hybrid 0.3.0 → 0.3.1

package/dist/components/MintButton.d.ts

@@ -5,7 +5,7 @@ type MintButtonProps = {
     className?: string;
     contract: Contract;
     button?: React.FC<DefaultButtonProps>;
-    amount: number;
+    amount?: number;
 };
 declare const MintButton: (props: MintButtonProps) => JSX.Element;
 export default MintButton;

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/providers/Web3Provider.tsx","../src/hooks/useMinting.ts","../src/hooks/internal/useAsyncMemo.ts","../src/components/DefaultButton.tsx","../src/components/MintButton.tsx","../src/utils/basisPoints.ts","../src/utils/conversion.ts","../src/utils/etherscan.ts"],"sourcesContent":["import { configureChains, createClient, WagmiConfig, Client } from \"wagmi\"\nimport { mainnet, goerli, localhost } from \"wagmi/chains\"\n\nimport { alchemyProvider } from \"wagmi/providers/alchemy\"\nimport { infuraProvider } from \"wagmi/providers/infura\"\nimport { publicProvider } from \"wagmi/providers/public\"\nimport { jsonRpcProvider } from \"wagmi/providers/jsonRpc\"\n\nimport React, { useMemo } from \"react\"\nimport { Provider } from \"@ethersproject/providers\"\n\ntype Config = {\n  appName?: string\n  alchemyKey?: string\n  // infuraKey?: string\n  publicProvider?: boolean\n}\n\nexport const Web3Context = React.createContext<{\n  client: Client\n  chains: any[]\n  provider: ({ chainId }: { chainId?: number }) => Provider\n  webSocketProvider: ({ chainId }: { chainId?: number }) => Provider\n}>({\n  client: undefined,\n  chains: undefined,\n  provider: undefined,\n  webSocketProvider: undefined\n})\n\nconst SUPPORTED_CHAINS = [mainnet, goerli, localhost]\n\nexport function Web3Provider(props: { children: React.ReactNode } & Config) {\n  const { appName, children, ...keys } = props\n\n  const { chains, provider, webSocketProvider } = useMemo(() => {\n    const { chains, provider, webSocketProvider } = configureChains(\n      SUPPORTED_CHAINS,\n      buildProviders(keys)\n    )\n    return { chains, provider, webSocketProvider }\n  }, [keys])\n\n  // const { connectors } = getDefaultWallets({\n  //   appName: appName || \"Hybrid App\",\n  //   chains\n  // })\n\n  const client = createClient({\n    autoConnect: true,\n    // connectors,\n    provider,\n    webSocketProvider\n  })\n\n  const contextValue = {\n    client,\n    chains,\n    provider,\n    webSocketProvider\n  }\n\n  return (\n    <Web3Context.Provider value={contextValue}>\n      <WagmiConfig client={client}>{children}</WagmiConfig>\n    </Web3Context.Provider>\n  )\n}\n\nfunction buildProviders(config: Config) {\n  const {\n    alchemyKey,\n    // infuraKey,\n    publicProvider: usePublic = true\n  } = config\n  const providers = []\n\n  // if (alchemyKey) {\n  //   providers.push(\n  //     alchemyProvider({\n  //       apiKey: alchemyKey\n  //     })\n  //   )\n  // }\n\n  // if (infuraKey) {\n  //   providers.push(\n  //     infuraProvider({\n  //       apiKey: infuraKey\n  //     })\n  //   )\n  // }\n\n  if (usePublic) {\n    providers.push(publicProvider())\n  }\n\n  // providers.push(\n  //   jsonRpcProvider({\n  //     rpc: () => ({\n  //       http: \"http://localhost:8545\",\n  //       ws: \"ws://localhost:8545\"\n  //     })\n  //   })\n  // )\n\n  return providers\n}\n","import type {\n  TransactionReceipt,\n  TransactionResponse\n} from \"@ethersproject/providers\"\nimport { BigNumber } from \"ethers\"\nimport { useCallback, useState } from \"react\"\nimport { useBlockNumber, useContract, useProvider, useSigner } from \"wagmi\"\n\nimport { Contract } from \"types\"\nimport { useAsyncMemo } from \"./internal/useAsyncMemo\"\n\ntype UseMinting = {\n  isMinting: boolean\n  isSuccess: boolean\n  isError: boolean\n  totalSupply: number | undefined\n  mint: (amount: number) => Promise<TransactionReceipt | undefined>\n}\n\nexport const useMinting = (config: Contract): UseMinting => {\n  const address = config?.address\n  const chainId = config?.chainId\n\n  const { data: block } = useBlockNumber()\n  const provider = useProvider({ chainId })\n  const { data: signer } = useSigner({ chainId })\n\n  const [isMinting, setMinting] = useState<boolean>(false)\n  const [isSuccess, setSuccess] = useState<boolean>(false)\n  const [isError, setError] = useState<boolean>(false)\n\n  const contract = useContract({\n    address,\n    abi: config?.abi\n  })\n\n  const totalSupply: number = useAsyncMemo(() => {\n    if (!contract) return\n    return contract\n      .connect(provider)\n      .totalSupply()\n      .then((res: BigNumber) => res.toNumber())\n  }, [contract, block])\n\n  const mint = useCallback(\n    (amount: number) => {\n      if (!contract) return\n\n      setMinting(true)\n      return contract\n        .connect(signer)\n        .mint(amount)\n        .then((tx: TransactionResponse) => tx.wait())\n        .then((reciept: TransactionReceipt) => {\n          setSuccess(true)\n          setTimeout(() => setSuccess(false), 3000)\n          return reciept\n        })\n        .catch((err: Error) => {\n          console.error(err)\n          setError(true)\n          setTimeout(() => setError(false), 1000)\n        })\n        .finally(() => setMinting(false))\n    },\n    [signer, contract]\n  )\n\n  return {\n    isMinting,\n    isSuccess,\n    isError,\n    totalSupply,\n    mint\n  }\n}\n","import { DependencyList, useEffect, useState } from \"react\"\n\ntype Factory<T> = () => Promise<T | undefined | null>\n\nexport function useAsyncMemo<T>(\n  factory: Factory<T>,\n  deps: DependencyList\n): T | undefined\nexport function useAsyncMemo<T>(\n  factory: Factory<T>,\n  deps: DependencyList,\n  initial: T\n): T\nexport function useAsyncMemo<T>(\n  factory: Factory<T>,\n  deps: DependencyList,\n  initial?: T\n) {\n  const [val, setVal] = useState<T | undefined>(initial)\n\n  useEffect(() => {\n    let cancel = false\n    const promise = factory()\n    if (promise === undefined || promise === null) return\n\n    promise\n      .then((val) => {\n        if (!cancel) {\n          setVal(val)\n        }\n      })\n      .catch((error) => {\n        console.error(`Error in useAsyncMemo: ${error}`)\n      })\n\n    return () => {\n      cancel = true\n    }\n  }, deps)\n\n  return val\n}\n","import clsx from \"clsx\"\nimport styles from \"./DefaultButton.module.css\"\n\nexport type DefaultButtonProps = {\n  className?: string\n  intent?: \"default\" | \"success\" | \"error\"\n  onClick?: () => void\n  children: React.ReactNode\n  disabled?: boolean\n}\n\nconst INTENTS = {\n  default: styles.DefaultButtonBase,\n  success: styles.DefaultButtonSuccess,\n  error: styles.DefaultButtonError\n}\n\nconst DefaultButton = (props: DefaultButtonProps) => {\n  const {\n    // className = \"px-8 py-3 transition-all cursor-pointer duration-250 hover:scale-[1.05] rounded-xl font-bold\",\n    className = styles.DefaultButton,\n    intent = \"default\",\n    onClick,\n    children,\n    disabled\n  } = props\n\n  return (\n    <button\n      className={clsx(\n        className,\n        INTENTS[intent],\n        disabled && styles.DefaultButtonDisabled\n      )}\n      onClick={onClick}\n    >\n      {children}\n    </button>\n  )\n}\n\nexport default DefaultButton\n","import { useMinting } from \"../hooks/useMinting\"\nimport { useConnect, useNetwork, useSigner, useSwitchNetwork } from \"wagmi\"\nimport DefaultButton, { DefaultButtonProps } from \"./DefaultButton\"\nimport { Contract } from \"types\"\n\ntype MintButtonProps = {\n  className?: string\n  contract: Contract\n  button?: React.FC<DefaultButtonProps>\n  amount: number\n}\n\nconst MintButton = (props: MintButtonProps) => {\n  const {\n    amount = 1,\n    button: Button = DefaultButton,\n    className,\n    contract\n  } = props\n  const { data: signer } = useSigner()\n  const { connect, connectors } = useConnect()\n  const { chain: network } = useNetwork()\n  const { switchNetwork } = useSwitchNetwork()\n\n  const { isMinting, isSuccess, isError, mint } = useMinting(contract)\n\n  if (isMinting) {\n    return (\n      <Button disabled className={className}>\n        Minting\n      </Button>\n    )\n  }\n\n  if (isSuccess) {\n    return (\n      <Button disabled className={className} intent=\"success\">\n        Minted\n      </Button>\n    )\n  }\n\n  if (isError) {\n    return (\n      <Button disabled className={className} intent=\"error\">\n        Error Occurred\n      </Button>\n    )\n  }\n\n  if (!signer) {\n    const connector = connectors[0]\n    return (\n      <Button className={className} onClick={() => connect({ connector })}>\n        Connect Wallet\n      </Button>\n    )\n  }\n\n  if (network?.id !== contract?.chainId && switchNetwork) {\n    return (\n      <Button\n        onClick={() => switchNetwork(contract?.chainId)}\n        className={className}\n        intent=\"error\"\n      >\n        Switch Network\n      </Button>\n    )\n  }\n\n  return (\n    <Button className={className} onClick={() => mint(amount)}>\n      Mint Now\n    </Button>\n  )\n}\n\nexport default MintButton\n","export function bipsToPercent(bp: number | string) {\n  if (typeof bp !== \"number\") return null\n  return parseInt(bp.toString()) / 100\n}\n\nexport function percentToBips(percent: number) {\n  return percent * 100\n}\n\nexport function bipsToDecimal(bp: number | string) {\n  if (typeof bp !== \"number\") return 0\n  return parseInt(bp.toString()) / 10000\n}\n","import { BigNumber, BigNumberish, ethers, utils } from \"ethers\"\n\nexport function weiToEth(wei: BigNumberish): number {\n  return parseFloat(utils.formatEther(wei.toString()))\n}\n\nexport function ethToWei(eth: number): BigNumber | null {\n  if (typeof eth === \"undefined\") return null\n  return ethers.utils.parseUnits(eth.toString(), \"ether\")\n}\n","export function etherscanAddressURL(address: string, chainId = 1) {\n  return etherscanHost(chainId) + \"/address/\" + address\n}\n\nexport function etherscanTxURL(hash: string, chainId = 1) {\n  return etherscanHost(chainId) + \"/tx/\" + hash\n}\n\nexport function etherscanHost(chainId = 1) {\n  switch (chainId) {\n    case 1:\n      return `https://etherscan.io`\n    case 3:\n      return `https://ropsten.etherscan.io`\n    case 4:\n      return `https://rinkeby.etherscan.io`\n    case 5:\n      return `https://goerli.etherscan.io`\n    case 137:\n      return `https://polygonscan.com`\n    case 80001:\n      return `https://mumbai.polygonscan.com`\n    default:\n      throw new Error(\"Etherscan: Unknown chain id \" + chainId)\n  }\n}\n"],"names":["Web3Context","React","createContext","client","undefined","chains","provider","webSocketProvider","SUPPORTED_CHAINS","mainnet","goerli","localhost","Web3Provider","props","appName","children","keys","useMemo","configureChains","config","alchemyKey","publicProvider","usePublic","providers","push","buildProviders","createClient","autoConnect","contextValue","_jsx","Provider","value","WagmiConfig","useMinting","address","chainId","data","block","useBlockNumber","useProvider","signer","useSigner","isMinting","setMinting","useState","isSuccess","setSuccess","isError","setError","contract","useContract","abi","totalSupply","factory","deps","initial","val","setVal","useEffect","cancel","promise","then","catch","error","console","useAsyncMemo","connect","res","toNumber","mint","useCallback","amount","tx","wait","reciept","setTimeout","err","finally","INTENTS","default","styles","DefaultButtonBase","success","DefaultButtonSuccess","DefaultButtonError","DefaultButton","className","intent","onClick","disabled","clsx","DefaultButtonDisabled","MintButton","button","Button","connectors","useConnect","chain","network","useNetwork","switchNetwork","useSwitchNetwork","connector","id","bipsToPercent","bp","parseInt","toString","percentToBips","percent","bipsToDecimal","weiToEth","wei","parseFloat","utils","formatEther","ethToWei","eth","ethers","parseUnits","etherscanAddressURL","etherscanHost","etherscanTxURL","hash","Error"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/providers/Web3Provider.tsx","../src/hooks/useMinting.ts","../src/hooks/internal/useAsyncMemo.ts","../src/components/DefaultButton.tsx","../src/components/MintButton.tsx","../src/utils/basisPoints.ts","../src/utils/conversion.ts","../src/utils/etherscan.ts"],"sourcesContent":["import { configureChains, createClient, WagmiConfig, Client } from \"wagmi\"\nimport { mainnet, goerli, localhost } from \"wagmi/chains\"\n\nimport { alchemyProvider } from \"wagmi/providers/alchemy\"\nimport { infuraProvider } from \"wagmi/providers/infura\"\nimport { publicProvider } from \"wagmi/providers/public\"\nimport { jsonRpcProvider } from \"wagmi/providers/jsonRpc\"\n\nimport React, { useMemo } from \"react\"\nimport { Provider } from \"@ethersproject/providers\"\n\ntype Config = {\n  appName?: string\n  alchemyKey?: string\n  // infuraKey?: string\n  publicProvider?: boolean\n}\n\nexport const Web3Context = React.createContext<{\n  client: Client\n  chains: any[]\n  provider: ({ chainId }: { chainId?: number }) => Provider\n  webSocketProvider: ({ chainId }: { chainId?: number }) => Provider\n}>({\n  client: undefined,\n  chains: undefined,\n  provider: undefined,\n  webSocketProvider: undefined\n})\n\nconst SUPPORTED_CHAINS = [mainnet, goerli, localhost]\n\nexport function Web3Provider(props: { children: React.ReactNode } & Config) {\n  const { appName, children, ...keys } = props\n\n  const { chains, provider, webSocketProvider } = useMemo(() => {\n    const { chains, provider, webSocketProvider } = configureChains(\n      SUPPORTED_CHAINS,\n      buildProviders(keys)\n    )\n    return { chains, provider, webSocketProvider }\n  }, [keys])\n\n  // const { connectors } = getDefaultWallets({\n  //   appName: appName || \"Hybrid App\",\n  //   chains\n  // })\n\n  const client = createClient({\n    autoConnect: true,\n    // connectors,\n    provider,\n    webSocketProvider\n  })\n\n  const contextValue = {\n    client,\n    chains,\n    provider,\n    webSocketProvider\n  }\n\n  return (\n    <Web3Context.Provider value={contextValue}>\n      <WagmiConfig client={client}>{children}</WagmiConfig>\n    </Web3Context.Provider>\n  )\n}\n\nfunction buildProviders(config: Config) {\n  const {\n    alchemyKey,\n    // infuraKey,\n    publicProvider: usePublic = true\n  } = config\n  const providers = []\n\n  // if (alchemyKey) {\n  //   providers.push(\n  //     alchemyProvider({\n  //       apiKey: alchemyKey\n  //     })\n  //   )\n  // }\n\n  // if (infuraKey) {\n  //   providers.push(\n  //     infuraProvider({\n  //       apiKey: infuraKey\n  //     })\n  //   )\n  // }\n\n  if (usePublic) {\n    providers.push(publicProvider())\n  }\n\n  // providers.push(\n  //   jsonRpcProvider({\n  //     rpc: () => ({\n  //       http: \"http://localhost:8545\",\n  //       ws: \"ws://localhost:8545\"\n  //     })\n  //   })\n  // )\n\n  return providers\n}\n","import type {\n  TransactionReceipt,\n  TransactionResponse\n} from \"@ethersproject/providers\"\nimport { BigNumber } from \"ethers\"\nimport { useCallback, useState } from \"react\"\nimport { useBlockNumber, useContract, useProvider, useSigner } from \"wagmi\"\n\nimport { Contract } from \"types\"\nimport { useAsyncMemo } from \"./internal/useAsyncMemo\"\n\ntype UseMinting = {\n  isMinting: boolean\n  isSuccess: boolean\n  isError: boolean\n  totalSupply: number | undefined\n  mint: (amount: number) => Promise<TransactionReceipt | undefined>\n}\n\nexport const useMinting = (config: Contract): UseMinting => {\n  const address = config?.address\n  const chainId = config?.chainId\n\n  const { data: block } = useBlockNumber()\n  const provider = useProvider({ chainId })\n  const { data: signer } = useSigner({ chainId })\n\n  const [isMinting, setMinting] = useState<boolean>(false)\n  const [isSuccess, setSuccess] = useState<boolean>(false)\n  const [isError, setError] = useState<boolean>(false)\n\n  const contract = useContract({\n    address,\n    abi: config?.abi\n  })\n\n  const totalSupply: number = useAsyncMemo(() => {\n    if (!contract) return\n    return contract\n      .connect(provider)\n      .totalSupply()\n      .then((res: BigNumber) => res.toNumber())\n  }, [contract, block])\n\n  const mint = useCallback(\n    (amount: number) => {\n      if (!contract) return\n\n      setMinting(true)\n      return contract\n        .connect(signer)\n        .mint(amount)\n        .then((tx: TransactionResponse) => tx.wait())\n        .then((reciept: TransactionReceipt) => {\n          setSuccess(true)\n          setTimeout(() => setSuccess(false), 3000)\n          return reciept\n        })\n        .catch((err: Error) => {\n          console.error(err)\n          setError(true)\n          setTimeout(() => setError(false), 1000)\n        })\n        .finally(() => setMinting(false))\n    },\n    [signer, contract]\n  )\n\n  return {\n    isMinting,\n    isSuccess,\n    isError,\n    totalSupply,\n    mint\n  }\n}\n","import { DependencyList, useEffect, useState } from \"react\"\n\ntype Factory<T> = () => Promise<T | undefined | null>\n\nexport function useAsyncMemo<T>(\n  factory: Factory<T>,\n  deps: DependencyList\n): T | undefined\nexport function useAsyncMemo<T>(\n  factory: Factory<T>,\n  deps: DependencyList,\n  initial: T\n): T\nexport function useAsyncMemo<T>(\n  factory: Factory<T>,\n  deps: DependencyList,\n  initial?: T\n) {\n  const [val, setVal] = useState<T | undefined>(initial)\n\n  useEffect(() => {\n    let cancel = false\n    const promise = factory()\n    if (promise === undefined || promise === null) return\n\n    promise\n      .then((val) => {\n        if (!cancel) {\n          setVal(val)\n        }\n      })\n      .catch((error) => {\n        console.error(`Error in useAsyncMemo: ${error}`)\n      })\n\n    return () => {\n      cancel = true\n    }\n  }, deps)\n\n  return val\n}\n","import clsx from \"clsx\"\nimport styles from \"./DefaultButton.module.css\"\n\nexport type DefaultButtonProps = {\n  className?: string\n  intent?: \"default\" | \"success\" | \"error\"\n  onClick?: () => void\n  children: React.ReactNode\n  disabled?: boolean\n}\n\nconst INTENTS = {\n  default: styles.DefaultButtonBase,\n  success: styles.DefaultButtonSuccess,\n  error: styles.DefaultButtonError\n}\n\nconst DefaultButton = (props: DefaultButtonProps) => {\n  const {\n    // className = \"px-8 py-3 transition-all cursor-pointer duration-250 hover:scale-[1.05] rounded-xl font-bold\",\n    className = styles.DefaultButton,\n    intent = \"default\",\n    onClick,\n    children,\n    disabled\n  } = props\n\n  return (\n    <button\n      className={clsx(\n        className,\n        INTENTS[intent],\n        disabled && styles.DefaultButtonDisabled\n      )}\n      onClick={onClick}\n    >\n      {children}\n    </button>\n  )\n}\n\nexport default DefaultButton\n","import { useMinting } from \"../hooks/useMinting\"\nimport { useConnect, useNetwork, useSigner, useSwitchNetwork } from \"wagmi\"\nimport DefaultButton, { DefaultButtonProps } from \"./DefaultButton\"\nimport { Contract } from \"types\"\n\ntype MintButtonProps = {\n  className?: string\n  contract: Contract\n  button?: React.FC<DefaultButtonProps>\n  amount?: number\n}\n\nconst MintButton = (props: MintButtonProps) => {\n  const {\n    amount = 1,\n    button: Button = DefaultButton,\n    className,\n    contract\n  } = props\n  const { data: signer } = useSigner()\n  const { connect, connectors } = useConnect()\n  const { chain: network } = useNetwork()\n  const { switchNetwork } = useSwitchNetwork()\n\n  const { isMinting, isSuccess, isError, mint } = useMinting(contract)\n\n  if (isMinting) {\n    return (\n      <Button disabled className={className}>\n        Minting\n      </Button>\n    )\n  }\n\n  if (isSuccess) {\n    return (\n      <Button disabled className={className} intent=\"success\">\n        Minted\n      </Button>\n    )\n  }\n\n  if (isError) {\n    return (\n      <Button disabled className={className} intent=\"error\">\n        Error Occurred\n      </Button>\n    )\n  }\n\n  if (!signer) {\n    const connector = connectors[0]\n    return (\n      <Button className={className} onClick={() => connect({ connector })}>\n        Connect Wallet\n      </Button>\n    )\n  }\n\n  if (network?.id !== contract?.chainId && switchNetwork) {\n    return (\n      <Button\n        onClick={() => switchNetwork(contract?.chainId)}\n        className={className}\n        intent=\"error\"\n      >\n        Switch Network\n      </Button>\n    )\n  }\n\n  return (\n    <Button className={className} onClick={() => mint(amount)}>\n      Mint Now\n    </Button>\n  )\n}\n\nexport default MintButton\n","export function bipsToPercent(bp: number | string) {\n  if (typeof bp !== \"number\") return null\n  return parseInt(bp.toString()) / 100\n}\n\nexport function percentToBips(percent: number) {\n  return percent * 100\n}\n\nexport function bipsToDecimal(bp: number | string) {\n  if (typeof bp !== \"number\") return 0\n  return parseInt(bp.toString()) / 10000\n}\n","import { BigNumber, BigNumberish, ethers, utils } from \"ethers\"\n\nexport function weiToEth(wei: BigNumberish): number {\n  return parseFloat(utils.formatEther(wei.toString()))\n}\n\nexport function ethToWei(eth: number): BigNumber | null {\n  if (typeof eth === \"undefined\") return null\n  return ethers.utils.parseUnits(eth.toString(), \"ether\")\n}\n","export function etherscanAddressURL(address: string, chainId = 1) {\n  return etherscanHost(chainId) + \"/address/\" + address\n}\n\nexport function etherscanTxURL(hash: string, chainId = 1) {\n  return etherscanHost(chainId) + \"/tx/\" + hash\n}\n\nexport function etherscanHost(chainId = 1) {\n  switch (chainId) {\n    case 1:\n      return `https://etherscan.io`\n    case 3:\n      return `https://ropsten.etherscan.io`\n    case 4:\n      return `https://rinkeby.etherscan.io`\n    case 5:\n      return `https://goerli.etherscan.io`\n    case 137:\n      return `https://polygonscan.com`\n    case 80001:\n      return `https://mumbai.polygonscan.com`\n    default:\n      throw new Error(\"Etherscan: Unknown chain id \" + chainId)\n  }\n}\n"],"names":["Web3Context","React","createContext","client","undefined","chains","provider","webSocketProvider","SUPPORTED_CHAINS","mainnet","goerli","localhost","Web3Provider","props","appName","children","keys","useMemo","configureChains","config","alchemyKey","publicProvider","usePublic","providers","push","buildProviders","createClient","autoConnect","contextValue","_jsx","Provider","value","WagmiConfig","useMinting","address","chainId","data","block","useBlockNumber","useProvider","signer","useSigner","isMinting","setMinting","useState","isSuccess","setSuccess","isError","setError","contract","useContract","abi","totalSupply","factory","deps","initial","val","setVal","useEffect","cancel","promise","then","catch","error","console","useAsyncMemo","connect","res","toNumber","mint","useCallback","amount","tx","wait","reciept","setTimeout","err","finally","INTENTS","default","styles","DefaultButtonBase","success","DefaultButtonSuccess","DefaultButtonError","DefaultButton","className","intent","onClick","disabled","clsx","DefaultButtonDisabled","MintButton","button","Button","connectors","useConnect","chain","network","useNetwork","switchNetwork","useSwitchNetwork","connector","id","bipsToPercent","bp","parseInt","toString","percentToBips","percent","bipsToDecimal","weiToEth","wei","parseFloat","utils","formatEther","ethToWei","eth","ethers","parseUnits","etherscanAddressURL","etherscanHost","etherscanTxURL","hash","Error"],"mappings":"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"}

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../src/providers/Web3Provider.tsx","../src/hooks/useMinting.ts","../src/hooks/internal/useAsyncMemo.ts","../src/components/DefaultButton.tsx","../src/components/MintButton.tsx","../src/utils/basisPoints.ts","../src/utils/conversion.ts","../src/utils/etherscan.ts"],"sourcesContent":["import { configureChains, createClient, WagmiConfig, Client } from \"wagmi\"\nimport { mainnet, goerli, localhost } from \"wagmi/chains\"\n\nimport { alchemyProvider } from \"wagmi/providers/alchemy\"\nimport { infuraProvider } from \"wagmi/providers/infura\"\nimport { publicProvider } from \"wagmi/providers/public\"\nimport { jsonRpcProvider } from \"wagmi/providers/jsonRpc\"\n\nimport React, { useMemo } from \"react\"\nimport { Provider } from \"@ethersproject/providers\"\n\ntype Config = {\n  appName?: string\n  alchemyKey?: string\n  // infuraKey?: string\n  publicProvider?: boolean\n}\n\nexport const Web3Context = React.createContext<{\n  client: Client\n  chains: any[]\n  provider: ({ chainId }: { chainId?: number }) => Provider\n  webSocketProvider: ({ chainId }: { chainId?: number }) => Provider\n}>({\n  client: undefined,\n  chains: undefined,\n  provider: undefined,\n  webSocketProvider: undefined\n})\n\nconst SUPPORTED_CHAINS = [mainnet, goerli, localhost]\n\nexport function Web3Provider(props: { children: React.ReactNode } & Config) {\n  const { appName, children, ...keys } = props\n\n  const { chains, provider, webSocketProvider } = useMemo(() => {\n    const { chains, provider, webSocketProvider } = configureChains(\n      SUPPORTED_CHAINS,\n      buildProviders(keys)\n    )\n    return { chains, provider, webSocketProvider }\n  }, [keys])\n\n  // const { connectors } = getDefaultWallets({\n  //   appName: appName || \"Hybrid App\",\n  //   chains\n  // })\n\n  const client = createClient({\n    autoConnect: true,\n    // connectors,\n    provider,\n    webSocketProvider\n  })\n\n  const contextValue = {\n    client,\n    chains,\n    provider,\n    webSocketProvider\n  }\n\n  return (\n    <Web3Context.Provider value={contextValue}>\n      <WagmiConfig client={client}>{children}</WagmiConfig>\n    </Web3Context.Provider>\n  )\n}\n\nfunction buildProviders(config: Config) {\n  const {\n    alchemyKey,\n    // infuraKey,\n    publicProvider: usePublic = true\n  } = config\n  const providers = []\n\n  // if (alchemyKey) {\n  //   providers.push(\n  //     alchemyProvider({\n  //       apiKey: alchemyKey\n  //     })\n  //   )\n  // }\n\n  // if (infuraKey) {\n  //   providers.push(\n  //     infuraProvider({\n  //       apiKey: infuraKey\n  //     })\n  //   )\n  // }\n\n  if (usePublic) {\n    providers.push(publicProvider())\n  }\n\n  // providers.push(\n  //   jsonRpcProvider({\n  //     rpc: () => ({\n  //       http: \"http://localhost:8545\",\n  //       ws: \"ws://localhost:8545\"\n  //     })\n  //   })\n  // )\n\n  return providers\n}\n","import type {\n  TransactionReceipt,\n  TransactionResponse\n} from \"@ethersproject/providers\"\nimport { BigNumber } from \"ethers\"\nimport { useCallback, useState } from \"react\"\nimport { useBlockNumber, useContract, useProvider, useSigner } from \"wagmi\"\n\nimport { Contract } from \"types\"\nimport { useAsyncMemo } from \"./internal/useAsyncMemo\"\n\ntype UseMinting = {\n  isMinting: boolean\n  isSuccess: boolean\n  isError: boolean\n  totalSupply: number | undefined\n  mint: (amount: number) => Promise<TransactionReceipt | undefined>\n}\n\nexport const useMinting = (config: Contract): UseMinting => {\n  const address = config?.address\n  const chainId = config?.chainId\n\n  const { data: block } = useBlockNumber()\n  const provider = useProvider({ chainId })\n  const { data: signer } = useSigner({ chainId })\n\n  const [isMinting, setMinting] = useState<boolean>(false)\n  const [isSuccess, setSuccess] = useState<boolean>(false)\n  const [isError, setError] = useState<boolean>(false)\n\n  const contract = useContract({\n    address,\n    abi: config?.abi\n  })\n\n  const totalSupply: number = useAsyncMemo(() => {\n    if (!contract) return\n    return contract\n      .connect(provider)\n      .totalSupply()\n      .then((res: BigNumber) => res.toNumber())\n  }, [contract, block])\n\n  const mint = useCallback(\n    (amount: number) => {\n      if (!contract) return\n\n      setMinting(true)\n      return contract\n        .connect(signer)\n        .mint(amount)\n        .then((tx: TransactionResponse) => tx.wait())\n        .then((reciept: TransactionReceipt) => {\n          setSuccess(true)\n          setTimeout(() => setSuccess(false), 3000)\n          return reciept\n        })\n        .catch((err: Error) => {\n          console.error(err)\n          setError(true)\n          setTimeout(() => setError(false), 1000)\n        })\n        .finally(() => setMinting(false))\n    },\n    [signer, contract]\n  )\n\n  return {\n    isMinting,\n    isSuccess,\n    isError,\n    totalSupply,\n    mint\n  }\n}\n","import { DependencyList, useEffect, useState } from \"react\"\n\ntype Factory<T> = () => Promise<T | undefined | null>\n\nexport function useAsyncMemo<T>(\n  factory: Factory<T>,\n  deps: DependencyList\n): T | undefined\nexport function useAsyncMemo<T>(\n  factory: Factory<T>,\n  deps: DependencyList,\n  initial: T\n): T\nexport function useAsyncMemo<T>(\n  factory: Factory<T>,\n  deps: DependencyList,\n  initial?: T\n) {\n  const [val, setVal] = useState<T | undefined>(initial)\n\n  useEffect(() => {\n    let cancel = false\n    const promise = factory()\n    if (promise === undefined || promise === null) return\n\n    promise\n      .then((val) => {\n        if (!cancel) {\n          setVal(val)\n        }\n      })\n      .catch((error) => {\n        console.error(`Error in useAsyncMemo: ${error}`)\n      })\n\n    return () => {\n      cancel = true\n    }\n  }, deps)\n\n  return val\n}\n","import clsx from \"clsx\"\nimport styles from \"./DefaultButton.module.css\"\n\nexport type DefaultButtonProps = {\n  className?: string\n  intent?: \"default\" | \"success\" | \"error\"\n  onClick?: () => void\n  children: React.ReactNode\n  disabled?: boolean\n}\n\nconst INTENTS = {\n  default: styles.DefaultButtonBase,\n  success: styles.DefaultButtonSuccess,\n  error: styles.DefaultButtonError\n}\n\nconst DefaultButton = (props: DefaultButtonProps) => {\n  const {\n    // className = \"px-8 py-3 transition-all cursor-pointer duration-250 hover:scale-[1.05] rounded-xl font-bold\",\n    className = styles.DefaultButton,\n    intent = \"default\",\n    onClick,\n    children,\n    disabled\n  } = props\n\n  return (\n    <button\n      className={clsx(\n        className,\n        INTENTS[intent],\n        disabled && styles.DefaultButtonDisabled\n      )}\n      onClick={onClick}\n    >\n      {children}\n    </button>\n  )\n}\n\nexport default DefaultButton\n","import { useMinting } from \"../hooks/useMinting\"\nimport { useConnect, useNetwork, useSigner, useSwitchNetwork } from \"wagmi\"\nimport DefaultButton, { DefaultButtonProps } from \"./DefaultButton\"\nimport { Contract } from \"types\"\n\ntype MintButtonProps = {\n  className?: string\n  contract: Contract\n  button?: React.FC<DefaultButtonProps>\n  amount: number\n}\n\nconst MintButton = (props: MintButtonProps) => {\n  const {\n    amount = 1,\n    button: Button = DefaultButton,\n    className,\n    contract\n  } = props\n  const { data: signer } = useSigner()\n  const { connect, connectors } = useConnect()\n  const { chain: network } = useNetwork()\n  const { switchNetwork } = useSwitchNetwork()\n\n  const { isMinting, isSuccess, isError, mint } = useMinting(contract)\n\n  if (isMinting) {\n    return (\n      <Button disabled className={className}>\n        Minting\n      </Button>\n    )\n  }\n\n  if (isSuccess) {\n    return (\n      <Button disabled className={className} intent=\"success\">\n        Minted\n      </Button>\n    )\n  }\n\n  if (isError) {\n    return (\n      <Button disabled className={className} intent=\"error\">\n        Error Occurred\n      </Button>\n    )\n  }\n\n  if (!signer) {\n    const connector = connectors[0]\n    return (\n      <Button className={className} onClick={() => connect({ connector })}>\n        Connect Wallet\n      </Button>\n    )\n  }\n\n  if (network?.id !== contract?.chainId && switchNetwork) {\n    return (\n      <Button\n        onClick={() => switchNetwork(contract?.chainId)}\n        className={className}\n        intent=\"error\"\n      >\n        Switch Network\n      </Button>\n    )\n  }\n\n  return (\n    <Button className={className} onClick={() => mint(amount)}>\n      Mint Now\n    </Button>\n  )\n}\n\nexport default MintButton\n","export function bipsToPercent(bp: number | string) {\n  if (typeof bp !== \"number\") return null\n  return parseInt(bp.toString()) / 100\n}\n\nexport function percentToBips(percent: number) {\n  return percent * 100\n}\n\nexport function bipsToDecimal(bp: number | string) {\n  if (typeof bp !== \"number\") return 0\n  return parseInt(bp.toString()) / 10000\n}\n","import { BigNumber, BigNumberish, ethers, utils } from \"ethers\"\n\nexport function weiToEth(wei: BigNumberish): number {\n  return parseFloat(utils.formatEther(wei.toString()))\n}\n\nexport function ethToWei(eth: number): BigNumber | null {\n  if (typeof eth === \"undefined\") return null\n  return ethers.utils.parseUnits(eth.toString(), \"ether\")\n}\n","export function etherscanAddressURL(address: string, chainId = 1) {\n  return etherscanHost(chainId) + \"/address/\" + address\n}\n\nexport function etherscanTxURL(hash: string, chainId = 1) {\n  return etherscanHost(chainId) + \"/tx/\" + hash\n}\n\nexport function etherscanHost(chainId = 1) {\n  switch (chainId) {\n    case 1:\n      return `https://etherscan.io`\n    case 3:\n      return `https://ropsten.etherscan.io`\n    case 4:\n      return `https://rinkeby.etherscan.io`\n    case 5:\n      return `https://goerli.etherscan.io`\n    case 137:\n      return `https://polygonscan.com`\n    case 80001:\n      return `https://mumbai.polygonscan.com`\n    default:\n      throw new Error(\"Etherscan: Unknown chain id \" + chainId)\n  }\n}\n"],"names":["Web3Context","React","createContext","client","undefined","chains","provider","webSocketProvider","SUPPORTED_CHAINS","mainnet","goerli","localhost","Web3Provider","props","appName","children","keys","useMemo","configureChains","config","alchemyKey","publicProvider","usePublic","providers","push","buildProviders","createClient","autoConnect","contextValue","_jsx","Provider","value","WagmiConfig","useMinting","address","chainId","data","block","useBlockNumber","useProvider","signer","useSigner","isMinting","setMinting","useState","isSuccess","setSuccess","isError","setError","contract","useContract","abi","totalSupply","factory","deps","initial","val","setVal","useEffect","cancel","promise","then","catch","error","console","useAsyncMemo","connect","res","toNumber","mint","useCallback","amount","tx","wait","reciept","setTimeout","err","finally","INTENTS","default","styles","DefaultButtonBase","success","DefaultButtonSuccess","DefaultButtonError","DefaultButton","className","intent","onClick","disabled","clsx","DefaultButtonDisabled","MintButton","button","Button","connectors","useConnect","chain","network","useNetwork","switchNetwork","useSwitchNetwork","connector","id","bipsToPercent","bp","parseInt","toString","percentToBips","percent","bipsToDecimal","weiToEth","wei","parseFloat","utils","formatEther","ethToWei","eth","ethers","parseUnits","etherscanAddressURL","etherscanHost","etherscanTxURL","hash","Error"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../src/providers/Web3Provider.tsx","../src/hooks/useMinting.ts","../src/hooks/internal/useAsyncMemo.ts","../src/components/DefaultButton.tsx","../src/components/MintButton.tsx","../src/utils/basisPoints.ts","../src/utils/conversion.ts","../src/utils/etherscan.ts"],"sourcesContent":["import { configureChains, createClient, WagmiConfig, Client } from \"wagmi\"\nimport { mainnet, goerli, localhost } from \"wagmi/chains\"\n\nimport { alchemyProvider } from \"wagmi/providers/alchemy\"\nimport { infuraProvider } from \"wagmi/providers/infura\"\nimport { publicProvider } from \"wagmi/providers/public\"\nimport { jsonRpcProvider } from \"wagmi/providers/jsonRpc\"\n\nimport React, { useMemo } from \"react\"\nimport { Provider } from \"@ethersproject/providers\"\n\ntype Config = {\n  appName?: string\n  alchemyKey?: string\n  // infuraKey?: string\n  publicProvider?: boolean\n}\n\nexport const Web3Context = React.createContext<{\n  client: Client\n  chains: any[]\n  provider: ({ chainId }: { chainId?: number }) => Provider\n  webSocketProvider: ({ chainId }: { chainId?: number }) => Provider\n}>({\n  client: undefined,\n  chains: undefined,\n  provider: undefined,\n  webSocketProvider: undefined\n})\n\nconst SUPPORTED_CHAINS = [mainnet, goerli, localhost]\n\nexport function Web3Provider(props: { children: React.ReactNode } & Config) {\n  const { appName, children, ...keys } = props\n\n  const { chains, provider, webSocketProvider } = useMemo(() => {\n    const { chains, provider, webSocketProvider } = configureChains(\n      SUPPORTED_CHAINS,\n      buildProviders(keys)\n    )\n    return { chains, provider, webSocketProvider }\n  }, [keys])\n\n  // const { connectors } = getDefaultWallets({\n  //   appName: appName || \"Hybrid App\",\n  //   chains\n  // })\n\n  const client = createClient({\n    autoConnect: true,\n    // connectors,\n    provider,\n    webSocketProvider\n  })\n\n  const contextValue = {\n    client,\n    chains,\n    provider,\n    webSocketProvider\n  }\n\n  return (\n    <Web3Context.Provider value={contextValue}>\n      <WagmiConfig client={client}>{children}</WagmiConfig>\n    </Web3Context.Provider>\n  )\n}\n\nfunction buildProviders(config: Config) {\n  const {\n    alchemyKey,\n    // infuraKey,\n    publicProvider: usePublic = true\n  } = config\n  const providers = []\n\n  // if (alchemyKey) {\n  //   providers.push(\n  //     alchemyProvider({\n  //       apiKey: alchemyKey\n  //     })\n  //   )\n  // }\n\n  // if (infuraKey) {\n  //   providers.push(\n  //     infuraProvider({\n  //       apiKey: infuraKey\n  //     })\n  //   )\n  // }\n\n  if (usePublic) {\n    providers.push(publicProvider())\n  }\n\n  // providers.push(\n  //   jsonRpcProvider({\n  //     rpc: () => ({\n  //       http: \"http://localhost:8545\",\n  //       ws: \"ws://localhost:8545\"\n  //     })\n  //   })\n  // )\n\n  return providers\n}\n","import type {\n  TransactionReceipt,\n  TransactionResponse\n} from \"@ethersproject/providers\"\nimport { BigNumber } from \"ethers\"\nimport { useCallback, useState } from \"react\"\nimport { useBlockNumber, useContract, useProvider, useSigner } from \"wagmi\"\n\nimport { Contract } from \"types\"\nimport { useAsyncMemo } from \"./internal/useAsyncMemo\"\n\ntype UseMinting = {\n  isMinting: boolean\n  isSuccess: boolean\n  isError: boolean\n  totalSupply: number | undefined\n  mint: (amount: number) => Promise<TransactionReceipt | undefined>\n}\n\nexport const useMinting = (config: Contract): UseMinting => {\n  const address = config?.address\n  const chainId = config?.chainId\n\n  const { data: block } = useBlockNumber()\n  const provider = useProvider({ chainId })\n  const { data: signer } = useSigner({ chainId })\n\n  const [isMinting, setMinting] = useState<boolean>(false)\n  const [isSuccess, setSuccess] = useState<boolean>(false)\n  const [isError, setError] = useState<boolean>(false)\n\n  const contract = useContract({\n    address,\n    abi: config?.abi\n  })\n\n  const totalSupply: number = useAsyncMemo(() => {\n    if (!contract) return\n    return contract\n      .connect(provider)\n      .totalSupply()\n      .then((res: BigNumber) => res.toNumber())\n  }, [contract, block])\n\n  const mint = useCallback(\n    (amount: number) => {\n      if (!contract) return\n\n      setMinting(true)\n      return contract\n        .connect(signer)\n        .mint(amount)\n        .then((tx: TransactionResponse) => tx.wait())\n        .then((reciept: TransactionReceipt) => {\n          setSuccess(true)\n          setTimeout(() => setSuccess(false), 3000)\n          return reciept\n        })\n        .catch((err: Error) => {\n          console.error(err)\n          setError(true)\n          setTimeout(() => setError(false), 1000)\n        })\n        .finally(() => setMinting(false))\n    },\n    [signer, contract]\n  )\n\n  return {\n    isMinting,\n    isSuccess,\n    isError,\n    totalSupply,\n    mint\n  }\n}\n","import { DependencyList, useEffect, useState } from \"react\"\n\ntype Factory<T> = () => Promise<T | undefined | null>\n\nexport function useAsyncMemo<T>(\n  factory: Factory<T>,\n  deps: DependencyList\n): T | undefined\nexport function useAsyncMemo<T>(\n  factory: Factory<T>,\n  deps: DependencyList,\n  initial: T\n): T\nexport function useAsyncMemo<T>(\n  factory: Factory<T>,\n  deps: DependencyList,\n  initial?: T\n) {\n  const [val, setVal] = useState<T | undefined>(initial)\n\n  useEffect(() => {\n    let cancel = false\n    const promise = factory()\n    if (promise === undefined || promise === null) return\n\n    promise\n      .then((val) => {\n        if (!cancel) {\n          setVal(val)\n        }\n      })\n      .catch((error) => {\n        console.error(`Error in useAsyncMemo: ${error}`)\n      })\n\n    return () => {\n      cancel = true\n    }\n  }, deps)\n\n  return val\n}\n","import clsx from \"clsx\"\nimport styles from \"./DefaultButton.module.css\"\n\nexport type DefaultButtonProps = {\n  className?: string\n  intent?: \"default\" | \"success\" | \"error\"\n  onClick?: () => void\n  children: React.ReactNode\n  disabled?: boolean\n}\n\nconst INTENTS = {\n  default: styles.DefaultButtonBase,\n  success: styles.DefaultButtonSuccess,\n  error: styles.DefaultButtonError\n}\n\nconst DefaultButton = (props: DefaultButtonProps) => {\n  const {\n    // className = \"px-8 py-3 transition-all cursor-pointer duration-250 hover:scale-[1.05] rounded-xl font-bold\",\n    className = styles.DefaultButton,\n    intent = \"default\",\n    onClick,\n    children,\n    disabled\n  } = props\n\n  return (\n    <button\n      className={clsx(\n        className,\n        INTENTS[intent],\n        disabled && styles.DefaultButtonDisabled\n      )}\n      onClick={onClick}\n    >\n      {children}\n    </button>\n  )\n}\n\nexport default DefaultButton\n","import { useMinting } from \"../hooks/useMinting\"\nimport { useConnect, useNetwork, useSigner, useSwitchNetwork } from \"wagmi\"\nimport DefaultButton, { DefaultButtonProps } from \"./DefaultButton\"\nimport { Contract } from \"types\"\n\ntype MintButtonProps = {\n  className?: string\n  contract: Contract\n  button?: React.FC<DefaultButtonProps>\n  amount?: number\n}\n\nconst MintButton = (props: MintButtonProps) => {\n  const {\n    amount = 1,\n    button: Button = DefaultButton,\n    className,\n    contract\n  } = props\n  const { data: signer } = useSigner()\n  const { connect, connectors } = useConnect()\n  const { chain: network } = useNetwork()\n  const { switchNetwork } = useSwitchNetwork()\n\n  const { isMinting, isSuccess, isError, mint } = useMinting(contract)\n\n  if (isMinting) {\n    return (\n      <Button disabled className={className}>\n        Minting\n      </Button>\n    )\n  }\n\n  if (isSuccess) {\n    return (\n      <Button disabled className={className} intent=\"success\">\n        Minted\n      </Button>\n    )\n  }\n\n  if (isError) {\n    return (\n      <Button disabled className={className} intent=\"error\">\n        Error Occurred\n      </Button>\n    )\n  }\n\n  if (!signer) {\n    const connector = connectors[0]\n    return (\n      <Button className={className} onClick={() => connect({ connector })}>\n        Connect Wallet\n      </Button>\n    )\n  }\n\n  if (network?.id !== contract?.chainId && switchNetwork) {\n    return (\n      <Button\n        onClick={() => switchNetwork(contract?.chainId)}\n        className={className}\n        intent=\"error\"\n      >\n        Switch Network\n      </Button>\n    )\n  }\n\n  return (\n    <Button className={className} onClick={() => mint(amount)}>\n      Mint Now\n    </Button>\n  )\n}\n\nexport default MintButton\n","export function bipsToPercent(bp: number | string) {\n  if (typeof bp !== \"number\") return null\n  return parseInt(bp.toString()) / 100\n}\n\nexport function percentToBips(percent: number) {\n  return percent * 100\n}\n\nexport function bipsToDecimal(bp: number | string) {\n  if (typeof bp !== \"number\") return 0\n  return parseInt(bp.toString()) / 10000\n}\n","import { BigNumber, BigNumberish, ethers, utils } from \"ethers\"\n\nexport function weiToEth(wei: BigNumberish): number {\n  return parseFloat(utils.formatEther(wei.toString()))\n}\n\nexport function ethToWei(eth: number): BigNumber | null {\n  if (typeof eth === \"undefined\") return null\n  return ethers.utils.parseUnits(eth.toString(), \"ether\")\n}\n","export function etherscanAddressURL(address: string, chainId = 1) {\n  return etherscanHost(chainId) + \"/address/\" + address\n}\n\nexport function etherscanTxURL(hash: string, chainId = 1) {\n  return etherscanHost(chainId) + \"/tx/\" + hash\n}\n\nexport function etherscanHost(chainId = 1) {\n  switch (chainId) {\n    case 1:\n      return `https://etherscan.io`\n    case 3:\n      return `https://ropsten.etherscan.io`\n    case 4:\n      return `https://rinkeby.etherscan.io`\n    case 5:\n      return `https://goerli.etherscan.io`\n    case 137:\n      return `https://polygonscan.com`\n    case 80001:\n      return `https://mumbai.polygonscan.com`\n    default:\n      throw new Error(\"Etherscan: Unknown chain id \" + chainId)\n  }\n}\n"],"names":["Web3Context","React","createContext","client","undefined","chains","provider","webSocketProvider","SUPPORTED_CHAINS","mainnet","goerli","localhost","Web3Provider","props","appName","children","keys","useMemo","configureChains","config","alchemyKey","publicProvider","usePublic","providers","push","buildProviders","createClient","autoConnect","contextValue","_jsx","Provider","value","WagmiConfig","useMinting","address","chainId","data","block","useBlockNumber","useProvider","signer","useSigner","isMinting","setMinting","useState","isSuccess","setSuccess","isError","setError","contract","useContract","abi","totalSupply","factory","deps","initial","val","setVal","useEffect","cancel","promise","then","catch","error","console","useAsyncMemo","connect","res","toNumber","mint","useCallback","amount","tx","wait","reciept","setTimeout","err","finally","INTENTS","default","styles","DefaultButtonBase","success","DefaultButtonSuccess","DefaultButtonError","DefaultButton","className","intent","onClick","disabled","clsx","DefaultButtonDisabled","MintButton","button","Button","connectors","useConnect","chain","network","useNetwork","switchNetwork","useSwitchNetwork","connector","id","bipsToPercent","bp","parseInt","toString","percentToBips","percent","bipsToDecimal","weiToEth","wei","parseFloat","utils","formatEther","ethToWei","eth","ethers","parseUnits","etherscanAddressURL","etherscanHost","etherscanTxURL","hash","Error"],"mappings":"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"}

