@lifi/widget 3.0.0-alpha.9 → 3.0.0-beta.0

package/_esm/stores/chains/useChainOrder.js.map

@@ -1 +1 @@
-{"version":3,"file":"useChainOrder.js","sourceRoot":"","sources":["../../../stores/chains/useChainOrder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAEvD,MAAM,CAAC,MAAM,aAAa,GAAG,GAA0C,EAAE;IACvE,OAAO,kBAAkB,CACvB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,EAC7C,OAAO,CACR,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"useChainOrder.js","sourceRoot":"","sources":["../../../stores/chains/useChainOrder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,IAAc,EACyC,EAAE;IACzD,OAAO,kBAAkB,CACvB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,EACnD,OAAO,CACR,CAAC;AACJ,CAAC,CAAC"}

package/_esm/stores/form/FormStore.d.ts

@@ -0,0 +1,2 @@
+import type { PropsWithChildren } from 'react';
+export declare const FormStoreProvider: React.FC<PropsWithChildren>;

package/_esm/stores/form/FormStore.js

@@ -0,0 +1,39 @@
+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';
+export const FormStoreProvider = ({ children, }) => {
+    const { fromChain, fromToken, fromAmount, toChain, toToken, toAddress, hiddenUI, } = useWidgetConfig();
+    const storeRef = useRef();
+    const hiddenToAddress = hiddenUI?.includes(HiddenUI.ToAddress);
+    const defaultValues = useMemo(() => ({
+        ...formDefaultValues,
+        fromChain,
+        fromToken,
+        toChain,
+        toToken,
+        fromAmount: (typeof fromAmount === 'number'
+            ? fromAmount?.toPrecision()
+            : fromAmount) || formDefaultValues.fromAmount,
+        // Prevent setting address when the field is hidden
+        toAddress: hiddenToAddress
+            ? formDefaultValues.toAddress
+            : toAddress?.address || formDefaultValues.toAddress,
+    }), [
+        fromAmount,
+        fromChain,
+        fromToken,
+        hiddenToAddress,
+        toAddress,
+        toChain,
+        toToken,
+    ]);
+    if (!storeRef.current) {
+        storeRef.current = createFormStore(defaultValues);
+    }
+    return (_jsxs(FormStoreContext.Provider, { value: storeRef.current, children: [children, _jsx(FormUpdater, { defaultValues: defaultValues })] }));
+};
+//# sourceMappingURL=FormStore.js.map

package/_esm/stores/form/FormStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormStore.js","sourceRoot":"","sources":["../../../stores/form/FormStore.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAG1E,MAAM,CAAC,MAAM,iBAAiB,GAAgC,CAAC,EAC7D,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EACJ,SAAS,EACT,SAAS,EACT,UAAU,EACV,OAAO,EACP,OAAO,EACP,SAAS,EACT,QAAQ,GACT,GAAG,eAAe,EAAE,CAAC;IACtB,MAAM,QAAQ,GAAG,MAAM,EAAkB,CAAC;IAE1C,MAAM,eAAe,GAAG,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IAE/D,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CAAC,CAAC;QACL,GAAG,iBAAiB;QACpB,SAAS;QACT,SAAS;QACT,OAAO;QACP,OAAO;QACP,UAAU,EACR,CAAC,OAAO,UAAU,KAAK,QAAQ;YAC7B,CAAC,CAAC,UAAU,EAAE,WAAW,EAAE;YAC3B,CAAC,CAAC,UAAU,CAAC,IAAI,iBAAiB,CAAC,UAAU;QACjD,mDAAmD;QACnD,SAAS,EAAE,eAAe;YACxB,CAAC,CAAC,iBAAiB,CAAC,SAAS;YAC7B,CAAC,CAAC,SAAS,EAAE,OAAO,IAAI,iBAAiB,CAAC,SAAS;KACtD,CAAC,EACF;QACE,UAAU;QACV,SAAS;QACT,SAAS;QACT,eAAe;QACf,SAAS;QACT,OAAO;QACP,OAAO;KACR,CACF,CAAC;IAEF,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;QACtB,QAAQ,CAAC,OAAO,GAAG,eAAe,CAAC,aAAa,CAAC,CAAC;IACpD,CAAC;IAED,OAAO,CACL,MAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,CAAC,OAAO,aAC/C,QAAQ,EACT,KAAC,WAAW,IAAC,aAAa,EAAE,aAAa,GAAI,IACnB,CAC7B,CAAC;AACJ,CAAC,CAAC"}

package/_esm/stores/form/FormStoreContext.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
+import type { FormStoreStore } from './types.js';
+export declare const FormStoreContext: import("react").Context<FormStoreStore | null>;

package/_esm/stores/form/FormStoreContext.js

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

package/_esm/stores/form/FormStoreContext.js.map

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

package/_esm/stores/form/FormUpdater.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" resolution-mode="require"/>
+import type { DefaultValues } from './types.js';
+export declare const FormUpdater: React.FC<{
+    defaultValues: Partial<DefaultValues>;
+}>;

package/_esm/stores/form/FormUpdater.js

@@ -0,0 +1,59 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import { useEffect, useRef } from 'react';
+import { useAccount } from '../../hooks/useAccount.js';
+import { useChains } from '../../hooks/useChains.js';
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
+import { useFieldActions } from './useFieldActions.js';
+export const FormUpdater = ({ defaultValues }) => {
+    const { fromChain, toChain } = useWidgetConfig();
+    const { account } = useAccount();
+    const { chains } = useChains();
+    const { isTouched, resetField, setFieldValue, getFieldValues } = useFieldActions();
+    const previousDefaultValues = useRef(defaultValues);
+    // 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(() => {
+        Object.keys(defaultValues).forEach((key) => {
+            if (previousDefaultValues.current[key] !== defaultValues[key]) {
+                const value = defaultValues[key] ||
+                    // set the chain to the current user one if it is not present in the config
+                    (key === 'fromChain' || key === 'toChain'
+                        ? account.chainId || ''
+                        : '');
+                setFieldValue(key, value);
+                resetField(key, { defaultValue: value });
+            }
+        });
+        previousDefaultValues.current = defaultValues;
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [defaultValues, getFieldValues, resetField, setFieldValue]);
+    return null;
+};
+//# sourceMappingURL=FormUpdater.js.map

package/_esm/stores/form/FormUpdater.js.map

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

package/_esm/stores/form/URLSearchParamsBuilder.js

@@ -0,0 +1,33 @@
+import { useEffect } from 'react';
+import { useLocation } from 'react-router-dom';
+import { useFieldValues } from '../form/useFieldValues.js';
+import { useTouchedFields } from '../form/useTouchedFields.js';
+const formValueKeys = [
+    'fromAmount',
+    'fromChain',
+    'fromToken',
+    'toAddress',
+    'toChain',
+    'toToken',
+];
+export const URLSearchParamsBuilder = () => {
+    const { pathname } = useLocation();
+    const touchedFields = useTouchedFields();
+    const values = useFieldValues(...formValueKeys);
+    useEffect(() => {
+        const url = new URL(window.location);
+        formValueKeys.forEach((key, index) => {
+            const value = values[index];
+            if (touchedFields[key] && value) {
+                url.searchParams.set(key, value.toString());
+            }
+            else if (url.searchParams.has(key) && !values[index]) {
+                url.searchParams.delete(key);
+            }
+        });
+        url.searchParams.sort();
+        window.history.replaceState(window.history.state, '', url);
+    }, [pathname, touchedFields, values]);
+    return null;
+};
+//# sourceMappingURL=URLSearchParamsBuilder.js.map

package/_esm/stores/form/URLSearchParamsBuilder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"URLSearchParamsBuilder.js","sourceRoot":"","sources":["../../../stores/form/URLSearchParamsBuilder.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAE/D,MAAM,aAAa,GAAqB;IACtC,YAAY;IACZ,WAAW;IACX,WAAW;IACX,WAAW;IACX,SAAS;IACT,SAAS;CACV,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACzC,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAC;IACnC,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IACzC,MAAM,MAAM,GAAG,cAAc,CAAC,GAAG,aAAa,CAAC,CAAC;IAEhD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,QAAe,CAAC,CAAC;QAC5C,aAAa,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;YACnC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;YAC5B,IAAI,aAAa,CAAC,GAAG,CAAC,IAAI,KAAK,EAAE,CAAC;gBAChC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;YAC9C,CAAC;iBAAM,IAAI,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;gBACvD,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;YAC/B,CAAC;QACH,CAAC,CAAC,CAAC;QACH,GAAG,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;QACxB,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;IAC7D,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC;IAEtC,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}

package/_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/_esm/stores/form/createFormStore.js

@@ -0,0 +1,178 @@
+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]),
+    }), {});
+};
+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,
+    };
+    return {
+        ...accum,
+        [key]: formValue,
+    };
+}, { ...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),
+            }));
+        },
+        isTouched: (fieldName) => !!get().userValues[fieldName]?.isTouched,
+        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/_esm/stores/form/createFormStore.js.map

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

