@lifi/widget 3.7.0-beta.10 → 3.7.0-beta.11

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

@@ -0,0 +1,185 @@
+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,
+        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,84 @@
+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;
+    };
+}
+interface ResetOptions {
+    defaultValue?: GenericFormValue;
+}
+export interface FormActions {
+    setDefaultValues: (formValues: DefaultValues) => void;
+    setUserAndDefaultValues: (formValues: Partial<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>>;
+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":"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,CAAA"}

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

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

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

@@ -0,0 +1,15 @@
+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,
+        setUserAndDefaultValues: store.setUserAndDefaultValues,
+    }), shallow);
+    return actions;
+};
+//# sourceMappingURL=useFieldActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFieldActions.js","sourceRoot":"","sources":["../../../../src/stores/form/useFieldActions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAEzC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEhD,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;QAClC,uBAAuB,EAAE,KAAK,CAAC,uBAAuB;KACvD,CAAC,EACF,OAAO,CACR,CAAA;IAED,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA"}

package/dist/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/sdk").ContractCall[] | undefined;
+};
+export {};

package/dist/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/dist/esm/stores/form/useFieldController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFieldController.js","sourceRoot":"","sources":["../../../../src/stores/form/useFieldController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAEnC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAMpD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAE,IAAI,EAA2B,EAAE,EAAE;IACtE,MAAM,CAAC,UAAU,CAAC,GAAG,cAAc,CAAC,IAAI,CAAC,CAAA;IACzC,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAA;IAEzD,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,CAAA;IACnE,CAAC,EACD,CAAC,IAAI,EAAE,aAAa,CAAC,CACtB,CAAA;IAED,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,YAAY,CAAC,IAAI,CAAC,CAAA;IACpB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAA;IAExB,OAAO;QACL,QAAQ;QACR,MAAM;QACN,IAAI;QACJ,KAAK,EAAE,UAAU;KAClB,CAAA;AACH,CAAC,CAAA"}

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

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

package/dist/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/dist/esm/stores/form/useFieldValues.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFieldValues.js","sourceRoot":"","sources":["../../../../src/stores/form/useFieldValues.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAEzC,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,EACzE,OAAO,CACR,CAAA;IAED,OAAO,MAAM,CAAA;AACf,CAAC,CAAA"}

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

@@ -0,0 +1,3 @@
+import type { FormRef } from '../../types/widget.js';
+import type { FormStoreStore } from './types.js';
+export declare const useFormRef: (formStore: FormStoreStore, formRef?: FormRef) => void;

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

@@ -0,0 +1,51 @@
+import { useImperativeHandle } from 'react';
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
+import { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js';
+import { formDefaultValues } from '../../stores/form/createFormStore.js';
+import { useSendToWalletActions } from '../../stores/settings/useSendToWalletStore.js';
+import { HiddenUI } from '../../types/widget.js';
+export const useFormRef = (formStore, formRef) => {
+    const { setSendToWallet } = useSendToWalletActions();
+    const { setSelectedBookmark } = useBookmarkActions();
+    const { hiddenUI } = useWidgetConfig();
+    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) => {
+                if (hiddenUI?.includes(HiddenUI.ToAddress)) {
+                    return formDefaultValues.toAddress;
+                }
+                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, hiddenUI, setSendToWallet, setSelectedBookmark]);
+};
+//# sourceMappingURL=useFormRef.js.map

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

@@ -0,0 +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,eAAe,EAAE,MAAM,kDAAkD,CAAA;AAClF,OAAO,EAAE,kBAAkB,EAAE,MAAM,8CAA8C,CAAA;AACjF,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AACxE,OAAO,EAAE,sBAAsB,EAAE,MAAM,+CAA+C,CAAA;AAEtF,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAGhD,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;IACpD,MAAM,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,CAAA;IAEtC,mBAAmB,CACjB,OAAO,EACP,GAAG,EAAE;QACH,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,IAAI,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;oBAC3C,OAAO,iBAAiB,CAAC,SAAS,CAAA;gBACpC,CAAC;gBAED,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,EACD,CAAC,SAAS,EAAE,QAAQ,EAAE,eAAe,EAAE,mBAAmB,CAAC,CAC5D,CAAA;AACH,CAAC,CAAA"}

package/dist/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/dist/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/dist/esm/stores/form/useFormStore.js.map

@@ -0,0 +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,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAGxD,MAAM,UAAU,YAAY,CAC1B,QAAuC,EACvC,UAAU,GAAG,OAAO;IAEpB,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,QAAQ,EAAE,UAAU,CAAC,CAAA;AACvC,CAAC"}

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

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

