\n )\n}\n\nfunction ErrorMessage({ errors }) {\n // Check if it's empty, vs. a string, vs. an array\n if (!errors) {\n // Empty or Null.\n return <>\n } else if (errors.constructor === String && errors.length > 0) {\n return (\n
\n// Your research projects, called Missions, are shown above. Once launched, you'll be able to manage research participants and responses. Click the card to continue setting up your Mission.\n// \n// \n//
\n//
Launch surveys or set up live feedback sessions with users
\n//
Specify your target audience through demographic, wallet, and other requirements
\n//
Easily review and manage your Missions
\n//
Need something our portal doesn't support? Email us at info@despark.io. We can often handle it through our admin portal.
\n//
\n\n// \n// Click your mission to continue editing it or click “Create New Mission” to create a different type.\n//
\n//
\n// \n// )\n// }\n\n\n\nexport { MissionCards, MissionCardTitleRow, EmptyMissionsCard };\n","import React from \"react\";\nimport { useNavigate } from \"react-router-dom\";\nimport { MainSection, Section, SectionTitle, SectionTitleRow } from \"../common_components/Layout\";\nimport CenteredLoadingIcon from \"../common_components/CenteredLoadingIcon\";\nimport { MissionCardTitleRow, MissionCards, EmptyMissionsCard } from \"./MissionCardComponents\";\nimport { TertiaryLink } from \"../common_components/Buttons\";\n\n\n\nfunction MissionsSection(props) {\n const navigate = useNavigate();\n // Get the count of props.missions where props.mission.status != \"draft\"\n // const launchedMissionsCount = props.missions.filter(mission => mission.status != \"draft\").length;\n\n const SwitchMissionSection = props.missions.length == 0 ?\n \n :\n
\n {/* */}\n \n
\n\n return (\n \n \n \n navigate(\"/createmission\")} />\n \n {props.loadMissionsComplete ? SwitchMissionSection : }\n \n )\n\n}\n\nexport default MissionsSection;","const { DateTime, Duration } = require('luxon');\n\n\nfunction timeGridFormattedDate(date) {\n return date.toFormat('ccc, LLL dd');\n}\n\nfunction pruneTimezoneFromString(dateString) {\n // IF the string has a Z on the end, or has a + in it, then we need to prune it.\n const tempString = dateString.includes(\"Z\") ? dateString.split(\"Z\")[0] : dateString;\n const resultString = tempString.includes(\"+\") ? tempString.split(\"+\")[0] : tempString;\n return resultString;\n}\n\n// Assumes date is a luxon DateTime object.\nfunction addDays(date, days) {\n const dur = Duration.fromObject({ days: days });\n return date.plus(dur);\n}\n\nfunction timeGridFormatDateStringForSlot(dateTime, timezone) {\n const date = parseStringWithTimezone(dateTime, timezone);\n const day = timeGridFormattedDate(date);\n const hour = date.hour;\n const period = hour < 12 ? 'am' : 'pm';\n const formattedHour = hour <= 12 ? hour : hour - 12;\n const formattedMinutes = date.minute === 0 ? '00' : date.minute < 10 ? `0${date.minute}` : date.minute;\n const time = `${formattedHour}:${formattedMinutes} ${period}`;\n return `${day}-${time}`;\n}\n\nfunction timeGridGetDateTimeFromDateAndString(dateAsDateTime, timeString) {\n\n // \"${formattedHour}:00 ${period}\"\n const [hours, minutesPart] = timeString.split(':');\n const minutes = minutesPart.substring(0, 2);\n const period = minutesPart.substring(3);\n const slotHours = period === 'pm' && hours !== '12' ? parseInt(hours, 10) + 12 : hours === '12' && period === 'am' ? 0 : parseInt(hours, 10);\n Duration.fromObject({ hours: slotHours, minutes: minutes })\n return dateAsDateTime.plus({ hours: slotHours, minutes: minutes });\n}\n\nfunction timeGridGetDateTimeFromTimeGridString(timeGridString) {\n const [day, time] = timeGridString.split('-');\n const date = DateTime.fromFormat(day, 'ccc, LLL d');\n // Next, handle the time. It's in the format of \"12:00 am\" or \"12:00 pm\"\n const [hours, minutesPart] = time.trim().split(':');\n const minutes = minutesPart.substring(0, 2);\n const period = minutesPart.substring(3).toLowerCase();\n const slotHours = period === 'pm' && hours !== '12' ? parseInt(hours, 10) + 12 :\n hours === '12' && period === 'am' ? 0 :\n parseInt(hours, 10);\n\n return date.plus({ hours: slotHours, minutes: parseInt(minutes, 10) });\n}\n\n// function parseStringToTimezoneNoTimeAdjustments(dateString, timezone) {\n// return DateTime.fromISO(pruneTimezoneFromString(dateString), { zone: timezone });\n// }\n\nfunction parseStringWithTimezone(dateString, timezone) {\n return DateTime.fromISO(dateString, { zone: timezone });\n}\n\nfunction parseISOStringToReadableDateAndTime(dateString, timezone) {\n if (!dateString) {\n return [\"\", \"\"];\n }\n const dateTime = DateTime.fromISO(dateString, { zone: timezone });\n const formattedDate = dateTime.toFormat('cccc, LLL d');\n const formattedTime = dateTime.toFormat('h:mm a');\n\n return [formattedDate, formattedTime]\n}\n\nfunction parseISOStringToLongDate(dateString, timezone) {\n const dateTime = DateTime.fromISO(dateString, { zone: timezone });\n return dateTime.toFormat('ccc, LLL d, yyyy');\n}\n\nfunction timeInFutureFromISOString(dateString) {\n const dateTime = DateTime.fromISO(dateString);\n return dateTime > DateTime.now();\n}\n\nfunction getMostRecentSunday() {\n const today = DateTime.now();\n const dayOfWeek = today.weekday;\n return today.minus({ days: dayOfWeek });\n}\n\nfunction getMostRecentSundayInTimezone(timezone) {\n const today = DateTime.now().setZone(timezone);\n const dayOfWeek = today.weekday % 7; // 7 is Sunday, so don't go back a week.\n return today.minus({ days: dayOfWeek });\n\n}\n\n// Take a timestamp in UTC and return the number of days ago it was.\nfunction daysAgo(timeStamp) {\n const dateTime = DateTime.fromISO(timeStamp);\n const now = DateTime.now();\n const diff = now.diff(dateTime, 'days');\n return diff.days;\n\n}\n\nexport default {\n timeGridFormatDateStringForSlot,\n timeGridGetDateTimeFromDateAndString,\n timeGridGetDateTimeFromTimeGridString,\n // parseStringToTimezoneNoTimeAdjustments,\n parseStringWithTimezone,\n addDays,\n timeGridFormattedDate,\n parseISOStringToReadableDateAndTime,\n parseISOStringToLongDate,\n timeInFutureFromISOString,\n getMostRecentSunday,\n getMostRecentSundayInTimezone,\n daysAgo,\n\n}","import React from \"react\";\nimport DateFormatting from \"./DateFormatting\";\n\nfunction SessionHighlightUpcoming(props) {\n return (\n \n )\n}\n\nfunction SessionHighlightUpcomingSmall(props) {\n return (\n \n )\n}\n\nfunction SessionHighlightCompleted(props) {\n return (\n \n )\n}\n\nfunction SessionHighlightCompletedSmall(props) {\n return (\n \n )\n}\n\nfunction SessionHighlight(props) {\n const [date, time] = DateFormatting.parseISOStringToReadableDateAndTime(props.session.start_time, props.timezone);\n\n const small = props.size == \"small\"\n const sessionClassName = \"session-highlight \" + (props.type == \"upcoming\" ? \"\" : \"faded\") + (small ? \"small \" : \"\");\n\n return (\n
\n )\n}\n\nexport default SelectAudienceFormat;","import React, { useEffect, useState, useContext } from \"react\";\nimport InfoIcon2 from '../../../../../../assets/images/info_icon.svg';\nimport InfoIcon from '../../../../../../assets/images/info_icon_2.png';\nimport InfoIcon3 from '../../../../../../assets/images/info_icon_3.png';\n\nimport DatePicker from \"react-datepicker\";\n// The CSS for DatePicker is imported in the application.css file (annoyingly)\n\n\nfunction FormField(props) {\n return (\n
\n