\n {validation.hasLast6UsedPassword == false ? (\n \n ) : (\n validation.hasLast6UsedPassword == true && (\n \n )\n )}\n Cannot match any of your last 6 passwords\n
\n
\n {validation.hasUsername == false ? (\n \n ) : (\n validation.hasUsername == true && \n )}\n Cannot contain parts of your username\n
\n \n )}\n {confirmPassword && (\n <>\n
\n {validation.hasConfirmPassword == false ? (\n \n ) : (\n validation.hasConfirmPassword == true && (\n \n )\n )}\n Password does not match confirmed password\n
\n \n )}\n
\n \n \n );\n};\n\nexport { PasswordErrorValidate };\n","import React, {useEffect, useState} from \"react\";\nimport styled from \"styled-components\";\nimport Logo from \"../../assets/logo.svg\";\nimport {Theme, ThirdTitle, Spacer, Text, Input, Password, Button, Alert} from \"@dspworkplace/ui\";\nimport {useForm} from \"react-hook-form\";\nimport {patternEmail, validatePassword, validateObjectNull, validatePasswordBooleanObject} from \"../../patterns\";\nimport {Link, useHistory} from \"react-router-dom\";\nimport {engine, showErrorToast} from \"../../Utilities/index\";\nimport {setToken, login, setChatIdentifier, setStreamChatIdentifier, setIsEnabled, useAuth, setIsEnableSMS} from \"../../Auth\";\nimport Footer from \"../../components/Footer\";\nimport moment from \"moment-timezone\";\nimport {LoadingView} from \"../../components/Loading\";\nimport {useSelectedStation} from \"../../components/StationSelector\";\nimport {setMainStation, setMainStationId, resetApp } from \"../../Utilities\";\nimport {MainImage} from \"../../components/Image/logo\";\nimport {setItemToStorage} from \"../../AppTwilioConversation/utils\";\nimport { alert } from \"../../components/Alert\";\nimport { PasswordErrorValidate } from \"../../components/Password/PasswordErrorValidate\";\nimport { tokenState, parseToken} from \"../../domain/security/state/Token\";\nimport { useSetRecoilState } from \"recoil\";\n\nconst Body = styled.div`\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: stretch;\n`;\n\nconst Section = styled.section`\n background: ${Theme.colors.info.bg};\n display: flex;\n min-height: 100%;\n justify-content: center;\n align-items: center;\n flex-grow: 1;\n\n`;\n\nconst Card = styled.div`\n background: ${Theme.colors.neutrals.white};\n box-shadow: 0px 3px 6px #33333326;\n padding: 20px;\n border-radius: ${Theme.defaultRadius};\n max-width: 340px;\n`;\n\nconst Btn = styled(Button)`\n width: 100%;\n`;\n\nconst BtnCentered = styled(Btn)`\n text-align: center;\n`;\n\nconst errorMessages = {\n email: {\n required: \"You need to provide an email\",\n pattern: \"Enter a valid email\"\n },\n password: {\n required: \"You need to provide a password to log in\",\n pattern: \"Your password must respect all rules\"\n }\n};\n\nasync function checkUserAuth(data, setUserError, changeRoute, setLoading, setSelected, setAuthData) {\n try {\n const response = await login.post(\"/api/login_check\", {\n username: data.email,\n password: data.password,\n isCorporate: false,\n timezone: moment.tz.guess()\n });\n\n if (response.status === 200) {\n if (response?.data?.isLock && response.data.isLock == true) {\n setUserError(response.data.message);\n setLoading(false);\n } else if (response.data.position === \"Delivery Associate\") {\n setUserError(\"Driver is not accessible for login.\");\n setLoading(false);\n } else if (response.data.employeeStatus != 2) {\n setUserError(\"You are not authorised to login.\");\n setLoading(false);\n } else {\n let identity = response.data[\"chatIdentifier\"];\n let streamChatIdentifier = response.data[\"streamChatIdentifier\"];\n let token = response.data.token;\n setChatIdentifier(identity);\n setStreamChatIdentifier(streamChatIdentifier);\n setToken(token);\n localStorage.setItem(\"userId\", response.data.userId);\n localStorage.setItem(\"company\", response.data.company);\n localStorage.setItem(\"chatTeam\", 'company-'+response.data.company);\n localStorage.setItem(\"driverId\", response.data.driverId);\n localStorage.setItem(\"email\", response.data.email);\n localStorage.setItem(\"friendlyName\", response.data.friendlyName);\n localStorage.setItem(\"companyName\", response.data.companyName);\n localStorage.setItem(\"position\", response.data.position);\n localStorage.setItem(\"role\", response.data.role);\n localStorage.setItem(\"title\", response.data.title);\n localStorage.setItem(\"selectedStation\", response.data.selectedStation);\n localStorage.setItem(\"currentUserRole\", response.data.currentUserRole);\n localStorage.setItem(\"isResetPassword\", response.data.isResetPassword);\n localStorage.setItem(\"recurringWeeks\", response.data.recurringWeeks);\n localStorage.setItem(\"showMobileReleaseShift\", JSON.stringify(response.data.showMobileReleaseShift));\n localStorage.setItem(\"showMobileSwapShift\", JSON.stringify(response.data.showMobileSwapShift));\n localStorage.setItem(\"isADP\", response.data.isADP);\n setMainStationId(response.data.stationId);\n setMainStation(response.data.station);\n setSelected(response.data.selectedStation);\n setIsEnabled(response.data.isEnabled);\n setIsEnableSMS(response.data.isEnableSMS);\n localStorage.setItem(\"enableAutomatedScorecardCoachingMetric\", response.data.automatedScorecardCoachingMetric); \n localStorage.setItem(\"allowsDispatcherPermission\", response.data.allowsDispatcherPermission); \n let stationsResponse = await engine().post(\"/api/lazy/manage/data\", {\n \"actions\": {\n \"response\": {\n \"Station\": {\n \"custom\": {\n functionName: \"getStationByRole\",\n get: 'Stations',\n criteria: {\n company: response.data.company\n },\n includes: {\n \"0\": \"id\",\n \"1\": \"name\",\n \"2\": \"code\",\n \"3\": \"timezone\"\n },\n }\n },\n \"Role\": {\n \"custom\": {\n functionName: \"getCompanyRolesArray\",\n get: 'Roles',\n criteria: {\n companyId: response.data.company\n },\n }\n },\n }\n }\n });\n try {\n if (stationsResponse.data.data.Roles) {\n if (Array.isArray(stationsResponse.data.data.Roles)) {\n setItemToStorage('roles', stationsResponse.data.data.Roles);\n } else {\n setItemToStorage('roles', []);\n }\n }\n } catch (e) {\n await showErrorToast(e, 'Error setting roles.');\n }\n window.localStorage.setItem('stations', JSON.stringify(stationsResponse.data.data.Stations));\n let homeVar = localStorage.getItem(\"homepage\");\n if (!homeVar) {\n homeVar = (localStorage.getItem(\"currentUserRole\") == \"ROLE_CHAT_USER\")?'/chat':'/dashboard';\n localStorage.setItem(\"homepage\", homeVar);\n }\n changeRoute.push(homeVar);\n setAuthData({authToken: token, twilioIdentity: identity});\n }\n }\n } catch (error) {\n setLoading(false);\n if (error.response) {\n setUserError(error.response.data.message);\n } else {\n if (error.message) {\n setUserError(error.message);\n } else {\n setUserError(JSON.stringify(error));\n }\n }\n }\n}\n\nconst App = changeRoute => {\n let history = useHistory();\n const {register, handleSubmit, errors, getValues} = useForm();\n const {email, password} = getValues();\n const [userError, setUserError] = useState();\n const [loading, setLoading] = useState(false);\n const [selected, setSelected] = useSelectedStation(0);\n const {setAuthData} = useAuth();\n const [validation, setValidation] = useState(validateObjectNull);\n const setTokenRecoiler = useSetRecoilState(tokenState);\n\n const onSubmit = async data => {\n setLoading(true);\n await checkUserAuth(data, setUserError, history, setLoading, setSelected, setAuthData);\n // Parse and update token after login\n setTokenRecoiler(parseToken());\n };\n\n // auto login from website\n const autoLogin = evt => {\n if (!evt.data || !evt.data.token)\n return;\n\n onSubmit(evt.data);\n };\n\n useEffect(() => {\n window.addEventListener(\"message\", autoLogin, false);\n }, []);\n\n const handleChange = (e) => {\n const password = e.target.value;\n if (e.target.value.length == 0) {\n setValidation(validateObjectNull);\n } else {\n setValidation(validatePasswordBooleanObject(password));\n }\n };\n\n return (\n \n \n
\n \n \n \n Sign in\n \n\n You can sign in using your dspworkplace account to access our services.\n {userError && }\n \n \n Forgot my password\n \n \n \n\n {/* \n \n Register for a new account\n \n */}\n
\n \n \n \n );\n};\n\nexport default App;\n","import React,{useState} from 'react';\nimport styled from 'styled-components';\nimport Logo from '../../assets/logo.svg';\nimport {Theme, ThirdTitle, Spacer, Text, Input, Password, Button,Alert} from '@dspworkplace/ui';\nimport {useForm} from \"react-hook-form\";\nimport {patternEmail} from '../../patterns';\nimport {Link, Redirect} from 'react-router-dom';\nimport { useAuth } from \"../../Auth\";\nimport Footer from '../../components/Footer';\nimport Parser from 'html-react-parser';\n\nconst Body = styled.div`\n min-height:100vh;\n display:flex;\n flex-direction:column;\n align-items: stretch;\n`;\n\nconst Section = styled.section`\n background:${Theme.colors.info.bg}\n display: flex;\n min-height: 100%;\n justify-content:center;\n align-items:center;\n flex-grow:1;\n\n`;\n\nconst Card = styled.div`\n background:${Theme.colors.neutrals.white};\n box-shadow: 0px 3px 6px #33333326;\n padding:20px;\n border-radius:${Theme.defaultRadius};\n max-width:340px;\n`;\n\nconst Image = styled.img`\n width:300px;\n margin:0 auto;\n display:block;\n height:auto;\n\n`;\n\nconst Btn = styled(Button)`\n width:100%;\n`;\n\nconst BtnCentered = styled(Btn)`\n text-align:center;\n\n`;\n\n\n\nconst errorMessages = {\n email: {\n required: 'Please provide email',\n pattern: 'Please provide valid email address'\n }\n}\nasync function checkUserAuth(data,setUserError, changeRoute, api){\n try {\n const response = await api.post('/api/forgot-password', {\n email: data.email\n });\n if( response.status === 200 ){\n if(response.data.data){\n setUserError({error:1,msg:\"Assuming the email address entered is valid, we\\'ve sent a message to \"+data.email+\" to help you reset your password.
\n \n \n \n \n \n \n Import route codes \n with a single click\n \n \n \n \n \n Drag this button to your bookmark bar, open Operations >\n Delivery page, select the desired station and click the bookmark.\n \n\n \n {\n // outside screen\n if (e.clientX < 0 || e.clientY < 0) {\n close();\n }\n }}\n >\n \n \n RouteAssist™ 3\n \n\n \n \n \n \n \n );\n};\n\n\nconst showPicklistImport = async (vanAutoAssignmentSettings, drivers, state, dispatch, api) => {\n const unassigned = drivers.filter(d => !d.routes.length).length;\n let proceed = true;\n\n if (unassigned)\n proceed = await confirm({\n icon: ,\n title: 'You have unassigned drivers',\n text: `Currently ${unassigned} driver${unassigned === 1 ? '' : 's'} are not assigned to a Route Code. This might create unassigned routes. Try running RouteAssist™ before importing your picklist. Do you want to proceed anyway?`,\n });\n\n if (proceed)\n return portalPromise((success, cancel) =>\n \n )\n}\n\nconst warnPicklistUploadInProgress = e => {\n e.returnValue = 'If you leave while picklist is being uploaded, the import will be cancelled.';\n return e.returnValue\n}\n\nconst PicklistImport = ({ close, showRunVanAutoAssignment, dispatch, state, api, setting }) => {\n const [station, set] = useSelectedStation();\n const [picklist, setPicklist] = useState();\n const [seeFullImport, setSeeFullImport] = useState();\n const {register, handleSubmit} = useForm();\n const {create: createDocuments, setMetadata} = useReportSourceDocumentsApi();\n const [date, setDate] = FilterWeekDate();\n\n const doUpload = files => {\n let formData = new FormData();\n formData.append('type', 'Picklist');\n formData.append('entityId', 0);\n Array.from(files)\n .forEach(file => formData.append('file[]', file));\n\n return uploadToMedia(formData).catch(err => console.log(err));\n }\n\n const openImportSpreedHelper = () => {\n return portalPromise((success, cancel)=>{\n return \n })\n }\n\n const ImportSpreedHelper = ({success,cancel}) =>(\n \n \n To quickly import your staging locations and/or Wave times, use the Amazon morning spreadsheet sent via Chat to arrange your morning data in the required order: Route Code, Staging Location, Wave Time, Total Packages, and Commercial Packages. The import tool only requires the first 2 columns, but you can import all 5 if you have them.\n \n Example: \n \n \n Next, select only the data you wish to import -- DO NOT include the header row. Then copy the data:\n \n \n \n Once you have copied the data, proceed to the Staging location import and paste your copied data into the text box. It should look something like this:\n \n \n \n If your data looks correct, then click the Save button, and wait a few minutes to allow for the data to be processed. Once complete you should see your route information on the Load out screen and you can send the notification to your drivers!\n \n \n )\n\n const ImportPicklistSheet = ({success,cancel,station}) => {\n const [temp,setTemp] = useState({data:[],status:'PENDING'});\n const [error,setError] = useState({status:false});\n const loginUser = localStorage.getItem(\"userId\");\n\n const handlePaste = async(e) => {\n e.preventDefault();\n const text = e.clipboardData.getData('text');\n let textRows = text.split('\\n');\n let errorStatus = false;\n if (textRows[0].split('\\t').length < 2 || textRows[0].split('\\t').length > 5) {\n errorStatus = true;\n setError({status:true,message:\"Please add min 2 and max 4 column!!!\"});\n setTemp({...temp,data:[],status:'PENDING'})\n return false;\n }\n var filtered = textRows.filter(function (el) {\n return el != \"\";\n });\n const table = filtered.map((h, k) => {\n const dataRow = h.split('\\t');\n if (dataRow[3] && isNaN(parseInt(dataRow[3]))) {\n errorStatus = true;\n setError({ status: true, message: \"Please check data is not properly formatted\" });\n }\n if (dataRow[4] && isNaN(parseInt(dataRow[4]))) {\n errorStatus = true;\n setError({ status: true, message: \"Please check data is not properly formatted\" });\n }\n return {\n routeCode: dataRow[0],\n stagingLocation: dataRow[1],\n waveTime: dataRow[2] ? dataRow[2].replace('\\r', '') : null,\n totalPackages: (dataRow[3]) ? dataRow[3] : 0,\n commercialPackages: (dataRow[4]) ? dataRow[4] : 0,\n }\n })\n if(errorStatus === true){\n setTemp({...temp,data:[],status:'PENDING'})\n return false;\n }\n setError({status:false});\n setTemp({...temp,data:table,status:'PROCESSED'})\n }\n\n return (\n \n\n
\n \n \n openImportSpreedHelper()}>\n Need Help \n ?\n \n \n\n {temp.status === 'CREATING' &&\n \n }\n\n {temp.status === 'PROCESSED' &&\n
';\n });\n messageString = 'This Shift Type is related with future Schedule(s). So you must remove this Shift Type from the Schedule(s) below before delete it.
\";\n }\n }\n });\n\n if (messageString != \"\") {\n messageString =\n 'The following driver(s) do not possess the required Skill(s) for the assigned Shift Type. Please add the needed Skill(s) or remove driver(s) before continuing.
\";\n });\n\n if (messageString != \"\") {\n messageString =\n 'The following employee(s) already belong to an existing, recurring schedule. This request will permanently remove them from their current assigned schedule.
\n 
\n 
\n 
\n 
\n