@huma-finance/shared 0.0.28 → 0.0.30

package/dist/hooks/useFactoring.d.ts

@@ -1,19 +1,19 @@
-import { POOL_NAME, POOL_TYPE } from '../utils/pool';
-export declare function useFactoring<T>(poolName: POOL_NAME, poolType: POOL_TYPE, getPaidSuccessCallback?: () => void): {
-    accountStats: import("./usePoolContract").AccountStats;
-    accountHasActiveLoan: boolean;
-    actionType: "borrow" | "payment" | undefined;
-    loading: boolean;
-    poolInfo: import("../utils/pool").PoolInfoType | undefined;
-    modalIsOpen: boolean;
-    selectedItem: T | undefined;
-    styles: {
-        wrapper: import("@emotion/utils").SerializedStyles;
-        title: import("@emotion/utils").SerializedStyles;
-        description: import("@emotion/utils").SerializedStyles;
-    };
-    handleGetPaid: (item: T) => void;
-    handleGetPaidSuccess: (blockNumber?: number) => void;
-    handlePayManually: (item: T) => void;
-    handleClose: () => void;
-};
+import { POOL_NAME, POOL_TYPE } from '../utils/pool';
+export declare function useFactoring<T>(poolName: POOL_NAME, poolType: POOL_TYPE, getPaidSuccessCallback?: () => void): {
+    accountStats: import("./usePoolContract").AccountStats;
+    accountHasActiveLoan: boolean;
+    actionType: "borrow" | "payment" | undefined;
+    loading: boolean;
+    poolInfo: import("../utils/pool").PoolInfoType | undefined;
+    modalIsOpen: boolean;
+    selectedItem: T | undefined;
+    styles: {
+        wrapper: import("@emotion/utils").SerializedStyles;
+        title: import("@emotion/utils").SerializedStyles;
+        description: import("@emotion/utils").SerializedStyles;
+    };
+    handleGetPaid: (item: T) => void;
+    handleGetPaidSuccess: (blockNumber?: number) => void;
+    handlePayManually: (item: T) => void;
+    handleClose: () => void;
+};

package/dist/hooks/useFactoring.js

