\n * \n *
\n * );\n * }\n * ```\n */\nexport function useController<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath{fieldState.isTouched && \"Touched\"}
\n *{formState.isSubmitted ? \"submitted\" : \"\"}
\n *\r\n
\r\n );\r\n };\r\n \r\n \r\n\r\n // handles data received from form\r\n const onSubmit = async (data) => {\r\n try {\r\n console.log(data);\r\n //console.log(calltoPI()) // get bearer token from PItask\r\n console.log(\"call for service token has completed...\");\r\n postData(data); // make call to momentus using token\r\n console.log(\"both calls completed...\");\r\n } catch (error) {\r\n console.error(\"Error occured during form submission\", error);\r\n }\r\n };\r\n\r\n const handleCheckboxChange = (id) => {\r\n const newOptions = AdditionalServicesOptions.map(option => {\r\n if (option.id === id) {\r\n return { ...option, isChecked: !option.isChecked };\r\n }\r\n return option;\r\n });\r\n setOptions(newOptions);\r\n\r\n let selected = \"\";\r\n for (let option of newOptions) {\r\n if (option.isChecked) {\r\n if (!selected || selected.length === 0)\r\n selected = option.value;\r\n else\r\n selected += \", \" + option.value;\r\n }\r\n }\r\n setSelectedAdditionalServicesOptions(selected);\r\n };\r\n\r\n const handleCheckboxChangeVirtual = (id) => {\r\n const newOptions = AdditionalServicesOptionsVirtual.map(option => {\r\n if (option.id === id) {\r\n return { ...option, isChecked: !option.isChecked };\r\n }\r\n return option;\r\n });\r\n setOptionsVirtual(newOptions);\r\n\r\n let selected = \"\";\r\n for (let option of newOptions) {\r\n if (option.isChecked) {\r\n if (!selected || selected.length === 0)\r\n selected = option.value;\r\n else\r\n selected += \", \" + option.value;\r\n }\r\n }\r\n setSelectedAdditionalServicesOptionsVirtual(selected);\r\n };\r\n\r\n const handleStartDateChange = (date) => {\r\n setStartDate(date); \r\n };\r\n\r\n const handleEndDateChange = (date) => {\r\n \r\n if (startDates && new Date(date) < new Date(startDates)) {\r\n setError(\"End date can not be earlier than start date.\");\r\n } else {\r\n setError(\"\");\r\n }\r\n };\r\n\r\n // do post call to get PIC auth token\r\n async function calltoPI() {\r\n const serviceAccount = {\r\n accountName: `${config.ACCOUNT_NAME}`,\r\n password: `${config.PASSWORD}`,\r\n context: \"All\",\r\n };\r\n let bearerToken = \"\";\r\n try {\r\n console.log(url());\r\n const responseToken = await axios.post(\r\n `${url()}/auth/token`,\r\n serviceAccount\r\n );\r\n bearerToken = responseToken.data.serviceToken;\r\n return bearerToken;\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n\r\n // create new event in momentus\r\n async function postData(formData) {\r\n setIsLoading(true);\r\n const token = await calltoPI();\r\n\r\n console.log(token);\r\n // set the header for the post call\r\n formData.name = formData.name + \" \" + formData.lastName;\r\n formData.startDate = moment(formData.startDate).format(\r\n \"YYYY-MM-DD hh:mm:ss A\"\r\n );\r\n formData.endDate = moment(formData.endDate).format(\"YYYY-MM-DD hh:mm:ss A\");\r\n formData.AdditionalServices = formData.locationOptions === \"Virtual\" ? formData.AdditionalServicesVirtual[0] : formData.AdditionalServices[0];\r\n const headers = {\r\n Authorization: `Bearer ${token}`,\r\n };\r\n try {\r\n console.log(url());\r\n //const NewDate = moment(yourDate, 'DD-MM-YYYY')\r\n //import moment from 'moment';\r\n const response = await axios.post(\r\n `${url()}/ungerboeck/PostMecsEventBooking`,\r\n formData,\r\n { headers }\r\n );\r\n console.log(\"Data updated successfully\", response.data);\r\n setIsModalOpen(true);\r\n //alert(\"Event submitted successfully!\");\r\n //window.location.reload(); // reload the page\r\n } catch (error) {\r\n // Handle any error that occurred during the request\r\n console.error(\"Error updating data:\", error);\r\n alert(\"Error!\");\r\n }\r\n setIsLoading(false);\r\n }\r\n\r\n function url() {\r\n var authURL = `${config.PLATFORMAPI}`;\r\n const hostName = window.location.hostname;\r\n console.log(hostName);\r\n if (hostName === \"mecsevent.its.sfu.ca\") {\r\n // no type coercion\r\n authURL = \"https://platformtask.its.sfu.ca\";\r\n }\r\n return authURL;\r\n }\r\n\r\n \r\n\r\n \r\n\r\n // handle changes in location dropdown\r\n const handleLocationChange = (event) => {\r\n let locationChosen = event.target.value;\r\n console.log(locationChosen);\r\n setLocationOptions(locationChosen);\r\n if (locationChosen != \"\") {\r\n if (locationChosen === \"Virtual\") {\r\n showFeature(\"additionalServicesVirtualSection\");\r\n hideFeature(\"inPersonSection\");\r\n hideFeature(\"inPersonSection1\");\r\n } else {\r\n hideFeature(\"additionalServicesVirtualSection\");\r\n showFeature(\"inPersonSection\");\r\n showFeature(\"inPersonSection1\");\r\n }\r\n showFeature(\"formDescription\");\r\n showFeature(\"bottom_half\");\r\n } else {\r\n hideFeature(\"locationName\");\r\n hideFeature(\"formDescription\");\r\n hideFeature(\"bottom_half\");\r\n hideFeature(\"additionalServicesVirtualSection\");\r\n hideFeature(\"inPersonSection\");\r\n hideFeature(\"inPersonSection1\");\r\n }\r\n };\r\n\r\n const handleEventTypeChange = (event) => {\r\n let eventTypeChosen = event.target.value;\r\n setEventTypeOptions(eventTypeChosen);\r\n };\r\n\r\n const handleReferralChange = (event) => {\r\n let referralChosen = event.target.value;\r\n setReferralOptions(referralChosen);\r\n };\r\n\r\n function showFeature(featureId) {\r\n document.getElementById(featureId).style.display = \"block\";\r\n }\r\n\r\n function hideFeature(featureId) {\r\n document.getElementById(featureId).style.display = \"none\";\r\n }\r\n\r\n // change the textContent\r\n function changeTextAndShow(featureId, newText) {\r\n document.getElementById(featureId).textContent = newText;\r\n document.getElementById(featureId).style.display = \"block\";\r\n }\r\n\r\n // reset the location if user chooses \"No option/Virtual on first dropdown\"\r\n /* function resetLocation() {\r\n setLocationOptions(\"\");\r\n }\r\n */\r\n return (\r\n \r\n {children}\r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default Form;\r\n","import React from 'react';\n\nimport { createFormControl } from './logic/createFormControl';\nimport getProxyFormState from './logic/getProxyFormState';\nimport shouldRenderFormState from './logic/shouldRenderFormState';\nimport deepEqual from './utils/deepEqual';\nimport isFunction from './utils/isFunction';\nimport {\n FieldValues,\n FormState,\n InternalFieldName,\n UseFormProps,\n UseFormReturn,\n} from './types';\nimport { useSubscribe } from './useSubscribe';\n\n/**\n * Custom hook to manage the entire form.\n *\n * @remarks\n * [API](https://react-hook-form.com/docs/useform) • [Demo](https://codesandbox.io/s/react-hook-form-get-started-ts-5ksmm) • [Video](https://www.youtube.com/watch?v=RkXv4AXXC_4)\n *\n * @param props - form configuration and validation parameters.\n *\n * @returns methods - individual functions to manage the form state. {@link UseFormReturn}\n *\n * @example\n * ```tsx\n * function App() {\n * const { register, handleSubmit, watch, formState: { errors } } = useForm();\n * const onSubmit = data => console.log(data);\n *\n * console.log(watch(\"example\"));\n *\n * return (\n * \n * );\n * }\n * ```\n */\nexport function useForm<\n TFieldValues extends FieldValues = FieldValues,\n TContext = any,\n TTransformedValues extends FieldValues | undefined = undefined,\n>(\n props: UseFormProps\r\n 
\r\n Thank you for considering our venue for your event! Please fill out the following details to help us understand your requirements.\r\n We look forward to making your event a memorable experience.\r\n
\r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n LOCATION
\r\n\r\n Thank you for considering our venue for your event! Please fill out the following details to help us understand your requirements.\r\n We look forward to making your event a memorable experience.\r\n
\r\n \r\n\r\n \r\n
\r\n
\r\n Note: Fields marked with an asterisk (*) are required. \r\n
\r\n Request a space
\r\n Please fill out this form and click the submit button at the bottom left. \r\n A representative will respond to your request by phone or email as soon as possible.\r\n\r\n Note: Fields marked with an asterisk (*) are required. \r\n
\r\n \r\n Thank you for your submitting your booking request!
This confirmation message verifies that SFU MECS received your request,\r\n and our expert sales
team will connect with you within 2 business days to explore your needs and discuss the next steps in detail.
\r\n \r\n
\r\n Contact information
\r\n \r\n \r\nThis confirmation message verifies that SFU MECS received your request,\r\n and our expert sales
team will connect with you within 2 business days to explore your needs and discuss the next steps in detail.
\r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default App;\r\n","const reportWebVitals = onPerfEntry => {\r\n if (onPerfEntry && onPerfEntry instanceof Function) {\r\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\r\n getCLS(onPerfEntry);\r\n getFID(onPerfEntry);\r\n getFCP(onPerfEntry);\r\n getLCP(onPerfEntry);\r\n getTTFB(onPerfEntry);\r\n });\r\n }\r\n};\r\n\r\nexport default reportWebVitals;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom/client';\r\nimport './index.css';\r\nimport App from './App';\r\nimport reportWebVitals from './reportWebVitals';\r\n\r\nconst root = ReactDOM.createRoot(document.getElementById('root'));\r\nroot.render(\r\n