hybrid 0.3.11 → 0.4.0

package/dist/components/ConnectedAs.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export default function ConnectedAs(props: {
+    className?: string;
+    chainId?: number;
+}): JSX.Element;

package/dist/components/TokenGate.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { DeployedContract } from "@hybrd/types";
+type Props = {
+    children: React.ReactNode;
+    contract: DeployedContract;
+    loading?: React.ReactNode;
+    deny?: React.ReactNode;
+};
+declare const TokenGate: React.FC<Props>;
+export default TokenGate;

package/dist/components/TotalSupply.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { DeployedContract } from "@hybrd/types";
+type MintButtonProps = {
+    className?: string;
+    contract: DeployedContract;
+};
+declare const MintButton: (props: MintButtonProps) => JSX.Element;
+export default MintButton;

package/dist/components/index.d.ts

@@ -1 +1,4 @@
+export { default as ConnectedAs } from "./ConnectedAs";
 export { default as MintButton } from "./MintButton";
+export { default as TokenGate } from "./TokenGate";
+export { default as TotalSupply } from "./TotalSupply";

package/dist/hooks/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./useEstimation";
 export * from "./useMinting";
+export * from "./useTokenGating";

package/dist/hooks/internal/index.d.ts

@@ -1 +1,3 @@
+export * from "./useAsyncMemo";
 export * from "./useContext";
+export * from "./useEnsName";

package/dist/hooks/internal/useEnsName.d.ts

@@ -0,0 +1,4 @@
+/**
+ * The wagmi useEnsName does not respect the chainId property.
+ */
+export declare function useEnsName(address: `0x${string}`): string;

package/dist/hooks/useMinting.d.ts

@@ -7,5 +7,8 @@ type UseMinting = {
     totalSupply: number | undefined;
     mint: (amount: number) => Promise<TransactionReceipt | undefined>;
 };
-export declare const useMinting: (config: DeployedContract) => UseMinting;
+type Props = {
+    contract: DeployedContract;
+};
+export declare const useMinting: (props: Props) => UseMinting;
 export {};

package/dist/hooks/useTokenGating.d.ts

@@ -0,0 +1,12 @@
+import { DeployedContract } from "@hybrd/types";
+type UseTokenGating = {
+    isLoading: boolean;
+    address: string;
+    allow: boolean;
+    deny: boolean;
+};
+export declare function useTokenGating(props: {
+    contract: DeployedContract;
+    address: `0x${string}`;
+}): UseTokenGating;
+export {};

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { Web3Provider } from "./providers/Web3Provider";
+export { Web3Provider, useHybrid } from "./providers/Web3Provider";
 export * from "./components";
 export * from "./hooks";
 export * from "@hybrd/types";

package/dist/index.js

