{"version":3,"sources":["common/modals/notifications/notification.jsx.jsx"],"names":["connect","state","getUser","dispatch","togglePurchaseCoinsRedux","data","loadCreditPrices","callback","reduceUnreadCount","markNotificationAsRead","_ref","toggleModal","showModal","unreadNotifications","ref","useRef","currentSlide","setCurrentSlide","useState","options","beforeChange","current","next","slidesToShow","slidesToScroll","arrows","fade","dots","adaptiveHeight","useEffect","length","_unreadNotifications$","_unreadNotifications$2","ids","id","_jsxs","Modal","className","centered","show","onHide","children","_jsx","type","onClick","src","process","alt","_createElement","Slider","key","map","notif","index","_notif$additionalData","_notif$image","_notif$image2","_notif$additionalData2","_notif$additionalData3","_notif$image3","_notif$image4","_notif$image5","_notif$amount","Fragment","topic","amountType","concat","position","getNumberWithOrdinal","additionalData","bgGameName","subtitle","image","medium","prizeValueUSD","toLocaleString","width","height","amount","href","e","preventDefault","slickNext"],"mappings":"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","file":"static/js/49.efa30ae2.chunk.js","sourcesContent":["import React, { Fragment, useEffect, useRef, useState } from \"react\";\nimport { Modal } from \"react-bootstrap\";\nimport {\n  togglePurchaseCoinsRedux,\n  getUser,\n  loadCreditPrices,\n  markNotificationAsRead,\n  reduceUnreadCount,\n} from \"store/user\";\nimport { connect } from \"react-redux\";\nimport Slider from \"react-slick\";\nimport { getNumberWithOrdinal } from \"utils/misc\";\n\n//  Images\nconst closeIcon = process.env.REACT_APP_WEBSITE_ASSETS_URL + \"images/coins-close-icon.svg\";\nconst ticketLogo = process.env.REACT_APP_WEBSITE_ASSETS_URL + \"images/ticketLogo-1.svg\";\nconst ticketLogo2 = process.env.REACT_APP_WEBSITE_ASSETS_URL + \"images/ticketLogo-2.svg\";\nconst img1 = process.env.REACT_APP_WEBSITE_ASSETS_URL + \"images/ticket-winner-1.png\";\nconst img2 = process.env.REACT_APP_WEBSITE_ASSETS_URL + \"images/ticket-winner-2.png\";\nconst img3 = process.env.REACT_APP_WEBSITE_ASSETS_URL + \"images/ticket-winner-3.png\";\nconst img4 = process.env.REACT_APP_WEBSITE_ASSETS_URL + \"images/t-coins-logo.png\";\nconst xpAwardImg = process.env.REACT_APP_WEBSITE_ASSETS_URL + \"images/xpAward.png\";\nconst xpAwardIcon = process.env.REACT_APP_WEBSITE_ASSETS_URL + \"images/xpLogoLight.svg\";\n\nfunction NotificationsModal({\n  getUser,\n  toggleModal,\n  showModal,\n  unreadNotifications,\n  reduceUnreadCount,\n  markNotificationAsRead,\n}) {\n  const ref = useRef(null);\n  const [currentSlide, setCurrentSlide] = useState(0);\n  //  Redux states\n  // const { showPurchaseCoins, loadingPrice, creditPrices } = getUser;\n\n  //  Call Package listing GET API when modal opens\n  // useEffect(() => {\n  //   if (!showPurchaseCoins) {\n  //     setTab(1);\n  //   } else {\n  //     loadCreditPrices((creditRes) => {});\n  //     ethToUSD((usdValue) => {\n  //       setethdata(usdValue?.rates?.USD);\n  //     });\n  //   }\n  // }, [showPurchaseCoins]);\n\n  const options = {\n    beforeChange: (current, next) => {\n      setCurrentSlide(next);\n    },\n    slidesToShow: 1,\n    slidesToScroll: 1,\n    arrows: false,\n    fade: true,\n    dots: true,\n    adaptiveHeight: true,\n  };\n  useEffect(() => {\n    if (showModal) {\n      if (unreadNotifications?.length > 0) {\n        const data = {\n          ids: [unreadNotifications[currentSlide]?.id ?? 0],\n        };\n        markNotificationAsRead(data, () => {\n          reduceUnreadCount(unreadNotifications?.length - 1);\n        });\n      }\n    }\n  }, [showModal, currentSlide]);\n  return (\n    <Modal\n      className={`award-notification-modal text-white`}\n      id={\"ticketsAwardedModal\"}\n      centered\n      show={showModal}\n      onHide={toggleModal}\n    >\n      <div className=\"anm-row-header text-center\">\n        <h5>Award Notification</h5>\n        <button type=\"button\" className=\"tt-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\" onClick={toggleModal}>\n          <img src={closeIcon} alt=\"coins close\" />\n        </button>\n      </div>\n      <div className=\"tutorial-content-box pb-2\">\n        <Slider\n          {...options}\n          className=\" tuts-thumbnail-slider anm-custom-slider w-100 pb-0\"\n          ref={ref}\n          key=\"notification-slider\"\n        >\n          {unreadNotifications?.map((notif, index) => (\n            <Fragment key={index}>\n              <div className=\"heading-wrap text-center\">\n                <h5>{notif?.topic === \"CONTEST\" && notif?.amountType === 6 ? \"XP\" : \"Prize\"} Awarded</h5>\n                <h6>\n                  {notif?.type === \"WINNER\"\n                    ? \"YOU WON THE SWEEPSTAKES!\"\n                    : notif?.topic === \"CONTEST\"\n                    ? `YOU PLACED ${notif?.position}${getNumberWithOrdinal(notif?.position)} IN ${\n                        notif?.additionalData?.bgGameName\n                      }`\n                    : notif?.subtitle}\n                </h6>\n              </div>\n              <div className={`price-awarded-block `}>\n                <div\n                  className={`pab-logo-area ${notif?.type === \"WINNER\" && !notif?.image?.medium && \"add-winner-prize\"}`}\n                >\n                  {notif?.type === \"WINNER\" && (\n                    <div className={\"usd-amount\" + (notif?.image?.medium ? \" d-none\" : \"\")}>\n                      ${notif?.additionalData?.prizeValueUSD?.toLocaleString()}\n                    </div>\n                  )}\n                  <div className={\"pab-logo\" + (notif?.type === \"WINNER\" && notif?.image?.medium ? \" w-100\" : \"\")}>\n                    <img\n                      src={\n                        notif?.type === \"WINNER\"\n                          ? notif?.image?.medium\n                            ? process.env.REACT_APP_CDNURL + notif?.image?.medium\n                            : img4\n                          : notif?.amountType === 2\n                          ? img1\n                          : notif?.amountType === 1\n                          ? img3\n                          : notif?.amountType === 6\n                          ? xpAwardImg\n                          : img2\n                      }\n                      alt=\"ticketWinner\"\n                      width={408}\n                      height={469}\n                    />\n                  </div>\n                </div>\n                <div className=\"pab-text-area d-flex flex-wrap justify-content-center\">\n                  <div className=\"ticket-item\">\n                    <div\n                      className={`ticket w-100 h-100 d-flex flex-nowrap align-items-center justify-content-center ${\n                        notif?.amountType === 1 || notif?.amountType === 6\n                          ? \"arcade-award\"\n                          : notif?.amountType === 2\n                          ? \"ticket-award\"\n                          : \"\"\n                      }`}\n                    >\n                      {notif?.type !== \"WINNER\" && (\n                        <div className=\"ticket-icon-box\">\n                          <img\n                            src={\n                              notif?.amountType === 1 ? ticketLogo2 : notif?.amountType === 6 ? xpAwardIcon : ticketLogo\n                            }\n                            alt=\"ticketLogo1\"\n                          />\n                        </div>\n                      )}\n                      <div className=\"ticket-text-box align-self-center\">\n                        <div\n                          className={\n                            \"ticket-label\" +\n                            (notif?.type === \"WINNER\"\n                              ? \" d-flex justify-content-center\"\n                              : notif?.amountType === 6\n                              ? \" color-red\"\n                              : \"\")\n                          }\n                        >\n                          {notif?.type === \"WINNER\" ? \"SWEEPSTAKES WINNER\" : notif?.amount?.toLocaleString()}\n                        </div>\n                        {notif?.type !== \"WINNER\" && (\n                          <div className=\"ticket-txt\">\n                            {notif?.amountType === 1\n                              ? \"Arcade Coins Awarded\"\n                              : notif?.amountType === 6\n                              ? \"XP POINTS\"\n                              : notif?.amountType === 2\n                              ? \"Tickets Awarded\"\n                              : \"Loot Coins Awarded\"}{\" \"}\n                          </div>\n                        )}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </Fragment>\n          ))}\n        </Slider>\n      </div>\n\n      <div className=\"anm-row-footer\">\n        <a\n          href=\"!#\"\n          className=\"default-orange-btn btn-block\"\n          onClick={(e) => {\n            e.preventDefault();\n            currentSlide < unreadNotifications?.length - 1 ? ref.current.slickNext() : toggleModal(e);\n          }}\n        >\n          {currentSlide < unreadNotifications?.length - 1 ? \"Next\" : \"Dismiss\"}\n        </a>\n      </div>\n    </Modal>\n  );\n}\n\nconst mapDispatchToProps = (dispatch) => ({\n  togglePurchaseCoinsRedux: (data) => dispatch(togglePurchaseCoinsRedux(data)),\n  loadCreditPrices: (callback) => dispatch(loadCreditPrices(callback)),\n  reduceUnreadCount: (data) => dispatch(reduceUnreadCount(data)),\n  markNotificationAsRead: (data, callback) => dispatch(markNotificationAsRead(data, callback)),\n});\nconst mapStateToProps = (state) => ({\n  getUser: getUser(state),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(NotificationsModal);\n"],"sourceRoot":""}