\n \n {\n if (source !== 'BANK_UPDATE') {\n if (ausIdNum) {\n let value = /^[a-zA-Z0-9]{0,11}$/.test(e.target.value);\n if (value) {\n setIdNumber(e.target.value.toUpperCase());\n }\n } else {\n let value = /^[a-zA-Z0-9]{0,15}$/.test(e.target.value);\n if (value) {\n setIdNumber(e.target.value.toUpperCase());\n }\n }\n }\n }}\n >\n {!isValidIdNumber && (docTypeId == 4 || docTypeId == 3) && (\n
\n )}\n \n {'Please input valid ID Number'}
\n )}\n {docTypeId == 3 && globalState?.merchant?.country === MerchantCountries.AUSTRALIA && (\n\n \n {\n if (validateCardNumber(e.target.value) && source !== 'BANK_UPDATE') {\n doValidation(e.target.value);\n setCardNumber(e.target.value.toUpperCase());\n }\n }}\n >\n {isValidCardNumber && (\n
\n )}\n {'Please input valid card number'}
\n )}\n- \n {uploadingOrUploadedFiles.map((uploadingFile) => {\n return (\n
\n \n onChange(e.target.value?.replace(/ /g, '')?.trim())}\n placeholder={placeholder}\n title={title}\n minLength={minLength}\n pattern={pattern}\n endAdornment={\n \n {showPassword ? (\n \n setShowPassword(false)} />\n \n ) : (\n \n setShowPassword(true)} />\n \n )}\n \n }\n autoFocus={autoFocus}\n />\n \n
\n );\n}\n\nexport default PasswordInputComponent;\n","import React, { useState } from 'react';\nimport PasswordInputComponent from './password-input.component';\n\nfunction PasswordInput(props) {\n const [showPassword, setShowPassword] = useState(false);\n\n return \n
\n );\n}\n\nLoginFormComponent.propTypes = {\n email: PropTypes.string,\n setEmail: PropTypes.func,\n password: PropTypes.string,\n setPassword: PropTypes.func,\n onSubmit: PropTypes.func,\n error: PropTypes.string,\n errorCode: PropTypes.string,\n setError: PropTypes.func,\n errorCodeMsg: PropTypes.bool,\n setErrorCodeMsg: PropTypes.func,\n loading: PropTypes.bool,\n isСonfirmationEmailShows: PropTypes.bool,\n isEmailConfirmedSuccessfully: PropTypes.bool,\n setСonfirmationEmailShows: PropTypes.func,\n verificationCode: PropTypes.string,\n setVerificationCode: PropTypes.func,\n isPasswordlessLogin: PropTypes.bool,\n setIsPasswordlessLogin: PropTypes.func,\n passwordLessEmail: PropTypes.string,\n setPasswordLessEmail: PropTypes.func,\n passwordLessPhone: PropTypes.string,\n setPasswordLessPhone: PropTypes.func,\n loginWithEmail: PropTypes.func,\n verifyCode: PropTypes.func,\n loginWithPhone: PropTypes.func,\n needToVerifyCode: PropTypes.bool,\n codeSentToPhone: PropTypes.bool,\n resend: PropTypes.func,\n remainingRetryNumber: PropTypes.number,\n resetPasswordLessFields: PropTypes.func,\n showSmsSent: PropTypes.bool,\n setShowSmsSent: PropTypes.func,\n cloakedPhoneNumber: PropTypes.string,\n isUpdatePasswordMessageShows: PropTypes.bool,\n setIsUpdatePasswordMessageShows: PropTypes.func,\n querySubmitted: PropTypes.bool,\n setQuerySubmitted: PropTypes.func\n};\n\nexport default LoginFormComponent;\n","export const errorCodes = {\n SUCCESSFUL_VOID_TRANSACTION: {\n statusCode: 1012\n },\n SUSPENDED_ACCOUNT: {\n statusCode: 1022\n },\n PASSWORD_IS_EXPIRED: {\n statusCode: 1026\n },\n USER_NOT_FOUND: {\n statusCode: 1003\n },\n INCORRECT_CREDENTIAL: {\n statusCode: 1023\n },\n USER_NOT_SIGNED_UP: {\n statusCode: 1031\n }\n};\n","import React, { useState, useEffect } from 'react';\nimport LoginFormComponent from './login-form.component';\nimport { useGlobalStateContext } from 'contexts';\nimport moment from 'moment';\nimport {\n UserService,\n AuthService,\n NonResellerMerchantService,\n DocumentsService,\n CanonicalResellerService\n} from 'services';\nimport { Auth, Hub, Cache } from 'aws-amplify';\nimport { useLocation } from 'react-router-dom';\nimport { parse } from 'query-string';\nimport * as Sentry from '@sentry/react';\nimport { supportedLanguages } from 'utils/constants';\nimport { UserType } from 'utils/enums/UserType';\nimport { MerchantCountries } from 'utils/enums/MerchantCountries';\nimport { MerchantStatus } from 'utils/enums/MerchantStatus';\nimport { MAX_PASSWORD_CHANGE_DAYS } from 'utils/enums/ChangePasswordTriggerDays';\nimport { getFormattedDocumentsStatsForMerchant } from 'utils/helper';\nimport { Roles } from 'utils/enums/Roles';\nimport _ from 'lodash';\nimport { errorCodes } from 'utils/internalStatusCode';\nimport { ResellerType } from 'utils/enums/ResellerType';\n\nfunction LoginForm(props) {\n const { globalState, setGlobalState, setRoute, getRoute } = useGlobalStateContext();\n const [email, setEmail] = useState('');\n const [password, setPassword] = useState('');\n const [error, setError] = useState(null);\n const [errorCode, setErrorCode] = useState(null);\n const [errorCodeMsg, setErrorCodeMsg] = useState(false);\n const [loading, setLoading] = useState(false);\n const [isСonfirmationEmailShows, setСonfirmationEmailShows] = useState(false);\n const [isEmailConfirmedSuccessfully, setIsEmailConfirmedSuccessfully] = useState(false);\n const [isPasswordlessLogin, setIsPasswordlessLogin] = useState(false);\n const [customChallengePreviousResponseEmail, setCustomChallengePreviousResponseEmail] = useState(false);\n const [customChallengePreviousResponsePhone, setCustomChallengePreviousResponsePhone] = useState(false);\n const [verificationCode, setVerificationCode] = useState(null);\n const [passwordLessEmail, setPasswordLessEmail] = useState(null);\n const [passwordLessPhone, setPasswordLessPhone] = useState(null);\n const [passwordLessPhoneRelatedEmail, setPasswordLessPhoneRelatedEmail] = useState(null);\n const [needToVerifyCode, setNeedToVerifyCode] = useState(false);\n const [codeSentToPhone, setCodeSentToPhone] = useState(false);\n const [remainingRetryNumber, setRemainingRetryNumber] = useState(3);\n const [showSmsSent, setShowSmsSent] = useState(false);\n const [cloakedPhoneNumber, setCloakedPhoneNumber] = useState('');\n const [isUpdatePasswordMessageShows, setIsUpdatePasswordMessageShows] = useState(false);\n const [querySubmitted, setQuerySubmitted] = useState(false);\n const [generalPageError, setGeneralPageError] = useState('');\n const [countryCodeByNumber, setCountryCodeByNumber] = useState(null);\n const [orangeMessageStyle, setOrangeMessageStyle] = useState(false);\n const [isDisabled, setIsDisabled] = useState(false);\n const newPasswordRequired = 'NEW_PASSWORD_REQUIRED';\n const CUSTOM_CHALLENGE = 'CUSTOM_CHALLENGE';\n const invalidOtpMessage = 'Verification code is invalid.';\n const location = useLocation();\n const local = navigator?.language;\n const locale = supportedLanguages.find((language) => language.locale === local) ? local : 'en-GB';\n const isDatman = document.URL.includes('portal.datmancrm.com');\n const isOmnipay = document.URL.includes('portal.omni-pay.com');\n const [invalidAttempts, setInvalidAttempts] = useState(0);\n let maxAttempts = 6;\n\n function resetCountAndStartTimer() {\n const timer = setTimeout(localStorage.setItem('invalidAttempts', 0), 60000); // Reset count after 60 seconds\n clearTimeout(timer);\n }\n\n useEffect(() => {\n const storedAttempts = localStorage.getItem('invalidAttempts');\n if (storedAttempts) {\n setInvalidAttempts(parseInt(storedAttempts));\n }\n }, []);\n\n useEffect(() => {\n const timerStart = parseInt(localStorage.getItem('timerStart'));\n const currentTime = new Date().getTime();\n const elapsedTime = currentTime - timerStart;\n const minuteInMillis = 60 * 1000;\n\n if (invalidAttempts === maxAttempts || !timerStart || elapsedTime >= minuteInMillis) {\n localStorage.setItem('invalidAttempts', 0);\n resetCountAndStartTimer();\n } else {\n localStorage.setItem('invalidAttempts', invalidAttempts.toString());\n }\n //eslint-disable-next-line\n }, [invalidAttempts]);\n useEffect(() => {\n const urlParams = parse(location.hash);\n if (urlParams.email_verification) {\n setСonfirmationEmailShows(true);\n if (urlParams.email_verification === 'success') {\n setIsEmailConfirmedSuccessfully(true);\n if (urlParams.email && urlParams.email !== 'undefined') {\n setEmail(urlParams.email.replaceAll(' ', '+'));\n }\n } else {\n if (urlParams.errorMessage) {\n setError(urlParams.errorMessage);\n }\n setIsEmailConfirmedSuccessfully(false);\n }\n }\n\n if (urlParams['update-password']) {\n setIsUpdatePasswordMessageShows(true);\n }\n }, [location]);\n\n useEffect(() => {\n Hub.listen('SignupSocial', ({ payload: { event, data } }) => {\n switch (event) {\n case 'start': {\n setLoading(true);\n Auth.currentAuthenticatedUser({ bypassCache: true })\n .then((response) => {\n const thirdPartyResellerUrlParameterCache = Cache.getItem('thirdPartyResellerUrlParameter');\n if (globalState.reseller?.portalURL === 'portal.datmancrm.com') {\n if (thirdPartyResellerUrlParameterCache) {\n //Register user in db and send email\n saveUserAndSendEmail(data, response, thirdPartyResellerUrlParameterCache);\n }\n // restrict signup for non t2s users and remove already registered user in cognito\n else {\n UserService.getUserByCognitoUserName(response.attributes.sub).then(\n (responseUser) => {\n if (responseUser.isSuccessfully && responseUser.user) {\n localStorage.setItem('user', JSON.stringify(responseUser.user));\n setGlobalState({ ...globalState, user: responseUser.user });\n if (props.linkQrData) setRoute(`/home${props.linkQrData}`);\n setRoute('/home');\n } else if (responseUser.isSuccessfully && !responseUser.user) {\n setLoading(false);\n setError('User not allowed to enter in this portal');\n AuthService.removeCognitoUser(\n data.signInUserSession.idToken.payload['cognito:username']\n )\n .then({})\n .catch({});\n AuthService.logout();\n } else {\n setLoading(false);\n setError(response.message);\n }\n }\n );\n }\n } else {\n // Mypay\n //Check if user exists\n UserService.getUserByCognitoUserName(response.attributes.sub).then((responseUser) => {\n if (responseUser.isSuccessfully && responseUser.user) {\n localStorage.setItem('user', JSON.stringify(responseUser.user));\n setGlobalState({ ...globalState, user: responseUser.user });\n if (props.linkQrData) setRoute(`/home${props.linkQrData}`);\n else setRoute('/home');\n } else if (responseUser.isSuccessfully && !responseUser.user) {\n //Signup new user\n saveUserAndSendEmail(data, response, thirdPartyResellerUrlParameterCache);\n } else {\n setLoading(false);\n setError(response.message);\n console.error(response.message);\n }\n });\n }\n })\n .catch((authError) => {\n setLoading(false);\n setError(authError.message);\n });\n break;\n }\n default: {\n }\n }\n });\n // eslint-disable-next-line\n }, []);\n\n useEffect(() => {\n const showMessage = sessionStorage.getItem('querySubmitted');\n if (showMessage) {\n sessionStorage.removeItem('querySubmitted');\n setQuerySubmitted(true);\n }\n }, []);\n\n useEffect(() => {\n const pageError = sessionStorage.getItem('generalPageError');\n if (pageError) {\n sessionStorage.removeItem('generalPageError');\n setGeneralPageError(pageError);\n }\n }, []);\n\n const handleSubmit = async (event) => {\n event.preventDefault();\n event.stopPropagation();\n setError(null);\n setErrorCode(null);\n setLoading(true);\n setIsDisabled(true);\n\n Auth.signIn({\n username: email,\n password: password\n })\n .then((response) => {\n if (response.challengeName === newPasswordRequired) {\n setRoute('/signup', {\n email: email,\n password: password\n });\n } else {\n UserService.getUserByCognitoUserName(response.attributes.sub).then(async (response) => {\n const isReseller = response.user?.UserType?.name === UserType.Reseller;\n let resellerResponse;\n\n let resellerType;\n\n const isAgent = _.isArray(response.user?.Relationships)\n ? response.user?.Relationships[0]?.Role.name === Roles.Agent\n : false;\n\n if (isReseller) {\n resellerResponse = await CanonicalResellerService.getCanonicalResellersAPI();\n resellerType =\n resellerResponse.data[0].resellerId === 1 ? ResellerType.OMNIPAY : ResellerType.DATMAN;\n }\n if (response.user.isPep) {\n AuthService.logout();\n Auth.signOut({ global: true });\n setError('Your account is locked');\n setLoading(false);\n } else if (\n (isDatman && resellerType === ResellerType.OMNIPAY) ||\n (isOmnipay && resellerType === ResellerType.DATMAN) ||\n (isAgent && !isDatman)\n ) {\n AuthService.logout();\n Auth.signOut({ global: true });\n setError('User not found');\n setLoading(false);\n } else {\n localStorage.setItem('selectedLanguage', locale);\n const user = response.user;\n const isMerchant = response.user?.UserType?.name === UserType.Merchant;\n\n setGlobalState({ ...globalState, user: response.user, merchant: null });\n if (isMerchant) {\n const response = await NonResellerMerchantService.getUserMerchants(\n globalState.reseller?.id\n );\n\n if (response !== null && response.isSuccesfully) {\n const merchants = response.data.merchantsDto;\n const inCompleteOnboardingMerchants = JSON.parse([\n response.data?.InCompleteOnboardingMerchants\n ]);\n if (merchants?.length > 0) {\n const merchant = merchants[0];\n setGlobalState((globalState) => ({\n ...globalState,\n merchant,\n user: user\n }));\n\n sessionStorage.setItem('merchant', JSON.stringify(merchant));\n const isUkMerchant = merchant?.country === MerchantCountries.UNITED_KINGDOM;\n const isActiveMerchant = merchant?.status === MerchantStatus.ACTIVE;\n if (\n isUkMerchant &&\n isActiveMerchant &&\n inCompleteOnboardingMerchants?.includes(merchant?.id)\n ) {\n const merchantId = merchant.id;\n const completedStepsResponse = await NonResellerMerchantService.t2sIncompleteOnBoardingFormCheck(\n merchantId\n );\n const documentsResponse = await DocumentsService.listObjects(\n 'merchant',\n merchantId\n );\n if (completedStepsResponse.isSuccesfully) {\n const isInComplete = !completedStepsResponse.data?.validOnboardingFrom;\n const inCompleteSteps = completedStepsResponse.data?.inCompleteSteps;\n const noDocumentsPending = getFormattedDocumentsStatsForMerchant({\n merchantBusinessTypeId: merchant?.businessTypeId,\n merchantCountry: merchant?.country,\n merchantDocuments: documentsResponse.data\n }).hasAllMandatoryDocsUploaded;\n if (isInComplete) {\n setGlobalState((globalState) => ({\n ...globalState,\n merchant: {\n ...globalState.merchant,\n onboardingStep: inCompleteSteps[0]\n }\n }));\n localStorage.setItem('user', JSON.stringify(user));\n setRoute('/onboarding');\n return;\n } else {\n if (!noDocumentsPending) {\n setGlobalState((globalState) => ({\n ...globalState,\n merchant: {\n ...globalState.merchant,\n onboardingStep: 8\n }\n }));\n localStorage.setItem('user', JSON.stringify(user));\n setRoute('/onboarding');\n return;\n }\n }\n }\n }\n }\n }\n }\n setLoading(false);\n setInvalidAttempts(0);\n localStorage.setItem('user', JSON.stringify(response.user));\n Sentry.withScope((scope) => {\n scope.setTag('login', 'success');\n Sentry.captureMessage('Login success');\n });\n if (props.linkQrData) setRoute(`/home${props.linkQrData}`);\n else setRoute('/home');\n }\n const diffeneceInTime = moment().diff(moment(response.user.updatedPasswordAt), 'days');\n if (diffeneceInTime >= MAX_PASSWORD_CHANGE_DAYS) {\n const { firstName, lastName } = response.user;\n const encodedEmail = encodeURIComponent(email);\n AuthService.logout();\n Auth.signOut({ global: true });\n const redirectUrlForresetPassword = getRoute(\n `/reset-password?email=${encodedEmail}&reset-token=${password}&firstName=${firstName}&lastName=${lastName}&passwordRotation=passwordRotation`\n );\n window.location.href = redirectUrlForresetPassword;\n }\n });\n }\n })\n .catch((err) => {\n let errorMessage = err.message?.replace('UserMigration failed with error ', '');\n\n if (\n errorMessage === 'Incorrect username or password.' ||\n errorMessage === 'User does not exist.' ||\n errorMessage === 'Password attempts exceeded' ||\n errorMessage === 'User is disabled.'\n ) {\n errorMessage = 'Your authentication information is incorrect. Please try again.';\n }\n setError(errorMessage);\n const updatedInvalidAttempts = invalidAttempts + 1;\n setInvalidAttempts(updatedInvalidAttempts);\n if (updatedInvalidAttempts === 1) {\n localStorage.setItem('timerStart', new Date().getTime().toString());\n }\n setTimeout(() => {\n window.location.reload();\n }, 2000);\n const maxAttemptsforError = 4;\n const remainingValidAttempt = maxAttempts - maxAttemptsforError;\n if (updatedInvalidAttempts === maxAttemptsforError) {\n setError(\n `You have tried too many times, you have ${remainingValidAttempt} valid attempts remaining.`\n );\n }\n setLoading(false);\n // setIsDisabled(false);\n setErrorCode(err.code);\n event.preventDefault();\n event.stopPropagation();\n Sentry.withScope((scope) => {\n scope.setTag('login', 'failed');\n scope.setUser({ email: email });\n Sentry.captureException(new Error(err.message));\n });\n });\n };\n\n const loginWithEmail = async (event) => {\n event.preventDefault();\n event.stopPropagation();\n setError(null);\n setErrorCode(null);\n setErrorCodeMsg(false);\n setLoading(true);\n\n try {\n await startLoginWithEmail();\n } catch (error) {\n setError(error.message);\n setLoading(false);\n event.preventDefault();\n event.stopPropagation();\n }\n };\n\n const loginWithPhone = async (event) => {\n event.preventDefault();\n event.stopPropagation();\n setError(null);\n setErrorCode(null);\n setLoading(true);\n\n try {\n await startLoginWithPhone();\n } catch (error) {\n setError(error.message);\n setLoading(false);\n event.preventDefault();\n event.stopPropagation();\n }\n };\n\n const resend = async (event) => {\n event.preventDefault();\n event.stopPropagation();\n setError(null);\n setErrorCode(null);\n setLoading(true);\n setErrorCodeMsg(false);\n setCustomChallengePreviousResponseEmail(null);\n setCustomChallengePreviousResponsePhone(null);\n setVerificationCode('');\n setRemainingRetryNumber(3);\n setIsDisabled(true);\n\n try {\n if (codeSentToPhone) {\n await startLoginWithPhone();\n } else {\n await startLoginWithEmail();\n }\n setIsDisabled(false);\n } catch (error) {\n setError(error.message);\n setLoading(false);\n event.preventDefault();\n event.stopPropagation();\n }\n };\n\n const verifyCode = async (event) => {\n event.preventDefault();\n event.stopPropagation();\n setError(null);\n setErrorCode(null);\n setErrorCodeMsg(false);\n setLoading(true);\n\n try {\n if (codeSentToPhone) {\n const answer = await Auth.sendCustomChallengeAnswer(\n customChallengePreviousResponsePhone,\n verificationCode\n );\n if (answer.challengeName === CUSTOM_CHALLENGE) {\n setRemainingRetryNumber(remainingRetryNumber - 1);\n setCustomChallengePreviousResponsePhone(answer);\n setLoading(false);\n setNeedToVerifyCode(true);\n setError(invalidOtpMessage);\n setErrorCodeMsg(true);\n } else {\n UserService.getUserByCognitoUserName(answer.attributes.sub).then((response) => {\n localStorage.setItem('user', JSON.stringify(response.user));\n setGlobalState({ ...globalState, user: response.user, merchant: null });\n setLoading(false);\n if (props.linkQrData) setRoute(`/home${props.linkQrData}`);\n else setRoute('/home');\n });\n }\n } else {\n const answer = await Auth.sendCustomChallengeAnswer(\n customChallengePreviousResponseEmail,\n verificationCode\n );\n\n if (answer.challengeName === CUSTOM_CHALLENGE) {\n setRemainingRetryNumber(remainingRetryNumber - 1);\n setCustomChallengePreviousResponseEmail(answer);\n setLoading(false);\n setError(invalidOtpMessage);\n setErrorCodeMsg(true);\n setNeedToVerifyCode(true);\n } else {\n UserService.getUserByCognitoUserName(answer.attributes.sub).then((response) => {\n localStorage.setItem('user', JSON.stringify(response.user));\n setGlobalState({ ...globalState, user: response.user, merchant: null });\n setLoading(false);\n if (props.linkQrData) setRoute(`/home${props.linkQrData}`);\n else setRoute('/home');\n });\n }\n }\n } catch (error) {\n setRemainingRetryNumber(0);\n setError(invalidOtpMessage);\n setErrorCodeMsg(true);\n setLoading(false);\n event.preventDefault();\n event.stopPropagation();\n }\n };\n\n const resetPasswordLessFields = () => {\n setCustomChallengePreviousResponseEmail(null);\n setCustomChallengePreviousResponsePhone(null);\n setVerificationCode(null);\n setPasswordLessPhoneRelatedEmail(null);\n setNeedToVerifyCode(false);\n setCodeSentToPhone(false);\n setErrorCodeMsg(false);\n setShowSmsSent(false);\n setRemainingRetryNumber(3);\n };\n\n async function startLoginWithEmail() {\n setIsDisabled(true);\n const response = await AuthService.createNewAuthOtp({ parameter: passwordLessEmail, viaPhone: false });\n if (response.isSuccesfully) {\n if (response.status === 202) {\n setError(response.data);\n setOrangeMessageStyle(true);\n } else if (\n response.data.statusCode === errorCodes.USER_NOT_FOUND.statusCode ||\n response.data.statusCode === errorCodes.INCORRECT_CREDENTIAL.statusCode ||\n response.data.statusCode === errorCodes.USER_NOT_SIGNED_UP.statusCode\n ) {\n setNeedToVerifyCode(true);\n setCodeSentToPhone(true);\n } else {\n const rspAuth = await Auth.signIn({ username: passwordLessEmail });\n if (rspAuth.challengeName === CUSTOM_CHALLENGE) {\n setCustomChallengePreviousResponseEmail(rspAuth);\n setNeedToVerifyCode(true);\n setCodeSentToPhone(false);\n }\n }\n setLoading(false);\n setIsDisabled(false);\n } else {\n let errorMessage = response.error;\n if (errorMessage === 'Maximum limit reached. Please try after 30 minute') {\n setError(errorMessage);\n } else if (errorMessage.errorCode === errorCodes.PASSWORD_IS_EXPIRED.statusCode) {\n setError(errorMessage.message);\n } else {\n setNeedToVerifyCode(true);\n setCodeSentToPhone(false);\n }\n\n setLoading(false);\n setIsDisabled(false);\n }\n }\n\n async function startLoginWithPhone() {\n setIsDisabled(true);\n const response = await AuthService.createNewAuthOtp({ parameter: `+${passwordLessPhone}`, viaPhone: true });\n if (response.isSuccesfully) {\n if (response.status === 202) {\n setError(response.data);\n setOrangeMessageStyle(true);\n } else if (\n response.data.statusCode === errorCodes.USER_NOT_FOUND.statusCode ||\n response.data.statusCode === errorCodes.INCORRECT_CREDENTIAL.statusCode ||\n response.data.statusCode === errorCodes.USER_NOT_SIGNED_UP.statusCode\n ) {\n setNeedToVerifyCode(true);\n setCodeSentToPhone(true);\n } else {\n setPasswordLessPhoneRelatedEmail(response.data.email);\n const rspAuth = await Auth.signIn({ username: response.data.email });\n if (rspAuth.challengeName === CUSTOM_CHALLENGE) {\n setCustomChallengePreviousResponsePhone(rspAuth);\n setNeedToVerifyCode(true);\n setShowSmsSent(true);\n setCodeSentToPhone(true);\n }\n }\n setLoading(false);\n setIsDisabled(false);\n } else {\n let errorMessage = response.error;\n if (errorMessage === 'Maximum limit reached. Please try after 30 minute') {\n setError(errorMessage);\n } else if (\n errorMessage.errorCode === errorCodes.PASSWORD_IS_EXPIRED.statusCode ||\n errorMessage.errorCode === errorCodes.SUSPENDED_ACCOUNT.statusCode ||\n errorMessage.errorCode === errorCodes.USER_NOT_FOUND.statusCode\n ) {\n setError(errorMessage.message);\n } else {\n setNeedToVerifyCode(true);\n setShowSmsSent(true);\n setCodeSentToPhone(true);\n }\n setLoading(false);\n setIsDisabled(false);\n }\n }\n\n useEffect(() => {\n if (passwordLessPhone?.length > 4) {\n const passwordLessPhoneMaskedLength = passwordLessPhone.length - 4;\n const cloakedPhone = `${Array(passwordLessPhoneMaskedLength).join('*')}${passwordLessPhone.slice(\n passwordLessPhoneMaskedLength\n )}`;\n setCloakedPhoneNumber(cloakedPhone);\n } else {\n setCloakedPhoneNumber('*********');\n }\n }, [passwordLessPhone]);\n\n useEffect(() => {\n function focusOnPasswordLessPhoneInput() {\n let phoneInputElement = document.getElementsByClassName('passwordless-auth-phone-input')[0];\n phoneInputElement && phoneInputElement.focus();\n }\n if (isPasswordlessLogin && !needToVerifyCode) {\n focusOnPasswordLessPhoneInput();\n }\n }, [isPasswordlessLogin, needToVerifyCode]);\n\n return (\n \n {isUpdatePasswordMessageShows && (\n setIsUpdatePasswordMessageShows(false)}\n type=\"success\"\n >\n Password was changed successfully.\n \n )}\n {isСonfirmationEmailShows &&\n (isEmailConfirmedSuccessfully ? (\n setСonfirmationEmailShows(false)}\n type=\"success\"\n >\n The email was successfully confirmed.\n \n ) : (\n setСonfirmationEmailShows(false)}\n type=\"error\"\n >\n {error\n ? error\n : 'An error was occurred when checking the email. Please contact support or try again.'}\n \n ))}\n {showSmsSent && (\n setShowSmsSent(false)} type=\"success\">\n SMS sent to phone number set during sign up process.\n \n )}\n {querySubmitted && (\n setQuerySubmitted(false)} type=\"success\">\n Your query has been sent to our support team. We will get back to you shortly !\n \n )}\n {generalPageError && (\n setGeneralPageError('')} type=\"error\">\n {generalPageError}\n \n )}\n
\n\n \n \n {/* {globalState.reseller?.name === ResellerType.OMNIPAY && (\n \n \n \n Don't have an account?{' '}\n \n Sign up\n \n \n \n \n )} */}\n
\n \n
\n )} */}\n {/* {globalState.reseller?.name === ResellerType.OMNIPAY && (\n {props.data.name}
;\n }\n }\n\n function renderUpdateButtons() {\n if (props.isUpdateDetailsMode) {\n return (\n {renderBusinessDetails()}
\n \n {props.data.id && (\n
\n \n {checkPermissions(props.selectedElement.role, Permissions.BusinessCRUD) && (\n \n )}\n {checkPermissions(props.selectedElement.role, Permissions.AssignUser) && (\n props.setShowAssignUser(true)}\n >\n Assign a user to business\n \n )}\n {checkPermissions(props.selectedElement.role, Permissions.BusinessCRUD) &&\n renderUpdateButtons()}\n {checkPermissions(props.selectedElement.role, Permissions.BusinessCRUD) && (\n props.setIsShowDeleteWarning((state) => !state)}\n >\n Delete\n \n )}\n
\n )}\n {props.data.name}
;\n }\n }\n\n function renderClientUpdateButtons() {\n if (props.isUpdateDetailsMode) {\n return (\n {renderClientDetails()}
\n \n {props.data.id && (\n
\n \n {checkPermissions(props.selectedElement.role, Permissions.BusinessCRUD) && (\n \n )}\n {checkPermissions(props.selectedElement.role, Permissions.AssignUser) && (\n props.setShowAssignUser(true)}\n >\n Assign a user to client\n \n )}\n {checkPermissions(props.selectedElement.role, Permissions.BusinessCRUD) &&\n renderClientUpdateButtons()}\n {checkPermissions(props.selectedElement.role, Permissions.BusinessCRUD) && (\n props.setIsShowDeleteWarningClient((state) => !state)}\n >\n Delete\n \n )}\n
\n )}\n {props.data.name}
;\n }\n }\n\n function renderMerchantUpdateButtons() {\n if (props.isUpdateDetailsMode) {\n return (\n {renderMerchantDetails()}
\n \n {props.data.id && (\n
\n \n {checkPermissions(props.selectedElement.role, Permissions.AssignUser) && (\n props.setShowAssignUser(true)}\n >\n Assign a user to merchant\n \n )}\n {checkPermissions(props.selectedElement.role, Permissions.BusinessCRUD) &&\n renderMerchantUpdateButtons()}\n {checkPermissions(props.selectedElement.role, Permissions.BusinessCRUD) && (\n props.setIsShowDeleteWarningMerchant((state) => !state)}\n >\n Delete\n \n )}\n
\n )}\n \n \n
\n );\n}\n\nSignUpComponent.propTypes = {\n onSubmit: PropTypes.func,\n email: PropTypes.string,\n setEmail: PropTypes.func,\n password: PropTypes.string,\n messages: PropTypes.object,\n setPassword: PropTypes.func,\n confirmPassword: PropTypes.string,\n setConfirmPassword: PropTypes.func,\n signUpError: PropTypes.bool,\n setSignUpError: PropTypes.func,\n errorMessage: PropTypes.string,\n verifyEmail: PropTypes.bool,\n setVerifyEmail: PropTypes.func,\n firstName: PropTypes.string,\n setFirstName: PropTypes.func,\n lastName: PropTypes.string,\n setLastName: PropTypes.func,\n isLoading: PropTypes.bool,\n forceChangePassword: PropTypes.bool,\n oldPassword: PropTypes.string,\n setOldPassword: PropTypes.func,\n successSignupInvite: PropTypes.bool,\n setSuccessSignupInvite: PropTypes.func,\n isUserInvited: PropTypes.bool,\n phone: PropTypes.string,\n setPhone: PropTypes.func,\n isT2SUser: PropTypes.bool,\n isPasswordValid: PropTypes.bool,\n setIsPasswordValid: PropTypes.func,\n isPhoneValid: PropTypes.bool,\n setPhoneCountryIdentificator: PropTypes.string,\n redoPasswordValidation: PropTypes.bool\n\n //thirdPartyResellerUrlParameter: PropTypes.string\n};\n\nexport default SignUpComponent;\n","import { Auth } from 'aws-amplify';\n\nclass AuthHelper {\n static async refreshSessionPromise(refreshToken) {\n return new Promise(async (resolve, reject) => {\n const user = await Auth.currentAuthenticatedUser();\n return user.refreshSession(refreshToken, async (err, data) => {\n if (err) {\n reject(err);\n } else {\n resolve(data);\n }\n });\n });\n }\n\n static async refreshCurrentSession() {\n const session = await Auth.currentSession();\n return this.refreshSessionPromise(session.getRefreshToken());\n }\n}\n\nexport default AuthHelper;\n","import React, { useState, useEffect } from 'react';\nimport SignUpFormComponent from './signup-form.component';\nimport { AuthService, UserService, NonResellerMerchantService } from 'services';\nimport { useLocation } from 'react-router-dom';\nimport { Auth } from 'aws-amplify';\nimport { ALIAS } from '../../utils/constants';\nimport qs from 'query-string';\nimport _ from 'lodash';\nimport AuthHelper from 'utils/authHelper';\nimport { useGlobalStateContext } from 'contexts';\nimport { supportedLanguages } from 'utils/constants';\nimport { getT2SReferralLinkPayload } from 'utils/getT2SReferralLinkPayload';\nimport { MerchantCountriesDialCode } from 'utils/enums/MerchantCountries';\nimport { InputValidators } from 'validators';\n\nfunction SignUpForm() {\n const { globalState, setGlobalState, setRoute } = useGlobalStateContext();\n const [email, setEmail] = useState('');\n const [password, setPassword] = useState('');\n const [confirmPassword, setConfirmPassword] = useState('');\n const [signUpError, setSignUpError] = useState(false);\n const [errorMessage, setErrorMessage] = useState('');\n const [verifyEmail, setVerifyEmail] = useState(false);\n const [firstName, setFirstName] = useState('');\n const [lastName, setLastName] = useState('');\n const [phone, setPhone] = useState(MerchantCountriesDialCode['United Kingdom']);\n const [isPasswordValid, setIsPasswordValid] = useState(false);\n const [phoneCountryIdentificator, setPhoneCountryIdentificator] = useState('');\n const [isLoading, setIsLoading] = useState(false);\n const [redoPasswordValidation, setRedoPasswordValidation] = useState(false);\n const [signature, setSignature] = useState('');\n const local = navigator.language;\n const locale = supportedLanguages.find((language) => language.locale === local) ? local : 'en-GB';\n\n const messages = {\n invalidConfirmPassword: 'Passwords do not match',\n invalidOldPassword: 'Invalid old password',\n oldPassAndNewPassMatch: 'Old password and new password match',\n signUpError: 'An error has occurred. Please try again later.',\n verifyEmail: 'Thank you for the registration! We will redirect you to the homepage.',\n thitdPartyIdExistMessage: 'Sorry, but this referral link is already in the system.'\n };\n\n const [forceChangePassword, setForceChangePassword] = useState(false);\n const [oldPassword, setOldPassword] = useState('');\n const [successSignupInvite, setSuccessSignupInvite] = useState(false);\n const [isUserInvited, setIsUserInvited] = useState(false);\n const [thirdPartyResellerUrlParameter, setThirdPartyResellerUrlParameter] = useState('');\n const [thirdPartyCustomerKey, setThirdPartyCustomerKey] = useState(null);\n const [referralData, setReferralData] = useState(null);\n const [isT2SUser, setIsT2SUser] = useState(false);\n const location = useLocation();\n const [isPhoneValid, setIsPhoneValid] = useState(false);\n const [isEmailValid, setIsEmailValid] = useState(false);\n\n useEffect(() => {\n const queryString = qs.parse(location.search, { ignoreQueryPrefix: true });\n\n if (queryString?.q && !queryString?.signature) {\n setRoute('/login');\n }\n if (queryString?.q && queryString?.signature) {\n const data = getT2SReferralLinkPayload(queryString.q, { globalState, setRoute });\n setThirdPartyResellerUrlParameter('?q=' + queryString.q);\n setThirdPartyCustomerKey(queryString.q);\n setReferralData(data);\n setIsT2SUser(true);\n setFirstName(data?.OwnerFirstName || '');\n setLastName(data?.OwnerLastName || '');\n setEmail(data?.OwnerEmail || '');\n setSignature(queryString?.signature);\n\n if (data?.OwnerPhoneNumber) {\n let dialCode =\n MerchantCountriesDialCode[data.OwnerAddressCountry] || MerchantCountriesDialCode['United Kingdom'];\n if (data.OwnerPhoneNumber.toString().startsWith('0')) {\n setPhone(dialCode + data.OwnerPhoneNumber.toString().substr(1));\n } else if (data.OwnerPhoneNumber.toString().startsWith('+')) {\n setPhone(data?.OwnerPhoneNumber);\n } else {\n setPhone(dialCode + data?.OwnerPhoneNumber);\n }\n }\n }\n\n const fetchData = async () => {\n const userDetails = await UserService.getUserByEmail(location.state.email);\n setEmail(userDetails.user.email);\n setFirstName(userDetails.user.firstName);\n setLastName(userDetails.user.lastName);\n setForceChangePassword(true);\n };\n\n if (location && location.state) {\n fetchData();\n } else if (queryString.email && queryString.oldPassword) {\n setIsUserInvited(true);\n setForceChangePassword(true);\n setOldPassword(decodeURIComponent(queryString.oldPassword));\n setEmail(decodeURIComponent(queryString.email));\n\n if (queryString.phone) setPhone(queryString.phone);\n }\n // eslint-disable-next-line\n }, [location, thirdPartyResellerUrlParameter, setThirdPartyResellerUrlParameter]);\n\n useEffect(() => {\n let tmpPhoneIsValid = false;\n if (isT2SUser) {\n if (phone.length > 6) {\n tmpPhoneIsValid = true;\n } else {\n tmpPhoneIsValid = false;\n }\n } else {\n tmpPhoneIsValid = true;\n }\n\n setIsPhoneValid(tmpPhoneIsValid);\n }, [phone, isT2SUser]);\n\n useEffect(() => {\n if (InputValidators.isEmailValid(email)) {\n setIsEmailValid(true);\n } else {\n setIsEmailValid(false);\n }\n }, [email]);\n\n const handleSubmit = (event) => {\n setVerifyEmail(false);\n setSignUpError(false);\n setIsLoading(true);\n\n if (password !== confirmPassword) {\n setSignUpError(true);\n setErrorMessage(messages.invalidConfirmPassword);\n event.preventDefault();\n event.stopPropagation();\n setIsLoading(false);\n return;\n }\n\n if (forceChangePassword && oldPassword === password) {\n setSignUpError(true);\n setErrorMessage(messages.oldPassAndNewPassMatch);\n event.preventDefault();\n event.stopPropagation();\n setIsLoading(false);\n return;\n }\n\n if (forceChangePassword) {\n let phoneWithoutZero = phone.slice();\n if (phoneWithoutZero[phoneCountryIdentificator.length] === '0') {\n phoneWithoutZero =\n phoneWithoutZero.slice(0, phoneCountryIdentificator.length) +\n phoneWithoutZero.slice(phoneCountryIdentificator.length + 1);\n }\n\n AuthService.completeInvite({\n username: email,\n email: email,\n password: password,\n firstName: firstName,\n lastName: lastName,\n oldPassword: oldPassword,\n phone: phoneWithoutZero\n ? phoneWithoutZero.startsWith('+')\n ? phoneWithoutZero\n : '+' + phoneWithoutZero\n : ''\n }).then((response) => {\n if (response.isSuccesfully) {\n setSuccessSignupInvite(true);\n Auth.signIn({\n username: email,\n password: password\n })\n .then((response) => {\n sessionStorage.setItem('signUp', true);\n UserService.getUserByCognitoUserName(response.attributes.sub).then((response) => {\n localStorage.setItem('selectedLanguage', locale);\n localStorage.setItem('user', JSON.stringify(response.user));\n setGlobalState({ ...globalState, user: response.user });\n setIsLoading(false);\n setRoute('/home');\n });\n })\n .catch((err) => {\n setErrorMessage(err.message);\n setIsLoading(false);\n event.preventDefault();\n event.stopPropagation();\n });\n } else {\n setSignUpError(true);\n response.data.error ? setErrorMessage(response.data.error) : setErrorMessage(messages.signUpError);\n setPassword('');\n setConfirmPassword('');\n setIsLoading(false);\n }\n });\n } else {\n //const params = new URLSearchParams(window.location.href);\n //const merchantId = params.get('merchantId');\n let phoneWithoutZero = phone.slice();\n if (phoneWithoutZero[phoneCountryIdentificator.length] === '0') {\n phoneWithoutZero =\n phoneWithoutZero.slice(0, phoneCountryIdentificator.length) +\n phoneWithoutZero.slice(phoneCountryIdentificator.length + 1);\n }\n\n Auth.signUp({\n username: email,\n password: password,\n attributes: {\n email: email,\n given_name: firstName,\n family_name: lastName,\n 'custom:alias': ALIAS,\n 'custom:resellerUrl': globalState.reseller?.portalURL,\n phone_number: phoneWithoutZero\n ? phoneWithoutZero.startsWith('+')\n ? phoneWithoutZero\n : '+' + phoneWithoutZero\n : '',\n 'custom:request3PartyData': thirdPartyCustomerKey,\n 'custom:requestSignature': signature\n }\n })\n .then(() => {\n setVerifyEmail(true);\n\n Auth.signIn({\n username: email,\n password: password\n })\n .then((response) => {\n // saving referral data in db while sign up\n if (thirdPartyCustomerKey) {\n UserService.saveReferralDataString({ referralDataValue: thirdPartyCustomerKey });\n }\n\n UserService.getUserByCognitoUserName(response.attributes.sub).then(async (response) => {\n localStorage.setItem('selectedLanguage', locale);\n localStorage.setItem('user', JSON.stringify(response.user));\n if (thirdPartyCustomerKey) {\n let merchantCreationResp = await NonResellerMerchantService.createUserMerchantUsingThirdPartyCustomerKey(\n thirdPartyCustomerKey,\n globalState.reseller?.id\n );\n if (merchantCreationResp?.isSuccesfully) {\n let merchantRetrivalResp = await NonResellerMerchantService.getUserMerchants(\n globalState.reseller?.id\n );\n if (merchantRetrivalResp?.isSuccesfully) {\n let merchantsDto = merchantRetrivalResp?.data?.merchantsDto;\n merchantsDto = _.sortBy(merchantsDto, ['id']);\n let merchant = merchantsDto[merchantsDto.length - 1];\n if (merchant && merchant.id) {\n const newTokenReponse = await AuthService.requestNewToken();\n await AuthHelper.refreshCurrentSession();\n if (newTokenReponse.isSuccesfully) {\n sessionStorage.setItem('merchant', JSON.stringify(merchant));\n setGlobalState({ ...globalState, merchant, user: response.user });\n setIsLoading(false);\n setRoute('/onboarding');\n return;\n }\n }\n }\n }\n }\n setGlobalState({ ...globalState, user: response.user });\n setIsLoading(false);\n setRoute('/home' + thirdPartyResellerUrlParameter);\n });\n })\n .catch((err) => {\n setErrorMessage(err.message);\n setIsLoading(false);\n\n event.preventDefault();\n event.stopPropagation();\n });\n })\n .catch((err) => {\n setSignUpError(true);\n setErrorMessage(err.message);\n setPassword('');\n setConfirmPassword('');\n setIsLoading(false);\n });\n }\n\n event.preventDefault();\n event.stopPropagation();\n };\n\n return (\n \n
\n \n {error && (\n Assign entity
\n\n
\n ) : (\n | # | }\n {columns.map((column, index) => (\n{column} | \n ))}\n
|---|---|
| {index + 1} | }\n {row}\n
Confirmation
\n\n
\n {children}
\n {merchant.nameWithAddress}
\n ) : (\n {merchant.name}
\n )}\n \n );\n })\n ) : (\n \n )}\n - \n
Loading...
\n ) : (\n \n
\n )}\n \n \n {props.isAdminUserType\n ? props.selectedMerchant?.nameWithAddress\n : props.selectedMerchant?.name}\n \n\n {!props.isAdminUserType && props.merchants.length >= 0 && (\n \n {props.open ?
\n\n \n \n {props.isAdminUserType && (\n
\n - \n {!props.isAdminUserType && globalState.reseller?.name === ResellerType.OMNIPAY && (\n
\n
\n \n )}\n {props.open && props.loading && props.merchants?.length > 1 ? (\n Loading...
\n \n
\n \n {tab.children && (\n - \n {mediaLessThan960px && (\n
\n {tab.separator}\n
\n - \n {tab.children.map((item) =>\n item.show === undefined || item.show ? (\n
\n \n {item.name}\n \n
\n \n ) : null\n )}\n \n \n \n {supportedLanguages.map((item) => (\n \n ))}\n \n \n
\n - \n {/* \n //TODO: Was commented because this is not needed for MVP\n
\n {expanded === 'panel1' ? \n \n
\n \n
\n \n Find the right integration for your business\n
\n Browse our docs for use cases, sample code, and tools or see options without\n code\n \n {expanded === 'panel2' ? \n \n Get your API keys\n \n \n
\n \n \n \n {props.user?.isEmailConfirmed ? (\n \n \n \n \n \n \n \n \n setVerified(false)}\n />\n \n \n \n \n
\n \n The email \n
\n \n \n \n \n \n \n \n setMerchantCreationState((state) => ({\n ...state,\n showMerchantCreationMessage: false\n }))\n }\n />\n \n \n
\n \n Your new Merchant account has been added. Please click on Onboard\n Merchant in order to activate your account.\n
\n\n
\n )}\n {snackbar && !userHasSeenSnackbar && (\n \n \n \n
\n \n
\n \n Your password will expire on {passwordExpiryDate}, please{' '}\n setRoute('/update-password')}\n >\n update your password.\n \n \n
\n \n Your Onboarding is not yet complete. Please click{' '}\n setRoute('/onboarding')}\n >\n here\n {' '}\n to complete onboarding.\n
\n \n \n \n \n \n \n Hi {props.userName}\n \n \n \n {(isOwner || isAdmin) && (\n setRoute('/onboarding')}\n disabled={!isDatmanReseller && !props.isEmailConfirmed}\n className={`${style.onboardBtn} ${\n isDatmanReseller || props.isEmailConfirmed\n ? isMerchantPending\n ? style.orangBtn\n : style.greenBtn\n : style.disabledBtn\n }`}\n >\n \n {globalState.merchant &&\n (isMerchantPending ? (\n \n \n {globalState.merchant &&\n (isMerchantPending ? 'Merchant pending' : 'Onboard merchant')}\n \n \n )}\n \n \n \n \n \n \n \n {`Here at ${globalState.reseller?.name}, we have a wealth of experience in\n providing traditional payments solutions through many other payment providers, but none\n of them ever put you, their customer first.`}\n \n \n \n \n \n
\n );\n}\n\nMerchantDashboardPreviewComponent.propTypes = {\n userName: PropTypes.string,\n isEmailConfirmed: PropTypes.bool\n};\n\nexport default MerchantDashboardPreviewComponent;\n","import React from 'react';\nimport MerchantDashboardPreviewComponent from './merchant-dashboard-preview.component';\nimport { useGlobalStateContext } from 'contexts';\n\nfunction MerchantDashboardPreview() {\n const { globalState } = useGlobalStateContext();\n\n return (\n Getting paid your way
\n\n \n No\n \n {\n setOnboardingForm({\n ...onboardingForm,\n businessDetails: {\n ...onboardingForm.businessDetails,\n isRegisteredBusiness: e.target.checked\n }\n });\n setRegBusinessName(e.target.checked);\n }}\n >\n \n Yes\n \n
\n \n \n No\n \n {\n setOnboardingForm({\n ...onboardingForm,\n businessDetails: {\n ...onboardingForm.businessDetails,\n isAccountNameSame: e.target.checked\n }\n });\n setRegBusinessNameVal('');\n setIsBankAccountNameSwitchOn(e.target.checked);\n }}\n >\n \n Yes\n \n
\n \n {!isSoleTrader && (\n \n \n \n \n \n \n \n `${option.title ?? ''}\n ${option.company_number ?? ''}\n ${option.address_snippet ?? ''}`\n }\n classes={{ noOptions: classes.noOptions }}\n className={`${style.withoutBorders} ${style.customInput}`}\n value={value}\n onChange={(event, newValue) => {\n setValue(newValue);\n handleSelectedCompany(newValue);\n setOpenDropdown(false);\n }}\n inputValue={inputValue}\n onInputChange={(event, newInputValue) => {\n setInputValue(newInputValue);\n setOnboardingForm({\n ...onboardingForm,\n nameAndAddress: {\n ...onboardingForm.nameAndAddress,\n companyName: newInputValue\n }\n });\n }}\n renderOption={(option) => {\n return (\n \n \n \n \n {isLoading ? (\n
Look-up\n \n )}\n \n \n \n \n \n \n \n \n \n \n \n \n \n )}\n\n {!isSoleTrader && (\n \n \n {\n setLegalNameVal(e.target.value);\n }}\n >\n \n )}\n\n {!isSoleTrader && (\n \n \n \n \n \n setOnboardingForm({\n ...onboardingForm,\n nameAndAddress: {\n ...onboardingForm.nameAndAddress,\n postCode: postCode\n }\n })\n }\n onAddressObjectChange={(addressData) => selectAddressData(addressData)}\n />\n \n \n \n \n \n \n setOnboardingForm({\n ...onboardingForm,\n nameAndAddress: {\n ...onboardingForm.nameAndAddress,\n postCode: e.target.value\n }\n })\n }\n >\n \n \n \n \n \n \n setOnboardingForm({\n ...onboardingForm,\n nameAndAddress: {\n ...onboardingForm.nameAndAddress,\n postCode: e.target.value\n }\n })\n }\n >\n \n \n \n \n \n setOnboardingForm({\n ...onboardingForm,\n nameAndAddress: {\n ...onboardingForm.nameAndAddress,\n addressLine1: e.target.value\n }\n })\n }\n >\n \n \n \n \n setOnboardingForm({\n ...onboardingForm,\n nameAndAddress: {\n ...onboardingForm.nameAndAddress,\n addressLine2: e.target.value\n }\n })\n }\n >\n \n \n )}\n
\n \n {option.title ?? ''}\n
\n {`${option.company_number ?? ''}\n ${option.address_snippet ?? ''}`}\n
\n );\n }}\n renderInput={(params) => (\n \n {`${option.company_number ?? ''}\n ${option.address_snippet ?? ''}`}\n
Look-up\n \n )}\n \n
Primary owner
\n \n
\n \n option}\n listPrefix={' %'}\n value={onboardingForm.ownersDetails.ownership}\n onChange={(e, newValue) =>\n setOnboardingForm({\n ...onboardingForm,\n ownersDetails: {\n ...onboardingForm.ownersDetails,\n ownership: newValue\n }\n })\n }\n />\n
\n Ownership
\n\n {translateText({ id: 'primary-owner', text: 'Primary owner' })}\n
\n \n
\n \n \n setFirstName(validateName(e.target.value))}\n emptyField={\n isActiveMerchant && !checkEmptyValue(firstName) && isUkMerchant\n ? true\n : false\n }\n >\n
\n \n \n setLastName(validateName(e.target.value))}\n emptyField={\n isActiveMerchant && !checkEmptyValue(lastName) && isUkMerchant\n ? true\n : false\n }\n >\n
\n \n \n \n {month}\n \n ))}\n \n \n
\n {abnErrors}
\n )}\n{PPSNumberError}
\n )}\n{EinErrors}
\n )}\n\n Please Enter valid SSN\n
\n )}\n\n \n \n {\n setOnboardingForm({\n ...onboardingForm,\n tradingAddress: {\n ...onboardingForm.tradingAddress,\n sortCode: value\n }\n });\n }}\n />\n \n \n \n {\n if (e.target.value.length <= accountCodeLengthUK) {\n setOnboardingForm({\n ...onboardingForm,\n tradingAddress: {\n ...onboardingForm.tradingAddress,\n newAccountNumber: e.target.value\n }\n });\n }\n }}\n />\n \n
\n \n \n We did not find a match for the bank account details provided. Please\n review this. If they are correct you may continue with your application.\n \n
\n )}\n \n
\n \n \n ‘Account number’ is not matching with ‘Confirm account number’\n \n
\n )}\n \n
\n \n {\n onSubmit();\n }}\n >\n
\n );\n\n return \n {\n onSubmit();\n }}\n >\n
\n );\n\n return \n \n No\n \n {\n setOnboardingForm({\n ...onboardingForm,\n businessDetails: {\n ...onboardingForm.businessDetails,\n isRegisteredBusiness: e.target.checked\n }\n });\n }}\n >\n \n {FormatMessage({ id: 'Yes', text: 'Yes' })}\n \n
\n \n \n No\n \n {\n setOnboardingForm({\n ...onboardingForm,\n businessDetails: {\n ...onboardingForm.businessDetails,\n isAccountNameSame: e.target.checked,\n tradingName: ''\n }\n });\n setIsBankAccountNameSwitchOn(e.target.checked);\n }}\n >\n \n {FormatMessage({ id: 'Yes', text: 'Yes' })}\n \n
\n \n {option.title ?? ''}\n
\n {`${option.company_number ?? ''}\n ${option.address_snippet ?? ''}`}\n
\n );\n }}\n renderInput={(params) => (\n \n {`${option.company_number ?? ''}\n ${option.address_snippet ?? ''}`}\n
\n \n
\n \n \n
\n );\n}\n\nNewZealandAccountNumberComponent.propTypes = {\n firstInputChangeHandler: PropTypes.func,\n secondInputChangeHandler: PropTypes.func,\n thirdInputChangeHandler: PropTypes.func,\n firstInputValues: PropTypes.string,\n secondInputValues: PropTypes.string,\n thirdInputValues: PropTypes.string,\n hideDashes: PropTypes.bool,\n onBlur: PropTypes.func\n};\n\nexport default NewZealandAccountNumberComponent;\n","import React, { useState, useEffect, useRef } from 'react';\nimport NewZealandAccountNumberComponent from './new-zealand-account-number.component';\n\nfunction NewZealandAccountNumberContainer(props) {\n const { value, onChange, focusFirst, nextElementRef, disabled, onBlur } = props;\n\n const [firstInputValues, setFirstInputValues] = useState('');\n const [secondInputValues, setSecondInputValues] = useState('');\n const [thirdInputValues, setThirdInputValues] = useState('');\n\n const firstInputElementRef = useRef(null);\n const secondInputElementRef = useRef(null);\n const thirdInputElementRef = useRef(null);\n\n useEffect(() => {\n if (firstInputElementRef && focusFirst) {\n firstInputElementRef.current.focus();\n }\n }, [focusFirst]);\n\n useEffect(() => {\n if (value?.length === 16) {\n setFirstInputValues(value.substr(0, 6));\n setSecondInputValues(value.substr(6, 7));\n setThirdInputValues(value.substr(13, 3));\n } else if (value?.length === 15) {\n setFirstInputValues(value.substr(0, 6));\n setSecondInputValues(value.substr(6, 7));\n setThirdInputValues(value.substr(13, 2));\n }\n }, [value]);\n\n const firstInputChangeHandler = ({ value }) => {\n setFirstInputValues(value);\n\n if (value.length > 5) {\n setTimeout(() => {\n secondInputElementRef.current.focus();\n });\n }\n };\n\n const secondInputChangeHandler = ({ value }) => {\n setSecondInputValues(value);\n\n if (value.length > 6) {\n setTimeout(() => {\n thirdInputElementRef.current.focus();\n });\n }\n };\n\n const thirdInputChangeHandler = ({ value }) => {\n setThirdInputValues(value);\n\n if (value.length > 2) {\n setTimeout(() => {\n //thirdInputElementRef.current.blur();\n if (nextElementRef && nextElementRef.current) {\n nextElementRef.current.focus();\n }\n });\n }\n };\n\n useEffect(() => {\n const toSendValues = `${firstInputValues}${secondInputValues}${thirdInputValues}`;\n\n if (toSendValues !== value && onChange) {\n onChange(toSendValues);\n }\n }, [firstInputValues, secondInputValues, thirdInputValues, onChange, value]);\n\n return (\n \n Bank Update is not available at this time \n
\n )}\n \n
\n \n \n \n {\n setOnboardingForm({\n ...onboardingForm,\n tradingAddress: {\n ...onboardingForm.tradingAddress,\n sortCode: value\n }\n });\n }}\n emptyField={\n isUkMerchant &&\n isActiveMerchant &&\n !checkEmptyValue(onboardingForm.tradingAddress.sortCode)\n ? true\n : false\n }\n />\n \n \n \n \n \n \n \n e.keyCode !== 45 &&\n e.keyCode > 31 &&\n (e.keyCode < 48 || e.keyCode > 57) &&\n e.preventDefault()\n }\n pattern=\"\\d*\"\n value={checkEmptyValue(confirmAccountNumber)}\n onChange={(e) => {\n setShow(false);\n setConfirmAccountNumber(e.target.value);\n }}\n />\n \n \n {message && (\n \n
\n \n \n Your account numbers don’t match\n \n
\n )}\n \n \n We did not find a match for the bank account details provided.\n Please review this. If they are correct you may continue with\n your application.\n \n
\n )}\n \n
\n \n \n Invalid IBAN provided (Irish Iban consists of 22 Characters)\n \n
\n ) : null}\n \n
\n \n {\n setShow(false);\n setOnboardingForm({\n ...onboardingForm,\n tradingAddress: {\n ...onboardingForm.tradingAddress,\n newAccountNumber: value\n }\n });\n }}\n />\n
\n \n \n \n Your account numbers don’t match\n \n
\n )}\n \n \n Your account numbers don’t match\n \n
\n )}\n Product
\n \n \n No\n \n \n setOnboardingForm({\n ...onboardingForm,\n businessProfile: {\n ...onboardingForm.businessProfile,\n isBusinessMakingProducts: e.target.checked\n }\n })\n }\n >\n \n Yes\n \n
\n \n \n No\n \n \n setOnboardingForm({\n ...onboardingForm,\n businessProfile: {\n ...onboardingForm.businessProfile,\n isStockSufficient: e.target.checked\n }\n })\n }\n >\n \n Yes\n \n
\n \n \n
\n );\n};\n\nexport default LoaderComponent;\n","import React from 'react';\nimport LoaderComponent from './loader.component';\nfunction Loader(props) {\n return \n setIsRefundHappen(null)}\n type={isRefundHappen ? 'success' : 'error'}\n >\n {isRefundHappen\n ? 'Your refund request has been sent successfully.'\n : 'Your refund request has failed.'}\n \n )}\n {paymentVoidSnackbar.type !== '' && (\n setPaymentVoidSnackbar({ type: '', message: '' })}\n type={paymentVoidSnackbar.type}\n >\n {paymentVoidSnackbar.message}\n \n )}\n
\n );\n};\n\nexport default PaymentsListComponent;\n","import moment from 'moment';\nimport { REACT_APP_CARD_PAYMENT_ARCHIVE_DATE } from 'utils/constants';\n\nexport const isDateBeforeCutOffDate = (date) => {\n const inputDate = moment(date, 'YYYY-MM-DD');\n const thresholdDate = moment(REACT_APP_CARD_PAYMENT_ARCHIVE_DATE, 'MM-DD-YYYY').format('YYYY-MM-DD');\n return inputDate.isBefore(thresholdDate);\n};\n\nexport const dateRangeArchived = (startDate, endDate) =>\n isDateBeforeCutOffDate(startDate) && isDateBeforeCutOffDate(endDate);\n\nexport const getExportDate = (url) => {\n return url.split('/').pop();\n};\n","import React, { useEffect, useState } from 'react';\nimport moment from 'moment';\nimport PropTypes from 'prop-types';\nimport PaymentsListComponent from './payments-list.component';\nimport { PaymentsService } from 'services';\nimport { useGlobalStateContext } from 'contexts';\nimport { errorCodes } from 'utils/internalStatusCode';\nimport { isDateBeforeCutOffDate, dateRangeArchived } from 'utils/calender-helpers.js';\nimport { REACT_APP_CARD_PAYMENT_ARCHIVE_DATE } from 'utils/constants';\n\nconst PaymentsList = (props) => {\n const [error, setError] = useState(false);\n const [payments, setPayments] = useState([]);\n const [total, setTotal] = useState(null);\n const [isRefundHappen, setIsRefundHappen] = useState(null);\n const [paymentVoidSnackbar, setPaymentVoidSnackbar] = useState({ type: '', message: '' });\n const { loading, setLoading, dates, daterange, showAcquirer, selectedAcquirer, acquirerName } = props;\n const { date, via } = props.transactionsListingOptions ? props.transactionsListingOptions : props.match.params;\n const { globalState } = useGlobalStateContext();\n\n const getPaymentsList = async () => {\n const isWeekly = via === 'week' ? true : false;\n const weekStart = moment(date).startOf('week').format('YYYY-MM-DD');\n let from = isWeekly ? weekStart : date;\n if (via === 'year' || via === 'all') {\n setPayments([]);\n setTotal(0);\n } else {\n if (!isDateBeforeCutOffDate(from)) {\n const paymentsList = await PaymentsService.GetPayments(globalState.merchant?.id, {\n //merchantId,\n from,\n via: via.toUpperCase()\n });\n if (paymentsList.isSuccesfully) {\n const filteredPayments = selectedAcquirer\n ? selectedAcquirer.length === 0 || selectedAcquirer.includes('SELECT ALL')\n ? paymentsList.data.payments\n : paymentsList.data.payments.filter(({ payment_provider }) =>\n selectedAcquirer.includes(payment_provider)\n )\n : paymentsList.data.payments;\n setPayments(filteredPayments);\n setTotal(paymentsList.data.total);\n setError(false);\n } else {\n setError(true);\n }\n } else {\n setPayments([]);\n setTotal(0);\n }\n }\n setLoading(false);\n };\n useEffect(() => {\n setLoading(true);\n if (!isDateBeforeCutOffDate(date.from)) {\n globalState.merchant && getPaymentsList();\n }\n // eslint-disable-next-line\n }, [props.location.pathname, date, via, globalState.merchant, isRefundHappen, props.selectedAcquirer]);\n\n useEffect(() => {\n const getTransactions = async () => {\n try {\n let getTxnList = {\n data: { payments: [] },\n isSuccesfully: true,\n props: false\n };\n\n if (dates) {\n const promises = dates.map(async (date) => await getAllPaymentsForRange(date, getTxnList));\n await Promise.all(promises);\n\n getTxnList.data.payments = getTxnList.data.payments.filter((a) => {\n return (\n moment(a.time).isAfter(moment(daterange.start)) &&\n moment(a.time).isBefore(moment(daterange.end).add(1, 'day'))\n );\n });\n\n getTxnList.data.payments.sort((a, b) => (moment(a.time) < moment(b.time) ? 1 : -1));\n setPayments(getTxnList.data.payments);\n setTotal(getTxnList.data.total);\n }\n } catch {\n setError(true);\n }\n setLoading(false);\n };\n setLoading(true);\n getTransactions();\n // eslint-disable-next-line\n }, [dates, daterange]);\n\n async function getAllPaymentsForRange(date, getTxnList) {\n if (dateRangeArchived(date.from, date.to)) {\n setPayments([]);\n } else {\n if (isDateBeforeCutOffDate(date.from)) {\n date.from = moment(REACT_APP_CARD_PAYMENT_ARCHIVE_DATE, 'DD-MM-YYYY').format('YYYY-MM-DD');\n }\n const data = {\n from: date.from,\n to: date.to,\n via: 'RANGE'\n };\n const response = await PaymentsService.GetPayments(globalState.merchant?.id, data);\n if (!response.isSuccesfully) {\n getTxnList.isSuccesfully = response.isSuccesfully;\n }\n getTxnList.data.payments = [...getTxnList.data.payments, ...response.data.payments];\n }\n }\n\n const handleVoidTransaction = async (row) => {\n setLoading(true);\n let paymentId = row.id;\n const response = await PaymentsService.VoidIncorrectTransaction(paymentId);\n if (response.isSuccesfully) {\n if (response?.data?.status === errorCodes.SUCCESSFUL_VOID_TRANSACTION.statusCode) {\n setPaymentVoidSnackbar({ type: 'success', message: response.data.message });\n getPaymentsList();\n } else setPaymentVoidSnackbar({ type: 'error', message: response?.data?.message });\n } else {\n setPaymentVoidSnackbar({ type: 'error', message: 'An error occurred' });\n }\n setLoading(false);\n };\n\n return (\n \n setIsRefundHappen(null)}\n type={isRefundHappen ? 'success' : 'error'}\n >\n {isRefundHappen\n ? 'Your refund request has been sent successfully.'\n : 'Your refund request has failed.'}\n \n )}\n
\n );\n};\n\nexport default GfoPaymentsListComponent;\n","import React, { useEffect, useState } from 'react';\nimport moment from 'moment';\nimport PropTypes from 'prop-types';\nimport GfoPaymentsListComponent from './gfo-payments-list.component';\nimport { PaymentsService } from 'services';\nimport { useGlobalStateContext } from 'contexts';\n\nconst GfoPaymentsList = (props) => {\n const [error, setError] = useState(false);\n const [gfoPayments, setGfoPayments] = useState([]);\n const [total, setTotal] = useState(null);\n const [isRefundHappen, setIsRefundHappen] = useState(null);\n const { dates, daterange, loading, setLoading } = props;\n const { date, via } = props.transactionsListingOptions ? props.transactionsListingOptions : props.match.params;\n const { globalState } = useGlobalStateContext();\n useEffect(() => {\n const getPaymentsList = async () => {\n const isWeekly = via === 'week' ? true : false;\n const weekStart = moment(date).startOf('week').format('YYYY-MM-DD');\n // const weekEnd = moment(date).endOf('week').format('DD_MM-YYYY')\n let from = isWeekly ? weekStart : date;\n const paymentsList = await PaymentsService.GetPayments(globalState.merchant?.id, {\n from,\n via: via.toUpperCase()\n });\n if (paymentsList.isSuccesfully) {\n setGfoPayments(paymentsList.data.payments);\n setTotal(paymentsList.data.total);\n setError(false);\n } else {\n setError(true);\n }\n setLoading(false);\n };\n\n setLoading(true);\n\n getPaymentsList();\n // eslint-disable-next-line\n }, [props.location.pathname, date, via, globalState.merchant, isRefundHappen]);\n\n useEffect(() => {\n const getTransactions = async () => {\n try {\n let getTxnList = {\n data: { payments: [] },\n isSuccesfully: true,\n props: false\n };\n\n if (dates) {\n const promises = dates.map(async (date) => await getAllPaymentsForRange(date, getTxnList));\n await Promise.all(promises);\n\n getTxnList.data.payments = getTxnList.data.payments.filter((a) => {\n return (\n moment(a.time).isAfter(moment(daterange.start)) &&\n moment(a.time).isBefore(moment(daterange.end).add(1, 'day'))\n );\n });\n\n getTxnList.data.payments.sort((a, b) => (moment(a.time) < moment(b.time) ? 1 : -1));\n setGfoPayments(getTxnList.data.payments);\n setTotal(getTxnList.data.total);\n }\n } catch {\n setError(true);\n }\n setLoading(false);\n };\n setLoading(true);\n getTransactions();\n // eslint-disable-next-line\n }, [dates, daterange]);\n\n async function getAllPaymentsForRange(date, getTxnList) {\n const data = {\n from: date.from,\n to: date.to,\n via: 'RANGE'\n };\n const response = await PaymentsService.GetPayments(globalState.merchant?.id, data);\n if (!response.isSuccesfully) {\n getTxnList.isSuccesfully = response.isSuccesfully;\n }\n getTxnList.data.payments = [...getTxnList.data.payments, ...response.data.payments];\n }\n\n return (\n \n
\n );\n};\n\nexport default ChargebackListComponent;\n","import React, { useEffect, useState } from 'react';\nimport moment from 'moment';\nimport PropTypes from 'prop-types';\nimport ChargebackListComponent from './chargebacks-list.component.jsx';\nimport { ChargebacksService } from 'services';\nimport { useGlobalStateContext } from 'contexts';\n\nconst ChargebackList = (props) => {\n const [error, setError] = useState(false);\n const [chargebacks, setChargebacks] = useState([]);\n const { loading, setLoading } = props;\n const { date, via } = props.match.params;\n const { globalState } = useGlobalStateContext();\n\n useEffect(() => {\n const getChargebacksList = async () => {\n const merchantId = globalState.merchant?.id;\n const day = moment(date, 'YYYY-MM-DD').date();\n const month = moment(date, 'YYYY-MM-DD').month() + 1;\n const year = moment(date, 'YYYY-MM-DD').year();\n const week = moment(date).isoWeek();\n\n const chargebacksList = await ChargebacksService.getChargebacksList({\n merchantId,\n day,\n month,\n year,\n week,\n via: via.toUpperCase()\n });\n\n if (chargebacksList.isSuccesfully) {\n setChargebacks(chargebacksList.data.data);\n setError(false);\n } else {\n setError(true);\n }\n setLoading(false);\n };\n\n setLoading(true);\n\n getChargebacksList();\n //eslint-disable-next-line\n }, [props.location.pathname, date, via, globalState.merchant]);\n\n return \n \n \n \n \n\n \n \n
\n \n );\n}\n","import React, { useState, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport ModalChargebackActionComponent from './modal-chargeback-list-action.component';\nimport { AdminService } from 'services';\n\nexport default function ModalChargebackAction(props) {\n const {\n chargebackStatus,\n setChargebackStatus,\n chargebackTransactionId,\n setOpenModal,\n setChargebackListStatus,\n chargebackListStatus,\n setSnackbarMessage,\n setSnackbarMessageType,\n setShowSnackbarStatus,\n defaultchargeback,\n showChargeback,\n setShowChargeback,\n chargebackExists,\n payment\n } = props;\n\n const [disabled, setDisabled] = useState(true);\n const [chargebackDropdown, setChargebackDropdown] = useState('');\n const [chargebackDate, setChargebackDate] = useState(new Date().toISOString().slice(0, 10));\n const [chargebackComments, setChargebackComments] = useState('');\n const [chargebackOutcome, setChargebackOutcome] = useState('');\n const [chargebackBtn, setChargebackBtn] = useState(true);\n const [chargebackCreated, setChargebackCreated] = useState(false);\n\n const [openSnackbar, setOpenSnackbar] = useState(false);\n const [loading, setLoading] = useState(false);\n const transactionMap = payment?.TransactionMap || chargebackStatus.transactionMap;\n\n const wrapperRef = useRef(null);\n\n let headCells = [\n {\n id: 'chargeBackAddedOn',\n numeric: false,\n disablePadding: false,\n label: 'Added On',\n hideSortingIcon: true,\n alignCenter: true\n },\n {\n id: 'reason',\n numeric: false,\n disablePadding: false,\n label: 'Reason',\n hideSortingIcon: true,\n alignCenter: true\n },\n {\n id: 'comments',\n numeric: false,\n disablePadding: false,\n label: 'Comments',\n hideSortingIcon: true,\n alignCenter: true\n },\n {\n id: 'outcome',\n numeric: false,\n disablePadding: false,\n label: 'Outcome',\n hideSortingIcon: true,\n alignCenter: true\n }\n ];\n const chargebackDetails = () => {\n setChargebackStatus({});\n setChargebackDropdown('');\n setChargebackDate(new Date().toISOString().slice(0, 10));\n setChargebackComments('');\n setChargebackOutcome('');\n };\n\n useEffect(() => {\n if (\n chargebackDropdown === '' ||\n chargebackDate === '' ||\n chargebackComments === '' ||\n chargebackOutcome === ''\n ) {\n setChargebackBtn(true);\n } else {\n setChargebackBtn(false);\n }\n }, [chargebackDropdown, chargebackDate, chargebackComments, chargebackOutcome]);\n const chargebackBtnHandler = async () => {\n setLoading(true);\n const response = await AdminService.UpdateChargebackList({\n transaction_id: chargebackTransactionId,\n date: chargebackDate,\n reason: chargebackDropdown,\n status: chargebackOutcome,\n comments: chargebackComments,\n transactionMap: transactionMap\n });\n if (response.isSuccesfully) {\n setLoading(true);\n setChargebackListStatus(response.status);\n setSnackbarMessage('New chargeback created successfully!');\n setOpenModal(false);\n setChargebackCreated(true);\n setSnackbarMessageType && setSnackbarMessageType('success');\n } else {\n setLoading(true);\n setChargebackListStatus('');\n setSnackbarMessage(response.data.message);\n setOpenModal(false);\n setChargebackCreated(false);\n setSnackbarMessageType && setSnackbarMessageType('error');\n }\n setShowSnackbarStatus(true);\n setChargebackStatus({});\n setLoading(false);\n };\n\n const showingReceiptData = (a, b) => {\n let response = a ? a : b ? b : —;\n if (response === 'NOTRESOLVED') {\n response = 'NOT RESOLVED';\n }\n return response;\n };\n\n return (\n \n Charge Back Details \n {\n setOpenModal(false);\n }}\n />\n
\n \n {!showReceipt ? (\n \n \n \n \n setChargebackDate(e.target.value)}\n />\n \n \n \n \n \n {\n setChargebackDropdown(e.target.value);\n }}\n >\n }\n disableUnderline\n >\n \n \n \n \n \n \n \n \n \n \n \n \n setChargebackComments(e.target.value)}\n />\n \n \n \n \n {\n setChargebackOutcome(e.target.value);\n }}\n >\n }\n disableUnderline\n >\n {Resolution.map((reason) => {\n return ;\n })}\n \n \n \n \n \n Add Record\n \n \n \n \n ) : (\n \n \n \n \n \n \n \n \n \n \n \n \n {formatDateTimeByFormatStringV2(\n receiptDate,\n 'DD MMM YYYY '\n )}\n \n \n {receiptReason}\n \n \n {receiptComments}\n \n \n {receiptOutcome}\n \n \n \n \n \n \n \n \n )}\n
\n \n Chargeback has already been added to this customer\n
\nNo Chargeback List
\n \n
\n );\n};\n\nexport default MerchantChargesListComponent;\n","import React, { useEffect, useState } from 'react';\nimport moment from 'moment';\nimport PropTypes from 'prop-types';\n\nimport MerchantChargesListComponent from './merchant-charges-list.component.jsx';\n\nimport { MerchantChargesService, BusinessDetailsService } from 'services';\nimport { useGlobalStateContext } from 'contexts';\n\nconst MerchantChargesList = (props) => {\n const { loading, setLoading, setOpenMerchantModal, openMerchantModal } = props;\n const [error, setError] = useState(false);\n const [merchantCharges, setMerchantCharges] = useState([]);\n const { globalState } = useGlobalStateContext();\n const [page, setPage] = useState(0);\n const [merchantChargeResponse, setMerchantChargeResponse] = useState(false);\n const [merchantChargeResponseFlag, setMerchantChargeResponseFlag] = useState(false);\n\n const { date, via } = props.match.params;\n const [merchantTradingAddress, setMerchantTradingAddress] = useState({});\n const [companyAddress, setCompanyAddress] = useState({});\n const [rowsPerPage, setRowsPerPage] = useState(20);\n const [count, setCount] = useState(0);\n\n const getMerchantChargesList = async (newPage, newRowsPerPage) => {\n setLoading(true);\n const merchantId = globalState.merchant?.id;\n const month = moment(date, 'YYYY-MM-DD').month() + 1;\n const year = moment(date, 'YYYY-MM-DD').year();\n const thePage = newPage ?? page;\n const theRowsPerPage = newRowsPerPage ?? rowsPerPage;\n\n const merchantChargesList = await MerchantChargesService.getMerchantChargesList({\n merchantId,\n month,\n year,\n offset: thePage * theRowsPerPage,\n limit: theRowsPerPage,\n via: via.toUpperCase()\n });\n const merchantResponse = await BusinessDetailsService.getBusinessDetails(globalState.merchant?.id);\n if (merchantResponse.isSuccesfully) {\n setMerchantTradingAddress(merchantResponse.data.businessDetails);\n }\n\n if (merchantChargesList.isSuccesfully) {\n setMerchantCharges(merchantChargesList.data.data.data);\n setCount(merchantChargesList.data.data.count);\n setCompanyAddress(globalState.reseller.address);\n setError(false);\n } else {\n setError(true);\n }\n setLoading(false);\n };\n\n useEffect(() => {\n setPage(0);\n setMerchantChargeResponseFlag(false);\n getMerchantChargesList(0);\n // eslint-disable-next-line\n }, [props.location.pathname, date, via, globalState.merchant, merchantChargeResponseFlag]);\n\n return (\n \n
\n );\n};\n\nexport default PayoutsListComponent;\n","import React, { useEffect, useState } from 'react';\nimport PayoutsListComponent from './payouts-list.component.jsx';\nimport { Roles } from '../../../utils/enums/Roles';\nimport { PayoutsService } from 'services';\nimport { useGlobalStateContext, useBalanceContext } from 'contexts';\nimport PropTypes from 'prop-types';\nimport { AcquirersToAcquirerName, ReverseAcquirersToAcquirerName } from 'utils/enums/Acquirers';\n\nconst PayoutsList = (props) => {\n const [error, setError] = useState(false);\n const [payouts, setPayouts] = useState([]);\n const [notInBatchPayouts, setNotInBatchPayouts] = useState([]);\n const [allPayouts, setAllPayouts] = useState([]);\n const [allNotInBatchPayouts, setAllNotInBatchPayouts] = useState([]);\n const [total, setTotal] = useState(null);\n const [isOwner, setIsOwner] = useState(false);\n const { globalState } = useGlobalStateContext();\n const { balance } = useBalanceContext();\n const { date, via } = props.match.params;\n const { notReceived, loading, setLoading, selectedProvider } = props;\n const [page, setPage] = useState(0);\n const [refresh, setRefresh] = useState(true);\n\n useEffect(() => {\n const getPayoutsList = async () => {\n const merchantId = globalState.merchant?.id;\n const payoutsList = await PayoutsService.getAllPayouts(merchantId, {\n selectedDate: date\n });\n\n if (payoutsList.isSuccesfully) {\n if (notReceived) {\n const inBatchList = [...payoutsList.data.transaction_data.in_batch];\n let notReceivedInBatchList = inBatchList.filter((item) => {\n return item.not_received;\n });\n filterPayouts(selectedProvider, notReceivedInBatchList);\n setAllPayouts(notReceivedInBatchList);\n } else {\n filterPayouts(\n selectedProvider,\n payoutsList.data.transaction_data.in_batch,\n payoutsList.data.transaction_data.not_in_batch\n );\n setAllPayouts(payoutsList.data.transaction_data.in_batch);\n\n if (payoutsList.data.transaction_data.not_in_batch.length !== 0) {\n filterPayouts(\n selectedProvider,\n payoutsList.data.transaction_data.in_batch,\n payoutsList.data.transaction_data.not_in_batch\n );\n setAllNotInBatchPayouts(payoutsList.data.transaction_data.not_in_batch);\n } else {\n setNotInBatchPayouts([]);\n setAllNotInBatchPayouts([]);\n }\n }\n setTotal(payoutsList.data.transaction_data.not_in_batch.total);\n setError(false);\n } else {\n setError(true);\n }\n setLoading(false);\n };\n\n if (globalState.merchant?.hasOwnProperty('userRole')) {\n setIsOwner(globalState.merchant?.userRole === Roles.Owner);\n }\n\n setLoading(true);\n setPage(0);\n\n getPayoutsList();\n // eslint-disable-next-line\n }, [props.location.pathname, date, via, globalState.merchant, notReceived, balance, refresh]);\n\n const filterPayouts = (selectedProvider, inBatchList = [], notInBatchList = []) => {\n if (selectedProvider !== AcquirersToAcquirerName.ALL) {\n const filterdInBatch = inBatchList.filter((payout) => {\n return payout.provider === ReverseAcquirersToAcquirerName[selectedProvider];\n });\n const filterdNotInBatch = notInBatchList.filter((payout) => {\n return payout.provider === ReverseAcquirersToAcquirerName[selectedProvider];\n });\n setPayouts(filterdInBatch);\n setNotInBatchPayouts(filterdNotInBatch);\n } else {\n setPayouts(inBatchList);\n setNotInBatchPayouts(notInBatchList);\n }\n };\n\n useEffect(() => {\n filterPayouts(selectedProvider, allPayouts, allNotInBatchPayouts);\n // eslint-disable-next-line\n }, [selectedProvider]);\n\n return (\n \n \n {loading ? (\n \n \n ) : error ? (\n \n {!rows || rows.length === 0 ? (\n \n \n \n \n {stableSort(\n rowsPerPage > 0\n ? rows.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage)\n : rows,\n getComparator(order, orderBy)\n ).map((row, index) => {\n const isItemSelected = isSelected(row.id);\n const labelId = `enhanced-table-checkbox-${index}`;\n\n return (\n \n \n {formatCurrency(\n row.amount,\n getCurrencyThreeAlpha(globalState.merchant?.country)\n )}\n \n {row.supplier} \n \n {formatDateTimeByFormatString(\n row.created_at,\n 'DD MMM HH:mm'\n )}\n \n {row.description} \n \n \n \n {transferType === 'sender' && row.status === 'PENDING' ? (\n {\n showCancelTransaction(row);\n props.setShowCancelModel(true);\n }}\n >\n Cancel\n \n ) : null}\n {transferType === 'supplier' && row.status === 'COMPLETE' && (\n {\n showRefundTransaction(row);\n props.setShowRefundModel(true);\n }}\n >\n Refund\n \n )}\n \n \n );\n })}\n \n \n \n \n \n {rows.length > rowsPerPage && (\n \n \n \n \n \n )}\n \n )}\n {props.showCancelModel && (\n \n
\n );\n}\n\nInternalTransfersListTableComponent.propTypes = {\n rows: PropTypes.array.isRequired,\n selected: PropTypes.array.isRequired,\n isSelected: PropTypes.func.isRequired,\n order: PropTypes.string.isRequired,\n orderBy: PropTypes.string.isRequired,\n loading: PropTypes.bool.isRequired,\n error: PropTypes.bool.isRequired,\n transferType: PropTypes.string.isRequired,\n showCancelTransaction: PropTypes.func,\n setRefresh: PropTypes.func,\n showRefundTransaction: PropTypes.func\n};\n","import React, { useState } from 'react';\nimport InternalTransfersListTableComponent from './internal-transfers-list-table.component.jsx';\nimport PropTypes from 'prop-types';\n\nconst InternalTransfersListTable = (props) => {\n const [order, setOrder] = useState('desc');\n const [orderBy, setOrderBy] = useState('created_at');\n const [selected, setSelected] = useState([]);\n const [supplier, setSupplier] = useState();\n const [amount, setAmount] = useState();\n const [transactionId, setTransactionId] = useState();\n const [sender, setSender] = useState('');\n const [showCancelModel, setShowCancelModel] = useState(false);\n const [showRefundModel, setShowRefundModel] = useState(false);\n const { internalTransfers, loading, error, total, transferType, setRefresh, page, setPage } = props;\n\n const showCancelTransaction = async (transaction) => {\n setShowCancelModel(true);\n setSupplier(transaction.supplier);\n setAmount(transaction.amount);\n setTransactionId(transaction.id);\n };\n const handleRequestSort = (event, property) => {\n const isAsc = orderBy === property && order === 'asc';\n setOrder(isAsc ? 'desc' : 'asc');\n setOrderBy(property);\n };\n\n const handleSelectAllClick = (event) => {\n setPage(0);\n if (event.target.checked) {\n const newSelecteds = internalTransfers.map((n) => n.id);\n setSelected(newSelecteds);\n return;\n }\n setSelected([]);\n };\n\n const handleClick = (event, id) => {\n const selectedIndex = selected.indexOf(id);\n let newSelected = [];\n\n if (selectedIndex === -1) {\n newSelected = newSelected.concat(selected, id);\n } else if (selectedIndex === 0) {\n newSelected = newSelected.concat(selected.slice(1));\n } else if (selectedIndex === selected.length - 1) {\n newSelected = newSelected.concat(selected.slice(0, -1));\n } else if (selectedIndex > 0) {\n newSelected = newSelected.concat(selected.slice(0, selectedIndex), selected.slice(selectedIndex + 1));\n }\n\n setSelected(newSelected);\n };\n\n const isSelected = (id) => selected.indexOf(id) !== -1;\n\n const headCells = [\n { id: 'amount', numeric: false, disablePadding: false, label: 'Amount' },\n {\n id: transferType === 'supplier' ? 'sender' : `supplier`,\n numeric: true,\n disablePadding: false,\n label: transferType === 'supplier' ? 'Sender' : `Supplier`\n },\n { id: 'created_at', numeric: false, disablePadding: false, label: 'Date' },\n { id: 'description', numeric: false, disablePadding: false, label: 'Description' },\n { id: 'status', numeric: false, disablePadding: false, label: 'Status' },\n { id: 'action', numeric: false, disablePadding: false, label: '' }\n ];\n\n const showRefundTransaction = async (transaction) => {\n setAmount(transaction.amount);\n setTransactionId(transaction.id);\n setSender(transaction.supplier);\n setShowRefundModel(true);\n };\n\n return (\n An error occurred, please try reloading your browser.
\n ) : (\n There aren't any results for that query.
\n ) : (\n \n
\n );\n};\n\nexport default InternalTransfersListComponent;\n","import React, { useEffect, useState } from 'react';\nimport moment from 'moment';\nimport PropTypes from 'prop-types';\n\nimport InternalTransfersListComponent from './internal-transfers-list.component.jsx';\n\nimport { InternalTransfersService } from 'services';\nimport { useGlobalStateContext } from 'contexts';\nimport { useBalanceContext } from 'contexts/balance-context/balance-context.js';\n\nconst InternalTransfersList = (props) => {\n const [error, setError] = useState(false);\n const [total, setTotal] = useState(0);\n const [internalTransfers, setInternalTransfers] = useState([]);\n const [transferType, setTransferType] = useState();\n const [refresh, setRefresh] = useState(false);\n const { globalState } = useGlobalStateContext();\n const { balance } = useBalanceContext();\n const [page, setPage] = useState(0);\n\n const { date, via } = props.match.params;\n const { setTotalPendingAmount, show, setEnableWithdrawal, loading, setLoading } = props;\n\n useEffect(() => {\n setPage(0);\n const getInternalTransfersList = async () => {\n const merchantId = globalState.merchant?.id;\n const day = moment(date, 'YYYY-MM-DD').date();\n const month = moment(date, 'YYYY-MM-DD').month() + 1;\n const year = moment(date, 'YYYY-MM-DD').year();\n const week = moment(date).isoWeek();\n\n const internalTransfersList = await InternalTransfersService.getInternalTransfersList({\n merchantId,\n day,\n month,\n year,\n week,\n via: via.toUpperCase()\n });\n\n if (internalTransfersList.isSuccesfully) {\n setInternalTransfers(internalTransfersList.data.data.internalTransfers);\n setTotalPendingAmount(internalTransfersList.data.data.totalPendingAmount);\n setTotal(internalTransfersList.data.data.total);\n setTransferType(internalTransfersList.data.data.transfer_type);\n setEnableWithdrawal(internalTransfersList.data.data.transfer_type === 'supplier' ? true : false);\n setError(false);\n } else {\n setError(true);\n }\n setLoading(false);\n setRefresh(false);\n };\n if (!show || refresh) {\n setLoading(true);\n getInternalTransfersList();\n }\n // eslint-disable-next-line\n }, [\n props.location.pathname,\n date,\n via,\n globalState.merchant,\n setTotalPendingAmount,\n show,\n setEnableWithdrawal,\n refresh,\n balance\n ]);\n\n return (\n \n
\n );\n };\n\n return (\n <>\n Notifying customer please wait...
\n\n Email has been sent successfully.\n \n
\n ) : (\n\n {message}\n \n
\n )}\n\n
\n );\n };\n\n return (\n <>\n Notifying customer please wait...
\n\n {message}\n \n
\n )}\n\n {\n setPaymentMode(VirtualTerminalPayments.invoice);\n }}\n >\n
\n ) : null}\n \n \n \n {\n setShowReceipt(e.target.checked);\n }}\n />\n }\n label=\"Send a receipt\"\n />\n {showReceipt && (\n \n Proceed your payment via \n {\n setPaymentMode(VirtualTerminalPayments.email);\n }}\n >\n
\n {isVat && isInvoiceEnabled ? (\n \n
\n Enter the amount
\n\n \n \n {getCurrencySymbol('United Kingdom')}\n \n }\n onValueChange={(e) => handleAmountChange(e)}\n isAllowed={isMaxAmount}\n aria-describedby=\"outlined-weight-helper-text\"\n labelWidth={0}\n required\n className={styles.cardInput}\n />\n
\n \n \n
\n \n {\n setEmail(e.target.value.toLowerCase());\n }}\n />\n {/* using below condition for hiding phone number as of now in future we need this */}\n {/* {!isDna && (\n \n \n setPhoneInput(phone)}\n inputClass={styles.phoneInput}\n name=\"phone\"\n />\n \n )} */}\n {/*
\n )}\n Please enter an email address to send a receipt
\n Secure payments powered by Omnipay
*/}\n \n {\n setPaymentMode(VirtualTerminalPayments.customer_card);\n }}\n >\n
\n \n
\n \n {showPayByLinkModal ? (\n \n {\n handlePayment(paymentMode);\n }}\n disabled={isDisable}\n >\n {VirtualTerminalPaymentsText[paymentMode]}\n \n
\n \n \n
\n
\n );\n};\n\nexport default CardDetailsFormComponent;\n","import React, { useState } from 'react';\nimport CardDetailsFormComponent from './card-details-form.component';\nimport { isCardYearValid, isCardMonthValid, isCardHolderNameValid, isCvvValid } from '../../utils/validator';\n\nfunction CardDetailsForm(props) {\n const {\n cardMonth,\n cardYear,\n cvv,\n cardHolder,\n dispatch,\n cardMonthRef,\n cardCvvRef,\n cardYearRef,\n initiateSale,\n propState,\n isFormDataValid\n } = props;\n\n const [cardNumberMask, setCardNumberMask] = useState('');\n\n const { amount, description, email, phoneInput } = propState;\n const isButtonDisabled = () => {\n const { cardNumber } = isFormDataValid;\n\n const cardYearValid = isCardYearValid(cardYear);\n const cardMonthValid = isCardMonthValid(cardMonth);\n const cardCvvValid = isCvvValid(cvv);\n const cardHolderValid = isCardHolderNameValid(cardHolder);\n\n return cardNumber && cardHolderValid && cardMonthValid && cardYearValid && cardCvvValid;\n };\n\n const handleFormChange = (event) => {\n const { name, value } = event.target;\n if (name === 'cardHolder' && value.length > 26) return;\n dispatch({ type: 'SET_CARD_DETAILS', name, value });\n };\n\n // TODO: We can improve the regex check with a better approach like in the card component.\n const onCardNumberChange = (event) => {\n let { value } = event.target;\n const { name } = event.target;\n\n let newValue = '';\n for (let i = 0; i < value.length; i++) {\n if (value.charAt(i) === '*') {\n newValue = newValue.concat(props.cardNumber.charAt(i));\n } else {\n newValue = newValue.concat(value.charAt(i));\n }\n }\n let cardNumber = newValue;\n newValue = newValue.replace(/\\D/g, '');\n if (/^3[47]\\d{0,13}$/.test(newValue)) {\n cardNumber = newValue.replace(/(\\d{4})/, '$1 ').replace(/(\\d{4}) (\\d{6})/, '$1 $2 ');\n } else if (/^3(?:0[0-5]|[68]\\d)\\d{0,11}$/.test(newValue)) {\n // diner's club, 14 digits\n cardNumber = newValue.replace(/(\\d{4})/, '$1 ').replace(/(\\d{4}) (\\d{6})/, '$1 $2 ');\n } else if (/^\\d{0,16}$/.test(newValue)) {\n // regular cc number, 16 digits\n cardNumber = newValue\n .replace(/(\\d{4})/, '$1 ')\n .replace(/(\\d{4}) (\\d{4})/, '$1 $2 ')\n .replace(/(\\d{4}) (\\d{4}) (\\d{4})/, '$1 $2 $3 ');\n }\n\n const formattedCard = cardNumber.trimRight();\n dispatch({\n type: 'SET_CARD_NUMBER',\n name,\n cardNumber: formattedCard\n });\n\n var strArray = [];\n for (let i = 0; i < formattedCard.length; i++) {\n if (formattedCard.charAt(i) !== ' ' && i > 4 && i < 15) {\n strArray.push('*');\n } else {\n strArray.push(formattedCard.charAt(i));\n }\n }\n\n setCardNumberMask(strArray.join(''));\n };\n\n const onCvvFocus = (e) => {\n e.preventDefault();\n dispatch({ type: 'SET_CARD_FLIPPED', isCardFlipped: true });\n };\n\n const onCvvBlur = (e) => {\n e.preventDefault();\n dispatch({ type: 'SET_CARD_FLIPPED', isCardFlipped: false });\n };\n\n const onInput = (e) => {\n const { value, name } = e.target;\n if (name === 'cardCvv') {\n e.target.value = value.length >= 0 ? value.substr(0, 4) : value;\n return null;\n }\n e.target.value = value.length >= 0 ? value.substr(0, 2) : value;\n if (value.length === 2) {\n if (name === 'cardMonth') cardYearRef.current.focus();\n if (name === 'cardYear') cardCvvRef.current.focus();\n }\n return null;\n };\n\n const onKeyDown = (event) => {\n const keyCode = event.keyCode || event.charCode;\n if (keyCode === 8 || keyCode === 46) {\n const { name, value } = event.target;\n if (name === 'cardCvv' && value.length === 0) {\n cardYearRef.current.focus();\n }\n if (name === 'cardYear' && value.length === 0) {\n cardMonthRef.current.focus();\n }\n }\n };\n\n return (\n \n
\n \n {null}
\n {children}\n\n
\n \n \n \n onCardInputFocus(e, 'cardNumber')}\n onBlur={onCardInputBlur}\n value={cardNumberMask}\n />\n
\n\n \n \n onCardInputFocus(e, 'cardHolder')}\n onBlur={onCardInputBlur}\n value={cardHolder}\n />\n
\n\n \n \n
\n\n \n
\n \n \n onCardInputFocus(e, 'cardMonth')}\n onBlur={onCardInputBlur}\n />\n
\n \n \n\n onCardInputFocus(e, 'cardYear')}\n onBlur={onCardInputBlur}\n />\n
\n \n
\n \n \n
\n \n {\n const cardDetails = {\n card_number: cardNumber,\n card_exp_month: cardMonth,\n card_exp_year: cardYear,\n card_cvv: cvv,\n cardHolderName: cardHolder,\n cardHolderAddress\n };\n\n dispatch({\n type: 'SET_MODAL_STATE',\n showModal: true,\n showLoadingSpinner: true,\n paymentSuccess: null\n });\n initiateSale(cardDetails, amount, description, email, phoneInput);\n }}\n disabled={!isButtonDisabled()}\n >\n Pay {getCurrencySymbol(globalState.merchant?.country)}\n {amount}\n \n
\n \n
\n\n \n \n
\n \n 
\n
\n\n \n onCardElementClick('cardNumber')}\n >\n \n {cardNumber ? (\n maskCardNumber(cardNumber).map((val, index) => (\n \n \n ))\n ) : (\n \n \n )}\n \n \n
\n \n 
\n
\n\n \n 
\n
\n {val}
\n #
\n \n onCardElementClick('cardHolder')}\n ref={cardHolderRef}\n >\n onCardElementClick('cardDate')}\n ref={cardDateRef}\n style={{ marginTop: '-0.5rem', paddingLeft: '0.5rem' }}\n >\n \n \n /\n \n
\n Card Holder
\n \n \n {cardHolder === 'FULL NAME' ? (\n \n \n ) : (\n cardHolder.split('').map((val, index) => (\n \n {val}\n \n ))\n )}\n \n \n
\n \n FULL NAME
\n \n
\n \n );\n};\n\nexport default CardImageComponent;\n","import React, { useEffect, useMemo, useState } from 'react';\nimport CardImageComponent from './card-image.component';\n\nfunction CardImage(props) {\n const { cardNumber, currentFocusedElm } = props;\n\n const [style, setStyle] = useState(null);\n\n const useCardType = useMemo(() => {\n const CARDS = {\n visa: '^4',\n amex: '^(34|37)',\n mastercard: '^5[1-5]',\n discover: '^6011',\n unionpay: '^62',\n troy: '^9792'\n };\n\n const cardType = (cardNumber) => {\n const number = cardNumber;\n let re;\n for (const [card, pattern] of Object.entries(CARDS)) {\n re = new RegExp(pattern);\n if (number.match(re) != null) {\n return card;\n }\n }\n\n return ''; // default type\n };\n\n return cardType(cardNumber);\n }, [cardNumber]);\n\n const outlineElementStyle = (element) => {\n return element\n ? {\n width: `${element.offsetWidth}px`,\n height: `${element.offsetHeight}px`,\n transform: `translateX(${element.offsetLeft}px) translateY(${element.offsetTop}px)`\n }\n : null;\n };\n\n useEffect(() => {\n if (currentFocusedElm) {\n const style = outlineElementStyle(currentFocusedElm.current);\n setStyle(style);\n }\n }, [currentFocusedElm]);\n\n const maskCardNumber = (cardNumber) => {\n const cardNumberArr = cardNumber.split('');\n cardNumberArr.forEach((val, index) => {\n if (index > 4 && index < 14) {\n if (cardNumberArr[index] !== ' ') {\n cardNumberArr[index] = '*';\n }\n }\n });\n\n return cardNumberArr;\n };\n\n return \n \n
\n \n \n
\n CVV
\n \n \n {cardCvv.split('').map((val, index) => (\n \n *\n \n ))}\n \n
\n \n \n
\n \n
\n \n );\n};\n\nconst ModalTakePaymentComponent = (props) => {\n const { globalState } = useGlobalStateContext();\n const { showLoadingSpinner, paymentSuccess, onUpdateState: dispatch, state, amount, onModalClose } = props;\n\n const { showIframe } = state;\n\n return (\n <>\n \n Payment processing for {getCurrencySymbol(globalState.merchant?.country)} {amount}. Please don’t\n press back button or next button.\n
\n\n
\n ) : showLoadingSpinner ? (\n <>{showSpinner({ amount, globalState })}\n ) : paymentSuccess !== null ? (\n paymentSuccess ? (\n <>\n \n Your payment request has been sent successfully.\n \n
\n \n ) : (\n <>\n\n Your payment request has failed.\n \n
\n \n )\n ) : (\n <>\n )}\n\n {!loading ? (\n
\n \n ) : (\n <>\n \n {description ? (\n
\n ) : (\n \n
\n ) : (\n \n Current payment with description {description} is being processed...\n
\n\n
\n )}\n Current payment is being processed...
\n\n
\n )}\n \n
\n \n )}\n \n );\n};\n\nexport default CardDetailsComponent;\n","import { isCardValid } from '../../utils/validator';\n\nconst initialState = {\n cardNumber: '#### #### #### ####',\n cardHolder: '',\n cardMonth: '',\n cardYear: '',\n cardCvv: '',\n cardHolderAddress: '',\n isCardFlipped: false,\n\n isFormDataValid: {\n cardNumber: null,\n cardHolder: null,\n cardMonth: null,\n cardYear: null,\n cardCvv: null\n },\n\n amount: '',\n description: '',\n\n showIframe: false,\n\n acsUrl: '',\n paReq: '',\n md: '',\n paRes: '',\n\n showModal: false,\n paymentSuccess: null,\n showLoadingSpinner: true,\n\n currentFocusedElm: null\n};\n\nconst TakePaymentsReducer = (state, action) => {\n switch (action.type) {\n case 'SET_CARD_NUMBER': {\n const { cardNumber } = action;\n const isCardNumberValid = isCardValid(cardNumber);\n\n return {\n ...state,\n cardNumber,\n isFormDataValid: {\n ...state.isFormDataValid,\n cardNumber: isCardNumberValid\n }\n };\n }\n\n case 'SET_CARD_DETAILS': {\n const { name, value } = action;\n\n return {\n ...state,\n [name]: value\n };\n }\n\n case 'SET_CARD_FLIPPED': {\n return {\n ...state,\n isCardFlipped: action.isCardFlipped\n };\n }\n\n case 'SET_3D_SECURE_DETAILS':\n return {\n ...state,\n acsUrl: action.acsUrl,\n paReq: action.paReq,\n md: action.md,\n showIframe: true\n };\n\n case 'SET_MODAL_STATE':\n return {\n ...state,\n showModal: action.showModal,\n paymentSuccess: action.paymentSuccess,\n showLoadingSpinner: action.showLoadingSpinner\n };\n\n case 'INIT_FINAL_SALE':\n return {\n ...state,\n showModal: action.showModal,\n showLoadingSpinner: action.showLoadingSpinner,\n showIframe: false,\n paRes: action.paRes,\n md: action.md\n };\n\n case 'SET_CURRENT_FOCUSED_ELEMENT':\n return {\n ...state,\n currentFocusedElm: action.currentFocusedElm\n };\n\n default:\n return { ...state };\n }\n};\n\nexport default { initialState, TakePaymentsReducer };\n","import React, { useReducer, useRef, useEffect, useState } from 'react';\nimport CardDetailsComponent from './card-details.component';\nimport reducer from './reducer';\nimport { Redirect } from 'react-router-dom';\nimport { InitialiseSaleService } from 'services';\nimport { useGlobalStateContext } from 'contexts';\nimport { v4 as uuidv4 } from 'uuid';\n\nconst usePrevious = (value) => {\n // The ref object is a generic container whose current property is mutable ...\n // ... and can hold any value, similar to an instance property on a class\n const ref = useRef();\n\n // Store current value in ref\n useEffect(() => {\n ref.current = value;\n }, [value]); // Only re-run if value changes\n\n // Return previous value (happens before update in useEffect above)\n return ref.current;\n};\n\nfunction CardDetails(props) {\n const { globalState, getRoute } = useGlobalStateContext();\n\n const userRef = `user_${uuidv4()}`;\n\n const { state: propState } = props.location;\n\n const amount = propState?.amount;\n const email = propState?.email;\n const phoneNumber = propState?.phoneInput;\n const descriptionInfo = propState?.description;\n\n const { initialState, TakePaymentsReducer } = reducer;\n\n const [state, dispatch] = useReducer(TakePaymentsReducer, initialState);\n const [loading, setLoading] = useState(false);\n\n const prevState = usePrevious(state);\n\n const formFieldsRefObj = {\n cardNumber: useRef(),\n cardHolder: useRef(),\n cardMonth: useRef(),\n cardYear: useRef(),\n cardCvv: useRef()\n };\n\n const focusFormFieldByKey = (key) => {\n formFieldsRefObj[key].current.focus();\n };\n\n // This are the references for the Card DIV elements.\n const cardElementsRef = {\n cardNumber: useRef(),\n cardHolder: useRef(),\n cardDate: useRef()\n };\n\n const onCardFormInputFocus = (_event, inputName) => {\n let refByName = cardElementsRef[inputName];\n if (inputName === 'cardMonth' || inputName === 'cardYear') refByName = cardElementsRef.carddate;\n\n const formFieldRef = formFieldsRefObj[inputName];\n formFieldRef.current.style.borderColor = '';\n\n dispatch({\n type: 'SET_CURRENT_FOCUSED_ELEMENT',\n currentFocusedElm: refByName\n });\n };\n\n const onCardInputBlur = () => {\n const { isFormDataValid } = state;\n\n for (const [key, value] of Object.entries(isFormDataValid)) {\n if (value !== null && !value) formFieldsRefObj[key].current.style.borderColor = 'red';\n }\n\n dispatch({\n type: 'SET_CURRENT_FOCUSED_ELEMENT',\n currentFocusedElm: null\n });\n };\n\n const initiateSale = async (cardDetails, amount, descriptionInfo) => {\n try {\n const {\n card_number,\n card_exp_year,\n card_exp_month,\n card_cvv,\n cardHolderName,\n cardHolderAddress: address\n } = cardDetails;\n\n const formattedName = cardHolderName\n .split(' ')\n .map((name) => name.charAt(0).toUpperCase() + name.substr(1))\n .join(' ');\n\n const data = {\n amount: parseInt(amount * 100),\n currency_code: 826,\n user_order_ref: userRef,\n description: descriptionInfo,\n items: [\n {\n '21': 4\n }\n ],\n shoppers: {\n first_name: formattedName,\n last_name: '',\n email: email,\n phone_number: phoneNumber,\n address\n },\n card_number,\n card_exp_month,\n card_exp_year,\n card_cvv,\n merchant_id: globalState.merchant?.id\n };\n\n const response = await InitialiseSaleService.InitialiseSale(data);\n\n if (response.status === 201) {\n const { acsUrl, md, paReq } = response.data.data.threeDSreq;\n return dispatch({\n type: 'SET_3D_SECURE_DETAILS',\n acsUrl,\n paReq,\n md\n });\n }\n\n // if status === 200, non 3ds txn, update modal status accordingly.\n if (response.status === 200) {\n return dispatch({\n type: 'SET_MODAL_STATE',\n showModal: true,\n paymentSuccess: true,\n showLoadingSpinner: false\n });\n }\n\n if (!response.isSuccesfully) {\n return dispatch({\n type: 'SET_MODAL_STATE',\n showModal: true,\n paymentSuccess: false,\n showLoadingSpinner: false\n });\n }\n\n return null;\n } catch (error) {\n // Set error state\n dispatch({\n type: 'SET_MODAL_STATE',\n showModal: true,\n paymentSuccess: false,\n showLoadingSpinner: false\n });\n return null;\n }\n };\n\n const handleIframeTask = (e) => {\n const { data } = e;\n if (!data) return null;\n const { md, paRes } = data;\n if (!md || !paRes) return null;\n\n return dispatch({\n type: 'INIT_FINAL_SALE',\n showModal: true,\n showLoadingSpinner: true,\n paRes,\n md\n });\n };\n\n useEffect(() => {\n const { merchantAcquirer } = globalState;\n\n async function getDnaData() {\n try {\n setLoading(true);\n let params = {\n amount: amount,\n currency_code: 826,\n description: propState.description,\n email: email,\n phone_number: phoneNumber\n };\n const response = await InitialiseSaleService.InitialiseDNASale(params);\n const { url } = response.data;\n window.open(url, '_parent');\n setLoading(false);\n //for iframe\n // document.getElementById('dnaForm').contentWindow.document.write(response.data);\n } catch (E) {\n console.log('E ', E);\n setLoading(false);\n }\n }\n merchantAcquirer?.acquirer && getDnaData();\n // eslint-disable-next-line\n }, []);\n\n useEffect(() => {\n const finalise3DSSale = async () => {\n try {\n const {\n cardNumber: card_number,\n cardMonth: card_exp_month,\n cardYear: card_exp_year,\n cardCvv: card_cvv,\n md,\n paRes,\n cardHolder: cardHolderName,\n cardHolderAddress: address\n } = state;\n\n // const { cardHolder } = state;\n const formattedName = cardHolderName\n .split(' ')\n .map((name) => name.charAt(0).toUpperCase() + name.substr(1))\n .join(' ');\n\n const data = {\n amount: parseInt(amount * 100),\n currency_code: 826,\n user_order_ref: userRef,\n description: descriptionInfo,\n items: [\n {\n '21': 4\n }\n ],\n shoppers: {\n first_name: formattedName,\n last_name: '',\n email: 'mew@mypay.com',\n address\n },\n card_number,\n card_exp_month,\n card_exp_year,\n card_cvv,\n md,\n paRes,\n merchant_id: globalState.merchant?.id\n };\n\n await InitialiseSaleService.InitialiseSale(data);\n\n return dispatch({\n type: 'SET_MODAL_STATE',\n showModal: true,\n paymentSuccess: true,\n showLoadingSpinner: false\n });\n } catch (e) {\n dispatch({\n type: 'SET_MODAL_STATE',\n showModal: true,\n paymentSuccess: false,\n showLoadingSpinner: false\n });\n return null;\n }\n };\n if (prevState && !prevState.paRes && state.paRes) finalise3DSSale();\n return () => {\n window.onbeforeunload = null;\n return null;\n };\n // eslint-disable-next-line\n }, [state.paRes, prevState, amount, state, globalState.merchant]);\n\n // Redirect to enter amount page if there is no amount or description available\n if (!propState) return \n
\n \n \n
\n \n \n \n
\n User Management
\n\n Enter the email addresses of the users you'd like to invite, and choose the role they should\n have.\n
\n \n\n \n \n The bank Update has not been completed.\n \n \n\n \n {\n setBankUpdateDialogBox(false);\n }}\n color=\"primary\"\n variant=\"outlined\"\n className={styles.leavebtn}\n >\n Leave\n \n\n continueUpdating()}\n color=\"primary\"\n className={styles.dilogbtn}\n >\n Continue Updating\n \n \n
\n ) : null}\n {overRideRequest ? (\n \n \n \n There is a bank update request in progress. Do you want to override the previous request ?\n \n \n\n \n setBankUpdateDialogBox(false)}\n color=\"primary\"\n variant=\"outlined\"\n className={styles.leavebtn}\n >\n Leave\n \n override()}\n color=\"primary\"\n className={styles.dilogbtn}\n >\n Override\n \n \n
\n ) : null}\n \n );\n}\n\nModalUpdateBankCompletionComponent.propTypes = {\n bankUpdateDialogBox: PropTypes.bool,\n setBankUpdateDialogBox: PropTypes.func,\n continueUpdating: PropTypes.func,\n override: PropTypes.func,\n overRideRequest: PropTypes.func\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport ModalUpdateBankCompletionComponent from './modal-update-bank-completion.component';\nimport { ResellerType } from 'utils/enums/ResellerType';\nimport { UserType } from 'utils/enums/UserType';\nimport { MerchantCountries } from 'utils/enums/MerchantCountries';\nexport default function ModalUpdateBankCompletion(props) {\n const {\n setBankUpdateDialogBox,\n setLoading,\n bankUpdateDialogBox,\n bankDetailsUpdateInitiated,\n setBankUpdateDetailsInitiated,\n overRideRequest,\n newBankDetailsToSave,\n raiseBankDetailsUpdateRequest,\n resellerName,\n sendOtp,\n userType,\n merchantCountry\n } = props;\n\n const continueUpdating = async () => {\n setBankUpdateDialogBox(false);\n\n setLoading(true);\n\n setLoading(false);\n };\n\n const override = async () => {\n if (\n ResellerType.DATMAN === resellerName &&\n userType !== UserType.SuperAdmin &&\n merchantCountry === MerchantCountries.UNITED_KINGDOM\n ) {\n sendOtp();\n } else {\n setBankUpdateDialogBox(false);\n setLoading(true);\n await raiseBankDetailsUpdateRequest(newBankDetailsToSave);\n setLoading(false);\n }\n };\n\n return (\n \n \n \n \n \n
\n \n \n A verification code has been sent to this \n \n mobile number {phoneNumber}. Please check\n if you don’t have this number anymore please contact support at\n +44(0)3330165548. \n \n \n
\nCode is valid for 5 minutes.
\n\n \n Verification code \n {\n if (e.target.value.length <= 6) {\n setOtpText(e.target.value);\n }\n }}\n />\n \n {error ? error : <> }\n \n \n\n
\n \n
\n \n \n RESEND\n \n
\n \n \n Verify code{' '}\n \n
\n \n {isActiveTimer ? <>Retry after {seconds} seconds : <> }\n
\n\n \n \n Cancel\n \n \n
\n \n \n \n \n Do you take deposits\n \n \n \n \n \n
\n \n \n No\n \n \n setOnboardingForm({\n ...onboardingForm,\n transactionProfile: {\n ...onboardingForm.transactionProfile,\n stepOne: {\n ...onboardingForm.transactionProfile.stepOne,\n isDepositsTaken: e.target.checked\n }\n }\n })\n }\n >\n \n Yes\n \n
\n \n % Goods/Services value taken as deposit?\n option}\n listPrefix={' %'}\n value={onboardingForm.transactionProfile.stepOne.goods}\n onChange={(e, newValue) =>\n setOnboardingForm({\n ...onboardingForm,\n transactionProfile: {\n ...onboardingForm.transactionProfile,\n stepOne: {\n ...onboardingForm.transactionProfile.stepOne,\n goods: newValue\n }\n }\n })\n }\n />\n
\n \n % Total card turnover taken as deposit?\n option}\n listPrefix={' %'}\n value={onboardingForm.transactionProfile.stepOne.cardTurnover}\n onChange={(e, newValue) =>\n setOnboardingForm({\n ...onboardingForm,\n transactionProfile: {\n ...onboardingForm.transactionProfile,\n stepOne: {\n ...onboardingForm.transactionProfile.stepOne,\n cardTurnover: newValue\n }\n }\n })\n }\n />\n
\n \n \n \n \n Do you take full payments for Goods/services in advance\n \n \n \n \n \n
\n \n \n No\n \n \n setOnboardingForm({\n ...onboardingForm,\n transactionProfile: {\n ...onboardingForm.transactionProfile,\n stepOne: {\n ...onboardingForm.transactionProfile.stepOne,\n isPrePayment: e.target.checked\n }\n }\n })\n }\n >\n \n Yes\n \n
\n \n % of total card turnover taken as full pre-payments\n option}\n listPrefix={' %'}\n value={onboardingForm.transactionProfile.stepOne.fullPrePayments}\n onChange={(e, newValue) =>\n setOnboardingForm({\n ...onboardingForm,\n transactionProfile: {\n ...onboardingForm.transactionProfile,\n stepOne: {\n ...onboardingForm.transactionProfile.stepOne,\n fullPrePayments: newValue\n }\n }\n })\n }\n />\n
\n \n % How far in advance do you take full payment?\n option}\n listPrefix={' Days'}\n value={onboardingForm.transactionProfile.stepOne.advanceFullPaymentsDays}\n onChange={(e, newValue) =>\n setOnboardingForm({\n ...onboardingForm,\n transactionProfile: {\n ...onboardingForm.transactionProfile,\n stepOne: {\n ...onboardingForm.transactionProfile.stepOne,\n advanceFullPaymentsDays: newValue\n }\n }\n })\n }\n />\n
\n \n Min}\n id=\"priceRangeMin\"\n onValueChange={(values) => {\n const { value } = values;\n setOnboardingForm({\n ...onboardingForm,\n transactionProfile: {\n ...onboardingForm.transactionProfile,\n stepTwo: {\n ...onboardingForm.transactionProfile.stepTwo,\n priceRangeMin: value\n }\n }\n });\n }}\n aria-describedby=\"outlined-weight-helper-text\"\n labelWidth={0}\n required\n />\n
\n \n Max}\n id=\"priceRangeMax\"\n onValueChange={(values) => {\n const { value } = values;\n setOnboardingForm({\n ...onboardingForm,\n transactionProfile: {\n ...onboardingForm.transactionProfile,\n stepTwo: {\n ...onboardingForm.transactionProfile.stepTwo,\n priceRangeMax: value\n }\n }\n });\n }}\n aria-describedby=\"outlined-weight-helper-text\"\n labelWidth={0}\n required\n />\n
\n \n Avg}\n id=\"priceRangeAvg\"\n onValueChange={(values) => {\n const { value } = values;\n setOnboardingForm({\n ...onboardingForm,\n transactionProfile: {\n ...onboardingForm.transactionProfile,\n stepTwo: {\n ...onboardingForm.transactionProfile.stepTwo,\n priceRangeAvg: value\n }\n }\n });\n }}\n aria-describedby=\"outlined-weight-helper-text\"\n labelWidth={0}\n required\n />\n
\n \n \n \n \n \n {!isT2SMerchant && (\n <>\n \n \n Do you take MOTO payments?\n \n \n \n \n \n )}\n\n \n \n Apply a max ticket value?\n \n \n \n \n {onboardingForm.transactionProfile.stepThree.isMaxTicketApplied && (\n \n \n \n setOnboardingForm({\n ...onboardingForm,\n transactionProfile: {\n ...onboardingForm.transactionProfile,\n stepThree: {\n ...onboardingForm.transactionProfile.stepThree,\n maxTicketValue: values.value\n }\n }\n })\n }\n isAllowed={(values) => numberFormatAllowValuesForPayments(values)}\n aria-describedby=\"outlined-weight-helper-text\"\n labelWidth={0}\n required\n />\n \n )}\n {onboardingForm.transactionProfile.stepThree.isMotoPayment && (\n \n \n What % total card turnover is Moto?\n option}\n listPrefix={' %'}\n value={onboardingForm.transactionProfile.stepThree.totalCardTurnoverIsMoto}\n onChange={(e, newValue) =>\n setOnboardingForm({\n ...onboardingForm,\n transactionProfile: {\n ...onboardingForm.transactionProfile,\n stepThree: {\n ...onboardingForm.transactionProfile.stepThree,\n totalCardTurnoverIsMoto: newValue\n }\n }\n })\n }\n >\n \n \n \n How far in advance of goods provided is MOTO ₤ taken?\n \n option}\n listPrefix={' Days'}\n value={onboardingForm.transactionProfile.stepThree.advanceGoodsMotoProvidedDays}\n onChange={(e, newValue) =>\n setOnboardingForm({\n ...onboardingForm,\n transactionProfile: {\n ...onboardingForm.transactionProfile,\n stepThree: {\n ...onboardingForm.transactionProfile.stepThree,\n advanceGoodsMotoProvidedDays: newValue\n }\n }\n })\n }\n >\n \n \n \n Auto renew/recurring transactions?\n \n \n \n \n {onboardingForm.transactionProfile.stepThree.isAutoRenewTransactions && (\n \n \n )}\n \n )}\n \n
\n );\n }\n\n const nextBtn = (\n \n \n No\n \n \n setOnboardingForm({\n ...onboardingForm,\n transactionProfile: {\n ...onboardingForm.transactionProfile,\n stepThree: {\n ...onboardingForm.transactionProfile.stepThree,\n isMotoPayment: e.target.checked\n }\n }\n })\n }\n >\n \n Yes\n \n
\n \n \n No\n \n \n setOnboardingForm({\n ...onboardingForm,\n transactionProfile: {\n ...onboardingForm.transactionProfile,\n stepThree: {\n ...onboardingForm.transactionProfile.stepThree,\n isMaxTicketApplied: e.target.checked\n }\n }\n })\n }\n >\n \n Yes\n \n
\n \n \n No\n \n \n setOnboardingForm({\n ...onboardingForm,\n transactionProfile: {\n ...onboardingForm.transactionProfile,\n stepThree: {\n ...onboardingForm.transactionProfile.stepThree,\n isAutoRenewTransactions: e.target.checked\n }\n }\n })\n }\n >\n \n Yes\n \n
\n \n \n \n \n setOnboardingForm({\n ...onboardingForm,\n transactionProfile: {\n ...onboardingForm.transactionProfile,\n stepThree: {\n ...onboardingForm.transactionProfile.stepThree,\n motoRenewalReason: e.target.value\n }\n }\n })\n }\n >\n \n
\n Your business
\n- \n {/* {isAdmin && (\n
Ways to get paid
\n- \n
Team and security
\n- \n {canViewAndEditTeam ? (\n
\n \n \n {\n setOnboardingForm({\n ...onboardingForm,\n tradingAddress: {\n ...onboardingForm.tradingAddress,\n sortCode: value\n }\n });\n }}\n />\n \n
\n \n {markPayout.status === payoutStatus.RESEND\n ? 'Resend payout'\n : markPayout.status === payoutStatus.NOT_RECEIVED\n ? `Mark payout as not received`\n : 'Cancel request'}\n
\n \nPlease wait, we are processing your request...
\n\n {\n setOtpError('');\n }}\n >\n {otpError}\n \n
\n \n {errorMessage && (\n setErrorMessage(null)} type=\"error\">\n {errorMessage ? \n )}\n\n \n {datmanMerchant &&
\n {errorMessage}
: ''}\n\n \n Update Account Details\n \n
\n \n \n Business Details\n \n \n \n {\n setBusinessDetails({\n ...businessDetails,\n legalName: e.target.value\n });\n setBusinessName(true);\n }}\n />\n \n \n \n \n \n \n \n \n \n \n \n {\n setBusinessDetails({\n ...businessDetails,\n postCode: postCode\n });\n setBusinessAddress(true);\n }}\n onAddressObjectChange={\n (addresData) => selectAddressData(addresData, setBusinessDetails, businessDetails)\n // setBusinessAddress(true)\n }\n />\n \n \n {\n setBusinessDetails({\n ...businessDetails,\n addressLine1: e.target.value\n });\n setBusinessAddress(true);\n }}\n />\n \n \n \n {\n setBusinessDetails({\n ...businessDetails,\n addressLine2: e.target.value\n });\n setBusinessAddress(true);\n }}\n />\n \n \n \n {\n setBusinessDetails({\n ...businessDetails,\n city: e.target.value\n });\n setBusinessAddress(true);\n }}\n />\n \n \n \n {\n setBusinessDetails({\n ...businessDetails,\n telephoneNumber: phoneNumberValidator(phone)\n });\n }}\n inputClass={styles.phoneInput}\n name=\"phone\"\n />\n \n
\n \n \n Owner Details\n \n \n \n {\n setOwnerDetails({\n ...ownerDetails,\n fullName: e.target.value\n });\n setOwnerName(true);\n }}\n />\n \n \n \n \n \n \n \n \n \n \n \n \n {\n setOwnerDetails({\n ...ownerDetails,\n postCode: postCode\n });\n setOwnerAddress(true);\n }}\n onAddressObjectChange={(addresData) =>\n selectAddressData(addresData, setOwnerDetails, ownerDetails)\n }\n />\n \n \n \n {\n setOwnerDetails({\n ...ownerDetails,\n addressLine1: e.target.value\n });\n setOwnerAddress(true);\n }}\n />\n \n \n \n {\n setOwnerDetails({\n ...ownerDetails,\n addressLine2: e.target.value\n });\n setOwnerAddress(true);\n }}\n />\n \n \n \n {\n setOwnerDetails({\n ...ownerDetails,\n city: e.target.value\n });\n setOwnerAddress(true);\n }}\n />\n \n \n \n {\n setOwnerDetails({\n ...ownerDetails,\n telephoneNumber: phoneNumberValidator(phone)\n });\n }}\n inputClass={styles.phoneInput}\n name=\"phone\"\n />\n \n \n {\n setOwnerDetails({\n ...ownerDetails,\n email: e.target.value.toLowerCase()\n });\n }}\n />\n \n
\n \n \n Update\n \n \n {errorMessage}\n \n \n
\n \n \n \n {\n setOwnerDetails({\n ...ownerDetails,\n fullName: e.target.value\n });\n }}\n disabled\n classes={{ disabled: classes.disabledInput }}\n />\n \n \n \n {\n setOwnerDetails({\n ...ownerDetails,\n postCode: postCode\n });\n }}\n onAddressObjectChange={(addresData) =>\n selectAddressData(addresData, setOwnerDetails, ownerDetails)\n }\n />\n \n \n \n {\n setOwnerDetails({\n ...ownerDetails,\n addressLine1: e.target.value\n });\n }}\n />\n \n \n \n {\n setOwnerDetails({\n ...ownerDetails,\n city: e.target.value\n });\n }}\n />\n \n \n \n {\n setOwnerDetails({\n ...ownerDetails,\n telephoneNumber: phoneNumberValidator(phone)\n });\n }}\n inputClass={styles.phoneInput}\n name=\"phone\"\n />\n \n \n {\n setOwnerDetails({\n ...ownerDetails,\n email: e.target.value.toLowerCase()\n });\n }}\n />\n \n
\n \n \n \n {\n setBusinessDetails({\n ...businessDetails,\n legalName: e.target.value\n });\n }}\n disabled\n classes={{ disabled: classes.disabledInput }}\n />\n \n \n \n setBusinessDetails({\n ...businessDetails,\n websiteUrl: value\n })\n }\n />\n \n
\n \n \n Update\n \n \n
\n \n \n \n {\n setBusinessDetails({\n ...businessDetails,\n legalName: e.target.value\n });\n }}\n disabled\n classes={{ disabled: classes.disabledInput }}\n />\n \n
\n \n \n \n \n {\n setBusinessDetails({\n ...businessDetails,\n postCode: postCode\n });\n }}\n onAddressObjectChange={(addresData) =>\n selectAddressData(addresData, setBusinessDetails, businessDetails)\n }\n />\n \n \n \n {\n setBusinessDetails({\n ...businessDetails,\n addressLine1: e.target.value\n });\n }}\n />\n \n \n \n {\n setBusinessDetails({\n ...businessDetails,\n addressLine2: e.target.value\n });\n }}\n />\n \n \n \n {\n setBusinessDetails({\n ...businessDetails,\n city: e.target.value\n });\n }}\n />\n \n {\n setBusinessDetails({\n ...businessDetails,\n county: value\n });\n }}\n />\n
\n \n \n \n {\n setOwnerDetails({\n ...ownerDetails,\n fullName: e.target.value\n });\n }}\n disabled\n classes={{ disabled: classes.disabledInput }}\n />\n \n \n \n {\n setOwnerDetails({\n ...ownerDetails,\n email: e.target.value.toLowerCase()\n });\n }}\n />\n \n\n \n \n {\n setBusinessDetails({\n ...businessDetails,\n telephoneNumber: phoneNumberValidator(phone)\n });\n setPhoneCountryDialCode(data.dialCode);\n }}\n inputClass={styles.phoneInput}\n name=\"phone\"\n />\n \n \n {\n setBusinessDetails({\n ...businessDetails,\n websiteUrl: value\n });\n }}\n />\n \n
\n \n \n Update\n \n \n
\n \n {\n setOpenView(false);\n setAmount(null);\n }}\n className={{\n paper: styles.paper\n }}\n aria-labelledby=\"alert-dialog-title\"\n aria-describedby=\"alert-dialog-description\"\n max-width=\"false\"\n >\n \n \n \n \n {/* \n \n Total Balance \n \n \n {formatCurrency(balance, getCurrencyThreeAlpha(globalState.merchant?.country))}\n \n */}\n {/* \n \n In transit Balance \n \n Payouts in Transit will be deposited in to your account every Tuesday and Friday\n automatically.\n \n \n \n {formatCurrency(\n transitBalance,\n getCurrencyThreeAlpha(globalState.merchant?.country)\n )}\n \n */}\n \n \n \n Available Balance\n \n \n \n \n {formatCurrency(balance, getCurrencyThreeAlpha(globalState.merchant?.country))}\n \n \n \n \n \n setIsSuccessWithdraw(false)} type=\"success\">\n {successMessage}\n \n )}\n
\n );\n}\n\nPaymentActionComponent.propTypes = {\n textPlaceHolder: PropTypes.string,\n inputValue: PropTypes.number,\n btnText: PropTypes.string,\n onBtnClick: PropTypes.func,\n textInСircle: PropTypes.string,\n showActionError: PropTypes.bool,\n cantWithdraw: PropTypes.bool,\n paymentActionValidation: PropTypes.func,\n renderPopup: PropTypes.func,\n paymentType: PropTypes.number,\n setAmount: PropTypes.func,\n isSuccessWithdraw: PropTypes.bool,\n setIsSuccessWithdraw: PropTypes.func,\n successMessage: PropTypes.string,\n cantWithdrawMessage: PropTypes.string,\n calculateFontSize: PropTypes.func\n};\n\nexport default PaymentActionComponent;\n","import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport PaymentActionComponent from './payment-action.component';\nimport { WithdrawalSubmission, InternalTransferSubmission } from 'components';\nimport { PaymentType } from 'utils/enums/PaymentType';\nimport { useBalanceContext, useGlobalStateContext } from 'contexts';\nimport { BusinessDetailsService } from 'services';\nimport { validatePaymentAmount } from 'validators';\nimport { validateWithdraw } from 'validators';\n\n/**\n * \n * @param {{\n textPlaceHolder: string,\n textInСircle: string,\n balanceValue?: number,\n inputValue: number,\n onInput: (event: Event) => {},\n btnText: string,\n onBtnClick: () => {}\n * }} props \n */\nfunction PaymentAction(props) {\n const [isSuccessWithdraw, setIsSuccessWithdraw] = useState(false);\n const [successMessage, setSuccessMessage] = useState('');\n const { show, setShow, paymentType } = props;\n\n const { globalState, setRoute } = useGlobalStateContext();\n // Check please if we should remove or leave refreshBalance (if you will see conflict on merge)\n // On migration it was removed, on dev we should leave it for now.\n const { availableBalance } = useBalanceContext();\n const [showActionError, setShowActionError] = useState(false);\n const textInCircle = `${globalState?.user?.firstName?.charAt(0)}${globalState?.user?.lastName?.charAt(0)}`;\n const textPlaceHolder = 'Hi ' + globalState.user?.firstName;\n const [amount, setAmount] = useState(null);\n const [isVerifiedBank, setIsVerifiedBank] = useState(false);\n const [openView, setOpenView] = useState(false);\n\n useEffect(() => {\n const getBankStatus = async () => {\n const response = await BusinessDetailsService.getMerchantBusinessTypeAndBankStatus(\n globalState.merchant?.id\n );\n if (response.isSuccesfully) {\n setIsVerifiedBank(\n (response.data.isBankAccountVerified && response.data.isAccountVerified) ||\n response.data.allowWithdrawals\n );\n } else {\n setIsVerifiedBank(false);\n }\n };\n\n if (globalState.merchant?.id) {\n getBankStatus();\n }\n }, [globalState.merchant]);\n\n function paymentActionValidation() {\n const validationMessage = validatePaymentAmount(availableBalance, amount);\n setShowActionError(!validationMessage.isValid);\n return validationMessage.message;\n }\n const [cantWithdraw, setCantWithdraw] = useState(false);\n const [cantWithdrawMessage, setCantWithdrawMessage] = useState('');\n\n const renderPopup = () => {\n switch (paymentType) {\n case PaymentType.ChargeBack:\n //Add the ChargeBack popup\n break;\n case PaymentType.InternalTransfer:\n return (\n \n
\n {!notShowWithdrawals && (\n \n \n {textPlaceHolder}\n \n
\n {textInСircle}
\n \n {datmanMerchant && (\n
\n )}\n \n
\n )}\n {datmanMerchant && (\n \n {balanceIsLoading ? (\n \n \n {getCurrencySymbol(globalState.merchant?.country)}\n \n \n )}\n
\n \n
\n ) : (\n \n {/* {!hidePaymentActions && (\n 0 && cantWithdraw}\n arrow\n title={{cantWithdrawMessage} }\n >\n
\n )}\n \n {+balance > 0 && paymentActionValidation()}\n }\n >\n
\n )}\n \n \n \n {getCurrencySymbol(globalState.merchant?.country)}\n \n \n }\n onValueChange={(values) => {\n const { value } = values;\n setAmount(value);\n }}\n isAllowed={(values) => numberFormatAllowValuesForPayments(values)}\n aria-describedby=\"outlined-weight-helper-text\"\n labelWidth={0}\n value={amount}\n required\n />\n
\n \n \n \n
\n */}\n \n
\n \n {renderPopup(paymentType)}\n {btnText}
\n\n setOpenView(true)}\n className={styles.buttonAction}\n disabled={isMerchantAccountClosed}\n >\n
\n \n
\n \n {/* {renderPopup(paymentType)} */}\n View
\n\n
\n\n \n \n \n
\n Balance
\n\n {\n setOpenView(false);\n setAmount(null);\n }}\n >\n
\n \n {!hidePaymentActions && (\n 0 && cantWithdraw}\n arrow\n title={{cantWithdrawMessage} }\n >\n
\n ) : (\n \n {+balance > 0 && paymentActionValidation()}\n }\n >\n
\n )}\n \n \n \n {getCurrencySymbol(globalState.merchant?.country)}\n \n \n }\n onValueChange={(values) => {\n const { value } = values;\n setAmount(value);\n }}\n isAllowed={(values) => numberFormatAllowValuesForPayments(values)}\n aria-describedby=\"outlined-weight-helper-text\"\n labelWidth={0}\n value={amount}\n required\n />\n
\n \n \n \n
\n \n \n
\n \n {renderPopup(paymentType)}\n {btnText}
\n\n We're simplifying your payouts.\n
\n No more manual withdrawal required!\n
\n )}\n \n \n\n {isSuccessWithdraw && (\n \n No more manual withdrawal required!\n
\n setAnchorEl(null)}\n anchorOrigin={{\n vertical: 'bottom',\n horizontal: 'right'\n }}\n transformOrigin={{\n vertical: 'top',\n horizontal: 'right'\n }}\n className={classes.popover}\n >\n
\n );\n}\n\nPaymentsFilterComponent.propTypes = {\n anchorEl: PropTypes.string,\n setAnchorEl: PropTypes.func.isRequired,\n channelFilter: PropTypes.string.isRequired,\n setChannelFilter: PropTypes.func.isRequired\n};\n","import React from 'react';\n\nimport PaymentsFilterComponent from './payments-filter.component';\n\nexport default function PaymentsFilter(props) {\n const [anchorEl, setAnchorEl] = React.useState(null);\n return \n {\n setChannelFilter('All');\n setAnchorEl(null);\n }}\n >\n Clear\n \n Filter \n setAnchorEl(null)}\n >\n Done\n \n
\n\n \n \n \n
\n \n Channel :
\n \n \n \n Schedule Export transactions\n \n\n \n \n \n \n \n \n \n \n \n {timeFrame === 'Weekly' && (\n \n {\n setWeeklyScheduleDay(event.target.value);\n }}\n className={styles.dialogContentTextFieldWeekly}\n size=\"small\"\n >\n {days.map((day) => (\n \n ))}\n \n \n )}\n {timeFrame === 'Monthly' && (\n \n {\n setMonthlyScheduleDay(event.target.value);\n }}\n className={styles.dialogContentTextFieldWeekly}\n size=\"small\"\n >\n {datesArray.map((date) => (\n \n ))}\n \n \n )}\n\n {timeFrame === 'Custom' && (\n <>\n \n \n \n \n \n )}\n {/* \n \n */}\n\n \n \n {\n schedulePaymentsExport();\n }}\n color=\"primary\"\n className={styles.dialogbtn}\n disabled={disableExportBtn}\n >\n Export\n \n \n
\n \n Frequency
\nEvery
\nEvery
\n\n \n {\n setCustomScheduleFromDay(newValue['$d']);\n }}\n renderInput={(params) => (\n \n
\n From
\n\n \n {\n setCustomScheduleToDay(newValue['$d']);\n }}\n minDate={customScheduleFromDay}\n renderInput={(params) => (\n \n
\n To
\n\n \n {\n setCustomScheduleOnDay(newValue['$d']);\n }}\n minDate={customScheduleToDay}\n renderInput={(params) => (\n \n
\n On
\nFormat
\n\n
\n \n Email Statements will be sent within an hour.
\n {/*\n {' '}\n Select one of the options below and proceed to prepare your statement\n
*/}\n {/* hiding pdf and csv option as of now */}\n {/* {false && (\n\n Format\n setIsCsv(e.target.value)}\n >\n
\n )} */}\n \n \n \n \n \n \n \n
\n\n Filter
\n\n newValue && setFromDate(newValue['$d'])}\n placeholder={moment(new Date()).format('D MMM YYYY')}\n minDate={timeFrame === 'custom' ? null : undefined}\n maxDate={timeFrame === 'custom' ? toDate ?? new Date() : new Date()}\n disabled={timeFrame === 'year'}\n styleClass={timeFrame === 'custom' ? 'blackClass' : 'defaultClass'}\n />\n newValue && setToDate(newValue['$d'])}\n placeholder={moment(new Date()).format('D MMM YYYY')}\n minDate={timeFrame === 'custom' ? fromDate : fromDate}\n maxDate={new Date()}\n disabled={timeFrame === 'year'}\n styleClass={timeFrame === 'custom' ? 'blackClass' : 'defaultClass'}\n />\n
\n\n {/*\n \n \n
\n {props.title}
\n\n {onAcquirerChange && isAdmin && isDatmanReseller && (\n <>\n {acquirer?.length !== 0 && acquirer?.length !== acquirerName?.length && (\n
\n {path === 'internal-transfers' && (\n \n \n clear filter\n \n
\n )}\n\n \n \n {acquirer?.length !== 0 ? (\n setAcquirerFilter(true)}\n style={{ color: '#005896' }}\n />\n ) : (\n setAcquirerFilter(true)}\n style={{ color: '#005896' }}\n />\n )}\n \n
\n \n )}\n \n {\n setSelectedProvider(e.target.value);\n sessionStorage.setItem('selectedProvider', e.target.value);\n }}\n inputProps={{\n className: classes.input\n }}\n >\n {Object.keys(AcquirersToAcquirerName).map((acquirer) => (\n \n ))}\n \n
\n )}\n {via && path !== 'list-chargebacks' && path !== 'refund-list' && (\n \n {\n setVia(e.target.value);\n setOffrange(false);\n callClevertap(e.target.value);\n if (setDaysRange) setDaysRange({});\n }}\n inputProps={{\n className: classes.input\n }}\n >\n {showDaily && }\n {showWeekly && }\n \n {showYearly && }\n \n
\n )}\n \n Total pending: \n {getCurrencySymbol(globalState.merchant?.country)} \n {props.totalPendingInternalTransfersAmount.toFixed(2)} \n
\n )}\n {showMerchantChargesButton && isSuperAdmin && !mediaLessThan640px && (\n \n \n \n \n \n \n \n
\n );\n } else {\n return (\n \n {range}\n
\n \n \n \n {offrange ? (\n \n \n \n \n
\n );\n }\n };\n\n return (\n \n \n {startDate.toLocaleDateString('en-GB', {\n year: '2-digit',\n month: 'short',\n day: '2-digit'\n })}\n \n \n {'-'} \n \n {endDate.toLocaleDateString('en-GB', {\n year: '2-digit',\n month: 'short',\n day: '2-digit'\n })}\n \n \n
\n ) : (\n \n {range}\n
\n )}\n \n {!nextPerviousHideButton ? (\n
\n\n \n
\n ) : null}\n {showRangePicker ? (\n \n {\n if (path === 'refund-list' || path === 'list-chargebacks') {\n let date = moment(startDate).format('YYYY-MM-DD');\n setRoute(`/${path}/day/${date}`);\n }\n if (startDate && endDate) {\n onChangeDateRange(startDate, endDate);\n setDaysRange({\n ...daysRange,\n startDate: startDate,\n endDate: endDate\n });\n } else {\n if (path === 'refund-list') {\n let date = moment(startDate).format('YYYY-MM-DD');\n setRoute(`/${path}/day/${date}`);\n }\n }\n }}\n closeOnSelect\n />\n
\n ) : (\n \n {range}\n
\n )}\n {!nextPerviousHideButton ? (\n \n
\n ) : null}\n \n
\n {success ? 'Withdrawal confirmation of' : 'You are about to withdraw'}{' '}\n {getCurrencySymbol(globalState.merchant?.country)}\n {parseFloat(withdrawalAmount).toFixed(2)}\n
\n \nPlease wait, we are processing your request...
\n\n \n Withdrawal requests may take up to 5-7 days to process\n \n
\n \n {\n setCurrentPassword(value);\n setNewPasswordChange(false);\n }}\n />\n
\n \n 
\n
\n Password reset
\n\n {props.submitView === 'SEND-OTP' ? (\n \n Enter your email to get a verification code.
\n The code will be sent via SMS if you've provided a valid phone number, otherwise\n you'll get it via email.\n \n ) : (\n Enter your verification code and the new password\n )}\n
\n \n The code will be sent via SMS if you've provided a valid phone number, otherwise\n you'll get it via email.\n \n ) : (\n Enter your verification code and the new password\n )}\n
\n
\n {\n setRoute('/settings', { redirected: true });\n }}\n >\n Finish\n \n
\n );\n};\n\nFinishUploadButtonComponent.propTypes = {\n disabled: PropTypes.bool\n};\n\nexport default FinishUploadButtonComponent;\n","import React from 'react';\nimport FinishUploadButtonComponent from './finish-upload-button.component';\n\nfunction FinishUploadButton(props) {\n return \n {element.name !== 'MyEcomm' ? (\n \n \n \n \n \n 
\n \n \n {element.name}\n \n \n \n\n \n onCardClick(element)}\n checked={selectedEntities.includes(element.id)}\n />\n \n \n \n ) : null}\n
\n );\n })}\n \n \n Contact Details\n \n \n \n {\n setContactDetails({\n ...contactDetails,\n legalName: e.target.value\n });\n }}\n />\n \n \n \n {\n setContactDetails({\n ...contactDetails,\n postCode: postCode\n });\n }}\n onAddressObjectChange={(addressData) =>\n selectAddressData(addressData, contactDetails, setContactDetails)\n }\n />\n \n \n \n {\n setContactDetails({\n ...contactDetails,\n addressLine: e.target.value\n });\n }}\n />\n \n \n \n {\n setContactDetails({\n ...contactDetails,\n city: e.target.value\n });\n }}\n />\n \n\n \n \n \n \n \n \n {\n setContactDetails({\n ...contactDetails,\n telephoneNumber: phoneNumberValidator(phone)\n });\n }}\n />\n \n\n {\n setContactDetails({\n ...contactDetails,\n email: e.target.value.toLowerCase()\n });\n }}\n autoComplete=\"off\"\n />\n
\n \n setSubmitSuccess(false)}\n type=\"success\"\n >\n {message}\n \n setSubmitFail(false)}\n type=\"error\"\n >\n {message}\n \n\n \n Business Details\n \n \n \n {\n setBusinessDetails({\n ...businessDetails,\n legalName: e.target.value\n });\n }}\n />\n \n\n {\n setBusinessDetails({\n ...businessDetails,\n url: value\n });\n }}\n />\n \n \n option?.name === value?.name}\n options={businessDescriptions}\n getOptionLabel={(option) => option.name}\n onChange={(event, newValue) => {\n if (newValue) {\n setBusinessDetails({\n ...businessDetails,\n businessDescription: newValue.id,\n mccCode: newValue.mccCode\n });\n setBusinessDescriptionSearchString(newValue);\n } else {\n setBusinessDetails({\n ...businessDetails,\n businessDescription: '',\n mccCode: ''\n });\n setBusinessDescriptionSearchString({ name: '' });\n }\n }}\n customListRender={(option) => {\n return (\n \n {option.name}\n \n );\n }}\n />\n \n
\n\n \n \n Configuration\n \n \n \n \n \n \n {\n setConfigDetails({\n ...configDetails,\n merchantId: e.target.value\n });\n }}\n labelWidth={0}\n required\n />\n \n\n \n \n \n \n {\n setConfigDetails({\n ...configDetails,\n testMode: e.target.value\n });\n }}\n >\n }\n >\n \n \n \n \n \n \n \n \n {\n setConfigDetails({\n ...configDetails,\n threeDSecure: e.target.value\n });\n }}\n >\n }\n >\n \n \n \n \n \n \n \n \n \n }\n >\n \n \n \n \n \n\n \n \n {\n setConfigDetails({\n ...configDetails,\n terminalId: e.target.value\n });\n }}\n labelWidth={0}\n required\n />\n \n
\n \n \n \n \n Products\n \n \n \n \n \n \n \n
\n \n {\n setSelectedProducts(value);\n }}\n value={selectedProducts}\n />\n
\n \n \n Submit\n \n
\n \n
\n ) : (\n \n \n {data.fee_description} :{' '}\n {formatCurrency(\n data.fee_amount,\n getCurrencyThreeAlpha(globalState.merchant?.country)\n )}\n \n
\n ))\n ) : (\n \n \n Datman Fees:\n {formatCurrency(payment.fees, getCurrencyThreeAlpha(globalState.merchant?.country))}\n \n
\n )\n }\n arrow\n placement=\"top\"\n className={styles.toolTip}\n >\n \n
\n {\n //remove false when modify api to get timeline details method\n false && (\n \n
\n \n
\n \n
\n {Number(payment.total) > 0 &&\n !payment.refund &&\n !isAddCreditTrannsaction &&\n isAdmin &&\n !noChargeBack.includes(payment?.payment_provider) &&\n isDatmanReseller &&\n !giftCardExits && (\n \n \n Payment\n \n {payment.id}\n \n \n {isCopyAlertOpen && (\n \n Successfully copied the payment reference ID.\n \n )}\n
\n \n \n {getCurrencySymbol(globalState.merchant?.country)}\n \n {formatAmount(payment.total)}\n \n {getCurrencyThreeAlpha(globalState.merchant?.country)}\n \n
\n \n
\n )}\n \n handleModal()}\n disabled={chargebackExists}\n >\n + Add Chargebacks\n \n
\n \n {\n //remove false when modify api to get payment method\n false && (\n \n \n )\n }\n {\n //remove false when modify api to get risk parameter\n false && (\n \n \n )\n }\n {hidePaymentActions ||\n payment.total <= 0 ||\n payment.payed <= 0 ||\n !payment.order_id ||\n (payment.payment_status ? payment.payment_status !== 'OK' : false) ||\n payment.payment_provider === AcquirersNameMap.VOUCHER_CREDIT ||\n payment.refund ||\n giftCardExits ? null : (\n \n \n \n )}\n
\n \n Payment method\n
\n \n {payment.method}\n
\n \n Risk\n
\n \n {payment.risk}\n
\n \n {\n {\n setShow(true);\n const data = {\n refund_amount: props.payment.total,\n time_stamp: new Date()\n };\n cleverTapClick('Refund_txn_click', globalState, data);\n }}\n disabled={\n globalState.merchant.status === MerchantStatus.WATCHLIST\n }\n >\n Refund\n \n }\n
\n \n \n \n
\n )\n }\n {mediaLessThan600px ? (\n \n \n Timeline\n \n \n }>\n Add note\n \n \n
\n \n {payment.timeline &&\n payment.timeline.map((timeline) => {\n return (\n
\n \n \n {formatDateTimeByFormatString(\n timeline.created_at,\n 'DD MMM HH:mm'\n )}\n \n
\n );\n })}\n \n
\n \n \n \n \n
\n \n \n
\n ) : (\n \n \n Payment details\n \n
\n \n \n \n \n
\n \n \n
\n )}\n {mediaLessThan600px ? (\n \n \n Payment details\n \n
\n \n \n \n \n
\n \n \n
\n ) : (\n \n \n Customer Details\n \n
\n \n \n \n \n
\n \n \n
\n )}\n {isAdmin &&\n (mediaLessThan600px ? (\n \n \n Customer Details\n \n
\n \n \n \n \n
\n \n \n
\n ) : (\n \n \n Additional Information\n \n
\n \n \n \n \n
\n \n \n
\n ))}\n {snackbarMessage && (\n \n \n Additional Information\n \n
\n \n
\n\n \n
\n \n
\n {nextExpectedDate && (\n \n \n Payout\n {payouts?.batch_id && (\n \n {payouts.batch_id}\n \n \n {isCopyAlertOpen && (\n \n Successfully copied the payout batch id.\n \n )}\n
\n \n \n {formatCurrency(\n payouts.total,\n getCurrencyThreeAlpha(globalState.merchant?.country)\n )}\n \n \n {getCurrencyThreeAlpha(globalState.merchant?.country)}\n \n \n {payouts.status ? (\n payouts.not_received ? (\n
\n \n \n \n
\n )}\n Date expected
\n \n {formatDateTimeByFormatString(nextExpectedDate, 'DD MMM HH:mm')}\n
\n \n \n \n \n
\n \n \n
\n {open && (\n \n \n Payout details\n \n \n setShowReportModel(true)}\n >\n Export\n \n \n
\n \n
\n )}\n {showReportModel ? (\n \n \n \n \n \n {summary.map((row) => (\n \n {row.label} \n {row.count} \n \n {formatCurrency(\n row?.gross / 100,\n getCurrencyThreeAlpha(globalState.merchant?.country)\n )}\n \n \n {formatCurrency(\n row?.fees / 100,\n getCurrencyThreeAlpha(globalState.merchant?.country)\n )}\n \n \n {formatCurrency(\n row.total / 100,\n getCurrencyThreeAlpha(globalState.merchant?.country)\n )}\n \n \n ))}\n \n \n Payouts\n \n \n \n {formatCurrency(\n totalPayouts / 100,\n getCurrencyThreeAlpha(globalState.merchant?.country)\n )}\n \n \n \n \n \n \n \n
\n \n \n Summary\n \n
\n \n \n \n \n \n {(rowsPerPage > 0\n ? transactions.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage)\n : transactions\n ).map((transaction) => {\n if (transaction.type !== 'payout') {\n count++;\n return (\n \n \n {transaction.type}\n \n \n {formatCurrency(\n transaction.amount / 100,\n getCurrencyThreeAlpha(globalState.merchant?.country)\n )}\n \n \n {formatCurrency(\n transaction.fee / 100,\n getCurrencyThreeAlpha(globalState.merchant?.country)\n )}\n \n \n {formatCurrency(\n transaction.net / 100,\n getCurrencyThreeAlpha(globalState.merchant?.country)\n )}\n \n \n {formatDateTimeByFormatString(\n moment.unix(transaction.created),\n 'DD MMM'\n )}\n \n \n );\n }\n return null;\n })}\n \n \n \n {transactions.length > rowsPerPage ? (\n \n \n \n \n \n Transactions:\n {count}\n \n \n \n \n \n \n \n \n
\n \n \n Transactions\n \n \n setShowReportModel(true)}\n >\n Export\n \n \n
\n\n \n
\n \n
\n \n
\n \n \n {formatCurrency(\n payouts.amount / 100,\n getCurrencyThreeAlpha(globalState.merchant?.country)\n )}\n \n \n
\n \n \n Payout\n \n
\n \n
\n \n \n \n
\n Date expected
\n \n {formatDateTimeByFormatString(\n moment.unix(payouts.arrival_date),\n 'DD MMM HH:mm'\n )}\n
\n \n
\n \n \n Overview\n \n
\n \n \n \n \n \n Date Paid \n Amount \n Fee \n \n \n \n {formatDateTimeByFormatString(moment.unix(payouts.created), 'DD MMM HH:mm')}\n \n \n {formatCurrency(\n payouts.amount / 100,\n getCurrencyThreeAlpha(globalState.merchant?.country)\n )}\n \n \n {formatCurrency(\n overViewFee / 100,\n getCurrencyThreeAlpha(globalState.merchant?.country)\n )}\n \n \n \n \n \n
\n \n \n *\n
\n \n \n *\n
\n \n \n *\n
\n \n \n *\n
\n \n {' '}\n *\n
\n \n \n Pending customers\n \n\n \n
\n\n \n \n \n \n \n \n \n {\n onChange(e.target.value);\n }}\n />\n }\n >\n {Object.keys(MerchantAccountStatus).map((status) => (\n \n ))}\n \n \n \n \n
\n );\n}\n\nAccountStatusComponent.propTypes = {\n onChange: PropTypes.func\n};\n","import { useGlobalStateContext, useAdminFunctionsContext } from 'contexts';\nimport React, { useState } from 'react';\nimport { AdminService } from 'services';\nimport AccountStatusComponent from './account-status.component';\nimport { MerchantAccountStatus } from 'utils/enums/MerchantAccountStatus';\nimport { MerchantStatus } from 'utils/enums/MerchantStatus';\n\nexport default function AccountStatus() {\n const { globalState, setGlobalState } = useGlobalStateContext();\n const [isModalOpen, setIsModalOpen] = useState(false);\n const { adminFunctions, setAdminFunctions } = useAdminFunctionsContext();\n const [isLoading, setIsLoading] = useState(false);\n\n const [updatedMerchantData, setUpdatedMerchantData] = useState({});\n\n const onChange = (value) => {\n var status;\n switch (value) {\n case MerchantAccountStatus.PENDING:\n status = MerchantStatus.MERCHANT_PENDING;\n break;\n case MerchantAccountStatus.PENDING_STRIPE:\n status = MerchantStatus.PENDING_STRIPE;\n break;\n case MerchantAccountStatus.ACTIVE:\n status = MerchantStatus.ACTIVE;\n break;\n case MerchantAccountStatus.CLOSED:\n status = MerchantStatus.CLOSED;\n break;\n case MerchantAccountStatus.REJECTED:\n status = MerchantStatus.REJECTED;\n break;\n case MerchantAccountStatus.WATCHLIST:\n status = MerchantStatus.WATCHLIST;\n break;\n case MerchantAccountStatus.NOT_SUBMITTED:\n status = MerchantStatus.NOT_SUBMITTED;\n break;\n default:\n status = MerchantStatus.MERCHANT_PENDING;\n break;\n }\n\n let data = {\n status: status,\n resellerId: globalState.reseller?.id\n };\n\n if (status === MerchantStatus.WATCHLIST) {\n data = {\n ...data,\n accountVerify: '0',\n bankVerify: '0',\n allowWithdrawals: '0',\n autoWithdraw: '0',\n internalTransferStatus: '0'\n };\n }\n\n setUpdatedMerchantData(data);\n if (status === MerchantStatus.WATCHLIST) {\n setIsModalOpen(true);\n } else {\n setAdminFunctions({\n ...adminFunctions,\n accountStatus: value\n });\n setGlobalState((globalState) => ({\n ...globalState,\n merchant: {\n ...globalState.merchant,\n status: status\n }\n }));\n AdminService.UpdateMerchantDataForAdmin(globalState.merchant?.id, data);\n }\n };\n\n return (\n {dialogText}
\n\n toggleAcquirers('adyen', e.currentTarget.checked)}\n checked={acquirers.adyen}\n disabled={!isAdyenOnboardingDisabled ? true : acquirers.adyen && adyenAccountId}\n />\n Adyen\n
\n \n toggleAcquirers('dna', e.currentTarget.checked)}\n checked={acquirers.dna}\n disabled={\n dnaApplicationId &&\n acquirers.dna &&\n dnaAccount.applicationStatus !== DNAEventStatus.NEED_ADDITIONAL_INFO\n }\n />\n DNA\n
\n {/* \n toggleAcquirers('obn', e.currentTarget.checked)}\n checked={acquirers.obn}\n />\n OBN\n
*/}\n \n toggleAcquirers('barclays', e.currentTarget.checked)}\n checked={acquirers.barclays}\n />\n Barclays\n
\n \n \n \n Submit\n \n \n
\n\n {adyenAccountId && adminFunctions.missingInfoForAdyen?.length > 0 && (\n \n \n \n \n
*/}\n \n );\n}\nManagePartnersComponent.propTypes = {\n onChange: PropTypes.func,\n dnaAccount: PropTypes.object,\n dnaApplicationId: PropTypes.string\n};\n","import React, { useState, useEffect } from 'react';\nimport { useGlobalStateContext, useAdminFunctionsContext } from 'contexts';\nimport ManagePartnersComponent from './manage-partners.component';\nimport { AdyenService, DnaService, AdminService } from 'services';\nimport { DNAEventStatus } from 'utils/enums/pdqOrderStatus';\nimport { UserType } from 'utils/enums/UserType';\nimport moment from 'moment';\nimport { MerchantStatus } from 'utils/enums/MerchantStatus';\nimport { checkEmptyValue } from 'validators/onboarding/onboarding-check-value.validator';\nexport default function ManagePartners() {\n const { globalState } = useGlobalStateContext();\n const [acquirers, setAcquirers] = useState({});\n const [error, setError] = useState('');\n const [isLoading, setLoading] = useState(false);\n const { adminFunctions, setAdminFunctions } = useAdminFunctionsContext();\n const [adyenAccountId, setAdyenAccountId] = useState('');\n const [dnaApplicationId, setDnaApplicationId] = useState('');\n const [adyenAccount, setAdyenAccount] = useState({});\n const [dnaAccount, setDnaAccount] = useState({});\n const [showMessage, setShowMessage] = useState(false);\n const [message, setMessage] = useState('');\n const [dnaErrorList, setDnaErrorList] = useState([]);\n const [messageType, setMessageType] = useState('');\n const [merchantData, setMerchantData] = useState({});\n const [pdqFee, setPdqFee] = useState({});\n const [openModal, setOpenModal] = useState(false);\n const [modalLoading, setModalLoading] = useState(false);\n const [adyenCloseModal, setAdyenCloseModal] = useState(false);\n const [disable, setDisable] = useState(false);\n const isAdyenDisabled = adyenAccountId && acquirers.adyen;\n const isDnaDisabled =\n dnaApplicationId && acquirers.dna && dnaAccount.applicationStatus !== DNAEventStatus.NEED_ADDITIONAL_INFO;\n const needAdditionalInfoStatus =\n dnaApplicationId && dnaAccount.applicationStatus !== DNAEventStatus.NEED_ADDITIONAL_INFO;\n const isSuperAdmin = globalState.user?.UserType?.name === UserType.SuperAdmin;\n const isAdyenOnboardingDisabled =\n globalState.merchant?.status === MerchantStatus.ACTIVE &&\n adminFunctions.accountVerify &&\n adminFunctions.bankVerify;\n\n useEffect(() => {\n const isDnaOnboarded = adminFunctions.dnaApplicationId ? true : false;\n const isAdyenOnboarded = adminFunctions.adyenAccountId ? true : false;\n\n if (isDnaOnboarded || isAdyenOnboarded) {\n setAcquirers({ ...acquirers, adyen: isAdyenOnboarded, dna: isDnaOnboarded });\n setAdyenAccountId(adminFunctions?.adyenAccountId);\n setDnaApplicationId(adminFunctions?.dnaApplicationId);\n } else {\n setAcquirers({ adyen: false, dna: false });\n setAdyenAccountId('');\n setDnaApplicationId('');\n }\n\n // eslint-disable-next-line\n }, [adminFunctions.adyenAccountId, adminFunctions.dnaApplicationId]);\n\n useEffect(() => {\n if (!checkEmptyValue(acquirers)) {\n setDisable(true);\n } else {\n setDisable(false);\n }\n }, [acquirers]);\n\n const getDnaAccounts = async () => {\n const response = await DnaService.getDnaAccount({ merchantId: adminFunctions.merchantId });\n if (response.isSuccesfully && response.data.dnaAccounts.length > 0) {\n const result = response.data.dnaAccounts[0];\n setDnaAccount(result);\n } else {\n setDnaAccount({});\n }\n };\n const getDnaMerchantData = async () => {\n const response = await AdminService.getPdqMerchantData(adminFunctions.merchantId);\n if (response.isSuccesfully) {\n let tempMerchantData = response.data.merchantData;\n tempMerchantData = {\n ...tempMerchantData,\n birthDate: moment(tempMerchantData.birthDate, 'DD-MM-YYYY').format('D MMM YYYY')\n };\n setMerchantData(tempMerchantData);\n setPdqFee(response.data.fees);\n } else {\n setMerchantData({});\n setPdqFee({});\n }\n };\n const getAdyenAccounts = async () => {\n const response = await AdyenService.getAdyenAccounts(adminFunctions?.merchantId);\n if (response.isSuccesfully) {\n setAdyenAccount(response.data);\n } else {\n setAdyenAccount({});\n }\n };\n const closeAdyenAccount = async () => {\n setModalLoading(true);\n const response = await AdyenService.closeAdyenAccount(adminFunctions.merchantId);\n if (response.isSuccesfully) {\n setShowMessage(true);\n setMessageType('success');\n setMessage('Your adyen account has been closed successfully');\n } else {\n setShowMessage(true);\n setMessageType('error');\n setMessage(response?.data[0]?.errorDescription);\n }\n setAdyenCloseModal(false);\n setModalLoading(false);\n if (adminFunctions.merchantId) {\n getAdyenAccounts();\n }\n };\n const onConfirm = async () => {\n let tempdata = merchantData;\n tempdata = { ...tempdata, birthDate: moment(tempdata.birthDate).format('YYYY-MM-DD') };\n\n setModalLoading(true);\n const response = await DnaService.submitDnaOnboarding(adminFunctions.merchantId, {\n merchantData: tempdata,\n pdqFee\n });\n if (response.isSuccesfully) {\n const dnaApplicationId = response.data.dnaApplicationId;\n setDnaApplicationId(dnaApplicationId);\n setAdminFunctions({\n ...adminFunctions,\n dnaApplicationId: dnaApplicationId\n });\n setAcquirers({\n ...acquirers,\n dna: true\n });\n getDnaAccounts();\n setOpenModal(false);\n setShowMessage(true);\n setMessage(response.data.message);\n setMessageType('success');\n } else {\n if (response.data?.errors) {\n setMessage('');\n setShowMessage(false);\n let dnaErrors = response.data?.errors.split('.')[0];\n\n setMessage(dnaErrors);\n } else {\n setMessage(response.data?.message ? response.data?.message : 'An error occurred!');\n }\n setMessageType('error');\n setShowMessage(true);\n }\n setModalLoading(false);\n };\n useEffect(() => {\n if (adminFunctions && adminFunctions?.merchantId) {\n getDnaAccounts();\n getDnaMerchantData();\n getAdyenAccounts();\n }\n // eslint-disable-next-line\n }, [adminFunctions.merchantId]);\n const openDnaForm = async () => {\n if (Object.keys(merchantData).length === 0) {\n setShowMessage(true);\n setMessage('No DNA onboarding request for this merchant');\n setMessageType('error');\n } else setOpenModal(true);\n };\n const submitPartnerApplication = async () => {\n setLoading(true);\n let response;\n // Persist the current state in localStorage/sessionStorage\n localStorage.setItem('isSubmittingAdyen', true);\n\n console.log('acquirers', acquirers);\n if (acquirers.obn) {\n //response = await PartnerObnService.submitPartnerApplication(globalState.merchant?.id);\n } else if (\n acquirers.adyen ||\n (adminFunctions?.missingInfoForAdyen && adminFunctions?.missingInfoForAdyen.length > 0)\n ) {\n console.log('submitting adyen');\n setDisable(true);\n response = await AdyenService.submitAdyenOnboarding(globalState.merchant?.id);\n }\n\n if (!response) {\n setError('Invalid selection');\n localStorage.removeItem('isSubmittingAdyen'); // Clean up after error\n }\n // if (response && !response.isSuccesfully && response.error.error) {\n // if (response.error.error.data) {\n // const errorDetail = response.error.error.data;\n // let errorMessages = errorDetail.message || response.error.error.message;\n // if (errorDetail.errors) {\n // errorMessages = `-> ${errorDetail.errors.join('
-> ')}`;\n // } else if (errorDetail.invalidFields) {\n // errorMessages = `
-> ${errorDetail.invalidFields\n // .map((f) => `${f.fieldType.fieldName} - ${f.errorDescription}`)\n // .join('
-> ')}`;\n // }\n // // setAdminFunctions({\n // // ...adminFunctions,\n // // });\n // } else {\n // setError(response.error.error.message);\n // }\n // }\n\n if (response && response.isSuccesfully) {\n setShowMessage(true);\n setMessage(response.data.message);\n setMessageType('success');\n localStorage.removeItem('isSubmittingAdyen'); // Clear submission state after success\n } else {\n setShowMessage(true);\n let message;\n if (response?.data?.message) {\n message = response.data.message;\n } else if (response.data[0]?.errorDescription) {\n message = response.data[0]?.errorDescription;\n } else if (response.data?.errorMessage) {\n message = response.data?.errorMessage[0];\n } else if (response.data?.errors) {\n setMessage('');\n setShowMessage(false);\n let dnaErrors = response.data?.errors;\n setDnaErrorList(dnaErrors);\n } else {\n message = 'An error occurred!';\n }\n\n setMessage(message);\n setMessageType('error');\n localStorage.removeItem('isSubmittingAdyen'); // Clear submission state after error\n }\n\n setLoading(false);\n };\n\n // On page load or return, check if the submission is still in progress\n useEffect(() => {\n const isSubmitting = localStorage.getItem('isSubmittingAdyen');\n if (isSubmitting) {\n setDisable(true);\n }\n }, []);\n\n const toggleAcquirers = (name, checked) => {\n if (name === 'dna' && !isAdyenDisabled) {\n setAcquirers({ ...acquirers, adyen: false, dna: checked });\n } else if (!isDnaDisabled) {\n setAcquirers({ ...acquirers, dna: false, [name]: checked });\n } else {\n setAcquirers({ ...acquirers, [name]: checked });\n }\n };\n\n const getAttribute = (affiliate, name) => {\n return —;\n };\n\n return (\n
\n \n \n \n \n \n \n {\n onChange(e.target.value);\n }}\n />\n }\n >\n \n \n \n \n \n \n
\n );\n}\n\nBankVerificationComponent.propTypes = {\n onChange: PropTypes.func\n};\n","import { useGlobalStateContext, useAdminFunctionsContext } from 'contexts';\nimport React, { useState } from 'react';\nimport { AdminService } from 'services';\nimport BankVerificationComponent from './bank-verification.component';\n\nexport default function BankVerification() {\n const { globalState } = useGlobalStateContext();\n const [isModalOpen, setIsModalOpen] = useState(false);\n const { adminFunctions, setAdminFunctions } = useAdminFunctionsContext();\n const [isLoading, setIsLoading] = useState(false);\n\n const [updatedMerchantData, setUpdatedMerchantData] = useState({});\n\n const onChange = async (value) => {\n const data = {\n bankVerify: value,\n resellerId: globalState.reseller?.id\n };\n setUpdatedMerchantData(data);\n if (value === '0') {\n setIsModalOpen(true);\n } else {\n setIsLoading(true);\n setAdminFunctions({\n ...adminFunctions,\n bankVerify: value === '1' ? true : false\n });\n await AdminService.UpdateMerchantDataForAdmin(globalState.merchant?.id, data);\n setIsLoading(false)\n }\n };\n\n return (\n \n \n \n {testModeStatus ? (\n Are you sure you want this account to be in Test mode? \n ) : (\n Test mode will be set to “N” \n )}\n \n \n {\n setTestModeUpdateDialogBox(false);\n }}\n color=\"primary\"\n variant=\"outlined\"\n className={styles.leavebtn}\n >\n Cancel\n \n testModeUpdateInitiated(testModeStatus)}\n color=\"primary\"\n className={styles.dilogbtn}\n >\n Continue\n \n \n
\n ) : null}\n {threeDSecureUpdate ? (\n \n \n \n {threeDSecureStatus ? (\n 3D Secure will be set to “Y” \n ) : (\n 3D Secure will be set to “N” \n )}\n \n \n {\n setTestModeUpdateDialogBox(false);\n }}\n color=\"primary\"\n variant=\"outlined\"\n className={styles.leavebtn}\n >\n Cancel\n \n threeDSecureUpdateInitiated(threeDSecureStatus)}\n color=\"primary\"\n className={styles.dilogbtn}\n >\n Continue\n \n \n
\n ) : null}\n \n \n \n \n \n \n \n \n {\n setThreeDSecureUpdate(false);\n setTestModeUpdateDialogBox(true);\n setTestModeUpdate(true);\n if (e.target.value === 'true') {\n setTestModeStatus(true);\n } else {\n setTestModeStatus(false);\n }\n }}\n >\n }\n >\n \n \n \n \n \n \n
\n \n \n \n \n \n \n \n {\n //\n // setTestModeReject(false);\n setTestModeUpdate(false);\n setTestModeUpdateDialogBox(true);\n setThreeDSecureUpdate(true);\n if (e.target.value === 'true') {\n setThreeDSecureStatus(true);\n } else {\n setThreeDSecureStatus(false);\n }\n }}\n >\n }\n >\n \n \n \n \n \n \n
\n \n \n \n \n \n \n \n {\n if (globalState.user?.UserType?.name === UserType.SuperAdmin) {\n setIsModalUpdateFeeTier(true);\n setUpdateFeeTierValue(e.target.value);\n }\n }}\n >\n }\n >\n {globalState.user?.UserType?.name === UserType.SuperAdmin ? (\n pricingTiers?.map((pricingTier, index) => {\n return (\n \n );\n })\n ) : (\n \n )}\n \n \n \n \n
\n \n \n \n \n \n \n \n {\n setAdminFunctions({\n ...adminFunctions,\n accountVerify: e.target.value === '1' ? true : false\n });\n onChange(e.target.value);\n }}\n />\n }\n >\n \n \n \n \n \n \n
\n );\n}\n\nAccountVerificationComponent.propTypes = {\n onChange: PropTypes.func\n};\n","import { useGlobalStateContext, useAdminFunctionsContext } from 'contexts';\nimport React, {useState} from 'react';\nimport { AdminService } from 'services';\nimport AccountVerificationComponent from './account-verification.component';\n\nexport default function AccountVerification() {\n const { globalState } = useGlobalStateContext();\n const { adminFunctions, setAdminFunctions } = useAdminFunctionsContext();\n const [isLoading, setIsLoading] = useState(false);\n\n const onChange = async(value) => {\n setIsLoading(true);\n\n await AdminService.UpdateMerchantDataForAdmin(globalState.merchant?.id, {\n accountVerify: value,\n resellerId: globalState.reseller?.id\n });\n\n setAdminFunctions({\n ...adminFunctions,\n accountVerify: value === '1' ? true : false\n });\n setIsLoading(false);\n };\n\n return \n \n \n \n \n \n \n {\n setAdminFunctions({\n ...adminFunctions,\n allowWithdrawals: e.target.value === '1' ? true : false\n });\n onChange(e.target.value);\n }}\n />\n }\n >\n \n \n \n \n \n \n
\n );\n}\n\nAllowWithdrawalsComponent.propTypes = {\n onChange: PropTypes.func\n};\n","import { useGlobalStateContext } from 'contexts';\nimport React from 'react';\nimport { AdminService } from 'services';\nimport AllowWithdrawalsComponent from './allow-withdrawals.component';\n\nexport default function AllowWithdrawals() {\n const { globalState } = useGlobalStateContext();\n\n const onChange = (value) => {\n AdminService.UpdateMerchantDataForAdmin(globalState.merchant?.id, {\n allowWithdrawals: value,\n resellerId: globalState.reseller?.id\n });\n };\n\n return \n {isOmnipay && (\n \n {loading ? (\n \n \n ) : error ? (\n \n {!rows || rows.length === 0 ? (\n \n \n \n \n {stableSort(\n rowsPerPage > 0\n ? rows.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage)\n : rows,\n getComparator(order, orderBy)\n ).map((row, index) => {\n const labelId = `enhanced-table-checkbox-${index}`;\n return (\n \n \n \n {row.refund_status === PdqFilterTabs.Refunded &&\n isOmnipay\n ? '-'\n : null}\n {formatCurrency(\n row.total,\n getCurrencyThreeAlpha(globalState.merchant?.country)\n )}\n \n \n {formatDateTimeByFormatString(\n row.date_time,\n 'DD MMM HH:mm'\n )}\n \n {row.auth_code} \n {isOmnipay && statusFilter === PdqFilterTabs.All && (\n \n {row.refund_status === PdqFilterTabs.Refunded &&\n row.transaction_status_id ===\n statusToFilter.Success ? (\n \n )}\n \n \n );\n })}\n \n \n \n \n \n {rows.length > rowsPerPage && (\n \n \n \n \n \n )}\n \n )}\n \n
\n );\n}\n\nPdqListTableComponent.propTypes = {\n rows: PropTypes.array.isRequired,\n statusFilter: PropTypes.string.isRequired,\n setStatusFilter: PropTypes.func.isRequired,\n order: PropTypes.string.isRequired,\n orderBy: PropTypes.string.isRequired,\n loading: PropTypes.bool.isRequired,\n error: PropTypes.bool.isRequired,\n total: PropTypes.number,\n refundValue: PropTypes.number,\n page: PropTypes.number,\n setPage: PropTypes.func\n};\n","import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport PdqListTableComponent from './pdq-list-table.component';\nimport { PdqFilterTabs } from 'utils/enums/PdqFilterTabs.js';\nimport { useGlobalStateContext } from 'contexts';\nimport { ResellerType } from 'utils/enums/ResellerType';\nimport { statusToFilter } from 'utils/enums/pdqTransactionStatus';\n\nconst PdqListTable = (props) => {\n const [rows, setRows] = useState([]);\n const [order, setOrder] = React.useState('desc');\n const [orderBy, setOrderBy] = React.useState('date_time');\n const [statusFilter, setStatusFilter] = useState(PdqFilterTabs.All);\n const [page, setPage] = useState(0);\n const [refundValue, setRefundValue] = useState(0);\n const [total, setTotal] = useState();\n const { list, loading, error } = props;\n const { globalState } = useGlobalStateContext();\n\n const isOmnipay = globalState.reseller?.name === ResellerType.OMNIPAY;\n useEffect(() => {\n setPage(0);\n let dataRows = [];\n if (statusFilter !== PdqFilterTabs.All) {\n dataRows = list.filter(\n (list) => list.refund_status === statusFilter && list.transaction_status_id === statusToFilter.Success\n );\n } else {\n dataRows = list;\n }\n setRows(dataRows);\n let totalValue = 0;\n let refund = 0;\n\n for (let i = 0; i < list.length; i += 1) {\n if (\n list[i].refund_status === PdqFilterTabs.Refunded &&\n list[i].transaction_status_id === statusToFilter.Success\n ) {\n refund += parseFloat(list[i].total);\n } else if (\n list[i].refund_status === PdqFilterTabs.Successful &&\n list[i].transaction_status_id === statusToFilter.Success\n ) {\n totalValue += parseFloat(list[i].total);\n }\n }\n setRefundValue(refund);\n setTotal(totalValue);\n }, [list, statusFilter]);\n\n const handleRequestSort = (event, property) => {\n const isAsc = orderBy === property && order === 'asc';\n setOrder(isAsc ? 'desc' : 'asc');\n setOrderBy(property);\n };\n\n const headCells = [\n { id: 'total', numeric: false, disablePadding: false, label: 'Amount' },\n { id: 'date_time', numeric: true, disablePadding: false, label: 'Date' },\n { id: 'auth_code', numeric: false, disablePadding: false, label: 'Auth Code', hideSortingIcon: true },\n {\n id: 'transaction_status_id',\n numeric: false,\n disablePadding: false,\n label: 'Status',\n hideSortingIcon: true,\n notShow: !isOmnipay || statusFilter !== PdqFilterTabs.All\n }\n ];\n\n return (\n An error occurred, please try reloading your browser.
\n ) : (\n There aren't any results for that query.
\n ) : (\n \n
\n );\n}\n\nPdqTransactionsListComponent.propTypes = {\n list: PropTypes.array,\n error: PropTypes.bool,\n loading: PropTypes.bool,\n totalPDQ: PropTypes.func\n};\n","import React, { useEffect, useState } from 'react';\nimport moment from 'moment';\nimport PdqTransactionsListComponent from './pdq-transactions-list.component';\nimport { useGlobalStateContext } from 'contexts';\nimport { PdqTransactionsService } from 'services';\nimport _ from 'lodash';\n\nconst PdqTransactionList = (props) => {\n const [pdqlist, setPdqList] = useState([]);\n const [error, setError] = useState(false);\n const { loading, setLoading } = props;\n const { globalState } = useGlobalStateContext();\n const { date, via } = props.match.params;\n const [page, setPage] = useState(0);\n const [rowsPerPage, setRowsPerPage] = useState(20);\n\n const handleChangePage = (event, newPage) => {\n setPage(newPage);\n };\n\n const handleChangeRowsPerPage = (event) => {\n setRowsPerPage(parseInt(event.target.value, 10));\n setPage(0);\n };\n\n useEffect(() => {\n setPage(0);\n async function GetPdqTransactionsList() {\n let pdqTransactionsRequest = {\n merchantId: globalState.merchant?.id,\n year: moment(date, 'YYYY-MM-DD').year(),\n month: moment(date).month() + 1,\n day: moment(date, 'YYYY-MM-DD').date()\n };\n let pdqTransactions;\n let startMonth;\n let endMonth;\n if (via === 'week') {\n startMonth = moment(moment(date).subtract(0, 'week').startOf('week').format('YYYY MM DD')).month() + 1;\n endMonth = moment(moment(date).subtract(0, 'week').endOf('week').format('YYYY MM DD')).month() + 1;\n }\n\n let pdqTransactionsAnotherMonth;\n if (startMonth !== endMonth && via === 'week') {\n const startMonthPdqRequest = {\n ...pdqTransactionsRequest,\n month: startMonth\n };\n const endMonthPdqRequest = {\n ...pdqTransactionsRequest,\n month: endMonth\n };\n pdqTransactions = await PdqTransactionsService.GetPdqTransactionsList(startMonthPdqRequest);\n pdqTransactionsAnotherMonth = await PdqTransactionsService.GetPdqTransactionsList(endMonthPdqRequest);\n } else {\n pdqTransactions = await PdqTransactionsService.GetPdqTransactionsList(pdqTransactionsRequest);\n }\n\n if (pdqTransactions.isSuccesfully) {\n let pdqTransactionsData = [...pdqTransactions.data.data];\n let startingTimestamp = moment(\n `${pdqTransactionsRequest.day}-${pdqTransactionsRequest.month}-${pdqTransactionsRequest.year}`,\n 'DD-MM-YYYY'\n )\n .startOf(via)\n .valueOf();\n let endingTimestamp = moment(\n `${pdqTransactionsRequest.day}-${pdqTransactionsRequest.month}-${pdqTransactionsRequest.year}`,\n 'DD-MM-YYYY'\n )\n .endOf(via)\n .valueOf();\n\n if (pdqTransactionsAnotherMonth?.isSuccesfully) {\n pdqTransactionsData = [...pdqTransactionsData, ...pdqTransactionsAnotherMonth.data.data];\n }\n\n let transactionInTimeFrame = _.filter(pdqTransactionsData, function (internalTransfer) {\n let date_time = moment(moment.utc(internalTransfer.date_time).format('YYYY-MM-DD')).valueOf();\n return date_time >= startingTimestamp && date_time <= endingTimestamp;\n });\n setPdqList(transactionInTimeFrame);\n setError(false);\n } else {\n setError(true);\n }\n setLoading(false);\n }\n setLoading(true);\n globalState.merchant && GetPdqTransactionsList();\n // eslint-disable-next-line\n }, [date, via, globalState.merchant]);\n\n const totalPDQ = () => {\n let total = pdqlist.reduce((accumulator, pdq) => {\n return accumulator + Number(pdq.total);\n }, 0);\n\n return total;\n };\n\n return (\n \n \n {loading ? (\n \n \n ) : error ? (\n \n {!rows || rows.length === 0 ? (\n \n \n \n \n {stableSort(rows, getComparator(order, orderBy)).map((row, index) => {\n const labelId = `enhanced-table-checkbox-${index}`;\n\n return (\n \n setRoute(`/stripe-payout-details/${index}`, {\n payouts: row\n })\n }\n >\n \n {formatCurrency(\n row.amount / 100,\n getCurrencyThreeAlpha(globalState.merchant?.country)\n )}\n \n \n {formatDateTimeByFormatString(\n moment.unix(row.created),\n 'DD MMM HH:mm'\n )}\n \n \n {formatDateTimeByFormatString(\n moment.unix(row.arrival_date),\n 'DD MMM'\n )}\n \n \n \n \n );\n })}\n \n \n \n \n )}\n \n )}\n \n\n {props.show &&
\n );\n};\n\nexport default StripePayoutsListTableComponent;\n\nStripePayoutsListTableComponent.propTypes = {\n rows: PropTypes.array.isRequired,\n selected: PropTypes.array.isRequired,\n order: PropTypes.string.isRequired,\n orderBy: PropTypes.string.isRequired,\n loading: PropTypes.bool.isRequired,\n error: PropTypes.bool.isRequired,\n totalPayouts: PropTypes.func.isRequired\n};\n","import React from 'react';\nimport { CSVLink } from 'react-csv';\nimport { OverlayTrigger, Tooltip } from 'react-bootstrap';\nimport { Button } from '@material-ui/core';\n\nconst ExportCSV = ({ csvData, fileName, buttonText, transactions, setShowReportModel, setDaysRange, path }) => {\n const tooltip = (\n An error occurred, please try reloading your browser.
\n ) : (\n There aren't any results for that query.
\n ) : (\n \n
\n \n ) : _.isEmpty(merchantTradingAddress) && reportData.length === 0 ? (\n <>\n \n {error\n ? `Something went wrong... Try again`\n : longRun\n ? `Took longer than expected... Try again`\n : `No data for selected date range.`}\n
\n\n \n {' '}\n
\n \n ) : (\n <>\n Please wait, running report...
\n\n {reportData.length > 0 && (\n
\n \n )}\n Report is ready, click below to download.
\n )}\n\n {buttonLoad && reportData.length > 0 ? (\n \n ) : (\n
\n {reportData.length > 0 && (\n \n \n \n
\n )}\n \n\n {reportData.length > 0 && (\n Please wait, running report...
\n\n {(path === 'payments' || path === 'gfo-payments') &&\n globalState.reseller?.name === ResellerType.DATMAN &&\n isAdmin && (\n {\n setShowCharges(e.target.checked);\n }}\n disabled={isCheckboxDisabled}\n />\n }\n label=\"Include service fee\"\n style={{ margin: 0 }}\n />\n )}\n {path === 'payments' &&\n globalState.reseller?.name === ResellerType.DATMAN &&\n isAdmin && (\n {\n setShowGFOTransaction(e.target.checked);\n }}\n />\n }\n label=\"Include GFO transactions\"\n style={{ margin: 0 }}\n />\n )}\n
\n )}\n ', '');\n str = str.replace('
', '');\n str = str.replace('because', ' - ');\n str = str.replace(' ', '');\n let arr = str.split('.');\n let str2 = `${arr[0]}.${arr[1] ? arr[1] : ''}`;\n return str2;\n };\n // Payments\n useEffect(() => {\n const retrieveAndSetReportData = async () => {\n setLoading(true);\n let from = timeFrameDetails.date;\n let to = timeFrameDetails.date;\n let paymentFrom = moment(timeFrameDetails.date).format('YYYY-MM-DD');\n let paymentTo = moment(timeFrameDetails.date).format('YYYY-MM-DD');\n let transactionsRequest = {\n from,\n via: timeFrameDetails.via.toUpperCase()\n };\n if (!_.isEmpty(daysRange)) {\n paymentFrom = moment(daysRange.startDate).format('YYYY-MM-DD');\n paymentTo = moment(daysRange.endDate).add(1, 'days').format('YYYY-MM-DD');\n transactionsRequest = {\n from: paymentFrom,\n to: paymentTo,\n via: 'RANGE'\n };\n } else if (timeFrameDetails.via === 'month') {\n paymentFrom = moment(timeFrameDetails.date).startOf('month').format('YYYY-MM-DD');\n paymentTo = moment(timeFrameDetails.date).endOf('month').format('YYYY-MM-DD');\n transactionsRequest = {\n from: paymentFrom,\n via: timeFrameDetails.via.toUpperCase()\n };\n } else if (timeFrameDetails.via === 'week') {\n from = moment(timeFrameDetails.date).startOf('week').format('YYYY-MM-DD');\n to = moment(timeFrameDetails.date).endOf('week').format('YYYY-MM-DD');\n paymentFrom = from;\n paymentTo = to;\n transactionsRequest = {\n from: paymentFrom,\n via: timeFrameDetails.via.toUpperCase()\n };\n }\n if (isDateBeforeCutOffDate(transactionsRequest.from)) {\n transactionsRequest.from = moment(REACT_APP_CARD_PAYMENT_ARCHIVE_DATE, 'DD-MM-YYYY').format(\n 'YYYY-MM-DD'\n );\n }\n\n let transactions;\n if (!allPayments || allPayments.length === 0) {\n transactions = await PaymentsService.GetPayments(globalState.merchant?.id, transactionsRequest);\n }\n\n if (transactions?.isSuccesfully || allPayments.length > 0) {\n let filteredPayments = transactions?.data?.payments || allPayments;\n setAllPayments(filteredPayments);\n if (!showGFOTransaction && isAdmin) {\n filteredPayments =\n filteredPayments?.filter(({ payment_provider }) =>\n isAdmin &&\n globalState?.reseller?.name === ResellerType.DATMAN &&\n selectedAcquirer?.length !== 0\n ? selectedAcquirer?.includes(payment_provider) &&\n !paymentProvider?.includes(payment_provider)\n : !paymentProvider?.includes(payment_provider)\n ) || [];\n } else {\n filteredPayments =\n isAdmin &&\n globalState.reseller?.name === ResellerType.DATMAN &&\n selectedAcquirer?.length !== 0 &&\n filteredPayments.length > 0\n ? filteredPayments.filter(({ payment_provider }) =>\n selectedAcquirer.includes(payment_provider)\n )\n : filteredPayments;\n }\n let transactionInTimeFrame = tempData(filteredPayments);\n let withChargesData = tempData(filteredPayments, true);\n let headerCellsExport = {\n Amount: `${getCurrencyThreeAlpha(globalState.merchant?.country)} ${totalGrossAmount.toFixed(2)}`,\n 'Transaction details': `Total of ${totalTransactionNumber} transactions`\n };\n\n let headerCellsWithChargesExport = {\n Amount: `${getCurrencyThreeAlpha(globalState.merchant?.country)} ${totalGrossAmount.toFixed(2)}`,\n Fee: `${totalFeesAmount.toFixed(2)}`,\n Net: `${totalNetAmount.toFixed(2)}`,\n 'Transaction details': `Total of ${totalTransactionNumber} transactions`\n };\n withChargesData.push({});\n transactionInTimeFrame.push({});\n withChargesData.push(headerCellsWithChargesExport);\n transactionInTimeFrame.push(headerCellsExport);\n setReportData(transactionInTimeFrame);\n setWithChargeData(withChargesData);\n setIntervalStart(moment(paymentFrom).format('YYYY-MM-DD'));\n setIntervalEnd(moment(paymentTo).format('YYYY-MM-DD'));\n setError(false);\n } else {\n setError(true);\n }\n setLoading(false);\n setEnableDownload(true);\n setPaymentsFinanceDetails({\n total: totalGrossAmount,\n net: totalNetAmount,\n fee: totalFeesAmount,\n number: totalTransactionNumber\n });\n };\n if (path === 'payments' && timeFrameDetails.via !== 'year' && timeFrameDetails.via !== 'all') {\n retrieveAndSetReportData();\n }\n // eslint-disable-next-line\n }, [path, timeFrameDetails, showGFOTransaction]);\n const tempData = (filteredPayments, charges) => {\n totalGrossAmount = 0;\n totalFeesAmount = 0;\n totalNetAmount = 0;\n totalTransactionNumber = 0;\n let data = _.map(filteredPayments, (records) => {\n let currenySymbol = getCurrencyThreeAlpha(globalState?.merchant?.country);\n let tempDetails = _.compact([\n _.compact([records.firstname?.trim(), records.lastname?.trim()]).join(' '),\n records.address?.trim()\n ]).join(' - ');\n totalTransactionNumber++;\n totalGrossAmount = parseFloat(totalGrossAmount) + parseFloat(records.total);\n totalFeesAmount = parseFloat(totalFeesAmount) + parseFloat(records.fees);\n totalNetAmount = parseFloat(totalNetAmount) + parseFloat(records.total) - parseFloat(records.fees);\n let transactionDetails = records.refund\n ? `${formatRefundReasonAndAmountString(records.refund)} ${tempDetails}`\n : tempDetails;\n transactionDetails = transactionDetails.replace('GMT+0000 (Coordinated Universal Time)', '');\n let tempPaymentStartObj = {\n Amount: `${currenySymbol.toString()} ${formatAmount(records.total)}`\n };\n\n charges &&\n (tempPaymentStartObj = {\n ...tempPaymentStartObj,\n Fee: formatAmount(records.fees),\n Net: formatAmount(records.payed)\n });\n\n tempPaymentStartObj = {\n ...tempPaymentStartObj,\n 'Merchant name': records.merchant_name,\n 'Transaction details': transactionDetails ? transactionDetails : '--'\n };\n if (globalState.reseller?.name === ResellerType.OMNIPAY) {\n tempPaymentStartObj = {\n ...tempPaymentStartObj,\n Description:\n +records.total < 0\n ? filterRefundDescription(records.refund) || '-'\n : records.more_info\n ? filterDescription(records.more_info)\n : records.description\n ? records.description\n : '--'\n };\n }\n let status = records.payment_status\n ? Number(records.total) > 0\n ? toTitleCase(PaymentStatus[records.payment_status])\n : 'Refunded'\n : (Number(records.total) <= 0 && records.refund) || records.firstname.includes('Charge back')\n ? 'Refunded'\n : 'Success';\n const showMerchantName = merchantTypes.includes(globalState.merchant?.merchantType);\n if (!showMerchantName) delete tempPaymentStartObj[`Merchant name`];\n\n let tempPaymentEndObj = {\n Date: moment(records.time).format('DD-MM-YYYY HH:mm:ss'),\n Status: status\n };\n let tempPaymentObj = { ...tempPaymentStartObj, ...tempPaymentEndObj };\n return tempPaymentObj;\n });\n return data;\n };\n // GFO Payments\n useEffect(() => {\n const retrieveAndSetReportData = async () => {\n setLoading(true);\n\n let from = timeFrameDetails.date;\n let to = timeFrameDetails.date;\n let gfoPaymentFrom = moment(timeFrameDetails.date).format('YYYY-MM-DD');\n let gfoPaymentTo = moment(timeFrameDetails.date).format('YYYY-MM-DD');\n let gfoTransactionsRequest = {\n from,\n via: timeFrameDetails.via.toUpperCase()\n };\n if (!_.isEmpty(daysRange)) {\n gfoPaymentFrom = moment(daysRange.startDate).format('YYYY-MM-DD');\n gfoPaymentTo = moment(daysRange.endDate).add(1, 'days').format('YYYY-MM-DD');\n gfoTransactionsRequest = {\n from: gfoPaymentFrom,\n to: gfoPaymentTo,\n via: 'RANGE'\n };\n } else if (timeFrameDetails.via === 'month') {\n gfoPaymentFrom = moment(timeFrameDetails.date).startOf('month');\n gfoPaymentTo = moment(timeFrameDetails.date).endOf('month');\n } else if (timeFrameDetails.via === 'week') {\n from = moment(timeFrameDetails.date).startOf('week').format('YYYY-MM-DD');\n to = moment(timeFrameDetails.date).endOf('week').format('YYYY-MM-DD');\n gfoPaymentFrom = from;\n gfoPaymentTo = to;\n }\n const gfoTranscations = await PaymentsService.GetPayments(globalState.merchant?.id, gfoTransactionsRequest);\n if (gfoTranscations.isSuccesfully) {\n let transactionInTimeFrame = _.filter(gfoTranscations.data.payments, function (gfoRecord) {\n return paymentProvider.includes(gfoRecord.payment_provider);\n });\n const data = tempGfoData(transactionInTimeFrame);\n const datawithCharges = tempGfoData(transactionInTimeFrame, true);\n transactionInTimeFrame = _.map(transactionInTimeFrame, (gfoRecord) => {\n let currenySymbol = getCurrencyThreeAlpha(globalState?.merchant?.country);\n return {\n Amount: `${currenySymbol.toString()} ${formatAmount(gfoRecord.total)}`,\n Date: gfoRecord.time,\n Status: !gfoRecord.refund && Number(gfoRecord.total) !== 0 ? 'Success' : 'Refunded'\n };\n });\n let headerCellsExport = {\n Amount: `${getCurrencyThreeAlpha(globalState.merchant?.country)} ${totalGrossAmount.toFixed(2)}`,\n 'Transaction details': `Total of ${totalTransactionNumber} transactions`\n };\n\n let headerCellsWithChargesExport = {\n Amount: `${getCurrencyThreeAlpha(globalState.merchant?.country)} ${totalGrossAmount.toFixed(2)}`,\n Fee: `${totalFeesAmount.toFixed(2)}`,\n Net: `${totalNetAmount.toFixed(2)}`,\n 'Transaction details': `Total of ${totalTransactionNumber} transactions`\n };\n datawithCharges.push({});\n datawithCharges.push(headerCellsWithChargesExport);\n data.push({});\n data.push(headerCellsExport);\n\n setWithChargeData(datawithCharges);\n\n setReportData(data);\n setGFOPaymentsFinanceDetails({\n total: totalGrossAmount,\n net: totalNetAmount,\n fee: totalFeesAmount,\n number: totalTransactionNumber\n });\n setIntervalStart(moment(gfoPaymentFrom).format('YYYY-MM-DD'));\n setIntervalEnd(moment(gfoPaymentTo).format('YYYY-MM-DD'));\n setError(false);\n } else {\n setError(true);\n }\n setLoading(false);\n setEnableDownload(true);\n };\n\n if (path === 'gfo-payments') {\n retrieveAndSetReportData();\n }\n // eslint-disable-next-line\n }, [path]);\n const tempGfoData = (transactionInTimeFrame, charges) => {\n totalGrossAmount = 0;\n totalFeesAmount = 0;\n totalNetAmount = 0;\n totalTransactionNumber = 0;\n let data;\n charges\n ? (data = _.map(transactionInTimeFrame, (gfoRecord) => {\n let currenySymbol = getCurrencyThreeAlpha(globalState?.merchant?.country);\n let tempDetails = _.compact([\n _.compact([gfoRecord.firstname?.trim(), gfoRecord.lastname?.trim()]).join(' '),\n gfoRecord.address?.trim()\n ]).join(' - ');\n totalTransactionNumber++;\n totalGrossAmount = parseFloat(totalGrossAmount) + parseFloat(gfoRecord.total);\n totalFeesAmount = parseFloat(totalFeesAmount) + parseFloat(gfoRecord.fees);\n totalNetAmount =\n parseFloat(totalNetAmount) + parseFloat(gfoRecord.total) - parseFloat(gfoRecord.fees);\n let transactionDetails = gfoRecord.refund\n ? `${formatRefundReasonAndAmountString(gfoRecord.refund)} ${tempDetails}`\n : tempDetails;\n transactionDetails = transactionDetails.replace('GMT+0000 (Coordinated Universal Time)', '');\n return {\n Amount: `${currenySymbol.toString()} ${formatAmount(gfoRecord.total)}`,\n Fee: formatAmount(gfoRecord.fees),\n Net: formatAmount(gfoRecord.payed),\n 'Transaction details': transactionDetails,\n Date: gfoRecord.time,\n Status: !gfoRecord.refund && Number(gfoRecord.total) !== 0 ? 'Success' : 'Refunded'\n };\n }))\n : (data = _.map(transactionInTimeFrame, (gfoRecord) => {\n let currenySymbol = getCurrencyThreeAlpha(globalState?.merchant?.country);\n let tempDetails = _.compact([\n _.compact([gfoRecord.firstname?.trim(), gfoRecord.lastname?.trim()]).join(' '),\n gfoRecord.address?.trim()\n ]).join(' - ');\n totalTransactionNumber++;\n totalGrossAmount = parseFloat(totalGrossAmount) + parseFloat(gfoRecord.total);\n totalFeesAmount = parseFloat(totalFeesAmount) + parseFloat(gfoRecord.fees);\n totalNetAmount =\n parseFloat(totalNetAmount) + parseFloat(gfoRecord.total) - parseFloat(gfoRecord.fees);\n let transactionDetails = gfoRecord.refund\n ? `${formatRefundReasonAndAmountString(gfoRecord.refund)} ${tempDetails}`\n : tempDetails;\n transactionDetails = transactionDetails.replace('GMT+0000 (Coordinated Universal Time)', '');\n return {\n Amount: `${currenySymbol.toString()} ${formatAmount(gfoRecord.total)}`,\n 'Transaction details': transactionDetails,\n Date: gfoRecord.time,\n Status: !gfoRecord.refund && Number(gfoRecord.total) !== 0 ? 'Success' : 'Refunded'\n };\n }));\n return data;\n };\n // Chargebacks\n useEffect(() => {\n const retrieveAndSetReportData = async () => {\n setLoading(true);\n let chargebacksTransactionsRequest = {\n merchantId: merchantId,\n day: moment(timeFrameDetails.date, 'YYYY-MM-DD').date(),\n month: moment(timeFrameDetails.date).month() + 1,\n week: moment(timeFrameDetails.date).isoWeek(),\n year: moment(timeFrameDetails.date, 'YYYY-MM-DD').year(),\n via: 'MONTH'\n };\n const chargebacksList = await ChargebacksService.getChargebacksList(chargebacksTransactionsRequest);\n if (chargebacksList.isSuccesfully) {\n let startingTimestamp = moment(\n `${chargebacksTransactionsRequest.day}-${chargebacksTransactionsRequest.month}-${chargebacksTransactionsRequest.year}`,\n 'DD-MM-YYYY'\n )\n .startOf(timeFrameDetails.via)\n .valueOf();\n let endingTimestamp = moment(\n `${chargebacksTransactionsRequest.day}-${chargebacksTransactionsRequest.month}-${chargebacksTransactionsRequest.year}`,\n 'DD-MM-YYYY'\n )\n .endOf(timeFrameDetails.via)\n .valueOf();\n\n let transactionInTimeFrame = _.filter(chargebacksList.data.data);\n transactionInTimeFrame = _.chain(transactionInTimeFrame)\n .map((chargebacks) => {\n let currenySymbol = getCurrencyThreeAlpha(globalState?.merchant?.country);\n let status =\n chargebacks.outcome === 'NOTRESOLVED'\n ? chargebacks.outcome.replace(/^(.{3})(.*)$/, '$1 $2')\n : chargebacks.outcome;\n return {\n Amount: `${currenySymbol.toString()} ${formatAmount(chargebacks.total)}`,\n Date: formatDateTimeByFormatString(chargebacks.time, 'DD MMM HH:mm'),\n Address: chargebacks.address,\n 'Chargeback reason': chargebacks.cb_reason ? toTitleCase(chargebacks.cb_reason) : '--',\n Status: toTitleCase(status),\n time: chargebacks.time // Added for sorting\n };\n })\n .orderBy(['time'], ['desc'])\n .map((record) => _.omit(record, 'time')) // Remove the time field used for sorting\n .value();\n setReportData(transactionInTimeFrame);\n setIntervalStart(moment(startingTimestamp).format('YYYY-MM-DD'));\n setIntervalEnd(moment(endingTimestamp).format('YYYY-MM-DD'));\n setError(false);\n } else {\n setError(true);\n }\n setLoading(false);\n setEnableDownload(true);\n };\n if (path === 'chargebacks') {\n retrieveAndSetReportData();\n }\n // eslint-disable-next-line\n }, [path]);\n\n // Payout details\n useEffect(() => {\n if (payOutDetails) {\n setReportData(csvData);\n setEnableDownload(true);\n setIntervalStart(payoutStartDate);\n setIntervalEnd(payoutEndDate);\n }\n // eslint-disable-next-line\n }, [payOutDetails]);\n\n // Internal Transfers\n useEffect(() => {\n const retrieveAndSetReportData = async () => {\n setLoading(true);\n let internalTransferTransactions = {\n merchantId: merchantId,\n day: moment(timeFrameDetails.date, 'YYYY-MM-DD').date(),\n month: moment(timeFrameDetails.date).month() + 1,\n week: moment(timeFrameDetails.date).isoWeek(),\n year: moment(timeFrameDetails.date, 'YYYY-MM-DD').year(),\n via: 'MONTH'\n };\n const internalTransfersData = await InternalTransfersService.getInternalTransfersList(\n internalTransferTransactions\n );\n if (internalTransfersData.isSuccesfully) {\n let startingTimestamp = moment(\n `${internalTransferTransactions.day}-${internalTransferTransactions.month}-${internalTransferTransactions.year}`,\n 'DD-MM-YYYY'\n )\n .startOf(timeFrameDetails.via)\n .valueOf();\n let endingTimestamp = moment(\n `${internalTransferTransactions.day}-${internalTransferTransactions.month}-${internalTransferTransactions.year}`,\n 'DD-MM-YYYY'\n )\n .endOf(timeFrameDetails.via)\n .valueOf();\n let transactionInTimeFrame = _.filter(internalTransfersData.data.data.internalTransfers);\n transactionInTimeFrame = _.map(transactionInTimeFrame, (iTRecord) => {\n let currenySymbol = getCurrencyThreeAlpha(globalState?.merchant?.country);\n return {\n Amount: `${currenySymbol.toString()} ${formatAmount(iTRecord.amount)}`,\n Supplier: iTRecord.supplier,\n Date: formatDateTimeByFormatString(iTRecord.created_at, 'DD MMM HH:mm'),\n Description: iTRecord.description ? iTRecord.description : '--',\n Status: toTitleCase(iTRecord.status)\n };\n });\n\n setReportData(transactionInTimeFrame);\n setIntervalStart(moment(startingTimestamp).format('YYYY-MM-DD'));\n setIntervalEnd(moment(endingTimestamp).format('YYYY-MM-DD'));\n setError(false);\n } else {\n setError(true);\n }\n setLoading(false);\n setEnableDownload(true);\n };\n if (path === 'internal-transfers') {\n retrieveAndSetReportData();\n }\n // eslint-disable-next-line\n }, [path]);\n\n // Address Fetch\n useEffect(() => {\n const fetchAddress = async () => {\n if (showReportModel) {\n const response = await TaxonomyService.getResellersAPI();\n let filteredAddress = response.filter((data) => data.id === globalState.reseller?.id);\n _.map(filteredAddress, (getAddress) => {\n setCompanyAddress(getAddress.address);\n });\n }\n };\n fetchAddress();\n }, [showReportModel, globalState.reseller.id]);\n\n async function fetchReport(reportId) {\n try {\n const result = await PaymentsService.fetchStripePaymentReport(merchantId, reportId);\n return result;\n } catch (e) {\n let result = { status: 503 };\n return result;\n }\n }\n\n const onRetryStripeReport = async (reportId) => {\n setLoading(true);\n setEnableDownload(false);\n const result = await fetchReport(reportId);\n if (result.isSuccesfully) {\n const lineCount = result.data?.split('\\n').length;\n\n if (lineCount > 2) {\n setReportData(result.data);\n }\n } else setLongRun(true);\n setLoading(false);\n setEnableDownload(true);\n };\n\n return (\n
\n Switch to another account? Sign in\n
\n \n
\n \n ) : loading ? (\n <>\n \n {errorMessage ? errorMessage : `Something went wrong... Try again later.`}\n
\n\n \n {' '}\n
\n \n ) : success ? (\n <>\n Please wait, we are processing your request...
\n\n
\n \n ) : (\n <>\n \n You are about to cancel pending transaction{' '}\n \n\n Transaction has been cancelled successfully
\n\n \n \n \n \n \n \n \n {getCurrencyThreeAlpha(globalState.merchant?.country)}\n \n }\n inputMode=\"numeric\"\n type=\"number\"\n min=\"0\"\n required\n disabled\n />\n \n \n \n \n \n \n \n \n \n \n
\n\n \n Are you sure you want to proceed ?{' '}\n \n \n )}\n \n
\n \n ) : loading ? (\n <>\n \n {errorMessage ? errorMessage : `Something went wrong... Try again later.`}\n
\n\n \n {' '}\n
\n \n ) : success ? (\n <>\n Please wait, we are processing your request...
\n\n
\n \n ) : (\n Refunded successfully
\n\n \n \n {getCurrencySymbol(globalState.merchant?.country)}:\n \n \n }\n onValueChange={(values) => {\n const { value } = values;\n props.setRefundAmount(value);\n }}\n isAllowed={(values) => numberFormatAllowValuesForPayments(values)}\n aria-describedby=\"outlined-weight-helper-text\"\n labelWidth={0}\n required\n />\n
\n \n \n {\n const url = e.target.value.replace(/\\s\\s+/g, '');\n doValidation(url ? `https://${url}` : '');\n onChange(url);\n setShowDomainValidationMessage(false);\n }}\n onBlur={() => setIsFocused(false)}\n onFocus={() => setIsFocused(true)}\n InputProps={{\n startAdornment: (\n \n https://\n \n )\n }}\n />\n {showDomainValidationMessage && (\n
\n );\n};\n\nexport default ValidUrlInputComponent;\n","import React, { useCallback } from 'react';\nimport ValidUrlInputComponent from './ur-input-field.component';\nimport { InputValidators } from 'validators';\nimport { debounce } from 'lodash';\n\nconst ValidUrlInput = (props) => {\n const { showDomainValidationMessage, setShowDomainValidationMessage } = props;\n\n const validation = (inputDomain) => {\n let isDomainValid;\n isDomainValid = InputValidators.isDomainUrlValid(inputDomain);\n inputDomain.length > 0 && setShowDomainValidationMessage(!isDomainValid);\n };\n\n // trigger validation function when user stop typing\n const doValidation = useCallback(debounce(validation, 500), []);\n\n return (\n \n \n Link is invalid\n \n
\n )}\n \n
\n {dateError && (\n \n
\n Start date:
\n \n {\n setSelectedStartDate(e.target.value);\n setFormItems({\n ...formItems,\n startDate: e.target.value\n });\n }}\n inputProps={{\n max: '2099-12-31',\n min: new Date().toISOString().slice(0, 16)\n }}\n />\n
\n \n
\n\n End date:
\n \n \n {\n setSelectedEndDate(e.target.value);\n setFormItems({\n ...formItems,\n endDate: e.target.value\n });\n }}\n inputProps={{\n max: '2099-12-31T23:59',\n min: new Date().toISOString().slice(0, 16)\n }}\n />\n \n
\n \n {\n setShowMid(e.target.checked);\n }}\n />\n }\n label=\"Enter MID\"\n />\n
\n \n \n {dateError}\n \n
\n {characterCount}/250
\n\n {isShowForm ? (\n \n \n \n )}\n \n \n setFormItems({\n ...formItems,\n subject: e.target.value.replace(/\\s\\s+/g, '')\n })\n }\n />\n \n \n \n {\n setFormItems({\n ...formItems,\n url: value\n });\n if (value.length === 0) {\n setFormItems({\n ...formItems,\n btnText: '',\n url: value\n });\n }\n }}\n inputProps={{ maxLength: '1024', inputMode: 'text' }}\n showDomainValidationMessage={showDomainValidationMessage}\n setShowDomainValidationMessage={setShowDomainValidationMessage}\n />\n \n \n {\n setFormItems({\n ...formItems,\n btnText: e.target.value.replace(/\\s\\s+/g, '')\n });\n }}\n />\n \n \n \n \n setFormItems(\n {\n ...formItems,\n message: e.target.value.replace(/\\s\\s+/g, '')\n },\n setCharacterCount(e.target.value.length)\n )\n }\n />\n\n \n \n ) : (\n {\n window.open(urgentMessage.url);\n }}\n >\n {urgentMessage?.btnText}\n \n )}\n {isAdmin && (\n setSuccess(false)} type=\"success\">\n {isEdit ? 'Urgent message was edited successfully.' : 'Urgent message was deleted successfully.'}\n \n )}\n {error && isEdit && (\n setError(false)} type=\"error\">\n An error occurred. Please contact support or try again.\n \n )}\n
\n );\n}\n\nUrgentMessageComponent.propTypes = {\n urgentMessage: PropTypes.object,\n onEditUrgentMessage: PropTypes.func,\n onDeleteUrgentMessage: PropTypes.func,\n showDeleteConfirmationDialog: PropTypes.bool,\n setshowDeleteConfirmationDialog: PropTypes.func,\n success: PropTypes.bool,\n setSuccess: PropTypes.func,\n error: PropTypes.bool,\n setError: PropTypes.func,\n formItems: PropTypes.object,\n setFormItems: PropTypes.func,\n isEdit: PropTypes.bool,\n setCharacterCount: PropTypes.number\n};\n\nexport default UrgentMessageComponent;\n","import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { UrgentMessagesService } from 'services';\nimport UrgentMessageComponent from './urgent-message.component';\nimport { useGlobalStateContext } from 'contexts';\nimport moment from 'moment';\nimport _ from 'lodash';\nfunction UrgentMessage(props) {\n const { globalState, setGlobalState } = useGlobalStateContext();\n const { urgentMessage } = props;\n const [showDeleteConfirmationDialog, setshowDeleteConfirmationDialog] = useState(false);\n const [isEdit, setIsEdit] = useState(false);\n const [success, setSuccess] = useState(false);\n const [error, setError] = useState(false);\n const [formItems, setFormItems] = useState({});\n const [selectedEndDate, setSelectedEndDate] = useState();\n const [isDisable, setIsDisable] = useState(false);\n const [characterCount, setCharacterCount] = useState(urgentMessage?.message?.length);\n const [isShowForm, setIsShowForm] = useState(false);\n const [dateError, setDateError] = useState('');\n const [isButtonDisable, setButtonDisable] = useState(false);\n const [isDeleteBtnDisable, setIsDeleteBtnDisable] = useState(false);\n const [showDomainValidationMessage, setShowDomainValidationMessage] = useState(false);\n const [isFocused, setIsFocused] = useState(false);\n\n const formatStartDate = moment(formItems.startDate).format('yyyy/MM/DD HH:mm:ss');\n const formatEndDate = moment(formItems.endDate).format('yyyy/MM/DD HH:mm:ss');\n let currentDate = new Date();\n let timeDifference = moment(formItems?.endDate).diff(moment(currentDate), 'seconds');\n\n useEffect(() => {\n let showMessage = true;\n if (moment(formatEndDate).isBefore(moment(new Date()))) {\n setDateError('End date should not be less than current date');\n } else if (moment(formatStartDate).isAfter(moment(formatEndDate))) {\n setDateError('Selected start date is greater than the end date.');\n } else if (moment(formatStartDate).isSame(moment(formatEndDate))) {\n setDateError('Start date and end date should not be same.');\n } else if (timeDifference <= 5 * 60) {\n setDateError('Selected end date time should be minimum 5 minutes greater than current time');\n } else {\n showMessage = false;\n setDateError('');\n }\n const btnTextValidation = formItems?.url?.length > 0 ? formItems.btnText?.trim().length === 0 : false;\n\n setIsDisable(\n _.isEmpty(formItems) ||\n formItems.message?.trim().length === 0 ||\n showMessage ||\n showDomainValidationMessage ||\n isFocused ||\n btnTextValidation\n );\n //eslint-disable-next-line\n }, [formItems, formatEndDate, formatStartDate, selectedEndDate, showDomainValidationMessage, isFocused]);\n\n const onEditUrgentMessage = async () => {\n setIsDisable(true);\n setIsEdit(true);\n setButtonDisable(true);\n const response = await UrgentMessagesService.updateUrgentMessage(urgentMessage.id, {\n ...formItems,\n subject: formItems.subject,\n message: formItems.message,\n startDate: formItems.startDate,\n url: formItems.url ? `https://${formItems.url}` : '',\n endDate: moment(formItems.endDate).utc().format('YYYY-MM-DD HH:mm:ss')\n });\n if (response.isSuccesfully) {\n setGlobalState({\n ...globalState,\n shouldCheckForUrgentMessages: !globalState.shouldCheckForUrgentMessages\n });\n setSuccess(true);\n setIsShowForm(false);\n setIsDisable(false);\n setButtonDisable(false);\n } else {\n setError('An error was occurred when checking the email. Please contact support or try again.');\n setSuccess(false);\n }\n };\n\n const onDeleteUrgentMessage = async () => {\n setIsDisable(true);\n setIsEdit(false);\n setIsDeleteBtnDisable(true);\n const response = await UrgentMessagesService.deleteUrgentMessage(urgentMessage.id);\n if (response.isSuccesfully) {\n setGlobalState({\n ...globalState,\n shouldCheckForUrgentMessages: !globalState.shouldCheckForUrgentMessages\n });\n setshowDeleteConfirmationDialog(false);\n setError(false);\n setSuccess(true);\n } else {\n setSuccess(false);\n setError(true);\n }\n setIsDeleteBtnDisable(false);\n setIsDisable(false);\n };\n\n return (\n \n
\n\n {dateError && (\n \n
\n Start date:
\n \n \n \n
\n \n
\n End date:
\n \n \n {\n setSelectedEndDate(e.target.value);\n setFormItems({\n ...formItems,\n endDate: e.target.value ? e.target.value : urgentMessage.endDate\n });\n }}\n inputProps={{\n max: '9999-12-31',\n min: new Date().toISOString().slice(0, 16),\n default: moment(urgentMessage.endDate).format('YYYY-MM-DD HH:mm:ss')\n }}\n />\n \n
\n \n \n {dateError}\n \n
\n {characterCount}/250
\n\n {urgentMessage.subject ? urgentMessage.subject + ': ' : ''}\n {urgentMessage.message}\n
\n )}\n {!isShowForm && urgentMessage.url && (\n \n {isShowForm && (\n {\n setIsShowForm(false);\n }}\n >\n Cancel\n \n )}\n {isSuperAdmin && (\n {\n if (isShowForm) {\n onEditUrgentMessage();\n } else {\n setFormItems({\n startDate: new Date(urgentMessage.startDate),\n endDate: new Date(urgentMessage.endDate),\n subject: urgentMessage.subject,\n message: urgentMessage.message,\n url: urgentMessage?.url?.replace(/^https?:\\/\\//, ''),\n btnText: urgentMessage?.btnText\n });\n }\n setIsShowForm(true);\n }}\n variant=\"contained\"\n color=\"primary\"\n size=\"small\"\n >\n {isShowForm ? 'Save' : 'Edit'}\n \n )}\n\n {isSuperAdmin && (\n \n isButtonDisable\n ? setshowDeleteConfirmationDialog(false)\n : setshowDeleteConfirmationDialog(true)\n }\n />\n )}\n
\n )}\n {showDeleteConfirmationDialog && (\n \n )}\n {success && (\n - \n {formattedDocumentsStats?.pendingDocumentCategories?.length\n ? formattedDocumentsStats?.pendingDocumentCategories?.map((category) => {\n return (\n
- \n {category.documents.map((doc) => {\n return (\n doc.defaultTypeIds.length > 1 &&\n doc.typeIds.map((typeId) => {\n return (\n
\n \n
\n \n \n
\n \n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n
\n );\n}\n\nBankSortCodeNumberComponent.propTypes = {\n firstInputChangeHandler: PropTypes.func,\n secondInputChangeHandler: PropTypes.func,\n thirdInputChangeHandler: PropTypes.func,\n firstInputValues: PropTypes.string,\n secondInputValues: PropTypes.string,\n thirdInputValues: PropTypes.string,\n hideDashes: PropTypes.bool\n};\n\nexport default BankSortCodeNumberComponent;\n","import React, { useState, useEffect, useRef } from 'react';\nimport BankSortCodeNumberComponent from './bank-sort-code-number.component';\n\nfunction BankSortCodeNumberContainer(props) {\n const { values, onChange, focusFirst, nextElementRef, disabled, emptyField } = props;\n\n const [firstInputValues, setFirstInputValues] = useState('');\n const [secondInputValues, setSecondInputValues] = useState('');\n const [thirdInputValues, setThirdInputValues] = useState('');\n\n const firstInputElementRef = useRef(null);\n const secondInputElementRef = useRef(null);\n const thirdInputElementRef = useRef(null);\n\n useEffect(() => {\n if (firstInputElementRef && focusFirst) {\n firstInputElementRef.current.focus();\n }\n }, [focusFirst]);\n\n useEffect(() => {\n if (values?.length === 6) {\n const inputValues = values.match(/.{1,2}/g);\n setFirstInputValues(inputValues[0]);\n setSecondInputValues(inputValues[1]);\n setThirdInputValues(inputValues[2]);\n }\n }, [values]);\n\n const firstInputChangeHandler = ({ value }) => {\n if (value.length > 2) {\n value = firstInputValues || '';\n }\n\n setFirstInputValues(value);\n if (value.length > 1) {\n setTimeout(() => {\n secondInputElementRef.current.focus();\n });\n }\n };\n\n const secondInputChangeHandler = ({ value }) => {\n if (value.length > 2) {\n value = secondInputValues || '';\n }\n\n setSecondInputValues(value);\n\n if (value.length > 1) {\n setTimeout(() => {\n thirdInputElementRef.current.focus();\n });\n }\n };\n\n const thirdInputChangeHandler = ({ value }) => {\n if (value.length > 2) {\n value = thirdInputValues || '';\n }\n\n setThirdInputValues(value);\n\n if (value.length > 1) {\n setTimeout(() => {\n thirdInputElementRef.current.blur();\n if (nextElementRef && nextElementRef.current) {\n nextElementRef.current.focus();\n }\n });\n }\n };\n\n useEffect(() => {\n const toSendValues = `${firstInputValues}${secondInputValues}${thirdInputValues}`;\n if (toSendValues !== values && onChange) {\n onChange(toSendValues);\n }\n }, [firstInputValues, secondInputValues, thirdInputValues, onChange, values]);\n\n return (\n \n {accountUpdated && (\n \n \n \n \n \n\n \n {isOmnipay && (\n \n \n \n FIlter by product\n \n {\n setProductFilter(e.target.value);\n }}\n className={styles.selectInput}\n >\n \n \n \n \n \n \n \n \n )}\n \n \n \n \n Filter by status\n \n {\n setFilter(e.target.value);\n }}\n className={styles.selectInput}\n >\n \n {Object.keys(statusFilterOptions).map((status) => (\n \n ))}\n \n \n \n \n \n \n \n\n {isOmnipay && (\n \n \n Create merchant\n \n \n )}\n \n {/* setMerchantCreation(false)} type=\"success\">\n Merchant created successfully\n \n )}\n {saveDraft && (\n setSaveDraft(false)} type=\"success\">\n Successfully saved draft!\n \n )}\n\n {showMessage && (\n setShowMessage(false)} type=\"error\">\n Please sign the Terms and Conditions.\n \n )}\n
\n );\n}\nMerchantListComponent.propTypes = {\n merchants: PropTypes.array,\n isLoading: PropTypes.bool,\n setSearchValue: PropTypes.string,\n onSearchMerchants: PropTypes.func,\n count: PropTypes.number,\n page: PropTypes.number,\n canonicalReseller: PropTypes.object,\n rowsPerPage: PropTypes.number,\n handleChangePage: PropTypes.func,\n handleChangeRowsPerPage: PropTypes.func,\n saveDraft: PropTypes.bool,\n setSaveDraft: PropTypes.func,\n statusFilterOptions: PropTypes.object,\n createSortHandler: PropTypes.func,\n orderBy: PropTypes.string,\n order: PropTypes.string\n};\nexport default MerchantListComponent;\n","import { useGlobalStateContext } from 'contexts';\nimport React, { useEffect, useState } from 'react';\nimport { NonResellerMerchantService } from 'services';\nimport MerchantResellerListComponent from './merchant-reseller-list.component';\nimport { MerchantStatusNames, OmnipayMerchantStatusNames } from 'utils/enums/MerchantStatusNames';\nimport { ResellerType } from 'utils/enums/ResellerType';\nconst allStatusIds = Object.keys(MerchantStatusNames).map((x) => +x);\n\nfunction MerchantResellerList() {\n const { globalState, setRoute } = useGlobalStateContext();\n const [merchants, setMerchants] = useState([]);\n const [count, setCount] = useState(0);\n const [searchValue, setSearchValue] = useState('');\n const [isLoading, setIsLoading] = useState(false);\n const [merchantCreation, setMerchantCreation] = useState(false);\n const [saveDraft, setSaveDraft] = useState(false);\n const [accountUpdated, setAccountUpdated] = useState(false);\n const [needToSignTermsAndCondition, setNeedToSignTermsAndCondition] = useState(false);\n const [showMessage, setShowMessage] = useState(false);\n const [order, setOrder] = useState('desc');\n const [orderBy, setOrderBy] = useState('name');\n const [canonicalResellerNameAndID, setCanonicalResellerNameAndId] = useState('');\n const [page, setPage] = useState(0);\n const [rowsPerPage, setRowsPerPage] = useState(50);\n const [filter, setFilter] = useState(['all']);\n const [statusFilter, setStatusFilter] = useState(allStatusIds);\n const [productFilter, setProductFilter] = useState('all');\n const isOmnipay = globalState.reseller?.name === ResellerType.OMNIPAY;\n const statusFilterOptions = isOmnipay ? OmnipayMerchantStatusNames : MerchantStatusNames;\n const handleChangePage = (event, newPage) => {\n setPage(newPage);\n getAllMerchantsForReseller(newPage);\n };\n\n const handleChangeRowsPerPage = (event) => {\n setRowsPerPage(parseInt(event.target.value, 10));\n setPage(0);\n getAllMerchantsForReseller(0, parseInt(event.target.value, 10));\n };\n const handleRequestSort = (event, property) => {\n const isAsc = orderBy === property && order === 'asc';\n setOrder(isAsc ? 'desc' : 'asc');\n setOrderBy(property);\n };\n const createSortHandler = (property) => (event) => {\n handleRequestSort(event, property);\n };\n\n useEffect(() => {\n if (globalState.canonicalReseller) {\n setIsLoading(true);\n setPage(0);\n setCanonicalResellerNameAndId(\n `${globalState.canonicalReseller?.id} - ${globalState.canonicalReseller?.companyName}`\n );\n getAllMerchantsForReseller(0);\n }\n // eslint-disable-next-line\n }, [globalState.canonicalReseller, statusFilter, productFilter]);\n\n useEffect(() => {\n const termsAndConditionInfo = globalState.canonicalReseller?.termsAndConditionInfo;\n if (termsAndConditionInfo) {\n const signingInfo = termsAndConditionInfo.signingInfo;\n setNeedToSignTermsAndCondition(signingInfo?.noOfNotSignedTermsAndConditions > 0);\n } else {\n setNeedToSignTermsAndCondition(false);\n }\n\n // eslint-disable-next-line\n }, [globalState.canonicalReseller]);\n\n useEffect(() => {\n switch (filter) {\n case 'Pending':\n setStatusFilter([1]);\n break;\n case 'Active':\n setStatusFilter([3]);\n break;\n case 'Not Submitted':\n setStatusFilter([0]);\n break;\n case 'Verified':\n setStatusFilter([2]);\n break;\n case 'Closed':\n setStatusFilter([4]);\n break;\n case 'Rejected':\n setStatusFilter([5]);\n break;\n case 'Pending Stripe':\n setStatusFilter([6]);\n break;\n case 'Watch List':\n setStatusFilter([12]);\n break;\n\n default:\n setStatusFilter(allStatusIds);\n }\n // eslint-disable-next-line\n }, [filter]);\n\n const getAllMerchantsForReseller = async (newPage, newRowsPerPage) => {\n setIsLoading(true);\n const thePage = newPage ?? page;\n const theRowsPerPage = newRowsPerPage ?? rowsPerPage;\n const response = await NonResellerMerchantService.getAllMerchantsForReseller(globalState.reseller?.id, {\n searchValue: searchValue.length > 2 ? searchValue : 'no',\n offset: thePage * theRowsPerPage,\n limit: theRowsPerPage,\n canonicalResellerId: globalState.canonicalReseller?.id,\n statusFilter: statusFilter,\n productFilter: productFilter\n });\n if (response.isSuccesfully) {\n setMerchants(response.data.merchants);\n setCount(response.data.count);\n } else {\n setMerchants([]);\n setCount(0);\n }\n setIsLoading(false);\n };\n\n const onSearchMerchants = (e) => {\n setPage(0);\n getAllMerchantsForReseller(0);\n e.preventDefault();\n };\n\n useEffect(() => {\n const show = sessionStorage.getItem('merchantCreationSuccess');\n if (show) {\n setMerchantCreation(true);\n sessionStorage.removeItem('merchantCreationSuccess');\n }\n const successDraft = sessionStorage.getItem('savedDraft');\n if (successDraft) {\n setSaveDraft(true);\n sessionStorage.removeItem('savedDraft');\n }\n }, []);\n\n useEffect(() => {\n const fetchStatus = async () => {\n const updatedAccount = sessionStorage.getItem('accountUpdated');\n if (updatedAccount) {\n setAccountUpdated(true);\n const timeout = setTimeout(() => {\n setAccountUpdated(false);\n }, 15000);\n sessionStorage.removeItem('accountUpdated');\n return () => clearTimeout(timeout);\n }\n };\n\n fetchStatus();\n }, []);\n\n const onCreateMerchant = () => {\n if (needToSignTermsAndCondition) {\n setShowMessage(true);\n } else {\n setRoute('/create-merchant');\n }\n };\n\n return (\n \n \n \n
\n )}\n \n
\n \n Your 'Update Account Details' request has been submitted. This process can take up to 14\n days. \n
\n \n \n \n \n {globalState.canonicalReseller?.companyName}\n \n \n \n\n \n
\n \n\n
*/}\n {isLoading ? (\n \n
\n ) : (\n //\n \n \n \n \n \n \n \n Merchant Name\n \n \n \n Address \n {isOmnipay && (\n \n \n 
\n \n \n )}\n {isOmnipay && (\n \n \n 
\n \n \n )}\n {isOmnipay && (\n \n \n 
\n \n \n )}\n\n {isOmnipay && (\n \n \n 
\n \n \n )}\n {!isOmnipay && Customer }\n \n \n \n Status\n \n \n \n {isOmnipay && \n \n {count > 0 ? (\n \n {stableSort(merchants, getComparator(order, orderBy)).map((merchant) => {\n let merchantAddress;\n if (merchant.address) {\n merchantAddress = _.compact([\n merchant.address.addressLine1,\n merchant.address.addressLine2,\n merchant.address.city,\n merchant.address.postCode\n ]).join(', ');\n }\n return (\n \n \n {isOmnipay ? (\n \n setRoute('/create-merchant', { merchantId: merchant.id })\n }\n >\n \n \n \n {merchant.name}\n \n \n \n \n ) : (\n \n \n \n {merchant.name}\n \n \n \n )}\n \n\n \n {merchantAddress ? (\n \n {merchantAddress}\n \n ) : (\n —\n )}\n \n {isOmnipay && (\n \n {merchant.merchantProductRequired.includes(\n ProductsRequired.Gateway\n ) && \n )}\n {isOmnipay && (\n \n {merchant.merchantProductRequired.includes(\n ProductsRequired.MyMoto_App\n ) && \n )}\n {isOmnipay && (\n \n {merchant.merchantProductRequired.includes(\n ProductsRequired.Virtual_Terminal\n ) && \n )}\n {isOmnipay && (\n \n {merchant.merchantProductRequired.includes(\n ProductsRequired.PDQ\n ) && \n )}\n {!isOmnipay && (\n {merchant.id} \n )}\n {MerchantStatusNames[merchant.status]} \n\n {isOmnipay && (\n \n {\n setRoute(`/merchant-details/${merchant.id}`);\n }}\n >\n View\n \n \n )}\n \n );\n })}\n \n \n \n ) : (\n \n \n \n \n No merchants available to display\n \n \n \n \n )}\n \n {count > 20 && (\n \n \n )}\n \n \n \n //
\n )}\n {merchantCreation && (\n \n \n {globalState.canonicalReseller?.companyName} PDQ Portal\n \n
\n \n
\n ) : (\n \n \n \n \n {stableSort(dnaOnboardedMerchants, getComparator(order, orderBy))?.map((row) => {\n return (\n \n \n \n \n {\n setRoute(`/pdq-order-merchant/${row.merchantId}`, {\n agentName:\n row.Merchant?.MerchantAgentRelationships[0]\n ?.User?.email\n });\n if (\n row.applicationStatus !== 'Success' &&\n row.applicationStatus !== 'rejected'\n ) {\n localStorage.setItem(\n 'onBoardedMerchant',\n row.merchantId\n );\n }\n }}\n >\n {row.Merchant?.name}\n \n \n \n \n {row.merchantId} \n \n \n \n {formatDateTimeByFormatString(row.created_at, 'DD MMM YYYY')}\n \n \n {PdqOrderStatus[row.applicationStatus]}\n \n \n \n \n {row.Merchant?.MerchantAgentRelationships[0]?.User?.email}\n \n \n \n \n {row.applicationReason ? (\n row.applicationReason\n ) : (\n —\n )}\n \n \n );\n })}\n \n ) : (\n <>\n {!filter.includes('all') || !listOfAgentEmails.includes('all') ? (\n \n \n {listOfAgentEmails.includes('all') || filter.includes('all') ? (\n \n No records\n \n ) : (\n \n No results available for this filter.\n \n Remove all filters.\n \n \n )}\n \n \n ) : (\n \n \n \n No records\n \n \n \n )}\n \n )}\n \n {count > 20 && (\n \n \n )}\n \n \n \n
\n )}\n\n \n {row.applicationId}\n {row.applicationId && (\n \n handleCopyId(row)}\n />\n \n )}\n
\n \n
\n ) : (\n \n \n
\n \n
\n ) : (\n {modalHeader}
\n \n Create Fee Tier\n \n
\n \n \n \n \n \n \n {\n setFeeTierData({ ...feeTierData, percentageFee: event.target.value });\n }}\n onBlur={(event) => {\n setFeeTierData({ ...feeTierData, percentageFee: (+event.target.value).toFixed(2) });\n }}\n isAllowed={isPercentageFee}\n aria-describedby=\"outlined-weight-helper-text\"\n labelWidth={0}\n required\n />\n \n \n \n \n \n \n \n {\n setFeeTierData({ ...feeTierData, fixedFee: event.target.value });\n }}\n onBlur={(event) => {\n setFeeTierData({ ...feeTierData, fixedFee: (+event.target.value).toFixed(2) });\n }}\n required\n />\n \n \n\n \n \n
\n Min: 0.00% and Max: 20%
\n Min Fixed: 0.10 and Max Fixed: 0.99
\n \n {\n setShowCreateFeeTier(false);\n }}\n >\n Cancel\n \n \n Add\n \n
\n \n \n
\n\n {\n setSelectPaymentQr(e.target.value === 'true' ? true : false);\n if (e.target.value === 'true') {\n setValue('no');\n }\n setQrDetails({\n qrCodeExpiryDate: null,\n description: '',\n amount: '',\n qrName: '',\n websiteUrl: ''\n });\n setShowDatePicker(false);\n }}\n >\n \n \n
\n\n {selectPaymentQr && (\n \n Create QR Code\n
\n \n
\n \n Accept only fixed amount on this QR?\n \n
\n \n \n \n
\n )}\n \n {\n setQrDetails({\n ...qrDetails,\n amount: event.target.value\n });\n }}\n decimalScale={2}\n allowNegative={false}\n isNumericString={true}\n startAdornment={\n \n {getCurrencySymbol('United Kingdom')}\n \n }\n aria-describedby=\"outlined-weight-helper-text\"\n required\n />\n
\n \n \n Amount\n \n *\n
\n \n \n {\n setQrDetails({\n ...qrDetails,\n description: event.target.value\n });\n }}\n style={{ height: 35 }}\n />\n \n
\n \n \n {QrFields.qrDescription + '(optional)'}\n \n
\n \n {\n setShowDatePicker(e.target.checked);\n if (!e.target.checked) {\n setQrDetails({\n ...qrDetails,\n qrCodeExpiryDate: null\n });\n }\n }}\n />\n }\n label=\"Close this QR code after\"\n labelPlacement=\"end\"\n />\n
\n \n \n {QrFields.qrDueDate + '(optional)'}\n \n
\n \n
\n \n \n {\n if (value) {\n setQrDetails({\n ...qrDetails,\n qrCodeExpiryDate: new Date(value['$d'])\n });\n }\n }}\n onError={console.log}\n inputFormat=\"YYYY/MM/DD HH:mm a\"\n mask=\"____/__/__ __:__ _M\"\n renderInput={(params) => (\n \n
\n {showDateValidationMessage && (\n \n \n Time should be 5 minutes more than current time.\n \n
\n )}\n \n \n {QrFields.qrName + '(optional)'}\n \n
\n \n \n \n
\n \n \n \n \n \n \n ['e', 'E', '+', '-'].includes(e.key) && e.preventDefault()}\n onChange={(e) => {\n setSearchInput(e.target.value);\n }}\n />\n \n \n \n \n {\n setStatusFilter(e.target.value);\n filterQrCodes(e);\n setPage(0);\n }}\n >\n \n \n \n \n \n \n {mediaLessThan600px && (\n \n \n {!mediaLessThan600px && (\n \n \n \n \n \n {loading ? (\n \n \n
\n \n {isPaneOpen && (\n {\n setIsPaneOpen(false);\n }}\n hideHeader={true}\n >\n \n \n\n setSuccess(false)} type=\"success\">\n {showMessage}\n \n )}\n \n \n \n {mediaLessThan600px && (\n \n {\n setSelectPaymentQr(true);\n setShowCreateQr(true);\n }}\n className={style.mobileQrSelctor}\n >\n + Create QR Code\n \n \n )}\n \n \n
\n );\n};\n\nexport default GenericQrCodeInfoComponent;\n","import React, { useState, useEffect } from 'react';\nimport GenericQrCodeInfoComponent from './generic-qr-code-info.component';\nimport { DocumentsService } from 'services';\nimport { useGlobalStateContext } from 'contexts';\nimport Axios from 'axios';\nimport { QrFields } from 'utils/enums/QrCode';\n\nconst GenericQrCodeInfo = (props) => {\n const [qrCodeData, setQrCodeData] = useState([]);\n const [qrDetails, setQrDetails] = useState({ qrCodeExpiryDate: null });\n const { globalState } = useGlobalStateContext();\n const [showCreteQr, setShowCreateQr] = useState(false);\n const [selectPaymentQr, setSelectPaymentQr] = useState(false);\n const [loading, setLoading] = useState(false);\n const [order, setOrder] = useState('desc');\n const [orderBy, setOrderBy] = useState('created_at');\n const [isPaneOpen, setIsPaneOpen] = useState(false);\n const [previewQrDetails, setPreviewQrDetails] = useState({});\n const [count, setCount] = useState(0);\n const [page, setPage] = useState(0);\n const [rowsPerPage, setRowsPerPage] = useState(10);\n const [success, setSuccess] = useState(false);\n const [showMessage, setShowMessage] = useState('');\n const [statusFilter, setStatusFilter] = useState('all');\n const [searchInput, setSearchInput] = useState('');\n const [showQrCode, setShowQrCode] = useState(false);\n const [CloseSuccess, setCloseSuccess] = useState(false);\n const [isCopyAlertOpen, setIsCopyAlertOpen] = useState(false);\n\n const headCells = [\n { id: 'id', numeric: true, disablePadding: false, label: QrFields.qrID },\n { id: 'qrName', numeric: false, disablePadding: false, label: QrFields.qrName },\n { id: 'description', numeric: false, disablePadding: false, label: QrFields.qrDescription },\n { id: 'created_at', numeric: false, disablePadding: false, label: QrFields.createdAt },\n { id: 'status', numeric: false, disablePadding: false, label: QrFields.qrStatus, hideSortingIcon: true },\n { id: 'action', numeric: false, disablePadding: false, label: 'Action', hideSortingIcon: true }\n ];\n\n const fetchQrData = async (newPage, newRowsPerPage, serchValue, filterValue) => {\n setLoading(true);\n const thePage = newPage ?? page;\n const searchString = serchValue ?? searchInput;\n const theRowsPerPage = newRowsPerPage ?? rowsPerPage;\n const statusFilterValue = filterValue ? filterValue : statusFilter;\n const result = await DocumentsService.fetchQrCodes(globalState.merchant?.id, {\n searchValue: searchString,\n offset: thePage * theRowsPerPage,\n limit: theRowsPerPage,\n statusFilter: statusFilterValue === 'all' ? '' : statusFilterValue\n });\n if (result.isSuccesfully) {\n setQrCodeData([...result.data.qrCodeResponse]);\n setCount(result.data.count);\n }\n setLoading(false);\n };\n\n const handleRequestSort = (event, property) => {\n const isAsc = orderBy === property && order === 'asc';\n setOrder(isAsc ? 'desc' : 'asc');\n setOrderBy(property);\n };\n const previewData = (row) => {\n setPreviewQrDetails({\n ...row,\n amount: row.amount\n });\n setIsPaneOpen(true);\n };\n\n const handleChangePage = (event, newPage) => {\n setPage(newPage);\n fetchQrData(newPage, rowsPerPage);\n };\n\n const download = async (qrImgLink, id) => {\n try {\n const imgResponse = await Axios.get(qrImgLink, { responseType: 'blob' });\n const url = window.URL.createObjectURL(new Blob([imgResponse.data]));\n const link = document.createElement('a');\n link.href = url;\n link.setAttribute('download', `QRCode_${id}.png`);\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n } catch (e) {}\n };\n const handleChangeRowsPerPage = (event) => {\n setRowsPerPage(parseInt(event.target.value, 10));\n fetchQrData(0, parseInt(event.target.value, 10));\n setPage(0);\n };\n const clearBtn = () => {\n setSearchInput('');\n setStatusFilter('all');\n fetchQrData(0, null, 'no', 'all');\n };\n\n const handleOnClick = (row) => {\n return row.status === 'Active' && (setShowQrCode(true), previewData(row), setIsPaneOpen(false));\n };\n\n useEffect(() => {\n fetchQrData(0);\n // eslint-disable-next-line\n }, [globalState.merchant?.id]);\n\n useEffect(() => {\n const updatedIndex = qrCodeData.findIndex((qrCode) => qrCode.id === previewQrDetails.id);\n const existingQrCode = qrCodeData.filter((qrCode) => qrCode.id === previewQrDetails.id)[0];\n if (JSON.stringify(existingQrCode) !== JSON.stringify(previewQrDetails)) {\n const tempQrData = [...qrCodeData];\n tempQrData[updatedIndex] = previewQrDetails;\n setQrCodeData([...tempQrData]);\n }\n // eslint-disable-next-line\n }, [previewQrDetails]);\n\n const onSearchQRCodes = (e) => {\n setPage(0);\n fetchQrData(0);\n e.preventDefault();\n };\n\n const filterQrCodes = (e) => {\n setPage(0);\n fetchQrData(0, null, searchInput, e.target.value);\n e.preventDefault();\n };\n\n const handleCopyUrl = (row) => {\n navigator.clipboard.writeText(row);\n setIsCopyAlertOpen(true);\n };\n\n return (\n \n \n \n QR Code\n \n \n {!mediaLessThan600px && (\n \n {\n setSelectPaymentQr(true);\n setShowCreateQr(true);\n }}\n className={style.createQrBtn}\n >\n + Create QR Code\n \n \n )}\n
\n\n QR ID
\nQR Status
\n\n \n \n Search\n \n
\n )}\n \n \n \n Search\n \n
\n )}\n \n
\n ) : (\n <>\n \n \n \n {isCopyAlertOpen && (\n {\n setIsCopyAlertOpen(false);\n }}\n type={'success'}\n >\n Successfully copied payment url.\n \n )}\n
\n \n
\n \n \n QR Code\n \n
\n {isLoading ? (\n \n
\n ) : (\n \n \n \n \n \n \n \n \n \n {paymentUrl}\n \n \n \n \n \n \n\n \n \n \n
\n )}\n \n \n Print \n \n
\n \n \n \n \n \n \n {previewQrDetails.id}\n
\n
\n \n
\n
\n \n
*/}\n \n Amount Received\n
\n \n {formatCurrency(\n previewQrDetails.amount,\n getCurrencyThreeAlpha(globalState.merchant?.country)\n )}\n \n
\n \n \n {formatCurrency(\n previewQrDetails.amount,\n getCurrencyThreeAlpha(globalState.merchant?.country)\n )}\n \n
\n Number of Payments\n
\n 2\n
\n \n 2\n
\n \n {\n previewQrDetails.status === QrCodeStatus.ACTIVE && setShowQrCode(true);\n }}\n >\n Preview QR\n \n \n |\n\n \n \n previewQrDetails.status === QrCodeStatus.ACTIVE &&\n download(previewQrDetails.qrImgLink, previewQrDetails.id)\n }\n className={styles.downloadButton}\n >\n \n Download QR\n \n
\n \n \n \n {/*
\n Recent Payments\n \n View All Payments\n \n
*/}\n \n setShowQrCode(false)} />\n
\n\n \n \n\n {!imageRendered ? (\n \n \n ) : null}\n \n \n {isCopyAlertOpen && (\n {\n setIsCopyAlertOpen(false);\n }}\n type={'success'}\n >\n Successfully copied url.\n \n )}\n
\n \n \n );\n}\n\nModalPreviewQrCodeComponent.propTypes = {\n showQrCode: PropTypes.bool,\n setShowQrCode: PropTypes.bool,\n handlePrint: PropTypes.func,\n qrCodeType: PropTypes.string,\n imageLoadedFunction: PropTypes.string,\n imageRendered: PropTypes.bool\n};\n\nexport default ModalPreviewQrCodeComponent;\n","import React, { useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport ModalPreviewQrCodeComponent from './modal-preview-qr-code.component';\nimport { useReactToPrint } from 'react-to-print';\nfunction ModalPreviewQrCode(props) {\n const { setShowQrCode, showQrCode, qrDescription, previewQrDetails } = props;\n const imageContentRef = useRef();\n const [imageRendered, setImageRendered] = useState(false);\n const [isCopyAlertOpen, setIsCopyAlertOpen] = useState(false);\n\n const imageLoadedFunction = () => {\n setImageRendered(true);\n };\n\n const imageReference = React.useCallback(() => {\n return new Promise((resolve) => {\n imageContentRef.current.width = '800';\n resolve();\n });\n }, []);\n\n const handleCopyUrl = () => {\n navigator.clipboard.writeText(previewQrDetails.link);\n setIsCopyAlertOpen(true);\n };\n\n const handlePrint = useReactToPrint({\n content: () => imageContentRef.current,\n documentTitle: `qr_code`,\n\n onBeforePrint: imageReference\n });\n\n return (\n \n \n \n {previewQrDetails.link}\n \n \n \n \n
\n \n {\n handlePrint();\n }}\n >\n Print \n \n
\n \n This QR code will be made inactive, your customers will no longer be able to pay via this QR\n code.\n
\n \n \n \n Yes\n \n
\n \n
\n );\n};\n\nexport default MerchantChargeExport;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Dialog, Checkbox, makeStyles, ListItemText, ListItem } from '@material-ui/core';\nimport styles from './modal-filter-pdq-merchants.module.scss';\n\nconst useStyles = makeStyles({\n dialogstatus: {\n left: '30%',\n top: '2%',\n '@media (max-width: 400px)': {\n left: '10%',\n top: '15%'\n }\n },\n dailogAgent: {\n left: '30%',\n top: '-5%',\n '@media (max-width: 400px)': {\n left: '10%',\n top: '15%'\n }\n }\n});\n\nfunction ModalFilterPdqMerchantsComponent(props) {\n const {\n statusFilter,\n agentFilter,\n setStatusFilter,\n setAgentFilter,\n handleItemChange,\n isPdqStatusChecked,\n toggleAgentCheck,\n filteredAgentEmails\n } = props;\n\n const classes = useStyles();\n return (\n \n {filteredAgentEmails.map((agent) => {\n return (\n \n toggleAgentCheck(agent.id)}\n color=\"primary\"\n />\n \n );\n })}\n
\n {tag}
\n //\n // \n // \n //
\n // )}\n // \n // \n // \n //
\n // )}\n // \n // );\n // }\n return (\n \n {\n handleChange(key, e.target.value);\n }}\n />\n
\n ) : key === 'contactPhone' ? (\n \n {pricingMatrixComp(\n 'Visa Debit Card',\n 'visaDebitFee',\n pdqFee.visaDebitFee,\n 'visaDebitAuth',\n pdqFee.visaDebitAuth\n )}\n
\n \n {pricingMatrixComp(\n 'Master Debit Card',\n 'masterDebitFee',\n pdqFee.masterDebitFee,\n 'masterDebitAuth',\n pdqFee.masterDebitAuth\n )}\n
\n \n {pricingMatrixComp(\n 'Visa Credit Card',\n 'visaCreditFee',\n pdqFee.visaCreditFee,\n 'visaCreditAuth',\n pdqFee.visaCreditAuth\n )}\n
\n \n {pricingMatrixComp(\n 'Master Credit Card',\n 'masterCreditFee',\n pdqFee.masterCreditFee,\n 'masterCreditAuth',\n pdqFee.masterCreditAuth\n )}\n
\n \n \n \n Quantity\n *\n \n \n {isEdit && (\n \n -\n \n )}\n\n changeFee('pdqQty', e.target.value)}\n required\n className={`${styles.Input} ${\n !isEdit ? styles.inputDisable : ''\n }`}\n />\n {isEdit && (\n = 10}\n >\n +\n \n )}\n \n \n \n \n Price per PDQ\n \n \n changeFee('pdqPrice', e.target.value)}\n required\n className={`${styles.Input} ${\n !isEdit ? styles.inputDisable : ''\n }`}\n />\n \n \n
\n PAX A920
\n\n
\n );\n}\n\nAdminHomeMenuComponent.propTypes = {};\n\nexport default AdminHomeMenuComponent;\n","import React from 'react';\nimport AdminHomeMenuComponent from './admin-dashboard-menu.component';\n\nfunction AdminHomeMenu() {\n return - \n
\n \n Dashboard\n \n
\n \n \n To do\n \n
\n \n LISTS\n
\n \n \n Bank error list\n \n
\n \n \n Payment list\n \n
\n \n \n Account verified list\n \n
\n \n \n Bank verified list\n \n
\n \n \n Balance list\n \n
\n \n \n Dormant account list\n \n
\n \n \n Refunds list\n \n
\n \n COMMUNICATION\n
\n \n \n Add announcements\n \n
\n \n \n Send email\n \n
\n \n \n Logout\n \n
\n - \n
\n {expanded === 'panel' ? \n \n System Notification downtime alert\n \n \n
\n \n
\n \n \n \n \n
\n \n
\n \n \n \n \n
\n console.log('close this shit.')}>\n
\n \n
\n );\n}\n\nAdminDashBoardNavigationHeaderComponent.propTypes = {};\n\nexport default AdminDashBoardNavigationHeaderComponent;\n","import React from 'react';\nimport AdminDashBoardNavigationHeaderComponent from './admin-dashboard-navigation-header.component';\n\nfunction AdminDashBoardNavigationHeader(props) {\n return \n {props.children}\n
\n {header_title}
\n \n Week Commencing \n \n 27 Aug 2020\n \n
\n\n \n
\n \n
\n \n
\n \n \n \n \n \n setRoute('/pending-customers')}>\n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n
\n );\n}\n","import React from 'react';\nimport AdminDashboardTopBarComponent from './admin-dashboard-topbar.component';\n\nexport default function AdminDashbordTopBar(props) {\n return \n Hi Jane \n
\n \n Awating Review \n
\n \n Pending Customers \n
\n \n Account Verify \n
\n \n Setup Fee \n
\n \n Bank Verify \n
\n \n Phone \n
\n \n Payment Not Received \n
\n \n Outstanding Chargebacks \n
\n \n Agents Todo \n
\n {`Error fetching team members for merchant: ${merchantName}`}
\n ) : (\n \n \n \n \n {\n console.log(\n 'e.target.selectedIndex : ',\n e.target.selectedIndex,\n e.target.value\n );\n\n if (e.target.selectedIndex === 0) {\n onChange('');\n setShowNotesBlock(false);\n } else if (\n e.target.selectedIndex !==\n Object.keys(BankRejectedReasons).length - 1\n ) {\n onChange(e.target.value);\n setShowNotesBlock(false);\n } else {\n onChange('');\n setShowNotesBlock(true);\n }\n }}\n />\n }\n >\n {Object.keys(BankRejectedReasons).map((element) => (\n \n {BankRejectedReasons[element]}\n \n ))}\n \n \n \n \n
\n );\n}\n\nRejectedReasonComponent.propTypes = {\n onChange: PropTypes.func\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport RejectedReasonComponent from './rejected-reason.component';\n\nexport default function RejectedReason(props) {\n const { onChange, setShowNotesBlock } = props;\n\n return \n \n \n \n {'<'}\n {documentToView.flag}\n {'>'}\n \n\n \n {'<'}\n {documentToView?.filename ? `${documentToView?.filename}.` : 'File name'}\n {'>'}\n {'('}\n {documentToView?.documentTypeName\n ? `${documentToView?.documentTypeName}`\n : 'Unknown document type'}\n {')'}\n \n \n {DocumentReviewStatus[documentToView.documentStatus]}\n \n\n \n {currentDocumentNumber + 1} of {nrOfDocuments}\n \n {isAusIdNum || isUSDoc ? (\n \n {\n if (isAusIdNum) {\n let value = /^[a-zA-Z0-9]{0,10}$/.test(e.target.value);\n if (value) {\n setIdNumber(e.target.value.toUpperCase());\n }\n } else {\n let value = /^[0-9]{0,15}$/.test(e.target.value);\n if (value) {\n setIdNumber(e.target.value.toUpperCase());\n }\n }\n }}\n >\n {\n updateIdNumber();\n }}\n style={{ fontSize: '12px' }}\n disabled={documentToView.documentStatus != 'NEED_APPROVAL' || !isValidIdNumber}\n >\n {'Submit id no'}\n \n \n ) : (\n \n )}\n\n \n openInNewTab(documentToView)}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className={styles.dialogWrapper__dialogBody__titleBar__merchantName__link}\n >\n open\n \n\n \n \n \n {\n reset();\n setIsModalOpen(false);\n }}\n >\n \n {documentToView?.documentTypeName === 'Driving licence' &&\n globalState?.merchant?.country === MerchantCountries.AUSTRALIA ? (\n \n {\n let value = /^[a-zA-Z0-9]{0,10}$/.test(e.target.value);\n if (value) {\n setCardNumber(e.target.value.toUpperCase());\n }\n }}\n >\n {\n updateCardNumber();\n }}\n style={{ fontSize: '12px', borderColor: 'black', borderWidth: 1 }}\n disabled={documentToView.documentStatus != 'NEED_APPROVAL' || !isValidCardNumber}\n >\n {'Submit card no'}\n \n \n ) : (\n \n )}\n \n \n \n \n \n\n {updatedBankData.approvalStatus === 'WAITING_APPROVAL' &&\n documentToView.flag === DocumentFlag.BANK_VERIFY &&\n documentToView.documentStatus === DocumentStatusToName.NEED_APPROVAL && (\n \n \n \n \n \n {!_.isEmpty(bankData) && (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )}\n \n \n \n {\n if (\n e.target.value.length <=\n CountryBankAccountNumberLength[\n globalState.merchant?.country\n ]\n ) {\n bankDetailsValidation(\n e.target.value,\n 'accountNumber'\n );\n setNewBankDetailsConfirmation({\n ...newBankDetailsConfirmation,\n newAccountNumber: e.target.value\n });\n }\n }}\n disabled={disableNewFields}\n autoFocus={true}\n />\n \n \n {accNumberValidationMessage && (\n \n \n \n \n \n \n e.keyCode !== 45 &&\n e.keyCode > 31 &&\n (e.keyCode < 48 || e.keyCode > 57) &&\n e.preventDefault()\n }\n pattern=\"\\d+\"\n //type=\"number\"\n value={FormatNumber()}\n placeholder=\"Account number\"\n id=\"new-account-number-inpt\"\n inputProps={{\n inputMode: 'numeric'\n }}\n onChange={(e) => {\n if (e.target.value.length <= 18) {\n bankDetailsValidation(\n e.target.value,\n 'accountNumber'\n );\n setNewBankDetailsConfirmation({\n ...newBankDetailsConfirmation,\n newAccountNumber: e.target.value\n .split('-')\n .join('')\n });\n }\n }}\n disabled={disableNewFields}\n autoFocus={true}\n />\n \n \n {accNumberValidationMessage && (\n \n \n \n \n \n 2\n ? newBankDetailsConfirmation.newAccountNumber\n : 'IE'\n }\n onChange={(e) => {\n if (\n e.target.value.length >= 2 &&\n e.target.value.length <=\n CountryBankAccountNumberLength[\n globalState.merchant?.country\n ]\n ) {\n bankDetailsValidation(\n e.target.value,\n 'accountNumber'\n );\n setNewBankDetailsConfirmation({\n ...newBankDetailsConfirmation,\n newAccountNumber: e.target.value\n });\n }\n if (\n e.target.value.length ===\n CountryBankAccountNumberLength[\n globalState.merchant?.country\n ]\n ) {\n document\n .getElementById('new-bank-IBAN-input')\n .blur();\n }\n }}\n />\n \n \n {accNumberValidationMessage && (\n \n \n\n \n \n \n {\n bankDetailsValidation(value, 'bsbcode');\n setNewBankDetailsConfirmation({\n ...newBankDetailsConfirmation,\n newBsbCode: value\n });\n }}\n />\n \n \n {codeValidationMessage && (\n \n \n \n \n \n {\n bankDetailsValidation(value, 'routingnumber');\n setNewBankDetailsConfirmation({\n ...newBankDetailsConfirmation,\n routingNumber: value\n });\n }}\n disabled={disableNewFields}\n />\n \n \n {codeValidationMessage && (\n \n \n \n \n \n {\n bankDetailsValidation(value, 'transitnumber');\n setNewBankDetailsConfirmation({\n ...newBankDetailsConfirmation,\n transitNumber: value\n });\n }}\n disabled={disableNewFields}\n />\n \n \n {transitNumberMsg && (\n \n\n \n {\n bankDetailsValidation(value, 'financenumber');\n setNewBankDetailsConfirmation({\n ...newBankDetailsConfirmation,\n financialInstitutionNumber: value\n });\n }}\n disabled={disableNewFields}\n />\n \n \n {codeValidationMessage && (\n \n \n \n \n \n {\n bankDetailsValidation(value, 'sortcode');\n setNewBankDetailsConfirmation({\n ...newBankDetailsConfirmation,\n newSortCode: value\n });\n }}\n disabled={disableNewFields}\n />\n \n \n {codeValidationMessage && (\n \n \n \n \n {\n bankNameFieldOnChange(e);\n }}\n onBlur={() => {\n bankNameFieldOnBlur();\n }}\n onKeyDown={(e) => {\n bankNameFieldOnKeyDown(e);\n }}\n />\n \n {bankNameValidation && (\n \n \n \n \n \n \n \n )}\n\n \n {isLoading && (\n \n \n \n \n \n {(!isBankUpdateRequest ||\n (documentToView.flag === DocumentFlag.BANK_VERIFY && !isBankUpdateRequest)) && (\n \n \n {showAcceptReject && (\n \n \n {\n updateDocumentStatus(DocumentStatusToName.ACTIVE);\n if (\n documentToView.docTypeId !== 12 &&\n documentToView.docTypeId !== 13\n ) {\n sendNotes(DocumentStatusToName.ACTIVE);\n }\n }}\n disabled={\n documentToView.documentStatus !==\n DocumentStatusToName.NEED_APPROVAL ||\n globalState.merchant.status === MerchantStatus.WATCHLIST\n }\n >\n Accept\n \n \n \n {\n updateDocumentStatus(DocumentStatusToName.REJECTED);\n if (\n documentToView.docTypeId !== 12 &&\n documentToView.docTypeId !== 13\n ) {\n sendNotes(DocumentStatusToName.REJECTED);\n }\n }}\n disabled={\n documentToView.documentStatus !==\n DocumentStatusToName.NEED_APPROVAL ||\n notes?.trim().length < 10 ||\n sendButtonDisabled\n }\n >\n Reject\n \n \n \n )}\n {showRestore && (\n \n updateDocumentStatus(DocumentStatusToName.NEED_APPROVAL)}\n disabled={\n documentToView.documentStatus !== DocumentStatusToName.OLD &&\n documentToView.documentStatus !== DocumentStatusToName.DELETED\n }\n >\n Restore\n \n \n )}\n\n {!hideDelete && (\n \n updateDocumentStatus(DocumentStatusToName.DELETED)}\n disabled={\n documentToView.documentStatus === DocumentStatusToName.DELETED ||\n documentToView.documentStatus === DocumentStatusToName.ACTIVE ||\n documentToView.documentStatus === DocumentStatusToName.NEED_APPROVAL ||\n documentToView.documentStatus === DocumentStatusToName.REJECTED\n }\n >\n Delete\n \n \n )}\n \n \n )}\n \n \n {updatedBankData.approvalStatus === 'WAITING_APPROVAL' &&\n documentToView.flag === DocumentFlag.BANK_VERIFY &&\n documentToView.documentStatus === DocumentStatusToName.NEED_APPROVAL ? (\n \n {\n setBankUpdateRejected(true);\n sendNotes(DocumentStatusToName.REJECTED, true);\n }}\n className={styles.dialogWrapper__dialogBody__actionsWrapper__button}\n >\n Reject Bank Update\n \n {\n handleSubmit(event);\n sendNotes(DocumentStatusToName.ACTIVE);\n }}\n disabled={\n approveBtnDisabled ||\n globalState.merchant.status === MerchantStatus.WATCHLIST\n }\n className={styles.dialogWrapper__dialogBody__actionsWrapper__button}\n >\n Approve Bank Update\n \n \n ) : (\n \n \n {!isReseller && (\n \n \n \n {accountBtnText}\n \n \n \n \n {bankAccountBtnText}\n \n \n \n )}\n {\n reset();\n setIsModalOpen(false);\n if (\n documentToView.flag === DocumentFlag.ONBOARDING &&\n (documentToView.documentStatus === DocumentStatusToName.REJECTED ||\n documentToView.documentStatus ===\n DocumentStatusToName.ACTIVE) &&\n showMerchantVerification\n ) {\n setIsMerchantVerificationCheckListOpen(true);\n }\n }}\n className={styles.dialogWrapper__dialogBody__actionsWrapper__button}\n >\n Close\n \n \n \n )}\n \n \n \n {!isReseller && (\n \n {documentToView.documentStatus === DocumentStatusToName.REJECTED ? (\n !fetchRejectReasonLoader && (\n \n Rejected reason: {notes ? notes : 'No reason provided'}\n \n )\n ) : (\n <>\n setNotes(e.target.value)}\n />\n ) : (\n <>\n )}\n {/* \n \n {sendButtonText}\n \n */}\n {sendNotesError && (\n \n An error was occurred when sending the email. Please contact support.\n \n )}\n \n )}\n \n )}\n
\n {showMessage && (\n \n \n {accNumberValidationMessage}\n \n
\n )}\n \n \n {accNumberValidationMessage}\n \n
\n )}\n \n \n {accNumberValidationMessage}\n \n
\n )}\n \n \n {codeValidationMessage}\n \n
\n )}\n \n \n {codeValidationMessage}\n \n
\n )}\n \n \n {transitNumberMsg}\n \n
\n )}\n \n \n {codeValidationMessage}\n \n
\n )}\n \n \n {codeValidationMessage}\n \n
\n )}\n \n \n {bankNameValidation}\n \n
\n )}\n \n
\n )}\n {!isLoading && nrOfDocuments === 0 && (\n \n Admin document viewer\n
\n\n Loading...\n
\n\n
\n )}\n {!isLoading && nrOfDocuments !== 0 && documentToView.extension !== 'pdf' && (\n \n Admin document viewer\n
\n\n Nothing to show\n
\n\n 
\n
\n )}\n {!isLoading && nrOfDocuments !== 0 && documentToView.extension === 'pdf' && (\n \n \n \n \n Merchant Verification - Checklist\n \n \n \n {\n setIsMerchantVerificationCheckListOpen(false);\n }}\n >\n \n \n \n \n \n rejectMerchant()}\n disabled={rejectDisableButton}\n >\n Reject\n \n \n Accept\n \n \n
\n {showSendANote && (\n - \n {checkList?.map((checkListPoint, index) => (\n
An error occurred, please try reloading your browser.
\n ) : (\n No refunds
\n \n \n \n \n \n \n \n {\n autoWithdrawalStatusChangeHandler(e.target.value);\n }}\n />\n }\n >\n \n \n \n \n \n \n setMessage('')}>\n {message}\n \n )}\n
\n );\n}\n\nAutoWithdrawalComponent.propTypes = {\n onChange: PropTypes.func\n};\n","import { useGlobalStateContext, useAdminFunctionsContext } from 'contexts';\nimport React, { useState, useEffect } from 'react';\nimport { AdminService } from 'services';\nimport AutoWithdrawalComponent from './auto-withdrawal-status.component';\n\nexport default function AutoWithdrawal() {\n const { globalState } = useGlobalStateContext();\n const [message, setMessage] = useState('');\n const [messageType, setMessageType] = useState('');\n const [loading, setLoading] = useState(false);\n const { adminFunctions, setAdminFunctions } = useAdminFunctionsContext();\n const [autoWithdrawStatus, setAutoWithdrawStatus] = useState(false);\n const [openModal, setOpenModal] = useState(false);\n\n useEffect(() => {\n setAutoWithdrawStatus(adminFunctions.autoWithdraw);\n }, [adminFunctions]);\n\n const autoWithdrawalStatusChangeHandler = (value) => {\n const status = value === '1' ? true : false;\n setAutoWithdrawStatus(status);\n setOpenModal(true);\n };\n\n const onChange = async () => {\n setOpenModal(false);\n setLoading(true);\n const statusValue = autoWithdrawStatus ? '1' : '0';\n const response = await AdminService.UpdateMerchantDataForAdmin(globalState.merchant?.id, {\n autoWithdraw: statusValue,\n resellerId: globalState.reseller?.id\n });\n\n setLoading(false);\n if (response.isSuccesfully) {\n setAdminFunctions({\n ...adminFunctions,\n autoWithdraw: autoWithdrawStatus\n });\n setMessageType('success');\n setMessage('Email successfully sent to notify client !');\n } else {\n setMessageType('error');\n setMessage('An error occurred to notify client via email. Try again !');\n }\n };\n\n return (\n An error occurred, please try reloading your browser.
\n ) : (\n No Missing Merchants
\n ) : (\n \n {loading ? (\n \n \n ) : error ? (\n \n \n \n \n \n Nationality and DOB Update\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n\n \n \n \n setMerchantData({\n ...merchantData,\n OwnersDetail: {\n ...merchantData.OwnersDetail,\n nationality: e.target.value\n }\n })\n }\n >\n }\n value={merchantData?.OwnersDetail?.nationality}\n >\n {nationalities.map((nationality) => (\n \n ))}\n \n \n \n \n \n \n \n \n {!loading && documentToView.length === 0 && (\n \n
\n )}\n {!loading && documentToView.extension === 'pdf' && documentToView.length !== 0 && (\n An error occurred, please try reloading your browser.
\n ) : (\n \n
\n \n \n Passport/Driving Licence not available\n \n \n Nothing to show\n \n
\n )}\n {!loading && documentToView.extension !== 'pdf' && documentToView.length !== 0 && (\n \n {message}\n {loading ? (\n
\n );\n}\nexport default LinkQrComponent;\n","import React, { useState, useEffect } from 'react';\nimport LinkQrComponent from './link-qr.component';\nimport { useGlobalStateContext } from 'contexts';\nimport { NonResellerMerchantService, AuthService } from 'services';\nimport AuthHelper from 'utils/authHelper';\n\nfunction LinkQr(props) {\n const {\n globalState: { reseller },\n setRoute\n } = useGlobalStateContext();\n const [message, setMessage] = useState(`Would you like to link your QR Code?`);\n const [loading, setLoading] = useState(false);\n const [merchantsList, setMerchantsList] = useState([]);\n const [error, setError] = useState(false);\n\n useEffect(() => {\n const getMerchants = async () => {\n try {\n setLoading(true);\n const response = await NonResellerMerchantService.getUserMerchants(reseller.id);\n setLoading(false);\n if (response !== null && response.isSuccesfully) {\n let merchants = response.data.merchantsDto;\n setMerchantsList(merchants);\n } else {\n setError('Something went wrong!');\n }\n } catch (e) {\n setLoading(false);\n setError('Something went wrong!');\n }\n };\n getMerchants();\n // eslint-disable-next-line\n }, []);\n\n const onProceed = async (id) => {\n setError('');\n setLoading(true);\n try {\n if (!AuthService.isLoggedUser()) {\n setRoute('/login');\n return;\n }\n\n await AuthHelper.refreshCurrentSession();\n let uuid = props.location.search;\n uuid = uuid.replace('?data=', '');\n\n let data = {\n id: uuid\n };\n const response = await NonResellerMerchantService.linkQrCode(data, id);\n\n setLoading(false);\n\n if (response.isSuccesfully) {\n setMessage(response.data.message);\n setMerchantsList([]);\n let timer = setTimeout(() => {\n setRoute('/home');\n clearTimeout(timer);\n timer = null;\n }, 3000);\n } else {\n setError(response.data.message);\n let errorTimer = setTimeout(() => {\n setError('');\n clearTimeout(errorTimer);\n errorTimer = null;\n }, 5000);\n }\n } catch (e) {\n setLoading(false);\n\n if (e.code === 'NotAuthorizedException') setError('Session timed out!!!');\n else setError('Something went wrong!');\n }\n };\n\n return (\n \n
\n ) : null}\n\n {error ? {error}
: null}\n\n {merchantsList && !loading\n ? merchantsList.map((item) => {\n return (\n\n
\n );\n })\n : null}\n {item.name}
\n\n onProceed(item.id)}\n >\n link\n \n
\n \n \n \n {loading ? (\n \n \n ) : (\n \n \n \n \n {error ? (\n \n \n \n No Records found\n \n \n \n ) : (\n \n {stableSort(rows, getComparator(order, orderBy)).map(\n (row, index) => {\n return (\n \n {\n setOpen(open === index ? '' : index);\n }}\n key={row.id}\n hover\n className={style.rowstyle}\n >\n \n {row.name}\n \n \n {row.mid}\n \n \n {row.userName}\n \n {row.ip_address} \n \n {formatDateTimeByFormatString(\n row.updated_date,\n 'DD MMM HH:mm'\n )}\n \n {row.function_name} \n \n \n \n \n \n \n \n \n \n Field Modified\n \n \n Old Value\n \n \n New Value\n \n \n Table Name\n \n \n {' '}\n \n \n {' '}\n \n \n \n \n {row.auditData.map(\n (data) => {\n return (\n \n {auditIncludedField.includes(\n data.table_name\n ) &&\n (auditDocumentIncludedField.includes(\n data.field_modified\n ) ||\n auditMerchantIncludedField.includes(\n data.field_modified\n )) ? (\n \n \n {\n data.field_modified\n }\n \n \n {data.current_value ? (\n \n \n {\n auditDataEnum[\n data\n .table_name\n ][\n data\n .field_modified\n ][\n data\n .current_value\n ]\n }\n \n \n ) : (\n \n ——\n \n )}\n \n \n {data.new_value ? (\n \n \n {\n auditDataEnum[\n data\n .table_name\n ][\n data\n .field_modified\n ][\n data\n .new_value\n ]\n }\n \n \n ) : (\n \n ——\n \n )}\n \n\n \n {data.table_name ? (\n \n {\n data.table_name\n }\n \n ) : (\n \n ——\n \n )}\n \n \n {' '}\n \n \n {' '}\n \n \n ) : (\n \n {' '}\n \n {\n data.field_modified\n }\n \n \n {data.current_value ? (\n \n \n {\n data.current_value\n }\n \n \n ) : (\n \n ——\n \n )}\n \n \n {data.new_value ? (\n \n \n {\n data.new_value\n }\n \n \n ) : (\n \n ——\n \n )}\n \n \n {data.table_name ? (\n \n {\n data.table_name\n }\n \n ) : (\n \n ——\n \n )}\n \n \n {' '}\n \n \n {' '}\n \n \n )}\n \n );\n }\n )}\n \n \n \n \n \n \n \n );\n }\n )}\n \n )}\n \n \n {(count || count) > 0 && (\n \n \n )}\n \n \n \n \n )}\n \n
\n ) : (\n \n An error occurred, please try reloading your browser.\n
\n ) : !count || count === 0 ? (\n \n
\n );\n}\n\nSpecialRentTableComponent.propTypes = {\n editSpecialRent: PropTypes.func,\n setDeleteRentId: PropTypes.func\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport SpecialRentTableComponent from './special-rent-table.component';\n\nconst SpecialRentTable = (props) => {\n const {\n setAddSpecialRent,\n specialRentDetails,\n setSpecialRentDelete,\n editSpecialRent,\n deleteSpecialRent,\n specialRentList,\n setDeleteRentId\n } = props;\n\n let headCells = [\n {\n id: 'description',\n numeric: false,\n disablePadding: false,\n label: 'Description',\n hideSortingIcon: true,\n alignCenter: true\n },\n {\n id: 'rentAmount',\n numeric: false,\n disablePadding: false,\n label: 'Rent amount',\n hideSortingIcon: true,\n alignCenter: true\n },\n {\n id: 'start_date',\n numeric: false,\n disablePadding: false,\n label: 'Start date',\n hideSortingIcon: true,\n alignCenter: true\n },\n {\n id: 'start_date',\n numeric: false,\n disablePadding: false,\n label: 'End date',\n hideSortingIcon: true,\n alignCenter: true\n },\n {\n id: 'status',\n numeric: false,\n disablePadding: false,\n label: 'Status',\n hideSortingIcon: true,\n alignCenter: true\n },\n {\n id: 'actions',\n numeric: false,\n disablePadding: false,\n label: 'Actions',\n hideSortingIcon: true,\n alignCenter: true\n }\n ];\n\n return (\n \n \n \n {!specialRentList || specialRentList.length === 0 ? (\n \n \n
\n \n )}\n \n \n
\n No Rents.
\n ) : (\n \n \n \n \n \n \n \n
\n \n )}\n\n {specialRentDelete && (\n \n {addSpecialRent && Add New Special Rent }\n {updateSpecialRent && Update special rent }\n {\n setAddSpecialRent(false);\n setUpdateSpecialRent(false);\n setSpecialRentDetails({});\n }}\n />\n
\n \n \n \n \n \n \n setSpecialRentDetails({\n ...specialRentDetails,\n start_date: e.target.value\n })\n }\n InputLabelProps={{\n shrink: true\n }}\n />\n \n \n \n \n setSpecialRentDetails({\n ...specialRentDetails,\n end_date: e.target.value\n })\n }\n InputLabelProps={{\n shrink: true\n }}\n />\n \n \n \n \n \n {\n setSpecialRentDetails({\n ...specialRentDetails,\n rent_amount: values.value\n });\n }}\n />\n \n \n \n \n \n \n setSpecialRentDetails({\n ...specialRentDetails,\n description: e.target.value\n })\n }\n >\n \n \n \n {addSpecialRent && (\n \n Add\n \n )}\n {updateSpecialRent && (\n \n Update\n \n )}\n \n \n
\n \n \n \n Are you sure you want to delete ? \n \n \n \n {\n setSpecialRentDelete(false);\n }}\n color=\"primary\"\n variant=\"outlined\"\n className={styles.leavebtn}\n >\n Cancel\n \n {\n setSpecialRentDelete(false);\n deleteSpecialRent();\n }}\n color=\"primary\"\n className={styles.dilogbtn}\n >\n Continue\n \n \n
\n \n )}\n \n \n \n
\n \n Special Rent\n {\n setAddSpecialRent(true);\n setSpecialRentDetails({});\n }}\n color=\"primary\"\n disabled={specialRentList.length >= 3 || isMerchantAccountClosed}\n className={styles.addSpecialRentBtn}\n >\n + Add new Special Rent\n \n
\n \n \n \n
\n \n Contract Rent\n
\n \n
\n \n \n \n \n \n {merchantReceipt ? (\n \n \n ) : (\n \n \n \n \n \n \n \n \n \n \n {merchantName}\n \n \n \n \n \n {formatDateTimeByFormatString(merchantDate, 'DD MMM YY')}\n \n \n {merchantDescription.replace(regex, '')}\n \n \n {`${getCurrencySymbol(globalState.merchant.country)} `}\n {merchantAmount}\n \n \n \n \n \n \n \n )}\n
\n \n \n );\n}\n\nModalMerchantChargeComponent.propTypes = {\n emailsAndRoles: PropTypes.array,\n show: PropTypes.bool,\n setShow: PropTypes.func,\n inviteMembers: PropTypes.func,\n setRole: PropTypes.func,\n validateEmptyField: PropTypes.func,\n addNewUserEmailAndRole: PropTypes.func,\n setEmail: PropTypes.func,\n removeNewUserEmailAndRole: PropTypes.func,\n doValidation: PropTypes.func,\n handleClose: PropTypes.func\n};\n","import React, { useState, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport ModalMerchantChargeComponent from './modal-merchant-charges.component';\nimport { AdminService } from 'services';\n\nexport default function ModalMerchantCharge(props) {\n const {\n snackbarMessage,\n setSnackbarMessage,\n showSnackbarStatus,\n setShowSnackbarStatus,\n setMerchantChargeResponse,\n getMerchantChargesList,\n setOpenMerchantModal\n } = props;\n\n const [disabled, setDisabled] = useState(true);\n const [merchantDate, setMerchantDate] = useState(new Date().toISOString().slice(0, 10));\n const [merchantDescription, setMerchantDescription] = useState('');\n const [merchantAmount, setMerchantAmount] = useState('');\n const [merchantBtn, setMerchantBtn] = useState(true);\n const [merchantReceipt, setMerchantReceipt] = useState(true);\n const [loading, setLoading] = useState(false);\n const isMaxAmount = (values) => {\n const { value, floatValue } = values;\n const MAX = 9999999.99;\n const MIN = 0;\n\n if (typeof floatValue === 'undefined' || typeof value === 'undefined') {\n return true;\n }\n if (value.charAt(0) === '0') {\n if (value.charAt(1) && value.charAt(1) !== '.') {\n return false;\n }\n }\n if (value > MAX) {\n return false;\n }\n if (value < MIN) {\n return false;\n }\n return true;\n };\n\n const handleClose = () => {\n setOpenMerchantModal(false);\n if (!merchantReceipt) {\n getMerchantChargesList();\n }\n };\n\n const wrapperRef = useRef(null);\n\n let headCells = [\n {\n id: 'client',\n numeric: false,\n disablePadding: false,\n label: 'Client',\n hideSortingIcon: true,\n alignCenter: true\n },\n {\n id: 'invoice_date',\n numeric: false,\n disablePadding: false,\n label: 'Invoice date',\n hideSortingIcon: true,\n alignCenter: true\n },\n {\n id: 'description',\n numeric: false,\n disablePadding: false,\n label: 'Description',\n hideSortingIcon: true,\n alignCenter: true\n },\n {\n id: 'amount',\n numeric: false,\n disablePadding: false,\n label: 'Amount',\n hideSortingIcon: true,\n alignCenter: true\n }\n ];\n\n useEffect(() => {\n if (merchantDate === '' || merchantDescription === '' || merchantAmount === '') {\n setMerchantBtn(true);\n } else {\n setMerchantBtn(false);\n }\n }, [merchantDate, merchantDescription, merchantAmount]);\n const regex = /(<([^>]+)>)/gi;\n\n const merchantBtnHandler = async () => {\n setLoading(true);\n const response = await AdminService.updateMerchantCharges({\n date: merchantDate,\n description: `Invoice ${merchantDescription.replace(regex, '')}`,\n amount: merchantAmount\n });\n if (response.isSuccesfully) {\n setLoading(true);\n setSnackbarMessage('Invoice has been created successfully!');\n setShowSnackbarStatus(true);\n setMerchantReceipt(false);\n setMerchantChargeResponse(true);\n } else {\n setLoading(true);\n setSnackbarMessage(response.error.message);\n setShowSnackbarStatus(true);\n setMerchantChargeResponse(false);\n setOpenMerchantModal(false);\n }\n setLoading(false);\n };\n\n return (\n \n {merchantReceipt === false ? (\n Invoice has been created successfully! \n ) : (\n <>\n Add new invoice for \n \n \n \n {merchantName}\n \n \n \n \n )}\n\n
\n \n \n \n \n \n setMerchantDate(e.target.value)}\n />\n \n\n \n \n \n setMerchantDescription(e.target.value.replace(regex, ''))\n }\n />\n \n\n \n \n\n setMerchantAmount(e.target.value)}\n startAdornment={\n \n {getCurrencySymbol(globalState.merchant?.country)}\n \n }\n />\n {alertMessage && (\n \n Amount value should be more than zero\n \n )}\n \n \n \n Add Invoice\n \n \n \n \n
\n \n \n \n \n \n
\n \n \n A verification code has been sent to this \n \n mobile number {phoneNumber}. Please check\n if you don’t have this number anymore please contact support at\n +44(0)3330165548. \n \n \n
\nCode is valid for 5 minutes.
\n\n \n Verification code \n {\n if (e.target.value.length <= 6) {\n setOtpText(e.target.value);\n }\n }}\n />\n \n {error ? error : <> }\n \n \n\n
\n \n
\n \n \n RESEND\n \n
\n \n \n Verify code{' '}\n \n
\n \n {isActiveTimer ? <>Retry after {seconds} seconds : <> }\n
\n\n \n \n Cancel\n \n \n
\n \n \n \n {loading ? (\n \n \n ) : (\n \n \n \n \n {error ? (\n \n \n \n No Records found\n \n \n \n ) : (\n \n {stableSort(\n rowsPerPage > 0\n ? rows.slice(\n page * rowsPerPage,\n page * rowsPerPage + rowsPerPage\n )\n : rows,\n getComparator(order, orderBy)\n ).map((row, index) => {\n return (\n \n {\n setOpen(open === index ? '' : index);\n }}\n key={row.id}\n hover\n className={style.rowstyle}\n >\n \n \n \n \n \n \n handleCopyMerchantId(\n row.merchantId\n )\n }\n />\n \n \n \n \n {AdyenAccountStatus[row.accountStatus]}\n \n {/* \n {AdyenPayoutStatus[row.payoutStatus]}\n */}\n \n {AdyenTier[row.adyenTier]}\n \n {row.totalPayout} \n \n \n );\n })}\n \n )}\n \n \n {count > 0 && (\n \n \n )}\n \n \n \n \n )}\n \n {isCopyAlertOpen && (\n \n Successfully copied the merchant id.\n \n )}\n
\n ) : (\n \n An error occurred, please try reloading your browser.\n
\n ) : count === 0 ? (\n \n \n \n \n {fileName}\n \n \n \n Upload\n \n \n \n
\n )}\n No files found
\n ) : (\n Your business
\n- \n
Team and security
\n\n- \n
\n {option.title ?? ''}\n
\n {`${option.company_number ?? ''}\n ${option.address_snippet ?? ''}`}\n
\n );\n }}\n renderInput={(params) => (\n \n {`${option.company_number ?? ''}\n ${option.address_snippet ?? ''}`}\n
\n \n \n {\n setCanonicalResellerDetails({\n ...canonicalResellerDetails,\n postCode: postCode\n });\n }}\n />\n \n \n \n {\n setCanonicalResellerDetails({\n ...canonicalResellerDetails,\n addressLine1: e.target.value\n });\n }}\n />\n \n \n \n {\n setCanonicalResellerDetails({\n ...canonicalResellerDetails,\n addressLine2: e.target.value\n });\n }}\n />\n \n \n \n {\n setCanonicalResellerDetails({\n ...canonicalResellerDetails,\n city: e.target.value\n });\n }}\n />\n \n \n \n {\n setCanonicalResellerDetails({\n ...canonicalResellerDetails,\n country: e.target.value\n });\n }}\n >\n }\n disabled\n >\n {Object.keys(MerchantCountries).map((key) => (\n \n ))}\n \n \n \n \n {\n setCanonicalResellerDetails({\n ...canonicalResellerDetails,\n supportNumber: InputValidators.validatePhoneNumber(phone)\n });\n }}\n />\n \n {/* {\n setCanonicalResellerDetails({\n ...canonicalResellerDetails,\n logoUrl: e.target.value\n });\n }}\n /> */}\n
\n \n \n \n {\n setCanonicalResellerDetails({\n ...canonicalResellerDetails,\n primaryContactName: e.target.value.replace(/[^A-Za-z0-9\\s]/gi, '')\n });\n }}\n />\n \n {\n setCanonicalResellerDetails({\n ...canonicalResellerDetails,\n primaryContactEmail: e.target.value.toLowerCase()\n });\n }}\n autoComplete=\"off\"\n />\n\n \n \n {\n setCanonicalResellerDetails({\n ...canonicalResellerDetails,\n telNumber: InputValidators.validatePhoneNumber(phone)\n });\n }}\n />\n \n {\n setCanonicalResellerDetails({\n ...canonicalResellerDetails,\n websiteUrl: value\n });\n }}\n />\n \n \n {\n setCanonicalResellerDetails({\n ...canonicalResellerDetails,\n tradingName: e.target.value.replace(/[^A-Za-z0-9\\s]/gi, '')\n });\n }}\n />\n \n {\n setCanonicalResellerDetails({\n ...canonicalResellerDetails,\n supportEmail: e.target.value.toLowerCase()\n });\n }}\n autoComplete=\"off\"\n />\n {/* {\n setCanonicalResellerDetails({\n ...canonicalResellerDetails,\n cssUrl: e.target.value\n });\n }}\n /> */}\n
\n \n {/* \n \n {\n setOrderDetails({\n ...orderDetails,\n commencementDate: e.target.value\n });\n }}\n />\n \n \n \n {\n setOrderDetails({\n ...orderDetails,\n orderDate: e.target.value\n });\n }}\n />\n \n
\n \n \n \n {\n setOrderDetails({\n ...orderDetails,\n orderNumber: e.target.value\n });\n }}\n />\n \n
*/}\n \n \n \n option}\n onChange={(event, newValue) => {\n setOrderDetails({\n ...orderDetails,\n initialTerm: newValue\n });\n }}\n customListRender={(option) => (\n \n {option}\n \n )}\n />\n \n
\n \n \n \n \n \n {getCurrencySymbol('United Kingdom')}\n \n \n }\n onValueChange={(values) => {\n const { value } = values;\n setCanonicalResellerCharges({\n ...canonicalResellerCharges,\n serviceCharge: value\n });\n }}\n isAllowed={maxAmount}\n aria-describedby=\"outlined-weight-helper-text\"\n labelWidth={0}\n required\n className={styles.amountInput}\n />\n \n \n \n \n \n {getCurrencySymbol('United Kingdom')}\n \n \n }\n onValueChange={(values) => {\n const { value } = values;\n setCanonicalResellerCharges({\n ...canonicalResellerCharges,\n merchantSetupCharge: value\n });\n }}\n isAllowed={maxAmount}\n aria-describedby=\"outlined-weight-helper-text\"\n labelWidth={0}\n required\n className={styles.amountInput}\n />\n \n
\n \n \n \n \n \n {getCurrencySymbol('United Kingdom')}\n \n \n }\n onValueChange={(values) => {\n const { value } = values;\n setCanonicalResellerCharges({\n ...canonicalResellerCharges,\n fixedCharge: value\n });\n }}\n isAllowed={maxAmount}\n aria-describedby=\"outlined-weight-helper-text\"\n labelWidth={0}\n required\n className={styles.amountInput}\n />\n \n \n \n \n \n {getCurrencySymbol('United Kingdom')}\n \n \n }\n onValueChange={(values) => {\n const { value } = values;\n setCanonicalResellerCharges({\n ...canonicalResellerCharges,\n ratePerTransaction: value\n });\n }}\n isAllowed={maxAmount}\n aria-describedby=\"outlined-weight-helper-text\"\n labelWidth={0}\n required\n className={styles.amountInput}\n />\n \n
\n \n \n \n {fileName} \n \n \n
\n )}\n \n \n isDataEntered && !(merchantStatus === MerchantStatus.ACTIVE)\n ? setIsBackButtonClicked(true)\n : setRoute('home')\n }\n />\n \n \n
\n {pageHeader}
\n\n \n \n \n \n \n {\n setCanonicalMerchantdetails({\n ...canonicalMerchantDetails,\n externalMID: parseInt(e.target.value)\n });\n }}\n labelWidth={0}\n disabled={merchantStatus === MerchantStatus.ACTIVE}\n />\n \n \n \n \n \n \n {\n setCanonicalMerchantdetails({\n ...canonicalMerchantDetails,\n externalContactName: e.target.value\n });\n }}\n disabled={merchantStatus === MerchantStatus.ACTIVE}\n />\n \n \n \n {\n setCanonicalMerchantdetails({\n ...canonicalMerchantDetails,\n externalMerchantPhone: phoneNumberValidator(mobileNumber)\n });\n }}\n name=\"Mobile Number\"\n disabled={merchantStatus === MerchantStatus.ACTIVE}\n />\n \n {\n setCanonicalMerchantdetails({\n ...canonicalMerchantDetails,\n externalMerchantEmail: e.target.value.toLowerCase()\n });\n }}\n disabled={merchantStatus === MerchantStatus.ACTIVE}\n />\n {\n setCanonicalMerchantdetails({\n ...canonicalMerchantDetails,\n websiteUrl: value\n });\n }}\n disabled={merchantStatus === MerchantStatus.ACTIVE}\n />\n \n \n option?.name === value?.name}\n options={businessDescriptions}\n getOptionLabel={(option) => option.name}\n onChange={(event, newValue) => {\n if (newValue) {\n setCanonicalMerchantdetails({\n ...canonicalMerchantDetails,\n businessDescription: newValue.id,\n mccCode: newValue.mccCode\n });\n setBusinessDescriptionSearchString(newValue);\n } else {\n setCanonicalMerchantdetails({\n ...canonicalMerchantDetails,\n businessDescription: '',\n mccCode: ''\n });\n setBusinessDescriptionSearchString({ name: '' });\n }\n }}\n customListRender={(option) => {\n return (\n \n {option.name}\n \n );\n }}\n disabled={merchantStatus === MerchantStatus.ACTIVE}\n />\n \n
\n \n \n \n {\n setCanonicalMerchantdetails({\n ...canonicalMerchantDetails,\n externalLegalName: e.target.value.replace(/[^\\w\\s]/gi, ''),\n externalMerchantName: isLegalNameSameAsTradingName\n ? e.target.value.replace(/[^\\w\\s]/gi, '')\n : ' '\n });\n }}\n disabled={merchantStatus === MerchantStatus.ACTIVE}\n />\n \n \n {\n setIsLegalNameSameAsTradingName(e.target.checked);\n if (e.target.checked) {\n setCanonicalMerchantdetails({\n ...canonicalMerchantDetails,\n externalMerchantName:\n canonicalMerchantDetails.externalLegalName\n });\n } else {\n setCanonicalMerchantdetails({\n ...canonicalMerchantDetails,\n externalMerchantName: ''\n });\n }\n }}\n disabled={merchantStatus === MerchantStatus.ACTIVE}\n />\n }\n label=\"Trading name is the same as legal name\"\n labelPlacement=\"end\"\n />\n \n\n \n \n {\n setCanonicalMerchantdetails({\n ...canonicalMerchantDetails,\n externalMerchantName: e.target.value.replace(/[^\\w\\s]/gi, '')\n });\n }}\n disabled={\n merchantStatus === MerchantStatus.ACTIVE || isLegalNameSameAsTradingName\n }\n />\n \n\n \n \n {\n setCanonicalMerchantdetails({\n ...canonicalMerchantDetails,\n externalMidPostCode: postCode\n });\n }}\n disabled={merchantStatus === MerchantStatus.ACTIVE}\n onAddressObjectChange={(addressData) =>\n selectAddressData(\n addressData,\n setCanonicalMerchantdetails,\n canonicalMerchantDetails\n )\n }\n />\n \n \n \n {\n setCanonicalMerchantdetails({\n ...canonicalMerchantDetails,\n externalMidAddressLine1: e.target.value\n });\n }}\n disabled={merchantStatus === MerchantStatus.ACTIVE}\n />\n \n \n \n {\n setCanonicalMerchantdetails({\n ...canonicalMerchantDetails,\n externalMidAddressLine2: e.target.value\n });\n }}\n disabled={merchantStatus === MerchantStatus.ACTIVE}\n />\n \n\n \n \n {\n setCanonicalMerchantdetails({\n ...canonicalMerchantDetails,\n externalMidCity: e.target.value\n });\n }}\n disabled={merchantStatus === MerchantStatus.ACTIVE}\n />\n \n {\n setCanonicalMerchantdetails({\n ...canonicalMerchantDetails,\n externalMidCounty: value\n });\n }}\n disabled={merchantStatus === MerchantStatus.ACTIVE}\n />\n \n \n GBP\n \n
\n \n \n \n {\n setCanonicalResellerDetails({\n ...canonicalResellerDetails,\n postCode: postCode\n });\n }}\n onAddressObjectChange={(addressData) =>\n selectAddressData(\n addressData,\n setCanonicalResellerDetails,\n canonicalResellerDetails\n )\n }\n />\n \n \n \n {\n setCanonicalResellerDetails({\n ...canonicalResellerDetails,\n addressLine1: e.target.value\n });\n }}\n />\n \n \n \n {\n setCanonicalResellerDetails({\n ...canonicalResellerDetails,\n addressLine2: e.target.value\n });\n }}\n />\n \n \n \n {\n setCanonicalResellerDetails({\n ...canonicalResellerDetails,\n city: e.target.value\n });\n }}\n />\n \n\n \n \n {\n setCanonicalResellerDetails({\n ...canonicalResellerDetails,\n country: e.target.value\n });\n }}\n />\n \n
\n \n \n \n {\n setCanonicalResellerDetails({\n ...canonicalResellerDetails,\n primaryContactEmail: e.target.value.toLowerCase()\n });\n }}\n disabled\n classes={{ disabled: classes.disabledInput }}\n />\n \n \n \n {\n setCanonicalResellerDetails({\n ...canonicalResellerDetails,\n telNumber: phoneNumberValidator(phone)\n });\n setPhoneCountryDialCode(data.dialCode);\n }}\n inputClass={styles.phoneInput}\n name=\"phone\"\n />\n \n \n {\n setCanonicalResellerDetails({\n ...canonicalResellerDetails,\n websiteUrl: value\n });\n }}\n />\n \n
\n \n \n Update\n \n \n
\n \n \n Required format should be “https://www.sample.com\"\n \n
\n )}\n \n \n Link is invalid\n \n
\n )}\n \n \n {emailValidationMessage}\n \n
\n )}\n \n Reseller Management \n \n
\n \n \n {canonicalResellerDetails?.companyName}\n \n {canonicalResellerDetails.companyName ? (\n \n setResellerNameDialogBox(true)}\n className={styles.canonicalResellerIcon}\n />\n \n ) : null}\n
\n \n \n {canonicalResellerDetails?.primaryContactEmail}\n \n
\n \n {isLoading ? (\n \n {merchantList.length === 0 ? (\n \n
\n )}\n \n )}\n
\n \n
\n ) : (\n No merchants yet under this reseller.
\n ) : (\n \n
\n ) : (\n \n \n \n \n\n \n {(applicationStatus === DNAEventStatus.REQUEST_RAISED ||\n applicationStatus === DNAEventStatus.BACKGROUND_CHECK) && (\n \n \n
\n )}\n \n \n \n \n \n
\n )}\n \n Merchant Onboarding process has already started. Please wait for further\n update\n
\n \n {merchantData?.legalName}\n \n {merchantData.isAccountVerified &&\n merchantData.isBankAccountVerified &&\n merchantData.status === MerchantStatus.ACTIVE && (\n
\n \n \n \n Merchant ID\n :\n \n {merchantData?.MerchantId ? merchantData?.MerchantId : <>—}\n \n \n handleCopyTerminalId(merchantData?.MerchantId, 'merchant ID')\n }\n />\n \n \n \n \n Store ID\n :\n\n \n {merchantData?.thirdPartyCustomer ? merchantData?.thirdPartyCustomer : <>—}\n \n \n \n Store Key\n :\n\n —\n \n \n License Key\n :\n \n {pdqData?.licenceKey ? pdqData?.licenceKey : <>—}\n \n \n \n Acquirer MID\n :\n \n {pdqData?.acquirerMID ? pdqData?.acquirerMID : <>—}\n \n \n \n {(!dnaOnboardCurrentRequest ||\n dnaOnboardCurrentRequest === DNAOnboardStatus.COMPLETED_ONBOARDING ||\n dnaOnboardCurrentRequest === DNAOnboardStatus.CANCEL_DNA_ONBOARD ||\n (applicationStatus === DNAEventStatus.ECOM_ISSUED &&\n dnaOnboardCurrentRequest !== DNAOnboardStatus.EXTRA_PDQ)) && (\n \n \n \n )}\n
\n \n \n \n \n \n \n Type \n Date Live \n Terminal ID \n Action \n \n \n \n {pdqDevices ? (\n pdqDevices.map((row, index) => {\n return (\n \n {dnaProductType} \n {setProductTypeToBeRemoved(dnaProductType)}\n \n {formatDateTimeByFormatString(\n row.created_at,\n 'DD MMM YYYY'\n )}\n \n \n \n \n {overFlowText(row.terminal_id)}\n \n \n \n \n handleCopyTerminalId(\n row.terminal_id,\n 'terminal ID'\n )\n }\n />\n \n \n \n {\n setShow(true);\n setTerminalIdToBeRemoved(row.terminal_id);\n }}\n disabled={row.is_removed}\n >\n Remove\n \n \n \n );\n })\n ) : (\n \n \n No records found\n \n \n )}\n \n \n \n \n ) : (\n \n \n \n \n \n Application ID \n Date \n Status \n Agent Email \n Reason \n Action \n \n \n\n \n {pdqRequests.length > 0 ? (\n pdqRequests.map((row, index) => {\n return (\n <>\n \n \n \n setOpenCollapse(\n openCollapse === index ? '' : index\n )\n }\n disabled={row.statuses.length === 0}\n >\n {openCollapse === index ? (\n \n \n {row.applicationId && (\n \n \n {formatDateTimeByFormatString(\n row?.updated_at,\n 'DD MMM YYYY'\n )}\n \n \n \n \n \n \n {agentName}\n \n \n \n {row?.applicationReason} \n \n {row?.applicationStatus ===\n DNAEventStatus.REQUEST_RAISED ? (\n {\n setDnaRequest(\n DNAOnboardStatus.CANCEL_DNA_ONBOARD\n );\n setShowCancelDialog(true);\n }}\n />\n ) : null}\n \n \n \n \n \n \n \n {row.statuses.map((data) => (\n \n \n \n {formatDateTimeByFormatString(\n data.created_at,\n 'DD MMM YYYY'\n )}\n \n \n \n \n {data?.applicationReason}\n \n \n ))}\n \n \n \n \n \n \n );\n })\n ) : (\n \n \n No records found\n \n \n )}\n \n \n \n \n )}\n
\n \n \n \n {overFlowText(row.applicationId)}\n \n \n \n \n handleCopyTerminalId(\n row?.applicationId,\n 'application ID'\n )\n }\n />\n \n
\n )}\n \n {openForm && (\n setSnackMessage('')}\n >\n {snackMessage}\n \n )}\n {actionButtonSnackbarMessage && (\n setActionButtonSnackbarMessage({ type: '', message: '' })}\n >\n {actionButtonSnackbarMessage.message}\n \n )}\n
\n \n setIsRefundHappen(null)}\n type={isRefundHappen ? 'success' : 'error'}\n >\n {isRefundHappen\n ? 'Your refund request has been sent successfully.'\n : 'Your refund request has failed.'}\n \n )}\n
\n );\n};\n\nexport default DatmanResellerPaymentsListComponent;\n","import React, { useEffect, useState } from 'react';\nimport moment from 'moment';\nimport PropTypes from 'prop-types';\nimport DatmanResellerPaymentsListComponent from './datman-reseller-payments-list.component';\nimport { PaymentsService } from 'services';\nimport { useGlobalStateContext } from 'contexts';\n\nconst DatmanResellerPaymentsList = (props) => {\n const [error, setError] = useState(false);\n const [payments, setPayments] = useState([]);\n const [total, setTotal] = useState(null);\n const [isRefundHappen, setIsRefundHappen] = useState(null);\n const {\n loading,\n setLoading,\n dates,\n daterange,\n showAcquirer,\n acquirerName,\n selectedAcquirer,\n onAcquirerChange\n } = props;\n const { date, via } = props.transactionsListingOptions ? props.transactionsListingOptions : props.match.params;\n const { globalState } = useGlobalStateContext();\n useEffect(() => {\n const getPaymentsList = async () => {\n const isWeekly = via === 'week' ? true : false;\n const weekStart = moment(date).startOf('week').format('YYYY-MM-DD');\n let from = isWeekly ? weekStart : date;\n const paymentsList = await PaymentsService.GetPayments(globalState.merchant?.id, {\n //merchantId,\n from,\n via: via.toUpperCase()\n });\n if (paymentsList.isSuccesfully) {\n const filteredPayments = selectedAcquirer\n ? selectedAcquirer.length === 0 || selectedAcquirer.includes('SELECT ALL')\n ? paymentsList.data.payments\n : paymentsList.data.payments.filter(({ payment_provider }) =>\n selectedAcquirer.includes(payment_provider)\n )\n : paymentsList.data.payments;\n setPayments(filteredPayments);\n setTotal(paymentsList.data.total);\n setError(false);\n } else {\n setError(true);\n }\n setLoading(false);\n };\n setLoading(true);\n getPaymentsList();\n // eslint-disable-next-line\n }, [props.location.pathname, date, via, globalState.merchant, isRefundHappen, props.selectedAcquirer]);\n\n useEffect(() => {\n const getTransactions = async () => {\n try {\n let getTxnList = {\n data: { payments: [] },\n isSuccesfully: true,\n props: false\n };\n\n if (dates) {\n const promises = dates.map(async (date) => await getAllPaymentsForRange(date, getTxnList));\n await Promise.all(promises);\n\n getTxnList.data.payments = getTxnList.data.payments.filter((a) => {\n return (\n moment(a.time).isAfter(moment(daterange.start)) &&\n moment(a.time).isBefore(moment(daterange.end).add(1, 'day'))\n );\n });\n\n getTxnList.data.payments.sort((a, b) => (moment(a.time) < moment(b.time) ? 1 : -1));\n setPayments(getTxnList.data.payments);\n setTotal(getTxnList.data.total);\n }\n } catch {\n setError(true);\n }\n setLoading(false);\n };\n setLoading(true);\n getTransactions();\n // eslint-disable-next-line\n }, [dates, daterange]);\n\n async function getAllPaymentsForRange(date, getTxnList) {\n const data = {\n from: date.from,\n to: date.to,\n via: 'RANGE'\n };\n const response = await PaymentsService.GetPayments(globalState.merchant?.id, data);\n if (!response.isSuccesfully) {\n getTxnList.isSuccesfully = response.isSuccesfully;\n }\n getTxnList.data.payments = [...getTxnList.data.payments, ...response.data.payments];\n }\n\n return (\n \n
\n {\n //remove false when modify api to get timeline details method\n false && (\n \n
\n \n
\n \n \n Payment\n \n {payment.id}\n \n \n {isCopyAlertOpen && (\n \n Successfully copied the payment reference id.\n \n )}\n
\n \n \n {getCurrencySymbol(globalState.merchant?.country)}\n \n {payment.total}\n \n {getCurrencyThreeAlpha(globalState.merchant?.country)}\n \n
\n \n {\n //remove false when modify api to get payment method\n false && (\n \n \n )\n }\n {\n //remove false when modify api to get risk parameter\n false && (\n \n \n )\n }\n
\n \n Payment method\n
\n \n {payment.method}\n
\n \n Risk\n
\n \n {payment.risk}\n
\n \n \n \n
\n )\n }\n {mediaLessThan600px ? (\n \n \n Timeline\n \n \n }>\n Add note\n \n \n
\n \n {payment.timeline &&\n payment.timeline.map((timeline) => {\n return (\n
\n \n \n {formatDateTimeByFormatString(\n timeline.created_at,\n 'DD MMM HH:mm'\n )}\n \n
\n );\n })}\n \n
\n \n \n \n \n
\n \n \n
\n ) : (\n \n \n Payment details\n \n
\n \n \n \n \n
\n \n \n
\n )}\n {mediaLessThan600px ? (\n \n \n Payment details\n \n
\n \n \n \n \n
\n \n \n
\n ) : (\n \n \n Customer Details\n \n
\n \n \n \n \n
\n \n \n
\n )}\n {isAdmin &&\n (mediaLessThan600px ? (\n \n \n Customer Details\n \n
\n \n \n \n \n
\n \n \n
\n ) : (\n \n \n Additional Information\n \n
\n \n \n \n \n
\n \n \n
\n ))}\n \n \n Additional Information\n \n
\n \n \n \n {showInvoiceStatus ? (\n Do you want to enable Invoice for this merchant? \n ) : (\n Do you want to disable Invoice for this merchant? \n )}\n \n \n {\n setShowInvoiceUpdateDialogBox(false);\n }}\n color=\"primary\"\n variant=\"outlined\"\n className={styles.leavebtn}\n >\n Cancel\n \n showInvoiceUpdateInitiated(showInvoiceStatus)}\n color=\"primary\"\n className={styles.dilogbtn}\n >\n Continue\n \n \n
\n ) : null}\n \n \n \n \n \n \n \n \n {\n //\n // setTestModeReject(false);\n setShowInvoiceUpdateDialogBox(true);\n setShowInvoiceUpdate(true);\n if (e.target.value === 'true') {\n setShowInvoiceStatus(true);\n } else {\n setShowInvoiceStatus(false);\n }\n }}\n >\n }\n >\n \n \n \n \n \n \n
\n\n \n \n \n
\n );\n};\n\nexport default ExportPDF;\n","import React from 'react';\nimport style from './print-agreement.module.scss';\n\nimport { TableContainer, Table, Paper, TableRow, TableCell, Tooltip } from '@material-ui/core';\nimport { Col, Row } from 'react-bootstrap';\nimport { LoadingScreen, ExportPDF } from 'components';\nimport { ResellerLogoMap } from 'utils/enums/ResellerLogoMap';\nimport { useGlobalStateContext } from 'contexts';\nimport { getCurrencySymbol } from 'utils/getCurrencyByCountry';\nconst PrintAgreementComponent = (props) => {\n const {\n merchant,\n contractDetails,\n isLoading,\n merchantTradingAddress,\n merchantMobile,\n companyAddress,\n ownerName\n } = props;\n const { globalState } = useGlobalStateContext();\n const addressLine1 = merchantTradingAddress?.addressLine1 ? merchantTradingAddress?.addressLine1 : '__';\n const addressLine2 = merchantTradingAddress?.addressLine2 ? merchantTradingAddress?.addressLine2 : '__';\n const city = merchantTradingAddress?.city ? merchantTradingAddress?.city : '__';\n const postCode = merchantTradingAddress?.postCode ? merchantTradingAddress?.postCode : '__';\n let merchantName = merchant.name.length > 40 ? merchant.name.slice(0, 40) + '...' : merchant.name;\n let addressLine1Header = addressLine1?.length > 40 ? addressLine1?.slice(0, 40) + '...' : addressLine1;\n let addressLine2Header = addressLine2?.length > 40 ? addressLine2?.slice(0, 40) + '...' : addressLine2;\n let cityHeader = city?.length > 40 ? city?.slice(0, 40) : city;\n\n return (\n Engagement of services
\n\n
\n \n \n
\n
\n
\n
{postCode}
\n \n\n
\n \n \n {\n setNewMid(e.target.value);\n }}\n labelWidth={0}\n required\n />\n
\n \n
\n \n \n {\n if (newValue) setFromDate(newValue['$d']);\n }}\n onError={console.log}\n inputFormat=\"DD/MM/YYYY HH:mm\"\n renderInput={(params) => (\n \n
\n From
\n\n \n {\n if (newValue) setToDate(newValue['$d']);\n }}\n onError={console.log}\n inputFormat=\"DD/MM/YYYY HH:mm\"\n renderInput={(params) => (\n \n\n {/* \n {\n if (newValue) setToDate(newValue['$d']);\n }}\n maxDate={new Date()}\n minDate={fromDate}\n renderInput={(params) => (\n */}\n
\n To
\nAn error occurred, please try reloading your browser.
\n ) : (\n No pending data
\n ) : (\n \n \n \n
\n \n );\n};\n\nexport default BannerComponent;\n","import React from 'react';\nimport BannerComponent from './banner.component';\n\nconst Banner = (props) => {\n return \n
\n {message}
\n \n \n (\n \n {\n event.stopPropagation();\n onChange(null);\n }}\n >\n \n
\n );\n};\n\nexport default DatePickerComponent;\n","import React, { useState, useEffect } from 'react';\nimport DatePickerComponent from './date-picker.component';\n\nimport moment from 'moment';\n\nfunction DatePicker(props) {\n const { value, minDate } = props;\n const [error, setError] = useState(false);\n useEffect(() => {\n if (value && minDate && moment(value).isBefore(moment(minDate))) {\n setError(true);\n } else {\n setError(false);\n }\n }, [value, minDate]);\n\n return {label}
\n handleFilter(headCell.id)}>\n \n \n {headCell.label}\n {headCell.childLabel ? (\n
\n \n ) : !headCell.hideSortingIcon ? (\n \n {headCell.childLabel}
\n ) : null}\n \n \n {headCell.childLabel}
\n ) : null}\n \n {orderBy === headCell.id ? (\n \n {order === 'desc' ? 'sorted descending' : 'sorted ascending'}\n \n ) : null}\n \n {headCell.childLabel}
: null}\n \n )}\n \n )\n )}\n \n Total Transactions Value: \n \n {formatCurrency(total, getCurrencyThreeAlpha(globalState.merchant?.country))}\n \n
\n ) : filter === PaymentsFilterTabs.Refunded || filter === PdqFilterTabs.Refunded ? (\n \n Total Refunds Value: \n \n {formatCurrency(refund, getCurrencyThreeAlpha(globalState.merchant?.country))}\n \n
\n ) : (\n \n
\n ))}\n \n Total Transactions Value: \n \n {formatCurrency(\n total,\n getCurrencyThreeAlpha(globalState.merchant?.country)\n )}\n \n
\n {(path === 'payments' || path === 'pdq' || path === 'gfo-payments') && (\n \n Total Refunds Value: \n \n {formatCurrency(\n refund,\n getCurrencyThreeAlpha(globalState.merchant?.country)\n )}\n \n
\n )}\n \n setTabFilterValue(newValue)}\n >\n {tabList &&\n Object.entries(tabList).map(([key, value], i) =>
\n );\n};\n\nexport default FilterTabsComponent;\n\nFilterTabsComponent.propTypes = {\n tabFilterValue: PropTypes.string.isRequired,\n setTabFilterValue: PropTypes.func.isRequired,\n tabList: PropTypes.object.isRequired\n};\n","import React from 'react';\n\nimport FilterTabsComponent from './filter-tabs.component.jsx';\n\nconst FilterTabs = (props) => {\n return \n
\n ) : ( */}\n \n {\n setRoute('/home');\n }}\n />\n
\n {globalState.user && (\n \n setShow(true)}\n />\n setShow(false)} />\n
\n )}\n \n {\n setGlobalState({\n ...globalState,\n shouldCheckForUrgentMessages: !globalState.shouldCheckForUrgentMessages\n });\n if (timeOut) {\n localStorage.setItem('skip_clicked', moment().format('DD-MM-YYYY hh:mm:ss'));\n }\n setRoute('/home');\n }}\n >\n \n
\n \n {showBanner && !mediaLessThan960px && (\n
\n \n \n \n \n
\n )}\n \n To make sure your details are up to date, please complete the details\n highlighted in red\n
\n \n \n Refund Transaction\n \n \n {error ? (\n \n {errorMessage}\n \n ) : null}\n \n \n Refunds will take 3-5 days to reach customer's account.\n \n \n \n \n \n \n Cancel\n \n \n \n \n Refund\n \n \n \n \n
\n ) : (\n \n \n \n \n \n \n \n setRefundAmount(e.target.value)}\n onInput={onInput}\n endAdornment={\n \n {currencyCode ||\n getCurrencyThreeAlpha(globalState.merchant?.country)}\n \n }\n inputMode=\"numeric\"\n type=\"number\"\n min=\"0\"\n required\n disabled\n />\n \n \n \n \n \n \n \n \n setReason(e.target.value)}\n row\n className={styles.radioButtons}\n >\n {refundReason.map((reason) => {\n return (\n \n \n {reason === 'Other' ? (\n setOtherReason(e.target.value)}\n variant=\"outlined\"\n />\n ) : null}\n \n \n \n \n
\n \n {!noTabs && (\n \n {loading ? (\n \n \n ) : error ? (\n \n {!rows || rows.length === 0 ? (\n \n \n \n \n {stableSort(\n rowsPerPage > 0\n ? rows.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage)\n : rows,\n getComparator(order, orderBy)\n ).map((row, index) => {\n const labelId = `enhanced-table-checkbox-${index}`;\n let transactionDetails = _.compact([\n _.compact([row.firstname?.trim(), row.lastname?.trim()]).join(' '),\n row.address?.trim()\n ]).join(' - ');\n\n return (\n \n \n \n setRoute(`/payment-details/${row.id}`, {\n payment: row\n })\n }\n >\n {row.refund === '' ? (\n \n {formatCurrency(\n row.total,\n getCurrencyThreeAlpha(\n globalState.merchant?.country\n )\n )}\n \n ) : (\n \n \n {formatCurrency(\n row.total,\n getCurrencyThreeAlpha(\n globalState.merchant?.country\n )\n )}\n \n \n )}\n \n {/* \n setRoute(`/payment-details/${row.id}`, {\n payment: row\n })\n }\n >\n {row.description || '-'}\n */}\n {!mediaLessThan600px && (\n \n setRoute(`/payment-details/${row.id}`, {\n payment: row\n })\n }\n >\n {row.refund ? (\n \n setRoute(`/payment-details/${row.id}`, {\n payment: row\n })\n }\n >\n {formatDateTimeByFormatString(row.time, 'DD MMM HH:mm')}\n \n {!isRefundedTransaction &&\n (hidePaymentActions ||\n row.total <= 0 ||\n row.payed <= 0 ||\n !row.order_id ||\n row.refund ? (\n \n {\n showTransactionRefund(row);\n }}\n disabled={\n globalState.merchant.status ===\n MerchantStatus.WATCHLIST\n }\n >\n \n \n setRoute(`/payment-details/${row.id}`, {\n payment: row\n })\n }\n >\n {row.refund ? (\n \n )}\n \n );\n })}\n \n \n \n \n \n {rows.length > rowsPerPage && (\n \n \n \n\n \n \n )}\n \n )}\n \n
\n );\n}\n\nGfoPaymentsListTableComponent.propTypes = {\n rows: PropTypes.array.isRequired,\n statusFilter: PropTypes.string.isRequired,\n setStatusFilter: PropTypes.func.isRequired,\n order: PropTypes.string.isRequired,\n orderBy: PropTypes.string.isRequired,\n loading: PropTypes.bool.isRequired,\n error: PropTypes.bool.isRequired,\n setPayment: PropTypes.func,\n formatRefundReasonAndAmountString: PropTypes.func,\n noTabs: PropTypes.bool\n};\n","export const GfoPaymentsFilterTabs = {\n Successful: 'Sent',\n Refunded: 'Refunded',\n All: 'all'\n};\n","import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport GfoPaymentsListTableComponent from './gfo-payment-list-table.component';\nimport { useGlobalStateContext } from 'contexts';\nimport { useMediaQuery } from '@material-ui/core';\nimport { GfoPaymentsFilterTabs } from '../../../../utils/enums/GfoPaymentsFilterTabs';\nexport default function GfoPaymentsListTable(props) {\n const { gfoPayments, loading, channelFilter, error, noTabs, setIsRefundHappen } = props;\n const [rows, setRows] = useState([]);\n const [order, setOrder] = React.useState('desc');\n const [orderBy, setOrderBy] = React.useState('time');\n const [statusFilter, setStatusFilter] = useState(\n noTabs ? GfoPaymentsFilterTabs.All : GfoPaymentsFilterTabs.Successful\n );\n const paymentProvider = ['CHECKOUT-GFO', 'ADYEN'];\n const [show, setShow] = useState(false);\n const [payment, setPayment] = useState({});\n const [total, setTotal] = useState();\n const { globalState } = useGlobalStateContext();\n const mediaLessThan600px = useMediaQuery('(max-width:599px)');\n const [isRefundedTransaction, setIsRefundedTransaction] = useState(false);\n const [page, setPage] = useState(0);\n const [refundValue, setRefundValue] = useState();\n useEffect(() => {\n setPage(0);\n let dataRows = gfoPayments;\n dataRows =\n channelFilter !== 'All'\n ? gfoPayments.filter(\n (payment) => payment.channel.replace(/\\s/g, '').toLowerCase() === channelFilter.toLowerCase()\n )\n : gfoPayments;\n let totalPayment = 0;\n let refund = 0;\n if (statusFilter === GfoPaymentsFilterTabs.Successful) {\n dataRows = dataRows.filter((payment) => !(Number(payment.total) <= 0 && payment.refund));\n setIsRefundedTransaction(false);\n } else if (statusFilter === GfoPaymentsFilterTabs.Refunded) {\n dataRows = dataRows.filter((payment) => Number(payment.total) <= 0 && payment.refund);\n setIsRefundedTransaction(true);\n } else {\n setIsRefundedTransaction(false);\n }\n const gfoTransactions = dataRows.filter((row) => paymentProvider.includes(row.payment_provider));\n gfoTransactions.filter((payment) => {\n if (!(Number(payment.total) <= 0 && payment.refund))\n return (totalPayment = totalPayment + Number(payment.total));\n else {\n return (refund = refund + Number(payment.total));\n }\n }, 0);\n setRows(gfoTransactions);\n setTotal(totalPayment);\n setRefundValue(refund);\n //eslint-disable-next-line\n }, [gfoPayments, statusFilter, channelFilter]);\n\n const handleRequestSort = (event, property) => {\n const isAsc = orderBy === property && order === 'asc';\n setOrder(isAsc ? 'desc' : 'asc');\n setOrderBy(property);\n };\n\n const showTransactionRefund = (rowData) => {\n setShow(true);\n setPayment(rowData);\n };\n const formatRefundReasonAndAmountString = (str) => {\n str = str.replace('£', '');\n str = str.replace('\\\\n', '');\n str = str.replace('\\\\n', '');\n str = str.replace('An error occurred, please try reloading your browser.
\n ) : (\n No transactions.
\n ) : (\n \n {formatRefundReasonAndAmountString(\n row.refund\n )}\n {transactionDetails && (\n <>\n
\n {transactionDetails}\n \n )}\n
\n ) : (\n \n {transactionDetails}\n \n )}\n
\n {transactionDetails ? (\n {transactionDetails}\n ) : (\n —\n )}\n
\n )}\n \n )}\n \n {formatRefundReasonAndAmountString(\n row.refund\n )}\n {transactionDetails && (\n <>\n
\n {transactionDetails}\n \n )}\n
\n ) : (\n \n {transactionDetails}\n \n )}\n
\n {transactionDetails ? (\n {transactionDetails}\n ) : (\n —\n )}\n
\n )}\n \n ', '');\n str = str.replace('because', ' - ');\n let arr = str.split('.');\n let str2 = `${arr[0]}.${arr[1] ? arr[1] : ''}`;\n return str2;\n };\n\n let headCells = [\n {\n id: 'total',\n numeric: true,\n disablePadding: false,\n label: isRefundedTransaction ? 'Refunded amount' : 'Amount'\n },\n // { id: 'description', numeric: false, disablePadding: false, label: 'Description' },\n {\n id: 'transaction details',\n numeric: false,\n disablePadding: false,\n label: 'Transaction details',\n hideSortingIcon: true,\n notShow: mediaLessThan600px\n },\n { id: 'time', numeric: false, disablePadding: false, label: 'Date' },\n { id: 'refund', numeric: false, disablePadding: false, label: 'Refund', hideSortingIcon: true }\n ];\n if (isRefundedTransaction) {\n headCells = headCells.filter((headCellObj) => headCellObj.id !== 'refund');\n }\n if (globalState.merchant?.userRole === 'User') {\n headCells = headCells.filter((headCellObj) => headCellObj.id !== 'refund');\n }\n\n return (\n
\n \n {loading ? (\n \n \n ) : error ? (\n \n {!rows || rows.length === 0 ? (\n selectedAcquirer?.length === 0 || selectedAcquirer?.length === acquirerName?.length ? (\n \n \n \n \n {stableSort(\n rowsPerPage > 0\n ? rows.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage)\n : rows,\n getComparator(order, orderBy)\n ).map((row, index) => {\n const labelId = `enhanced-table-checkbox-${index}`;\n let transactionDetails = hideSensitiveDetails\n ? 'REDACTED'\n : _.compact([\n _.compact([row.firstname?.trim(), row.lastname?.trim()]).join(\n ' '\n ),\n row.address?.trim()\n ]).join(' - ');\n return (\n \n \n handleClick(row)}\n >\n {row.refund === '' ? (\n \n {formatCurrency(\n row.total,\n getCurrencyThreeAlpha(\n globalState.merchant?.country\n )\n )}\n \n ) : (\n \n \n {formatCurrency(\n row.total,\n getCurrencyThreeAlpha(\n globalState.merchant?.country\n )\n )}\n \n \n )}\n \n handleClick(row)}\n >\n {row.merchant_name}\n \n\n {/* \n setRoute(`/payment-details/${row.id}`, {\n payment: row\n })\n }\n >\n {row.description || '-'}\n */}\n {!mediaLessThan600px && (\n handleClick(row)}\n >\n {row.refund ? (\n handleClick(row)}\n >\n {+row.total < 0 ? (\n \n {filterRefundDescription(row.refund) || '-'}\n \n ) : row.more_info ? (\n row.more_info\n ) : (\n —\n )}\n \n {showAcquirer && (\n handleClick(row)}\n >\n {row.payment_provider}\n \n )}\n handleClick(row)}\n >\n {formatDateTimeByFormatString(row.time, 'DD MMM HH:mm')}\n \n \n {mediaLessThan600px && (\n \n handleClick(row)}\n >\n {row.refund ? (\n \n )}\n \n );\n })}\n \n \n \n \n \n {rows.length > rowsPerPage && (\n \n \n \n\n \n \n )}\n \n )}\n \n
\n );\n}\n\nDatmanResellerPaymentsListTableComponent.propTypes = {\n rows: PropTypes.array.isRequired,\n statusFilter: PropTypes.string.isRequired,\n setStatusFilter: PropTypes.func.isRequired,\n order: PropTypes.string.isRequired,\n orderBy: PropTypes.string.isRequired,\n loading: PropTypes.bool.isRequired,\n error: PropTypes.bool.isRequired,\n setPayment: PropTypes.func,\n formatRefundReasonAndAmountString: PropTypes.func,\n noTabs: PropTypes.bool,\n showAcquirer: PropTypes.bool\n};\n","export const DatmanResellerPaymentsFilterTabs = {\n Successful: 'Sent',\n All: 'all'\n};\n","import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport DatmanResellerPaymentsListTableComponent from './datman-reseller-payments-list-table.component.jsx';\nimport { DatmanResellerPaymentsFilterTabs } from '../../../../utils/enums/DatmanResellerPaymentsFilterTabs';\nimport { useGlobalStateContext } from 'contexts';\nimport { useMediaQuery } from '@material-ui/core';\nimport { cleverTapClick } from 'utils/helper.js';\n\nconst DatmanResellerPaymentsListTable = (props) => {\n const {\n payments,\n loading,\n channelFilter,\n error,\n noTabs,\n setIsRefundHappen,\n showAcquirer,\n acquirerName,\n selectedAcquirer,\n onAcquirerChange\n } = props;\n const [rows, setRows] = useState([]);\n const [order, setOrder] = React.useState('desc');\n const [orderBy, setOrderBy] = React.useState('time');\n const defaultFilter = noTabs ? DatmanResellerPaymentsFilterTabs.All : DatmanResellerPaymentsFilterTabs.Successful;\n const [statusFilter, setStatusFilter] = useState(defaultFilter);\n const [show, setShow] = useState(false);\n const [payment, setPayment] = useState({});\n const [total, setTotal] = useState();\n const { globalState, setRoute } = useGlobalStateContext();\n const [page, setPage] = useState(0);\n const [refundValue, setRefundValue] = useState();\n const mediaLessThan600px = useMediaQuery('(max-width:599px)');\n useEffect(() => {\n let dataRows = payments;\n dataRows =\n channelFilter !== 'All'\n ? payments.filter(\n (payment) => payment.channel.replace(/\\s/g, '').toLowerCase() === channelFilter.toLowerCase()\n )\n : payments;\n\n const allTransactions = dataRows.filter((row) => row.payment_provider !== 'ADYEN');\n setRows(allTransactions);\n\n let totalPaymentValue = 0;\n let refund = 0;\n\n for (let i = 0; i < payments.length; i += 1) {\n if (payments[i].refund && payments[i].total < 0) {\n const splitRefundReason = payments[i].refund?.split(' - Refunded ');\n // eslint-disable-next-line no-unused-vars\n const [refundDescription, refundAmount] = splitRefundReason;\n // eslint-disable-next-line no-unused-vars\n const [partA, partB] = payments[i].refund?.split('because');\n // eslint-disable-next-line no-unused-vars\n const [transaction_partA, transaction_amount] = partA?.split('£ ');\n const formatedAmount = transaction_amount ? transaction_amount.trim() : 0.0;\n if (refundAmount) refund = parseFloat(refund) + parseFloat(refundAmount);\n else refund = parseFloat(refund) + parseFloat(formatedAmount);\n } else if (payments[i].total > 0) {\n totalPaymentValue += parseFloat(payments[i].total);\n }\n }\n\n setTotal(totalPaymentValue);\n setRefundValue(refund);\n setPage(0);\n // eslint-disable-next-line\n }, [payments, statusFilter, channelFilter]);\n\n const handleRequestSort = (event, property) => {\n const isAsc = orderBy === property && order === 'asc';\n setOrder(isAsc ? 'desc' : 'asc');\n setOrderBy(property);\n };\n\n const showTransactionRefund = (rowData) => {\n const data = {\n refund_amount: rowData.total,\n time_stamp: new Date()\n };\n cleverTapClick('Refund_list_click', globalState, data);\n setShow(true);\n setPayment(rowData);\n };\n const formatRefundReasonAndAmountString = (str) => {\n str = str.replace('£', '');\n str = str.replace('\\\\n', '');\n str = str.replace('\\\\n', '');\n str = str.replace('\n {!noTabs &&
\n An error occurred, please try reloading your browser.
\n ) : (\n No transactions.
\n ) : (\n \n No results available for this filter.\n \n Remove all filters\n \n
\n )\n ) : (\n \n {formatRefundReasonAndAmountString(\n row.refund\n )}\n {transactionDetails && (\n <>\n
\n {transactionDetails}\n \n )}\n
\n ) : (\n \n {transactionDetails}\n \n )}\n
\n {transactionDetails ? (\n {transactionDetails}\n ) : (\n —\n )}\n
\n )}\n \n )}\n \n {formatRefundReasonAndAmountString(\n row.refund\n )}\n {transactionDetails && (\n <>\n
\n {transactionDetails}\n \n )}\n
\n ) : (\n \n {transactionDetails}\n \n )}\n
\n {transactionDetails ? (\n {transactionDetails}\n ) : (\n —\n )}\n
\n )}\n \n ', '');\n str = str.replace('because', ' - ');\n let arr = str.split('.');\n let str2 = `${arr[0]}.${arr[1] ? arr[1] : ''}`;\n return str2;\n };\n\n let headCells = [\n {\n id: 'total',\n numeric: true,\n disablePadding: false,\n label: 'Amount'\n },\n {\n id: 'merchant_name',\n numeric: false,\n disablePadding: false,\n label: 'Merchant name'\n },\n {\n id: 'transaction details',\n numeric: false,\n disablePadding: false,\n label: 'Transaction details',\n hideSortingIcon: true\n },\n {\n id: 'description',\n numeric: false,\n disablePadding: false,\n label: 'Description',\n hideSortingIcon: true,\n notShow: mediaLessThan600px\n },\n {\n id: 'payment_provider',\n numeric: false,\n disablePadding: false,\n label: 'Acquirer ID',\n notShow: !showAcquirer\n },\n { id: 'time', numeric: false, disablePadding: false, label: 'Date' },\n // { id: 'refund', numeric: false, disablePadding: false, label: 'Refund', hideSortingIcon: true },\n {\n id: 'payment_status',\n numeric: false,\n disablePadding: false,\n label: 'Status',\n hideSortingIcon: true,\n notShow: statusFilter !== DatmanResellerPaymentsFilterTabs.All\n }\n ];\n\n if (globalState.merchant?.userRole === 'User') {\n headCells = headCells.filter((headCellObj) => headCellObj.id !== 'refund');\n }\n const handleClick = (value) => {\n setRoute(`/payment-details/${value.id}`, {\n payment: value\n });\n const data = {\n time_stamp: new Date(),\n transactin_id: value.id\n };\n cleverTapClick('Txn_click', globalState, data);\n };\n const clearFilter = () => {\n onAcquirerChange(acquirerName);\n sessionStorage.setItem('selectedAcquirer', JSON.stringify([]));\n };\n return (\n
\n {!noTabs && (\n \n {loading ? (\n \n \n ) : error ? (\n \n {via === 'year' || via === 'all' ? (\n \n \n \n \n {stableSort(\n rowsPerPage > 0\n ? rows.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage)\n : rows,\n getComparator(order, orderBy)\n ).map((row, index) => {\n const labelId = `enhanced-table-checkbox-${index}`;\n let transactionDetails = hideSensitiveDetails\n ? 'REDACTED'\n : _.compact([\n _.compact([row.firstname?.trim(), row.lastname?.trim()]).join(\n ' '\n ),\n row.address?.trim()\n ]).join(' - ');\n let giftCardEnable = _.pick(row, [\n 'TxnReference',\n 'provider',\n 'origin',\n 'payment_status',\n 'total'\n ]);\n let chipTexts = getChipLabel(giftCardEnable);\n let giftCardExits =\n row.provider === PaymentProvider.GIFT_CARD ||\n giftCardEnable.TxnReference?.startsWith('OGC') ||\n giftCardEnable.TxnReference?.startsWith('GC');\n\n return (\n \n \n handleClick(row)}\n >\n {row.refund === '' ? (\n \n {formatCurrency(\n row.total,\n getCurrencyThreeAlpha(\n globalState.merchant?.country\n )\n )}\n \n ) : (\n \n \n {formatCurrency(\n row.total,\n getCurrencyThreeAlpha(\n globalState.merchant?.country\n )\n )}\n \n \n )}\n \n {showMerchantName && (\n handleClick(row)}\n >\n {row.merchant_name}\n \n )}\n {/* \n setRoute(`/payment-details/${row.id}`, {\n payment: row\n })\n }\n >\n {row.description || '-'}\n */}\n {!mediaLessThan600px && (\n handleClick(row)}\n >\n {row.refund ? (\n handleClick(row)}\n >\n {+row.total < 0 ? (\n \n {filterRefundDescription(row.refund) || '-'}\n \n ) : row.more_info ? (\n filterDescription(row.more_info)\n ) : row.description ? (\n row.description\n ) : (\n —\n )}\n \n )}\n {showAcquirer && (\n handleClick(row)}\n >\n {row.payment_provider}\n \n )}\n handleClick(row)}\n >\n {formatDateTimeByFormatString(row.time, 'DD MMM HH:mm')}\n \n {!isRefundedTransaction &&\n (hidePaymentActions ||\n row.total <= 0 ||\n row.payed <= 0 ||\n !row.order_id ||\n (row.payment_status\n ? row.payment_status !== 'OK'\n : false) ||\n row.payment_provider ===\n AcquirersNameMap.VOUCHER_CREDIT ||\n row.refund ? (\n \n {isSuperAdmin &&\n !showCancelButton(\n row.firstname,\n row.lastname\n ) &&\n voidableTransaction(\n row.firstname,\n row.lastname\n ) &&\n !showCancelBtn && (\n {\n showTransactionRefund(row);\n }}\n >\n \n handleVoidTransaction(row)\n }\n buttonText={'Confirm'}\n modalText=\"Please confirm that you want to void this transaction\"\n />\n ) : null}\n \n ) : (\n \n {!giftCardExits && (\n {\n showTransactionRefund(row);\n }}\n disabled={\n globalState.merchant.status ===\n MerchantStatus.WATCHLIST\n }\n >\n handleClick(row)}\n >\n {row.total <= 0 ? (\n \n handleClick(row)}\n >\n {row.refund ? (\n \n )}\n \n );\n })}\n {pagePath !== 'dashboard' && (\n \n \n )}\n \n {pagePath !== 'dashboard' && (\n \n \n {rows.length > rowsPerPage && (\n \n \n )}\n \n {pagePath !== 'dashboard' && (\n \n \n )}\n \n )}\n \n
\n );\n}\n\nPaymentsListTableComponent.propTypes = {\n rows: PropTypes.array.isRequired,\n statusFilter: PropTypes.string.isRequired,\n setStatusFilter: PropTypes.func.isRequired,\n order: PropTypes.string.isRequired,\n orderBy: PropTypes.string.isRequired,\n loading: PropTypes.bool.isRequired,\n error: PropTypes.bool.isRequired,\n setPayment: PropTypes.func,\n formatRefundReasonAndAmountString: PropTypes.func,\n noTabs: PropTypes.bool,\n showAcquirer: PropTypes.bool\n};\n","export const VoidablePayments = ['invoice', 'datman credit', 'setup fee'];\n\nexport const VoidedPayments = {\n VOIDED_TRANSACTION: 'returned',\n INCORRECT_TRANSACTION: 'mistakenly charged'\n};\n\nexport const VoidedPaymentsArray = Object.values(VoidedPayments);\n","import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport PaymentsListTableComponent from './payments-list-table.component.jsx';\nimport { PaymentsFilterTabs } from '../../../../utils/enums/PaymentsFilterTabs';\nimport { useGlobalStateContext } from 'contexts';\nimport { useMediaQuery } from '@material-ui/core';\nimport { ResellerType } from 'utils/enums/ResellerType.js';\nimport { cleverTapClick, merchantTypes } from 'utils/helper.js';\nimport { VoidablePayments, VoidedPaymentsArray } from 'utils/enums/VoidedPayments.js';\nimport { REACT_APP_CARD_PAYMENT_ARCHIVE_DATE } from 'utils/constants';\nimport { Messages } from 'utils/enums/messages';\n\nconst PaymentsListTable = (props) => {\n const {\n payments,\n loading,\n channelFilter,\n error,\n noTabs,\n setIsRefundHappen,\n showAcquirer,\n pagePath,\n selectedAcquirer,\n onAcquirerChange,\n acquirerName,\n via,\n handleVoidTransaction,\n showCancelBtn,\n isDateRangeArchived\n } = props;\n const [rows, setRows] = useState([]);\n const [order, setOrder] = React.useState('desc');\n const [orderBy, setOrderBy] = React.useState('time');\n const [statusFilter, setStatusFilter] = useState(noTabs ? PaymentsFilterTabs.All : PaymentsFilterTabs.Successful);\n const [isRefundedTransaction, setIsRefundedTransaction] = useState(false);\n const [show, setShow] = useState(false);\n const [payment, setPayment] = useState({});\n const [total, setTotal] = useState();\n const { globalState, setRoute } = useGlobalStateContext();\n const [page, setPage] = useState(0);\n const [refundValue, setRefundValue] = useState();\n const [snackbar, setSnackbar] = useState({ type: '', message: '' });\n const [open, setOpen] = useState(false);\n const [paymentId, setPaymentId] = useState('');\n const mediaLessThan600px = useMediaQuery('(max-width:599px)');\n const isOmnipay = globalState.reseller?.name === ResellerType.OMNIPAY;\n const isDatman = globalState.reseller?.id === 2;\n const showMerchantName = merchantTypes.includes(globalState.merchant?.merchantType);\n\n const PaymentVisibilityMessage = Messages.PAYMENT_VISIBILITY(\n moment(REACT_APP_CARD_PAYMENT_ARCHIVE_DATE).format('MMMM D, YYYY')\n );\n\n useEffect(() => {\n let dataRows = payments;\n dataRows =\n channelFilter !== 'All'\n ? payments.filter(\n (payment) => payment.channel.replace(/\\s/g, '').toLowerCase() === channelFilter.toLowerCase()\n )\n : payments;\n\n if (statusFilter === PaymentsFilterTabs.Successful) {\n isOmnipay\n ? (dataRows = dataRows.filter((payment) =>\n payment.payment_provider === 'DNA'\n ? Number(payment.total) >= 0 && payment.payment_status === 'OK'\n : Number(payment.total) >= 0\n ))\n : (dataRows = dataRows.filter(\n (payment) =>\n !((Number(payment.total) <= 0 && payment.refund) || payment.firstname.includes('Charge back'))\n ));\n }\n if (statusFilter === PaymentsFilterTabs.Refunded) {\n dataRows = dataRows.filter(\n (payment) => (Number(payment.total) <= 0 && payment.refund) || payment.firstname.includes('Charge back')\n );\n setIsRefundedTransaction(true);\n } else {\n setIsRefundedTransaction(false);\n }\n if (pagePath === 'dashboard') {\n dataRows = dataRows.slice(0, 5);\n }\n setRows(dataRows);\n\n let totalPaymentValue = 0;\n let refund = 0;\n\n for (let i = 0; i < payments.length; i += 1) {\n if ((payments[i].refund && payments[i].total < 0) || payments[i].firstname.includes('Charge back')) {\n refund = parseFloat(refund) + parseFloat(payments[i].total);\n } else if (\n isOmnipay\n ? payment.payment_provider === 'DNA'\n ? payments[i].total > 0 && payments[i].payment_status === 'OK'\n : payments[i].total > 0\n : !(Number(payment.total) <= 0 && payment.refund)\n ) {\n totalPaymentValue = parseFloat(totalPaymentValue) + parseFloat(payments[i].total);\n }\n }\n\n setTotal(totalPaymentValue);\n setRefundValue(refund);\n setPage(0);\n // eslint-disable-next-line\n }, [payments, statusFilter, channelFilter]);\n\n const handleRequestSort = (event, property) => {\n const isAsc = orderBy === property && order === 'asc';\n setOrder(isAsc ? 'desc' : 'asc');\n setOrderBy(property);\n };\n const clearFilter = () => {\n onAcquirerChange(acquirerName);\n sessionStorage.setItem('selectedAcquirer', JSON.stringify([]));\n };\n\n const showTransactionRefund = (rowData) => {\n const data = {\n refund_amount: rowData.total,\n time_stamp: new Date()\n };\n cleverTapClick('Refund_list_click', globalState, data);\n setShow(true);\n setPayment(rowData);\n };\n const formatRefundReasonAndAmountString = (str) => {\n str = str.replace('£', '');\n str = str.replace('\\\\n', '');\n str = str.replace('\\\\n', '');\n str = str.replace('An error occurred, please try reloading your browser.
\n ) : (\n To check the transaction please export
\n ) : !rows || rows.length === 0 ? (\n selectedAcquirer?.length === 0 || selectedAcquirer?.length === acquirerName?.length ? (\n \n {isDateRangeArchived ? `${PaymentVisibilityMessage}` : 'No transactions.'}\n
\n ) : isAdmin ? (\n \n No results available for this filter.\n \n Remove all filters\n \n
\n ) : (\n \n {isDateRangeArchived ? `${PaymentVisibilityMessage}` : 'No transactions.'}\n
\n )\n ) : (\n \n {formatRefundReasonAndAmountString(\n row.refund\n )}\n {transactionDetails && (\n <>\n
\n {transactionDetails}\n \n )}\n
\n ) : (\n \n {transactionDetails}\n \n )}\n
\n {transactionDetails ? (\n \n {transactionDetails}\n {giftCardExits && (\n
\n )}\n \n )}\n {!isDatman && (\n \n {formatRefundReasonAndAmountString(\n row.refund\n )}\n {transactionDetails && (\n <>\n
\n {transactionDetails}\n \n )}\n
\n ) : (\n \n {transactionDetails}\n \n )}\n
\n {transactionDetails ? (\n {transactionDetails}\n ) : (\n —\n )}\n
\n )}\n \n ', '');\n str = str.replace('because', ' - ');\n let arr = str.split('.');\n let str2 = `${arr[0]}.${arr[1] ? arr[1] : ''}`;\n return str2;\n };\n\n let headCells = [\n {\n id: 'total',\n numeric: true,\n disablePadding: false,\n label: isRefundedTransaction ? 'Refunded amount' : 'Amount'\n },\n {\n id: 'merchant_name',\n numeric: false,\n disablePadding: false,\n label: 'Merchant name',\n notShow: !showMerchantName\n },\n {\n id: 'transaction details',\n numeric: false,\n disablePadding: false,\n label: 'Transaction details',\n hideSortingIcon: true\n },\n {\n id: 'description',\n numeric: false,\n disablePadding: false,\n label: 'Description',\n hideSortingIcon: true,\n notShow: isDatman || mediaLessThan600px\n },\n {\n id: 'payment_provider',\n numeric: false,\n disablePadding: false,\n label: 'Acquirer ID',\n notShow: !showAcquirer\n },\n { id: 'time', numeric: false, disablePadding: false, label: 'Date' },\n { id: 'refund', numeric: false, disablePadding: false, label: 'Refund', hideSortingIcon: true },\n {\n id: 'payment_status',\n numeric: false,\n disablePadding: false,\n label: 'Status',\n hideSortingIcon: true,\n notShow: statusFilter !== PaymentsFilterTabs.All || !isOmnipay\n }\n ];\n if (isRefundedTransaction) {\n headCells = headCells.filter((headCellObj) => headCellObj.id !== 'refund');\n }\n\n if (globalState.merchant?.userRole === 'User') {\n headCells = headCells.filter((headCellObj) => headCellObj.id !== 'refund');\n }\n const handleClick = (value) => {\n setRoute(`/payment-details/${value.id}`, {\n payment: value\n });\n const data = {\n time_stamp: new Date(),\n transactin_id: value.id\n };\n cleverTapClick('Txn_click', globalState, data);\n };\n const voidableTransaction = (firstname, lastname) => {\n let name = `${firstname.toLowerCase()} ${lastname.toLowerCase()}`;\n return VoidablePayments.some((word) => name.includes(word));\n };\n const showCancelButton = (firstname, lastname) => {\n const foundInFirstName =\n firstname && firstname.trim().length > 0\n ? VoidedPaymentsArray.some((word) => firstname.toLowerCase().includes(word))\n : false;\n const foundInLastName =\n lastname && lastname.trim().length > 0\n ? VoidedPaymentsArray.some((word) => lastname.toLowerCase().includes(word))\n : false;\n return foundInFirstName || foundInLastName;\n };\n\n return (\n
\n \n {loading ? (\n \n \n ) : error ? (\n \n {!rows || rows.length === 0 ? (\n \n \n \n \n {stableSort(\n rowsPerPage > 0\n ? rows.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage)\n : rows,\n getComparator(order, orderBy)\n ).map((row, index) => {\n const labelId = `enhanced-table-checkbox-${index}`;\n const isExpanded = checkIsExpanded(row.id);\n return (\n \n toggleExpandTheRow(e, row.id)}\n >\n \n {formatCurrency(\n row.total,\n getCurrencyThreeAlpha(globalState.merchant?.country)\n )}\n \n \n {formatDateTimeByFormatString(row.time, 'DD MMM HH:mm')}\n \n {row.address || '-'} \n {row.cb_reason} \n \n {isExpanded && (\n toggleExpandTheRow(e, row.id)}\n >\n \n \n \n )}\n \n );\n })}\n \n \n \n \n \n {rows.length > rowsPerPage && (\n \n \n \n \n \n )}\n \n )}\n \n
\n );\n}\n\nChargebacksListTableComponent.propTypes = {\n rows: PropTypes.array.isRequired,\n statusFilter: PropTypes.string.isRequired,\n setStatusFilter: PropTypes.func.isRequired,\n checkIsExpanded: PropTypes.func.isRequired,\n toggleExpandTheRow: PropTypes.func.isRequired,\n order: PropTypes.string.isRequired,\n orderBy: PropTypes.string.isRequired,\n loading: PropTypes.bool.isRequired,\n error: PropTypes.bool.isRequired,\n totalChargeback: PropTypes.func\n};\n","import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport ChargebacksListTableComponent from './chargebacks-list-table.component.jsx';\nimport { ChargebacksFilterTabs } from '../../../../utils/enums/ChargebacksFilterTabs';\nimport { formatAmount } from 'utils/helper';\n\nconst ChargebacksListTable = (props) => {\n const [rows, setRows] = useState([]);\n const [order, setOrder] = React.useState('asc');\n const [orderBy, setOrderBy] = React.useState('time');\n const [expandedRowIds, setExpandedRowIds] = React.useState([]);\n const [statusFilter, setStatusFilter] = useState(ChargebacksFilterTabs['Not resolved']);\n const [page, setPage] = useState(0);\n const { chargebacks, loading, error } = props;\n\n useEffect(() => {\n setPage(0);\n let dataRows = [];\n if (statusFilter !== ChargebacksFilterTabs.All) {\n dataRows = chargebacks.filter((Chargeback) => Chargeback.outcome === statusFilter);\n } else {\n dataRows = chargebacks;\n }\n setRows(dataRows);\n }, [chargebacks, statusFilter]);\n\n const handleRequestSort = (event, property) => {\n const isAsc = orderBy === property && order === 'asc';\n setOrder(isAsc ? 'desc' : 'asc');\n setOrderBy(property);\n };\n\n const toggleExpandTheRow = (event, id) => {\n const indexOfClickedRow = expandedRowIds.indexOf(id);\n let newExpandedRowIds = [];\n\n if (indexOfClickedRow === -1) {\n newExpandedRowIds = newExpandedRowIds.concat(expandedRowIds, id);\n } else if (indexOfClickedRow === 0) {\n newExpandedRowIds = newExpandedRowIds.concat(expandedRowIds.slice(1));\n } else if (indexOfClickedRow === expandedRowIds.length - 1) {\n newExpandedRowIds = newExpandedRowIds.concat(expandedRowIds.slice(0, -1));\n } else if (indexOfClickedRow > 0) {\n newExpandedRowIds = newExpandedRowIds.concat(\n expandedRowIds.slice(0, indexOfClickedRow),\n expandedRowIds.slice(indexOfClickedRow + 1)\n );\n }\n\n setExpandedRowIds(newExpandedRowIds);\n };\n\n const totalChargeback = () => {\n let total = chargebacks.reduce((accumulator, charge) => {\n return accumulator + Number(charge.total);\n }, 0);\n\n return formatAmount(total);\n };\n\n //const checkIsExpanded = (id) => expandedRowIds.indexOf(id) !== -1;\n const checkIsExpanded = () => false; //Hide for MVP\n\n const headCells = [\n { id: 'total', numeric: false, disablePadding: false, label: 'Amount' },\n { id: 'time', numeric: true, disablePadding: false, label: 'Date' },\n { id: 'address', numeric: false, disablePadding: false, label: 'Address', hideSortingIcon: true },\n { id: 'cb_reason', numeric: false, disablePadding: false, label: 'Chargeback reason' }\n ];\n\n return (\n An error occurred, please try reloading your browser.
\n ) : (\n There aren't any results for that query.
\n ) : (\n \n \n {loading ? (\n \n \n ) : error ? (\n \n {(!rows || rows.length === 0) && (!notInBatchPayouts || notInBatchPayouts.length === 0) ? (\n \n \n \n \n {notInBatchPayouts &&\n stableSort(\n rowsPerPage > 0\n ? notInBatchPayouts.slice(\n page * rowsPerPage,\n page * rowsPerPage + rowsPerPage\n )\n : notInBatchPayouts,\n getComparator(order, notInBatchOrderByKey)\n ).map((row, index) => {\n const labelId = `enhanced-table-checkbox-${index}`;\n return (\n \n \n setRoute(`/payout-details/${index}`, {\n payouts: row,\n nextExpectedDate: row.expected_date,\n type: 'NOT-IN-BATCH',\n provider: row.provider,\n date: date\n })\n }\n >\n \n \n {formatCurrency(\n row.total,\n getCurrencyThreeAlpha(\n globalState.merchant?.country\n )\n )}\n \n \n \n {!row.expected_date ? (\n —\n ) : (\n formatDateTimeByFormatString(\n row.expected_date,\n 'DD MMM HH:mm'\n )\n )}\n \n\n \n \n {isAdminUserType && (\n \n {AcquirersToAcquirerName[row.provider]}\n \n )}\n \n {isTabOpen(openedNotBatchTabs, index) && (\n \n \n \n \n \n \n )}\n \n );\n })}\n {rows &&\n stableSort(\n rowsPerPage > 0\n ? page * rowsPerPage > notInBatchPayouts.length\n ? rows.slice(\n page * rowsPerPage - notInBatchPayouts.length,\n page * rowsPerPage -\n notInBatchPayouts.length +\n rowsPerPage\n )\n : page * rowsPerPage + rowsPerPage >\n notInBatchPayouts.length\n ? rows.slice(\n 0,\n page * rowsPerPage +\n rowsPerPage -\n notInBatchPayouts.length\n )\n : []\n : rows,\n getComparator(order, orderBy)\n ).map((row, index) => {\n const labelId = `enhanced-table-checkbox-${index}`;\n return (\n \n \n row.provider === AcquirersNameMap.STRIPE\n ? setRoute(`/stripe-payout-details/${index}`, {\n payouts: row\n })\n : setRoute(`/payout-details/${index}`, {\n payouts: row,\n nextExpectedDate: row.expected_date,\n type: 'IN-BATCH',\n provider: row.provider,\n date: date\n })\n }\n >\n \n {formatCurrency(\n row.provider === AcquirersNameMap.STRIPE\n ? row.total / 100\n : row.total,\n getCurrencyThreeAlpha(\n globalState.merchant?.country\n )\n )}\n \n \n {!row.expected_date ? (\n —\n ) : row.provider === AcquirersNameMap.STRIPE ? (\n formatDateTimeByFormatString(\n moment.unix(row.arrival_date),\n 'DD MMM HH:mm'\n )\n ) : (\n formatDateTimeByFormatString(\n row.expected_date,\n 'DD MMM HH:mm'\n )\n )}\n \n \n {row.not_received ? (\n \n \n ) : (\n \n\n {isAdminUserType && (\n \n {AcquirersToAcquirerName[row.provider]}\n \n )}\n {isAdminUserType && isValidMerchant && (\n {\n event.stopPropagation();\n }}\n >\n {isAdminUserType &&\n row.status === payoutStatus.SENT &&\n row.provider === AcquirersNameMap.DATMAN &&\n !row.not_received ? (\n \n \n \n \n {props.isAdminUserType ? (\n \n BatchId {row.batch_id}\n \n ) : null}\n \n \n \n \n \n \n )}\n \n );\n })}\n \n \n \n \n \n {rows.length > rowsPerPage && (\n \n \n \n \n \n )}\n {message && (\n \n {snackbar.message}\n \n )}\n \n )}\n \n
\n );\n}\n\nPayoutsListTableComponent.propTypes = {\n rows: PropTypes.array.isRequired,\n selected: PropTypes.array.isRequired,\n order: PropTypes.string.isRequired,\n orderBy: PropTypes.string.isRequired,\n isAdminUserType: PropTypes.bool,\n loading: PropTypes.bool.isRequired,\n error: PropTypes.bool.isRequired,\n notInBatchPayouts: PropTypes.array.isRequired,\n openedBatchTabs: PropTypes.array,\n setOpenedBatchTabs: PropTypes.func,\n openedNotBatchTabs: PropTypes.array,\n setOpenedNotBatchTabs: PropTypes.func,\n handleOpenTableRow: PropTypes.func,\n isTabOpen: PropTypes.func,\n totalPayouts: PropTypes.func\n};\n","import React, { useState } from 'react';\nimport PayoutsListTableComponent from './payouts-list-table.component.jsx';\nimport PropTypes from 'prop-types';\nimport { useGlobalStateContext } from 'contexts';\nimport { UserType } from 'utils/enums/UserType';\nimport { PayoutsService } from 'services';\nimport { MerchantCountries } from 'utils/enums/MerchantCountries';\n\nconst PayoutsListTable = (props) => {\n const [order, setOrder] = useState('desc');\n const { globalState } = useGlobalStateContext();\n const [orderBy, setOrderBy] = useState('payoutExpectedDate');\n const [selected, setSelected] = useState([]);\n const { payouts, loading, isOwner, error, notInBatchPayouts, date, page, setPage, refresh, setRefresh } = props;\n\n const [openedBatchTabs, setOpenedBatchTabs] = useState([]);\n const [openedNotBatchTabs, setOpenedNotBatchTabs] = useState([]);\n\n const [markPayout, setmarkPayout] = useState('');\n const [open, setOpen] = useState(false);\n const [isLoading, setIsLoading] = useState(false);\n const [errors, setErrors] = useState(false);\n const [message, setMessage] = useState(false);\n const [snackbar, SetSnackbar] = useState({ type: '', message: '' });\n\n const handleRequestSort = (event, property) => {\n const isAsc = orderBy === property && order === 'asc';\n setOrder(isAsc ? 'desc' : 'asc');\n setOrderBy(property);\n };\n\n const isAdminUserType =\n globalState.user?.UserType?.name === UserType.Admin || globalState.user?.UserType?.name === UserType.SuperAdmin;\n const isValidMerchant =\n globalState.merchant?.country === MerchantCountries.UNITED_KINGDOM ||\n globalState.merchant?.country === MerchantCountries.IRELAND;\n const handleSelectAllClick = (event) => {\n if (event.target.checked) {\n const newSelecteds = props.payouts.map((n) => n.id);\n setSelected(newSelecteds);\n return;\n }\n setSelected([]);\n };\n\n const handleClick = (event, id) => {\n const selectedIndex = selected.indexOf(id);\n let newSelected = [];\n\n if (selectedIndex === -1) {\n newSelected = newSelected.concat(selected, id);\n } else if (selectedIndex === 0) {\n newSelected = newSelected.concat(selected.slice(1));\n } else if (selectedIndex === selected.length - 1) {\n newSelected = newSelected.concat(selected.slice(0, -1));\n } else if (selectedIndex > 0) {\n newSelected = newSelected.concat(selected.slice(0, selectedIndex), selected.slice(selectedIndex + 1));\n }\n\n setSelected(newSelected);\n };\n\n const isSelected = (id) => selected.indexOf(id) !== -1;\n\n const totalPayouts = () => {\n let total =\n payouts.reduce((accumulator, payout) => {\n return accumulator + Number(payout.total);\n }, 0) +\n notInBatchPayouts.reduce((accumulator, payout) => {\n return accumulator + Number(payout.total);\n }, 0);\n\n return total;\n };\n\n const headCells = [\n { id: 'amount', numeric: true, disablePadding: false, label: 'Amount' },\n\n {\n id: 'payoutExpectedDate',\n numeric: false,\n disablePadding: false,\n label: 'Date expected'\n },\n { id: 'status', numeric: false, disablePadding: false, label: 'Status' },\n { id: 'SourceId', numeric: false, disablePadding: false, label: 'Source ID', notShow: !isAdminUserType },\n {\n id: 'More Options',\n numeric: false,\n disablePadding: false,\n label: 'More options',\n notShow: !isAdminUserType || !isValidMerchant\n }\n ];\n function handleOpenTableRow(openedTabsState, setOpenedTabsState, index) {\n const openedTabIndex = openedTabsState.findIndex((item) => item.tab === index);\n\n if (openedTabIndex !== -1) {\n openedTabsState[openedTabIndex].isOpen = !openedTabsState[openedTabIndex].isOpen;\n } else {\n openedTabsState.push({\n tab: index,\n isOpen: true\n });\n }\n setOpenedTabsState((oldState) => [...oldState, openedTabsState]);\n }\n\n function isTabOpen(openedTabsState, index) {\n return openedTabsState.some((item) => item.tab === index && item.isOpen);\n }\n const onmarkConfirm = async (data) => {\n setIsLoading(true);\n const response = await PayoutsService.markPayoutNotReceived(data);\n\n if (response.isSuccesfully) {\n setOpen(false);\n setRefresh(!refresh);\n SetSnackbar({ type: 'success', message: response.data?.message });\n } else {\n setErrors(true);\n SetSnackbar({ type: 'error', message: response.data?.message });\n }\n setMessage(true);\n setIsLoading(false);\n setOpen(false);\n };\n const handleClose = (event, reason) => {\n if (reason === 'clickaway') {\n setMessage(false);\n }\n };\n return (\n An error occurred, please try reloading your browser.
\n ) : (\n There aren't any results for that query.
\n ) : (\n \n \n Resend\n \n
\n )} */}\n \n {\n setmarkPayout({\n batch_id: row.batch_id,\n status:\n payoutStatus.NOT_RECEIVED\n });\n setOpen(true);\n }}\n >\n Not Received\n \n
\n ) : !!row.not_received ? (\n \n {\n setmarkPayout({\n batch_id: row.batch_id,\n status: payoutStatus.RESEND\n });\n setOpen(true);\n }}\n className={styles.resendBtns}\n >\n Resend Payout\n \n {\n setmarkPayout({\n batch_id: row.batch_id,\n status: payoutStatus.CANCEL\n });\n setOpen(true);\n }}\n className={styles.resendBtns}\n >\n Cancel Payout\n \n
\n ) : (\n —\n )}\n \n )}\n \n {row.batch_items?.length > 1 &&\n isTabOpen(openedBatchTabs, index) && (\n \n \n {showSnackbarStatus && merchantChargeResponse && (\n <>\n \n {snackbarMessage}\n \n \n )}\n {showSnackbarStatus && !merchantChargeResponse && (\n \n {snackbarMessage}\n \n )}\n {loading ? (\n \n \n ) : error ? (\n \n {!rows || rows.length === 0 ? (\n \n \n \n \n {stableSort(rows, getComparator(order, orderBy)).map((row, index) => {\n const labelId = `enhanced-table-checkbox-${index}`;\n let paidStatus = row.paid_status ? 'Paid' : 'Unpaid';\n let currenySymbol = getCurrencyThreeAlpha(\n globalState?.merchant?.country\n );\n let csvData = [];\n let reportData = {\n 'Invoice Ref': row.id,\n 'Service provided': row.service_description\n ? row.service_description\n : '--',\n Date: formatDateTimeByFormatString(row.date_sent, 'DD MMM YYYY'),\n Status: paidStatus,\n Amount: `${currenySymbol.toString()} ${formatAmount(row.amount)}`,\n Total: `${currenySymbol.toString()} ${formatAmount(row.amount)}`\n };\n csvData.push(reportData);\n\n return (\n \n \n \n {formatCurrency(\n row.amount,\n getCurrencyThreeAlpha(globalState.merchant?.country)\n )}\n \n \n {formatDateTimeByFormatString(\n row.date_sent,\n 'DD MMM YY'\n )}\n \n {!mediaLessThan600px && (\n \n {formatDescription(row.service_description) || '-'}\n \n )}\n \n {row.paid_status ? (\n \n handleMerchantPayModal(row.id, row.amount)\n }\n color=\"primary\"\n size=\"small\"\n >\n Pay Now\n \n ) : (\n \n {isSuperAdmin && (\n \n \n handleMerchantDeleteModal(\n row.id,\n row.amount\n )\n }\n />\n \n )}\n\n \n \n \n\n {mediaLessThan600px && row.service_description && (\n \n \n {row.service_description}\n \n \n )}\n \n );\n })}\n \n \n \n {count > 20 && (\n \n \n \n \n )}\n \n \n\n \n )}\n {openMerchantModal && (\n payMerchantChargesBtn(rowId, rowAmount)}\n buttonText={'Confirm'}\n modalText={`Pay for invoice number ${rowId} and ${formatCurrency(\n rowAmount,\n getCurrencyThreeAlpha(globalState.merchant?.country)\n )} ?`}\n />\n )}\n {openMerchantDeleteModal && (\n deleteMerchantChargesBtn(rowId, rowAmount)}\n buttonText={'Confirm'}\n modalText={`Delete invoice number ${rowId} and ${formatCurrency(\n rowAmount,\n getCurrencyThreeAlpha(globalState.merchant?.country)\n )} ?`}\n />\n )}\n {showSnackbarStatus && merchantChargeResponse && (\n \n {snackbarMessage}\n \n )}\n {showSnackbarStatus && !merchantChargeResponse && (\n \n {snackbarMessage}\n \n )}\n \n )}\n \n
\n );\n}\n\nMerchantChargesListTableComponent.propTypes = {\n rows: PropTypes.array.isRequired,\n order: PropTypes.string.isRequired,\n orderBy: PropTypes.string.isRequired,\n loading: PropTypes.bool.isRequired,\n error: PropTypes.bool.isRequired,\n totalMerchantCharges: PropTypes.func\n};\n","import React, { useState } from 'react';\nimport MerchantChargesListTableComponent from './merchant-charges-list-table.component.jsx';\nimport PropTypes from 'prop-types';\nimport { UserType } from 'utils/enums/UserType';\n\nimport { formatAmount } from 'utils/helper';\nimport { useMediaQuery } from '@material-ui/core';\nimport { useGlobalStateContext, useBalanceContext } from 'contexts';\n\nimport { AdminService } from 'services';\n\nconst MerchantChargesListTable = (props) => {\n const [order, setOrder] = useState('desc');\n const [orderBy, setOrderBy] = useState('date_sent');\n const [snackbarMessage, setSnackbarMessage] = useState('');\n const [showSnackbarStatus, setShowSnackbarStatus] = useState(false);\n const [openMerchantDeleteModal, setOpenMerchantDeleteModal] = useState(false);\n const [openMerchantPayModal, setOpenMerchantPayModal] = useState(false);\n const [rowId, setRowId] = useState(null);\n const [rowAmount, setRowAmount] = useState(null);\n const { refreshBalance } = useBalanceContext();\n\n const {\n merchantCharges,\n error,\n page,\n setPage,\n loading,\n setLoading,\n merchantChargeResponse,\n setMerchantChargeResponse,\n setMerchantChargeResponseFlag,\n merchantChargeResponseFlag,\n companyAddress,\n merchantTradingAddress,\n rowsPerPage,\n setRowsPerPage,\n getMerchantChargesList,\n count,\n setOpenMerchantModal,\n openMerchantModal\n } = props;\n const mediaLessThan600px = useMediaQuery('(max-width:599px)');\n const [merchantChargeReportData, setMerchantChargeReportData] = useState([]);\n const { globalState } = useGlobalStateContext();\n const isSuperAdmin = globalState.user?.UserType?.name === UserType.SuperAdmin;\n const isMerchant = globalState.user.UserType.name === UserType.Merchant;\n const columnStyles = {\n 0: {\n columnWidth: 30\n }\n };\n\n const handleMerchantDeleteModal = (rowId, rowAmount) => {\n setOpenMerchantDeleteModal(true);\n setRowId(rowId);\n setRowAmount(rowAmount);\n };\n\n const handleMerchantPayModal = (rowId, rowAmount) => {\n setOpenMerchantPayModal(true);\n setRowId(rowId);\n setRowAmount(rowAmount);\n };\n const alertCloseMessage = () => {\n setShowSnackbarStatus(false);\n };\n\n const handleRequestSort = (event, property) => {\n const isAsc = orderBy === property && order === 'asc';\n setOrder(isAsc ? 'desc' : 'asc');\n setOrderBy(property);\n };\n\n const totalMerchantCharges = () => {\n let total = merchantCharges.reduce((accumulator, charge) => {\n return accumulator + charge.amount;\n }, 0);\n\n // return Math.floor(total * 100) / 100;\n\n return formatAmount(total);\n };\n const payMerchantChargesBtn = async (id) => {\n const response = await AdminService.payMerchantCharges({\n id: id\n });\n\n if (response.isSuccesfully) {\n setLoading(true);\n setShowSnackbarStatus(true);\n setSnackbarMessage(response.data.message);\n setMerchantChargeResponse(true);\n setMerchantChargeResponseFlag(true);\n refreshBalance();\n } else {\n setLoading(true);\n setShowSnackbarStatus(true);\n setSnackbarMessage(response.data.message);\n setMerchantChargeResponse(false);\n setMerchantChargeResponseFlag(false);\n }\n setLoading(false);\n setOpenMerchantPayModal(false);\n };\n const deleteMerchantChargesBtn = async (id) => {\n const response = await AdminService.deleteMerchantCharges({\n id: id\n });\n\n if (response.isSuccesfully) {\n setLoading(true);\n setShowSnackbarStatus(true);\n setSnackbarMessage(response.data.message);\n setMerchantChargeResponse(true);\n setMerchantChargeResponseFlag(true);\n } else {\n setLoading(true);\n setShowSnackbarStatus(true);\n setSnackbarMessage(response.data.message);\n setMerchantChargeResponse(false);\n setMerchantChargeResponseFlag(false);\n }\n setLoading(false);\n setOpenMerchantDeleteModal(false);\n };\n const headCells = [\n {\n id: 'amount',\n numeric: true,\n disablePadding: false,\n label: 'Amount'\n },\n {\n id: 'date_sent',\n numeric: false,\n disablePadding: false,\n label: 'Date'\n },\n {\n id: 'service_description',\n numeric: false,\n disablePadding: false,\n label: 'Description',\n notShow: mediaLessThan600px\n },\n { id: 'paid_status', numeric: false, disablePadding: false, label: 'Status' },\n\n {\n id: 'action',\n numeric: false,\n disablePadding: false,\n label: 'Action',\n notShow: !isSuperAdmin\n },\n { id: 'download', numeric: false, disablePadding: false, label: 'Download' }\n ];\n const formatDescription = (str) => {\n const regex = /[^a-zA-Z0-9 ]/g;\n str = str.replace(regex, ' ');\n return str;\n };\n return (\n An error occurred, please try reloading your browser.
\n ) : (\n There aren't any results for that query.
\n ) : (\n \n {loader ? (\n
\n );\n}\n\nSignUpComponent.propTypes = {\n onSubmit: PropTypes.func,\n email: PropTypes.string,\n setEmail: PropTypes.func,\n password: PropTypes.string,\n messages: PropTypes.object,\n setPassword: PropTypes.func,\n confirmPassword: PropTypes.string,\n setConfirmPassword: PropTypes.func,\n verifyEmail: PropTypes.bool,\n setVerifyEmail: PropTypes.func,\n firstName: PropTypes.string,\n setFirstName: PropTypes.func,\n lastName: PropTypes.string,\n setLastName: PropTypes.func,\n isLoading: PropTypes.bool,\n forceChangePassword: PropTypes.bool,\n oldPassword: PropTypes.string,\n setOldPassword: PropTypes.func,\n successSignupInvite: PropTypes.bool,\n setSuccessSignupInvite: PropTypes.func,\n isUserInvited: PropTypes.bool,\n phone: PropTypes.string,\n setPhone: PropTypes.func,\n isT2SUser: PropTypes.bool,\n isPasswordValid: PropTypes.bool,\n setIsPasswordValid: PropTypes.func,\n isPhoneValid: PropTypes.bool,\n setPhoneCountryIdentificator: PropTypes.string,\n redoPasswordValidation: PropTypes.bool\n};\n\nexport default SignUpComponent;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"clientCreationTitle\":\"modal-client-creation_clientCreationTitle__2ZSrs\",\"modalContainer\":\"modal-client-creation_modalContainer__3n5sn\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"merchantCreationTitle\":\"modal-merchant-creation_merchantCreationTitle__osdY0\",\"modalContainer\":\"modal-merchant-creation_modalContainer__2ZH-M\"};","module.exports = __webpack_public_path__ + \"static/media/google.298bf198.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAAaVBMVEU6VZ////81Up0yT5xgc61+jbsvTZyXo8hFXaOirM0nSJmlrs7O1OUkRpkfQ5c1UZ1oerKHlcDp6/M9WKHHzeHV2ulxgravt9Td4Ozl6PGDkb7ByN5YbatQZ6j29/q3v9h2hrhMY6aQnMSsAnKHAAAC70lEQVR4nO3caXLiMBRFYdoihhhsQ5jDlPT+F9mdqv7bRrYQ7z7XOQug9BUWHiQzmRARERERERERERERERERqVe0IZQPCtaDHFwo62Yz/VrP3jtbrH0Sy7rYH46/YtpV1oPtX6jCbBel+2npThjq/Taa51AYmrdTH583YdHsP/r5nAnLTa/j05+w+ezv8yRsq/MQoB9hmPeegb6E5eU2DOhFWK4G+rwIw3CgD2G4Dge6ELaboXPQi7CJu4nwK6zvKUAHwvCVBHQgrFMmoQdh4jGqL2wviUB5YRP/uMKnsJ2mAtWF9XLkwjblcs2FsDqMXZh6LpQXhn06UFtYpZ7t5YX1wEczboTF/AlAaWFYP0OovPZU9pmGt9194W79sIq/Jt2uqqrytwbcxJ4NT9e6tR7soEIk8N749E2K7zjgubEe6dAi75yOboGxwrnTQ/RvRZTwIHy6e1SccF5Yj3N4UcJjbT3MhKKEh9J6mAlFCZWvyR4WJXxDqBxChPohRKgfQoT6IUSoH0KE+iFEqB9ChPqNQ1h0vKJcxWwt/aofvelsDFzNOlpECO9dH/DT+8ZUWMYgErNdfXuB8Ga7RPwCofHy2wuE59EfpQvbH9MXCNejF65st2q8QPhtu5Mhv/BmfE2TX/hhvGMqv3BpvBslv/BuvGUqv3A2+nloff+YX3gx3rmYX2j9CCC78Ga9NzO78GS9dTG7cDv679B8c2Z24e/R/9LsRy+8Wm/kzy60nobZhdb3TvmF9u8e5hYaP0p8gfB99PPQ/l2F3MKp+StDuYXWvuxC60eJ+YXm907ZhQJ/NlA+4d9ZOrrbH6WTzbyjmL+D/Oz6BNsl/H8V/y9E7TYpOz7BGveoceyn6QohQv0QItQPIUL9ECLUDyFC/RAi1A8hQv0QItQPIUL9ECLUDyFC/RAi1A8hQv0QItQPIUL9ECLUDyFC/RAi1A8hQv0QItQPIUL9ECLUDyFC/RAi1A8hQv0QItQPIUL9ECLs0R8aFUYEFLSeAgAAAABJRU5ErkJggg==\"","// extracted by mini-css-extract-plugin\nmodule.exports = {\"formItem\":\"form-item_formItem__1Ds43\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"postCodeSearchResultBuilding\":\"post-code-selector_postCodeSearchResultBuilding__3VRF3\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"stepper\":\"onboarding-steps_stepper__3pmsP\",\"missingDetailMessage\":\"onboarding-steps_missingDetailMessage__1U32J\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"tabsDiv\":\"filter-tabs_tabsDiv__2PJt5\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"chipCard\":\"gift-card-lable-chip_chipCard__19eZp\"};","module.exports = __webpack_public_path__ + \"static/media/omni-pay.07c02ee1.png\";","module.exports = __webpack_public_path__ + \"static/media/datman.3bd47205.png\";","module.exports = __webpack_public_path__ + \"static/media/paidImage.b63e6caa.png\";","// extracted by mini-css-extract-plugin\nmodule.exports = {\"requestAmountButton\":\"modal-email-form_requestAmountButton__3CGOt\"};","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,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\"","module.exports = __webpack_public_path__ + \"static/media/discover.3a4c51a2.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPoAAADDCAQAAAABkMTTAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfjCwoOMSnKGKAtAAAZNklEQVR42u2deYBO1f/Hr21UY8sQJpQlbZJtpOx7KJV+lexfIXz5WhMT/SqKkq1EocieCqXpm/ItmchWfImyFjGWhlQIjXl9/5iZ+5y7PNs897nP89Fzzj/Mvc/5fM7nfc+953xWDS2KehyJ3EAdkmhGu+zekCRqU4GS5IsqXq09LyWpQG2SaKhz35wk6nADicRFD6eRZuAKypNEZ0YxixRS2cE+TnCcM2Rm99Mc5xi72caXLGcaw3mQaiSSNwrEl4cyVKM9TzCN5axhK7s5xnFO69yf5Tgn2McOUklhNqPoQhLlufLvCHoijRnBUrZykty0o3zNAvpTm4QIcF+cWvRjPus5mivuT7GN9xhJE679O4BemLsYxSe5FJZd289yBlLVlddnAW5hAMvY5xj3x1jF09SjyOUJejFaMIOdhKdlsJFx3MEVYeK+IHV4ng38FSb+v+cNWnH15QN6fuoxhT240TYzmpsd5v9GnmKTK9zvYyoNKCAd9BL0JRV32598xENc5QD3V/IgKznnMv/r+CclpYJehfH8TKTadwylVAjcl2QQ2yPG/RFe5iZpoFfnLc4Q6XaUsZTLBffX8ixHIs79Wd6mlhTQb+VN/iRa2nGeD2rFl+RZ0qKG+/O8zW3RDnoZJnCaaGs/8q+A1CEF6cf+qOP+dyZTNlpBz0dPDhKtbTNt/PDfkg1Ry/3P9CF/9IGexGqivS2kkhfur2cemVHO/RrqRhPoVzGG80hov9Pahv/m/CqC+wuMo1B0gF6HdUhpn1LZZgYV+FjMDDaEvt5Dh3wQZ8UI7DWv38V8TBUzi7MMI0/kQE9gEXLaU35m84SguSwNRWcXCuQ12SZGSH8xxMR9KZJJNP1tABfFzOg7ktwH/f84JUZAGXQxcX8z3wD/tSg+OgiC/VcedRf0oWEzMroBeSvdnn+ctqZrj4qa2Qi3QM/HS0hq3U38dzRYBc7RzXJdUpscvO9gbiB/W5RQhpv4H8gFy/d+mOmewaJmuCBYC3zwkM8VJZAxAe7Qk033jb6cYQ8W8jmihDHH5DPr61Bmhv2Nyxf2yxny1SbvmWF+7k82OWd/LAz2OOdBz8tbooSwx2RF7xPAbwaYLOu7hMGez2nQXxQlgD+403T+DsQgdJGuhl/V5jdRs37ZWdBl7WfhMQP39QN27PidJoZfdhU27+HOgd6eDFFTn23gvlJQrh2HudHw6+miZn6JR5wB/bZchh5Fqm03xIsUCdpnfash6CCeb0XN/ldqhg761YLMKgBnTV/z3Gw/F5i+7H+IksBOf/F9/kFfIOyrZjSg9s3lKAPFGl0Blvq2t/uDvJ+w6a4zKCnq5HqNnqOeQUOxRpgcBuUe9Br8Lmqq5w2uRIX4JqSdQVFlrFquBzeF+pGrkzvQ41gv7PmeaOB/UoijTTOMNk6YLDZ7j+D1BfooYdPcT3GF+xYOjNjWcArYLUwezwUPerUoiEULrv3DkPzAieDD7ymmjNlJmDz+pHZwoOfhM2FTTDVs4cY4NOqLhjj7/wiTyZf22nhvoHdBWmthCKE849hqqa6M20iYZhJ6Bg56cX4UNrmVBv5XODhyimHk94XJ5Wc7V2l70McKm1oGDRTu2zo8+gPK2HcI8pbNai8FBnplQc7N1nWe3/GD5hYKCl7rv1lz8NiBPkPYtP4yrPPOYaDQw7DWLwiTz5v+Qb9BmHkBVhmcnHaEgcL3BserlcLkc45b/IE+HWmtncJ9tzDR6K3QuFuchGb7Br2iuHW+XUksUoCNYaLyrfJdLxiSTj8ya72KL9DHiHuKVXtS6zDSuc8Bg22U7OHNqTwPCZtMupKCJ09Yv7arFB/6UhwTJqc01bHCCHoPcU/wYoMeLpxn6AyDbm6uOEn1sQddnqsAhoxRk8JMa5ohS02mMEmt92ThMPqCXRI2kX1K2p0iYVcd/6w4TF4lLBACMj2+gyroE8Wt8xkK9/e7QE91L54iTlqvWkGP5wdx02imgPCOC/RWKPQaiJPWfgqbQW8obhJ7Ff/2axysFeG9/aJkqYkX94LXF4nk19VcZd097BLNLmKDmQGmG0GPD1uhjfC1DgoAC12i+Z4h2Eta2531gve4+ErbuZ9S1DJFOeAS1UOK82Vp0sXt4OuqoD8p7qlV/b/quUi3iRKx/5k4qT2tgv6ROPYnKC/aZ1yk+4JgDyP4zAN6QgRrreS23a8I/1MX6a5R6LYRJ7U0SuWAfpc45s9wvWL+cLP8xgmlauK1wsK+ABrngD5YHOtblaCdu9wXmx74tVGc5J7MAX2hONbfVV6y/3SZ9mDBgdzwXhboccJyLei70Ow+z2Xa7yi05Z16dnBlVoXjE+JYf1hxnXC7rsRm5bB4vzjJnaR8Vui+vFZVKTTwo8u0D1Nap36TOLs61M/KsSbvafWIvarrJYMuUkOpJXtcnPS6amg8JY7tbxU/9GYRoN9a8bPfIk56z2pozBLH9r+VrVTvCNDv75IzZnja2xoaKfLYjnBaEDXNyUxx0vtUI7/r9c1Db6refXYE6M8TrX//WqNMWKK/wtvUyiWRSNC9WqE/RJz0dmlUZp84ttXsMpF4T21UkvN1Eie9Axp38Is4tjsr0Wv/jcRaUeLnHpF34NWoLfCk2VIxeUQa9Cbi1DO/aLTkT3GgN1AcpfZEgP6PitNUXXGgn9N4AHmtoS7ysq64PlvWimLNv1OeIlbjPoHa44aKG0NaBOif4LoY6DHQhYEuzzgYe72HDHprcdmS1I3c1RHRMhxUUvLJ28id16gj0IWiaRQd2RqIAz1dJuidlKQ/2yNAX00x9pA46aVr3OhaSJBzrWsEnaUANitqWHkuKAc1rhUYuqiWnFsVAfpfKPQHiZPeDxpXiCvaAeMUoUeimvviCIVUOdM2Rco4GVpTI9PHR4D+ZNFR6qs1NGEFssGY9bl/BOgPUei/J056C2W+oLYoQU33RIB+e8W0K+/j+EI4k+iGr6UpypHq/OUy9UySFOXQIXHS6ykzZvWSUvm4NIddpn5MyYFRUVylB2ikoVFBXOZnNT1v3qCrJofatnlyLwqMUD/HDVkO+9vEsT5S2Uotdpn2+wrtoeIkt4v4LNaXi2NddUIe7jLt0RF2wA6tpeTEp48Sx/omJel+U5dpt1L27l+Jk9yYHNCbi2P9tLKZcjfU+hTldcplOClOcm1yQC8t0CO2hbKVW+si3Q3KNq6ROKmdpFwO6HlYLY79Z5Uv60su0p2q0E0WJ7W15PXkkZMXkbVKMW+2dJHuPYKLdWXXcslhv7449k8oiQlKuuYeeVyhWiIiTpmhtSYq6EUEulLcraw5tw6darndZuIkdiirNoVnCvJSE7yqANDTJZr9FJovS9VuuFPTLDztO8VTrRynXaD4BxUU77yt4iR2nxn0IvwkbAqZ1HJ5U6VuHquLS5Z+OCcCTxOdSOM5F6qsqq2XQu9pcdKaa1etqbHAF/yVyl463LEu6nlBYpbNFnagx4krHHuJu1w0fswz1LDLECarHR5vI2PZTXmGQrUqYv2wxppkKjUdwl/t0fmW7K3WaiKnhE3liJIeILw6eFXnXlTcpvc3Jc7WUkp7urgnuLvCfZcw0ump0OkoTkqzfdVPrybO52udcowqxO4wUTlAUSWUSloh4gzD4dYCusYScRNq7EJWNzVz3V2u+9+G2pYpC8MW9Nri1voShftiYfnaHqZEBIsKhL4s7jRibAXdnVK1TrazVAvzWlfX+c3ifIeXmxG2A70W54RNSz1BF3a88O1eiiHXMHWeOwIBXZ5C9pxhrXdzePRehnV+Rphs5ljxtQe9orjUoWoy8PyO+qhuJE7wOj9FxUBB1xghbq3XVLhv5JiS9JLigKlxm7h1/v926HoDvZA4a7Fxu+KUHn6+YdSlwmTyHUWCAV2juTB7cabBfaqMI9Vj0xTveo1mwowsmbSxx9Y76BqvCnuuNyuGVo3ODozYQxmvIF8Lk8cb3pD1BXqxiGRYDqUNM/D/boijrTCMNkCYLA6QkBvQNZoJUziepLLhFR9KwoAjlFPGul7YeSZDLyOWh1o0oDqViSeOG8njD3R5QRDG1dkm11/hS4b67PK0lC8pBuc+bKQb7zKGjmxVI1y89QLiAp66G/jPbcDTFMMo0kypXyoxvRoFmEw+prCVNawkzj/oGhU5ImrCJ6hk2H79JxdjrDVsCa+LSKbp3LfjVDEgGM/zxDOEoQzkOeIDAV2jtbCUt6spoHBfjv1B/v6g4t2ukVdYnr1LtDPhl5cS5M3e1pUM5PWe1QcKe72NNnBfLyg92p8G+7y8CumD/eMZGOgar4ia+AWDoia4b3I30/lFVlmjVwJBM1DQCwrbvx5SHQHReCLA3yUbflVWWFjnMiWpogOgaxTL1ZYocm0N8UHv44179iuFnVxSFc9gh0DXKC7MIfBNA/d5mOrn/unkM/xihjDISwSKZDCgyyvG+7SJ/6k+Ic8r2Li8Uwm5chh0jfKuJvUJvT0WIOwzjP6idBW2yq8LBsVgQdcoLurbfoEOAZxDzJA/KGrPnqqkRw4T6BpXs0yQSH6juYn/p0x3PGO63lhUcNeHgX/LQwFdIz+vCxLLKQvsj+sr+QJ9TdcaibKnvWnQsocVdA2NkYLMrqdoZuK+DUeAYxaVpSTIMywb1bCDrtFeUEW3Xy3wVmOxwZky61FIFzOjdB7KLXKhgK5R1fVc66Gsi05+ZvOwoHfXBm7PPW6hga5R2K/KI5pg92WM6C8ohu81k7bRZdCzahAeFiOuabaeY8WZLGYGaXQMFTEnQNcoIyiS80Eb/tuJ4X4h14aOlzOga2g8IsAilaoU4Tb2uwTYFQ763ZW4DrpGaSZHcbzrcYb6PNMWYGAUu0Wd4xUSnULKSdCzwpyXRaXIpgeknS7Hq5yNQv4/oLaTKDkNuobG3VGlnb/AIst53Fe/nfmcjyL+19DWaYTCAbqGRtuocEC4wGLq5oL7OiyICuC/sKiUohr0LOCXR1B0vzPbmoMhiJ7ETFcyS3t7XD8MD+DhBj0rbdGUCNQ/+I5RhgCn3PYKjGS769wfZip1wolKuEHX0EjgH6S4tK9PZz73BeYeGLBL6L287ZKV4Rwf0yN4U2k0gp7Vq/AkH4cxk0M6i+lFqTBxX5JuLAwj9Of4hCe5wR0s3AM9J/qzB3PZ42DCgwt8wwzahw1utV/D/bzGZgd3KpfYwzx62mWGuXxAzzHT1KQ/b7EuhK3SUb5gGt2o7OjLPLAXfiW68Cqfh7Bb+Y31zOFf3E5h9+UfGdA9WrBE7uRxJrCYL9lLuo+oub84yk5Ws4Dn6UKtrKisiPY8lKQmnRjLfFaznTQfptlM0tnLWpYwgT7UI9EQb/e3At0YZleMRCpTm5a0pDu96UUvetOZ5rTgdipSKhKrIuAeTykqcivNaU4nnft/0IpW1KAyiRQz+dXHQI/1GOixHgM91mOgx3oM9FiPgR7rMdBjPQZ6rMdAj4Ee65dDv5cVrGAF73NLDPS/S/ckVWp8uYNeinnMYx4LTVld/359oG6ianC5g36j/nw/HwP97wL6DTroT8dAj4EeAz0Gegz0YAcs5COTUUKgGQvRKEipID1fSnovT4GGxrU66CMCHDEvpYLM2FLS5/3FAszylGBfQ8lnz8c1Sv12c483UA4J9MqMZCQjSSYRjZsYw2Z+Io0feIcuFNLvi6MDC9nJYQ7zPUvp5NPDpSmT2MgBjrKXVQwmEY1KOqXbLPc3YCz/YQ9pHGE3m5jHAENkV1mSGclwJuqgf8aQ7PFGkkwXGx4aMI6v2ctRDrCJF6hvc085fYQaaNzBLHaTxgHWMtyUgKwaT7CC3fxMGnvYwBRa2QJUmu4sYSdHOMR2ZmbXUrqHZEaSzOPKnbeRnE27KBotWMJe0tjH56YSBvlpy3S28hNp7OEDelMkVNDv08VYg44WF8ZN2TW5a5Jq8QjbTkvbEevY5E5P42Fa6f/rZXplr7D1mjvPFzyY7RDZ2I8L4jYTRFX5yDJmJksNOd41NJroV/vShwvK3SnKXZVYZOvWvZ6mhtEKMNSmWMKHlGaOLgfP3b30O6rwvOEXk5W7WtpUmtxJA3qGAnpbfahZtqk50qlBDS+peS5wr2W87l4iQjP5VBeqmnj7dj+11bIeuvp+QP/KAHo7r/63P5nCHBvoSUu2mCrBtNfvecBnLiqPvqCo11jeLXqw526Fdjddiu+bnEM9gVojvdSnOaNHEYYIurf2g49EBL+Y1k7HgIroeEC/gs0+7/w425+0kZ8Rv1FAb2HKBJlhgr2SDejWRz3n+3mPz8RER/X5FwioNoQd6NZ1nPPZSA5gRAdAP8MS+tOVl2zKY/zBQgbQnYnsU/76kjLWrfxmeOVOoge9mcGPXkH3pAS5yGLaU4skWvIkn3AauKQ/89VIJZVUtigZG1KVPl0HvYTC+THG04TqNGWiwtkHyubSCPp+ptGbESxnur7jOWmAbBqP0ZOJbMr+ePTRR3rWIMWVDKUzw/nQ9AB6B307E3ic0XzC0OzrjQ2P63rG0o3HmcdxZ0H/Xtk8JbDcMPiu7BethkZx5YW0Xyl/s0D/61kGKnWKExjvBfSX9b89Y+KrCmNtKhj4372PVla/GlFypx60kEkTW9A/s5wc8rBIeSiHGbauDfmcVN2v/RYlHuZrwyekrqGerTfQ51gyScWxQb96ikeUK+V50znQz5kyIZThmH7ttCmjWRl9w3JRn+Ktevhihk2in1G2oC/WWa/myDm9uF6a7yQ3mq6108OsFtqAftwmuU8VHcpMQ3HOnF21Jwhxij7OZsujU0aJibUHfYdN/M7dSpxMI8vV2U6B/p7l2kz92gLLNU+N8VbZfxmhPLdWOnlYZwO6J/vsbMo4AHpz/fqLNlfX65+GYhbQ59vcP1i/utgnV/Hs1Ddl9Wyut9Rf1Pag283FI9/RttqC/c6APtBybZB+rafl2lD9Wk7Gs+V6uJ59moAeNqB3Udb/MT7iFQbQhiqKfiA40EfqK/MRrjH1EnoeuYskWUAfZjPaCv3N1dQn6FX1zd7nXhREm3yCbj0DxbFRX+dlbccc4wzoj1qudfZxrYPpWj6+zf7/Xi+6qEr6pqab8sTuttmRZrCD122VKf5Af10H/QRHSDP0I/yq/7qNBfS+NlBt1k/XvrVrHhkme7ljgk/QrfqOEvpBdo2XERs5A3pHG++MnGbNbdbGBPoV+q5yrRdKRfUdtHpOr2nZ23sCfGdaVrw/0N8PMJ70IQvo/7T5ZueA/qNJ9WPuD/hYHFm9p0/QW1nuv07fTczx+nYJE+jtfIB+j2miBfVnc50XfXsxW9A1KjOfP7yAs8ykB/cH+pIAQX8kINC36Gd73xaE9voo3b3c0T9I0Mvyu9fdVI4SNwpA93y3fvaSWqO6rvHrZvPa7scs1nLYou7sHhTo0/QPxHu8xute+kxuDQD0vPqhKd1PwRzP9nG8lzteDxL0BA7qpwH7KNjW0QC6xnz9L61tKQ2z2ciZxVyICtzLeOWw+G8voI+2HeFf+je9dUBHQF+gq++Nh32OUlE/rG6zNcJcxfdBgp5fL510kZttab4WHaB7DAif20xd3bJ18wtGLX3FbzB8T6voYzxn+7sk3cyywgHQPRvZVJ9R56oixS57c28/5/RWNr95UbGJ2LmNpUcH6InK7vhZi2V9oa1yRqOFjaFVQ9MzuBpBL68/DCu8WPA9uvzHbK7fbTpO+ga9jGJommy5ej136v8eodgTzQfWxsoogYNeQ9H597JY/L9ySjkTKugakxRgFyhgNuTfXtSwpTnOHzxjyrhUiBd07dky0wlgr254fVB/EJIVHXhXRXE6UlfCZIlxOpnsMpwIfIOuMVbheqmS9608wznGEa7WvXTTFH3DYzqNovQxWPwCB139uFxiEtfrjhYt+MY5NWzooCewy2B2WMubzOVbS5Ypq0buV1KZxBC6MphphlE6mPR6S5XT/Frm8hXpwFZd05/P8IAd4C1GM4qJfK1/dycEAXoRXfuQpW/byFvMyaYJMM6L+eQgH/IGKyxm42BAr2hIbnaST5nFInaZ/ATMoF/lNugaNWycCFSbuhH0+n6PVimW3cH9tvdlUF157e72M2q1gEHXqOqzosUFJSvtBB/3XcwF6BptAsjIp4KewIuMZ1KWFcE90DVq8J0tc2m8YnGiKO/nXJ1ic/jLo5wS1PaiQff3hY80X6MVa5l/0DVu0nX21nbIEF8yyktNx7n6PIMDPafIGDZeS7NsQO/PPJaxKMti6Qt0D7BdfWiauvlws+pi2aePs7zWPuImmtpusZqyyDbt/jb6enESjGOaKbFfJl+YSvEVZLB+TFJdHmaaDkAeN6xBPmR0JQNtHuU0JlqSGdZnpeljdoJnyKe7Sx1S7n3MohS262V53eS39BeLuYa+NmFNT/MMq3iOSf5AL0bd7G5dVVcHdC3BNvzoPsbzDinM44nsV6CHktmfNJHmDONV3iWFJUylP3X9eLDeTD9msJIPmUE/L2bZwjTlKWbxESnMZBRtbKomFNZ58peLMp4GDGEGK0lhDuO432sNhur0Yzor+YApdKJc9rsni8rthj14Du2ifmhfRwcmsIwUZjMoe4NcJvu3dyjvrSTeYSgfZC2A/wH6H9KgVIR3ugAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOS0xMS0xMFQxNDo0OTo0MCswMDowMHQBsAAAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTktMTEtMTBUMTQ6NDk6NDArMDA6MDAFXAi8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAABJRU5ErkJggg==\"","module.exports = __webpack_public_path__ + \"static/media/unionpay.4bbff7ad.png\";","module.exports = \"data:image/png;base64,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\"","// extracted by mini-css-extract-plugin\nmodule.exports = {\"SpanStyles\":\"modal-remove-member_SpanStyles__10wA5\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"modalConfirmation\":\"modal-acquirer-filter_modalConfirmation__YVEGS\",\"modalDialog\":\"modal-acquirer-filter_modalDialog__1MVii\",\"modalHeader\":\"modal-acquirer-filter_modalHeader__3KIeL\",\"modalBody\":\"modal-acquirer-filter_modalBody__3oYo2\",\"text\":\"modal-acquirer-filter_text__1BEF8\",\"menuItem\":\"modal-acquirer-filter_menuItem__2FWS0\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"inputMerchantStoreId\":\"add-merchant-id_inputMerchantStoreId__2YBgs\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"inputRefund\":\"process-refund_inputRefund__116GM\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"inputMerchantStoreId\":\"merchnat-store-id_inputMerchantStoreId__2ejQx\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"snackbar-and-alert_container__2YK0l\",\"container_title\":\"snackbar-and-alert_container_title__3vm_N\",\"codeInput\":\"snackbar-and-alert_codeInput__2eE2L\",\"errorContainer\":\"snackbar-and-alert_errorContainer__2qiIF\",\"itemForm\":\"snackbar-and-alert_itemForm__26xOI\",\"alertMessage\":\"snackbar-and-alert_alertMessage__376hA\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"inputMessage\":\"url-input-field_inputMessage__EFYpV\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"inputRefund\":\"charging-set-up-fees_inputRefund__Evn6K\"};","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABmJLR0QA/wD/AP+gvaeTAAABR0lEQVRoge2YwU7CQBCGP30HG03o0fDupOEm3sUbnOTgU3AAHwAPHUklW2TL/h2N8yUNTRm+yex2y3Yg+F3UQAPsgUPmsQfmwNTLXwPbAeLTYwtMHPw0FvDUF/ADE2BhjpmD/zitQ+Rf1ObYOfiPU3QtfR6J/7aA0JUowJsowJsowJsowJsowJtuAR/2ee1mC9KbLbWfOe0madEJzJU/m6Nx8DOl3AvHo4MfaKd3RjtFueKdjUyvfAR/EPx71H0hKfK+jRp530aNvG+jRt0XkuC9G30FVkCV+K4C1sDyUpnHDKwtdsP3Iiq7dqAtsHjiUp474M3i34GHxLV7ReKSnu5ob07OU7dWscQlPd1Rzxp570V8jpvcH8QtNMCTWrCphV08cSnPn3+MLjn/R7YCXhSJx/BcxJh9ITnyvo2aUfo2aqJvE2TyCQdDVO/i80XsAAAAAElFTkSuQmCC\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAABmJLR0QA/wD/AP+gvaeTAAAEWUlEQVRoge3aW6hUVRzH8c8czzErkyQ4D0UJQRexiI4VdYqMMrJCMIkIwrfIiOhCFyu6GBhlJl0gfIjCih6KerAHe0iiHoQoQ7CL3ehgF9LyUmFapk4P/z3Nbpg9tz1zZo7OFzbnsC7/+f33Wvu//mvtTZ8+ffpMIArJ36PxAK7A9O7JqckurMOT2JnH0LH4CsUJcn2baG6JQSzHqdiIu7ClVWMdZgZW4mw8gZtbNbRd3LmZ7dHVUWYKrb/mMVKaKoV6DXuEg3LoHUj9X2yLnB5nMPV/r0XnA/ijE4a7HXVrXddX0ZtrSqdHeFcrBjrIbvzcCcOluzlRaFvQOizoO3yoM1infiqGxkPIeJIVtC7EfuO3BDV75V6WKtmBMRzXiuEOs06OlWWiLUu5OOyCVt/hQ516y9IczJa9NP2N9fi4naIqGMCJIojurqibJo57fhQpZ0NkBa2XNL5ELGvGgwaZgsfEFrEolsgNeCS5NootZFFsfB7SQM5QUHY2va5dJkL/LqzGvoz+U3EjJmMWNjfhUC0m4U0sECO3BcPidDXNbnFENUPofw2L1Fl1qo3wfUnZ4w2Iezlpu7CBto3yYGJzK0aSsiPEDVguZtRc5UdyVBzdFnFbPePVHF6alC1tQNzJuFtMwTwUcDFWiVHdj0ua6H9tqt8zuCCrYTWHFydla9QPbO3gfGxKafkHt7RgZ4n/p8MbcFZlo2oOn4Df1A9WO6sZbJJZyoFpDE/htBz2zhDn1j8kNreLWfgfWVF6VNyhWhuIP3FODnHwVmJrtQhW7WIoZfvFdEW3c+kdye8Pd8D2KYnt79KF3XR4KPntvRn1wyIi36q1WHJkYn9PurC0eLdzOjXKlGqCUryrPCD3Vqkv4H7xRrGW/b1Secb3SeGcliTnY2Hy25sy6r9RdnhVRV1BLD9FkYBkZVkl/+YS0+RV8W74DfF2bqxl+c0xKATD8xltlghHtwptJQp4GreLfP46sZRV4zmsEEHxTGLY1+jeUc06ze3a0iP7F66q034A7yftV6Tz52swz/i+Y/pdPIPbG2xfObILsbaBfiP4RLxMnzA0O7Jppib9OvJyrhMU8KzWnCWe8SI+arOujlDP2VFcKfvY9nj8kvRf1CGNbaOes6VNTlE54lfySlL/jh450ponRqgad6o9jV9XdvizKvUDyhuTk3IrbRN7hEPVuAnbZD+z85O+B3FHlfpS6lp5FtY1JonUdr/WP6oZlj16R+nB6FxK/UbqNWyBS9VOXbvCMiFqM85to92LRJpcxD1ttJubafhQOfh8IXZGk1uwNQUPK8+aIt4T28Se4hhxYLhNWehaze2Bh/BBqv9PIm3tOWfTDOBy8fVOEY820Xd50meLmM4T5ctCxPHsgeRaJs7N5uMFfI0vxZuRq8Vzv1I4uw/ndUFvW1is/IlSI9cB3FDPaK8P+2yxFTxdfEG7Hm8L3QvEZxnT8bnYNn7aHZl9+vTp0yH+BU/f1LFiKRx7AAAAAElFTkSuQmCC\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAAEZklEQVR4nO3bXaxcUxQH8N+97VW9Uh6oUjRKS1vxVRGhmlQlKPogNCGRkCBCUiGVaPBGaKjvUCLUsxdSiSeqKCJEPdVnNaSUFEHLrfRjPKw9mbnTmTtzpufcc93MP9nZM/tjzX+vs9bea5/Ze4LyMIDjMYg92Fcil1FBHy7CGmzFXlTq0rd4NrUZdzgfHxk+4Ap+Tqmx/H0sKIVpAbgX+8XAduAhnCdcoIqBVPZwalMRbrFiVJkWgDViMPvxCA7voM8RWK2mtGcKY1cw7hQD+AdXd9H/mtS3gjty5DUqOEOY8H5c26LNMVgpJr4VmNqkzXVJxh7MzZ9mcXhDPLk1LeoX4jfDJ74/cFaTti+k+tfzp1kMThOE/8LRTeoHsCW1WSfM+0212b8R07Az1c8pgG/uuE+QfalF/Zmp/kv0p7JJwiKGMKFJn5dTn5W5Mq0jkCcuSfm6FvXVlWCH8G/4F4uEazSLCKuyLs2DYNHYKp7WSS3qp6f6XzLIPDn12XJw1EYHQ4Ls5IbyZfhazf8r+C59X9VG5uTUfihXppiYt0A1Ez7EcMKnYHZD25kpP7uNzEkNssc0qi7QuG73YYZwjU9Tm2Xp+4CRMU/NYnJFEZPgZym/oKG8gh/EIKakss3p+542Mqsbo015EKxHEQpYn/KrWtSfK1xhSMQKnXCoylo/YqsxgqOwW/hrs8huk+ER4Pd4HPfgVdzS0H5+krUbRxZDOX88Jga3wfDApg9fiAFt0/xdwFt17SfivVS+ugiifQfRdxBP4cQmdVPE/h6exF0NvzlRze8XYInYBn+O1/B7qnsay9Pnj0VInAX78AA+yNivLQbxtgOfXqv0nPYzfT0G8HwG+SOlViE5uosDBsVub7Ew49u1DlBmihcat4nJ726820b+ImHu54gQeblYWjvFXDyh5nq5TvT1T34bZnXQZ6FY/qpP5BOxYVqC01NagvvV4oPqkrkwI7852J76/53ytRlltET94H90YFTXDPPVtrJZ017cmoHfqfgp9f1QbLPbKqBT86g3++0p/6aDftXBdIMsfWeLGOFYMeFdJmKMXDAolqbqDm5eXoJzwizhjhVsVIsyb9SBBbSbBOuf/D48KLaz07vnmysOFa/djhPxwhXYlecPrJLPUlR02oDDGrjnYgHTUr5ZTDBjDRcKK7hJzPqZ0Wkc8Che6eYHCsZWEYl2/Z6giN3g/wo9BZRNoGz0FFA2gbLRU0DZBMpGTwFlEygbPQWUTaBs9BRQNoGy0VNA2QTKRk8BZRMoGz0FlE2gbPQUUDaBstFTQNkEykZPAWUTKAj9uDh9HvFPk/GogH5xx+B68XfZiEdkxpsC+sQNlJvFdZul4rZaSxRxVrgs9It7BTeIwV+JdzrpNB7Q1eAZPxbwojjEsQuXa371pinGiwUsFhPeUhkGT/uTomvFSYsdsp/SHA3MEFa8Uzz5jVkFtHOBr1I+VfN7fWMBfwqfzzx4OjsrfIJsx1xHG786iCNx/wGIzFGh+QIuZAAAAABJRU5ErkJggg==\"","module.exports = \"data:image/png;base64,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\"","// extracted by mini-css-extract-plugin\nmodule.exports = {\"agentFilter\":\"modal-filter-pdq-merchants_agentFilter__VPOjS\",\"statusFilterDiv\":\"modal-filter-pdq-merchants_statusFilterDiv__1bNk0\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"notificationMessageContainer\":\"valid-email-input_notificationMessageContainer__Ys600\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"autoWithdrawalStyle\":\"withdrawal_autoWithdrawalStyle__8xxHZ\",\"autoWithdrawalContainer\":\"withdrawal_autoWithdrawalContainer__23tQO\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"profileCard\":\"profile_profileCard__3nSIG\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"paymentsContainer\":\"payments_paymentsContainer__2Hex4\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"chargebacks_container__2_XWD\",\"merchantListContainer\":\"chargebacks_merchantListContainer__3l7hR\",\"merchantDashBoardMenu\":\"chargebacks_merchantDashBoardMenu__1pzeL\",\"chargebackContainer\":\"chargebacks_chargebackContainer__3Bh4t\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"merchantChargesContainer\":\"merchant-charges_merchantChargesContainer__1XsXU\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"internalTransfersContainer\":\"internal-transfers_internalTransfersContainer__3GWdt\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"payoutsContainer\":\"payouts_payoutsContainer__3Lhjn\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"gfoPaymentsContainer\":\"gfo-payments_gfoPaymentsContainer__3FfV_\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"pdqsContainer\":\"pdq-transactions_pdqsContainer__3Yy8i\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"alertError\":\"login_alertError__3NhE9\",\"loading\":\"login_loading__2J6wy\",\"homeLogo\":\"login_homeLogo__qCmWK\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"homeLogo\":\"signup_homeLogo__Q6Kqw\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"homeLogo\":\"reset-password_homeLogo__1Orw1\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"homeLogo\":\"request-support-form_homeLogo__3xaJ7\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"alertError\":\"link-qr_alertError__YPtkc\",\"loading\":\"link-qr_loading__2g9bb\",\"homeLogo\":\"link-qr_homeLogo__XvPl0\"};","module.exports = __webpack_public_path__ + \"static/media/maintenance.16827300.svg\";","// extracted by mini-css-extract-plugin\nmodule.exports = {\"homeLogo\":\"signup_homeLogo__QqwBl\"};","import React from 'react';\nimport { Redirect, Route } from 'react-router-dom';\nimport { useGlobalStateContext } from 'contexts';\nimport { AuthService } from 'services';\nimport { UNDERMAINTAINANCE } from 'utils/constants';\n\nexport default function LoggedRoute({ ...rest }) {\n const { getRoute, globalState } = useGlobalStateContext();\n\n if (UNDERMAINTAINANCE && globalState.customDomain) {\n return \n
\n ) : isLinkExpired ? (\n \n
\n ) : (\n <>\n \n \n
\n \n
\n \n
\n \n 
\n
\n Sign-up link has expired
\n\n For assistance, please reach out to our support team at{' '}\n \n info@datman.je.\n \n
\n\n
\n setRoute('/terms-and-conditions')}>Terms and conditions
\n© Datman. All rights reserved
\n\n \n
\n \n \n
\n \n )}\n \n \n
\n \n {areLoadedMerchants && (\n \n {isMerchantAccountClosed && \n \n \n \n \n \n ) : (\n \n \n \n {isAdmin && datmanMerchant && (\n \n \n )}\n {/* \n */}\n {!pageLoading && (\n <>\n {bankUpload && (\n \n
\n )}\n \n )}\n \n )}\n\n {autoWithdrawStatus && isVerifiedBank && datmanMerchant && (\n \n \n \n \n \n
\n )}\n {accountUpdated && (\n \n
\n \n Your Update Bank Details request has been submitted. This\n process can take up to 14 days.. \n
\n \n \n \n
\n )}\n {showBanner && !bannerLoader && (\n \n
\n \n Your 'Update Account Details' request has been submitted. This\n process can take up to 14 days. \n
\n \n {passwordAge >= passwordExpiryBannerVisibility && (\n \n \n \n \n \n \n \n
\n \n )}\n\n {globalState.merchant?.isAdyenBalancePlatformAccount &&\n !globalState.merchant?.isAllCapabilitiesAllowed &&\n !_.isEmpty(termsOfServiceTypes) &&\n termsOfServiceTypes.length > 0 && (\n \n \n \n
\n )}\n {datmanMerchant && !isVerifiedBank && !pageLoading && (\n <>\n {(bankDocStatus === DocumentStatusToName.NEED_APPROVAL ||\n accountDocStatus === DocumentStatusToName.NEED_APPROVAL) && (\n \n
\n \n Your password will expire on {passwordExpiryDate}, please{' '}\n setRoute('/update-password')}\n >\n update your password.\n \n \n
\n \n \n \n \n \n
\n )}\n {(accountDocStatus === DocumentStatusToName.REJECTED ||\n bankDocStatus === DocumentStatusToName.REJECTED) && (\n \n
\n \n We’ve received your documents for verification.\n Our team will review and verify the documents.\n
\n \n \n \n
\n )}\n \n )}\n {autoWithdrawStatus && !isVerifiedBank && datmanMerchant && (\n \n
\n \n Your account is not yet fully verified, please\n upload the correct{' '}\n {rejectedDoc.map((doc, index) => {\n return `${DocumentTypesToName[doc]}${\n rejectedDoc.length - 1 === index\n ? '.'\n : rejectedDoc.length - 2 === index\n ? ' and '\n : ', '\n }`;\n })}\n \n \n setRoute('/upload-documents', {\n businessType: businessType\n })\n }\n >\n Click here\n \n
\n \n \n \n \n \n
\n \n )}\n {!isEmailConfirmed && (\n \n
\n \n You have automatic payouts enabled. Once your\n accounts is verified, available funds will be sent\n to your account on {nextPayoutDay}\n
\n \n \n The email \n \n {userEmail}\n \n {' is not verified. Click '}\n \n here\n \n {' to receive verification email.'}\n \n
\n )}\n {!autoWithdrawStatus &&\n datmanMerchant &&\n isMerchant &&\n globalState.merchant?.status !== MerchantStatus.WATCHLIST && (\n \n
\n \n
\n \n Click \n setOpenModal(true)}\n >\n here\n \n to enable the auto withdrawals.\n
\n \n \n \n \n \n
\n \n
\n \n handleTOSDocuments()}\n className={style.click__here}\n >\n Click here\n {' '}\n to accept the terms and conditions.\n
\n \n You have automatic Payouts enabled, available funds will be paid to\n you {nextPayoutDay}\n
\n \n \n \n
\n \n )}\n \n )}\n \n
\n\n {datmanMerchant && (\n \n Payments\n {\n setRoute(`/payments/day/${dateFormat}`);\n cleverTapClick('See_all_click', globalState, {});\n }}\n >\n See all\n \n
\n \n
\n )}\n {errorMessage}
: ''}\n\n \n
\n \n
\n
\n \n
\n );\n}\n\nexport default RolesAndPermissionsComponent;\n","import React from 'react';\nimport RolesAndPermissionsComponent from './roles-and-permissions.component';\n\nfunction RolesAndPermissions() {\n return \n
\n Roles And Permissions
\n\n {\n setShowConfirmationModal(true);\n setConfirmationMessage(\n `Are you sure you want to ${user.isDisable ? 'ENABLE' : 'DISABLE'} user ${user.email} ?`\n );\n setSelectedUser(user);\n setIsForDeleting(false);\n setIsForUnassign(false);\n }}\n label=\"\"\n />\n
\n \n
\n {showAssignModal && (\n \n
\n User management
\n\n \n
\n \n \n {isMerchantAccountClosed && \n \n \n \n setSnackbar({ type: '', message: '' })}\n open={snackbar.message}\n type={snackbar.type}\n >\n {snackbar.message}\n \n \n
\n );\n};\n\nexport default TransactionListComponent;\n\nTransactionListComponent.propTypes = {\n onChangeDateRange: PropTypes.func,\n dates: PropTypes.array,\n daterange: PropTypes.object,\n setClear: PropTypes.func,\n offrange: PropTypes.bool,\n setOffrange: PropTypes.func,\n setDaysRange: PropTypes.func\n};\n","import React, { useState, useEffect } from 'react';\nimport TransactionListComponent from './payments.component';\nimport moment from 'moment';\nimport { UserType } from 'utils/enums/UserType';\nimport { ResellerType } from 'utils/enums/ResellerType';\nimport { MerchantCountries } from 'utils/enums/MerchantCountries.js';\nimport { useGlobalStateContext } from 'contexts';\nimport { cleverTapClick } from 'utils/helper';\nimport { REACT_APP_CARD_PAYMENT_ARCHIVE_DATE } from 'utils/constants';\nimport { Messages } from 'utils/enums/messages';\n\nconst TransactionList = (props) => {\n const selectedAcquirers = sessionStorage.getItem('selectedAcquirer');\n const [channelFilter, setChannelFilter] = useState('All');\n const { globalState } = useGlobalStateContext();\n\n const [daterange, setDateRange] = useState({ start: moment().subtract(1, 'days'), end: moment() });\n const [dates, setDates] = useState([]);\n const [loading, setLoading] = useState(false);\n const [offrange, setOffrange] = useState(true);\n const [startDate, setStartDate] = useState();\n const [endDate, setEndDate] = useState();\n const [daysRange, setDaysRange] = useState({});\n const [acquirer, setAcquirer] = useState(JSON.parse(selectedAcquirers));\n const [snackbar, setSnackbar] = useState({ type: '', message: '' });\n const isAdmin =\n globalState.user?.UserType?.name === UserType.Admin || globalState.user?.UserType?.name === UserType.SuperAdmin;\n const isDatmanReseller = globalState.reseller?.name === ResellerType.DATMAN;\n const merchantCountry = globalState.merchant?.country === MerchantCountries.UNITED_KINGDOM;\n const showAcquirer = isAdmin && isDatmanReseller && merchantCountry;\n const acquirerName = globalState.merchant.paymentProviders;\n\n const onChangeDateRange = (startDate, endDate) => {\n setDateRange({ start: startDate, end: endDate });\n setOffrange(true);\n const initialDate = moment(startDate);\n const finalDate = moment(endDate).add(1, 'days');\n let includedMonths = [];\n let rangeDates;\n\n if (initialDate.isBefore(finalDate)) {\n rangeDates = {\n from: initialDate.format('YYYY-MM-DD'),\n to: finalDate.format('YYYY-MM-DD')\n };\n includedMonths.push(rangeDates);\n // initialDate.add(1, 'month');\n setDates(includedMonths);\n }\n setStartDate(initialDate.format('DD-MM-YYYY'));\n setEndDate(moment(endDate).format('DD-MM-YYYY'));\n const data = {\n date_start: initialDate.format('DD-MM-YYYY'),\n date_end: moment(endDate).format('DD-MM-YYYY')\n };\n cleverTapClick('Date_selector_click', globalState, data);\n };\n useEffect(() => {\n const fetchPaymentProviders = async () => {\n setLoading(true);\n const currentAcquirer = selectedAcquirers ? JSON.parse(selectedAcquirers) : acquirerName;\n setAcquirer(currentAcquirer);\n setLoading(false);\n };\n fetchPaymentProviders();\n //eslint-disable-next-line\n }, [globalState.merchant.paymentProviders]);\n\n const isDateBeforeCutOffDate = (date) => {\n const inputDate = moment(date, 'DD-MM-YYYY');\n const thresholdDate = moment(REACT_APP_CARD_PAYMENT_ARCHIVE_DATE, 'DD-MM-YYYY');\n return inputDate.isBefore(thresholdDate);\n };\n\n const dateRangeArchived = (startDate, endDate) =>\n isDateBeforeCutOffDate(startDate) && isDateBeforeCutOffDate(endDate);\n\n const isDateRangeArchived = dateRangeArchived(startDate, endDate);\n\n const snackbarVisibility = (fromDate) => {\n if (isDateBeforeCutOffDate(fromDate)) {\n setSnackbar({\n type: 'success',\n message: Messages.PAYMENT_VISIBILITY(moment(REACT_APP_CARD_PAYMENT_ARCHIVE_DATE).format('MMMM D, YYYY'))\n });\n } else {\n setSnackbar({\n type: '',\n message: ''\n });\n }\n };\n\n useEffect(() => {\n snackbarVisibility(startDate);\n //eslint-disable-next-line\n }, [startDate, endDate]);\n\n return (\n \n \n {isMerchantAccountClosed && \n \n \n \n \n
\n );\n};\n\nexport default MerchantChargesComponent;\n","import React, { useState } from 'react';\nimport MerchantChargesComponent from './merchant-charges.component';\n\nconst MerchantChargesList = (props) => {\n const [loading, setLoading] = useState(true);\n const [openMerchantModal, setOpenMerchantModal] = useState(false);\n return (\n \n \n {merchant && merchant.label !== MerchantLabel.SUPPLIER && !enableWithdrawal && (\n \n \n )}\n {enableWithdrawal && \n \n \n \n \n
\n );\n};\n\nInternalTransfersComponent.propTypes = {\n merchant: PropTypes.object,\n totalPendingAmount: PropTypes.number,\n setTotalPendingAmount: PropTypes.func,\n show: PropTypes.bool,\n setShow: PropTypes.func,\n enableWithdrawal: PropTypes.bool,\n setEnableWithdrawal: PropTypes.func\n};\n\nexport default InternalTransfersComponent;\n","import React, { useState } from 'react';\nimport InternalTransfersComponent from './internal-transfers.component';\nimport { useGlobalStateContext } from 'contexts';\n\nconst InternalTransfersList = (props) => {\n const { globalState } = useGlobalStateContext();\n const [show, setShow] = useState(false);\n const [totalPendingAmount, setTotalPendingAmount] = useState(0);\n const [enableWithdrawal, setEnableWithdrawal] = useState(false);\n const [loading, setLoading] = useState(false);\n\n return (\n \n \n {isMerchantAccountClosed && \n \n \n \n \n
\n );\n};\n\nexport default PayoutsComponent;\n","import React, { useState } from 'react';\nimport PayoutsComponent from './payouts.component';\n\nconst PayoutsList = (props) => {\n const [loading, setLoading] = useState(false);\n const provider = sessionStorage.getItem('selectedProvider') ? sessionStorage.getItem('selectedProvider') : 'All';\n const [selectedProvider, setSelectedProvider] = useState(provider);\n return (\n \n {isMerchantAccountClosed && \n \n \n \n \n \n
\n );\n};\n\nexport default GfoPaymentsListComponent;\n\nGfoPaymentsListComponent.propTypes = {\n onChangeDateRange: PropTypes.func,\n dates: PropTypes.array,\n daterange: PropTypes.object,\n setClear: PropTypes.func,\n offrange: PropTypes.bool,\n setOffrange: PropTypes.func,\n setDaysRange: PropTypes.func\n};\n","import React, { useState } from 'react';\nimport GfoPaymentsListComponent from './gfo-payments.component';\nimport moment from 'moment';\n\nconst GfoPaymentsList = (props) => {\n const [channelFilter, setChannelFilter] = useState('All');\n const [daterange, setDateRange] = useState({ start: moment().subtract(1, 'days'), end: moment() });\n const [dates, setDates] = useState([]);\n const [offrange, setOffrange] = useState(true);\n const [loading, setLoading] = useState(false);\n const [daysRange, setDaysRange] = useState({});\n\n const onChangeDateRange = (startDate, endDate) => {\n setDateRange({ start: startDate, end: endDate });\n setOffrange(true);\n const initialDate = moment(startDate);\n const finalDate = moment(endDate).add(1, 'days');\n let includedMonths = [];\n let rangeDates;\n\n if (initialDate.isBefore(finalDate)) {\n rangeDates = {\n from: initialDate.format('YYYY-MM-DD'),\n to: finalDate.format('YYYY-MM-DD')\n };\n includedMonths.push(rangeDates);\n // initialDate.add(1, 'month');\n setDates(includedMonths);\n }\n };\n return (\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\nDashboardComponent.propTypes = {};\n\nexport default DashboardComponent;\n","import React from 'react';\nimport AdminDashboardComponent from './admin-dashboard.component';\n\nfunction AdminDashboard() {\n return \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","import React from 'react';\nimport PendingCustomersComponent from './pending-customers.component';\n\nexport default function PendingCustomers() {\n return \n\n
\n
\n \n You must verify your account before making a withdrawal. To verify your account, please\n upload the required documents. \n
\n Account Verify Documents
\n\n {formattedDocumentsStats?.pendingDocumentCategories?.length ? (\n <>\n {!formattedDocumentsStats.needsOnlyGenericCategoryDocs ? (\n \n {!formattedDocumentsStats.needsOnlyGenericCategoryDocs ? (\n
\n Documents that are required for identification are:
\n ) : (\n ''\n )}\nKindly upload the above documents
\n ) : (\n ''\n )}\n \n ) : (\n ''\n )}\n\n The required formats are: .png, .jpeg, .jpg, .pdf\n\n
\n \n \n
\n \n setOpen(true)}\n disabled={isMerchantAccountClosed}\n >\n +Add Credit\n \n \n setIsCredited(false)}\n type={successMessage ? 'success' : 'error'}\n >\n {successMessage ? successMessage : 'Credit request has failed.'}\n \n
\n );\n}\n\nAddCredit.propTypes = {\n disabled: PropTypes.bool,\n open: PropTypes.bool,\n grossAmount: PropTypes.number,\n feesAmount: PropTypes.number,\n netAmount: PropTypes.number,\n setOpen: PropTypes.func,\n refundReason: PropTypes.string,\n setRefundReason: PropTypes.func,\n firstName: PropTypes.string,\n lastName: PropTypes.string,\n setFirstName: PropTypes.func,\n setLastName: PropTypes.func,\n address: PropTypes.string,\n setAddress: PropTypes.func,\n setFeesAmount: PropTypes.func,\n onChange: PropTypes.func,\n onSubmit: PropTypes.func,\n handleOnClose: PropTypes.func\n};\n","import React, { useState, useEffect } from 'react';\nimport AddCredit from './add-credit.component';\nimport { AdminService } from 'services';\nimport { roundOfInteger } from 'utils/helper';\n\nexport default function AddCreditFunc(props) {\n const { updateFeeTier } = props;\n const [disabled, setDisabled] = useState(true);\n const [open, setOpen] = React.useState(false);\n const [isLoading, setIsLoading] = useState(false);\n const [feesAmount, setFeesAmount] = useState('');\n const [netAmount, setNetAmount] = useState('');\n const [firstName, setFirstName] = useState('');\n const [lastName, setLastName] = useState('');\n const [refundReason, setRefundReason] = useState('');\n const [address, setAddress] = useState('');\n const [isCredited, setIsCredited] = useState(false);\n const [grossAmount, setGrossAmount] = useState('');\n const [successMessage, setSuccessMessage] = useState(false);\n\n const handleOnClose = () => {\n setOpen(false);\n setFeesAmount('');\n setGrossAmount('');\n setFirstName('');\n setLastName('');\n setRefundReason('');\n setAddress('');\n };\n\n const percentage_fee = Number(updateFeeTier.percentage_fee) / 100;\n const fixed_fee = Number(updateFeeTier.fixed_fee);\n const onChange = (netAmount) => {\n const { value } = netAmount;\n setNetAmount(value);\n let gross = roundOfInteger((Number(value) + fixed_fee) / (1 - percentage_fee));\n let fees = roundOfInteger(gross * percentage_fee + fixed_fee);\n setFeesAmount(parseFloat(value) > 0 ? fees.toFixed(2) : '');\n setGrossAmount(parseFloat(value) > 0 ? parseFloat(gross).toFixed(2) : '');\n };\n\n useEffect(() => {\n const isDisable = !netAmount || !parseFloat(netAmount) > 0 || !refundReason;\n\n setDisabled(isDisable);\n }, [netAmount, refundReason]);\n\n const onSubmit = async () => {\n let data = {\n credit_amount: parseFloat(netAmount),\n customer_name: firstName + ' ' + lastName,\n address: address,\n credit_reason: refundReason\n };\n setIsLoading(true);\n\n const result = await AdminService.AddCredit(data);\n\n if (result.isSuccesfully) {\n setIsCredited(true);\n setSuccessMessage('Amount has been credited successfully.');\n } else {\n setIsCredited(true);\n setSuccessMessage(false);\n }\n\n handleOnClose();\n setIsLoading(false);\n };\n const isMaxAmount = (values) => {\n const { value, floatValue } = values;\n const MAX_AMT = 2500.0;\n\n if (typeof floatValue === 'undefined' || typeof value === 'undefined') {\n return true;\n }\n if (value.charAt(0) === '0') {\n if (value.charAt(1) && value.charAt(1) !== '.') {\n return false;\n }\n }\n if (value > MAX_AMT) {\n return false;\n }\n return true;\n };\n return (\n \n Select the month and year\n \n setSelectedDate(value)}\n animateYearScrolling\n minDate={'01-01-2000'}\n maxDate={new Date()}\n />\n \n
\n );\n };\n return (\n \n {error ? (\n setError(false)} severity=\"error\">\n An error occurred. Please contact support or try again.\n \n ) : loading ? (\n \n \n \n \n \n \n \n {globalState.reseller?.name === ResellerType.DATMAN && !globalState.merchant?.isStripe && (\n \n {/* We might require the below code in future so it is currently commented out */}\n {/* \n {globalState.reseller?.name === ResellerType.DATMAN && !notShowOption && (\n \n \n {globalState.reseller?.name === ResellerType.DATMAN &&\n !notShowOption &&\n isInternalTransferEnabled &&\n isAdminOrSuperAdmin && */}\n\n {globalState.reseller?.name === ResellerType.DATMAN && (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {globalState.reseller?.name === ResellerType.OMNIPAY && (\n \n \n )}\n\n {globalState.reseller?.name === ResellerType.DATMAN && (\n \n {\n setIsTestMerchant(e.target.checked);\n submitHandler(e.target.checked);\n }}\n />\n }\n label=\"Test Merchant\"\n />\n \n )}\n {isModalUpdateFeeTier && (\n {\n handleOnChange(updateFeeTierValue);\n setIsModalUpdateFeeTier(false);\n }}\n buttonText={'Update'}\n modalText={`Are you sure you want to change Fee Tier to \"Tier ${updateFeeTierValue}\"`}\n />\n )}\n \n\n \n {globalState.reseller?.name === ResellerType.DATMAN && isSuperAdmin && (\n <>\n \n \n\n \n SetBalanceReportModal(true)}\n >\n get report\n \n \n {balanceReportModal && (\n \n \n {/* setRoute(`/document-management/${globalState.merchant?.id}`)}\n >\n Document management\n \n \n {/* \n */}\n {isSuperAdmin && (\n \n {\n window.open(supportUtilitiesLinksMap.updateUserAttributes, '_blank');\n }}\n >\n Update user email/phone\n \n \n )}\n\n \n setShowDialogCreateUrgentMessage(true)}\n >\n Add urgent message\n \n \n \n setRoute('/admin-pending-merchants')}\n >\n Pending merchants\n \n \n {globalState.reseller?.name === ResellerType.DATMAN && (\n \n setRoute('/payouts-not-received')}\n >\n Payout Not Received\n \n \n )}\n\n \n \n \n Accept Stripe T&C\n \n \n \n\n {globalState.reseller?.name === ResellerType.OMNIPAY && (\n \n setRoute('/client-register')}\n >\n + New Merchant\n \n \n )}\n\n \n setRoute('/canonical-reseller-onboarding')}\n >\n + Create reseller\n \n \n \n {isSuperAdmin && globalState.reseller?.name === ResellerType.DATMAN && (\n \n \n setShowCreateFeeTier(true)}\n >\n + Create Fee Tier\n \n \n \n )}\n \n {\n window.open(supportUtilitiesLinksMap.addResellerTermsAndConditions, '_blank');\n }}\n >\n Terms and conditions\n \n \n\n {globalState.merchant?.isAdyenMerchant && globalState.reseller?.name === ResellerType.DATMAN && (\n \n \n window.open(getRoute(`/adyen-response/${globalState?.merchant.id}`), '_blank')\n }\n >\n Adyen Response\n \n \n )}\n {isSuperAdmin && (\n \n \n window.open(getRoute(`/auditlogs`), '_blank')}\n >\n Audit Logs\n \n \n \n )}\n {globalState.reseller?.name === ResellerType.DATMAN && (\n \n \n window.open(getRoute(`/adyen-blocked-merchants-list`), '_blank')}\n >\n Adyen Blocked Merchant List\n \n \n \n )}\n {isAdminOrSuperAdmin && globalState.reseller?.name === ResellerType.DATMAN && (\n \n \n \n \n Verify Merchant\n \n \n \n \n )}\n {isAdminOrSuperAdmin && globalState.reseller?.name === ResellerType.DATMAN && (\n \n \n \n \n \n )}\n {isAdminOrSuperAdmin && (\n \n \n setShowSignupModal(true)}\n >\n Reactivate Signup Link\n \n \n \n )}\n {isAdminOrSuperAdmin && isAdyenOnboarded && (\n \n \n handleAdyenOnboardingLink()}\n disabled={adyenLoader}\n startIcon={adyenLoader ? \n \n )}\n {showSignupModal && (\n {\n handleRenewSignupLink();\n setShowSignupModal(false);\n }}\n buttonText={'Reactivate'}\n modalText={`Are you sure you want to reactivate this merchant's signup link?`}\n />\n )}\n {/* */}\n {showCreateFeeTier && (\n \n\n \n \n \n \n\n \n {showDialogCreateUrgentMessage && (\n setSuccessCreateUrgentMessage(false)}\n type=\"success\"\n >\n Urgent message was added successfully.\n \n )}\n\n {clientRegistered && (\n setClientRegistered(false)}\n type=\"success\"\n >\n Merchant registered successfully\n \n )}\n\n {resellerCreation && (\n setResellerCreation(false)}\n type=\"success\"\n >\n Reseller created successfully\n \n )}\n\n {showMessage && (\n {\n setOrangeMessageStyle(false);\n setShowMessage(false);\n }}\n type={messageType}\n orangeColor={orangeMessageStyle}\n >\n {merchantVerificationAcceptRejectMessage}\n \n )}\n {showAcceptTermsAndConditionsMessage && (\n {\n setShowAcceptTermsAndConditionsMessage(false);\n setOrangeMessageStyle(false);\n }}\n type={messageType}\n orangeColor={orangeMessageStyle}\n >\n {acceptTermsAndConditionsMessage}\n \n )}\n {(showFeeTierMessage || showMerchantVerificationMessage) && (\n {\n setShowFeeTierMessage(false);\n setShowMerchantVerificationMessage(false);\n }}\n type={messageType}\n >\n {message}\n \n )}\n {showUpdateFeeTierMessage && (\n {\n setShowUpdateFeeTierMessage(false);\n }}\n type={messageType}\n >\n {updateFeeTierMessage}\n \n )}\n {BalanceReportMessage && (\n {\n SetBalanceReportMesssage(false);\n setMessage('');\n }}\n type={messageType}\n >\n {message}\n \n )}\n \n\n {globalState.reseller?.name === ResellerType.DATMAN && (\n \n \n \n )}\n {openModalOtpVerification && (\n \n \n )} */}\n \n \n {\n setOtpError('');\n }}\n >\n {otpError}\n \n {snackbarDetails.message && (\n setSnackbarDetails({ type: '', message: '' })}\n >\n {snackbarDetails.message}\n \n )}\n \n )}\n
\n );\n}\n\nAdminFunctionsComponent.propTypes = {\n isLoading: PropTypes.bool,\n error: PropTypes.bool,\n setError: PropTypes.func,\n message: PropTypes.bool,\n clientRegistered: PropTypes.bool\n};\n","import { useAdminFunctionsContext, useGlobalStateContext } from 'contexts';\nimport React, { useEffect, useState } from 'react';\nimport { AdminService, OtpService, NonResellerMerchantService, AdyenService } from 'services';\nimport { MerchantAccountStatus } from 'utils/enums/MerchantAccountStatus';\nimport { maskCharacter } from 'utils/helper';\nimport { MerchantStatus } from 'utils/enums/MerchantStatus';\nimport AdminFunctionsComponent from './admin-functions.component';\nimport moment from 'moment';\nimport { statusCodes } from 'utils/StatusCodes';\nimport { REACT_APP_SIGNUP_LINK_REACTIVATION_PERIOD } from 'utils/constants';\n\nexport default function AdminFunctions(props) {\n const { adminFunctions, setAdminFunctions } = useAdminFunctionsContext();\n const { globalState, getRoute } = useGlobalStateContext();\n const [isLoading, setIsLoading] = useState(false);\n const [adyenLoader, setAdyenLoader] = useState(false);\n const [error, setError] = useState(false);\n const isSubmitted = sessionStorage.getItem('isUserSubmitted');\n const [clientRegistered, setClientRegistered] = useState(false);\n const [resellerCreation, setResellerCreation] = useState(false);\n const [merchantVerificationAcceptRejectMessage, setMerchantVerificationAcceptRejectMessage] = useState('');\n const [showMessage, setShowMessage] = useState(false);\n const [messageType, setMessageType] = useState('');\n const [acceptTermsAndConditionsMessage, setAcceptTermsAndConditionsMessage] = useState('');\n const [showAcceptTermsAndConditionsMessage, setShowAcceptTermsAndConditionsMessage] = useState(false);\n const [orangeMessageStyle, setOrangeMessageStyle] = useState(false);\n const [showCreateFeeTier, setShowCreateFeeTier] = useState(false);\n const [feeTier, setFeeTier] = useState('');\n const [pricingTiers, setPricingTiers] = useState([]);\n const [message, setMessage] = useState('');\n const [showFeeTierMessage, setShowFeeTierMessage] = useState(false);\n const [updateFeeTier, setUpdateFeeTier] = useState('');\n const [isModalUpdateFeeTier, setIsModalUpdateFeeTier] = useState(false);\n const [updateFeeTierValue, setUpdateFeeTierValue] = useState('');\n const [updateFeeTierMessage, setUpdateFeeTierMessage] = useState('');\n const [showUpdateFeeTierMessage, setShowUpdateFeeTierMessage] = useState(false);\n const [loading, setLoading] = useState(false);\n const [BalanceReportMessage, SetBalanceReportMesssage] = useState(false);\n const [balanceReportModal, SetBalanceReportModal] = useState(false);\n const [selectedDate, setSelectedDate] = useState(new Date());\n const [openModalOtpVerification, setOpenModalOtpVerification] = useState(false);\n const [showMerchantVerificationMessage, setShowMerchantVerificationMessage] = useState(false);\n const [phoneNumber, setPhoneNumber] = useState('');\n const [otpError, setOtpError] = useState('');\n const [showModal, setShowModal] = useState(false);\n const [snackbarDetails, setSnackbarDetails] = useState({ type: '', message: '' });\n const [linkStatus, setLinkStatus] = useState(false);\n const [paymentConfig, setPaymentConfig] = useState({\n max_single_txn_limit: 0,\n txnUpperLimit: 0,\n xpress_sale_limit: 0,\n xpressSaleUpperLimit: 0\n });\n const [showSignupModal, setShowSignupModal] = useState(false);\n let supportUtilitiesBaseRoute = getRoute('/support-utilities/');\n\n const supportUtilitiesLinksMap = {\n updateUserAttributes: supportUtilitiesBaseRoute + 'update-user-attributes',\n addResellerTermsAndConditions: supportUtilitiesBaseRoute + 'add-terms-and-conditions'\n };\n\n const getCustomerConfig = async () => {\n setLoading(true);\n const response = await AdminService.GetMerchantDetails();\n\n if (response.isSuccesfully === true) {\n const data = {\n max_single_txn_limit: response.data.data.max_single_txn_limit,\n txnUpperLimit: response.data.data.single_txn_upper_limit,\n xpress_sale_limit: response.data.data.xpress_sale_limit,\n xpressSaleUpperLimit: response.data.data.xpress_sale_upper_limit\n };\n setPaymentConfig(data);\n } else {\n setMessageType('error');\n setMessage('An error occurred while loading Merchant Config');\n }\n setLoading(false);\n };\n useEffect(() => {\n const getPricingTiers = async () => {\n setIsLoading(true);\n const response = await AdminService.getFeeTierNames(globalState?.merchant?.id);\n setIsLoading(false);\n if (response.isSuccesfully === true && !response.data.errorMessage) {\n const customerTierId = response.data?.data?.customerFeetierId;\n const feeTier = response.data?.data?.feeTierNames?.filter((feeTier) => feeTier.id === customerTierId);\n setPricingTiers(response.data?.data?.feeTierNames);\n setFeeTier(feeTier[0]?.id);\n setUpdateFeeTier(feeTier[0]);\n } else {\n setMessageType('error');\n setMessage('An error occurred while loading FeeTierNames');\n }\n };\n getPricingTiers();\n getCustomerConfig();\n // eslint-disable-next-line\n }, [globalState?.merchant?.id]);\n\n useEffect(() => {\n const fetchData = async () => {\n setIsLoading(true);\n if (props?.match?.params?.merchantId) {\n const merchantData = await AdminService.GetMerchantDataForAdmin(props.match.params.merchantId);\n if (merchantData.isSuccesfully) {\n switch (merchantData.data.status) {\n case MerchantStatus.MERCHANT_PENDING:\n merchantData.data.accountStatus = MerchantAccountStatus.PENDING;\n break;\n case MerchantStatus.PENDING_STRIPE:\n merchantData.data.accountStatus = MerchantAccountStatus.PENDING_STRIPE;\n break;\n case MerchantStatus.ACTIVE:\n merchantData.data.accountStatus = MerchantAccountStatus.ACTIVE;\n break;\n case MerchantStatus.CLOSED:\n merchantData.data.accountStatus = MerchantAccountStatus.CLOSED;\n break;\n case MerchantStatus.REJECTED:\n merchantData.data.accountStatus = MerchantAccountStatus.REJECTED;\n break;\n case MerchantStatus.WATCHLIST:\n merchantData.data.accountStatus = MerchantAccountStatus.WATCHLIST;\n break;\n case MerchantStatus.NOT_SUBMITTED:\n merchantData.data.accountStatus = MerchantAccountStatus.NOT_SUBMITTED;\n break;\n default:\n merchantData.data.accountStatus = MerchantAccountStatus.PENDING;\n break;\n }\n setAdminFunctions(merchantData.data);\n setError(false);\n } else {\n setError(true);\n }\n }\n setIsLoading(false);\n };\n fetchData();\n\n // eslint-disable-next-line\n }, [props?.match?.params?.merchantId]);\n\n useEffect(() => {\n if (isSubmitted) {\n setClientRegistered(true);\n sessionStorage.removeItem('isUserSubmitted');\n }\n }, [isSubmitted]);\n\n useEffect(() => {\n const show = sessionStorage.getItem('resellerCreationSuccess');\n if (show) {\n setResellerCreation(true);\n sessionStorage.removeItem('resellerCreationSuccess');\n }\n }, []);\n\n const acceptTermsAndConditions = async () => {\n setIsLoading(true);\n const response = await AdminService.acceptTermsAndConditions(adminFunctions.stripeId, globalState.merchant.id);\n setIsLoading(false);\n setShowAcceptTermsAndConditionsMessage(true);\n if (response.isSuccesfully) {\n setMessageType('success');\n if (response.data.requirement) {\n setOrangeMessageStyle(true);\n setAcceptTermsAndConditionsMessage(response.data.requirement);\n } else {\n setAcceptTermsAndConditionsMessage('Terms and condition accepted');\n }\n } else {\n setMessageType('error');\n setAcceptTermsAndConditionsMessage(response?.error);\n }\n };\n\n const handleOnChange = async (value) => {\n setLoading(true);\n setFeeTier(value);\n setShowUpdateFeeTierMessage(true);\n const response = await AdminService.updateFeeTierId(globalState.merchant?.id, value);\n if (response.isSuccesfully) {\n setMessageType('success');\n setUpdateFeeTierMessage('Fee tier update successfully');\n } else {\n setMessageType('error');\n setAcceptTermsAndConditionsMessage(response?.error);\n }\n setLoading(false);\n setShowUpdateFeeTierMessage(false);\n };\n const SubmitReport = async () => {\n setIsLoading(true);\n const payload = {\n email: globalState?.user?.email,\n month: moment(selectedDate, 'YYYY-MM-DD').month() + 1,\n year: moment(selectedDate, 'YYYY-MM-DD').year()\n };\n const response = await AdminService.GetBalanceReport(payload);\n if (response.isSuccesfully) {\n setMessageType('success');\n setMessage(response.data.message);\n SetBalanceReportModal(false);\n } else {\n setMessageType('error');\n setMessage('No transaction found for this month');\n SetBalanceReportModal(false);\n }\n SetBalanceReportMesssage(true);\n setIsLoading(false);\n setSelectedDate(new Date());\n };\n const cancelAction = () => {\n setSelectedDate(new Date());\n };\n\n const sendOtp = async () => {\n setOpenModalOtpVerification(false);\n setIsLoading(true);\n const response = await OtpService.createOtp(globalState.merchant?.id, {\n method: 'phone',\n type: 'merchant-verification',\n portalURL: globalState.reseller?.portalURL\n });\n if (response.isSuccesfully) {\n setPhoneNumber(maskCharacter(response.data.data));\n setOpenModalOtpVerification(true);\n } else {\n setOtpError(response.data);\n }\n setIsLoading(false);\n };\n\n const handleRenewSignupLink = async () => {\n try {\n const { data } = await NonResellerMerchantService.RenewSignupLink(globalState.merchant?.id);\n const isSuccess = data?.statusCode === statusCodes.REACTIVATING_SIGNUP_LINK().statusCode;\n\n setSnackbarDetails({\n type: isSuccess ? 'success' : 'error',\n message: isSuccess\n ? statusCodes.REACTIVATING_SIGNUP_LINK(Number(REACT_APP_SIGNUP_LINK_REACTIVATION_PERIOD)).message\n : statusCodes.SIGNUP_LINK_REACTIVATION_UNAVAILABLE.message\n });\n } catch (error) {\n console.error('~~ Reactivation failed: ~~', error);\n }\n };\n\n const handleAdyenOnboardingLink = async () => {\n try {\n setAdyenLoader(true);\n const response = await AdyenService.adyenOnboardingShareableLink(globalState?.merchant?.id);\n if (response.isSuccesfully) {\n setAdyenLoader(false);\n await navigator.clipboard.writeText(response.data);\n setSnackbarDetails({\n type: 'success',\n message: 'Adyen onboarding link successfully sent to the merchant owner'\n });\n } else {\n setAdyenLoader(false);\n setSnackbarDetails({\n type: 'error',\n message: 'Not a valid merchantId'\n });\n }\n } catch (error) {\n setAdyenLoader(false);\n setSnackbarDetails({\n type: 'error',\n message: 'Not a valid merchantId'\n });\n console.error('~~ Coping Adyen Onboarding Link failed ~~', error);\n }\n };\n\n return (\n \n \n {isMerchantAccountClosed && \n \n \n \n \n
\n );\n};\n\nexport default PdqTransactionsComponent;\n","import React, { useState } from 'react';\nimport PdqTransactionsComponent from './pdq-transactions.component';\n\nconst PdqTransactions = (props) => {\n const [loading, setLoading] = useState(false);\n const [startDate, setStartDate] = useState();\n const [endDate, setEndDate] = useState();\n\n return (\n \n \n \n setSelectedProducts(value)}\n value={selectedProducts}\n />\n \n \n setRoute('/settings')}\n >\n Cancel\n \n \n \n onSubmit()}\n >\n Submit\n \n \n \n
\n {errorMessage}
: ''}\n\n \n \n setSelectedProducts(value)}\n value={selectedProducts}\n setIsModalOpen={setIsModalOpen}\n setProductId={setProductId}\n setOpenDialog={setOpenDialog}\n setSelectedEntity={setSelectedEntity}\n manageMyProductPage\n />\n \n \n setRoute('/settings')}\n >\n Close\n \n \n \n
\n Bank verification documents
\n\n {formattedDocumentsStats?.pendingDocumentCategories?.length ? (\n <>\n {!formattedDocumentsStats.needsOnlyGenericCategoryDocs ? (\n \n {!formattedDocumentsStats.needsOnlyGenericCategoryDocs ? (\n
\n Documents that are required for identification are:
\n ) : (\n ''\n )}\nKindly upload the above documents.
\n ) : (\n ''\n )}\n \n ) : (\n ''\n )}\n The required formats are: .png, .jpeg, .jpg, .pdf.\n\n
\n \n \n
\n \n {isLoading ? (\n \n {pendingMerchants.length === 0 && canonicalResellerList.length === 0 ? (\n \n \n {stableSort(canonicalResellerList, getComparator(order, orderBy)).map(\n (canonicalReseller) => (\n \n \n setRoute(\n `/canonical-reseller-merchant-management/${canonicalReseller.id}`\n )\n }\n className={styles.resellerNameStyle}\n >\n \n {canonicalReseller.name} \n \n \n \n {CanonicalResellerStatusNames[canonicalReseller.status]}\n \n \n \n \n \n \n \n handleCopyResellerId(canonicalReseller.id)\n }\n />\n \n \n \n \n {formatDateTimeByFormatString(\n canonicalReseller.createdDate,\n 'DD MMM HH:mm'\n )}\n \n \n )\n )}\n \n \n \n ) : (\n \n {stableSort(pendingMerchants, getComparator(order, orderBy)).map(\n (pendingMerchant) => (\n \n \n \n onGoToAccount(pendingMerchant.id)}>\n {pendingMerchant.name}\n \n \n \n\n {MerchantStatusNames[pendingMerchant.status]} \n \n {pendingMerchant.postCode}\n \n \n \n \n {formatDateTimeByFormatString(\n pendingMerchant.createdDate,\n 'DD MMM HH:mm'\n )}\n \n \n {formatDateTimeByFormatString(\n pendingMerchant.completedDate,\n 'DD MMM HH:mm'\n )}\n \n {/* \n onGoToAccount(pendingMerchant.id)}>\n Account\n \n */}\n \n \n MS\n \n \n \n )\n )}\n \n \n \n )}\n \n \n {count > 20 && (\n \n \n \n )}\n \n )}\n
\n {isCopyAlertOpen && (\n \n
\n ) : (\n No results found
\n ) : (\n \n \n \n
\n );\n}\n\nMerchantDetailsComponent.propTypes = {\n error: PropTypes.bool,\n isLoading: PropTypes.bool,\n setError: PropTypes.func\n};\n\nexport default MerchantDetailsComponent;\n","import { useAdminFunctionsContext } from 'contexts';\nimport React, { useEffect, useState } from 'react';\nimport { AdminService, TermsAndConditionsService } from 'services';\nimport { MerchantAccountStatus } from 'utils/enums/MerchantAccountStatus';\nimport { MerchantStatus } from 'utils/enums/MerchantStatus';\nimport MerchantDetailsComponent from './merchant-details.component';\nimport moment from 'moment';\n\nfunction MerchantDetails(props) {\n const merchantId = props.match?.params?.merchantId;\n const { setAdminFunctions } = useAdminFunctionsContext();\n const [error, setError] = useState(false);\n const [isLoading, setIsLoading] = useState(false);\n const [channelFilter, setChannelFilter] = useState('All');\n const [daterange, setDateRange] = useState({ start: moment().subtract(1, 'days'), end: moment() });\n const [dates, setDates] = useState([]);\n const [offrange, setOffrange] = useState(true);\n const [activatedAt, setActivatedAt] = useState('');\n const [signedBy, setSignedBy] = useState('');\n const [loading, setLoading] = useState(false);\n const [transactionsListingOptions, setTransactionsListingOptions] = useState({\n via: 'month',\n date: moment().format('YYYY-MM-DD'),\n locationInApp: 'merchant-details'\n });\n const [startDate, setStartDate] = useState();\n const [endDate, setEndDate] = useState();\n const entity = 'merchant';\n const entityId = merchantId;\n\n const onChangeDateRange = (startDate, endDate) => {\n setDateRange({ start: startDate, end: endDate });\n setOffrange(true);\n\n const initialDate = moment(daterange.start).date(1);\n const finalDate = moment(daterange.end).date(1);\n let includedMonths = [];\n let date;\n\n while (initialDate.isBefore(finalDate)) {\n date = {\n month: initialDate.month() + 1,\n year: initialDate.year()\n };\n includedMonths.push(date);\n initialDate.add(1, 'month');\n }\n setDates(includedMonths);\n };\n\n useEffect(() => {\n const fetchTermsAndConditionsData = async () => {\n setIsLoading(true);\n\n const response = await TermsAndConditionsService.getSignedTermsAndConditionsData(entity, entityId);\n if (response.isSuccesfully) {\n setSignedBy(response.data.signedTermsAncConditionInfo.signedBy);\n setActivatedAt(response.data.signedTermsAncConditionInfo.activatedAt);\n }\n setIsLoading(false);\n };\n\n fetchTermsAndConditionsData();\n // eslint-disable-next-line\n }, [merchantId]);\n\n useEffect(() => {\n const fetchData = async () => {\n setIsLoading(true);\n const merchantData = await AdminService.GetMerchantDataForAdmin(merchantId);\n if (merchantData.isSuccesfully) {\n switch (merchantData.data.status) {\n case MerchantStatus.MERCHANT_PENDING:\n merchantData.data.accountStatus = MerchantAccountStatus.PENDING;\n break;\n case MerchantStatus.ACTIVE:\n merchantData.data.accountStatus = MerchantAccountStatus.ACTIVE;\n break;\n case MerchantStatus.CLOSED:\n merchantData.data.accountStatus = MerchantAccountStatus.CLOSED;\n break;\n case MerchantStatus.REJECTED:\n merchantData.data.accountStatus = MerchantAccountStatus.REJECTED;\n break;\n default:\n merchantData.data.accountStatus = MerchantAccountStatus.PENDING;\n break;\n }\n setAdminFunctions(merchantData.data);\n setError(false);\n } else {\n setError(true);\n }\n setIsLoading(false);\n };\n fetchData();\n // eslint-disable-next-line\n }, []);\n\n return (\n {adminFunctions.name}
\n \n {error ? (\n setError(false)} severity=\"error\">\n An error occurred. Please contact support or try again.\n \n ) : (\n \n {isLoading ? (\n \n )}\n
\n \n
\n ) : (\n \n \n \n \n Merchant Details\n \n \n \n \n \n \n \n \n {signedBy && (\n \n \n \n Terms & conditions\n \n \n \n \n \n \n \n {signedBy}\n \n \n \n \n \n \n \n {formatDateTimeByFormatString(\n activatedAt,\n 'DD MMM YY HH:mm'\n )}\n \n \n \n )}\n \n \n \n \n \n \n \n \n \n
\n )}\n \n
\n );\n}\n","import React from 'react';\nimport AdminMissingMerchant from './admin-missing-merchant.component';\nexport default function MissingDocument() {\n return An error occurred, please try reloading your browser.
\n ) : (\n No Records
\n ) : (\n \n {\n setMarkPayout({\n batch_id: row.batch_id,\n status: payoutStatus.RESEND\n });\n setOpen(true);\n }}\n className={style.resendBtns}\n >\n Resend Payout\n \n {\n setMarkPayout({\n batch_id: row.batch_id,\n status: payoutStatus.CANCEL\n });\n setOpen(true);\n }}\n className={style.resendBtns}\n >\n Cancel Payout\n \n
\n \n
\n );\n}\n","import React from 'react';\nimport AdminPendingBankVerfication from './admin-pending-bank-verfication.component';\n\nexport default function PendingBankVerificationList(props) {\n return \n
\n );\n}\n","import React from 'react';\nimport AdminPendingAccountVerfication from './admin-pending-account-verification.component';\n\nexport default function PendingAccountVerificationList(props) {\n return {initials}
\n \n {\n newValue ? setDeadline(newValue['$d']) : setDeadline(null);\n setPage(1);\n }}\n placeholder={moment(new Date()).format('D MMM YYYY')}\n styleClass={'blackClass'}\n />\n
\n \n \n Total {totalRecords} records\n \n
\n \n \n \n {JSON.parse(localStorage.getItem('customDomain')) === false\n ? sideBarMerchantRoutes\n : sideBarMerchantCustomDomainRoutes}\n \n
\n );\n}\n\nexport default ContentComponent;\n","import React from 'react';\nimport ContentComponent from './content.component';\n\nfunction Content() {\n return \n {urgentMessages.map((data) => {\n if (data.merchantIds !== null && JSON.parse(data.merchantIds)?.length !== 0) {\n if (JSON.parse(data.merchantIds)?.includes(globalState.merchant?.id?.toString())) {\n return
\n )}\n\n {!mediaLessThan960px ? (\n \n
\n ) : (\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n Hey{' '}\n \n 👋\n \n , Welcome to Datman\n
\n\n Upgrade to Our New App for Enhanced Features and Performance.\n
\n\n (window.location.href = redirection_link)}\n variant=\"contained\"\n className={styles.content__container__cta__button}\n >\n Use the App\n \n
\n setRoute('/login')}>Continue on the web
\n\n
\n );\n}\nexport default LoginComponent;\n","import React from 'react';\nimport LoginComponent from './login.component';\nimport { useGlobalStateContext } from 'contexts';\nimport { Redirect } from 'react-router-dom';\nimport { AuthService } from 'services';\nimport { useLocation } from 'react-router-dom';\nimport { parse } from 'query-string';\n\nfunction Login(props) {\n const { globalState } = useGlobalStateContext();\n const location = useLocation();\n const urlParams = parse(location.hash);\n sessionStorage.setItem('login', true);\n if (globalState.user && globalState.user.email === urlParams.email) {\n globalState.user.isEmailConfirmed =\n urlParams.email_verification && urlParams.email_verification === 'success' ? true : false;\n const currentUser = JSON.parse(localStorage.getItem('user'));\n if (currentUser) {\n currentUser.isEmailConfirmed = true;\n }\n localStorage.setItem('user', JSON.stringify(currentUser));\n }\n (props.history.action === 'REPLACE' || props.history.action === 'PUSH') && window.location.reload();\n\n window.addEventListener('popstate', (e) => {\n window.location.reload(true);\n });\n\n if (AuthService.isLoggedUser()) {\n if (props.location.search && props.location.search?.includes('data='))\n return (\n \n \n
\n \n \n \n \n \n {!mediaLessThan960px && \n \n {!mediaLessThan960px && (\n \n \n {getComponent(step)}\n \n \n )}\n \n
\n );\n}\n\nexport default OnboardingComponent;\n","import React, { useState, useEffect } from 'react';\nimport OnboardingComponent from './onboarding.component';\nimport { useGlobalStateContext } from 'contexts';\n\nimport {\n OnboardingNameAdress,\n OnboardingAdressStep,\n T2SOnboardingAdressStep,\n OnboardingOwnerDetails,\n OnboardingBusinessDetailsStep,\n OnboardingBusinessProfile,\n ProductsRequired,\n OnboardingTransactionProfile,\n OnboardingDocuments,\n OnboardingSummary,\n T2SOnboardingBankDetailsStep,\n T2SOnboardingOwnerDetails,\n T2SOnboardingNameAddress\n} from 'components';\nimport { OnboardingFormProvider } from 'contexts/onboarding-form-context/onboardingForm.context';\n\n//Importing enums\nimport { OnboardingSteps } from 'utils/enums/OnboardingStepsMapping';\n\nfunction Onboarding() {\n const { globalState } = useGlobalStateContext();\n const isT2SMerchant = globalState.isT2SMerchant;\n const [step, setStep] = useState(1);\n\n useEffect(() => {\n setStep(globalState.merchant?.onboardingStep);\n }, [globalState.merchant]);\n\n let steps = [];\n\n switch (true) {\n case isT2SMerchant:\n steps = [\n OnboardingSteps.NAME_AND_ADDRESS,\n OnboardingSteps.BANK_DETAILS,\n OnboardingSteps.TRADING_ADDRESS,\n OnboardingSteps.OWNER_DETAILS,\n OnboardingSteps.UPLOAD_DOCUMENTS,\n OnboardingSteps.SUMMARY\n ];\n break;\n\n default:\n steps = [\n OnboardingSteps.NAME_AND_ADDRESS,\n OnboardingSteps.BUSINESS_DETAILS,\n OnboardingSteps.TRADING_ADDRESS,\n OnboardingSteps.OWNER_DETAILS,\n OnboardingSteps.BUSINESS_PROFILE,\n OnboardingSteps.TRANSACTION_PROFILE,\n OnboardingSteps.PRODUCTS_REQUIRED,\n OnboardingSteps.UPLOAD_DOCUMENTS,\n OnboardingSteps.SUMMARY\n ];\n break;\n }\n\n const nextStep = (stepNumber) => {\n if (stepNumber) {\n setStep(stepNumber);\n } else {\n setStep(step + 1);\n }\n };\n const getComponent = (step) => {\n switch (step) {\n case 1:\n if (!isT2SMerchant) {\n return \n \n \n
\n )}\n \n To make sure your details are up to date, please complete the details highlighted in red\n
\n Component nr. {step}
;\n }\n };\n\n return (\n \n
\n );\n}\n\nexport default SignUpComponent;\n","import React from 'react';\nimport SignUpComponent from './signup.component';\nimport { AuthService } from 'services';\nimport { Redirect } from 'react-router-dom';\nimport { useLocation } from 'react-router-dom';\nimport qs from 'qs';\nimport { useGlobalStateContext } from 'contexts';\n\nfunction SignUp() {\n const { getRoute } = useGlobalStateContext();\n const location = useLocation();\n\n const queryString = qs.parse(location.search, { ignoreQueryPrefix: true });\n const userIsLoggedIn = AuthService.isLoggedUser();\n\n if (userIsLoggedIn && queryString.email && queryString.oldPassword) {\n AuthService.logout();\n return \n \n
\n \n
\n );\n}\n\nexport default SignUpComponent;\n","import React from 'react';\nimport SignUpComponent from './signup.component';\nimport { AuthService } from 'services';\nimport { Redirect } from 'react-router-dom';\nimport { useLocation } from 'react-router-dom';\nimport qs from 'qs';\nimport { useGlobalStateContext } from 'contexts';\n\nfunction ExternalSignUp() {\n const { getRoute } = useGlobalStateContext();\n const location = useLocation();\n\n const queryString = qs.parse(location.search, { ignoreQueryPrefix: true });\n const userIsLoggedIn = AuthService.isLoggedUser();\n\n if (userIsLoggedIn && queryString.email && queryString.oldPassword) {\n AuthService.logout();\n return \n setShowSnackbar(false)} type={'success'}>\n {SnackbarMessages.PASSWORD_EXPIRED_MESSAGE}\n \n )}\n
\n );\n}\n\nexport default ResetPasswordComponent;\n","import React, { useState } from 'react';\nimport ResetPasswordComponent from './reset-password.component';\n\nfunction ResetPassword() {\n const [snackbar, setShowSnackbar] = useState(true);\n return setRoute('/login')}>\n \n
\n \n \n Redirecting in:\n \n
\n \n
\n setRoute('/home')}>\n \n
\n \n \n
\n\n {/* - \n
- \n Basis of contract\n \n
- \n Term\n \n
- \n The company’s role\n \n
- \n Other businesses\n \n
- \n Your responsibilities and payments\n \n
- \n Indemnity\n \n
- \n Condition precedent\n \n
- \n Processing data\n \n
- \n Provision and disclosure of data\n \n
- \n Data analysis\n \n
- \n Intellectual property\n \n
- \n Confidential information\n \n
- \n Acquiring services and merchant services\n \n
- \n Receipts\n \n
- \n \n Service adjustments and contract variations\n \n \n
- \n Level of services\n \n
- \n Exclusion and limitation of liability\n \n
- \n Term and termination\n \n
- \n Assignment, sub-contracting and novation\n \n
- \n Waiver\n \n
- \n Notices\n \n
- \n Entire agreement\n \n
- \n Severability\n \n
- \n Miscellaneous\n \n
- \n Dispute resolution procedure\n \n
- \n Governing law and jurisdiction\n \n
- \n Complaints\n \n
- \n Interpretation and construction\n \n
\n Severity Definition Targets\n \n
\n \n Severity 1\n \n \n Critical incident: Business impact on you is critical. You are unable to use any of the\n Services; productivity is severely impacted. This shall include the ability to authorize and\n process Transactions, with accuracy, within the part of the authorization process that is within\n our direct control.\n \n
\n - \n
- Resolution within 2 hours \n
- Confirmation of receipt in less than 30 minutes \n
- Initial response indicating anticipated resolution time less than 30 minutes \n
- Supported 24 x 7 x 365 \n
\n \n Severity 2\n \n \n High incident: You are unable to use certain of the Services (such as processing\n Transactions); productivity is affected. This shall include any material adverse effect on the\n speed of transaction response, which is within our direct control.\n \n
\n - \n
- Resolution within 3 to 8 hours following notification. \n
- Confirmation of receipt in less than 30 minutes \n
- \n Initial response indicating anticipated resolution time less than one hour and contingency\n support for affected service\n \n
- Supported 24 x 7 x 365 \n
\n \n Severity 3\n \n \n Normal incident: You are able to use the Services; minor effect on productivity.\n \n
\n - \n
- \n Resolution / support provided within 4 hours response from first notification. Provided if\n such notification is not during Office Hours within 4 business hours commencing on\n the next Business Day following the first notification.\n \n
\n \n Severity 4\n \n \n Low incident: You are able to use the Services, no impact on productivity. This also may\n include features that may or may not be fixed within the next revision.\n \n
\n - \n
- \n Resolution within 5 days from first notification provided if such notification is{' '}\n not during Office Hours within 5 Business Days commencing on the next Business Day\n following the first notification.\n \n
- Workaround or fix may or may not be included in next scheduled revision. \n
\n
\n );\n};\n\nexport default RequestSupportFormComponent;\n","import React from 'react';\nimport RequestSupportFormComponent from './request-support-form.component';\n\nconst RequestSupportForm = () => {\n return \n \n
\n {adyenResponse}\n \n
\n );\n}\nexport default LinkQrComponent;\n","import React from 'react';\nimport LinkQrComponent from './link-qr.component';\nimport { Redirect } from 'react-router-dom';\nimport { useGlobalStateContext } from 'contexts';\nimport { AuthService } from 'services';\n\nfunction LinkQr(props) {\n const { getRoute } = useGlobalStateContext();\n\n if (!AuthService.isLoggedUser()) {\n return \n \n
\n \n
\n );\n}\n","import React from 'react';\nimport AuditLogDataComponent from './audit-log-data.component';\nexport default function AuditLogData() {\n return \n
\n );\n}\n","import React from 'react';\nimport AdyenMerchantListComponent from './adyen-merchant-list.component';\nexport default function AdyenMerchantList() {\n return