- \n\t\t\t\t\t
- FontAwesome \n\t\t\t\t\t\t\t\t\t\t\t\t
- Ionicons \n\t\t\t\t\t\t\t\t\t\t\t\t
- Simple Line Icons \n\t\t\t\t\t\t\t\t\t\t\t\t
- Typography \n\t\t\t\t\t\t\t\t\t\t\t\t
- Media Object \n\t\t\t\t\t\t\t\t\t\t\t\t
- Widget Boxes \n\t\t\t\t\t\t\t\t\t\t\t\t
- Tabs & Accordions \n\t\t\t\t\t\t\t\t\t\t\t
- Unlimited Nav Tabs \n\t\t\t\t\t\t\t\t\t\t\t\t
- Modal & Notification \n\t\t\t\t\t\t\t\t\t\t\t\t
- Buttons \n\t\t\t\t\t\t\t\t\t\t\t
- Blank Page \n\t\t\t\t\t\t\t\t\t\t\t\t
- Page with Footer NEW \n\t\t\t\t\t\t\t\t\t\t\t\t
- Page without Sidebar \n\t\t\t\t\t\t\t\t\t\t\t\t
- Page with Right Sidebar \n\t\t\t\t\t\t\t\t\t\t\t\t
- Page with Minified Sidebar \n\t\t\t\t\t\t\t\t\t\t\t\t
- Page with Two Sidebar \n\t\t\t\t\t\t\t\t\t\t\t\t
- Page with Line Icons \n\t\t\t\t\t\t\t\t\t\t\t
- Full Height Content \n\t\t\t\t\t\t\t\t\t\t\t\t
- Page with Mega Menu \n\t\t\t\t\t\t\t\t\t\t\t\t
- Page with Light Sidebar \n\t\t\t\t\t\t\t\t\t\t\t\t
- Page with Large Sidebar \n\t\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 Client\n\t\t\t\t\t\t\n\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\tUI Kits
\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
\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\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
\n\t\t\t\t\t\t\t\tPage Options 11
\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
\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\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
\n\t\t\t\t\t\t\tParagraph
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Duis libero purus, fermentum at libero convallis, auctor dignissim mauris. Nunc laoreet pellentesque turpis sodales ornare. Nunc vestibulum nunc lorem, at sodales velit malesuada congue. Nam est tortor, tincidunt sit amet eros vitae, aliquam finibus mauris.\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\tFusce ac ligula laoreet ante dapibus mattis. Nam auctor vulputate aliquam. Suspendisse efficitur, felis sed elementum eleifend, ipsum tellus sodales nisi, ut condimentum nisi sem in nibh. Phasellus suscipit vulputate purus at venenatis. Quisque luctus tincidunt tempor.\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n
\n )}\n \n {pageTwoSidebar && (\n \n )}\n\n {pageHeaderMegaMenu && (\n \n )}\n {pageTopMenu && pageSidebar && (\n \n )}\n {!pageSidebar && pageTopMenu && (\n \n )}\n {pageSidebar && (\n \n )}\n\n
\n\n {pageHeaderMegaMenu && (\n \n 
\n \n {\n process.env.REACT_APP_NAME == Theme._EPAY ?\n \"Epay Mobile Reload\" :\n process.env.REACT_APP_NAME == Theme._OREN ?\n \"Oren Mart\" : \"Mantap\"\n }\n \n
\n - \n {\n userData?.userRoleId == Role._MANAGER &&\n
- \n {Number(creditLimit).toFixed(2)} {t('POINTS')}\n \n }\n\n {pageHeaderLanguageBar && (\n
\n
\n )}\n \n\n {pageSidebar && (\n \n )}\n
\n\n \n
\n \n ![\"epay-logo\"]({require(\"../../assets/img/logo/epay-ghl.png\")})
\n ![\"logo\"]({require(\"../../assets/img/logo/hotlink.png\")})
\n ![\"logo\"]({require(\"../../assets/img/logo/digi.png\")})
\n ![\"logo\"]({require(\"../../assets/img/logo/xpax.png\")})
\n ![\"logo\"]({require(\"../../assets/img/logo/astro.png\")})
\n ![\"logo\"]({require(\"../../assets/img/logo/yes.png\")})
\n ![\"logo\"]({require(\"../../assets/img/logo/molpay.png\")})
\n ![\"logo\"]({require(\"../../assets/img/logo/cherrycredits.png\")})
\n ![\"logo\"]({require(\"../../assets/img/logo/garena.png\")})
\n ![\"logo\"]({require(\"../../assets/img/logo/acash.png\")})
\n ![\"logo\"]({require(\"../../assets/img/logo/toucn-n-go.png\")})
\n
\n\n \n \n \n \n \n \n \n \n \n \n \n - \n
- \n {Number(creditLimit).toFixed(2)} {t('POINTS')}\n \n\n {pageHeaderLanguageBar && (\n
- \n
- \n \n \n \n {this.props.authState.userData.username}\n {this.props.authState.userData.userRole}\n\n \n \n
{props.isShop ? (props.index + 1) + '. ' + t(props.data.title) : t(props.data.title)}
\n\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\tprops.data.action ?\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t:\n {caret} {img} {icon} {badge} {title} {highlight}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t{props.data.children && (\n\t\t\t\t\t\t\t- \n\t\t\t\t\t\t\t\t{props.data.children && props.data.children.map((submenu, i) => (\n\t\t\t\t\t\t\t\t\t
- \n {menuList.map((menu, i) => (\n
\n
\n )\n}\n\nexport default withRouter(Login);","import React from 'react';\nimport classNames from 'classnames';\n\nconst PanelStat = React.createContext();\n\nclass Panel extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\t\n\t\tthis.toggleExpand = () => {\n\t\t\tthis.setState(state => ({\n\t\t\t\texpand: !this.state.expand\n\t\t\t}));\n\t\t}\n\t\t\n\t\tthis.toggleRemove = () => {\n\t\t\tthis.setState(state => ({\n\t\t\t\tremove: !this.state.remove\n\t\t\t}));\n\t\t}\n\t\t\n\t\tthis.toggleCollapse = () => {\n\t\t\tthis.setState(state => ({\n\t\t\t\tcollapse: !this.state.collapse\n\t\t\t}));\n\t\t}\n\t\t\n\t\tthis.toggleReload = () => {\n\t\t\tif (this.state.reload !== true) {\n\t\t\t\tthis.setState(state => ({\n\t\t\t\t\treload: true\n\t\t\t\t}));\n\t\t\t\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tthis.setState(state => ({\n\t\t\t\t\t\treload: false\n\t\t\t\t\t}));\n\t\t\t\t}, 2000);\n\t\t\t}\n\t\t}\n\t\t\n\t\tthis.state = {\n\t\t\texpand: false,\n\t\t\tcollapse: false,\n\t\t\treload: false,\n\t\t\tremove: false,\n\t\t\ttoggleExpand: this.toggleExpand,\n\t\t\ttoggleReload: this.toggleReload,\n\t\t\ttoggleRemove: this.toggleRemove,\n\t\t\ttoggleCollapse: this.toggleCollapse\n\t\t}\n\t}\n\trender() {\n\t\treturn (\n\t\t\t\n
\n \n
\n \n {process.env.REACT_APP_NAME == Theme._EPAY ? \"Epay Game Reload+\" : process.env.REACT_APP_NAME == Theme._OREN ? \"Oren Mart\" : \"Mantap\"}
\n \n
\n \n
\n \n \n
\n \n \n
\n \n \n \n
\n \n \n \n \n ![]({require(\"../../assets/img/logo/first.png\")})
\n ![]({require(\"../../assets/img/logo/tunetalk.png\")})
\n ![]({require(\"../../assets/img/logo/umobile.png\")})
\n \n ![]({require(\"../../assets/img/logo/xox.png\")})
\n ![]({require(\"../../assets/img/logo/tron.png\")})
\n ![]({require(\"../../assets/img/logo/merchatrade.png\")})
\n ![]({require(\"../../assets/img/logo/buzzme.png\")})
\n ![]({require(\"../../assets/img/logo/itel.png\")})
\n ![]({require(\"../../assets/img/logo/kartuloveas.png\")})
\n ![]({require(\"../../assets/img/logo/artel.png\")})
\n ![]({require(\"../../assets/img/logo/speakout.png\")})
\n ![]({require(\"../../assets/img/logo/friendi.png\")})
\n ![]({require(\"../../assets/img/logo/xiddig.png\")})
\n ![]({require(\"../../assets/img/logo/ysmobile.png\")})
\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 ![]({require(\"../../assets/img/logo/tm.png\")})
\n ![]({require(\"../../assets/img/logo/streamyx.png\")})
\n ![]({require(\"../../assets/img/logo/unifi.png\")})
\n ![]({require(\"../../assets/img/logo/redone.png\")})
\n
\n \n \n \n \n \n \n \n \n \n
\n \n ![]({require(\"../../assets/img/logo/cubits.png\")})
\n ![]({require(\"../../assets/img/logo/multigamecard.png\")})
\n \n ![]({require(\"../../assets/img/logo/molpoints.png\")})
\n \n ![]({require(\"../../assets/img/logo/offgamers.png\")})
\n ![]({require(\"../../assets/img/logo/cibmall.png\")})
\n \n ![]({require(\"../../assets/img/logo/mycard.png\")})
\n
\n \n \n \n \n \n \n \n \n \n \n \n
\n \n \n ![]({require(\"../../assets/img/logo/mcash.png\")})
\n
\n \n \n \n\t\t\t\t\t\t{ this.props.children }\n\t\t\t\t\t
\n\t\t\t\t)}\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t{({ toggleExpand, toggleRemove, toggleCollapse, toggleReload }) => (\n\t\t\t\t\t\t\t \n\t\t\t\t)}\n\t\t\t
\n\t\t)\n\t}\n}\n\nclass PanelBody extends React.Component {\n\trender() {\n\t\treturn (\n\t\t\t{ this.props.children }
\n\t\t\t\t{\n\t\t\t\t\t\n\t\t\t\t(!this.props.noButton &&\n\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)}\n\t\t\t\t\t\n\t\t\t\t\t\t{ this.props.children }\n\t\t\t\t\t\t\n\t\t\t\t\t\t{(reload && \n\t\t\t\t\t\t\t
\n\t\t\t\t)}\n\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)}\n\t\t\t\t\t\n\t\t\t\t{ this.props.children }\n\t\t\t
\n\t\t);\n\t}\n};\n\nexport { Panel, PanelHeader, PanelBody, PanelFooter };\n","import React from 'react';\nimport { stringIsNullOrEmpty } from \"../../util/Util\";\n\n/// \n {\n (!isObjectEmpty(overallInfo) && showOverallInfo) &&
\n );\n}\n\nexport default ReactTable;","import React, { useState, useMemo, useEffect } from 'react';\nimport { Modal, ModalHeader, ModalBody } from 'reactstrap';\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { createMultiPartFormBody, stringIsNullOrEmpty } from '../../util/Util';\nimport { ApiUrl, ApiKey, Role, AlertTypes } from '../../util/Constant';\nimport ApiEngine from '../../util/ApiEngine';\nimport { useTranslation } from 'react-i18next';\nimport { showMessage, showResponseMessage } from \"redux/AppAction\";\nimport { useForm } from \"react-hook-form\";\n\n/// \n {Object.keys(overallInfo).map((key, index) => {\n return
\n }\n {\n totalRecordCount > 0 && exportRequired && \n {t(key)}: = 0 ? \"success\" : \"danger\")}>{numberWithCurrencyFormat(Number(overallInfo[key]), 4)}\n
\n })}\n \n
\n }\n {\n data.length > 0 && exportExternalData.length > 0 && \n \n \n
\n \n
\n }\n {globalFilterable &&\n \n \n
\n \n
\n }\n \n setPageSize(Number(e.target.value))} >\n {pageSizeOptions.map(pageSize => (\n \n ))}\n \n
\n \n
\n \n
\n \n \n \n {headerGroups.map(headerGroup => (\n
\n
\n {\n !isHidePagination &&\n | \n {\n typeof column.render(\"Header\").props === 'object' ?\n column.render(\"Header\") :\n (\n \n {t(column.render(\"Header\"))}\n {column.disableSortBy == true ? null :\n column.isSorted\n ? column.isSortedDesc\n ? \n : \n : }\n {\n page.length > 0 && column.disableSortBy && column.sortColumn &&\n <>\n {\n column.isAsc ?\n :\n \n }\n \n }\n {\n page.length > 0 && column.showSortIcon && column.disableSortBy && !column.sortColumn &&\n \n }\n \n )\n }\n {/* Render the columns filter UI */}\n {filterable && column.canFilter ? column.render(\"Filter\") : null} \n | \n ))}\n
|---|
| \n {cell.render(\"Cell\")}\n | \n );\n })}\n
| {t(\"NO_DATA_FOUND\")} |
| \n ))}\n |
| {column.render('Footer')} | \n ))}\n
| {customLoader} | \n
\n
\n }\n \n
\n \n {\" \"}\n {\" \"}\n {pageRange.map((pageI, key) => {\n return ()\n })}\n {\" \"}\n {\" \"}\n
\n \n
\n \n \n {t(\"PAGE\")}{\" \"}\n \n {pageIndex + 1} of {pageOptions.length}\n {\" \"}\n \n \n {t(\"GO_TO_PAGE\")}:{\" \"}\n {\n if (!stringIsNullOrEmpty(e.target.value)) {\n const page = e.target.value ? Number(e.target.value) - 1 : 0;\n gotoPage(page);\n }\n }}\n style={{ width: \"100px\" }}\n />\n {\" \"}\n
\n \n {\n setShops(data);\n setCheckAll(!checkAll);\n }} checked={checkAll} />\n \n
\n )\n },\n Cell: ({ row }) => {\n return (\n \n setSelectedShops({ ...selectedShops, [row.original.id]: !selectedShops[row.original.id] })}\n checked={selectedShops[row.original.id]} />\n \n
\n )\n },\n width: 30,\n disableSortBy: true,\n },\n {\n Header: t('NAME'),\n accessor: 'userFullName',\n disableSortBy: true\n },\n {\n Header: t('USERNAME'),\n accessor: 'username',\n disableSortBy: true\n },\n {\n Header: t('REGION'),\n accessor: 'regionName',\n disableSortBy: true\n },\n {\n Header: t('CURRENT_LIMIT'),\n accessor: 'creditLimit',\n Cell: ({ row }) => {\n return (\n \n {\n setUserShopLimitDetails({\n id: row.original.id,\n userFullName: row.original.userFullName,\n currentCreditLimit: row.original.shopProfile.creditLimit,\n isRequiredSetLimitApproval: row.original.shopProfile.isRequiredSetLimitApproval\n });\n setIsSetShopLimitModalVisible(true)\n }}>\n {numberWithCurrencyFormat(row.original.shopProfile?.creditLimit)}\n
\n {\n !stringIsNullOrEmpty(row.original.shopProfile?.shopUpperLimit) &&\n <>\n /\n {\n setUserShopLimitDetails({\n id: row.original.id,\n userFullName: row.original.userFullName,\n currentCreditLimit: row.original.shopProfile.creditLimit\n });\n setIsSetUpperLimitModalVisible(true)\n }}>\n {numberWithCurrencyFormat(row.original.shopProfile?.shopUpperLimit)}\n
\n \n }\n \n )\n },\n disableSortBy: true\n },\n {\n Header: t('EGHL_LIMIT'),\n accessor: 'eghlLimit',\n Cell: ({ row }) => {\n return (\n \n {\n setEghlLimitDetail(row.original);\n }}>\n {numberWithCurrencyFormat(row.original.eghlLimit)}\n
\n \n )\n }\n },\n {\n Header: t('STATUS'),\n accessor: 'status',\n Cell: ({ row }) => {\n return (\n \n {\n row.original.status == FilterStatus._ACTIVE ?\n {t(\"ACTIVE\")} :\n {t(\"SUSPENDED\") + \" (\" + row.original.invalidLoginCount + \")\"}\n }\n \n )\n },\n disableSortBy: true\n },\n {\n Header: t('SETTINGS'),\n Cell: ({ row }) => {\n return <>\n {row.original.shopProfile.createPlayerEnable && <>- {t('ADD_PLAYER')}}\n {row.original.shopProfile.createMemberEnable && <>- {t('CREATE')} {t('MEMBER')}
}\n {row.original.shopProfile.reloadEnable && <>- {t('RELOAD')}
}\n {row.original.shopProfile.depositEnable && <>- {t('CAN_DEPOSIT')}
}\n {row.original.shopProfile.isRequiredSetLimitApproval && <>- {t('SET_LIMIT_APPROVAL')}
}\n {row.original.shopProfile.passwordResetAfterLogin && <>- {t('RESET_PASSWORD_AFTER_LOGIN')}
}\n {row.original.shopProfile.agentReload && <>- {t('CAN_RELOAD_AGENT')}
}\n {row.original.shopProfile.onlineWithdrawalShop && <>- {t('ONLINE_WITHDRAWAL')}
}\n {row.original.shopProfile.canClaimReward && <>- {t('CAN_CLAIM_REWARD')}
}\n {!props.isCustomerService && row.original.shopProfile.createPlayerWithoutMemberEnable && <>- {t('CAN_CREATE_PLAYER_WITHOUT_MEMBER')}
}\n {!props.isCustomerService && row.original.shopProfile.canBlockMember && <>- {t('CAN_BLOCK_MEMBER')}
}\n {!props.isCustomerService && row.original.shopProfile.canUnblockMember && <>- {t('CAN_UNBLOCK_MEMBER')}
}\n {!props.isCustomerService && row.original.shopProfile.canEghlReload && <>- {t('CAN_EGHL_RELOAD')}
}\n \n },\n disableFilters: true,\n disableSortBy: true,\n },\n {\n\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) => {\n var suspended = row.original.status === FilterStatus._SUSPENDED;\n\n return (\n checkIfPermissionExist(props.isCustomerService ? AccessRight._CUSTOMER_SERVICE_CONTROL_PERMISSION : AccessRight._SHOP_CONTROL_PERMISSION, true) &&
\n \n \n {_userData.isAdminLevel &&\n {\n navigateTo(_history, WebUrl._URL_ADMIN_MANAGE_SHOP_API, row.original)\n }}>{t(\"VENDOR_API_DETAILS\")} \n }\n {\n setUserShopLimitDetails({\n id: row.original.id,\n userFullName: row.original.userFullName,\n currentCreditLimit: row.original.shopProfile.creditLimit,\n isRequiredSetLimitApproval: row.original.shopProfile.isRequiredSetLimitApproval\n });\n setIsSetShopLimitModalVisible(true)\n }}>{t(\"SET_SHOP_LIMIT\")} \n {\n setUserShopLimitDetails({\n id: row.original.id,\n userFullName: row.original.userFullName,\n currentCreditLimit: row.original.shopProfile.creditLimit,\n isRequiredSetLimitApproval: row.original.shopProfile.isRequiredSetLimitApproval\n });\n setIsSetUpperLimitModalVisible(true)\n }}>{t(\"SET_SHOP_UPPER_LIMIT\")} \n {\n setUserId(row.original.id);\n setIsResetPasswordModalVisible(true);\n }}>{t(\"RESET_PASSWORD\")} \n {\n _dispatch(showMessage({\n type: AlertTypes._WARNING,\n content: `${t(!suspended ? \"BLOCK_SHOP_ALERT\" : \"UNBLOCK_SHOP_ALERT\")} ${row.original.userFullName}?`,\n showCancel: true,\n confirmBtnText: t(!suspended ? \"BLOCK_SHOP\" : \"UNBLOCK_SHOP\"),\n onConfirm: () => updateShopHandler(\n row.original.id,\n (suspended) ? FilterStatus._ACTIVE : FilterStatus._SUSPENDED\n )\n }));\n }}>\n \n {t(!suspended ? \"BLOCK_SHOP\" : \"UNBLOCK_SHOP\")}\n \n \n {checkIfPermissionExist(AccessRight._CUSTOMER_SERVICE_CONTROL_PERMISSION, true) && checkIfPermissionExist(AccessRight._SHOP_CONTROL_PERMISSION, true) &&\n (_userData.userRoleId == Role._SUPER_ADMIN || _userData.userRoleId > Role._MEMBER) &&\n {\n _dispatch(showMessage({\n type: AlertTypes._WARNING,\n title: t(\"ARE_YOU_SURE\"),\n content: t(\"ARE_YOU_SURE_YOU_WANT_TO_PROMO_THIS_SHOP\"),\n showCancel: true,\n onConfirm: () => promoteShop(row.original.id)\n }));\n }}>{t(\"PROMOTE_USER\")} \n }\n {(_userData.isAdminLevel && checkIfPermissionExist(AccessRight._SHOP_CONTROL_PERMISSION, true)) &&\n <>\n { navigateTo(_history, (props.isCustomerService ? WebUrl._URL_ADMIN_CREATE_OR_UPDATE_CUSTOMER_SERVICE : WebUrl._URL_ADMIN_CREATE_OR_UPDATE_SHOP), row.original) }}>{t(\"EDIT\")} \n {\n _dispatch(showMessage({\n type: AlertTypes._WARNING,\n title: t(\"ARE_YOU_SURE\"),\n content: t(\"ARE_YOU_SURE_YOU_WANT_TO_DELETE_THIS_SHOP\"),\n showCancel: true,\n onConfirm: () => updateShopHandler(row.original.id, Status._DELETED)\n }));\n }}>{t(\"DELETE_SHOP\")} \n {\n setSelectedShopId(row.original.id);\n setModalVisibility(true);\n }}>{t(\"COPY\")}\n \n \n }\n {\n const win = window.open(WebUrl._URL_VIEW_USER_ACTION_LOG + \"?username=\" + row.original.username\n , \"_blank\");\n win.focus();\n }}>\n {t('VIEW_USER_ACTION_LOG')}\n \n \n \n
\n )\n },\n disableSortBy: true,\n disableFilters: true,\n style: { overflow: \"visible\", width: '1%' }\n }\n ], [checkAll, selectedShops, count]);\n\n /// \n
\n {props.isCustomerService ? t(\"MANAGE_CUSTOMER_SERVICE\") : t(\"MANAGE_SHOP\")}
\n {\n (checkIfPermissionExist(props.isCustomerService ? AccessRight._CUSTOMER_SERVICE_CONTROL_PERMISSION : AccessRight._SHOP_CONTROL_PERMISSION, true) && _userData.isAdminLevel) &&\n\n
\n )\n}\n\nexport default DualListBoxItemRow;","import React, { useState, useEffect, useRef } from 'react';\nimport { Panel, PanelHeader, PanelBody, PanelFooter } from 'components/panel/panel.jsx';\nimport { useForm } from 'react-hook-form';\nimport { useHistory } from 'react-router-dom';\nimport { stringIsNullOrEmpty, createMultiPartFormBody, getValidationMessage, navigateTo, validatePhoneNumber } from \"../../../util/Util\";\nimport { ShopSettings, Status, Role, AlertTypes, ApiUrl, ApiKey, WebUrl } from 'util/Constant';\nimport { useTranslation } from 'react-i18next';\nimport { useDispatch } from 'react-redux';\nimport { showMessage } from 'redux/AppAction';\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport NavigationButton from '../../../components/custom/NavigationButton';\nimport Select from \"react-select\";\nimport { useLocation } from \"react-router-dom\";\nimport IntlTelInput from 'react-intl-tel-input';\nimport 'react-intl-tel-input/dist/main.css';\nimport DualListBox from 'react-dual-listbox';\nimport { Util } from 'reactstrap';\nimport DualListBoxItemRow from 'components/custom/DualListBoxItemRow';\n\n/// \n Available [{calculateCount(true)}]\n
\n \n \n Selected [{calculateCount(false)}]\n
\n \n {_location.state ? (props.isCustomerService ? t(\"EDIT_CUSTOMER_SERVICE\") : t(\"EDIT_SHOP\")) :\n (props.isCustomerService ? t(\"CREATE_CUSTOMER_SERVICE\") : t(\"CREATE_SHOP\"))}
\n \n
\n )\n}\n\nexport default ShopDetail;","import React, { useState, useMemo, useEffect } from 'react';\nimport { Modal, ModalHeader, ModalBody } from 'reactstrap';\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { createMultiPartFormBody, stringIsNullOrEmpty } from '../../util/Util';\nimport { ApiUrl, ApiKey, Role, AlertTypes } from '../../util/Constant';\nimport ApiEngine from '../../util/ApiEngine';\nimport { useTranslation } from 'react-i18next';\nimport { showMessage, showResponseMessage } from \"redux/AppAction\";\nimport { useForm } from \"react-hook-form\";\n\n/// {_location.state ? (props.isCustomerService ? t(\"EDIT_CUSTOMER_SERVICE\") : t(\"EDIT_SHOP\")) :\n (props.isCustomerService ? t(\"CREATE_CUSTOMER_SERVICE\") : t(\"CREATE_SHOP\"))}
\n \n {\n setLimitModal(row.original);\n }}>\n {numberWithCurrencyFormat(data.creditLimit)}\n
\n <>\n /\n {\n setUpperLimitModal(row.original);\n }}>\n {numberWithCurrencyFormat(data.limitThreshold)}\n
\n \n \n {\n data.creditLimit != data.limitThreshold &&\n \n }\n \n :\n {`${data.creditLimit} / ${data.limitThreshold}`}\n )\n },\n disableSortBy: true\n },\n {\n Header: \"STATUS\",\n accessor: \"status\",\n Cell: ({ row }) => {\n return {row.original.status == 1 ? {t(\"ACTIVE\")} : {t(\"SUSPENDED\") + \" (\" + row.original.invalidLoginCount + \")\"}}\n },\n disableSortBy: true\n },\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) => (\n checkIfPermissionExist(AccessRight._MANAGER_CONTROL_PERMISSION, true) && \n \n \n {\n navigateTo(_history, WebUrl._URL_ADMIN_MANAGER_DETAIL, row.original);\n }}>{t(\"EDIT\")} \n {\n setUserId(row.original.id);\n setIsModalVisible(true);\n }}>{t(\"RESET_PASSWORD\")} \n {\n setSelectedManagerId(row.original.id);\n setModalVisibility(true);\n }}>{t(\"COPY\")}\n \n {_userData.isAdminLevel && checkIfPermissionExist(AccessRight._ADMIN_SUB_ACCOUNT_CONTROL_PERMISSION, true) && roleOption.length != 0 &&\n {\n setUserId(row.original.id);\n setPromotionModalVisibility(true);\n }}>{t(\"PROMOTE_USER\")} \n }\n {\n _dispatch(showMessage({\n type: AlertTypes._WARNING,\n title: t(\"ARE_YOU_SURE\"),\n content: row.original.status == Status._ENABLED ? t(\"ARE_YOU_SURE_YOU_WANT_TO_BLOCK_THIS_USER\") : t(\"ARE_YOU_SURE_YOU_WANT_TO_UNBLOCK_THIS_USER\"),\n showCancel: true,\n onConfirm: () => userStatusHandler(row.original.id, row.original.status == Status._ENABLED ? Status._DISABLED : Status._ENABLED)\n }));\n }}>{row.original.status == Status._ENABLED ? t(\"BLOCK\") : t(\"UNBLOCK\")} \n {\n _dispatch(showMessage({\n type: AlertTypes._WARNING,\n title: t(\"ARE_YOU_SURE\"),\n content: t(row.original.isAbleViewLastMessage ? \"CONFIRM_TO_BLOCK_VIEW_LAST_MESSAGE\" : \"CONFIRM_TO_ENABLE_VIEW_LAST_MESSAGE\"),\n showCancel: true,\n onConfirm: async () => await viewLastMessageSetup(row.original.id, !row.original.isAbleViewLastMessage)\n }));\n }}>\n {t(row.original.isAbleViewLastMessage ? \"BLOCK_TO_VIEW_LAST_MESSAGE\" : \"ENABLE_TO_VIEW_LAST_MESSAGE\")}\n \n {\n _dispatch(showMessage({\n type: AlertTypes._WARNING,\n title: t(\"ARE_YOU_SURE\"),\n content: t(\"ARE_YOU_SURE_YOU_WANT_DELETE_THIS_MANAGER\"),\n showCancel: true,\n onConfirm: () => userStatusHandler(row.original.id, Status._DELETED)\n }));\n }}>{t(\"DELETE\")} \n {\n const win = window.open(WebUrl._URL_VIEW_USER_ACTION_LOG + \"?username=\" + row.original.username\n , \"_blank\");\n win.focus();\n }}>\n {t('VIEW_USER_ACTION_LOG')}\n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n style: { overflow: \"visible\", width: '1%' }\n }\n ], [_userData, roleOption, managerApiUrl]);\n\n /// \n {\n if (refreshRequired) {\n handleSubmit(filterManagers());\n }\n setModalVisibility(false);\n\n }}\n visible={modalVisibility} />\n { setPromotionModalVisibility(false) }}>\n { setPromotionModalVisibility(false) }}>{t(\"USER_PROMOTION\")} \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {\n setIsModalVisible(false);\n }}\n targetUserId={userId}\n visible={isModalVisible}\n />\n {\n if (isSuccess) {\n handleSubmit(filterManagers)();\n }\n\n setLimitModal({});\n }}\n managerLimitDetails={limitModal}\n visible={!isObjectEmpty(limitModal)}\n />\n {\n if (isSuccess) {\n handleSubmit(filterManagers)();\n }\n\n setUpperLimitModal({});\n }}\n managerLimitDetails={upperLimitModal}\n visible={!isObjectEmpty(upperLimitModal)}\n />\n
\n )\n}\n\nexport default ManageManager;","import React, { useState, useEffect, Fragment, useRef } from 'react';\nimport { Panel, PanelHeader, PanelBody } from '../../../components/panel/panel.jsx';\nimport { useHistory } from \"react-router-dom\";\nimport Select from \"react-select\";\nimport { useForm } from \"react-hook-form\";\nimport { ApiKey, ApiUrl, Status, Role, WebUrl, AlertTypes } from \"../../../util/Constant\";\nimport { stringIsNullOrEmpty, createMultiPartFormBody, navigateTo, validatePhoneNumber } from \"../../../util/Util\";\nimport { useLocation } from \"react-router-dom\";\nimport { showResponseMessage } from '../../../redux/AppAction';\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { useTranslation } from 'react-i18next';\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport NavigationButton from '../../../components/custom/NavigationButton';\nimport IntlTelInput from 'react-intl-tel-input';\nimport 'react-intl-tel-input/dist/main.css';\nimport DualListBox from 'react-dual-listbox';\nimport { showMessage } from 'redux/AppAction';\nimport DualListBoxItemRow from 'components/custom/DualListBoxItemRow.js';\n\n/// \n
\n \n
\n \n \n setTargetRoleId(e.target.value)}>\n {\n roleOption.map(role => {\n return (\n \n )\n })\n }\n \n
\n \n
\n {t(\"MANAGE_MANAGER\")}
\n {\n checkIfPermissionExist(AccessRight._MANAGER_CONTROL_PERMISSION, true) &&\n\n {!stringIsNullOrEmpty(userId) ? t(\"EDIT_MANAGER\") : t(\"ADD_NEW_MANAGER\")}
\n
\n )\n}\n\nexport default ManagerDetail;","import React, { useState, useEffect, useMemo } from 'react';\nimport ReactTable from '../../../components/custom/ReactTable';\nimport { Panel, PanelHeader, PanelBody } from '../../../components/panel/panel.jsx';\nimport { useHistory } from \"react-router-dom\";\nimport { UncontrolledButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';\nimport { navigateTo, dataTableFilterCaseInsensitive } from \"../../../util/Util\";\nimport NavigationButton from '../../../components/custom/NavigationButton';\nimport { ApiKey, WebUrl, ApiUrl, Status, AccessRight, LanguageKey } from \"../../../util/Constant\";\nimport { checkIfPermissionExist } from \"../../../util/PermissionChecker\";\nimport { useTranslation } from 'react-i18next';\nimport ApiEngine from '../../../util/ApiEngine.js';\n\n/// {!stringIsNullOrEmpty(userId) ? t(\"EDIT_MANAGER\") : t(\"ADD_NEW_MANAGER\")}
\n \n
\n \n \n
\n \n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t { navigateTo(_history, WebUrl._URL_ADMIN_ROLE_DETAIL, row.original) }}>{t(\"EDIT\")} \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\tdisableSortBy: true,\n\t\t\tdisableFilters: true,\n\t\t\twidth: 100,\n\t\t\tstyle: { overflow: \"visible\" }\n\t\t}\n\t], []);\n\n /// \n \n\t\t\t\t\n \n\t\t\t \n\t\t
\n\t)\n}\n\nexport default ManageRole;","import React, { useMemo, useState, useEffect } from 'react';\nimport { Link, withRouter } from 'react-router-dom';\nimport { Panel, PanelHeader, PanelBody } from '../../../components/panel/panel.jsx';\nimport { useHistory } from \"react-router-dom\";\nimport NavigationButton from '../../../components/custom/NavigationButton';\nimport { stringIsNullOrEmpty, createMultiPartFormBody, navigateTo } from \"../../../util/Util\";\nimport { ApiKey, ApiUrl, WebUrl, AlertTypes } from \"../../../util/Constant\";\nimport { useLocation } from \"react-router-dom\";\nimport { useForm } from \"react-hook-form\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { setBusy, setIdle, showMessage } from '../../../redux/AppAction';\nimport { useTranslation } from 'react-i18next';\nimport { checkIfPermissionExist } from \"../../../util/PermissionChecker\";\nimport ApiEngine from '../../../util/ApiEngine.js';\n\n/// \n
\n\t\t\t{t(\"ROLES\")}
\n {\n checkIfPermissionExist(AccessRight._ACCESS_LEVEL_CONTROL_PERMISSION, true) &&\n\n {roleId ? t(\"EDIT_ROLE\") : t(\"ADD_NEW_ROLE\")}
\n
\n )\n}\n\nexport default withRouter(EditRole);","import React, { useState, useEffect, useMemo } from 'react';\nimport ReactTable from '../../../components/custom/ReactTable';\nimport { Panel, PanelHeader, PanelBody } from '../../../components/panel/panel.jsx';\nimport { useHistory } from \"react-router-dom\";\nimport { UncontrolledButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';\nimport { navigateTo } from \"../../../util/Util\";\nimport { ApiKey, ApiUrl, WebUrl, AccessRight, Role, Status, AlertTypes } from \"../../../util/Constant\";\nimport NavigationButton from '../../../components/custom/NavigationButton';\nimport { checkIfPermissionExist } from \"../../../util/PermissionChecker\";\nimport { useTranslation } from 'react-i18next';\nimport { useForm } from \"react-hook-form\";\nimport ResetPasswordModal from '../../../components/custom/ResetPasswordModal';\nimport { useDispatch } from \"react-redux\";\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport { showResponseMessage, showMessage } from 'redux/AppAction';\nimport { createMultiPartFormBody } from \"../../../util/Util\";\n\n/// {roleId ? t(\"EDIT_ROLE\") : t(\"ADD_NEW_ROLE\")}
\n \n
\n \n \n \n \n \n \n
\n \n \n \n { navigateTo(_history, WebUrl._URL_ADMIN_ADMIN_DETAIL, row.original) }}>{t(\"EDIT\")} \n {\n _dispatch(showMessage({\n type: AlertTypes._WARNING,\n title: t(\"ARE_YOU_SURE\"),\n content: row.original.status == Status._ENABLED ? t(\"ARE_YOU_SURE_YOU_WANT_TO_BLOCK_THIS_USER\") : t(\"ARE_YOU_SURE_YOU_WANT_TO_UNBLOCK_THIS_USER\"),\n showCancel: true,\n onConfirm: () => userStatusHandler(row.original.id, row.original.status == Status._ENABLED ? Status._DISABLED : Status._ENABLED)\n }));\n }}>{row.original.status == Status._ENABLED ? t(\"BLOCK\") : t(\"UNBLOCK\")} \n {\n _dispatch(showMessage({\n type: AlertTypes._WARNING,\n title: t(\"ARE_YOU_SURE\"),\n content: t(\"ARE_YOU_SURE_YOU_WANT_TO_DELETE_THIS_USER\"),\n showCancel: true,\n onConfirm: () => userStatusHandler(row.original.id, Status._DELETED)\n }));\n }}>{t(\"DELETE\")} \n {\n _dispatch(showMessage({\n type: AlertTypes._WARNING,\n title: t(\"ARE_YOU_SURE\"),\n content: t(row.original.isAbleViewLastMessage ? \"CONFIRM_TO_BLOCK_VIEW_LAST_MESSAGE\" : \"CONFIRM_TO_ENABLE_VIEW_LAST_MESSAGE\"),\n showCancel: true,\n onConfirm: async () => await viewLastMessageSetup(row.original.id, !row.original.isAbleViewLastMessage)\n }));\n }}>\n className=\"text-warning\"{t(row.original.isAbleViewLastMessage ? \"BLOCK_TO_VIEW_LAST_MESSAGE\" : \"ENABLE_TO_VIEW_LAST_MESSAGE\")}\n \n {\n setUserId(row.original.id);\n setIsModalVisible(true);\n }}>{t(\"RESET_PASSWORD\")} \n {\n const win = window.open(WebUrl._URL_VIEW_USER_ACTION_LOG + \"?username=\" + row.original.username\n , \"_blank\");\n win.focus();\n }}>\n {t('VIEW_USER_ACTION_LOG')}\n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n style: { overflow: \"visible\" }\n }\n ], [adminApiUrl]);\n\n /// \n \n \n \n \n \n \n \n \n \n\n {\n setIsModalVisible(false);\n }}\n targetUserId={userId}\n visible={isModalVisible} />\n
\n )\n}\n\nexport default ManageAdmin;","import React, { useState, useEffect, useRef } from 'react';\nimport { Panel, PanelHeader, PanelBody } from '../../../components/panel/panel.jsx';\nimport { useHistory } from \"react-router-dom\";\nimport Select from \"react-select\";\nimport { useForm } from \"react-hook-form\";\nimport { ApiKey, ApiUrl, Status, WebUrl, AlertTypes, Role } from \"../../../util/Constant\";\nimport { stringIsNullOrEmpty, createMultiPartFormBody, navigateTo, validatePhoneNumber } from \"../../../util/Util\";\nimport { useLocation } from \"react-router-dom\";\nimport { setBusy, setIdle, showMessage, showResponseMessage } from '../../../redux/AppAction';\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { useTranslation } from 'react-i18next';\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport NavigationButton from '../../../components/custom/NavigationButton';\nimport IntlTelInput from 'react-intl-tel-input';\nimport 'react-intl-tel-input/dist/main.css';\nimport DualListBox from 'react-dual-listbox';\nimport DualListBoxItemRow from 'components/custom/DualListBoxItemRow.js';\n\n/// \n
\n {t(\"MANAGE_ADMIN\")}
\n {\n checkIfPermissionExist(AccessRight._ADMIN_SUB_ACCOUNT_CONTROL_PERMISSION, true) &&\n\n {!stringIsNullOrEmpty(userId) ? t(\"EDIT_ADMIN\") : t(\"ADD_NEW_ADMIN\")}
\n
\n )\n}\n\nexport default AdminDetail;","import React, { useState, useEffect } from 'react';\nimport { ApiKey, ApiUrl, Role } from '../../util/Constant';\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\nimport ApiEngine from '../../util/ApiEngine';\nimport { getValidationMessage } from '../../util/Util';\nimport { useTranslation } from 'react-i18next';\nimport { useForm } from \"react-hook-form\";\nimport { useDispatch } from 'react-redux';\nimport moment from 'moment';\nimport DateTime from 'react-datetime';\nimport ReactTable from \"./ReactTable\";\nimport { Panel, PanelBody } from '../../components/panel/panel.jsx';\nimport { showResponseMessage } from \"../../redux/AppAction\";\n\n/// {!stringIsNullOrEmpty(userId) ? t(\"EDIT_ADMIN\") : t(\"ADD_NEW_ADMIN\")}
\n \n
\n \n \n \n \n
\n \n {toStatus == Status._DISABLED ? t(\"ARE_YOU_SURE_YOU_WANT_TO_BLOCK_THIS_USER\") : t(\"ARE_YOU_SURE_YOU_WANT_TO_DELETE_THIS_USER\")}\n \n
\n )\n }\n else {\n returnContent = (\n \n {fromStatus == Status._DISABLED ? t(\"ARE_YOU_SURE_YOU_WANT_TO_UNBLOCK_THIS_USER\") : t(\"ARE_YOU_SURE_YOU_WANT_TO_RECOVER_THIS_USER\")}\n
\n {!stringIsNullOrEmpty(detail.remark) ?
\n )\n }\n return returnContent;\n\n }\n\n return (\n \n {!stringIsNullOrEmpty(detail.remark) ?
{\"Remark: \" + detail.remark}
: \"\"}\n \n {modalVisibility && { cleanUp(true) }}\n onCancel={() => { cleanUp(false) }}\n cancelBtnBsStyle={\"danger\"}\n reverseButtons={true}\n allowEscape={false}\n showCancel={true}>\n \n }\n
\n );\n}\nexport default AccountStatusModal;","import React, { useEffect, useState, useRef } from 'react';\nimport ApiEngine from '../../util/ApiEngine';\nimport { useTranslation } from 'react-i18next';\nimport { ApiKey, ApiUrl, AlertTypes, TransactionTypeId } from '../../util/Constant';\nimport SweetAlert from 'react-bootstrap-sweetalert';\nimport { useForm } from 'react-hook-form';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { showResponseMessage, setBusy, setIdle } from '../../redux/AppAction';\nimport { createMultiPartFormBody, stringIsNullOrEmpty } from '../../util/Util';\n\n/// \n {modalVisibility && \n
}\n allowEscape={false}>\n {t(\"DO_YOU_WANT_TO_APPEAL_THIS_TRANSACTION\")}\n }\n \n );\n}\nexport default AppealRequestModal;","import React, { useEffect, useState, useRef } from 'react';\nimport ApiEngine from '../../util/ApiEngine';\nimport { useTranslation } from 'react-i18next';\nimport { ApiKey, ApiUrl, AlertTypes, Role, Status, CustomResponseCode } from '../../util/Constant';\nimport SweetAlert from 'react-bootstrap-sweetalert';\nimport { stringIsNullOrEmpty, ignoreDecimal, isObjectEmpty } from '../../util/Util';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { showResponseMessage, showMessage } from 'redux/AppAction.js';\nimport AccountStatusModal from './AccountStatusModal';\n\n/// \n \n \n
\n \n {\n if(isConfirm) {\n performBlockAction(remark);\n }\n setAccountDetail({});\n }} />\n {modalVisibility && \n
}>\n \n ignoreDecimal(e, _userData?.username?.includes(\"demo\") || _userData?.isAdminLevel)}\n ref={_inputTxtRef} value={adjustScoreAmount} onChange={(e) => { setAdjustScoreAmount(e.target.value) }} />\n
\n \n \n \n \n \n
\n {t('SCORE')}: {playerScore}
\n {t('STATUS')}: {playerEnable ? t('ENABLED') : t('DISABLED')}
\n }\n \n );\n}\nexport default ReloadDetailModal;","import React, { useState, useEffect, useMemo } from 'react';\nimport ReactTable from '../../../components/custom/ReactTable';\nimport { Panel, PanelHeader, PanelBody } from '../../../components/panel/panel.jsx';\nimport { UncontrolledButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';\nimport { ApiKey, ApiUrl, WebUrl, AccessRight, FilterStatus, Status, AlertTypes, Role, CustomResponseCode, TransactionTypeId } from \"../../../util/Constant\";\nimport { useTranslation } from 'react-i18next';\nimport { useForm } from \"react-hook-form\";\nimport { checkIfPermissionExist } from \"../../../util/PermissionChecker\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport ScoreLogModal from '../../../components/custom/ScoreLogModal';\nimport GameLogModal from '../../../components/custom/GameLogModal';\nimport { showResponseMessage, showMessage, setBusy, setIdle } from 'redux/AppAction';\nimport * as Util from '../../../util/Util';\nimport Select from \"react-select\";\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\nimport ReferralCodeModal from '../../../components/custom/ReferralCodeModal';\nimport { Link, useLocation, useHistory } from 'react-router-dom';\nimport AccountStatusModal from '../../../components/custom/AccountStatusModal';\nimport AppealRequestModal from '../../../components/custom/AppealRequestModal';\nimport NavigationButton from '../../../components/custom/NavigationButton';\nimport ReloadDetailModal from '../../../components/custom/ReloadDetailModal';\n\n/// \n \n \n {_userData.accessibleRegion.filter(i => i == row.original.regionId).length != 0 &&\n {\n // If Agent player, set score like shop interface\n if (_location.state && !Util.stringIsNullOrEmpty(_location.state.agentId)) {\n setReloadPlayerDetail(row.original);\n }\n else {\n initSetScoreModel(row.original);\n }\n }}>{t(\"SET_SCORE\")} \n }\n {(_userData.accessibleRegion.filter(i => i == row.original.regionId).length != 0 || row.original.status == Status._ENABLED) &&\n {\n let currentStatus = row.original.status;\n setDeactivateAccountDetail({\n ...row.original,\n fromStatus: currentStatus,\n toStatus: currentStatus == Status._ENABLED ? Status._DISABLED : Status._ENABLED\n });\n }}>{row.original.status == Status._ENABLED ? t(\"BLOCK\") : t(\"UNBLOCK\")} \n }\n {\n let currentStatus = row.original.status;\n onDeleteClick({\n ...row.original,\n fromStatus: currentStatus,\n toStatus: Status._DELETED\n });\n }}>{t(\"DELETE\")} \n {\n resetPassword(row.original);\n }}>{t(\"RESET_PASSWORD\")} \n {\n setSelectedPlayer(row.original);\n setScoreLogModalVisibility(true);\n }}>{t(\"VIEW_SCORE_LOG\")} \n {\n setSelectedPlayer(row.original);\n setGameLogModalVisibility(true);\n }}>{t(\"VIEW_GAME_LOG\")} \n {\n const win = window.open(WebUrl._URL_VIEW_USER_ACTION_LOG + \"?username=\" + row.original.memberUsername\n , \"_blank\");\n win.focus();\n }}>\n {t('VIEW_USER_ACTION_LOG')}\n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n style: { overflow: \"visible\", width: '1%' }\n }\n ], [_userData, filterUsername]);\n\n /// {t(\"SET_SCORE_SUCCESS\")}: {Number(score).toFixed(1)}
,\n html: true\n }));\n\n cleanupSetScoreModal();\n await fetchPlayers();\n }\n else if (!responseJson[ApiKey._API_SUCCESS_KEY] && !Util.stringIsNullOrEmpty(responseJson[ApiKey._API_CODE_KEY]) && responseJson[ApiKey._API_CODE_KEY] == CustomResponseCode._ROLLOVER_APPEAL_REQUIRED) {\n cleanupSetScoreModal();\n\n setTransactionDetail({\n \"type\": TransactionTypeId._SET_SCORE,\n \"code\": selectedPlayer.vendorCode,\n \"username\": selectedPlayer.username,\n \"amount\": data.setScoreAmount,\n \"shopId\": shopIdParam\n })\n }\n else {\n _dispatch(showResponseMessage(responseJson[ApiKey._API_SUCCESS_KEY], t(responseJson[ApiKey._API_MESSAGE_KEY])));\n }\n }\n\n /// \n {t(\"MANAGE_PLAYER\")}{!Util.stringIsNullOrEmpty(agentId) ? \" - [\" + _location.state.userFullName + \"]\" : \"\"}{!Util.stringIsNullOrEmpty(agentId) &&
\n {\n setTransactionDetail({});\n }}\n />\n {\n if (isConfirm) {\n if (deactivateAccountDetail.toStatus == Status._DELETED) {\n deletePlayer(deactivateAccountDetail, remark);\n }\n else {\n blockPlayer(deactivateAccountDetail, remark);\n }\n }\n setDeactivateAccountDetail({});\n }} />\n {checkIfPermissionExist(AccessRight._PLAYER_CONTROL_PERMISSION, true) &&\n \n {modalVisibility &&\n { cleanupSetScoreModal() }}>\n \n \n }\n \n \n \n \n }\n \n \n \n \n \n \n \n \n setScoreLogModalVisibility(false)} />\n setGameLogModalVisibility(false)} />\n {\n if (data != null) {\n getReferralShop(data);\n }\n setReferralCodeModalVisibility(false);\n }}\n visible={referralCodeModalVisibility} />\n {\n setReloadPlayerDetail(null);\n await fetchPlayers();\n }}\n visible={reloadPlayerDetail != null} />\n
\n )\n}\n\nexport default ManagePlayer;","import React, { useMemo, useEffect, useState } from 'react';\nimport { Panel, PanelBody } from 'components/panel/panel.jsx';\nimport { useHistory, useLocation } from 'react-router-dom';\nimport NavigationButton from '../../../components/custom/NavigationButton';\nimport { UncontrolledButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';\nimport { useForm } from 'react-hook-form';\nimport { checkIfPermissionExist } from \"../../../util/PermissionChecker\";\nimport ReactTable from 'components/custom/ReactTable';\nimport { FilterStatus, WebUrl, ApiKey, ApiUrl, Role, AccessRight, Status, AlertTypes } from 'util/Constant';\nimport { navigateTo, createMultiPartFormBody, stringIsNullOrEmpty, isObjectEmpty, numberWithCurrencyFormat, getValidationMessage } from \"../../../util/Util\";\nimport { useTranslation } from 'react-i18next';\nimport { useDispatch, useSelector } from \"react-redux\";\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport { showMessage, showResponseMessage } from 'redux/AppAction';\nimport AccountStatusModal from '../../../components/custom/AccountStatusModal';\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\nimport Select from \"react-select\";\nimport moment from \"moment\";\n\n/// {t(\"MANAGE_PLAYER\")}{!Util.stringIsNullOrEmpty(agentId) ? \" - [\" + _location.state.userFullName + \"]\" : \"\"}{!Util.stringIsNullOrEmpty(agentId) &&
\n \n
\n \n
\n {!Util.stringIsNullOrEmpty(agentId) && \n \n setFilterUsername(e.target.value)} />\n
\n \n \n
}\n \n
\n \n
\n \n \n
\n \n \n {t(\"CAN_RELOAD\")} {canReload ? : }\n \n
\n \n {t(\"CAN_CREATE_PLAYER\")} {canCreatePlayer ? : }\n \n
\n },\n disableSortBy: true,\n style: { width: \"170px\" }\n },\n {\n\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) => (\n checkIfPermissionExist(AccessRight._MEMBER_CONTROL_PERMISSION, true) && \n \n {t(\"CAN_CREATE_PLAYER\")} {canCreatePlayer ? : }\n \n
\n \n \n {_userData.accessibleRegion.filter(i => i == row.original.regionId).length != 0 &&\n { navigateTo(_history, WebUrl._URL_ADMIN_CREATE_OR_UPDATE_MEMBER, row.original) }}>{t(\"EDIT\")} \n }\n {_userData.accessibleRegion.filter(i => i == row.original.regionId).length != 0 && _userData.isAdminLevel &&\n {\n initSetCreditModel(row.original);\n }}>{t(\"SET_CREDIT\")} \n }\n { resetPassword(row.original.id) }}>{t(\"RESET_PASSWORD\")} \n { navigateTo(_history, WebUrl._URL_ADMIN_MANAGE_MEMBER_PLAYER, row.original) }}>{t(\"VIEW_PLAYER\")} \n { navigateTo(_history, WebUrl._URL_ADMIN_MANAGE_MEMBER_DOWNLINE, row.original) }}>{t(\"VIEW_DOWNLINE\")} \n {\n _userData.isAbleViewLastMessage &&\n { getUserLastMessage(row.original.id); }}>{t(\"GET_LAST_MESSAGE\")} \n }\n {\n (row.original.bonusEnable != null && row.original.bonusEnable) && \n { unlockBonusCheck(row.original.id); }}>{t(\"UNLOCK_BONUS_CHECK\")} \n }\n {\n let actionName = row.original.memberProfile?.reloadEnable ? t(\"BLOCK\") : t(\"UNBLOCK\");\n\n _dispatch(showMessage({\n type: AlertTypes._WARNING,\n title: t('ARE_YOU_SURE'),\n showCancel: true,\n content: t('ARE_YOU_SURE_YOU_WANT_TO') + \" \" + actionName + \" \" + t('CAN_RELOAD'),\n onConfirm: () => {\n let status = row.original.memberProfile?.reloadEnable ? false : true;\n updateMemberProfilePermission(row.original.id, status, true)\n }\n }));\n }}>\n \n {row.original.memberProfile?.reloadEnable ? t(\"BLOCK\") : t(\"UNBLOCK\")} {t(\"CAN_RELOAD\")}\n \n \n {\n let actionName = row.original.memberProfile?.createPlayerEnable ? t(\"BLOCK\") : t(\"UNBLOCK\");\n\n _dispatch(showMessage({\n type: AlertTypes._WARNING,\n title: t('ARE_YOU_SURE'),\n showCancel: true,\n content: t('ARE_YOU_SURE_YOU_WANT_TO') + \" \" + actionName + \" \" + t('CAN_CREATE_PLAYER'),\n onConfirm: () => {\n let status = row.original.memberProfile?.createPlayerEnable ? false : true;\n updateMemberProfilePermission(row.original.id, status, false)\n }\n }));\n }}>\n \n {row.original.memberProfile?.createPlayerEnable ? t(\"BLOCK\") : t(\"UNBLOCK\")} {t(\"CAN_CREATE_PLAYER\")}\n \n \n {\n let currentStatus = row.original.status;\n setDeactivateAccountDetail({\n ...row.original,\n fromStatus: currentStatus,\n toStatus: currentStatus == Status._ENABLED ? Status._DISABLED : Status._ENABLED\n });\n }}>{row.original.status == Status._ENABLED ? t(\"BLOCK\") : t(\"UNBLOCK\")} \n {\n let currentStatus = row.original.status;\n setDeactivateAccountDetail({\n ...row.original,\n fromStatus: currentStatus,\n toStatus: Status._DELETED\n });\n }}>{t(\"DELETE\")} \n {/* { performRolloverReset(row.original.id) }}>{t(\"ROLLOVER_SYNC\")} */}\n {\n const win = window.open(WebUrl._URL_VIEW_USER_ACTION_LOG + \"?username=\" + row.original.username\n , \"_blank\");\n win.focus();\n }}>\n {t('VIEW_USER_ACTION_LOG')}\n \n {\n const win = window.open(WebUrl._URL_VIEW_USER_TRANSACTION_LOG + \"?username=\" + row.original.username\n , \"_blank\");\n win.focus();\n }}>\n {t('VIEW_USER_TRANSACTION_LOG')}\n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n style: { overflow: \"visible\" }\n }\n ], [_userData]);\n\n /// \n
\n {t(\"MANAGE_MEMBER\")}
\n {\n checkIfPermissionExist(AccessRight._MEMBER_CONTROL_PERMISSION, true) &&\n\n {_location.state ? t(\"EDIT_MEMBER\") : t(\"CREATE_MEMBER\")}
\n \n {t(\"MEMBER_DETAIL\")} \n \n \n \n {\n if (data != null) {\n getReferralShop(data);\n }\n setReferralCodeModalVisibility(false);\n }}\n visible={referralCodeModalVisibility} />\n
\n )\n}\n\nexport default MemberDetail;","import React, { useState, useEffect } from 'react';\nimport ReactTable from '../../../components/custom/ReactTable';\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { showResponseMessage } from \"../../../redux/AppAction\";\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport { useTranslation } from 'react-i18next';\nimport { ApiKey, WebUrl, ApiUrl, AccessRight } from \"../../../util/Constant\";\nimport { UncontrolledButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem, Modal, ModalBody, ModalHeader, ModalFooter } from 'reactstrap';\nimport { Panel, PanelHeader, PanelBody } from '../../../components/panel/panel.jsx';\n\n/// {_location.state ? t(\"EDIT_MEMBER\") : t(\"CREATE_MEMBER\")}
\n \n
\n \n
\n \n \n {renderPhone && {\n onChangePhoneNumber(_phoneFieldRef.current.isValidNumber(phone), newNumber, countryData, fullNumber);\n }}\n onPhoneNumberChange={(isValid, newNumber, countryData, fullNumber, ext) => {\n onChangePhoneNumber(isValid, newNumber, countryData, fullNumber);\n }}\n onPhoneNumberBlur={(isValid, newNumber, countryData, fullNumber, ext) => {\n onChangePhoneNumber(isValid, newNumber, countryData, fullNumber);\n }}\n customPlaceholder={(placeholder, countryData) => {\n return placeholder.split(/[- ]+/).join('');\n }}\n defaultValue={phone}\n value={phone}\n useMobileFullscreenDropdown={false}\n separateDialCode\n />}\n {errors.phone &&
\n {t(getValidationMessage(errors.phone))}
}\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n {!_location.state &&\n }\n \n \n
\n \n \n \n { setViewModal(!viewModal); setViewData(row.original) }}>{t(\"VIEW\")} \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n style: { overflow: \"visible\" }\n }\n ]\n\n /// \n \n \n \n \n\n { setViewModal(!viewModal) }}>\n { setViewModal(!viewModal) }}>{viewData.title} \n \n \n \n \n \n \n
\n );\n}\n\nexport default ViewAnnouncement;","import React, { useState, useEffect } from 'react';\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\nimport { useTranslation } from 'react-i18next';\nimport { showResponseMessage } from \"../../redux/AppAction\";\nimport { ApiKey, ApiUrl, Status, Role } from \"../../util/Constant\";\nimport { useDispatch } from \"react-redux\";\nimport { useForm } from \"react-hook-form\";\nimport * as Util from '../../util/Util';\nimport Select from \"react-select\";\nimport ApiEngine from '../../util/ApiEngine.js';\nimport { stringIsNullOrEmpty } from '../../util/Util';\n\n/// {t(\"MY_ANNOUNCEMENT\")}
\n\n
\n \n \n
\n {row.original.status == FilterStatus._DELETED ? row.original.deletedByName : row.original.updatedByName}
\n }\n },\n {\n Header: t(\"ACTION\"),\n Cell: ({ row }) => {\n return \n \n \n {row.original.status != FilterStatus._DELETED &&\n <>\n {\n setSelectedUsername(row.original.username);\n setSelectedShopId(row.original.shopId);\n setSelectedVendor(vendorList[row.original.vendorId].code);\n setSelectedStatus(row.original.status);\n setSelectedRemark(row.original.remark);\n setModalVisibility(true);\n }}>{t(\"VIEW_PLAYER\")} \n {\n setAccountDetail({\n username: row.original.username,\n shopId: row.original.shopId,\n vendorCode: vendorList[row.original.vendorId].code,\n fromStatus: row.original.status,\n toStatus: Status._DELETED,\n remark: row.original.remark\n });\n }}>{t(\"DELETE\")} \n \n }\n {row.original.status == FilterStatus._DELETED &&\n {\n setAccountDetail({\n username: row.original.username,\n shopId: row.original.shopId,\n vendorCode: vendorList[row.original.vendorId].code,\n fromStatus: row.original.status,\n toStatus: Status._ENABLED,\n remark: row.original.remark\n });\n }}>{t(\"RECOVER\")} \n }\n {\n setSelectedPlayer(row.original);\n setScoreLogModalVisibility(true);\n }}>{t(\"VIEW_SCORE_LOG\")} \n {\n setSelectedPlayer(row.original);\n setGameLogModalVisibility(true);\n }}>{t(\"VIEW_GAME_LOG\")} \n \n \n
;\n }\n }\n ];\n\n /// \n \n \n \n \n );\n })\n }\n {\n setTransactionDetail({});\n }} />\n {\n if (refreshRequired) {\n init();\n }\n \n setModalVisibility(false);\n\n if (rolloverAction) {\n setTransactionDetail({\n \"memberId\": _location.state.id,\n \"type\": TransactionTypeId._SET_SCORE,\n \"code\": details[\"code\"],\n \"username\": details[\"username\"],\n \"amount\": details[\"amount\"],\n \"shopId\": selectedShopId\n })\n }\n\n setSelectedUsername('');\n setSelectedVendor('');\n setSelectedShopId('');\n }}\n visible={modalVisibility} />\n {\n if (isConfirm) {\n if (accountDetail.toStatus == Status._DELETED) \n {\n deletePlayer(accountDetail.vendorCode, accountDetail.username, accountDetail.shopId, remark);\n }\n else\n {\n recoverPlayer(accountDetail.vendorCode, accountDetail.username, accountDetail.shopId);\n }\n }\n setAccountDetail({});\n }} />\n setScoreLogModalVisibility(false)} />\n setGameLogModalVisibility(false)} />\n {\n if (refresh) {\n init();\n }\n setMemberId('');\n setSelectedVendor('');\n setSelectedShopId('');\n setSelectShopModalVisibility(false);\n }} />\n
\n )\n}\n\nexport default MemberPlayerControl;","import React, { useState, useEffect, useMemo } from 'react';\nimport ReactTable from '../../../components/custom/ReactTable';\nimport { Panel, PanelHeader, PanelBody } from '../../../components/panel/panel.jsx';\nimport { ApiKey, ApiUrl, WebUrl, AccessRight, Role } from \"../../../util/Constant\";\nimport { useTranslation } from 'react-i18next';\nimport { useLocation, withRouter, useHistory } from \"react-router-dom\";\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport NavigationButton from '../../../components/custom/NavigationButton';\n\n/// \n
\n {\n vendorPlayerList.map((vendor, key) => {\n return (\n {t(\"MANAGE_PLAYER\")} ({_location.state.username})
\n\n
\n \n \n \n
\n \n \n \n \n \n
\n )\n}\n\nexport default ManageShopApi;","import React, { useState, useMemo, useEffect } from 'react';\nimport { Modal, ModalHeader, ModalBody } from 'reactstrap';\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { createMultiPartFormBody, stringIsNullOrEmpty } from '../../util/Util';\nimport { ApiUrl, ApiKey, Role, AlertTypes } from '../../util/Constant';\nimport ApiEngine from '../../util/ApiEngine';\nimport { useTranslation } from 'react-i18next';\nimport { showMessage, showResponseMessage } from \"redux/AppAction\";\nimport { useForm } from \"react-hook-form\";\n\n/// \n
\n {t(\"VENDOR_API_DETAILS\")}
\n\n {\n setAgents(data);\n setCheckAll(!checkAll);\n }} checked={checkAll} />\n \n
\n )\n },\n Cell: ({ row }) => {\n return (\n \n setSelectedAgents({ ...selectedAgents, [row.original.id]: !selectedAgents[row.original.id] })}\n checked={selectedAgents[row.original.id]} />\n \n
\n )\n },\n width: 30,\n disableSortBy: true,\n },\n {\n Header: t('NAME'),\n accessor: 'userFullName',\n disableSortBy: true\n },\n {\n Header: t('USERNAME'),\n accessor: 'username',\n disableSortBy: true\n },\n {\n Header: t('REGION'),\n accessor: 'regionName',\n disableSortBy: true\n },\n {\n Header: t('UPLINE'),\n Cell: ({ row }) => {\n return (\n {row.original.agentProfile?.uplineName}\n )\n },\n disableSortBy: true\n },\n {\n Header: t('CITY'),\n accessor: 'city',\n Cell: ({ row }) => {\n return (\n {row.original.agentProfile?.city}\n )\n },\n disableSortBy: true\n },\n {\n Header: t('CLOSING_DAY'),\n accessor: 'closingDay',\n Cell: ({ row }) => {\n return (\n {row.original.agentProfile?.closingDay}\n )\n },\n disableSortBy: true\n },\n {\n Header: t('CREDIT'),\n accessor: 'credit',\n Cell: ({ row }) => {\n return (\n \n {\n setAgentDetails({\n id: row.original.id,\n userFullName: row.original.userFullName,\n credit: row.original.agentProfile.credit\n });\n setIsSetAgentCreditModalVisible(true)\n }}>\n {numberWithCurrencyFormat(row.original.agentProfile?.credit)}\n
\n /\n {\n setAgentDetails({\n id: row.original.id,\n userFullName: row.original.userFullName,\n credit: row.original.agentProfile.creditLimit\n });\n setIsSetAgentCreditLimitModalVisible(true)\n }}>\n {numberWithCurrencyFormat(row.original.agentProfile?.creditLimit)}\n
\n \n )\n },\n disableSortBy: true\n },\n {\n Header: t('STATUS'),\n accessor: 'status',\n Cell: ({ row }) => {\n return (\n \n {\n row.original.status == FilterStatus._ACTIVE ?\n {t(\"ACTIVE\")} :\n {t(\"SUSPENDED\") + \" (\" + row.original.invalidLoginCount + \")\"}\n }\n \n )\n },\n disableSortBy: true\n },\n {\n Header: t('SETTINGS'),\n Cell: ({ row }) => {\n return <>\n {row.original.agentProfile.createPlayerEnable && <>- {t('ADD_PLAYER')}}\n {row.original.agentProfile.reloadEnable && <>- {t('RELOAD')}
}\n \n },\n disableFilters: true,\n disableSortBy: true,\n },\n {\n\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) => {\n var suspended = row.original.status === FilterStatus._SUSPENDED;\n\n return (\n checkIfPermissionExist(AccessRight._AGENT_CONTROL_PERMISSION, true) &&
\n \n \n {_userData.isAdminLevel &&\n {\n navigateTo(_history, WebUrl._URL_ADMIN_AGENT_VENDOR_API_DETAILS, row.original)\n }}>{t(\"VENDOR_API_DETAILS\")} \n }\n {\n setAgentDetails({\n id: row.original.id,\n userFullName: row.original.userFullName,\n currentCreditLimit: row.original.agentProfile.credit,\n isRequiredSetLimitApproval: row.original.agentProfile.isRequiredSetLimitApproval\n });\n setIsSetAgentCreditModalVisible(true)\n }}>{t(\"SET_CREDIT\")} \n {\n setUserId(row.original.id);\n setIsResetPasswordModalVisible(true);\n }}>{t(\"RESET_PASSWORD\")} \n {\n _dispatch(showMessage({\n type: AlertTypes._WARNING,\n content: `${t(!suspended ? \"BLOCK_AGENT_ALERT\" : \"UNBLOCK_AGENT_ALERT\")} ${row.original.userFullName}?`,\n showCancel: true,\n confirmBtnText: t(!suspended ? \"BLOCK_AGENT\" : \"UNBLOCK_AGENT\"),\n onConfirm: () => updateAgentHandler(\n row.original.id,\n (suspended) ? FilterStatus._ACTIVE : FilterStatus._SUSPENDED\n )\n }));\n }}>\n \n {t(!suspended ? \"BLOCK_AGENT\" : \"UNBLOCK_AGENT\")}\n \n \n { navigateTo(_history, WebUrl._URL_ADMIN_CREATE_OR_UPDATE_AGENT, row.original) }}>{t(\"EDIT\")} \n { setCopyAgentModalVisible(true); setSelectedCopyAgent(row.original.id); }}>{t(\"COPY\")} \n {\n const win = window.open(WebUrl._URL_VIEW_USER_ACTION_LOG + \"?username=\" + row.original.username\n , \"_blank\");\n win.focus();\n }}>\n {t('VIEW_USER_ACTION_LOG')}\n \n {\n _dispatch(showMessage({\n type: AlertTypes._WARNING,\n title: t(\"ARE_YOU_SURE\"),\n content: t(\"ARE_YOU_SURE_YOU_WANT_TO_DELETE_THIS_AGENT\"),\n showCancel: true,\n onConfirm: () => updateAgentHandler(row.original.id, Status._DELETED)\n }));\n }}>{t(\"DELETE_AGENT\")} \n { navigateTo(_history, WebUrl._URL_ADMIN_MANAGE_PLAYER, { agentId: row.original.id, userFullName: row.original.userFullName }) }}>{t(\"VIEW_PLAYER\")} \n \n \n
\n )\n },\n disableSortBy: true,\n disableFilters: true,\n style: { overflow: \"visible\", width: '1%' }\n }\n ], [checkAll, selectedAgents, count]);\n\n /// \n
\n {t(\"MANAGE_AGENT\")}
\n {\n checkIfPermissionExist(AccessRight._AGENT_CONTROL_PERMISSION, true) &&\n\n \n {_location.state ? t(\"EDIT_AGENT\") : t(\"CREATE_AGENT\")}\n
\n \n
\n )\n}\n\nexport default AgentDetail;","import React, { useState, useEffect, useMemo } from \"react\";\nimport moment from 'moment';\nimport { Link } from \"react-router-dom\";\nimport { Button } from \"reactstrap\";\nimport {\n Panel,\n PanelHeader,\n PanelBody,\n PanelFooter,\n} from \"../../components/panel/panel.jsx\";\nimport { Line } from \"react-chartjs-2\";\nimport DatePicker from \"react-datepicker\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport ReactTable from \"../../components/custom/ReactTable\";\nimport ApiEngine from \"../../util/ApiEngine\";\nimport { ApiKey, ApiUrl, RegionId, AccessRight, AlertTypes } from \"../../util/Constant\";\nimport { numberWithCurrencyFormat } from '../../util/Util';\nimport { useTranslation } from \"react-i18next\";\nimport { showResponseMessage, showMessage } from '../../redux/AppAction';\nimport { Pie } from 'react-chartjs-2';\nimport { checkIfPermissionExist } from \"../../util/PermissionChecker.js\";\n\n/// \n {_location.state ? t(\"EDIT_AGENT\") : t(\"CREATE_AGENT\")}\n
\n \n = _FULL_HD_WIDTH ? \"col-lg-3\" : \"col-lg-6\"}>\n
\n }\n }\n });\n }\n }, [pieCharts, pieChartColors, t, windowWidth]);\n\n return (\n \n _MOBILE_WIDTH,\n plugins: {\n labels: [\n {\n render: 'percentage',\n fontSize: windowWidth >= _1440P_WIDTH ? 18 : 12,\n fontColor: \"black\"\n },\n {\n render: 'value',\n fontSize: windowWidth >= _1440P_WIDTH ? 18 : 12,\n fontColor: \"black\",\n position: 'outside'\n }\n ]\n }\n }} />\n
\n {t(chartData.name)}
\n \n
\n {transactionExist && checkIfPermissionExist(AccessRight._DASHBOARD_CONTROL_PERMISSION, false) && \n
\n {_userData.isAdminLevel && checkIfPermissionExist(AccessRight._DASHBOARD_CONTROL_PERMISSION, false) &&\n <>\n \n
\n \n {t('DASHBOARD')}\n
\n\n {topDetails.map((obj, index) => {\n return (\n
\n );\n })}\n \n \n
\n \n \n
\n \n
\n {t(obj.field)}
\n{obj.value}
\n\n
\n \n {renderPieCharts}\n
\n \n
\n {\n _userData.isAdminLevel && checkIfPermissionExist(AccessRight._DASHBOARD_CONTROL_PERMISSION, false) &&\n \n \n \n \n \n
\n \n
\n }\n \n );\n}\n\nexport default Dashboard;\n","import React, { useState, useEffect, useMemo } from 'react';\nimport { Panel, PanelBody } from '../../../components/panel/panel';\nimport { WebUrl, ApiKey, ApiUrl, AccessRight, AlertTypes } from '../../../util/Constant';\nimport * as Util from '../../../util/Util';\nimport ReactTable from '../../../components/custom/ReactTable';\nimport { UncontrolledButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\nimport { useDispatch } from \"react-redux\";\nimport { setBusy, setIdle, showResponseMessage, showMessage } from \"../../../redux/AppAction\";\nimport { useTranslation } from 'react-i18next';\nimport { useHistory } from \"react-router-dom\";\nimport NavigationButton from '../../../components/custom/NavigationButton';\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport { checkIfPermissionExist } from \"../../../util/PermissionChecker\";\nimport { useForm } from 'react-hook-form';\nimport DualListBox from 'react-dual-listbox';\nimport DualListBoxItemRow from 'components/custom/DualListBoxItemRow';\n\n/// \n \n {t('WELCOME_BONUS_CLAIM_STATUS')} \n \n \n \n
\n {row.original.categories.map((item) => { return {item.translatedName} })}
;\n }\n },\n {\n Header: \"STATUS\",\n accessor: \"status\",\n Cell: ({ row }) => {\n return row.original.status ? {t(\"ACTIVE\")} : {t(\"DISABLE\")};\n }\n },\n {\n Header: \"ACTION\",\n Cell: ({ row }) => (\n checkIfPermissionExist(AccessRight._GAME_VENDOR_CONTROL_PERMISSION, true) && \n \n \n {\n onEditStatus({ \"id\": row.original.id, \"status\": !row.original.status })\n }}>\n {row.original.status ? t(\"DISABLE\") : t(\"ACTIVATE\")}\n \n {\n _history.push({\n pathname: WebUrl._URL_ADMIN_VENDOR_DETAIL,\n state: { id: row.original.id }\n })\n }}>\n {t('EDIT_VENDOR_DETAILS')}\n \n {\n setTargetVendor(row.original)\n }}>\n {t('ASSIGN_CATEGORY')}\n \n {\n setSelectedVendor(row.original)\n }}>\n {t('EDIT_APP_DOWNLOAD_LINKS')}\n \n \n \n
\n ),\n disableSortBy: true,\n width: 100,\n style: { overflow: \"visible\" }\n }\n ], [vendorList]);\n\n /// \n \n \n \n \n \n \n { setTargetVendor(null) }} size=\"lg\">\n \n \n { setSelectedVendor(null) }} size=\"md\">\n \n \n
\n );\n}\n\nexport default ManageVendor;","import React, { useState, useEffect, useMemo } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { Panel, PanelHeader, PanelBody } from '../../../components/panel/panel';\nimport { WebUrl, ApiUrl, ApiKey, AlertTypes } from '../../../util/Constant';\nimport * as Util from '../../../util/Util';\nimport { showMessage } from \"../../../redux/AppAction\";\nimport { useHistory, useLocation } from \"react-router-dom\";\nimport { useForm } from \"react-hook-form\";\nimport { useTranslation } from 'react-i18next';\nimport NavigationButton from '../../../components/custom/NavigationButton';\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport Select from 'react-select';\nimport Dropzone from 'react-dropzone';\nimport ReactTable from 'components/custom/ReactTable';\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\n\n/// \n
\n {t(\"MANAGE_VENDORS\")}
\n {\n checkIfPermissionExist(AccessRight._GAME_VENDOR_CONTROL_PERMISSION, true) &&\n\n
\n \n
\n \n \n { setFilteredName(e.target.value) }}\n />\n
\n \n
\n \n \n { setFilteredCode(e.target.value) }}\n />\n
\n \n
\n \n
\n \n \n
\n \n
\n \n \n \n
\n \n { updateLobbyGameStatus(row.original.id, e.target.checked, row.original.vendorId); }}\n />\n \n
\n },\n },\n {\n Header: \"ACTION\",\n Cell: ({ row }) => {\n return \n \n \n },\n }\n ], [lobbyGameUrl]);\n\n /// \n {selectedVendor ? t(\"EDIT_VENDOR_DETAILS\") : t(\"CREATE_VENDOR\")}\n
\n \n \n {t(\"VENDOR_DETAILS\")}\n \n \n \n \n \n { setLobbyGameDetail({}) }} size=\"lg\">\n \n \n
\n );\n}\n\nexport default VendorDetail;","import React, { useState, useEffect } from 'react';\nimport { ApiKey, ApiUrl, Role } from '../../util/Constant';\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\nimport ApiEngine from '../../util/ApiEngine';\nimport { useTranslation } from 'react-i18next';\nimport DualListBox from 'react-dual-listbox';\nimport { useForm } from \"react-hook-form\";\nimport { setIdle, setBusy } from '../../redux/AppAction';\nimport { useDispatch } from 'react-redux';\nimport DualListBoxItemRow from './DualListBoxItemRow';\n\n/// {selectedVendor ? t(\"EDIT_VENDOR_DETAILS\") : t(\"CREATE_VENDOR\")}\n
\n \n \n \n {\n onEditStatus({ \"id\": row.original.id, \"status\": !row.original.status })\n }}>\n {row.original.status ? t(\"DISABLE\") : t(\"ENABLE\")}\n \n {\n _history.push({\n pathname: WebUrl._URL_ADMIN_VENDOR_API_DETAIL,\n state: { id: row.original.id }\n })\n }}>\n {t('EDIT_VENDOR_API_DETAILS')}\n \n {\n setSelectedVendorApi(row.original);\n toggleModal();\n }}>\n {t('ATTACH_SHOPS')}\n \n {\n setSelectedVendorApi(row.original);\n toggleAgentModal();\n }}>\n {t('ATTACH_AGENTS')}\n \n \n \n
\n ),\n disableSortBy: true,\n width: 100,\n style: { overflow: \"visible\" }\n }\n ], [vendorList, vendorApiList]);\n\n /// \n \n \n \n \n \n \n \n \n {\n if (attachedShops) {\n onSubmitAttachShop(attachedShops);\n }\n else {\n toggleModal();\n }\n }} />\n\n {\n if (attachedAgents) {\n onSubmitAttachAgent(attachedAgents);\n }\n else {\n toggleAgentModal();\n }\n }} />\n
\n );\n}\n\nexport default ManageVendorApi;","import React, { forwardRef, useEffect, useImperativeHandle, useState } from 'react';\nimport { useForm, useFormContext } from \"react-hook-form\";\nimport { PackagePayRateType } from 'util/Constant';\n\n/// \n
\n {t(\"MANAGE_API_KEYS\")}
\n {\n checkIfPermissionExist(AccessRight._GAME_VENDOR_CONTROL_PERMISSION, true) &&\n\n
\n \n
\n \n \n { setFilteredIsPrimary(e.target.value) }} >\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\nexport default LottoPayrateTable;","import React, { useState, useEffect, useRef } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { Panel, PanelHeader, PanelBody } from '../../../components/panel/panel';\nimport { WebUrl, ApiUrl, ApiKey, AlertTypes, PackageType } from '../../../util/Constant';\nimport * as Util from '../../../util/Util';\nimport { showMessage } from \"../../../redux/AppAction\";\nimport { useHistory, useLocation } from \"react-router-dom\";\nimport { useForm } from \"react-hook-form\";\nimport { useTranslation } from 'react-i18next';\nimport NavigationButton from '../../../components/custom/NavigationButton';\nimport LottoPayrateTable from '../../../components/custom/LottoPayrateTable';\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport { TabContent, TabPane, Nav, NavItem, NavLink } from 'reactstrap';\nimport classNames from 'classnames';\n\n/// | \n | 4D | \n5D | \n6D | \n2D | \n3D | \n||
|---|---|---|---|---|---|---|---|
| B | \nS | \nSA | \nSB | \nSC | \nSD | \nSE | \nC | \n
| {ps} | \n {\n Object.keys(_EAT_TYPE).map((et) => {\n if ((_EAT_TYPE[et] == _EAT_TYPE.D3 || _EAT_TYPE[et] == _EAT_TYPE.D2) && _PAYOUT_STRUCTURE[ps].label == _STARTER_PRIZE) {\n return\n {\n [`${et}CFirst`, `${et}CSecond`, `${et}CThird`].map((val) => {\n return <>\n {InputField(_PAY_RATE_TYPE.Base.Key, val, ps)}\n {props.customPayRate && InputField(_PAY_RATE_TYPE.Custom.Key, val, ps)}\n \n })\n }\n | \n } else {\n return\n {\n _PAYOUT_STRUCTURE[ps].eatType.indexOf(_EAT_TYPE[et]) >= 0 &&\n <>\n {InputField(_PAY_RATE_TYPE.Base.Key, et, ps)}\n {props.customPayRate && InputField(_PAY_RATE_TYPE.Custom.Key, et, ps)}\n \n }\n | \n }\n })\n }\n
\n \n
\n );\n}\n\nexport default VendorApiDetail;","import React, { useState, useEffect, useMemo } from 'react';\nimport ReactTable from '../../../components/custom/ReactTable';\nimport { Panel, PanelBody } from '../../../components/panel/panel.jsx';\nimport { UncontrolledButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\nimport { useForm } from \"react-hook-form\";\nimport { ApiKey, ApiUrl, AccessRight, AlertTypes } from \"../../../util/Constant\";\nimport { useDispatch } from \"react-redux\";\nimport { useTranslation } from 'react-i18next';\nimport { showResponseMessage, showMessage } from \"../../../redux/AppAction\";\nimport { createMultiPartFormBody, getValidationMessage, createFormBody } from \"../../../util/Util\";\nimport { checkIfPermissionExist } from \"../../../util/PermissionChecker\";\nimport ApiEngine from '../../../util/ApiEngine.js';\n\n/// - {region.name} - {region.value}
\n \n })\n )\n },\n disableFilters: true,\n disableSortBy: true\n },\n {\n Header: \"LAST_MODIFIED\",\n accessor: \"updatedTime\",\n disableSortBy: true,\n },\n {\n Header: \"MODIFIED_BY\",\n accessor: \"updatedBy\",\n disableSortBy: true,\n },\n {\n Header: \"ACTION\",\n Cell: ({ row }) => (\n checkIfPermissionExist(AccessRight._SYSTEM_SETTING_CONTROL_PERMISSION, true) && \n \n \n loadSystemSettings(row.original)}>{t('EDIT_SETTING')} \n loadRegionSettings(row.original)}>{t('EDIT_REGION')} \n \n \n
\n ),\n disableFilters: true,\n disableSortBy: true,\n width: 100,\n style: { overflow: \"visible\" }\n }\n ], [regionList, systemSettingsData]);\n\n /// \n \n \n \n \n
\n )\n}\n\nexport default ManageSystemSettings;","import React, { useState, useEffect, useMemo } from 'react';\nimport ReactTable from '../../../components/custom/ReactTable';\nimport { Panel, PanelBody } from '../../../components/panel/panel.jsx';\nimport NavigationButton from '../../../components/custom/NavigationButton';\nimport { UncontrolledButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';\nimport { useTranslation } from 'react-i18next';\nimport { useHistory } from \"react-router-dom\";\nimport { WebUrl, ApiKey, ApiUrl, AccessRight, Role } from '../../../util/Constant';\nimport 'react-dual-listbox/lib/react-dual-listbox.css';\nimport { navigateTo, createMultiPartFormBody } from \"../../../util/Util\";\nimport { checkIfPermissionExist } from \"../../../util/PermissionChecker\";\nimport { useDispatch } from \"react-redux\";\nimport { showResponseMessage } from \"../../../redux/AppAction\";\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport AttachShopModal from '../../../components/custom/AttachShopModal';\n\n/// {t('MANAGE_SETTINGS')}
\n\n
\n \n \n \n
\n \n
\n \n
\n \n \n { setFilterName(e.target.value) }} />\n
\n \n
\n \n \n { setFilterValue(e.target.value) }} />\n
\n \n
\n \n \n
\n \n
\n \n \n \n
\n \n \n \n \n \n \n \n
\n }\n { row.original.isSms && <>- For Sms
}\n \n },\n },\n {\n Header: \"TOTAL_SHOPS\",\n accessor: \"totalShop\",\n disableSortBy: true,\n },\n {\n Header: \"LAST_MODIFIED\",\n accessor: \"updatedTime\",\n disableSortBy: true,\n },\n {\n Header: t(\"ACTION\"),\n Cell: ({ row }) => (\n checkIfPermissionExist(AccessRight._SMS_SETTING_CONTROL_PERMISSION, true) &&
\n \n \n { navigateTo(_history, WebUrl._URL_SMS_DETAILS, row.original) }}>{t(\"EDIT_SETTING\")} \n {\n toggleModal();\n setSelectedSmsSetting(row.original);\n }}>\n {t('ATTACH_SHOPS')}\n \n \n \n
\n ),\n disableFilters: true,\n disableSortBy: true,\n width: 100,\n style: { overflow: \"visible\" }\n }\n ], [smsSettingsData]);\n\n /// \n \n \n {\n if (attachedShops) {\n onSubmitAttachShop(attachedShops);\n }\n else {\n toggleModal();\n }\n }} />\n
\n )\n}\n\nexport default ManageSmsSettings;","import React, { useState, useEffect } from 'react';\nimport ReactTable from '../../../components/custom/ReactTable';\nimport NavigationButton from '../../../components/custom/NavigationButton';\nimport { Panel, PanelBody } from '../../../components/panel/panel.jsx';\nimport { UncontrolledButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\nimport Select from 'react-select';\nimport { useHistory, useLocation } from \"react-router-dom\";\nimport { WebUrl, SettingType, ApiKey, ApiUrl, LanguageKey, AlertTypes } from '../../../util/Constant';\nimport { useForm } from \"react-hook-form\";\nimport { useDispatch } from \"react-redux\";\nimport { showResponseMessage, showMessage } from \"../../../redux/AppAction\";\nimport { createMultiPartFormBody, stringIsNullOrEmpty, navigateTo } from \"../../../util/Util\";\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport { useTranslation } from 'react-i18next';\n\n/// \n
\n {t(\"MANAGE_SMS_SETTING\")}
\n {\n checkIfPermissionExist(AccessRight._SMS_SETTING_CONTROL_PERMISSION, true) &&\n\n
\n \n \n \n
\n \n {_location.state ? t(\"EDIT_SMS_TEMPLATE\") : t(\"CREATE_SMS_TEMPLATE\")}
\n
\n )\n}\n\nexport default SmsDetails;","import React, { useState, useEffect } from 'react';\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\nimport ApiEngine from '../../util/ApiEngine.js';\nimport { useTranslation } from 'react-i18next';\nimport { showResponseMessage } from \"../../redux/AppAction\";\nimport { ApiKey, ApiUrl, AnnouncementType } from \"../../util/Constant\";\nimport { useDispatch } from \"react-redux\";\nimport ReactTable from \"./ReactTable\";\nimport { stringIsNullOrEmpty, createMultiPartFormBody } from '../../util/Util.js';\n\n/// {_location.state ? t(\"EDIT_SMS_TEMPLATE\") : t(\"CREATE_SMS_TEMPLATE\")}
\n \n
\n \n \n \n \n \n \n
\n \n \n \n {row.original.processedStatus == ProcessedAnnouncementStatus._PROCESSED_ANNOUNCEMENT_DRAFT && { navigateTo(_history, WebUrl._URL_ADMIN_SHOP_MESSAGE_DETAIL, row.original) }}>{t(\"EDIT\")} }\n {_INCLUDE_BROADCAST.includes(row.original.processedStatus) &&\n {\n _dispatch(showMessage({\n type: AlertTypes._WARNING,\n content: t(\"BROADCAST\") + \"?\",\n showCancel: true,\n confirmBtnText: t(\"CONFIRM\"),\n onConfirm: () => setMessageStatus(row.original.id, true)\n }));\n }}>\n {t(\"BROADCAST\")}\n }\n {row.original.processedStatus == ProcessedAnnouncementStatus._PROCESSED_ANNOUNCEMENT_IN_PROGRESS &&\n {\n _dispatch(showMessage({\n type: AlertTypes._WARNING,\n content: t(\"CANCEL_BROADCAST\") + \"?\",\n showCancel: true,\n confirmBtnText: t(\"CONFIRM\"),\n onConfirm: () => setMessageStatus(row.original.id, false)\n }));\n }}>\n {t(\"CANCEL_BROADCAST\")}\n }\n {\n setSelectedMessageId(row.original.id);\n setModalVisibility(true);\n }}>{t(\"PREVIEW\")} \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n style: { overflow: \"visible\" }\n }\n ], [messageData]);\n\n /// \n { setModalVisibility(false) }} />\n \n \n \n \n \n \n \n \n \n\t\t
\n );\n}\n\nexport default ManageShopMessage;","import React, { useRef, useState, useEffect } from 'react';\nimport { Link, withRouter } from 'react-router-dom';\nimport { useHistory } from \"react-router-dom\";\nimport NavigationButton from '../../../components/custom/NavigationButton';\nimport { stringIsNullOrEmpty, createMultiPartFormBody, navigateTo } from \"../../../util/Util\";\nimport { ApiKey, ApiUrl, Role, AnnouncementType, WebUrl, AlertTypes } from \"../../../util/Constant\";\nimport { useLocation } from \"react-router-dom\";\nimport { useForm } from \"react-hook-form\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { showMessage } from '../../../redux/AppAction';\nimport { useTranslation } from 'react-i18next';\nimport Select from 'react-select';\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport DualListBox from 'react-dual-listbox';\nimport 'react-dual-listbox/lib/react-dual-listbox.css';\nimport PreviewMessageModal from '../../../components/custom/PreviewMessageModal';\nimport Dropzone from 'react-dropzone';\nimport DualListBoxItemRow from 'components/custom/DualListBoxItemRow';\n\n/// \n
\n {t(\"SHOP_MESSAGE_MANAGEMENT\")}
\n {\n checkIfPermissionExist(AccessRight._ANNOUNCEMENT_CONTROL_PERMISSION, true) &&\n\n { setModalVisibility(false) }} />\n {messageId ? t(\"EDIT_SHOP_MESSAGE\") : t(\"ADD_NEW_SHOP_MESSAGE\")}
\n
\n )\n}\n\nexport default withRouter(ShopMessageDetail);","import React, { useState, useEffect, useMemo } from 'react';\nimport ReactTable from '../../../components/custom/ReactTable';\nimport { Panel, PanelHeader, PanelBody } from '../../../components/panel/panel.jsx';\nimport { useHistory } from \"react-router-dom\";\nimport { UncontrolledButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';\nimport { navigateTo, createMultiPartFormBody } from \"../../../util/Util\";\nimport NavigationButton from '../../../components/custom/NavigationButton';\nimport { ApiKey, WebUrl, ApiUrl, ProcessedAnnouncementStatus, AccessRight, AnnouncementType, AlertTypes } from \"../../../util/Constant\";\nimport { checkIfPermissionExist } from \"../../../util/PermissionChecker\";\nimport { useTranslation } from 'react-i18next';\nimport { useForm } from \"react-hook-form\";\nimport { useDispatch } from \"react-redux\";\nimport { showResponseMessage, showMessage } from \"../../../redux/AppAction\";\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport PreviewMessageModal from '../../../components/custom/PreviewMessageModal';\n\n/// {messageId ? t(\"EDIT_SHOP_MESSAGE\") : t(\"ADD_NEW_SHOP_MESSAGE\")}
\n \n
\n \n
\n \n
\n \n
\n {t(\"MESSAGE_DETAILS\")}
\n\n \n
\n \n \n \n {row.original.processedStatus == ProcessedAnnouncementStatus._PROCESSED_ANNOUNCEMENT_DRAFT && { navigateTo(_history, WebUrl._URL_ADMIN_SYSTEM_MESSAGE_DETAIL, row.original) }}>{t(\"EDIT\")} }\n {_INCLUDE_BROADCAST.includes(row.original.processedStatus) &&\n {\n _dispatch(showMessage({\n type: AlertTypes._WARNING,\n content: t(\"BROADCAST\") + \"?\",\n showCancel: true,\n confirmBtnText: t(\"CONFIRM\"),\n onConfirm: () => setMessageStatus(row.original.id, true)\n }));\n }}>\n {t(\"BROADCAST\")}\n }\n {row.original.processedStatus == ProcessedAnnouncementStatus._PROCESSED_ANNOUNCEMENT_IN_PROGRESS &&\n {\n _dispatch(showMessage({\n type: AlertTypes._WARNING,\n content: t(\"CANCEL_BROADCAST\") + \"?\",\n showCancel: true,\n confirmBtnText: t(\"CONFIRM\"),\n onConfirm: () => setMessageStatus(row.original.id, false)\n }));\n }}>\n {t(\"CANCEL_BROADCAST\")}\n }\n {\n setSelectedMessageId(row.original.id);\n setModalVisibility(true);\n }}>{t(\"PREVIEW\")} \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n style: { overflow: \"visible\" }\n }\n ], []);\n\n /// \n { setModalVisibility(false) }} />\n \n \n \n \n \n \n \n \n \n
\n );\n}\n\nexport default ManageSystemMessage;","import React, { useRef, useState, useEffect } from 'react';\nimport { Link, withRouter } from 'react-router-dom';\nimport { useHistory } from \"react-router-dom\";\nimport NavigationButton from '../../../components/custom/NavigationButton';\nimport { stringIsNullOrEmpty, createMultiPartFormBody, navigateTo } from \"../../../util/Util\";\nimport { ApiKey, ApiUrl, AlertTypes, Role, AnnouncementType, WebUrl } from \"../../../util/Constant\";\nimport { useLocation } from \"react-router-dom\";\nimport { useForm } from \"react-hook-form\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { showMessage } from '../../../redux/AppAction';\nimport { useTranslation } from 'react-i18next';\nimport DualListBox from 'react-dual-listbox';\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport PreviewMessageModal from '../../../components/custom/PreviewMessageModal';\nimport DualListBoxItemRow from 'components/custom/DualListBoxItemRow';\n\n/// \n
\n {t(\"SYSTEM_MESSAGE\")}
\n {\n checkIfPermissionExist(AccessRight._ANNOUNCEMENT_CONTROL_PERMISSION, true) &&\n\n { setModalVisibility(false) }} />\n {_location.state ? t(\"EDIT_SYSTEM_MESSAGE\") : t(\"ADD_NEW_SYSTEM_MESSAGE\")}
\n
\n )\n}\n\nexport default withRouter(SystemMessageDetail);","import React, { useState, useEffect, useMemo } from 'react';\nimport ReactTable from '../../../components/custom/ReactTable';\nimport { Panel, PanelHeader, PanelBody } from '../../../components/panel/panel.jsx';\nimport { useHistory } from \"react-router-dom\";\nimport { UncontrolledButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';\nimport { navigateTo } from \"../../../util/Util\";\nimport NavigationButton from '../../../components/custom/NavigationButton';\nimport { ApiKey, WebUrl, ApiUrl, AccessRight, AnnouncementType, ProcessedAnnouncementStatus, AlertTypes } from \"../../../util/Constant\";\nimport { checkIfPermissionExist } from \"../../../util/PermissionChecker\";\nimport { useTranslation } from 'react-i18next';\nimport { useForm } from \"react-hook-form\";\nimport { useDispatch } from \"react-redux\";\nimport { setBusy, setIdle, showResponseMessage, showMessage } from \"../../../redux/AppAction\";\nimport ApiEngine from '../../../util/ApiEngine.js';\n\n/// {_location.state ? t(\"EDIT_SYSTEM_MESSAGE\") : t(\"ADD_NEW_SYSTEM_MESSAGE\")}
\n \n
\n \n
\n \n
\n \n \n
\n \n \n \n {row.original.processedStatus == ProcessedAnnouncementStatus._PROCESSED_ANNOUNCEMENT_DRAFT && { navigateTo(_history, WebUrl._URL_ADMIN_PHONE_MESSAGE_DETAIL, row.original) }}>{t(\"EDIT\")} }\n {_INCLUDE_BROADCAST.includes(row.original.processedStatus) &&\n {\n _dispatch(showMessage({\n type: AlertTypes._WARNING,\n content: t(\"BROADCAST\") + \"?\",\n showCancel: true,\n confirmBtnText: t(\"CONFIRM\"),\n onConfirm: () => setMessageStatus(row.original.id, true)\n }));\n }}>\n {t(\"BROADCAST\")}\n }\n {row.original.processedStatus == ProcessedAnnouncementStatus._PROCESSED_ANNOUNCEMENT_IN_PROGRESS &&\n {\n _dispatch(showMessage({\n type: AlertTypes._WARNING,\n content: t(\"CANCEL_BROADCAST\") + \"?\",\n showCancel: true,\n confirmBtnText: t(\"CONFIRM\"),\n onConfirm: () => setMessageStatus(row.original.id, false)\n }));\n }}>\n {t(\"CANCEL_BROADCAST\")}\n }\n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n style: { overflow: \"visible\" }\n }\n ], []);\n\n /// \n \n \n \n \n \n \n \n \n \n
\n );\n}\n\nexport default ManagePhoneMessage;","import React, { useRef, useState, useEffect } from 'react';\nimport { Link, withRouter } from 'react-router-dom';\nimport { useHistory } from \"react-router-dom\";\nimport NavigationButton from '../../../components/custom/NavigationButton';\nimport { stringIsNullOrEmpty, createMultiPartFormBody, navigateTo, getValidationMessage } from \"../../../util/Util\";\nimport { ApiKey, ApiUrl, Role, AnnouncementType, WebUrl, AlertTypes } from \"../../../util/Constant\";\nimport { useLocation } from \"react-router-dom\";\nimport { useForm } from \"react-hook-form\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { showResponseMessage, showMessage } from '../../../redux/AppAction';\nimport { useTranslation } from 'react-i18next';\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport 'react-intl-tel-input/dist/main.css';\n\n/// \n
\n {t(\"CUSTOMER_MESSAGE_MANAGEMENT\")}
\n {\n checkIfPermissionExist(AccessRight._ANNOUNCEMENT_CONTROL_PERMISSION, true) &&\n\n {t(\"ADD_NEW_CUSTOMER_MESSAGE\")}
\n
\n )\n}\n\nexport default withRouter(PhoneMessageDetail);","import React, { useState, useEffect } from 'react';\nimport ReactTable from '../../../components/custom/ReactTable';\nimport { Panel, PanelBody } from '../../../components/panel/panel.jsx';\nimport { UncontrolledButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\nimport { useForm } from \"react-hook-form\";\nimport { ApiKey, ApiUrl, LanguageKey, AlertTypes } from \"../../../util/Constant\";\nimport { useDispatch } from \"react-redux\";\nimport { useTranslation } from 'react-i18next';\nimport { showResponseMessage, showMessage } from \"../../../redux/AppAction\";\nimport { createMultiPartFormBody, stringIsNullOrEmpty } from \"../../../util/Util\";\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport DateTime from 'react-datetime';\nimport moment from 'moment';\n\n/// {t(\"ADD_NEW_CUSTOMER_MESSAGE\")}
\n \n
\n \n
\n \n
\n \n
\n {t(\"MESSAGE_DETAILS\")}
\n\n \n
\n \n
\n );\n },\n },\n {\n Header: t(\"IP_ADDRESS\"),\n accessor: \"ipAddress\",\n disableSortBy: true,\n },\n ];\n\n /// {row.original.createdByName} ({row.original.createdBy})
\n \n \n \n \n \n
\n )\n}\n\nexport default OperationLog;","import React, { useState, useMemo, useEffect } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport { useHistory, useLocation } from \"react-router-dom\";\nimport { useTranslation } from \"react-i18next\";\nimport {\n WebUrl,\n ApiKey,\n ApiUrl,\n AccessRight,\n Status,\n ProcessedAnnouncementStatus\n} from \"../../../util/Constant\";\nimport { checkIfPermissionExist } from \"../../../util/PermissionChecker\";\n// components\nimport {\n Modal, ModalHeader, ModalBody, ModalFooter,\n UncontrolledButtonDropdown,\n DropdownToggle,\n DropdownMenu,\n DropdownItem,\n Toast,\n ToastBody\n} from \"reactstrap\";\nimport {\n Panel,\n PanelBody,\n} from \"../../../components/panel/panel.jsx\";\nimport NavigationButton from \"../../../components/custom/NavigationButton\";\nimport ReactTable from \"../../../components/custom/ReactTable\";\nimport { showResponseMessage } from \"../../../redux/AppAction\";\nimport ApiEngine from \"../../../util/ApiEngine\";\nimport { useForm } from \"react-hook-form\";\nimport ClipLoader from \"react-spinners/ClipLoader\";\nimport { stringIsNullOrEmpty } from \"../../../util/Util\";\n\n/// {t('OPERATION_LOG')}
\n\n
\n \n \n \n
\n \n
\n \n
\n \n \n { setFilterAction(e.target.value) }} />\n
\n \n
\n \n \n { setFilterValue(e.target.value) }} />\n
\n \n
\n \n \n { setFilterUser(e.target.value) }} />\n
\n \n
\n \n \n {\n if (e instanceof moment) {\n setFilterDate(e.format(\"YYYY-MM-DD\"));\n }\n else {\n setFilterDate('');\n }\n }} />\n
\n \n
\n \n \n
\n \n
\n \n \n \n
\n ';\n description += 'Message: ' + row.original.content + '
';\n description += 'Start Date: ' + row.original.startDateString + '
';\n description += 'End Date:' + row.original.endDateString;\n return \n },\n minWidth: 200\n },\n {\n Header: \"MODE\",\n accessor: \"mode\",\n },\n {\n Header: \"SHOPS\",\n accessor: \"listOfShopsInString\",\n minWidth: 400,\n Cell: ({ row }) => {\n return {row.original.region ? row.original.region.name + \" - \" : \"\"}{row.original.listOfShopsInString}\n }\n },\n {\n Header: \"CREATED_DATE\",\n accessor: \"createdTime\",\n },\n {\n Header: \"MODIFIED_DATE\",\n accessor: \"updatedTime\",\n },\n {\n Header: \"STATUS\",\n Cell: ({ row }) => {\n if (countData.length > 0) {\n let returnClassName = \"\";\n let rowData = countData.find(x => x.promotionId == row.original.id);\n\n switch (row.original.processedStatus) {\n case ProcessedAnnouncementStatus._PROCESSED_ANNOUNCEMENT_DRAFT:\n returnClassName = \"badge badge-secondary\";\n break;\n case ProcessedAnnouncementStatus._PROCESSED_ANNOUNCEMENT_CANCELLED:\n case ProcessedAnnouncementStatus._PROCESSED_ANNOUNCEMENT_BROADCAST_CANCELLED:\n returnClassName = \"badge badge-danger\";\n break;\n case ProcessedAnnouncementStatus._PROCESSED_ANNOUNCEMENT_IN_PROGRESS:\n returnClassName = \"badge badge-primary\";\n break;\n case ProcessedAnnouncementStatus._PROCESSED_ANNOUNCEMENT_COMPLETED:\n returnClassName = \"badge badge-success\";\n break;\n }\n return {t(row.original.processedStatusString)} {rowData?.totalSentCount}/{rowData?.totalNumberOfSentCount}\n }\n else {\n return
\n
\n );\n }\n else {\n return {t(\"TOTAL_CLAIMED\")} : {rowData?.totalClaimCount}
\n {t(\"AMOUNT\")}: {parseFloat(rowData?.totalClaimAmount).toFixed(2)}
\n \n \n \n \n \n \n {\n _history.push({\n pathname: _detailPromotionUrl,\n state: { id: row.original.id }\n })\n }}>\n {t(\"EDIT_BONUS_DETAILS\")}\n \n {\n setPromotionStatus(row.original.id, row.original.status == Status._ENABLED ?\n Status._DISABLED : Status._ENABLED)\n }}>\n {row.original.status == Status._ENABLED ? t(\"DEACTIVATE\") : t(\"ACTIVATE\")}\n \n {props.isSpinPromotion &&\n <>\n { getWinningData(row.original.id) }}>\n {t(\"VIEW\")}\n \n {\n navigator.clipboard.writeText(`${row.original.region.domain}/lucky-spin-winner?promotionId=${row.original.id}`);\n setShowToast(`${row.original.region.domain}/lucky-spin-winner?promotionId=${row.original.id}`);\n }}>\n {t(\"COPY_WINNER_LIST_URL\")}\n \n \n }\n {\n row.original.status == Status._ENABLED && !props.isSpinPromotion && {\n broadcastJackpotList(row.original.id)\n }}>\n {t(\"BROADCAST\")}\n \n }\n \n \n
\n ),\n },\n ], [countData]);\n\n /// \n
\n \n
\n {t(\"MANAGE_BONUS\")}
\n {\n checkIfPermissionExist(AccessRight._PROMOTION_CONTROL_PERMISSION, true) &&\n\n
\n \n \n \n \n \n \n
\n \n
\n \n \n \n \n \n
\n \n
\n \n {PaginationTable}\n
\n \n
\n \n
\n \n
\n \n \n \n \n \n \n { initializePrizeForm(true, row.original); }}>{t(\"EDIT\")} \n {\n setAlertText(t('DELETE_CURRENT_PRIZE_CONFIRMATION'));\n setAlertPrizeId(row.original.id);\n setCustomAlert(_CUSTOM_ALERT.DELETE_PRIZE);\n setAlertVisible(true);\n }}> {t(\"DELETE\")}\n \n \n \n
\n )\n }\n }\n }\n ];\n\n const _TABLE_COLUMNS = useMemo(\n () => [\n {\n Header: t(\"FULLNAME\"),\n accessor: \"memberName\",\n },\n {\n Header: t(\"PHONE_NUMBER\"),\n accessor: \"memberPhone\",\n },\n {\n Header: t(\"SHOP_NAME\"),\n Cell: ({ row }) => {\n return ({row.original.shopUsername} ({row.original.shopName}));\n }\n },\n {\n Header: t(\"PRIZE_TYPE\"),\n accessor: \"prizeType\",\n },\n {\n Header: t(\"PRIZE_NAME\"),\n accessor: \"prizeName\",\n },\n {\n Header: t(\"PRIZE_VALUE\"),\n accessor: \"prizeValue\",\n },\n {\n Header: t(\"PRIZE_AMOUNT\"),\n accessor: \"prizeCount\",\n },\n {\n Header: t(\"NUMBER\"),\n accessor: \"messageNumber\",\n },\n {\n Header: t(\"STATUS\"),\n accessor: \"status\",\n Cell: ({ row }) => {\n return {row.original.claimStatus == 1 ? {t(\"CLAIMED\")}({row.original.claimTime}) : {t(\"PENDING_CLAIM\")}}\n },\n },\n {\n Header: t(\"ACTION\"),\n id: \"action\",\n Cell: ({ row }) =>\n (checkIfPermissionExist(AccessRight._PROMOTION_CONTROL_PERMISSION, true) && _NOT_BROADCAST_ARR.includes(broadcastStatus)) && (\n
\n \n \n \n \n \n {\n setAlertText(t('DELETE_CURRENT_PRIZE_CONFIRMATION'));\n setAlertPrizeId(row.original.id);\n setAlertMemberId(row.original.memberId);\n setCustomAlert(_CUSTOM_ALERT.DELETE_MEMBER_PRIZE);\n setAlertVisible(true);\n }}>\n \n {t(\"DELETE\")}\n \n \n \n \n
\n ),\n },\n ],\n [broadcastStatus]\n );\n\n /// {rowData.totalSentCount}
\n );\n }\n else {\n return {rowData.totalClaimCount}
\n );\n }\n else {\n return {rowData.totalClaimAmount.toFixed(2)}
\n );\n }\n else {\n return \n {alertVisible && { alertHandler(); setAlertVisible(false); }}\n showCancel={true}\n onCancel={() => { setAlertVisible(false); }}\n confirmBtnText={t(\"CONFIRM\")}\n reverseButtons={true}\n cancelBtnCssClass={\"btn btn-lg btn-danger\"}\n cancelBtnStyle={{ textDecoration: \"none\" }}>\n }\n
\n );\n}\n\nexport default ManagePromotionDetail;","import React, { useState, useEffect, useMemo } from \"react\";\nimport moment from 'moment';\nimport {\n Panel,\n PanelBody,\n} from \"../../../components/panel/panel.jsx\";\nimport DualListBox from 'react-dual-listbox';\nimport DateTime from 'react-datetime';\nimport { useTranslation } from 'react-i18next';\nimport ReactTable from \"../../../components/custom/ReactTable\";\nimport { ApiKey, ApiUrl, Role } from \"../../../util/Constant\";\nimport { stringIsNullOrEmpty, arrayGroupByKey } from \"../../../util/Util\";\nimport { useForm } from \"react-hook-form\";\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport DualListBoxItemRow from \"components/custom/DualListBoxItemRow.js\";\n\n/// \n
\n {\n showPrizeDetails &&\n <>\n \n \n {promotionId ? t(\"EDIT_BONUS_DETAILS\") : t(\"CREATE_BONUS\")}\n {\" \"}{broadcastStatus == ProcessedAnnouncementStatus._PROCESSED_ANNOUNCEMENT_COMPLETED ?\n (t(\"ALL_JACKPOT_BROADCAST_SUCCESSFULLY\")) : broadcastStatus == ProcessedAnnouncementStatus._PROCESSED_ANNOUNCEMENT_IN_PROGRESS\n ? (t(\"JACKPOT_PARTIALLY_BROADCAST\")) : broadcastStatus == ProcessedAnnouncementStatus._PROCESSED_ANNOUNCEMENT_BROADCAST_CANCELLED ?\n (t(\"ACTIVATE_TO_BROADCAST\")) : (memberPrize.length > 0) && (t(\"PLEASE_REMOVE_JACKPOT_TO_EDIT_PRIZE_AND_PROMOTION\"))}\n
\n \n \n \n
\n \n {promotionId ? t(\"EDIT_BONUS_DETAILS\") : t(\"CREATE_BONUS\")}\n {\" \"}{broadcastStatus == ProcessedAnnouncementStatus._PROCESSED_ANNOUNCEMENT_COMPLETED ?\n (t(\"ALL_JACKPOT_BROADCAST_SUCCESSFULLY\")) : broadcastStatus == ProcessedAnnouncementStatus._PROCESSED_ANNOUNCEMENT_IN_PROGRESS\n ? (t(\"JACKPOT_PARTIALLY_BROADCAST\")) : broadcastStatus == ProcessedAnnouncementStatus._PROCESSED_ANNOUNCEMENT_BROADCAST_CANCELLED ?\n (t(\"ACTIVATE_TO_BROADCAST\")) : (memberPrize.length > 0) && (t(\"PLEASE_REMOVE_JACKPOT_TO_EDIT_PRIZE_AND_PROMOTION\"))}\n
\n \n
\n {!promotionMethod &&\n \n \n \n \n {_NOT_BROADCAST_ARR.includes(broadcastStatus) && \n }\n \n \n
\n \n
\n \n
\n {t(\"PRIZES_DETAIL\")}
\n {((memberPrize.length == 0 && !promotionMethod) || (promotionMethod && broadcastStatus == ProcessedAnnouncementStatus._PROCESSED_ANNOUNCEMENT_DRAFT)) &&\n \n }\n\n
\n {!promotionMethod &&\n \n
\n \n
}\n \n { getPrizesNamelist(); }}\n className=\"btn btn-primary btn-block\">\n {t(\"PRIZES_NAMELIST\")}\n \n
\n \n
\n }\n \n }\n \n \n \n \n \n {memberPrize.length > 0 &&\n \n \n
\n \n
\n \n
\n \n {_NOT_BROADCAST_ARR.includes(broadcastStatus) &&\n <>\n {\n setAlertText(t('DELETE_ALL_JACKPOT_CONFIRMATION'));\n setCustomAlert(_CUSTOM_ALERT.DELETE_ALL);\n setAlertVisible(true);\n }}\n className=\"btn btn-danger\">\n {t(\"DELETE_ALL_JACKPOT\")}\n \n { saveJackpotList(); }}\n className=\"btn btn-primary\">\n {t(\"SAVE_JACKPOT_NAMELIST\")}\n \n \n }\n {(dbJackpotExist && promotionStatus == Status._ENABLED && broadcastStatus != ProcessedAnnouncementStatus._PROCESSED_ANNOUNCEMENT_COMPLETED) &&\n {\n setAlertText(t('BROADCAST_JACKPOT_CONFIRMATION'));\n setCustomAlert(_CUSTOM_ALERT.BROADCAST);\n setAlertVisible(true);\n }}\n className=\"btn btn-primary\">\n {t(\"ANNOUNCE_JACKPOT_NAMELIST\")}\n \n }\n
\n }\n \n
\n \n { initializePrizeForm(false); }}>\n \n \n
\n {row.index + 1}
;\n },\n disableSortBy: true\n },\n {\n Header: \"BET_DATE\",\n accessor: \"betDateTime\",\n disableSortBy: true\n },\n {\n Header: \"OPERATED_SHOP\",\n accessor: \"shopName\",\n disableSortBy: true\n },\n {\n Header: \"PHONE_NUMBER\",\n accessor: \"usernamePhoneNumber\",\n disableSortBy: true\n },\n {\n Header: \"PLAYER_ID\",\n accessor: \"playerId\",\n disableSortBy: true\n },\n {\n Header: \"NUMBER\",\n accessor: \"number\",\n disableSortBy: true\n },\n {\n Header: \"BET_TYPE\",\n accessor: \"betType\",\n disableSortBy: true\n },\n {\n Header: \"BET_AMOUNT\",\n accessor: \"amount\",\n disableSortBy: true,\n Cell: ({ row }) => (\n {parseFloat(row.original.amount).toFixed(2)}\n )\n },\n {\n Header: \"DRAW_DATE\",\n accessor: \"drawDate\",\n disableSortBy: true\n },\n {\n Header: \"STATUS\",\n accessor: \"status\",\n disableSortBy: true,\n Cell: ({ row }) => (\n {t(row.original.statusName)}\n )\n }\n ]\n\n /// \n \n \n \n \n \n \n \n {PaginationTable}\n \n \n
\n );\n};\n\nexport default ManageLuckyNumber;","import React, { useState, useEffect, useContext } from 'react';\nimport ReactTable from '../../../components/custom/ReactTable';\nimport { Panel, PanelHeader, PanelBody } from '../../../components/panel/panel.jsx';\nimport { useHistory } from \"react-router-dom\";\nimport { UncontrolledButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';\nimport { navigateTo, createMultiPartFormBody } from \"../../../util/Util\";\nimport { ApiKey, ApiUrl, WebUrl, AccessRight, FilterStatus, Status, AlertTypes } from \"../../../util/Constant\";\nimport NavigationButton from '../../../components/custom/NavigationButton';\nimport { checkIfPermissionExist } from \"../../../util/PermissionChecker\";\nimport { useTranslation } from 'react-i18next';\nimport { useDispatch, useSelector } from \"react-redux\";\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport { showResponseMessage, showMessage } from 'redux/AppAction';\nimport * as Util from '../../../util/Util';\nimport AttachShopModal from '../../../components/custom/AttachShopModal';\n\n/// {t(\"MANAGE_LUCKY_NUMBER\")}
\n\n \n \n { navigateTo(_history, WebUrl._URL_ADMIN_MINI_PROGRAM_DETAIL, row.original) }}>{t(\"EDIT\")} \n {\n btnHandler(_btnKeys._DISABLE, row.original);\n }}>{row.original.status == Status._ENABLED ? t(\"DISABLE\") : t(\"ENABLE\")} \n {\n setSelectedMiniProgram(row.original);\n toggleModal();\n }}>\n {t('ATTACH_SHOPS')}\n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n style: { overflow: \"visible\", width: '1%' }\n }\n ]\n\n /// \n \n \n \n \n {\n if (attachedShops) {\n onSubmitAttachShop(attachedShops);\n }\n else {\n toggleModal();\n }\n }} />\n
\n )\n}\n\nexport default ManageMiniProgram;","import React, { useState, useEffect, Fragment, useRef } from 'react';\nimport { Panel, PanelHeader, PanelBody } from '../../../components/panel/panel.jsx';\nimport { useHistory } from \"react-router-dom\";\nimport Select from \"react-select\";\nimport { useForm } from \"react-hook-form\";\nimport { ApiKey, ApiUrl, Status, Role, WebUrl, AlertTypes } from \"../../../util/Constant\";\nimport { stringIsNullOrEmpty, createMultiPartFormBody, navigateTo, imagePathToFileObject } from \"../../../util/Util\";\nimport { useLocation } from \"react-router-dom\";\nimport { showResponseMessage } from '../../../redux/AppAction';\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { useTranslation } from 'react-i18next';\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport NavigationButton from '../../../components/custom/NavigationButton';\nimport IntlTelInput from 'react-intl-tel-input';\nimport 'react-intl-tel-input/dist/main.css';\nimport DualListBox from 'react-dual-listbox';\nimport { showMessage } from 'redux/AppAction';\nimport Dropzone from 'react-dropzone';\n\n/// \n
\n {t(\"MANAGE_MINI_PROGRAMS\")}
\n {\n checkIfPermissionExist(AccessRight._MINI_PROGRAM_CONTROL_PERMISSION, true) &&\n\n {!stringIsNullOrEmpty(miniProgramId) ? t(\"EDIT_MINI_PROGRAM\") : t(\"ADD_MINI_PROGRAM\")}
\n
\n )\n}\n\nexport default MiniProgramDetail;","import React, { useState, useEffect, useMemo } from 'react';\nimport ReactTable from '../../../components/custom/ReactTable';\nimport { Panel, PanelHeader, PanelBody } from '../../../components/panel/panel.jsx';\nimport { useHistory } from \"react-router-dom\";\nimport { UncontrolledButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';\nimport { navigateTo, createMultiPartFormBody } from \"../../../util/Util\";\nimport NavigationButton from '../../../components/custom/NavigationButton';\nimport { ApiKey, WebUrl, ApiUrl, AccessRight, PaymentGatewayType } from \"../../../util/Constant\";\nimport { checkIfPermissionExist } from \"../../../util/PermissionChecker\";\nimport { useTranslation } from 'react-i18next';\nimport { useForm } from \"react-hook-form\";\nimport { useDispatch } from \"react-redux\";\nimport { setBusy, setIdle, showResponseMessage, showMessage } from \"../../../redux/AppAction\";\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport AttachShopModal from '../../../components/custom/AttachShopModal';\n\n/// {!stringIsNullOrEmpty(miniProgramId) ? t(\"EDIT_MINI_PROGRAM\") : t(\"ADD_MINI_PROGRAM\")}
\n \n
\n \n \n
\n \n \n \n { navigateTo(_history, WebUrl._URL_ADMIN_CREATE_OR_UPDATE_PAYMENT_GATEWAY, row.original) }}>{t('EDIT')} \n {\n setPaymentGatewayTypeId(row.original.typeId);\n setApiKey(row.original.apiKey);\n setPaymentGatewayId(row.original.id);\n toggleModal();\n }}>\n {t('ATTACH_SHOPS')}\n \n \n \n
\n ),\n disableFilters: true,\n disableSortBy: true,\n width: 100,\n style: { overflow: \"visible\" }\n }\n ], []);\n\n /// \n {\n if (attachedShops) {\n onSubmitAttachShop(attachedShops);\n }\n else {\n toggleModal();\n }\n }} />\n
\n );\n}\n\nexport default ManagePaymentGateway;","import React, { useState, useEffect } from 'react';\nimport { Panel, PanelHeader, PanelBody } from '../../../components/panel/panel.jsx';\nimport { useHistory } from \"react-router-dom\";\nimport NavigationButton from '../../../components/custom/NavigationButton';\nimport { ApiKey, WebUrl, ApiUrl, AccessRight, PaymentGatewayType, ProcessedAnnouncementStatus, AlertTypes, Role } from \"../../../util/Constant\";\nimport { checkIfPermissionExist } from \"../../../util/PermissionChecker\";\nimport { useTranslation } from 'react-i18next';\nimport { useForm } from \"react-hook-form\";\nimport { useDispatch } from \"react-redux\";\nimport { setBusy, setIdle, showResponseMessage, showMessage } from \"../../../redux/AppAction\";\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport { stringIsNullOrEmpty, createMultiPartFormBody, navigateTo, getValidationMessage, isObjectEmpty } from \"../../../util/Util\";\nimport { useLocation } from \"react-router-dom\";\nimport DateTime from 'react-datetime';\nimport moment from 'moment';\nimport Select from 'react-select'\n\n/// \n
\n {t(\"MANAGE_PAYMENT_GATEWAY\")}
\n {\n checkIfPermissionExist(AccessRight._SYSTEM_SETTING_CONTROL_PERMISSION, true) &&\n\n \n \n \n \n
\n \n
\n );\n}\n\nexport default ManagePaymentGatewayDetail;","import React, { useState, useEffect, useMemo } from 'react';\nimport ReactTable from '../../../components/custom/ReactTable';\nimport { Panel, PanelHeader, PanelBody } from '../../../components/panel/panel.jsx';\nimport { useHistory } from \"react-router-dom\";\nimport { UncontrolledButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem, Modal, ModalBody, ModalFooter, ModalHeader } from 'reactstrap';\nimport { navigateTo, createMultiPartFormBody, stringIsNullOrEmpty } from \"../../../util/Util\";\nimport { ApiKey, ApiUrl, WebUrl, AccessRight, FilterStatus, Status, AlertTypes } from \"../../../util/Constant\";\nimport NavigationButton from '../../../components/custom/NavigationButton';\nimport { checkIfPermissionExist } from \"../../../util/PermissionChecker\";\nimport { useTranslation } from 'react-i18next';\nimport { useDispatch, useSelector } from \"react-redux\";\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport { showResponseMessage, showMessage } from 'redux/AppAction';\nimport { useForm } from \"react-hook-form\";\n\n/// \n
\n {t(\"MANAGE_PAYMENT_GATEWAY\")}
\n {\n checkIfPermissionExist(AccessRight._SYSTEM_SETTING_CONTROL_PERMISSION, true) &&\n\n \n
\n \n \n \n { setModalId(row.original.id); setDetailModalShow(true); }}>{t(\"EDIT\")} \n {\n deleteHandler(row.original.id)\n }}>{t(\"DELETE\")} \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n style: { overflow: \"visible\", width: '1%' }\n }\n ], []);\n\n /// \n \n \n \n \n { modalCleanUp() }} size=\"md\">\n \n \n
\n )\n}\n\nexport default ManageIPBlackList;","import React, { useState, useEffect, useMemo } from 'react';\nimport ReactTable from '../../../components/custom/ReactTable';\nimport { Panel, PanelHeader, PanelBody } from '../../../components/panel/panel.jsx';\nimport { useHistory } from \"react-router-dom\";\nimport { UncontrolledButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';\nimport { navigateTo, createMultiPartFormBody } from \"../../../util/Util\";\nimport NavigationButton from '../../../components/custom/NavigationButton';\nimport { ApiKey, WebUrl, ApiUrl, CommonStatus, AlertTypes } from \"../../../util/Constant\";\nimport { checkIfPermissionExist } from \"../../../util/PermissionChecker\";\nimport { useTranslation } from 'react-i18next';\nimport { useForm } from \"react-hook-form\";\nimport { useDispatch } from \"react-redux\";\nimport { setBusy, setIdle, showResponseMessage, showMessage } from \"../../../redux/AppAction\";\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport moment from 'moment';\nimport DateTime from 'react-datetime';\n\n/// \n
\n {t(\"MANAGE_IP_BLACK_LIST\")}
\n {\n checkIfPermissionExist(AccessRight._SYSTEM_SETTING_CONTROL_PERMISSION, true) &&\n \n }\n\n
\n );\n },\n disableSortBy: true\n },\n {\n Header: t(\"REQUEST_TIME\"),\n accessor: \"requestTime\",\n disableSortBy: true\n },\n {\n Header: t(\"STATUS\"),\n accessor: \"status\",\n Cell: ({ row }) => {\n return renderStatus(row.original.status);\n },\n disableSortBy: true\n },\n {\n Header: t(\"IP_ADDRESS\"),\n accessor: \"ipAddress\",\n disableSortBy: true\n },\n {\n Header: t(\"USER_AGENT\"),\n accessor: \"userAgent\",\n disableSortBy: true\n },\n {\n Header: t(\"OPERATED_BY\"),\n Cell: ({ row }) => {\n return (\n {row.original.shopUser} ({row.original.shopName})
\n \n
\n );\n },\n disableSortBy: true\n },\n {\n Header: t(\"OPERATED_TIME\"),\n accessor: \"updatedTime\",\n disableSortBy: true\n },\n {\n Header: t(\"ACTION\"),\n disableFilters: true,\n disableSortBy: true,\n Cell: ({ row }) => (\n row.original.status == CommonStatus._PENDING_STATUS &&\n {row.original.operatedBy} ({row.original.operatedByName})
\n \n \n \n {\n _dispatch(showMessage({\n type: AlertTypes._WARNING,\n title: t(\"ARE_YOU_SURE\"),\n content: t(\"ARE_YOU_SURE_YOU_WANT_TO_APPROVE_SHOP_LOGIN\") + '(' + row.original.shopUser + ')',\n showCancel: true,\n onConfirm: () => updateRequest(row.original.id, CommonStatus._APPROVE_STATUS)\n }));\n }}>{t('APPROVE')} \n {\n _dispatch(showMessage({\n type: AlertTypes._WARNING,\n title: t(\"ARE_YOU_SURE\"),\n content: t(\"ARE_YOU_SURE_YOU_WANT_TO_REJECT_SHOP_LOGIN\") + '(' + row.original.shopUser + ')',\n showCancel: true,\n onConfirm: () => updateRequest(row.original.id, CommonStatus._REJECT_STATUS)\n }));\n }}>{t('REJECT')} \n \n \n
\n ),\n width: 100,\n style: { overflow: \"visible\" }\n }\n ];\n\n /// \n \n \n \n \n \n \n
\n );\n}\n\nexport default ManageShopLogin;","import React, { useState, useEffect, useMemo } from 'react';\nimport ReactTable from '../../../components/custom/ReactTable';\nimport { Panel, PanelHeader, PanelBody } from '../../../components/panel/panel.jsx';\nimport { useHistory } from \"react-router-dom\";\nimport { UncontrolledButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';\nimport { ApiKey, ApiUrl, WebUrl, AccessRight, CommonStatus, TransactionTypeId, AlertTypes } from \"../../../util/Constant\";\nimport NavigationButton from '../../../components/custom/NavigationButton';\nimport { checkIfPermissionExist } from \"../../../util/PermissionChecker\";\nimport { useTranslation } from 'react-i18next';\nimport { useForm } from \"react-hook-form\";\nimport { useDispatch } from \"react-redux\";\nimport DateTime from 'react-datetime';\nimport Select from 'react-select';\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport { showResponseMessage, showMessage } from 'redux/AppAction';\nimport moment from 'moment';\nimport { numberWithCurrencyFormat, stringIsNullOrEmpty } from '../../../util/Util';\n\n/// {t('MANAGE_SHOP_LOGIN')}
\n\n
\n \n \n \n \n
\n \n \n \n { \n _dispatch(showMessage({\n type: AlertTypes._WARNING,\n title: t(\"ARE_YOU_SURE\"),\n content: t(\"ARE_YOU_SURE_YOU_WANT_TO_APPROVE_THIS_TRANSACTION\"),\n showCancel: true,\n onConfirm: () => processAppealTransaction(row.original.id, CommonStatus._APPROVE_STATUS)\n }));\n }}>{t(\"APPROVE\")} \n { \n _dispatch(showMessage({\n type: AlertTypes._WARNING,\n title: t(\"ARE_YOU_SURE\"),\n content: t(\"ARE_YOU_SURE_YOU_WANT_TO_REJECT_THIS_TRANSACTION\"),\n showCancel: true,\n onConfirm: () => processAppealTransaction(row.original.id, CommonStatus._REJECT_STATUS)\n }));\n }}>{t(\"REJECT\")} \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n style: { overflow: \"visible\" }\n }\n ], [appealTransactionUrl]);\n\n /// \n \n \n \n \n \n \n \n \n \n
\n )\n}\n\nexport default ManageAppealTransaction;","import React, { useState, useEffect, useMemo } from 'react';\nimport ReactTable from '../../../components/custom/ReactTable';\nimport { Panel, PanelBody } from '../../../components/panel/panel.jsx';\nimport { UncontrolledButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\nimport { useTranslation } from 'react-i18next';\nimport { useHistory } from \"react-router-dom\";\nimport { ApiKey, ApiUrl, AccessRight, AlertTypes, Status, WebUrl } from '../../../util/Constant';\nimport { stringIsNullOrEmpty, isObjectEmpty, numberWithCurrencyFormat, createMultiPartFormBody } from \"../../../util/Util\";\nimport { checkIfPermissionExist } from \"../../../util/PermissionChecker\";\nimport { useDispatch } from \"react-redux\";\nimport { showMessage, showResponseMessage } from \"../../../redux/AppAction\";\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport { useForm } from \"react-hook-form\";\nimport AttachShopModal from '../../../components/custom/AttachShopModal';\nimport Dropzone from 'react-dropzone';\n\n/// \n
\n {t(\"MANAGE_APPEAL_TRANSACTION\")}
\n\n {\n row.original.status != Status._DELETED &&\n \n \n \n \n \n { setBonusForm({ ...row.original }); setBannerImage(row.original.banner); }}>\n {t(\"EDIT_BONUS_DETAILS\")}\n \n {\n _dispatch(showMessage({\n type: AlertTypes._WARNING,\n title: t('ARE_YOU_SURE'),\n showCancel: true,\n content: t('ARE_YOU_SURE_YOU_WANT_TO') + t(row.original.status == Status._DISABLED ? 'ACTIVE' : 'DEACTIVATE') + \" \" + row.original.name + \"?\",\n onConfirm: () => {\n createOrUpdateBonus({\n ...row.original,\n status: row.original.status == Status._DISABLED ? Status._ENABLED : Status._DISABLED\n })\n }\n }));\n }}>\n \n {row.original.status == Status._DISABLED ? t('ACTIVE') : t('DEACTIVATE')}\n \n \n {\n _dispatch(showMessage({\n type: AlertTypes._WARNING,\n title: t('ARE_YOU_SURE'),\n showCancel: true,\n content: t('ARE_YOU_SURE_YOU_WANT_TO') + t('DELETE') + \" \" + row.original.name + \"?\",\n onConfirm: () => {\n createOrUpdateBonus({\n ...row.original,\n status: Status._DELETED\n })\n }\n }));\n }}>\n \n {t('DELETE')}\n \n \n {\n setSelectedBonus(row.original);\n }}>\n {t('ATTACH_SHOPS')}\n \n \n \n }\n
\n ),\n }\n ], [apiUrl])\n\n /// \n \n \n \n {\n if (attachedShops) {\n onSubmitAttachShop(attachedShops);\n }\n else {\n setSelectedBonus({});\n }\n }} />\n
\n )\n}\n\nexport default ManageBonus;","import React, { useEffect, useState, useRef, useMemo } from 'react';\nimport DualListBox from 'react-dual-listbox';\nimport DualListBoxItemRow from './DualListBoxItemRow';\n\n/// \n
\n {t(\"MANAGE_WELCOME_BONUS\")}
\n {\n checkIfPermissionExist(AccessRight._PROMOTION_CONTROL_PERMISSION, true) &&\n \n }\n\n
\n \n \n \n \n \n \n
\n \n
\n \n \n \n \n \n
\n \n
\n \n {PaginationTable}\n
\n \n {\n (props.regions ?? []).map((region, index) => {\n return (\n
\n \n
\n );\n })\n }\n \n selectedRegion == region.value).length}\n value={region.value}\n onChange={(e) => {\n if (selectedRegions.filter(selectedRegion => selectedRegion == e.target.value).length) {\n setSelectedRegions(selectedRegions.filter(selectedRegion => selectedRegion != e.target.value));\n }\n else {\n setSelectedRegions([...selectedRegions, e.target.value]);\n }\n }} />\n \n
\n {row.index + 1}
;\n },\n disableSortBy: true\n },\n {\n Header: \"DATE\",\n accessor: \"date\",\n disableSortBy: true,\n Footer: () => {\n return {t('TOTAL')}: \n },\n },\n {\n Header: reportRole == ReportType._SHOP ? \"SHOP\" : \"AGENT\",\n accessor: \"shopUser\",\n disableSortBy: true\n },\n {\n Header: \"INITIAL_LIMIT\",\n accessor: \"preLimit\",\n Cell: ({ row }) => {\n return row.original.preLimit.toFixed(2)\n },\n disableSortBy: true\n },\n {\n Header: \"AMOUNT\",\n accessor: \"amount\",\n Cell: ({ row }) => {\n return row.original.amount > 0 ? {row.original.amount.toFixed(2)} : {row.original.amount.toFixed(2)};\n },\n disableSortBy: true,\n Footer: ({ page }) => {\n const totalAmount = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.amount);\n }, 0);\n\n return {totalAmount.toFixed(2)}\n },\n },\n {\n Header: \"FINAL_LIMIT\",\n accessor: \"postLimit\",\n Cell: ({ row }) => {\n return row.original.postLimit.toFixed(2)\n },\n disableSortBy: true\n },\n {\n Header: \"MODIFIED_BY\",\n accessor: \"modifiedUser\",\n disableSortBy: true\n },\n {\n Header: \"TYPE\",\n accessor: \"type\",\n disableSortBy: true\n },\n {\n Header: \"REMARK\",\n accessor: \"remark\",\n disableSortBy: true\n },\n {\n Header: t(\"ACTION\"),\n Cell: ({ row }) => (\n _userData.isAdminLevel &&\n \n \n \n { onEditStatusConfirmation(row.original.id) }}>{t(\"DELETE\")} \n \n \n
\n ),\n disableFilters: true,\n disableSortBy: true,\n width: 100,\n style: { overflow: \"visible\" }\n }\n ]\n\n /// \n \n {t(\"SET_LIMIT_REPORT\")}\n
\n \n \n \n \n \n \n \n {PaginationTable}\n \n \n
\n );\n};\n\nexport default SetLimitReport;","import React, { useState, useEffect, useMemo } from \"react\";\nimport { useLocation } from \"react-router-dom\";\nimport moment from 'moment';\nimport { Panel, PanelBody } from \"../../../components/panel/panel.jsx\";\nimport DualListBox from 'react-dual-listbox';\nimport DateTime from 'react-datetime';\nimport { useTranslation } from 'react-i18next';\nimport { UncontrolledButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem, ButtonGroup, Button } from 'reactstrap';\nimport ReactTable from \"../../../components/custom/ReactTable\";\nimport { setBusy, setIdle, showResponseMessage } from '../../../redux/AppAction';\nimport { ApiKey, ApiUrl, Role, Status, AlertTypes, TransactionType, ReportType } from \"../../../util/Constant\";\nimport { stringIsNullOrEmpty, arrayGroupByKey } from \"../../../util/Util\";\nimport { useForm } from \"react-hook-form\";\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport { useDispatch } from \"react-redux\";\nimport RegionFilterDualListBox from \"../../../components/custom/RegionFilterDualListBox\";\nimport DualListBoxItemRow from \"components/custom/DualListBoxItemRow.js\";\n\n/// \n {t(\"SET_LIMIT_REPORT\")}\n \n {\n Object.keys(ReportType).filter(i => ReportType[i] != ReportType._ALL).map((key) =>\n setReportRole(ReportType[key])}\n >\n {t(key.replace(\"_\", \"\"))}\n \n )\n }\n \n
\n {row.index + 1}
;\n },\n disableSortBy: true\n },\n {\n Header: \"DATE\",\n accessor: \"createdTime\",\n Footer: () => {\n return TOTAL: \n },\n disableSortBy: true,\n },\n {\n Header: \"OPERATED_BY\",\n accessor: \"operatedBy\",\n disableSortBy: true,\n },\n {\n Header: reportRole == ReportType._SHOP ? \"OPERATED_SHOP\" : \"AGENT\",\n accessor: \"operatedShop\",\n disableSortBy: true,\n },\n {\n Header: \"PHONE_NUMBER\",\n accessor: \"phoneNumber\",\n disableSortBy: true,\n Cell: ({ value }) => {\n return stringIsNullOrEmpty(value) ? \"-\" : value;\n }\n },\n {\n Header: \"PLAYER_ID\",\n accessor: \"playerId\",\n disableSortBy: true,\n Cell: ({ value }) => {\n return stringIsNullOrEmpty(value) ? \"-\" : value;\n }\n },\n {\n Header: \"VENDOR\",\n accessor: \"vendor\",\n disableSortBy: true,\n Cell: ({ value }) => {\n return stringIsNullOrEmpty(value) ? \"-\" : value;\n }\n },\n {\n Header: \"TRANSACTION_TYPE\",\n accessor: \"transactionType\",\n Cell: ({ row }) => {\n return renderTransactionType(row.original.transactionType);\n },\n disableSortBy: true\n },\n {\n Header: \"STATUS\",\n accessor: \"status\",\n Cell: ({ row }) => {\n return row.original.status ? {t(\"SUCCESS\")} : {t(\"FAILED\")};\n },\n disableSortBy: true\n },\n {\n Header: \"TYPE\",\n accessor: \"type\",\n disableSortBy: true\n },\n {\n Header: \"INITIAL_LIMIT\",\n accessor: \"shopInitialLimit\",\n Cell: ({ row }) => {\n return row.original.shopInitialLimit.toFixed(2)\n },\n Footer: ({ page }) => {\n const initialLimitTotal = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.shopInitialLimit);\n }, 0);\n\n return {initialLimitTotal.toFixed(2)}\n },\n disableSortBy: true\n },\n {\n Header: \"SCORE\",\n accessor: \"amount\",\n Cell: ({ row }) => {\n return row.original.amount > 0 ? {row.original.amount.toFixed(2)} : {row.original.amount.toFixed(2)};\n },\n Footer: ({ page }) => {\n const scoreTotal = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.amount);\n }, 0);\n\n return {scoreTotal.toFixed(2)}\n },\n disableSortBy: true\n },\n {\n Header: \"FINAL_LIMIT\",\n accessor: \"shopFinalLimit\",\n Cell: ({ row }) => {\n return row.original.shopFinalLimit.toFixed(2)\n },\n Footer: ({ page }) => {\n const finalLimitTotal = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.shopFinalLimit);\n }, 0);\n\n return {finalLimitTotal.toFixed(2)}\n },\n disableSortBy: true\n },\n {\n Header: \"PLAYER_INITIAL_LIMIT\",\n accessor: \"playerInitialCredit\",\n Cell: ({ row }) => {\n return row.original.playerInitialCredit.toFixed(2)\n },\n disableSortBy: true\n },\n {\n Header: \"PLAYER_FINAL_LIMIT\",\n accessor: \"playerFinalCredit\",\n Cell: ({ row }) => {\n return row.original.playerFinalCredit.toFixed(2)\n },\n disableSortBy: true\n },\n {\n Header: \"IP_ADDRESS\",\n accessor: \"ipAddress\",\n disableSortBy: true\n },\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) => (\n \n \n \n {\n _dispatch(showResponseMessage(true, row.original.remark));\n }}>{t(\"VIEW_REMARK\")} \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n style: { overflow: \"visible\" }\n }\n ]\n\n /// \n \n {t(\"SET_SCORE_REPORT\")}\n
\n \n \n \n \n \n \n \n {PaginationTable}\n \n \n
\n );\n};\n\nexport default SetScoreReport;","import React, { useState, useEffect, useMemo } from \"react\";\nimport moment from 'moment';\nimport {\n Panel,\n PanelHeader,\n PanelBody,\n} from \"../../../components/panel/panel.jsx\";\nimport DualListBox from 'react-dual-listbox';\nimport DateTime from 'react-datetime';\nimport { useTranslation } from 'react-i18next';\nimport { useForm } from \"react-hook-form\";\nimport ReactTable from \"../../../components/custom/ReactTable\";\nimport { ApiKey, ApiUrl, WebUrl, AccessRight, Role } from \"../../../util/Constant\";\nimport { stringIsNullOrEmpty, createMultiPartFormBody, getValidationMessage, numberWithCurrencyFormat } from \"../../../util/Util\";\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport DualListBoxItemRow from \"components/custom/DualListBoxItemRow.js\";\n\n/// \n {t(\"SET_SCORE_REPORT\")}\n \n {\n Object.keys(ReportType).filter(i => ReportType[i] != ReportType._ALL).map((key) =>\n setReportRole(ReportType[key])}\n >\n {t(key.replace(\"_\", \"\"))}\n \n )\n }\n \n
\n \n \n \n \n \n \n \n \n {PaginationTable}\n \n \n
\n );\n}\n\nexport default SalesReport;","import React, { useState, useEffect, useMemo } from \"react\";\nimport moment from 'moment';\nimport {\n Modal, ModalHeader, ModalBody, ModalFooter, UncontrolledButtonDropdown,\n DropdownToggle,\n DropdownMenu,\n DropdownItem,\n} from 'reactstrap';\nimport {\n Panel,\n PanelHeader,\n PanelBody,\n} from \"../../../components/panel/panel.jsx\";\nimport DualListBox from 'react-dual-listbox';\nimport DateTime from 'react-datetime';\nimport { useTranslation } from 'react-i18next';\nimport ReactTable from \"../../../components/custom/ReactTable\";\nimport { ApiKey, ApiUrl, WebUrl, AccessRight, Role } from \"../../../util/Constant\";\nimport { stringIsNullOrEmpty, createMultiPartFormBody, arrayGroupByKey } from \"../../../util/Util\";\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport DualListBoxItemRow from \"components/custom/DualListBoxItemRow.js\";\n\n/// {t(\"SALES_REPORT\")}
\n\n \n \n \n \n \n {\n readRewardDetail(row.original.userId);\n }}>\n {t(\"VIEW_DETAIL\")}\n \n \n \n
\n ),\n },\n ]\n\n let _recordDateSummaryTableColumns = [\n {\n Header: \"PROCESS_DATE\",\n accessor: \"processDate\",\n Cell: ({ row }) => {\n return moment(row.original.processDate, 'MM/DD/YYYY HH:mm:ss').format('MM/DD/YYYY');\n },\n disableSortBy: true\n },\n {\n Header: \"RECORD_DATE\",\n accessor: \"recordDate\",\n Cell: ({ row }) => {\n return moment(row.original.recordDate, 'MM/DD/YYYY HH:mm:ss').format('MM/DD/YYYY');\n },\n Footer: () => {\n return TOTAL: \n },\n disableSortBy: true\n },\n {\n Header: \"REWARD\",\n accessor: \"reward\",\n Cell: ({ row }) => {\n return {row.original.reward};\n },\n Footer: ({ page }) => {\n const rewardTotal = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.reward);\n }, 0);\n\n return {rewardTotal.toFixed(6)}\n },\n disableSortBy: true\n }\n ]\n\n /// \n \n \n \n \n \n \n \n \n setShowDetail(false)} style={{ paddingBottom: \"100px\" }} className=\"modal-lg\" keyboard={true} >\n setShowDetail(false)}>{t(\"REWARD_DETAIL\")} \n \n \n \n \n \n \n setShowSummary(false)} style={{ paddingBottom: \"100px\" }} className=\"modal-lg\" keyboard={true} >\n setShowSummary(false)}>{t(\"SUMMARY\")} \n \n \n \n \n \n \n setShowRecordDateSummary(false)} style={{ paddingBottom: \"100px\" }} className=\"modal-lg\" keyboard={true} >\n setShowRecordDateSummary(false)}>{t(\"RECORD_DATE_SUMMARY\")} \n \n \n \n \n \n \n
\n );\n}\n\nexport default RewardReport;","import React, { useState, useEffect, useMemo } from \"react\";\nimport moment from 'moment';\nimport {\n Panel,\n PanelBody,\n} from \"../../../components/panel/panel.jsx\";\nimport DualListBox from 'react-dual-listbox';\nimport DateTime from 'react-datetime';\nimport { useTranslation } from 'react-i18next';\nimport ReactTable from \"../../../components/custom/ReactTable\";\nimport { setBusy, setIdle } from '../../../redux/AppAction';\nimport { ApiKey, ApiUrl, Role, Status } from \"../../../util/Constant\";\nimport { stringIsNullOrEmpty, arrayGroupByKey } from \"../../../util/Util\";\nimport { useForm } from \"react-hook-form\";\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport { useDispatch } from \"react-redux\";\nimport RegionFilterDualListBox from \"../../../components/custom/RegionFilterDualListBox\";\n\n/// {t(\"REWARD_REPORT\")}
\n\n
\n \n
\n \n \n {\n if (e instanceof moment) {\n setStartDate(e.format(\"YYYY-MM-DD\"));\n }\n else {\n setStartDate(\"\");\n }\n }} />\n
\n \n
\n \n \n {\n if (e instanceof moment) {\n setEndDate(e.format(\"YYYY-MM-DD\"));\n }\n else {\n setEndDate(\"\");\n }\n }} />\n
\n \n
\n \n \n setPhone(e.target.value)} />\n
\n \n
\n \n
\n \n {\n setSelectedShop(e);\n }}\n />\n
\n \n
\n \n \n
\n \n
\n \n \n \n
\n \n
\n \n
\n \n {PaginationTable}\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 {PaginationTable}\n \n \n
\n );\n};\n\nexport default ClaimRewardReport;","import React, { useState, useEffect, useMemo } from \"react\";\nimport moment from 'moment';\nimport {\n Panel,\n PanelHeader,\n PanelBody,\n} from \"../../../components/panel/panel.jsx\";\nimport DualListBox from 'react-dual-listbox';\nimport DateTime from 'react-datetime';\nimport { useTranslation } from 'react-i18next';\nimport { useForm } from \"react-hook-form\";\nimport ReactTable from \"../../../components/custom/ReactTable\";\nimport { ApiKey, ApiUrl, _SYSTEM_SUPPORT_ROLE_NAME, Role, ReportType } from \"../../../util/Constant\";\nimport { numberWithCurrencyFormat, getValidationMessage } from \"../../../util/Util\";\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { showResponseMessage } from '../../../redux/AppAction';\nimport DualListBoxItemRow from \"components/custom/DualListBoxItemRow.js\";\n\n/// {t(\"CLAIM_REWARD_REPORT\")}
\n\n \n \n \n \n \n \n \n {PaginationTable}\n \n \n {_userData.userRoleId == Role._SUPER_ADMIN && \n {t(\"CS_USED_LIMIT\")} \n \n \n }\n
\n );\n};\n\nexport default ManagerLimitReport;","import React, { useState, useEffect, useMemo } from \"react\";\nimport moment from 'moment';\nimport {\n Panel,\n PanelBody,\n} from \"../../../components/panel/panel.jsx\";\nimport DualListBox from 'react-dual-listbox';\nimport DateTime from 'react-datetime';\nimport { useTranslation } from 'react-i18next';\nimport { useForm } from \"react-hook-form\";\nimport ReactTable from \"../../../components/custom/ReactTable\";\nimport { ApiKey, ApiUrl, Role } from \"../../../util/Constant\";\nimport { stringIsNullOrEmpty, getValidationMessage } from \"../../../util/Util\";\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport DualListBoxItemRow from \"components/custom/DualListBoxItemRow.js\";\n\n/// {t('MANAGER_LIMIT_REPORT')}
\n{t(\"KIOSK_TIMEOUT_REPORT\")}
\n\n \n \n { viewCommissionDetail(row.original.id) }}>{t(\"VIEW_DETAIL\")} \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n style: { overflow: \"visible\" }\n }\n ];\n\n let _summaryTableColumns = [\n {\n Header: \"DATE\",\n accessor: \"withdrawalDate\"\n },\n {\n Header: \"SHOP\",\n accessor: \"shopName\"\n },\n {\n Header: \"WITHDRAWAL_AMOUNT\",\n accessor: \"amount\"\n },\n {\n Header: \"PERCENTAGE\",\n accessor: \"percentage\"\n },\n {\n Header: \"PROFIT\",\n accessor: \"actualAmount\"\n }\n ]\n\n /// \n \n \n \n \n \n \n \n {PaginationTable}\n \n \n\n setShowSummary(false)} style={{ paddingBottom: \"100px\" }} className=\"modal-lg\" keyboard={true} >\n setShowSummary(false)}>{t(\"SUMMARY\")} \n \n \n \n \n \n \n
\n );\n};\n\nexport default AgentCommissionReport;","import React, { useState, useEffect } from 'react';\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\nimport { useTranslation } from 'react-i18next';\nimport { showResponseMessage, showMessage } from \"../../redux/AppAction\";\nimport { ApiKey, ApiUrl, AlertTypes, Role } from \"../../util/Constant\";\nimport { useForm } from \"react-hook-form\";\nimport * as Util from '../../util/Util';\nimport Select from \"react-select\";\nimport ApiEngine from '../../util/ApiEngine.js';\nimport { stringIsNullOrEmpty, getValidationMessage } from '../../util/Util';\nimport { useDispatch, useSelector } from \"react-redux\";\n\n/// {t(\"AGENT_COMMISSION_REPORT\")}
\n\n
\n \n
\n \n
\n \n \n \n {\n (row.original.status == TopUpStatus._PENDING || row.original.status == TopUpStatus._FAILED) && (row.original.typeName == TransactionType._TOP_UP_E_WALLET || row.original.typeName == TransactionType._TOP_UP_GPAY_DUITNOW || row.original.typeName == TransactionType._KINGPAY_DUITNOW) &&\n {\n _dispatch(showMessage({\n content: t(\"VERIFY_PASSWORD_BEFORE_CONTINUE\"),\n showCancel: true,\n required: true,\n inputType: 'password',\n validationMsg: t('INVALID_PASSWORD'),\n confirmBtnText: t(\"CONFIRM\"),\n type: AlertTypes._INPUT,\n onConfirm: async (value) => {\n await verifyPassword(value, row.original, false, true);\n }\n }));\n }}>{t(\"VALIDATE_TRANSACTION\")} \n }\n {\n row.original.typeName == TransactionType._MOBILE_PIN_TOPUP && row.original.status != TopUpStatus._SUCCESS &&\n {\n _dispatch(showMessage({\n content: t(\"ENTER_AMOUNT_1\") + ` (${t(\"MASTER_APPROVE\")})`,\n showCancel: true,\n required: true,\n validationMsg: t('REQUIRED'),\n confirmBtnText: t(\"CONFIRM\"),\n type: AlertTypes._INPUT,\n onConfirm: async (amt) => {\n _dispatch(showMessage({\n content: t(\"VERIFY_PASSWORD_BEFORE_CONTINUE\") + ` (${t(\"MASTER_APPROVE\")})`,\n showCancel: true,\n required: true,\n inputType: 'password',\n validationMsg: t('INVALID_PASSWORD'),\n confirmBtnText: t(\"CONFIRM\"),\n type: AlertTypes._INPUT,\n onConfirm: async (value) => {\n await verifyPassword(value, row.original, true, false, amt);\n }\n }));\n }\n }));\n }}>{t(\"MASTER_APPROVE\")} \n }\n {\n row.original.typeName != TransactionType._KINGPAY_DUITNOW &&\n {\n _dispatch(showMessage({\n content: t(\"VERIFY_PASSWORD_BEFORE_CONTINUE\"),\n showCancel: true,\n required: true,\n inputType: 'password',\n validationMsg: t('INVALID_PASSWORD'),\n confirmBtnText: t(\"CONFIRM\"),\n type: AlertTypes._INPUT,\n onConfirm: async (value) => {\n await verifyPassword(value, row.original, true);\n }\n }));\n }}>{t(\"APPROVE\")} \n }\n {\n row.original.typeName != TransactionType._KINGPAY_DUITNOW && row.original.status != TopUpStatus._FAILED &&\n {\n _dispatch(showMessage({\n content: t(\"VERIFY_PASSWORD_BEFORE_CONTINUE\"),\n showCancel: true,\n required: true,\n inputType: 'password',\n validationMsg: t('INVALID_PASSWORD'),\n confirmBtnText: t(\"CONFIRM\"),\n type: AlertTypes._INPUT,\n onConfirm: async (value) => {\n await verifyPassword(value, row.original, false);\n }\n }));\n }}>{t(\"REJECT\")} \n }\n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n style: { overflow: \"visible\" }\n }\n ]\n\n /// \n \n \n \n \n \n \n \n {PaginationTable}\n \n \n \n \n {t('COPIED')}\n \n \n {\n if (!stringIsNullOrEmpty(transactionId)) {\n // init();\n }\n\n setCreateEWalletModal(false);\n }} />\n
\n );\n};\n\nexport default TopUpReport;","import React, { useState, useEffect, useMemo } from \"react\";\nimport moment from 'moment';\nimport {\n Panel,\n PanelBody,\n} from \"../../../components/panel/panel.jsx\";\nimport DualListBox from 'react-dual-listbox';\nimport DateTime from 'react-datetime';\nimport { useTranslation } from 'react-i18next';\nimport { UncontrolledButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';\nimport ReactTable from \"../../../components/custom/ReactTable\";\nimport { setBusy, setIdle, showResponseMessage } from '../../../redux/AppAction';\nimport { ApiKey, ApiUrl, Role, Status, Theme } from \"../../../util/Constant\";\nimport { stringIsNullOrEmpty, arrayGroupByKey } from \"../../../util/Util\";\nimport { useForm } from \"react-hook-form\";\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport { useDispatch } from \"react-redux\";\nimport DualListBoxItemRow from \"components/custom/DualListBoxItemRow.js\";\n\n/// \n {\n setCreateEWalletModal(true);\n }}\n >\n {t('CREATE_EWALLET_TRANSACTION')}\n \n }\n
\n {t(\"TOP_UP_REPORT\")}
\n {\n checkIfPermissionExist(AccessRight._TOP_UP_REPORT_PERMISSION, true) &&\n\n \n \n \n \n \n \n \n {PaginationTable}\n \n \n
\n );\n};\n\nexport default CreditTransferReport;","import React, { useState, useEffect, useMemo } from \"react\";\nimport moment from 'moment';\nimport {\n Panel,\n PanelBody,\n} from \"../../../components/panel/panel.jsx\";\nimport DualListBox from 'react-dual-listbox';\nimport DateTime from 'react-datetime';\nimport { useTranslation } from 'react-i18next';\nimport { UncontrolledButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem, Modal, ModalHeader, ModalFooter, ModalBody } from 'reactstrap';\nimport ReactTable from \"../../../components/custom/ReactTable\";\nimport { setBusy, setIdle, showResponseMessage, showMessage } from '../../../redux/AppAction';\nimport { ApiKey, ApiUrl, AlertTypes, AccessRight, Role } from \"../../../util/Constant\";\nimport { stringIsNullOrEmpty, arrayGroupByKey, isObjectEmpty } from \"../../../util/Util\";\nimport { useForm } from \"react-hook-form\";\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { checkIfPermissionExist } from \"../../../util/PermissionChecker\";\nimport RegionFilterDualListBox from '../../../components/custom/RegionFilterDualListBox';\nimport DualListBoxItemRow from \"components/custom/DualListBoxItemRow.js\";\n\n/// {t(\"CREDIT_TRANSFER_REPORT\")}
\n{row.index + 1}
;\n },\n disableSortBy: true\n },\n {\n Header: \"CreatedTime\",\n accessor: \"createdTime\",\n Footer: () => {\n return TOTAL: \n },\n disableSortBy: true,\n },\n {\n Header: \"SHOP\",\n accessor: \"shopName\",\n disableSortBy: true\n },\n {\n Header: \"PHONE_NUMBER\",\n accessor: \"phoneNumber\",\n disableSortBy: true\n },\n {\n Header: \"PLAYER_ID\",\n accessor: \"playerId\",\n disableSortBy: true\n },\n {\n Header: \"VENDOR\",\n accessor: \"vendor\",\n disableSortBy: true\n },\n {\n Header: \"STATUS\",\n accessor: \"status\",\n Cell: ({ row }) => {\n return renderStatus(row.original.status);\n },\n disableSortBy: true\n },\n {\n Header: \"AMOUNT\",\n accessor: \"amount\",\n Cell: ({ row }) => {\n return row.original.amount > 0 ? {row.original.amount.toFixed(2)} : {row.original.amount.toFixed(2)};\n },\n Footer: ({ page }) => {\n const scoreTotal = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.amount);\n }, 0);\n\n return {scoreTotal.toFixed(2)}\n },\n disableSortBy: true\n },\n {\n Header: \"REMARK\",\n accessor: \"remark\",\n disableSortBy: true\n },\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) => (\n (checkIfPermissionExist(AccessRight._STRIKE_REPORT_PERMISSION)) &&\n \n \n \n { setSelectedStrikeRecordData(row.original); await getStrikeDetailList(row.original.id); }}>\n {t(\"VIEW_STRIKE_DETAILS\")}\n \n {\n ((row.original.status == _STATUS_OPTIONS.PENDING || row.original.status == _STATUS_OPTIONS.FAILED) && checkIfPermissionExist(AccessRight._STRIKE_REPORT_PERMISSION, true)) &&\n <>\n {\n _dispatch(showMessage({\n content: t(\"VERIFY_PASSWORD_BEFORE_CONTINUE\"),\n showCancel: true,\n required: true,\n inputType: 'password',\n validationMsg: t('INVALID_PASSWORD'),\n confirmBtnText: t(\"CONFIRM\"),\n type: AlertTypes._INPUT,\n onConfirm: async (value) => {\n await verifyPassword(value, row.original, true);\n }\n }));\n }}>\n {t(\"APPROVE\")}\n \n {\n row.original.status == _STATUS_OPTIONS.PENDING &&\n {\n _dispatch(showMessage({\n content: t(\"VERIFY_PASSWORD_BEFORE_CONTINUE\"),\n showCancel: true,\n required: true,\n inputType: 'password',\n validationMsg: t('INVALID_PASSWORD'),\n confirmBtnText: t(\"CONFIRM\"),\n type: AlertTypes._INPUT,\n onConfirm: async (value) => {\n await verifyPassword(value, row.original, false);\n }\n }));\n }}>\n {t(\"REJECT\")}\n \n }\n \n }\n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n style: { overflow: \"visible\" }\n }\n ]\n\n let _tableStrikeDetailsColumn = [\n {\n Header: \"BET_DATE\",\n accessor: \"betDateTime\",\n disableSortBy: true\n },\n {\n Header: \"POOL_NAME\",\n accessor: \"poolName\",\n disableSortBy: true\n },\n {\n Header: \"NUMBER\",\n accessor: \"betNumber\",\n disableSortBy: true\n },\n {\n Header: \"BET_TYPE\",\n accessor: \"betType\",\n disableSortBy: true\n },\n {\n Header: \"BET_AMOUNT\",\n accessor: \"betAmount\",\n disableSortBy: true,\n Cell: ({ row }) => (\n {parseFloat(row.original.betAmount).toFixed(2)}\n )\n },\n {\n Header: \"DRAW_DATE\",\n accessor: \"drawDate\",\n disableSortBy: true\n },\n {\n Header: \"PRIZE_RATE\",\n accessor: \"prizeRate\",\n disableSortBy: true\n },\n {\n Header: \"WIN_AMOUNT\",\n accessor: \"winAmount\",\n disableSortBy: true,\n Cell: ({ row }) => (\n {parseFloat(row.original.winAmount).toFixed(2)}\n )\n }\n ]\n\n /// \n \n \n \n \n \n \n \n \n \n { setShowStrikeDetailModal(false) }}>\n { setShowStrikeDetailModal(false) }}> \n \n \n \n
\n );\n};\n\nexport default StrikeReport;","import React, { useState, useEffect, useMemo } from \"react\";\nimport moment from 'moment';\nimport {\n Panel,\n PanelBody,\n} from \"../../../components/panel/panel.jsx\";\nimport DualListBox from 'react-dual-listbox';\nimport DateTime from 'react-datetime';\nimport { useTranslation } from 'react-i18next';\nimport ReactTable from \"../../../components/custom/ReactTable\";\nimport { setBusy, setIdle } from '../../../redux/AppAction';\nimport { ApiKey, ApiUrl, Role, Status } from \"../../../util/Constant\";\nimport { stringIsNullOrEmpty, arrayGroupByKey, numberWithCurrencyFormat } from \"../../../util/Util\";\nimport { useForm } from \"react-hook-form\";\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport { useDispatch } from \"react-redux\";\nimport Select from 'react-select'\nimport RegionFilterDualListBox from '../../../components/custom/RegionFilterDualListBox';\n\n/// {t(\"STRIKE_REPORT\")}
\n\n \n
\n {PaginationTable}\n {(t('STRIKE_DETAILS') + \" - \" + (selectedStrikeRecordData['playerId']))}
\n \n \n \n \n \n \n \n \n \n \n \n {PaginationTable}\n \n \n
\n );\n};\n\nexport default RolloverReport;","import React, { useState, useEffect, useMemo } from \"react\";\nimport moment from 'moment';\nimport {\n Panel,\n PanelHeader,\n PanelBody,\n} from \"../../../components/panel/panel.jsx\";\nimport DualListBox from 'react-dual-listbox';\nimport DateTime from 'react-datetime';\nimport { useTranslation } from 'react-i18next';\nimport { useForm } from \"react-hook-form\";\nimport ReactTable from \"../../../components/custom/ReactTable\";\nimport { ApiKey, ApiUrl, WebUrl, AccessRight, Role, UPPER_LIMIT_WARNING_LEVEL } from \"../../../util/Constant\";\nimport { stringIsNullOrEmpty, createMultiPartFormBody, getValidationMessage } from \"../../../util/Util\";\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport DualListBoxItemRow from \"components/custom/DualListBoxItemRow.js\";\n\n/// {t(\"ROLLOVER_REPORT\")}
\n\n
\n \n \n {\n setSelectedRegion(e);\n }} />\n
\n \n \n {\n setSummaryStartDate(e.format(\"YYYY-MM-DD HH:mm:ss\"));\n }} />\n
\n \n \n {\n setSummaryEndDate(e.format(\"YYYY-MM-DD HH:mm:ss\"));\n }} />\n
\n \n {\n const win = window.open(ApiUrl._API_GET_MEMBER_ROLLOVER_SUMMARY + \"?StartDate=\" + summaryStartDate + \"&EndDate=\" + summaryEndDate +\n \"®ionIds=\" + selectedRegion.map(r => r.value).join(','), \"_blank\");\n win.focus();\n }}\n >\n {t('DOWNLOAD_ROLLOVER_SUMMARY')}\n \n
\n {row.index + 1}
;\n },\n disableSortBy: true,\n width: 35\n },\n {\n Header: \"DATE\",\n accessor: \"date\",\n disableSortBy: true,\n Cell: ({ row }) => {\n return {moment(row.original.date).format(\"YYYY-MM-DD HH:mm:ss\")}
\n }\n },\n {\n Header: \"SHOP\",\n accessor: \"shopName\",\n disableSortBy: true\n },\n {\n Header: \"MANAGER\",\n accessor: \"managerName\",\n disableSortBy: true\n },\n {\n Header: \"EVENT_TYPE\",\n accessor: \"eventType\",\n disableSortBy: true,\n width: 80,\n Cell: ({ row }) => {\n let rowValue = row.original;\n\n return (\n rowValue.isApproval ?\n {t(rowValue.eventType)} :\n (rowValue.level == UPPER_LIMIT_WARNING_LEVEL._REACH_LIMIT ||\n rowValue.level == UPPER_LIMIT_WARNING_LEVEL._BELOW_LIMIT ?\n {t(rowValue.eventType)} {rowValue.thresholdPercentage + \"%\"}\n :\n rowValue.level == UPPER_LIMIT_WARNING_LEVEL._EXCEED_LIMIT ||\n rowValue.level == UPPER_LIMIT_WARNING_LEVEL._REACH_ZERO ? {t(rowValue.eventType)}\n : {t(\"NORMAL\")}));\n }\n },\n {\n Header: \"CREDIT_LIMIT\",\n accessor: \"shopLimit\",\n Cell: ({ row }) => {\n return (row.original.isApproval ? row.original.shopLimit : row.original.shopLimit + \" / \" + row.original.upperLimit)\n },\n disableSortBy: true\n }\n ]\n\n /// \n \n \n \n \n \n \n \n {PaginationTable}\n \n \n
\n );\n}\n\nexport default UpperLimitWarningReport;","import React, { useState, useEffect, useMemo } from \"react\";\nimport moment from 'moment';\nimport {\n Panel,\n PanelHeader,\n PanelBody,\n} from \"../../../components/panel/panel.jsx\";\nimport DateTime from 'react-datetime';\nimport { useTranslation } from 'react-i18next';\nimport { useForm } from \"react-hook-form\";\nimport ReactTable from \"../../../components/custom/ReactTable\";\nimport { ApiKey, ApiUrl, WebUrl, AccessRight, Role } from \"../../../util/Constant\";\nimport { stringIsNullOrEmpty, numberWithCurrencyFormat, getValidationMessage } from \"../../../util/Util\";\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport { useSelector } from \"react-redux\";\n\n/// {t(\"UPPER_LIMIT_WARNING_REPORT\")}
\n{row.index + 1}
;\n },\n disableSortBy: true\n },\n {\n Header: \"DATE\",\n accessor: \"createdTime\",\n Cell: ({ row }) => {\n return {moment(row.original.createdTime).format('DD/MM/YYYY hh:mm:ss A')}
;\n },\n disableSortBy: true\n },\n {\n Header: \"USERNAME\",\n Cell: ({ row }) => {\n return {row.original.user.username}
;\n },\n disableSortBy: true\n },\n {\n Header: \"FACTOR\",\n accessor: \"factor\",\n disableSortBy: true\n },\n {\n Header: \"AMOUNT\",\n accessor: \"amount\",\n disableSortBy: true\n },\n {\n Header: \"PRE_EXPERIENCE\",\n accessor: \"preExperience\",\n disableSortBy: true,\n Cell: ({ row }) => {\n return {numberWithCurrencyFormat(row.original.preExperience, 3)}
\n }\n },\n {\n Header: \"EXPERIENCE\",\n accessor: \"experience\",\n disableSortBy: true,\n Cell: ({ row }) => {\n return {numberWithCurrencyFormat(row.original.experience, 3)}
\n } \n },\n {\n Header: \"POST_EXPERIENCE\",\n accessor: \"postExperience\",\n disableSortBy: true,\n Cell: ({ row }) => {\n return {numberWithCurrencyFormat(row.original.postExperience, 3)}
\n }\n },\n {\n Header: \"PRE_RANK\",\n Cell: ({ row }) => {\n return {row.original.preRank.translatedName}
\n },\n disableSortBy: true\n },\n {\n Header: \"POST_RANK\",\n Cell: ({ row }) => {\n return {row.original.postRank.translatedName}
\n },\n disableSortBy: true\n },\n {\n Header: \"TYPE\",\n Cell: ({ row }) => {\n return renderType(row.original.historyTypeId);\n },\n disableSortBy: true\n },\n {\n Header: \"STATUS\",\n Cell: ({ row }) => {\n return renderStatus(row.original.completed);\n },\n disableSortBy: true\n },\n {\n Header: \"REMARK\",\n accessor: \"remark\",\n disableSortBy: true\n },\n ]\n\n /// \n \n \n \n \n \n \n {PaginationTable}\n \n \n
\n );\n}\n\nexport default UserExperienceReport;","import React, { useState, useEffect, useMemo } from \"react\";\nimport moment from 'moment';\nimport {\n Panel,\n PanelBody,\n} from \"../../../components/panel/panel.jsx\";\nimport DualListBox from 'react-dual-listbox';\nimport DateTime from 'react-datetime';\nimport { useTranslation } from 'react-i18next';\nimport ReactTable from \"../../../components/custom/ReactTable\";\nimport { setBusy, setIdle, showMessage } from '../../../redux/AppAction';\nimport { ApiKey, ApiUrl, Role, Status, AlertTypes, ViewDataType } from \"../../../util/Constant\";\nimport { stringIsNullOrEmpty, arrayGroupByKey, numberWithCurrencyFormat } from \"../../../util/Util\";\nimport { useForm } from \"react-hook-form\";\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport { useDispatch } from \"react-redux\";\nimport RegionFilterDualListBox from '../../../components/custom/RegionFilterDualListBox';\nimport DualListBoxItemRow from \"components/custom/DualListBoxItemRow.js\";\n\n/// {t(\"USER_EXPERIENCE_REPORT\")}
\n\n
\n \n
\n \n \n setPhone(e.target.value)} />\n
\n \n
\n \n \n {\n if (e instanceof moment) {\n setStartDate(e.format(\"YYYY-MM-DD HH:mm:ss\"));\n }\n else {\n setValue(\"startDate\", \"\");\n }\n }} />\n {errors.startDate &&
\n {t(getValidationMessage(errors.startDate))}
}\n \n
\n \n \n {\n if (e instanceof moment) {\n setEndDate(e.format(\"YYYY-MM-DD HH:mm:ss\"));\n setValue(\"endDate\", e.format(\"YYYY-MM-DD HH:mm:ss\"));\n }\n else {\n setValue(\"endDate\", \"\");\n }\n }} />\n {errors.endDate &&
\n {t(getValidationMessage(errors.endDate))}
}\n \n \n { setRegionId(e.target.value); }}>\n {\n _userData.isAdminLevel &&\n \n }\n {\n regions.map((region, index) => {\n return \n })\n }\n \n
\n \n
\n \n \n
\n \n \n \n \n \n \n \n \n {PaginationTable}\n \n \n
\n );\n};\n\nexport default TurnoverReport;","import React, { useState, useEffect, useMemo } from \"react\";\nimport moment from 'moment';\nimport {\n Modal, ModalHeader, ModalBody, ModalFooter, UncontrolledButtonDropdown,\n DropdownToggle,\n DropdownMenu,\n DropdownItem,\n} from 'reactstrap';\nimport {\n Panel,\n PanelHeader,\n PanelBody,\n} from \"../../../components/panel/panel.jsx\";\nimport DualListBox from 'react-dual-listbox';\nimport DateTime from 'react-datetime';\nimport { useTranslation } from 'react-i18next';\nimport ReactTable from \"../../../components/custom/ReactTable\";\nimport { ApiKey, ApiUrl, WebUrl, AlertTypes, Role } from \"../../../util/Constant\";\nimport { stringIsNullOrEmpty, createMultiPartFormBody, arrayGroupByKey } from \"../../../util/Util\";\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport Select from \"react-select\";\nimport { setBusy, setIdle, showResponseMessage, showMessage } from '../../../redux/AppAction';\nimport { Collapse } from 'reactstrap';\nimport { useDispatch, useSelector } from \"react-redux\";\nimport DualListBoxItemRow from \"components/custom/DualListBoxItemRow.js\";\n\n/// {t(\"TURNOVER_REPORT\")}
\n\n \n \n \n \n \n {\n readRewardDetail(row.original.historyId);\n }}>\n {t(\"VIEW_DETAIL\")}\n \n \n \n
\n ),\n },\n ]\n\n /// \n \n \n \n \n {\n _userData?.isAdminLevel &&\n \n \n \n
\n \n \n \n }\n {t(\"REWARD_REPORT\")}
\n\n
\n \n
\n \n \n {\n if (e instanceof moment) {\n setStartDate(e.format(\"YYYY-MM-DD\"));\n }\n else {\n setStartDate(\"\");\n }\n }} />\n
\n \n
\n \n \n {\n if (e instanceof moment) {\n setEndDate(e.format(\"YYYY-MM-DD\"));\n }\n else {\n setEndDate(\"\");\n }\n }} />\n
\n \n
\n \n \n setPhone(e.target.value)} />\n
\n \n
\n \n \n
\n \n
\n \n
\n \n \n {\n setSelectedShop(e);\n }}\n />\n
\n \n
\n \n \n {\n setSelectedVendor(e);\n }}\n />\n
\n \n
\n \n \n
\n {\n setShowResyncBonusPanel(!showResyncBonusPanel);\n }}>\n \n {t(\"RESYNC_HIGH_BONUS_REWARD\")}\n \n
\n \n \n \n
\n \n \n {\n if (e instanceof moment) {\n setResyncDate(e.format(\"YYYY-MM-DD\"));\n }\n }} />\n
\n \n \n setPlayerUsername(e.target.value)}\n />\n
\n \n
\n \n \n
\n \n
\n \n
\n \n {PaginationTable}\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n \n
\n );\n}\n\nexport default LuckySpinWinner;","import React, { useState, useEffect } from 'react';\nimport { getValidationMessage, isObjectEmpty } from '../../../util/Util';\nimport { useTranslation } from 'react-i18next';\nimport { useForm } from \"react-hook-form\";\nimport { useDispatch, useSelector } from 'react-redux';\nimport moment from 'moment';\nimport DateTime from 'react-datetime';\nimport ReactTable from '../../../components/custom/ReactTable';\nimport { Panel, PanelBody } from '../../../components/panel/panel.jsx';\nimport { useLocation } from \"react-router-dom\";\nimport ApiEngine from \"../../../util/ApiEngine\";\nimport {\n WebUrl,\n ApiKey,\n ApiUrl,\n PrizeType,\n AlertTypes,\n EventStatus\n} from \"../../../util/Constant\";\nimport { showResponseMessage, showMessage } from \"../../../redux/AppAction\";\nimport { UncontrolledButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';\n\n/// \n
\n {t(\"LUCKY_SPIN\")} - {promotionTitle}
\n\n
\n \n \n \n
\n {row.original.eventPrize.prizeName}
\n }\n },\n {\n Header: \"WORTH_AMOUNT\",\n accessor: \"amount\",\n disableSortBy: true,\n Cell: ({ row }) => {\n return {row.original.eventPrize.amount}
\n }\n },\n {\n Header: \"PRIZE_IMAGE\",\n accessor: \"logo\",\n disableSortBy: true,\n Cell: ({ row }) => {\n return row.original.eventPrize.logo ? \n {\n !row.original.isClaimed && selectedEvent?.status == EventStatus._END &&\n \n \n {\n _dispatch(showMessage({\n content: t('ARE_YOU_SURE_YOU_WANT_TO') + t('DISTRIBUTE_PRIZE_FOR') + \" \" + row.original.username + \"?\",\n showCancel: true,\n required: true,\n inputType: 'password',\n validationMsg: t('INVALID_PASSWORD'),\n confirmBtnText: t(\"CONFIRM\"),\n type: AlertTypes._INPUT,\n onConfirm: async (value) => {\n await verifyPassword(value, row.original);\n }\n }));\n }}>\n {t('DISTRIBUTE')}\n \n \n \n }\n
\n ),\n disableSortBy: true,\n width: 100,\n style: { overflow: \"visible\" }\n }\n ];\n\n /// \n \n \n
\n );\n}\n\nexport default KogWinner;","import ReactTable from 'components/custom/ReactTable';\nimport { Panel, PanelBody } from 'components/panel/panel';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport DualListBox from 'react-dual-listbox';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport ApiEngine from 'util/ApiEngine';\nimport { ApiKey, ApiUrl } from 'util/Constant';\nimport { arrayGroupByKey, numberWithCurrencyFormat } from '../../../util/Util';\nimport moment from 'moment';\nimport DateTime from 'react-datetime';\nimport DualListBoxItemRow from 'components/custom/DualListBoxItemRow';\n\n/// \n {t(\"PRIZE_WINNER\") + ' (' + selectedEvent?.name + ' ' + moment(selectedEvent?.startDate).format(\"YYYY-MM-DD\") + ' - ' + moment(selectedEvent?.endDate).format(\"YYYY-MM-DD\") + ')'}\n
\n \n
\n \n \n \n \n
\n {row.index + 1}
;\n },\n disableSortBy: true,\n width: '1%'\n },\n {\n Header: \"AGENT\",\n accessor: \"userFullName\",\n disableSortBy: true\n },\n {\n Header: \"TOTAL_DEPOSITS\",\n accessor: \"totalDeposit\",\n disableSortBy: true,\n Cell: ({ value }) => numberWithCurrencyFormat(value, 2),\n Footer: ({ page }) => {\n const totalAmount = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.totalDeposit);\n }, 0);\n\n return {totalAmount.toFixed(2)}\n },\n },\n {\n Header: \"TOTAL_WITHDRAWS\",\n accessor: \"totalWithdrawal\",\n disableSortBy: true,\n Cell: ({ value }) => numberWithCurrencyFormat(value, 2),\n Footer: ({ page }) => {\n const totalAmount = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.totalWithdrawal);\n }, 0);\n\n return {totalAmount.toFixed(2)}\n },\n },\n {\n Header: \"TOTAL_DEPOSIT_COUNT\",\n accessor: \"depositCount\",\n disableSortBy: true\n },\n {\n Header: \"TOTAL_WITHDRAW_COUNT\",\n accessor: \"withdrawalCount\",\n disableSortBy: true\n },\n {\n Header: \"TOTAL_PROFIT\",\n accessor: \"total_profit\",\n disableSortBy: true,\n Cell: ({ row }) => numberWithCurrencyFormat(row.original.totalDeposit - row.original.totalWithdrawal, 2),\n Footer: ({ page }) => {\n const totalAmount = page.reduce((sum, value) => {\n return sum + parseFloat(value.original.totalDeposit - value.original.totalWithdrawal);\n }, 0);\n\n return {totalAmount.toFixed(2)}\n },\n }\n ]\n\n /// \n \n \n \n \n \n \n \n {PaginationTable}\n \n \n
\n );\n};\n\nexport default AgentNetProfitReport;","import ReactTable from 'components/custom/ReactTable';\nimport { Panel, PanelBody } from 'components/panel/panel';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport DualListBox from 'react-dual-listbox';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport ApiEngine from 'util/ApiEngine';\nimport { ApiKey, ApiUrl } from 'util/Constant';\nimport { arrayGroupByKey, isObjectEmpty, numberWithCurrencyFormat, stringIsNullOrEmpty } from '../../../util/Util';\nimport moment from 'moment';\nimport DateTime from 'react-datetime';\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\nimport RegionFilterDualListBox from '../../../components/custom/RegionFilterDualListBox';\nimport DualListBoxItemRow from 'components/custom/DualListBoxItemRow';\n\n/// \n {t(\"AGENT_NET_PROFIT_REPORT\")}\n
\n\n \n \n \n \n \n \n \n {PaginationTable}\n \n \n
\n );\n};\n\nexport default LottoSeamlessSettlementReport;","import React, { useState, useEffect, useMemo } from \"react\";\nimport { useLocation } from \"react-router-dom\";\nimport moment from 'moment';\nimport { Panel, PanelBody } from \"../../../components/panel/panel.jsx\";\nimport DualListBox from 'react-dual-listbox';\nimport DateTime from 'react-datetime';\nimport { useTranslation } from 'react-i18next';\nimport { Toast, ToastBody } from 'reactstrap';\nimport ReactTable from \"../../../components/custom/ReactTable\";\nimport { setBusy, setIdle, showResponseMessage } from '../../../redux/AppAction';\nimport { ApiKey, ApiUrl, Role, Status, AlertTypes, ShopEghlTransactionType, ShopEghlTransactionStatus } from \"../../../util/Constant\";\nimport { stringIsNullOrEmpty, arrayGroupByKey } from \"../../../util/Util\";\nimport { useForm } from \"react-hook-form\";\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport { useDispatch, useSelector } from \"react-redux\";\nimport RegionFilterDualListBox from \"../../../components/custom/RegionFilterDualListBox\";\n\n/// \n {t(\"LOTTO_SEAMLESS_SETTLEMENT_REPORT\")}\n
\n{row.index + 1}
;\n },\n disableSortBy: true\n },\n {\n Header: \"DATE\",\n accessor: \"createdDateString\",\n Footer: () => {\n return TOTAL: \n },\n disableSortBy: true,\n },\n {\n Header: \"TRANSACTION_ID\",\n accessor: \"transactionId\",\n Cell: ({ row }) => {\n if (!stringIsNullOrEmpty(row.original.transactionId)) {\n return (\n <>\n {row.original.transactionId}\n \n \n \n \n \n \n \n \n \n {PaginationTable}\n \n \n \n \n {t('COPIED')}\n \n \n
\n );\n};\n\nexport default ShopEghlReport;","import React, { useState, useEffect, useMemo } from \"react\";\nimport moment from 'moment';\nimport {\n Panel,\n PanelBody,\n} from \"../../components/panel/panel.jsx\";\nimport DateTime from 'react-datetime';\nimport { useTranslation } from 'react-i18next';\nimport ReactTable from \"../../components/custom/ReactTable\";\nimport { ApiUrl } from \"../../util/Constant\";\nimport { stringIsNullOrEmpty } from \"../../util/Util\";\nimport { useForm } from \"react-hook-form\";\nimport { useSelector } from \"react-redux\";\nimport { TransactionType, Status } from '../../util/Constant';\n\n/// \n {t(\"SHOP_EGHL_REPORT\")}\n
\n\n \n \n \n \n \n \n \n {PaginationTable}\n \n \n
\n )\n}\n\nexport default Report;","import React, { useEffect, useRef } from 'react';\nimport ApiEngine from '../../util/ApiEngine';\nimport { useTranslation } from 'react-i18next';\nimport { ApiKey, ApiUrl, AlertTypes } from '../../util/Constant';\nimport SweetAlert from 'react-bootstrap-sweetalert';\nimport { useDispatch } from 'react-redux';\nimport { showResponseMessage } from 'redux/AppAction.js';\nimport { useForm } from \"react-hook-form\";\nimport * as Util from '../../util/Util';\nimport Countdown from 'react-countdown';\nimport moment from 'moment'\n\n/// {t('REPORT')}
\n\n \n \n
\n }>\n {t('ENTER_PASSWORD_TO_CONFIRM')}
\n \n \n );\n}\nexport default PasswordConfirmationModal;","import React, { useState, useEffect, Fragment, useRef } from 'react';\nimport { Panel, PanelBody, PanelHeader } from '../../components/panel/panel';\nimport { ApiKey, WebUrl, ApiUrl, AlertTypes, Role, SystemSettingName } from '../../util/Constant';\nimport { createMultiPartFormBody, navigateTo, formatNumber, getValidationMessage, stringIsNullOrEmpty, validatePhoneNumber, isObjectEmpty } from \"../../util/Util\";\nimport ApiEngine from '../../util/ApiEngine';\nimport { useTranslation } from 'react-i18next';\nimport { useDispatch } from \"react-redux\";\nimport { useHistory, useLocation } from \"react-router-dom\";\nimport { useForm } from \"react-hook-form\";\nimport IntlTelInput from 'react-intl-tel-input';\nimport { showMessage, showResponseMessage } from 'redux/AppAction';\nimport PasswordConfirmationModal from \"../../components/custom/PasswordConfirmationModal\";\n\n/// \n
\n )\n}\n\nexport default MemberDetails;","import React, { useState, useEffect } from 'react';\nimport { ApiKey, ApiUrl } from '../../util/Constant';\nimport { Modal, ModalHeader, ModalBody, ModalFooter, UncontrolledButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';\nimport ApiEngine from '../../util/ApiEngine';\nimport { useTranslation } from 'react-i18next';\nimport { useDispatch, useSelector } from 'react-redux';\nimport ReactTable from \"./ReactTable\";\nimport moment from \"moment\";\n\n/// {t('MEMBER_INFO')} {_location.state != undefined && _location.state.data.username}
\n\n
\n \n \n \n \n \n
\n \n \n
\n \n {renderPhone && {\n onChangePhoneNumber(_phoneFieldRef.current.isValidNumber(phone), newNumber, countryData, fullNumber);\n }}\n onPhoneNumberChange={(isValid, newNumber, countryData, fullNumber, ext) => {\n onChangePhoneNumber(isValid, newNumber, countryData, fullNumber);\n }}\n onPhoneNumberBlur={(isValid, newNumber, countryData, fullNumber, ext) => {\n onChangePhoneNumber(isValid, newNumber, countryData, fullNumber);\n }}\n customPlaceholder={(placeholder, countryData) => {\n return placeholder.split(/[- ]+/).join('');\n }}\n defaultValue={phone}\n value={phone}\n useMobileFullscreenDropdown={false}\n separateDialCode />}\n {errorsEditMember.phone &&
\n {t(getValidationMessage(errorsEditMember.phone))}
}\n \n \n
\n \n \n
\n \n \n
\n \n \n \n
\n \n \n \n \n \n \n \n \n \n \n {passwordConfirmation &&\n {\n handleSubmitEditMember(editMember)();\n setPasswordConfirmation(false);\n }}\n onCancel={() => { setPasswordConfirmation(false); }} />\n }\n
\n \n \n
\n \n \n \n
\n \n {t(\"DEPOSIT_TYPE\")}: {row.original.depositType}
\n {t(\"OPERATED_TIME\")}: {row.original.parsedLastDepositTime}
\n {t(\"AMOUNT\")}: {row.original.lastDepositAmount}
\n {t(\"OPERATED_BY\")}: {row.original.lastDepositOperatedBy}\n
\n }\n },\n {\n Header: \"TURNOVER\",\n accessor: \"turnover\",\n disableSortBy: true,\n width: 100\n },\n {\n Header: \"LAST_WITHDRAWAL\",\n accessor: \"withdrawalType\",\n disableSortBy: true,\n Cell: ({ row }) => {\n return \n {t(\"OPERATED_TIME\")}: {row.original.parsedLastDepositTime}
\n {t(\"AMOUNT\")}: {row.original.lastDepositAmount}
\n {t(\"OPERATED_BY\")}: {row.original.lastDepositOperatedBy}\n
\n {t(\"WITHDRAWAL_TYPE\")}: {row.original.withdrawalType}
\n {t(\"OPERATED_TIME\")}: {row.original.parsedLastWithdrawalTime}
\n {t(\"AMOUNT\")}: {row.original.lastWithdrawalAmount}
\n {t(\"OPERATED_BY\")}: {row.original.lastWithdrawalOperatedBy}\n
\n }\n }\n ];\n\n /// \n {t(\"OPERATED_TIME\")}: {row.original.parsedLastWithdrawalTime}
\n {t(\"AMOUNT\")}: {row.original.lastWithdrawalAmount}
\n {t(\"OPERATED_BY\")}: {row.original.lastWithdrawalOperatedBy}\n
\n {t(\"ROLLOVER_DETAIL\") + ' (' + props.username + ')'}\n
\n{t(actionType == _ACTIOM_TYPE.RELOAD_CREDIT ? \"SET_WALLET_CREDIT_SUCCESS\" :\n actionType == _ACTIOM_TYPE.CLAIM_REWARD ? \"REWARD_CLAIMED\" : \"SET_SCORE_SUCCESS\")}: {Number(amount).toFixed(1)}
\n : responseData['remark'],\n html: status,\n confirmBtnText: t(\"PRINT\"),\n confirmBtnBsStyle: \"success\",\n showCancel: showPrintButton,\n cancelBtnText: \"OK\",\n cancelBtnBsStyle: \"primary\",\n reverseButtons: !showPrintButton,\n onConfirm: () => {\n if (showPrintButton) {\n printReceipt(`Username: ${actionType == _ACTIOM_TYPE.RELOAD_CREDIT || actionType == _ACTIOM_TYPE.CLAIM_REWARD ? _location.state.username : tempScoreDetail.username}|${actionType != _ACTIOM_TYPE.RELOAD_CREDIT && actionType != _ACTIOM_TYPE.CLAIM_REWARD ? 'Game: ' + (responseData['gameName'] ?? responseData['playerVendorGameName']) : ''}|${actionType == _ACTIOM_TYPE.RELOAD_CREDIT ? \"Set Wallet\" : actionType == _ACTIOM_TYPE.CLAIM_REWARD ? \"Set Reward\" : \"Set Score\"}: ${amount}`)\n }\n }\n }));\n }\n\n /// \n {t('RELOAD')} {userDetail?.status == Status._DISABLED && {`(${t('BLOCK')})`}} {_location.state.username} ({t('WALLET_CREDIT').toUpperCase()}: {userDetail && userDetail.memberProfile.totalCredit.toFixed(2)})\n {\n !stringIsNullOrEmpty(memberNotes?.remark) &&\n
{`[${memberNotes.remark}]`}
\n }\n \n{t('WALLET_CREDIT')} : {_ACTIOM_TYPE.CLAIM_REWARD == actionType ? userDetail.memberProfile.totalRewardPoint.toFixed(2) : userDetail.memberProfile.totalCredit.toFixed(2)}
\n \n }\n {passwordConfirmation &&\n\n
\n {\n gameList.filter(g => currentActiveTab === _GAME_TYPE[0]['id'] ? g.isApp : !g.isApp).map((game, key) => {\n var defaultStatus = FilterStatus._ACTIVE;\n var defaultRemark = \"\";\n if (game.mobileOptions.length > 0) {\n if (stringIsNullOrEmpty((getValues()[\"player[\" + key + \"]\"])) || game.mobileOptions.filter(i => i.value == (getValues()[\"player[\" + key + \"]\"])).length == 0) {\n defaultStatus = game.mobileOptions[0].status;\n defaultRemark = game.mobileOptions[0].remark;\n }\n else {\n defaultStatus = game.mobileOptions.filter(i => i.value == (getValues()[\"player[\" + key + \"]\"]))[0].status;\n defaultRemark = game.mobileOptions.filter(i => i.value == (getValues()[\"player[\" + key + \"]\"]))[0].remark;\n }\n }\n\n return (\n #
\n {t('PRODUCT')}
\n {t('AMOUNT')}
\n {t('RELOAD_MOBILE')}
\n \n
\n );\n })\n }\n {key}
\n \n \n \n
\n \n \n
\n \n \n \n
\n \n \n \n {userDetail && userDetail.memberProfile.totalRewardPoint >= _MIN_REWARD_CLAIM_AMOUNT && }\n \n {\n (_userData?.isCustomerService || _userData?.username.toUpperCase().includes(\"CM\")) &&\n \n }\n \n \n
\n {t('MEMBER_NOTES')}
\n\n
\n \n \n
\n \n {\n subCategory &&\n
;\n}\n\nexport default EghlServiceDetail;","import React, { useRef, useEffect, useState } from 'react';\nimport { Panel, PanelBody } from 'components/panel/panel.jsx';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { showResponseMessage, showMessage } from 'redux/AppAction.js';\nimport { AlertTypes, ApiKey, FilterStatus, Status, TransactionTypeId, Role, TransactionRequestStatus, FirebaseKey, TransactionType } from 'util/Constant.js';\nimport { ApiUrl, WebUrl } from '../../util/Constant';\nimport ApiEngine from '../../util/ApiEngine.js';\nimport { useTranslation } from 'react-i18next';\nimport { useForm } from 'react-hook-form';\nimport { stringIsNullOrEmpty, createMultiPartFormBody, navigateTo, ignoreDecimal, isObjectEmpty, printReceipt, numberWithCurrencyFormat } from \"../../util/Util\";\nimport SweetAlert from 'react-bootstrap-sweetalert';\nimport { useLocation, withRouter, useHistory } from \"react-router-dom\";\nimport EghlServiceDetail from '../../components/custom/EghlServiceDetail';\n\n/// \n 
\n
\n }\n {subCategory.ssc_name}
\n\n {\n serviceDetail ?\n
\n \n
\n :\n \n {\n serviceDetail.selection.map(i => {\n return { setSelectedServiceType(i); }}\n >\n {t(i.toUpperCase())}\n \n })\n }\n
\n \n {t(\"NO_DATA_FOUND\")}
\n }\n\n
\n \n eGHL Reload\n
\n {t(\"EGHL_LIMIT\")}: {numberWithCurrencyFormat(_eghlLimit)}\n\n
\n \n {\n currentServicePage != _CATEGORY_PAGE &&\n {\n if (currentServicePage == _SUBCATEGORY_PAGE) {\n setCurrentServicePage(_CATEGORY_PAGE);\n }\n else if (currentServicePage == _DETAIL_PAGE) {\n setCurrentServicePage(_SUBCATEGORY_PAGE);\n setSelectedSubCategory(null);\n }\n }}\n >\n {t(\"BACK\")}\n \n }\n
\n \n {\n currentServicePage == _CATEGORY_PAGE ?\n serviceCategories.map(i => {\n return
\n \n {\n geteGHLServicesSubCategory(i.id);\n }}\n className=\"btn btn-eghl-service\"\n >\n 
\n
\n })\n :\n currentServicePage == _SUBCATEGORY_PAGE ?\n serviceSubCategories.map(i => {\n return {i.sc_name}
\n \n \n {\n setSelectedSubCategory(i);\n setCurrentServicePage(_DETAIL_PAGE);\n }}\n className=\"btn btn-eghl-service\"\n >\n 
\n
\n })\n :\n currentServicePage == _DETAIL_PAGE ?\n {i.ssc_name}
\n \n {t(\"NO_DATA_FOUND\")}
\n }\n{t(\"CLAIM_CREDIT\")}
\n {passwordConfirmation &&\n\n \n
\n | {t(\"NO\")} | \n{t(\"PROMOTION_NAME\")} | \n{t(\"ENTITLED_AMOUNT\")} | \n{t(\"STATUS\")} | \n{t(\"CLAIMED_DATE\")} | \n{t(\"PERFORMED_BY\")} | \n{t(\"ACTION\")} | \n
|---|---|---|---|---|---|---|
| {index} | \n{bonus.promotionName} | \n{bonus.prizeValue.toFixed(2)} | \n{bonus.claimStatus ? 1 : 0} | \n{bonus.claimTime} | \n{bonus.performedByName} | \n{!bonus.claimStatus && \n } | \n
\n
\n );\n}\n\nexport default Search;","import React, { useState, useEffect } from 'react';\nimport { Panel, PanelBody } from '../../components/panel/panel';\nimport { showResponseMessage, showMessage } from '../../redux/AppAction';\nimport * as Util from '../../util/Util';\nimport { useTranslation } from 'react-i18next';\nimport { ApiKey, ApiUrl, AlertTypes, Status } from '../../util/Constant';\nimport ApiEngine from '../../util/ApiEngine';\nimport { useLocation } from \"react-router-dom\";\nimport { useForm } from 'react-hook-form';\nimport { useDispatch, useSelector } from 'react-redux';\nimport AccountStatusModal from '../../components/custom/AccountStatusModal';\n\nconst _BLOCK_ACTION = \"BLOCK_ACTION\";\nconst _DELETE_ACTION = \"DELETE_ACTION\";\n\n/// \n \n \n
\n \n \n \n
\n {t('SEARCH')}
\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 \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 \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 \n \n
\n \n \n \n {\n if (isConfirm) {\n playerOperation(accountDetail.vendorCode, accountDetail.playerUsername, accountDetail.selectedStatus,\n accountDetail.action, remark)\n }\n setAccountDetail({});\n }} />\n \n \n \n \n \n
\n );\n}\n\nexport default BlockPuk;","import React, { useRef, useState, useEffect } from 'react';\nimport { Panel, PanelBody } from '../../components/panel/panel';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { showResponseMessage, showMessage } from 'redux/AppAction.js';\nimport { AlertTypes, ApiKey, Status, ApiUrl, Role } from '../../util/Constant';\nimport ApiEngine from '../../util/ApiEngine.js';\nimport { useTranslation } from 'react-i18next';\nimport { useForm } from 'react-hook-form';\nimport { useLocation } from 'react-router-dom';\nimport { stringIsNullOrEmpty, createMultiPartFormBody, validatePhoneNumber } from \"../../util/Util\";\nimport IntlTelInput from 'react-intl-tel-input';\nimport 'react-intl-tel-input/dist/main.css';\n\n/// {t('BLOCK_DELETE_PUK')}
\n\n
\n );\n}\n\nexport default RegisterMember;","import React, { useRef, useState, useEffect } from 'react';\nimport { Panel, PanelBody } from '../../components/panel/panel';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { showResponseMessage, showMessage } from 'redux/AppAction.js';\nimport { AlertTypes, ApiKey, Status, ApiUrl, Role } from '../../util/Constant';\nimport ApiEngine from '../../util/ApiEngine.js';\nimport { useTranslation } from 'react-i18next';\nimport { useForm } from 'react-hook-form';\nimport { useLocation } from 'react-router-dom';\nimport { stringIsNullOrEmpty, getValidationMessage } from \"../../util/Util\";\nimport Select from \"react-select\";\n\n/// \n
\n \n \n
\n \n
\n );\n}\n\nexport default RegisterPlayer;","import React, { useState, useEffect } from \"react\";\nimport { Panel, PanelBody } from '../../components/panel/panel';\nimport DateTime from 'react-datetime';\nimport moment from 'moment';\nimport { useTranslation } from 'react-i18next';\nimport { useForm } from \"react-hook-form\";\nimport { ApiKey, ApiUrl, Role } from \"../../util/Constant\";\nimport { stringIsNullOrEmpty, arrayGroupByKey } from \"../../util/Util\";\nimport { setBusy, setIdle, showResponseMessage } from '../../redux/AppAction';\nimport ReactTable from '../../components/custom/ReactTable';\nimport ApiEngine from '../../util/ApiEngine.js';\nimport { useDispatch } from \"react-redux\";\nimport { Modal, ModalHeader, ModalBody, ModalFooter, UncontrolledButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';\n\n/// \n
\n \n \n
\n \n \n \n { viewCommissionDetail(row.original.id) }}>{t(\"VIEW_DETAIL\")} \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n style: { overflow: \"visible\" }\n }\n ];\n\n let _summaryTableColumns = [\n {\n Header: t(\"DATE\"),\n accessor: \"withdrawalDate\"\n },\n {\n Header: t(\"SHOP\"),\n accessor: \"shopName\"\n },\n {\n Header: t(\"WITHDRAWAL_AMOUNT\"),\n accessor: \"amount\"\n },\n {\n Header: t(\"PERCENTAGE\"),\n accessor: \"percentage\"\n },\n {\n Header: t(\"PROFIT\"),\n accessor: \"actualAmount\"\n }\n ]\n\n /// \n \n \n \n \n \n \n \n \n \n setShowSummary(false)} style={{ paddingBottom: \"100px\" }} className=\"modal-lg\" keyboard={true} >\n setShowSummary(false)}>{t(\"SUMMARY\")} \n \n \n \n \n \n \n
\n );\n}\n\nexport default ShopAgentCommissionReport;","import React, { useState, useEffect, useMemo } from \"react\";\nimport moment from 'moment';\nimport {\n Panel,\n PanelBody,\n} from \"../../components/panel/panel.jsx\";\nimport DateTime from 'react-datetime';\nimport { useTranslation } from 'react-i18next';\nimport ReactTable from \"../../components/custom/ReactTable\";\nimport { stringIsNullOrEmpty } from \"../../util/Util\";\nimport { useForm } from \"react-hook-form\";\nimport { ApiKey, ApiUrl, Role, AlertTypes, TransactionType, TopUpStatus } from \"../../util/Constant\";\nimport { UncontrolledButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem, Toast, ToastBody } from 'reactstrap';\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { showResponseMessage, showMessage } from '../../redux/AppAction';\nimport ApiEngine from '../../util/ApiEngine.js';\n\n/// {t('COMMISSION_REPORT')}
\n\n
\n \n
\n \n
\n \n \n \n {\n _dispatch(showMessage({\n content: t(\"VERIFY_PASSWORD_BEFORE_CONTINUE\"),\n showCancel: true,\n required: true,\n inputType: 'password',\n validationMsg: t('INVALID_PASSWORD'),\n confirmBtnText: t(\"CONFIRM\"),\n type: AlertTypes._INPUT,\n onConfirm: async (value) => {\n await verifyPassword(value, row.original, true);\n }\n }));\n }}>{t(\"APPROVE\")} \n {\n row.original.status != TopUpStatus._FAILED &&\n {\n _dispatch(showMessage({\n content: t(\"VERIFY_PASSWORD_BEFORE_CONTINUE\"),\n showCancel: true,\n required: true,\n inputType: 'password',\n validationMsg: t('INVALID_PASSWORD'),\n confirmBtnText: t(\"CONFIRM\"),\n type: AlertTypes._INPUT,\n onConfirm: async (value) => {\n await verifyPassword(value, row.original, false);\n }\n }));\n }}>{t(\"REJECT\")} \n }\n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n style: { overflow: \"visible\" }\n }\n ]\n\n /// \n \n \n \n \n \n \n \n {PaginationTable}\n \n \n \n \n {t('COPIED')}\n \n \n
\n )\n}\n\nexport default CreditTopupReport;","import React, { useState, useEffect, useMemo } from \"react\";\nimport moment from 'moment';\nimport {\n Panel,\n PanelBody,\n} from \"../../components/panel/panel.jsx\";\nimport DateTime from 'react-datetime';\nimport { useTranslation } from 'react-i18next';\nimport ReactTable from \"../../components/custom/ReactTable\";\nimport { stringIsNullOrEmpty } from \"../../util/Util\";\nimport { useForm } from \"react-hook-form\";\nimport { ApiKey, ApiUrl, Role, Status, AlertTypes } from \"../../util/Constant\";\n\n/// {t('TOP_UP_REPORT')} {(interfaceShop && interfaceShop['shopName']) ? `(${interfaceShop['shopName']} ${t('CURRENT_LIMIT')}: ${interfaceShop['credit'].toFixed(2)})` : \"\"}
\n\n \n \n \n \n \n \n \n {PaginationTable}\n \n \n
\n );\n}\n\nexport default CreditTrasnferReport;","import React, { useRef, useEffect, useState } from 'react';\nimport { Panel, PanelBody } from 'components/panel/panel.jsx';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { showResponseMessage, showMessage } from 'redux/AppAction.js';\nimport { AlertTypes, ApiKey, FilterStatus, WebUrl } from 'util/Constant.js';\nimport { ApiUrl, Status } from '../../util/Constant';\nimport ApiEngine from '../../util/ApiEngine.js';\nimport { useTranslation } from 'react-i18next';\nimport { useForm } from 'react-hook-form';\nimport { stringIsNullOrEmpty, createMultiPartFormBody, navigateTo, isObjectEmpty } from \"../../util/Util\";\nimport { useLocation, withRouter, useHistory } from \"react-router-dom\";\nimport AccountStatusModal from \"../../components/custom/AccountStatusModal\";\nimport ReloadDetailModal from 'components/custom/ReloadDetailModal';\nimport PasswordConfirmationModal from \"../../components/custom/PasswordConfirmationModal\";\nimport { getShopCredit } from 'redux/AuthAction';\nimport ScoreLogModal from '../../components/custom/ScoreLogModal';\nimport GameLogModal from '../../components/custom/GameLogModal';\n\n/// {t(\"CREDIT_TRANSFER_REPORT\")}
\n{t('RELOAD')} {selectedUsername}
\n\n
\n \n #
\n {t('PRODUCT')}
\n {/* {t('AMOUNT')}
*/}\n {t('RELOAD_MOBILE')}
\n \n \n \n { setViewModal(!viewModal); setViewData(row.original) }}>{t(\"VIEW\")} \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n style: { overflow: \"visible\" }\n }\n ]\n\n /// \n \n \n \n \n { setViewModal(!viewModal) }}>\n { setViewModal(!viewModal) }}>{viewData.title} \n \n \n \n \n \n \n
\n )\n}\n\nexport default Announcement;","import React, { useEffect, useState } from 'react';\nimport { useDispatch } from \"react-redux\";\nimport { WebUrl, ApiUrl, ApiKey } from '../../util/Constant';\nimport { stringIsNullOrEmpty, navigateTo } from '../../util/Util';\nimport { useTranslation } from 'react-i18next';\nimport { showResponseMessage } from \"../../redux/AppAction\";\nimport { useHistory } from \"react-router-dom\";\nimport QrScanner from 'react-qr-scanner'\nimport classNames from 'classnames';\n\n/// {t(\"MY_ANNOUNCEMENT\")}
\n\n
\n \n \n
\n \n
\n );\n};\n\nexport default QRScanner;\n","import React, { useState } from 'react';\nimport { Panel, PanelBody } from '../../components/panel/panel';\nimport { ApiKey, WebUrl, ApiUrl, AlertTypes, TransactionRequestStatus, TransactionTypeId, TransactionType, FirebaseKey } from '../../util/Constant';\nimport { isObjectEmpty, numberWithCurrencyFormat, stringIsNullOrEmpty } from '../../util/Util';\nimport ApiEngine from '../../util/ApiEngine';\nimport { useTranslation } from 'react-i18next';\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { useHistory } from \"react-router-dom\";\nimport { useForm } from \"react-hook-form\";\nimport { showMessage, showResponseMessage, disposeMessage } from 'redux/AppAction';\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\nimport QRScanner from './QrScanner';\nimport moment from 'moment';\nimport { initFirebaseTransactionRequestDatabase } from 'redux/FirebaseAction';\nimport { useEffect } from 'react';\n\n/// \n {\n isQrScannerFunctionable && !qrErrorMsg &&\n
\n \n
\n }\n {\n qrErrorMsg && \n \n
\n {qrErrorMsg}
\n }\n\n
\n );\n}\n\nexport default TransactionRequest;","import React, { useState, useEffect, useMemo } from \"react\";\nimport moment from 'moment';\nimport {\n Panel,\n PanelBody,\n} from \"./../../components/panel/panel.jsx\";\nimport DateTime from 'react-datetime';\nimport { useTranslation } from 'react-i18next';\nimport ReactTable from \"./../../components/custom/ReactTable\";\nimport { setBusy, setIdle } from './../../redux/AppAction';\nimport { ApiKey, ApiUrl, Role, CommonStatus } from \"./../../util/Constant\";\nimport { stringIsNullOrEmpty, numberWithCurrencyFormat } from \"./../../util/Util\";\nimport { showResponseMessage, showMessage } from '../../redux/AppAction';\nimport { useForm } from \"react-hook-form\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { UncontrolledButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';\nimport ApiEngine from '../../util/ApiEngine.js';\n\n/// \n {isObjectEmpty(requestDetail ?? {}) && \n \n
\n \n }\n { setRequestDetail({}) }} size=\"lg\">\n { setRequestDetail({}) }}> \n \n \n \n {(!_HIDE_SETTLE_BUTTON_ARRAY.includes(requestDetail.status)) && \n \n
\n {t('REQUEST')}
\n\n
\n
\n \n \n
\n \n OR\n
\n\n
\n \n
\n {t('REQUEST_DETAIL')} ({requestDetail.code})
\n
\n \n \n
\n \n {requestDetail.memberUsername}\n
\n \n
\n \n \n
\n \n {constructTransactionType(requestDetail.transactionTypeName)}\n
\n \n
\n \n \n
\n \n {numberWithCurrencyFormat(requestDetail.amount)}\n
\n \n
\n {requestDetail.transactionTypeId == TransactionTypeId._SET_SCORE && <>\n \n \n
\n \n {constructStatusBadge(requestDetail.status, requestDetail.statusString)}\n
\n \n
\n \n \n
\n \n {requestDetail.playerUsername}\n
\n \n
\n }\n \n \n
\n \n {requestDetail.playerVendor}\n
\n \n
\n {!stringIsNullOrEmpty(requestDetail.expiredTime) && \n \n
\n \n {moment(requestDetail.createdTime).format(\"YYYY-MM-DD HH:mm:ss\")}\n
\n \n
}\n \n \n
\n \n {moment(requestDetail.expiredTime).format(\"YYYY-MM-DD HH:mm:ss\")}\n
\n \n \n \n
}\n {moment(row.original.date).format(\"YYYY-MM-DD HH:mm:ss\")}
\n }\n },\n {\n Header: t(\"MANAGER\"),\n accessor: \"managerName\",\n disableSortBy: true\n },\n {\n Header: t(\"SHOP\"),\n accessor: \"shopName\",\n disableSortBy: true\n },\n {\n Header: t(\"SET_LIMIT\"),\n accessor: \"shopLimit\",\n disableSortBy: true,\n Cell: ({ value }) => {\n return numberWithCurrencyFormat(value);\n },\n },\n {\n Header: t(\"STATUS\"),\n accessor: \"status\",\n Cell: ({ row }) => {\n let rowValue = row.original;\n return rowValue.status == CommonStatus._PENDING_STATUS ? {t(rowValue.statusName)}\n : rowValue.status == CommonStatus._APPROVE_STATUS ? {t(rowValue.statusName)} : {t(rowValue.statusName)};\n },\n disableSortBy: true\n },\n {\n Header: t(\"ACTION\"),\n id: \"action\",\n Cell: ({ row }) => (\n (row.original.status == CommonStatus._PENDING_STATUS && _userData.userRoleId == Role._SHOP) &&\n \n \n \n {\n _dispatch(showMessage({\n title: t(\"ARE_YOU_SURE\"),\n content: t(\"APPROVE_SET_SHOP_LIMIT_REQUEST_CONFIRMATION\"),\n showCancel: true,\n onConfirm: async () => {\n await approveOrRejectLimitRequest(CommonStatus._APPROVE_STATUS);\n }\n }));\n }}>{t(\"APPROVE\")} \n {\n _dispatch(showMessage({\n title: t(\"ARE_YOU_SURE\"),\n content: t(\"REJECT_SET_SHOP_LIMIT_REQUEST_CONFIRMATION\"),\n showCancel: true,\n onConfirm: async () => {\n await approveOrRejectLimitRequest(CommonStatus._REJECT_STATUS);\n }\n }));\n }}>{t(\"REJECT\")} \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n style: { overflow: \"visible\" }\n }\n ]\n\n /// \n \n \n \n \n \n }\n \n \n {PaginationTable}\n \n \n
\n );\n};\n\nexport default ShopLimitApprovalReport;","import React, { useState, useEffect, useMemo } from 'react';\nimport { Panel, PanelHeader, PanelBody, PanelFooter } from 'components/panel/panel.jsx';\nimport { WebUrl, ApiKey, ApiUrl, AccessRight, AlertTypes } from '../../../util/Constant';\nimport * as Util from '../../../util/Util';\nimport ReactTable from '../../../components/custom/ReactTable';\nimport { UncontrolledButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';\nimport { useDispatch } from \"react-redux\";\nimport { setBusy, setIdle, showResponseMessage, showMessage } from \"../../../redux/AppAction\";\nimport { useTranslation } from 'react-i18next';\nimport { useHistory } from \"react-router-dom\";\nimport NavigationButton from '../../../components/custom/NavigationButton';\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport { checkIfPermissionExist } from \"../../../util/PermissionChecker\";\n\n/// {t(\"SHOP_LIMIT_APPROVAL_REPORT\")}
\n {\n _userData.userRoleId != Role._SHOP && \n{row.original.localizations.map((item) => { return item.value }).join(\" / \")}
\n }\n },\n {\n Header: \"RANKING\",\n accessor: \"ranking\",\n },\n {\n Header: \"DISPLAY_AT_DESKTOP\",\n accessor: \"displayAtDesktop\",\n Cell: ({ row }) => {\n return row.original.displayAtDesktop ? {t(\"DISPLAY\")} : {t(\"HIDE\")};\n }\n },\n {\n Header: \"STATUS\",\n accessor: \"status\",\n Cell: ({ row }) => {\n return row.original.status ? {t(\"ACTIVE\")} : {t(\"DISABLE\")};\n }\n },\n {\n Header: \"ACTION\",\n Cell: ({ row }) => (\n checkIfPermissionExist(AccessRight._GAME_VENDOR_CONTROL_PERMISSION, true) && \n \n \n {\n _history.push({\n pathname: WebUrl._URL_ADMIN_VENDOR_CATEGORY_DETAIL,\n state: { id: row.original.id }\n })\n }}>\n {t('EDIT_VENDOR_CATEGORY')}\n \n {\n onEditStatus(row.original.id, { \"status\": !row.original.status, name: JSON.stringify(row.original.localizations) })\n }}>\n {row.original.status ? t(\"DISABLE\") : t(\"ACTIVATE\")}\n \n {\n _dispatch(showMessage({\n type: AlertTypes._WARNING,\n title: t(\"ARE_YOU_SURE\"),\n content: t(\"ARE_YOU_SURE_YOU_WANT_TO_DELETE_THIS_VENDOR_CATEGORY\"),\n showCancel: true,\n onConfirm: () => {\n deleteVendorCategory(row.original.id)\n }\n }))\n }}>\n {t(\"DELETE\")}\n \n \n \n
\n ),\n disableSortBy: true,\n width: 100,\n style: { overflow: \"visible\" }\n }\n ], [vendorCategoryList]);\n\n /// \n \n \n
\n );\n}\n\nexport default ManageVendorCategory;","import React, { useState, useEffect, useMemo } from 'react';\nimport { Panel, PanelHeader, PanelBody, PanelFooter } from 'components/panel/panel.jsx';\nimport { WebUrl, ApiUrl, ApiKey, AlertTypes } from '../../../util/Constant';\nimport { stringIsNullOrEmpty, createMultiPartFormBody, getValidationMessage, navigateTo, createFormBody } from \"../../../util/Util\";\nimport ReactTable from '../../../components/custom/ReactTable';\nimport { UncontrolledButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';\nimport { useDispatch } from \"react-redux\";\nimport { setBusy, setIdle, showResponseMessage, showMessage } from \"../../../redux/AppAction\";\nimport { useTranslation } from 'react-i18next';\nimport { useHistory, useLocation } from \"react-router-dom\";\nimport NavigationButton from '../../../components/custom/NavigationButton';\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport { checkIfPermissionExist } from \"../../../util/PermissionChecker\";\nimport { useForm } from 'react-hook-form';\n\n/// \n
\n {t(\"MANAGE_VENDOR_CATEGORY\")}
\n {\n checkIfPermissionExist(AccessRight._GAME_VENDOR_CONTROL_PERMISSION, true) &&\n\n
\n \n \n \n
\n \n {_location.state ? t(\"EDIT_VENDOR_CATEGORY\") : t(\"CREATE_VENDOR_CATEGORY\")}
\n \n {t(\"VENDOR_CATEGORY_DETAIL\")} \n \n \n \n \n
\n );\n}\n\nexport default VendorCategoryDetail;","import React, { useState, useEffect } from 'react';\nimport { ApiKey, ApiUrl, AlertTypes, AccessRight } from '../../util/Constant';\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\nimport ApiEngine from '../../util/ApiEngine';\nimport { useTranslation } from 'react-i18next';\nimport { useForm } from \"react-hook-form\";\nimport { useDispatch } from 'react-redux';\nimport { stringIsNullOrEmpty, createMultiPartFormBody, createFormBody } from '../../util/Util';\nimport { checkIfPermissionExist } from \"../../util/PermissionChecker\";\nimport { setBusy, setIdle, showMessage } from \"../../redux/AppAction\";\n\n/// {_location.state ? t(\"EDIT_VENDOR_CATEGORY\") : t(\"CREATE_VENDOR_CATEGORY\")}
\n {row.original.localizations.map((item) => { return item.value }).join(\" / \")}
\n }\n },\n {\n Header: \"COLOR_CODE\",\n accessor: \"colorCode\",\n Cell: ({ row }) => {\n return \n \n \n {\n _history.push({\n pathname: WebUrl._URL_ADMIN_RANK_DETAIL,\n state: { id: row.original.id }\n })\n }}>\n {t('EDIT_RANK_DETAILS')}\n \n \n \n
\n ),\n disableSortBy: true,\n width: 100,\n style: { overflow: \"visible\" }\n }\n ], [rankList]);\n \n /// \n setIsRateModalVisible(false)}\n rankList={rankList}\n />\n \n \n
\n );\n}\n\nexport default ManageRank;","import React, { useState, useEffect, useMemo } from 'react';\nimport { Panel, PanelHeader, PanelBody, PanelFooter } from 'components/panel/panel.jsx';\nimport { WebUrl, ApiUrl, ApiKey, AlertTypes } from '../../../util/Constant';\nimport { stringIsNullOrEmpty, createMultiPartFormBody, getValidationMessage, navigateTo, createFormBody } from \"../../../util/Util\";\nimport { useDispatch } from \"react-redux\";\nimport { setBusy, setIdle, showResponseMessage, showMessage } from \"../../../redux/AppAction\";\nimport { useTranslation } from 'react-i18next';\nimport { useHistory, useLocation } from \"react-router-dom\";\nimport NavigationButton from '../../../components/custom/NavigationButton';\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport { useForm, Controller } from 'react-hook-form';\nimport Dropzone from 'react-dropzone';\n\n/// \n
\n {t(\"MANAGE_RANK\")}
\n {\n checkIfPermissionExist(AccessRight._RANK_CONTROL_PERMISSION, true) &&\n\n
\n }\n \n
\n \n \n \n
\n \n {_location.state ? t(\"EDIT_RANK\") : t(\"CREATE_RANK\")}
\n \n {t(\"RANK_DETAIL\")} \n \n \n \n \n
\n );\n}\n\nexport default RankDetail;","import React, { useState, useEffect, useMemo } from 'react';\nimport ReactTable from '../../../components/custom/ReactTable';\nimport { Panel, PanelBody } from '../../../components/panel/panel.jsx';\nimport NavigationButton from '../../../components/custom/NavigationButton';\nimport { UncontrolledButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';\nimport { useTranslation } from 'react-i18next';\nimport { useHistory } from \"react-router-dom\";\nimport { WebUrl, ApiKey, ApiUrl, AccessRight, Role, AlertTypes } from '../../../util/Constant';\nimport 'react-dual-listbox/lib/react-dual-listbox.css';\nimport { navigateTo, createMultiPartFormBody, createFormBody, stringIsNullOrEmpty, isObjectEmpty } from \"../../../util/Util\";\nimport { checkIfPermissionExist } from \"../../../util/PermissionChecker\";\nimport { useDispatch } from \"react-redux\";\nimport { showResponseMessage, showMessage } from \"../../../redux/AppAction\";\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport AttachShopModal from '../../../components/custom/AttachShopModal';\n\n/// {_location.state ? t(\"EDIT_RANK\") : t(\"CREATE_RANK\")}
\n {row.original.localizations.map((item) => { return item.value }).join(\" / \")}
\n }\n },\n {\n Header: \"STATUS\",\n accessor: \"status\",\n disableSortBy: true,\n Cell: ({ row }) => {\n return row.original.status ? {t(\"ACTIVE\")} : {t(\"DISABLE\")};\n }\n },\n {\n Header: \"ACTION\",\n Cell: ({ row }) => (\n checkIfPermissionExist(AccessRight._SYSTEM_SETTING_CONTROL_PERMISSION, true) && \n \n \n {\n _history.push({\n pathname: WebUrl._URL_NOTIFICATION_DETAILS,\n state: { id: row.original.id }\n })\n }}>\n {t('EDIT')}\n \n {\n onEditStatus(row.original.id, { \"status\": !row.original.status, name: JSON.stringify(row.original.localizations) })\n }}>\n {row.original.status ? t(\"DISABLE\") : t(\"ACTIVATE\")}\n \n {\n setSelectedNotification(row.original);\n toggleModal();\n }}>\n {t('ATTACH_SHOPS')}\n \n \n \n
\n ),\n disableSortBy: true,\n width: 100,\n style: { overflow: \"visible\" }\n }\n ], [notificationList]);\n\n /// \n \n \n {\n if (attachedShops) {\n onSubmitAttachShop(attachedShops);\n }\n else {\n toggleModal();\n }\n }} />\n
\n )\n}\n\nexport default ManageNotificationSettings;","import React, { useState, useEffect, useRef } from 'react';\nimport ReactTable from '../../../components/custom/ReactTable';\nimport NavigationButton from '../../../components/custom/NavigationButton';\nimport { Panel, PanelBody } from '../../../components/panel/panel.jsx';\nimport { UncontrolledButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\nimport Select from 'react-select';\nimport { useHistory, useLocation } from \"react-router-dom\";\nimport { WebUrl, SettingType, ApiKey, ApiUrl, LanguageKey, AlertTypes, NotificationTag } from '../../../util/Constant';\nimport { useForm } from \"react-hook-form\";\nimport { useDispatch } from \"react-redux\";\nimport { showResponseMessage, showMessage } from \"../../../redux/AppAction\";\nimport { createMultiPartFormBody, stringIsNullOrEmpty, navigateTo, createFormBody } from \"../../../util/Util\";\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport { useTranslation } from 'react-i18next';\n\n/// \n
\n {t(\"MANAGE_NOTIFICATION_SETTING\")}
\n {\n checkIfPermissionExist(AccessRight._SYSTEM_SETTING_CONTROL_PERMISSION, true) &&\n\n
\n \n \n \n
\n \n {_location.state ? t(\"EDIT_NOTIFICATION_TEMPLATE\") : t(\"CREATE_NOTIFICATION_TEMPLATE\")}
\n {\n reloadAgentCredit();\n }}\n onCancel={() => { setPasswordConfirmation(false); }} />\n }\n \n );\n};\n\nexport default SearchMemberModal;","import React from 'react';\nimport { PageSettings } from './config/page-settings.js';\nimport Header from './components/header/header.jsx';\nimport ShopHeader from './components/header/shop-header';\nimport Sidebar from './components/sidebar/sidebar.jsx';\nimport Content from './components/content/content.jsx';\nimport Footer from './components/footer/footer.jsx';\nimport SweetAlert from 'react-bootstrap-sweetalert';\nimport LoadingOverlay from 'react-loading-overlay';\nimport { connect } from \"react-redux\";\nimport { ApiKey, ApiUrl, LoginType, Role, SessionKey, WebUrl, Theme } from \"./util/Constant\";\nimport { updateLoginUser, resetLogin, performLogout } from \"./redux/AuthAction.js\";\nimport { fetch } from 'whatwg-fetch';\nimport classNames from 'classnames';\nimport { isObjectEmpty, stringIsNullOrEmpty } from './util/Util.js';\nimport SearchMemberModal from './components/custom/SearchMemberModal';\nimport EpayLogo from './assets/img/logo/epay.png';\n\nclass App extends React.Component {\n constructor(props) {\n super(props);\n\n this.toggleSidebarMinify = (e) => {\n e.preventDefault();\n if (this.state.pageSidebarMinify) {\n this.setState(state => ({\n pageFloatSubMenuActive: false\n }));\n }\n this.setState(state => ({\n pageSidebarMinify: !this.state.pageSidebarMinify\n }));\n }\n this.toggleMobileSidebar = (e) => {\n this.setState(state => ({\n pageSidebarToggled: !this.state.pageSidebarToggled\n }));\n }\n this.handleSetPageSidebar = (value) => {\n this.setState(state => ({\n pageSidebar: value\n }));\n }\n this.handleSetPageSidebarMinified = (value) => {\n this.setState(state => ({\n pageSidebarMinify: value\n }));\n }\n this.handleSetPageSidebarWide = (value) => {\n this.setState(state => ({\n pageSidebarWide: value\n }));\n }\n this.handleSetPageSidebarLight = (value) => {\n this.setState(state => ({\n pageSidebarLight: value\n }));\n }\n this.handleSetPageSidebarTransparent = (value) => {\n this.setState(state => ({\n pageSidebarTransparent: value\n }));\n }\n this.handleSetPageSidebarSearch = (value) => {\n this.setState(state => ({\n pageSidebarSearch: value\n }));\n }\n\n this.toggleRightSidebar = (e) => {\n e.preventDefault();\n this.setState(state => ({\n pageRightSidebarCollapsed: !this.state.pageRightSidebarCollapsed\n }));\n }\n this.toggleMobileRightSidebar = (e) => {\n e.preventDefault();\n this.setState(state => ({\n pageMobileRightSidebarToggled: !this.state.pageMobileRightSidebarToggled\n }));\n }\n this.handleSetPageRightSidebar = (value) => {\n this.setState(state => ({\n pageRightSidebar: value\n }));\n }\n\n var floatSubMenuRemove;\n var floatSubMenuCalculate;\n var floatSubMenuRemoveTime = 250;\n this.handleFloatSubMenuOnMouseOver = (e) => {\n clearTimeout(floatSubMenuRemove);\n clearTimeout(floatSubMenuCalculate);\n }\n this.handleFloatSubMenuOnMouseOut = (e) => {\n floatSubMenuRemove = setTimeout(() => {\n this.setState(state => ({\n pageFloatSubMenuActive: false\n }));\n }, floatSubMenuRemoveTime);\n }\n this.handleSidebarOnMouseOver = (e, menu) => {\n if (this.state.pageSidebarMinify) {\n if (menu.children) {\n var left = (document.getElementById('sidebar').offsetWidth + document.getElementById('sidebar').offsetLeft) + 'px';\n\n clearTimeout(floatSubMenuRemove);\n clearTimeout(floatSubMenuCalculate);\n\n this.setState(state => ({\n pageFloatSubMenu: menu,\n pageFloatSubMenuActive: true,\n pageFloatSubMenuLeft: left\n }));\n\n var offset = e.currentTarget.offsetParent.getBoundingClientRect();\n\n floatSubMenuCalculate = setTimeout(() => {\n var targetTop = offset.top;\n var windowHeight = window.innerHeight;\n var targetHeight = document.querySelector('.float-sub-menu-container').offsetHeight;\n var top, bottom, arrowTop, arrowBottom, lineTop, lineBottom;\n\n if ((windowHeight - targetTop) > targetHeight) {\n top = offset.top + 'px';\n bottom = 'auto';\n arrowTop = '20px';\n arrowBottom = 'auto';\n lineTop = '20px';\n lineBottom = 'auto';\n } else {\n var aBottom = (windowHeight - targetTop) - 21;\n top = 'auto';\n bottom = '0';\n arrowTop = 'auto';\n arrowBottom = aBottom + 'px';\n lineTop = '20px';\n lineBottom = aBottom + 'px';\n }\n\n this.setState(state => ({\n pageFloatSubMenuTop: top,\n pageFloatSubMenuBottom: bottom,\n pageFloatSubMenuLineTop: lineTop,\n pageFloatSubMenuLineBottom: lineBottom,\n pageFloatSubMenuArrowTop: arrowTop,\n pageFloatSubMenuArrowBottom: arrowBottom,\n pageFloatSubMenuOffset: offset\n }));\n }, 0);\n\n } else {\n floatSubMenuRemove = setTimeout(() => {\n this.setState(state => ({\n pageFloatSubMenu: '',\n pageFloatSubMenuActive: false\n }));\n }, floatSubMenuRemoveTime);\n }\n }\n }\n this.handleSidebarOnMouseOut = (e) => {\n if (this.state.pageSidebarMinify) {\n floatSubMenuRemove = setTimeout(() => {\n this.setState(state => ({\n pageFloatSubMenuActive: false\n }));\n }, floatSubMenuRemoveTime);\n }\n }\n this.handleFloatSubMenuClick = () => {\n if (this.state.pageSidebarMinify) {\n const windowHeight = window.innerHeight;\n const targetHeight = document.getElementById('float-sub-menu').offsetHeight;\n const targetTop = this.state.pageFloatSubMenuOffset.top;\n const top = ((windowHeight - targetTop) > targetHeight) ? targetTop : 'auto';\n const left = (this.state.pageFloatSubMenuOffset.left + document.getElementById('sidebar').offsetWidth) + 'px';\n const bottom = ((windowHeight - targetTop) > targetHeight) ? 'auto' : '0';\n const arrowTop = ((windowHeight - targetTop) > targetHeight) ? '20px' : 'auto';\n const arrowBottom = ((windowHeight - targetTop) > targetHeight) ? 'auto' : ((windowHeight - targetTop) - 21) + 'px';\n const lineTop = ((windowHeight - targetTop) > targetHeight) ? '20px' : 'auto';\n const lineBottom = ((windowHeight - targetTop) > targetHeight) ? 'auto' : ((windowHeight - targetTop) - 21) + 'px';\n\n this.setState(state => ({\n pageFloatSubMenuTop: top,\n pageFloatSubMenuLeft: left,\n pageFloatSubMenuBottom: bottom,\n pageFloatSubMenuLineTop: lineTop,\n pageFloatSubMenuLineBottom: lineBottom,\n pageFloatSubMenuArrowTop: arrowTop,\n pageFloatSubMenuArrowBottom: arrowBottom\n }));\n }\n }\n\n this.handleSetPageContent = (value) => {\n this.setState(state => ({\n pageContent: value\n }));\n }\n this.handleSetPageContentClass = (value) => {\n this.setState(state => ({\n pageContentClass: value\n }));\n }\n this.handleSetPageContentFullHeight = (value) => {\n this.setState(state => ({\n pageContentFullHeight: value\n }));\n }\n this.handleSetPageContentFullWidth = (value) => {\n this.setState(state => ({\n pageContentFullWidth: value\n }));\n }\n this.handleSetPageContentInverseMode = (value) => {\n this.setState(state => ({\n pageContentInverseMode: value\n }));\n }\n\n this.handleSetPageHeader = (value) => {\n this.setState(state => ({\n pageHeader: value\n }));\n }\n this.handleSetPageHeaderMegaMenu = (value) => {\n this.setState(state => ({\n pageHeaderMegaMenu: value\n }));\n }\n this.handleSetPageHeaderLanguageBar = (value) => {\n this.setState(state => ({\n pageHeaderLanguageBar: value\n }));\n }\n\n this.handleSetPageFooter = (value) => {\n this.setState(state => ({\n pageFooter: value\n }));\n }\n this.handleSetPageTopMenu = (value) => {\n this.setState(state => ({\n pageTopMenu: value\n }));\n }\n this.toggleMobileTopMenu = (e) => {\n e.preventDefault();\n this.setState(state => ({\n pageMobileTopMenu: !this.state.pageMobileTopMenu\n }));\n }\n this.handleSetPageTwoSidebar = (value) => {\n this.setState(state => ({\n pageTwoSidebar: value\n }));\n }\n this.handleSetPageBoxedLayout = (value) => {\n if (value === true) {\n document.body.classList.add('boxed-layout');\n } else {\n document.body.classList.remove('boxed-layout');\n }\n }\n this.handleSetBodyWhiteBg = (value) => {\n if (value === true) {\n document.body.classList.add('bg-white');\n } else {\n document.body.classList.remove('bg-white');\n }\n }\n\n this.state = {\n pageHeader: true,\n pageheaderMegaMenu: false,\n pageHeaderLanguageBar: true,\n handleSetPageHeader: this.handleSetPageHeader,\n handleSetPageHeaderLanguageBar: this.handleSetPageHeaderLanguageBar,\n handleSetPageHeaderMegaMenu: this.handleSetPageHeaderMegaMenu,\n\n pageSidebar: true,\n pageSidebarWide: false,\n pageSidebarLight: false,\n pageSidebarMinify: false,\n pageSidebarToggled: false,\n pageSidebarTransparent: false,\n pageSidebarSearch: false,\n handleSetPageSidebar: this.handleSetPageSidebar,\n handleSetPageSidebarWide: this.handleSetPageSidebarWide,\n handleSetPageSidebarLight: this.handleSetPageSidebarLight,\n handleSetPageSidebarMinified: this.handleSetPageSidebarMinified,\n handleSetPageSidebarTransparent: this.handleSetPageSidebarTransparent,\n handleSetPageSidebarSearch: this.handleSetPageSidebarSearch,\n handleSidebarOnMouseOut: this.handleSidebarOnMouseOut,\n handleSidebarOnMouseOver: this.handleSidebarOnMouseOver,\n toggleSidebarMinify: this.toggleSidebarMinify,\n toggleMobileSidebar: this.toggleMobileSidebar,\n\n pageFloatSubMenuActive: false,\n pageFloatSubMenu: '',\n pageFloatSubMenuTop: 'auto',\n pageFloatSubMenuLeft: 'auto',\n pageFloatSubMenuBottom: 'auto',\n pageFloatSubMenuLineTop: 'auto',\n pageFloatSubMenuLineBottom: 'auto',\n pageFloatSubMenuArrowTop: 'auto',\n pageFloatSubMenuArrowBottom: 'auto',\n pageFloatSubMenuOffset: '',\n handleFloatSubMenuOnMouseOver: this.handleFloatSubMenuOnMouseOver,\n handleFloatSubMenuOnMouseOut: this.handleFloatSubMenuOnMouseOut,\n handleFloatSubMenuClick: this.handleFloatSubMenuClick,\n\n pageContent: true,\n pageContentClass: '',\n pageContentFullHeight: false,\n pageContentFullWidth: false,\n pageContentInverseMode: false,\n handleSetPageContent: this.handleSetPageContent,\n handleSetPageContentClass: this.handleSetPageContentClass,\n handleSetPageContentFullHeight: this.handleSetPageContentFullHeight,\n handleSetPageContentFullWidth: this.handleSetPageContentFullWidth,\n handleSetPageContentInverseMode: this.handleSetPageContentInverseMode,\n\n pageFooter: false,\n handleSetPageFooter: this.handleSetPageFooter,\n error: null,\n errorInfo: null,\n\n pageTopMenu: false,\n pageMobileTopMenu: false,\n toggleMobileTopMenu: this.toggleMobileTopMenu,\n handleSetPageTopMenu: this.handleSetPageTopMenu,\n\n pageTwoSidebar: false,\n handleSetPageTwoSidebar: this.handleSetPageTwoSidebar,\n\n pageRightSidebar: false,\n pageRightSidebarToggled: true,\n pageMobileRightSidebarToggled: false,\n toggleRightSidebar: this.toggleRightSidebar,\n toggleMobileRightSidebar: this.toggleMobileRightSidebar,\n handleSetPageRightSidebar: this.handleSetPageRightSidebar,\n\n handleSetBodyWhiteBg: this.handleSetBodyWhiteBg,\n handleSetPageBoxedLayout: this.handleSetPageBoxedLayout\n };\n }\n\n /// \n /// Author: Yong Sheng Chuan\n /// \n componentDidMount() {\n const HEART_BEAT_INTERVAL = 2000;\n\n if (localStorage.getItem(SessionKey._LOGIN_GUID)) {\n sessionStorage.setItem(SessionKey._LOGIN_GUID, localStorage.getItem(SessionKey._LOGIN_GUID));\n }\n\n setInterval(function () {\n var localGuid = localStorage.getItem(SessionKey._LOGIN_GUID);\n var sessionGuid = sessionStorage.getItem(SessionKey._LOGIN_GUID);\n\n if (localGuid != sessionGuid && localGuid != null && localGuid != 'null' && sessionGuid != null && sessionGuid != 'null') {\n sessionStorage.setItem(SessionKey._LOGIN_GUID, localGuid);\n window.location.href = WebUrl._URL_MAIN;\n }\n }, HEART_BEAT_INTERVAL);\n\n fetch(ApiUrl._API_IS_LOGGED_IN, {\n method: ApiKey._API_GET,\n headers: {\n \"Accept\": ApiKey._API_APPLICATION_JSON,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY\n }\n }).then((response) => response.json()).then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n this.props.updateLoginUser(responseJson[ApiKey._API_DATA_KEY]);\n }\n else {\n this.props.resetLogin();\n }\n });\n }\n\n /// \n /// Author: Yong Sheng Chuan\n /// Edited: CK - Get shop credit limit\n /// \n componentDidUpdate() {\n try {\n if (this.props.authState.userData.loginType == LoginType._LOGIN_TYPE_SHOP) {\n document.body.classList.add('shop-layout');\n }\n else {\n document.body.classList.remove('shop-layout');\n }\n }\n catch (error) {\n // do nothing\n }\n }\n\n /// \n /// Author: Yong Sheng Chuan\n /// \n componentDidCatch(error, errorInfo) {\n this.setState({\n error: error,\n errorInfo: errorInfo\n })\n }\n\n render() {\n if (this.state.errorInfo) {\n return (\n \n \n {!stringIsNullOrEmpty(this.props.appState.alert.content) && (this.props.appState.alert.html ? this.props.appState.alert.content : this.props.appState.alert.content.split('\\n').map((item, key) => {\n return {item}
\n }))}\n \n \n }\n {this.props.authState.loginStateInitialized && this.props.authState.isLoggedIn && this.props.authState.userData.userRoleId == Role._SHOP &&\n \n }\n {\n this.props.memberState.isModalVisible && this.props.authState.userData.userRoleId == Role._SHOP &&\n \n )\n }\n }\n}\n\nconst mapStateToProps = state => ({\n ...state,\n});\n\nexport default connect(\n mapStateToProps,\n {\n updateLoginUser: updateLoginUser,\n resetLogin: resetLogin,\n performLogout: performLogout\n }\n)(App);","import 'react-app-polyfill/ie11';\nimport 'react-app-polyfill/stable';\n\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport store from \"./ApplicationStore.js\";\nimport App from './app.jsx';\nimport { BrowserRouter } from 'react-router-dom';\nimport { Provider } from \"react-redux\";\nimport './localization/i18n.js';\n\n// css\nimport 'bootstrap/dist/css/bootstrap.css';\nimport '@fortawesome/fontawesome-free/css/all.min.css';\nimport 'react-quill/dist/quill.snow.css';\nimport 'codemirror/lib/codemirror.css';\nimport 'codemirror/theme/material.css';\nimport 'simple-line-icons/css/simple-line-icons.css';\nimport 'flag-icon-css/css/flag-icon.min.css';\nimport 'react-perfect-scrollbar/dist/css/styles.css';\nimport './index.css';\nimport './scss/react.scss';\nimport 'bootstrap-social/bootstrap-social.css';\nimport 'bootstrap-daterangepicker/daterangepicker.css';\nimport 'react-datetime/css/react-datetime.css';\nimport \"react-datepicker/dist/react-datepicker.css\";\n\n//js\nimport 'jquery/dist/jquery.min.js'\nimport 'bootstrap/dist/js/bootstrap.min.js'\n\n// ========================================\n\nimport { Theme } from '../src/util/Constant';\n\nconst EpayTheme = React.lazy(() => import('../src/components/theme/Epay'));\nconst OrenTheme = React.lazy(() => import('../src/components/theme/Oren'));\nconst MantapTheme = React.lazy(() => import('../src/components/theme/Mantap'));\n\n/// \n/// Author: YJ\n/// \nconst PortalTheme = ({ children }) => {\n const CHOSEN_THEME = process.env.REACT_APP_NAME;\n return (\n <>\n }>\n {(CHOSEN_THEME === Theme._EPAY) && \n {children}\n \n )\n}\n\nReactDOM.render(\n \n \n \n \n \n ,\n document.getElementById('root')\n);"],"sourceRoot":""}
{_location.state ? t(\"EDIT_NOTIFICATION_TEMPLATE\") : t(\"CREATE_NOTIFICATION_TEMPLATE\")}
\n \n \n/// Author: Wind\n/// \nconst ShopFeedbackReport = props => {\n const { t } = useTranslation();\n const { setValue, errors } = useForm();\n const [apiUrl, setApiUrl] = useState('');\n const [startDate, setStartDate] = useState(moment().startOf('month').format(\"YYYY-MM-DD HH:mm:ss\"));\n const [endDate, setEndDate] = useState(moment().endOf('day').format(\"YYYY-MM-DD HH:mm:ss\"));\n const [index, setIndex] = useState('');\n const [postData, setPostData] = useState({});\n\n /// \n /// Author: Wind\n /// \n let _feedbackColumns = [\n {\n Header: \"No\",\n accessor: \"index\",\n filterable: false,\n disableSortBy: true,\n width: 20\n },\n {\n Header: \"SHOP\",\n disableSortBy: true,\n Cell: ({ row }) => {\n let rowDetail = row.original;\n\n return \n /// Author: Wind\n /// \n useEffect(() => {\n (async () => {\n applyFilter();\n })();\n }, []);\n\n /// \n /// Author : Wind\n /// \n async function applyFilter() {\n var params = {\n \"StartDate\": startDate,\n \"EndDate\": endDate,\n \"v\": moment.now()\n }\n\n if (!stringIsNullOrEmpty(index)) {\n params[\"Index\"] = parseInt(index);\n }\n\n setPostData(params);\n setApiUrl(ApiUrl._API_SHOP_FEEDBACK);\n }\n\n /// \n /// Author : Wind\n /// \n const PaginationTable = useMemo(() => \n/// Author: Wind\n/// \nconst ManageBanner = props => {\n const { t } = useTranslation();\n var _dispatch = useDispatch();\n let _history = useHistory();\n const { setValue, errors } = useForm();\n const [apiUrl, setApiUrl] = useState('');\n const [searchTerm, setSearchTerm] = useState('');\n const [startDate, setStartDate] = useState(moment().startOf('day').format(\"YYYY-MM-DD HH:mm:ss\"));\n const [endDate, setEndDate] = useState(moment().format(\"YYYY-MM-DD HH:mm:ss\"));\n\n /// \n /// Author: Wind\n /// \n let _bannerColumns = [\n {\n Header: \"No\",\n id: \"row\",\n filterable: false,\n Cell: ({ row }) => {\n return 
: \n }\n },\n {\n Header: \"START_DATE\",\n accessor: \"startDate\",\n disableSortBy: true,\n Cell: ({ row }) => {\n return \n /// Author: Wind\n /// \n useEffect(() => {\n setApiUrl(ApiUrl._API_BANNER + '?StartDate=' + startDate + \"&endDate=\" + endDate);\n }, []);\n\n /// \n /// Author: Wind\n /// \n async function deleteBanner(id) {\n var responseJson = await ApiEngine.delete(ApiUrl._API_BANNER + \"/\" + id);\n\n _dispatch(showMessage({\n type: responseJson[ApiKey._API_SUCCESS_KEY] ? AlertTypes._SUCCESS : AlertTypes._ERROR,\n content: t(responseJson[ApiKey._API_MESSAGE_KEY]),\n onConfirm: () => responseJson[ApiKey._API_SUCCESS_KEY] && applyFilter()\n }));\n }\n\n /// \n /// Author : Wind\n /// \n async function applyFilter() {\n setApiUrl(ApiUrl._API_BANNER + '?StartDate=' + startDate + \"&endDate=\" + endDate +\n \"&searchTerm=\" + searchTerm + \"&v=\" + moment.now());\n }\n\n /// \n /// Author : Wind\n /// \n const PaginationTable = useMemo(() => \n/// Author: Wind\n/// \nconst BannerDetail = props => {\n const { t, i18n } = useTranslation();\n let _history = useHistory();\n var _dispatch = useDispatch();\n var _location = useLocation();\n const { register, handleSubmit, errors, setValue, watch } = useForm();\n const [supportedLanguage, setSupportedLanguage] = useState([]);\n const [selectedShop, setSelectedShop] = useState([]);\n const [shopOption, setShopOption] = useState([]);\n const [dayOfWeek, setDayOfWeek] = useState([1, 2, 3, 4, 5, 6, 0]);\n\n /// \n /// Author: Wind\n /// \n useEffect(() => {\n register({ name: 'startDate' }, { required: \"PLEASE_ENTER_START_DATE\" });\n register({ name: 'endDate' }, { required: \"PLEASE_ENTER_END_DATE\" });\n register({ name: 'status' });\n\n setValue('startDate', moment().startOf('day').format(\"YYYY-MM-DD HH:mm:ss\"));\n setValue('endDate', moment().endOf('month').format(\"YYYY-MM-DD HH:mm:ss\"));\n setValue('status', true);\n\n (async () => {\n var languageList = [];\n var langResponseJson = await ApiEngine.get(ApiUrl._API_GET_SUPPORTED_LANGUAGE);\n if (langResponseJson[ApiKey._API_SUCCESS_KEY]) {\n languageList = langResponseJson[ApiKey._API_DATA_KEY].map(item => ({ ...item, file: {}, preview: null }));\n }\n\n var shopResponseJson = await ApiEngine.get(ApiUrl._API_GET_SHOPS + \"?RoleId=\" + Role._SHOP);\n\n if (shopResponseJson[ApiKey._API_SUCCESS_KEY]) {\n var shopListByRegion = arrayGroupByKey(shopResponseJson[ApiKey._API_DATA_KEY], \"regionName\");\n var shopOptionsByRegion = [];\n\n for (var key in shopListByRegion) {\n var shopList = [];\n\n shopListByRegion[key].map(shop => {\n shopList.push({ label: shop.username + \" (\" + shop.shopName + \")\", value: shop.id });\n });\n\n shopOptionsByRegion.push({\n label: key,\n value: key,\n options: shopList\n })\n }\n\n setShopOption(shopOptionsByRegion);\n }\n\n if (_location.state && _location.state.id) {\n var responseJson = await ApiEngine.get(ApiUrl._API_BANNER + \"/\" + _location.state.id);\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setValue(\"startDate\", moment(responseJson[ApiKey._API_DATA_KEY].startDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n setValue(\"endDate\", moment(responseJson[ApiKey._API_DATA_KEY].endDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n setValue(\"cta\", responseJson[ApiKey._API_DATA_KEY].cta);\n setValue(\"status\", responseJson[ApiKey._API_DATA_KEY].status == Status._ENABLED ? true : false);\n setValue(\"bannerType\", responseJson[ApiKey._API_DATA_KEY].bannerType);\n setSelectedShop(responseJson[ApiKey._API_DATA_KEY].bannerShops?.map(s => s.userId));\n languageList = languageList.map(item => ({\n ...item, title: responseJson[ApiKey._API_DATA_KEY].titleLocalizations.find(l => l.languageId == item.id).value,\n description: responseJson[ApiKey._API_DATA_KEY].descriptionLocalizations.find(l => l.languageId == item.id).value,\n preview: responseJson[ApiKey._API_DATA_KEY].imageLocalizations.find(l => l.languageId == item.id).value\n }));\n\n if(responseJson[ApiKey._API_DATA_KEY].frequency != -1){\n responseJson[ApiKey._API_DATA_KEY].frequency.split(\",\").map((f) => {\n setValue(`frequency.${f}`, f);\n });\n }\n }\n }\n\n setSupportedLanguage(languageList);\n })();\n }, []);\n\n /// \n /// Author : Wind\n /// \n const updateImage = (acceptedFiles, id) => {\n let newItem = [...supportedLanguage];\n let index = newItem.findIndex(i => i.id == id);\n\n if (acceptedFiles.length != 0) {\n const file = acceptedFiles[0];\n const reader = new FileReader();\n\n newItem[index].file = file;\n\n reader.onloadend = () => {\n newItem[index].preview = reader.result;\n setSupportedLanguage(newItem);\n }\n\n reader.readAsDataURL(file);\n }\n else {\n newItem[index].preview = null;\n newItem[index].file = {};\n setSupportedLanguage(newItem);\n }\n }\n\n /// \n /// Author: Wind\n /// \n const submitForm = async (data, e) => {\n var responseJson;\n\n let frequencyArr = data.frequency.filter(d => d !== false);\n\n let params = {\n title: JSON.stringify(supportedLanguage.map(item => ({ languageId: item.id, value: data[`${item.id}_title`] }))),\n description: JSON.stringify(supportedLanguage.map(item => ({ languageId: item.id, value: data[`${item.id}_description`] }))),\n startDate: data.startDate,\n endDate: data.endDate,\n cta: data.cta,\n status: data.status ? Status._ENABLED : Status._DISABLED,\n shopIds: selectedShop,\n bannerType: data.bannerType,\n frequency: frequencyArr.length > 0 ? frequencyArr : -1\n }\n\n for (var i = 0; i < supportedLanguage.length; i++) {\n if (stringIsNullOrEmpty(supportedLanguage[i][\"preview\"])) {\n _dispatch(showMessage({\n type: AlertTypes._ERROR,\n content: t(\"PLEASE_UPLOAD_BANNER_IMAGE\") + ' (' + supportedLanguage[i]['name'] + ')'\n }));\n return;\n }\n params[`${supportedLanguage[i][\"id\"]}`] = supportedLanguage[i][\"file\"];\n }\n\n if (_location.state && _location.state.id) {\n responseJson = await ApiEngine.put(ApiUrl._API_BANNER + '/' + _location.state.id, createMultiPartFormBody(params));\n }\n else {\n responseJson = await ApiEngine.post(ApiUrl._API_BANNER, createMultiPartFormBody(params));\n }\n\n _dispatch(showMessage({\n type: responseJson[ApiKey._API_SUCCESS_KEY] ? AlertTypes._SUCCESS : AlertTypes._ERROR,\n content: t(responseJson[ApiKey._API_MESSAGE_KEY]),\n onConfirm: () => responseJson[ApiKey._API_SUCCESS_KEY] && navigateTo(_history, WebUrl._URL_ADMIN_MANAGE_BANNER)\n }));\n }\n\n return (\n \n/// Author: Wind\n/// \nconst MemberEcreditTransferLog = props => {\n const { t } = useTranslation();\n const { setValue, errors } = useForm();\n const [apiUrl, setApiUrl] = useState('');\n const [startDate, setStartDate] = useState(moment().startOf('day').format(\"YYYY-MM-DD HH:mm:ss\"));\n const [endDate, setEndDate] = useState(moment().format(\"YYYY-MM-DD HH:mm:ss\"));\n const [sender, setSender] = useState('');\n const [receiver, setRecevier] = useState('');\n\n /// \n /// Author: Wind\n /// \n let _eCreditLog = [\n {\n Header: \"DATE\",\n accessor: \"updatedTime\",\n disableSortBy: true,\n Cell: ({ row }) => {\n return \n /// Author : Wind\n /// \n async function applyFilter() {\n setApiUrl(ApiUrl._API_GET_ECREDIT_LOG + '?FromUsername=' + sender + '&ToUsername=' + receiver +\n '&StartDate=' + startDate + '&EndDate=' + endDate + '&v=' + moment.now());\n }\n\n /// \n /// Author : Wind\n /// \n const PaginationTable = useMemo(() => \n/// Author: Wind\n/// \nconst RegionEcreditTransferLog = props => {\n const { t } = useTranslation();\n const { setValue, errors } = useForm();\n const [apiUrl, setApiUrl] = useState('');\n const [startDate, setStartDate] = useState(moment().startOf('day').format(\"YYYY-MM-DD HH:mm:ss\"));\n const [endDate, setEndDate] = useState(moment().format(\"YYYY-MM-DD HH:mm:ss\"));\n const [regionOption, setRegionOption] = useState();\n const [fromRegion, setFromRegion] = useState('');\n const [toRegion, setToRegion] = useState('');\n const [targetRegion, setTargetRegion] = useState('');\n const [eCreditLog, setECreditLog] = useState([]);\n const _EMPTY_STATE = -1;\n\n /// \n /// Author: Wind\n /// \n let _eCreditLog = [\n {\n Header: \"FROM_REGION\",\n accessor: \"fromRegionName\",\n disableSortBy: true,\n Footer: () => {\n return {t('TOTAL')}: \n },\n },\n {\n Header: \"AMOUNT\",\n accessor: \"totalAmount\",\n Cell: ({ row }) => {\n return {numberWithCurrencyFormat(row.original.totalAmount)};\n },\n disableSortBy: true,\n Footer: ({ page }) => {\n const totalAmount = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.totalAmount);\n }, 0);\n\n return {numberWithCurrencyFormat(totalAmount)}\n },\n },\n {\n Header: \"PROCESSING_FEE\",\n accessor: \"processingFee\",\n Cell: ({ row }) => {\n return {numberWithCurrencyFormat(row.original.processingFee)};\n },\n disableSortBy: true,\n Footer: ({ page }) => {\n const processingFee = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.processingFee);\n }, 0);\n\n return {numberWithCurrencyFormat(processingFee)}\n },\n },\n {\n Header: \"TO_REGION\",\n accessor: \"toRegionName\",\n disableSortBy: true\n }\n ];\n\n /// \n /// Author: Wind\n /// \n useEffect(() => {\n (async () => {\n var regionJsonResult = await ApiEngine.get(ApiUrl._API_GET_REGION);\n\n if (regionJsonResult[ApiKey._API_SUCCESS_KEY]) {\n var availableRegions = [];\n\n availableRegions.push({\n label: '',\n value: _EMPTY_STATE\n });\n\n regionJsonResult[ApiKey._API_DATA_KEY].map((region) => {\n availableRegions.push({\n label: region['name'],\n value: region['id']\n });\n });\n\n setRegionOption(availableRegions);\n }\n })();\n }, []);\n\n /// \n /// Author : Wind\n /// \n async function applyFilter() {\n var responseJson = await ApiEngine.get(ApiUrl._API_GET_ECREDIT_LOG + '?IsSummary=true&FromRegion=' + (fromRegion != _EMPTY_STATE ? fromRegion : '') +\n '&ToRegion=' + (toRegion != _EMPTY_STATE ? toRegion : '') +\n '&TargetRegion=' + (targetRegion != _EMPTY_STATE ? targetRegion : '') +\n '&StartDate=' + startDate + '&EndDate=' + endDate);\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setECreditLog(responseJson[ApiKey._API_DATA_KEY]);\n }\n }\n\n return (\n \n/// Author: Wind\n/// \nconst UserActionLog = props => {\n const { t, i18n } = useTranslation();\n const _dispatch = useDispatch();\n const { register, handleSubmit, errors, unregister, setValue } = useForm();\n let { search } = useLocation();\n const _query = new URLSearchParams(search);\n const _USERNAME = _query.get('username');\n const [logUrl, setLogUrl] = useState('');\n const [startDate, setStartDate] = useState(moment().format(\"YYYY-MM-DD\"));\n const [endDate, setEndDate] = useState(moment().format(\"YYYY-MM-DD\"));\n\n let _operationLogTableColumns = [\n {\n Header: t(\"MODIFIED_DATE\"),\n accessor: \"createdTime\",\n disableSortBy: true,\n width: 100\n },\n {\n Header: t(\"ACTION\"),\n accessor: \"actionKey\",\n disableSortBy: true,\n width: '10%'\n },\n {\n Header: t(\"VALUE\"),\n accessor: \"value\",\n disableSortBy: true,\n style: {\n wordBreak: 'break-word'\n },\n minWidth: 350,\n width: 350\n },\n {\n Header: t(\"OPERATED_BY\"),\n accessor: \"createdByName\",\n disableSortBy: true,\n width: 50\n },\n {\n Header: t(\"IP_ADDRESS\"),\n accessor: \"ipAddress\",\n disableSortBy: true,\n width: 50\n },\n ];\n\n /// \n /// Author: Wind\n /// \n useEffect(() => {\n register({ name: 'startDate' }, { required: true });\n register({ name: 'endDate' }, { required: true });\n setValue('startDate', moment().format(\"YYYY-MM-DD\"));\n setValue('endDate', moment().format(\"YYYY-MM-DD\"));\n onSubmit();\n }, []);\n\n /// \n /// Author: Wind\n /// \n async function onSubmit() {\n var rawUrl = ApiUrl._API_GET_OPERATION_LOG + \"?Username=\" + _USERNAME +\n \"&StartDate=\" + startDate + \"&EndDate=\" + endDate +\n \"&v=\" + moment.now();\n setLogUrl(rawUrl);\n }\n\n return (\n \n/// Author: Wind\n/// \nconst UserTransactionLog = props => {\n const { t, i18n } = useTranslation();\n const _dispatch = useDispatch();\n const { register, handleSubmit, errors, setValue } = useForm();\n let { search } = useLocation();\n const _query = new URLSearchParams(search);\n const _USERNAME = _query.get('username');\n const [logUrl, setLogUrl] = useState('');\n const [status, setStatus] = useState(CommonStatus._ALL_STATUS);\n const [startDate, setStartDate] = useState(moment().startOf('month').format(\"YYYY-MM-DD HH:mm:ss\"));\n const [endDate, setEndDate] = useState(moment().endOf('day').format(\"YYYY-MM-DD HH:mm:ss\"));\n\n let _operationLogTableColumns = [\n {\n Header: t(\"DATE\"),\n accessor: \"createdTime\",\n disableSortBy: true,\n Cell: ({ row }) => {\n return (\n \n {moment(row.original.createdTime).format('YYYY-MM-DD HH:mm:ss')}\n \n )\n },\n },\n {\n Header: t(\"OPERATED_BY\"),\n accessor: \"operatedByUsername\",\n disableSortBy: true,\n Cell: ({ row }) => {\n let operatedBy = \"\";\n let rowDetail = row.original;\n\n switch (rowDetail.typeId) {\n case OverallTransactionTypeId._SEND_CREDIT:\n // Current user is a receiving, else sent credit to others\n if (rowDetail.username == rowDetail.receiverUsername) {\n operatedBy = rowDetail.senderUsername;\n }\n else {\n operatedBy = rowDetail.receiverUsername;\n }\n break;\n default:\n operatedBy = rowDetail.operatedByUsername;\n break;\n }\n\n return operatedBy\n }\n },\n {\n Header: t(\"MEMBER_USERNAME\"),\n accessor: \"username\",\n Cell: ({ row }) => {\n return (\n \n {row.original.username} ({row.original.regionName})\n \n )\n },\n disableSortBy: true\n },\n {\n Header: t(\"PLAYER_ID\"),\n accessor: \"playerUsername\"\n },\n {\n Header: t(\"TYPE\"),\n accessor: \"type\",\n disableSortBy: true,\n Cell: ({ row }) => {\n let transactionTypeMsg = \"\";\n let rowDetail = row.original;\n\n switch (rowDetail.typeId) {\n case OverallTransactionTypeId._ONLINE_BANKING:\n transactionTypeMsg = t(\"TOP_UP_GPAY_BY\");\n break;\n case OverallTransactionTypeId._SHOP_SET_SCORE:\n transactionTypeMsg = t(\"SHOP_SET_E_POINT_BY\");\n break;\n case OverallTransactionTypeId._SHOP_SET_CREDIT:\n transactionTypeMsg = t(\"SHOP_SET_E_CREDIT_BY\");\n break;\n case OverallTransactionTypeId._SEND_CREDIT:\n // Current user is a receiving, else sent credit to others\n if (rowDetail.username == rowDetail.receiverUsername) {\n transactionTypeMsg = t(\"RECEIVED_E_CREDIT_FROM\", { operatedBy: rowDetail.senderUsername });\n }\n else {\n transactionTypeMsg = t(\"SENT_E_CREDIT_TO\", { operatedBy: rowDetail.receiverUsername });\n }\n break;\n case OverallTransactionTypeId._CONVERT_TO_CREDIT:\n transactionTypeMsg = t(\"CONVERT_TO_CREDIT_BY\");\n break;\n case OverallTransactionTypeId._CONVERT_TO_SCORE:\n transactionTypeMsg = t(\"CONVERT_TO_SCORE_BY\");\n break;\n case OverallTransactionTypeId._TRANSFER_SCORE:\n transactionTypeMsg = t(\"TRANSFER_E_POINT\");\n break;\n case OverallTransactionTypeId._REWARD_TO_CREDIT:\n // if claim reward is operated by member, then is convert to credit\n if (rowDetail.username == rowDetail.operatedByUsername) {\n transactionTypeMsg = t(\"CONVERT_REWARD_TO_CREDIT\");\n }\n else {\n transactionTypeMsg = t(\"CLAIM_REWARD\");\n }\n break;\n case OverallTransactionTypeId._EGHL:\n transactionTypeMsg = t(\"PURCHASED_EGHL_BY\");\n break;\n case OverallTransactionTypeId._E_WALLET_MXPAY:\n transactionTypeMsg = t(\"TOP_UP_E_WALLET\");\n break;\n case OverallTransactionTypeId._DUITNOW:\n transactionTypeMsg = t(\"DUITNOW\");\n break;\n case OverallTransactionTypeId._PASSWORD_RESET:\n transactionTypeMsg = t(\"PASSWORD_RESET\");\n break;\n case OverallTransactionTypeId._ONLINE_WITHDRAWAL:\n transactionTypeMsg = t(\"ONLINE_WITHDRAWAL\");\n break;\n }\n\n return (\n \n {transactionTypeMsg}\n \n )\n },\n },\n {\n Header: \"STATUS\",\n accessor: \"status\",\n Cell: ({ row }) => {\n return row.original.status == CommonStatus._APPROVE_STATUS ? {t(\"SUCCESS\")} : {t(\"FAILED\")};\n },\n disableSortBy: true\n },\n {\n Header: t(\"MEMBER_PRE\"),\n accessor: \"preCredit\",\n disableSortBy: true,\n Cell: ({ row }) => {\n return (\n \n {numberWithCurrencyFormat(row.original.preCredit)}\n \n )\n }\n },\n {\n Header: t(\"MEMBER_POST\"),\n accessor: \"postCredit\",\n disableSortBy: true,\n Cell: ({ row }) => {\n return (\n \n {numberWithCurrencyFormat(row.original.postCredit)}\n \n )\n }\n },\n {\n Header: t(\"AMOUNT\"),\n accessor: \"amount\",\n disableSortBy: true,\n Cell: ({ row }) => {\n return (\n 0 ? 'text-success' : 'text-danger'}>\n {numberWithCurrencyFormat(row.original.amount)}\n \n )\n }\n },\n {\n Header: t(\"PLAYER_PRE\"),\n accessor: \"preScore\",\n disableSortBy: true,\n Cell: ({ row }) => {\n return (\n \n {numberWithCurrencyFormat(row.original.preScore)}\n \n )\n },\n },\n {\n Header: t(\"PLAYER_POST\"),\n accessor: \"postScore\",\n disableSortBy: true,\n Cell: ({ row }) => {\n return (\n \n {numberWithCurrencyFormat(row.original.postScore)}\n \n )\n },\n },\n {\n Header: t(\"IP_ADDRESS\"),\n accessor: \"ipAddress\",\n disableSortBy: true,\n },\n {\n id: \"action\",\n Header: t(\"ACTION\"),\n Cell: ({ row }) => (\n \n /// Author: Wind\n /// \n useEffect(() => {\n register({ name: 'startDate' }, { required: true });\n register({ name: 'endDate' }, { required: true });\n setValue('startDate', moment().startOf('day').format(\"YYYY-MM-DD HH:mm:ss\"));\n setValue('endDate', moment().endOf('day').format(\"YYYY-MM-DD HH:mm:ss\"));\n onSubmit();\n }, []);\n\n /// \n /// Author: Wind\n /// \n async function onSubmit() {\n var rawUrl = ApiUrl._API_GET_USER_TRANSACTION_LOG + \"?Username=\" + _USERNAME +\n \"&StartDate=\" + startDate + \"&EndDate=\" + endDate + \"&Status=\" + status +\n \"&v=\" + moment.now();\n setLogUrl(rawUrl);\n }\n\n /// \n /// Author: CK\n /// \n async function onSubmit() {\n var rawUrl = ApiUrl._API_GET_USER_TRANSACTION_LOG + \"?Username=\" + _USERNAME +\n \"&StartDate=\" + startDate + \"&EndDate=\" + endDate + \"&Status=\" + status +\n \"&v=\" + moment.now();\n setLogUrl(rawUrl);\n }\n\n return (\n \n/// Author : Wind\n/// Editted : CK - Sortable total count\n/// \nconst OverallDownlineReport = props => {\n const _SORTABLE_COLUMNS = {\n TOTAL_COUNT: -1,\n SELF_REWARD: 1,\n DOWNLINE_REWARD: 2\n }\n\n var _history = useHistory();\n const { t } = useTranslation();\n const { register, handleSubmit, setValue, errors } = useForm();\n const [apiUrl, setApiUrl] = useState('');\n const [phone, setPhone] = useState('');\n const [startDate, setStartDate] = useState(moment().startOf('month').format(\"YYYY-MM-DD HH:mm:ss\"));\n const [endDate, setEndDate] = useState(moment().format(\"YYYY-MM-DD HH:mm:ss\"));\n const [regionId, setRegionId] = useState('');\n const [regions, setRegions] = useState([]);\n const [orderByAsc, setOrderByAsc] = useState(false);\n const [orderByColumn, setOrderByColumn] = useState(_SORTABLE_COLUMNS.TOTAL_COUNT);\n const [firstTimeInit, setFirstTimeInit] = useState(true);\n\n let _tableColumns = [\n {\n Header: \"No\",\n id: \"row\",\n filterable: false,\n Cell: ({ row }) => {\n return \n /// Author : Wind\n /// \n useEffect(() => {\n (async () => {\n var regionJsonResult = await ApiEngine.get(ApiUrl._API_GET_REGION);\n\n if (regionJsonResult[ApiKey._API_SUCCESS_KEY]) {\n var availableRegions = [];\n\n regionJsonResult[ApiKey._API_DATA_KEY].map((region) => {\n availableRegions.push({\n label: region['name'],\n value: region['id']\n });\n });\n\n setRegions(availableRegions);\n applyFilter();\n }\n })();\n }, [])\n\n /// \n /// Author : Wind\n /// \n useEffect(() => {\n if (!firstTimeInit) {\n applyFilter();\n }\n setFirstTimeInit(false);\n }, [orderByColumn, orderByAsc])\n\n /// \n /// Author : Wind\n /// \n function sortTable(selectedColumn) {\n setOrderByColumn(selectedColumn);\n setOrderByAsc(!orderByAsc);\n }\n\n /// \n /// Author : Wind\n /// \n async function applyFilter() {\n let apiUrl = ApiUrl._API_GET_OVERALL_DOWNLINE + '?StartDate=' + startDate + \"&endDate=\" + endDate + \"&Username=\" + phone +\n \"&orderByColumn=\" + orderByColumn + \"&OrderByAsc=\" + orderByAsc + \"&v=\" + Date.now();\n\n if (!stringIsNullOrEmpty(regionId)) {\n apiUrl += \"&RegionId=\" + regionId;\n }\n\n setApiUrl(apiUrl);\n }\n\n /// \n /// Author : Wind\n /// \n const PaginationTable = useMemo(() => \n/// Author : Wind\n/// Edited : CK - Allow to view members by rank \n/// \nconst RankSummaryReport = props => {\n var _dispatch = useDispatch();\n const { t } = useTranslation();\n const [rankSummary, setRankSummary] = useState([]);\n const [regionId, setRegionId] = useState('');\n const [regions, setRegions] = useState([]);\n const [apiUrl, setApiUrl] = useState('');\n const [isMemberModalVisible, setIsMemberModalVisible] = useState(false);\n\n let _tableColumns = [\n {\n Header: \"No\",\n id: \"row\",\n filterable: false,\n Cell: ({ row }) => {\n return \n /// Author : Wind\n /// \n useEffect(() => {\n applyFilter();\n\n (async () => {\n var regionJsonResult = await ApiEngine.get(ApiUrl._API_GET_REGION);\n\n if (regionJsonResult[ApiKey._API_SUCCESS_KEY]) {\n var availableRegions = [];\n\n regionJsonResult[ApiKey._API_DATA_KEY].map((region) => {\n availableRegions.push({\n label: region['name'],\n value: region['id']\n });\n });\n\n setRegions(availableRegions);\n }\n })();\n }, [])\n\n /// \n /// Author : Wind\n /// \n async function applyFilter() {\n let apiUrl = ApiUrl._API_GET_RANK_SUMMARY + \"?v=\" + Date.now();\n\n if (!stringIsNullOrEmpty(regionId)) {\n apiUrl += \"&RegionId=\" + regionId;\n }\n\n var responseJson = await ApiEngine.get(apiUrl);\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setRankSummary(responseJson[ApiKey._API_DATA_KEY]);\n }\n else {\n _dispatch(showResponseMessage(responseJson[ApiKey._API_SUCCESS_KEY], t(responseJson[ApiKey._API_MESSAGE_KEY])));\n }\n }\n\n /// \n /// Author: CK\n /// \n async function getMembersByRankId(rankId) {\n setApiUrl(ApiUrl._API_GET_MEMBERS_BY_RANK_ID + \"?RankId=\" + rankId + \"&v=\" + Date.now());\n setIsMemberModalVisible(true);\n }\n\n /// \n /// Author : CK\n /// \n const PaginationTable = useMemo(() =>\n \n/// Author: Wind\n/// \nconst ApiLog = props => {\n const { t, i18n } = useTranslation();\n const _dispatch = useDispatch();\n const { register, handleSubmit, errors, unregister, setValue } = useForm();\n const [logUrl, setLogUrl] = useState('');\n const [startDate, setStartDate] = useState(moment().format(\"YYYY-MM-DD\"));\n const [endDate, setEndDate] = useState(moment().format(\"YYYY-MM-DD\"));\n\n let _apiLogTableColumns = [\n {\n Header: t(\"CREATED_DATE\"),\n accessor: \"createdAt\",\n disableSortBy: true,\n Cell: ({ row }) => {\n return \n /// Author: Wind\n /// \n useEffect(() => {\n register({ name: 'startDate' }, { required: true });\n register({ name: 'endDate' }, { required: true });\n setValue('startDate', moment().format(\"YYYY-MM-DD\"));\n setValue('endDate', moment().format(\"YYYY-MM-DD\"));\n }, []);\n\n /// \n /// Author: Wind\n /// \n const onSubmit = async (data, e) => {\n var rawUrl = ApiUrl._API_GET_API_LOG + \"?Username=\" + data.username +\n \"&StartDate=\" + startDate + \"&EndDate=\" + endDate +\n \"&Uri=\" + data.uri + \"&RequestPayLoad=\" + data.requestPayload +\n \"&ResponsePayLoad=\" + data.responsePayload +\n \"&Status=\" + data.status +\n \"&v=\" + moment.now();\n setLogUrl(rawUrl);\n }\n\n return (\n \n/// Author : A\n/// \nconst AgentVendorApiDetail = () => {\n let _history = useHistory();\n let _location = useLocation();\n let _dispatch = useDispatch();\n\n const { register, watch } = useForm();\n const { t } = useTranslation();\n\n const normalPayrateTable = useRef();\n const gdPayrateTable = useRef();\n\n const _TABS = {\n NORMAL: \"NORMAL\",\n GD: \"GD\"\n }\n\n const [activeTab, setActiveTab] = useState(_TABS.NORMAL);\n const [normalPackage, setNormalPackage] = useState([]);\n const [gdPackage, setGdPackage] = useState([]);\n const [agentUserId, setAgentUserId] = useState(_location.state?.id);\n\n const [vendors, setVendors] = useState([]);\n const [agentPackage, setAgentPackage] = useState(null);\n const [packageWarning, setPackageWarning] = useState(false);\n const [warningMessage, setWarningMessage] = useState([]);\n\n /// \n /// Author : A\n /// \n useEffect(() => {\n init();\n }, [agentUserId]);\n\n const _COLUMNS = useMemo(() => [\n {\n Header: t(\"VENDOR\"),\n accessor: \"name\",\n disableSortBy: true,\n },\n {\n Header: t(\"CODE\"),\n accessor: \"code\",\n disableSortBy: true,\n },\n {\n Header: t(\"ROOT_AGENT\"),\n accessor: \"rootAgent\",\n disableSortBy: true,\n },\n {\n Header: t(\"KEY\"),\n accessor: \"signKey\",\n disableSortBy: true,\n },\n {\n Header: t(\"OPCODE\"),\n accessor: \"opcode\",\n disableSortBy: true,\n },\n {\n Header: t(\"OPSECRET\"),\n accessor: \"opSecret\",\n disableSortBy: true,\n },\n {\n Header: t(\"TYPE\"),\n accessor: \"isPrimary\",\n disableSortBy: true,\n width: '1%',\n Cell: ({ row }) => {\n return row.original.isPrimary ? {t(\"PRIMARY\")} : {t(\"SECONDARY\")};\n }\n },\n {\n Header: t(\"STATUS\"),\n accessor: \"status\",\n disableSortBy: true,\n width: '1%',\n Cell: ({ row }) => {\n return row.original.status ? {t(\"ENABLE\")} : {t(\"DISABLE\")};\n }\n }\n ], []);\n\n /// \n /// Author : A\n /// \n const init = () => {\n ApiEngine.get(`${ApiUrl._API_GET_AGENT_VENDORS}?agentId=${agentUserId}`)\n .then((response) => {\n if (response[ApiKey._API_SUCCESS_KEY]) {\n let data = response[ApiKey._API_DATA_KEY];\n setVendors(data);\n if (data.filter(v => v.isAgentPlayer).length > 0) {\n getLottoPackage();\n }\n }\n });\n }\n\n /// \n /// Author : A\n /// \n const getLottoPackage = async () => {\n var responseJson = await ApiEngine.get(`${ApiUrl._API_GET_AGENT_LOTTO_PACKAGE}?agentId=${agentUserId}&vendorApiMetaId=${watch('vendorApiMetaId')}`);\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n const lottoPackages = responseJson[ApiKey._API_DATA_KEY];\n if (lottoPackages) {\n setAgentPackage(lottoPackages.user.customPayRate);\n setNormalPackage(Object.values(lottoPackages.normal));\n setGdPackage([lottoPackages.gd.basePayRate]);\n }\n } else {\n _dispatch(showMessage({\n type: AlertTypes._ERROR,\n content: t(responseJson[ApiKey._API_MESSAGE_KEY])\n }));\n }\n }\n\n /// \n /// Author : A\n /// \n const saveLottoPackage = async () => {\n let normalPayRateData = await normalPayrateTable.current.getPayrate();\n\n if (!normalPayRateData.success) {\n setWarningMessage(normalPayRateData.message);\n setPackageWarning(true);\n return;\n } else {\n setWarningMessage([]);\n setPackageWarning(false);\n }\n\n let data = {\n id: agentPackage.id,\n ...normalPayRateData.data.customPayrate\n };\n\n var responseJson = await ApiEngine.post(ApiUrl._API_CREATE_OR_UPDATE_AGENT_LOTTO_PACKAGE, Util.createMultiPartFormBody(data));\n\n _dispatch(showMessage({\n type: responseJson[ApiKey._API_SUCCESS_KEY] ? AlertTypes._SUCCESS : AlertTypes._ERROR,\n content: t(responseJson[ApiKey._API_MESSAGE_KEY])\n // onConfirm: () => responseJson[ApiKey._API_SUCCESS_KEY] && Util.navigateTo(_history, WebUrl._URL_ADMIN_MANAGE_AGENT)\n }));\n }\n\n return (\n <>\n setPackageWarning(false)}>\n \n \n \n
\n \n \n \n );\n};\n\nexport default AgentVendorApiDetail;","import ReactTable from 'components/custom/ReactTable';\nimport { Panel, PanelBody } from 'components/panel/panel';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport DualListBox from 'react-dual-listbox';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport ApiEngine from 'util/ApiEngine';\nimport { ApiKey, ApiUrl } from 'util/Constant';\nimport { arrayGroupByKey, isObjectEmpty, numberWithCurrencyFormat, stringIsNullOrEmpty, getAmountClassName } from '../../../util/Util';\nimport moment from 'moment';\nimport DateTime from 'react-datetime';\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\nimport RegionFilterDualListBox from '../../../components/custom/RegionFilterDualListBox';\nimport DualListBoxItemRow from 'components/custom/DualListBoxItemRow';\n\n/// \n/// Author : YJ\n/// \nconst AgentWinLossReport = () => {\n const { t } = useTranslation();\n const [apiUrl, setApiUrl] = useState(\"\");\n const [postData, setPostData] = useState({});\n const [vendorOption, setVendorOption] = useState([]);\n const [selectedVendor, setSelectedVendor] = useState([]);\n const [agents, setAgents] = useState([]);\n const [selectedAgents, setSelectedAgents] = useState([]);\n const [startDate, setStartDate] = useState(moment().startOf('day').format('YYYY-MM-DD HH:mm:ss'));\n const [endDate, setEndDate] = useState(moment().endOf('day').format('YYYY-MM-DD HH:mm:ss'));\n const [viewDetails, setViewDetails] = useState({});\n const [viewUrl, setViewUrl] = useState(\"\");\n const [modalVisibility, setModalVisibility] = useState(false);\n const [regions, setRegions] = useState([]);\n const _REPORT_TYPE = {\n slot: 1,\n live: 2,\n lotto: 3,\n fishing: 4\n };\n\n const { register, handleSubmit, setValue } = useForm({\n defaultValues: {\n startDate: startDate,\n endDate: endDate\n }\n });\n\n const _COLUMNS = [\n {\n Header: \"No.\",\n id: \"row\",\n Cell: ({ row }) => {\n return \n /// Author : YJ\n /// \n useEffect(() => {\n (async () => {\n await getVendorOption();\n await getAgentOption();\n })();\n }, []);\n\n /// \n /// Author : YJ\n /// \n async function getVendorOption() {\n var responseJson = await ApiEngine.get(ApiUrl._API_GET_VENDOR_LIST);\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n var vendorList = [];\n\n responseJson[ApiKey._API_DATA_KEY].forEach(function (vendor) {\n vendorList.push({ label: vendor.name + \" (\" + vendor.shortName + \")\", value: vendor.id });\n });\n\n setVendorOption(vendorList);\n }\n }\n\n /// \n /// Author : YJ\n /// \n async function getAgentOption() {\n await ApiEngine.get(ApiUrl._API_GET_AGENT_LIST)\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n var data = arrayGroupByKey(responseJson[ApiKey._API_DATA_KEY], \"regionName\");\n var optionList = [];\n var regionOptions = [];\n\n for (var key in data) {\n var agentList = [];\n\n data[key].map(shop => {\n agentList.push({ label: shop.username, value: shop.id });\n });\n\n optionList.push({\n label: key,\n value: key,\n options: agentList\n })\n\n regionOptions.push({\n label: key,\n value: key\n });\n }\n\n setRegions(regionOptions);\n setAgents(optionList);\n }\n })\n }\n\n /// \n /// Author : YJ\n /// \n function constructModalHeader() {\n let header = \"\";\n\n if (viewDetails[\"type\"] == _REPORT_TYPE.lotto) {\n header = t(\"LOTTO\");\n }\n else if (viewDetails[\"type\"] == _REPORT_TYPE.slot) {\n header = t(\"SLOT\");\n }\n else {\n header = t(\"LIVE\");\n }\n\n return header + \" - \" + viewDetails[\"AgentUsername\"];\n }\n\n /// \n /// Author : YJ\n /// \n const PaginationTable = useMemo(() =>\n \n /// Author : YJ\n /// \n const ViewDetailPaginationTable = useMemo(() =>\n \n /// Author : YJ\n /// \n const submitForm = async (data, e) => {\n setPostData({\n StartDate: startDate,\n EndDate: endDate,\n Vendors: selectedVendor,\n Agents: selectedAgents,\n FilterName: data.filterName,\n City: data.city\n });\n setApiUrl(ApiUrl._API_GET_AGENT_WINLOSS_REPORT);\n }\n\n return (\n \n/// Author : CK\n/// \nconst AgentWinLossReport2 = () => {\n const { t } = useTranslation();\n const [apiUrl, setApiUrl] = useState(\"\");\n const [postData, setPostData] = useState({});\n const [vendorOption, setVendorOption] = useState([]);\n const [selectedVendor, setSelectedVendor] = useState([]);\n const [agents, setAgents] = useState([]);\n const [selectedAgents, setSelectedAgents] = useState([]);\n const [startDate, setStartDate] = useState(moment().startOf('day').format('YYYY-MM-DD HH:mm:ss'));\n const [endDate, setEndDate] = useState(moment().endOf('day').format('YYYY-MM-DD HH:mm:ss'));\n const [viewDetails, setViewDetails] = useState({});\n const [viewUrl, setViewUrl] = useState(\"\");\n const [modalVisibility, setModalVisibility] = useState(false);\n const [regions, setRegions] = useState([]);\n const _REPORT_TYPE = {\n slot: 1,\n live: 2,\n lotto: 3,\n fishing: 4\n };\n\n const { register, handleSubmit, setValue } = useForm({\n defaultValues: {\n startDate: startDate,\n endDate: endDate\n }\n });\n\n const _COLUMNS = [\n {\n Header: \"No.\",\n id: \"row\",\n Cell: ({ row }) => {\n return \n /// Author : CK\n /// \n useEffect(() => {\n (async () => {\n await getVendorOption();\n await getAgentOption();\n })();\n }, []);\n\n /// \n /// Author : CK\n /// \n async function getVendorOption() {\n var responseJson = await ApiEngine.get(ApiUrl._API_GET_VENDOR_LIST);\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n var vendorList = [];\n\n responseJson[ApiKey._API_DATA_KEY].forEach(function (vendor) {\n vendorList.push({ label: vendor.name + \" (\" + vendor.shortName + \")\", value: vendor.id });\n });\n\n setVendorOption(vendorList);\n }\n }\n\n /// \n /// Author : CK\n /// \n async function getAgentOption() {\n await ApiEngine.get(ApiUrl._API_GET_AGENT_LIST)\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n var data = arrayGroupByKey(responseJson[ApiKey._API_DATA_KEY], \"regionName\");\n var optionList = [];\n var regionOptions = [];\n\n for (var key in data) {\n var agentList = [];\n\n data[key].map(shop => {\n agentList.push({ label: shop.username, value: shop.id });\n });\n\n optionList.push({\n label: key,\n value: key,\n options: agentList\n })\n\n regionOptions.push({\n label: key,\n value: key\n });\n }\n\n setRegions(regionOptions);\n setAgents(optionList);\n }\n })\n }\n\n /// \n /// Author : CK\n /// \n function constructModalHeader() {\n let header = \"\";\n\n if (viewDetails[\"type\"] == _REPORT_TYPE.lotto) {\n header = t(\"LOTTO\");\n }\n else if (viewDetails[\"type\"] == _REPORT_TYPE.slot) {\n header = t(\"SLOT\");\n }\n else {\n header = t(\"LIVE\");\n }\n\n return header + \" - \" + viewDetails[\"AgentUsername\"];\n }\n\n /// \n /// Author : CK\n /// \n const PaginationTable = useMemo(() =>\n \n /// Author : CK\n /// \n const ViewDetailPaginationTable = useMemo(() =>\n \n /// Author : CK\n /// \n const submitForm = async (data, e) => {\n setPostData({\n StartDate: startDate,\n EndDate: endDate,\n Vendors: selectedVendor,\n Agents: selectedAgents,\n FilterName: data.filterName,\n City: data.city\n });\n setApiUrl(ApiUrl._API_GET_AGENT_WINLOSS_REPORT_2);\n }\n\n return (\n \n/// Author: Wind\n/// \nconst ManageVipMember = props => {\n const { t } = useTranslation();\n const { setValue, errors, handleSubmit, register, watch } = useForm();\n var _location = useLocation();\n let { search } = useLocation();\n var _dispatch = useDispatch();\n const _query = new URLSearchParams(search);\n const _ID = _query.get('id');\n const _NAME = _query.get('name');\n const _REGION_NAME = _query.get('region');\n const [status, setStatus] = useState(null);\n const [vipList, setVipList] = useState([]);\n const [event, setEvent] = useState({});\n\n /// \n /// Author: Wind\n /// \n let _vipMemberColumns = [\n {\n Header: \"RANK\",\n accessor: \"rank\",\n disableSortBy: true\n },\n {\n Header: \"USERNAME\",\n accessor: \"username\",\n disableSortBy: true\n },\n {\n Header: \"STATUS\",\n accessor: \"status\",\n disableSortBy: true,\n Cell: ({ row }) => {\n let returnClassName = \"badge badge-success\";\n let statusName = \"ACTIVE\";\n\n if (row.original.status == Status._DISABLED) {\n returnClassName = \"badge badge-danger\";\n statusName = \"DEACTIVATE\";\n }\n\n return {t(statusName)}\n },\n },\n {\n Header: \"ACTION\",\n Cell: ({ row }) => (\n checkIfPermissionExist(AccessRight._EVENT_CONTROL_PERMISSION, true) && \n /// Author: Wind\n /// \n useEffect(() => {\n applyFilter();\n }, []);\n\n /// \n /// Author : Wind\n /// \n async function applyFilter() {\n try {\n if (!stringIsNullOrEmpty(_ID)) {\n var responseJson = await ApiEngine.get(`${ApiUrl._API_KOG_BOT_MEMBER}?eventId=${_ID}`);\n if (!responseJson[ApiKey._API_SUCCESS_KEY]) {\n throw responseJson[ApiKey._API_MESSAGE_KEY];\n }\n\n setVipList(responseJson[ApiKey._API_DATA_KEY]);\n }\n }\n catch (err) {\n _dispatch(showMessage({\n type: AlertTypes._ERROR,\n content: t(err)\n }));\n }\n }\n\n /// \n /// Author : Wind\n /// \n async function updateBotStatus(row) {\n try {\n let params = {\n id: row.id,\n status: row.status == Status._DISABLED ? Status._ENABLED : Status._DISABLED\n }\n\n var responseJson = await ApiEngine.post(ApiUrl._API_KOG_BOT_MEMBER, createFormBody(params));\n if (!responseJson[ApiKey._API_SUCCESS_KEY]) {\n throw responseJson[ApiKey._API_MESSAGE_KEY];\n }\n\n applyFilter();\n }\n catch (err) {\n _dispatch(showMessage({\n type: AlertTypes._ERROR,\n content: t(err)\n }));\n }\n }\n\n return (\n \n/// Author: Wind\n/// \nconst OnlineWithdrawalRequest = props => {\n const { t } = useTranslation();\n const _dispatch = useDispatch();\n const { register, handleSubmit, setValue, watch } = useForm();\n const _userId = useSelector(state => state['authState']['userData']['userId']);\n const _userData = useSelector(state => state['authState']['userData']);\n const _pendingOnlineWithdrawalCount = useSelector(state => state['authState']['pendingOnlineWithdrawalCount']);\n const [modalData, setModalData] = useState({});\n const [remark, setRemark] = useState('');\n const [apiUrl, setApiUrl] = useState('');\n const [startDate, setStartDate] = useState(moment().startOf('day').format(\"YYYY-MM-DD HH:mm:ss\"));\n const [endDate, setEndDate] = useState(moment().endOf('day').format(\"YYYY-MM-DD HH:mm:ss\"));\n const [showToast, setShowToast] = useState(false);\n const _STATUS_OPTION = [\n { label: 'ALL', value: '' },\n { label: 'SYSTEM_REJECTED', value: OnlineWithdrawalStatus._SYSTEM_REJECTED },\n { label: 'REJECTED', value: OnlineWithdrawalStatus._REJECTED },\n { label: 'PENDING_APPROVAL', value: OnlineWithdrawalStatus._PENDING_APPROVAL },\n { label: 'SUCCESS', value: OnlineWithdrawalStatus._SUCCESS },\n ];\n const _REMARK_OPTION = [\n { label: '', value: '' },\n { label: t('SYSTEM_MAINTENANCE'), value: 'System Maintenance' },\n { label: t('BANK_ACCOUNT_INVALID'), value: 'Invalid Bank Account' },\n { label: t('BANK_MAINTENANCE'), value: 'Bank Maintenance' }\n ];\n\n let _tableColumns = [\n {\n Header: \"No.\",\n id: \"row\",\n Cell: ({ row }) => {\n return \n /// Author: Wind\n /// \n useEffect(() => {\n setValue('status', OnlineWithdrawalStatus._PENDING_APPROVAL);\n register({ name: 'startDate' }, { required: true });\n register({ name: 'endDate' }, { required: true });\n setValue('startDate', moment().startOf('day').format(\"YYYY-MM-DD HH:mm:ss\"));\n setValue('endDate', moment().endOf('day').format(\"YYYY-MM-DD HH:mm:ss\"));\n handleSubmit(submitForm)();\n }, []);\n\n /// \n /// Author: Wind\n /// \n useEffect(() => {\n if (showToast) {\n setTimeout(() => setShowToast(!showToast), 3000)\n }\n }, [showToast])\n\n /// \n /// Author: CK\n /// Auto refresh list when got new request come in\n /// \n useEffect(() => {\n if (_pendingOnlineWithdrawalCount > 0) {\n handleSubmit(submitForm)();\n }\n }, [_pendingOnlineWithdrawalCount])\n\n /// \n /// Author : Wind\n /// \n function renderStatus(status, statusString) {\n let spanClass = \"\";\n\n switch (status) {\n case OnlineWithdrawalStatus._SUCCESS:\n spanClass = \"badge-green\";\n break;\n case OnlineWithdrawalStatus._SYSTEM_REJECTED:\n spanClass = \"badge-red\";\n break;\n case OnlineWithdrawalStatus._PENDING_APPROVAL:\n spanClass = \"badge-primary\";\n break;\n case OnlineWithdrawalStatus._REJECTED:\n spanClass = \"badge-red\";\n break;\n }\n\n return {t(statusString)}\n }\n\n /// \n /// Author : Wind\n /// \n const submitForm = async (data, e) => {\n let apiUrl = `${ApiUrl._API_GET_ONLINE_WITHDRAWAL_REQUEST}?username=${data.username}&status=${parseInt(data.status)}&startDate=${startDate}&endDate=${endDate}&v=${new Date()}`\n\n setApiUrl(apiUrl);\n }\n\n /// \n /// Author : Wind\n /// \n async function processTransaction(id) {\n try {\n var responseJson = await ApiEngine.get(`${ApiUrl._API_GET_ONLINE_WITHDRAWAL_REQUEST}/${id}`);\n\n if (!responseJson[ApiKey._API_SUCCESS_KEY]) {\n throw responseJson[ApiKey._API_MESSAGE_KEY];\n }\n\n handleSubmit(submitForm)();\n setModalData(responseJson[ApiKey._API_DATA_KEY]);\n }\n catch (err) {\n _dispatch(showMessage({\n type: AlertTypes._ERROR,\n content: t(err),\n }));\n }\n }\n\n /// \n /// Author : Wind\n /// \n async function transactionAction(isApprove, id) {\n let params = {\n approve: isApprove == CommonStatus._APPROVE_STATUS,\n remark: remark\n };\n var responseJson = await ApiEngine.post(`${ApiUrl._API_GET_ONLINE_WITHDRAWAL_REQUEST}/status/${id}`, params);\n\n _dispatch(showMessage({\n type: responseJson[ApiKey._API_SUCCESS_KEY] ? AlertTypes._SUCCESS : AlertTypes._ERROR,\n content: t(responseJson[ApiKey._API_MESSAGE_KEY]),\n onConfirm: () => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setApiUrl(apiUrl + '&v=' + new Date());\n setModalData({});\n setRemark('');\n }\n }\n }));\n\n // Reset notification if no more transaction\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n _dispatch(getPendingOnlineWithdrawalCount());\n }\n }\n\n return (\n \n/// Author : Wind\n/// \nconst ManagerLimitTransactionReport = props => {\n const { t } = useTranslation();\n const { register, handleSubmit, setValue, errors } = useForm();\n const [apiUrl, setApiUrl] = useState('');\n const [regionOption, setRegionOption] = useState([]);\n const [selectedRegion, setSelectedRegion] = useState([]);\n const [defaultManagerOption, setDefaultManagerOption] = useState([]);\n const [managerOption, setManagerOption] = useState([]);\n const [selectedManager, setSelectedManager] = useState([]);\n const [startDate, setStartDate] = useState(moment().startOf('day').format(\"YYYY-MM-DD HH:mm:ss\"));\n const [endDate, setEndDate] = useState(moment().endOf('day').format(\"YYYY-MM-DD HH:mm:ss\"));\n const [postData, setPostData] = useState({});\n \n let _tableColumns = [\n {\n Header: \"No\",\n id: \"row\",\n filterable: false,\n Cell: ({ row }) => {\n return \n /// Author : Wind\n /// \n useEffect(() => {\n register({ name: 'startDate' }, { required: true });\n register({ name: 'manager' });\n register({ name: 'endDate' }, { required: true });\n\n setValue('manager', []);\n setValue('startDate', startDate);\n setValue('endDate', endDate);\n init();\n }, []);\n\n /// \n /// Author : Wind\n /// \n useEffect(() => {\n var filteredManagerOptions = defaultManagerOption.filter(manager => selectedRegion.includes(manager.regionId));\n\n var filterSelectedManager = selectedManager.filter(manager => {\n var managerDetail = defaultManagerOption.find(managerOptions => manager == managerOptions.value);\n if (selectedRegion.includes(managerDetail.regionId)) {\n return manager;\n }\n });\n\n setManagerOption(filteredManagerOptions);\n setSelectedManager(filterSelectedManager);\n setValue('manager', filterSelectedManager);\n }, [selectedRegion]);\n\n /// \n /// Author : Wind\n /// \n async function init() {\n var responseJson = await ApiEngine.get(ApiUrl._API_GET_REGION);\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n var regionList = [];\n responseJson[ApiKey._API_DATA_KEY].forEach(function (region) {\n regionList.push({ label: region.prefix, value: region.id });\n });\n\n setRegionOption(regionList);\n }\n\n var responseJson = await ApiEngine.get(ApiUrl._API_GET_USERS + \"?roleId=\" + Role._MANAGER);\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n var managerOptionList = [];\n responseJson[ApiKey._API_DATA_KEY].forEach(function (user) {\n managerOptionList.push({ label: user.username, value: user.id, regionId: user.regionId });\n });\n\n setDefaultManagerOption(managerOptionList);\n }\n }\n\n /// \n /// Author : Wind\n /// \n const submitForm = async (data, e) => {\n let params = {\n \"startDate\": data.startDate,\n \"endDate\": data.endDate,\n \"managerIds\": data.manager,\n };\n\n if (data.reportType != ReportType._ALL) {\n params['typeId'] = parseInt(data.reportType);\n }\n\n setPostData(params);\n setApiUrl(ApiUrl._API_GET_MANAGER_LIMIT_TRANSACTION_REPORT);\n }\n\n /// \n /// Author : YJ\n /// \n const PaginationTable = useMemo(() => \n/// Author : Wind\n/// \nconst PlayerCreationReport = props => {\n var _dispatch = useDispatch();\n const { t } = useTranslation();\n const [playerList, setPlayerList] = useState([]);\n\n let _tableColumns = [\n {\n Header: t(\"DATE\"),\n accessor: \"createdAt\",\n disableSortBy: true\n },\n {\n Header: t(\"VENDOR\"),\n Cell: ({ row }) => {\n return `${row.original.vendorName} (${row.original.vendorShortName})`;\n },\n disableSortBy: true\n },\n {\n Header: t(\"USERNAME\"),\n accessor: \"username\",\n disableSortBy: true\n },\n ];\n\n /// \n /// Author : Wind\n /// \n useEffect(() => {\n (async () => {\n try {\n var responseJson = await ApiEngine.get(`${ApiUrl._API_GET_SHOP_CREATED_PLAYER}?StartCount=0&PageSize=10`);\n\n if (!responseJson[ApiKey._API_SUCCESS_KEY]) {\n throw responseJson[ApiKey._API_MESSAGE_KEY];\n }\n\n setPlayerList(responseJson[ApiKey._API_DATA_KEY][ApiKey._API_DATA_KEY]);\n }\n catch (err) {\n _dispatch(showResponseMessage(false, err))\n }\n })();\n }, []);\n\n return (\n \n/// Author: JavaChips\n/// \nconst ManageThirdParty = () => {\n\tconst { t } = useTranslation();\n\tvar _history = useHistory();\n\tconst [thirdParties, setthirdParties] = useState([]);\n\n\t/// \n\t/// Author: JavaChips\n\t/// \n\tlet _thirdPartyColumns = useMemo(\n\t\t() => [\n\t\t\t{\n\t\t\t\tHeader: \"CODE\",\n\t\t\t\taccessor: \"code\",\n\t\t\t},\n\t\t\t{\n\t\t\t\tHeader: \"NAME\",\n\t\t\t\taccessor: \"name\",\n\t\t\t},\n\t\t\t{\n\t\t\t\tHeader: \"Base URL\",\n\t\t\t\taccessor: \"baseUrl\",\n\t\t\t},\n\t\t\t{\n\t\t\t\tHeader: \"H5 URL\",\n\t\t\t\taccessor: \"h5Url\",\n\t\t\t},\n\t\t\t{\n\t\t\t\tHeader: \"STATUS\",\n\t\t\t\taccessor: \"status\",\n\t\t\t\tCell: ({ row }) => {\n\t\t\t\t\treturn row.original.status ? {t(\"ENABLE\")} : {t(\"DISABLE\")};\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tHeader: \"ACTION\",\n\t\t\t\tCell: ({ row }) =>\n\t\t\t\t\tcheckIfPermissionExist(AccessRight._GAME_VENDOR_CONTROL_PERMISSION, true) && (\n\t\t\t\t\t\t\n\t/// Author: JavaChips\n\t/// \n\tuseEffect(() => {\n\t\tgetThirdParties();\n\t}, []);\n\n\t/// \n\t/// Author: JavaChips\n\t/// \n\tasync function getThirdParties() {\n\t\tvar responseJson = await ApiEngine.get(ApiUrl._API_GET_THIRD_PARTY);\n\n\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\tsetthirdParties(responseJson[ApiKey._API_DATA_KEY]?.data);\n\t\t}\n\t}\n\n\treturn (\n\t\t\n/// Author: CK\n/// \nconst ThirdPartyDetail = () => {\n\tlet _history = useHistory();\n\tlet _location = useLocation();\n\tlet _dispatch = useDispatch();\n\tconst { register, handleSubmit, errors, setValue } = useForm();\n\tconst { t } = useTranslation();\n\tconst [selectedThirdParty, setSelectedThirdParty] = useState(null);\n\t\n\t/// \n\t/// Author: CK\n\t/// \n\tuseEffect(() => {\n\t\tinit();\n\t}, []);\n\n\t/// \n\t/// Author: Yong Sheng Chuan\n\t/// \n\tasync function init() {\n\t\tif (_location.state && _location.state.id) {\n\t\t\tawait getThirdPartyDetails(_location.state.id);\n\t\t}\n\t}\n\n\t/// \n\t/// Author: CK\n\t/// \n\tasync function getThirdPartyDetails(id) {\n\t\tvar responseJson = await ApiEngine.get(ApiUrl._API_GET_THIRD_PARTY + \"/\" + id);\n\n\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\tlet data = responseJson[ApiKey._API_DATA_KEY];\n\n\t\t\tsetSelectedThirdParty(data);\n\t\t\tsetValue(\"name\", data.name);\n\t\t\tsetValue(\"code\", data.code);\n\t\t\tsetValue(\"baseUrl\", data.baseUrl);\n\t\t\tsetValue(\"h5Url\", data.h5Url);\n\t\t\tsetValue(\"status\", data.status);\n\t\t}\n\t}\n\n\t/// \n\t/// Author: CK\n\t/// Edited: A\n\t/// \n\tasync function onSubmit(data) {\n\t\tif (selectedThirdParty) {\n\t\t\tdata[\"id\"] = selectedThirdParty.id;\n\t\t}\n\n\t\tvar responseJson = await ApiEngine.post(ApiUrl._API_GET_THIRD_PARTY, Util.createMultiPartFormBody(data));\n\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\tsetSelectedThirdParty(responseJson[ApiKey._API_DATA_KEY]);\n\t\t}\n\n\t\t_dispatch(\n\t\t\tshowMessage({\n\t\t\t\ttype: responseJson[ApiKey._API_SUCCESS_KEY] ? AlertTypes._SUCCESS : AlertTypes._ERROR,\n\t\t\t\tcontent: t(responseJson[ApiKey._API_MESSAGE_KEY]),\n\t\t\t\tonConfirm: () => responseJson[ApiKey._API_SUCCESS_KEY] && Util.navigateTo(_history, WebUrl._MANAGE_THIRD_PARTY),\n\t\t\t})\n\t\t);\n\t}\n\n\treturn (\n\t\t\n/// Author: CK\n/// \nconst ManageThirdPartyApi = props => {\n const { t, i18n } = useTranslation();\n var _history = useHistory();\n var _dispatch = useDispatch();\n const [thirdPartyApiList, setThirdPartyApiList] = useState([]);\n const [isModalVisible, setIsModalVisible] = useState(false);\n const [selectedThirdPartyApi, setSelectedThirdPartyApi] = useState();\n const [isAgentModalVisible, setIsAgentModalVisible] = useState(false);\n\n /// \n /// Author: CK\n /// \n let _thirdPartyApiTableColumns = useMemo(() => [\n {\n Header: \"THIRD_PARTY\",\n accessor: \"thirdPartyProgramName\",\n },\n {\n Header: \"NAME\",\n accessor: \"name\",\n },\n {\n Header: \"START_DATE\",\n accessor: \"startDate\",\n },\n {\n Header: \"END_DATE\",\n accessor: \"endDate\",\n },\n {\n Header: \"EVENT_KEY\",\n accessor: \"eventKey\",\n },\n {\n Header: \"KEY\",\n accessor: \"apiKey\",\n },\n {\n Header: \"OPSECRET\",\n accessor: \"apiSecret\",\n },\n {\n Header: \"STATUS\",\n accessor: \"status\",\n Cell: ({ row }) => {\n return row.original.status ? {t(\"ENABLE\")} : {t(\"DISABLE\")};\n }\n },\n {\n Header: \"ACTION\",\n Cell: ({ row }) => (\n checkIfPermissionExist(AccessRight._GAME_VENDOR_CONTROL_PERMISSION, true) && \n /// Author: CK\n /// \n useEffect(() => {\n getThirdPartyApiList();\n }, []);\n\n /// \n /// Author: CK\n /// \n async function getThirdPartyApiList() {\n var responseJson = await ApiEngine.get(ApiUrl._API_GET_THIRD_PARTY_API);\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setThirdPartyApiList(responseJson[ApiKey._API_DATA_KEY][ApiKey._API_DATA_KEY]);\n }\n }\n\n /// \n /// Author: CK\n /// \n async function onEditStatus(data) {\n var responseJson = await ApiEngine.post(ApiUrl._API_GET_THIRD_PARTY_API, Util.createMultiPartFormBody(data));\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n getThirdPartyApiList();\n }\n\n _dispatch(showResponseMessage(responseJson[ApiKey._API_SUCCESS_KEY], t(responseJson[ApiKey._API_MESSAGE_KEY])));\n }\n\n /// \n /// Author: CK\n /// \n async function toggleModal() {\n if (isModalVisible) {\n setSelectedThirdPartyApi(null);\n }\n\n setIsModalVisible(!isModalVisible);\n }\n\n /// \n /// Author : CK\n /// \n async function onSubmitAttachShop(attachedShops) {\n let params = {\n \"programApiId\": selectedThirdPartyApi.id,\n \"shopIds\": attachedShops.join(',')\n }\n\n var responseJson = await ApiEngine.post(ApiUrl._API_ATTACH_THIRD_PARTY_API_SHOP, Util.createMultiPartFormBody(params));\n\n toggleModal();\n getThirdPartyApiList();\n\n _dispatch(showResponseMessage(responseJson[ApiKey._API_SUCCESS_KEY], t(responseJson[ApiKey._API_MESSAGE_KEY])));\n }\n\n return (\n \n/// Author: CK\n/// \nconst ThirdPartyApiDetail = () => {\n\tlet _history = useHistory();\n\tlet _location = useLocation();\n\tlet _dispatch = useDispatch();\n\tconst { register, handleSubmit, errors, setValue } = useForm();\n\tconst { t } = useTranslation();\n\tconst [selectedThirdPartyApi, setSelectedThirdPartyApi] = useState(null);\n\tconst [thirdPartyList, setThirdPartyList] = useState([]);\n\tconst [startDate, setStartDate] = useState(moment().startOf('month').format('YYYY-MM-DD HH:mm:ss'));\n const [endDate, setEndDate] = useState(moment().endOf('month').format('YYYY-MM-DD HH:mm:ss'));\n\n\t/// \n\t/// Author: CK\n\t/// \n\tuseEffect(() => {\n\t\tinit();\n\t}, []);\n\n\t/// \n\t/// Author: CK\n\t/// \n\tasync function init() {\n\t\tvar responseJson = await ApiEngine.get(ApiUrl._API_GET_THIRD_PARTY);\n\n\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\tsetThirdPartyList(responseJson[ApiKey._API_DATA_KEY][ApiKey._API_DATA_KEY]);\n\t\t}\n\n\t\tif (_location.state && _location.state.id) {\n\t\t\tawait getThirdPartyApiDetails(_location.state.id);\n\t\t}\n\t}\n\n\t/// \n\t/// Author: CK\n\t/// \n\tasync function getThirdPartyApiDetails(id) {\n\t\tvar responseJson = await ApiEngine.get(ApiUrl._API_GET_THIRD_PARTY_API + \"/\" + id);\n\n\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\tlet data = responseJson[ApiKey._API_DATA_KEY];\n\n\t\t\tsetSelectedThirdPartyApi(data);\n\t\t\tsetValue(\"name\", data.name);\n\t\t\tsetValue(\"thirdPartyProgramId\", data.thirdPartyProgramId);\n\t\t\tsetValue(\"apiKey\", data.apiKey);\n\t\t\tsetValue(\"apiSecret\", data.apiSecret);\n\t\t\tsetValue(\"clientKey\", data.clientKey);\n\t\t\tsetValue(\"clientSecret\", data.clientSecret);\n\t\t\tsetValue(\"status\", data.status);\n\t\t\tsetValue(\"eventKey\", data.eventKey);\n\t\t\tsetStartDate(data.startDate);\n\t\t\tsetEndDate(data.endDate);\n\t\t}\n\t}\n\n\t/// \n\t/// Author: CK\n\t/// Edited: A\n\t/// \n\tasync function onSubmit(data) {\n\t\tif (selectedThirdPartyApi) {\n\t\t\tdata[\"id\"] = selectedThirdPartyApi.id;\n\t\t}\n\n\t\tdata[\"startDate\"] = startDate;\n\t\tdata[\"endDate\"] = endDate;\n\n\t\tvar responseJson = await ApiEngine.post(ApiUrl._API_GET_THIRD_PARTY_API, Util.createMultiPartFormBody(data));\n\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\tsetSelectedThirdPartyApi(responseJson[ApiKey._API_DATA_KEY]);\n\t\t}\n\n\t\t_dispatch(\n\t\t\tshowMessage({\n\t\t\t\ttype: responseJson[ApiKey._API_SUCCESS_KEY] ? AlertTypes._SUCCESS : AlertTypes._ERROR,\n\t\t\t\tcontent: t(responseJson[ApiKey._API_MESSAGE_KEY]),\n\t\t\t\tonConfirm: () => responseJson[ApiKey._API_SUCCESS_KEY] && Util.navigateTo(_history, WebUrl._URL_MANAGE_THIRD_PARTY_API),\n\t\t\t})\n\t\t);\n\t}\n\n\treturn (\n\t\t\n/// Author : Saitama\n/// \nconst UserGrowthReport = props => {\n var _dispatch = useDispatch();\n const { t } = useTranslation();\n const { register, handleSubmit, setValue, errors, watch } = useForm();\n const [apiUrl, setApiUrl] = useState('');\n const [startDate, setStartDate] = useState(moment().startOf('month').format(\"YYYY-MM-DD \"));\n const [endDate, setEndDate] = useState(moment().format(\"YYYY-MM-DD\"));\n const [regions, setRegions] = useState([]);\n const [shopOption, setShopOption] = useState([]);\n const [selectedShop, setSelectedShop] = useState([]);\n const [postData, setPostData] = useState({});\n const [members, setMembers] = useState({});\n\n let _tableColumns = [\n {\n Header: \"No\",\n id: \"row\",\n filterable: false,\n Cell: ({ row }) => {\n return \n /// Author : Saitama\n /// \n useEffect(() => {\n (async () => {\n register({ name: 'shop' });\n register({ name: 'startDate' }, { required: true });\n register({ name: 'endDate' }, { required: true });\n\n setValue('shop', []);\n setValue('startDate', moment().startOf('month').format(\"YYYY-MM-DD\"));\n setValue('endDate', moment().endOf('day').format(\"YYYY-MM-DD\"));\n\n getShopOption();\n })();\n }, [])\n\n /// \n /// Author : Saitama\n /// \n async function getShopOption() {\n var responseJson = await ApiEngine.get(ApiUrl._API_GET_SHOPS + \"?RoleId=\" + Role._SHOP);\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n var shopListByRegion = arrayGroupByKey(responseJson[ApiKey._API_DATA_KEY], \"regionName\");\n var shopOptionsByRegion = [];\n var regionOptions = [];\n\n for (var key in shopListByRegion) {\n var shopList = [];\n\n regionOptions.push({ label: key, value: key });\n\n shopListByRegion[key].map(shop => {\n shopList.push({ label: shop.username + (shop.shopName ? \" (\" + shop.shopName + \")\" : \"\"), value: shop.id });\n });\n\n shopOptionsByRegion.push({\n label: key,\n value: key,\n options: shopList\n })\n }\n\n setShopOption(shopOptionsByRegion);\n setRegions(regionOptions);\n }\n }\n\n /// \n /// Author : Saitama\n /// \n async function getShopMember(shopId, shopUsername, shopName) {\n try {\n var responseJson = await ApiEngine.get(`${ApiUrl._API_GET_USER_GROWTH_MEMBER}?shopId=${shopId}&startDate=${watch('startDate')}&endDate=${watch('endDate')}`);\n\n if (!responseJson[ApiKey._API_SUCCESS_KEY]) {\n throw responseJson[ApiKey._API_MESSAGE_KEY];\n }\n\n setMembers({\n users: [...responseJson[ApiKey._API_DATA_KEY][ApiKey._API_DATA_KEY]],\n shopUsername,\n shopName\n });\n }\n catch (err) {\n _dispatch(showResponseMessage(false, t(err)));\n }\n }\n\n /// \n /// Author : Saitama\n /// \n const submitForm = async (data, e) => {\n var params = {\n \"StartDate\": data.startDate,\n \"EndDate\": data.endDate,\n \"TargetShop\": data.shop\n };\n\n setPostData(params);\n setApiUrl(ApiUrl._API_GET_USER_GROWTH_REPORT);\n }\n\n /// \n /// Author : Saitama\n /// \n const PaginationTable = useMemo(() =>\n \n/// Author : Yong Sheng Chuan\n/// \nexport const _LOGIN_ROUTE = {\n\tpath: WebUrl._URL_MAIN,\n\texact: false,\n\tauthRequired: false,\n\tcomponent: () => \n /// Author : Yong Sheng Chuan\n /// \n PrivateRoute(index, routeData) {\n return (\n \n /// Author : Yong Sheng Chuan\n /// \n filterMenuByPermission() {\n var filteredRoutes = _ROUTES.filter(route => {\n return ((route.loginType == undefined ||\n route.loginType.filter(i => i == this.props.authState.userData.loginType).length != 0) ||\n (this.props.authState.isLoggedIn == false && route.path == this.props.history.location.pathname)\n );\n });\n\n if (this.props.authState.userData.accessString !== undefined) {\n var userPermissionData = this.props.authState.userData.accessString.split(\";\");\n var permissionArrKey = [];\n\n for (var i = 0; i < userPermissionData.length; i++) {\n var keyValuePermission = userPermissionData[i].split(\":\");\n if (keyValuePermission.length == 2) {\n if (keyValuePermission[1][AccessRight._READ_BIT_POSITION] == Status._ENABLED.toString()) {\n permissionArrKey.push(keyValuePermission[0] + AccessRight._READ_PERMISSION_STRING);\n }\n }\n }\n\n filteredRoutes = filteredRoutes.filter(item => {\n let permission = item.permission;\n if (permission !== undefined) {\n return permissionArrKey.filter(item => item == permission).length != 0;\n }\n else {\n return true;\n }\n });\n }\n\n this.state.routes = filteredRoutes;\n }\n\n render() {\n this.filterMenuByPermission();\n\n return (\n \n {({ pageContentFullWidth, pageContentClass, pageContentInverseMode }) => (\n \n )\n }\n}\n\nconst mapStateToProps = state => ({\n ...state\n});\n\nexport default connect(\n mapStateToProps,\n null\n)(withRouter(Content));","import React from 'react';\n\nclass Footer extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\t\n\t\tvar date = new Date();\n\t\tthis.state = {\n\t\t\tyear: date.getFullYear()\n\t\t}\n\t}\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t)\n\t}\n}\n\nexport default Footer;","import React, { useRef, useEffect, useState } from 'react';\nimport { Modal, ModalHeader, ModalBody } from 'reactstrap';\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { setSearchMemberModalVisible } from \"../../redux/MemberAction\";\nimport { useForm } from \"react-hook-form\";\nimport { showMessage } from '../../redux/AppAction';\nimport * as Util from '../../util/Util';\nimport { useTranslation } from 'react-i18next';\nimport { useHistory } from \"react-router-dom\";\nimport { ApiKey, ApiUrl, AlertTypes } from '../../util/Constant';\nimport ApiEngine from '../../util/ApiEngine';\nimport SweetAlert from 'react-bootstrap-sweetalert';\nimport PasswordConfirmationModal from './PasswordConfirmationModal';\nimport { getShopCredit } from 'redux/AuthAction';\n\n/// \n/// Author: CK\n/// \nconst SearchMemberModal = props => {\n let _history = useHistory();\n let _dispatch = useDispatch();\n const { t, i18n } = useTranslation();\n const { register, handleSubmit, errors, unregister, setValue, watch } = useForm();\n const _searchTxtRef = useRef(null);\n const [readyState, setReadyState] = useState(false);\n const _inputTxtRef = useRef(null);\n const _userData = useSelector(state => state.authState.userData);\n const [showAgentReloadModal, setShowAgentReloadModal] = useState({});\n const [adjustScoreAmount, setAdjustScoreAmount] = useState(\"\");\n const [passwordConfirmation, setPasswordConfirmation] = useState(false);\n const [getPlayerOnly, setGetPlayerOnly] = useState(false);\n\n /// \n /// Author: CK\n /// \n function closeModal() {\n setShowAgentReloadModal({});\n setPasswordConfirmation(false);\n setAdjustScoreAmount(\"\");\n _dispatch(setSearchMemberModalVisible(false));\n }\n\n /// \n /// Author: CK\n /// Editted: YJ (Support Non Member)\n /// Editted: Wind (Support Agent)\n /// \n async function searchMemberHandler(data) {\n try {\n var responseJson;\n\n if (props.isSearchAgent) {\n responseJson = await ApiEngine.get(`${ApiUrl._API_GET_AGENT_LIST}?Username=${data['searchMemberInput']}`);\n }\n else {\n responseJson = await ApiEngine.get(ApiUrl._API_SEARCH_MEMBER + \"?searchInput=\" + data['searchMemberInput'] + \"&getPlayerOnly=\" + getPlayerOnly);\n }\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n if (!props.isSearchAgent) {\n closeModal();\n let redirectUrl = (responseJson[ApiKey._API_DATA_KEY][\"isMember\"]) ? props.targetUrl[\"mainUrl\"] : props.targetUrl[\"alternateUrl\"];\n\n if (!Util.stringIsNullOrEmpty(redirectUrl)) {\n _history.push({\n pathname: redirectUrl,\n state: responseJson[ApiKey._API_DATA_KEY][\"data\"]\n });\n }\n }\n else {\n if (responseJson[ApiKey._API_DATA_KEY].length == 1) {\n setShowAgentReloadModal(responseJson[ApiKey._API_DATA_KEY][0]);\n }\n else {\n throw 'NO_DATA_FOUND';\n }\n }\n }\n else {\n throw responseJson[ApiKey._API_MESSAGE_KEY];\n }\n }\n catch (err) {\n _dispatch(showMessage({\n type: AlertTypes._ERROR,\n content: t(err)\n }));\n }\n }\n\n /// \n /// Author : Yong Sheng Chuan\n /// \n useEffect(() => {\n if (props.isModalVisible) {\n register({ name: 'searchMemberInput' }, { required: true });\n setReadyState(true);\n }\n else {\n unregister('searchMemberInput');\n }\n }, []);\n\n /// \n /// Author : Yong Sheng Chuan\n /// \n useEffect(() => {\n if (_searchTxtRef.current) {\n _searchTxtRef.current.focus();\n }\n }, [readyState]);\n\n /// \n /// Author : Wind\n /// \n useEffect(() => {\n if (!Util.isObjectEmpty(showAgentReloadModal) && _inputTxtRef.current) {\n _inputTxtRef.current.focus();\n }\n }, [showAgentReloadModal]);\n\n /// \n /// Author : Wind\n /// \n async function reloadAgentCredit() {\n try {\n let responseJson = await ApiEngine.post(`${ApiUrl._API_UPDATE_AGENT_CREDIT}?agentId=${showAgentReloadModal.id}&amount=${adjustScoreAmount}`);\n\n if (!responseJson[ApiKey._API_SUCCESS_KEY]) {\n throw responseJson[ApiKey._API_MESSAGE_KEY];\n }\n\n _dispatch(showMessage({\n type: AlertTypes._SUCCESS,\n title: t(\"SUCCESS\"),\n content: \n {t('RELOAD')} \n \n \n \n \n {\n !Util.isObjectEmpty(showAgentReloadModal) &&\n \n
}>\n \n \n \n \n \n
\n )\n}\n\nexport default MemberFeedbackReport;","import React, { useState, useMemo, useEffect } from 'react';\nimport ReactTable from '../../../components/custom/ReactTable';\nimport { Panel, PanelBody } from '../../../components/panel/panel.jsx';\nimport { useTranslation } from 'react-i18next';\nimport { useForm } from \"react-hook-form\";\nimport DateTime from 'react-datetime';\nimport { ApiKey, ApiUrl, Role } from '../../../util/Constant';\nimport { getValidationMessage, arrayGroupByKey, stringIsNullOrEmpty } from '../../../util/Util';\nimport 'react-dual-listbox/lib/react-dual-listbox.css';\nimport moment from 'moment';\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport DualListBox from 'react-dual-listbox';\n\n/// \n {t(\"SUBMISSION_DATE_TIME\")}: {moment(rowDetail.createdTime).format(\"YYYY-MM-DD HH:mm:ss\")}
\n {t(\"SHOP\")}: {rowDetail.reporterName}
\n {t(\"OCCUR_TIME\")}: {moment(rowDetail.occurTime).format(\"YYYY-MM-DD HH:mm:ss\")}
\n {t(\"LOCATION\")}: {rowDetail.location}\n
\n }\n },\n {\n Header: \"FEEDBACK\",\n accessor: \"additional\",\n disableSortBy: true,\n style: {\n wordBreak: 'break-word'\n },\n minWidth: 300\n }\n ];\n\n /// \n {t(\"SHOP\")}: {rowDetail.reporterName}
\n {t(\"OCCUR_TIME\")}: {moment(rowDetail.occurTime).format(\"YYYY-MM-DD HH:mm:ss\")}
\n {t(\"LOCATION\")}: {rowDetail.location}\n
\n \n \n \n \n \n \n
\n )\n}\n\nexport default ShopFeedbackReport;","import React, { useState, useMemo, useEffect } from 'react';\nimport ReactTable from '../../../components/custom/ReactTable';\nimport { Panel, PanelBody } from '../../../components/panel/panel.jsx';\nimport { useTranslation } from 'react-i18next';\nimport { useForm } from \"react-hook-form\";\nimport DateTime from 'react-datetime';\nimport { UncontrolledButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\nimport { ApiKey, ApiUrl, AccessRight, WebUrl, Status, AlertTypes, BannerType } from '../../../util/Constant';\nimport { getValidationMessage } from '../../../util/Util';\nimport { checkIfPermissionExist } from \"../../../util/PermissionChecker\";\nimport 'react-dual-listbox/lib/react-dual-listbox.css';\nimport moment from 'moment';\nimport NavigationButton from '../../../components/custom/NavigationButton';\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport { showMessage } from \"../../../redux/AppAction\";\nimport { useHistory } from \"react-router-dom\";\nimport { useDispatch } from \"react-redux\";\n\n/// \n
\n {t(\"SHOP_FEEDBACK\")}
\n\n
\n \n
\n \n \n {\n if (e instanceof moment) {\n setStartDate(e.format(\"YYYY-MM-DD HH:mm:ss\"));\n }\n else {\n setValue(\"startDate\", \"\");\n }\n }} />\n {errors.startDate &&
\n {t(getValidationMessage(errors.startDate))}
}\n \n
\n \n \n {\n if (e instanceof moment) {\n setEndDate(e.format(\"YYYY-MM-DD HH:mm:ss\"));\n setValue(\"endDate\", e.format(\"YYYY-MM-DD HH:mm:ss\"));\n }\n else {\n setValue(\"endDate\", \"\");\n }\n }} />\n {errors.endDate &&
\n {t(getValidationMessage(errors.endDate))}
}\n \n
\n \n \n setIndex(e.target.value)} />\n
\n \n
\n \n \n
\n \n
\n \n \n {PaginationTable}\n \n
\n {row.index + 1}
;\n },\n disableSortBy: true,\n width: 50\n },\n {\n Header: \"TYPE\",\n accessor: \"bannerType\",\n disableSortBy: true,\n Cell: ({ value }) => {\n return Object.values(BannerType).find(bt => bt.key == value)?.value ?? \"-\";\n }\n },\n {\n Header: \"BANNER\",\n accessor: \"image\",\n disableSortBy: true,\n Cell: ({ row }) => {\n return row.original.image ? {moment(row.original.startDate).format(\"YYYY-MM-DD HH:mm:ss\")}
\n }\n },\n {\n Header: \"END_DATE\",\n accessor: \"endDate\",\n disableSortBy: true,\n Cell: ({ row }) => {\n return {moment(row.original.endDate).format(\"YYYY-MM-DD HH:mm:ss\")}
\n }\n },\n {\n Header: \"TITLE\",\n accessor: \"title\",\n disableSortBy: true,\n Cell: ({ row }) => {\n return {row.original.titleLocalizations.map((item) => { return item.value }).join(\" / \")}
\n }\n },\n {\n Header: \"DESCRIPTION\",\n accessor: \"description\",\n disableSortBy: true,\n Cell: ({ row }) => {\n return {row.original.descriptionLocalizations.map((item) => { return item.value }).join(\" / \")}
\n }\n },\n {\n Header: \"SHOP\",\n accessor: \"bannerShops\",\n disableSortBy: true,\n Cell: ({ row }) => {\n return {row.original.bannerShops?.map(v => v.shopUsername).join(\", \")}
\n }\n },\n {\n Header: \"STATUS\",\n accessor: \"status\",\n disableSortBy: true,\n Cell: ({ row }) => {\n return \n {row.original.status == Status._ENABLED ? t('ACTIVE') : t('DISABLE')}\n \n }\n },\n {\n Header: \"ACTION\",\n Cell: ({ row }) => (\n checkIfPermissionExist(AccessRight._EVENT_CONTROL_PERMISSION, true) && \n \n \n {\n _history.push({\n pathname: WebUrl._URL_ADMIN_MANAGE_BANNER_DETAIL,\n state: { id: row.original.id }\n })\n }}>\n {t('EDIT')}\n \n {\n _dispatch(showMessage({\n type: AlertTypes._WARNING,\n title: t('ARE_YOU_SURE'),\n showCancel: true,\n content: t('ARE_YOU_SURE_YOU_WANT_TO') + t('DELETE') + \" \" + row.original.title + \"?\",\n onConfirm: () => { deleteBanner(row.original.id); }\n }));\n }}>\n {t('DELETE')}\n \n \n \n
\n ),\n disableSortBy: true,\n width: 100,\n style: { overflow: \"visible\" }\n }\n ];\n\n /// \n \n \n \n \n \n \n
\n )\n}\n\nexport default ManageBanner;","import React, { useState, useEffect } from 'react';\nimport ReactTable from '../../../components/custom/ReactTable';\nimport NavigationButton from '../../../components/custom/NavigationButton';\nimport { Panel, PanelBody, PanelFooter } from '../../../components/panel/panel.jsx';\nimport { useHistory, useLocation } from \"react-router-dom\";\nimport { WebUrl, ApiKey, ApiUrl, LanguageKey, AlertTypes, Status, Role, BannerType } from '../../../util/Constant';\nimport { useForm } from \"react-hook-form\";\nimport { useDispatch } from \"react-redux\";\nimport { showMessage } from \"../../../redux/AppAction\";\nimport { createMultiPartFormBody, stringIsNullOrEmpty, navigateTo, getValidationMessage, arrayGroupByKey } from \"../../../util/Util\";\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport { useTranslation } from 'react-i18next';\nimport 'react-cron-generator/dist/cron-builder.css';\nimport DateTime from 'react-datetime';\nimport moment from 'moment';\nimport Dropzone from 'react-dropzone';\nimport DualListBox from 'react-dual-listbox';\nimport DualListBoxItemRow from 'components/custom/DualListBoxItemRow';\n\n/// \n
\n {t(\"MANAGE_BANNER\")}
\n {\n checkIfPermissionExist(AccessRight._BANNER_CONTROL_PERMISSION, true) &&\n\n
\n }\n \n
\n \n
\n \n \n setSearchTerm(e.target.value)} />\n
\n \n
\n \n \n {\n if (e instanceof moment) {\n setStartDate(e.format(\"YYYY-MM-DD HH:mm:ss\"));\n }\n else {\n setValue(\"startDate\", \"\");\n }\n }} />\n {errors.startDate &&
\n {t(getValidationMessage(errors.startDate))}
}\n \n
\n \n \n {\n if (e instanceof moment) {\n setEndDate(e.format(\"YYYY-MM-DD HH:mm:ss\"));\n setValue(\"endDate\", e.format(\"YYYY-MM-DD HH:mm:ss\"));\n }\n else {\n setValue(\"endDate\", \"\");\n }\n }} />\n {errors.endDate &&
\n {t(getValidationMessage(errors.endDate))}
}\n \n
\n \n \n
\n \n
\n \n \n {PaginationTable}\n \n
\n \n {_location.state ? t(\"EDIT_BANNER\") : t(\"CREATE_BANNER\")}
\n \n
\n )\n}\n\nexport default BannerDetail;","import React, { useState, useMemo } from 'react';\nimport ReactTable from '../../../components/custom/ReactTable';\nimport { Panel, PanelBody } from '../../../components/panel/panel.jsx';\nimport { useTranslation } from 'react-i18next';\nimport { useForm } from \"react-hook-form\";\nimport DateTime from 'react-datetime';\nimport { ApiUrl } from '../../../util/Constant';\nimport { getValidationMessage, numberWithCurrencyFormat } from '../../../util/Util';\nimport 'react-dual-listbox/lib/react-dual-listbox.css';\nimport moment from 'moment';\n\n/// {_location.state ? t(\"EDIT_BANNER\") : t(\"CREATE_BANNER\")}
\n \n {moment(row.original.updatedTime).format(\"YYYY-MM-DD HH:mm:ss\")}
\n }\n },\n {\n Header: \"AMOUNT\",\n accessor: \"amount\",\n Cell: ({ row }) => {\n return {numberWithCurrencyFormat(row.original.amount)};\n },\n disableSortBy: true\n },\n {\n Header: \"PROCESSING_FEE\",\n accessor: \"processingFee\",\n Cell: ({ row }) => {\n return {numberWithCurrencyFormat(row.original.processingFee)};\n },\n disableSortBy: true\n },\n {\n Header: \"SENDER\",\n accessor: \"senderName\",\n disableSortBy: true\n },\n {\n Header: \"SENDER_PRE_CREDIT\",\n accessor: \"preSenderCredit\",\n disableSortBy: true,\n Cell: ({ row }) => {\n return {numberWithCurrencyFormat(row.original.preSenderCredit)}
;\n },\n },\n {\n Header: \"SENDER_POST_CREDIT\",\n accessor: \"postSenderCredit\",\n disableSortBy: true,\n Cell: ({ row }) => {\n return {numberWithCurrencyFormat(row.original.postSenderCredit)}
;\n },\n },\n {\n Header: \"RECEIVER\",\n accessor: \"receiverName\",\n disableSortBy: true\n },\n {\n Header: \"RECEIVER_PRE_CREDIT\",\n accessor: \"preReceiverCredit\",\n disableSortBy: true,\n Cell: ({ row }) => {\n return {numberWithCurrencyFormat(row.original.preReceiverCredit)}
;\n },\n },\n {\n Header: \"RECEIVER_POST_CREDIT\",\n accessor: \"postReceiverCredit\",\n disableSortBy: true,\n Cell: ({ row }) => {\n return {numberWithCurrencyFormat(row.original.postReceiverCredit)}
;\n },\n },\n ];\n\n /// \n \n \n \n \n \n \n
\n )\n}\n\nexport default MemberEcreditTransferLog;","import React, { useState, useMemo, useEffect } from 'react';\nimport ReactTable from '../../../components/custom/ReactTable';\nimport { Panel, PanelBody } from '../../../components/panel/panel.jsx';\nimport { useTranslation } from 'react-i18next';\nimport { useForm } from \"react-hook-form\";\nimport DateTime from 'react-datetime';\nimport { ApiUrl, ApiKey } from '../../../util/Constant';\nimport { getValidationMessage, numberWithCurrencyFormat } from '../../../util/Util';\nimport 'react-dual-listbox/lib/react-dual-listbox.css';\nimport moment from 'moment';\nimport ApiEngine from '../../../util/ApiEngine.js';\n\n/// \n
\n {t(\"ECREDIT_TRANSFER_LOG_MEMBER\")}
\n\n
\n \n
\n \n \n setSender(e.target.value)} />\n
\n \n
\n \n \n setRecevier(e.target.value)} />\n
\n \n
\n \n \n {\n if (e instanceof moment) {\n setStartDate(e.format(\"YYYY-MM-DD HH:mm:ss\"));\n }\n else {\n setValue(\"startDate\", \"\");\n }\n }} />\n {errors.startDate &&
\n {t(getValidationMessage(errors.startDate))}
}\n \n
\n \n \n {\n if (e instanceof moment) {\n setEndDate(e.format(\"YYYY-MM-DD HH:mm:ss\"));\n setValue(\"endDate\", e.format(\"YYYY-MM-DD HH:mm:ss\"));\n }\n else {\n setValue(\"endDate\", \"\");\n }\n }} />\n {errors.endDate &&
\n {t(getValidationMessage(errors.endDate))}
}\n \n
\n \n \n
\n \n
\n \n \n {PaginationTable}\n \n
\n \n \n \n \n \n \n \n
\n )\n}\n\nexport default RegionEcreditTransferLog;","import React, { useState, useEffect } from 'react';\nimport { ApiUrl } from '../../../util/Constant';\nimport { getValidationMessage } from '../../../util/Util';\nimport { useTranslation } from 'react-i18next';\nimport { useForm } from \"react-hook-form\";\nimport { useDispatch } from 'react-redux';\nimport moment from 'moment';\nimport DateTime from 'react-datetime';\nimport ReactTable from '../../../components/custom/ReactTable';\nimport { Panel, PanelBody } from '../../../components/panel/panel.jsx';\nimport { useLocation } from \"react-router-dom\";\n\n/// \n
\n {t(\"ECREDIT_TRANSFER_LOG_REGION\")}
\n\n
\n \n
\n \n \n { setFromRegion(e.target.value); }}>\n {\n regionOption && regionOption.map((region, index) => {\n return \n })\n }\n \n
\n \n
\n \n \n { setToRegion(e.target.value); }}>\n {\n regionOption && regionOption.map((region, index) => {\n return \n })\n }\n \n
\n \n
\n \n \n { setTargetRegion(e.target.value); }}>\n {\n regionOption && regionOption.map((region, index) => {\n return \n })\n }\n \n
\n \n
\n \n
\n \n \n {\n if (e instanceof moment) {\n setStartDate(e.format(\"YYYY-MM-DD HH:mm:ss\"));\n }\n else {\n setValue(\"startDate\", \"\");\n }\n }} />\n {errors.startDate &&
\n {t(getValidationMessage(errors.startDate))}
}\n \n
\n \n \n {\n if (e instanceof moment) {\n setEndDate(e.format(\"YYYY-MM-DD HH:mm:ss\"));\n setValue(\"endDate\", e.format(\"YYYY-MM-DD HH:mm:ss\"));\n }\n else {\n setValue(\"endDate\", \"\");\n }\n }} />\n {errors.endDate &&
\n {t(getValidationMessage(errors.endDate))}
}\n \n
\n \n \n
\n \n
\n \n \n \n
\n \n \n
\n );\n}\n\nexport default UserActionLog;","import React, { useState, useEffect } from 'react';\nimport { ApiUrl, CommonStatus, OverallTransactionTypeId } from '../../../util/Constant';\nimport { getValidationMessage, numberWithCurrencyFormat } from '../../../util/Util';\nimport { useTranslation } from 'react-i18next';\nimport { useForm } from \"react-hook-form\";\nimport { useDispatch } from 'react-redux';\nimport moment from 'moment';\nimport DateTime from 'react-datetime';\nimport ReactTable from '../../../components/custom/ReactTable';\nimport { Panel, PanelBody } from '../../../components/panel/panel.jsx';\nimport { useLocation } from \"react-router-dom\";\nimport { showResponseMessage } from '../../../redux/AppAction';\nimport { UncontrolledButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';\n\n/// \n \n \n {\n _dispatch(showResponseMessage(true, row.original.remark));\n }}>{t(\"VIEW_REMARK\")} \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n style: { overflow: \"visible\" }\n }\n ];\n\n /// \n \n
\n );\n}\n\nexport default UserTransactionLog;","import React, { useState, useEffect, useMemo } from \"react\";\nimport moment from 'moment';\nimport {\n Panel,\n PanelHeader,\n PanelBody,\n} from \"../../../components/panel/panel.jsx\";\nimport DateTime from 'react-datetime';\nimport { useTranslation } from 'react-i18next';\nimport { useForm } from \"react-hook-form\";\nimport ReactTable from \"../../../components/custom/ReactTable\";\nimport { ApiKey, ApiUrl, WebUrl, AccessRight, Role } from \"../../../util/Constant\";\nimport { stringIsNullOrEmpty, getValidationMessage, navigateTo } from \"../../../util/Util\";\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport { UncontrolledButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';\nimport { useHistory } from 'react-router-dom';\n\n/// {row.index + 1}
;\n },\n disableSortBy: true,\n width: 50\n },\n {\n Header: \"USERNAME\",\n accessor: \"username\",\n disableSortBy: true\n },\n {\n Header: \"TOTAL_DOWNLINE\",\n accessor: \"downlineCount\",\n sortColumn: (orderByColumn == _SORTABLE_COLUMNS.TOTAL_COUNT),\n isAsc: orderByAsc,\n showSortIcon: true,\n disableSortBy: true,\n clickable: () => { sortTable(_SORTABLE_COLUMNS.TOTAL_COUNT); }\n },\n {\n Header: \"SELF_EARNED_REWARD\",\n accessor: \"selfEarnedReward\",\n disableSortBy: true,\n sortColumn: (orderByColumn == _SORTABLE_COLUMNS.SELF_REWARD),\n isAsc: orderByAsc,\n showSortIcon: true,\n clickable: () => { sortTable(_SORTABLE_COLUMNS.SELF_REWARD); }\n },\n {\n Header: \"DOWNLINE_EARNED_REWARD\",\n accessor: \"downlineEarnedReward\",\n disableSortBy: true,\n sortColumn: (orderByColumn == _SORTABLE_COLUMNS.DOWNLINE_REWARD),\n isAsc: orderByAsc,\n showSortIcon: true,\n clickable: () => { sortTable(_SORTABLE_COLUMNS.DOWNLINE_REWARD); }\n },\n {\n Header: \"REGION\",\n accessor: \"regionName\",\n disableSortBy: true\n },\n {\n\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) => (\n \n \n \n {\n navigateTo(_history, WebUrl._URL_ADMIN_MANAGE_MEMBER_DOWNLINE, { id: row.original.userId, username: row.original.username });\n }}\n >\n {t(\"VIEW_DOWNLINE\")}\n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n style: { overflow: \"visible\" }\n }\n ]\n\n /// \n \n \n \n \n \n \n {PaginationTable}\n \n \n
\n );\n}\n\n\nexport default OverallDownlineReport;","import React, { useState, useEffect, useMemo } from \"react\";\nimport {\n Panel,\n PanelBody,\n} from \"../../../components/panel/panel.jsx\";\nimport { useTranslation } from 'react-i18next';\nimport { useForm } from \"react-hook-form\";\nimport ReactTable from \"../../../components/custom/ReactTable\";\nimport { ApiKey, ApiUrl, Role, FilterStatus, AccessRight } from \"../../../util/Constant\";\nimport { stringIsNullOrEmpty, numberWithCurrencyFormat } from \"../../../util/Util\";\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport { useDispatch } from \"react-redux\";\nimport { showResponseMessage } from \"redux/AppAction.js\";\nimport { Modal, ModalHeader, ModalBody } from 'reactstrap';\nimport { UncontrolledButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';\nimport { checkIfPermissionExist } from \"../../../util/PermissionChecker\";\n\n/// {t(\"OVERALL_DOWNLINE_REPORT\")}
\n\n
\n \n
\n \n \n setPhone(e.target.value)} />\n
\n \n
\n \n \n {\n if (e instanceof moment) {\n setStartDate(e.format(\"YYYY-MM-DD HH:mm:ss\"));\n }\n else {\n setValue(\"startDate\", \"\");\n }\n }} />\n {errors.startDate &&
\n {t(getValidationMessage(errors.startDate))}
}\n \n
\n \n \n {\n if (e instanceof moment) {\n setEndDate(e.format(\"YYYY-MM-DD HH:mm:ss\"));\n setValue(\"endDate\", e.format(\"YYYY-MM-DD HH:mm:ss\"));\n }\n else {\n setValue(\"endDate\", \"\");\n }\n }} />\n {errors.endDate &&
\n {t(getValidationMessage(errors.endDate))}
}\n \n \n { setRegionId(e.target.value); }}>\n \n {\n regions.map((region, index) => {\n return \n })\n }\n \n
\n \n
\n \n \n
\n {row.index + 1}
;\n },\n disableSortBy: true,\n width: 50\n },\n {\n Header: \"REGION\",\n accessor: \"regionName\",\n disableSortBy: true\n },\n {\n Header: \"RANK\",\n accessor: \"rankName\",\n disableSortBy: true\n },\n {\n Header: \"TOTAL_MEMBER\",\n accessor: \"rankCount\",\n disableSortBy: true\n },\n {\n\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) => (\n checkIfPermissionExist(AccessRight._MEMBER_CONTROL_PERMISSION, true) && \n \n \n {\n getMembersByRankId(row.original.rankId);\n }}>\n {t(\"VIEW_DETAIL\")}\n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n style: { overflow: \"visible\" }\n }\n ]\n\n var _memberTableColumns = [\n {\n Header: 'USERNAME',\n accessor: 'username',\n disableSortBy: true,\n Cell: ({ row }) => {\n return (\n \n {row.original.username} ({row.original.regionName})\n \n )\n }\n },\n {\n Header: 'SHOP',\n Cell: ({ row }) => {\n return (\n \n {row.original.shopUsername} ({row.original.shopName})\n \n )\n },\n disableSortBy: true\n },\n {\n Header: 'STATUS',\n accessor: 'status',\n Cell: ({ row }) => {\n return (\n \n {\n row.original.status == FilterStatus._ACTIVE ?\n {t(\"ACTIVE\")} :\n {t(\"SUSPENDED\")}\n }\n \n )\n },\n disableSortBy: true\n },\n {\n Header: 'TOTAL_REWARD',\n accessor: row => row.totalReward.toFixed(2)\n },\n {\n Header: 'TOTAL_CREDIT',\n accessor: row => row.totalCredit.toFixed(2)\n },\n {\n Header: 'EXPERIENCE',\n Cell: ({ row }) => {\n let experienceDetail = row.original;\n return {experienceDetail ? numberWithCurrencyFormat(experienceDetail.experience, 3) + \" Exp (\" + experienceDetail.rankName + \")\" : \"\"}\n },\n disableSortBy: true\n },\n {\n Header: 'LAST_LOGIN',\n accessor: 'lastLoginDateString',\n }\n ];\n\n /// \n \n \n
\n \n \n \n \n \n \n { setIsMemberModalVisible(false); }} size=\"xl\">\n { setIsMemberModalVisible(false); }}>\n \n \n {PaginationTable}\n \n \n
\n );\n}\n\n\nexport default RankSummaryReport;","import React, { useState, useEffect } from 'react';\nimport { ApiUrl } from '../../../util/Constant';\nimport { getValidationMessage } from '../../../util/Util';\nimport { useTranslation } from 'react-i18next';\nimport { useForm } from \"react-hook-form\";\nimport { useDispatch } from 'react-redux';\nimport moment from 'moment';\nimport DateTime from 'react-datetime';\nimport ReactTable from '../../../components/custom/ReactTable';\nimport { Panel, PanelBody } from '../../../components/panel/panel.jsx';\nimport { useLocation } from \"react-router-dom\";\n\n/// {t(\"RANK_SUMMARY_REPORT\")}
\n\n
\n \n \n { setRegionId(e.target.value); }}>\n \n {\n regions.map((region, index) => {\n return \n })\n }\n \n
\n \n
\n
\n \n \n
\n \n {t(\"MEMBERS\")}\n
\n{moment(row.original.createdAt).format('DD/MM/YYYY hh:mm:ss A')}
;\n },\n },\n {\n Header: t(\"USERNAME\"),\n accessor: \"username\",\n disableSortBy: true\n },\n {\n Header: t(\"URI\"),\n accessor: \"uri\",\n disableSortBy: true,\n style: {\n wordBreak: 'break-word'\n },\n minWidth: 350,\n width: 350\n },\n {\n Header: t(\"STATUS\"),\n accessor: \"status\",\n disableSortBy: true\n },\n {\n Header: t(\"METHOD\"),\n accessor: \"method\",\n disableSortBy: true\n },\n {\n Header: t(\"REQUEST_HEADER\"),\n accessor: \"requestHeader\",\n disableSortBy: true,\n style: {\n wordBreak: 'break-word'\n },\n minWidth: 350,\n width: 350\n },\n {\n Header: t(\"REQUEST_BODY\"),\n accessor: \"requestBody\",\n disableSortBy: true,\n style: {\n wordBreak: 'break-word'\n },\n minWidth: 350,\n width: 350\n },\n {\n Header: t(\"RESPONSE_CONTENT\"),\n accessor: \"responseContent\",\n disableSortBy: true,\n style: {\n wordBreak: 'break-word'\n },\n minWidth: 350,\n width: 350\n },\n {\n Header: t(\"RESPONSE_MESSAGE\"),\n accessor: \"responseMessage\",\n disableSortBy: true\n },\n {\n Header: t(\"DURATION\"),\n accessor: \"duration\",\n disableSortBy: true\n },\n ];\n\n /// \n \n
\n );\n}\n\nexport default ApiLog;","import React, { useEffect, useState, useRef, useMemo } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { useHistory, useLocation } from \"react-router-dom\";\nimport { Panel, PanelHeader, PanelBody } from '../../../components/panel/panel';\nimport NavigationButton from '../../../components/custom/NavigationButton';\nimport { AlertTypes, ApiKey, ApiUrl, PackagePayRateType, WebUrl } from 'util/Constant';\nimport LottoPayrateTable from 'components/custom/LottoPayrateTable';\nimport { useTranslation } from 'react-i18next';\nimport { TabContent, TabPane, Nav, NavItem, NavLink, Modal, ModalBody, ModalFooter, Button } from 'reactstrap';\nimport classNames from 'classnames';\nimport ApiEngine from 'util/ApiEngine';\nimport { useForm } from \"react-hook-form\";\nimport * as Util from '../../../util/Util';\nimport { showMessage } from 'redux/AppAction';\nimport ReactTable from 'components/custom/ReactTable';\n\n/// \n \n \n \n {\n vendors.filter(v => v.isAgentPlayer).length > 0 &&\n <>\n {t(\"AGENT_PLAYER\")} {t(\"VENDOR\")} \n \n \n \n 0 && normalPackage}\n userPackage={agentPackage && agentPackage}\n />\n \n \n 0 && gdPackage}\n />\n \n \n \n \n \n }\n \n
\n \n
\n {_location.state?.username} - {t(\"VENDOR_API_DETAILS\")}
\n\n
\n \n \n
\n \n \n {\n vendors.filter(v => v.isAgentPlayer).map((v) => )\n }\n \n
\n {t(\"PLEASE_CHECK_THE_FOLLOWING_WARNINGS\")}
\n| {t(\"DESCRIPTION\")} | \n{t(\"WARNING\")} | \n
|---|---|
| {wm.description} | \n\n {Util.numberWithCurrencyFormat(wm.message)}\n \n {Util.numberWithCurrencyFormat(wm.value)}\n | \n
{row.index + 1}
;\n },\n disableSortBy: true,\n width: '1%'\n },\n {\n Header: \"AGENT\",\n accessor: \"agentUsername\",\n disableSortBy: true\n },\n {\n Header: \"NAME\",\n accessor: \"agentName\",\n disableSortBy: true\n },\n {\n Header: \"CITY\",\n accessor: \"city\",\n disableSortBy: true\n },\n {\n Header: \"CLOSING_DAY\",\n accessor: \"closingDay\",\n disableSortBy: true\n },\n {\n Header: \"SLOT_TURNOVER\",\n accessor: \"slotTurnover\",\n disableSortBy: true,\n Cell: ({ value }) => {\n return {numberWithCurrencyFormat(value, 2)}\n },\n Footer: ({ page }) => {\n const totalAmount = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.slotTurnover);\n }, 0);\n\n return {numberWithCurrencyFormat(totalAmount, 2)}\n },\n },\n {\n Header: \"SLOT_PLAYER_WINLOSE\",\n accessor: \"slotWinLoss\",\n disableSortBy: true,\n Cell: ({ row }) => {\n return (\n \n {\n setViewUrl(ApiUrl._API_GET_AGENT_WINLOSS_REPORT_DETAIL);\n setViewDetails({\n AgentId: row.original.agentId,\n AgentUsername: row.original.agentUsername,\n StartDate: startDate,\n EndDate: endDate,\n Vendors: selectedVendor,\n Agents: selectedAgents,\n type: _REPORT_TYPE.slot\n });\n setModalVisibility(true);\n }}>\n {numberWithCurrencyFormat(row.original.slotWinLoss, 2)}\n
\n \n )\n },\n Footer: ({ page }) => {\n const totalAmount = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.slotWinLoss);\n }, 0);\n\n return {totalAmount.toFixed(2)}\n },\n },\n {\n Header: \"SLOT_COMMISSION\",\n accessor: \"slotCommission\",\n disableSortBy: true,\n Cell: ({ value }) => {\n return {numberWithCurrencyFormat(value, 2)}\n },\n Footer: ({ page }) => {\n const totalAmount = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.slotCommission);\n }, 0);\n\n return {totalAmount.toFixed(2)}\n },\n },\n {\n Header: \"FISHING_WINLOSE\",\n accessor: \"fishingWinLoss\",\n disableSortBy: true,\n Cell: ({ row }) => {\n return (\n \n {\n setViewUrl(ApiUrl._API_GET_AGENT_WINLOSS_REPORT_DETAIL);\n setViewDetails({\n AgentId: row.original.agentId,\n AgentUsername: row.original.agentUsername,\n StartDate: startDate,\n EndDate: endDate,\n Vendors: selectedVendor,\n Agents: selectedAgents,\n type: _REPORT_TYPE.fishing\n });\n setModalVisibility(true);\n }}>\n {numberWithCurrencyFormat(row.original.fishingWinLoss, 2)}\n
\n \n )\n },\n Footer: ({ page }) => {\n const totalAmount = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.fishingWinLoss);\n }, 0);\n\n return {totalAmount.toFixed(2)}\n },\n },\n {\n Header: \"FISHING_COMMISSION\",\n accessor: \"fishingCommission\",\n disableSortBy: true,\n Cell: ({ value }) => {\n return {numberWithCurrencyFormat(value, 2)}\n },\n Footer: ({ page }) => {\n const totalAmount = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.fishingCommission);\n }, 0);\n\n return {totalAmount.toFixed(2)}\n },\n },\n {\n Header: \"LIVE_SLOT_WINLOSS\",\n accessor: \"liveSlotWinLoss\",\n disableSortBy: true,\n Cell: ({ row }) => {\n return (\n \n {\n setViewUrl(ApiUrl._API_GET_AGENT_WINLOSS_REPORT_DETAIL);\n setViewDetails({\n AgentId: row.original.agentId,\n AgentUsername: row.original.agentUsername,\n StartDate: startDate,\n EndDate: endDate,\n Vendors: selectedVendor,\n Agents: selectedAgents,\n type: _REPORT_TYPE.live\n });\n setModalVisibility(true);\n }}>\n {numberWithCurrencyFormat(row.original.liveSlotWinLoss, 2)}\n
\n \n )\n },\n Footer: ({ page }) => {\n const totalAmount = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.liveSlotWinLoss);\n }, 0);\n\n return {totalAmount.toFixed(2)}\n },\n },\n {\n Header: \"LIVE_SLOT_COMMISSION\",\n accessor: \"liveSlotCommission\",\n disableSortBy: true,\n Cell: ({ value }) => {\n return {numberWithCurrencyFormat(value, 2)}\n },\n Footer: ({ page }) => {\n const totalAmount = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.liveSlotCommission);\n }, 0);\n\n return {totalAmount.toFixed(2)}\n },\n },\n {\n Header: \"LOTTO_TURNOVER\",\n accessor: \"lottoBet\",\n disableSortBy: true,\n Cell: ({ value }) => {\n return {numberWithCurrencyFormat(value, 2)}\n },\n Footer: ({ page }) => {\n const totalAmount = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.lottoBet);\n }, 0);\n\n return {totalAmount.toFixed(2)}\n },\n },\n {\n Header: \"STRIKE\",\n accessor: \"lottoStrike\",\n disableSortBy: true,\n Cell: ({ row }) => {\n return (\n \n {\n setViewUrl(ApiUrl._API_GET_AGENT_WINLOSS_REPORT_DETAIL);\n setViewDetails({\n AgentId: row.original.agentId,\n AgentUsername: row.original.agentUsername,\n StartDate: startDate,\n EndDate: endDate,\n Vendors: selectedVendor,\n Agents: selectedAgents,\n type: _REPORT_TYPE.lotto\n });\n setModalVisibility(true);\n }}>\n {numberWithCurrencyFormat(row.original.lottoStrike, 2)}\n
\n \n )\n },\n Footer: ({ page }) => {\n const totalAmount = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.lottoStrike);\n }, 0);\n\n return {totalAmount.toFixed(2)}\n },\n },\n {\n Header: \"LOTTO_COMMISSION\",\n accessor: \"lottoCommission\",\n disableSortBy: true,\n Cell: ({ value }) => {\n return {numberWithCurrencyFormat(value, 2)}\n },\n Footer: ({ page }) => {\n const totalAmount = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.lottoCommission);\n }, 0);\n\n return {totalAmount.toFixed(2)}\n },\n },\n {\n Header: \"TURNOVER_COMMISSION\",\n accessor: \"turnoverCommission\",\n disableSortBy: true,\n Cell: ({ value }) => {\n return {numberWithCurrencyFormat(value, 2)}\n },\n Footer: ({ page }) => {\n const totalAmount = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.turnoverCommission);\n }, 0);\n\n return {totalAmount.toFixed(2)}\n },\n },\n {\n Header: \"AGENT_TOTAL_COMMISSION\",\n accessor: \"agentTotalCommission\",\n disableSortBy: true,\n Cell: ({ value }) => {\n return {numberWithCurrencyFormat(value, 2)}\n },\n Footer: ({ page }) => {\n const totalAmount = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.agentTotalCommission);\n }, 0);\n\n return {totalAmount.toFixed(2)}\n },\n },\n {\n Header: \"UPLINE\",\n accessor: \"uplineName\",\n disableSortBy: true,\n Cell: ({ value }) => {\n return {stringIsNullOrEmpty(value) ? '-' : value}
;\n },\n },\n {\n Header: \"UPLINE_SLOT_COMMISSION\",\n accessor: \"uplineSlotCommission\",\n disableSortBy: true,\n Cell: ({ value }) => {\n return {numberWithCurrencyFormat(value, 2)}\n },\n Footer: ({ page }) => {\n const totalAmount = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.uplineSlotCommission);\n }, 0);\n\n return {totalAmount.toFixed(2)}\n },\n },\n {\n Header: \"UPLINE_FISHING_COMMISSION\",\n accessor: \"uplineFishingCommission\",\n disableSortBy: true,\n Cell: ({ value }) => {\n return {numberWithCurrencyFormat(value, 2)}\n },\n Footer: ({ page }) => {\n const totalAmount = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.uplineFishingCommission);\n }, 0);\n\n return {totalAmount.toFixed(2)}\n },\n },\n // {\n // Header: \"UPLINE_LIVE_SLOT_COMMISSION\",\n // accessor: \"liveUplineSlotCommission\",\n // disableSortBy: true,\n // Cell: ({ value }) => {\n // return {numberWithCurrencyFormat(value, 2)}\n // },\n // Footer: ({ page }) => {\n // const totalAmount = page.reduce((sum, currentValue) => {\n // return sum + parseFloat(currentValue.original.liveUplineSlotCommission);\n // }, 0);\n\n // return {totalAmount.toFixed(2)}\n // },\n // },\n {\n Header: \"UPLINE_LOTTO_COMMISSION\",\n accessor: \"uplineLottoCommission\",\n disableSortBy: true,\n Cell: ({ value }) => {\n return {numberWithCurrencyFormat(value, 2)}\n },\n Footer: ({ page }) => {\n const totalAmount = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.uplineLottoCommission);\n }, 0);\n\n return {totalAmount.toFixed(2)}\n },\n },\n // {\n // Header: \"UPLINE_TURNOVER_COMMISSION\",\n // accessor: \"uplineTurnoverCommission\",\n // disableSortBy: true,\n // Cell: ({ value }) => {\n // return {numberWithCurrencyFormat(value, 2)}\n // },\n // Footer: ({ page }) => {\n // const totalAmount = page.reduce((sum, currentValue) => {\n // return sum + parseFloat(currentValue.original.uplineTurnoverCommission);\n // }, 0);\n\n // return {totalAmount.toFixed(2)}\n // },\n // },\n {\n Header: \"TOTAL_UPLINE_COMMISSION\",\n accessor: \"uplineCommission\",\n disableSortBy: true,\n Cell: ({ value }) => {\n return {numberWithCurrencyFormat(value, 2)}\n },\n Footer: ({ page }) => {\n const totalAmount = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.uplineCommission);\n }, 0);\n\n return {totalAmount.toFixed(2)}\n },\n },\n ]\n\n const _VIEW_DETAIL_COLUMNS = [\n {\n Header: \"No.\",\n id: \"row\",\n Cell: ({ row }) => {\n return {row.index + 1}
;\n },\n disableSortBy: true,\n width: '1%'\n },\n {\n Header: \"PLAYER\",\n accessor: \"playerUsername\",\n disableSortBy: true\n },\n {\n Header: \"VENDOR\",\n accessor: \"vendorName\",\n disableSortBy: true,\n },\n {\n Header: \"AMOUNT\",\n accessor: \"amount\",\n disableSortBy: true,\n Cell: ({ value }) => {\n return = 0 ? \"\" : \"text-danger\"}>{numberWithCurrencyFormat(value, 2)}\n },\n Footer: ({ page }) => {\n const totalAmount = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.amount);\n }, 0);\n\n return {numberWithCurrencyFormat(totalAmount, 2)}\n },\n },\n ]\n\n /// \n \n \n \n \n \n \n \n {PaginationTable}\n \n \n\n { setModalVisibility(false) }} size=\"lg\">\n { setModalVisibility(false) }}>{constructModalHeader()} \n \n {ViewDetailPaginationTable}\n \n \n \n \n \n
\n );\n};\n\nexport default AgentWinLossReport;","import ReactTable from 'components/custom/ReactTable';\nimport { Panel, PanelBody } from 'components/panel/panel';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport DualListBox from 'react-dual-listbox';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport ApiEngine from 'util/ApiEngine';\nimport { ApiKey, ApiUrl } from 'util/Constant';\nimport { arrayGroupByKey, isObjectEmpty, numberWithCurrencyFormat, stringIsNullOrEmpty, getAmountClassName } from '../../../util/Util';\nimport moment from 'moment';\nimport DateTime from 'react-datetime';\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\nimport RegionFilterDualListBox from '../../../components/custom/RegionFilterDualListBox';\nimport DualListBoxItemRow from 'components/custom/DualListBoxItemRow';\n\n/// \n {t(\"AGENT_WIN_LOSS_REPORT\")}\n
\n{row.index + 1}
;\n },\n disableSortBy: true,\n width: '1%'\n },\n {\n Header: \"AGENT\",\n accessor: \"agentUsername\",\n disableSortBy: true\n },\n {\n Header: \"NAME\",\n accessor: \"agentName\",\n disableSortBy: true\n },\n {\n Header: \"CITY\",\n accessor: \"city\",\n disableSortBy: true\n },\n {\n Header: \"CLOSING_DAY\",\n accessor: \"closingDay\",\n disableSortBy: true\n },\n {\n Header: \"SLOT_TURNOVER\",\n accessor: \"slotTurnover\",\n disableSortBy: true,\n Cell: ({ value }) => {\n return {numberWithCurrencyFormat(value, 2)}\n },\n Footer: ({ page }) => {\n const totalAmount = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.slotTurnover);\n }, 0);\n\n return {numberWithCurrencyFormat(totalAmount, 2)}\n },\n },\n {\n Header: \"SLOT_PLAYER_WINLOSE\",\n accessor: \"slotWinLoss\",\n disableSortBy: true,\n Cell: ({ row }) => {\n return (\n \n {\n setViewUrl(ApiUrl._API_GET_AGENT_WINLOSS_REPORT_DETAIL);\n setViewDetails({\n AgentId: row.original.agentId,\n AgentUsername: row.original.agentUsername,\n StartDate: startDate,\n EndDate: endDate,\n Vendors: selectedVendor,\n Agents: selectedAgents,\n type: _REPORT_TYPE.slot\n });\n setModalVisibility(true);\n }}>\n {numberWithCurrencyFormat(row.original.slotWinLoss, 2)}\n
\n \n )\n },\n Footer: ({ page }) => {\n const totalAmount = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.slotWinLoss);\n }, 0);\n\n return {totalAmount.toFixed(2)}\n },\n },\n {\n Header: \"SLOT_COMMISSION\",\n accessor: \"slotCommission\",\n disableSortBy: true,\n Cell: ({ value }) => {\n return {numberWithCurrencyFormat(value, 2)}\n },\n Footer: ({ page }) => {\n const totalAmount = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.slotCommission);\n }, 0);\n\n return {totalAmount.toFixed(2)}\n },\n },\n {\n Header: \"FISHING_WINLOSE\",\n accessor: \"fishingWinLoss\",\n disableSortBy: true,\n Cell: ({ row }) => {\n return (\n \n {\n setViewUrl(ApiUrl._API_GET_AGENT_WINLOSS_REPORT_DETAIL);\n setViewDetails({\n AgentId: row.original.agentId,\n AgentUsername: row.original.agentUsername,\n StartDate: startDate,\n EndDate: endDate,\n Vendors: selectedVendor,\n Agents: selectedAgents,\n type: _REPORT_TYPE.fishing\n });\n setModalVisibility(true);\n }}>\n {numberWithCurrencyFormat(row.original.fishingWinLoss, 2)}\n
\n \n )\n },\n Footer: ({ page }) => {\n const totalAmount = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.fishingWinLoss);\n }, 0);\n\n return {totalAmount.toFixed(2)}\n },\n },\n {\n Header: \"FISHING_COMMISSION\",\n accessor: \"fishingCommission\",\n disableSortBy: true,\n Cell: ({ value }) => {\n return {numberWithCurrencyFormat(value, 2)}\n },\n Footer: ({ page }) => {\n const totalAmount = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.fishingCommission);\n }, 0);\n\n return {totalAmount.toFixed(2)}\n },\n },\n {\n Header: \"LIVE_SLOT_WINLOSS\",\n accessor: \"liveSlotWinLoss\",\n disableSortBy: true,\n Cell: ({ row }) => {\n return (\n \n {\n setViewUrl(ApiUrl._API_GET_AGENT_WINLOSS_REPORT_DETAIL);\n setViewDetails({\n AgentId: row.original.agentId,\n AgentUsername: row.original.agentUsername,\n StartDate: startDate,\n EndDate: endDate,\n Vendors: selectedVendor,\n Agents: selectedAgents,\n type: _REPORT_TYPE.live\n });\n setModalVisibility(true);\n }}>\n {numberWithCurrencyFormat(row.original.liveSlotWinLoss, 2)}\n
\n \n )\n },\n Footer: ({ page }) => {\n const totalAmount = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.liveSlotWinLoss);\n }, 0);\n\n return {totalAmount.toFixed(2)}\n },\n },\n {\n Header: \"LIVE_SLOT_COMMISSION\",\n accessor: \"liveSlotCommission\",\n disableSortBy: true,\n Cell: ({ value }) => {\n return {numberWithCurrencyFormat(value, 2)}\n },\n Footer: ({ page }) => {\n const totalAmount = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.liveSlotCommission);\n }, 0);\n\n return {totalAmount.toFixed(2)}\n },\n },\n {\n Header: \"LOTTO_TURNOVER\",\n accessor: \"lottoBet\",\n disableSortBy: true,\n Cell: ({ value }) => {\n return {numberWithCurrencyFormat(value, 2)}\n },\n Footer: ({ page }) => {\n const totalAmount = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.lottoBet);\n }, 0);\n\n return {totalAmount.toFixed(2)}\n },\n },\n {\n Header: \"STRIKE\",\n accessor: \"lottoStrike\",\n disableSortBy: true,\n Cell: ({ row }) => {\n return (\n \n {\n setViewUrl(ApiUrl._API_GET_AGENT_WINLOSS_REPORT_DETAIL);\n setViewDetails({\n AgentId: row.original.agentId,\n AgentUsername: row.original.agentUsername,\n StartDate: startDate,\n EndDate: endDate,\n Vendors: selectedVendor,\n Agents: selectedAgents,\n type: _REPORT_TYPE.lotto\n });\n setModalVisibility(true);\n }}>\n {numberWithCurrencyFormat(row.original.lottoStrike, 2)}\n
\n \n )\n },\n Footer: ({ page }) => {\n const totalAmount = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.lottoStrike);\n }, 0);\n\n return {totalAmount.toFixed(2)}\n },\n },\n {\n Header: \"LOTTO_COMMISSION\",\n accessor: \"lottoCommission\",\n disableSortBy: true,\n Cell: ({ value }) => {\n return {numberWithCurrencyFormat(value, 2)}\n },\n Footer: ({ page }) => {\n const totalAmount = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.lottoCommission);\n }, 0);\n\n return {totalAmount.toFixed(2)}\n },\n },\n {\n Header: \"TURNOVER_COMMISSION\",\n accessor: \"turnoverCommission\",\n disableSortBy: true,\n Cell: ({ value }) => {\n return {numberWithCurrencyFormat(value, 2)}\n },\n Footer: ({ page }) => {\n const totalAmount = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.turnoverCommission);\n }, 0);\n\n return {totalAmount.toFixed(2)}\n },\n },\n {\n Header: \"AGENT_TOTAL_COMMISSION\",\n accessor: \"agentTotalCommission\",\n disableSortBy: true,\n Cell: ({ value }) => {\n return {numberWithCurrencyFormat(value, 2)}\n },\n Footer: ({ page }) => {\n const totalAmount = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.turnoverCommission);\n }, 0);\n\n return {totalAmount.toFixed(2)}\n },\n },\n {\n Header: \"UPLINE\",\n accessor: \"uplineName\",\n disableSortBy: true,\n Cell: ({ value }) => {\n return {stringIsNullOrEmpty(value) ? '-' : value}
;\n },\n },\n {\n Header: \"UPLINE_SLOT_COMMISSION\",\n accessor: \"uplineSlotCommission\",\n disableSortBy: true,\n Cell: ({ value }) => {\n return {numberWithCurrencyFormat(value, 2)}\n },\n Footer: ({ page }) => {\n const totalAmount = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.uplineSlotCommission);\n }, 0);\n\n return {totalAmount.toFixed(2)}\n },\n },\n {\n Header: \"UPLINE_FISHING_COMMISSION\",\n accessor: \"uplineFishingCommission\",\n disableSortBy: true,\n Cell: ({ value }) => {\n return {numberWithCurrencyFormat(value, 2)}\n },\n Footer: ({ page }) => {\n const totalAmount = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.uplineFishingCommission);\n }, 0);\n\n return {totalAmount.toFixed(2)}\n },\n },\n // {\n // Header: \"UPLINE_LIVE_SLOT_COMMISSION\",\n // accessor: \"liveUplineSlotCommission\",\n // disableSortBy: true,\n // Cell: ({ value }) => {\n // return {numberWithCurrencyFormat(value, 2)}\n // },\n // Footer: ({ page }) => {\n // const totalAmount = page.reduce((sum, currentValue) => {\n // return sum + parseFloat(currentValue.original.liveUplineSlotCommission);\n // }, 0);\n\n // return {totalAmount.toFixed(2)}\n // },\n // },\n {\n Header: \"UPLINE_LOTTO_COMMISSION\",\n accessor: \"uplineLottoCommission\",\n disableSortBy: true,\n Cell: ({ value }) => {\n return {numberWithCurrencyFormat(value, 2)}\n },\n Footer: ({ page }) => {\n const totalAmount = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.uplineLottoCommission);\n }, 0);\n\n return {totalAmount.toFixed(2)}\n },\n },\n // {\n // Header: \"UPLINE_TURNOVER_COMMISSION\",\n // accessor: \"uplineTurnoverCommission\",\n // disableSortBy: true,\n // Cell: ({ value }) => {\n // return {numberWithCurrencyFormat(value, 2)}\n // },\n // Footer: ({ page }) => {\n // const totalAmount = page.reduce((sum, currentValue) => {\n // return sum + parseFloat(currentValue.original.uplineTurnoverCommission);\n // }, 0);\n\n // return {totalAmount.toFixed(2)}\n // },\n // },\n {\n Header: \"TOTAL_UPLINE_COMMISSION\",\n accessor: \"uplineCommission\",\n disableSortBy: true,\n Cell: ({ value }) => {\n return {numberWithCurrencyFormat(value, 2)}\n },\n Footer: ({ page }) => {\n const totalAmount = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.uplineCommission);\n }, 0);\n\n return {totalAmount.toFixed(2)}\n },\n },\n ]\n\n const _VIEW_DETAIL_COLUMNS = [\n {\n Header: \"No.\",\n id: \"row\",\n Cell: ({ row }) => {\n return {row.index + 1}
;\n },\n disableSortBy: true,\n width: '1%'\n },\n {\n Header: \"PLAYER\",\n accessor: \"playerUsername\",\n disableSortBy: true\n },\n {\n Header: \"VENDOR\",\n accessor: \"vendorName\",\n disableSortBy: true,\n },\n {\n Header: \"AMOUNT\",\n accessor: \"amount\",\n disableSortBy: true,\n Cell: ({ value }) => {\n return = 0 ? \"\" : \"text-danger\"}>{numberWithCurrencyFormat(value, 2)}\n },\n Footer: ({ page }) => {\n const totalAmount = page.reduce((sum, currentValue) => {\n return sum + parseFloat(currentValue.original.amount);\n }, 0);\n\n return {numberWithCurrencyFormat(totalAmount, 2)}\n },\n },\n ]\n\n /// \n \n \n \n \n \n \n \n {PaginationTable}\n \n \n\n { setModalVisibility(false) }} size=\"lg\">\n { setModalVisibility(false) }}>{constructModalHeader()} \n \n {ViewDetailPaginationTable}\n \n \n \n \n \n
\n );\n};\n\nexport default AgentWinLossReport2;","import React, { useState, useEffect, useMemo } from 'react';\nimport ReactTable from '../../../components/custom/ReactTable';\nimport { Panel, PanelBody } from '../../../components/panel/panel.jsx';\nimport { UncontrolledButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\nimport { useTranslation } from 'react-i18next';\nimport { useLocation } from \"react-router-dom\";\nimport { ApiKey, ApiUrl, AccessRight, AlertTypes, Status } from '../../../util/Constant';\nimport 'react-dual-listbox/lib/react-dual-listbox.css';\nimport { stringIsNullOrEmpty, createFormBody } from \"../../../util/Util\";\nimport { checkIfPermissionExist } from \"../../../util/PermissionChecker\";\nimport { useDispatch } from \"react-redux\";\nimport { showMessage } from \"../../../redux/AppAction\";\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport { useForm } from \"react-hook-form\";\nimport VipMemberModal from '../../../components/custom/VipMemberModal';\n\n/// \n {t(\"AGENT_WIN_LOSS_REPORT\")}\n
\n\n \n \n { \n setEvent({\n id: _ID,\n name: _NAME,\n isEdit: true,\n botId: row.original.id,\n username: row.original.username,\n userId: row.original.userId,\n isUserBotActive: row.original.status,\n rank: row.original.rank\n });\n }}>\n {t('EDIT')}\n \n { updateBotStatus(row.original); }}>\n \n {row.original.status == Status._DISABLED ? t('ACTIVE') : t('DEACTIVATE')}\n \n \n \n \n
\n ),\n disableSortBy: true,\n width: 100,\n style: { overflow: \"visible\" }\n }\n ];\n\n /// \n \n \n {\n setEvent({});\n\n if (requiredRefresh) {\n applyFilter()\n }\n }} />\n
\n )\n}\n\nexport default ManageVipMember;","import React, { useState, useEffect } from 'react';\nimport ReactTable from '../../../components/custom/ReactTable';\nimport { Panel, PanelBody } from '../../../components/panel/panel.jsx';\nimport { UncontrolledButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem, Modal, ModalHeader, ModalBody, ModalFooter, Toast, ToastBody } from 'reactstrap';\nimport { useForm } from \"react-hook-form\";\nimport { ApiKey, ApiUrl, AlertTypes, OnlineWithdrawalStatus, AccessRight, CommonStatus } from \"../../../util/Constant\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { useTranslation } from 'react-i18next';\nimport { showResponseMessage, showMessage } from \"../../../redux/AppAction\";\nimport { getPendingOnlineWithdrawalCount } from \"../../../redux/AuthAction\";\nimport { numberWithCurrencyFormat, stringIsNullOrEmpty, isObjectEmpty } from \"../../../util/Util\";\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport moment from 'moment';\nimport { checkIfPermissionExist } from 'util/PermissionChecker';\nimport DateTime from 'react-datetime';\nimport Select from \"react-select\";\n\n/// \n
\n \n {_NAME + ' ' + t('VIP_MEMBER') + ' (' + _REGION_NAME + ')'}\n
\n \n\n
\n \n \n \n
\n {row.index + 1}
;\n },\n disableSortBy: true,\n width: '1%'\n },\n {\n Header: t(\"REQUEST_DATETIME\"),\n disableSortBy: true,\n Cell: ({ row }) => {\n return moment(row.original.createdTime).format('M/D/YYYY hh:mm:ss A');\n },\n },\n {\n Header: t(\"USERNAME\"),\n disableSortBy: true,\n Cell: ({ row }) => {\n return {`${row.original.username} ${row.original.shopName ? '(' + row.original.shopName + ')' : ''}`} {row.original.regionName}\n },\n },\n {\n Header: t(\"PLAYER\"),\n disableSortBy: true,\n Cell: ({ row }) => {\n return stringIsNullOrEmpty(row.original.playerUsername) ? '-' : `${row.original.playerUsername}`;\n },\n },\n {\n Header: t(\"AMOUNT\"),\n accessor: \"amount\",\n disableSortBy: true,\n Cell: ({ row }) => {\n return numberWithCurrencyFormat(row.original.amount * -1)\n },\n },\n {\n Header: t(\"STATUS\"),\n disableSortBy: true,\n Cell: ({ row }) => {\n return renderStatus(row.original.status, row.original.statusName);\n },\n },\n {\n Header: t(\"HANDLED_BY\"),\n disableSortBy: true,\n Cell: ({ row }) => {\n return stringIsNullOrEmpty(row.original.viewerUsername) ? '-' : `${row.original.viewerUsername} (${moment(row.original.viewedTime).format('M/D/YYYY hh:mm:ss A')})`;\n },\n },\n {\n Header: t(\"PROCESSED_DATETIME\"),\n disableSortBy: true,\n Cell: ({ row }) => {\n return row.original.status != OnlineWithdrawalStatus._PENDING_APPROVAL ? moment(row.original.updatedTime).format('M/D/YYYY hh:mm:ss A') : '-';\n },\n },\n {\n Header: \"ACTION\",\n Cell: ({ row }) => (\n checkIfPermissionExist(AccessRight._ONLINE_WITHDRAWAL_PERMISSION, true) && \n {\n row.original.status == OnlineWithdrawalStatus._PENDING_APPROVAL &&\n \n }\n \n {\n row.original.status == OnlineWithdrawalStatus._PENDING_APPROVAL &&\n !stringIsNullOrEmpty(row.original.viewedBy) && checkIfPermissionExist(AccessRight._REVERT_ONLINE_WITHDRAWAL_PERMISSION, true) &&\n \n }\n \n {\n row.original.status != OnlineWithdrawalStatus._PENDING_APPROVAL &&\n \n }\n
\n ),\n disableSortBy: true,\n width: 100,\n style: { overflow: \"visible\" }\n }\n ];\n\n /// \n \n \n \n \n setModalData({})} centered size=\"lg\" style={{ maxWidth: \"1200px\" }}>\n {t('PROCESS_ONLINE_WITHDRAWAL_REQUEST', { user: modalData.username })} \n \n \n {\n modalData.status == OnlineWithdrawalStatus._PENDING_APPROVAL &&\n \n {\n _dispatch(showMessage({\n content: t(\"ARE_YOU_SURE_YOU_WANT_TO_THIS_ONLINE_WITHDRAWAL_BY\", { user: modalData.username, action: t('APPROVE') }),\n showCancel: true,\n confirmBtnText: t(\"CONFIRM\"),\n type: AlertTypes._WARNING,\n onConfirm: async (value) => {\n transactionAction(CommonStatus._APPROVE_STATUS, modalData.id);\n }\n }));\n }}>\n {t(\"APPROVE\")}\n \n {\n _dispatch(showMessage({\n content: t(\"ARE_YOU_SURE_YOU_WANT_TO_THIS_ONLINE_WITHDRAWAL_BY\", { user: modalData.username, action: t('REJECT') }),\n showCancel: true,\n confirmBtnText: t(\"CONFIRM\"),\n type: AlertTypes._WARNING,\n onConfirm: async (value) => {\n transactionAction(CommonStatus._REJECT_STATUS, modalData.id);\n }\n }));\n }}>\n {t(\"REJECT\")}\n \n \n }\n \n \n {t('COPIED')}\n \n \n \n
\n )\n}\n\nexport default OnlineWithdrawalRequest;","import React, { useState, useEffect, useMemo } from \"react\";\nimport moment from 'moment';\nimport { Link } from \"react-router-dom\";\nimport { Button } from \"reactstrap\";\nimport {\n Panel,\n PanelHeader,\n PanelBody,\n PanelFooter,\n} from \"../../../components/panel/panel.jsx\";\nimport DualListBox from 'react-dual-listbox';\nimport DateTime from 'react-datetime';\nimport { useTranslation } from 'react-i18next';\nimport { useForm } from \"react-hook-form\";\nimport ReactTable from \"../../../components/custom/ReactTable\";\nimport { ApiKey, ApiUrl, WebUrl, AccessRight, Role, ReportType, ManagerTransactionType } from \"../../../util/Constant\";\nimport { stringIsNullOrEmpty, createMultiPartFormBody, getValidationMessage } from \"../../../util/Util\";\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport DualListBoxItemRow from \"components/custom/DualListBoxItemRow.js\";\n\n/// {t('ONLINE_WITHDRAWAL_REQUEST')}
\n\n
\n \n \n \n \n
\n \n
\n \n \n \n
\n \n
\n \n
\n \n {t(\"STATUS\") + ': '}\n {renderStatus(modalData.status, modalData.statusName)}\n
\n \n
\n \n {t(\"REQUESTED_DATETIME\") + ': '}\n {moment(modalData.createdTime).format('YYYY-MM-DD hh:mm:ss A')}\n
\n \n
\n \n {t(\"HANDLED_BY\") + ': '}\n {`${modalData.viewerUsername} ${modalData.shopName ? '(' + modalData.shopName + ')' : ''}`}\n
\n \n
\n \n {t(\"USERNAME\") + ': '}\n {`${modalData.username}`} ({modalData.regionName})\n
\n \n
\n \n {t(\"BANK\") + ': '}\n {modalData.bankName}\n
\n \n
\n \n {t(\"HOLDER_NAME\") + ': '}\n {modalData.bankAccountHolderName}\n
\n \n
\n \n {t(\"ACCOUNT_NUMBER\") + ': '}\n {modalData.bankAccountNumber?.match(/.{1,4}/g).join(' ')}\n \n {\n navigator.clipboard.writeText(modalData.bankAccountNumber);\n setShowToast(!showToast);\n }}>\n
\n \n
\n \n {t(\"AMOUNT\") + ': '}\n {numberWithCurrencyFormat(modalData.amount * -1)}\n
\n \n
\n \n {t(\"REMARK\") + ': '}\n {\n modalData.status == OnlineWithdrawalStatus._PENDING_APPROVAL ?\n option.value == remark)}\n onChange={(e) => {\n setRemark(e.value);\n }} />\n :\n {!stringIsNullOrEmpty(modalData.remark) ? modalData.remark : \"-\"}\n }\n
\n \n \n
\n
\n {t(\"SET_SCORE_REPORT\")}
\n| {t('DATE')} | \n{t('OPERATED_BY')} | \n{t('PHONE_NUMBER')} | \n{t('PLAYER_ID')} | \n{t('VENDOR')} | \n{t('TRANSACTION_TYPE')} | \n{t('STATUS')} | \n{t('AMOUNT')} | \n{t('MEMBER_PRE')} | \n{t('MEMBER_POST')} | \n{t('PLAYER_PRE')} | \n{t('PLAYER_POST')} | \n
|---|---|---|---|---|---|---|---|---|---|---|---|
| {moment(modalData.updatedTime).format('YYYY-MM-DD hh:mm:ss A')} | \n{modalData.viewerUsername} {modalData.shopName ? '(' + modalData.shopName + ')' : ''} | \n{modalData.username} | \n{modalData.playerUsername ?? \"-\"} | \n{modalData.vendorGameName ?? \"-\"} | \n\n \n {\n t(\"REFUND_E_CREDIT\")\n }\n \n | \n{t(\"SUCCESS\")} | \n{modalData.refundDetail.credit} | \n{modalData.refundDetail.preCredit} | \n{modalData.refundDetail.postCredit} | \n{\"-\"} | \n{\"-\"} | \n
| {moment(modalData.createdTime).format('YYYY-MM-DD hh:mm:ss A')} | \n{modalData.viewerUsername} {modalData.shopName ? '(' + modalData.shopName + ')' : ''} | \n{modalData.username} | \n{modalData.playerUsername ?? \"-\"} | \n{modalData.vendorGameName ?? \"-\"} | \n\n \n {\n modalData.playerUsername ? t(\"E_POINT\") : t(\"E_CREDIT\")\n }\n \n | \n{t(\"SUCCESS\")} | \n{modalData.amount} | \n{modalData.playerUsername ? \"-\" : modalData.preAmount} | \n{modalData.playerUsername ? \"-\" : modalData.postAmount} | \n{modalData.playerUsername ? modalData.preAmount : \"-\"} | \n{modalData.playerUsername ? modalData.postAmount : \"-\"} | \n
{row.index + 1}
;\n },\n width: 30,\n disableSortBy: true\n },\n {\n Header: \"DATE\",\n accessor: \"createdTime\",\n disableSortBy: true,\n Cell: ({ row }) => {\n return moment(row.original.createdTime).format('DD/MM/YYYY hh:mm:ss A')\n },\n },\n {\n Header: \"OPERATED_BY\",\n accessor: \"createdByUsername\",\n disableSortBy: true\n },\n {\n Header: \"MANAGER_USERNAME\",\n accessor: \"username\",\n disableSortBy: true\n },\n {\n Header: \"INITIAL_LIMIT\",\n accessor: \"preCreditLimit\",\n disableSortBy: true,\n Cell: ({ row }) => {\n return row.original.preCreditLimit.toFixed(2)\n },\n },\n {\n Header: \"AMOUNT\",\n accessor: \"amount\",\n Cell: ({ row }) => {\n return row.original.creditLimit > 0 ? {row.original.creditLimit.toFixed(2)} : {row.original.creditLimit.toFixed(2)};\n },\n disableSortBy: true,\n },\n {\n Header: \"FINAL_LIMIT\",\n accessor: \"postCreditLimit\",\n disableSortBy: true,\n Cell: ({ row }) => {\n return row.original.postCreditLimit.toFixed(2)\n },\n },\n {\n Header: \"TRANSACTION_TYPE\",\n accessor: \"typeName\",\n Cell: ({ row }) => {\n return (\n {t(row.original.typeName)}\n )\n },\n disableSortBy: true\n },\n ]\n\n /// \n \n \n \n \n \n \n \n {PaginationTable}\n \n \n
\n );\n};\n\nexport default ManagerLimitTransactionReport;","import React, { useState, useEffect } from \"react\";\nimport moment from 'moment';\nimport {\n Panel,\n PanelBody,\n} from \"../../components/panel/panel.jsx\";\nimport { useTranslation } from 'react-i18next';\nimport ReactTable from \"../../components/custom/ReactTable\";\nimport { stringIsNullOrEmpty } from \"../../util/Util\";\nimport { ApiKey, ApiUrl, Role, Status, AlertTypes } from \"../../util/Constant\";\nimport { showResponseMessage } from \"redux/AppAction.js\";\nimport { useDispatch } from \"react-redux\";\nimport ApiEngine from \"util/ApiEngine.js\";\n\n/// {t('MANAGER_LIMIT_TRANSACTION')}
\n\n \n \n \n \n
\n );\n}\n\nexport default PlayerCreationReport;","import React, { useState, useEffect, useMemo } from \"react\";\nimport { Panel, PanelBody } from \"../../../components/panel/panel\";\nimport { WebUrl, ApiKey, ApiUrl, AccessRight } from \"../../../util/Constant\";\nimport ReactTable from \"../../../components/custom/ReactTable\";\nimport { UncontrolledButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem } from \"reactstrap\";\nimport ApiEngine from \"../../../util/ApiEngine.js\";\nimport { useTranslation } from \"react-i18next\";\nimport { checkIfPermissionExist } from \"../../../util/PermissionChecker\";\nimport { useHistory } from \"react-router-dom\";\nimport NavigationButton from \"../../../components/custom/NavigationButton\";\n\n/// {t(\"PLAYER_CREATION_REPORT\")}
\n\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 \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\t_history.push({\n\t\t\t\t\t\t\t\t\t\t\t\tpathname: WebUrl._URL_THIRD_PARTY_DETAIL,\n\t\t\t\t\t\t\t\t\t\t\t\tstate: { id: row.original.id },\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(\"EDIT_THIRD_PARTY_DETAIL\")}\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
\n\t\t\t\t\t),\n\t\t\t\tdisableSortBy: true,\n\t\t\t\twidth: 100,\n\t\t\t\tstyle: { overflow: \"visible\" },\n\t\t\t},\n\t\t],\n\t\t[thirdParties]\n\t);\n\n\t/// \n\t\t\t\n\t\t\t\t\n\t\t\t\t\t \n\t\t\t \n\t\t
\n\t);\n};\n\nexport default ManageThirdParty;\n","import React, { useState, useEffect, useRef } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport { Panel, PanelHeader, PanelBody } from \"../../../components/panel/panel\";\nimport { WebUrl, ApiUrl, ApiKey, AlertTypes } from \"../../../util/Constant\";\nimport * as Util from \"../../../util/Util\";\nimport { showMessage } from \"../../../redux/AppAction\";\nimport { useHistory, useLocation } from \"react-router-dom\";\nimport { useForm } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\nimport NavigationButton from \"../../../components/custom/NavigationButton\";\nimport ApiEngine from \"../../../util/ApiEngine.js\";\n\n/// \n\t\t\t\t
\n\t\t\t{t(\"MANAGE_THIRD_PARTY\")}
\n\t\t\t\t{checkIfPermissionExist(AccessRight._GAME_VENDOR_CONTROL_PERMISSION, true) &&\n\t\t\t\n\t\t
\n\t);\n};\n\nexport default ThirdPartyDetail;\n","import React, { useState, useEffect, useMemo } from 'react';\nimport { Panel, PanelBody } from '../../../components/panel/panel';\nimport { WebUrl, ApiKey, ApiUrl, AccessRight, Status } from '../../../util/Constant';\nimport ReactTable from '../../../components/custom/ReactTable';\nimport { UncontrolledButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport { useTranslation } from 'react-i18next';\nimport * as Util from '../../../util/Util';\nimport { useDispatch } from \"react-redux\";\nimport Select from \"react-select\";\nimport { showResponseMessage } from \"../../../redux/AppAction\";\nimport { checkIfPermissionExist } from \"../../../util/PermissionChecker\";\nimport { useHistory } from \"react-router-dom\";\nimport NavigationButton from '../../../components/custom/NavigationButton';\nimport AttachShopModal from '../../../components/custom/AttachShopModal';\n\n/// \n \n \n {\n onEditStatus({ \"id\": row.original.id, \"status\": row.original.status == Status._ENABLED ? Status._DISABLED : Status._ENABLED })\n }}>\n {row.original.status ? t(\"DISABLE\") : t(\"ENABLE\")}\n \n {\n _history.push({\n pathname: WebUrl._URL_THIRD_PARTY_API_DETAIL,\n state: { id: row.original.id }\n })\n }}>\n {t('EDIT_THIRD_PARTY_API_DETAIL')}\n \n {\n setSelectedThirdPartyApi(row.original);\n toggleModal();\n }}>\n {t('ATTACH_SHOPS')}\n \n \n \n
\n ),\n disableSortBy: true,\n width: 100,\n style: { overflow: \"visible\" }\n }\n ], [thirdPartyApiList]);\n\n /// \n \n \n \n \n {\n if (attachedShops) {\n onSubmitAttachShop(attachedShops);\n }\n else {\n toggleModal();\n }\n }} />\n
\n );\n}\n\nexport default ManageThirdPartyApi;","import React, { useState, useEffect, useRef } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport { Panel, PanelHeader, PanelBody } from \"../../../components/panel/panel\";\nimport { WebUrl, ApiUrl, ApiKey, AlertTypes } from \"../../../util/Constant\";\nimport * as Util from \"../../../util/Util\";\nimport { showMessage } from \"../../../redux/AppAction\";\nimport { useHistory, useLocation } from \"react-router-dom\";\nimport { useForm } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\nimport NavigationButton from \"../../../components/custom/NavigationButton\";\nimport ApiEngine from \"../../../util/ApiEngine.js\";\nimport moment from \"moment\";\nimport DateTime from 'react-datetime';\n\n/// \n
\n {t(\"MANAGE_THIRD_PARTY_API\")}
\n {\n checkIfPermissionExist(AccessRight._GAME_VENDOR_CONTROL_PERMISSION, true) &&\n\n\t\t\t\n\t\t
\n\t);\n};\n\nexport default ThirdPartyApiDetail;\n","import React, { useState, useEffect, useMemo } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport moment from 'moment';\nimport {\n Panel,\n PanelBody,\n} from \"../../../components/panel/panel.jsx\";\nimport DateTime from 'react-datetime';\nimport { useTranslation } from 'react-i18next';\nimport { useForm } from \"react-hook-form\";\nimport ReactTable from \"../../../components/custom/ReactTable\";\nimport { ApiKey, ApiUrl, Role, AccessRight, WebUrl } from \"../../../util/Constant\";\nimport { arrayGroupByKey, getValidationMessage, isObjectEmpty, stringIsNullOrEmpty } from \"../../../util/Util\";\nimport ApiEngine from '../../../util/ApiEngine.js';\nimport RegionFilterDualListBox from \"../../../components/custom/RegionFilterDualListBox\";\nimport { showResponseMessage } from \"redux/AppAction.js\";\nimport { Modal, ModalHeader, ModalBody, ModalFooter, UncontrolledButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';\nimport { checkIfPermissionExist } from \"util/PermissionChecker.js\";\n\n/// {row.index + 1}
;\n },\n width: 30,\n disableSortBy: true\n },\n {\n Header: \"SHOP\",\n Cell: ({ row }) => {\n return {`${row.original.username} (${row.original.userFullName})`}
;\n },\n disableSortBy: true\n },\n {\n Header: \"TOTAL_NEW_MEMBER\",\n accessor: \"totalMember\",\n disableSortBy: true,\n Cell: ({ row }) => {\n return { getShopMember(row.original.userId, row.original.username, row.original.userFullName) }}>\n {row.original.totalMember}\n \n }\n },\n ];\n let _memberTableColumns = [\n {\n Header: \"No\",\n id: \"row\",\n filterable: false,\n Cell: ({ row }) => {\n return {row.index + 1}
;\n },\n width: 30,\n disableSortBy: true\n },\n {\n Header: \"MEMBER\",\n Cell: ({ row }) => {\n return {`${row.original.username} (${stringIsNullOrEmpty(row.original.userFullName) ? '-' : row.original.userFullName})`}
;\n },\n disableSortBy: true\n },\n {\n Header: \"CREATED_TIME\",\n accessor: \"createdTimeString\",\n disableSortBy: true\n },\n {\n\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) => {\n return (\n checkIfPermissionExist(AccessRight._SET_SCORE_REPORT_PERMISSION, false) && \n \n \n {\n const win = window.open(`${WebUrl._URL_SET_SCORE_REPORT}?username=${row.original.username}&startDate=${watch('startDate')}&endDate=${watch('endDate')}`\n , \"_blank\");\n win.focus();\n }}>{t(\"VIEW_SET_SCORE_REPORT\")} \n \n \n
\n )\n },\n disableSortBy: true,\n disableFilters: true,\n style: { overflow: \"visible\", width: '1%' }\n }\n ]\n\n /// \n \n \n \n \n \n \n \n {PaginationTable}\n \n \n setMembers({})} size={'lg'}>\n setMembers({})}>{`${members?.shopUsername} (${members?.shopName})`} \n \n \n \n \n \n \n
\n );\n}\n\nexport default UserGrowthReport;","import React from \"react\";\nimport { Redirect } from \"react-router\";\nimport { WebUrl, LoginType, AccessRight } from \"util/Constant\";\n\nimport Login from \"./../pages/home/Login.js\";\n\n//admin module\nimport ManageShop from \"./../pages/admin/account/ManageShop.js\";\nimport ShopDetail from \"./../pages/admin/account/ShopDetail.js\";\nimport ManageManager from \"./../pages/admin/account/ManageManager\";\nimport ManagerDetail from \"./../pages/admin/account/ManagerDetail\";\nimport ManageRole from \"./../pages/admin/account/ManageRole\";\nimport RoleDetail from \"./../pages/admin/account/RoleDetail\";\nimport ManageAdmin from \"./../pages/admin/account/ManageAdmin\";\nimport AdminDetail from \"./../pages/admin/account/AdminDetail\";\nimport ManagePlayer from \"./../pages/admin/account/ManagePlayer\";\nimport ManageMember from \"./../pages/admin/account/ManageMember\";\nimport MemberDetail from \"./../pages/admin/account/MemberDetail\";\nimport ViewAnnouncement from \"./../pages/admin/account/ViewAnnouncement\";\nimport MemberPlayerControl from \"./../pages/admin/account/MemberPlayerControl\";\nimport ManageShopApi from \"./../pages/admin/account/ManageShopApi\";\nimport ManageAgent from \"./../pages/admin/account/ManageAgent.js\";\nimport AgentDetail from \"./../pages/admin/account/AgentDetail.js\";\n\nimport Dashboard from \"./../pages/admin/Dashboard.js\";\n\nimport ManageVendor from \"./../pages/admin/vendor/ManageVendor\";\nimport VendorDetail from \"./../pages/admin/vendor/VendorDetail\";\nimport ManageVendorApi from \"./../pages/admin/vendor/ManageVendorApi\";\nimport VendorApiDetail from \"./../pages/admin/vendor/VendorApiDetail\";\n\nimport ManageSystemSettings from \"./../pages/admin/configuration/ManageSystemSettings.js\";\nimport ManageSmsSettings from \"./../pages/admin/configuration/ManageSmsSettings.js\";\nimport SmsDetails from \"./../pages/admin/configuration/SmsDetails.js\";\nimport ManageShopMessage from \"./../pages/admin/configuration/ManageShopMessage.js\";\nimport ShopMessageDetail from \"../pages/admin/configuration/ShopMessageDetail.js\";\nimport ManageSystemMessage from \"./../pages/admin/configuration/ManageSystemMessage.js\";\nimport SystemMessageDetail from \"../pages/admin/configuration/SystemMessageDetail.js\";\nimport ManagePhoneMessage from \"./../pages/admin/configuration/ManagePhoneMessage.js\";\nimport PhoneMessageDetail from \"../pages/admin/configuration/PhoneMessageDetail.js\";\nimport OperationLog from \"../pages/admin/configuration/OperationLog.js\";\nimport ManagePromotion from \"./../pages/admin/configuration/ManagePromotion\";\nimport ManagePromotionDetail from \"../pages/admin/configuration/ManagePromotionDetail\";\nimport ManageLuckyNumber from \"../pages/admin/configuration/ManageLuckyNumber\";\n\nimport ManageMiniProgram from \"../pages/admin/configuration/ManageMiniProgram\";\nimport MiniProgramDetail from \"../pages/admin/configuration/MiniProgramDetail\";\nimport ManagePaymentGateway from \"../pages/admin/configuration/ManagePaymentGateway\";\nimport ManagePaymentGatewayDetail from \"../pages/admin/configuration/ManagePaymentGatewayDetail\";\n\nimport ManageIPBlackList from \"../pages/admin/configuration/ManageIPBlackList\";\n\nimport ManageShopLogin from \"../pages/admin/configuration/ManageShopLogin\";\n\nimport ManageAppealTransaction from \"../pages/admin/configuration/ManageAppealTransaction\";\n\nimport ManageBonus from \"../pages/admin/configuration/ManageBonus\";\n\n//report\nimport SetLimitReport from \"../pages/admin/report/SetLimitReport\";\nimport SetScoreReport from \"../pages/admin/report/SetScoreReport\";\nimport SalesReport from \"../pages/admin/report/SalesReport\";\nimport RewardReport from \"../pages/admin/report/RewardReport\";\nimport ClaimRewardReport from \"../pages/admin/report/ClaimRewardReport\";\nimport ManagerLimitReport from \"../pages/admin/report/ManagerLimitReport\";\nimport KioskTimeoutReport from \"../pages/admin/report/KioskTimeoutReport\";\nimport AgentCommissionReport from \"../pages/admin/report/AgentCommissionReport\";\nimport TopUpReport from \"../pages/admin/report/TopUpReport\";\nimport CreditTransferReport from \"../pages/admin/report/CreditTransferReport\";\nimport StrikeReport from \"../pages/admin/report/StrikeReport\";\nimport RolloverReport from \"../pages/admin/report/RolloverReport\";\nimport UpperLimitWarningReport from \"../pages/admin/report/UpperLimitWarningReport\";\nimport UserExperienceReport from \"../pages/admin/report/UserExperienceReport\";\nimport TurnoverReport from \"../pages/admin/report/TurnoverReport\";\nimport TurnoverRewardReport from \"../pages/admin/report/TurnoverRewardReport\";\nimport LuckySpinWinner from \"../pages/admin/report/LuckySpinWinner\";\nimport KogWinner from \"../pages/admin/report/KogWinner\";\nimport AgentNetProfitReport from \"../pages/admin/report/AgentNetProfitReport\";\nimport LottoSeamlessSettlementReport from \"../pages/admin/report/LottoSeamlessSettlementReport\";\nimport ShopEghlReport from \"pages/admin/report/ShopEghlReport.js\";\n\n//shop module\nimport Report from \"./../pages/shop/Report.js\";\nimport MemberDetails from \"./../pages/shop/MemberDetails.js\";\nimport Reload from \"pages/shop/Reload.js\";\nimport EGHLReload from \"pages/shop/EGHLReload.js\";\nimport ClaimBonus from \"pages/shop/ClaimBonus.js\";\nimport Search from \"./../pages/shop/Search.js\";\nimport BlockPuk from \"./../pages/shop/BlockPuk.js\";\nimport RegisterMember from \"./../pages/shop/RegisterMember\";\nimport RegisterPlayer from \"./../pages/shop/RegisterPlayer\";\nimport ShopAgentCommissionReport from \"./../pages/shop/ShopAgentCommissionReport\";\nimport ShopCreditTopupReport from \"./../pages/shop/CreditTopupReport\";\nimport ShopCreditTransferReport from \"./../pages/shop/CreditTransferReport\";\nimport PlayerReload from \"./../pages/shop/PlayerReload.js\";\nimport Announcement from \"./../pages/shop/Announcement\";\nimport TransactionRequest from \"./../pages/shop/TransactionRequest\";\nimport ShopLimitApprovalReport from \"../pages/shop/ShopLimitApprovalReport\";\n\nimport ManageVendorCategory from \"./../pages/admin/vendor/ManageVendorCategory\";\nimport VendorCategoryDetail from \"./../pages/admin/vendor/VendorCategoryDetail\";\n\nimport ManageRank from \"../pages/admin/configuration/ManageRank\";\nimport RankDetail from \"../pages/admin/configuration/RankDetail\";\n\nimport ManageNotificationSettings from \"./../pages/admin/configuration/ManageNotificationSettings\";\nimport NotificationDetails from \"./../pages/admin/configuration/NotificationDetails\";\nimport ManageMemberDownline from \"./../pages/admin/account/ManageMemberDownline\";\n\nimport ManageAppAnnoucement from \"./../pages/admin/configuration/ManageAppAnnoucement\";\nimport AppAnnoucementDetail from \"./../pages/admin/configuration/AppAnnoucementDetail\";\n\nimport ManageKogEvent from \"./../pages/admin/configuration/ManageKogEvent\";\nimport KogEventDetail from \"./../pages/admin/configuration/KogEventDetail\";\nimport KogEventRanking from \"./../pages/admin/configuration/KogEventRanking\";\n\nimport ManageFeedbackSettings from \"./../pages/admin/configuration/ManageFeedbackSettings\";\nimport MemberFeedbackReport from \"./../pages/admin/configuration/MemberFeedbackReport\";\nimport ShopFeedbackReport from \"./../pages/admin/configuration/ShopFeedbackReport\";\n\nimport ManageBanner from \"./../pages/admin/configuration/ManageBanner\";\nimport ManageBannerDetail from \"./../pages/admin/configuration/BannerDetail\";\n\nimport MemberEcreditTransferLog from \"../pages/admin/report/MemberEcreditTransferLog\";\nimport RegionEcreditTransferLog from \"../pages/admin/report/RegionEcreditTransferLog\";\n\nimport ViewUserActionLog from \"../pages/admin/report/UserActionLog\";\nimport ViewTransactionLog from \"../pages/admin/report/UserTransactionLog\";\n\nimport OverallDownlineReport from \"../pages/admin/report/OverallDownlineReport\";\nimport RankSummaryReport from \"../pages/admin/report/RankSummaryReport\";\n\nimport ApiLog from \"../pages/admin/report/ApiLog.js\";\nimport AgentApiDetail from \"pages/admin/account/AgentVendorApiDetail.js\";\nimport AgentVendorApiDetail from \"pages/admin/account/AgentVendorApiDetail.js\";\nimport AgentWinLoss from \"pages/admin/report/AgentWinLossReport\";\nimport AgentWinLossReport from \"pages/admin/report/AgentWinLossReport\";\nimport AgentWinLossReport2 from \"pages/admin/report/AgentWinLossReport2\";\nimport ManageVipMember from \"pages/admin/configuration/ManageVipMember.js\";\n\nimport OnlineWithdrawalRequest from \"../pages/admin/online-withdrawal/OnlineWithdrawalRequest\";\nimport ManagerLimitTransactionReport from \"pages/admin/report/ManagerLimitTransactionReport\";\nimport PlayerCreationReport from \"../pages/shop/PlayerCreationReport\";\n\nimport ManageThirdParty from \"pages/admin/third-party/ManageThirdParty\";\nimport ThirdPartyDetail from \"pages/admin/third-party/ThirdPartyDetail.js\";\n\nimport ManageThirdPartyApi from \"pages/admin/third-party/ManageThirdPartyApi\";\nimport ThirdPartyApiDetail from \"pages/admin/third-party/ThirdPartyApiDetail.js\";\n\nimport UserGrowthReport from \"pages/admin/report/UserGrowthReport.js\";\n\n/// {t(\"USER_GROWTH_REPORT\")}
\n\n {this.state.routes.map((route, index) => (\n this.PrivateRoute(index, route)\n ))}\n
\n )}\n {t('SET_CREDIT') + ': '}{Number(adjustScoreAmount).toFixed(1)}
,\n html: true,\n onConfirm: () => {\n _dispatch(getShopCredit());\n closeModal();\n },\n showCancel: true,\n confirmBtnText: t(\"PRINT\"),\n confirmBtnBsStyle: \"success\",\n cancelBtnText: \"OK\",\n cancelBtnBsStyle: \"primary\",\n reverseButtons: false,\n onConfirm: () => {\n _dispatch(getShopCredit());\n closeModal();\n Util.printReceipt(`Agent: ${showAgentReloadModal.username}|Set Credit: ${Number(adjustScoreAmount).toFixed(1)}`)\n }\n }));\n }\n catch (err) {\n _dispatch(showMessage({\n type: AlertTypes._ERROR,\n content: t(err)\n }));\n }\n }\n\n return (\n <>\n \n Util.ignoreDecimal(e, _userData?.username?.includes(\"demo\") || _userData?.isAdminLevel)}\n ref={_inputTxtRef} value={adjustScoreAmount} onChange={(e) => { setAdjustScoreAmount(e.target.value) }} />\n
\n \n \n \n
\n {t('CREDIT')}: {showAgentReloadModal.credit}
\n \n }\n {passwordConfirmation &&\n \n ![]({require(\"./assets/img/error.png\")})
\n
\n );\n }\n else {\n return (\n \n Something went wrong, please contact admin for help
\n\n {window.navigator.userAgent}\n
\n \n }))}\n
\n {this.state.pageHeader && (this.props.authState.userData.userRoleId == Role._SHOP ?
\n }\n {\n if (this.state.pageSidebarToggled) {\n this.toggleMobileSidebar();\n }\n }}> \n {this.state.pageContent && (
\n