\n {children}\n\n
\n \n )\n}\n\nexport { SearchResultsCard, ItemDetails, SaveResult }\n","import React, { useEffect, useState, useCallback } from 'react'\nimport parse from 'html-react-parser'\nimport CancelIcon from '@mui/icons-material/Cancel'\nimport { useData } from './DataProvider'\n\nconst FlashMessage = ({ isAlert = false, text = null }) => {\n const [visible, setVisible] = useState(true)\n const closeFlash = useCallback(() => {\n setVisible(false)\n }, [setVisible])\n\n const timeoutSecs = 6000\n\n useEffect(() => {\n if (visible) {\n const timeout = setTimeout(() => closeFlash(), timeoutSecs)\n return () => {\n clearTimeout(timeout)\n }\n }\n }, [closeFlash, visible, timeoutSecs])\n\n const classes = isAlert\n ? 'mt-px relative w-auto border-2 border-[#ebccd1] bg-[#f2dede] px-4 py-2 text-[#a94442]'\n : 'mt-px relative w-auto border-2 border-[#d6e9c6] bg-[#dff0d8] px-4 py-2 text-[#3c763d]'\n\n if (!text) return null\n\n return (\n {description}
\n\n
\n )\n}\n\nconst FlashContainer = () => {\n const { flashAlert, flashNotice } = useData()\n if (!flashAlert && !flashNotice) return null\n\n return (\n \n {flashAlert &&
\n )\n}\n\nexport default FlashContainer\n","import * as React from 'react'\n\nimport { TrainingSurveyForm } from './TrainingSurveyForm'\n\nexport default function TrainingSurvey({\n programs,\n instructors,\n questions,\n choices,\n thank_you,\n marketing_consent,\n}) {\n const [error, setError] = React.useState(false)\n const [thankYou, setThankYou] = React.useState(thank_you)\n\n if (error) return \n
\n )\n}\n\nfunction ThankYouScreen() {\n return (\n \n
\n \n Evaluate Your Training\n
\n\n Thank you for attending our training course on Zoom. Your feedback is\n invaluable to us as we strive to continually improve our courses.\n
\n\n Please take a few minutes to complete this evaluation form. Your\n honest responses will help us understand what worked well and areas\n where we can make improvements.\n
\n\n
\n )\n}\n\nfunction ErrorScreen() {\n return (\n \n
\n \n Thank You!\n
\n\n Thank you for taking the time to provide your feedback. Your input is\n crucial to our continuous improvement efforts. We appreciate your\n participation in the course and hope to serve you better in the\n future.\n
\n\n
\n )\n}\n","import * as React from 'react'\nimport useTranslation from '../../shared/TranslationProvider'\nimport { Button } from '../../../lib/ui/button'\nimport YnsIcon from '~/components/icons/YnsIcon'\nimport useSavedCourses from './SavedCoursesProvider'\n\nexport function DeleteCell({ row }) {\n const savedCourse = row.original\n const { t } = useTranslation('DeleteCell')\n const { deleteCourse } = useSavedCourses()\n\n const handleDeleteCourse = () => {\n deleteCourse(savedCourse)\n }\n\n return (\n \n
\n \n Oops! Something went wrong.\n
\n\n We're sorry, but something went wrong. Please contact your\n Program Trainer about this issue.\n
\n\n
\n )\n}\nexport default Editor\n","import React from 'react'\nimport useTheme from '../../../shared/ThemeProvider'\n\nconst CalendarDay = ({ day }) => {\n const ordinal = () => {\n const intDay = parseInt(day)\n if (intDay === 1 || intDay === 21 || intDay === 31) {\n return 'st'\n } else if (intDay === 2 || intDay === 22) {\n return 'nd'\n } else if (intDay === 3 || intDay === 23) {\n return 'rd'\n } else {\n return 'th'\n }\n }\n const { secondaryLighter } = useTheme()\n const style = { color: secondaryLighter }\n const singleDigitDay = parseInt(day) < 10\n const singleDigitClass =\n 'absolute left-[0.35rem] top-[1.17rem] h-[1.75rem] w-[1.55rem] text-right text-[1.55rem] font-medium'\n const doubleDigitClass =\n 'absolute left-[0.35rem] top-[1.17rem] h-[1.75rem] w-[1.85rem] text-right text-[1.55rem] font-medium'\n const singleDigitOrdinalClass =\n 'absolute h-[0.8rem] left-[1.9rem] top-[1.3rem] w-[0.75rem] text-[0.75rem] font-medium'\n const doubleDigitOrdinalClass =\n 'absolute h-[0.8rem] left-[2.2rem] top-[1.3rem] w-[0.75rem] text-[0.75rem] font-medium'\n const digitClass = singleDigitDay ? singleDigitClass : doubleDigitClass\n const ordinalClass = singleDigitDay\n ? singleDigitOrdinalClass\n : doubleDigitOrdinalClass\n return (\n \n \n {day}\n \n \n {ordinal()}\n \n \n
\n )\n}\n\nconst CalIcon = () => {\n const { secondaryLighter } = useTheme()\n return (\n \n
\n \n {title} \n {rightDrawer && (\n setShowRightDrawer(true)}\n >\n {rightDrawer.viewActionText || 'View More'}\n \n )}\n
\n {header && {header}
}\n {children}
\n {footer}
}\n \n \n {rightDrawer.title || ''}\n \n setShowRightDrawer(false)}\n />\n
\n {rightDrawer.children}
\n \n {textBoxes.map((item, index) => (\n \n {pageOneTranslations.add_another}\n \n
\n )\n}\n\nexport default AddAnother\n","import React, { useState } from 'react'\nimport { apiGet } from '../../util/api'\nimport { useToast } from '../../lib/ui/toast'\n\nconst StarFeedback = ({ path, documentId }) => {\n const [hoverRating, setHoverRating] = useState(null)\n const { toast } = useToast()\n const handleRatingClick = (rating) => {\n if (feedbackRating === rating) {\n setFeedbackRating(null)\n sendRatingToServer(null)\n } else {\n setFeedbackRating(rating)\n sendRatingToServer(rating)\n }\n }\n const [feedbackRating, setFeedbackRating] = useState(null)\n\n const handleRatingMouseOver = (rating) => {\n setHoverRating(rating)\n }\n\n const handleRatingMouseOut = () => {\n setHoverRating(null)\n }\n\n const sendRatingToServer = (rating) => {\n apiGet(path, {\n params: {\n rating: rating,\n content: documentId,\n },\n })\n toast({ description: 'Thanks for your feedback!' })\n }\n\n const stars = []\n for (let i = 1; i <= 5; i++) {\n stars.push(\n \n handleChange(index, e)}\n value={item}\n />\n removeTextBox(index)}\n className=\"font-roboto-light text-sm font-medium text-red-600 hover:text-red-800 focus:underline focus:outline-none\"\n >\n {pageOneTranslations.delete}\n \n
\n ))}\n \n ,\n )\n }\n return
{stars}
\n}\n\nexport default StarFeedback\n","import * as React from 'react'\nimport AccessibleFormLabel from './AccessibleFormLabel'\nimport { Input, FormControl, IconButton } from '@mui/joy'\nimport { Visibility } from '@mui/icons-material'\nimport { useState } from 'react'\nimport Errors from './Errors'\n\nconst PasswordInput = ({\n password,\n setPassword,\n required = true,\n size = 'lg',\n placeholder = '@#*%',\n labelValue = 'Password',\n name = 'password',\n errors,\n className,\n ...props\n}) => {\n const [showPassword, setShowPassword] = useState(false)\n\n const hasError = errors && errors[name] && errors[name].length > 0\n\n return (\n \n {recentlyAdded && (\n
\n )\n}\n\nexport default ArticleCard\n\nconst CtaIcon = ({ hasAchievement }) => {\n if (hasAchievement) return \n Recently Added\n
\n )}\n \n toggleFavorite(resource)}\n >\n
\n \n
\n \n \n {length}\n \n \n
\n \n
\n \n
\n \n
\n {description}\n
\n \n Read {ctaText}\n
\n \n
\n )\n}\n\nconst SelectTemplatePanel = () => {\n const { templateIndex, setTemplateIndex } = useReferenceSheet()\n const templateIndices = [0, 1]\n const activeClasses = 'font-roboto-slab text-primary font-bold pb-2'\n const inactiveClasses = 'font-roboto-slab text-primary pb-2'\n\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n
\n \n
\n \n {templateIndices.map((index) => (\n
\n )\n}\n\nconst TemplatePreview = ({ className, templateIndex }) => {\n const url = `https://www-yns-com.s3.amazonaws.com/resume_builder/ReferenceSheetTemplate${templateIndex}.png`\n return (\n \n \n Style {index + 1}\n \n setTemplateIndex(index)}\n disabled={templateIndex === index}\n className={\n templateIndex === index\n ? 'rounded-xl border-4 border-solid border-primary'\n : 'm-1 rounded-xl'\n }\n >\n
\n ))}\n \n
\n )\n}\n\nconst TextEditor = () => {\n const { referenceSheetDocument, setReferenceSheetDocument } =\n useReferenceSheet()\n const [editorReferenceSheet, setEditorReferenceSheet] = useState(\n JSON.stringify(referenceSheetDocument, null, 2),\n )\n\n const sync = () => {\n const updatedReferenceSheet = JSON.parse(editorReferenceSheet)\n setReferenceSheetDocument(updatedReferenceSheet)\n }\n\n useEffect(() => {\n setEditorReferenceSheet(JSON.stringify(referenceSheetDocument, null, 2))\n }, [referenceSheetDocument])\n\n return (\n \n \n
\n \n setEditorReferenceSheet(e.target.value)}\n >\n
\n )\n}\n","import React from 'react'\nimport { useData } from '../DataProvider'\nimport { Box } from '@mui/joy'\nimport Step3Default from './Step3Default'\nimport Step3Retirement from './Step3Retirement'\nimport Step3WorkingForMyself from './Step3WorkingForMyself'\nimport { NavButton, ButtonContainer } from '../Buttons'\nimport useTranslation from '../../shared/TranslationProvider'\n\nconst Step3 = () => {\n const {\n setCurrentStep,\n interestIsRetirement,\n interestIsWorkingForSelf,\n interestIsJobSeeking,\n } = useData()\n const { t } = useTranslation()\n\n return (\n <>\n \n \n
\n {t('step3.title')}
\n{t('step3.subtitle')}
\n\n {interestIsRetirement &&
\n \n {children}\n
\n )\n}\n\nexport const H1 = ({ className, children }) => {\n return (\n \n {children}\n
\n )\n}\n\nexport const H2 = ({ className, children }) => {\n return{children}
\n}\n\nexport const H3 = ({ className, children }) => {\n return{children}
\n}\n\nconst MainBoxSplit = ({ className, children, ...props }) => {\n return (\n\n
\n )\n}\n","import { useEffect, useState } from 'react'\nimport { useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport { apiPatch } from '../../../util/api'\n\nconst useSavedJobsForm = (savedJob) => {\n const id = savedJob.id\n const [buttonStatus, setButtonStatus] = useState('save')\n const [resumeUrl, setResumeUrl] = useState(savedJob.resume_url || '')\n const [coverLetterUrl, setCoverLetterUrl] = useState(\n savedJob.cover_letter_url || '',\n )\n const [resumeName, setResumeName] = useState(savedJob.resume || '')\n const [coverLetterName, setCoverLetterName] = useState(\n savedJob.cover_letter || '',\n )\n\n const [showResumeName, setShowResumeName] = useState(false)\n const [showCoverLetterName, setShowCoverLetterName] = useState(false)\n\n const schema = z.object({\n title: z.string().optional(),\n city: z.union([z.string(), z.null()]).optional(),\n state: z.union([z.string(), z.null()]).optional(),\n country: z.union([z.string(), z.null()]).optional(),\n postal_code: z.union([z.string(), z.null()]).optional(),\n url: z.string().optional(),\n description: z.string().optional(),\n company_name: z.string().optional(),\n location: z.string().optional(),\n followup_on: z.union([z.date(), z.null(), z.string()]).optional(),\n notes: z.string().optional(),\n resume: z\n .union([z.instanceof(File), z.null(), z.string()])\n .optional()\n .refine((file) => !file || file?.size < 5000000 || !!resumeUrl.length, {\n message: 'Resume file must be less than 5MB',\n }),\n cover_letter: z\n .union([z.instanceof(File), z.null(), z.string()])\n .optional()\n .refine(\n (file) => !file || file?.size < 5000000 || !!coverLetterUrl.length,\n {\n message: 'Cover letter file must be less than 5MB',\n },\n ),\n })\n\n const defaultValues = {\n title: savedJob.title,\n city: savedJob.city,\n state: savedJob.state,\n country: savedJob.country,\n postal_code: savedJob.postal_code,\n url: savedJob.url,\n description: savedJob.description,\n company_name: savedJob.company_name,\n location: savedJob.location,\n followup_on: savedJob.followup_on,\n notes: savedJob.notes || '',\n resume: savedJob.resume,\n cover_letter: savedJob.cover_letter,\n }\n\n const form = useForm({\n resolver: zodResolver(schema),\n defaultValues,\n })\n\n const resume = form.watch('resume')\n const coverLetter = form.watch('cover_letter')\n\n useEffect(() => {\n if (resume?.name) setShowResumeName(true)\n }, [resume])\n\n useEffect(() => {\n if (coverLetter?.name) setShowCoverLetterName(true)\n }, [coverLetter])\n\n const onSubmit = async (values) => {\n setButtonStatus('saving')\n\n const url = `/job-search/saved_jobs/${id}`\n\n const data = {\n saved_job: {\n title: values.title,\n city: values.city,\n state: values.state,\n country: values.country,\n postal_code: values.postal_code,\n url: values.url,\n description: values.description,\n company_name: values.company_name,\n location: values.location,\n followup_on: values.followup_on,\n notes: values.notes,\n resume: values.resume,\n cover_letter: values.cover_letter,\n },\n }\n\n const response = await apiPatch(url, data, true)\n\n if (response.status === 200 || response.status === 201) {\n setResumeName(response.data.resume || '')\n setCoverLetterName(response.data.cover_letter || '')\n setResumeUrl(response.data.resume_url || '')\n setCoverLetterUrl(response.data.cover_letter_url || '')\n setButtonStatus('saved')\n setShowResumeName(false)\n setShowCoverLetterName(false)\n setTimeout(() => {\n setButtonStatus('save')\n }, 2000)\n } else {\n console.log(response)\n throw new Error('Failed to save job')\n }\n }\n\n return {\n form,\n onSubmit,\n buttonStatus,\n resumeUrl,\n coverLetterUrl,\n resumeName,\n coverLetterName,\n showResumeName,\n showCoverLetterName,\n }\n}\n\nexport default useSavedJobsForm\n","import React from 'react'\nimport { useQuiz } from '../QuizProvider'\nimport { cn } from '../../../lib/utils'\nimport { Button } from '../../../lib/ui/button'\n\nconst Layout = ({ options, updateResponse, children }) => {\n const { quizIndex } = useQuiz()\n\n const alphabet = ['A', 'B', 'C', 'D', 'E']\n\n return (\n \n
\n {alert.frequency}
\n \n
\n {children}\n \n )\n}\n\nexport default Layout\n\nconst Option = ({ index, type, updateResponse, children, ...props }) => {\n const { trackContent, quizIndex } = useQuiz()\n const selected = trackContent[quizIndex + 1]?.choice === index\n\n const buttonClass =\n 'whitespace-pre-line rounded-[10px] border border-solid border-[#8E8E8E hover:bg-primary hover:text-white'\n const selectedClass = 'bg-primary text-white'\n const nonSelectedCLass = 'bg-white text-[#2F2F2F]'\n\n const handleClick = () => {\n updateResponse(index, type)\n }\n return (\n \n {Object.values(options).map((optionInfo, index) => {\n const { option, type } = optionInfo\n return (\n \n \n {alphabet[index]}\n
\n \n {option}\n
\n \n )\n })}\n {h1Text()}
\n\n {label} \n
\n \n {children}\n
\n \n \n {leadText}\n \n \n {firstParagraph}\n \n \n {secondParagraph}\n \n
\n \n {children}\n
\n \n
\n )\n}\n\nfunction YesButton({ disabled, url }) {\n const { t } = useTranslation()\n const handleClick = (event) => {\n event.stopPropagation()\n window.open(url, '_blank', 'noreferrer')\n }\n\n return (\n \n
\n \n
\n \n \n
\n \n {t('question_continue')}\n
\n \n
\n \n \n {String.fromCharCode(0xe61f)}\n \n
\n )\n}\n","import React, { useState } from 'react'\nimport { Box, Button } from '@mui/joy'\nimport EmailInput from '../EmailInput'\nimport ContactUsLink from '../ContactUsLink'\n\nconst EmailPreferences = ({ candidate }) => {\n const [email, setEmail] = useState(candidate.email)\n const [errors, setErrors] = useState({})\n\n return (\n <>\n Bye {candidate.email}!
\n\n
\n \n
\n {isDesktop && \n
\n {t('results.great_job')}
\n{t(`results.types.${leadershipStyle}.type`)}
\n{t(`results.types.${leadershipStyle}.description`)}
\n{t('results.pros')}
\n {pros.map((pro, idx) => (\n{pro}
\n ))}\n{t('results.cons')}
\n {cons.map((con, idx) => (\n{con}
\n ))}\n{t('results.conclusion')}
\n\n
\n )\n}\n\nconst LikertOption = ({ index, handleNextClick, children, ...props }) => {\n const { trackContent, quizIndex } = useQuiz()\n const { handleOptionClick } = useLikertLayout()\n const selected = trackContent[quizIndex + 1] === index + 1\n\n const handleClick = () => {\n handleOptionClick(index, index + 1)\n handleNextClick()\n }\n\n return (\n \n {options.map((option, index) => (\n \n
\n {children}\n \n {option}\n
\n \n ))}\n Styling
\n Page Setup
\n {JSON.stringify(templateSettings, null, 2)}}\n \n )\n}\n\nexport default StyleEditor\n","import * as React from 'react'\n\nimport { format } from 'date-fns'\nimport { useTranslation } from '../../../hooks/useTranslation'\nimport { FollowupCell } from './FollowupCell'\nimport { StatusCell } from './StatusCell'\nimport { TitleCell } from './TitleCell'\nimport { DebugInfo } from '../../shared/DebugInfo'\n\nexport const columns = [\n {\n accessorKey: 'title',\n header: (props) => {t(column.id)}
\n}\n\nfunction CreatedAtCell({ row, getValue }) {\n const date = getValue()\n const formattedDate = format(new Date(date), 'P')\n const debug = false\n\n return (\n {formattedDate}
\n \n
\n )\n}\n\nexport default WorkshopCard\n","import React, { useState, useEffect, useMemo } from 'react'\nimport { InputField, SelectField } from '../../shared/FormFields'\nimport { Form } from '../../../lib/ui/form'\nimport { useForm } from 'react-hook-form'\nimport { Button } from '../../../lib/ui/button'\nimport InsightCard from './InsightCard'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { TranslationProvider } from '../../../components/shared/TranslationProvider'\nimport { useTranslation } from '../../../hooks/useTranslation'\nimport translations from '../locales.json'\nimport { z } from 'zod'\n\nconst CoachInsights = ({ coach_insights }) => {\n const { t } = useTranslation()\n const [searchTerm, setSearchTerm] = useState('')\n const [category, setCategory] = useState('')\n const [visibleCount, setVisibleCount] = useState(3)\n const coachInsights = useMemo(\n () => JSON.parse(coach_insights),\n [coach_insights],\n )\n const [filteredInsights, setFilteredInsights] = useState([])\n console.log(filteredInsights)\n\n const schema = z.object({\n search: z.string().optional(),\n category: z.string().optional(),\n })\n\n const form = useForm({\n defaultValues: {\n search: '',\n category: '',\n },\n resolver: zodResolver(schema),\n })\n\n useEffect(() => {\n const filtered = coachInsights.filter((insight) => {\n const matchesSearchTerm =\n searchTerm === '' ||\n insight.title.toLowerCase().includes(searchTerm.toLowerCase()) ||\n insight.content.toLowerCase().includes(searchTerm.toLowerCase())\n\n const matchesCategory =\n category === t('categories.all_categories') ||\n category === '' ||\n insight.category.toLowerCase() === category.toLowerCase()\n\n return matchesSearchTerm && matchesCategory\n })\n setFilteredInsights(filtered)\n }, [coachInsights, searchTerm, category, t])\n\n const categories = [\n t('categories.all_categories'),\n ...new Set(coachInsights.map((insight) => insight.category).sort()),\n ]\n\n const handleSearch = (data) => {\n setSearchTerm(data.search || '')\n setCategory(data.category || '')\n setVisibleCount(3) // Reset on new search\n }\n\n return (\n \n toggleResourceFavorite(resource)}\n >\n
\n \n \n \n\n
\n )\n}\n\nconst Index = ({ coach_insights, locale }) => {\n return (\n \n {filteredInsights.slice(0, visibleCount).map((insight) => (\n
\n\n {visibleCount < filteredInsights.length && (\n \n setVisibleCount((prev) => prev + 3)}\n className=\"text-sm text-intoo-green-coachcta hover:underline\"\n >\n {t('view_more')}\n \n
\n )}\n \n
\n ) : (\n }\n
\n {job['logo'] ? (\n
\n )}\n \n
\n ) : (\n \n \n {job['company'][0].toUpperCase()}\n
\n \n \n \n \n
\n \n \n )\n })}\n \n {section === 0 &&
\n )\n}\n\nexport default SocialMediaReviewExercise\n","import * as React from 'react'\n\nimport { useSavedJobs } from './SavedJobsProvider'\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuSeparator,\n DropdownMenuTrigger,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n} from '../../../lib/ui/dropdown-menu'\nimport { useTranslation } from '../../../hooks/useTranslation'\nimport { ChevronDown } from 'lucide-react'\nimport { Button } from '../../../lib/ui/button'\n\nexport function SortByDropdown() {\n const {\n sortBy: {\n pinFollowupJobs,\n setPinFollowupJobs,\n sortByValue,\n setSortByValue,\n },\n } = useSavedJobs()\n const { t } = useTranslation('sort_by')\n\n return (\n \n
\n {t('looking_for')}
\n{t('interested_in')}
\n\n
\n )\n}\nexport default ActiveTile\n\nconst TrackItem = ({ tile, t, completedTasks, totalTasks }) => {\n const [isSkipped, setIsSkipped] = useState(false)\n const [skipping, setSkipping] = useState(false)\n const [isCompleted, setIsCompleted] = useState(false)\n\n useEffect(() => {\n setIsSkipped(tile.skipped)\n setIsCompleted(tile.completed)\n }, [tile])\n\n const skipItemAnimation = (tile) => {\n if (!isSkipped) {\n setSkipping(true)\n setTimeout(() => {\n if (completedTasks === totalTasks.length - 1) {\n window.scrollTo({ top: 0, behavior: 'smooth' })\n setTimeout(() => {\n getUserTrackerSections()\n }, 1000)\n } else {\n getUserTrackerSections()\n }\n setSkipping(false)\n }, 2550)\n } else {\n setIsSkipped(!isSkipped)\n tile.skipped = !isSkipped\n getUserTrackerSections()\n }\n }\n\n const skipItem = async () => {\n const res = await apiPatch('/trackers/skip_item', { slug: tile.slug })\n if (res.status === 200) {\n skipItemAnimation(tile)\n\n return res\n } else {\n throw new Error('res not ok')\n }\n }\n const markItemComplete = async () => {\n const res = await apiPatch('/trackers/mark_item_complete', {\n achievement: tile.achievement,\n })\n if (res.status === 200) {\n if (completedTasks === totalTasks.length - 1) {\n // scroll to top of the page\n window.scrollTo({ top: 0, behavior: 'smooth' })\n setTimeout(() => {\n getUserTrackerSections()\n }, 1000)\n } else {\n setIsCompleted(true)\n tile.completed = true\n getUserTrackerSections()\n }\n\n return res\n } else {\n throw new Error('res not ok')\n }\n }\n\n const icon = itemTypeMap[tile.type].icon\n\n return (\n \n
\n \n {sortedSubsections.map((tile, idx) => {\n return (\n
\n \n
\n \n \n {skippedText}\n
\n \n
\n \n \n
\n \n
\n \n \n {tile.name}
\n {tile.description}\n \n
\n \n \n {tile.length}\n
\n \n {React.cloneElement(icon, {\n variant: isCoachService ? 'coach' : 'primary',\n height: '24',\n })}\n \n {tile.type.split('_').join(' ')}\n
\n \n \n \n {isCoachService ? (\n \n {itemTypeMap[tile.type].text}\n \n {React.cloneElement(icon, { variant: 'light', height: '24' })}\n \n \n ) : (\n \n {itemTypeMap[tile.type].text}\n \n {React.cloneElement(icon, { variant: 'light', height: '24' })}\n \n \n )}\n \n {isCompleted ? (\n \n Mark as Completed\n \n )}\n
\n \n \n {!isCompleted && !isSkipped && (\n \n Skip\n \n )}\n
\n \n )\n}\n","import React from 'react'\nimport Question from './Question'\nimport useLikertLayout from '../LikertLayout/LikertLayoutProvider'\n\nconst Questions = () => {\n const { questions, sectionIndex } = useLikertLayout()\n const questionsArr = Object.values(questions)\n const numQuestionsInSection = questionsArr.length\n\n return (\n <>\n {questionsArr.map((question, idx) => (\n \n \n {bio}\n \n {startCollapsed && (\n \n {toggleText}\n \n )}\n
\n )\n}\n\nexport default CoachBio\n","import React, { useEffect, useRef } from 'react'\nimport { ScrollArea } from '../../lib/ui/scroll-area'\nimport { cn } from '../../lib/utils'\nimport Cursor from '../stories/cover_letters/CreateAi/Cursor'\nimport TypingEffect from '../stories/cover_letters/CreateAi/TypingEffect'\n\nconst AylaResponseScrollArea = ({\n className,\n showBorder,\n aylaResponse,\n typingComplete,\n setTypingComplete,\n displayedText,\n setDisplayedText,\n index,\n setIndex,\n showCursor,\n children,\n}) => {\n const scrollAreaRef = useRef(null)\n\n // Scroll to the bottom whenever displayedText changes\n useEffect(() => {\n if (scrollAreaRef.current) {\n scrollAreaRef.current.scrollTop = scrollAreaRef.current.scrollHeight\n }\n }, [displayedText])\n\n return (\n Meet Your Coach
\n{t.subtitle}
}\n {tonePresent && (\n{t.regenerate_subtitle}
\n )}\n\n\n \n setTargetJobTitle(event.target.value)}\n />\n
\n \n \n setYearsExperience(event.target.value)}\n />\n
\n \n \n setExampleDescription(event.target.value)}\n />\n
\n {!useSkillsMatch && (\n <>\n \n \n setExampleLink(event.target.value)}\n />\n
\n \n \n setSkillsExperiences(event.target.value)}\n />\n
\n \n )}\n {tonePresent && (\n <>\n \n {coverLetterTone < 33 && t.tone_informal}\n {coverLetterTone >= 33 &&\n coverLetterTone < 66 &&\n t.tone_neutral}\n {coverLetterTone >= 66 &&\n coverLetterTone < 99 &&\n t.tone_business_formal}\n {coverLetterTone >= 99 && t.tone_very_formal}\n
\n \n \n )}\n \n \n {parse(paragraph)}\n
\n
\n {addressLine1}
\n {addressLine2 && {addressLine2}
}\n \n {city}, {state}\n
\n {postalCode}
\n \n Key Skills and Expertise \n
\n )\n}\nexport default KeySkills\n","import * as React from 'react'\n\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\n\nimport { cn } from '../utils'\n\nconst Popover = PopoverPrimitive.Root\n\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\nconst PopoverCloseButton = PopoverPrimitive.Close\n\nconst PopoverContent = React.forwardRef(\n (\n { className, align = 'center', portal = true, sideOffset = 4, ...props },\n ref,\n ) => {\n const content = (\n \n What are your primary skills and areas of expertise? List your core\n competencies.\n
\n {skills.map((skill, skillIndex) => {\n skill.key = skill.key || newKey()\n return (\n \n \n
\n )\n })}\n \n \n removeSkill(skillIndex)}\n />\n
\n \n \n \n {t('my_jobs_card.jobs_applied')}\n \n \n {current_user.recently_applied_job_count}\n \n
\n Save Changes
\n\n
\n \n \n )\n}\nexport default SaveModal\n","import React from 'react'\nimport ExampleScripts from './ExampleScripts'\nimport parse from 'html-react-parser'\nimport HighlightCommentProvider, {\n useHighlightComment,\n} from './HighlightCommentProvider'\nimport {\n NumberedList,\n TitledBulletList,\n TitledList,\n List,\n BulletedList,\n NestedBulletList,\n TitledNumberedList,\n} from './lists'\nimport CommentBox from './CommentBox'\nimport LeaveSiteWarning from '../shared/LeaveSiteWarning'\nimport { useTranslation } from '../../hooks/useTranslation'\nimport CarouselBox from './CarouselBox'\nimport CalloutBox from './CalloutBox'\n\nconst Section = ({ section }) => {\n const { title, children, exclude_title } = section\n return (\n <>\n {!exclude_title && (\n \n \n setCoverLetterName(e.target.value)}\n onKeyDown={saveButtonKeyDown}\n disabled={isSaving}\n />\n
\n \n \n \n Save & Exit\n \n
\n {title}
\n )}\n {children.map((child, index) => (\n\n \n
\n )\n}\n\nconst ExampleForm = ({ formObject }) => {\n const { children } = formObject\n return (\n \n {children.map((child, index) => (\n
\n )\n}\n\nconst Paragraph = ({ paragraphObject, additionalClass }) => {\n const { content, plugins, title } = paragraphObject\n const { actionProps, highlightClass } = useHighlightComment()\n\n const text =\n plugins && plugins.includes('parse-html') ? parse(content) : content\n\n const newTitle =\n title && plugins && plugins.includes('parse-html') ? parse(title) : title\n\n let pClass = ''\n if (plugins) {\n pClass += plugins.join(' ')\n }\n if (highlightClass) {\n pClass += ' ' + highlightClass\n }\n if (additionalClass) {\n pClass += ' ' + additionalClass\n }\n\n const titleClass = `mt-6 text-xl font-semibold ${additionalClass || ''}`\n\n return (\n <>\n {newTitle && {newTitle}
}\n \n
\n \n )\n}\n\nconst Indent = ({ indentObject }) => {\n return \n {text}\n
\n\n {columnFlowGridObjects.children.map((obj, index) => (\n \n {obj.label}\n \n ))}\n
\n )\n}\n\nconst Table = ({ tableObject }) => {\n const { title, headers, rows } = tableObject\n\n return (\n \n
\n )\n}\n\nconst Example = ({ exampleObject }) => {\n const { content, plugins, title } = exampleObject\n\n const parsedContent =\n plugins && plugins.includes('parse-html') ? parse(content) : content\n\n return (\n \n {title &&
\n {title}
}\n \n \n \n
\n
\n | \n {header}\n | \n ))}\n
|---|
| \n {cell}\n | \n ))}\n
\n
\n )\n}\n\nconst Tip = ({ tipObject }) => {\n const { plugins, content, label, title } = tipObject\n const { t } = useTranslation('index')\n\n const parsedContent =\n plugins && plugins.includes('parse-html') && typeof content === 'string'\n ? parse(content)\n : content\n\n const lightBulbSvg = (\n \n {title ? title : 'Example:'}\n
\n {parsedContent}
\n {title}
}\n \n
\n \n )\n}\n\nexport default Section\n","import React from 'react'\nconst CopyToClipboard = () => {\n return (\n \n
\n {lightBulbSvg}
\n \n {label || t('tip')}: {parsedContent}\n
\n\n {preProgramEvaluation && (\n
\n \n \n )\n}\n\nconst ProgramEvaluations = ({\n modal,\n topicSelection,\n postProgramEvaluation,\n managerPostEval,\n btnText,\n classes,\n ...props\n}) => {\n const [openDialog, setOpenDialog] = useState(false)\n const [showButton, setShowButton] = useState(true)\n const toggleDialog = () => setOpenDialog(!openDialog)\n return (\n {t('TwoFactorCreate.title')}
\n{t('TwoFactorCreate.step1')}
\n {t('TwoFactorCreate.step1_content')}\n{t('TwoFactorCreate.step2')}
\n{t('TwoFactorCreate.step2_content')}
\n{t('TwoFactorCreate.step2_subtext')}:
\n\n {otpCreateData.secret}\n
\n{t('TwoFactorCreate.step3')}
\n {t('TwoFactorCreate.step3_content')}\n\n
\n )\n}\nexport default IndustryResearch\n","import * as React from 'react'\nimport Cursor from './Cursor'\n\nexport default function TypingEffect({\n message,\n baseSpeed,\n aiStreamComplete,\n setTypingComplete,\n displayedText,\n setDisplayedText,\n index,\n setIndex,\n}) {\n React.useEffect(() => {\n const getSpeed = (char) => {\n if (char === '.' || char === '!' || char === ',') {\n return baseSpeed\n } else if (char === ' ') {\n return baseSpeed\n } else {\n return baseSpeed\n }\n }\n\n if (index < message.length) {\n setTypingComplete(false)\n const currentChar = message.charAt(index)\n const timeoutId = setTimeout(() => {\n setDisplayedText((prev) => prev + currentChar)\n setIndex(index + 1)\n }, getSpeed(currentChar))\n\n return () => clearTimeout(timeoutId)\n } else {\n // document.getElementById('copy-button').style.display = 'flex'\n // document.getElementById('download-button').style.display = 'block'\n // document.getElementById('ayla-cover-letter-text').style.display = 'block'\n // document.getElementById('cover-letter-buttons').style.display = 'flex'\n setTypingComplete(true)\n }\n }, [\n displayedText,\n message,\n index,\n baseSpeed,\n setDisplayedText,\n setTypingComplete,\n setIndex,\n ])\n\n const paragraphs = displayedText.split('\\n\\n')\n\n const showCursor = (paragraphIndex) => {\n if (aiStreamComplete) return false\n\n return paragraphIndex === paragraphs.length - 1\n }\n\n return (\n <>\n {paragraphs.map((paragraph, index) => (\n \n \n \n
\n \n {paragraph}\n
\n \n setDesiredLocation(e.target.value)}\n />\n
\n )\n}\nexport default DesiredLocation\n","import React from 'react'\nimport { useTranslation } from '../../hooks/useTranslation'\nimport { useQuiz } from './QuizProvider'\nimport Outcomes from './StartQuiz/Outcomes'\nimport StartQuizTop from './StartQuiz/StartQuizTop'\nimport Sections from './StartQuiz/Sections'\n\nconst StartQuiz = ({ questionCount, quizExists }) => {\n const { formattedQuizName, gifPath } = useQuiz()\n const { t } = useTranslation('')\n const outcomes = t(`${formattedQuizName}.start_quiz.outcomes`)\n const questionsInfo = t(`${formattedQuizName}.questions`)\n const questionsArr = Object.values(questionsInfo)\n const numQuestions = questionCount || questionsArr.length\n\n const showOutcomes = typeof outcomes === 'object'\n return (\n <>\n \n
\n \n )\n}\nexport default StartQuiz\n","import React, { useEffect, useState } from 'react'\nimport Option from './Option'\nimport { useQuiz } from './QuizProvider'\nimport { cn } from '../../lib/utils'\n\nconst LayoutFiveOptions = ({\n updateResponse,\n updateSelfAssessmentQuiz,\n questionInfo,\n children,\n}) => {\n const { quizIndex, trackContent, setTrackContent, tasks, setTasks } =\n useQuiz()\n const [focus, setFocus] = useState(null)\n const options = Object.values(questionInfo.options)\n\n useEffect(() => {\n const currentTrackContent = trackContent[quizIndex + 1]\n\n // Find the index of the option that matches the current track content\n const responseValue = options.findIndex(\n (option) => option.feedback_key === currentTrackContent,\n )\n\n setFocus(responseValue !== -1 ? responseValue : null)\n }, [trackContent, quizIndex, options])\n\n const handleOptionClick = (choice, feedback_key) => {\n const key = feedback_key === 'yes_response' ? 0 : 1\n const show = () => {\n updateSelfAssessmentQuiz\n ? updateSelfAssessmentQuiz(feedback_key)\n : updateResponse(key)\n }\n\n trackContent[quizIndex + 1] = feedback_key\n\n setTrackContent({\n ...trackContent,\n })\n\n let newTask\n const prevTasks = tasks\n\n if (choice === 0 && questionInfo.yes_action_results_copy) {\n newTask = questionInfo.yes_action_results_copy\n } else if (choice === 1 && questionInfo.no_action_results_copy) {\n newTask = questionInfo.no_action_results_copy\n } else if (questionInfo.action_results_copy) {\n newTask = questionInfo.action_results_copy\n }\n\n if (newTask) {\n prevTasks[quizIndex + 1] = newTask\n setTasks({ ...prevTasks })\n }\n\n show()\n setFocus(choice)\n }\n\n const alphabet = ['A', 'B', 'C', 'D', 'E']\n\n return (\n \n {showOutcomes &&
\n \n 
\n
\n \n
\n {children}\n \n )\n}\n\nexport default LayoutFiveOptions\n","import React, { useEffect, useState } from 'react'\nimport { BackQuizButton, PrimaryQuizButton } from '../Buttons.js'\nimport { useIsDesktop, useIsMobile } from '../../../hooks/useMediaQuery.js'\nimport { useQuiz } from '../QuizProvider.js'\nimport Layout from './Layout.js'\nimport useTranslation from '../../shared/TranslationProvider.js'\nimport Response from '../Response.js'\nimport useDiscoverYourLearningStyle from './DiscoverYourLearningStyleProvider.js'\n\nconst Question = ({ questionInfo, numQuestions, idx }) => {\n const { saveQuiz, setQuizIndex, quizIndex, setStarted, trackContent } =\n useQuiz()\n\n const { t } = useTranslation('discover_your_learning_style')\n const currentTrackContent = trackContent[quizIndex + 1]\n const hasResponse =\n currentTrackContent !== undefined && currentTrackContent !== null\n\n const [response, setResponse] = useState(\n hasResponse\n ? t(`questions.${idx + 1}.feedback.response`, {\n type: currentTrackContent?.type,\n })\n : null,\n )\n\n const question = questionInfo.question\n const isDesktop = useIsDesktop()\n const isMobile = useIsMobile()\n\n const { handleOptionClick } = useDiscoverYourLearningStyle()\n\n const options = questionInfo.options\n\n const updateResponse = (choice, type) => {\n if (choice !== null && choice !== undefined) {\n setResponse(\n t(`questions.${idx + 1}.feedback.response`, {\n type,\n }),\n )\n }\n handleOptionClick(choice, type)\n }\n\n const handleBackClick = () => {\n if (idx === 0) {\n setStarted(false)\n } else setQuizIndex((prev) => prev - 1)\n }\n\n const handleNextClick = () => {\n const showResultsPage = quizIndex === numQuestions - 1\n if (showResultsPage) {\n saveQuiz(showResultsPage)\n } else {\n saveQuiz(false, false)\n setQuizIndex((prev) => prev + 1)\n }\n }\n\n useEffect(() => {\n if (isMobile) {\n window.scrollTo(0, document.body.scrollHeight)\n } else {\n window.scrollTo(0, 0)\n }\n }, [isMobile])\n\n const layoutProps = { options, questionInfo, updateResponse }\n\n const showQuestion = quizIndex === idx\n\n return (\n showQuestion && (\n \n {options.map((option, index) => (\n handleOptionClick(index, option['feedback_key'])}\n >\n \n {alphabet[index]}\n
\n \n {option['option']}\n
\n \n ))}\n \n
\n )\n )\n}\nexport default Question\n\nconst Image = ({ questionInfo }) => {\n const image = questionInfo.image\n const isDesktop = useIsDesktop()\n const { bucketPath } = useQuiz()\n if (!image || !isDesktop) return null\n return (\n \n \n \n\n
\n\n {question}
\n\n {hasResponse && (\n
\n \n \n {t('overview.back_button')}\n \n
\n \n \n {t('overview.continue_button')}\n \n {isDesktop && (\n
\n \n {t('overview.progress', {\n questionNumber: quizIndex + 1,\n totalQuestions: numQuestions,\n })}\n
\n )}\n \n 
\n
\n )\n}\n","import React from 'react'\nimport Results from '../QuizResults/Results'\nimport { useQuiz } from '../QuizProvider'\nimport useTranslation from '../../shared/TranslationProvider'\nimport { useIsDesktop } from '../../../hooks/useMediaQuery'\nimport Avatar from '../Avatar'\n\nconst DiscoverYourLearningStyleResults = () => {\n const { t } = useTranslation('discover_your_learning_style')\n const { trackContent, resultsPageAvatar } = useQuiz()\n\n const trackContentValues = Object.values(trackContent)\n\n const visualSCore = trackContentValues.filter(\n (item) => item.type === 'visual',\n ).length\n const auditoryScore = trackContentValues.filter(\n (item) => item.type === 'auditory',\n ).length\n const kinestheticScore = trackContentValues.filter(\n (item) => item.type === 'kinesthetic',\n ).length\n const socialScore = trackContentValues.filter(\n (item) => item.type === 'social',\n ).length\n\n const analyticScore = trackContentValues.filter(\n (item) => item.type === 'analytic',\n ).length\n\n const solitaryScore = trackContentValues.filter(\n (item) => item.type === 'solitary',\n ).length\n\n const multimodalScore = trackContentValues.filter(\n (item) => item.type === 'multimodal',\n ).length\n\n const verbalScore = trackContentValues.filter(\n (item) => item.type === 'verbal',\n ).length\n\n const majorLearningStyles = [\n { name: 'visual', score: visualSCore },\n { name: 'auditory', score: auditoryScore },\n { name: 'kinesthetic', score: kinestheticScore },\n { name: 'social', score: socialScore },\n { name: 'analytic', score: analyticScore },\n ].filter((ele) => ele['score'] > 0)\n\n const additionalModes = [\n { name: 'solitary', score: solitaryScore },\n { name: 'multimodal', score: multimodalScore },\n { name: 'verbal', score: verbalScore },\n ]\n\n const sortedLearningStyles = majorLearningStyles.sort(\n (a, b) => b['score'] - a['score'],\n )\n\n const additionalLearningStyles = additionalModes.filter(\n (ele) => ele['score'] > 0,\n )\n\n const isDesktop = useIsDesktop()\n\n const coachTipStyles = sortedLearningStyles\n .concat(additionalLearningStyles)\n .filter((style) => style.name !== 'multimodal')\n\n const pluralStyle = coachTipStyles.length > 1 ? 'styles' : 'style'\n const pluralLearningStyles =\n sortedLearningStyles.length > 1 ? 'styles' : 'style'\n\n return (\n \n
\n \n
\n {isDesktop && \n
\n {t('results.copy.great_job')}
\n{t('results.copy.learning_styles', { pluralLearningStyles })}
\n- \n {sortedLearningStyles.map((style, idx) => (\n
- \n {t(`results.copy.${style.name}`)['name']}\n \n ))}\n
\n {t(`results.copy.${style.name}.text`)}\n
\n ))}\n \n )}\n{t(`results.copy.coach_tips_all.intro`, { pluralStyle })}
\n {coachTipStyles.map((style, idx) => (\n\n
\n )\n}\n","import * as React from 'react'\n\nimport { useJobSearch } from './JobSearchProvider'\nimport { ScrollArea } from '../../../lib/ui/scroll-area'\nimport JobDetails, { JobDetailsTop, JobDetailsBottom } from './JobDetails'\nimport JobCard from './JobCard'\nimport { Drawer, DrawerContent } from '../../../lib/ui/drawer'\nimport { useIsDesktop } from '../../../hooks/useMediaQuery'\nimport { Button } from '../../../lib/ui/button'\nimport { Separator } from '../../../lib/ui/separator'\nimport ArrowLongLeftIcon from './ArrowLongLeftIcon'\nimport { useTranslation } from '../../../hooks/useTranslation'\nimport { ViewMoreButton } from './buttons'\nimport { cn } from '../../../lib/utils'\n\nexport default function SearchResults() {\n const { t } = useTranslation('SearchResults')\n const {\n selectedJobDrawerOpen,\n setSelectedJobDrawerOpen,\n resultDetailScrollRef,\n noResultQuery,\n jobResults,\n } = useJobSearch()\n const isDesktop = useIsDesktop()\n\n const showResults = jobResults.length > 0\n const viewPortProps = { tabIndex: 0, role: 'document' }\n\n if (noResultQuery) {\n return (\n {sectionTitle}
\n \n {coach_tips.map((tip, idx) => (\n
\n \n {tip.bold && (\n <>\n {tip.bold}\n {': '}\n \n )}\n {tip.text}\n
\n ))}\n\n
\n )\n }\n\n if (!showResults) {\n return (\n \n {t('no_results')}\n
\n\n {t('no_results_suggestions')}\n
\n\n
\n )\n }\n\n if (isDesktop) {\n return (\n \n {t('get_started')}\n
\n\n
\n )\n }\n\n return (\n \n
\n\n \n \n
\n \n
\n \n
\n \n
\n \n \n \n \n \n \n \n \n
\n )\n}\n\nfunction JobCardList() {\n const { jobResults, showViewMoreButton, amountShown, amountTotal } =\n useJobSearch()\n\n return (\n <>\n \n setSelectedJobDrawerOpen(false)}\n >\n
\n \n
\n - \n {jobResults.map((job, i) => (\n
\n Displaying {amountShown} of {amountTotal} jobs\n
\n {showViewMoreButton && \n
\n \n
\n {isDesktop && {t(`results.score`, { numCorrect, numQuestions, score })}
\n\n
\n {t(`results.congratulations`)}
\n{t(`results.all`)}
\n{t(`results.all_p2`)}
\n\n handleChange(exerciseIndex, 'calling', e)}\n value={getResponse(exerciseIndex, 'calling') || ''}\n />\n handleChange(exerciseIndex, 'love_to_do', e)}\n value={getResponse(exerciseIndex, 'love_to_do') || ''}\n />\n
\n )\n}\n\nexport default FindingPurposePageTwo\n\nconst PageMessage = () => {\n const { formattedExerciseName, trackContent } = useExercise()\n const { t } = useTranslation(formattedExerciseName)\n const pageTwoTranslations = t('pages.1')\n const selectedPhrases = trackContent[0]?.selected_phrases || []\n const pageOneDataEmpty = selectedPhrases.length === 0\n if (pageOneDataEmpty) return {pageTwoTranslations.calling}
\n{pageTwoTranslations.love_to_do}
\n{pageTwoTranslations.find_inspiration}
\n- \n {selectedPhrases.map((phrase, index) => (\n
- \n {phrase}\n \n ))}\n
{pageTwoTranslations.come_together}
\n \n )\n}\n\nconst ReturnMessage = () => {\n const { formattedExerciseName, handleBackClick } = useExercise()\n const { t } = useTranslation(formattedExerciseName)\n const pageTwoTranslations = t('pages.1')\n const returnMessage = pageTwoTranslations.return_to_previous\n return (\n\n
\n {children}\n \n )\n}\n\nexport default LayoutTrueFalse\n","import React, { useEffect } from 'react'\nimport { useNav } from './NavProvider'\nimport { SubNavLink } from './SubNav'\n\nconst PopupSubNav = ({ popupRef, slug, items }) => {\n const { popupSubNav, setPopupSubNav, currentTimer } = useNav()\n const active = slug === popupSubNav\n useEffect(() => {\n const handleClick = (e) => {\n if (popupRef.current && !popupRef.current.contains(e.target)) {\n setPopupSubNav(null)\n }\n }\n if (active) document.addEventListener('mousedown', handleClick)\n return () => {\n document.removeEventListener('mousedown', handleClick)\n }\n }, [popupRef, setPopupSubNav, active])\n\n const setHovering = (e) => {\n clearTimeout(currentTimer.current)\n setPopupSubNav(slug)\n e.stopPropagation()\n }\n const setNotHovering = (e) => {\n clearTimeout(currentTimer.current)\n const timerId = setTimeout(() => {\n setPopupSubNav(null)\n }, 1000)\n currentTimer.current = timerId\n e.stopPropagation()\n }\n\n const popupClasses = slug == popupSubNav ? 'visible' : 'invisible'\n\n if (!items) {\n return null\n }\n return (\n \n {options.map((option, index) => (\n {\n handleOptionClick(index, option['feedback_key'])\n setFocus(index)\n }}\n >\n \n {alphabet[index]}\n
\n \n {option['option']}\n
\n \n ))}\n \n {items.map((child, childIndex) => (\n
\n \n )\n}\nexport default PopupSubNav\n","import React from 'react'\nimport { cn } from '../../lib/utils'\n\nexport const AssessmentsIcon = ({ className }) => {\n const displayClass = cn('inline stroke-black', className)\n const height = 24\n const width = 24\n const strokeWidth = '4.5'\n return (\n \n
\n ) : (\n <>\n \n
\n \n
\n \n )\n}\n\nexport default PieChartExample\n","import React from 'react'\nimport Page from './Page'\nimport { useTranslation } from '../../hooks/useTranslation'\nimport { useExercise } from './ExerciseProvider'\nimport PieOfLifeExercise from './PieOfLife/PieOfLifeExercise'\n\nconst Exercise = () => {\n const { formattedExerciseName, exerciseName } = useExercise()\n const { t } = useTranslation(formattedExerciseName)\n const pagesInfo = t('pages')\n const pagesArr = Object.values(pagesInfo)\n const numPages = pagesArr.length\n\n if (exerciseName === 'Pie Of Life') {\n return \n {pagesArr.map((page, idx) => (\n
\n )\n}\n\nexport default Exercise\n","import React, { useEffect } from 'react'\nimport PersonalBrandStatementPageTwo from './PersonalBrandStatementPageTwo'\nimport PersonalBrandStatementPageThree from './PersonalBrandStatementPageThree'\nimport PersonalBrandStatementPageFour from './PersonalBrandStatementPageFour'\nimport { useExercise } from '../ExerciseProvider'\nimport { Textarea } from '../../../lib/ui/textarea'\n\nconst PersonalBrandStatementExercise = ({ questions, conclusion, section }) => {\n const {\n handleChange,\n getResponse,\n exerciseIndex,\n trackContent,\n saveExercise,\n } = useExercise()\n\n useEffect(() => {\n const handlePaginationClick = (e) => {\n const link = e.target.closest('.workshop-pagination a')\n if (link) {\n e.preventDefault()\n saveExercise()\n .then(() => {\n if (\n !link.hasAttribute('data-method') ||\n link.getAttribute('data-method') !== 'post'\n ) {\n window.location.href = link.href\n }\n return null\n })\n .catch((error) => {\n console.error('Error saving exercise:', error)\n })\n }\n }\n\n document.addEventListener('click', handlePaginationClick)\n\n return () => {\n document.removeEventListener('click', handlePaginationClick)\n }\n }, [saveExercise])\n\n return (\n \n {section === 0 && (\n
\n )}\n {section === 1 && \n
\n \n {questions.map((question, index) => (\n \n
\n ))}\n \n \n \n handleChange(exerciseIndex, question.slug, e)\n }\n value={getResponse(exerciseIndex, question.slug) || ''}\n />\n
\n {conclusion}
\n \n
\n )\n}\n\nconst SelectTemplatePanel = () => {\n const { templateIndex, setTemplateIndex } = useTemplate()\n const templateIndices = [0, 1, 2]\n const activeClasses = 'font-roboto-slab text-primary font-bold pb-2'\n const inactiveClasses = 'font-roboto-slab text-primary pb-2'\n\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n
\n \n
\n \n {templateIndices.map((index) => (\n
\n )\n}\n\nconst TemplatePreview = ({ className, templateIndex }) => {\n const url = `https://www-yns-com.s3.amazonaws.com/resume_builder/Template${templateIndex}.png`\n return (\n \n \n Style {index + 1}\n \n setTemplateIndex(index)}\n disabled={templateIndex === index}\n className={\n templateIndex === index\n ? 'rounded-xl border-4 border-solid border-primary'\n : 'm-1 rounded-xl'\n }\n >\n
\n ))}\n \n setEditorResume(e.target.value)}\n >\n
\n )\n}\n","import * as React from 'react'\n\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group'\nimport { Circle } from 'lucide-react'\n\nimport { cn } from '../utils'\n\nconst RadioGroup = React.forwardRef(({ className, ...props }, ref) => {\n return (\n \n \n
\n \n \n \n {resumeIsUploading &&
\n \n )\n}\nexport default DropzoneResumeUpload\n","import { createSlice } from '@reduxjs/toolkit'\n\nconst actionPlanSlice = createSlice({\n name: 'actionPlan',\n initialState: {\n goal: {\n value: '',\n },\n timeline: {\n value: '',\n },\n progressPercent: {\n value: 0,\n },\n trackerSectionInfo: {\n value: [],\n },\n },\n reducers: {\n setGoal: (state, action) => {\n state.goal.value = action.payload\n },\n setTimeline: (state, action) => {\n state.timeline.value = action.payload\n },\n setProgressPercent: (state, action) => {\n state.progressPercent.value = action.payload\n },\n setTrackerSectionInfo: (state, action) => {\n state.trackerSectionInfo.value = action.payload\n },\n },\n selectors: {\n selectGoal: (state) => state.goal.value,\n selectTimeline: (state) => state.timeline.value,\n selectProgressPercent: (state) => state.progressPercent.value,\n selectTrackerSectionInfo: (state) => state.trackerSectionInfo.value,\n },\n})\n\nexport default actionPlanSlice.reducer\nexport const {\n setGoal,\n setTimeline,\n setProgressPercent,\n setTrackerSectionInfo,\n} = actionPlanSlice.actions\nexport const {\n selectGoal,\n selectTimeline,\n selectProgressPercent,\n selectTrackerSectionInfo,\n} = actionPlanSlice.selectors\n","import React, { Fragment, useState, useEffect } from 'react'\nimport { useTranslation } from '../../../hooks/useTranslation'\nimport { getApi } from '~/util/api'\nimport { Button, Card, Typography } from '~/components/_atoms'\nimport { Stack } from '~/components/_layouts'\nimport Spinner from '~/components/shared/Spinner'\n\nexport function RecommendedBlogsCard({ className }) {\n const { t } = useTranslation()\n const [isLoading, setIsLoading] = useState(false)\n const [recommendedBlogs, setRecommendedBlogs] = useState([])\n\n useEffect(() => {\n setIsLoading(true)\n getApi()\n .get('/recommended_blogs')\n .then((response) => {\n if (response.status == 200) {\n setRecommendedBlogs(response.data)\n return\n } else {\n throw new Error('json request failed')\n }\n })\n .finally(() => {\n setIsLoading(false)\n })\n .catch((error) => {\n console.log('json request failed', error)\n })\n }, [setRecommendedBlogs])\n\n return (\n Upload your resume
\n \n
\n )}\n Drag and drop your resume here, or click to select
\n (Files must be in .pdf, .doc, or .docx format)\n\n
\n ) : (\n }\n
\n \n \n \n {blog['title']}\n \n \n
\n \n \n {t('recommended_blogs_card.view_action')}\n \n
\n \n \n
\n )\n )\n}\n\nconst Image = ({ questionInfo }) => {\n const { image } = questionInfo\n const isDesktop = useIsDesktop()\n const { bucketPath } = useQuiz()\n if (!image || !isDesktop) return null\n return (\n \n \n \n \n )}\n
\n {question}
\n {likert ? (\n\n \n {continueText}\n \n {isDesktop && (\n
\n \n {quizIndex + 1} of {numQuestions}\n
\n )}\n \n 
\n
\n )\n}\n\nexport default Question\n","import * as React from 'react'\n\nimport { Slot } from '@radix-ui/react-slot'\nimport { Controller, FormProvider, useFormContext } from 'react-hook-form'\n\nimport { cn } from '../utils'\nimport { Label } from './label'\n\nconst Form = FormProvider\n\nconst FormFieldContext = React.createContext({})\n\nconst FormField = ({ ...props }) => {\n return (\n \n \n
\n \n
\n\n \n {!!recruiter.posted_on_month_day && (\n <>\n {t('posted')} {recruiter.posted_on_month_day}\n \n )}\n
\n \n {/*
\n \n
\n {recruiter.name}
\n\n
\n {recruiter.city_state}
\n {description}
\n \n \n )\n}\n\nconst SavedStatusIcon = ({ recruiter }) => {\n const { isSavedRecruiterCompany } = useRecruiterSearch()\n\n const saved = isSavedRecruiterCompany(recruiter)\n\n if (saved) return\n
\n )\n}\nexport default Calendly\n","import * as React from 'react'\nimport { useCompanySearch } from './CompanySearchProvider'\nimport { useTranslation } from '../../../hooks/useTranslation'\nimport { useIsMobile } from '../../../hooks/useMediaQuery'\nimport {\n DetailsBottom,\n DetailsBottomHeading,\n DetailsDetails,\n DetailsRow,\n DetailsTop,\n DetailsTopBody,\n DetailsTopSave,\n DetailsTopSubtitle,\n DetailsTopTitle,\n} from '~/components/shared/SearchResultDetails'\nimport LeaveSiteWarning from '~/components/shared/LeaveSiteWarning/index'\nimport { Button } from '~/lib/ui/button'\nimport { LinkedInButton } from '~/components/shared/Buttons'\nimport SearchResultsSavedStatus from '~/components/shared/SearchResultsSavedStatus'\nimport { CheckIcon } from '~/components/job_search/SavedJobsPage/Icons'\n\nexport function CompanyDetailsTop() {\n const {\n selectedCompany: company,\n debug,\n queryStatusMessage,\n isSavedCompany,\n } = useCompanySearch()\n const isMobile = useIsMobile()\n if (!company) return null\n const { name, addressLine1, addressLine2, city, state, postalCode } = company\n\n return (\n \n
\n \n
\n {addressLine1}
\n {addressLine2 && {addressLine2}
}\n \n {city}, {state}\n
\n {postalCode}
\n {queryStatusMessage}}\n \n \n \n {competitors && (\n \n \n )}\n \n \n \n {t('no_contacts')} }\n \n
\n \n \n \n {t('company_size')}\n \n \n {companySize || t('info_unavailable')}\n \n \n {yearFounded && (\n \n \n {t('year_founded')}\n \n {yearFounded} \n \n )}\n {!!industries.length && (\n \n \n {t('industries')}\n \n {industries.join(', ')} \n \n )}\n {parentCompanyName && (\n \n \n {t('parent_company_name')}\n \n {parentCompanyName} \n \n )}\n {legalStatus && (\n \n \n {t('legal_status')}\n \n {legalStatus} \n \n )}\n {ownership && (\n \n \n {t('ownership')}\n \n {ownership} \n \n )}\n \n \n {t('linkedin')}\n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n {t('see_connections')}
\n \n {competitors.map((competitor, idx) => (\n
\n \n \n \n {t('phone')}\n \n {phone || t('info_unavailable')} \n \n {fax && (\n \n \n {t('fax')}\n \n {fax} \n \n )}\n {website && (\n \n \n {t('website')}\n \n \n \n \n \n \n \n )}\n {formattedLocation && (\n \n \n {t('map_directions')}\n \n \n \n \n )}\n
\n \n \n \n \n \n
\n \n {contacts &&\n contacts.map((contact) => (\n
\n {!contacts && \n
\n )\n}\n\nconst CompetitorRow = ({ competitor }) => {\n const { goToCompetitor } = useCompanySearch()\n const { name } = competitor\n return (\n {t(sectionName)}
\n {children}\n \n
\n )\n}\n\nconst AddCompanyButton = () => {\n const { t } = useTranslation('CompanyDetails')\n const { selectedCompany: company, addCompany } = useCompanySearch()\n const { contacts } = company\n const contact = contacts && contacts[0]\n\n return (\n \n \n \n {firstName} {lastName}\n \n \n {title && ` - ${title}`}\n {email && (\n \n {' - '}\n \n {email}\n \n \n )}\n
\n {isSavedContact(contact) ? (\n \n {t('saved_to')}{' '}\n \n \n {t('my_companies')}\n \n \n
\n \n
\n )\n}\n\nconst AddContactButton = ({ contact }) => {\n const { t } = useTranslation('CompanyDetails')\n const { addCompany, selectedCompany } = useCompanySearch()\n const handleAddContact = () => {\n addCompany(selectedCompany, contact)\n }\n return (\n \n )\n}\n","import * as React from 'react'\n\nimport { useInfiniteQuery } from '@tanstack/react-query'\nimport { api } from '../util/api'\n\nconst getSearch =\n ({ paramString }) =>\n async ({ pageParam }) => {\n const response = await api.get(`?page=${pageParam}&${paramString}`)\n return response.data\n }\n\nexport function useSearchQuery({ queryKey, paramString, initialData }) {\n const [lastInitialData, setLastInitialData] = React.useState(initialData)\n const [pages, setPages] = React.useState([])\n const [results, setResults] = React.useState([])\n const [pagesToShow, setPagesToShow] = React.useState(1)\n const [prefetchedPages, setPrefetchedPages] = React.useState(false)\n\n const query = useInfiniteQuery({\n queryKey: [queryKey, paramString],\n queryFn: getSearch({ paramString }),\n initialData: lastInitialData,\n initialPageParam: 1,\n getNextPageParam: (lastPage, _pages) => lastPage.next_page,\n refetchOnWindowFocus: false,\n })\n\n const {\n dataUpdatedAt,\n error,\n errorUpdatedAt,\n failureCount,\n isError,\n isFetched,\n isFetchedAfterMount,\n isFetching,\n isFetchingNextPage,\n hasNextPage,\n isPending,\n isIdle,\n isLoading,\n isPlaceholderData,\n isPreviousData,\n isStale,\n isSuccess,\n status,\n updatedAt,\n fetchNextPage,\n } = query\n\n const queryDataPages = query.data?.pages\n const queryData = query.data\n const queryDataPagesLength = queryDataPages?.length || 0\n const pagesLength = pages?.length || 0\n const pagesLastTotalResults = pages[pages.length - 1]?.total_results || 0\n const pagesLastNextPage = pages[pages.length - 1]?.next_page || 0\n const pagesLastTotalPages = pages[pages.length - 1]?.total_pages || 0\n const showViewMoreButton = pagesToShow < pagesLastTotalPages\n const resultsLength = results?.length || 0\n const amountShown = results?.length || 0\n const amountTotal = pagesLastTotalResults || 0\n\n const queryStatusMessage = JSON.stringify(\n {\n pagesToShow,\n queryDataPagesLength,\n pagesLength,\n hasNextPage,\n resultsLength,\n amountShown,\n amountTotal,\n pagesLastTotalResults,\n pagesLastNextPage,\n pagesLastTotalPages,\n showViewMoreButton,\n isFetched,\n isFetchedAfterMount,\n isFetching,\n isFetchingNextPage,\n isPending,\n isIdle,\n isLoading,\n isPreviousData,\n isStale,\n isSuccess,\n status,\n updatedAt,\n dataUpdatedAt,\n isPlaceholderData,\n error,\n errorUpdatedAt,\n failureCount,\n isError,\n },\n null,\n 2,\n )\n const debug = false\n if (debug) console.log('query status: ', queryStatusMessage)\n\n // Show a few less pages than we have\n React.useEffect(() => {\n if (queryDataPagesLength === 1) {\n setPages(queryDataPages)\n } else if (queryDataPagesLength > 1) {\n setPages(queryDataPages?.slice(0, pagesToShow))\n }\n }, [queryDataPages, pagesToShow, queryDataPagesLength])\n\n // Set recruiters when pages are updated\n React.useEffect(() => {\n const items = pages.map((page) => page.results).flat()\n setResults(items)\n }, [pages])\n\n // Prefetch pages\n React.useEffect(() => {\n if (pagesLength === 0) return\n if (!hasNextPage) return\n if (isFetching) return\n if (prefetchedPages) return\n\n const fetchPagesAhead = async () => {\n await fetchNextPage()\n }\n setPrefetchedPages(true)\n fetchPagesAhead()\n }, [fetchNextPage, hasNextPage, isFetching, pagesLength, prefetchedPages])\n\n React.useEffect(() => {\n setLastInitialData()\n }, [queryData])\n\n return {\n query,\n queryStatusMessage,\n pagesToShow,\n setPagesToShow,\n setPrefetchedPages,\n results,\n amountShown,\n amountTotal,\n fetchNextPage,\n isFetching,\n isFetchingNextPage,\n isPending,\n showViewMoreButton,\n }\n}\n","import React, { createContext, useContext, useRef, useState } from 'react'\n\nconst FiltersContext = createContext()\n\nconst useFilters = () => {\n return useContext(FiltersContext)\n}\n\nexport const FiltersProvider = ({ filterValues, children }) => {\n const selectedFiltersRef = useRef([])\n const [columnFilters, setColumnFilters] = useState([\n {\n id: 'status',\n value: filterValues,\n },\n ])\n const clearFilters = () => {\n setColumnFilters([\n {\n id: 'status',\n value: filterValues,\n },\n ])\n selectedFiltersRef.current = []\n }\n\n const selectedFilters = selectedFiltersRef.current\n const isActive = (filterValue) =>\n selectedFiltersRef.current.includes(filterValue)\n const addFilter = (filterValue) => {\n if (!selectedFilters.includes(filterValue)) {\n setColumnFilters((prev) => {\n console.log('prev', prev)\n const existingFilter = prev.find((filter) => filter.id === 'status')\n if (selectedFilters.length > 0) {\n const newFilters = [...existingFilter.value, filterValue]\n selectedFiltersRef.current = newFilters\n return [{ id: 'status', value: newFilters }]\n } else {\n const newFilters = [filterValue]\n selectedFiltersRef.current = newFilters\n return [{ id: 'status', value: newFilters }]\n }\n })\n }\n }\n const removeFilter = (filterValue) => {\n setColumnFilters((prev) => {\n const existingFilter = prev.find((filter) => filter.id === 'status')\n const newFilters = existingFilter.value.filter((f) => f !== filterValue)\n selectedFiltersRef.current = newFilters\n\n return [\n {\n id: 'status',\n value: newFilters.length > 0 ? newFilters : filterValues,\n },\n ]\n })\n }\n\n const handleFilterClick = (filterValue) => {\n if (isActive(filterValue)) {\n removeFilter(filterValue)\n } else addFilter(filterValue)\n }\n\n const value = {\n filterValues,\n clearFilters,\n handleFilterClick,\n columnFilters,\n isActive,\n }\n return (\n {t('added')}
\n \n {skills.map((skill, idx) => {\n const selectedClass =\n selectedSkill[1] === skill[1] || selectedDesiredSkill[1] == skill[1]\n ? 'text-[#fff] selected'\n : ''\n const showSkill = !isMobile || skill !== selectedSkill\n return (\n showSkill && (\n handleSkillClick(skill)}\n onFocus={() => handleSkillClick(skill)}\n tabIndex={0}\n role=\"button\"\n >\n
\n )\n )\n })}\n \n )\n}\n","import * as React from 'react'\n\nimport * as ToastPrimitives from '@radix-ui/react-toast'\nimport { cva } from 'class-variance-authority'\nimport { X } from 'lucide-react'\n\nimport { cn } from '../utils'\n\nconst ToastViewport = React.forwardRef(({ className, ...props }, ref) => (\n \n
\n {skill[1]}
\n {isMobile && \n {title && {title} }\n {description && (\n {description} \n )}\n
\n {action}\n \n
\n )\n}\n\nfunction NoChatHistory() {\n const { t } = useTranslation('ChatHistory')\n return (\n \n
\n {t('title')}
\n\n\n
\n )\n}\n\nfunction ChatHistoryLinks({ chatHistory }) {\n const { t } = useTranslation('ChatHistory')\n return (\n {t('no_messages')}
\n\n
\n )\n}\n\nfunction SortByDropdownAndLabel({\n sortByValue,\n setSortByValue,\n sortDir,\n setSortDir,\n}) {\n const isDesktop = useIsDesktop()\n const size = isDesktop ? 20 : 14\n const [sortDirBoolean, setSortDirBoolean] = useState(true)\n const { t } = useTranslation('ChatHistory')\n\n const changeSortByValue = (value) => {\n setSortByValue(value)\n }\n\n const changeSortDir = (value) => {\n setSortDir(value)\n setSortDirBoolean(!sortDirBoolean)\n }\n\n return (\n \n
\n \n \n {\n sortDir === 'asc' ? changeSortDir('desc') : changeSortDir('asc')\n }}\n >\n \n \n \n {sortByValue === 'created_at' ? t('date') : t('type')}\n \n \n \n setSortByValue(value)}\n >\n changeSortByValue('created_at')}\n value=\"created_at\"\n >\n {t('date')}\n \n changeSortByValue('type')}\n value=\"type\"\n >\n {t('type')}\n \n \n \n \n
\n )\n}\n\nfunction ChatHistoryContent({ feedback }) {\n const [sortByValue, setSortByValue] = useState('created_at')\n const [sortDir, setSortDir] = useState('desc')\n const [chatHistories, setChatHistories] = useState(feedback?.chatHistories)\n const { t } = useTranslation('ChatHistory')\n\n const sortChatHistories = () => {\n if (sortByValue === 'created_at') {\n setChatHistories(\n chatHistories.sort((a, b) => {\n return sortDir === 'asc'\n ? new Date(b.sort_created_date) - new Date(a.sort_created_date)\n : new Date(a.sort_created_date) - new Date(b.sort_created_date)\n }),\n )\n } else if (sortByValue === 'type') {\n setChatHistories(\n chatHistories.sort((a, b) => {\n return sortDir === 'asc'\n ? a.type.localeCompare(b.type)\n : b.type.localeCompare(a.type)\n }),\n )\n }\n }\n\n useEffect(() => {\n // console.log(sortByValue, sortDir)\n sortChatHistories()\n // console.log(chatHistories)\n }, [sortByValue, sortDir])\n\n return (\n <>\n {t('sort_by')}
\n {t('with_messages')}
\n\n
\n \n {chatHistories.map((chatHistory, index) => (\n
\n \n )\n}\n","import React, {\n createContext,\n useContext,\n useEffect,\n useRef,\n useState,\n} from 'react'\nimport { useSearchQuery } from '../../hooks/useSearchQuery'\nconst SearchContext = createContext()\n\nexport function useSearch() {\n return useContext(SearchContext)\n}\n\nexport function SearchProvider({\n total_results,\n allow_debug,\n location,\n children,\n total_pages,\n next_page,\n queryKey,\n search_results,\n}) {\n const [selectedItem, setSelectedItem] = useState(null)\n const [selectedItemDrawerOpen, setSelectedItemDrawerOpen] = useState(false)\n\n const [formDisabled, setFormDisabled] = useState(false)\n\n const [viewMoreButtonDisabled, setViewMoreButtonDisabled] = useState(false)\n\n const [previousFirstItemId, setPreviousFirstItemId] = useState(null)\n\n const {\n queryStatusMessage,\n pagesToShow,\n setPagesToShow,\n setPrefetchedPages,\n results,\n amountShown,\n amountTotal,\n fetchNextPage,\n isFetching,\n isFetchingNextPage,\n isPending,\n showViewMoreButton,\n } = useSearchQuery({\n queryKey,\n initialData: {\n pageParams: [1],\n pages: [\n {\n results: search_results,\n total_results: total_results,\n total_pages: total_pages,\n next_page: next_page,\n },\n ],\n },\n })\n\n const resultDetailScrollRef = useRef(null)\n\n const handleSelectItem = (item) => (e) => {\n e.stopPropagation()\n resultDetailScrollRef.current?.scrollTo(0, 0, {\n behavior: 'smooth',\n })\n setSelectedItem(null)\n setSelectedItem(item)\n setSelectedItemDrawerOpen(true)\n }\n\n useEffect(() => {\n if (isFetching && pagesToShow === 1 && !isFetchingNextPage) {\n setFormDisabled(true)\n } else {\n setFormDisabled(false)\n }\n }, [pagesToShow, isFetching, isFetchingNextPage, isPending])\n\n const firstItem = results[0]\n\n useEffect(() => {\n if (firstItem && firstItem.id !== previousFirstItemId) {\n setPreviousFirstItemId(firstItem.id)\n setSelectedItem(firstItem)\n }\n }, [firstItem, previousFirstItemId])\n\n const handleViewMore = async () => {\n setViewMoreButtonDisabled(true)\n setPagesToShow((prev) => prev + 1)\n await fetchNextPage()\n setViewMoreButtonDisabled(false)\n }\n\n const value = {\n selectedItemDrawerOpen,\n total_results,\n allow_debug,\n location,\n resultDetailScrollRef,\n formDisabled,\n selectedItem,\n handleSelectItem,\n queryStatusMessage,\n amountShown,\n amountTotal,\n viewMoreButtonDisabled,\n handleViewMore,\n showViewMoreButton,\n setPrefetchedPages,\n results,\n setPagesToShow,\n }\n\n return (\n \n \n \n
\n )\n}\n\nexport default ExpandedCell\n\nconst UploadResumeButton = ({ t, ...props }) => {\n return (\n \n {t('upload_resume')}\n
\n \n )\n}\n\nconst DownloadResumeButton = ({ resumeName, resumeUrl, onClick, t }) => {\n return (\n \n \n {t('upload_different_resume')}\n \n
\n )\n}\n\nconst UploadCoverLetterButton = ({ t, ...props }) => {\n return (\n \n \n \n {resumeName}\n \n
\n \n {t('upload_cover_letter')}\n
\n \n )\n}\n\nconst DownloadCoverLetterButton = ({\n coverLetterName,\n coverLetterUrl,\n onClick,\n t,\n}) => {\n return (\n \n \n {t('upload_different_cover_letter')}\n \n
\n )\n}\n\nconst TextField = ({ control, label, name }) => {\n return (\n \n \n \n {coverLetterName}\n \n
\n \n
\n )\n}\nexport default SetTimelineForm\n","import { useTranslation } from '../../hooks/useTranslation'\nimport { useState, useEffect } from 'react'\n\nexport const useYesNoQuizScore = (content) => {\n const numAs = Object.values(content).filter((val) => val === 'a').length\n const score = Math.round((numAs / Object.keys(content).length) * 100)\n if (numAs <= 8) {\n return [1, numAs]\n } else if (numAs <= 14) {\n return [2, numAs]\n } else {\n return [3, score]\n }\n}\n\nexport const useMultipleChoiceQuizScore = (\n content,\n questions,\n breakPoints,\n scoreType = 'percent',\n) => {\n let tempNumCorrect = 0\n const contentKeys = Object.keys(content)\n contentKeys.forEach((key) => {\n const answerChoice = content[key]\n const response = questions[key].options[answerChoice].feedback_key\n if (response === 'yes_response' || response === 'ok_response') {\n tempNumCorrect += 1\n }\n })\n const numCorrect = tempNumCorrect\n const score =\n scoreType === 'percent'\n ? Math.round((numCorrect / contentKeys.length) * 100)\n : numCorrect\n\n for (let i = 0; i < breakPoints.length; i++) {\n if (numCorrect > breakPoints[i]) {\n return [i + 1, score]\n }\n }\n return [breakPoints.length + 1, score]\n\n // if (numCorrect > 7) {\n // return [1, score]\n // } else if (numCorrect > 4) {\n // return [2, score]\n // } else if (numCorrect > 2) {\n // return [3, score]\n // } else {\n // return [4, score]\n // }\n}\n\nexport const useSpotSoftSkillQuizScore = (content, questions) => {\n let tempNumCorrect = 0\n const contentKeys = Object.keys(content)\n contentKeys.forEach((key) => {\n const answerChoice = content[key]\n if (questions[key].options[answerChoice].feedback_key === 'yes_response') {\n tempNumCorrect += 1\n }\n })\n const numCorrect = tempNumCorrect\n const score = Math.round((numCorrect / contentKeys.length) * 100)\n\n return score\n}\n\nexport const useCalculateMultipleChoiceScore = (content, questions) => {\n let tempNumCorrect = 0\n const contentKeys = Object.keys(content)\n contentKeys.forEach((key) => {\n const answerChoice = content[key]\n const response = questions[key].options[answerChoice].feedback_key\n if (response === 'yes_response' || response === 'ok_response') {\n tempNumCorrect += 1\n }\n })\n const numCorrect = tempNumCorrect\n const score = Math.round((numCorrect / contentKeys.length) * 100)\n return [score, numCorrect]\n}\n\nexport const useJobSearchStrategyKnowledgeScore = (\n trackContent,\n formattedQuizName,\n) => {\n const { t } = useTranslation(formattedQuizName)\n\n const calculateScore = (content, questions) => {\n let tempNumCorrect = 0\n const contentKeys = Object.keys(content)\n\n contentKeys.forEach((key) => {\n const answerChoice = content[key]\n if (\n questions[key].options[answerChoice].feedback_key === 'yes_response'\n ) {\n tempNumCorrect += 1\n }\n })\n\n const numCorrect = tempNumCorrect\n\n return numCorrect\n }\n\n const getScoreSectionAndProficiency = (numCorrect) => {\n if (numCorrect === 15) return { section: 1, proficiency: 'expert' }\n if (numCorrect >= 12) return { section: 2, proficiency: 'advanced' }\n if (numCorrect >= 7) return { section: 3, proficiency: 'developing' }\n if (numCorrect >= 6) return { section: 4, proficiency: 'novice' }\n return { section: 4, proficiency: 'novice' }\n }\n\n const score = calculateScore(trackContent, t('questions'))\n const { section, proficiency } = getScoreSectionAndProficiency(score)\n\n return { score, section, proficiency, t }\n}\n\nexport const useSelfAssessmentQuizScore = (content) => {\n const [feedbackKey, setFeedbackKey] = useState(null)\n const [selfAssessmentResponse, setSelfAssessmentResponse] = useState(null)\n const { t } = useTranslation()\n\n useEffect(() => {\n const calculateScores = () => {\n const scoreCounts = {}\n\n for (const key of Object.values(content)) {\n scoreCounts[key] = (scoreCounts[key] || 0) + 1\n }\n\n const maxScore = Math.max(...Object.values(scoreCounts))\n const maxScoreKeys = Object.keys(scoreCounts).filter(\n (key) => scoreCounts[key] === maxScore,\n )\n\n if (maxScoreKeys.length === 1) {\n setFeedbackKey(maxScoreKeys[0])\n setSelfAssessmentResponse('clearResult')\n } else if (maxScoreKeys.length <= 3) {\n setFeedbackKey(maxScoreKeys)\n setSelfAssessmentResponse('splitResult')\n } else if (maxScoreKeys.length === 5) {\n setSelfAssessmentResponse('allSameScore')\n } else {\n setSelfAssessmentResponse('clearResult')\n }\n }\n\n calculateScores()\n }, [content, t])\n\n return {\n feedbackKey,\n selfAssessmentResponse,\n }\n}\n\nexport const useMultipleChoicePointsQuizScore = (\n content,\n questions,\n breakPoints,\n scoreType = 'percent',\n) => {\n let tempNumCorrect = 0\n let total = 0\n const contentKeys = Object.keys(content)\n contentKeys.forEach((key) => {\n const answerChoice = content[key]\n tempNumCorrect += questions[key].options[answerChoice].points\n total += Object.keys(questions[key].options).find(\n (ele) => questions[key].options[ele].feedback_key === 'yes_response',\n ).points\n })\n const numCorrect = tempNumCorrect\n const score =\n scoreType === 'percent'\n ? Math.round((numCorrect / total) * 100)\n : numCorrect\n\n for (let i = 0; i < breakPoints.length; i++) {\n if (numCorrect > breakPoints[i]) {\n return [i + 1, score]\n }\n }\n return [breakPoints.length + 1, score]\n}\n","import * as React from 'react'\nimport { api } from '../../../../util/api'\nimport TypingEffect from './TypingEffect'\nimport { useAiResponseStream } from './useAiResponseStream'\nimport Box from '@mui/material/Box'\nimport Modal from '@mui/material/Modal'\nimport NewCoverLetterForm from './NewCoverLetterForm'\n\nexport default function CreateAi({ id, t }) {\n const [formSubmitted, setFormSubmitted] = React.useState(false)\n const [targetJobTitle, setTargetJobTitle] = React.useState('')\n const [yearsExperience, setYearsExperience] = React.useState('')\n const [exampleDescription, setExampleDescription] = React.useState('')\n const [exampleLink, setExampleLink] = React.useState('')\n const [skillsExperiences, setSkillsExperiences] = React.useState('')\n const [showAiTyping, setShowAiTyping] = React.useState(false)\n const [typingComplete, setTypingComplete] = React.useState(false)\n const [parentCoverLetterId, setParentCoverLetterId] = React.useState()\n const [displayedText, setDisplayedText] = React.useState('')\n const [index, setIndex] = React.useState(0)\n const {\n aiResponse,\n coverLetterId,\n setCoverLetterId,\n aiStreamComplete,\n setServerSentEvents,\n } = useAiResponseStream()\n const [open, setOpen] = React.useState(false)\n const handleOpen = () => {\n setOpen(true)\n setFormSubmitted(false)\n }\n const handleClose = () => {\n setOpen(false)\n setFormSubmitted(true)\n }\n const [coverLetterTone, setCoverLetterTone] = React.useState(66)\n const [coverLetters, setCoverLetters] = React.useState()\n const [fetchCoverLetters, setFetchCoverLetters] = React.useState(true)\n const [selectedCoverLetter, setSelectedCoverLetter] = React.useState()\n const [typingEffect, setTypingEffect] = React.useState(false)\n const [copyButtonText, setCopyButtonText] = React.useState(t.copy_button_text)\n const [goBack, setGoBack] = React.useState(true)\n const [regenerateCoverLetter, setRegenerateCoverLetter] =\n React.useState(false)\n\n const showContinueButton = typingComplete && aiStreamComplete && coverLetters\n const formComplete = targetJobTitle && yearsExperience\n const submitButtonDisabled = formSubmitted || !formComplete\n\n React.useEffect(() => {\n if (aiStreamComplete) {\n fetchCoverLettersFromApi(coverLetterId)\n setSelectedCoverLetter(coverLetterId)\n setRegenerateCoverLetter(false)\n }\n }, [aiStreamComplete, coverLetterId, setSelectedCoverLetter])\n\n React.useEffect(() => {\n if (regenerateCoverLetter) {\n const copyButton = document.getElementById('copy-button')\n const downloadButton = document.getElementById(\n 'download-button-container',\n )\n const aylaCoverLetterText = document.getElementById(\n 'ayla-cover-letter-text',\n )\n const coverLetterButtons = document.getElementById('cover-letter-buttons')\n const continueButton = document.getElementById('continue-button')\n\n if (\n copyButton &&\n downloadButton &&\n aylaCoverLetterText &&\n coverLetterButtons &&\n continueButton\n ) {\n document.getElementById('copy-button').style.display = 'none'\n document.getElementById('download-button-container').style.display =\n 'none'\n document.getElementById('ayla-cover-letter-text').style.display = 'none'\n document.getElementById('cover-letter-buttons').style.display = 'none'\n document.getElementById('continue-button').style.display = 'none'\n }\n }\n })\n\n const coverLetterTones = {\n 0: 'in an informal tone',\n 33: 'in a neutral tone',\n 66: 'in a business formal tone',\n 99: 'in a very formal tone',\n }\n\n const fetchCoverLettersFromApi = async (id) => {\n const {\n data: { cover_letters },\n } = await api.get(`/story/cover_letters/ai_versions/${id}`, {\n id: id,\n })\n setCoverLetters(cover_letters)\n cover_letters.forEach((element, idx) => {\n const documentElement = document.getElementById(`cover-letter-${idx + 1}`)\n if (documentElement) {\n documentElement.hidden = false\n documentElement.classList.add('not-selected')\n }\n\n if (element && element.id && element.id === parseInt(id)) {\n setTargetJobTitle(element.target_job_title)\n setYearsExperience(element.years_experience)\n setExampleDescription(element.example_description)\n setExampleLink(element.example_link)\n setSkillsExperiences(element.skills_experiences)\n setParentCoverLetterId(element.parent_cover_letter_id)\n setCoverLetterTone(\n Object.keys(coverLetterTones).find(\n (key) => coverLetterTones[key] === element.tone,\n ),\n )\n if (documentElement) {\n documentElement.classList.remove('not-selected')\n }\n }\n })\n }\n\n React.useEffect(() => {\n if (id && fetchCoverLetters && goBack) {\n fetchCoverLettersFromApi(parseInt(id))\n setFetchCoverLetters(false)\n setCoverLetterId(parseInt(id))\n setSelectedCoverLetter(parseInt(id))\n setShowAiTyping(true)\n setGoBack(false)\n }\n }, [\n id,\n coverLetters,\n fetchCoverLetters,\n goBack,\n setCoverLetterId,\n setShowAiTyping,\n setSelectedCoverLetter,\n setFetchCoverLetters,\n setGoBack,\n ])\n\n React.useEffect(() => {\n setIndex(0)\n setDisplayedText('')\n }, [coverLetterId])\n\n const handleSubmitButtonClick = async (event) => {\n event.preventDefault()\n setFormSubmitted(true)\n setShowAiTyping(true)\n setOpen(false)\n setTypingEffect(true)\n setTypingComplete(false)\n setDisplayedText('')\n setIndex(0)\n setRegenerateCoverLetter(true)\n\n const {\n data: { cover_letter_id, use_sse },\n } = await api.post('/story/cover_letters/create_ai', {\n ai_cover_letter: {\n target_job_title: targetJobTitle,\n years_experience: yearsExperience,\n example_description: exampleDescription,\n example_link: exampleLink,\n skills_experiences: skillsExperiences,\n parent_cover_letter_id: parentCoverLetterId,\n tone: coverLetterTones[coverLetterTone],\n },\n })\n setServerSentEvents(use_sse)\n setCoverLetterId(cover_letter_id)\n\n if (!parentCoverLetterId) {\n setParentCoverLetterId(cover_letter_id)\n }\n setFetchCoverLetters(true)\n }\n\n const handleCopyButtonClick = (e) => {\n e.preventDefault()\n\n document.addEventListener(\n 'copy',\n function (e) {\n const coverLetter = coverLetters.find(\n (ele) => ele.id === parseInt(selectedCoverLetter),\n )\n const coverLetterText = coverLetter.content\n e.clipboardData.setData('text/plain', coverLetterText)\n e.preventDefault()\n },\n true,\n )\n setCopyButtonText(t.copied_text)\n\n document.execCommand('copy')\n }\n\n const handleContinueButtonClick = () => {\n fetchCoverLettersFromApi(selectedCoverLetter)\n .then(() => {\n window.location.href = `/story/document/cover_letters/${selectedCoverLetter}/edit`\n return true\n })\n .catch(() => {\n return false\n })\n }\n\n const handleSelectButtonClick = (index) => {\n const selected = coverLetters[index]\n setTypingEffect(false)\n setCopyButtonText(t.copy_button_text)\n\n for (let i = 0; i < coverLetters.length; i++) {\n document\n .getElementById(`cover-letter-${i + 1}`)\n .classList.add('not-selected')\n if (i === index) {\n document\n .getElementById(`cover-letter-${i + 1}`)\n .classList.remove('not-selected')\n }\n }\n const newSelectedId = selected.id\n setSelectedCoverLetter(newSelectedId)\n }\n\n if (showAiTyping) {\n return (\n <>\n {showContinueButton && (\n Please select your desired timeline:
\n \n \n {paragraph}\n
\n ))\n }\n })}\n\n {((!aiStreamComplete && !coverLetters) || typingEffect) && (\n\n
\n \n \n \n \n
\n )\n}\n\nexport default NetworkingPreferencesSectionTwo\n","import React from 'react'\nimport Results from './Results'\nimport Avatar from '.././Avatar'\nimport { useIsDesktop } from '../../../hooks/useMediaQuery'\nimport { useTranslation } from '../../../hooks/useTranslation'\nimport { useSpotSoftSkillQuizScore } from '../../JobSearchQuiz/useScoreCalculator'\nimport { useQuiz } from '.././QuizProvider'\n\nconst SpotSoftSkillResults = () => {\n const { formattedQuizName, resultsPageAvatar, trackContent, quizName } =\n useQuiz()\n const avatar = resultsPageAvatar\n const isDesktop = useIsDesktop()\n const { t } = useTranslation(formattedQuizName)\n const score = useSpotSoftSkillQuizScore(trackContent, t('questions'))\n\n return (\n quizName === 'Spot Soft Skill' && (\n {preferenceMessage}
\n{sectionTwoTranslations.p1}
\n{sectionTwoTranslations.p2}
\n{sectionTwoTranslations.select_your_preference}
\n\n
\n \n
\n {isDesktop && {t(`results.score`, { score })}
\n\n
\n {t(`results.great_job`)}
\n\n {t('results.skills')\n .split(',')\n .map((skill, index) => (\n
\n {skill}
\n ))}\n{t(`results.time_to_reflect`)}
\n\n
\n )\n )\n}\n\nexport default SpotSoftSkillResults\n","import React, { useState, useEffect } from 'react'\nimport PieChart from './PieChart'\nimport { useExercise } from '.././ExerciseProvider'\n\nconst formatFieldName = (field) =>\n field.replace(/([A-Z])/g, ' $1').replace(/^./, (str) => str.toUpperCase())\n\nconst ExerciseForm = ({ data, slug }) => {\n const { updatePieOfLifeResponse } = useExercise()\n const [localData, setLocalData] = useState(data || {})\n const [chartData, setChartData] = useState(data || {})\n\n // Synchronize local state with updated data prop\n useEffect(() => {\n setLocalData(data || {})\n setChartData(data || {})\n }, [data])\n\n const handleInputChange = (field, value) => {\n setLocalData((prev) => ({\n ...prev,\n [field]: value,\n }))\n }\n\n const handleInputBlur = (field, value) => {\n updatePieOfLifeResponse(slug, field, value)\n setChartData((prev) => ({\n ...prev,\n [field]: value,\n }))\n }\n\n return (\n \n
\n {t('coach_tips.header')}
\n\n\n
\n\n {t('coach_tips.intro')}
\n\n- \n {t('coach_tips.essential_skills').map((skills_list, index) => (\n
- \n {skills_list.title}: {skills_list.desc}\n \n ))}\n
\n {t('coach_tips.paragraphs').map((paragraph, index) => (\n
\n\n \n
\n ))}\n \n {paragraph.title}\n
\n{paragraph.p}
\n\n
\n\n {t('coach_tips.star_method.p1')}
\n- \n {t('coach_tips.star_method.starlist').map((starlist, index) => (\n
- \n {starlist.title}: {starlist.desc}\n \n ))}\n
{t('coach_tips.star_method.p2')}
\n{t('coach_tips.star_method.p3')}
\n{t('coach_tips.star_method.p4')}
\n\n
\n {t('coach_tips.continuous_improvement.p1')}
\n- \n {t('coach_tips.continuous_improvement.list').map(\n (list, index) => (\n
- \n {list.title}: {list.desc}\n \n ),\n )}\n
{t('coach_tips.continuous_improvement.p2')}
\n{t('coach_tips.continuous_improvement.p3')}
\n{t('coach_tips.continuous_improvement.p4')}
\n\n
\n )\n}\n\nexport default ExerciseForm\n","import React, { useState } from 'react'\nimport { cn } from '../../lib/utils'\nimport Moment from 'moment'\nimport { useTranslation } from '../../hooks/useTranslation'\nimport { Button, Typography } from '~/components/_atoms'\nimport { Stack } from '~/components/_layouts'\nimport ReminderDialog, { useReminderDialog } from './ReminderDialog'\nimport {\n PencilSquareIcon,\n CheckBadgeIcon,\n PlusIcon,\n} from '@heroicons/react/24/outline'\nimport { apiPatch } from '../../util/api'\nimport {\n Dialog,\n DialogContent,\n DialogHeader,\n DialogTitle,\n DialogTrigger,\n} from '../../lib/ui/dialog'\nimport { FlagIcon } from './Icons'\n\nconst PromoteSkillDialog = ({\n open,\n onOpenChange,\n handleCompleteReminder,\n skillName,\n children,\n}) => {\n return (\n \n )\n}\n\nconst Reminders = ({ className }) => {\n const { reminders, toggleShowAddReminderDialog } = useReminderDialog()\n const { t } = useTranslation()\n\n return (\n \n {[\n 'career',\n 'healthAndWellness',\n 'financial',\n 'personalDevelopment',\n 'relationships',\n 'leisure',\n ].map((field) => (\n
\n \n \n handleInputChange(field, e.target.value)}\n onBlur={(e) => handleInputBlur(field, e.target.value)}\n autoComplete=\"off\"\n />\n
\n ))}\n \n
\n )}\n {!reminderCompleted && (\n <>\n \n
\n \n Due Date: {due} {isPastDue &&
\n \n
\n
\n \n )}\n \n \n )\n}\n\nconst LinkifiedCopy = ({ copy, link }) => {\n return (\n \n {content}{' '}\n {webinarLink && (\n
\n \n {mayPromoteSkill ? (\n \n \n \n ) : (\n \n )}\n
\n \n
\n \n )\n}\n\nconst Samples = ({ image_url, resume_templates, resume_samples }) => {\n const defaultActiveTab = 'resumeTemplates'\n return (\n \n
\n {title}
\n \n \n \n \n \n \n \n \n \n \n
\n )\n}\n\nexport default Samples\n","import React from 'react'\nimport { Button } from '../../lib/ui/button'\n\nexport const ButtonContainer = ({ children }) => {\n return \n Resume Sample Documents\n
\n\n
\n \n The resume templates below are provided for you to download and\n populate with your personal information. Templates are labeled based\n on the most general use case but can be used for any profession -\n utilize the template that best meets your experience and personal\n brand strategy. The resume samples are provided for reference and as\n inspiration as you prepare your resume.\n
\n\n {resume_templates.map((sample, index) => (\n
\n \n {resume_samples.map((sample, index) => (\n
\n {children}
\n}\n\nexport const NavButton = ({ children, type, ...props }) => {\n return (\n <>\n {type === 'back' && (\n \n \n {changeLayout ? (\n <>\n
\n )\n}\n\nconst CareerBrainstormExercise1 = ({\n questions,\n getResponse,\n exerciseIndex,\n section,\n}) => {\n const { handleChange } = useExercise()\n return (\n \n {t(`pages.2.position_title_description`)}\n handleChange(exerciseIndex, 'position_title', e)}\n value={getResponse(exerciseIndex, 'position_title') || ''}\n className=\"mr-0 w-2/4\"\n />\n
\n \n {t(`pages.2.company_description`)}\n handleChange(exerciseIndex, 'company', e)}\n value={getResponse(exerciseIndex, 'company') || ''}\n className=\"mr-0 w-2/4 text-ellipsis\"\n />\n
\n \n {t(`pages.2.time_description`)}\n handleChange(exerciseIndex, 'time', e)}\n value={getResponse(exerciseIndex, 'time') || ''}\n className=\"mr-0 w-2/4\"\n />\n
\n \n ) : (\n <>\n \n {t(`pages.2.position_title_description`)}\n handleChange(exerciseIndex, 'position_title', e)}\n value={getResponse(exerciseIndex, 'position_title') || ''}\n className={'w-[14.25rem]'}\n />\n
\n \n {t(`pages.2.company_description`)}\n handleChange(exerciseIndex, 'company', e)}\n value={getResponse(exerciseIndex, 'company') || ''}\n className=\"w-[21.25rem]\"\n />\n
\n \n {t(`pages.2.time_description`)}\n handleChange(exerciseIndex, 'time', e)}\n value={getResponse(exerciseIndex, 'time') || ''}\n className=\"mr-0 w-[14.25rem]\"\n />\n
\n \n )}\n \n {section === 0 && (\n
\n )}\n \n )\n}\n\nconst CareerBrainstormExercise2 = ({\n questions,\n getResponse,\n exerciseIndex,\n section,\n}) => {\n const { formattedExerciseName, handleChange } = useExercise()\n const { t } = useTranslation(formattedExerciseName)\n return (\n \n {questions.map((question, index) => (\n \n
\n ))}\n \n \n handleChange(exerciseIndex, question.slug, e)\n }\n value={getResponse(exerciseIndex, question.slug) || ''}\n />\n
\n \n {parse(question.question)}\n
\n \n {question.text_label}\n
\n \n {section === 1 && (\n
\n )}\n \n {questions.map((question, index) => (\n \n
\n ))}\n \n \n handleChange(exerciseIndex, question.slug, e)\n }\n value={getResponse(exerciseIndex, question.slug) || ''}\n />\n
\n \n {parse(question.question)}\n
\n \n {question.text_label}\n
\n \n {parse(t(`pages.1.do_some_research`))}\n
\n \n {parse(t(`pages.1.try_it_on`))}\n
\n \n )\n}\n\nconst CareerBrainstormExercise3 = ({\n questions,\n getResponse,\n exerciseIndex,\n section,\n}) => {\n const { formattedExerciseName, handleChange } = useExercise()\n const { t } = useTranslation(formattedExerciseName)\n return (\n \n {section === 2 && (\n <>\n
\n )\n}\n\nconst CareerBrainstormExercise4 = ({ section }) => {\n const { formattedExerciseName } = useExercise()\n const { t } = useTranslation(formattedExerciseName)\n\n const keys = ['update_your_resume', 'apply_for_jobs', 'practice_interviews']\n\n return (\n \n {parse(t(`pages.2.set_smart_goals`))}\n
\n \n {t(`pages.2.job_search_goal`)}\n
\n \n
\n \n )}\n \n
\n \n \n handleChange(exerciseIndex, questions[0].slug, e)\n }\n value={getResponse(exerciseIndex, questions[0].slug) || ''}\n />\n
\n \n {parse(questions[0].question)}\n
\n \n {questions[0].text_label}\n
\n \n {parse(t(`pages.2.build_your_network`))}\n
\n \n
\n \n \n handleChange(exerciseIndex, questions[1].slug, e)\n }\n value={getResponse(exerciseIndex, questions[1].slug) || ''}\n />\n
\n \n {parse(questions[1].question)}\n
\n \n {questions[1].text_label}\n
\n \n {parse(t(`pages.2.taking_action`))}\n
\n \n {section === 3 && (\n <>\n {keys.map((key) => (\n \n {parse(t(`pages.3.${key}`))}\n
\n ))}\n \n )}\n \n )\n}\n\nconst CareerBrainstormExercise = (props) => {\n const { section } = props\n if (section === 0) {\n return {t('follow_up')}:
\n \n {savedJob.company_name} • {savedJob.location}\n
\n )\n\n return (\n \n
\n )\n}\n","import React from 'react'\nimport PanelNav, { PanelNavProvider, PanelEnabled } from './PanelNav'\nimport { BenefitsBulletList, Testimonial } from './components'\nimport { AylaPanel, WebinarPanel } from './commonPanels'\nimport useTranslation from '../../../shared/TranslationProvider'\n\nconst FlexBenefitsPanel = () => {\n const items = [...Array(6).keys()].map((key) => `RightPanel.flex.item${key}`)\n return (\n <>\n \n {savedJob.title}\n {hasAppliedWithIntoo && (\n
\n \n {subTitle}\n
\n \n \n \n {t('view_job')}\n \n \n
\n {children}
\n}\n\nconst ProgramEvalHeader = () => {\n const {\n peakPerformance,\n managerEval,\n managerPostEval,\n topicSelection,\n postProgramEvaluation,\n midProgramEval,\n postSessionEval,\n } = useProgramEvaluation()\n\n if (peakPerformance) return Coaching Program Feedback{thankYouPage ? ' Received' : ''}
\nPlease provide input on your ongoing coaching program
\n\n {`This evaluation should take just 5 minutes to complete and is meant to\n help gauge the impact you are seeing from your participation in INTOO’s\n coaching program. Your input will inform our coaching team on how well\n we are meeting your goals and expectations. Thank you in advance!`}\n
\n\n {companyName || 'Career Development Coaching Program'}: Post-Program\n Input for Program Participants\n
\nPlease provide feedback on your recent coaching program.
\n\n This evaluation should take just 5 minutes to complete, and is meant to\n help gauge the impact of your recent participation in INTOO’s coaching\n program. Your input will inform our coaching team on how well we have\n met your goals and expectations. Thank you in advance!\n
\nPost-Program Input for {candidateName}
\n\n {`Please provide your feedback related to your employee's recent coaching\n program participation`}\n
\n\n {`This evaluation should take just 5 minutes to complete, and is meant to\n help gauge the impact of your employee’s recent participation in INTOO’s\n coaching program.`}\n
\n {`Your input will inform our coaching team on how well we have met your\n goals and expectations. Thank you in advance!`}\n
\n Welcome to {companyName || 'your career development program'}!
\n\n {!completed &&\n `Before beginning your coaching program for ${\n companyName || company.name\n }, we need a little information about your career so that we can customize a plan that benefits you the most.`}\n
\nWelcome to {companyName}
\nPeak Performance Coaching Program survey
\n\n This short survey will help us baseline your current situation at work\n and home, identify the key things that you want to work on with your\n coach, and identify blockers that might be getting in the way of your\n success.\n
\nCareer Development Input from Leaders
\n\n Program for: {candidateName}\n
\n \n {`Please provide input related to your employee's coaching program\n participation. This evaluation should take just 2 minutes to complete,\n and is meant to help guide your employee's coaching program. With your\n input in mind, our coaching team will personalize the program\n experience to ensure we are meeting your goals and expectations. Thank\n you in advance!`}\n
\n\n
\n \n )\n}\n\nconst Samples = ({ image_url, follow_up_letter_samples }) => {\n const defaultActiveTab = 'letterSamples'\n return (\n \n
\n {title}
\n \n \n \n \n \n \n \n \n
\n )\n}\n\nexport default Samples\n","import React, {\n useCallback,\n useEffect,\n useState,\n createContext,\n useContext,\n} from 'react'\nimport { usePDF } from '@react-pdf/renderer'\nimport { TemplateSwitcher, useTemplate } from '../../lib/pdf'\nimport { apiPost, apiPut } from '../../util/api'\nimport { sha256 } from 'js-sha256'\nimport { useToast } from '../../lib/ui/toast'\n\nconst NetworkingBriefContext = createContext()\n\nexport const useNetworkingBrief = () => {\n return useContext(NetworkingBriefContext)\n}\n\nconst hashObject = (obj) => {\n const json = JSON.stringify(obj)\n return sha256(json)\n}\n\nconst NetworkingBriefProvider = ({\n networking_brief_json,\n document_id,\n networking_brief_name,\n dev_mode,\n children,\n}) => {\n const [networkingBriefDocument, setNetworkingBriefDocument] = useState(\n networking_brief_json,\n )\n const [networkingBriefName, setNetworkingBriefName] = useState(\n networking_brief_name,\n )\n const [lastPersistedHash, setLastPersistedHash] = useState(\n hashObject(networking_brief_json),\n )\n const { toast } = useToast()\n const documentId = document_id\n\n const { templateIndex, templateStyle, templates } = useTemplate()\n\n useEffect(() => {\n // If the networking brief has unsaved changes, warn the user before leaving the page\n if (hashObject(networkingBriefDocument) !== lastPersistedHash) {\n window.onbeforeunload = (event) => {\n event.preventDefault()\n event.returnValue = true // For legacy browser compatibility\n }\n } else {\n window.onbeforeunload = undefined\n }\n }, [networkingBriefDocument, lastPersistedHash])\n\n // use hook for fine-grained control over PDF rendering\n const [pdf, renderPdf] = usePDF({\n document: (\n \n Post Interview Follow Up Letters\n
\n\n
\n \n The post interview follow up letters below are provided for you to\n download and populate with your personal information. Templates are\n labeled based on the most general use case but can be used for any\n profession - utilize the template that best meets your experience and\n personal brand strategy. The post interview follow up letter samples\n are provided for reference and as inspiration as you prepare your post\n interview follow up letter.\n
\n\n {follow_up_letter_samples.map((sample, index) => (\n
\n \n
\n )\n}\n","import * as React from 'react'\n\nimport FullCalendar from '@fullcalendar/react'\nimport dayGridPlugin from '@fullcalendar/daygrid'\nimport { Button } from '~/components/_atoms'\nimport { ChevronLeft, ChevronRight } from 'lucide-react'\n\nexport function Calendar({\n calendar_events,\n initialView = 'dayGridWeek',\n homePageDisplay,\n}) {\n const [view, setView] = React.useState(initialView)\n const [calendarDate, setCalendarDate] = React.useState(new Date())\n const [calendarMonthYear, setCalendarMonthYear] = React.useState('')\n const [calendarApi, setCalendarApi] = React.useState(null)\n // const [aspectRatio, setAspectRatio] = React.useState(\n // view === 'dayGridWeek' ? 5.4 : 1.3,\n // )\n\n const changeViewText =\n view === 'dayGridMonth' ? 'View this week' : 'View full schedule'\n const aspectRatio = view === 'dayGridMonth' ? 1.3 : 5.4\n\n const calendarRef = React.useRef(null)\n\n React.useEffect(() => {\n setCalendarApi(calendarRef.current.getApi())\n }, [calendarRef])\n\n React.useEffect(() => {\n if (!calendarApi) return\n\n setCalendarDate(calendarApi.getDate())\n }, [calendarApi])\n\n React.useEffect(() => {\n if (!calendarDate) return\n\n setCalendarMonthYear(\n calendarDate.toLocaleString('default', {\n month: 'long',\n year: 'numeric',\n }),\n )\n }, [calendarDate])\n\n const events = calendar_events?.map((event) => {\n return {\n title: event.webinar_type,\n start: event.start_at,\n }\n }) || [{ title: ' Meeting ', start: new Date() }]\n\n function goNext() {\n calendarApi.next()\n setCalendarDate(calendarApi.getDate())\n }\n function goPrev() {\n calendarApi.prev()\n setCalendarDate(calendarApi.getDate())\n }\n function goToday() {\n calendarApi.today()\n setCalendarDate(calendarApi.getDate())\n }\n function toggleView() {\n if (view === 'dayGridMonth') {\n setView('dayGridWeek')\n calendarApi.changeView('dayGridWeek')\n } else {\n setView('dayGridMonth')\n calendarApi.changeView('dayGridMonth')\n }\n }\n\n return (\n <>\n \n \n {t('cta')}\n
\n \n
\n {t('ayla_title')}
\n \n
\n - \n {selectedAttributes.map((attribute, idx) => (\n
- \n {attribute.criteria}\n \n ))}\n
{t('ayla_description')}
\n{t('ayla_activity')}
\n\n {questions.map((questionInfo, idx) => (\n
\n \n \n {questionInfo.type === 'text' && (\n setLocationRestrictions(e.target.value)}\n value={locationRestrictons || ''}\n id={questionInfo.slug}\n />\n )}\n {questionInfo.type !== 'text' && (\n setLocationType(e)}\n value={locationType || ''}\n className=\"w-full rounded-[20px] border border-[#D3D3D3] bg-[#F7FAFC] p-3 font-roboto text-base\"\n id={questionInfo.slug}\n >\n \n \n \n {questionInfo.options.map((option, index) => (\n \n {option.label}\n \n ))}\n \n \n )}\n
\n ))}\n \n \n {changeViewText}\n \n
\n )}\n \n
\n \n )\n}\n\nfunction renderEventContent(eventInfo) {\n return (\n \n {!homePageDisplay && (\n
\n\n \n \n
\n )}\n {view === 'dayGridMonth' && (\n \n <>\n \n \n Today\n \n \n
\n )}\n {view === 'dayGridMonth' && (\n \n {calendarMonthYear}\n
\n )}\n \n
\n )\n}\n\nfunction weekNumberContent(weekNumber) {\n return (\n \n {weekNumber.text}\n \n )\n}\n","import React, { useEffect, useState } from 'react'\nimport {\n flexRender,\n getCoreRowModel,\n getFilteredRowModel,\n getSortedRowModel,\n useReactTable,\n getPaginationRowModel,\n} from '@tanstack/react-table'\nimport {\n Table,\n TableBody,\n TableCell,\n TableHead,\n TableHeader,\n TableRow,\n} from '../../../lib/ui/table'\nimport useTranslation from '../../shared/TranslationProvider'\nimport { useAlerts } from './AlertsProvider'\nimport { columns } from './columns'\nimport NoSavedAlertsImage from './NoSavedAlertsImage'\nimport { cn } from '../../../lib/utils'\nimport { SortIcon } from './icons'\nimport TablePagination from './TablePagination'\n\nconst DataTable = () => {\n const { alerts } = useAlerts()\n const [sorting, setSorting] = useState([])\n const [pagination, setPagination] = useState({\n pageIndex: 0,\n pageSize: 10,\n })\n\n useEffect(() => {\n window.scrollTo({ top: 0 })\n }, [pagination])\n\n const table = useReactTable({\n debugTable: true,\n data: alerts,\n columns,\n getCoreRowModel: getCoreRowModel(),\n getFilteredRowModel: getFilteredRowModel(),\n getSortedRowModel: getSortedRowModel(),\n getPaginationRowModel: getPaginationRowModel(),\n onSortingChange: setSorting,\n onPaginationChange: setPagination,\n autoResetPageIndex: false,\n state: {\n pagination,\n sorting,\n },\n })\n const { t } = useTranslation()\n const tableHeaderClasses = cn(\n 'job-search-table-header h-6 pl-0 text-sm font-bold text-foreground data-[col-id=status]:w-[96px] sm:h-12 sm:px-4 data-[col-id=status]:sm:w-[120px]',\n )\n\n const showPagination = alerts.length > 10\n\n const totalPages = table.getPageCount()\n\n return (\n \n {eventInfo.event.title}\n
\n \n \n
\n )\n}\n\nexport default DataTable\n\nconst EmptyDataTable = () => {\n const { t } = useTranslation()\n return (\n \n \n
\n
\n {showPagination && (\n \n
\n \n
\n {t('DataTable.no_saved_alerts_title')}
\n{t('DataTable.no_saved_alerts_message')}
\n\n {t('DataTable.get_started')}, \n \n {t('DataTable.explore_jobs')}\n \n
\n\n {displayedText}\n
{t(column.id)}
\n}\n","import React, {\n useEffect,\n useState,\n useRef,\n useContext,\n createContext,\n} from 'react'\nimport { useFilters } from './useFilters'\nimport { useRecruiterSearchQuery } from './useRecruiterSearchQuery'\nimport { useRecruiterSearchParams } from './useRecruiterSearchParams'\nimport { useRecruiterSearchForm } from './useRecruiterSearchForm'\nimport { apiPost, getApi, apiDelete } from '../../../util/api'\n\nconst RecruiterSearchContext = createContext()\n\nexport function useRecruiterSearch() {\n return useContext(RecruiterSearchContext)\n}\n\nexport function RecruiterSearchProvider({\n search_results,\n total_results,\n total_pages,\n next_page,\n allow_debug,\n industries,\n saved_recruiter_ids,\n location,\n children,\n}) {\n const [selectedRecruiterDrawerOpen, setSelectedRecruiterDrawerOpen] =\n useState(false)\n const resultDetailScrollRef = useRef(null)\n const [selectedRecruiter, setSelectedRecruiter] = useState(null)\n const [noResultQuery, setNoResultQuery] = useState('')\n const [viewMoreButtonDisabled, setViewMoreButtonDisabled] = useState(false)\n const [formDisabled, setFormDisabled] = useState(false)\n const { urlSearchParams, setUrlSearchParams, paramString, lockParamString } =\n useRecruiterSearchParams(location)\n const [savedRecruiterIds, setSavedRecruiterIds] = useState(\n saved_recruiter_ids || [],\n )\n const debug = allow_debug && urlSearchParams.has('debug')\n const [previousFirstRecruiterId, setPreviousFirstRecruiterId] = useState(null)\n const addRecruiterUrl = '/job-search/recruiters/my_recruiters'\n\n const {\n queryStatusMessage,\n pagesToShow,\n setPagesToShow,\n setPrefetchedPages,\n recruiterResults,\n amountShown,\n amountTotal,\n fetchNextPage,\n isFetching,\n isFetchingNextPage,\n isPending,\n showViewMoreButton,\n } = useRecruiterSearchQuery({\n paramString,\n initialData: {\n pageParams: [1],\n pages: [\n {\n results: search_results,\n total_results: total_results,\n total_pages: total_pages,\n next_page: next_page,\n },\n ],\n },\n })\n\n const { form, onSubmit } = useRecruiterSearchForm({\n urlSearchParams,\n lockParamString,\n noResultQuery,\n setPagesToShow,\n setPrefetchedPages,\n })\n\n const { hasFilters, resetFilters } = useFilters({ form, setUrlSearchParams })\n\n useEffect(() => {\n if (isFetching && pagesToShow === 1 && !isFetchingNextPage) {\n setFormDisabled(true)\n } else {\n setFormDisabled(false)\n }\n }, [pagesToShow, isFetching, isFetchingNextPage, isPending])\n\n const firstRecruiter = recruiterResults[0]\n useEffect(() => {\n if (\n firstRecruiter &&\n firstRecruiter.estab_id !== previousFirstRecruiterId\n ) {\n setPreviousFirstRecruiterId(firstRecruiter.estab_id)\n setSelectedRecruiter(firstRecruiter)\n }\n }, [firstRecruiter, previousFirstRecruiterId])\n\n const urlSearchParamsWhat = urlSearchParams.get('what')\n useEffect(() => {\n if (recruiterResults.length === 0) {\n setNoResultQuery(urlSearchParamsWhat)\n } else {\n setNoResultQuery('')\n }\n }, [recruiterResults.length, urlSearchParamsWhat, paramString])\n\n const handleSelectRecruiter = (recruiter) => (event) => {\n event.stopPropagation()\n resultDetailScrollRef.current?.scrollTo(0, 0, { behavior: 'smooth' })\n setSelectedRecruiter(null)\n setSelectedRecruiter(recruiter)\n setSelectedRecruiterDrawerOpen(true)\n }\n\n const handleViewMore = async () => {\n setViewMoreButtonDisabled(true)\n setPagesToShow((prev) => prev + 1)\n await fetchNextPage()\n setViewMoreButtonDisabled(false)\n }\n\n const fetchSavedRecruiterIds = async () => {\n try {\n const api = getApi()\n const response = await api.get(\n '/job-search/recruiter_search/saved_recruiter_ids',\n )\n if (response.status === 200) {\n setSavedRecruiterIds(response.data)\n }\n } catch (error) {\n console.error('Failed to fetch saved recruiter ids:', error)\n }\n }\n\n const addRecruiterContact = async (contact, recruiterCompany) => {\n const saved_recruiter = {\n recruiter_estab_id: recruiterCompany.estab_id,\n recruiter_name: contact.full_name,\n email: contact.email,\n }\n\n try {\n const response = await apiPost(addRecruiterUrl, {\n saved_recruiter: saved_recruiter,\n })\n if (response.status === 201) {\n await fetchSavedRecruiterIds()\n }\n } catch (error) {\n const recruiter = {\n recruiter_estab_id: recruiterCompany.estab_id,\n email: contact.email,\n }\n const index =\n savedRecruiterIds.indexOf(recruiter)(index > -1) &&\n setSavedRecruiterIds([\n ...savedRecruiterIds.slice(0, index),\n ...savedRecruiterIds.slice(index + 1),\n ])\n\n console.error('Failed to save recruiter:', error)\n }\n }\n\n const removeFromMyRecruiters = async (recruiter) => {\n const savedRecruiter = savedRecruiterIds.find(\n (r) =>\n r.recruiter_estab_id === recruiter.estab_id &&\n r.email === recruiter.email,\n )\n\n let response\n\n try {\n response = await apiDelete(\n `/job-search/recruiters/my_recruiters/${savedRecruiter?.estab_id}`,\n )\n } catch (error) {\n console.log(error)\n }\n if (response.status === 200) {\n setSavedRecruiterIds((prev) =>\n prev.filter(\n (ele) =>\n ele.recruiter_estab_id !== savedRecruiter?.recruiter_estab_id &&\n ele.email !== savedRecruiter?.email,\n ),\n )\n } else {\n throw new Error('Error deleting item')\n }\n }\n\n const addToMyRecruiters = async (recruiter) => {\n const recruiterInfo = {\n recruiter_estab_id: recruiter.estab_id,\n email: recruiter.email,\n }\n setSavedRecruiterIds([...savedRecruiterIds, recruiterInfo])\n\n try {\n const response = await apiPost(addRecruiterUrl, {\n saved_recruiter: {\n recruiter_estab_id: recruiter.estab_id,\n },\n })\n if (response.status === 201) {\n await fetchSavedRecruiterIds()\n }\n } catch (error) {\n const index =\n savedRecruiterIds.indexOf(recruiterInfo)(index > -1) &&\n setSavedRecruiterIds([\n ...savedRecruiterIds.slice(0, index),\n ...savedRecruiterIds.slice(index + 1),\n ])\n\n console.error('Failed to save recruiter:', error)\n }\n }\n\n const isSavedRecruiter = (recruiter) => {\n return savedRecruiterIds.some(\n (r) =>\n r.recruiter_estab_id === recruiter.estab_id &&\n r.email === recruiter.email,\n )\n }\n\n const isSavedRecruiterCompany = (recruiter) => {\n return savedRecruiterIds.some(\n (r) => r.recruiter_estab_id === recruiter.estab_id,\n )\n }\n\n const resetSelectedRecruiterState = () => {\n setSelectedRecruiter(null)\n }\n\n const value = {\n form,\n formDisabled,\n onSubmit,\n setSelectedRecruiter,\n selectedRecruiter,\n hasFilters,\n resetFilters,\n selectedRecruiterDrawerOpen,\n setSelectedRecruiterDrawerOpen,\n resultDetailScrollRef,\n noResultQuery,\n handleSelectRecruiter,\n handleViewMore,\n urlSearchParams,\n queryStatusMessage,\n setNoResultQuery,\n recruiterResults,\n amountShown,\n amountTotal,\n viewMoreButtonDisabled,\n showViewMoreButton,\n savedRecruiterIds,\n setSavedRecruiterIds,\n debug,\n industries,\n addToMyRecruiters,\n isSavedRecruiter,\n resetSelectedRecruiterState,\n location,\n addRecruiterContact,\n removeFromMyRecruiters,\n isSavedRecruiterCompany,\n }\n\n return (\n \n
\n \n \n
\n {children}
\n if (divType === 'p') return {children}
\n if (divType === 'ul') return- {children}
\n {cardContents.map((cardContent, idx) => {\n const { div_type, className, content, children } = cardContent\n return (\n \n {content}\n {children &&\n children.map((child, idx) => {\n const { div_type, className, content, children } = child\n return (\n \n {content}\n {children &&\n children.map((grandChild, idx) => {\n const { div_type, className, content, children } =\n grandChild\n return (\n \n {content}\n {children &&\n children.map((greatGrandChild, idx) => {\n const { div_type, className, content } =\n greatGrandChild\n return (\n \n {content}\n \n )\n })}\n \n )\n })}\n \n )\n })}\n \n )\n })}\n
\n )\n )\n}\n\nexport default Card\n","import React, { useState, createContext, useContext } from 'react'\n\nexport const JsonItemContext = createContext()\n\nexport const useJsonItem = () => useContext(JsonItemContext)\n\n// JsonItemProvider manages updates to a data structure under a single key (sectionName) in a parent JSON document.\n//\n// sectionName: top level key in the parent JSON document for the item being edited\n// item: the item being edited. When index is >=0 item will be replaced in the array under sectionName.\n// index: index of the item in the array under sectionName. Use -1 when sectionName is an object.\n// activeIndex: index of the item being edited in the array under sectionName (from useState)\n// setActiveIndex: function to set the activeIndex (from useState)\n// jsonDocument: the parent JSON document (from useState)\n// setJsonDocument: function to set the parent JSON document (from useState)\nexport const JsonItemProvider = ({\n sectionName,\n item,\n index = -1,\n activeIndex,\n setActiveIndex,\n jsonDocument,\n setJsonDocument,\n children,\n}) => {\n const [providedItem, setProvidedItem] = useState(item || {})\n\n const updateCollection = (\n collectionName = null,\n collection = null,\n immediateItem = null,\n ) => {\n const operatingItem = immediateItem == null ? providedItem : immediateItem\n const updatedEndDate = [null, 'present', 'Present', ''].includes(\n operatingItem.endDate,\n )\n ? undefined\n : operatingItem.endDate\n const sectionItems = jsonDocument[sectionName]\n if (index == -1) {\n // index of -1 means sectionName in the main document is an object and\n // not an array of objects\n const newResumeDocument = {\n ...jsonDocument,\n [sectionName]: operatingItem,\n }\n setJsonDocument(newResumeDocument)\n return\n }\n const updatedSection = sectionItems.map((element, _i) => {\n const keysAreEqual = element.key === operatingItem.key\n if (keysAreEqual) {\n let updatedItem = {\n ...element,\n ...operatingItem,\n endDate: updatedEndDate,\n }\n if (collectionName && collection) {\n updatedItem[collectionName] = collection\n setProvidedItem(updatedItem)\n }\n return updatedItem\n } else {\n return element\n }\n })\n setJsonDocument({ ...jsonDocument, [sectionName]: updatedSection })\n }\n\n const updateItem = (immediateItem = null) => {\n immediateItem && setProvidedItem(immediateItem)\n updateCollection(null, null, immediateItem)\n }\n\n const deleteItem = () => {\n const updatedItems = jsonDocument[sectionName].filter((_, i) => i !== index)\n setJsonDocument({ ...jsonDocument, [sectionName]: updatedItems })\n }\n\n const value = {\n item: providedItem,\n setItem: setProvidedItem,\n updateItem,\n deleteItem,\n updateCollection,\n index,\n activeIndex,\n setActiveIndex,\n sectionName,\n }\n\n return (\n \n \n
\n )\n}\nexport default JsonItemField\n","import React, { useState } from 'react'\nimport { useJsonItem } from './JsonItemProvider'\nimport { Label } from '../ui/label'\n\nconst YearMonthSelect = ({ value, onChange, onBlur }) => {\n const [yyyy, mm] = value.split('-')\n const [year, setYear] = useState(yyyy)\n const [month, setMonth] = useState(mm)\n const years = Array.from(\n { length: 60 },\n (_, i) => new Date().getFullYear() - i,\n )\n const months = [\n ['January', '01'],\n ['February', '02'],\n ['March', '03'],\n ['April', '04'],\n ['May', '05'],\n ['June', '06'],\n ['July', '07'],\n ['August', '08'],\n ['September', '09'],\n ['October', '10'],\n ['November', '11'],\n ['December', '12'],\n ]\n\n const yearChange = (e) => {\n const newYear = e.target.value\n setYear(newYear)\n const paddedMonth = String(month).padStart(2, '0')\n const newDate = month != '' ? `${newYear}-${paddedMonth}` : String(newYear)\n if (newYear == '') {\n onChange({ target: { value: '' } })\n } else {\n onChange({ target: { value: newDate } })\n }\n }\n\n const monthChange = (e) => {\n const newMonth = e.target.value\n setMonth(newMonth)\n const paddedMonth = String(newMonth).padStart(2, '0')\n const newDate = newMonth != '' ? `${year}-${paddedMonth}` : String(year)\n if (year == '') {\n onChange({ target: { value: '' } })\n } else {\n onChange({ target: { value: newDate } })\n }\n }\n\n const selectClasses = 'border-input bg-input-background rounded-md inline'\n\n return (\n \n \n \n {years.map((y) => (\n \n ))}\n \n \n \n {months.map((m) => (\n \n ))}\n \n
\n )\n}\n\nconst JsonYearMonthField = ({\n containerClassName,\n label,\n fieldName,\n childField,\n handleItemUpdate = null,\n getItemValue = null,\n}) => {\n const { index, sectionName, item, setItem, updateItem } = useJsonItem()\n\n const id = [sectionName, fieldName, childField, index].join('-')\n\n const onBlur = () => {\n updateItem()\n }\n\n const onChange = (event) => {\n const value = event.target.value || ''\n\n const updatedItem = handleItemUpdate\n ? handleItemUpdate(item, value)\n : childField\n ? { ...item, [fieldName]: { ...item[fieldName], [childField]: value } }\n : { ...item, [fieldName]: value }\n setItem(updatedItem)\n }\n\n const itemValue = getItemValue\n ? getItemValue(item)\n : childField\n ? item[fieldName]\n ? item[fieldName][childField]\n : ''\n : item[fieldName] || ''\n\n return (\n \n \n
\n )\n}\nexport default JsonYearMonthField\n","import React, { useEffect, useRef } from 'react'\nimport { Textarea } from '../ui/textarea'\nimport { Label } from '../ui/label'\nimport { useJsonItem } from './JsonItemProvider'\n\nconst JsonTextArea = ({\n containerClassName,\n label,\n fieldName,\n childField,\n autoExpand = false,\n handleItemUpdate = null,\n getItemValue = null,\n areaClassName = {},\n}) => {\n const { index, sectionName, item, setItem, updateItem } = useJsonItem()\n\n const id = [sectionName, fieldName, childField, index].join('-')\n\n const textAreaRef = useRef(null)\n\n useEffect(() => {\n if (autoExpand) {\n textAreaRef.current.style.height = 'auto'\n textAreaRef.current.style.height = textAreaRef.current.scrollHeight + 'px'\n }\n }, [item, autoExpand])\n\n const onBlur = () => {\n updateItem()\n }\n\n const onChange = (event) => {\n const value = event.target.value || ''\n\n const updatedItem = handleItemUpdate\n ? handleItemUpdate(item, value)\n : childField\n ? {\n ...item,\n [fieldName]: { ...item[fieldName], [childField]: value },\n }\n : { ...item, [fieldName]: value }\n setItem(updatedItem)\n }\n\n const itemValue = getItemValue\n ? getItemValue(item)\n : childField\n ? item[fieldName]\n ? item[fieldName][childField]\n : ''\n : item[fieldName] || ''\n\n return (\n \n \n
\n )\n}\n\nexport default JsonTextArea\n","import React from 'react'\n\nconst Check = () => {\n return (\n \n
\n )\n}\n\nexport default RetirementGoalsPageThree\n","'use client'\n\nimport * as React from 'react'\nimport * as HoverCardPrimitive from '@radix-ui/react-hover-card'\n\nimport { cn } from '../utils'\n\nconst HoverCard = HoverCardPrimitive.Root\n\nconst HoverCardTrigger = HoverCardPrimitive.Trigger\n\nconst HoverCardContent = React.forwardRef(\n ({ className, align = 'center', sideOffset = 4, ...props }, ref) => (\n {pageThreeTranslations.retirement_action_plan}
\n {selectedInterests.map((interest, interestIndex) => (\n\n
\n ))}\n {interest}
\n\n {actionPlans[interestIndex].actions.map((action, actionIndex) => (\n addAction(interestIndex)}\n className=\"text-blue-500 underline\"\n >\n {pageThreeTranslations.add_action}\n \n
\n \n
\n ))}\n \n \n handleActionChange(\n interestIndex,\n actionIndex,\n 'action',\n e.target.value,\n )\n }\n className=\"mb-2 w-full rounded-[8px] border border-[#D3D3D3] bg-[#F7FAFC] p-3\"\n placeholder={pageThreeTranslations.action_placeholder}\n />\n removeAction(interestIndex, actionIndex)}\n className=\"font-roboto-light text-sm font-medium text-red-600 hover:text-red-800 focus:underline focus:outline-none\"\n >\n {pageThreeTranslations.delete_action}\n \n
\n \n {\n handleActionChange(\n interestIndex,\n actionIndex,\n 'timeline',\n value,\n )\n }}\n value={\n action.timeline.includes('-') ||\n action.timeline === 'none'\n ? 'none'\n : action.timeline\n }\n disabled={\n action.timeline !== 'none' &&\n action.timeline.includes('-')\n }\n >\n \n \n \n \n {pageThreeTranslations.select_timeline}\n \n \n {pageThreeTranslations.today}\n \n \n {pageThreeTranslations.this_week}\n \n \n {pageThreeTranslations.this_month}\n \n \n {pageThreeTranslations.this_year}\n \n \n \n \n handleActionChange(\n interestIndex,\n actionIndex,\n 'timeline',\n e.target.value,\n )\n }\n className=\"w-full rounded border border-gray-300 p-2 text-center disabled:cursor-not-allowed disabled:opacity-50\"\n value={action.timeline.includes('-') ? action.timeline : ''}\n disabled={\n !action.timeline.includes('-') &&\n action.timeline !== '' &&\n action.timeline !== 'none'\n }\n />\n
\n \n
\n \n {pageThreeTranslations.choose_specific_data}\n
\n\n \n handleFieldChange(interestIndex, 'barriers', e.target.value)\n }\n className=\"w-full rounded-[8px] border border-[#D3D3D3] bg-[#F7FAFC] p-3\"\n />\n
\n \n {pageThreeTranslations.preventing_getting_started}\n
\n\n \n handleFieldChange(\n interestIndex,\n 'peopleToShareWith',\n e.target.value,\n )\n }\n className=\"w-full rounded-[8px] border border-[#D3D3D3] bg-[#F7FAFC] p-3\"\n />\n
\n \n {pageThreeTranslations.share_this_interest}\n
\n\n {label} \n {description && {description} }\n
\n \n {label} \n {description && {description} }\n
\n {choices.map((choice, idx) => (\n \n {choice.label}\n
\n\n {choice.label}\n
\n\n {choice.label}\n
\n\n {minDescription} \n {maxDescription} \n
\n \n {!started && !showResults && \n \n )}\n {showResults &&
\n )\n}\n","import * as React from 'react'\nimport { format } from 'date-fns'\nimport { useTranslation } from '../../../hooks/useTranslation'\nimport { useIsMobile } from '../../../hooks/useMediaQuery'\n\nexport function WebsiteCell({ row }) {\n const { t } = useTranslation('TitleCell')\n const savedRecruiter = row.original\n const isMobile = useIsMobile()\n\n const subTitle =\n isMobile && savedRecruiter.followup_on ? (\n <>\n {t('follow_up')}:
\n \n {format(savedRecruiter.followup_on, 'P')}\n
\n \n ) : (\n \n )\n\n return (\n \n
\n )\n}\n","import React from 'react'\nimport DataProvider, { useData } from './DataProvider'\nimport StepperDisplay from './StepperDisplay'\nimport { TranslationProvider } from '../shared/TranslationProvider'\nimport { ThemeProvider } from '../shared/ThemeProvider'\nimport translations from './locales.json'\nimport Step1 from './Step1'\nimport Step2 from './Step2'\nimport Step3 from './Step3/Step3'\nimport Step4 from './Step4'\nimport Step5 from './Step5'\n\nconst OnboardingStepsInternal = () => {\n const { step } = useData()\n return (\n \n {savedRecruiter.title}\n
\n {subTitle}
\n \n
\n )\n}\n\nconst OnboardingSteps = ({\n locale = null,\n activeStep = 1,\n statoCustomContent = null,\n}) => {\n const scope = 'javascript.components.OnboardingSteps'\n return (\n \n
\n \n In what areas and to what extent do you feel your team has benefited as\n a result of INTOO’s coaching program? What value / return on investment\n do you feel you have received in each of these areas?\n
\n \n Please indicate the areas in which your employee has demonstrated\n personal development and growth. Please rate the level of growth you\n have observed:\n
\n \n
\n \n
\n {isDesktop && {header}
\n{copy}
\n\n \n
\n {resultsTasks.map((task, idx) => {\n const { task: taskText, links } = task\n return (\n Remaining areas of preparation
\n {!isDesktop && \n
\n Tasks added to Action Plan
\n \n \n
\n )\n\n const image =\n 'https://www-yns-com.s3.us-east-2.amazonaws.com/images/career_development/deloitte_conversation_starters.jpg'\n const imageElement = new Image()\n imageElement.src = image\n\n const CtaComponent = () => (\n \n \n Start a Chat\n \n {' '}\n
\n )\n\n return (\n \n Feeling ready? Get started on your chat now!\n
\n\n {!isDesktop && \n {isDesktop && (\n \n \n Assessments/Career Planning\n \n \n Opportunities\n \n \n Marketing Toolkit\n \n \n Networking\n \n \n Interview\n \n \n )}\n \n {!isDesktop && (\n \n
\n \n \n Assessments/Career Planning\n
\n )}\n \n
\n {isDesktop && - \n
- \n I’m contemplating a career pivot. What factors might I want to\n consider?\n \n
- \n I have completed the assessments but I’m unsure how to use\n this information for career planning. What do you suggest?\n \n
- \n I’d like to talk about my career aspirations with my Deloitte\n coach/mentor/leader. Can you help me gain clarity and prepare\n my thoughts in advance of that conversation?\n \n
Opportunities
\n )}\n \n
\n {isDesktop && - \n
- \n I’m considering a career change but unsure of how to search\n for positions in a new industry/functional area. What\n strategies to you recommend?\n \n
- \n How does my current resume align with X position of interest?\n \n
Marketing Toolkit
\n )}\n \n
\n {isDesktop && - \n
- \n I’m struggling with my <Summary of Qualifications or this\n resume bullet/accomplishment statement>. Can you suggest\n different wording?\n \n
- \n How should I modify my resume for different positions?\n \n
- \n What might I choose to highlight in value proposition/pitch?\n \n
- \n Can I practice delivering my pitch with you?\n \n
Networking
\n )}\n \n
\n {isDesktop && - \n
- \n Can you review my networking outreach email and provide\n feedback?\n \n
- \n How might I reach out to contacts without looking “needy” or\n “desperate?”\n \n
- \n Can you review my social media profile? How might I improve\n it?\n \n
Interview
\n )}\n \n
\n {isDesktop && - \n
- \n I was just invited to interview for a position – how might I\n prepare?\n \n
- \n I recorded a practice interview within the platform. Can you\n provide feedback? (CN advisors can review the recorded\n interviews and provide feedback.)\n \n
- \n I had an interview and struggled with this question. Can you\n practice the best responses with me? (CN advisors can conduct\n brief “mock” interviews limited ~15 minutes.)\n \n
- \n I have two offers and I’m not sure which one to accept. Can\n you help me think it through?\n \n
\n
\n )\n }\n\n if (!showResults) {\n return (\n \n {t('no_results')}\n
\n\n {t('no_results_suggestions')}\n
\n\n
\n )\n }\n\n if (isDesktop) {\n return (\n \n {t('get_started')}\n
\n\n \n \n
\n \n )\n }\n return (\n \n
\n\n \n
\n \n
\n \n
\n \n \n \n \n \n \n \n \n
\n )\n}\n\nfunction RecruiterCardList() {\n const { recruiterResults, showViewMoreButton, amountShown, amountTotal } =\n useRecruiterSearch()\n\n return (\n <>\n \n setSelectedRecruiterDrawerOpen(false)}\n >\n
\n \n
\n - \n {recruiterResults.map((recruiter, i) => (\n
\n
\n \n )\n}\n","import React from 'react'\nimport { ArrowLeft, ArrowRight } from 'lucide-react'\nimport { Button } from '../../lib/ui/button'\nimport {\n Carousel,\n CarouselContent,\n CarouselItem,\n CarouselNext,\n CarouselPrevious,\n useCarousel,\n} from '../../lib/ui/carousel'\nimport parse from 'html-react-parser'\nimport { DotButton, useDotButton } from './DotButton'\n\nconst NextButton = () => {\n const { scrollNext, canScrollNext } = useCarousel()\n return (\n \n Displaying {amountShown} of {amountTotal} recruiters\n
\n {showViewMoreButton && \n {scrollSnaps.map((_, index) => (\n onDotButtonClick(index)}\n className={'embla__dot'.concat(\n index === selectedIndex ? ' embla__dot--selected' : '',\n )}\n aria-label={`Select example ${index + 1}`}\n />\n ))}\n
\n )\n}\n\nconst CarouselBox = ({ carouselObject }) => {\n const { boxes, title, icon } = carouselObject\n\n return (\n \n \n \n {boxes.map((box, index) => {\n const { subtitle, content, plugins } = box\n return (\n \n {subtitle && \n )\n })}\n \n \n
\n )\n}\nexport default CarouselBox\n","import * as React from 'react'\nimport { Form } from '../../../lib/ui/form'\nimport { useTranslation } from '~/hooks/useTranslation'\nimport MagnifyingGlassIcon from '~/components/job_search/JobSearchPage/MagnifyingGlassIcon'\nimport { Button } from '~/lib/ui/button'\nimport { useCompanySearch } from './CompanySearchProvider'\nimport MapPinIcon from '~/components/job_search/JobSearchPage/MapPinIcon'\nimport SearchInput from '~/components/shared/SearchInput'\nimport { useIsDesktop, useIsMobile } from '~/hooks/useMediaQuery'\nimport { SpinnerWhite } from '~/components/shared/Spinner'\nimport FilterRadioGroup from './FilterRadioGroup'\nimport FilterDropdown from './FilterDropdown'\nimport { cn } from '~/lib/utils'\n\nexport default function ToolBar() {\n const { t } = useTranslation('Toolbar')\n const { form, onSubmit, urlSearchParams } = useCompanySearch()\n\n const isDesktop = useIsDesktop()\n const isMobile = useIsMobile()\n const inputClasses = 'col-span-1 md:col-span-5'\n\n return (\n \n \n )\n}\n\nfunction SubmitButton({ className, children, ...props }) {\n const { formDisabled } = useCompanySearch()\n const [fakeDisabled, setFakeDisabled] = React.useState(false)\n const fakeQuickSearch = () => {\n setFakeDisabled(true)\n setTimeout(() => {\n setFakeDisabled(false)\n }, 500)\n }\n\n const showSpinner = formDisabled || fakeDisabled\n\n return (\n \n {icon}\n {title && {title}}\n
\n {subtitle}
}\n {content.map((example) => {\n const text =\n plugins && plugins.includes('parse-html')\n ? parse(example)\n : example\n return text\n })}\n \n
\n \n
\n \n \n {tileInfo[sectionName]?.type_count &&\n Object.entries(tileInfo[sectionName]['type_count']).map(\n ([type, count], idx) => {\n return (\n
\n )\n },\n )}\n \n \n )\n}\n\nexport default ActiveTileHeader\n","import React from 'react'\nimport { Stack } from '~/components/_layouts'\nimport { ActionPlanCard } from '../cards/ActionPlanCard'\nimport { SelectCoachCard } from '../cards/SelectCoachCard'\nimport { CoachingOverviewCard } from '../cards/CoachingOverviewCard'\nimport { UpcomingWebinarsCard } from '../cards/UpcomingWebinarsCard'\nimport { RecommendedJobsCard } from '../cards/RecommendedJobsCard'\nimport { RecommendedBlogsCard } from '../cards/RecommendedBlogsCard'\nimport { RecommendedCard } from '../cards/RecommendedCard'\n\nexport function Select() {\n return (\n \n
\n \n
\n \n \n {getSectionTitle(sectionName, t)}\n {isDesktop\n ? ` (${calculateCompletedTasks()})`\n : `\\n(${calculateCompletedTasks()})`}\n \n
\n \n {t(`sections.descriptions.${tileInfo[sectionName]?.focus}`)}\n
\n \n \n {React.cloneElement(itemTypeMap[type].icon, {\n variant: 'dark',\n height: '24',\n })}\n
\n {count}
\n \n
\n \n
\n \n
\n \n
\n {isDesktop && {headerCopy}
\n\n
\n {resultsCopy}
\n{t(`results.mastering_the_art`)}
\n{t(`results.focus_on_real_experiences`)}
\n\n {isSectionTwoDataEmpty && isAdditionalIdeasEmpty ? (\n
\n )\n}\n\nconst filterSectionTwoData = (data) => {\n return Object.keys(data).reduce((acc, key) => {\n if (!(key.startsWith('checkbox_') && data[key] === false)) {\n acc[key] = data[key]\n }\n return acc\n }, {})\n}\n\nconst removeAdditionalIdeas = (data) => {\n return Object.keys(data).reduce((acc, key) => {\n if (key !== 'additional_ideas') {\n acc[key] = data[key]\n }\n return acc\n }, {})\n}\n\nconst getSlugToQuestionMap = (questions) => {\n return questions.reduce((acc, questionObj) => {\n acc[questionObj.slug] = questionObj.question\n return acc\n }, {})\n}\n\nconst DataInput = ({ question, value, onChange }) => (\n \n {Object.keys(filteredSectionTwoData).map((key) => {\n const value =\n typeof filteredSectionTwoData[key] === 'boolean'\n ? ''\n : filteredSectionTwoData[key]\n return (\n handleDateChange(key, date)}\n />\n )\n })}\n {filteredAdditionalIdeas.map((idea, index) => (\n handleIdeaDateChange(index, date)}\n />\n ))}\n
\n )}\n \n \n {question}\n \n
\n)\n\nconst ReturnToStep3Message = () => {\n const { formattedExerciseName, handleBackClick } = useExercise()\n const { t } = useTranslation(formattedExerciseName)\n return (\n \n \n {'Set Target Completion Date'}\n \n onChange(e.target.value)}\n className=\"w-full rounded border border-gray-300 p-2 md:w-auto\"\n value={value || ''}\n />\n
\n \n
\n \n
\n \n
\n {isDesktop && {t(`results.score`, { score })}
\n{copy}
\n{t(`results.all`)}
\n- \n {numberedList.map((item, index) => (\n
- \n {parse(item)}\n \n ))}\n
{parse(more_tips)}
\n\n \n {children || text}\n \n
\n )\n}\n\nexport const StartExerciseButton = ({\n className,\n containerClassName,\n children,\n ...props\n}) => (\n \n {scrollSnaps.map((_, index) => (\n onDotButtonClick(index)}\n className={'embla__dot'.concat(\n index === selectedIndex ? ' embla__dot--selected' : '',\n )}\n aria-label={`Select example ${index + 1}`}\n />\n ))}\n
\n )\n}\n\nconst ExampleScripts = ({ exampleScriptsObject }) => {\n const { content, plugins, title, icon } = exampleScriptsObject\n\n return (\n \n \n \n {content.map((example, index) => {\n const text =\n plugins && plugins.includes('parse-html')\n ? parse(example)\n : example\n return {text} \n })}\n \n \n
\n )\n}\nexport default ExampleScripts\n","import React from 'react'\nimport { cn } from '../../../lib/utils'\nimport RightNavList from './RightNavList'\n\nconst RightNav = ({ className }) => {\n return (\n <>\n \n {icon === 'sample-docs' ?
\n }\n \n {title ? title : 'Example Scripts:'}\n \n
\n
\n \n
\n {t('ForgotPassword.title')}
\n\n
\n )\n}\n\nconst SocialMediaReviewSectionTwo = () => {\n const { trackContent, formattedExerciseName, handleChange, exerciseIndex } =\n useExercise()\n const { t } = useTranslation(formattedExerciseName)\n const sectionTwoTranslations = t('pages.1')\n const selectedSocialMediaSites = trackContent['0']\n const profileLinks = trackContent['1'] || {}\n\n const socialMediaTranslations = {\n linkedin: sectionTwoTranslations.linkedin,\n facebook: sectionTwoTranslations.facebook,\n x: sectionTwoTranslations.x,\n instagram: sectionTwoTranslations.instagram,\n tiktok: sectionTwoTranslations.tiktok,\n }\n\n const getProfileLink = (site) => {\n switch (site) {\n case 'linkedin':\n return profileLinks.linkedin_link\n case 'facebook':\n return profileLinks.facebook_link\n case 'x':\n return profileLinks.x_link\n case 'instagram':\n return profileLinks.instagram_link\n case 'tiktok':\n return profileLinks.tiktok_link\n default:\n return ''\n }\n }\n\n return (\n {translations.header}
\n{translations.description}
\n- \n {translations.steps.map((step, index) => (\n
- \n {step}\n \n ))}\n
{translations.p1}
\n\n {\n const url = event.target.value\n const formattedUrl =\n site === 'facebook' || site === 'linkedin'\n ? ensureProtocol(url)\n : url\n onProfileLinkChange(event, formattedUrl)\n }}\n className={'min-w-[400px]'}\n />\n
\n {translations.profile_link}
\n{translations.great_job}
\n\n {Object.keys(selectedSocialMediaSites).map(\n (site) =>\n selectedSocialMediaSites[site] && (\n {\n handleChange(exerciseIndex, site + '_link', event, url)\n }}\n />\n ),\n )}\n
\n )\n}\n\nexport default SocialMediaReviewSectionTwo\n","import React, { useState, useEffect } from 'react'\nimport { RadioGroup, RadioGroupItem } from '../../../lib/ui/radio-group'\nimport { InputField, SelectField, CheckboxField } from '../../shared/FormFields'\nimport { Form } from '../../../lib/ui/form'\nimport { useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport { Button } from '../../../lib/ui/button'\nimport AylaResponseScrollArea from '../../ShortCourses/AylaResponseScrollArea'\nimport { apiPost } from '../../../util/api'\nimport { useAiResponseStream } from '../useAiResponseStream'\nimport StarFeedback from '../../shared/StarFeedback'\nimport { TranslationProvider } from '../../shared/TranslationProvider'\nimport translations from '../locales.json'\nimport { useTranslation } from '../../../hooks/useTranslation'\nimport SavedStatusIcon from '~/components/shared/SavedStatusIcon'\n\nconst AylaCompanyResearch = (props) => {\n const [lookingFor, setLookingFor] = useState('')\n const [lastLookingFor, setLastLookingFor] = useState('')\n const [companySizes, setCompanySizes] = useState([])\n const [lastCompany, setLastCompany] = useState('')\n const [submitted, setSubmitted] = useState(false)\n const [displayedText, setDisplayedText] = useState('')\n const [index, setIndex] = useState(0)\n const [loadingStatus, setLoadingStatus] = useState(null)\n const showCursor = submitted && displayedText.length <= 0\n const { t } = useTranslation()\n const {\n aiResponse,\n setAiResponse,\n researchId,\n setResearchId,\n aiStreamComplete,\n setAiStreamComplete,\n } = useAiResponseStream()\n\n const schema = z.object({\n industry: z.string().optional(),\n location: z.string().optional(),\n small_businesses: z.boolean().optional(),\n medium_organizations: z.boolean().optional(),\n large_businesses: z.boolean().optional(),\n global_enterprises: z.boolean().optional(),\n company_name: z.string().optional(),\n })\n\n const form = useForm({\n resolver: zodResolver(schema),\n })\n\n const industry = form.watch('industry')\n const location = form.watch('location')\n const company = form.watch('company')\n\n useEffect(() => {\n if (\n typeof window.initTypeahead === 'function' &&\n typeof Bloodhound === 'function'\n ) {\n window.initTypeahead()\n }\n }, [lookingFor])\n\n const handleSubmitButtonClick = async () => {\n setSubmitted(true)\n setLoadingStatus('loading')\n setAiResponse('')\n setDisplayedText('')\n setIndex(0)\n setAiStreamComplete(false)\n setLastLookingFor(lookingFor)\n setLastCompany(company)\n\n const {\n data: { company_research_id },\n } = await apiPost('/research_learning/ayla/create_company_research', {\n ai_company_research: {\n looking_for: lookingFor || '',\n industry: industry || '',\n company: company || '',\n location: location || '',\n company_sizes: companySizes.join(', ') || '',\n },\n })\n setResearchId(company_research_id)\n setLoadingStatus('complete')\n }\n\n const transformAylaResponse = (response) => {\n const urlRegex = /((https?:\\/\\/|www\\.)[^\\s]+)/g\n return response.replace(urlRegex, (url) => {\n const formattedUrl = url.startsWith('http') ? url : `https://${url}`\n return `${formattedUrl}`\n })\n }\n\n useEffect(() => {\n if (aiStreamComplete) {\n setLoadingStatus(null)\n }\n }, [aiStreamComplete])\n\n console.log('loadingStatus', loadingStatus)\n\n return (\n \n setLookingFor(value)}\n >\n \n \n \n \n ')\n : displayedText.replace(/\\n/g, '
')\n }\n setDisplayedText={setDisplayedText}\n index={index}\n setIndex={setIndex}\n className=\"mb-4 h-64\"\n >\n )}\n {submitted && aiStreamComplete && (\n
\n )\n}\n\nconst ListComponent = ({ form, props, setCompanySizes }) => {\n const { industries } = props\n const { t } = useTranslation()\n\n // Watch all checkbox fields explicitly\n const smallBusinesses = form.watch('small_businesses')\n const mediumOrganizations = form.watch('medium_organizations')\n const largeBusinesses = form.watch('large_businesses')\n const globalEnterprises = form.watch('global_enterprises')\n\n useEffect(() => {\n // Map of checkbox names to their corresponding company size labels\n const checkboxMap = {\n small_businesses: 'Small businesses with fewer than 500 employees',\n medium_organizations:\n 'Medium sized organizations with 500-2500 employees',\n large_businesses: 'Large businesses with more than 2500 employees',\n global_enterprises: 'Global enterprise organizations',\n }\n\n // Create an array of selected company sizes based on the checkbox values\n const selectedSizes = Object.entries(checkboxMap)\n .filter(([key]) => form.getValues(key)) // Use form.getValues() to get the current value\n .map(([, label]) => label) // Map to their corresponding labels\n\n setCompanySizes(selectedSizes)\n }, [\n smallBusinesses,\n mediumOrganizations,\n largeBusinesses,\n globalEnterprises,\n form,\n setCompanySizes,\n ]) // Dependencies include all watched fields\n\n return (\n {t('title')}
\n{t('description')}
\n{t('tell_ayla')}
\n\n {lookingFor && (\n handleSubmitButtonClick()}\n >\n {t('lets_go_ayla')}\n
\n {submitted && (\n \n {lastLookingFor == 'list' && t('heres_list')}\n {lastLookingFor == 'info' &&\n t('heres_found', { company: lastCompany })}\n
\n )}\n {submitted && (\n ')\n }\n setDisplayedText={setDisplayedText}\n index={index}\n setIndex={setIndex}\n className=\"mb-4 h-64\"\n >\n )}\n {submitted && aiStreamComplete && (\n
\n \n \n \n
\n )}\n {t('rate_response')}
\n \n ({\n value: industry,\n label: industry,\n }))}\n />\n
\n )\n}\n\nconst InfoComponent = ({ form, props }) => {\n const { savedCompanies } = props\n const { t } = useTranslation()\n const company_name = form.watch('company_name')\n\n useEffect(() => {\n const setCompanyInputField = (value) => {\n const selectedCompany = savedCompanies.find(\n (company) => company.name === value,\n )\n if (selectedCompany) {\n form.setValue('company', selectedCompany.name)\n form.setValue('location', selectedCompany.location)\n }\n }\n if (company_name) {\n setCompanyInputField(company_name)\n }\n }, [company_name, form, savedCompanies])\n\n return (\n \n ({\n value: company.name,\n label: company.name,\n }))}\n />\n \n )}\n
\n )\n}\n\nconst Index = (props) => {\n const { locale } = props\n return (\n {t('or')}
\n \n
\n \n
\n - \n {options.map((option, index) => (\n
\n
\n \n
\n {card}\n \n
\n \n
\n \n
\n {card}\n \n \n <>\n \n\n \n \n
\n )\n}\n","import React, { useState, useEffect } from 'react'\nimport NetworkingBriefProvider, {\n useNetworkingBrief,\n} from './NetworkingBriefProvider'\nimport { TemplateProvider, initializeTemplates } from '../../lib/pdf'\nimport { Textarea } from '../../lib/ui/textarea'\nimport { Button } from '../../lib/ui/button'\nimport { Toaster } from '../../lib/ui/toast'\nimport {\n TabNav,\n TabPanel,\n PanelContainer,\n ButtonContainer,\n TabButton,\n} from '~/components/shared/TabNav'\nimport {\n IdentificationIcon,\n ClipboardDocumentCheckIcon,\n DocumentTextIcon,\n} from '@heroicons/react/24/outline'\nimport Editor from './Editor/index'\nimport PdfViewerPanel from './PdfViewerPanel'\nimport StyleEditor from './StyleEditor'\nimport * as T0 from './Template0'\n\n// These need to be declared outside of a component so they can't affect rendering\nconst [templates, templateStyle, templateSupportedStyles] = initializeTemplates(\n [T0],\n)\n\nconst NetworkingBriefBuilder = ({\n template_settings,\n template_index,\n ...props\n}) => {\n const defaultStyle = template_settings\n ? {\n ...templateStyle,\n [`template-${template_index}`]: template_settings,\n }\n : templateStyle\n const templateProps = {\n templates,\n defaultStyle,\n templateSupportedStyles,\n template_index,\n dev_mode: props.dev_mode,\n }\n return (\n \n
\n \n \n
\n \n
\n {card}
\n \n
\n Networking Brief Builder
\n\n A networking brief is like your personal marketing one-pager for job\n searching. It acts as a concise and compelling summary of your skills,\n experience, and career goals. This handy tool helps you quickly and\n effectively communicate your value proposition to potential employers\n or contacts in your network. With a well-crafted networking brief, you\n can make a memorable first impression, spark meaningful conversations,\n and open doors to hidden job opportunities. It keeps you focused and\n prepared to articulate your career aspirations and qualifications,\n ultimately increasing your chances of landing that dream job.\n
\n- \n
- Be concise and engaging to support quick introductions. \n
- Focus on your professional identity and networking goals. \n
- Use action-oriented language. \n
- \n Use simple, jargon-free language suitable for a diverse user base.\n \n
- \n Be professional and use consistent headings, bullet points, and\n spacing throughout.\n \n
\n
\n \n )\n}\n\nconst TextEditor = () => {\n const { networkingBriefDocument, setNetworkingBriefDocument } =\n useNetworkingBrief()\n const [editorNetworkingBrief, setEditorNetworkingBrief] = useState(\n JSON.stringify(networkingBriefDocument, null, 2),\n )\n\n const sync = () => {\n const updatedNetworkingBrief = JSON.parse(editorNetworkingBrief)\n setNetworkingBriefDocument(updatedNetworkingBrief)\n }\n\n useEffect(() => {\n setEditorNetworkingBrief(JSON.stringify(networkingBriefDocument, null, 2))\n }, [networkingBriefDocument])\n\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n
\n \n
\n \n setEditorNetworkingBrief(e.target.value)}\n >\n
\n )\n}\n","import * as React from 'react'\n\nimport {\n FormControl,\n FormField,\n FormItem,\n FormLabel,\n FormMessage,\n} from '../../lib/ui/form'\nimport { RadioGroup, RadioGroupItem } from '../../lib/ui/radio-group'\nimport { cn } from '../../lib/utils'\n\nexport function RatingField({ name, label, choices, control, className }) {\n return (\n \n \n
\n \n {choice.label}\n
\n\n \n {isDesktop && image && (\n \n )}\n {layout === 2 && !isTrueFalse && (\n \n {isDesktop && image && (\n \n )}\n {(layout === 3 || layout === 4) && (\n \n {isDesktop && image && (\n \n )}\n {layout === 5 && (\n \n {isDesktop && image && (\n \n )}\n {quizName !== 'Ideal Workplace Environment' && showResponse && (\n
\n )\n )\n}\nexport default Question\n","import React, { useState, createContext, useContext, useMemo } from 'react'\n\nconst walkthroughState = {\n run: false,\n stepIndex: 0,\n tourActive: false,\n steps: [],\n started: false,\n openAllFilters: false,\n typingOver: false,\n}\n\nexport const WalkthroughContext = createContext({\n state: walkthroughState,\n setState: () => undefined,\n})\nWalkthroughContext.displayName = 'WalkthroughContext'\n\nexport function WalkthroughStateProvider(props) {\n const [state, setState] = useState(walkthroughState)\n\n const value = useMemo(\n () => ({\n state,\n setState,\n }),\n [setState, state],\n )\n\n return {question}
\n {layout === 2 && isTrueFalse && (\n\n {image && }\n
\n )}\n \n {image && }\n
\n )}\n \n {image && }\n
\n )}\n \n {image && }\n
\n )}\n \n
\n )}\n {noFeedback && (\n \n
\n )}\n \n Back \n
\n \n \n Continue\n \n {isDesktop && (\n
\n \n {quizIndex + 1} of {numQuestions}\n
\n )}\n \n \n
\n ))}\n \n \n )\n}\n\nexport default PersonalBrandStatementPageTwo\n","import React, { useState } from 'react'\nimport Rating from '@mui/material/Rating'\nimport { api } from '../../../util/api'\n\nexport default function JobBoardRating({ jobBoardId, stars, ratingCount, t }) {\n const ratingCountText = () => t.rating_singular\n const [starRating, setStarRating] = useState(stars)\n const title = starRating > 0 ? starRating : ''\n const [subTitle, setSubTitle] = useState(ratingCountText(ratingCount))\n\n const handleChange = (_event, newStarRating) => {\n if (!newStarRating) return\n\n setStarRating(newStarRating)\n saveRatingToJobBoard(newStarRating)\n }\n\n const rateJobBoard = (newStarRating) => {\n return api.patch(`/job-search/boards/${jobBoardId}`, {\n stars: newStarRating,\n })\n }\n\n const saveRatingToJobBoard = async (newStarRating) => {\n await rateJobBoard(newStarRating)\n setSubTitle(t.thank_you)\n }\n\n const name = jobBoardId + '-rating'\n\n return (\n \n {questions.map((question, index) => (\n \n
\n ))}\n \n \n {question.type === 'input' && (\n \n handleChange(exerciseIndex, question.slug, e)\n }\n value={getResponse(exerciseIndex, question.slug)?.[0] || ''}\n />\n )}\n {question.type === 'autocomplete' && (\n <>\n {question.multi ? (\n <>\n {(multiInputs[question.slug] || []).map((_, idx) => (\n \n handleChange(exerciseIndex, question.slug, e, idx)\n }\n defaultValue={\n getResponse(exerciseIndex, question.slug)?.[idx] ||\n ''\n }\n />\n ))}\n {\n e.preventDefault()\n addInputField(question.slug)\n }}\n >\n + Add Role\n \n \n ) : (\n \n handleChange(exerciseIndex, question.slug, e)\n }\n defaultValue={\n getResponse(exerciseIndex, question.slug) || ''\n }\n />\n )}\n \n )}\n {question.type === 'text' && (\n \n handleChange(exerciseIndex, question.slug, e)\n }\n defaultValue={getResponse(exerciseIndex, question.slug) || ''}\n />\n )}\n {question.type === 'dropdown' && (\n \n updateResponse(exerciseIndex, question.slug, e)\n }\n defaultValue={getResponse(exerciseIndex, question.slug) || ''}\n className=\"w-full rounded-[20px] border border-[#D3D3D3] bg-[#F7FAFC] p-3 font-roboto text-base\"\n >\n \n \n \n {question.options.map((option, index) => (\n \n {option}\n \n ))}\n \n \n )}\n
\n {t('pages.1.identify_target_opportunities')}
\n\n
\n \n \n handleChange(exerciseIndex, description.slug, e)\n }\n defaultValue={\n getResponse(exerciseIndex, description.slug) || ''\n }\n />\n
\n \n
\n )\n}\n","import React from 'react'\nimport {\n SliderControl,\n useTemplate,\n fonts,\n SelectControl,\n ColorPickerControl,\n} from '../../../lib/pdf'\n\nconst formatDecimal = (value) => {\n if (value >= 1.0) {\n return value.toFixed(2)\n } else {\n return value.toFixed(2).slice(1)\n }\n}\n\nconst formatInches = (value) => {\n return `${formatDecimal(value)} in`\n}\n\nconst formatPercent = (value) => {\n return `${Math.round(value * 100)}%`\n}\n\nconst StyleEditor = () => {\n const { templateSettings, devMode } = useTemplate()\n\n return (\n <>\n \n {title}\n
\n \n {subTitle}\n
\n Styling
\n Page Setup
\n {JSON.stringify(templateSettings, null, 2)}}\n \n )\n}\n\nexport default StyleEditor\n","import React from 'react'\nimport { useResume } from '../ResumeProvider'\nimport { useTemplate } from '~/lib/pdf'\nimport { EditorHeading } from './common'\nimport {\n EditorItemField,\n EditorTextArea,\n EditorItemProvider,\n} from './EditorItemProvider'\nimport AiSummary from './AiSummary'\n\nconst BasicsEditor = () => {\n const { resumeDocument: { basics } = {} } = useResume()\n const { editorFieldEnabled } = useTemplate()\n\n const handleLinkedInProfileUpdate = (item, value) => {\n const updatedProfiles = item.profiles?.map((profile) =>\n profile.network?.toLowerCase() === 'linkedin'\n ? { ...profile, url: value }\n : profile,\n ) || [{ network: 'LinkedIn', url: value }]\n return {\n ...item,\n profiles: updatedProfiles,\n }\n }\n\n const getLinkedInUrl = (item) =>\n item?.profiles?.find(\n (profile) => profile.network?.toLowerCase() === 'linkedin',\n )?.url || ''\n\n return (\n \n Personal Details \n
\n \n {editorFieldEnabled('basicsJobTitle') && (\n
\n \n
\n )\n}\nexport default Tracker\n","import { configureStore } from '@reduxjs/toolkit'\nimport actionPlanSlice from '../components/ActionPlan/ActionPlanSlice'\n\nexport const store = configureStore({\n reducer: {\n actionPlan: actionPlanSlice,\n },\n})\n","import React from 'react'\nimport { ScriptsIcon } from './icons'\nimport ResourceCardList from './ResourceCardList'\n\nexport const ScriptCards = () => {\n return \n
\n \n \n
\n )\n}\n\nexport default ScriptCard\n","import React from 'react'\nimport LandingPageProvider, { useLandingPage } from './LandingPageProvider'\nimport RightNav from './RightNav'\nimport ExerciseList from './LandingItemList'\nimport useTranslation, { TranslationProvider } from '../TranslationProvider'\nimport translations from '../locales.json'\nimport { cn } from '../../../lib/utils'\n\nconst Inner = (props) => {\n const { exercises } = useLandingPage()\n const { translationScope } = props\n const { t } = useTranslation(translationScope)\n const lightHeading = t('light_heading')\n const darkHeading = t('dark_heading')\n return (\n \n
\n \n {title}
\n\n
\n \n )\n}\n\nconst IntroParagraphs = ({ paragraphs }) => {\n const length = paragraphs.length\n return paragraphs.map((paragraph, index) => (\n \n
\n \n {lightHeading} {darkHeading}\n
\n\n {paragraph}\n
\n ))\n}\n\nconst LandingPage = ({ locale, ...props }) => {\n const { show_right_nav } = props\n return (\n \n
\n \n
\n Debug Info
\n\n {keys.map((key) => {\n let value = obj[key]\n if (!value) return null\n value = JSON.stringify(value)\n\n return (\n
\n \n
\n )\n })}\n {key}:
\n \n {`${value}`}\n
\n \n {filterValues.map((filterValue) => (\n
\n )\n}\n\nconst Filter = ({ filterValue }) => {\n const { t } = useTranslation('Filter')\n const { isActive, handleFilterClick } = useFilters()\n\n const active = isActive(filterValue)\n\n const handleClick = () => {\n handleFilterClick(filterValue)\n }\n\n return (\n \n
\n \n
\n {isDesktop && {t(`results.score`, { proficiency })}
\n\n
\n
\n {copy}
\n\n
{t(`results.all`)}
\n\n
\n )\n}\n\nfunction ThankYouScreen() {\n return (\n \n
\n \n Evaluate Your Workshop\n
\n\n Thank you for participating in the recent INTOO workshop. Your\n feedback is crucial as we aim for ongoing enhancement and growth.\n
\n\n Please take a moment to fill out this evaluation form. Your insights\n will help us identify our successes and areas that need improvement.\n
\n\n
\n )\n}\n\nfunction ErrorScreen() {\n return (\n \n
\n \n Thank You!\n
\n\n Thank you for taking the time to provide your feedback. Your input is\n crucial to our continuous improvement efforts. We appreciate your\n participation in the course and hope to serve you better in the\n future.\n
\n\n
\n )\n}\n","import * as React from 'react'\n\nimport { useSavedJobs } from './SavedJobsProvider'\nimport { useTranslation } from '../../../hooks/useTranslation'\nimport { Button } from '../../../lib/ui/button'\nimport { FilterButton } from '~/components/shared/Buttons'\n\nconst filterValues = [\n 'saved',\n 'applied',\n 'interview',\n 'offer',\n 'closed',\n 'archive',\n]\n\nexport function Filters() {\n const { t } = useTranslation('filter')\n const {\n sortBy: { selectedFiltersRef, setColumnFilters },\n } = useSavedJobs()\n\n const clearFilters = () => {\n setColumnFilters([\n {\n id: 'status',\n value: ['saved', 'applied', 'interview', 'offer', 'closed'],\n },\n ])\n selectedFiltersRef.current = []\n }\n return (\n \n
\n \n Oops! Something went wrong.\n
\n\n We're sorry, but something went wrong. Please contact your\n Program Trainer about this issue.\n
\n\n {filterValues.map((filterValue) => (\n
\n )\n}\n\nconst Filter = ({ filterValue }) => {\n const { t } = useTranslation('filter')\n const {\n sortBy: { setColumnFilters, selectedFiltersRef },\n } = useSavedJobs()\n\n const selectedFilters = selectedFiltersRef.current\n\n const active = selectedFiltersRef.current.includes(filterValue)\n\n const addFilter = () => {\n if (!selectedFilters.includes(filterValue)) {\n setColumnFilters((prev) => {\n const existingFilter = prev.find((filter) => filter.id === 'status')\n if (selectedFilters.length > 0) {\n const newFilters = [...existingFilter.value, filterValue]\n selectedFiltersRef.current = newFilters\n return [{ id: 'status', value: newFilters }]\n } else {\n const newFilters = [filterValue]\n selectedFiltersRef.current = newFilters\n return [{ id: 'status', value: newFilters }]\n }\n })\n }\n }\n\n const removeFilter = () => {\n setColumnFilters((prev) => {\n const existingFilter = prev.find((filter) => filter.id === 'status')\n const newFilters = existingFilter.value.filter((f) => f !== filterValue)\n selectedFiltersRef.current = newFilters\n\n return [\n {\n id: 'status',\n value:\n newFilters.length > 0\n ? newFilters\n : ['saved', 'applied', 'interview', 'offer', 'closed'],\n },\n ]\n })\n }\n\n const handleFilterClick = () => {\n if (active) {\n removeFilter()\n } else addFilter()\n }\n\n return (\n \n {sections.map((section, index) => (\n
\n )\n}\n\nexport default RetirementGoalsPageOne\n","import React from 'react'\nimport { useResume } from './ResumeProvider'\nimport { Button } from '../../lib/ui/button'\nimport { cn } from '~/lib/utils'\n\nconst DownloadPdfButton = ({\n className,\n disabled,\n onClick = () => null,\n children,\n}) => {\n const {\n resumeName,\n persistResumeIfChanged,\n pdf: { url },\n } = useResume()\n\n const buttonClick = () => {\n persistResumeIfChanged()\n onClick()\n }\n\n const buttonClasses = cn(\n 'text-cod-gray-700 active:text-cod-gray-700 hover:text-accent-foreground',\n className,\n )\n\n const buttonStyle = disabled ? { pointerEvents: 'none', opacity: 0.5 } : {}\n\n return (\n \n )\n}\nexport default DownloadPdfButton\n","import * as React from 'react'\n\nimport {\n FormControl,\n FormDescription,\n FormField,\n FormItem,\n FormLabel,\n FormMessage,\n} from '../../../lib/ui/form'\n\nimport { Input } from '../../../lib/ui/input'\n\nimport { cn } from '../../../lib/utils'\n\nexport default function SearchInput({\n name,\n control,\n label,\n icon: Icon,\n placeholder,\n description,\n className,\n tempVal,\n ...props\n}) {\n return (\n \n
\n ))}\n {section.header}
\n{section.paragraph}
\n{pageOneTranslations.review_questions}
\n\n
\n \n {pageOneTranslations.things_you_are_good_at}\n
\n\n
\n {pageOneTranslations.activities_you_tried}
\n{pageOneTranslations.activities_to_try}
\n\n
\n \n
\n {children}
\n )\n}\n\nconst PanelContent = ({ children }) => {\n return (\n\n {children}\n
\n )\n}\n\nconst BenefitsBulletList = ({ items }) => {\n const { t } = useTranslation()\n const title = t('RightPanel.benefits')\n return {subtitle}
}\n- \n {items.map((item, key) => (\n
\n
\n )\n}\n\nconst Testimonial = () => {\n const { programLevel } = useData()\n const { t } = useTranslation()\n const quotes = {\n SOLO: t('RightPanel.testimonial.solo'),\n SOLO_PLUS: t('RightPanel.testimonial.solo_plus'),\n FLEX: t('RightPanel.testimonial.flex'),\n PREMIUM: t('RightPanel.testimonial.premium'),\n SELECT: t('RightPanel.testimonial.select'),\n }\n return (\n \n
\n {title}
\n \n {detail}\n
\n \n
\n )\n}\n","import React from 'react'\nimport { cn } from '../../../lib/utils'\n\nexport const TrashIcon = ({ className }) => {\n return (\n \n \n {t('RightPanel.testimonial_title')}\n \n \n Raymond Fields\n \n \n “{quotes[programLevel]}”\n \n
\n {t('TwoFactorEntry.title')}
\n{t('TwoFactorEntry.subtext')}
\n{t('TwoFactorEntry.provide_your_code')}
\n\n Call to Action \n
\n \n Desired outcome from networking interactions - what you hope to\n accomplish with your networking activities. Optional if included in\n your professional summary.\n
\n\n
\n \n
\n )\n}\nexport default Outcomes\n","import * as React from 'react'\nimport useEmblaCarousel from 'embla-carousel-react'\nimport { ArrowLeft, ArrowRight } from 'lucide-react'\n\nimport { cn } from '../utils'\nimport { Button } from './button'\n\nconst CarouselContext = React.createContext(null)\n\nfunction useCarousel() {\n const context = React.useContext(CarouselContext)\n\n if (!context) {\n throw new Error('useCarousel must be used within a {t('unlock_insights')}
\n {outcomes.map((outcome, idx) => (\n \n
\n ))}\n {outcome}
\n \n
\n )\n})\nCarouselContent.displayName = 'CarouselContent'\n\nconst CarouselItem = React.forwardRef(({ className, ...props }, ref) => {\n const { orientation } = useCarousel()\n\n return (\n \n
\n )\n}\n\nconst SelectTemplatePanel = ({ templateIndex, setTemplateIndex }) => {\n const templateIndices = [0, 1, 2]\n const activeClasses = 'font-roboto-slab text-primary font-bold pb-2'\n const inactiveClasses = 'font-roboto-slab text-primary pb-2'\n\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n
\n \n
\n \n {templateIndices.map((index) => (\n
\n )\n}\n\nconst TemplatePreview = ({ className, templateIndex }) => {\n const url = `https://www-yns-com.s3.amazonaws.com/resume_builder/CoverLetterTemplate${templateIndex}.png`\n return (\n \n \n {templateMap[index]}\n \n setTemplateIndex(index)}\n disabled={templateIndex === index}\n className={\n templateIndex === index\n ? 'rounded-xl border-4 border-solid border-primary'\n : 'm-1 rounded-xl'\n }\n >\n
\n ))}\n \n setEditorCoverLetter(e.target.value)}\n >\n
\n )\n}\n","import React from 'react'\nimport { useSkills } from './SkillsProvider'\n\nconst NavHeader = () => {\n return (\n \n \n
\n \n
\n )\n}\nexport default NavHeader\n\nconst HeaderButton = ({ icon, title, onClick, active = false }) => {\n const activeClass = active ? 'w-full rounded-t-sm h-1 bg-primary' : 'h-1'\n const titleClass = active ? 'font-bold' : ''\n\n return (\n \n )\n}\n\nconst GraphViewHeaderButton = () => {\n const { openGraphViewTab, graphViewActive } = useSkills()\n\n return (\n \n
\n \n Target Companies \n
\n )\n}\n\nexport default TargetCompaniesEditor\n","import React, { useState } from 'react'\nimport { useResume } from '../ResumeProvider'\nimport { Button } from '../../../lib/ui/button'\nimport { PlusIcon } from '@heroicons/react/24/outline'\nimport { EditorHeading, newKey } from './common'\nimport EducationItem from './EducationItem'\nimport { EditorItemProvider } from './EditorItemProvider'\n\nconst EducationEditor = () => {\n const { resumeDocument, setResumeDocument } = useResume()\n const education = resumeDocument?.education || []\n const [activeIndex, setActiveIndex] = useState(-1)\n\n const addEducation = () => {\n const newIndex = education.length\n const updatedEducation = [...education, {}]\n setActiveIndex(newIndex)\n\n setResumeDocument({ ...resumeDocument, education: updatedEducation })\n }\n\n return (\n \n List any specific companies/industries you are targeting in your career\n search. (optional)\n
\n {targetCompanies.map((targetCompany, targetCompanyIndex) => {\n targetCompany.key = targetCompany.key || newKey()\n return (\n \n \n
\n )\n })}\n \n \n removeTargetCompany(targetCompanyIndex)}\n />\n
\n \n \n Education \n
\n )\n}\nexport default EducationEditor\n","import React from 'react'\n\nimport {\n FormControl,\n FormField,\n FormItem,\n FormLabel,\n FormMessage,\n} from '../../lib/ui/form'\nimport { Input } from '../../lib/ui/input'\n\nexport function FileField({ name, label, accept, control, id }) {\n return (\n \n Show your academic achievements and qualifications.\n
\n {education.map((edu, index) => {\n edu.key = edu.key || newKey()\n return (\n \n \n
\n )\n })}\n \n \n
\n )\n}\nexport default GoalTile\n","import React, { useState } from 'react'\nimport { Box, Button, Link } from '@mui/joy'\nimport PasswordInput from './PasswordInput'\nimport ContactUsLink from './ContactUsLink'\nimport { SpinnerWhite } from '../../shared/Spinner'\nimport { useData } from './DataProvider'\nimport { useAlert } from './AlertModal'\nimport useTranslation from '../../shared/TranslationProvider'\nimport SsoButtons from './Sso/SsoButtons'\n\nconst AddLicense = () => {\n const { existingUsername, existingUserApple, existingUserGoogle } = useData()\n const { t } = useTranslation()\n const showPasswordAuth = !existingUserApple && !existingUserGoogle\n\n return (\n \n \n {goal}\n \n
\n )}\n {variant === 'timeline' && (\n \n
\n YOUR GOAL:
\n \n \n {goal}\n \n
\n )}\n \n
\n YOUR TIMELINE:
\n {t('AddLicense.title')}
\n\n {t('AddLicense.username')}: {existingUsername}\n
\n{descriptions[description]}
\n \n
\n \n
\n {isDesktop && {t(`results.score`, { score })}
\n\n
\n \n {copy.map((copy, idx) => (\n
\n\n {numCorrect < 15 && (\n {t(`results.offer_resume_review`)}
\n )}\n\n
\n )}\n \n {t(`results.${scoreSection}.incorrect`)}\n
\n {contentValues.map((response, idx) => {\n if (\n t(\n `questions.${idx + 1}.options.${response}.feedback_key`,\n ) === 'no_response'\n ) {\n return (\n\n
\n )\n }\n })}\n \n \n {t(`questions.${idx + 1}.question`)}\n \n
\n\n {t(`questions.${idx + 1}.feedback.no_response`)[0]}\n
\n\n Target Roles \n
\n )\n}\n\nexport default TargetRolesEditor\n","import React from 'react'\n\nconst ChevronDownIcon = () => (\n \n List any roles you are targeting in your career search. (optional)\n
\n {targetRoles.map((targetRole, targetRoleIndex) => {\n targetRole.key = targetRole.key || newKey()\n return (\n \n \n
\n )\n })}\n \n \n removeTargetRole(targetRoleIndex)}\n />\n
\n \n \n {label} \n {description} \n
\n {items.map((item) => (\n \n {section === 0 &&
\n )\n}\n\nexport default FindingPurposeExercise\n","import React from 'react'\nimport { cn } from '../../../lib/utils'\n\nexport const EmailIcon = () => {\n return (\n \n
\n ) : (\n <>\n {coachInfo?.liaison ? (\n \n \n \n {coach.name}\n \n \n {t('premium_liason_coach_card.description', { name: coach.name })}\n \n \n
\n \n \n \n {coach.name}\n \n {calendlyEvent ? (\n \n {t('premium_dedicated_coach_card.continue_journey')}\n \n ) : (\n \n {t('premium_dedicated_coach_card.get_to_know')}\n \n )}\n \n
\n {!_.isEmpty(coach) ? (\n \n
\n ) : null}\n \n {!calendlyEvent &&
\n \n \n \n \n
\n \n \n {coverLetterMap[templateIndex]} Cover Letter Content\n \n \n \n
\n )\n}\n\nexport default ContentEditor\n","import React from 'react'\nimport { cn } from '../../../lib/utils'\n\nexport const TrashIcon = ({ className }) => {\n return (\n \n The purpose of a cover letter is to explain to a hiring manager how your\n accomplishments, experiences, and skills add value to the specific needs\n of the organization or position.\n
\n {!aylaCoverLetter && (templateIndex == 0 || templateIndex == 1) && (\n <>\n\n Paragraph One: Why am I interested in and a good fit for your\n organization?\n
\n\n Paragraph Two: How are my qualifications well-matched for a\n position?\n
\n\n Paragraph Three: What should be the next step in pursuing an\n interview?\n
\n \n )}\n {!aylaCoverLetter && templateIndex == 2 && (\n <>\nParagraph One: Why am I writing?
\n\n Paragraph Two: What am I looking for from the recipient?\n
\nParagraph Three: What are the next steps?
\n \n )}\n\n
\n ) : (\n <>\n {coachInfo?.liaison ? (\n \n {coach?.headshot ? (\n \n \n {coach.name}\n \n \n {t('premium_liason_coach_card.description', { name: coach.name })}\n \n \n
\n \n {!calendlyEvent && (\n
\n \n setShowCoachInfoDialog(true)}\n color=\"secondary\"\n fullWidth\n >\n {t('premium_dedicated_coach_card.view_action')}\n \n
\n \n ) : null\n }\n >\n \n {coach?.headshot ? (\n \n \n {coach.name}\n \n {calendlyEvent ? (\n \n {t('premium_dedicated_coach_card.continue_journey')}\n \n ) : (\n \n {t('premium_dedicated_coach_card.get_to_know')}\n \n )}\n \n
\n \n \n \n {coverLetterIsUploading &&
\n \n )\n}\nexport default DropzoneCoverLetterUpload\n","import React from 'react'\n\nconst NotebookIcon = () => {\n return (\n Upload your cover letter
\n \n
\n )}\n Drag and drop your cover letter here, or click to select
\n (Files must be in .pdf, .doc, or .docx format)\n\n
\n )\n }\n\n if (isDesktop) {\n return (\n \n
\n \n {t('no_results')}\n
\n \n \n \n
\n \n )\n }\n return (\n \n
\n\n \n
\n \n
\n \n
\n \n \n \n \n details \n \n \n \n \n
\n )\n}\n\nfunction CompanyCardList() {\n const { companyResults, amountShown, amountTotal, showViewMoreButton } =\n useCompanySearch()\n\n const { t } = useTranslation('SearchResults')\n\n return (\n <>\n \n setSelectedCompanyDrawerOpen(false)}\n >\n
\n \n \n \n
\n - \n {companyResults.map((company, i) => (\n
\n
\n \n )\n}\n\nfunction ViewMoreButton({ t }) {\n const { handleViewMore, viewMoreButtonDisabled } = useCompanySearch()\n return (\n \n {t('displaying', {\n amountShown,\n amountTotal,\n })}\n
\n {showViewMoreButton && \n {section === 0 &&
\n )\n}\n\nexport default NetworkingPreferencesExercise\n","import React, { useState } from 'react'\nimport { ExerciseIcon, BuilderIcon } from './icons'\nimport { useLandingPage } from './LandingPageProvider'\nimport useTranslation from '../TranslationProvider'\nimport { iconMap } from './LandingItemCard'\nimport { Button } from '../../../lib/ui/button'\nimport {\n ClipboardDocumentListIcon,\n HeartIcon,\n} from '@heroicons/react/24/outline'\nimport { TrashIcon } from '../../job_search/SavedRecruitersPage/Icons'\nimport { apiDelete } from '../../../util/api'\nimport {\n Dialog,\n DialogContent,\n DialogHeader,\n DialogTitle,\n DialogTrigger,\n DialogClose,\n DialogFooter,\n DialogDescription,\n} from '../../../lib/ui/dialog'\nimport { cn } from '../../../lib/utils'\nimport NewCoverLetterModal from '../../CoverLetterBuilder/NewCoverLetterModal'\n\nconst RightNavListElement = ({ exercise, index }) => {\n const {\n right_nav_title,\n path,\n type,\n right_nav_cta_path,\n right_nav_cta_description,\n right_nav_cta_icon,\n right_nav_title_icon,\n collection,\n right_nav_empty_state,\n right_nav_primary_cta,\n right_nav_cta_title,\n include_heart_icon,\n } = exercise\n\n const { pitch, pitch_complete } = useLandingPage()\n const { t } = useTranslation()\n const [items, setItems] = useState(collection && JSON.parse(collection))\n const [showDialog, setShowDialog] = useState(false)\n const [itemToDelete, setItemToDelete] = useState(null)\n const toggleDialog = () => setShowDialog((prev) => !prev)\n\n const RightNavCtaIcon = ({ className }) => {\n return right_nav_cta_icon === 'checklist' ? (\n \n
\n )\n }\n\n const PitchContent = () => {\n return (\n \n {right_nav_cta_title}
\n {right_nav_cta_description}
\n \n \n
\n \n )\n }\n\n const CollectionContent = () => {\n const icon = iconMap[type] || ExerciseIcon\n if (\n !items ||\n items.length === 0 ||\n (items[0].type == 'Pitch' && !pitch_complete)\n ) {\n return (\n \n {right_nav_empty_state &&
\n )\n } else {\n return (\n {right_nav_empty_state}
}\n {path.match('cover_letters/new_ai_or_builder') ? (\n \n {items.map((item, idx) => {\n return item.type === 'Pitch' && pitch_complete ? (\n
\n \n \n )\n })}\n \n )\n }\n }\n\n return (\n <>\n - \n
- \n \n {item.type != 'PersonalBrandStatement' &&\n item.type != 'ReasonForLeavingStatement' && (\n\n )}\n
\n
\n {right_nav_title}{' '}\n {include_heart_icon ? (\n
\n \n
\n \n
\n \n
\n )\n}\n\nconst NotStarted = ({ savedCourse, setStatus, setReminder }) => {\n const { t } = useTranslation('status')\n const { candidateId } = useSavedCourses()\n\n const initialText = `Start ${savedCourse.name} course`\n\n const reminderProps = {\n savedCourse,\n initialText,\n candidateId,\n setStatus,\n setReminder,\n }\n\n return (\n \n \n \n \n \n \n \n \n {t('saved')}\n \n {reminder && (\n \n {t('reminder_created')}\n \n )}\n \n {t('started')}\n \n \n {t('completed')}\n \n \n \n \n
\n {status === 'saved' && !reminderExists && (\n {t(status)}
\n \n
\n )\n}\n","import React from 'react'\nimport useTranslation from '../../../shared/TranslationProvider'\n\nconst GoogleSso = () => {\n const { t } = useTranslation()\n return (\n <>\n \n \n \n \n \n
\n \n
\n \n )\n}\n\nexport default GoogleSso\n","import React from 'react'\nimport useTranslation from '../../shared/TranslationProvider'\nimport { CheckListLayout, DefaultLayout } from './PartOneLayouts'\nimport { useExercise } from '../ExerciseProvider'\n\nconst PartOne = () => {\n const { exerciseIndex, sectionIdx } = useExercise()\n const { t } = useTranslation('chart_your_course')\n const section_info = t(`pages.${exerciseIndex}`).section_info\n const questions = section_info[sectionIdx].questions\n const description = section_info[sectionIdx].description\n\n return (\n \n \n \n \n \n \n
\n \n {t('google_sso_button')}\n \n {t('google_sso_button')}\n \n {sectionIdx === 0 &&
\n )\n}\n\nexport default PartOne\n","import React, { useState, useEffect } from 'react'\nimport parse from 'html-react-parser'\nimport ProgressContainer from '../../ActionPlan/ProgressContainer'\nimport { useTranslation } from '~/hooks/useTranslation'\nimport { getApi } from '~/util/api'\nimport { Button, Card, Typography } from '~/components/_atoms'\nimport { Stack } from '~/components/_layouts'\nimport Spinner from '~/components/shared/Spinner'\nimport { useActionPlan } from '../../ActionPlan/ActionPlanProvider'\n\nexport function ActionPlanCard({ className }) {\n const [isLoading, setIsLoading] = useState(false)\n const [timePeriod, setTimePeriod] = useState('')\n const [trackerStepName, setTrackerStepName] = useState('')\n const [stepUrl, setStepUrl] = useState('')\n const [progressPercent, setProgressPercent] = useState(0)\n const { goal } = useActionPlan()\n const { t } = useTranslation()\n\n const coachChatSubstitution = (text, timePeriod) => {\n const coachChatSplit = text.split('@COACH_CHAT_LINK@')\n\n if (coachChatSplit.length > 1) {\n const linkText = t(`action_plan_card.${timePeriod}.coach_chat_text`)\n return (\n coachChatSplit[0] +\n `${linkText}` +\n coachChatSplit[1]\n )\n } else {\n return text\n }\n }\n\n const NextActionText = (timePeriod = 'day_1', nextActionText, url) => {\n const nextActionLink = `${nextActionText}`\n const translationKey = `action_plan_card.${timePeriod}.next_step`\n let translationString = t(translationKey, { next_action: nextActionLink })\n translationString = coachChatSubstitution(translationString, timePeriod)\n\n const feedbackSplit = translationString.split('@FEEDBACK_LINK@')\n if (timePeriod === '') {\n return ''\n }\n\n return feedbackSplit.length > 1 ? (\n <>\n {parse(feedbackSplit[0])}\n {FeedbackLink()}\n {parse(feedbackSplit[1])}\n \n ) : (\n parse(translationString)\n )\n }\n\n const TimePeriodText = (timePeriod = 'day_1') => {\n let translationString = t(`action_plan_card.${timePeriod}.current_status`)\n translationString = coachChatSubstitution(translationString, timePeriod)\n\n const feedbackSplit = translationString.split('@FEEDBACK_LINK@')\n return feedbackSplit.length > 1 ? (\n <>\n {parse(feedbackSplit[0])}\n {FeedbackLink()}\n {parse(feedbackSplit[1])}\n \n ) : (\n parse(translationString)\n )\n }\n\n const FeedbackLink = () => {\n const popupFeedback = () => {\n window.candidateFeedback()\n }\n\n return (\n \n Feedback\n \n )\n }\n\n useEffect(() => {\n setIsLoading(true)\n getApi()\n .get('/tracker/current_step')\n .then((response) => {\n if (response.status == 200) {\n const {\n data: { time_period, name, progress, url },\n } = response\n setTimePeriod(time_period)\n setTrackerStepName(name)\n setStepUrl(url)\n setProgressPercent(progress)\n return\n } else {\n throw new Error('json request failed')\n }\n })\n .finally(() => {\n setIsLoading(false)\n })\n .catch((error) => {\n console.log('json request failed', error)\n })\n }, [goal, setTimePeriod, setTrackerStepName, setStepUrl])\n\n return (\n \n \n {isLoading ? (\n \n ) : (\n {TimePeriodText(timePeriod)} \n )}\n {isLoading ? (\n \n {NextActionText(timePeriod, trackerStepName, stepUrl)}\n \n \n )}\n \n
\n \n )\n}\n","import React from 'react'\nimport parse from 'html-react-parser'\nimport { cn } from '../../lib/utils'\nimport HighlightCommentProvider, {\n useHighlightComment,\n} from './HighlightCommentProvider'\nimport CommentBox from './CommentBox'\n\nexport const NumberedList = ({ listObject }) => {\n return (\n \n \n
\n \n {title &&
\n )\n}\n\nexport const ListItems = ({ items, plugins }) => {\n return (\n <>\n {items.map((item, index) => (\n {title}
}\n {isNumberedList ? (\n - \n {children && (\n
- \n {children && (\n
{content}: content}\n \n
{title}
\n \n {text}\n
\n - \n
\n {selectedCareers.map((career, idx) => (\n \n
\n ))}\n \n )\n}\n\nexport default PartThree\n\nconst TextArea = ({ slug }) => {\n const { getResponse, handleChange } = useExercise()\n\n const handleTextChange = (e) => {\n handleChange(2, slug, e)\n }\n\n const textResponse = getResponse(2, slug) || ''\n\n return (\n \n
\n \n {careerPath}: {career}\n
\n \n \n \n
\n \n
\n {isDesktop && {resultsTitle}
\n\n
\n {parse(resultsP1)}
\n{resultsP2}
\n- \n {resultsListItems.map((item, index) => (\n
- {parse(item)} \n ))}\n
\n
\n \n {t(`results.all.ready_to_improve`)}\n
\n{t(`results.all.additional_resources`)}
\n- \n {resultsResourceItems.map((item, index) => (\n
- {parse(item)} \n ))}\n
{t(`results.all.good_luck`)}
\n\n
\n )\n}\n\nconst Header = ({ t, ssoName, candidateFirstName, dateAndTimeUpdated }) => {\n const isMobile = useIsMobile()\n const { t: tExercise } = useTranslation('exercise')\n return (\n \n \n
\n \n
\n
\n \n {t(`start_exercise.title`)}\n
\n\n
\n {!ssoName && (\n \n
\n )}\n \n
\n {`${candidateFirstName}'s`} {tExercise('results')}\n \n
\n \n
\n {dateAndTimeUpdated}\n \n
\n \n \n )\n}\n\nconst SummaryContent = ({ link, t }) => {\n const isMobile = useIsMobile()\n const { retakeExercise, documentId } = useExercise()\n const { t: tExercise } = useTranslation('exercise')\n const conclusionGreatJob = t('conclusion_great_job')\n const goalPlannerLink = {\n linkPath: `/exercise/retirement_goals_planner/${documentId}.pdf`,\n linkText: t('goal_planner_link'),\n }\n\n return (\n \n \n
\n
\n \n
\n \n
\n {t('dont_forget')}
\n\n
\n \n \n
\n \n \n {tExercise('retake_exercise')}\n \n
\n \n {copy1}\n {copy2 && (\n
\n {actionPlan.map((plan, index) => (\n \n
\n ))}\n \n )\n}\n\nconst DisplayAllInterests = () => {\n const { trackContent } = useExercise()\n const allInterests = [\n ...(trackContent[0]?.goodAt || []),\n ...(trackContent[0]?.interestedIn || []),\n ...(trackContent[0]?.triedAndEnjoyed || []),\n ]\n const selectedInterests = trackContent[1]?.topInterests || []\n const remainingInterests = allInterests.filter(\n (interest) => !selectedInterests.includes(interest),\n )\n\n return (\n {`Interest: ${plan.interest}`}
\n\n
\n {t('actions')}
\n- \n {plan.actions.map((action, idx) => (\n
- \n {action.action}\n
\n \n {t('timeline')} {action.timeline || t('no_timeline')}\n \n \n ))}\n
\n {t('barriers')} {plan.barriers || t('none')}\n
\n \n {t('people_to_share_with')}{' '}\n {plan.peopleToShareWith || 'None'}\n
\n \n {remainingInterests.map((interest, index) => (\n \n
\n ))}\n \n )\n}\nexport default RetirementGoalsConclusion\n","import React, { useEffect, useState } from 'react'\nimport useTranslation from '../../shared/TranslationProvider'\nimport Walkthrough from '../../shared/Walkthrough'\nimport { useJobSearch } from './JobSearchProvider'\nimport { ACTIONS, EVENTS } from 'react-joyride'\nimport { useWalkthrough } from './WalkthroughProvider'\nimport { useWalkthroughFeedbackForm } from '../../Walkthrough/useWalkthroughFeedbackForm'\nimport { Button } from '../../../lib/ui/button'\nimport { ThumbsUpIcon, ThumbsDownIcon } from 'lucide-react'\nimport {\n Dialog,\n DialogHeader,\n DialogTitle,\n DialogContent,\n} from '../../../lib/ui/dialog'\nexport const WalkthroughStep = ({ step }) => {\n const { t } = useTranslation('Walkthrough')\n const screen = step + 1\n const text = t(`step${screen}.text`)\n return (\n {interest}
\n\n {text.map((t, i) => (\n
\n )\n}\n\nconst FeedbackStep = () => {\n const { showFeedbackDialog, toggleShowFeedbackDialog } = useJobSearch()\n const { t } = useTranslation('Walkthrough')\n const yes = t('feedback.yes')\n const no = t('feedback.no')\n const submit = t('feedback.submit')\n\n const { form, onSubmit, submitted } = useWalkthroughFeedbackForm({\n url: '/job_search_walkthrough_feedbacks',\n toggleShowFeedbackDialog,\n })\n const [selectedFeedback, setSelectedFeedback] = useState(null)\n\n const submitButtonDisabled = !selectedFeedback || submitted\n\n const handleYesClick = () => {\n setSelectedFeedback('yes')\n form.setValue('feedback', 'yes')\n }\n\n const handleNoClick = () => {\n setSelectedFeedback('no')\n form.setValue('feedback', 'no')\n }\n\n const handleSubmit = (e) => {\n e.preventDefault()\n form.handleSubmit(onSubmit)()\n }\n\n return (\n \n )\n}\n\nconst JobSearchWalkthrough = () => {\n const { testing, runWalkthrough } = useJobSearch()\n const { t } = useTranslation('Walkthrough')\n const walkthroughSteps = [\n {\n content: {t}
\n ))}\n\n \n {t('search_jobs')}\n \n
\n )\n}\n\nfunction MobileSearchButton() {\n const isDesktop = useIsDesktop()\n const { t } = useTranslation('MobileSearchButton')\n\n if (isDesktop) return null\n\n return (\n \n \n {t('search_jobs')}\n \n
\n )\n}\n\nfunction AllFiltersDropdown({ show = true }) {\n const { t } = useTranslation('AllFiltersDropdown')\n const isDesktop = useIsDesktop()\n const { isIntooItaly } = useJobSearch()\n\n if (!show) return null\n\n if (isDesktop)\n return (\n {t('all_filters')}
\n\n
\n \n
\n {t('all_filters')}
\n\n
\n \n
\n \n {isIntooItaly &&
\n \n
\n )\n}\n","import React, { createContext, useContext, useState } from 'react'\nimport { apiDelete, apiGet, apiPatch } from '~/util/api'\nconst SavedCoursesContext = createContext()\n\nconst useSavedCourses = () => {\n return useContext(SavedCoursesContext)\n}\nexport default useSavedCourses\n\nexport const SavedCoursesProvider = ({\n saved_courses,\n candidateId,\n indexPath,\n children,\n}) => {\n const [courses, setCourses] = useState(saved_courses)\n const [selectedCourse, setSelectedCourse] = useState(null)\n const [showCompletedCourseDialog, setShowCompletedCourseDialog] =\n useState(false)\n\n const toggleCompletedCourseDialog = () =>\n setShowCompletedCourseDialog((prev) => !prev)\n\n const openCompletedCourseDialog = (course) => {\n setSelectedCourse(course)\n setShowCompletedCourseDialog(true)\n }\n\n const reloadCourses = async () => {\n const response = await apiGet(indexPath)\n if (response.status === 200) {\n console.log('response', response)\n setCourses(response.data)\n } else {\n console.error('Error fetching courses:', response)\n }\n }\n\n const deleteCourse = async (savedCourse) => {\n const { id } = savedCourse\n const response = await apiDelete(`/research_learning/my_courses/${id}`)\n if (response.status === 200) {\n reloadCourses()\n } else {\n console.error('Error updating course:', response)\n }\n }\n\n const reminderExists = (savedCourse) => {\n const { reminder } = savedCourse\n return reminder\n }\n\n const updateCourse = async (savedCourse, updates) => {\n const { id } = savedCourse\n const response = await apiPatch(`/research_learning/my_courses/${id}`, {\n saved_course: updates,\n })\n\n if (response.status === 200) {\n setCourses((prevCourses) =>\n prevCourses.map((course) => {\n if (course.id === id) {\n return { ...course, ...updates }\n }\n return course\n }),\n )\n } else {\n console.error('Error updating course:', response)\n }\n }\n\n const value = {\n courses,\n updateCourse,\n reminderExists,\n candidateId,\n deleteCourse,\n selectedCourse,\n showCompletedCourseDialog,\n toggleCompletedCourseDialog,\n openCompletedCourseDialog,\n }\n return (\n \n
\n )\n}\n\nexport default ExerciseCard\n","import React from 'react'\nimport QuickStartPage from './QuickStartPage/edit'\nimport Tracker from '../tracker/Index'\n\nexport default function Orientation({ current_user }) {\n return (\n <>\n \n toggleResourceFavorite(resource)}\n >\n
\n \n
\n )\n}\n\nconst NewResumeModal = () => {\n const [open, setOpen] = useState(false)\n const [uploadResumeMode, setUploadResumeMode] = useState(false)\n\n const uploadResumeClick = () => {\n setUploadResumeMode(true)\n }\n\n const toggleOpen = () => {\n setOpen(!open)\n setUploadResumeMode(false)\n }\n\n return (\n Choose your approach
\n \n You can create a resume using any of the options below.\n
\n \n \n
\n \n
\n \n
\n \n \n Create New Resume\n
\n Choose a blank template and fill in the fields yourself.
\n \n \n
\n \n
\n \n
\n \n \n Upload an Existing Resume\n
\n Upload your existing resume in DOC, DOCX, or PDF formats.
\n \n Create Your Resume\n
\n \n \n {coach ? (\n \n
\n \n {coach?.headshot ? (\n \n \n {coach.name}\n \n \n
\n \n {skills.map((skill, index) => {\n const slot = index + 1\n const firstInRow = index % 3 === 0\n let lastInRow = slot % 3 === 0\n if (slot === skills.length) lastInRow = true\n\n return (\n 0 && slot === skills.length ? ` col-span-${3 - (slot % 3) + 1}` : ''} border border-intoo-green-medium-800 bg-intoo-green-medium-800 p-3 text-center text-white ${firstInRow ? 'rounded-l-md' : ''} ${lastInRow ? 'rounded-r-md' : ''}`}\n >\n \n {skill}\n \n {!lastInRow && (\n \n )}\n
\n )\n })}\n \n {accoladesDisplay.map((a) => (\n \n \n {a}\n \n
\n ))}\n \n \n ) : (\n \n
\n )\n}\n\nexport default function CoachFeedbackWithProviders({ locale, ...props }) {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n \n \n {jobCount &&
\n )\n}\n\nconst JobCount = ({ t, jobCount }) => {\n const jobNoun = jobCount === 1 ? t('job') : t('jobs')\n const jobAlerts = t('job_alerts')\n return (\n \n
\n )\n}\n\nconst FormRow = ({ children }) => {\n return {parse(t('alert_response', { jobCount, jobNoun, jobAlerts }))}
\n{children}
\n}\n\nexport default LocationPreferencesInJobSearch\n","import React from 'react'\nimport Results from './Results'\nimport Avatar from '.././Avatar'\nimport { useIsDesktop } from '../../../hooks/useMediaQuery'\nimport { useMultipleChoiceQuizScore } from '../../JobSearchQuiz/useScoreCalculator'\nimport { useQuiz } from '.././QuizProvider'\nimport parse from 'html-react-parser'\nimport { useTranslation } from '../../../hooks/useTranslation'\n\nconst GoalSettingResults = () => {\n const { formattedQuizName, resultsPageAvatar, trackContent } = useQuiz()\n const avatar = resultsPageAvatar\n const isDesktop = useIsDesktop()\n\n const { t } = useTranslation(formattedQuizName)\n\n const breakPoints = [4, 3]\n\n const [scoreSection, score] = useMultipleChoiceQuizScore(\n trackContent,\n t('questions'),\n breakPoints,\n 'raw',\n )\n const copy = t(`results.${scoreSection}`, { score })\n\n return (\n \n
\n \n
\n {isDesktop && {t(`results.score`, { score })}
\n{copy}
\n {scoreSection !== 1 && (\n{parse(t(`results.all`))}
\n{t('results.only_question')}
\n )}\n {contentKeys.map((key) => {\n const answerChoice = trackContent[key]\n const response = questions[key].options[answerChoice].feedback_key\n const incorrect = answerChoice\n const correct = Object.keys(questions[key].options).find(\n (ele) => questions[key].options[ele].feedback_key === 'yes_response',\n )\n\n return (\n response === 'no_response' && (\n <>\n\n \n {t('results.question') + questions[key].question}\n \n
\n\n {t(`results.correct_answer`, {\n incorrect,\n correct,\n })}\n
\n{t(`results.q${key}`)}
\n\n \n )\n )\n })}\n \n )\n}\n","import React from 'react'\nimport { DocumentPage, Text, View, StyleSheet, useStyle } from '~/lib/pdf'\n\nconst isNotBlank = (item) => ![null, undefined, ''].includes(item)\n\nexport const defaultStyle = {\n xMargin: 0.4,\n yMargin: 0.4,\n size: 'Letter',\n lineHeightMultiplier: 1.0,\n listLineHeightMultiplier: 1.0,\n primaryFontFamily: 'Tinos',\n}\n\nexport const Template = ({ jsonDocument, templateStyle, candidateName }) => {\n const { basics, coverLetter } = jsonDocument\n const {\n salutation,\n firstName,\n lastName,\n positionTitle,\n companyName,\n companyDivision,\n address1,\n address2,\n cityStateZip,\n } = basics || {}\n const { content } = coverLetter || {}\n const fullName = [firstName, lastName].filter(isNotBlank).join(' ')\n const completeSalutation =\n salutation && lastName ? `${salutation} ${fullName}` : ''\n const addresseeItems = [\n completeSalutation,\n positionTitle,\n companyName,\n companyDivision,\n address1,\n address2,\n cityStateZip,\n ].filter(isNotBlank)\n\n return (\n
\n
\n )\n}\n\nexport function JobDetailsTop() {\n const {\n selectedJob: job,\n debug,\n queryStatusMessage,\n isIntooItaly,\n keySkills,\n showTalentguide,\n isDemo,\n } = useJobSearch()\n const { t } = useTranslation('JobDetails')\n const isMobile = useIsMobile()\n if (!job) return null\n\n return (\n <>\n \n
\n \n
\n \n\n \n
\n \n
\n )}\n\n \n {!!job.posted_on_month_day && (\n
\n\n {job?.job_bank_job && isIntooItaly && isDemo && (\n \n {t('posted')} {job.posted_on_month_day}\n
\n )}\n \n \n {t('intoo_job_bank')}\n
\n \n
\n {job.title}
\n\n \n\n {job.job_bank_job ? (\n job.job_bank_job_applied ? (\n
\n\n {showTalentguide && (\n {queryStatusMessage}}\n \n )\n}\n\nexport function JobDetailsBottom() {\n const { selectedJob: job } = useJobSearch()\n\n if (!job) return null\n const isIndeed = job.job_publisher_name === 'Indeed'\n\n return (\n \n \n \n )}\n
\n )\n}\n\nexport function AppliedWithIntoo() {\n const { t } = useTranslation('ApplyWithIntooButton')\n return (\n \n {`jobs by`}
\n \n
\n )\n}\nexport default MemoryHookSuggestions\n","import React from 'react'\nimport { Button } from '../../lib/ui/button'\n\nconst LayoutFourOptions = ({ options, handleOptionClick, quizIndex }) => {\n return (\n options.length === 4 && (\n \n \n \n {ctaText}\n
\n {submitted && (\n \n If one of these suggestions sounds like a good start, copy it below\n and customize it to really match your personality:\n
\n )}\n \n
\n )\n )\n}\nexport default LayoutFourOptions\n","import React, { useState } from 'react'\nimport { Button } from '@mui/joy'\nimport SetPassword from './SetPassword/SetPassword'\nimport PasswordInput from './PasswordInput'\nimport useTranslation from '../../shared/TranslationProvider.js'\nimport { SpinnerWhite } from '../../shared/Spinner'\nimport { useAlert } from './AlertModal'\nimport { apiPut } from '../../../util/api'\nimport Errors from './Errors'\n\nconst ExpiredPasswordReset = () => {\n const [currentPassword, setCurrentPassword] = useState('')\n const [password, setPassword] = useState('')\n const [passwordConfirmation, setPasswordConfirmation] = useState('')\n const [isLoading, setIsLoading] = useState(false)\n const [errors, setErrors] = useState({})\n const { setAlertData, setAlertState } = useAlert()\n const { t } = useTranslation()\n\n const handleResetPassword = async () => {\n const user = {\n current_password: currentPassword,\n password: password,\n password_confirmation: passwordConfirmation,\n }\n setIsLoading(true)\n try {\n const response = await apiPut('/users/password_expired', {\n user: user,\n })\n if (response.data.errors) {\n if (typeof response.data.errors[0] === 'string') {\n setAlertData(response.data.errors[0])\n setAlertState('alert')\n } else {\n setErrors(response.data.errors)\n }\n setIsLoading(false)\n } else {\n window.location.href = response.data.location\n }\n } catch {\n setAlertData(t('ResetPassword.error'))\n setAlertState('alert')\n }\n }\n\n return (\n \n {options.map((option, index) => (\n handleOptionClick(index)}\n className=\"rounded-[10px] \"\n >\n {option['option']}\n \n ))}\n
\n \n
\n )\n}\n\nexport default ExpiredPasswordReset\n","import React from 'react'\nimport { cn } from '../../lib/utils'\nimport parse from 'html-react-parser'\nconst Tile = ({ children }) => {\n return (\n {t('ResetExpiredPassword.h1')}
\n{t('ResetExpiredPassword.h3')}
\n\n setCurrentPassword(e.target.value)}\n />\n
\n \n \n {t('ResetPassword.reset_password')}\n
\n \n {children}\n
\n )\n}\n\nconst CourseAccessType = ({ className, children }) => {\n return (\n \n 
\n
\n )\n}\n\nconst CourseContent = ({ children }) => {\n return {children}
\n}\n\nconst CourseName = ({ children }) => {\n return {children}
\n}\n\nconst CourseDescription = ({ children }) => {\n return {children}
\n}\n\nconst BottomRow = ({ children }) => {\n return {children}
\n}\n\nconst LearnMore = ({ course, children }) => {\n return (\n \n \n {children}\n \n
\n )\n}\n\nconst Logo = ({ course }) => {\n return (\n \n 
\n
\n )\n}\n\nconst CourseTile = ({ course, t }) => {\n const paid = course.access_type !== 'free'\n return (\n \n
\n \n {t('courses.learn_more')} \n
\n \n
\n \n
\n \n
\n {t(`results.p1`)}
\n{t(`results.p2`)}
\n{t(`results.numbered_list_title`)}
\n- \n {isArray(items).map((item, index) => (\n
- \n {item.title}: {item.description}\n \n ))}\n
\n {t(`results.clear_result`)}{' '}\n {t(`results.culture_types.${feedbackKey}`) + '.'}\n
\n\n {t(`results.understanding_culture_type.${feedbackKey}.title`)}\n
\n{t(`results.understanding_culture_type.${feedbackKey}.p1`)}
\n- \n {isArray(\n t(\n `results.understanding_culture_type.${feedbackKey}.characteristics`,\n ),\n ).map((characteristic, index) => (\n
- {characteristic} \n ))}\n
{conclusion}
\n ))}\n \n )\n}\n\nconst SplitResult = ({ feedbackKey, t }) => {\n const isArray = (value) => (Array.isArray(value) ? value : [])\n return (\n <>\n\n {t(`results.split_result`)}{' '}\n {feedbackKey.length > 1\n ? feedbackKey\n .slice(0, -1)\n .map((key) => t(`results.culture_types.${key}`))\n .join(', ') +\n ` ${t('results.and')} ` +\n t(`results.culture_types.${feedbackKey[feedbackKey.length - 1]}`) +\n '.'\n : t(`results.culture_types.${feedbackKey[0]}`) + '.'}\n
\n {feedbackKey.map((key) => (\n\n
\n ))}\n \n )\n}\n\nconst AllSameScore = ({ cultureTypes, t }) => {\n const isArray = (value) => (Array.isArray(value) ? value : [])\n return (\n <>\n \n {t(`results.understanding_culture_type.${key}.title`)}\n
\n{t(`results.understanding_culture_type.${key}.p1`)}
\n- \n {isArray(\n t(`results.understanding_culture_type.${key}.characteristics`),\n ).map((characteristic, index) => (\n
- {characteristic} \n ))}\n
\n {conclusion}\n
\n ))}\n{t(`results.all_same_score`)}
\n {cultureTypes.map((type) => (\n\n
\n ))}\n \n )\n}\n\nconst AdditionalTipsAndFinalThoughts = ({\n additionalTips,\n finalThoughtsContent,\n t,\n}) => {\n const isArray = (value) => (Array.isArray(value) ? value : [])\n return (\n \n {t(`results.understanding_culture_type.${type}.title`)}\n
\n{t(`results.understanding_culture_type.${type}.p1`)}
\n- \n {isArray(\n t(`results.understanding_culture_type.${type}.characteristics`),\n ).map((characteristic, index) => (\n
- {characteristic} \n ))}\n
\n {conclusion}\n
\n ))}\n\n
\n
\n )\n}\n","import React from 'react'\nimport { FavoriteIcon } from './icons'\nimport { useResources } from './ResourcesProvider'\nimport { useTranslation } from '../../hooks/useTranslation'\nimport ResourceCardList from './ResourceCardList'\n\nexport const AudioCards = () => {\n return {t(`results.all_culture_types.p1`)}
\n- \n {isArray(additionalTips).map((tip, index) => (\n
\n
\n {t(`results.all_culture_types.final_thoughts.header`)}\n
\n\n {isArray(finalThoughtsContent).map((content, index) => (\n \n {content}\n \n ))}\n
\n \n
\n )\n}\n\nexport default AudioCard\n","import * as React from 'react'\n\nfunction MagnifyingGlassIcon() {\n return (\n \n toggleResourceFavorite(resource)}\n >\n
\n \n
\n \n
\n \n
\n {description}\n
\n \n
\n \n \n \n
\n \n
\n \n {!expanded && (\n \n Highlights\n \n Add\n
\n \n
\n \n
\n \n
\n \n \n \n
\n )\n}\n\nexport default ReferenceItem\n","import React from 'react'\n\nconst Avatar = ({ className, src }) => {\n return \n
\n \n \n Describe your connection to this reference.\n \n setConnection(e.target.value)}\n onBlur={updateItem}\n value={item.connection}\n />\n
\n \n {!expanded && (\n \n
\n \n )\n}\n\nexport default SkillsAssessments\n","import * as React from 'react'\nimport { useEffect } from 'react'\nimport { createSearchParams, useSearchParams } from 'react-router-dom'\n\nfunction useSearchParamsWithUpdate(defaultInit) {\n const [searchParams, setSearchParams] = useSearchParams(defaultInit)\n const defaultSearchParams = createSearchParams(defaultInit)\n\n useEffect(() => {\n const update = {}\n let needUpdate = false\n\n defaultSearchParams.forEach((v, k) => {\n if (!searchParams.has(k)) {\n update[k] = v\n needUpdate = true\n }\n })\n\n if (needUpdate) setSearchParams(update, { replace: true })\n }, [searchParams, setSearchParams])\n\n return [searchParams, setSearchParams]\n}\n\nexport function useRecruiterSearchParams(location) {\n const [urlSearchParams, setUrlSearchParams] = useSearchParamsWithUpdate({\n where: location,\n })\n\n urlSearchParams.sort()\n\n const [paramString, setParamString] = React.useState(\n urlSearchParams.toString(),\n )\n\n const lockParamString = React.useCallback(() => {\n setParamString(urlSearchParams.toString())\n setUrlSearchParams(urlSearchParams, { replace: true })\n }, [setUrlSearchParams, urlSearchParams])\n\n return {\n urlSearchParams,\n setUrlSearchParams,\n paramString,\n lockParamString,\n }\n}\n","import React, { useState } from 'react'\nimport { useData } from '../DataProvider'\nimport { PaperClip, RedX, GreenCheck } from '../Icons'\nimport { SpinnerWhite } from '../../shared/Spinner'\nimport { Label } from '../Label'\nimport { Button } from '../../../lib/ui/button'\nimport { Input } from '../../../lib/ui/input'\nimport { Textarea } from '../../../lib/ui/textarea'\nimport DesiredLocation from './DesiredLocation'\nimport useTranslation from '../../shared/TranslationProvider'\nimport CharCounter from '../CharCounter'\n\nconst Step3Default = () => {\n const {\n desiredJobTitle,\n desiredIndustry,\n linkedInProfile,\n resumeName,\n setDesiredJobTitle,\n setLinkedInProfile,\n setDesiredIndustry,\n setResumeName,\n aboutYourself,\n setAboutYourself,\n resumeFileAcceptList,\n getApi,\n } = useData()\n\n const [resumeIsUploading, setResumeIsUploading] = useState(false)\n const [resumeUploadStatus, setResumeUploadStatus] = useState('')\n\n const maxLength = 500\n\n const { t } = useTranslation()\n\n const resumeChangeEvent = async (event) => {\n setResumeIsUploading(true)\n const config = { headers: { 'content-type': 'multipart/form-data' } }\n const formData = new FormData()\n formData.append('file', event.target.files[0])\n try {\n const {\n data: { name },\n } = await getApi().post('/onboarding.json', formData, config)\n setResumeIsUploading(false)\n setResumeName(name)\n setResumeUploadStatus('success')\n } catch {\n setResumeIsUploading(false)\n setResumeUploadStatus('failure')\n }\n }\n\n return (\n <>\n \n
\n \n {t('title')} {t('title_2')}\n
\n{t('intro')}
\n\n {assessments.map((assessment, idx) => (\n
\n \n
\n \n \n setDesiredJobTitle(e.target.value)}\n />\n
\n \n \n setDesiredIndustry(e.target.value)}\n />\n
\n \n \n
\n {t('step3.resume.subtext')}
\n\n {\n document.getElementById('resume-uploader').click()\n }}\n disabled={resumeName || resumeIsUploading}\n className=\"bg-primary hover:bg-primary-darker-75 disabled:opacity-100 disabled:brightness-75\"\n >\n {resumeName ? resumeName : t('step3.resume.upload')}\n {resumeIsUploading ? (\n
\n \n {t('step3.resume.success')}{' '}\n
\n )}\n {resumeUploadStatus == 'failure' && (\n \n {t('step3.resume.failure')}{' '}\n
\n )}\n \n
\n \n )\n}\n\nexport default Step3Default\n","import React, { useState } from 'react'\nimport CloseIcon from '@mui/icons-material/Close'\nimport { useJobSearch } from './JobSearchProvider'\nimport { useIsDesktop } from '../../../hooks/useMediaQuery'\nimport { useTranslation } from '../../../hooks/useTranslation'\n\nexport default function JobBoardSampler() {\n const { jobBoards, urlSearchParams } = useJobSearch()\n const { t } = useTranslation('JobBoardSampler')\n const isDesktop = useIsDesktop()\n const [hidden, setHidden] = useState(false)\n\n if (jobBoards.length < 3) {\n return null\n }\n\n const boards = isDesktop ? jobBoards.slice(0, 3) : jobBoards.slice(0, 2)\n\n if (hidden) {\n return null\n }\n\n return (\n \n \n setAboutYourself(e.target.value)}\n value={aboutYourself}\n rows={10}\n maxLength={maxLength}\n />\n
\n \n \n setLinkedInProfile(e.target.value)}\n />\n
\n {t('step3.linkedin_description')}
\n\n
\n\n \n setHidden(true)}\n >\n
\n \n {t('title.recommended_job_boards')}\n
\n\n {boards.map((jobBoard) => (\n \n
\n\n \n
\n \n ))}\n \n
\n {jobBoard.title}
\n\n {jobBoard.long_description}\n
\n \n
\n )\n}\n\nconst Header = ({ t, ssoName, candidateFirstName, dateAndTimeUpdated }) => {\n const isMobile = useIsMobile()\n const { t: tExercise } = useTranslation('exercise')\n return (\n \n \n
\n \n
\n
\n \n {t(`start_exercise.title`)}\n
\n\n
\n {!ssoName && (\n \n
\n )}\n \n
\n {`${candidateFirstName}'s`} {tExercise('results')}\n \n
\n \n
\n {dateAndTimeUpdated}\n \n
\n \n \n )\n}\n\nconst SummaryContent = ({ link, t }) => {\n const isMobile = useIsMobile()\n const { retakeExercise, trackContent, isPremiumOrSelect } = useExercise()\n const socialMediaData = trackContent[1]\n const { t: tExercise } = useTranslation('exercise')\n const linkedIn = t('linkedin')\n const x = t('x')\n const facebook = t('facebook')\n const instagram = t('instagram')\n const tiktok = t('tiktok')\n const intooCoachReview = t('intoo_coach_review')\n\n return (\n \n
\n {t('great_job')}
\n\n {' '}\n {t('conclusion_description')}\n
\n {socialMediaData && (\n\n {socialMediaData.linkedin_link && (\n
\n )}\n \n {linkedIn} -{' '}\n
\n {facebook} -{' '}\n
\n {x} -{' '}\n
\n {instagram} -{' '}\n
\n {tiktok} -{' '}\n
\n
\n {isPremiumOrSelect && (\n \n {' '}\n {parse(intooCoachReview)}\n
\n )}\n\n {' '}\n {t('constantly_changing')}\n
\n\n
\n \n \n
\n \n \n {tExercise('retake_exercise')}\n \n
\n \n {items.map((child, childIndex) => (\n
\n )\n}\nexport default SubNav\n\nexport const SubNavLink = ({\n withDecoration,\n theme,\n activeBefore,\n parentActive,\n isLast,\n item,\n}) => {\n const {\n activeSubNav,\n setActiveSubNav,\n navigateTo,\n meetsMinimumProgramLevel,\n hasProgramLevel,\n } = useNav()\n const { title, slug, programLevel, exactProgramLevel, data } = item\n const inactiveBaseClasses =\n 'px-3 py-2 tracking-tight text-sm w-full focus:text-foreground focus:outline-none hover:bg-cod-gray-100 hover:rounded text-cod-gray-800 focus:bg-cod-gray-200 focus:text-cod-gray-800'\n let inactiveThemeClasses = 'hover:text-intoo-blue-medium'\n switch (theme) {\n case 'green':\n inactiveThemeClasses = 'hover:text-foreground'\n break\n case 'deloitte':\n inactiveThemeClasses =\n 'hover:text-white hover:bg-deloitte focus:bg-deloitte focus:text-white'\n }\n const inactiveClasses = cn(inactiveBaseClasses, inactiveThemeClasses)\n let activeThemeClasses = 'bg-[#E0F2F9]'\n switch (theme) {\n case 'green':\n activeThemeClasses =\n 'bg-[#c8e1b5] text-cod-gray-800 hover:text-foreground'\n break\n case 'deloitte':\n activeThemeClasses =\n 'bg-black text-white hover:text-white hover:bg-deloitte focus:bg-deloitte'\n }\n const activeClasses = cn(\n inactiveClasses,\n activeThemeClasses,\n 'rounded font-medium',\n )\n const active = slug === activeSubNav\n const activate = () => {\n setActiveSubNav(slug)\n navigateTo(item)\n }\n const handleKeyDown = (e) => {\n if (e.key === 'Enter') {\n activate()\n }\n }\n const defaultDecorationClasses =\n 'z-[-1] relative -top-4 left-4 h-9 w-5 rounded-bl-lg border-b-2 border-l-2 border-solid border-cod-gray-200'\n let themeBorder = 'border-[#E0F2F9]'\n let themeBorderActive = ''\n switch (theme) {\n case 'green':\n themeBorder = 'border-intoo-green-coachcta'\n break\n case 'deloitte':\n themeBorder = 'border-black'\n themeBorderActive = 'border-deloitte'\n }\n const decorationClasses = active\n ? cn(defaultDecorationClasses, themeBorder)\n : cn(defaultDecorationClasses, themeBorderActive)\n const barClasses = cn(\n 'relative -left-[2px]',\n isLast && 'hidden',\n active && 'top-[7px]',\n )\n const BarIcon = active ? SplitBar : Bar\n\n const linkProps = {}\n if (!_.isEmpty(data)) {\n Object.entries(data).forEach(([key, value]) => {\n linkProps[`data-${key}`] = value\n })\n }\n if (!_.isEmpty(item.path)) {\n linkProps.href = item.path\n } else {\n linkProps.onClick = activate\n }\n\n if (!meetsMinimumProgramLevel(programLevel)) {\n return null\n }\n if (!_.isEmpty(exactProgramLevel) && !hasProgramLevel(exactProgramLevel)) {\n return null\n }\n return (\n \n {withDecoration && (\n \n {title}\n \n
\n )\n}\n","import React from 'react'\nimport { useNetworkingBrief } from '../NetworkingBriefProvider'\nimport { EditorHeading } from '../../ResumeBuilder/Editor/common'\nimport { EditorItemTextField, EditorItemProvider } from './EditorItemProvider'\n\nconst GoalsEditor = () => {\n const { networkingBriefDocument: { goals } = {} } = useNetworkingBrief()\n\n return (\n \n
\n )}\n \n {!isLast && (\n
\n \n Networking Goals \n
\n \n {' '}\n Objectives for networking (e.g., seeking opportunities, mentorship).\n
\n\n
\n {t('step4.title')}
\n{t('step4.subtitle')}
\n\n {selectedValues.map((val, idx) => (\n
\n )\n}\n\nconst ValueInputTile = ({ value }) => {\n const { state, dispatch, updateDocument, getValueName } =\n useAssociatedBehaviors()\n const valueName = getValueName(value)\n const [inputValue, setInputValue] = useState(state.behaviors[value] || '')\n const [exampleValue, setExampleValue] = useState(state.examples[value] || '')\n\n const handleInputChange = (e) => {\n setInputValue(e.target.value)\n dispatch({\n type: 'UPDATE_BEHAVIOR',\n payload: { name: value, content: e.target.value },\n })\n }\n\n const handleExampleChange = (e) => {\n setExampleValue(e.target.value)\n dispatch({\n type: 'UPDATE_EXAMPLE',\n payload: { name: value, content: e.target.value },\n })\n }\n\n return (\n \n
\n )\n}\n","import React from 'react'\nimport ProgressContainer from './ProgressContainer'\nimport { useMediaQueryScreen } from '../../hooks/useMediaQuery'\nimport GoalTile from './GoalTile'\n\nconst ActionPlanInfo = ({ goal, timeline, getUserTrackerSections }) => {\n const isXlScreen = useMediaQueryScreen('xl')\n const isLgScreen = useMediaQueryScreen('lg')\n\n const actionPlanProgressClass = isLgScreen ? 'mb-[6px]' : 'hidden'\n return (\n \n Value: {valueName[0].toUpperCase() + valueName.slice(1)}\n
\n \n \n
\n