@@ -1,91 +1,91 @@
-import { css, useTheme } from '@mui/material';
-import { useWeb3React } from '@web3-react/core';
-import { useCallback, useState } from 'react';
-import { useMQ } from './useMQ';
-import { usePoolInfo } from './usePool';
-import { useAccountStats } from './usePoolContract';
-import { useRefresh } from './useRefresh';
-import { hasRFActiveLoan } from '../utils/credit';
-export function useFactoring(poolName, poolType, getPaidSuccessCallback) {
-    const theme = useTheme();
-    const { account } = useWeb3React();
-    const poolInfo = usePoolInfo(poolName, poolType);
-    const [accountStats, refreshReceivableStats] = useAccountStats(poolName, poolType, account);
-    const { creditRecord, receivableInfo } = accountStats;
-    const accountHasActiveLoan = hasRFActiveLoan(creditRecord, receivableInfo);
-    const [modalIsOpen, setModalIsOpen] = useState(false);
-    const [selectedItem, setSelectedItem] = useState();
-    const [actionType, setActionType] = useState();
-    const [subscribe, loading] = useRefresh();
-    const { isMdSize, isXsSize } = useMQ();
-    const getPadding = useCallback(() => {
-        if (isXsSize) {
-            return '0 8px 8px 8px';
-        }
-        if (isMdSize) {
-            return '0 32px 32px 32px';
-        }
-        return '0 90px 90px 90px';
-    }, [isMdSize, isXsSize]);
-    const styles = {
-        wrapper: css `
-      max-width: 1307px;
-      padding: ${getPadding()};
-      margin: 0 auto;
-    `,
-        title: css `
-      font-family: 'Uni-Neue-Black';
-      color: ${theme.palette.text.primary};
-      font-size: 24px;
-      margin-bottom: 16px;
-    `,
-        description: css `
-      font-family: 'Uni-Neue-Regular';
-      color: ${theme.palette.text.primary};
-      font-size: 1rem;
-    `,
-    };
-    const handleGetPaid = useCallback((item) => {
-        setModalIsOpen(true);
-        setSelectedItem(item);
-        setActionType('borrow');
-    }, []);
-    const handleGetPaidSuccess = useCallback((blockNumber) => {
-        const callbackFn = () => {
-            refreshReceivableStats();
-            if (getPaidSuccessCallback) {
-                getPaidSuccessCallback();
-            }
-        };
-        if (blockNumber) {
-            subscribe(blockNumber, callbackFn);
-        }
-        else {
-            callbackFn();
-        }
-    }, [getPaidSuccessCallback, refreshReceivableStats, subscribe]);
-    const handlePayManually = useCallback((item) => {
-        setModalIsOpen(true);
-        setSelectedItem(item);
-        setActionType('payment');
-    }, []);
-    const handleClose = useCallback(() => {
-        setActionType(undefined);
-        setModalIsOpen(false);
-    }, []);
-    return {
-        accountStats,
-        accountHasActiveLoan,
-        actionType,
-        loading,
-        poolInfo,
-        modalIsOpen,
-        selectedItem,
-        styles,
-        handleGetPaid,
-        handleGetPaidSuccess,
-        handlePayManually,
-        handleClose,
-    };
-}
+import { css, useTheme } from '@mui/material';
+import { useWeb3React } from '@web3-react/core';
+import { useCallback, useState } from 'react';
+import { useMQ } from './useMQ';
+import { usePoolInfo } from './usePool';
+import { useAccountStats } from './usePoolContract';
+import { useRefresh } from './useRefresh';
+import { hasRFActiveLoan } from '../utils/credit';
+export function useFactoring(poolName, poolType, getPaidSuccessCallback) {
+    const theme = useTheme();
+    const { account } = useWeb3React();
+    const poolInfo = usePoolInfo(poolName, poolType);
+    const [accountStats, refreshReceivableStats] = useAccountStats(poolName, poolType, account);
+    const { creditRecord, receivableInfo } = accountStats;
+    const accountHasActiveLoan = hasRFActiveLoan(creditRecord, receivableInfo);
+    const [modalIsOpen, setModalIsOpen] = useState(false);
+    const [selectedItem, setSelectedItem] = useState();
+    const [actionType, setActionType] = useState();
+    const [subscribe, loading] = useRefresh();
+    const { isMdSize, isXsSize } = useMQ();
+    const getPadding = useCallback(() => {
+        if (isXsSize) {
+            return '0 8px 8px 8px';
+        }
+        if (isMdSize) {
+            return '0 32px 32px 32px';
+        }
+        return '0 90px 90px 90px';
+    }, [isMdSize, isXsSize]);
+    const styles = {
+        wrapper: css `
+      max-width: 1307px;
+      padding: ${getPadding()};
+      margin: 0 auto;
+    `,
+        title: css `
+      font-family: 'Uni-Neue-Black';
+      color: ${theme.palette.text.primary};
+      font-size: 24px;
+      margin-bottom: 16px;
+    `,
+        description: css `
+      font-family: 'Uni-Neue-Regular';
+      color: ${theme.palette.text.primary};
+      font-size: 1rem;
+    `,
+    };
+    const handleGetPaid = useCallback((item) => {
+        setModalIsOpen(true);
+        setSelectedItem(item);
+        setActionType('borrow');
+    }, []);
+    const handleGetPaidSuccess = useCallback((blockNumber) => {
+        const callbackFn = () => {
+            refreshReceivableStats();
+            if (getPaidSuccessCallback) {
+                getPaidSuccessCallback();
+            }
+        };
+        if (blockNumber) {
+            subscribe(blockNumber, callbackFn);
+        }
+        else {
+            callbackFn();
+        }
+    }, [getPaidSuccessCallback, refreshReceivableStats, subscribe]);
+    const handlePayManually = useCallback((item) => {
+        setModalIsOpen(true);
+        setSelectedItem(item);
+        setActionType('payment');
+    }, []);
+    const handleClose = useCallback(() => {
+        setActionType(undefined);
+        setModalIsOpen(false);
+    }, []);
+    return {
+        accountStats,
+        accountHasActiveLoan,
+        actionType,
+        loading,
+        poolInfo,
+        modalIsOpen,
+        selectedItem,
+        styles,
+        handleGetPaid,
+        handleGetPaidSuccess,
+        handlePayManually,
+        handleClose,
+    };
+}
 //# sourceMappingURL=useFactoring.js.map

