\r\n
${value}
\r\n
${balance}
\r\n
{date}
\r\n
{props.statement.Status && props.statement.Status !== 'Successful' && props.statement.Status}{props.statement.PaymentID > 0 ? 'Payment' : 'Charge'}\r\n
{props.statement.PaymentID > 0 ? props.statement.PaymentType : props.statement.SchoolType}
\r\n
{props.statement.StudentName}
\r\n
View Details
\r\n
\r\n
Value
sortByColumnHandler('value')} />
\r\n
Running Balance
\r\n
Date
sortByColumnHandler('date')} />
\r\n
Payment/ Charge
sortByColumnHandler('type')} />
\r\n
Student
sortByColumnHandler('student')} />
\r\n
Details
sortByColumnHandler('details')} />
\r\n
\r\n {statementList.length > 0 &&
\r\n
${parseFloat(statementList[0].BalanceForward).toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}
\r\n
Previous Balance
\r\n
}\r\n {statementItems}\r\n {statementList.length > 0 &&
\r\n
${parseFloat(balance).toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}
\r\n
Due Now
\r\n
}\r\n {(!statementItems || statementItems.length === 0) && !isLoading &&
No Items found
}\r\n
\r\n
Statement for
School Year {localStorage.getItem(\"SchoolYear\")}
\r\n \r\n \r\n
\r\n \r\n
\r\n
{localStorage.getItem('sessionCompanyName')}
\r\n {localStorage.getItem('SchoolAddress') &&
{localStorage.getItem(\"SchoolAddress\")}
}\r\n {localStorage.getItem('SchoolPhone') &&
{localStorage.getItem(\"SchoolPhone\")}
}\r\n {localStorage.getItem('SchoolEmail') &&
}\r\n
\r\n
\r\n
Print Statement
\r\n
{ navigate(`/${params.organization}/${params.school}/parents/statement/new-payment`)}}>Add Payment\r\n
\r\n
\r\n {props.children}\r\n \r\n )\r\n}\r\n\r\nexport default AddButton","import classes from './CircleProgressBar.module.css'\r\n\r\nconst CircleProgressBar = (props) => {\r\n return(\r\n)}\r\n\r\nexport default CircleProgressBar","export default __webpack_public_path__ + \"static/media/Arrow - Down 2.734f5f91.svg\";","export default __webpack_public_path__ + \"static/media/Arrow - Up 2.402640e2.svg\";","\r\nimport classes from './DetailsItem.module.css'\r\nimport ArrowDown from '../../../images/Arrow - Down 2.svg'\r\nimport Arrowup from '../../../images/Arrow - Up 2.svg'\r\n\r\n\r\nconst DetailsItem = ({open, onClick, title, children, header, sticky}) => {\r\n\r\n return(\r\n \r\n
\r\n
\r\n
\r\n
{title}
\r\n
\r\n {header}\r\n
\r\n {open &&
{children}
}\r\n
actionHandler(e, action.trim())}>{action.replace(/([A-Z])/g, ' $1').trim()\r\n }
\r\n })\r\n\r\n setMenuActions(a)\r\n } \r\n }\r\n else{\r\n setMenuActions( e.stopPropagation()}>No actions set up
)\r\n }\r\n },[props.actions])\r\n\r\n useEffect(()=>{\r\n if(clickedOutside){\r\n switch(actionRef.current.id){\r\n case 'actions': \r\n setShowActions(false)\r\n break;\r\n default:\r\n break;\r\n }\r\n resetState()\r\n }\r\n },[clickedOutside])\r\n\r\n useEffect(()=>{\r\n if(!showActions && print){\r\n props.onPrint()\r\n setPrint(false)\r\n }\r\n },[showActions])\r\n\r\n const actionHandler = (e, action) => {\r\n e.stopPropagation();\r\n switch(action){\r\n case 'PrintDashboard':\r\n setShowActions(false)\r\n setPrint(true)\r\n break;\r\n default:\r\n break;\r\n\r\n }\r\n }\r\n\r\n return \r\n \r\n {props.completed}/{props.total} Completed
\r\n \r\n \r\n
{e.stopPropagation(); setShowActions(prevState => ! prevState);}} />\r\n {showActions &&
\r\n {menuActions}\r\n
}\r\n
\r\n
\r\n {props.totals.map(t => {\r\n return
\r\n
{t.name}
\r\n
{t.value}
\r\n
\r\n })}\r\n
\r\n
\r\n {under1K &&
\r\n
\r\n
{under1K.amount}
\r\n
{'<'}$1k
\r\n
\r\n
\r\n
}\r\n {over1K &&
\r\n
\r\n
{over1K.amount}
\r\n
{'>'}$1k
\r\n
\r\n
\r\n
}\r\n {over10K &&
\r\n
\r\n
{over10K.amount}
\r\n
{'>'}$10k
\r\n
\r\n
\r\n
}\r\n
\r\n
\r\n {props.children}\r\n {!props.adminDashboard &&
}\r\n
\r\n
\r\n
Notes
\r\n
setCheckSrc(checkG)} onMouseOut={() => setCheckSrc(check)} />\r\n
\r\n
\r\n
\r\n
clickNumberHandler('PhoneMobile', props.phoneMobile)}>Mobile
\r\n
clickNumberHandler('PhoneMobile', props.phoneMobile)}>{props.phoneMobile}
\r\n {showTemplates === 'PhoneMobile' &&
{templates}
}\r\n
\r\n
clickNumberHandler('PhoneSpouse', props.phoneSpouse)}>Spouse Mobile
\r\n
clickNumberHandler('PhoneSpouse', props.phoneSpouse)}>{props.phoneSpouse}
\r\n {showTemplates === 'PhoneSpouse' &&
{templates}
}\r\n
clickNumberHandler('Email', props.email)}>Email
\r\n
clickNumberHandler('Email', props.email)}>{props.email}
\r\n {showTemplates === 'Email' &&
{templates}
}\r\n
\r\n
clickNumberHandler('Home', props.phoneHome)}>Home
\r\n
clickNumberHandler('Home', props.phoneHome)} id={`${!props.message && 'Call'} ${props.dashboardSettingId} ${props.id} PhoneHome ${props.phoneHome.replace(/[^0-9]/g,\"\")}`}>{props.phoneHome}
\r\n
template.TemplateID > 0 ? selectTemplateHandler(template.TemplateID) : props.onClose()} id={template.TemplateID === 0 ? 'New-Template' : template.TemplateID}>\r\n
{template.Name}
\r\n {showSendEdit === template.TemplateID &&
\r\n
sendMessageHandler(template.TemplateID)}>
Send
\r\n
\r\n
}\r\n
\r\n {numbers && numbers.map((n, i) => {\r\n return
\r\n {n}\r\n
\r\n })}\r\n
\r\n
Default Charge
\r\n {chargeTypes.map(t => {\r\n return
{e.stopPropagation(); props.onClose();}}>\r\n {t.Name} - {t.Amount}\r\n
\r\n })}\r\n
{props.children}
\r\n )\r\n}\r\n\r\nexport default PopupList","import classes from './PopupListItem.module.css'\r\n\r\nconst PopupListItem = (props) => {\r\n\r\n return ({props.children}
)\r\n}\r\n\r\nexport default PopupListItem","import { useEffect, useState } from \"react\"\r\nimport useHttp from \"../../../../hooks/use-http\"\r\nimport PopupList from \"../../../UI/Hub/PopupList\"\r\nimport PopupListItem from \"../../../UI/Hub/PopupListItem\"\r\nimport { useDispatch, useSelector } from \"react-redux\"\r\nimport { uiActions } from \"../../../../store/ui-slice\"\r\nimport { fetchDashboards } from \"../../../../store/hub-actions\"\r\nimport { hubActions } from \"../../../../store/hub-slice\"\r\n\r\n\r\nconst UsersListPopup = (props) => {\r\n const {sendRequest: getUsers} = useHttp()\r\n const {sendRequest: assignTask, isLoading: assignTaskLoading} = useHttp()\r\n const dispatch = useDispatch()\r\n\r\n const users = useSelector((state) => state.hub.users)\r\n\r\n\r\n useEffect(()=>{\r\n if(users.length === 0){\r\n fetchUsersList()\r\n }\r\n },[users])\r\n \r\n const fetchUsersList = () => {\r\n getUsers({url:'api/getUsers'}, handleGetUsersResponse)\r\n } \r\n\r\n const handleGetUsersResponse = (data) => {\r\n dispatch(hubActions.loadUsers(data))\r\n }\r\n\r\n const assignTaskHandler = (e, id) =>{\r\n e.stopPropagation(); \r\n assignTask({url:`api/assignTask?dashboardId=${props.dashboardId}&id=${props.id}&reminderId=${props.reminderId}&userId=${id}`}, (data) => handleAssignTaskResponse(data, id))\r\n }\r\n\r\n const handleAssignTaskResponse = (data, id) => {\r\n props.onClose();\r\n if(data === ''){\r\n dispatch(uiActions.showSidePopup({status: 'success', header: 'Successfuly assigned task'}))\r\n //if assigned to a different user it should remove from list till the page reloads\r\n const userName = localStorage.getItem('userName')\r\n const user = users.find(u => u.UserID === id)\r\n if(user && userName && user.UserName !== userName){\r\n dispatch(hubActions.removeTaskFromList({dashboardId: props.dashboardId, ID: props.id}))\r\n }\r\n props.cancelco.abort()\r\n dispatch(fetchDashboards(true))\r\n }\r\n else{\r\n dispatch(uiActions.showSidePopup({status: 'error', header: 'Error assigning task', message: data}))\r\n }\r\n\r\n }\r\n\r\n return (\r\n \r\n {users.map((u, i) => {\r\n return !assignTaskLoading && assignTaskHandler(e, u.UserID)} second={(i + 1) % 2 === 0}>\r\n {u.UserName}\r\n \r\n })}\r\n \r\n )\r\n}\r\n\r\nexport default UsersListPopup","import { Fragment, useEffect, useState } from 'react'\r\n\r\nimport classes from './MorePopup.module.css'\r\nimport arrow from '../../../../images/Arrow - Right 2.svg'\r\nimport { addDays } from '../../../../functions/Dates/dateFunctions'\r\nimport useHttp from '../../../../hooks/use-http'\r\nimport { converDateForBackendWithCurrentTime } from '../../../../functions/Dates/ConvertDateForC#'\r\nimport DateInput from '../../../UI/Inputs/DateInput'\r\nimport { useDispatch } from 'react-redux'\r\nimport { uiActions } from '../../../../store/ui-slice'\r\nimport { fetchDashboards } from '../../../../store/hub-actions'\r\nimport { fetchDonorsAddressesList, fetchDonorsContactsList, fetchSingleDonorNotForList } from '../../../../store/donors-actions'\r\nimport { fetchAllTendersLists } from '../../../../store/tenders-actions'\r\nimport { fetchPledgesForDonor, fetchRecurringPledgesForDonor } from '../../../../store/pledges-actions'\r\nimport { useNavigate } from 'react-router'\r\nimport ChargeTypes from './ChargeTypes'\r\nimport UsersListPopup from './UsersListPopup'\r\nimport { getCompleteMessageBody, getUpdateMessageBody } from '../../../../functions/getMessageBody'\r\n\r\nconst MorePopup = (props) => {\r\n const navigate = useNavigate()\r\n\r\n const [showSnooze, setShowSnooze] = useState()\r\n const [showCustomSnooze, setShowCustomSnooze] = useState()\r\n const [customDueDate, setCustomDueDate] = useState()\r\n const [moreActions, setMoreActions] = useState([])\r\n const [showChargeTypes, setShowChargeTypes] = useState()\r\n const [showUsersList, setShowUsersList] = useState()\r\n\r\n const {sendRequest: snoozeTask, isLoading: snoozeTaskLoading} = useHttp()\r\n const {sendRequest: noResponse, isLoading: noResponseLoading} = useHttp()\r\n const {sendRequest: completeTask, isLoading: completeTaskLoading} = useHttp()\r\n\r\n useEffect(()=>{\r\n if(props.actions){\r\n let actions = props.actions.split(',')\r\n if(actions){\r\n let a = actions.map((action, i) => {\r\n let actionDisplayName = action.replace(/([A-Z])/g, ' $1').trim()\r\n return actionHandler(action.trim())} id={`task-action ${props.dashboardSettingId} ${action.trim()} ${props.task.ID}`}>\r\n {actionDisplayName}\r\n {action.trim() === 'AddCharge' && showChargeTypes && showChargeTypes === 'charge' && }\r\n {action.trim() === 'AddRecurringCharge' && showChargeTypes && showChargeTypes === 'recCharge' && }\r\n {action.trim() === 'AssignTask' && showUsersList && }\r\n
\r\n })\r\n setMoreActions(a)\r\n }\r\n }\r\n else if(props.details){\r\n setMoreActions([No actions set up
])\r\n }\r\n }, [props.actions, props.task.ID, showChargeTypes, showUsersList])\r\n const dispatch = useDispatch()\r\n\r\n const snoozeHandler = (days) => {\r\n if(!snoozeTaskLoading){\r\n let date = new Date()\r\n date = addDays(date, days)\r\n if(days === 1){\r\n date = converDateForBackendWithCurrentTime(date)\r\n }\r\n snooze(date)\r\n }\r\n }\r\n\r\n const snooze = (date) => {\r\n snoozeTask({url: `api/snoozeReminder?dashboardSettingId=${props.dashboardSettingId}&id=${props.task.ID}&reminderId=${props.task.ReminderID}&date=${date}`}, handleSnoozeResponse)\r\n }\r\n\r\n const toggleShowCustomSnoozehandler = () => {\r\n setShowCustomSnooze(prevState => !prevState)\r\n }\r\n\r\n const handleSnoozeResponse = (data) => {\r\n if(data === ''){\r\n dispatch(uiActions.showSidePopup({status: 'success', header: 'Successfuly snoozed task'}))\r\n dispatch(fetchDashboards(true))\r\n props.onClose()\r\n }\r\n else{\r\n dispatch(uiActions.showSidePopup({status: 'error', header: 'Error snoozing task', message: data}))\r\n }\r\n\r\n }\r\n\r\n const noResponseHandler = () => {\r\n if(!noResponseLoading){\r\n noResponse({url: `api/reminderNoResponse?dashboardSettingId=${props.dashboardSettingId}&id=${props.task.ID}&reminderId=${props.task.ReminderID}`}, handleNoResponseResponse)\r\n }\r\n }\r\n\r\n const handleNoResponseResponse = (data) => {\r\n if(data === ''){\r\n dispatch(uiActions.showSidePopup({status: 'success', header: getUpdateMessageBody('task')}))\r\n dispatch(fetchDashboards(true))\r\n }\r\n else{\r\n dispatch(uiActions.showSidePopup({status: 'error', header: getUpdateMessageBody('task', false), message: data}))\r\n }\r\n props.onClose()\r\n }\r\n\r\n const completeHandler = () => {\r\n if(!completeTaskLoading){\r\n completeTask({url: `api/completeTask?dashboardSettingId=${props.dashboardSettingId}&id=${props.task.ID}&reminderId=${props.task.ReminderID}`}, handleCompleteTaskResponse)\r\n }\r\n }\r\n\r\n const handleCompleteTaskResponse = (data) => {\r\n if(data === ''){\r\n dispatch(uiActions.showSidePopup({status: 'success', header: getCompleteMessageBody('task')}))\r\n dispatch(fetchDashboards(true))\r\n }\r\n else{\r\n dispatch(uiActions.showSidePopup({status: 'error', header: getCompleteMessageBody('task', false), message: data}))\r\n }\r\n props.onClose()\r\n }\r\n const addReminderHandler = () => {\r\n navigate(`new-task?dashboard=${props.dashboardSettingId}&id=${props.task.ID}`)\r\n }\r\n\r\n const actionHandler = (action) => {\r\n if(action === 'AssignTask'){ \r\n setShowUsersList(true)\r\n return;\r\n }\r\n if(window.location.href.indexOf(\"-app\") > -1){\r\n if(props.workWith && ['Parents', 'Students'].includes(props.workWith)){\r\n switch(action){\r\n case 'AddCharge':\r\n setShowChargeTypes('charge')\r\n return;\r\n case 'AddRecurringCharge':\r\n setShowChargeTypes('recCharge')\r\n return;\r\n default:\r\n props.onClose()\r\n return;\r\n }\r\n }\r\n else{\r\n props.onClose()\r\n return;\r\n }\r\n }\r\n props.onClose()\r\n //only if working with donorid it should get all this\r\n if(props.workWith === 'Donors'){\r\n dispatch(fetchSingleDonorNotForList(props.task.ID))\r\n dispatch(fetchDonorsAddressesList(props.task.ID))\r\n dispatch(fetchDonorsContactsList(props.task.ID))\r\n dispatch(fetchAllTendersLists(props.task.ID))\r\n dispatch(fetchPledgesForDonor(props.task.ID))\r\n dispatch(fetchRecurringPledgesForDonor(props.task.ID))\r\n switch(action){\r\n case 'AddPayment':\r\n navigate(`/paymentslist/new-payment?donorId=${props.task.ID}&hub=${props.dashboardSettingId}`)\r\n break;\r\n case 'AddPledge':\r\n navigate(`/pledges-list/new-pledge?donorId=${props.task.ID}&hub=${props.dashboardSettingId}`)\r\n break;\r\n case 'AddRecurringPayment':\r\n navigate(`/rec-payments-list/new-payment?donorId=${props.task.ID}&hub=${props.dashboardSettingId}`)\r\n break;\r\n case 'AddRecurringPledge':\r\n navigate(`/rec-pledges-list/new-pledge?donorId=${props.task.ID}&hub=${props.dashboardSettingId}`)\r\n break;\r\n default:\r\n break;\r\n }\r\n \r\n }\r\n\r\n }\r\n\r\n return (\r\n \r\n {!props.details &&
{props.onOpenDetails(); props.onClose();}}>Notes and details
\r\n Add Reminder
\r\n setShowSnooze(true)}>Snooze
\r\n {showSnooze &&
\r\n
snoozeHandler(1)}>24 hours
\r\n
snoozeHandler(2)}>2 days
\r\n
snoozeHandler(7)}>1 week
\r\n
custom
\r\n {showCustomSnooze &&
snooze(v)} className={classes['custom-date']}/>}\r\n }
No Response
\r\n Complete
\r\n }\r\n {moreActions}\r\n
\r\n
\r\n
setShowNote(prevState => ! prevState)}/>\r\n {showNote &&
setShowNote(false)} value={note} onChange={(v) => setNote(v)} onSave={saveTaskNote}/>}\r\n \r\n
\r\n
setShowPhoneNumbers(prevState => ! prevState)}/>\r\n {showPhoneNumbers &&
setShowPhoneNumbers(false)} id={props.task.ID} phoneMobile={props.task.PhoneMobile} phoneHome={props.task.PhoneHome} phoneSpouse={props.task.PhoneSpouse} dashboardSettingId={props.dashboardSettingId} reminderId={props.task.ReminderID}/>}\r\n \r\n
\r\n
setShowMessasgeNumbers(prevState => ! prevState)} />\r\n {showMessageNumbers &&
setShowMessasgeNumbers(false)} id={props.task.ID} phoneMobile={props.task.PhoneMobile} phoneSpouse={props.task.PhoneSpouse} email={props.task.Email} dashboardSettingId={props.dashboardSettingId}/>}\r\n \r\n
\r\n
setShowMore(prevState => ! prevState)} />\r\n {showMore &&
setShowMore(false)} task={props.task} dashboardSettingId={props.dashboardSettingId} actions={props.actions} onOpenDetails={props.onOpenDetails} workWith={props.workWith}/>}\r\n \r\n
\r\n
\r\n
\r\n
{props.settings.RowFormatText || ''} {props.settings.RowFormatLastNameFirst && props.settings.RowFormatLastNameFirst.toLowerCase() === 'true' ? `${props.task.LastName} ${props.task.FirstName} ` : `${props.task.FirstName} ${props.task.LastName} `}\r\n \r\n {props.task.ID}
\r\n
\r\n {props.task.FieldsToDisplay.length > 0 && props.task.FieldsToDisplay.map((f, i) =>{\r\n return
{f.Value}
\r\n } )}\r\n
\r\n {!props.adminDashboard &&
}\r\n \r\n
{loadedSettings &&
setOpened(prevState => !prevState)} \r\n total={loadedAll ? props.dashboard.NumberOfTasksForCompleted : 0}\r\n completed={loadedAll ? props.dashboard.CompletedTasks : 0}\r\n actions={props.dashboard.Settings.DashboardActions}\r\n dashboardSettingId={props.dashboard.DashboardSettingID}\r\n onPrint={handlePrint}>\r\n \r\n
t.Balance)}/>\r\n {props.dashboard.Settings.ShowHeadersOnGrid && props.dashboard.Settings.ShowHeadersOnGrid === \"True\" && \r\n
\r\n {props.dashboard.Tasks.length > 0 && props.dashboard.Tasks[0].FieldsToDisplay.length > 0 && props.dashboard.Tasks[0].FieldsToDisplay.map((f, i) =>{\r\n return
{f.FieldName && f.FieldName.replace(/([a-z])([A-Z])/g, '$1 $2')}
\r\n } )}\r\n
\r\n
\r\n
setShowList(prevState => !prevState)}>View Tasks ({amountDisplayed})
\r\n
\r\n
\r\n
\r\n {showList && \r\n {props.dashboard.Tasks.slice(0, amountDisplayed).map(t => {\r\n return \r\n })}\r\n
}\r\n {showList && props.dashboard.Tasks.length > (amountDisplayed) && loadedAll > 0 && \r\n
Load more
\r\n
Load all
\r\n
\r\n}\r\n
\r\n
{date}
\r\n
Add Task\r\n
}\r\n \r\n )\r\n}\r\n\r\nexport default TaskListForm","import { Outlet } from \"react-router-dom\"\r\nimport TaskListForm from \"../../components/Hub/Tasks/TasksList/TaskListForm\"\r\nimport Layout from \"../../components/layout/Layout\"\r\nimport MainHeader from \"../../components/layout/MainHeader\"\r\nimport { Fragment } from \"react\"\r\n\r\nconst Tasks = () => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default Tasks","import { Fragment } from \"react\"\r\nimport TaskListForm from \"../../components/Hub/Tasks/TasksList/TaskListForm\"\r\nimport { Outlet } from \"react-router-dom\"\r\n\r\nconst TasksApplication = () => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n)}\r\n\r\nexport default TasksApplication","import { Fragment, useState, useRef, useEffect } from 'react'\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { useNavigate } from 'react-router-dom';\r\n\r\n\r\nimport classes from './LoginApplication.module.css'\r\nimport { authActions } from '../../store/auth-slice';\r\nimport useResetState from '../../hooks/use-reset';\r\nimport LoadingSpinnerMiddle from '../UI/LoadingSpinners/LoadingSpinnerMiddle';\r\nimport SmallPopup from '../UI/MessageBoxs/SmallPopup';\r\nimport BackdropBlur from '../UI/Modals/BackdropBlur';\r\nimport { getTimeZone } from '../../functions/Dates/timeZone';\r\n\r\nconst LoginApplication = () => {\r\n\r\n const companyNameRef = useRef()\r\n const usernameRef = useRef()\r\n const passwordRef = useRef()\r\n\r\n //#region hooks\r\n const dispatch = useDispatch();\r\n const history = useNavigate();\r\n const { resetState } = useResetState()\r\n \r\n const url = useSelector((state) => state.auth.url)\r\n \r\n const [isLoading, setIsLoading] = useState()\r\n const [message, setMessage] = useState('')\r\n \r\n\r\n\r\n //#endregion\r\n \r\n //#region log in\r\n const loginHandler = (event) => {\r\n event.preventDefault()\r\n setMessage(null)\r\n \r\n if(companyNameRef.current.value.trim().length === 0){\r\n console.log('Company Name is Required!')\r\n return;\r\n }\r\n if(usernameRef.current.value.trim().length === 0){\r\n console.log('User Name is Required!')\r\n return;\r\n }\r\n if(passwordRef.current.value.trim().length === 0){\r\n console.log('Password is Required!')\r\n return;\r\n }\r\n const loginData = { 'companyname': companyNameRef.current.value, 'username': usernameRef.current.value, 'password': passwordRef.current.value, 'grant_type': 'password', 'timeZone': getTimeZone() }\r\n \r\n var formBody = [];\r\n for (var property in loginData) {\r\n var encodedKey = encodeURIComponent(property);\r\n var encodedValue = encodeURIComponent(loginData[property]);\r\n formBody.push(encodedKey + \"=\" + encodedValue);\r\n }\r\n formBody = formBody.join(\"&\");\r\n \r\n setIsLoading(true)\r\n try {\r\n login(formBody)\r\n }\r\n catch (error) {\r\n setMessage('error')\r\n setIsLoading(false)\r\n }\r\n \r\n }\r\n \r\n async function login(loginData) {\r\n //resetState()\r\n try {\r\n const response = await fetch(url + 'token', {\r\n method: 'POST',\r\n body: loginData,\r\n headers: {\r\n 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'\r\n }\r\n })\r\n const data = await response.json()\r\n if (response.ok) {\r\n if (data.access_token) {\r\n if(data.role === 'user' || data.role === 'hubUser'){\r\n dispatch(authActions.login({ role: data.role, token: data.access_token, duration: data.expires_in, userName: usernameRef.current.value, addPermission: data.addPermission, \r\n updatePermission: data.updatePermission, deletePermission: data.deletePermission, \r\n hub: data.hub, allowChargeCreditCard: data.addPermission, companyName: companyNameRef.current.value, inTrial: data.inTrial, \r\n trialEndDate: data.trialEndDate, hasJiraCredentials: data.hasJiraCredentials }))\r\n if(data.role === 'hubUser' || (data.role === 'user' && data.hub === 'True')){\r\n history('/hub-app')\r\n }\r\n else{\r\n setMessage('Access to work hub is denied, please contact administrator')\r\n }\r\n }\r\n\r\n }\r\n }\r\n else {\r\n let errorMessage = 'Authentication failed!';\r\n if (data && data.error_description) {\r\n errorMessage = data.error_description;\r\n }\r\n setMessage(errorMessage);\r\n }\r\n \r\n } catch (error) {\r\n setMessage(error)\r\n }\r\n setIsLoading(false)\r\n\r\n } \r\n //#endregion\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n {!message &&
}\r\n \r\n {message && \r\n {message}
\r\n \r\n }\r\n\r\n \r\n )\r\n}\r\n\r\nexport default LoginApplication","import Login from '../../components/Login/LoginApplication'\r\n\r\nconst LoginApplication = () => {\r\n\r\n return \r\n}\r\n\r\nexport default LoginApplication","import AddTask from \"../../components/Hub/Tasks/AddTask/AddTask\"\r\n\r\nconst NewTask = () => {\r\n\r\n return \r\n}\r\n\r\nexport default NewTask","export default __webpack_public_path__ + \"static/media/message-success-circle.41d3e784.svg\";","export default __webpack_public_path__ + \"static/media/message-error.540ea2c8.svg\";","import classes from './SidePopup.module.css';\r\nimport successImg from '../../../images/message-success-circle.svg';\r\nimport errorImg from '../../../images/message-error.svg';\r\n\r\nconst SidePopup = ({ status, header, message, onClose }) => {\r\n return (\r\n \r\n
\r\n
\r\n
{header}
\r\n
{message}
\r\n
\r\n
\r\n
\r\n
\r\n
setShowMessasgeNumbers(prevState => ! prevState)} className={classes.message}>
Message\r\n {showMessageNumbers &&
setShowMessasgeNumbers(false)} id={props.task.ID} phoneMobile={props.task.PhoneMobile} phoneSpouse={props.task.PhoneSpouse} email={props.task.Email} dashboardSettingId={parseInt(searchParams.get('setting'))}/>}\r\n \r\n
\r\n
setShowPhoneNumbers(prevState => ! prevState)}>
Call \r\n {showPhoneNumbers &&
setShowPhoneNumbers(false)} id={props.task.ID} phoneMobile={props.task.PhoneMobile} phoneHome={props.task.PhoneHome} phoneSpouse={props.task.PhoneSpouse} dashboardSettingId={parseInt(searchParams.get('setting'))} reminderId={props.task.ReminderID} onChanged={props.onChanged}/>}\r\n \r\n
\r\n
setShowMore(prevState => ! prevState)}>
\r\n {showMore &&
setShowMore(false)} task={props.task} dashboardSettingId={props.dashboardSettingId} actions={props.actions} workWith={props.settings.WorkWith} details/>}\r\n \r\n
\r\n
\r\n
No Response\r\n
Mark As Complete\r\n
\r\n
setShowSnooze(prevState => !prevState)} loading={snoozeTaskLoading}>
\r\n {showSnooze &&
\r\n
snoozeHandler(1)}>24 hours
\r\n
snoozeHandler(2)}>2 days
\r\n
snoozeHandler(7)}>1 week
\r\n
custom
\r\n {showCustomSnooze &&
snooze(v)} className={classes['custom-date']}/>}\r\n }\r\n
\r\n \r\n
\r\n
\r\n
\r\n {selectedQuery && queries.map(q => {\r\n return
changeSelectedQuery(q)}>{q.Caption}
\r\n })}\r\n
\r\n {selectedQuery && selectedQuery.Table.length > 0 &&
\r\n {Object.entries(selectedQuery.Table[0]).map(([_key, value]) => {\r\n return
changeSortHandler(_key)}>{_key}
\r\n })}\r\n
}\r\n
\r\n {selectedQuery && selectedQuery.Table.map((r, i) => {\r\n return
{Object.entries(r).map(([_key, value]) => {\r\n return
\r\n
{formatFieldByFieldName(_key, value ? value.toString() : '')}
\r\n
\r\n })}\r\n
\r\n })}\r\n
\r\n
\r\n
\r\n \r\n {selectedTask && selectedTaskDetails && !getDetailsLoading &&
\r\n
{(dashboardSettings && dashboardSettings.RowFormatText) || ''} {dashboardSettings && dashboardSettings.RowFormatLastNameFirst && dashboardSettings.RowFormatLastNameFirst.toLowerCase() === 'true' ? `${selectedTask.LastName} ${selectedTask.FirstName}` : `${selectedTask.FirstName} ${selectedTask.LastName}`}
\r\n {!adminDashboard &&
navigateTaskHandler(true)} dashboardSettingId={parseInt(searchParams.get('setting'))} actions={dashboardSettings.ActionsOnDropdown}/>}\r\n {!getDetailsLoading && !adminDashboard && \r\n {note && note !== '' && Save
}\r\n }\r\n setDetailsOpened(prevState => !prevState)}>\r\n \r\n
\r\n {selectedTask.FieldsToDisplay.map(f => {\r\n return
\r\n
{f.FieldName}
\r\n
{f.Value}
\r\n
\r\n })}\r\n {Object.entries(selectedTaskDetails.TaskFields).map(([_key, value]) => {\r\n return
\r\n
{_key}
\r\n
{value}
\r\n
\r\n })}\r\n
\r\n
\r\n \r\n
\r\n \r\n
navigateTaskHandler(true)} className={classes.right}>
navigateTaskHandler(false)} className={classes.left}>
\r\n
Donor ID: {reminder.ID}
\r\n
{formatDateWithTime(reminder.AddDate)}
\r\n changeHandler('Name', value)} className={classes.name} name={reminder.Name}/>\r\n changeHandler('Type', value)} type={reminder.Type} />\r\n changeHandler('Date', value)}/>\r\n changeHandler('Description', value)}/>\r\n changeHandler('SendEmail', !reminder.SendEmail)}/>\r\n changeHandler('IsFinancial', !reminder.IsFinancial)}/>\r\n changeHandler('ForUser', id)} className='' selectedValue={reminder.ForUser}/>\r\n changeHandler('Status', id)} className='' selectedValue={reminder.Status}/>\r\n changeHandler('CampaignID', id)} className='' selectedValue={reminder.CampaignID}/>\r\n setFormChanged(true)} shulID={reminder.ShulID}/>\r\n
\r\n \r\n handleTabClick('donor-info')} open={openTab === 'donor-info'} onClose={() => handleTabClick('donor-info')}>\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n\r\n }\r\n {showMessage && closeDetailsHandler(true)} onCancel={() => setShowMessage(false)} />}\r\n \r\n )\r\n}\r\n\r\nexport default ReminderDetails","import { Fragment } from 'react'\r\nimport RemindersDetails from '../../components/Reminders/ReminderDetails/ReminderDetails'\r\n\r\nconst ReminderDetails = () => {\r\n\r\n return (\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default ReminderDetails","\r\nimport { useEffect } from 'react';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { fetchPaymentTypesList } from '../store/paymentTypes-actions';\r\nimport { fetchCampaignsList, fetchSubCampaignsList } from '../store/campaigns-actions'\r\nimport { fetchOrganizationsList } from '../store/organizations-actions'\r\nimport { fetchDonorsList } from '../store/donors-actions'\r\nimport { fetchPledgesList, fetchRecurringPledgesList } from '../store/pledges-actions';\r\nimport { fetchSolicitorsList } from '../store/solicitors-actions'\r\nimport { fetchAccountsList } from '../store/accounts-actions';\r\nimport { fetchShulsList } from '../store/shuls-actions';\r\nimport { fetchNeededSettings } from '../store/settings-actions';\r\nimport { fetchRecurringPaymentsList } from '../store/payments-actions';\r\nimport { fetchStudentsList } from '../store/students-actions';\r\nimport { fetchLocationsList } from '../store/locations-actions';\r\n\r\nconst useFetchData = () => {\r\n const dispatch = useDispatch();\r\n\r\n const campaigns = useSelector((state) => state.campaigns.campaigns)\r\n const subCampaigns = useSelector((state) => state.campaigns.subCampaigns)\r\n const organizations = useSelector((state) => state.organizations.organizations)\r\n const locations = useSelector((state) => state.locations.locations)\r\n const donors = useSelector((state) => state.donors.donors)\r\n const pledges = useSelector((state) => state.pledges.pledges)\r\n const recurringPayments = useSelector((state) => state.payments.recurringPayments)\r\n const recurringPledges = useSelector((state) => state.pledges.recurringPledges)\r\n const loadedPledges = useSelector((state) => state.pledges.loadedPledges)\r\n const loadedRecurringPayments = useSelector((state) => state.payments.loadedRecurringPayments)\r\n const loadedRecurringPledges = useSelector((state) => state.pledges.loadedRecurringPledges)\r\n const solicitors = useSelector((state) => state.solicitors.solicitors)\r\n const paymentTypes = useSelector((state) => state.paymentTypes.paymentTypes)\r\n const accounts = useSelector((state) => state.accounts.accounts)\r\n const shuls = useSelector((state) => state.shuls.shuls)\r\n const loggedIn = useSelector((state) => state.auth.isLoggedIn)\r\n const parentLoggedIn = useSelector((state) => state.auth.parentLoggedIn)\r\n const hubUserLoggedIn = useSelector((state) => state.auth.hubUserLoggedIn)\r\n const settingsLoaded = useSelector((state) => state.settings.settingsLoaded)\r\n const loadedStudents = useSelector((state) => state.students.loadedStudents)\r\n const loadedDonors = useSelector((state) => state.donors.loadedDonors)\r\n\r\n\r\n useEffect(() => {\r\n \r\n }, [dispatch]);\r\n\r\n useEffect(() => {\r\n if (campaigns.length === 0 && (loggedIn || hubUserLoggedIn)) {\r\n dispatch(fetchCampaignsList())\r\n }\r\n }, [dispatch, campaigns.length, loggedIn, hubUserLoggedIn])\r\n useEffect(() => {\r\n if (subCampaigns.length === 0 && loggedIn && ! window.location.href.includes('-app')) {\r\n dispatch(fetchSubCampaignsList())\r\n }\r\n }, [dispatch, subCampaigns.length, loggedIn])\r\n useEffect(() => {\r\n if (organizations.length === 0 && loggedIn && ! window.location.href.includes('-app')) {\r\n dispatch(fetchOrganizationsList())\r\n }\r\n }, [dispatch, organizations.length, loggedIn])\r\n useEffect(() => {\r\n if (locations.length === 0 && loggedIn && ! window.location.href.includes('-app')) {\r\n dispatch(fetchLocationsList())\r\n }\r\n }, [dispatch, locations.length, loggedIn])\r\n useEffect(() => {\r\n if (donors.length === 0 && !loadedDonors && loggedIn && ! window.location.href.includes('-app')) {\r\n dispatch(fetchDonorsList(50))\r\n }\r\n }, [dispatch, donors.length, loggedIn, loadedDonors])\r\n useEffect(() => {\r\n if (pledges.length === 0 && !loadedPledges && loggedIn && ! window.location.href.includes('-app')) {\r\n dispatch(fetchPledgesList(50))\r\n }\r\n }, [dispatch, pledges.length, loggedIn, loadedPledges])\r\n useEffect(() => {\r\n if (recurringPayments.length === 0 && !loadedRecurringPayments && loggedIn && ! window.location.href.includes('-app')) {\r\n dispatch(fetchRecurringPaymentsList(50))\r\n }\r\n }, [dispatch, recurringPayments.length, loggedIn, loadedRecurringPayments])\r\n useEffect(() => {\r\n if (recurringPledges.length === 0 && !loadedRecurringPledges && loggedIn && ! window.location.href.includes('-app')) {\r\n dispatch(fetchRecurringPledgesList(50))\r\n }\r\n }, [dispatch, recurringPledges.length, loggedIn, loadedRecurringPledges])\r\n useEffect(() => {\r\n if (solicitors.length === 0 && loggedIn && ! window.location.href.includes('-app')) {\r\n dispatch(fetchSolicitorsList())\r\n }\r\n }, [dispatch, solicitors.length, loggedIn])\r\n useEffect(() => {\r\n if (paymentTypes.length === 0 && (loggedIn || parentLoggedIn) && ! window.location.href.includes('-app')) {\r\n dispatch(fetchPaymentTypesList())\r\n }\r\n }, [dispatch, paymentTypes.length, loggedIn, parentLoggedIn])\r\n useEffect(() => {\r\n if (accounts.length === 0 && loggedIn && ! window.location.href.includes('-app')) {\r\n dispatch(fetchAccountsList())\r\n }\r\n }, [dispatch, accounts.length, loggedIn])\r\n useEffect(() => {\r\n if (shuls.length === 0 && loggedIn && ! window.location.href.includes('-app')) {\r\n dispatch(fetchShulsList())\r\n }\r\n }, [dispatch, shuls.length, loggedIn])\r\n useEffect(()=>{\r\n if(!settingsLoaded && (loggedIn) && ! window.location.href.includes('-app')){\r\n dispatch(fetchNeededSettings())\r\n }\r\n },[dispatch, settingsLoaded, loggedIn])\r\n useEffect(()=>{\r\n if(parentLoggedIn && !loadedStudents && ! window.location.href.includes('-app')){\r\n dispatch(fetchStudentsList())\r\n }\r\n },[parentLoggedIn, loadedStudents, dispatch])\r\n useEffect(()=>{\r\n if(parentLoggedIn && !loadedStudents && ! window.location.href.includes('-app')){\r\n dispatch(fetchStudentsList())\r\n }\r\n },[parentLoggedIn, loadedStudents, dispatch])\r\n\r\n};\r\n\r\nexport default useFetchData;\r\n","import { campaignsActions } from './campaigns-slice'\r\nimport { uiActions } from './ui-slice';\r\nimport store from './index'\r\nimport { authActions } from './auth-slice';\r\n\r\nexport const fetchCampaignsList = () => {\r\n return async (dispatch) => {\r\n const fetchData = async () => {\r\n dispatch(campaignsActions.setIsLoading(true))\r\n var bearer = 'Bearer ' + localStorage.getItem('token');\r\n const url = store.getState().auth.url\r\n const response = await fetch(url + 'api/campaigns',{\r\n headers:{\r\n 'Authorization': bearer,\r\n }\r\n\r\n });\r\n\r\n if (!response.ok) {\r\n if(response.status === 401){ dispatch(authActions.logout()) }\r\n else{ throw new Error('Could not fetch campaigns list.') }\r\n }\r\n const data = await response.json()\r\n return data;\r\n };\r\n\r\n try {\r\n const campaignsData = await fetchData()\r\n dispatch(campaignsActions.loadCampaigns({ campaigns: campaignsData || [] }))\r\n } catch (error) {\r\n dispatch(uiActions.showNotification(error.message))\r\n }\r\n finally {\r\n dispatch(campaignsActions.setIsLoading(false))\r\n\r\n }\r\n };\r\n};\r\nexport const fetchSubCampaignsList = () => {\r\n return async (dispatch) => {\r\n const fetchData = async () => {\r\n dispatch(campaignsActions.setIsLoading(true))\r\n var bearer = 'Bearer ' + localStorage.getItem('token');\r\n const url = store.getState().auth.url\r\n const response = await fetch(url + 'api/subcampaigns', {\r\n headers:{\r\n 'Authorization': bearer,\r\n }\r\n });\r\n\r\n if (!response.ok) {\r\n if(response.status === 401){ dispatch(authActions.logout()) }\r\n else{ throw new Error('Could not fetch sub campaigns list.') }\r\n }\r\n const data = await response.json()\r\n return data;\r\n };\r\n\r\n try {\r\n const campaignsData = await fetchData()\r\n dispatch(campaignsActions.loadSubCampaigns({ subCampaigns: campaignsData || [] }))\r\n } catch (error) {\r\n dispatch(uiActions.showErrorMessage(error.message))\r\n }\r\n finally {\r\n dispatch(campaignsActions.setIsLoading(false))\r\n\r\n }\r\n };\r\n};\r\n\r\nexport const setCampaignIsLoading = (value) => {\r\n return (dispatch) => {\r\n dispatch(campaignsActions.setIsLoading(value))\r\n }\r\n}\r\n\r\n","import { organizationsActions } from './organizations-slice'\r\nimport { uiActions } from './ui-slice';\r\nimport store from './index'\r\nimport { authActions } from './auth-slice';\r\n\r\nexport const fetchOrganizationsList = () => {\r\n return async (dispatch) => {\r\n const fetchData = async () => {\r\n dispatch(organizationsActions.setIsLoading(true))\r\n var bearer = 'Bearer ' + localStorage.getItem('token');\r\n const url = store.getState().auth.url\r\n const response = await fetch(url + 'api/organizations',{\r\n headers:{\r\n 'Authorization': bearer,\r\n }\r\n });\r\n\r\n if (!response.ok) {\r\n if(response.status === 401){ dispatch(authActions.logout()) }\r\n else{ throw new Error('Could not fetch organizations list.') }\r\n }\r\n const data = await response.json()\r\n return data;\r\n };\r\n\r\n try {\r\n const organizationsData = await fetchData()\r\n dispatch(organizationsActions.loadOrganizations({ organizations: organizationsData || [] }))\r\n\r\n } catch (error) {\r\n dispatch(uiActions.showErrorMessage(error.message))\r\n }\r\n finally {\r\n dispatch(organizationsActions.setIsLoading(false))\r\n\r\n }\r\n };\r\n};\r\n\r\n","import { uiActions } from './ui-slice';\r\nimport store from './index'\r\nimport { authActions } from './auth-slice';\r\nimport { locationsActions } from './locations-slice';\r\n\r\nexport const fetchLocationsList = () => {\r\n return async (dispatch) => {\r\n const fetchData = async () => {\r\n dispatch(locationsActions.setIsLoading(true))\r\n var bearer = 'Bearer ' + localStorage.getItem('token');\r\n const url = store.getState().auth.url\r\n const response = await fetch(url + 'api/locations',{\r\n headers:{\r\n 'Authorization': bearer,\r\n }\r\n });\r\n\r\n if (!response.ok) {\r\n if(response.status === 401){ dispatch(authActions.logout()) }\r\n else{ throw new Error('Could not fetch locations list.') }\r\n }\r\n const data = await response.json()\r\n return data;\r\n };\r\n\r\n try {\r\n const locationsData = await fetchData()\r\n dispatch(locationsActions.loadLocations({ locations: locationsData || [] }))\r\n\r\n } catch (error) {\r\n dispatch(uiActions.showErrorMessage(error.message))\r\n }\r\n finally {\r\n dispatch(locationsActions.setIsLoading(false))\r\n\r\n }\r\n };\r\n};\r\n\r\n","import { solicitorsActions } from './solicitors-slice'\r\nimport { uiActions } from './ui-slice';\r\nimport store from './index'\r\nimport { authActions } from './auth-slice';\r\n\r\nexport const fetchSolicitorsList = () => {\r\n return async (dispatch) => {\r\n const fetchData = async () => {\r\n dispatch(solicitorsActions.setIsLoading(true))\r\n var bearer = 'Bearer ' + localStorage.getItem('token');\r\n const url = store.getState().auth.url\r\n const response = await fetch(url + 'api/solicitors',{\r\n headers:{\r\n 'Authorization': bearer,\r\n }\r\n });\r\n\r\n if (!response.ok) {\r\n if(response.status === 401){ dispatch(authActions.logout()) }\r\n else{ throw new Error('Could not fetch solicitors list.') }\r\n }\r\n const data = await response.json()\r\n return data;\r\n };\r\n\r\n try {\r\n const solicitorsData = await fetchData()\r\n dispatch(solicitorsActions.loadSolicitors({ solicitors: solicitorsData || [] }))\r\n dispatch(solicitorsActions.setIsLoading(false))\r\n } catch (error) {\r\n dispatch(uiActions.showErrorMessage(error.message))\r\n }\r\n };\r\n};\r\n\r\nexport const setSolicitorsIsLoading = (value) => {\r\n return (dispatch) => {\r\n dispatch(solicitorsActions.setIsLoading(value))\r\n }\r\n}\r\n\r\n","import { paymentTypesActions } from './paymentTypes-slice'\r\nimport { uiActions } from './ui-slice';\r\nimport store from './index'\r\nimport { authActions } from './auth-slice';\r\n\r\nexport const fetchPaymentTypesList = () => {\r\n return async (dispatch) => {\r\n const fetchData = async () => {\r\n dispatch(paymentTypesActions.setIsLoading(true))\r\n var bearer = 'Bearer ' + localStorage.getItem('token');\r\n const url = store.getState().auth.url\r\n const response = await fetch(url + 'api/paymenttypes',{\r\n headers:{\r\n 'Authorization': bearer,\r\n }\r\n });\r\n\r\n if (!response.ok) {\r\n if(response.status === 401){ dispatch(authActions.logout()) }\r\n else{ throw new Error('Could not fetch payment types list.') }\r\n }\r\n const data = await response.json()\r\n return data;\r\n };\r\n\r\n try {\r\n const paymentTypesData = await fetchData()\r\n dispatch(paymentTypesActions.loadPaymentTypes({ paymentTypes: paymentTypesData || [] }))\r\n } catch (error) {\r\n dispatch(uiActions.showErrorMessage(error.message))\r\n }\r\n finally {\r\n dispatch(paymentTypesActions.setIsLoading(false))\r\n\r\n }\r\n };\r\n};\r\n\r\n\r\nexport const setPaymentTypesIsLoading = (value) => {\r\n return (dispatch) => {\r\n dispatch(paymentTypesActions.setIsLoading(value))\r\n }\r\n}\r\n\r\n\r\n\r\n","import { accountsActions } from './accounts-slice'\r\nimport { uiActions } from './ui-slice';\r\nimport store from './index'\r\nimport { authActions } from './auth-slice';\r\n\r\nexport const fetchAccountsList = () => {\r\n return async (dispatch) => {\r\n const fetchData = async () => {\r\n dispatch(accountsActions.setIsLoading(true))\r\n const url = store.getState().auth.url\r\n var bearer = 'Bearer ' + localStorage.getItem('token');\r\n const response = await fetch( url + 'api/accounts', {\r\n headers:{\r\n 'Authorization': bearer,\r\n }\r\n });\r\n\r\n if (!response.ok) {\r\n if(response.status === 401){ dispatch(authActions.logout()) }\r\n else{ throw new Error('Could not fetch accounts list.') }\r\n }\r\n const data = await response.json()\r\n return data;\r\n };\r\n\r\n try {\r\n const accountsData = await fetchData()\r\n dispatch(accountsActions.loadAccounts({ accounts: accountsData || [] }))\r\n } catch (error) {\r\n dispatch(uiActions.showErrorMessage(error.message))\r\n }\r\n finally {\r\n dispatch(accountsActions.setIsLoading(false))\r\n }\r\n };\r\n};\r\n\r\nexport const setAccountIsLoading = (value) => {\r\n return (dispatch) => {\r\n dispatch(accountsActions.setIsLoading(value))\r\n }\r\n}\r\n\r\n","import { shulsActions } from './shuls-slice'\r\nimport { uiActions } from './ui-slice';\r\nimport store from './index'\r\nimport { authActions } from './auth-slice';\r\n\r\nexport const fetchShulsList = () => {\r\n return async (dispatch) => {\r\n const fetchData = async () => {\r\n dispatch(shulsActions.setIsLoading(true))\r\n var bearer = 'Bearer ' + localStorage.getItem('token');\r\n const url = store.getState().auth.url\r\n const response = await fetch(url + 'api/shuls',{\r\n headers:{\r\n 'Authorization': bearer,\r\n }\r\n });\r\n\r\n if (!response.ok) {\r\n if(response.status === 401){ dispatch(authActions.logout()) }\r\n else{ throw new Error('Could not fetch shuls list.') }\r\n }\r\n const data = await response.json()\r\n return data;\r\n };\r\n\r\n try {\r\n const shulsData = await fetchData()\r\n dispatch(shulsActions.loadShuls({ shuls: shulsData || [] }))\r\n dispatch(shulsActions.setIsLoading(false))\r\n } catch (error) {\r\n dispatch(uiActions.showErrorMessage(error.message))\r\n }\r\n };\r\n};\r\n\r\nexport const setShulssIsLoading = (value) => {\r\n return (dispatch) => {\r\n dispatch(shulsActions.setIsLoading(value))\r\n }\r\n}\r\n\r\n","\r\nimport classes from './RemindersList.module.css'\r\nimport ListItem from '../../UI/Others/ListItem'\r\nimport { formatDate, formatDateWithTime } from '../../../functions/Dates/formatDate'\r\nimport { useNavigate } from 'react-router-dom'\r\nimport Badge from '../../UI/Others/Badge'\r\n\r\nconst getStatusName = (status) => {\r\n switch(status){\r\n case 0:\r\n return 'Open'\r\n case 1:\r\n return 'Complete'\r\n default:\r\n return 'Canceled'\r\n }\r\n}\r\n\r\nconst Reminder = (props) => {\r\n const navigate = useNavigate()\r\n\r\n const showReminderEditHandler = () => {\r\n navigate(`reminder-details/${props.ReminderID}`)\r\n }\r\n \r\n const formattedDate = formatDate(props.Date)\r\n\r\n const statusName = getStatusName(props.Status)\r\n return (\r\n \r\n {props.ReminderID}
\r\n {props.ID}
\r\n {props.FirstName} {props.LastName}
\r\n {props.Name}
\r\n {props.Type}
\r\n {formattedDate}
\r\n {statusName}\r\n View Details
\r\n \r\n )\r\n\r\n}\r\n\r\nexport default Reminder","import { useState } from 'react'\r\n\r\nimport classes from './RemindersList.module.css'\r\nimport SortDesc from '../../../images/Sort - Desc.svg'\r\nimport SortAsce from '../../../images/Sort - Acse.svg'\r\nimport Reminder from './Reminder'\r\n\r\nconst RemindersList = ({reminders, onLoadMore, onSortList}) => {\r\n\r\n //#region hooks\r\n const [idArrow, setIdArrow] = useState(SortAsce)\r\n const [donorIdArrow, setDonorIdArrow] = useState(SortAsce)\r\n const [donorArrow, setDonorArrow] = useState(SortAsce)\r\n const [typeArrow, setTypeArrow] = useState(SortAsce)\r\n const [dateArrow, setDateArrow] = useState(SortAsce)\r\n const [nameArrow, setNameArrow] = useState(SortAsce)\r\n const [descriptionArrow, setDescriptionArrow] = useState(SortAsce)\r\n const [statusArrow, setStatusArrow] = useState(SortAsce)\r\n\r\n\r\n //#endregion\r\n\r\n //#region sort by column\r\n const changeAllArrowsToDown = () => {\r\n setIdArrow(SortAsce)\r\n setDonorIdArrow(SortAsce)\r\n setDonorArrow(SortAsce)\r\n setTypeArrow(SortAsce)\r\n setDateArrow(SortAsce)\r\n setNameArrow(SortAsce)\r\n setDescriptionArrow(SortAsce)\r\n setStatusArrow(SortAsce)\r\n }\r\n\r\n const switchArrowDirection = (state) => {\r\n if (state === SortAsce) {\r\n return SortDesc\r\n }\r\n return SortAsce\r\n }\r\n\r\n\r\n const sortByColumnHandler = (column) => {\r\n changeAllArrowsToDown()\r\n switch (column) {\r\n case 'reminderId':\r\n onSortList(11)\r\n setIdArrow(switchArrowDirection(idArrow))\r\n break;\r\n case 'donorId':\r\n onSortList(4)\r\n setDonorIdArrow(switchArrowDirection(donorIdArrow))\r\n break;\r\n case 'donor':\r\n onSortList(12)\r\n setDonorArrow(switchArrowDirection(donorArrow))\r\n break;\r\n case 'date':\r\n onSortList(7)\r\n setDateArrow(switchArrowDirection(dateArrow))\r\n break;\r\n case 'type':\r\n onSortList(8)\r\n setTypeArrow(switchArrowDirection(typeArrow))\r\n break;\r\n case 'name':\r\n onSortList(9)\r\n setNameArrow(switchArrowDirection(nameArrow))\r\n break;\r\n case 'description':\r\n onSortList(10)\r\n setDescriptionArrow(switchArrowDirection(descriptionArrow))\r\n break;\r\n case 'status':\r\n onSortList(0)\r\n setStatusArrow(switchArrowDirection(statusArrow))\r\n break;\r\n default:\r\n break;\r\n }\r\n }\r\n\r\n //#endregion\r\n if(reminders.length > 0){\r\n return (\r\n \r\n
Reminder Id
sortByColumnHandler('reminderId')} />
\r\n
Donor Id
sortByColumnHandler('donorId')} />
\r\n
Donor Name
sortByColumnHandler('donor')} />
\r\n
Name
sortByColumnHandler('name')} />
\r\n
Type sortByColumnHandler('type')} />
\r\n
Date sortByColumnHandler('date')} />
\r\n
Status
sortByColumnHandler('status')} />
\r\n
\r\n {reminders.map(reminder => )}\r\n {reminders[0].TotalReminders > reminders.length && }\r\n
\r\n )\r\n }\r\n else{\r\n return null\r\n }\r\n}\r\n\r\nexport default RemindersList","import { useState, useEffect, useCallback } from 'react';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nconst useFetchSortedList = (fetchAction, filter, initialOrderBy = 0, initialDesc = true) => {\r\n const dispatch = useDispatch();\r\n const [orderBy, setOrderBy] = useState(initialOrderBy);\r\n const [desc, setDesc] = useState(initialDesc);\r\n\r\n const fetchData = useCallback(\r\n (rows = 50, customOrderBy, customDesc) => {\r\n dispatch(fetchAction(rows, customOrderBy, customDesc, filter));\r\n },\r\n [dispatch, fetchAction, filter] // ✅ No dependency on orderBy/desc\r\n );\r\n\r\n const sortList = (column) => {\r\n const newDesc = orderBy === column ? !desc : true;\r\n setOrderBy(column);\r\n setDesc(newDesc);\r\n fetchData(50, column, newDesc); // ✅ Calls fetch only once\r\n };\r\n\r\n const loadMore = (currentRows) => {\r\n fetchData(currentRows + 50, orderBy, desc); // ✅ Uses latest orderBy & desc\r\n };\r\n\r\n // Reset sorting when filter changes and fetch data\r\n useEffect(() => {\r\n setOrderBy(initialOrderBy);\r\n setDesc(initialDesc);\r\n fetchData(50, initialOrderBy, initialDesc);\r\n }, [filter, fetchData, initialOrderBy, initialDesc]); // ✅ Runs only when filter changes\r\n\r\n return { orderBy, desc, sortList, loadMore };\r\n};\r\n\r\nexport default useFetchSortedList;\r\n","import { useState, useEffect } from \"react\"\r\nimport { useDispatch, useSelector } from \"react-redux\"\r\n\r\nimport FilterByDonor from \"../PaymentsFilter/FilterByDonor\"\r\nimport { filtersActions } from \"../../../store/filters-slice\"\r\nimport FilterByCampaign from \"../PaymentsFilter/FilterByCampaign\"\r\nimport classes from '../PaymentsFilter/FilterPayments.module.css'\r\nimport FilterModal from \"../../UI/Modals/FilterModal\"\r\nimport Input from \"../../UI/Inputs/Input\"\r\nimport ReminderNames from \"../../Reminders/ReminderNames\"\r\nimport IdsInput from \"../../UI/Inputs/IdsInputs\"\r\nimport ReminderTypes from \"../../Reminders/ReminderTypes\"\r\nimport CustomSelect from \"../../UI/Dropdowns/CustomSelect\"\r\n\r\nconst REMINDER_STATUSES = [{value: -1, name: ''}, {value: 0, name: 'Open'}, {value: 1, name: 'Complete'}, {value: 2, name: 'Canceled'}]\r\n\r\nconst setUpListFilter = (name, ids) => {\r\n const params = new URLSearchParams();\r\n ids.forEach((id, index) => params.append(`${name}[${index}]`, id));\r\n return params.toString();\r\n};\r\n\r\n\r\nconst FilterReminders = (props) => {\r\n\r\n const dispatch = useDispatch()\r\n\r\n const filter = useSelector((state) => state.filters.remindersFilter)\r\n\r\n const [filters, setFilters] = useState(filter)\r\n const [dateRangeInvalid, setDateRangeInvalid] = useState()\r\n \r\n\r\n useEffect(() => {\r\n if(filter){\r\n setFilters(filter)\r\n }\r\n }, [filter])\r\n \r\n \r\n const changeDateFromHandler = (value) => {\r\n if (filters.DateTo) {\r\n if (new Date(value) > new Date(filters.DateTo)) {\r\n setDateRangeInvalid(true)\r\n }\r\n else {\r\n setDateRangeInvalid(false)\r\n }\r\n }\r\n\r\n setFilters(prevState => ({...prevState, DateFrom: value}))\r\n }\r\n const changeDateToHandler = (value) => {\r\n if (filters.DateFrom) {\r\n if (new Date(filters.DateFrom) > new Date(value)) {\r\n setDateRangeInvalid(true);\r\n } else {\r\n setDateRangeInvalid(false);\r\n }\r\n \r\n }\r\n setFilters(prevState => ({...prevState, DateTo: value}))\r\n }\r\n\r\n const searchFilterHandler = (event) => {\r\n if(event){\r\n event.preventDefault()\r\n }\r\n if (new Date(filters.DateFrom) > new Date(filters.DateTo)) {\r\n setDateRangeInvalid(true)\r\n return;\r\n }\r\n var filter = ''\r\n if (filters.DateFrom) {\r\n filter = filter + '&dateFrom=' + filters.DateFrom\r\n }\r\n if (filters.DateTo) {\r\n filter = filter + '&dateTo=' + filters.DateTo\r\n }\r\n if (filters.ReminderIds && filters.ReminderIds.length > 0) {\r\n const ids = filters.ReminderIds.split(',').map(item => parseInt(item.trim()));\r\n filter += setUpListFilter('reminderIds', ids)\r\n }\r\n if (filters.Donors && filters.Donors.length > 0) {\r\n let ids = filters.Donors.map(d => d.id)\r\n filter = setUpListFilter('donors', ids)\r\n }\r\n if (filters.Campaigns && filters.Campaigns.length > 0) {\r\n filter = filter + setUpListFilter('campaigns', filters.Campaigns)\r\n }\r\n if (filters.Name) {\r\n filter = filter + '&name=' + filters.Name\r\n }\r\n if (filters.Type) {\r\n filter = filter + '&type=' + filters.Type\r\n }\r\n if (filters.Description) {\r\n filter = filter + '&description=' + filters.Description\r\n }\r\n if(filters.Status > -1){\r\n filter = filter + '&status=' + filters.Status\r\n }\r\n console.log(filter)\r\n dispatch(filtersActions.setRemindersFilter(filters))\r\n dispatch(filtersActions.setRemindersFilterString(filter))\r\n props.onClose()\r\n }\r\n\r\n const clearFilterHandler = () => {\r\n dispatch(filtersActions.resetRemindersFilter())\r\n props.onClose()\r\n }\r\n\r\n \r\n return \r\n \r\n \r\n}\r\nexport default FilterReminders","import { Fragment, useState } from \"react\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { useSelector } from \"react-redux\";\r\n\r\nimport PageHeaders from \"../../layout/PageHeaders\";\r\nimport MainHeader from \"../../layout/MainHeader\";\r\nimport LoadingSpinner from \"../../UI/LoadingSpinners/LoadingSpinner\";\r\nimport { fetchRemindersList } from \"../../../store/reminders-actions\";\r\nimport RemindersList from \"./RemindersList\";\r\nimport useFetchSortedList from \"../../../hooks/use-fetch-sorted-list\";\r\nimport FilterReminders from \"../../Filters/RemindersFilter/FilterReminders\";\r\n\r\nconst COLUMNS = [\r\n { value: 1, name: \"PledgeID\" },\r\n { value: 2, name: \"DonorID\" },\r\n { value: 3, name: \"Donor\" },\r\n { value: 4, name: \"Amount\" },\r\n { value: 5, name: \"Paid\" },\r\n { value: 6, name: \"Balance\" },\r\n { value: 7, name: \"Date\" },\r\n { value: 8, name: \"Campaign\" },\r\n { value: 9, name: \"Sub Campaign\" },\r\n];\r\n\r\nconst RemindersForm = () => {\r\n const navigate = useNavigate()\r\n \r\n const filter = useSelector((state) => state.filters.remindersFilterString);\r\n const remindersList = useSelector((state) => state.reminders.reminders);\r\n const loadedReminders = useSelector((state) => state.reminders.loadedReminders);\r\n const isLoading = useSelector((state) => state.reminders.isLoading);\r\n \r\n const [showFilter, setShowFilter] = useState();\r\n const { orderBy, desc, sortList, loadMore } = useFetchSortedList(\r\n fetchRemindersList,\r\n filter\r\n );\r\n\r\n const addReminderHandler = () => {\r\n navigate('new-reminder');\r\n };\r\n\r\n const toggleFilterHandler = () => {\r\n setShowFilter((prevState) => !prevState);\r\n };\r\n\r\n const showMoreRowsHandler = () => {\r\n loadMore(remindersList.length);\r\n };\r\n\r\n const sortListHandler = (column) => {\r\n sortList(column);\r\n };\r\n\r\n return (\r\n \r\n \r\n {loadedReminders && (\r\n 0 ? remindersList[0].TotalReminders : 0}\r\n title=\"Reminder\"\r\n orderBy={orderBy}\r\n onChangeSort={sortListHandler}\r\n desc={desc}\r\n columns={COLUMNS}\r\n />\r\n )}\r\n {isLoading && }\r\n {showFilter && }\r\n \r\n {remindersList.length === 0 && loadedReminders && (\r\n No Reminders Found
\r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default RemindersForm;\r\n","import { Fragment } from 'react'\r\nimport { Outlet } from 'react-router-dom'\r\n\r\nimport Layout from '../../components/layout/Layout'\r\nimport RemindersForm from '../../components/Reminders/RemindersList/RemindersForm'\r\n\r\n\r\nconst Reminders = () => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default Reminders","import React, { useEffect, Suspense, useState } from 'react';\r\nimport { Route, Routes, Navigate, useParams } from 'react-router';\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { useIdleTimer } from 'react-idle-timer';\r\nimport Hotjar from '@hotjar/browser';\r\n\r\n\r\n\r\nimport Notification from './components/UI/MessageBoxs/Notification';\r\nimport LoadingSpinner from './components/UI/LoadingSpinners/LoadingSpinner';\r\nimport ErrorMessage from './components/UI/MessageBoxs/ErrorMessage';\r\nimport NewFeatures from './pages/NewFeatures/NewFeatures';\r\nimport SignUpPortalUser from './pages/Login/SignUpPortalUser';\r\nimport NewFeatureDetails from './pages/NewFeatures/NewFeatureDetails';\r\nimport AddNewFeature from './pages/NewFeatures/AddNewFeature';\r\nimport useResetState from './hooks/use-reset';\r\nimport PageNotFound from './pages/PageNotFound';\r\nimport Statement from './pages/ParentLogin/Statement/Statement'\r\nimport Tasks from './pages/Hub/Tasks';\r\nimport TasksApplication from './pages/Hub/TasksApplication';\r\nimport LoginApplication from './pages/Login/LoginApplication';\r\nimport NewTask from './pages/Hub/NewTask';\r\nimport SidePopupMessage from './components/UI/MessageBoxs/SidePopupMessage';\r\nimport { Fragment } from 'react';\r\nimport TaskDetailsPage from './pages/Hub/TaskDetailsPage';\r\nimport ReminderDetails from './pages/Reminders/ReminderDetails';\r\nimport useFetchData from './hooks/use-fetch-data';\r\nimport Reminders from './pages/Reminders/Reminders';\r\n\r\nconst Login = React.lazy(() => import('./pages/Login/Login'))\r\nconst Payments = React.lazy(() => import('./pages/Payments/Payments'))\r\nconst NewPayment = React.lazy(() => import('./pages/Payments/NewPayment'))\r\nconst PaymentDetail = React.lazy(() => import('./pages/Payments/PaymentDetail'))\r\nconst RecurringPayments = React.lazy(() => import('./pages/Payments/RecurringPayments/RecurringPayments'));\r\nconst RecurringPaymentDetail = React.lazy(() => import('./pages/Payments/RecurringPayments/RecurringPaymentDetail'))\r\nconst Pledges = React.lazy(() => import('./pages/Pledges/Pledges')) ;\r\nconst NewPledge = React.lazy(() => import('./pages/Pledges/NewPledge'))\r\nconst PledgeDetail = React.lazy(() => import('./pages/Pledges/PledgeDetail'))\r\nconst RecurringPledges = React.lazy(() => import('./pages/Pledges/RecurringPledges/RecurringPledges'))\r\nconst RecurringPledgeDetail = React.lazy(() => import('./pages/Pledges/RecurringPledges/RecurringPledgeDetail'))\r\nconst Donors = React.lazy(() => import('./pages/Donors/Donors'))\r\nconst NewDonor = React.lazy(() => import('./pages/Donors/NewDonor'))\r\nconst DonorDetail = React.lazy(() => import('./pages/Donors/DonorDetail'))\r\nconst DonorEdit = React.lazy(() => import('./pages/Donors/DonorEdit'))\r\nconst Settings = React.lazy(() => import('./pages/Settings'))\r\nconst PaymentLinkPage = React.lazy(() => import('./pages/Payments/PaymentLink'))\r\nconst SignUp = React.lazy(() => import('./pages/ParentLogin/Login/SignUp'))\r\nconst ParentLogin = React.lazy(() => import('./pages/ParentLogin/Login/ParentLogin'))\r\n//const Statement = React.lazy(() => import('./pages/ParentLogin/Statement/Statement'))\r\nconst ParentPaymentDetails = React.lazy(() => import('./pages/ParentLogin/PaymentDetails'))\r\nconst ParentChargeDetails = React.lazy(() => import('./pages/ParentLogin/ChargeDetails'))\r\nconst AddParentPayment = React.lazy(() => import('./pages/ParentLogin/AddPayment'))\r\nconst Registartion = React.lazy(() => import('./pages/ParentLogin/Registration/Registration'))\r\nconst Students = React.lazy(() => import('./pages/ParentLogin/Students/Students'))\r\nconst StudentDetails = React.lazy(() => import('./pages/ParentLogin/Students/StudentDetails'))\r\n\r\n\r\nconst App = () => {\r\n\r\n //#region hooks\r\n const { resetState } = useResetState()\r\n useFetchData()\r\n\r\n const notification = useSelector((state) => state.ui.notification)\r\n const errorMessage = useSelector((state) => state.ui.errorMessage)\r\n const loggedIn = useSelector((state) => state.auth.isLoggedIn)\r\n const portalUserLoggedIn = useSelector((state) => state.auth.portalUserLoggedIn)\r\n const hubUserLoggedIn = useSelector((state) => state.auth.hubUserLoggedIn)\r\n const allowHub = useSelector((state) => state.auth.hub)\r\n \r\n\r\n const [trialExpiration, setTrialExpiration] = useState(null)\r\n const [returnComponent, setReturnComponent] = useState()\r\n //#endregion\r\n\r\n\r\n useEffect(() => {\r\n if (localStorage.getItem('inTrial') && localStorage.getItem('inTrial') === 'True') {\r\n var now = new Date()\r\n var endDate = new Date(localStorage.getItem('trialEndDate'))\r\n const utc1 = Date.UTC(now.getFullYear(), now.getMonth(), now.getDate());\r\n const utc2 = Date.UTC(endDate.getFullYear(), endDate.getMonth(), endDate.getDate());\r\n\r\n var days = Math.floor((utc2 - utc1) / (1000 * 60 * 60 * 24));\r\n setTrialExpiration(days)\r\n }\r\n else {\r\n setTrialExpiration(null)\r\n }\r\n }, [loggedIn])\r\n\r\n useEffect(()=>{\r\n const siteId = 3737662;\r\n const hotjarVersion = 6;\r\n\r\n Hotjar.init(siteId, hotjarVersion);\r\n },[])\r\n\r\n\r\n\r\n //#endregion\r\n\r\n \r\n const handleOnIdle = () => {\r\n logoutFromAll()\r\n }\r\n\r\n const logoutFromAll = () => {\r\n resetState()\r\n }\r\n\r\n\r\n useIdleTimer({\r\n timeout: 1800000,\r\n onIdle: handleOnIdle,\r\n debounce: 500\r\n })\r\n\r\nuseEffect(()=>{\r\n const component = \r\n }/>\r\n } />\r\n : }>\r\n : } />\r\n : } />\r\n \r\n : }>\r\n : } />\r\n : }/>\r\n \r\n : }>\r\n : } />\r\n : } />\r\n \r\n : }>\r\n : } />\r\n : }/>\r\n \r\n : }>\r\n : } />\r\n : } />\r\n : } />\r\n : }/>\r\n \r\n : }>\r\n : }/>\r\n : } />\r\n \r\n : } />\r\n } />\r\n {/*payment link*/}\r\n }/>\r\n {/*portal user pages*/}\r\n }/>\r\n : }>\r\n : }/>\r\n : }/>\r\n \r\n {/*parent login pages*/}\r\n }/>\r\n }/>\r\n }>\r\n }/>\r\n }/>\r\n }/>\r\n \r\n }>\r\n }/>\r\n \r\n }/>\r\n : }>\r\n : } />\r\n : } />\r\n \r\n : }>\r\n : }/>\r\n : } />\r\n \r\n }/>\r\n \r\nsetReturnComponent(component)\r\n},[loggedIn, hubUserLoggedIn, portalUserLoggedIn, trialExpiration, errorMessage, notification, allowHub])\r\n \r\nreturn (\r\n \r\n \r\n {trialExpiration !== null && {trialExpiration === 1 ? '1 day left on trial!' : trialExpiration === 0 ? 'Last day on trial!' : trialExpiration + ' days left on trial!'}
Contact sales now to activate!
}\r\n {errorMessage && }\r\n {notification && window.location.reload()} secondButton={notification.secondButton} onSecondButtonClick={notification.onSecondButtonClick} />}\r\n \r\n }>\r\n {returnComponent}\r\n \r\n \r\n )\r\n}\r\n\r\nexport default App;\r\n","import ReactDOM from 'react-dom/client';\r\nimport { BrowserRouter } from 'react-router-dom';\r\nimport { Provider } from \"react-redux\";\r\n\r\nimport store from \"./store/index\";\r\n\r\n\r\nimport './index.css';\r\nimport App from './App';\r\n\r\nconst root = ReactDOM.createRoot(document.getElementById('root'));\r\nroot.render( \r\n \r\n\r\n \r\n );\r\n"],"sourceRoot":""}