- \n {data.rows.length > 0 &&\n data.rows.map((obj) => (\n
\n \n {isAccessor && (\n \n\n {!isForContractPage && (\n \n )}\n
\n );\n};\n\nMenubar.propTypes = {\n pageName: PropTypes.string.isRequired,\n isForContractPage: PropTypes.bool,\n agentDetails: PropTypes.string,\n};\n\nMenubar.defaultProps = {\n isForContractPage: false,\n agentDetails: null,\n};\n\nexport default Menubar;\n","import React, { useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport Container from '@material-ui/core/Container';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { useHistory } from 'react-router';\nimport Menubar from '../components/Menubar';\nimport wrapperStyle from '../theme/styles/LayoutWrapper';\nimport UserTypes from '../config/UserTypes';\n\nconst useStyles = makeStyles(wrapperStyle);\n\n// Layout for authorized pages\nconst Private = ({ pageName, children }) => {\n const classes = useStyles();\n const history = useHistory();\n const getDetails = window.localStorage.getItem('userDetail');\n const userType = getDetails ? Number(JSON.parse(getDetails).type) : 0;\n const isAccessorStripVisible = window.localStorage.getItem('isAccessorLoggedIn');\n\n useEffect(() => {\n setTimeout(() => {\n if (userType === UserTypes.AGENT.value) {\n window.FreshworksWidget('show');\n const agentData = JSON.parse(getDetails);\n window.FreshworksWidget('identify', 'ticketForm', {\n name: `${agentData.firstName || ''} ${agentData.lastName || ''}`,\n email: agentData.email || '',\n });\n } else {\n window.FreshworksWidget('hide');\n }\n }, 500);\n }, []);\n\n useEffect(() => {\n if (!localStorage.getItem('isLoggedIn')) {\n history.push('/logout');\n }\n }, [pageName]);\n\n return (\n \n \n {`You are logged in as ${agentTypeLabel}: ${userName}`}\n \n
\n )}\n\n \n \n \n \n {process.env.REACT_APP_NAME}\n {pageName && ` / ${pageName}`}\n \n )}\n \n\n
\n \n {userType === UserTypes.AGENT.value && !isCEUser && \n \n {!isCEUser && }\n\n {userType === UserTypes.AGENT.value && hasContract && isTeamLeader && !isCEUser && (\n \n )}\n {userType === UserTypes.AGENT.value &&\n !isCEUser &&\n hasContract &&\n hasTeamAccess &&\n isTeamLeader && }\n \n \n \n
\n \n
\n \n \n \n \n \n \n getClickAction(obj)}\n disableElevation\n style={{\n height: '50px',\n borderRadius: '15px',\n width: '140px',\n textTransform: 'none',\n }}\n >\n Explore Now\n \n \n
\n \n ))}\n \n
\n
\n\n {viewModel && (\n
\n {userType !== 4 &&
\n {\n getSearchText(e);\n setSearchText(e.target.value);\n searchList();\n }}\n />\n \n {\n setSearchText('');\n resetList();\n }}\n >\n Reset\n \n
\n \n {showAddOption && (\n
\n \n );\n};\n\nTableToolbar.propTypes = {\n refreshList: PropTypes.func.isRequired,\n searchList: PropTypes.func.isRequired,\n getSearchText: PropTypes.func.isRequired,\n addNew: PropTypes.func.isRequired,\n resetList: PropTypes.func.isRequired,\n showAddOption: PropTypes.bool,\n inputSearch: PropTypes.string,\n forceInputTextChange: PropTypes.bool,\n};\n\nTableToolbar.defaultProps = {\n showAddOption: true,\n inputSearch: '',\n forceInputTextChange: false,\n};\nexport default TableToolbar;\n","import green from '@material-ui/core/colors/green';\n\n// Style for input froms\nconst Style = () => ({\n formInput: {\n marginBottom: 20,\n '& .css-yk16xz-control': {\n minHeight: 56,\n },\n '& .css-1pahdxg-control': {\n minHeight: 56,\n borderColor: green[600],\n boxShadow: 'none',\n borderWidth: '1.5px',\n },\n '& .css-1pahdxg-control:hover': {\n borderColor: green[600],\n boxShadow: 'none',\n borderWidth: '1.5px',\n },\n '& .css-g1d714-ValueContainer': {\n fontSize: '1rem',\n },\n },\n formInput2: {\n '& .MuiOutlinedInput-input': {\n padding: '10px',\n },\n },\n chip: {\n margin: 2,\n },\n dialogContent: {\n '& .MuiGrid-item': {\n padding: '2px 6px',\n },\n },\n dialogContentNoTopPadding: {\n paddingTop: '0px !important',\n },\n formErrorText: {\n fontSize: '0.75rem',\n marginTop: '3px',\n textAlign: 'left',\n fontWeight: '400',\n lineHeight: '1.66',\n letterSpacing: '0.03333em',\n color: '#f44336',\n },\n leftAlignButtonAction: {\n justifyContent: 'flex-start',\n },\n documentRow: {\n display: 'flex',\n justifyContent: 'space-between',\n },\n});\n\nexport default Style;\n","import { getApiCall, postApiCall, deleteApiCall } from '../utils/Api';\n\nconst listAll = async (page, params) => {\n const result = await getApiCall(\n `/state/list${page ? `?page=${page}${params ? `&${params}` : ''}` : ''}`\n );\n return result.data;\n};\n\nexport const addNewState = async (data) => {\n const result = await postApiCall(`/state/create`, data);\n return result.data;\n};\n\nexport const editState = async (id, data) => {\n const result = await postApiCall(`/state/${id}/update`, data);\n return result.data;\n};\n\nexport const viewStateById = async (id) => {\n const result = await getApiCall(`/state/${id}/view`);\n return result.data;\n};\n\nexport const removeState = async (id) => {\n const result = await deleteApiCall(`/state/${id}/remove`);\n return result.data;\n};\n\nexport const listStates = async () => {\n const result = await getApiCall(`/state/search`);\n return result.data;\n};\n\nexport const searchStateCode = async (searchText) => {\n const result = await getApiCall(`/state/search?searchText=${searchText}`);\n return result.data;\n};\n\nexport const searchStateName = async (searchText) => {\n const result = await getApiCall(`/state/search-name?searchText=${searchText}`);\n return result.data;\n};\n\nexport default listAll;\n","import { getApiCall, postApiCall, deleteApiCall } from '../utils/Api';\nimport { agentTypeValues, zoneTypeValues } from '../config/DataValues';\n\nconst listAll = async (page, params) => {\n const result = await getApiCall(`/team/list?page=${page}${params ? `&${params}` : ''}`);\n return result.data;\n};\n\nexport const addNewTeam = async (data) => {\n const result = await postApiCall(`/team/create`, data);\n return result.data;\n};\n\nexport const editTeam = async (id, data) => {\n const result = await postApiCall(`/team/${id}/update`, data);\n return result.data;\n};\n\nexport const viewTeamById = async (id) => {\n const result = await getApiCall(`/team/${id}/view`);\n return result.data;\n};\n\nexport const removeTeam = async (id) => {\n const result = await deleteApiCall(`/team/${id}/remove`);\n return result.data;\n};\nexport const viewAgents = async (id, module = agentTypeValues.AGENTS) => {\n const result = await getApiCall(`/team/${id}/agents?module=${module}`);\n return result.data;\n};\n\nexport const viewPurchase = async (id, params, module = zoneTypeValues.AGENTS) => {\n const result = await getApiCall(`/team/${id}/purchased-zone?purchase=${params}&module=${module}`);\n return result.data;\n};\n\nexport const searchSalesPerson = async (searchText) => {\n const result = await getApiCall(`/team/search${searchText ? `?searchText=${searchText}` : ''}`);\n return result.data;\n};\n\nexport default listAll;\n","import { getApiCall } from '../utils/Api';\n\nconst uploadProfilePic = async (data) => {\n const objName = data.objectName.replace(/[^a-z0-9. ]/gi, ' ');\n const result = await getApiCall(\n `/s3/sign?objectName=${encodeURIComponent(objName)}&contentType=${data.contentType}&path=${\n data.path || ''\n }`\n );\n return result.data;\n};\n\nexport const uploadSubmissionVideo = async (data) => {\n const objName = data.objectName.replace(/[^a-z0-9. ]/gi, ' ');\n const result = await getApiCall(\n `/s3/sign?objectName=${encodeURIComponent(objName)}&contentType=${data.contentType}&path=${\n data.path || ''\n }`\n );\n return result.data;\n};\n\nexport default uploadProfilePic;\n","const Style = () => ({\n profileAvtar: {\n height: '6.5rem',\n width: '6.5rem',\n borderRadius: 5,\n },\n profileUploaderContainer: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'center',\n },\n uploadProgress: {\n flex: 1,\n marginLeft: '1rem',\n },\n uploadLabel: {\n backgroundColor: '#fff',\n padding: '0px',\n borderRadius: '50%',\n },\n uploadMultipleLabel: {\n position: 'absolute',\n bottom: 0,\n left: '29%',\n backgroundColor: '#fff',\n borderRadius: '18%',\n },\n uploadIcon: {\n padding: '0px',\n },\n deleteIcon: {\n color: 'red',\n },\n mr10: {\n marginRight: 10,\n },\n});\n\nexport default Style;\n","const getProfilePicUrl = (filename) =>\n `https://${process.env.REACT_APP_AWS_BUCKET_NAME}.s3.amazonaws.com/${filename}`;\n\nexport default getProfilePicUrl;\n","/* eslint-disable prefer-promise-reject-errors */\nconst imageSize = (file) => {\n const promise = new Promise((resolve) => {\n const img = new Image();\n img.src = window.URL.createObjectURL(file);\n img.onload = () => {\n if (img.width >= 760 && img.height >= 760) {\n resolve(true);\n } else {\n resolve(`Sorry, this image doesn't look like the size we wanted. It's \n ${img.width} x ${img.height} but we require minimum 760 x 760 size image.`);\n }\n };\n });\n\n return promise;\n};\n\nexport const validateProfilePicSize = (file) => {\n const promise = new Promise((resolve) => {\n const img = new Image();\n img.src = window.URL.createObjectURL(file);\n img.onload = () => {\n if (img.width >= 1080 && img.height >= 1080) {\n resolve(true);\n } else {\n resolve(`Sorry, this image doesn't look like the size we wanted. It's \n ${img.width} x ${img.height} but we require minimum 1080 x 1080 size image.`);\n }\n };\n });\n\n return promise;\n};\n\nexport const getImageHeightAndWidth = (file) => {\n const promise = new Promise((resolve) => {\n const img = new Image();\n img.src = window.URL.createObjectURL(file);\n img.onload = () => {\n resolve({ width: img.width, height: img.height });\n };\n });\n\n return promise;\n};\n\nexport default imageSize;\n","/* eslint-disable jsx-a11y/label-has-associated-control */\nimport {\n Avatar,\n Badge,\n Button,\n DialogContentText,\n DialogTitle,\n Dialog,\n DialogContent,\n IconButton,\n makeStyles,\n DialogActions,\n Box,\n Typography,\n} from '@material-ui/core';\nimport React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { AddCircleOutline, Delete, Edit } from '@material-ui/icons';\nimport 'cropperjs/dist/cropper.css';\nimport Cropper from 'cropperjs';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport axios from 'axios';\nimport uploadProfilePic from '../services/AWS';\nimport uploaderStyle from '../theme/ProfileUploader';\nimport getProfilePicUrl from '../utils/GetProfilePicUrl';\nimport SnackbarMessage from './SnackbarMessage';\nimport imageSize from '../utils/ImageUtil';\n\nconst useStyles = makeStyles(uploaderStyle);\nconst supportedExts = ['jpeg', 'png', 'gif'];\n\nconst ProfileUploader = ({ onSuccess, profilePic, setUploading, updateHeaderImage }) => {\n const classes = useStyles();\n\n const [cropper, setCropper] = useState(null);\n const [isFileUploading, setIsFileUploading] = useState(false);\n const [confirmDialog, setConfirmDialog] = useState(false);\n const [snackbarMeesage, setSnackbarMeesage] = useState({\n show: false,\n type: '',\n message: '',\n });\n const [cropperModel, setCropperModel] = useState(false);\n const [selectedFile, setSelectedFile] = useState(null);\n const [cropperLoaded, setCropperLoaded] = useState(false);\n const [cropDetails, setCropDetails] = useState({\n width: 0,\n height: 0,\n isValid: true,\n });\n\n const onProgress = () => {\n if (!isFileUploading) {\n setIsFileUploading(true);\n setUploading(true);\n }\n };\n\n const onError = () => {\n setIsFileUploading(false);\n setUploading(false);\n };\n\n const replaceURL = (URL) => {\n const parent = document.getElementById('user-profile-image');\n if (parent.childNodes[0].tagName === 'svg') {\n parent.removeChild(parent.firstChild);\n const updatedParent = document.getElementById('user-profile-image');\n updatedParent.appendChild(document.createElement('img'));\n updatedParent.childNodes[0].className = 'MuiAvatar-img';\n updatedParent.childNodes[0].src = URL;\n } else {\n parent.childNodes[0].src = URL;\n }\n };\n\n const onFinish = (filename) => {\n const URL = getProfilePicUrl(filename);\n if (updateHeaderImage) {\n replaceURL(URL);\n }\n\n onSuccess(URL);\n setIsFileUploading(false);\n setUploading(false);\n };\n\n const closeCropModel = () => {\n setCropperModel(false);\n setCropper(null);\n };\n\n const uploadFile = async (data, blobData) => {\n try {\n await axios.put(data.signedUrl, blobData, {\n headers: { 'Content-Type': selectedFile.type },\n onUploadProgress: () => {\n onProgress();\n },\n });\n onFinish(data.filename);\n } catch {\n onError();\n }\n };\n\n const getSignedUrl = (file, blobData) => {\n closeCropModel();\n setSnackbarMeesage({\n message: '',\n type: '',\n show: false,\n });\n const params = {\n objectName: file.name,\n contentType: file.type,\n };\n\n uploadProfilePic(params)\n .then((data) => {\n uploadFile(data, blobData);\n })\n .catch(() => {\n setIsFileUploading(false);\n setUploading(false);\n });\n };\n\n const deleteImage = () => {\n onSuccess('');\n setIsFileUploading(false);\n setUploading(false);\n setConfirmDialog(false);\n };\n\n const initCropper = () => {\n const image = document.getElementById('image-preview');\n const cropperRef = new Cropper(image, {\n aspectRatio: 1 / 1,\n viewMode: 2,\n crop(e) {\n setCropDetails({\n width: parseFloat(e.detail.width).toFixed(0),\n height: parseFloat(e.detail.height).toFixed(0),\n isValid: e.detail.width > 759 && e.detail.height > 759,\n });\n },\n });\n const contData = cropperRef.getContainerData(); // Get container data\n cropperRef.setCropBoxData({ height: contData.height, width: contData.width }); // set data\n setCropperLoaded(true);\n setCropper(cropperRef);\n };\n\n const readURL = async (evt) => {\n setSnackbarMeesage({\n message: '',\n type: '',\n show: false,\n });\n const input = evt.target;\n if (input.files && input.files[0]) {\n const imageDimensions = await imageSize(input.files[0]);\n\n if (\n input.files[0].type.split('/')[0] === 'image' &&\n supportedExts.includes(input.files[0].type.split('/')[1]) &&\n imageDimensions === true\n ) {\n setSelectedFile(input.files[0]);\n const reader = new FileReader();\n reader.onload = (e) => {\n document.getElementById('image-preview').src = e.target.result;\n };\n reader.readAsDataURL(input.files[0]);\n setCropperModel(true);\n setCropperLoaded(false);\n setTimeout(initCropper, 1000);\n // clear input\n input.value = '';\n } else {\n setSelectedFile(null);\n if (!supportedExts.includes(input.files[0].type.split('/')[1])) {\n setSnackbarMeesage({\n message: `Sorry, \n ${input.files[0].name} is invalid, allowed extensions are: ${supportedExts.join(', ')}`,\n type: 'error',\n show: true,\n });\n } else {\n setSnackbarMeesage({\n message: imageDimensions || `Please select image file only.`,\n type: 'error',\n show: true,\n });\n }\n\n setIsFileUploading(false);\n setUploading(false);\n\n // clear input\n input.value = '';\n }\n }\n };\n\n const getCroppedImageUrl = () => {\n if (cropper) {\n cropper.getCroppedCanvas({ width: 760, height: 760 }).toBlob(\n (blob) => {\n getSignedUrl(selectedFile, blob);\n },\n selectedFile.type,\n 1\n );\n }\n };\n\n return (\n \n
\n );\n};\n\nexport default ProfileUploader;\n\nProfileUploader.propTypes = {\n profilePic: PropTypes.string.isRequired,\n onSuccess: PropTypes.func.isRequired,\n setUploading: PropTypes.func.isRequired,\n updateHeaderImage: PropTypes.bool,\n};\nProfileUploader.defaultProps = {\n updateHeaderImage: false,\n};\n","import { postApiCall } from '../utils/Api';\n\nconst uploadVideo = async (data) => {\n const result = await postApiCall('/upload/video', data);\n return result.data;\n};\n\nexport default uploadVideo;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n Button,\n CircularProgress,\n Dialog,\n DialogActions,\n DialogContent,\n DialogTitle,\n DialogContentText,\n} from '@material-ui/core';\nimport SnackbarMessage from '../SnackbarMessage';\nimport { removeAgentVideo } from '../../services/Agent';\n\nconst ConfirmDialog = ({ open, deleteId, closeModel, onSuccess }) => {\n const [processing, setProcessing] = useState(false);\n const [snackbarMeesage, setSnackbarMeesage] = useState({\n show: false,\n type: '',\n message: '',\n });\n\n const handleDialog = () => {\n closeModel();\n };\n\n const handleConfirmation = (e) => {\n e.preventDefault();\n setProcessing(true);\n if (deleteId) {\n removeAgentVideo(deleteId)\n .then(() => {\n setProcessing(false);\n handleDialog();\n onSuccess();\n })\n .catch(() => {\n setSnackbarMeesage({\n ...snackbarMeesage,\n message: 'Some error occurred , please try again.',\n type: 'error',\n show: 'error',\n });\n setProcessing(false);\n });\n }\n };\n\n return (\n \n );\n};\n\nConfirmDialog.propTypes = {\n open: PropTypes.bool.isRequired,\n closeModel: PropTypes.func.isRequired,\n onSuccess: PropTypes.func.isRequired,\n deleteId: PropTypes.number,\n};\nConfirmDialog.defaultProps = {\n deleteId: 0,\n};\n\nexport default ConfirmDialog;\n","import React, { useEffect, useRef, useState } from 'react';\nimport * as UpChunk from '@mux/upchunk';\nimport { Button, MenuItem, Menu } from '@material-ui/core';\nimport { ArrowDropDown, CloudUpload } from '@material-ui/icons';\nimport PropTypes from 'prop-types';\nimport uploadVideo from '../../services/Assets';\nimport ViewVideo from './ViewVideo';\nimport ConfirmDialog from './ConfirmDialog';\nimport SnackbarMessage from '../SnackbarMessage';\n\nconst UploadAsset = ({ userId, assetId, assetStatus }) => {\n const hiddenFileInput = useRef(null);\n\n const [videoAsset, setVideoAsset] = useState(0);\n const [progress, setProgress] = useState(0);\n const [fileSelected, setFileSelected] = useState(false);\n const [hasError, setHasError] = useState(false);\n const [errorMessage, setErrorMessage] = useState('');\n const [anchorEl, setAnchorEl] = useState(null);\n const [viewModel, setViewModel] = useState(false);\n const [confirmDialog, setConfirmDialog] = useState(false);\n const [showVideoProgressTip, setShowVideoProgressTip] = useState(false);\n const [snackbarMeesage, setSnackbarMeesage] = useState({\n show: false,\n type: '',\n message: '',\n });\n\n const handleManageClick = (event) => {\n setAnchorEl(event.currentTarget);\n };\n\n const handleClose = () => {\n setAnchorEl(null);\n };\n\n useEffect(() => {\n setVideoAsset(assetId);\n }, [assetId]);\n\n const handleClick = () => {\n hiddenFileInput.current.click();\n };\n\n const hideVideoUploadTip = () => {\n setShowVideoProgressTip(false);\n };\n\n const handleFileUpload = (file, endpoint) => {\n setShowVideoProgressTip(true);\n\n const upload = UpChunk.createUpload({\n endpoint,\n file,\n chunkSize: 5120, // Uploads the file in ~5mb chunks\n });\n let localProgress = 0;\n\n upload.on('error', (err) => {\n setShowVideoProgressTip(false);\n const message = (err && err.detail && err.detail.message) || 'unknown';\n setErrorMessage(message);\n setHasError(true);\n });\n\n upload.on('progress', (p) => {\n if (localProgress === 100) return;\n setProgress(Math.ceil(p.detail));\n localProgress = Math.ceil(p.detail);\n });\n\n upload.on('success', () => {\n setVideoAsset(100);\n localProgress = 100;\n\n setTimeout(hideVideoUploadTip, 2000);\n });\n };\n\n const handleChange = (event) => {\n setSnackbarMeesage({\n show: false,\n type: '',\n message: '',\n });\n const picker = event.target;\n\n if (picker.files[0].type.split('/')[0] === 'video') {\n setFileSelected(true);\n uploadVideo({ userId: userId.toString() })\n .then((res) => {\n const { url } = res.data;\n handleFileUpload(picker.files[0], url);\n })\n .catch(() => {\n setErrorMessage('Something went wrong.');\n setHasError(true);\n });\n } else {\n setSnackbarMeesage({\n message: `Please select video file only.`,\n type: 'error',\n show: true,\n });\n }\n };\n\n if (assetStatus === 'waiting' || assetStatus === 'preparing') {\n return (\n <>\n \n
\n \n \n setConfirmDialog(true)}\n >\n
\n )}\n \n \n \n
\n\n {cropperModel && (\n \n )}\n\n {confirmDialog && (\n \n )}\n\n {snackbarMeesage.show && \n \n Processing Video...\n \n
\n \n The video is being processed. It may take a few minutes to be available.\n
\n \n );\n }\n\n return (\n <>\n {videoAsset > 0 && assetStatus === 'ready' ? (\n <>\n \n \n {\n handleClose();\n setViewModel(true);\n }}\n button\n >\n View Video\n \n {\n handleClose();\n setConfirmDialog(true);\n }}\n button\n >\n Remove Video\n \n \n {!fileSelected && `Upload New Video`}\n {!hasError && fileSelected && progress < 100 && `File Uploading (${progress}%)`}\n {!hasError && fileSelected && progress === 100 && 'File Uploaded'}\n {hasError && 'Error'}\n \n \n
\n \n {showVideoProgressTip &&\n `Do not close the window or save the details until whole video is uploaded. Current progress - ${progress}% / 100%`}\n
\n \n ) : (\n <>\n \n
\n \n {showVideoProgressTip &&\n `Do not close the window or save the details until whole video is uploaded. Current progress - ${progress}% / 100%`}\n
\n \n )}\n \n
\n );\n}\n\nWYSIWYGEditor.propTypes = {\n value: PropTypes.string.isRequired,\n onChange: PropTypes.func.isRequired,\n};\n\nexport default WYSIWYGEditor;\n","/* eslint-disable prettier/prettier */\nimport React from 'react';\nimport AsyncSelect from 'react-select/async';\nimport InputAdornment from '@material-ui/core/InputAdornment';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Grid from '@material-ui/core/Grid';\nimport PropTypes from 'prop-types';\nimport { Box, TextField, Typography, FormControlLabel } from '@material-ui/core';\nimport InputMask from 'react-input-mask';\nimport { Controller } from 'react-hook-form';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport { Facebook, Twitter, Instagram, YouTube, Pinterest, LinkedIn } from '@material-ui/icons';\nimport formInput from '../../theme/styles/FormInput';\nimport { searchStateCode } from '../../services/State';\nimport { searchSalesPerson } from '../../services/Team';\nimport Validations, { MaxLengthValidationFunc } from '../../utils/Validations';\nimport UserTypes from '../../config/UserTypes';\nimport ProfileUploader from '../ProfileUploader';\nimport UploadAsset from '../assets/UploadAsset';\nimport { searchAgent } from '../../services/Agent';\nimport { agentTypeValues } from '../../config/DataValues';\nimport WYSIWYGEditor from '../WYSIWYG';\n\nconst TikTokIcon = () => (\n \n \n {!isSalesPersonOrManagerLogin && (\n \n \n {\n setUserProfile(url);\n }}\n setUploading={setUploading}\n />\n \n \n )}\n \n (\n \n \n (\n \n \n (\n \n \n (\n \n {() => (\n \n {!isSalesPersonOrManagerLogin && (\n \n (\n \n )}\n {!isSalesPersonOrManagerLogin && (\n \n (\n \n )}\n {!isCEUser && (\n \n (\n \n \n )}\n {!isCEUser && (\n \n (\n \n \n )}\n {!isCEUser && (\n \n (\n \n \n )}\n {!isCEUser && (\n \n (\n \n \n )}\n {!isCEUser && (\n \n (\n \n \n )}\n {!isCEUser && (\n \n (\n \n \n )}\n {!isCEUser && (\n \n (\n \n \n )}\n {!isCEUser && (\n \n (\n \n )}\n {!isMember && !isCEUser && !isSalesPersonOrManagerLogin && (\n \n (\n \n )}\n {!isMember && !isSalesPersonOrManagerLogin && (\n \n (\n \n \n \n \n )}\n />\n \n )}\n {agentId && !isSalesPersonOrManagerLogin && !isCEUser && (\n \n \n )}\n {!isSalesPersonOrManagerLogin && !isCEUser && (\n \n (\n \n )}\n {!isMember && !isCEUser && (\n \n (\n \n )}\n {!agentId && !isSalesPersonOrManagerLogin && !isCEUser && (\n \n (\n \n )}\n \n
\n );\n};\n\nAddAgentForm.propTypes = {\n defaultFormValues: PropTypes.objectOf(),\n control: PropTypes.element,\n userProfile: PropTypes.string.isRequired,\n setUserProfile: PropTypes.func.isRequired,\n setUploading: PropTypes.func.isRequired,\n agentId: PropTypes.number,\n assetId: PropTypes.number.isRequired,\n assetStatus: PropTypes.string.isRequired,\n hasSignedOrPaidContract: PropTypes.bool,\n module: PropTypes.number,\n isMember: PropTypes.number,\n};\nAddAgentForm.defaultProps = {\n defaultFormValues: {},\n control: null,\n agentId: null,\n hasSignedOrPaidContract: false,\n module: agentTypeValues.AGENTS,\n isMember: 0,\n};\n\nexport default AddAgentForm;\n","import { green, grey } from '@material-ui/core/colors';\n\n// Style for agent pages\nconst Style = (theme) => ({\n dataGridContainer: {\n width: '100%',\n height: '100%',\n },\n addZoneButton: {\n marginBottom: 15,\n float: 'right',\n },\n titleContainer: {\n display: 'flex',\n justifyContent: 'space-between',\n },\n formInput: {\n marginBottom: 20,\n },\n emailText: {\n color: 'gray',\n },\n agentDetailsDiv: {\n marginTop: '4rem',\n },\n agentProfile: {\n height: '6.5rem',\n width: '6.5rem',\n borderRadius: 5,\n },\n agentProfileDiv: {\n marginTop: '-2.5rem',\n },\n defaultAgentText: {\n color: grey[500],\n },\n agentDetailsHeading: {\n color: grey[400],\n textTransform: 'uppercase',\n fontSize: '0.8rem',\n letterSpacing: '0.1rem',\n fontWeight: 'bold',\n marginBottom: '0.5rem',\n },\n agentDetailsMainDiv: {\n marginTop: '2rem',\n width: '82%',\n },\n listingHeading: {\n color: green[600],\n fontWeight: 'bold',\n marginBottom: '0.5rem',\n },\n bioDiv: {\n whiteSpace: 'pre-line',\n maxHeight: '220px',\n overflowY: 'scroll',\n },\n spaceBetween: {\n justifyContent: 'space-between',\n },\n addAgentFormBtn: {\n marginRight: 10,\n },\n\n amendmenetZoneTitle: {\n margin: '30px 0',\n [theme.breakpoints.down('md')]: {\n margin: '15px 0',\n },\n },\n});\n\nexport default Style;\n","import { deleteApiCall, getApiCall, postApiCall } from '../utils/Api';\nimport { zoneTypeValues } from '../config/DataValues';\n\nconst listAll = async (page, params, module = zoneTypeValues.AGENTS) => {\n const result = await getApiCall(\n `/zone/list?module=${module}${page ? `&page=${page}` : ''}${params ? `&${params}` : ''}`\n );\n return result.data;\n};\n\nexport const creatZone = async (data, module = zoneTypeValues.AGENTS) => {\n const result = await postApiCall(`/zone/create?module=${module}`, data);\n return result.data;\n};\n\nexport const viewZoneById = async (id) => {\n const result = await getApiCall(`/zone/${id}/view`);\n return result.data;\n};\n\nexport const editZone = async (id, data, module = zoneTypeValues.AGENTS) => {\n const result = await postApiCall(`/zone/${id}/update?module=${module}`, data);\n return result.data;\n};\n\nexport const removeZone = async (id) => {\n const result = await deleteApiCall(`/zone/${id}/remove`);\n return result.data;\n};\n\nexport const viewAgents = async (id) => {\n const result = await getApiCall(`/zone/${id}/agents`);\n return result.data;\n};\n\nexport const searchZone = async (searchText, module = zoneTypeValues.AGENTS) => {\n const result = await getApiCall(`/zone/search?searchText=${searchText}&module=${module}`);\n return result.data;\n};\n\nexport const validateZipCode = async (data, module = zoneTypeValues.AGENTS) => {\n const result = await postApiCall(`/zone/validate-zipcode?module=${module}`, data);\n return result.data;\n};\n\nexport const listAllZoneNames = async (module = zoneTypeValues.AGENTS) => {\n const result = await getApiCall(`/zone/list/all?module=${module}`);\n return result.data;\n};\n\nexport const checkContracts = async (id) => {\n const result = await getApiCall(`/zone/${id}/check-contracts`);\n return result.data;\n};\n\nexport default listAll;\n","import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n Button,\n CircularProgress,\n Dialog,\n DialogActions,\n DialogContent,\n DialogContentText,\n DialogTitle,\n IconButton,\n Paper,\n Table,\n TableBody,\n TableCell,\n TableContainer,\n TableHead,\n TableRow,\n Typography,\n} from '@material-ui/core';\nimport { Delete, KeyboardArrowDown, KeyboardArrowUp } from '@material-ui/icons';\nimport { makeStyles } from '@material-ui/core/styles';\nimport agentStyle from '../../theme/styles/Agents';\nimport { fetchAmendmentZones, fetchPurchasedZone, removeAssignedZone } from '../../services/Agent';\nimport SnackbarMessage from '../SnackbarMessage';\nimport { viewZoneById } from '../../services/Zones';\nimport UserTypes from '../../config/UserTypes';\n\nconst useStyles = makeStyles(agentStyle);\n\nconst AssignZoneSection = ({\n agentId,\n fromAddAgent,\n setTempAssignedZoneData,\n tempAssignedZoneData,\n zoneArr,\n updateList,\n editable,\n doHaveDraftAmendment,\n}) => {\n const getDetails = window.localStorage.getItem('userDetail');\n const userType = getDetails ? Number(JSON.parse(getDetails).type) : 0;\n const IS_SUPPORT_LOGIN = userType === UserTypes.SUPPORT.value;\n\n const classes = useStyles();\n\n const [rows, setRows] = useState([]);\n const [amendmentZones, setAmendmentZones] = useState([]);\n const [reloadData, setReloadData] = useState(false);\n const [dataLoaded, setDataLoaded] = useState(false);\n const [confirmModel, setConfirmModel] = useState(false);\n const [deleteId, setDeleteId] = useState(null);\n const [processing, setProcessing] = useState(false);\n\n const [snackbarMeesage, setSnackbarMeesage] = useState({\n show: false,\n type: '',\n message: '',\n });\n\n const dollarUS = Intl.NumberFormat('en-US', {\n style: 'currency',\n currency: 'USD',\n });\n\n const exclusitivityArr = {\n 1: 'Exclusive',\n 2: 'Semi Exclusive',\n };\n\n const statusArr = {\n 1: 'Paid',\n 2: 'Hold',\n };\n\n const columns = [\n {\n field: 'purchasedZone',\n headerName: 'Purchased Zone',\n width: 300,\n valueFormatter: (params) => zoneArr[params.value],\n },\n {\n field: 'exclusivity',\n headerName: 'Exclusivity',\n width: 200,\n valueFormatter: (params) => exclusitivityArr[params.value],\n },\n {\n field: 'paymentStatus',\n headerName: 'Status',\n width: 120,\n valueFormatter: (params) => statusArr[params.value],\n },\n ];\n\n if (!IS_SUPPORT_LOGIN) {\n columns.push({\n field: 'nrpFee',\n headerName: 'NRP Fee',\n width: 140,\n align: 'right',\n valueFormatter: (params) => dollarUS.format(params.value),\n });\n }\n useEffect(() => {\n if (!fromAddAgent) {\n fetchPurchasedZone(agentId).then((res) => {\n const arr = res.data.map((item) => ({\n id: item.id,\n purchasedZone: item.zoneId,\n exclusivity: item.purchaseType === 'sold' ? 1 : 2,\n paymentStatus: item.paymentStatus === 'hold' ? 2 : 1,\n nrpFee: item.price,\n status: item.status,\n }));\n setRows(arr);\n setDataLoaded(true);\n });\n } else {\n setRows(tempAssignedZoneData);\n setDataLoaded(true);\n }\n\n if (doHaveDraftAmendment) {\n setDataLoaded(false);\n fetchAmendmentZones(agentId).then((res) => {\n const arr = res.data.map((item) => ({\n id: item.id,\n purchasedZone: item.zoneId,\n exclusivity: item.purchaseType === 'sold' ? 1 : 2,\n paymentStatus: item.paymentStatus === 'hold' ? 2 : 1,\n nrpFee: item.price,\n status: item.status,\n }));\n setAmendmentZones(arr);\n setDataLoaded(true);\n });\n }\n }, [reloadData, updateList]);\n\n const deleteRecord = (id) => {\n setDeleteId(id);\n setConfirmModel(true);\n };\n\n const deleteAssignedZone = () => {\n setProcessing(true);\n if (!fromAddAgent) {\n removeAssignedZone(deleteId)\n .then(() => {\n setProcessing(false);\n setConfirmModel(false);\n setReloadData(!reloadData);\n })\n .catch(({ response }) => {\n setSnackbarMeesage({\n ...snackbarMeesage,\n message: response.data.message,\n type: 'error',\n show: 'error',\n });\n setProcessing(false);\n });\n } else {\n const updated = [...rows];\n const oldData = updated.filter((r) => r.id === deleteId);\n if (oldData.length > 0) {\n const index = updated.indexOf(oldData[0]);\n if (index !== -1) {\n updated.splice(index, 1);\n setTempAssignedZoneData(updated);\n setProcessing(false);\n setConfirmModel(false);\n setReloadData(!reloadData);\n } else {\n setProcessing(false);\n setConfirmModel(false);\n setReloadData(!reloadData);\n }\n } else {\n setProcessing(false);\n setConfirmModel(false);\n setReloadData(!reloadData);\n }\n }\n };\n\n return (\n \n e.code}\n getOptionValue={(e) => e.id}\n loadOptions={loadStateOptions}\n onChange={(v) => onChange(v)}\n placeholder=\"State\"\n styles={customStyles}\n menuPlacement=\"top\"\n />\n {error && (\n {error.message} \n )}\n
\n )}\n />\n \n
\n \n ),\n }}\n value={value}\n onChange={onChange}\n error={!!error}\n helperText={error ? error.message : null}\n className={classes.formInput}\n fullWidth\n size=\"small\"\n />\n )}\n />\n \n e.name}\n getOptionValue={(e) => e.id}\n loadOptions={loadSalesOptions}\n onChange={(v) => onChange(v)}\n placeholder=\"Sales Person*\"\n styles={customStyles}\n menuPlacement=\"top\"\n />\n {error && (\n {error.message} \n )}\n
\n )}\n />\n \n e.name}\n getOptionValue={(e) => e.id}\n loadOptions={loadAgentsOptions}\n onChange={(v) => onChange(v)}\n placeholder=\"Referred By\"\n styles={customStyles}\n menuPlacement=\"top\"\n />\n {error && (\n {error.message} \n )}\n
\n )}\n />\n \n \n {dataLoaded && (\n \n {confirmModel && (\n \n )}\n {snackbarMeesage.show &&
\n );\n};\n\nconst ExpandableTableRow = ({ children, zoneId, ...otherProps }) => {\n const [isExpanded, setIsExpanded] = useState(false);\n const [zipCodes, setZipcodes] = useState(null);\n\n useEffect(() => {\n if (!zipCodes) {\n viewZoneById(zoneId)\n .then((res) => {\n setZipcodes(res.data.zoneZipCodes);\n })\n .catch(() => setZipcodes(''));\n }\n }, [isExpanded]);\n\n return (\n <>\n \n \n
\n\n {doHaveDraftAmendment && (\n
\n )}\n \n \n Amendment Zones\n \n \n
\n
\n )}\n \n {\n reset();\n setAddMode(false);\n }}\n >\n Assign Zone \n \n \n \n \n \n {\n reset();\n setAddMode(false);\n }}\n >\n Cancel\n \n \n {snackbarMeesage.show && setConfirmDialog(false)}\n onDecline={() => {\n setValue('purchasedZone', '');\n setConfirmDialog(false);\n }}\n confirmationMessage={confirmationMessage}\n />\n )}\n \n
\n );\n};\n\nAssignZoneForm.propTypes = {\n agentId: PropTypes.number.isRequired,\n fromAddAgent: PropTypes.bool,\n setTempStateValues: PropTypes.func,\n setAddMode: PropTypes.func.isRequired,\n checkLocalValidationForZone: PropTypes.func.isRequired,\n forDraftAmendment: PropTypes.bool,\n agentIsEnrolled: PropTypes.bool,\n zoneType: PropTypes.number.isRequired,\n};\n\nAssignZoneForm.defaultProps = {\n fromAddAgent: false,\n setTempStateValues: () => true,\n forDraftAmendment: false,\n agentIsEnrolled: false,\n};\n\nconst ConfirmDialog = ({ onClose, confirmationMessage, onDecline }) => (\n \n);\n\nConfirmDialog.propTypes = {\n onClose: PropTypes.func.isRequired,\n confirmationMessage: PropTypes.string.isRequired,\n onDecline: PropTypes.func.isRequired,\n};\n\nexport default AssignZoneForm;\n","import { green } from '@material-ui/core/colors';\n\nconst Style = (theme) => ({\n info: {\n width: '50%',\n display: 'flex',\n flexDirection: 'column',\n background: '#80808036',\n padding: '10px',\n marginBottom: '15px',\n },\n infoRow: {\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-between',\n lineHeight: '2.5rem',\n paddingRight: 10,\n },\n infoRowCell: {\n flex: 1,\n paddingRight: 10,\n },\n infoRowAgentName: {\n fontWeight: 'bold',\n fontSize: '20px',\n paddingRight: 10,\n },\n infoRowLocation: {\n color: green[600],\n display: 'flex',\n alignItems: 'center',\n paddingRight: 10,\n },\n contractStatus: {\n marginLeft: '10px',\n marginBottom: '15px',\n flex: 1,\n textAlign: 'end',\n fontSize: '17px',\n },\n tableContainer: {\n margin: 'auto',\n display: 'flex',\n maxWidth: '87%',\n },\n iframe: { height: '1200px', marginTop: 10 },\n btnWrapper: {\n display: 'flex',\n marginTop: 40,\n alignItems: 'center',\n },\n btn: {\n marginRight: 10,\n },\n stepper: { margin: '10px 0 15px' },\n stepperContentWrapper: {\n display: 'flex',\n margin: '25px 0',\n alignItems: 'center',\n width: '100%',\n flexDirection: 'column',\n },\n discountInput: {\n '& input': {\n textAlign: 'end',\n },\n },\n mt10: {\n marginTop: 10,\n },\n failedContractWrapper: {\n display: 'flex',\n alignItems: 'center',\n width: '100%',\n justifyContent: 'center',\n minHeight: '90vh',\n flexDirection: 'column',\n },\n finalMessage: {\n padding: '0 8px',\n width: '50%',\n [theme.breakpoints.down('sm')]: {\n width: '100%',\n },\n },\n linkText: {\n color: green[600],\n textDecoration: 'underline',\n },\n assignBtnContainer: {\n width: '50%',\n display: 'flex',\n flexDirection: 'column',\n padding: '10px',\n marginBottom: '15px',\n },\n assignNewZoneBtn: {\n marginTop: 'auto',\n marginLeft: 'auto',\n width: 'fit-content',\n },\n contractNotes: {\n marginLeft: 10,\n width: '100%',\n wordWrap: 'break-word',\n whiteSpace: 'pre-wrap',\n },\n\n subInfoItemBold: {\n fontWeight: 'bold',\n },\n subInfoItem: {\n padding: 4,\n },\n viewTable: {\n padding: 0,\n '& .MuiTableCell-root': {\n borderBottom: '0px',\n },\n },\n});\n\nexport default Style;\n","import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n Button,\n CircularProgress,\n Dialog,\n DialogActions,\n DialogContent,\n DialogContentText,\n DialogTitle,\n IconButton,\n Paper,\n Table,\n TableBody,\n TableCell,\n TableContainer,\n TableHead,\n TableRow,\n} from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Delete, KeyboardArrowDown, KeyboardArrowUp } from '@material-ui/icons';\nimport agentStyle from '../../theme/styles/Agents';\nimport { viewZoneById } from '../../services/Zones';\nimport { deleteDraftContractZoneItem } from '../../services/Contract';\n\nconst useStyles = makeStyles(agentStyle);\n\nconst ContractZoneTable = ({\n setTempAssignedZoneData,\n tempAssignedZoneData,\n zoneArr,\n updateList,\n quantity,\n allowDelete,\n fromAmendContract,\n agentId,\n refershData,\n setRefershData,\n}) => {\n const classes = useStyles();\n\n const [rows, setRows] = useState([]);\n const [reloadData, setReloadData] = useState(false);\n const [dataLoaded, setDataLoaded] = useState(false);\n const [confirmModel, setConfirmModel] = useState(false);\n const [deleteRow, setDeleteRow] = useState(null);\n const [processing, setProcessing] = useState(false);\n\n const dollarUS = Intl.NumberFormat('en-US', {\n style: 'currency',\n currency: 'USD',\n });\n\n const exclusitivityArr = {\n 1: 'Exclusive',\n 2: 'Semi Exclusive',\n };\n\n const statusArr = {\n 1: 'Paid',\n 2: 'Hold',\n };\n\n const columns = [\n {\n field: 'purchasedZone',\n headerName: 'Purchased Zone',\n valueFormatter: (params) => zoneArr[params.value],\n },\n {\n field: 'exclusivity',\n headerName: 'Exclusivity',\n valueFormatter: (params) => exclusitivityArr[params.value],\n },\n {\n field: 'paymentStatus',\n headerName: 'Status',\n valueFormatter: (params) => statusArr[params.value],\n },\n {\n field: 'nrpFee',\n headerName: 'NRP Fee',\n align: 'right',\n valueFormatter: (params) => dollarUS.format(params.value),\n },\n {\n field: 'quantity',\n headerName: 'Quantity',\n align: 'right',\n valueFormatter: () => `x ${quantity}`,\n },\n {\n field: 'total',\n headerName: 'Total',\n align: 'right',\n valueFormatter: (params) => dollarUS.format(params.row.nrpFee * quantity),\n },\n ];\n\n useEffect(() => {\n setRows(tempAssignedZoneData);\n setDataLoaded(true);\n }, [reloadData, updateList]);\n\n const deleteRecord = (row) => {\n setDeleteRow(row);\n setConfirmModel(true);\n };\n\n const deleteAssignedZone = () => {\n setProcessing(true);\n if (fromAmendContract) {\n // delete draftzone entry\n deleteDraftContractZoneItem({ agentId, zoneId: deleteRow.purchasedZone })\n .then(() => {\n setProcessing(false);\n setConfirmModel(false);\n setRefershData(!refershData);\n })\n .catch(() => {\n setProcessing(false);\n setConfirmModel(false);\n });\n } else {\n const updated = [...rows];\n const oldData = updated.filter((r) => r.id === deleteRow.id);\n if (oldData.length > 0) {\n const index = updated.indexOf(oldData[0]);\n if (index !== -1) {\n updated.splice(index, 1);\n setTempAssignedZoneData(updated);\n setProcessing(false);\n setConfirmModel(false);\n setReloadData(!reloadData);\n } else {\n setProcessing(false);\n setConfirmModel(false);\n setReloadData(!reloadData);\n }\n } else {\n setProcessing(false);\n setConfirmModel(false);\n setReloadData(!reloadData);\n }\n }\n };\n\n return (\n \n \n {dataLoaded && (\n \n {confirmModel && (\n \n )}\n
\n );\n};\n\nconst ExpandableTableRow = ({ children, zoneId, ...otherProps }) => {\n const [isExpanded, setIsExpanded] = useState(false);\n const [zipCodes, setZipcodes] = useState(null);\n\n useEffect(() => {\n if (!zipCodes) {\n viewZoneById(zoneId)\n .then((res) => {\n setZipcodes(res.data.zoneZipCodes);\n })\n .catch(() => setZipcodes(''));\n }\n }, [isExpanded]);\n\n return (\n <>\n \n \n
\n
\n )}\n \n \n
\n {fromAmendContract && hasAmendContractAccess && (\n \n
\n \n {`${agentDetails.firstName} ${agentDetails.lastName}`}
\n \n {agentDetails.location &&
\n \n
\n {agentDetails.email}
\n {agentDetails.phone}
\n \n
\n )}\n \n \n \n
\n {contractStatus && (\n \n
\n \n {`${agentDetails.firstName} ${agentDetails.lastName}`}
\n \n {agentDetails.location &&
\n \n
\n {agentDetails.email}
\n {agentDetails.phone}
\n \n
\n )}\n \n \n Status \n \n {contractStatus.toUpperCase()}\n \n
\n It looks like something is wrong with the contract setup.
\n\n \n \n {\n handleMenuClick('cancel-credit');\n }}\n button\n >\n Cancel credit\n \n \n
\n );\n};\nActionMenu.propTypes = {\n row: PropTypes.objectOf().isRequired,\n selectAction: PropTypes.func.isRequired,\n};\n\nTokensList.defaultProps = {\n forInactive: false,\n};\n\nTokensList.propTypes = {\n agentId: PropTypes.arrayOf(PropTypes.any).isRequired,\n forInactive: PropTypes.bool,\n setStats: PropTypes.func.isRequired,\n};\n\nexport default TokensList;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Box, Grid, Paper, Typography } from '@material-ui/core';\nimport TokensList from './TokensList';\n\nconst StatsBadge = ({ header, statCount }) => (\n \n 
\n
\n \n {!showReactivationFlow && tabValue > 1 && (\n handleTabChange('', tabValue - 1)}\n style={{ marginRight: '10px' }}\n disabled={contractValues.isReactivate === 1}\n >\n Previous\n \n )}\n {!showReactivationFlow && tabValue < 3 && (\n handleTabChange('', tabValue + 1)}\n style={{ marginRight: '10px' }}\n disabled={contractValues.isReactivate === 1}\n >\n Next\n \n )}\n {tabValue === 3 && (\n \n {showReactivationFlow ? 'Reactivate Subscription' : 'Create'}\n \n )}\n \n
\n \n Note: Some video preview may not work in browser, however once the video is converted\n then preview will work fine.\n
\n {viewData.status === nuggetStatus.PENDING &&\n Number(viewData.assetStatus) === nuggetAssetStatus.READY &&\n agentStatus === 1 && (\n \n {showVideoProgressTip &&\n `Do not close the window until whole video is uploaded. Current progress - ${progress}% / 100%`}\n
\n \n The video uploaded will get failed or auto-reject if it fails any of the following\n requirements:\n
\n
\n\n {snackbarMeesage.show && \n
- \n
- The video duration must be between 20 to 60 seconds. \n
- The video resolution must be minimum 1920 x 1080. \n
- The audio must be clear in the video. \n
\n Note: Some video preview may not work in browser, however once the video is converted\n then preview will work fine.\n
\n {viewData.status === agentAdVideoStatus.PENDING &&\n Number(viewData.assetStatus) === agentAdVideoAssetStatus.READY &&\n agentStatus === 1 && (\n \n {showVideoProgressTip &&\n `Do not close the window until whole video is uploaded. Current progress - ${progress}% / 100%`}\n
\n \n The video uploaded will get failed or auto-reject if it fails any of the following\n requirements:\n
\n
\n\n {snackbarMeesage.show && \n
- \n
- The video duration must be between 20 to 60 seconds. \n
- The video resolution must be minimum 1920 x 1080. \n
- The audio must be clear in the video. \n
\n
\n \n {\n processSearchString(e.target.value);\n setSearchText(encodeURIComponent(e.target.value));\n }}\n addNew={() => setOpenModel(true)}\n resetList={resetList}\n showAddOption={!IS_SUPPORT_LOGIN}\n inputSearch={decodeURIComponent(searchText)}\n forceInputTextChange\n />\n
\n \n \n \n {!IS_SUPPORT_LOGIN && (\n {\n handleMenuClick('access', isMember);\n }}\n button\n >\n {row.hasAccess > 0 ? 'Manage Access' : 'Assign Access'}\n \n )}\n {!isMember && rowAgentType !== agentTypeValues.CE_USERS && (\n {\n handleMenuClick('manage-zones', isMember);\n }}\n button\n >\n Manage Zones\n \n )}\n {\n handleMenuClick('edit', isMember);\n }}\n button\n >\n Edit\n \n {!IS_SUPPORT_LOGIN && (\n {\n handleMenuClick('delete', isMember);\n }}\n button\n >\n Delete\n \n )}\n {(row.agentZone > 0 || row.draftAmendment) &&\n rowAgentType !== agentTypeValues.CE_USERS &&\n !IS_SUPPORT_LOGIN &&\n !row.allowEnrollSub &&\n !isMember && (\n {\n handleMenuClick('contract', isMember);\n }}\n button\n >\n Manage Contract\n \n )}\n {row.allowEnrollSub &&\n ALLOW_ENROLL &&\n rowAgentType !== agentTypeValues.CE_USERS &&\n !isMember && (\n {\n handleMenuClick('enroll-sub', isMember);\n }}\n button\n >\n Enroll Subscription\n \n )}\n {row.allowReactivate &&\n !IS_SUPPORT_LOGIN &&\n rowAgentType !== agentTypeValues.CE_USERS &&\n !isMember && (\n {\n handleMenuClick('re-activate', isMember);\n }}\n button\n >\n Reactivate Subscription\n \n )}\n {ALLOW_LOGIN_AS && (\n {\n handleMenuClick('login-as-agent', isMember);\n }}\n button\n disabled={row.status !== 'Active'}\n >\n Login as {label}\n \n )}\n {row.userID > 0 && (\n {\n handleMenuClick('reset-pwd', isMember);\n }}\n button\n disabled={row.status !== 'Active'}\n >\n Request Reset Password\n \n )}\n {IS_ADMIN_LOGIN &&\n !isMember &&\n row.hasTeamProfile === 0 &&\n rowAgentType !== agentTypeValues.CE_USERS && (\n {\n handleMenuClick('enable-team-profile', isMember);\n }}\n button\n >\n Enable Team Profile\n \n )}\n {IS_ADMIN_LOGIN &&\n !isMember &&\n row.hasTeamProfile === 1 &&\n rowAgentType !== agentTypeValues.CE_USERS && (\n {\n handleMenuClick('disable-team-profile', isMember);\n }}\n button\n >\n Disable Team Profile\n \n )}\n {IS_ADMIN_LOGIN &&\n !isMember &&\n row.hasTeamProfile === 1 &&\n rowAgentType !== agentTypeValues.CE_USERS && (\n {\n handleMenuClick('invite-team-member', isMember);\n }}\n button\n >\n Invite Team Member\n \n )}\n {IS_ADMIN_LOGIN &&\n !!isMember &&\n row.status === 'Pending' &&\n rowAgentType !== agentTypeValues.CE_USERS && (\n {\n handleMenuClick('resend-member-invitation', isMember);\n }}\n button\n >\n Resend Invitation\n \n )}\n \n
\n );\n};\nActionMenu.propTypes = {\n isMember: PropTypes.number.isRequired,\n row: PropTypes.object.isRequired,\n selectAction: PropTypes.func.isRequired,\n rowAgentType: PropTypes.number.isRequired,\n};\n\nconst AssetsToolStyle = withStyles(() => ({\n tooltip: {\n backgroundColor: '#fff',\n border: '1px solid #dadde9',\n maxWidth: '350px',\n },\n}))(Tooltip);\n\nexport const AssetsToolTip = ({ assets, agentId }) => {\n const [open, setOpen] = React.useState(false);\n const [videoUrl, setVideoUrl] = useState('');\n const [fetchVideoUrl, setFetchVideoUrl] = useState();\n\n const handleTooltipClose = () => {\n setOpen(false);\n };\n const handleTooltipOpen = () => {\n setOpen(true);\n };\n\n const getVideoUrl = () => {\n setFetchVideoUrl(true);\n getVideoPreview(agentId)\n .then((res) => {\n setVideoUrl(res.data.previewUrl);\n })\n .catch(() => {\n setFetchVideoUrl(false);\n });\n };\n\n return (\n \n \n \n Name \n {assets.includes('Name') ? \n \n \n Email \n {assets.includes('Email') ? \n \n \n Phone \n {assets.includes('Phone') ? \n \n \n Picture \n \n {assets.includes('Picture') ? \n \n \n Location \n \n {assets.includes('Location') ? \n \n \n Bio \n {assets.includes('Bio') ? \n \n \n Video \n {assets.includes('Video') ? \n \n {assets.includes('Video') && (\n \n \n {videoUrl === '' && (\n \n {fetchVideoUrl ? 'Wait' : 'Get Video Link'}\n \n )}\n {videoUrl !== '' && (\n <>\n Preview:\n
\n {videoUrl}\n \n )}\n \n \n )}\n \n }\n >\n \n \n
\n \n {videoUrl}\n \n )}\n \n
\n
\n);\n\nexport default ZoneMap;\n","import React from 'react';\n\nconst SaleDashboard = () => (\n \n
\n);\n\nexport default SaleDashboard;\n","import React, { useState } from 'react';\nimport { Box, Paper, Tab, Tabs } from '@material-ui/core';\nimport PrivateWrapper from '../../layout/Private';\nimport ZoneMap from '../../components/reports/ZoneMap';\nimport SaleDashboard from '../../components/reports/SaleDashboard';\n\n// Reports page\nconst a11yProps = (index) => ({\n id: `simple-tab-${index}`,\n 'aria-controls': `simple-tabpanel-${index}`,\n});\n\nconst Reports = () => {\n const pageName = 'Reports';\n const [tabValue, setTabValue] = useState('zonemap');\n\n return (\n \n setSearchText(encodeURIComponent(e.target.value))}\n addNew={() => setOpenModel(true)}\n resetList={resetList}\n showAddOption={!IS_READONLY}\n />\n
\n \n {text > 0 ? (\n {\n e.preventDefault();\n handlePurchase();\n }}\n href=\"#\"\n className={classes2.linkText}\n >\n {text}\n \n ) : (\n - \n )}\n \n
\n );\n};\n\nPurchaseCell.propTypes = {\n text: PropTypes.number.isRequired,\n agentId: PropTypes.number.isRequired,\n title: PropTypes.string.isRequired,\n purchase: PropTypes.string.isRequired,\n zoneType: PropTypes.number.isRequired,\n};\n\nexport default PurchaseCell;\n","/* eslint-disable jsx-a11y/anchor-is-valid */\nimport React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n Link,\n Dialog,\n DialogContent,\n DialogTitle,\n IconButton,\n TableContainer,\n Typography,\n Table,\n TableBody,\n TableCell,\n TableHead,\n TableRow,\n} from '@material-ui/core';\nimport { Close } from '@material-ui/icons';\nimport { makeStyles } from '@material-ui/core/styles';\nimport agentStyle from '../../theme/styles/Agents';\nimport listingStyle from '../../theme/styles/TableListing';\nimport { viewAgents } from '../../services/Team';\n\nconst useStyles = makeStyles(agentStyle);\nconst useStyles2 = makeStyles(listingStyle);\n\nconst AgentCell = ({ text, agentId, title, agentType }) => {\n const classes = useStyles();\n const classes2 = useStyles2();\n\n const [open, setOpen] = useState(false);\n const [rows, setRows] = useState([]);\n const [dataLoaded, setDataLoaded] = useState(false);\n\n const columns = [\n { name: 'Name', id: 'name', width: '15%' },\n { name: 'Email', id: 'email', width: '15%' },\n { name: 'State', id: 'state', width: '10%' },\n { name: 'Status', id: 'status', width: '7%' },\n { name: 'Created', id: 'created', width: '17%' },\n ];\n\n const handleAgent = () => {\n if (text > 0) {\n setDataLoaded(false);\n setOpen(true);\n viewAgents(agentId, agentType)\n .then((res) => {\n setRows(res.data.rows);\n setDataLoaded(true);\n })\n .catch(() => {\n setDataLoaded(true);\n });\n }\n };\n\n return (\n \n {text > 0 ? (\n {\n e.preventDefault();\n handleAgent();\n }}\n href=\"#\"\n className={classes2.linkText}\n >\n {text}\n \n ) : (\n - \n )}\n \n
\n );\n};\n\nAgentCell.propTypes = {\n text: PropTypes.number.isRequired,\n agentId: PropTypes.number.isRequired,\n title: PropTypes.string.isRequired,\n agentType: PropTypes.number.isRequired,\n};\n\nexport default AgentCell;\n","/* eslint-disable prettier/prettier */\nimport React, { useState, useEffect } from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Table from '@material-ui/core/Table';\nimport TableBody from '@material-ui/core/TableBody';\nimport TableCell from '@material-ui/core/TableCell';\nimport TableContainer from '@material-ui/core/TableContainer';\nimport TableHead from '@material-ui/core/TableHead';\nimport TableRow from '@material-ui/core/TableRow';\nimport Paper from '@material-ui/core/Paper';\nimport Pagination from '@material-ui/lab/Pagination';\nimport Skeleton from '@material-ui/lab/Skeleton';\nimport PropTypes from 'prop-types';\nimport {\n Backdrop,\n Button,\n CircularProgress,\n Menu,\n MenuItem,\n TableSortLabel,\n Typography,\n} from '@material-ui/core';\nimport { useHistory } from 'react-router-dom';\nimport { ArrowDownward, ImportExport, MoreVert } from '@material-ui/icons';\nimport PrivateWrapper from '../../layout/Private';\nimport TableToolbar from '../../components/TableToolbar';\nimport listingStyle from '../../theme/styles/TableListing';\nimport listAll from '../../services/Team';\nimport FormDialog from '../../components/team/FormDialog';\nimport ConfirmDialog from '../../components/team/ConfirmDialog';\nimport UserForm from '../../components/team/UserForm';\nimport PurchaseCell from '../../components/team/PurchaseCell';\nimport AgentCell from '../../components/team/AgentCell';\nimport SnackbarMessage from '../../components/SnackbarMessage';\nimport { resetMyPassword, viewUserById } from '../../services/Auth';\nimport UserTypes from '../../config/UserTypes';\nimport { agentTypeValues, zoneTypeValues } from '../../config/DataValues';\n\nconst useStyles = makeStyles(listingStyle);\n\n// Team management\nconst Team = () => {\n const pageName = 'Team';\n const classes = useStyles();\n\n const history = useHistory();\n\n const getDetails = window.localStorage.getItem('userDetail');\n const loggedInUserId = getDetails ? Number(JSON.parse(getDetails).id) : 0;\n const loggedInUserType = getDetails ? Number(JSON.parse(getDetails).type) : 0;\n\n const [rows, setRows] = useState([]);\n const [dataLoaded, setDataLoaded] = useState(false);\n const [activePage, setActivePage] = useState(1);\n const [totalPages, setTotalPages] = useState(0);\n const [reloadRows, setReloadRows] = useState(false);\n\n const [searchText, setSearchText] = useState('');\n const [sortBy, setSortBy] = useState('');\n const [orderBy, setOrderBy] = useState('');\n\n const [openModel, setOpenModel] = useState(false);\n const [confirmModel, setConfirmModel] = useState(false);\n const [userModel, setUserModel] = useState(false);\n\n const [editId, setEditId] = useState(null);\n const [deleteId, setDeleteId] = useState(null);\n const [accessEmail, setAccessEmail] = useState(null);\n const [userId, setUserId] = useState(null);\n\n const [snackbarMeesage, setSnackbarMeesage] = useState({\n show: false,\n type: '',\n message: '',\n });\n const [processingRequestResetPwd, setProcessingRequestResetPwd] = useState(false);\n const columns = [\n { name: 'Name / Email', id: 'name', width: '17%' },\n { name: 'Type', id: 'type', width: '7%' },\n { name: 'Status', id: 'status', width: '7%', align: 'center' },\n { name: 'Agents', id: 'agents', width: '7%', align: 'right' },\n { name: 'E-Z Sold', id: 'excSoldZone', width: '8%', align: 'right', title: 'Exc Zones Sold' },\n { name: 'SE-Z Sold', id: 'semiExcSoldZone', width: '8%', align: 'right', title: 'Semi Exc Zones Sold', },\n { name: 'Z On Hold', id: 'holdZone', width: '8%', align: 'right', title: 'On Hold Zones' },\n { name: 'Lenders', id: 'lenders', width: '7%', align: 'right' },\n { name: 'E-Z Sold', id: 'excSoldLenderZone', width: '8%', align: 'right', title: 'Exc Lender Zones Sold' },\n { name: 'SE-Z Sold', id: 'semiExcSoldLenderZone', width: '8%', align: 'right', title: 'Semi Exc Lender Zones Sold' },\n { name: 'Z On Hold', id: 'holdLenderZone', width: '8%', align: 'right', title: 'On Hold Lender Zones' },\n ];\n\n const getParams = () => {\n let queryString = '1=1';\n if (sortBy) queryString += `&sortBy=${sortBy}`;\n if (orderBy) queryString += `&orderBy=${orderBy}`;\n if (searchText) queryString += `&searchText=${searchText}`;\n\n return queryString.substring(4);\n };\n\n useEffect(() => {\n setDataLoaded(false);\n listAll(activePage, getParams())\n .then((res) => {\n setRows(res.data.rows);\n setTotalPages(res.data.totalPages);\n setDataLoaded(true);\n })\n .catch(() => {\n setDataLoaded(true);\n });\n }, [reloadRows, activePage]);\n\n const searchList = () => {\n setActivePage(1);\n setReloadRows(!reloadRows);\n };\n\n const sortHandler = (colId) => {\n setActivePage(1);\n setSortBy(colId);\n setOrderBy(orderBy === 'asc' ? 'desc' : 'asc');\n setReloadRows(!reloadRows);\n };\n\n const refreshList = () => {\n setReloadRows(!reloadRows);\n };\n\n const editData = (id) => {\n setEditId(id);\n setOpenModel(true);\n };\n\n const deleteData = (id) => {\n setDeleteId(id);\n setConfirmModel(true);\n };\n const userAccess = (email, id, uid) => {\n setAccessEmail(email);\n setEditId(id);\n setUserId(uid);\n setUserModel(true);\n };\n\n const resetList = () => {\n setSearchText('');\n setOrderBy('');\n setSortBy('');\n setReloadRows(!reloadRows);\n setActivePage(1);\n history.push('/team');\n };\n\n const requestResetPassword = (id) => {\n setProcessingRequestResetPwd(true);\n setSnackbarMeesage({\n ...snackbarMeesage,\n message: '',\n type: '',\n show: false,\n });\n viewUserById(id)\n .then((res) => {\n resetMyPassword({ userName: res.data.username })\n .then((resp) => {\n setProcessingRequestResetPwd(false);\n setSnackbarMeesage({\n ...snackbarMeesage,\n message: resp.message,\n type: 'success',\n show: true,\n });\n })\n .catch(({ response }) => {\n setSnackbarMeesage({\n ...snackbarMeesage,\n message: response.data.message,\n type: 'error',\n show: true,\n });\n setProcessingRequestResetPwd(false);\n });\n })\n .catch(({ response }) => {\n setSnackbarMeesage({\n ...snackbarMeesage,\n message: response.data.message,\n type: 'error',\n show: true,\n });\n setProcessingRequestResetPwd(false);\n });\n };\n\n const handleActions = (row, action) => {\n if (action === 'edit') {\n editData(row.id);\n } else if (action === 'delete') {\n deleteData(row.id);\n } else if (action === 'access') {\n userAccess(row.email, row.id, row.userID);\n } else if (action === 'reset-pwd') {\n requestResetPassword(row.userID);\n }\n };\n\n return (\n \n setSearchText(encodeURIComponent(e.target.value))}\n addNew={() => setOpenModel(true)}\n resetList={resetList}\n />\n
\n \n \n \n {\n handleMenuClick('access');\n }}\n disabled={!allowAccess || row.id === loggedInUserId}\n button\n >\n {row.hasAccess > 0 ? 'Manage Access' : 'Assign Access'}\n \n {allowEdit && (\n {\n handleMenuClick('edit');\n }}\n disabled={!allowEdit || row.id === loggedInUserId}\n button\n >\n Edit\n \n )}\n {\n handleMenuClick('delete');\n }}\n disabled={!allowDelete || row.id === loggedInUserId}\n button\n >\n Delete\n \n {row.userID > 0 && (\n {\n handleMenuClick('reset-pwd');\n }}\n disabled={!allowResetPass || row.id === loggedInUserId}\n button\n >\n Request Reset Password\n \n )}\n \n
\n );\n};\nActionMenu.propTypes = {\n row: PropTypes.objectOf().isRequired,\n selectAction: PropTypes.func.isRequired,\n loggedInUserId: PropTypes.number.isRequired,\n loggedInUserType: PropTypes.number.isRequired,\n};\n\nexport default Team;\n","import { deleteApiCall, getApiCall, postApiCall } from '../utils/Api';\n\nconst listAll = async (page, params) => {\n const result = await getApiCall(`/zipcode/list?page=${page}${params ? `&${params}` : ''}`);\n return result.data;\n};\n\nexport const addZipCode = async (data) => {\n const result = await postApiCall(`/zipcode/create`, data);\n return result.data;\n};\n\nexport const removeZipCode = async (id) => {\n const result = await deleteApiCall(`/zipcode/${id}/remove`);\n return result.data;\n};\n\nexport const checkZipCodeAvailability = async (code) => {\n const result = await getApiCall(`/zipcode/${code}/check-availability`);\n return result.data;\n};\n\nexport default listAll;\n","import React, { useEffect, useState } from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport AsyncSelect from 'react-select/async';\nimport PropTypes from 'prop-types';\nimport {\n Button,\n CircularProgress,\n Dialog,\n DialogActions,\n DialogContent,\n DialogTitle,\n TextField,\n Typography,\n} from '@material-ui/core';\nimport { useForm, Controller } from 'react-hook-form';\nimport formInput from '../../theme/styles/FormInput';\nimport { searchStateCode } from '../../services/State';\nimport { addZipCode } from '../../services/Zipcode';\nimport Validations, { MaxLengthValidationFunc } from '../../utils/Validations';\nimport SnackbarMessage from '../SnackbarMessage';\n\nconst useStyles = makeStyles(formInput);\nconst customStyles = {\n menu: (provided) => ({\n ...provided,\n zIndex: 2,\n }),\n};\n\nconst FormDialog = ({ open, closeModel, title, onSuccess, qstateId }) => {\n const classes = useStyles();\n const [processing, setProcessing] = useState(false);\n const [snackbarMeesage, setSnackbarMeesage] = useState({\n show: false,\n type: '',\n message: '',\n });\n\n const { handleSubmit, control, setValue, reset } = useForm();\n\n useEffect(() => {\n setValue('status', 1);\n if (qstateId) {\n setValue('zipCodeState', Number(qstateId));\n }\n }, []);\n\n const handleDialog = () => {\n reset();\n closeModel();\n };\n\n const submitForm = ({ code, city, zipCodeState, status }) => {\n setSnackbarMeesage({\n ...snackbarMeesage,\n message: '',\n type: '',\n show: false,\n });\n setProcessing(true);\n const payload = {\n zipcode: code,\n city,\n stateCodeId: Number(zipCodeState.id),\n status: Number(status),\n };\n\n addZipCode(payload)\n .then(() => {\n setProcessing(false);\n handleDialog();\n onSuccess();\n })\n .catch(({ response }) => {\n setSnackbarMeesage({\n ...snackbarMeesage,\n message: response.data.message,\n type: 'error',\n show: true,\n });\n setProcessing(false);\n });\n };\n\n const loadStateOptions = (inputStateValue, callback) => {\n searchStateCode(inputStateValue).then((res) => {\n callback(\n res.data.rows.map((i) => ({\n name: i.code,\n id: i.id,\n }))\n );\n });\n };\n\n return (\n \n );\n};\n\nFormDialog.propTypes = {\n open: PropTypes.bool.isRequired,\n closeModel: PropTypes.func.isRequired,\n onSuccess: PropTypes.func.isRequired,\n title: PropTypes.string,\n qstateId: PropTypes.string,\n};\nFormDialog.defaultProps = {\n title: '',\n qstateId: null,\n};\n\nexport default FormDialog;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n Button,\n CircularProgress,\n Dialog,\n DialogActions,\n DialogContent,\n DialogTitle,\n DialogContentText,\n} from '@material-ui/core';\nimport { removeZipCode } from '../../services/Zipcode';\nimport SnackbarMessage from '../SnackbarMessage';\n\nconst ConfirmDialog = ({ open, deleteId, closeModel, title, onSuccess }) => {\n const [processing, setProcessing] = useState(false);\n const [snackbarMeesage, setSnackbarMeesage] = useState({\n show: false,\n type: '',\n message: '',\n });\n\n const handleDialog = () => {\n closeModel();\n };\n\n const handleConfirmation = (e) => {\n e.preventDefault();\n setProcessing(true);\n if (deleteId) {\n removeZipCode(deleteId)\n .then(() => {\n setProcessing(false);\n handleDialog();\n onSuccess();\n })\n .catch(() => {\n setSnackbarMeesage({\n ...snackbarMeesage,\n message: 'Some error occurred while deleting zip code, please try again.',\n type: 'error',\n show: 'error',\n });\n setProcessing(false);\n });\n }\n };\n\n return (\n \n );\n};\n\nConfirmDialog.propTypes = {\n open: PropTypes.bool.isRequired,\n closeModel: PropTypes.func.isRequired,\n onSuccess: PropTypes.func.isRequired,\n deleteId: PropTypes.number,\n title: PropTypes.string,\n};\nConfirmDialog.defaultProps = {\n deleteId: 0,\n title: '',\n};\n\nexport default ConfirmDialog;\n","import React, { useState, useEffect } from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Table from '@material-ui/core/Table';\nimport TableBody from '@material-ui/core/TableBody';\nimport TableCell from '@material-ui/core/TableCell';\nimport TableContainer from '@material-ui/core/TableContainer';\nimport TableHead from '@material-ui/core/TableHead';\nimport TableRow from '@material-ui/core/TableRow';\nimport Paper from '@material-ui/core/Paper';\nimport Pagination from '@material-ui/lab/Pagination';\nimport Skeleton from '@material-ui/lab/Skeleton';\nimport IconButton from '@material-ui/core/IconButton';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport { Box, Chip, TableSortLabel } from '@material-ui/core';\nimport { useHistory } from 'react-router-dom';\nimport { ArrowDownward, ImportExport } from '@material-ui/icons';\nimport PrivateWrapper from '../../layout/Private';\nimport TableToolbar from '../../components/TableToolbar';\nimport listingStyle from '../../theme/styles/TableListing';\nimport listAll from '../../services/Zipcode';\nimport FormDialog from '../../components/zipcode/FormDialog';\nimport ConfirmDialog from '../../components/zipcode/ConfirmDialog';\nimport { viewStateById } from '../../services/State';\nimport UserTypes from '../../config/UserTypes';\n\nconst useStyles = makeStyles(listingStyle);\n\n// Zipcodes management\nconst Zipcodes = () => {\n const pageName = 'Zip Codes';\n const classes = useStyles();\n\n const history = useHistory();\n\n const query = new URLSearchParams(window.location.search);\n const qstateId = query.get('stateId');\n\n const getDetails = window.localStorage.getItem('userDetail');\n const userType = getDetails ? Number(JSON.parse(getDetails).type) : 0;\n\n const [rows, setRows] = useState([]);\n const [dataLoaded, setDataLoaded] = useState(false);\n const [activePage, setActivePage] = useState(1);\n const [totalPages, setTotalPages] = useState(0);\n const [reloadRows, setReloadRows] = useState(false);\n\n const [searchText, setSearchText] = useState('');\n const [sortBy, setSortBy] = useState('');\n const [orderBy, setOrderBy] = useState('');\n\n const [openModel, setOpenModel] = useState(false);\n const [confirmModel, setConfirmModel] = useState(false);\n\n const [editId, setEditId] = useState(null);\n const [deleteId, setDeleteId] = useState(null);\n\n const [filterdIDText, setFilterdIDText] = useState(null);\n\n const columns = [\n { name: 'Zip Code', id: 'zipCode', width: '30%' },\n { name: 'City', id: 'city', width: '30%' },\n { name: 'State', id: 'stateCode', width: '20%' },\n { name: 'Status', id: 'status', width: '10%' },\n ];\n\n const getParams = () => {\n let queryString = '1=1';\n if (qstateId) queryString += `&stateId=${qstateId}`;\n if (sortBy) queryString += `&sortBy=${sortBy}`;\n if (orderBy) queryString += `&orderBy=${orderBy}`;\n if (searchText) queryString += `&searchText=${searchText}`;\n\n return queryString.substring(4);\n };\n\n useEffect(() => {\n setFilterdIDText(null);\n if (qstateId) {\n viewStateById(qstateId).then((res) => {\n setFilterdIDText(res.data.code);\n });\n }\n\n setDataLoaded(false);\n listAll(activePage, getParams())\n .then((res) => {\n setRows(res.data.rows);\n setTotalPages(res.data.totalPages);\n setDataLoaded(true);\n })\n .catch(() => {\n setDataLoaded(true);\n });\n }, [reloadRows, activePage]);\n\n const searchList = () => {\n setActivePage(1);\n setReloadRows(!reloadRows);\n };\n\n const sortHandler = (colId) => {\n setActivePage(1);\n setSortBy(colId);\n setOrderBy(orderBy === 'asc' ? 'desc' : 'asc');\n setReloadRows(!reloadRows);\n };\n\n const refreshList = () => {\n setReloadRows(!reloadRows);\n };\n\n const deleteData = (id) => {\n setDeleteId(id);\n setConfirmModel(true);\n };\n\n const resetList = () => {\n setSearchText('');\n setOrderBy('');\n setSortBy('');\n setFilterdIDText(null);\n setReloadRows(!reloadRows);\n setActivePage(1);\n history.push('/zipcodes');\n };\n\n const clearURLquery = () => {\n setFilterdIDText(null);\n setReloadRows(!reloadRows);\n setActivePage(1);\n history.push('/zipcodes');\n };\n\n return (\n \n setSearchText(encodeURIComponent(e.target.value))}\n addNew={() => setOpenModel(true)}\n resetList={resetList}\n showAddOption={userType === UserTypes.SUPER_ADMIN.value}\n />\n
\n \n {filterdIDText && (\n \n Filtered by state: \n )}\n
\n \n {text > 0 ? (\n {\n e.preventDefault();\n handleAgent();\n }}\n href=\"#\"\n className={classes2.linkText}\n >\n {text}\n \n ) : (\n - \n )}\n\n \n
\n );\n};\n\nAgentCell.propTypes = {\n text: PropTypes.number.isRequired,\n zoneId: PropTypes.number.isRequired,\n title: PropTypes.string.isRequired,\n};\n\nexport default AgentCell;\n","// Style for zone page\nconst Style = () => ({\n viewTable: {\n '& .MuiTableCell-root': {\n borderBottom: '0px',\n },\n },\n viewLabel: {\n fontWeight: 'bold',\n verticalAlign: 'baseline',\n },\n codeChip: {\n marginRight: 5,\n marginBottom: 5,\n },\n detailsCell: {\n wordBreak: 'break-all',\n },\n});\n\nexport default Style;\n","import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n Button,\n Chip,\n Dialog,\n DialogActions,\n DialogContent,\n DialogTitle,\n makeStyles,\n Table,\n TableCell,\n TableContainer,\n TableRow,\n} from '@material-ui/core';\nimport { viewZoneById } from '../../services/Zones';\nimport zoneStyle from '../../theme/styles/Zone';\n\nconst useStyles = makeStyles(zoneStyle);\n\nconst FormDialog = ({ open, editId, closeModel, title }) => {\n const classes = useStyles();\n const tableData = {\n columns: [\n { name: 'Name', key: 'name' },\n { name: 'State', key: 'state' },\n { name: 'Zone Type', key: 'type' },\n { name: 'Cities', key: 'cities' },\n { name: 'Zipcodes', key: 'zipCodes', tags: true },\n ],\n data: [],\n };\n\n const [viewData, setViewData] = useState(tableData);\n\n useEffect(() => {\n if (editId) {\n viewZoneById(editId).then((res) => {\n const { data } = res;\n setViewData({\n ...tableData,\n data: {\n ...data,\n zipCodes: data.zoneZipCodes ? data.zoneZipCodes.split(', ') : [],\n state: data.stateCodeId.name,\n },\n });\n });\n }\n }, []);\n\n const handleDialog = () => {\n closeModel();\n };\n\n return (\n \n );\n};\n\nconst ZipCodeTags = ({ zipCodes }) => {\n const classes = useStyles();\n return (\n <>\n {zipCodes.length > 0\n ? zipCodes.map((code) => \n {\n setSearchText(encodeURIComponent(e.target.value));\n }}\n addNew={() => setOpenModel(true)}\n resetList={resetList}\n showAddOption={!IS_READONLY}\n inputSearch={decodeURIComponent(searchText)}\n forceInputTextChange\n />\n
\n {filterdIDText && (\n \n \n \n {\n handleMenuClick('view');\n }}\n button\n >\n View\n \n {\n handleMenuClick('edit');\n }}\n disabled={!allowEdit}\n button\n >\n Edit\n \n {\n handleMenuClick('delete');\n }}\n disabled={!allowDelete}\n button\n >\n Delete\n \n \n
\n );\n};\nActionMenu.propTypes = {\n row: PropTypes.objectOf().isRequired,\n selectAction: PropTypes.func.isRequired,\n userType: PropTypes.number.isRequired,\n};\n\nexport default Zones;\n","import React, { useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport Container from '@material-ui/core/Container';\nimport { makeStyles } from '@material-ui/core/styles';\nimport wrapperStyle from '../theme/styles/LayoutWrapper';\n\nconst useStyles = makeStyles(wrapperStyle);\n\n// Layout for error pages\nconst Error = ({ children }) => {\n const classes = useStyles();\n\n useEffect(() => {\n setTimeout(() => {\n window.FreshworksWidget('hide');\n }, 500);\n }, []);\n\n return (\n \n
\n \n \n {snackbarMeesage.show && handleCloseRealtorWordWarning(v)} />\n )}\n
\n );\n};\n\nexport default AgentDetails;\n","import { getApiCall, postApiCall, deleteApiCall } from '../utils/Api';\n\nexport const listAllByAgentId = async (page, params) => {\n const result = await getApiCall(`/agent/inquiries?page=${page}${params ? `&${params}` : ''}`);\n return result.data;\n};\n\nexport const addInquiryNote = async (id, data) => {\n const result = await postApiCall(`/agent/inquiries/${id}/add-notes`, data);\n return result.data;\n};\n\nexport const listNotes = async (id) => {\n const result = await getApiCall(`/agent/inquiries/${id}/list-notes`);\n return result.data;\n};\n\nexport const updateInquiryNote = async (id, data) => {\n const result = await postApiCall(`/agent/inquiries/${id}/update-notes`, data);\n return result.data;\n};\n\nexport const deleteInquiryNote = async (id) => {\n const result = await deleteApiCall(`/agent/inquiries/${id}/remove-notes`);\n return result.data;\n};\n","/* eslint-disable no-nested-ternary */\nimport {\n Button,\n Dialog,\n DialogActions,\n DialogContent,\n DialogTitle,\n TextField,\n} from '@material-ui/core';\nimport React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Controller, useForm } from 'react-hook-form';\nimport Validations from '../../utils/Validations';\nimport { addInquiryNote, updateInquiryNote, deleteInquiryNote } from '../../services/Inquiries';\n\nconst InquiryNote = ({ closeDialog, onSave, id, editId, text, deleteNote }) => {\n const [processing, setProcessing] = useState(false);\n\n const { handleSubmit, control, watch } = useForm();\n const notes = watch('notes');\n\n const submitForm = (data) => {\n setProcessing(true);\n if (editId) {\n updateInquiryNote(editId, { notes: data.notes })\n .then(() => {\n onSave();\n })\n .catch(() => {\n closeDialog();\n });\n } else {\n addInquiryNote(id, { notes: data.notes })\n .then(() => {\n onSave();\n })\n .catch(() => {\n closeDialog();\n });\n }\n };\n\n const checkFormKeyDown = (e) => {\n const keyCode = e.keyCode ? e.keyCode : e.which;\n if (keyCode === 13 && e.shiftKey) {\n handleSubmit(submitForm)();\n }\n };\n\n const handleDeleteCall = () => {\n setProcessing(true);\n deleteInquiryNote(editId)\n .then(() => {\n onSave();\n })\n .catch(() => {\n closeDialog();\n });\n };\n\n return (\n \n );\n};\n\nInquiryNote.propTypes = {\n closeDialog: PropTypes.func.isRequired,\n onSave: PropTypes.func.isRequired,\n id: PropTypes.number.isRequired,\n editId: PropTypes.number,\n text: PropTypes.string,\n deleteNote: PropTypes.bool,\n};\nInquiryNote.defaultProps = {\n editId: 0,\n text: '',\n deleteNote: false,\n};\n\nexport default InquiryNote;\n","import { Button, Dialog, DialogActions, DialogContent, DialogTitle } from '@material-ui/core';\nimport Table from '@material-ui/core/Table';\nimport TableBody from '@material-ui/core/TableBody';\nimport TableCell from '@material-ui/core/TableCell';\nimport TableHead from '@material-ui/core/TableHead';\nimport TableRow from '@material-ui/core/TableRow';\nimport IconButton from '@material-ui/core/IconButton';\nimport EditIcon from '@material-ui/icons/Edit';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { listNotes } from '../../services/Inquiries';\nimport InquiryNote from './InquiryNote';\n\nconst InquiryNotesList = ({ closeDialog, id }) => {\n const [notes, setNotes] = useState([]);\n const [refresh, setRefresh] = useState(false);\n const [selectedData, setSelectedData] = useState({\n editId: 0,\n text: '',\n deleteNote: false,\n });\n\n useEffect(() => {\n listNotes(id)\n .then((res) => {\n setNotes(res.data);\n })\n .catch(() => {\n closeDialog();\n });\n }, [refresh]);\n\n const handleEditNote = (row) => {\n setSelectedData({\n editId: row.id,\n text: row.note,\n deleteNote: false,\n });\n };\n const handleEditNoteClose = () => {\n setSelectedData({\n editId: 0,\n text: '',\n deleteNote: false,\n });\n };\n const handleEditNoteCloseSuccess = () => {\n setSelectedData({\n editId: 0,\n text: '',\n deleteNote: false,\n });\n setRefresh(!refresh);\n };\n const handleDeleteNote = (row) => {\n setSelectedData({\n editId: row.id,\n text: row.note,\n deleteNote: true,\n });\n };\n\n return (\n <>\n \n\n {selectedData.editId !== 0 && (\n \n setSearchText(encodeURIComponent(e.target.value))}\n resetList={resetList}\n showAddOption={false}\n />\n
\n \n \n \n \n \n \n \n \n \n
\n );\n}\n","import { Paper, Container, Box, Typography, Grid, Button } from '@material-ui/core';\nimport React from 'react';\nimport { ArrowRightAlt } from '@material-ui/icons';\nimport { Link } from 'react-router-dom';\nimport UpdateProfileForm from '../../components/auth/UpdateProfileForm';\nimport UserTypes from '../../config/UserTypes';\nimport Private from '../../layout/Private';\n// import AgentUpdateProfileForm from '../../components/auth/AgentUpdateProfileForm';\nimport RoutePaths from '../../config/Routes';\nimport ManageProfiles from '../../components/auth/ManageProfiles';\n\nconst UpdateProfile = () => {\n const pageName = 'Web Profile';\n const getDetails = window.localStorage.getItem('userDetail');\n const userType = getDetails ? Number(JSON.parse(getDetails).type) : 0;\n const isAgentLogin = Number(userType) === UserTypes.AGENT.value;\n\n return (\n \n You'll be forwarded to a producer's calendar momentarily\n
\n You'll be forwarded to a producer's calendar momentarily\n
\n \n\n \n {contractStatusSimilarToCancelled.includes(status) ? (\n \n {labels.map((label, index) => {\n const labelProps = {};\n\n if (activeStep === -1) {\n labelProps.error = true;\n }\n\n return (\n \n \n {label}\n
\n {index === 0 && contractPdf && (\n\n Download Agreement\n \n )}\n {index === 1 && invoicePdf && !subscriptionStartDate && (\n \n Download Invoice\n \n )}\n \n \n );\n })}\n \n \n {isSetupAccount && (\n
\n \n {Number(status) === contractStatusValue.CANCELLED && (\n \n Unfortunately your contract has been cancelled. Please contact your sales person\n for further assistance.\n \n )}\n {Number(status) === contractStatusValue.EXPIRED && (\n \n Unfortunately your contract has expired. Please contact your sales person for\n further assistance.\n \n )}\n
\n ) : (\n <>\n \n {index === 0 && contractPdf && (\n
{getStepContent(activeStep)}
\n \n )}\n \n
\n
This is also where you will manage your billing, download contracts &\n invoices, and contact support.\n
\n
\n \n )}\n {hasAccess && (\n <>\n <>\n \n
{' '}\n manage your account, or get additional support.\n
\n \n Login\n \n
\n \n )}\n \n );\n};\n\nFinalStepContent.propTypes = {\n handleSetupAccount: PropTypes.func.isRequired,\n agentId: PropTypes.number.isRequired,\n};\n\nconst AgentAccountSetupDialog = ({ userData, isSetupAccount, closeSetupAccountDialog }) => {\n const classes3 = useStyles3();\n const classes2 = useStyles2();\n\n return (\n \n );\n};\n\nAgentAccountSetupDialog.propTypes = {\n isSetupAccount: PropTypes.bool.isRequired,\n userData: PropTypes.shape({\n firstName: PropTypes.string.isRequired,\n lastName: PropTypes.string.isRequired,\n email: PropTypes.string.isRequired,\n id: PropTypes.string.isRequired,\n }).isRequired,\n closeSetupAccountDialog: PropTypes.func.isRequired,\n};\n\nexport default Contract;\n","import { getApiCall, postApiCall, deleteApiCall } from '../utils/Api';\n\nexport const listAll = async (page, params) => {\n const result = await getApiCall(`/resources/list?page=${page}${params ? `&${params}` : ''}`);\n return result.data;\n};\n\nexport const addNewContent = async (data) => {\n const result = await postApiCall(`/resources/create`, data);\n return result.data;\n};\n\nexport const viewById = async (id) => {\n const result = await getApiCall(`/resources/${id}/view`);\n return result.data;\n};\n\nexport const updateContent = async (id, data) => {\n const result = await postApiCall(`/resources/${id}/update`, data);\n return result.data;\n};\n\nexport const getResourceSignedUrl = async (data) => {\n const result = await postApiCall(`/resources/resource-upload-url`, data);\n return result.data;\n};\n\nexport const listResourceContentList = async (selectedCategory) => {\n const result = await getApiCall(`/resources/${selectedCategory}/resource-content`);\n return result.data;\n};\n\nexport const deleteResource = async (id) => {\n const result = await deleteApiCall(`/resources/${id}/delete`);\n return result.data;\n};\n","import { green, grey } from '@material-ui/core/colors';\n\n// Style for overview page\nconst Style = () => ({\n selectedFrame: {\n outline: `2px solid ${green[600]}`,\n },\n cardAction: {\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n },\n cardDate: {\n color: grey[600],\n fontSize: '0.8rem',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n },\n cardImage: {\n objectFit: 'contain',\n },\n processingCard: {\n opacity: 0.2,\n backgroundColor: 'rgba(0,0,0,0.5)',\n },\n processingDiv: {\n display: 'flex',\n position: 'absolute',\n top: 0,\n height: '100%',\n width: '100%',\n alignItems: 'center',\n justifyContent: 'center',\n color: grey[700],\n flexDirection: 'column',\n fontWeight: 'bold',\n },\n actionBtn: {\n fontSize: 12,\n minWidth: 36,\n },\n contentEngineImage: {\n objectFit: 'contain',\n backgroundColor: 'rgba(0,0,0,0.9)',\n },\n resourcesCardAction: {\n width: 300,\n height: 200,\n },\n resourcesContent: {\n padding: 10,\n width: 280,\n height: 58,\n wordWrap: 'break-word',\n display: 'inline-block',\n overflow: 'hidden',\n },\n resourceTitle: {\n fontWeight: 'bold',\n fontSize: '16px',\n lineHeight: '26px',\n },\n});\n\nexport default Style;\n","/* eslint-disable jsx-a11y/anchor-is-valid */\nimport React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Button, Dialog, DialogActions, DialogContent } from '@material-ui/core';\nimport GetAppIcon from '@material-ui/icons/GetApp';\nimport VideoPlayer from 'react-video-js-player';\nimport { trackUserClick } from '../../utils/Activity';\nimport { viewById } from '../../services/Resource';\n\nconst ViewResource = ({ onClose, userId, id }) => {\n const [dataLoaded, setDataLoaded] = useState(false);\n const [viewData, setViewData] = useState({});\n\n useEffect(() => {\n viewById(id)\n .then((res) => {\n setViewData(res.data);\n setTimeout(() => setDataLoaded(true), 500);\n })\n .catch(() => {});\n }, []);\n\n const handleDownload = (docId, url) => {\n trackUserClick(112, {\n agent_id: userId,\n resource_id: id,\n nrc_resources_supplementary_docs_id: docId,\n });\n window.open(url, '_blank');\n };\n\n return (\n \n Loading preview\n
\n )}\n {dataLoaded && (\n <>\n \n {viewData.title}\n
\n {viewData.description !== '' && (\n{viewData.description}
\n )}\n\n {viewData.resourceDocuments.map((d) => (\n <>\n\n \n ))}\n \n \n )}\n
\n \n {loading && (\n \n \n )}\n {!loading &&\n selectedCategory !== 'profilepics' &&\n (!resourceData || resourceData.length === 0) && (\n \n \n \n {item.type === 0 && (\n \n \n \n {item.shortTitle}\n \n \n \n openViewModel(item)}\n >\n {item.type === 1 ? 'Play' : 'Preview'}\n \n {item.category !== resourceCategories[1] &&\n item.category !== resourceCategories[3] && (\n download(item)}\n >\n Download\n \n )}\n \n \n \n ))}\n \n
\n \n {selectedCategory} - resources not found.\n
\n )}\n {!loading &&\n selectedCategory !== 'profilepics' &&\n resourceData &&\n resourceData.length > 0 &&\n resourceData.map((item) => (\n \n \n \n \n \n \n
\n \n \n\n {addCard && (\n setRefreshCardList(!refreshCardList)}\n />\n )}\n\n {makeDefaultModel && (\n {\n setActionId(null);\n setMakeDefaultProcessing(false);\n setMakeDefaultModal(false);\n }}\n approveButtonText=\"Yes\"\n onApprove={markAsDefault}\n approveProcessing={makeDefaultProcessing}\n />\n )}\n\n {removeCardModel && (\n {\n setActionId(null);\n setRemoveCardProcessing(false);\n setRemoveCardModal(false);\n }}\n approveButtonText=\"Yes\"\n onApprove={removeAgentCard}\n approveProcessing={removeCardProcessing}\n />\n )}\n\n {snackbarMeesage.show &&
\n );\n};\n\nconst ActionMenu = ({ row, selectAction }) => {\n const [anchorEl, setAnchorEl] = React.useState(null);\n const handleClick = (event) => {\n setAnchorEl(event.currentTarget);\n };\n const handleClose = () => {\n setAnchorEl(null);\n };\n const handleMenuClick = (action) => {\n selectAction(row, action);\n handleClose();\n };\n return (\n \n \n \n {\n handleMenuClick('edit');\n }}\n button\n >\n Update Billing Info\n \n {!row.isDefault && (\n {\n handleMenuClick('remove');\n }}\n button\n >\n Remove\n \n )}\n \n
\n );\n};\nActionMenu.propTypes = {\n row: PropTypes.objectOf().isRequired,\n selectAction: PropTypes.func.isRequired,\n // rowAgentType: PropTypes.number.isRequired,\n};\n\nexport default ManageCards;\n","export default __webpack_public_path__ + \"static/media/ng.32f4e270.ico\";","/* eslint-disable no-unused-vars */\nimport React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n Backdrop,\n Box,\n makeStyles,\n Table,\n TableBody,\n TableCell,\n TableHead,\n TableRow,\n Menu,\n MenuItem,\n Button,\n TableContainer,\n Paper,\n CircularProgress,\n Typography,\n} from '@material-ui/core';\nimport { MoreVert } from '@material-ui/icons';\nimport { Pagination, Skeleton } from '@material-ui/lab';\nimport { getAgentTeam } from '../../services/Agent';\nimport listingStyle from '../../theme/styles/TableListing';\nimport logo from '../../assets/images/ng.ico';\nimport SnackbarMessage from '../../components/SnackbarMessage';\nimport { viewUserById, resetMyPassword, loginAsTeam } from '../../services/Auth';\nimport ConfirmDialog from '../../components/agent/ConfirmDialog';\nimport ResendInviteTeamMember from '../../components/agent/ResendInviteTeamMember';\n\nconst useStyles = makeStyles(listingStyle);\n\nconst AgentTeam = () => {\n const classes = useStyles();\n const getDetails = window.localStorage.getItem('userDetail');\n const agentId = getDetails ? JSON.parse(getDetails).id : 0;\n const [rows, setRows] = useState([]);\n const [dataLoaded, setDataLoaded] = useState(false);\n const [activePage, setActivePage] = useState(1);\n const [totalPages, setTotalPages] = useState(0);\n const [reloadRows, setReloadRows] = useState(false);\n const [deleteId, setDeleteId] = useState(null);\n const [accessEmail, setAccessEmail] = useState(null);\n const [userModel, setUserModel] = useState(false);\n const [userAction, setUserAction] = useState('');\n const [teamMemberEmail, setTeamMemberEmail] = useState('');\n const [teamMemberId, setTeamMemberId] = useState(0);\n const [loginId, setLoginId] = useState(0);\n const [processingRequestResetPwd, setProcessingRequestResetPwd] = useState(false);\n const [snackbarMeesage, setSnackbarMeesage] = useState({\n show: false,\n type: '',\n message: '',\n });\n const [showResendInvite, setShowResendInvite] = useState(false);\n const [editId, setEditId] = useState(null);\n\n useEffect(() => {\n setDataLoaded(false);\n getAgentTeam(agentId, activePage).then((res) => {\n setRows(res.data.rows);\n setTotalPages(res.data.totalPages);\n setDataLoaded(true);\n });\n }, [activePage, reloadRows]);\n\n const requestResetPassword = (id) => {\n setProcessingRequestResetPwd(true);\n setSnackbarMeesage({\n ...snackbarMeesage,\n message: '',\n type: '',\n show: false,\n });\n viewUserById(id)\n .then((res) => {\n resetMyPassword({ userName: res.data.username })\n .then((resp) => {\n setProcessingRequestResetPwd(false);\n setSnackbarMeesage({\n ...snackbarMeesage,\n message: resp.message,\n type: 'success',\n show: true,\n });\n })\n .catch(({ response }) => {\n setSnackbarMeesage({\n ...snackbarMeesage,\n message: response.data.message,\n type: 'error',\n show: true,\n });\n setProcessingRequestResetPwd(false);\n });\n })\n .catch(({ response }) => {\n setSnackbarMeesage({\n ...snackbarMeesage,\n message: response.data.message,\n type: 'error',\n show: true,\n });\n setProcessingRequestResetPwd(false);\n });\n };\n\n const userAccess = (email, uid) => {\n setUserAction('revoke');\n setAccessEmail(email);\n setDeleteId(uid);\n setUserModel(true);\n };\n\n const loginAsTeamMember = (data) => {\n setUserAction('loginAsTeam');\n setLoginId(agentId);\n setTeamMemberId(data.id);\n setTeamMemberEmail(data.email);\n setUserModel(true);\n };\n\n const handleActions = (row, action) => {\n if (action === 'reset-pwd' && row.status === 'Active') {\n requestResetPassword(row.userId);\n } else if (action === 'login-team' && row.status === 'Active') {\n loginAsTeamMember(row);\n } else if (action === 'resend-invi') {\n setEditId(row.id);\n setShowResendInvite(true);\n } else if (action === 'revoke-access' && row.status === 'Active') {\n userAccess(row.email, row.userId);\n }\n };\n\n return (\n <>\n \n Please contact support via the chat widget in the bottom right corner to request team\n members be invited to join your team.\n
\n \n \n \n {\n handleMenuClick('login-team');\n }}\n button\n disabled={row.status !== 'Active'}\n >\n Login as Team Member\n \n {\n handleMenuClick('resend-invi');\n }}\n button\n disabled={row.status !== 'Pending'}\n >\n Resend Invitation\n \n {\n handleMenuClick('reset-pwd');\n }}\n button\n disabled={row.status !== 'Active' || !row.userId}\n >\n Request Reset Password\n \n {\n handleMenuClick('revoke-access');\n }}\n button\n disabled={row.status !== 'Active' || !row.userId}\n >\n Revoke Access\n \n \n
\n );\n};\nActionMenu.propTypes = {\n row: PropTypes.objectOf().isRequired,\n selectAction: PropTypes.func.isRequired,\n // rowAgentType: PropTypes.number.isRequired,\n};\n\nexport default AgentTeam;\n","import { Box, Paper, Tab, Tabs } from '@material-ui/core';\nimport React, { useEffect, useState } from 'react';\nimport { useHistory, useParams } from 'react-router-dom';\nimport ManageCards from '../../components/billing/ManageCards';\nimport AgentTeam from '../agents/AgentTeam';\nimport RoutePaths from '../../config/Routes';\nimport Private from '../../layout/Private';\nimport { checkHasContract } from '../../services/Contract';\n\nconst a11yProps = (index) => ({\n id: `simple-tab-${index}`,\n 'aria-controls': `simple-tabpanel-${index}`,\n});\n\nconst Billing = () => {\n const getDetails = window.localStorage.getItem('userDetail');\n const hasTeamAccess = getDetails ? JSON.parse(getDetails).hasTeamAccess : 0;\n const params = useParams();\n const history = useHistory();\n const pageName = 'Billing';\n const [tabValue, setTabValue] = useState('billing');\n\n useEffect(() => {\n checkHasContract().catch(() => history.push(RoutePaths.HOME));\n setTabValue(params.page);\n }, [params.page]);\n\n return (\n \n
\n \n true}\n refreshList={refreshList}\n searchList={searchList}\n getSearchText={(e) => setSearchText(encodeURIComponent(e.target.value))}\n showAddOption={false}\n resetList={resetList}\n inputSearch={decodeURIComponent(searchText)}\n />\n
\n \n {showVideoProgressTip &&\n !hideInfo &&\n `Do not close the window or save the details until whole video is uploaded.`}\n
\n {snackbarMeesage.show && \n setSearchText(encodeURIComponent(e.target.value))}\n addNew={() => setSubmissionDialog(true)}\n resetList={resetList}\n />\n
\n \n \n \n {\n handleMenuClick('edit');\n }}\n button\n >\n Edit\n \n {\n handleMenuClick('view');\n }}\n button\n >\n View\n \n {\n handleMenuClick('delete');\n }}\n button\n disabled={row.submitted > 0}\n >\n Delete\n \n \n
\n );\n};\nActionMenu.propTypes = {\n row: PropTypes.objectOf().isRequired,\n selectAction: PropTypes.func.isRequired,\n};\n\nconst SubmissionButton = ({ row, onClick }) => {\n const totalSubmission = row.submission || '∞';\n const totalSubmitted = row.submitted;\n\n return (\n \n );\n};\n\nSubmissionButton.propTypes = {\n row: PropTypes.objectOf().isRequired,\n onClick: PropTypes.objectOf().isRequired,\n};\nexport default NrpInsights;\n","/* eslint-disable no-nested-ternary */\n/* eslint-disable no-empty */\nimport {\n Box,\n Button,\n makeStyles,\n Menu,\n MenuItem,\n Paper,\n Table,\n TableBody,\n TableCell,\n TableContainer,\n TableHead,\n TableRow,\n TableSortLabel,\n Typography,\n} from '@material-ui/core';\nimport { ArrowDownward, ImportExport, MoreVert } from '@material-ui/icons';\nimport { Pagination, Skeleton } from '@material-ui/lab';\nimport React, { useEffect, useState } from 'react';\nimport { useHistory } from 'react-router-dom/cjs/react-router-dom.min';\nimport PropTypes from 'prop-types';\nimport RoutePaths from '../../config/Routes';\nimport { listAllBlogs } from '../../services/Blogs';\nimport listingStyle from '../../theme/styles/TableListing';\nimport TableToolbar from '../TableToolbar';\nimport submissionStyle from '../../theme/styles/Submission';\nimport SubmissionDialog from './SubmissionsDialog';\nimport FormDialog from './FormDialog';\nimport ConfirmDialog from './ConfirmDialog';\nimport ViewDialog from './ViewDialog';\n\nconst useStyles = makeStyles(listingStyle);\nconst useStyles2 = makeStyles(submissionStyle);\n\nconst Blogs = () => {\n const classes = useStyles();\n const classes2 = useStyles2();\n const history = useHistory();\n\n const [rows, setRows] = useState([]);\n const [dataLoaded, setDataLoaded] = useState(false);\n const [activePage, setActivePage] = useState(1);\n const [totalPages, setTotalPages] = useState(0);\n const [reloadRows, setReloadRows] = useState(false);\n\n const [searchText, setSearchText] = useState('');\n const [sortBy, setSortBy] = useState('');\n const [orderBy, setOrderBy] = useState('');\n\n const [submissionId, setSubmissionId] = useState(0);\n const [submissionDialog, setSubmissionDialog] = useState(false);\n const [deleteDialog, setDeleteDialog] = useState(false);\n const [viewDialog, setViewDialog] = useState(false);\n\n const [actionId, setActionId] = useState(0);\n\n const columns = [\n { name: 'Title', id: 'title', width: '50%' },\n { name: 'Submissions', id: 'submission', width: '20%', align: 'center' },\n { name: 'Status', id: 'status', width: '10%', align: 'center' },\n { name: 'Schedule', id: 'schedule', width: '20%', align: 'center' },\n ];\n\n const getParams = () => {\n let queryString = '1=1';\n if (sortBy) queryString += `&sortBy=${sortBy}`;\n if (orderBy) queryString += `&orderBy=${orderBy}`;\n if (searchText) queryString += `&searchText=${searchText}`;\n return queryString.substring(4);\n };\n\n useEffect(() => {\n setDataLoaded(false);\n listAllBlogs(activePage, getParams())\n .then((res) => {\n setRows(res.data.rows);\n setTotalPages(res.data.totalPages);\n setDataLoaded(true);\n })\n .catch(() => {\n setDataLoaded(true);\n });\n }, [reloadRows, activePage]);\n\n const searchList = () => {\n setActivePage(1);\n setReloadRows(!reloadRows);\n };\n\n const sortHandler = (colId) => {\n setActivePage(1);\n setSortBy(colId);\n setOrderBy(orderBy === 'asc' ? 'desc' : 'asc');\n setReloadRows(!reloadRows);\n };\n\n const refreshList = () => {\n setReloadRows(!reloadRows);\n };\n\n const resetList = () => {\n setSearchText('');\n setOrderBy('');\n setSortBy('');\n setReloadRows(!reloadRows);\n setActivePage(1);\n history.push(RoutePaths.SUBMISSIONS);\n };\n\n const handleActions = (row, action) => {\n if (action === 'edit') {\n setActionId(row.id);\n setSubmissionDialog(true);\n } else if (action === 'delete') {\n setActionId(row.id);\n setDeleteDialog(true);\n } else if (action === 'view') {\n setActionId(row.id);\n setViewDialog(true);\n }\n };\n\n return (\n \n setSearchText(encodeURIComponent(e.target.value))}\n addNew={() => setSubmissionDialog(true)}\n resetList={resetList}\n />\n
\n \n \n \n {\n handleMenuClick('edit');\n }}\n button\n >\n Edit\n \n {\n handleMenuClick('view');\n }}\n button\n >\n View\n \n {\n handleMenuClick('delete');\n }}\n button\n disabled={row.submitted > 0}\n >\n Delete\n \n \n
\n );\n};\nActionMenu.propTypes = {\n row: PropTypes.objectOf().isRequired,\n selectAction: PropTypes.func.isRequired,\n};\n\nconst BlogButtons = ({ row }) => {\n let retText = '-';\n if (row.claimDate && !row.articleText && !row.articleLink) {\n retText = `${row.agentName} (Claimed)`;\n } else if (row.articleText || row.articleLink) {\n retText = `${row.agentName} (Submitted)`;\n }\n return \n setSearchText(encodeURIComponent(e.target.value))}\n addNew={() => setAddEditDialog(true)}\n resetList={resetList}\n />\n
\n \n \n \n {row.allowEdit && (\n {\n handleMenuClick('edit');\n }}\n button\n >\n Edit\n \n )}\n {\n handleMenuClick('view');\n }}\n button\n >\n View\n \n {row.allowDelete && (\n {\n handleMenuClick('delete');\n }}\n button\n disabled={row.submitted > 0}\n >\n Delete\n \n )}\n \n
\n );\n};\n\nActionMenu.propTypes = {\n row: PropTypes.objectOf().isRequired,\n selectAction: PropTypes.func.isRequired,\n};\n\nexport default ShowSegments;\n","/* eslint-disable react/jsx-props-no-spreading */\nimport { Box, Paper, Tab, Tabs } from '@material-ui/core';\nimport React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport PrivateWrapper from '../../layout/Private';\nimport NrpInsights from '../../components/approvals/NrpInsights';\nimport GuestBlogs from '../../components/approvals/Blogs';\nimport ShowSegments from '../../components/approvals/show-segments/List';\nimport UserTypes from '../../config/UserTypes';\n\nfunction a11yProps(index) {\n return {\n id: `simple-tab-${index}`,\n 'aria-controls': `simple-tabpanel-${index}`,\n };\n}\n\nconst SubmissionsPage = () => {\n const pageName = 'Submissions';\n const [activeTab, setActiveTab] = useState(0);\n const getDetails = window.localStorage.getItem('userDetail');\n const userType = getDetails ? Number(JSON.parse(getDetails).type) : 0;\n const [tabValue, setTabValue] = useState(\n userType === UserTypes.SUPER_ADMIN.value ? 'submission' : 'segments'\n );\n\n useEffect(() => {\n if (tabValue === 'submission') {\n setActiveTab(0);\n } else if (tabValue === 'segments') {\n setActiveTab(2);\n } else {\n setActiveTab(1);\n }\n }, [tabValue]);\n\n return (\n \n setSearchText(encodeURIComponent(e.target.value))}\n resetList={resetList}\n addNew={handleManualEntryCreate}\n showAddOption\n />\n
\n \n e.name}\n getOptionValue={(e) => e.id}\n loadOptions={loadAgentsData}\n onChange={(v) => {\n setSelectedAgent(v.id);\n setData({\n ...data,\n nrpAgent: v,\n });\n }}\n placeholder=\"Select Agent\"\n menuPlacement=\"bottom\"\n />\n
\n \n \n \n \n \n
\n \n {selectedAgent !== data.agentId && (\n \n Save\n \n )}\n
\n \n )}\n\n \n
\n\n - \n
- Current promo NRP: {data.agentName || '-'} \n
- Will override ads for: 7 days \n
\n
\n \n {!dataLoaded &&\n [1, 2, 3, 4, 5, 6].map(() => (\n \n \n \n \n \n \n \n \n ))}\n {notificationData.length > 0 ? (\n notificationData.map((n) => (\n \n \n \n \n \n \n openNotification(n.id)}>\n \n \n \n {renderDashboardIcon(n.icon, '#43a047')}\n \n \n {n.title} \n {n.description} \n \n \n \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 Lorem ipsum dolor sit amet,\n
\n consectetur adipiscing.Lorem ipsum\n
\n dolor sit amet, consectetur adipiscing.\n
\n
\n
\n \n \n \n \n Coming Soon!\n \n This page will be active soon. \n \n \n \n
\n );\n};\n\nexport default ComingSoon;\n","import React from 'react';\nimport Grid from '@material-ui/core/Grid';\nimport { Box } from '@material-ui/core';\n// import ListBulletins from './ListBulletins';\n// import AddNewBulletin from './AddNewBulletin';\nimport ComingSoon from '../ComingSoon';\n\nconst ManageBulletins = () => (\n \n
\n {activeModule === dashboardModules[0] &&
\n
\n setSearchText(encodeURIComponent(e.target.value))}\n addNew={() => setContentDialog(true)}\n resetList={resetList}\n />\n
\n \n \n \n {row.isEdit && (\n {\n handleMenuClick('edit');\n }}\n button\n >\n Edit\n \n )}\n\n {\n handleMenuClick('view');\n }}\n button\n >\n View\n \n {\n handleMenuClick('delete');\n }}\n button\n >\n Delete\n \n \n
\n );\n};\nActionMenu.propTypes = {\n row: PropTypes.objectOf().isRequired,\n selectAction: PropTypes.func.isRequired,\n};\n\nconst SubmissionButton = ({ row, onClick }) => {\n const totalSubmission = row.submission || '∞';\n const totalSubmitted = row.submitted;\n\n return (\n \n );\n};\n\nSubmissionButton.propTypes = {\n row: PropTypes.objectOf().isRequired,\n onClick: PropTypes.objectOf().isRequired,\n};\nexport default ContentEngine;\n","/* eslint-disable react/jsx-props-no-spreading */\nimport { Box, Paper, Tab, Tabs } from '@material-ui/core';\nimport React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport PrivateWrapper from '../../layout/Private';\nimport ContentEngine from '../../components/content-engine/ContentEngine';\n\nfunction a11yProps(index) {\n return {\n id: `simple-tab-${index}`,\n 'aria-controls': `simple-tabpanel-${index}`,\n };\n}\n\nconst ContentEnginePage = () => {\n const pageName = 'Content Engine';\n const [activeTab, setActiveTab] = useState(0);\n const [tabValue, setTabValue] = useState('content');\n\n useEffect(() => {\n if (tabValue === 'content') {\n setActiveTab(0);\n } else {\n setActiveTab(1);\n }\n }, [tabValue]);\n\n return (\n \n Upload {buttonText}\n
\n \n setSearchText(encodeURIComponent(e.target.value))}\n addNew={() => setResourceDialog(true)}\n resetList={resetList}\n />\n
\n \n \n \n {\n handleMenuClick('edit');\n }}\n button\n >\n Edit\n \n {\n handleMenuClick('view');\n }}\n button\n >\n View\n \n {\n handleMenuClick(copyLinkAction);\n }}\n button\n >\n Copy Link\n \n {\n handleMenuClick('delete');\n }}\n button\n >\n Delete\n \n \n
\n );\n};\nActionMenu.propTypes = {\n row: PropTypes.objectOf().isRequired,\n selectAction: PropTypes.func.isRequired,\n};\n\nconst SubmissionButton = ({ row, onClick }) => {\n const totalSubmission = row.submission || '∞';\n const totalSubmitted = row.submitted;\n\n return (\n \n );\n};\n\nSubmissionButton.propTypes = {\n row: PropTypes.objectOf().isRequired,\n onClick: PropTypes.objectOf().isRequired,\n};\nexport default AdminResources;\n","import React, { useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n Dialog,\n DialogContent,\n DialogTitle,\n Typography,\n DialogActions,\n Button,\n} from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { CloudUpload } from '@material-ui/icons';\nimport ReactS3Uploader from 'react-s3-uploader';\nimport { createNugget, updateNuggetUrl } from '../../services/Nuggets';\nimport agentStyle from '../../theme/styles/Agents';\nimport SnackbarMessage from '../SnackbarMessage';\nimport { agentTypeValues } from '../../config/DataValues';\n\nconst useStyles = makeStyles(agentStyle);\n\nconst AddNugget = ({ onClose, onSuccess, module }) => {\n const classes = useStyles();\n const hiddenFileInput = useRef(null);\n const getDetails = window.localStorage.getItem('userDetail');\n const loggedInUserId = getDetails ? Number(JSON.parse(getDetails).id) : 0;\n\n const [progress, setProgress] = useState(0);\n const [fileSelected, setFileSelected] = useState(false);\n const [hasError, setHasError] = useState(false);\n const [errorMessage, setErrorMessage] = useState('');\n const [showVideoProgressTip, setShowVideoProgressTip] = useState(false);\n const [snackbarMeesage, setSnackbarMeesage] = useState({\n show: false,\n type: '',\n message: '',\n });\n\n const handleClick = () => {\n hiddenFileInput.current.click();\n };\n\n const getSignedUrl = (file, callback) => {\n setSnackbarMeesage({\n message: '',\n type: '',\n show: false,\n });\n if (file.type.split('/')[0] === 'video') {\n const payload = {\n agentId: loggedInUserId,\n objectName: file.name,\n contentType: file.type,\n excludeOverlay: 0, // default value is 0\n };\n createNugget(payload)\n .then((res) => {\n setShowVideoProgressTip(true);\n callback(res.data);\n setFileSelected(true);\n })\n .catch(() => {\n setHasError(true);\n setErrorMessage('Something went wrong.');\n });\n } else {\n setSnackbarMeesage({\n message: `Please select video file only.`,\n type: 'error',\n show: true,\n });\n }\n };\n\n const onProgress = (p) => {\n setProgress(p);\n };\n const onError = (error) => {\n setHasError(true);\n setErrorMessage(error);\n };\n const onFinish = (data) => {\n setProgress(100);\n setProgress(0);\n setFileSelected(false);\n\n const payload = {\n agentId: loggedInUserId,\n nuggetId: data.nuggetId,\n url: data.publicUrl,\n };\n updateNuggetUrl(payload)\n .then(() => {\n onSuccess();\n setFileSelected(true);\n })\n .catch(() => {\n setHasError(true);\n setErrorMessage('Something went wrong.');\n });\n };\n\n return (\n \n );\n};\n\nAddNugget.propTypes = {\n onClose: PropTypes.func.isRequired,\n onSuccess: PropTypes.func.isRequired,\n module: PropTypes.number.isRequired,\n};\n\nexport default AddNugget;\n","/* eslint-disable no-nested-ternary */\nimport React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n Box,\n Button,\n Card,\n CardContent,\n Grid,\n IconButton,\n Typography,\n Dialog,\n DialogTitle,\n DialogContent,\n DialogActions,\n CircularProgress,\n Tooltip,\n Paper,\n Menu,\n MenuItem,\n} from '@material-ui/core';\nimport { makeStyles, withStyles } from '@material-ui/core/styles';\nimport VideoPlayer from 'react-video-js-player';\nimport PlayArrowIcon from '@material-ui/icons/PlayArrow';\nimport AddIcon from '@material-ui/icons/Add';\nimport { Refresh, MoreVert } from '@material-ui/icons';\nimport nuggetsStyle from '../../theme/styles/Nuggets';\nimport AddNugget from './AddNugget';\nimport NuggetActionConfirmDialog from './NuggetActionConfirmDialog';\nimport { getAgentNuggets } from '../../services/Nuggets';\nimport { nuggetStatus, nuggetAssetStatus, agentTypeValues } from '../../config/DataValues';\nimport { trackUserClick } from '../../utils/Activity';\n\nconst useStyles = makeStyles(nuggetsStyle);\nconst TooltipStyle = withStyles(() => ({\n tooltip: {\n backgroundColor: 'rgb(97 97 97 / 98%)',\n fontSize: '.8rem',\n },\n}))(Tooltip);\n\nconst AgentNuggets = ({ module }) => {\n const classes = useStyles();\n const getDetails = window.localStorage.getItem('userDetail');\n const userId = getDetails ? Number(JSON.parse(getDetails).id) : 0;\n\n const [rows, setRows] = useState([]);\n const [dataLoaded, setDataLoaded] = useState(false);\n const [reloadRows, setReloadRows] = useState(false);\n\n const [viewVideoUrl, setViewVideoUrl] = useState('');\n const [viewVideoStatus, setViewVideoStatus] = useState('');\n\n const [openModel, setOpenModel] = useState(false);\n const [confirmModel, setConfirmModel] = useState(false);\n\n const [selectedNugget, setSelectedNugget] = useState(null);\n\n const deleteData = (id) => {\n setSelectedNugget(id);\n setConfirmModel(true);\n };\n\n useEffect(() => {\n setDataLoaded(false);\n getAgentNuggets(userId).then((res) => {\n setRows(res.data);\n setDataLoaded(true);\n });\n }, [reloadRows]);\n\n const refreshItems = () => {\n setReloadRows(!reloadRows);\n };\n\n const downloadVideo = (vidUrl) => {\n const fileName = Math.floor(Date.now() / 1000);\n const mp4Url = vidUrl.replace('.m3u8', `/high.mp4?download=${fileName}`);\n if (module === agentTypeValues.AGENTS) {\n trackUserClick(53, { video_url: mp4Url });\n } else {\n trackUserClick(82, { video_url: mp4Url });\n }\n\n window.open(mp4Url, '_blank');\n };\n\n const handleActions = (row, action) => {\n if (action === 'delete') {\n deleteData(row.id);\n } else if (action === 'download') {\n downloadVideo(row.videoUrl);\n }\n };\n\n const getToolTipTitle = (row) => {\n let title = '';\n if (row.status === nuggetStatus.PENDING) {\n if (Number(row.assetStatus) === nuggetAssetStatus.WAITING) {\n title = 'The video will soon be edited with required details.';\n } else if (Number(row.assetStatus) === nuggetAssetStatus.PREPARING) {\n title = 'The video editing is in progress. It takes a few minutes to complete the process.';\n } else if (Number(row.assetStatus) === nuggetAssetStatus.READY) {\n title = 'The video is ready for review. The support team will start reviewing it soon.';\n } else if (Number(row.assetStatus) === nuggetAssetStatus.FAILED) {\n title = 'The video editing failed. Please delete the video and re-upload it.';\n }\n } else if (row.status === nuggetStatus.APPROVED) {\n if (Number(row.assetStatus) === nuggetAssetStatus.MUX_WAITING) {\n title = 'The video is being finalised.';\n } else if (Number(row.assetStatus) === nuggetAssetStatus.MUX_UPLOADING) {\n title = 'The video is being finalised.';\n } else if (Number(row.assetStatus) === nuggetAssetStatus.MUX_FAIL) {\n title = 'Something went wrong finalising the video. Please contact support team.';\n }\n } else if (row.status === nuggetStatus.DISAPPROVED) {\n title = row.comments;\n }\n return title;\n };\n return (\n <>\n {!dataLoaded && (\n \n \n {row.created ? `Added at ${row.created} ` : ''}\n \n
\n \n \n \n {row.created ? `Added at ${row.created} ` : ''}\n \n\n {(row.status === agentAdVideoStatus.PENDING ||\n row.status === agentAdVideoStatus.DISAPPROVED) && (\n {\n deleteData(row.id);\n }}\n >\n
\n \n \n Please check back soon for our next call for Submissions!\n
\n You have not submitted any Show Segments video yet.\n
\n )}\n \n );\n};\n\nexport default PastSegments;\n","/* eslint-disable jsx-a11y/anchor-is-valid */\nimport { Box, Typography, Tooltip } from '@material-ui/core';\nimport React from 'react';\nimport GetAppIcon from '@material-ui/icons/GetApp';\nimport ScheduledSegments from '../segments/ScheduledSegments';\nimport PastSegments from '../segments/PastSegments';\nimport { segmentVideoUploadGuidelines } from '../../config/DataValues';\nimport { trackUserClick } from '../../utils/Activity';\n\nconst AgentShowSegments = () => {\n const openGuidelines = () => {\n trackUserClick(102);\n window.open(segmentVideoUploadGuidelines, '_blank');\n };\n\n return (\n \n We need you to link your Facebook page to automatically post on your behalf.\n
\n \n {}}\n onClick={() => trackUserClick(91)}\n textButton=\"Link your Facebook page\"\n cssClass={classesFb.fbButton}\n icon={\n
\n \n 
\n
\n }\n isMobile={false}\n disableMobileRedirect\n />\n \n Status:{' '}\n
\n openViewModel(item)}\n size=\"small\"\n color=\"primary\"\n variant=\"contained\"\n style={{\n textTransform: 'none',\n marginRight: 5,\n width: 130,\n boxShadow: 'none',\n }}\n >\n View full post\n \n {item.status === AgentCePostStatus.SCHEDULED.value && item.inFuture && (\n handleSkipPost(item.id, 1)}\n size=\"small\"\n color=\"primary\"\n variant=\"contained\"\n style={{\n textTransform: 'none',\n marginRight: 5,\n backgroundColor: '#ff000094',\n width: 130,\n boxShadow: 'none',\n }}\n >\n Do not post!\n \n )}\n {item.status === AgentCePostStatus.SKIPPED.value && item.inFuture && (\n handleSkipPost(item.id, 0)}\n size=\"small\"\n color=\"primary\"\n variant=\"contained\"\n style={{\n textTransform: 'none',\n marginRight: 5,\n width: 130,\n boxShadow: 'none',\n }}\n >\n Unskip\n \n )}\n
\n\n \n {[\n AgentCePostStatus.PAST.value,\n AgentCePostStatus.SKIPPED.value,\n AgentCePostStatus.UNSUCCESSFUL.value,\n ].includes(item.status) &&\n !item.inFuture && (\n <>\n \n handleRetryPost(item.id)}\n className={classes.actionBtn}\n style={{\n marginRight: item.showAgentAssetOverlay ? 87 : 5,\n padding: 2,\n }}\n >\n \n {!item.showAgentAssetOverlay && (\n \n \n generateDownloadProcess(\n item.imageURL || item.videoURL,\n item.id,\n item.contentType\n )\n }\n className={classes.actionBtn}\n style={{ marginRight: 5, padding: 2 }}\n >\n \n )}\n {!item.showAgentAssetOverlay && (\n \n copyText(item.proposedText)}\n className={classes.actionBtn}\n style={{ padding: 2 }}\n >\n \n )}\n \n )}\n
\n \n There are no posts available.\n
\n )}\n \n \n \n\n {!loading && items.url && (\n <>\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n setDeleteLogo(true)}\n fullWidth\n variant=\"outlined\"\n >\n Delete Logo\n \n \n \n \n \n )}\n {!loading && !items.url && (\n \n \n \n \n \n \n \n \n \n )}\n \n \n \n {}}\n onClick={() => trackUserClick(88)}\n isDisabled={isFBSetup}\n textButton={isFBSetup ? 'Facebook page linked!' : 'Link your Facebook page'}\n cssClass={isFBSetup ? classes.fbButtonDisabled : classes.fbButton}\n icon={\n \n \n \n {deleteLogo && (\n {\n setDeleteLogo(false);\n }}\n successCallback={() => {\n setDeleteLogo(false);\n setItems({});\n }}\n />\n )}\n {cropperModel && (\n {\n setCropperModel(false);\n setRefreshList(!refreshList);\n }}\n imageDetails={imageDetails}\n refreshCallback={refreshCallback}\n />\n )}\n {snackbarMeesage.show &&
\n );\n};\n\nContentEnginePics.propTypes = {\n refreshCallback: PropTypes.func.isRequired,\n};\n\nexport default ContentEnginePics;\n","import { Box, Paper, Tab, Tabs } from '@material-ui/core';\nimport React, { useEffect, useState } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport AgentContentEngine from '../content-engine/AgentContentEngine';\nimport Private from '../../layout/Private';\nimport { trackUserClick } from '../../utils/Activity';\nimport ContentEnginePics from '../../components/branding/ContentEnginePics';\nimport { agentTypeValues } from '../../config/DataValues';\nimport RoutePaths from '../../config/Routes';\n\nconst a11yProps = (index) => ({\n id: `simple-tab-${index}`,\n 'aria-controls': `simple-tabpanel-${index}`,\n});\n\nfunction getTabID() {\n let initilalTabOpen = 'setup';\n const currentUrl = window.location.href;\n const urlParts = currentUrl.split('#');\n const anchor = urlParts.length > 1 ? urlParts[1] : '';\n\n if (anchor === 'setup' || anchor === '') {\n initilalTabOpen = 'setup';\n } else if (anchor === 'facebook-calendar') {\n initilalTabOpen = 'facebook-calendar';\n }\n return initilalTabOpen;\n}\n\nconst Content = () => {\n const pageName = 'Content Engine';\n const user = window.localStorage.getItem('userDetail');\n const userNameObj = user ? JSON.parse(user) : null;\n const agentType = Number(userNameObj.agentType || agentTypeValues.AGENTS);\n const isCEUser = agentType === agentTypeValues.CE_USERS;\n const [tabValue, setTabValue] = useState(getTabID());\n\n const history = useHistory();\n if (!isCEUser) {\n history.push(RoutePaths.HOME);\n return <>;\n }\n\n useEffect(() => {\n let objId = 0;\n if (tabValue === 'facebook-calendar') {\n // objId = 79;\n objId = 90;\n } else if (tabValue === 'setup') {\n objId = 78;\n }\n if (objId) {\n trackUserClick(objId);\n }\n }, [tabValue]);\n\n return (\n \n \n
\n }\n isMobile={false}\n disableMobileRedirect\n />\n