package/dist/hooks/useForceRefresh.d.ts

@@ -1 +1 @@
-export declare const useForceRefresh: () => [number, () => void];
+export declare const useForceRefresh: () => [number, () => void];

package/dist/hooks/useForceRefresh.js

@@ -1,9 +1,9 @@
-import { useCallback, useState } from 'react';
-export const useForceRefresh = () => {
-    const [refreshCount, setRefreshCount] = useState(0);
-    const refresh = useCallback(() => {
-        setRefreshCount((pre) => pre + 1);
-    }, []);
-    return [refreshCount, refresh];
-};
+import { useCallback, useState } from 'react';
+export const useForceRefresh = () => {
+    const [refreshCount, setRefreshCount] = useState(0);
+    const refresh = useCallback(() => {
+        setRefreshCount((pre) => pre + 1);
+    }, []);
+    return [refreshCount, refresh];
+};
 //# sourceMappingURL=useForceRefresh.js.map

package/dist/hooks/useGetSizes.d.ts

@@ -1,12 +1,12 @@
-import { Theme } from '@mui/material';
-type UseGetSizesType = {
-    isAboveSm: boolean;
-    isBelowLgSize: boolean;
-    isBelowMdSize: boolean;
-    isLgSize: boolean;
-    isMediumSize: boolean;
-    isMobileDisplay: boolean;
-    isXsSize: boolean;
-};
-export declare function useGetSizes(theme: Theme): UseGetSizesType;
-export {};
+import { Theme } from '@mui/material';
+type UseGetSizesType = {
+    isAboveSm: boolean;
+    isBelowLgSize: boolean;
+    isBelowMdSize: boolean;
+    isLgSize: boolean;
+    isMediumSize: boolean;
+    isMobileDisplay: boolean;
+    isXsSize: boolean;
+};
+export declare function useGetSizes(theme: Theme): UseGetSizesType;
+export {};

package/dist/hooks/useGetSizes.js

@@ -1,20 +1,20 @@
-import { useMediaQuery } from '@mui/material';
-export function useGetSizes(theme) {
-    const isMobileDisplay = useMediaQuery(theme.breakpoints.down('md'));
-    const isLgSize = useMediaQuery(theme.breakpoints.up('lg'));
-    const isBelowLgSize = useMediaQuery(theme.breakpoints.down('lg'));
-    const isXsSize = useMediaQuery(theme.breakpoints.down('sm'));
-    const isAboveSm = useMediaQuery(theme.breakpoints.up('sm'));
-    const isBelowMdSize = useMediaQuery(theme.breakpoints.down('md'));
-    const isMediumSize = isMobileDisplay && isAboveSm;
-    return {
-        isAboveSm,
-        isBelowLgSize,
-        isBelowMdSize,
-        isLgSize,
-        isMediumSize,
-        isMobileDisplay,
-        isXsSize,
-    };
-}
+import { useMediaQuery } from '@mui/material';
+export function useGetSizes(theme) {
+    const isMobileDisplay = useMediaQuery(theme.breakpoints.down('md'));
+    const isLgSize = useMediaQuery(theme.breakpoints.up('lg'));
+    const isBelowLgSize = useMediaQuery(theme.breakpoints.down('lg'));
+    const isXsSize = useMediaQuery(theme.breakpoints.down('sm'));
+    const isAboveSm = useMediaQuery(theme.breakpoints.up('sm'));
+    const isBelowMdSize = useMediaQuery(theme.breakpoints.down('md'));
+    const isMediumSize = isMobileDisplay && isAboveSm;
+    return {
+        isAboveSm,
+        isBelowLgSize,
+        isBelowMdSize,
+        isLgSize,
+        isMediumSize,
+        isMobileDisplay,
+        isXsSize,
+    };
+}
 //# sourceMappingURL=useGetSizes.js.map

