@lifi/widget 2.0.0-beta.13 → 2.0.0-beta.15

package/providers/{SwapFormProvider → FormProvider}/FormUpdater.js

@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import { useEffect, useRef } from 'react';
 import { useFormContext } from 'react-hook-form';
-import { SwapFormKey } from '../SwapFormProvider';
+import { FormKey } from '.';
 import { useWallet } from '../WalletProvider';
 import { isItemAllowed, useWidgetConfig } from '../WidgetProvider';
 export const FormUpdater = ({ defaultValues }) => {
@@ -17,23 +17,23 @@ export const FormUpdater = ({ defaultValues }) => {
         if (!account.isActive || !account.chainId || !chainAllowed) {
             return;
         }
-        const { isTouched: isFromChainTouched } = getFieldState(SwapFormKey.FromChain);
-        const { isTouched: isToChainTouched } = getFieldState(SwapFormKey.ToChain);
-        const { isTouched: isFromTokenTouched } = getFieldState(SwapFormKey.FromToken);
-        const { isTouched: isToTokenTouched } = getFieldState(SwapFormKey.ToToken);
-        const { isTouched: isFromAmountTouched } = getFieldState(SwapFormKey.FromAmount);
+        const { isTouched: isFromChainTouched } = getFieldState(FormKey.FromChain);
+        const { isTouched: isToChainTouched } = getFieldState(FormKey.ToChain);
+        const { isTouched: isFromTokenTouched } = getFieldState(FormKey.FromToken);
+        const { isTouched: isToTokenTouched } = getFieldState(FormKey.ToToken);
+        const { isTouched: isFromAmountTouched } = getFieldState(FormKey.FromAmount);
         if (!fromChain && !isFromChainTouched && !isFromTokenTouched) {
-            resetField(SwapFormKey.FromChain, { defaultValue: account.chainId });
-            setValue(SwapFormKey.FromChain, account.chainId);
-            setValue(SwapFormKey.FromToken, '');
+            resetField(FormKey.FromChain, { defaultValue: account.chainId });
+            setValue(FormKey.FromChain, account.chainId);
+            setValue(FormKey.FromToken, '');
             if (isFromAmountTouched) {
-                setValue(SwapFormKey.FromAmount, '');
+                setValue(FormKey.FromAmount, '');
             }
         }
         if (!toChain && !isToChainTouched && !isToTokenTouched) {
-            resetField(SwapFormKey.ToChain, { defaultValue: account.chainId });
-            setValue(SwapFormKey.ToChain, account.chainId);
-            setValue(SwapFormKey.ToToken, '');
+            resetField(FormKey.ToChain, { defaultValue: account.chainId });
+            setValue(FormKey.ToChain, account.chainId);
+            setValue(FormKey.ToToken, '');
         }
     }, [
         account.chainId,
@@ -53,7 +53,7 @@ export const FormUpdater = ({ defaultValues }) => {
             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 === SwapFormKey.FromChain || key === SwapFormKey.ToChain
+                    (key === FormKey.FromChain || key === FormKey.ToChain
                         ? account.chainId || ''
                         : '');
                 setValue(key, value);

package/providers/{SwapFormProvider → FormProvider}/URLSearchParamsBuilder.js

@@ -1,14 +1,14 @@
 import { useEffect } from 'react';
 import { useFormState, useWatch } from 'react-hook-form';
 import { useLocation } from 'react-router-dom';
-import { SwapFormKey } from './types';
+import { FormKey } from './types';
 const formValueKeys = [
-    SwapFormKey.FromAmount,
-    SwapFormKey.FromChain,
-    SwapFormKey.FromToken,
-    SwapFormKey.ToAddress,
-    SwapFormKey.ToChain,
-    SwapFormKey.ToToken,
+    FormKey.FromAmount,
+    FormKey.FromChain,
+    FormKey.FromToken,
+    FormKey.ToAddress,
+    FormKey.ToChain,
+    FormKey.ToToken,
 ];
 export const URLSearchParamsBuilder = () => {
     const { pathname } = useLocation();

package/providers/{SwapFormProvider → FormProvider}/index.d.ts

@@ -1,3 +1,3 @@
-export * from './SwapFormProvider';
+export * from './FormProvider';
 export * from './URLSearchParamsBuilder';
 export * from './types';

package/providers/{SwapFormProvider → FormProvider}/index.js

@@ -1,3 +1,3 @@
-export * from './SwapFormProvider';
+export * from './FormProvider';
 export * from './URLSearchParamsBuilder';
 export * from './types';

package/providers/FormProvider/types.d.ts

@@ -0,0 +1,37 @@
+export declare enum FormKey {
+    ContractOutputsToken = "contractOutputsToken",
+    FromAmount = "fromAmount",
+    FromChain = "fromChain",
+    FromToken = "fromToken",
+    ToAddress = "toAddress",
+    ToAmount = "toAmount",
+    ToChain = "toChain",
+    ToContractAddress = "toContractAddress",
+    ToContractCallData = "toContractCallData",
+    ToContractGasLimit = "ToContractGasLimit",
+    ToToken = "toToken",
+    TokenSearchFilter = "tokenSearchFilter"
+}
+export type FormValues = {
+    [FormKey.ContractOutputsToken]: string;
+    [FormKey.FromAmount]: string;
+    [FormKey.FromChain]: number;
+    [FormKey.FromToken]: string;
+    [FormKey.ToAddress]: string;
+    [FormKey.ToAmount]: string;
+    [FormKey.ToChain]: number;
+    [FormKey.ToContractAddress]: string;
+    [FormKey.ToContractCallData]: string;
+    [FormKey.ToContractGasLimit]: string;
+    [FormKey.ToToken]: string;
+    [FormKey.TokenSearchFilter]: string;
+};
+export type FormType = 'from' | 'to';
+export declare const FormKeyHelper: {
+    getChainKey: (formType: FormType) => 'fromChain' | 'toChain';
+    getTokenKey: (formType: FormType) => 'fromToken' | 'toToken';
+    getAmountKey: (formType: FormType) => 'fromAmount' | 'toAmount';
+};
+export interface FormTypeProps {
+    formType: FormType;
+}

package/providers/FormProvider/types.js

@@ -0,0 +1,20 @@
+export var FormKey;
+(function (FormKey) {
+    FormKey["ContractOutputsToken"] = "contractOutputsToken";
+    FormKey["FromAmount"] = "fromAmount";
+    FormKey["FromChain"] = "fromChain";
+    FormKey["FromToken"] = "fromToken";
+    FormKey["ToAddress"] = "toAddress";
+    FormKey["ToAmount"] = "toAmount";
+    FormKey["ToChain"] = "toChain";
+    FormKey["ToContractAddress"] = "toContractAddress";
+    FormKey["ToContractCallData"] = "toContractCallData";
+    FormKey["ToContractGasLimit"] = "ToContractGasLimit";
+    FormKey["ToToken"] = "toToken";
+    FormKey["TokenSearchFilter"] = "tokenSearchFilter";
+})(FormKey || (FormKey = {}));
+export const FormKeyHelper = {
+    getChainKey: (formType) => `${formType}Chain`,
+    getTokenKey: (formType) => `${formType}Token`,
+    getAmountKey: (formType) => `${formType}Amount`,
+};

package/providers/index.d.ts

@@ -1,6 +1,6 @@
+export * from './FormProvider';
 export * from './I18nProvider';
 export * from './SDKProvider';
-export * from './SwapFormProvider';
 export * from './ThemeProvider';
 export * from './WalletProvider';
 export * from './WidgetProvider';

package/providers/index.js

@@ -1,6 +1,6 @@
+export * from './FormProvider';
 export * from './I18nProvider';
 export * from './SDKProvider';
-export * from './SwapFormProvider';
 export * from './ThemeProvider';
 export * from './WalletProvider';
 export * from './WidgetProvider';

package/stores/routes/createRouteExecutionStore.js

@@ -107,7 +107,7 @@ export const createRouteExecutionStore = ({ namePrefix }) => create(persist((set
             ...persistedState,
         };
         try {
-            // Move swaps to history after 1 day
+            // Move transactions to history after 1 day
             const currentTime = new Date().getTime();
             const oneDay = 1000 * 60 * 60 * 24;
             Object.values(state.routes).forEach((routeExecution) => {

package/stores/routes/index.d.ts

@@ -2,5 +2,5 @@ export * from './RouteExecutionStore';
 export * from './types';
 export * from './useExecutingRoutesIds';
 export * from './useSetExecutableRoute';
-export * from './useSwapHistory';
+export * from './useTransactionHistory';
 export * from './utils';

package/stores/routes/index.js

@@ -2,5 +2,5 @@ export * from './RouteExecutionStore';
 export * from './types';
 export * from './useExecutingRoutesIds';
 export * from './useSetExecutableRoute';
-export * from './useSwapHistory';
+export * from './useTransactionHistory';
 export * from './utils';

package/stores/routes/useTransactionHistory.d.ts

@@ -0,0 +1,2 @@
+import type { RouteExecution } from './types';
+export declare const useTransactionHistory: (address?: string) => RouteExecution[];

package/stores/routes/{useSwapHistory.js → useTransactionHistory.js}

@@ -2,7 +2,7 @@ import { shallow } from 'zustand/shallow';
 import { hasEnumFlag } from '../../utils';
 import { useRouteExecutionStore } from './RouteExecutionStore';
 import { RouteExecutionStatus } from './types';
-export const useSwapHistory = (address) => {
+export const useTransactionHistory = (address) => {
     return useRouteExecutionStore((state) => Object.values(state.routes)
         .filter((item) => item?.route.fromAddress === address &&
         hasEnumFlag(item.status, RouteExecutionStatus.Done))