window.open(row.original.bankWebsite)}\n >\n {row.original.bankWebsite}\n \n );\n },\n width: 200,\n },\n {\n Header: \"MINIMUM_DEPOSIT\",\n accessor: \"minimumDeposit\",\n },\n {\n Header: \"MINIMUM_WITHDRAWAL\",\n accessor: \"minimumWithdrawal\",\n },\n {\n Header: \"MAXIMUM_DEPOSIT\",\n accessor: \"maximumDeposit\",\n },\n {\n Header: \"MAXIMUM_WITHDRAWAL\",\n accessor: \"maximumWithdrawal\",\n },\n {\n Header: \"STATUS\",\n accessor: \"status\",\n Cell: ({ row }) => {\n return {renderStatus(row.original.status)}
;\n },\n minWidth: 100,\n },\n {\n Header: \"MEMBER_SITE_DISPLAY\",\n accessor: \"status\",\n id: \"memberSiteStatus\",\n Cell: ({ row }) => {\n return (\n \n {renderStatus(row.original.enableDeposit, t(\"DEPOSIT\"))}\n {renderStatus(row.original.enableWithdrawal, t(\"WITHDRAWAL\"))}\n
\n );\n },\n minWidth: 100,\n },\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) =>\n checkIfPermissionExist(AccessRight._BANK_SETTING_PERMISSION, true) && (\n \n \n \n \n \n {\n navigateTo(\n _history,\n WebUrl._URL_CREATE_OR_EDIT_BANK,\n row.original\n );\n }}\n >\n {t(\"EDIT\")} \n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n width: 1,\n style: { overflow: \"visible\" },\n },\n ];\n\n /// \n /// Author : -\n /// \n const renderStatus = (status, text = \"\") => {\n let className = \"\";\n let statusText = \"\";\n\n if (status) {\n className = \"badge-green\";\n statusText = t(\"ACTIVE\");\n } else {\n className = \"badge-danger\";\n statusText = t(\"SUSPENDED\");\n }\n\n return (\n \n {stringIsNullOrEmpty(text) ? statusText : text}\n \n );\n };\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n fetch(ApiUrl._API_GET_USER_BANK + \"?all=true\", {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setBankData(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n }, []);\n\n return (\n \n
\n {t(\"BANKS\")}\n {checkIfPermissionExist(AccessRight._BANK_SETTING_PERMISSION, true) && (\n \n
\n \n \n \n
\n/// Author : -\n/// \nconst EditBank = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const _location = useLocation();\n const { register, handleSubmit, errors } = useForm();\n const _dispatch = useDispatch();\n\n const [bankCode, setBankCode] = useState(\"\");\n const [bankName, setBankName] = useState(\"\");\n const [bankShortName, setBankShortName] = useState(\"\");\n const [bankWebsite, setBankWebsite] = useState(\"\");\n const [bankCurrencyCode, setBankCurrencyCode] = useState(\"\");\n\n const [minimumDeposit, setMinimumDeposit] = useState(\"\");\n const [minimumWithdrawal, setMinimumWithdrawal] = useState(\"\");\n const [maximumDeposit, setMaximumDeposit] = useState(\"\");\n const [maximumWithdrawal, setMaximumWithdrawal] = useState(\"\");\n const [bankCountryCode, setBankCountryCode] = useState(\"\");\n\n const [bankAddress, setBankAddress] = useState(\"\");\n const [bankPostalCode, setBankPostalCode] = useState(\"\");\n const [bankPhone, setBankPhone] = useState(\"\");\n const [bankFax, setBankFax] = useState(\"\");\n const [instantPay, setInstantPay] = useState(true);\n const [bankId, setBankId] = useState(\"\");\n const [status, setStatus] = useState(true);\n const [logoImage, setLogoImage] = useState(null);\n const [logoFile, setLogoFile] = useState(null);\n const [isNewImage, setIsNewImage] = useState(false);\n const [enableDeposit, setEnableDeposit] = useState(false);\n const [enableWithdrawal, setEnableWithdrawal] = useState(true);\n const [adjustment, setAdjustment] = useState(false);\n /// \n /// Author : -\n /// \n const submitForm = async (data, e) => {\n let params = {\n bankCode: data.bankCode,\n bankName: data.bankName,\n bankShortName: data.bankShortName,\n bankWebsite: data.bankWebsite,\n currencyCode: data.bankCurrencyCode,\n minimumDeposit: data.minimumDeposit,\n minimumWithdrawal: data.minimumWithdrawal,\n maximumDeposit: data.maximumDeposit,\n maximumWithdrawal: data.maximumWithdrawal,\n countryCode: data.bankCountryCode,\n address: data.bankAddress,\n postalCode: data.bankPostalCode,\n phone: data.bankPhone,\n fax: data.bankFax,\n instantPay: data.instantPay,\n status: data.status,\n isNewBankLogoImage: isNewImage,\n enableDeposit: data.enableDeposit,\n enableWithdrawal: data.enableWithdrawal,\n enableAdjustment: data.adjustment,\n };\n\n /// \n /// Author : -\n /// Used to set the logo to params\n /// \n if (!stringIsNullOrEmpty(logoFile)) {\n params[\"bankLogoImage\"] = logoFile;\n }\n\n if (stringIsNullOrEmpty(logoImage)) {\n params[\"bankLogoImageRemoved\"] = true;\n }\n\n if (!stringIsNullOrEmpty(bankId)) {\n params[\"id\"] = bankId;\n }\n\n let formBody = createMultiPartFormBody(params);\n _dispatch(setBusy());\n\n fetch(ApiUrl._API_CREATE_OR_UPDATE_BANK_DETAIL, {\n method: ApiKey._API_POST,\n headers: {\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n body: formBody,\n })\n .then((response) => response.json())\n .then((responseJson) => {\n _dispatch(setIdle());\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setIsNewImage(false);\n setBankId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n }\n\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n });\n };\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n if (_location.state) {\n var apiUrl = ApiUrl._API_GET_BANK_DETAIL;\n apiUrl += \"?bankId=\" + _location.state.id;\n fetch(apiUrl, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setBankId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n setBankCode(responseJson[ApiKey._API_DATA_KEY][\"bankCode\"]);\n\n setBankName(responseJson[ApiKey._API_DATA_KEY][\"bankName\"]);\n setBankShortName(\n responseJson[ApiKey._API_DATA_KEY][\"bankShortName\"]\n );\n setBankWebsite(responseJson[ApiKey._API_DATA_KEY][\"bankWebsite\"]);\n setBankCurrencyCode(\n responseJson[ApiKey._API_DATA_KEY][\"currencyCode\"]\n );\n setMinimumDeposit(\n responseJson[ApiKey._API_DATA_KEY][\"minimumDeposit\"]\n );\n setMinimumWithdrawal(\n responseJson[ApiKey._API_DATA_KEY][\"minimumWithdrawal\"]\n );\n setMaximumDeposit(\n responseJson[ApiKey._API_DATA_KEY][\"maximumDeposit\"]\n );\n setMaximumWithdrawal(\n responseJson[ApiKey._API_DATA_KEY][\"maximumWithdrawal\"]\n );\n setBankCountryCode(\n responseJson[ApiKey._API_DATA_KEY][\"countryCode\"]\n );\n setBankAddress(responseJson[ApiKey._API_DATA_KEY][\"address\"]);\n\n setBankPostalCode(responseJson[ApiKey._API_DATA_KEY][\"postalCode\"]);\n setBankPhone(responseJson[ApiKey._API_DATA_KEY][\"phone\"]);\n setBankFax(responseJson[ApiKey._API_DATA_KEY][\"fax\"]);\n setInstantPay(responseJson[ApiKey._API_DATA_KEY][\"instantPay\"]);\n setStatus(responseJson[ApiKey._API_DATA_KEY][\"status\"]);\n\n setEnableDeposit(\n responseJson[ApiKey._API_DATA_KEY][\"enableDeposit\"]\n );\n setEnableWithdrawal(\n responseJson[ApiKey._API_DATA_KEY][\"enableWithdrawal\"]\n );\n\n if (\n !stringIsNullOrEmpty(\n responseJson[ApiKey._API_DATA_KEY][\"bankLogo\"]\n )\n ) {\n setLogoImage(responseJson[ApiKey._API_DATA_KEY][\"bankLogo\"]);\n }\n\n setAdjustment(responseJson[ApiKey._API_DATA_KEY][\"enableAdjustment\"])\n }\n });\n }\n }, []);\n\n /// \n /// Author : -\n /// Used to set logo\n /// \n const logoDrop = (acceptedFiles) => {\n if (acceptedFiles.length !== 0) {\n const file = acceptedFiles[0];\n setLogoFile(file);\n const reader = new FileReader();\n reader.onloadend = () => {\n setLogoImage(reader.result);\n setIsNewImage(true);\n };\n reader.readAsDataURL(file);\n }\n };\n\n return (\n \n
\n {t(\"ADD_NEW_BANK\")}\n {\n _history.goBack();\n }}\n >\n \n
\n
\n
\n
\n
\n
\n \n {t(\"SUBMIT\")}\n \n
\n
\n
\n \n \n \n
\n
\n/// Author : -\n/// \nconst ManageBank = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const [bankAccountData, setBankAccountData] = useState([]);\n\n let _tableColumns = [\n {\n Header: \"BANK\",\n accessor: \"bankName\",\n },\n {\n Header: t(\"BANK_ACCOUNT_HOLDER_NAME\"),\n accessor: \"accountHolderName\",\n },\n {\n Header: \"BANK_ACCOUNT_NUMBER\",\n accessor: \"accountNumber\",\n style: {\n whiteSpace: \"unset\",\n wordBreak: \"break-word\",\n },\n },\n {\n Header: \"MINIMUM_DEPOSIT\",\n accessor: \"minimumDeposit\",\n width: 100,\n },\n {\n Header: \"MINIMUM_WITHDRAWAL\",\n accessor: \"minimumWithdrawal\",\n width: 100,\n },\n {\n Header: \"MAXIMUM_DEPOSIT\",\n accessor: \"maximumDeposit\",\n width: 100,\n },\n {\n Header: \"MAXIMUM_WITHDRAWAL\",\n accessor: \"maximumWithdrawal\",\n width: 100,\n },\n {\n id: \"account\",\n Header: \"ACCOUNT_STATUS\",\n accessor: (d) => {\n return d.accountStatus ? (\n {t(\"ACTIVE\")} \n ) : (\n \n {t(\"SUSPENDED\")}\n \n );\n },\n },\n {\n id: \"deposit\",\n Header: \"DEPOSIT_STATUS\",\n accessor: (d) => {\n return d.depositStatus ? (\n {t(\"ACTIVE\")} \n ) : (\n \n {t(\"SUSPENDED\")}\n \n );\n },\n },\n {\n id: \"withdrawal\",\n Header: \"WITHDRAWAL_STATUS\",\n accessor: (d) => {\n return d.withdrawalStatus ? (\n {t(\"ACTIVE\")} \n ) : (\n \n {t(\"SUSPENDED\")}\n \n );\n },\n },\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) =>\n checkIfPermissionExist(AccessRight._BANK_ACCOUNT_SETTING_PERMISSION, true) && (\n \n \n \n \n \n {\n navigateTo(\n _history,\n WebUrl._URL_CREATE_OR_UPDATE_BANK_ACCOUNT,\n row.original\n );\n }}\n >\n {t(\"EDIT\")} \n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n width: 100,\n style: { overflow: \"visible\" },\n },\n ];\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n fetch(ApiUrl._API_GET_USER_BANK_ACCOUNT + \"?all=true\", {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setBankAccountData(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n }, []);\n\n return (\n \n
\n {t(\"BANK_ACCOUNT\")}\n {checkIfPermissionExist(AccessRight._BANK_ACCOUNT_SETTING_PERMISSION, true) && (\n \n
\n \n \n \n
\n/// Author : -, -\n/// \n\nconst BankAccountDetail = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const _location = useLocation();\n const _dispatch = useDispatch();\n const [bankOption, setBankOption] = useState([]);\n const { register, unregister, handleSubmit, errors } = useForm();\n\n const [bankId, setBankId] = useState(\"\");\n const [bankAccountNumber, setBankAccountNumber] = useState(\"\");\n const [bankAccountHolderName, setBankAccountHolderName] = useState(\"\");\n const [branch, setBranch] = useState(\"\");\n const [province, setProvince] = useState(\"\");\n const [rank, setRank] = useState(\"\");\n\n const [minimumDeposit, setMinimumDeposit] = useState(\"\");\n const [maximumDeposit, setMaximumDeposit] = useState(\"\");\n const [minimumWithdrawal, setMinimumWithdrawal] = useState(\"\");\n const [maximumWithdrawal, setMaximumWithdrawal] = useState(\"\");\n const [bankAccountId, setBankAccountId] = useState(\"\");\n const [depositStatus, setDepositStatus] = useState(true);\n const [withdrawalStatus, setWithdrawalStatus] = useState(true);\n const [accountStatus, setAccountStatus] = useState(true);\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n register({ name: \"bankId\" }, { required: \"PLEASE_SELECT_BANK\" });\n init();\n }, []);\n\n /// \n /// Author : -\n /// \n async function init() {\n if (_location.state) {\n var apiUrl = ApiUrl._API_GET_BANK_ACCOUNT_DETAIL;\n apiUrl += \"?bankAccountId=\" + _location.state.id;\n await fetch(apiUrl, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setBankId(responseJson[ApiKey._API_DATA_KEY][\"bankId\"]);\n setBankAccountNumber(\n responseJson[ApiKey._API_DATA_KEY][\"accountNumber\"]\n );\n setBankAccountHolderName(\n responseJson[ApiKey._API_DATA_KEY][\"accountHolderName\"]\n );\n setBranch(responseJson[ApiKey._API_DATA_KEY][\"branch\"]);\n setProvince(responseJson[ApiKey._API_DATA_KEY][\"province\"]);\n setRank(responseJson[ApiKey._API_DATA_KEY][\"rank\"]);\n setMinimumDeposit(\n responseJson[ApiKey._API_DATA_KEY][\"minimumDeposit\"]\n );\n setMaximumDeposit(\n responseJson[ApiKey._API_DATA_KEY][\"maximumDeposit\"]\n );\n setMinimumWithdrawal(\n responseJson[ApiKey._API_DATA_KEY][\"minimumWithdrawal\"]\n );\n setMaximumWithdrawal(\n responseJson[ApiKey._API_DATA_KEY][\"maximumWithdrawal\"]\n );\n setBankAccountId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n setDepositStatus(\n responseJson[ApiKey._API_DATA_KEY][\"depositStatus\"]\n );\n setWithdrawalStatus(\n responseJson[ApiKey._API_DATA_KEY][\"withdrawalStatus\"]\n );\n setAccountStatus(\n responseJson[ApiKey._API_DATA_KEY][\"accountStatus\"]\n );\n unregister(\"bankId\");\n }\n });\n }\n\n fetch(ApiUrl._API_GET_USER_BANK + \"?all=true\", {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n const bankList = [];\n responseJson[ApiKey._API_DATA_KEY].forEach(function (bank) {\n bankList.push({ label: bank.bankCode, value: bank.id });\n });\n\n setBankOption(bankList);\n }\n });\n }\n\n /// \n /// Author : -\n /// \n const submitForm = async (data, e) => {\n let params = {\n accountNumber: data.bankAccountNumber,\n accountHolderName: data.bankAccountHolderName,\n branch: data.branch,\n province: data.province,\n rank: data.rank,\n minimumDeposit: data.minimumDeposit,\n maximumDeposit: data.maximumDeposit,\n minimumWithdrawal: data.minimumWithdrawal,\n maximumWithdrawal: data.maximumWithdrawal,\n depositStatus: data.depositStatus,\n withdrawalStatus: data.withdrawalStatus,\n accountStatus: data.accountStatus,\n bankId: bankId,\n };\n\n if (!stringIsNullOrEmpty(bankAccountId)) {\n params[\"id\"] = bankAccountId;\n }\n\n let formBody = createFormBody(params);\n\n _dispatch(setBusy());\n fetch(ApiUrl._API_CREATE_OR_UPDATE_BANK_ACCOUNT_DETAIL, {\n method: ApiKey._API_POST,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n body: formBody,\n })\n .then((response) => response.json())\n .then((responseJson) => {\n _dispatch(setIdle());\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setBankAccountId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n }\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n });\n };\n\n return (\n \n
\n {bankId ? t(\"EDIT_BANK_ACCOUNT\") : t(\"ADD_NEW_BANK_ACCOUNT\")}\n \n
\n
\n/// Author : -\n/// \nconst ManageProductSetting = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const [productSettingData, setProductSettingData] = useState([]);\n\n let _tableColumns = [\n {\n Header: \"PRODUCT_NAME\",\n accessor: \"productName\",\n disableSortBy: true,\n },\n {\n Header: \"PRODUCT_CATEGORY_NAME\",\n accessor: \"productCategoryName\",\n disableSortBy: true,\n },\n {\n Header: \"VIP\",\n accessor: \"vipName\",\n disableSortBy: true,\n },\n {\n Header: \"MINIMUM_REBATE\",\n accessor: \"minimumRebate\",\n disableSortBy: true,\n },\n {\n Header: \"MAXIMUM_REBATE\",\n accessor: \"maximumRebate\",\n disableSortBy: true,\n },\n {\n Header: \"REBATE_PERCENT\",\n accessor: \"rebatePercent\",\n disableSortBy: true,\n },\n {\n Header: \"TURNOVER_RATE\",\n accessor: \"turnoverRate\",\n disableSortBy: true,\n },\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) =>\n checkIfPermissionExist(\n AccessRight._PRODUCT_SETTING_PERMISSION,\n true\n ) && (\n \n \n \n \n \n {\n navigateTo(\n _history,\n WebUrl._URL_CREATE_OR_UPDATE_PRODUCT_SETTING,\n row.original\n );\n }}\n >\n {t(\"Edit\")} \n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n width: 100,\n style: { overflow: \"visible\" },\n },\n ];\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n fetch(ApiUrl._API_GET_PRODUCT_SETTING, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setProductSettingData(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n }, []);\n\n return (\n \n
\n {t(\"MANAGE_PRODUCT_SETTING\")}\n {checkIfPermissionExist(\n AccessRight._PRODUCT_SETTING_PERMISSION,\n true\n ) && (\n \n
\n \n \n \n
\n/// Author : -\n/// \nconst ProductSettingDetail = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const _location = useLocation();\n const _dispatch = useDispatch();\n\n const { register, unregister, handleSubmit, errors } = useForm();\n const [minimumRebate, setMinimumRebate] = useState(\"\");\n const [maximumRebate, setMaximumRebate] = useState(\"\");\n const [rebatePercent, setRebatePercent] = useState(\"\");\n const [turnoverRate, setTurnoverRate] = useState(\"\");\n const [productSettingId, setProductSettingId] = useState(\"\");\n const [accountProductId, setAccountProductId] = useState(\"\");\n const [accountProductOption, setAccountProductOption] = useState([]);\n const [vipId, setVipId] = useState(\"\");\n const [vipOption, setVipOption] = useState([]);\n const [categoryId, setCategoryId] = useState(\"\");\n const [categoryOption, setCategoryOption] = useState([]);\n\n /// \n /// Author : -\n /// \n const submitForm = async (data, e) => {\n let params = {\n minimumRebate: data.minimumRebate,\n maximumRebate: data.maximumRebate,\n rebatePercent: data.rebatePercent,\n turnoverRate: data.turnoverRate,\n vipId: vipId,\n categoryId: categoryId,\n accountProductId: accountProductId,\n };\n\n if (!stringIsNullOrEmpty(productSettingId)) {\n params[\"id\"] = productSettingId;\n }\n\n let formBody = createFormBody(params);\n _dispatch(setBusy());\n\n fetch(ApiUrl._API_CREATE_OR_UPDATE_PRODUCT_SETTING, {\n method: ApiKey._API_POST,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n body: formBody,\n })\n .then((response) => response.json())\n .then((responseJson) => {\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n _dispatch(setIdle());\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setProductSettingId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n }\n });\n };\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n register({ name: \"vipId\" }, { required: \"PLEASE_SELECT_VIP\" });\n register(\n { name: \"accountProductId\" },\n { required: \"PLEASE_SELECT_PRODUCT\" }\n );\n register({ name: \"categoryId\" }, { required: \"PLEASE_SELECT_CATEGORY\" });\n init();\n }, []);\n\n /// \n /// Author : -\n /// \n async function init() {\n if (_location.state) {\n var apiUrl = ApiUrl._API_GET_PRODUCT_SETTING_BY_ID;\n apiUrl += \"?id=\" + _location.state.id;\n fetch(apiUrl, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setProductSettingId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n setMinimumRebate(\n responseJson[ApiKey._API_DATA_KEY][\"minimumRebate\"]\n );\n setMaximumRebate(\n responseJson[ApiKey._API_DATA_KEY][\"maximumRebate\"]\n );\n setRebatePercent(\n responseJson[ApiKey._API_DATA_KEY][\"rebatePercent\"]\n );\n setTurnoverRate(responseJson[ApiKey._API_DATA_KEY][\"turnoverRate\"]);\n\n setAccountProductId(\n responseJson[ApiKey._API_DATA_KEY][\"accountProductId\"]\n );\n setCategoryId(\n responseJson[ApiKey._API_DATA_KEY][\"productCategoryId\"]\n );\n setVipId(responseJson[ApiKey._API_DATA_KEY][\"vipId\"]);\n unregister(\"vipId\");\n unregister(\"accountProductId\");\n unregister(\"categoryId\");\n }\n });\n }\n\n await fetch(ApiUrl._API_GET_MASTER_PRODUCT_ASSIGNMENT_DATA, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n const accountProductOptionList = [];\n responseJson[ApiKey._API_DATA_KEY].forEach(function (option) {\n accountProductOptionList.push({\n label: option.productName,\n value: option.id,\n });\n });\n\n setAccountProductOption(accountProductOptionList);\n }\n }\n });\n\n await fetch(ApiUrl._API_GET_PRODUCT_CATEGORY, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n const categoryOptionList = [];\n responseJson[ApiKey._API_DATA_KEY].forEach(function (option) {\n categoryOptionList.push({ label: option.title, value: option.id });\n });\n\n setCategoryOption(categoryOptionList);\n }\n }\n });\n\n await fetch(ApiUrl._API_GET_USER_VIP, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n const vipList = [];\n responseJson[ApiKey._API_DATA_KEY].forEach(function (option) {\n vipList.push({ label: option.name, value: option.id });\n });\n\n setVipOption(vipList);\n }\n }\n });\n }\n\n return (\n \n
\n {stringIsNullOrEmpty(categoryId)\n ? t(\"EDIT_PRODUCT_SETTING\")\n : t(\"ADD_PRODUCT_SETTING\")}\n \n
\n
\n/// Author : -\n/// \n\nconst ManageLanguage = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const [languageData, setLanguageData] = useState([]);\n\n let _tableColumns = [\n {\n Header: \"LANGUAGE_NAME\",\n accessor: \"name\",\n disableSortBy: true,\n },\n {\n Header: \"STATUS\",\n accessor: \"status\",\n Cell: ({ row }) => (\n \n {row.original.status == 1 ? (\n \n {t(\"ACTIVE\")}\n \n ) : (\n \n {t(\"INACTIVE\")}\n \n )}\n
\n ),\n disableSortBy: true,\n width: \"1%\",\n style: { overflow: \"visible\" },\n },\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) =>\n checkIfPermissionExist(\n AccessRight._LANGUAGE_SETTING_PERMISSION,\n true\n ) && (\n \n \n \n \n \n {\n navigateTo(\n _history,\n WebUrl._URL_CREATE_OR_UPDATE_LANGUAGE,\n row.original\n );\n }}\n >\n {t(\"EDIT\")} \n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n width: \"1%\",\n style: { overflow: \"visible\" },\n },\n ];\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n fetch(ApiUrl._API_GET_LANGUAGE + \"?all=true\", {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setLanguageData(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n }, []);\n\n return (\n \n
\n {t(\"LANGUAGE\")}\n {checkIfPermissionExist(\n AccessRight._LANGUAGE_SETTING_PERMISSION,\n true\n ) && (\n \n
\n \n \n \n
\n/// Author : -\n/// \nconst LanguageDetail = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const _location = useLocation();\n const _dispatch = useDispatch();\n const [name, setName] = useState(\"\");\n const [status, setStatus] = useState(true);\n const [code, setCode] = useState(\"\");\n const [languageId, setLanguageId] = useState(\"\");\n\n const { register, handleSubmit, errors } = useForm();\n const [submitError, setSubmitError] = useState(\"\");\n const [submitSuccess, setSubmitSuccess] = useState(\"\");\n const [iconImage, setIconImage] = useState(null);\n const [iconFile, setIconFile] = useState(null);\n const [isNewIcon, setIsNewIcon] = useState(false);\n\n /// \n /// Author : -\n /// \n const submitForm = async (data, e) => {\n let params = {\n name: data.name,\n status: data.status,\n code: data.code,\n };\n\n if (!stringIsNullOrEmpty(iconFile) && isNewIcon) {\n params[\"icon\"] = iconFile;\n }\n\n if (stringIsNullOrEmpty(iconImage)) {\n params[\"iconRemoved\"] = true;\n }\n\n if (!stringIsNullOrEmpty(languageId)) {\n params[\"id\"] = languageId;\n }\n\n let formBody = createMultiPartFormBody(params);\n _dispatch(setBusy());\n\n fetch(ApiUrl._API_CREATE_OR_UPDATE_LANGUAGE, {\n method: ApiKey._API_POST,\n headers: {\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n body: formBody,\n })\n .then((response) => response.json())\n .then((responseJson) => {\n _dispatch(setIdle());\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setIsNewIcon(false);\n setLanguageId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n }\n });\n };\n\n /// \n /// Author : -\n /// Used to set logo\n /// \n const logoDrop = (acceptedFiles) => {\n if (acceptedFiles.length !== 0) {\n const file = acceptedFiles[0];\n setIconFile(file);\n const reader = new FileReader();\n reader.onloadend = () => {\n setIconImage(reader.result);\n };\n reader.readAsDataURL(file);\n setIsNewIcon(true);\n }\n };\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n if (_location.state) {\n var apiUrl = ApiUrl._API_GET_LANGUAGE_BY_ID;\n apiUrl += \"?id=\" + _location.state.id;\n fetch(apiUrl, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setLanguageId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n setName(responseJson[ApiKey._API_DATA_KEY][\"name\"]);\n setStatus(responseJson[ApiKey._API_DATA_KEY][\"status\"]);\n setCode(responseJson[ApiKey._API_DATA_KEY][\"code\"]);\n if (\n !stringIsNullOrEmpty(responseJson[ApiKey._API_DATA_KEY][\"icon\"])\n ) {\n setIconImage(responseJson[ApiKey._API_DATA_KEY][\"icon\"]);\n }\n }\n });\n }\n }, []);\n\n return (\n \n
\n {!stringIsNullOrEmpty(languageId)\n ? t(\"EDIT_LANGUAGE\")\n : t(\"ADD_LANGUAGE\")}\n \n
\n
\n
\n
\n
\n
\n \n {t(\"SUBMIT\")}\n \n
\n
\n
\n \n \n \n
\n
\n/// Author : -\n/// \n\nconst ManageBankingChannel = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const [bankingChannelData, setBankingChannelData] = useState([]);\n\n let _tableColumns = [\n {\n Header: \"CHANNEL_NAME\",\n accessor: \"name\",\n disableSortBy: true,\n },\n {\n Header: \"STATUS\",\n accessor: \"status\",\n Cell: ({ row }) => (\n \n {row.original.status == 1 ? (\n \n {t(\"ACTIVE\")}\n \n ) : (\n \n {t(\"INACTIVE\")}\n \n )}\n
\n ),\n disableSortBy: true,\n style: { overflow: \"visible\" },\n },\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) =>\n checkIfPermissionExist(\n AccessRight._BANKING_CHANNEL_SETTING_PERMISSION,\n true\n ) && (\n \n \n \n \n \n {\n navigateTo(\n _history,\n WebUrl._URL_CREATE_OR_UPDATE_BANKING_CHANNEL,\n row.original\n );\n }}\n >\n {t(\"EDIT\")} \n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n width: 100,\n style: { overflow: \"visible\" },\n },\n ];\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n fetch(ApiUrl._API_GET_BANKING_CHANNEL + \"?all=true\", {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setBankingChannelData(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n }, []);\n\n return (\n \n
\n {t(\"BANKING_CHANNEL\")}\n {checkIfPermissionExist(\n AccessRight._BANKING_CHANNEL_SETTING_PERMISSION,\n true\n ) && (\n \n
\n \n \n \n
\n/// Author : -\n/// \nconst BankingChannelDetail = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const _location = useLocation();\n const _dispatch = useDispatch();\n const [name, setName] = useState(\"\");\n const [status, setStatus] = useState(true);\n const [bankingChannelId, setBankingChannelId] = useState(\"\");\n\n const { register, handleSubmit, errors } = useForm();\n const [submitError, setSubmitError] = useState(\"\");\n const [submitSuccess, setSubmitSuccess] = useState(\"\");\n\n /// \n /// Author : -\n /// \n const submitForm = async (data, e) => {\n let params = {\n name: data.name,\n status: data.status,\n };\n\n if (!stringIsNullOrEmpty(bankingChannelId)) {\n params[\"id\"] = bankingChannelId;\n }\n\n let formBody = createFormBody(params);\n _dispatch(setBusy());\n\n fetch(ApiUrl._API_CREATE_OR_UPDATE_BANKING_CHANNEL, {\n method: ApiKey._API_POST,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n body: formBody,\n })\n .then((response) => response.json())\n .then((responseJson) => {\n _dispatch(setIdle());\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setBankingChannelId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n }\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n });\n };\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n if (_location.state) {\n var apiUrl = ApiUrl._API_GET_BANKING_CHANNEL_BY_ID;\n apiUrl += \"?id=\" + _location.state.id;\n fetch(apiUrl, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setBankingChannelId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n setName(responseJson[ApiKey._API_DATA_KEY][\"name\"]);\n setStatus(responseJson[ApiKey._API_DATA_KEY][\"status\"]);\n }\n });\n }\n }, []);\n\n return (\n \n
\n {!stringIsNullOrEmpty(bankingChannelId)\n ? t(\"EDIT_BANKING_CHANNEL\")\n : t(\"ADD_BANKING_CHANNEL\")}\n \n
\n
\n/// Author : -\n/// \n\nconst ManageBonusType = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const [bonusType, setBonusType] = useState([]);\n\n let _tableColumns = [\n {\n Header: \"BONUS_NAME\",\n accessor: \"name\",\n disableSortBy: true,\n },\n {\n Header: \"STATUS\",\n accessor: \"status\",\n Cell: ({ row }) => (\n \n {row.original.status == 1 ? (\n \n {t(\"ACTIVE\")}\n \n ) : (\n \n {t(\"INACTIVE\")}\n \n )}\n
\n ),\n disableSortBy: true,\n style: { overflow: \"visible\" },\n },\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) =>\n checkIfPermissionExist(AccessRight._BONUS_TYPE_PERMISSION, true) && (\n \n \n \n \n \n {\n navigateTo(\n _history,\n WebUrl._URL_CREATE_OR_UPDATE_BONUS_TYPE,\n row.original\n );\n }}\n >\n {t(\"EDIT\")} \n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n width: 100,\n style: { overflow: \"visible\" },\n },\n ];\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n fetch(ApiUrl._API_GET_BONUS_TYPE + \"?all=true\", {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setBonusType(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n }, []);\n\n return (\n \n
\n {t(\"BONUS_TYPE\")}\n {checkIfPermissionExist(AccessRight._BONUS_TYPE_PERMISSION, true) && (\n \n
\n \n \n \n
\n/// Author : -\n/// \nconst BonusTypeDetail = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const _location = useLocation();\n const _dispatch = useDispatch();\n const [name, setName] = useState(\"\");\n const [status, setStatus] = useState(true);\n const [bonusTypeId, setBonusTypeId] = useState(\"\");\n\n const { register, handleSubmit, errors } = useForm();\n const [submitError, setSubmitError] = useState(\"\");\n const [submitSuccess, setSubmitSuccess] = useState(\"\");\n\n /// \n /// Author : -\n /// \n const submitForm = async (data, e) => {\n let params = {\n name: data.name,\n status: data.status,\n };\n\n if (!stringIsNullOrEmpty(bonusTypeId)) {\n params[\"id\"] = bonusTypeId;\n }\n\n let formBody = createFormBody(params);\n _dispatch(setBusy());\n\n fetch(ApiUrl._API_CREATE_OR_UPDATE_BONUS_TYPE, {\n method: ApiKey._API_POST,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n body: formBody,\n })\n .then((response) => response.json())\n .then((responseJson) => {\n _dispatch(setIdle());\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setBonusTypeId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n }\n });\n };\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n if (_location.state) {\n var apiUrl = ApiUrl._API_GET_BONUS_TYPE_BY_ID;\n apiUrl += \"?id=\" + _location.state.id;\n fetch(apiUrl, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setBonusTypeId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n setName(responseJson[ApiKey._API_DATA_KEY][\"name\"]);\n setStatus(responseJson[ApiKey._API_DATA_KEY][\"status\"]);\n }\n });\n }\n }, []);\n\n return (\n \n
\n {!stringIsNullOrEmpty(bonusTypeId)\n ? t(\"EDIT_BONUS_TYPE\")\n : t(\"ADD_BONUS_TYPE\")}\n \n
\n
\n {row.original.status == 1 ? (\n \n {t(\"ACTIVE\")}\n \n ) : (\n \n {t(\"INACTIVE\")}\n \n )}\n
\n ),\n disableSortBy: true,\n style: { overflow: \"visible\" },\n },\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) =>\n checkIfPermissionExist(\n AccessRight._INSTANT_PAY_SETTING_PERMISSION,\n true\n ) && (\n \n \n \n \n \n {\n navigateTo(\n _history,\n WebUrl._URL_CREATE_OR_UPDATE_INSTANT_PAY_SETTING,\n row.original\n );\n }}\n >\n {t(\"EDIT\")}\n \n updateSettingStatus(row.original)}>\n {row.original.status == 1 ? t(\"DISABLE\") : t(\"ENABLE\")}\n \n \n \n
\n ),\n disableSortBy: true,\n style: { overflow: \"visible\" },\n },\n ];\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n GetInstantPaySetting();\n }, []);\n\n function updateSettingStatus(data) {\n fetch(\n ApiUrl._API_UPDATE_INSTANT_PAY_SETTING_STATUS +\n \"?instantPaySettingId=\" +\n data[\"id\"] +\n \"&enable=\" +\n !data[\"status\"],\n {\n method: ApiKey._API_POST,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n }\n )\n .then((response) => response.json())\n .then((responseJson) => {\n GetInstantPaySetting();\n });\n }\n\n function GetInstantPaySetting() {\n fetch(ApiUrl._API_GET_USER_INSTANT_PAY_SETTING + \"?all=true\", {\n method: ApiKey._API_GET_USER_INSTANT_PAY_SETTING,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setInstantPaySetting(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n }\n\n return (\n \n
\n {t(\"INSANT_PAY_SETTING_LISTING\")}\n {checkIfPermissionExist(\n AccessRight._INSTANT_PAY_SETTING_PERMISSION,\n true\n ) && (\n \n
\n \n \n \n
\n/// Author : -\n/// \nconst InstantPaySettingDetail = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const _location = useLocation();\n const _dispatch = useDispatch();\n\n const [instantPaySettingId, setInstantPaySettingId] = useState(\"\");\n const [instantPayBankSettingId, setInstantPayBankSettingId] = useState(\"\");\n const [apiCode, setApiCode] = useState(\"\");\n const [apiSecret, setApiSecret] = useState(\"\");\n const [serviceCharge, setServiceCharge] = useState(\"0\");\n const [url, setUrl] = useState(\"\");\n const [parameter_1, setParameter_1] = useState(\"\");\n const [status, setStatus] = useState(true);\n const [paymentGatewayId, setPaymentGatewayId] = useState(0);\n const [minimumDeposit, setMinimumDeposit] = useState(\"\");\n const [maximumDeposit, setMaximumDeposit] = useState(\"\");\n const [minimumWithdrawal, setMinimumWithdrawal] = useState(\"\");\n const [maximumWithdrawal, setMaximumWithdrawal] = useState(\"\");\n const [bankCode, setBankCode] = useState(\"\");\n const [bankId, setBankId] = useState(\"\");\n const [instantPayRank, setInstantPayRank] = useState(\"\");\n\n const { register, handleSubmit, errors, unregister, setValue } = useForm();\n const {\n register: bankFormRegister,\n handleSubmit: bankFormHandleSubmit,\n errors: bankFormErrors,\n unregister: bankFormUnregister,\n setValue: bankFormSetValue,\n } = useForm();\n\n const [paymentGatewayOption, setPaymentGatewayOption] = useState([]);\n const [bankOption, setBankOption] = useState([]);\n const [instantPayBankSettingData, setInstantPayBankSettingData] = useState(\n []\n );\n const [bankSettingModal, setBankSettingModal] = useState(false);\n\n let _tableColumns = [\n {\n Header: \"Bank Name\",\n accessor: \"bankName\",\n disableSortBy: true,\n },\n {\n Header: \"Minimum Deposit\",\n accessor: \"minimumDeposit\",\n disableSortBy: true,\n },\n {\n Header: \"Maximum Deposit\",\n accessor: \"maximumDeposit\",\n disableSortBy: true,\n },\n {\n Header: \"Minimum Withdrawal\",\n accessor: \"minimumWithdrawal\",\n disableSortBy: true,\n },\n {\n Header: \"Maximum Withdrawal\",\n accessor: \"maximumWithdrawal\",\n disableSortBy: true,\n },\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) => (\n \n \n \n \n \n loadBankSetting(row.original)}>\n {t(\"EDIT\")}\n \n deleteBankSetting(row.original.id)}>\n {t(\"DELETE\")} \n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n width: 100,\n style: { overflow: \"visible\" },\n },\n ];\n\n /// \n /// Author : -\n /// \n const submitBankSettingForm = async (data, e) => {\n let params = {\n bankId: data.bankId,\n bankCode: data.bankCode,\n maximumDeposit: data.maximumDeposit,\n maximumWithdrawal: data.maximumWithdrawal,\n minimumDeposit: data.minimumDeposit,\n minimumWithdrawal: data.minimumWithdrawal,\n instantPayGatewayId: data.paymentGatewayId,\n instantPaySettingId: instantPaySettingId,\n };\n\n if (!stringIsNullOrEmpty(instantPayBankSettingId)) {\n params[\"id\"] = instantPayBankSettingId;\n }\n\n let formBody = createFormBody(params);\n _dispatch(setBusy());\n\n fetch(ApiUrl._API_CREATE_OR_UPDATE_INSTANT_PAY_BANK_SETTING, {\n method: ApiKey._API_POST,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n body: formBody,\n })\n .then((response) => response.json())\n .then((responseJson) => {\n _dispatch(setIdle());\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n toggleModal();\n getInstantPayBankSetting();\n }\n });\n };\n\n /// \n /// Author : -\n /// \n const submitForm = async (data, e) => {\n let params = {\n apiCode: data.apiCode,\n apiSecret: data.apiSecret,\n url: data.url,\n status: data.status,\n instantPayGatewayId: data.paymentGatewayId,\n parameter_1: data.parameter1,\n serviceCharge: data.serviceCharge,\n rank: data.instantPayRank\n };\n\n if (!stringIsNullOrEmpty(instantPaySettingId)) {\n params[\"id\"] = instantPaySettingId;\n }\n\n let formBody = createFormBody(params);\n _dispatch(setBusy());\n\n fetch(ApiUrl._API_CREATE_OR_UPDATE_INSTANT_PAY_SETTING, {\n method: ApiKey._API_POST,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n body: formBody,\n })\n .then((response) => response.json())\n .then((responseJson) => {\n _dispatch(setIdle());\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setInstantPaySettingId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n }\n });\n };\n\n /// \n /// Author : -\n /// \n function deleteBankSetting(id) {\n fetch(\n ApiUrl._API_DELETE_INSTANT_PAYBANK_SETTING +\n \"?instantPayBankSettingId=\" +\n id,\n {\n method: ApiKey._API_POST,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n }\n )\n .then((response) => response.json())\n .then((responseJson) => {\n _dispatch(setIdle());\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n getInstantPayBankSetting();\n }\n });\n }\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n bankFormRegister({ name: \"bankId\" }, { required: \"PLEASE_SELECT_BANK\" });\n register(\n { name: \"paymentGatewayId\" },\n { required: \"PLEASE_SELECT_PAYMENT_GATEWAY\" }\n );\n init();\n }, []);\n\n /// \n /// Author : -\n /// \n async function init() {\n if (_location.state) {\n var apiUrl = ApiUrl._API_GET_USER_INSTANT_PAY_SETTING_BY_ID;\n apiUrl += \"?id=\" + _location.state.id;\n await fetch(apiUrl, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n console.log(responseJson[ApiKey._API_DATA_KEY]);\n setInstantPaySettingId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n setApiCode(responseJson[ApiKey._API_DATA_KEY][\"apiCode\"]);\n setApiSecret(responseJson[ApiKey._API_DATA_KEY][\"apiSecret\"]);\n setStatus(responseJson[ApiKey._API_DATA_KEY][\"status\"]);\n setUrl(responseJson[ApiKey._API_DATA_KEY][\"url\"]);\n setServiceCharge(responseJson[ApiKey._API_DATA_KEY][\"serviceCharge\"]);\n setPaymentGatewayId(responseJson[ApiKey._API_DATA_KEY][\"instantPayGatewayId\"]);\n setInstantPayRank(responseJson[ApiKey._API_DATA_KEY][\"rank\"]);\n setParameter_1(responseJson[ApiKey._API_DATA_KEY][\"parameter_1\"]);\n setValue(\n \"paymentGatewayId\",\n responseJson[ApiKey._API_DATA_KEY][\"instantPayGatewayId\"]\n );\n setValue(\n \"serviceCharge\",\n responseJson[ApiKey._API_DATA_KEY][\"serviceCharge\"]\n );\n }\n });\n\n await fetch(ApiUrl._API_GET_USER_BANK, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n const bankList = [];\n responseJson[ApiKey._API_DATA_KEY].forEach(function (bank) {\n bankList.push({ label: bank.bankName, value: bank.id });\n });\n\n setBankOption(bankList);\n }\n });\n\n await getInstantPayBankSetting();\n }\n\n await fetch(ApiUrl._API_GET_INSTANT_PAYMENT_GATEWAY, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n const paymentGatewayList = [];\n responseJson[ApiKey._API_DATA_KEY].forEach(function (gateway) {\n paymentGatewayList.push({ label: gateway.name, value: gateway.id });\n });\n\n setPaymentGatewayOption(paymentGatewayList);\n }\n });\n }\n\n /// \n /// Author : -\n /// \n async function getInstantPayBankSetting() {\n await fetch(\n ApiUrl._API_GET_INSTANT_PAY_BANK_SETTING +\n \"?instantPaySettingId=\" +\n _location.state.id,\n {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n }\n )\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setInstantPayBankSettingData(responseJson[ApiKey._API_DATA_KEY]);\n }\n }\n });\n }\n\n /// \n /// Author : -\n /// \n function loadBankSetting(data) {\n setMinimumDeposit(data[\"minimumDeposit\"]);\n setMaximumDeposit(data[\"maximumDeposit\"]);\n setMinimumWithdrawal(data[\"minimumWithdrawal\"]);\n setMaximumWithdrawal(data[\"maximumWithdrawal\"]);\n setBankCode(data[\"bankCode\"]);\n setBankId(data[\"bankId\"]);\n bankFormSetValue(\"bankId\", data[\"bankId\"]);\n setInstantPayBankSettingId(data[\"id\"]);\n toggleModal();\n }\n\n /// \n /// Author : -\n /// \n function toggleModal() {\n if (bankSettingModal) {\n setMinimumDeposit(\"\");\n setMaximumDeposit(\"\");\n setMinimumWithdrawal(\"\");\n setMaximumWithdrawal(\"\");\n setBankId(\"\");\n setBankCode(\"\");\n bankFormSetValue(\"bankId\", \"\");\n setInstantPayBankSettingId(\"\");\n }\n\n setBankSettingModal(!bankSettingModal);\n }\n\n return (\n \n
\n {!stringIsNullOrEmpty(instantPaySettingId)\n ? t(\"EDIT_INSTANT_PAY_SETTING\")\n : t(\"ADD_INSTANT_PAY_SETTING\")}\n \n
\n {!stringIsNullOrEmpty(instantPaySettingId) && (\n
\n
\n
\n {t(\"INSTANT_BANK_SETTING\")} \n \n \n
\n toggleModal()}\n >\n
\n
\n \n
\n
\n )}\n
\n
toggleModal()}>\n \n \n
\n
\n/// Author : -\n/// \nconst RejectReasonDetail = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const _location = useLocation();\n const _dispatch = useDispatch();\n\n const [code, setCode] = useState(\"\");\n const [description, setDescription] = useState(\"\");\n const [status, setStatus] = useState(true);\n const [rejectReasonId, setRejectReasonId] = useState(\"\");\n\n const { register, handleSubmit, errors } = useForm();\n\n /// \n /// Author : -\n /// \n const submitForm = async (data, e) => {\n let params = {\n code: data.code,\n description: data.description,\n status: data.status,\n };\n\n if (!stringIsNullOrEmpty(rejectReasonId)) {\n params[\"id\"] = rejectReasonId;\n }\n\n let formBody = createFormBody(params);\n _dispatch(setBusy());\n\n fetch(ApiUrl._API_CREATE_OR_UPDATE_REJECT_CODE, {\n method: ApiKey._API_POST,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n body: formBody,\n })\n .then((response) => response.json())\n .then((responseJson) => {\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n _dispatch(setIdle());\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setRejectReasonId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n }\n });\n };\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n if (_location.state) {\n var apiUrl = ApiUrl._API_GET_USER_REJECT_CODE_BY_ID;\n apiUrl += \"?id=\" + _location.state.id;\n fetch(apiUrl, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setRejectReasonId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n setDescription(responseJson[ApiKey._API_DATA_KEY][\"description\"]);\n setStatus(responseJson[ApiKey._API_DATA_KEY][\"status\"]);\n setCode(responseJson[ApiKey._API_DATA_KEY][\"code\"]);\n }\n });\n }\n }, []);\n\n return (\n \n
\n {stringIsNullOrEmpty(rejectReasonId)\n ? t(\"EDIT_REJECT_REASON\")\n : t(\"ADD_REJECT_REASON\")}\n \n
\n
\n/// Author : -\n/// \nconst ManageRejectReason = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const [rejectReasonData, setRejectReasonData] = useState([]);\n\n let _tableColumns = [\n {\n Header: \"REJECT_CODE\",\n accessor: \"code\",\n disableSortBy: true,\n },\n {\n Header: \"REJECT_REASON\",\n accessor: \"description\",\n },\n {\n Header: \"REJECT_STATUS\",\n accessor: \"status\",\n Cell: ({ row }) => (\n \n {row.original.status == 1 ? (\n \n {t(\"ACTIVE\")}\n \n ) : (\n \n {t(\"INACTIVE\")}\n \n )}\n
\n ),\n disableSortBy: true,\n style: { overflow: \"visible\" },\n },\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) =>\n checkIfPermissionExist(\n AccessRight._REJECT_REASON_SETTING_PERMISSION,\n true\n ) && (\n \n \n \n \n \n {\n navigateTo(\n _history,\n WebUrl._URL_CREATE_OR_UPDATE_REJECT_REASON,\n row.original\n );\n }}\n >\n {t(\"EDIT\")} \n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n width: 100,\n style: { overflow: \"visible\" },\n },\n ];\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n fetch(ApiUrl._API_GET_USER_REJECT_CODE + \"?all=true\", {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setRejectReasonData(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n }, []);\n\n return (\n \n
\n {t(\"MANAGE_REJECT_REASON\")}\n {checkIfPermissionExist(\n AccessRight._REJECT_REASON_SETTING_PERMISSION,\n true\n ) && (\n \n
\n \n \n \n
\n/// Author : -\n/// \nconst SmsContentDetail = (props) => {\n let _history = useHistory();\n const _DFAULT_LANGUAGE_VALUE = -1;\n const { t } = useTranslation(LanguageKey._PRIMARY);\n const _location = useLocation();\n const _dispatch = useDispatch();\n const {\n register,\n unregister,\n handleSubmit,\n errors,\n reset,\n setError,\n setValue,\n control,\n } = useForm();\n const [smsContentId, setSmsContentId] = useState();\n const [cursorPosition, setCursorPosition] = useState(0);\n const [status, setStatus] = useState(true);\n const [languages, setLanguages] = useState([]);\n const [languageContent, setLanguageContent] = useState([]);\n const [selectedLanguage, setSelectedLanguage] = useState(\n _DFAULT_LANGUAGE_VALUE\n );\n const [contentError, setContentError] = useState(\"\");\n\n const TAG_OPTIONS = [\n { value: \"{pin}\", label: \"pin\" },\n { value: \"{phonenumber}\", label: \"phonenumber\" },\n { value: \"{wallet}\", label: \"wallet\" },\n { value: \"{datetime}\", label: \"datetime\" },\n { value: \"{withdrawalamount}\", label: \"withdrawalamount\" },\n { value: \"{depositamount}\", label: \"depositamount\" },\n { value: \"{id}\", label: \"id\" },\n { value: \"{status}\", label: \"status\" },\n { value: \"{TAC}\", label: \"TAC\" },\n ];\n\n /// \n /// Author : -\n /// \n const textareaBlurHandler = (e) => {\n setCursorPosition(e.target.selectionStart);\n };\n\n /// \n /// Author : -\n /// \n const tagChangeHandler = (e) => {\n let currentContentValue = languageContent.filter(\n (i) => i.id == selectedLanguage\n )[0]?.value;\n let processedValue = \"\";\n\n if (stringIsNullOrEmpty(currentContentValue)) {\n processedValue = e.value;\n } else {\n processedValue =\n currentContentValue.substr(0, cursorPosition) +\n e.value +\n currentContentValue.substr(cursorPosition);\n }\n\n setLanguageContent(\n languageContent.map((content) =>\n content.id == selectedLanguage\n ? { ...content, value: processedValue }\n : content\n )\n );\n\n setCursorPosition(cursorPosition + e.value.length);\n };\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n init();\n }, []);\n\n /// \n /// Author : -\n /// \n const init = async () => {\n try {\n setValue(\"smsTypeId\", SmsType._PHONE_VERIFICATION_TYPE);\n let storedLanguageContent = [];\n let storedContent = \"\";\n\n if (_location.state) {\n var apiUrl =\n ApiUrl._API_GET_USER_SMS_CONTENT_BY_ID +\n \"?includeLanguageContent=true\";\n apiUrl += \"&id=\" + _location.state.id;\n let responseJson = await ApiEngine.get(apiUrl);\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setSmsContentId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n setStatus(responseJson[ApiKey._API_DATA_KEY][\"status\"]);\n setValue(\n \"smsTypeId\",\n responseJson[ApiKey._API_DATA_KEY][\"smsTypeId\"]\n );\n storedLanguageContent =\n responseJson[ApiKey._API_DATA_KEY][\"smsContentLanguages\"];\n storedContent = responseJson[ApiKey._API_DATA_KEY][\"content\"];\n } else {\n throw t(responseJson[ApiKey._API_MESSAGE_KEY]);\n }\n }\n\n let languageJson = await ApiEngine.get(\n ApiUrl._API_GET_PREFERENCE_LANGUAGE\n );\n\n if (languageJson[ApiKey._API_SUCCESS_KEY]) {\n let tempLanguages = [\n { label: \"Default\", value: _DFAULT_LANGUAGE_VALUE },\n ];\n let tempContents = [\n { name: \"content\", value: storedContent, id: _DFAULT_LANGUAGE_VALUE },\n ];\n\n languageJson[ApiKey._API_DATA_KEY].map((lang) => {\n let tempContent = \"\";\n\n if (\n storedLanguageContent.filter((i) => i.languageId == lang.id)\n .length > 0\n ) {\n tempContent =\n storedLanguageContent.filter((i) => i.languageId == lang.id)[0]\n .content ?? \"\";\n }\n\n tempLanguages.push({ label: lang.name, value: lang.id });\n tempContents.push({\n name: \"content_\" + lang.id,\n value: tempContent,\n id: lang.id,\n });\n });\n\n setLanguageContent(tempContents);\n setLanguages(tempLanguages);\n } else {\n throw t(languageJson[ApiKey._API_MESSAGE_KEY]);\n }\n } catch (err) {\n _dispatch(showMessage(false, err));\n }\n };\n\n /// \n /// Author : -\n /// \n const submitForm = async (data, e) => {\n if (\n stringIsNullOrEmpty(\n languageContent.filter((i) => i.id == _DFAULT_LANGUAGE_VALUE)[0].value\n )\n ) {\n setContentError(\"PLEASE_ENTER_DEFAULT_CONTENT\");\n setSelectedLanguage(_DFAULT_LANGUAGE_VALUE);\n return;\n }\n setContentError(\"\");\n\n let params = {\n status: data.status,\n smsTypeId: data.smsTypeId,\n };\n\n if (!stringIsNullOrEmpty(smsContentId)) {\n params[\"id\"] = smsContentId;\n }\n\n languageContent.map((content) => {\n params[content.name] = content.value;\n });\n\n let formBody = createFormBody(params);\n let responseJson = await ApiEngine.post(\n ApiUrl._API_CREATE_OR_UPDATE_SMS_CONTENT,\n formBody\n );\n\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setSmsContentId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n _history.replace({\n pathname: _location.pathname,\n state: {\n id: responseJson[ApiKey._API_DATA_KEY][\"id\"],\n },\n });\n }\n };\n\n return (\n \n
\n {smsContentId ? t(\"EDIT_SMS_CONTENT\") : t(\"ADD_SMS_CONTENT\")}\n \n
\n
\n /// Author : -\n /// \n useEffect(() => {\n fetch(ApiUrl._API_GET_USER_SMS_CONTENT + \"?all=true\", {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setSmsContentData(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n }, []);\n\n let _tableColumns = [\n {\n Header: \"TYPE\",\n accessor: \"smsTypeString\",\n },\n {\n Header: \"STATUS\",\n accessor: \"status\",\n Cell: ({ row }) => (\n \n {row.original.status ? (\n \n {t(\"ACTIVE\")}\n \n ) : (\n \n {t(\"INACTIVE\")}\n \n )}\n
\n ),\n disableSortBy: true,\n style: { overflow: \"visible\" },\n },\n {\n Header: \"CREATED_DATETIME\",\n accessor: \"createdTime\",\n Cell: ({ row }) => {\n return (\n <>{moment(row.original.createdTime).format(\"YYYY-MM-DD HH:mm:ss\")}\n );\n },\n },\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) =>\n checkIfPermissionExist(\n AccessRight._SMS_CONTENT_SETTING_PERMISSION,\n true\n ) && (\n \n \n \n \n \n {\n navigateTo(\n _history,\n WebUrl._URL_CREATE_OR_UPDATE_SMS_CONTENT,\n row.original\n );\n }}\n >\n {t(\"EDIT\")}\n \n \n \n
\n ),\n disableSortBy: true,\n style: { overflow: \"visible\" },\n },\n ];\n\n return (\n \n
\n {t(\"MANAGE_SMS_CONTENT\")}\n \n
\n \n \n \n
\n /// Author : -\n /// \n useEffect(() => {\n fetch(ApiUrl._API_GET_USER_SMS_SETTING, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (\n responseJson[ApiKey._API_SUCCESS_KEY] &&\n responseJson[ApiKey._API_DATA_KEY][\"id\"] != 0\n ) {\n setUrl(responseJson[ApiKey._API_DATA_KEY][\"url\"]);\n setUsername(responseJson[ApiKey._API_DATA_KEY][\"systemUsername\"]);\n setSystemName(responseJson[ApiKey._API_DATA_KEY][\"systemName\"]);\n setPassword(responseJson[ApiKey._API_DATA_KEY][\"systemPassword\"]);\n setSettingId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n }\n });\n }, []);\n\n /// \n /// Author : -\n /// \n const submitForm = async (data, e) => {\n let params = {\n systemPassword: data.password,\n systemUsername: data.username,\n systemName: data.systemName,\n url: data.url,\n };\n\n if (!stringIsNullOrEmpty(settingId)) {\n params[\"id\"] = settingId;\n }\n\n let formBody = createFormBody(params);\n _dispatch(setBusy());\n\n fetch(ApiUrl._API_CREATE_OR_UPDATE_USER_SMS_SETTING, {\n method: ApiKey._API_POST,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n body: formBody,\n })\n .then((response) => response.json())\n .then((responseJson) => {\n _dispatch(setIdle());\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setSettingId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n }\n });\n };\n\n return (\n \n
{t(\"SMS_SETTINGS\")} \n
\n
\n/// Author : -\n/// \n\nconst ManageAnnouncement = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const [announcementData, setAnnouncementData] = useState([]);\n\n let _tableColumns = [\n {\n Header: \"TITLE\",\n accessor: \"title\",\n disableSortBy: true,\n },\n {\n Header: \"VIP\",\n accessor: \"vipId\",\n Cell: ({ row }) => {\n if (stringIsNullOrEmpty(row.original.vipId)) {\n return <>{AllVipOption._LABEL};\n } else {\n return <>{row.original.vipModel.name};\n }\n },\n },\n {\n Header: \"STATUS\",\n accessor: \"status\",\n Cell: ({ row }) => (\n \n {row.original.status == 1 ? (\n \n {t(\"ACTIVE\")}\n \n ) : (\n \n {t(\"SUSPENDED\")}\n \n )}\n
\n ),\n disableSortBy: true,\n style: { overflow: \"visible\" },\n },\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) =>\n checkIfPermissionExist(\n AccessRight._ANNOUNCEMENT_SETTING_PERMISSION,\n true\n ) && (\n \n \n \n \n \n {\n navigateTo(\n _history,\n WebUrl._URL_CREATE_OR_UPDATE_ANNOUNCEMENT,\n row.original\n );\n }}\n >\n {t(\"EDIT\")} \n \n {\n navigateTo(\n _history,\n WebUrl._URL_CREATE_OR_UPDATE_ANNOUNCEMENT,\n { refId: row.original.id }\n );\n }}\n >\n {t(\"CLONE\")} \n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n width: 100,\n style: { overflow: \"visible\" },\n },\n ];\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n fetch(ApiUrl._API_GET_USER_ANNOUNCEMENT + \"?all=true\", {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setAnnouncementData(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n }, []);\n\n return (\n \n
\n {t(\"ANNOUNCEMENTS\")}\n {checkIfPermissionExist(\n AccessRight._ANNOUNCEMENT_SETTING_PERMISSION,\n true\n ) && (\n \n
\n \n \n \n
\n/// Author : -\n/// \n\nconst AnnouncementDetail = (props) => {\n const _DETAIL_TAB = \"1\";\n const _LANGUAGE_TAB = \"2\";\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const _location = useLocation();\n const _dispatch = useDispatch();\n const { register, unregister, handleSubmit, errors, setValue } = useForm();\n const [announcementId, setAnnouncementId] = useState(\"\");\n const [announcementRefId, setAnnouncementRefId] = useState(\"\");\n const [displayMode, setDisplayMode] = useState(\"\");\n\n const [content, setContent] = useState(\"\");\n const [title, setTitle] = useState(\"\");\n const [vip, setVip] = useState();\n const [vipOption, setVipOption] = useState([]);\n const [status, setStatus] = useState(true);\n const [rank, setRank] = useState(100);\n const [pinned, setPinned] = useState(false);\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n register({ name: \"content\" }, { required: \"PLEASE_ENTER_CONTENT\" });\n register({ name: \"vip\" }, { required: \"PLEASE_SELECT_VIP_LEVEL\" });\n init();\n }, []);\n\n const [activeTab, setActiveTab] = useState(_DETAIL_TAB);\n\n /// \n /// Author : -\n /// \n const toggle = (tab) => {\n if (activeTab !== tab) {\n setActiveTab(tab);\n }\n };\n\n /// \n /// Author : -\n /// \n async function init() {\n if (_location.state) {\n let stateAnnouncementId = _location.state.id || _location.state.refId;\n var apiUrl = ApiUrl._API_GET_USER_ANNOUNCEMENT_BY_ID;\n apiUrl += \"?id=\" + stateAnnouncementId;\n fetch(apiUrl, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n if (_location.state.id) {\n setAnnouncementId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n setAnnouncementRefId(\"\");\n } else if (_location.state.refId) {\n setAnnouncementId(\"\");\n setAnnouncementRefId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n }\n setDisplayMode(responseJson[ApiKey._API_DATA_KEY][\"displayModeId\"]);\n setContent(responseJson[ApiKey._API_DATA_KEY][\"content\"]);\n setTitle(responseJson[ApiKey._API_DATA_KEY][\"title\"]);\n setStatus(responseJson[ApiKey._API_DATA_KEY][\"status\"]);\n setRank(responseJson[ApiKey._API_DATA_KEY][\"rank\"]);\n setPinned(responseJson[ApiKey._API_DATA_KEY][\"pinOnTop\"]);\n setVip(\n stringIsNullOrEmpty(responseJson[ApiKey._API_DATA_KEY][\"vipId\"])\n ? AllVipOption._VALUE\n : responseJson[ApiKey._API_DATA_KEY][\"vipId\"]\n );\n unregister(\"vip\");\n }\n });\n }\n\n await fetch(ApiUrl._API_GET_USER_VIP, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n const vipList = [\n { label: AllVipOption._LABEL, value: AllVipOption._VALUE },\n ];\n responseJson[ApiKey._API_DATA_KEY].forEach(function (vipLevel) {\n vipList.push({ label: vipLevel.name, value: vipLevel.id });\n });\n\n setVipOption(vipList);\n }\n });\n }\n\n /// \n /// Author : -\n /// \n const submitForm = async (data, e) => {\n let params = {\n displayModeId: data.displayMode,\n title: data.title,\n rank: data.rank,\n content: content,\n status: data.status,\n rank: data.rank,\n pinOnTop: data.pinOnTop,\n vipId: stringIsNullOrEmpty(vip) ? \"\" : vip,\n };\n\n if (!stringIsNullOrEmpty(announcementId)) {\n params[\"id\"] = announcementId;\n }\n\n if (!stringIsNullOrEmpty(announcementRefId)) {\n params[\"refId\"] = announcementRefId;\n }\n\n let formBody = createFormBody(params);\n _dispatch(setBusy());\n\n fetch(ApiUrl._API_CREATE_OR_UPDATE_ANNOUNCEMENT, {\n method: ApiKey._API_POST,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n body: formBody,\n })\n .then((response) => response.json())\n .then((responseJson) => {\n _dispatch(setIdle());\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setAnnouncementId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n setAnnouncementRefId(\"\");\n\n _history.replace({\n pathname: _location.pathname,\n state: {\n id: responseJson[ApiKey._API_DATA_KEY][\"id\"],\n },\n });\n }\n });\n };\n\n return (\n \n
\n {announcementId ? t(\"EDIT_ANNOUNCEMENT\") : t(\"ADD_ANNOUNCEMENT\")}\n \n {announcementId && (\n
\n \n {\n toggle(_DETAIL_TAB);\n }}\n >\n {t(\"DETAIL\")}\n \n \n \n {\n toggle(_LANGUAGE_TAB);\n }}\n >\n {t(\"LANGUAGE\")}\n \n \n \n )}\n
\n \n \n \n \n {announcementId && (\n \n )}\n \n \n
\n/// Author : -\n/// \n\nconst ManageBanner = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const [bannerData, setBannerData] = useState([]);\n\n let _tableColumns = [\n {\n Header: \"TITLE\",\n accessor: \"title\",\n disableSortBy: true,\n },\n {\n Header: \"VIP\",\n accessor: \"vipId\",\n Cell: ({ row }) => {\n if (stringIsNullOrEmpty(row.original.vipId)) {\n return <>{AllVipOption._LABEL};\n } else {\n return <>{row.original.vipModel.name};\n }\n },\n },\n {\n Header: \"DISPLAY_TYPE\",\n accessor: \"displayTypeString\",\n },\n {\n Header: \"STATUS\",\n accessor: \"status\",\n Cell: ({ row }) => (\n \n {row.original.status == 1 ? (\n \n {t(\"ACTIVE\")}\n \n ) : (\n \n {t(\"SUSPENDED\")}\n \n )}\n
\n ),\n disableSortBy: true,\n style: { overflow: \"visible\" },\n },\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) =>\n checkIfPermissionExist(\n AccessRight._BANNER_SETTING_PERMISSION,\n true\n ) && (\n \n \n \n \n \n {\n navigateTo(\n _history,\n WebUrl._URL_CREATE_OR_UPDATE_BANNER,\n row.original\n );\n }}\n >\n {t(\"EDIT\")} \n \n {\n navigateTo(_history, WebUrl._URL_CREATE_OR_UPDATE_BANNER, {\n refId: row.original.id,\n });\n }}\n >\n {t(\"CLONE\")} \n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n width: 100,\n style: { overflow: \"visible\" },\n },\n ];\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n fetch(ApiUrl._API_GET_USER_BANNER + \"?all=true&isCompanyUser=true\", {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setBannerData(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n }, []);\n\n return (\n \n
\n {t(\"BANNERS\")}\n {checkIfPermissionExist(\n AccessRight._BANNER_SETTING_PERMISSION,\n true\n ) && (\n \n
\n \n \n \n
\n/// Author : -\n/// \nconst ManageBannerLanguage = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n const [data, setData] = useState([]);\n const [\n languageDetailModalVisibility,\n setLanguageDetailModalVisibility,\n ] = useState(false);\n\n const _EXCLUDE_TITLE_TYPE = [\n ContentTypeString._VIP_BENEFIT_CONTENT,\n ContentTypeString._VIP_CRITERIA,\n ];\n const _EXCLUDE_CONTENT_TYPE = [\n ContentTypeString._VIP_BENEFIT,\n ContentTypeString._PRODUCT_CATEGORY,\n ];\n\n const [languageDetailId, setLanguageDetailId] = useState(\"\");\n const [tableColumns, setTableColumns] = useState([]);\n\n let _tableColumns = [\n {\n Header: \"LANGUAGE\",\n accessor: \"languageName\",\n disableSortBy: true,\n },\n {\n Header: \"CONTENT\",\n accessor: \"content\",\n disableSortBy: true,\n },\n {\n Header: \"TITLE\",\n accessor: \"title\",\n disableSortBy: true,\n },\n {\n Header: \"DESKTOP_IMAGE\",\n accessor: \"desktopImage\",\n Cell: ({ row }) => (\n {!stringIsNullOrEmpty(row.original.desktopImage) ?
\n ),\n disableSortBy: true,\n },\n {\n Header: \"MOBILE_IMAGE\",\n accessor: \"mobileImage\",\n Cell: ({ row }) => (\n {!stringIsNullOrEmpty(row.original.mobileImage) ?
\n ),\n disableSortBy: true,\n },\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) => (\n \n \n \n \n \n {\n setLanguageDetailId(row.original.id);\n setLanguageDetailModalVisibility(true);\n }}\n >\n {t(\"EDIT\")} \n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n width: 100,\n style: { overflow: \"visible\" },\n },\n ];\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n getConfigLanguage();\n /// Used to Exclude the column of table\n if (_EXCLUDE_CONTENT_TYPE.includes(props.type)) {\n _tableColumns.splice(1, 1);\n } else if (_EXCLUDE_TITLE_TYPE.includes(props.type)) {\n _tableColumns.splice(2, 1);\n }\n setTableColumns(_tableColumns);\n }, []);\n\n /// \n /// Author : -\n /// \n const getConfigLanguage = async () => {\n await fetch(\n ApiUrl._API_GET_CONFIG_LANGUAGE_BY_TYPE_ID +\n \"?type=\" +\n props.type +\n \"&id=\" +\n props.id,\n {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n }\n )\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setData(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n };\n\n return (\n \n
\n {\n setLanguageDetailModalVisibility(false);\n getConfigLanguage();\n }}\n dataTypeId={props.id}\n languageDetailId={languageDetailId}\n languageType={props.type}\n dataDisplayDevice={props.displayDevice}\n />\n
\n
\n \n {\n setLanguageDetailId(\"\");\n setLanguageDetailModalVisibility(true);\n }}\n className=\"btn btn-purple\"\n >\n {t(\"ADD_LANGUAGE\")}\n \n \n \n
\n/// Author : -\n/// \n\nconst BannerDetail = (props) => {\n const _DETAIL_TAB = \"1\";\n const _LANGUAGE_TAB = \"2\";\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const _location = useLocation();\n const _dispatch = useDispatch();\n\n const {\n register,\n unregister,\n handleSubmit,\n errors,\n setError,\n control,\n setValue,\n } = useForm();\n const [displayType, setDisplayType] = useState(\"\");\n const [displayMode, setDisplayMode] = useState(\"\");\n\n const [bannerId, setBannerId] = useState(\"\");\n const [bannerRefId, setBannerRefId] = useState(\"\");\n const [title, setTitle] = useState(\"\");\n const [page, setPage] = useState(\"\");\n const [content, setContent] = useState(\"\");\n const [url, setUrl] = useState(\"\");\n const [rank, setRank] = useState(\"\");\n const [status, setStatus] = useState(true);\n const [displayDevice, setDisplayDevice] = useState(\"\");\n\n const [desktopFile, setDesktopFile] = useState([]);\n const [mobileFile, setMobileFile] = useState([]);\n const [desktopImage, setDesktopImage] = useState();\n const [mobileImage, setMobileImage] = useState();\n const [isNewDesktopImage, setIsNewDesktopImage] = useState(false);\n const [isNewMobileImage, setIsNewMobileImage] = useState(false);\n const [vip, setVip] = useState(\"\");\n const [vipOption, setVipOption] = useState([]);\n const [showExample, setShowExample] = useState(false);\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n init();\n }, []);\n\n const [activeTab, setActiveTab] = useState(_DETAIL_TAB);\n\n /// \n /// Author : -\n /// \n const toggle = (tab) => {\n if (activeTab !== tab) setActiveTab(tab);\n };\n\n /// \n /// Author : -\n /// \n async function init() {\n if (_location.state) {\n var apiUrl = ApiUrl._API_GET_USER_BANNER_BY_ID;\n let stateBannerId = _location.state.id || _location.state.refId;\n apiUrl += \"?id=\" + stateBannerId;\n await fetch(apiUrl, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then(async (responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n if (_location.state.id) {\n setBannerId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n setBannerRefId(\"\");\n } else if (_location.state.refId) {\n setBannerId(\"\");\n setBannerRefId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n }\n\n setDisplayMode(responseJson[ApiKey._API_DATA_KEY][\"displayModeId\"]);\n setDisplayType(responseJson[ApiKey._API_DATA_KEY][\"displayTypeId\"]);\n setContent(responseJson[ApiKey._API_DATA_KEY][\"content\"]);\n setTitle(responseJson[ApiKey._API_DATA_KEY][\"title\"]);\n setRank(responseJson[ApiKey._API_DATA_KEY][\"rank\"]);\n setPage(responseJson[ApiKey._API_DATA_KEY][\"page\"]);\n if (stringIsNullOrEmpty(responseJson[ApiKey._API_DATA_KEY][\"page\"])) setShowExample(true);\n setUrl(responseJson[ApiKey._API_DATA_KEY][\"url\"]);\n setStatus(responseJson[ApiKey._API_DATA_KEY][\"status\"]);\n setDisplayDevice(responseJson[ApiKey._API_DATA_KEY][\"displayDevice\"]);\n setVip(\n stringIsNullOrEmpty(responseJson[ApiKey._API_DATA_KEY][\"vipId\"])\n ? AllVipOption._VALUE\n : responseJson[ApiKey._API_DATA_KEY][\"vipId\"]\n );\n setValue(\n \"vip\",\n stringIsNullOrEmpty(responseJson[ApiKey._API_DATA_KEY][\"vipId\"])\n ? AllVipOption._VALUE\n : responseJson[ApiKey._API_DATA_KEY][\"vipId\"]\n );\n\n if (\n !stringIsNullOrEmpty(\n responseJson[ApiKey._API_DATA_KEY][\"desktopImage\"]\n )\n ) {\n setDesktopImage(\n responseJson[ApiKey._API_DATA_KEY][\"desktopImage\"]\n );\n if (_location.state.refId) {\n setIsNewDesktopImage(true);\n let imageFile = await imagePathToFileObject(\n responseJson[ApiKey._API_DATA_KEY][\"desktopImage\"]\n );\n setDesktopFile(imageFile);\n }\n }\n\n if (\n !stringIsNullOrEmpty(\n responseJson[ApiKey._API_DATA_KEY][\"mobileImage\"]\n )\n ) {\n setMobileImage(responseJson[ApiKey._API_DATA_KEY][\"mobileImage\"]);\n if (_location.state.refId) {\n setIsNewMobileImage(true);\n let imageFile = await imagePathToFileObject(\n responseJson[ApiKey._API_DATA_KEY][\"mobileImage\"]\n );\n setMobileFile(imageFile);\n }\n }\n\n unregister(\"content\");\n }\n });\n }\n\n await fetch(ApiUrl._API_GET_USER_VIP, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n const vipList = [\n { label: AllVipOption._LABEL, value: AllVipOption._VALUE },\n ];\n responseJson[ApiKey._API_DATA_KEY].forEach(function (vipLevel) {\n vipList.push({ label: vipLevel.name, value: vipLevel.id });\n });\n\n setVipOption(vipList);\n }\n });\n }\n\n /// \n /// Author : -\n /// \n const submitForm = async (data, e) => {\n let tempDisplayTypeId = 1;\n if (data.displayDevice === \"1\" || data.displayDevice === \"3\") {\n tempDisplayTypeId = 2;\n }\n let params = {\n title: data.title,\n displayModeId: data.displayMode,\n displayTypeId: tempDisplayTypeId,\n page: data.page,\n url: data.url,\n rank: data.rank,\n status: data.status,\n content: data.content,\n isNewDesktopFile: isNewDesktopImage,\n isNewMobileFile: isNewMobileImage,\n vipId: stringIsNullOrEmpty(vip) ? \"\" : vip,\n displayDevice: data.displayDevice\n };\n\n if (!stringIsNullOrEmpty(desktopFile)) {\n params[\"desktopFile\"] = desktopFile;\n }\n\n if (stringIsNullOrEmpty(desktopImage)) {\n params[\"desktopImageRemoved\"] = true;\n }\n\n if (!stringIsNullOrEmpty(mobileFile)) {\n params[\"mobileFile\"] = mobileFile;\n }\n\n if (stringIsNullOrEmpty(mobileImage)) {\n params[\"mobileImageRemoved\"] = true;\n }\n\n if (!stringIsNullOrEmpty(bannerId)) {\n params[\"id\"] = bannerId;\n }\n\n if (!stringIsNullOrEmpty(bannerRefId)) {\n params[\"refId\"] = bannerRefId;\n }\n\n let formBody = createMultiPartFormBody(params);\n _dispatch(setBusy());\n\n fetch(ApiUrl._API_CREATE_OR_UPDATE_BANNER, {\n method: ApiKey._API_POST,\n headers: {\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n body: formBody,\n })\n .then((response) => response.json())\n .then((responseJson) => {\n _dispatch(setIdle());\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setIsNewDesktopImage(false);\n setIsNewMobileImage(false);\n setBannerRefId(\"\");\n setBannerId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n\n _history.replace({\n pathname: _location.pathname,\n state: {\n id: responseJson[ApiKey._API_DATA_KEY][\"id\"],\n },\n });\n }\n });\n };\n\n /// \n /// Author : -\n /// \n const logoDrop = (acceptedFiles, isDesktop) => {\n if (acceptedFiles.length !== 0) {\n const file = acceptedFiles[0];\n if (isDesktop) {\n setDesktopFile(file);\n } else {\n setMobileFile(file);\n }\n const reader = new FileReader();\n reader.onloadend = () => {\n if (isDesktop) {\n setIsNewDesktopImage(true);\n setDesktopImage(reader.result);\n } else {\n setIsNewMobileImage(true);\n setMobileImage(reader.result);\n }\n };\n reader.readAsDataURL(file);\n }\n };\n\n const checkPageField = (data, e) => {\n if (data == \"\") setShowExample(true);\n else setShowExample(false);\n }\n\n return (\n \n
\n {bannerId ? t(\"EDIT_BANNER\") : t(\"ADD_BANNER\")}\n \n {bannerId && (\n
\n \n {\n toggle(_DETAIL_TAB);\n }}\n >\n {t(\"DETAIL\")}\n \n \n \n {\n toggle(_LANGUAGE_TAB);\n }}\n >\n {t(\"LANGUAGE\")}\n \n \n \n )}\n
\n \n \n
}\n
\n
\n
\n {t(\"STATUS\")} \n \n
\n
\n setStatus(e.target.checked)}\n value={true}\n checked={status}\n ref={register}\n />\n
\n
\n
\n
\n
\n
\n
\n \n {t(\"SUBMIT\")}\n \n
\n
\n
\n {bannerId && (\n \n )}\n \n \n \n );\n};\n\nexport default withRouter(BannerDetail);\n","import React, { useState, useEffect } from \"react\";\nimport ReactTable from \"../../components/constantComponent/reactTable/ReactTable\";\nimport { Panel, PanelBody } from \"./../../components/panel/panel.jsx\";\nimport \"../../assets/css/custom.css\";\nimport { useHistory } from \"react-router-dom\";\nimport {\n UncontrolledButtonDropdown,\n DropdownToggle,\n DropdownMenu,\n DropdownItem,\n} from \"reactstrap\";\nimport { navigateTo, stringIsNullOrEmpty } from \"../../util/Util\";\nimport {\n WebUrl,\n ApiKey,\n ApiUrl,\n AccessRight,\n LanguageKey,\n AllVipOption,\n} from \"../../util/Constant\";\nimport NavigationButton from \"../../components/constantComponent/button/NavigationButton\";\nimport { checkIfPermissionExist } from \"../../util/PermissionChecker\";\nimport { useTranslation } from \"react-i18next\";\nimport { fetch } from \"whatwg-fetch\";\n\n/// \n/// Author : -\n/// \n\nconst ManageRewardBanner = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const [bannerData, setBannerData] = useState([]);\n \n let _tableColumns = [\n {\n Header: \"TITLE\",\n accessor: \"title\",\n disableSortBy: true,\n },\n {\n Header: \"VIP\",\n accessor: \"vipId\",\n Cell: ({ row }) => {\n if (stringIsNullOrEmpty(row.original.vipId)) {\n return <>{AllVipOption._LABEL};\n } else {\n return <>{row.original.vipModel.name};\n }\n },\n },\n {\n Header: \"STATUS\",\n accessor: \"status\",\n Cell: ({ row }) => (\n \n {row.original.status == 1 ? (\n \n {t(\"ACTIVE\")}\n \n ) : (\n \n {t(\"SUSPENDED\")}\n \n )}\n
\n ),\n disableSortBy: true,\n style: { overflow: \"visible\" },\n },\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) =>\n checkIfPermissionExist(\n AccessRight._BANNER_SETTING_PERMISSION,\n true\n ) && (\n \n \n \n \n \n {\n navigateTo(\n _history,\n WebUrl._URL_CREATE_OR_UPDATE_REWARD_BANNER,\n row.original\n );\n }}\n >\n {t(\"EDIT\")} \n \n {\n navigateTo(_history, WebUrl._URL_CREATE_OR_UPDATE_REWARD_BANNER, {\n refId: row.original.id,\n });\n }}\n >\n {t(\"CLONE\")} \n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n width: 100,\n style: { overflow: \"visible\" },\n },\n ];\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n fetch(ApiUrl._API_GET_USER_REWARD_BANNER + \"?all=true\", {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setBannerData(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n }, []);\n\n return (\n \n
\n {t(\"REWARD_BANNERS\")}\n {checkIfPermissionExist(\n AccessRight._REWARD_BANNER_SETTING_PERMISSION,\n true\n ) && (\n \n
\n \n \n \n
\n/// Author : -\n/// \n\nconst RewardBannerDetail = (props) => {\n const _DETAIL_TAB = \"1\";\n const _LANGUAGE_TAB = \"2\";\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const _location = useLocation();\n const _dispatch = useDispatch();\n\n const {\n register,\n unregister,\n handleSubmit,\n errors,\n setError,\n control,\n setValue,\n } = useForm();\n\n const [bannerId, setBannerId] = useState(\"\");\n const [bannerRefId, setBannerRefId] = useState(\"\");\n const [title, setTitle] = useState(\"\");\n const [page, setPage] = useState(\"\");\n const [content, setContent] = useState(\"\");\n const [url, setUrl] = useState(\"\");\n const [rank, setRank] = useState(\"\");\n const [status, setStatus] = useState(true);\n\n const [desktopFile, setDesktopFile] = useState([]);\n const [mobileFile, setMobileFile] = useState([]);\n const [desktopImage, setDesktopImage] = useState();\n const [mobileImage, setMobileImage] = useState();\n const [isNewDesktopImage, setIsNewDesktopImage] = useState(false);\n const [isNewMobileImage, setIsNewMobileImage] = useState(false);\n const [vip, setVip] = useState(\"\");\n const [vipOption, setVipOption] = useState([]);\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n init();\n }, []);\n\n const [activeTab, setActiveTab] = useState(_DETAIL_TAB);\n\n /// \n /// Author : -\n /// \n const toggle = (tab) => {\n if (activeTab !== tab) setActiveTab(tab);\n };\n\n /// \n /// Author : -\n /// \n async function init() {\n if (_location.state) {\n var apiUrl = ApiUrl._API_GET_USER_REWARD_BANNER_BY_ID;\n let stateBannerId = _location.state.id || _location.state.refId;\n apiUrl += \"?id=\" + stateBannerId;\n await fetch(apiUrl, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then(async (responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n if (_location.state.id) {\n setBannerId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n setBannerRefId(\"\");\n } else if (_location.state.refId) {\n setBannerId(\"\");\n setBannerRefId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n }\n\n setContent(responseJson[ApiKey._API_DATA_KEY][\"content\"]);\n setTitle(responseJson[ApiKey._API_DATA_KEY][\"title\"]);\n setRank(responseJson[ApiKey._API_DATA_KEY][\"rank\"]);\n setPage(responseJson[ApiKey._API_DATA_KEY][\"page\"]);\n setUrl(responseJson[ApiKey._API_DATA_KEY][\"url\"]);\n setStatus(responseJson[ApiKey._API_DATA_KEY][\"status\"]);\n setVip(\n stringIsNullOrEmpty(responseJson[ApiKey._API_DATA_KEY][\"vipId\"])\n ? AllVipOption._VALUE\n : responseJson[ApiKey._API_DATA_KEY][\"vipId\"]\n );\n setValue(\n \"vip\",\n stringIsNullOrEmpty(responseJson[ApiKey._API_DATA_KEY][\"vipId\"])\n ? AllVipOption._VALUE\n : responseJson[ApiKey._API_DATA_KEY][\"vipId\"]\n );\n\n if (\n !stringIsNullOrEmpty(\n responseJson[ApiKey._API_DATA_KEY][\"desktopImage\"]\n )\n ) {\n setDesktopImage(\n responseJson[ApiKey._API_DATA_KEY][\"desktopImage\"]\n );\n if (_location.state.refId) {\n setIsNewDesktopImage(true);\n let imageFile = await imagePathToFileObject(\n responseJson[ApiKey._API_DATA_KEY][\"desktopImage\"]\n );\n setDesktopFile(imageFile);\n }\n }\n\n if (\n !stringIsNullOrEmpty(\n responseJson[ApiKey._API_DATA_KEY][\"mobileImage\"]\n )\n ) {\n setMobileImage(responseJson[ApiKey._API_DATA_KEY][\"mobileImage\"]);\n if (_location.state.refId) {\n setIsNewMobileImage(true);\n let imageFile = await imagePathToFileObject(\n responseJson[ApiKey._API_DATA_KEY][\"mobileImage\"]\n );\n setMobileFile(imageFile);\n }\n }\n\n unregister(\"content\");\n }\n });\n }\n\n await fetch(ApiUrl._API_GET_USER_VIP, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n const vipList = [\n { label: AllVipOption._LABEL, value: AllVipOption._VALUE },\n ];\n responseJson[ApiKey._API_DATA_KEY].forEach(function (vipLevel) {\n vipList.push({ label: vipLevel.name, value: vipLevel.id });\n });\n\n setVipOption(vipList);\n }\n });\n }\n\n /// \n /// Author : -\n /// \n const submitForm = async (data, e) => {\n let params = {\n title: data.title,\n page: data.page,\n url: data.url,\n rank: data.rank,\n status: data.status,\n content: data.content,\n isNewDesktopFile: isNewDesktopImage,\n isNewMobileFile: isNewMobileImage,\n vipId: stringIsNullOrEmpty(vip) ? \"\" : vip,\n };\n\n if (!stringIsNullOrEmpty(desktopFile)) {\n params[\"desktopFile\"] = desktopFile;\n }\n\n if (stringIsNullOrEmpty(desktopImage)) {\n params[\"desktopImageRemoved\"] = true;\n }\n\n if (!stringIsNullOrEmpty(mobileFile)) {\n params[\"mobileFile\"] = mobileFile;\n }\n\n if (stringIsNullOrEmpty(mobileImage)) {\n params[\"mobileImageRemoved\"] = true;\n }\n\n if (!stringIsNullOrEmpty(bannerId)) {\n params[\"id\"] = bannerId;\n }\n\n if (!stringIsNullOrEmpty(bannerRefId)) {\n params[\"refId\"] = bannerRefId;\n }\n\n let formBody = createMultiPartFormBody(params);\n _dispatch(setBusy());\n\n await fetch(ApiUrl._API_CREATE_OR_UPDATE_REWARD_BANNER, {\n method: ApiKey._API_POST,\n headers: {\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n body: formBody,\n })\n .then((response) => response.json())\n .then((responseJson) => {\n _dispatch(setIdle());\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setIsNewDesktopImage(false);\n setIsNewMobileImage(false);\n setBannerRefId(\"\");\n setBannerId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n\n _history.replace({\n pathname: _location.pathname,\n state: {\n id: responseJson[ApiKey._API_DATA_KEY][\"id\"],\n },\n });\n }\n });\n };\n\n /// \n /// Author : -\n /// \n const logoDrop = (acceptedFiles, isDesktop) => {\n if (acceptedFiles.length !== 0) {\n const file = acceptedFiles[0];\n if (isDesktop) {\n setDesktopFile(file);\n } else {\n setMobileFile(file);\n }\n const reader = new FileReader();\n reader.onloadend = () => {\n if (isDesktop) {\n setIsNewDesktopImage(true);\n setDesktopImage(reader.result);\n } else {\n setIsNewMobileImage(true);\n setMobileImage(reader.result);\n }\n };\n reader.readAsDataURL(file);\n }\n };\n\n return (\n \n
\n {bannerId ? t(\"EDIT_REWARD_BANNER\") : t(\"ADD_REWARD_BANNER\")}\n \n {bannerId && (\n
\n \n {\n toggle(_DETAIL_TAB);\n }}\n >\n {t(\"DETAIL\")}\n \n \n \n {\n toggle(_LANGUAGE_TAB);\n }}\n >\n {t(\"LANGUAGE\")}\n \n \n \n )}\n
\n \n \n
\n
\n
\n
\n {t(\"STATUS\")} \n \n
\n
\n setStatus(e.target.checked)}\n value={true}\n checked={status}\n ref={register}\n />\n
\n
\n
\n
\n
\n
\n
\n \n {t(\"SUBMIT\")}\n \n
\n
\n
\n {bannerId && (\n \n )}\n \n \n \n );\n};\n\nexport default withRouter(RewardBannerDetail);\n","import React, { useState, useEffect } from \"react\";\nimport ReactTable from \"../../components/constantComponent/reactTable/ReactTable\";\nimport { Panel, PanelBody } from \"./../../components/panel/panel.jsx\";\nimport \"../../assets/css/custom.css\";\nimport { useHistory } from \"react-router-dom\";\nimport {\n UncontrolledButtonDropdown,\n DropdownToggle,\n DropdownMenu,\n DropdownItem,\n} from \"reactstrap\";\nimport { navigateTo, stringIsNullOrEmpty } from \"../../util/Util\";\nimport {\n ApiUrl,\n ApiKey,\n WebUrl,\n AccessRight,\n LanguageKey,\n AllVipOption,\n} from \"../../util/Constant\";\nimport NavigationButton from \"../../components/constantComponent/button/NavigationButton\";\nimport { checkIfPermissionExist } from \"../../util/PermissionChecker\";\nimport { useTranslation } from \"react-i18next\";\nimport { fetch } from \"whatwg-fetch\";\n\n/// \n/// Author : -\n/// \n\nconst ManagePromotion = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const [promotionData, setPromotionData] = useState([]);\n\n let _tableColumns = [\n {\n Header: \"TITLE\",\n accessor: \"title\",\n disableSortBy: true,\n },\n {\n Header: \"VIP\",\n accessor: \"vipId\",\n Cell: ({ row }) => {\n if (stringIsNullOrEmpty(row.original.vipId)) {\n return <>{AllVipOption._LABEL};\n } else {\n return <>{row.original.vipModel.name};\n }\n },\n },\n {\n Header: \"STATUS\",\n accessor: \"status\",\n Cell: ({ row }) => (\n \n {row.original.status == 1 ? (\n \n {t(\"ACTIVE\")}\n \n ) : (\n \n {t(\"SUSPENDED\")}\n \n )}\n
\n ),\n disableSortBy: true,\n style: { overflow: \"visible\" },\n },\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) =>\n checkIfPermissionExist(\n AccessRight._PROMOTION_SETTING_PERMISSION,\n true\n ) && (\n \n \n \n \n \n {\n navigateTo(\n _history,\n WebUrl._URL_CREATE_OR_UPDATE_PROMOTION,\n row.original\n );\n }}\n >\n {t(\"EDIT\")} \n \n {\n navigateTo(\n _history,\n WebUrl._URL_CREATE_OR_UPDATE_PROMOTION,\n { refId: row.original.id }\n );\n }}\n >\n {t(\"CLONE\")} \n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n width: 100,\n style: { overflow: \"visible\" },\n },\n ];\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n fetch(ApiUrl._API_GET_USER_PROMOTION + \"?all=true\", {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setPromotionData(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n }, []);\n\n return (\n \n
\n {t(\"PROMOTIONS\")}\n {checkIfPermissionExist(\n AccessRight._PROMOTION_SETTING_PERMISSION,\n true\n ) && (\n \n
\n \n \n \n
\n/// Author : -\n/// \n\nconst ScriptIndex = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const [scriptData, setScriptData] = useState([]);\n const [title, setTitle] = useState([]);\n const [createOrUpdateUrl, setCreateOrUpdateUrl] = useState([]);\n\n let _tableColumns = [\n {\n Header: \"TITLE\",\n accessor: \"title\",\n disableSortBy: true,\n },\n {\n Header: \"POSITION\",\n accessor: \"positionString\",\n },\n {\n Header: \"STATUS\",\n accessor: \"status\",\n Cell: ({ row }) => (\n \n {row.original.status == 1 ? (\n \n {t(\"ACTIVE\")}\n \n ) : (\n \n {t(\"SUSPENDED\")}\n \n )}\n
\n ),\n disableSortBy: true,\n style: { overflow: \"visible\" },\n },\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) =>\n checkIfPermissionExist(\n AccessRight._SCRIPT_SETTING_PERMISSION,\n true\n ) && (\n \n \n \n \n \n {\n navigateTo(_history, createOrUpdateUrl, row.original);\n }}\n >\n {t(\"EDIT\")} \n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n width: 100,\n style: { overflow: \"visible\" },\n },\n ];\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n setTitle(props[\"isSeo\"] ? \"SEO\" : \"SCRIPT\");\n setCreateOrUpdateUrl(\n props[\"isSeo\"]\n ? WebUrl._URL_CREATE_OR_UPDATE_SEO\n : WebUrl._URL_CREATE_OR_UPDATE_SCRIPT\n );\n fetch(\n ApiUrl._API_GET_USER_SCRIPT + \"?isSeo=\" + props[\"isSeo\"] + \"&all=true\",\n {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n }\n )\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setScriptData(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n }, []);\n\n return (\n \n
\n {t(title + \"_LISTING\")}\n {checkIfPermissionExist(\n AccessRight._SCRIPT_SETTING_PERMISSION,\n true\n ) && (\n \n
\n \n \n \n
\n/// Author : -\n/// \n\nconst ScriptDetail = (props) => {\n const _DETAIL_TAB = \"1\";\n const _LANGUAGE_TAB = \"2\";\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const _location = useLocation();\n const _dispatch = useDispatch();\n\n const { register, unregister, handleSubmit, errors } = useForm();\n const [submitError, setSubmitError] = useState(\"\");\n const [submitSuccess, setSubmitSuccess] = useState(\"\");\n const [scriptId, setScriptId] = useState(\"\");\n const [title, setTitle] = useState(\"\");\n const [content, setContent] = useState(\"\");\n const [page, setPage] = useState(\"\");\n\n const [category, setCategory] = useState(\"\");\n const [position, setPosition] = useState(+\"\");\n const [status, setStatus] = useState(true);\n const [activeTab, setActiveTab] = useState(_DETAIL_TAB);\n\n /// \n /// Author : -\n /// \n const toggle = (tab) => {\n if (activeTab !== tab) {\n setActiveTab(tab);\n }\n };\n\n // \n /// Author : -\n /// \n useEffect(() => {\n setCategory(props[\"isSeo\"] ? \"SEO\" : \"SCRIPT\");\n register({ name: \"content\" }, { required: \"PLEASE_ENTER_CONTENT\" });\n init();\n }, []);\n\n /// \n /// Author : -\n /// \n async function init() {\n if (_location.state) {\n var apiUrl = ApiUrl._API_GET_USER_SCRIPT_BY_ID;\n apiUrl += \"?id=\" + _location.state.id;\n await fetch(apiUrl, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setScriptId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n setContent(responseJson[ApiKey._API_DATA_KEY][\"content\"]);\n setPage(responseJson[ApiKey._API_DATA_KEY][\"page\"]);\n setTitle(responseJson[ApiKey._API_DATA_KEY][\"title\"]);\n setPosition(responseJson[ApiKey._API_DATA_KEY][\"positionId\"]);\n setStatus(responseJson[ApiKey._API_DATA_KEY][\"status\"]);\n\n unregister(\"content\");\n }\n });\n }\n }\n /// \n /// Author : -\n /// \n const submitForm = async (data, e) => {\n let params = {\n title: data.title,\n positionId: data.position,\n page: data.page,\n status: data.status,\n content: content,\n isSeo: props[\"isSeo\"] ? true : false,\n };\n\n if (!stringIsNullOrEmpty(scriptId)) {\n params[\"id\"] = scriptId;\n }\n\n let formBody = createFormBody(params);\n _dispatch(setBusy());\n\n fetch(ApiUrl._API_CREATE_OR_UPDATE_SCRIPT, {\n method: ApiKey._API_POST,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n body: formBody,\n })\n .then((response) => response.json())\n .then((responseJson) => {\n _dispatch(setIdle());\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setScriptId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n }\n });\n };\n\n return (\n \n
\n {t((scriptId ? \"EDIT_\" : \"ADD_\") + category)}\n \n {scriptId && (\n
\n \n {\n toggle(_DETAIL_TAB);\n }}\n >\n {t(\"DETAIL\")}\n \n \n \n {\n toggle(_LANGUAGE_TAB);\n }}\n >\n {t(\"LANGUAGE\")}\n \n \n \n )}\n
\n \n \n \n \n {scriptId && (\n \n )}\n \n \n
\n/// Author : -\n/// \n\nconst ManageEmail = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const [emailData, setEmailData] = useState([]);\n\n let _tableColumns = [\n {\n Header: \"NAME\",\n accessor: \"title\",\n disableSortBy: true,\n },\n {\n Header: \"STATUS\",\n accessor: \"status\",\n Cell: ({ row }) => (\n \n {row.original.status == 1 ? (\n \n {t(\"Active\")}\n \n ) : (\n \n {t(\"Suspended\")}\n \n )}\n
\n ),\n disableSortBy: true,\n style: { overflow: \"visible\" },\n },\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) =>\n checkIfPermissionExist(AccessRight._EMAIL_SETTING_PERMISSION, true) && (\n \n \n \n \n \n {\n navigateTo(\n _history,\n WebUrl._URL_CREATE_OR_UPDATE_EMAIL,\n row.original\n );\n }}\n >\n {t(\"EDIT\")} \n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n width: 100,\n style: { overflow: \"visible\" },\n },\n ];\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n fetch(ApiUrl._API_GET_USER_EMAIL + \"?all=true\", {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setEmailData(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n }, []);\n\n return (\n \n
\n {t(\"EMAIL_LISTING\")}\n {checkIfPermissionExist(\n AccessRight._EMAIL_SETTING_PERMISSION,\n true\n ) && (\n \n
\n \n \n \n
\n/// Author : -\n/// \n\nconst EmailDetail = (props) => {\n const _DETAIL_TAB = \"1\";\n const _LANGUAGE_TAB = \"2\";\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const _location = useLocation();\n const _dispatch = useDispatch();\n const { register, unregister, handleSubmit, errors } = useForm();\n\n const [emailId, setEmailId] = useState(\"\");\n const [pageType, setPageType] = useState(\"\");\n const [title, setTitle] = useState(\"\");\n const [content, setContent] = useState(\"\");\n const [status, setStatus] = useState(true);\n const [activeTab, setActiveTab] = useState(_DETAIL_TAB);\n\n /// \n /// Author : -\n /// \n const toggle = (tab) => {\n if (activeTab !== tab) {\n setActiveTab(tab);\n }\n };\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n register({ name: \"content\" }, { required: \"PLEASE_ENTER_CONTENT\" });\n init();\n }, []);\n\n /// \n /// Author : -\n /// \n async function init() {\n if (_location.state) {\n var apiUrl = ApiUrl._API_GET_USER_EMAIL_BY_ID;\n apiUrl += \"?id=\" + _location.state.id;\n await fetch(apiUrl, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setEmailId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n setContent(responseJson[ApiKey._API_DATA_KEY][\"content\"]);\n setPageType(responseJson[ApiKey._API_DATA_KEY][\"pageTypeId\"]);\n setTitle(responseJson[ApiKey._API_DATA_KEY][\"title\"]);\n setStatus(responseJson[ApiKey._API_DATA_KEY][\"status\"]);\n unregister(\"content\");\n }\n });\n }\n }\n\n /// \n /// Author : -\n /// \n const submitForm = async (data, e) => {\n let params = {\n pageTypeId: data.pageType,\n title: data.title,\n status: data.status,\n content: content,\n };\n\n if (!stringIsNullOrEmpty(emailId)) {\n params[\"id\"] = emailId;\n }\n\n let formBody = createFormBody(params);\n _dispatch(setBusy());\n\n fetch(ApiUrl._API_CREATE_OR_UPDATE_EMAIL, {\n method: ApiKey._API_POST,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n body: formBody,\n })\n .then((response) => response.json())\n .then((responseJson) => {\n _dispatch(setIdle());\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setEmailId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n }\n });\n };\n\n return (\n \n
\n {emailId ? t(\"EDIT_EMAIL_CONTENT\") : t(\"ADD_EMAIL_CONTENT\")}\n \n {emailId && (\n
\n \n {\n toggle(_DETAIL_TAB);\n }}\n >\n {t(\"DETAIL\")}\n \n \n \n {\n toggle(_LANGUAGE_TAB);\n }}\n >\n {t(\"LANGUAGE\")}\n \n \n \n )}\n
\n \n \n \n \n {emailId && (\n \n )}\n \n \n
\n/// Author : -\n/// \n\nconst ManageContent = (props) => {\n let _history = useHistory();\n const { t } = useTranslation(LanguageKey._PRIMARY);\n const [contentData, setContentData] = useState([]);\n\n let _tableColumns = [\n {\n Header: \"TITLE\",\n accessor: \"title\",\n disableSortBy: true,\n },\n {\n Header: \"STATUS\",\n accessor: \"status\",\n Cell: ({ row }) => (\n \n {row.original.status == 1 ? (\n \n {t(\"ACTIVE\")}\n \n ) : (\n \n {t(\"SUSPENDED\")}\n \n )}\n
\n ),\n disableSortBy: true,\n style: { overflow: \"visible\" },\n },\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) =>\n checkIfPermissionExist(\n AccessRight._CONTENT_SETTING_PERMISSION,\n true\n ) && (\n \n \n \n \n \n {\n navigateTo(\n _history,\n WebUrl._URL_CREATE_OR_UPDATE_CONTENT,\n row.original\n );\n }}\n >\n {t(\"EDIT\")} \n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n width: 100,\n style: { overflow: \"visible\" },\n },\n ];\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n fetch(ApiUrl._API_GET_USER_CONTENT + \"?all=true\", {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setContentData(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n }, []);\n\n return (\n \n
\n {t(\"CONTENT_LISTING\")}\n {checkIfPermissionExist(\n AccessRight._CONTENT_SETTING_PERMISSION,\n true\n ) && (\n \n
\n \n \n \n
\n/// Author : -\n/// \n\nconst ContentDetail = (props) => {\n\tconst _DETAIL_TAB = \"1\";\n\tconst _LANGUAGE_TAB = \"2\";\n\tconst { t } = useTranslation(LanguageKey._PRIMARY);\n\tlet _history = useHistory();\n\tconst _location = useLocation();\n\tconst _dispatch = useDispatch();\n\tconst { register, unregister, handleSubmit, errors } = useForm();\n\tconst [submitError, setSubmitError] = useState(\"\");\n\tconst [submitSuccess, setSubmitSuccess] = useState(\"\");\n\n\tconst [title, setTitle] = useState(\"\");\n\tconst [contentId, setContentId] = useState(\"\");\n\tconst [content, setContent] = useState(\"\");\n\tconst [page, setPage] = useState(\"\");\n\tconst [status, setStatus] = useState(true);\n\tconst [activeTab, setActiveTab] = useState(_DETAIL_TAB);\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst toggle = (tab) => {\n\t\tif (activeTab !== tab) {\n\t\t\tsetActiveTab(tab);\n\t\t}\n\t};\n\n\t/// \n\t/// Author : -\n\t/// \n\tuseEffect(() => {\n\t\tregister({ name: \"content\" }, { required: \"PLEASE_ENTER_CONTENT\" });\n\t\tinit();\n\t}, []);\n\n\t/// \n\t/// Author : -\n\t/// \n\tasync function init() {\n\t\tif (_location.state) {\n\t\t\tvar apiUrl = ApiUrl._API_GET_USER_CONTENT_BY_ID;\n\t\t\tapiUrl += \"?id=\" + _location.state.id;\n\t\t\tawait fetch(apiUrl, {\n\t\t\t\tmethod: ApiKey._API_GET,\n\t\t\t\theaders: {\n\t\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t\t},\n\t\t\t})\n\t\t\t\t.then((response) => response.json())\n\t\t\t\t.then((responseJson) => {\n\t\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\t\tsetContentId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n\t\t\t\t\t\tsetContent(responseJson[ApiKey._API_DATA_KEY][\"content\"]);\n\t\t\t\t\t\tsetPage(responseJson[ApiKey._API_DATA_KEY][\"page\"]);\n\t\t\t\t\t\tsetTitle(responseJson[ApiKey._API_DATA_KEY][\"title\"]);\n\t\t\t\t\t\tsetStatus(responseJson[ApiKey._API_DATA_KEY][\"status\"]);\n\n\t\t\t\t\t\tunregister(\"content\");\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t}\n\t}\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst submitForm = async (data, e) => {\n\t\tlet params = {\n\t\t\ttitle: data.title,\n\t\t\tpage: data.page,\n\t\t\tstatus: data.status,\n\t\t\tcontent: content,\n\t\t};\n\n\t\tif (!stringIsNullOrEmpty(contentId)) {\n\t\t\tparams[\"id\"] = contentId;\n\t\t}\n\n\t\tlet formBody = createFormBody(params);\n\t\t_dispatch(setBusy());\n\n\t\tfetch(ApiUrl._API_CREATE_OR_UPDATE_CONTENT, {\n\t\t\tmethod: ApiKey._API_POST,\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t},\n\t\t\tbody: formBody,\n\t\t})\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\t_dispatch(setIdle());\n\t\t\t\t_dispatch(\n\t\t\t\t\tshowMessage(\n\t\t\t\t\t\tresponseJson[ApiKey._API_SUCCESS_KEY],\n\t\t\t\t\t\tt(responseJson[ApiKey._API_MESSAGE_KEY])\n\t\t\t\t\t)\n\t\t\t\t);\n\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tsetContentId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n\t\t\t\t}\n\t\t\t});\n\t};\n\n\treturn (\n\t\t\n\t\t\t
\n\t\t\t\t{contentId ? t(\"EDIT_CONTENT\") : t(\"ADD_CONTENT\")}\n\t\t\t\t \n\t\t\t{contentId && (\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\ttoggle(_DETAIL_TAB);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{t(\"DETAIL\")}\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 {\n\t\t\t\t\t\t\t\ttoggle(_LANGUAGE_TAB);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{t(\"LANGUAGE\")}\n\t\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t)}\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\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 \n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t{contentId && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t \n\t\t
\n/// Author : -\n/// \n\nconst ManageVipLevel = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const [vipData, setVipData] = useState([]);\n\n let _tableColumns = [\n {\n Header: \"NAME\",\n accessor: \"name\",\n disableSortBy: true,\n },\n {\n Header: \"REMARK\",\n accessor: \"remark\",\n },\n {\n Header: \"STATUS\",\n accessor: \"status\",\n Cell: ({ row }) => (\n \n {row.original.status == 1 ? (\n \n {t(\"ACTIVE\")}\n \n ) : (\n \n {t(\"SUSPENDED\")}\n \n )}\n
\n ),\n disableSortBy: true,\n style: { overflow: \"visible\" },\n },\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) =>\n checkIfPermissionExist(AccessRight._VIP_SETTING_PERMISSION, true) && (\n \n \n \n \n \n {\n navigateTo(\n _history,\n WebUrl._URL_CREATE_OR_UPDATE_VIP_LEVEL,\n row.original\n );\n }}\n >\n {t(\"EDIT\")} \n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n width: 100,\n style: { overflow: \"visible\" },\n },\n ];\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n fetch(ApiUrl._API_GET_USER_VIP + \"?all=true\", {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setVipData(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n }, []);\n\n return (\n \n
\n {t(\"VIP_LEVEL\")}\n {checkIfPermissionExist(AccessRight._VIP_SETTING_PERMISSION, true) && (\n \n
\n \n \n \n
\n/// Author : -\n/// \n\nconst VipCriteriaDetail = (props) => {\n\tconst { t } = useTranslation(LanguageKey._PRIMARY);\n\tconst _dispatch = useDispatch();\n\tconst {\n\t\tregister,\n\t\tunregister,\n\t\thandleSubmit,\n\t\terrors,\n\t\tsetValue,\n\t\tgetValues,\n\t\tsetError,\n\t\tclearErrors,\n\t\ttrigger,\n\t} = useForm();\n\tconst [vipId, setVipId] = useState();\n\tconst [vipCriteriaId, setVipCriteriaId] = useState();\n\tconst [isPrivate, setIsPrivate] = useState(false);\n\tconst [isDefault, setIsDefault] = useState(false);\n\tconst [vipObtainField, setVipObtainField] = useState(0);\n\tconst [vipMaintainField, setVipMaintainField] = useState(0);\n\t/* const [depositTime, setDepositTime] = useState(0);*/\n\tconst [minStake, setMinStake] = useState(0);\n\tconst [withinDay, setWithinDay] = useState(0);\n\tconst [minMaintainStake, setMinMaintainStake] = useState(0);\n\tconst [everyDay, setEveryDay] = useState(0);\n\tconst [isDowngradable, setIsDowngradable] = useState(true);\n\tconst [vipOption, setVipOption] = useState([]);\n\tconst [downgradeId, setDowngradeId] = useState();\n\tconst [upgradeId, setUpgradeId] = useState();\n\tconst [initCheck, setInitCheck] = useState(false);\n\tconst [content, setContent] = useState(\"\");\n\tconst [casinoRebate, setCasinoRebate] = useState(0);\n\tconst [slotRebate, setSlotRebate] = useState(0);\n\tconst [sportRebate, setSportRebate] = useState(0);\n\tconst [fishRebate, setfishRebate] = useState(0);\n\tconst [lotteryRebate, setLotteryRebate] = useState(0);\n\tconst [birthdayReward, setBirthdayReward] = useState(0);\n\tconst [dailyWithdrawalLimit, setDailyWithdrawalLimit] = useState(0);\n\tconst [dailyTransactionCount, setDailyTransactionCount] = useState(0);\n\tconst [upgradeBonus, setUpgradeBonus] = useState(0);\n\n\tconst _DEFAULT_FIELD = 1;\n\tconst _DEPOSIT_FIELD = 2;\n\tconst _MIN_OBTAIN_FIELD = 3;\n\tconst _PRIVATE_FIELD = 4;\n\tconst _MIN_MAINTAIN_FIELD = 5;\n\tconst _DOWNGRADABLE_FIELD = 6;\n\n\t/// \n\t/// Author : -\n\t/// \n\tuseEffect(() => {\n\t\tregister({ name: \"content\" }, { required: \"PLEASE_ENTER_CONTENT\" });\n\t\tregister(\n\t\t\t{ name: \"downgradeId\" },\n\t\t\t{ required: \"PLEASE_SELECT_DOWNGRADE_TARGET\" }\n\t\t);\n\t\tregister(\n\t\t\t{ name: \"upgradeId\" },\n\t\t\t{ required: \"PLEASE_SELECT_UPGRADE_TARGET\" }\n\t\t);\n\t\t//register(\n\t\t//\t{ name: \"obtainCriteria\" },\n\t\t//\t{\n\t\t//\t\tvalidate: {\n\t\t//\t\t\tempty: (value) =>\n\t\t//\t\t\t\t!stringIsNullOrEmpty(vipObtainField) ||\n\t\t//\t\t\t\t\"PLEASE_CHOOSE_ONE_OF_BELOW\",\n\t\t//\t\t},\n\t\t//\t}\n\t\t//);\n\t\t//register(\n\t\t//\t{ name: \"maintainCriteria\" },\n\t\t//\t{\n\t\t//\t\tvalidate: {\n\t\t//\t\t\tempty: (value) =>\n\t\t//\t\t\t\t!stringIsNullOrEmpty(vipMaintainField) ||\n\t\t//\t\t\t\t\"PLEASE_CHOOSE_ONE_OF_BELOW\",\n\t\t//\t\t},\n\t\t//\t}\n\t\t//);\n\t\tregister(\n\t\t\t{ name: \"casinoRebate\" },\n\t\t\t{\n\t\t\t\tvalidate: {\n\t\t\t\t\tempty: (value) =>\n\t\t\t\t\t\t!stringIsNullOrEmpty(casinoRebate) || \"PLEASE_CHOOSE_ONE_OF_BELOW\",\n\t\t\t\t},\n\t\t\t}\n\t\t);\n\t\tregister(\n\t\t\t{ name: \"slotRebate\" },\n\t\t\t{\n\t\t\t\tvalidate: {\n\t\t\t\t\tempty: (value) =>\n\t\t\t\t\t\t!stringIsNullOrEmpty(slotRebate) || \"PLEASE_CHOOSE_ONE_OF_BELOW\",\n\t\t\t\t},\n\t\t\t}\n\t\t);\n\t\tregister(\n\t\t\t{ name: \"sportRebate\" },\n\t\t\t{\n\t\t\t\tvalidate: {\n\t\t\t\t\tempty: (value) =>\n\t\t\t\t\t\t!stringIsNullOrEmpty(sportRebate) || \"PLEASE_CHOOSE_ONE_OF_BELOW\",\n\t\t\t\t},\n\t\t\t}\n\t\t);\n\t\tregister(\n\t\t\t{ name: \"fishRebate\" },\n\t\t\t{\n\t\t\t\tvalidate: {\n\t\t\t\t\tempty: (value) =>\n\t\t\t\t\t\t!stringIsNullOrEmpty(fishRebate) || \"PLEASE_CHOOSE_ONE_OF_BELOW\",\n\t\t\t\t},\n\t\t\t}\n\t\t);\n\t\tregister(\n\t\t\t{ name: \"lotteryRebate\" },\n\t\t\t{\n\t\t\t\tvalidate: {\n\t\t\t\t\tempty: (value) =>\n\t\t\t\t\t\t!stringIsNullOrEmpty(lotteryRebate) || \"PLEASE_CHOOSE_ONE_OF_BELOW\",\n\t\t\t\t},\n\t\t\t}\n\t\t);\n\t\tregister(\n\t\t\t{ name: \"fishRebate\" },\n\t\t\t{\n\t\t\t\tvalidate: {\n\t\t\t\t\tempty: (value) =>\n\t\t\t\t\t\t!stringIsNullOrEmpty(fishRebate) || \"PLEASE_CHOOSE_ONE_OF_BELOW\",\n\t\t\t\t},\n\t\t\t}\n\t\t);\n\t\tregister(\n\t\t\t{ name: \"lotteryRebate\" },\n\t\t\t{\n\t\t\t\tvalidate: {\n\t\t\t\t\tempty: (value) =>\n\t\t\t\t\t\t!stringIsNullOrEmpty(lotteryRebate) || \"PLEASE_CHOOSE_ONE_OF_BELOW\",\n\t\t\t\t},\n\t\t\t}\n\t\t);\n\n\t\tinit();\n\t}, []);\n\n\t/// \n\t/// Author : -\n\t/// \n\t//useEffect(() => {\n\t// if (!stringIsNullOrEmpty(vipObtainField) && initCheck) {\n\t// setIsDefault(false);\n\t// setIsPrivate(false);\n\t// setValue(\"minStake\", 0);\n\t// setValue(\"depositTime\", 0);\n\t// setValue(\"withinDay\", 0);\n\t// unregister(\"obtainCriteria\");\n\t// clearErrors();\n\t// }\n\t//}, [vipObtainField]);\n\n\t///// \n\t///// Author : -\n\t///// \n\t//useEffect(() => {\n\t// if (!stringIsNullOrEmpty(vipMaintainField) && initCheck) {\n\t// setIsDowngradable(true);\n\t// unregister(\"maintainCriteria\");\n\t// setValue(\"minMaintainStake\", 0);\n\t// setValue(\"everyDay\", 0);\n\t// clearErrors();\n\t// }\n\t//}, [vipMaintainField]);\n\n\t/// \n\t/// Author : -\n\t/// \n\tuseEffect(() => {\n\t\tif (isDowngradable == false && initCheck) {\n\t\t\tsetDowngradeId(props.id);\n\t\t\tsetValue(\"downgradeId\", props.id);\n\t\t}\n\t}, [isDowngradable]);\n\n\t/// \n\t/// Author : -\n\t/// \n\tasync function init() {\n\t\tif (props.id) {\n\t\t\tsetVipId(props.id);\n\t\t\tawait fetch(ApiUrl._API_GET_VIP_CRITERIA_BY_VIP_ID + \"?id=\" + props.id, {\n\t\t\t\tmethod: ApiKey._API_GET,\n\t\t\t\theaders: {\n\t\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t\t},\n\t\t\t})\n\t\t\t\t.then((response) => response.json())\n\t\t\t\t.then((responseJson) => {\n\t\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\t\tlet criteriaData = responseJson[ApiKey._API_DATA_KEY];\n\n\t\t\t\t\t\tsetValue(\"displayBankDetails\", props.displayBank);\n\n\t\t\t\t\t\tif (!stringIsNullOrEmpty(criteriaData)) {\n\t\t\t\t\t\t\tprops.setParentCriteriaId(criteriaData.id);\n\t\t\t\t\t\t\tunregister(\"obtainCriteria\");\n\t\t\t\t\t\t\tunregister(\"maintainCriteria\");\n\n\t\t\t\t\t\t\tsetDowngradeId(criteriaData.vipModel.downgradeTargetId);\n\t\t\t\t\t\t\tsetUpgradeId(criteriaData.vipModel.upgradeTargetId);\n\n\t\t\t\t\t\t\tif (criteriaData.isDefault == true) {\n\t\t\t\t\t\t\t\tsetVipObtainField(_DEFAULT_FIELD);\n\t\t\t\t\t\t\t} else if (criteriaData.isPrivate == true) {\n\t\t\t\t\t\t\t\tsetVipObtainField(_PRIVATE_FIELD);\n\t\t\t\t\t\t\t} else if (criteriaData.depositCount > 0) {\n\t\t\t\t\t\t\t\tsetVipObtainField(_DEPOSIT_FIELD);\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tsetVipObtainField(_MIN_OBTAIN_FIELD);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tif (criteriaData.isDowngrable == false) {\n\t\t\t\t\t\t\t\tsetVipMaintainField(_DOWNGRADABLE_FIELD);\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tsetVipMaintainField(_MIN_MAINTAIN_FIELD);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tsetVipCriteriaId(criteriaData.id);\n\t\t\t\t\t\t\tsetIsDefault(criteriaData.isDefault);\n\t\t\t\t\t\t\t/* setDepositTime(criteriaData.depositCount);*/\n\t\t\t\t\t\t\tsetMinStake(criteriaData.obtainMinDeposit);\n\t\t\t\t\t\t\tsetWithinDay(criteriaData.obtainWithinDayCount);\n\t\t\t\t\t\t\tsetIsPrivate(criteriaData.isPrivateInvitation);\n\t\t\t\t\t\t\tsetMinMaintainStake(criteriaData.maintainDeposit);\n\t\t\t\t\t\t\tsetEveryDay(criteriaData.maintainDayCount);\n\t\t\t\t\t\t\tsetIsDowngradable(criteriaData.isDowngrable);\n\t\t\t\t\t\t\tsetContent(criteriaData.content);\n\t\t\t\t\t\t\tsetCasinoRebate(criteriaData.rebateCasino);\n\t\t\t\t\t\t\tsetSlotRebate(criteriaData.rebateSlot);\n\t\t\t\t\t\t\tsetSportRebate(criteriaData.sportRebate);\n\t\t\t\t\t\t\tsetfishRebate(criteriaData.fishRebate);\n\t\t\t\t\t\t\tsetLotteryRebate(criteriaData.lotteryRebate);\n\t\t\t\t\t\t\tsetBirthdayReward(criteriaData.birthdayBonus);\n\t\t\t\t\t\t\tsetIsPrivate(criteriaData.isPrivateInvitation);\n\t\t\t\t\t\t\tsetDailyWithdrawalLimit(criteriaData.maxWithdrawalAmount);\n\t\t\t\t\t\t\tsetDailyTransactionCount(criteriaData.maxWithdrawalCount);\n\t\t\t\t\t\t\tsetUpgradeBonus(criteriaData.upgradeBonus);\n\t\t\t\t\t\t\t/* setValue(\"depositTime\", criteriaData.depositCount);*/\n\t\t\t\t\t\t\tsetValue(\"minStake\", criteriaData.obtainMinDeposit);\n\t\t\t\t\t\t\tsetValue(\"withinDay\", criteriaData.obtainWithinDayCount);\n\t\t\t\t\t\t\tsetValue(\"minMaintainStake\", criteriaData.maintainDeposit);\n\t\t\t\t\t\t\tsetValue(\"everyDay\", criteriaData.maintainDayCount);\n\t\t\t\t\t\t\tsetValue(\"downgradeId\", criteriaData.vipModel.downgradeTargetId);\n\t\t\t\t\t\t\tsetValue(\"isPrivate\", criteriaData.isPrivateInvitation);\n\t\t\t\t\t\t\tsetValue(\"upgradeId\", criteriaData.vipModel.upgradeTargetId);\n\t\t\t\t\t\t\tsetValue(\"casinoRebate\", criteriaData.rebateCasino);\n\t\t\t\t\t\t\tsetValue(\"slotRebate\", criteriaData.rebateSlot);\n\t\t\t\t\t\t\tsetValue(\"sportRebate\", criteriaData.rebateSport);\n\t\t\t\t\t\t\tsetValue(\"fishRebate\", criteriaData.rebateFish);\n\t\t\t\t\t\t\tsetValue(\"lotteryRebate\", criteriaData.rebateLottery);\n\t\t\t\t\t\t\tsetValue(\"birthdayReward\", criteriaData.birthdayBonus);\n\t\t\t\t\t\t\tsetValue(\n\t\t\t\t\t\t\t\t\"dailyWithdrawalLimit\",\n\t\t\t\t\t\t\t\tcriteriaData.maxWithdrawalAmount\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\tsetValue(\n\t\t\t\t\t\t\t\t\"dailyTransactionCount\",\n\t\t\t\t\t\t\t\tcriteriaData.maxWithdrawalCount\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\tsetValue(\n\t\t\t\t\t\t\t\t\"upgradeBonus\",\n\t\t\t\t\t\t\t\tcriteriaData.upgradeBonus\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t}\n\n\t\tawait fetch(ApiUrl._API_GET_USER_VIP, {\n\t\t\tmethod: ApiKey._API_GET,\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t},\n\t\t})\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tconst vipList = [];\n\t\t\t\t\tresponseJson[ApiKey._API_DATA_KEY].forEach(function (vipLevel) {\n\t\t\t\t\t\tvipList.push({ label: vipLevel.name, value: vipLevel.id });\n\t\t\t\t\t});\n\n\t\t\t\t\tsetVipOption(vipList);\n\t\t\t\t}\n\t\t\t});\n\t\tsetInitCheck(!initCheck);\n\t}\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst submitForm = async (data, e) => {\n\t\tlet params = {\n\t\t\tvipId: vipId,\n\t\t\tisDefault: data.isDefault != null ? data.isDefault : false,\n\t\t\t//depositCount: !stringIsNullOrEmpty(data.depositTime)\n\t\t\t// ? data.depositTime\n\t\t\t// : 0,\n\t\t\tminObtainTurnover: !stringIsNullOrEmpty(data.minStake)\n\t\t\t\t? data.minStake\n\t\t\t\t: 0,\n\t\t\tobtainWithinDayCount: !stringIsNullOrEmpty(data.withinDay)\n\t\t\t\t? data.withinDay\n\t\t\t\t: 0,\n\t\t\tisPrivateInvitation: data.isPrivate != null ? data.isPrivate : false,\n\t\t\tminMaintainTurnover: !stringIsNullOrEmpty(data.minMaintainStake)\n\t\t\t\t? data.minMaintainStake\n\t\t\t\t: 0,\n\t\t\tmaintainEveryDayCount: !stringIsNullOrEmpty(data.everyDay)\n\t\t\t\t? data.everyDay\n\t\t\t\t: 0,\n\n\t\t\tcontent: content,\n\t\t\tdisplayBankDetails: data.displayBankDetails,\n\t\t\tisPrivateInvitation: isPrivate,\n\t\t\tisDowngrable: isDowngradable,\n\t\t\trebateCasino: data.casinoRebate,\n\t\t\trebateSport: data.sportRebate,\n\t\t\trebateSlot: data.slotRebate,\n\t\t\trebateFish: data.fishRebate,\n\t\t\trebateLottery: data.lotteryRebate,\n\t\t\tbirthdayBonus: data.birthdayReward,\n\t\t\tmaxWithdrawalAmount: data.dailyWithdrawalLimit,\n\t\t\tmaxWithdrawalCount: data.dailyTransactionCount,\n\t\t\tupgradeBonus: data.upgradeBonus,\n\t\t};\n\n\t\tif (!stringIsNullOrEmpty(downgradeId)) {\n\t\t\tparams[\"downgradeTargetId\"] = downgradeId;\n\t\t}\n\n\t\tif (!stringIsNullOrEmpty(upgradeId)) {\n\t\t\tparams[\"upgradeTargetId\"] = upgradeId;\n\t\t}\n\n\t\tif (!stringIsNullOrEmpty(vipCriteriaId)) {\n\t\t\tparams[\"id\"] = vipCriteriaId;\n\t\t}\n\n\t\tlet formBody = createFormBody(params);\n\t\t_dispatch(setBusy());\n\n\t\tfetch(ApiUrl._API_CREATE_OR_UPDATE_VIP_CRITERIA, {\n\t\t\tmethod: ApiKey._API_POST,\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t},\n\t\t\tbody: formBody,\n\t\t})\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\t_dispatch(setIdle());\n\t\t\t\t_dispatch(\n\t\t\t\t\tshowMessage(\n\t\t\t\t\t\tresponseJson[ApiKey._API_SUCCESS_KEY],\n\t\t\t\t\t\tt(responseJson[ApiKey._API_MESSAGE_KEY])\n\t\t\t\t\t)\n\t\t\t\t);\n\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tsetVipCriteriaId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n\t\t\t\t\tprops.setParentCriteriaId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n\t\t\t\t}\n\t\t\t});\n\t};\n\n\treturn (\n\t\t\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetVipObtainField(_MIN_OBTAIN_FIELD)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={vipObtainField == _MIN_OBTAIN_FIELD}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t{t(\"MINIMUM_STAKE_TURNOVER\")} \n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t{vipObtainField == _MIN_OBTAIN_FIELD && (\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t!stringIsNullOrEmpty(value) ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"PLEASE_ENTER_AMOUNT_FOR_MIN_STAKE\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmoreThanZero: (value) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue > 0 ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"PLEASE_ENTER_VALUE_MORE_THAN_ZERO_FOR_MIN_STAKE\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"WITHIN\")} \n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t!stringIsNullOrEmpty(value) ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"PLEASE_ENTER_AMOUNT_FOR_DAY\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmoreThanZero: (value) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue > 0 ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"PLEASE_ENTER_VALUE_MORE_THAN_ZERO_FOR_DAY\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"WITHIN_DAYS\")} \n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t{errors.minStake && (\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t{t(errors.minStake.message)}\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t{errors.withinDay && (\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t{t(errors.withinDay.message)}\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
{t(\"MAINTAIN_CRITERIA\")} \n\t\t\t\t\t\t\t\t{/*
*/}\n\t\t\t\t\t\t\t\t{/*\t{errors.maintainCriteria && (*/}\n\t\t\t\t\t\t\t\t{/*\t\t
*/}\n\t\t\t\t\t\t\t\t{/*\t\t\t{t(errors.maintainCriteria.message)}*/}\n\t\t\t\t\t\t\t\t{/*\t\t
*/}\n\t\t\t\t\t\t\t\t{/*\t)}*/}\n\t\t\t\t\t\t\t\t{/*
*/}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetVipMaintainField(_MIN_MAINTAIN_FIELD)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={vipMaintainField == _MIN_MAINTAIN_FIELD}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t{t(\"MINIMUM_STAKE_TURNOVER\")} \n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t{vipMaintainField == _MIN_MAINTAIN_FIELD && (\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t!stringIsNullOrEmpty(value) ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"PLEASE_ENTER_AMOUNT_FOR_MIN_STAKE\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmoreThanZero: (value) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue > 0 ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"PLEASE_ENTER_VALUE_MORE_THAN_ZERO_FOR_MIN_STAKE\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"EVERY\")} \n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t!stringIsNullOrEmpty(value) ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"PLEASE_ENTER_AMOUNT_FOR_DAY\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmoreThanZero: (value) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue > 0 || value == -1 ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"PLEASE_ENTER_VALUE_MORE_THAN_ZERO_FOR_DAY\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"DAYS\")} \n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t)}\n
\n\t\t\t\t\t\t\t\t\t\t\t\tNote : Set \"-1\" If Membership Renewal is Lifetime\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t{errors.minMaintainStake && (\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t{t(errors.minMaintainStake.message)}\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t{errors.everyDay && (\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t{t(errors.everyDay.message)}\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
{t(\"REBATE\")} \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t{t(\"CASINO_REBATE\")} \n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t!stringIsNullOrEmpty(value) ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"PLEASE_ENTER_AMOUNT_FOR_CASINO_REBATE\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t{errors.casinoRebate && (\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{t(errors.casinoRebate.message)}\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t{t(\"SPORT_REBATE\")} \n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t!stringIsNullOrEmpty(value) ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"PLEASE_ENTER_AMOUNT_FOR_SPORT_REBATE\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t{errors.sportRebate && (\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{t(errors.sportRebate.message)}\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t{t(\"SLOT_REBATE\")} \n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t!stringIsNullOrEmpty(value) ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"PLEASE_ENTER_AMOUNT_FOR_SLOT_REBATE\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t{errors.slotRebate && (\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{t(errors.slotRebate.message)}\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t{t(\"FISH_REBATE\")} \n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t!stringIsNullOrEmpty(value) ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"PLEASE_ENTER_AMOUNT_FOR_FISHING_REBATE\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t{errors.fishRebate && (\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{t(errors.fishRebate.message)}\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t{t(\"LOTTERY_REBATE\")} \n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t!stringIsNullOrEmpty(value) ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"PLEASE_ENTER_AMOUNT_FOR_LOTTERY_REBATE\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t{errors.lotteryRebate && (\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{t(errors.lotteryRebate.message)}\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
{t(\"BONUS\")} \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t{t(\"BIRTHDAY_REWARD\")} \n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t!stringIsNullOrEmpty(value) ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"PLEASE_ENTER_AMOUNT_FOR_BIRTHDAY_REWARD\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t{errors.birthdayReward && (\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{t(errors.birthdayReward.message)}\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t{t(\"UPGRADE_BONUS\")} \n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t!stringIsNullOrEmpty(value) ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"PLEASE_ENTER_AMOUNT_FOR_UPGRADE_BONUS\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t{errors.upgradeBonus && (\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{t(errors.upgradeBonus.message)}\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
{t(\"OTHERS\")} \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t setIsPrivate(!isPrivate)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={isPrivate}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t{t(\"PRIVATE_INVITATION\")} \n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t{t(\"DISPLAY_BANK_DETAILS\")} \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t setIsDowngradable(!isDowngradable)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={isDowngradable}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"DOWNGRADABLE\")} ({t(\"BY_DEFAULT_ON\")})\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"DOWNGRADE_TARGET\")} (\n\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"PLEASE_SELECT_CURRENT_VIP_IF_NO_TARGET\")})\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
option.value === downgradeId\n\t\t\t\t\t\t\t\t\t\t\t\t\t)[0] !== undefined\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? vipOption.filter(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(option) => option.value === downgradeId\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t )[0].label\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: \"\"\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={vipOption.filter(\n\t\t\t\t\t\t\t\t\t\t\t\t\t(option) => option.value === downgradeId\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\tisDisabled={!isDowngradable}\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetDowngradeId(e.value);\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetValue(\"downgradeId\", e.value);\n\t\t\t\t\t\t\t\t\t\t\t\t\ttrigger();\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t{errors.downgradeId && (\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{t(errors.downgradeId.message)}\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"UPGRADE_TARGET\")} (\n\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"PLEASE_SELECT_CURRENT_VIP_IF_NO_TARGET\")})\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
option.value === upgradeId\n\t\t\t\t\t\t\t\t\t\t\t\t\t)[0] !== undefined\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? vipOption.filter(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(option) => option.value === upgradeId\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t )[0].label\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: \"\"\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={vipOption.filter(\n\t\t\t\t\t\t\t\t\t\t\t\t\t(option) => option.value === upgradeId\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\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetUpgradeId(e.value);\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetValue(\"upgradeId\", e.value);\n\t\t\t\t\t\t\t\t\t\t\t\t\ttrigger();\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t{errors.upgradeId && (\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{t(errors.upgradeId.message)}\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t{t(\"DAILY_WITHDRAWAL_LIMIT\")} \n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t!stringIsNullOrEmpty(value) ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"PLEASE_ENTER_AMOUNT_FOR_DAILY_WITHDRAWAL_LIMIT\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t{errors.dailyWithdrawalLimit && (\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{t(errors.dailyWithdrawalLimit.message)}\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t{t(\"DAILY_TRANSACTION_COUNT\")} \n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t!stringIsNullOrEmpty(value) ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"PLEASE_ENTER_AMOUNT_FOR_DAILY_TRANSACTION_COUNT\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\tNote : Set \"-1\" If Daily Transaction Count is Unlimited\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t{errors.dailyTransactionCount && (\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{t(errors.dailyTransactionCount.message)}\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\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(\"DISPLAY_CONTENT\")} \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t
{\n\t\t\t\t\t\t\t\t\t\t\t\teditor.setData(content);\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\tonChange={(event, editor) => {\n\t\t\t\t\t\t\t\t\t\t\t\tconst data = editor.getData();\n\t\t\t\t\t\t\t\t\t\t\t\tsetContent(data);\n\t\t\t\t\t\t\t\t\t\t\t\tsetValue(\"content\", data);\n\t\t\t\t\t\t\t\t\t\t\t\ttrigger(\"content\");\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{errors.content && (\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{t(errors.content.message)}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{t(\"SUBMIT\")}\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n/// Author : -, -\n/// \n\nconst VipLevelDetail = (props) => {\n const _DETAIL_TAB = \"1\";\n const _CRITERIA_TAB = \"2\";\n const _CRITERIA_LANGUAGE_TAB = \"3\";\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const _location = useLocation();\n const _dispatch = useDispatch();\n const { register, handleSubmit, errors } = useForm();\n\n const [vipLevelId, setVipLevelId] = useState(\"\");\n const [name, setName] = useState(\"\");\n const [remark, setRemark] = useState(\"\");\n const [withdrawalLimit, setWithdrawalLimit] = useState(\"\");\n const [status, setStatus] = useState(true);\n const [submitError, setSubmitError] = useState(\"\");\n const [submitSuccess, setSubmitSuccess] = useState(\"\");\n const [rank, setRank] = useState(\"\");\n const [imageFile, setImageFile] = useState([]);\n const [image, setImage] = useState();\n const [isNewImage, setIsNewImage] = useState(false);\n const [activeTab, setActiveTab] = useState(_DETAIL_TAB);\n const [vipCriteriaId, setVipCriteriaId] = useState(\"\");\n const [transactionPriority, setTransactionPriority] = useState(\n TransactionPriority._NO\n );\n const [displayBankDetail, setDisplayBankDetail] = useState();\n const [priorityOption, setPriorityOption] = useState([\n { label: t(\"NO\"), value: TransactionPriority._NO },\n { label: t(\"YES\"), value: TransactionPriority._YES },\n { label: t(\"FIRST_PRIORITY\"), value: TransactionPriority._FIRST_PRIORITY },\n ]);\n\n /// \n /// Author : -\n /// \n const logoDrop = (acceptedFiles) => {\n if (acceptedFiles.length !== 0) {\n const file = acceptedFiles[0];\n setImageFile(file);\n\n const reader = new FileReader();\n reader.onloadend = () => {\n setIsNewImage(true);\n setImage(reader.result);\n };\n reader.readAsDataURL(file);\n }\n };\n\n /// \n /// Author : -\n /// \n const submitForm = async (data, e) => {\n let params = {\n remark: data.remark,\n withdrawalLimit: data.withdrawalLimit,\n status: data.status,\n name: data.name,\n rank: data.rank,\n isNewImage: isNewImage,\n transactionPriority: transactionPriority,\n };\n\n if (!stringIsNullOrEmpty(vipLevelId)) {\n params[\"id\"] = vipLevelId;\n } else {\n params[\"displayBankDetails\"] = true;\n }\n\n if (!stringIsNullOrEmpty(imageFile)) {\n params[\"imageFile\"] = imageFile;\n }\n\n if (stringIsNullOrEmpty(image)) {\n params[\"imageRemoved\"] = true;\n }\n\n let formBody = createMultiPartFormBody(params);\n _dispatch(setBusy());\n\n fetch(ApiUrl._API_CREATE_OR_UPDATE_VIP, {\n method: ApiKey._API_POST,\n headers: {\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n body: formBody,\n })\n .then((response) => response.json())\n .then((responseJson) => {\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n _dispatch(setIdle());\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setVipLevelId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n }\n });\n };\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n if (_location.state) {\n var apiUrl = ApiUrl._API_GET_USER_VIP_BY_ID;\n apiUrl += \"?id=\" + _location.state.id;\n fetch(apiUrl, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setVipLevelId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n setName(responseJson[ApiKey._API_DATA_KEY][\"name\"]);\n setRemark(responseJson[ApiKey._API_DATA_KEY][\"remark\"]);\n setStatus(responseJson[ApiKey._API_DATA_KEY][\"status\"]);\n setRank(responseJson[ApiKey._API_DATA_KEY][\"rank\"]);\n setWithdrawalLimit(responseJson[ApiKey._API_DATA_KEY][\"withdrawalLimit\"]);\n setTransactionPriority(\n responseJson[ApiKey._API_DATA_KEY][\"transactionPriority\"]\n );\n setDisplayBankDetail(\n responseJson[ApiKey._API_DATA_KEY][\"displayBankDetails\"]\n );\n if (\n !stringIsNullOrEmpty(responseJson[ApiKey._API_DATA_KEY][\"icon\"])\n ) {\n setImage(responseJson[ApiKey._API_DATA_KEY][\"icon\"]);\n }\n }\n });\n }\n }, []);\n\n return (\n \n
\n {name ? t(\"EDIT_VIP_LEVEL\") : t(\"ADD_VIP_LEVEL\")}\n \n {vipLevelId && (\n
\n \n {\n setActiveTab(_DETAIL_TAB);\n }}\n >\n {t(\"DETAIL\")}\n \n \n \n {\n setActiveTab(_CRITERIA_TAB);\n }}\n >\n {t(\"CRITERIA\")}\n \n \n {vipCriteriaId && (\n \n {\n setActiveTab(_CRITERIA_LANGUAGE_TAB);\n }}\n >\n {t(\"CRITERIA_TRANSLATION\")}\n \n \n )}\n \n )}\n
\n \n \n
\n
\n
\n
\n
\n \n {t(\"SUBMIT\")}\n \n
\n
\n
\n \n \n \n
\n {vipLevelId && displayBankDetail !== undefined && (\n \n )}\n \n {vipCriteriaId && (\n \n \n \n )}\n \n \n );\n};\n\nexport default VipLevelDetail;\n","import React, { useState, useEffect } from \"react\";\nimport ReactTable from \"../../components/constantComponent/reactTable/ReactTable\";\nimport { Panel, PanelBody } from \"./../../components/panel/panel.jsx\";\nimport \"../../assets/css/custom.css\";\nimport { useHistory } from \"react-router-dom\";\nimport {\n UncontrolledButtonDropdown,\n DropdownToggle,\n DropdownMenu,\n DropdownItem,\n} from \"reactstrap\";\nimport { navigateTo } from \"../../util/Util\";\nimport {\n ApiUrl,\n ApiKey,\n WebUrl,\n AccessRight,\n LanguageKey,\n} from \"../../util/Constant\";\nimport NavigationButton from \"../../components/constantComponent/button/NavigationButton\";\nimport { checkIfPermissionExist } from \"../../util/PermissionChecker\";\nimport { useTranslation } from \"react-i18next\";\nimport { fetch } from \"whatwg-fetch\";\n\n/// \n/// Author : -\n/// \n\nconst ManageRemark = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const [remarkData, setRemarkData] = useState([]);\n\n let _tableColumns = [\n {\n Header: \"REMARK\",\n accessor: \"description\",\n disableSortBy: true,\n },\n {\n Header: \"Type\",\n accessor: \"typeId\",\n Cell: ({ row }) => (\n \n {row.original.status == 1 ? (\n \n {t(\"ACTIVE\")}\n \n ) : (\n \n {t(\"SUSPENDED\")}\n \n )}\n
\n ),\n disableSortBy: true,\n style: { overflow: \"visible\" },\n },\n {\n Header: \"REMARK_STATUS\",\n accessor: \"status\",\n Cell: ({ row }) => (\n \n {row.original.status == 1 ? (\n \n {t(\"ACTIVE\")}\n \n ) : (\n \n {t(\"SUSPENDED\")}\n \n )}\n
\n ),\n disableSortBy: true,\n style: { overflow: \"visible\" },\n },\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) =>\n checkIfPermissionExist(\n AccessRight._REMARK_SETTING_PERMISSION,\n true\n ) && (\n \n \n \n \n \n {\n navigateTo(\n _history,\n WebUrl._URL_CREATE_OR_UPDATE_REMARK,\n row.original\n );\n }}\n >\n {t(\"EDIT\")} \n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n width: 100,\n style: { overflow: \"visible\" },\n },\n ];\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n fetch(ApiUrl._API_GET_USER_REMARK + \"?all=true\", {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setRemarkData(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n }, []);\n\n return (\n \n
\n {t(\"REMARK\")}\n {checkIfPermissionExist(\n AccessRight._REMARK_SETTING_PERMISSION,\n true\n ) && (\n \n
\n \n \n \n
\n/// Author : -\n/// \n\nconst RemarkDetail = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const _location = useLocation();\n const _dispatch = useDispatch();\n\n const [description, setDescription] = useState(\"\");\n const [status, setStatus] = useState(true);\n const [remarkId, setRemarkId] = useState(\"\");\n\n const { register, setValue, handleSubmit, errors, control } = useForm();\n\n const [remarkTypeOptions, setRemarkTypeOptions] = useState([])\n const [submitError, setSubmitError] = useState(\"\");\n const [submitSuccess, setSubmitSuccess] = useState(\"\");\n\n /// \n /// Author : -\n /// \n const submitForm = async (data, e) => {\n let params = {\n description: data.description,\n status: data.status,\n remarkTypeId: data.type\n };\n\n if (!stringIsNullOrEmpty(remarkId)) {\n params[\"id\"] = remarkId;\n }\n\n let formBody = createFormBody(params);\n\n console.log(params)\n _dispatch(setBusy());\n\n fetch(ApiUrl._API_CREATE_OR_UPDATE_REMARK, {\n method: ApiKey._API_POST,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n body: formBody,\n })\n .then((response) => response.json())\n .then((responseJson) => {\n _dispatch(setIdle());\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setRemarkId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n }\n });\n };\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n if (_location.state) {\n var apiUrl = ApiUrl._API_GET_USER_REMARK_BY_ID;\n apiUrl += \"?id=\" + _location.state.id;\n fetch(apiUrl, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setRemarkId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n setDescription(responseJson[ApiKey._API_DATA_KEY][\"description\"]);\n setStatus(responseJson[ApiKey._API_DATA_KEY][\"status\"]);\n setValue(\"type\", responseJson[ApiKey._API_DATA_KEY][\"remarkTypeId\"]);\n }\n });\n }\n getRemarkType()\n }, []);\n\n const getRemarkType = async ()=>{\n var responseJson = await ApiEngine.get(\n `${ApiUrl._API_REMARK_TYPE}`\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n const remarkTypeOptions= responseJson[ApiKey._API_DATA_KEY].map((value,index) => {\n return {\n label: value.name,\n\t\t\t value: value.id,\n }\n })\n\n setRemarkTypeOptions(remarkTypeOptions)\n\n }\n\n \n }\n\n return (\n \n
\n {stringIsNullOrEmpty(remarkId) ? t(\"EDIT_REMARK\") : t(\"ADD_REMARK\")}\n \n
\n
\n/// Author : -\n/// \n\nconst ManageTag = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const [tagData, setTagData] = useState([]);\n\n let _tableColumns = [\n {\n Header: \"NAME\",\n accessor: \"name\",\n disableSortBy: true,\n },\n {\n Header: \"REMARK\",\n accessor: \"description\",\n },\n {\n Header: \"COLOR\",\n accessor: \"colorCode\",\n Cell: ({ row }) => (\n \n ),\n disableSortBy: true,\n },\n {\n Header: \"STATUS\",\n accessor: \"status\",\n Cell: ({ row }) => (\n \n {row.original.status == 1 ? (\n \n {t(\"ACTIVE\")}\n \n ) : (\n \n {t(\"SUSPENDED\")}\n \n )}\n
\n ),\n disableSortBy: true,\n style: { overflow: \"visible\" },\n },\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) =>\n checkIfPermissionExist(AccessRight._TAG_SETTING_PERMISSION, true) && (\n \n \n \n \n \n {\n navigateTo(\n _history,\n WebUrl._URL_CREATE_OR_UPDATE_TAG,\n row.original\n );\n }}\n >\n {t(\"EDIT\")} \n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n width: 100,\n style: { overflow: \"visible\" },\n },\n ];\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n fetch(ApiUrl._API_GET_USER_TAG + \"?all=true\", {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setTagData(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n }, []);\n\n return (\n \n
\n {t(\"TAG\")}\n {checkIfPermissionExist(AccessRight._TAG_SETTING_PERMISSION, true) && (\n \n
\n \n \n \n
\n/// Author : -\n/// \n\nconst TagDetail = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const _location = useLocation();\n const _dispatch = useDispatch();\n\n const { register, handleSubmit, errors } = useForm();\n const [name, setName] = useState(\"\");\n const [description, setDescription] = useState(\"\");\n const [color, setColor] = useState(\"\");\n const [status, setStatus] = useState(true);\n const [tagId, setTagId] = useState(\"\");\n const [sketchBackgroundColor, setSketchBackgroundColor] = useState(color);\n const [dropdownOpen, setDropdownOpen] = useState(false);\n\n const handleSketchChangeComplete = (color) => {\n setColor(color.hex);\n };\n\n const toggle = () => setDropdownOpen((prevState) => !prevState);\n\n /// \n /// Author : -\n /// \n const submitForm = async (data, e) => {\n let params = {\n description: data.description,\n status: data.status,\n name: data.name,\n colorCode: data.code,\n };\n\n if (!stringIsNullOrEmpty(tagId)) {\n params[\"id\"] = tagId;\n }\n\n let formBody = createFormBody(params);\n _dispatch(setBusy());\n\n fetch(ApiUrl._API_CREATE_OR_UPDATE_TAG, {\n method: ApiKey._API_POST,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n body: formBody,\n })\n .then((response) => response.json())\n .then((responseJson) => {\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n _dispatch(setIdle());\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setTagId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n }\n });\n };\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n if (_location.state) {\n var apiUrl = ApiUrl._API_GET_USER_TAG_BY_ID;\n apiUrl += \"?id=\" + _location.state.id;\n fetch(apiUrl, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setName(responseJson[ApiKey._API_DATA_KEY][\"name\"]);\n setDescription(responseJson[ApiKey._API_DATA_KEY][\"description\"]);\n setColor(responseJson[ApiKey._API_DATA_KEY][\"colorCode\"]);\n setStatus(responseJson[ApiKey._API_DATA_KEY][\"status\"]);\n setTagId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n }\n });\n }\n }, []);\n\n return (\n \n
\n {name ? t(\"EDIT_TAG\") : t(\"ADD_TAG\")}\n \n
\n
\n/// Author : -\n/// \n\nconst ManageBankPackage = (props) => {\n let _history = useHistory();\n let _data = [];\n let _tableColumns = [\n {\n Header: \"Name\",\n accessor: \"name\",\n style: {\n whiteSpace: \"unset\",\n wordBreak: \"break-word\",\n },\n width: 150,\n },\n {\n Header: \"Status\",\n accessor: \"status\",\n width: 150,\n },\n {\n id: \"empty1\",\n Header: \"\",\n accessor: \"\",\n },\n {\n id: \"empty2\",\n Header: \"\",\n accessor: \"\",\n },\n {\n Header: \"Last Updated By\",\n accessor: \"last_updated_by\",\n width: 100,\n },\n {\n Header: \"Last Updated Date\",\n accessor: \"last_updated_at\",\n width: 100,\n },\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) => (\n \n \n \n \n \n {\n navigateTo(_history, \"/configure/createOrEditBankPackage\");\n }}\n >\n Edit \n \n \n Delete \n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n width: 100,\n style: { overflow: \"visible\" },\n },\n ];\n\n return (\n \n
\n Bank Packages\n \n
\n \n
\n/// Author : -\n/// \n\nconst BankPackageDetail = (props) => {\n let history = useHistory();\n let vipLevelOptions = [\n { value: \"vip0\", label: \"VIP 0\" },\n { value: \"vip1\", label: \"VIP 1\" },\n { value: \"vip2\", label: \"VIP 2\" },\n ];\n const [name, setName] = useState(\n props.location.state !== undefined ? props.location.state.name : \"\"\n );\n return (\n \n
\n {name ? \"Edit Bank Package\" : \"Add Bank Package\"}\n \n
\n
\n/// Author : -\n/// \n\nconst ManageBetSetting = (props) => {\n let history = useHistory();\n const [vipLevel, setVipLevel] = useState(\"vip0\");\n const [game, setGame] = useState(\"allBet\");\n const [search, setSearch] = useState(false);\n\n const vipLevelOptions = [\n { value: \"vip0\", label: \"VIP 0\" },\n { value: \"vip1\", label: \"VIP 1\" },\n { value: \"vip2\", label: \"VIP 2\" },\n ];\n const gameOptions = [\n { value: \"allBet\", label: \"[LIVECASINO] AllBet\" },\n { value: \"playTech\", label: \"[LIVECASINO] PlayTech\" },\n { value: \"sSport\", label: \"[SPORT] S-Sport\" },\n { value: \"iSport\", label: \"[SPORT] I-Sport\" },\n { value: \"sexyBaccarat\", label: \"[LIVECASINO] Sexy Baccarat\" },\n { value: \"agGaming\", label: \"[LIVECASINO] AG Gaming\" },\n { value: \"dreamGamingAsiawin\", label: \"[LIVECASINO] Dream Gaming Asiawin\" },\n ];\n\n const vipChangeHandler = (e) => {\n try {\n setVipLevel(e.value);\n } catch (ex) {\n console.log(ex.message);\n }\n };\n\n const gameChangeHandler = (e) => {\n try {\n setGame(e.value);\n } catch (ex) {\n console.log(ex.message);\n }\n };\n\n return (\n \n
Default Bet Setting \n
\n \n \n
\n option.value === vipLevel\n )}\n onChange={vipChangeHandler}\n />\n
\n
\n option.value === game)}\n onChange={gameChangeHandler}\n options={gameOptions}\n />\n
\n
\n setSearch(true)}\n >\n Search\n \n
\n
\n
\n
Ordinary Handicaps \n
Please select minimum of 1 and maximum of 2 limit.
\n
\n \n \n Name \n Minimum Bet \n Maximum Bet \n \n \n \n \n \n \n \n
\n \n A \n 20 \n 10,000 \n \n \n \n \n \n
\n \n B \n 50 \n 5,000 \n \n \n \n \n \n
\n \n C \n 100 \n 10,000 \n \n \n \n \n \n
\n \n D \n 200 \n 20,000 \n \n \n \n \n \n
\n \n E \n 300 \n 30,000 \n \n \n
\n
\n
\n \n
\n/// Author : -\n/// \nconst ManageContactUs = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const [contactUsData, setContactUsData] = useState([]);\n\n let _tableColumns = [\n {\n Header: \"IMAGE\",\n accessor: \"image\",\n Cell: ({ row }) => (\n \n {!stringIsNullOrEmpty(row.original.image) ? (\n
\n ) : (\n
- \n )}\n
\n {row.original.status == 1 ? (\n \n {t(\"ACTIVE\")}\n \n ) : (\n \n {t(\"SUSPENDED\")}\n \n )}\n
\n ),\n disableSortBy: true,\n style: { overflow: \"visible\" },\n },\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) => (\n \n \n \n \n \n {\n navigateTo(\n _history,\n WebUrl._URL_CREATE_OR_UPDATE_CONTACT_US,\n row.original\n );\n }}\n >\n {t(\"EDIT\")} \n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n width: 100,\n style: { overflow: \"visible\" },\n },\n ];\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n fetch(ApiUrl._API_GET_COMPANY_CONTACT_US + \"?all=true\", {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setContactUsData(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n }, []);\n\n return (\n \n
\n {t(\"CONTACT_US\")}\n \n
\n \n \n \n
\n/// Author : -\n/// \n\nconst ContactUsDetail = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const _location = useLocation();\n const _dispatch = useDispatch();\n const { register, unregister, handleSubmit, errors, setValue } = useForm();\n const [contactUsId, setContactUsId] = useState(\"\");\n\n const [text, setText] = useState(\"\");\n const [imageFile, setImageFile] = useState([]);\n const [image, setImage] = useState();\n const [isNewImage, setIsNewImage] = useState(false);\n const [status, setStatus] = useState(true);\n\n /// \n /// Author : -\n /// \n const logoDrop = (acceptedFiles) => {\n if (acceptedFiles.length !== 0) {\n const file = acceptedFiles[0];\n setImageFile(file);\n\n const reader = new FileReader();\n reader.onloadend = () => {\n setIsNewImage(true);\n setImage(reader.result);\n };\n reader.readAsDataURL(file);\n }\n };\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n init();\n }, []);\n\n /// \n /// Author : -\n /// \n async function init() {\n if (_location.state) {\n var apiUrl = ApiUrl._API_GET_COMPANY_CONTACT_US_BY_ID;\n apiUrl += \"?id=\" + _location.state.id;\n fetch(apiUrl, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setContactUsId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n setText(responseJson[ApiKey._API_DATA_KEY][\"text\"]);\n setStatus(responseJson[ApiKey._API_DATA_KEY][\"status\"]);\n\n if (\n !stringIsNullOrEmpty(responseJson[ApiKey._API_DATA_KEY][\"image\"])\n ) {\n setImage(responseJson[ApiKey._API_DATA_KEY][\"image\"]);\n }\n }\n });\n }\n }\n\n /// \n /// Author : -\n /// \n const submitForm = async (data, e) => {\n let params = {\n text: data.text,\n status: data.status,\n isNewImage: isNewImage,\n };\n\n if (!stringIsNullOrEmpty(contactUsId)) {\n params[\"id\"] = contactUsId;\n }\n\n if (!stringIsNullOrEmpty(imageFile)) {\n params[\"imageFile\"] = imageFile;\n }\n\n if (stringIsNullOrEmpty(image)) {\n params[\"imageRemoved\"] = true;\n }\n\n let formBody = createMultiPartFormBody(params);\n _dispatch(setBusy());\n\n fetch(ApiUrl._API_CREATE_OR_UPDATE_COMPANY_CONTACT_US, {\n method: ApiKey._API_POST,\n headers: {\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n body: formBody,\n })\n .then((response) => response.json())\n .then((responseJson) => {\n _dispatch(setIdle());\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setContactUsId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n }\n });\n };\n\n return (\n \n
\n {contactUsId ? t(\"EDIT_CONTACT_US\") : t(\"ADD_CONTACT_US\")}\n \n
\n
\n
\n
\n
\n
\n \n {t(\"SUBMIT\")}\n \n
\n
\n
\n \n \n \n
\n
\n/// Author : -\n/// \n\nconst ManageVipBenefit = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const [vipBenefitData, setVipBenefitData] = useState([]);\n\n let _tableColumns = [\n {\n Header: \"TITLE\",\n accessor: \"title\",\n disableSortBy: true,\n },\n {\n Header: \"STATUS\",\n accessor: \"status\",\n Cell: ({ row }) => (\n \n {row.original.status == 1 ? (\n \n {t(\"ACTIVE\")}\n \n ) : (\n \n {t(\"SUSPENDED\")}\n \n )}\n
\n ),\n disableSortBy: true,\n style: { overflow: \"visible\" },\n },\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) =>\n checkIfPermissionExist(AccessRight._VIP_SETTING_PERMISSION, true) && (\n \n \n \n \n \n {\n navigateTo(\n _history,\n WebUrl._URL_CREATE_OR_UPDATE_VIP_BENEFIT,\n row.original\n );\n }}\n >\n {t(\"EDIT\")} \n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n width: 100,\n style: { overflow: \"visible\" },\n },\n ];\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n fetch(ApiUrl._API_GET_VIP_BENEFIT + \"?all=true\", {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setVipBenefitData(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n }, []);\n\n return (\n \n
\n {t(\"MANAGE_VIP_BENEFIT_TITLE\")}\n {checkIfPermissionExist(AccessRight._VIP_SETTING_PERMISSION, true) && (\n \n
\n \n \n \n
\n/// Author : -\n/// \n\nconst VipBenefitDetail = (props) => {\n const _DETAIL_TAB = \"1\";\n const _LANGUAGE_TAB = \"2\";\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const _location = useLocation();\n const _dispatch = useDispatch();\n\n const { register, unregister, handleSubmit, errors, setError } = useForm();\n\n const [vipBenefitId, setVipBenefitId] = useState(\"\");\n const [title, setTitle] = useState(\"\");\n const [status, setStatus] = useState(true);\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n init();\n }, []);\n\n const [activeTab, setActiveTab] = useState(_DETAIL_TAB);\n\n /// \n /// Author : -\n /// \n const toggle = (tab) => {\n if (activeTab !== tab) {\n setActiveTab(tab);\n }\n };\n\n /// \n /// Author : -\n /// \n async function init() {\n if (_location.state) {\n var apiUrl = ApiUrl._API_GET_VIP_BENEFIT_BY_ID;\n apiUrl += \"?id=\" + _location.state.id;\n await fetch(apiUrl, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then(async (responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setVipBenefitId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n setTitle(responseJson[ApiKey._API_DATA_KEY][\"title\"]);\n setStatus(responseJson[ApiKey._API_DATA_KEY][\"status\"]);\n }\n });\n }\n }\n\n /// \n /// Author : -\n /// \n const submitForm = async (data, e) => {\n let params = {\n title: data.title,\n status: data.status,\n };\n\n if (!stringIsNullOrEmpty(vipBenefitId)) {\n params[\"id\"] = vipBenefitId;\n }\n\n let formBody = createFormBody(params);\n _dispatch(setBusy());\n\n fetch(ApiUrl._API_CREATE_OR_UPDATE_VIP_BENEFIT, {\n method: ApiKey._API_POST,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n body: formBody,\n })\n .then((response) => response.json())\n .then((responseJson) => {\n _dispatch(setIdle());\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setVipBenefitId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n\n _history.replace({\n pathname: _location.pathname,\n state: {\n id: responseJson[ApiKey._API_DATA_KEY][\"id\"],\n },\n });\n }\n });\n };\n\n return (\n \n
\n {vipBenefitId\n ? t(\"EDIT_VIP_BENEFIT_TITLE\")\n : t(\"ADD_VIP_BENEFIT_TITLE\")}\n \n {vipBenefitId && (\n
\n \n {\n toggle(_DETAIL_TAB);\n }}\n >\n {t(\"DETAIL\")}\n \n \n \n {\n toggle(_LANGUAGE_TAB);\n }}\n >\n {t(\"LANGUAGE\")}\n \n \n \n )}\n
\n \n \n \n \n {vipBenefitId && (\n \n )}\n \n \n
\n/// Author : -\n/// \n\nconst ManageVipBenefitContent = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const [vipBenefitContents, setVipBenefitContents] = useState([]);\n\n let _tableColumns = [\n {\n Header: \"VIP\",\n accessor: \"vipName\",\n disableSortBy: true,\n },\n {\n Header: \"TITLE\",\n accessor: \"vipBenefitTitle\",\n disableSortBy: true,\n },\n {\n Header: \"CONTENT\",\n accessor: \"content\",\n disableSortBy: true,\n },\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) =>\n checkIfPermissionExist(AccessRight._VIP_SETTING_PERMISSION, true) && (\n \n \n \n \n \n {\n navigateTo(\n _history,\n WebUrl._URL_CREATE_OR_UPDATE_VIP_BENEFIT_CONTENT,\n row.original\n );\n }}\n >\n {t(\"EDIT\")} \n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n width: 100,\n style: { overflow: \"visible\" },\n },\n ];\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n fetch(ApiUrl._API_GET_VIP_BENEFIT_CONTENT + \"?all=true\", {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setVipBenefitContents(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n }, []);\n\n return (\n \n
\n {t(\"MANAGE_VIP_BENEFIT_CONTENT\")}\n {checkIfPermissionExist(AccessRight._VIP_SETTING_PERMISSION, true) && (\n \n
\n \n \n \n
\n/// Author : -\n/// \n\nconst VipBenefitContentDetail = (props) => {\n const _DETAIL_TAB = \"1\";\n const _LANGUAGE_TAB = \"2\";\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const _location = useLocation();\n const _dispatch = useDispatch();\n\n const { register, unregister, handleSubmit, errors, setError } = useForm();\n\n const [benefitContentId, setBenefitContentId] = useState(\"\");\n const [content, setContent] = useState(\"\");\n const [vip, setVip] = useState(\"\");\n const [vipOption, setVipOption] = useState([]);\n const [vipBenefitId, setVipBenefitId] = useState(\"\");\n const [vipBenefitOption, setVipBenefitOption] = useState([]);\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n register({ name: \"content\" }, { required: \"PLEASE_ENTER_CONTENT\" });\n register({ name: \"vipBenefit\" }, { required: \"PLEASE_SELECT_TITLE\" });\n register({ name: \"vip\" }, { required: \"PLEASE_SELECT_VIP_LEVEL\" });\n init();\n }, []);\n\n const [activeTab, setActiveTab] = useState(_DETAIL_TAB);\n\n /// \n /// Author : -\n /// \n const toggle = (tab) => {\n if (activeTab !== tab) {\n setActiveTab(tab);\n }\n };\n\n /// \n /// Author : -\n /// \n async function init() {\n if (_location.state) {\n var apiUrl = ApiUrl._API_GET_VIP_BENEFIT_CONTENT_BY_ID;\n apiUrl += \"?id=\" + _location.state.id;\n await fetch(apiUrl, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then(async (responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setBenefitContentId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n setVipBenefitId(responseJson[ApiKey._API_DATA_KEY][\"vipBenefitId\"]);\n setVip(responseJson[ApiKey._API_DATA_KEY][\"vipId\"]);\n setContent(responseJson[ApiKey._API_DATA_KEY][\"content\"]);\n unregister([\"vip\", \"vipBenefit\"]);\n }\n });\n }\n\n await fetch(ApiUrl._API_GET_USER_VIP, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n const vipList = [];\n responseJson[ApiKey._API_DATA_KEY].forEach(function (vipLevel) {\n vipList.push({ label: vipLevel.name, value: vipLevel.id });\n });\n\n setVipOption(vipList);\n }\n });\n\n await fetch(ApiUrl._API_GET_VIP_BENEFIT, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n const vipBenefitList = [];\n responseJson[ApiKey._API_DATA_KEY].forEach(function (benefit) {\n vipBenefitList.push({ label: benefit.title, value: benefit.id });\n });\n\n setVipBenefitOption(vipBenefitList);\n }\n });\n }\n\n /// \n /// Author : -\n /// \n const submitForm = async (data, e) => {\n let params = {\n content: data.content,\n vipId: vip,\n vipBenefitId: vipBenefitId,\n };\n\n if (!stringIsNullOrEmpty(benefitContentId)) {\n params[\"id\"] = benefitContentId;\n }\n\n let formBody = createFormBody(params);\n _dispatch(setBusy());\n\n fetch(ApiUrl._API_CREATE_OR_UPDATE_VIP_BENEFIT_CONTENT, {\n method: ApiKey._API_POST,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n body: formBody,\n })\n .then((response) => response.json())\n .then((responseJson) => {\n _dispatch(setIdle());\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setBenefitContentId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n\n _history.replace({\n pathname: _location.pathname,\n state: {\n id: responseJson[ApiKey._API_DATA_KEY][\"id\"],\n },\n });\n }\n });\n };\n\n return (\n \n
\n {benefitContentId\n ? t(\"EDIT_VIP_BENEFIT_CONTENT\")\n : t(\"ADD_VIP_BENEFIT_CONTENT\")}\n \n {benefitContentId && (\n
\n \n {\n toggle(_DETAIL_TAB);\n }}\n >\n {t(\"DETAIL\")}\n \n \n \n {\n toggle(_LANGUAGE_TAB);\n }}\n >\n {t(\"LANGUAGE\")}\n \n \n \n )}\n
\n \n \n \n \n {benefitContentId && (\n \n )}\n \n \n
\n/// Author : -\n/// \nconst ManageCommunication = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const [bankData, setBankData] = useState([]);\n let _tableColumns = [\n {\n Header: \"CHANNEL_NAME\",\n accessor: \"channelName\",\n },\n {\n Header: \"URL_LINK\",\n accessor: \"cta\",\n width: 200,\n },\n {\n Header: \"STATUS\",\n accessor: \"status\",\n Cell: ({ row }) => {\n return (\n \n {row.original.status == 1 ? (\n \n {t(\"ACTIVE\")}\n \n ) : (\n \n {t(\"SUSPENDED\")}\n \n )}\n \n );\n },\n minWidth: 100,\n },\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) =>\n checkIfPermissionExist(AccessRight._BANK_SETTING_PERMISSION, true) && (\n \n \n \n \n \n {\n navigateTo(\n _history,\n WebUrl._URL_CREATE_OR_UPDATE_COMMUNICATION,\n row.original\n );\n }}\n >\n {t(\"EDIT\")} \n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n width: 100,\n style: { overflow: \"visible\" },\n },\n ];\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n fetch(ApiUrl._API_GET_COMMUNICATION_CHANNELS + \"?all=true\", {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setBankData(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n }, []);\n\n return (\n \n
\n {t(\"COMMUNICATION_CHANNELS\")}\n {checkIfPermissionExist(\n AccessRight._MANAGE_COMMUNICATION_PERMISSION,\n true\n ) && (\n \n
\n \n \n \n
\n/// Author : -\n/// \nconst EditCommunicationChannel = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const _location = useLocation();\n const { register, handleSubmit, errors } = useForm();\n const _dispatch = useDispatch();\n\n const [channelName, setChannelName] = useState(\"\");\n const [channelDescription, setChannelDescription] = useState(\"\");\n const [remark, setRemark] = useState(\"\");\n const [cTA, setCTA] = useState(\"\");\n const [isLiveChat, setIsLiveChat] = useState(\"\");\n const [status, setStatus] = useState(\"\");\n const [logoImage, setLogoImage] = useState(null);\n const [logoFile, setLogoFile] = useState(null);\n const [isNewImage, setIsNewImage] = useState(false);\n const [channelId, setChannelId] = useState(\"\");\n const [languages, setLanguages] = useState([]);\n const [channelLanguages, setChannelLanguages] = useState([]);\n const [attachmentFile, setAttachmentFile] = useState();\n const [attachmentImage, setAttachmentImage] = useState();\n const [isNewAttachment, setIsNewAttachment] = useState(false);\n\n /// \n /// Author : -\n /// \n const submitForm = async (data, e) => {\n let params = {\n channelName: data.channelName,\n channelDescription: data.channelName,\n // remark: data.remark,\n cTA: data.cTA,\n // isLiveChat: data.isLiveChat,\n status: data.status,\n isNewImage: isNewImage,\n };\n\n // For attachment\n /* if (!stringIsNullOrEmpty(attachmentFile) && isNewAttachment) {\n params[\"attachmentFile\"] = attachmentFile;\n } else if (stringIsNullOrEmpty(attachmentImage)) {\n params[\"attachmentFile\"] = \"\";\n } */\n\n if (!stringIsNullOrEmpty(logoFile)) {\n params[\"imageFile\"] = logoFile;\n }\n\n if (stringIsNullOrEmpty(logoImage)) {\n params[\"imageRemoved\"] = true;\n }\n\n if (!stringIsNullOrEmpty(channelId)) {\n params[\"id\"] = channelId;\n }\n\n params[\"descLocalization\"] = JSON.stringify(data.descriptionLocalization);\n\n let formBody = createMultiPartFormBody(params);\n _dispatch(setBusy());\n\n fetch(ApiUrl._API_CREATE_OR_UPDATE_COMMUNICATION_CHANNEL, {\n method: ApiKey._API_POST,\n headers: {\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n body: formBody,\n })\n .then((response) => response.json())\n .then((responseJson) => {\n _dispatch(setIdle());\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setIsNewImage(false);\n setIsNewAttachment(false);\n setChannelId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n }\n\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n });\n };\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n init();\n }, []);\n\n const init = async () => {\n try {\n if (_location.state) {\n var apiUrl = ApiUrl._API_GET_COMMUNICATION_CHANNEL_DETAIL;\n apiUrl += \"?id=\" + _location.state.id;\n\n let channelDetailResponse = await ApiEngine.get(apiUrl);\n\n if (channelDetailResponse[ApiKey._API_SUCCESS_KEY]) {\n let data = channelDetailResponse[ApiKey._API_DATA_KEY];\n setChannelId(data[\"id\"]);\n setChannelName(data[\"channelName\"]);\n setChannelDescription(data[\"channelDescription\"]);\n setRemark(data[\"rmark\"]);\n setCTA(data[\"cta\"]);\n setIsLiveChat(data[\"isLiveChat\"]);\n setStatus(data[\"status\"]);\n setChannelLanguages(data[\"channelLanguageModels\"]);\n if (!stringIsNullOrEmpty(data[\"channelImage\"])) {\n setLogoImage(data[\"channelImage\"]);\n }\n if (!stringIsNullOrEmpty(data[\"attachment\"])) {\n setAttachmentImage(data[\"attachment\"]);\n }\n } else {\n throw t(channelDetailResponse[ApiKey._API_MESSAGE_KEY]);\n }\n }\n\n let languageJson = await ApiEngine.get(\n ApiUrl._API_GET_PREFERENCE_LANGUAGE\n );\n\n if (languageJson[ApiKey._API_SUCCESS_KEY]) {\n setLanguages(languageJson[ApiKey._API_DATA_KEY]);\n } else {\n throw t(languageJson[ApiKey._API_MESSAGE_KEY]);\n }\n } catch (err) {\n _dispatch(showMessage(false, err));\n }\n };\n\n /// \n /// Author : -\n /// Used to set logo\n /// \n const logoDrop = (acceptedFiles) => {\n if (acceptedFiles.length !== 0) {\n const file = acceptedFiles[0];\n setLogoFile(file);\n const reader = new FileReader();\n reader.onloadend = () => {\n setLogoImage(reader.result);\n setIsNewImage(true);\n };\n reader.readAsDataURL(file);\n }\n };\n\n /// \n /// Author : -\n /// \n const attachmentDrop = (acceptedFiles) => {\n if (acceptedFiles.length !== 0) {\n const file = acceptedFiles[0];\n setAttachmentFile(file);\n const reader = new FileReader();\n reader.onloadend = () => {\n setAttachmentImage(reader.result);\n };\n reader.readAsDataURL(file);\n setIsNewAttachment(true);\n }\n };\n\n return (\n \n
\n {(_location.state) ? t(\"EDIT_COMMUNICATION_CHANNEL\") : t(\"NEW_COMMUNICATION_CHANNEL\")}\n {\n _history.goBack();\n }}\n >\n \n
\n
\n
\n
\n {languages.map((lang) => {\n return (\n
\n
\n \n {t(\"CHANNEL_DESCRIPTION\")} ({lang.name})\n \n \n
\n
l.languageId == lang.id\n )?.content\n }\n ref={register()}\n placeholder={t(\n \"PLEASE_ENTER_CHANNEL_DESCRIPTION\"\n )}\n />\n {errors.channelDescription && (\n \n {t(errors.channelDescription.message)}\n
\n )}\n \n
\n );\n })}\n
\n
\n
\n
\n
\n
\n
\n \n {t(\"SUBMIT\")}\n \n
\n
\n
\n \n \n \n
\n/// Author : Wong\n/// \nconst ManageSystemSetting = () => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n const { register, handleSubmit, errors, setValue } = useForm();\n const _dispatch = useDispatch();\n\n const [systemSetting, setSystemSetting] = useState([]);\n const [selectedSetting, setSelectedSetting] = useState();\n\n const _COLUMNS = [\n {\n Header: \"KEY\",\n accessor: \"key\",\n disableSortBy: true,\n },\n {\n Header: \"VALUE\",\n accessor: \"value\",\n disableSortBy: true,\n },\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) => (\n setSelectedSetting(row.original)}\n >\n {t(\"EDIT\")}\n \n ),\n disableSortBy: true,\n disableFilters: true,\n width: 100,\n style: { overflow: \"visible\" },\n },\n ];\n\n /// \n /// Author : Wong\n /// \n useEffect(() => {\n init();\n }, []);\n\n /// \n /// Author : Wong\n /// \n const init = async () => {\n await ApiEngine.get(ApiUrl._API_GET_SYSTEM_SETTINGS).then((response) => {\n if (response[ApiKey._API_SUCCESS_KEY]) {\n setSystemSetting(response[ApiKey._API_DATA_KEY]);\n }\n });\n };\n\n /// \n /// Author : Wong\n /// \n const submitForm = async (data) => {\n await ApiEngine.post(\n ApiUrl._API_UPDATE_SYSTEM_SETTING,\n createFormBody({ value: data.settingValue, id: selectedSetting.id })\n ).then((response) => {\n _dispatch(\n showMessage(\n response[ApiKey._API_SUCCESS_KEY],\n t(response[ApiKey._API_MESSAGE_KEY])\n )\n );\n\n if (response[ApiKey._API_SUCCESS_KEY]) {\n setSelectedSetting(null);\n init();\n }\n });\n };\n\n return (\n <>\n \n
{t(\"MANAGE_SYSTEM_SETTING\")} \n
\n \n \n \n
\n {t(\"EDIT\")} \n \n \n \n \n \n );\n};\n\nexport default ManageSystemSetting;\n","import React from \"react\";\nimport { Panel, PanelBody } from \"./../../components/panel/panel.jsx\";\nimport { createFormBody } from \"../../util/Util\";\nimport {\n ApiUrl,\n ApiKey,\n LanguageKey,\n} from \"../../util/Constant\";\nimport { setBusy, setIdle, showMessage } from \"../../redux/AppAction\";\nimport { useDispatch } from \"react-redux\";\nimport { useTranslation } from \"react-i18next\";\nimport { fetch } from \"whatwg-fetch\";\n\n/// \n/// Author : -\n/// \n\nconst ManageRecurringJob = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n const _dispatch = useDispatch();\n\n const StartRecurringJob = (jobName) => {\n _dispatch(setBusy);\n let apiUrl = ApiUrl._API_EXECUTE_RECURRING_JOB;\n let params = {\n \"jobName\": jobName\n };\n let formBody = createFormBody(params);\n fetch(apiUrl, {\n method: ApiKey._API_POST,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n body: formBody\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(\"OPERATION_SUCCESS\")\n )\n )\n }\n });\n _dispatch(setIdle);\n }\n return (\n \n
\n {t(\"RECURRING_JOBS\")}\n \n
\n \n \n \n {t(\"JOB_TITLE\")} \n \n \n CheckTransactionQueue StartRecurringJob(\"CheckTransactionQueue\")}>{t(\"START\")} \n \n CheckPendingTransaction StartRecurringJob(\"CheckPendingTransaction\")}>{t(\"START\")} \n \n VipProcessing StartRecurringJob(\"VipProcessing\")}>{t(\"START\")} \n \n GetJackpotWinner StartRecurringJob(\"GetJackpotWinner\")}>{t(\"START\")} \n \n CronJobGetWinLossReport StartRecurringJob(\"CronJobGetWinLossReport\")}>{t(\"START\")} \n \n Process568ProductGameRecord StartRecurringJob(\"Process568ProductGameRecord\")}>{t(\"START\")} \n \n Process568SportsProductGameRecord StartRecurringJob(\"Process568SportsProductGameRecord\")}>{t(\"START\")} \n \n ProcessPTCProductGameRecord StartRecurringJob(\"ProcessPTCProductGameRecord\")}>{t(\"START\")} \n \n ProcessPragmaticPlayGameRecord StartRecurringJob(\"ProcessPragmaticPlayGameRecord\")}>{t(\"START\")} \n \n M8Settlement StartRecurringJob(\"M8Settlement\")}>{t(\"START\")} \n \n M8TicketTranslate StartRecurringJob(\"M8TicketTranslate\")}>{t(\"START\")} \n \n ProcessM8ProductGameRecord StartRecurringJob(\"ProcessM8ProductGameRecord\")}>{t(\"START\")} \n \n ProcessJClub777ProductGameRecord StartRecurringJob(\"ProcessJClub777ProductGameRecord\")}>{t(\"START\")} \n \n Process93ConnectProductGameRecord StartRecurringJob(\"Process93ConnectProductGameRecord\")}>{t(\"START\")} \n \n ProcessJJProductGameRecord StartRecurringJob(\"ProcessJJProductGameRecord\")}>{t(\"START\")} \n \n ProcessCTProductGameRecord StartRecurringJob(\"ProcessCTProductGameRecord\")}>{t(\"START\")} \n \n ProcessMega888ProductGameRecord StartRecurringJob(\"ProcessMega888ProductGameRecord\")}>{t(\"START\")} \n \n ProcessDGProductGameRecord StartRecurringJob(\"ProcessDGProductGameRecord\")}>{t(\"START\")} \n \n ProcessXEProductGameRecord StartRecurringJob(\"ProcessXEProductGameRecord\")}>{t(\"START\")} \n \n ProcessLionKingProductGameRecord StartRecurringJob(\"ProcessLionKingProductGameRecord\")}>{t(\"START\")} \n \n ProcessAdvantPlayProductGameRecord StartRecurringJob(\"ProcessAdvantPlayProductGameRecord\")}>{t(\"START\")} \n \n ProcessAllBetProductGameRecord StartRecurringJob(\"ProcessAllBetProductGameRecord\")}>{t(\"START\")} \n \n ProcessVPowerProductGameRecord StartRecurringJob(\"ProcessVPowerProductGameRecord\")}>{t(\"START\")} \n \n ProcessTFGamingProductGameRecord StartRecurringJob(\"ProcessTFGamingProductGameRecord\")}>{t(\"START\")} \n \n ProcessAce333ProductGameRecord StartRecurringJob(\"ProcessAce333ProductGameRecord\")}>{t(\"START\")} \n \n ProcessMarioClubGameRecord StartRecurringJob(\"ProcessMarioClubGameRecord\")}>{t(\"START\")} \n \n Process918KissGameRecord StartRecurringJob(\"Process918KissGameRecord\")}>{t(\"START\")} \n \n ProcessPussy888KissGameRecord StartRecurringJob(\"ProcessPussy888KissGameRecord\")}>{t(\"START\")} \n \n ProcessBooongoGameRecord StartRecurringJob(\"ProcessBooongoGameRecord\")}>{t(\"START\")} \n \n ProcessAllBetProductGameRecord StartRecurringJob(\"ProcessAllBetProductGameRecord\")}>{t(\"START\")} \n \n ProcessTFGamingProductGameRecord StartRecurringJob(\"ProcessTFGamingProductGameRecord\")}>{t(\"START\")} \n \n ProcessAce333ProductGameRecord StartRecurringJob(\"ProcessAce333ProductGameRecord\")}>{t(\"START\")} \n \n ReSettle568ProductGameRecord StartRecurringJob(\"ReSettle568ProductGameRecord\")}>{t(\"START\")} \n \n Reward Schedule Check StartRecurringJob(\"CheckRewardSchedule\")}>{t(\"START\")} \n \n Reward Daily Process StartRecurringJob(\"RewardDailyProcess\")}>{t(\"START\")} \n \n GetGameBetsHistory StartRecurringJob(\"GetGameBetsHistory\")}>{t(\"START\")} \n \n ConvertGameBetsHistory StartRecurringJob(\"ConvertGameBetsHistory\")}>{t(\"START\")} \n \n GenerateCommission StartRecurringJob(\"GenerateCommission\")}>{t(\"START\")} \n \n UpdateRedis StartRecurringJob(\"UpdateRedis\")}>{t(\"START\")} \n \n ProcessAWCGameRecordSummary StartRecurringJob(\"ProcessAWCGameRecordSummary\")}>{t(\"START\")} \n \n GenerateRandomTransaction StartRecurringJob(\"GenerateRandomTransaction\")}>{t(\"START\")} \n
\n \n \n
\n/// Author : -\n/// \n\nconst ManageManualJob = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n const _dispatch = useDispatch();\n\n const StartManualJob = (jobName) => {\n _dispatch(setBusy);\n let apiUrl = ApiUrl._API_EXECUTE_MANUAL_JOB;\n let params = {\n \"jobName\": jobName\n };\n let formBody = createFormBody(params);\n fetch(apiUrl, {\n method: ApiKey._API_POST,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n body: formBody\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(\"OPERATION_SUCCESS\")\n )\n )\n }\n });\n _dispatch(setIdle);\n }\n return (\n \n
\n {t(\"MANUAL_JOBS\")}\n \n
\n \n \n \n {t(\"JOB_TITLE\")} \n \n \n ManualResettle568ProductGameRecord StartManualJob(\"ManualResettle568ProductGameRecord\")}>{t(\"START\")} \n
\n \n \n
\n /// Author : -\n /// \n const submitForm = async (data, e) => {\n let params = {\n Name: data.name,\n Content: data.content,\n };\n if (!stringIsNullOrEmpty(settingId)) {\n params[\"id\"] = settingId;\n }\n\n let formBody = createFormBody(params);\n _dispatch(setBusy());\n\n\n fetch(ApiUrl._API_CREATE_OR_UPDATE_USER_WEB_CONTENTS, {\n method: ApiKey._API_POST,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n body: formBody,\n })\n .then((response) => response.json())\n .then((responseJson) => {\n _dispatch(setIdle());\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setSettingId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n\n _history.replace({\n pathname: _location.pathname,\n state: {\n id: responseJson[ApiKey._API_DATA_KEY][\"id\"],\n },\n });\n\n }\n });\n };\n\n return (\n \n
\n {settingId ? t(\"EDIT_WEB_CONTENT\") : t(\"ADD_WEB_CONTENT\")}\n \n {settingId && (\n
\n \n {\n toggle(_DETAIL_TAB);\n }}\n >\n {t(\"DETAIL\")}\n \n \n\n \n )}\n
\n \n \n \n \n
\n /// Author : -\n /// \n\n useEffect(() => {\n fetch(ApiUrl._API_GET_USER_WEB_CONTENT + \"?all=true\", {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setWebContentData(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n }, []);\n\n let _tableColumns = [\n {\n Header: \"NAME\",\n accessor: \"name\",\n disableSortBy: true,\n },\n {\n Header: \"CONTENT\",\n accessor: \"content\",\n disableSortBy: true,\n \n }, \n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) =>\n checkIfPermissionExist(\n AccessRight._WEB_CONTENT_SETTING_PERMISSION,\n true\n ) && (\n \n \n \n \n \n {\n navigateTo(\n _history,\n WebUrl._URL_CREATE_OR_UPDATE_WEB_CONTENT,\n row.original\n\n \n );\n }}\n >\n {t(\"EDIT\")} \n \n {\n navigateTo(\n _history,\n WebUrl._URL_CREATE_OR_UPDATE_WEB_CONTENT,\n row.original\n );\n }}\n >\n {t(\"CLONE\")} \n \n \n \n
\n ),\n disableSortBy: true,\n\n disableFilters: true,\n width: 100,\n\n style: { overflow: \"visible\" },\n },\n ];\n\nuseEffect(() => {\n fetch(ApiUrl._API_GET_USER_WEB_CONTENT + \"?all=true\", {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setWebContentData(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n}, []);\n\n return (\n \n
\n {t(\"WEB_CONTENTS\")}\n {checkIfPermissionExist(\n AccessRight._WEB_CONTENT_SETTING_PERMISSION,\n true\n ) && (\n \n
\n \n \n \n
\n/// Author : -\n/// \n\nconst ManagePromotion = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const _dispatch = useDispatch();\n const [promotionData, setPromotionData] = useState([]);\n\n let _tableColumns = [\n {\n Header: \"TITLE\",\n accessor: \"name\",\n disableSortBy: true,\n },\n {\n Header: \"VIP\",\n accessor: \"vipId\",\n Cell: ({ row }) => {\n if (stringIsNullOrEmpty(row.original.vipId)) {\n return <>{AllVipOption._LABEL};\n } else {\n return <>{row.original.vipModel.name};\n }\n },\n },\n {\n Header: \"STATUS\",\n accessor: \"status\",\n Cell: ({ row }) => (\n \n {row.original.status == true ? (\n \n {t(\"ACTIVE\")}\n \n ) : (\n \n {t(\"SUSPENDED\")}\n \n )}\n
\n ),\n disableSortBy: true,\n style: { overflow: \"visible\" },\n },\n {\n Header: \"DATE\",\n accessor: \"startDate\",\n Cell: ({ row }) => {\n return <>{row.original.startDate} - {row.original.endDate};\n },\n },\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) =>\n checkIfPermissionExist(\n AccessRight._DEPOSIT_PROMOTION_PERMISSION,\n true\n ) && (\n \n \n \n \n \n {\n navigateTo(\n _history,\n WebUrl._URL_CREATE_OR_UPDATE_DEPOSIT_PROMOTION,\n row.original\n );\n }}\n >\n {t(\"EDIT\")} \n \n {\n cloneDepositPromotion(row.original.id)\n }}\n >\n {t(\"CLONE\")} \n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n width: 100,\n style: { overflow: \"visible\" },\n },\n ];\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n getDepositPromotion();\n }, []);\n\n\n async function getDepositPromotion() {\n fetch(ApiUrl._API_GET_DEPOSIT_PROMOTION + \"?all=true\", {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setPromotionData(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n }\n\n async function cloneDepositPromotion(id) {\n _dispatch(setBusy());\n var apiUrl = ApiUrl._API_CLONE_DEPOSIT_PROMOTION;\n apiUrl += \"?id=\" + id;\n await fetch(apiUrl, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then(async (responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n _dispatch(setIdle());\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n getDepositPromotion()\n } else {\n _dispatch(setIdle());\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n }\n })\n }\n\n return (\n \n
\n {t(\"PROMOTIONS\")}\n {checkIfPermissionExist(\n AccessRight._DEPOSIT_PROMOTION_PERMISSION,\n true\n ) && (\n \n
\n \n \n \n
\n/// Author : -\n/// \n\nconst DepositPromotionDetail = (props) => {\n\tconst _DETAIL_TAB = \"1\";\n\tconst _LANGUAGE_TAB = \"2\";\n\tlet _history = useHistory();\n\tconst { t } = useTranslation(LanguageKey._PRIMARY);\n\tconst _location = useLocation();\n\tconst _dispatch = useDispatch();\n\tconst { register, unregister, handleSubmit, errors, setValue } = useForm();\n\n\tconst [title, setTitle] = useState(\"\");\n\tconst [content, setContent] = useState(\"\");\n\tconst [url, setUrl] = useState(\"\");\n\tconst [promotionId, setPromotionId] = useState(\"\");\n\tconst [remark, setRemark] = useState(\"\");\n\tconst [rank, setRank] = useState(\"\");\n\tconst [status, setStatus] = useState(true);\n\tconst [activeTab, setActiveTab] = useState(_DETAIL_TAB);\n\tconst [description, setDescription] = useState(\"\");\n\tconst [bonusRate, setBonusRate] = useState(\"\");\n\tconst [rolloverRate, setRolloverRate] = useState(\"\");\n\tconst [startDate, setStartDate] = useState(\n\t\tmoment().startOf(\"day\").format(\"YYYY-MM-DD HH:mm:ss\")\n\t);\n\tconst [endDate, setEndDate] = useState(\n\t\tmoment().endOf(\"day\").format(\"YYYY-MM-DD HH:mm:ss\")\n\t);\n\t//const [maxUsage, setMaxUsage] = useState(\"\");\n\tconst [minDeposit, setMinDeposit] = useState(\"\");\n\tconst [bonusCap, setBonusCap] = useState(\"\");\n\tconst [redemption, setRedemption] = useState(\"\");\n\n\tconst [depositPromotionProductData, setDepositPromotionProductData] =\n\t\tuseState([]);\n\n\tconst {\n\t\tregister: accountFormRegister,\n\t\thandleSubmit: accountFormHandleSubmit,\n\t\terrors: accountFormErrors,\n\t\tunregister: accountFormUnregister,\n\t\tsetValue: accountFormSetValue,\n\t} = useForm();\n\n\tconst {\n\t\tregister: promotionFormRegister,\n\t\thandleSubmit: promotionFormHandleSubmit,\n\t\terrors: promotionFormErrors,\n\t\tunregister: promotionFormUnregister,\n\t\tsetValue: promotionFormSetValue,\n\t} = useForm();\n\n\tconst [vipList, setVipList] = useState([]);\n\n\tconst [productData, setProductData] = useState([]);\n\tconst [accountProductId, setAccountProductId] = useState(\"\");\n\tconst [accountProductStatus, setAccountProductStatus] = useState(true);\n\tconst [accountProductModel, setAccountProductModel] = useState(false);\n\tconst [accountproductName, setAccountProductName] = useState(\"\");\n\tconst [selectedMasterProductId, setSelectedMasterProductId] = useState(\"\");\n\tconst [isCreateNewAccount, setIsCreateNewAccount] = useState(true);\n\tconst [depositPromotionProductId, setDepositPromotionProductId] =\n\t\tuseState(\"\");\n\tconst [desktopImage, setDesktopImage] = useState();\n\tconst [mobileImage, setMobileImage] = useState();\n\tconst [desktopFile, setDesktopFile] = useState([]);\n\tconst [mobileFile, setMobileFile] = useState([]);\n\tconst [isNewDesktopImage, setIsNewDesktopImage] = useState(false);\n\tconst [isNewMobileImage, setIsNewMobileImage] = useState(false);\n\tconst [isBonusFixed, setIsBonusFixed] = useState(false);\n\tconst [isClaimable, setIsClaimable] = useState(false);\n\tconst [productCategoryData, setProductCategoryData] = useState([]);\n\tconst [selectedProductCategoryId, setSelectedProductCategoryId] = useState(0);\n\tconst [isMaxUsagePerDay, setIsMaxUsagePerDay] = useState(false);\n\tconst [showConfirmation, setShowConfirmation] = useState(false);\n\tconst [showRolloverConfirmation, setShowRolloverConfirmation] = useState(false);\n\tconst [minBonusWalletTarget, setMinBonusWalletTarget] = useState(\"\");\n\tconst [maxWithdraw, setMaxWithdraw] = useState(\"\");\n\tconst [isRolloverFixed, setIsRolloverFixed] = useState(false);\n\n\tlet _tableColumns = [\n\t\t{\n\t\t\tHeader: \"Product\",\n\t\t\taccessor: \"name\",\n\t\t\tdisableSortBy: true,\n\t\t},\n\t\t{\n\t\t\tHeader: \"STATUS\",\n\t\t\taccessor: \"status\",\n\t\t\tCell: ({ row }) => (\n\t\t\t\t\n\t\t\t\t\t{row.original.status == true ? (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{t(\"ACTIVE\")}\n\t\t\t\t\t\t \n\t\t\t\t\t) : (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{t(\"SUSPENDED\")}\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\tstyle: { overflow: \"visible\" },\n\t\t},\n\t\t{\n\t\t\tid: \"action\",\n\t\t\tHeader: \"\",\n\t\t\tCell: ({ row }) => (\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t loadAccountProduct(row.original)}>\n\t\t\t\t\t\t\t\t{t(\"EDIT\")}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t deleteBankSetting(row.original.id)}>\n\t\t\t\t\t\t\t\t{t(\"DELETE\")} \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t
\n\t\t\t),\n\t\t\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\tconst [selectedViplevel, setSelectedViplevel] = useState(\"\");\n\t/// \n\t/// Author : -\n\t/// \n\tconst toggle = (tab) => {\n\t\tif (activeTab !== tab) {\n\t\t\tsetActiveTab(tab);\n\t\t}\n\t};\n\n\t/// \n\t/// Author : -\n\t/// \n\tuseEffect(() => {\n\t\tregister({ name: \"content\" }, { required: \"PLEASE_ENTER_CONTENT\" });\n\t\tregister({ name: \"vip\" }, { required: \"PLEASE_SELECT_VIP_LEVEL\" });\n\t\tinit();\n\t}, []);\n\n\tconst _OPTION_STYLES = {\n\t\tcontrol: (base) => ({\n\t\t\t...base,\n\t\t\t\"min-height\": \"34px\",\n\t\t\theight: \"34px\",\n\t\t}),\n\t\tvalueContainer: (base) => ({\n\t\t\t...base,\n\t\t\theight: \"34px\",\n\t\t\t\"min-height\": \"34px\",\n\t\t}),\n\t\tindicatorsContainer: (base) => ({\n\t\t\t...base,\n\t\t\theight: \"34px\",\n\t\t\t\"min-height\": \"34px\",\n\t\t}),\n\t\tinput: (base) => ({\n\t\t\theight: \"34px\",\n\t\t\t\"min-height\": \"34px\",\n\t\t}),\n\t};\n\n\t/// \n\t/// Author : -\n\t/// \n\tasync function init() {\n\t\tif (_location.state) {\n\t\t\tsetPromotionId(_location.state.id);\n\t\t\tvar apiUrl = ApiUrl._API_GET_DEPOSIT_PROMOTION_BY_ID;\n\t\t\tapiUrl += \"?id=\" + _location.state.id;\n\t\t\tawait fetch(apiUrl, {\n\t\t\t\tmethod: ApiKey._API_GET,\n\t\t\t\theaders: {\n\t\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t\t},\n\t\t\t})\n\t\t\t\t.then((response) => response.json())\n\t\t\t\t.then(async (responseJson) => {\n\t\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\t\tsetPromotionId(responseJson[ApiKey._API_DATA_KEY][0][\"id\"]);\n\t\t\t\t\t\tsetContent(responseJson[ApiKey._API_DATA_KEY][0][\"content\"]);\n\t\t\t\t\t\tsetTitle(responseJson[ApiKey._API_DATA_KEY][0][\"name\"]);\n\t\t\t\t\t\tsetRemark(responseJson[ApiKey._API_DATA_KEY][0][\"remark\"]);\n\t\t\t\t\t\tsetRank(responseJson[ApiKey._API_DATA_KEY][0][\"rank\"]);\n\t\t\t\t\t\tsetBonusRate(\n\t\t\t\t\t\t\tparseInt(responseJson[ApiKey._API_DATA_KEY][0][\"bonusRate\"])\n\t\t\t\t\t\t);\n\t\t\t\t\t\tsetBonusCap(\n\t\t\t\t\t\t\tparseInt(responseJson[ApiKey._API_DATA_KEY][0][\"bonusCap\"])\n\t\t\t\t\t\t);\n\t\t\t\t\t\tsetDescription(\n\t\t\t\t\t\t\tresponseJson[ApiKey._API_DATA_KEY][0][\"description\"]\n\t\t\t\t\t\t);\n\t\t\t\t\t\tsetStartDate(\n\t\t\t\t\t\t\tmoment(responseJson[ApiKey._API_DATA_KEY][0][\"startDate\"]).format(\n\t\t\t\t\t\t\t\t\"YYYY-MM-DD HH:mm:ss\"\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t);\n\t\t\t\t\t\tsetEndDate(\n\t\t\t\t\t\t\tmoment(responseJson[ApiKey._API_DATA_KEY][0][\"endDate\"]).format(\n\t\t\t\t\t\t\t\t\"YYYY-MM-DD HH:mm:ss\"\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t);\n\t\t\t\t\t\tsetRedemption(\n\t\t\t\t\t\t\tparseInt(responseJson[ApiKey._API_DATA_KEY][0][\"maxUsage\"])\n\t\t\t\t\t\t);\n\t\t\t\t\t\tsetMinDeposit(\n\t\t\t\t\t\t\tparseInt(responseJson[ApiKey._API_DATA_KEY][0][\"minDeposit\"])\n\t\t\t\t\t\t);\n\t\t\t\t\t\tsetSelectedViplevel(\n\t\t\t\t\t\t\tparseInt(responseJson[ApiKey._API_DATA_KEY][0][\"minVipLevel\"])\n\t\t\t\t\t\t);\n\t\t\t\t\t\tsetRolloverRate(\n\t\t\t\t\t\t\tparseInt(responseJson[ApiKey._API_DATA_KEY][0][\"rolloverRate\"])\n\t\t\t\t\t\t);\n\t\t\t\t\t\tsetStatus(responseJson[ApiKey._API_DATA_KEY][0][\"status\"]);\n\n\t\t\t\t\t\tsetDesktopImage(\n\t\t\t\t\t\t\tresponseJson[ApiKey._API_DATA_KEY][0][\"backgroundImage\"]\n\t\t\t\t\t\t);\n\t\t\t\t\t\tsetIsBonusFixed(responseJson[ApiKey._API_DATA_KEY][0][\"isBonusFixed\"])\n\t\t\t\t\t\tsetSelectedProductCategoryId(responseJson[ApiKey._API_DATA_KEY][0][\"productCategoryId\"])\n\t\t\t\t\t\tsetIsClaimable(responseJson[ApiKey._API_DATA_KEY][0][\"isClaimable\"])\n\t\t\t\t\t\tsetIsMaxUsagePerDay(responseJson[ApiKey._API_DATA_KEY][0][\"isMaxUsagePerDay\"])\n\t\t\t\t\t\tsetMinBonusWalletTarget(responseJson[ApiKey._API_DATA_KEY][0][\"mincoinTarget\"])\n\t\t\t\t\t\tsetMaxWithdraw(responseJson[ApiKey._API_DATA_KEY][0][\"maxWithdraw\"])\n\t\t\t\t\t\tsetIsRolloverFixed(\n\t\t\t\t\t\t\tresponseJson[ApiKey._API_DATA_KEY][0][\"isRolloverFixed\"]\n\t\t\t\t\t\t);\n\t\t\t\t\t\tunregister(\"vip\");\n\t\t\t\t\t\tunregister(\"content\");\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\tgetMasterProduct();\n\t\t\tgetDepositPromotionProduct();\n\t\t}\n\n\t\tawait fetch(ApiUrl._API_GET_USER_VIP + \"?all=true\", {\n\t\t\tmethod: ApiKey._API_GET,\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t},\n\t\t})\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tconst VipList = [];\n\t\t\t\t\tresponseJson[ApiKey._API_DATA_KEY].forEach(function (vip) {\n\t\t\t\t\t\tVipList.push({ label: vip.name, value: vip.id });\n\t\t\t\t\t});\n\t\t\t\t\tsetVipList(VipList);\n\t\t\t\t}\n\t\t\t});\n\t\tawait fetch(ApiUrl._API_GET_PRODUCT_CATEGORY + \"?all=true\", {\n\t\t\tmethod: ApiKey._API_GET,\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t},\n\t\t})\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tsetProductCategoryData(responseJson[ApiKey._API_DATA_KEY]);\n\t\t\t\t\tconst categoryList = [];\n\t\t\t\t\tresponseJson[ApiKey._API_DATA_KEY].forEach(function (category) {\n\t\t\t\t\t\tcategoryList.push({ label: category.title, value: category.id });\n\t\t\t\t\t});\n\t\t\t\t\tsetProductCategoryData(categoryList);\n\t\t\t\t}\n\t\t\t});\n\t}\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst submitForm = async (data, e) => {\n\t\tlet params = {\n\t\t\tname: data.title,\n\t\t\tdescription: data.description,\n\t\t\tbonusRate: data.bonusRate,\n\t\t\trolloverRate: data.rolloverRate,\n\t\t\tstartDate: startDate,\n\t\t\tendDate: endDate,\n\t\t\t//maxUsage: data.maxUsage,\n\t\t\tminVipLevel: selectedViplevel,\n\t\t\tminDeposit: data.minDeposit,\n\t\t\tbonusCap: data.bonusCap,\n\t\t\tremark: data.remark,\n\t\t\trank: data.rank,\n\t\t\tstatus: data.status,\n\t\t\tcontent: content,\n\t\t\tisNewDesktopFile: isNewDesktopImage,\n\t\t\tisNewMobileFile: isNewMobileImage,\n\t\t\tmaxUsage: data.redemption,\n\t\t\tisBonusFixed: data.isBonusFixed,\n\t\t\tproductCategoryId: selectedProductCategoryId,\n\t\t\tisClaimable: data.isClaimable,\n\t\t\tisMaxUsagePerDay: data.isMaxUsagePerDay,\n\t\t\tmincoinTarget: data.minBonusWalletTarget,\n\t\t\tmaxWithdraw: data.maxWithdraw,\n\t\t\tisRolloverFixed: data.isRolloverFixed,\n\t\t};\n\n\t\tif (!stringIsNullOrEmpty(desktopFile)) {\n\t\t\tparams[\"desktopFile\"] = desktopFile;\n\t\t}\n\n\t\tif (stringIsNullOrEmpty(desktopImage)) {\n\t\t\tparams[\"desktopImageRemoved\"] = true;\n\t\t}\n\n\t\tif (!stringIsNullOrEmpty(mobileFile)) {\n\t\t\tparams[\"mobileFile\"] = mobileFile;\n\t\t}\n\n\t\tif (stringIsNullOrEmpty(mobileImage)) {\n\t\t\tparams[\"mobileImageRemoved\"] = true;\n\t\t}\n\n\t\tif (!stringIsNullOrEmpty(promotionId)) {\n\t\t\tparams[\"id\"] = promotionId;\n\t\t}\n\n\t\tlet formBody = createMultiPartFormBody(params);\n\t\t_dispatch(setBusy());\n\n\t\tfetch(ApiUrl._API_CREATE_OR_UPDATE_DEPOSIT_PROMOTION, {\n\t\t\tmethod: ApiKey._API_POST,\n\t\t\theaders: {\n\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t},\n\t\t\tbody: formBody,\n\t\t})\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\t_dispatch(setIdle());\n\t\t\t\t_dispatch(\n\t\t\t\t\tshowMessage(\n\t\t\t\t\t\tresponseJson[ApiKey._API_SUCCESS_KEY],\n\t\t\t\t\t\tt(responseJson[ApiKey._API_MESSAGE_KEY])\n\t\t\t\t\t)\n\t\t\t\t);\n\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tsetPromotionId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n\t\t\t\t\tgetMasterProduct();\n\t\t\t\t}\n\t\t\t});\n\t};\n\n\tconst handleEvent = (event, picker) => {\n\t\tsetStartDate(moment(picker.startDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n\t\tsetEndDate(moment(picker.endDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n\t};\n\n\tfunction getMasterProduct() {\n\t\tfetch(ApiUrl._API_GET_MASTER_PRODUCT_ID_NAME_BY_USER_ID, {\n\t\t\tmethod: ApiKey._API_GET,\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t},\n\t\t})\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tconst ProductList = [];\n\t\t\t\t\tresponseJson[ApiKey._API_DATA_KEY].forEach(function (product) {\n\t\t\t\t\t\tProductList.push({\n\t\t\t\t\t\t\tlabel: product.name,\n\t\t\t\t\t\t\tvalue: product.id,\n\t\t\t\t\t\t\tmasterProductId: product.masterProductId,\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\t\t\t\t\tsetProductData(ProductList);\n\t\t\t\t}\n\t\t\t});\n\t}\n\n\tfunction toggleModal(isAddProduct) {\n\t\tif (accountProductModel) {\n\t\t\tsetDepositPromotionProductId(\"\");\n\t\t\tsetSelectedMasterProductId(\"\");\n\t\t\tsetAccountProductStatus(false);\n\t\t}\n\n\t\tif (isAddProduct) {\n\t\t\tsetIsCreateNewAccount(true);\n\t\t}\n\n\t\tsetAccountProductModel(!accountProductModel);\n\t}\n\n\tfunction getDepositPromotionProduct() {\n\t\tfetch(\n\t\t\tApiUrl._API_GET_DEPOSIT_PROMOTION_PRODUCT +\n\t\t\t\t\"?id=\" +\n\t\t\t\t(promotionId == \"\" ? _location.state.id : promotionId),\n\t\t\t{\n\t\t\t\tmethod: ApiKey._API_GET,\n\t\t\t\theaders: {\n\t\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t\t},\n\t\t\t}\n\t\t)\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tsetDepositPromotionProductData(responseJson[ApiKey._API_DATA_KEY]);\n\t\t\t\t}\n\t\t\t});\n\t}\n\n\tfunction loadAccountProduct(data) {\n\t\tsetDepositPromotionProductId(data.id);\n\t\tsetAccountProductId(data.accountProductId);\n\t\tsetAccountProductStatus(data.status);\n\t\tsetAccountProductName(data.name);\n\t\tsetSelectedMasterProductId(data.masterProductId);\n\t\tsetIsCreateNewAccount(false);\n\t\ttoggleModal();\n\t}\n\n\tfunction deleteBankSetting(id) {\n\t\t_dispatch(setBusy());\n\n\t\tfetch(ApiUrl._API_DELETE_DEPOSIT_PROMOTION_PRODUCT + \"?id=\" + id, {\n\t\t\tmethod: ApiKey._API_POST,\n\t\t\theaders: {\n\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t},\n\t\t})\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\t_dispatch(setIdle());\n\t\t\t\t_dispatch(\n\t\t\t\t\tshowMessage(\n\t\t\t\t\t\tresponseJson[ApiKey._API_SUCCESS_KEY],\n\t\t\t\t\t\tt(responseJson[ApiKey._API_MESSAGE_KEY])\n\t\t\t\t\t)\n\t\t\t\t);\n\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tgetDepositPromotionProduct();\n\t\t\t\t}\n\t\t\t});\n\t}\n\n\tconst submitAccountSettingForm = async (data, e) => {\n\t\tlet params = {\n\t\t\tdepositPromotionId: promotionId,\n\t\t\taccountProductId: accountProductId,\n\t\t\tstatus: accountProductStatus,\n\t\t};\n\n\t\tif (!stringIsNullOrEmpty(depositPromotionProductId)) {\n\t\t\tparams[\"id\"] = depositPromotionProductId;\n\t\t}\n\t\tlet formBody = createMultiPartFormBody(params);\n\t\t_dispatch(setBusy());\n\n\t\tfetch(ApiUrl._API_CREATE_OR_UPDATE_DEPOSIT_PROMOTION_PRODUCT, {\n\t\t\tmethod: ApiKey._API_POST,\n\t\t\theaders: {\n\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t},\n\t\t\tbody: formBody,\n\t\t})\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\t_dispatch(setIdle());\n\t\t\t\t_dispatch(\n\t\t\t\t\tshowMessage(\n\t\t\t\t\t\tresponseJson[ApiKey._API_SUCCESS_KEY],\n\t\t\t\t\t\tt(responseJson[ApiKey._API_MESSAGE_KEY])\n\t\t\t\t\t)\n\t\t\t\t);\n\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tgetDepositPromotionProduct();\n\t\t\t\t\tsetAccountProductId(\"\");\n\t\t\t\t\tsetAccountProductName(\"\");\n\t\t\t\t\tsetAccountProductStatus(\"\");\n\t\t\t\t\ttoggleModal();\n\t\t\t\t}\n\t\t\t});\n\t};\n\n\tconst logoDrop = (acceptedFiles, isDesktop) => {\n\t\tif (acceptedFiles.length !== 0) {\n\t\t\tconst file = acceptedFiles[0];\n\n\t\t\tif (isDesktop) {\n\t\t\t\tsetDesktopFile(file);\n\t\t\t} else {\n\t\t\t\tsetMobileFile(file);\n\t\t\t}\n\n\t\t\tconst reader = new FileReader();\n\t\t\treader.onloadend = () => {\n\t\t\t\tif (isDesktop) {\n\t\t\t\t\tsetDesktopImage(reader.result);\n\t\t\t\t\tsetIsNewDesktopImage(true);\n\t\t\t\t} else {\n\t\t\t\t\tsetIsNewMobileImage(true);\n\t\t\t\t\tsetMobileImage(reader.result);\n\t\t\t\t}\n\t\t\t};\n\t\t\treader.readAsDataURL(file);\n\t\t}\n\t};\n\n\treturn (\n\t\t\n\t\t\t{showConfirmation && (\n\t\t\t\t
{\n\t\t\t\t\t\tsetShowConfirmation(false);\n\t\t\t\t\t\tsetIsBonusFixed(!isBonusFixed);\n\t\t\t\t\t}}\n\t\t\t\t\tonCancel={() => {\n\t\t\t\t\t\tsetShowConfirmation(false);\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\n\t\t\t)}\n\t\t\t{showRolloverConfirmation && (\n\t\t\t\t {\n\t\t\t\t\t\tsetShowRolloverConfirmation(false);\n\t\t\t\t\t\tsetIsRolloverFixed(!isRolloverFixed);\n\t\t\t\t\t}}\n\t\t\t\t\tonCancel={() => {\n\t\t\t\t\t\tsetShowRolloverConfirmation(false);\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t)}\n\t\t\t\n\t\t\t\t{promotionId ? t(\"EDIT_DEPOSIT_PROMOTION\") : t(\"ADD_DEPOSIT_PROMOTION\")}\n\t\t\t\t \n\t\t\t{promotionId && (\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\ttoggle(_DETAIL_TAB);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{t(\"DETAIL\")}\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 {\n\t\t\t\t\t\t\t\ttoggle(_LANGUAGE_TAB);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{t(\"LANGUAGE\")}\n\t\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t)}\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\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 \n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t{t(\"SELECTED_PRODUCT\")} \n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t toggleModal(true)}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
toggleModal()}>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t toggleModal()}>\n\t\t\t\t\t\t\t\t\t{t(isCreateNewAccount ? \"ADD_PRODUCT\" : \"EDIT_PRODUCTS\")}\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
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"PRODUCT\")} \n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t!depositPromotionProductData.some(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(obj2) => obj1.label === obj2.name\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tproductData.filter(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(option) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\toption.value == selectedMasterProductId\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) !== undefined\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? productData.filter(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(option) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tproductData.value ==\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tselectedMasterProductId\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t ).label\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: \"\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tisDisabled={depositPromotionProductId != \"\"}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={productData.filter(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(option) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\toption.masterProductId == selectedMasterProductId\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetAccountProductId(e.value);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetSelectedMasterProductId(e.masterProductId);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taccountFormSetValue(\"accountProductId\", e.value);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tref={accountFormRegister}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{accountFormErrors.accountProductId && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(accountFormErrors.accountProductId.message)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"STATUS\")} \n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetAccountProductStatus(e.target.checked)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={true}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={accountProductStatus}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tref={accountFormRegister}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t toggleModal()}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{t(\"CLOSE\")}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{t(\"SUBMIT\")}\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\t\n\t\t\t\t\t{promotionId && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t \n\t\t \n/// Author : -\n/// \n\nconst ManageMarqueeContent = (props) => {\n\tconst { t } = useTranslation(LanguageKey._PRIMARY);\n\tconst [marqueeTagContentData, setMarqueeTagContentData] = useState([]);\n\tlet _history = useHistory();\n\n\tlet _tableColumns = [\n\t\t{\n\t\t\tHeader: \"PLATFORM\",\n\t\t\taccessor: \"platform\",\n\t\t\tdisableSortBy: true,\n\t\t},\n\t\t{\n\t\t\tHeader: \"CONTENT\",\n\t\t\taccessor: \"content\",\n\t\t\tdisableSortBy: true,\n\t\t},\n\t\t{\n\t\t\tid: \"action\",\n\t\t\tHeader: \"\",\n\t\t\tCell: ({ row }) => (\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\tnavigateTo(\n\t\t\t\t\t\t\t\t\t\t_history,\n\t\t\t\t\t\t\t\t\t\tWebUrl._URL_MARQUEE_TAG_CONTENT_DETAIL,\n\t\t\t\t\t\t\t\t\t\trow.original\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{t(\"EDIT\")} \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t
\n\t\t\t),\n\t\t\tdisableSortBy: true,\n\t\t\tdisableFilters: true,\n\t\t\twidth: 100,\n\t\t\tstyle: { overflow: \"visible\" },\n\t\t},\n\t];\n\t/// \n\t/// Author : -\n\t/// \n\tuseEffect(() => {\n\t\tgetMarqueeTagContent();\n\t}, []);\n\n\tasync function getMarqueeTagContent() {\n\t\tfetch(ApiUrl._API_GET_MARQUEE_TAG_CONTENT, {\n\t\t\tmethod: ApiKey._API_GET,\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t},\n\t\t})\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tsetMarqueeTagContentData(responseJson[ApiKey._API_DATA_KEY]);\n\t\t\t\t}\n\t\t\t});\n\t}\n\n\treturn (\n\t\t\n\t\t\t
\n\t\t\t\t{t(\"MANAGE_MARQUEE_TAG_CONTENT\")}\n\t\t\t\t{checkIfPermissionExist(\n\t\t\t\t\tAccessRight._MARQUEE_TAG_CONTENT,\n\t\t\t\t\ttrue\n\t\t\t\t) && (\n\t\t\t\t\t \n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t \n\t\t\t \n\t\t
\n/// Author : -\n/// \nconst ManageSkinSettings = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const [skinSettingData, setSkinSettingData] = useState([]);\n\n let _tableColumns = [\n {\n Header: \"Skin Name\",\n accessor: \"skinName\",\n },\n {\n Header: \"Background Image\",\n accessor: \"backgroundImage\",\n Cell: ({ row }) => (\n \n {!stringIsNullOrEmpty(row.original.backgroundImage) ? (\n
\n ) : (\n
- \n )}\n
\n {row.original.status == 1 ? (\n \n {t(\"ACTIVE\")}\n \n ) : (\n \n {t(\"INACTIVE\")}\n \n )}\n
\n ),\n disableSortBy: true,\n style: { overflow: \"visible\" },\n },\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) => (\n \n \n \n \n \n {\n navigateTo(\n _history,\n WebUrl._URL_SKIN_SETTINGS_DETAIL,\n row.original\n );\n }}\n >\n {t(\"EDIT\")} \n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n width: 100,\n style: { overflow: \"visible\" },\n },\n ];\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n fetch(ApiUrl._API_GET_SKIN_SETTINGS, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setSkinSettingData(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n }, []);\n\n return (\n \n
\n {t(\"MANAGE_SKIN_SETTINGS\")}\n \n
\n \n \n \n
\n/// Author : -\n/// \n\nconst SkinSettingsDetail = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const _location = useLocation();\n const _dispatch = useDispatch();\n const { register, unregister, handleSubmit, errors, setValue } = useForm();\n const [skinSettingId, setSkinSettingId] = useState(\"\");\n\n const [text, setText] = useState(\"\");\n const [imageFile, setImageFile] = useState([]);\n const [image, setImage] = useState();\n const [imageTopRightFile, setImageTopRightFile] = useState([]);\n const [imageTopRight, setImageTopRight] = useState();\n const [imageBottomLeftFile, setImageBottomLeftFile] = useState([]);\n const [imageBottomLeft, setImageBottomLeft] = useState();\n const [isNewImage, setIsNewImage] = useState(false);\n const [status, setStatus] = useState(true);\n\n /// \n /// Author : -\n /// \n const logoDrop = (acceptedFiles) => {\n if (acceptedFiles.length !== 0) {\n const file = acceptedFiles[0];\n setImageFile(file);\n\n const reader = new FileReader();\n reader.onloadend = () => {\n setIsNewImage(true);\n setImage(reader.result);\n };\n reader.readAsDataURL(file);\n }\n };\n /// \n /// Author : -\n /// \n const accessoryTopRightDrop = (acceptedFiles) => {\n if (acceptedFiles.length !== 0) {\n const file = acceptedFiles[0];\n setImageTopRightFile(file);\n\n const reader = new FileReader();\n reader.onloadend = () => {\n setIsNewImage(true);\n setImageTopRight(reader.result);\n };\n reader.readAsDataURL(file);\n }\n };\n /// \n /// Author : -\n /// \n const accessoryBottomLeftDrop = (acceptedFiles) => {\n if (acceptedFiles.length !== 0) {\n const file = acceptedFiles[0];\n setImageBottomLeftFile(file);\n\n const reader = new FileReader();\n reader.onloadend = () => {\n setIsNewImage(true);\n setImageBottomLeft(reader.result);\n };\n reader.readAsDataURL(file);\n }\n };\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n console.log(_location);\n console.log(_location.state);\n init();\n }, []);\n\n /// \n /// Author : -\n /// \n async function init() {\n if (_location.state) {\n var apiUrl = ApiUrl._API_GET_SKIN_SETTINGS_BY_ID;\n apiUrl += \"?id=\" + _location.state.id;\n fetch(apiUrl, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n console.log(responseJson[ApiKey._API_DATA_KEY]);\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setSkinSettingId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n setText(responseJson[ApiKey._API_DATA_KEY][\"skinName\"]);\n setStatus(responseJson[ApiKey._API_DATA_KEY][\"status\"]);\n setImage(responseJson[ApiKey._API_DATA_KEY][\"backgroundImage\"]);\n setImageBottomLeft(responseJson[ApiKey._API_DATA_KEY][\"imageBottomLeft\"]);\n setImageTopRight(responseJson[ApiKey._API_DATA_KEY][\"imageTopRight\"]);\n }\n });\n }\n }\n\n /// \n /// Author : -\n /// \n const submitForm = async (data, e) => {\n let params = {\n skinName: data.text,\n status: data.status,\n isNewImage: isNewImage,\n };\n\n if (!stringIsNullOrEmpty(skinSettingId)) {\n params[\"id\"] = skinSettingId;\n }\n\n if (!stringIsNullOrEmpty(imageFile)) {\n params[\"imageFile\"] = imageFile;\n }\n\n if (stringIsNullOrEmpty(image)) {\n params[\"imageRemoved\"] = true;\n }\n if (!stringIsNullOrEmpty(imageBottomLeftFile)) {\n params[\"imageBottomLeft\"] = imageBottomLeftFile;\n }\n\n if (stringIsNullOrEmpty(imageBottomLeft)) {\n params[\"imageBottomLeftRemoved\"] = true;\n }\n if (!stringIsNullOrEmpty(imageTopRightFile)) {\n params[\"imageTopRight\"] = imageTopRightFile;\n }\n\n if (stringIsNullOrEmpty(imageTopRight)) {\n params[\"imageTopRightRemoved\"] = true;\n }\n\n let formBody = createMultiPartFormBody(params);\n _dispatch(setBusy());\n\n fetch(ApiUrl._API_CREATE_OR_UPDATE_SKIN_SETTINGS, {\n method: ApiKey._API_POST,\n headers: {\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n body: formBody,\n })\n .then((response) => response.json())\n .then((responseJson) => {\n _dispatch(setIdle());\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setSkinSettingId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n }\n });\n };\n\n return (\n \n
\n {skinSettingId ? t(\"EDIT_SKIN_SETTINGS\") : t(\"ADD_SKIN_SETTINGS\") /*localization*/}\n \n
\n
\n
\n
\n
\n {t(\"ACCESSORY_BOTTOM_LEFT\")} \n \n
\n
accessoryBottomLeftDrop(acceptedFiles)}\n >\n {({ getRootProps, getInputProps }) => (\n \n \n )}\n \n
\n
{\n setImageBottomLeft(\"\");\n setImageBottomLeftFile();\n }}\n >\n {t(\"REMOVE_IMAGE\")}\n \n \n
\n
\n
\n
\n
\n {t(\"STATUS\")} \n \n
\n
\n setStatus(e.target.checked)}\n value={true}\n checked={status}\n ref={register}\n />\n
\n
\n
\n
\n
\n
\n
\n \n {t(\"SUBMIT\")}\n \n
\n
\n
\n/// Author : -\n/// \nconst ManageGame = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const _location = useLocation();\n const _dispatch = useDispatch();\n\n const [submitError, setSubmitError] = useState(\"\");\n const [submitSuccess, setSubmitSuccess] = useState(\"\");\n const [gameData, setGameData] = useState([]);\n\n let _tableColumns = [\n {\n Header: \"NAME\",\n accessor: \"gameName\",\n },\n {\n Header: \"CODE\",\n accessor: \"gameCode\",\n },\n {\n Header: \"STATUS\",\n accessor: \"status\",\n Cell: ({ row }) => (\n \n {row.original.status == 1 ? (\n \n {t(\"ACTIVE\")}\n \n ) : (\n \n {t(\"INACTIVE\")}\n \n )}\n
\n ),\n disableSortBy: true,\n style: { overflow: \"visible\" },\n },\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) =>\n checkIfPermissionExist(\n AccessRight._MASTER_PRODUCT_CONTROL_PERMISSION,\n true\n ) && (\n \n \n \n \n \n {\n navigateTo(\n _history,\n WebUrl._URL_CREATE_OR_UPDATE_PRODUCT_GAME,\n { id: row.original.id, isNew: false }\n );\n }}\n >\n {t(\"EDIT\")} \n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n width: 100,\n style: { overflow: \"visible\" },\n },\n ];\n\n /// \n /// Author : -\n /// \n function deleteGame(id) {\n _dispatch(setBusy());\n\n fetch(ApiUrl._API_DELETE_PRODUCT_GAME + \"?id=\" + id, {\n method: ApiKey._API_POST,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n _dispatch(setIdle());\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n readGame();\n }\n });\n }\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n readGame();\n }, []);\n\n /// \n /// Author : -\n /// \n function readGame() {\n fetch(\n ApiUrl._API_GET_PRODUCT_GAME + \"?productId=\" + _location.state[\"id\"],\n {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n }\n )\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setGameData(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n }\n\n return (\n \n
\n {t(\"GAME\")}\n {checkIfPermissionExist(\n AccessRight._MASTER_PRODUCT_CONTROL_PERMISSION,\n true\n ) && (\n {\n _history.push({\n pathname: WebUrl._URL_CREATE_OR_UPDATE_PRODUCT_GAME,\n state: { id: _location.state[\"id\"], isNew: true },\n });\n }}\n >\n \n
\n \n \n \n
\n/// Author : -\n/// \nconst GameDetail = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n const _location = useLocation();\n const _history = useHistory();\n const _dispatch = useDispatch();\n const { register, handleSubmit, errors, setValue, unregister } = useForm();\n\n const [gameImage, setGameImage] = useState(\"\");\n const [gameFile, setGameFile] = useState(\"\");\n const [isNewImage, setIsNewImage] = useState(false);\n const [desktopImage, setDesktopImage] = useState(\"\");\n const [desktopFile, setDesktopFile] = useState(\"\");\n const [isNewDesktopImage, setIsNewDesktopImage] = useState(false);\n const [desktopImageHover, setDesktopImageHover] = useState(\"\");\n const [desktopFileHover, setDesktopFileHover] = useState(\"\");\n const [isNewDesktopImageHover, setIsNewDesktopImageHover] = useState(false);\n\n const [gameName, setGameName] = useState(\"\");\n const [gameCode, setGameCode] = useState(\"\");\n const [gameId, setGameId] = useState(\"\");\n const [status, setStatus] = useState(false);\n const [recommended, setRecommended] = useState(false);\n const [rank, setRank] = useState(\"\");\n const [categoryList, setCategoryList] = useState([]);\n const [selectedCategory, setSelectedCategory] = useState(\"\");\n const [gameUm, setGameUm] = useState(false);\n const [hidden, setHidden] = useState(false);\n const [isNewGame, setIsNewGame] = useState(false);\n const [appUrl, setAppUrl] = useState(\"\");\n const [appDeepLink, setAppDeepLink] = useState(\"\");\n\n const [isApp, setIsApp] = useState(false);\n\n\n const [parameter_1, setParameter_1] = useState(\"\");\n\n const [parameter_2, setParameter_2] = useState(\"\");\n\n const [parameter_3, setParameter_3] = useState(\"\");\n\n const [parameter_4, setParameter_4] = useState(\"\");\n\n const [parameter_5, setParameter_5] = useState(\"\");\n\n const [isFeatured, setIsFeatured] = useState(false)\n\n /// \n /// Author : -\n /// \n const submitForm = async (data, e) => {\n let params = {\n gameCode: data.code,\n gameName: data.name,\n status: data.status,\n gameUm: data.gameUm,\n hidden: data.hiddenGame,\n isApp: data.isApplication,\n appUrl: data.appUrl,\n appDeepLink: data.appDeepLink,\n productCategoryId: selectedCategory,\n rank: data.rank,\n isRecommended: recommended,\n isNewGameImage: isNewImage,\n isNewDesktopImage: isNewDesktopImage,\n isNewDesktopImageHover: isNewDesktopImageHover,\n parameter_1: data.param1,\n parameter_2: data.param2,\n parameter_3: data.param3,\n parameter_4: data.param4,\n parameter_5: data.param5,\n isNewGame: data.isNewGame,\n isFeatured: data.isFeatured\n };\n\n /*if (!stringIsNullOrEmpty(parameter_1)) {\n params[\"parameter_1\"] = parameter_1;\n }\n if (!stringIsNullOrEmpty(parameter_2)) {\n params[\"parameter_2\"] = parameter_2;\n }\n if (!stringIsNullOrEmpty(parameter_3)) {\n params[\"parameter_3\"] = parameter_3;\n }\n if (!stringIsNullOrEmpty(parameter_4)) {\n params[\"parameter_4\"] = parameter_4;\n }\n if (!stringIsNullOrEmpty(parameter_5)) {\n params[\"parameter_5\"] = parameter_5;\n }*/\n\n if (!stringIsNullOrEmpty(gameId)) {\n params[\"id\"] = gameId;\n }\n\n if (_location.state[\"isNew\"]) {\n params[\"productId\"] = _location.state[\"id\"];\n }\n\n if (!stringIsNullOrEmpty(gameFile)) {\n params[\"gameImage\"] = gameFile;\n }\n\n if (stringIsNullOrEmpty(gameImage)) {\n params[\"gameImageRemoved\"] = true;\n }\n\n if (!stringIsNullOrEmpty(desktopFile)) {\n params[\"desktopImage\"] = desktopFile;\n }\n\n if (stringIsNullOrEmpty(desktopImage)) {\n params[\"desktopImageRemoved\"] = true;\n }\n\n if (!stringIsNullOrEmpty(desktopFileHover)) {\n params[\"desktopImageHover\"] = desktopFileHover;\n }\n\n if (stringIsNullOrEmpty(desktopImageHover)) {\n params[\"desktopImageRemovedHover\"] = true;\n }\n\n let formBody = createMultiPartFormBody(params);\n _dispatch(setBusy());\n\n fetch(ApiUrl._API_CREATE_OR_UPDATE_GAME_PRODUCT, {\n method: ApiKey._API_POST,\n headers: {\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n body: formBody,\n })\n .then((response) => response.json())\n .then((responseJson) => {\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n _dispatch(setIdle());\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setIsNewImage(false);\n setIsNewDesktopImage(false);\n setIsNewDesktopImageHover(false);\n setGameId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n }\n });\n };\n\n /// \n /// Author : -\n /// Editted : - (Add Category)\n /// \n useEffect(() => {\n register({ name: \"gameImage\" }, { required: \"PLEASE_SELECT_IMAGE\" });\n //register({ name: \"desktopImage\" }, { required: \"PLEASE_SELECT_IMAGE\" });\n register({ name: \"category\" }, { required: \"PLEASE_SELECT_CATEGORY\" });\n getProductCategory();\n if (_location.state != null && !_location.state[\"isNew\"]) {\n fetch(\n ApiUrl._API_GET_PRODUCT_GAME_BY_ID + \"?id=\" + _location.state[\"id\"],\n {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n }\n )\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setGameCode(responseJson[ApiKey._API_DATA_KEY][\"gameCode\"]);\n setGameName(responseJson[ApiKey._API_DATA_KEY][\"gameName\"]);\n setGameId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n setStatus(responseJson[ApiKey._API_DATA_KEY][\"status\"]);\n setGameUm(responseJson[ApiKey._API_DATA_KEY][\"gameUm\"]);\n setHidden(responseJson[ApiKey._API_DATA_KEY][\"hidden\"]);\n setIsNewGame(responseJson[ApiKey._API_DATA_KEY][\"isNewGame\"]);\n setIsApp(responseJson[ApiKey._API_DATA_KEY][\"isApp\"]);\n setAppUrl(responseJson[ApiKey._API_DATA_KEY][\"appUrl\"]);\n setAppDeepLink(responseJson[ApiKey._API_DATA_KEY][\"appDeepLink\"]);\n setSelectedCategory(\n responseJson[ApiKey._API_DATA_KEY][\"productCategoryId\"]\n );\n setValue(\n \"category\",\n responseJson[ApiKey._API_DATA_KEY][\"productCategoryId\"]\n );\n setRecommended(responseJson[ApiKey._API_DATA_KEY][\"isRecommended\"]);\n setRank(responseJson[ApiKey._API_DATA_KEY][\"rank\"]);\n setParameter_1(responseJson[ApiKey._API_DATA_KEY][\"parameter_1\"]);\n setParameter_2(responseJson[ApiKey._API_DATA_KEY][\"parameter_2\"]);\n setParameter_3(responseJson[ApiKey._API_DATA_KEY][\"parameter_3\"]);\n setParameter_4(responseJson[ApiKey._API_DATA_KEY][\"parameter_4\"]);\n setParameter_5(responseJson[ApiKey._API_DATA_KEY][\"parameter_5\"]);\n setIsFeatured(responseJson[ApiKey._API_DATA_KEY][\"isFeatured\"])\n\n if (\n !stringIsNullOrEmpty(responseJson[ApiKey._API_DATA_KEY][\"image\"])\n ) {\n setGameImage(responseJson[ApiKey._API_DATA_KEY][\"image\"]);\n setValue(\n \"gameImage\",\n responseJson[ApiKey._API_DATA_KEY][\"image\"]\n );\n }\n\n if (\n !stringIsNullOrEmpty(responseJson[ApiKey._API_DATA_KEY][\"desktopImage\"])\n ) {\n setDesktopImage(responseJson[ApiKey._API_DATA_KEY][\"desktopImage\"]);\n setValue(\n \"desktopImage\",\n responseJson[ApiKey._API_DATA_KEY][\"desktopImage\"]\n );\n }\n\n if (\n !stringIsNullOrEmpty(responseJson[ApiKey._API_DATA_KEY][\"desktopImageHover\"])\n ) {\n setDesktopImageHover(responseJson[ApiKey._API_DATA_KEY][\"desktopImageHover\"]);\n setValue(\n \"desktopImageHover\",\n responseJson[ApiKey._API_DATA_KEY][\"desktopImageHover\"]\n );\n }\n }\n });\n }\n }, []);\n\n /// \n /// Author : -\n /// \n const getProductCategory = async () => {\n await fetch(ApiUrl._API_GET_PRODUCT_CATEGORY, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n const productCategorys = [];\n responseJson[ApiKey._API_DATA_KEY].forEach(function (\n productCategory\n ) {\n productCategorys.push({\n label: productCategory.title,\n value: productCategory.id,\n });\n });\n\n setCategoryList(productCategorys);\n }\n });\n };\n\n /// \n /// Author : -\n /// \n const logoDrop = (acceptedFiles) => {\n if (acceptedFiles.length !== 0) {\n const file = acceptedFiles[0];\n\n const reader = new FileReader();\n reader.onloadend = () => {\n setGameFile(file);\n setGameImage(reader.result);\n setValue(\"gameImage\", reader.result);\n setIsNewImage(true);\n };\n reader.readAsDataURL(file);\n }\n };\n\n const desktopLogoDrop = (acceptedFiles) => {\n if (acceptedFiles.length !== 0) {\n const file = acceptedFiles[0];\n\n const reader = new FileReader();\n reader.onloadend = () => {\n setDesktopFile(file);\n setDesktopImage(reader.result);\n setValue(\"desktopImage\", reader.result);\n setIsNewDesktopImage(true);\n };\n reader.readAsDataURL(file);\n }\n };\n\n const desktopLogoHoverDrop = (acceptedFiles) => {\n if (acceptedFiles.length !== 0) {\n const file = acceptedFiles[0];\n\n const reader = new FileReader();\n reader.onloadend = () => {\n setDesktopFileHover(file);\n setDesktopImageHover(reader.result);\n setValue(\"desktopImageHover\", reader.result);\n setIsNewDesktopImageHover(true);\n };\n reader.readAsDataURL(file);\n }\n };\n\n return (\n \n
\n {t(\"GAME_DETAIL\")}\n \n
\n
\n
\n
\n
\n
\n {t(\"DESKTOP_IMAGE_HOVER\")} \n \n
\n
\n desktopLogoHoverDrop(acceptedFiles, true)\n }\n >\n {({ getRootProps, getInputProps }) => (\n \n \n )}\n \n {errors.desktopImageHover && (\n
\n {t(errors.desktopImageHover.message)}\n
\n )}\n
\n
{\n setDesktopImageHover(\"\");\n setDesktopFileHover();\n }}\n >\n {t(\"REMOVE_IMAGE\")}\n \n \n
\n
\n
\n
\n
\n
{t(\"WEB_APP\") + \" / \" + t(\"MOBILE_APP\")} \n \n
\n
\n
\n
\n {t(\"GAME_IMAGE\")} \n \n
\n
\n logoDrop(acceptedFiles, true)\n }\n >\n {({ getRootProps, getInputProps }) => (\n \n \n )}\n \n {errors.gameImage && (\n
\n {t(errors.gameImage.message)}\n
\n )}\n
\n
{\n setGameImage(\"\");\n setGameFile();\n }}\n >\n {t(\"REMOVE_IMAGE\")}\n \n \n
\n
\n\n
\n
\n
\n {t(\"GAME_NAME\")} \n \n
\n
\n {errors.name && (\n
\n {t(errors.name.message)}\n
\n )}\n
\n
\n
\n\n
\n
\n
\n {t(\"GAME_CODE\")} \n \n
\n
\n {errors.code && (\n
\n {t(errors.code.message)}\n
\n )}\n
\n
\n
\n\n
\n
\n
\n {t(\"CATEGORY\")} \n \n
\n
option.value == selectedCategory\n )[0] !== undefined\n ? categoryList.filter(\n (option) => option.value == selectedCategory\n )[0].label\n : \"\"\n }\n value={categoryList.filter(\n (option) => option.value == selectedCategory\n )}\n onChange={(e) => {\n unregister(\"category\");\n setSelectedCategory(e.value);\n }}\n />\n {errors.category && (\n \n {t(errors.category.message)}\n
\n )}\n \n
\n
\n
\n
\n
\n {t(\"RANK\")} \n \n
\n
\n {errors.rank && (\n
\n {t(errors.rank.message)}\n
\n )}\n
\n
\n
\n
\n
\n
\n {t(\"Parameter_1_(Optional)\")} \n \n
\n
\n
\n
\n
\n
\n
\n {t(\"Parameter_2_(Optional)\")} \n \n
\n
\n
\n
\n
\n
\n
\n {t(\"Parameter_3_(Optional)\")} \n \n
\n
\n
\n
\n
\n
\n
\n {t(\"Parameter_4_(Optional)\")} \n \n
\n
\n
\n
\n
\n
\n
\n {t(\"Parameter_5_(Optional)\")} \n \n
\n
\n
\n
\n
\n
\n
\n {t(\"RECOMMEND\")} \n \n
\n
\n setRecommended(e.target.checked)}\n value={false}\n checked={recommended}\n ref={register}\n />\n
\n
\n
\n
\n
\n
\n
\n {t(\"STATUS\")} \n \n
\n
\n setStatus(e.target.checked)}\n value={true}\n checked={status}\n ref={register}\n />\n
\n
\n
\n
\n
\n
\n
\n {t(\"GAME_UM\")} \n \n
\n
\n setGameUm(e.target.checked)}\n value={true}\n checked={gameUm}\n ref={register}\n />\n
\n
\n
\n
\n
\n
\n
\n {t(\"Hidden\")} \n \n
\n
\n setHidden(e.target.checked)}\n value={true}\n checked={hidden}\n ref={register}\n />\n
\n
\n
\n
\n
\n
\n
\n {t(\"IsNewGame\")} \n \n
\n
\n setIsNewGame(e.target.checked)}\n value={true}\n checked={isNewGame}\n ref={register}\n />\n
\n
\n
\n
\n
\n
\n
\n {t(\"IS_FEATURED\")} \n \n
\n
\n setIsFeatured(e.target.checked)}\n value={true}\n checked={isFeatured}\n ref={register}\n />\n
\n
\n
\n
\n
\n
\n
\n {t(\"IS_APP\")} \n \n
\n
\n setIsApp(e.target.checked)}\n value={true}\n checked={isApp}\n ref={register}\n />\n
\n
\n
\n
\n {isApp &&
\n
\n
\n {t(\"APP_URL\")} \n \n
\n
\n
\n
}\n {isApp &&
\n
\n
\n {t(\"IS_DEEPLINK\")} \n \n
\n
\n
\n
}\n
\n
\n
\n \n {t(\"SUBMIT\")}\n \n
\n
\n
\n/// Author : -\n/// \n\nconst ManageWeeklyRescue = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const [promotionData, setPromotionData] = useState([]);\n\n let _tableColumns = [\n {\n Header: \"RANK\",\n accessor: \"name\",\n disableSortBy: true,\n },\n {\n Header: \"MIN_LOSSES\",\n accessor: \"minlosses\",\n Cell: ({ row }) => {\n \n return <>{row.original.minlosses};\n \n },\n },\n {\n Header: \"RESCUE_PERCENTAGE\",\n accessor: \"rescuePercentage\",\n Cell: ({ row }) => {\n \n return <>{row.original.rescuePercentage}{\"%\"};\n \n },\n },\n {\n Header: \"MAX_BONUS\",\n accessor: \"maxBonus\",\n Cell: ({ row }) => {\n\n return <>{row.original.maxBonus};\n\n },\n },\n {\n Header: \"TURNOVER\",\n accessor: \"turnover\",\n Cell: ({ row }) => {\n\n return <>{row.original.turnover}{\"x\"};\n\n },\n },\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) =>\n checkIfPermissionExist(\n AccessRight._WEEKLY_RESCUE_PERMISSION,\n true\n ) && (\n \n \n \n \n \n {\n navigateTo(\n _history,\n WebUrl._URL_WEEKLY_RESCUE_DETAIL,\n row.original\n );\n }}\n >\n {t(\"EDIT\")} \n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n width: 100,\n style: { overflow: \"visible\" },\n },\n ];\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n fetch(ApiUrl._API_GET_WEEKLY_RESCUE + \"?all=true\", {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setPromotionData(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n }, []);\n\n return (\n \n
\n {t(\"WEEKLY_RESCUE\")}\n \n
\n \n \n \n
\n/// Author : -\n/// \n\nconst WeeklyRescueDetail = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const _DETAIL_TAB = \"1\";\n const _location = useLocation();\n const _dispatch = useDispatch();\n const { register, unregister, handleSubmit, errors, setValue } = useForm();\n const [weeklyRescueId, setWeeklyRescueId] = useState(\"\");\n const [name, setName] = useState(\"\");\n const [minLosses, setminLosses] = useState(\"\")\n const [rescuePercentage, setRescuePercentage] = useState(\"\");\n const [maxBonus, setMaxBonus] = useState(\"\");\n const [turnover, setTurnover] = useState(\"\");\n\n const {\n register: accountFormRegister,\n handleSubmit: accountFormHandleSubmit,\n errors: accountFormErrors,\n unregister: accountFormUnregister,\n setValue: accountFormSetValue,\n } = useForm();\n\n\n const _OPTION_STYLES = {\n control: (base) => ({\n ...base,\n \"min-height\": \"34px\",\n height: \"34px\",\n }),\n valueContainer: (base) => ({\n ...base,\n height: \"34px\",\n \"min-height\": \"34px\",\n }),\n indicatorsContainer: (base) => ({\n ...base,\n height: \"34px\",\n \"min-height\": \"34px\",\n }),\n input: (base) => ({\n height: \"34px\",\n \"min-height\": \"34px\",\n }),\n };\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n init();\n }, []);\n\n /// \n /// Author : -\n /// \n async function init() {\n if (_location.state) {\n setWeeklyRescueId(_location.state.id)\n var apiUrl = ApiUrl._API_GET_WEEKLY_RESCUE_BY_ID;\n apiUrl += \"?id=\" + _location.state.id;\n fetch(apiUrl, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setWeeklyRescueId(responseJson[ApiKey._API_DATA_KEY][0][\"id\"])\n setName(responseJson[ApiKey._API_DATA_KEY][0][\"name\"])\n setminLosses(responseJson[ApiKey._API_DATA_KEY][0][\"minlosses\"])\n setRescuePercentage(responseJson[ApiKey._API_DATA_KEY][0][\"rescuePercentage\"])\n setMaxBonus(responseJson[ApiKey._API_DATA_KEY][0][\"maxBonus\"])\n setTurnover(responseJson[ApiKey._API_DATA_KEY][0][\"turnover\"])\n }\n });\n }\n }\n\n /// \n /// Author : -\n /// \n const submitForm = async (data, e) => {\n\n let params = {\n id : weeklyRescueId,\n minlosses: data.minLosses,\n rescuePercentage: data.rescuePercentage,\n maxBonus: data.maxBonus,\n turnover: data.turnover\n };\n let formBody = createMultiPartFormBody(params);\n _dispatch(setBusy());\n\n fetch(ApiUrl._API_CREATE_OR_UPDATE_WEEKLY_RESCUE, {\n method: ApiKey._API_POST,\n headers: {\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n body: formBody,\n })\n .then((response) => response.json())\n .then((responseJson) => {\n _dispatch(setIdle());\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setWeeklyRescueId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n }\n });\n };\n\n return (\n \n
\n {t(\"EDIT_WEEKLY_RESCUE\") /*localization*/}\n \n
\n
\n/// Author : -\n/// \n\nconst ManageBonus = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const [bonusData, setBonusData] = useState([]);\n\n let _tableColumns = [\n {\n Header: \"TITLE\",\n accessor: \"title\",\n style: {\n whiteSpace: \"unset\",\n wordBreak: \"break-word\",\n },\n },\n {\n Header: \"CODE\",\n accessor: \"code\",\n },\n {\n Header: \"FROM\",\n accessor: \"startDateString\",\n },\n {\n Header: \"TO\",\n accessor: \"endDateString\",\n },\n {\n Header: \"BONUS\",\n accessor: \"amount\",\n },\n {\n Header: \"MAX_BONUS\",\n accessor: \"maximumBonusAmount\",\n },\n {\n Header: \"SETTING_TYPE\",\n accessor: \"settingTypeName\",\n },\n {\n Header: \"STATUS\",\n accessor: \"status\",\n Cell: ({ row }) => (\n \n {row.original.status == 1 ? (\n \n {t(\"ACTIVE\")}\n \n ) : (\n \n {t(\"MAINTENANCE\")}\n \n )}\n
\n ),\n disableSortBy: true,\n style: { overflow: \"visible\" },\n },\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) =>\n checkIfPermissionExist(AccessRight._BONUS_SETTING_PERMISSION, true) && (\n \n \n \n \n \n {\n navigateTo(\n _history,\n WebUrl._URL_CREATE_OR_UPDATE_BONUS,\n row.original\n );\n }}\n >\n {t(\"EDIT\")} \n \n {\n navigateTo(_history, WebUrl._URL_CREATE_OR_UPDATE_BONUS, {\n refId: row.original.id,\n });\n }}\n >\n {t(\"CLONE\")} \n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n width: 100,\n style: { overflow: \"visible\" },\n },\n ];\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n fetch(ApiUrl._API_GET_USER_BONUS + \"?all=true\", {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setBonusData(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n }, []);\n\n return (\n \n
\n {t(\"BONUS_SETTING\")}\n {checkIfPermissionExist(\n AccessRight._BONUS_SETTING_PERMISSION,\n true\n ) && (\n \n
\n \n \n \n
\n/// Author : -\n/// \n\nconst BonusDetail = (props) => {\n const _DETAIL_TAB = \"1\";\n const _LANGUAGE_TAB = \"2\";\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const _location = useLocation();\n const _dispatch = useDispatch();\n const { register, unregister, handleSubmit, errors, setError } = useForm();\n\n const [showPlayer, setShowPlayer] = useState(true);\n const [title, setTitle] = useState(\"\");\n const [code, setCode] = useState(\"\");\n\n const [bonusId, setBonusId] = useState(\"\");\n const [bonusRefId, setBonusRefId] = useState(\"\");\n const [methodId, setMethodId] = useState(BonusMethodType._AMOUNT);\n const [settingTypeId, setSettingTypeId] = useState(\"\");\n const [rank, setRank] = useState(\"\");\n const [maximumDeposit, setMaximumDeposit] = useState(\"\");\n const [minimumDeposit, setMinimumDeposit] = useState(\"\");\n const [content, setContent] = useState(\"\");\n const [turnover, setTurnover] = useState(\"\");\n const [remark, setRemark] = useState(\"\");\n const [startDate, setStartDate] = useState(\"\");\n const [endDate, setEndDate] = useState(\"\");\n const [amount, setAmount] = useState(\"\");\n\n const [bonusStartTime, setBonusStartTime] = useState(\"00:00\");\n const [bonusEndTime, setBonusEndTime] = useState(\"00:00\");\n const [bonusDayData, setBonusDayData] = useState([]);\n\n const [bonusTypeOption, setBonusTypeOption] = useState([]);\n const [bonusTypeId, setBonusTypeId] = useState(\"\");\n const [logoImage, setLogoImage] = useState(null);\n const [logoFile, setLogoFile] = useState(null);\n const [isNewImage, setIsNewImage] = useState(false);\n const [vip, setVip] = useState();\n const [vipOption, setVipOption] = useState([]);\n const [claimCount, setClaimCount] = useState(\"\");\n\n const MAXIMUM_DEPOSIT_AMOUNT = 100000;\n\n const _DAY_OPTION = [\n { value: 0, label: \"Sunday\" },\n { value: 1, label: \"Monday\" },\n { value: 2, label: \"Tuesday\" },\n { value: 3, label: \"Wednesday\" },\n { value: 4, label: \"Thursday\" },\n { value: 5, label: \"Friday\" },\n { value: 6, label: \"Saturday\" },\n ];\n\n const _DAY_MAPPER = {\n 0: \"Sunday\",\n 1: \"Monday\",\n 2: \"Tuesday\",\n 3: \"Wednesday\",\n 4: \"Thursday\",\n 5: \"Friday\",\n 6: \"Saturday\",\n };\n\n const [activeTab, setActiveTab] = useState(_DETAIL_TAB);\n\n /// \n /// Author : -\n /// \n const toggle = (tab) => {\n if (activeTab !== tab) {\n setActiveTab(tab);\n }\n };\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n register({ name: \"bonusTypeId\" }, { required: \"PLEASE_SELECT_BONUS_TYPE\" });\n register(\n { name: \"bonusDay\" },\n { required: \"PLEASE_ENTER_AT_LEAST_ONE_DAY\" }\n );\n register({ name: \"vip\" }, { required: \"PLEASE_SELECT_VIP_LEVEL\" });\n init();\n }, []);\n\n /// \n /// Author : -\n /// \n async function init() {\n if (_location.state) {\n let stateBonusId = _location.state.id || _location.state.refId;\n var apiUrl = ApiUrl._API_GET_USER_BONUS_BY_ID;\n apiUrl += \"?id=\" + stateBonusId;\n await fetch(apiUrl, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then(async (responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n if (_location.state.id) {\n setBonusId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n setBonusRefId(\"\");\n } else if (_location.state.refId) {\n setBonusId(\"\");\n setBonusRefId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n }\n\n setTitle(responseJson[ApiKey._API_DATA_KEY][\"title\"]);\n setCode(responseJson[ApiKey._API_DATA_KEY][\"code\"]);\n setContent(responseJson[ApiKey._API_DATA_KEY][\"content\"]);\n setRemark(responseJson[ApiKey._API_DATA_KEY][\"remark\"]);\n setStartDate(responseJson[ApiKey._API_DATA_KEY][\"startDateString\"]);\n setEndDate(responseJson[ApiKey._API_DATA_KEY][\"endDateString\"]);\n\n setBonusTypeId(responseJson[ApiKey._API_DATA_KEY][\"bonusTypeId\"]);\n\n setMethodId(responseJson[ApiKey._API_DATA_KEY][\"methodId\"]);\n setSettingTypeId(\n responseJson[ApiKey._API_DATA_KEY][\"settingTypeId\"]\n );\n setShowPlayer(responseJson[ApiKey._API_DATA_KEY][\"isShowPlayer\"]);\n setAmount(responseJson[ApiKey._API_DATA_KEY][\"amount\"]);\n setMinimumDeposit(\n responseJson[ApiKey._API_DATA_KEY][\"minimumDeposit\"]\n );\n setMaximumDeposit(\n responseJson[ApiKey._API_DATA_KEY][\"maximumBonusAmount\"]\n );\n setTurnover(responseJson[ApiKey._API_DATA_KEY][\"turnover\"]);\n setBonusStartTime(\n responseJson[ApiKey._API_DATA_KEY][\"bonusStartTime\"]\n );\n setBonusEndTime(responseJson[ApiKey._API_DATA_KEY][\"bonusEndTime\"]);\n var bonusArr = [];\n\n for (\n var i = 0;\n i < responseJson[ApiKey._API_DATA_KEY][\"bonusDay\"].length;\n i++\n ) {\n bonusArr.push({\n value: responseJson[ApiKey._API_DATA_KEY][\"bonusDay\"][i],\n label:\n _DAY_MAPPER[\n responseJson[ApiKey._API_DATA_KEY][\"bonusDay\"][i]\n ],\n });\n }\n\n setBonusDayData(bonusArr);\n\n if (\n !stringIsNullOrEmpty(\n responseJson[ApiKey._API_DATA_KEY][\"bonusImage\"]\n )\n ) {\n setLogoImage(responseJson[ApiKey._API_DATA_KEY][\"bonusImage\"]);\n if (_location.state.refId) {\n setIsNewImage(true);\n let imageFile = await imagePathToFileObject(\n responseJson[ApiKey._API_DATA_KEY][\"bonusImage\"]\n );\n setLogoFile(imageFile);\n }\n }\n setVip(\n stringIsNullOrEmpty(responseJson[ApiKey._API_DATA_KEY][\"vipId\"])\n ? AllVipOption._VALUE\n : responseJson[ApiKey._API_DATA_KEY][\"vipId\"]\n );\n setClaimCount(responseJson[ApiKey._API_DATA_KEY][\"claimCount\"]);\n unregister(\"bonusTypeId\");\n unregister(\"bonusDay\");\n unregister(\"vip\");\n }\n });\n }\n\n await fetch(ApiUrl._API_GET_BONUS_TYPE, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n const bonusTypeList = [];\n responseJson[ApiKey._API_DATA_KEY].forEach(function (bonus) {\n bonusTypeList.push({ label: bonus.name, value: bonus.id });\n });\n\n setBonusTypeOption(bonusTypeList);\n }\n });\n\n await fetch(ApiUrl._API_GET_USER_VIP, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n const vipList = [\n { label: AllVipOption._LABEL, value: AllVipOption._VALUE },\n ];\n responseJson[ApiKey._API_DATA_KEY].forEach(function (vipLevel) {\n vipList.push({ label: vipLevel.name, value: vipLevel.id });\n });\n\n setVipOption(vipList);\n }\n });\n }\n\n /// \n /// Author : -\n /// Used to set logo\n /// \n const logoDrop = (acceptedFiles) => {\n if (acceptedFiles.length !== 0) {\n const file = acceptedFiles[0];\n setLogoFile(file);\n const reader = new FileReader();\n reader.onloadend = () => {\n setLogoImage(reader.result);\n setIsNewImage(true);\n };\n reader.readAsDataURL(file);\n }\n };\n\n /// \n /// Author : -\n /// \n const handleEvent = (event, picker) => {\n setStartDate(moment(picker.startDate).format(\"YYYY-MM-DD\"));\n setEndDate(moment(picker.endDate).format(\"YYYY-MM-DD\"));\n };\n\n /// \n /// Author : -\n /// Editted : - - Added Checking for date range\n /// \n const submitForm = async (data, e) => {\n if (stringIsNullOrEmpty(startDate) || stringIsNullOrEmpty(endDate)) {\n setError(\"dateRange\", {\n type: \"Required\",\n message: \"PLEASE_SELECT_DATE_RANGE\",\n });\n return;\n }\n\n var bonusDataString = [];\n for (var i = 0; bonusDayData != null && i < bonusDayData.length; i++) {\n bonusDataString.push(bonusDayData[i].value);\n }\n\n let params = {\n code: data.code,\n title: data.title,\n content: data.content,\n settingTypeId: data.settingTypeId,\n isShowPlayer: data.showPlayer,\n methodId: data.methodId,\n minimumDeposit: data.minimumDeposit,\n maximumBonusAmount: data.maximumDeposit,\n turnover: data.turnover,\n remark: data.remark,\n startDate: startDate,\n endDate: endDate,\n bonusTypeId: bonusTypeId,\n amount: data.amount,\n bonusStartTime: bonusStartTime,\n bonusEndTime: bonusEndTime,\n bonusDay: bonusDataString.join(),\n isNewBonusImage: isNewImage,\n claimCount: data.claimCount,\n vipId: stringIsNullOrEmpty(vip) ? \"\" : vip,\n };\n\n if (!stringIsNullOrEmpty(bonusId)) {\n params[\"id\"] = bonusId;\n }\n\n if (!stringIsNullOrEmpty(bonusRefId)) {\n params[\"refId\"] = bonusRefId;\n }\n\n if (!stringIsNullOrEmpty(logoFile)) {\n params[\"bonusImage\"] = logoFile;\n }\n\n if (stringIsNullOrEmpty(logoImage)) {\n params[\"bonusImageRemoved\"] = true;\n }\n\n if (!stringIsNullOrEmpty(bonusId)) {\n params[\"id\"] = bonusId;\n }\n\n let formBody = createMultiPartFormBody(params);\n _dispatch(setBusy());\n\n fetch(ApiUrl._API_CREATE_OR_UPDATE_BONUS, {\n method: ApiKey._API_POST,\n headers: {\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n body: formBody,\n })\n .then((response) => response.json())\n .then((responseJson) => {\n _dispatch(setIdle());\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setIsNewImage(false);\n setBonusRefId(\"\");\n setBonusId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n\n _history.replace({\n pathname: _location.pathname,\n state: {\n id: responseJson[ApiKey._API_DATA_KEY][\"id\"],\n },\n });\n }\n });\n };\n\n return (\n \n
\n {bonusId ? t(\"EDIT_BONUS_SETTING\") : t(\"ADD_BONUS_SETTING\")}\n \n {bonusId && (\n
\n \n {\n toggle(_DETAIL_TAB);\n }}\n >\n {t(\"DETAIL\")}\n \n \n \n {\n toggle(_LANGUAGE_TAB);\n }}\n >\n {t(\"LANGUAGE\")}\n \n \n \n )}\n
\n \n \n
\n
\n
\n
\n {t(\"CLAIM_PERIOD\")} \n \n
\n
{\n if (e == null || e.length == 0) {\n register(\n { name: \"bonusDay\" },\n {\n required: \"PLEASE_ENTER_AT_LEAST_ONE_DAY\",\n }\n );\n } else {\n unregister(\"bonusDay\");\n }\n setBonusDayData(e);\n }}\n />\n {errors.bonusDay && (\n \n {t(errors.bonusDay.message)}\n
\n )}\n \n
\n
\n
\n
\n
\n {t(\"CLAIM_PERIOD_TIME\")} \n \n
\n
{\n if (e instanceof moment) {\n setBonusStartTime(e.format(\"HH:mm\"));\n unregister(\"bonusStartTime\");\n } else {\n register(\n { name: \"bonusStartTime\" },\n {\n required: \"PLEASE_ENTER_BONUS_START_TIME\",\n }\n );\n }\n }}\n timeFormat=\"HH:mm\"\n inputProps={{ placeholder: \"Start Time\" }}\n />\n {errors.bonusStartTime && (\n \n {t(errors.bonusStartTime.message)}\n
\n )}\n \n To\n \n {\n if (e instanceof moment) {\n setBonusEndTime(e.format(\"HH:mm\"));\n unregister(\"bonusEndTime\");\n } else {\n register(\n { name: \"bonusEndTime\" },\n { required: \"PLEASE_ENTER_BONUS_END_TIME\" }\n );\n }\n }}\n timeFormat=\"HH:mm\"\n inputProps={{ placeholder: \"End Time\" }}\n />\n {errors.bonusEndTime && (\n \n {t(errors.bonusEndTime.message)}\n
\n )}\n \n
\n
\n
\n
\n
\n {t(\"SETTING_TYPE\")} \n \n
\n setSettingTypeId(e.target.value)}\n value={settingTypeId}\n >\n \n {t(\"MAIN\")}\n \n \n {t(\"SECONDARY\")}\n \n \n
\n
\n
\n
\n
\n
\n {t(\"TYPE\")} \n \n
\n
option.value == bonusTypeId\n )[0] !== undefined\n ? bonusTypeOption.filter(\n (option) => option.value == bonusTypeId\n )[0].label\n : \"\"\n }\n value={bonusTypeOption.filter(\n (option) => option.value == bonusTypeId\n )}\n onChange={(e) => {\n unregister(\"bonusTypeId\");\n setBonusTypeId(e.value);\n }}\n />\n {errors.bonusTypeId && (\n \n {t(errors.bonusTypeId.message)}\n
\n )}\n \n
\n
\n
\n
\n
\n {t(\"ISSHOWPLAYER\")} \n \n
\n
\n \n setShowPlayer(e.target.checked)\n }\n value={true}\n checked={showPlayer}\n ref={register}\n />\n
\n
\n
\n
\n
\n
\n
\n {t(\"METHOD\")} \n \n
\n setMethodId(e.target.value)}\n value={methodId}\n >\n \n {t(\"AMOUNT\")}\n \n \n {t(\"PERCENT\")}\n \n \n
\n
\n
\n
\n
\n
\n {t(\"AMOUNT\")} \n \n
\n
\n
\n {errors.amount && (\n
\n {t(errors.amount.message, {\n value:\n methodId == BonusMethodType._AMOUNT\n ? MAXIMUM_DEPOSIT_AMOUNT\n : 100,\n })}\n
\n )}\n
\n \n {methodId &&\n (methodId == BonusMethodType._AMOUNT\n ? \"\"\n : \"%\")}\n \n
\n
\n
\n
\n
\n
\n
\n
\n {t(\"MINIMUM_DEPOSIT\")} \n \n
\n
\n {errors.minimumDeposit && (\n
\n {t(errors.minimumDeposit.message)}\n
\n )}\n
\n
\n
\n
\n
\n
\n {t(\"MAXIMUM_DEPOSIT\")} \n \n
\n
\n {errors.maximumDeposit && (\n
\n {t(errors.maximumDeposit.message)}\n
\n )}\n
\n
\n
\n
\n
\n
\n {t(\"TURNOVER\")} \n \n
\n
\n
\n {errors.turnover && (\n
\n {t(errors.turnover.message)}\n
\n )}\n
\n \n
\n
\n
\n
\n
\n
\n {t(\"REMARK\")} \n \n
\n
\n {errors.remark && (\n
\n {t(errors.remark.message)}\n
\n )}\n
\n
\n
\n
\n
\n
\n {t(\"VIP_LEVEL\")} \n \n
\n
option.value == vip\n )[0] !== undefined\n ? vipOption.filter(\n (option) => option.value == vip\n )[0].label\n : \"\"\n }\n value={vipOption.filter(\n (option) => option.value == vip\n )}\n onChange={(e) => {\n unregister(\"vip\");\n setVip(e.value);\n }}\n />\n {errors.vip && (\n \n {t(errors.vip.message)}\n
\n )}\n \n
\n
\n
\n
\n
\n {t(\"CLAIM_COUNT\")} \n {t(\"ZERO_WILL_BE_REPRESENTED_AS_INFINITY\")}
\n \n
\n
\n {errors.claimCount && (\n
\n {t(errors.claimCount.message)}\n
\n )}\n
\n
\n
\n
\n
\n
\n {t(\"IMAGE_UPLOAD\")} \n \n
\n
\n logoDrop(acceptedFiles)\n }\n >\n {({ getRootProps, getInputProps }) => (\n \n \n )}\n \n
\n
\n
\n
\n
\n \n {t(\"SUBMIT\")}\n \n
\n
\n
\n {bonusId && (\n \n )}\n \n \n \n );\n};\n\nexport default BonusDetail;\n","import React, { useState, useEffect } from \"react\";\nimport { Panel, PanelBody } from \"./../../components/panel/panel.jsx\";\nimport { useHistory } from \"react-router-dom\";\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport Select from \"react-select\";\nimport {\n ApiKey,\n ApiUrl,\n TransactionType,\n PanelType,\n BonusTransactionMethod,\n LanguageKey,\n BonusMethodType,\n} from \"../../util/Constant\";\nimport { stringIsNullOrEmpty, createFormBody } from \"../../util/Util\";\nimport { useForm } from \"react-hook-form\";\nimport { setBusy, setIdle, showMessage } from \"../../redux/AppAction\";\nimport { useDispatch } from \"react-redux\";\nimport { useTranslation } from \"react-i18next\";\nimport { fetch } from \"whatwg-fetch\";\n\n/// \n/// Author : -\n/// \n\nconst Bonus = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let history = useHistory();\n const _dispatch = useDispatch();\n const { register, unregister, handleSubmit, errors, reset } = useForm();\n const [bonusType, setBonusType] = useState(\n BonusTransactionMethod._WITH_DEPOSIT\n );\n const [bonusOption, setBonusOption] = useState([]);\n const [bonusId, setBonusId] = useState(\"\");\n const [memberOption, setMemberOption] = useState([]);\n const [memberId, setMemberId] = useState(\"\");\n const [depositTransactionOption, setDepositTransactionOption] = useState([]);\n const [depositIndex, setDepositIndex] = useState();\n const [depositTransactions, setDepositTransactions] = useState([]);\n\n const _BONUS_TYPE = [\n { value: BonusTransactionMethod._WITH_DEPOSIT, label: t(\"WITH_DEPOSIT\") },\n {\n value: BonusTransactionMethod._WITHOUT_DEPOSIT,\n label: t(\"WITHOUT_DEPOSIT\"),\n },\n ];\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n init();\n initFormField();\n }, []);\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n if (bonusType == BonusTransactionMethod._WITH_DEPOSIT) {\n register(\n { name: \"depositIndex\" },\n { required: \"PLEASE_ENTER_TRANSACTION_ID\" }\n );\n unregister(\"amount\");\n } else {\n setDepositIndex();\n register(\n { name: \"amount\" },\n {\n required: \"PLEASE_ENTER_AMOUNT\",\n min: {\n value: 0,\n message: \"PLEASE_ENTER_VALUE_NOT_LESS_THAN_ZERO\",\n },\n }\n );\n unregister(\"depositIndex\");\n }\n }, [bonusType]);\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n if (!stringIsNullOrEmpty(memberId)) {\n getUserBonus();\n\n var apiUrl = ApiUrl._API_GET_TRANSACTION_BY_MEMBER_ID;\n apiUrl += \"?memberId=\" + memberId + \"&type=\" + TransactionType._DEPOSIT;\n fetch(apiUrl, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n const depositTransaction = [];\n responseJson[ApiKey._API_DATA_KEY].forEach(function (\n transaction,\n index\n ) {\n if (transaction[\"isDepositWithBonus\"] == false) {\n depositTransaction.push({\n label: transaction.id,\n value: index,\n });\n }\n });\n setDepositTransactions(responseJson[ApiKey._API_DATA_KEY]);\n setDepositTransactionOption(depositTransaction);\n }\n });\n }\n }, [memberId]);\n\n /// \n /// Author : -\n /// \n const getUserBonus = async () => {\n var userBonusApiUrl = ApiUrl._API_GET_USER_BONUS;\n userBonusApiUrl += \"?dayCheck=\" + true + \"&memberId=\" + memberId;\n await fetch(userBonusApiUrl, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n const bonusList = [];\n responseJson[ApiKey._API_DATA_KEY].forEach(function (bonus) {\n bonusList.push({\n label:\n bonus.title +\n \" (\" +\n bonus.amount +\n (bonus.methodId == BonusMethodType._PERCENT ? \"%\" : \"\") +\n \")\",\n value: bonus.id,\n });\n });\n\n setBonusOption(bonusList);\n }\n });\n };\n\n /// \n /// Author : -\n /// \n async function init() {\n await fetch(ApiUrl._API_GET_USER_MEMBER_LIST, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n const memberList = [];\n responseJson[ApiKey._API_DATA_KEY].forEach(function (member) {\n memberList.push({ label: member.username, value: member.id });\n });\n\n setMemberOption(memberList);\n }\n });\n }\n\n /// \n /// Author : -\n /// \n const initFormField = () => {\n setMemberId(\"\");\n setDepositIndex();\n setBonusType(BonusTransactionMethod._WITH_DEPOSIT);\n setBonusId(\"\");\n setDepositTransactions([]);\n setDepositTransactionOption([]);\n setBonusOption([]);\n register({ name: \"memberId\" }, { required: \"PLEASE_SELECT_USER\" });\n register({ name: \"bonusId\" }, { required: \"PLEASE_SELECT_BONUS\" });\n register(\n { name: \"depositIndex\" },\n { required: \"PLEASE_ENTER_TRANSACTION_ID\" }\n );\n };\n\n /// \n /// Author : -\n /// \n const submitForm = async (data, e) => {\n let params = {\n transactionTypeId: TransactionType._BONUS,\n memberId: memberId,\n channel: \"\",\n panel: PanelType._BACKOFFICE,\n bonusId: bonusId,\n };\n\n if (!stringIsNullOrEmpty(data.amount)) {\n params[\"amount\"] = data.amount;\n }\n\n if (depositIndex >= 0) {\n params[\"depositId\"] = depositTransactions[depositIndex].id;\n params[\"amount\"] = depositTransactions[depositIndex].amount;\n }\n\n let formBody = createFormBody(params);\n _dispatch(setBusy());\n\n await fetch(ApiUrl._API_CREATE_TRANSACTION, {\n method: ApiKey._API_POST,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n body: formBody,\n })\n .then((response) => response.json())\n .then((responseJson) => {\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n _dispatch(setIdle());\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n e.target.reset();\n initFormField();\n }\n });\n };\n\n return (\n \n );\n};\n\nexport default Bonus;\n","import React from \"react\";\nimport ReactTable from \"../../components/constantComponent/reactTable/ReactTable\";\nimport { Panel, PanelHeader } from \"./../../components/panel/panel.jsx\";\nimport { useHistory } from \"react-router-dom\";\nimport {\n UncontrolledButtonDropdown,\n DropdownToggle,\n DropdownMenu,\n DropdownItem,\n} from \"reactstrap\";\n\n/// \n/// Author : -\n/// \n\nconst InstantTransaction = (props) => {\n let history = useHistory();\n let data = [];\n let tableColumns = [\n {\n Header: \"ID\",\n accessor: \"ID\",\n width: 100,\n },\n {\n Header: \"Date\",\n accessor: \"date\",\n style: {\n whiteSpace: \"unset\",\n wordBreak: \"break-word\",\n },\n minWidth: 100,\n },\n {\n Header: \"Username\",\n accessor: \"username\",\n minWidth: 100,\n },\n {\n Header: \"FullName\",\n accessor: \"fullname\",\n minWidth: 100,\n },\n {\n Header: \"Type\",\n accessor: \"type\",\n minWidth: 100,\n },\n {\n Header: \"Status\",\n accessor: \"status\",\n Cell: ({ row }) => {\n return (\n \n {row.original.status == 1 ? (\n Approved \n ) : (\n Rejected \n )}\n \n );\n },\n minWidth: 100,\n },\n {\n Header: \"Amount\",\n accessor: \"amount\",\n minWidth: 100,\n },\n {\n Header: \"Channel\",\n accessor: \"channel\",\n minWidth: 100,\n },\n {\n Header: \"Bank\",\n accessor: \"bank\",\n minWidth: 100,\n },\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) => (\n \n \n \n \n \n {\n editBtnHandler(row.original);\n }}\n >\n Edit \n \n \n Delete \n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n width: 100,\n style: { overflow: \"visible\" },\n },\n ];\n\n const editBtnHandler = (value) => {\n console.log(value);\n };\n\n const filterCaseInsensitive = (filter, row) => {\n const id = filter.pivotId || filter.id;\n if (row[id] !== null && typeof row[id] === \"string\") {\n return row[id] !== undefined\n ? String(row[id].toLowerCase()).startsWith(filter.value.toLowerCase())\n : true;\n } else {\n return String(row[filter.id]) === filter.value;\n }\n };\n\n return (\n \n
Instant Transaction \n
\n \n
\n/// Author : -\n/// \nconst TransactionDetail = (props) => {\n\tconst { t } = useTranslation(LanguageKey._PRIMARY);\n\tlet _history = useHistory();\n\tlet _dispatch = useDispatch();\n\tconst _location = useLocation();\n\tconst authState = useSelector((state) => state.authState);\n\tconst { register, unregister, handleSubmit, errors } = useForm();\n\n\tconst [txn, setTxn] = useState();\n\tconst [transactionDetail, setTransactionDetail] = useState([]);\n\tconst [auditDetail, setAuditDetail] = useState([]);\n\tconst [systemBalance, setSystemBalance] = useState([]);\n\tconst [previousTransaction, setPreviousTransaction] = useState([]);\n\tconst [withdrawalModal, setWithdrawalModal] = useState(false);\n\n\tconst [showDetails, setShowDetails] = useState(true);\n\n\tconst [fullName, setFullName] = useState(\"\");\n\n\tconst [bankAccountOption, setBankAccountOption] = useState([]);\n\n\tconst [auditBankOption, setAuditBankOption] = useState([]);\n\tconst [auditBankId, setAuditBankId] = useState();\n\tconst [auditBankAccountId, setAuditBankAccountId] = useState();\n\tconst [fetchPreviousDataUrl, setFetchPreviousDataUrl] = useState(\n\t\tApiUrl._API_GET_PREVIOUS_TRANSACTION +\n\t\t\t\"?transactionId=\" +\n\t\t\t_location.state.id\n\t);\n\tlet role1IsAllowed = checkIfPermissionExist(\n\t\tAccessRight._PAYMENT_GATEWAY_APPROVAL_PERMISSION,\n\t\ttrue\n\t);\n\tlet role3IsAllowed = checkIfPermissionExist(\n\t\tAccessRight._TRANSACTION_APPROVAL_PERMISSION,\n\t\ttrue\n\t);\n\tlet role4IsAllowed = checkIfPermissionExist(\n\t\tAccessRight._TRANSACTION_REJECTION_PERMISSION,\n\t\ttrue\n\t);\n\tconst [creditRemarkDetail, setCreditRemarkDetail] = useState([]);\n\tconst [adjustedAmount, setAdjustedAmount] = useState(0);\n\tconst [adjustedAmountError, setAdjustedAmountError] = useState(false);\n\tconst [wingWeiluyApprovalModal, setWingWeiluyApprovalModal] = useState(false);\n\n\tconst [receiptImage, setReceiptImage] = useState();\n\tconst [receiptFile, setReceiptFile] = useState([]);\n\tconst [isNewReceiptImage, setIsNewReceiptImage] = useState(false);\n\n\t/// \n\t/// Author : -\n\t/// \n\tuseEffect(() => {\n\t\tinit();\n\t}, []);\n\n\t/// \n\t/// Author : -\n\t/// \n\tasync function getBankAccount() {\n\t\tvar apiUrl = ApiUrl._API_GET_BANK_ACCOUNT_BY_BANK_ID;\n\t\tapiUrl += \"?bankId=\" + auditBankId + \"&withdrawal=\" + true;\n\t\tlet responseJson = await ApiEngine.get(apiUrl);\n\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\tconst bankAccountList = [];\n\t\t\tresponseJson[ApiKey._API_DATA_KEY].forEach(function (bankAccount) {\n\t\t\t\tif (bankAccount.withdrawalStatus) {\n\t\t\t\t\tbankAccountList.push({\n\t\t\t\t\t\tlabel: bankAccount.accountNumber,\n\t\t\t\t\t\tvalue: bankAccount.id,\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tsetBankAccountOption(bankAccountList);\n\t\t} else {\n\t\t\t_dispatch(showMessage(false, t(responseJson[ApiKey._API_MESSAGE_KEY])));\n\t\t}\n\t}\n\n\t/// \n\t/// Author : -\n\t/// \n\tuseEffect(() => {\n\t\tif (!stringIsNullOrEmpty(auditBankId)) {\n\t\t\tgetBankAccount();\n\t\t}\n\t}, [auditBankId]);\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst getTransactionDetail = async (transactionId, vfullname) => {\n\t\tlet responseJson = await ApiEngine.get(\n\t\t\tApiUrl._API_GET_TRANSACTION_BY_ID + \"?transactionId=\" + transactionId\n\t\t);\n\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\tlet transaction = responseJson[ApiKey._API_DATA_KEY][\"transaction\"]\n\t\t\t\t? responseJson[ApiKey._API_DATA_KEY][\"transaction\"]\n\t\t\t\t: responseJson[ApiKey._API_DATA_KEY];\n\t\t\tif (!stringIsNullOrEmpty(transaction)) {\n\t\t\t\tsetTxn(transaction);\n\n\t\t\t\t// before approve, fullName is null so use vfullname\n\t\t\t\t// after approve, vfullname is null so will use fullName\n\t\t\t\tif (vfullname == null) {\n\t\t\t\t\tvfullname = fullName;\n\t\t\t\t}\n\n\t\t\t\tif (\n\t\t\t\t\ttransaction.lockedByFullName != vfullname &&\n\t\t\t\t\ttransaction.lockedByFullName != null\n\t\t\t\t) {\n\t\t\t\t\t_dispatch(\n\t\t\t\t\t\tshowMessage(false, \"Transaction has been locked by another user\")\n\t\t\t\t\t);\n\t\t\t\t\tsetShowDetails(false);\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tlet transactionDetails = [\n\t\t\t\t\t{ label: \"TRANSACTION_ID\", value: transaction.id },\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: \"TRANSACTION_TIME\",\n\t\t\t\t\t\tvalue: moment(transaction.transactionDateTime).format(\n\t\t\t\t\t\t\t\"YYYY-MM-DD HH:mm:ss\"\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\tlabel: \"USERNAME\",\n\t\t\t\t\t\tvalue: transaction.memberUsername,\n\t\t\t\t\t\tid: transaction.memberId,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: \"SUBMIT_TIME\",\n\t\t\t\t\t\tvalue: moment(transaction.submitTime).format(\"YYYY-MM-DD HH:mm:ss\"),\n\t\t\t\t\t},\n\t\t\t\t\t{ label: \"EN_FULLNAME\", value: transaction.memberFullName },\n\t\t\t\t\t{ label: \"CN_FULLNAME\", value: transaction.memberCNFullName },\n\t\t\t\t\t{ label: \"IP\", value: transaction.ipAddress },\n\t\t\t\t\t{ label: \"TRANSACTION_AMOUNT\", value: transaction.amount },\n\t\t\t\t\t{ label: \"STATUS\", value: transaction.approvalStatusString },\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: transaction.transactionType.toUpperCase() + \"_CHANNEL\",\n\t\t\t\t\t\tvalue:\n\t\t\t\t\t\t\ttransaction.transactionTypeId == TransactionType._UPLINE_TRANSFER\n\t\t\t\t\t\t\t\t? \"Internal\"\n\t\t\t\t\t\t\t\t: transaction.channel,\n\t\t\t\t\t},\n\t\t\t\t\t{ label: \"PANEL\", value: transaction.panel },\n\t\t\t\t];\n\n\t\t\t\tif (transaction.transactionTypeId == TransactionType._DEPOSIT) {\n\t\t\t\t\tlet bankAccount = responseJson[ApiKey._API_DATA_KEY][\"bankAccount\"];\n\t\t\t\t\tif (!stringIsNullOrEmpty(bankAccount)) {\n\t\t\t\t\t\tlet extraDetails = [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tlabel: \"RECEIPT_REFERENCE\",\n\t\t\t\t\t\t\t\tvalue: responseJson[ApiKey._API_DATA_KEY][\"receiptReference\"],\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tlabel: \"BANK\",\n\t\t\t\t\t\t\t\tvalue: bankAccount.bankName + \" - \" + bankAccount.accountNumber,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tlabel: \"RECEIPT\",\n\t\t\t\t\t\t\t\tvalue:\n\t\t\t\t\t\t\t\t\tresponseJson[ApiKey._API_DATA_KEY][\"receipt\"] != null\n\t\t\t\t\t\t\t\t\t\t? t(\"HAVING_RECEIPT\")\n\t\t\t\t\t\t\t\t\t\t: t(\"NO_RECEIPT_SELECTED\"),\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tlabel: \"BONUS\",\n\t\t\t\t\t\t\t\tvalue:\n\t\t\t\t\t\t\t\t\tresponseJson[ApiKey._API_DATA_KEY][\"bonus\"] != null\n\t\t\t\t\t\t\t\t\t\t? responseJson[ApiKey._API_DATA_KEY][\"bonus\"].name\n\t\t\t\t\t\t\t\t\t\t: t(\"NO_BONUS_SELECTED\"),\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t];\n\t\t\t\t\t\ttransactionDetails = transactionDetails.concat(extraDetails);\n\t\t\t\t\t}\n\t\t\t\t} else if (\n\t\t\t\t\ttransaction.transactionTypeId == TransactionType._WITHDRAWAL\n\t\t\t\t) {\n\t\t\t\t\tlet extraDetails = [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel:\n\t\t\t\t\t\t\t\ttransaction.channel == \"TOPKASH\" ? \"PLATFORM\" : \"BANK_NAME\",\n\t\t\t\t\t\t\tvalue: responseJson[ApiKey._API_DATA_KEY][\"bankName\"],\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel:\n\t\t\t\t\t\t\t\ttransaction.channel == \"TOPKASH\"\n\t\t\t\t\t\t\t\t\t? \"TOPKASH_USERNAME\"\n\t\t\t\t\t\t\t\t\t: \"BANK_ACCOUNT_HOLDER_NAME\",\n\t\t\t\t\t\t\tvalue:\n\t\t\t\t\t\t\t\tresponseJson[ApiKey._API_DATA_KEY][\"bankAccountHolderName\"],\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel:\n\t\t\t\t\t\t\t\ttransaction.channel == \"TOPKASH\"\n\t\t\t\t\t\t\t\t\t? \"TOPKASH_ID\"\n\t\t\t\t\t\t\t\t\t: \"BANK_ACCOUNT_NUMBER\",\n\t\t\t\t\t\t\tvalue: responseJson[ApiKey._API_DATA_KEY][\"bankAccountNumber\"],\n\t\t\t\t\t\t},\n\t\t\t\t\t];\n\t\t\t\t\ttransactionDetails = transactionDetails.concat(extraDetails);\n\t\t\t\t} else if (\n\t\t\t\t\ttransaction.transactionTypeId == TransactionType._ADJUSTMENT\n\t\t\t\t) {\n\t\t\t\t\ttransactionDetails.push({\n\t\t\t\t\t\tlabel: \"REMARK\",\n\t\t\t\t\t\tvalue: transaction.remark,\n\t\t\t\t\t});\n\t\t\t\t} else if (transaction.transactionTypeId == TransactionType._BONUS) {\n\t\t\t\t\tlet bonus = responseJson[ApiKey._API_DATA_KEY][\"bonus\"];\n\t\t\t\t\tif (!stringIsNullOrEmpty(bonus)) {\n\t\t\t\t\t\tlet extraDetails = [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tlabel: \"DEPOSIT_ID\",\n\t\t\t\t\t\t\t\tvalue:\n\t\t\t\t\t\t\t\t\tresponseJson[ApiKey._API_DATA_KEY][\"depositId\"] != null\n\t\t\t\t\t\t\t\t\t\t? responseJson[ApiKey._API_DATA_KEY][\"depositId\"]\n\t\t\t\t\t\t\t\t\t\t: null,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tlabel: \"DEPOSIT_AMOUNT\",\n\t\t\t\t\t\t\t\tvalue: responseJson[ApiKey._API_DATA_KEY][\"depositAmount\"],\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{ label: \"MINIMUM_DEPOSIT\", value: bonus.minimumDeposit },\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tlabel: \"MAXIMUM_BONUS_AMOUNT\",\n\t\t\t\t\t\t\t\tvalue: bonus.maximumBonusAmount,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{ label: \"BONUS_TYPE\", value: bonus.bonusType },\n\t\t\t\t\t\t\t{ label: \"BONUS_METHOD\", value: bonus.methodName },\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tlabel: \"BONUS_VALUE\",\n\t\t\t\t\t\t\t\tvalue: bonus.amount + \" \" + bonus.methodName,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{ label: \"BONUS_CAMPAIGN\", value: bonus.code },\n\t\t\t\t\t\t\t{ label: \"BONUSTURNOVER\", value: \"X \" + bonus.turnover },\n\t\t\t\t\t\t];\n\t\t\t\t\t\ttransactionDetails = transactionDetails.concat(extraDetails);\n\t\t\t\t\t}\n\t\t\t\t} else if (\n\t\t\t\t\ttransaction.transactionTypeId == TransactionType._UPLINE_TRANSFER\n\t\t\t\t) {\n\t\t\t\t\tlet extraDetails = [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: \"TARGET_MEMBER\",\n\t\t\t\t\t\t\tvalue: responseJson[ApiKey._API_DATA_KEY][\"memberUserFullName\"],\n\t\t\t\t\t\t},\n\t\t\t\t\t];\n\t\t\t\t\ttransactionDetails = transactionDetails.concat(extraDetails);\n\t\t\t\t}\n\n\t\t\t\tsetTransactionDetail(transactionDetails);\n\n\t\t\t\tlet auditDetails = [\n\t\t\t\t\t{ label: \"AUDITED_BY\", value: transaction.auditedFullName ?? \"-\" },\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: \"AUDITED_DATE_TIME\",\n\t\t\t\t\t\tvalue: transaction.auditedTime\n\t\t\t\t\t\t\t? moment(transaction.auditedTime).format(\"YYYY-MM-DD HH:mm:ss\")\n\t\t\t\t\t\t\t: \"-\",\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: \"AUDITED_REMARK\",\n\t\t\t\t\t\tvalue: transaction.auditRemark ? transaction.auditRemark : \"-\",\n\t\t\t\t\t},\n\t\t\t\t];\n\t\t\t\tsetAuditDetail(auditDetails);\n\n\t\t\t\tif (\n\t\t\t\t\ttransaction.transactionTypeId == TransactionType._CREDIT_REDEMPTION\n\t\t\t\t) {\n\t\t\t\t\tvar creditRemark = JSON.parse(transaction.remark);\n\n\t\t\t\t\tlet creditRemarkDetails = [\n\t\t\t\t\t\t{ label: \"PRODUCT_ID\", value: creditRemark.Id },\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: \"NAME\",\n\t\t\t\t\t\t\tvalue: creditRemark.Name,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: \"POINTS_NEEDED\",\n\t\t\t\t\t\t\tvalue: creditRemark.PointsNeeded,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: \"STOCK\",\n\t\t\t\t\t\t\tvalue: creditRemark.Stock,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: \"LIMIT_PER_MEMBER\",\n\t\t\t\t\t\t\tvalue: creditRemark.LimitPerMember,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: \"PRODUCT_TYPE\",\n\t\t\t\t\t\t\tvalue: creditRemark.ProductType,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: \"VALUE\",\n\t\t\t\t\t\t\tvalue: creditRemark.Value,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: \"ROLLOVER\",\n\t\t\t\t\t\t\tvalue: creditRemark.PointsNeeded,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: \"CREATED_TIME\",\n\t\t\t\t\t\t\tvalue: moment(creditRemark.CreatedTime).format(\n\t\t\t\t\t\t\t\t\"YYYY-MM-DD HH:mm:ss\"\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: \"UPDATED_TIME\",\n\t\t\t\t\t\t\tvalue: moment(creditRemark.UpdatedTime).format(\n\t\t\t\t\t\t\t\t\"YYYY-MM-DD HH:mm:ss\"\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\tsetCreditRemarkDetail(creditRemarkDetails);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst init = async () => {\n\t\ttry {\n\t\t\tif (_location.state) {\n\t\t\t\tlet transactionId = _location.state.id;\n\n\t\t\t\tlet vfullname = \"\";\n\n\t\t\t\tvar apiUrl = ApiUrl._API_GET_ACCOUNT;\n\t\t\t\tapiUrl += \"?userId=\" + authState.userData.userId;\n\n\t\t\t\tfetch(apiUrl, {\n\t\t\t\t\tmethod: ApiKey._API_GET,\n\t\t\t\t\theaders: {\n\t\t\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t\t\t},\n\t\t\t\t})\n\t\t\t\t\t.then((response) => response.json())\n\t\t\t\t\t.then((responseJson) => {\n\t\t\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\t\t\tvfullname = responseJson[ApiKey._API_DATA_KEY][\"userFullName\"];\n\t\t\t\t\t\t\tsetFullName(vfullname);\n\t\t\t\t\t\t\tgetTransactionDetail(transactionId, vfullname);\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\n\t\t\t\tlet userBankResponseJson = await ApiEngine.get(\n\t\t\t\t\tApiUrl._API_GET_USER_BANK\n\t\t\t\t);\n\t\t\t\tif (userBankResponseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tconst bankList = [];\n\t\t\t\t\tuserBankResponseJson[ApiKey._API_DATA_KEY].forEach(function (bank) {\n\t\t\t\t\t\tbankList.push({ label: bank.bankName, value: bank.id });\n\t\t\t\t\t});\n\t\t\t\t\tsetAuditBankOption(bankList);\n\t\t\t\t}\n\n\t\t\t\tlet balanceJson = await ApiEngine.get(\n\t\t\t\t\tApiUrl._API_GET_SYSTEM_BALANCE +\n\t\t\t\t\t\t\"?memberId=\" +\n\t\t\t\t\t\t_location.state.memberId\n\t\t\t\t);\n\n\t\t\t\tif (balanceJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tsetSystemBalance([balanceJson[ApiKey._API_DATA_KEY]]);\n\t\t\t\t} else {\n\t\t\t\t\tthrow balanceJson[ApiKey._API_MESSAGE_KEY];\n\t\t\t\t}\n\n\t\t\t\tgetBankAccount();\n\t\t\t}\n\t\t} catch (ex) {\n\t\t\t_dispatch(showMessage(false, t(ex)));\n\t\t}\n\t};\n\n\tconst _systemBalanceColumns = [\n\t\t{\n\t\t\tHeader: t(\"DEPOSIT\"),\n\t\t\taccessor: \"approvedDeposit\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\tif (row.original.approvedDeposit) {\n\t\t\t\t\treturn {numberWithCommas(row.original.approvedDeposit)} ;\n\t\t\t\t} else {\n\t\t\t\t\treturn <>0;\n\t\t\t\t}\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"WITHDRAWAL\"),\n\t\t\taccessor: \"approvedWithdrawal\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\tif (row.original.approvedWithdrawal) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{numberWithCommas(row.original.approvedWithdrawal)}\n\t\t\t\t\t\t \n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\treturn <>0;\n\t\t\t\t}\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"BONUS\"),\n\t\t\taccessor: \"approvedBonus\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\tif (row.original.approvedBonus) {\n\t\t\t\t\treturn {numberWithCommas(row.original.approvedBonus)} ;\n\t\t\t\t} else {\n\t\t\t\t\treturn <>0;\n\t\t\t\t}\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"ADJUSTMENT\"),\n\t\t\taccessor: \"approvedAdjustment\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\tif (row.original.approvedAdjustment) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t{numberWithCommas(row.original.approvedAdjustment)} \n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\treturn <>0;\n\t\t\t\t}\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"PENDING_DEPOSIT\"),\n\t\t\taccessor: \"pendingDeposit\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\tif (row.original.pendingDeposit) {\n\t\t\t\t\treturn {numberWithCommas(row.original.pendingDeposit)} ;\n\t\t\t\t} else {\n\t\t\t\t\treturn <>0;\n\t\t\t\t}\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"PENDING_WITHDRAWAL\"),\n\t\t\taccessor: \"pendingWithdrawal\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\tif (row.original.pendingWithdrawal) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t{numberWithCommas(row.original.pendingWithdrawal)} \n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\treturn <>0;\n\t\t\t\t}\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"PENDING_ADJUSTMENT\"),\n\t\t\taccessor: \"pendingAdjustment\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\tif (row.original.pendingAdjustment) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t{numberWithCommas(row.original.pendingAdjustment)} \n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\treturn <>0;\n\t\t\t\t}\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"PENDING_BONUS\"),\n\t\t\taccessor: \"pendingBonus\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\tif (row.original.pendingBonus) {\n\t\t\t\t\treturn {numberWithCommas(row.original.pendingBonus)} ;\n\t\t\t\t} else {\n\t\t\t\t\treturn <>0;\n\t\t\t\t}\n\t\t\t},\n\t\t},\n\t];\n\n\tconst _previousTransactionColumns = [\n\t\t{\n\t\t\tHeader: t(\"DATE\"),\n\t\t\taccessor: \"submitTime\",\n\t\t\tstyle: {\n\t\t\t\twhiteSpace: \"unset\",\n\t\t\t\twordBreak: \"break-word\",\n\t\t\t},\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>{moment(row.original.submitTime).format(\"YYYY-MM-DD HH:mm:ss\")}\n\t\t\t\t);\n\t\t\t},\n\t\t\tminWidth: 150,\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"TYPE\"),\n\t\t\taccessor: \"transactionType\",\n\t\t},\n\t\t{\n\t\t\tHeader: \"ID\",\n\t\t\taccessor: \"id\",\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"STATUS\"),\n\t\t\taccessor: \"approvalStatusString\",\n\t\t},\n\t\t{\n\t\t\tid: \"detail\",\n\t\t\tHeader: t(\"DETAIL\"),\n\t\t\taccessor: \"detail\",\n\t\t},\n\t\t{\n\t\t\tid: \"credit\",\n\t\t\tHeader: t(\"CREDIT\"),\n\t\t\taccessor: \"amount\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\tif (row.original.transactionTypeId != TransactionType._WITHDRAWAL) {\n\t\t\t\t\treturn <>{row.original.amount};\n\t\t\t\t} else {\n\t\t\t\t\treturn <>;\n\t\t\t\t}\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tid: \"debit\",\n\t\t\tHeader: t(\"DEBIT\"),\n\t\t\taccessor: \"amount\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\tif (row.original.transactionTypeId == TransactionType._WITHDRAWAL) {\n\t\t\t\t\treturn -{row.original.amount} ;\n\t\t\t\t} else {\n\t\t\t\t\treturn <>;\n\t\t\t\t}\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"LIMIT\"),\n\t\t\taccessor: \"limit\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn <>{row.original.limit};\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"TURNOVER\"),\n\t\t\taccessor: \"turnover\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn {row.original.turnover} ;\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"DIFFERENCE\"),\n\t\t\taccessor: \"differences\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\tif (row.original.differences < 0) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t{row.original.differences} \n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\treturn <>{row.original.differences};\n\t\t\t\t}\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tid: \"balance\",\n\t\t\tHeader: t(\"BALANCE\"),\n\t\t\taccessor: \"balance\",\n\t\t},\n\t];\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst processTransaction = (action) => {\n\t\tlet txnTypeId = txn.transactionTypeId;\n\n\t\tif (action == TransactionStatus._APPROVED) {\n\t\t\tif (txnTypeId == TransactionType._WITHDRAWAL) {\n\t\t\t\tsetWithdrawalModal(true);\n\t\t\t} else {\n\t\t\t\tupdateStatus(action, null);\n\t\t\t}\n\t\t} else if (action == TransactionStatus._REJECTED) {\n\t\t\tupdateStatus(action, null);\n\t\t}\n\t};\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst submitForm = (data, e) => {\n\t\tupdateStatus(TransactionStatus._APPROVED, auditBankAccountId);\n\t\tsetWithdrawalModal(false);\n\t};\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst updateStatus = async (status, auditBankAccountId) => {\n\t\tlet apiUrl = ApiUrl._API_UPDATE_TRANSACTION_STATUS;\n\t\tlet transactionId = txn.id;\n\n\t\tapiUrl += \"?transactionId=\" + transactionId + \"&status=\" + status;\n\t\tif (!stringIsNullOrEmpty(auditBankAccountId)) {\n\t\t\tapiUrl += \"&auditBankAccountId=\" + auditBankAccountId;\n\t\t}\n\n\t\tlet responseJson = await ApiEngine.post(apiUrl);\n\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\tgetTransactionDetail(transactionId);\n\t\t}\n\t\t_dispatch(\n\t\t\tshowMessage(\n\t\t\t\tresponseJson[ApiKey._API_SUCCESS_KEY],\n\t\t\t\tt(responseJson[ApiKey._API_MESSAGE_KEY])\n\t\t\t)\n\t\t);\n\t};\n\n\tconst handleAdjustedAmountChange = (event) => {\n\t\tconst adjustedAmount = event.target.value;\n\t\tsetAdjustedAmount(event.target.value);\n\t\t// Check if the entered age is within the desired range\n\t\tif (\n\t\t\tadjustedAmount < (txn.amount * 90) / 100 ||\n\t\t\tadjustedAmount > (txn.amount * 110) / 100\n\t\t) {\n\t\t\tsetAdjustedAmountError(true);\n\t\t} else {\n\t\t\tsetAdjustedAmountError(false);\n\t\t}\n\t};\n\n\tconst updateWingWeiLuyStatus = async (transaction, status) => {\n\n\t\tlet params = {\n\t\t\ttransactionId: transaction.id,\n\t\t\tstatus: status,\n\t\t\tamount: adjustedAmount,\n\t\t}\n\n\t\tif (!stringIsNullOrEmpty(receiptFile)) {\n\t\t\tparams[\"receiptFile\"] = receiptFile;\n\t\t}\n\n\t\tlet formBody = createMultiPartFormBody(params);\n\n\t\t_dispatch(setBusy());\n\n\n\t\tfetch(ApiUrl._API_UPDATE_WING_WEILUY_TRANSACTION_STATUS, {\n\t\t\tmethod: ApiKey._API_POST,\n\t\t\theaders: {\n\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t},\n\t\t\tbody: formBody,\n\t\t})\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\t_dispatch(setIdle());\n\n\t\t\t\t_dispatch(showMessage(responseJson[ApiKey._API_SUCCESS_KEY], t(responseJson[ApiKey._API_MESSAGE_KEY])));\n\t\t\t\tsetWingWeiluyApprovalModal(false);\n\t\t\t\tinit();\n\t\t\t});\n\t}\n\n\tconst handleWingWeiluyApproval = () => {\n\t\tsetWingWeiluyApprovalModal(!wingWeiluyApprovalModal);\n\t};\n\n\tconst logoDrop = (acceptedFiles, isDesktop) => {\n\t\tif (acceptedFiles.length !== 0) {\n\t\t\tconst file = acceptedFiles[0];\n\n\t\t\tsetReceiptFile(file);\n\n\t\t\tconst reader = new FileReader();\n\t\t\treader.onloadend = () => {\n\t\t\t\tsetIsNewReceiptImage(true);\n\t\t\t\tsetReceiptImage(reader.result);\n\n\t\t\t};\n\t\t\treader.readAsDataURL(file);\n\t\t}\n\t};\n\n\treturn (\n\t\t\n\t\t\t
\n\t\t\t\t{t(\"TRANSACTION\")}\n\t\t\t\t \n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{t(\"TRANSACTION_DATA\")} \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{transactionDetail.map((data, index) => {\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(data.label)} \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{data.label == \"Username\" ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tnavigateTo(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t_history,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tWebUrl._URL_CREATE_OR_UPDATE_MEMBER,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ id: data.id }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{data.value}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdata.value\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/*{data.label == \"USERNAME\" && txn.member.isTestAccount && ({txn.member.userFullName}
)}*/}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{data.label == \"USERNAME\" &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttxn.member.isTestAccount && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"TEST_ACCOUNT\")}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{t(\"AUDIT_DATA\")} \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
\n\t\t\t\t\t\t\t\t\t\t\t{auditDetail.map((data, index) => {\n\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(data.label)} \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{data.value}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{creditRemarkDetail && creditRemarkDetail.length > 0 && (\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(\"REMARK\")} \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t{creditRemarkDetail.map((data, index) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(data.label)} \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{data.value}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t{!txn.isInstant ? (\n\t\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{role3IsAllowed &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tshowDetails &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t!txn.enableAdjustment && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprocessTransaction(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tTransactionStatus._APPROVED\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"APPROVE\")}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t{role3IsAllowed &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tshowDetails &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttxn.enableAdjustment && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t handleWingWeiluyApproval()}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"APPROVE\")}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t{role4IsAllowed && showDetails && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprocessTransaction(TransactionStatus._REJECTED)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"REJECT\")}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{role1IsAllowed && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprocessTransaction(TransactionStatus._APPROVED)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"APPROVE\")}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{t(\"SYSTEM_BALANCES\")} \n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{t(\"PREVIOUS_TRANSACTIONS\")} \n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
{\n\t\t\t\t\tsetWithdrawalModal(!withdrawalModal);\n\t\t\t\t}}\n\t\t\t\tcentered={true}\n\t\t\t>\n\t\t\t\t\n\t\t\t\n\n\t\t\t{wingWeiluyApprovalModal && (\n\t\t\t\t\n\t\t\t\t\t
{\n\t\t\t\t\t\t\tsetWingWeiluyApprovalModal(!wingWeiluyApprovalModal);\n\t\t\t\t\t\t\tsetAdjustedAmount(0);\n\t\t\t\t\t\t\tsetAdjustedAmountError(false);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tcentered={true}\n\t\t\t\t\t>\n\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\tsetWingWeiluyApprovalModal(!wingWeiluyApprovalModal);\n\t\t\t\t\t\t\t\tsetAdjustedAmount(0);\n\t\t\t\t\t\t\t\tsetAdjustedAmountError(false);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{t(\"PLEASE_ENTER_ADJUSTED_AMOUNT\")}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t{t(\"REQUEST_AMOUNT\")} \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\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
\n\t\t\t\t\t\t\t\t\t\t\t{t(\"ADJUSTED_AMOUNT\")} \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t{adjustedAmount == 0 ||\n\t\t\t\t\t\t\t\t\t\t\t\t(adjustedAmountError && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\"Adjusted amount must be a number between 10% ± of \" +\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttxn.amount}\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t
\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{txn.transactionTypeId == TransactionType._WITHDRAWAL &&\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
{t(\"RECEIPT\")} \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tlogoDrop(acceptedFiles, true)\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{({ getRootProps, getInputProps }) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetReceiptImage(\"\");\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetReceiptFile();\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"REMOVE_IMAGE\")}\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\tupdateWingWeiLuyStatus(txn, TransactionStatus._APPROVED);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{t(\"CONFIRM\")}\n\t\t\t\t\t\t\t{\" \"}\n\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\tsetWingWeiluyApprovalModal(!wingWeiluyApprovalModal);\n\t\t\t\t\t\t\t\t\tsetAdjustedAmount(0);\n\t\t\t\t\t\t\t\t\tsetAdjustedAmountError(false);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{t(\"CANCEL\")}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\n\t\t\t)}\n\t\t\n\t);\n};\n\nexport default TransactionDetail;\n","import React, { useState, useEffect } from \"react\";\nimport { withRouter } from \"react-router-dom\";\nimport { Panel, PanelBody } from \"./../../components/panel/panel.jsx\";\nimport { useHistory } from \"react-router-dom\";\nimport NavigationButton from \"../../components/constantComponent/button/NavigationButton\";\nimport {\n ApiKey,\n ApiUrl,\n LanguageKey,\n} from \"../../util/Constant\";\nimport { setBusy, setIdle, showMessage } from \"../../redux/AppAction\";\nimport { useDispatch } from \"react-redux\";\nimport { useForm } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\nimport ApiEngine from \"../../util/ApiEngine\";\nimport { createFormBody, createMultiPartFormBody, stringIsNullOrEmpty } from \"../../util/Util.js\";\nimport moment from 'moment';\nimport Dropzone from \"react-dropzone\";\n\n/// \n/// Author : -\n/// \n\nconst TnGSettings = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const _dispatch = useDispatch();\n const [status, setStatus] = useState(true);\n const [initCheck, setInitCheck] = useState(false);\n const [startHour, setStartHour] = useState(0);\n const [startMinute, setStartMinute] = useState(0);\n const [endHour, setEndHour] = useState(0);\n const [endMinute, setEndMinute] = useState(0);\n const [sundayQRImageFile, setSundayQRImageFile] = useState([]);\n const [mondayQRImageFile, setMondayQRImageFile] = useState([]);\n const [tuesdayQRImageFile, setTuesdayQRImageFile] = useState([]);\n const [wednesdayQRImageFile, setWednesdayQRImageFile] = useState([]);\n const [thursdayQRImageFile, setThursdayQRImageFile] = useState([]);\n const [fridayQRImageFile, setFridayQRImageFile] = useState([]);\n const [saturdayQRImageFile, setSaturdayQRImageFile] = useState([]);\n const [isNewSundayQRImage, setIsNewSundayQRImage] = useState(false);\n const [isNewMondayQRImage, setIsNewMondayQRImage] = useState(false);\n const [isNewTuesdayQRImage, setIsNewTuesdayQRImage] = useState(false);\n const [isNewWednesdayQRImage, setIsNewWednesdayQRImage] = useState(false);\n const [isNewThursdayQRImage, setIsNewThursdayQRImage] = useState(false);\n const [isNewFridayQRImage, setIsNewFridayQRImage] = useState(false);\n const [isNewSaturdayQRImage, setIsNewSaturdayQRImage] = useState(false);\n const [sundayQR, setSundayQR] = useState();\n const [mondayQR, setMondayQR] = useState();\n const [tuesdayQR, setTuesdayQR] = useState();\n const [wednesdayQR, setWednesdayQR] = useState();\n const [thursdayQR, setThursdayQR] = useState();\n const [fridayQR, setFridayQR] = useState();\n const [saturdayQR, setSaturdayQR] = useState();\n const {\n register,\n unregister,\n handleSubmit,\n errors,\n setError,\n control,\n setValue,\n } = useForm();\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n _dispatch(setBusy());\n init();\n setInitCheck(true);\n }, []);\n\n /// \n /// Author : -\n /// Used to set popup banner\n /// \n const QR_ImageDrop = (acceptedFiles, dayInWeek) => {\n if (acceptedFiles.length !== 0) {\n const file = acceptedFiles[0];\n switch (dayInWeek) {\n case 0:\n setSundayQRImageFile(file);\n const reader0 = new FileReader();\n reader0.onloadend = () => {\n setSundayQR(reader0.result);\n setIsNewSundayQRImage(true);\n };\n reader0.readAsDataURL(file);\n break;\n case 1:\n setMondayQRImageFile(file);\n const reader1 = new FileReader();\n reader1.onloadend = () => {\n setMondayQR(reader1.result);\n setIsNewMondayQRImage(true);\n };\n reader1.readAsDataURL(file);\n break;\n case 2:\n setTuesdayQRImageFile(file);\n const reader2 = new FileReader();\n reader2.onloadend = () => {\n setTuesdayQR(reader2.result);\n setIsNewTuesdayQRImage(true);\n };\n reader2.readAsDataURL(file);\n break;\n case 3:\n setWednesdayQRImageFile(file);\n const reader3 = new FileReader();\n reader3.onloadend = () => {\n setWednesdayQR(reader3.result);\n setIsNewWednesdayQRImage(true);\n };\n reader3.readAsDataURL(file);\n break;\n case 4:\n setThursdayQRImageFile(file);\n const reader4 = new FileReader();\n reader4.onloadend = () => {\n setThursdayQR(reader4.result);\n setIsNewThursdayQRImage(true);\n };\n reader4.readAsDataURL(file);\n break;\n case 5:\n setFridayQRImageFile(file);\n const reader5 = new FileReader();\n reader5.onloadend = () => {\n setFridayQR(reader5.result);\n setIsNewFridayQRImage(true);\n };\n reader5.readAsDataURL(file);\n break;\n case 6:\n setSaturdayQRImageFile(file);\n const reader6 = new FileReader();\n reader6.onloadend = () => {\n setSaturdayQR(reader6.result);\n setIsNewSaturdayQRImage(true);\n };\n reader6.readAsDataURL(file);\n break;\n default:\n break;\n }\n }\n };\n\n /// \n /// Author : -\n /// \n async function init() {\n let apiUrl = ApiUrl._API_GET_USER_SYSTEM_SETTINGS + \"?type=settings\";\n let responseJson = await ApiEngine.get(apiUrl);\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n let data = responseJson[ApiKey._API_DATA_KEY];\n data.map((keyValuePair, index) => {\n if (keyValuePair['key'] === 'TnGStartTime') {\n let startTimeStr = keyValuePair['value'];\n setStartHour(moment(startTimeStr, 'HH:mm:ss').get('hours'));\n setStartMinute(moment(startTimeStr, 'HH:mm:ss').get('minutes'));\n }\n if (keyValuePair['key'] === 'TnGEndTime') {\n let endTimeStr = keyValuePair['value'];\n setEndHour(moment(endTimeStr, 'HH:mm:ss').get('hours'));\n setEndMinute(moment(endTimeStr, 'HH:mm:ss').get('minutes'));\n }\n if (keyValuePair['key'] === 'TnGSundayQR') {\n setSundayQR(keyValuePair['value']);\n }\n if (keyValuePair['key'] === 'TnGMondayQR') {\n setMondayQR(keyValuePair['value']);\n }\n if (keyValuePair['key'] === 'TnGTuesdayQR') {\n setTuesdayQR(keyValuePair['value']);\n }\n if (keyValuePair['key'] === 'TnGWednesdayQR') {\n setWednesdayQR(keyValuePair['value']);\n }\n if (keyValuePair['key'] === 'TnGThursdayQR') {\n setThursdayQR(keyValuePair['value']);\n }\n if (keyValuePair['key'] === 'TnGFridayQR') {\n setFridayQR(keyValuePair['value']);\n }\n if (keyValuePair['key'] === 'TnGSaturdayQR') {\n setSaturdayQR(keyValuePair['value']);\n }\n if (keyValuePair['key'] === 'TnGStatus') {\n let trueOrFalse = (keyValuePair['value'] === 'true');\n setStatus(trueOrFalse);\n }\n })\n }\n _dispatch(setIdle());\n }\n\n const submitForm = async (data) => {\n let params = {\n 'startHour': data.startHour.length === 2 ? data.startHour : \"0\" + data.startHour,\n 'startMinute': data.startMinute.length === 2 ? data.startMinute : \"0\" + data.startMinute,\n 'endHour': data.endHour.length === 2 ? data.endHour : \"0\" + data.endHour,\n 'endMinute': data.endMinute.length === 2 ? data.endMinute : \"0\" + data.endMinute,\n 'isNewSundayQRImage': isNewSundayQRImage,\n 'isNewMondayQRImage': isNewMondayQRImage,\n 'isNewTuesdayQRImage': isNewTuesdayQRImage,\n 'isNewWednesdayQRImage': isNewWednesdayQRImage,\n 'isNewThursdayQRImage': isNewThursdayQRImage,\n 'isNewFridayQRImage': isNewFridayQRImage,\n 'isNewSaturdayQRImage': isNewSaturdayQRImage,\n 'status': data.status\n };\n\n if (!stringIsNullOrEmpty(sundayQRImageFile)) {\n params[\"sundayQR\"] = sundayQRImageFile;\n }\n if (stringIsNullOrEmpty(sundayQR)) {\n params[\"sundayQRRemoved\"] = true;\n }\n\n if (!stringIsNullOrEmpty(mondayQRImageFile)) {\n params[\"mondayQR\"] = mondayQRImageFile;\n }\n if (stringIsNullOrEmpty(mondayQR)) {\n params[\"mondayQRRemoved\"] = true;\n }\n\n if (!stringIsNullOrEmpty(tuesdayQRImageFile)) {\n params[\"tuesdayQR\"] = tuesdayQRImageFile;\n }\n if (stringIsNullOrEmpty(tuesdayQR)) {\n params[\"tuesdayQRRemoved\"] = true;\n }\n\n if (!stringIsNullOrEmpty(wednesdayQRImageFile)) {\n params[\"wednesdayQR\"] = wednesdayQRImageFile;\n }\n if (stringIsNullOrEmpty(wednesdayQR)) {\n params[\"wednesdayQRRemoved\"] = true;\n }\n\n if (!stringIsNullOrEmpty(thursdayQRImageFile)) {\n params[\"thursdayQR\"] = thursdayQRImageFile;\n }\n if (stringIsNullOrEmpty(thursdayQR)) {\n params[\"thursdayQRRemoved\"] = true;\n }\n\n if (!stringIsNullOrEmpty(fridayQRImageFile)) {\n params[\"fridayQR\"] = fridayQRImageFile;\n }\n if (stringIsNullOrEmpty(fridayQR)) {\n params[\"fridayQRRemoved\"] = true;\n }\n\n if (!stringIsNullOrEmpty(saturdayQRImageFile)) {\n params[\"saturdayQR\"] = saturdayQRImageFile;\n }\n if (stringIsNullOrEmpty(saturdayQR)) {\n params[\"saturdayQRRemoved\"] = true;\n }\n\n let formBody = createMultiPartFormBody(params);\n let apiUrl = ApiUrl._API_CREATE_OR_UPDATE_SYSTEM_SETTINGS + \"?type=TnG\";\n let responseJson = await ApiEngine.post(apiUrl, formBody);\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n init();\n }\n _dispatch(showMessage(responseJson[ApiKey._API_SUCCESS_KEY], t(responseJson[ApiKey._API_MESSAGE_KEY])));\n }\n\n return (\n \n
\n {t(\"TNG_SETTINGS\")}\n \n
\n
\n
\n
\n
\n {t(\"TNG_MONDAY_QR\")} \n \n
\n
QR_ImageDrop(acceptedFiles, 1)}\n >\n {({ getRootProps, getInputProps }) => (\n \n \n )}\n \n
\n
{\n setMondayQR(\"\");\n setMondayQRImageFile();\n }}\n >\n {t(\"REMOVE_IMAGE\")}\n \n \n
\n
\n
\n
\n
\n {t(\"TNG_TUESDAY_QR\")} \n \n
\n
QR_ImageDrop(acceptedFiles, 2)}\n >\n {({ getRootProps, getInputProps }) => (\n \n \n )}\n \n
\n
{\n setTuesdayQR(\"\");\n setTuesdayQRImageFile();\n }}\n >\n {t(\"REMOVE_IMAGE\")}\n \n \n
\n
\n
\n
\n {t(\"TNG_WEDNESDAY_QR\")} \n \n
\n
QR_ImageDrop(acceptedFiles, 3)}\n >\n {({ getRootProps, getInputProps }) => (\n \n \n )}\n \n
\n
{\n setWednesdayQR(\"\");\n setWednesdayQRImageFile();\n }}\n >\n {t(\"REMOVE_IMAGE\")}\n \n \n
\n
\n
\n {t(\"TNG_THURSDAY_QR\")} \n \n
\n
QR_ImageDrop(acceptedFiles, 4)}\n >\n {({ getRootProps, getInputProps }) => (\n \n \n )}\n \n
\n
{\n setThursdayQR(\"\");\n setThursdayQRImageFile();\n }}\n >\n {t(\"REMOVE_IMAGE\")}\n \n \n
\n
\n
\n {t(\"TNG_FRIDAY_QR\")} \n \n
\n
QR_ImageDrop(acceptedFiles, 5)}\n >\n {({ getRootProps, getInputProps }) => (\n \n \n )}\n \n
\n
{\n setFridayQR(\"\");\n setFridayQRImageFile();\n }}\n >\n {t(\"REMOVE_IMAGE\")}\n \n \n
\n
\n
\n {t(\"TNG_SATURDAY_QR\")} \n \n
\n
QR_ImageDrop(acceptedFiles, 6)}\n >\n {({ getRootProps, getInputProps }) => (\n \n \n )}\n \n
\n
{\n setSaturdayQR(\"\");\n setSaturdayQRImageFile();\n }}\n >\n {t(\"REMOVE_IMAGE\")}\n \n \n
\n
\n
\n {t(\"STATUS\")} \n \n
\n
\n setStatus(e.target.checked)}\n value={true}\n checked={status}\n ref={register}\n />\n
\n
\n
\n
\n
\n
\n \n {t(\"SUBMIT\")}\n \n
\n
\n
\n /// Author : -\n /// \n useEffect(() => {\n init();\n setInitCheck(true);\n }, []);\n\n async function init() {\n let apiUrl = ApiUrl._API_GET_USER_SYSTEM_SETTINGS + \"?type=settings\";\n var responseJson = await ApiEngine.get(apiUrl);\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n let data = responseJson[ApiKey._API_DATA_KEY];\n data.map((keyValuePair, index) => {\n if (keyValuePair['key'] === \"WithdrawalStartTime\") {\n let startTimeStr = keyValuePair['value'];\n setStartHour(moment(startTimeStr, 'HH:mm:ss').get('hours'));\n setStartMinute(moment(startTimeStr, 'HH:mm:ss').get('minutes'));\n }\n if (keyValuePair['key'] === \"WithdrawalEndTime\") {\n let endTimeStr = keyValuePair['value'];\n setEndHour(moment(endTimeStr, 'HH:mm:ss').get('hours'));\n setEndMinute(moment(endTimeStr, 'HH:mm:ss').get('minutes'));\n }\n if (keyValuePair['key'] === \"WithdrawalStatus\") {\n let trueOrFalse = (keyValuePair['value'] === 'true');\n setStatus(trueOrFalse);\n }\n });\n }\n }\n\n const submitForm = async (data) => {\n let params = {\n 'startHour': data.startHour.length === 2 ? data.startHour : \"0\" + data.startHour,\n 'startMinute': data.startMinute.length === 2 ? data.startMinute : \"0\" + data.startMinute,\n 'endHour': data.endHour.length === 2 ? data.endHour : \"0\" + data.endHour,\n 'endMinute': data.endMinute.length === 2 ? data.endMinute : \"0\" + data.endMinute,\n 'status': data.status\n };\n\n let formBody = createMultiPartFormBody(params);\n let apiUrl = ApiUrl._API_CREATE_OR_UPDATE_SYSTEM_SETTINGS + \"?type=Withdrawal\";\n let responseJson = await ApiEngine.post(apiUrl, formBody);\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n init();\n }\n _dispatch(showMessage(responseJson[ApiKey._API_SUCCESS_KEY], t(responseJson[ApiKey._API_MESSAGE_KEY])));\n }\n\n return (\n \n
\n {t(\"WITHDRAWAL_SETTING\")}\n \n
\n
\n {initCheck &&
\n \n \n \n }\n
\n
\n
\n/// Author : -\n/// \nconst Adjustment = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const _location = useLocation();\n const _dispatch = useDispatch();\n const {\n register,\n unregister,\n handleSubmit,\n errors,\n setValue,\n trigger,\n control,\n } = useForm();\n const [memberOption, setMemberOption] = useState([]);\n const [memberId, setMemberId] = useState(\"\");\n const [fullScreen, setFullScreen] = useState(false);\n const [remarkOption, setRemarkOption] = useState([]);\n const [selectedMember, setSelectedMember] = useState();\n\n const [showPinEntry, setShowPinEntry] = useState(false);\n\n const [enteredAdjustmentData, setEnteredAdjustmentData] = useState({});\n const [enteredAdjustmentE, setEnteredAdjustmentE] = useState({});\n\n /// \n /// Author : -\n /// Editted : -\n /// \n useEffect(() => {\n register({ name: \"memberId\" }, { required: \"PLEASE_SELECT_MEMBER\" });\n\n /// For The Size Difference of Modal And Page\n if (props.id) {\n setFullScreen(true);\n }\n\n init();\n initFormField();\n }, []);\n\n /// \n /// Author : -\n /// Editted : - (Added Fetch to get IP Address)\n /// \n async function init() {\n try {\n _dispatch(setBusy());\n let responseJson = await ApiEngine.get(ApiUrl._API_GET_USER_REMARK);\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n const remarkList = [];\n responseJson[ApiKey._API_DATA_KEY].forEach(function (remark) {\n remarkList.push({\n label: remark.description,\n value: remark.description,\n });\n });\n\n setRemarkOption(remarkList);\n } else {\n throw t(responseJson[ApiKey._API_MESSAGE_KEY]);\n }\n } catch (error) {\n _dispatch(showMessage(false, error));\n } finally {\n _dispatch(setIdle());\n }\n }\n\n /// \n /// Author : -\n /// \n const initFormField = () => {\n if (stringIsNullOrEmpty(props.id)) {\n setMemberId(\"\");\n setValue(\"memberId\", \"\");\n getMemberList(\"\", null, { page: 1 });\n setSelectedMember(null);\n } else {\n setMemberId(props.id);\n setValue(\"memberId\", props.id);\n }\n setValue(\"remark\", \"\");\n };\n\n /// \n /// Author : -\n /// Editted : -\n /// \n const submitForm = async (data, e) => {\n let params = {\n transactionTypeId: TransactionType._ADJUSTMENT,\n memberId: memberId,\n amount: data.amount,\n panel: PanelType._BACKOFFICE,\n remark: data.remark,\n adjustmentTarget: AdjustmentTransactionTarget._BONUS_WALLET\n };\n\n let formBody = createFormBody(params);\n\n let responseJson = await ApiEngine.post(\n ApiUrl._API_CREATE_TRANSACTION,\n formBody\n );\n\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n e.target.reset();\n initFormField();\n\n if (props.onComplete != null) {\n props.onComplete();\n }\n }\n\n setShowPinEntry(false);\n };\n\n /// \n /// Author : Wong\n /// \n async function getMemberList(search, loadOptions, { page }) {\n var responseJson = await ApiEngine.get(\n `${ApiUrl._API_GET_USER_MEMBER_LIST}?start=${(page - 1) * DEFAULT_PAGE_SIZE\n }&count=${DEFAULT_PAGE_SIZE}&keyword=${search}`\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n let data = responseJson[ApiKey._API_DATA_KEY][\"data\"];\n let formattedData = data.map((m) => {\n return { label: m.username, value: m.id, balance: m.bonusWallet };\n });\n\n return {\n options: formattedData,\n hasMore: formattedData.length == DEFAULT_PAGE_SIZE,\n additional: {\n page: page + 1,\n },\n };\n }\n }\n\n async function onPinSubmit(data, e) {\n // verify pin\n let params = { transactionPinNumber: data };\n let formBody = createFormBody(params);\n let responseJson = await ApiEngine.post(ApiUrl._API_VERIFY_USER_TRANSACTION_PIN_NUMBER, formBody);\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n submitForm(enteredAdjustmentData, enteredAdjustmentE);\n }\n else {\n _dispatch(showMessage(false, t(\"INCORRECT\") + \" \" + t(\"PIN_NUMBER\")));\n setShowPinEntry(false);\n }\n }\n\n async function checkPinValue(data, e) {\n // check if pin has 4 digits (valid pin)\n // if true then submit pin\n if (data.length == 4) {\n onPinSubmit(data);\n }\n\n }\n\n async function onSubmit(data, e) {\n setEnteredAdjustmentData(data);\n setEnteredAdjustmentE(e);\n\n setShowPinEntry(true);\n }\n\n return (\n \n
\n {t(\"BONUS_WALLET_ADJUSTMENT\")}{\" \"}\n {props.id ? (\n {\n props.toggleModal(false);\n }}\n >\n \n
\n
\n \n \n \n \n
\n/// Author : -\n/// \n\nconst ManageBetDetailReport = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n const _dispatch = useDispatch();\n const ALL_OPTION_LABEL = \"All\";\n const ALL_OPTION_VALUE = \"all\";\n const [startDate, setStartDate] = useState(\n moment().startOf(\"day\").format(\"YYYY-MM-DD HH:mm:ss\")\n );\n const [endDate, setEndDate] = useState(\n moment().endOf(\"day\").format(\"YYYY-MM-DD HH:mm:ss\")\n );\n const _SELECTED_MEMBER_KEY = \"selectedMemberKey\";\n const [search, setSearch] = useState(false);\n const [activeTab, setActiveTab] = useState(0);\n const [productList, setProductList] = useState([]);\n const [selectedProduct, setSelectedProduct] = useState(ALL_OPTION_VALUE);\n const [categoryList, setCategoryList] = useState([]);\n const [selectedCategory, setSelectedCategory] = useState(ALL_OPTION_VALUE);\n const [categoryTabs, setCategoryTabs] = useState([]);\n const [username, setUsername] = useState(\"\");\n const [initFinish, setInitFinish] = useState(false);\n const [searchTrigger, setSearchTrigger] = useState(Date.now());\n const [currentDateTime, setCurrentDateTime] = useState(moment());\n const [selectedMember, setSelectedMember] = useState(\"\");\n const [label, setLabel] = useState(\"All\");\n const _STATUS_OPTIONS = [\n { value: \"\", label: 'All' },\n { value: BetStatus._PENDING_BET_STATUS, label: 'Pending' },\n { value: BetStatus._SETTLED_BET_STATUS, label: 'Settled' },\n { value: BetStatus._CANCELED_BET_STATUS, label: 'Canceled' },\n ];\n const [selectedStatus, setSelectedStatus] = useState(\"\");\n const [ticketId, setTicketId] = useState(\"\");\n const [betAmt, setBetAmt] = useState(\"\");\n const [betAmtCompare, setBetAmtCompare] = useState(\"=\");\n const [winLossAmt, setWinLossAmt] = useState(\"\");\n const [winLossAmtCompare, setWinLossAmtCompare] = useState(\"=\");\n\n const _math_compare = [\n { label: \"=\", value: \"=\" },\n { label: \">\", value: \">\" },\n { label: \"<\", value: \"<\" },\n { label: \">=\", value: \">=\" },\n { label: \"<=\", value: \"<=\" },\n ];\n\n let _exportHeaders2 = [\n { label: \"Username\", key: \"username\" },\n { label: \"Bet ID\", key: \"betId\" },\n { label: \"Valid Turonver\", key: \"validTurnover\" },\n { label: \"Win Lose\", key: \"winAmount\" },\n { label: \"Status\", key: \"status\" },\n { label: \"DateTime\", key: \"date\" },\n { label: \"Updated DateTime\", key: \"updatedTime\" },\n ];\n\n const [exportDatas2, setExportDatas2] = useState([]);\n\n /// \n /// Author : -\n /// \n const _OPTION_STYLES = {\n control: (base) => ({\n ...base,\n \"min-height\": \"34px\",\n height: \"34px\",\n }),\n valueContainer: (base) => ({\n ...base,\n height: \"34px\",\n \"min-height\": \"34px\",\n }),\n indicatorsContainer: (base) => ({\n ...base,\n height: \"34px\",\n \"min-height\": \"34px\",\n }),\n input: (base) => ({\n height: \"34px\",\n \"min-height\": \"34px\",\n }),\n };\n\n /// \n /// Author : -\n /// \n const toggleTab = (tab) => {\n if (activeTab !== tab) {\n setActiveTab(tab);\n }\n };\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n init();\n }, []);\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n if (initFinish && props.id) {\n setUsername(props.username);\n setSearch(true);\n searchBtnHandler();\n }\n }, [initFinish]);\n\n useEffect(() => {\n sessionStorage.setItem(_SELECTED_MEMBER_KEY, selectedMember);\n if (selectedMember !== \"All\") {\n searchBtnHandler();\n }\n }, [selectedMember]);\n\n /// \n /// Author : -\n /// \n const init = async () => {\n await fetch(ApiUrl._API_GET_MASTER_PRODUCT_ASSIGNMENT_DATA, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n const accountProductOptionList = [\n { label: ALL_OPTION_LABEL, value: ALL_OPTION_VALUE },\n ];\n responseJson[ApiKey._API_DATA_KEY].forEach(function (option) {\n accountProductOptionList.push({\n label: option.productName,\n value: option.productId,\n });\n });\n\n setProductList(accountProductOptionList);\n }\n } else {\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n }\n });\n\n await fetch(ApiUrl._API_GET_PRODUCT_CATEGORY, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n const productCategorys = [\n ];\n const productCategoryTabs = [];\n responseJson[ApiKey._API_DATA_KEY].forEach(function (\n productCategory,\n index\n ) {\n productCategorys.push({\n label: productCategory.title,\n value: productCategory.id,\n });\n /// the data below will be passed to reacttable\n productCategoryTabs.push({\n label: productCategory.title,\n id: productCategory.id,\n fetchUrl: \"\",\n tempUrl: \"\",\n display: true,\n refreshRequired: true,\n });\n });\n setCategoryTabs(productCategoryTabs);\n setCategoryList(productCategorys);\n } else {\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n }\n });\n\n fetch(ApiUrl._API_GET_SYSTEM_DATETIME, {\n method: ApiKey._API_GET,\n headers: {\n 'Content-Type': ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY\n },\n }).then((response) => response.json()).then((responseJson) => {\n setCurrentDateTime(moment(responseJson[ApiKey._API_DATA_KEY]));\n }, []);\n setInitFinish(true);\n };\n\n /// \n /// Author : -\n /// \n const handleEvent = (event, picker) => {\n setStartDate(moment(picker.startDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n setEndDate(moment(picker.endDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n };\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n if (initFinish) {\n setCategoryTabs(\n categoryTabs.map((x) => {\n if (activeTab == x.id && x.refreshRequired && x.display) {\n return {\n ...x,\n fetchUrl: x.tempUrl + \"&v=\" + Date.now(),\n refreshRequired: false,\n };\n } else {\n return { ...x };\n }\n })\n );\n }\n }, [searchTrigger]);\n\n /// \n /// Author : -\n /// \n const searchBtnHandler = async () => {\n let status = [];\n let apiUrl =\n ApiUrl._API_GET_BET_DETAIL_REPORT +\n \"?startDate=\" +\n startDate +\n \"&endDate=\" +\n endDate +\n \"&GroupDateRequired=false\" \n\n if (selectedMember !== \"\"){\n apiUrl += \"&memberId=\" + selectedMember;\n }\n\n if (selectedProduct != ALL_OPTION_VALUE) {\n apiUrl += \"&productId=\" + selectedProduct;\n }\n if (!stringIsNullOrEmpty(username)) {\n apiUrl += \"&username=\" + username;\n }\n if (!stringIsNullOrEmpty(selectedStatus)) {\n apiUrl += \"&ticketStatus=\" + selectedStatus.value;\n }\n if (!stringIsNullOrEmpty(ticketId)) {\n apiUrl += \"&ticketId=\" + ticketId;\n }\n if (!stringIsNullOrEmpty(betAmt)) {\n apiUrl += \"&betAmount=\" + betAmt;\n apiUrl += \"&betAmountFilter=\" + betAmtCompare;\n }\n if (!stringIsNullOrEmpty(winLossAmt)) {\n apiUrl += \"&winLossAmount=\" + winLossAmt;\n apiUrl += \"&winLossAmountFilter=\" + winLossAmtCompare;\n }\n\n let tempTabs = categoryTabs.map((x) => {\n if (selectedCategory == ALL_OPTION_VALUE || selectedCategory == x.id) {\n return {\n ...x,\n tempUrl: apiUrl + \"&categoryId=\" + x.id,\n display: true,\n refreshRequired: true,\n };\n } else {\n return {\n ...x,\n tempUrl: apiUrl + \"&categoryId=\" + x.id,\n display: false,\n refreshRequired: true,\n };\n }\n });\n\n setCategoryTabs(tempTabs);\n\n setActiveTab(\n tempTabs.filter((x) => x.display).length > 0\n ? tempTabs.filter((x) => x.display)[0]?.id\n : 0\n );\n setSearchTrigger(Date.now());\n };\n\n\n const exportToExcel = async () => {\n let status = [];\n let newFilteredDatas = [];\n let apiUrl =\n ApiUrl._API_GET_BET_DETAIL_REPORT +\n \"?startDate=\" +\n startDate +\n \"&endDate=\" +\n endDate +\n \"&GroupDateRequired=false\"\n\n if (selectedMember !== \"\") {\n apiUrl += \"&memberId=\" + selectedMember;\n }\n\n if (selectedProduct != ALL_OPTION_VALUE) {\n apiUrl += \"&productId=\" + selectedProduct;\n }\n if (!stringIsNullOrEmpty(username)) {\n apiUrl += \"&username=\" + username;\n }\n if (!stringIsNullOrEmpty(selectedStatus)) {\n apiUrl += \"&ticketStatus=\" + selectedStatus.value;\n }\n if (!stringIsNullOrEmpty(ticketId)) {\n apiUrl += \"&ticketId=\" + ticketId;\n }\n if (!stringIsNullOrEmpty(betAmt)) {\n apiUrl += \"&betAmount=\" + betAmt;\n apiUrl += \"&betAmountFilter=\" + betAmtCompare;\n }\n if (!stringIsNullOrEmpty(winLossAmt)) {\n apiUrl += \"&winLossAmount=\" + winLossAmt;\n apiUrl += \"&winLossAmountFilter=\" + winLossAmtCompare;\n }\n apiUrl += \"&count=\" + 99999;\n await fetch(apiUrl, {\n method: ApiKey._API_GET,\n headers: {\n 'Content-Type': ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY\n },\n }).then((response) => response.json()).then((responseJson) => {\n console.log(responseJson[ApiKey._API_DATA_KEY])\n\n responseJson[ApiKey._API_DATA_KEY].data.map((item, index) => {\n let newFilteredData = {\n username: item.username,\n betId: item.betId,\n validTurnover: item.amount,\n winAmount: item.netProfit,\n date: item.date,\n updatedTime: item.updatedTime,\n status: item.statusString,\n };\n\n newFilteredDatas.push(newFilteredData)\n })\n }, []);\n\n\n setExportDatas2(newFilteredDatas);\n\n var myButton = document.getElementById('csvBtn');\n\n if (newFilteredDatas.length > 0) {\n myButton.click();\n }\n\n };\n /// \n /// Author : Wong\n /// \n async function getMemberList(search, loadOptions, { page }) {\n var responseJson = await ApiEngine.get(\n `${ApiUrl._API_GET_USER_MEMBER_LIST}?&start=${(page - 1) * DEFAULT_PAGE_SIZE\n }&count=${DEFAULT_PAGE_SIZE}&keyword=${search}`\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n let data = responseJson[ApiKey._API_DATA_KEY][\"data\"];\n let formattedData = data.map((m) => {\n return { label: m.username, value: m.id };\n });\n formattedData.unshift({ label: \"All\", value: \"\" })\n return {\n options: formattedData,\n hasMore: formattedData.length == DEFAULT_PAGE_SIZE,\n additional: {\n page: page + 1,\n },\n };\n }\n }\n\n return (\n \n
\n {stringIsNullOrEmpty(props.id) && t(\"BET_DETAIL_REPORT\")}\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 product.value == selectedProduct\n )}\n options={productList}\n onChange={(e) => {\n setSelectedProduct(e.value);\n }}\n />\n
\n \n
\n
\n \n \n \n \n
\n \n category.value == selectedCategory\n )}\n options={categoryList}\n onChange={(e) => {\n setSelectedCategory(e.value);\n }}\n />\n
\n \n
\n \n \n \n \n
\n \n ({\n width: \"100%\"\n })\n }}\n value={selectedStatus}\n options={_STATUS_OPTIONS}\n onChange={(e) => {\n setSelectedStatus(e)\n }}\n />\n
\n \n
\n \n \n \n \n
\n \n {\n setTicketId(e.target.value);\n }}\n />\n
\n \n
\n \n
\n \n \n
\n
{\n if (!stringIsNullOrEmpty(e.value)) {\n sessionStorage.setItem(_SELECTED_MEMBER_KEY, e.value);\n } else {\n sessionStorage.removeItem(_SELECTED_MEMBER_KEY);\n }\n setLabel(e.label);\n setSelectedMember(e.value);\n setUsername(e.label);\n }}\n />\n \n
\n \n
\n \n \n
\n
setBetAmtCompare(e.target.value)}\n >\n {_math_compare.map((data, index) => {return ({data.label} )})}\n \n {\n setBetAmt(e.target.value);\n }}\n />\n \n
\n \n
\n \n \n
\n
setWinLossAmtCompare(e.target.value)}\n >\n {_math_compare.map((data, index) => {return ({data.label} )})}\n \n {\n setWinLossAmt(e.target.value);\n }}\n />\n \n {\n setSearch(true);\n searchBtnHandler();\n }}\n >\n {\n exportToExcel();\n }}\n >\n
\n \n \n \n \n {categoryTabs\n .filter((x) => x.display)\n .map((category, index) => {\n return (\n \n {\n setActiveTab(category.id);\n setSearchTrigger(Date.now());\n }}\n >\n {category.label} \n \n {category.label}\n \n \n \n );\n })}\n \n \n {categoryTabs.map((category, index) => {\n return (\n \n {category.label} \n \n );\n })}\n \n
\n \n )}\n \n );\n};\n\nexport default ManageBetDetailReport;\n","import React, { useState, useEffect, useCallback } from \"react\";\nimport ReactTable from \"../../components/constantComponent/reactTable/ReactTable\";\nimport { Panel, PanelBody } from \"./../../components/panel/panel.jsx\";\nimport moment from \"moment\";\nimport DateRangePicker from \"react-bootstrap-daterangepicker\";\nimport { ApiKey, ApiUrl, LanguageKey } from \"../../util/Constant\";\nimport { useTranslation } from \"react-i18next\";\nimport { fetch } from \"whatwg-fetch\";\nimport { setBusy, setIdle, showMessage } from \"../../redux/AppAction\";\nimport { useDispatch } from \"react-redux\";\nimport { numberWithCommas, numberWithCurrencyFormat } from '../../util/Util';\n\n/// \n/// Author : -\n/// \n\nconst ManageDailySummaryReport = (props) => {\n const _dispatch = useDispatch();\n const { t } = useTranslation(LanguageKey._PRIMARY);\n const [startDate, setStartDate] = useState(moment().format(\"YYYY-MM-DD\"));\n const [endDate, setEndDate] = useState(moment().format(\"YYYY-MM-DD\"));\n const [dailySummaryDatas, setDailySummaryDatas] = useState([]);\n const [filteredDatas, setFilteredDatas] = useState([]);\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n getDailySummaryDatas();\n }, []);\n\n /// \n /// Author : -\n /// \n const getFilteredRecords = useCallback(({ page }) => {\n setFilteredDatas(page);\n }, []);\n\n /// \n /// Author : -\n /// \n const getDailySummaryDatas = async () => {\n _dispatch(setBusy());\n await fetch(\n ApiUrl._API_GET_DAILY_SUMMARY_REPORT +\n \"?startDate=\" +\n startDate +\n \"&endDate=\" +\n endDate,\n {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n }\n )\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setDailySummaryDatas(responseJson[ApiKey._API_DATA_KEY]);\n } else {\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n }\n _dispatch(setIdle());\n });\n };\n\n let _tableColumns = [\n {\n Header: t(\"DATE\"),\n accessor: \"date\",\n Footer: () => {\n return (\n \n {t(\"TOTAL\")} \n \n );\n },\n minWidth: 100,\n },\n {\n Header: t(\"REGISTER\"),\n accessor: \"register\",\n Footer: () => {\n let totalRegister = 0;\n for (let i = 0; i <= dailySummaryDatas.length; i++) {\n if (dailySummaryDatas[i] && dailySummaryDatas[i].register) {\n totalRegister += parseFloat(dailySummaryDatas[i].register);\n }\n }\n return {numberWithCommas(totalRegister)} ;\n },\n },\n {\n Header: t(\"FIRST_DEPOSIT\"),\n accessor: \"firstDeposit\",\n Cell: ({ row }) => {\n return (\n \n {numberWithCommas(row.original.firstDepositCount)} /{\" \"}\n {numberWithCommas(row.original.firstDepositApprovalCount)} /{\" \"}\n {numberWithCurrencyFormat(row.original.firstDepositTotalAmount, 3, true)}\n \n );\n },\n Footer: () => {\n let firstDepositCountTotal = 0;\n let firstDepositApprovalCountTotal = 0;\n let firstDepositTotalAmountTotal = 0;\n for (let i = 0; i <= filteredDatas.length; i++) {\n if (filteredDatas[i]) {\n firstDepositCountTotal += parseFloat(\n filteredDatas[i].original.firstDepositCount\n );\n firstDepositApprovalCountTotal += parseFloat(\n filteredDatas[i].original.firstDepositApprovalCount\n );\n firstDepositTotalAmountTotal += parseFloat(\n filteredDatas[i].original.firstDepositTotalAmount\n );\n }\n }\n return (\n \n {numberWithCommas(firstDepositCountTotal)} /{\" \"}\n {numberWithCommas(firstDepositApprovalCountTotal)} /{\" \"}\n {numberWithCurrencyFormat(firstDepositTotalAmountTotal, 3, true)}\n \n );\n },\n minWidth: 200,\n },\n {\n Header: t(\"DEPOSIT\"),\n accessor: \"deposit\",\n Cell: ({ row }) => {\n return (\n \n {numberWithCommas(row.original.depositCount)} / {numberWithCommas(row.original.depositApprovalCount)} /{\" \"}\n {numberWithCurrencyFormat(row.original.depositTotalAmount, 3, true)}\n \n );\n },\n Footer: () => {\n let depositCountTotal = 0;\n let depositApprovalCountTotal = 0;\n let depositTotalAmountTotal = 0;\n for (let i = 0; i <= filteredDatas.length; i++) {\n if (filteredDatas[i]) {\n depositCountTotal += parseFloat(\n filteredDatas[i].original.depositCount\n );\n depositApprovalCountTotal += parseFloat(\n filteredDatas[i].original.depositApprovalCount\n );\n depositTotalAmountTotal += parseFloat(\n filteredDatas[i].original.depositTotalAmount\n );\n }\n }\n return (\n \n {numberWithCommas(depositCountTotal)} /{\" \"}\n {numberWithCommas(depositApprovalCountTotal)} /{\" \"}\n {numberWithCurrencyFormat(depositTotalAmountTotal, 3, true)}\n \n );\n },\n minWidth: 200,\n },\n {\n Header: t(\"WITHDRAWAL\"),\n accessor: \"withdrawal\",\n Cell: ({ row }) => {\n return (\n \n {numberWithCommas(row.original.withdrawalCount)} /{\" \"}\n {numberWithCommas(row.original.withdrawalApprovalCount)} /{\" \"}\n {numberWithCurrencyFormat(row.original.withdrawalTotalAmount, 3, true)}\n \n );\n },\n Footer: () => {\n let withdrawalCountTotal = 0;\n let withdrawalApprovalCountTotal = 0;\n let withdrawalTotalAmountTotal = 0;\n for (let i = 0; i <= filteredDatas.length; i++) {\n if (filteredDatas[i]) {\n withdrawalCountTotal += parseFloat(\n filteredDatas[i].original.withdrawalCount\n );\n withdrawalApprovalCountTotal += parseFloat(\n filteredDatas[i].original.withdrawalApprovalCount\n );\n withdrawalTotalAmountTotal += parseFloat(\n filteredDatas[i].original.withdrawalTotalAmount\n );\n }\n }\n return (\n \n {numberWithCommas(withdrawalCountTotal)} /{\" \"}\n {numberWithCommas(withdrawalApprovalCountTotal)} /{\" \"}\n {numberWithCurrencyFormat(withdrawalTotalAmountTotal, 3, true)}\n \n );\n },\n minWidth: 200,\n },\n {\n Header: t(\"ADJUSTMENT\"),\n accessor: \"adjustment\",\n Cell: ({ row }) => {\n return (\n \n {numberWithCommas(row.original.adjustmentCount)} /{\" \"}\n {numberWithCommas(row.original.adjustmentApprovalCount)} /{\" \"}\n {numberWithCurrencyFormat(row.original.adjustmentTotalAmount, 3, true)}\n \n );\n },\n Footer: () => {\n let adjustmentCountTotal = 0;\n let adjustmentTotalAmountTotal = 0;\n let adjustmentApprovalCountTotal = 0;\n for (let i = 0; i <= filteredDatas.length; i++) {\n if (filteredDatas[i]) {\n adjustmentCountTotal += parseFloat(\n filteredDatas[i].original.adjustmentCount\n );\n adjustmentApprovalCountTotal += parseFloat(\n filteredDatas[i].original.adjustmentApprovalCount\n );\n adjustmentTotalAmountTotal += parseFloat(\n filteredDatas[i].original.adjustmentTotalAmount\n );\n }\n }\n return (\n \n {numberWithCommas(adjustmentCountTotal)} /{\" \"}\n {numberWithCommas(adjustmentApprovalCountTotal)} /{\" \"}\n {numberWithCurrencyFormat(adjustmentTotalAmountTotal, 3, true)}\n \n );\n },\n minWidth: 200,\n },\n {\n Header: t(\"Transfer\"),\n accessor: \"transfer\",\n Cell: ({ row }) => {\n return (\n \n {numberWithCommas(row.original.transferCount)} /{\" \"}\n {numberWithCommas(row.original.transferApprovalCount)} /{\" \"}\n {numberWithCurrencyFormat(row.original.transferTotalAmount, 3, true)}\n \n );\n },\n Footer: () => {\n let transferCountTotal = 0;\n let transferTotalAmountTotal = 0;\n let transferApprovalCountTotal = 0;\n for (let i = 0; i <= filteredDatas.length; i++) {\n if (filteredDatas[i]) {\n transferCountTotal += parseFloat(\n filteredDatas[i].original.transferCount\n );\n transferApprovalCountTotal += parseFloat(\n filteredDatas[i].original.transferApprovalCount\n );\n transferTotalAmountTotal += parseFloat(\n filteredDatas[i].original.transferTotalAmount\n );\n }\n }\n return (\n \n {numberWithCommas(transferCountTotal)} /{\" \"}\n {numberWithCommas(transferApprovalCountTotal)} /{\" \"}\n {numberWithCurrencyFormat(transferTotalAmountTotal, 3, true)}\n \n );\n },\n minWidth: 200,\n },\n {\n Header: t(\"REBATE\"),\n accessor: \"rebate\",\n Footer: () => {\n let rebateTotal = 0;\n for (let i = 0; i <= filteredDatas.length; i++) {\n if (filteredDatas[i]) {\n rebateTotal += parseFloat(filteredDatas[i].original.rebate);\n }\n }\n return {numberWithCurrencyFormat(rebateTotal, 3, true)} ;\n },\n },\n {\n Header: t(\"TURNOVER\"),\n accessor: \"firstTurnover\",\n Cell: ({ row }) => {\n return (\n \n {numberWithCurrencyFormat(row.original.firstTurnover, 3, true)}\n \n );\n },\n Footer: () => {\n let validTurnoverTotal = 0;\n for (let i = 0; i <= filteredDatas.length; i++) {\n if (filteredDatas[i]) {\n validTurnoverTotal += parseFloat(\n filteredDatas[i].original.firstTurnover\n );\n }\n }\n return (\n \n {numberWithCurrencyFormat(validTurnoverTotal, 3, true)}\n \n );\n },\n minWidth: 200,\n },\n {\n Header: t(\"PROFIT_LOSS\"),\n accessor: \"secondTurnover\",\n Cell: ({ row }) => {\n if (row.original.secondTurnover*-1 < 0) {\n return {numberWithCurrencyFormat(row.original.secondTurnover*-1, 3, true)}
;\n } else {\n return {numberWithCurrencyFormat(row.original.secondTurnover*-1, 3, true)}
;\n }\n },\n Footer: () => {\n let profitLossTotal = 0;\n for (let i = 0; i <= filteredDatas.length; i++) {\n if (filteredDatas[i]) {\n profitLossTotal += parseFloat(filteredDatas[i].original.secondTurnover);\n }\n }\n profitLossTotal*=-1;\n return {numberWithCurrencyFormat(profitLossTotal, 3, true)} ;\n },\n },\n ];\n\n /// \n /// Author : -\n /// \n const handleEvent = (event, picker) => {\n setStartDate(moment(picker.startDate).format(\"YYYY-MM-DD\"));\n setEndDate(moment(picker.endDate).format(\"YYYY-MM-DD\"));\n };\n\n return (\n \n
{t(\"DAILY_SUMMARY_REPORT\")} \n
\n \n \n
\n
\n
\n
\n \n
\n \n \n
\n
\n \n
\n
\n
\n
\n {\n getDailySummaryDatas();\n }}\n className=\"btn btn-primary\"\n >\n {t(\"SEARCH\")}\n \n
\n
\n
\n
\n
\n/// Author : -\n/// \n\nconst ManageChannelSummaryReport = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n const [calendarStartDate, setCalendarStartDate] = useState(\n moment().format(\"YYYY-MM-DD\")\n );\n const [calendarEndDate, setCalendarEndDate] = useState(\n moment().format(\"YYYY-MM-DD\")\n );\n\n let _tableColumns = [\n {\n Header: t(\"DATE\"),\n accessor: \"date\",\n Footer: () => {\n return (\n \n {t(\"TOTAL\")} \n \n );\n },\n minWidth: 100,\n },\n {\n Header: t(\"REGISTER\"),\n accessor: \"register\",\n },\n {\n Header: t(\"FIRST_DEPOSIT\"),\n accessor: \"firstDeposit1\",\n Cell: ({ row }) => {\n return (\n \n {row.original.firstDeposit1} / {row.original.firstDeposit2} /{\" \"}\n {row.original.firstDeposit3}\n \n );\n },\n minWidth: 200,\n },\n {\n Header: t(\"DEPOSIT\"),\n accessor: \"deposit1\",\n Cell: ({ row }) => {\n return (\n \n {row.original.deposit1} / {row.original.deposit2} /{\" \"}\n {row.original.deposit3}\n \n );\n },\n minWidth: 200,\n },\n {\n Header: t(\"WITHDRAWAL\"),\n accessor: \"withdrawal1\",\n Cell: ({ row }) => {\n return (\n \n {row.original.withdrawal1} / {row.original.withdrawal2} /{\" \"}\n {row.original.withdrawal3}\n \n );\n },\n minWidth: 200,\n },\n {\n Header: t(\"ADJUSTMENT\"),\n accessor: \"adjustment1\",\n Cell: ({ row }) => {\n return (\n \n {row.original.adjustment1} / {row.original.adjustment2} /{\" \"}\n {row.original.adjustment3}\n \n );\n },\n minWidth: 200,\n },\n {\n Header: t(\"GROSS_BALANCE\"),\n accessor: \"grossBalance\",\n },\n {\n Header: t(\"BONUS\"),\n accessor: \"bonus\",\n },\n {\n Header: t(\"REBATE\"),\n accessor: \"rebate\",\n },\n {\n Header: t(\"TURNOVER\"),\n accessor: \"turnover1\",\n Cell: ({ row }) => {\n return (\n \n {row.original.turnover1} / {row.original.turnover2}\n \n );\n },\n minWidth: 200,\n },\n {\n Header: t(\"PROFIT_LOSS\"),\n accessor: \"profitLoss\",\n Cell: ({ row }) => {\n if (row.original.profitLoss < 0) {\n return {row.original.profitLoss}
;\n } else {\n return {row.original.profitLoss}
;\n }\n },\n },\n ];\n\n const handleEvent = (event, picker) => {\n setCalendarStartDate(moment(picker.startDate).format(\"YYYY-MM-DD\"));\n setCalendarEndDate(moment(picker.endDate).format(\"YYYY-MM-DD\"));\n };\n\n return (\n \n
{t(\"CHANNEL_SUMMARY_REPORT\")} \n
\n \n \n
\n
\n
\n
\n \n
\n \n \n
\n
\n \n
\n
\n
\n
\n
\n \n {t(\"SEARCH\")}\n \n
\n
\n
\n
\n
\n/// Author : -\n/// \n\nconst BankSummaryStatement = (props) => {\n\tconst [statementDatas, setStatementDatas] = useState([]);\n\tconst { t } = useTranslation(LanguageKey._PRIMARY);\n\tconst _dispatch = useDispatch();\n\tconst [exportDatas, setExportDatas] = useState([]);\n\tconst [filteredDatas, setFilteredDatas] = useState([]);\n\t/// \n\t/// Author : -\n\t/// \n\tuseEffect(() => {\n\t\tinit();\n\t}, []);\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst init = async () => {\n\t\t_dispatch(setBusy());\n\t\tawait fetch(\n\t\t\tApiUrl._API_GET_BANK_SUMMARY_STATEMENT +\n\t\t\t\t\"?bankAccountId=\" +\n\t\t\t\tprops.data.bankAccountId,\n\t\t\t{\n\t\t\t\tmethod: ApiKey._API_GET,\n\t\t\t\theaders: {\n\t\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t\t},\n\t\t\t}\n\t\t)\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tsetStatementDatas(responseJson[ApiKey._API_DATA_KEY]);\n\t\t\t\t} else {\n\t\t\t\t\t_dispatch(\n\t\t\t\t\t\tshowMessage(\n\t\t\t\t\t\t\tresponseJson[ApiKey._API_SUCCESS_KEY],\n\t\t\t\t\t\t\tt(responseJson[ApiKey._API_MESSAGE_KEY])\n\t\t\t\t\t\t)\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\t_dispatch(setIdle());\n\t\t\t});\n\t};\n\n\tlet _exportHeaders = [\n\t\t{ label: \"Bank\", key: \"bankName\" },\n\t\t{ label: \"Account\", key: \"bankAccountNumber\" },\n\t\t{ label: \"Date Time\", key: \"date\" },\n\t\t{ label: \"Credit\", key: \"credit\" },\n\t\t{ label: \"Debit\", key: \"debit\" },\n\t\t{ label: \"Remark\", key: \"remark\" },\n\t\t{ label: \"Admin\", key: \"admin\" },\n\t];\n\n\tlet _tableColumns = [\n\t\t{\n\t\t\tHeader: \"ID\",\n\t\t\taccessor: \"id\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn <>{row.index + 1};\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"BANK\"),\n\t\t\taccessor: \"bankName\",\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"ACCOUNT\"),\n\t\t\taccessor: \"bankAccountNumber\",\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"DATETIME\"),\n\t\t\taccessor: \"date\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn <>{moment(row.original.date).format(\"YYYY-MM-DD HH:mm:ss\")};\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"CREDIT\"),\n\t\t\taccessor: \"credit\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\tif (row.original.credit > 0) {\n\t\t\t\t\treturn <>{row.original.credit.toFixed(2)};\n\t\t\t\t} else {\n\t\t\t\t\treturn \n\t\t\t\t\t\t\t-{row.original.debit.toFixed(2)}\n\t\t\t\t\t\t \n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\treturn \n\t/// Author : -\n\t/// \n\tconst getFilteredRecords = useCallback(({ page }) => {\n\t\tupdateFilteredDatas(page);\n\t}, []);\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst updateFilteredDatas = (page) => {\n\t\tlet newFilteredDatas = [];\n\t\tlet newExportDatas = [];\n\t\tlet totalCredit = 0;\n\t\tlet totalDebit = 0;\n\t\tpage.map((data, index) => {\n\t\t\tlet row = data.original;\n\t\t\ttotalCredit += row.credit;\n\t\t\ttotalDebit += row.debit;\n\t\t\tlet newFilteredData = {\n\t\t\t\tbankName: row.bankName,\n\t\t\t\tbankAccountNumber: row.bankAccountNumber,\n\t\t\t\tdate: moment(row.date).format(\"YYYY-MM-DD HH:mm:ss\"),\n\t\t\t\tcredit: row.credit,\n\t\t\t\tdebit: row.debit,\n\t\t\t\tremark: row.remark,\n\t\t\t\tadmin: row.admin,\n\t\t\t};\n\t\t\tnewFilteredDatas.push(newFilteredData);\n\n\t\t\tnewFilteredData.status =\n\t\t\t\tnewFilteredData.status == true ? \"Active\" : \"Inactive\";\n\n\t\t\tnewExportDatas.push(newFilteredData);\n\t\t});\n\n\t\tsetFilteredDatas(newFilteredDatas);\n\t\tnewExportDatas.push(\n\t\t\t{\n\t\t\t\tbankName: \"\",\n\t\t\t},\n\t\t\t{\n\t\t\t\tbankName: \"Total\",\n\t\t\t\tcredit: totalCredit,\n\t\t\t\tdebit: totalDebit,\n\t\t\t\tbalance: totalCredit - totalDebit,\n\t\t\t}\n\t\t);\n\t\tsetExportDatas(newExportDatas);\n\t};\n\n\treturn (\n\t\t\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\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
\n\t\t\t\t\t
\n\t\t\t \n\t\t
\n/// Author : -\n/// \nconst BankSummaryAddCreditDebit = (props) => {\n const _dispatch = useDispatch();\n const { t } = useTranslation(LanguageKey._PRIMARY);\n const { register, handleSubmit, errors, reset } = useForm();\n const [dateTime, setDateTime] = useState(\n moment().format(\"YYYY-MM-DD HH:mm:ss\")\n );\n\n /// \n /// Author : -\n /// \n const submitForm = async (data, e) => {\n let params = {\n bankAccountId: props.data.bankAccountId,\n transactionTypeId: props.type,\n amount: data.amount,\n transactionDateTime: dateTime,\n remark: data.remark,\n };\n\n let formBody = createFormBody(params);\n _dispatch(setBusy());\n\n await fetch(ApiUrl._API_CREATE_BANK_TRANSACTION, {\n method: ApiKey._API_POST,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n body: formBody,\n })\n .then((response) => response.json())\n .then((responseJson) => {\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n _dispatch(setIdle());\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n e.target.reset();\n props.getBankSummaryDatas();\n }\n });\n };\n\n return (\n \n );\n};\n\nexport default BankSummaryAddCreditDebit;\n","import React, { useState, useEffect } from \"react\";\nimport DateRangePicker from \"react-bootstrap-daterangepicker\";\nimport moment from \"moment\";\nimport Select from \"react-select\";\nimport { ApiKey, ApiUrl, LanguageKey } from \"../../../util/Constant\";\nimport { stringIsNullOrEmpty, createFormBody } from \"../../../util/Util\";\nimport { useForm } from \"react-hook-form\";\nimport { setBusy, setIdle, showMessage } from \"../../../redux/AppAction\";\nimport { useDispatch } from \"react-redux\";\nimport { useTranslation } from \"react-i18next\";\nimport { fetch } from \"whatwg-fetch\";\n\n/// \n/// Author : -\n/// \nconst BankSummaryAdjustment = (props) => {\n const _dispatch = useDispatch();\n const { t } = useTranslation(LanguageKey._PRIMARY);\n const {\n register,\n handleSubmit,\n errors,\n reset,\n setError,\n unregister,\n } = useForm();\n const [dateTime, setDateTime] = useState(\n moment().format(\"YYYY-MM-DD HH:mm:ss\")\n );\n const [bankAccountList, setBankAccountList] = useState(\n props.bankAccounts.filter(\n (bankAccount) => bankAccount.value != props.data.bankAccountId\n )\n );\n const [toBankAccount, setToBankAccount] = useState(\"\");\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n register(\n { name: \"toBankAccount\" },\n { required: \"PLEASE_SELECT_BANK_ACCOUNT\" }\n );\n }, []);\n\n /// \n /// Author : -\n /// \n const submitForm = async (data, e) => {\n if (stringIsNullOrEmpty(toBankAccount)) {\n setError(\"toBankAccount\", {\n type: \"required\",\n message: \"PLEASE_SELECT_BANK_ACCOUNT\",\n });\n return;\n }\n\n let params = {\n fromBankAccountId: props.data.bankAccountId,\n toBankAccountId: toBankAccount,\n amount: data.amount,\n transactionDateTime: dateTime,\n remark: data.remark,\n };\n\n let formBody = createFormBody(params);\n _dispatch(setBusy());\n\n await fetch(ApiUrl._API_CREATE_BANK_TRANSACTION, {\n method: ApiKey._API_POST,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n body: formBody,\n })\n .then((response) => response.json())\n .then((responseJson) => {\n _dispatch(setIdle());\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n e.target.reset();\n register(\n { name: \"toBankAccount\" },\n { required: \"PLEASE_SELECT_BANK_ACCOUNT\" }\n );\n props.getBankSummaryDatas();\n }\n });\n };\n\n return (\n \n );\n};\n\nexport default BankSummaryAdjustment;\n","import React, { useState, useEffect, useCallback } from \"react\";\nimport ReactTable from \"../../components/constantComponent/reactTable/ReactTable\";\nimport { Panel, PanelBody } from \"./../../components/panel/panel.jsx\";\nimport {\n\tUncontrolledButtonDropdown,\n\tDropdownToggle,\n\tDropdownMenu,\n\tDropdownItem,\n\tModal,\n\tModalHeader,\n\tModalBody,\n} from \"reactstrap\";\nimport moment from \"moment\";\nimport {\n\tApiKey,\n\tApiUrl,\n\tBankTransactionType,\n\tRole,\n\tLanguageKey,\n} from \"../../util/Constant\";\nimport BankSummaryStatement from \"./BankSummaryStatement.js\";\nimport BankSummaryAddCreditDebit from \"./bankSummary/BankSummaryAddCreditDebit.js\";\nimport BankSummaryAdjustment from \"./bankSummary/BankSummaryAdjustment.js\";\nimport { CSVLink } from \"react-csv\";\nimport { useTranslation } from \"react-i18next\";\nimport { fetch } from \"whatwg-fetch\";\nimport { setBusy, setIdle, showMessage } from \"../../redux/AppAction\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport DateRangePicker from \"react-bootstrap-daterangepicker\";\n\n/// \n/// Author : -\n/// \n\nconst ManageBankSummaryReport = (props) => {\n\tconst _dispatch = useDispatch();\n\tconst { t } = useTranslation(LanguageKey._PRIMARY);\n\tconst [filteredDatas, setFilteredDatas] = useState([]);\n\tconst [bankSummaryDatas, setBankSummaryDatas] = useState([]);\n\tconst [bankSummaryDatas2, setBankSummaryDatas2] = useState([]);\n\tconst [creditModal, setCreditModal] = useState(false);\n\tconst [debitModal, setDebitModal] = useState(false);\n\tconst [adjustmentModal, setAdjustmentModal] = useState(false);\n\tconst [statementModal, setStatementModal] = useState(false);\n\n\tconst [modalState, setModalState] = useState([]);\n\tconst [exportDatas, setExportDatas] = useState([]);\n\tconst [exportDatas2, setExportDatas2] = useState([]);\n\tconst [bankAccountDatas, setBankAccountDatas] = useState([]);\n\n\tconst _userData = useSelector((state) => state.authState.userData);\n\tconst [startDate, setStartDate] = useState(\n\t\tmoment().startOf(\"months\").format(\"YYYY-MM-DD HH:mm:ss\")\n\t);\n\tconst [endDate, setEndDate] = useState(\n\t\tmoment().endOf(\"months\").format(\"YYYY-MM-DD HH:mm:ss\")\n\t);\n\t/// \n\t/// Author : -\n\t/// \n\tuseEffect(() => {\n\t\tgetBankSummaryDatas();\n\t\tgetAllBankStatementDatas();\n\t}, [startDate, endDate]);\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst getBankSummaryDatas = async () => {\n\t\t_dispatch(setBusy());\n\t\tawait fetch(ApiUrl._API_GET_BANK_SUMMARY_REPORT, {\n\t\t\tmethod: ApiKey._API_GET,\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t},\n\t\t})\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tsetBankSummaryDatas(responseJson[ApiKey._API_DATA_KEY]);\n\t\t\t\t\tconst bankAccountList = [];\n\t\t\t\t\tresponseJson[ApiKey._API_DATA_KEY].map((bankAccount, index) => {\n\t\t\t\t\t\tbankAccountList.push({\n\t\t\t\t\t\t\tlabel:\n\t\t\t\t\t\t\t\tbankAccount.bankAccountNumber +\n\t\t\t\t\t\t\t\t\" [\" +\n\t\t\t\t\t\t\t\tbankAccount.bankName +\n\t\t\t\t\t\t\t\t\"]\",\n\t\t\t\t\t\t\tvalue: bankAccount.bankAccountId,\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\t\t\t\t\tsetBankAccountDatas(bankAccountList);\n\t\t\t\t} else {\n\t\t\t\t\t_dispatch(\n\t\t\t\t\t\tshowMessage(\n\t\t\t\t\t\t\tresponseJson[ApiKey._API_SUCCESS_KEY],\n\t\t\t\t\t\t\tt(responseJson[ApiKey._API_MESSAGE_KEY])\n\t\t\t\t\t\t)\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\t_dispatch(setIdle());\n\t\t\t});\n\t};\n\n\tasync function getAllBankStatementDatas() {\n\t\t_dispatch(setBusy());\n\t\tawait fetch(\n\t\t\tApiUrl._API_GET_ALL_BANK_SUMMARY_STATEMENT +\n\t\t\t\t\"?StartDate=\" +\n\t\t\t\tstartDate +\n\t\t\t\t\"&EndDate=\" +\n\t\t\t\tendDate,\n\t\t\t{\n\t\t\t\tmethod: ApiKey._API_GET,\n\t\t\t\theaders: {\n\t\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t\t},\n\t\t\t}\n\t\t)\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tsetBankSummaryDatas2(responseJson[ApiKey._API_DATA_KEY]);\n\t\t\t\t\tupdateFilteredDatas2(responseJson[ApiKey._API_DATA_KEY]);\n\t\t\t\t} else {\n\t\t\t\t\t_dispatch(\n\t\t\t\t\t\tshowMessage(\n\t\t\t\t\t\t\tresponseJson[ApiKey._API_SUCCESS_KEY],\n\t\t\t\t\t\t\tt(responseJson[ApiKey._API_MESSAGE_KEY])\n\t\t\t\t\t\t)\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\t_dispatch(setIdle());\n\t\t\t});\n\t}\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst toggleCreditModal = () => {\n\t\tsetCreditModal(!creditModal);\n\t};\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst toggleDebitModal = () => {\n\t\tsetDebitModal(!debitModal);\n\t};\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst toggleAdjustmentModal = () => {\n\t\tsetAdjustmentModal(!adjustmentModal);\n\t};\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst toggleStatementModal = () => {\n\t\tsetStatementModal(!statementModal);\n\t};\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst getFilteredRecords = useCallback(({ page }) => {\n\t\tupdateFilteredDatas(page);\n\t}, []);\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst updateFilteredDatas = (page) => {\n\t\tlet newFilteredDatas = [];\n\t\tlet newExportDatas = [];\n\t\tlet totalCredit = 0;\n\t\tlet totalDebit = 0;\n\t\tpage.map((data, index) => {\n\t\t\tlet row = data.original;\n\t\t\ttotalCredit += row.credit;\n\t\t\ttotalDebit += row.debit;\n\t\t\tlet newFilteredData = {\n\t\t\t\tbankName: row.bankName,\n\t\t\t\tbankAccountHolderName: row.bankAccountHolderName,\n\t\t\t\tbankAccountNumber: row.bankAccountNumber,\n\t\t\t\tstatus: row.status,\n\t\t\t\tcredit: row.credit,\n\t\t\t\tdebit: row.debit,\n\t\t\t\tbalance: row.balance,\n\t\t\t};\n\t\t\tnewFilteredDatas.push(newFilteredData);\n\n\t\t\tnewFilteredData.status =\n\t\t\t\tnewFilteredData.status == true ? \"Active\" : \"Inactive\";\n\n\t\t\tnewExportDatas.push(newFilteredData);\n\t\t});\n\t\tsetFilteredDatas(newFilteredDatas);\n\t\tnewExportDatas.push(\n\t\t\t{\n\t\t\t\tbankName: \"\",\n\t\t\t},\n\t\t\t{\n\t\t\t\tbankName: \"Total\",\n\t\t\t\tcredit: totalCredit,\n\t\t\t\tdebit: totalDebit,\n\t\t\t\tbalance: totalCredit - totalDebit,\n\t\t\t}\n\t\t);\n\t\tsetExportDatas(newExportDatas);\n\t};\n\n\tlet _exportHeaders = [\n\t\t{ label: \"Bank\", key: \"bankName\" },\n\t\t{ label: \"Bank Account Holder Name\", key: \"bankAccountHolderName\" },\n\t\t{ label: \"Bank Account Number\", key: \"bankAccountNumber\" },\n\t\t{ label: \"Status\", key: \"status\" },\n\t\t{ label: \"Credit\", key: \"credit\" },\n\t\t{ label: \"Debit\", key: \"debit\" },\n\t\t{ label: \"Balance\", key: \"balance\" },\n\t];\n\n\tlet _exportHeaders2 = [\n\t\t{ label: \"Bank\", key: \"bankName\" },\n\t\t{ label: \"Account\", key: \"bankAccountNumber\" },\n\t\t{ label: \"Date Time\", key: \"date\" },\n\t\t{ label: \"Credit\", key: \"credit\" },\n\t\t{ label: \"Debit\", key: \"debit\" },\n\t\t{ label: \"Remark\", key: \"remark\" },\n\t\t{ label: \"Admin\", key: \"admin\" },\n\t];\n\n\tconst updateFilteredDatas2 = (data) => {\n\t\tlet newFilteredDatas = [];\n\t\tlet newExportDatas = [];\n\t\tlet totalCredit = 0;\n\t\tlet totalDebit = 0;\n\n\t\tdata.map((item, index) => {\n\t\t\tlet row = item;\n\t\t\ttotalCredit += row.credit;\n\t\t\ttotalDebit += row.debit;\n\t\t\tlet newFilteredData = {\n\t\t\t\tbankName: row.bankName,\n\t\t\t\tbankAccountNumber: row.bankAccountNumber,\n\t\t\t\tdate: moment(row.date).format(\"YYYY-MM-DD HH:mm:ss\"),\n\t\t\t\tcredit: row.credit,\n\t\t\t\tdebit: row.debit,\n\t\t\t\tremark: row.remark,\n\t\t\t\tadmin: row.admin,\n\t\t\t};\n\t\t\tnewFilteredDatas.push(newFilteredData);\n\n\t\t\tnewFilteredData.status =\n\t\t\t\tnewFilteredData.status == true ? \"Active\" : \"Inactive\";\n\n\t\t\tnewExportDatas.push(newFilteredData);\n\t\t});\n\n\t\t//setFilteredDatas(newFilteredDatas);\n\t\tsetExportDatas2(newExportDatas);\n\t};\n\n\tlet _tableColumns = [\n\t\t{\n\t\t\tHeader: t(\"BANK\"),\n\t\t\taccessor: \"bankName\",\n\t\t\tFooter: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{t(\"TOTAL\")} \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"BANK_ACCOUNT_HOLDER_NAME\"),\n\t\t\taccessor: \"bankAccountHolderName\",\n\t\t\tstyle: {\n\t\t\t\twhiteSpace: \"unset\",\n\t\t\t\twordBreak: \"break-word\",\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"BANK_ACCOUNT_NUMBER\"),\n\t\t\taccessor: \"bankAccountNumber\",\n\t\t\tstyle: {\n\t\t\t\twhiteSpace: \"unset\",\n\t\t\t\twordBreak: \"break-word\",\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"BANK_STATUS\"),\n\t\t\taccessor: \"status\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{row.original.status == 1 ? (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{t(\"ACTIVE\")}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{t(\"SUSPENDED\")}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t)}\n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"CREDIT\"),\n\t\t\taccessor: \"credit\",\n\t\t\tCell: ({ row }) => (\n\t\t\t\t\n\t\t\t\t\t{parseFloat(\n\t\t\t\t\t\tMath.floor(row.original.credit * Math.pow(10, 2)) / Math.pow(10, 2)\n\t\t\t\t\t).toFixed(2)}\n\t\t\t\t \n\t\t\t),\n\t\t\tFooter: (row) => {\n\t\t\t\tlet creditTotal = 0;\n\t\t\t\tfor (let i = 0; i <= filteredDatas.length; i++) {\n\t\t\t\t\tif (filteredDatas[i]) {\n\t\t\t\t\t\tcreditTotal += parseFloat(filteredDatas[i].credit);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tconst creditT = parseFloat(\n\t\t\t\t\tMath.floor(creditTotal * Math.pow(10, 2)) / Math.pow(10, 2)\n\t\t\t\t).toFixed(2);\n\t\t\t\treturn {creditT} ;\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"DEBIT\"),\n\t\t\taccessor: \"debit\",\n\t\t\tCell: ({ row }) => (\n\t\t\t\t\n\t\t\t\t\t{row.original.debit > 0 ? \"-\" : \"\"}\n\t\t\t\t\t{parseFloat(\n\t\t\t\t\t\tMath.floor(row.original.debit * Math.pow(10, 2)) / Math.pow(10, 2)\n\t\t\t\t\t).toFixed(2)}\n\t\t\t\t \n\t\t\t),\n\t\t\tFooter: () => {\n\t\t\t\tlet debitTotal = 0;\n\t\t\t\tfor (let i = 0; i <= filteredDatas.length; i++) {\n\t\t\t\t\tif (filteredDatas[i]) {\n\t\t\t\t\t\tdebitTotal += parseFloat(filteredDatas[i].debit);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tconst debitT = parseFloat(\n\t\t\t\t\tMath.floor(debitTotal * Math.pow(10, 2)) / Math.pow(10, 2)\n\t\t\t\t).toFixed(2);\n\t\t\t\treturn -{debitT} ;\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"BALANCE\"),\n\t\t\taccessor: \"balance\",\n\t\t\tCell: ({ row }) => (\n\t\t\t\t\n\t\t\t\t\t{parseFloat(\n\t\t\t\t\t\tMath.floor(row.original.balance * Math.pow(10, 2)) / Math.pow(10, 2)\n\t\t\t\t\t).toFixed(2)}\n\t\t\t\t \n\t\t\t),\n\t\t\tFooter: () => {\n\t\t\t\tlet balanceTotal = 0;\n\n\t\t\t\tfor (let i = 0; i < filteredDatas.length; i++) {\n\t\t\t\t\tif (filteredDatas[i]) {\n\t\t\t\t\t\tbalanceTotal += parseFloat(filteredDatas[i].balance);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tconst balanceT = parseFloat(\n\t\t\t\t\tMath.floor(balanceTotal * Math.pow(10, 2)) / Math.pow(10, 2)\n\t\t\t\t).toFixed(2);\n\t\t\t\treturn {balanceT} ;\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tid: \"action\",\n\t\t\tHeader: \"\",\n\t\t\tCell: ({ row }) => (\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{_userData.userRoleId != Role._SUPER_COMPANY && (\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\tsetModalState(row.original);\n\t\t\t\t\t\t\t\t\t\t\ttoggleCreditModal();\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(\"CREDIT\")} \n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\tsetModalState(row.original);\n\t\t\t\t\t\t\t\t\t\t\ttoggleDebitModal();\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(\"DEBIT\")} \n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\tsetModalState(row.original);\n\t\t\t\t\t\t\t\t\t\t\ttoggleAdjustmentModal();\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(\"ADJUSTMENT\")} \n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\tsetModalState(row.original);\n\t\t\t\t\t\t\t\t\ttoggleStatementModal();\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{t(\"STATEMENT\")} \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t
\n\t\t\t),\n\t\t\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\tconst handleEvent = (event, picker) => {\n\t\tsetStartDate(moment(picker.startDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n\t\tsetEndDate(moment(picker.endDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n\t};\n\n\treturn (\n\t\t\n\t\t\t
{t(\"BANK_SUMMARY_REPORT\")} \n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\tSelection Date For All Bank Statement \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\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\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\tAll Bank Statement \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\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
\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\tBank Summary Report \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\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t{t(\"BANK_BALANCE_CREDIT\")}\n\t\t\t\t \n\t\t\t\t\n\t\t\t\t\t \n\t\t\t\n\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t{t(\"BANK_BALANCE_DEBIT\")}\n\t\t\t\t \n\t\t\t\t\n\t\t\t\t\t \n\t\t\t\n\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t{t(\"BANK_BALANCE_TRANSFER\")}\n\t\t\t\t \n\t\t\t\t\n\t\t\t\t\t \n\t\t\t\n\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t{t(\"ACCOUNT_STATEMENT\")}\n\t\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 ManageBankSummaryReport;\n","import React, { useState } from \"react\";\nimport ReactTable from \"../../components/constantComponent/reactTable/ReactTable\";\nimport { Panel, PanelBody } from \"./../../components/panel/panel.jsx\";\nimport moment from \"moment\";\nimport DateRangePicker from \"react-bootstrap-daterangepicker\";\nimport { ApiKey, ApiUrl, LanguageKey } from \"../../util/Constant\";\nimport { useEffect } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { fetch } from \"whatwg-fetch\";\nimport { setBusy, setIdle, showMessage } from \"../../redux/AppAction\";\nimport { useDispatch } from \"react-redux\";\nimport { numberWithCurrencyFormat } from \"../../util/Util\";\n\n/// \n/// Author : -\n/// \n\nconst ManageMemberReport = (props) => {\n\tconst _dispatch = useDispatch();\n\tconst { t } = useTranslation(LanguageKey._PRIMARY);\n\tconst [startDate, setStartDate] = useState(\n\t\tmoment().format(\"YYYY-MM-DD\")\n\t);\n\tconst [endDate, setEndDate] = useState(\n\t\tmoment().format(\"YYYY-MM-DD\")\n\t);\n\tconst [memberReportDatas, setMemberReportDatas] = useState([]);\n\n\t/// \n\t/// Author : -\n\t/// \n\tuseEffect(() => {\n\t\tgetMemberReport();\n\t}, []);\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst getMemberReport = async () => {\n\t\t_dispatch(setBusy());\n\t\tawait fetch(\n\t\t\tApiUrl._API_GET_MEMBER_REPORT +\n\t\t\t\t\"?startDate=\" +\n\t\t\t\tstartDate +\n\t\t\t\t\"&endDate=\" +\n\t\t\t\tendDate,\n\t\t\t{\n\t\t\t\tmethod: ApiKey._API_GET,\n\t\t\t\theaders: {\n\t\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t\t},\n\t\t\t}\n\t\t)\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tsetMemberReportDatas(responseJson[ApiKey._API_DATA_KEY]);\n\t\t\t\t} else {\n\t\t\t\t\t_dispatch(\n\t\t\t\t\t\tshowMessage(\n\t\t\t\t\t\t\tresponseJson[ApiKey._API_SUCCESS_KEY],\n\t\t\t\t\t\t\tt(responseJson[ApiKey._API_MESSAGE_KEY])\n\t\t\t\t\t\t)\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\t_dispatch(setIdle());\n\t\t\t});\n\t};\n\n\tlet _tableColumns = [\n\t\t{\n\t\t\tHeader: t(\"USERNAME\"),\n\t\t\taccessor: \"username\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn <>{t(row.original.username)};\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t\tFooter: () => {\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{t(\"TOTAL\")}: \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"FULLNAME\"),\n\t\t\taccessor: \"fullName\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn <>{t(row.original.fullName)};\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t},\n\t\t{\n\t\t\tHeader: \"STATUS\",\n\t\t\taccessor: \"status\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{row.original.status == 1 ? (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{t(\"ACTIVE\")}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{t(\"SUSPENDED\")}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t)}\n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"LAST_LOGIN\"),\n\t\t\taccessor: \"lastLoginDate\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{moment(row.original.lastLoginDate).format(\"YYYY-MM-DD HH:mm:ss\")}\n\t\t\t\t\t\n\t\t\t\t);\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"TOTAL_DEPOSIT\"),\n\t\t\taccessor: \"deposit\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>{numberWithCurrencyFormat(parseFloat(row.original.deposit))}\n\t\t\t\t);\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t\tFooter: ({ page }) => {\n\t\t\t\tconst debitSum = page.reduce((sum, currentValue) => {\n\t\t\t\t\tif (currentValue.original.deposit) {\n\t\t\t\t\t\treturn sum + parseFloat(currentValue.original.deposit);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn sum;\n\t\t\t\t\t}\n\t\t\t\t}, 0);\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{numberWithCurrencyFormat(parseFloat(debitSum))} \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"TOTAL_WITHDRAWAL\"),\n\t\t\taccessor: \"withdrawal\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>{numberWithCurrencyFormat(parseFloat(row.original.withdrawal))}\n\t\t\t\t);\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t\tFooter: ({ page }) => {\n\t\t\t\tconst debitSum = page.reduce((sum, currentValue) => {\n\t\t\t\t\tif (currentValue.original.withdrawal) {\n\t\t\t\t\t\treturn sum + parseFloat(currentValue.original.withdrawal);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn sum;\n\t\t\t\t\t}\n\t\t\t\t}, 0);\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{numberWithCurrencyFormat(parseFloat(debitSum))} \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"TOTAL_BONUSES\"),\n\t\t\taccessor: \"bonuses\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>{numberWithCurrencyFormat(parseFloat(row.original.bonuses))}\n\t\t\t\t);\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t\tFooter: ({ page }) => {\n\t\t\t\tconst debitSum = page.reduce((sum, currentValue) => {\n\t\t\t\t\tif (currentValue.original.bonuses) {\n\t\t\t\t\t\treturn sum + parseFloat(currentValue.original.bonuses);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn sum;\n\t\t\t\t\t}\n\t\t\t\t}, 0);\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{numberWithCurrencyFormat(parseFloat(debitSum))} \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"CLAIMED_COMMISSION\"),\n\t\t\taccessor: \"claimedCommission\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\tparseFloat(row.original.claimedCommission),\n\t\t\t\t\t\t\t3\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\tminWidth: 100,\n\t\t\tFooter: ({ page }) => {\n\t\t\t\tconst debitSum = page.reduce((sum, currentValue) => {\n\t\t\t\t\tif (currentValue.original.ClaimedCommission) {\n\t\t\t\t\t\treturn sum + parseFloat(currentValue.original.claimedCommission);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn sum;\n\t\t\t\t\t}\n\t\t\t\t}, 0);\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{numberWithCurrencyFormat(parseFloat(debitSum), 3)} \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"UNCLAIMED_COMMISSION\"),\n\t\t\taccessor: \"unclaimedCommission\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\tparseFloat(row.original.unclaimedCommission),\n\t\t\t\t\t\t\t3\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\tminWidth: 100,\n\t\t\tFooter: ({ page }) => {\n\t\t\t\tconst debitSum = page.reduce((sum, currentValue) => {\n\t\t\t\t\tif (currentValue.original.unclaimedCommission) {\n\t\t\t\t\t\treturn sum + parseFloat(currentValue.original.unclaimedCommission);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn sum;\n\t\t\t\t\t}\n\t\t\t\t}, 0);\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{numberWithCurrencyFormat(parseFloat(debitSum), 3)} \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"TOTAL_VALID_TURNOVER\"),\n\t\t\taccessor: \"validTurnover\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{numberWithCurrencyFormat(parseFloat(row.original.validTurnover))}\n\t\t\t\t\t\n\t\t\t\t);\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t\tFooter: ({ page }) => {\n\t\t\t\tconst debitSum = page.reduce((sum, currentValue) => {\n\t\t\t\t\tif (currentValue.original.validTurnover) {\n\t\t\t\t\t\treturn sum + parseFloat(currentValue.original.validTurnover);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn sum;\n\t\t\t\t\t}\n\t\t\t\t}, 0);\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{numberWithCurrencyFormat(parseFloat(debitSum))} \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"TOTAL_WIN_AMOUNT\"),\n\t\t\taccessor: \"winAmount\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>{numberWithCurrencyFormat(parseFloat(row.original.winAmount))}\n\t\t\t\t);\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t\tFooter: ({ page }) => {\n\t\t\t\tconst debitSum = page.reduce((sum, currentValue) => {\n\t\t\t\t\tif (currentValue.original.winAmount) {\n\t\t\t\t\t\treturn sum + parseFloat(currentValue.original.winAmount);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn sum;\n\t\t\t\t\t}\n\t\t\t\t}, 0);\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{numberWithCurrencyFormat(parseFloat(debitSum))} \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"TOTAL_LOSS\"),\n\t\t\taccessor: \"totalLoss\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>{numberWithCurrencyFormat(parseFloat(row.original.totalLoss))}\n\t\t\t\t);\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t\tFooter: ({ page }) => {\n\t\t\t\tconst debitSum = page.reduce((sum, currentValue) => {\n\t\t\t\t\tif (currentValue.original.totalLoss) {\n\t\t\t\t\t\treturn sum + parseFloat(currentValue.original.totalLoss);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn sum;\n\t\t\t\t\t}\n\t\t\t\t}, 0);\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{numberWithCurrencyFormat(parseFloat(debitSum))} \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"TOTAL_WINLOSE\"),\n\t\t\taccessor: \"totalWinLose\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>{numberWithCurrencyFormat(parseFloat(row.original.totalWinLose))}\n\t\t\t\t);\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t\tFooter: ({ page }) => {\n\t\t\t\tconst debitSum = page.reduce((sum, currentValue) => {\n\t\t\t\t\tif (currentValue.original.totalWinLose) {\n\t\t\t\t\t\treturn sum + parseFloat(currentValue.original.totalWinLose);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn sum;\n\t\t\t\t\t}\n\t\t\t\t}, 0);\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{numberWithCurrencyFormat(parseFloat(debitSum))} \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t];\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst handleEvent = (event, picker) => {\n\t\tsetStartDate(moment(picker.startDate).format(\"YYYY-MM-DD\"));\n\t\tsetEndDate(moment(picker.endDate).format(\"YYYY-MM-DD\"));\n\t};\n\n\treturn (\n\t\t\n\t\t\t
{t(\"MEMBER_REPORT\")} \n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\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 getMemberReport()}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{t(\"SEARCH\")}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n/// Author : -\n/// \n\nconst ManageWinLossReport = (props) => {\n let _dispatch = useDispatch();\n const { t } = useTranslation(LanguageKey._PRIMARY);\n const [reportData, setReportData] = useState({\n viewerReportList: [],\n downlineReportList: [],\n });\n const [startDate, setStartDate] = useState(\n moment().startOf(\"day\").format(\"YYYY-MM-DD HH:mm:ss\")\n );\n const [endDate, setEndDate] = useState(\n moment().endOf(\"day\").format(\"YYYY-MM-DD HH:mm:ss\")\n );\n const [userHierachy, setUserHierachy] = useState([]);\n var _username = useSelector(\n (state) => state[\"authState\"][\"userData\"][\"username\"]\n );\n var _userId = useSelector(\n (state) => state[\"authState\"][\"userData\"][\"userId\"]\n );\n const [allMembers, setAllMembers] = useState([]);\n const [gameRecord, setGameRecord] = useState([]);\n const [showGameRecord, setShowGameRecord] = useState(false);\n const [selectedMember, setSelectedMember] = useState(\n useSelector((state) => state[\"authState\"][\"userData\"][\"userId\"])\n );\n const [ticketViewingMember, setTicketViewingMember] = useState();\n const [gameDetailUrl, setGameDetailUrl] = useState(\"\");\n const [overallInfo, setOverallInfo] = useState({});\n const _OVERALL_KEYS = {\n AMOUNT: \"TOTAL_AMOUNT\",\n WIN: \"TOTAL_WIN\",\n };\n const _PAGING_COUNT = 10;\n const [selectedFilterMember, setSelectedFilterMember] = useState();\n\n // This is added for the sub reports total \"footer\"\n const [ticketStatus, setTicketStatus] = useState(\"\");\n const _REPORT_REF = useRef();\n const _DOWNLINE_REPORT_REF = useRef();\n const _NODE_THEAD = \"THEAD\";\n const _TEXT_RED = \"text-red\";\n\n let _gameRecordColumns = [\n {\n Header: \"DATE\",\n accessor: \"date\",\n Cell: ({ row }) =>\n moment(row.original.date).format(\"YYYY-MM-DD HH:mm:ss\"),\n disableSortBy: true,\n Footer: \"Total\",\n },\n {\n Header: \"SETTLED_ON\",\n accessor: \"updatedTime\",\n Cell: ({ row }) => {\n if (row.original.updatedTime != \"-\") {\n return moment(row.original.updatedTime).format(\"YYYY-MM-DD HH:mm:ss\");\n } else {\n return \"-\";\n }\n },\n disableSortBy: true,\n Footer: \"\",\n },\n {\n Header: \"GAME\",\n accessor: \"gameName\",\n disableSortBy: true,\n Footer: \"\",\n },\n {\n Header: \"DESCRIPTION\",\n accessor: \"remark\",\n Cell: ({ row }) => {\n return (\n <>\n {row.original.betId} \n \n {!stringIsNullOrEmpty(row.original.remark)\n ? \" - \" + row.original.remark\n : \"\"}\n \n \n {numberWithCurrencyFormat(totalAmount, 3, true)} \n \n );\n },\n },\n {\n Header: \"STATUS\",\n accessor: \"statusString\",\n disableSortBy: true,\n Footer: \"\",\n },\n {\n Header: \"STRIKE\",\n accessor: \"winAmount\",\n disableSortBy: true,\n Cell: ({ row }) => {\n return numberWithCurrencyFormat(parseFloat(row.original.winAmount));\n },\n Footer: ({ page }) => {\n let totalWin = 0;\n if (!isObjectEmpty(overallInfo) && overallInfo[_OVERALL_KEYS.WIN]) {\n totalWin = parseFloat(overallInfo[_OVERALL_KEYS.WIN]);\n }\n return (\n \n {numberWithCurrencyFormat(totalWin, 3, true)} \n \n );\n },\n },\n {\n Header: \"NET_PROFIT\",\n accessor: \"netProfit\",\n Cell: ({ row }) => {\n let profit = parseFloat(row.original.netProfit);\n return (\n \n {numberWithCurrencyFormat(profit, 3, true)}\n \n );\n },\n disableSortBy: true,\n Footer: ({ page }) => {\n let winLossTotal = 0;\n if (\n !isObjectEmpty(overallInfo) &&\n overallInfo[_OVERALL_KEYS.WIN] &&\n overallInfo[_OVERALL_KEYS.AMOUNT]\n ) {\n winLossTotal =\n parseFloat(overallInfo[_OVERALL_KEYS.WIN]) -\n parseFloat(overallInfo[_OVERALL_KEYS.AMOUNT]);\n }\n return (\n \n {numberWithCurrencyFormat(winLossTotal, 3, true)}\n \n );\n },\n },\n ];\n\n /// \n /// Author : -\n /// \n const handleEvent = (event, picker) => {\n setStartDate(moment(picker.startDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n setEndDate(moment(picker.endDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n };\n\n /// \n /// Author : -\n /// \n async function readReport(memberId, searchDownline = true) {\n try {\n var apiUrl =\n ApiUrl._API_GET_WINLOSS_REPORT +\n \"?dateFrom=\" +\n startDate +\n \"&dateTo=\" +\n endDate +\n \"&searchDownline=\" +\n searchDownline;\n\n if (!stringIsNullOrEmpty(memberId)) {\n apiUrl += \"&memberId=\" + memberId;\n }\n\n var responseJson = await ApiEngine.get(apiUrl);\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setReportData(responseJson[ApiKey._API_DATA_KEY]);\n } else {\n throw responseJson[ApiKey._API_MESSAGE_KEY];\n }\n\n apiUrl = ApiUrl._API_GET_MEMBER_HIERACHY;\n\n if (!stringIsNullOrEmpty(memberId)) {\n apiUrl += \"?memberId=\" + memberId;\n }\n\n responseJson = await ApiEngine.get(apiUrl);\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setUserHierachy(responseJson[ApiKey._API_DATA_KEY]);\n } else {\n throw responseJson[ApiKey._API_MESSAGE_KEY];\n }\n\n checkNegativeCells(_DOWNLINE_REPORT_REF);\n checkNegativeCells(_REPORT_REF);\n } catch (error) {\n _dispatch(showMessage(false, t(error)));\n }\n }\n\n function checkNegativeCells(ref) {\n if (ref.current) {\n Array.from(ref.current.childNodes.values()).map((section) => {\n if (section.nodeName != _NODE_THEAD) {\n Array.from(section.childNodes.values()).map((tr) => {\n Array.from(tr.childNodes.values()).map((td) => {\n if (\n !isNaN(parseFloat(td.innerText)) &&\n parseFloat(td.innerText) < 0\n ) {\n td.classList.add(_TEXT_RED);\n }\n });\n });\n }\n });\n }\n }\n\n /// \n /// Author : -\n /// \n async function viewGameRecord(userId, status) {\n setTicketViewingMember(userId);\n let apiUrl =\n ApiUrl._API_GET_GAME_RECORD_BY_MEMBER +\n \"?memberId=\" +\n userId +\n \"&OnlyAcceptMember=true\";\n apiUrl +=\n \"&startDate=\" +\n moment(startDate).format(\"YYYY-MM-DD HH:mm:ss\") +\n \"&endDate=\" +\n moment(endDate).format(\"YYYY-MM-DD HH:mm:ss\");\n apiUrl += \"&ticketStatus=\" + status;\n\n setGameDetailUrl(apiUrl);\n setShowGameRecord(true);\n }\n\n /// \n /// Author : -\n /// \n const renderHierarchyLine = () => {\n let startRenderLink = false;\n return userHierachy.map((x, i) => {\n if (startRenderLink == false && x[\"id\"] == _userId) {\n startRenderLink = true;\n }\n return (\n <>\n {startRenderLink ? (\n {\n readReport(x[\"id\"]);\n }}\n >\n {x[\"username\"]}\n \n ) : (\n {x[\"username\"]} \n )}\n {userHierachy.length != i + 1 ? \" / \" : \"\"}\n \n );\n });\n };\n\n /// \n /// Author : -\n /// \n function getOverallInfo(info) {\n setOverallInfo(info);\n }\n\n /// \n /// Author : Wong\n /// \n async function getMemberList(search, loadOptions, { page }) {\n var responseJson = await ApiEngine.get(\n `${ApiUrl._API_GET_USER_MEMBER_LIST}?start=${\n (page - 1) * DEFAULT_PAGE_SIZE\n }&count=${DEFAULT_PAGE_SIZE}&keyword=${search}`\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n let data = responseJson[ApiKey._API_DATA_KEY][\"data\"];\n let formattedData = data.map((m) => {\n return { label: m.username, value: m.id };\n });\n\n return {\n options: formattedData,\n hasMore: formattedData.length == _PAGING_COUNT,\n additional: {\n page: page + 1,\n },\n };\n }\n }\n\n return (\n \n
\n {stringIsNullOrEmpty(props.id) && t(\"WINLOSS_REPORT\")}\n \n
\n \n \n
\n
\n
\n {t(\"DATE\")} \n \n
\n \n \n \n
\n \n \n
\n \n
\n
\n
\n
\n {t(\"USERNAME\")} \n \n
{\n setSelectedFilterMember(e);\n setSelectedMember(e.value);\n }}\n />\n \n
\n
\n {\n readReport(selectedMember, false);\n }}\n >\n
\n
{renderHierarchyLine()}
\n {reportData.viewerReportList.length != 0 && (\n \n
\n \n \n {t(\"USERNAME\")} \n {t(\"TOTAL_TURNOVER\")} \n {t(\"TOTAL_WINLOSE\")} \n {t(\"TOTAL_BONUS\")} \n {t(\"TOTAL_COMMISSION\")} \n \n {t(\"DOWNLINE\")}\n \n \n {t(\"PERSONAL\")}\n \n \n \n {t(\"DOWNLINE\")} \n {t(\"DOWNLINE_TURNOVER\")} \n {t(\"DOWNLINE_WINLOSE\")} \n {t(\"DOWNLINE_BONUS\")} \n {t(\"DOWNLINE_COMMISSION\")} \n {t(\"TURNOVER\")} \n {t(\"WINLOSE\")} \n {t(\"BONUS\")} \n {t(\"COMMISSION\")} \n {t(\"NET_PROFIT\")} \n {t(\"MARGIN\")} \n \n \n \n {reportData.viewerReportList.map((item, index) => {\n return (\n \n \n {\n readReport(item[\"userId\"]);\n }}\n >\n {item[\"username\"]}\n \n \n \n {numberWithCurrencyFormat(\n parseFloat(item[\"totalTurnover\"]),\n 3,\n true\n )}\n \n \n {numberWithCurrencyFormat(\n parseFloat(item[\"totalWinLoss\"]),\n 3,\n true\n )}\n \n \n {numberWithCurrencyFormat(\n parseFloat(item[\"totalBonus\"]),\n 3,\n true\n )}\n \n \n {numberWithCurrencyFormat(\n parseFloat(item[\"totalCommission\"]),\n 3,\n true\n )}\n \n {item[\"totalDownline\"]} \n \n {numberWithCurrencyFormat(\n parseFloat(item[\"downlineTurnOver\"]),\n 3,\n true\n )}\n \n \n {numberWithCurrencyFormat(\n parseFloat(item[\"downlineWinLoss\"]),\n 3,\n true\n )}\n \n \n {numberWithCurrencyFormat(\n parseFloat(item[\"downlineBonus\"]),\n 3,\n true\n )}\n \n \n {numberWithCurrencyFormat(\n parseFloat(item[\"downlineCommission\"]),\n 3,\n true\n )}\n \n \n {\n viewGameRecord(item[\"userId\"], \"\");\n }}\n >\n {numberWithCurrencyFormat(\n parseFloat(item[\"ownTurnover\"]),\n 3,\n true\n )}\n \n \n \n {numberWithCurrencyFormat(\n parseFloat(item[\"ownWinLoss\"]),\n 3,\n true\n )}\n \n \n {numberWithCurrencyFormat(\n parseFloat(item[\"ownBonus\"]),\n 3,\n true\n )}\n \n \n {numberWithCurrencyFormat(\n parseFloat(item[\"ownCommission\"]),\n 3,\n true\n )}\n \n \n {numberWithCurrencyFormat(\n parseFloat(item[\"netProfit\"]),\n 3,\n true\n )}\n \n \n {numberWithCurrencyFormat(\n parseFloat(item[\"margin\"]),\n 3,\n true\n )}\n \n \n );\n })}\n \n \n \n
\n \n \n {t(\"USERNAME\")} \n {t(\"TOTAL_TURNOVER\")} \n {t(\"TOTAL_WINLOSE\")} \n {t(\"TOTAL_BONUS\")} \n {t(\"TOTAL_COMMISSION\")} \n \n {t(\"DOWNLINE\")}\n \n \n {t(\"PERSONAL\")}\n \n \n \n {t(\"DOWNLINE\")} \n {t(\"DOWNLINE_TURNOVER\")} \n {t(\"DOWNLINE_WINLOSE\")} \n {t(\"DOWNLINE_BONUS\")} \n {t(\"DOWNLINE_COMMISSION\")} \n {t(\"TURNOVER\")} \n {t(\"WINLOSE\")} \n {t(\"BONUS\")} \n {t(\"COMMISSION\")} \n {t(\"NET_PROFIT\")} \n {t(\"MARGIN\")} \n \n \n \n {reportData.downlineReportList.map((item, index) => {\n return (\n \n \n {\n readReport(item[\"userId\"]);\n }}\n >\n {item[\"username\"]}\n \n \n \n {numberWithCurrencyFormat(\n parseFloat(item[\"totalTurnover\"]),\n 3,\n true\n )}\n \n \n {numberWithCurrencyFormat(\n parseFloat(item[\"totalWinLoss\"]),\n 3,\n true\n )}\n \n \n {numberWithCurrencyFormat(\n parseFloat(item[\"totalBonus\"]),\n 3,\n true\n )}\n \n \n {numberWithCurrencyFormat(\n parseFloat(item[\"totalCommission\"]),\n 3,\n true\n )}\n \n {item[\"totalDownline\"]} \n \n {numberWithCurrencyFormat(\n parseFloat(item[\"downlineTurnOver\"]),\n 3,\n true\n )}\n \n \n {numberWithCurrencyFormat(\n parseFloat(item[\"downlineWinLoss\"]),\n 3,\n true\n )}\n \n \n {numberWithCurrencyFormat(\n parseFloat(item[\"downlineBonus\"]),\n 3,\n true\n )}\n \n \n {numberWithCurrencyFormat(\n parseFloat(item[\"downlineCommission\"]),\n 3,\n true\n )}\n \n \n {\n viewGameRecord(item[\"userId\"], \"\");\n }}\n >\n {numberWithCurrencyFormat(\n parseFloat(item[\"ownTurnover\"]),\n 3,\n true\n )}\n \n \n \n {numberWithCurrencyFormat(\n parseFloat(item[\"ownWinLoss\"]),\n 3,\n true\n )}\n \n \n {numberWithCurrencyFormat(\n parseFloat(item[\"ownBonus\"]),\n 3,\n true\n )}\n \n \n {numberWithCurrencyFormat(\n parseFloat(item[\"ownCommission\"]),\n 3,\n true\n )}\n \n \n {numberWithCurrencyFormat(\n parseFloat(item[\"netProfit\"]),\n 3,\n true\n )}\n \n \n {numberWithCurrencyFormat(\n parseFloat(item[\"margin\"]),\n 3,\n true\n )}\n \n \n );\n })}\n \n \n \n \n {t(\"TOTAL\")} \n \n \n \n {numberWithCurrencyFormat(\n parseFloat(\n reportData.downlineReportList.reduce(\n (total, data) => total + data.totalTurnover,\n 0\n )\n ),\n 3,\n true\n )}\n \n \n \n \n {numberWithCurrencyFormat(\n parseFloat(\n reportData.downlineReportList.reduce(\n (total, data) => total + data.totalWinLoss,\n 0\n )\n ),\n 3,\n true\n )}\n \n \n \n \n {numberWithCurrencyFormat(\n parseFloat(\n reportData.downlineReportList.reduce(\n (total, data) => total + data.totalBonus,\n 0\n )\n ),\n 3,\n true\n )}\n \n \n \n \n {numberWithCurrencyFormat(\n parseFloat(\n reportData.downlineReportList.reduce(\n (total, data) => total + data.totalCommission,\n 0\n )\n ),\n 3,\n true\n )}\n \n \n \n \n {parseFloat(\n reportData.downlineReportList.reduce(\n (total, data) => total + data.totalDownline,\n 0\n )\n )}\n \n \n \n \n {numberWithCurrencyFormat(\n parseFloat(\n reportData.downlineReportList.reduce(\n (total, data) => total + data.downlineTurnOver,\n 0\n )\n ),\n 3,\n true\n )}\n \n \n \n \n {numberWithCurrencyFormat(\n parseFloat(\n reportData.downlineReportList.reduce(\n (total, data) => total + data.downlineWinLoss,\n 0\n )\n ),\n 3,\n true\n )}\n \n \n \n \n {numberWithCurrencyFormat(\n parseFloat(\n reportData.downlineReportList.reduce(\n (total, data) => total + data.downlineBonus,\n 0\n )\n ),\n 3,\n true\n )}\n \n \n \n \n {numberWithCurrencyFormat(\n parseFloat(\n reportData.downlineReportList.reduce(\n (total, data) => total + data.downlineCommission,\n 0\n )\n ),\n 3,\n true\n )}\n \n \n \n \n {numberWithCurrencyFormat(\n parseFloat(\n reportData.downlineReportList.reduce(\n (total, data) => total + data.ownTurnover,\n 0\n )\n ),\n 3,\n true\n )}\n \n \n \n \n {numberWithCurrencyFormat(\n parseFloat(\n reportData.downlineReportList.reduce(\n (total, data) => total + data.ownWinLoss,\n 0\n )\n ),\n 3,\n true\n )}\n \n \n \n \n {numberWithCurrencyFormat(\n parseFloat(\n reportData.downlineReportList.reduce(\n (total, data) => total + data.ownBonus,\n 0\n )\n ),\n 3,\n true\n )}\n \n \n \n \n {numberWithCurrencyFormat(\n parseFloat(\n reportData.downlineReportList.reduce(\n (total, data) => total + data.ownCommission,\n 0\n )\n ),\n 3,\n true\n )}\n \n \n \n \n {numberWithCurrencyFormat(\n parseFloat(\n reportData.downlineReportList.reduce(\n (total, data) => total + data.netProfit,\n 0\n )\n ),\n 3,\n true\n )}\n \n \n \n \n {numberWithCurrencyFormat(\n parseFloat(\n reportData.downlineReportList.reduce(\n (total, data) => total + data.margin,\n 0\n )\n ),\n 3,\n true\n )}\n \n \n \n \n \n {\n setShowGameRecord(false);\n setTicketStatus(\"\");\n }}\n style={{ paddingBottom: \"100px\" }}\n className=\"modal-lg\"\n keyboard={true}\n >\n {\n setShowGameRecord(false);\n setTicketStatus(\"\");\n }}\n >\n {t(\"SUMMARY\")}\n \n \n \n
\n
\n \n {t(\"TICKET_STATUS\")} \n \n x[\"value\"] == ticketStatus\n )}\n onChange={(e) => {\n setTicketStatus(e.value);\n viewGameRecord(ticketViewingMember, e.value);\n }}\n />\n
\n
\n
\n \n {\n setShowGameRecord(false);\n setTicketStatus(\"\");\n }}\n >\n {t(\"CLOSE\")}\n \n \n \n \n );\n};\n\nexport default ManageWinLossReport;\n","import React, { useState, useRef, useEffect, useCallback } from \"react\";\nimport ReactTable from \"../../components/constantComponent/reactTable/ReactTable\";\nimport { Panel, PanelBody } from \"./../../components/panel/panel.jsx\";\nimport moment from \"moment\";\nimport DateRangePicker from \"react-bootstrap-daterangepicker\";\nimport { showMessage } from \"../../redux/AppAction\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport {\n ApiKey,\n ApiUrl,\n WebUrl,\n LanguageKey,\n _TICKET_STATUS,\n DEFAULT_PAGE_SIZE,\n} from \"../../util/Constant\";\nimport {\n stringIsNullOrEmpty,\n isObjectEmpty,\n numberWithCurrencyFormat,\n} from \"../../util/Util\";\nimport { useTranslation } from \"react-i18next\";\nimport ApiEngine from \"../../util/ApiEngine.js\";\nimport Select from \"react-select\";\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from \"reactstrap\";\nimport classnames from \"classnames\";\nimport { AsyncPaginate } from \"react-select-async-paginate\";\n\n/// \n/// Author : -\n/// \n\nconst ManageTallyWinLossReport = (props) => {\n let _dispatch = useDispatch();\n const { t } = useTranslation(LanguageKey._PRIMARY);\n const ALL_OPTION_LABEL = \"All\";\n const ALL_OPTION_VALUE = \"all\";\n const [selectedProduct, setSelectedProduct] = useState(ALL_OPTION_VALUE);\n const [productList, setProductList] = useState([]);\n const [reportData, setReportData] = useState([]);\n const [filteredDatas, setFilteredDatas] = useState([]);\n const [startDate, setStartDate] = useState(\n moment().startOf(\"day\").format(\"YYYY-MM-DD HH:mm:ss\")\n );\n const [endDate, setEndDate] = useState(\n moment().endOf(\"day\").format(\"YYYY-MM-DD HH:mm:ss\")\n );\n const [userHierachy, setUserHierachy] = useState([]);\n var _username = useSelector(\n (state) => state[\"authState\"][\"userData\"][\"username\"]\n );\n var _userId = useSelector(\n (state) => state[\"authState\"][\"userData\"][\"userId\"]\n );\n const [allMembers, setAllMembers] = useState([]);\n const [gameRecord, setGameRecord] = useState([]);\n const [showGameRecord, setShowGameRecord] = useState(false);\n const [selectedMember, setSelectedMember] = useState(\n useSelector((state) => state[\"authState\"][\"userData\"][\"userId\"])\n );\n const [ticketViewingMember, setTicketViewingMember] = useState();\n const [gameDetailUrl, setGameDetailUrl] = useState(\"\");\n const [overallInfo, setOverallInfo] = useState({});\n const _OVERALL_KEYS = {\n AMOUNT: \"TOTAL_AMOUNT\",\n WIN: \"TOTAL_WIN\",\n };\n const _PAGING_COUNT = 50;\n const [selectedFilterMember, setSelectedFilterMember] = useState();\n\n\n const [timeZone, setTimeZone] = useState([-4]);\n var _TIMEZONE_OPTION = [\n { label: \"(GMT-11:00) Pago Pago\", value: -11 },\n { label: \"(GMT-10:00) Pacific/Honolulu\", value: -10 },\n { label: \"(GMT-08:00) America/Los_Angeles\", value: -8 },\n { label: \"(GMT-07:00) America/Denver\", value: -7 },\n { label: \"(GMT-06:00) America/Chicago\", value: -6 },\n { label: \"(GMT-05:00) America/New_York\", value: -5 },\n { label: \"(GMT-04:00) America/Guyana\", value: -4 },\n { label: \"(GMT-03:00) America/Santiago\", value: -3 },\n { label: \"(GMT-02:00) America/Sao_Paulo\", value: -2 },\n { label: \"(GMT-01:00) Atlantic/Azores\", value: -1 },\n { label: \"(GMT+00:00) Europe/London\", value: 0 },\n { label: \"(GMT+01:00) Europe/Berlin\", value: 1 },\n { label: \"(GMT+02:00) Europe/Athens\", value: 2 },\n { label: \"(GMT+03:00) Europe/Istanbul\", value: 3 },\n { label: \"(GMT+04:00) Europe/Samara\", value: 4 },\n { label: \"(GMT+05:00) Asia/Karachi\", value: 5 },\n { label: \"(GMT+06:00) Asia/Dhaka\", value: 6 },\n { label: \"(GMT+07:00) Asia/Bangkok\", value: 7 },\n { label: \"(GMT+08:00) Asia/Singapore\", value: 8 },\n { label: \"(GMT+09:00) Asia/Seoul\", value: 9 },\n { label: \"(GMT+10:00) Asia/Magadan\", value: 10 },\n { label: \"(GMT+11:00) Australia/Sydney\", value: 11 },\n { label: \"(GMT+12:00) Pacific/Majuro\", value: 12 },\n { label: \"(GMT+13:00) Pacific/Auckland\", value: 13 },\n { label: \"(GMT+14:00) Pacific/Apia\", value: 14 },\n ];\n const [gameType, setGametype] = useState([0]);\n var _GAMETYPE_OPTION = [\n { label: \"CreatedTime\", value: 0 },\n { label: \"UpdatedTime\", value: 1 },\n ];\n /// \n /// Author : -\n /// this is used to get the latest filtered record from reacttable\n /// \n const getFilteredRecords = useCallback(({ page }) => {\n setFilteredDatas(page);\n }, []);\n\n\n // This is added for the sub reports total \"footer\"\n const [ticketStatus, setTicketStatus] = useState(\"\");\n const _REPORT_REF = useRef();\n const _DOWNLINE_REPORT_REF = useRef();\n const _NODE_THEAD = \"THEAD\";\n const _TEXT_RED = \"text-red\";\n /// \n /// Author : -\n /// \n const _OPTION_STYLES = {\n control: (base) => ({\n ...base,\n \"min-height\": \"34px\",\n height: \"34px\",\n }),\n valueContainer: (base) => ({\n ...base,\n height: \"34px\",\n \"min-height\": \"34px\",\n }),\n indicatorsContainer: (base) => ({\n ...base,\n height: \"34px\",\n \"min-height\": \"34px\",\n }),\n input: (base) => ({\n height: \"34px\",\n \"min-height\": \"34px\",\n }),\n };\n\n /// \n /// Author : -\n /// \n const handleEvent = (event, picker) => {\n setStartDate(moment(picker.startDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n setEndDate(moment(picker.endDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n };\n\n /// \n /// Author : -\n /// \n async function readReport(memberId, searchDownline = true) {\n try {\n var apiUrl =\n ApiUrl._API_GET_TALLY_WINLOSS_REPORT +\n \"?dateFrom=\" +\n startDate +\n \"&dateTo=\" +\n endDate +\n \"&zone=\" +\n timeZone +\n \"&gameType=\" +\n gameType;\n\n if (!stringIsNullOrEmpty(memberId)) {\n apiUrl += \"&memberId=\" + memberId;\n }\n\n if (selectedProduct != ALL_OPTION_VALUE) {\n apiUrl += \"&productid=\" + selectedProduct;\n }\n\n var responseJson = await ApiEngine.get(apiUrl);\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setReportData(responseJson[ApiKey._API_DATA_KEY]);\n } else {\n throw responseJson[ApiKey._API_MESSAGE_KEY];\n }\n\n apiUrl = ApiUrl._API_GET_MEMBER_HIERACHY;\n\n if (!stringIsNullOrEmpty(memberId)) {\n apiUrl += \"?memberId=\" + memberId;\n }\n\n responseJson = await ApiEngine.get(apiUrl);\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setUserHierachy(responseJson[ApiKey._API_DATA_KEY]);\n } else {\n throw responseJson[ApiKey._API_MESSAGE_KEY];\n }\n\n checkNegativeCells(reportData);\n } catch (error) {\n _dispatch(showMessage(false, t(error)));\n }\n }\n\n function checkNegativeCells(ref) {\n if (ref.current) {\n Array.from(ref.current.childNodes.values()).map((section) => {\n if (section.nodeName != _NODE_THEAD) {\n Array.from(section.childNodes.values()).map((tr) => {\n Array.from(tr.childNodes.values()).map((td) => {\n if (\n !isNaN(parseFloat(td.innerText)) &&\n parseFloat(td.innerText) < 0\n ) {\n td.classList.add(_TEXT_RED);\n }\n });\n });\n }\n });\n }\n }\n\n /// \n /// Author : -\n /// \n async function viewGameRecord(userId, status) {\n setTicketViewingMember(userId);\n let apiUrl =\n ApiUrl._API_GET_GAME_RECORD_BY_MEMBER +\n \"?memberId=\" +\n userId +\n \"&OnlyAcceptMember=true\";\n apiUrl +=\n \"&startDate=\" +\n moment(startDate).format(\"YYYY-MM-DD HH:mm:ss\") +\n \"&endDate=\" +\n moment(endDate).format(\"YYYY-MM-DD HH:mm:ss\");\n apiUrl += \"&ticketStatus=\" + status;\n\n setGameDetailUrl(apiUrl);\n setShowGameRecord(true);\n }\n\n\n /// \n /// Author : -\n /// \n function getOverallInfo(info) {\n setOverallInfo(info);\n }\n /// \n /// Author : -\n /// \n useEffect(() => {\n init();\n }, []);\n\n /// \n /// Author : -\n /// \n async function init() {\n await fetch(ApiUrl._API_GET_MASTER_PRODUCT_ASSIGNMENT_DATA, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n const accountProductOptionList = [\n { label: ALL_OPTION_LABEL, value: ALL_OPTION_VALUE },\n ];\n responseJson[ApiKey._API_DATA_KEY].forEach(function (option) {\n accountProductOptionList.push({\n label: option.productName,\n value: option.id,\n });\n });\n\n setProductList(accountProductOptionList);\n }\n } else {\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n }\n });\n }\n let _tableColumns = [\n {\n Header: \"USERNAME\",\n accessor: \"username\",\n disableSortBy: true,\n Cell: ({ row }) => {\n return (\n window.open(WebUrl._URL_USERNAME_BET_DETAIL_REPORT + \"?username=\" + row.original.alias + \"&startDate=\" + startDate + \"&endDate=\" + endDate + \"&zone=\" + timeZone + \"&productId=\" + row.original.productId + \"&filterBy=\" + gameType)}>\n {row.original.username}\n \n );\n },\n Footer: () => {\n return {t(\"TOTAL\")}: \n {numberWithCurrencyFormat(totalOutstanding, 3, true)}\n \n );\n },\n Footer: () => {\n let totalOutstanding = 0;\n for (let i = 0; i <= reportData.length; i++) {\n if (reportData[i] && reportData[i].totalOutstanding) {\n totalOutstanding += parseFloat(reportData[i].totalOutstanding);\n }\n }\n return (\n \n {numberWithCurrencyFormat(totalOutstanding, 3, true)} \n
\n \n {numberWithCurrencyFormat(totalSales, 3, true)}\n \n );\n },\n Footer: () => {\n let totalSales = 0;\n for (let i = 0; i <= reportData.length; i++) {\n if (reportData[i] && reportData[i].totalSales) {\n totalSales += parseFloat(reportData[i].totalSales);\n }\n }\n return (\n \n {numberWithCurrencyFormat(totalSales, 3, true)} \n
\n \n {numberWithCurrencyFormat(-totalWin, 3, true)}\n );\n },\n Footer: () => {\n let totalWin = 0;\n for (let i = 0; i <= reportData.length; i++) {\n if (reportData[i] && reportData[i].totalWin) {\n totalWin -= parseFloat(reportData[i].totalWin);\n }\n }\n return (\n \n {numberWithCurrencyFormat(totalWin, 3, true)} \n
\n \n {numberWithCurrencyFormat(totalWinLose, 3, true)}\n );\n },\n Footer: () => {\n let totalWinLose = 0;\n for (let i = 0; i <= reportData.length; i++) {\n if (reportData[i] && reportData[i].totalWinLose) {\n totalWinLose += parseFloat(reportData[i].totalWinLose);\n }\n }\n return (\n \n {numberWithCurrencyFormat(totalWinLose, 3, true)} \n
\n \n {numberWithCurrencyFormat(totalCancel, 3, true)}\n \n );\n },\n Footer: () => {\n let totalCancel = 0;\n for (let i = 0; i <= reportData.length; i++) {\n if (reportData[i] && reportData[i].totalCancel) {\n totalCancel += parseFloat(reportData[i].totalCancel);\n }\n }\n return (\n \n {numberWithCurrencyFormat(totalCancel, 3, true)} \n
\n \n {numberWithCurrencyFormat(totalJpc, 3, true)}\n \n );\n },\n Footer: () => {\n let totalJpc = 0;\n for (let i = 0; i <= reportData.length; i++) {\n if (reportData[i] && reportData[i].totalJpc) {\n totalJpc += parseFloat(reportData[i].totalJpc);\n }\n }\n return (\n \n {numberWithCurrencyFormat(totalJpc, 3, true)} \n
\n \n {numberWithCurrencyFormat(totalJpw, 3, true)}\n \n );\n },\n Footer: () => {\n let totalJpw = 0;\n for (let i = 0; i <= reportData.length; i++) {\n if (reportData[i] && reportData[i].totalJpw) {\n totalJpw += parseFloat(reportData[i].totalJpw);\n }\n }\n return (\n \n {numberWithCurrencyFormat(totalJpw, 3, true)} \n
\n \n {numberWithCurrencyFormat(totalTax, 3, true)}\n \n );\n },\n Footer: () => {\n let totalTax = 0;\n for (let i = 0; i <= reportData.length; i++) {\n if (reportData[i] && reportData[i].totalTax) {\n totalTax += parseFloat(reportData[i].totalTax);\n }\n }\n return (\n \n {numberWithCurrencyFormat(totalTax, 3, true)} \n
\n \n /// Author : Wong\n /// \n /*async function getMemberList(search, loadOptions, { page }) {\n var responseJson = await ApiEngine.get(\n `${ApiUrl._API_GET_USER_MEMBER_LIST}?start=${\n (page - 1) * DEFAULT_PAGE_SIZE\n }&count=${DEFAULT_PAGE_SIZE}&keyword=${search}`\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n let data = responseJson[ApiKey._API_DATA_KEY][\"data\"];\n let formattedData = data.map((m) => {\n return { label: m.username, value: m.id };\n });\n\n return {\n options: formattedData,\n hasMore: formattedData.length == _PAGING_COUNT,\n additional: {\n page: page + 1,da\n },\n };\n }\n }*/\n\n return (\n \n
\n {stringIsNullOrEmpty(props.id) && t(\"TALLY_WINLOSS_REPORT\")}\n \n
\n \n \n
\n
\n
\n {t(\"DATE\")} \n \n
\n \n \n \n
\n \n \n
\n \n
\n
\n
\n \n {t(\"GAME_NAME\")} \n \n product.value == selectedProduct\n )}\n options={productList}\n onChange={(e) => {\n setSelectedProduct(e.value);\n }}\n />\n
\n
\n
\n \n {t(\"TIME_ZONE\")} \n \n option.value == timeZone\n )[0] !== undefined\n ? _TIMEZONE_OPTION.filter(\n (option) => option.value == timeZone\n )[0].label\n : \"\"\n }\n value={_TIMEZONE_OPTION.filter(\n (option) => option.value == timeZone\n )}\n onChange={(e) => {\n setTimeZone(e.value);\n }}\n />\n
\n
\n
\n \n Filter By \n \n option.value == gameType\n )[0] !== undefined\n ? _GAMETYPE_OPTION.filter(\n (option) => option.value == gameType\n )[0].label\n : \"\"\n }\n value={_GAMETYPE_OPTION.filter(\n (option) => option.value == gameType\n )}\n onChange={(e) => {\n setGametype(e.value);\n }}\n />\n
\n
\n
\n {\n readReport(selectedMember, false);\n }}\n >\n
\n
\n/// Author : -\n/// \n\nconst ManageWinLossReport3 = (props) => {\n\tlet _dispatch = useDispatch();\n\tconst { t } = useTranslation(LanguageKey._PRIMARY);\n\tconst [reportData, setReportData] = useState({\n\t\tviewerReportList: [],\n\t\tdownlineReportList: [],\n\t});\n\tconst [startDate, setStartDate] = useState(\n\t\tmoment().startOf(\"day\").format(\"YYYY-MM-DD HH:mm:ss\")\n\t);\n\tconst [endDate, setEndDate] = useState(\n\t\tmoment().endOf(\"day\").format(\"YYYY-MM-DD HH:mm:ss\")\n\t);\n\tconst [deleteDate, setDeleteDate] = useState(\n\t\tmoment().startOf(\"day\").format(\"YYYY-MM-DD\")\n\t);\n\tconst [userHierachy, setUserHierachy] = useState([]);\n\tvar _username = useSelector(\n\t\t(state) => state[\"authState\"][\"userData\"][\"username\"]\n\t);\n\tvar _userId = useSelector(\n\t\t(state) => state[\"authState\"][\"userData\"][\"userId\"]\n\t);\n\tconst [allMembers, setAllMembers] = useState([]);\n\tconst [gameRecord, setGameRecord] = useState([]);\n\tconst ALL_OPTION_LABEL = \"All\";\n\tconst ALL_OPTION_VALUE = \"all\";\n\tconst [selectedProduct, setSelectedProduct] = useState(ALL_OPTION_VALUE);\n\tconst [productList, setProductList] = useState([]);\n\tconst [showGameRecord, setShowGameRecord] = useState(false);\n\tconst [selectedMember, setSelectedMember] = useState(\n\t\tuseSelector((state) => state[\"authState\"][\"userData\"][\"userId\"])\n\t);\n\tconst [ticketViewingMember, setTicketViewingMember] = useState();\n\tconst [gameDetailUrl, setGameDetailUrl] = useState(\"\");\n\tconst [overallInfo, setOverallInfo] = useState({});\n\tconst _OVERALL_KEYS = {\n\t\tTURNOVER: \"TOTAL_TURNOVER\",\n\t\tVTURNOVER: \"TOTAL_VTURNOVER\",\n\t\tAMOUNT: \"TOTAL_AMOUNT\",\n\t\tWIN: \"TOTAL_WIN\",\n\t};\n\tconst _PAGING_COUNT = 10;\n\tconst [selectedFilterMember, setSelectedFilterMember] = useState();\n\n\t// This is added for the sub reports total \"footer\"\n\tconst [ticketStatus, setTicketStatus] = useState(\"1\");\n\tconst _REPORT_REF = useRef();\n\tconst _DOWNLINE_REPORT_REF = useRef();\n\tconst _NODE_THEAD = \"THEAD\";\n\tconst _TEXT_RED = \"text-red\";\n\tconst [exportDatas, setExportDatas] = useState([]);\n\t/// \n\t/// Author : -\n\t/// \n\tconst _OPTION_STYLES = {\n\t\tcontrol: (base) => ({\n\t\t\t...base,\n\t\t\tminHeight: \"34px\",\n\t\t\theight: \"34px\",\n\t\t}),\n\t\tvalueContainer: (base) => ({\n\t\t\t...base,\n\t\t\theight: \"34px\",\n\t\t\tminHeight: \"34px\",\n\t\t}),\n\t\tindicatorsContainer: (base) => ({\n\t\t\t...base,\n\t\t\theight: \"34px\",\n\t\t\tminHeight: \"34px\",\n\t\t}),\n\t\tinput: (base) => ({\n\t\t\theight: \"34px\",\n\t\t\tminHeight: \"34px\",\n\t\t}),\n\t};\n\n\tlet _gameRecordColumns = [\n\t\t{\n\t\t\tHeader: \"DATE\",\n\t\t\taccessor: \"date\",\n\t\t\tCell: ({ row }) =>\n\t\t\t\tmoment(row.original.date).format(\"YYYY-MM-DD HH:mm:ss\"),\n\t\t\tdisableSortBy: true,\n\t\t\tFooter: \"Total\",\n\t\t},\n\t\t{\n\t\t\tHeader: \"SETTLED_ON\",\n\t\t\taccessor: \"updatedTime\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\tif (row.original.updatedTime != \"-\") {\n\t\t\t\t\treturn moment(row.original.updatedTime).format(\"YYYY-MM-DD HH:mm:ss\");\n\t\t\t\t} else {\n\t\t\t\t\treturn \"-\";\n\t\t\t\t}\n\t\t\t},\n\t\t\tdisableSortBy: true,\n\t\t\tFooter: \"\",\n\t\t},\n\t\t{\n\t\t\tHeader: \"GAME\",\n\t\t\taccessor: \"gameName\",\n\t\t\tdisableSortBy: true,\n\t\t\tFooter: \"\",\n\t\t},\n\t\t{\n\t\t\tHeader: \"Ticket Details\",\n\t\t\taccessor: \"remark\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{row.original.betId} \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{!stringIsNullOrEmpty(row.original.remark)\n\t\t\t\t\t\t\t\t? \" - \" + row.original.remark\n\t\t\t\t\t\t\t\t: \"\"}\n\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t{numberWithCurrencyFormat(totalTurnover, 3, true)} \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: \"VTURNOVER\",\n\t\t\taccessor: \"validTurnover\",\n\t\t\tdisableSortBy: true,\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn numberWithCurrencyFormat(parseFloat(row.original.validTurnover));\n\t\t\t},\n\t\t\tFooter: ({ page }) => {\n\t\t\t\tlet totalVTurnover = 0;\n\t\t\t\tif (\n\t\t\t\t\t!isObjectEmpty(overallInfo) &&\n\t\t\t\t\toverallInfo[_OVERALL_KEYS.VTURNOVER]\n\t\t\t\t) {\n\t\t\t\t\ttotalVTurnover = parseFloat(overallInfo[_OVERALL_KEYS.VTURNOVER]);\n\t\t\t\t}\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{numberWithCurrencyFormat(totalVTurnover, 3, true)} \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: \"Stake\",\n\t\t\taccessor: \"amount\",\n\t\t\tdisableSortBy: true,\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn numberWithCurrencyFormat(parseFloat(row.original.amount));\n\t\t\t},\n\t\t\tFooter: ({ page }) => {\n\t\t\t\tlet totalAmount = 0;\n\t\t\t\tif (!isObjectEmpty(overallInfo) && overallInfo[_OVERALL_KEYS.AMOUNT]) {\n\t\t\t\t\ttotalAmount = parseFloat(overallInfo[_OVERALL_KEYS.AMOUNT]);\n\t\t\t\t}\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{numberWithCurrencyFormat(totalAmount, 3, true)} \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: \"STATUS\",\n\t\t\taccessor: \"statusString\",\n\t\t\tdisableSortBy: true,\n\t\t\tFooter: \"\",\n\t\t},\n\t\t{\n\t\t\tHeader: \"WinLoss\",\n\t\t\taccessor: \"netProfit\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\tlet profit = parseFloat(row.original.netProfit);\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{numberWithCurrencyFormat(profit, 3, true)}\n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t\tdisableSortBy: true,\n\t\t\tFooter: ({ page }) => {\n\t\t\t\tlet winLossTotal = 0;\n\t\t\t\tif (\n\t\t\t\t\t!isObjectEmpty(overallInfo) &&\n\t\t\t\t\toverallInfo[_OVERALL_KEYS.WIN] &&\n\t\t\t\t\toverallInfo[_OVERALL_KEYS.AMOUNT]\n\t\t\t\t) {\n\t\t\t\t\twinLossTotal =\n\t\t\t\t\t\tparseFloat(overallInfo[_OVERALL_KEYS.WIN]) -\n\t\t\t\t\t\tparseFloat(overallInfo[_OVERALL_KEYS.AMOUNT]);\n\t\t\t\t}\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{numberWithCurrencyFormat(winLossTotal, 3, true)}\n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t];\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst handleEvent = (event, picker) => {\n\t\tsetStartDate(moment(picker.startDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n\t\tsetEndDate(moment(picker.endDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n\t}; /// \n\t/// Author : -\n\t/// \n\tconst handleDeleteEvent = (event, picker) => {\n\t\tsetDeleteDate(moment(picker.startDate).format(\"YYYY-MM-DD \"));\n\t};\n\n\tasync function deleteCache() {\n\t\tvar responseJson = await ApiEngine.get(\n\t\t\tApiUrl._API_CLEAR_CACHE + \"?deleteDate=\" + deleteDate\n\t\t);\n\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t_dispatch(\n\t\t\t\tshowMessage(\n\t\t\t\t\tresponseJson[ApiKey._API_SUCCESS_KEY],\n\t\t\t\t\tt(responseJson[ApiKey._API_MESSAGE_KEY])\n\t\t\t\t)\n\t\t\t);\n\t\t} else {\n\t\t\t_dispatch(\n\t\t\t\tshowMessage(\n\t\t\t\t\tresponseJson[ApiKey._API_SUCCESS_KEY],\n\t\t\t\t\tt(responseJson[ApiKey._API_MESSAGE_KEY])\n\t\t\t\t)\n\t\t\t);\n\t\t}\n\t}\n\n\t/// \n\t/// Author : -\n\t/// \n\tasync function readReport(memberId, searchDownline = true) {\n\t\ttry {\n\t\t\tvar apiUrl =\n\t\t\t\tApiUrl._API_GET_WINLOSS_REPORT3 +\n\t\t\t\t\"?dateFrom=\" +\n\t\t\t\tstartDate +\n\t\t\t\t\"&dateTo=\" +\n\t\t\t\tendDate +\n\t\t\t\t\"&searchDownline=\" +\n\t\t\t\tsearchDownline;\n\n\t\t\tif (!stringIsNullOrEmpty(memberId)) {\n\t\t\t\tapiUrl += \"&memberId=\" + memberId;\n\t\t\t}\n\t\t\tif (selectedProduct != ALL_OPTION_VALUE) {\n\t\t\t\tapiUrl += \"&productid=\" + selectedProduct;\n\t\t\t}\n\t\t\tvar responseJson = await ApiEngine.get(apiUrl);\n\n\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\tsetReportData(responseJson[ApiKey._API_DATA_KEY]);\n\t\t\t\tupdateFilteredDatas(\n\t\t\t\t\tresponseJson[ApiKey._API_DATA_KEY].downlineReportList\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tthrow responseJson[ApiKey._API_MESSAGE_KEY];\n\t\t\t}\n\n\t\t\tapiUrl = ApiUrl._API_GET_MEMBER_HIERACHY;\n\n\t\t\tif (!stringIsNullOrEmpty(memberId)) {\n\t\t\t\tapiUrl += \"?memberId=\" + memberId;\n\t\t\t}\n\n\t\t\tresponseJson = await ApiEngine.get(apiUrl);\n\n\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\tsetUserHierachy(responseJson[ApiKey._API_DATA_KEY]);\n\t\t\t} else {\n\t\t\t\tthrow responseJson[ApiKey._API_MESSAGE_KEY];\n\t\t\t}\n\n\t\t\tcheckNegativeCells(_DOWNLINE_REPORT_REF);\n\t\t\tcheckNegativeCells(_REPORT_REF);\n\t\t} catch (error) {\n\t\t\t_dispatch(showMessage(false, t(error)));\n\t\t}\n\t}\n\n\tfunction checkNegativeCells(ref) {\n\t\tif (ref.current) {\n\t\t\tArray.from(ref.current.childNodes.values()).map((section) => {\n\t\t\t\tif (section.nodeName != _NODE_THEAD) {\n\t\t\t\t\tArray.from(section.childNodes.values()).map((tr) => {\n\t\t\t\t\t\tArray.from(tr.childNodes.values()).map((td) => {\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t!isNaN(parseFloat(td.innerText)) &&\n\t\t\t\t\t\t\t\tparseFloat(td.innerText) < 0\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\ttd.classList.add(_TEXT_RED);\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\ttd.classList.remove(_TEXT_RED);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\t/// \n\t/// Author : -\n\t/// \n\tasync function viewGameRecord(userId, status) {\n\t\tsetTicketViewingMember(userId);\n\t\tlet apiUrl =\n\t\t\tApiUrl._API_GET_GAME_RECORD_BY_MEMBER +\n\t\t\t\"?memberId=\" +\n\t\t\tuserId +\n\t\t\t\"&OnlyAcceptMember=true\";\n\t\tapiUrl +=\n\t\t\t\"&startDate=\" +\n\t\t\tmoment(startDate).format(\"YYYY-MM-DD HH:mm:ss\") +\n\t\t\t\"&endDate=\" +\n\t\t\tmoment(endDate).format(\"YYYY-MM-DD HH:mm:ss\");\n\t\tapiUrl += \"&ticketStatus=\" + status;\n\n\t\tsetGameDetailUrl(apiUrl);\n\t\tsetShowGameRecord(true);\n\t}\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst renderHierarchyLine = () => {\n\t\tlet startRenderLink = false;\n\t\treturn userHierachy.map((x, i) => {\n\t\t\tif (startRenderLink == false && x[\"id\"] == _userId) {\n\t\t\t\tstartRenderLink = true;\n\t\t\t}\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t{startRenderLink ? (\n\t\t\t\t\t\t
{\n\t\t\t\t\t\t\t\treadReport(x[\"id\"]);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{x[\"username\"]}\n\t\t\t\t\t\t\n\t\t\t\t\t) : (\n\t\t\t\t\t\t{x[\"username\"]} \n\t\t\t\t\t)}\n\t\t\t\t\t{userHierachy.length != i + 1 ? \" / \" : \"\"}\n\t\t\t\t \n\t/// Author : -\n\t/// \n\tfunction getOverallInfo(info) {\n\t\tsetOverallInfo(info);\n\t}\n\n\t/// \n\t/// Author : Wong\n\t/// \n\tasync function getMemberList(search, loadOptions, { page }) {\n\t\tvar responseJson = await ApiEngine.get(\n\t\t\t`${ApiUrl._API_GET_USER_MEMBER_LIST}?start=${\n\t\t\t\t(page - 1) * DEFAULT_PAGE_SIZE\n\t\t\t}&count=${DEFAULT_PAGE_SIZE}&keyword=${search}`\n\t\t);\n\n\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\tlet data = responseJson[ApiKey._API_DATA_KEY][\"data\"];\n\t\t\tlet formattedData = data.map((m) => {\n\t\t\t\treturn { label: m.username, value: m.id };\n\t\t\t});\n\t\t\tformattedData.unshift({ label: \"All\", value: _userId });\n\t\t\treturn {\n\t\t\t\toptions: formattedData,\n\t\t\t\thasMore: formattedData.length == _PAGING_COUNT,\n\t\t\t\tadditional: {\n\t\t\t\t\tpage: page + 1,\n\t\t\t\t},\n\t\t\t};\n\t\t}\n\t}\n\n\t/// \n\t/// Author : -\n\t/// \n\tuseEffect(() => {\n\t\tinit();\n\t}, []);\n\t/// \n\t/// Author : -\n\t/// \n\tasync function init() {\n\t\tawait fetch(ApiUrl._API_GET_MASTER_PRODUCT_ASSIGNMENT_DATA, {\n\t\t\tmethod: ApiKey._API_GET,\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t},\n\t\t})\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\t\tconst accountProductOptionList = [\n\t\t\t\t\t\t\t{ label: ALL_OPTION_LABEL, value: ALL_OPTION_VALUE },\n\t\t\t\t\t\t];\n\t\t\t\t\t\tresponseJson[ApiKey._API_DATA_KEY].forEach(function (option) {\n\t\t\t\t\t\t\taccountProductOptionList.push({\n\t\t\t\t\t\t\t\tlabel: option.productName,\n\t\t\t\t\t\t\t\tvalue: option.id,\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tsetProductList(accountProductOptionList);\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\t_dispatch(\n\t\t\t\t\t\tshowMessage(\n\t\t\t\t\t\t\tresponseJson[ApiKey._API_SUCCESS_KEY],\n\t\t\t\t\t\t\tt(responseJson[ApiKey._API_MESSAGE_KEY])\n\t\t\t\t\t\t)\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t});\n\t}\n\n\tlet _exportHeaders = [\n\t\t{ label: \"Username\", key: \"username\" },\n\t\t{ label: \"Total Turnover\", key: \"totalTurnover\" },\n\t\t{ label: \"Total Valid Turnover\", key: \"totalVTurnover\" },\n\t\t{ label: \"Total Win Loss\", key: \"totalWinLoss\" },\n\t\t{ label: \"Total Bonus\", key: \"totalBonus\" },\n\t\t{ label: \"Total Commission\", key: \"totalCommission\" },\n\t\t{ label: \"Total WinLoss + Comm\", key: \"totalWinLoss_Comm\" },\n\t\t{ label: \"Total Downline\", key: \"totalDownline\" },\n\t\t{ label: \"D/L Turnover\", key: \"downlineTurnOver\" },\n\t\t{ label: \"D/L V.TurnOver\", key: \"downlineVTurnOver\" },\n\t\t{ label: \"D/L WinLoss\", key: \"downlineWinLoss\" },\n\t\t{ label: \"D/L Bonus\", key: \"downlineBonus\" },\n\t\t{ label: \"D/L Comm\", key: \"downlineCommission\" },\n\t\t{ label: \"Turnover\", key: \"ownTurnover\" },\n\t\t{ label: \"V.Turnover\", key: \"ownVTurnover\" },\n\t\t{ label: \"Win/Lose\", key: \"ownWinLoss\" },\n\t\t{ label: \"Bonus\", key: \"ownBonus\" },\n\t\t{ label: \"Commission\", key: \"ownCommission\" },\n\t\t{ label: \"Net Profit\", key: \"netProfit\" },\n\t\t{ label: \"Margin\", key: \"margin\" },\n\t];\n\n\tconst updateFilteredDatas = (data) => {\n\t\tlet newFilteredDatas = [];\n\t\tlet newExportDatas = [];\n\n\t\tdata.map((item, index) => {\n\t\t\tlet row = item;\n\n\t\t\tlet newFilteredData = {\n\t\t\t\tusername: row.username,\n\t\t\t\ttotalTurnover: row.totalTurnover,\n\t\t\t\ttotalVTurnover: row.totalVTurnover,\n\t\t\t\ttotalWinLoss: row.totalWinLoss,\n\t\t\t\ttotalBonus: row.totalBonus,\n\t\t\t\ttotalCommission: row.totalCommission,\n\t\t\t\ttotalWinLoss_Comm: row.totalWinLoss_Comm,\n\t\t\t\ttotalDownline: row.totalDownline,\n\t\t\t\tdownlineTurnOver: row.downlineTurnOver,\n\t\t\t\tdownlineVTurnOver: row.downlineVTurnOver,\n\t\t\t\tdownlineWinLoss: row.downlineWinLoss,\n\t\t\t\tdownlineBonus: row.downlineBonus,\n\t\t\t\tdownlineCommission: row.downlineCommission,\n\t\t\t\townTurnover: row.ownTurnover,\n\t\t\t\townVTurnover: row.ownVTurnover,\n\t\t\t\townWinLoss: row.ownWinLoss,\n\t\t\t\townBonus: row.ownBonus,\n\t\t\t\townCommission: row.ownCommission,\n\t\t\t\tnetProfit: row.netProfit,\n\t\t\t\tmargin: row.margin,\n\t\t\t};\n\n\t\t\tnewFilteredDatas.push(newFilteredData);\n\n\t\t\tnewExportDatas.push(newFilteredData);\n\t\t});\n\n\t\tnewExportDatas.push({\n\t\t\tusername: \"Total\",\n\t\t\ttotalTurnover: data.reduce(\n\t\t\t\t(total, data) => total + data.totalTurnover,\n\t\t\t\t0\n\t\t\t),\n\t\t\ttotalVTurnover: data.reduce(\n\t\t\t\t(total, data) => total + data.totalVTurnover,\n\t\t\t\t0\n\t\t\t),\n\t\t\ttotalWinLoss: data.reduce((total, data) => total + data.totalWinLoss, 0),\n\t\t\ttotalBonus: data.reduce((total, data) => total + data.totalBonus, 0),\n\t\t\ttotalCommission: data.reduce(\n\t\t\t\t(total, data) => total + data.totalCommission,\n\t\t\t\t0\n\t\t\t),\n\t\t\ttotalWinLoss_Comm: data.reduce(\n\t\t\t\t(total, data) => total + data.totalWinLoss_Comm,\n\t\t\t\t0\n\t\t\t),\n\t\t\ttotalDownline: data.reduce(\n\t\t\t\t(total, data) => total + data.totalDownline,\n\t\t\t\t0\n\t\t\t),\n\t\t\tdownlineTurnOver: data.reduce(\n\t\t\t\t(total, data) => total + data.downlineTurnOver,\n\t\t\t\t0\n\t\t\t),\n\t\t\tdownlineVTurnOver: data.reduce(\n\t\t\t\t(total, data) => total + data.downlineVTurnOver,\n\t\t\t\t0\n\t\t\t),\n\t\t\tdownlineWinLoss: data.reduce(\n\t\t\t\t(total, data) => total + data.downlineWinLoss,\n\t\t\t\t0\n\t\t\t),\n\t\t\tdownlineBonus: data.reduce(\n\t\t\t\t(total, data) => total + data.downlineBonus,\n\t\t\t\t0\n\t\t\t),\n\t\t\tdownlineCommission: data.reduce(\n\t\t\t\t(total, data) => total + data.downlineCommission,\n\t\t\t\t0\n\t\t\t),\n\t\t\townTurnover: data.reduce((total, data) => total + data.ownTurnover, 0),\n\t\t\townVTurnover: data.reduce((total, data) => total + data.ownVTurnover, 0),\n\t\t\townWinLoss: data.reduce((total, data) => total + data.ownWinLoss, 0),\n\t\t\townBonus: data.reduce((total, data) => total + data.ownBonus, 0),\n\t\t\townCommission: data.reduce(\n\t\t\t\t(total, data) => total + data.ownCommission,\n\t\t\t\t0\n\t\t\t),\n\t\t\tnetProfit: data.reduce((total, data) => total + data.netProfit, 0),\n\t\t\tmargin: data.reduce((total, data) => total + data.margin, 0),\n\t\t});\n\t\tsetExportDatas(newExportDatas);\n\t};\n\n\treturn (\n\t\t\n\t\t\t
\n\t\t\t\t{stringIsNullOrEmpty(props.id) && t(\"WINLOSS_REPORT\")}\n\t\t\t \n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t{t(\"DATE\")} \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\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\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t{t(\"USERNAME\")} \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\tsetSelectedFilterMember(e);\n\t\t\t\t\t\t\t\t\t\tsetSelectedMember(e.value);\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\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{t(\"GAME_NAME\")} \n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t product.value == selectedProduct\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\toptions={productList}\n\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\tsetSelectedProduct(e.value);\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\t
\n\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\treadReport(selectedMember, false);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tstyle={{ marginRight: \"10px\" }}\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
\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t{t(\"DATE\")} \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\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\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\tdeleteCache();\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t
{renderHierarchyLine()}
\n\t\t\t\t\t{reportData.downlineReportList.length != 0 && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{t(\"USERNAME\")} \n\t\t\t\t\t\t\t\t\t\t{t(\"TOTAL_TURNOVER\")} \n\t\t\t\t\t\t\t\t\t\t{t(\"TOTAL_VTURNOVER\")} \n\t\t\t\t\t\t\t\t\t\t{t(\"TOTAL_WINLOSE\")} \n\t\t\t\t\t\t\t\t\t\t{t(\"TOTAL_BONUS\")} \n\t\t\t\t\t\t\t\t\t\t{t(\"TOTAL_COMMISSION\")} \n\t\t\t\t\t\t\t\t\t\t{t(\"TOTAL_WINLOSS_COMM\")} \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{t(\"DOWNLINE\")}\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{t(\"PERSONAL\")}\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\n\t\t\t\t\t\t\t\t\t\t{t(\"DOWNLINE\")} \n\t\t\t\t\t\t\t\t\t\t{t(\"DOWNLINE_TURNOVER\")} \n\t\t\t\t\t\t\t\t\t\t{t(\"DOWNLINE_VTURNOVER\")} \n\t\t\t\t\t\t\t\t\t\t{t(\"DOWNLINE_WINLOSE\")} \n\t\t\t\t\t\t\t\t\t\t{t(\"DOWNLINE_BONUS\")} \n\t\t\t\t\t\t\t\t\t\t{t(\"DOWNLINE_COMMISSION\")} \n\t\t\t\t\t\t\t\t\t\t{t(\"TURNOVER\")} \n\t\t\t\t\t\t\t\t\t\t{t(\"VTURNOVER\")} \n\t\t\t\t\t\t\t\t\t\t{t(\"WINLOSE\")} \n\t\t\t\t\t\t\t\t\t\t{t(\"BONUS\")} \n\t\t\t\t\t\t\t\t\t\t{t(\"COMMISSION\")} \n\t\t\t\t\t\t\t\t\t\t{t(\"NET_PROFIT\")} \n\t\t\t\t\t\t\t\t\t\t{t(\"MARGIN\")} \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\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{renderHierarchyLine()}\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\n\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\treportData.downlineReportList.reduce(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t(total, data) => total + data.totalTurnover,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\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\t3,\n\t\t\t\t\t\t\t\t\t\t\t\ttrue\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\n\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\treportData.downlineReportList.reduce(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t(total, data) => total + data.totalVTurnover,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\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\t3,\n\t\t\t\t\t\t\t\t\t\t\t\ttrue\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\n\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\treportData.downlineReportList.reduce(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t(total, data) => total + data.totalWinLoss,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\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\t3,\n\t\t\t\t\t\t\t\t\t\t\t\ttrue\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\n\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\treportData.downlineReportList.reduce(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t(total, data) => total + data.totalBonus,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\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\t3,\n\t\t\t\t\t\t\t\t\t\t\t\ttrue\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\n\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\treportData.downlineReportList.reduce(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t(total, data) => total + data.totalCommission,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\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\t3,\n\t\t\t\t\t\t\t\t\t\t\t\ttrue\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\n\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\treportData.downlineReportList.reduce(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t(total, data) => total + data.totalWinLoss_Comm,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\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\t3,\n\t\t\t\t\t\t\t\t\t\t\t\ttrue\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\n\t\t\t\t\t\t\t\t\t\t\t{parseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\treportData.downlineReportList.reduce(\n\t\t\t\t\t\t\t\t\t\t\t\t\t(total, data) => total + data.totalDownline,\n\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t)\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\n\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\treportData.downlineReportList.reduce(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t(total, data) => total + data.downlineTurnOver,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\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\t3,\n\t\t\t\t\t\t\t\t\t\t\t\ttrue\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\n\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\treportData.downlineReportList.reduce(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t(total, data) => total + data.downlineVTurnOver,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\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\t3,\n\t\t\t\t\t\t\t\t\t\t\t\ttrue\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\n\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\treportData.downlineReportList.reduce(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t(total, data) => total + data.downlineWinLoss,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\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\t3,\n\t\t\t\t\t\t\t\t\t\t\t\ttrue\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\n\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\treportData.downlineReportList.reduce(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t(total, data) => total + data.downlineBonus,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\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\t3,\n\t\t\t\t\t\t\t\t\t\t\t\ttrue\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\n\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\treportData.downlineReportList.reduce(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t(total, data) => total + data.downlineCommission,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\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\t3,\n\t\t\t\t\t\t\t\t\t\t\t\ttrue\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\n\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\treportData.downlineReportList.reduce(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t(total, data) => total + data.ownTurnover,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\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\t3,\n\t\t\t\t\t\t\t\t\t\t\t\ttrue\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\n\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\treportData.downlineReportList.reduce(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t(total, data) => total + data.ownVTurnover,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\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\t3,\n\t\t\t\t\t\t\t\t\t\t\t\ttrue\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\n\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\treportData.downlineReportList.reduce(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t(total, data) => total + data.ownWinLoss,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\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\t3,\n\t\t\t\t\t\t\t\t\t\t\t\ttrue\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\n\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\treportData.downlineReportList.reduce(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t(total, data) => total + data.ownBonus,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\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\t3,\n\t\t\t\t\t\t\t\t\t\t\t\ttrue\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\n\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\treportData.downlineReportList.reduce(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t(total, data) => total + data.ownCommission,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\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\t3,\n\t\t\t\t\t\t\t\t\t\t\t\ttrue\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\n\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\treportData.downlineReportList.reduce(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t(total, data) => total + data.netProfit,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\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\t3,\n\t\t\t\t\t\t\t\t\t\t\t\ttrue\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\n\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\treportData.downlineReportList.reduce(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t(total, data) => total + data.margin,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\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\t3,\n\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{t(\"USERNAME\")} \n\t\t\t\t\t\t\t\t\t\t{t(\"TOTAL_TURNOVER\")} \n\t\t\t\t\t\t\t\t\t\t{t(\"TOTAL_VTURNOVER\")} \n\t\t\t\t\t\t\t\t\t\t{t(\"TOTAL_WINLOSE\")} \n\t\t\t\t\t\t\t\t\t\t{t(\"TOTAL_BONUS\")} \n\t\t\t\t\t\t\t\t\t\t{t(\"TOTAL_COMMISSION\")} \n\t\t\t\t\t\t\t\t\t\t{t(\"TOTAL_WINLOSS_COMM\")} \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{t(\"DOWNLINE\")}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{t(\"PERSONAL\")}\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\n\t\t\t\t\t\t\t\t\t\t{t(\"DOWNLINE\")} \n\t\t\t\t\t\t\t\t\t\t{t(\"DOWNLINE_TURNOVER\")} \n\t\t\t\t\t\t\t\t\t\t{t(\"DOWNLINE_VTURNOVER\")} \n\t\t\t\t\t\t\t\t\t\t{t(\"DOWNLINE_WINLOSE\")} \n\t\t\t\t\t\t\t\t\t\t{t(\"DOWNLINE_BONUS\")} \n\t\t\t\t\t\t\t\t\t\t{t(\"DOWNLINE_COMMISSION\")} \n\t\t\t\t\t\t\t\t\t\t{t(\"TURNOVER\")} \n\t\t\t\t\t\t\t\t\t\t{t(\"VTURNOVER\")} \n\t\t\t\t\t\t\t\t\t\t{t(\"WINLOSE\")} \n\t\t\t\t\t\t\t\t\t\t{t(\"BONUS\")} \n\t\t\t\t\t\t\t\t\t\t{t(\"COMMISSION\")} \n\t\t\t\t\t\t\t\t\t\t{t(\"NET_PROFIT\")} \n\t\t\t\t\t\t\t\t\t\t{t(\"MARGIN\")} \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{reportData.downlineReportList.map((item, index) => {\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treadReport(item[\"userId\"]);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{item[\"username\"]}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(item[\"totalTurnover\"]),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(item[\"totalVTurnover\"]),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(item[\"totalWinLoss\"]),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(item[\"totalBonus\"]),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(item[\"totalCommission\"]),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(item[\"totalWinLoss_Comm\"]),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t{item[\"totalDownline\"]} \n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(item[\"downlineTurnOver\"]),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(item[\"downlineVTurnOver\"]),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(item[\"downlineWinLoss\"]),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(item[\"downlineBonus\"]),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(item[\"downlineCommission\"]),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewGameRecord(item[\"userId\"], \"1\");\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(item[\"ownTurnover\"]),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewGameRecord(item[\"userId\"], \"1\");\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(item[\"ownVTurnover\"]),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(item[\"ownWinLoss\"]),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(item[\"ownBonus\"]),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(item[\"ownCommission\"]),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(item[\"netProfit\"]),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(item[\"margin\"]),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{t(\"TOTAL\")} \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treportData.downlineReportList.reduce(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(total, data) => total + data.totalTurnover,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treportData.downlineReportList.reduce(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(total, data) => total + data.totalVTurnover,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treportData.downlineReportList.reduce(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(total, data) => total + data.totalWinLoss,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treportData.downlineReportList.reduce(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(total, data) => total + data.totalBonus,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treportData.downlineReportList.reduce(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(total, data) => total + data.totalCommission,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treportData.downlineReportList.reduce(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(total, data) => total + data.totalWinLoss_Comm,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{parseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\treportData.downlineReportList.reduce(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t(total, data) => total + data.totalDownline,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treportData.downlineReportList.reduce(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(total, data) => total + data.downlineTurnOver,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treportData.downlineReportList.reduce(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(total, data) => total + data.downlineVTurnOver,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treportData.downlineReportList.reduce(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(total, data) => total + data.downlineWinLoss,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treportData.downlineReportList.reduce(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(total, data) => total + data.downlineBonus,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treportData.downlineReportList.reduce(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(total, data) => total + data.downlineCommission,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treportData.downlineReportList.reduce(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(total, data) => total + data.ownTurnover,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treportData.downlineReportList.reduce(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(total, data) => total + data.ownVTurnover,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treportData.downlineReportList.reduce(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(total, data) => total + data.ownWinLoss,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treportData.downlineReportList.reduce(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(total, data) => total + data.ownBonus,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treportData.downlineReportList.reduce(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(total, data) => total + data.ownCommission,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treportData.downlineReportList.reduce(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(total, data) => total + data.netProfit,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\t\t\t\t\tparseFloat(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treportData.downlineReportList.reduce(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(total, data) => total + data.margin,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t3,\n\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t {\n\t\t\t\t\tsetShowGameRecord(false);\n\t\t\t\t\tsetTicketStatus(\"1\");\n\t\t\t\t}}\n\t\t\t\tstyle={{ paddingBottom: \"100px\" }}\n\t\t\t\tclassName=\"modal-lg\"\n\t\t\t\tkeyboard={true}\n\t\t\t>\n\t\t\t\t {\n\t\t\t\t\t\tsetShowGameRecord(false);\n\t\t\t\t\t\tsetTicketStatus(\"1\");\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{t(\"SUMMARY\")}\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{t(\"TICKET_STATUS\")} \n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t x[\"value\"] == ticketStatus\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\tsetTicketStatus(e.value);\n\t\t\t\t\t\t\t\t\t\tviewGameRecord(ticketViewingMember, e.value);\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\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t {\n\t\t\t\t\t\t\tsetShowGameRecord(false);\n\t\t\t\t\t\t\tsetTicketStatus(\"1\");\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{t(\"CLOSE\")}\n\t\t\t\t\t\n\t\t\t\t \n\t\t\t\n\t\t\n\t);\n};\n\nexport default ManageWinLossReport3;\n","import React, { useState, useEffect } from \"react\";\nimport ReactTable from \"../../components/constantComponent/reactTable/ReactTable\";\nimport { Panel, PanelBody } from \"./../../components/panel/panel.jsx\";\nimport moment from \"moment\";\nimport DateRangePicker from \"react-bootstrap-daterangepicker\";\nimport { showMessage } from \"../../redux/AppAction\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport {\n\tApiKey,\n\tApiUrl,\n\tLanguageKey,\n\tDEFAULT_PAGE_SIZE,\n} from \"../../util/Constant\";\nimport { stringIsNullOrEmpty, numberWithCurrencyFormat } from \"../../util/Util\";\nimport { useTranslation } from \"react-i18next\";\nimport ApiEngine from \"../../util/ApiEngine.js\";\nimport Select from \"react-select\";\nimport { AsyncPaginate } from \"react-select-async-paginate\";\n\n/// \n/// Author : -\n/// \n\nconst ManageBonusCommReport = (props) => {\n\tlet _dispatch = useDispatch();\n\tconst { t } = useTranslation(LanguageKey._PRIMARY);\n\tconst [reportData, setReportData] = useState([]);\n\tconst [startDate, setStartDate] = useState(\n\t\tmoment().startOf(\"day\").format(\"YYYY-MM-DD HH:mm:ss\")\n\t);\n\tconst [endDate, setEndDate] = useState(\n\t\tmoment().format(\"YYYY-MM-DD HH:mm:ss\")\n\t);\n\tconst [userHierachy, setUserHierachy] = useState([]);\n\tvar _username = useSelector(\n\t\t(state) => state[\"authState\"][\"userData\"][\"username\"]\n\t);\n\tconst [allMembers, setAllMembers] = useState([]);\n\tconst [selectedMember, setSelectedMember] = useState(\n\t\tuseSelector((state) => state[\"authState\"][\"userData\"][\"userId\"])\n\t);\n\tconst [selectedFilterMember, setSelectedFilterMember] = useState();\n\tconst ALL_OPTION_LABEL = \"All\";\n\tconst ALL_OPTION_VALUE = \"all\";\n\tconst [selectedProduct, setSelectedProduct] = useState(ALL_OPTION_VALUE);\n\tconst [productList, setProductList] = useState([]);\n\n\tvar _userId = useSelector(\n\t\t(state) => state[\"authState\"][\"userData\"][\"userId\"]\n\t)\n\n\tlet _tableColumns = [\n\t\t{\n\t\t\tHeader: \"USERNAME\",\n\t\t\taccessor: \"username\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t {\n\t\t\t\t\t\t\treadReport(row.original.userId);\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{row.original.username}\n\t\t\t\t\t\n\t\t\t\t);\n\t\t\t},\n\t\t\tdisableSortBy: true,\n\t\t},\n\t\t{\n\t\t\tHeader: \"DOWNLINE\",\n\t\t\taccessor: \"totalDownline\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn row.original.totalDownline;\n\t\t\t},\n\t\t\tdisableSortBy: true,\n\t\t},\n\t\t{\n\t\t\tHeader: \"TURNOVER\",\n\t\t\taccessor: \"totalTurnover\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn row.original.totalTurnover.toFixed(2);\n\t\t\t},\n\t\t\tdisableSortBy: true,\n\t\t},\n\t\t{\n\t\t\tHeader: \"TOTAL_BONUS\",\n\t\t\taccessor: \"totalBonus\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\trow.original.totalBonus +\n\t\t\t\t\trow.original.ownBonus +\n\t\t\t\t\trow.original.downlineBonus\n\t\t\t\t).toFixed(2);\n\t\t\t},\n\t\t\tdisableSortBy: true,\n\t\t},\n\t\t{\n\t\t\tHeader: \"OWN_COMMISSION\",\n\t\t\taccessor: \"ownCommission\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn numberWithCurrencyFormat(\n\t\t\t\t\tparseFloat(row.original.ownCommission),\n\t\t\t\t\t3\n\t\t\t\t);\n\t\t\t},\n\t\t\tdisableSortBy: true,\n\t\t},\n\t\t{\n\t\t\tHeader: \"DOWNLINE_COMMISSION\",\n\t\t\taccessor: \"downlineCommission\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn numberWithCurrencyFormat(\n\t\t\t\t\tparseFloat(row.original.downlineCommission),\n\t\t\t\t\t3\n\t\t\t\t);\n\t\t\t},\n\t\t\tdisableSortBy: true,\n\t\t},\n\t\t{\n\t\t\tHeader: \"OWN_VIP_COMMISSION\",\n\t\t\taccessor: \"vipCommission\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn numberWithCurrencyFormat(\n\t\t\t\t\tparseFloat(row.original.vipCommission),\n\t\t\t\t\t3\n\t\t\t\t);\n\t\t\t},\n\t\t\tdisableSortBy: true,\n\t\t},\n\t\t{\n\t\t\tHeader: \"TOTAL_COMMISSION\",\n\t\t\taccessor: \"totalCommission\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn numberWithCurrencyFormat(\n\t\t\t\t\trow.original.vipCommission +\n\t\t\t\t\t\trow.original.ownCommission +\n\t\t\t\t\t\trow.original.downlineCommission,\n\t\t\t\t\t3\n\t\t\t\t);\n\t\t\t},\n\t\t\tdisableSortBy: true,\n\t\t},\n\t];\n\n\t/// \n\t/// Author : -\n\t/// \n\tuseEffect(() => {\n\t\tinit();\n\t}, []);\n\n\t/// \n\t/// Author : -\n\t/// \n\tasync function init() {\n\t\tvar responseJson = await ApiEngine.get(\n\t\t\t`${ApiUrl._API_GET_USER_MEMBER_LIST}`\n\t\t);\n\n\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\tif (\n\t\t\t\tallMembers[\"length\"] == 0 &&\n\t\t\t\tresponseJson[ApiKey._API_DATA_KEY][\"length\"] > 0\n\t\t\t) {\n\t\t\t\tvar list = [];\n\n\t\t\t\tlist.push({\n\t\t\t\t\tlabel: _username,\n\t\t\t\t\tvalue: \"\",\n\t\t\t\t\tuplineMemberModel: {},\n\t\t\t\t});\n\n\t\t\t\tresponseJson[ApiKey._API_DATA_KEY].map((data) => {\n\t\t\t\t\tlist.push({\n\t\t\t\t\t\tlabel: data[\"username\"],\n\t\t\t\t\t\tvalue: data[\"id\"],\n\t\t\t\t\t\tuplineMemberModel: data[\"uplineMemberModel\"],\n\t\t\t\t\t});\n\t\t\t\t});\n\n\t\t\t\tsetAllMembers(list);\n\t\t\t}\n\t\t} else {\n\t\t\t_dispatch(\n\t\t\t\tshowMessage(\n\t\t\t\t\tresponseJson[ApiKey._API_SUCCESS_KEY],\n\t\t\t\t\tt(responseJson[ApiKey._API_MESSAGE_KEY])\n\t\t\t\t)\n\t\t\t);\n\t\t}\n\t}\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst handleEvent = (event, picker) => {\n\t\tsetStartDate(moment(picker.startDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n\t\tsetEndDate(moment(picker.endDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n\t};\n\n\t/// \n\t/// Author : -\n\t/// \n\tasync function readReport(memberId, searchDownline = true) {\n\t\ttry {\n\t\t\tvar apiUrl =\n\t\t\t\tApiUrl._API_GET_BONUS_COMMISSION_REPORT +\n\t\t\t\t\"?dateFrom=\" +\n\t\t\t\tstartDate +\n\t\t\t\t\"&dateTo=\" +\n\t\t\t\tendDate +\n\t\t\t\t\"&searchDownline=\" +\n\t\t\t\tsearchDownline;\n\n\t\t\tif (!stringIsNullOrEmpty(memberId)) {\n\t\t\t\tapiUrl += \"&memberId=\" + memberId;\n\t\t\t}\n\n\t\t\tif (selectedProduct != ALL_OPTION_VALUE) {\n\t\t\t\tapiUrl += \"&productid=\" + selectedProduct;\n\t\t\t}\n\n\t\t\tvar responseJson = await ApiEngine.get(apiUrl);\n\n\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\tsetReportData(responseJson[ApiKey._API_DATA_KEY]);\n\t\t\t} else {\n\t\t\t\tthrow responseJson[ApiKey._API_MESSAGE_KEY];\n\t\t\t}\n\n\t\t\tapiUrl = ApiUrl._API_GET_MEMBER_HIERACHY;\n\n\t\t\tif (!stringIsNullOrEmpty(memberId)) {\n\t\t\t\tapiUrl += \"?memberId=\" + memberId;\n\t\t\t}\n\n\t\t\tresponseJson = await ApiEngine.get(apiUrl);\n\n\t\t\tconsole.log(responseJson);\n\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\tsetUserHierachy(responseJson[ApiKey._API_DATA_KEY]);\n\t\t\t} else {\n\t\t\t\tthrow responseJson[ApiKey._API_MESSAGE_KEY];\n\t\t\t}\n\t\t} catch (error) {\n\t\t\t_dispatch(showMessage(false, t(error)));\n\t\t}\n\t}\n\n\t/// \n\t/// Author : Wong\n\t/// \n\tasync function getMemberList(search, loadOptions, { page }) {\n\t\tvar responseJson = await ApiEngine.get(\n\t\t\t`${ApiUrl._API_GET_USER_MEMBER_LIST}?start=${\n\t\t\t\t(page - 1) * DEFAULT_PAGE_SIZE\n\t\t\t}&count=${DEFAULT_PAGE_SIZE}&keyword=${search}`\n\t\t);\n\n\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\tlet data = responseJson[ApiKey._API_DATA_KEY][\"data\"];\n\t\t\tlet formattedData = data.map((m) => {\n\t\t\t\treturn { label: m.username, value: m.id };\n\t\t\t});\n\t\t\tformattedData.unshift({ label: \"All\", value: _userId });\n\t\t\treturn {\n\t\t\t\toptions: formattedData,\n\t\t\t\thasMore: formattedData.length == DEFAULT_PAGE_SIZE,\n\t\t\t\tadditional: {\n\t\t\t\t\tpage: page + 1,\n\t\t\t\t},\n\t\t\t};\n\t\t}\n\t}\n\n\t/// \n\t/// Author : -\n\t/// \n\tuseEffect(() => {\n\t\tinit();\n\t}, []);\n\t/// \n\t/// Author : -\n\t/// \n\tasync function init() {\n\t\tawait fetch(ApiUrl._API_GET_MASTER_PRODUCT_ASSIGNMENT_DATA, {\n\t\t\tmethod: ApiKey._API_GET,\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t},\n\t\t})\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\t\tconst accountProductOptionList = [\n\t\t\t\t\t\t\t{ label: ALL_OPTION_LABEL, value: ALL_OPTION_VALUE },\n\t\t\t\t\t\t];\n\t\t\t\t\t\tresponseJson[ApiKey._API_DATA_KEY].forEach(function (option) {\n\t\t\t\t\t\t\taccountProductOptionList.push({\n\t\t\t\t\t\t\t\tlabel: option.productName,\n\t\t\t\t\t\t\t\tvalue: option.id,\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tsetProductList(accountProductOptionList);\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\t_dispatch(\n\t\t\t\t\t\tshowMessage(\n\t\t\t\t\t\t\tresponseJson[ApiKey._API_SUCCESS_KEY],\n\t\t\t\t\t\t\tt(responseJson[ApiKey._API_MESSAGE_KEY])\n\t\t\t\t\t\t)\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t});\n\t}\n\n\treturn (\n\t\t\n\t\t\t
\n\t\t\t\t{stringIsNullOrEmpty(props.id) && t(\"BONUS_COMMISSION_REPORT\")}\n\t\t\t \n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t{t(\"DATE\")} \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\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\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t{t(\"USERNAME\")} \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\tsetSelectedFilterMember(e);\n\t\t\t\t\t\t\t\t\t\tsetSelectedMember(e.value);\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\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{t(\"GAME_NAME\")} \n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t product.value == selectedProduct\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\toptions={productList}\n\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\tsetSelectedProduct(e.value);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t{console.log(selectedProduct)}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\treadReport(selectedMember, false);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t{userHierachy.map((x, i) => {\n\t\t\t\t\t\t\treturn (\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\treadReport(x[\"id\"]);\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{x[\"username\"]}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{userHierachy.length != i + 1 ? \" / \" : \"\"}\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/// Author : -\n/// \n\nconst ManageBonusCommReport = (props) => {\n let _dispatch = useDispatch();\n const { t } = useTranslation(LanguageKey._PRIMARY);\n const [reportData, setReportData] = useState([]);\n const [startDate, setStartDate] = useState(\n moment().startOf(\"day\").format(\"YYYY-MM-DD HH:mm:ss\")\n );\n const [endDate, setEndDate] = useState(\n moment().format(\"YYYY-MM-DD HH:mm:ss\")\n );\n const [userHierachy, setUserHierachy] = useState([]);\n const _username = useSelector(\n (state) => state[\"authState\"][\"userData\"][\"username\"]\n );\n const [allMembers, setAllMembers] = useState([]);\n const [selectedMember, setSelectedMember] = useState(\"\");\n const [allBonusMembers, setAllBonusMembers] = useState([]);\n const [selectedBonusMember, setSelectedBonusMember] = useState(\"\");\n const ALL_OPTION_LABEL = \"All\";\n const ALL_OPTION_VALUE = \"all\";\n const [selectedProduct, setSelectedProduct] = useState(ALL_OPTION_VALUE);\n const [productList, setProductList] = useState([]);\n const [playerId, setPlayerId] = useState();\n const [bonusPlayerId, setBonusPlayerId] = useState();\n const _PAGING_COUNT = 10;\n\n /// \n /// Author : -\n /// \n const _OPTION_STYLES = {\n control: (base) => ({\n ...base,\n \"min-height\": \"34px\",\n height: \"34px\",\n }),\n valueContainer: (base) => ({\n ...base,\n height: \"34px\",\n \"min-height\": \"34px\",\n }),\n indicatorsContainer: (base) => ({\n ...base,\n height: \"34px\",\n \"min-height\": \"34px\",\n }),\n input: (base) => ({\n height: \"34px\",\n \"min-height\": \"34px\",\n }),\n };\n\n let _tableColumns = [\n {\n Header: \"TRANSACTION_ID\",\n accessor: \"id\",\n Cell: ({ row }) => {\n return (\n {\n readSubReport(row.original.id);\n }}\n >\n {row.original.id}\n \n );\n },\n disableSortBy: true,\n },\n {\n Header: \"DATE\",\n accessor: \"createdTime\",\n disableSortBy: true,\n },\n {\n Header: \"USERNAME\",\n accessor: \"transferPerson\",\n disableSortBy: true,\n },\n {\n Header: \"TRASFER_PLAYER\",\n accessor: \"transferPlayer\",\n disableSortBy: true,\n },\n {\n Header: \"WALLET_BEFORE_BALANCE\",\n accessor: \"walletBefore\",\n Cell: ({ row }) => {\n return numberWithCurrencyFormat(parseFloat(row.original.walletBefore));\n },\n disableSortBy: true,\n },\n {\n Header: \"DEPOSIT_AMOUNT\",\n Cell: ({ row }) => {\n return numberWithCurrencyFormat(\n -parseFloat(row.original.depositAmount)\n );\n },\n disableSortBy: true,\n },\n {\n Header: \"WALLET_AFTER_BALANCE\",\n accessor: \"walletAfter\",\n Cell: ({ row }) => {\n return numberWithCurrencyFormat(parseFloat(row.original.walletAfter));\n },\n disableSortBy: true,\n },\n {\n Header: \"BONUS_RECEIVE_MEMBER\",\n accessor: \"targetMember\",\n disableSortBy: true,\n },\n {\n Header: \"BONUS_RECEIVE_PLAYER\",\n accessor: \"targetPlayer\",\n disableSortBy: true,\n },\n {\n Header: \"BONUS_RATE\",\n accessor: \"bonusRate\",\n Cell: ({ row }) => {\n return numberWithCurrencyFormat(parseFloat(row.original.bonusRate));\n },\n disableSortBy: true,\n },\n {\n Header: \"GAME_WALLET_BEFORE_BALANCE\",\n accessor: \"gameWalletBefore\",\n Cell: ({ row }) => {\n return numberWithCurrencyFormat(\n parseFloat(row.original.gameWalletBefore)\n );\n },\n disableSortBy: true,\n },\n {\n Header: \"AMOUNT\",\n Cell: ({ row }) => {\n if (row.original.transferPlayer === row.original.targetPlayer) {\n return numberWithCurrencyFormat(\n parseFloat(row.original.depositAmount)\n );\n } else {\n return numberWithCurrencyFormat(0);\n }\n },\n disableSortBy: true,\n },\n {\n Header: \"BONUS\",\n accessor: \"bonus\",\n Cell: ({ row }) => {\n return numberWithCurrencyFormat(parseFloat(row.original.bonus));\n },\n disableSortBy: true,\n },\n {\n Header: \"GAME_WALLET_AFTER_BALANCE\",\n accessor: \"gameWalletAfter\",\n Cell: ({ row }) => {\n return numberWithCurrencyFormat(\n parseFloat(row.original.gameWalletAfter)\n );\n },\n disableSortBy: true,\n },\n ];\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n init();\n }, []);\n\n /// \n /// Author : -\n /// \n async function init() {\n await fetch(ApiUrl._API_GET_MASTER_PRODUCT_ASSIGNMENT_DATA, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n const accountProductOptionList = [\n { label: ALL_OPTION_LABEL, value: ALL_OPTION_VALUE },\n ];\n responseJson[ApiKey._API_DATA_KEY].forEach(function (option) {\n accountProductOptionList.push({\n label: option.productName,\n value: option.id,\n });\n });\n\n setProductList(accountProductOptionList);\n }\n } else {\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n }\n });\n }\n\n /// \n /// Author : -\n /// \n const handleEvent = (event, picker) => {\n setStartDate(moment(picker.startDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n setEndDate(moment(picker.endDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n };\n\n /// \n /// Author : -\n /// \n async function readReport(memberId, bonusMemberId, searchDownline = true) {\n try {\n var apiUrl =\n ApiUrl._API_MANAGE_TRANSFER_WALLET +\n \"?dateFrom=\" +\n startDate +\n \"&dateTo=\" +\n endDate +\n \"&searchDownline=\" +\n searchDownline;\n\n if (!stringIsNullOrEmpty(memberId)) {\n apiUrl += \"&memberId=\" + memberId;\n }\n\n if (!stringIsNullOrEmpty(bonusMemberId)) {\n apiUrl += \"&bonusMemberId=\" + bonusMemberId;\n }\n\n if (selectedProduct != ALL_OPTION_VALUE) {\n apiUrl += \"&masterProductId=\" + selectedProduct;\n }\n\n if (!stringIsNullOrEmpty(playerId)) {\n apiUrl += \"&playerId=\" + playerId;\n }\n\n if (!stringIsNullOrEmpty(bonusPlayerId)) {\n apiUrl += \"&bonusPlayerId=\" + bonusPlayerId;\n }\n\n var responseJson = await ApiEngine.get(apiUrl);\n console.log(responseJson[ApiKey._API_DATA_KEY]);\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setReportData(responseJson[ApiKey._API_DATA_KEY]);\n } else {\n throw responseJson[ApiKey._API_MESSAGE_KEY];\n }\n } catch (error) {\n _dispatch(showMessage(false, t(error)));\n }\n }\n\n async function readSubReport(targetTransferId) {\n try {\n var apiUrl =\n ApiUrl._API_MANAGE_TRANSFER_WALLET +\n \"?dateFrom=\" +\n startDate +\n \"&dateTo=\" +\n endDate +\n \"&searchDownline=\" +\n true;\n\n if (!stringIsNullOrEmpty(targetTransferId)) {\n apiUrl += \"&targetTransferId=\" + targetTransferId;\n apiUrl += \"&isSubReport=\" + true;\n }\n\n var responseJson = await ApiEngine.get(apiUrl);\n console.log(responseJson[ApiKey._API_DATA_KEY]);\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setReportData(responseJson[ApiKey._API_DATA_KEY]);\n } else {\n throw responseJson[ApiKey._API_MESSAGE_KEY];\n }\n } catch (error) {\n _dispatch(showMessage(false, t(error)));\n }\n }\n\n /// \n /// Author : Wong\n /// \n async function getMemberList(search, loadOptions, { page }, type) {\n console.log(type);\n var responseJson = await ApiEngine.get(\n `${ApiUrl._API_GET_USER_MEMBER_LIST}?start=${\n (page - 1) * DEFAULT_PAGE_SIZE\n }&count=${DEFAULT_PAGE_SIZE}&keyword=${search}`\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n let data = responseJson[ApiKey._API_DATA_KEY][\"data\"];\n let formattedData = data.map((m) => {\n return { label: m.username, value: m.id };\n });\n\n return {\n options: formattedData,\n hasMore: formattedData.length == _PAGING_COUNT,\n additional: {\n page: page + 1,\n },\n };\n }\n }\n\n return (\n \n
\n {stringIsNullOrEmpty(props.id) && t(\"WALLET_TRANSFER_REPORT\")}\n \n
\n \n \n
\n
\n
\n {t(\"DATE\")} \n \n
\n \n \n \n
\n \n \n
\n \n
\n
\n
\n
\n {t(\"USERNAME_TRANSFER\")} \n \n
\n getMemberList(\n search,\n loadOptions,\n { page: obj.page },\n \"TRANSFER\"\n )\n }\n additional={{\n page: 1,\n }}\n value={selectedMember}\n onChange={(e) => setSelectedMember(e)}\n />\n \n
\n
\n \n {t(\"TRASFER_PLAYER\")} \n \n {\n setPlayerId(e.target.value);\n }}\n />\n
\n
\n
\n \n {t(\"GAME_NAME\")} \n \n product.value == selectedProduct\n )}\n options={productList}\n onChange={(e) => {\n setSelectedProduct(e.value);\n }}\n />\n
\n
\n
\n
\n
\n {t(\"BONUS_RECEIVE_MEMBER\")} \n \n\n
\n getMemberList(\n search,\n loadOptions,\n { page: obj.page },\n \"BONUS\"\n )\n }\n additional={{\n page: 1,\n }}\n value={selectedBonusMember}\n onChange={(e) => setSelectedBonusMember(e)}\n />\n \n
\n
\n
\n \n {t(\"BONUS_RECEIVE_PLAYER\")} \n \n {\n setBonusPlayerId(e.target.value);\n }}\n />\n
\n
\n
\n
\n {\n readReport(\n selectedMember.value,\n selectedBonusMember.value,\n false\n );\n }}\n >\n
\n
\n/// Author : -\n/// \n\nconst ServiceChargeReport = (props) => {\n const _DEPOSIT = 1;\n const _WITHDRAWAL = 2;\n const _ADJUSTMENT = 3;\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const _dispatch = useDispatch();\n const { register, unregister, handleSubmit, errors } = useForm();\n const [calendarStartDate, setCalendarStartDate] = useState(\n moment().startOf(\"day\").format(\"YYYY-MM-DD HH:mm:ss\")\n );\n const [calendarEndDate, setCalendarEndDate] = useState(\n moment().endOf(\"day\").format(\"YYYY-MM-DD HH:mm:ss\")\n );\n const [withdrawalApprovalModal, setWithdrawalApprovalModal] = useState(false);\n const [auditBankOption, setAuditBankOption] = useState([]);\n const [auditBankId, setAuditBankId] = useState(\"\");\n const [auditBankAccountId, setAuditBankAccountId] = useState(\"\");\n const [transaction, setTransaction] = useState();\n const [bankAccountOption, setBankAccountOption] = useState([]);\n const [showTransButton, setShowTransButton] = useState(false);\n const [transactionModal, setTransactionModal] = useState(false);\n const [transactionType, setTransactionType] = useState();\n const [transactionComponent, setTransactionComponent] = useState();\n const [memberId, setMemberId] = useState();\n const [initFlag, setInitFlag] = useState(false);\n const [transactionApiUrl, setTransactionApiUrl] = useState(\"\");\n const [receiptImages, setReceiptImages] = useState([]);\n const [currentImage, setCurrentImage] = useState([]);\n const [isViewerOpen, setIsViewerOpen] = useState(false);\n const [label, setLabel] = useState(\"All\");\n const _SELECTED_MEMBER_KEY = \"selectedMemberKey\";\n\n const _STATUS_OPTIONS = [\n { value: TransactionStatus._OPEN, label: \"Open\" },\n { value: TransactionStatus._APPROVED, label: \"Approved\" },\n { value: TransactionStatus._REJECTED, label: \"Rejected\" },\n ];\n\n const _TRANSACTION_OPTIONS = [\n { value: TransactionType._DEPOSIT, label: \"Deposit\" },\n ];\n\n const _PANEL_OPTIONS = [\n { value: PanelType._MEMBERSITE, label: \"MemberSite\" },\n { value: PanelType._BACKOFFICE, label: \"BackOffice\" },\n ];\n\n const [bankingChannelOption, setBankingChannelOption] = useState([]);\n const [selectedStatus, setSelectedStatus] = useState(_STATUS_OPTIONS);\n const [selectedTransaction, setSelectedTransaction] = useState(\n _TRANSACTION_OPTIONS\n );\n const [selectedPanel, setSelectedPanel] = useState(_PANEL_OPTIONS);\n const [selectedChannel, setSelectedChannel] = useState([]);\n const [username, setUsername] = useState(\"\");\n\n const openImageViewer = useCallback((index) => {\n setCurrentImage(index);\n setIsViewerOpen(true);\n }, []);\n\n const closeImageViewer = () => {\n setCurrentImage(0);\n setIsViewerOpen(false);\n };\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n init();\n register({ name: \"auditBankId\" }, { required: \"PLEASE_SELECT_BANK\" });\n register(\n { name: \"auditBankAccountId\" },\n { required: \"PLEASE_SELECT_BANK_ACCOUNT\" }\n );\n }, [props.username]);\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n if (initFlag) {\n getUserTransaction();\n }\n }, [initFlag]);\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n if (!stringIsNullOrEmpty(auditBankId)) {\n getBankAccount();\n }\n }, [auditBankId]);\n\n /// \n /// Author : -\n /// \n async function getBankAccount() {\n var apiUrl = ApiUrl._API_GET_BANK_ACCOUNT_BY_BANK_ID;\n apiUrl += \"?bankId=\" + auditBankId + \"&withdrawal=\" + true;\n let responseJson = await ApiEngine.get(apiUrl);\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n const bankAccountList = [];\n responseJson[ApiKey._API_DATA_KEY].forEach(function (bankAccount) {\n if (bankAccount.withdrawalStatus) {\n bankAccountList.push({\n label: bankAccount.accountNumber,\n value: bankAccount.id,\n });\n }\n });\n\n setBankAccountOption(bankAccountList);\n } else {\n _dispatch(showMessage(false, t(responseJson[ApiKey._API_MESSAGE_KEY])));\n }\n }\n\n function prepareReceiptImage(imgString) {\n if (imgString != null) {\n let imgArray = [];\n imgString = \"../..\" + imgString;\n imgArray.push(imgString);\n setReceiptImages(imgArray);\n openImageViewer(0);\n } else {\n _dispatch(showMessage(false, t(\"NO_RECEIPT_FOUND\")));\n }\n }\n\n /// \n /// Author : -\n /// \n const handleEvent = (event, picker) => {\n setCalendarStartDate(\n moment(picker.startDate).format(\"YYYY-MM-DD HH:mm:ss\")\n );\n setCalendarEndDate(moment(picker.endDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n };\n\n /// \n /// Author : -\n /// \n const init = async () => {\n if (props.username && props.id) {\n setUsername(props.username);\n setMemberId(props.id);\n setShowTransButton(true);\n }\n try {\n let channelResponseJson = await ApiEngine.get(\n ApiUrl._API_GET_BANKING_CHANNEL\n );\n if (channelResponseJson[ApiKey._API_SUCCESS_KEY]) {\n const bankingChannelList = [];\n channelResponseJson[ApiKey._API_DATA_KEY].forEach(function (\n bankingChannel\n ) {\n bankingChannelList.push({\n label: bankingChannel.name,\n value: bankingChannel.name,\n });\n });\n\n setBankingChannelOption(bankingChannelList);\n } else {\n throw channelResponseJson[ApiKey._API_MESSAGE_KEY];\n }\n\n let userBankResponseJson = await ApiEngine.get(ApiUrl._API_GET_USER_BANK);\n if (userBankResponseJson[ApiKey._API_SUCCESS_KEY]) {\n const bankList = [];\n userBankResponseJson[ApiKey._API_DATA_KEY].forEach(function (bank) {\n bankList.push({ label: bank.bankName, value: bank.id });\n });\n setAuditBankOption(bankList);\n } else {\n throw userBankResponseJson[ApiKey._API_MESSAGE_KEY];\n }\n\n setInitFlag(true);\n } catch (ex) {\n _dispatch(showMessage(false, t(ex)));\n }\n };\n\n /// \n /// Author : -\n /// \n const getUserTransaction = async () => {\n let status = [];\n let transactionType = [];\n let channel = [];\n let panel = [];\n if (!stringIsNullOrEmpty(selectedStatus)) {\n selectedStatus.map((selected) => {\n status.push(selected.value);\n });\n }\n if (!stringIsNullOrEmpty(selectedTransaction)) {\n selectedTransaction.map((selected) => {\n transactionType.push(selected.value);\n });\n }\n\n channel.push(BankingChannelName._CHANNEL_PAYTRUST);\n\n if (!stringIsNullOrEmpty(selectedPanel)) {\n selectedPanel.map((selected) => {\n panel.push(selected.value);\n });\n }\n\n let fetchUrl = ApiUrl._API_GET_ALL_USER_TRANSACTION;\n fetchUrl +=\n \"?startDate=\" +\n calendarStartDate +\n \"&endDate=\" +\n calendarEndDate +\n \"&approvalStatus=\" +\n status;\n fetchUrl +=\n \"&transactionType=\" +\n transactionType +\n \"&bankingChannel=\" +\n channel +\n \"&isGatewayTrans=true\" +\n \"&panel=\" +\n panel +\n \"&v=\" +\n Date.now();\n if (username !== \"\") {\n fetchUrl += \"&username=\" + (label == \"All\" ? \"\" : label);\n }\n setTransactionApiUrl(fetchUrl);\n };\n\n let _tableColumns = [\n {\n id: \"id\",\n Header: \"ID\",\n accessor: \"id\",\n minWidth: 100,\n Footer: () => {\n return (\n \n {t(\"TOTAL\")}: \n \n );\n },\n },\n {\n Header: t(\"DATE\"),\n accessor: \"submitTime\",\n style: {\n whiteSpace: \"unset\",\n wordBreak: \"break-word\",\n },\n Cell: ({ row }) => {\n return (\n <>{moment(row.original.submitTime).format(\"YYYY-MM-DD HH:mm:ss\")}\n );\n },\n minWidth: 100,\n },\n {\n Header: t(\"USERNAME\"),\n accessor: \"memberUsername\",\n minWidth: 100,\n },\n {\n Header: t(\"FULLNAME\"),\n accessor: \"memberFullName\",\n minWidth: 100,\n },\n {\n Header: t(\"TYPE\"),\n accessor: \"transactionType\",\n minWidth: 100,\n Cell: ({ row }) => {\n return <>{t(row.original.transactionType.toUpperCase())};\n },\n },\n {\n Header: t(\"STATUS\"),\n accessor: \"approvalStatusString\",\n Cell: ({ row }) => {\n switch (row.original.approvalStatus) {\n case TransactionStatus._APPROVED:\n return (\n \n {t(\"APPROVED\")}\n \n );\n break;\n case TransactionStatus._REJECTED:\n return (\n \n {t(\"REJECTED\")}\n \n );\n break;\n default:\n return (\n \n {t(row.original.approvalStatusString)}\n \n );\n break;\n }\n },\n minWidth: 100,\n },\n {\n id: \"amount\",\n Header: t(\"AMOUNT\"),\n accessor: \"amount\",\n minWidth: 100,\n Cell: ({ row }) => {\n if (row.original.transactionTypeId != TransactionType._WITHDRAWAL) {\n return (\n <>\n {numberWithCurrencyFormat(\n parseFloat(row.original.amount) +\n parseFloat(row.original.serviceCharge)\n )}\n \n );\n } else {\n return <>;\n }\n },\n Footer: ({ page }) => {\n const creditSum = page.reduce((sum, currentValue) => {\n if (\n currentValue.original.amount &&\n currentValue.original.transactionTypeId !=\n TransactionType._WITHDRAWAL\n ) {\n return (\n sum +\n parseFloat(currentValue.original.amount) +\n parseFloat(currentValue.original.serviceCharge)\n );\n } else {\n return sum;\n }\n }, 0);\n return (\n \n {numberWithCurrencyFormat(parseFloat(creditSum))} \n \n );\n },\n },\n {\n id: \"credit\",\n Header: t(\"CREDIT\"),\n accessor: \"amount\",\n minWidth: 100,\n Cell: ({ row }) => {\n if (row.original.transactionTypeId != TransactionType._WITHDRAWAL) {\n return (\n <>{numberWithCurrencyFormat(parseFloat(row.original.amount))}\n );\n } else {\n return <>;\n }\n },\n Footer: ({ page }) => {\n const creditSum = page.reduce((sum, currentValue) => {\n if (\n currentValue.original.amount &&\n currentValue.original.transactionTypeId !=\n TransactionType._WITHDRAWAL\n ) {\n return sum + parseFloat(currentValue.original.amount);\n } else {\n return sum;\n }\n }, 0);\n return (\n \n {numberWithCurrencyFormat(parseFloat(creditSum))} \n \n );\n },\n },\n {\n id: \"serviceChargePercentage\",\n Header: t(\"SERVICE_CHARGE_PERCENTAGE\"),\n accessor: \"serviceCharge\",\n minWidth: 100,\n Cell: ({ row }) => {\n return (\n <>\n {numberWithCurrencyFormat(\n parseFloat(row.original.serviceChargePercentage)\n )}\n \n );\n },\n Footer: \"\",\n },\n {\n id: \"serviceCharge\",\n Header: t(\"SERVICE_CHARGE\"),\n accessor: \"serviceCharge\",\n minWidth: 100,\n Cell: ({ row }) => {\n return (\n <>\n {numberWithCurrencyFormat(parseFloat(row.original.serviceCharge))}\n \n );\n },\n Footer: ({ page }) => {\n const creditSum = page.reduce((sum, currentValue) => {\n if (\n currentValue.original.serviceCharge &&\n currentValue.original.transactionTypeId !=\n TransactionType._WITHDRAWAL\n ) {\n return sum + parseFloat(currentValue.original.serviceCharge);\n } else {\n return sum;\n }\n }, 0);\n return (\n \n {numberWithCurrencyFormat(parseFloat(creditSum))} \n \n );\n },\n },\n {\n Header: t(\"CHANNEL\"),\n accessor: \"channel\",\n minWidth: 100,\n },\n {\n Header: t(\"PANEL\"),\n accessor: \"panel\",\n Cell: ({ row }) => {\n return <>{t(row.original.panel.toUpperCase())};\n },\n minWidth: 100,\n },\n ];\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n setAuditBankAccountId(\"\");\n setAuditBankId(\"\");\n register({ name: \"auditBankId\" }, { required: \"PLEASE_SELECT_BANK\" });\n register(\n { name: \"auditBankAccountId\" },\n { required: \"PLEASE_SELECT_BANK_ACCOUNT\" }\n );\n }, [withdrawalApprovalModal]);\n\n useEffect(() => {\n sessionStorage.setItem(_SELECTED_MEMBER_KEY, username);\n }, [username]);\n\n async function getMemberList(search, loadOptions, { page }) {\n var responseJson = await ApiEngine.get(\n `${ApiUrl._API_GET_USER_MEMBER_LIST}?&start=${(page - 1) * DEFAULT_PAGE_SIZE\n }&count=${DEFAULT_PAGE_SIZE}&keyword=${search}`\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n let data = responseJson[ApiKey._API_DATA_KEY][\"data\"];\n let formattedData = data.map((m) => {\n return { label: m.username, value: m.id };\n });\n formattedData.unshift({ label: \"All\", value: \"\" })\n return {\n options: formattedData,\n hasMore: formattedData.length == DEFAULT_PAGE_SIZE,\n additional: {\n page: page + 1,\n },\n };\n }\n }\n\n return (\n \n
{t(\"TRANSACTION_REPORT\")} \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 width: \"100%\",\n }),\n }}\n value={selectedStatus}\n options={_STATUS_OPTIONS}\n isMulti\n onChange={(e) => {\n setSelectedStatus(e);\n }}\n />\n \n
\n
\n \n \n \n
\n {\n if (!stringIsNullOrEmpty(e.value)) {\n sessionStorage.setItem(_SELECTED_MEMBER_KEY, e.value);\n } else {\n sessionStorage.removeItem(_SELECTED_MEMBER_KEY);\n }\n setLabel(e.label);\n setUsername(e.value);\n }}\n />\n \n {\n getUserTransaction();\n }}\n className=\"btn btn-primary\"\n >\n {t(\"SEARCH\")}\n \n
\n \n {showTransButton && (\n \n
\n {\n setTransactionModal(true);\n setTransactionType(_DEPOSIT);\n }}\n >\n {t(\"DEPOSIT\")}\n \n {\n setTransactionModal(true);\n setTransactionType(_WITHDRAWAL);\n }}\n >\n {t(\"WITHDRAWAL\")}\n \n
\n
\n/// Author : -\n/// \n\nconst TransactionReport = props => {\n const _DEPOSIT = 1;\n const _WITHDRAWAL = 2;\n const _BONUS = 3;\n const _ADJUSTMENT = 4;\n const _REBATE = 5;\n const _TRANSFER = 6;\n const _SHAREHOLDER_CLAIM = 7;\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const _dispatch = useDispatch();\n const { register, unregister, handleSubmit, errors } = useForm();\n const [calendarStartDate, setCalendarStartDate] = useState(moment().startOf('day').format(\"YYYY-MM-DD HH:mm:ss\"));\n const [calendarEndDate, setCalendarEndDate] = useState(moment().endOf('day').format(\"YYYY-MM-DD HH:mm:ss\"));\n const [withdrawalApprovalModal, setWithdrawalApprovalModal] = useState(false);\n const [auditBankOption, setAuditBankOption] = useState([]);\n const [auditBankId, setAuditBankId] = useState('');\n const [auditBankAccountId, setAuditBankAccountId] = useState('');\n const [transaction, setTransaction] = useState();\n const [bankAccountOption, setBankAccountOption] = useState([]);\n const [showTransButton, setShowTransButton] = useState(false);\n const [transactionModal, setTransactionModal] = useState(false);\n const [transactionType, setTransactionType] = useState();\n const [transactionComponent, setTransactionComponent] = useState();\n const [memberId, setMemberId] = useState();\n const [initFlag, setInitFlag] = useState(false);\n const [transactionApiUrl, setTransactionApiUrl] = useState(\"\");\n const [receiptImages, setReceiptImages] = useState([]);\n const [currentImage, setCurrentImage] = useState([]);\n const [isViewerOpen, setIsViewerOpen] = useState(false);\n const _DEBIT_TRANSACTIONS = [TransactionType._WITHDRAWAL, TransactionType._UPLINE_TRANSFER];\n\n const _STATUS_OPTIONS = [\n { value: TransactionStatus._OPEN, label: 'Open' },\n { value: TransactionStatus._APPROVED, label: 'Approved' },\n { value: TransactionStatus._REJECTED, label: 'Rejected' },\n ];\n\n const _TRANSACTION_OPTIONS = [\n { value: TransactionType._DEPOSIT, label: 'Deposit' },\n { value: TransactionType._WITHDRAWAL, label: 'Withdrawal' },\n { value: TransactionType._UPLINE_TRANSFER, label: 'Transfer' },\n { value: TransactionType._SHAREHOLDER_CLAIM, label: 'Shareholder Claim' },\n { value: TransactionType._COMMISSION, label: 'Commission' },\n { value: TransactionType._REWARD, label: \"Reward Claim\" },\n { value: TransactionType._BIRTHDAY_REWARD, label: \"Birthday Reward\" },\n { value: TransactionType._VIP_COMMISSION, label: \"VIP Commission\" },\n { value: TransactionType._WEEKLY_RESCUE_BONUS, label: \"Weekly Rescue\" },\n { value: TransactionType._CREDIT_REDEMPTION, label: \"Credit Redemption\" },\n { value: TransactionType._REFERRAL_BONUS, label: 'Referral Bonus' },\n \n ];\n\n const _PANEL_OPTIONS = [\n { value: PanelType._MEMBERSITE, label: 'MemberSite' },\n { value: PanelType._BACKOFFICE, label: 'BackOffice' },\n ];\n\n const [bankingChannelOption, setBankingChannelOption] = useState([]);\n const [selectedStatus, setSelectedStatus] = useState(_STATUS_OPTIONS);\n const [selectedTransaction, setSelectedTransaction] = useState(_TRANSACTION_OPTIONS);\n const [selectedPanel, setSelectedPanel] = useState(_PANEL_OPTIONS);\n const [selectedChannel, setSelectedChannel] = useState([]);\n const [username, setUsername] = useState(\"\");\n const [label, setLabel] = useState(\"All\");\n const _SELECTED_MEMBER_KEY = \"selectedMemberKey\";\n\n const openImageViewer = useCallback((index) => {\n setCurrentImage(index);\n setIsViewerOpen(true);\n }, []);\n\n const closeImageViewer = () => {\n setCurrentImage(0);\n setIsViewerOpen(false);\n };\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n init();\n register({ name: 'auditBankId' }, { required: \"PLEASE_SELECT_BANK\" });\n register({ name: 'auditBankAccountId' }, { required: \"PLEASE_SELECT_BANK_ACCOUNT\" });\n }, [props.username]);\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n if (initFlag) {\n getUserTransaction();\n }\n }, [initFlag]);\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n if (!stringIsNullOrEmpty(auditBankId)) {\n getBankAccount();\n }\n }, [auditBankId])\n\n useEffect(() => {\n sessionStorage.setItem(_SELECTED_MEMBER_KEY, username);\n }, [username]);\n\n /// \n /// Author : -\n /// \n async function getBankAccount() {\n var apiUrl = ApiUrl._API_GET_BANK_ACCOUNT_BY_BANK_ID;\n apiUrl += \"?bankId=\" + auditBankId + \"&withdrawal=\" + true;\n let responseJson = await ApiEngine.get(apiUrl);\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n const bankAccountList = [];\n responseJson[ApiKey._API_DATA_KEY].forEach(function (bankAccount) {\n if (bankAccount.withdrawalStatus) {\n bankAccountList.push({ label: bankAccount.accountNumber, value: bankAccount.id });\n }\n });\n\n setBankAccountOption(bankAccountList);\n }\n else {\n _dispatch(showMessage(false, t(responseJson[ApiKey._API_MESSAGE_KEY])));\n }\n }\n\n\n // If is debit transaction and searched username is not row's username (means transffered to this searched username)\n // If is debit transaction and searched username is empty (viewing from overview)\n // If is transfer transaction and searched username is row's username (means transferred to this searched username)\n const isDebitTransaction = (transaction) => {\n return (_DEBIT_TRANSACTIONS.indexOf(transaction.transactionTypeId) >= 0 && transaction.memberUsername == username) ||\n (_DEBIT_TRANSACTIONS.indexOf(transaction.transactionTypeId) >= 0 && stringIsNullOrEmpty(username)) ||\n (transaction.transactionTypeId == TransactionType._UPLINE_TRANSFER && transaction.memberUsername == username) ||\n (transaction.transactionTypeId == TransactionType._WITHDRAWAL);\n }\n\n // If is not debit transaction \n // If it is transfer type and username is not transaction username and searched username is not empty (viewing from account)\n const isCreditTransaction = (transaction) => {\n return _DEBIT_TRANSACTIONS.indexOf(transaction.transactionTypeId) < 0 ||\n (transaction.transactionTypeId == TransactionType._UPLINE_TRANSFER && transaction.memberUsername != username && !stringIsNullOrEmpty(username))\n }\n\n\n function prepareReceiptImage(imgString) {\n if (imgString != null) {\n let imgArray = [];\n imgString = \"../..\" + imgString;\n imgArray.push(imgString);\n setReceiptImages(imgArray);\n openImageViewer(0);\n }\n else {\n _dispatch(showMessage(false, t('NO_RECEIPT_FOUND')));\n }\n }\n\n /// \n /// Author : -\n /// \n const handleEvent = (event, picker) => {\n setCalendarStartDate(moment(picker.startDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n setCalendarEndDate(moment(picker.endDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n }\n\n\n /// \n /// Author : -\n /// \n const init = async () => {\n if (props.username && props.id) {\n setUsername(props.username);\n setMemberId(props.id);\n setShowTransButton(true);\n }\n try {\n let channelResponseJson = await ApiEngine.get(ApiUrl._API_GET_BANKING_CHANNEL);\n if (channelResponseJson[ApiKey._API_SUCCESS_KEY]) {\n const bankingChannelList = [];\n channelResponseJson[ApiKey._API_DATA_KEY].forEach(function (bankingChannel) {\n bankingChannelList.push({ label: bankingChannel.name, value: bankingChannel.name });\n });\n\n setBankingChannelOption(bankingChannelList);\n }\n else {\n throw channelResponseJson[ApiKey._API_MESSAGE_KEY];\n }\n\n let userBankResponseJson = await ApiEngine.get(ApiUrl._API_GET_USER_BANK);\n if (userBankResponseJson[ApiKey._API_SUCCESS_KEY]) {\n const bankList = [];\n userBankResponseJson[ApiKey._API_DATA_KEY].forEach(function (bank) {\n bankList.push({ label: bank.bankName, value: bank.id });\n });\n setAuditBankOption(bankList);\n }\n else {\n throw userBankResponseJson[ApiKey._API_MESSAGE_KEY];\n }\n\n setInitFlag(true);\n }\n catch (ex) {\n _dispatch(showMessage(false, t(ex)));\n }\n }\n\n /// \n /// Author : -\n /// \n const getUserTransaction = async () => {\n let status = [];\n let transactionType = [];\n let channel = [];\n let panel = [];\n if (!stringIsNullOrEmpty(selectedStatus)) {\n selectedStatus.map((selected) => {\n status.push(selected.value);\n })\n }\n if (!stringIsNullOrEmpty(selectedTransaction)) {\n selectedTransaction.map((selected) => {\n transactionType.push(selected.value);\n })\n }\n\n if (!stringIsNullOrEmpty(selectedPanel)) {\n selectedPanel.map((selected) => {\n panel.push(selected.value);\n })\n }\n\n let fetchUrl = ApiUrl._API_GET_ALL_USER_TRANSACTION;\n fetchUrl += \"?startDate=\" + calendarStartDate + \"&endDate=\" + calendarEndDate + \"&approvalStatus=\" + status;\n fetchUrl += \"&transactionType=\" + transactionType + \"&bankingChannel=\" + channel + \"&panel=\" + panel + \"&v=\" + Date.now();\n if (username !== \"\") {\n fetchUrl += \"&username=\" + (label == \"All\" ? \"\" : label);\n }\n setTransactionApiUrl(fetchUrl);\n }\n\n async function getMemberList(search, loadOptions, { page }) {\n var responseJson = await ApiEngine.get(\n `${ApiUrl._API_GET_USER_MEMBER_LIST}?&start=${(page - 1) * DEFAULT_PAGE_SIZE\n }&count=${DEFAULT_PAGE_SIZE}&keyword=${search}`\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n let data = responseJson[ApiKey._API_DATA_KEY][\"data\"];\n let formattedData = data.map((m) => {\n return { label: m.username, value: m.id };\n });\n formattedData.unshift({ label: \"All\", value: \"\" })\n return {\n options: formattedData,\n hasMore: formattedData.length == DEFAULT_PAGE_SIZE,\n additional: {\n page: page + 1,\n },\n };\n }\n }\n\n\n let _tableColumns = [\n {\n id: \"id\",\n Header: \"ID\",\n accessor: \"id\",\n minWidth: 100,\n Footer: () => {\n return {t(\"TOTAL\")}: {t(\"APPROVED\")} \n break;\n case TransactionStatus._REJECTED:\n return {t(\"REJECTED\")} \n break;\n default:\n return {t(row.original.approvalStatusString)} \n break;\n }\n },\n minWidth: 100\n },\n {\n id: \"debit\",\n Header: t(\"DEBIT\"),\n accessor: \"amount\",\n minWidth: 100,\n Cell: ({ row }) => {\n if (isDebitTransaction(row.original)) {\n return <>-{numberWithCurrencyFormat(parseFloat(row.original.amount))}\n }\n else {\n return <>\n }\n },\n Footer: ({ page }) => {\n const debitSum = page.reduce((sum, currentValue) => {\n if (currentValue.original.amount && isDebitTransaction(currentValue.original)) {\n return sum + (parseFloat(currentValue.original.amount) * -1);\n }\n else {\n return sum;\n }\n }, 0);\n return {numberWithCurrencyFormat(parseFloat(debitSum))} {numberWithCurrencyFormat(parseFloat(creditSum), 3)} \n /// Author : -\n /// \n useEffect(() => {\n setAuditBankAccountId('');\n setAuditBankId('');\n register({ name: 'auditBankId' }, { required: \"PLEASE_SELECT_BANK\" });\n register({ name: 'auditBankAccountId' }, { required: \"PLEASE_SELECT_BANK_ACCOUNT\" });\n }, [withdrawalApprovalModal])\n\n return (\n \n
{t(\"TRANSACTION_REPORT\")} \n
\n \n
\n
\n \n
\n
\n
\n
\n
\n
\n ({\n width: \"100%\"\n })\n }}\n value={selectedStatus}\n options={_STATUS_OPTIONS}\n isMulti\n onChange={(e) => {\n setSelectedStatus(e)\n }}\n />\n
\n
\n
\n
\n
\n
\n
\n
\n ({\n width: \"100%\"\n })\n }}\n value={selectedTransaction}\n options={_TRANSACTION_OPTIONS}\n isMulti\n onChange={(e) => {\n setSelectedTransaction(e)\n }}\n />\n
\n
\n
\n
\n
\n
\n
\n
{\n if (!stringIsNullOrEmpty(e.value)) {\n sessionStorage.setItem(_SELECTED_MEMBER_KEY, e.value);\n } else {\n sessionStorage.removeItem(_SELECTED_MEMBER_KEY);\n }\n setLabel(e.label);\n setUsername(e.value);\n }}\n />\n \n
\n
\n { getUserTransaction(); }} className=\"btn btn-primary\">{t(\"SEARCH\")} \n
\n
\n
\n { setTransactionModal(true); setTransactionType(_DEPOSIT) }}>{t(\"DEPOSIT\")} \n { setTransactionModal(true); setTransactionType(_WITHDRAWAL) }}>{t(\"WITHDRAWAL\")} \n
\n
\n
\n
\n
\n/// Author : -\n/// \n\nconst WalletTransferReport = (props) => {\n let _dispatch = useDispatch();\n const { t } = useTranslation(LanguageKey._PRIMARY);\n const [reportData, setReportData] = useState([]);\n const [startDate, setStartDate] = useState(\n moment().startOf(\"day\").format(\"YYYY-MM-DD HH:mm:ss\")\n );\n const [endDate, setEndDate] = useState(\n moment().format(\"YYYY-MM-DD HH:mm:ss\")\n );\n const [userHierachy, setUserHierachy] = useState([]);\n const _username = useSelector(\n (state) => state[\"authState\"][\"userData\"][\"username\"]\n );\n const [allMembers, setAllMembers] = useState([]);\n const [selectedMember, setSelectedMember] = useState(\"\");\n const [allBonusMembers, setAllBonusMembers] = useState([]);\n const [selectedBonusMember, setSelectedBonusMember] = useState(\"\");\n const ALL_OPTION_LABEL = \"All\";\n const ALL_OPTION_VALUE = \"all\";\n const [selectedProduct, setSelectedProduct] = useState(ALL_OPTION_VALUE);\n const [productList, setProductList] = useState([]);\n const [playerId, setPlayerId] = useState();\n const [bonusPlayerId, setBonusPlayerId] = useState();\n const _PAGING_COUNT = 10;\n\n /// \n /// Author : -\n /// \n const _OPTION_STYLES = {\n control: (base) => ({\n ...base,\n \"min-height\": \"34px\",\n height: \"34px\",\n }),\n valueContainer: (base) => ({\n ...base,\n height: \"34px\",\n \"min-height\": \"34px\",\n }),\n indicatorsContainer: (base) => ({\n ...base,\n height: \"34px\",\n \"min-height\": \"34px\",\n }),\n input: (base) => ({\n height: \"34px\",\n \"min-height\": \"34px\",\n }),\n };\n\n let _tableColumns = [\n {\n Header: \"TRANSACTION_ID\",\n accessor: \"id\",\n Cell: ({ row }) => {\n return (\n {\n readSubReport(row.original.id);\n }}\n >\n {row.original.id}\n \n );\n },\n Footer: () => {\n return {t(\"TOTAL\")}: {numberWithCurrencyFormat(parseFloat(depositSum))} \n /// Author : -\n /// \n useEffect(() => {\n init();\n }, []);\n\n /// \n /// Author : -\n /// \n async function init() {\n await fetch(ApiUrl._API_GET_MASTER_PRODUCT_ASSIGNMENT_DATA, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n const accountProductOptionList = [\n { label: ALL_OPTION_LABEL, value: ALL_OPTION_VALUE },\n ];\n responseJson[ApiKey._API_DATA_KEY].forEach(function (option) {\n accountProductOptionList.push({\n label: option.productName,\n value: option.productId,\n });\n });\n\n setProductList(accountProductOptionList);\n }\n } else {\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n }\n });\n }\n\n /// \n /// Author : -\n /// \n const handleEvent = (event, picker) => {\n setStartDate(moment(picker.startDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n setEndDate(moment(picker.endDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n };\n\n /// \n /// Author : -\n /// \n async function readReport(memberId, bonusMemberId, searchDownline = true) {\n try {\n var apiUrl =\n ApiUrl._API_MANAGE_TRANSFER_WALLET +\n \"?dateFrom=\" +\n startDate +\n \"&dateTo=\" +\n endDate +\n \"&searchDownline=\" +\n searchDownline;\n\n if (!stringIsNullOrEmpty(memberId)) {\n apiUrl += \"&memberId=\" + memberId;\n }\n\n if (!stringIsNullOrEmpty(bonusMemberId)) {\n apiUrl += \"&bonusMemberId=\" + bonusMemberId;\n }\n\n if (selectedProduct != ALL_OPTION_VALUE) {\n apiUrl += \"&masterProductId=\" + selectedProduct;\n }\n\n if (!stringIsNullOrEmpty(playerId)) {\n apiUrl += \"&playerId=\" + playerId;\n }\n\n if (!stringIsNullOrEmpty(bonusPlayerId)) {\n apiUrl += \"&bonusPlayerId=\" + bonusPlayerId;\n }\n\n var responseJson = await ApiEngine.get(apiUrl);\n console.log(responseJson[ApiKey._API_DATA_KEY]);\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setReportData(responseJson[ApiKey._API_DATA_KEY]);\n } else {\n throw responseJson[ApiKey._API_MESSAGE_KEY];\n }\n } catch (error) {\n _dispatch(showMessage(false, t(error)));\n }\n }\n\n async function readSubReport(targetTransferId) {\n try {\n var apiUrl =\n ApiUrl._API_MANAGE_TRANSFER_WALLET +\n \"?dateFrom=\" +\n startDate +\n \"&dateTo=\" +\n endDate +\n \"&searchDownline=\" +\n true;\n\n if (!stringIsNullOrEmpty(targetTransferId)) {\n apiUrl += \"&targetTransferId=\" + targetTransferId;\n apiUrl += \"&isSubReport=\" + true;\n }\n\n var responseJson = await ApiEngine.get(apiUrl);\n console.log(responseJson[ApiKey._API_DATA_KEY]);\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setReportData(responseJson[ApiKey._API_DATA_KEY]);\n } else {\n throw responseJson[ApiKey._API_MESSAGE_KEY];\n }\n } catch (error) {\n _dispatch(showMessage(false, t(error)));\n }\n }\n\n /// \n /// Author : Wong\n /// \n async function getMemberList(search, loadOptions, { page }, type) {\n console.log(type);\n var responseJson = await ApiEngine.get(\n `${ApiUrl._API_GET_USER_MEMBER_LIST}?start=${\n (page - 1) * DEFAULT_PAGE_SIZE\n }&count=${DEFAULT_PAGE_SIZE}&keyword=${search}`\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n let data = responseJson[ApiKey._API_DATA_KEY][\"data\"];\n let formattedData = data.map((m) => {\n return { label: m.username, value: m.id };\n });\n formattedData.unshift({ label: \"All\", value: \"\" })\n return {\n options: formattedData,\n hasMore: formattedData.length == _PAGING_COUNT,\n additional: {\n page: page + 1,\n },\n };\n }\n }\n\n return (\n \n
\n {stringIsNullOrEmpty(props.id) && t(\"WALLET_TRANSFER_REPORTS\")}\n \n
\n \n \n
\n
\n
\n {t(\"DATE\")} \n \n
\n \n \n \n
\n \n \n
\n \n
\n
\n
\n
\n {t(\"USERNAME_TRANSFER\")} \n \n
\n getMemberList(\n search,\n loadOptions,\n { page: obj.page },\n \"TRANSFER\"\n )\n }\n additional={{\n page: 1,\n }}\n value={selectedMember}\n onChange={(e) => setSelectedMember(e)}\n />\n \n
\n
\n \n {t(\"TRASFER_PLAYER\")} \n \n {\n setPlayerId(e.target.value);\n }}\n />\n
\n
\n
\n \n {t(\"GAME_NAME\")} \n \n product.value == selectedProduct\n )}\n options={productList}\n onChange={(e) => {\n setSelectedProduct(e.value);\n }}\n />\n
\n
\n
\n
\n
\n {t(\"BONUS_RECEIVE_MEMBER\")} \n \n\n
\n getMemberList(\n search,\n loadOptions,\n { page: obj.page },\n \"BONUS\"\n )\n }\n additional={{\n page: 1,\n }}\n value={selectedBonusMember}\n onChange={(e) => setSelectedBonusMember(e)}\n />\n \n
\n
\n
\n \n {t(\"BONUS_RECEIVE_PLAYER\")} \n \n {\n setBonusPlayerId(e.target.value);\n }}\n />\n
\n
\n
\n
\n {\n readReport(\n selectedMember.value,\n selectedBonusMember.value,\n false\n );\n }}\n >\n
\n
\n \n \n \n );\n};\n\nexport default WalletTransferReport;\n","import React, { useState, useEffect, useMemo, useCallback } from \"react\";\nimport ReactTable from \"../../components/constantComponent/reactTable/ReactTable.js\";\nimport {\n\tPanel,\n\tPanelHeader,\n\tPanelBody,\n} from \"../../components/panel/panel.jsx\";\nimport { useHistory } from \"react-router-dom\";\nimport {\n\tUncontrolledButtonDropdown,\n\tDropdownToggle,\n\tDropdownMenu,\n\tDropdownItem,\n\tModal,\n\tModalBody,\n\tModalFooter,\n\tModalHeader,\n} from \"reactstrap\";\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport Select from \"react-select\";\nimport DateRangePicker from \"react-bootstrap-daterangepicker\";\nimport moment from \"moment\";\nimport { navigateTo } from \"../../util/Util.js\";\nimport {\n\tApiKey,\n\tApiUrl,\n\tWebUrl,\n\tAccessRight,\n\tTransactionType,\n\tTransactionStatus,\n\tPanelType,\n\tLanguageKey,\n\tBankingChannelName,\n\tDEFAULT_PAGE_SIZE,\n} from \"../../util/Constant.js\";\nimport { setBusy, setIdle, showMessage } from \"../../redux/AppAction.js\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport {\n\tstringIsNullOrEmpty,\n\tcreateFormBody,\n\tnumberWithCurrencyFormat,\n} from \"../../util/Util.js\";\nimport { useForm } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\nimport ApiEngine from \"../../util/ApiEngine.js\";\nimport { AsyncPaginate } from \"react-select-async-paginate\";\nimport SweetAlert from \"react-bootstrap-sweetalert\";\n\nconst ReferralReportDetails = (props) => {\n\tconst { t } = useTranslation(LanguageKey._PRIMARY);\n\tlet _history = useHistory();\n\tconst _dispatch = useDispatch();\n\tconst _PAGING_COUNT = 10;\n\n const [reportData, setReportData] = useState([]);\n\tconst [selectedFilterMember, setSelectedFilterMember] = useState();\n\tconst [selectedMember, setSelectedMember] = useState(\"\");\n\tconst [startDate, setStartDate] = useState(\n\t\tmoment().startOf(\"day\").format(\"YYYY-MM-DD HH:mm:ss\")\n\t);\n\tconst [endDate, setEndDate] = useState(\n\t\tmoment().endOf(\"day\").format(\"YYYY-MM-DD HH:mm:ss\")\n\t);\n\n let _tableColumns = [\n {\n Header: \"USERNAME\",\n accessor: \"username\",\n Cell: ({ row }) => {\n return (\n \n\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\tnavigateTo(\n\t\t\t\t\t\t\t\t\t_history,\n\t\t\t\t\t\t\t\t\tWebUrl._URL_REFERRAL_REPORT_DETAILS,\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t...row.original,\n\t\t\t\t\t\t\t\t\t\tstartDate,\n\t\t\t\t\t\t\t\t\t\tendDate\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\t\t{row.original.username}\n\t\t\t\t\t\t \n \n \n );\n },\n Footer: () => {\n return {t(\"TOTAL\")}: \n {row.original.totalRegister}\n \n );\n },\n Footer: () => {\n let totalRegister = 0;\n for (let i = 0; i <= reportData.length; i++) {\n if (reportData[i] && reportData[i].totalRegister) {\n totalRegister += reportData[i].totalRegister;\n }\n }\n return (\n \n {totalRegister} \n \n );\n },\n },\n {\n Header:\"Total Deposit\",\n accessor: \"totalDeposit\",\n Cell: ({ row }) => {\n let totalDeposit = parseFloat(row.original.totalDeposit);\n return (\n \n {numberWithCurrencyFormat(totalDeposit, 3, true)}\n \n );\n },\n Footer: () => {\n let totalDeposit = 0;\n for (let i = 0; i <= reportData.length; i++) {\n if (reportData[i] && reportData[i].totalDeposit) {\n totalDeposit += parseFloat(reportData[i].totalDeposit);\n }\n }\n return (\n \n {numberWithCurrencyFormat(totalDeposit, 3, true)} \n \n );\n },\n },\n {\n Header:\"Total Withdraw\",\n accessor: \"totalWithdraw\",\n Cell: ({ row }) => {\n let totalWithdraw = parseFloat(row.original.totalWithdraw);\n return (\n \n {numberWithCurrencyFormat(totalWithdraw, 3, true)}\n \n );\n },\n Footer: () => {\n let totalWithdraw = 0;\n for (let i = 0; i <= reportData.length; i++) {\n if (reportData[i] && reportData[i].totalWithdraw) {\n totalWithdraw += parseFloat(reportData[i].totalWithdraw);\n }\n }\n return (\n \n {numberWithCurrencyFormat(totalWithdraw, 3, true)} \n \n );\n },\n },\n ];\n\n\n useEffect(() => {\n getReferralReport();\n }, []);\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst getReferralReport = async () => {\n\t\t_dispatch(setBusy());\n\t\ttry {\n\t\t\tvar apiUrl =\n\t\t\t\tApiUrl._API_GET_REFERRAL_REPORT +\n\t\t\t\t\"?startDate=\" +\n\t\t\t\tstartDate +\n\t\t\t\t\"&endDate=\" +\n\t\t\t\tendDate;\n\n\t\t\tapiUrl += \"&memberId=\" + selectedMember;\n\n\t\t\tvar responseJson = await ApiEngine.get(apiUrl);\n\n\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\tsetReportData(responseJson[ApiKey._API_DATA_KEY]);\n\t\t\t} else {\n\t\t\t\tthrow responseJson[ApiKey._API_MESSAGE_KEY];\n\t\t\t}\n\t\t} catch (error) {\n\t\t\t_dispatch(showMessage(false, t(error)));\n\t\t}\n _dispatch(setIdle());\n\t};\n\n\t/// \n\t/// Author : Wong\n\t/// \n\tasync function getMemberList(search, loadOptions, { page }) {\n\t\tvar responseJson = await ApiEngine.get(\n\t\t\t`${ApiUrl._API_GET_USER_MEMBER_LIST}?start=${\n\t\t\t\t(page - 1) * DEFAULT_PAGE_SIZE\n\t\t\t}&count=${DEFAULT_PAGE_SIZE}&keyword=${search}`\n\t\t);\n\n\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\tlet data = responseJson[ApiKey._API_DATA_KEY][\"data\"];\n\t\t\tlet formattedData = data.map((m) => {\n\t\t\t\treturn { label: m.username, value: m.id };\n\t\t\t});\n\t\t\tformattedData.unshift({ label: \"All\", value: \"\" });\n\t\t\treturn {\n\t\t\t\toptions: formattedData,\n\t\t\t\thasMore: formattedData.length == _PAGING_COUNT,\n\t\t\t\tadditional: {\n\t\t\t\t\tpage: page + 1,\n\t\t\t\t},\n\t\t\t};\n\t\t}\n\t}\n\n\tconst handleEvent = (event, picker) => {\n\t\tsetStartDate(moment(picker.startDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n\t\tsetEndDate(moment(picker.endDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n\t}; /// \n\n\treturn (\n\t\t\n\t\t\t
{t(\"REFERRAL_REPORT_TITLE\")} \n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t{t(\"DATE\")} \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t{t(\"Username\")} \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t
{\n\t\t\t\t\t\t\t\t\t\t\t\tsetSelectedFilterMember(e);\n\t\t\t\t\t\t\t\t\t\t\t\tsetSelectedMember(e.value);\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\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\tgetReferralReport();\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tclassName=\"btn btn-primary\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{t(\"SEARCH\")}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t
\n {row.original.username}\n \n );\n },\n Footer: () => {\n return {t(\"TOTAL\")}: \n {numberWithCurrencyFormat(totalDeposit, 3, true)}\n \n );\n },\n Footer: () => {\n let totalDeposit = 0;\n for (let i = 0; i <= reportData.length; i++) {\n if (reportData[i] && reportData[i].totalDeposit) {\n totalDeposit += parseFloat(reportData[i].totalDeposit);\n }\n }\n return (\n \n {numberWithCurrencyFormat(totalDeposit, 3, true)} \n \n );\n },\n },\n {\n Header:\"Total Withdraw\",\n accessor: \"totalWithdraw\",\n Cell: ({ row }) => {\n let totalWithdraw = parseFloat(row.original.totalWithdraw);\n return (\n \n {numberWithCurrencyFormat(totalWithdraw, 3, true)}\n \n );\n },\n Footer: () => {\n let totalWithdraw = 0;\n for (let i = 0; i <= reportData.length; i++) {\n if (reportData[i] && reportData[i].totalWithdraw) {\n totalWithdraw += parseFloat(reportData[i].totalWithdraw);\n }\n }\n return (\n \n {numberWithCurrencyFormat(totalWithdraw, 3, true)} \n \n );\n },\n },\n ];\n\n\n useEffect(() => {\n\t\tsetReferralCodeId(_location.state.referralCodeId)\n\t\tsetStartDate(moment(_location.state.startDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n\t\tsetEndDate(moment(_location.state.endDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n }, []);\n\n\tuseEffect(() => {\n\t\tif(referralCodeId) {\n\t\t\tgetReferralReport();\n\t\t}\n }, [referralCodeId]);\n\t\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst getReferralReport = async () => {\n\t\t_dispatch(setBusy());\n\t\ttry {\n\t\t\tvar apiUrl =\n\t\t\t\tApiUrl._API_GET_REFERRAL_REPORT_DETAILS +\n\t\t\t\t\"?startDate=\" +\n\t\t\t\tstartDate +\n\t\t\t\t\"&endDate=\" +\n\t\t\t\tendDate;\n\n\t\t\tapiUrl += \"&referralCodeId=\" + referralCodeId;\n\n\t\t\tvar responseJson = await ApiEngine.get(apiUrl);\n\n\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\tsetReportData(responseJson[ApiKey._API_DATA_KEY]);\n\t\t\t\tconsole.log('data')\n\t\t\t\tconsole.log(responseJson[ApiKey._API_DATA_KEY])\n\t\t\t} else {\n\t\t\t\tthrow responseJson[ApiKey._API_MESSAGE_KEY];\n\t\t\t}\n\t\t} catch (error) {\n\t\t\t_dispatch(showMessage(false, t(error)));\n\t\t}\n _dispatch(setIdle());\n\t};\n\n\tconst handleEvent = (event, picker) => {\n\t\tsetStartDate(moment(picker.startDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n\t\tsetEndDate(moment(picker.endDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n\t}; /// \n\n\treturn (\n\t\t\n\t\t\t{/*
{t(\"REFERRAL_REPORT_TITLE_DETAILS\")} */}\n\t\t\t
\n\t\t\t\t{_location.state.username ? _location.state.username : t(\"REFERRAL_REPORT_TITLE_DETAILS\")}\n\t\t\t\t { _history.goBack() }}> \n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\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
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t{t(\"DATE\")} \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\tgetReferralReport();\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tclassName=\"btn btn-primary\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{t(\"SEARCH\")}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t
\n/// Author : -\n/// \n\nconst ShareholderProcessSalesReport = (props) => {\n const _dispatch = useDispatch();\n const { t } = useTranslation(LanguageKey._PRIMARY);\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 [salesData, setSalesData] = useState({});\n const [salesTotal, setSalesTotal] = useState({});\n const [initPage, setInitPage] = useState(true);\n\n const textLeft = {\n textAlign: \"left\"\n };\n\n const textRight = {\n textAlign: \"right\"\n };\n\n /// \n /// Author : -\n /// \n const getSalesReport = async () => {\n _dispatch(setBusy());\n await fetch(\n ApiUrl._API_GET_SHAREHOLDER_PROCESS_SALES_REPORT +\n \"?startDate=\" +\n startDate +\n \"&endDate=\" +\n endDate,\n {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n }\n )\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setSalesData(responseJson[ApiKey._API_DATA_KEY]);\n } else {\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n }\n setInitPage(false);\n _dispatch(setIdle());\n });\n };\n\n /// \n /// Author : -\n /// \n const handleEvent = (event, picker) => {\n setStartDate(moment(picker.startDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n setEndDate(moment(picker.endDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n };\n\n return (\n \n
{t(\"SHAREHOLDER_PROCESS_SALES_REPORT\")} \n
\n \n \n
\n
\n
\n
\n \n
\n \n \n
\n
\n \n
\n
\n
\n
\n getSalesReport()}\n >\n {t(\"SEARCH\")}\n \n
\n
\n {Object.keys(salesData) && Object.keys(salesData).length > 0 &&\n <>\n
\n \n {t(\"Date\")} \n {t(\"Processed\")} \n {t(\"Turnover\")} \n {t(\"V.Turnover\")} \n {t(\"WinLose\")} \n {t(\"Royalty\")} \n {t(\"Commission\")} \n {t(\"Balance\")} \n {t(\"Payout\")} \n {t(\"Net Profit\")} \n \n\n {Object.keys(salesData) && Object.keys(salesData).length > 0 &&\n salesData.map((data, index) => {\n return (\n \n { moment(data[\"date\"]).format(\"DD-MM-YYYY\") } \n {data[\"processed\"] ? {t(\"YES\")} : {t(\"NO\")} } \n {numberWithCurrencyFormat(parseFloat(data[\"turnover\"]), 3, true)} \n {numberWithCurrencyFormat(parseFloat(data[\"vTurnover\"]), 3, true)} \n {numberWithCurrencyFormat(parseFloat(data[\"winloss\"]), 3, true)} \n {numberWithCurrencyFormat(parseFloat(data[\"royalty\"]), 3, true)} \n {numberWithCurrencyFormat(parseFloat(data[\"commission\"]), 3, true)} \n {numberWithCurrencyFormat(parseFloat(data[\"balance\"]), 3, true)} \n {numberWithCurrencyFormat(parseFloat(data[\"payout\"]), 3, true)} \n {numberWithCurrencyFormat(parseFloat(data[\"netProfit\"]), 3, true)} \n \n )\n })\n }\n
\n \n }\n\n {Object.keys(salesData).length == 0 &&\n <>\n
\n \n \n {t(\"Date\")} \n {t(\"Processed\")} \n {t(\"Turnover\")} \n {t(\"WinLose\")} \n {t(\"Royalty\")} \n {t(\"Commission\")} \n {t(\"Balance\")} \n {t(\"Payout\")} \n {t(\"Net Profit\")} \n \n \n \n \n {initPage ? \"Please select date and press \\\"Search\\\" to continue\" : \"No report for the date\"} \n \n \n
\n \n }\n
\n /// Author: -\n /// \n async function getShareholderDetail() { //for the first page only\n setTemp([]);\n setCurrentViewer(\"\");\n var responseJson = await ApiEngine.get(`${ApiUrl._API_GET_MEMBER_SHAREHOLDER_DETAIL}?&startdate=${startDate}&enddate=${endDate}`);\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n let data = responseJson[ApiKey._API_DATA_KEY];\n console.log(data);\n setAllData(data);\n\n let summaryRows = {};\n let summaryCategoryTotal = {};\n let summaryGrandTotal = { sales: 0, vsales: 0, payout: 0, netProfit: 0 };\n\n let dataRows = {};\n let userTotal = {};\n let categoryTotal = {};\n let subTotal = { sales: 0, vsales: 0, netProfit: 0 };\n let grandTotal = { sales: 0, vsales: 0, netProfit: 0 };\n\n if (data != null) {\n\n data[\"summaryData\"].map((summary, index) => {\n if (!summaryRows[summary.categoryName]) {\n summaryRows[summary.categoryName] = {};\n summaryCategoryTotal[summary.categoryName] = { grossSales: 0, validTurnover: 0, payout: 0, netProfit: 0 };\n }\n\n if (!summaryRows[summary.categoryName][summary.productName]) {\n summaryRows[summary.categoryName][summary.productName] = { grossSales: summary[\"grossSales\"], validTurnover: summary[\"validTurnover\"], payout: summary[\"payout\"], netProfit: summary[\"netProfit\"] };\n }\n\n summaryCategoryTotal[summary.categoryName].show = false;\n summaryCategoryTotal[summary.categoryName].grossSales += summary[\"grossSales\"];\n summaryCategoryTotal[summary.categoryName].validTurnover += summary[\"validTurnover\"];\n summaryCategoryTotal[summary.categoryName].payout += summary[\"payout\"];\n summaryCategoryTotal[summary.categoryName].netProfit += summary[\"netProfit\"];\n\n if (summary.categoryName !== null) {\n summaryGrandTotal.sales += summary[\"grossSales\"];\n summaryGrandTotal.vsales += summary[\"validTurnover\"];\n summaryGrandTotal.payout += summary[\"payout\"];\n summaryGrandTotal.netProfit += summary[\"netProfit\"];\n }\n else {\n summaryGrandTotal.netProfit += summary[\"netProfit\"];\n }\n })\n setCompanySummaryData(summaryRows);\n setCompanyCategoryTotal(summaryCategoryTotal);\n setCompanyGrandTotal(summaryGrandTotal);\n\n\n data[\"downlineData\"].map((e, i) => {\n if (!dataRows[e.username]) {\n dataRows[e.username] = {};\n userTotal[e.username] = { grossSales: 0, validTurnover: 0, netProfit: 0, profit: 0, settlement: 0, share: 0 };\n categoryTotal[e.username] = {};\n }\n\n if (!dataRows[e.username][e.categoryName]) {\n dataRows[e.username][e.categoryName] = {};\n categoryTotal[e.username][e.categoryName] = { grossSales: 0, validTurnover: 0, netProfit: 0, profit: 0, settlement: 0, share: 0 };\n }\n\n if (!dataRows[e.username][e.categoryName][e.productName]) {\n dataRows[e.username][e.categoryName][e.productName] = { grossSales: e.grossSales, validTurnover: e.validTurnover, netProfit: e.netProfit, profit: e.profit, settlement: e.settlement, share: e.share };\n }\n\n userTotal[e.username].show = false;\n userTotal[e.username].showset = false;\n userTotal[e.username].grossSales += e.grossSales;\n userTotal[e.username].validTurnover += e.validTurnover;\n userTotal[e.username].netProfit += e.netProfit;\n userTotal[e.username].profit += e.profit;\n userTotal[e.username].settlement += e.settlement;\n userTotal[e.username].share = e.share;\n\n\n categoryTotal[e.username][e.categoryName].show = false;\n categoryTotal[e.username][e.categoryName].showset = false;\n categoryTotal[e.username][e.categoryName].grossSales += e.grossSales;\n categoryTotal[e.username][e.categoryName].validTurnover += e.validTurnover;\n categoryTotal[e.username][e.categoryName].netProfit += e.netProfit;\n categoryTotal[e.username][e.categoryName].profit += e.profit;\n categoryTotal[e.username][e.categoryName].settlement += e.settlement;\n categoryTotal[e.username][e.categoryName].share = e.share;\n\n subTotal.sales += e.grossSales;\n subTotal.vsales += e.validTurnover;\n subTotal.netProfit += e.profit;\n\n grandTotal.sales += e.grossSales;\n grandTotal.vsales += e.validTurnover;\n grandTotal.netProfit += e.profit;\n grandTotal.netProfit += e.settlement;\n\n });\n setProcessedUserTotal(userTotal);\n setProcessedCategoryTotal(categoryTotal);\n setProcessedData(dataRows);\n setProcessedSubTotal(subTotal);\n setProcessedGrandTotal(grandTotal);\n }\n }\n setInitPage(false);\n }\n\n const getDownlineSales = async (username) => { // for 2nd page onwards, after clicking \"Company\" on first page\n var responseJson = await ApiEngine.get(ApiUrl._API_GET_MEMBER_SHAREHOLDER_DETAIL + \"?startDate=\" + startDate + \"&endDate=\" + endDate + \"&username=\" + username);\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n let data = responseJson[ApiKey._API_DATA_KEY];\n console.log(data);\n setAllData(data);\n\n let dataRows = {};\n let userTotal = {};\n let categoryTotal = {};\n let subTotal = { sales: 0, vsales: 0, netProfit: 0 };\n let grandTotal = { sales: 0, vsales: 0, netProfit: 0 };\n if (data[\"downlineData\"].length != 0) {\n setCurrentViewer(username);\n if (username === \"Company\") {\n data[\"usernameList\"].map((uplineUser, i) => {\n if (!dataRows[uplineUser]) {\n dataRows[uplineUser] = {};\n userTotal[uplineUser] = { grossSales: 0, validTurnover: 0, netProfit: 0, profit: 0, settlement: 0, share: 0 };\n categoryTotal[uplineUser] = {};\n }\n });\n\n data[\"downlineData\"].map((downline, i) => {\n\n downline.map((player, index) => {\n if (!dataRows[player.username][player.categoryName]) {\n dataRows[player.username][player.categoryName] = {};\n categoryTotal[player.username][player.categoryName] = { grossSales: 0, validTurnover: 0, netProfit: 0, profit: 0, settlement: 0, share: 0 };\n }\n\n categoryTotal[player.username][player.categoryName].grossSales += player.grossSales;\n categoryTotal[player.username][player.categoryName].validTurnover += player.validTurnover;\n categoryTotal[player.username][player.categoryName].netProfit += player.netProfit;\n categoryTotal[player.username][player.categoryName].profit += player.profit;\n categoryTotal[player.username][player.categoryName].settlement += player.settlement;\n categoryTotal[player.username][player.categoryName].share = player.share;\n\n userTotal[player.username].grossSales += player.grossSales;\n userTotal[player.username].validTurnover += player.validTurnover;\n userTotal[player.username].netProfit += player.netProfit;\n userTotal[player.username].profit += player.profit;\n userTotal[player.username].settlement += player.settlement;\n userTotal[player.username].share = player.share;\n });\n });\n setProcessedUserTotal(userTotal);\n setProcessedCategoryTotal(categoryTotal);\n setProcessedData(dataRows);\n }\n else {\n data[\"downlineData\"].map((e, i) => {\n if (!dataRows[e.username]) {\n dataRows[e.username] = {};\n userTotal[e.username] = { grossSales: 0, validTurnover: 0, netProfit: 0, profit: 0, settlement: 0, share: 0 };\n categoryTotal[e.username] = {};\n }\n\n if (!dataRows[e.username][e.categoryName]) {\n dataRows[e.username][e.categoryName] = {};\n categoryTotal[e.username][e.categoryName] = { grossSales: 0, validTurnover: 0, netProfit: 0, profit: 0, settlement: 0, share: 0 };\n }\n\n if (!dataRows[e.username][e.categoryName][e.productName]) {\n dataRows[e.username][e.categoryName][e.productName] = { grossSales: e.grossSales, validTurnover: e.validTurnover, netProfit: e.netProfit, profit: e.profit, settlement: e.settlement, share: e.share };\n }\n\n userTotal[e.username].show = false;\n userTotal[e.username].showset = false;\n userTotal[e.username].grossSales += e.grossSales;\n userTotal[e.username].validTurnover += e.validTurnover;\n userTotal[e.username].netProfit += e.netProfit;\n userTotal[e.username].profit += e.profit;\n userTotal[e.username].settlement += e.settlement;\n userTotal[e.username].share = e.share;\n\n\n categoryTotal[e.username][e.categoryName].show = false;\n categoryTotal[e.username][e.categoryName].showset = false;\n categoryTotal[e.username][e.categoryName].grossSales += e.grossSales;\n categoryTotal[e.username][e.categoryName].validTurnover += e.validTurnover;\n categoryTotal[e.username][e.categoryName].netProfit += e.netProfit;\n categoryTotal[e.username][e.categoryName].profit += e.profit;\n categoryTotal[e.username][e.categoryName].settlement += e.settlement;\n categoryTotal[e.username][e.categoryName].share = e.share;\n\n\n subTotal.sales += e.grossSales;\n subTotal.vsales += e.validTurnover;\n subTotal.netProfit += e.profit;\n\n grandTotal.sales += e.grossSales;\n grandTotal.vsales += e.validTurnover;\n grandTotal.netProfit += e.profit;\n grandTotal.netProfit += e.settlement;\n });\n setProcessedUserTotal(userTotal);\n setProcessedCategoryTotal(categoryTotal);\n setProcessedData(dataRows);\n setProcessedSubTotal(subTotal);\n setProcessedGrandTotal(grandTotal);\n }\n responseJson = await ApiEngine.get(ApiUrl._API_GET_DOWNLINE_BY_REFERRER_USING_USERNAME + \"?username=\" + username);\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n let data = responseJson[ApiKey._API_DATA_KEY];\n setTemp(data);\n }\n }\n else {\n _dispatch(showMessage(false, t(\"NO_FURTHER_DOWNLINE_DATA_FOUND\")));\n }\n }\n }\n\n /// \n /// Author : -\n /// \n const handleEvent = (event, picker) => {\n setStartDate(moment(picker.startDate).format(\"YYYY-MM-DD\"));\n setEndDate(moment(picker.endDate).format(\"YYYY-MM-DD\"));\n };\n\n return (\n \n
{t(\"SHAREHOLDERS_DOWNLINE_REPORT\")} \n
\n \n \n
\n {currentViewer !== \"\" &&\n <>\n
\n
{\n setSelectedMember(\"\");\n sessionStorage.removeItem(_SELECTED_MEMBER_KEY);\n getShareholderDetail();\n }}\n >\n {_username}\n \n {nodePathMembers.map((m, index) => {\n return (\n <>\n {index == 0 && \">\"}\n getDownlineSales(m.username)}\n >\n {m.username}\n \n {index != nodePathMembers.length - 1 && \">\"}\n \n );\n })}\n \n
\n \n }\n
\n
\n
\n \n
\n \n \n
\n
\n \n
\n
\n
\n
\n getShareholderDetail()}\n >\n {t(\"SEARCH\")}\n \n
\n
\n\n {Object.keys(companySummaryData) && Object.keys(companySummaryData).length > 0 && <>\n
{t(\"COMPANY_SUMMARY\")}
\n
\n
\n
\n
\n \n \n {t(\"CATEGORY\")} \n {t(\"VTURNOVER\")} \n {t(\"PAYOUT\")} \n {t(\"NET_PROFIT\")} \n \n \n \n {Object.keys(companySummaryData).length > 0 && Object.keys(companyCategoryTotal).length > 0 &&\n Object.keys(companySummaryData).map((category, i) => {\n if (typeof (companyCategoryTotal[category]) !== \"undefined\") {\n return (\n <>\n \n companyToggle(category)}>{category === \"null\" ? \"Settlement\" : category}{category !== \"null\" && \n {numberWithCurrencyFormat(parseFloat(companyCategoryTotal[category][\"validTurnover\"]), 3, true)} \n {numberWithCurrencyFormat(parseFloat(companyCategoryTotal[category][\"payout\"]), 3, true)} \n {numberWithCurrencyFormat(parseFloat(companyCategoryTotal[category][\"netProfit\"]), 3, true)} \n \n {companyCategoryTotal[category].show &&\n Object.keys(companySummaryData[category]).map((product, index) => {\n return (\n \n - {product} \n {numberWithCurrencyFormat(parseFloat(companySummaryData[category][product][\"validTurnover\"]), 3, true)} \n {numberWithCurrencyFormat(parseFloat(companySummaryData[category][product][\"payout\"]), 3, true)} \n {numberWithCurrencyFormat(parseFloat(companySummaryData[category][product][\"netProfit\"]), 3, true)} \n \n )\n })\n }\n \n )\n }\n })\n }\n \n {t(\"Grand Total\")} \n {numberWithCurrencyFormat(parseFloat(companyGrandTotal.vsales), 3, true)} \n {numberWithCurrencyFormat(parseFloat(companyGrandTotal.payout), 3, true)} \n {numberWithCurrencyFormat(parseFloat(companyGrandTotal.netProfit), 3, true)} \n \n \n
\n
\n
\n
\n \n }\n\n {Object.keys(companySummaryData).length === 0 && <>\n
{t(\"COMPANY_SUMMARY\")}
\n
\n
\n
\n
\n \n \n {t(\"CATEGORY\")} \n {t(\"VTURNOVER\")} \n {t(\"PAYOUT\")} \n {t(\"NET_PROFIT\")} \n \n \n \n \n {initPage ? t(\"SELECT_DATE_AND_CONTINUE\") : t(\"NO_REPORT_FOR_THE_DATE\")} \n \n \n
\n
\n
\n
\n \n }\n\n {Object.keys(processedData).length > 0 && <>\n
{t(\"MY_INCOME\")}
\n
\n
\n
\n
\n \n \n {t(\"USERNAME\")} \n {t(\"CATEGORY\")} \n {t(\"VTURNOVER\")} \n {t(\"%\")} \n {t(\"NET_PROFIT\")} \n \n \n \n {\n Object.keys(processedData).length > 0 && Object.keys(processedData).map((_username, i) => {\n if (typeof (processedUserTotal[_username]) !== \"undefined\") {\n return (\n <>\n \n {currentViewer !== _username ? { e.preventDefault(); getDownlineSales(_username); }}>{_username} : _username} \n usernameToggle(_username)}>{t(\"All\")} \n {numberWithCurrencyFormat(parseFloat(processedUserTotal[_username].validTurnover), 3, true)} \n {_username !== \"Company\" ? numberWithCurrencyFormat(parseFloat(processedUserTotal[_username].share), 0, true) + \"\\/ 100\" : \"\"} \n {numberWithCurrencyFormat(parseFloat(processedUserTotal[_username].profit), 3, true)} \n \n {\n processedUserTotal[_username].show && Object.keys(processedData[_username]).map((_category, j) => {\n return (\n <>\n \n categoryToggle(_username, _category)}>- {_category} \n {numberWithCurrencyFormat(parseFloat(processedCategoryTotal[_username][_category].validTurnover), 3, true)} \n {numberWithCurrencyFormat(parseFloat(processedCategoryTotal[_username][_category].share), 0, true)}/100 \n {numberWithCurrencyFormat(parseFloat(processedCategoryTotal[_username][_category].profit), 3, true)} \n \n {\n processedCategoryTotal[_username][_category].show && Object.keys(processedData[_username][_category]).map((_product, k) => {\n return (\n <>\n \n -- {_product} \n {numberWithCurrencyFormat(parseFloat(processedData[_username][_category][_product].validTurnover), 3, true)} \n {numberWithCurrencyFormat(parseFloat(processedData[_username][_category][_product].share), 0, true)}/100 \n {numberWithCurrencyFormat(parseFloat(processedData[_username][_category][_product].profit), 3, true)} \n \n \n )\n })\n }\n \n )\n })\n }\n \n )\n }\n })\n }\n\n \n {t(\"Sub Total\")} \n {numberWithCurrencyFormat(parseFloat(processedSubTotal.vsales), 3, true)} \n {numberWithCurrencyFormat(parseFloat(processedSubTotal.netProfit), 3, true)} \n \n\n {\n Object.keys(processedData).length > 0 && Object.keys(processedData).map((_username, i) => {\n if (typeof (processedUserTotal[_username]) !== \"undefined\") {\n return (\n <>\n \n {_username} \n settlementToggle(_username)}>{t(\"Settlement\")} \n {_username !== \"Company\" ? numberWithCurrencyFormat(parseFloat(processedUserTotal[_username].share), 0, true) + \"\\/ 100\" : \"\"} \n {numberWithCurrencyFormat(parseFloat(processedUserTotal[_username].settlement), 3, true)} \n \n {\n processedUserTotal[_username].showset && Object.keys(processedData[_username]).map((_category, j) => {\n return (\n <>\n \n settlementCatToggle(_username, _category)}>-{_category} \n {numberWithCurrencyFormat(parseFloat(processedCategoryTotal[_username][_category].share), 0, true)}/100 \n {numberWithCurrencyFormat(parseFloat(processedCategoryTotal[_username][_category].settlement), 3, true)} \n \n {\n processedCategoryTotal[_username][_category].showset && Object.keys(processedData[_username][_category]).map((_product, k) => {\n return (\n <>\n \n --{_product} \n {numberWithCurrencyFormat(parseFloat(processedData[_username][_category][_product].share), 0, true)}/100 \n {numberWithCurrencyFormat(parseFloat(processedData[_username][_category][_product].settlement), 3, true)} \n \n \n )\n })\n }\n \n )\n })\n }\n \n )\n }\n })\n }\n\n \n {t(\"Grand Total\")} \n {numberWithCurrencyFormat(parseFloat(processedGrandTotal.netProfit), 3, true)} \n \n\n \n
\n
\n
\n
\n \n }\n\n {Object.keys(processedData).length == 0 && <>\n
{t(\"MY_INCOME\")}
\n
\n
\n
\n \n \n {t(\"USERNAME\")} \n {t(\"CATEGORY\")} \n {t(\"VTURNOVER\")} \n {t(\"%\")} \n {t(\"NET_PROFIT\")} \n \n \n \n \n {initPage ? t(\"SELECT_DATE_AND_CONTINUE\") : t(\"NO_REPORT_FOR_THE_DATE\")} \n \n \n
\n
\n \n }\n
\n/// Author : -\n/// \n\nconst ProcessGameRecordReport = (props) => {\n const _dispatch = useDispatch();\n const { t } = useTranslation(LanguageKey._PRIMARY);\n const [startDate, setStartDate] = useState(moment().format(\"YYYY-MM-DD\"));\n const [endDate, setEndDate] = useState(moment().format(\"YYYY-MM-DD\"));\n const [processReportDatas, setProcessReportDatas] = useState([]);\n /// \n /// Author : -\n /// \n useEffect(() => {\n getProcessReport();\n }, []);\n\n /// \n /// Author : -\n /// \n const getProcessReport = async () => {\n _dispatch(setBusy());\n let apiUrl = ApiUrl._API_GET_PROCESS_GAME_RECORD_REPORT + \"?startDate=\" + startDate + \"&endDate=\" + endDate;\n //setGetReportApi(apiUrl);\n await fetch(\n ApiUrl._API_GET_PROCESS_GAME_RECORD_REPORT +\n \"?startDate=\" +\n startDate +\n \"&endDate=\" +\n endDate,\n {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n }\n )\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n console.log(responseJson[ApiKey._API_DATA_KEY]);\n setProcessReportDatas(responseJson[ApiKey._API_DATA_KEY]);\n } else {\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n }\n _dispatch(setIdle());\n });\n };\n\n let _tableColumns = [\n {\n Header: t(\"Id\"),\n accessor: \"id\",\n },\n {\n Header: t(\"GameId\"),\n accessor: \"gameId\",\n },\n {\n Header: t(\"BetId\"),\n accessor: \"betId\",\n },\n {\n Header: t(\"MemberProductId\"),\n accessor: \"memberProductId\",\n },\n {\n Header: t(\"Status\"),\n accessor: \"status\",\n },\n {\n Header: t(\"Amount\"),\n accessor: \"amount\",\n },\n {\n Header: t(\"WinAmount\"),\n accessor: \"winAmount\",\n },\n {\n Header: t(\"Date\"),\n accessor: \"date\",\n Cell: ({ row }) => {\n return <>{moment(row.original.date).format(\"YYYY-MM-DD HH:mm:ss\")}\n },\n },\n {\n Header: t(\"Remark\"),\n accessor: \"remark\",\n },\n {\n Header: t(\"Turnover\"),\n accessor: \"turnover\",\n },\n {\n Header: t(\"UpdatedTime\"),\n accessor: \"updatedTime\",\n Cell: ({ row }) => {\n return <>{moment(row.original.updatedTime).format(\"YYYY-MM-DD HH:mm:ss\")}\n },\n },\n {\n Header: t(\"PreMemberPrimaryBalance\"),\n accessor: \"preMemberPrimaryBalance\",\n },\n {\n Header: t(\"PostMemberPrimaryBalance\"),\n accessor: \"postMemberPrimaryBalance\",\n },\n {\n Header: t(\"LatestSyncRecordId\"),\n accessor: \"latestSyncRecordId\",\n },\n {\n Header: t(\"PreSettleMemberPrimaryBalance\"),\n accessor: \"preSettleMemberPrimaryBalance\",\n },\n {\n Header: t(\"PostSettleMemberPrimaryBalance\"),\n accessor: \"postSettleMemberPrimaryBalance\",\n },\n {\n Header: t(\"IsCreditChange\"),\n accessor: \"isCreditChange\",\n Cell: ({ row }) => {\n return row.original.isCreditChange ? {t(\"YES\")} : {t(\"NO\")} \n },\n },\n {\n Header: t(\"SettlementAt\"),\n accessor: \"settlementAt\",\n },\n {\n Header: t(\"BetIdParam_1\"),\n accessor: \"betIdParam_1\",\n },\n {\n Header: t(\"Rollbacked\"),\n accessor: \"rollbacked\",\n },\n {\n Header: t(\"IsJackpot\"),\n accessor: \"isJackpot\",\n Cell: ({ row }) => {\n return row.original.isJackpot ? {t(\"YES\")} : {t(\"NO\")} \n },\n },\n {\n Header: t(\"IsProcessed\"),\n accessor: \"isProcessed\",\n Cell: ({ row }) => {\n return row.original.isProcessed ? {t(\"YES\")} : {t(\"NO\")} \n },\n },\n {\n Header: t(\"ValidTurnover\"),\n accessor: \"validTurnover\",\n Cell: ({ row }) => {\n return <>{(row.original.validTurnover).toFixed(3)}\n },\n }\n ];\n\n /// \n /// Author : -\n /// \n const handleEvent = (event, picker) => {\n setStartDate(moment(picker.startDate).format(\"YYYY-MM-DD\"));\n setEndDate(moment(picker.endDate).format(\"YYYY-MM-DD\"));\n };\n\n return (\n \n
{t(\"PROCESS_GAME_RECORD_REPORT\")} \n
\n \n \n
\n
\n
\n
\n \n
\n \n \n
\n
\n \n
\n
\n
\n
\n getProcessReport()}\n >\n {t(\"SEARCH\")}\n \n
\n
\n
\n
\n
\n/// Author : -\n/// \n\nconst NonProcessGameRecordReport = (props) => {\n const _dispatch = useDispatch();\n const { t } = useTranslation(LanguageKey._PRIMARY);\n const [startDate, setStartDate] = useState(moment().format(\"YYYY-MM-DD\"));\n const [endDate, setEndDate] = useState(moment().format(\"YYYY-MM-DD\"));\n const [processReportDatas, setProcessReportDatas] = useState([]);\n const StartManualJob = (betId) => {\n _dispatch(setBusy);\n let apiUrl = ApiUrl._API_MANUAL_RESETTLE_568_PRODUCT_GAME_RECORD_FROM_BO ;\n let params = {\n \"betId\": betId\n };\n let formBody = createFormBody(params);\n fetch(apiUrl, {\n method: ApiKey._API_POST,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n body: formBody\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(\"OPERATION_SUCCESS\")\n )\n )\n }\n });\n _dispatch(setIdle);\n }\n /// \n /// Author : -\n /// \n useEffect(() => {\n getNonProcessReport();\n }, []);\n\n /// \n /// Author : -\n /// \n const getNonProcessReport = async () => {\n _dispatch(setBusy());\n let apiUrl = ApiUrl._API_GET_568_NON_PROCESS_GAME_RECORD_REPORT + \"?startDate=\" + startDate + \"&endDate=\" + endDate;\n //setGetReportApi(apiUrl);\n await fetch(\n ApiUrl._API_GET_568_NON_PROCESS_GAME_RECORD_REPORT +\n \"?startDate=\" +\n startDate +\n \"&endDate=\" +\n endDate, \n {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n }\n )\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n console.log(responseJson[ApiKey._API_DATA_KEY]);\n setProcessReportDatas(responseJson[ApiKey._API_DATA_KEY]);\n } else {\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n }\n _dispatch(setIdle());\n });\n };\n\n let _tableColumns = [\n {\n Header: t(\"ProcessBet\"),\n Cell: ({ row }) => {\n return <> StartManualJob(row.original.betId)}>{t(\"START\")} \n },\n },\n {\n Header: t(\"Id\"),\n accessor: \"id\",\n },\n {\n Header: t(\"GameId\"),\n accessor: \"gameId\",\n },\n {\n Header: t(\"BetId\"),\n accessor: \"betId\",\n },\n {\n Header: t(\"TEXT_FOR_CS\"),\n accessor: \"textForCs\",\n Cell: ({ row }) => {\n let masterProductName = row.original.productGame.product.productName;\n let displayBetId = row.original.betId;\n //displayBetId = displayBetId.includes(\"-\") ? displayBetId.substring(0, displayBetId.indexOf(\"-\")) : displayBetId;\n let displayDateTime = moment(row.original.date).format(\"YYYY-MM-DD HH:mm:ss.SSS Z\");\n displayDateTime = displayDateTime.substring(0, displayDateTime.indexOf(\"+\")) + \"GMT\" + displayDateTime.substring(displayDateTime.indexOf(\"+\"), displayDateTime.length);\n switch (masterProductName) {\n case (\"PlayTech Slots\" || \"PlayTech Live\"):\n let transId = displayBetId.substring(0, displayBetId.indexOf(\"-\"));\n let roundId = displayBetId.substring(displayBetId.indexOf(\"-\") + 1, displayBetId.length);\n return (\n <>\n \n Trans ID : {transId}
\n \n )\n break;\n case \"XE88\":\n displayBetId = displayBetId.substring(3, displayBetId.length); //substring 3 because of 'XE_' prefix\n return (\n <>\n \n Bet ID : {displayBetId}
\n \n )\n break;\n case \"CT855\":\n displayBetId = displayBetId.substring(6, displayBetId.length); //substring 6 because of 'CT855_' prefix\n let ticketId = displayBetId.substring(0, displayBetId.indexOf(\"-\"));\n return (\n <>\n \n Ticket ID : {ticketId}
\n \n )\n break;\n default: //568Win games\n if (masterProductName === \"SBO Sports\") {\n return (\n <>\n \n Provider : {masterProductName}
\n \n )\n }\n else {\n let transferCode = displayBetId.substring(0, displayBetId.indexOf(\"-\"));\n let transactionId = displayBetId.substring(displayBetId.indexOf(\"-\") + 1, displayBetId.length);\n return (\n <>\n \n Provider : {masterProductName}
\n \n )\n }\n break;\n }\n },\n },\n {\n Header: t(\"MemberProductId\"),\n accessor: \"memberProductId\",\n },\n {\n Header: t(\"Status\"),\n accessor: \"status\",\n },\n {\n Header: t(\"Amount\"),\n accessor: \"amount\",\n },\n {\n Header: t(\"WinAmount\"),\n accessor: \"winAmount\",\n },\n {\n Header: t(\"Date\"),\n accessor: \"date\",\n Cell: ({ row }) => {\n return <>{moment(row.original.date).format(\"YYYY-MM-DD HH:mm:ss\")}\n },\n },\n {\n Header: t(\"Remark\"),\n accessor: \"remark\",\n },\n {\n Header: t(\"Turnover\"),\n accessor: \"turnover\",\n },\n {\n Header: t(\"UpdatedTime\"),\n accessor: \"updatedTime\",\n Cell: ({ row }) => {\n return <>{moment(row.original.updatedTime).format(\"YYYY-MM-DD HH:mm:ss\")}\n },\n },\n {\n Header: t(\"PreMemberPrimaryBalance\"),\n accessor: \"preMemberPrimaryBalance\",\n },\n {\n Header: t(\"PostMemberPrimaryBalance\"),\n accessor: \"postMemberPrimaryBalance\",\n },\n {\n Header: t(\"LatestSyncRecordId\"),\n accessor: \"latestSyncRecordId\",\n },\n {\n Header: t(\"PreSettleMemberPrimaryBalance\"),\n accessor: \"preSettleMemberPrimaryBalance\",\n },\n {\n Header: t(\"PostSettleMemberPrimaryBalance\"),\n accessor: \"postSettleMemberPrimaryBalance\",\n },\n {\n Header: t(\"IsCreditChange\"),\n accessor: \"isCreditChange\",\n Cell: ({ row }) => {\n return row.original.isCreditChange ? {t(\"YES\")} : {t(\"NO\")} \n },\n },\n {\n Header: t(\"SettlementAt\"),\n accessor: \"settlementAt\",\n },\n {\n Header: t(\"BetIdParam_1\"),\n accessor: \"betIdParam_1\",\n },\n {\n Header: t(\"Rollbacked\"),\n accessor: \"rollbacked\",\n },\n {\n Header: t(\"IsJackpot\"),\n accessor: \"isJackpot\",\n Cell: ({ row }) => {\n return row.original.isJackpot ? {t(\"YES\")} : {t(\"NO\")} \n },\n },\n {\n Header: t(\"IsProcessed\"),\n accessor: \"isProcessed\",\n Cell: ({ row }) => {\n return row.original.isProcessed ? {t(\"YES\")} : {t(\"NO\")} \n },\n },\n {\n Header: t(\"ValidTurnover\"),\n accessor: \"validTurnover\",\n Cell: ({ row }) => {\n return <>{(row.original.validTurnover).toFixed(3)}\n },\n }\n ];\n\n /// \n /// Author : -\n /// \n const handleEvent = (event, picker) => {\n setStartDate(moment(picker.startDate).format(\"YYYY-MM-DD\"));\n setEndDate(moment(picker.endDate).format(\"YYYY-MM-DD\"));\n };\n\n return (\n \n
{t(\"568_NON_PROCESS_GAME_RECORD_REPORT\")} \n
\n \n \n
\n
\n
\n
\n \n
\n \n \n
\n
\n \n
\n
\n
\n
\n getNonProcessReport()}\n >\n {t(\"SEARCH\")}\n \n
\n
\n
\n
\n
\n /// Author : -\n /// \n const handleEvent = (event, picker) => {\n setStartDate(moment(picker.startDate).format(\"YYYY-MM-DD\"));\n setEndDate(moment(picker.endDate).format(\"YYYY-MM-DD\"));\n };\n\n return (\n \n
{t(\"SHAREHOLDER_UNCLAIM_REPORT\")} \n
\n \n
\n
\n \n
\n {currentViewer !== \"\" &&\n <>\n
\n
{\n setSelectedMember(\"\");\n sessionStorage.removeItem(_SELECTED_MEMBER_KEY);\n getUnclaimDetails();\n }}\n >\n {_username}\n \n {nodePathMembers.map((m, index) => {\n return (\n <>\n {index == 0 && \">\"}\n getUnclaimDetails(m.username)}\n >\n {m.username}\n \n {index != nodePathMembers.length - 1 && \">\"}\n \n );\n })}\n \n
\n \n }\n
\n
\n
\n
\n \n
\n \n \n
\n
\n \n
\n
\n
\n getUnclaimDetails()}\n >\n {t(\"SEARCH\")}\n \n
\n \n {Object.keys(processedData).length > 0 && <>\n
\n
\n
\n \n \n {t(\"USERNAME\")} \n {t(\"NET_PROFIT\")} \n \n \n \n {\n Object.keys(processedData).map((_username, i) => {\n if (typeof (processedUplineTotal[_username]) !== \"undefined\") {\n return (\n <>\n \n {currentViewer !== _username ? { e.preventDefault(); getUnclaimDetails(_username); }}>{_username} : _username} \n {numberWithCurrencyFormat(parseFloat(processedUplineTotal[_username].netProfit), 3, true)} \n \n \n )\n }\n })\n }\n \n {t(\"GRAND_TOTAL\")} \n {numberWithCurrencyFormat(parseFloat(processedGrandTotal.netProfit), 3, true)} \n \n \n
\n
\n \n }\n {Object.keys(processedData).length == 0 && <>\n
\n
\n
\n \n \n {t(\"USERNAME\")} \n {t(\"NET_PROFIT\")} \n \n \n \n \n {initPage ? t(\"SELECT_DATE_AND_CONTINUE\") : t(\"NO_REPORT_FOR_THE_DATE\")} \n \n \n
\n
\n \n }\n \n
\n /// Author : -\n /// \n const handleEvent = (event, picker) => {\n setStartDate(moment(picker.startDate).format(\"YYYY-MM-DD\"));\n setEndDate(moment(picker.endDate).format(\"YYYY-MM-DD\"));\n };\n\n /// \n /// Author : Wong\n /// \n async function getMemberList(search, loadOptions, { page }) {\n var responseJson = await ApiEngine.get(\n `${ApiUrl._API_GET_USER_MEMBER_LIST}?&start=${(page - 1) * DEFAULT_PAGE_SIZE\n }&count=${DEFAULT_PAGE_SIZE}&keyword=${search}`\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n let data = responseJson[ApiKey._API_DATA_KEY][\"data\"];\n let formattedData = data.map((m) => {\n return { label: m.username, value: m.id };\n });\n formattedData.unshift({ label: \"All\", value: \"\" })\n return {\n options: formattedData,\n hasMore: formattedData.length == DEFAULT_PAGE_SIZE,\n additional: {\n page: page + 1,\n },\n };\n }\n }\n\n async function getReport(username = null) {\n let apiUrl = ApiUrl._API_GET_UNCLAIMED_SALES_REPORT + \"?startDate=\" + startDate + \"&endDate=\" + endDate; //\"&username=\"\n if (!stringIsNullOrEmpty(selectedMember)) {\n apiUrl += \"&username=\" + selectedMember;\n }\n if (!stringIsNullOrEmpty(selectedStatus)) {\n apiUrl += \"&status=\" + selectedStatus;\n }\n apiUrl += \"&isListAll=true\";\n var responseJson = await ApiEngine.get(apiUrl);\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n let data = responseJson[ApiKey._API_DATA_KEY];\n performCalculations(data, username);\n responseJson = await ApiEngine.get(ApiUrl._API_GET_DOWNLINE_BY_REFERRER_USING_USERNAME + \"?username=\" + username);\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n let data = responseJson[ApiKey._API_DATA_KEY];\n setTemp(data);\n }\n }\n }\n\n useEffect(() => {\n getReport()\n }, [selectedStatus]);\n\n\n return (\n \n
{t(\"SHAREHOLDER_UNCLAIM_REPORT_LIST\")} \n
\n \n
\n
\n \n
\n
\n \n
\n \n \n
\n
\n \n
\n
\n
\n
\n
{\n if (!stringIsNullOrEmpty(e.value)) {\n sessionStorage.setItem(_SELECTED_MEMBER_KEY, e.value);\n } else {\n sessionStorage.removeItem(_SELECTED_MEMBER_KEY);\n }\n setLabelUsername(e.label);\n setSelectedMember(e.value);\n }}\n />\n \n
\n
\n \n \n \n \n
\n \n ({\n width: \"100%\"\n })\n }}\n value={selectedStatus}\n options={_STATUS_OPTIONS}\n onChange={(e) => {\n setSelectedStatus(e.value)\n setLabelStatus(e.label)\n }}\n placeholder={labelStatus}\n />\n
\n \n
\n getUnclaimDetails()}\n >\n {t(\"SEARCH\")}\n \n
\n \n
\n \n \n {t(\"USERNAME\")} \n {t(\"CLAIMED_STATUS\")} \n {t(\"NET_PROFIT\")} \n \n \n \n {\n Object.keys(processedData).map((_username, i) => {\n if (typeof (processedUplineTotal[_username]) !== \"undefined\") {\n return (\n <>\n \n {_username} \n {labelStatus == \"All\" ? t(\"ALL\") : processedUplineTotal[_username].claimedStatus == true ? t(\"CLAIMED\") : t(\"NOT_CLAIMED\")} \n {numberWithCurrencyFormat(parseFloat(processedUplineTotal[_username].netProfit), 3, true)} \n \n \n )\n }\n })\n }\n \n {t(\"GRAND_TOTAL\")} \n {numberWithCurrencyFormat(parseFloat(processedGrandTotal.netProfit), 3, true)} \n \n \n
\n
\n
\n \n \n {t(\"USERNAME\")} \n {t(\"NET_PROFIT\")} \n \n \n \n \n {initPage ? t(\"SELECT_DATE_AND_CONTINUE\") : t(\"NO_REPORT_FOR_THE_DATE\")} \n \n \n
\n
\n /// Author : -\n /// \n const handleEvent = (event, picker) => {\n setStartDate(moment(picker.startDate).format(\"YYYY-MM-DD\"));\n setEndDate(moment(picker.endDate).format(\"YYYY-MM-DD\"));\n };\n\n /// \n /// Author : Wong\n /// \n async function getMemberList(search, loadOptions, { page }) {\n var responseJson = await ApiEngine.get(\n `${ApiUrl._API_GET_USER_MEMBER_LIST}?&start=${\n (page - 1) * DEFAULT_PAGE_SIZE\n }&count=${DEFAULT_PAGE_SIZE}&keyword=${search}`\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n let data = responseJson[ApiKey._API_DATA_KEY][\"data\"];\n let formattedData = data.map((m) => {\n return { label: m.username, value: m.id };\n });\n formattedData.unshift({ label: \"All\", value: \"\" })\n return {\n options: formattedData,\n hasMore: formattedData.length == DEFAULT_PAGE_SIZE,\n additional: {\n page: page + 1,\n },\n };\n }\n }\n\n return (\n \n
{t(\"NORMAL_COMMISSION_REPORT_LIST\")} \n
\n \n
\n
\n \n
\n
\n \n
\n \n \n
\n
\n \n
\n
\n
\n
\n
{\n if (!stringIsNullOrEmpty(e.value)) {\n sessionStorage.setItem(_SELECTED_MEMBER_KEY, e.value);\n } else {\n sessionStorage.removeItem(_SELECTED_MEMBER_KEY);\n }\n setLabelUsername(e.label);\n setSelectedMember(e.value);\n }}\n />\n \n
\n
\n \n \n \n \n
\n \n ({\n width: \"100%\"\n })\n }}\n value={selectedStatus}\n options={_STATUS_OPTIONS}\n onChange={(e) => {\n setSelectedStatus(e.value)\n setLabelStatus(e.label)\n }}\n placeholder={labelStatus}\n />\n
\n \n
\n getUnclaimDetails()}\n >\n {t(\"SEARCH\")}\n \n
\n \n
\n \n \n {t(\"USERNAME\")} \n {t(\"CLAIMED_STATUS\")} \n {t(\"COMMISSION_AMOUNT\")} \n \n \n \n {\n Object.keys(processedData).map((_username, i) => {\n if (typeof (processedUplineTotal[_username]) !== \"undefined\") {\n return (\n <>\n \n {_username} \n {processedUplineTotal[_username].claimedStatus == true ? t(\"CLAIMED\") :t(\"NOT_CLAIMED\")} \n {numberWithCurrencyFormat(parseFloat(processedUplineTotal[_username].commissionAmount), 3, true)} \n \n \n )\n }\n })\n }\n \n {t(\"GRAND_TOTAL\")} \n {numberWithCurrencyFormat(parseFloat(processedGrandTotal.commissionAmount), 3, true)} \n \n \n
\n
\n
\n \n \n {t(\"USERNAME\")} \n {t(\"COMMISSION_AMOUNT\")} \n \n \n \n \n {initPage ? t(\"SELECT_DATE_AND_CONTINUE\") : t(\"NO_REPORT_FOR_THE_DATE\")} \n \n \n
\n
{row.original.netProfit}
\n ),\n }\n ]\n\n const getPayoutReport = async () => {\n let apiUrl = ApiUrl._API_GET_TOTAL_SHARE_PAYOUT_REPORT + \"?startDate=\" + startDate + \"&endDate=\" + endDate;\n var responseJson = await ApiEngine.get(apiUrl);\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n let data = responseJson[ApiKey._API_DATA_KEY];\n setReportData(data[\"data\"]);\n }\n setInitPage(false);\n }\n\n /// \n /// Author : -\n /// \n const handleEvent = (event, picker) => {\n setStartDate(moment(picker.startDate).format(\"YYYY-MM-DD\"));\n setEndDate(moment(picker.endDate).format(\"YYYY-MM-DD\"));\n };\n\n return (\n \n
{t(\"TOTAL_SHARE_PAYOUT_REPORT\")} \n
\n \n
\n
\n \n
\n
\n \n
\n \n \n
\n
\n \n
\n
\n
\n getPayoutReport()}\n >\n {t(\"SEARCH\")}\n \n
\n \n
\n
\n \n
\n /// Author : -\n /// \n useEffect(() => {\n init();\n }, []);\n\n const init = async () => {\n console.log(gameType)\n setTableDataUrl(ApiUrl._API_GET_BET_DETAIL_REPORT + \"?username=\" + username + \"&startDate=\" + startDate + \"&endDate=\" + endDate + \"&timeZone=\" + timeZone + (selectedProduct === \"all\" ? \"\" : \"&productId=\" + selectedProduct) + \"&gameType=\"+gameType);\n }\n\n const _defaultTableColumns = [\n\n {\n Header: t(\"ID\"),\n accessor: \"id\",\n },\n {\n Header: \"Description\",\n Cell: ({ row }) => {\n return (\n \n {row.original.betId}\n
\n );\n },\n Footer: () => {\n return (\n \n {t(\"GRAND TOTAL\")}: \n \n );\n },\n },\n {\n Header: t(\"PRODUCT_NAME\"),\n accessor: \"productName\",\n },\n {\n Header: t(\"DATE\"),\n accessor: \"date\",\n minWidth: 100,\n },\n {\n Header: t(\"USERNAME\"),\n accessor: \"memberUsername\",\n minWidth: 100,\n },\n {\n Header: t(\"PLAYERID\"),\n accessor: \"username\",\n minWidth: 100,\n },\n {\n Header: t(\"GAME_NAME\"),\n accessor: \"gameName\",\n minWidth: 100,\n },\n {\n Header: t(\"STATUS\"),\n accessor: \"statusString\",\n minWidth: 100,\n },\n {\n Header: t(\"BET_AMOUNT\"),\n accessor: \"amount\",\n minWidth: 100,\n Cell: ({ row }) => {\n return {row.original.amount.toFixed(2)}
;\n },\n Footer: () => {\n let totalAmount = 0;\n if (!isObjectEmpty(overallInfo) && overallInfo[_OVERALL_KEYS.AMOUNT]) {\n totalAmount = parseFloat(overallInfo[_OVERALL_KEYS.AMOUNT]);\n }\n return (\n \n {numberWithCurrencyFormat(totalAmount, 3)} \n
\n );\n },\n },\n {\n Header: t(\"WIN_LOSS\"),\n accessor: \"winAmount\",\n minWidth: 100,\n Cell: ({ row }) => {\n let winLoss =\n parseFloat(row.original.winAmount) - parseFloat(row.original.amount);\n if (row.original.status == BetStatus._SETTLED_BET_STATUS) {\n return (\n \n {numberWithCurrencyFormat(winLoss)}\n
\n );\n } else {\n return <>0;\n }\n },\n Footer: () => {\n let winLossTotal = 0;\n if (\n !isObjectEmpty(overallInfo) &&\n overallInfo[_OVERALL_KEYS.WIN] &&\n overallInfo[_OVERALL_KEYS.AMOUNT]\n ) {\n winLossTotal =\n parseFloat(overallInfo[_OVERALL_KEYS.WIN]) -\n parseFloat(overallInfo[_OVERALL_KEYS.AMOUNT]);\n }\n return (\n \n {numberWithCurrencyFormat(winLossTotal)} \n
\n );\n },\n },\n {\n Header: t(\"Jpc\"),\n accessor: \"jpc\",\n id: \"jpc\",\n minWidth: 100,\n Cell: ({ row }) => {\n return (\n {numberWithCurrencyFormat(parseFloat(row.original.jpc), 3, true)}
\n );\n },\n Footer: ({ row, column }) => {\n let jpcSum = 0;\n column.filteredRows.map((dataRow, index) => {\n jpcSum += parseFloat(dataRow.original.jpc);\n });\n return (\n {numberWithCurrencyFormat(parseFloat(jpcSum), 3, true)}
\n );\n },\n },\n {\n Header: t(\"Jpw\"),\n accessor: \"jpw\",\n id: \"jpw\",\n minWidth: 100,\n Cell: ({ row }) => {\n return (\n {numberWithCurrencyFormat(parseFloat(row.original.jpw))}
\n );\n },\n Footer: ({ row, column }) => {\n let jpwSum = 0;\n column.filteredRows.map((dataRow, index) => {\n jpwSum += parseFloat(dataRow.original.jpw);\n });\n return (\n {numberWithCurrencyFormat(parseFloat(jpwSum), 3, true)}
\n );\n },\n },\n ];\n\n /// \n /// Author : -\n /// \n function getOverallInfo(info) {\n setOverallInfo(info);\n }\n\n return (\n <>\n \n \n )\n}\n\nexport default UsernameBetDetailReport;","import React, { useState, useEffect, useMemo, useCallback } from \"react\";\nimport ReactTable from \"../../components/constantComponent/reactTable/ReactTable\";\nimport {\n\tPanel,\n\tPanelHeader,\n\tPanelBody,\n} from \"./../../components/panel/panel.jsx\";\nimport { useHistory } from \"react-router-dom\";\nimport {\n\tUncontrolledButtonDropdown,\n\tDropdownToggle,\n\tDropdownMenu,\n\tDropdownItem,\n\tModal,\n\tModalBody,\n\tModalFooter,\n\tModalHeader,\n} from \"reactstrap\";\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport Select from \"react-select\";\nimport DateRangePicker from \"react-bootstrap-daterangepicker\";\nimport moment from \"moment\";\nimport { navigateTo } from \"../../util/Util\";\nimport {\n\tApiKey,\n\tApiUrl,\n\tWebUrl,\n\tAccessRight,\n\tTransactionType,\n\tTransactionStatus,\n\tPanelType,\n\tLanguageKey,\n\tBankingChannelName,\n\tDEFAULT_PAGE_SIZE,\n} from \"../../util/Constant\";\nimport { setBusy, setIdle, showMessage } from \"../../redux/AppAction\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport {\n\tstringIsNullOrEmpty,\n\tcreateFormBody,\n\tnumberWithCurrencyFormat,\n} from \"../../util/Util\";\nimport { useForm } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\nimport ApiEngine from \"../../util/ApiEngine\";\nimport { AsyncPaginate } from \"react-select-async-paginate\";\nimport SweetAlert from \"react-bootstrap-sweetalert\";\n\nconst TransactionSummaryReport = (props) => {\n\tconst { t } = useTranslation(LanguageKey._PRIMARY);\n\tlet _history = useHistory();\n\tconst _dispatch = useDispatch();\n\tconst { register, unregister, handleSubmit, errors } = useForm();\n\tconst [calendarStartDate, setCalendarStartDate] = useState(\n\t\tmoment().startOf(\"day\").format(\"YYYY-MM-DD HH:mm:ss\")\n\t);\n\tconst [calendarEndDate, setCalendarEndDate] = useState(\n\t\tmoment().endOf(\"day\").format(\"YYYY-MM-DD HH:mm:ss\")\n\t);\n\tconst [memberId, setMemberId] = useState();\n\tconst [initFlag, setInitFlag] = useState(false);\n\tconst [transactionApiUrl, setTransactionApiUrl] = useState(\"\");\n\n\tconst [username, setUsername] = useState(\"\");\n\tconst [showDialog, setShowDialog] = useState();\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst handleEvent = (event, picker) => {\n\t\tsetCalendarStartDate(\n\t\t\tmoment(picker.startDate).format(\"YYYY-MM-DD HH:mm:ss\")\n\t\t);\n\t\tsetCalendarEndDate(moment(picker.endDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n\t};\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst init = async () => {\n\t\tif (props.username && props.id) {\n\t\t\tsetUsername(props.username);\n\t\t\tsetMemberId(props.id);\n\t\t}\n\t\ttry {\n\t\t\tsetInitFlag(true);\n\t\t} catch (ex) {\n\t\t\t_dispatch(showMessage(false, t(ex)));\n\t\t}\n\t};\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst getSummaryTransaction = async () => {\n\t\tif (\n\t\t\tcalendarEndDate >\n\t\t\tmoment(calendarStartDate).add(7, \"days\").format(\"YYYY-MM-DD HH:mm:ss\")\n\t\t) {\n\t\t\tsetShowDialog(true);\n\t\t\treturn;\n\t\t}\n\t\tlet fetchUrl = ApiUrl._API_GET_TRANSACTION_SUMMARY_REPORT;\n\t\tfetchUrl +=\n\t\t\t\"?StartDate=\" + calendarStartDate + \"&EndDate=\" + calendarEndDate;\n\t\tsetTransactionApiUrl(fetchUrl);\n\t};\n\n\tlet _tableColumns = [\n\t\t{\n\t\t\tHeader: t(\"USERNAME\"),\n\t\t\taccessor: \"username\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn <>{t(row.original.username)};\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t\tFooter: () => {\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{t(\"TOTAL\")}: \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\n\t\t{\n\t\t\tHeader: t(\"DEPOSIT\"),\n\t\t\taccessor: \"deposit\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>{numberWithCurrencyFormat(parseFloat(row.original.deposit))}\n\t\t\t\t);\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t\tFooter: ({ page }) => {\n\t\t\t\tconst debitSum = page.reduce((sum, currentValue) => {\n\t\t\t\t\tif (currentValue.original.deposit) {\n\t\t\t\t\t\treturn sum + parseFloat(currentValue.original.deposit);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn sum;\n\t\t\t\t\t}\n\t\t\t\t}, 0);\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{numberWithCurrencyFormat(parseFloat(debitSum))} \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"WITHDRAWAL\"),\n\t\t\taccessor: \"withdrawal\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>{numberWithCurrencyFormat(parseFloat(row.original.withdrawal))}\n\t\t\t\t);\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t\tFooter: ({ page }) => {\n\t\t\t\tconst debitSum = page.reduce((sum, currentValue) => {\n\t\t\t\t\tif (currentValue.original.withdrawal) {\n\t\t\t\t\t\treturn sum + parseFloat(currentValue.original.withdrawal);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn sum;\n\t\t\t\t\t}\n\t\t\t\t}, 0);\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{numberWithCurrencyFormat(parseFloat(debitSum))} \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"ADJUSTMENT\"),\n\t\t\taccessor: \"adjustment\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>{numberWithCurrencyFormat(parseFloat(row.original.adjustment))}\n\t\t\t\t);\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t\tFooter: ({ page }) => {\n\t\t\t\tconst debitSum = page.reduce((sum, currentValue) => {\n\t\t\t\t\tif (currentValue.original.Adjustment) {\n\t\t\t\t\t\treturn sum + parseFloat(currentValue.original.adjustment);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn sum;\n\t\t\t\t\t}\n\t\t\t\t}, 0);\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{numberWithCurrencyFormat(parseFloat(debitSum))} \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"TRANSFER\"),\n\t\t\taccessor: \"transfer\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>{numberWithCurrencyFormat(parseFloat(row.original.transfer))}\n\t\t\t\t);\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t\tFooter: ({ page }) => {\n\t\t\t\tconst debitSum = page.reduce((sum, currentValue) => {\n\t\t\t\t\tif (currentValue.original.transfer) {\n\t\t\t\t\t\treturn sum + parseFloat(currentValue.original.transfer);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn sum;\n\t\t\t\t\t}\n\t\t\t\t}, 0);\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{numberWithCurrencyFormat(parseFloat(debitSum))} \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"COMMISSION\"),\n\t\t\taccessor: \"commission\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>{numberWithCurrencyFormat(parseFloat(row.original.commission), 3)}\n\t\t\t\t);\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t\tFooter: ({ page }) => {\n\t\t\t\tconst debitSum = page.reduce((sum, currentValue) => {\n\t\t\t\t\tif (currentValue.original.commission) {\n\t\t\t\t\t\treturn sum + parseFloat(currentValue.original.commission);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn sum;\n\t\t\t\t\t}\n\t\t\t\t}, 0);\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{numberWithCurrencyFormat(parseFloat(debitSum), 3)} \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"BIRTHDAY_REWARD\"),\n\t\t\taccessor: \"birthdayReward\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{numberWithCurrencyFormat(parseFloat(row.original.birthdayReward))}\n\t\t\t\t\t\n\t\t\t\t);\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t\tFooter: ({ page }) => {\n\t\t\t\tconst debitSum = page.reduce((sum, currentValue) => {\n\t\t\t\t\tif (currentValue.original.birthdayReward) {\n\t\t\t\t\t\treturn sum + parseFloat(currentValue.original.birthdayReward);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn sum;\n\t\t\t\t\t}\n\t\t\t\t}, 0);\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{numberWithCurrencyFormat(parseFloat(debitSum))} \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"WEEKLY_RESCUE\"),\n\t\t\taccessor: \"weeklyRescueBonus\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\tparseFloat(row.original.weeklyRescueBonus)\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\tminWidth: 100,\n\t\t\tFooter: ({ page }) => {\n\t\t\t\tconst debitSum = page.reduce((sum, currentValue) => {\n\t\t\t\t\tif (currentValue.original.weeklyRescueBonus) {\n\t\t\t\t\t\treturn sum + parseFloat(currentValue.original.weeklyRescueBonus);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn sum;\n\t\t\t\t\t}\n\t\t\t\t}, 0);\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{numberWithCurrencyFormat(parseFloat(debitSum))} \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"CREDIT_REDEMPTION\"),\n\t\t\taccessor: \"creditRedemption\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\tparseFloat(row.original.creditRedemption)\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\tminWidth: 100,\n\t\t\tFooter: ({ page }) => {\n\t\t\t\tconst debitSum = page.reduce((sum, currentValue) => {\n\t\t\t\t\tif (currentValue.original.creditRedemption) {\n\t\t\t\t\t\treturn sum + parseFloat(currentValue.original.creditRedemption);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn sum;\n\t\t\t\t\t}\n\t\t\t\t}, 0);\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{numberWithCurrencyFormat(parseFloat(debitSum))} \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t];\n\n\treturn (\n\t\t\n\t\t\t{showDialog && (\n\t\t\t\t
{\n\t\t\t\t\t\tsetShowDialog(false);\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{t(\"MAX_DATE_RANGE_7_DAYS\")}\n\t\t\t\t\n\t\t\t)}\n\t\t\t{t(\"TRANSACTION_SUMMARY_REPORT\")} \n\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\tgetSummaryTransaction();\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tclassName=\"btn btn-primary\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{t(\"SEARCH\")}\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 /// Author : -\n /// \n const init = async () => {\n await fetch(ApiUrl._API_GET_USER_VIP + \"?all=true\", {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n const VipList = [];\n responseJson[ApiKey._API_DATA_KEY].forEach(function (vip) {\n VipList.push({ label: vip.name, value: vip.id });\n });\n setVipList(VipList)\n\n }\n });\n }\n\n /// \n /// Author : -\n /// \n const getBirthdayRewardSummary = async () => {\n let fetchUrl = ApiUrl._API_GET_BIRTHDAY_REWARD_REPORT;\n fetchUrl += \"?StartDate=\" + startDate + \"&EndDate=\" + endDate + \"&MemberId=\" + selectedMember + \"&vipId=\" + selectedViplevel;\n\n fetch(fetchUrl, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setBirthdayRewardData(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n }\n\n let _tableColumns = [\n {\n Header: t(\"USERNAME\"),\n accessor: \"username\",\n Cell: ({ row }) => {\n return <>{t(row.original.username)}\n },\n minWidth: 100,\n Footer: () => {\n return {t(\"TOTAL\")}: {numberWithCurrencyFormat(parseFloat(debitSum))} \n /// Author : Wong\n /// \n async function getMemberList(search, loadOptions, { page }) {\n var responseJson = await ApiEngine.get(\n `${ApiUrl._API_GET_USER_MEMBER_LIST}?start=${(page - 1) * DEFAULT_PAGE_SIZE\n }&count=${DEFAULT_PAGE_SIZE}&keyword=${search}`\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n let data = responseJson[ApiKey._API_DATA_KEY][\"data\"];\n let formattedData = data.map((m) => {\n return { label: m.username, value: m.id };\n });\n formattedData.unshift({ label: \"All\", value: \"\" })\n return {\n options: formattedData,\n hasMore: formattedData.length == _PAGING_COUNT,\n additional: {\n page: page + 1,\n },\n };\n }\n }\n\n const handleEvent = (event, picker) => {\n setStartDate(moment(picker.startDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n setEndDate(moment(picker.endDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n }; /// \n\n return (\n \n {showDialog && (\n
{\n setShowDialog(false);\n }}\n >\n {t(\"MAX_DATE_RANGE_7_DAYS\")}\n \n )}\n {t(\"BIRTHDAY_REWARD_REPORT\")} \n \n \n
\n
\n \n
\n
\n
\n {t(\"DATE\")} \n \n
\n \n \n \n
\n \n \n
\n \n
\n
\n
\n
\n {t(\"USERNAME\")} \n \n
{\n setSelectedFilterMember(e);\n setSelectedMember(e.value);\n }}\n />\n \n
\n
\n
\n {t(\"RANK\")} \n \n
vip.value == selectedViplevel\n )}\n options={vipList}\n onChange={(e) => {\n setSelectedViplevel(e.value);\n }}\n />\n {errors.text && (\n \n {t(errors.text.message)}\n
\n )}\n \n
\n
\n
\n { getBirthdayRewardSummary(); }} className=\"btn btn-primary\">{t(\"SEARCH\")} \n
\n
\n
\n
\n \n
\n /// Author : -\n /// \n const init = async () => {\n \n }\n\n /// \n /// Author : -\n /// \n const getGiftpaceReport = async () => {\n let fetchUrl = ApiUrl._API_GET_GIFTPACE_REPORT;\n fetchUrl += \"?StartDate=\" + startDate + \"&EndDate=\" + endDate + \"&MemberId=\" + selectedMember ;\n\n fetch(fetchUrl, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setGiftpaceData(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n }\n\n let _tableColumns = [\n {\n Header: t(\"USERNAME\"),\n accessor: \"username\",\n Cell: ({ row }) => {\n return <>{t(row.original.username)}\n },\n minWidth: 100,\n Footer: () => {\n return {t(\"TOTAL\")}: {numberWithCurrencyFormat(parseFloat(debitSum))} \n /// Author : Wong\n /// \n async function getMemberList(search, loadOptions, { page }) {\n var responseJson = await ApiEngine.get(\n `${ApiUrl._API_GET_USER_MEMBER_LIST}?start=${(page - 1) * DEFAULT_PAGE_SIZE\n }&count=${DEFAULT_PAGE_SIZE}&keyword=${search}`\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n let data = responseJson[ApiKey._API_DATA_KEY][\"data\"];\n let formattedData = data.map((m) => {\n return { label: m.username, value: m.id };\n });\n formattedData.unshift({ label: \"All\", value: \"\" })\n return {\n options: formattedData,\n hasMore: formattedData.length == _PAGING_COUNT,\n additional: {\n page: page + 1,\n },\n };\n }\n }\n\n const handleEvent = (event, picker) => {\n setStartDate(moment(picker.startDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n setEndDate(moment(picker.endDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n }; /// \n\n return (\n \n {showDialog && (\n
{\n setShowDialog(false);\n }}\n >\n {t(\"MAX_DATE_RANGE_7_DAYS\")}\n \n )}\n {t(\"GIFTPACE_REPORT\")} \n \n \n
\n
\n \n
\n
\n
\n {t(\"DATE\")} \n \n
\n \n \n \n
\n \n \n
\n \n
\n
\n
\n
\n {t(\"USERNAME\")} \n \n
{\n setSelectedFilterMember(e);\n setSelectedMember(e.value);\n }}\n />\n \n
\n
\n
\n { getGiftpaceReport(); }} className=\"btn btn-primary\">{t(\"SEARCH\")} \n
\n
\n
\n
\n \n
\n\t/// Author : -\n\t/// \n\tconst handleEvent = (e) => {\n\t\tsetCalendarStartDate(\n\t\t\tmoment(e.target.value).startOf(\"month\").format(\"YYYY-MM-DD HH:mm:ss\")\n\t\t);\n\t\tsetCalendarEndDate(\n\t\t\tmoment(e.target.value).endOf(\"month\").format(\"YYYY-MM-DD HH:mm:ss\")\n\t\t);\n\t};\n\n\tconst init = () => {\n\t\tgenerateMonth();\n\t};\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst getActiveMember = async () => {\n\t\tlet fetchUrl = ApiUrl._API_GET_ACTIVE_MEMBER_REPORT;\n\t\tfetchUrl +=\n\t\t\t\"?StartDate=\" + calendarStartDate + \"&EndDate=\" + calendarEndDate;\n\t\tsetActiveMemberApiUrl(fetchUrl);\n\t};\n\n\tlet _tableColumns = [\n\t\t{\n\t\t\tHeader: t(\"USERNAME\"),\n\t\t\taccessor: \"username\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn <>{row.original.username};\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t\tFooter: () => {\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{t(\"TOTAL\")}: \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"TOTAL_TRANSACTION\"),\n\t\t\taccessor: \"totalTrans\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{numberWithCurrencyFormat(parseFloat(row.original.totalTrans), 2)}\n\t\t\t\t\t\n\t\t\t\t);\n\t\t\t},\n\t\t\tstyle: {\n\t\t\t\ttextAlign: \"right\",\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t\tFooter: ({ page }) => {\n\t\t\t\tconst totalTrans = page.reduce((sum, currentValue) => {\n\t\t\t\t\tif (currentValue.original.totalTrans) {\n\t\t\t\t\t\treturn sum + parseFloat(currentValue.original.totalTrans);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn sum;\n\t\t\t\t\t}\n\t\t\t\t}, 0);\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{numberWithCurrencyFormat(parseFloat(totalTrans))} \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"TOTAL_BET\"),\n\t\t\taccessor: \"totalBet\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>{numberWithCurrencyFormat(parseFloat(row.original.totalBet), 2)}\n\t\t\t\t);\n\t\t\t},\n\t\t\tstyle: {\n\t\t\t\ttextAlign: \"right\",\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t\tFooter: ({ page }) => {\n\t\t\t\tconst totalBet = page.reduce((sum, currentValue) => {\n\t\t\t\t\tif (currentValue.original.totalBet) {\n\t\t\t\t\t\treturn sum + parseFloat(currentValue.original.totalBet);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn sum;\n\t\t\t\t\t}\n\t\t\t\t}, 0);\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{numberWithCurrencyFormat(parseFloat(totalBet))} \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"TOTAL_WIN\"),\n\t\t\taccessor: \"totalWin\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>{numberWithCurrencyFormat(parseFloat(row.original.totalWin), 2)}\n\t\t\t\t);\n\t\t\t},\n\t\t\tstyle: {\n\t\t\t\ttextAlign: \"right\",\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t\tFooter: ({ page }) => {\n\t\t\t\tconst totalWin = page.reduce((sum, currentValue) => {\n\t\t\t\t\tif (currentValue.original.totalWin) {\n\t\t\t\t\t\treturn sum + parseFloat(currentValue.original.totalWin);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn sum;\n\t\t\t\t\t}\n\t\t\t\t}, 0);\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{numberWithCurrencyFormat(parseFloat(totalWin))} \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t];\n\n\tconst generateMonth = () => {\n\t\tvar emptyList = [];\n\t\tfor (var i = 1; i <= 6; i++) {\n\t\t\tvar date = moment().subtract(i, \"months\");\n\t\t\tvar year = date.get(\"year\");\n\t\t\tvar month = date.format(\"MMMM\");\n\t\t\temptyList.push({ year: year, month: month });\n\t\t}\n\t\tsetMonthList(emptyList);\n\t};\n\n\treturn (\n\t\t\n\t\t\t
{t(\"ACTIVE_MEMBER_REPORT\")} \n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t handleEvent(e)}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{[...monthList].reverse().map(({ year, month }) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{month + \" \" + year}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\tgetActiveMember();\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tclassName=\"btn btn-primary\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{t(\"SEARCH\")}\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/// Author : -\n/// \n\nconst UserIpPanel = (props) => {\n const [groupedUserIp, setGroupedUserIp] = useState([]);\n const { t } = useTranslation(LanguageKey._PRIMARY);\n /// \n /// Author : -\n /// \n useEffect(() => {\n init();\n }, []);\n\n /// \n /// Author : -\n /// \n const init = async () => {\n if (props.data) {\n let apiUrl = ApiUrl._API_GET_USER_GROUPED_IP;\n apiUrl +=\n \"?startDate=\" +\n props.data.startDate +\n \"&endDate=\" +\n props.data.endDate +\n \"&country=\" +\n props.data.country +\n \"&ipAddress=\" +\n props.data.ipAddress;\n\n await fetch(apiUrl, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_APPLICATION_JSON,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setGroupedUserIp(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n }\n };\n\n let _IPUserColumns = [\n {\n Header: \"USER_TYPE\",\n accessor: \"userType\",\n },\n {\n Header: \"USERNAME\",\n accessor: \"username\",\n },\n {\n Header: \"IP_ADDRESS\",\n accessor: \"ipAddress\",\n },\n {\n Header: \"COUNTRY\",\n accessor: \"country\",\n },\n {\n Header: \"TOTAL_USED_COUNT\",\n accessor: \"totalCount\",\n },\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) => {\n return (\n {\n props.toggleNested();\n props.prepareStateForUserIpDetail(row.original);\n }}\n >\n {t(\"SHOW_SESSIONS\")}\n \n );\n },\n disableFilters: true,\n },\n ];\n\n return (\n \n
\n );\n};\n\nexport default UserIpPanel;\n","import React, { useState, useEffect } from \"react\";\nimport ReactTable from \"../../components/constantComponent/reactTable/ReactTable\";\nimport { ApiKey, ApiUrl, LanguageKey } from \"../../util/Constant\";\nimport moment from \"moment\";\nimport { useTranslation } from \"react-i18next\";\nimport { fetch } from \"whatwg-fetch\";\n\n/// \n/// Author : -\n/// \n\nconst UserIpPanel = (props) => {\n const [userIpDetail, setUserIpDetail] = useState([]);\n const { t } = useTranslation(LanguageKey._PRIMARY);\n /// \n /// Author : -\n /// \n useEffect(() => {\n init();\n }, []);\n\n /// \n /// Author : -\n /// \n const init = async () => {\n if (props.data) {\n let apiUrl = ApiUrl._API_GET_USER_IP_DETAIL;\n apiUrl +=\n \"?startDate=\" +\n props.data.startDate +\n \"&endDate=\" +\n props.data.endDate +\n \"&username=\" +\n props.data.username +\n \"&country=\" +\n props.data.country +\n \"&ipAddress=\" +\n props.data.ipAddress +\n \"&userType=\" +\n props.data.userType;\n\n await fetch(apiUrl, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_APPLICATION_JSON,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setUserIpDetail(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n }\n };\n\n let _IPUserDetailColumns = [\n {\n Header: \"USER_TYPE\",\n accessor: \"userType\",\n },\n {\n Header: \"USERNAME\",\n accessor: \"username\",\n },\n {\n Header: \"DATE\",\n accessor: \"date\",\n Cell: ({ row }) => {\n return <>{moment(row.original.date).format(\"YYYY-MM-DD HH:mm:ss\")};\n },\n },\n {\n Header: \"IP_ADDRESS\",\n accessor: \"ipAddress\",\n },\n {\n Header: \"COUNTRY\",\n accessor: \"country\",\n },\n {\n Header: \"USER_AGENT\",\n accessor: \"userAgent\",\n },\n {\n Header: \"REFERER\",\n accessor: \"referer\",\n },\n ];\n\n return (\n \n
\n );\n};\n\nexport default UserIpPanel;\n","import React, { useState, useEffect } from \"react\";\nimport ReactTable from \"../../components/constantComponent/reactTable/ReactTable\";\nimport { Panel, PanelBody } from \"./../../components/panel/panel.jsx\";\nimport moment from \"moment\";\nimport DateRangePicker from \"react-bootstrap-daterangepicker\";\nimport { Modal, ModalHeader, ModalBody } from \"reactstrap\";\nimport { withRouter } from \"react-router-dom\";\nimport { ApiKey, ApiUrl, LanguageKey } from \"../../util/Constant\";\nimport UserIpPanel from \"./UserIpPanel\";\nimport UserIpDetailPanel from \"./UserIpDetailPanel\";\nimport { useTranslation } from \"react-i18next\";\nimport { fetch } from \"whatwg-fetch\";\n\n/// \n/// Author : -\n/// \n\nconst ManageIPMonitor = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n const USERNAME_OPTION = \"USERNAME\";\n const IP_OPTION = \"IP\";\n const [startDate, setStartDate] = useState(\n moment().startOf(\"day\").format(\"YYYY-MM-DD HH:mm:ss\")\n );\n const [endDate, setEndDate] = useState(\n moment().endOf(\"day\").format(\"YYYY-MM-DD HH:mm:ss\")\n );\n const [ipMonitorRecords, setIpMonitorRecords] = useState([]);\n const [selectedOption, setSelectedOption] = useState(USERNAME_OPTION);\n const [modal, setModal] = useState(false);\n const [nestedModal, setNestedModal] = useState(false);\n const [closeAll, setCloseAll] = useState(false);\n const [groupedState, setGroupedState] = useState({});\n const [ipDetailState, setIpDetailState] = useState({});\n const [searchText, setSearchText] = useState(\"\");\n\n /// \n /// Author : -\n /// \n const toggle = () => setModal(!modal);\n\n /// \n /// Author : -\n /// \n const toggleNested = () => {\n setNestedModal(!nestedModal);\n setCloseAll(false);\n };\n\n /// \n /// Author : -\n /// \n const toggleAll = () => {\n setNestedModal(!nestedModal);\n setCloseAll(true);\n };\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n if (props.location.state) {\n setSearchText(props.location.state.ip);\n setSelectedOption(IP_OPTION);\n }\n GetIpMonitorRecord();\n }, []);\n\n /// \n /// Author : -\n /// \n const GetIpMonitorRecord = async () => {\n let apiUrl = ApiUrl._API_GET_IP_MONITOR_RECORD;\n apiUrl += \"?startDate=\" + startDate + \"&endDate=\" + endDate;\n\n if (selectedOption == USERNAME_OPTION) {\n apiUrl += \"&username=\" + searchText;\n } else {\n apiUrl += \"&ipAddress=\" + searchText;\n }\n\n await fetch(apiUrl, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_APPLICATION_JSON,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setIpMonitorRecords(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n };\n\n /// \n /// Author : -\n /// \n const prepareStateForGroupedIP = (rowState) => {\n let dateObj = {\n startDate: startDate,\n endDate: endDate,\n };\n let newState = Object.assign(rowState, dateObj);\n setGroupedState(newState);\n };\n\n /// \n /// Author : -\n /// \n const prepareStateForUserIpDetail = (rowState) => {\n let dateObj = {\n startDate: startDate,\n endDate: endDate,\n };\n let newState = Object.assign(rowState, dateObj);\n setIpDetailState(newState);\n };\n\n let _IPColumns = [\n {\n Header: \"IP\",\n accessor: \"ipAddress\",\n },\n {\n Header: \"COUNTRY\",\n accessor: \"country\",\n },\n {\n Header: \"UNIQUE_USER_COUNT\",\n accessor: \"uniqueUserCount\",\n },\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) => {\n return (\n {\n toggle();\n prepareStateForGroupedIP(row.original);\n }}\n >\n {t(\"SHOW_USERS\")}\n \n );\n },\n disableFilters: true,\n disableSortBy: true,\n },\n ];\n\n /// \n /// Author : -\n /// \n const handleEvent = (event, picker) => {\n setStartDate(moment(picker.startDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n setEndDate(moment(picker.endDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n };\n\n /// \n /// Author : -\n /// \n const handleSelectChange = (event) => {\n setSelectedOption(event.target.value);\n };\n\n /// \n /// Author : -\n /// \n const handleSearchTextChange = (event) => {\n setSearchText(event.target.value);\n };\n\n return (\n \n
{t(\"IP_MONITOR\")} \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 {t(USERNAME_OPTION)} \n {t(IP_OPTION)} \n \n
\n \n
\n
\n {\n GetIpMonitorRecord();\n }}\n className=\"btn btn-primary\"\n >\n {t(\"SEARCH\")}\n \n
\n
\n
\n
\n
\n {t(\"USER_IP\")} \n \n \n {t(\"USER_IP_DETAILS\")} \n \n \n \n \n \n
\n
\n COMMAND CENTER \n\t\t\t
\n
\n
{t(\"MAINTENANCE_DESC\")}
\n
\n/// Author : -\n/// \n\nconst ManageWalletHistory = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n const _dispatch = useDispatch();\n const ALL_OPTION_LABEL = \"All\";\n const ALL_OPTION_VALUE = \"all\";\n const _SELECTED_MEMBER_KEY = \"selectedMemberKey\";\n const [search, setSearch] = useState(false);\n const [selectedMember, setSelectedMember] = useState(\"\");\n const [label, setLabel] = useState(\"\");\n const [selectedDate, setSelectedDate] = useState(\"\");\n const [walletUrl, setWalletUrl] = useState(\"\");\n\n let _tableColumns = [\n {\n Header: \"Date\",\n accessor: \"parsedTime\",\n minWidth: 100,\n },\n {\n Header: \"Remark\",\n accessor: \"remark\",\n minWidth: 100,\n Cell: ({ row }) => {\n return (\n \n {row.original.remark} \n {!stringIsNullOrEmpty(row.original.betId) && {\"Ticket: \"} {row.original.betId}
\n )\n }\n },\n {\n Header: \"Before\",\n accessor: \"preMemberCredit\",\n minWidth: 100,\n },\n {\n Header: \"Amount\",\n accessor: \"amount\",\n minWidth: 100,\n },\n {\n Header: \"After\",\n accessor: \"postMemberCredit\",\n minWidth: 100,\n },\n \n ]\n\n /// \n /// Author : -\n /// \n const handleEvent = (event, picker) => {\n setSelectedDate(moment(picker.startDate).format(\"YYYY-MM-DD\"));\n };\n\n \n\n /// \n /// Author : -\n /// \n const searchBtnHandler = async (selected) => {\n let apiUrl = ApiUrl._API_GET_MEMBER_WALLET_STATEMENT + \"?SelectedDate=\" + selectedDate + \"&memberId=\" + selectedMember;\n \n setWalletUrl(apiUrl);\n };\n\n /// \n /// Author : Wong\n /// \n async function getMemberList(search, loadOptions, { page }) {\n var responseJson = await ApiEngine.get(\n `${ApiUrl._API_GET_USER_MEMBER_LIST}?&start=${(page - 1) * DEFAULT_PAGE_SIZE\n }&count=${DEFAULT_PAGE_SIZE}&keyword=${search}`\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n let data = responseJson[ApiKey._API_DATA_KEY][\"data\"];\n let formattedData = data.map((m) => {\n return { label: m.username, value: m.id };\n });\n\n return {\n options: formattedData,\n hasMore: formattedData.length == DEFAULT_PAGE_SIZE,\n additional: {\n page: page + 1,\n },\n };\n }\n }\n\n return (\n \n
\n {stringIsNullOrEmpty(props.id) && t(\"MEMBER_WALLET_STATEMENT\")}\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 (!stringIsNullOrEmpty(e.value)) {\n sessionStorage.setItem(_SELECTED_MEMBER_KEY, e.value);\n } else {\n sessionStorage.removeItem(_SELECTED_MEMBER_KEY);\n }\n setLabel(e.label);\n setSelectedMember(e.value);\n }}\n />\n \n
\n {\n setSearch(true);\n searchBtnHandler();\n }}\n >\n
\n \n/// Author : -\n/// \nconst ManageVideoTutorial = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const [videoData, setVideoData] = useState([]);\n\n let _tableColumns = [\n {\n Header: \"Title\",\n accessor: \"title\",\n },\n {\n Header: \"Content\",\n accessor: \"content\",\n Cell: ({ row }) => (\n \n {!stringIsNullOrEmpty(row.original.content) ? (\n \n ) : (\n - \n )}\n
\n ),\n disableSortBy: true,\n },\n {\n Header: \"STATUS\",\n accessor: \"status\",\n Cell: ({ row }) => (\n \n {row.original.status == 1 ? (\n \n {t(\"ACTIVE\")}\n \n ) : (\n \n {t(\"INACTIVE\")}\n \n )}\n
\n ),\n disableSortBy: true,\n style: { overflow: \"visible\" },\n },\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) => (\n \n \n \n \n \n {\n navigateTo(\n _history,\n WebUrl._URL_VIDEO_TUTORIAL_DETAIL,\n row.original\n );\n }}\n >\n {t(\"EDIT\")} \n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n width: 100,\n style: { overflow: \"visible\" },\n },\n ];\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n fetch(ApiUrl._API_GET_VIDEO, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setVideoData(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n }, []);\n\n return (\n \n
\n {t(\"MANAGE_VIDEO_TUTORIAL\")}\n \n
\n \n \n \n
\n/// Author : -\n/// \n\nconst VideoTutorialDetail = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const _DETAIL_TAB = \"1\";\n const _LANGUAGE_TAB = \"2\";\n const [activeTab, setActiveTab] = useState(_DETAIL_TAB);\n const _location = useLocation();\n const _dispatch = useDispatch();\n const { register, unregister, handleSubmit, errors, setValue } = useForm();\n const [videoId, setVideoId] = useState(\"\");\n\n const [title, setTitle] = useState(\"\");\n const [content, setContent] = useState();\n const [status, setStatus] = useState(true);\n\n /// \n /// Author : -\n /// \n const toggle = (tab) => {\n if (activeTab !== tab) {\n setActiveTab(tab);\n }\n };\n /// \n /// Author : -\n /// \n useEffect(() => {\n console.log(_location);\n console.log(_location.state);\n init();\n }, []);\n\n /// \n /// Author : -\n /// \n async function init() {\n if (_location.state) {\n var apiUrl = ApiUrl._API_GET_VIDEO_BY_ID;\n apiUrl += \"?id=\" + _location.state.id;\n fetch(apiUrl, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n console.log(responseJson[ApiKey._API_DATA_KEY]);\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setVideoId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n setTitle(responseJson[ApiKey._API_DATA_KEY][\"title\"]);\n setStatus(responseJson[ApiKey._API_DATA_KEY][\"status\"]);\n setContent(responseJson[ApiKey._API_DATA_KEY][\"content\"]);\n }\n });\n }\n }\n\n /// \n /// Author : -\n /// \n const submitForm = async (data, e) => {\n let params = {\n content: data.title,\n status: data.status,\n content:data.content\n };\n\n if (!stringIsNullOrEmpty(videoId)) {\n params[\"id\"] = videoId;\n }\n let formBody = createMultiPartFormBody(params);\n _dispatch(setBusy());\n\n fetch(ApiUrl._API_CREATE_OR_UPDATE_VIDEO, {\n method: ApiKey._API_POST,\n headers: {\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n body: formBody,\n })\n .then((response) => response.json())\n .then((responseJson) => {\n _dispatch(setIdle());\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setVideoId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n }\n });\n };\n\n return (\n \n
\n {videoId ? t(\"EDIT_VIDEO\") : t(\"ADD_VIDEO\") /*localization*/}\n \n {videoId && (\n
\n \n {\n toggle(_DETAIL_TAB);\n }}\n >\n {t(\"DETAIL\")}\n \n \n \n {\n toggle(_LANGUAGE_TAB);\n }}\n >\n {t(\"LANGUAGE\")}\n \n \n \n )}\n
\n \n \n\n \n\n \n {videoId && (\n \n )}\n \n \n
\n/// Author : -\n/// \n\nconst ManageWalletRecon = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n const _dispatch = useDispatch();\n const [startDate, setStartDate] = useState(\n moment().startOf(\"day\").format(\"YYYY-MM-DD HH:mm:ss\")\n );\n const [endDate, setEndDate] = useState(\n moment().startOf(\"day\").add(1, 'hours').format(\"YYYY-MM-DD HH:mm:ss\")\n );\n const [search, setSearch] = useState(false);\n const [walletUrl, setWalletUrl] = useState(\"\");\n const [tableData, setTableData] = useState([]);\n\n let _tableColumns = [\n {\n Header: \"Player ID\",\n accessor: \"username\",\n minWidth: 100,\n },\n {\n Header: \"Date\",\n accessor: \"parsedTime\",\n minWidth: 100,\n },\n {\n Header: \"Remark\",\n accessor: \"remark\",\n minWidth: 100,\n Cell: ({ row }) => {\n return (\n \n {row.original.remark} \n {!stringIsNullOrEmpty(row.original.betId) && {\"Ticket: \"} {row.original.betId}
\n )\n }\n },\n {\n Header: \"Before\",\n accessor: \"preMemberCredit\",\n minWidth: 100,\n },\n {\n Header: \"Amount\",\n accessor: \"amount\",\n minWidth: 100,\n },\n {\n Header: \"After\",\n accessor: \"postMemberCredit\",\n minWidth: 100,\n },\n {\n Header: \"Validate Before Balance\",\n accessor: \"validatePreMemberCredit\",\n minWidth: 100,\n },\n {\n Header: \"Variance\",\n accessor: \"variance\",\n minWidth: 100,\n },\n {\n Header: \"Recon\",\n accessor: \"recon\",\n minWidth: 100,\n },\n {\n Header: \"Wallet Status\",\n accessor: \"walletStatus\",\n minWidth: 100,\n },\n ]\n\n const handleEvent = (event, picker) => {\n setStartDate(moment(picker.startDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n setEndDate(moment(picker.endDate).add(1, 'minutes').format(\"YYYY-MM-DD HH:mm:ss\"));\n }; \n\n const searchBtnHandler = async (selected) => {\n _dispatch(setBusy());\n let apiUrl = ApiUrl._API_GET_MEMBER_WALLET_STATEMENT_RECON + \"?StartDate=\" + startDate + \"&EndDate=\" + endDate;\n setWalletUrl(apiUrl);\n \n var responseJson = await ApiEngine.get(apiUrl);\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n let data = responseJson[ApiKey._API_DATA_KEY];\n setTableData(data[\"data\"]);\n }\n\n _dispatch(setIdle());\n };\n\n function getExportFileBlob({ columns, data, fileType, fileName }) {\n var response = null;\n if (!stringIsNullOrEmpty(walletUrl)) { \n response = ApiEngine.get(walletUrl);\n \n response.then(function (responseJson) {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n var allData =responseJson[ApiKey._API_DATA_KEY][ApiKey._API_DATA_KEY];\n \n if (fileType === \"csv\") {\n const csvString = Papa.unparse(allData);\n var csvData = new Blob([csvString], { type: \"text/csv\" });\n FileSaver.saveAs(csvData, `${fileName}.csv`);\n } \n else if (fileType === \"xlsx\") \n {\n const header = columns.map((c) => c.id);\n const headerNames = columns.map((c) => t(c.exportValue));\n \n const compatibleData = allData.map((row) => {\n const obj = {};\n header.forEach((col, index) => {\n obj[headerNames[index]] = row[col];\n });\n return obj;\n });\n \n let wb = XLSX.utils.book_new();\n let ws1 = XLSX.utils.json_to_sheet(compatibleData, {\n headerNames,\n });\n XLSX.utils.book_append_sheet(wb, ws1, \"React Table Data\");\n XLSX.writeFile(wb, `${fileName}.xlsx`);\n }\n return false;\n }\n });\n }\n }\n\n return (\n \n
\n {stringIsNullOrEmpty(props.id) && t(\"MEMBER_WALLET_STATEMENT_RECON\")}\n \n
\n \n \n
\n
\n
\n
\n
\n
\n \n \n
\n
\n \n
\n
\n
\n
\n
\n \n \n {\n setSearch(true);\n searchBtnHandler();\n }}\n >\n
\n
\n
\n
\n
\n \n
\n \n \n \n \n /// Author : -\n /// \n useEffect(() => {\n init();\n setInitCheck(true);\n }, []);\n\n async function init() {\n let apiUrl = ApiUrl._API_GET_USER_SYSTEM_SETTINGS + \"?type=settings\";\n var responseJson = await ApiEngine.get(apiUrl);\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n let data = responseJson[ApiKey._API_DATA_KEY];\n data.map((keyValuePair, index) => {\n if (keyValuePair['key'] === \"DepositReference\") {\n let depositReference = keyValuePair['value'];\n setDepositReference(depositReference);\n }\n });\n }\n }\n\n const submitForm = async () => {\n let params = {\n 'depositReference': depositReference\n };\n\n let formBody = createMultiPartFormBody(params);\n let apiUrl = ApiUrl._API_CREATE_OR_UPDATE_SYSTEM_SETTINGS + \"?type=DepositReference\";\n let responseJson = await ApiEngine.post(apiUrl, formBody);\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n init();\n }\n _dispatch(showMessage(responseJson[ApiKey._API_SUCCESS_KEY], t(responseJson[ApiKey._API_MESSAGE_KEY])));\n }\n\n return (\n \n
\n {t(\"DEPOSIT_REFERENCE\")}\n \n
\n
\n {initCheck &&
\n \n \n \n }\n
\n
\n
\n/// Author : -\n/// \nconst ManageMarqueeContentLanguage = (props) => {\n\tconst { handleSubmit, errors, register, content, setValue, clearErrors } =\n\t\tuseForm();\n\tconst { t } = useTranslation(LanguageKey._PRIMARY);\n\tconst [data, setData] = useState([]);\n\tconst _dispatch = useDispatch();\n\tconst [languageDetailModalVisibility, setLanguageDetailModalVisibility] =\n\t\tuseState(false);\n\n\tconst _EXCLUDE_TITLE_TYPE = [\n\t\tContentTypeString._VIP_BENEFIT_CONTENT,\n\t\tContentTypeString._VIP_CRITERIA,\n\t];\n\tconst _EXCLUDE_CONTENT_TYPE = [\n\t\tContentTypeString._VIP_BENEFIT,\n\t\tContentTypeString._PRODUCT_CATEGORY,\n\t];\n\tconst [isOpen, setIsOpen] = useState(false);\n\tconst [languageDetailId, setLanguageDetailId] = useState(\"\");\n\tconst [tableColumns, setTableColumns] = useState([]);\n\tconst [text, setText] = useState(\"\");\n\tconst [languageOption, setLanguageOption] = useState([]);\n\tconst [platformOption, setPlatformOption] = useState(\"\");\n\tconst [languageId, setLanguageId] = useState(\"\");\n\tconst [platformId, setPlatformId] = useState(\"\");\n\tconst [marqueeLanguage, setMarqueeLanguage] = useState([]);\n\tconst [marqueeTagContentData, setMarqueeTagContentData] = useState([]);\n\tconst [editModal, setEditModal] = useState(false);\n\tconst [editPlatformId, setEditPlatformId] = useState(\"\");\n\tconst [editLanguageId, setEditLanguageId] = useState(\"\");\n\tconst [marqueeLanguageId, setMarqueeLanguageId] = useState(\"\");\n\tconst [editContent, setEditContent] = useState(\"\");\n\n\tlet _tableColumns = [\n\t\t{\n\t\t\tHeader: \"LANGUAGE\",\n\t\t\taccessor: \"languageName\",\n\t\t\tdisableSortBy: true,\n\t\t},\n\t\t{\n\t\t\tHeader: \"CONTENT\",\n\t\t\taccessor: \"content\",\n\t\t\tdisableSortBy: true,\n\t\t},\n\t\t{\n\t\t\tid: \"action\",\n\t\t\tHeader: \"\",\n\t\t\tCell: ({ row }) => (\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\tsetEditModal(true);\n\t\t\t\t\t\t\t\t\tsetMarqueeLanguageId(row.original.id);\n\t\t\t\t\t\t\t\t\tsetEditPlatformId(row.original.platformId);\n\t\t\t\t\t\t\t\t\tsetEditLanguageId(row.original.languageId);\n\t\t\t\t\t\t\t\t\tsetEditContent(row.original.content);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{t(\"EDIT\")} \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t
\n\t\t\t),\n\t\t\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\tconst onSubmit = async (data) => {\n\t\tlet params = {\n\t\t\tplatformId: props.id,\n\t\t\tlanguageId: languageId,\n\t\t\tcontent: data.text,\n\t\t};\n\n\t\tlet responseJson = await ApiEngine.post(\n\t\t\tApiUrl._API_CREATE_MARQUEE_CONTENT_LANGUAGE,\n\t\t\tcreateFormBody(params)\n\t\t);\n\t\t_dispatch(\n\t\t\tshowMessage(\n\t\t\t\tresponseJson[ApiKey._API_SUCCESS_KEY],\n\t\t\t\tt(responseJson[ApiKey._API_MESSAGE_KEY])\n\t\t\t)\n\t\t);\n\t\tsetIsOpen(false);\n\t\tgetMarqueeTagContent();\n\t};\n\t/// \n\t/// Author : -\n\t/// \n\tuseEffect(() => {\n\t\tgetConfigLanguage();\n\t\tgetLanguage();\n\t\tgetPlatform();\n\t\tgetMarqueeTagContent();\n\t\t/// Used to Exclude the column of table\n\t\tif (_EXCLUDE_CONTENT_TYPE.includes(props.type)) {\n\t\t\t_tableColumns.splice(1, 1);\n\t\t} else if (_EXCLUDE_TITLE_TYPE.includes(props.type)) {\n\t\t\t_tableColumns.splice(2, 1);\n\t\t}\n\t\tsetTableColumns(_tableColumns);\n\t}, []);\n\n\tasync function getLanguage() {\n\t\tawait fetch(ApiUrl._API_GET_LANGUAGE, {\n\t\t\tmethod: ApiKey._API_GET,\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t},\n\t\t})\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tconst languageList = [];\n\t\t\t\t\tresponseJson[ApiKey._API_DATA_KEY].forEach(function (language) {\n\t\t\t\t\t\tlanguageList.push({ label: language.name, value: language.id });\n\t\t\t\t\t});\n\t\t\t\t\tsetLanguageOption(languageList);\n\t\t\t\t}\n\t\t\t});\n\t}\n\n\tasync function getPlatform() {\n\t\tawait fetch(\n\t\t\tApiUrl._API_GET_MARQUEE_TAG_CONTENT_WITH_ID + \"?MarqueeTagId=\" + props.id,\n\t\t\t{\n\t\t\t\tmethod: ApiKey._API_GET,\n\t\t\t\theaders: {\n\t\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t\t},\n\t\t\t}\n\t\t)\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tsetPlatformOption(responseJson[ApiKey._API_DATA_KEY][0][\"platform\"]);\n\t\t\t\t}\n\t\t\t});\n\t}\n\t/// \n\t/// Author : -\n\t/// \n\tconst getConfigLanguage = async () => {\n\t\tawait fetch(\n\t\t\tApiUrl._API_GET_CONFIG_LANGUAGE_BY_TYPE_ID +\n\t\t\t\t\"?type=\" +\n\t\t\t\tprops.type +\n\t\t\t\t\"&id=\" +\n\t\t\t\tprops.id,\n\t\t\t{\n\t\t\t\tmethod: ApiKey._API_GET,\n\t\t\t\theaders: {\n\t\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t\t},\n\t\t\t}\n\t\t)\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tsetData(responseJson[ApiKey._API_DATA_KEY]);\n\t\t\t\t}\n\t\t\t});\n\t};\n\n\tasync function getMarqueeTagContent() {\n\t\tvar apiUrl = ApiUrl._API_GET_MARQUEE_LANGUAGE;\n\t\tapiUrl += \"?id=\" + props.id;\n\t\tfetch(apiUrl, {\n\t\t\tmethod: ApiKey._API_GET,\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t},\n\t\t})\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tsetMarqueeTagContentData(responseJson[ApiKey._API_DATA_KEY]);\n\t\t\t\t}\n\t\t\t});\n\t}\n\n\tconst editSubmit = async (data) => {\n\t\tlet params = {\n\t\t\tmarqueeId: marqueeLanguageId,\n\t\t\tplatformId: editPlatformId,\n\t\t\tlanguageId: editLanguageId,\n\t\t\tcontent: data.text,\n\t\t};\n\n\t\tlet responseJson = await ApiEngine.post(\n\t\t\tApiUrl._API_UPDATE_MARQUEE_LANGUAGE_BY_ID,\n\t\t\tcreateFormBody(params)\n\t\t);\n\t\t_dispatch(\n\t\t\tshowMessage(\n\t\t\t\tresponseJson[ApiKey._API_SUCCESS_KEY],\n\t\t\t\tt(responseJson[ApiKey._API_MESSAGE_KEY])\n\t\t\t)\n\t\t);\n\n\t\tsetEditModal(false);\n\t\tgetMarqueeTagContent();\n\t};\n\n\treturn (\n\t\t\n\t\t\t
\n\t\t\t\t {\n\t\t\t\t\t\tsetLanguageDetailModalVisibility(false);\n\t\t\t\t\t\tgetConfigLanguage();\n\t\t\t\t\t}}\n\t\t\t\t\tdataTypeId={props.id}\n\t\t\t\t\tlanguageDetailId={languageDetailId}\n\t\t\t\t\tlanguageType={props.type}\n\t\t\t\t/>\n\t\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t {\n\t\t\t\t\t\t\tsetLanguageDetailId(\"\");\n\t\t\t\t\t\t\tsetIsOpen(true);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tclassName=\"btn btn-purple\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{t(\"ADD_LANGUAGE\")}\n\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t \n\t\t\t
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t \n/// Author : -\n/// \n\nconst MarqueeTagContentDetail = (props) => {\n\tconst _DETAIL_TAB = \"1\";\n\tconst _LANGUAGE_TAB = \"2\";\n\tconst { t } = useTranslation(LanguageKey._PRIMARY);\n\tlet _history = useHistory();\n\tconst _location = useLocation();\n\tconst _dispatch = useDispatch();\n\t// const { register, unregister, handleSubmit, errors, setValue } = useForm();\n\tconst [marqueeTagContentId, setMarqueeTagContentId] = useState(\"\");\n\tconst [announcementRefId, setAnnouncementRefId] = useState(\"\");\n\tconst [platformMode, setPlatformMode] = useState(\"\");\n\tconst [content, setContent] = useState(\"\");\n\n\tconst {\n\t\tregister: marRegister,\n\t\thandleSubmit: marHandleSubmit,\n\t\terrors: marErrors,\n\t\tunregister: forgotPasswordUnregister,\n\t} = useForm();\n\n\t/// \n\t/// Author : -\n\t/// \n\tuseEffect(() => {\n\t\tmarRegister({ name: \"content\" }, { required: \"PLEASE_ENTER_CONTENT\" });\n\t}, []);\n\n\tconst [activeTab, setActiveTab] = useState(_DETAIL_TAB);\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst toggle = (tab) => {\n\t\tif (activeTab !== tab) {\n\t\t\tsetActiveTab(tab);\n\t\t}\n\t};\n\n\t/// \n\t/// Author : -\n\t/// \n\tuseEffect(() => {\n\t\tgetMarqueeTagContent();\n\t}, []);\n\n\tasync function getMarqueeTagContent() {\n\t\tif (_location.state) {\n\t\t\tconsole.log(_location);\n\t\t\tlet stateAnnouncementId = _location.state.id || _location.state.refId;\n\n\t\t\tconsole.log(stateAnnouncementId);\n\t\t\tlet responseJson = await ApiEngine.get(\n\t\t\t\tApiUrl._API_GET_MARQUEE_TAG_CONTENT_WITH_ID +\n\t\t\t\t\t\"?MarqueeTagId=\" +\n\t\t\t\t\tstateAnnouncementId\n\t\t\t);\n\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\tif (_location.state.id) {\n\t\t\t\t\tresponseJson[ApiKey._API_DATA_KEY].map((option) => {\n\t\t\t\t\t\tsetMarqueeTagContentId(option[\"id\"]);\n\t\t\t\t\t\tsetAnnouncementRefId(\"\");\n\t\t\t\t\t});\n\t\t\t\t\tsetAnnouncementRefId(\"\");\n\t\t\t\t} else if (_location.state.refId) {\n\t\t\t\t\tresponseJson[ApiKey._API_DATA_KEY].map((option) => {\n\t\t\t\t\t\tsetMarqueeTagContentId(\"\");\n\t\t\t\t\t\tsetAnnouncementRefId(option[\"id\"]);\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\tconsole.log(responseJson[ApiKey._API_DATA_KEY]);\n\t\t\t\tresponseJson[ApiKey._API_DATA_KEY].map((option) => {\n\t\t\t\t\tsetPlatformMode(option[\"platform\"]);\n\t\t\t\t\tsetContent(option[\"content\"]);\n\t\t\t\t});\n\n\t\t\t\t//responseJson[ApiKey._API_DATA_KEY];\n\t\t\t}\n\t\t}\n\t}\n\n\t/// \n\t/// Author : -\n\t/// \n\tasync function submitForm(data) {\n\t\tlet params = {\n\t\t\tplatform: data.platformMode,\n\t\t\tcontent: content,\n\t\t};\n\n\t\tif (!stringIsNullOrEmpty(marqueeTagContentId)) {\n\t\t\tparams[\"id\"] = marqueeTagContentId;\n\t\t}\n\n\t\tif (!stringIsNullOrEmpty(announcementRefId)) {\n\t\t\tparams[\"refId\"] = announcementRefId;\n\t\t}\n\n\t\tlet formBody = createFormBody(params);\n\t\t_dispatch(setBusy());\n\n\t\tfetch(ApiUrl._API_CREATE_OR_UPDATE_MARQUEE_TAG_CONTENT, {\n\t\t\tmethod: ApiKey._API_POST,\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t},\n\t\t\tbody: formBody,\n\t\t})\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\t_dispatch(setIdle());\n\t\t\t\t_dispatch(\n\t\t\t\t\tshowMessage(\n\t\t\t\t\t\tresponseJson[ApiKey._API_SUCCESS_KEY],\n\t\t\t\t\t\tt(responseJson[ApiKey._API_MESSAGE_KEY])\n\t\t\t\t\t)\n\t\t\t\t);\n\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tsetMarqueeTagContentId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n\t\t\t\t\tsetAnnouncementRefId(\"\");\n\n\t\t\t\t\t_history.replace({\n\t\t\t\t\t\tpathname: _location.pathname,\n\t\t\t\t\t\tstate: {\n\t\t\t\t\t\t\tid: responseJson[ApiKey._API_DATA_KEY][\"id\"],\n\t\t\t\t\t\t},\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\t\tgetMarqueeTagContent();\n\t}\n\n\treturn (\n\t\t\n\t\t\t
\n\t\t\t\t{marqueeTagContentId\n\t\t\t\t\t? t(\"EDIT_MARQUEE_TAG_CONTENT\")\n\t\t\t\t\t: t(\"ADD_MARQUEE_TAG_CONTENT\")}\n\t\t\t\t \n\t\t\t{marqueeTagContentId && (\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\ttoggle(_DETAIL_TAB);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{t(\"DETAIL\")}\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 {\n\t\t\t\t\t\t\t\ttoggle(_LANGUAGE_TAB);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{t(\"LANGUAGE\")}\n\t\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t)}\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\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 \n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t{marqueeTagContentId && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t \n\t\t
\n/// Author : -\n/// \nconst ManageDCItemList = (props) => {\n\tconst { t } = useTranslation(LanguageKey._PRIMARY);\n\tlet _history = useHistory();\n\tconst _dispatch = useDispatch();\n\tconst [itemData, setItemData] = useState([]);\n\n\tlet _tableColumns = [\n\t\t{\n\t\t\tHeader: \"ITEM_NAME\",\n\t\t\taccessor: \"name\",\n\t\t\tCell: ({ row }) => (\n\t\t\t\t{row.original.name}
\n\t\t\t),\n\t\t},\n\t\t{\n\t\t\tHeader: \"PRODUCT_TYPE\",\n\t\t\taccessor: \"productType\",\n\t\t\tCell: ({ row }) => (\n\t\t\t\t{row.original.productType}
\n\t\t\t),\n\t\t},\n\t\t{\n\t\t\tHeader: \"STOCKS\",\n\t\t\taccessor: \"stock\",\n\t\t\tCell: ({ row }) => (\n\t\t\t\t{row.original.stock}
\n\t\t\t),\n\t\t},\n\t\t{\n\t\t\tHeader: \"POINTS\",\n\t\t\taccessor: \"pointsNeeded\",\n\t\t\tCell: ({ row }) => (\n\t\t\t\t{row.original.pointsNeeded}
\n\t\t\t),\n\t\t},\n\t\t{\n\t\t\tHeader: \"IMAGE\",\n\t\t\taccessor: \"image\",\n\t\t\tCell: ({ row }) => (\n\t\t\t\t<>\n\t\t\t\t\t\n\t\t\t\t\t\t{!stringIsNullOrEmpty(row.original.image) ? (\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t)}\n\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{t(\"ACTIVE\")}\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\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{t(\"SUSPENDED\")}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t)}\n\t\t\t\t\n\t\t\t),\n\t\t\tdisableSortBy: true,\n\t\t\tdisableFilters: true,\n\t\t\tstyle: { overflow: \"visible\" },\n\t\t},\n\t\t{\n\t\t\tid: \"action\",\n\t\t\tHeader: \"\",\n\t\t\tCell: ({ row }) =>\n\t\t\t\tcheckIfPermissionExist(AccessRight._DC_ITEM_LIST_PERMISSION, true) && (\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \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\tnavigateTo(\n\t\t\t\t\t\t\t\t\t\t\t_history,\n\t\t\t\t\t\t\t\t\t\t\tWebUrl._URL_CREATE_OR_UPDATE_DC_ITEM,\n\t\t\t\t\t\t\t\t\t\t\trow.original\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{t(\"EDIT\")} \n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t{row.original.status == 1 && (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\tupdateStatus(row.original.id, row.original.status)\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(\"DISABLE\")} \n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t{row.original.status == 0 && (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\tupdateStatus(row.original.id, row.original.status)\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(\"ENABLE\")} \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\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\t/// \n\t/// Author : -\n\t/// \n\tuseEffect(() => {\n\t\tinit();\n\t}, []);\n\n\tconst init = async () => {\n\t\tfetch(ApiUrl._API_GET_ALL_DC_ITEM, {\n\t\t\tmethod: ApiKey._API_GET,\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t},\n\t\t})\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tsetItemData(responseJson[ApiKey._API_DATA_KEY]);\n\t\t\t\t}\n\t\t\t});\n\t};\n\n\tconst updateStatus = async (id, status) => {\n\t\t_dispatch(setBusy());\n\t\tlet responseJson = await ApiEngine.post(\n\t\t\tApiUrl._API_UPDATE_DC_ITEM_STATUS + \"?id=\" + id + \"&status=\" + status\n\t\t);\n\n\t\t_dispatch(setIdle());\n\t\t_dispatch(\n\t\t\tshowMessage(\n\t\t\t\tresponseJson[ApiKey._API_SUCCESS_KEY],\n\t\t\t\tt(responseJson[ApiKey._API_MESSAGE_KEY])\n\t\t\t)\n\t\t);\n\t\tinit();\n\t};\n\n\treturn (\n\t\t\n\t\t\t
\n\t\t\t\t{t(\"REDEMPTION_ITEMS\")}\n\t\t\t\t{checkIfPermissionExist(AccessRight._DC_ITEM_LIST_PERMISSION, true) && (\n\t\t\t\t\t \n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t \n\t\t\t \n\t\t
\n/// Author : -\n/// \n\nconst ManageDCRedemption = (props) => {\n\tconst { t } = useTranslation(LanguageKey._PRIMARY);\n\tlet _history = useHistory();\n\tconst _dispatch = useDispatch();\n\tconst [redemptionData, setRedemptionData] = useState([]);\n\tconst [selectedMember, setSelectedMember] = useState(\"\");\n\tconst [selectedItemName, setSelectedItemName] = useState(\"\");\n\tconst [labelUsername, setLabelUsername] = useState(\"All\");\n\tconst [labelItemName, setLabelItemName] = useState(\"All\");\n\tconst [searchTrigger, setSearchTrigger] = useState(\"\");\n\tconst [startDate, setStartDate] = useState(\n\t\tmoment().startOf(\"week\").format(\"YYYY-MM-DD HH:mm:ss\")\n\t);\n\tconst [endDate, setEndDate] = useState(\n\t\tmoment().endOf(\"week\").format(\"YYYY-MM-DD HH:mm:ss\")\n\t);\n\tconst _SELECTED_MEMBER_KEY = \"selectedMemberKey\";\n\tconst _SELECTED_ITEM_KEY = \"selectedItemKey\";\n\tconst _SELECTED_STATUS_KEY = \"selectedStatusKey\";\n\tconst [selectedStatus, setSelectedStatus] = useState(\"\");\n\tconst [labelStatus, setLabelStatus] = useState(\"All\");\n\n\tlet _tableColumns = [\n\t\t{\n\t\t\tHeader: \"ITEM_NAME\",\n\t\t\taccessor: \"name\",\n\t\t\tCell: ({ row }) => (\n\t\t\t\t{row.original.name}
\n\t\t\t),\n\t\t},\n\t\t{\n\t\t\tHeader: \"USERNAME\",\n\t\t\taccessor: \"username\",\n\t\t\tCell: ({ row }) => (\n\t\t\t\t{row.original.username}
\n\t\t\t),\n\t\t},\n\t\t{\n\t\t\tHeader: \"PHONE_NUMBER\",\n\t\t\taccessor: \"phoneNumber\",\n\t\t\tCell: ({ row }) => (\n\t\t\t\t{row.original.phoneNumber}
\n\t\t\t),\n\t\t\tdisableFilters: true,\n\t\t},\n\t\t{\n\t\t\tHeader: \"EMAIL\",\n\t\t\taccessor: \"email\",\n\t\t\tCell: ({ row }) => (\n\t\t\t\t{row.original.email}
\n\t\t\t),\n\t\t\tdisableFilters: true,\n\t\t},\n\t\t{\n\t\t\tHeader: \"POINTS_SPENDED\",\n\t\t\taccessor: \"pointsNeededOnRedemption\",\n\t\t\tCell: ({ row }) => (\n\t\t\t\t\n\t\t\t\t\t{row.original.pointsNeededOnRedemption}\n\t\t\t\t
\n\t\t\t),\n\t\t\tdisableFilters: true,\n\t\t},\n\t\t{\n\t\t\tHeader: \"REDEEM_TIME\",\n\t\t\taccessor: \"redeemTime\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{moment(row.original.redeemTime).format(\"YYYY-MM-DD HH:mm:ss\")}\n\t\t\t\t\t
\n\t\t\t\t);\n\t\t\t},\n\t\t\tdisableFilters: true,\n\t\t},\n\t\t{\n\t\t\tHeader: \"STATUS\",\n\t\t\taccessor: \"received\",\n\t\t\tCell: ({ row }) => (\n\t\t\t\t\n\t\t\t\t\t{console.log(row.original)}\n\t\t\t\t\t{row.original.received == 1 && (\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t)}\n\t\t\t\t\t{row.original.received == 0 && row.original.processing == 2 && (\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{t(\"CANCELLED\")} \n\t\t\t\t\t\t
\n\t\t\t\t\t)}\n\t\t\t\t\t{row.original.processing == 1 && row.original.received == 0 && (\n\t\t\t\t\t\t
{t(\"PROCESSING\")}
\n\t\t\t\t\t)}\n\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t updateReceived(row.original.id)}>\n\t\t\t\t\t\t\t\t\t{t(\"MARK_RECEIVED\")} \n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t updateProcessing(row.original.id)}>\n\t\t\t\t\t\t\t\t\t{t(\"MARK_PROCESSING\")} \n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t updateCancel(row.original.id)}>\n\t\t\t\t\t\t\t\t\t\t{t(\"CANCEL_REDEMPTION\")} \n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\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\tconst updateReceived = async (id) => {\n\t\t_dispatch(setBusy());\n\t\tlet responseJson = await ApiEngine.post(\n\t\t\tApiUrl._API_UPDATE_DC_REDEMPTION + \"?id=\" + id\n\t\t);\n\n\t\t_dispatch(setIdle());\n\t\t_dispatch(\n\t\t\tshowMessage(\n\t\t\t\tresponseJson[ApiKey._API_SUCCESS_KEY],\n\t\t\t\tt(responseJson[ApiKey._API_MESSAGE_KEY])\n\t\t\t)\n\t\t);\n\t\tinit();\n\t};\n\n\tconst updateProcessing = async (id) => {\n\t\t_dispatch(setBusy());\n\t\tlet responseJson = await ApiEngine.post(\n\t\t\tApiUrl._API_UPDATE_PROCESSING_DC_REDEMPTION + \"?id=\" + id\n\t\t);\n\n\t\t_dispatch(setIdle());\n\t\t_dispatch(\n\t\t\tshowMessage(\n\t\t\t\tresponseJson[ApiKey._API_SUCCESS_KEY],\n\t\t\t\tt(responseJson[ApiKey._API_MESSAGE_KEY])\n\t\t\t)\n\t\t);\n\t\tinit();\n\t};\n\n\tconst updateCancel = async (id) => {\n\t\t_dispatch(setBusy());\n\t\tlet responseJson = await ApiEngine.post(\n\t\t\tApiUrl._API_UPDATE_CANCEL_DC_REDEMPTION + \"?id=\" + id\n\t\t);\n\n\t\t_dispatch(setIdle());\n\t\t_dispatch(\n\t\t\tshowMessage(\n\t\t\t\tresponseJson[ApiKey._API_SUCCESS_KEY],\n\t\t\t\tt(responseJson[ApiKey._API_MESSAGE_KEY])\n\t\t\t)\n\t\t);\n\t\tinit();\n\t};\n\n\tconst init = async () => {\n\t\tlet apiUrl =\n\t\t\tApiUrl._API_GET_DC_REDEMPTION_RECORD +\n\t\t\t\"?startDate=\" +\n\t\t\tstartDate +\n\t\t\t\"&endDate=\" +\n\t\t\tendDate;\n\n\t\tif (selectedMember !== \"\") {\n\t\t\tapiUrl += \"&memberId=\" + selectedMember;\n\t\t}\n\n\t\tif (selectedItemName !== \"\") {\n\t\t\tapiUrl += \"&itemId=\" + selectedItemName;\n\t\t}\n\n\t\tif (selectedStatus !== \"\") {\n\t\t\tif (selectedStatus == 1) {\n\t\t\t\tapiUrl += \"&itemReceived=1\";\n\t\t\t\tapiUrl += \"&itemProcessing=0\";\n\t\t\t}\n\t\t\tif (selectedStatus == 2) {\n\t\t\t\tapiUrl += \"&itemReceived=0\";\n\t\t\t\tapiUrl += \"&itemProcessing=1\";\n\t\t\t} else {\n\t\t\t\tapiUrl += \"&itemReceived=0\";\n\t\t\t\tapiUrl += \"&itemProcessing=0\";\n\t\t\t}\n\t\t}\n\n\t\tlet responseJson = await ApiEngine.get(apiUrl);\n\n\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\tsetRedemptionData(responseJson[ApiKey._API_DATA_KEY]);\n\t\t}\n\t};\n\n\tconst handleEvent = (event, picker) => {\n\t\tsetStartDate(moment(picker.startDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n\t\tsetEndDate(moment(picker.endDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n\t};\n\n\tconst searchBtnHandler = async () => {\n\t\t\n\t\tlet apiUrl =\n\t\t\tApiUrl._API_GET_DC_REDEMPTION_RECORD +\n\t\t\t\"?startDate=\" +\n\t\t\tstartDate +\n\t\t\t\"&endDate=\" +\n\t\t\tendDate;\n\n\t\tif (selectedMember !== \"\") {\n\t\t\tapiUrl += \"&memberId=\" + selectedMember;\n\t\t}\n\n\t\tif (selectedItemName !== \"\") {\n\t\t\tapiUrl += \"&itemId=\" + selectedItemName;\n\t\t}\n\n\t\tif (selectedStatus !== \"\") {\n\t\t\tif (selectedStatus == 1) {\n\t\t\t\tapiUrl += \"&itemReceived=1\";\n\t\t\t\tapiUrl += \"&itemProcessing=0\";\n\t\t\t}\n\t\t\tif (selectedStatus == 2) {\n\t\t\t\tapiUrl += \"&itemReceived=0\";\n\t\t\t\tapiUrl += \"&itemProcessing=1\";\n\t\t\t} else {\n\t\t\t\tapiUrl += \"&itemReceived=0\";\n\t\t\t\tapiUrl += \"&itemProcessing=0\";\n\t\t\t}\n\t\t}\n\n\t\tsetSearchTrigger(apiUrl);\n\t};\n\n\tuseEffect(async () => {\n\t\t_dispatch(setBusy());\n\t\tlet responseJson = await ApiEngine.get(searchTrigger);\n\n\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\tconsole.log(responseJson[ApiKey._API_DATA_KEY]);\n\t\t\tsetRedemptionData(responseJson[ApiKey._API_DATA_KEY]);\n\t\t}\n\n\t\t_dispatch(setIdle());\n\t}, [searchTrigger]);\n\n\t/// \n\t/// Author : -\n\t/// \n\tuseEffect(() => {\n\t\tinit();\n\t}, []);\n\n\tasync function getMemberList(search, loadOptions, { page }) {\n\t\tvar responseJson = await ApiEngine.get(\n\t\t\t`${ApiUrl._API_GET_USER_MEMBER_LIST}?&start=${\n\t\t\t\t(page - 1) * DEFAULT_PAGE_SIZE\n\t\t\t}&count=${DEFAULT_PAGE_SIZE}&keyword=${search}`\n\t\t);\n\n\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\tlet data = responseJson[ApiKey._API_DATA_KEY][\"data\"];\n\t\t\tlet formattedData = data.map((m) => {\n\t\t\t\treturn { label: m.username, value: m.id };\n\t\t\t});\n\t\t\tformattedData.unshift({ label: \"All\", value: \"\" });\n\t\t\treturn {\n\t\t\t\toptions: formattedData,\n\t\t\t\thasMore: formattedData.length == DEFAULT_PAGE_SIZE,\n\t\t\t\tadditional: {\n\t\t\t\t\tpage: page + 1,\n\t\t\t\t},\n\t\t\t};\n\t\t}\n\t}\n\n\tasync function getItemList(search, loadOptions, { page }) {\n\t\tlet formattedData = [];\n\t\tvar responseJson = await ApiEngine.get(\n\t\t\t`${ApiUrl._API_GET_DC_ITEM_NAME_LIST}?&start=${\n\t\t\t\t(page - 1) * DEFAULT_PAGE_SIZE\n\t\t\t}&count=${DEFAULT_PAGE_SIZE}&keyword=${search}`\n\t\t);\n\n\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\tlet data = responseJson[ApiKey._API_DATA_KEY][\"data\"];\n\t\t\tformattedData = data.map((m) => {\n\t\t\t\treturn { label: m.itemName, value: m.id };\n\t\t\t});\n\n\t\t\treturn {\n\t\t\t\toptions: formattedData,\n\t\t\t\thasMore: formattedData.length == DEFAULT_PAGE_SIZE,\n\t\t\t\tadditional: {\n\t\t\t\t\tpage: page + 1,\n\t\t\t\t},\n\t\t\t};\n\t\t}\n\t}\n\n\tasync function getItemStatus(search, loadOptions, { page }) {\n\t\tlet formattedData = [\n\t\t\t{\n\t\t\t\tlabel: t(\"RECEIVED\"),\n\t\t\t\tvalue: 1,\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: t(\"PROCESSING\"),\n\t\t\t\tvalue: 2,\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: t(\"PENDING\"),\n\t\t\t\tvalue: 0,\n\t\t\t},\n\t\t];\n\n\t\treturn {\n\t\t\toptions: formattedData,\n\t\t\thasMore: formattedData.length == DEFAULT_PAGE_SIZE,\n\t\t\tadditional: {\n\t\t\t\tpage: page + 1,\n\t\t\t},\n\t\t};\n\t}\n\n\treturn (\n\t\t\n\t\t\t
{t(\"REDEMPTIONS\")} \n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t{t(\"USERNAME\")} \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\tif (!stringIsNullOrEmpty(e.value)) {\n\t\t\t\t\t\t\t\t\t\t\t\tsessionStorage.setItem(_SELECTED_MEMBER_KEY, e.value);\n\t\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\t\tsessionStorage.removeItem(_SELECTED_MEMBER_KEY);\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tsetLabelUsername(e.label);\n\t\t\t\t\t\t\t\t\t\t\tsetSelectedMember(e.value);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t{t(\"ITEM_NAME\")} \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\tif (!stringIsNullOrEmpty(e.value)) {\n\t\t\t\t\t\t\t\t\t\t\t\tsessionStorage.setItem(_SELECTED_ITEM_KEY, e.value);\n\t\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\t\tsessionStorage.removeItem(_SELECTED_ITEM_KEY);\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tsetLabelItemName(e.label);\n\t\t\t\t\t\t\t\t\t\t\tsetSelectedItemName(e.value);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t{t(\"STATUS\")} \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\tif (!stringIsNullOrEmpty(e.value)) {\n\t\t\t\t\t\t\t\t\t\t\t\tsessionStorage.setItem(_SELECTED_STATUS_KEY, e.value);\n\t\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\t\tsessionStorage.removeItem(_SELECTED_STATUS_KEY);\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tsetLabelStatus(e.label);\n\t\t\t\t\t\t\t\t\t\t\tsetSelectedStatus(e.value);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t//setSearch(true);\n\t\t\t\t\t\t\t\t\tsearchBtnHandler();\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n/// Author : -\n/// \nconst ManageDCItemContentLanguage = (props) => {\n\tconst { handleSubmit, errors, register, content, setValue, clearErrors } =\n\t\tuseForm();\n\tconst { t } = useTranslation(LanguageKey._PRIMARY);\n\tconst [data, setData] = useState([]);\n\tconst _dispatch = useDispatch();\n\tconst [languageDetailModalVisibility, setLanguageDetailModalVisibility] =\n\t\tuseState(false);\n\n\tconst _EXCLUDE_TITLE_TYPE = [\n\t\tContentTypeString._VIP_BENEFIT_CONTENT,\n\t\tContentTypeString._VIP_CRITERIA,\n\t];\n\tconst _EXCLUDE_CONTENT_TYPE = [\n\t\tContentTypeString._VIP_BENEFIT,\n\t\tContentTypeString._PRODUCT_CATEGORY,\n\t];\n\tconst [isOpen, setIsOpen] = useState(false);\n\tconst [languageDetailId, setLanguageDetailId] = useState(\"\");\n\tconst [tableColumns, setTableColumns] = useState([]);\n\tconst [text, setText] = useState(\"\");\n\tconst [languageOption, setLanguageOption] = useState([]);\n\tconst [languageId, setLanguageId] = useState(\"\");\n\tconst [dCItemId, setDCItemId] = useState(\"\");\n\tconst [dCItemLanguage, setDCItemLanguage] = useState([]);\n\tconst [dCItemContentData, setDCItemContentData] = useState([]);\n\tconst [editModal, setEditModal] = useState(false);\n\tconst [editDCItemId, setEditDCItemId] = useState(\"\");\n\tconst [editLanguageId, setEditLanguageId] = useState(\"\");\n\tconst [dCItemLanguageId, setDCItemLanguageId] = useState(\"\");\n\tconst [editContent, setEditContent] = useState(\"\");\n\n\tlet _tableColumns = [\n\t\t{\n\t\t\tHeader: \"LANGUAGE\",\n\t\t\taccessor: \"languageName\",\n\t\t\tdisableSortBy: true,\n\t\t},\n\t\t{\n\t\t\tHeader: \"CONTENT\",\n\t\t\taccessor: \"content\",\n\t\t\tdisableSortBy: true,\n\t\t},\n\t\t{\n\t\t\tid: \"action\",\n\t\t\tHeader: \"\",\n\t\t\tCell: ({ row }) => (\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\tsetEditModal(true);\n\t\t\t\t\t\t\t\t\tsetDCItemLanguageId(row.original.id);\n\t\t\t\t\t\t\t\t\tsetEditDCItemId(row.original.dcItemId);\n\t\t\t\t\t\t\t\t\tsetEditLanguageId(row.original.languageId);\n\t\t\t\t\t\t\t\t\tsetEditContent(row.original.content);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{t(\"EDIT\")} \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t
\n\t\t\t),\n\t\t\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\tconst onSubmit = async (data) => {\n\t\tlet params = {\n\t\t\tdCItemId: props.id,\n\t\t\tlanguageId: languageId,\n\t\t\tcontent: data.text,\n\t\t};\n\n\t\tconsole.log(params);\n\t\tlet responseJson = await ApiEngine.post(\n\t\t\tApiUrl._API_CREATE_DCITEM_CONTENT_LANGUAGE,\n\t\t\tcreateFormBody(params)\n\t\t);\n\t\t_dispatch(\n\t\t\tshowMessage(\n\t\t\t\tresponseJson[ApiKey._API_SUCCESS_KEY],\n\t\t\t\tt(responseJson[ApiKey._API_MESSAGE_KEY])\n\t\t\t)\n\t\t);\n\t\tsetIsOpen(false);\n\t\tgetDCItem();\n\t};\n\t/// \n\t/// Author : -\n\t/// \n\tuseEffect(() => {\n\t\tgetConfigLanguage();\n\t\tgetLanguage();\n\t\tgetDCItem();\n\t\t/// Used to Exclude the column of table\n\t\tif (_EXCLUDE_CONTENT_TYPE.includes(props.type)) {\n\t\t\t_tableColumns.splice(1, 1);\n\t\t} else if (_EXCLUDE_TITLE_TYPE.includes(props.type)) {\n\t\t\t_tableColumns.splice(2, 1);\n\t\t}\n\t\tsetTableColumns(_tableColumns);\n\t}, []);\n\n\tasync function getLanguage() {\n\t\tawait fetch(ApiUrl._API_GET_LANGUAGE, {\n\t\t\tmethod: ApiKey._API_GET,\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t},\n\t\t})\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tconst languageList = [];\n\t\t\t\t\tresponseJson[ApiKey._API_DATA_KEY].forEach(function (language) {\n\t\t\t\t\t\tlanguageList.push({ label: language.name, value: language.id });\n\t\t\t\t\t});\n\t\t\t\t\tsetLanguageOption(languageList);\n\t\t\t\t}\n\t\t\t});\n\t}\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst getConfigLanguage = async () => {\n\t\tawait fetch(\n\t\t\tApiUrl._API_GET_CONFIG_LANGUAGE_BY_TYPE_ID +\n\t\t\t\t\"?type=\" +\n\t\t\t\tprops.type +\n\t\t\t\t\"&id=\" +\n\t\t\t\tprops.id,\n\t\t\t{\n\t\t\t\tmethod: ApiKey._API_GET,\n\t\t\t\theaders: {\n\t\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t\t},\n\t\t\t}\n\t\t)\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tsetData(responseJson[ApiKey._API_DATA_KEY]);\n\t\t\t\t}\n\t\t\t});\n\t};\n\n\tasync function getDCItem() {\n\t\tvar apiUrl = ApiUrl._API_GET_DCITEM_LANGUAGE;\n\t\tapiUrl += \"?id=\" + props.id;\n\t\tfetch(apiUrl, {\n\t\t\tmethod: ApiKey._API_GET,\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t},\n\t\t})\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tsetDCItemContentData(responseJson[ApiKey._API_DATA_KEY]);\n\t\t\t\t}\n\t\t\t});\n\t}\n\n\tconst editSubmit = async (data) => {\n\t\tlet params = {\n\t\t\tid: dCItemLanguageId,\n\t\t\tdCItemId: editDCItemId,\n\t\t\tlanguageId: editLanguageId,\n\t\t\tcontent: data.text,\n\t\t};\n\n\t\tconsole.log(params);\n\t\tlet responseJson = await ApiEngine.post(\n\t\t\tApiUrl._API_UPDATE_DCITEM_LANGUAGE_BY_ID,\n\t\t\tcreateFormBody(params)\n\t\t);\n\t\t_dispatch(\n\t\t\tshowMessage(\n\t\t\t\tresponseJson[ApiKey._API_SUCCESS_KEY],\n\t\t\t\tt(responseJson[ApiKey._API_MESSAGE_KEY])\n\t\t\t)\n\t\t);\n\n\t\tsetEditModal(false);\n\t\tgetDCItem();\n\t};\n\n\treturn (\n\t\t\n\t\t\t
\n\t\t\t\t {\n\t\t\t\t\t\tsetLanguageDetailModalVisibility(false);\n\t\t\t\t\t\tgetConfigLanguage();\n\t\t\t\t\t}}\n\t\t\t\t\tdataTypeId={props.id}\n\t\t\t\t\tlanguageDetailId={languageDetailId}\n\t\t\t\t\tlanguageType={props.type}\n\t\t\t\t/>\n\t\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t {\n\t\t\t\t\t\t\tsetLanguageDetailId(\"\");\n\t\t\t\t\t\t\tsetIsOpen(true);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tclassName=\"btn btn-purple\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{t(\"ADD_LANGUAGE\")}\n\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t \n\t\t\t
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t \n/// Author : -\n/// \n\nconst DCItemDetail = (props) => {\n\tconst _DETAIL_TAB = \"1\";\n\tconst _LANGUAGE_TAB = \"2\";\n\tconst { t } = useTranslation(LanguageKey._PRIMARY);\n\tlet _history = useHistory();\n\tconst _location = useLocation();\n\tconst _dispatch = useDispatch();\n\n\tconst { register, handleSubmit, errors, setValue, watch, unregister } =\n\t\tuseForm();\n\tconst [itemId, setItemId] = useState(\"\");\n\tconst [itemName, setItemName] = useState(\"\");\n\tconst [pointsNeeded, setPointsNeeded] = useState(0);\n\tconst [stock, setStock] = useState(0);\n\tconst [limitPerMember, setLimitPerMember] = useState(0);\n\tconst [status, setStatus] = useState(true);\n\tconst [isNewImage, setIsNewImage] = useState(false);\n\tconst [isNewDesktopImage, setIsNewDesktopImage] = useState(false);\n\tconst [image, setImage] = useState();\n\tconst [imageFile, setImageFile] = useState([]);\n\tconst [desktopImage, setDesktopImage] = useState();\n\tconst [desktopFile, setDesktopFile] = useState([]);\n\tconst [productType, setProductType] = useState(\"Product\");\n\tconst [voucherValue, setVoucherValue] = useState(0.0);\n\tconst [rollOver, setRollOver] = useState(0);\n\tconst _PRODUCT_TYPE = [\n\t\t{ value: \"Product\", label: \"Product\" },\n\t\t{ value: \"Voucher\", label: \"Voucher\" },\n\t\t{ value: \"Credit\", label: \"Credit\" },\n\t];\n\n\tconst [activeTab, setActiveTab] = useState(_DETAIL_TAB);\n\n\tconst toggle = (tab) => {\n\t\tif (activeTab !== tab) {\n\t\t\tsetActiveTab(tab);\n\t\t}\n\t};\n\t/// \n\t/// Author : -\n\t/// Used to set image\n\t/// \n\tconst imageDrop = (acceptedFiles) => {\n\t\tif (acceptedFiles.length !== 0) {\n\t\t\tconst file = acceptedFiles[0];\n\t\t\tsetImageFile(file);\n\t\t\tconst reader = new FileReader();\n\t\t\treader.onloadend = () => {\n\t\t\t\tsetImage(reader.result);\n\t\t\t\tsetIsNewImage(true);\n\t\t\t};\n\t\t\treader.readAsDataURL(file);\n\t\t}\n\t};\n\n\t/// \n\t/// Author : -\n\t/// Used to set image for desktop\n\t/// \n\tconst desktopImageDrop = (acceptedFiles) => {\n\t\tif (acceptedFiles.length !== 0) {\n\t\t\tconst file = acceptedFiles[0];\n\t\t\tsetDesktopFile(file);\n\t\t\tconst reader = new FileReader();\n\t\t\treader.onloadend = () => {\n\t\t\t\tsetDesktopImage(reader.result);\n\t\t\t\tsetIsNewDesktopImage(true);\n\t\t\t};\n\t\t\treader.readAsDataURL(file);\n\t\t}\n\t};\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst submitForm = async (data, e) => {\n\t\tlet params = {\n\t\t\tid: itemId,\n\t\t\titemName: data.itemName,\n\t\t\tstatus: data.status,\n\t\t\tpointsNeeded: data.pointsNeeded,\n\t\t\tstock: data.stock,\n\t\t\tlimitPerMember: data.limitPerMember,\n\t\t\tproductType: productType,\n\t\t\tvalue: data.voucherValue,\n\t\t\trollOver: stringIsNullOrEmpty(data.rollOver) ? 0 : data.rollOver,\n\t\t\tisNewImage: isNewImage,\n\t\t\tisNewDesktopImage: isNewDesktopImage,\n\t\t};\n\n\t\tif (!stringIsNullOrEmpty(imageFile)) {\n\t\t\tparams[\"image\"] = imageFile;\n\t\t}\n\n\t\tif (!stringIsNullOrEmpty(desktopFile)) {\n\t\t\tparams[\"desktopImage\"] = desktopFile;\n\t\t}\n\n\t\tif (stringIsNullOrEmpty(image)) {\n\t\t\tparams[\"imageRemoved\"] = true;\n\t\t}\n\n\t\tif (stringIsNullOrEmpty(desktopImage)) {\n\t\t\tparams[\"desktopImageRemoved\"] = true;\n\t\t}\n\n\t\tconsole.log(params);\n\n\t\tlet formBody = createMultiPartFormBody(params);\n\n\t\tlet responseJson = await ApiEngine.post(\n\t\t\tApiUrl._API_CREATE_OR_UPDATE_DC_ITEM,\n\t\t\tformBody\n\t\t);\n\n\t\t_dispatch(\n\t\t\tshowMessage(\n\t\t\t\tresponseJson[ApiKey._API_SUCCESS_KEY],\n\t\t\t\tt(responseJson[ApiKey._API_MESSAGE_KEY])\n\t\t\t)\n\t\t);\n\n\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\tsetIsNewImage(false);\n\t\t\tsetIsNewDesktopImage(false);\n\t\t\t//setItemId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n\t\t\tinit();\n\t\t}\n\t};\n\n\t/// \n\t/// Author : -\n\t/// \n\tasync function init() {\n\t\tif (_location.state) {\n\t\t\tvar apiUrl = ApiUrl._API_GET_DC_ITEM_BY_ID;\n\t\t\tapiUrl += \"?id=\" + _location.state.id;\n\t\t\tlet responseJson = await ApiEngine.get(apiUrl);\n\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\tsetItemId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n\t\t\t\tsetItemName(responseJson[ApiKey._API_DATA_KEY][\"name\"]);\n\t\t\t\tsetPointsNeeded(responseJson[ApiKey._API_DATA_KEY][\"pointsNeeded\"]);\n\t\t\t\tsetStock(responseJson[ApiKey._API_DATA_KEY][\"stock\"]);\n\t\t\t\tsetLimitPerMember(responseJson[ApiKey._API_DATA_KEY][\"limitPerMember\"]);\n\t\t\t\tsetStatus(responseJson[ApiKey._API_DATA_KEY][\"status\"]);\n\t\t\t\tsetProductType(responseJson[ApiKey._API_DATA_KEY][\"productType\"]);\n\n\t\t\t\tif(!stringIsNullOrEmpty(responseJson[ApiKey._API_DATA_KEY][\"value\"]))\n\t\t\t\tsetVoucherValue(responseJson[ApiKey._API_DATA_KEY][\"value\"].toFixed(2));\n\n\t\t\t\tsetRollOver(responseJson[ApiKey._API_DATA_KEY][\"rollOver\"]);\n\t\t\t\tif (!stringIsNullOrEmpty(responseJson[ApiKey._API_DATA_KEY][\"image\"])) {\n\t\t\t\t\tsetImage(responseJson[ApiKey._API_DATA_KEY][\"image\"]);\n\t\t\t\t}\n\n\t\t\t\tconsole.log(responseJson[ApiKey._API_DATA_KEY][\"image\"]);\n\t\t\t\tif (\n\t\t\t\t\t!stringIsNullOrEmpty(\n\t\t\t\t\t\tresponseJson[ApiKey._API_DATA_KEY][\"desktopImage\"]\n\t\t\t\t\t)\n\t\t\t\t) {\n\t\t\t\t\tsetDesktopImage(responseJson[ApiKey._API_DATA_KEY][\"desktopImage\"]);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tuseEffect(() => {\n\t\tinit();\n\t}, []);\n\n\tconsole.log(image);\n\treturn (\n\t\t\n\t\t\t
\n\t\t\t\t{itemId ? t(\"EDIT_REWARDS_POINTS\") : t(\"ADD_NEW_REWARDS_POINTS\")}\n\t\t\t\t \n\t\t\t{itemId && (\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\ttoggle(_DETAIL_TAB);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{t(\"DETAIL\")}\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 {\n\t\t\t\t\t\t\t\ttoggle(_LANGUAGE_TAB);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{t(\"LANGUAGE\")}\n\t\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t)}\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"SUBMIT\")}\n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t{itemId && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\n\t\t\n\t);\n};\n\nexport default DCItemDetail;\n","import React, { useState, useEffect } from \"react\";\nimport ReactTable from \"../../components/constantComponent/reactTable/ReactTable\";\nimport { Panel, PanelBody } from \"../../components/panel/panel.jsx\";\nimport \"../../assets/css/custom.css\";\nimport { useHistory } from \"react-router-dom\";\nimport {\n\tUncontrolledButtonDropdown,\n\tDropdownToggle,\n\tDropdownMenu,\n\tDropdownItem,\n} from \"reactstrap\";\nimport {\n\tApiUrl,\n\tApiKey,\n\tWebUrl,\n\tAccessRight,\n\tLanguageKey,\n} from \"../../util/Constant\";\nimport NavigationButton from \"../../components/constantComponent/button/NavigationButton\";\nimport { checkIfPermissionExist } from \"../../util/PermissionChecker\";\nimport { useTranslation } from \"react-i18next\";\nimport { fetch } from \"whatwg-fetch\";\n\n/// \n/// Author : -\n/// \n\nconst ManageDCPoints = (props) => {\n\tconst { t } = useTranslation(LanguageKey._PRIMARY);\n\tlet _history = useHistory();\n\tconst [dailyCheckInData, setDailyCheckInData] = useState([]);\n\n\tlet _tableColumns = [\n\t\t{\n\t\t\tHeader: \"TITLE\",\n\t\t\taccessor: \"title\",\n\t\t\tdisableSortBy: true,\n\t\t},\n\t\t{\n\t\t\tHeader: \"STATUS\",\n\t\t\taccessor: \"status\",\n\t\t\tCell: ({ row }) => (\n\t\t\t\t\n\t\t\t\t\t{row.original.status == true ? (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{t(\"ACTIVE\")}\n\t\t\t\t\t\t \n\t\t\t\t\t) : (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{t(\"SUSPENDED\")}\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\tstyle: { overflow: \"visible\" },\n\t\t},\n\t\t{\n\t\t\tid: \"action\",\n\t\t\tHeader: \"\",\n\t\t\tCell: ({ row }) =>\n\t\t\t\tcheckIfPermissionExist(\n\t\t\t\t\tAccessRight._DAILY_CHECK_IN_PERMISSION,\n\t\t\t\t\ttrue\n\t\t\t\t) && (\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t_history.push({\n\t\t\t\t\t\t\t\t\t\t\tpathname: WebUrl._URL_DAILY_CHECK_IN_DETAIL,\n\t\t\t\t\t\t\t\t\t\t\tstate: {\n\t\t\t\t\t\t\t\t\t\t\t\trefId: 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>\n\t\t\t\t\t\t\t\t\t{t(\"EDIT\")} \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\t_history.push({\n\t\t\t\t\t\t\t\t\t\t\tpathname: WebUrl._URL_DAILY_CHECK_IN_DETAIL,\n\t\t\t\t\t\t\t\t\t\t\tstate: {\n\t\t\t\t\t\t\t\t\t\t\t\tcloneId: 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>\n\t\t\t\t\t\t\t\t\t{t(\"CLONE\")} \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t),\n\t\t\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\t/// \n\t/// Author : -\n\t/// \n\tuseEffect(() => {\n\t\tfetch(ApiUrl._API_GET_DAILY_CHECK_IN + \"?all=true\", {\n\t\t\tmethod: ApiKey._API_GET,\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t},\n\t\t})\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tvar data = responseJson[ApiKey._API_DATA_KEY];\n\n\t\t\t\t\tvar monthOrder = {\n\t\t\t\t\t\tJanuary: 1,\n\t\t\t\t\t\tFebruary: 2,\n\t\t\t\t\t\tMarch: 3,\n\t\t\t\t\t\tApril: 4,\n\t\t\t\t\t\tMay: 5,\n\t\t\t\t\t\tJune: 6,\n\t\t\t\t\t\tJuly: 7,\n\t\t\t\t\t\tAugust: 8,\n\t\t\t\t\t\tSeptember: 9,\n\t\t\t\t\t\tOctober: 10,\n\t\t\t\t\t\tNovember: 11,\n\t\t\t\t\t\tDecember: 12,\n\t\t\t\t\t};\n\n\t\t\t\t\tdata.sort(function (a, b) {\n\t\t\t\t\t\tvar monthA = monthOrder[a.title];\n\t\t\t\t\t\tvar monthB = monthOrder[b.title];\n\t\t\t\t\t\treturn monthA - monthB;\n\t\t\t\t\t});\n\n\t\t\t\t\tsetDailyCheckInData(data);\n\t\t\t\t}\n\t\t\t});\n\t}, []);\n\n\treturn (\n\t\t\n\t\t\t
\n\t\t\t\t{t(\"CHECK_IN_POINT_SETTINGS\")}\n\t\t\t\t{checkIfPermissionExist(\n\t\t\t\t\tAccessRight._DAILY_CHECK_IN_PERMISSION,\n\t\t\t\t\ttrue\n\t\t\t\t) && (\n\t\t\t\t\t \n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t \n\t\t\t \n\t\t
\n/// Author : -\n/// \nconst DCPointDetail = (props) => {\n\tconst { t } = useTranslation(LanguageKey._PRIMARY);\n\tlet _history = useHistory();\n\tconst _location = useLocation();\n\tconst _dispatch = useDispatch();\n\tconst { register, handleSubmit, errors, setValue, watch } = useForm({\n\t\tmode: \"onBlur\",\n\t});\n\tconst [productId, setProductId] = useState(\"\");\n\tconst [productName, setProductName] = useState(\"\");\n\tconst [productCode, setProductCode] = useState(\"\");\n\tconst [dcPoints, setDCPoints] = useState(0.0);\n\tconst [valueInCurrency, setValueInCurrency] = useState(\"\");\n\n\t/// \n\t/// Author : -\n\t/// \n\tuseEffect(() => {\n\t\tinit();\n\t}, []);\n\n\t/// \n\t/// Author : -\n\t/// \n\tasync function init() {\n\t\tif (_location.state) {\n\t\t\tvar apiUrl = ApiUrl._API_GET_ACCOUNT_PRODUCT_BY_PRODUCT_ID;\n\t\t\tapiUrl += \"?productId=\" + _location.state.productId;\n\t\t\tlet responseJson = await ApiEngine.get(apiUrl);\n\n\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\tsetProductId(responseJson[ApiKey._API_DATA_KEY][\"productId\"]);\n\t\t\t\tsetProductName(responseJson[ApiKey._API_DATA_KEY][\"productName\"]);\n\t\t\t\tsetProductCode(responseJson[ApiKey._API_DATA_KEY][\"productCode\"]);\n\t\t\t\tsetDCPoints(responseJson[ApiKey._API_DATA_KEY][\"dcPoints\"].toFixed(2));\n\t\t\t\tsetValueInCurrency(\n\t\t\t\t\tresponseJson[ApiKey._API_DATA_KEY][\"valueInCurrency\"].toFixed(13)\n\t\t\t\t);\n\t\t\t}\n\t\t} else {\n\t\t\t_history.push(\"/dc/dcPointDetails\");\n\t\t}\n\t}\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst submitForm = async (data, e) => {\n\t\tlet params = {\n\t\t\tproductId: productId,\n\t\t\tdcPoints: data.dcPoints,\n\t\t\tvalueInCurrency: data.valueInCurrency,\n\t\t};\n\n\t\tlet formBody = createFormBody(params);\n\t\tlet responseJson = await ApiEngine.post(\n\t\t\tApiUrl._API_UPDATE_DC_POINTS,\n\t\t\tformBody\n\t\t);\n\t\t_dispatch(\n\t\t\tshowMessage(\n\t\t\t\tresponseJson[ApiKey._API_SUCCESS_KEY],\n\t\t\t\tt(responseJson[ApiKey._API_MESSAGE_KEY])\n\t\t\t)\n\t\t);\n\n\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\tinit();\n\t\t}\n\t};\n\n\treturn (\n\t\t\n\t\t\t
\n\t\t\t\t{t(\"ACCOUNT_PRODUCT_DC_POINTS\")}\n\t\t\t\t \n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t
\n\t\t\t
\n\t\t
\n/// Author : -\n/// \n\nconst ManageMemberDCPoints = (props) => {\n\tconst { t } = useTranslation(LanguageKey._PRIMARY);\n\tlet _history = useHistory();\n\tconst _dispatch = useDispatch();\n\tconst [memberDCPtsData, setMemberDCPtsData] = useState([]);\n\n\tlet _tableColumns = [\n\t\t{\n\t\t\tHeader: \"USERNAME\",\n\t\t\taccessor: \"username\",\n\t\t\tCell: ({ row }) => (\n\t\t\t\t{row.original.username}
\n\t\t\t),\n\t\t},\n\t\t{\n\t\t\tHeader: \"POINTS\",\n\t\t\taccessor: \"dcPoints\",\n\t\t\tCell: ({ row }) => (\n\t\t\t\t\n\t\t\t\t\t{row.original.dcPoints}\n\t\t\t\t
\n\t\t\t),\n\t\t\tdisableFilters: true,\n\t\t},\n\t\t{\n\t\t\tHeader: \"POINT_QUOTA\",\n\t\t\taccessor: \"pointQuota\",\n\t\t\tCell: ({ row }) => (\n\t\t\t\t\n\t\t\t\t\t{row.original.pointQuota}\n\t\t\t\t
\n\t\t\t),\n\t\t\tdisableFilters: true,\n\t\t},\n\t\t{\n\t\t\tid: \"action\",\n\t\t\tHeader: \"\",\n\t\t\tCell: ({ row }) =>\n\t\t\t\tcheckIfPermissionExist(\n\t\t\t\t\tAccessRight._MEMBER_DC_POINTS_PERMISSION,\n\t\t\t\t\ttrue\n\t\t\t\t) && (\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\tnavigateTo(\n\t\t\t\t\t\t\t\t\t\t\t_history,\n\t\t\t\t\t\t\t\t\t\t\tWebUrl._URL_MEMBER_DC_POINTS_DETAIL,\n\t\t\t\t\t\t\t\t\t\t\trow.original\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{t(\"VIEW\")} \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t),\n\t\t\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\tconst init = async () => {\n\t\tlet apiUrl = ApiUrl._API_GET_MEMBER_DC_POINTS;\n\n\t\tlet responseJson = await ApiEngine.get(apiUrl);\n\n\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\tsetMemberDCPtsData(responseJson[ApiKey._API_DATA_KEY]);\n\t\t}\n\t};\n\n\t/// \n\t/// Author : -\n\t/// \n\tuseEffect(() => {\n\t\tinit();\n\t}, []);\n\n\treturn (\n\t\t\n\t\t\t
{t(\"MEMBER_POINTS\")} \n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t \n\t\t\t \n\t\t
\n/// Author : -\n/// \n\nconst MemberDCPointsDetail = (props) => {\n\tconst { t } = useTranslation(LanguageKey._PRIMARY);\n\tconst _dispatch = useDispatch();\n\tconst _location = useLocation();\n\tconst _history = useHistory();\n\tconst [memberId, setMemberId] = useState(\"\");\n\tconst [searchTrigger, setSearchTrigger] = useState(\"\");\n\tconst [startDate, setStartDate] = useState(\n\t\tmoment().startOf(\"day\").format(\"YYYY-MM-DD HH:mm:ss\")\n\t);\n\tconst [endDate, setEndDate] = useState(\n\t\tmoment().endOf(\"day\").format(\"YYYY-MM-DD HH:mm:ss\")\n\t);\n\tconst [selectedDate, setSelectedDate] = useState(\"\");\n\n\tlet _tableColumns = [\n\t\t{\n\t\t\tHeader: \"USERNAME\",\n\t\t\taccessor: \"username\",\n\t\t\tCell: ({ row }) => (\n\t\t\t\t{row.original.username}
\n\t\t\t),\n\t\t\tFooter: () => {\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{t(\"TOTAL\")}: \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},\n\t\t{\n\t\t\tHeader: \"DATE\",\n\t\t\taccessor: \"date\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{moment(row.original.parsedTime).format(\"YYYY-MM-DD\")}\n\t\t\t\t\t
\n\t\t\t\t);\n\t\t\t},\n\t\t\tdisableFilters: true,\n\t\t},\n\t\t{\n\t\t\tHeader: \"POINTS\",\n\t\t\taccessor: \"pointsAmount\",\n\t\t\tCell: ({ row }) => (\n\t\t\t\t\n\t\t\t\t\t{row.original.pointsAmount}\n\t\t\t\t
\n\t\t\t),\n\t\t\tFooter: ({ page }) => {\n\t\t\t\tconst totalPoints = page.reduce((sum, currentValue) => {\n\t\t\t\t\tif (currentValue.original.pointsAmount) {\n\t\t\t\t\t\treturn sum + currentValue.original.pointsAmount;\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn sum;\n\t\t\t\t\t}\n\t\t\t\t}, 0);\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{totalPoints.toFixed(2)} \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\tdisableFilters: true,\n\t\t},\n\t];\n\n\tconst init = async () => {\n\t\tif (_location.state) {\n\t\t\tsetMemberId(_location.state.id);\n\n\t\t\tvar apiUrl =\n\t\t\t\tApiUrl._API_GET_POINTS_HISTORY +\n\t\t\t\t\"?StartDate=\" +\n\t\t\t\tmoment(startDate).startOf(\"day\").format(\"YYYY-MM-DD\") +\n\t\t\t\t\"&EndDate=\" +\n\t\t\t\tmoment(endDate).endOf(\"day\").format(\"YYYY-MM-DD\") +\n\t\t\t\t\"&MemberId=\" +\n\t\t\t\t_location.state.id;\n\n\t\t\tsetSearchTrigger(apiUrl);\n\t\t}\n\t};\n\n\tconst handleEvent = (event, picker) => {\n\t\tsetStartDate(moment(picker.startDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n\t\tsetEndDate(moment(picker.endDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n\t\tsetSelectedDate(\"\");\n\n\t\tlet apiUrl =\n\t\t\tApiUrl._API_GET_POINTS_HISTORY +\n\t\t\t\"?StartDate=\" +\n\t\t\tmoment(picker.startDate).format(\"YYYY-MM-DD\") +\n\t\t\t\"&EndDate=\" +\n\t\t\tmoment(picker.endDate).format(\"YYYY-MM-DD\") +\n\t\t\t\"&MemberId=\" +\n\t\t\tmemberId;\n\n\t\tsetSearchTrigger(apiUrl);\n\t};\n\n\tconst handleSelectDate = async (date) => {\n\t\tsetStartDate(moment(date).startOf(\"day\").format(\"YYYY-MM-DD HH:mm:ss\"));\n\t\tsetEndDate(moment(date).endOf(\"day\").format(\"YYYY-MM-DD HH:mm:ss\"));\n\t\tsetSelectedDate(date);\n\n\t\tlet apiUrl =\n\t\t\tApiUrl._API_GET_POINTS_HISTORY +\n\t\t\t\"?StartDate=\" +\n\t\t\tstartDate +\n\t\t\t\"&EndDate=\" +\n\t\t\tendDate +\n\t\t\t\"&MemberId=\" +\n\t\t\tmemberId +\n\t\t\t\"&SelectedDate=\" +\n\t\t\tdate;\n\n\t\tsetSearchTrigger(apiUrl);\n\t};\n\n\t/// \n\t/// Author : -\n\t/// \n\tuseEffect(() => {\n\t\tinit();\n\t}, []);\n\n\treturn (\n\t\t\n\t\t\t
\n\t\t\t\t{t(\"MEMBER_POINTS\")}\n\t\t\t\t \n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t \n/// Author : -\n/// \n\nconst ManageDailyCheckIn = (props) => {\n\tconst { t } = useTranslation(LanguageKey._PRIMARY);\n\tlet _history = useHistory();\n\tconst [dailyCheckInData, setDailyCheckInData] = useState([]);\n\n\tlet _tableColumns = [\n\t\t{\n\t\t\tHeader: \"TITLE\",\n\t\t\taccessor: \"title\",\n\t\t\tdisableSortBy: true,\n\t\t},\n\t\t{\n\t\t\tHeader: \"STATUS\",\n\t\t\taccessor: \"status\",\n\t\t\tCell: ({ row }) => (\n\t\t\t\t\n\t\t\t\t\t{row.original.status == true ? (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{t(\"ACTIVE\")}\n\t\t\t\t\t\t \n\t\t\t\t\t) : (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{t(\"SUSPENDED\")}\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\tstyle: { overflow: \"visible\" },\n\t\t},\n\t\t{\n\t\t\tid: \"action\",\n\t\t\tHeader: \"\",\n\t\t\tCell: ({ row }) =>\n\t\t\t\tcheckIfPermissionExist(\n\t\t\t\t\tAccessRight._DAILY_CHECK_IN_PERMISSION,\n\t\t\t\t\ttrue\n\t\t\t\t) && (\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\tnavigateTo(\n\t\t\t\t\t\t\t\t\t\t\t_history,\n\t\t\t\t\t\t\t\t\t\t\tWebUrl._URL_DAILY_CHECK_IN_DETAIL,\n\t\t\t\t\t\t\t\t\t\t\trow.original\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{t(\"EDIT\")} \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t),\n\t\t\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\t/// \n\t/// Author : -\n\t/// \n\tuseEffect(() => {\n\t\tfetch(ApiUrl._API_GET_DAILY_CHECK_IN + \"?all=true\", {\n\t\t\tmethod: ApiKey._API_GET,\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t},\n\t\t})\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tsetDailyCheckInData(responseJson[ApiKey._API_DATA_KEY]);\n\t\t\t\t}\n\t\t\t});\n\t}, []);\n\n\treturn (\n\t\t\n\t\t\t
\n\t\t\t\t{t(\"MANAGE_DAILY_CHECK_IN\")}\n\t\t\t\t{checkIfPermissionExist(\n\t\t\t\t\tAccessRight._DAILY_CHECK_IN_PERMISSION,\n\t\t\t\t\ttrue\n\t\t\t\t) && (\n\t\t\t\t\t \n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t \n\t\t\t \n\t\t
\n/// Author : -\n/// \nconst ManageConfigurationDailyCheckIn = (props) => {\n\tconst { t } = useTranslation(LanguageKey._PRIMARY);\n\tconst _dispatch = useDispatch();\n\tconst {\n\t\tregister,\n\t\thandleSubmit,\n\t\terrors,\n\t\twatch,\n\t\ttrigger,\n\t\tsetValue,\n\t\tgetValues,\n\t} = useForm({ mode: \"onChange\" });\n\tconst [data, setData] = useState([]);\n\tconst [DCDId, setDCDId] = useState(\"\");\n\t/// \n\t/// Author : -\n\t/// \n\tuseEffect(() => {\n\t\tinit();\n\t}, []);\n\n\t/// \n\t/// Author : -\n\t/// \n\tasync function init() {\n\t\tlet processedData = [];\n\t\tlet responseJson = await ApiEngine.get(\n\t\t\tApiUrl._API_GET_DAILY_CHECK_IN_DETAILS_BY_DCID + \"?DCId=\" + props.id\n\t\t);\n\n\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\tif (responseJson[ApiKey._API_DATA_KEY].length > 0) {\n\t\t\t\tconst result = responseJson[ApiKey._API_DATA_KEY];\n\n\t\t\t\tresult.map((x) => {\n\t\t\t\t\tprocessedData.push({\n\t\t\t\t\t\tid: x.id,\n\t\t\t\t\t\tlabel: x.days,\n\t\t\t\t\t\tpoints: x.points,\n\t\t\t\t\t\tisBigPrize: x.isBigPrize,\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tfor (let i = 0; i < 28; i++) {\n\t\t\t\t\tconst index = i + 1;\n\t\t\t\t\tlet option = {\n\t\t\t\t\t\tid: index,\n\t\t\t\t\t\tlabel: t(\"DAY\") + \" \" + index,\n\t\t\t\t\t\tpoints: 0,\n\t\t\t\t\t\tisBigPrize: false,\n\t\t\t\t\t};\n\n\t\t\t\t\tprocessedData.push(option);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tsetData(processedData);\n\t}\n\n\tconst handlePointsOnChange = (id, points) => {\n\t\tsetData(\n\t\t\tdata.map((item) => (item.id === id ? { ...item, points: points } : item))\n\t\t);\n\t};\n\n\tconst handleCheckboxChange = (id) => {\n\t\tsetData(\n\t\t\tdata.map((item) =>\n\t\t\t\titem.id === id ? { ...item, isBigPrize: !item.isBigPrize } : item\n\t\t\t)\n\t\t);\n\t};\n\n\tasync function handleOnSubmit(data) {\n\t\tlet labelList = [];\n\t\tlet pointsList = [];\n\t\tlet isBigPrizeList = [];\n\t\tfor (var i = 0; i < data.length; i++) {\n\t\t\tlabelList.push(data[i][\"label\"]);\n\t\t\tpointsList.push(data[i][\"points\"]);\n\t\t\tisBigPrizeList.push(data[i][\"isBigPrize\"]);\n\t\t}\n\n\t\tlet params = {\n\t\t\tlabel: labelList,\n\t\t\tpoints: pointsList,\n\t\t\tisBigPrize: isBigPrizeList,\n\t\t};\n\n\t\tif (!stringIsNullOrEmpty(DCDId)) {\n\t\t\tparams[\"id\"] = DCDId;\n\t\t}\n\n\t\tif (!stringIsNullOrEmpty(props.id)) {\n\t\t\tparams[\"DCID\"] = props.id;\n\t\t}\n\n\t\tlet formBody = createFormBody(params);\n\t\t_dispatch(setBusy());\n\n\t\tfetch(ApiUrl._API_CREATE_OR_UPDATE_DAILY_CHECK_IN_DETAILS, {\n\t\t\tmethod: ApiKey._API_POST,\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t},\n\t\t\tbody: formBody,\n\t\t})\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\t_dispatch(setIdle());\n\t\t\t\t_dispatch(\n\t\t\t\t\tshowMessage(\n\t\t\t\t\t\tresponseJson[ApiKey._API_SUCCESS_KEY],\n\t\t\t\t\t\tt(responseJson[ApiKey._API_MESSAGE_KEY])\n\t\t\t\t\t)\n\t\t\t\t);\n\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tinit();\n\t\t\t\t}\n\t\t\t});\n\t}\n\n\treturn (\n\t\t\n\t\t\t
\n\t\t\t\t{data.map((item, i) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t{item.label} \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
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t{t(\"POINTS\")} \n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thandlePointsOnChange(item.id, e.target.value);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\tdefaultValue={item.points}\n\t\t\t\t\t\t\t\t\t\t\t\t\tname={\"day-\" + item.id}\n\t\t\t\t\t\t\t\t\t\t\t\t\tpattern=\"^\\d+(?:\\.\\d{1,2})?$\"\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t{errors[\"day-\" + item.id] && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(errors[\"day-\" + item.id].message, {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue: 100,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t{t(\"ISBIGPRIZE\")} \n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t// handleCheckboxChange(item.id);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={item.isBigPrize}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={item.isBigPrize}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tref={register}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thandleCheckboxChange(item.id);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t handleOnSubmit(data)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{t(\"SUBMIT\")}\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t
\n/// Author : -\n/// \nconst DailyCheckInDetail = (props) => {\n\tconst { t } = useTranslation(LanguageKey._PRIMARY);\n\tlet _history = useHistory();\n\tconst _DETAIL_TAB = \"1\";\n\tconst _RATE_TAB = \"2\";\n\tconst _location = useLocation();\n\tconst _dispatch = useDispatch();\n\n\tconst { register, unregister, handleSubmit, errors, setError } = useForm();\n\n\tconst [dailyCheckInId, setDailyCheckInId] = useState(\"\");\n\tconst [title, setTitle] = useState(\"\");\n\tconst [status, setStatus] = useState(true);\n\tconst [activeTab, setActiveTab] = useState(_DETAIL_TAB);\n\tconst [isClone, setIsClone] = useState(false);\n\tconst [errorTitle, setErrorTitle] = useState(false);\n\t/// \n\t/// Author : -\n\t/// \n\tuseEffect(() => {\n\t\tinit();\n\t}, []);\n\n\tconst toggle = (tab) => {\n\t\tif (activeTab !== tab) {\n\t\t\tsetActiveTab(tab);\n\t\t}\n\t};\n\n\t/// \n\t/// Author : -\n\t/// \n\tasync function init() {\n\t\tif (_location.state) {\n\t\t\tif (_location.state.cloneId) {\n\t\t\t\tsetIsClone(true);\n\n\t\t\t\tvar apiUrl = ApiUrl._API_GET_DAILY_CHECK_IN_BY_ID;\n\t\t\t\tapiUrl += \"?id=\" + _location.state.cloneId;\n\t\t\t\tawait fetch(apiUrl, {\n\t\t\t\t\tmethod: ApiKey._API_GET,\n\t\t\t\t\theaders: {\n\t\t\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t\t\t},\n\t\t\t\t})\n\t\t\t\t\t.then((response) => response.json())\n\t\t\t\t\t.then(async (responseJson) => {\n\t\t\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\t\t\tsetDailyCheckInId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n\t\t\t\t\t\t\tsetStatus(responseJson[ApiKey._API_DATA_KEY][\"status\"]);\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tsetIsClone(false);\n\t\t\t\tvar apiUrl = ApiUrl._API_GET_DAILY_CHECK_IN_BY_ID;\n\t\t\t\tapiUrl += \"?id=\" + _location.state.refId;\n\t\t\t\tawait fetch(apiUrl, {\n\t\t\t\t\tmethod: ApiKey._API_GET,\n\t\t\t\t\theaders: {\n\t\t\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t\t\t},\n\t\t\t\t})\n\t\t\t\t\t.then((response) => response.json())\n\t\t\t\t\t.then(async (responseJson) => {\n\t\t\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\t\t\tsetDailyCheckInId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n\t\t\t\t\t\t\tsetTitle(responseJson[ApiKey._API_DATA_KEY][\"title\"]);\n\t\t\t\t\t\t\tsetStatus(responseJson[ApiKey._API_DATA_KEY][\"status\"]);\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t}\n\t\t}\n\t}\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst submitForm = async (data, e) => {\n\t\tif (!stringIsNullOrEmpty(title)) {\n\t\t\tlet params = {\n\t\t\t\ttitle: title,\n\t\t\t\tstatus: data.status,\n\t\t\t};\n\n\t\t\tif (!stringIsNullOrEmpty(dailyCheckInId) && !isClone) {\n\t\t\t\tparams[\"id\"] = dailyCheckInId;\n\t\t\t}\n\n\t\t\tlet formBody = createFormBody(params);\n\t\t\t_dispatch(setBusy());\n\n\t\t\tfetch(ApiUrl._API_CREATE_OR_UPDATE_DAILY_CHECK_IN, {\n\t\t\t\tmethod: ApiKey._API_POST,\n\t\t\t\theaders: {\n\t\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t\t},\n\t\t\t\tbody: formBody,\n\t\t\t})\n\t\t\t\t.then((response) => response.json())\n\t\t\t\t.then((responseJson) => {\n\t\t\t\t\t_dispatch(setIdle());\n\t\t\t\t\t_dispatch(\n\t\t\t\t\t\tshowMessage(\n\t\t\t\t\t\t\tresponseJson[ApiKey._API_SUCCESS_KEY],\n\t\t\t\t\t\t\tt(responseJson[ApiKey._API_MESSAGE_KEY])\n\t\t\t\t\t\t)\n\t\t\t\t\t);\n\n\t\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\t\tsetDailyCheckInId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n\n\t\t\t\t\t\t_history.replace({\n\t\t\t\t\t\t\tpathname: _location.pathname,\n\t\t\t\t\t\t\tstate: {\n\t\t\t\t\t\t\t\tid: responseJson[ApiKey._API_DATA_KEY][\"id\"],\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t}\n\t\telse\n\t\t{\n\t\t\tsetErrorTitle(true)\n\t\t}\n\t};\n\n\tasync function getMonthList(search, loadOptions, { page }) {\n\t\tconst result = Array.from({ length: 12 }, (e, i) => {\n\t\t\treturn new Date(null, i + 1, null).toLocaleDateString(\"en\", {\n\t\t\t\tmonth: \"long\",\n\t\t\t});\n\t\t});\n\n\t\tlet formattedData = result.map((m, index) => {\n\t\t\treturn { label: m, value: m };\n\t\t});\n\n\t\treturn {\n\t\t\toptions: formattedData,\n\t\t\tadditional: {\n\t\t\t\tpage: page + 1,\n\t\t\t},\n\t\t};\n\t}\n\n\treturn (\n\t\t\n\t\t\t
\n\t\t\t\t{dailyCheckInId && !isClone\n\t\t\t\t\t? t(\"EDIT_DAILY_CHECK_IN\")\n\t\t\t\t\t: t(\"ADD_DAILY_CHECK_IN\")}\n\t\t\t\t \n\t\t\t{dailyCheckInId && (\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\ttoggle(_DETAIL_TAB);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{t(\"DETAIL\")}\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 {\n\t\t\t\t\t\t\t\ttoggle(_RATE_TAB);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{t(\"DAILY_CHECK_IN_RATE\")}\n\t\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t)}\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\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 \n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t{dailyCheckInId && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t \n\t\t
\n/// Author : -\n/// \nconst ManageMemberGamePoints = (props) => {\n\tconst { t } = useTranslation(LanguageKey._PRIMARY);\n\tlet _history = useHistory();\n\tconst _dispatch = useDispatch();\n\tvar _username = useSelector(\n\t\t(state) => state[\"authState\"][\"userData\"][\"username\"]\n\t);\n\n\tconst [tableData, setTableData] = useState([]);\n\tconst [startDate, setStartDate] = useState(\n\t\tmoment().startOf(\"isoWeek\").format(\"YYYY-MM-DD\")\n\t);\n\n\tconst [endDate, setEndDate] = useState(\n\t\tmoment().endOf(\"isoWeek\").format(\"YYYY-MM-DD\")\n\t);\n\n\tconst [selectedDate, setSelectedDate] = useState(\n\t\tmoment().subtract(1, \"days\").format(\"YYYY-MM-DD\")\n\t);\n\n\tlet _tableColumns = [\n\t\t{\n\t\t\tid: \"action\",\n\t\t\tHeader: \"\",\n\t\t\tCell: ({ row }) =>\n\t\t\t\tcheckIfPermissionExist(AccessRight._MANAGE_MEMBER_GAME_POINTS, true) &&\n\t\t\t\t(row.original.isClaim == false ? (\n\t\t\t\t\t\n\t\t\t\t\t\t handleCheckboxChange(e)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t
\n\t\t\t\t) : (\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{t(\"RELEASED\")}\n\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t)),\n\t\t\tdisableSortBy: true,\n\t\t\tdisableFilters: true,\n\t\t\twidth: 50,\n\t\t\tstyle: { overflow: \"visible\" },\n\t\t},\n\t\t{\n\t\t\tHeader: \"USERNAME\",\n\t\t\taccessor: \"username\",\n\t\t\tminWidth: 100,\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn {row.original.username} ;\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: \"DATE\",\n\t\t\tminWidth: 100,\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn moment.utc(row.original.date).format(\"DD-MM-YYYY\");\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: \"TOTAL_TURNOVER\",\n\t\t\taccessor: \"totalTurnover\",\n\t\t\tminWidth: 100,\n\t\t},\n\t\t{\n\t\t\tHeader: \"GAME_POINTS\",\n\t\t\taccessor: \"gamePoints\",\n\t\t\tminWidth: 100,\n\t\t},\n\t];\n\n\tconst [selectedCheckboxes, setSelectedCheckboxes] = useState([]);\n\n\tconst handleCheckboxChange = (e) => {\n\t\tconst { value } = e.target;\n\t\tsetSelectedCheckboxes((prevSelected) => {\n\t\t\tif (prevSelected.includes(value)) {\n\t\t\t\treturn prevSelected.filter((id) => id !== value);\n\t\t\t} else {\n\t\t\t\treturn [...prevSelected, value];\n\t\t\t}\n\t\t});\n\t};\n\n\t/// \n\t/// Author : -\n\t/// \n\tuseEffect(() => {\n\t\tinit();\n\t}, []);\n\n\tconst init = async () => {\n\t\tfetch(ApiUrl._API_GET_MEMBER_GAME_POINTS + \"?startDate=\" + selectedDate, {\n\t\t\tmethod: ApiKey._API_GET,\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t},\n\t\t})\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tsetTableData(responseJson[ApiKey._API_DATA_KEY].data);\n\t\t\t\t}\n\t\t\t});\n\t};\n\n\tasync function getMemberGamePoints() {\n\t\t_dispatch(setBusy());\n\t\tfetch(ApiUrl._API_GET_MEMBER_GAME_POINTS + \"?startDate=\" + selectedDate, {\n\t\t\tmethod: ApiKey._API_GET,\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t},\n\t\t})\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tsetTableData(responseJson[ApiKey._API_DATA_KEY].data);\n\t\t\t\t}\n\t\t\t\t_dispatch(setIdle());\n\t\t\t});\n\t}\n\t\n\t function CheckAll(){\n\t\t if(tableData.length > 0)\n\t\t {\n\t\t\t setSelectedCheckboxes(tableData.map(row => \n\t\t\t\t`${row.id}#${row.date}`\n\t\t\t ));\n\t\t }\n\t }\n\n\tasync function Claim(idList, totalTurnoverList, gamePointsList, startDateList) {\n\n\t\tlet tempList = [];\n\t\tfor (var i = 0; i < idList.length; i++) {\n\t\t\tvar splitId = idList[i].split(\"#\");\n\t\t\ttempList.push(splitId[0]);\n\t\t}\n\n\t\tlet params = {\n\t\t\tmemberList: tempList,\n\t\t\ttotalTurnoverList: totalTurnoverList,\n\t\t\tgamePointsList: gamePointsList,\n\t\t\tdate: startDateList[0],\n\t\t};\n\n\t\tlet formBody = createFormBody(params);\n\t\t_dispatch(setBusy());\n\t\tfetch(ApiUrl._API_GENERATE_MEMBER_GAME_POINTS, {\n\t\t\tmethod: ApiKey._API_POST,\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t},\n\t\t\tbody: formBody,\n\t\t})\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tgetMemberGamePoints();\n\t\t\t\t_dispatch(setIdle());\n\t\t\t\t_dispatch(\n\t\t\t\t\tshowMessage(\n\t\t\t\t\t\tresponseJson[ApiKey._API_SUCCESS_KEY],\n\t\t\t\t\t\tt(responseJson[ApiKey._API_MESSAGE_KEY])\n\t\t\t\t\t)\n\t\t\t\t);\n\t\t\t});\n\t}\n\n\tasync function ClaimAll(\n\t\tidList,\n\t\ttotalTurnoverList,\n\t\tgamePointsList,\n\t\tstartDateList\n\t) {\n\t\tlet params = {\n\t\t\tmemberList: idList,\n\t\t\ttotalTurnoverList: totalTurnoverList,\n\t\t\tgamePointsList: gamePointsList,\n\t\t\tdate: startDateList[0],\n\t\t};\n\n\t\tlet formBody = createFormBody(params);\n\t\t_dispatch(setBusy());\n\t\tfetch(ApiUrl._API_GENERATE_MEMBER_GAME_POINTS, {\n\t\t\tmethod: ApiKey._API_POST,\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t},\n\t\t\tbody: formBody,\n\t\t})\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tgetMemberGamePoints();\n\t\t\t\t_dispatch(setIdle());\n\t\t\t\t_dispatch(\n\t\t\t\t\tshowMessage(\n\t\t\t\t\t\tresponseJson[ApiKey._API_SUCCESS_KEY],\n\t\t\t\t\t\tt(responseJson[ApiKey._API_MESSAGE_KEY])\n\t\t\t\t\t)\n\t\t\t\t);\n\t\t\t});\n\t}\n\n\tconst handleEvent = (event, picker) => {\n\t\tsetSelectedDate(moment(picker.startDate).format(\"YYYY-MM-DD\"));\n\t};\n\n\treturn (\n\t\t\n\t\t\t
{t(\"MEMBER_GAME_POINTS\")} \n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t getMemberGamePoints()}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{t(\"SEARCH\")}\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\n\t\t\t\t\t\t\t\tClaim(\n\t\t\t\t\t\t\t\t\tselectedCheckboxes,\n\t\t\t\t\t\t\t\t\ttableData\n\t\t\t\t\t\t\t\t\t\t.filter(\n\t\t\t\t\t\t\t\t\t\t\t(x) =>\n\t\t\t\t\t\t\t\t\t\t\t\tx.isClaim == false &&\n\t\t\t\t\t\t\t\t\t\t\t\tselectedCheckboxes.includes(x.id + \"#\" + x.date)\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t.map((member) => member.totalTurnover),\n\t\t\t\t\t\t\t\t\ttableData\n\t\t\t\t\t\t\t\t\t\t.filter(\n\t\t\t\t\t\t\t\t\t\t\t(x) =>\n\t\t\t\t\t\t\t\t\t\t\t\tx.isClaim == false &&\n\t\t\t\t\t\t\t\t\t\t\t\tselectedCheckboxes.includes(x.id + \"#\" + x.date)\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t.map((member) => member.gamePoints),\n\t\t\t\t\t\t\t\t\ttableData\n\t\t\t\t\t\t\t\t\t\t.filter(\n\t\t\t\t\t\t\t\t\t\t\t(x) =>\n\t\t\t\t\t\t\t\t\t\t\t\tx.isClaim == false &&\n\t\t\t\t\t\t\t\t\t\t\t\tselectedCheckboxes.includes(x.id + \"#\" + x.date)\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t.map((member) =>\n\t\t\t\t\t\t\t\t\t\t\tmoment.utc(member.date).format(\"YYYY-MM-DD\")\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tdisabled={selectedCheckboxes.length > 0 ? false : true}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{t(\"RELEASE\")}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tClaimAll(\n\t\t\t\t\t\t\t\t\ttableData\n\t\t\t\t\t\t\t\t\t\t.filter((x) => x.isClaim == false)\n\t\t\t\t\t\t\t\t\t\t.map((member) => member.id),\n\t\t\t\t\t\t\t\t\ttableData\n\t\t\t\t\t\t\t\t\t\t.filter((x) => x.isClaim == false)\n\t\t\t\t\t\t\t\t\t\t.map((member) => member.totalTurnover),\n\t\t\t\t\t\t\t\t\ttableData\n\t\t\t\t\t\t\t\t\t\t.filter((x) => x.isClaim == false)\n\t\t\t\t\t\t\t\t\t\t.map((member) => member.gamePoints),\n\t\t\t\t\t\t\t\t\ttableData\n\t\t\t\t\t\t\t\t\t\t.filter(\n\t\t\t\t\t\t\t\t\t\t\t(x) =>\n\t\t\t\t\t\t\t\t\t\t\t\tx.isClaim == false \n\t\t\t\t\t\t\t\t\t\t\t\t// &&\n\t\t\t\t\t\t\t\t\t\t\t\t// selectedCheckboxes.includes(x.id + \"#\" + x.date)\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t.map((member) =>\n\t\t\t\t\t\t\t\t\t\t\tmoment.utc(member.date).format(\"YYYY-MM-DD\")\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\ttableData.filter((x) => x.isClaim == false).length > 0\n\t\t\t\t\t\t\t\t\t? false\n\t\t\t\t\t\t\t\t\t: true\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{t(\"RELEASE_ALL\")}\n\t\t\t\t\t\t\n\t\t\t\t\t\t CheckAll()} disabled={tableData.filter(x => x.isClaim == false).length > 0 ? false : true}>{t(\"Check All\")} \n\t\t\t\t\t
\n\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{ \n\t\t\t\t\t
\n\t\t\t\t
\r\n/// Author : -\r\n/// \r\nconst PointsAdjustment = (props) => {\r\n\tconst { t } = useTranslation(LanguageKey._PRIMARY);\r\n\tlet _history = useHistory();\r\n\tconst _location = useLocation();\r\n\tconst _dispatch = useDispatch();\r\n\tconst {\r\n\t\tregister,\r\n\t\tunregister,\r\n\t\thandleSubmit,\r\n\t\terrors,\r\n\t\tsetValue,\r\n\t\ttrigger,\r\n\t\tcontrol,\r\n\t} = useForm();\r\n\tconst [memberOption, setMemberOption] = useState([]);\r\n\tconst [memberId, setMemberId] = useState(\"\");\r\n\tconst [fullScreen, setFullScreen] = useState(false);\r\n\tconst [remarkOption, setRemarkOption] = useState([]);\r\n\tconst [selectedMember, setSelectedMember] = useState();\r\n\r\n\tconst [showPinEntry, setShowPinEntry] = useState(false);\r\n\r\n\tconst [enteredAdjustmentData, setEnteredAdjustmentData] = useState({});\r\n\tconst [enteredAdjustmentE, setEnteredAdjustmentE] = useState({});\r\n\tconst [selectedMemberPoints, setSelectedMemberPoint] = useState();\r\n\tconst [selectedMemberPointsQuota, setSelectedMemberPointsQuota] = useState(0);\r\n\t/// \r\n\t/// Author : -\r\n\t/// Editted : -\r\n\t/// \r\n\tuseEffect(() => {\r\n\t\tregister({ name: \"memberId\" }, { required: \"PLEASE_SELECT_MEMBER\" });\r\n\r\n\t\t/// For The Size Difference of Modal And Page\r\n\t\tif (props.id) {\r\n\t\t\tsetFullScreen(true);\r\n\t\t}\r\n\r\n\t\tinit();\r\n\t\tinitFormField();\r\n\t}, []);\r\n\r\n\t/// \r\n\t/// Author : -\r\n\t/// Editted : - (Added Fetch to get IP Address)\r\n\t/// \r\n\tasync function init() {\r\n\t\ttry {\r\n\t\t\t_dispatch(setBusy());\r\n\t\t\tlet responseJson = await ApiEngine.get(ApiUrl._API_GET_USER_REMARK);\r\n\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\r\n\t\t\t\tconst remarkList = [];\r\n\t\t\t\tresponseJson[ApiKey._API_DATA_KEY].forEach(function (remark) {\r\n\t\t\t\t\tremarkList.push({\r\n\t\t\t\t\t\tlabel: remark.description,\r\n\t\t\t\t\t\tvalue: remark.description,\r\n\t\t\t\t\t});\r\n\t\t\t\t});\r\n\r\n\t\t\t\tsetRemarkOption(remarkList);\r\n\t\t\t} else {\r\n\t\t\t\tthrow t(responseJson[ApiKey._API_MESSAGE_KEY]);\r\n\t\t\t}\r\n\t\t} catch (error) {\r\n\t\t\t_dispatch(showMessage(false, error));\r\n\t\t} finally {\r\n\t\t\t_dispatch(setIdle());\r\n\t\t}\r\n\t}\r\n\r\n\t/// \r\n\t/// Author : -\r\n\t/// \r\n\tconst initFormField = () => {\r\n\t\tconsole.log(props.id);\r\n\t\tif (stringIsNullOrEmpty(props.id)) {\r\n\t\t\tsetMemberId(\"\");\r\n\t\t\tsetValue(\"memberId\", \"\");\r\n\t\t\tgetMemberList(\"\", null, { page: 1 });\r\n\t\t\tsetSelectedMember(null);\r\n\t\t\tsetSelectedMemberPoint(\"\");\r\n\t\t\tsetSelectedMemberPointsQuota(0);\r\n\t\t} else {\r\n\t\t\tsetMemberId(props.id);\r\n\t\t\tsetValue(\"memberId\", props.id);\r\n\t\t}\r\n\t\tsetValue(\"remark\", \"\");\r\n\t};\r\n\r\n\t/// \r\n\t/// Author : -\r\n\t/// Editted : -\r\n\t/// \r\n\tconst submitForm = async (data, e) => {\r\n\t\tlet params = {\r\n\t\t\tmemberId: memberId,\r\n\t\t\tpoints: data.points,\r\n\t\t\tpanel: PanelType._BACKOFFICE,\r\n\t\t\tremark: data.remark,\r\n\t\t\tpointQuota: data.pointQuota\r\n\t\t};\r\n\r\n\t\tconsole.log(params);\r\n\t\tlet formBody = createFormBody(params);\r\n\r\n\t\tlet responseJson = await ApiEngine.post(\r\n\t\t\tApiUrl._API_UPDATE_POINTS_ADJUSTMENT,\r\n\t\t\tformBody\r\n\t\t);\r\n\r\n\t\t_dispatch(\r\n\t\t\tshowMessage(\r\n\t\t\t\tresponseJson[ApiKey._API_SUCCESS_KEY],\r\n\t\t\t\tt(responseJson[ApiKey._API_MESSAGE_KEY])\r\n\t\t\t)\r\n\t\t);\r\n\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\r\n\t\t\twindow.location.reload();\r\n\t\t\tinitFormField();\r\n\t\t\tinit();\r\n\t\t\t\r\n\t\t\te.target.reset();\r\n\t\t\tif (props.onComplete != null) {\r\n\t\t\t\tprops.onComplete();\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tsetShowPinEntry(false);\r\n\t};\r\n\r\n\t/// \r\n\t/// Author : Wong\r\n\t/// \r\n\tasync function getMemberList(search, loadOptions, { page }) {\r\n\t\tvar responseJson = await ApiEngine.get(\r\n\t\t\t`${ApiUrl._API_GET_USER_MEMBER_LIST}?start=${(page - 1) * DEFAULT_PAGE_SIZE\r\n\t\t\t}&count=${DEFAULT_PAGE_SIZE}&keyword=${search}`\r\n\t\t);\r\n\r\n\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\r\n\t\t\tlet data = responseJson[ApiKey._API_DATA_KEY][\"data\"];\r\n\t\t\tlet formattedData = data.map((m) => {\r\n\t\t\t\tconsole.log(m.memberPoints);\r\n\t\t\t\treturn { label: m.username, value: m.id, points: m.memberPoints, pointQuota : m.pointQuota };\r\n\t\t\t});\r\n\r\n\t\t\treturn {\r\n\t\t\t\toptions: formattedData,\r\n\t\t\t\thasMore: formattedData.length == DEFAULT_PAGE_SIZE,\r\n\t\t\t\tadditional: {\r\n\t\t\t\t\tpage: page + 1,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\t}\r\n\t}\r\n\r\n\tasync function onPinSubmit(data, e) {\r\n\t\t// verify pin\r\n\t\tlet params = { transactionPinNumber: data };\r\n\t\tlet formBody = createFormBody(params);\r\n\t\tlet responseJson = await ApiEngine.post(\r\n\t\t\tApiUrl._API_VERIFY_USER_TRANSACTION_PIN_NUMBER,\r\n\t\t\tformBody\r\n\t\t);\r\n\r\n\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\r\n\t\t\tsubmitForm(enteredAdjustmentData, enteredAdjustmentE);\r\n\t\t} else {\r\n\t\t\t_dispatch(showMessage(false, t(\"INCORRECT\") + \" \" + t(\"PIN_NUMBER\")));\r\n\t\t\tsetShowPinEntry(false);\r\n\t\t}\r\n\t}\r\n\r\n\tasync function checkPinValue(data, e) {\r\n\t\t// check if pin has 4 digits (valid pin)\r\n\t\t// if true then submit pin\r\n\t\tif (data.length == 4) {\r\n\t\t\tonPinSubmit(data);\r\n\t\t}\r\n\t}\r\n\r\n\tasync function onSubmit(data, e) {\r\n\t\tsetEnteredAdjustmentData(data);\r\n\t\tsetEnteredAdjustmentE(e);\r\n\r\n\t\tsetShowPinEntry(true);\r\n\t}\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t
\r\n\t\t\t\t{t(\"ADJUSTMENT\")}{\" \"}\r\n\t\t\t\t{props.id ? (\r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\tprops.toggleModal(false);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t \r\n\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t
\r\n\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t\r\n\t\t \n/// Author : -\n/// \n\nconst PointsAdjustmentReport = (props) => {\n\tconst _dispatch = useDispatch();\n\tconst { t } = useTranslation(LanguageKey._PRIMARY);\n\tconst _ALL_VALUE = -1;\n\tconst _OVERALL_KEYS = {\n\t\tIN: \"TOTAL_IN\",\n\t\tOUT: \"TOTAL_OUT\",\n\t};\n\tconst [startDate, setStartDate] = useState(\n\t\tmoment().startOf(\"day\").format(\"YYYY-MM-DD HH:mm:ss\")\n\t);\n\tconst [endDate, setEndDate] = useState(\n\t\tmoment().format(\"YYYY-MM-DD HH:mm:ss\")\n\t);\n\tconst [apiUrl, setApiUrl] = useState(\"\");\n\tconst [memberOption, setMemberOption] = useState([]);\n\tconst [memberId, setMemberId] = useState(\"\");\n\tconst [status, setStatus] = useState(_ALL_VALUE);\n\tconst [initFinish, setInitFinish] = useState(false);\n\tconst [overallInfo, setOverallInfo] = useState({});\n\tconst [selectedMember, setSelectedMember] = useState();\n\n\t/// \n\t/// Author : -\n\t/// \n\tuseEffect(() => {\n\t\tgetAdjustmentReport();\n\t}, [initFinish]);\n\n\t/// \n\t/// Author : -\n\t/// \n\tasync function getAdjustmentReport() {\n\t\tlet fetchUrl =\n\t\t\tApiUrl._API_GET_POINTS_ADJUSTMENT_REPORT +\n\t\t\t\"?v=\" +\n\t\t\tDate.now() +\n\t\t\t\"&StartDate=\" +\n\t\t\tstartDate +\n\t\t\t\"&EndDate=\" +\n\t\t\tendDate +\n\t\t\t\"&Status=\" +\n\t\t\tstatus;\n\n\t\tif (!stringIsNullOrEmpty(selectedMember)) {\n\t\t\tfetchUrl += \"&MemberId=\" + selectedMember.value;\n\t\t}\n\n\t\tsetApiUrl(fetchUrl);\n\t}\n\n\tlet _tableColumns = [\n\t\t{\n\t\t\tHeader: \"TARGET_MEMBER\",\n\t\t\taccessor: \"memberName\",\n\t\t\tFooter: () => {\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{t(\"TOTAL\")}: \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: \"PRE_POINTS\",\n\t\t\taccessor: \"prePoints\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>{numberWithCurrencyFormat(parseFloat(row.original.prePoints), 3)}\n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: \"IN\",\n\t\t\taccessor: \"inPoints\",\n\t\t\tFooter: () => {\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{!isObjectEmpty(overallInfo) &&\n\t\t\t\t\t\t\t\toverallInfo[_OVERALL_KEYS.IN] &&\n\t\t\t\t\t\t\t\tnumberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\tparseFloat(overallInfo[_OVERALL_KEYS.IN]),\n\t\t\t\t\t\t\t\t\t3\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: \"OUT\",\n\t\t\taccessor: \"outPoints\",\n\t\t\tFooter: () => {\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{!isObjectEmpty(overallInfo) &&\n\t\t\t\t\t\t\t\toverallInfo[_OVERALL_KEYS.OUT] &&\n\t\t\t\t\t\t\t\tnumberWithCurrencyFormat(\n\t\t\t\t\t\t\t\t\tparseFloat(overallInfo[_OVERALL_KEYS.OUT]),\n\t\t\t\t\t\t\t\t\t3\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: \"POST_POINTS\",\n\t\t\taccessor: \"postPoints\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{numberWithCurrencyFormat(parseFloat(row.original.postPoints), 3)}\n\t\t\t\t\t\n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: \"POINT_QUOTA\",\n\t\t\taccessor: \"pointQuota\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{numberWithCurrencyFormat(parseFloat(row.original.pointQuota), 3)}\n\t\t\t\t\t\n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: \"PRE_POINT_QUOTA\",\n\t\t\taccessor: \"prePointQuota\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{numberWithCurrencyFormat(parseFloat(row.original.prePointQuota), 3)}\n\t\t\t\t\t\n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: \"POST_POINT_QUOTA\",\n\t\t\taccessor: \"postPointQuota\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{numberWithCurrencyFormat(parseFloat(row.original.postPointQuota), 3)}\n\t\t\t\t\t\n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: \"STATUS\",\n\t\t\taccessor: \"status\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn row.original.status ? (\n\t\t\t\t\t{t(\"SUCCESS\")} \n\t\t\t\t) : (\n\t\t\t\t\t{t(\"FAILED\")} \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: \"REMARK\",\n\t\t\taccessor: \"remark\",\n\t\t},\n\t\t{\n\t\t\tHeader: \"OPERATED_BY\",\n\t\t\taccessor: \"operatedBy\",\n\t\t},\n\t\t{\n\t\t\tHeader: \"CREATED_TIME\",\n\t\t\taccessor: \"createdTime\",\n\t\t\tminWidth: 100,\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>{moment(row.original.createdTime).format(\"DD-MM-YYYY HH:mm:ss\")}\n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t];\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst handleEvent = (event, picker) => {\n\t\tsetStartDate(moment(picker.startDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n\t\tsetEndDate(moment(picker.endDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n\t};\n\n\t/// \n\t/// Author : -\n\t/// \n\tfunction getOverallInfo(info) {\n\t\tsetOverallInfo(info);\n\t}\n\n\t/// \n\t/// Author : Wong\n\t/// \n\tasync function getMemberList(search, loadOptions, { page }) {\n\t\tvar responseJson = await ApiEngine.get(\n\t\t\t`${ApiUrl._API_GET_USER_MEMBER_LIST}?start=${\n\t\t\t\t(page - 1) * DEFAULT_PAGE_SIZE\n\t\t\t}&count=${DEFAULT_PAGE_SIZE}&keyword=${search}`\n\t\t);\n\n\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\tlet data = responseJson[ApiKey._API_DATA_KEY][\"data\"];\n\t\t\tlet formattedData = data.map((m) => {\n\t\t\t\treturn { label: m.username, value: m.id };\n\t\t\t});\n\t\t\tformattedData.unshift({ label: \"All\", value: \"\" });\n\t\t\treturn {\n\t\t\t\toptions: formattedData,\n\t\t\t\thasMore: formattedData.length == DEFAULT_PAGE_SIZE,\n\t\t\t\tadditional: {\n\t\t\t\t\tpage: page + 1,\n\t\t\t\t},\n\t\t\t};\n\t\t}\n\t}\n\n\treturn (\n\t\t\n\t\t\t
{t(\"ADJUSTMENT_REPORT\")} \n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t \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\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t ({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\tdebounceTimeout={250}\n\t\t\t\t\t\t\t\t\t\t\t\tisDisabled={!stringIsNullOrEmpty(props.id)}\n\t\t\t\t\t\t\t\t\t\t\t\tloadOptions={getMemberList}\n\t\t\t\t\t\t\t\t\t\t\t\tadditional={{\n\t\t\t\t\t\t\t\t\t\t\t\t\tpage: 1,\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\tvalue={selectedMember}\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={setSelectedMember}\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 getAdjustmentReport()}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{t(\"SEARCH\")}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n/// Author : -\n/// \n\nconst MemberPointsReport = (props) => {\n\tconst { t } = useTranslation(LanguageKey._PRIMARY);\n\tconst _dispatch = useDispatch();\n\tconst _location = useLocation();\n\tconst _history = useHistory();\n\tconst [searchTrigger, setSearchTrigger] = useState(\"\");\n\tconst [startDate, setStartDate] = useState(\n\t\tmoment().startOf(\"day\").format(\"YYYY-MM-DD HH:mm:ss\")\n\t);\n\tconst [endDate, setEndDate] = useState(\n\t\tmoment().endOf(\"day\").format(\"YYYY-MM-DD HH:mm:ss\")\n\t);\n\tconst [selectedDate, setSelectedDate] = useState(\"\");\n\n\tlet _tableColumns = [\n\t\t{\n\t\t\tHeader: \"USERNAME\",\n\t\t\taccessor: \"username\",\n\t\t\tCell: ({ row }) => (\n\t\t\t\t{row.original.username}
\n\t\t\t),\n\t\t\tFooter: () => {\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{t(\"TOTAL\")}: \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},\n\t\t{\n\t\t\tHeader: \"DATE\",\n\t\t\taccessor: \"date\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{moment(row.original.parsedTime).format(\"YYYY-MM-DD\")}\n\t\t\t\t\t
\n\t\t\t\t);\n\t\t\t},\n\t\t\tdisableFilters: true,\n\t\t},\n\t\t{\n\t\t\tHeader: \"REMARK\",\n\t\t\taccessor: \"remark\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn {row.original.remark}
;\n\t\t\t},\n\t\t\tdisableFilters: true,\n\t\t},\n\t\t{\n\t\t\tHeader: \"POINTS\",\n\t\t\taccessor: \"pointsAmount\",\n\t\t\tCell: ({ row }) => (\n\t\t\t\t{row.original.pointsAmount}
\n\t\t\t),\n\t\t\tFooter: ({ page }) => {\n\t\t\t\tconst totalPoints = page.reduce((sum, currentValue) => {\n\t\t\t\t\tif (currentValue.original.pointsAmount) {\n\t\t\t\t\t\treturn sum + currentValue.original.pointsAmount;\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn sum;\n\t\t\t\t\t}\n\t\t\t\t}, 0);\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{totalPoints} \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\tdisableFilters: true,\n\t\t},\n\t];\n\n\tconst init = async () => {\n\t\tvar apiUrl =\n\t\t\tApiUrl._API_GET_OVERALL_POINTS_DETAILS +\n\t\t\t\"?StartDate=\" +\n\t\t\tmoment(startDate).startOf(\"day\").format(\"YYYY-MM-DD\") +\n\t\t\t\"&EndDate=\" +\n\t\t\tmoment(endDate).endOf(\"day\").format(\"YYYY-MM-DD\");\n\n\t\tsetSearchTrigger(apiUrl);\n\t};\n\n\tconst handleEvent = (event, picker) => {\n\t\tsetStartDate(moment(picker.startDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n\t\tsetEndDate(moment(picker.endDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n\t\tsetSelectedDate(\"\");\n\n\t\tlet apiUrl =\n\t\t\tApiUrl._API_GET_OVERALL_POINTS_DETAILS +\n\t\t\t\"?StartDate=\" +\n\t\t\tmoment(picker.startDate).format(\"YYYY-MM-DD\") +\n\t\t\t\"&EndDate=\" +\n\t\t\tmoment(picker.endDate).format(\"YYYY-MM-DD\");\n\n\t\tsetSearchTrigger(apiUrl);\n\t};\n\n\tconst handleSelectDate = async (date) => {\n\t\tsetStartDate(moment(date).startOf(\"day\").format(\"YYYY-MM-DD HH:mm:ss\"));\n\t\tsetEndDate(moment(date).endOf(\"day\").format(\"YYYY-MM-DD HH:mm:ss\"));\n\t\tsetSelectedDate(date);\n\n\t\tlet apiUrl =\n\t\t\tApiUrl._API_GET_OVERALL_POINTS_DETAILS +\n\t\t\t\"?StartDate=\" +\n\t\t\tstartDate +\n\t\t\t\"&EndDate=\" +\n\t\t\tendDate +\n\t\t\t\"&SelectedDate=\" +\n\t\t\tdate;\n\n\t\tsetSearchTrigger(apiUrl);\n\t};\n\n\t/// \n\t/// Author : -\n\t/// \n\tuseEffect(() => {\n\t\tinit();\n\t}, []);\n\n\treturn (\n\t\t\n\t\t\t
\n\t\t\t\t{t(\"MEMBER_POINTS_REPORT\")}\n\t\t\t\t \n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t \n/// Author : -\n/// \n\nconst ManageDepositPromotionCategory = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const [promotionData, setPromotionData] = useState([]);\n\n let _tableColumns = [\n {\n Header: \"TITLE\",\n accessor: \"name\",\n disableSortBy: true,\n },\n {\n Header: \"STATUS\",\n accessor: \"status\",\n Cell: ({ row }) => (\n \n {row.original.status == true ? (\n \n {t(\"ACTIVE\")}\n \n ) : (\n \n {t(\"SUSPENDED\")}\n \n )}\n
\n ),\n disableSortBy: true,\n style: { overflow: \"visible\" },\n },\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) =>\n checkIfPermissionExist(\n AccessRight._DEPOSIT_PROMOTION_PERMISSION,\n true\n ) && (\n \n \n \n \n \n {\n navigateTo(\n _history,\n WebUrl._URL_CREATE_OR_UPDATE_DEPOSIT_PROMOTION_CATEGORY,\n row.original\n );\n }}\n >\n {t(\"EDIT\")} \n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n width: 100,\n style: { overflow: \"visible\" },\n },\n ];\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n fetch(ApiUrl._API_GET_DEPOSIT_PROMOTION_CATEGORY + \"?all=true\", {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setPromotionData(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n }, []);\n\n return (\n \n
\n {t(\"PROMOTION_CATEGORIES\")}\n {checkIfPermissionExist(\n AccessRight._DEPOSIT_PROMOTION_PERMISSION,\n true\n ) && (\n \n
\n \n \n \n
\n/// Author : -\n/// \n\nconst DepositPromotionCategoryDetail = (props) => {\n const _DETAIL_TAB = \"1\";\n const _LANGUAGE_TAB = \"2\";\n let _history = useHistory();\n const { t } = useTranslation(LanguageKey._PRIMARY);\n const _location = useLocation();\n const _dispatch = useDispatch();\n const { register, unregister, handleSubmit, errors, setValue } = useForm();\n\n const [title, setTitle] = useState(\"\");\n const [categoryId, setCategoryId] = useState(\"\");\n const [status, setStatus] = useState(true);\n const [activeTab, setActiveTab] = useState(_DETAIL_TAB);\n\n const {\n register: accountFormRegister,\n handleSubmit: accountFormHandleSubmit,\n errors: accountFormErrors,\n unregister: accountFormUnregister,\n setValue: accountFormSetValue,\n } = useForm();\n\n const {\n register: promotionFormRegister,\n handleSubmit: promotionFormHandleSubmit,\n errors: promotionFormErrors,\n unregister: promotionFormUnregister,\n setValue: promotionFormSetValue,\n } = useForm();\n\n const [vipList, setVipList] = useState([]);\n\n const [productData, setProductData] = useState([]);\n const [depositPromotionId, setDepositPromotionId] = useState(\"\");\n const [accountProductStatus, setAccountProductStatus] = useState(true);\n const [accountProductModel, setAccountProductModel] = useState(false);\n const [accountproductName, setAccountProductName] = useState(\"\");\n const [selectedMasterProductId, setSelectedMasterProductId] = useState(\"\");\n const [isCreateNewAccount, setIsCreateNewAccount] = useState(true);\n const [depositPromotionProductId, setDepositPromotionProductId] =\n useState(\"\");\n const [image, setImage] = useState();\n const [imageFile, setImageFile] = useState([]);\n\n const [depositPromotionList, setDepositPromotionList] = useState([]);\n\n const [desktopFile, setDesktopFile] = useState([]);\n const [mobileFile, setMobileFile] = useState([]);\n const [desktopImage, setDesktopImage] = useState();\n const [mobileImage, setMobileImage] = useState();\n const [isNewDesktopImage, setIsNewDesktopImage] = useState(false);\n const [isNewMobileImage, setIsNewMobileImage] = useState(false);\n\n const [promoWithCategory, setPromoWithCategory] = useState([]);\n const [promoWithoutCategory, setPromoWithoutCategory] = useState([]);\n const [rank, setRank] = useState(\"\");\n\n let _tableColumns = [\n {\n Header: \"Product\",\n accessor: \"name\",\n disableSortBy: true,\n },\n {\n Header: \"STATUS\",\n accessor: \"status\",\n Cell: ({ row }) => (\n \n {row.original.status == true ? (\n \n {t(\"ACTIVE\")}\n \n ) : (\n \n {t(\"SUSPENDED\")}\n \n )}\n
\n ),\n disableSortBy: true,\n style: { overflow: \"visible\" },\n },\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) => (\n \n \n \n \n \n deleteDepositPromotionSetting(row.original.id)}>\n {t(\"DELETE\")} \n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n width: 100,\n style: { overflow: \"visible\" },\n },\n ];\n\n const [selectedViplevel, setSelectedViplevel] = useState(\"\");\n /// \n /// Author : -\n /// \n const toggle = (tab) => {\n if (activeTab !== tab) {\n setActiveTab(tab);\n }\n };\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n register({ name: \"content\" }, { required: \"PLEASE_ENTER_CONTENT\" });\n register({ name: \"vip\" }, { required: \"PLEASE_SELECT_VIP_LEVEL\" });\n init();\n }, []);\n\n const _OPTION_STYLES = {\n control: (base) => ({\n ...base,\n \"min-height\": \"34px\",\n height: \"34px\",\n }),\n valueContainer: (base) => ({\n ...base,\n height: \"34px\",\n \"min-height\": \"34px\",\n }),\n indicatorsContainer: (base) => ({\n ...base,\n height: \"34px\",\n \"min-height\": \"34px\",\n }),\n input: (base) => ({\n height: \"34px\",\n \"min-height\": \"34px\",\n }),\n };\n\n /// \n /// Author : -\n /// \n async function init() {\n if (_location.state) {\n setCategoryId(_location.state.id);\n var apiUrl = ApiUrl._API_GET_DEPOSIT_PROMOTION_CATEGORY_BY_ID;\n apiUrl += \"?id=\" + _location.state.id;\n await fetch(apiUrl, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then(async (responseJson) => {\n console.log(responseJson[ApiKey._API_DATA_KEY])\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setCategoryId(responseJson[ApiKey._API_DATA_KEY][0][\"id\"]);\n setTitle(responseJson[ApiKey._API_DATA_KEY][0][\"name\"]);\n setStatus(responseJson[ApiKey._API_DATA_KEY][0][\"status\"]);\n setDesktopImage(responseJson[ApiKey._API_DATA_KEY][0][\"image\"])\n setRank(responseJson[ApiKey._API_DATA_KEY][0][\"rank\"])\n unregister(\"vip\");\n unregister(\"content\");\n setPromoWithCategory(responseJson[ApiKey._API_DATA_KEY][0].depositPromotion);\n }\n });\n getDepositPromotionProductWithoutCategory();\n getDepositPromotionProductWithCategory();\n }\n }\n\n function getDepositPromotionProductWithoutCategory() {\n fetch(ApiUrl._API_GET_DEPOSIT_PROMOTION_WITHOUT_CATEGORY, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n const DepositPromotionList = [];\n responseJson[ApiKey._API_DATA_KEY].forEach(function (product) {\n DepositPromotionList.push({\n label: product.name,\n value: product.id,\n });\n });\n setPromoWithoutCategory(DepositPromotionList);\n }\n });\n }\n\n /// \n /// Author : -\n /// \n const submitForm = async (data, e) => {\n let params = {\n name: data.title,\n status: data.status,\n isNewDesktopFile: isNewDesktopImage,\n rank: data.rank\n };\n\n if (!stringIsNullOrEmpty(categoryId)) {\n params[\"id\"] = categoryId;\n }\n\n if (!stringIsNullOrEmpty(desktopFile)) {\n params[\"desktopFile\"] = desktopFile;\n }\n\n if (stringIsNullOrEmpty(desktopImage)) {\n params[\"desktopImageRemoved\"] = true;\n }\n\n let formBody = createMultiPartFormBody(params);\n _dispatch(setBusy());\n\n fetch(ApiUrl._API_CREATE_OR_UPDATE_DEPOSIT_PROMOTION_CATEGORY, {\n method: ApiKey._API_POST,\n headers: {\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n body: formBody,\n })\n .then((response) => response.json())\n .then((responseJson) => {\n _dispatch(setIdle());\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setCategoryId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n //getMasterProduct();\n }\n });\n };\n\n function toggleModal(isAddProduct) {\n if (accountProductModel) {\n setDepositPromotionProductId(\"\");\n setSelectedMasterProductId(\"\");\n setAccountProductStatus(false);\n }\n\n if (isAddProduct) {\n setIsCreateNewAccount(true);\n }\n\n setAccountProductModel(!accountProductModel);\n }\n\n function getDepositPromotionProductWithCategory() {\n fetch(\n ApiUrl._API_GET_DEPOSIT_PROMOTION_WITH_CATEGORY +\n \"?id=\" +\n (categoryId == \"\" ? _location.state.id : categoryId),\n {\n method: ApiKey._API_GET,\n headers: {\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n }\n )\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setPromoWithCategory(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n }\n\n function loadAccountProduct(data) {\n //setDepositPromotionProductId(data.id);\n //setDepositPromotionId(data.depositPromotionId);\n //setAccountProductStatus(data.status);\n //setAccountProductName(data.name);\n //setSelectedMasterProductId(data.masterProductId);\n //setIsCreateNewAccount(false);\n toggleModal();\n }\n\n function deleteDepositPromotionSetting(id) {\n let params = {\n id: id,\n depositPromotionCategoryId:0\n };\n\n let formBody = createMultiPartFormBody(params);\n _dispatch(setBusy());\n\n fetch(ApiUrl._API_CREATE_OR_UPDATE_DEPOSIT_PROMOTION, {\n method: ApiKey._API_POST,\n headers: {\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n body: formBody,\n })\n .then((response) => response.json())\n .then((responseJson) => {\n _dispatch(setIdle());\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n getDepositPromotionProductWithoutCategory();\n getDepositPromotionProductWithCategory();\n setDepositPromotionId(\"\");\n setAccountProductName(\"\");\n setAccountProductStatus(\"\");\n }\n });\n }\n\n const submitAccountSettingForm = async (data, e) => {\n let params = {\n depositPromotionCategoryId: categoryId,\n id: depositPromotionId,\n };\n\n let formBody = createMultiPartFormBody(params);\n _dispatch(setBusy());\n\n fetch(ApiUrl._API_CREATE_OR_UPDATE_DEPOSIT_PROMOTION, {\n \tmethod: ApiKey._API_POST,\n \theaders: {\n \t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n \t},\n \tbody: formBody,\n })\n \t.then((response) => response.json())\n \t.then((responseJson) => {\n \t\t_dispatch(setIdle());\n \t\t_dispatch(\n \t\t\tshowMessage(\n \t\t\t\tresponseJson[ApiKey._API_SUCCESS_KEY],\n \t\t\t\tt(responseJson[ApiKey._API_MESSAGE_KEY])\n \t\t\t)\n \t\t);\n\n \t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n getDepositPromotionProductWithoutCategory();\n getDepositPromotionProductWithCategory();\n \t\t\tsetDepositPromotionId(\"\");\n \t\t\tsetAccountProductName(\"\");\n \t\t\tsetAccountProductStatus(\"\");\n \t\t\ttoggleModal();\n \t\t}\n \t});\n };\n\n const logoDrop = (acceptedFiles, isDesktop) => {\n if (acceptedFiles.length !== 0) {\n const file = acceptedFiles[0];\n\n if (isDesktop) {\n setDesktopFile(file);\n } else {\n setMobileFile(file);\n }\n\n const reader = new FileReader();\n reader.onloadend = () => {\n if (isDesktop) {\n setDesktopImage(reader.result);\n setIsNewDesktopImage(true);\n } else {\n setIsNewMobileImage(true);\n setMobileImage(reader.result);\n }\n };\n reader.readAsDataURL(file);\n }\n };\n\n return (\n \n
\n {categoryId ? t(\"EDIT_DEPOSIT_PROMOTION_CATEGORY\") : t(\"ADD_DEPOSIT_PROMOTION_CATEGORY\")}\n \n {categoryId && (\n
\n \n {\n toggle(_DETAIL_TAB);\n }}\n >\n {t(\"DETAIL\")}\n \n \n \n {\n toggle(_LANGUAGE_TAB);\n }}\n >\n {t(\"LANGUAGE\")}\n \n \n \n )}\n
\n \n \n
\n
\n
\n
\n
\n \n {t(\"SUBMIT\")}\n \n
\n
\n
\n \n \n \n
\n
\n
\n {t(\"SELECTED_PROMOTION\")} \n \n \n
\n toggleModal(true)}\n >\n
\n
\n \n
\n
\n
toggleModal()}>\n \n toggleModal()}>\n {t(isCreateNewAccount ? \"ADD_PROMOTION\" : \"EDIT_PROMOTION\")}\n \n \n \n
\n
\n
\n {t(\"PROMOTION\")} \n \n
\n
option.value == depositPromotionId\n )[0] !== undefined\n ? promoWithoutCategory.filter(\n (option) => option.value == depositPromotionId\n )[0].label\n : \"\"\n }\n isDisabled={depositPromotionProductId != \"\"}\n value=\"\"\n onChange={(e) => {\n setDepositPromotionId(e.value);\n setSelectedMasterProductId(e.masterProductId);\n accountFormSetValue(\"depositPromotionId\", e.value);\n }}\n ref={accountFormRegister}\n />\n {accountFormErrors.depositPromotionId && (\n \n {t(accountFormErrors.depositPromotionId.message)}\n
\n )}\n \n
\n
\n
\n \n toggleModal()}\n >\n {t(\"CLOSE\")}\n \n \n {t(\"SUBMIT\")}\n \n \n \n \n
\n {categoryId && (\n \n )}\n \n \n \n );\n};\n\nexport default withRouter(DepositPromotionCategoryDetail);\n","import React, { useState, useEffect, useMemo, useCallback } from \"react\";\nimport ReactTable from \"../../components/constantComponent/reactTable/ReactTable.js\";\nimport {\n\tPanel,\n\tPanelHeader,\n\tPanelBody,\n} from \"../../components/panel/panel.jsx\";\nimport { useHistory } from \"react-router-dom\";\nimport {\n\tUncontrolledButtonDropdown,\n\tDropdownToggle,\n\tDropdownMenu,\n\tDropdownItem,\n\tModal,\n\tModalBody,\n\tModalFooter,\n\tModalHeader,\n} from \"reactstrap\";\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport Select from \"react-select\";\nimport DateRangePicker from \"react-bootstrap-daterangepicker\";\nimport moment from \"moment\";\nimport { navigateTo } from \"../../util/Util.js\";\nimport {\n\tApiKey,\n\tApiUrl,\n\tWebUrl,\n\tAccessRight,\n\tTransactionType,\n\tTransactionStatus,\n\tPanelType,\n\tLanguageKey,\n\tBankingChannelName,\n\tDEFAULT_PAGE_SIZE,\n} from \"../../util/Constant.js\";\nimport { setBusy, setIdle, showMessage } from \"../../redux/AppAction.js\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport {\n\tstringIsNullOrEmpty,\n\tcreateFormBody,\n\tnumberWithCurrencyFormat,\n} from \"../../util/Util.js\";\nimport { useForm } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\nimport ApiEngine from \"../../util/ApiEngine.js\";\nimport { AsyncPaginate } from \"react-select-async-paginate\";\nimport SweetAlert from \"react-bootstrap-sweetalert\";\n\nconst CreditRedemptionReport = (props) => {\n\tconst { t } = useTranslation(LanguageKey._PRIMARY);\n\tlet _history = useHistory();\n\tconst _dispatch = useDispatch();\n\tconst { register, unregister, handleSubmit, errors } = useForm();\n\n\tconst [showDialog, setShowDialog] = useState();\n\tconst _PAGING_COUNT = 10;\n\tconst [selectedFilterMember, setSelectedFilterMember] = useState();\n\tconst [selectedMember, setSelectedMember] = useState(\"\");\n\tconst [startDate, setStartDate] = useState(\n\t\tmoment().startOf(\"day\").format(\"YYYY-MM-DD HH:mm:ss\")\n\t);\n\tconst [endDate, setEndDate] = useState(\n\t\tmoment().endOf(\"day\").format(\"YYYY-MM-DD HH:mm:ss\")\n\t);\n\tconst [creditData, setCreditData] = useState([]);\n\t\n\tuseEffect(() => {\n\t\tinit();\n\t}, []);\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst init = async () => {};\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst getCreditReport = async () => {\n\t\t_dispatch(setBusy());\n\t\tsetCreditData([]);\n\t\tlet fetchUrl = ApiUrl._API_GET_CREDIT_REDEMPTION_REPORT;\n\t\tfetchUrl += \"?StartDate=\" + startDate + \"&EndDate=\" + endDate;\n\n\t\tif (!stringIsNullOrEmpty(selectedMember)) {\n\t\t\tfetchUrl += \"&MemberId=\" + selectedMember;\n\t\t}\n\n\t\tfetch(fetchUrl, {\n\t\t\tmethod: ApiKey._API_GET,\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t},\n\t\t})\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tsetCreditData(responseJson[ApiKey._API_DATA_KEY]);\n\t\t\t\t}\n\t\t\t\t_dispatch(setIdle());\n\t\t\t});\n\t};\n\n\tlet _tableColumns = [\n\t\t{\n\t\t\tHeader: t(\"USERNAME\"),\n\t\t\taccessor: \"username\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn <>{t(row.original.username)};\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t\tFooter: () => {\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t {t(\"TOTAL\")}: \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"POINTS_NEEDED\"),\n\t\t\taccessor: \"pointsNeeded\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn <>{row.original.pointsNeeded};\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"MEMBER_BALANCE_BEFORE\"),\n\t\t\taccessor: \"preMemberPrimaryBalance\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>{numberWithCurrencyFormat(row.original.preMemberPrimaryBalance)}\n\t\t\t\t);\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"MEMBER_BALANCE_AFTER\"),\n\t\t\taccessor: \"postMemberPrimaryBalance\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>{numberWithCurrencyFormat(row.original.postMemberPrimaryBalance)}\n\t\t\t\t);\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"AMOUNT\"),\n\t\t\taccessor: \"amount\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn <>{t(row.original.amount)};\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t\tFooter: ({ page }) => {\n\t\t\t\tconst debitSum = page.reduce((sum, currentValue) => {\n\t\t\t\t\tif (currentValue.original.amount) {\n\t\t\t\t\t\treturn sum + parseFloat(currentValue.original.amount);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn sum;\n\t\t\t\t\t}\n\t\t\t\t}, 0);\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{numberWithCurrencyFormat(parseFloat(debitSum))} \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"PRODUCT_NAME\"),\n\t\t\taccessor: \"productName\",\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"ROLLOVER\"),\n\t\t\taccessor: \"productRollover\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn <>{\"x\" + row.original.productRollover};\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"STATUS\"),\n\t\t\taccessor: \"status\",\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"REDEEM_TIME\"),\n\t\t\taccessor: \"createdTime\",\n\t\t\tminWidth: 100,\n\t\t},\n\t];\n\n\t/// \n\t/// Author : Wong\n\t/// \n\tasync function getMemberList(search, loadOptions, { page }) {\n\t\tvar responseJson = await ApiEngine.get(\n\t\t\t`${ApiUrl._API_GET_USER_MEMBER_LIST}?start=${\n\t\t\t\t(page - 1) * DEFAULT_PAGE_SIZE\n\t\t\t}&count=${DEFAULT_PAGE_SIZE}&keyword=${search}`\n\t\t);\n\n\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\tlet data = responseJson[ApiKey._API_DATA_KEY][\"data\"];\n\t\t\tlet formattedData = data.map((m) => {\n\t\t\t\treturn { label: m.username, value: m.id };\n\t\t\t});\n\t\t\tformattedData.unshift({ label: \"All\", value: \"\" });\n\t\t\treturn {\n\t\t\t\toptions: formattedData,\n\t\t\t\thasMore: formattedData.length == _PAGING_COUNT,\n\t\t\t\tadditional: {\n\t\t\t\t\tpage: page + 1,\n\t\t\t\t},\n\t\t\t};\n\t\t}\n\t}\n\n\tconst handleEvent = (event, picker) => {\n\t\tsetStartDate(moment(picker.startDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n\t\tsetEndDate(moment(picker.endDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n\t}; /// \n\n\treturn (\n\t\t\n\t\t\t{showDialog && (\n\t\t\t\t
{\n\t\t\t\t\t\tsetShowDialog(false);\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{t(\"MAX_DATE_RANGE_7_DAYS\")}\n\t\t\t\t\n\t\t\t)}\n\t\t\t{t(\"CREDIT_REDEMPTION_REPORT\")} \n\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t{t(\"DATE\")} \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t{t(\"USERNAME\")} \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t
{\n\t\t\t\t\t\t\t\t\t\t\t\tsetSelectedFilterMember(e);\n\t\t\t\t\t\t\t\t\t\t\t\tsetSelectedMember(e.value);\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\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\tgetCreditReport();\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tclassName=\"btn btn-primary\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{t(\"SEARCH\")}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t/// Author : -\n\t/// \n\tconst getCreditReport = async () => {\n\t\t_dispatch(setBusy());\n\t\tsetCreditData([]);\n\t\tlet fetchUrl = ApiUrl._API_GET_REFERRAL_BONUS_REPORT;\n\t\tfetchUrl += \"?StartDate=\" + startDate + \"&EndDate=\" + endDate;\n\n\t\tif (!stringIsNullOrEmpty(selectedMember)) {\n\t\t\tfetchUrl += \"&MemberId=\" + selectedMember;\n\t\t}\n\n\t\tfetch(fetchUrl, {\n\t\t\tmethod: ApiKey._API_GET,\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t},\n\t\t})\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tsetCreditData(responseJson[ApiKey._API_DATA_KEY]);\n\t\t\t\t}\n\t\t\t\t_dispatch(setIdle());\n\t\t\t});\n\t};\n\n\tlet _tableColumns = [\n\t\t{\n\t\t\tHeader: t(\"Date\"),\n\t\t\taccessor: \"createdTime\",\n\t\t\tminWidth: 100,\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"Referrer\"),\n\t\t\taccessor: \"referrer\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn <>{t(row.original.referrer)};\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t\tFooter: () => {\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t {t(\"TOTAL\")}: \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"MEMBER\"),\n\t\t\taccessor: \"depositMember\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn <>{row.original.depositMember};\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"TransactionId\"),\n\t\t\taccessor: \"transactionId\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>{row.original.transactionId}\n\t\t\t\t);\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"Member Deposit #\"),\n\t\t\taccessor: \"depositCount\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>{row.original.depositCount}\n\t\t\t\t);\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"Referral Downline #\"),\n\t\t\taccessor: \"memberSequence\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>{row.original.memberSequence}\n\t\t\t\t);\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"Deposit Amount\"),\n\t\t\taccessor: \"depositAmount\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn {numberWithCurrencyFormat(row.original.depositAmount)}
;\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t\tFooter: ({ page }) => {\n\t\t\t\tconst debitSum = page.reduce((sum, currentValue) => {\n\t\t\t\t\tif (currentValue.original.depositAmount) {\n\t\t\t\t\t\treturn sum + parseFloat(currentValue.original.depositAmount);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn sum;\n\t\t\t\t\t}\n\t\t\t\t}, 0);\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{numberWithCurrencyFormat(parseFloat(debitSum))} \n\t\t\t\t\t
\n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"Bonus %\"),\n\t\t\taccessor: \"percent\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t{numberWithCurrencyFormat(row.original.percent)}
\n\t\t\t\t);\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"Bonus Amount\"),\n\t\t\taccessor: \"bonusAmount\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn {numberWithCurrencyFormat(row.original.bonusAmount)}
;\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t\tFooter: ({ page }) => {\n\t\t\t\tconst debitSum = page.reduce((sum, currentValue) => {\n\t\t\t\t\tif (currentValue.original.bonusAmount) {\n\t\t\t\t\t\treturn sum + parseFloat(currentValue.original.bonusAmount);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn sum;\n\t\t\t\t\t}\n\t\t\t\t}, 0);\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{numberWithCurrencyFormat(parseFloat(debitSum))} \n\t\t\t\t\t
\n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"Rollover\"),\n\t\t\taccessor: \"rolloverMultiplier\",\n\t\t},\n\t];\n\n\t/// \n\t/// Author : Wong\n\t/// \n\tasync function getMemberList(search, loadOptions, { page }) {\n\t\tvar responseJson = await ApiEngine.get(\n\t\t\t`${ApiUrl._API_GET_USER_MEMBER_LIST}?start=${\n\t\t\t\t(page - 1) * DEFAULT_PAGE_SIZE\n\t\t\t}&count=${DEFAULT_PAGE_SIZE}&keyword=${search}`\n\t\t);\n\n\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\tlet data = responseJson[ApiKey._API_DATA_KEY][\"data\"];\n\t\t\tlet formattedData = data.map((m) => {\n\t\t\t\treturn { label: m.username, value: m.id };\n\t\t\t});\n\t\t\tformattedData.unshift({ label: \"All\", value: \"\" });\n\t\t\treturn {\n\t\t\t\toptions: formattedData,\n\t\t\t\thasMore: formattedData.length == _PAGING_COUNT,\n\t\t\t\tadditional: {\n\t\t\t\t\tpage: page + 1,\n\t\t\t\t},\n\t\t\t};\n\t\t}\n\t}\n\n\tconst handleEvent = (event, picker) => {\n\t\tsetStartDate(moment(picker.startDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n\t\tsetEndDate(moment(picker.endDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n\t}; /// \n\n\treturn (\n\t\t\n\t\t\t{showDialog && (\n\t\t\t\t
{\n\t\t\t\t\t\tsetShowDialog(false);\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{t(\"MAX_DATE_RANGE_7_DAYS\")}\n\t\t\t\t\n\t\t\t)}\n\t\t\t{t(\"REFERRAL_BONUS_REPORT\")} \n\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t{t(\"DATE\")} \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t{t(\"Referrer\")} \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t
{\n\t\t\t\t\t\t\t\t\t\t\t\tsetSelectedFilterMember(e);\n\t\t\t\t\t\t\t\t\t\t\t\tsetSelectedMember(e.value);\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\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\tgetCreditReport();\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tclassName=\"btn btn-primary\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{t(\"SEARCH\")}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t
\n/// Author : -\n/// \n\nconst ManageBonusDeposit = (props) => {\n\tconst { t } = useTranslation(LanguageKey._PRIMARY);\n\tlet _history = useHistory();\n\tconst [bonusDepositData, setBonusDepositData] = useState([]);\n\n\tlet _tableColumns = [\n\t\t{\n\t\t\tHeader: \"BONUS_NAME\",\n\t\t\taccessor: \"bonusName\",\n\t\t},\n\t\t{\n\t\t\tHeader: \"BONUS\",\n\t\t\taccessor: \"bonus\",\n\t\t},\n\t\t{\n\t\t\tHeader: \"MINIMUM_DEPOSIT\",\n\t\t\taccessor: \"minimumDeposit\",\n\t\t},\n\t\t{\n\t\t\tHeader: \"ROLLOVER\",\n\t\t\taccessor: \"rollover\",\n\t\t},\n\t\t{\n\t\t\tHeader: \"MAX_BONUS\",\n\t\t\taccessor: \"maxBonus\",\n\t\t},\n\t\t{\n\t\t\tHeader: \"MAX_LIMIT_PER_MEMBER\",\n\t\t\taccessor: \"maxLimitPerMember\",\n\t\t},\n\t\t{\n\t\t\tHeader: \"DAY_LIMIT\",\n\t\t\taccessor: \"dayLimit\",\n\t\t},\n\t\t{\n\t\t\tHeader: \"STATUS\",\n\t\t\taccessor: \"status\",\n\t\t\tCell: ({ row }) => (\n\t\t\t\t\n\t\t\t\t\t{row.original.status == 1 ? (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{t(\"ACTIVE\")}\n\t\t\t\t\t\t \n\t\t\t\t\t) : (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{t(\"SUSPENDED\")}\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\tstyle: { overflow: \"visible\" },\n\t\t},\n\t\t{\n\t\t\tid: \"action\",\n\t\t\tHeader: \"\",\n\t\t\tCell: ({ row }) => (\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\tnavigateTo(\n\t\t\t\t\t\t\t\t\t\t_history,\n\t\t\t\t\t\t\t\t\t\tWebUrl._URL_CREATE_OR_UPDATE_BONUS_DEPOSIT,\n\t\t\t\t\t\t\t\t\t\trow.original\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{t(\"EDIT\")} \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t
\n\t\t\t),\n\t\t\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\t/// \n\t/// Author : -\n\t/// \n\tuseEffect(() => {\n\t\tfetch(ApiUrl._API_GET_ALL_BONUS_DEPOSIT, {\n\t\t\tmethod: ApiKey._API_GET,\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t},\n\t\t})\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tconsole.log(responseJson[ApiKey._API_DATA_KEY]);\n\t\t\t\t\tsetBonusDepositData(responseJson[ApiKey._API_DATA_KEY]);\n\t\t\t\t}\n\t\t\t});\n\t}, []);\n\n\treturn (\n\t\t\n\t\t\t
\n\t\t\t\t{t(\"BONUS_DEPOSIT\")}\n\t\t\t\t{\n\t\t\t\t\t \n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t \n\t\t\t \n\t\t
\n/// Author : -\n/// \nconst BonusDepositDetailLanguage = (props) => {\n\tconst { handleSubmit, errors, register, content, setValue, clearErrors } =\n\t\tuseForm();\n\tconst { t } = useTranslation(LanguageKey._PRIMARY);\n\tconst [data, setData] = useState([]);\n\tconst _dispatch = useDispatch();\n\tlet _history = useHistory();\n\tconst [languageDetailModalVisibility, setLanguageDetailModalVisibility] =\n\t\tuseState(false);\n\n\tconst _EXCLUDE_TITLE_TYPE = [\n\t\tContentTypeString._VIP_BENEFIT_CONTENT,\n\t\tContentTypeString._VIP_CRITERIA,\n\t];\n\tconst _EXCLUDE_CONTENT_TYPE = [\n\t\tContentTypeString._VIP_BENEFIT,\n\t\tContentTypeString._PRODUCT_CATEGORY,\n\t];\n\tconst [isOpen, setIsOpen] = useState(false);\n\tconst [languageDetailId, setLanguageDetailId] = useState(\"\");\n\tconst [tableColumns, setTableColumns] = useState([]);\n\tconst [languageOption, setLanguageOption] = useState([]);\n\tconst [languageId, setLanguageId] = useState(\"\");\n\tconst [bonusDepositData, setBonusDepositData] = useState([]);\n\tconst [editModal, setEditModal] = useState(false);\n\tconst [editLanguageId, setEditLanguageId] = useState(\"\");\n\tconst [bonusImage, setBonusImage] = useState();\n\tconst [bonusImageFile, setBonusImageFile] = useState([]);\n\tconst [popupImage, setPopupImage] = useState();\n\tconst [popupImageFile, setPopupImageFile] = useState([]);\n\tconst [bonusDepositId, setBonusDepositId] = useState(\"\");\n\tconst [editBonusImage, setEditBonusImage] = useState();\n\tconst [editBonusImageFile, setEditBonusImageFile] = useState([]);\n\tconst [editPopupImage, setEditPopupImage] = useState();\n\tconst [editPopupImageFile, setEditPopupImageFile] = useState([]);\n\tconst [bonusName, setBonusName] = useState(\"\");\n\tconst [editBonusName, setEditBonusName] = useState(\"\");\n\tlet _tableColumns = [\n\t\t{\n\t\t\tHeader: \"BONUS_NAME\",\n\t\t\taccessor: \"title\",\n\t\t\tdisableSortBy: true,\n\t\t},\n\t\t{\n\t\t\tHeader: \"LANGUAGE\",\n\t\t\taccessor: \"languageName\",\n\t\t\tdisableSortBy: true,\n\t\t},\n\t\t{\n\t\t\tHeader: \"BONUS_IMAGE\",\n\t\t\taccessor: \"bonusImage\",\n\t\t\tCell: ({ row }) => (\n\t\t\t\t\n\t\t\t\t\t{!stringIsNullOrEmpty(row.original.bonusImage) ? (\n\t\t\t\t\t\t
\n\t\t\t\t\t) : (\n\t\t\t\t\t\t - \n\t\t\t\t\t)}\n\t\t\t\t \n\t\t\t\t\t{!stringIsNullOrEmpty(row.original.popupImage) ? (\n\t\t\t\t\t\t
\n\t\t\t\t\t) : (\n\t\t\t\t\t\t - \n\t\t\t\t\t)}\n\t\t\t\t \n\t\t\t\t\t\n\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\t\t {\n\t\t\t\t\t\t\t\t\tsetEditModal(true);\n\t\t\t\t\t\t\t\t\tsetBonusDepositId(row.original.id);\n\t\t\t\t\t\t\t\t\tsetEditLanguageId(row.original.languageId);\n\t\t\t\t\t\t\t\t\tsetEditBonusImage(row.original.bonusImage);\n\t\t\t\t\t\t\t\t\tsetEditPopupImage(row.original.popupImage);\n\t\t\t\t\t\t\t\t\tsetEditBonusName(row.original.title);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{t(\"EDIT\")} \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t
\n\t\t\t),\n\t\t\tdisableSortBy: true,\n\t\t\tdisableFilters: true,\n\t\t\twidth: 100,\n\t\t\tstyle: { overflow: \"visible\" },\n\t\t},\n\t];\n\tconst onSubmit = async (data) => {\n\t\tlet params = {\n\t\t\tbonusName: bonusName,\n\t\t\tbonusDepositId: props.id,\n\t\t\tlanguageId: languageId,\n\t\t};\n\n\t\tif (!stringIsNullOrEmpty(bonusImageFile)) {\n\t\t\tparams[\"bonusImage\"] = bonusImageFile;\n\t\t}\n\n\t\tif (!stringIsNullOrEmpty(popupImageFile)) {\n\t\t\tparams[\"popupImage\"] = popupImageFile;\n\t\t}\n\n\t\tlet formBody = createMultiPartFormBody(params);\n\t\t_dispatch(setBusy());\n\n\t\tlet responseJson = await ApiEngine.post(\n\t\t\tApiUrl._API_CREATE_BONUS_DEPOSIT_LANGUAGE,\n\t\t\tformBody\n\t\t);\n\t\t_dispatch(setIdle());\n\t\t_dispatch(\n\t\t\tshowMessage(\n\t\t\t\tresponseJson[ApiKey._API_SUCCESS_KEY],\n\t\t\t\tt(responseJson[ApiKey._API_MESSAGE_KEY])\n\t\t\t)\n\t\t);\n\t\tsetIsOpen(false);\n\t\tsetLanguageId();\n\t\tsetBonusImage();\n\t\tsetPopupImage();\n\t\tsetBonusName(\"\");\n\t\tgetBonusDepositContent();\n\t};\n\tconst bonusImageDrop = (acceptedFiles) => {\n\t\tif (acceptedFiles.length !== 0) {\n\t\t\tconst file = acceptedFiles[0];\n\t\t\tsetBonusImageFile(file);\n\t\t\tconst reader = new FileReader();\n\t\t\treader.onloadend = () => {\n\t\t\t\tsetBonusImage(reader.result);\n\t\t\t};\n\t\t\treader.readAsDataURL(file);\n\t\t}\n\t};\n\n\tconst popupImageDrop = (acceptedFiles) => {\n\t\tif (acceptedFiles.length !== 0) {\n\t\t\tconst file = acceptedFiles[0];\n\t\t\tsetPopupImageFile(file);\n\t\t\tconst reader = new FileReader();\n\t\t\treader.onloadend = () => {\n\t\t\t\tsetPopupImage(reader.result);\n\t\t\t};\n\t\t\treader.readAsDataURL(file);\n\t\t}\n\t};\n\n\tconst editBonusImageDrop = (acceptedFiles) => {\n\t\tif (acceptedFiles.length !== 0) {\n\t\t\tconst file = acceptedFiles[0];\n\t\t\tsetEditBonusImageFile(file);\n\t\t\tconst reader = new FileReader();\n\t\t\treader.onloadend = () => {\n\t\t\t\tsetEditBonusImage(reader.result);\n\t\t\t};\n\t\t\treader.readAsDataURL(file);\n\t\t}\n\t};\n\n\tconst editPopupImageDrop = (acceptedFiles) => {\n\t\tif (acceptedFiles.length !== 0) {\n\t\t\tconst file = acceptedFiles[0];\n\t\t\tsetEditPopupImageFile(file);\n\t\t\tconst reader = new FileReader();\n\t\t\treader.onloadend = () => {\n\t\t\t\tsetEditPopupImage(reader.result);\n\t\t\t};\n\t\t\treader.readAsDataURL(file);\n\t\t}\n\t};\n\t/// \n\t/// Author : -\n\t/// \n\tuseEffect(() => {\n\t\tgetConfigLanguage();\n\t\tgetLanguage();\n\t\tgetPlatform();\n\t\tgetBonusDepositContent();\n\t\t/// Used to Exclude the column of table\n\t\tif (_EXCLUDE_CONTENT_TYPE.includes(props.type)) {\n\t\t\t_tableColumns.splice(1, 1);\n\t\t} else if (_EXCLUDE_TITLE_TYPE.includes(props.type)) {\n\t\t\t_tableColumns.splice(2, 1);\n\t\t}\n\t\tsetTableColumns(_tableColumns);\n\t}, []);\n\n\tasync function getLanguage() {\n\t\tawait fetch(ApiUrl._API_GET_LANGUAGE, {\n\t\t\tmethod: ApiKey._API_GET,\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t},\n\t\t})\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tconst languageList = [];\n\t\t\t\t\tresponseJson[ApiKey._API_DATA_KEY].forEach(function (language) {\n\t\t\t\t\t\tlanguageList.push({ label: language.name, value: language.id });\n\t\t\t\t\t});\n\t\t\t\t\tsetLanguageOption(languageList);\n\t\t\t\t}\n\t\t\t});\n\t}\n\tasync function getPlatform() {\n\t\tawait fetch(ApiUrl._API_GET_MARQUEE_TAG_CONTENT, {\n\t\t\tmethod: ApiKey._API_GET,\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t},\n\t\t})\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t}\n\t\t\t});\n\t}\n\t/// \n\t/// Author : -\n\t/// \n\tconst getConfigLanguage = async () => {\n\t\tawait fetch(\n\t\t\tApiUrl._API_GET_CONFIG_LANGUAGE_BY_TYPE_ID +\n\t\t\t\t\"?type=\" +\n\t\t\t\tprops.type +\n\t\t\t\t\"&id=\" +\n\t\t\t\tprops.id,\n\t\t\t{\n\t\t\t\tmethod: ApiKey._API_GET,\n\t\t\t\theaders: {\n\t\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t\t},\n\t\t\t}\n\t\t)\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tsetData(responseJson[ApiKey._API_DATA_KEY]);\n\t\t\t\t}\n\t\t\t});\n\t};\n\tasync function getBonusDepositContent() {\n\t\tvar apiUrl = ApiUrl._API_GET_BONUS_DEPOSIT_LANGUAGE;\n\t\tapiUrl += \"?id=\" + props.id;\n\t\tfetch(apiUrl, {\n\t\t\tmethod: ApiKey._API_GET,\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t},\n\t\t})\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tsetBonusDepositData(responseJson[ApiKey._API_DATA_KEY]);\n\t\t\t\t}\n\t\t\t});\n\t}\n\n\tconst editSubmit = async (data) => {\n\t\tlet params = {\n\t\t\tbonusName: editBonusName,\n\t\t\tbonusDepositId: bonusDepositId,\n\t\t\tlanguageId: editLanguageId,\n\t\t};\n\t\tif (!stringIsNullOrEmpty(editBonusImage)) {\n\t\t\tparams[\"bonusImage\"] = editBonusImage;\n\t\t}\n\n\t\tif (!stringIsNullOrEmpty(editPopupImage)) {\n\t\t\tparams[\"popupImage\"] = editPopupImage;\n\t\t}\n\n\t\tlet formBody = createMultiPartFormBody(params);\n\t\t_dispatch(setBusy());\n\n\t\tlet responseJson = await ApiEngine.post(\n\t\t\tApiUrl._API_UPDATE_BONUS_DEPOSIT_LANGUAGE,\n\t\t\tformBody\n\t\t);\n\t\t_dispatch(setIdle());\n\t\t_dispatch(\n\t\t\tshowMessage(\n\t\t\t\tresponseJson[ApiKey._API_SUCCESS_KEY],\n\t\t\t\tt(responseJson[ApiKey._API_MESSAGE_KEY])\n\t\t\t)\n\t\t);\n\t\tsetEditModal(false);\n\t\tgetBonusDepositContent();\n\t};\n\n\treturn (\n\t\t\n\t\t\t
\n\t\t\t\t {\n\t\t\t\t\t\tsetLanguageDetailModalVisibility(false);\n\t\t\t\t\t\tgetConfigLanguage();\n\t\t\t\t\t}}\n\t\t\t\t\tdataTypeId={props.id}\n\t\t\t\t\tlanguageDetailId={languageDetailId}\n\t\t\t\t\tlanguageType={props.type}\n\t\t\t\t/>\n\t\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t {\n\t\t\t\t\t\t\tsetLanguageDetailId(\"\");\n\t\t\t\t\t\t\tsetIsOpen(true);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tclassName=\"btn btn-purple\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{t(\"ADD_LANGUAGE\")}\n\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t \n\t\t\t
\n\t\t\t\t \n\t\t\t\t\t\t setIsOpen(false)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{t(\"CLOSE\")}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{t(\"SUBMIT\")}\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t);\n};\n\nexport default BonusDepositDetailLanguage;\n","import React, { useState, useEffect } from \"react\";\nimport { Panel, PanelBody } from \"../../components/panel/panel.jsx\";\nimport { useHistory } from \"react-router-dom\";\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport Select from \"react-select\";\nimport NavigationButton from \"../../components/constantComponent/button/NavigationButton\";\nimport {\n\tApiKey,\n\tApiUrl,\n\tTransactionType,\n\tPanelType,\n\tExternalUrl,\n\tLanguageKey,\n\tBankingChannel,\n\tDEFAULT_PAGE_SIZE,\n} from \"../../util/Constant\";\nimport {\n\tstringIsNullOrEmpty,\n\tcreateFormBody,\n\tcreateMultiPartFormBody,\n} from \"../../util/Util\";\nimport { useLocation } from \"react-router-dom\";\nimport { useForm } from \"react-hook-form\";\nimport { setBusy, setIdle, showMessage } from \"../../redux/AppAction\";\nimport { useDispatch } from \"react-redux\";\nimport { useTranslation } from \"react-i18next\";\nimport { fetch } from \"whatwg-fetch\";\nimport { AsyncPaginate } from \"react-select-async-paginate\";\nimport ApiEngine from \"../../util/ApiEngine\";\nimport ReactHtmlParser from \"react-html-parser\";\nimport { TabContent, TabPane, Nav, NavItem, NavLink } from \"reactstrap\";\nimport PinInput from \"react-pin-input\";\nimport classnames from \"classnames\";\n\nimport { Modal, ModalHeader, ModalBody } from \"reactstrap\";\n\nimport moment from \"moment\";\nimport Dropzone from \"react-dropzone\";\nimport BonusDepositDetailLanguage from \"./BonusDepositDetailLanguage.js\";\n/*import { setBusy, setIdle, showResponseMessage } from \"../../redux/AppAction\";*/\n\n/// \n/// Author : -\n/// \n\nconst BonusDepositDetail = (props) => {\n\tconst _DETAIL_TAB = \"1\";\n\tconst _LANGUAGE_TAB = \"2\";\n\tconst { t } = useTranslation(LanguageKey._PRIMARY);\n\tlet _history = useHistory();\n\tconst _location = useLocation();\n\tconst _dispatch = useDispatch();\n\tconst { register, unregister, handleSubmit, errors, setValue, trigger } =\n\t\tuseForm();\n\tconst [fullScreen, setFullScreen] = useState(false);\n\tconst [showPinEntry, setShowPinEntry] = useState(false);\n\n\tconst [bonusDepositId, setBonusDepositId] = useState(\"\");\n\tconst [bonus, setBonus] = useState(0);\n\tconst [minimumDeposit, setMinimumDeposit] = useState(0);\n\tconst [rollover, setRollover] = useState(0);\n\tconst [maxBonus, setMaxBonus] = useState(0);\n\tconst [status, setStatus] = useState(false);\n\tconst [bonusName, setBonusName] = useState(\"\");\n\tconst [maxLimitPerMember, setMaxLimitPerMember] = useState(0);\n\tconst [dayLimit, setDayLimit] = useState(0);\n\tconst [bonusImage, setBonusImage] = useState();\n\tconst [bonusImageFile, setBonusImageFile] = useState([]);\n\tconst [isNewBonusImage, setIsNewBonusImage] = useState(false);\n\tconst [popupImage, setPopupImage] = useState();\n\tconst [popupImageFile, setPopupImageFile] = useState([]);\n\tconst [isNewPopupImage, setIsNewPopupImage] = useState(false);\n\tconst [enteredBonusDepositData, setEnteredBonusDepositData] = useState({});\n\tconst [enteredBonusDepositE, setEnteredBonusDepositE] = useState({});\n\tconst [activeTab, setActiveTab] = useState(_DETAIL_TAB);\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst toggle = (tab) => {\n\t\tif (activeTab !== tab) {\n\t\t\tsetActiveTab(tab);\n\t\t}\n\t};\n\t/// \n\t/// Author : -\n\t/// \n\tuseEffect(() => {\n\t\t/// For The Size Difference of Modal And Page\n\t\tif (props.id) {\n\t\t\tsetFullScreen(true);\n\t\t}\n\n\t\tinit();\n\t\tinitFormField();\n\t}, []);\n\n\t/// \n\t/// Author : -\n\t/// Editted : -\n\t/// \n\tasync function init() {\n\t\tconsole.log(_location);\n\t\t_dispatch(setBusy());\n\t\tif (_location.state) {\n\t\t\tlet stateBonusDepositId = _location.state.id;\n\t\t\tvar apiUrl = ApiUrl._API_GET_BONUS_DEPOSIT_BY_ID;\n\t\t\tapiUrl += \"?id=\" + stateBonusDepositId;\n\t\t\tfetch(apiUrl, {\n\t\t\t\tmethod: ApiKey._API_GET,\n\t\t\t\theaders: {\n\t\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t\t},\n\t\t\t})\n\t\t\t\t.then((response) => response.json())\n\t\t\t\t.then((responseJson) => {\n\t\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\t\tconsole.log(responseJson[ApiKey._API_DATA_KEY]);\n\t\t\t\t\t\tif (_location.state.id) {\n\t\t\t\t\t\t\tsetBonusDepositId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n\t\t\t\t\t\t}\n\t\t\t\t\t\tsetBonus(responseJson[ApiKey._API_DATA_KEY][\"bonus\"]);\n\t\t\t\t\t\tsetMinimumDeposit(\n\t\t\t\t\t\t\tresponseJson[ApiKey._API_DATA_KEY][\"minimumDeposit\"]\n\t\t\t\t\t\t);\n\t\t\t\t\t\tsetRollover(responseJson[ApiKey._API_DATA_KEY][\"rollover\"]);\n\t\t\t\t\t\tsetMaxBonus(responseJson[ApiKey._API_DATA_KEY][\"maxBonus\"]);\n\t\t\t\t\t\tsetStatus(responseJson[ApiKey._API_DATA_KEY][\"status\"]);\n\t\t\t\t\t\tsetBonusName(responseJson[ApiKey._API_DATA_KEY][\"bonusName\"]);\n\t\t\t\t\t\tsetMaxLimitPerMember(\n\t\t\t\t\t\t\tresponseJson[ApiKey._API_DATA_KEY][\"maxLimitPerMember\"]\n\t\t\t\t\t\t);\n\t\t\t\t\t\tsetDayLimit(responseJson[ApiKey._API_DATA_KEY][\"dayLimit\"]);\n\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t!stringIsNullOrEmpty(\n\t\t\t\t\t\t\t\tresponseJson[ApiKey._API_DATA_KEY][\"bonusImage\"]\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tsetBonusImage(responseJson[ApiKey._API_DATA_KEY][\"bonusImage\"]);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t!stringIsNullOrEmpty(\n\t\t\t\t\t\t\t\tresponseJson[ApiKey._API_DATA_KEY][\"popupImage\"]\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tsetPopupImage(responseJson[ApiKey._API_DATA_KEY][\"popupImage\"]);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t}\n\n\t\t_dispatch(setIdle());\n\t}\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst initFormField = () => {\n\t\tsetBonus(\"\");\n\t\tsetMinimumDeposit(\"\");\n\t\tsetRollover(\"\");\n\t\tsetMaxBonus(\"\");\n\t\tsetBonusName(\"\");\n\t\tsetMaxLimitPerMember(\"\");\n\t\tsetDayLimit(\"\");\n\t};\n\n\t/// \n\t/// Author : -\n\t/// Used to set bonus image\n\t/// \n\tconst bonusImageDrop = (acceptedFiles) => {\n\t\tif (acceptedFiles.length !== 0) {\n\t\t\tconst file = acceptedFiles[0];\n\t\t\tsetBonusImageFile(file);\n\t\t\tconst reader = new FileReader();\n\t\t\treader.onloadend = () => {\n\t\t\t\tsetBonusImage(reader.result);\n\t\t\t\tsetIsNewBonusImage(true);\n\t\t\t};\n\t\t\treader.readAsDataURL(file);\n\t\t}\n\t};\n\n\t/// \n\t/// Author : -\n\t/// Used to set popup image\n\t/// \n\tconst popupImageDrop = (acceptedFiles) => {\n\t\tif (acceptedFiles.length !== 0) {\n\t\t\tconst file = acceptedFiles[0];\n\t\t\tsetPopupImageFile(file);\n\t\t\tconst reader = new FileReader();\n\t\t\treader.onloadend = () => {\n\t\t\t\tsetPopupImage(reader.result);\n\t\t\t\tsetIsNewPopupImage(true);\n\t\t\t};\n\t\t\treader.readAsDataURL(file);\n\t\t}\n\t};\n\n\t/// \n\t/// Author : -\n\t/// Editted : -\n\t/// \n\tconst submitForm = async (data, e) => {\n\t\tlet params = {\n\t\t\tbonus: data.bonus,\n\t\t\tminimumDeposit: data.minimumDeposit,\n\t\t\trollover: data.rollover,\n\t\t\tmaxBonus: data.maxBonus,\n\t\t\tstatus: data.status,\n\t\t\tbonusName: data.bonusName,\n\t\t\tmaxLimitPerMember: data.maxLimitPerMember,\n\t\t\tdayLimit: data.dayLimit,\n\t\t\tisNewBonusImage: isNewBonusImage,\n\t\t\tisNewPopupImage: isNewPopupImage,\n\t\t};\n\n\t\tif (params.bonus > 100 || params.bonus < 0) {\n\t\t\t_dispatch(showMessage(false, t(\"INVALID_BONUS_AMONUT\")));\n\t\t\treturn;\n\t\t}\n\n\t\tif (!stringIsNullOrEmpty(bonusImageFile)) {\n\t\t\tparams[\"bonusImage\"] = bonusImageFile;\n\t\t}\n\n\t\tif (!stringIsNullOrEmpty(popupImageFile)) {\n\t\t\tparams[\"popupImage\"] = popupImageFile;\n\t\t}\n\n\t\tif (stringIsNullOrEmpty(bonusImage)) {\n\t\t\tparams[\"bonusImageRemoved\"] = true;\n\t\t}\n\n\t\tif (stringIsNullOrEmpty(popupImage)) {\n\t\t\tparams[\"popupImageRemoved\"] = true;\n\t\t}\n\n\t\tif (!stringIsNullOrEmpty(bonusDepositId)) {\n\t\t\tparams[\"id\"] = bonusDepositId;\n\t\t}\n\n\t\tlet formBody = createMultiPartFormBody(params);\n\t\t_dispatch(setBusy());\n\n\t\tlet responseJson = await ApiEngine.post(\n\t\t\tApiUrl._API_CREATE_OR_UPDATE_BONUS_DEPOSIT,\n\t\t\tformBody\n\t\t);\n\n\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\te.target.reset();\n\t\t\twindow.location.reload();\n\n\t\t\tif (props.onComplete != null) {\n\t\t\t\tprops.onComplete();\n\t\t\t}\n\t\t} else {\n\t\t\tsetShowPinEntry(false);\n\t\t}\n\t\t_dispatch(setIdle());\n\t\t_dispatch(\n\t\t\tshowMessage(\n\t\t\t\tresponseJson[ApiKey._API_SUCCESS_KEY],\n\t\t\t\tt(responseJson[ApiKey._API_MESSAGE_KEY])\n\t\t\t)\n\t\t);\n\t};\n\n\tasync function onPinSubmit(data, e) {\n\t\t// verify pin\n\t\tlet params = { transactionPinNumber: data };\n\t\tlet formBody = createFormBody(params);\n\t\tlet responseJson = await ApiEngine.post(\n\t\t\tApiUrl._API_VERIFY_USER_TRANSACTION_PIN_NUMBER,\n\t\t\tformBody\n\t\t);\n\n\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\tsubmitForm(enteredBonusDepositData, enteredBonusDepositE);\n\t\t} else {\n\t\t\t_dispatch(showMessage(false, t(\"INCORRECT\") + \" \" + t(\"PIN_NUMBER\")));\n\t\t\tsetShowPinEntry(false);\n\t\t}\n\t}\n\n\tasync function checkPinValue(data, e) {\n\t\t// check if pin has 4 digits (valid pin)\n\t\t// if true then submit pin\n\t\tif (data.length == 4) {\n\t\t\tonPinSubmit(data);\n\t\t}\n\t}\n\n\tasync function onSubmit(data, e) {\n\t\tsetEnteredBonusDepositData(data);\n\t\tsetEnteredBonusDepositE(e);\n\t\tsetShowPinEntry(true);\n\t}\n\n\treturn (\n\t\t\n\t\t\t
\n\t\t\t\t{t(\"BONUS_DEPOSIT\")}\n\t\t\t\t{props.id ? (\n\t\t\t\t\t {\n\t\t\t\t\t\t\tprops.toggleModal(false);\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t \n\t\t\t{bonusDepositId && (\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\ttoggle(_DETAIL_TAB);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{t(\"DETAIL\")}\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 {\n\t\t\t\t\t\t\t\ttoggle(_LANGUAGE_TAB);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{t(\"LANGUAGE\")}\n\t\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t)}\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"SUBMIT\")}\n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t{bonusDepositId && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t \n\t\t\t\n\t\t\n\t);\n};\n\nexport default BonusDepositDetail;\n","import React, { useState, useEffect, useMemo, useCallback } from \"react\";\nimport ReactTable from \"../../components/constantComponent/reactTable/ReactTable\";\nimport {\n\tPanel,\n\tPanelHeader,\n\tPanelBody,\n} from \"./../../components/panel/panel.jsx\";\nimport { useHistory } from \"react-router-dom\";\nimport {\n\tUncontrolledButtonDropdown,\n\tDropdownToggle,\n\tDropdownMenu,\n\tDropdownItem,\n\tModal,\n\tModalBody,\n\tModalFooter,\n\tModalHeader,\n} from \"reactstrap\";\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport Select from \"react-select\";\nimport DateRangePicker from \"react-bootstrap-daterangepicker\";\nimport moment from \"moment\";\nimport { navigateTo } from \"../../util/Util\";\nimport {\n\tApiKey,\n\tApiUrl,\n\tWebUrl,\n\tAccessRight,\n\tTransactionType,\n\tTransactionStatus,\n\tPanelType,\n\tLanguageKey,\n\tBankingChannelName,\n\tDEFAULT_PAGE_SIZE,\n} from \"../../util/Constant\";\nimport { setBusy, setIdle, showMessage } from \"../../redux/AppAction\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport {\n\tstringIsNullOrEmpty,\n\tcreateFormBody,\n\tnumberWithCurrencyFormat,\n} from \"../../util/Util\";\nimport { useForm } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\nimport ApiEngine from \"../../util/ApiEngine\";\nimport { AsyncPaginate } from \"react-select-async-paginate\";\nimport SweetAlert from \"react-bootstrap-sweetalert\";\n\nconst PlayerReconciliation = (props) => {\n\tconst { t } = useTranslation(LanguageKey._PRIMARY);\n\tlet _history = useHistory();\n\tconst _dispatch = useDispatch();\n\tconst [startDate, setStartDate] = useState(\n\t\tmoment().startOf(\"day\").format(\"YYYY-MM-DD HH:mm:ss\")\n\t);\n\tconst [endDate, setEndDate] = useState(\n\t\tmoment().endOf(\"day\").format(\"YYYY-MM-DD HH:mm:ss\")\n\t);\n\tconst _SELECTED_USERNAME_KEY = \"selectedUsernameKey\";\n\tconst [reportData, setReportData] = useState([]);\n\tconst [labelUsername, setLabelUsername] = useState(\"All\");\n\tconst [username, setUsername] = useState(\"\");\n\n\tconst handleEvent = (event, picker) => {\n\t\tsetStartDate(moment(picker.startDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n\t\tsetEndDate(moment(picker.endDate).format(\"YYYY-MM-DD HH:mm:ss\"));\n\t};\n\n\tconst getSummaryTransaction = async () => {\n\t\ttry {\n\t\t\tvar apiUrl =\n\t\t\t\tApiUrl._API_GET_PLAYER_RECONCILIATION +\n\t\t\t\t\"?startDate=\" +\n\t\t\t\tstartDate +\n\t\t\t\t\"&endDate=\" +\n\t\t\t\tendDate;\n\n\t\t\tapiUrl += \"&username=\" + username;\n\n\t\t\tvar responseJson = await ApiEngine.get(apiUrl);\n\n\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\tsetReportData(responseJson[ApiKey._API_DATA_KEY]);\n\t\t\t} else {\n\t\t\t\tthrow responseJson[ApiKey._API_MESSAGE_KEY];\n\t\t\t}\n\t\t} catch (error) {\n\t\t\t_dispatch(showMessage(false, t(error)));\n\t\t}\n\t};\n\n\tasync function getMemberList(search, loadOptions, { page }) {\n\t\tvar responseJson = await ApiEngine.get(\n\t\t\t`${ApiUrl._API_GET_USER_MEMBER_LIST}?&start=${\n\t\t\t\t(page - 1) * DEFAULT_PAGE_SIZE\n\t\t\t}&count=${DEFAULT_PAGE_SIZE}&keyword=${search}`\n\t\t);\n\n\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\tlet data = responseJson[ApiKey._API_DATA_KEY][\"data\"];\n\t\t\tlet formattedData = data.map((m) => {\n\t\t\t\treturn { label: m.username, value: m.username };\n\t\t\t});\n\t\t\tformattedData.unshift({ label: \"All\", value: \"\" });\n\n\t\t\treturn {\n\t\t\t\toptions: formattedData,\n\t\t\t\thasMore: formattedData.length == DEFAULT_PAGE_SIZE,\n\t\t\t\tadditional: {\n\t\t\t\t\tpage: page + 1,\n\t\t\t\t},\n\t\t\t};\n\t\t}\n\t}\n\n\tlet _tableColumns = [\n\t\t{\n\t\t\tHeader: t(\"USERNAME\"),\n\t\t\taccessor: \"username\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn <>{t(row.original.username)};\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t\tFooter: () => {\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{t(\"TOTAL\")}: \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\n\t\t{\n\t\t\tHeader: t(\"TOTAL_DEPOSIT\"),\n\t\t\taccessor: \"deposit\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>{numberWithCurrencyFormat(parseFloat(row.original.deposit))}\n\t\t\t\t);\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t\tFooter: ({ page }) => {\n\t\t\t\tconst debitSum = page.reduce((sum, currentValue) => {\n\t\t\t\t\tif (currentValue.original.deposit) {\n\t\t\t\t\t\treturn sum + parseFloat(currentValue.original.deposit);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn sum;\n\t\t\t\t\t}\n\t\t\t\t}, 0);\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{numberWithCurrencyFormat(parseFloat(debitSum))} \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"TOTAL_WITHDRAWAL\"),\n\t\t\taccessor: \"withdrawal\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>{numberWithCurrencyFormat(parseFloat(row.original.withdrawal))}\n\t\t\t\t);\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t\tFooter: ({ page }) => {\n\t\t\t\tconst debitSum = page.reduce((sum, currentValue) => {\n\t\t\t\t\tif (currentValue.original.withdrawal) {\n\t\t\t\t\t\treturn sum + parseFloat(currentValue.original.withdrawal);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn sum;\n\t\t\t\t\t}\n\t\t\t\t}, 0);\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{numberWithCurrencyFormat(parseFloat(debitSum))} \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"TOTAL_BONUSES\"),\n\t\t\taccessor: \"bonuses\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>{numberWithCurrencyFormat(parseFloat(row.original.bonuses))}\n\t\t\t\t);\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t\tFooter: ({ page }) => {\n\t\t\t\tconst debitSum = page.reduce((sum, currentValue) => {\n\t\t\t\t\tif (currentValue.original.bonuses) {\n\t\t\t\t\t\treturn sum + parseFloat(currentValue.original.bonuses);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn sum;\n\t\t\t\t\t}\n\t\t\t\t}, 0);\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{numberWithCurrencyFormat(parseFloat(debitSum))} \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"TOTAL_COMMISSION\"),\n\t\t\taccessor: \"commission\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>{numberWithCurrencyFormat(parseFloat(row.original.commission), 3)}\n\t\t\t\t);\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t\tFooter: ({ page }) => {\n\t\t\t\tconst debitSum = page.reduce((sum, currentValue) => {\n\t\t\t\t\tif (currentValue.original.commission) {\n\t\t\t\t\t\treturn sum + parseFloat(currentValue.original.commission);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn sum;\n\t\t\t\t\t}\n\t\t\t\t}, 0);\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{numberWithCurrencyFormat(parseFloat(debitSum), 3)} \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"TOTAL_VALID_TURNOVER\"),\n\t\t\taccessor: \"validTurnover\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>{numberWithCurrencyFormat(parseFloat(row.original.validTurnover))}\n\t\t\t\t);\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t\tFooter: ({ page }) => {\n\t\t\t\tconst debitSum = page.reduce((sum, currentValue) => {\n\t\t\t\t\tif (currentValue.original.validTurnover) {\n\t\t\t\t\t\treturn sum + parseFloat(currentValue.original.validTurnover);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn sum;\n\t\t\t\t\t}\n\t\t\t\t}, 0);\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{numberWithCurrencyFormat(parseFloat(debitSum))} \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"TOTAL_WIN_AMOUNT\"),\n\t\t\taccessor: \"winAmount\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>{numberWithCurrencyFormat(parseFloat(row.original.winAmount))}\n\t\t\t\t);\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t\tFooter: ({ page }) => {\n\t\t\t\tconst debitSum = page.reduce((sum, currentValue) => {\n\t\t\t\t\tif (currentValue.original.winAmount) {\n\t\t\t\t\t\treturn sum + parseFloat(currentValue.original.winAmount);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn sum;\n\t\t\t\t\t}\n\t\t\t\t}, 0);\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{numberWithCurrencyFormat(parseFloat(debitSum))} \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"TOTAL_LOSS\"),\n\t\t\taccessor: \"totalLoss\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>{numberWithCurrencyFormat(parseFloat(row.original.totalLoss))}\n\t\t\t\t);\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t\tFooter: ({ page }) => {\n\t\t\t\tconst debitSum = page.reduce((sum, currentValue) => {\n\t\t\t\t\tif (currentValue.original.totalLoss) {\n\t\t\t\t\t\treturn sum + parseFloat(currentValue.original.totalLoss);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn sum;\n\t\t\t\t\t}\n\t\t\t\t}, 0);\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{numberWithCurrencyFormat(parseFloat(debitSum))} \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"TOTAL_WINLOSE\"),\n\t\t\taccessor: \"totalWinLose\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>{numberWithCurrencyFormat(parseFloat(row.original.totalWinLose))}\n\t\t\t\t);\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t\tFooter: ({ page }) => {\n\t\t\t\tconst debitSum = page.reduce((sum, currentValue) => {\n\t\t\t\t\tif (currentValue.original.totalWinLose) {\n\t\t\t\t\t\treturn sum + parseFloat(currentValue.original.totalWinLose);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn sum;\n\t\t\t\t\t}\n\t\t\t\t}, 0);\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{numberWithCurrencyFormat(parseFloat(debitSum))} \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t\n\t\t{\n\t\t\tHeader: t(\"LAST_LOGIN\"),\n\t\t\taccessor: \"lastLogin\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn <>{moment(row.original.lastLogin).format('YYYY-MM-DD HH:mm:ss')};\n\t\t\t},\n\t\t\tminWidth: 100,\n\t\t},\n\t];\n\n\treturn (\n\t\t\n\t\t\t
{t(\"PLAYER_RECONCILIATION\")} \n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\tif (!stringIsNullOrEmpty(e.value)) {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsessionStorage.setItem(_SELECTED_USERNAME_KEY, e.value);\n\t\t\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsessionStorage.removeItem(_SELECTED_USERNAME_KEY);\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tsetLabelUsername(e.label);\n\t\t\t\t\t\t\t\t\t\t\t\tsetUsername(e.value);\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\tgetSummaryTransaction();\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tclassName=\"btn btn-primary\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{t(\"SEARCH\")}\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/// Author : -\n/// \n\nconst ManageChatSphere = (props) => {\n let _history = useHistory();\n const { t } = useTranslation(LanguageKey._PRIMARY);\n const [chatSphereList, setChatSphereList] = useState([]);\n\n let _tableColumns = [\n {\n Header: \"ACTION\",\n accessor: \"actions\",\n disableSortBy: true,\n },\n {\n Header: \"PLATFORM\",\n accessor: \"platform\",\n disableSortBy: true,\n },\n {\n Header: \"STATUS\",\n accessor: \"status\",\n Cell: ({ row }) => (\n \n {row.original.status == 1 ? (\n \n {t(\"ACTIVE\")}\n \n ) : (\n \n {t(\"SUSPENDED\")}\n \n )}\n
\n ),\n disableSortBy: true,\n style: { overflow: \"visible\" },\n },\n\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) =>\n checkIfPermissionExist(\n AccessRight._CONTENT_SETTING_PERMISSION,\n true\n ) && (\n \n \n \n \n \n {\n navigateTo(\n _history,\n WebUrl._URL_MANAGE_CAHE_SPHERE_CONTENT_DETAIL,\n row.original\n );\n }}\n >\n {t(\"EDIT\")} \n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n width: 100,\n style: { overflow: \"visible\" },\n },\n ];\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n fetch(ApiUrl._API_GET_CHAT_SPHERE , {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setChatSphereList(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n }, []);\n\n return (\n \n
\n {t(\"MANAGE_CHAT_SPHERE\")}\n {checkIfPermissionExist(\n AccessRight._CHAT_SPHERE_PERMISSION,\n true\n ) && (\n \n
\n \n \n \n
\n/// Author : -\n/// \n\nconst ManageChatSphereType = (props) => {\n let _history = useHistory();\n const { t } = useTranslation(LanguageKey._PRIMARY);\n const [chatSphereTypeList, setChatSphereTypeList] = useState([]);\n\n let _tableColumns = [\n {\n Header: \"Action\",\n accessor: \"name\",\n disableSortBy: true,\n },\n {\n Header: \"Channel\",\n accessor: \"channel\",\n disableSortBy: true,\n },\n {\n Header: \"STATUS\",\n accessor: \"status\",\n Cell: ({ row }) => (\n \n {row.original.status == 1 ? (\n \n {t(\"ACTIVE\")}\n \n ) : (\n \n {t(\"SUSPENDED\")}\n \n )}\n
\n ),\n disableSortBy: true,\n style: { overflow: \"visible\" },\n },\n\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) =>\n checkIfPermissionExist(\n AccessRight._CHAT_SPHERE_TYPE_PERMISSION,\n true\n ) && (\n \n \n \n \n \n {\n navigateTo(\n _history,\n WebUrl._URL_CHAT_SPHERE_TYPE_DETAIL,\n row.original\n );\n }}\n >\n {t(\"EDIT\")} \n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n width: 100,\n style: { overflow: \"visible\" },\n },\n ];\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n fetch(ApiUrl._API_GET_CHAT_SPHERE_TYPE , {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setChatSphereTypeList(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n }, []);\n\n return (\n \n
\n {t(\"MANAGE_CHAT_SPHERE_ACTION_TYPE\")}\n {checkIfPermissionExist(\n AccessRight._CHAT_SPHERE_TYPE_PERMISSION,\n true\n ) && (\n \n
\n \n \n \n
\n/// Author : -\n/// \n\nconst BannerDetail = (props) => {\n const _DETAIL_TAB = \"1\";\n const _LANGUAGE_TAB = \"2\";\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const _location = useLocation();\n const _dispatch = useDispatch();\n\n const {\n register,\n unregister,\n handleSubmit,\n errors,\n setError,\n control,\n setValue,\n } = useForm();\n\n const [bannerId, setBannerId] = useState(\"\");\n\n const [chatSphereTypeId, setChatSphereTypeId] = useState(\"\")\n const [channel, setChannel] = useState(\"\");\n const [status, setStatus] = useState(false);\n const [action, setAction] = useState(\"\");\n const [channelList, setChannelList] = useState([]);\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n init();\n }, []);\n\n const [activeTab, setActiveTab] = useState(_DETAIL_TAB);\n\n /// \n /// Author : -\n /// \n const toggle = (tab) => {\n if (activeTab !== tab) setActiveTab(tab);\n };\n\n /// \n /// Author : -\n /// \n async function init() {\n if (_location.state) {\n var apiUrl = ApiUrl._API_GET_CHAT_SPHERE_TYPE_BY_ID;\n let stateId = _location.state.id || _location.state.refId;\n apiUrl += \"?id=\" + stateId;\n await fetch(apiUrl, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then(async (responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n if (_location.state.id) {\n setChatSphereTypeId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n } else if (_location.state.refId) {\n setBannerId(_location.state.refId);\n }\n\n setAction(responseJson[ApiKey._API_DATA_KEY][\"name\"])\n setChannel(responseJson[ApiKey._API_DATA_KEY][\"channelId\"]);\n setStatus(responseJson[ApiKey._API_DATA_KEY][\"status\"]);\n\n\n\n unregister(\"content\");\n }\n });\n }\n\n await fetch(ApiUrl._API_GET_CHAT_SPHERE_CHANNEL, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n const channelList = [\n { label: AllVipOption._LABEL, value: AllVipOption._VALUE },\n ];\n responseJson[ApiKey._API_DATA_KEY].forEach(function (channel) {\n channelList.push({ label: channel.name, value: channel.id });\n });\n\n setChannelList(channelList);\n }\n });\n }\n\n /// \n /// Author : -\n /// \n const submitForm = async (data, e) => {\n let params = {\n name: data.action,\n chatSphereChannelId: data.channel,\n status: data.status\n };\n\n if (!stringIsNullOrEmpty(chatSphereTypeId)) {\n params[\"id\"] = chatSphereTypeId;\n }\n\n let formBody = createMultiPartFormBody(params);\n _dispatch(setBusy());\n\n fetch(ApiUrl._API_CREATE_OR_UPDATE_CHAT_SPHERE_TYPE, {\n method: ApiKey._API_POST,\n headers: {\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n body: formBody,\n })\n .then((response) => response.json())\n .then((responseJson) => {\n _dispatch(setIdle());\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setChatSphereTypeId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n\n _history.replace({\n pathname: _location.pathname,\n state: {\n id: responseJson[ApiKey._API_DATA_KEY][\"id\"],\n },\n });\n }\n });\n };\n\n return (\n \n
\n {chatSphereTypeId ? t(\"EDIT_CHAT_SPHERE_ACTION_TYPE\") : t(\"ADD_CHAT_SPHERE_ACTION_TYPE\")}\n \n {chatSphereTypeId && (\n
\n \n {\n toggle(_DETAIL_TAB);\n }}\n >\n {t(\"DETAIL\")}\n \n \n \n )}\n
\n \n \n \n \n
\n/// Author : -\n/// \nconst ManageChatSphereContentLanguage = (props) => {\n\tconst { handleSubmit, errors, register, content, setValue, clearErrors } =\n\t\tuseForm();\n\tconst { t } = useTranslation(LanguageKey._PRIMARY);\n\tconst [data, setData] = useState([]);\n\tconst _dispatch = useDispatch();\n\tconst [languageDetailModalVisibility, setLanguageDetailModalVisibility] =\n\t\tuseState(false);\n\n\tconst _EXCLUDE_TITLE_TYPE = [\n\t\tContentTypeString._VIP_BENEFIT_CONTENT,\n\t\tContentTypeString._VIP_CRITERIA,\n\t];\n\tconst _EXCLUDE_CONTENT_TYPE = [\n\t\tContentTypeString._VIP_BENEFIT,\n\t\tContentTypeString._PRODUCT_CATEGORY,\n\t];\n\tconst [isOpen, setIsOpen] = useState(false);\n\tconst [languageDetailId, setLanguageDetailId] = useState(\"\");\n\tconst [tableColumns, setTableColumns] = useState([]);\n\tconst [text, setText] = useState(\"\");\n\tconst [languageOption, setLanguageOption] = useState([]);\n\tconst [languageId, setLanguageId] = useState(\"\");\n\tconst [chatSphereContentData, setChatSphereContentData] = useState([]);\n\tconst [editModal, setEditModal] = useState(false);\n\tconst [chatSpereContentId, setChatSpereContentId] = useState(\"\");\n\tconst [editLanguageId, setEditLanguageId] = useState(\"\");\n\tconst [chatSphereLanguageId, setChatSphereLanguageId] = useState(\"\");\n\tconst [editContent, setEditContent] = useState(\"\");\n\n\tlet _tableColumns = [\n\t\t{\n\t\t\tHeader: \"LANGUAGE\",\n\t\t\taccessor: \"languageName\",\n\t\t\tdisableSortBy: true,\n\t\t},\n\t\t{\n\t\t\tHeader: \"CONTENT\",\n\t\t\taccessor: \"content\",\n\t\t\tdisableSortBy: true,\n\t\t},\n\t\t{\n\t\t\tid: \"action\",\n\t\t\tHeader: \"\",\n\t\t\tCell: ({ row }) => (\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\tsetEditModal(true);\n\t\t\t\t\t\t\t\t\tsetChatSphereLanguageId(row.original.id);\n\t\t\t\t\t\t\t\t\tsetChatSpereContentId(row.original.dcItemId);\n\t\t\t\t\t\t\t\t\tsetEditLanguageId(row.original.languageId);\n\t\t\t\t\t\t\t\t\tsetEditContent(row.original.content);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{t(\"EDIT\")} \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t
\n\t\t\t),\n\t\t\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\tconst onSubmit = async (data) => {\n\t\tlet params = {\n\t\t\tdataId: props.id,\n\t\t\tlanguageId: languageId,\n\t\t\tcontent: data.text,\n\t\t};\n\n\t\tconsole.log(params);\n\t\tlet responseJson = await ApiEngine.post(\n\t\t\tApiUrl._API_CREATE_CHAT_SPHERE_CONTENT_LANGUAGE,\n\t\t\tcreateFormBody(params)\n\t\t);\n\t\t_dispatch(\n\t\t\tshowMessage(\n\t\t\t\tresponseJson[ApiKey._API_SUCCESS_KEY],\n\t\t\t\tt(responseJson[ApiKey._API_MESSAGE_KEY])\n\t\t\t)\n\t\t);\n\t\tsetIsOpen(false);\n\t\tgetChatSphereLanguage();\n\t};\n\t/// \n\t/// Author : -\n\t/// \n\tuseEffect(() => {\n\t\tgetConfigLanguage();\n\t\tgetLanguage();\n\t\tgetChatSphereLanguage();\n\t\t/// Used to Exclude the column of table\n\t\tif (_EXCLUDE_CONTENT_TYPE.includes(props.type)) {\n\t\t\t_tableColumns.splice(1, 1);\n\t\t} else if (_EXCLUDE_TITLE_TYPE.includes(props.type)) {\n\t\t\t_tableColumns.splice(2, 1);\n\t\t}\n\t\tsetTableColumns(_tableColumns);\n\t}, []);\n\n\tasync function getLanguage() {\n\t\tawait fetch(ApiUrl._API_GET_LANGUAGE, {\n\t\t\tmethod: ApiKey._API_GET,\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t},\n\t\t})\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tconst languageList = [];\n\t\t\t\t\tresponseJson[ApiKey._API_DATA_KEY].forEach(function (language) {\n\t\t\t\t\t\tlanguageList.push({ label: language.name, value: language.id });\n\t\t\t\t\t});\n\t\t\t\t\tsetLanguageOption(languageList);\n\t\t\t\t}\n\t\t\t});\n\t}\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst getConfigLanguage = async () => {\n\t\tawait fetch(\n\t\t\tApiUrl._API_GET_CONFIG_LANGUAGE_BY_TYPE_ID +\n\t\t\t\"?type=\" +\n\t\t\tprops.type +\n\t\t\t\"&id=\" +\n\t\t\tprops.id,\n\t\t\t{\n\t\t\t\tmethod: ApiKey._API_GET,\n\t\t\t\theaders: {\n\t\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t\t},\n\t\t\t}\n\t\t)\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tsetData(responseJson[ApiKey._API_DATA_KEY]);\n\t\t\t\t}\n\t\t\t});\n\t};\n\n\tasync function getChatSphereLanguage() {\n\t\tvar apiUrl = ApiUrl._API_GET_CHAT_SPHERE_CONTENT_LANGUAGE;\n\t\tapiUrl += \"?id=\" + props.id;\n\t\tfetch(apiUrl, {\n\t\t\tmethod: ApiKey._API_GET,\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t},\n\t\t})\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tsetChatSphereContentData(responseJson[ApiKey._API_DATA_KEY]);\n\t\t\t\t}\n\t\t\t});\n\t}\n\n\tconst editSubmit = async (data) => {\n\t\tlet params = {\n\t\t\tid: chatSphereLanguageId,\n\t\t\tdataId: props.id,\n\t\t\tlanguageId: editLanguageId,\n\t\t\tcontent: data.text,\n\t\t};\n\n\t\tconsole.log(params);\n\t\tlet responseJson = await ApiEngine.post(\n\t\t\tApiUrl._API_UPDATE_CHAT_SPHERE_CONTENT_LANGUAGE,\n\t\t\tcreateFormBody(params)\n\t\t);\n\t\t_dispatch(\n\t\t\tshowMessage(\n\t\t\t\tresponseJson[ApiKey._API_SUCCESS_KEY],\n\t\t\t\tt(responseJson[ApiKey._API_MESSAGE_KEY])\n\t\t\t)\n\t\t);\n\n\t\tsetEditModal(false);\n\t\tgetChatSphereLanguage();\n\t};\n\n\treturn (\n\t\t\n\t\t\t
\n\t\t\t\t {\n\t\t\t\t\t\tsetLanguageDetailModalVisibility(false);\n\t\t\t\t\t\tgetConfigLanguage();\n\t\t\t\t\t}}\n\t\t\t\t\tdataTypeId={props.id}\n\t\t\t\t\tlanguageDetailId={languageDetailId}\n\t\t\t\t\tlanguageType={props.type}\n\t\t\t\t/>\n\t\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t {\n\t\t\t\t\t\t\tsetLanguageDetailId(\"\");\n\t\t\t\t\t\t\tsetIsOpen(true);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tclassName=\"btn btn-purple\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{t(\"ADD_LANGUAGE\")}\n\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t \n\t\t\t
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t \n/// Author : -\n/// \n\nconst ContentDetail = (props) => {\n\tconst _DETAIL_TAB = \"1\";\n\tconst _LANGUAGE_TAB = \"2\";\n\tconst { t } = useTranslation(LanguageKey._PRIMARY);\n\tlet _history = useHistory();\n\tconst _location = useLocation();\n\tconst _dispatch = useDispatch();\n\tconst { register, unregister, handleSubmit, errors, control, setValue } = useForm();\n\tconst [contentId, setContentId] = useState(\"\");\n\tconst [content, setContent] = useState(\"\");\n\tconst [status, setStatus] = useState(true);\n\tconst [activeTab, setActiveTab] = useState(_DETAIL_TAB);\n\tconst [chatSphereTypeList, setChatSphereTypeList] = useState([]);\n\tconst [selectedChatSphereType, setSelectedChatSphereType] = useState(\"\");\n\tconst [chatSpherePhoneNumberList, setChatSpherePhoneNumberList] = useState([]);\n\tconst [selectedPhoneNumber, setSelectedPhoneNumber] = useState(\"\");\n\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst toggle = (tab) => {\n\t\tif (activeTab !== tab) {\n\t\t\tsetActiveTab(tab);\n\t\t}\n\t};\n\n\t/// \n\t/// Author : -\n\t/// \n\tuseEffect(() => {\n\t\tregister({ name: \"content\" }, { required: \"PLEASE_ENTER_CONTENT\" });\n\t\tinit();\n\t}, []);\n\n\t/// \n\t/// Author : -\n\t/// \n\tasync function init() {\n\t\tif (_location.state) {\n\t\t\tvar apiUrl = ApiUrl._API_GET_CHAT_SPHERE_BY_ID;\n\t\t\tapiUrl += \"?id=\" + _location.state.id;\n\t\t\tawait fetch(apiUrl, {\n\t\t\t\tmethod: ApiKey._API_GET,\n\t\t\t\theaders: {\n\t\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t\t},\n\t\t\t})\n\t\t\t\t.then((response) => response.json())\n\t\t\t\t.then((responseJson) => {\n\t\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\t\tsetContentId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n\t\t\t\t\t\tsetSelectedChatSphereType(responseJson[ApiKey._API_DATA_KEY][\"chatSphereActionTypeId\"])\n\t\t\t\t\t\tsetContent(responseJson[ApiKey._API_DATA_KEY][\"content\"]);\n\t\t\t\t\t\tsetStatus(responseJson[ApiKey._API_DATA_KEY][\"status\"]);\n\t\t\t\t\t\tsetSelectedPhoneNumber(responseJson[ApiKey._API_DATA_KEY][\"phoneNumberId\"])\n\t\t\t\t\t\tunregister(\"content\");\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t}\n\t}\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst submitForm = async (data, e) => {\n\t\tlet params = {\n\t\t\tchatSphereTypeActionId: data.selectedChatSphereType,\n\t\t\tstatus: data.status,\n\t\t\tcontent: content,\n\t\t\tchatSpherePhoneNumberId: selectedPhoneNumber\n\t\t};\n\n\t\tif (!stringIsNullOrEmpty(contentId)) {\n\t\t\tparams[\"id\"] = contentId;\n\t\t}\n\n\t\tlet formBody = createFormBody(params);\n\t\t_dispatch(setBusy());\n\n\t\tfetch(ApiUrl._API_CREATE_OR_UPDATE_CHAT_SPHERE_CONTENT, {\n\t\t\tmethod: ApiKey._API_POST,\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t},\n\t\t\tbody: formBody,\n\t\t})\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\t_dispatch(setIdle());\n\t\t\t\t_dispatch(\n\t\t\t\t\tshowMessage(\n\t\t\t\t\t\tresponseJson[ApiKey._API_SUCCESS_KEY],\n\t\t\t\t\t\tt(responseJson[ApiKey._API_MESSAGE_KEY])\n\t\t\t\t\t)\n\t\t\t\t);\n\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tsetContentId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n\t\t\t\t}\n\t\t\t});\n\t};\n\n\tuseEffect(() => {\n\t\tfetch(ApiUrl._API_GET_CHAT_SPHERE_TYPE, {\n\t\t\tmethod: ApiKey._API_GET,\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t},\n\t\t})\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tconst channelList = [\n\t\t\t\t\t];\n\t\t\t\t\tresponseJson[ApiKey._API_DATA_KEY].forEach(function (channel) {\n\t\t\t\t\t\tchannelList.push({ label: channel.name + \", \" + channel.channel, value: channel.id });\n\t\t\t\t\t});\n\n\t\t\t\t\tsetChatSphereTypeList(channelList);\n\t\t\t\t}\n\t\t\t});\n\t}, []);\n\n\tuseEffect(() => {\n\t\tfetch(ApiUrl._API_GET_CHAT_SPHERE_PHONE_NUMBER, {\n\t\t\tmethod: ApiKey._API_GET,\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t},\n\t\t})\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tconst phoneList = [\n\t\t\t\t\t];\n\t\t\t\t\tresponseJson[ApiKey._API_DATA_KEY].forEach(function (phone) {\n\t\t\t\t\t\tphoneList.push({ label: phone.phoneNumber, value: phone.id });\n\t\t\t\t\t});\n\n\t\t\t\t\tsetChatSpherePhoneNumberList(phoneList);\n\t\t\t\t}\n\t\t\t});\n\t}, []);\n\n\treturn (\n\t\t\n\t\t\t
\n\t\t\t\t{contentId ? t(\"EDIT_CHAT_SPHERE_CONTENT\") : t(\"ADD_CHAT_SPHERE_CONTENT\")}\n\t\t\t\t \n\t\t\t{contentId && (\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\ttoggle(_DETAIL_TAB);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{t(\"DETAIL\")}\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 {\n\t\t\t\t\t\t\t\ttoggle(_LANGUAGE_TAB);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{t(\"LANGUAGE\")}\n\t\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t)}\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\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 \n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t{contentId && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t \n\t\t
\n/// Author : -\n/// \n\nconst ManageChatSpherePhoneNumber = (props) => {\n let _history = useHistory();\n const { t } = useTranslation(LanguageKey._PRIMARY);\n const [chatSpherePhoneNumberList, setChatSpherePhoneNumberList] = useState([]);\n\n let _tableColumns = [\n {\n Header: \"PHONE_NUMBER\",\n accessor: \"phoneNumber\",\n disableSortBy: true,\n },\n {\n Header: \"STATUS\",\n accessor: \"status\",\n Cell: ({ row }) => (\n \n {row.original.status == 1 ? (\n \n {t(\"ACTIVE\")}\n \n ) : (\n \n {t(\"SUSPENDED\")}\n \n )}\n
\n ),\n disableSortBy: true,\n style: { overflow: \"visible\" },\n },\n\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) =>\n checkIfPermissionExist(\n AccessRight._CHAT_SPHERE_PHONE_NUMBER_PERMISSION,\n true\n ) && (\n \n \n \n \n \n {\n navigateTo(\n _history,\n WebUrl._URL_CHAT_SPHERE_PHONE_NUMBER_DETAIL,\n row.original\n );\n }}\n >\n {t(\"EDIT\")} \n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n width: 100,\n style: { overflow: \"visible\" },\n },\n ];\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n fetch(ApiUrl._API_GET_CHAT_SPHERE_PHONE_NUMBER, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setChatSpherePhoneNumberList(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n }, []);\n\n return (\n \n
\n {t(\"MANAGE_CHAT_SPHERE_PHONE_NUMBER\")}\n {checkIfPermissionExist(\n AccessRight._CHAT_SPHERE_PHONE_NUMBER_PERMISSION,\n true\n ) && (\n \n
\n \n \n \n
\n/// Author : -\n/// \n\nconst BannerDetail = (props) => {\n const _DETAIL_TAB = \"1\";\n const _LANGUAGE_TAB = \"2\";\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const _location = useLocation();\n const _dispatch = useDispatch();\n\n const {\n register,\n unregister,\n handleSubmit,\n errors,\n setError,\n control,\n setValue,\n } = useForm();\n\n const [bannerId, setBannerId] = useState(\"\");\n\n const [chatSpherePhoneId, setChatSpherePhoneId] = useState(\"\")\n const [status, setStatus] = useState(false);\n\n const [phoneNumber, setPhoneNumber] = useState(\"\");\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n init();\n }, []);\n\n const [activeTab, setActiveTab] = useState(_DETAIL_TAB);\n\n /// \n /// Author : -\n /// \n const toggle = (tab) => {\n if (activeTab !== tab) setActiveTab(tab);\n };\n\n /// \n /// Author : -\n /// \n async function init() {\n if (_location.state) {\n var apiUrl = ApiUrl._API_GET_CHAT_SPHERE_PHONE_NUMBER_BY_ID;\n let stateId = _location.state.id || _location.state.refId;\n apiUrl += \"?id=\" + stateId;\n await fetch(apiUrl, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then(async (responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n if (_location.state.id) {\n setChatSpherePhoneId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n } else if (_location.state.refId) {\n setBannerId(_location.state.refId);\n }\n\n setPhoneNumber(responseJson[ApiKey._API_DATA_KEY][\"phoneNumber\"]);\n setStatus(responseJson[ApiKey._API_DATA_KEY][\"status\"]);\n\n\n\n unregister(\"content\");\n }\n });\n }\n }\n\n /// \n /// Author : -\n /// \n const submitForm = async (data, e) => {\n let params = {\n phoneNumber: data.phoneNumber,\n status: data.status\n };\n\n if (!stringIsNullOrEmpty(chatSpherePhoneId)) {\n params[\"id\"] = chatSpherePhoneId;\n }\n\n let formBody = createMultiPartFormBody(params);\n _dispatch(setBusy());\n\n fetch(ApiUrl._API_CREATE_OR_UPDATE_CHAT_SPHERE_PHONE_NUMBER, {\n method: ApiKey._API_POST,\n headers: {\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n body: formBody,\n })\n .then((response) => response.json())\n .then((responseJson) => {\n _dispatch(setIdle());\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setChatSpherePhoneId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n\n _history.replace({\n pathname: _location.pathname,\n state: {\n id: responseJson[ApiKey._API_DATA_KEY][\"id\"],\n },\n });\n }\n });\n };\n\n\n return (\n \n
\n {chatSpherePhoneId ? t(\"EDIT_CHAT_SPHERE_PHONE_NUMBER\") : t(\"ADD_CHAT_SPHERE_PHONE_NUMBER\")}\n \n {chatSpherePhoneId && (\n
\n \n {\n toggle(_DETAIL_TAB);\n }}\n >\n {t(\"DETAIL\")}\n \n \n \n )}\n
\n \n \n \n \n
\n/// Author : -\n/// \n\nconst BonusTracking = (props) => {\n let _history = useHistory();\n\tconst { register, handleSubmit, errors, setValue, trigger } = useForm();\n\tconst _dispatch = useDispatch();\n\tconst { t } = useTranslation(LanguageKey._PRIMARY);\n\tconst [startDate, setStartDate] = useState(\n\t\tmoment().startOf(\"day\").format(\"YYYY-MM-DD HH:mm:ss\")\n\t);\n\tconst [endDate, setEndDate] = useState(\n\t\tmoment().endOf(\"day\").format(\"YYYY-MM-DD HH:mm:ss\")\n\t);\n\tconst [memberId, setMemberId] = useState(\"\");\n const [reportData, setReportData] = useState([]);\n const [usernameKeyword, setUsernameKeyword] = useState(\"\");\n const [bankAccKeyword, setBankAccKeyword] = useState(\"\");\n\n let _tableColumns = [\n {\n Header: \"Bank Name\",\n accessor: \"bank.bankName\",\n disableSortBy: true,\n },\n {\n Header: \"Account Number\",\n accessor: \"accountNumber\",\n disableSortBy: true,\n },\n {\n Header: \"Account Holder Name\",\n accessor: \"accountHolderName\",\n disableSortBy: true,\n },\n {\n Header: \"STATUS\",\n accessor: \"status\",\n Cell: ({ row }) => (\n \n {row.original.status == 1 ? (\n \n {t(\"ACTIVE\")}\n \n ) : (\n \n {t(\"SUSPENDED\")}\n \n )}\n
\n ),\n disableSortBy: true,\n style: { overflow: \"visible\" },\n },\n\n {\n id: \"action\",\n Header: \"\",\n Cell: ({ row }) =>\n checkIfPermissionExist(\n AccessRight._MANAGE_MEMBER_BANK_ACCOUNT,\n true\n ) &&\n (\n \n \n \n \n \n {\n navigateTo(\n _history,\n WebUrl._URL_MEMBER_BANK_ACCOUNT_DETAIL,\n row.original\n );\n }}\n >\n {t(\"EDIT\")} \n \n \n \n
\n ),\n disableSortBy: true,\n disableFilters: true,\n width: 100,\n style: { overflow: \"visible\" },\n },\n ];\n\n\tconst getMemberBankAccount = async () => {\n\t\ttry {\n var apiUrl =\n ApiUrl._API_GET_MEMBER_BANK_ACCOUNT +\n \"?username=\" +\n usernameKeyword + \"&bankAcc=\" + bankAccKeyword;\n\n\t\t\tvar responseJson = await ApiEngine.get(apiUrl);\n\n\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\tsetReportData(responseJson[ApiKey._API_DATA_KEY]);\n\t\t\t} else {\n\t\t\t\tthrow responseJson[ApiKey._API_MESSAGE_KEY];\n\t\t\t}\n\t\t} catch (error) {\n\t\t\t_dispatch(showMessage(false, t(error)));\n\t\t}\n };\n\n async function GetRelatedBankAccount() {\n getMemberBankAccount();\n }\n\n\treturn (\n \n
\n {t(\"MANAGE_MEMBER_BANK_ACCOUNT\") }\n \n
\n\t\t\t\t\n
\n
\n
\n
\n
\n {t(\"USERNAME\")} \n \n
{\n setUsernameKeyword(e.target.value);\n }}\n />\n {t(\"KEY_KEYWORD_TO_CONTINUE\")}
\n \n
\n
\n
\n \n {t(\"ACCOUNT_NUMBER\")} \n \n {\n setBankAccKeyword(e.target.value);\n }}\n />\n
\n
\n {
\n GetRelatedBankAccount()}>{t(\"SEARCH\")} \n
}\n
\n
\n \n
\n
\n\t\t
\n/// Author : -\n/// \n\nconst BannerDetail = (props) => {\n const _DETAIL_TAB = \"1\";\n const _LANGUAGE_TAB = \"2\";\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const _location = useLocation();\n const _dispatch = useDispatch();\n\n const {\n register:formRegister,\n unregister ,\n handleSubmit: handleSubmit,\n errors,\n setError,\n control,\n setValue,\n } = useForm();\n\n const [accountHolderName, setAccountHolderName] = useState(\"\");\n const [accountNumber, setAccountNumber] = useState(\"\");\n const [bankId, setBankId] = useState(\"\");\n const [bankList, setBankList] = useState([]);\n const [stateId, setStateId] = useState(\"\");\n const [memberBankDetail, setMemberBankDetail] = useState([]);\n const [status, setStatus] = useState(false);\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n init();\n }, []);\n\n const [activeTab, setActiveTab] = useState(_DETAIL_TAB);\n\n /// \n /// Author : -\n /// \n const toggle = (tab) => {\n if (activeTab !== tab) setActiveTab(tab);\n };\n\n /// \n /// Author : -\n /// \n async function init() {\n if (_location.state) {\n var apiUrl = ApiUrl._API_GET_MEMBER_BANK_ACCOUNT_BY_ID;\n let stateId = _location.state.id || _location.state.refId;\n apiUrl += \"?id=\" + stateId;\n await fetch(apiUrl, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then(async (responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n console.log(responseJson[ApiKey._API_DATA_KEY])\n setMemberBankDetail(responseJson[ApiKey._API_DATA_KEY])\n if (_location.state.id) {\n setStateId(responseJson[ApiKey._API_DATA_KEY][0][\"id\"]);\n } else if (_location.state.refId) {\n setStateId(_location.state.refId);\n }\n console.log(responseJson[ApiKey._API_DATA_KEY][0][\"bank\"][\"id\"])\n setBankId(responseJson[ApiKey._API_DATA_KEY][0][\"bank\"][\"id\"])\n setAccountHolderName(responseJson[ApiKey._API_DATA_KEY][0][\"accountHolderName\"]);\n setAccountNumber(responseJson[ApiKey._API_DATA_KEY][0][\"accountNumber\"]);\n setStatus(responseJson[ApiKey._API_DATA_KEY][0][\"status\"]);\n setValue(\"bankId\", responseJson[ApiKey._API_DATA_KEY][0][\"bank\"][\"id\"]);\n unregister(\"content\");\n }\n });\n }\n\n await fetch(ApiUrl._API_GET_BANK_BY_TRANSACTION_TYPE + \"?transactionTypeId=\" + TransactionType._DEPOSIT, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n const bankList = [\n ];\n responseJson[ApiKey._API_DATA_KEY].forEach(function (bank) {\n console.log(bank.id)\n bankList.push({ label: bank.bankName + \" , \" + (bank.status ? \"Active\" : \"Inactive\"), value: bank.id });\n });\n\n setBankList(bankList);\n }\n });\n }\n\n /// \n /// Author : -\n /// \n const submitForm = async (data, e) => {\n let params = {\n Id: stateId,\n bankId: data.bankId,\n accountNumber: data.accountNumber,\n status: data.status?1:0\n };\n\n let formBody = createMultiPartFormBody(params);\n _dispatch(setBusy());\n\n fetch(ApiUrl._API_UPDATE_MEMBER_BANK_ACCOUNT_BY_ID, {\n method: ApiKey._API_POST,\n headers: {\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n body: formBody,\n })\n .then((response) => response.json())\n .then((responseJson) => {\n _dispatch(setIdle());\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setStateId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n\n _history.replace({\n pathname: _location.pathname,\n state: {\n id: responseJson[ApiKey._API_DATA_KEY][\"id\"],\n },\n });\n }\n });\n };\n\n return (\n \n
\n {stateId ? t(\"EDIT_MEMBER_BANK_DETAIL\") : t(\"ADD_MEMBER_BANK_ACCOUNT\")}\n \n {stateId && (\n
\n \n {\n toggle(_DETAIL_TAB);\n }}\n >\n {t(\"DETAIL\")}\n \n \n \n )}\n
\n \n \n \n \n
\n
\n
\n
{t(\"MANAGE_PRODUCT_RANKING\")} \n
\n {t(\"VIEW_PRODUCT_LIST\")} \n
\n
\n
\n \n \n
\n
\n {t(\"ENTER_PRODUCT_NAME_LIST\")}\n \n {placeholderEG.split('\\n').map((line, index) => (\n \n {line} \n ))}\n \n \n \n
\n setGameListString(e.target.value)}\n defaultValue={gameListString}\n >\n \n
\n
\n
\n
\n
\n
\n
\n updateProductRank()}>\n {t(\"SUBMIT\")}\n \n
\n
\n
\n \n
\n
\n
\n
\n
\n
{t(\"Manage \" + productTitle + \" Games\")} \n
\n {t(\"VIEW_GAME_LIST\")} \n
\n
\n
\n \n \n
\n
\n {t(\"ENTER_PRODUCT_NAME_LIST\")}\n \n {placeholderEG.split('\\n').map((line, index) => (\n \n {line} \n ))}\n \n \n \n
\n setGameListString(e.target.value)}\n defaultValue={gameListString}\n >\n \n
\n
\n
\n
\n
\n
\n
\n updateGameRank()}>\n {t(\"SUBMIT\")}\n \n
\n
\n
\n \n
\n
\n
\n/// Author : -\n/// \nconst ManageGame = (props) => {\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const _location = useLocation();\n const _dispatch = useDispatch();\n\n const [submitError, setSubmitError] = useState(\"\");\n const [submitSuccess, setSubmitSuccess] = useState(\"\");\n const [gameData, setGameData] = useState([]);\n const search = window.location.search;\n const params = new URLSearchParams(search);\n const mpId = params.get('id');\n\n let _tableColumns = [\n {\n Header: \"NAME\",\n accessor: \"gameName\",\n },\n {\n Header: \"STATUS\",\n accessor: \"status\",\n Cell: ({ row }) => (\n \n {row.original.status == 1 ? (\n \n {t(\"ACTIVE\")}\n \n ) : (\n \n {t(\"INACTIVE\")}\n \n )}\n
\n ),\n disableSortBy: true,\n style: { overflow: \"visible\" },\n }\n ];\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n readGame();\n }, []);\n\n /// \n /// Author : -\n /// \n function readGame() {\n fetch(\n ApiUrl._API_GET_PRODUCT_GAME + \"?productId=\" + mpId,\n {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n }\n )\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setGameData(responseJson[ApiKey._API_DATA_KEY]);\n }\n });\n }\n\n return (\n \n
\n {t(\"GAME\")}\n \n
\n \n \n \n
\n\t\t\t\t\t\t handleCheckboxChange(e)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t
\n\t\t\t\t) : (\n\t\t\t\t\t\n\t\t\t\t\t\t{t(\"RELEASED\")} \n\t\t\t\t\t
\n\t\t\t\t)),\n\t\t\tdisableSortBy: true,\n\t\t\tdisableFilters: true,\n\t\t\twidth: 50,\n\t\t\tstyle: { overflow: \"visible\" },\n\t\t\tFooter: () => {\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{t(\"TOTAL\")}: \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"USERNAME\"),\n\t\t\taccessor: \"usernmae\",\n\t\t\tminWidth: 100,\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn {row.original.username} ;\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: calBy == \"Win Lose\" ? \"Self Win Lose\" : t(\"SELF_VT\"),\n\t\t\taccessor: \"selfVTurnover\",\n\t\t\tminWidth: 100,\n\t\t\tFooter: ({ page }) => {\n\t\t\t\tconst creditSum = page.reduce((sum, currentValue) => {\n\t\t\t\t\tif (currentValue.original.selfVTurnover) {\n\t\t\t\t\t\treturn sum + parseFloat(currentValue.original.selfVTurnover);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn sum;\n\t\t\t\t\t}\n\t\t\t\t}, 0);\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{numberWithCurrencyFormat(parseFloat(creditSum), 3)} \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"SELF_COMM\"),\n\t\t\taccessor: \"selfCommAmount\",\n\t\t\tminWidth: 100,\n\t\t\tFooter: ({ page }) => {\n\t\t\t\tconst creditSum = page.reduce((sum, currentValue) => {\n\t\t\t\t\tif (currentValue.original.selfCommAmount) {\n\t\t\t\t\t\treturn sum + parseFloat(currentValue.original.selfCommAmount);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn sum;\n\t\t\t\t\t}\n\t\t\t\t}, 0);\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{numberWithCurrencyFormat(parseFloat(creditSum), 3)} \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: calBy == \"Win Lose\" ? \"Downline Win Lose\" : t(\"DL_VT\"),\n\t\t\taccessor: \"downlineVTurnover\",\n\t\t\tminWidth: 100,\n\t\t\tCell: ({ row }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{numberWithCurrencyFormat(\n\t\t\t\t\t\t\tparseFloat(row.original.downlineVTurnover),\n\t\t\t\t\t\t\t3\n\t\t\t\t\t\t)}\n\t\t\t\t\t\n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tHeader: t(\"DL_COMM\"),\n\t\t\taccessor: \"downlineCommAmount\",\n\t\t\tminWidth: 100,\n\t\t\tFooter: ({ page }) => {\n\t\t\t\tconst creditSum = page.reduce((sum, currentValue) => {\n\t\t\t\t\tif (currentValue.original.downlineCommAmount) {\n\t\t\t\t\t\treturn sum + parseFloat(currentValue.original.downlineCommAmount);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn sum;\n\t\t\t\t\t}\n\t\t\t\t}, 0);\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{numberWithCurrencyFormat(parseFloat(creditSum), 3)} \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t//{\n\t\t// Header: \"TotalVTurnover\",\n\t\t// accessor: \"TotalVTurnover\",\n\t\t// minWidth: 100,\n\t\t// Cell: ({ row }) => {\n\t\t// return <>{numberWithCurrencyFormat((parseFloat(row.original.selfVTurnover) + parseFloat(row.original.downlineVTurnover)))}\n\t\t// },\n\t\t// Footer: ({ page }) => {\n\t\t// const creditSum = page.reduce((sum, currentValue) => {\n\t\t// if (currentValue.original.selfVTurnover > 0 || currentValue.original.downlineVTurnover > 0 ) {\n\t\t// return sum + parseFloat(currentValue.original.selfVTurnover) + parseFloat(currentValue.original.downlineVTurnover);\n\t\t// }\n\t\t// else {\n\t\t// return sum;\n\t\t// }\n\t\t// }, 0);\n\t\t// return {numberWithCurrencyFormat(parseFloat(creditSum), 3)} \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{numberWithCurrencyFormat(parseFloat(creditSum), 3)} /{\" \"}\n\t\t\t\t\t\t\t{creditSum > 0\n\t\t\t\t\t\t\t\t? parseFloat((creditSum / Math.abs(totalVT)) * 100).toFixed(2)\n\t\t\t\t\t\t\t\t: 0}\n\t\t\t\t\t\t\t%\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t];\n\n\tconst [selectedCheckboxes, setSelectedCheckboxes] = useState([]);\n\tconst handleCheckboxChange = (e) => {\n\t\tconst { value } = e.target;\n\t\tsetSelectedCheckboxes((prevSelected) => {\n\t\t\tif (prevSelected.includes(value)) {\n\t\t\t\treturn prevSelected.filter((id) => id !== value);\n\t\t\t} else {\n\t\t\t\treturn [...prevSelected, value];\n\t\t\t}\n\t\t});\n\t};\n\n\tuseEffect(() => {\n\t\t_dispatch(setBusy());\n\t\tconst queryParams = new URLSearchParams(window.location.search);\n\t\tconst date = queryParams.get(\"date\") || \"\";\n\t\tconst calculateby = queryParams.get(\"calculateby\") || \"\";\n\n\t\tif (!stringIsNullOrEmpty(date)) {\n\t\t\tsetSelectedDate(date);\n\t\t}\n\n\t\tif (!stringIsNullOrEmpty(calculateby)) {\n\t\t\tsetCalBy(calculateby);\n\t\t}\n\t\tsetInitFlag(true);\n\t\t// getRebateMemberList(calculateby);\n\t\t_dispatch(setIdle());\n\t}, []);\n\n\tuseEffect(() => {\n\t\tif (initFlag) {\n\t\t\tconst queryParams = new URLSearchParams(window.location.search);\n\t\t\tconst calculateby = queryParams.get(\"calculateby\") || \"\";\n\t\t\tif (!stringIsNullOrEmpty(calculateby)) {\n\t\t\t\tgetRebateMemberList(calculateby);\n\t\t\t} else {\n\t\t\t\tgetRebateMemberList(calBy);\n\t\t\t}\n\t\t}\n\t}, [initFlag]);\n\n\tconst updateSearchParams = (calculateBy) => {\n\t\tconst params = new URLSearchParams(window.location.search);\n\n\t\tparams.set(\"date\", selectedDate);\n\t\tparams.set(\"calculateby\", calculateBy);\n\n\t\t_history.replace({ search: params.toString() });\n\t};\n\n\tasync function getRebateMemberList(calculateBy) {\n\t\tvar calcBy = calculateBy;\n\t\t_dispatch(setBusy());\n\t\tupdateSearchParams(calcBy);\n\n\t\tfetch(\n\t\t\tApiUrl._API_GET_MEMBER_COMMISSION_LIST +\n\t\t\t\"?date=\" +\n\t\t\tselectedDate +\n\t\t\t\"\" +\n\t\t\t\"&type=\" +\n\t\t\tcalcBy,\n\t\t\t{\n\t\t\t\tmethod: ApiKey._API_GET,\n\t\t\t\theaders: {\n\t\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t\t},\n\t\t\t}\n\t\t)\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tsetTableData([]);\n\t\t\t\t\tif (responseJson[ApiKey._API_DATA_KEY] != null)\n\t\t\t\t\t\tsetTableData(responseJson[ApiKey._API_DATA_KEY]);\n\t\t\t\t\telse setTableData([]);\n\t\t\t\t}\n\n\t\t\t\t_dispatch(setIdle());\n\t\t\t});\n\t}\n\t\n\t function CheckAll(){\n\t\t if(tableData.length > 0)\n\t\t {\n\t\t\t setSelectedCheckboxes(tableData.map(row => \n\t\t\t\t`${row.memberId},${row.selfCommAmount},${row.downlineCommAmount},${row.date}`\n\t\t\t ));\n\t\t }\n\t }\n\n\tasync function Claim(idList, select) {\n\t\tconsole.log(idList);\n\n\t\t// Set busy state before starting the loop\n\t\t_dispatch(setBusy());\n\n\t\tlet allSuccessful = true; // Track if all requests were successful\n\t\tlet finalMessage = ''; // Message to display at the end\n\n\t\tfor (let option of idList) {\n\t\t\tlet params = [];\n\t\t\tif (select !== \"all\") {\n\t\t\t\tconst list = option.split(\",\");\n\t\t\t\tparams = {\n\t\t\t\t\tselectedMemberId: list[0],\n\t\t\t\t\tselfComm: list[1],\n\t\t\t\t\tdlComm: list[2],\n\t\t\t\t\tdate: list[3],\n\t\t\t\t\ttype: calBy,\n\t\t\t\t};\n\t\t\t} else {\n\t\t\t\tparams = {\n\t\t\t\t\tselectedMemberId: option.memberId,\n\t\t\t\t\tselfComm: option.selfCommAmount,\n\t\t\t\t\tdlComm: option.downlineCommAmount,\n\t\t\t\t\tdate: option.date,\n\t\t\t\t\ttype: calBy,\n\t\t\t\t};\n\t\t\t}\n\n\t\t\tconsole.log(params);\n\n\t\t\tlet formBody = createFormBody(params);\n\n\t\t\ttry {\n\t\t\t\t_dispatch(setBusy(\"PLEASE_WAIT\" + \" \" + idList.indexOf(option) + \"/\" + idList.length));\n\t\t\t\tconst response = await fetch(ApiUrl._API_GENERATE_MLM_COMMISSION, {\n\t\t\t\t\tmethod: ApiKey._API_POST,\n\t\t\t\t\theaders: {\n\t\t\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t\t\t},\n\t\t\t\t\tbody: formBody,\n\t\t\t\t});\n\n\t\t\t\tconst responseJson = await response.json();\n\t\t\t\t_dispatch(setIdle());\n\t\t\t\t// Check if the request was successful\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tfinalMessage += `Processed request successfully.\\n`;\n\t\t\t\t} else {\n\t\t\t\t\tallSuccessful = false;\n\t\t\t\t\tfinalMessage += `Failed to process request for member ID ${params.selectedMemberId}: ${t(responseJson[ApiKey._API_MESSAGE_KEY])}\\n`;\n\t\t\t\t}\n\t\t\t} catch (error) {\n\t\t\t\tconsole.error(\"Error:\", error);\n\t\t\t\tallSuccessful = false;\n\t\t\t\tfinalMessage += `Error processing request for member ID ${params.selectedMemberId}.\\n`;\n\t\t\t}\n\t\t}\n\n\t\t// After all operations are completed, update the state\n\t\t_dispatch(setIdle());\n\n\t\t// Dispatch a single message at the end\n\t\t_dispatch(showMessage(allSuccessful, finalMessage.trim()));\n\n\t\t// After processing, clean up or call other necessary functions\n\t\tgetRebateMemberList();\n\t\tsetSelectedCheckboxes([]);\n\t}\n\n\tconst handleEvent = (event, picker) => {\n\t\tsetSelectedDate(moment(picker.startDate).format(\"YYYY-MM-DD\"));\n\t};\n\n\tconst _OPTION_STYLES = {\n\t\tcontrol: (base) => ({\n\t\t\t...base,\n\t\t\t\"min-height\": \"34px\",\n\t\t\theight: \"34px\",\n\t\t}),\n\t\tvalueContainer: (base) => ({\n\t\t\t...base,\n\t\t\theight: \"34px\",\n\t\t\t\"min-height\": \"34px\",\n\t\t}),\n\t\tindicatorsContainer: (base) => ({\n\t\t\t...base,\n\t\t\theight: \"34px\",\n\t\t\t\"min-height\": \"34px\",\n\t\t}),\n\t\tinput: (base) => ({\n\t\t\theight: \"34px\",\n\t\t\t\"min-height\": \"34px\",\n\t\t}),\n\t};\n\n\tconst _COMM_CALC_BY = [\n\t\t//{ value: \"Win Lose\", label: \"Win Lose\" },\n\t\t{ value: \"Valid Turnover\", label: \"Valid Turnover\" },\n\t];\n\n\treturn (\n\t\t\n\t\t\t{showConfirmation && (\n\t\t\t\t
{\n\t\t\t\t\t\tif (release == \"all\") {\n\t\t\t\t\t\t\tClaim(\n\t\t\t\t\t\t\t\ttableData.filter((x) => x.generated == false),\n\t\t\t\t\t\t\t\t\"all\"\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tClaim(selectedCheckboxes, \"selected\");\n\t\t\t\t\t\t}\n\t\t\t\t\t\tsetShowConfirmation(false);\n\t\t\t\t\t}}\n\t\t\t\t\tonCancel={() => {\n\t\t\t\t\t\tsetShowConfirmation(false);\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{t(\"UNABLE_TO_REVERT\")}\n\t\t\t\t\n\t\t\t)}\n\t\t\t{t(\"COMMISSION_AND_REBATE\")} \n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\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
\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 getRebateMemberList(calBy)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{t(\"SEARCH\")}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\tsetRelease(\"selected\");\n\t\t\t\t\t\t\t\t\tsetShowConfirmation(true);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tdisabled={selectedCheckboxes.length > 0 ? false : true}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{t(\"RELEASE\")}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\tsetRelease(\"all\");\n\t\t\t\t\t\t\t\t\tsetShowConfirmation(true);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\ttableData.filter((x) => x.generated == false).length > 0\n\t\t\t\t\t\t\t\t\t\t? false\n\t\t\t\t\t\t\t\t\t\t: true\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{t(\"RELEASE_ALL\")}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t CheckAll()} disabled={tableData.filter(x => x.isClaim == false).length > 0 ? false : true}>{t(\"Check All\")} \n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t \n\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\n\t);\n};\n\nexport default ManageMemberRebate;\n","import React, { useState, useEffect } from \"react\";\nimport Select from \"react-select\";\nimport CKEditor from \"@ckeditor/ckeditor5-react\";\nimport Dropzone from \"react-dropzone\";\nimport ClassicEditor from \"@ckeditor/ckeditor5-build-classic\";\nimport {\n\tApiKey,\n\tApiUrl,\n\tContentTypeString,\n\tLanguageKey,\n} from \"../../util/Constant\";\nimport { useForm } from \"react-hook-form\";\nimport {\n\tstringIsNullOrEmpty,\n\tcreateFormBody,\n\tcreateMultiPartFormBody,\n} from \"../../util/Util\";\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from \"reactstrap\";\nimport { setBusy, setIdle, showMessage } from \"../../redux/AppAction\";\nimport { useDispatch } from \"react-redux\";\nimport { useTranslation } from \"react-i18next\";\nimport { fetch } from \"whatwg-fetch\";\n\n/// \n/// Author : -\n/// \nconst ConfigurationLanguageDetail = (props) => {\n\tconst { t } = useTranslation(LanguageKey._PRIMARY);\n\tconst _dispatch = useDispatch();\n\n\tconst [desktopFile, setDesktopFile] = useState([]);\n\tconst [mobileFile, setMobileFile] = useState([]);\n\tconst [desktopImage, setDesktopImage] = useState();\n\tconst [mobileImage, setMobileImage] = useState();\n\tconst [isNewDesktopImage, setIsNewDesktopImage] = useState(false);\n\tconst [isNewMobileImage, setIsNewMobileImage] = useState(false);\n\n\tconst _CUSTOM_CONTENT_REGISTER = [\n\t\tContentTypeString._CONTENT,\n\t\tContentTypeString._EMAIL,\n\t\tContentTypeString._PROMOTION,\n\t\tContentTypeString._SCRIPT,\n\t\tContentTypeString._SEO,\n\t\tContentTypeString._VIP_CRITERIA,\n\t\tContentTypeString._DEPOSIT_PROMOTION,\n\t];\n\tconst _EXCLUDE_TITLE_TYPE = [\n\t\tContentTypeString._VIP_BENEFIT_CONTENT,\n\t\tContentTypeString._VIP_CRITERIA,\n\t];\n\tconst _EXCLUDE_CONTENT_TYPE = [\n\t\tContentTypeString._VIP_BENEFIT,\n\t\tContentTypeString._PRODUCT_CATEGORY,\n\t\tContentTypeString._DEPOSIT_PROMOTION_CATEGORY,\n\t];\n\n\tconst {\n\t\tregister,\n\t\tunregister,\n\t\thandleSubmit,\n\t\terrors,\n\t\tsetError,\n\t\tsetValue,\n\t\tclearErrors,\n\t\ttrigger,\n\t\tgetValues,\n\t} = useForm();\n\tconst [languageId, setLanguageId] = useState(\"\");\n\n\tconst [languageDetailId, setLanguageDetailId] = useState();\n\tconst [languageType, setLanguageType] = useState(\"\");\n\tconst [title, setTitle] = useState(\"\");\n\tconst [description, setDescription] = useState(\"\");\n\tconst [content, setContent] = useState(\"\");\n\tconst [dataTypeId, setDataTypeId] = useState(\"\");\n\tconst [dataDisplayDevice, setDataDisplayDevice] = useState(0);\n\tconst [languageOption, setLanguageOption] = useState([]);\n\tconst [languageModalVisible, setLanguageModalVisible] = useState(false);\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst logoDrop = (acceptedFiles, isDesktop) => {\n\t\tif (acceptedFiles.length !== 0) {\n\t\t\tconst file = acceptedFiles[0];\n\t\t\tif (isDesktop) {\n\t\t\t\tsetDesktopFile(file);\n\t\t\t} else {\n\t\t\t\tsetMobileFile(file);\n\t\t\t}\n\t\t\tconst reader = new FileReader();\n\t\t\treader.onloadend = () => {\n\t\t\t\tif (isDesktop) {\n\t\t\t\t\tsetIsNewDesktopImage(true);\n\t\t\t\t\tsetDesktopImage(reader.result);\n\t\t\t\t} else {\n\t\t\t\t\tsetIsNewMobileImage(true);\n\t\t\t\t\tsetMobileImage(reader.result);\n\t\t\t\t}\n\t\t\t};\n\t\t\treader.readAsDataURL(file);\n\t\t}\n\t};\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst submit = async (data, e) => {\n\t\tlet params = {\n\t\t\ttype: languageType,\n\t\t\tlanguageId: data.languageId,\n\t\t\tdataId: dataTypeId,\n\t\t\tisNewDesktopFile: isNewDesktopImage,\n\t\t\tisNewMobileFile: isNewMobileImage,\n\t\t};\n\n\t\tif (!_EXCLUDE_CONTENT_TYPE.includes(languageType)) {\n\t\t\tparams[\"content\"] = data.content;\n\t\t}\n\n\t\tif (!_EXCLUDE_TITLE_TYPE.includes(languageType)) {\n\t\t\tparams[\"title\"] = data.title;\n\t\t}\n\n\t\tif (\n\t\t\t!_EXCLUDE_TITLE_TYPE.includes(languageType) &&\n\t\t\tlanguageType == ContentTypeString._DEPOSIT_PROMOTION\n\t\t) {\n\t\t\tparams[\"description\"] = data.description;\n\t\t}\n\n\t\tif (!stringIsNullOrEmpty(languageDetailId)) {\n\t\t\tparams[\"id\"] = languageDetailId;\n\t\t}\n\n\t\tif (!stringIsNullOrEmpty(desktopFile)) {\n\t\t\tparams[\"desktopFile\"] = desktopFile;\n\t\t}\n\n\t\tif (stringIsNullOrEmpty(desktopImage)) {\n\t\t\tparams[\"desktopImageRemoved\"] = true;\n\t\t}\n\n\t\tif (!stringIsNullOrEmpty(mobileFile)) {\n\t\t\tparams[\"mobileFile\"] = mobileFile;\n\t\t}\n\n\t\tif (stringIsNullOrEmpty(mobileImage)) {\n\t\t\tparams[\"mobileImageRemoved\"] = true;\n\t\t}\n\n\t\tlet formBody = createMultiPartFormBody(params);\n\t\t_dispatch(setBusy());\n\n\t\tfetch(ApiUrl._API_CREATE_OR_UPDATE_CONFIG_LANGUAGE, {\n\t\t\tmethod: ApiKey._API_POST,\n\t\t\theaders: {\n\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t},\n\t\t\tbody: formBody,\n\t\t})\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\t_dispatch(setIdle());\n\t\t\t\t_dispatch(\n\t\t\t\t\tshowMessage(\n\t\t\t\t\t\tresponseJson[ApiKey._API_SUCCESS_KEY],\n\t\t\t\t\t\tt(responseJson[ApiKey._API_MESSAGE_KEY])\n\t\t\t\t\t)\n\t\t\t\t);\n\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tcleanup();\n\t\t\t\t}\n\t\t\t});\n\t};\n\n\t/// \n\t/// Author : -\n\t/// \n\tfunction cleanup() {\n\t\tunregister(\"content\");\n\t\tunregister(\"languageId\");\n\t\tsetLanguageDetailId(\"\");\n\t\tsetLanguageId(\"\");\n\t\tsetContent(\"\");\n\t\tsetTitle(\"\");\n\t\tsetDescription(\"\");\n\t\tsetDesktopImage(\"\");\n\t\tsetMobileImage(\"\");\n\t\tsetIsNewDesktopImage(true);\n\t\tsetIsNewMobileImage(true);\n\t\tsetDesktopFile([]);\n\t\tsetMobileFile([]);\n\t\tsetValue(\"title\", \"\");\n\t\tsetValue(\"description\", \"\");\n\t\tsetValue(\"content\", \"\");\n\t\tsetValue(\"languageId\", \"\");\n\t\tprops.onFinish();\n\t}\n\n\t/// \n\t/// Author : -\n\t/// \n\tuseEffect(() => {\n\t\tif (languageModalVisible) {\n\t\t\tinitForAssignment();\n\t\t} else {\n\t\t\tcleanup();\n\t\t}\n\t}, [languageModalVisible]);\n\n\t/// \n\t/// Author : -\n\t/// \n\tuseEffect(() => {\n\t\tsetLanguageDetailId(props[\"languageDetailId\"]);\n\t\tif (stringIsNullOrEmpty(props[\"languageDetailId\"])) {\n\t\t\tsetDesktopImage(\"\");\n\t\t\tsetMobileImage(\"\");\n\t\t}\n\t\tsetLanguageType(props[\"languageType\"]);\n\t\tsetDataTypeId(props[\"dataTypeId\"]);\n\t\tsetLanguageModalVisible(props[\"visible\"]);\n\t}, [props[\"visible\"]]);\n\n\t/// \n\t/// Author : -\n\t/// Editted: - (Change register content)\n\t/// \n\tasync function initForAssignment() {\n\t\tregister({ name: \"languageId\" }, { required: \"PLEASE_SELECT_LANGUAGE\" });\n\n\t\tif (_CUSTOM_CONTENT_REGISTER.includes(languageType)) {\n\t\t\tregister({ name: \"content\" }, { required: \"PLEASE_ENTER_CONTENT\" });\n\t\t}\n\n\t\tawait fetch(ApiUrl._API_GET_LANGUAGE, {\n\t\t\tmethod: ApiKey._API_GET,\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t},\n\t\t})\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tconst languageList = [];\n\t\t\t\t\tresponseJson[ApiKey._API_DATA_KEY].forEach(function (language) {\n\t\t\t\t\t\tlanguageList.push({ label: language.name, value: language.id });\n\t\t\t\t\t});\n\n\t\t\t\t\tsetLanguageOption(languageList);\n\t\t\t\t}\n\t\t\t});\n\n\t\tclearErrors();\n\n\t\tif (!stringIsNullOrEmpty(languageDetailId)) {\n\t\t\tawait fetch(\n\t\t\t\tApiUrl._API_GET_CONFIG_LANGUAGE_BY_ID +\n\t\t\t\t\t\"?type=\" +\n\t\t\t\t\tlanguageType +\n\t\t\t\t\t\"&id=\" +\n\t\t\t\t\tlanguageDetailId,\n\t\t\t\t{\n\t\t\t\t\tmethod: ApiKey._API_GET,\n\t\t\t\t\theaders: {\n\t\t\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t\t\t},\n\t\t\t\t}\n\t\t\t)\n\t\t\t\t.then((response) => response.json())\n\t\t\t\t.then((responseJson) => {\n\t\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\t\tsetDataDisplayDevice(\n\t\t\t\t\t\t\tresponseJson[ApiKey._API_DATA_KEY][\"dataDisplayDevice\"]\n\t\t\t\t\t\t);\n\t\t\t\t\t\tsetLanguageDetailId(responseJson[ApiKey._API_DATA_KEY][\"id\"]);\n\t\t\t\t\t\tsetLanguageId(responseJson[ApiKey._API_DATA_KEY][\"languageId\"]);\n\t\t\t\t\t\tsetContent(responseJson[ApiKey._API_DATA_KEY][\"content\"]);\n\t\t\t\t\t\tsetTitle(responseJson[ApiKey._API_DATA_KEY][\"title\"]);\n\t\t\t\t\t\tsetDescription(responseJson[ApiKey._API_DATA_KEY][\"description\"])\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t!stringIsNullOrEmpty(\n\t\t\t\t\t\t\t\tresponseJson[ApiKey._API_DATA_KEY][\"desktopImage\"]\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tsetDesktopImage(\n\t\t\t\t\t\t\t\tresponseJson[ApiKey._API_DATA_KEY][\"desktopImage\"]\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tsetDesktopImage(\"\");\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t!stringIsNullOrEmpty(\n\t\t\t\t\t\t\t\tresponseJson[ApiKey._API_DATA_KEY][\"mobileImage\"]\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tsetMobileImage(responseJson[ApiKey._API_DATA_KEY][\"mobileImage\"]);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tsetMobileImage(\"\");\n\t\t\t\t\t\t}\n\t\t\t\t\t\tsetValue(\"content\", responseJson[ApiKey._API_DATA_KEY][\"content\"]);\n\n\t\t\t\t\t\tsetValue(\n\t\t\t\t\t\t\t\"languageId\",\n\t\t\t\t\t\t\tresponseJson[ApiKey._API_DATA_KEY][\"languageId\"]\n\t\t\t\t\t\t);\n\n\t\t\t\t\t\tsetValue(\"title\", responseJson[ApiKey._API_DATA_KEY][\"title\"]);\n\t\t\t\t\t\tsetValue(\"description\", responseJson[ApiKey._API_DATA_KEY][\"description\"]);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t} else {\n\t\t\tsetDataDisplayDevice(props.dataDisplayDevice);\n\t\t\tsetLanguageDetailId(\"\");\n\t\t\tsetLanguageId(\"\");\n\t\t\tsetContent(\"\");\n\t\t\tsetTitle(\"\");\n\t\t\tsetDescription(\"\");\n\t\t\tsetValue(\"title\", \"\");\n\t\t\tsetValue(\"description\", \"\");\n\t\t\tsetValue(\"content\", \"\");\n\t\t\tsetValue(\"languageId\", \"\");\n\t\t}\n\t}\n\n\treturn (\n\t\t\n\t\t\t
\n\t\t\t\t
cleanup()}\n\t\t\t\t\tsize=\"lg\"\n\t\t\t\t\tcentered\n\t\t\t\t>\n\t\t\t\t\t \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t{languageType == ContentTypeString._DEPOSIT_PROMOTION && (\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"MODERN_BANNER\")}\n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t({t(\"RECOMMENDED_HEIGHT_WIDTH_RATIO_IS_1_5\")})\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tlogoDrop(acceptedFiles, false)\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{({ getRootProps, getInputProps }) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetMobileImage(\"\");\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetMobileFile();\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"REMOVE_IMAGE\")}\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t{languageType == ContentTypeString._DEPOSIT_PROMOTION_CATEGORY && (\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"TITLE_IMAGE\")}\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tlogoDrop(acceptedFiles, false)\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{({ getRootProps, getInputProps }) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetMobileImage(\"\");\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetMobileFile();\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"REMOVE_IMAGE\")}\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t cleanup()}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{t(\"CLOSE\")}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{t(\"SUBMIT\")}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t);\n};\n\nexport default ConfigurationLanguageDetail;\n","import React, { useState, useEffect } from \"react\";\nimport ReactTable from \"../../components/constantComponent/reactTable/ReactTable\";\nimport { Panel, PanelBody } from \"./../../components/panel/panel.jsx\";\n// import \"../../assets/css/custom.css\";\nimport {\n\tUncontrolledButtonDropdown,\n\tDropdownToggle,\n\tDropdownMenu,\n\tDropdownItem,\n} from \"reactstrap\";\nimport {\n\tApiUrl,\n\tApiKey,\n\tContentTypeString,\n\tLanguageKey,\n} from \"../../util/Constant\";\nimport { stringIsNullOrEmpty } from \"../../util/Util\";\nimport { useTranslation } from \"react-i18next\";\nimport ConfigurationLanguageDetail from \"./ConfigurationLanguageDetail\";\nimport { fetch } from \"whatwg-fetch\";\n\n/// \n/// Author : -\n/// \nconst ManageConfigurationLanguage = (props) => {\n\tconst { t } = useTranslation(LanguageKey._PRIMARY);\n\tconst [data, setData] = useState([]);\n\tconst [languageDetailModalVisibility, setLanguageDetailModalVisibility] =\n\t\tuseState(false);\n\n\tconst _EXCLUDE_TITLE_TYPE = [\n\t\tContentTypeString._VIP_BENEFIT_CONTENT,\n\t\tContentTypeString._VIP_CRITERIA,\n\t\tContentTypeString._CHAT_SPHERE,\n\t];\n\tconst _EXCLUDE_CONTENT_TYPE = [\n\t\tContentTypeString._VIP_BENEFIT,\n\t\tContentTypeString._PRODUCT_CATEGORY,\n\t\tContentTypeString._DEPOSIT_PROMOTION_CATEGORY,\n\t];\n\n\tconst [languageDetailId, setLanguageDetailId] = useState(\"\");\n\tconst [tableColumns, setTableColumns] = useState([]);\n\n\tlet _tableColumns = [\n\t\t{\n\t\t\tHeader: \"LANGUAGE\",\n\t\t\taccessor: \"languageName\",\n\t\t\tdisableSortBy: true,\n\t\t},\n\t\t{\n\t\t\tHeader: \"TITLE\",\n\t\t\taccessor: \"title\",\n\t\t\tdisableSortBy: true,\n\t\t},\n\t\t{\n\t\t\tHeader: \"CONTENT\",\n\t\t\taccessor: \"content\",\n\t\t\tdisableSortBy: true,\n\t\t},\n\t\t{\n\t\t\tid: \"action\",\n\t\t\tHeader: \"\",\n\t\t\tCell: ({ row }) => (\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\tsetLanguageDetailId(row.original.id);\n\t\t\t\t\t\t\t\t\tsetLanguageDetailModalVisibility(true);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{t(\"EDIT\")} \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t
\n\t\t\t),\n\t\t\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\tlet _tableColumns2 = [\n\t\t{\n\t\t\tHeader: \"LANGUAGE\",\n\t\t\taccessor: \"languageName\",\n\t\t\tdisableSortBy: true,\n\t\t},\n\t\t{\n\t\t\tHeader: \"TITLE\",\n\t\t\taccessor: \"title\",\n\t\t\tdisableSortBy: true,\n\t\t},\n\t\t{\n\t\t\tHeader: \"DESCRIPTION\",\n\t\t\taccessor: \"description\",\n\t\t\tdisableSortBy: true,\n\t\t},\n\t\t{\n\t\t\tHeader: \"CONTENT\",\n\t\t\taccessor: \"content\",\n\t\t\tdisableSortBy: true,\n\t\t},\n\t\t{\n\t\t\tHeader: \"MOBILE_IMAGE\",\n\t\t\taccessor: \"mobileImage\",\n\t\t\tCell: ({ row }) => (\n\t\t\t\t\n\t\t\t\t\t{!stringIsNullOrEmpty(row.original.mobileImage) ? (\n\t\t\t\t\t\t
\n\t\t\t),\n\t\t\tdisableSortBy: true,\n\t\t},\n\t\t{\n\t\t\tid: \"action\",\n\t\t\tHeader: \"\",\n\t\t\tCell: ({ row }) => (\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\tsetLanguageDetailId(row.original.id);\n\t\t\t\t\t\t\t\t\tsetLanguageDetailModalVisibility(true);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{t(\"EDIT\")} \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t
\n\t\t\t),\n\t\t\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\tlet _tableColumns3 = [\n\t\t{\n\t\t\tHeader: \"LANGUAGE\",\n\t\t\taccessor: \"languageName\",\n\t\t\tdisableSortBy: true,\n\t\t},\n\t\t{\n\t\t\tHeader: \"TITLE\",\n\t\t\taccessor: \"title\",\n\t\t\tdisableSortBy: true,\n\t\t},\n\t\t{\n\t\t\tHeader: \"TITLE_IMAGE\",\n\t\t\taccessor: \"mobileImage\",\n\t\t\tCell: ({ row }) => (\n\t\t\t\t\n\t\t\t\t\t{!stringIsNullOrEmpty(row.original.mobileImage) ? (\n\t\t\t\t\t\t
\n\t\t\t),\n\t\t\tdisableSortBy: true,\n\t\t},\n\t\t{\n\t\t\tid: \"action\",\n\t\t\tHeader: \"\",\n\t\t\tCell: ({ row }) => (\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\tsetLanguageDetailId(row.original.id);\n\t\t\t\t\t\t\t\t\tsetLanguageDetailModalVisibility(true);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{t(\"EDIT\")} \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t
\n\t\t\t),\n\t\t\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\t/// \n\t/// Author : -\n\t/// \n\tuseEffect(() => {\n\t\tgetConfigLanguage();\n\t\t/// Used to Exclude the column of table\n\t\tif (_EXCLUDE_CONTENT_TYPE.includes(props.type)) {\n\t\t\t_tableColumns.splice(2, 2);\n\t\t} else if (_EXCLUDE_TITLE_TYPE.includes(props.type)) {\n\t\t\t_tableColumns.splice(1, 1);\n\t\t}\n\n\t\tif (ContentTypeString._DEPOSIT_PROMOTION.includes(props.type)) {\n\t\t\tsetTableColumns(_tableColumns2);\n\t\t} else {\n\t\t\tsetTableColumns(_tableColumns);\n\t\t}\n\n\t\tif (ContentTypeString._DEPOSIT_PROMOTION_CATEGORY.includes(props.type)) {\n\t\t\tsetTableColumns(_tableColumns3);\n\t\t} else {\n\t\t\tsetTableColumns(_tableColumns);\n\t\t}\n\t}, []);\n\n\t/// \n\t/// Author : -\n\t/// \n\tconst getConfigLanguage = async () => {\n\t\tawait fetch(\n\t\t\tApiUrl._API_GET_CONFIG_LANGUAGE_BY_TYPE_ID +\n\t\t\t\t\"?type=\" +\n\t\t\t\tprops.type +\n\t\t\t\t\"&id=\" +\n\t\t\t\tprops.id,\n\t\t\t{\n\t\t\t\tmethod: ApiKey._API_GET,\n\t\t\t\theaders: {\n\t\t\t\t\t\"Content-Type\": ApiKey._API_FORM_URLENCODED,\n\t\t\t\t\t\"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n\t\t\t\t},\n\t\t\t}\n\t\t)\n\t\t\t.then((response) => response.json())\n\t\t\t.then((responseJson) => {\n\t\t\t\tif (responseJson[ApiKey._API_SUCCESS_KEY]) {\n\t\t\t\t\tsetData(responseJson[ApiKey._API_DATA_KEY]);\n\t\t\t\t}\n\t\t\t});\n\t};\n\n\treturn (\n\t\t\n\t\t\t
\n\t\t\t\t {\n\t\t\t\t\t\tsetLanguageDetailModalVisibility(false);\n\t\t\t\t\t\tgetConfigLanguage();\n\t\t\t\t\t}}\n\t\t\t\t\tdataTypeId={props.id}\n\t\t\t\t\tlanguageDetailId={languageDetailId}\n\t\t\t\t\tlanguageType={props.type}\n\t\t\t\t/>\n\t\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t {\n\t\t\t\t\t\t\tsetLanguageDetailId(\"\");\n\t\t\t\t\t\t\tsetLanguageDetailModalVisibility(true);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tclassName=\"btn btn-purple\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{t(\"ADD_LANGUAGE\")}\n\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t \n\t\t
\n/// Author : -\n/// \n\nconst ChatSystemTemplate = (props) => {\n const _DETAIL_TAB = \"1\";\n const _LANGUAGE_TAB = \"2\";\n const { t } = useTranslation(LanguageKey._PRIMARY);\n let _history = useHistory();\n const _location = useLocation();\n const _dispatch = useDispatch();\n const { register, unregister, handleSubmit, errors, setValue } = useForm();\n const [announcementId, setAnnouncementId] = useState(\"\");\n const [announcementRefId, setAnnouncementRefId] = useState(\"\");\n const [languageOption, setLanguageOption] = useState([]);\n\n const [defaultContent, setDefaultContent] = useState(\"\");\n const [content, setContent] = useState([]);\n const [title, setTitle] = useState(\"\");\n const [code, setCode] = useState(\"\");\n\n const [language, setLanguage] = useState();\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n setTitle(\"\");\n init();\n }, []);\n\n const [activeTab, setActiveTab] = useState(_DETAIL_TAB);\n\n /// \n /// Author : -\n /// \n const toggle = (tab) => {\n if (activeTab !== tab) {\n setActiveTab(tab);\n }\n };\n\n /// \n /// Author : -\n /// \n async function init() {\n console.log(_location.state)\n if (_location.state) {\n let templateCode = _location.state.code;\n var apiUrl = ApiUrl._API_GET_CHAT_TEMPLATE_CODE;\n apiUrl += \"?code=\" + templateCode;\n await fetch(apiUrl, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n setDefaultContent(responseJson[ApiKey._API_DATA_KEY][\"defaultContent\"]);\n setTitle(responseJson[ApiKey._API_DATA_KEY][\"title\"]);\n setContent(responseJson[ApiKey._API_DATA_KEY][\"content\"]);\n setCode(responseJson[ApiKey._API_DATA_KEY][\"code\"]);\n\n fetch(ApiUrl._API_GET_LANGUAGE, {\n method: ApiKey._API_GET,\n headers: {\n \"Content-Type\": ApiKey._API_FORM_URLENCODED,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n })\n .then((response) => response.json())\n .then((responseJson) => {\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n const languageList = [];\n responseJson[ApiKey._API_DATA_KEY].forEach(function (language) {\n languageList.push({ label: language.name, value: language.id });\n });\n\n setLanguageOption(languageList);\n }\n });\n\n }\n });\n }\n }\n\n /// \n /// Author : -\n /// \n const submitForm = async (data, e) => {\n\n if (!_location.state) {\n\n _dispatch(\n showMessage(\n 0,\n \"Error\"\n )\n );\n\n return false;\n }\n\n _dispatch(setBusy());\n\n fetch(ApiUrl._API_CREATE_OR_UPDATE_CHAT_SYSTEM_TEMPLATE, {\n method: ApiKey._API_POST,\n headers: {\n \"Content-Type\": ApiKey._API_APPLICATION_JSON,\n \"X-Requested-With\": ApiKey._API_XML_HTTP_REQUEST_KEY,\n },\n body: JSON.stringify({\n code: _location.state.code,\n content: data.content,\n }),\n })\n .then((response) => response.json())\n .then((responseJson) => {\n _dispatch(setIdle());\n _dispatch(\n showMessage(\n responseJson[ApiKey._API_SUCCESS_KEY],\n t(responseJson[ApiKey._API_MESSAGE_KEY])\n )\n );\n\n if (responseJson[ApiKey._API_SUCCESS_KEY]) {\n _history.goBack();\n }\n });\n };\n\n return (\n \n
\n \n
\n
\n \n
\n \n \n \n \n {announcementId && (\n \n )}\n \n \n
\n\t\t\t\t\t{row.original.status == true ? (\n\t\t\t\t\t\t{t(\"ACTIVE\")} \n\t\t\t\t\t) : (\n\t\t\t\t\t\t{t(\"INACTIVE\")} \n\t\t\t\t\t)}\n\t\t\t\t
\n\t\t\t),\n\t\t},\n\t\t{\n\t\t\tid: \"action\",\n\t\t\tHeader: \"\",\n\t\t\tCell: ({ row }) =>\n\t\t\t\tcheckIfPermissionExist(\n\t\t\t\t\tAccessRight._LIVE_CHAT_CUSTOM_TEMPLATE_PERMISSION,\n\t\t\t\t\ttrue\n\t\t\t\t) && (\n\t\t\t\t\t\n\t\t\t\t\t\t
{\n\t\t\t\t\t\t\t\tnavigateTo(\n\t\t\t\t\t\t\t\t\t_history,\n\t\t\t\t\t\t\t\t\tWebUrl._URL_MANAGE_CUSTOM_CHAT_TEMPLATE,\n\t\t\t\t\t\t\t\t\trow.original\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\t\t{t(\"EDIT\")}\n\t\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t
\n\t\t\t\t \n\t\t\t\t\t{t(\"CHAT_CUSTOM_TEMPLATE\")}\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\t\t\t
\n\t\t\t\t \n\t\t
\n\t\t\t
\n\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\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 \n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t \n\t\t
\n/// Author : -\n/// \nexport const loginRoute =\n{\n path: '/',\n exact: false,\n authRequired: false,\n component: () => \n/// Author : -\n/// \nexport const routes = [\n {\n path: WebUrl._URL_LOGIN,\n exact: true,\n title: 'LOGIN',\n authRequired: false,\n component: () => \n/// Author : -\n/// \nconst Content = props => {\n const _history = useHistory();\n const _dispatch = useDispatch();\n const authState = useSelector(state => state.authState);\n const [routes, setRoutes] = useState(initRoutes);\n const { t, i18n } = useTranslation(LanguageKey._PRIMARY);\n\n /// \n /// Author : -\n /// the fetch at here is used to support even login page also can translate\n /// \n useEffect(() => {\n (async function () {\n if (!_history.location.pathname.match(/login/ig)) {\n await fetch(ApiUrl._API_GET_PREFERENCE_LANGUAGE, {\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 responseJson[ApiKey._API_DATA_KEY].map((language, index) => {\n try {\n i18n.addResources(language.code, LanguageKey._PRIMARY, require(\"../../translations/\" + language.code + \"/common.json\"));\n }\n catch (ex) {\n return;\n }\n });\n \n ///below is used to add the data to reducer to be use at language selection to avoid fetch second time at there\n _dispatch(addLanguage(responseJson[ApiKey._API_DATA_KEY]));\n }\n });\n }\n \n })();\n }, []);\n\n /// \n /// Author : -\n /// \n const setTitle = (path, routeArray) => {\n var pageTitle;\n for (var i = 0; i < routeArray.length; i++) {\n if (routeArray[i].path === path) {\n\n pageTitle = \"OKGO Admin | \" + t(routeArray[i].title);\n }\n }\n document.title = (pageTitle) ? pageTitle : 'OKGO';\n }\n\n /// \n /// Author : -\n /// used to detect the first time language resource is added\n /// \n i18next.store.on('added', function (lng, ns) {\n setTitle(_history.location.pathname, routes);\n })\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n setTitle(_history.location.pathname, routes);\n }, [i18n.language]);\n\n /// \n /// Author : -\n /// \n useEffect(() => {\n _history.listen(() => {\n setTitle(_history.location.pathname, routes);\n })\n }, [_history.location.pathname])\n\n /// \n /// Author : -\n /// \n const PrivateRoute = (index, routeData) => {\n return (\n \n /// Author : -\n /// Editted: -\n /// \n const filterMenuByPermission = () => {\n var filteredRoutes = routes.filter(route => {\n return ((route.loginType == undefined ||\n route.loginType.filter(i => i == authState.userData.loginType).length != 0) ||\n (authState.isLoggedIn == false && route.path == _history.location.pathname)\n );\n });\n\n if (authState.userData.accessString !== undefined) {\n var userPermissionData = 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 if (keyValuePermission[1][AccessRight._WRITE_BIT_POSITION] == Status._ENABLED.toString()) {\n permissionArrKey.push(keyValuePermission[0] + AccessRight._WRITE_PERMISSION_STRING);\n }\n }\n }\n\n let finalRoutes = filteredRoutes.filter(item => {\n let permission = item.permission;\n //let match = '';\n //if (permission !== undefined){\n // let temp = permission.substring(0, permission.indexOf(AccessRight._READ_PERMISSION_STRING));\n // let temp1 = temp.split(' ');\n // temp1.map((word) => {\n // match += word.charAt(0);\n // });\n //}\n //if (!stringIsNullOrEmpty(match)) {\n // match += AccessRight._READ_PERMISSION_STRING;\n // return permissionArrKey.filter(item => item == match).length != 0;\n //}\n if (permission !== undefined) {\n return permissionArrKey.filter(item => item == permission).length != 0;\n }\n else {\n return true;\n }\n });\n\n return finalRoutes;\n }\n else {\n return filteredRoutes;\n }\n }\n\n let finalRoutes = filterMenuByPermission();\n return (\n \n {({ pageContentFullWidth, pageContentClass, pageContentInverseMode }) => (\n \n {finalRoutes.map((route, index) => (\n PrivateRoute(index, route)\n ))}\n
\n )\n }\n \n );\n}\n\nexport default withRouter(Content);\n","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 from 'react';\nimport { Route, Link } from 'react-router-dom';\nimport { PageSettings } from './../../config/page-settings.js';\n\nclass FloatSubMenuList extends React.Component {\n\tstatic contextType = PageSettings;\n\t\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tactive: -1,\n\t\t\tclicked: -1\n\t\t};\n\t}\n\t\n\thandleExpand(e, i, match) {\n\t\te.preventDefault();\n\t\n\t\tthis.setState(state => ({\n\t\t\tactive: (this.state.active === i ? -1 : i),\n\t\t\tclicked: 1\n\t\t}));\n\t\tsetTimeout(() => {\n\t\t\tthis.context.handleFloatSubMenuClick();\n\t\t}, 0);\n\t}\n \n\trender() {\n\t\tvar icon = this.props.data.icon && {this.props.data.label} ;\n\t\tvar badge = this.props.data.badge && {this.props.data.badge} ;\n\t\tvar title = this.props.data.title && {this.props.data.title} {label} ;\n\t\t\n\t\treturn (\n\t\t\t\n\t\t\t\t{({pageSidebarMinified}) => (\n\t\t\t\t\t (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.data.children ? (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{this.props.data.children && this.props.data.children.map((submenu, i) => (\n\t\t\t\t\t\t\t\t\t\t this.handleExpand(e, i, match)}\n\t\t\t\t\t\t\t\t\t\t\tactive={i === this.state.active} \n\t\t\t\t\t\t\t\t\t\t\tclicked={this.state.clicked}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t \n\t\t\t\t\t)} />\n\t\t\t\t)}\n\t\t\t \n\t\t);\n\t}\n}\n\nexport default FloatSubMenuList;","import React from 'react';\nimport { Route } from 'react-router-dom';\nimport { PageSettings } from './../../config/page-settings.js';\nimport FloatSubMenuList from './float-sub-menu-list.jsx';\n\nclass FloatSubMenu extends React.Component {\n\tstatic contextType = PageSettings;\n\t\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tactive: -1,\n\t\t\tclicked: -1\n\t\t};\n\t}\n\t\n\thandleExpand(e, i, match) {\n\t\te.preventDefault();\n\t\t\n\t\tif (this.state.clicked === -1 && match) {\n\t\t\tthis.setState(state => ({\n\t\t\t\tactive: -1,\n\t\t\t\tclicked: 1\n\t\t\t}));\n\t\t} else {\n\t\t\tthis.setState(state => ({\n\t\t\t\tactive: (this.state.active === i ? -1 : i),\n\t\t\t\tclicked: 1\n\t\t\t}));\n\t\t}\n\t\tsetTimeout(() => {\n\t\t\tthis.context.handleFloatSubMenuClick();\n\t\t}, 0);\n\t}\n\t\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t{({ \n\t\t\t\t\tpageFloatSubMenu, \n\t\t\t\t\tpageFloatSubMenuActive,\n\t\t\t\t\tpageFloatSubMenuTop,\n\t\t\t\t\tpageFloatSubMenuLeft,\n\t\t\t\t\tpageFloatSubMenuBottom,\n\t\t\t\t\tpageFloatSubMenuLineTop,\n\t\t\t\t\tpageFloatSubMenuLineBottom,\n\t\t\t\t\tpageFloatSubMenuArrowTop,\n\t\t\t\t\tpageFloatSubMenuArrowBottom,\n\t\t\t\t\thandleFloatSubMenuOnMouseOver,\n\t\t\t\t\thandleFloatSubMenuOnMouseOut\n\t\t\t\t}) => (\n\t\t\t\t\t\n\t\t\t\t)}\n\t\t\t \n\t\t);\n\t}\n};\n\nexport default FloatSubMenu;\n","import React from 'react';\nimport { PageSettings } from './config/page-settings.js';\n\nimport Header from './components/header/header.jsx';\nimport Sidebar from './components/sidebar/sidebar.jsx';\nimport Content from './components/content/content.jsx';\nimport Footer from './components/footer/footer.jsx';\nimport FloatSubMenu from './components/float-sub-menu/float-sub-menu.jsx';\nimport LoadingOverlay from 'react-loading-overlay';\nimport { disposeMessage } from \"./redux/AppAction.js\";\nimport { connect } from \"react-redux\";\nimport { updateLoginUser, resetLogin, performLogout } from \"./redux/AuthAction.js\";\nimport { ApiKey, ApiUrl, WebUrl } from \"./util/Constant\";\nimport SweetAlert from 'react-bootstrap-sweetalert';\nimport { stringIsNullOrEmpty } from './util/Util';\nimport moment from 'moment';\nimport { fetch } from 'whatwg-fetch';\nimport { ToastContainer, toast } from 'react-toastify';\nimport 'react-toastify/dist/ReactToastify.css';\nimport notificationSound from '../src/assets/notification.mp3';\nimport { Modal, ModalBody } from 'reactstrap';\n\nclass App extends React.Component {\n constructor(props) {\n super(props);\n\n this._1_HR_TIMEOUT_TIME = 60 * 60 * 1000;\n\n this.events = [\n \"load\",\n \"mousedown\",\n \"click\",\n \"keypress\"\n ]\n\n this.audio = new Audio(require(\"../src/assets/notification.mp3\"));\n\n const Msg = ({ Title, Body }) => (\n \n )\n\n this.pauseAudio = () => {\n if (window.location.pathname == WebUrl._URL_TRANSACTION_ENQUIRY) {\n this.audio.pause();\n }\n }\n\n this.toast = (messageContent) => {\n toast(Msg(messageContent));\n\n this.audio.loop = true;\n //this.audio.play();\n }\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 /// \n /// Author : -\n /// \n this.resetTimeout = this.resetTimeout.bind(this);\n\n this.setTimeoutAlert = (value) => {\n this.setState(state => ({\n timeoutAlert: value\n }));\n }\n\n this.state = {\n pageHeader: true,\n pageheaderMegaMenu: false,\n pageHeaderLanguageBar: true,\n hasScroll: false,\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\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 /// Author : -\n /// \n timeoutAlert: false,\n setTimeoutAlert: this.setTimeoutAlert\n };\n }\n\n /// \n /// Author : -\n /// Edit: Add Checking for last active\n /// \n componentDidMount() {\n window.addEventListener(\"click\", this.pauseAudio);\n\n if (localStorage.getItem(\"lastActiveAt\") != null) {\n let lastDateTime = moment(localStorage.getItem(\"lastActiveAt\"));\n if (moment().diff(lastDateTime, \"hours\") >= 1) {\n this.props.performLogout();\n localStorage.removeItem(\"lastActiveAt\");\n return;\n }\n }\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 componentWillUnmount() {\n }\n\n /// \n /// Author : -\n /// \n componentDidUpdate(prevState) {\n if (this.props.firebaseState.dataContent != null) {\n this.toast(this.props.firebaseState.dataContent);\n }\n\n if (prevState.authState.isLoggedIn != this.props.authState.isLoggedIn) {\n if (this.props.authState.isLoggedIn) {\n this.resetTimeout();\n\n for (var i in this.events) {\n window.addEventListener(this.events[i], this.resetTimeout)\n }\n }\n else {\n this.destroyTimeout();\n\n for (var i in this.events) {\n window.removeEventListener(this.events[i], this.resetTimeout)\n }\n }\n }\n }\n\n /// \n /// Author : -\n /// Edit: added localstorage\n /// \n resetTimeout = () => {\n if (this.props.authState.isLoggedIn) {\n clearTimeout(this.startTimeout);\n this.startTimeout = setTimeout(() => { this.setTimeoutAlert(true); localStorage.removeItem(\"lastActiveAt\"); }, this._1_HR_TIMEOUT_TIME);\n localStorage.setItem(\"lastActiveAt\", moment().format(\"YYYY-MM-DD HH:mm:ss\"));\n }\n }\n\n /// \n /// Author : -\n /// Edit: added localstorage remove\n /// \n destroyTimeout = () => {\n if (this.startTimeout) {\n clearTimeout(this.startTimeout);\n localStorage.removeItem(\"lastActiveAt\");\n }\n }\n\n /**\n * \n * Author: -\n * added loading screen\n * \n **/\n render() {\n return (\n \n {this.state.timeoutAlert && { this.setTimeoutAlert(false); this.props.performLogout(); }}\n onCancel={() => { this.setTimeoutAlert(false); this.props.performLogout(); }}\n timeout={3000} />\n }\n ({\n ...base,\n zIndex: '10000',\n position: 'fixed',\n })\n }}\n text={this.props.appState.message}\n >\n \n {\n !stringIsNullOrEmpty(this.props.appState.responseMessage) &&\n { this.props.disposeMessage(); }}\n onCancel={() => { this.props.disposeMessage(); }} />\n }\n {this.props.authState.loginStateInitialized &&\n \n {this.state.pageHeader && ()}\n {this.state.pageSidebar && (
}\n \n )\n }\n}\n\nconst mapStateToProps = state => ({\n ...state\n});\n\nexport default connect(\n mapStateToProps,\n {\n disposeMessage: disposeMessage,\n updateLoginUser: updateLoginUser,\n resetLogin: resetLogin,\n performLogout: performLogout\n }\n)(App);","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport App from \"./app.jsx\";\nimport { BrowserRouter } from \"react-router-dom\";\nimport { Provider } from \"react-redux\";\nimport store from \"./ApplicationStore.js\";\nimport \"./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\";\n\n// ========================================\n\nReactDOM.render(\n \n \n \n ,\n document.getElementById(\"root\")\n);\n"],"sourceRoot":""} ![]({require(\"../../assets/img/svg/maintenance.svg\")})
\n