@@ -1,2 +1,2 @@
-import{jsx as t}from"react/jsx-runtime";import{configureChains as e,createClient as r,WagmiConfig as o,useBlockNumber as n,useProvider as i,useSigner as c,useContract as a,useConnect as s,useNetwork as u,useSwitchNetwork as l}from"wagmi";import{mainnet as d,goerli as m,localhost as f}from"wagmi/chains";import{alchemyProvider as h}from"wagmi/providers/alchemy";import{publicProvider as p}from"wagmi/providers/public";import v,{useMemo as B,useState as D,useEffect as b,useCallback as w}from"react";import{BigNumber as y,Wallet as P,utils as _}from"ethers";import g from"clsx";export*from"@hybrd/types";export*from"@hybrd/utils";const k=v.createContext({client:void 0,chains:void 0,provider:void 0,webSocketProvider:void 0}),N=[d,m,f];function S(n){const{appName:i,children:c,...a}=n,{chains:s,provider:u,webSocketProvider:l}=B((()=>{const{chains:t,provider:r,webSocketProvider:o}=e(N,function(t){const{alchemyKey:e,publicProvider:r=!0}=t,o=[];e&&o.push(h({apiKey:e}));r&&o.push(p());return o}(a));return{chains:t,provider:r,webSocketProvider:o}}),[a]),d=r({autoConnect:!0,provider:u,webSocketProvider:l}),m={client:d,chains:s,provider:u,webSocketProvider:l};return t(k.Provider,{value:m,children:t(o,{client:d,children:c})})}const C=t=>{const e=t?.address,r=t?.chainId,{data:o}=n(),s=i({chainId:r}),{data:u}=c({chainId:r}),[l,d]=D(!1),[m,f]=D(!1),[h,p]=D(!1),v=a({address:e,abi:t?.abi});return{isMinting:l,isSuccess:m,isError:h,totalSupply:function(t,e,r){const[o,n]=D(r);return b((()=>{let e=!1;const r=t();if(null!=r)return r.then((t=>{e||n(t)})).catch((t=>{console.error(`Error in useAsyncMemo: ${t}`)})),()=>{e=!0}}),e),o}((()=>{if(v)return v.connect(s).totalSupply().then((t=>t.toNumber()))}),[v,o]),mint:w((async(t,e={})=>{if(!v)return;d(!0);const{value:r=y.from("0"),gasPrice:o}=e;return v.connect(u).mint(t,{value:r,gasPrice:o}).then((t=>t.wait())).then((t=>(f(!0),setTimeout((()=>f(!1)),3e3),t))).catch((t=>{console.error(t),p(!0),setTimeout((()=>p(!1)),1e3)})).finally((()=>d(!1)))}),[u,v,r])}};var E={DefaultButton:"DefaultButton-module_DefaultButton__Px-Zc",DefaultButtonBase:"DefaultButton-module_DefaultButtonBase__KRytO",DefaultButtonSuccess:"DefaultButton-module_DefaultButtonSuccess__eaosU",DefaultButtonError:"DefaultButton-module_DefaultButtonError__B7CKv",DefaultButtonDisabled:"DefaultButton-module_DefaultButtonDisabled__-PIdK"};const I={default:E.DefaultButtonBase,success:E.DefaultButtonSuccess,error:E.DefaultButtonError},x=e=>{const{className:r=E.DefaultButton,intent:o="default",onClick:n,children:i,disabled:c}=e;return t("button",{className:g(r,I[o],c&&E.DefaultButtonDisabled),onClick:n,children:i})},M=e=>{const{amount:r=1,button:o=x,className:n,contract:i}=e,{data:a}=c(),{connect:d,connectors:m}=s(),{chain:f}=u(),{switchNetwork:h}=l(),{isMinting:p,isSuccess:v,isError:B,mint:D}=C(i);if(p)return t(o,{disabled:!0,className:n,children:"Minting"});if(v)return t(o,{disabled:!0,className:n,intent:"success",children:"Minted"});if(B)return t(o,{disabled:!0,className:n,intent:"error",children:"Error Occurred"});if(!a){const e=m[0];return t(o,{className:n,onClick:()=>d({connector:e}),children:"Connect Wallet"})}return t(o,f?.id!==i?.chainId&&h?{onClick:()=>h(i?.chainId),className:n,intent:"error",children:"Switch Network"}:{className:n,onClick:()=>D(r),children:"Mint Now"})},K=()=>{const[t,e]=D();return n({watch:!0,onBlock:e}),t};function G(t){const{deployData:e,chainId:r}=t,o=i({chainId:r}),n=K(),[c,a]=D({gas:void 0,gasPrice:void 0,wei:void 0,eth:void 0}),s=w((t=>"function"==typeof e?e(t):e),[e]);return b((()=>{const{address:t}=P.createRandom(),e=s(o);e&&async function(t,e){const r=await t.estimateGas(e),o=await t.getGasPrice(),n=r.mul(o),i=parseFloat(_.formatUnits(n,"ether"));return{gas:r,gasPrice:o,wei:n,eth:i}}(o,{data:e,from:t}).then(a).catch((t=>{console.error("useEstimation",t)}))}),[n,o,r,s]),c}export{M as MintButton,S as Web3Provider,G as useEstimation,C as useMinting};
+import{jsx as t,jsxs as e,Fragment as n}from"react/jsx-runtime";import{configureChains as r,createClient as o,WagmiConfig as c,useProvider as a,useAccount as i,useConnect as s,useNetwork as l,useBlockNumber as u,useSigner as d,useContract as m,useSwitchNetwork as h}from"wagmi";import{mainnet as f,goerli as p,arbitrum as v,arbitrumGoerli as b,localhost as w}from"wagmi/chains";import{alchemyProvider as y}from"wagmi/providers/alchemy";import{infuraProvider as B}from"wagmi/providers/infura";import{publicProvider as D}from"wagmi/providers/public";import g,{useContext as N,useMemo as k,useState as S,useEffect as _,useCallback as P}from"react";import{etherscanAddressURL as x,truncateEthAddress as C}from"@hybrd/utils";export*from"@hybrd/utils";import I from"clsx";import{BigNumber as E,Wallet as K,utils as M}from"ethers";export*from"@hybrd/types";function L(){return N(O)}const O=g.createContext({client:void 0,chains:void 0,provider:void 0,webSocketProvider:void 0}),T=[f,p,v,b,w];function j(e){const{appName:n,children:a,...i}=e,{chains:s,provider:l,webSocketProvider:u}=k((()=>{const{chains:t,provider:e,webSocketProvider:n}=r(T,function(t){const{alchemyKey:e,infuraKey:n,publicProvider:r=!0}=t,o=[];e&&o.push(y({apiKey:e}));n&&o.push(B({apiKey:n}));r&&o.push(D());return o}(i));return{chains:t,provider:e,webSocketProvider:n}}),[i]),d=o({autoConnect:!0,provider:l,webSocketProvider:u}),m={client:d,chains:s,provider:l,webSocketProvider:u};return t(O.Provider,{value:m,children:t(c,{client:d,children:a})})}function A(n){const{className:r,chainId:o}=n,{address:c,isConnected:u}=i(),{connect:d,connectors:m}=s(),{chain:h}=l(),f=function(t){const[e,n]=S(),r=a({chainId:1});return _((()=>{t&&r.lookupAddress(t).then(n)}),[name,r]),e}(c);return e("p",{className:I(r,"text-sm text-center flex space-x-3 items-center justify-center text-gray"),children:[!u&&t("button",{onClick:()=>d({connector:m[0]}),children:"Connect Wallet"}),u&&e("span",{className:"",children:["connected as"," ",t("a",{href:x(c,o||h.id),className:I(r,"underline"),target:"_blank",rel:"noreferrer",children:f||C(c)})]})]})}const G=t=>{const{contract:e}=t,n=e?.chainId,r=a({chainId:n}),{data:o}=u(),{data:c}=d({chainId:n}),[i,s]=S(!1),[l,h]=S(!1),[f,p]=S(!1),v=m({address:e?.address,abi:e?.abi});return{isMinting:i,isSuccess:l,isError:f,totalSupply:function(t,e,n){const[r,o]=S(n);return _((()=>{let e=!1;const n=t();if(null!=n)return n.then((t=>{e||o(t)})).catch((t=>{console.error(`Error in useAsyncMemo: ${t}`)})),()=>{e=!0}}),e),r}((()=>{if(v)return v.connect(r).totalSupply().then((t=>t.toNumber()))}),[v,o]),mint:P((async(t,e={})=>{if(!v)return;s(!0);const{value:n=E.from("0"),gasPrice:r}=e;return v.connect(c).mint(t,{value:n,gasPrice:r}).then((t=>t.wait())).then((t=>(h(!0),setTimeout((()=>h(!1)),3e3),t))).catch((t=>{console.error(t),p(!0),setTimeout((()=>p(!1)),1e3)})).finally((()=>s(!1)))}),[c,v,n])}};var R={DefaultButton:"DefaultButton-module_DefaultButton__Px-Zc",DefaultButtonBase:"DefaultButton-module_DefaultButtonBase__KRytO",DefaultButtonSuccess:"DefaultButton-module_DefaultButtonSuccess__eaosU",DefaultButtonError:"DefaultButton-module_DefaultButtonError__B7CKv",DefaultButtonDisabled:"DefaultButton-module_DefaultButtonDisabled__-PIdK"};const U={default:R.DefaultButtonBase,success:R.DefaultButtonSuccess,error:R.DefaultButtonError},W=e=>{const{className:n=R.DefaultButton,intent:r="default",onClick:o,children:c,disabled:a}=e;return t("button",{className:I(n,U[r],a&&R.DefaultButtonDisabled),onClick:o,children:c})},F=e=>{const{amount:n=1,button:r=W,className:o,contract:c}=e,{data:a}=d(),{connect:i,connectors:u}=s(),{chain:m}=l(),{switchNetwork:f}=h(),{isMinting:p,isSuccess:v,isError:b,mint:w}=G({contract:c});if(p)return t(r,{disabled:!0,className:o,children:"Minting"});if(v)return t(r,{disabled:!0,className:o,intent:"success",children:"Minted"});if(b)return t(r,{disabled:!0,className:o,intent:"error",children:"Error Occurred"});if(!a){const e=u[0];return t(r,{className:o,onClick:()=>i({connector:e}),children:"Connect Wallet"})}return t(r,m?.id!==c?.chainId&&f?{onClick:()=>f(c?.chainId),className:o,intent:"error",children:"Switch Network"}:{className:o,onClick:()=>w(n),children:"Mint Now"})};function Y(t){const{address:e,contract:n}=t,r=n?.chainId,o=a({chainId:r}),[c,i]=S(!0),[s,l]=S(),[u,d]=S(),h=m({address:n?.address,abi:n?.abi});return _((()=>{n||(i(!1),l(!1),d(!0)),h&&h.connect(o).balanceOf(e).then((t=>t.toNumber())).then((t=>{console.log({allow:t}),l(t),d(!t)})).catch((t=>{console.error(t),l(!1),d(!0)})).finally((()=>i(!1)))}),[e,n]),{isLoading:c,address:e,allow:s,deny:u}}const Z=({children:e,contract:r,loading:o=t("p",{children:"Loading"}),deny:c=t("p",{children:"You must own a token to view this content."})})=>{const{address:a}=i(),{isLoading:s,allow:l}=Y({address:a,contract:r});return t(n,{children:s?o:l?e:c})},$=e=>{const{className:n,contract:r}=e,{totalSupply:o}=G({contract:r});return t("span",{className:n,children:o})},q=()=>{const[t,e]=S();return u({watch:!0,onBlock:e}),t};function z(t){const{deployData:e,chainId:n}=t,r=a({chainId:n}),o=q(),[c,i]=S({gas:void 0,gasPrice:void 0,wei:void 0,eth:void 0}),s=P((t=>"function"==typeof e?e(t):e),[e]);return _((()=>{const{address:t}=K.createRandom(),e=s(r);e&&async function(t,e){const n=await t.estimateGas(e),r=await t.getGasPrice(),o=n.mul(r),c=parseFloat(M.formatUnits(o,"ether"));return{gas:n,gasPrice:r,wei:o,eth:c}}(r,{data:e,from:t}).then(i).catch((t=>{console.error("useEstimation",t)}))}),[o,r,n,s]),c}export{A as ConnectedAs,F as MintButton,Z as TokenGate,$ as TotalSupply,j as Web3Provider,z as useEstimation,L as useHybrid,G as useMinting,Y as useTokenGating};
 //# sourceMappingURL=index.js.map

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/hooks/useEstimation.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 { DeployedContract } from \"@hybrd/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\ntype MintOpts = {\n  value?: BigNumber | string\n  gasPrice?: BigNumber | number\n}\n\nexport const useMinting = (config: DeployedContract): 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    async (amount: number, opts: MintOpts = {}) => {\n      if (!contract) return\n      setMinting(true)\n\n      // For localhost, we need to set the gas price manually\n      // const gasPrice = chainId === 1337 ? await signer.getGasPrice() : null\n      const { value = BigNumber.from(\"0\"), gasPrice } = opts\n\n      return contract\n        .connect(signer)\n        .mint(amount, {\n          value,\n          gasPrice\n        })\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, chainId]\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 { DeployedContract } from \"@hybrd/types\"\n\ntype MintButtonProps = {\n  className?: string\n  contract: DeployedContract\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","import { BigNumber, ethers, Signer, utils, Wallet } from \"ethers\"\nimport { useCallback, useEffect, useState } from \"react\"\nimport { useBlockNumber, useProvider, useWebSocketProvider } from \"wagmi\"\nimport type { BytesLike, Deferrable } from \"ethers/lib/utils\"\n\ntype DataOrFn = BytesLike | ((signer: Signer) => BytesLike) | null\n\ntype Estimate = {\n  gas?: number\n  gasPrice?: number\n  wei?: number\n  eth?: number\n}\n\nconst useBlockBeat = () => {\n  const [block, setBlock] = useState<number>()\n  useBlockNumber({ watch: true, onBlock: setBlock })\n\n  return block\n}\n\ntype Opts = {\n  deployData: DataOrFn\n  chainId?: number\n}\n\nexport function useEstimation(opts: Opts) {\n  const { deployData, chainId } = opts\n  const provider = useProvider({ chainId })\n  const block = useBlockBeat()\n\n  const [estimate, setEstimate] = useState<Estimate>({\n    gas: undefined,\n    gasPrice: undefined,\n    wei: undefined,\n    eth: undefined\n  })\n\n  const buildData = useCallback(\n    (provider) => {\n      return typeof deployData === \"function\"\n        ? deployData(provider)\n        : deployData\n    },\n    [deployData]\n  )\n\n  useEffect(() => {\n    const { address: from } = Wallet.createRandom()\n    const data = buildData(provider)\n    if (!data) return\n\n    getEstimate(provider, {\n      data,\n      from\n    })\n      .then(setEstimate)\n      .catch((err) => {\n        console.error(\"useEstimation\", err)\n      })\n  }, [block, provider, chainId, buildData])\n\n  return estimate\n}\n\nasync function getEstimate(\n  provider: any,\n  tx: Deferrable<ethers.providers.TransactionRequest>\n) {\n  const gas = await provider.estimateGas(tx)\n  const gasPrice = await provider.getGasPrice()\n  const wei = gas.mul(gasPrice)\n  const eth = parseFloat(utils.formatUnits(wei, \"ether\"))\n\n  return {\n    gas,\n    gasPrice,\n    wei,\n    eth\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","alchemyProvider","apiKey","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","async","amount","opts","BigNumber","from","gasPrice","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","useBlockBeat","setBlock","watch","onBlock","useEstimation","deployData","estimate","setEstimate","gas","wei","eth","buildData","Wallet","createRandom","estimateGas","getGasPrice","mul","parseFloat","utils","formatUnits","getEstimate"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/providers/Web3Provider.tsx","../src/components/ConnectedAs.tsx","../src/hooks/internal/useEnsName.tsx","../src/hooks/useMinting.ts","../src/hooks/internal/useAsyncMemo.ts","../src/components/DefaultButton.tsx","../src/components/MintButton.tsx","../src/hooks/useTokenGating.ts","../src/components/TokenGate.tsx","../src/components/TotalSupply.tsx","../src/hooks/useEstimation.ts"],"sourcesContent":["import { configureChains, createClient, WagmiConfig, Client } from \"wagmi\"\nimport {\n  mainnet,\n  goerli,\n  localhost,\n  arbitrum,\n  arbitrumGoerli\n} from \"wagmi/chains\"\n\nimport { alchemyProvider } from \"wagmi/providers/alchemy\"\nimport { infuraProvider } from \"wagmi/providers/infura\"\nimport { publicProvider } from \"wagmi/providers/public\"\n\nimport React, { useContext, 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 withHybrid = (InputComponent, config: Config = {}) => {\n  return function WithHybrid(props) {\n    return (\n      <Web3Provider {...config}>\n        <InputComponent {...props} />\n      </Web3Provider>\n    )\n  }\n}\n\nexport function useHybrid() {\n  return useContext(Web3Context)\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, arbitrum, arbitrumGoerli, 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 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 { alchemyKey, infuraKey, publicProvider: usePublic = true } = 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  return providers\n}\n","import { etherscanAddressURL, truncateEthAddress } from \"@hybrd/utils\"\nimport clsx from \"clsx\"\nimport { useEnsName } from \"../hooks/internal\"\nimport { useAccount, useConnect, useNetwork } from \"wagmi\"\n\nexport default function ConnectedAs(props: {\n  className?: string\n  chainId?: number\n}) {\n  const { className, chainId } = props\n  const { address, isConnected } = useAccount()\n  const { connect, connectors } = useConnect()\n  const { chain: network } = useNetwork()\n  const ens = useEnsName(address)\n\n  return (\n    <p\n      className={clsx(\n        className,\n        \"text-sm text-center flex space-x-3 items-center justify-center text-gray\"\n      )}\n    >\n      {!isConnected && (\n        <button onClick={() => connect({ connector: connectors[0] })}>\n          Connect Wallet\n        </button>\n      )}\n\n      {isConnected && (\n        <span className=\"\">\n          connected as{\" \"}\n          <a\n            href={etherscanAddressURL(address, chainId || network.id)}\n            className={clsx(className, \"underline\")}\n            target=\"_blank\"\n            rel=\"noreferrer\"\n          >\n            {ens || truncateEthAddress(address as string)}\n          </a>\n        </span>\n      )}\n    </p>\n  )\n}\n","import { useProvider } from \"wagmi\"\nimport { useEffect, useState } from \"react\"\n\n/**\n * The wagmi useEnsName does not respect the chainId property.\n */\nexport function useEnsName(address: `0x${string}`) {\n  const [ens, setENS] = useState<string | null>()\n  const provider = useProvider({ chainId: 1 })\n\n  useEffect(() => {\n    if (!address) return\n    provider.lookupAddress(address).then(setENS)\n  }, [name, provider])\n\n  return ens\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 { DeployedContract } from \"@hybrd/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\ntype MintOpts = {\n  value?: BigNumber | string\n  gasPrice?: BigNumber | number\n}\n\ntype Props = {\n  contract: DeployedContract\n}\n\nexport const useMinting = (props: Props): UseMinting => {\n  const { contract: deployedContract } = props\n  const chainId = deployedContract?.chainId\n  const provider = useProvider({ chainId })\n\n  const { data: block } = useBlockNumber()\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: deployedContract?.address,\n    abi: deployedContract?.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    async (amount: number, opts: MintOpts = {}) => {\n      if (!contract) return\n      setMinting(true)\n\n      // For localhost, we need to set the gas price manually\n      // const gasPrice = chainId === 1337 ? await signer.getGasPrice() : null\n      const { value = BigNumber.from(\"0\"), gasPrice } = opts\n\n      return contract\n        .connect(signer)\n        .mint(amount, {\n          value,\n          gasPrice\n        })\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, chainId]\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 { DeployedContract } from \"@hybrd/types\"\n\ntype MintButtonProps = {\n  className?: string\n  contract: DeployedContract\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","import { DeployedContract } from \"@hybrd/types\"\nimport { BigNumber } from \"ethers\"\nimport { useEffect, useState } from \"react\"\nimport { useContract, useProvider } from \"wagmi\"\n\ntype UseTokenGating = {\n  isLoading: boolean\n  address: string\n  allow: boolean\n  deny: boolean\n}\n\nexport function useTokenGating(props: {\n  contract: DeployedContract\n  address: `0x${string}`\n}): UseTokenGating {\n  const { address, contract: deployedContract } = props\n  const chainId = deployedContract?.chainId\n  const provider = useProvider({ chainId })\n\n  const [isLoading, setLoading] = useState(true)\n  const [allow, setAllow] = useState<boolean>()\n  const [deny, setDeny] = useState<boolean>()\n\n  const contract = useContract({\n    address: deployedContract?.address,\n    abi: deployedContract?.abi\n  })\n\n  useEffect(() => {\n    if (!deployedContract) {\n      setLoading(false)\n      setAllow(false)\n      setDeny(true)\n    }\n\n    if (!contract) return\n    contract\n      .connect(provider)\n      .balanceOf(address)\n      .then((res: BigNumber) => res.toNumber())\n      // .then((bal) => bal > 0)\n      .then((allow) => {\n        console.log({ allow })\n        setAllow(allow)\n        setDeny(!allow)\n      })\n      .catch((err: Error) => {\n        console.error(err)\n        setAllow(false)\n        setDeny(true)\n      })\n      .finally(() => setLoading(false))\n  }, [address, deployedContract])\n\n  return {\n    isLoading: isLoading,\n    address,\n    allow,\n    deny\n  }\n}\n","import React from \"react\"\nimport { useAccount } from \"wagmi\"\nimport { useTokenGating } from \"../hooks/useTokenGating\"\nimport { DeployedContract } from \"@hybrd/types\"\n\ntype Props = {\n  children: React.ReactNode\n  contract: DeployedContract\n  loading?: React.ReactNode\n  deny?: React.ReactNode\n}\n\nconst TokenGate: React.FC<Props> = ({\n  children,\n  contract,\n  loading: loadingComponent = <p>Loading</p>,\n  deny: denyComponent = <p>You must own a token to view this content.</p>\n}: Props) => {\n  const { address } = useAccount()\n  const { isLoading, allow } = useTokenGating({ address, contract })\n\n  return <>{isLoading ? loadingComponent : allow ? children : denyComponent}</>\n}\n\nexport default TokenGate\n","import { useMinting } from \"../hooks/useMinting\"\nimport { DeployedContract } from \"@hybrd/types\"\n\ntype MintButtonProps = {\n  className?: string\n  contract: DeployedContract\n}\n\nconst MintButton = (props: MintButtonProps) => {\n  const { className, contract } = props\n  const { totalSupply } = useMinting({ contract })\n\n  return <span className={className}>{totalSupply}</span>\n}\n\nexport default MintButton\n","import { BigNumber, ethers, Signer, utils, Wallet } from \"ethers\"\nimport { useCallback, useEffect, useState } from \"react\"\nimport { useBlockNumber, useProvider, useWebSocketProvider } from \"wagmi\"\nimport type { BytesLike, Deferrable } from \"ethers/lib/utils\"\n\ntype DataOrFn = BytesLike | ((signer: Signer) => BytesLike) | null\n\ntype Estimate = {\n  gas?: number\n  gasPrice?: number\n  wei?: number\n  eth?: number\n}\n\nconst useBlockBeat = () => {\n  const [block, setBlock] = useState<number>()\n  useBlockNumber({ watch: true, onBlock: setBlock })\n\n  return block\n}\n\ntype Opts = {\n  deployData: DataOrFn\n  chainId?: number\n}\n\nexport function useEstimation(opts: Opts) {\n  const { deployData, chainId } = opts\n  const provider = useProvider({ chainId })\n  const block = useBlockBeat()\n\n  const [estimate, setEstimate] = useState<Estimate>({\n    gas: undefined,\n    gasPrice: undefined,\n    wei: undefined,\n    eth: undefined\n  })\n\n  const buildData = useCallback(\n    (provider) => {\n      return typeof deployData === \"function\"\n        ? deployData(provider)\n        : deployData\n    },\n    [deployData]\n  )\n\n  useEffect(() => {\n    const { address: from } = Wallet.createRandom()\n    const data = buildData(provider)\n    if (!data) return\n\n    getEstimate(provider, {\n      data,\n      from\n    })\n      .then(setEstimate)\n      .catch((err) => {\n        console.error(\"useEstimation\", err)\n      })\n  }, [block, provider, chainId, buildData])\n\n  return estimate\n}\n\nasync function getEstimate(\n  provider: any,\n  tx: Deferrable<ethers.providers.TransactionRequest>\n) {\n  const gas = await provider.estimateGas(tx)\n  const gasPrice = await provider.getGasPrice()\n  const wei = gas.mul(gasPrice)\n  const eth = parseFloat(utils.formatUnits(wei, \"ether\"))\n\n  return {\n    gas,\n    gasPrice,\n    wei,\n    eth\n  }\n}\n"],"names":["useHybrid","useContext","Web3Context","React","createContext","client","undefined","chains","provider","webSocketProvider","SUPPORTED_CHAINS","mainnet","goerli","arbitrum","arbitrumGoerli","localhost","Web3Provider","props","appName","children","keys","useMemo","configureChains","config","alchemyKey","infuraKey","publicProvider","usePublic","providers","push","alchemyProvider","apiKey","infuraProvider","buildProviders","createClient","autoConnect","contextValue","_jsx","Provider","value","WagmiConfig","ConnectedAs","className","chainId","address","isConnected","useAccount","connect","connectors","useConnect","chain","network","useNetwork","ens","setENS","useState","useProvider","useEffect","lookupAddress","then","name","useEnsName","_jsxs","clsx","onClick","connector","href","etherscanAddressURL","id","target","rel","truncateEthAddress","useMinting","contract","deployedContract","data","block","useBlockNumber","signer","useSigner","isMinting","setMinting","isSuccess","setSuccess","isError","setError","useContract","abi","totalSupply","factory","deps","initial","val","setVal","cancel","promise","catch","error","console","useAsyncMemo","res","toNumber","mint","useCallback","async","amount","opts","BigNumber","from","gasPrice","tx","wait","reciept","setTimeout","err","finally","INTENTS","default","styles","DefaultButtonBase","success","DefaultButtonSuccess","DefaultButtonError","DefaultButton","intent","disabled","DefaultButtonDisabled","MintButton","button","Button","switchNetwork","useSwitchNetwork","useTokenGating","isLoading","setLoading","allow","setAllow","deny","setDeny","balanceOf","log","TokenGate","loading","loadingComponent","denyComponent","useBlockBeat","setBlock","watch","onBlock","useEstimation","deployData","estimate","setEstimate","gas","wei","eth","buildData","Wallet","createRandom","estimateGas","getGasPrice","mul","parseFloat","utils","formatUnits","getEstimate"],"mappings":"21BAiCgBA,IACd,OAAOC,EAAWC,EACpB,CAEO,MAAMA,EAAcC,EAAMC,cAK9B,CACDC,YAAQC,EACRC,YAAQD,EACRE,cAAUF,EACVG,uBAAmBH,IAGfI,EAAmB,CAACC,EAASC,EAAQC,EAAUC,EAAgBC,GAE/D,SAAUC,EAAaC,GAC3B,MAAMC,QAAEA,EAAOC,SAAEA,KAAaC,GAASH,GAEjCV,OAAEA,EAAMC,SAAEA,EAAQC,kBAAEA,GAAsBY,GAAQ,KACtD,MAAMd,OAAEA,EAAMC,SAAEA,EAAQC,kBAAEA,GAAsBa,EAC9CZ,EA2BN,SAAwBa,GACtB,MAAMC,WAAEA,EAAUC,UAAEA,EAAWC,eAAgBC,GAAY,GAASJ,EAC9DK,EAAY,GAEdJ,GACFI,EAAUC,KACRC,EAAgB,CACdC,OAAQP,KAKVC,GACFG,EAAUC,KACRG,EAAe,CACbD,OAAQN,KAKVE,GACFC,EAAUC,KAAKH,KAGjB,OAAOE,CACT,CAnDMK,CAAeb,IAEjB,MAAO,CAAEb,SAAQC,WAAUC,oBAAmB,GAC7C,CAACW,IAEEf,EAAS6B,EAAa,CAC1BC,aAAa,EAEb3B,WACAC,sBAGI2B,EAAe,CACnB/B,SACAE,SACAC,WACAC,qBAGF,OACE4B,EAACnC,EAAYoC,SAAS,CAAAC,MAAOH,EAAYjB,SACvCkB,EAACG,EAAW,CAACnC,OAAQA,WAASc,KAGpC,CC5EwB,SAAAsB,EAAYxB,GAIlC,MAAMyB,UAAEA,EAASC,QAAEA,GAAY1B,GACzB2B,QAAEA,EAAOC,YAAEA,GAAgBC,KAC3BC,QAAEA,EAAOC,WAAEA,GAAeC,KACxBC,MAAOC,GAAYC,IACrBC,ECPF,SAAqBT,GACzB,MAAOS,EAAKC,GAAUC,IAChB/C,EAAWgD,EAAY,CAAEb,QAAS,IAOxC,OALAc,GAAU,KACHb,GACLpC,EAASkD,cAAcd,GAASe,KAAKL,EAAO,GAC3C,CAACM,KAAMpD,IAEH6C,CACT,CDHcQ,CAAWjB,GAEvB,OACEkB,EACE,IAAA,CAAApB,UAAWqB,EACTrB,EACA,4EACDvB,SAAA,EAEC0B,GACAR,EAAQ,SAAA,CAAA2B,QAAS,IAAMjB,EAAQ,CAAEkB,UAAWjB,EAAW,KAE9C7B,SAAA,mBAGV0B,GACCiB,EAAM,OAAA,CAAApB,UAAU,GAAEvB,SAAA,CAAA,eACH,IACbkB,OACE6B,KAAMC,EAAoBvB,EAASD,GAAWQ,EAAQiB,IACtD1B,UAAWqB,EAAKrB,EAAW,aAC3B2B,OAAO,SACPC,IAAI,aAEHnD,SAAAkC,GAAOkB,EAAmB3B,UAMvC,CEfa,MAAA4B,EAAcvD,IACzB,MAAQwD,SAAUC,GAAqBzD,EACjC0B,EAAU+B,GAAkB/B,QAC5BnC,EAAWgD,EAAY,CAAEb,aAEvBgC,KAAMC,GAAUC,KAChBF,KAAMG,GAAWC,EAAU,CAAEpC,aAE9BqC,EAAWC,GAAc1B,GAAkB,IAC3C2B,EAAWC,GAAc5B,GAAkB,IAC3C6B,EAASC,GAAY9B,GAAkB,GAExCkB,EAAWa,EAAY,CAC3B1C,QAAS8B,GAAkB9B,QAC3B2C,IAAKb,GAAkBa,MA0CzB,MAAO,CACLP,YACAE,YACAE,UACAI,qBC1EFC,EACAC,EACAC,GAEA,MAAOC,EAAKC,GAAUtC,EAAwBoC,GAsB9C,OApBAlC,GAAU,KACR,IAAIqC,GAAS,EACb,MAAMC,EAAUN,IAChB,GAAIM,QAYJ,OAVAA,EACGpC,MAAMiC,IACAE,GACHD,EAAOD,EACR,IAEFI,OAAOC,IACNC,QAAQD,MAAM,0BAA0BA,IAAQ,IAG7C,KACLH,GAAS,CAAI,CACd,GACAJ,GAEIE,CACT,CDI8BO,EAAa,KACvC,GAAK1B,EACL,OAAOA,EACJ1B,QAAQvC,GACRgF,cACA7B,MAAMyC,GAAmBA,EAAIC,YAAW,GAC1C,CAAC5B,EAAUG,IAsCZ0B,KApCWC,GACXC,MAAOC,EAAgBC,EAAiB,CAAA,KACtC,IAAKjC,EAAU,OACfQ,GAAW,GAIX,MAAM1C,MAAEA,EAAQoE,EAAUC,KAAK,KAAIC,SAAEA,GAAaH,EAElD,OAAOjC,EACJ1B,QAAQ+B,GACRwB,KAAKG,EAAQ,CACZlE,QACAsE,aAEDlD,MAAMmD,GAA4BA,EAAGC,SACrCpD,MAAMqD,IACL7B,GAAW,GACX8B,YAAW,IAAM9B,GAAW,IAAQ,KAC7B6B,KAERhB,OAAOkB,IACNhB,QAAQD,MAAMiB,GACd7B,GAAS,GACT4B,YAAW,IAAM5B,GAAS,IAAQ,IAAK,IAExC8B,SAAQ,IAAMlC,GAAW,IAAO,GAErC,CAACH,EAAQL,EAAU9B,IASpB,4VE/EH,MAAMyE,EAAU,CACdC,QAASC,EAAOC,kBAChBC,QAASF,EAAOG,qBAChBxB,MAAOqB,EAAOI,oBAGVC,EAAiB1G,IACrB,MAAMyB,UAEJA,EAAY4E,EAAOK,cAAaC,OAChCA,EAAS,UAAS5D,QAClBA,EAAO7C,SACPA,EAAQ0G,SACRA,GACE5G,EAEJ,OACEoB,EACE,SAAA,CAAAK,UAAWqB,EACTrB,EACA0E,EAAQQ,GACRC,GAAYP,EAAOQ,uBAErB9D,QAASA,EAER7C,SAAAA,GAEJ,EC1BG4G,EAAc9G,IAClB,MAAMwF,OACJA,EAAS,EACTuB,OAAQC,EAASN,EAAajF,UAC9BA,EAAS+B,SACTA,GACExD,GACI0D,KAAMG,GAAWC,KACnBhC,QAAEA,EAAOC,WAAEA,GAAeC,KACxBC,MAAOC,GAAYC,KACrB8E,cAAEA,GAAkBC,KAEpBnD,UAAEA,EAASE,UAAEA,EAASE,QAAEA,EAAOkB,KAAEA,GAAS9B,EAAW,CAAEC,aAE7D,GAAIO,EACF,OACE3C,EAAC4F,EAAO,CAAAJ,UAAS,EAAAnF,UAAWA,EAEnBvB,SAAA,YAIb,GAAI+D,EACF,OACE7C,EAAC4F,EAAM,CAACJ,UAAS,EAAAnF,UAAWA,EAAWkF,OAAO,UAASzG,SAAA,WAM3D,GAAIiE,EACF,OACE/C,EAAC4F,EAAM,CAACJ,UAAS,EAAAnF,UAAWA,EAAWkF,OAAO,QAAOzG,SAAA,mBAMzD,IAAK2D,EAAQ,CACX,MAAMb,EAAYjB,EAAW,GAC7B,OACEX,EAAC4F,EAAM,CAACvF,UAAWA,EAAWsB,QAAS,IAAMjB,EAAQ,CAAEkB,cAE9C9C,SAAA,kBAEZ,CAED,OAEIkB,EAAC4F,EAFD9E,GAASiB,KAAOK,GAAU9B,SAAWuF,EAGnC,CAAAlE,QAAS,IAAMkE,EAAczD,GAAU9B,SACvCD,UAAWA,EACXkF,OAAO,QAGAzG,SAAA,mBAKHuB,UAAWA,EAAWsB,QAAS,IAAMsC,EAAKG,GAAOtF,SAAA,YAG1D,EC/DG,SAAUiH,EAAenH,GAI7B,MAAM2B,QAAEA,EAAS6B,SAAUC,GAAqBzD,EAC1C0B,EAAU+B,GAAkB/B,QAC5BnC,EAAWgD,EAAY,CAAEb,aAExB0F,EAAWC,GAAc/E,GAAS,IAClCgF,EAAOC,GAAYjF,KACnBkF,EAAMC,GAAWnF,IAElBkB,EAAWa,EAAY,CAC3B1C,QAAS8B,GAAkB9B,QAC3B2C,IAAKb,GAAkBa,MA6BzB,OA1BA9B,GAAU,KACHiB,IACH4D,GAAW,GACXE,GAAS,GACTE,GAAQ,IAGLjE,GACLA,EACG1B,QAAQvC,GACRmI,UAAU/F,GACVe,MAAMyC,GAAmBA,EAAIC,aAE7B1C,MAAM4E,IACLrC,QAAQ0C,IAAI,CAAEL,UACdC,EAASD,GACTG,GAASH,EAAM,IAEhBvC,OAAOkB,IACNhB,QAAQD,MAAMiB,GACdsB,GAAS,GACTE,GAAQ,EAAK,IAEdvB,SAAQ,IAAMmB,GAAW,IAAO,GAClC,CAAC1F,EAAS8B,IAEN,CACL2D,UAAWA,EACXzF,UACA2F,QACAE,OAEJ,CCjDM,MAAAI,EAA6B,EACjC1H,WACAsD,WACAqE,QAASC,EAAmB1G,EAAA,IAAA,CAAAlB,SAAA,YAC5BsH,KAAMO,EAAgB3G,EAAA,IAAA,CAAAlB,SAAA,mDAEtB,MAAMyB,QAAEA,GAAYE,KACduF,UAAEA,EAASE,MAAEA,GAAUH,EAAe,CAAExF,UAAS6B,aAEvD,OAAOpC,cAAGgG,EAAYU,EAAmBR,EAAQpH,EAAW6H,GAAiB,ECbzEjB,EAAc9G,IAClB,MAAMyB,UAAEA,EAAS+B,SAAEA,GAAaxD,GAC1BuE,YAAEA,GAAgBhB,EAAW,CAAEC,aAErC,OAAOpC,UAAMK,UAAWA,EAAYvB,SAAAqE,GAAmB,ECEnDyD,EAAe,KACnB,MAAOrE,EAAOsE,GAAY3F,IAG1B,OAFAsB,EAAe,CAAEsE,OAAO,EAAMC,QAASF,IAEhCtE,CAAK,EAQR,SAAUyE,EAAc3C,GAC5B,MAAM4C,WAAEA,EAAU3G,QAAEA,GAAY+D,EAC1BlG,EAAWgD,EAAY,CAAEb,YACzBiC,EAAQqE,KAEPM,EAAUC,GAAejG,EAAmB,CACjDkG,SAAKnJ,EACLuG,cAAUvG,EACVoJ,SAAKpJ,EACLqJ,SAAKrJ,IAGDsJ,EAAYrD,GACf/F,GAC8B,mBAAf8I,EACVA,EAAW9I,GACX8I,GAEN,CAACA,IAkBH,OAfA7F,GAAU,KACR,MAAQb,QAASgE,GAASiD,EAAOC,eAC3BnF,EAAOiF,EAAUpJ,GAClBmE,GAeT6B,eACEhG,EACAsG,GAEA,MAAM2C,QAAYjJ,EAASuJ,YAAYjD,GACjCD,QAAiBrG,EAASwJ,cAC1BN,EAAMD,EAAIQ,IAAIpD,GACd8C,EAAMO,WAAWC,EAAMC,YAAYV,EAAK,UAE9C,MAAO,CACLD,MACA5C,WACA6C,MACAC,MAEJ,CA5BIU,CAAY7J,EAAU,CACpBmE,OACAiC,SAECjD,KAAK6F,GACLxD,OAAOkB,IACNhB,QAAQD,MAAM,gBAAiBiB,EAAI,GACnC,GACH,CAACtC,EAAOpE,EAAUmC,EAASiH,IAEvBL,CACT"}

