\r\n\r\n );\r\n }\r\n\r\n}\r\n\r\nexport { Navigation };","import React from 'react';\r\nimport { Route, Redirect } from 'react-router-dom';\r\n\r\nimport { accountService } from '../_services';\r\n\r\nfunction PrivateRoute({ component: Component, roles, ...rest }) {\r\n return (\r\n {\r\n const user = accountService.userValue;\r\n if (!user) {\r\n // not logged in so redirect to login page with the return url\r\n return \r\n }\r\n //console.log(\"ROLES IN PROUTER:\");\r\n //console.log(roles);\r\n //console.log(\"user role:\");\r\n //console.log(user.role);\r\n // check if route is restricted by role\r\n if (roles && roles.indexOf(user.role) === -1) {\r\n // role not authorized so redirect to home page\r\n return \r\n }\r\n\r\n // authorized so return component\r\n //console.log(\"returning component!\");\r\n return \r\n }} />\r\n );\r\n}\r\n\r\nexport { PrivateRoute };","import React, { useState, useEffect, useContext } from 'react';\r\n\r\nimport { Spinner } from \"react-bootstrap\";\r\n\r\nfunction Loading() {\r\n return (\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport { Loading };","import React, { useState, useEffect } from 'react';\r\nimport { accountService, alertService, config } from '../_services';\r\nimport jwt_decode from \"jwt-decode\";\r\nimport { Loading } from '../_components';\r\n\r\nimport '../styles.css';\r\nimport '../queries.css';\r\n\r\nfunction GoogleLoginButton() {\r\n\r\n const [user, setUser] = useState({});\r\n const [loading, setLoading] = useState(false);\r\n\r\n const google = window.google;\r\n\r\n function handleCallbackResponse(response) {\r\n setLoading(true);\r\n //console.log(\"TOKEN\" + response.credential);\r\n var userObject = jwt_decode(response.credential);\r\n console.log(userObject);\r\n console.log(userObject.email);\r\n\r\n\r\n accountService.googleLogin(response.credential)\r\n .then(() => {\r\n window.location.href = \"/\";\r\n })\r\n .catch(error => {\r\n alertService.error(error);\r\n setLoading(false);\r\n });\r\n }\r\n\r\n function showButton(user) {\r\n\r\n //this line is needed for Kahil's tests to pass- can't figure out why. \r\n if ((google != undefined) && (user == null || (Object.keys(user).length == 0))) {\r\n //if ( (user == null || (Object.keys(user).length == 0))) {\r\n google.accounts.id.initialize({\r\n client_id: accountService.configValue['google_client_id'],\r\n callback: handleCallbackResponse\r\n });\r\n\r\n google.accounts.id.renderButton(\r\n document.getElementById(\"google_sign_in\"),\r\n { these: \"outline\", size: \"large\" }\r\n );\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n const subscription = accountService.user.subscribe(x => { setUser(x); showButton(x) });\r\n return () => {\r\n subscription.unsubscribe();\r\n }\r\n }, []);\r\n\r\n return (
\r\n \r\n {loading && }\r\n
\r\n );\r\n\r\n\r\n}\r\n\r\nexport { GoogleLoginButton };","import React from 'react';\r\nimport Modal from 'react-bootstrap/Modal'\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nfunction TermsModal(props) {\r\n const { t } = useTranslation();\r\n return (\r\n \r\n \r\n Locker Rental Terms\r\n \r\n \r\n {/*
\r\n {t('terms.part1')}\r\n
\r\n
\r\n {t('terms.part2')}\r\n
\r\n
\r\n {t('terms.part3')}\r\n
*/}\r\n
\r\n All storage charges are payable in advance.\r\n
\r\n
\r\n Refunds are NOT permitted for early termination of the Contracted Storage Period. The customer understands and agrees to the dates of the Contracted Storage Period.\r\n
\r\n
\r\n Items left after termination of the Contracted Storage Period shall be subject to removal and disposal.\r\n
\r\n \r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport { TermsModal }; ","import React from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { Formik, Field, Form, ErrorMessage } from 'formik';\r\nimport * as Yup from 'yup';\r\n//import Kiosk from \"../assets/images/kiosk.svg\";\r\n\r\nimport { accountService, alertService } from '../_services';\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { GoogleLoginButton } from '../_components';\r\n\r\nfunction Login({ history, location }) {\r\n const { t } = useTranslation();\r\n const initialValues = {\r\n email: '',\r\n password: ''\r\n };\r\n\r\n const validationSchema = Yup.object().shape({\r\n email: Yup.string()\r\n .email(t('Email is invalid'))\r\n .required(t('Email is required')),\r\n password: Yup.string().required(t('Password is required'))\r\n });\r\n\r\n function onSubmit({ email, password }, { setSubmitting }) {\r\n alertService.clear();\r\n accountService.login(email, password)\r\n .then(() => {\r\n const { from } = location.state || { from: { pathname: \"/\" } };\r\n history.push(from);\r\n })\r\n .catch(error => {\r\n setSubmitting(false);\r\n alertService.error(error);\r\n });\r\n }\r\n\r\n return (\r\n \r\n {({ errors, touched, isSubmitting }) => (\r\n \r\n )}\r\n \r\n )\r\n}\r\n\r\nexport { Login };","import React from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { Formik, Field, Form, ErrorMessage } from 'formik';\r\nimport * as Yup from 'yup';\r\n\r\nimport { accountService, alertService } from '../_services';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nfunction Register({ history }) {\r\n const { t } = useTranslation();\r\n const initialValues = {\r\n title: '',\r\n firstName: '',\r\n lastName: '',\r\n email: '',\r\n password: '',\r\n confirmPassword: '',\r\n acceptTerms: false\r\n };\r\n\r\n const validationSchema = Yup.object().shape({\r\n // title: Yup.string()\r\n // .required('Title is required'),\r\n firstName: Yup.string()\r\n .required(t('First Name is required')),\r\n lastName: Yup.string()\r\n .required(t('Last Name is required')),\r\n email: Yup.string()\r\n .email(t('Email is invalid'))\r\n .required(t('Email is required')),\r\n password: Yup.string()\r\n .min(6, t('register.passwordMin'))\r\n .required(t('Password is required')),\r\n confirmPassword: Yup.string()\r\n .oneOf([Yup.ref('password'), null], t('Passwords must match'))\r\n .required(t('Confirm Password is required')),\r\n // acceptTerms: Yup.bool()\r\n // .oneOf([true], 'Accept Terms & Conditions is required')\r\n });\r\n\r\n function onSubmit(fields, { setStatus, setSubmitting }) {\r\n setStatus();\r\n accountService.register(fields)\r\n .then(() => {\r\n alertService.success(t('register.success'), { keepAfterRouteChange: true });\r\n history.push('login');\r\n })\r\n .catch(error => {\r\n setSubmitting(false);\r\n alertService.error(error);\r\n });\r\n }\r\n\r\n return (\r\n \r\n {({ errors, touched, isSubmitting }) => (\r\n \r\n )}\r\n \r\n )\r\n}\r\n\r\nexport { Register }; ","import React, { useState, useEffect } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport queryString from 'query-string';\r\n\r\nimport { accountService, alertService } from '../_services';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nfunction VerifyEmail({ history }) {\r\n const { t } = useTranslation();\r\n const EmailStatus = {\r\n Verifying: 'Verifying',\r\n Failed: 'Failed'\r\n }\r\n\r\n const [emailStatus, setEmailStatus] = useState(EmailStatus.Verifying);\r\n\r\n useEffect(() => {\r\n const { token } = queryString.parse(window.location.search);\r\n\r\n // remove token from url to prevent http referer leakage\r\n history.replace(window.location.pathname);\r\n\r\n accountService.verifyEmail(token)\r\n .then(() => {\r\n alertService.success( t('verify.success') , { keepAfterRouteChange: true });\r\n history.push('login');\r\n })\r\n .catch(() => {\r\n setEmailStatus(EmailStatus.Failed);\r\n });\r\n }, []);\r\n\r\n function getBody() {\r\n switch (emailStatus) {\r\n case EmailStatus.Verifying:\r\n return
Verifying...
;\r\n case EmailStatus.Failed:\r\n return
{t('verify.fail')}{t('Forgot Password')} page.
;\r\n }\r\n }\r\n\r\n return (\r\n
\r\n
{t('Verify Email')}
\r\n
{getBody()}
\r\n
\r\n )\r\n}\r\n\r\nexport { VerifyEmail }; ","import React from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { Formik, Field, Form, ErrorMessage } from 'formik';\r\nimport * as Yup from 'yup';\r\n\r\nimport { accountService, alertService } from '../_services';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nfunction ForgotPassword() {\r\n const { t } = useTranslation();\r\n const initialValues = {\r\n email: ''\r\n };\r\n\r\n const validationSchema = Yup.object().shape({\r\n email: Yup.string()\r\n .email(t('Email is invalid'))\r\n .required(t('Email is required'))\r\n });\r\n\r\n function onSubmit({ email }, { setSubmitting }) {\r\n alertService.clear();\r\n accountService.forgotPassword(email)\r\n .then(() => alertService.success(t('forgotPassword.success')))\r\n .catch(error => alertService.error(error))\r\n .finally(() => setSubmitting(false));\r\n }\r\n\r\n return (\r\n \r\n {({ errors, touched, isSubmitting }) => (\r\n \r\n )}\r\n \r\n )\r\n}\r\n\r\nexport { ForgotPassword }; ","import React, { useState, useEffect } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport queryString from 'query-string';\r\nimport { Formik, Field, Form, ErrorMessage } from 'formik';\r\nimport * as Yup from 'yup';\r\n\r\nimport { accountService, alertService } from '../_services';\r\n\r\nfunction ResetPassword({ history }) {\r\n const TokenStatus = {\r\n Validating: 'Validating',\r\n Valid: 'Valid',\r\n Invalid: 'Invalid'\r\n }\r\n \r\n const [token, setToken] = useState(null);\r\n const [tokenStatus, setTokenStatus] = useState(TokenStatus.Validating);\r\n\r\n useEffect(() => {\r\n const { token } = queryString.parse(window.location.search);\r\n\r\n // remove token from url to prevent http referer leakage\r\n history.replace(window.location.pathname);\r\n\r\n accountService.validateResetToken(token)\r\n .then(() => {\r\n setToken(token);\r\n setTokenStatus(TokenStatus.Valid);\r\n })\r\n .catch(() => {\r\n setTokenStatus(TokenStatus.Invalid);\r\n });\r\n }, []);\r\n\r\n function getForm() {\r\n const initialValues = {\r\n password: '',\r\n confirmPassword: ''\r\n };\r\n\r\n const validationSchema = Yup.object().shape({\r\n password: Yup.string()\r\n .min(6, 'Password must be at least 6 characters')\r\n .required('Password is required'),\r\n confirmPassword: Yup.string()\r\n .oneOf([Yup.ref('password'), null], 'Passwords must match')\r\n .required('Confirm Password is required'),\r\n });\r\n\r\n function onSubmit({ password, confirmPassword }, { setSubmitting }) {\r\n alertService.clear();\r\n accountService.resetPassword({ token, password, confirmPassword })\r\n .then(() => {\r\n alertService.success('Password reset successful, you can now login', { keepAfterRouteChange: true });\r\n history.push('login');\r\n })\r\n .catch(error => {\r\n setSubmitting(false);\r\n alertService.error(error);\r\n });\r\n }\r\n\r\n return (\r\n \r\n {({ errors, touched, isSubmitting }) => (\r\n \r\n )}\r\n \r\n );\r\n }\r\n\r\n function getBody() {\r\n switch (tokenStatus) {\r\n case TokenStatus.Valid:\r\n return getForm();\r\n case TokenStatus.Invalid:\r\n return
Token validation failed, if the token has expired you can get a new one at the forgot password page.
;\r\n case TokenStatus.Validating:\r\n return
Validating token...
;\r\n }\r\n }\r\n\r\n return (\r\n
\r\n
Reset Password
\r\n
{getBody()}
\r\n
\r\n )\r\n}\r\n\r\nexport { ResetPassword }; ","import React, { useEffect } from 'react';\r\nimport { Route, Switch } from 'react-router-dom';\r\n\r\nimport { accountService } from '../_services';\r\n\r\nimport { Login } from './Login';\r\nimport { Register } from './Register';\r\nimport { VerifyEmail } from './VerifyEmail';\r\nimport { ForgotPassword } from './ForgotPassword';\r\nimport { ResetPassword } from './ResetPassword';\r\n\r\nfunction Account({ history, match }) {\r\n const { path } = match;\r\n\r\n useEffect(() => {\r\n // redirect to home if already logged in\r\n if (accountService.userValue) {\r\n history.push('/');\r\n }\r\n }, []);\r\n\r\n return (\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\nexport { Account };","import React, { useState, useEffect, useContext } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { Formik, Field, Form, ErrorMessage } from 'formik';\r\nimport * as Yup from 'yup';\r\nimport moment from 'moment';\r\nimport { TermsModal } from '../app/TermsModal';\r\nimport { accountService, alertService, config, lockerService } from '../_services';\r\nimport { fetchWrapper, history } from '../_helpers';\r\nimport metric_smallLockerSelect from \"../assets/images/metric_locker-select-small.png\";\r\nimport metric_largeLockerSelect from \"../assets/images/metric_locker-select-large.png\";\r\nimport metric_stdLockerSelect from \"../assets/images/metric_locker-select-standard.png\";\r\nimport metric_xlargeLockerSelect from \"../assets/images/metric_locker-select-x-large.png\";\r\nimport smallLockerSelect from \"../assets/images/locker-select-small.png\";\r\nimport largeLockerSelect from \"../assets/images/locker-select-large.png\";\r\nimport stdLockerSelect from \"../assets/images/locker-select-standard.png\";\r\nimport xlargeLockerSelect from \"../assets/images/locker-select-x-large.png\";\r\nimport french_stdLockerSelect from \"../assets/images/french_locker-select-standard.png\";\r\nimport french_largeLockerSelect from \"../assets/images/french_locker-select-large.png\";\r\nimport french_xlargeLockerSelect from \"../assets/images/french_locker-select-x-large.png\";\r\n\r\nimport { loadStripe } from '@stripe/stripe-js';\r\nimport { useTranslation } from 'react-i18next';\r\nimport LocaleContext from '../LocaleContext';\r\nimport { Account } from '../account';\r\n\r\n\r\nconst standard_img = {\r\n Small: smallLockerSelect,\r\n Large: largeLockerSelect,\r\n Standard: stdLockerSelect,\r\n Medium: stdLockerSelect,\r\n 'X-Large': xlargeLockerSelect,\r\n none: ''\r\n}\r\n\r\nconst metric_img = {\r\n Small: metric_smallLockerSelect,\r\n Large: metric_largeLockerSelect,\r\n Standard: metric_stdLockerSelect,\r\n Medium: metric_stdLockerSelect,\r\n 'X-Large': metric_xlargeLockerSelect,\r\n none: ''\r\n}\r\n\r\nconst french_img = {\r\n Standard: french_stdLockerSelect,\r\n Large: french_largeLockerSelect,\r\n 'X-Large': french_xlargeLockerSelect,\r\n none: ''\r\n}\r\n\r\nfunction Reservation({ history }) {\r\n const { locale } = useContext(LocaleContext);\r\n\r\n\r\n function parkIsClosed(date) {\r\n //checks the db_config table for rows like \"closed_\"\r\n //used to provide calendar for Schlitterbahn GI\r\n if (typeof (accountService.configValue['closed_' + date]) != 'undefined') {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n\r\n }\r\n\r\n const minRentalDate = accountService.configValue['minRentalDate'];\r\n\r\n function min_date() {\r\n switch (minRentalDate) {\r\n case \"TODAY\":\r\n return moment().format(\"YYYY-MM-DD\");\r\n break;\r\n case \"TOMORROW\":\r\n var tomorrow = moment().add(1, 'days');\r\n return moment(tomorrow).format(\"YYYY-MM-DD\");\r\n break;\r\n default:\r\n return moment(minRentalDate).format(\"YYYY-MM-DD\");\r\n }\r\n }\r\n\r\n function preloadImage(url) {\r\n var img = new Image();\r\n img.src = url;\r\n console.log(\"preloaded\" + url);\r\n }\r\n\r\n const metric_images = (accountService.configValue['metricImages'] == \"true\") ? true : false;\r\n var imgs;\r\n if (locale == 'fr-CA') {\r\n imgs = french_img;\r\n } else if (metric_images) {\r\n imgs = metric_img;\r\n } else {\r\n imgs = standard_img;\r\n }\r\n\r\n const chooselabel = (locale == 'fr-CA') ? \"Choisissez cette zone\" : \"Choose this Area\";\r\n\r\n //lockerAreas is a semicolon delimted list of area names\r\n const { t } = useTranslation();\r\n const lockerAreas = accountService.configValue['lockerAreas'].split(\";\");\r\n const [showTerms, setShowTerms] = useState(false);\r\n const [date, setDate] = useState(min_date());\r\n const [options, setOptions] = useState([]);\r\n const [soldOut, setSoldOut] = useState(false);\r\n\r\n const [lockerArea, setLockerArea] = useState((lockerAreas.length == 1) ? lockerAreas[0] : \"\");\r\n const [selectedArea, setSelectedArea] = useState(\"\");\r\n const [areaSelectImage, setAreaSelectImage] = useState(undefined);\r\n const [showAreaSelect, setShowAreaSelect] = useState((lockerArea.length == 1) ? false : true);\r\n\r\n const [showLockerSelect, setShowLockerSelect] = useState((lockerAreas.length == 1) ? true : false);\r\n const [lockerSelectImage, setLockerSelectImage] = useState(imgs['X-Large']);\r\n const [lockerType, setLockerType] = useState(\"X-Large\");\r\n const [parkClosed, setParkClosed] = useState(false);\r\n\r\n\r\n const stripeKey = accountService.configValue['stripePublicKey'];\r\n const stripePromise = loadStripe(stripeKey);\r\n const maxRentalDate = accountService.configValue['maxRentalDate'];\r\n const skipFee = (accountService.configValue['skipConvenienceCharge'] == 'true')\r\n\r\n\r\n let initialValues = {\r\n area: lockerArea,\r\n lockerType: lockerType,\r\n startDate: date,\r\n acceptTerms: false\r\n };\r\n useEffect(() => {\r\n setLockerSelectImage(imgs[lockerType]);\r\n }, [locale])\r\n \r\n async function fetchData() {\r\n setShowLockerSelect(false);\r\n\r\n if (lockerAreas.length == 1) {\r\n setLockerArea(lockerAreas[0]);\r\n setShowLockerSelect(true);\r\n }\r\n\r\n console.log(\"FETCH INVENTORY \" + date);\r\n if (parkIsClosed(date)) {\r\n setParkClosed(true);\r\n \r\n } else {\r\n setParkClosed(false);\r\n }\r\n\r\n const data = await lockerService.getLockerInventory(date, lockerArea);\r\n console.log(data);\r\n if (lockerArea != \"\") {\r\n setShowLockerSelect(true);\r\n var all_sold_out = true;\r\n for (var index = 0; index < data.length; index++) {\r\n if (data[index].availability > 0) {\r\n all_sold_out = false;\r\n break\r\n }\r\n }\r\n setSoldOut(all_sold_out);\r\n }\r\n\r\n setOptions(options => data);\r\n\r\n var ttyp = \"\";\r\n //on load, or when the lockerType is not available in the data, reset the size display image.\r\n if (imgs[lockerType] == \"\" || (data.length != 0 && (data.filter(item => (item.availability > 0)).filter(row => row.name == lockerType)).length == 0)) {\r\n var first_type = data.filter(item => (item.availability > 0)).sort((a, b) => (a.price > b.price) ? 1 : -1)[0]?.name;\r\n\r\n ttyp = imgs[first_type || 'none'];\r\n setLockerType(first_type);\r\n } else {\r\n ttyp = imgs[lockerType];\r\n }\r\n\r\n setLockerSelectImage(ttyp);\r\n\r\n }\r\n\r\n useEffect(() => {\r\n\r\n for (var key in imgs) {\r\n preloadImage(imgs[key]);\r\n }\r\n\r\n }, []);\r\n\r\n useEffect(() => {\r\n fetchData();\r\n }, [lockerArea, date]);\r\n\r\n //array arg is \"dependencies\" for useEffect - empty means run once on component mount\r\n //when this includes date, the select stops working to include date as well\r\n\r\n \r\n\r\n function max_date() {\r\n if (moment(maxRentalDate, \"YYYY-MM-DD\", true).isValid()) {\r\n return moment(maxRentalDate).format(\"YYYY-MM-DD\");\r\n } else {\r\n return moment().add(parseInt(maxRentalDate), 'days').format(\"YYYY-MM-DD\");\r\n }\r\n }\r\n\r\n let validationSchema = Yup.object().shape({\r\n lockerType: Yup.string()\r\n .required(t('Choose a Locker Type')),\r\n startDate: Yup.date()\r\n .required(t('Reservation Date is required')),\r\n acceptTerms: Yup.bool()\r\n .oneOf([true], t('reservation.agreeError'))\r\n });\r\n\r\n async function stripe_redir(lockerType, reservationId) {\r\n\r\n const stripe = await stripePromise;\r\n\r\n // Call your backend to create the Checkout Session\r\n\r\n const response = await fetchWrapper.post('/create-checkout-session',\r\n {\r\n lockerType: lockerType,\r\n reservation_id: reservationId\r\n }\r\n );\r\n\r\n //const session = await response.json();\r\n const session = await response;\r\n\r\n // When the customer clicks on the button, redirect them to Checkout.\r\n const result = await stripe.redirectToCheckout({\r\n sessionId: session.id,\r\n });\r\n\r\n if (result.error) {\r\n // If `redirectToCheckout` fails due to a browser or network\r\n // error, display the localized error message to your customer\r\n // using `result.error.message`.\r\n alertService.error(result.error.message);\r\n }\r\n }\r\n\r\n function onSubmit(fields, { setStatus, setSubmitting }) {\r\n setStatus();\r\n accountService.addReservation(fields)\r\n .then((data) => {\r\n //alertService.info('Reservation Step 2: Payment');\r\n stripe_redir(fields.lockerType, data.id);\r\n })\r\n .catch(error => {\r\n setSubmitting(false);\r\n alertService.error(error);\r\n });\r\n\r\n }\r\n\r\n const handleClose = () => {\r\n setShowTerms(false);\r\n };\r\n const handleShow = () => {\r\n setShowTerms(true);\r\n };\r\n\r\n const handleSizeChange = (e) => {\r\n setLockerType(e.target.value);\r\n setLockerSelectImage(imgs[e.target.value] ? imgs[e.target.value] : imgs['none']);\r\n };\r\n const handleDateChange = (e) => {\r\n setDate(e.target.value);\r\n };\r\n const handleSelectAreaChange = (e) => {\r\n setSelectedArea(e.target.value);\r\n setLockerArea(e.target.value);\r\n setShowAreaSelect(false);\r\n }\r\n const handleAreaChange = (e) => {\r\n setLockerArea(selectedArea);\r\n setShowAreaSelect(false);\r\n };\r\n\r\n const handleReturnToSelectArea = (e) => {\r\n setLockerArea(\"\");\r\n setAreaSelectImage(undefined);\r\n setShowAreaSelect(true);\r\n }\r\n\r\n return (\r\n\r\n
\r\n You will no longer have access to the locker! \r\n Make sure you have removed all of your belongings. \r\n End Rental for Locker # {gui_admin} ?\r\n
\r\n );\r\n\r\n end_dialog.show({\r\n bsSize: 'lg',\r\n body: (locale == 'fr-CA') ? bodyEndFr : bodyEnd,\r\n primaryClassName: 'btn-danger',\r\n onHide: (dialog) => {\r\n console.log(\"Cancel Background\");\r\n dialog.hide();\r\n setReservations(reservations.map(x => {\r\n if (x.id === id) { x.isEndingRental = false; }\r\n return x;\r\n }))\r\n },\r\n actions: [\r\n Dialog.CancelAction(() => {\r\n console.log(\"Cancel\");\r\n setReservations(reservations.map(x => {\r\n if (x.id === id) { x.isEndingRental = false; }\r\n return x;\r\n }));\r\n }),\r\n Dialog.OKAction(() => {\r\n\r\n accountService.endRentalForReservation(id, gui_admin).then((data) => {\r\n console.log(data);\r\n setReservations(reservations => reservations.filter(x => x.id !== id));\r\n })\r\n .then(() => {\r\n console.log(reservations);\r\n //reservation list length is 1 on last delete, go home instead of to empty list.\r\n if (reservations.length == 1) {\r\n history.push(\"/\");\r\n }\r\n }).catch(err => {\r\n alertService.error(err);\r\n setReservations(reservations =>\r\n reservations.map(x => {\r\n if (x.id === id) { x.isEndingRental = false; }\r\n return x;\r\n }));\r\n });\r\n })\r\n ]\r\n });\r\n\r\n }\r\n function refundedDisplay(refundedValue) {\r\n if (refundedValue == \"true\") {\r\n return \"Refunded\";\r\n } else {\r\n return \"\";\r\n }\r\n }\r\n\r\n function transferLockerModalMessage() {\r\n return (\r\n
\r\n To transfer your rental, take your belongings to the new area. \r\n Click OK when you are at the new area and ready to be assigned a new locker. \r\n \r\n
\r\n )\r\n }\r\n\r\n function colSpanWidth() {\r\n if (listType == 'past') {\r\n return 5;\r\n } else {\r\n return 4;\r\n }\r\n }\r\n\r\n //if the resrvation is redeemed (\"checked in\") show open, transfer, and end buttons\r\n //if the reservation is not redeemed, show check in button\r\n //otherwise no buttons\r\n function reservationRowButtons(reservation) {\r\n const lockerPrice = pricing && pricing.find(x => x.name === reservation.lockerType)?.price;\r\n if (reservation.isRedeemed && !reservation.isEnded && moment(reservation.endDate).isSameOrAfter(moment(), 'd')) {\r\n return (\r\n <>\r\n
