\n \n {t(title)}\n \n {typeof deductedAmount !== \"undefined\" &&\n deductedAmount !== 0 &&\n !isNaN(bonus) &&\n bonus !== 0 ? (\n
\n \n {t(\"REQUESTED\", { amount: formatNumber(amount, 2) })}\n
\n ) : (\n \n {t(\"PAID_DEPOSIT\", { amount: formatNumber(amount, 2) })}\n
\n )}\n {typeof deductedAmount !== \"undefined\" &&\n deductedAmount !== 0 &&\n !isNaN(bonus) &&\n bonus !== 0 && (\n \n {t(\"PAID\", {\n amount: formatNumber(deductedAmount, 2),\n bonus: formatNumber(bonus, 2),\n })}\n
\n )}\n | {t(\"DATE\")} | \n{date} | \n
|---|---|
| {t(\"REFERENCE_NUMBER\")} | \n{transactionNumber} | \n
\n
\n );\n })}\n \n \n
\n \n {title &&
\n {title}
}\n {/*\n \n {gameList &&\n gameList.length &&\n map(gameList, (item, index) => {\n return (\n \n
*/}\n \n \n
\n );\n })}\n \n {sortedGame &&\n sortedGame.length &&\n map(sortedGame, (game, index) => {\n return (\n {\n if (isLoggedIn) {\n setPopupBannerImage(game[\"popupBannerImage\"]);\n if (game[\"gameUm\"] !== true) {\n startGame(\n game[\"id\"],\n game[\"hasOwnLobby\"],\n game[\"masterProductId\"],\n game[\"gameName\"],\n game[\"masterProductIsSeamless\"],\n game[\"isApp\"],\n game[\"appUrl\"],\n game[\"appDeepLink\"]\n );\n }\n } else if (game.hasOwnLobby && game.masterProductIsSeamless) {\n _history.push(WebUrl._URL_GAME_LIST.replace(\n \":provider\",\n game.gameName));\n }\n else if (!game.hasOwnLobby) {\n _dispatch(\n showMessage({\n type: AlertTypes._INFO,\n content: t(\"PLEASE_LOGIN_FIRST\"),\n onConfirm: () => {\n //console.log(\"hi\");\n },\n })\n );\n }\n }}\n >\n \n {/*
\n */}\n
\n \n \n {isLoggedIn && game[\"gameUm\"] == true && (\n <>\n {/* */}\n
\n \n )}\n \n {game.gameName}\n
\n \n \n \n {selectedGameName}\n \n
\n \n resetProductPassword(masterProductId)}\n >\n
\n \n \n \n )}\n {selectedGameName == \"Mega888\" && (\n <>\n \n {(bonus > 0 || commission > 0 || clubFee > 0) && (\n
\n \n {bonus > 0 && (\n
\n )}\n {isApp && appDeepLink !== \"\" && (\n <>\n \n {t(\"BONUS\") +\n \" (%) : \" +\n numberWithCurrencyFormat(parseFloat(bonus), 2, true) +\n \"%\"}\n \n
\n )}\n\n {bonus > 0 && commission > 0 && {\"/\"}
}\n\n {commission > 0 && (\n \n {t(\"COMMISSION\") +\n \" (%) : \" +\n numberWithCurrencyFormat(\n parseFloat(commission),\n 2,\n true\n ) +\n \"%\"}\n \n
\n )}\n\n {commission > 0 && clubFee > 0 && (\n {\"/\"}
\n )}\n\n {clubFee > 0 && (\n \n {t(\"CLUB_FEE\") +\n \" (%) : \" +\n numberWithCurrencyFormat(parseFloat(clubFee), 2, true) +\n \"%\"}\n
\n )}\n \n \n \n {selectedGameName + \" \" + t(\"ACCOUNT\")}\n \n
\n \n
\n \n copyText(\"username\")}\n >\n
\n \n {t(\"USERNAME\") + \" : \"}\n
\n \n copyText(\"password\")}\n >\n
\n \n {t(\"PASSWORD\") + \" : \"}\n
\n \n {t(\"REFRESH_PASSWORD\")}\n
\n \n \n \n {selectedGameName + \" \" + t(\"ACCOUNT\")}\n \n
\n \n \n
\n \n copyText(\"username\")}\n >\n
\n \n {t(\"USERNAME\") + \" : \"}\n
\n \n copyText(\"password\")}\n >\n
\n \n \n \n )}\n\n \n {t(\"PASSWORD\") + \" : \"}\n
\n \n {!isApp || (isApp && appDeepLink != \"\") ? (\n <>\n {!toLobbyBtn ? (\n {\n if (!window.ReactNativeWebView) {\n // _history.push({\n // pathname: WebUrl._URL_GAME_PAGE,\n // search: \"?gameId=\" + productGameId,\n // state: { url: window.location.pathname },\n // });\n window.open(\n `${process.env.REACT_APP_ENDPOINT_URL || \"\"}${ApiUrl._API_START_GAME\n }?gameId=${productGameId}&isApp=0&device=d`\n );\n } else {\n window.ReactNativeWebView.postMessage(\n JSON.stringify({\n url:\n window.location.origin +\n WebUrl._URL_GAME_PAGE +\n \"?gameId=\" +\n productGameId,\n })\n );\n }\n }}\n className=\"btn pregame-popup-btn btn-block btn-brand\"\n >\n {t(\"START_GAME\")}\n \n ) : (\n {\n _history.push(\n WebUrl._URL_GAME_LIST.replace(\n \":provider\",\n selectedGameName\n )\n );\n // _history.push(\n // WebUrl._URL_GAME_LOBBY +\n // \"?name=\" +\n // selectedGameName +\n // \"&id=\" +\n // productGameId +\n // \"&languageId=\" +\n // memberData[\"languageSetting\"]\n // );\n }}\n className=\"btn pregame-popup-btn btn-block btn-brand\"\n >\n {t(\"TO_LOBBY\", { productName: selectedGameName })}\n \n )}\n \n ) : (\n {\n if (window.ReactNativeWebView) {\n window.ReactNativeWebView.postMessage(\n JSON.stringify({ url: appUrl })\n );\n } else {\n window.open(appUrl);\n }\n }}\n className=\"btn pregame-popup-btn btn-block btn-brand\"\n >\n {t(\"DOWNLOAD_APP\")}\n \n )}\n
\n \n \n \n
\n \n \n \n \n
\n \n
\n\n \n
\n \n
\n \n {title}\n
\n\n
\n \n
\n \n \n {\n dropdownFilterOnClick();\n }}\n >\n
\n\n \n {t(\"FILTER_BY_PROVIDER\")}\n
\n \n \n
\n \n {filterList &&\n filterList.length &&\n map(filterList, (item, index) => {\n return (\n \n
\n );\n })}\n \n {\n handleChange(e, index);\n setChecked(e.target.checked);\n }}\n defaultChecked={false}\n checked={checked[index]}\n >\n \n \n
\n \n {item.gameName}\n
\n \n \n handleFilterByProvider(id, 42, type)}\n />\n
\n \n \n handleFilterByProvider(getProviderId, 70, type)\n }\n className=\"see-all-btn\"\n >\n {t(\"SEE_ALL\")}\n
\n \n {gameList &&\n gameList.length &&\n map(gameList, (game, index) => {\n return (\n \n \n \n {\n if (isLoggedIn) {\n setPopupBannerImage(game[\"popupBannerImage\"]);\n if (game[\"gameUm\"] !== true) {\n startGame(\n game[\"id\"],\n game[\"hasOwnLobby\"],\n game[\"masterProductId\"],\n game[\"gameName\"],\n game[\"masterProductIsSeamless\"],\n game[\"isApp\"],\n game[\"appUrl\"],\n game[\"appDeepLink\"]\n );\n }\n } else if (game.hasOwnLobby && !game.masterProductIsSeamless) {\n _history.push(WebUrl._URL_GAME_LIST.replace(\n \":provider\",\n game.gameName));\n }\n else if (!game.hasOwnLobby) {\n _dispatch(\n showMessage({\n type: AlertTypes._INFO,\n content: t(\"PLEASE_LOGIN_FIRST\"),\n onConfirm: () => {\n //console.log(\"hi\");\n },\n })\n );\n }\n }}\n >\n {(\n
\n {isLoggedIn && game[\"gameUm\"] == true && (\n <>\n {/* \n
\n )}\n {/* {game.gameName}
*/}\n\n {game.gameName + (Object.keys(gameList).length > 0 && ((title === t(\"NEW_GAMES\")) || (title === t(\"POPULAR_GAMES\"))) && game.gameName !== game.providerName ? \" - \" + game.providerName : \"\")}\n
\n \n );\n })}\n \n \n );\n};\n\nGameListGrid.propTypes = {\n filterList: PropTypes.array.isRequired,\n title: PropTypes.string.isRequired,\n isFilterDropdownVisible: PropTypes.bool.isRequired,\n dropdownFilterOnClick: PropTypes.func.isRequired,\n handleFilterByProvider: PropTypes.func,\n type: PropTypes.string,\n page: PropTypes.string,\n providerId: PropTypes.array,\n};\n\nexport default GameListGrid;\n","import React, { useState, useEffect } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport PropTypes from \"prop-types\";\nimport { Link } from \"react-router-dom\";\nimport { AlertTypes, ApiUrl, WebUrl } from \"util/Constant\";\nimport { useTranslation } from \"react-i18next\";\nimport { showMessage } from \"../../redux/AppAction\";\nimport { useDispatch } from \"react-redux\";\nconst GameCategory = ({ item, active }) => {\n const _dispatch = useDispatch();\n const { t, i18n } = useTranslation();\n const availableGameCategory = useSelector((state) => (state.gameState.gameProviders));\n const { isLoggedIn } = useSelector(state => state.authState);\n\n const [link, setLink] = useState(\"\");\n useEffect(() => {\n if (item.originalTitle === \"Slots\") {\n setLink(WebUrl._URL_GAME_PROVIDER.replace(\":title\", item.originalTitle.toLowerCase()));\n } else if (item.originalTitle === \"All\") {\n setLink(WebUrl._URL_MAIN);\n } else {\n setLink(\"/\" + item.originalTitle.toLowerCase());\n }\n }, []);\n return (\n (availableGameCategory && availableGameCategory.filter(\n (n) => n.categoryTitle === item.originalTitle\n ).length > 0 ||\n item.title === \"All\") &&\n \n
\n {t(item.originalTitle)}
\n \n \n
\n );\n};\n\nGameMenu.propTypes = {\n isHome: PropTypes.bool,\n};\n\nGameMenu.defaultProps = {\n isHome: false,\n};\n\nexport default GameMenu;\n","import React, { Component } from \"react\";\nimport i18n from \"../../localization/i18n\";\n\nclass Clock extends Component {\n constructor(props) {\n super(props);\n this.state = {\n days: 0,\n hours: 0,\n minutes: 0,\n seconds: 0\n };\n }\n componentWillMount() {\n this.getTimeUntil(this.props.deadline);\n }\n componentDidMount() {\n setInterval(() => this.getTimeUntil(this.props.deadline), 1000);\n }\n leading0(num) {\n return num < 10 ? \"0\" + num : num;\n }\n getTimeUntil(deadline) {\n const time = Date.parse(deadline) - Date.parse(new Date());\n if (time < 0) {\n this.setState({ days: 0, hours: 0, minutes: 0, seconds: 0 });\n } else {\n const seconds = Math.floor((time / 1000) % 60);\n const minutes = Math.floor((time / 1000 / 60) % 60);\n const hours = Math.floor((time / (1000 * 60 * 60)) % 24);\n const days = Math.floor(time / (1000 * 60 * 60 * 24));\n this.setState({ days, hours, minutes, seconds });\n }\n }\n render() {\n const SplitText = React.memo(({ str }) => {\n var num = str;\n var digits = num.toString().split('');\n var realDigits = digits.map(Number)\n return (\n \n
\n \n
\n - {\n localStorage.setItem(SessionKey._ISONLOAD, true);\n }}>\n {gameCategories &&\n gameCategories.length &&\n map(gameCategories.filter(x => x.originalTitle !== \"Virtual-Sports\" && x.originalTitle !== \"V.Sports\" && x.originalTitle !== \"Fish Games\"), (item, index) => {\n return (\n
\n {realDigits.map((item, index) => {\n return (
\n );\n });\n return (\n {item}
);\n })}\n \n
\n );\n }\n}\nexport default Clock;\n","import React, { Component } from \"react\";\nimport Clock from \"./Clock\";\n\nclass App extends Component {\n constructor(props) {\n super(props);\n this.state = { deadline: \"November, 21, 2022\" };\n }\n render() {\n return (\n \n
\n {i18n.t(\"DAYS\")}
\n \n
\n \n
\n {i18n.t(\"HOURS\")}
\n \n
\n \n
\n {i18n.t(\"MINUTES\")}
\n \n
\n \n
\n {i18n.t(\"SECONDS\")}
\n \n {/*
\n );\n }\n}\nexport default App;","import { WebUrl } from \"./../util/Constant.js\";\n\nconst gameCategory = [\n {\n text: \"E-Sport\",\n image: require(\"../assets/img/assets/game-category/eSports.png\"),\n link: WebUrl._URL_GAME_PROVIDER,\n },\n {\n text: \"Casino\",\n image: require(\"../assets/img/assets/game-category/Casino.png\"),\n link: \"#\",\n },\n {\n text: \"Slots\",\n image: require(\"../assets/img/assets/game-category/Slots.png\"),\n link: \"#\",\n },\n {\n text: \"RNG\",\n image: require(\"../assets/img/assets/game-category/RNG.png\"),\n link: \"#\",\n },\n {\n text: \"Sports\",\n image: require(\"../assets/img/assets/game-category/Sports.png\"),\n link: \"#\",\n },\n {\n text: \"Lottery\",\n image: require(\"../assets/img/assets/game-category/Lottery.png\"),\n link: \"#\",\n },\n {\n text: \"Fishing\",\n image: require(\"../assets/img/assets/game-category/Fish Games.png\"),\n link: \"#\",\n },\n {\n text: \"Poker\",\n image: require(\"../assets/img/assets/game-category/Poker.png\"),\n link: \"#\",\n },\n];\n\nconst gameProvider = [\n {\n image: require(\"../assets/img/game-banner/provider1.png\"),\n link: \"#\",\n },\n {\n image: require(\"../assets/img/game-banner/provider2.png\"),\n link: \"#\",\n },\n {\n image: require(\"../assets/img/game-banner/provider3.png\"),\n link: \"#\",\n },\n {\n image: require(\"../assets/img/game-banner/provider4.png\"),\n link: \"#\",\n },\n {\n image: require(\"../assets/img/game-banner/provider3.png\"),\n link: \"#\",\n },\n];\nconst filterList = [\n {\n text: \"Pussy888\",\n },\n {\n text: \"Jclub777\",\n },\n {\n text: \"Playtech \",\n },\n {\n text: \"Mario Club\",\n },\n {\n text: \"Red Tiger\",\n },\n {\n text: \"Funky Game\",\n },\n {\n text: \"Pragmatic Play\",\n },\n {\n text: \"Yggdrasil\",\n },\n {\n text: \"Microgaming\",\n },\n {\n text: \"Gamatron\",\n },\n {\n text: \"Joker Gaming\",\n },\n {\n text: \"SBO Slot\",\n },\n {\n text: \"918 Kiss\",\n },\n {\n text: \"V Power\",\n },\n {\n text: \"XE88\",\n },\n];\n\nconst newGames = [\n {\n tag: require(\"../assets/img/assets/hot.png\"),\n image: require(\"../assets/img/game/Lucky New Year.png\"),\n link: \"#\",\n text: \"Lucky New Year Tiger Treasures\",\n },\n {\n tag: require(\"../assets/img/assets/hot.png\"),\n image: require(\"../assets/img/game/Heart of the Frontier.png\"),\n link: \"#\",\n text: \"Heart of the Frontier Treasures\",\n },\n {\n tag: \"\",\n image: require(\"../assets/img/game/Legacy of the Tiger.png\"),\n link: \"#\",\n text: \"Legacy of the Tiger\",\n },\n {\n tag: \"\",\n image: require(\"../assets/img/game/5DragonLegend_EN.png\"),\n link: \"#\",\n text: \"5 Dragons Legend\",\n },\n {\n tag: \"\",\n image: require(\"../assets/img/game/Fire Blaze Golden_ Amazing Factory.png\"),\n link: \"#\",\n text: \"Fire Blaze Golden: Amazing Factory\",\n },\n {\n tag: \"\",\n image: require(\"../assets/img/game/Age of the Gods Norse Book of Dwarves.png\"),\n link: \"#\",\n text: \"Book of Dwarves\",\n },\n {\n tag: require(\"../assets/img/assets/hot.png\"),\n image: require(\"../assets/img/game/Caishen2.png\"),\n link: \"#\",\n text: \"Emperor Caishen\",\n },\n {\n tag: require(\"../assets/img/assets/hot.png\"),\n image: require(\"../assets/img/game/Age of Gods_ Book of Oracle.png\"),\n link: \"#\",\n text: \"Book of the Oracle\",\n },\n {\n tag: \"\",\n image: require(\"../assets/img/game/Nian Nian You Yu Asia.png\"),\n link: \"#\",\n text: \"Nian Nian You Yu\",\n },\n {\n tag: require(\"../assets/img/assets/hot.png\"),\n image: require(\"../assets/img/game/GoldenDynasty.png\"),\n link: \"#\",\n text: \"Golden Dynasty\",\n },\n {\n tag: \"\",\n image: require(\"../assets/img/game/03_Cashanova-Cashpotsen.png\"),\n link: \"#\",\n text: \"Cashanova Cashpots\",\n },\n {\n tag: \"\",\n image: require(\"../assets/img/game/15_Fire-and-Golden.png\"),\n link: \"#\",\n text: \"Fire And Gold\",\n },\n {\n tag: \"\",\n image: require(\"../assets/img/game/Fat Choy Choy Sun.png\"),\n link: \"#\",\n text: \"Fat Choy Choy Sun\",\n },\n {\n tag: require(\"../assets/img/assets/hot.png\"),\n image: require(\"../assets/img/game/Olympus2.png\"),\n link: \"#\",\n text: \"Gate of Olympus\",\n },\n];\n\nconst bannerList = [\n {\n image: require(\"../assets/img/home/home-slider-banner-1.png\"),\n },\n {\n image: require(\"../assets/img/home/home-slider-banner-2.png\"),\n },\n {\n image: require(\"../assets/img/home/home-slider-banner-3.png\"),\n },\n {\n image: require(\"../assets/img/home/home-slider-banner-4.png\"),\n },\n {\n image: require(\"../assets/img/home/home-slider-banner-5.png\"),\n },\n {\n image: require(\"../assets/img/home/home-slider-banner-6.png\"),\n },\n {\n image: require(\"../assets/img/home/home-slider-banner-7.png\"),\n },\n {\n image: require(\"../assets/img/home/home-slider-banner-8.png\"),\n },\n];\n\nconst popularGames = [\n {\n tag: require(\"../assets/img/assets/new.png\"),\n image: require(\"../assets/img/game/Heart of Ocean.png\"),\n link: \"#\",\n text: \"Heart of Ocean\",\n },\n {\n tag: require(\"../assets/img/assets/new.png\"),\n image: require(\"../assets/img/game/MonkeyKing_EN.png\"),\n link: \"#\",\n text: \"Monkey King\",\n },\n {\n tag: require(\"../assets/img/assets/new.png\"),\n image: require(\"../assets/img/game/Eros_EN.png\"),\n link: \"#\",\n text: \"Eros Sexy\",\n },\n {\n tag: \"\",\n image: require(\"../assets/img/game/LegendOfEgypt_EN.png\"),\n link: \"#\",\n text: \"Legend Of Egypt\",\n },\n {\n tag: \"\",\n image: require(\"../assets/img/game/fanTan_mobileCasino_gameicon_174x174_en.png\"),\n link: \"#\",\n text: \"Fan Tan\",\n },\n {\n tag: require(\"../assets/img/assets/hot.png\"),\n image: require(\"../assets/img/game/mobile_game_game_virtualRoulette_en.png\"),\n link: \"#\",\n text: \"Virtual Roulette\",\n },\n {\n tag: \"\",\n image: require(\"../assets/img/game/pking.png\"),\n link: \"#\",\n text: \"Pyramid King\",\n },\n {\n tag: require(\"../assets/img/assets/new.png\"),\n image: require(\"../assets/img/game/JiJiJi_EN.png\"),\n link: \"#\",\n text: \"Ji Ji Ji\",\n },\n {\n tag: \"\",\n image: require(\"../assets/img/game/basketballStrike.png\"),\n link: \"#\",\n text: \"Basketball Strike\",\n },\n {\n tag: require(\"../assets/img/assets/new.png\"),\n image: require(\"../assets/img/game/Long Long Long III_game.png\"),\n link: \"#\",\n text: \"Long Long Long\",\n },\n {\n tag: \"\",\n image: require(\"../assets/img/game/Olympus2.png\"),\n link: \"#\",\n text: \"Gates of Olympus\",\n },\n {\n tag: require(\"../assets/img/assets/new.png\"),\n image: require(\"../assets/img/game/CaribbeanSaga.png\"),\n link: \"#\",\n text: \"Caribbean Saga\",\n },\n {\n tag: require(\"../assets/img/assets/hot.png\"),\n image: require(\"../assets/img/game/Quest West.png\"),\n link: \"#\",\n text: \"Quest West\",\n },\n {\n tag: \"\",\n image: require(\"../assets/img/game/FortuneofGiza.png\"),\n link: \"#\",\n text: \"Fortune of Giza\",\n },\n {\n tag: require(\"../assets/img/assets/hot.png\"),\n image: require(\"../assets/img/game/Age of the Gods Norse_ Gods and Giants.png\"),\n link: \"#\",\n text: \"God and Giants\",\n },\n {\n tag: require(\"../assets/img/assets/new.png\"),\n image: require(\"../assets/img/game/CaptainsTreasure_EN.png\"),\n link: \"#\",\n text: \"Captains's Teasure\",\n },\n {\n tag: require(\"../assets/img/assets/new.png\"),\n image: require(\"../assets/img/game/Queen of Wands.png\"),\n link: \"#\",\n text: \"Queen Of Wands\",\n },\n {\n tag: require(\"../assets/img/assets/new.png\"),\n image: require(\"../assets/img/game/CaiShensFortune.png\"),\n link: \"#\",\n text: \"Caisheng's Fortune\",\n },\n {\n tag: \"\",\n image: require(\"../assets/img/game/Fire Blaze Golden_ Buccaneer Bells.png\"),\n link: \"#\",\n text: \"Bucchneer Bells\",\n },\n {\n tag: require(\"../assets/img/assets/hot.png\"),\n image: require(\"../assets/img/game/Adventure Trail.png\"),\n link: \"#\",\n text: \"Adventure Trail\",\n },\n {\n tag: require(\"../assets/img/assets/hot.png\"),\n image: require(\"../assets/img/game/Buffalo King.png\"),\n link: \"#\",\n text: \"Buffalo King\",\n },\n];\nconst sortList = [\n {\n text: \"Popularity\",\n },\n {\n text: \"New\",\n },\n {\n text: \"A - Z\",\n },\n];\nconst sideMenu = [\n {\n image: require(\"../assets/img/assets/side-menu/VIP_EVENT.svg\"),\n activeImage: require(\"../assets/img/assets/side-menu/VIP_EVENT_active.svg\"),\n text: \"VIP_EVENT\",\n link: WebUrl._URL_VIP,\n },\n //{\n // image: require(\"../assets/img/assets/side-menu/DOWNLINE.svg\"),\n // activeImage: require(\"../assets/img/assets/side-menu/DOWNLINE_active.svg\"),\n // text: \"DOWNLINE\",\n // link: WebUrl._URL_DOWNLINE,\n //},\n];\nconst historyFilter = [\n {\n text: \"Previous Day\",\n },\n {\n text: \"Today\",\n },\n {\n text: \"Yesterday\",\n },\n {\n text: \"This Week\",\n },\n {\n text: \"Last Week\",\n },\n {\n text: \"This Month\",\n },\n {\n text: \"Last Month\",\n },\n {\n text: \"Next Day\",\n },\n];\n\nconst rewardsFilter = [\n {\n text: \"Last Week\",\n },\n {\n text: \"Sunday\",\n },\n {\n text: \"Monday\",\n },\n {\n text: \"Tuesday\",\n },\n {\n text: \"Wednesday\",\n },\n {\n text: \"Thursday\",\n },\n {\n text: \"Friday\",\n },\n {\n text: \"Saturday\",\n },\n];\n\nconst tabReferralHeadings = [\n {\n title: \"Casino\",\n link: \"casino\",\n },\n {\n title: \"Slots\",\n link: \"slots\",\n },\n {\n title: \"RNG\",\n link: \"rng\",\n },\n {\n title: \"Sports\",\n link: \"sports\",\n },\n {\n title: \"Lottery\",\n link: \"lottery\",\n },\n];\n\n//4D result//\nconst _POOL_NAME = {\n mg: \"Magnum\",\n kd: \"Da Ma Cai 1 + 3D\",\n tt: \"Sport TOTO\",\n sg: \"Singapore Pool \",\n sr: \"Sarawak 88 \",\n sn: \"SANDAKAN\",\n sb: \"Sabah 88\",\n gd: \"GRAND DRAGON\",\n};\n\nconst _TITLE_COLOR = {\n mg: \"#000000\",\n kd: \"#FFFFFF\",\n tt: \"#FFFFFF\",\n sg: \"#FFFFFF\",\n sr: \"#FFFFFF\",\n sn: \"#000000\",\n sb: \"#FFFFFF\",\n gd: \"#FFFFFF\",\n};\n\nconst _COLOR = {\n mg: \"#FFC159\",\n kd: \"#1C377C\",\n tt: \"#E9181B\", //4D AND 5D AND 6D\n sg: \"#055F8E\",\n sr: \"#008000\",\n sn: \"#F3C034\",\n sb: \"#2B7BF8\", // currently no color\n gd: \"#A1030E\", //4D AND 5D AND 6D\n};\n\nconst _POOL_IMAGE = {\n mg: require(\"../assets/img/4dresult-icon/magnum_logo.svg\"),\n kd: require(\"../assets/img/4dresult-icon/damacai_logo.svg\"),\n tt: require(\"../assets/img/4dresult-icon/toto_logo.svg\"),\n sg: require(\"../assets/img/4dresult-icon/singapore_logo.svg\"),\n sr: require(\"../assets/img/4dresult-icon/bigcash_logo.svg\"),\n sn: require(\"../assets/img/4dresult-icon/stc_logo.svg\"),\n sb: require(\"../assets/img/4dresult-icon/sabah_logo.svg\"),\n gd: require(\"../assets/img/4dresult-icon/gd_logo.svg\"),\n};\n\nconst _SECTION_TYPE = {\n mg: \"section-3\",\n kd: \"section-3\",\n tt: \"section-3\", //4D AND 5D AND 6D\n sg: \"section-3\",\n sr: \"section-3\",\n sn: \"section-3\",\n sb: \"section-3\", // currently no color\n gd: \"section-3\", //4D AND 5D AND 6D\n};\n\nconst _IS_5D_6D = {\n tt: \"section-2\",\n gd: \"section-1\",\n};\n\n//End 4D result//\n\nconst vipSideMenu = [\n {\n image: require(\"../assets/img/assets/side-menu/report.png\"),\n activeImage: require(\"../assets/img/assets/side-menu/report.png\"),\n page: \"SUMMARY\",\n link: WebUrl._URL_SUMMARY,\n title: \"Summary\",\n tab_id: 0\n },\n {\n image: require(\"../assets/img/assets/side-menu/team.png\"),\n activeImage: require(\"../assets/img/assets/side-menu/team.png\"),\n page: \"SHAREHOLDERS\",\n link: WebUrl._URL_SHAREHOLDERS,\n title: \"Shareholders\",\n tab_id: 1\n },\n {\n image: require(\"../assets/img/assets/side-menu/refund.png\"),\n activeImage: require(\"../assets/img/assets/side-menu/refund.png\"),\n page: \"CLAIM\",\n link: WebUrl._URL_CLAIM,\n title: \"Claim\",\n tab_id: 2\n },\n {\n image: require(\"../assets/img/assets/side-menu/refund.png\"),\n activeImage: require(\"../assets/img/assets/side-menu/refund.png\"),\n page: \"CUSTOMIZE\",\n link: WebUrl._URL_CUSTOMIZE_WEB,\n title: \"Customize\",\n tab_id: 0\n },\n];\n\nexport {\n gameCategory,\n gameProvider,\n filterList,\n newGames,\n bannerList,\n popularGames,\n sortList,\n sideMenu,\n historyFilter,\n rewardsFilter,\n tabReferralHeadings,\n _POOL_NAME,\n _TITLE_COLOR,\n _COLOR,\n _POOL_IMAGE,\n _SECTION_TYPE,\n _IS_5D_6D,\n vipSideMenu\n};\n\n\n","import React, { useState, useEffect, useRef } from \"react\";\nimport \"react-simple-keyboard/build/css/index.css\";\nimport { filter, map, isEmpty } from \"lodash\";\n//import { bannerList } from \"../../config/game-configs\";\nimport GameListCarousel from \"components/game-list/carousel\";\nimport GameListGrid from \"components/game-list/grid\";\nimport GameListBanner from \"components/game-list/banner\"; \nimport { useSelector } from \"react-redux\"; \nimport GameMenu from \"components/game-list/game-menu\"; \nimport ApiEngine from \"../../util/ApiEngine\"; \nimport { ApiKey, ApiUrl, SessionKey, _MAIN_WALLET_ID, AlertTypes, TransactionType, BankingChannel, PanelType } from \"../../util/Constant\";\nimport { useDispatch } from \"react-redux\"; \nimport {\n showResponseMessage,\n setBusy,\n setIdle,\n showMessage,\n} from \"../../redux/AppAction.js\";\nimport classnames from \"classnames\";\nimport { useTranslation } from \"react-i18next\";\nimport {\n createFormBody, stringIsNullOrEmpty, createMultiPartFormBody\n} from \"../../util/Util\";\nimport PinInput from \"react-pin-input\";\nimport {\n Modal,\n ModalBody,\n TabContent,\n TabPane,\n Nav, \n NavItem,\n NavLink,\n} from \"reactstrap\";\nimport Keyboard from \"react-simple-keyboard\";\nimport Count from \"components/timer/Count\";\nimport Slider from \"react-slick\";\nimport parse from \"html-react-parser\";\nimport moment from \"moment\";\nimport Draggable from 'react-draggable';\nimport Spinner from 'react-bootstrap/Spinner';\nimport LiveChatModal from 'components/custom/LiveChatModal';\n\nconst Home = (props) => {\n const { t, i18n } = useTranslation();\n var _dispatch = useDispatch();\n const [newGames, setNewGames] = useState({});\n const [recommendedGames, setRecommendedGames] = useState({});\n const [displayGameMenu, setDisplayGameMenu] = useState(true);\n const [scrollTop, setScrollTop] = useState(0);\n const [isFilterNewDropdownVisible, setIsFilterNewDropdownVisible] =\n useState(false);\n const [isFilterPopularDropdownVisible, setIsFilterPopularDropdownVisible] =\n useState(false);\n const gameCategories = useSelector((state) =>\n filter(state.gameState.gameCategories, (item) => {\n return item.id > 0;\n })\n );\n const { isLoggedIn } = useSelector((state) => state.authState);\n const _userData = useSelector((state) => state.authState.userData);\n\n const [memberData, setMemberData] = useState({});\n const elePin = useRef(null);\n const eleConfirm = useRef(null);\n const keyboard = useRef();\n\n const [showCreateShareholderPin, setShowCreateShareholderPin] =\n useState(false);\n const [invalidPin, setInvalidPin] = useState(false);\n const [pinNumber, setPinNumber] = useState(\"\");\n const [enteredPinNumber, setEnteredPinNumber] = useState(\"\");\n const [pinNumberFocused, setPinNumberFocused] = useState(0);\n const [enteredPinNumberConfirm, setEnteredPinNumberConfirm] = useState(\"\");\n const [pinNumberConfirmFocused, setPinNumberConfirmFocused] = useState(0);\n const [errorMessage, setErrorMessage] = useState(\"\");\n\n const [pinNumberConfirm, setPinNumberConfirm] = useState(\"\");\n const [loadingMemberFlag, setLoadingMemberFlag] = useState(true);\n const [mainBannerData, setMainBannerData] = useState();\n const [mainBannerImg, setMainBannerImg] = useState(\"\");\n const [sliderBannerList, setSliderBannerList] = useState([]);\n const [sportGames, setSportGames] = useState();\n const [sportGameCount, setSportGameCount] = useState(0);\n const [isLoaded, setIsLoaded] = useState(false);\n\n const [displayBanner, setDisplayBanner] = useState(false);\n const bannerSlider = {\n infinite: true,\n slidesToShow: 1,\n slidesToScroll: 1,\n arrows: false,\n dots: true,\n lazyLoad: true,\n autoplay: true\n };\n\n // const sportSlider = {\n // slidesToShow: 3,\n // dots: false,\n // arrows: false,\n // infinite: true,\n // autoplay: true,\n // responsive: [\n // {\n // breakpoint: 1200,\n // settings: {\n // slidesToShow: 3,\n // },\n // },\n // ],\n // };\n\n const [bonus, setBonus] = useState(0);\n const [commission, setCommission] = useState(0);\n const [clubFee, setClubFee] = useState(0);\n const [selectedGameName, setSelectedGameName] = useState(\"\");\n const [productGameId, setProductGameId] = useState(0);\n const [masterProductId, setMasterProductId] = useState(0);\n const [walletList, setWalletList] = useState([]);\n const [fromOptions, setFromOptions] = useState([]);\n const [toOptions, setToOptions] = useState([]);\n const [packageNameKeyword, setPackageNameKeyword] = useState(\"\");\n const [isNewWindow, setIsNewWindow] = useState(false);\n const [isApp, setIsApp] = useState(false);\n const [toLobbyBtn, setToLobbyBtn] = useState(false);\n const [appUrl, setAppUrl] = useState(\"\");\n const [appDeepLink, setAppDeepLink] = useState(\"\");\n const [showPregamePopup, setShowPregamePopup] = useState(false);\n const [gameWalletBalanceBeforeTransfer, setGameWalletBalanceBeforeTransfer] =\n useState(0);\n const [mpData, setMpData] = useState([]);\n const [title, setTitle] = useState(\"\");\n const [html, setHtml] = useState(\"\");\n const [theInterval, setTheInterval] = useState(false);\n const [addRightCss, setAddRightCss] = useState(\"\");\n const [dNone, setDNone] = useState(\"\");\n const [showTrigger, setShowTrigger] = useState(true);\n const [cnyModal, setCnyModal] = useState(false);\n const [currentX, setCurrentX] = useState(0);\n const [currentY, setCurrentY] = useState(0);\n const [dragging, setDragging] = useState(false);\n const [cnyEndTime, setCnyEndTime] = useState(moment(\"2023-02-05 23:59:59:999\").format(\"YYYY-MM-DD HH:mm:ss:SSS\"));\n const [currentTime, setCurrentTime] = useState(moment().format(\"YYYY-MM-DD HH:mm:ss:SSS\"));\n\n const [startSpinning, setStartSpinning] = useState(false);\n const [freeSpinItems, setFreeSpinItems] = useState([]);\n const [wheelOuterBorderColor, setWheelOuterBorderColor] = useState(\"\");\n const [wheelInnerBorderColor, setWheelInnerBorderColor] = useState(\"\");\n const [winningId, setWinningId] = useState(0);\n const [winningOption, setWinningOption] = useState();\n const [showWinningText, setShowWinningText] = useState(false);\n const [showFreeSpin, setShowFreeSpin] = useState(false);\n const [showTotalSpinText, setShowTotalSpinText] = useState(0);\n const [hasSpinOnce, setHasSpinOnce] = useState(false);\n const [isFreeSpinWin, setIsFreeSpinWin] = useState(true);\n\n const [openMiniGameModal, setOpenMiniGameModal] = useState(false);\n const [isDragging, setIsDragging] = useState(false);\n const [currentActiveTab, setCurrentActiveTab] = useState(\"COINMINI\");\n const [coinMiniGameUrl, setCoinMiniGameUrl] = useState(\"\");\n const [kenoMiniGameUrl, setKenoMiniGameUrl] = useState(\"\");\n const [taiXiuMiniGameUrl, setTaiXiuMiniGameUrl] = useState(\"\");\n const [miniGamesFirstClicked, setMiniGamesFirstClicked] = useState([\"COINMINI\"]);\n const [showMiniGameTrigger, setShowMiniGameTrigger] = useState(JSON.parse(localStorage.getItem(SessionKey._ISSHOWMINIGAMETRIGGER)));\n const [controlledPosition, setControlledPosition] = useState({});\n const [startGameTime, setStartGameTime] = useState(\"\");\n const [isLoading, setIsLoading] = useState(true);\n const [games93Connect, setGames93Connect] = useState({});\n const delayTime = 4000;\n const [content, setContent] = useState(\"\");\n const onControlledDrag = (e, position) => {\n const { x, y } = position;\n setControlledPosition({ x, y });\n }\n const toggle = tab => {\n if (currentActiveTab !== tab) {\n if (startGameTime != \"\") {\n const withinSecond = new Date().getTime() - startGameTime < delayTime;\n if (miniGamesFirstClicked.indexOf(tab) == -1) {\n if (!withinSecond) {\n setCurrentActiveTab(tab);\n setIsLoading(true);\n startMiniGame(tab, 'd');\n setTimeout(function () {\n setMiniGamesFirstClicked([...miniGamesFirstClicked, tab]);\n setIsLoading(false);\n }, delayTime);\n }\n }\n else if (miniGamesFirstClicked.indexOf(currentActiveTab) != -1) {\n setCurrentActiveTab(tab);\n }\n }\n }\n }\n\n const [currentWindowWidth, setCurrentWindowWidth] = useState(\n Math.max(document.documentElement.clientWidth || 0,\n window.innerWidth || 0\n )\n );\n const [currentWindowHeight, setCurrentWindowHeight] = useState(\n Math.max(\n document.documentElement.clientHeight || 0,\n window.innerHeight || 0\n )\n );\n\n // const elementHeader = document.getElementById(\"header\");\n const elementHeader = document.getElementById(\"header-wrapper\");\n const headerHeight = elementHeader.offsetHeight * -1;\n\n const sportSlider = {\n slidesToShow: sportGameCount > 3 ? 3 : sportGameCount,\n dots: false,\n arrows: false,\n infinite: true,\n autoplay: true,\n responsive: [\n {\n breakpoint: 1200,\n settings: {\n slidesToShow: sportGameCount,\n },\n },\n ],\n };\n\n const fifaGroups = [\n {\n group_title: \"Group A\",\n group_list: [\n {\n title: \"A1\",\n flag: require(\"../../assets/img/sports/a1.png\"),\n country: \"Qatar\",\n },\n {\n title: \"A2\",\n flag: require(\"../../assets/img/sports/a2.png\"),\n country: \"Ecuador\",\n },\n {\n title: \"A3\",\n flag: require(\"../../assets/img/sports/a3.png\"),\n country: \"Senegal\",\n },\n {\n title: \"A4\",\n flag: require(\"../../assets/img/sports/a4.png\"),\n country: \"Netherlands\",\n },\n ]\n },\n {\n group_title: \"Group B\",\n group_list: [\n {\n title: \"B1\",\n flag: require(\"../../assets/img/sports/b1.png\"),\n country: \"England\",\n },\n {\n title: \"B2\",\n flag: require(\"../../assets/img/sports/b2.png\"),\n country: \"IR Iran\",\n },\n {\n title: \"B3\",\n flag: require(\"../../assets/img/sports/b3.png\"),\n country: \"USA\",\n },\n {\n title: \"B4\",\n flag: require(\"../../assets/img/sports/b4.png\"),\n country: \"Wales\",\n },\n ]\n },\n {\n group_title: \"Group C\",\n group_list: [\n {\n title: \"C1\",\n flag: require(\"../../assets/img/sports/c1.png\"),\n country: \"Argentina\",\n },\n {\n title: \"C2\",\n flag: require(\"../../assets/img/sports/c2.png\"),\n country: \"Saudi Arabia\",\n },\n {\n title: \"C3\",\n flag: require(\"../../assets/img/sports/c3.png\"),\n country: \"Mexico\",\n },\n {\n title: \"C4\",\n flag: require(\"../../assets/img/sports/c4.png\"),\n country: \"Poland\",\n },\n ]\n },\n {\n group_title: \"Group D\",\n group_list: [\n {\n title: \"D1\",\n flag: require(\"../../assets/img/sports/d1.png\"),\n country: \"France\",\n },\n {\n title: \"D2\",\n flag: require(\"../../assets/img/sports/d2.png\"),\n country: \"Denmark\",\n },\n {\n title: \"D3\",\n flag: require(\"../../assets/img/sports/d3.png\"),\n country: \"Tunisia\",\n },\n {\n title: \"D4\",\n flag: require(\"../../assets/img/sports/d4.png\"),\n country: \"Australia\",\n },\n ]\n },\n {\n group_title: \"Group E\",\n group_list: [\n {\n title: \"E1\",\n flag: require(\"../../assets/img/sports/e1.png\"),\n country: \"Spain\",\n },\n {\n title: \"E2\",\n flag: require(\"../../assets/img/sports/e2.png\"),\n country: \"Germany\",\n },\n {\n title: \"E3\",\n flag: require(\"../../assets/img/sports/e3.png\"),\n country: \"Japan\",\n },\n {\n title: \"E4\",\n flag: require(\"../../assets/img/sports/e4.png\"),\n country: \"Costa Rica\",\n },\n ]\n },\n {\n group_title: \"Group F\",\n group_list: [\n {\n title: \"F1\",\n flag: require(\"../../assets/img/sports/f1.png\"),\n country: \"Belgium\",\n },\n {\n title: \"F2\",\n flag: require(\"../../assets/img/sports/f2.png\"),\n country: \"Canada\",\n },\n {\n title: \"F3\",\n flag: require(\"../../assets/img/sports/f3.png\"),\n country: \"Morocco\",\n },\n {\n title: \"F4\",\n flag: require(\"../../assets/img/sports/f4.png\"),\n country: \"Croatia\",\n },\n ]\n },\n {\n group_title: \"Group G\",\n group_list: [\n {\n title: \"G1\",\n flag: require(\"../../assets/img/sports/g1.png\"),\n country: \"Brazil\",\n },\n {\n title: \"G2\",\n flag: require(\"../../assets/img/sports/g2.png\"),\n country: \"Serbia\",\n },\n {\n title: \"G3\",\n flag: require(\"../../assets/img/sports/g3.png\"),\n country: \"Switzerland\",\n },\n {\n title: \"G4\",\n flag: require(\"../../assets/img/sports/g4.png\"),\n country: \"Cameroon\",\n },\n ]\n },\n {\n group_title: \"Group H\",\n group_list: [\n {\n title: \"H1\",\n flag: require(\"../../assets/img/sports/h1.png\"),\n country: \"Portugal\",\n },\n {\n title: \"H2\",\n flag: require(\"../../assets/img/sports/h2.png\"),\n country: \"Ghana\",\n },\n {\n title: \"H3\",\n flag: require(\"../../assets/img/sports/h3.png\"),\n country: \"Uruguay\",\n },\n {\n title: \"H4\",\n flag: require(\"../../assets/img/sports/h4.png\"),\n country: \"Korea Republic\",\n },\n ]\n },\n ];\n\n async function submitPin(pin, conf) {\n try {\n let params = {\n pinNumber: pin,\n confirmPinNumber: conf,\n };\n let responseJson = await ApiEngine.post(\n ApiUrl._API_SET_SHAREHOLDER_PIN_NUMBER,\n createFormBody(params)\n );\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setShowCreateShareholderPin(false);\n setInvalidPin(false);\n }\n _dispatch(\n showResponseMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n responseJson[ApiKey._API_MESSAGE_KEY]\n )\n );\n\n elePin[\"current\"].clear();\n eleConfirm[\"current\"].clear();\n setPinNumber(\"\");\n setEnteredPinNumber(\"\");\n setPinNumberFocused(0);\n setPinNumberConfirm(\"\");\n setEnteredPinNumberConfirm(\"\");\n setPinNumberConfirmFocused(0);\n } catch (err) {\n _dispatch(showResponseMessage(false, err));\n }\n }\n\n const adjustFocus = () => {\n if (eleConfirm[\"current\"] !== null) {\n if (\n eleConfirm[\"current\"][\"values\"][0] == \"\" ||\n eleConfirm[\"current\"][\"values\"][0] == undefined\n ) {\n eleConfirm[\"current\"][\"elements\"][0].focus();\n }\n }\n };\n\n\n\n\n function onCreatePinKeyPress(value) {\n // 1st: have to know if entering for elePin or eleConfirm\n // 2nd: have to know which index is currently focused for altering the state.value\n // 3rd: have to check if at elePin.index(3), if yes then convert value to string and focus on eleConfirm.index(0)\n // 4th: have to check if at eleConfirm.index(3), if yes then convert value to string, and submitPin\n\n let currentIndex = 0;\n let pinStr = enteredPinNumber;\n let pinConfirmStr = enteredPinNumberConfirm;\n if (value !== \"{bksp}\") {\n if (pinNumber === \"\") {\n currentIndex = pinNumberFocused;\n // elePin[\"current\"][\"elements\"][currentIndex].state.value = value;\n pinStr = value;\n setEnteredPinNumber(pinStr);\n if (currentIndex !== 3) {\n currentIndex++;\n setPinNumberFocused(currentIndex);\n elePin[\"current\"][\"elements\"][currentIndex].focus();\n } else {\n setPinNumber(pinStr);\n }\n } else {\n currentIndex = pinNumberConfirmFocused;\n // eleConfirm[\"current\"][\"elements\"][currentIndex].state.value = value;\n pinConfirmStr = value;\n setEnteredPinNumberConfirm(pinConfirmStr);\n currentIndex++;\n setPinNumberConfirmFocused(currentIndex);\n if (currentIndex < 3) {\n eleConfirm[\"current\"][\"elements\"][currentIndex].focus();\n } else {\n setPinNumberConfirm(pinConfirmStr);\n // setTimeout(function () {\n // submitPin(pinNumber, pinConfirmStr);\n // }, 1000);\n }\n }\n } else {\n elePin[\"current\"].clear();\n eleConfirm[\"current\"].clear();\n setPinNumber(\"\");\n setEnteredPinNumber(\"\");\n setPinNumberFocused(currentIndex);\n setPinNumberConfirm(\"\");\n setEnteredPinNumberConfirm(\"\");\n setPinNumberConfirmFocused(currentIndex);\n elePin[\"current\"][\"elements\"][currentIndex].focus();\n }\n }\n\n const gameProviders = useSelector((state) =>\n filter(state.gameState.gameProviders, (item) => {\n return item.hasOwnLobby;\n })\n );\n\n const carouselGameList = useSelector(\n (state) => state.gameState.gameProviders\n );\n\n const languageId = useSelector((state) => state.languageState.languageId);\n useEffect(() => {\n const scrollEvent = () => {\n window.addEventListener(\"scroll\", (e) => {\n setScrollTop(e.target.documentElement.scrollTop);\n });\n };\n\n scrollEvent();\n\n return () => {\n //window.removeEventListener(\"scroll\");\n };\n }, []);\n\n useEffect(() => {\n }, [scrollTop]);\n\n useEffect(() => {\n init();\n getSportGames();\n getMarqueeTagContent();\n\n // setTimeout(() => {\n // setAddRightCss('move-negative-right');\n // }, 800);\n\n setTimeout(() => {\n setDNone('d-block');\n }, 1300);\n\n }, []);\n\n useEffect(() => {\n getBannerLanguage();\n getMarqueeTagContent();\n }, [(localStorage.getItem(SessionKey._LANGUAGE) && localStorage.getItem(SessionKey._LANGUAGE) != 'undefined' ?\n localStorage.getItem(SessionKey._LANGUAGE) : 'en')]);\n\n useEffect(() => {\n if (isLoggedIn) {\n getMemberInit();\n }\n else {\n setShowCreateShareholderPin(false);\n }\n setShowMiniGameTrigger(JSON.parse(localStorage.getItem(SessionKey._ISSHOWMINIGAMETRIGGER)));\n }, [isLoggedIn]);\n\n useEffect(() => {\n if (JSON.parse(localStorage.getItem(SessionKey._ISONLOAD)) === true) {\n localStorage.setItem(SessionKey._ISONLOAD, false);\n }\n else if (JSON.parse(localStorage.getItem(SessionKey._ISONLOAD)) === false) {\n localStorage.setItem(SessionKey._ISSHOWMINIGAMETRIGGER, true);\n setShowMiniGameTrigger(true);\n }\n }, []);\n\n window.onbeforeunload = function () {\n localStorage.setItem(SessionKey._ISONLOAD, true);\n };\n\n async function getMarqueeTagContent() {\n //\"&languageCode=\" +\n // (localStorage.getItem(SessionKey._LANGUAGE) && localStorage.getItem(SessionKey._LANGUAGE) != 'undefined' ?\n // localStorage.getItem(SessionKey._LANGUAGE) : 'en');\n let responseJson = await ApiEngine.get(\n ApiUrl._API_GET_MARQUEE_TAG_CONTENT\n + \"?MarqueeTagId=1\"\n + \"&LanguageCode=\" +\n (localStorage.getItem(SessionKey._LANGUAGE) && localStorage.getItem(SessionKey._LANGUAGE) != 'undefined' ?\n localStorage.getItem(SessionKey._LANGUAGE) : 'en')\n );\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n responseJson[ApiKey._API_DATA_KEY].map((option) => {\n setContent(option[\"content\"]);\n\n });\n //responseJson[ApiKey._API_DATA_KEY];\n }\n }\n\n async function init() {\n _dispatch(setBusy());\n\n //get all new game and recommended game\n let apiUrl =\n ApiUrl._API_GET_IS_NEW_MASTER_PRODUCT_GROUPED_GAME +\n \"?languageId=\" +\n languageId +\n \"&Count=\" +\n 14;\n // if (isLoggedIn) {\n // apiUrl += \"&memberId=\" + _userData.userId;\n // }\n var responseJson = await ApiEngine.get(apiUrl);\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\n let newGamesData = responseJson[ApiKey._API_DATA_KEY][\"isNewGame\"];\n setNewGames(newGamesData);\n\n let recommendedGamesData =\n responseJson[ApiKey._API_DATA_KEY][\"isReccommendedGame\"];\n setRecommendedGames(recommendedGamesData);\n } else {\n _dispatch(\n showResponseMessage(false, responseJson[ApiKey._API_MESSAGE_KEY])\n );\n }\n\n\n\n\n\n\n //for fifa world cup\n // var apiUrl2 = ApiUrl._API_GET_WEB_CONTENT + \"?Name=FIFA World Cup 2022 Groups\";\n // var responseJson2 = await ApiEngine.get(apiUrl2); \n // if (responseJson2[ApiKey._API_SUCCESS_KEY]) {\n // const name = responseJson2[ApiKey._API_DATA_KEY][\"name\"];\n // const content = responseJson2[ApiKey._API_DATA_KEY][\"content\"];\n // setTitle(name);\n // setHtml(content);\n // }\n\n let currTime = Date.parse(currentTime);\n let cnyEndTimeNew = Date.parse(cnyEndTime);\n if (currTime > cnyEndTimeNew) {\n setShowTrigger(false);\n }\n\n _dispatch(setIdle());\n }\n\n\n const getBannerLanguage = async () => {\n let apiUrl = ApiUrl._API_GET_USER_BANNER + \"?isDesktop=true&isPopup=false&languageCode=\" +\n (localStorage.getItem(SessionKey._LANGUAGE) && localStorage.getItem(SessionKey._LANGUAGE) != 'undefined' ?\n localStorage.getItem(SessionKey._LANGUAGE) : 'en');\n\n // localStorage.getItem(SessionKey._LANGUAGE);\n let responseJson = await ApiEngine.get(apiUrl);\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n let data = responseJson[ApiKey._API_DATA_KEY];\n if (data.filter(x => x.displayDevice === 0).length > 0) {\n let tempMainBannerData = data.filter(x => x.displayDevice === 0);\n // let tempMainBannerData = data.filter(x => x.displayDevice === 0)[0];\n // setMainBannerData(tempMainBannerData);\n // setMainBannerImg(tempMainBannerData.desktopImage);\n if (tempMainBannerData.length > 0) {\n setMainBannerData(tempMainBannerData);\n }\n else {\n setMainBannerData();\n }\n }\n else {\n setMainBannerData();\n }\n let tempSliderBannerList = [];\n if (data.filter(x => x.displayDevice === 1).length > 0) {\n data.filter(x => x.displayDevice === 1).map((banner) => {\n tempSliderBannerList.push({ image: banner.desktopImage, url: banner.url });\n });\n }\n setSliderBannerList(tempSliderBannerList);\n setIsLoaded(true);\n }\n }\n\n const getSportGames = async () => {\n let responseJson = await ApiEngine.get(ApiUrl._API_GET_PRODUCT_GAME_LIST_BY_CATEGORY_ID + \"?categoryName=Sports&languageCode=\" + localStorage.getItem(SessionKey._LANGUAGE));\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n let data = responseJson[ApiKey._API_DATA_KEY];\n let tempSportGames = [];\n data.filter(x => !stringIsNullOrEmpty(x['desktopImage'])).map((row, index) => {\n tempSportGames.push(row);\n });\n ///* currently number of slides is equal to slidesToShow, need to add the same slides one more time for the sliding to work */\n //data.filter(x => !stringIsNullOrEmpty(x['desktopImage'])).map((row, index) => {\n // tempSportGames.push(row);\n //});\n setSportGames(tempSportGames);\n setSportGameCount(tempSportGames.length);\n }\n }\n\n //pass filter data\n async function handleFilterByProvider(id, count, type) {\n let apiUrl =\n ApiUrl._API_GET_IS_NEW_MASTER_PRODUCT_GROUPED_GAME +\n \"?id=\" +\n id +\n \"&languageId=\" +\n languageId +\n \"&Count=\" +\n count;\n // if (isLoggedIn) {\n // apiUrl += \"&memberId=\" + _userData.userId;\n // }\n var responseJson = await ApiEngine.get(apiUrl);\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n if (type === \"newGames\") {\n let newGamesData = responseJson[ApiKey._API_DATA_KEY][\"isNewGame\"];\n\n setNewGames(newGamesData);\n if (isFilterNewDropdownVisible) {\n setIsFilterNewDropdownVisible(!isFilterNewDropdownVisible);\n }\n } else if (type === \"popularGames\") {\n let recommendedGamesData =\n responseJson[ApiKey._API_DATA_KEY][\"isReccommendedGame\"];\n setRecommendedGames(recommendedGamesData);\n if (isFilterPopularDropdownVisible) {\n setIsFilterPopularDropdownVisible(!isFilterPopularDropdownVisible);\n }\n }\n } else {\n _dispatch(\n showResponseMessage(false, responseJson[ApiKey._API_MESSAGE_KEY])\n );\n }\n }\n\n async function getMemberInit() {\n let member = [];\n try {\n let responseJson = await ApiEngine.get(ApiUrl._API_GET_MEMBER_DETAILS_DASHBOARD);\n // setLoadingMemberFlag(false);\n if (!responseJson[ApiKey._API_SUCCESS_KEY]) {\n throw responseJson[ApiKey._API_MESSAGE_KEY];\n }\n setMemberData(responseJson[ApiKey._API_DATA_KEY]);\n member = responseJson[ApiKey._API_DATA_KEY];\n if (member[\"nvPMIv9IddoM6dAJCV6p\"] > 0) {\n let responseJson = await ApiEngine.get(ApiUrl._API_GET_FREE_SPIN_CONTENTS);\n let _temp = [];\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n let data = responseJson[ApiKey._API_DATA_KEY];\n\n data[\"itemData\"].map((item) => {\n _temp.push({\n id: item.id,\n option: item.name,\n style:\n {\n backgroundColor: item.backgroundColor,\n textColor: item.fontColor,\n fontSize: item.fontSize\n },\n optionSize: item.optionSize,\n amount: item.amount,\n winChance: item.winChance\n });\n })\n setWheelOuterBorderColor(data[\"wheelData\"].filter(x => (x.key).endsWith(\"WheelOuterBorderColor\"))[0].value);\n setWheelInnerBorderColor(data[\"wheelData\"].filter(x => (x.key).endsWith(\"WheelInnerBorderColor\"))[0].value);\n setFreeSpinItems(_temp);\n calculateWinItem(_temp);\n setShowFreeSpin(true);\n }\n setShowTotalSpinText(member[\"nvPMIv9IddoM6dAJCV6p\"]);\n //let _t = [];\n //let transactionId = responseJsonCheck[ApiKey._API_DATA_KEY][\"jfjisH09DJKASDJ\"];\n //transactionId.map((item) => {\n // _t.push({\n // id: item\n // });\n //})\n //setCountOfButton(_t.length);\n //setTxnIdListForFreeSpin(_t);\n //setShowTotalSpinText(transactionId.length);\n }\n setLoadingMemberFlag(true);\n let params = {};\n\n if (member[\"isShareHolder\"] === true) {\n responseJson = await ApiEngine.post(\n ApiUrl._API_CHECK_SHAREHOLDER_PIN_NUMBER,\n createFormBody(params)\n );\n if (!responseJson[ApiKey._API_SUCCESS_KEY]) {\n var theInterval = setInterval(() => {\n if (elePin[\"current\"] == undefined) return;\n \n if (\n elePin[\"current\"][\"values\"][0] == \"\" ||\n elePin[\"current\"][\"values\"][0] == undefined\n ) {\n elePin[\"current\"][\"elements\"][0].focus();\n } else if (\n elePin[\"current\"][\"values\"][1] == \"\" ||\n elePin[\"current\"][\"values\"][1] == undefined\n ) {\n elePin[\"current\"][\"elements\"][1].focus();\n } else if (\n elePin[\"current\"][\"values\"][2] == \"\" ||\n elePin[\"current\"][\"values\"][2] == undefined\n ) {\n elePin[\"current\"][\"elements\"][2].focus();\n } else if (\n elePin[\"current\"][\"values\"][3] == \"\" ||\n elePin[\"current\"][\"values\"][3] == undefined\n ) {\n elePin[\"current\"][\"elements\"][3].focus();\n } else if (\n eleConfirm[\"current\"][\"values\"][0] == \"\" ||\n eleConfirm[\"current\"][\"values\"][0] == undefined\n ) {\n eleConfirm[\"current\"][\"elements\"][0].focus();\n } else if (\n eleConfirm[\"current\"][\"values\"][1] == \"\" ||\n eleConfirm[\"current\"][\"values\"][1] == undefined\n ) {\n eleConfirm[\"current\"][\"elements\"][1].focus();\n } else if (\n eleConfirm[\"current\"][\"values\"][2] == \"\" ||\n eleConfirm[\"current\"][\"values\"][2] == undefined\n ) {\n eleConfirm[\"current\"][\"elements\"][2].focus();\n } else if (\n eleConfirm[\"current\"][\"values\"][3] == \"\" ||\n eleConfirm[\"current\"][\"values\"][3] == undefined\n ) {\n eleConfirm[\"current\"][\"elements\"][3].focus();\n } else {\n var currpin =\n elePin[\"current\"][\"values\"][0] +\n elePin[\"current\"][\"values\"][1] +\n elePin[\"current\"][\"values\"][2] +\n elePin[\"current\"][\"values\"][3];\n var currconfpin =\n eleConfirm[\"current\"][\"values\"][0] +\n eleConfirm[\"current\"][\"values\"][1] +\n eleConfirm[\"current\"][\"values\"][2] +\n eleConfirm[\"current\"][\"values\"][3];\n if (currpin != currconfpin) {\n setInvalidPin(true);\n elePin[\"current\"].clear();\n eleConfirm[\"current\"].clear();\n elePin[\"current\"].focus();\n } else {\n setInvalidPin(false);\n clearInterval(theInterval);\n submitPin(currpin, currconfpin);\n }\n }\n }, 50);\n setTheInterval(theInterval);\n setShowCreateShareholderPin(true);\n }\n }\n else\n {\n setShowCreateShareholderPin(false);\n }\n // await _dispatch(checkIsLoggedIn());\n } catch (errorMessage) {\n _dispatch(showResponseMessage(false, errorMessage));\n } finally {\n _dispatch(setIdle());\n }\n getMarqueeTagContent(member[\"languageSetting\"]);\n }\n\n async function startGame(\n gameId,\n hasOwnLobby,\n masterProductId,\n gameName,\n isSeamless,\n isApp,\n appUrl,\n appDeepLink,\n isNewWindow,\n packageNameKeyword\n ) {\n setSelectedGameName(gameName);\n setMasterProductId(masterProductId);\n setIsApp(isApp);\n setAppDeepLink(appDeepLink);\n setPackageNameKeyword(packageNameKeyword);\n if (isApp && !stringIsNullOrEmpty(appUrl)) {\n setAppUrl(appUrl);\n }\n if (hasOwnLobby !== true) {\n if (isSeamless == false) {\n _dispatch(setBusy());\n var responseJson = await ApiEngine.get(\n ApiUrl._API_GET_NON_SEAMLESS_PRODUCT_BALANCE +\n \"?masterProductId=\" +\n masterProductId\n );\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setWalletList(responseJson[ApiKey._API_DATA_KEY]);\n\n let tempFromOptions = [];\n let tempToOptions = [];\n\n responseJson[ApiKey._API_DATA_KEY].map((product) => {\n let option = {\n label: product.productName,\n value: product.productId,\n amount: parseFloat(product.balance),\n };\n if (product.productId === _MAIN_WALLET_ID) {\n tempFromOptions.push(option);\n } else if (product.productId === masterProductId) {\n setBonus(product.bonus);\n setCommission(product.commission);\n if (product.productName === \"D2 Poker\") {\n setClubFee(product.clubFee);\n }\n setGameWalletBalanceBeforeTransfer(product.balance);\n // if (product.masterProductContent !== null) {\n // setMasterProductContent(product.masterProductContent);\n // } else {\n // setMasterProductContent(\"\");\n // }\n tempToOptions.push(option);\n }\n });\n setFromOptions(tempFromOptions);\n setToOptions(tempToOptions);\n\n var mpJson = await ApiEngine(\n ApiUrl._API_GET_MEMBER_PRODUCT_DETAILS +\n \"?masterProductId=\" +\n masterProductId\n );\n if (mpJson[ApiKey._API_SUCCESS_KEY]) {\n let data = mpJson[ApiKey._API_DATA_KEY];\n setMpData(data);\n if (window.ReactNativeWebView && isApp) {\n window.ReactNativeWebView.postMessage(\n JSON.stringify({\n action: \"deeplink\",\n url: appUrl,\n deeplink: appDeepLink\n .replace(\"[username]\", data[\"username\"])\n .replace(\"[password]\", data[\"password\"]),\n packageKeyword: packageNameKeyword,\n })\n );\n }\n }\n }\n setProductGameId(gameId);\n var isNewWindowJson = await ApiEngine(\n ApiUrl._API_GET_GAME_IS_NEW_WINDOW + \"?gameId=\" + gameId\n );\n // setShowPregamePopup(true);\n\n setIsNewWindow(isNewWindowJson[ApiKey._API_DATA_KEY]);\n setShowPregamePopup(true);\n\n _dispatch(setIdle());\n } else {\n window.open(\n `${process.env.REACT_APP_ENDPOINT_URL || \"\"}${ApiUrl._API_START_GAME\n }?gameId=${gameId}&isApp=${isApp ? 1 : 0}&device=d`\n );\n }\n } else {\n if (isSeamless == false) {\n _dispatch(setBusy());\n var responseJson = await ApiEngine.get(\n ApiUrl._API_GET_NON_SEAMLESS_PRODUCT_BALANCE +\n \"?masterProductId=\" +\n masterProductId\n );\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setWalletList(responseJson[ApiKey._API_DATA_KEY]);\n\n let tempFromOptions = [];\n let tempToOptions = [];\n\n responseJson[ApiKey._API_DATA_KEY].map((product) => {\n let option = {\n label: product.productName,\n value: product.productId,\n amount: parseFloat(product.balance),\n };\n if (product.productId === _MAIN_WALLET_ID) {\n tempFromOptions.push(option);\n } else if (product.productId === masterProductId) {\n setBonus(product.bonus);\n setCommission(product.commission);\n if (product.productName === \"D2 Poker\") {\n setClubFee(product.clubFee);\n }\n setGameWalletBalanceBeforeTransfer(product.balance);\n // if (product.masterProductContent !== null) {\n // setMasterProductContent(product.masterProductContent);\n // } else {\n // setMasterProductContent(\"\");\n // }\n tempToOptions.push(option);\n }\n });\n setFromOptions(tempFromOptions);\n setToOptions(tempToOptions);\n\n var mpJson = await ApiEngine(\n ApiUrl._API_GET_MEMBER_PRODUCT_DETAILS +\n \"?masterProductId=\" +\n masterProductId\n );\n if (mpJson[ApiKey._API_SUCCESS_KEY]) {\n let data = mpJson[ApiKey._API_DATA_KEY];\n setMpData(data);\n }\n }\n\n var isNewWindowJson = await ApiEngine(\n ApiUrl._API_GET_GAME_IS_NEW_WINDOW + \"?gameId=\" + gameId\n );\n setIsNewWindow(isNewWindowJson[ApiKey._API_DATA_KEY]);\n setShowPregamePopup(true);\n setProductGameId(gameId);\n // setShowPregamePopup(true);\n setToLobbyBtn(true);\n _dispatch(setIdle());\n }\n }\n }\n\n\n useEffect(() => {\n setDisplayGameMenu(false);\n setTimeout(() => { setDisplayGameMenu(true); setLoadingMemberFlag(false); }, 1);\n\n }, [(localStorage.getItem(SessionKey._LANGUAGE) && localStorage.getItem(SessionKey._LANGUAGE) != 'undefined' ?\n localStorage.getItem(SessionKey._LANGUAGE) : 'en')]);\n\n const handleDraggingStart = (e, platform) => {\n e.target.style.opacity = 0.5;\n\n }\n\n // const setMousePosition = (e, platform) => {\n // // const currentWidthWithButton = currentWindowWidth - 25;\n // if (platform === 'desktop') {\n // // console.log(e.clientX);\n // setCurrentX(e.clientX - 13.5);\n // setCurrentY(e.clientY - 25);\n // if (e.clientX > currentWindowWidth || e.clientX < 0 || e.clientY > currentWindowHeight || e.clientY < 0) {\n // setCurrentX(currentWindowWidth - 25);\n // setCurrentY(50);\n // }\n // }\n // else if (platform === 'mobile') {\n // setCurrentX(e.changedTouches[0].clientX - 13.5);\n // setCurrentY(e.changedTouches[0].clientY - 25);\n // //setCurrentX(e.touches[0].clientX - 10.5);\n // //setCurrentY(e.touches[0].clientY - 21);\n // if (e.changedTouches[0].clientX > currentWindowWidth || e.changedTouches[0].clientX < 0 || e.changedTouches[0].clientY > currentWindowHeight || e.changedTouches[0].clientY < 0) {\n // setCurrentX(currentWindowWidth - 25);\n // setCurrentY(50);\n // }\n // }\n // // console.log(e);\n // // console.log(e.changedTouches[0].clientX);\n // // console.log(e.changedTouches[0].clientY);\n // }\n\n async function startMiniGame(miniGameCode, device) {\n\n let languageCode = localStorage.getItem(SessionKey._LANGUAGE) && localStorage.getItem(SessionKey._LANGUAGE) != 'undefined' ?\n localStorage.getItem(SessionKey._LANGUAGE) : 'en';\n\n // mini game have their own lang id\n let miniGameLangId = 0;\n\n if (languageCode == \"en\" || languageCode == \"id\") {\n miniGameLangId = 0;\n }\n else if (languageCode == \"zh\") {\n miniGameLangId = 1;\n }\n else if (languageCode == \"ms\") {\n miniGameLangId = 2;\n }\n else if (languageCode == \"vi\") {\n miniGameLangId = 3;\n }\n else if (languageCode == \"th\") {\n miniGameLangId = 4;\n }\n\n setStartGameTime(\"\");\n var responseJson = await ApiEngine.get(ApiUrl._API_GET_MINI_GAME_URL +\n \"?miniGameCode=\" + miniGameCode +\n \"&device=\" + device +\n \"&languageId=\" + miniGameLangId \n );\n if (!responseJson[ApiKey._API_SUCCESS_KEY]) {\n throw responseJson[ApiKey._API_MESSAGE_KEY];\n }\n else {\n let data = responseJson[ApiKey._API_DATA_KEY];\n if (miniGameCode == \"COINMINI\") {\n setCoinMiniGameUrl(data);\n setStartGameTime(moment());\n setTimeout(function () {\n setIsLoading(false);\n }, 3000);\n }\n else if (miniGameCode == \"KENOMINI\") {\n setKenoMiniGameUrl(data);\n setStartGameTime(moment());\n }\n else {\n setTaiXiuMiniGameUrl(data);\n setStartGameTime(moment());\n }\n }\n }\n\n const calculateWinItem = async (spinItems) => {\n let responseJson = await ApiEngine.get(ApiUrl._API_GET_FREE_SPIN_WINNER);\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n let data = responseJson[ApiKey._API_DATA_KEY];\n let decodedNameStr = atob(data[\"zUkVuSuytw84kolnmVlA\"]);\n let decodedWinName = decodedNameStr.substring(12);\n if (decodedWinName.indexOf(\"$\") === -1) {\n setIsFreeSpinWin(false);\n }\n let decodedIdStr = atob(data[\"lDcTD7kC9j2GEOYekzXO\"]);\n let decodedWinId = parseInt(decodedIdStr.substring(12));\n setWinningId(decodedWinId);\n var winningItem = spinItems.filter(x => x.id === decodedWinId)[0];\n setWinningOption(winningItem);\n }\n //let loopData = spinItems;\n //let prizeList = [];\n //loopData.map((item) => {\n // let limit = Math.ceil(item.winChance);\n // let count = 0;\n // while (count <= limit) {\n // count++;\n // prizeList.push(item.id);\n // }\n //});\n //let win = Math.ceil(Math.random() * (prizeList.length - 1));\n //let winId = prizeList[win];\n //setWinningId(winId);\n //setWinningOption(spinItems.filter(x => x.id === winId)[0]);\n //if (!isEmpty(winningOption)) {\n // let txnId = txnIdListForFreeSpin[0];\n // console.log(winningOption);\n // createdRecord(txnId, winningOption.id);\n //}\n }\n\n async function spinInsert() {\n setStartSpinning(true);\n setShowWinningText(false);\n createdRecord();\n //setWinningOption(freeSpinItems.filter(x => x.id === winningId)[0]);\n //let x = countOfButton - 1\n //setCountOfButton(x);\n }\n\n async function createdRecord() {\n let params1 = {\n transactionTypeId: TransactionType._FREESPIN,\n amount: winningOption.amount,\n channel: BankingChannel._CHANNEL_OFFLINE_BANKING,\n panel: PanelType._MEMBERSITE,\n fvy9yy73vjnwuvjgk9yx: btoa(winningId + \"123456789\"),\n };\n\n let responseJson = await ApiEngine.post(\n ApiUrl._API_CREATE_TRANSACTION,\n createMultiPartFormBody(params1)\n );\n\n //let tempList = txnIdListForFreeSpin.filter(x => x !== txnId);\n //setTxnIdListForFreeSpin(tempList);\n //setShowTotalSpinText(tempList.length);\n }\n\n return (\n <>\n {/* {showTrigger && (\n Countdown Timer
\n {this.state.deadline}
*/}\n ![]({require(\"../../assets/img/cny/Close_Icon.svg\")}){kind=icon}
\n \n \n {\n setShowTrigger(false);\n }}>\n \n
\n \n \n
\n )}\n\n {showMiniGameTrigger &&\n <>\n \n
\n \n
\n \n
\n \n
\n \n \n\n {/*\n \n \n \n
\n \n {\n isLoading &&\n \n \n
\n \n \n
\n }\n \n {\n isLoading &&\n \n \n
\n \n \n
\n }\n \n {\n isLoading &&\n \n \n
\n \n */}\n \n
\n }\n {\n if (!isEmpty(games93Connect)) {\n startGame(\n games93Connect[\"id\"],\n games93Connect[\"hasOwnLobby\"],\n games93Connect[\"masterProductId\"],\n games93Connect[\"gameName\"],\n games93Connect[\"masterProductIsSeamless\"],\n games93Connect[\"isApp\"],\n games93Connect[\"appUrl\"],\n games93Connect[\"appDeepLink\"],\n games93Connect[\"isNewWindow\"]\n );\n }\n }}\n >\n
\n \n
\n \n\n \n
\n \n \n }\n\n {/*cnyModal && (\n \n
\n \n
\n \n )*/}\n \n {\n setCnyModal(false);\n }}>\n \n
\n \n \n \n setDisplayBanner(true)}\n />\n
\n :\n \n \n {mainBannerData &&\n mainBannerData.length &&\n map(mainBannerData, (item, index) => {\n return (\n \n
\n }\n\n {/* {!stringIsNullOrEmpty(mainBannerImg) && mainBannerImg.includes(\"qatar_worldcup_banner\") ?\n <>\n \n {\n if (isLoggedIn) {\n window.open(item.url)\n }\n else if (!isLoggedIn) {\n _dispatch(\n showMessage({\n type: AlertTypes._INFO,\n content: t(\"PLEASE_LOGIN_FIRST\"),\n })\n );\n }\n }\n }\n />\n
\n );\n })}\n \n
\n {t(\"TOURNAMENT_STARTS_IN\")}
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n \n {\n setForgetPin(true);\n sendPinCode();\n }}\n >\n {t(\"RESET_PIN\")}\n \n {smsSent && (\n \n {t(\"PIN_SENT\")} {t(\"RESEND_IN\")} {countdownPeriod} {t(\"SECOND\")}\n \n )}\n {showHpErrorMessage && (\n \n {t(hpErrorMessage)}\n \n )}\n {showAlert && (\n \n
\n )}\n \n {\n clearInterval(theInterval);\n setShowPinEntry(false);\n }}\n data-dismiss=\"modal\"\n aria-hidden=\"true\"\n >\n ×\n \n \n {t(\"ENTER_YOUR_PIN\")}\n \n {\n if (e.key === \"Backspace\") {\n onVerifyPinKeyPress(\"{bksp}\");\n }\n }}\n >\n {\n // setPinNumberFinalFocused(index);\n // console.log(index);\n // }}\n onChange={(value) => {\n onVerifyPinKeyPress(value);\n }}\n type=\"numeric\"\n inputMode=\"number\"\n inputStyle={{\n border: \"0\",\n margin: \"0px 10px\",\n width: \"40px\",\n height: \"40px\",\n backgroundColor: \"transparent\",\n borderBottom: \"2px solid #002e6c\",\n }}\n inputFocusStyle={{ borderBottom: \"2px solid #FFC159\" }}\n regexCriteria={/^[ 0-9_@./#&+-]*$/}\n />\n
\n\n {/* _history.push(WebUrl._URL_FORGET_PIN)}>Forgot PIN?*/}\n\n \n {t(\"WAIT_TO_RESEND\")} \n
\n \n\t\t\t
\n\t);\n};\n\nContentHeader.propTypes = {\n\tenableBackButton: PropTypes.bool,\n\ttitle: PropTypes.string.isRequired,\n\tbackButtonOnClick: PropTypes.func,\n\tescButtonOnClick: PropTypes.func,\n};\n\nContentHeader.defaultProps = {\n\tenableBackButton: false,\n\tbackButtonOnClick: () => window.history.go(-1),\n\tescButtonOnClick: () => {},\n};\n\nexport default ContentHeader;\n","import React, { useState, useEffect } from \"react\";\nimport \"react-simple-keyboard/build/css/index.css\";\nimport Sidebar from \"components/sidebar\";\nimport { map } from \"lodash\";\nimport { WebUrl, _MAIN_WALLET_ID } from \"../../util/Constant\";\nimport { useHistory } from \"react-router-dom\";\nimport MenuRowItem from \"components/menu-row/item\";\nimport Button from \"components/button\";\nimport { numberWithCurrencyFormat } from \"../../util/Util\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport ContentHeader from \"components/content/header\";\nimport { useTranslation } from \"react-i18next\";\nimport moment from \"moment\";\nimport { ApiKey, ApiUrl } from \"../../util/Constant\";\nimport ApiEngine from \"../../util/ApiEngine\";\nimport SweetAlert from \"react-bootstrap-sweetalert\";\nimport { useForm } from \"react-hook-form\";\nimport {\n showResponseMessage,\n setBusy,\n setIdle,\n} from \"../../redux/AppAction.js\";\nimport { createMultiPartFormBody } from \"../../util/Util\";\nimport Spinner from \"react-bootstrap/Spinner\";\nimport { updateUserData } from \"redux/AuthAction\";\n\nconst MainWallet = (props) => {\n const { t } = useTranslation();\n const _history = useHistory();\n var _userData = useSelector((state) => state.authState.userData);\n const [rewardData, setRewardData] = useState([]);\n const [todayDate, setTodayDate] = useState(moment());\n const { handleSubmit } = useForm();\n const [showConfirmation, setShowConfirmation] = useState(false);\n const [showRewardConfirmation, setShowRewardConfirmation] = useState(false);\n var _dispatch = useDispatch();\n const [isCardShown, setIsCardShown] = useState(false);\n const [wallets, setWallets] = useState([]);\n const [loadingWalletFlag, setLoadingWalletFlag] = useState(true);\n const [commission, setCommission] = useState('');\n const [totalReward7Days, setTotalReward7Days] = useState(0);\n\n const walletButtons = [\n {\n image: require(\"../../assets/img/assets/w1.svg\"),\n text: \"TRANSFER\",\n link: WebUrl._URL_TRANSFER,\n rightButton: (\n \n\t\t\t\t
\n\t\t\n\t\t\t\t\t
\n\t\t\t{title}
\n\t\t\t\t\n
\n {walletButtons &&\n walletButtons.length &&\n map(walletButtons, (item, index) => {\n return (\n \n \n
\n\n {/* will add on later */}\n {/* \n
\n
\n\n \n
\n
\n \n \n \n
\n \n \n \n
\n {t(\"MAIN_WALLET\")}
\n\n {\" \"}\n {/* MYR{\" \"} */}\n {numberWithCurrencyFormat(\n _userData[\"walletBalance\"],\n 3,\n true\n )}\n
\n\n
\n \n {t(\"CLICK_TO\") +\n \" \" +\n t(\"VIEW_GAME_WALLET_SMALL_CAP\")}\n
\n \n
\n\n \n
\n\n {loadingWalletFlag && (\n\n \n {t(\"LOADING\")}...\n \n
\n )}\n\n {wallets.filter((i) => i.productId != 0)\n .map((wallet, index) => {\n return (\n {t(\"WALLET_INFO\")}
\n\n\n {loadingWalletFlag && (\n
\n
\n )\n })}\n {wallet[\"productName\"]}
\n{numberWithCurrencyFormat(\n parseFloat(\n wallet[\"balance\"] != \"N/A\" ? wallet[\"balance\"] : 0\n ),\n 3\n )}
\n\n
\n \n
\n \n _history.push(WebUrl._URL_DEPOSIT)}\n />\n
\n \n _history.push(WebUrl._URL_WITHDRAWAL)}\n />\n
\n \n
\n\n \n
\n \n {showConfirmation && (\n {\n setShowConfirmation(false);\n handleSubmit(submitCommissionForm)();\n }}\n onCancel={() => {\n setShowConfirmation(false);\n }}\n >\n )}\n
\n {t(\"COMMISSION\")}
\n\n {/* MYR{\" \"} */}\n {commission == \"\" || commission['totalClaimable'] == 0 ? \"_\" : numberWithCurrencyFormat(commission['totalClaimable'], 3, true)}\n
\n\n
\n \n
\n \n {\n (commission['totalClaimable'] != 0 && commission['totalClaimable'] !== undefined) &&\n preSubmit()\n // commission['totalClaimable'] != 0 && preSubmit()\n }}\n />\n
\n \n _history.push(WebUrl._URL_UNCLAIM_COMMISSION_HISTORY)}\n />\n
\n \n
\n \n
\n \n
\n {t(\"PROMOTION\")}
\n\n {/* MYR{\" \"} */}\n {totalReward7Days > 0\n ? totalReward7Days.toFixed(3)\n : \"-\"}\n
\n\n 0\n ? \"second\"\n : \"first-claim\"\n }\n >\n
\n \n {showRewardConfirmation && (\n {\n setShowRewardConfirmation(false);\n handleSubmit(submitForm)();\n }}\n onCancel={() => {\n setShowRewardConfirmation(false);\n }}\n >\n )}\n\n {totalReward7Days > 0 && (\n \n totalReward7Days > 0 &&\n preRewardSubmit()\n }\n />\n )}\n
\n \n _history.push(WebUrl._URL_REWARDS)}\n />\n
\n \n
*/}\n \n
\n \n
\n {t(\"MEMBER\") + \" \" + t(\"LEVEL\")}
\n{t(\"GOLD\")}
\n\n {parseFloat(serviceCharge) !== 0 && (\n
\n )}\n \n
\n )}\n \n {t(\"SERVICE_CHARGE_DISCLAIM\") +\n serviceCharge +\n \"%\" +\n t(\"SERVICE_CHARGE_DISCLAIM_BACK\")}\n
\n \n
\n \n );\n};\n\nexport default PowerPayDeposit;","import React, { useState, useEffect } from \"react\";\nimport NormalDeposit from \"./NormalDeposit\";\nimport TNGDeposit from \"./TNGDeposit\";\nimport InstantDeposit from \"./InstantDeposit\";\nimport IBayarDeposit from \"./IBayarDeposit\";\nimport SPGDeposit from \"./SPGDeposit\";\nimport VaderDeposit from \"./VaderDeposit\";\nimport SPGQRDeposit from \"./SPGQRDeposit\";\nimport VaderQRDeposit from \"./VaderQRDeposit\";\nimport FattyPayDeposit from \"./FattyPayDeposit\";\nimport FattyPayQRDeposit from \"./FattyPayQRDeposit\";\nimport PowerPayDeposit from \"./PowerPayDeposit\";\nimport \"react-simple-keyboard/build/css/index.css\";\nimport Sidebar from \"components/sidebar\";\nimport { isEmpty, isNull, map } from \"lodash\";\nimport ContentHeader from \"components/content/header\";\nimport ApiEngine from \"../../util/ApiEngine\";\nimport { useForm } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\nimport { ApiKey, ApiUrl, SessionKey, WebUrl,\n LanguageOption, } from \"../../util/Constant\";\nimport moment from \"moment\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport {\n Nav,\n NavItem,\n NavLink,\n TabContent,\n TabPane,\n Modal,\n ModalBody,\n} from \"reactstrap\";\nimport { stringIsNullOrEmpty, createFormBody } from \"../../util/Util\";\nimport {\n showResponseMessage,\n showResponseMessageWithoutT,\n} from \"../../redux/AppAction\";\nimport classnames from \"classnames\";\nimport TngIcon from \"../../assets/img/assets/normal1.svg\";\nimport NormalIcon from \"../../assets/img/assets/normal2.svg\";\nimport PayTrustIcon from \"../../assets/img/assets/payment2.svg\";\nimport VaderPayIcon from \"../../assets/img/assets/payment4.svg\";\nimport VaderPayQRIcon from \"../../assets/img/assets/VaderPay_QR.svg\";\nimport SPGIcon from \"../../assets/img/assets/SPG.svg\";\nimport FattyPayIcon from \"../../assets/img/assets/FattyPay.svg\";\nimport FattyPayQRIcon from \"../../assets/img/assets/truepayWhite.svg\";\nimport PowerPayicon from \"../../assets/img/icon/PowerPay.png\";\nimport SPGQRIcon from \"../../assets/img/assets/SPG_QR.svg\";\nimport OfflineIcon from \"../../assets/img/icon/Offline_Icon.png\";\nimport { Link } from \"react-router-dom\";\nimport { mdiHistory } from \"@mdi/js\";\nimport Icon from \"@mdi/react\";\nimport { Accordion } from \"react-bootstrap\";\nimport { useAccordionButton } from \"react-bootstrap/AccordionButton\";\nimport Slider from \"react-slick\";\n\nfunction CustomToggle({ children, eventKey }) {\n const wrapOnClick = useAccordionButton(eventKey, () =>\n console.log(\"totally custom!\")\n );\n\n return \n \n
\n {children}
;\n}\n\nconst Deposit = () => {\n const { t } = useTranslation();\n const _dispatch = useDispatch();\n const { setValue } = useForm();\n\n const {\n handleSubmit: handleFullNameSubmit,\n register: registerFullName,\n getValues: getValuesFullName,\n errors: errorsFullName,\n setValue: setValueFullName,\n } = useForm();\n\n const _INSTANT_DEPOSIT = 0;\n const _NORMAL_DEPOSIT = -1;\n const _TNG_DEPOSIT = -2;\n const _SPG_QR = -3;\n const _VADERPAY_QR = -4;\n const _INSTANT_PAYMENT = 1;\n const _NORMAL_UPLOAD_DEPOSIT = 2;\n const _QR_DEPOSIT = 3;\n const [headerMsg, setHeaderMsg] = useState(\"\");\n\n const [instantPayOption, setInstantPayOption] = useState([]);\n const [tempInstantPayOption, setTempInstantPayOption] = useState([]);\n //const [tempNormalPayOption, setTempNormalPayOption] = useState([]);\n const [paymentOptionList, setPaymentOptionList] = useState([]);\n const [paymentOption, setPaymentOption] = useState(_INSTANT_DEPOSIT);\n const [activeTab, setActiveTab] = useState(_INSTANT_PAYMENT);\n const [showFullnamePopup, setShowFullnamePopup] = useState(false);\n const [memberId, setMemberId] = useState(\"\");\n const [tngStartTime, setTngStartTime] = useState(moment());\n const [tngEndTime, setTngEndTime] = useState(moment());\n const [activePaymentOption, setActivePaymentOption] = useState();\n const [tngStatus, setTngStatus] = useState(false);\n const [transType, setTransType] = useState(\"\");\n const currentHourInUTC0 = moment();\n const [countdownPeriod, setCountdownPeriod] = useState(0);\n const [hasPendingTxn, setHasPendingTxn] = useState(false);\n const [countdownStr, setCountdownStr] = useState(\"\");\n const [timeDiffSeconds, setTimeDiffSeconds] = useState(0);\n const [countdownTime, setCountdownTime] = useState();\n const _SECONDS_IN_MS = 1000;\n\n const [bonusDepositList, setBonusDepositList] = useState([]);\n const [bonusDeposit, setBonusDeposit] = useState(\"\");\n const [bonusDepositName, setBonusDepositName] = useState(\"\");\n const [showPaymentOption, setShowPaymentOption] = useState(false);\n let _userData = useSelector((state) => state.authState.userData);\n\n var TNG_START_HOUR_LIMIT_IN_UTC0 = 0;\n var TNG_END_HOUR_LIMIT_IN_UTC0 = 23;\n //var vaderPayStartTime = moment(\n // moment().format(\"YYYY-MM-DD\") + \" 00:30:00.000\"\n //);\n //var vaderPayEndTime = moment(moment().format(\"YYYY-MM-DD\") + \" 23:30:00.000\");\n\n const toggleTab = async (tab) => {\n if (activeTab !== tab) {\n setActiveTab(tab);\n }\n //await togglePaymentOptionList(tab);\n };\n\n const bannerSlick = {\n slidesToShow: 3,\n dots: true,\n arrows: false,\n swipe: true,\n infinite: false,\n swipeToSlide: true,\n speed: 1000,\n // autoplay: true,\n };\n\n useEffect(() => {\n init();\n }, [(localStorage.getItem(SessionKey._LANGUAGE) && localStorage.getItem(SessionKey._LANGUAGE) != 'undefined' ?\n localStorage.getItem(SessionKey._LANGUAGE) : 'en')]);\n\n useEffect(() => {\n if (countdownPeriod > 0) {\n clearTimeout(countdownTime);\n setCountdownTime(\n setTimeout(() => {\n let tempPeriod = countdownPeriod - 1;\n setCountdownPeriod(tempPeriod);\n let tempX = moment.duration(tempPeriod);\n let tempMM = Math.floor(tempX[\"_milliseconds\"] / 60);\n let tempSS = tempX[\"_milliseconds\"] - tempMM * 60;\n setTimeDiffSeconds(tempX[\"_milliseconds\"]);\n let tempStr =\n (tempMM.toString().length > 1 ? tempMM : \"0\" + tempMM) +\n \" \" +\n t(\"MINUTES\") +\n \" \" +\n (tempSS.toString().length > 1 ? tempSS : \"0\" + tempSS) +\n \" \" +\n t(\"SECOND\");\n setCountdownStr(tempStr);\n\n }, _SECONDS_IN_MS)\n );\n }\n }, [countdownPeriod]);\n\n async function showTngOffline() {\n _dispatch(\n showResponseMessageWithoutT(\n false,\n t(\"TNG_OFFLINE\", { startTime: tngStartTime, endTime: tngEndTime })\n )\n );\n }\n\n async function showTngUnavailable() {\n _dispatch(showResponseMessageWithoutT(false, t(\"TNG_UNAVAILABLE\")));\n }\n\n const init = () => {\n (async function () {\n let memberJson = await ApiEngine.get(ApiUrl._API_GET_USER_FULLNAME);\n if (memberJson[ApiKey._API_SUCCESS_KEY]) {\n setMemberId(memberJson[ApiKey._API_DATA_KEY][\"memberId\"]);\n if (\n stringIsNullOrEmpty(memberJson[ApiKey._API_DATA_KEY][\"userFullName\"])\n ) {\n setShowFullnamePopup(true);\n }\n }\n let tempOptions = [];\n let responseJson = await ApiEngine.get(\n ApiUrl._API_GET_USER_PAYMENT_GATEWAY_INFO\n );\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setInstantPayOption(responseJson[ApiKey._API_DATA_KEY]);\n\n let temp = responseJson[ApiKey._API_DATA_KEY].findIndex(\n (x) => x.instantPayGatewayString === activePaymentOption\n );\n\n setPaymentOption(temp);\n responseJson[ApiKey._API_DATA_KEY].map((option, index) => {\n option[\"status\"] === true &&\n tempOptions.push({\n key: index,\n value: option.id,\n label: option.instantPayGatewayString,\n image: option.image,\n fee: option.serviceCharge,\n paymentType: option.instantPayGatewayString.endsWith(\" QR\") || option.instantPayGatewayString == \"TruePay\"\n ? t(\"DUIT_NOW\")\n : t(\"INSTANT_PAYMENT\"),\n });\n });\n setTempInstantPayOption(tempOptions);\n //let tempNormalOptions = [];\n let TnGresponseJson = await ApiEngine.get(\n ApiUrl._API_GET_COMPANY_TNG_SYSTEM_SETTINGS\n );\n let startTimeStr = \"\";\n let endTimeStr = \"\";\n let TnGStatus = false;\n\n if (\n TnGresponseJson[ApiKey._API_SUCCESS_KEY] &&\n TnGresponseJson[ApiKey._API_DATA_KEY].length > 0\n ) {\n let data = TnGresponseJson[ApiKey._API_DATA_KEY];\n\n data.map((keyValuePair, index) => {\n if (keyValuePair[\"key\"] === \"TnGStartTime\") {\n startTimeStr = keyValuePair[\"value\"];\n setTngStartTime(keyValuePair[\"value\"]);\n TNG_START_HOUR_LIMIT_IN_UTC0 = moment(\n moment().format(\"YYYY-MM-DD\") + \" \" + startTimeStr,\n \"YYYY-MM-DD HH:mm:ss\"\n );\n }\n if (keyValuePair[\"key\"] === \"TnGEndTime\") {\n endTimeStr = keyValuePair[\"value\"];\n setTngEndTime(keyValuePair[\"value\"]);\n TNG_END_HOUR_LIMIT_IN_UTC0 = moment(\n moment().format(\"YYYY-MM-DD\") + \" \" + endTimeStr,\n \"YYYY-MM-DD HH:mm:ss\"\n );\n }\n if (keyValuePair[\"key\"] === \"TnGStatus\") {\n TnGStatus = keyValuePair[\"value\"] === \"true\";\n }\n });\n }\n\n if (\n moment(TNG_END_HOUR_LIMIT_IN_UTC0).isBefore(\n TNG_START_HOUR_LIMIT_IN_UTC0\n )\n ) {\n TNG_END_HOUR_LIMIT_IN_UTC0 = moment(TNG_END_HOUR_LIMIT_IN_UTC0).add(\n 1,\n \"day\"\n );\n }\n\n if (\n TnGStatus &&\n currentHourInUTC0.isAfter(TNG_START_HOUR_LIMIT_IN_UTC0) &&\n currentHourInUTC0.isBefore(TNG_END_HOUR_LIMIT_IN_UTC0)\n ) {\n //tempNormalOptions.push({ key: _TNG_DEPOSIT, value: _TNG_DEPOSIT, label: \"Touch N Go (\" + (moment(TNG_START_HOUR_LIMIT_IN_UTC0).format(\"HH:mm\")) + \"- \" + (moment(TNG_END_HOUR_LIMIT_IN_UTC0).format(\"HH:mm\")) + \") GMT+8\", image: null, fee: 0 });\n tempOptions.push({\n key: _TNG_DEPOSIT,\n value: _TNG_DEPOSIT,\n label: \"TnG\",\n image: null,\n paymentType: t(\"NORMAL_DEPOSIT\"),\n fee: 0,\n });\n setTngStatus(true);\n }\n\n tempOptions.push({\n key: _NORMAL_DEPOSIT,\n value: _NORMAL_DEPOSIT,\n label: \"Normal\",\n image: null,\n paymentType: t(\"NORMAL_DEPOSIT\"),\n fee: 0,\n });\n\n // tempOptions.push({\n // key: _SPG_QR,\n // value: 3,\n // label: \"SPG QR\",\n // image: null,\n // fee: 0,\n // });\n\n // tempOptions.push({\n // key: _VADERPAY_QR,\n // value: 4,\n // label: \"VaderPay QR\",\n // image: null,\n // fee: 0,\n // });\n\n //setTempNormalPayOption(tempNormalOptions);\n if (\n tempOptions.filter((x) => x.paymentType === t(\"INSTANT_PAYMENT\"))\n .length <= 0\n ) {\n setActiveTab(_NORMAL_DEPOSIT);\n }\n setValue(\"paymentMethod\", tempOptions[0].value);\n setPaymentOptionList(tempOptions);\n }\n\n setHeaderMsg(\"\");\n var pendingTransactionJson = await ApiEngine.get(\n ApiUrl._API_GET_PENDING_TRANSACTION\n );\n if (pendingTransactionJson[ApiKey._API_SUCCESS_KEY]) {\n if (pendingTransactionJson[ApiKey._API_DATA_KEY] != null) {\n clearTimeout(countdownTime);\n let tempS = parseInt(pendingTransactionJson[ApiKey._API_DATA_KEY][\"timeSpan\"]);\n setTransType(pendingTransactionJson[ApiKey._API_DATA_KEY][\"transType\"]);\n setTimeDiffSeconds(tempS);\n setCountdownPeriod(tempS < 0 ? 0 : tempS);\n setHasPendingTxn(true);\n setHeaderMsg(t(\"NEW_TXN_PROHIBITED\"));\n }\n } else {\n _dispatch(\n showResponseMessage(false, pendingTransactionJson[ApiKey._API_MESSAGE_KEY])\n );\n }\n\n //console.log(\"here\");\n var language = (LanguageOption.filter(option => option.value == localStorage.getItem(SessionKey._LANGUAGE))[0] !== undefined) ? (LanguageOption.filter(option => option.value == localStorage.getItem(SessionKey._LANGUAGE))[0].languageId) : 7;\n var getBonusDeposit = await ApiEngine.get(\n ApiUrl._API_GET_BONUS_DEPOSIT + \"?memberId=\" + _userData.userId + \"&languageId=\" + language\n );\n //console.log(getBonusDeposit);\n if (getBonusDeposit[ApiKey._API_SUCCESS_KEY]) {\n let data = getBonusDeposit[ApiKey._API_DATA_KEY];\n let itemList = []\n\n let item = null;\n data.map((row, index) => {\n item =\n {\n name: row[\"bonusName\"],\n bonusId: row[\"id\"],\n info:\n {\n bonus: row[\"bonus\"],\n minimumDeposit: row[\"minimumDeposit\"],\n rollover: row[\"rollover\"],\n maxBonus: row[\"maxBonus\"],\n freeSpinStatus: row[\"freeSpinStatus\"],\n maxLimitPerMember: row[\"maxLimitPerMember\"],\n dayLimit: row[\"dayLimit\"],\n image: row[\"bonusImage\"],\n popImage: row[\"popupImage\"],\n remainingCount: row[\"remainingCount\"],\n refreshDateTime: row[\"refreshDateTime\"] !== \"\" ? moment(row[\"refreshDateTime\"], \"YYYY-MM-DD\").format(\"YYYY-MM-DD HH:mm:ss\") : \"\"\n }\n }\n itemList.push(item);\n\n })\n setBonusDepositList(itemList)\n } else {\n _dispatch(\n showResponseMessage(false, responseJson[ApiKey._API_MESSAGE_KEY])\n );\n }\n\n })();\n };\n\n\n\n const togglePaymentOptionList = async (tab) => {\n if (tab === _INSTANT_PAYMENT) {\n setValue(\"paymentMethod\", tempInstantPayOption[0].value);\n setPaymentOption(0);\n setPaymentOptionList(tempInstantPayOption);\n } else if (tab === _NORMAL_UPLOAD_DEPOSIT) {\n //setValue(\"paymentMethod\", tempNormalPayOption[0].value);\n //setPaymentOption(tempNormalPayOption[0].value);\n //(tempNormalPayOption);\n }\n };\n\n const toggleActivePaymentOption = (selectedPaymentOption, tab) => {\n toggleTab(tab);\n setActivePaymentOption(selectedPaymentOption);\n let temp = paymentOptionList.find(\n (x) => x.label === selectedPaymentOption\n ).value;\n if (tab === _INSTANT_PAYMENT) {\n let tempId = instantPayOption.findIndex((x) => x.id === temp);\n setPaymentOption(tempId);\n } else if (tab === _QR_DEPOSIT) {\n let tempId = instantPayOption.findIndex((x) => x.id === temp);\n setPaymentOption(tempId);\n } else {\n setPaymentOption(temp);\n }\n setValue(\"paymentMethod\", temp);\n };\n\n async function submitFullName(data) {\n let params = {\n userFullName: data.userFullName,\n };\n\n let responseJson = await ApiEngine.post(\n ApiUrl._API_UPDATE_MEMBER_USERFULLNAME,\n createFormBody(params)\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n _dispatch(\n showResponseMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n responseJson[ApiKey._API_MESSAGE_KEY]\n )\n );\n\n setShowFullnamePopup(false);\n } else {\n _dispatch(\n showResponseMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n responseJson[ApiKey._API_MESSAGE_KEY]\n )\n );\n }\n\n init();\n }\n\n async function updateBonusDeposit(menu) {\n setBonusDeposit(menu[\"bonusId\"]);\n setBonusDepositName(menu[\"name\"]);\n setShowPaymentOption(true);\n toggleActivePaymentOption(paymentOptionList.filter(x => x.paymentType === \"Instant Payment\")[0].label, _INSTANT_PAYMENT)\n }\n\n return (\n \n
\n\n \n \n \n { toggleActivePaymentOption(paymentOptionList.filter(x => x.paymentType === \"Instant Payment\")[0].label, _INSTANT_PAYMENT) }}>\n \n \n
\n );\n })}\n \n
\n\n {hasPendingTxn && headerMsg && (\n\n\n \n \n \n \n
\n \n \n\n {showPaymentOption && (<>\n\n {hasPendingTxn && headerMsg && (\n
\n {timeDiffSeconds > 0\n ? t(\"PLEASE_WAIT\") +\n \" \" +\n countdownStr +\n \" \" +\n (transType === \"Deposit\"\n ? t(\"FOR_DEPOSIT_APPROVAL\")\n : t(\"FOR_WITHDRAWAL_APPROVAL\"))\n : headerMsg}\n
\n )}\n\n \n
\n \n {t(\"BONUS_DEPOSIT\")}\n {!stringIsNullOrEmpty(bonusDeposit)\n ? bonusDeposit != \"-1\"\n ? \": \" + bonusDepositName\n : \": \" + t(\"NONE\")\n : \"\"}\n
\n\n \n {bonusDepositList.map((menu, index) => {\n return (\n <>\n \n \n updateBonusDeposit(menu)\n }\n >\n
\n \n \n );\n })}\n \n \n {t(\"SELECT_A_PAYMENT\")}\n
\n \n
\n \n {menu[\"info\"] &&\n <>\n
\n {t(\"BONUS\") + \" (%) : \" + menu[\"info\"][\"bonus\"]}
\n {t(\"MINIMUM_DEPOSIT\") + \" : RM\" + menu[\"info\"][\"minimumDeposit\"]}
\n {t(\"ROLLOVER\") + \" : x\" + menu[\"info\"][\"rollover\"]}
\n {menu[\"info\"][\"bonus\"] > 0 && menu[\"info\"][\"maxBonus\"] && {t(\"MAX_BONUS\") + \" : \" + menu[\"info\"][\"maxBonus\"]}฿
}\n {/* {t(\"ELIGIBLE_FOR_FREE_SPIN\") + \" : \" + (menu[\"info\"][\"freeSpinStatus\"] ? t(\"YES\") : t(\"NO\"))}
*/}\n {menu[\"info\"][\"maxLimitPerMember\"] !== 0 && t(\"CLAIM_LIMIT\") + \" : \" + menu[\"info\"][\"maxLimitPerMember\"] + \" \" + t(\"TIMES\") + (menu[\"info\"][\"remainingCount\"] > 0 ? \" (\" + menu[\"info\"][\"remainingCount\"] + \" \" + t(\"LEFT\") + \")\" : \"\")}
\n {menu[\"info\"][\"maxLimitPerMember\"] !== 0 && menu[\"info\"][\"dayLimit\"] !== 0 && {\"*\" + t(\"LIMIT_REFRESHES_EVERY_FEW_DAYS\", { value: menu[\"info\"][\"dayLimit\"] })}}
\n {menu[\"info\"][\"maxLimitPerMember\"] !== 0 && menu[\"info\"][\"dayLimit\"] !== 0 && menu[\"info\"][\"refreshDateTime\"] !== \"\" && {menu[\"info\"][\"refreshDateTime\"] !== \"\" && \"*\" + t(\"REFRESHES_ON\") + \" \" + menu[\"info\"][\"refreshDateTime\"]}}
\n \n }\n {t(\"PAYMENT_METHOD\")}
\n \n \n \n
\n )}\n \n
\n\n {paymentOptionList.length > 0 && (\n <>\n \n\n {t(\"PAYMENT_METHOD\")}
\n \n\n
\n \n {t(\"DEPOSIT_RECORD\")}
\n \n {paymentOptionList\n .filter(\n (x) => x.paymentType === t(\"INSTANT_PAYMENT\")\n )\n .map((option, index) => {\n return (\n
\n /* )*/\n ) : (\n \n {option[\"label\"].startsWith(\"VaderPay\") ? (\n //moment() > vaderPayStartTime &&\n //moment() < vaderPayEndTime && (\n \n
\n \n \n toggleActivePaymentOption(\n option[\"label\"],\n _INSTANT_PAYMENT\n )\n }\n >\n \n
\n \n
\n \n \n toggleActivePaymentOption(\n option[\"label\"],\n _INSTANT_PAYMENT\n )\n }\n >\n \n
\n \n <>\n {paymentOption >= 0 &&\n !isEmpty(instantPayOption) &&\n ((activePaymentOption == \"SPG\" && instantPayOption[paymentOption]\n .instantPayGatewayString == \"SPG\") ? (\n
\n \n\n \n {paymentOptionList\n .filter(\n (x) => x.paymentType === t(\"NORMAL_DEPOSIT\")\n )\n .map((option, index) => {\n return (\n
\n )}\n \n \n );\n })}\n \n\n \n
\n \n {(tngStatus == true &&\n option[\"label\"] == \"TnG\") ||\n option[\"label\"] == \"Normal\" ? (\n \n toggleActivePaymentOption(\n option[\"label\"],\n _NORMAL_UPLOAD_DEPOSIT\n )\n }\n >\n \n
\n ) : (\n \n {\n if (\n moment().format(\"HH:mm:ss\") >\n tngStartTime &&\n moment().format(\"HH:mm:ss\") <\n tngEndTime\n ) {\n showTngUnavailable();\n } else {\n showTngOffline();\n }\n }}\n >\n
\n \n \n <>\n {paymentOption !== 0 &&\n (paymentOption == _TNG_DEPOSIT &&\n tngStatus == true ? (\n
\n \n {paymentOptionList\n .filter((x) => x.paymentType === t(\"DUIT_NOW\"))\n .map((option, index) => {\n return (\n
\n );\n })}\n \n \n
\n \n \n toggleActivePaymentOption(\n option[\"label\"],\n _QR_DEPOSIT\n )\n }\n >\n \n
\n \n <>\n {activePaymentOption === \"SPG QR\" ? (\n
\n \n {label && (\n \n )}\n {inputGroupType ? (\n
\n );\n});\n\nexport default Input;\n","import React, { useState, useEffect, useRef } from \"react\";\nimport moment from \"moment\";\nimport ApiEngine from \"../../util/ApiEngine\";\nimport SelectOption from \"../../components/custom/SelectOption\";\nimport Input from \"../../components/custom/Input\";\nimport PhoneNumber from \"../../components/custom/PhoneNumber\";\nimport Numpad from \"../../components/custom/Numpad\";\nimport PinInput from \"react-pin-input\";\nimport { useForm, Controller } from \"react-hook-form\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { setBusy, setIdle, showResponseMessage } from \"../../redux/AppAction\";\nimport { checkIsLoggedIn } from \"../../redux/AuthAction\";\nimport { Modal, ModalBody } from \"reactstrap\";\nimport { Alert } from \"reactstrap\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\nimport {\n ApiKey,\n ApiUrl,\n WebUrl,\n TransactionType,\n PanelType,\n SessionKey\n} from \"../../util/Constant\";\nimport {\n stringIsNullOrEmpty,\n createMultiPartFormBody,\n createFormBody,\n numberWithCurrencyFormat,\n} from \"../../util/Util\";\nimport Keyboard from \"react-simple-keyboard\";\nimport BottomSuccessModal from \"../../components/custom/BottomSuccessModal\";\nimport \"react-simple-keyboard/build/css/index.css\";\nimport Sidebar from \"components/sidebar\";\nimport ContentHeader from \"components/content/header\";\nimport { Link } from \"react-router-dom\";\nimport { mdiHistory } from \"@mdi/js\";\nimport Icon from \"@mdi/react\";\nimport BlueWarningIcon from \"../../assets/img/v3/notice_blue.svg\";\n\nconst Withdrawal = (props) => {\n const { t } = useTranslation();\n let _history = useHistory();\n let _userData = useSelector((state) => state.authState.userData);\n let _dispatch = useDispatch();\n const { handleSubmit, register, control, watch, setValue, errors, trigger } =\n useForm();\n const {\n handleSubmit: handleVerifySubmit,\n register: registerVerify,\n getValues: getValuesVerify,\n errors: errorsVerify,\n clearErrors: clearErrorsVerify,\n watch: watchVerify,\n setValue: setValueVerify,\n } = useForm();\n\n const {\n handleSubmit: handlePinSubmit,\n register: registerPin,\n getValues: getValuesPin,\n errors: errorsPin,\n setValue: setValuePin,\n } = useForm();\n\n const {\n handleSubmit: handleFullNameSubmit,\n register: registerFullName,\n getValues: getValuesFullName,\n errors: errorsFullName,\n setValue: setValueFullName,\n } = useForm();\n const [headerMsg, setHeaderMsg] = useState(\"\");\n const [bankOption, setBankOption] = useState([]);\n const [memberBankAccounts, setMemberBankAccounts] = useState([]);\n const [bankName, setBankName] = useState(\"\");\n const [remember, setRemember] = useState(false);\n const [transcactionNumber, setTranscactionNumber] = useState();\n const [isWithdrawalSuccess, setIsWithdrawalSuccess] = useState(false);\n const [withdrawalAmount, setWithdrawalAmount] = useState(0);\n const [withdrawalDate, setWithdrawalDate] = useState();\n const [min, setMin] = useState(0);\n const [max, setMax] = useState(0);\n const [currentInput, setCurrentInput] = useState();\n const [member, setMember] = useState(\"\");\n const [showPinEntry, setShowPinEntry] = useState(false);\n const [showVerifyPhone, setShowVerifyPhone] = useState(false);\n const [formattedPhoneNumber, setFormattedPhoneNumber] = useState(\"\");\n const _COUNTDOWN_PERIOD = 120;\n const _SECONDS_IN_MS = 1000;\n const _ALERT_TIMEOUT = 3000;\n const [sentCode, setSentCode] = useState(false);\n const [countdownPeriod, setCountdownPeriod] = useState(0);\n const mainForm = useRef(null);\n const [createPinEntry, setCreatePinEntry] = useState(false);\n const [forgetPin, setForgetPin] = useState(false);\n const [theInterval, setTheInterval] = useState(false);\n const [invalidPin, setInvalidPin] = useState(false);\n const [pinEntered, setPinEntered] = useState(false);\n const [showAlert, setShowAlert] = useState(false);\n const [transType, setTransType] = useState(\"\");\n\n const [pinNumber, setPinNumber] = useState(\"\");\n const [enteredPinNumber, setEnteredPinNumber] = useState(\"\");\n const [pinNumberFocused, setPinNumberFocused] = useState(0);\n const [pinNumberConfirm, setPinNumberConfirm] = useState(\"\");\n const [enteredPinNumberConfirm, setEnteredPinNumberConfirm] = useState(\"\");\n const [pinNumberConfirmFocused, setPinNumberConfirmFocused] = useState(0);\n const [pinNumberFinal, setPinNumberFinal] = useState(\"\");\n const [enteredPinNumberFinal, setEnteredPinNumberFinal] = useState(\"\");\n const [pinNumberFinalFocused, setPinNumberFinalFocused] = useState(0);\n\n const [showBankAccEntry, setShowBankAccEntry] = useState(false);\n const [bankAccEntered, setBankAccEntered] = useState(\"\");\n const [bankAccNumber, setBankAccNumber] = useState(\"\");\n\n const [showFullnamePopup, setShowFullnamePopup] = useState(false);\n\n const [startOnlineTime, setStartOnlineTime] = useState(\"\");\n const [endOnlineTime, setEndOnlineTime] = useState(\"\");\n const [withdrawalStatus, setWithdrawalStatus] = useState(true);\n\n const [initDone, setInitDone] = useState(false);\n const [enteredWithdrawalData, setEnteredWithdrawalData] = useState({});\n const [hasRolloverBal, setHasRolloverBal] = useState(false);\n const [showHpErrorMessage, setShowHpErrorMessage] = useState(false);\n const [hpErrorMessage, setHpErrorMessage] = useState(\"\");\n const [smsSent, setSmsSent] = useState(false);\n const _MAX_DIGITS_IN_BANK_ACC = 33;\n\n const elePin = useRef(null);\n const eleConfirm = useRef(null);\n const eleFinalPin = useRef(null);\n const keyboard = useRef();\n\n\n const [hasPendingTxn, setHasPendingTxn] = useState(false);\n const [countdownStr, setCountdownStr] = useState(\"\");\n const [timeDiffSeconds, setTimeDiffSeconds] = useState(0);\n const [countdownTime, setCountdownTime] = useState();\n const [withdrawalLimit, setWithdrawalLimit] = useState(\"\");\n const [showRolloverMessage, setShowRolloverMessage] = useState(\"\");\n const [rolloverProgress, setRolloverProgress] = useState(\"\");\n const [rolloverTarget, setRolloverTarget] = useState(\"\");\n useEffect(() => {\n init();\n setInitDone(true);\n }, [(localStorage.getItem(SessionKey._LANGUAGE) && localStorage.getItem(SessionKey._LANGUAGE) != 'undefined' ?\n localStorage.getItem(SessionKey._LANGUAGE) : 'en')]);\n\n async function init() {\n try {\n let tempMemberData = {};\n var rolloverJson = await ApiEngine.get(ApiUrl._API_CHECK_MEMBER_ROLLOVER);\n if (rolloverJson[ApiKey._API_SUCCESS_KEY]) {\n var memberJson = await ApiEngine.get(ApiUrl._API_GET_MEMBER_DETAILS_BY_ID);\n if (memberJson[ApiKey._API_SUCCESS_KEY]) {\n setMember(memberJson[ApiKey._API_DATA_KEY]);\n tempMemberData = memberJson[ApiKey._API_DATA_KEY];\n //setphoneNumber(memberJson[ApiKey._API_DATA_KEY]['phoneNumber']);\n } else {\n throw memberJson[ApiKey._API_MESSAGE_KEY];\n }\n\n var withdrawalLimitJson = await ApiEngine.get(\n ApiUrl._API_CHECK_MEMBER_WITHDRAWAL_LIMIT_BALANCE\n );\n\n if (withdrawalLimitJson[ApiKey._API_SUCCESS_KEY]) {\n setWithdrawalLimit(withdrawalLimitJson[ApiKey._API_DATA_KEY]);\n } else {\n throw withdrawalLimitJson[ApiKey._API_MESSAGE_KEY];\n }\n\n if (stringIsNullOrEmpty(tempMemberData[\"userFullName\"])) {\n setShowFullnamePopup(true);\n }\n checkMemberPinNumber();\n let tempStatus = await checkSystemSettings();\n\n let responseJson = await ApiEngine.get(\n ApiUrl._API_GET_USER_BANK + \"?type=WITHDRAWAL\"\n );\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n let bankList = [];\n responseJson[ApiKey._API_DATA_KEY].map((bank) => {\n bankList.push({\n label: bank.bankName,\n value: bank.id,\n min: bank.minimumWithdrawal,\n max: bank.maximumWithdrawal,\n });\n });\n setBankOption(bankList);\n } else {\n throw responseJson[ApiKey._API_MESSAGE_KEY];\n }\n\n setHeaderMsg(\"\");\n var pendingTransactionJson = await ApiEngine.get(\n ApiUrl._API_GET_PENDING_TRANSACTION\n );\n if (pendingTransactionJson[ApiKey._API_SUCCESS_KEY]) {\n if (pendingTransactionJson[ApiKey._API_DATA_KEY] != null) {\n clearTimeout(countdownTime);\n let tempS = parseInt(pendingTransactionJson[ApiKey._API_DATA_KEY][\"timeSpan\"]);\n setTransType(pendingTransactionJson[ApiKey._API_DATA_KEY][\"transType\"]);\n setTimeDiffSeconds(tempS);\n setCountdownPeriod(tempS < 0 ? 0 : tempS);\n setHasPendingTxn(true);\n setHeaderMsg(t(\"NEW_TXN_PROHIBITED\"));\n }\n } else {\n _dispatch(\n showResponseMessage(false, pendingTransactionJson[ApiKey._API_MESSAGE_KEY])\n );\n }\n\n getMemberBankAccount();\n _dispatch(checkIsLoggedIn());\n }\n else {\n setHasRolloverBal(true);\n throw rolloverJson[ApiKey._API_MESSAGE_KEY];\n }\n } catch (err) {\n setShowRolloverMessage(err);\n }\n }\n\n async function checkMemberPinNumber() {\n let params = {};\n let pinJson = await ApiEngine.post(\n ApiUrl._API_CHECK_MEMBER_PIN_NUMBER,\n createFormBody(params)\n );\n if (!pinJson[ApiKey._API_SUCCESS_KEY]) {\n var theInterval = setInterval(() => {\n if (elePin[\"current\"] == undefined) return;\n\n if (\n elePin[\"current\"][\"values\"][0] == \"\" ||\n elePin[\"current\"][\"values\"][0] == undefined\n ) {\n elePin[\"current\"][\"elements\"][0].focus();\n } else if (\n elePin[\"current\"][\"values\"][1] == \"\" ||\n elePin[\"current\"][\"values\"][1] == undefined\n ) {\n elePin[\"current\"][\"elements\"][1].focus();\n } else if (\n elePin[\"current\"][\"values\"][2] == \"\" ||\n elePin[\"current\"][\"values\"][2] == undefined\n ) {\n elePin[\"current\"][\"elements\"][2].focus();\n } else if (\n elePin[\"current\"][\"values\"][3] == \"\" ||\n elePin[\"current\"][\"values\"][3] == undefined\n ) {\n elePin[\"current\"][\"elements\"][3].focus();\n } else if (\n eleConfirm[\"current\"][\"values\"][0] == \"\" ||\n eleConfirm[\"current\"][\"values\"][0] == undefined\n ) {\n eleConfirm[\"current\"][\"elements\"][0].focus();\n } else if (\n eleConfirm[\"current\"][\"values\"][1] == \"\" ||\n eleConfirm[\"current\"][\"values\"][1] == undefined\n ) {\n eleConfirm[\"current\"][\"elements\"][1].focus();\n } else if (\n eleConfirm[\"current\"][\"values\"][2] == \"\" ||\n eleConfirm[\"current\"][\"values\"][2] == undefined\n ) {\n eleConfirm[\"current\"][\"elements\"][2].focus();\n } else if (\n eleConfirm[\"current\"][\"values\"][3] == \"\" ||\n eleConfirm[\"current\"][\"values\"][3] == undefined\n ) {\n eleConfirm[\"current\"][\"elements\"][3].focus();\n } else {\n var currpin =\n elePin[\"current\"][\"values\"][0] +\n elePin[\"current\"][\"values\"][1] +\n elePin[\"current\"][\"values\"][2] +\n elePin[\"current\"][\"values\"][3];\n var currconfpin =\n eleConfirm[\"current\"][\"values\"][0] +\n eleConfirm[\"current\"][\"values\"][1] +\n eleConfirm[\"current\"][\"values\"][2] +\n eleConfirm[\"current\"][\"values\"][3];\n if (currpin != currconfpin) {\n setInvalidPin(true);\n elePin[\"current\"].clear();\n eleConfirm[\"current\"].clear();\n elePin[\"current\"].focus();\n } else {\n setInvalidPin(false);\n clearInterval(theInterval);\n submitPin(currpin, currconfpin);\n }\n }\n }, 50);\n setTheInterval(theInterval);\n setCreatePinEntry(true);\n }\n }\n\n async function checkSystemSettings() {\n let settingsJson = await ApiEngine.get(\n ApiUrl._API_GET_USER_SYSTEM_SETTINGS + \"?type=withdrawal\"\n );\n if (\n settingsJson[ApiKey._API_SUCCESS_KEY] &&\n settingsJson[ApiKey._API_DATA_KEY] != null\n ) {\n let data = settingsJson[ApiKey._API_DATA_KEY];\n let startTime;\n let endTime;\n let status = false;\n data.map((keyValuePair, index) => {\n if (keyValuePair[\"key\"] === \"WithdrawalStartTime\") {\n startTime = keyValuePair[\"value\"];\n }\n if (keyValuePair[\"key\"] === \"WithdrawalEndTime\") {\n endTime = keyValuePair[\"value\"];\n }\n if (keyValuePair[\"key\"] === \"WithdrawalStatus\") {\n status = keyValuePair[\"value\"] === \"true\";\n }\n });\n setStartOnlineTime(startTime);\n setEndOnlineTime(endTime);\n setWithdrawalStatus(status);\n\n return status;\n }\n }\n\n // useEffect(() => {\n // if (countdownPeriod > 0) {\n // setTimeout(() => {\n // let tempPeriod = countdownPeriod - 1;\n // setCountdownPeriod(tempPeriod);\n // }, _SECONDS_IN_MS);\n // }\n // }, [countdownPeriod]);\n\n useEffect(() => {\n if (countdownPeriod > 0) {\n clearTimeout(countdownTime);\n setCountdownTime(\n setTimeout(() => {\n let tempPeriod = countdownPeriod - 1;\n setCountdownPeriod(tempPeriod);\n let tempX = moment.duration(tempPeriod);\n let tempMM = Math.floor(tempX[\"_milliseconds\"] / 60);\n let tempSS = tempX[\"_milliseconds\"] - tempMM * 60;\n setTimeDiffSeconds(tempX[\"_milliseconds\"]);\n let tempStr =\n (tempMM.toString().length > 1 ? tempMM : \"0\" + tempMM) +\n \" \" +\n t(\"MINUTES\") +\n \" \" +\n (tempSS.toString().length > 1 ? tempSS : \"0\" + tempSS) +\n \" \" +\n t(\"SECOND\");\n setCountdownStr(tempStr);\n }, _SECONDS_IN_MS)\n );\n }\n }, [countdownPeriod]);\n\n const sendVerificationCode = async () => {\n await ApiEngine.post(\n ApiUrl._API_SEND_VERIFICATION_CODE,\n createMultiPartFormBody({ phoneNumber: formattedPhoneNumber })\n ).then((response) => {\n if (response[ApiKey._API_SUCCESS_KEY]) {\n setSentCode(true);\n setCountdownPeriod(_COUNTDOWN_PERIOD);\n }\n });\n };\n\n const verifyPhoneNumber = async () => {\n await ApiEngine.post(\n ApiUrl._API_VERIFY_PHONE_NUMBER,\n createMultiPartFormBody({\n verificationCode: getValuesVerify(\"verificationCode\"),\n })\n ).then((response) => {\n if (response[ApiKey._API_SUCCESS_KEY]) {\n setShowVerifyPhone(false);\n }\n\n _dispatch(\n showResponseMessage(\n response[ApiKey._API_SUCCESS_KEY],\n response[ApiKey._API_MESSAGE_KEY]\n )\n );\n });\n };\n\n async function getMemberBankAccount() {\n try {\n let responseJson = await ApiEngine.get(\n ApiUrl._API_GET_MEMBER_BANK_ACCOUNT_BY_MEMBER\n );\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n let bankAccountList = [];\n responseJson[ApiKey._API_DATA_KEY].map((bankAccount) => {\n bankAccountList.push({\n label: bankAccount.bankName + \" - \" + bankAccount.accountNumber,\n value: bankAccount.id,\n bankId: bankAccount.bankId,\n accountHolderName: bankAccount.accountHolderName,\n accNum: bankAccount.accountNumber,\n bankName: bankAccount.bankName,\n });\n });\n setMemberBankAccounts(bankAccountList);\n } else {\n throw responseJson[ApiKey._API_MESSAGE_KEY];\n }\n } catch (err) {\n _dispatch(showResponseMessage(false, err));\n }\n }\n\n function setMinMax(e) {\n setMin(e.min);\n setMax(e.max);\n }\n\n function resetFormField() {\n setValue(\"bankId\", \"\");\n setRemember(false);\n setValue(\"memberBankAccount\", \"\");\n }\n\n async function submitPin(pin, conf) {\n _dispatch(setBusy());\n let params = {\n pinNumber: pin,\n confirmPinNumber: conf,\n };\n let responseJson = await ApiEngine.post(\n ApiUrl._API_SET_MEMBER_PIN_NUMBER,\n createFormBody(params)\n );\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setCreatePinEntry(false);\n }\n _dispatch(\n showResponseMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n responseJson[ApiKey._API_MESSAGE_KEY]\n )\n );\n\n elePin[\"current\"].clear();\n eleConfirm[\"current\"].clear();\n setPinNumber(\"\");\n setEnteredPinNumber(\"\");\n setPinNumberFocused(0);\n setPinNumberConfirm(\"\");\n setEnteredPinNumberConfirm(\"\");\n setPinNumberConfirmFocused(0);\n\n _dispatch(setIdle());\n }\n\n async function submitWithdrawal(data, e, pin) {\n _dispatch(setBusy());\n let params = {\n transactionTypeId: TransactionType._WITHDRAWAL,\n pinNumber: pin,\n amount: data.amount,\n channel: \"\",\n panel: PanelType._MEMBERSITE,\n bankName: bankName,\n bankAccountNumber: data.bankAccountNumber,\n bankAccountHolderName: member[\"userFullName\"],\n };\n\n let responseJson = await ApiEngine.post(\n ApiUrl._API_CREATE_TRANSACTION,\n createFormBody(params)\n );\n let message = responseJson[ApiKey._API_MESSAGE_KEY];\n let isSuccess = responseJson[ApiKey._API_SUCCESS_KEY];\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setShowPinEntry(false);\n setWithdrawalAmount(data.amount);\n setIsWithdrawalSuccess(true);\n setWithdrawalDate(moment().format(\"DD MMM YYYY, hh:mm A\"));\n setTranscactionNumber(responseJson[ApiKey._API_DATA_KEY]);\n resetFormField();\n e.target.reset();\n _dispatch(checkIsLoggedIn());\n\n if (remember) {\n let saveAccountParams = {\n bankId: data.bankId,\n accountNumber: data.bankAccountNumber,\n accountHolderName: data.bankAccountHolderName,\n };\n let saveResponseJson = await ApiEngine.post(\n ApiUrl._API_CREATE_OR_UPDATE_MEMBER_BANK_ACCOUNT,\n createFormBody(saveAccountParams)\n );\n\n if (saveResponseJson[ApiKey._API_SUCCESS_KEY]) {\n getMemberBankAccount();\n } else {\n message =\n t(\"TRANSACTION_CREATED_BUT_SAVE_FAILED\") +\n \"\\n\" +\n saveResponseJson[ApiKey._API_MESSAGE_KEY];\n isSuccess = false;\n }\n }\n init();\n } else {\n _dispatch(\n showResponseMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n responseJson[ApiKey._API_MESSAGE_KEY]\n )\n );\n }\n setPinEntered(false);\n setPinNumberFinal(\"\");\n setEnteredPinNumberFinal(\"\");\n setPinNumberFinalFocused(0);\n setShowPinEntry(false);\n //_dispatch(showResponseMessage(isSuccess, message));\n _dispatch(setIdle());\n }\n\n async function onSubmit(data, e) {\n setEnteredWithdrawalData(data);\n let tempStatus = await checkSystemSettings();\n if (tempStatus) {\n setShowPinEntry(true);\n //if (pinEntered && pinNumberFinal !== '') {\n // submitWithdrawal(data, e, pinNumberFinal);\n //}\n } else {\n _dispatch(\n showResponseMessage(\n false,\n t(\"WITHDRAWAL\") + \" \" + t(\"CURRENTLY_OFFLINE\")\n )\n );\n init();\n }\n }\n\n async function onPinSubmit(data, e) {\n let tempStatus = await checkSystemSettings();\n if (tempStatus) {\n if (pinEntered && pinNumberFinal !== \"\") {\n submitWithdrawal(enteredWithdrawalData, e, pinNumberFinal);\n }\n }\n }\n\n async function submitFullName(data) {\n let params = {\n userFullName: data.userFullName,\n // id: member[\"id\"],\n };\n let responseJson = await ApiEngine.post(\n // ApiUrl._API_CREATE_OR_UPDATE_MEMBER,\n ApiUrl._API_UPDATE_MEMBER_USERFULLNAME,\n createFormBody(params)\n );\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n _dispatch(\n showResponseMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n responseJson[ApiKey._API_MESSAGE_KEY]\n )\n );\n setShowFullnamePopup(false);\n let params = {};\n let pinJson = await ApiEngine.post(\n ApiUrl._API_CHECK_MEMBER_PIN_NUMBER,\n createFormBody(params)\n );\n if (!pinJson[ApiKey._API_SUCCESS_KEY]) {\n var theInterval = setInterval(() => {\n if (elePin[\"current\"] == undefined) return;\n\n if (\n elePin[\"current\"][\"values\"][0] == \"\" ||\n elePin[\"current\"][\"values\"][0] == undefined\n ) {\n elePin[\"current\"][\"elements\"][0].focus();\n } else if (\n elePin[\"current\"][\"values\"][1] == \"\" ||\n elePin[\"current\"][\"values\"][1] == undefined\n ) {\n elePin[\"current\"][\"elements\"][1].focus();\n } else if (\n elePin[\"current\"][\"values\"][2] == \"\" ||\n elePin[\"current\"][\"values\"][2] == undefined\n ) {\n elePin[\"current\"][\"elements\"][2].focus();\n } else if (\n elePin[\"current\"][\"values\"][3] == \"\" ||\n elePin[\"current\"][\"values\"][3] == undefined\n ) {\n elePin[\"current\"][\"elements\"][3].focus();\n } else if (\n eleConfirm[\"current\"][\"values\"][0] == \"\" ||\n eleConfirm[\"current\"][\"values\"][0] == undefined\n ) {\n eleConfirm[\"current\"][\"elements\"][0].focus();\n } else if (\n eleConfirm[\"current\"][\"values\"][1] == \"\" ||\n eleConfirm[\"current\"][\"values\"][1] == undefined\n ) {\n eleConfirm[\"current\"][\"elements\"][1].focus();\n } else if (\n eleConfirm[\"current\"][\"values\"][2] == \"\" ||\n eleConfirm[\"current\"][\"values\"][2] == undefined\n ) {\n eleConfirm[\"current\"][\"elements\"][2].focus();\n } else if (\n eleConfirm[\"current\"][\"values\"][3] == \"\" ||\n eleConfirm[\"current\"][\"values\"][3] == undefined\n ) {\n eleConfirm[\"current\"][\"elements\"][3].focus();\n } else {\n var currpin =\n elePin[\"current\"][\"values\"][0] +\n elePin[\"current\"][\"values\"][1] +\n elePin[\"current\"][\"values\"][2] +\n elePin[\"current\"][\"values\"][3];\n var currconfpin =\n eleConfirm[\"current\"][\"values\"][0] +\n eleConfirm[\"current\"][\"values\"][1] +\n eleConfirm[\"current\"][\"values\"][2] +\n eleConfirm[\"current\"][\"values\"][3];\n if (currpin != currconfpin) {\n setInvalidPin(true);\n elePin[\"current\"].clear();\n eleConfirm[\"current\"].clear();\n elePin[\"current\"].focus();\n } else {\n setInvalidPin(false);\n clearInterval(theInterval);\n submitPin(currpin, currconfpin);\n }\n }\n }, 50);\n setTheInterval(theInterval);\n setCreatePinEntry(true);\n }\n }\n init();\n }\n\n async function sendPinCode() {\n if (countdownPeriod < 1) {\n let responseJson = await ApiEngine.get(\n ApiUrl._API_CHECK_IF_PHONE_VERIFIED\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setShowHpErrorMessage(false);\n var hpNum = responseJson[ApiKey._API_DATA_KEY];\n let params = {\n phoneNumber: hpNum,\n isShareholder: \"false\",\n };\n let smsJson = await ApiEngine.post(\n ApiUrl._API_SEND_PIN_CODE,\n createFormBody(params)\n );\n if (smsJson[ApiKey._API_SUCCESS_KEY]) {\n setForgetPin(false);\n setSmsSent(true);\n setCountdownPeriod(_COUNTDOWN_PERIOD);\n } else {\n setHpErrorMessage(smsJson[ApiKey._API_MESSAGE_KEY]);\n setShowHpErrorMessage(true);\n }\n } else {\n setHpErrorMessage(responseJson[ApiKey._API_MESSAGE_KEY]);\n setShowHpErrorMessage(true);\n }\n } else {\n setShowAlert(true);\n setTimeout(() => setShowAlert(false), [_ALERT_TIMEOUT]);\n }\n }\n\n function onCreatePinKeyPress(value) {\n // 1st: have to know if entering for elePin or eleConfirm\n // 2nd: have to know which index is currently focused for altering the state.value\n // 3rd: have to check if at elePin.index(3), if yes then convert value to string and focus on eleConfirm.index(0)\n // 4th: have to check if at eleConfirm.index(3), if yes then convert value to string, and submitPin\n\n let currentIndex = 0;\n let pinStr = enteredPinNumber;\n let pinConfirmStr = enteredPinNumberConfirm;\n if (value !== \"{bksp}\") {\n if (pinNumber === \"\") {\n currentIndex = pinNumberFocused;\n // elePin[\"current\"][\"elements\"][currentIndex].state.value = value;\n pinStr = value;\n setEnteredPinNumber(pinStr);\n if (currentIndex !== 3) {\n currentIndex++;\n setPinNumberFocused(currentIndex);\n elePin[\"current\"][\"elements\"][currentIndex].focus();\n } else {\n setPinNumber(pinStr);\n }\n } else {\n currentIndex = pinNumberConfirmFocused;\n // eleConfirm[\"current\"][\"elements\"][currentIndex].state.value = value;\n pinConfirmStr = value;\n setEnteredPinNumberConfirm(pinConfirmStr);\n currentIndex++;\n setPinNumberConfirmFocused(currentIndex);\n if (currentIndex < 3) {\n eleConfirm[\"current\"][\"elements\"][currentIndex].focus();\n } else {\n setPinNumberConfirm(pinConfirmStr);\n //submitPin(pinNumber, pinConfirmStr);\n }\n }\n } else {\n elePin[\"current\"].clear();\n eleConfirm[\"current\"].clear();\n setPinNumber(\"\");\n setEnteredPinNumber(\"\");\n setPinNumberFocused(currentIndex);\n setPinNumberConfirm(\"\");\n setEnteredPinNumberConfirm(\"\");\n setPinNumberConfirmFocused(currentIndex);\n elePin[\"current\"][\"elements\"][currentIndex].focus();\n }\n }\n\n function onVerifyPinKeyPress(key) {\n let currentIndex = 0;\n\n let pinStr = enteredPinNumberFinal;\n if (key !== \"{bksp}\") {\n // if (key === \"{enter}\") {\n // if (pinEntered) {\n // setShowPinEntry(false);\n // }\n // }\n if (pinNumberFinal === \"\") {\n currentIndex = pinNumberFinalFocused;\n // eleFinalPin[\"current\"][\"elements\"][currentIndex].state.value = key;\n pinStr = key;\n setEnteredPinNumberFinal(pinStr);\n if (currentIndex !== 3) {\n currentIndex++;\n setPinNumberFinalFocused(currentIndex);\n //eleFinalPin[\"current\"][\"elements\"][currentIndex].focus();\n } else {\n setPinNumberFinal(pinStr);\n setPinEntered(true);\n setShowPinEntry(true);\n // verifyPin(pinStr);\n // eleFinalPin[\"current\"] && eleFinalPin[\"current\"].clear();\n setEnteredPinNumberFinal(\"\");\n setPinNumberFinalFocused(3);\n // eleFinalPin[\"current\"] &&\n // eleFinalPin[\"current\"][\"elements\"][3].focus();\n }\n }\n } else {\n //eleFinalPin[\"current\"].clear();\n setPinNumberFinal(\"\");\n setEnteredPinNumberFinal(\"\");\n setPinNumberFinalFocused(currentIndex);\n // eleFinalPin[\"current\"][\"elements\"][currentIndex].focus();\n }\n }\n\n function onBankAccKeyPress(key) {\n let bankAccStr = bankAccEntered;\n if (key !== \"{bksp}\") {\n if (bankAccStr.length < _MAX_DIGITS_IN_BANK_ACC) {\n bankAccStr += key;\n setBankAccEntered(bankAccStr);\n setBankAccNumber(bankAccStr);\n if (bankAccStr.length === _MAX_DIGITS_IN_BANK_ACC) {\n setTimeout(() => {\n setShowBankAccEntry(false);\n }, 1000);\n }\n }\n } else {\n bankAccStr = bankAccStr.slice(0, -1);\n setBankAccEntered(bankAccStr);\n setBankAccNumber(bankAccStr);\n }\n }\n\n /// \n {inputGroupType == \"prepend\" && (\n
\n ) : !disabled ? (\n \n {inputGroupContent}\n
\n )}\n \n {inputGroupContent}\n
\n )}\n {props.value}
\n )}\n {errors\n ? errors[name] && (\n \n {stringIsNullOrEmpty(errors[name][ApiKey._API_MESSAGE_KEY])\n ? t(getValidationMessage(errors[name]))\n : t(errors[name][ApiKey._API_MESSAGE_KEY])}\n
\n )\n : \"\"}\n {small && {small}
}\n \n
\n \n \n \n ) :\n withdrawalStatus && !stringIsNullOrEmpty(startOnlineTime) && !stringIsNullOrEmpty(endOnlineTime) && (moment().isBefore(moment(moment().format('YYYY-MM-DD') + \" \" + startOnlineTime)) || moment().isSameOrAfter(moment(moment().format('YYYY-MM-DD') + \" \" + endOnlineTime))) ? (\n \n \n
\n \n \n // _history.replace(WebUrl._URL_MAIN_WALLET)\n // }\n title={t(\"WITHDRAWAL\")}\n />\n
\n\n {hasPendingTxn && headerMsg && (\n
\n ) :\n \n\n {hasPendingTxn && headerMsg && (\n
\n {timeDiffSeconds > 0\n ? t(\"PLEASE_WAIT\") +\n \" \" +\n countdownStr +\n \" \" +\n (transType === \"Deposit\"\n ? t(\"FOR_DEPOSIT_APPROVAL\")\n : t(\"FOR_WITHDRAWAL_APPROVAL\"))\n : headerMsg}\n
\n )}\n\n \n\n
\n \n \n \n
\n {(!hasRolloverBal) ? (\n \n
\n \n {t(\"WITHDRAWAL_RECORD\")}
\n \n
\n ) : (\n \n
\n\n \n {t(\"CASH\")}\n
\n \n \n \n {numberWithCurrencyFormat(\n parseFloat(_userData.walletBalance),\n 3\n )}\n \n
\n\n \n
\n\n )}\n\n {withdrawalLimit && withdrawalLimit > 0 && (\n \n
\n\n \n {t(\"Rollover Process\")}\n
\n \n \n {numberWithCurrencyFormat(rolloverProgress)} {t(\"/\")} {numberWithCurrencyFormat(rolloverTarget)}\n\n
\n\n \n \n \n {t(\"AVAILABLE_WITHDRAWAL_LIMIT\")} : {numberWithCurrencyFormat(\n withdrawalLimit[\"remainWithdrawalBalance\"],\n 3\n )} / {numberWithCurrencyFormat(\n withdrawalLimit[\"maxWithdrawalLimit\"],\n 3\n )}\n \n
\n )}\n {(!hasRolloverBal) ? (\n \n
\n\n \n \n
\n\n \n \n
\n\n \n {\n return (\n {\n setRemember(false);\n setBankName(e.bankName);\n setBankAccNumber(e.accNum);\n setValue(\n \"bankAccountNumber\",\n e.accNum\n );\n setValue(\n \"bankAccountHolderName\",\n e.accountHolderName\n );\n setValue(\"bankId\", e.bankId);\n setMinMax({\n min: bankOption.find(\n (b) => b.value == e.bankId\n )?.min,\n max: bankOption.find(\n (b) => b.value == e.bankId\n )?.max,\n });\n onChange(e.value);\n trigger();\n }}\n />\n );\n }}\n />\n {errors.memberBankAccount && (\n
\n \n {t(errors.memberBankAccount.message)}\n
\n )}\n \n
\n \n \n
\n \n {\n return (\n {\n setBankName(e.label);\n onChange(e.value);\n setMinMax(e);\n }}\n />\n );\n }}\n rules={{\n required: \"PLEASE_SELECT_BANK\",\n }}\n />\n {errors.bankId && (\n
\n \n {t(errors.bankId.message)}\n
\n )}\n \n \n setShowBankAccEntry(true)}\n >\n {\n if (!/[0-9]/.test(event.key)) {\n event.preventDefault();\n }\n }}\n />\n {errors.bankAccountNumber && (\n
\n \n {t(errors.bankAccountNumber.message)}\n
\n )}\n \n
\n \n \n
\n \n \n {member[\"userFullName\"]}\n
\n \n \n
\n \n {\n setCurrentInput(e.target);\n }}\n ref={register({\n required: \"PLEASE_ENTER_AMOUNT\",\n validate: {\n minValue: (value) =>\n (parseFloat(value) > 0 &&\n value >= min) ||\n \"VALUE_LESS_THAN_MINIMUM\",\n maxValue: (value) =>\n parseFloat(value) <= max ||\n \"EXCEED_MAXIMUM_VALUE\",\n },\n max: {\n value: _userData.walletBalance,\n message:\n \"PLEASE_ENTER_VALUE_NOT_EXCEED_YOUR_WALLET_BALANCE\",\n },\n pattern: {\n value: /(?=.*?\\d)^\\$?(([1-9]\\d{0,2}(,\\d{3})*)|\\d+)?(\\.\\d{1,3})?$/,\n message:\n \"INVALID_AMOUNT\",\n },\n })}\n // onKeyPress={(event) => {\n // if (!/[0-9]/.test(event.key)) {\n // event.preventDefault();\n // }\n // }}\n />\n {errors.amount && (\n
\n \n {t(errors.amount.message)}\n
\n )}\n \n \n * {t(\"MIN\") + \" : \"} {min} /{\" \"}\n {t(\"MAX\") + \" : \"} {max}\n \n
\n \n
\n\n {stringIsNullOrEmpty(\n watch(\"memberBankAccount\")\n ) && (\n \n
\n \n 
\n {t(\"WITHDRAWAL_NAME_WARNING\")}\n
\n \n
\n )}\n \n
\n \n \n setRemember(e.target.checked)\n }\n value={false}\n checked={remember}\n ref={register}\n />\n \n \n {t(\"REMEMBER_BANK\")}\n \n
\n \n \n {t(\"SUBMIT\")}\n \n
\n \n {t(\"WITHDRAWAL\") + \" \" + t(\"ROLLOVER_NOT_REACH\")}
\n }\n {t(\"WITHDRAWAL\") + \" \" + t(\"OFFLINE_FROM\") + \" \" + endOnlineTime + \" \" + t(\"TO_SMALL_LETTER\") + \" \" + startOnlineTime + \". \" + t(\"APOLOGIES_INCONVENIENCE\")}
\n ) :\n {t(\"WITHDRAWAL\") + \" \" + t(\"CURRENTLY_OFFLINE\")}
\n }\n \n )}\n \n setShowBankAccEntry(false)}\n data-dismiss=\"modal\"\n aria-hidden=\"true\"\n >\n ×\n \n
\n {bankAccEntered.length !== 0 ? (\n
\n \n \n {t(\"BANK_ACCOUNT_NUMBER\")}\n \n
\n \n {bankAccEntered.length !== 0 ? (\n
\n \n {bankAccEntered}\n \n
\n ) : (\n \n \n
\n )}\n \n setShowBankAccEntry(false)}\n >\n {t(\"SUBMIT\")}\n \n
\n \n\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t
\n\n\t\t\t{\n\t\t\t\t{t(\"TO\")}
\n\t\t\t\t\n\t\t\t\t\t {\n\t\t\t\t\t\t\thandleSave();\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t{_DATE_SELECTIONS.map((selection) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\tsetOptionClicked(true);\n\t\t\t\t\t\t\t\t\t\tsetSelectedOption(selection);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{selection.label}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t\n\t\t\t}\n\t\t\n\t);\n};\n\nDateRangeFilter.propTypes = {\n\tstartDate: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n\tendDate: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n\tsetStartDate: PropTypes.func,\n\tsetEndDate: PropTypes.func,\n\tonStartDateChange: PropTypes.func,\n\tonEndDateChange: PropTypes.func,\n\tonSave: PropTypes.func,\n};\n\nexport default DateRangeFilter;\n","import React, { useState, useEffect } from \"react\";\nimport { ApiKey } from \"../../util/Constant\";\nimport * as Util from \"../../util/Util\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { showResponseMessage } from \"../../redux/AppAction\";\nimport { setY } from \"../../redux/AppAction.js\";\nimport { useTranslation } from \"react-i18next\";\nimport ApiEngine from \"../../util/ApiEngine\";\nimport Spinner from \"react-bootstrap/Spinner\";\n\nconst DynamicLoadTable = (props) => {\n const { t } = useTranslation();\n var _supportInfiniteLoading = props[\"infiniteLoadEnable\"] ?? true;\n const _dispatch = useDispatch();\n const [dataList, setDataList] = useState([]);\n const [totalRecords, setTotaRecords] = useState(0);\n const [isLoading, setIsLoading] = useState(false);\n const [searchEnabled, setSearchEnabled] = useState(false);\n const [autoscrollEnabled, setAutoscrollEnabled] = useState(false);\n\n const [apiQuery, setApiQuery] = useState(props[\"apiQuery\"]);\n const [title, setTitle] = useState(\"TOTAL_RECORD\");\n const [isTable, setIsTable] = useState(false);\n const y = useSelector((state) => state.appState.y);\n\n const _DEFAULT_PAGE_SIZE = 10;\n\n const [pageSize, setPageSize] = useState(_DEFAULT_PAGE_SIZE);\n\n useEffect(() => {\n if (!Util.stringIsNullOrEmpty(props[\"apiQuery\"])) {\n setDataList([]);\n setTitle(props[\"title\"]);\n setApiQuery(props[\"apiQuery\"]);\n }\n }, [props[\"apiQuery\"]]);\n\n useEffect(() => {\n setSearchEnabled(props[\"searchEnabled\"]);\n if (!props[\"searchEnabled\"]) {\n setDataList([]);\n }\n\n if (props[\"autoscrollEnabled\"]) {\n setAutoscrollEnabled(props[\"autoscrollEnabled\"]);\n }\n\n if (props[\"isTable\"]) {\n setIsTable(props[\"isTable\"]);\n }\n }, [props[\"searchEnabled\"]]);\n\n useEffect(() => {\n if (props[\"returnRecord\"]) {\n props.returnRecord(dataList);\n }\n }, [dataList]);\n\n useEffect(() => {\n setPageSize(props[\"pageSize\"] ? props[\"pageSize\"] : _DEFAULT_PAGE_SIZE);\n }, [props[\"pageSize\"]]);\n\n useEffect(() => {\n if (!Util.stringIsNullOrEmpty(apiQuery)) {\n getDataList(dataList);\n }\n }, [apiQuery, searchEnabled, pageSize]);\n\n useEffect(() => {\n try {\n if (_supportInfiniteLoading) {\n window.addEventListener(\"scroll\", onScrollHandler);\n return () => {\n window.removeEventListener(\"scroll\", onScrollHandler);\n };\n }\n } catch {}\n }, [dataList, totalRecords, isLoading, pageSize]);\n\n function onScrollHandler() {\n const windowHeight =\n \"innerHeight\" in window\n ? window.innerHeight\n : document.documentElement.offsetHeight;\n const body = document.body;\n const html = document.documentElement;\n const docHeight = Math.max(\n body.scrollHeight,\n body.offsetHeight,\n html.clientHeight,\n html.scrollHeight,\n html.offsetHeight\n );\n const windowBottom = windowHeight + Math.ceil(window.pageYOffset);\n if (autoscrollEnabled && window.scrollY > 0) {\n _dispatch(setY(window.scrollY));\n }\n\n const element = document.getElementById(\"footer\");\n const footerHeight = element.offsetHeight;\n const withoutFooterHeight = docHeight - footerHeight;\n\n if (windowBottom >= withoutFooterHeight && !isLoading) {\n if (dataList.length < totalRecords) {\n getDataList(dataList);\n }\n }\n\n // if (windowBottom >= docHeight && !isLoading) {\n // if (dataList.length < totalRecords) {\n // getDataList(dataList);\n // }\n // }\n }\n\n async function getDataList(dataList) {\n if (searchEnabled) {\n setIsLoading(true);\n\n var pageNumber = Math.ceil(dataList.length / pageSize);\n var isQueryStringAppended = apiQuery.includes(\"?\");\n var apiUrl =\n apiQuery +\n (isQueryStringAppended ? \"&\" : \"?\") +\n \"count=\" +\n pageSize +\n \"&start=\" +\n pageNumber * pageSize;\n\n let responseJson = await ApiEngine.get(apiUrl);\n setIsLoading(false);\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setDataList([...dataList, ...responseJson[ApiKey._API_DATA_KEY].data]);\n setTotaRecords(responseJson[ApiKey._API_DATA_KEY].totalCount);\n\n if (props.onComplete) {\n props.onComplete({\n totalDataLoaded: [\n ...dataList,\n ...responseJson[ApiKey._API_DATA_KEY].data,\n ][\"length\"],\n });\n }\n\n if (autoscrollEnabled && window.scrollY == 0 && y > 0) {\n window.scrollTo(0, y);\n }\n } else {\n _dispatch(\n showResponseMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n }\n } else {\n setDataList([]);\n setTotaRecords(\"0\");\n }\n }\n\n return (\n \n
\n )}\n\n {t(\"NO_DATA_FOUND\")}
\n \n {\n return (\n \n {\n getMemberDetailsbyId(item.id);\n }}\n >\n \n {item.username} {!stringIsNullOrEmpty(item.fullname) ? \" - \" + item.fullname : \"\"}\n
\n {!stringIsNullOrEmpty(\n item.nickname\n ) && (\n \n ({item.nickname})\n \n )}\n {item.phoneNumber}\n \n\n
\n \n \n
\n \n window.history.go(-1)}\n />\n {\n \n }\n {\n \n {tabHeadings &&\n tabHeadings.length &&\n map(tabHeadings, (item, index) => {\n return (\n \n {item.tab_id == 0 && (\n <>\n \n {\n getText(e);\n }}\n inputClassName=\"downline-search-input\"\n inputGroupType=\"append\"\n inputGroupContent={\n \n }\n />\n \n
\n \n
\n \n \n
\n \n \n {t(\"NEW_MEMBER_TODAY\", {\n value:\n memberData[\n \"totalNewDownlineToday\"\n ],\n })}\n \n
\n \n \n
\n \n {t(\"TOTAL\")} {\" \"}\n \n {memberData[\"totalDownlines\"]}\n \n
\n \n {t(\"LEVEL\")} {\" \"}\n \n {memberData[\"maxDownlineLevel\"]}\n \n
\n \n \n
\n \n \n {memberData[\"totalDirectDownlines\"]}\n \n
\n \n {t(\"DIRECT_DOWNLINE\")}\n \n
\n \n \n {t(\"DIRECT_DOWNLINE\")}\n \n
\n {!stringIsNullOrEmpty(\n item.nickname\n ) && (\n \n ({item.nickname})\n \n )}\n {item.phoneNumber}\n \n\n
\n
\n \n Username\n
*/}\n \n {item.username}\n
\n \n \n {t(\"CREATED_DATE\")}\n \n
\n \n {item.createdDate}\n
\n \n \n {t(\"COMM_RATE\")}\n \n
\n \n \n {t(\"SEE_MORE\")}\n \n
\n \n \n {t(\"POINTS\")}\n \n
\n \n \n {\n \"0\" /*item.points*/ /*Jason - Not sure where to get data for this Points*/\n }\n \n
\n \n \n {t(\"DIRECT_DOWNLINE\")}\n \n
\n \n \n {/* {item.totalDirectDownline} */}\n {downlineData[\"totalDirectDownlines\"]}\n \n
\n \n \n {t(\"TOTAL_DOWNLINES\")}\n \n
\n {/*\n \n {/* {item.maxDownlineLevel} */}\n {downlineData[\"totalDownlines\"]}\n \n
\n \n Level\n
\n \n Bonus: {item.bonus}\n
\n \n \n
*/}\n \n System: {item.system}\n
\n \n \n {t(\"EDIT_DOWNLINE_DETAILS\")}\n \n
\n \n \n );\n }}\n />\n \n )}\n {item.tab_id == 1 && (\n <>\n {downlineGroups.map((downlineGroup, index) => {\n return (\n \n
\n {index === downlineGroups.length - 1 && (\n \n \n {downlineGroup.label !== \"Default\" && (\n {\n setSelectedGroupToDelete(\n downlineGroup\n );\n setConfirmDelete(true);\n }}\n />\n )}\n \n {downlineGroup.label}\n \n \n {\" (\" +\n t(\"TOTAL_MEMBER\") +\n \": \" +\n (downlineGroup.label !== \"Default\"\n ? downlineMemberData[index]\n : totalUngroupedMembers) +\n \")\"}\n \n
\n \n {downlineGroup.label !== \"Default\"\n ? downlineMemberData[index] !== 0 ? //custom group has member\n \n \n {t(\"EDIT_%\")}\n \n : //custom group has no member\n \n \n {t(\"EDIT_%\")}\n \n : //default group has no member\n \n \n \n
\n \n _dispatch(showResponseMessage(false, t(\"NO_DOWNLINE_IN_GROUP\")))}\n >\n {t(\"EDIT_%\")}\n \n
\n : totalUngroupedMembers !== 0 ? //default group has member\n \n _dispatch(showResponseMessage(false, t(\"NO_DOWNLINE_IN_GROUP\")))}\n >\n {t(\"EDIT_%\")}\n \n
\n }\n \n {\n _history.push({\n pathname:\n WebUrl._URL_DOWNLINE_GROUP_DETAIL,\n });\n }}\n >\n {t(\"CREATE\")}\n \n
\n )}\n \n );\n })}\n */}\n {/* */}\n {/* */}\n {/* */}\n {/* {username.map((u, index) => {*/}\n {/* return (*/}\n {/*
*/}\n {/*
*/}\n {/* */}\n {/*)}*/}\n \n );\n })}\n \n }\n \n \n \n */}\n {/* */}\n {/*
*/}\n {/* */}\n {/* {*/}\n {/* return (*/}\n {/* {*/}\n {/* onChange(e.value);*/}\n {/* getDownlineGames(e.value);*/}\n {/* }}*/}\n {/* />*/}\n {/* );*/}\n {/* }}*/}\n {/* rules={{ required: \"PLEASE_SELECT_BANK\" }}*/}\n {/* />*/}\n {/* {errors.bankId && (*/}\n {/*
*/}\n {/* */}\n {/* {t(errors.bankId.message)}*/}\n {/*
*/}\n {/* )}*/}\n {/* | */}\n {/* | */}\n {/* | */}\n {/* | */}\n {/* */}\n {/* );*/}\n {/* })}*/}\n {/*
\n \n \n })
\n \n \n \n \n \n\n \n
\n \n \n \n \n \n \n\n \n \n
\n\n {showPinEntry &&\n isLoggedIn &&\n localStorage.getItem(\"IsVerified\") === null && (\n \n \n \n \n \n \n \n \n
\n \n \n \n \n \n \n {\n setForgetPin(true);\n sendPinCode();\n }}\n >\n {t(\"RESET_PIN\")}\n \n {smsSent && (\n \n {t(\"PIN_SENT\")} {t(\"RESEND_IN\")} {countdownPeriod}{\" \"}\n {t(\"SECOND\")}\n \n )}\n {showHpErrorMessage && (\n \n {t(hpErrorMessage)}\n \n )}\n {showAlert && (\n \n
\n )}\n \n \n {t(\"ENTER_YOUR_PIN\")}\n \n {\n if (e.key === \"Backspace\") {\n onVerifyPinKeyPress(\"{bksp}\");\n }\n }}\n >\n {\n // setPinNumberFinalFocused(index);\n // console.log(index);\n // }}\n onChange={(value) => {\n onVerifyPinKeyPress(value);\n }}\n type=\"numeric\"\n inputMode=\"number\"\n inputStyle={{\n border: \"0\",\n margin: \"0px 10px\",\n width: \"40px\",\n height: \"40px\",\n backgroundColor: \"transparent\",\n borderBottom: \"2px solid #002e6c\",\n }}\n inputFocusStyle={{ borderBottom: \"2px solid #FFC159\" }}\n regexCriteria={/^[ 0-9_@./#&+-]*$/}\n />\n
\n\n {/* _history.push(WebUrl._URL_FORGET_PIN)}>Forgot PIN?*/}\n\n \n {t(\"WAIT_TO_RESEND\")} \n
\n \n\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\n\t\t\t{showConfirmation && (\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\tinit(moment(start), moment(end));\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\toptions={true}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{Object.keys(companySummaryData) &&\n\t\t\t\t\t\t\t\t\tObject.keys(companySummaryData).length > 0 && (\n\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t{t(\"COMPANY_SUMMARY\")}
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t{Object.keys(companySummaryData).length === 0 && (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t| \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"VTURNOVER\")}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"PAYOUT\")} | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{category === \"null\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? t(\"SETTLEMENT\")\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: t(category)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcompanyCategoryTotal[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcategory\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t][\"validTurnover\"]\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcompanyCategoryTotal[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcategory\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t][\"payout\"]\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t- {product}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcompanySummaryData[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcategory\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t][product][\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"validTurnover\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t]\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcompanySummaryData[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcategory\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t][product][\"payout\"]\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"GRAND_TOTAL\")} | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(companyGrandTotal.vsales),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(companyGrandTotal.payout),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
|---|
{t(\"COMPANY_SUMMARY\")}
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t{Object.keys(processedData).length > 0 && (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t| {t(\"VTURNOVER\")} | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"PAYOUT\")} | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
|---|---|
| \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"NO_REPORT_FOR_THE_DATE\")}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
{t(\"MY_INCOME\")}
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t{t(\"DIRECT_DOWNLINE\")}
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{memberDepthData[\"totalDirectDownlines\"]}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{isNaN(processedGrandTotal.netProfit)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? \"\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(processedGrandTotal.netProfit),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t )}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"NET_PROFIT\")}
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{isNaN(processedGrandTotal.vsales)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? \"\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(processedGrandTotal.vsales),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t )}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"VALID_TURNOVER\")}
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t{Object.keys(processedData).length == 0 && (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t| {t(\"CATEGORY\")} | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"VTURNOVER\")} | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"%\")} | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"ALL\")} | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprocessedUserTotal[_username]\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.validTurnover\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprocessedUserTotal[_username]\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.share\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/100\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(_category)}{\" \"}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprocessedCategoryTotal[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t_username\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t][_category]\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.validTurnover\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprocessedCategoryTotal[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t_username\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t][_category].share\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/100\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t-- {_product}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprocessedData[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t_username\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t][_category][\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t_product\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t].validTurnover\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprocessedData[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t_username\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t][_category][\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t_product\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t].share\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/100\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(processedSubTotal.vsales),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"SETTLEMENT\")}{\" \"}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprocessedUserTotal[_username]\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.share\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/100\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(_category)}{\" \"}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprocessedCategoryTotal[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t_username\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t][_category].share\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/100\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t--\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{_product}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprocessedData[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t_username\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t][_category][\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t_product\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t].share\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/100\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t |
|---|
{t(\"MY_INCOME\")}
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t{t(\"DIRECT_DOWNLINE\")}
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{memberDepthData[\"totalDirectDownlines\"]}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(processedGrandTotal.netProfit),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"NET_PROFIT\")}
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(processedGrandTotal.vsales),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"VALID_TURNOVER\")}
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t| {t(\"CATEGORY\")} | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"VTURNOVER\")} | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"%\")} | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
|---|---|---|
| \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"NO_REPORT_FOR_THE_DATE\")}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\n\t\t\t{showConfirmation && (\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{_hideSummary !== true && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : isShowEditForm ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\tgetText(e);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tcontainerClassName=\"mb-0\"\n\t\t\t\t\t\t\t\t\tinputGroupType=\"append\"\n\t\t\t\t\t\t\t\t\tinputGroupContent={\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{showDynamicTable && (\n\t\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetIsShowEditForm(false);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{downline[\"isShareHolder\"] == 1 ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{_hideSummary !== true && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{downline[\"username\"]}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{!stringIsNullOrEmpty(downline[\"fullname\"])\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? \"-\" + downline[\"fullname\"]\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: downline[\"fullname\"]}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{downline[\"nickname\"] != \"\" && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t({downline[\"nickname\"]})\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{downline[\"phoneNumber\"]}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{downline[\"isShareHolder\"] === true ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"SHAREHOLDERDATE\")}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{downline[\"shareHolderDate\"] !== null\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? moment(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdownline[\"shareHolderDate\"]\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t ).format(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"YYYY-MM-DD\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t// \"YYYY-MM-DD HH:mm:ss\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t )\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: \"\"}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{isShowEditForm ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetShare(e.target.value);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{activeOptionsList.map(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(percent, index) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{percent}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"SHAREPERCENT\")}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"MIN\") +\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\" : \" +\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmember[\"minShare\"] +\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"%, \" +\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tt(\"MAX\") +\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\" : \" +\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmember[\"maxShare\"] +\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"%\"}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetHideSummary(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\te.target.checked\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"HIDE_SUMMARY\")}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"SAVE\")}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"SHAREPERCENT\")}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{downline[\"sharePercent\"].toFixed(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t2\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{_hideSummary !== true && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"HIDE_SUMMARY\")}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{downline[\"hideSummary\"]\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? t(\"YES\")\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: t(\"NO\")}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thandleEditShareholderBtn(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tindex,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdownline,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\te\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"href-decoration mb-3 text-gold cursor-pointer\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"EDITSHAREHOLDER\")}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetShare(e.target.value);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{activeOptionsList.map(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(percent, index) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{percent}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"SHAREPERCENT\")}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"MIN\") +\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\" : \" +\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmember[\"minShare\"] +\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"%, \" +\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tt(\"MAX\") +\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\" : \" +\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmember[\"maxShare\"] +\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"%\"}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetHideSummary(e.target.checked)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"HIDE_SUMMARY\")}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"SAVE\")}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thandleEditShareholderBtn(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tindex,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdownline,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\te\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"href-decoration text-gold cursor-pointer\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"ADDSHAREHOLDER\")}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t{showConfirmation && (\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{claimData[\"data\"] && claimData[\"data\"].length == 0 && (\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{t(\"CURRENT_BALANCE\")}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{t(\"CLAIM_HISTORY\")}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\tclaimData[\"totalclaimable\"] != 0 && preSubmit()\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\tUSD{\" \"}\n\t\t\t\t\t\t\t\t\t\t\t{claimData[\"totalclaimable\"]\n\t\t\t\t\t\t\t\t\t\t\t\t? numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(claimData[\"totalclaimable\"]),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t )\n\t\t\t\t\t\t\t\t\t\t\t\t: \"0.000\"}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{t(\"CURRENT_SUMMARY\")}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t{claimData[\"data\"] && claimData[\"data\"].length > 0 && (\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\t\t{claimData[\"data\"].map((row, i) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"DATE\")}
\n\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"MY_SALES\")}
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"DOWNLINE_SALES\")}\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"CLAIMABLE\")}
\n\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"STATUS\")}
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{row[\"date\"]}
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(row[\"ownSales\"]),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(row[\"downlineSales\"]),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(row[\"netProfit\"]),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"UNCLAIMED\")}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t{t(\"DATE\")}
\n\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"MY_SALES\")}
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"DOWNLINE_SALES\")}\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"CLAIMABLE\")}
\n\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"STATUS\")}
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t{t(\"NO_UNCLAIMED_DATA\")}
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t);\n};\nexport default SummaryDownline;\n","/// \n\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{t(\"HIERARCHY\") + \" : \"}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\t\tgetDownlineSales(_username);\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetSelectedMember(\"\");\n\t\t\t\t\t\t\t\t\t\t\t\t\tsessionStorage.removeItem(_SELECTED_MEMBER_KEY);\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{_username}\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{nodePathMembers.length > 0 ? \">\" : \"\"}\n\t\t\t\t\t\t\t\t\t\t\t{nodePathMembers.map((m, index) => {\n\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t getDownlineSales(m.username)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{m.username}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{index != nodePathMembers.length - 1 && \">\"}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{t(\"USERNAME\") + \" : \"}\n\t\t\t\t\t\t\t\t\t\t\t{currentUsername}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{t(\"DATE\") + \" : \"}\n\t\t\t\t\t\t\t\t\t\t\t{url.searchParams.get(\"startDate\") +\n\t\t\t\t\t\t\t\t\t\t\t\t\" \" +\n\t\t\t\t\t\t\t\t\t\t\t\tt(\"TO\") +\n\t\t\t\t\t\t\t\t\t\t\t\t\" \" +\n\t\t\t\t\t\t\t\t\t\t\t\turl.searchParams.get(\"endDate\")}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{Object.keys(processedData).length > 0 && (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t{t(\"DIRECT_DOWNLINE\")}
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{memberDepthData[\"totalDirectDownlines\"]}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(processedGrandTotal.netProfit),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"NET_PROFIT\")}
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(processedGrandTotal.vsales),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"VALID_TURNOVER\")}
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t| {t(\"CATEGORY\")} | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"VTURNOVER\")}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"%\")} | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"ALL\")} | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprocessedUserTotal[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t_username\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t].validTurnover\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprocessedUserTotal[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t_username\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t].share\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/100\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(_category)}{\" \"}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprocessedCategoryTotal[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t_username\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t][_category]\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.validTurnover\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprocessedCategoryTotal[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t_username\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t][_category].share\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/100\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t-- {_product}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprocessedData[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t_username\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t][_category][\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t_product\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t].validTurnover\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprocessedData[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t_username\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t][_category][\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t_product\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t].share\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/100\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(processedSubTotal.vsales),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"SETTLEMENT\")}{\" \"}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprocessedUserTotal[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t_username\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t].share\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/100\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(_category)}{\" \"}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprocessedCategoryTotal[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t_username\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t][_category].share\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/100\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t--{_product}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprocessedData[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t_username\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t][_category][\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t_product\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t].share\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/100\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t |
|---|
\n
\n \n
\n \n
\n \n
\n i8 {t(\"VIDEO_TUTORIAL\")}
\n\n
\n \n
\n {/* \n {video.map((video, index) => {\n return (\n
*/}\n \n
\n );\n })}\n \n
\n \n \n
\n \n
\n \n {video[\"title\"]}\n
\n\n \n
\n {children}\n \n \n );\n};\n\nResult4D.propTypes = {\n title: PropTypes.string.isRequired,\n titleColor: PropTypes.string,\n color: PropTypes.string.isRequired,\n icon: PropTypes.string.isRequired,\n children: PropTypes.element.isRequired,\n};\n\nResult4D.defaultProps = {\n titleColor: \"#ffffff\",\n};\n\nexport default Result4D;\n","import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport PropTypes from \"prop-types\";\nimport moment from \"moment\";\n\nconst Result4DTable = ({ color, type, titleColor, poolData }) => {\n const { t } = useTranslation();\n const formatDate = moment(poolData.drawDateString, \"DD/MM/YYYY\").format(\n \"YYYY-MM-DD\"\n );\n\n return (\n \n \n {title}\n
\n \n
\n \n \n
\n\n {type === \"section-3\" && (\n \n {t(\"DRAW\")} : {poolData.drawDateString}\n \n {\" \"}\n {\"(\"}\n {t(moment(formatDate).format(\"ddd\"))}\n {\")\"}\n \n
\n \n \n \n
\n
\n )}\n\n {type === \"section-2\" && (\n | {poolData.p_starter0} | \n{poolData.p_starter1} | \n{poolData.p_starter2} | \n{poolData.p_starter3} | \n
| {poolData.p_starter4} | \n{poolData.p_starter5} | \n{poolData.p_starter6} | \n{poolData.p_starter7} | \n
| {poolData.p_starter8} | \n{poolData.p_starter9} | \n{poolData.p_starter10} | \n{poolData.p_starter11} | \n
| \n | {poolData.p_starter12} | \n\n | \n |
| {poolData.p_consolation0} | \n{poolData.p_consolation1} | \n{poolData.p_consolation2} | \n{poolData.p_consolation3} | \n
| {poolData.p_consolation4} | \n{poolData.p_consolation5} | \n{poolData.p_consolation6} | \n{poolData.p_consolation7} | \n
| \n | {poolData.p_consolation8} | \n{poolData.p_consolation9} | \n\n |
| \n {t(\"1ST\")} \n | \n\n {poolData.p_6d_1st}\n | \n||
|---|---|---|---|
| \n {t(\"2ND\")} \n | \n\n {poolData.p_6d_2nd_a}\n | \n\n \n {t(\"OR\")}\n \n | \n\n {poolData.p_6d_2nd_b}\n | \n
| \n {t(\"3RD\")} \n | \n\n {poolData.p_6d_3rd_a}\n | \n\n \n {t(\"OR\")}\n \n | \n\n {poolData.p_6d_3rd_b}\n | \n
| \n {t(\"4TH\")} \n | \n\n {poolData.p_6d_4th_a}\n | \n\n \n {t(\"OR\")}\n \n | \n\n {poolData.p_6d_4th_b}\n | \n
| \n {t(\"5TH\")} \n | \n\n {poolData.p_6d_5th_a}\n | \n\n \n {t(\"OR\")}\n \n | \n\n {poolData.p_6d_5th_b}\n | \n
| \n {t(\"1ST\")} \n | \n\n {poolData.p_6d_1st}\n | \n||
|---|---|---|---|
| \n {t(\"2ND\")} \n | \n\n \n {poolData.p_6d_2nd_a}\n \n | \n\n | \n \n \n {poolData.p_6d_2nd_b}\n \n | \n
| \n {t(\"3RD\")} \n | \n\n \n {poolData.p_6d_3rd_a}\n \n | \n\n | \n \n \n {poolData.p_6d_3rd_b}\n \n | \n
| \n {t(\"4TH\")} \n | \n\n \n {poolData.p_6d_4th_a}\n \n | \n\n | \n \n \n {poolData.p_6d_4th_b}\n \n | \n
| \n {t(\"5TH\")} \n | \n\n \n {poolData.p_6d_5th_a}\n \n | \n\n | \n \n \n {poolData.p_6d_5th_b}\n \n | \n
\n\t\t\t\t
\n\t\t\n\t);\n};\nexport default InternalTransferReport;\n","import React, { useState, useEffect } from \"react\";\nimport \"react-simple-keyboard/build/css/index.css\";\nimport Sidebar from \"components/sidebar/index2\";\nimport { useTranslation } from \"react-i18next\";\nimport moment from \"moment\";\nimport { ApiKey, ApiUrl, DisplayDevice } from \"../../util/Constant\";\nimport ContentHeader from \"components/content/header\";\nimport ApiEngine from \"../../util/ApiEngine\";\nimport Dropzone from \"react-dropzone\";\nimport { useForm, Controller } from \"react-hook-form\";\nimport { useLocation, useHistory } from \"react-router-dom\";\nimport {\n\tstringIsNullOrEmpty,\n\tcreateMultiPartFormBody,\n\timagePathToFileObject,\n} from \"../../util/Util\";\nimport { setBusy, setIdle, showResponseMessage } from \"../../redux/AppAction\";\nimport { useDispatch } from \"react-redux\";\nimport { updateUserData, checkIsLoggedIn } from \"../../redux/AuthAction\";\n\nconst CustomizeWeb = (props) => {\n\tconst { t } = useTranslation();\n\tconst _location = useLocation();\n\tlet _history = useHistory();\n\tconst _dispatch = useDispatch();\n\tconst [initPage, setInitPage] = useState(true);\n\tconst [claimData, setClaimData] = useState([]);\n\tconst [transferUrl, setTransferUrl] = useState(\"\");\n\tconst [selectedDate, setSelectedDate] = useState(\"\");\n\tconst [startDate, setStartDate] = useState(moment().format(\"YYYY-MM-DD\"));\n\tconst [endDate, setEndDate] = useState(moment().format(\"YYYY-MM-DD\"));\n\tconst [activeTab, setActiveTab] = useState(0);\n\tconst [tabName, setTabName] = useState(\"Summary\");\n\n\tconst {\n\t\tregister,\n\t\tunregister,\n\t\thandleSubmit,\n\t\terrors,\n\t\tsetError,\n\t\tcontrol,\n\t\tsetValue,\n\t} = useForm();\n\tconst [memberId, setMemberId] = useState(\"\");\n\tconst [content, setContent] = useState(\"\");\n\n\tconst [desktopFile, setDesktopFile] = useState([]);\n\tconst [mobileFile, setMobileFile] = useState([]);\n\tconst [desktopImage, setDesktopImage] = useState();\n\tconst [mobileImage, setMobileImage] = useState();\n\tconst [isNewDesktopImage, setIsNewDesktopImage] = useState(false);\n\tconst [isNewMobileImage, setIsNewMobileImage] = useState(false);\n\tconst [selectedTheme, setSelectedTheme] = useState(1);\n\n\tuseEffect(() => {\n\t\tinit();\n\t}, []);\n\n\tasync function init() {\n\t\t_dispatch(setBusy());\n\t\tif (checkIsLoggedIn) {\n\t\t\tvar responseJson = await ApiEngine.get(\n\t\t\t\tApiUrl._API_GET_MEMBER_DETAILS_BY_ID\n\t\t\t);\n\n\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\tlet tempMemberData = responseJson[ApiKey._API_DATA_KEY];\n\t\t\t\tsetMemberId(tempMemberData[\"id\"]);\n\t\t\t\tsetContent(responseJson[ApiKey._API_DATA_KEY][\"htmlStyle\"]);\n\t\t\t\tsetSelectedTheme(responseJson[ApiKey._API_DATA_KEY][\"selectedTheme\"]);\n\n\t\t\t\tif (!stringIsNullOrEmpty(tempMemberData[\"logo\"])) {\n\t\t\t\t\tsetDesktopImage(tempMemberData[\"logo\"]);\n\t\t\t\t}\n\n\t\t\t\t//unregister(\"content\");\n\t\t\t}\n\t\t}\n\t\t_dispatch(setIdle());\n\t}\n\n\tconst submitForm = async (data, e) => {\n\t\tlet params = {\n\t\t\tcontent: content,\n\t\t\tisNewDesktopFile: isNewDesktopImage,\n\t\t\tisNewMobileFile: isNewMobileImage,\n\t\t\tselectedTheme: selectedTheme,\n\t\t};\n\n\t\tif (!stringIsNullOrEmpty(memberId)) {\n\t\t\tparams[\"id\"] = memberId;\n\t\t}\n\n\t\tif (!stringIsNullOrEmpty(desktopFile)) {\n\t\t\tparams[\"desktopFile\"] = desktopFile;\n\t\t}\n\n\t\tif (stringIsNullOrEmpty(desktopImage)) {\n\t\t\tparams[\"desktopImageRemoved\"] = true;\n\t\t}\n\n\t\tif (!stringIsNullOrEmpty(mobileFile)) {\n\t\t\tparams[\"mobileFile\"] = mobileFile;\n\t\t}\n\n\t\tif (stringIsNullOrEmpty(mobileImage)) {\n\t\t\tparams[\"mobileImageRemoved\"] = true;\n\t\t}\n\n\t\tconsole.log(params);\n\t\tlet formBody = createMultiPartFormBody(params);\n\t\t_dispatch(setBusy());\n\n\t\tfetch(ApiUrl._API_CREATE_OR_UPDATE_MEMBER_LOGO_AND_HTML_STYLE, {\n\t\t\tmethod: ApiKey._API_POST,\n\t\t\theaders: {\n\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t},\n\t\t\tbody: formBody,\n\t\t})\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\t_dispatch(setIdle());\n\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tinit();\n\t\t\t\t}\n\n\t\t\t\t_dispatch(\n\t\t\t\t\tshowResponseMessage(\n\t\t\t\t\t\tresponseJson[ApiKey._API_SUCCESS_KEY],\n\t\t\t\t\t\tt(responseJson[ApiKey._API_MESSAGE_KEY])\n\t\t\t\t\t)\n\t\t\t\t);\n\t\t\t});\n\t};\n\n\tconst logoDrop = (acceptedFiles, isDesktop) => {\n\t\tif (acceptedFiles.length !== 0) {\n\t\t\tconst file = acceptedFiles[0];\n\t\t\tif (isDesktop) {\n\t\t\t\tsetDesktopFile(file);\n\t\t\t} else {\n\t\t\t\tsetMobileFile(file);\n\t\t\t}\n\t\t\tconst reader = new FileReader();\n\t\t\treader.onloadend = () => {\n\t\t\t\tif (isDesktop) {\n\t\t\t\t\tsetIsNewDesktopImage(true);\n\t\t\t\t\tsetDesktopImage(reader.result);\n\t\t\t\t} else {\n\t\t\t\t\tsetIsNewMobileImage(true);\n\t\t\t\t\tsetMobileImage(reader.result);\n\t\t\t\t}\n\t\t\t};\n\t\t\treader.readAsDataURL(file);\n\t\t}\n\t};\n\n\t// const handleCheckboxChange = () => {\n\tconst handleCheckboxChange = async (selectedTheme, e) => {\n\t\tsetSelectedTheme(selectedTheme);\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\tsetStartDate(moment(start));\n\t\t\t\t\t\t\t\t\t\tsetEndDate(moment(end));\n\t\t\t\t\t\t\t\t\t\tgetTransferData(start, end);\n\t\t\t\t\t\t\t\t\t\tsetSelectedDate(\"\");\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\toptions={true}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t| {t(\"DATE\")} | \n\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"AMOUNT\")} | \n\t\t\t\t\t\t\t\t\t\t\t\t
|---|---|
| \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{moment(item[\"date\"]).format(\"DD-MM-YYYY\")}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t|
| \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{initPage\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? t(\"CLICK_SEARCH_TO_CONTINUE\")\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: t(\"NO_DATA_FOUND\")}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\n\t\t\n\t);\n};\nexport default CustomizeWeb;\n","import React, { useState } from 'react'\nimport { getValidationMessage, stringIsNullOrEmpty } from '../../util/Util'\nimport { useTranslation } from 'react-i18next'\nimport { ApiKey } from '../../util/Constant'\n\n/**\n * Author: -\n */\nconst Checkbox = React.forwardRef((props, ref) => {\n const {\n name,\n id,\n containerClassName = '',\n labelClassName = '',\n inputClassName = 'form-checkbox',\n type = 'checkbox',\n label,\n small,\n placeholder = '',\n errors,\n disabled,\n inputGroupType,\n inputGroupContent,\n ...rest\n } = props\n const { t, i18n } = useTranslation()\n\n return (\n \n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n {inputGroupType ? (\n
\n )\n})\n\nexport default Checkbox\n","import React, { useEffect, useState, useRef } from \"react\";\nimport { useHistory, withRouter } from \"react-router-dom\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { useForm } from \"react-hook-form\";\nimport { performLogin } from \"../redux/AuthAction.js\";\nimport {\n\tWebUrl,\n\tApiUrl,\n\tApiKey,\n\tLanguageOption,\n\tSessionKey,\n\tLanguage,\n\tLanguageSelectStyle,\n} from \"../util/Constant\";\nimport { useTranslation } from \"react-i18next\";\nimport Input from \"../components/custom/Input\";\nimport Checkbox from \"../components/custom/Checkbox\";\nimport { Modal, ModalBody, ModalHeader, ModalFooter } from \"reactstrap\";\nimport PhoneNumber from \"../components/custom/PhoneNumber.js\";\nimport ApiEngine from \"../util/ApiEngine.js\";\nimport { createFormBody, createMultiPartFormBody } from \"../util/Util.js\";\nimport { setBusy, setIdle, showResponseMessage } from \"../redux/AppAction.js\";\nimport { saveLanguageId } from \"../redux/LanguageAction\";\nimport Select from \"react-select\";\nimport SecureLS from \"secure-ls\";\nimport ReCAPTCHA from \"react-google-recaptcha\";\n\n/// \n {inputGroupType == 'prepend' && (\n
\n ) : !disabled ? (\n \n {inputGroupContent}\n
\n )}\n \n {inputGroupContent}\n
\n )}\n \n
\n ) : (\n {props.value}
\n )}\n {errors\n ? errors[name] && (\n \n {stringIsNullOrEmpty(errors[name][ApiKey._API_MESSAGE_KEY])\n ? t(getValidationMessage(errors[name]))\n : t(errors[name][ApiKey._API_MESSAGE_KEY])}\n
\n )\n : ''}\n {small && {small}
}\n \n\t\t\t\t
\n\t\t\n\t);\n};\n\nexport default Login;\n","import React from \"react\";\nimport { Redirect } from \"react-router\";\nimport { WebUrl } from \"../util/Constant\";\n\n///john ralph\nimport Home from \"../pages/home/Home\";\nimport GameProvider from \"../pages/home/GameProvider\";\nimport MainWallet from \"../pages/home/MainWallet\";\nimport DepositDesktop from \"../pages/reload/Deposit\";\nimport Withdrawal from \"../pages/home/Withdrawal\";\nimport TransactionHistory from \"../pages/home/TransactionHistory\";\nimport PendingTransaction from \"../pages/home/PendingTransaction\";\nimport Transfer from \"../pages/home/Transfer\";\nimport Notification from \"../pages/home/Notification\";\nimport Downline from \"../pages/downline/Downline\";\nimport ProgressCommRate from \"../pages/downline/ProgressCommRate\";\nimport EditDownlineDetails from \"../pages/downline/EditDownlineDetails\";\nimport DownlineGroupDetail from \"../pages/downline/DownlineGroupDetail\";\nimport EditDownlineGroupDetail from \"../pages/downline/EditDownlineGroupDetail\";\nimport Kpi from \"../pages/home/Kpi\";\nimport Report from \"../pages/home/Report\";\nimport GameRecord from \"../pages/home/GameRecord\";\nimport WalletStatement from \"../pages/home/WalletStatement\";\nimport RolloverStatement from \"../pages/home/RolloverStatement\";\nimport Rewards from \"../pages/home/Rewards\";\nimport RewardHistory from \"../pages/home/RewardHistory\";\nimport RewardsTnC from '../pages/home/RewardsTnC';\n/* addition from Jason */\nimport Register from \"../pages/home/Register\";\nimport NotificationDetail from \"../pages/home/NotificationDetail\";\n\nimport BonusReport from \"../pages/home/BonusReport\";\nimport InternalTransferReport from \"../pages/home/InternalTransferReport\";\nimport Account from \"../pages/home/Account\";\nimport Settings from \"../pages/home/Settings\";\nimport Terms from \"../pages/home/TermsAndCondition\";\nimport About from \"../pages/home/About\";\nimport VipEvent from \"../pages/vip-event/VipEvent\";\nimport Summary from \"../pages/vip-event/Summary\";\nimport Shareholders from \"../pages/vip-event/Shareholders\";\nimport Claim from \"../pages/vip-event/Claim\";\nimport SummaryDownline from \"../pages/vip-event/SummaryDownline\";\nimport HelpCentre from \"../pages/setting/HelpCentre\";\nimport HelpCentreCategory from \"../pages/setting/HelpCentreCategory\";\nimport HelpCentreSubCategory from \"../pages/setting/HelpCentreSubCategory\";\nimport HelpCentreFaq from \"../pages/setting/HelpCentreFaq\";\n\nimport Referral from \"../pages/home/Referral\";\nimport ReferralCode from \"../pages/home/ReferralCode\";\nimport ReferralEdit from \"../pages/home/ReferralEdit\";\nimport DownloadApp from \"../pages/home/DownloadApp\";\nimport VideoTutorial from \"../pages/home/VideoTutorial\";\nimport Result from \"../pages/result/4DResult\";\nimport ContactUs from \"../pages/contact-us/ContactUs\";\nimport GameList from \"pages/home/GameList\";\nimport Download from \"pages/download/\";\nimport ClaimHistory from \"pages/home/ClaimHistory\";\nimport Esport from \"pages/game/Esport\";\nimport Rng from \"pages/game/Rng\";\nimport Lottery from \"pages/game/Lottery\";\nimport Poker from \"pages/game/Poker\";\nimport Sport from \"pages/game/Sports\";\nimport Casino from \"pages/game/Casino\";\nimport RichwinAdmin from \"pages/home/RichwinAdmin\";\nimport CommissionHistory from \"../pages/home/CommissionHistory\";\nimport UnclaimCommissionHistory from \"../pages/member/UnclaimCommissionHistory\";\nimport LiveChatPage from './../pages/contact-us/LiveChat';\nimport WalletTransferHistory from 'pages/home/WalletTransferHistory';\nimport DepositRecord from 'pages/transaction/DepositRecord';\nimport WithdrawalRecord from 'pages/transaction/WithdrawalRecord';\nimport Connect from \"../pages/game/Connect\";\nimport LoyaltyRedemption from \"../pages/home/LoyaltyRedemption\";\nimport LoyaltyRedemptionHistory from \"../pages/home/LoyaltyRedemptionHistory\";\nimport LoyaltyRedemptionTnC from \"../pages/home/LoyaltyRedemptionTnC\";\nimport UnclaimLoyaltyPoints from \"../pages/member/UnclaimLoyaltyPoints\";\nimport LoyaltyPointsHistory from \"../pages/home/LoyaltyPointsHistory\";\nimport CustomizeWeb from \"../pages/vip-event/CustomizeWeb\";\n\n\nimport LoginSH from \"../pages/LoginSH\"\n/// \n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\tSign In
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\tEnter your username and password to access\n\t\t\t\t\t\t\t\t\t\t\t\t\taccount.\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\n\t);\n};\n\nexport default Header;\n","import React from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { useTranslation } from \"react-i18next\";\n\nconst Footer = () => {\n\tconst { t, i18n } = useTranslation();\n\tconst _dispatch = useDispatch();\n\tconst isLoggedIn = useSelector((state) => state.authState.isLoggedIn);\n\tconst _userData = useSelector((state) => state.authState.userData);\n\n\treturn (\n\t\t<>\n\t\t\t\n\t\t\n\t);\n};\n\nexport default Footer;\n","import { useEffect } from 'react';\nimport { withRouter } from 'react-router-dom';\n\nfunction ScrollToTop({ history }) {\n useEffect(() => {\n const unlisten = history.listen(() => {\n window.scrollTo(0, 0);\n });\n return () => {\n unlisten();\n }\n }, []);\n\n return (null);\n}\n\nexport default withRouter(ScrollToTop);","import React, { useEffect, useState } from \"react\";\nimport { PageSettings } from \"../../config/page-settings.js\";\nimport { _ROUTES, _LOGIN_ROUTE } from \"../../config/page-route.jsx\";\nimport { useSelector } from \"react-redux\";\nimport { filter } from \"lodash\";\nimport { Route, useHistory, useLocation } from \"react-router-dom\";\nimport appsettings from \"../../appsettings-fe.json\";\nimport Header from \"components/header\";\nimport Sidebar from \"components/sidebar/index2\";\nimport Footer from \"components/footer/index.js\";\nimport ScrollToTop from \"./scrolltotop\";\n\nconst Content = () => {\n\tconst history = useHistory();\n\tconst location = useLocation();\n\tconst [routes, setRoutes] = useState([]);\n\tconst [scrollTop, setScrollTop] = useState(0);\n\tconst [showScrolledHeader, setShowScrolledHeader] = useState(false);\n\tconst liveChatLicense = parseInt(\n\t\tappsettings.ApplicationConfig.liveChatLicense\n\t);\n\tconst authState = useSelector((state) => state.authState);\n\tconst { pathname } = location;\n\n\tuseEffect(() => {\n\t\tconst scrollEvent = () => {\n\t\t\twindow.addEventListener(\"scroll\", (e) => {\n\t\t\t\tsetScrollTop(e.target.documentElement.scrollTop);\n\t\t\t});\n\t\t};\n\n\t\tscrollEvent();\n\n\t\treturn () => {\n\t\t\t//window.removeEventListener(\"scroll\");\n\t\t};\n\t}, []);\n\n\tuseEffect(() => {\n\t\tsetRoutes(\n\t\t\tfilter(\n\t\t\t\t_ROUTES,\n\t\t\t\t(route) =>\n\t\t\t\t\tauthState.isLoggedIn ||\n\t\t\t\t\t!route.authRequired ||\n\t\t\t\t\troute.path == history.location.pathname\n\t\t\t)\n\t\t);\n\t}, [authState, location]);\n\n\tconst PrivateRoute = (index, routeData) => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t)}\n\t\t\n\t\t\t\t\t
\n\t\t\t);\n\t\t} else {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tSomething went wrong, please contact admin for\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thelp\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\" \"}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{window.navigator.userAgent}{\" \"}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{!stringIsNullOrEmpty(this.props.appState.alert.content) &&\n\t\t\t\t\t\t\t\t\t(this.props.appState.alert.html\n\t\t\t\t\t\t\t\t\t\t? this.props.appState.alert.content\n\t\t\t\t\t\t\t\t\t\t: this.props.appState.alert.content\n\t\t\t\t\t\t\t\t\t\t\t\t.split(\"\\n\")\n\t\t\t\t\t\t\t\t\t\t\t\t.map((item, key) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{item}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t}))}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t)}\n\t\t\t\t\t{this.props.authState.loginStateInitialized && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t}))}\n\t\t\t\t\t\t\t