package/dist/hooks/useInvoiceNFTContract.d.ts

@@ -1,11 +1,11 @@
-import { BigNumber } from 'ethers';
-import { ERC20TransferableReceivable } from '../abis/types/ERC20TransferableReceivable';
-import { POOL_NAME } from '../utils/pool';
-export declare function useInvoiceNFTContract(poolName: POOL_NAME): ERC20TransferableReceivable | null;
-export declare function useNFTIds(poolName: POOL_NAME, account?: string): [BigNumber[] | undefined, () => void];
-export declare function useInvoiceNFTMetadata(poolName: POOL_NAME): {
-    getTokenMetadatas: (tokenIds: string[]) => Promise<any[] | undefined>;
-};
-export declare function useInvoiceNFTApproved(poolName: POOL_NAME): {
-    getApprovedBy: (tokenId: string) => Promise<string | undefined>;
-};
+import { BigNumber } from 'ethers';
+import { ERC20TransferableReceivable } from '../abis/types/ERC20TransferableReceivable';
+import { POOL_NAME } from '../utils/pool';
+export declare function useInvoiceNFTContract(poolName: POOL_NAME): ERC20TransferableReceivable | null;
+export declare function useNFTIds(poolName: POOL_NAME, account?: string): [BigNumber[] | undefined, () => void];
+export declare function useInvoiceNFTMetadata(poolName: POOL_NAME): {
+    getTokenMetadatas: (tokenIds: string[]) => Promise<any[] | undefined>;
+};
+export declare function useInvoiceNFTApproved(poolName: POOL_NAME): {
+    getApprovedBy: (tokenId: string) => Promise<string | undefined>;
+};

package/dist/hooks/useInvoiceNFTContract.js

