@lifi/widget 2.0.0-beta.14 → 2.0.0-beta.16

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))