@bosonprotocol/react-kit 0.36.0-alpha.17 → 0.36.0-alpha.2

package/src/hooks/contracts/useBlockNumber.tsx

@@ -1,5 +1,27 @@
-import { useContext } from "react";
-import { BlockNumberContext, MISSING_PROVIDER } from "./BlockNumberProvider";
+import React from "react";
+import { ChainId } from "@uniswap/sdk-core";
+import {
+  createContext,
+  ReactNode,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useState
+} from "react";
+import { useIsWindowVisible } from "../uniswap/useIsWindowVisible";
+import { RPC_PROVIDERS } from "../../lib/const/providers";
+import { useChainId, useProvider } from "../connection/connection";
+
+const MISSING_PROVIDER = Symbol();
+const BlockNumberContext = createContext<
+  | {
+      fastForward(block: number): void;
+      block?: number;
+      mainnetBlock?: number;
+    }
+  | typeof MISSING_PROVIDER
+>(MISSING_PROVIDER);
 
 function useBlockNumberContext() {
   const blockNumber = useContext(BlockNumberContext);
@@ -19,3 +41,106 @@ export function useBlockNumber(): number | undefined {
 export function useMainnetBlockNumber(): number | undefined {
   return useBlockNumberContext().mainnetBlock;
 }
+
+export function BlockNumberProvider({ children }: { children: ReactNode }) {
+  const activeChainId = useChainId();
+  const provider = useProvider();
+
+  const [{ chainId, block, mainnetBlock }, setChainBlock] = useState<{
+    chainId?: number;
+    block?: number;
+    mainnetBlock?: number;
+  }>({
+    chainId: activeChainId
+  });
+
+  const onChainBlock = useCallback((chainId: number, block: number) => {
+    setChainBlock((chainBlock) => {
+      if (chainBlock.chainId === chainId) {
+        if (!chainBlock.block || chainBlock.block < block) {
+          return {
+            chainId,
+            block,
+            mainnetBlock:
+              chainId === ChainId.MAINNET ? block : chainBlock.mainnetBlock
+          };
+        }
+      } else if (chainId === ChainId.MAINNET) {
+        if (!chainBlock.mainnetBlock || chainBlock.mainnetBlock < block) {
+          return { ...chainBlock, mainnetBlock: block };
+        }
+      }
+      return chainBlock;
+    });
+  }, []);
+
+  const windowVisible = useIsWindowVisible();
+  useEffect(() => {
+    let stale = false;
+
+    if (provider && activeChainId && windowVisible) {
+      // If chainId hasn't changed, don't clear the block. This prevents re-fetching still valid data.
+      setChainBlock((chainBlock) =>
+        chainBlock.chainId === activeChainId
+          ? chainBlock
+          : { chainId: activeChainId, mainnetBlock: chainBlock.mainnetBlock }
+      );
+
+      provider
+        .getBlockNumber()
+        .then((block) => {
+          if (!stale) onChainBlock(activeChainId, block);
+        })
+        .catch((error) => {
+          console.error(
+            `Failed to get block number for chainId ${activeChainId}`,
+            error
+          );
+        });
+
+      const onBlock = (block: number) => onChainBlock(activeChainId, block);
+      provider.on("block", onBlock);
+      return () => {
+        stale = true;
+        provider.removeListener("block", onBlock);
+      };
+    }
+
+    return void 0;
+  }, [activeChainId, provider, windowVisible, onChainBlock]);
+
+  useEffect(() => {
+    if (mainnetBlock === undefined) {
+      RPC_PROVIDERS[ChainId.MAINNET]
+        .getBlockNumber()
+        .then((block) => {
+          onChainBlock(ChainId.MAINNET, block);
+        })
+        // swallow errors - it's ok if this fails, as we'll try again if we activate mainnet
+        .catch(() => undefined);
+    }
+  }, [mainnetBlock, onChainBlock]);
+
+  const value = useMemo(
+    () => ({
+      fastForward: (update: number) => {
+        if (block && update > block) {
+          setChainBlock({
+            chainId: activeChainId,
+            block: update,
+            mainnetBlock:
+              activeChainId === ChainId.MAINNET ? update : mainnetBlock
+          });
+        }
+      },
+      block: chainId === activeChainId ? block : undefined,
+      mainnetBlock
+    }),
+    [activeChainId, block, chainId, mainnetBlock]
+  );
+  return (
+    <BlockNumberContext.Provider value={value}>
+      {children}
+    </BlockNumberContext.Provider>
+  );
+}

package/src/index.tsx

@@ -92,7 +92,6 @@ export * from "./lib/opensea/getOpenSeaUrl";
 export * from "./lib/promises/promises";
 export * from "./lib/url/url";
 export * from "./theme";
-export * from "./colors";
 export * from "./types/helpers";
 export { AuthTokenType } from "@bosonprotocol/common";
 export * from "@bosonprotocol/core-sdk";

package/src/lib/chains/getNativeLogoURI.ts

@@ -1,7 +1,6 @@
 import { ChainId } from "@uniswap/sdk-core";
 import EthereumLogo from "../../assets/svg/ethereum_square_logo.svg";
 import MaticLogo from "../../assets/svg/matic-token-icon.svg";
-import { ChainId_POLYGON_AMOY } from "../const/chains";
 
 export function getNativeLogoURI(
   chainId: ChainId | number = ChainId.MAINNET
@@ -9,7 +8,7 @@ export function getNativeLogoURI(
   switch (chainId) {
     case ChainId.POLYGON:
     case ChainId.POLYGON_MUMBAI:
-    case ChainId_POLYGON_AMOY:
+    case 80002:
       return MaticLogo;
     default:
       return EthereumLogo;

package/src/lib/const/chainInfo.ts

@@ -5,13 +5,7 @@ import polygonMaticLogo from "../../assets/svg/polygon-matic-logo.svg";
 import polygonSquareLogoUrl from "../../assets/svg/polygon_square_logo.svg";
 import ms from "ms";
 
-import {
-  LocalChainId,
-  SupportedL1ChainId,
-  SupportedL2ChainId,
-  ChainId_POLYGON_AMOY,
-  ChainId_BASE_SEPOLIA
-} from "./chains";
+import { LocalChainId, SupportedL1ChainId, SupportedL2ChainId } from "./chains";
 
 export const AVERAGE_L1_BLOCK_TIME = ms(`12s`);
 
@@ -105,7 +99,7 @@ const CHAIN_INFO: ChainInfoMap = {
       decimals: 18
     }
   },
-  [ChainId_POLYGON_AMOY]: {
+  80002: {
     networkType: NetworkType.L1,
     blockWaitMsBeforeWarning: ms(`10m`),
     bridge: "https://wallet.polygon.technology/polygon/bridge/deposit",
@@ -120,38 +114,6 @@ const CHAIN_INFO: ChainInfoMap = {
       decimals: 18
     }
   },
-  [ChainId.BASE]: {
-    networkType: NetworkType.L2,
-    blockWaitMsBeforeWarning: ms(`10m`),
-    bridge: "https://superbridge.app/base",
-    docs: "https://www.base.org",
-    explorer: "https://basescan.org/",
-    infoLink: "https://info.uniswap.org/#/base/",
-    label: "Base",
-    logoUrl: ethereumLogoUrl,
-    nativeCurrency: {
-      name: "Ether",
-      symbol: "ETH",
-      decimals: 18
-    },
-    defaultListUrl: ""
-  },
-  [ChainId_BASE_SEPOLIA]: {
-    networkType: NetworkType.L2,
-    blockWaitMsBeforeWarning: ms(`10m`),
-    bridge: "https://testnets.superbridge.app/base-sepolia",
-    docs: "https://www.base.org",
-    explorer: "https://sepolia.basescan.org/",
-    infoLink: "https://info.uniswap.org/#/base-sepolia/",
-    label: "Base Sepolia",
-    logoUrl: ethereumLogoUrl,
-    nativeCurrency: {
-      name: "Ether",
-      symbol: "ETH",
-      decimals: 18
-    },
-    defaultListUrl: ""
-  },
   [LocalChainId]: {
     networkType: NetworkType.L1,
     docs: "https://docs.uniswap.org/",

package/src/lib/const/chains.ts

@@ -7,14 +7,13 @@ import { EnvironmentType } from "@bosonprotocol/core-sdk";
 
 export const LocalChainId = 31337;
 export const ChainId_POLYGON_AMOY = 80002;
-export const ChainId_BASE_SEPOLIA = 84532;
 
 export const UniWalletSupportedChains = [
   ChainId.MAINNET,
   // ChainId.ARBITRUM_ONE,
   // ChainId.OPTIMISM,
-  ChainId.POLYGON,
-  ChainId.BASE
+  ChainId.POLYGON
+  // ChainId.BASE
 ];
 
 export const CHAIN_IDS_TO_NAMES = {
@@ -34,7 +33,6 @@ export const CHAIN_IDS_TO_NAMES = {
   [ChainId.AVALANCHE]: "avalanche",
   [ChainId.BASE]: "base",
   [ChainId.BASE_GOERLI]: "base_goerli",
-  [ChainId_BASE_SEPOLIA]: "base_sepolia",
   [LocalChainId]: "local"
 } as const;
 
@@ -55,14 +53,12 @@ export const CHAIN_IDS_TO_FRIENDLY_NAMES = {
   [ChainId.AVALANCHE]: "Avalanche",
   [ChainId.BASE]: "Base",
   [ChainId.BASE_GOERLI]: "Base Goerli",
-  [ChainId_BASE_SEPOLIA]: "Base Sepolia",
   [LocalChainId]: "Local Hardhat"
 } as const;
 
 const SUPPORTED_CHAINS = [
   LocalChainId,
   ChainId_POLYGON_AMOY,
-  ChainId_BASE_SEPOLIA,
   ..._SUPPORTED_CHAINS
 ] as const;
 export declare type SupportedChainsType = (typeof SUPPORTED_CHAINS)[number];
@@ -98,7 +94,6 @@ export const TESTNET_CHAIN_IDS = [
   ChainId.SEPOLIA,
   ChainId.POLYGON_MUMBAI,
   ChainId_POLYGON_AMOY,
-  ChainId_BASE_SEPOLIA,
   LocalChainId
   // ChainId.ARBITRUM_GOERLI,
   // ChainId.OPTIMISM_GOERLI,
@@ -134,8 +129,7 @@ export const L2_CHAIN_IDS = [
   // ChainId.ARBITRUM_GOERLI,
   // ChainId.OPTIMISM,
   // ChainId.OPTIMISM_GOERLI
-  ChainId.BASE,
-  ChainId_BASE_SEPOLIA
+  // ChainId.BASE,
   // ChainId.BASE_GOERLI
 ] as const;
 
@@ -154,9 +148,7 @@ export function getChainPriority(chainId: number): number {
       return 0;
     case ChainId.POLYGON:
     case ChainId.POLYGON_MUMBAI:
-    case ChainId_POLYGON_AMOY:
-    case ChainId.BASE:
-    case ChainId_BASE_SEPOLIA:
+    case 80002:
       return 1;
     // case ChainId.ARBITRUM_ONE:
     // case ChainId.ARBITRUM_GOERLI:

package/src/lib/const/networks.ts

@@ -1,5 +1,4 @@
 import { ChainId } from "@uniswap/sdk-core";
-import { ChainId_BASE_SEPOLIA, ChainId_POLYGON_AMOY } from "./chains";
 
 // TODO: comment out?
 // const QUICKNODE_BNB_RPC_URL = process.env.REACT_APP_BNB_RPC_URL;
@@ -72,7 +71,7 @@ export const FALLBACK_URLS = {
     "https://rpc-mumbai.maticvigil.com",
     "https://matic-testnet-archive-rpc.bwarelabs.com"
   ],
-  [ChainId_POLYGON_AMOY]: [
+  80002: [
     // "Safe" URLs
     "https://rpc-amoy.polygon.technology"
   ],
@@ -136,10 +135,6 @@ export const FALLBACK_URLS = {
     /*TODO:QUICKNODE_BASE_GOERLI_RPC_URL,*/
     "https://base-goerli.blastapi.io/b5a802d8-151d-4443-90a7-699108dc4e01",
     "https://svc.blockdaemon.com/base/testnet/native?apiKey=zpka_1334e7c450464d06b6e33a972a7a4e57_75320f43"
-  ],
-  [ChainId_BASE_SEPOLIA]: [
-    // "Safe" URLs
-    "https://sepolia.base.org"
   ]
 };
 
@@ -184,10 +179,10 @@ export const getRpcUrls = (infuraKey: string) => ({
     `https://polygon-mumbai.infura.io/v3/${infuraKey}`,
     ...FALLBACK_URLS[ChainId.POLYGON_MUMBAI]
   ],
-  [ChainId_POLYGON_AMOY]: [
+  80002: [
     // AMOY
     `https://polygon-amoy.infura.io/v3/${infuraKey}`,
-    ...FALLBACK_URLS[ChainId_POLYGON_AMOY]
+    ...FALLBACK_URLS[80002]
   ],
   [ChainId.CELO]: FALLBACK_URLS[ChainId.CELO],
   [ChainId.CELO_ALFAJORES]: FALLBACK_URLS[ChainId.CELO_ALFAJORES],
@@ -206,11 +201,6 @@ export const getRpcUrls = (infuraKey: string) => ({
     `https://base-goerli.infura.io/v3/${infuraKey}`,
     ...FALLBACK_URLS[ChainId.BASE_GOERLI]
   ],
-  [ChainId_BASE_SEPOLIA]: [
-    // BASE_SEPOLIA
-    `https://base-sepolia.infura.io/v3/${infuraKey}`,
-    ...FALLBACK_URLS[ChainId_BASE_SEPOLIA]
-  ],
   31337: [
     `https://mainnet.infura.io/v3/${infuraKey}`,
     ...FALLBACK_URLS[ChainId.MAINNET]

package/src/lib/const/providers.ts

@@ -3,15 +3,10 @@ import { deepCopy } from "@ethersproject/properties";
 // eslint-disable-next-line @typescript-eslint/no-restricted-imports
 import { StaticJsonRpcProvider } from "@ethersproject/providers";
 import { isPlain } from "@reduxjs/toolkit";
-import { ChainId } from "@uniswap/sdk-core";
+import { ChainId, SupportedChainsType } from "@uniswap/sdk-core";
 
 import { AVERAGE_L1_BLOCK_TIME } from "./chainInfo";
-import {
-  CHAIN_IDS_TO_NAMES,
-  ChainId_BASE_SEPOLIA,
-  ChainId_POLYGON_AMOY,
-  SupportedChainsType
-} from "./chains";
+import { CHAIN_IDS_TO_NAMES } from "./chains";
 import { CONFIG } from "../config/config";
 const RPC_URLS = CONFIG.rpcUrls;
 
@@ -86,12 +81,10 @@ export const RPC_PROVIDERS: {
   [ChainId.ARBITRUM_GOERLI]: new AppJsonRpcProvider(ChainId.ARBITRUM_GOERLI),
   [ChainId.POLYGON]: new AppJsonRpcProvider(ChainId.POLYGON),
   [ChainId.POLYGON_MUMBAI]: new AppJsonRpcProvider(ChainId.POLYGON_MUMBAI),
-  [ChainId_POLYGON_AMOY]: new AppJsonRpcProvider(ChainId_POLYGON_AMOY),
   [ChainId.CELO]: new AppJsonRpcProvider(ChainId.CELO),
   [ChainId.CELO_ALFAJORES]: new AppJsonRpcProvider(ChainId.CELO_ALFAJORES),
   [ChainId.BNB]: new AppJsonRpcProvider(ChainId.BNB),
   [ChainId.AVALANCHE]: new AppJsonRpcProvider(ChainId.AVALANCHE),
   [ChainId.BASE]: new AppJsonRpcProvider(ChainId.BASE),
-  [ChainId.BASE_GOERLI]: new AppJsonRpcProvider(ChainId.BASE_GOERLI),
-  [ChainId_BASE_SEPOLIA]: new AppJsonRpcProvider(ChainId_BASE_SEPOLIA)
+  [ChainId.BASE_GOERLI]: new AppJsonRpcProvider(ChainId.BASE_GOERLI)
 };

package/src/lib/const/routing.ts

@@ -42,10 +42,8 @@ import {
   WETH_AVALANCHE,
   WETH_POLYGON,
   WETH_POLYGON_MUMBAI,
-  WRAPPED_NATIVE_CURRENCY,
-  WETH_POLYGON_AMOY
+  WRAPPED_NATIVE_CURRENCY
 } from "./tokens";
-import { ChainId_BASE_SEPOLIA, ChainId_POLYGON_AMOY } from "./chains";
 
 type ChainTokenList = {
   readonly [chainId: number]: Token[];
@@ -113,10 +111,6 @@ export const COMMON_BASES: ChainCurrencyList = {
     nativeOnChain(ChainId.BASE_GOERLI),
     WRAPPED_NATIVE_CURRENCY[ChainId.BASE_GOERLI] as Token
   ],
-  [ChainId_BASE_SEPOLIA]: [
-    nativeOnChain(ChainId_BASE_SEPOLIA),
-    WRAPPED_NATIVE_CURRENCY[ChainId_BASE_SEPOLIA] as Token
-  ],
   [ChainId.POLYGON]: [
     nativeOnChain(ChainId.POLYGON),
     WETH_POLYGON,
@@ -130,11 +124,6 @@ export const COMMON_BASES: ChainCurrencyList = {
     WRAPPED_NATIVE_CURRENCY[ChainId.POLYGON_MUMBAI] as Token,
     WETH_POLYGON_MUMBAI
   ],
-  [ChainId_POLYGON_AMOY]: [
-    nativeOnChain(ChainId_POLYGON_AMOY),
-    WRAPPED_NATIVE_CURRENCY[ChainId_POLYGON_AMOY] as Token,
-    WETH_POLYGON_AMOY
-  ],
 
   [ChainId.CELO]: [
     nativeOnChain(ChainId.CELO),

package/src/lib/const/tokens.ts

@@ -7,7 +7,6 @@ import {
   WETH9
 } from "@uniswap/sdk-core";
 import invariant from "tiny-invariant";
-import { ChainId_BASE_SEPOLIA, ChainId_POLYGON_AMOY } from "./chains";
 
 export const NATIVE_CHAIN_ID = "NATIVE";
 
@@ -194,14 +193,6 @@ export const WETH_POLYGON_MUMBAI = new Token(
   "Wrapped Ether"
 );
 
-export const WETH_POLYGON_AMOY = new Token(
-  ChainId_POLYGON_AMOY,
-  "0x52eF3d68BaB452a294342DC3e5f464d7f610f72E",
-  18,
-  "WETH",
-  "Wrapped Ether"
-);
-
 export const WETH_POLYGON = new Token(
   ChainId.POLYGON,
   "0x7ceb23fd6bc0add59e62ac25578270cff1b9f619",
@@ -385,13 +376,6 @@ export const WRAPPED_NATIVE_CURRENCY: { [chainId: number]: Token | undefined } =
       "WETH",
       "Wrapped Ether"
     ),
-    [ChainId_BASE_SEPOLIA]: new Token(
-      ChainId_BASE_SEPOLIA,
-      "0x4200000000000000000000000000000000000006",
-      18,
-      "WETH",
-      "Wrapped Ether"
-    ),
     [ChainId.ARBITRUM_ONE]: new Token(
       ChainId.ARBITRUM_ONE,
       "0x82aF49447D8a07e3bd95BD0d56f35241523fBab1",
@@ -427,9 +411,9 @@ export const WRAPPED_NATIVE_CURRENCY: { [chainId: number]: Token | undefined } =
       "WMATIC",
       "Wrapped MATIC"
     ),
-    [ChainId_POLYGON_AMOY]: new Token(
-      ChainId_POLYGON_AMOY,
-      "0x778f1b662a461695633791d03a77d992c24b588a",
+    80002: new Token(
+      80002,
+      "0x52eF3d68BaB452a294342DC3e5f464d7f610f72E",
       18,
       "WMATIC",
       "Wrapped MATIC"
@@ -481,16 +465,15 @@ function getCeloNativeCurrency(chainId: number) {
   }
 }
 
+type NewType = 80002;
+
 export function isMatic(
   chainId: number
-): chainId is
-  | ChainId.POLYGON
-  | ChainId.POLYGON_MUMBAI
-  | typeof ChainId_POLYGON_AMOY {
+): chainId is ChainId.POLYGON | ChainId.POLYGON_MUMBAI | NewType {
   return (
     chainId === ChainId.POLYGON_MUMBAI ||
     chainId === ChainId.POLYGON ||
-    chainId === ChainId_POLYGON_AMOY
+    chainId === 80002
   );
 }
 

package/src/lib/opensea/getOpenSeaUrl.ts

@@ -15,11 +15,6 @@ const openSeaUrlMap = new Map([
         "testing-11155111-0",
         (tokenId: string, contractAddress: string) =>
           `https://testnets.opensea.io/assets/sepolia/${contractAddress}/${tokenId}`
-      ],
-      [
-        "testing-84532-0",
-        (tokenId: string, contractAddress: string) =>
-          `https://testnets.opensea.io/assets/base_sepolia/${contractAddress}/${tokenId}`
       ]
     ])
   ],
@@ -35,11 +30,6 @@ const openSeaUrlMap = new Map([
         "staging-11155111-0",
         (tokenId: string, contractAddress: string) =>
           `https://testnets.opensea.io/assets/sepolia/${contractAddress}/${tokenId}`
-      ],
-      [
-        "staging-84532-0",
-        (tokenId: string, contractAddress: string) =>
-          `https://testnets.opensea.io/assets/base_sepolia/${contractAddress}/${tokenId}`
       ]
     ])
   ],
@@ -55,11 +45,6 @@ const openSeaUrlMap = new Map([
         "production-1-0",
         (tokenId: string, contractAddress: string) =>
           `https://opensea.io/assets/ethereum/${contractAddress}/${tokenId}`
-      ],
-      [
-        "production-8453-0",
-        (tokenId: string, contractAddress: string) =>
-          `https://opensea.io/assets/base/${contractAddress}/${tokenId}`
       ]
     ])
   ]

package/src/stories/ConnectWallet.stories.tsx

@@ -20,10 +20,13 @@ import { bosonButtonThemeKeys } from "../components/ui/ThemedButton";
 import { CSSProperties, createGlobalStyle } from "styled-components";
 import { Wallet } from "phosphor-react";
 import { ReduxProvider } from "../components/widgets/ReduxProvider";
-import { BlockNumberProvider } from "../hooks/contracts/BlockNumberProvider";
+import { BlockNumberProvider } from "../hooks/contracts/useBlockNumber";
 
-const successButtonTheme: ConnectWalletProps["connectWalletButtonTheme"] =
-  bosonButtonThemes()["primary"];
+const successButtonTheme: ConnectWalletProps["connectWalletButtonTheme"] = {
+  ...bosonButtonThemes()["primary"],
+  color: "inherit",
+  background: "var(--buttonBgColor)"
+};
 const errorButtonTheme = bosonButtonThemes()["orangeInverse"];
 
 const envName =

package/src/stories/buttons/Upload.stories.tsx

@@ -70,14 +70,7 @@ const BASE_ARGS = {
   name,
   placeholder: "",
   withEditor: false,
-  saveButtonTheme: undefined,
-  theme: {
-    triggerTheme: {
-      media: {
-        objectFit: "cover"
-      }
-    }
-  }
+  saveButtonTheme: undefined
 } as const satisfies UploadProps;
 
 // More on args: https://storybook.js.org/docs/react/writing-stories/args

package/src/stories/widgets/Roblox.stories.tsx

@@ -65,7 +65,7 @@ export const Base = {
       ipfsProjectSecret: process.env.STORYBOOK_DATA_IPFS_PROJECT_SECRET,
       sendDeliveryInfoThroughXMTP: true,
       raiseDisputeForExchangeUrl:
-        "https://drcenter-staging.on-fleek.app/#/exchange/{id}/raise-dispute",
+        "https://drcenter-staging.on.fleek.co/#/exchange/{id}/raise-dispute",
       showProductsPreLogin: true,
       roundness: "mid",
       layout: "vertical"

package/dist/cjs/hooks/contracts/BlockNumberProvider.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-import { ReactNode } from "react";
-export declare const MISSING_PROVIDER: unique symbol;
-export declare const BlockNumberContext: React.Context<typeof MISSING_PROVIDER | {
-    fastForward(block: number): void;
-    block?: number;
-    mainnetBlock?: number;
-}>;
-export declare function BlockNumberProvider({ children }: {
-    children: ReactNode;
-}): React.JSX.Element;
-//# sourceMappingURL=BlockNumberProvider.d.ts.map

package/dist/cjs/hooks/contracts/BlockNumberProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlockNumberProvider.d.ts","sourceRoot":"","sources":["../../../../src/hooks/contracts/BlockNumberProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAEL,SAAS,EAKV,MAAM,OAAO,CAAC;AAKf,eAAO,MAAM,gBAAgB,eAAW,CAAC;AACzC,eAAO,MAAM,kBAAkB;uBAEN,MAAM,GAAG,IAAI;YACxB,MAAM;mBACC,MAAM;EAGR,CAAC;AAEpB,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,qBAqGxE"}

package/dist/cjs/hooks/contracts/BlockNumberProvider.js

@@ -1,93 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BlockNumberContext = exports.MISSING_PROVIDER = void 0;
-exports.BlockNumberProvider = BlockNumberProvider;
-const react_1 = __importDefault(require("react"));
-const sdk_core_1 = require("@uniswap/sdk-core");
-const react_2 = require("react");
-const useIsWindowVisible_1 = require("../uniswap/useIsWindowVisible");
-const providers_1 = require("../../lib/const/providers");
-const connection_1 = require("../connection/connection");
-exports.MISSING_PROVIDER = Symbol();
-exports.BlockNumberContext = (0, react_2.createContext)(exports.MISSING_PROVIDER);
-function BlockNumberProvider({ children }) {
-    const activeChainId = (0, connection_1.useChainId)();
-    const provider = (0, connection_1.useProvider)();
-    const [{ chainId, block, mainnetBlock }, setChainBlock] = (0, react_2.useState)({
-        chainId: activeChainId
-    });
-    const onChainBlock = (0, react_2.useCallback)((chainId, block) => {
-        setChainBlock((chainBlock) => {
-            if (chainBlock.chainId === chainId) {
-                if (!chainBlock.block || chainBlock.block < block) {
-                    return {
-                        chainId,
-                        block,
-                        mainnetBlock: chainId === sdk_core_1.ChainId.MAINNET ? block : chainBlock.mainnetBlock
-                    };
-                }
-            }
-            else if (chainId === sdk_core_1.ChainId.MAINNET) {
-                if (!chainBlock.mainnetBlock || chainBlock.mainnetBlock < block) {
-                    return Object.assign(Object.assign({}, chainBlock), { mainnetBlock: block });
-                }
-            }
-            return chainBlock;
-        });
-    }, []);
-    const windowVisible = (0, useIsWindowVisible_1.useIsWindowVisible)();
-    (0, react_2.useEffect)(() => {
-        let stale = false;
-        if (provider && activeChainId && windowVisible) {
-            // If chainId hasn't changed, don't clear the block. This prevents re-fetching still valid data.
-            setChainBlock((chainBlock) => chainBlock.chainId === activeChainId
-                ? chainBlock
-                : { chainId: activeChainId, mainnetBlock: chainBlock.mainnetBlock });
-            provider
-                .getBlockNumber()
-                .then((block) => {
-                if (!stale)
-                    onChainBlock(activeChainId, block);
-            })
-                .catch((error) => {
-                console.error(`Failed to get block number for chainId ${activeChainId}`, error);
-            });
-            const onBlock = (block) => onChainBlock(activeChainId, block);
-            provider.on("block", onBlock);
-            return () => {
-                stale = true;
-                provider.removeListener("block", onBlock);
-            };
-        }
-        return void 0;
-    }, [activeChainId, provider, windowVisible, onChainBlock]);
-    (0, react_2.useEffect)(() => {
-        if (mainnetBlock === undefined) {
-            providers_1.RPC_PROVIDERS[sdk_core_1.ChainId.MAINNET]
-                .getBlockNumber()
-                .then((block) => {
-                onChainBlock(sdk_core_1.ChainId.MAINNET, block);
-            })
-                // swallow errors - it's ok if this fails, as we'll try again if we activate mainnet
-                .catch(() => undefined);
-        }
-    }, [mainnetBlock, onChainBlock]);
-    const value = (0, react_2.useMemo)(() => ({
-        fastForward: (update) => {
-            if (block && update > block) {
-                setChainBlock({
-                    chainId: activeChainId,
-                    block: update,
-                    mainnetBlock: activeChainId === sdk_core_1.ChainId.MAINNET ? update : mainnetBlock
-                });
-            }
-        },
-        block: chainId === activeChainId ? block : undefined,
-        mainnetBlock
-    }), [activeChainId, block, chainId, mainnetBlock]);
-    return (react_1.default.createElement(exports.BlockNumberContext.Provider, { value: value }, children));
-}
-//# sourceMappingURL=BlockNumberProvider.js.map