@@ -1,65 +1,65 @@
-import { useWeb3React } from '@web3-react/core';
-import { useCallback, useEffect, useState } from 'react';
-import ERC20_TRANSFERRABLE_ABI from '../abis/ERC20TransferableReceivable.json';
-import { POOL_TYPE, PoolContractMap } from '../utils/pool';
-import { useContract } from './useContract';
-export function useInvoiceNFTContract(poolName) {
-    var _a, _b, _c;
-    const { chainId } = useWeb3React();
-    const InvoiceNFTAddress = chainId
-        ? (_c = (_b = (_a = PoolContractMap[chainId]) === null || _a === void 0 ? void 0 : _a[POOL_TYPE.Invoice]) === null || _b === void 0 ? void 0 : _b[poolName]) === null || _c === void 0 ? void 0 : _c.assetAddress
-        : undefined;
-    return useContract(InvoiceNFTAddress, ERC20_TRANSFERRABLE_ABI);
-}
-export function useNFTIds(poolName, account) {
-    const invoiceNFTContract = useInvoiceNFTContract(poolName);
-    const [NFTTokenIds, setNFTTokenIds] = useState();
-    const [refreshCount, setRefreshCount] = useState(0);
-    useEffect(() => {
-        const fetchData = async () => {
-            if (invoiceNFTContract && account) {
-                const ids = await invoiceNFTContract.getTokenIds(account);
-                setNFTTokenIds(ids);
-            }
-        };
-        fetchData();
-    }, [account, invoiceNFTContract, refreshCount]);
-    const refresh = useCallback(() => {
-        setRefreshCount((pre) => pre + 1);
-    }, []);
-    return [NFTTokenIds, refresh];
-}
-export function useInvoiceNFTMetadata(poolName) {
-    const invoiceNFTContract = useInvoiceNFTContract(poolName);
-    const getTokenMetadatas = useCallback(async (tokenIds) => {
-        if (!tokenIds || !invoiceNFTContract) {
-            return;
-        }
-        const getTokenMetadata = async (tokenId) => {
-            const uri = await invoiceNFTContract.tokenURI(tokenId);
-            const uriDecoded = atob(uri.split(',')[1]);
-            try {
-                return JSON.parse(uriDecoded);
-            }
-            catch (error) {
-                throw new Error(`Access invoice NFT metadata error.`);
-            }
-        };
-        const result = await Promise.all(tokenIds.map((tokenId) => getTokenMetadata(tokenId)));
-        // eslint-disable-next-line consistent-return
-        return result;
-    }, [invoiceNFTContract]);
-    return { getTokenMetadatas };
-}
-export function useInvoiceNFTApproved(poolName) {
-    const invoiceNFTContract = useInvoiceNFTContract(poolName);
-    const getApprovedBy = useCallback(async (tokenId) => {
-        if (!tokenId || !invoiceNFTContract) {
-            return undefined;
-        }
-        const approvedAddr = await invoiceNFTContract.getApproved(tokenId);
-        return approvedAddr;
-    }, [invoiceNFTContract]);
-    return { getApprovedBy };
-}
+import { useWeb3React } from '@web3-react/core';
+import { useCallback, useEffect, useState } from 'react';
+import ERC20_TRANSFERRABLE_ABI from '../abis/ERC20TransferableReceivable.json';
+import { POOL_TYPE, PoolContractMap } from '../utils/pool';
+import { useContract } from './useContract';
+export function useInvoiceNFTContract(poolName) {
+    var _a, _b, _c;
+    const { chainId } = useWeb3React();
+    const InvoiceNFTAddress = chainId
+        ? (_c = (_b = (_a = PoolContractMap[chainId]) === null || _a === void 0 ? void 0 : _a[POOL_TYPE.Invoice]) === null || _b === void 0 ? void 0 : _b[poolName]) === null || _c === void 0 ? void 0 : _c.assetAddress
+        : undefined;
+    return useContract(InvoiceNFTAddress, ERC20_TRANSFERRABLE_ABI);
+}
+export function useNFTIds(poolName, account) {
+    const invoiceNFTContract = useInvoiceNFTContract(poolName);
+    const [NFTTokenIds, setNFTTokenIds] = useState();
+    const [refreshCount, setRefreshCount] = useState(0);
+    useEffect(() => {
+        const fetchData = async () => {
+            if (invoiceNFTContract && account) {
+                const ids = await invoiceNFTContract.getTokenIds(account);
+                setNFTTokenIds(ids);
+            }
+        };
+        fetchData();
+    }, [account, invoiceNFTContract, refreshCount]);
+    const refresh = useCallback(() => {
+        setRefreshCount((pre) => pre + 1);
+    }, []);
+    return [NFTTokenIds, refresh];
+}
+export function useInvoiceNFTMetadata(poolName) {
+    const invoiceNFTContract = useInvoiceNFTContract(poolName);
+    const getTokenMetadatas = useCallback(async (tokenIds) => {
+        if (!tokenIds || !invoiceNFTContract) {
+            return;
+        }
+        const getTokenMetadata = async (tokenId) => {
+            const uri = await invoiceNFTContract.tokenURI(tokenId);
+            const uriDecoded = atob(uri.split(',')[1]);
+            try {
+                return JSON.parse(uriDecoded);
+            }
+            catch (error) {
+                throw new Error(`Access invoice NFT metadata error.`);
+            }
+        };
+        const result = await Promise.all(tokenIds.map((tokenId) => getTokenMetadata(tokenId)));
+        // eslint-disable-next-line consistent-return
+        return result;
+    }, [invoiceNFTContract]);
+    return { getTokenMetadatas };
+}
+export function useInvoiceNFTApproved(poolName) {
+    const invoiceNFTContract = useInvoiceNFTContract(poolName);
+    const getApprovedBy = useCallback(async (tokenId) => {
+        if (!tokenId || !invoiceNFTContract) {
+            return undefined;
+        }
+        const approvedAddr = await invoiceNFTContract.getApproved(tokenId);
+        return approvedAddr;
+    }, [invoiceNFTContract]);
+    return { getApprovedBy };
+}
 //# sourceMappingURL=useInvoiceNFTContract.js.map