package/_esm/stores/form/types.d.ts

@@ -0,0 +1,81 @@
+import type { ContractCall } from '@lifi/sdk';
+import type { StoreApi } from 'zustand';
+import type { UseBoundStoreWithEqualityFn } from 'zustand/traditional';
+export interface DefaultValues {
+    contractCalls?: ContractCall[];
+    fromAmount: string;
+    fromChain?: number;
+    fromToken?: string;
+    toAddress?: string;
+    toAmount: string;
+    toChain?: number;
+    toToken?: string;
+    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 = {
+    [key in FormFieldNames]?: boolean;
+};
+type ValidationFn = (value: any) => Promise<boolean | string>;
+export interface ValidationProps {
+    isValid: boolean;
+    isValidating: boolean;
+    errors: {
+        [key in FormFieldNames]?: string;
+    };
+    validation: {
+        [key 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: {
+        [key in FormFieldNames]?: boolean;
+    };
+}
+interface ResetOptions {
+    defaultValue?: GenericFormValue;
+}
+export interface FormActions {
+    setDefaultValues: (formValues: DefaultValues) => void;
+    isTouched: (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>>;
+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/_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/_esm/stores/form/types.js.map

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

package/_esm/stores/form/useFieldActions.d.ts

@@ -0,0 +1,2 @@
+import type { FormActions } from './types.js';
+export declare const useFieldActions: () => FormActions;

package/_esm/stores/form/useFieldActions.js

@@ -0,0 +1,14 @@
+import { shallow } from 'zustand/shallow';
+import { useFormStore } from './useFormStore.js';
+export const useFieldActions = () => {
+    const actions = useFormStore((store) => ({
+        getFieldValues: store.getFieldValues,
+        isTouched: store.isTouched,
+        resetField: store.resetField,
+        setAsTouched: store.setAsTouched,
+        setDefaultValues: store.setDefaultValues,
+        setFieldValue: store.setFieldValue,
+    }), shallow);
+    return actions;
+};
+//# sourceMappingURL=useFieldActions.js.map

package/_esm/stores/form/useFieldActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFieldActions.js","sourceRoot":"","sources":["../../../stores/form/useFieldActions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,OAAO,GAAG,YAAY,CAC1B,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACV,cAAc,EAAE,KAAK,CAAC,cAAc;QACpC,SAAS,EAAE,KAAK,CAAC,SAAS;QAC1B,UAAU,EAAE,KAAK,CAAC,UAAU;QAC5B,YAAY,EAAE,KAAK,CAAC,YAAY;QAChC,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;QACxC,aAAa,EAAE,KAAK,CAAC,aAAa;KACnC,CAAC,EACF,OAAO,CACR,CAAC;IAEF,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}

package/_esm/stores/form/useFieldController.d.ts

@@ -0,0 +1,11 @@
+import type { FormFieldNames } from './types.js';
+interface UseFieldControllerProps {
+    name: FormFieldNames;
+}
+export declare const useFieldController: ({ name }: UseFieldControllerProps) => {
+    onChange: (newValue: string | number | undefined) => void;
+    onBlur: () => void;
+    name: keyof import("./types.js").DefaultValues;
+    value: string | number | import("@lifi/types").ContractCall[] | undefined;
+};
+export {};

package/_esm/stores/form/useFieldController.js

@@ -0,0 +1,20 @@
+import { useCallback } from 'react';
+import { useFieldActions } from './useFieldActions.js';
+import { useFieldValues } from './useFieldValues.js';
+export const useFieldController = ({ name }) => {
+    const [fieldValue] = useFieldValues(name);
+    const { setFieldValue, setAsTouched } = useFieldActions();
+    const onChange = useCallback((newValue) => {
+        setFieldValue(name, newValue, { isDirty: true, isTouched: true });
+    }, [name, setFieldValue]);
+    const onBlur = useCallback(() => {
+        setAsTouched(name);
+    }, [name, setAsTouched]);
+    return {
+        onChange,
+        onBlur,
+        name,
+        value: fieldValue,
+    };
+};
+//# sourceMappingURL=useFieldController.js.map

package/_esm/stores/form/useFieldController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFieldController.js","sourceRoot":"","sources":["../../../stores/form/useFieldController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAMrD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAE,IAAI,EAA2B,EAAE,EAAE;IACtE,MAAM,CAAC,UAAU,CAAC,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;IAC1C,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAC;IAE1D,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,QAAqC,EAAE,EAAE;QACxC,aAAa,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IACpE,CAAC,EACD,CAAC,IAAI,EAAE,aAAa,CAAC,CACtB,CAAC;IAEF,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC;IAEzB,OAAO;QACL,QAAQ;QACR,MAAM;QACN,IAAI;QACJ,KAAK,EAAE,UAAU;KAClB,CAAC;AACJ,CAAC,CAAC"}

package/_esm/stores/form/useFieldValues.d.ts

@@ -0,0 +1,2 @@
+import type { FormFieldArray } from './types.js';
+export declare const useFieldValues: <T extends (keyof import("./types.js").DefaultValues)[]>(...names: T) => FormFieldArray<T>;

package/_esm/stores/form/useFieldValues.js

@@ -0,0 +1,8 @@
+import { shallow } from 'zustand/shallow';
+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), shallow);
+    return values;
+};
+//# sourceMappingURL=useFieldValues.js.map

package/_esm/stores/form/useFieldValues.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFieldValues.js","sourceRoot":"","sources":["../../../stores/form/useFieldValues.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,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,EACzE,OAAO,CACR,CAAC;IAEF,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC"}

package/_esm/stores/form/useFormStore.d.ts

@@ -0,0 +1,3 @@
+import { shallow } from 'zustand/shallow';
+import type { FormValuesState } from './types.js';
+export declare function useFormStore<T>(selector: (state: FormValuesState) => T, equalityFn?: typeof shallow): T;

package/_esm/stores/form/useFormStore.js

@@ -0,0 +1,11 @@
+import { useContext } from 'react';
+import { shallow } from 'zustand/shallow';
+import { FormStoreContext } from './FormStoreContext.js';
+export function useFormStore(selector, equalityFn = shallow) {
+    const useStore = useContext(FormStoreContext);
+    if (!useStore) {
+        throw new Error(`You forgot to wrap your component in <FormStoreProvider>.`);
+    }
+    return useStore(selector, equalityFn);
+}
+//# sourceMappingURL=useFormStore.js.map

package/_esm/stores/form/useFormStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormStore.js","sourceRoot":"","sources":["../../../stores/form/useFormStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGzD,MAAM,UAAU,YAAY,CAC1B,QAAuC,EACvC,UAAU,GAAG,OAAO;IAEpB,MAAM,QAAQ,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAE9C,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CACb,2DAA2D,CAC5D,CAAC;IACJ,CAAC;IAED,OAAO,QAAQ,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;AACxC,CAAC"}

package/_esm/stores/form/useTouchedFields.d.ts

@@ -0,0 +1,11 @@
+export declare const useTouchedFields: () => {
+    fromAmount?: boolean | undefined;
+    fromToken?: boolean | undefined;
+    toAddress?: boolean | undefined;
+    toToken?: boolean | undefined;
+    fromChain?: boolean | undefined;
+    toChain?: boolean | undefined;
+    toAmount?: boolean | undefined;
+    contractCalls?: boolean | undefined;
+    tokenSearchFilter?: boolean | undefined;
+};

package/_esm/stores/form/useTouchedFields.js

@@ -0,0 +1,7 @@
+import { shallow } from 'zustand/shallow';
+import { useFormStore } from './useFormStore.js';
+export const useTouchedFields = () => {
+    const touchedFields = useFormStore((store) => store.touchedFields, shallow);
+    return touchedFields;
+};
+//# sourceMappingURL=useTouchedFields.js.map

package/_esm/stores/form/useTouchedFields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTouchedFields.js","sourceRoot":"","sources":["../../../stores/form/useTouchedFields.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,aAAa,GAAG,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;IAE5E,OAAO,aAAa,CAAC;AACvB,CAAC,CAAC"}

package/_esm/stores/form/useValidation.d.ts

@@ -0,0 +1,2 @@
+import type { ValidationProps } from './types.js';
+export declare const useValidation: () => Omit<ValidationProps, 'validation'>;

package/_esm/stores/form/useValidation.js

@@ -0,0 +1,11 @@
+import { shallow } from 'zustand/shallow';
+import { useFormStore } from './useFormStore.js';
+export const useValidation = () => {
+    const [isValid, isValidating, errors] = useFormStore((store) => [store.isValid, store.isValidating, store.errors], shallow);
+    return {
+        isValid,
+        isValidating,
+        errors,
+    };
+};
+//# sourceMappingURL=useValidation.js.map

package/_esm/stores/form/useValidation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useValidation.js","sourceRoot":"","sources":["../../../stores/form/useValidation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,MAAM,CAAC,MAAM,aAAa,GAAG,GAAwC,EAAE;IACrE,MAAM,CAAC,OAAO,EAAE,YAAY,EAAE,MAAM,CAAC,GAAG,YAAY,CAClD,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,EAC5D,OAAO,CACR,CAAC;IAEF,OAAO;QACL,OAAO;QACP,YAAY;QACZ,MAAM;KACP,CAAC;AACJ,CAAC,CAAC"}

package/_esm/stores/form/useValidationActions.d.ts

@@ -0,0 +1,2 @@
+import type { ValidationActions } from './types.js';
+export declare const useValidationActions: () => ValidationActions;

package/_esm/stores/form/useValidationActions.js

@@ -0,0 +1,11 @@
+import { shallow } from 'zustand/shallow';
+import { useFormStore } from './useFormStore.js';
+export const useValidationActions = () => {
+    const actions = useFormStore((store) => ({
+        addFieldValidation: store.addFieldValidation,
+        triggerFieldValidation: store.triggerFieldValidation,
+        clearErrors: store.clearErrors,
+    }), shallow);
+    return actions;
+};
+//# sourceMappingURL=useValidationActions.js.map