package/dist/index.mjs

@@ -1,2 +1,2 @@
-import{jsx as t}from"react/jsx-runtime";import{configureChains as e,createClient as r,WagmiConfig as o,useBlockNumber as n,useProvider as i,useSigner as c,useContract as a,useConnect as s,useNetwork as u,useSwitchNetwork as l}from"wagmi";import{mainnet as d,goerli as m,localhost as f}from"wagmi/chains";import{alchemyProvider as h}from"wagmi/providers/alchemy";import{publicProvider as p}from"wagmi/providers/public";import v,{useMemo as B,useState as D,useEffect as b,useCallback as w}from"react";import{BigNumber as y,Wallet as P,utils as _}from"ethers";import g from"clsx";export*from"@hybrd/types";export*from"@hybrd/utils";const k=v.createContext({client:void 0,chains:void 0,provider:void 0,webSocketProvider:void 0}),N=[d,m,f];function S(n){const{appName:i,children:c,...a}=n,{chains:s,provider:u,webSocketProvider:l}=B((()=>{const{chains:t,provider:r,webSocketProvider:o}=e(N,function(t){const{alchemyKey:e,publicProvider:r=!0}=t,o=[];e&&o.push(h({apiKey:e}));r&&o.push(p());return o}(a));return{chains:t,provider:r,webSocketProvider:o}}),[a]),d=r({autoConnect:!0,provider:u,webSocketProvider:l}),m={client:d,chains:s,provider:u,webSocketProvider:l};return t(k.Provider,{value:m,children:t(o,{client:d,children:c})})}const C=t=>{const e=t?.address,r=t?.chainId,{data:o}=n(),s=i({chainId:r}),{data:u}=c({chainId:r}),[l,d]=D(!1),[m,f]=D(!1),[h,p]=D(!1),v=a({address:e,abi:t?.abi});return{isMinting:l,isSuccess:m,isError:h,totalSupply:function(t,e,r){const[o,n]=D(r);return b((()=>{let e=!1;const r=t();if(null!=r)return r.then((t=>{e||n(t)})).catch((t=>{console.error(`Error in useAsyncMemo: ${t}`)})),()=>{e=!0}}),e),o}((()=>{if(v)return v.connect(s).totalSupply().then((t=>t.toNumber()))}),[v,o]),mint:w((async(t,e={})=>{if(!v)return;d(!0);const{value:r=y.from("0"),gasPrice:o}=e;return v.connect(u).mint(t,{value:r,gasPrice:o}).then((t=>t.wait())).then((t=>(f(!0),setTimeout((()=>f(!1)),3e3),t))).catch((t=>{console.error(t),p(!0),setTimeout((()=>p(!1)),1e3)})).finally((()=>d(!1)))}),[u,v,r])}};var E={DefaultButton:"DefaultButton-module_DefaultButton__Px-Zc",DefaultButtonBase:"DefaultButton-module_DefaultButtonBase__KRytO",DefaultButtonSuccess:"DefaultButton-module_DefaultButtonSuccess__eaosU",DefaultButtonError:"DefaultButton-module_DefaultButtonError__B7CKv",DefaultButtonDisabled:"DefaultButton-module_DefaultButtonDisabled__-PIdK"};const I={default:E.DefaultButtonBase,success:E.DefaultButtonSuccess,error:E.DefaultButtonError},x=e=>{const{className:r=E.DefaultButton,intent:o="default",onClick:n,children:i,disabled:c}=e;return t("button",{className:g(r,I[o],c&&E.DefaultButtonDisabled),onClick:n,children:i})},M=e=>{const{amount:r=1,button:o=x,className:n,contract:i}=e,{data:a}=c(),{connect:d,connectors:m}=s(),{chain:f}=u(),{switchNetwork:h}=l(),{isMinting:p,isSuccess:v,isError:B,mint:D}=C(i);if(p)return t(o,{disabled:!0,className:n,children:"Minting"});if(v)return t(o,{disabled:!0,className:n,intent:"success",children:"Minted"});if(B)return t(o,{disabled:!0,className:n,intent:"error",children:"Error Occurred"});if(!a){const e=m[0];return t(o,{className:n,onClick:()=>d({connector:e}),children:"Connect Wallet"})}return t(o,f?.id!==i?.chainId&&h?{onClick:()=>h(i?.chainId),className:n,intent:"error",children:"Switch Network"}:{className:n,onClick:()=>D(r),children:"Mint Now"})},K=()=>{const[t,e]=D();return n({watch:!0,onBlock:e}),t};function G(t){const{deployData:e,chainId:r}=t,o=i({chainId:r}),n=K(),[c,a]=D({gas:void 0,gasPrice:void 0,wei:void 0,eth:void 0}),s=w((t=>"function"==typeof e?e(t):e),[e]);return b((()=>{const{address:t}=P.createRandom(),e=s(o);e&&async function(t,e){const r=await t.estimateGas(e),o=await t.getGasPrice(),n=r.mul(o),i=parseFloat(_.formatUnits(n,"ether"));return{gas:r,gasPrice:o,wei:n,eth:i}}(o,{data:e,from:t}).then(a).catch((t=>{console.error("useEstimation",t)}))}),[n,o,r,s]),c}export{M as MintButton,S as Web3Provider,G as useEstimation,C as useMinting};
+import{jsx as t,jsxs as e,Fragment as n}from"react/jsx-runtime";import{configureChains as r,createClient as o,WagmiConfig as c,useProvider as a,useAccount as i,useConnect as s,useNetwork as l,useBlockNumber as u,useSigner as d,useContract as m,useSwitchNetwork as h}from"wagmi";import{mainnet as f,goerli as p,arbitrum as v,arbitrumGoerli as b,localhost as w}from"wagmi/chains";import{alchemyProvider as y}from"wagmi/providers/alchemy";import{infuraProvider as B}from"wagmi/providers/infura";import{publicProvider as D}from"wagmi/providers/public";import g,{useContext as N,useMemo as k,useState as S,useEffect as _,useCallback as P}from"react";import{etherscanAddressURL as x,truncateEthAddress as C}from"@hybrd/utils";export*from"@hybrd/utils";import I from"clsx";import{BigNumber as E,Wallet as K,utils as M}from"ethers";export*from"@hybrd/types";function L(){return N(O)}const O=g.createContext({client:void 0,chains:void 0,provider:void 0,webSocketProvider:void 0}),T=[f,p,v,b,w];function j(e){const{appName:n,children:a,...i}=e,{chains:s,provider:l,webSocketProvider:u}=k((()=>{const{chains:t,provider:e,webSocketProvider:n}=r(T,function(t){const{alchemyKey:e,infuraKey:n,publicProvider:r=!0}=t,o=[];e&&o.push(y({apiKey:e}));n&&o.push(B({apiKey:n}));r&&o.push(D());return o}(i));return{chains:t,provider:e,webSocketProvider:n}}),[i]),d=o({autoConnect:!0,provider:l,webSocketProvider:u}),m={client:d,chains:s,provider:l,webSocketProvider:u};return t(O.Provider,{value:m,children:t(c,{client:d,children:a})})}function A(n){const{className:r,chainId:o}=n,{address:c,isConnected:u}=i(),{connect:d,connectors:m}=s(),{chain:h}=l(),f=function(t){const[e,n]=S(),r=a({chainId:1});return _((()=>{t&&r.lookupAddress(t).then(n)}),[name,r]),e}(c);return e("p",{className:I(r,"text-sm text-center flex space-x-3 items-center justify-center text-gray"),children:[!u&&t("button",{onClick:()=>d({connector:m[0]}),children:"Connect Wallet"}),u&&e("span",{className:"",children:["connected as"," ",t("a",{href:x(c,o||h.id),className:I(r,"underline"),target:"_blank",rel:"noreferrer",children:f||C(c)})]})]})}const G=t=>{const{contract:e}=t,n=e?.chainId,r=a({chainId:n}),{data:o}=u(),{data:c}=d({chainId:n}),[i,s]=S(!1),[l,h]=S(!1),[f,p]=S(!1),v=m({address:e?.address,abi:e?.abi});return{isMinting:i,isSuccess:l,isError:f,totalSupply:function(t,e,n){const[r,o]=S(n);return _((()=>{let e=!1;const n=t();if(null!=n)return n.then((t=>{e||o(t)})).catch((t=>{console.error(`Error in useAsyncMemo: ${t}`)})),()=>{e=!0}}),e),r}((()=>{if(v)return v.connect(r).totalSupply().then((t=>t.toNumber()))}),[v,o]),mint:P((async(t,e={})=>{if(!v)return;s(!0);const{value:n=E.from("0"),gasPrice:r}=e;return v.connect(c).mint(t,{value:n,gasPrice:r}).then((t=>t.wait())).then((t=>(h(!0),setTimeout((()=>h(!1)),3e3),t))).catch((t=>{console.error(t),p(!0),setTimeout((()=>p(!1)),1e3)})).finally((()=>s(!1)))}),[c,v,n])}};var R={DefaultButton:"DefaultButton-module_DefaultButton__Px-Zc",DefaultButtonBase:"DefaultButton-module_DefaultButtonBase__KRytO",DefaultButtonSuccess:"DefaultButton-module_DefaultButtonSuccess__eaosU",DefaultButtonError:"DefaultButton-module_DefaultButtonError__B7CKv",DefaultButtonDisabled:"DefaultButton-module_DefaultButtonDisabled__-PIdK"};const U={default:R.DefaultButtonBase,success:R.DefaultButtonSuccess,error:R.DefaultButtonError},W=e=>{const{className:n=R.DefaultButton,intent:r="default",onClick:o,children:c,disabled:a}=e;return t("button",{className:I(n,U[r],a&&R.DefaultButtonDisabled),onClick:o,children:c})},F=e=>{const{amount:n=1,button:r=W,className:o,contract:c}=e,{data:a}=d(),{connect:i,connectors:u}=s(),{chain:m}=l(),{switchNetwork:f}=h(),{isMinting:p,isSuccess:v,isError:b,mint:w}=G({contract:c});if(p)return t(r,{disabled:!0,className:o,children:"Minting"});if(v)return t(r,{disabled:!0,className:o,intent:"success",children:"Minted"});if(b)return t(r,{disabled:!0,className:o,intent:"error",children:"Error Occurred"});if(!a){const e=u[0];return t(r,{className:o,onClick:()=>i({connector:e}),children:"Connect Wallet"})}return t(r,m?.id!==c?.chainId&&f?{onClick:()=>f(c?.chainId),className:o,intent:"error",children:"Switch Network"}:{className:o,onClick:()=>w(n),children:"Mint Now"})};function Y(t){const{address:e,contract:n}=t,r=n?.chainId,o=a({chainId:r}),[c,i]=S(!0),[s,l]=S(),[u,d]=S(),h=m({address:n?.address,abi:n?.abi});return _((()=>{n||(i(!1),l(!1),d(!0)),h&&h.connect(o).balanceOf(e).then((t=>t.toNumber())).then((t=>{console.log({allow:t}),l(t),d(!t)})).catch((t=>{console.error(t),l(!1),d(!0)})).finally((()=>i(!1)))}),[e,n]),{isLoading:c,address:e,allow:s,deny:u}}const Z=({children:e,contract:r,loading:o=t("p",{children:"Loading"}),deny:c=t("p",{children:"You must own a token to view this content."})})=>{const{address:a}=i(),{isLoading:s,allow:l}=Y({address:a,contract:r});return t(n,{children:s?o:l?e:c})},$=e=>{const{className:n,contract:r}=e,{totalSupply:o}=G({contract:r});return t("span",{className:n,children:o})},q=()=>{const[t,e]=S();return u({watch:!0,onBlock:e}),t};function z(t){const{deployData:e,chainId:n}=t,r=a({chainId:n}),o=q(),[c,i]=S({gas:void 0,gasPrice:void 0,wei:void 0,eth:void 0}),s=P((t=>"function"==typeof e?e(t):e),[e]);return _((()=>{const{address:t}=K.createRandom(),e=s(r);e&&async function(t,e){const n=await t.estimateGas(e),r=await t.getGasPrice(),o=n.mul(r),c=parseFloat(M.formatUnits(o,"ether"));return{gas:n,gasPrice:r,wei:o,eth:c}}(r,{data:e,from:t}).then(i).catch((t=>{console.error("useEstimation",t)}))}),[o,r,n,s]),c}export{A as ConnectedAs,F as MintButton,Z as TokenGate,$ as TotalSupply,j as Web3Provider,z as useEstimation,L as useHybrid,G as useMinting,Y as useTokenGating};
 //# sourceMappingURL=index.mjs.map

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/hooks/useEstimation.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 { DeployedContract } from \"@hybrd/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\ntype MintOpts = {\n  value?: BigNumber | string\n  gasPrice?: BigNumber | number\n}\n\nexport const useMinting = (config: DeployedContract): 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    async (amount: number, opts: MintOpts = {}) => {\n      if (!contract) return\n      setMinting(true)\n\n      // For localhost, we need to set the gas price manually\n      // const gasPrice = chainId === 1337 ? await signer.getGasPrice() : null\n      const { value = BigNumber.from(\"0\"), gasPrice } = opts\n\n      return contract\n        .connect(signer)\n        .mint(amount, {\n          value,\n          gasPrice\n        })\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, chainId]\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 { DeployedContract } from \"@hybrd/types\"\n\ntype MintButtonProps = {\n  className?: string\n  contract: DeployedContract\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","import { BigNumber, ethers, Signer, utils, Wallet } from \"ethers\"\nimport { useCallback, useEffect, useState } from \"react\"\nimport { useBlockNumber, useProvider, useWebSocketProvider } from \"wagmi\"\nimport type { BytesLike, Deferrable } from \"ethers/lib/utils\"\n\ntype DataOrFn = BytesLike | ((signer: Signer) => BytesLike) | null\n\ntype Estimate = {\n  gas?: number\n  gasPrice?: number\n  wei?: number\n  eth?: number\n}\n\nconst useBlockBeat = () => {\n  const [block, setBlock] = useState<number>()\n  useBlockNumber({ watch: true, onBlock: setBlock })\n\n  return block\n}\n\ntype Opts = {\n  deployData: DataOrFn\n  chainId?: number\n}\n\nexport function useEstimation(opts: Opts) {\n  const { deployData, chainId } = opts\n  const provider = useProvider({ chainId })\n  const block = useBlockBeat()\n\n  const [estimate, setEstimate] = useState<Estimate>({\n    gas: undefined,\n    gasPrice: undefined,\n    wei: undefined,\n    eth: undefined\n  })\n\n  const buildData = useCallback(\n    (provider) => {\n      return typeof deployData === \"function\"\n        ? deployData(provider)\n        : deployData\n    },\n    [deployData]\n  )\n\n  useEffect(() => {\n    const { address: from } = Wallet.createRandom()\n    const data = buildData(provider)\n    if (!data) return\n\n    getEstimate(provider, {\n      data,\n      from\n    })\n      .then(setEstimate)\n      .catch((err) => {\n        console.error(\"useEstimation\", err)\n      })\n  }, [block, provider, chainId, buildData])\n\n  return estimate\n}\n\nasync function getEstimate(\n  provider: any,\n  tx: Deferrable<ethers.providers.TransactionRequest>\n) {\n  const gas = await provider.estimateGas(tx)\n  const gasPrice = await provider.getGasPrice()\n  const wei = gas.mul(gasPrice)\n  const eth = parseFloat(utils.formatUnits(wei, \"ether\"))\n\n  return {\n    gas,\n    gasPrice,\n    wei,\n    eth\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","alchemyProvider","apiKey","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","async","amount","opts","BigNumber","from","gasPrice","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","useBlockBeat","setBlock","watch","onBlock","useEstimation","deployData","estimate","setEstimate","gas","wei","eth","buildData","Wallet","createRandom","estimateGas","getGasPrice","mul","parseFloat","utils","formatUnits","getEstimate"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../src/providers/Web3Provider.tsx","../src/components/ConnectedAs.tsx","../src/hooks/internal/useEnsName.tsx","../src/hooks/useMinting.ts","../src/hooks/internal/useAsyncMemo.ts","../src/components/DefaultButton.tsx","../src/components/MintButton.tsx","../src/hooks/useTokenGating.ts","../src/components/TokenGate.tsx","../src/components/TotalSupply.tsx","../src/hooks/useEstimation.ts"],"sourcesContent":["import { configureChains, createClient, WagmiConfig, Client } from \"wagmi\"\nimport {\n  mainnet,\n  goerli,\n  localhost,\n  arbitrum,\n  arbitrumGoerli\n} from \"wagmi/chains\"\n\nimport { alchemyProvider } from \"wagmi/providers/alchemy\"\nimport { infuraProvider } from \"wagmi/providers/infura\"\nimport { publicProvider } from \"wagmi/providers/public\"\n\nimport React, { useContext, 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 withHybrid = (InputComponent, config: Config = {}) => {\n  return function WithHybrid(props) {\n    return (\n      <Web3Provider {...config}>\n        <InputComponent {...props} />\n      </Web3Provider>\n    )\n  }\n}\n\nexport function useHybrid() {\n  return useContext(Web3Context)\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, arbitrum, arbitrumGoerli, 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 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 { alchemyKey, infuraKey, publicProvider: usePublic = true } = 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  return providers\n}\n","import { etherscanAddressURL, truncateEthAddress } from \"@hybrd/utils\"\nimport clsx from \"clsx\"\nimport { useEnsName } from \"../hooks/internal\"\nimport { useAccount, useConnect, useNetwork } from \"wagmi\"\n\nexport default function ConnectedAs(props: {\n  className?: string\n  chainId?: number\n}) {\n  const { className, chainId } = props\n  const { address, isConnected } = useAccount()\n  const { connect, connectors } = useConnect()\n  const { chain: network } = useNetwork()\n  const ens = useEnsName(address)\n\n  return (\n    <p\n      className={clsx(\n        className,\n        \"text-sm text-center flex space-x-3 items-center justify-center text-gray\"\n      )}\n    >\n      {!isConnected && (\n        <button onClick={() => connect({ connector: connectors[0] })}>\n          Connect Wallet\n        </button>\n      )}\n\n      {isConnected && (\n        <span className=\"\">\n          connected as{\" \"}\n          <a\n            href={etherscanAddressURL(address, chainId || network.id)}\n            className={clsx(className, \"underline\")}\n            target=\"_blank\"\n            rel=\"noreferrer\"\n          >\n            {ens || truncateEthAddress(address as string)}\n          </a>\n        </span>\n      )}\n    </p>\n  )\n}\n","import { useProvider } from \"wagmi\"\nimport { useEffect, useState } from \"react\"\n\n/**\n * The wagmi useEnsName does not respect the chainId property.\n */\nexport function useEnsName(address: `0x${string}`) {\n  const [ens, setENS] = useState<string | null>()\n  const provider = useProvider({ chainId: 1 })\n\n  useEffect(() => {\n    if (!address) return\n    provider.lookupAddress(address).then(setENS)\n  }, [name, provider])\n\n  return ens\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 { DeployedContract } from \"@hybrd/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\ntype MintOpts = {\n  value?: BigNumber | string\n  gasPrice?: BigNumber | number\n}\n\ntype Props = {\n  contract: DeployedContract\n}\n\nexport const useMinting = (props: Props): UseMinting => {\n  const { contract: deployedContract } = props\n  const chainId = deployedContract?.chainId\n  const provider = useProvider({ chainId })\n\n  const { data: block } = useBlockNumber()\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: deployedContract?.address,\n    abi: deployedContract?.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    async (amount: number, opts: MintOpts = {}) => {\n      if (!contract) return\n      setMinting(true)\n\n      // For localhost, we need to set the gas price manually\n      // const gasPrice = chainId === 1337 ? await signer.getGasPrice() : null\n      const { value = BigNumber.from(\"0\"), gasPrice } = opts\n\n      return contract\n        .connect(signer)\n        .mint(amount, {\n          value,\n          gasPrice\n        })\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, chainId]\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 { DeployedContract } from \"@hybrd/types\"\n\ntype MintButtonProps = {\n  className?: string\n  contract: DeployedContract\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","import { DeployedContract } from \"@hybrd/types\"\nimport { BigNumber } from \"ethers\"\nimport { useEffect, useState } from \"react\"\nimport { useContract, useProvider } from \"wagmi\"\n\ntype UseTokenGating = {\n  isLoading: boolean\n  address: string\n  allow: boolean\n  deny: boolean\n}\n\nexport function useTokenGating(props: {\n  contract: DeployedContract\n  address: `0x${string}`\n}): UseTokenGating {\n  const { address, contract: deployedContract } = props\n  const chainId = deployedContract?.chainId\n  const provider = useProvider({ chainId })\n\n  const [isLoading, setLoading] = useState(true)\n  const [allow, setAllow] = useState<boolean>()\n  const [deny, setDeny] = useState<boolean>()\n\n  const contract = useContract({\n    address: deployedContract?.address,\n    abi: deployedContract?.abi\n  })\n\n  useEffect(() => {\n    if (!deployedContract) {\n      setLoading(false)\n      setAllow(false)\n      setDeny(true)\n    }\n\n    if (!contract) return\n    contract\n      .connect(provider)\n      .balanceOf(address)\n      .then((res: BigNumber) => res.toNumber())\n      // .then((bal) => bal > 0)\n      .then((allow) => {\n        console.log({ allow })\n        setAllow(allow)\n        setDeny(!allow)\n      })\n      .catch((err: Error) => {\n        console.error(err)\n        setAllow(false)\n        setDeny(true)\n      })\n      .finally(() => setLoading(false))\n  }, [address, deployedContract])\n\n  return {\n    isLoading: isLoading,\n    address,\n    allow,\n    deny\n  }\n}\n","import React from \"react\"\nimport { useAccount } from \"wagmi\"\nimport { useTokenGating } from \"../hooks/useTokenGating\"\nimport { DeployedContract } from \"@hybrd/types\"\n\ntype Props = {\n  children: React.ReactNode\n  contract: DeployedContract\n  loading?: React.ReactNode\n  deny?: React.ReactNode\n}\n\nconst TokenGate: React.FC<Props> = ({\n  children,\n  contract,\n  loading: loadingComponent = <p>Loading</p>,\n  deny: denyComponent = <p>You must own a token to view this content.</p>\n}: Props) => {\n  const { address } = useAccount()\n  const { isLoading, allow } = useTokenGating({ address, contract })\n\n  return <>{isLoading ? loadingComponent : allow ? children : denyComponent}</>\n}\n\nexport default TokenGate\n","import { useMinting } from \"../hooks/useMinting\"\nimport { DeployedContract } from \"@hybrd/types\"\n\ntype MintButtonProps = {\n  className?: string\n  contract: DeployedContract\n}\n\nconst MintButton = (props: MintButtonProps) => {\n  const { className, contract } = props\n  const { totalSupply } = useMinting({ contract })\n\n  return <span className={className}>{totalSupply}</span>\n}\n\nexport default MintButton\n","import { BigNumber, ethers, Signer, utils, Wallet } from \"ethers\"\nimport { useCallback, useEffect, useState } from \"react\"\nimport { useBlockNumber, useProvider, useWebSocketProvider } from \"wagmi\"\nimport type { BytesLike, Deferrable } from \"ethers/lib/utils\"\n\ntype DataOrFn = BytesLike | ((signer: Signer) => BytesLike) | null\n\ntype Estimate = {\n  gas?: number\n  gasPrice?: number\n  wei?: number\n  eth?: number\n}\n\nconst useBlockBeat = () => {\n  const [block, setBlock] = useState<number>()\n  useBlockNumber({ watch: true, onBlock: setBlock })\n\n  return block\n}\n\ntype Opts = {\n  deployData: DataOrFn\n  chainId?: number\n}\n\nexport function useEstimation(opts: Opts) {\n  const { deployData, chainId } = opts\n  const provider = useProvider({ chainId })\n  const block = useBlockBeat()\n\n  const [estimate, setEstimate] = useState<Estimate>({\n    gas: undefined,\n    gasPrice: undefined,\n    wei: undefined,\n    eth: undefined\n  })\n\n  const buildData = useCallback(\n    (provider) => {\n      return typeof deployData === \"function\"\n        ? deployData(provider)\n        : deployData\n    },\n    [deployData]\n  )\n\n  useEffect(() => {\n    const { address: from } = Wallet.createRandom()\n    const data = buildData(provider)\n    if (!data) return\n\n    getEstimate(provider, {\n      data,\n      from\n    })\n      .then(setEstimate)\n      .catch((err) => {\n        console.error(\"useEstimation\", err)\n      })\n  }, [block, provider, chainId, buildData])\n\n  return estimate\n}\n\nasync function getEstimate(\n  provider: any,\n  tx: Deferrable<ethers.providers.TransactionRequest>\n) {\n  const gas = await provider.estimateGas(tx)\n  const gasPrice = await provider.getGasPrice()\n  const wei = gas.mul(gasPrice)\n  const eth = parseFloat(utils.formatUnits(wei, \"ether\"))\n\n  return {\n    gas,\n    gasPrice,\n    wei,\n    eth\n  }\n}\n"],"names":["useHybrid","useContext","Web3Context","React","createContext","client","undefined","chains","provider","webSocketProvider","SUPPORTED_CHAINS","mainnet","goerli","arbitrum","arbitrumGoerli","localhost","Web3Provider","props","appName","children","keys","useMemo","configureChains","config","alchemyKey","infuraKey","publicProvider","usePublic","providers","push","alchemyProvider","apiKey","infuraProvider","buildProviders","createClient","autoConnect","contextValue","_jsx","Provider","value","WagmiConfig","ConnectedAs","className","chainId","address","isConnected","useAccount","connect","connectors","useConnect","chain","network","useNetwork","ens","setENS","useState","useProvider","useEffect","lookupAddress","then","name","useEnsName","_jsxs","clsx","onClick","connector","href","etherscanAddressURL","id","target","rel","truncateEthAddress","useMinting","contract","deployedContract","data","block","useBlockNumber","signer","useSigner","isMinting","setMinting","isSuccess","setSuccess","isError","setError","useContract","abi","totalSupply","factory","deps","initial","val","setVal","cancel","promise","catch","error","console","useAsyncMemo","res","toNumber","mint","useCallback","async","amount","opts","BigNumber","from","gasPrice","tx","wait","reciept","setTimeout","err","finally","INTENTS","default","styles","DefaultButtonBase","success","DefaultButtonSuccess","DefaultButtonError","DefaultButton","intent","disabled","DefaultButtonDisabled","MintButton","button","Button","switchNetwork","useSwitchNetwork","useTokenGating","isLoading","setLoading","allow","setAllow","deny","setDeny","balanceOf","log","TokenGate","loading","loadingComponent","denyComponent","useBlockBeat","setBlock","watch","onBlock","useEstimation","deployData","estimate","setEstimate","gas","wei","eth","buildData","Wallet","createRandom","estimateGas","getGasPrice","mul","parseFloat","utils","formatUnits","getEstimate"],"mappings":"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"}