package/dist/hooks/useMQ.d.ts

@@ -1,6 +1,6 @@
-export declare const useMQ: () => {
-    isXsSize: boolean;
-    isSmSize: boolean;
-    isMdSize: boolean;
-    isLgSize: boolean;
-};
+export declare const useMQ: () => {
+    isXsSize: boolean;
+    isSmSize: boolean;
+    isMdSize: boolean;
+    isLgSize: boolean;
+};

package/dist/hooks/useMQ.js

@@ -1,15 +1,15 @@
-import { useMediaQuery, useTheme } from '@mui/material';
-export const useMQ = () => {
-    const theme = useTheme();
-    const isXsSize = useMediaQuery(theme.breakpoints.down('sm'));
-    const isSmSize = useMediaQuery(theme.breakpoints.down('md'));
-    const isMdSize = useMediaQuery(theme.breakpoints.down('lg'));
-    const isLgSize = useMediaQuery(theme.breakpoints.up('lg'));
-    return {
-        isXsSize,
-        isSmSize,
-        isMdSize,
-        isLgSize,
-    };
-};
+import { useMediaQuery, useTheme } from '@mui/material';
+export const useMQ = () => {
+    const theme = useTheme();
+    const isXsSize = useMediaQuery(theme.breakpoints.down('sm'));
+    const isSmSize = useMediaQuery(theme.breakpoints.down('md'));
+    const isMdSize = useMediaQuery(theme.breakpoints.down('lg'));
+    const isLgSize = useMediaQuery(theme.breakpoints.up('lg'));
+    return {
+        isXsSize,
+        isSmSize,
+        isMdSize,
+        isLgSize,
+    };
+};
 //# sourceMappingURL=useMQ.js.map

package/dist/hooks/useMount.d.ts

@@ -1,2 +1,2 @@
-export declare const isFunction: (value: unknown) => value is Function;
-export declare const useMount: (fn: () => void) => void;
+export declare const isFunction: (value: unknown) => value is Function;
+export declare const useMount: (fn: () => void) => void;

package/dist/hooks/useMount.js

