{props.children}
\n {props.filters}
\n \n {props.filters &&\n
\n );\n }\n }}\n {props.filters}
\n }\n {props.children}
\n {props.pager &&\n {props.pager}
\n }\n \n {props.displayName}\n
\n {props.displayName}
\n {props.displayName}
\n {props.displayName}:
\n {selectedValues === null // working around a deficiency in this select control for setting no items selected on a multiselect\n ? (\n {showPager &&\n \n {previous &&\n props.callBack(1)} refPage={props.refPage} />\n }\n {previous &&\n props.callBack(props.pageNumber - 1)} refPage={props.refPage} />\n }\n Page {props.pageNumber} of {props.totalPages}\n {next &&\n props.callBack(props.pageNumber + 1)} refPage={props.refPage} />\n }\n {next &&\n props.callBack(props.totalPages)} refPage={props.refPage} />\n }\n \n }\n
\n );\n};\n\nexport default Pager;\n","import React from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { Col, Row } from \"reactstrap\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\n/*\n colSize: *optional* 1-12, default of 4\n routePath: navigate to this path upon click\n title: *optional* visible string\n count: *optional* number to display along with the title\n*/\nconst LinkPanel = props => {\n return (\n {props.title}
\n {props.count !== undefined ? (\n {props.count}
\n ) : null}\n \n Terms
;\n }\n}\n","import React, { useState, useEffect } from \"react\";\nimport {\n Col,\n Row,\n Button,\n ButtonGroup,\n Modal,\n ModalHeader,\n ModalBody,\n ModalFooter,\n} from \"reactstrap\";\nimport { DebounceInput } from \"react-debounce-input\";\nimport _ from \"lodash\";\n\nexport default function TextNotificationModal(props) {\n const data = props.data;\n const openValue = data && data.length > 0 ? true : false;\n const [open, setOpen] = useState(openValue || false);\n const [message, setMessage] = useState(null);\n\n // this will be taken out when C# api setup\n useEffect(() => {}, []);\n\n function closeModal() {\n setOpen(false);\n props.onClose && props.onClose();\n }\n\n return (\n Text Recipients
\n {_.map(props.data, (u) => {\n return (\n\n
\n
\n {message && message.length}\n
\n\n
\n # of Text Messages\n
\n
\n \n {message && message.length > 0\n ? _.ceil(message.length / 144)\n : 0}\n \n
\n \n\n \n {(dropzoneProps) => {\n return (\n
\n \n
\n );\n }}\n \n \n
props.onCallback(props.fieldName, callBackDir)} className=\"sort-handle\">\n {props.displayName}\n {props.sorted && direction === constants.SORT_DIRECTION.ASC\n ?
\n );\n}","import React, { useState, useEffect, Fragment } from \"react\";\nimport _ from \"lodash\";\nimport Select from \"react-select\";\nimport makeAnimated from \"react-select/animated\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { Col, Button, Row, ButtonGroup, Table } from \"reactstrap\";\nimport { api, helpers } from \"../utils\";\nimport { CollapsibleCardSection } from \".\";\nimport Alert from \"react-s-alert\";\n\nexport default function EditUnitType(props) {\n const [organizationUnitTypes, setOrganizationUnitTypes] = useState(\n props.companyUnitTypes ? props.companyUnitTypes : []\n );\n const [unitTypeList, setUnitTypeList] = useState([]);\n const org = props.organization ? props.organization : {};\n const registrationMode = props.registrationMode;\n const setOrganization = props.setOrganization;\n\n useEffect(() => {\n api\n .fetch(\"public/UnitTypeList\")\n .then((response) => {\n if (response.data && response.data.length) {\n setUnitTypeList(\n _.map(response.data, (d) => {\n d.label = d.name;\n d.value = d.id;\n return d;\n })\n );\n }\n })\n .catch((error) => {\n console.error(error);\n });\n }, []);\n\n useEffect(() => {\n if (registrationMode) {\n setOrganization(organizationUnitTypes);\n }\n }, [organizationUnitTypes, registrationMode]);\n\n useEffect(() => {\n setOrganizationUnitTypes(props.companyUnitTypes);\n }, [props.companyUnitTypes]);\n\n function deleteUnitType(index) {\n const newList = Object.assign([], organizationUnitTypes);\n if (!props.registrationMode) {\n if (!window.confirm(\"Are you sure you want to delete this unit type?\"))\n return;\n }\n\n newList.splice(index, 1);\n setOrganizationUnitTypes(newList);\n\n if (!props.registrationMode) {\n saveUnit();\n }\n }\n\n function saveUnit() {\n let payload = {\n Organization: {\n Id: org.id,\n Name: org.name,\n Email: org.email,\n PhoneNumber: org.phoneNumber,\n AboutUs: org.aboutUs,\n EIN: org.einNumber,\n AlternateEIN: org.alternateEINNumber,\n TypeOfCompany: org.typeOfCompany,\n },\n CompanyUnitTypes:\n props.companyUnitTypes && props.companyUnitTypes.length\n ? _.map(props.companyUnitTypes, (r) => {\n return {\n Id: r.value,\n Name: r.label,\n };\n })\n : [],\n };\n api\n .post(`useradmin/SaveOrgDetails`, payload)\n .then((response) => {\n if (response.data.success) {\n Alert.success(\"Your profile has been updated.\");\n return;\n } else {\n Alert.error(response.data.message || \"An error occurred.\");\n return;\n }\n })\n .catch(helpers.catchHandler);\n }\n\n function addUnitType(selection) {\n let list = Object.assign([], organizationUnitTypes);\n let existingType = _.find(list, (l) => {\n return l.value === selection.value;\n });\n if (existingType !== undefined) return;\n\n list.push(selection);\n setOrganizationUnitTypes(list);\n saveUnit();\n }\n\n return (\n At least one is required{helpers.requiredStar()}
*/}\n \n \n \n
\n
\n \n | Type | \n\n | \n
|---|---|
| {type.label} | \n\n | \n
\n {`Drag file here to upload (or click here to choose file)`}\n
\n \n| File | \nType | \n\n |
|---|---|---|
| \n \n \n {helpers.truncateStringOverLength(\n d.name || d.fileName,\n 20,\n true\n )}\n \n \n {d.mimeType} \n | \n {d.documentTypeName} | \n\n | \n
| No documents found | \n
| Name | \nCreatedAt | \n\n | \n ||
|---|---|---|---|---|
| \n | \n \n | \n {i.partnerOrgName} | \n{i.createdAt} | \n\n | \n
| No records found | \n
\n \n
\n \n
\n \n \n setRating({ ...rating, comment: event.target.value })\n }\n value={rating.comment || \"\"}\n className=\"form-control\"\n debounceTimeout={300}\n />\n \n
\n {!props.forCompany && (\n \n \n setRating({ ...rating, hide: checked })\n }\n checked={rating.hide || false}\n />\n \n
\n )}\n
\n \n \n Job Details - {job.jobTypeName}\n \n
\n \n {job.fromStreetAddress1\n ? `${job.fromStreetAddress1} `\n : null}\n
\n \n {job.fromStreetAddress2\n ? `${job.fromStreetAddress2} `\n : null}\n
\n \n {job.fromCity ? `${job.fromCity}, ` : \"\"}{\" \"}\n {job.fromStateName ? `${job.fromStateName} ` : \"\"}{\" \"}\n {job.fromZip ? `${job.fromZip}` : null}\n
\n \n \n {job.toAddress1 ? `${job.toAddress1} ` : null}
\n {job.toAddress2 ? `${job.toAddress2} ` : null}
\n \n {job.toCity ? `${job.toCity}, ` : null}{\" \"}\n {job.toStateName ? `${job.toStateName} ` : null}{\" \"}\n {job.toZipCode ? `${job.toZipCode}` : null}\n
\n \n \n \n setRating({ ...rating, score: e })}\n emptySymbol={\n
\n \n \n Was No Show?\n
\n \n (\n isPrivateJob\n ? setScheduleJob({...scheduleJob, scheduledForDate: e})\n : setScheduleJob({ ...scheduleJob, estimatedPickupAt: e })\n )}\n />\n
\n \n {\n !isPrivateJob\n ? \n \n setScheduleJob({ ...scheduleJob, estimatedDropoffAt: e })\n }\n disabled={isPrivateJob}\n />\n
\n \n : null\n }\n \n \n props.onChange(e)}\n value={props.value}\n inputValue={inputValue}\n onInputChange={(e) => setInputValue(e)}\n isDisabled={props.isDisabled}\n isClearable={props.isClearable}\n />\n
\n );\n}\n","import React from \"react\";\nimport Loader from \"react-loader-spinner\";\nimport _ from \"lodash\";\n\n\nexport default function SHBSpinner({on, children, style = {}, className = \"\", phrases = []}) {\n if(on) {\n return (\n \n
\n )\n }\n return children\n}","import React from \"react\";\nimport { Col, Row } from \"reactstrap\";\nimport Alert from \"react-s-alert\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport Dropzone from \"react-dropzone\";\n\nexport default function ChecklistImageUpload(props) {\n return (\n \n {phrases.length > 0 ? _.sample(phrases) : \"\"}\n
\n\n {`Drag file here to upload (or click here to choose file)`}\n
\n \n\n {props.isCompany ? \"Company \" : \"\"} Profile Picture\n
\n {!props.profileImage && (\n \n Upload company profile picture under the documents module\n
\n )}\n \n \n {`Drag file here to upload (or click here to choose file)`}\n
\n \n| File | \nType | \n\n |
|---|---|---|
| \n \n \n {helpers.truncateStringOverLength(\n d.name || d.fileName,\n 20,\n true\n )}\n \n \n {d.mimeType} \n | \n {d.documentTypeName} | \n\n | \n
| No documents found | \n
| File | \nType | \n\n |
|---|---|---|
| \n \n \n {helpers.truncateStringOverLength(\n d.name || d.fileName,\n 20,\n true\n )}\n \n \n {d.mimeType} \n | \n {d.documentTypeName} | \n\n | \n
{props.screenName}
\n )}\n \n\n \n
\n
\n );\n}\n","import { useEffect, useRef } from \"react\";\n\nexport function useInterval(callback, delay) {\n const savedCallback = useRef();\n\n // Remember the latest callback.\n useEffect(() => {\n savedCallback.current = callback;\n }, [callback]);\n\n // Set up the interval.\n useEffect(() => {\n function tick() {\n savedCallback.current();\n }\n if (delay !== null) {\n let id = setInterval(tick, delay);\n return () => clearInterval(id);\n }\n }, [delay]);\n}\n","import React, { useState, useContext, useEffect } from \"react\";\nimport { NavLink, useLocation } from \"react-router-dom\";\nimport classnames from \"classnames\";\nimport Sidebar from \"react-sidebar\";\nimport _ from \"lodash\";\nimport {\n FaBars,\n FaUserCircle,\n FaTrailer,\n FaChartLine,\n FaBriefcase\n} from \"react-icons/fa\";\nimport { RiListSettingsLine } from \"react-icons/ri\";\nimport { RiUserSettingsLine, RiMoneyDollarBoxLine } from \"react-icons/ri\";\nimport { TiFlowSwitch } from \"react-icons/ti\";\nimport { BsBuilding } from \"react-icons/bs\";\nimport { GiTruck, GiReceiveMoney, GiVote } from \"react-icons/gi\";\nimport { VscSignOut } from \"react-icons/vsc\";\nimport { BsFillHouseDoorFill, BsChatDots } from \"react-icons/bs\";\nimport { IoCalendarOutline } from \"react-icons/io5\";\n\nimport {\n Row,\n Col,\n Nav,\n NavItem,\n NavLink as ReactStrapNavLink,\n} from \"reactstrap\";\n\nimport { api, UserContext, constants } from \"../utils\";\nimport { useInterval } from \"../hooks/useInterval\";\n\nconst homeIcon = (\n \n \n \n \n
\n \n \n \n userCtx.signOut()}\n className=\"p-0\"\n >\n \n
\n \n \n \n
\n \n );\n\n return (\n \n toggleSidebar(!sidebarOpen)}\n >\n
\n \n
\n )}\n \n ) : null}\n {props.children}
;\n case breakpoints.desktop:\n default:\n return (\n \n \n {props.children}\n \n
\n );\n case breakpoints.desktop:\n default:\n return (\n \n \n {props.children}\n \n
\n );\n case breakpoints.desktop:\n default:\n return (\n \n Upcoming Deliveries (Choose State)\n
\n {activeJobStates && activeJobStates.length > 0 && (\n{props.children}
;\n case breakpoints.desktop:\n default:\n return (\n \n
\n \n )}\n \n \n onDateChange(e, \"requestedByDate\")\n }\n disabled={isHaulerUser}\n />\n
\n \n \n \n changeJobBoolean(e, \"isExtreme\")\n }\n checked={\n job && job.isExtreme === true\n ? true\n : false\n }\n disabled={isHaulerUser}\n />\n
\n \n Contact Information
\n \n\n Origin Address {helpers.requiredStar()}\n
\n \n {/* Unable to get lat & lng for pickup location with this, need to update */}\n {/* {draftMode &&\n (job.jobType.value ===\n constants.JOB_TYPE_IDS.MFG ||\n job.jobType.value ===\n constants.JOB_TYPE_IDS.RTO_DELIVERY) ? (\n\n Destination Address{\" \"}\n {helpers.requiredStar()}\n
\n \n {/* Unable to get lat & lng for dropoff location with this, need to update */}\n {/* {job.jobType.value ===\n constants.JOB_TYPE_IDS.RETURN ||\n job.jobType.value ===\n constants.JOB_TYPE_IDS.RETRIEVAL ||\n job.jobType.value ===\n constants.JOB_TYPE_IDS.OFF_LOT ? (\nOwner / Lessee Details
\n \nBuilding Information
\n \n {/* {!isJobOwner ? null : (\nCompensation Details
\n \nChecklist Items To Include
\n \n {console.log(\"Draft Mod: \", draftMode)}\n {console.log(\"Job Open: \", jobOpen)}\n {(draftMode || jobOpen) && (\nComments
\n \n\n {c.isPrivate ? (\n \n
\n Invite Specific Hauler
\n \n\n Hauler Org: {job?.reservedByOrg?.label}\n
\n \nSchedule
\n \n\n \n onDateChange(\n selected,\n \"estimatedPickupAt\"\n )\n }\n isClearable={isHaulerFirm}\n className=\"form-control\"\n readOnly={\n !isHaulerUser ||\n jobInProgress ||\n jobComplete\n }\n />\n
\n \n \n \n onDateChange(\n selected,\n \"estimatedDropoffAt\"\n )\n }\n isClearable={isHaulerFirm}\n className=\"form-control\"\n disabled={jobComplete}\n readOnly={\n !isHaulerUser ||\n jobInProgress ||\n jobComplete\n }\n />\n
\n \n Job Progress Details
\n \n\n \n onDateChange(\n selected,\n \"actualPickupAt\"\n )\n }\n isClearable={isHaulerFirm}\n className=\"form-control mr-0 pr-0\"\n disabled={jobComplete}\n readOnly={!isHaulerUser}\n />\n
\n \n \n \n onDateChange(\n selected,\n \"actualDropoffAt\"\n )\n }\n isClearable={isHaulerFirm}\n className=\"form-control mr-0 pr-0\"\n disabled={jobComplete}\n readOnly={!isHaulerUser}\n />\n
\n \n \n {isJobOwner\n ? `Checklist Responses`\n : `Checklist Items Requested`}\n
\n \n\n setAddingImage(!addingImage)}\n >\n {addingImage ? (\n \n \n \n setAnswer(\n checklistAnswers,\n clItem,\n v,\n setChecklistAnswers,\n jobChecklistItemId\n )\n }\n />\n {value ? (\n \n File to be uploaded\n \n \n \n \n setAnswer(\n checklistAnswers,\n clItem,\n null,\n setChecklistAnswers,\n jobChecklistItemId\n )\n }\n >\n
\n \n
\n \n \n ) : null}\n \n
\n \n ) : null}\n
\n {children}
;\n };\n\n if (\n constants.CHECKLIST_ITEM_TYPE_IDS.ATTACHMENT ===\n clResponse.checkListItemTypeId\n ) {\n return (\n Attachment
\n )}\n \n {_.isBoolean(clResponse.boolResponse)\n ? clResponse.boolResponse\n ? \"Yes\"\n : \"No\"\n : \"N/A\"}\n
\n \n {` ${clResponse.gpsResponseLat}`}, {clResponse.gpsResponseLong}\n
\n File not found
\n )}\n {`${clResponse.textResponse}`}
\n \n \n {props.children}\n \n
\n );\n case breakpoints.desktop:\n default:\n return (\n \n \n setPageNumber(newPageNumber)\n }\n />\n
\n }\n >\n {props.children}
;\n case breakpoints.desktop:\n default:\n return (\n PAGER
)\n pager={\n \n \n setPageNumber(newPageNumber)\n }\n />\n
\n }\n >\n \n \n {u.companyName}\n \n
\n \n
\n {props.children}
;\n case breakpoints.desktop:\n default:\n return (\n \n \n onDateChange(e, \"requestedByDate\")\n }\n disabled={jobComplete}\n />\n
\n \n Pickup Contact Information
\n \nDropoff Contact Information
\n \n\n Origin Address {helpers.requiredStar()}\n
\n \n\n Destination Address{\" \"}\n {helpers.requiredStar()}\n
\n \nBuilding Information
\n \nNotes
\n \nNotes
\n \n\n \n onDateChange(e, \"scheduledForDate\")\n }\n disabled={jobComplete}\n />\n
\n \n \n \n {props.children}\n \n
\n );\n case breakpoints.desktop:\n default:\n return (\n \n \n setPageNumber(newPageNumber)\n }\n />\n
\n }\n >\n {props.children}
;\n case breakpoints.desktop:\n default:\n return (\n Proximity Alerts
\n \n Old Password{\" \"}\n {helpers.requiredStar()}\n
\n \n {inviteToken ? null : `New `}\n Password {helpers.requiredStar()}\n
\n \n Retype Password{\" \"}\n {helpers.requiredStar()}\n
\n {props.children}
;\n case breakpoints.desktop:\n default:\n return (\n {metaData.pageTitle}
\n \n\n setPageNumber(newPageNumber)}\n />\n
\n }\n >\n | \n | \n \n |
|---|---|
| \n | \n \n | \n
| {item.name} | \n\n | \n
\n \n \n \n \n onReportSelect(e)}\n options={flatReports}\n />\n \n
\n {selectedReport && (\n \n \n
\n
\n {renderParameters(selectedReport.parameters)}\n\n \n \n generateReport()}\n >\n Run\n \n \n \n
\n \n )}\n \n \n \n
\n
\n );\n}\n","import React, { useState, useEffect } from \"react\";\nimport { Media } from \"react-breakpoints\";\nimport { Button, Col, Row, Card, CardHeader, CardBody } from \"reactstrap\";\nimport { api, dateHelpers } from \"../utils\";\nimport { DesktopContainer } from \"../layouts\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\n\nexport default function Shed(props) {\n const shedSightingId = props?.computedMatch?.params?.id\n ? parseInt(props.computedMatch.params.id, 10)\n : 0;\n\n const [shedSighting, setShedSighting] = useState(null);\n\n useEffect(() => {\n api.fetch(`Unit/GetShedSighting/${shedSightingId}`).then((response) => {\n setShedSighting(response.data);\n });\n }, [shedSightingId]);\n\n function openNavigationLink(oLat, oLng) {\n const scheme = \"https://www.google.com/maps/dir/?api=1¶meters\";\n const originLatLng = `&origin=${oLat},${oLng}`;\n // const destinationLatLng = `&destination=${dLat},${dLng}`;\n const url = `${scheme}${originLatLng}`;\n window.open(url,\"_blank\")\n }\n\n return (\n \n {renderParameters(selectedReport.parameters)}\n
{props.children}
;\n case breakpoints.desktop:\n default:\n return (\n Shed Information
\n \nImages
\n \n{props.children}
;\n case breakpoints.desktop:\n default:\n return (\n | Serial # | \nUnit Type | \nUnit Material | \nWall Color | \nRoof Color | \nTrim Color | \nManufacturer | \nDimensions | \nLocation | \n
|---|---|---|---|---|---|---|---|---|
| \n \n {r.serialNumber}\n \n | \n{r.unitTypeName} | \n{r.unitMaterialName} | \n{r.wallColorName} | \n{r.roofColorName} | \n{r.trimColorName} | \n{r.manufacturer} | \n{`${r.lengthInFeet || \"-\"} L X ${\n r.widthInFeet || \"-\"\n } W X ${r.heightInFeet || \"-\"} H`} | \n\n | \n
| No records found | \n
\n Sign In\n
\n \n\n Register\n
\n \n\n Shed Haulers\n
\n\n Sign Up Here\n \n \n
\n RTOs & Manufacturers\n
\n\n Sign Up Here\n \n \n
\n {data.label}\n
\n);\n\nconst resolveRoleContextDescription = (ur) => {\n if (ur.typeOfOrg === constants.ORG_TYPE_IDS.HAULER_FIRM) {\n return (\n \n {ur.orgName} {props.children}
;\n case breakpoints.desktop:\n default:\n return (\n Primary Contact
\n Driver Information
\n \n\n onChange(\"driverHexColor\", color.hex)}\n />\n \n
\n \n \n \n 0,\n })}\n >\n
\n Documents
\n| Name | \n\n |
|---|---|
| {doc.fileName} | \n\n | \n
Adjust {fullName} Roles
\n \n| Role Name | \nContext | \n\n | \n {\n constants.ROLE_DICTIONARY[\n r.typeOfUserRole\n ]\n }\n | \n\n {resolveRoleContextDescription(r)}\n | \n\n | \n \n ))}\n
|---|
{props.children}
;\n case breakpoints.desktop:\n default:\n return (\n \n \n setPageNumber(newPageNumber)\n }\n />\n
\n }\n >\n \n Last Logged On:{\" \"}\n \n {u.lastLoggedOn ? u.lastLoggedOn : \"Never\"}\n \n
\n \n \n {\" \"}\n Wait, I already have an account - take me to log in!\n \n
\n \n {message ? (\n {message.text} \n ) : null}\n
\n \n \n
\n \n Return to Login Screen\n
\n \n {message ? (\n {message.text} \n ) : null}\n
\n \n \n
\n Your password needs to be updated...
\n {message ? (\n\n Old Password {helpers.requiredStar()}\n
\n \n New Password {helpers.requiredStar()}\n
\n \n Retype Password {helpers.requiredStar()}\n
\n {props.children}
;\n case breakpoints.desktop:\n default:\n return (\n Hauler Firm Profile
\n \nBill To Address
\n \n\n \n This will be your first user for your\n organization\n \n
\n \n \n \n setOrganization({\n ...org,\n primaryContactFirstName:\n e.target.value,\n })\n }\n value={org.primaryContactFirstName || \"\"}\n className=\"form-control\"\n debounceTimeout={300}\n />\n \n \n setOrganization({\n ...org,\n primaryContactMiddleName:\n e.target.value,\n })\n }\n value={org.primaryContactMiddleName || \"\"}\n className=\"form-control\"\n debounceTimeout={300}\n />\n \n\n \n setOrganization({\n ...org,\n primaryContactLastName:\n e.target.value,\n })\n }\n value={org.primaryContactLastName || \"\"}\n className=\"form-control\"\n debounceTimeout={300}\n />\n \n
\n \n \n setOrganization({\n ...org,\n primaryContactPhoneNumber:\n e.target.value,\n })\n }\n value={\n org.primaryContactPhoneNumber || \"\"\n }\n className=\"form-control\"\n debounceTimeout={300}\n />\n \n
\n \n \n setOrganization({\n ...org,\n primaryContactUsername:\n e.target.value,\n })\n }\n value={org.primaryContactUsername || \"\"}\n className=\"form-control\"\n debounceTimeout={300}\n />\n \n
\n \n {\n const fieldValue = e.target.value;\n let newOrg = {\n ...org,\n primaryContactEmail: fieldValue,\n };\n if (fieldValue) {\n const minLen = _.min([\n fieldValue.length,\n org.primaryContactUsername\n ? org.primaryContactUsername\n .length\n : 0,\n ]);\n if (\n minLen === 0 ||\n _.startsWith(\n org.primaryContactUsername,\n fieldValue.substring(0, minLen)\n )\n ) {\n newOrg.primaryContactUsername =\n fieldValue;\n }\n }\n setOrganization(newOrg);\n }}\n value={org.primaryContactEmail || \"\"}\n className=\"form-control\"\n debounceTimeout={300}\n />\n \n
\n \n \n setOrganization({\n ...org,\n password: e.target.value,\n })\n }\n value={org.password || \"\"}\n className=\"form-control\"\n debounceTimeout={300}\n />\n \n
\n \n \n setOrganization({\n ...org,\n passwordAgain: e.target.value,\n })\n }\n value={org.passwordAgain || \"\"}\n className=\"form-control\"\n debounceTimeout={300}\n />\n \n
\n
\n \n \n At least one is required{\" \"}\n {helpers.requiredStar()}\n \n
\n {props.children}
;\n case breakpoints.desktop:\n default:\n return (\n Company Profile
\n \nPay To Address
\n \n\n \n This will be your first user for your\n organization\n \n
\n \n \n \n setOrganization({\n ...org,\n primaryContactFirstName: e.target.value,\n })\n }\n maxLength={50}\n value={org.primaryContactFirstName || \"\"}\n className=\"form-control\"\n debounceTimeout={300}\n />\n \n \n setOrganization({\n ...org,\n primaryContactMiddleName:\n e.target.value,\n })\n }\n value={org.primaryContactMiddleName || \"\"}\n className=\"form-control\"\n debounceTimeout={300}\n />\n \n\n \n setOrganization({\n ...org,\n primaryContactLastName: e.target.value,\n })\n }\n value={org.primaryContactLastName || \"\"}\n className=\"form-control\"\n debounceTimeout={300}\n />\n \n
\n \n \n setOrganization({\n ...org,\n primaryContactPhoneNumber:\n e.target.value,\n })\n }\n value={org.primaryContactPhoneNumber || \"\"}\n className=\"form-control\"\n debounceTimeout={300}\n />\n \n
\n \n \n setOrganization({\n ...org,\n primaryContactUsername: e.target.value,\n })\n }\n value={org.primaryContactUsername || \"\"}\n className=\"form-control\"\n debounceTimeout={300}\n />\n \n
\n \n {\n const fieldValue = e.target.value;\n let newOrg = {\n ...org,\n primaryContactEmail: fieldValue,\n };\n if (fieldValue) {\n const minLen = _.min([\n fieldValue.length,\n org.primaryContactUsername\n ? org.primaryContactUsername.length\n : 0,\n ]);\n if (\n minLen === 0 ||\n _.startsWith(\n org.primaryContactUsername,\n fieldValue.substring(0, minLen)\n )\n ) {\n newOrg.primaryContactUsername =\n fieldValue;\n }\n }\n setOrganization(newOrg);\n }}\n value={org.primaryContactEmail || \"\"}\n className=\"form-control\"\n debounceTimeout={300}\n />\n \n
\n \n \n setOrganization({\n ...org,\n password: e.target.value,\n })\n }\n value={org.password || \"\"}\n className=\"form-control\"\n debounceTimeout={300}\n />\n \n
\n \n \n setOrganization({\n ...org,\n passwordAgain: e.target.value,\n })\n }\n value={org.passwordAgain || \"\"}\n className=\"form-control\"\n debounceTimeout={300}\n />\n \n
\n
\n {props.children}
;\n case breakpoints.desktop:\n default:\n return (\n \n About Us {helpers.requiredStar()}\n
\n \n Tagline {helpers.requiredStar()}\n
\n | Location | \nType | \n\n | \n ||
|---|---|---|---|---|
| \n | \n \n | \n \n {l.streetAddress1 && (\n \n {l.streetAddress1}\n \n )}\n {l.streetAddress2 && (\n \n {l.streetAddress2}\n \n )}\n \n {l.city},{\" \"}\n {l.state &&\n l.state\n .label}{\" \"}\n {l.zipCode}\n \n | \n \n {l.locationType &&\n l.locationType\n .label}\n | \n\n | \n
\n
\n
\n \n At least one is required\n {helpers.requiredStar()}\n \n
\n {props.children}
;\n case breakpoints.desktop:\n default:\n return (\n \n About Us {helpers.requiredStar()}\n
\n \n Tagline {helpers.requiredStar()}\n
\n \n \n At least one is required\n {helpers.requiredStar()}\n \n
\n | Type | \n\n | \n {type.label} | \n\n | \n \n )\n )\n : null}\n
|---|
| Location | \nType | \n\n | \n ||
|---|---|---|---|---|
| \n | \n \n | \n \n {l.streetAddress1 && (\n \n {l.streetAddress1}\n \n )}\n {l.streetAddress2 && (\n \n {l.streetAddress2}\n \n )}\n \n {l.city},{\" \"}\n {l.state &&\n l.state\n .label}{\" \"}\n {l.zipCode}\n \n | \n \n {l.locationType &&\n l.locationType\n .label}\n | \n\n | \n
| Job Type | \nFee Type | \nAmount | \n\n | \n \n | \n \n | \n \n | \n \n | \n \n {f.jobType &&\n f.jobType.label}\n | \n\n {f.feeType &&\n f.feeType.label}\n | \n\n {f.amountDisplay}\n | \n\n | \n
|---|
| Type | \nName | \nDocument Type | \n\n | \n \n \n Default\n Boolean\n Value\n \n \n Is Required?\n {helpers.requiredStar()}\n \n | \n \n | \n \n {isReordering &&\n index > 0 && (\n \n \n Job Type:{\" \"}\n \n {\n c.jobType\n .label\n }\n \n | \n \n {helpers.truncateStringOverLength(\n c.name,\n 20,\n true\n )}\n | \n\n {c.documentType &&\n c.documentType\n .label}\n | \n\n | \n
|---|
Enable Payments (via Stripe)
\n{props.children}
;\n case breakpoints.desktop:\n default:\n return (\n \n No location set for this company.\n
\n )}\n\n \n {organization.aboutUs || \"\"}\n
\n \n {props.children}
;\n case breakpoints.desktop:\n default:\n return (\n \n \n setPageNumber(newPageNumber)\n }\n />\n
\n }\n >\n \n \n onInputChange(\n e,\n subIndex,\n \"startDate\"\n )\n }\n />\n
\n \n \n \n onInputChange(\n e,\n subIndex,\n \"endDate\"\n )\n }\n />\n
\n \n | Role | \nAmount | \n\n {\n r.role\n .label\n }\n | \n\n | \n \n )\n )}\n
|---|
{props.children}
;\n case breakpoints.desktop:\n default:\n return (\n {props.children}
;\n case breakpoints.desktop:\n default:\n return (\n \n \n setPageNumber(newPageNumber)\n }\n />\n
\n }\n >\n \n Company:{\" \"}\n {r.performedForOrg.value && (\n \n {r.performedForOrg.label}\n \n )}\n
\n {/* \n User:{\" \"}\n {r.performedForUser.value && (\n \n {r.performedForUser.label}\n \n )}\n
*/}\n \n Hauling Firm:{\" \"}\n \n {r.performedByHauler.label}\n \n
\n \n User:{\" \"}\n \n {r.performedByUser.label}\n \n
\n \n Comment\n
\n {r.comment}
\n {props.children}
;\n case breakpoints.desktop:\n default:\n return (\n \n \n setPageNumber(newPageNumber)\n }\n />\n
\n }\n >\n \n Hauling Firm:{\" \"}\n {r.performedForHauler.value && (\n \n {r.performedForHauler.label}\n \n )}\n
\n {/* \n User:{\" \"}\n {r.performedForUser.value && (\n \n {r.performedForUser.label}\n \n )}\n
*/}\n \n Company:{\" \"}\n \n {r.performedByCompany.label}\n \n
\n \n User:{\" \"}\n \n {r.performedByUser.label}\n \n
\n \n Comment\n
\n {r.comment}
\n \n Click on a chat for messages:\n
\n )}\n {chats &&\n chats.length > 0 &&\n chats.map((x) => (\nChat with {getChatName(selectedChat)}
\n \n\n {chatMessages &&\n chatMessages.map((x) => (\n \n
\n ))}\n {messagePagingAvailable && (\n loadMoreMessages()}\n style={{ margin: \"0 auto\" }}\n color=\"link\"\n >\n More\n \n )}\n
\n \n \n \n {props.children}\n \n
\n );\n case breakpoints.desktop:\n default:\n return (\n \n \n setPageNumber(newPageNumber)\n }\n />\n
\n }\n >\n | Invoice # | \nInvoice Date | \nStatus | \nFor | \nTotal | \n\n |
|---|---|---|---|---|---|
| {j.id} | \n\n {dateHelpers.formatDateToShortDate(\n j.createdAt\n )}\n | \n{j.invoiceStatusName} | \n{j.organizationName} | \n{j.totalDisplay} | \n\n generatePdf\n | \n
| No invoices found | \n
\n \n {props.children}\n \n
\n );\n case breakpoints.desktop:\n default:\n return (\n | \n | |||||
|---|---|---|---|---|---|
| \n Description\n | \nAmount | \nInclude In Invoice | \n\n | \n \n | \n \n | \n \n ))}\n
|---|
\n No un-invoiced items found for this organization\n
\n )}\n \n \n
shedhaulersbrotherhood@gmail.com
Shed Hauler's Brotherhood __________ __________
\n \n \n
\n \n );\n}\n","import React, { Fragment, useState, useContext, useEffect } from \"react\";\nimport { Redirect, Link } from \"react-router-dom\";\nimport Alert from \"react-s-alert\";\nimport { Media } from \"react-breakpoints\";\nimport { Calendar, Views, dateFnsLocalizer } from 'react-big-calendar';\nimport \"react-big-calendar/lib/css/react-big-calendar.css\";\nimport \"react-big-calendar/lib/addons/dragAndDrop/styles.css\";\nimport format from 'date-fns/format';\nimport parse from 'date-fns/parse';\nimport startOfWeek from 'date-fns/startOfWeek';\nimport getDay from 'date-fns/getDay';\nimport enUS from 'date-fns/locale/en-US';\nimport {\n Col,\n Button,\n Row,\n Table,\n ButtonGroup,\n Alert as Alert2,\n Badge,\n UncontrolledTooltip,\n} from \"reactstrap\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport _ from \"lodash\";\nimport moment from \"moment\";\nimport {\n api,\n constants,\n UserContext,\n filterHelpers,\n helpers,\n dateHelpers,\n} from \"../utils\";\nimport {\n DateFilter,\n FilterText,\n FilterableScreen,\n FilterSet,\n Pager,\n FilterMultiSelect,\n FilterSwitch,\n RatingModule,\n ScheduleModal,\n SHBSpinner,\n} from \"../components\";\nimport { DesktopContainer } from \"../layouts\";\n\nconst getInitialJobStatus = (jobStatusId) => {\n if (!jobStatusId) return null;\n\n const selectedFilter = _.find(\n constants.JOB_STATUSES,\n (x) => x.value === parseInt(jobStatusId, 10)\n );\n\n if (!selectedFilter) return null;\n\n return {\n filterName: \"jobStatusIds\",\n filteredDisplay: `Job Status: ${selectedFilter.label}`,\n labels: [selectedFilter.label],\n value: [selectedFilter.value],\n };\n};\n\nconst EMPTY_SCHEDULE_CRITERIA = {\n orgId: 0, \n startsAfter: \"\",\n startsBefore: \"\",\n timezone: \"\",\n activeOnly: true,\n };\n\nexport default function ScheduleViewer(props) {\n const today = new Date();\n const userCtx = useContext(UserContext);\n const currentUser = userCtx.currentUser;\n const isSysAdmin = currentUser.isSysAdmin;\n const isCompany = currentUser.isCompanyUser;\n const isHaulerUser = currentUser.isHaulerUser;\n const isDispatcher =\n currentUser.currentRoleId === constants.ROLE_IDS.DISPATCHER ||\n currentUser.isHaulerAdminUser;\n const isDriver = currentUser.currentRoleId === constants.ROLE_IDS.DRIVER;\n const isCompanyAdmin = currentUser.currentRoleId === constants.ROLE_IDS.COMPANY_ADMIN && isCompany; // admin role can be hauler or company admins\n const isCompanyClerk = currentUser.currentRoleId === constants.ROLE_IDS.COMPANY_CLERK;\n const [message, setMessage] = useState(null);\n \n const [loading, setLoading] = useState(false);\n const [redirectToJob, setRedirectToJob] = useState(null);\n const jobStatusId =\n props.computedMatch.params && props.computedMatch.params.jobStatusId\n ? props.computedMatch.params.jobStatusId\n : props.location &&\n props.location.state &&\n props.location.state.jobStatusId\n ? props.location.state.jobStatusId\n : null;\n\n const initialJobStatus = getInitialJobStatus(jobStatusId);\n\n const [currentJobs, setCurrentJobs] = useState([]);\n const [selectedDate, setSelectedDate] = useState(null);\n const [calendarView, setCalendarView] = useState(Views.MONTH);\n const [selectedJob, setSelectedJob] = useState();\n let initialScheduleCriteria = {\n timezone: userCtx && userCtx.currentUser && userCtx.currentUser.timezone, \n jobId: selectedJob && selectedJob.value,\n // startsAfter: selectedDate ? selectedDate : formatDateTimeForServer(moment().day(0).toDate()), // set intial range start to the sunday of the current week\n // startsBefore: selectedDate ? selectedDate : formatDateTimeForServer(moment().day(6).toDate()) // set intial range end to the saturday of the current week\n startsAfter: selectedDate ? selectedDate : formatDateTimeForServer(moment().startOf(\"month\").subtract(5, \"days\").format('YYYY-MM-DD hh:mm')), // set intial range start to the sunday of the current week\n startsBefore: selectedDate ? selectedDate : formatDateTimeForServer(moment().endOf(\"month\").add(5, \"days\").format('YYYY-MM-DD hh:mm')) // set intial range end to the saturday of the current week\n };\n const [scheduleCriteria, setScheduleCriteria] = useState(Object.assign(EMPTY_SCHEDULE_CRITERIA, initialScheduleCriteria));\n const locales = {\n 'en-US': enUS,\n };\n const localizer = dateFnsLocalizer({\n format,\n parse,\n startOfWeek,\n getDay,\n locales,\n });\n \n useEffect(refreshData, \n [scheduleCriteria, calendarView]);\n\n function refreshData() {\n setLoading(true);\n let apiCalls = [];\n apiCalls.push(getJobs());\n apiCalls.push(getPrivateJobs());\n Promise.all(apiCalls)\n .then((arrayResults) => {\n let aggResults = {};\n _.each(arrayResults, (x) => Object.assign(aggResults, x));\n const jobList = aggResults.jobs \n ? aggResults.jobs\n : [];\n const privateJobList = aggResults.privateJobs \n ? aggResults.privateJobs\n : [];\n let jl = [];\n let pjl = [];\n if(jobList) {\n // jl = _.map(jobList, job => {\n // return {\n // title: job.name,\n // allDay: false,\n // start: new Date(resolveJobStart(job)),\n // end: new Date(resolveJobEnd(job)),\n // jobStatusId: job.jobStatusId,\n // driverHexColor: job.driverHexColor,\n // isPrivateJob: false,\n // id: job.id\n // // tooltip: `${job.fromStreetAddress1} - ${job.toAddress1}`\n // }\n // });\n _.each(jobList, job => {\n jl.push({\n title: job.name,\n allDay: false,\n start: new Date(job.estimatedPickupAt),\n end: new Date(job.estimatedPickupAt),\n jobStatusId: job.jobStatusId,\n driverHexColor: job.driverHexColor,\n isPrivateJob: false,\n id: job.id\n // tooltip: `${job.fromStreetAddress1} - ${job.toAddress1}`\n });\n if(job.estimatedDropOffAt !== job.estimatedPickupAt) {\n jl.push({\n title: job.name,\n allDay: false,\n start: new Date(job.estimatedDropOffAt),\n end: new Date(job.estimatedDropOffAt),\n jobStatusId: job.jobStatusId,\n driverHexColor: job.driverHexColor,\n isPrivateJob: false,\n id: job.id\n // tooltip: `${job.fromStreetAddress1} - ${job.toAddress1}`\n });\n }\n });\n }\n if(privateJobList) {\n pjl = _.map(privateJobList, pJob => {\n return {\n title: pJob.name,\n allDay: false,\n start: new Date(pJob.scheduledForDate),\n end: new Date(pJob.scheduledForDate),\n jobStatusId: pJob.jobStatusId,\n driverHexColor: pJob.driverHexColor,\n isPrivateJob: true,\n id: pJob.id\n // tooltip: `${job.fromStreetAddress1} - ${job.toAddress1}`\n }\n }); \n }\n let joinedList = jl.concat(pjl);\n setCurrentJobs(joinedList);\n }).catch((error) =>\n Alert.error(\"There was an error loading reference data\")\n )\n .finally( \n ()=>{setLoading(false);} \n );\n }\n\n function getJobs(){\n let payload = {\n SortField: null,\n SortDirection: null,\n PageNumber: 1,\n CurrentOrgId: currentUser.currentOrgId,\n DateRangeFrom: scheduleCriteria.startsAfter,\n DateRangeTo: scheduleCriteria.startsBefore,\n // RequestedDateFrom: scheduleCriteria.startsAfter,\n // RequestedDateTo:scheduleCriteria.startsBefore,\n // ScheduledDateFrom: scheduleCriteria.startsAfter,\n // ScheduledDateTo: scheduleCriteria.startsBefore,\n // CompletedDateFrom: scheduleCriteria.startsAfter,\n // CompletedDateTo: scheduleCriteria.startsBefore,\n //IsOpenJobSearch: isOpenJobSearch,\n };\n //_.each(filters, (filter) => (payload[filter.filterName] = filter.value));\n return api\n .post(\"Job/GetScheduleJobs\", payload)\n .then((response) => {\n let jobObject ={};\n if(response && response.data && response.data.success) {\n jobObject = {\n jobs: (response.data.list.slice())\n };\n }\n return jobObject;\n })\n .catch(helpers.catchHandler);\n }\n\n function getPrivateJobs(){\n let payload = {\n SortField: null,\n SortDirection: null,\n PageNumber: 1,\n CurrentOrgId: currentUser.currentOrgId,\n DateRangeFrom: scheduleCriteria.startsAfter,\n DateRangeTo: scheduleCriteria.startsBefore,\n // RequestedDateFrom: scheduleCriteria.startsAfter,\n // RequestedDateTo:scheduleCriteria.startsBefore,\n // ScheduledDateFrom: scheduleCriteria.startsAfter,\n // ScheduledDateTo: scheduleCriteria.startsBefore,\n // CompletedDateFrom: scheduleCriteria.startsAfter,\n // CompletedDateTo: scheduleCriteria.startsBefore,\n //IsOpenJobSearch: isOpenJobSearch,\n };\n //_.each(filters, (filter) => (payload[filter.filterName] = filter.value));\n return api\n .post(\"Job/GetPrivateScheduleJobs\", payload)\n .then((response) => {\n let privateJobObject ={};\n if(response && response.data && response.data.success) {\n privateJobObject = {\n privateJobs: (response.data.list.slice())\n };\n }\n return privateJobObject;\n })\n .catch(helpers.catchHandler);\n }\n\n function resolveJobStart(job) {\n switch (job.jobStatusId){\n case constants.JOB_STATUS_IDS.OPEN:\n return job.createdAt;\n case constants.JOB_STATUS_IDS.RESERVED:\n return job.reservedAt ? job.reservedAt : job.createdAt;\n case constants.JOB_STATUS_IDS.SCHEDULED:\n return job.scheduledAt \n ? job.scheduledAt \n : job.reservedAt\n ? job.reservedAt\n : job.createdAt;\n case constants.JOB_STATUS_IDS.COMPLETE:\n return job.scheduledAt \n ? job.scheduledAt \n : job.reservedAt \n ? job.reservedAt \n : job.createdAt;\n }\n }\n\n\n function resolveJobEnd(job) {\n switch (job.jobStatusId){\n case constants.JOB_STATUS_IDS.OPEN:\n return job.requestedByDate;\n case constants.JOB_STATUS_IDS.RESERVED:\n return job.reservedAt \n ? (job.requestedByDate > job.reservedAt ? job.requestedByDate : job.reservedAt)\n : job.requestedByDate;\n case constants.JOB_STATUS_IDS.SCHEDULED:\n return job.requestedByDate > (job.scheduledAt ? job.scheduledAt : job.scheduledForDate) \n ? job.requestedByDate \n : (job.scheduledAt ? job.scheduledAt : job.scheduledForDate);\n case constants.JOB_STATUS_IDS.COMPLETE:\n return job.completedAt;\n }\n }\n\n function formatDateTimeForServer(dateTime) {\n if (moment.isMoment(dateTime)) return dateTime.format(\"YYYY-MM-DDTHH:mm:ss\")\n return moment(dateTime).format(\"YYYY-MM-DDTHH:mm:ss\");\n }\n\n function calendarRangesChanged(dateRange, type) {\n // month: gives dateRange gives object with start and end key/value pairs\n // week: gives array of 7 elements, start to end dates\n // day: gives array of one element which is the day\n \n let scheduleCriteriaEdit = Object.assign({}, scheduleCriteria);\n\n // type is undefined when using 'today', 'back', 'next' buttons\n if(!type) {\n type = calendarView;\n // setSelectedDate(\"\");\n } else {\n setCalendarView(type);\n }\n\n switch(type) {\n case constants.CALENDAR_VIEW_TYPES.MONTH:\n scheduleCriteriaEdit.startsAfter = formatDateTimeForServer(dateRange.start);\n scheduleCriteriaEdit.startsBefore = formatDateTimeForServer(dateRange.end);\n break;\n case constants.CALENDAR_VIEW_TYPES.WEEK:\n scheduleCriteriaEdit.startsAfter = formatDateTimeForServer(dateRange[0]);\n scheduleCriteriaEdit.startsBefore = formatDateTimeForServer(dateRange[dateRange.length - 1]);\n break;\n case constants.CALENDAR_VIEW_TYPES.DAY:\n scheduleCriteriaEdit.startsAfter = formatDateTimeForServer(dateRange[0]);\n scheduleCriteriaEdit.startsBefore = formatDateTimeForServer(moment(dateRange[0]).add(24, \"hours\"));\n break;\n }\n \n setScheduleCriteria(scheduleCriteriaEdit);\n }\n\n const jobClicked = (job) => {\n let joblink = job.isPrivateJob\n ? `/privatejob/${job.id}`\n : `/job/${job.id}`; \n setRedirectToJob(joblink)\n };\n\n const onNavigate = (newDate) => setSelectedDate(newDate);\n\n return redirectToJob ? (\n \n {({ breakpoints, currentBreakpoint }) => {\n switch (currentBreakpoint) {\n case breakpoints.mobile:\n return (\n \n \n {message ? (\n {message.text} \n ) : null}\n \n \n );\n }\n }}\n \n );\n}\n","import React, { useState, useContext, useEffect, Fragment } from \"react\";\nimport { Route, Switch, Redirect, useHistory } from \"react-router-dom\";\nimport _ from \"lodash\";\nimport Alert from \"react-s-alert\";\nimport \"react-s-alert/dist/s-alert-default.css\";\nimport \"react-s-alert/dist/s-alert-css-effects/slide.css\";\nimport { api, constants, storage, helpers, UserContext } from \"./utils\";\nimport { TermsAndConditions } from \"./components\";\nimport { Footer, SidebarMenu } from \"./layouts\";\nimport {\n Admin,\n Home,\n Job,\n Jobs,\n Organizations,\n PrivateJob,\n PrivateJobs,\n Profile,\n PublicProfile,\n Register,\n Shed,\n Sheds,\n SignIn,\n User,\n Users,\n ReferenceDataList,\n Reports,\n ResetPassword,\n ForgotPassword,\n UpdatePassword,\n CompanyProfile,\n HaulerFirmProfile,\n PublicProfileCompany,\n Subscriptions,\n CompanyRatings,\n HaulerRatings,\n RatingsContainer,\n Chats,\n Invoices,\n UnInvoicedLineItems,\n Privacy,\n ScheduleViewer,\n} from \"./pages\";\n\nconst nowTime = () => new Date().getTime();\nwindow.lastActivityCheckedAt = nowTime();\nconst { THEME } = constants;\n\nexport default function App() {\n const userCtx = useContext(UserContext);\n let history = useHistory();\n const jsonUser = storage.getItem(\"currentUser\");\n const parsedUser = jsonUser\n ? JSON.parse(storage.getItem(\"currentUser\"))\n : null;\n const [currentUser, setCurrentUser] = useState(parsedUser);\n const [theme, setTheme] = useState(THEME.lightTheme);\n const [impersonating, setImpersonation] = useState(\n storage.getItem(\"adminUser\") ? true : false\n );\n const [alertMessage, setAlertMessage] = useState(null);\n\n useEffect(() => {\n const setLastActivity = () => {\n if (!currentUser) {\n // not logged in, clean up and do nothing\n if (storage.getItem(\"lastActivity\")) {\n storage.removeItem(\"lastActivity\");\n }\n return;\n }\n storage.setItem(\"lastActivity\", nowTime());\n if (alertMessage) {\n setAlertMessage(null);\n }\n };\n\n const startTimer = () => {\n clearIntervalIfExists();\n window.lastActivityIntervalId = window.setInterval(\n compareTimerToLastActivity,\n constants.FIVE_MINUTES_MS\n );\n };\n\n if (currentUser) {\n window.addEventListener(\"click\", setLastActivity);\n setLastActivity();\n startTimer();\n return () => {\n window.removeEventListener(\"click\", setLastActivity);\n clearIntervalIfExists();\n };\n } else {\n clearIntervalIfExists();\n }\n }, [currentUser, alertMessage]);\n\n function clearIntervalIfExists() {\n window.clearInterval(window.lastActivityIntervalId);\n }\n\n function compareTimerToLastActivity() {\n window.lastActivityCheckedAt = nowTime();\n const lastActivity = storage.getItem(\"lastActivity\");\n if (!lastActivity) return;\n if (nowTime() - parseInt(lastActivity) > constants.TWENTY_MINUTES_MS) {\n signOut(\n \"You have been logged out due to inactivity. Please log back in to continue.\"\n );\n return;\n }\n verifyAuthentication();\n }\n\n function verifyAuthentication() {\n const sessionStartedAt = storage.getItem(\"sessionStartedAt\");\n\n if (\n !currentUser ||\n !currentUser.token ||\n !sessionStartedAt ||\n nowTime() - sessionStartedAt < constants.TWENTY_MINUTES_MS\n ) {\n return; // not logged in or < 20 min since logon, no need to verify anything\n }\n\n if (nowTime() - sessionStartedAt > constants.TWENTY_THREE_HOURS_MS) {\n signOut(\"Your session has timed out. Please log in.\");\n } else {\n api\n .fetch(\"Public/AuthCheck?nocache=\" + nowTime())\n .then((r) => {\n if (!r.data.success) {\n signOut(\"Your session has timed out. Please log in.\");\n }\n })\n .catch((e) => {\n signOut(\"Your session has timed out. Please log in.\");\n });\n }\n }\n\n function isAuthenticated() {\n return currentUser && currentUser.token ? true : false;\n }\n\n function resolveInitialUserContext(u) {\n if (!u) return;\n if (u.isSysAdmin) {\n return {\n label: constants.ROLE_NAMES.SYSADMIN,\n value: constants.ROLE_IDS.SYSADMIN,\n };\n }\n if (u.isAdminUser) {\n return _.find(\n u.roles,\n (r) => r.typeOfUserRole === constants.ROLE_IDS.COMPANY_ADMIN\n );\n }\n const dispatcherRole = _.find(\n u.roles,\n (r) => r.typeOfUserRole === constants.ROLE_IDS.DISPATCHER\n );\n if (dispatcherRole) return dispatcherRole;\n return u.roles[0];\n }\n\n function enhanceUser(u) {\n if (!u) return u;\n u.includeAdminModule = u.isSysAdmin;\n u.includeOrgAdminModule = u.isAdminUser;\n u.includeCompanyModule = u.isCompanyUser;\n u.includeCompanyAdminModule = u.isCompanyAdminUser;\n u.includeHaulerModule = u.isHaulerUser;\n u.includeHaulerFirmModule = u.isHaulerAdminUser;\n // if (u.token) {\n // delete u.token;\n // }\n return u;\n }\n\n function impersonate(u, _impersonateToken) {\n if (impersonating) {\n return; // do not allow impersonation a 2nd time if we're already in that mode\n }\n // remember the admin user's details\n const adminUser = JSON.parse(storage.getItem(\"currentUser\"));\n // const adminUserToken = storage.getItem(\"token\");\n // clear storage\n // storage.removeItem(\"token\");\n storage.removeItem(\"currentUser\");\n // set the impersonation details\n u = enhanceUser(u);\n const ur = resolveInitialUserContext(u);\n u.currentRoleId = ur.roleId;\n u.currentOrgId = ur.orgId;\n // storage.setItem(\"token\", impersonateToken);\n storage.setItem(\"currentUser\", JSON.stringify(u));\n // remember the admin details for later\n // storage.setItem(\"adminToken\", adminUserToken);\n storage.setItem(\"adminUser\", JSON.stringify(adminUser));\n setCurrentUser(u);\n // setAuthToken(impersonateToken);\n setImpersonation(true);\n // setCurrentContext(resolveInitialUserContext(u));\n // window.location.pathname = '/home';\n history.push(\"/home\");\n }\n\n function clearImpersonation() {\n if (!impersonating) {\n return; // do not allow clear of the primary user if we're not impersonating\n }\n // get the original admin user\n const adminUser = JSON.parse(storage.getItem(\"adminUser\"));\n // const adminUserToken = storage.getItem(\"adminToken\");\n // clear localstorage\n // storage.removeItem(\"adminToken\");\n storage.removeItem(\"adminUser\");\n // set the admin user back as primary\n // storage.setItem(\"token\", adminUserToken);\n storage.setItem(\"currentUser\", JSON.stringify(adminUser));\n storage.setItem(\"untethering\", true);\n setCurrentUser(adminUser);\n // setAuthToken(adminUserToken);\n setImpersonation(false);\n }\n\n function signOut(message) {\n // storage.removeItem(\"token\");\n storage.removeItem(\"currentUser\");\n storage.removeItem(\"lastActivity\");\n storage.removeItem(\"sessionStartedAt\");\n setCurrentUser(null);\n // setAuthToken(null);\n if (message) {\n Alert.warning(message);\n setAlertMessage(message);\n // setSignInMessageVisible(true);\n }\n if (impersonating) {\n clearImpersonation();\n }\n }\n\n const AuthRoute = ({ component: Component, ...extraProps }) => {\n return (\n {\n const combinedProps = Object.assign(props, extraProps);\n if (helpers.mustChangePassword(currentUser)) {\n return {\n const combinedProps = Object.assign(props, extraProps);\n if (\n (_.startsWith(combinedProps.path, \"/invite\") ||\n _.startsWith(combinedProps.path, \"/register\") ||\n _.startsWith(combinedProps.path, \"/reset_password\") ||\n _.startsWith(combinedProps.path, \"/forgot_password\")) &&\n Component\n ) {\n return \n \n
\n \n
\n \n
\n \n );\n};\n\nReactDOM.render(\n \n \n \n \n \n ,\nrootElement);\n\n\nregisterServiceWorker();\n\n"],"sourceRoot":""}
PRIVACY NOTICE
Last updated December 22, 2021
Thank you for choosing to be part of our community at Shed Hauler's Brotherhood __________ .
This privacy notice describes how we might use your information if you:
- Visit our website
at https://app.shbrotherhood.app
- Download and use our mobile application
— SHB
- Engage with us in other related ways ― including any sales, marketing, or events
In this privacy notice, if we refer to:
- \"Website,\" we are referring to any website of ours that references or links to this policy
- \"App,\" we are referring to any application of ours that references or links to this policy, including any listed above
- \"Services,\" we are referring to our
Website,
The purpose of this privacy notice is to explain to you in the clearest way possible what information we collect, how we use it, and what rights you have in relation to it. If there are any terms in this privacy notice that you do not agree with, please discontinue use of our Services immediately.
Please read this privacy notice carefully, as it will help you understand what we do with the information that we collect.
TABLE OF CONTENTS
1. WHAT INFORMATION DO WE COLLECT?
Personal information you disclose to us
In Short: We collect personal information that you provide to us.
We collect personal information that you voluntarily provide to us when you
The personal information that we collect depends on the context of your interactions with us and the
Personal Information Provided by You. We collect names ; phone numbers ; email addresses ; mailing addresses ; usernames ; passwords ; contact preferences ; billing addresses ;
Payment Data. We may collect data necessary to process your payment if you make purchases, such as your payment instrument number (such as a credit card number), and the security code associated with your payment instrument. All payment data is stored byStripe https://stripe.com/privacy
All personal information that you provide to us must be true, complete and accurate, and you must notify us of any changes to such personal information.
Information collected through our App
In Short: We collect information regarding your
If you use our App, we also collect the following information:
- Geolocation Information. We may request access or permission to and track location-based information from your mobile device, either continuously or while you are using our App, to provide certain location-based services. If you wish to change our access or permissions, you may do so in your device's settings.
- Mobile Device Access. We may request access or permission to certain features from your mobile device, including your mobile device's
camera ,and other features. If you wish to change our access or permissions, you may do so in your device's settings.
- Mobile Device Data. We automatically collect device information (such as your mobile device ID, model and manufacturer), operating system, version information and system configuration information, device and application identification numbers, browser type and version, hardware model, Internet service provider and/or mobile carrier, and Internet Protocol (IP) address (or proxy server). If you are using our App, we may also collect information about the phone network associated with your mobile device, your mobile device’s operating system or platform, the type of mobile device you use, your mobile device’s unique device ID and information about the features of our App you accessed.
- Push Notifications. We may request to send you push notifications regarding your account or certain features of the App. If you wish to opt-out from receiving these types of communications, you may turn them off in your device's settings.
This information is primarily needed to maintain the security and operation of our App, for troubleshooting and for our internal analytics and reporting purposes.
2. HOW DO WE USE YOUR INFORMATION?
In Short: We process your information for purposes based on legitimate business interests, the fulfillment of our contract with you, compliance with our legal obligations, and/or your consent.
We use personal information collected via our
We use the information we collect or receive:
- To facilitate account creation and logon process. If you choose to link your account with us to a third-party account (such as your Google or Facebook account), we use the information you allowed us to collect from those third parties to facilitate account creation and logon process for the performance of the contract.
- To post testimonials. We post testimonials on our
Services
- Request feedback. We may use your information to request feedback and to contact you about your use of our
Services .
- To enable user-to-user communications. We may use your information in order to enable user-to-user communications with each user's consent.
- To manage user accounts. We may use your information for the purposes of managing our account and keeping it in working order.
- Fulfill and manage your orders. We may use your information to fulfill and manage your orders, payments, returns, and exchanges made through the
Services .
- Administer prize draws and competitions. We may use your information to administer prize draws and competitions when you elect to participate in our competitions.
- To deliver and facilitate delivery of services to the user. We may use your information to provide you with the requested service.
- To respond to user inquiries/offer support to users. We may use your information to respond to your inquiries and solve any potential issues you might have with the use of our Services.
In Short: We only share information with your consent, to comply with laws, to provide you with services, to protect your rights, or to fulfill business obligations.
We may process or share your data that we hold based on the following legal basis:
- Consent: We may process your data if you have given us specific consent to use your personal information for a specific purpose.
- Legitimate Interests: We may process your data when it is reasonably necessary to achieve our legitimate business interests.
- Performance of a Contract: Where we have entered into a contract with you, we may process your personal information to fulfill the terms of our contract.
- Legal Obligations: We may disclose your information where we are legally required to do so in order to comply with applicable law, governmental requests, a judicial proceeding, court order, or legal process, such as in response to a court order or a subpoena (including in response to public authorities to meet national security or law enforcement requirements).
- Vital Interests: We may disclose your information where we believe it is necessary to investigate, prevent, or take action regarding potential violations of our policies, suspected fraud, situations involving potential threats to the safety of any person and illegal activities, or as evidence in litigation in which we are involved.
More specifically, we may need to process your data or share your personal information in the following situations:
- Business Transfers. We may share or transfer your information in connection with, or during negotiations of, any merger, sale of company assets, financing, or acquisition of all or a portion of our business to another company.
- Other Users. When you share personal information
(for example, by posting comments, contributions or other content to the Services ) or otherwise interact with public areas of the Services , such personal information may be viewed by all users and may be publicly made available outside the Services in perpetuity. Similarly, other users will be able to view descriptions of your activity, communicate with you within our Services , and view your profile.
4. HOW LONG DO WE KEEP YOUR INFORMATION?
In Short: We keep your information for as long as necessary to fulfill the purposes outlined in this privacy notice unless otherwise required by law.
We will only keep your personal information for as long as it is necessary for the purposes set out in this privacy notice, unless a longer retention period is required or permitted by law (such as tax, accounting or other legal requirements). No purpose in this notice will require us keeping your personal information for longer than
When we have no ongoing legitimate business need to process your personal information, we will either delete or anonymize such information, or, if this is not possible (for example, because your personal information has been stored in backup archives), then we will securely store your personal information and isolate it from any further processing until deletion is possible.
5. HOW DO WE KEEP YOUR INFORMATION SAFE?
In Short: We aim to protect your personal information through a system of organizational and technical security measures.
We have implemented appropriate technical and organizational security measures designed to protect the security of any personal information we process. However, despite our safeguards and efforts to secure your information, no electronic transmission over the Internet or information storage technology can be guaranteed to be 100% secure, so we cannot promise or guarantee that hackers, cybercriminals, or other unauthorized third parties will not be able to defeat our security, and improperly collect, access, steal, or modify your information. Although we will do our best to protect your personal information, transmission of personal information to and from our
6. DO WE COLLECT INFORMATION FROM MINORS?
In Short: We do not knowingly collect data from or market to children under 18 years of age.
We do not knowingly solicit data from or market to children under 18 years of age. By using the shedhaulersbrotherhood@gmail.com
7. WHAT ARE YOUR PRIVACY RIGHTS?
In Short:
If you are a resident in the EEA or UK and you believe we are unlawfully processing your personal information, you also have the right to complain to your local data protection supervisory authority. You can find their contact details here: https://ec.europa.eu/justice/data-protection/bodies/authorities/index_en.htm.
If you are a resident in Switzerland, the contact details for the data protection authorities are available here: https://www.edoeb.admin.ch/edoeb/en/home.html.
Account Information
If you would at any time like to review or change the information in your account or terminate your account, you can:
Log in to your account settings and update your user account.
Upon your request to terminate your account, we will deactivate or delete your account and information from our active databases. However, we may retain some information in our files to prevent fraud, troubleshoot problems, assist with any investigations, enforce our Terms of Use and/or comply with applicable legal requirements.
Opting out of email marketing: You can unsubscribe from our marketing email list at any time by clicking on the unsubscribe link in the emails that we send or by contacting us using the details provided below. You will then be removed from the marketing email list — however, we may still communicate with you, for example to send you service-related emails that are necessary for the administration and use of your account, to respond to service requests, or for other non-marketing purposes. To otherwise opt-out, you may:
Access your account settings and update your preferences.
8. CONTROLS FOR DO-NOT-TRACK FEATURES
Most web browsers and some mobile operating systems and mobile applications include a Do-Not-Track (\"DNT\") feature or setting you can activate to signal your privacy preference not to have data about your online browsing activities monitored and collected. At this stage no uniform technology standard for recognizing and implementing DNT signals has been finalized. As such, we do not currently respond to DNT browser signals or any other mechanism that automatically communicates your choice not to be tracked online. If a standard for online tracking is adopted that we must follow in the future, we will inform you about that practice in a revised version of this privacy notice.
9. DO CALIFORNIA RESIDENTS HAVE SPECIFIC PRIVACY RIGHTS?
In Short: Yes, if you are a resident of California, you are granted specific rights regarding access to your personal information.
California Civil Code Section 1798.83, also known as the \"Shine The Light\" law, permits our users who are California residents to request and obtain from us, once a year and free of charge, information about categories of personal information (if any) we disclosed to third parties for direct marketing purposes and the names and addresses of all third parties with which we shared personal information in the immediately preceding calendar year. If you are a California resident and would like to make such a request, please submit your request in writing to us using the contact information provided below.
If you are under 18 years of age, reside in California, and have a registered account with
10. DO WE MAKE UPDATES TO THIS NOTICE?
In Short: Yes, we will update this notice as necessary to stay compliant with relevant laws.
We may update this privacy notice from time to time. The updated version will be indicated by an updated \"Revised\" date and the updated version will be effective as soon as it is accessible. If we make material changes to this privacy notice, we may notify you either by prominently posting a notice of such changes or by directly sending you a notification. We encourage you to review this privacy notice frequently to be informed of how we are protecting your information.
11. HOW CAN YOU CONTACT US ABOUT THIS NOTICE?
If you have questions or comments about this notice, you may shedhaulersbrotherhood@gmail.com
12. HOW CAN YOU REVIEW, UPDATE, OR DELETE THE DATA WE COLLECT FROM YOU?
Based on the applicable laws of your country, you may have the right to request access to the personal information we collect from you, change that information, or delete it in some circumstances. To request to review, update, or delete your personal information, please
\n \n This privacy policy was created using Termly's Privacy Policy Generator.\n
\n `;\n\n return (\n \n \n {props.children}\n \n
\n );\n case breakpoints.desktop:\n default:\n return (\n \n calendarRangesChanged(dateRange, type)}\n //step={60} // time increments in minutes\n selectable\n localizer={localizer}\n events={currentJobs}\n onNavigate={onNavigate}\n defaultDate={selectedDate ? selectedDate : today}\n view={calendarView}\n date={selectedDate}\n onSelectEvent={jobClicked}\n startAccessor=\"start\"\n endAccessor=\"end\"\n popup={true}\n views={{ month: true, week: true, day: true }}\n eventPropGetter={(event, start, end, isSelected) => ({\n event,\n start,\n end,\n isSelected,\n style: \n {backgroundColor: event.driverHexColor} // if driverHexColor does not exist, then react big calendar defaults to a blue\n })}\n style={{ height: 500,width: '95%' }}\n />\n
\n \n \n {showSidebar && (\n \n \n )}\n \n
\n );\n}\n","// In production, we register a service worker to serve assets from local cache.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on the \"N+1\" visit to a page, since previously\n// cached resources are updated in the background.\n\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\n// This link also includes instructions on opting out of this behavior.\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.1/8 is considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport default function register () {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Lets check if a service worker still exists or not.\n checkValidServiceWorker(swUrl);\n } else {\n // Is not local host. Just register service worker\n registerValidSW(swUrl);\n }\n });\n }\n}\n\nfunction registerValidSW (swUrl) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the old content will have been purged and\n // the fresh content will have been added to the cache.\n // It's the perfect time to display a \"New content is\n // available; please refresh.\" message in your web app.\n console.log('New content is available; please refresh.');\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker (swUrl) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl)\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n if (\n response.status === 404 ||\n response.headers.get('content-type').indexOf('javascript') === -1\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister () {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister();\n });\n }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { BrowserRouter as Router } from 'react-router-dom';\nimport ReactBreakpoints from \"react-breakpoints\";\nimport { ErrorBoundary } from 'react-error-boundary';\nimport { Button, Row, Col, Container } from \"reactstrap\";\nimport { library } from '@fortawesome/fontawesome-svg-core';\n\nimport {\n faAngleUp, faAngleDown, faFilter, faExclamationTriangle, faSearch, faClipboardCheck,\n faArrowCircleRight, faCheckCircle, faDownload, faHourglass, faHourglassHalf, faBan,\n faPlusCircle, faEdit, faTimesCircle, faTrash, faRecycle, faUser, faFileUpload, faPrint,\n faAngleDoubleDown, faFileCsv, faUnlockAlt, faMapMarkedAlt, faPalette,\n faComments, faImages, faSave, faHome, faEye, faCheck, faPlus, faBackspace, faMinus,\n faGripLines, faTimes, faTruck, faPaintBrush, faTrashAlt, faMask, faAward, faCog, faCogs,\n faInfoCircle, faReply, faBars, faUserCircle, faMoneyCheckAlt, faDollarSign, faFileInvoiceDollar, faBuilding,\n faEnvelope,\n faMapMarked,\n faKey,\n faStar,\n faStarHalf,\n faWarehouse,\n faUsers,\n faAddressCard,\n faTruckLoading,\n faUpload,\n faUserTimes,\n faUserPlus,\n faUserSlash,\n faUserTag,\n faHandHoldingUsd,\n faTasks,\n faExternalLinkAlt,\n faCheckDouble,\n faStarHalfAlt,\n faEyeSlash,\n faCalendarAlt,\n faCalendarTimes,\n faUndo,\n faFlagCheckered,\n faDirections,\n faSync,\n faSearchLocation\n} from '@fortawesome/free-solid-svg-icons';\n\nimport { constants } from \"./utils\";\nimport App from './App';\nimport registerServiceWorker from './registerServiceWorker';\nimport 'bootstrap/dist/css/bootstrap.css';\nimport './assets/index.scss';\n\nconst rootElement = document.getElementById('root');\n\n// add font awesome icons to be used in the app below \nlibrary.add(faEye, faAngleUp, faAngleDown, faFilter, faExclamationTriangle, faSearch,\n faClipboardCheck, faCheckCircle, faDownload, faHourglass, faHourglassHalf, faBan,\n faArrowCircleRight, faPlusCircle, faAngleDoubleDown, faFileCsv, faEdit, faTimesCircle,\n faTrash, faRecycle, faInfoCircle, faMapMarkedAlt, faPalette, faUnlockAlt,\n faUser, faFileUpload, faPrint, faComments, faImages, faSave, faHome, faCheck, faPlus,\n faBackspace, faMinus, faGripLines, faTimes, faTruck, faPaintBrush,\n faTrashAlt, faReply, faMask, faAward, faCog, faCogs, faUpload,\n faBars, faUserCircle, faMoneyCheckAlt, faDollarSign, faFileInvoiceDollar, faBuilding,\n faEnvelope, faMapMarked, faKey, faStar, faStarHalf, faWarehouse, faUsers, faAddressCard, faTruckLoading,\n faUserTimes, faUserPlus, faUserSlash, faUserTag, faHandHoldingUsd, faTasks, faExternalLinkAlt,\n faCheckDouble, faStarHalfAlt, faEyeSlash, faCalendarAlt, faCalendarTimes, faUndo, faFlagCheckered, faDirections, faSync,\n faSearchLocation\n);\n\nconst {\n BREAKPOINTS\n} = constants;\n\nconst goBack = () => {\n window.history.back();\n};\n\nconst AppFallBackComponent = ({ componentStack, error }) => {\n console.log('componentStack :\\n', componentStack, '\\n\\n error : \\n\\n', error);\n return (\n \n \n {/* PUBLIC ROUTES */}\n {\n window.location.replace('https://shbrotherhood.org/memberships/');\n return null;\n }}\n />\n \n
\n \n