{"version":3,"sources":["common/dailyCredits/dailyCredit.jsx"],"names":["lottieRef","createRef","withRouter","connect","state","getUser","dispatch","loadProfileData","callback","loadProfile","redeemCreditApi","redeemCredit","_ref","router","error","setError","useState","loading","setLoading","proccessed","setProccessed","showModal","setShowModal","showConfetti","setShowConfetti","credits","setCredits","themeMode","getCookie","profile","useEffect","dailyCreditAvailable","res","status","_jsxs","_Fragment","children","_jsx","Modal","className","concat","id","dialogClassName","centered","show","onHide","contentClassName","src","process","alt","style","zIndex","Lottie","background","speed","loop","play","ref","animationData","ConfettiJSON","href","onClick","e","preventDefault","data","rewardToken","setTimeout","message","ErrorPopup","title"],"mappings":"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","file":"static/js/32.bdaaeb38.chunk.js","sourcesContent":["//  Buy Credits Modal\nimport React, { useEffect, useState } from \"react\";\nimport { Modal } from \"react-bootstrap\";\nimport { getCookie } from \"../../utils/cookiesUtilities\";\nimport { getUser, loadProfile, redeemCredit } from \"../../store/user\";\nimport { withRouter } from \"../../utils/withRouter\";\nimport { connect } from \"react-redux\";\nimport ErrorPopup from \"../errorPopup\";\nimport ConfettiJSON from \"../../include/confetti.json\";\nimport Lottie from \"react-lottie-player\";\nimport { createRef } from \"react\";\n\nconst lottieRef = createRef(null);\n\n//Images\nconst image01 = process.env.REACT_APP_WEBSITE_ASSETS_URL + \"images/credit-icon.svg\";\nconst image02 = process.env.REACT_APP_WEBSITE_ASSETS_URL + \"images/crediticon.png\";\nconst image03 = process.env.REACT_APP_WEBSITE_ASSETS_URL + \"images/contest-1.png\";\n\nconst DailyCredit = ({ getUser, redeemCreditApi, loadProfileData, router }) => {\n  const [error, setError] = useState(false);\n  const [loading, setLoading] = useState(false);\n  const [proccessed, setProccessed] = useState(false);\n  const [showModal, setShowModal] = useState(false);\n  const [showConfetti, setShowConfetti] = useState(false);\n  const [credits, setCredits] = useState(0);\n  const themeMode = getCookie(\"themeMode\");\n\n  const { profile } = getUser;\n\n  const redeemCreditHandler = () => {\n    setLoading(true);\n    redeemCreditApi((res) => {\n      setLoading(false);\n      if (res.status === 200) {\n        setCredits(res.data.dailyCreditAvailable.rewardToken);\n        setProccessed(true);\n        setTimeout(() => {\n          setShowConfetti(true);\n        }, 500);\n        setTimeout(() => {\n          setShowConfetti(false);\n        }, 3500);\n        loadProfileData();\n      } else {\n        setError(res.data.message);\n      }\n    });\n  };\n\n  useEffect(() => {\n    if (profile.dailyCreditAvailable && !proccessed) {\n      loadProfileData((res) => {\n        if (res.status === 200) {\n          // if (res.data.dailyCreditAvailable) {\n          //   setShowModal(true);\n          // }\n        }\n      });\n    }\n  }, [profile.dailyCreditAvailable]);\n\n  return (\n    <>\n      <Modal\n        className={`modal fade custom-modal ${themeMode === \"dark\" && \"dark-modal\"}`}\n        id=\"dailyCreditsRenewal\"\n        dialogClassName=\"modal-sm\"\n        centered\n        show={showModal}\n        onHide={null}\n        contentClassName=\"daily-credits-content\"\n      >\n        <>\n          <div className=\"modal-content-box position-relative text-center\">\n            {!proccessed ? (\n              <div className=\"modal-content-header\">\n                <div className=\"content-header-title text-uppercase\">DAILY CREDITS RENEWAL</div>\n                <div className=\"content-header-subtitle text-uppercase\">COLLECT FREE CREDITS EVERY 24 HOURS</div>\n              </div>\n            ) : (\n              <div className=\"modal-content-header\">\n                <div className=\"content-header-title\">YOU’RE READY TO WIN</div>\n                <div className=\"content-header-subtitle\">YOUR CREDITS HAVE BEEN DELIVERED</div>\n              </div>\n            )}\n\n            <div className=\"modal-content-body\">\n              <div className=\"modal-content-wrapper p-0\">\n                <div\n                  className={\n                    !proccessed\n                      ? \"cradit-coin-widget p-0 border-radius-40 overflow-hidden text-uppercase onHoverBorder\"\n                      : \"cradit-coin-widget p-0 border-radius-40 overflow-hidden text-uppercase \"\n                  }\n                >\n                  <div className=\"cradit-coin-widget-inside w-100 h-100 d-flex flex-column border-radius-40 overflow-hidden\">\n                    <div className=\"cradit-coin-widget-upper w-100 h-100 d-flex flex-column border-radius-40 overflow-hidden position-relative\">\n                      <div className=\"fs-credit-label position-absolute d-flex align-items-center justify-content-center\">\n                        <span className=\"w-100\">FREE CREDITS</span>\n                      </div>\n                      <div className=\"cradit-coin-widget-upper-content position-relative w-100 h-100 d-flex flex-column border-radius-40 overflow-hidden\">\n                        <div className=\"cradit-coin-widget-img\">\n                          <img src={proccessed ? image03 : image02} alt=\"\" />\n                        </div>\n                      </div>\n                    </div>\n                    <div className=\"cradit-coin-widget-lower\">\n                      <div className=\"mct-credit-count\">\n                        <img src={image01} alt=\"\" /> {profile.dailyCreditAvailable || credits} CREDITS\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div className=\"modal-content-text-mid\">\n                  <p>\n                    {!proccessed\n                      ? \"Collect your credits and play to win! You’re on your way to getting awesome stuff!\"\n                      : \"Time to start playing - your credits don’t expire but they do renew everyday. Don’t forget to stockup every 24 Hours!\"}\n                  </p>\n                </div>\n                {showConfetti && (\n                  <div\n                    className={`lottie-player-fixed\n                      ${!showConfetti && \"d-none\"}`}\n                    style={{ zIndex: 999992 }}\n                  >\n                    <Lottie\n                      background=\"transparent\"\n                      speed=\"0.9\"\n                      loop={false}\n                      play\n                      ref={lottieRef}\n                      animationData={ConfettiJSON}\n                    />\n                  </div>\n                )}\n                {loading ? (\n                  <div className=\"progress-row\">\n                    <div className=\"progress-loader rounded-pill position-relative\">\n                      <span className=\"loader-bar rounded-pill\"></span>\n                    </div>\n                    <div className=\"progress-text\">{\"Loading...\"}</div>\n                  </div>\n                ) : (\n                  <div className=\"modal-button-row position-relative\" style={{ zIndex: 999999 }}>\n                    {!proccessed ? (\n                      <a\n                        href=\"#!\"\n                        onClick={(e) => {\n                          e.preventDefault();\n                          redeemCreditHandler();\n                        }}\n                        className=\"rounded-pill gradient-button-btn common-btn-gradient\"\n                      >\n                        COLLECT CREDITS\n                      </a>\n                    ) : (\n                      <a\n                        href=\"#!\"\n                        onClick={(e) => {\n                          e.preventDefault();\n                          setShowModal(false);\n                        }}\n                        className=\"rounded-pill gradient-button-btn common-btn-gradient\"\n                      >\n                        DISMISS\n                      </a>\n                    )}\n                  </div>\n                )}\n              </div>\n            </div>\n          </div>\n        </>\n      </Modal>\n      <ErrorPopup error={error} setError={setError} title={`<div className=\"cm-text\">Something went wrong</div>`} />\n    </>\n  );\n};\n\nconst mapDispatchToProps = (dispatch) => ({\n  loadProfileData: (callback) => dispatch(loadProfile(callback)),\n  redeemCreditApi: (callback) => dispatch(redeemCredit(callback)),\n});\nconst mapStateToProps = (state) => ({\n  getUser: getUser(state),\n});\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(DailyCredit));\n"],"sourceRoot":""}