package/dist/providers/helpers.d.ts

@@ -1,6 +1,7 @@
 import { ChainProviderFn } from "wagmi";
 export type Config = {
     alchemyKey?: string;
-    publicProvider?: boolean;
+    infuraKey?: string;
+    public?: boolean;
 };
 export declare function buildProviders(config: Config): ChainProviderFn<import("@wagmi/chains").Chain, import("@ethersproject/providers").BaseProvider, import("@ethersproject/providers").WebSocketProvider>[];

package/dist/stats.html

@@ -6157,7 +6157,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.js","children":[{"name":"src","children":[{"name":"providers/Web3Provider.tsx","uid":"966f-1"},{"name":"hooks","children":[{"uid":"966f-3","name":"useMinting.ts"},{"name":"internal/useAsyncMemo.ts","uid":"966f-5"}]},{"name":"components","children":[{"uid":"966f-7","name":"DefaultButton.tsx"},{"uid":"966f-9","name":"MintButton.tsx"}]},{"name":"utils","children":[{"uid":"966f-11","name":"basisPoints.ts"},{"uid":"966f-13","name":"conversion.ts"},{"uid":"966f-15","name":"etherscan.ts"}]}]}]}],"isRoot":true},"nodeParts":{"966f-1":{"renderedLength":1763,"gzipLength":0,"brotliLength":0,"metaUid":"966f-0"},"966f-3":{"renderedLength":1459,"gzipLength":0,"brotliLength":0,"metaUid":"966f-2"},"966f-5":{"renderedLength":577,"gzipLength":0,"brotliLength":0,"metaUid":"966f-4"},"966f-7":{"renderedLength":558,"gzipLength":0,"brotliLength":0,"metaUid":"966f-6"},"966f-9":{"renderedLength":1292,"gzipLength":0,"brotliLength":0,"metaUid":"966f-8"},"966f-11":{"renderedLength":312,"gzipLength":0,"brotliLength":0,"metaUid":"966f-10"},"966f-13":{"renderedLength":229,"gzipLength":0,"brotliLength":0,"metaUid":"966f-12"},"966f-15":{"renderedLength":764,"gzipLength":0,"brotliLength":0,"metaUid":"966f-14"}},"nodeMetas":{"966f-0":{"id":"/src/providers/Web3Provider.tsx","moduleParts":{"index.js":"966f-1"},"imported":[{"uid":"966f-21"},{"uid":"966f-22"},{"uid":"966f-23"},{"uid":"966f-24"},{"uid":"966f-25"}],"importedBy":[{"uid":"966f-16"}]},"966f-2":{"id":"/src/hooks/useMinting.ts","moduleParts":{"index.js":"966f-3"},"imported":[{"uid":"966f-25"},{"uid":"966f-22"},{"uid":"966f-4"}],"importedBy":[{"uid":"966f-18"},{"uid":"966f-8"}]},"966f-4":{"id":"/src/hooks/internal/useAsyncMemo.ts","moduleParts":{"index.js":"966f-5"},"imported":[{"uid":"966f-25"}],"importedBy":[{"uid":"966f-2"}]},"966f-6":{"id":"/src/components/DefaultButton.tsx","moduleParts":{"index.js":"966f-7"},"imported":[{"uid":"966f-21"},{"uid":"966f-27"},{"uid":"966f-28"}],"importedBy":[{"uid":"966f-8"}]},"966f-8":{"id":"/src/components/MintButton.tsx","moduleParts":{"index.js":"966f-9"},"imported":[{"uid":"966f-21"},{"uid":"966f-2"},{"uid":"966f-22"},{"uid":"966f-6"}],"importedBy":[{"uid":"966f-17"}]},"966f-10":{"id":"/src/utils/basisPoints.ts","moduleParts":{"index.js":"966f-11"},"imported":[],"importedBy":[{"uid":"966f-19"}]},"966f-12":{"id":"/src/utils/conversion.ts","moduleParts":{"index.js":"966f-13"},"imported":[{"uid":"966f-26"}],"importedBy":[{"uid":"966f-19"}]},"966f-14":{"id":"/src/utils/etherscan.ts","moduleParts":{"index.js":"966f-15"},"imported":[],"importedBy":[{"uid":"966f-19"}]},"966f-16":{"id":"/src/index.ts","moduleParts":{},"imported":[{"uid":"966f-0"},{"uid":"966f-17"},{"uid":"966f-18"},{"uid":"966f-19"},{"uid":"966f-20"}],"importedBy":[],"isEntry":true},"966f-17":{"id":"/src/components/index.ts","moduleParts":{},"imported":[{"uid":"966f-8"}],"importedBy":[{"uid":"966f-16"}]},"966f-18":{"id":"/src/hooks/index.ts","moduleParts":{},"imported":[{"uid":"966f-2"}],"importedBy":[{"uid":"966f-16"}]},"966f-19":{"id":"/src/utils/index.ts","moduleParts":{},"imported":[{"uid":"966f-10"},{"uid":"966f-12"},{"uid":"966f-14"}],"importedBy":[{"uid":"966f-16"}]},"966f-20":{"id":"/src/types.ts","moduleParts":{},"imported":[],"importedBy":[{"uid":"966f-16"}]},"966f-21":{"id":"react/jsx-runtime","moduleParts":{},"imported":[],"importedBy":[{"uid":"966f-0"},{"uid":"966f-8"},{"uid":"966f-6"}],"isExternal":true},"966f-22":{"id":"wagmi","moduleParts":{},"imported":[],"importedBy":[{"uid":"966f-0"},{"uid":"966f-8"},{"uid":"966f-2"}],"isExternal":true},"966f-23":{"id":"wagmi/chains","moduleParts":{},"imported":[],"importedBy":[{"uid":"966f-0"}],"isExternal":true},"966f-24":{"id":"wagmi/providers/public","moduleParts":{},"imported":[],"importedBy":[{"uid":"966f-0"}],"isExternal":true},"966f-25":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"966f-0"},{"uid":"966f-2"},{"uid":"966f-4"}],"isExternal":true},"966f-26":{"id":"ethers","moduleParts":{},"imported":[],"importedBy":[{"uid":"966f-12"}],"isExternal":true},"966f-27":{"id":"clsx","moduleParts":{},"imported":[],"importedBy":[{"uid":"966f-6"}],"isExternal":true},"966f-28":{"id":"/src/components/DefaultButton.module.css","moduleParts":{},"imported":[],"importedBy":[{"uid":"966f-6"}]}},"env":{"rollup":"3.19.1"},"options":{"gzip":false,"brotli":false,"sourcemap":true}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.js","children":[{"name":"src","children":[{"name":"providers/Web3Provider.tsx","uid":"299d-30"},{"name":"hooks","children":[{"uid":"299d-32","name":"useMinting.ts"},{"name":"internal/useAsyncMemo.ts","uid":"299d-34"}]},{"name":"components","children":[{"uid":"299d-36","name":"DefaultButton.tsx"},{"uid":"299d-38","name":"MintButton.tsx"}]},{"name":"utils","children":[{"uid":"299d-40","name":"basisPoints.ts"},{"uid":"299d-42","name":"conversion.ts"},{"uid":"299d-44","name":"etherscan.ts"}]}]}]}],"isRoot":true},"nodeParts":{"299d-30":{"renderedLength":1763,"gzipLength":0,"brotliLength":0,"metaUid":"299d-29"},"299d-32":{"renderedLength":1459,"gzipLength":0,"brotliLength":0,"metaUid":"299d-31"},"299d-34":{"renderedLength":577,"gzipLength":0,"brotliLength":0,"metaUid":"299d-33"},"299d-36":{"renderedLength":558,"gzipLength":0,"brotliLength":0,"metaUid":"299d-35"},"299d-38":{"renderedLength":1292,"gzipLength":0,"brotliLength":0,"metaUid":"299d-37"},"299d-40":{"renderedLength":312,"gzipLength":0,"brotliLength":0,"metaUid":"299d-39"},"299d-42":{"renderedLength":229,"gzipLength":0,"brotliLength":0,"metaUid":"299d-41"},"299d-44":{"renderedLength":764,"gzipLength":0,"brotliLength":0,"metaUid":"299d-43"}},"nodeMetas":{"299d-29":{"id":"/src/providers/Web3Provider.tsx","moduleParts":{"index.js":"299d-30"},"imported":[{"uid":"299d-50"},{"uid":"299d-51"},{"uid":"299d-52"},{"uid":"299d-53"},{"uid":"299d-54"}],"importedBy":[{"uid":"299d-45"}]},"299d-31":{"id":"/src/hooks/useMinting.ts","moduleParts":{"index.js":"299d-32"},"imported":[{"uid":"299d-54"},{"uid":"299d-51"},{"uid":"299d-33"}],"importedBy":[{"uid":"299d-47"},{"uid":"299d-37"}]},"299d-33":{"id":"/src/hooks/internal/useAsyncMemo.ts","moduleParts":{"index.js":"299d-34"},"imported":[{"uid":"299d-54"}],"importedBy":[{"uid":"299d-31"}]},"299d-35":{"id":"/src/components/DefaultButton.tsx","moduleParts":{"index.js":"299d-36"},"imported":[{"uid":"299d-50"},{"uid":"299d-56"},{"uid":"299d-57"}],"importedBy":[{"uid":"299d-37"}]},"299d-37":{"id":"/src/components/MintButton.tsx","moduleParts":{"index.js":"299d-38"},"imported":[{"uid":"299d-50"},{"uid":"299d-31"},{"uid":"299d-51"},{"uid":"299d-35"}],"importedBy":[{"uid":"299d-46"}]},"299d-39":{"id":"/src/utils/basisPoints.ts","moduleParts":{"index.js":"299d-40"},"imported":[],"importedBy":[{"uid":"299d-48"}]},"299d-41":{"id":"/src/utils/conversion.ts","moduleParts":{"index.js":"299d-42"},"imported":[{"uid":"299d-55"}],"importedBy":[{"uid":"299d-48"}]},"299d-43":{"id":"/src/utils/etherscan.ts","moduleParts":{"index.js":"299d-44"},"imported":[],"importedBy":[{"uid":"299d-48"}]},"299d-45":{"id":"/src/index.ts","moduleParts":{},"imported":[{"uid":"299d-29"},{"uid":"299d-46"},{"uid":"299d-47"},{"uid":"299d-48"},{"uid":"299d-49"}],"importedBy":[],"isEntry":true},"299d-46":{"id":"/src/components/index.ts","moduleParts":{},"imported":[{"uid":"299d-37"}],"importedBy":[{"uid":"299d-45"}]},"299d-47":{"id":"/src/hooks/index.ts","moduleParts":{},"imported":[{"uid":"299d-31"}],"importedBy":[{"uid":"299d-45"}]},"299d-48":{"id":"/src/utils/index.ts","moduleParts":{},"imported":[{"uid":"299d-39"},{"uid":"299d-41"},{"uid":"299d-43"}],"importedBy":[{"uid":"299d-45"}]},"299d-49":{"id":"/src/types.ts","moduleParts":{},"imported":[],"importedBy":[{"uid":"299d-45"}]},"299d-50":{"id":"react/jsx-runtime","moduleParts":{},"imported":[],"importedBy":[{"uid":"299d-29"},{"uid":"299d-37"},{"uid":"299d-35"}],"isExternal":true},"299d-51":{"id":"wagmi","moduleParts":{},"imported":[],"importedBy":[{"uid":"299d-29"},{"uid":"299d-37"},{"uid":"299d-31"}],"isExternal":true},"299d-52":{"id":"wagmi/chains","moduleParts":{},"imported":[],"importedBy":[{"uid":"299d-29"}],"isExternal":true},"299d-53":{"id":"wagmi/providers/public","moduleParts":{},"imported":[],"importedBy":[{"uid":"299d-29"}],"isExternal":true},"299d-54":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"299d-29"},{"uid":"299d-31"},{"uid":"299d-33"}],"isExternal":true},"299d-55":{"id":"ethers","moduleParts":{},"imported":[],"importedBy":[{"uid":"299d-41"}],"isExternal":true},"299d-56":{"id":"clsx","moduleParts":{},"imported":[],"importedBy":[{"uid":"299d-35"}],"isExternal":true},"299d-57":{"id":"/src/components/DefaultButton.module.css","moduleParts":{},"imported":[],"importedBy":[{"uid":"299d-35"}]}},"env":{"rollup":"3.19.1"},"options":{"gzip":false,"brotli":false,"sourcemap":true}};
 
     const run = () => {
       const width = window.innerWidth;
@@ -6175,9 +6175,3 @@ var drawChart = (function (exports) {
 </body>
 </html>
 
-Loaded', run);
-    /*-->*/
-  </script>
-</body>
-</html>
-

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "hybrid",
   "author": "IanH <ian@ianh.xyz>",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "Solidity + TypeScript Framework for Web3 Development",
   "keywords": [
     "hybrid",
@@ -61,8 +61,8 @@
   },
   "dependencies": {
     "@ethersproject/providers": "^5.7.1",
-    "@hybrd/cli": "^0.3.0",
-    "@hybrd/contracts": "^0.3.0-alpha.1",
+    "@hybrd/cli": "^0.3.1",
+    "@hybrd/contracts": "^0.3.1",
     "abitype": "^0.7.1",
     "axios": "^1.2.2",
     "clsx": "^1.2.1",
@@ -114,5 +114,5 @@
     "react-dom": ">=17",
     "wagmi": "^0.6.0"
   },
-  "gitHead": "f42878d468268e93a74317222a2ce4511949cb2f"
+  "gitHead": "0db17e1c141c8176421c3120b42139d4dc255263"
 }