{"version":3,"sources":["access/connectWallet.jsx","access/connectNFT.jsx"],"names":["greenIcon","process","loaderIcon","withRouter","connect","state","getUser","dispatch","connectNFT","data","callback","props","errors","setErrors","React","useState","signMessage","setSignMessage","loadingWallet","setLoadingWallet","connectedWallet","setConnectedWallet","activate","library","account","active","deactivate","error","useWeb3React","setProvider","type","window","localStorage","setItem","useEffect","async","getSignature","signMessages","clearData","showPopup","walletAddress","res","status","contractAddress","location","href","_res$data","message","togglePopup","code","open","removeItem","activating","params","themeMode","getCookie","_jsxs","_Fragment","children","_jsx","ErrorPopup","setError","title","Modal","className","concat","id","centered","tabindex","show","onHide","contentClassName","onClick","src","alt","isMobile","e","preventDefault","connectors","injected","name","checked","for","coinbaseWallet","walletConnect","togglePopupRedux","_ref","showConnectWallet","setShowConnectWallet","target","rel","ConnectPopup"],"mappings":"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","file":"static/js/39.f5084fb6.chunk.js","sourcesContent":["import React, { useEffect } from \"react\";\nimport { Modal } from \"react-bootstrap\";\nimport { getCookie } from \"../utils/cookiesUtilities\";\nimport { useWeb3React } from \"@web3-react/core\";\nimport { connectors } from \"../web3/connectors\";\nimport ErrorPopup from \"../common/errorPopup\";\nimport { getUser, connectNFT } from \"../store/user\";\nimport { withRouter } from \"../utils/withRouter\";\nimport { connect } from \"react-redux\";\nimport { isMobile } from \"react-device-detect\";\n\n//  Images\nconst logo = process.env.REACT_APP_WEBSITE_ASSETS_URL + \"images/bgNewLogo.svg\";\nconst wallet1 = process.env.REACT_APP_WEBSITE_ASSETS_URL + \"images/wallet-type-1.png\";\nconst wallet2 = process.env.REACT_APP_WEBSITE_ASSETS_URL + \"images/wallet-type-2.png\";\nconst wallet3 = process.env.REACT_APP_WEBSITE_ASSETS_URL + \"images/wallet-type-3.png\";\nconst greenIcon = process.env.REACT_APP_WEBSITE_ASSETS_URL + \"images/green-check-icon.svg\";\nconst closeIcon = process.env.REACT_APP_WEBSITE_ASSETS_URL + \"images/close-icon.svg\";\nconst loaderIcon = process.env.REACT_APP_WEBSITE_ASSETS_URL + \"images/loader-svg.svg\";\n\nconst ConnectPopup = (props) => {\n  const [errors, setErrors] = React.useState(false);\n  const [signMessage, setSignMessage] = React.useState(true);\n  const [loadingWallet, setLoadingWallet] = React.useState(\"\");\n  const [connectedWallet, setConnectedWallet] = React.useState(\"\");\n  const { activate, library, account, active, deactivate, error } = useWeb3React();\n  const setProvider = (type) => {\n    window.localStorage.setItem(\"provider\", type);\n  };\n  useEffect(() => {\n    if (account) {\n      async function getSignature() {\n        if (!signMessage) await signMessages();\n      }\n      getSignature();\n    }\n  }, [active]);\n  useEffect(() => {\n    clearData();\n  }, [props.showPopup]);\n  const clearData = () => {\n    setLoadingWallet(\"\");\n    setConnectedWallet(\"\");\n    setSignMessage(false);\n  };\n  const signMessages = async () => {\n    if (!library) return;\n    try {\n      props.connectNFT(\n        {\n          walletAddress: account,\n        },\n        (res) => {\n          if (res.status === 200) {\n            setConnectedWallet(loadingWallet);\n            setLoadingWallet(\"\");\n            localStorage.setItem(\"siteAccessAllow\", true);\n            localStorage.setItem(\"addr\", res.data.contractAddress);\n            window.location.href = \"/\";\n          } else {\n            deactivate();\n            if (res.status === 403) {\n              window.location.href = \"/connect-error\";\n            } else {\n              setErrors(res.data?.message);\n              props.togglePopup(false);\n            }\n            setLoadingWallet(\"\");\n          }\n        },\n      );\n    } catch (error) {\n      props.togglePopup(false);\n      setErrors(error.message);\n      if (error.code === 403) {\n        window.location.href = \"/connect-error\";\n      }\n      setLoadingWallet(\"\");\n      deactivate();\n    }\n  };\n\n  useEffect(() => {\n    if (error) {\n      setLoadingWallet(\"\");\n      if (error.message === \"No Ethereum provider was found on window.ethereum.\")\n        return window.open(\"https://metamask.app.link/dapp/\" + process.env.REACT_APP_SITE_URL, \"_blank\");\n      setErrors(\n        error.message === \"No Ethereum provider was found on window.ethereum.\"\n          ? \"Please install metamask extension first. \"\n          : error.message,\n      );\n      props.togglePopup(false);\n      if (error.code === 403) window.location.href = \"/connect-error\";\n\n      props.togglePopup(false);\n      localStorage.removeItem(\"provider\");\n    }\n  }, [error]);\n\n  const activating = (params) => {\n    try {\n      activate(params);\n    } catch (error) {}\n  };\n\n  const themeMode = getCookie(\"themeMode\");\n  return (\n    <>\n      {errors && (\n        <ErrorPopup error={errors} setError={setErrors} title={`<div className=\"cm-text\">Something went wrong</div>`} />\n      )}\n      <Modal\n        className={`modal left fade dark-modal custom-modal ${themeMode === \"dark\" && \"dark-modal\"}`}\n        id={themeMode === \"dark\" ? \"connectWalletModal\" : \"lightconnectWalletModal\"}\n        centered\n        tabindex=\"-1\"\n        show={props.showPopup}\n        onHide={() => props.togglePopup(false)}\n        contentClassName=\"justify-content-center\"\n      >\n        <div\n          className=\"modal-close-btn position-absolute d-flex\"\n          data-bs-dismiss=\"modal\"\n          onClick={() => props.togglePopup(false)}\n        >\n          <img src={closeIcon} alt=\"\" />\n        </div>\n        <div className=\"content-modal-box hide-scrollbar position-relative text-center m-0\">\n          <div className=\"content-modal-header\">\n            <img className=\"content-modal-logo\" src={logo} alt=\"\" />\n            <h5>Connect Wallet</h5>\n            <p>Choose how you want to connect</p>\n          </div>\n          {!isMobile && (\n            <div className=\"form-group\">\n              <div\n                className=\"fg-radio-group position-relative\"\n                onClick={(e) => {\n                  if (connectedWallet) return;\n                  e.preventDefault();\n                  setSignMessage(false);\n                  activating(connectors.injected);\n                  setProvider(\"injected\");\n                  setLoadingWallet(\"injected\");\n                }}\n              >\n                <div className=\"form-check-group-outer\">\n                  <div className=\"form-check position-relative d-flex\">\n                    <input\n                      className=\"form-check-input\"\n                      type=\"radio\"\n                      name=\"walletRadio1\"\n                      key={loadingWallet + \"1\"}\n                      id=\"flexRadioDefault1\"\n                      checked={loadingWallet === \"injected\" || connectedWallet === \"injected\"}\n                    />\n                    <label className=\"form-check-label wallet-label\" for=\"flexRadioDefault1\">\n                      <img className=\"wallet-icon\" src={wallet1} alt=\"\" />\n                      <h5>Metamask</h5>\n                      <p>{connectedWallet === \"injected\" ? \"Connected\" : \"Click to connect\"}</p>\n                    </label>\n\n                    {connectedWallet === \"injected\" ? (\n                      <img className=\"wallet-connect-icon d-block\" src={greenIcon} alt=\"\" />\n                    ) : (\n                      <img className=\"loading__icon top-32 fa-spin\" src={loaderIcon} alt=\"\" />\n                    )}\n                  </div>\n                </div>\n              </div>\n            </div>\n          )}\n          <div className=\"form-group\">\n            <div\n              className=\"fg-radio-group position-relative\"\n              onClick={(e) => {\n                e.preventDefault();\n                if (connectedWallet) return;\n                setLoadingWallet(\"coinbaseWallet\");\n                setSignMessage(false);\n                activating(connectors.coinbaseWallet);\n                setProvider(\"coinbaseWallet\");\n              }}\n            >\n              <div className=\"form-check-group-outer\">\n                <div className=\"form-check position-relative d-flex\">\n                  <input\n                    className=\"form-check-input\"\n                    type=\"radio\"\n                    name=\"walletRadio2\"\n                    key={loadingWallet + \"2\"}\n                    id=\"flexRadioDefault2\"\n                    checked={loadingWallet === \"coinbaseWallet\" || connectedWallet === \"coinbaseWallet\"}\n                  />\n                  <label className=\"form-check-label wallet-label\" for=\"flexRadioDefault2\">\n                    <img className=\"wallet-icon\" src={wallet2} alt=\"\" />\n                    <h5>Coinbase Wallet</h5>\n                    <p>{connectedWallet === \"coinbaseWallet\" ? \"Connected\" : \"Click to connect\"}</p>\n                  </label>\n                  {connectedWallet === \"coinbaseWallet\" ? (\n                    <img className=\"wallet-connect-icon d-block\" src={greenIcon} alt=\"\" />\n                  ) : (\n                    <img className=\"loading__icon top-32 fa-spin\" src={loaderIcon} alt=\"\" />\n                  )}\n                </div>\n              </div>\n            </div>\n          </div>\n          <div className=\"form-group\">\n            <div\n              className=\"fg-radio-group position-relative\"\n              onClick={(e) => {\n                e.preventDefault();\n                if (connectedWallet) return;\n                setLoadingWallet(\"walletConnect\");\n                setSignMessage(false);\n                activating(connectors.walletConnect);\n                setProvider(\"walletConnect\");\n              }}\n            >\n              <div className=\"form-check-group-outer\">\n                <div className=\"form-check position-relative d-flex\">\n                  <input\n                    className=\"form-check-input\"\n                    type=\"radio\"\n                    name=\"walletRadio3\"\n                    key={loadingWallet + \"3\"}\n                    id=\"flexRadioDefault3\"\n                    checked={loadingWallet === \"walletConnect\" || connectedWallet === \"walletConnect\"}\n                  />\n                  <label className=\"form-check-label wallet-label\" for=\"flexRadioDefault3\">\n                    <img className=\"wallet-icon\" src={wallet3} alt=\"\" />\n                    <h5>Wallet Connect</h5>\n                    <p>{connectedWallet === \"walletConnect\" ? \"Connected\" : \"Click to connect\"}</p>\n                  </label>\n                  {connectedWallet === \"walletConnect\" ? (\n                    <img className=\"wallet-connect-icon d-block\" src={greenIcon} alt=\"\" />\n                  ) : (\n                    <img className=\"loading__icon top-32 fa-spin\" src={loaderIcon} alt=\"\" />\n                  )}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Modal>\n    </>\n  );\n};\n\nconst mapDispatchToProps = (dispatch) => ({\n  connectNFT: (data, callback) => dispatch(connectNFT(data, callback)),\n});\nconst mapStateToProps = (state) => ({\n  getUser: getUser(state),\n});\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(ConnectPopup));\n","import React from \"react\";\n\nimport { getCookie } from \"../utils/cookiesUtilities\";\nimport ErrorPopup from \"../common/errorPopup\";\nimport { useEffect } from \"react\";\nimport { getUser, togglePopupRedux } from \"../store/user\";\nimport { connect } from \"react-redux\";\nimport { withRouter } from \"../utils/withRouter\";\nimport ConnectPopup from \"./connectWallet\";\n\nconst openSeaIcon = process.env.REACT_APP_WEBSITE_ASSETS_URL + \"images/op-icon-1.svg\";\nconst blueArrow = process.env.REACT_APP_WEBSITE_ASSETS_URL + \"images/border-chevron-icon.svg\";\nconst whiteLogo = process.env.REACT_APP_WEBSITE_ASSETS_URL + \"images/white-logo-burnghost.svg\";\nconst darkLogo = process.env.REACT_APP_WEBSITE_ASSETS_URL + \"images/burnGhost-White-logo.svg\";\n\nconst LoginAccess = ({ togglePopupRedux }) => {\n  useEffect(() => {\n    if (process.env.REACT_APP_RESTRICT_ACCESS !== \"1\") {\n      if (\"undefined\" != typeof window) window.location.href = \"/\";\n    }\n  }, []);\n  const themeMode = getCookie(\"themeMode\");\n  const [showConnectWallet, setShowConnectWallet] = React.useState(false);\n  const [error, setError] = React.useState(\"\");\n\n  return (\n    <>\n      <div className={` ${themeMode !== \"dark\" ? \"grey\" : \"dark\"}-bg`}>\n        <div className=\"member-container w-100 vh-100 d-flex flex-column align-items-center justify-content-center\">\n          <div className=\"member-content-box d-flex flex-column align-items-center justify-content-center text-center\">\n            <div className=\"member-logo mx-auto\">\n              <img className=\"w-100 h-100\" src={themeMode !== \"dark\" ? darkLogo : whiteLogo} alt=\"\" />\n            </div>\n            <h1>WELCOME TO BURN GHOST</h1>\n            <h4>EARLY ACCESS ONLY - GENESIS PASS REQUIRED FOR ENTRY</h4>\n            <div className=\"member-form-block text-start\">\n              <button\n                onClick={() => {\n                  setShowConnectWallet(true);\n                }}\n                className={\"btn btn-default btn-block common-btn-gradient\"}\n              >\n                CONNECT\n              </button>\n            </div>\n          </div>\n          <div className=\"member-form-block d-flex justify-content-center\">\n            <a\n              href={`https://opensea.io/collection/burn-ghost-genesis-pass`}\n              target=\"_blank\"\n              rel=\"noreferrer\"\n              className=\"btn-blue-block btn-blue-block-2 d-flex align-items-center\"\n            >\n              <img className=\"icon__2\" src={openSeaIcon} alt=\"\" />\n              <span>GENESIS PASS ON OPENSEA</span>\n              <img className=\"icon__1\" src={blueArrow} alt=\"\" />\n            </a>\n          </div>\n        </div>\n        <ErrorPopup\n          error={error}\n          setError={setError}\n          title={`<div className=\"cm-text\">Something went wrong<span></span></div>`}\n        />\n      </div>\n      <ConnectPopup\n        togglePopup={() => {\n          setShowConnectWallet(false);\n        }}\n        showPopup={showConnectWallet}\n        type=\"connect\"\n      />\n    </>\n  );\n};\nconst mapDispatchToProps = (dispatch) => ({\n  togglePopupRedux: (data) => dispatch(togglePopupRedux(data)),\n});\nconst mapStateToProps = (state) => ({\n  getUser: getUser(state),\n});\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(LoginAccess));\n"],"sourceRoot":""}