package/dist/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/dist/esm/stores/form/useTouchedFields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTouchedFields.js","sourceRoot":"","sources":["../../../../src/stores/form/useTouchedFields.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,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,EAAE,OAAO,CAAC,CAAA;IAE3E,OAAO,aAAa,CAAA;AACtB,CAAC,CAAA"}

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

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

package/dist/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/dist/esm/stores/form/useValidation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useValidation.js","sourceRoot":"","sources":["../../../../src/stores/form/useValidation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAEzC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAChD,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,CAAA;IAED,OAAO;QACL,OAAO;QACP,YAAY;QACZ,MAAM;KACP,CAAA;AACH,CAAC,CAAA"}

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

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

package/dist/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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useValidationActions.js","sourceRoot":"","sources":["../../../../src/stores/form/useValidationActions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAEzC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEhD,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,MAAM,OAAO,GAAG,YAAY,CAC1B,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACV,kBAAkB,EAAE,KAAK,CAAC,kBAAkB;QAC5C,sBAAsB,EAAE,KAAK,CAAC,sBAAsB;QACpD,WAAW,EAAE,KAAK,CAAC,WAAW;KAC/B,CAAC,EACF,OAAO,CACR,CAAA;IAED,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA"}

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

@@ -0,0 +1,15 @@
+import type { StoreApi } from 'zustand';
+import type { UseBoundStoreWithEqualityFn } from 'zustand/traditional';
+export type HeaderStore = UseBoundStoreWithEqualityFn<StoreApi<HeaderState>>;
+export interface HeaderStateBase {
+    element?: React.ReactNode | null;
+    title?: string;
+    headerHeight: number;
+}
+export interface HeaderState extends HeaderStateBase {
+    setAction(element?: React.ReactNode | null): () => void;
+    setTitle(title?: string): () => void;
+    removeAction(): void;
+    removeTitle(): void;
+    setHeaderHeight(headerHeight: number): void;
+}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/stores/header/types.ts"],"names":[],"mappings":""}

package/dist/esm/stores/header/useHeaderStore.d.ts

@@ -0,0 +1,13 @@
+import type { PersistStoreProviderProps } from '../types.js';
+import type { HeaderState, HeaderStore } from './types.js';
+export declare const HeaderStoreContext: import("react").Context<HeaderStore | null>;
+export declare function HeaderStoreProvider({ children }: PersistStoreProviderProps): import("react").JSX.Element;
+export declare function useHeaderStoreContext(): HeaderStore;
+export declare function useHeaderStore<T>(selector: (state: HeaderState) => T, equalityCheck?: (objA: T, objB: T) => boolean): T;
+export declare function useHeaderHeight(): {
+    headerHeight: number;
+};
+export declare function useSetHeaderHeight(): {
+    setHeaderHeight: (headerHeight: number) => void;
+};
+export declare const createHeaderStore: () => import("zustand/traditional").UseBoundStoreWithEqualityFn<import("zustand").StoreApi<HeaderState>>;

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

@@ -0,0 +1,72 @@
+import { createContext, useContext, useRef } from 'react';
+import { shallow } from 'zustand/shallow';
+import { createWithEqualityFn } from 'zustand/traditional';
+export const HeaderStoreContext = createContext(null);
+export function HeaderStoreProvider({ children }) {
+    const storeRef = useRef();
+    if (!storeRef.current) {
+        storeRef.current = createHeaderStore();
+    }
+    return (<HeaderStoreContext.Provider value={storeRef.current}>
+      {children}
+    </HeaderStoreContext.Provider>);
+}
+export function useHeaderStoreContext() {
+    const useStore = useContext(HeaderStoreContext);
+    if (!useStore) {
+        throw new Error(`You forgot to wrap your component in <${HeaderStoreProvider.name}>.`);
+    }
+    return useStore;
+}
+export function useHeaderStore(selector, equalityCheck) {
+    const useStore = useHeaderStoreContext();
+    return useStore(selector, equalityCheck);
+}
+// 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], shallow);
+    return {
+        headerHeight,
+    };
+}
+export function useSetHeaderHeight() {
+    const [setHeaderHeight] = useHeaderStore((state) => [state.setHeaderHeight], shallow);
+    return {
+        setHeaderHeight,
+    };
+}
+export const createHeaderStore = () => createWithEqualityFn((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,
+        }));
+    },
+}), Object.is);
+//# sourceMappingURL=useHeaderStore.jsx.map