@@ -1,9 +1,9 @@
-import { useEffect } from 'react';
-export const isFunction = (value) => typeof value === 'function';
-export const useMount = (fn) => {
-    useEffect(() => {
-        fn === null || fn === void 0 ? void 0 : fn();
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-};
+import { useEffect } from 'react';
+export const isFunction = (value) => typeof value === 'function';
+export const useMount = (fn) => {
+    useEffect(() => {
+        fn === null || fn === void 0 ? void 0 : fn();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+};
 //# sourceMappingURL=useMount.js.map

package/dist/hooks/useParamsSearch.d.ts

@@ -1,2 +1,2 @@
-import * as queryString from 'query-string';
-export declare const useParamsSearch: () => queryString.ParsedQuery<string>;
+import * as queryString from 'query-string';
+export declare const useParamsSearch: () => queryString.ParsedQuery<string>;

package/dist/hooks/useParamsSearch.js

@@ -1,7 +1,7 @@
-import { useLocation } from 'react-router';
-import * as queryString from 'query-string';
-export const useParamsSearch = () => {
-    const location = useLocation();
-    return queryString.parse(location.search);
-};
+import { useLocation } from 'react-router';
+import * as queryString from 'query-string';
+export const useParamsSearch = () => {
+    const location = useLocation();
+    return queryString.parse(location.search);
+};
 //# sourceMappingURL=useParamsSearch.js.map

package/dist/hooks/usePool.d.ts

@@ -1,4 +1,4 @@
-import { POOL_NAME, POOL_TYPE, PoolInfoType } from '../utils/pool';
-export declare const usePoolName: () => POOL_NAME;
-export declare const usePoolChainCheck: () => POOL_NAME;
-export declare const usePoolInfo: (poolName: POOL_NAME, poolType: POOL_TYPE) => PoolInfoType | undefined;
+import { POOL_NAME, POOL_TYPE, PoolInfoType } from '../utils/pool';
+export declare const usePoolName: () => POOL_NAME;
+export declare const usePoolChainCheck: () => POOL_NAME;
+export declare const usePoolInfo: (poolName: POOL_NAME, poolType: POOL_TYPE) => PoolInfoType | undefined;

package/dist/hooks/usePool.js

@@ -1,40 +1,40 @@
-import { useWeb3React } from '@web3-react/core';
-import { useEffect } from 'react';
-import { useHistory } from 'react-router';
-import { POOL_NAME, POOL_TYPE, PoolContractMap, } from '../utils/pool';
-import { useParamsSearch } from './useParamsSearch';
-export const usePoolName = () => {
-    const history = useHistory();
-    const { poolName } = useParamsSearch();
-    useEffect(() => {
-        if (!poolName || !Object.values(POOL_NAME).includes(poolName)) {
-            history.push('/');
-        }
-    }, [history, poolName]);
-    return poolName;
-};
-export const usePoolChainCheck = () => {
-    const history = useHistory();
-    const { chainId } = useWeb3React();
-    const { poolName } = useParamsSearch();
-    useEffect(() => {
-        if (chainId && poolName) {
-            const config = PoolContractMap[chainId];
-            const poolTypes = Object.keys(POOL_TYPE);
-            // @ts-ignore
-            if (poolTypes.every((poolType) => { var _a; return !((_a = config === null || config === void 0 ? void 0 : config[poolType]) === null || _a === void 0 ? void 0 : _a[poolName]); })) {
-                history.push('/');
-            }
-        }
-    }, [chainId, history, poolName]);
-    return poolName;
-};
-export const usePoolInfo = (poolName, poolType) => {
-    var _a, _b;
-    const { chainId } = useWeb3React();
-    const poolInfo = chainId
-        ? (_b = (_a = PoolContractMap[chainId]) === null || _a === void 0 ? void 0 : _a[poolType]) === null || _b === void 0 ? void 0 : _b[poolName]
-        : undefined;
-    return poolInfo;
-};
+import { useWeb3React } from '@web3-react/core';
+import { useEffect } from 'react';
+import { useHistory } from 'react-router';
+import { POOL_NAME, POOL_TYPE, PoolContractMap, } from '../utils/pool';
+import { useParamsSearch } from './useParamsSearch';
+export const usePoolName = () => {
+    const history = useHistory();
+    const { poolName } = useParamsSearch();
+    useEffect(() => {
+        if (!poolName || !Object.values(POOL_NAME).includes(poolName)) {
+            history.push('/');
+        }
+    }, [history, poolName]);
+    return poolName;
+};
+export const usePoolChainCheck = () => {
+    const history = useHistory();
+    const { chainId } = useWeb3React();
+    const { poolName } = useParamsSearch();
+    useEffect(() => {
+        if (chainId && poolName) {
+            const config = PoolContractMap[chainId];
+            const poolTypes = Object.keys(POOL_TYPE);
+            // @ts-ignore
+            if (poolTypes.every((poolType) => { var _a; return !((_a = config === null || config === void 0 ? void 0 : config[poolType]) === null || _a === void 0 ? void 0 : _a[poolName]); })) {
+                history.push('/');
+            }
+        }
+    }, [chainId, history, poolName]);
+    return poolName;
+};
+export const usePoolInfo = (poolName, poolType) => {
+    var _a, _b;
+    const { chainId } = useWeb3React();
+    const poolInfo = chainId
+        ? (_b = (_a = PoolContractMap[chainId]) === null || _a === void 0 ? void 0 : _a[poolType]) === null || _b === void 0 ? void 0 : _b[poolName]
+        : undefined;
+    return poolInfo;
+};
 //# sourceMappingURL=usePool.js.map