package/dist/providers/Web3Provider.d.ts

@@ -4,8 +4,20 @@ import { Provider } from "@ethersproject/providers";
 type Config = {
     appName?: string;
     alchemyKey?: string;
+    infuraKey?: string;
     publicProvider?: boolean;
 };
+export declare const withHybrid: (InputComponent: any, config?: Config) => (props: any) => JSX.Element;
+export declare function useHybrid(): {
+    client: Client<import("@wagmi/core/dist/index-35b6525c").P, import("@wagmi/core/dist/index-35b6525c").W>;
+    chains: any[];
+    provider: ({ chainId }: {
+        chainId?: number;
+    }) => Provider;
+    webSocketProvider: ({ chainId }: {
+        chainId?: number;
+    }) => Provider;
+};
 export declare const Web3Context: React.Context<{
     client: Client;
     chains: any[];

package/dist/stats.html

@@ -6157,7 +6157,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.mjs","children":[{"name":"src","children":[{"name":"providers/Web3Provider.tsx","uid":"af71-27"},{"name":"hooks","children":[{"uid":"af71-29","name":"useMinting.ts"},{"name":"internal/useAsyncMemo.ts","uid":"af71-31"},{"uid":"af71-37","name":"useEstimation.ts"}]},{"name":"components","children":[{"uid":"af71-33","name":"DefaultButton.tsx"},{"uid":"af71-35","name":"MintButton.tsx"}]}]}]}],"isRoot":true},"nodeParts":{"af71-27":{"renderedLength":1731,"gzipLength":0,"brotliLength":0,"metaUid":"af71-26"},"af71-29":{"renderedLength":1747,"gzipLength":0,"brotliLength":0,"metaUid":"af71-28"},"af71-31":{"renderedLength":577,"gzipLength":0,"brotliLength":0,"metaUid":"af71-30"},"af71-33":{"renderedLength":558,"gzipLength":0,"brotliLength":0,"metaUid":"af71-32"},"af71-35":{"renderedLength":1292,"gzipLength":0,"brotliLength":0,"metaUid":"af71-34"},"af71-37":{"renderedLength":1385,"gzipLength":0,"brotliLength":0,"metaUid":"af71-36"}},"nodeMetas":{"af71-26":{"id":"/src/providers/Web3Provider.tsx","moduleParts":{"index.mjs":"af71-27"},"imported":[{"uid":"af71-43"},{"uid":"af71-44"},{"uid":"af71-45"},{"uid":"af71-46"},{"uid":"af71-47"},{"uid":"af71-48"}],"importedBy":[{"uid":"af71-38"}]},"af71-28":{"id":"/src/hooks/useMinting.ts","moduleParts":{"index.mjs":"af71-29"},"imported":[{"uid":"af71-49"},{"uid":"af71-48"},{"uid":"af71-44"},{"uid":"af71-30"}],"importedBy":[{"uid":"af71-40"},{"uid":"af71-34"}]},"af71-30":{"id":"/src/hooks/internal/useAsyncMemo.ts","moduleParts":{"index.mjs":"af71-31"},"imported":[{"uid":"af71-48"}],"importedBy":[{"uid":"af71-28"}]},"af71-32":{"id":"/src/components/DefaultButton.tsx","moduleParts":{"index.mjs":"af71-33"},"imported":[{"uid":"af71-43"},{"uid":"af71-50"},{"uid":"af71-51"}],"importedBy":[{"uid":"af71-34"}]},"af71-34":{"id":"/src/components/MintButton.tsx","moduleParts":{"index.mjs":"af71-35"},"imported":[{"uid":"af71-43"},{"uid":"af71-28"},{"uid":"af71-44"},{"uid":"af71-32"}],"importedBy":[{"uid":"af71-39"}]},"af71-36":{"id":"/src/hooks/useEstimation.ts","moduleParts":{"index.mjs":"af71-37"},"imported":[{"uid":"af71-49"},{"uid":"af71-48"},{"uid":"af71-44"}],"importedBy":[{"uid":"af71-40"}]},"af71-38":{"id":"/src/index.ts","moduleParts":{},"imported":[{"uid":"af71-26"},{"uid":"af71-39"},{"uid":"af71-40"},{"uid":"af71-41"},{"uid":"af71-42"}],"importedBy":[],"isEntry":true},"af71-39":{"id":"/src/components/index.ts","moduleParts":{},"imported":[{"uid":"af71-34"}],"importedBy":[{"uid":"af71-38"}]},"af71-40":{"id":"/src/hooks/index.ts","moduleParts":{},"imported":[{"uid":"af71-36"},{"uid":"af71-28"}],"importedBy":[{"uid":"af71-38"}]},"af71-41":{"id":"@hybrd/types","moduleParts":{},"imported":[],"importedBy":[{"uid":"af71-38"}],"isExternal":true},"af71-42":{"id":"@hybrd/utils","moduleParts":{},"imported":[],"importedBy":[{"uid":"af71-38"}],"isExternal":true},"af71-43":{"id":"react/jsx-runtime","moduleParts":{},"imported":[],"importedBy":[{"uid":"af71-26"},{"uid":"af71-34"},{"uid":"af71-32"}],"isExternal":true},"af71-44":{"id":"wagmi","moduleParts":{},"imported":[],"importedBy":[{"uid":"af71-26"},{"uid":"af71-34"},{"uid":"af71-36"},{"uid":"af71-28"}],"isExternal":true},"af71-45":{"id":"wagmi/chains","moduleParts":{},"imported":[],"importedBy":[{"uid":"af71-26"}],"isExternal":true},"af71-46":{"id":"wagmi/providers/alchemy","moduleParts":{},"imported":[],"importedBy":[{"uid":"af71-26"}],"isExternal":true},"af71-47":{"id":"wagmi/providers/public","moduleParts":{},"imported":[],"importedBy":[{"uid":"af71-26"}],"isExternal":true},"af71-48":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"af71-26"},{"uid":"af71-36"},{"uid":"af71-28"},{"uid":"af71-30"}],"isExternal":true},"af71-49":{"id":"ethers","moduleParts":{},"imported":[],"importedBy":[{"uid":"af71-36"},{"uid":"af71-28"}],"isExternal":true},"af71-50":{"id":"clsx","moduleParts":{},"imported":[],"importedBy":[{"uid":"af71-32"}],"isExternal":true},"af71-51":{"id":"/src/components/DefaultButton.module.css","moduleParts":{},"imported":[],"importedBy":[{"uid":"af71-32"}]}},"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":"4488-1"},{"name":"components","children":[{"uid":"4488-3","name":"ConnectedAs.tsx"},{"uid":"4488-11","name":"DefaultButton.tsx"},{"uid":"4488-13","name":"MintButton.tsx"},{"uid":"4488-17","name":"TokenGate.tsx"},{"uid":"4488-19","name":"TotalSupply.tsx"}]},{"name":"hooks","children":[{"name":"internal","children":[{"uid":"4488-5","name":"useEnsName.tsx"},{"uid":"4488-9","name":"useAsyncMemo.ts"}]},{"uid":"4488-7","name":"useMinting.ts"},{"uid":"4488-15","name":"useTokenGating.ts"},{"uid":"4488-21","name":"useEstimation.ts"}]}]}]}],"isRoot":true},"nodeParts":{"4488-1":{"renderedLength":1462,"gzipLength":0,"brotliLength":0,"metaUid":"4488-0"},"4488-3":{"renderedLength":799,"gzipLength":0,"brotliLength":0,"metaUid":"4488-2"},"4488-5":{"renderedLength":351,"gzipLength":0,"brotliLength":0,"metaUid":"4488-4"},"4488-7":{"renderedLength":1806,"gzipLength":0,"brotliLength":0,"metaUid":"4488-6"},"4488-9":{"renderedLength":577,"gzipLength":0,"brotliLength":0,"metaUid":"4488-8"},"4488-11":{"renderedLength":558,"gzipLength":0,"brotliLength":0,"metaUid":"4488-10"},"4488-13":{"renderedLength":1298,"gzipLength":0,"brotliLength":0,"metaUid":"4488-12"},"4488-15":{"renderedLength":1244,"gzipLength":0,"brotliLength":0,"metaUid":"4488-14"},"4488-17":{"renderedLength":420,"gzipLength":0,"brotliLength":0,"metaUid":"4488-16"},"4488-19":{"renderedLength":204,"gzipLength":0,"brotliLength":0,"metaUid":"4488-18"},"4488-21":{"renderedLength":1385,"gzipLength":0,"brotliLength":0,"metaUid":"4488-20"}},"nodeMetas":{"4488-0":{"id":"/src/providers/Web3Provider.tsx","moduleParts":{"index.js":"4488-1"},"imported":[{"uid":"4488-27"},{"uid":"4488-28"},{"uid":"4488-29"},{"uid":"4488-30"},{"uid":"4488-31"},{"uid":"4488-32"},{"uid":"4488-33"}],"importedBy":[{"uid":"4488-22"},{"uid":"4488-37"}]},"4488-2":{"id":"/src/components/ConnectedAs.tsx","moduleParts":{"index.js":"4488-3"},"imported":[{"uid":"4488-27"},{"uid":"4488-26"},{"uid":"4488-34"},{"uid":"4488-35"},{"uid":"4488-28"}],"importedBy":[{"uid":"4488-23"}]},"4488-4":{"id":"/src/hooks/internal/useEnsName.tsx","moduleParts":{"index.js":"4488-5"},"imported":[{"uid":"4488-28"},{"uid":"4488-33"}],"importedBy":[{"uid":"4488-35"}]},"4488-6":{"id":"/src/hooks/useMinting.ts","moduleParts":{"index.js":"4488-7"},"imported":[{"uid":"4488-36"},{"uid":"4488-33"},{"uid":"4488-28"},{"uid":"4488-8"}],"importedBy":[{"uid":"4488-24"},{"uid":"4488-12"},{"uid":"4488-18"}]},"4488-8":{"id":"/src/hooks/internal/useAsyncMemo.ts","moduleParts":{"index.js":"4488-9"},"imported":[{"uid":"4488-33"}],"importedBy":[{"uid":"4488-6"},{"uid":"4488-35"}]},"4488-10":{"id":"/src/components/DefaultButton.tsx","moduleParts":{"index.js":"4488-11"},"imported":[{"uid":"4488-27"},{"uid":"4488-34"},{"uid":"4488-38"}],"importedBy":[{"uid":"4488-12"}]},"4488-12":{"id":"/src/components/MintButton.tsx","moduleParts":{"index.js":"4488-13"},"imported":[{"uid":"4488-27"},{"uid":"4488-6"},{"uid":"4488-28"},{"uid":"4488-10"}],"importedBy":[{"uid":"4488-23"}]},"4488-14":{"id":"/src/hooks/useTokenGating.ts","moduleParts":{"index.js":"4488-15"},"imported":[{"uid":"4488-33"},{"uid":"4488-28"}],"importedBy":[{"uid":"4488-24"},{"uid":"4488-16"}]},"4488-16":{"id":"/src/components/TokenGate.tsx","moduleParts":{"index.js":"4488-17"},"imported":[{"uid":"4488-27"},{"uid":"4488-28"},{"uid":"4488-14"}],"importedBy":[{"uid":"4488-23"}]},"4488-18":{"id":"/src/components/TotalSupply.tsx","moduleParts":{"index.js":"4488-19"},"imported":[{"uid":"4488-27"},{"uid":"4488-6"}],"importedBy":[{"uid":"4488-23"}]},"4488-20":{"id":"/src/hooks/useEstimation.ts","moduleParts":{"index.js":"4488-21"},"imported":[{"uid":"4488-36"},{"uid":"4488-33"},{"uid":"4488-28"}],"importedBy":[{"uid":"4488-24"}]},"4488-22":{"id":"/src/index.ts","moduleParts":{},"imported":[{"uid":"4488-0"},{"uid":"4488-23"},{"uid":"4488-24"},{"uid":"4488-25"},{"uid":"4488-26"}],"importedBy":[],"isEntry":true},"4488-23":{"id":"/src/components/index.ts","moduleParts":{},"imported":[{"uid":"4488-2"},{"uid":"4488-12"},{"uid":"4488-16"},{"uid":"4488-18"}],"importedBy":[{"uid":"4488-22"}]},"4488-24":{"id":"/src/hooks/index.ts","moduleParts":{},"imported":[{"uid":"4488-20"},{"uid":"4488-6"},{"uid":"4488-14"}],"importedBy":[{"uid":"4488-22"}]},"4488-25":{"id":"@hybrd/types","moduleParts":{},"imported":[],"importedBy":[{"uid":"4488-22"}],"isExternal":true},"4488-26":{"id":"@hybrd/utils","moduleParts":{},"imported":[],"importedBy":[{"uid":"4488-22"},{"uid":"4488-2"}],"isExternal":true},"4488-27":{"id":"react/jsx-runtime","moduleParts":{},"imported":[],"importedBy":[{"uid":"4488-0"},{"uid":"4488-2"},{"uid":"4488-12"},{"uid":"4488-16"},{"uid":"4488-18"},{"uid":"4488-10"}],"isExternal":true},"4488-28":{"id":"wagmi","moduleParts":{},"imported":[],"importedBy":[{"uid":"4488-0"},{"uid":"4488-2"},{"uid":"4488-12"},{"uid":"4488-16"},{"uid":"4488-20"},{"uid":"4488-6"},{"uid":"4488-14"},{"uid":"4488-4"}],"isExternal":true},"4488-29":{"id":"wagmi/chains","moduleParts":{},"imported":[],"importedBy":[{"uid":"4488-0"}],"isExternal":true},"4488-30":{"id":"wagmi/providers/alchemy","moduleParts":{},"imported":[],"importedBy":[{"uid":"4488-0"}],"isExternal":true},"4488-31":{"id":"wagmi/providers/infura","moduleParts":{},"imported":[],"importedBy":[{"uid":"4488-0"}],"isExternal":true},"4488-32":{"id":"wagmi/providers/public","moduleParts":{},"imported":[],"importedBy":[{"uid":"4488-0"}],"isExternal":true},"4488-33":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"4488-0"},{"uid":"4488-20"},{"uid":"4488-6"},{"uid":"4488-14"},{"uid":"4488-8"},{"uid":"4488-37"},{"uid":"4488-4"}],"isExternal":true},"4488-34":{"id":"clsx","moduleParts":{},"imported":[],"importedBy":[{"uid":"4488-2"},{"uid":"4488-10"}],"isExternal":true},"4488-35":{"id":"/src/hooks/internal/index.ts","moduleParts":{},"imported":[{"uid":"4488-8"},{"uid":"4488-37"},{"uid":"4488-4"}],"importedBy":[{"uid":"4488-2"}]},"4488-36":{"id":"ethers","moduleParts":{},"imported":[],"importedBy":[{"uid":"4488-20"},{"uid":"4488-6"}],"isExternal":true},"4488-37":{"id":"/src/hooks/internal/useContext.ts","moduleParts":{},"imported":[{"uid":"4488-33"},{"uid":"4488-0"}],"importedBy":[{"uid":"4488-35"}]},"4488-38":{"id":"/src/components/DefaultButton.module.css","moduleParts":{},"imported":[],"importedBy":[{"uid":"4488-10"}]}},"env":{"rollup":"3.19.1"},"options":{"gzip":false,"brotli":false,"sourcemap":true}};
 
     const run = () => {
       const width = window.innerWidth;
@@ -6175,3 +6175,9 @@ var drawChart = (function (exports) {
 </body>
 </html>
 
+OMContentLoaded', run);
+    /*-->*/
+  </script>
+</body>
+</html>
+

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "hybrid",
   "author": "IanH <ian@ianh.xyz>",
-  "version": "0.3.11",
+  "version": "0.4.0",
   "description": "Solidity + TypeScript Framework for Web3 Development",
   "keywords": [
     "hybrid",
@@ -60,10 +60,10 @@
   },
   "dependencies": {
     "@ethersproject/providers": "^5.7.1",
-    "@hybrd/cli": "^0.3.11",
-    "@hybrd/contracts": "^0.3.11",
-    "@hybrd/types": "^0.3.11",
-    "@hybrd/utils": "^0.3.11",
+    "@hybrd/cli": "^0.4.0",
+    "@hybrd/contracts": "^0.4.0",
+    "@hybrd/types": "^0.4.0",
+    "@hybrd/utils": "^0.4.0",
     "abitype": "^0.7.1",
     "axios": "^1.2.2",
     "clsx": "^1.2.1",
@@ -116,5 +116,5 @@
     "react-dom": ">=17",
     "wagmi": "^0.6.0"
   },
-  "gitHead": "abe0a17c24b509a64c49cfdb18256a6b02a8ce5e"
+  "gitHead": "e22d81d67d0a5603c449809f3d80774528d717fc"
 }