\n
\n )\n}\nexport default SetGoalForm\n","import React, { useState } from 'react'\nimport { Button } from '../../lib/ui/button'\nimport { apiPatch } from '../../util/api'\nimport SetTimelineForm from './SetTimelineForm'\nimport {\n Dialog,\n DialogContent,\n DialogHeader,\n DialogTitle,\n DialogTrigger,\n DialogClose,\n DialogFooter,\n} from '../../lib/ui/dialog'\n\nconst SetTimelineDialog = ({\n showDialog,\n toggleDialog,\n timeline,\n children,\n getUserTrackerSections,\n setTimeline,\n}) => {\n const [newTimeline, setNewTimeline] = useState(timeline)\n\n const updateTimeline = async () => {\n const res = await apiPatch(`/trackers/set_timeline`, {\n tracker: { desired_timeline: newTimeline },\n })\n const data = res.data\n if (res.status === 200) {\n setTimeline(data.trackerTimeline)\n getUserTrackerSections()\n return res\n } else {\n throw new Error('res not ok')\n }\n }\n\n const handleSave = () => {\n toggleDialog()\n if (newTimeline) {\n updateTimeline()\n }\n }\n return (\n \n )\n}\nexport default SetTimelineDialog\n","import React from 'react'\nimport {\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n} from '../../lib/ui/select'\nimport { useTranslation } from '../../hooks/useTranslation'\n\nconst SetTimelineForm = ({ setNewTimeline }) => {\n const { t } = useTranslation()\n const timelineKeys = t('timeline_options')\n\n return (\n Please select your goal:
\n \n \n
\n )\n}\nexport default SetTimelineForm\n","import React, { useState } from 'react'\nimport { useIsDesktop } from '../../../hooks/useMediaQuery'\nimport TileIntooIcon from './TileIntooIcon'\nimport { useTranslation } from '../../../hooks/useTranslation'\nimport { Button } from '../../../lib/ui/button'\n\nconst CollapsedCurrentTile = ({ tileInfo, expanded, setExpanded }) => {\n // const [selected, setSelected] = useState(0)\n const sectionName = Object.keys(tileInfo)[0]\n const collapsed = !expanded\n const isDesktop = useIsDesktop()\n const alignItems = isDesktop ? '' : ' items-center'\n const { t } = useTranslation()\n // const [scrollPosition, setScrollPosition] = useState({ scrollTop: 0 })\n\n // console.log(scrollPosition)\n\n const handleViewClick = () => {\n setExpanded(true)\n }\n\n return (\n collapsed && (\n Please select your desired timeline:
\n \n \n
\n \n
\n \n \n {t(`${sectionName.split('_')[0]}_tasks`, {\n number: t(sectionName.split('_')[1]),\n })}\n \n
\n \n {t(`sections.descriptions.${tileInfo[sectionName]['focus']}`)}\n
\n \n \n {t('view')}\n \n \n
\n \n )\n )\n}\nexport default CollapsedCurrentTile\n","import React from 'react'\nimport { useIsDesktop } from '../../../hooks/useMediaQuery'\nimport { useTranslation } from '../../../hooks/useTranslation'\nimport UpcomingTileHeader from './UpcomingTileHeader'\n\nconst CollapsedUpcomingTile = ({ tileInfo, expanded, setExpanded }) => {\n // const [selected, setSelected] = useState(0)\n const sectionName = Object.keys(tileInfo)[0]\n const collapsed = !expanded\n const isDesktop = useIsDesktop()\n const alignItems = isDesktop ? '' : ' items-center'\n const { t } = useTranslation()\n // const [scrollPosition, setScrollPosition] = useState({ scrollTop: 0 })\n\n // console.log(scrollPosition)\n\n return (\n collapsed && (\n \n
\n \n
\n \n \n {t(`${sectionName.split('_')[0]}_tasks`, {\n number: t(sectionName.split('_')[1]),\n })}\n {isDesktop\n ? ` (${calculateCompletedTasks()})`\n : `\\n(${calculateCompletedTasks()})`}\n \n
\n \n {t(`sections.descriptions.${tileInfo[sectionName]['focus']}`)}\n
\n \n setExpanded(null)}\n title={\n 'View ' +\n t(`${sectionName.split('_')[0]}_tasks`, {\n number: t(sectionName.split('_')[1]),\n })\n }\n className=\"mb-[32px] sm:mb-0 md:ml-[32%]\"\n >\n {t('view')}\n \n \n
\n \n \n {subsections.map((tile) => {\n return (\n
\n \n )\n )\n}\nexport default ExpandedCurrentTile\n\nconst TrackItem = ({ tile, t, setCompletedTasks, setCompleting }) => {\n const [isSkipped, setIsSkipped] = useState(tile.skipped)\n const [skipping, setSkipping] = useState(false)\n const [isCompleted, setIsCompleted] = useState(tile.completed)\n // const [isMenuOpen, setIsMenuOpen] = useState(false)\n const { trackerSectionInfo, setTrackerSectionInfo } = useActionPlan()\n\n const skipItemAnimation = (tile) => {\n if (!isSkipped) {\n setSkipping(true)\n setTimeout(() => {\n setIsSkipped(!isSkipped)\n tile.skipped = !isSkipped\n updateTrackerSections()\n setSkipping(false)\n }, 2550)\n } else {\n setIsSkipped(!isSkipped)\n tile.skipped = !isSkipped\n updateTrackerSections()\n }\n }\n\n const skipItem = async () => {\n const res = await apiPatch('/trackers/skip_item', {\n slug: tile.slug,\n })\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 completeSectionAnimation = (section) => {\n setCompleting(true)\n setTimeout(() => {\n let newTrackerSectionInfo = {\n incomplete: trackerSectionInfo['incomplete'].slice(1),\n complete: [...trackerSectionInfo['complete'], section],\n }\n window.scrollTo({ top: 0, behavior: 'smooth' })\n setTrackerSectionInfo(newTrackerSectionInfo)\n setCompleting(false)\n }, 2550)\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 setIsCompleted(true)\n tile.completed = true\n\n updateTrackerSections()\n\n return res\n } else {\n throw new Error('res not ok')\n }\n }\n\n const updateTrackerSections = () => {\n let section = trackerSectionInfo['incomplete'][0]\n let keys = Object.keys(section)\n let values = keys.map(function (v) {\n return section[v]\n })\n\n const subsections = values[0]['subsections']\n\n const completedSubsectionsCount = subsections.filter(\n (subsection) => subsection.completed || subsection.skipped,\n ).length\n\n setCompletedTasks(completedSubsectionsCount)\n\n // Check if all subsections are completed\n const allSubsectionsCompleted =\n completedSubsectionsCount === subsections.length\n\n let newTrackerSectionInfo\n\n if (allSubsectionsCompleted) {\n // Move section from 'incomplete' to 'complete'\n completeSectionAnimation(section)\n } else {\n newTrackerSectionInfo = {\n incomplete: trackerSectionInfo['incomplete'],\n complete: trackerSectionInfo['complete'],\n }\n\n setTrackerSectionInfo(newTrackerSectionInfo)\n }\n }\n\n const icon = itemTypeMap[tile.type].icon\n\n return (\n <>\n {tile.completed || tile.skipped ? (\n \n
\n \n \n {skippedText}\n
\n \n
\n \n
\n \n
\n {tile.name}
\n\n\n
\n \n
\n \n {React.cloneElement(icon, {\n variant: isCoachService ? 'coach' : 'dark',\n height: '24',\n })}\n
\n {tile.type}
\n \n \n
\n \n )\n}\n\nconst IncompleteTile = ({\n tile,\n icon,\n skipItem,\n markItemComplete,\n skipping,\n t,\n}) => {\n const isCoachService = tile['coach_service']\n\n return (\n \n
\n \n {React.cloneElement(icon, {\n variant: isCoachService ? 'coach' : 'primary',\n height: '40',\n })}\n
\n \n
\n {tile.name}
\n {tile.description}\n\n
\n \n
\n \n {React.cloneElement(icon, {\n variant: isCoachService ? 'coach' : 'dark',\n height: '24',\n })}\n
\n {tile.type}
\n \n
\n \n )\n}\n","import React from 'react'\n// import { TrackItemMenu } from './TrackItemMenu'\nimport { useIsDesktop } from '../../../hooks/useMediaQuery'\nimport { useTranslation } from '../../../hooks/useTranslation'\nimport { Button } from '../../../lib/ui/button'\nimport { Transition } from 'react-transition-group'\nimport { TimeIcon, CompletedIcon } from './icons'\nimport { itemTypeMap } from './ExpandedCurrentTile'\nimport UpcomingTileHeader from './UpcomingTileHeader'\nimport { CoachButton } from '../../coach_services/OutplacementBenefits/CoachButton'\n\nconst ExpandedUpcomingTile = ({ tileInfo, expanded, setExpanded }) => {\n // const [selected, setSelected] = useState(0)\n const sectionName = Object.keys(tileInfo)[0]\n const isDesktop = useIsDesktop()\n const alignItems = isDesktop ? '' : 'items-center'\n const { t } = useTranslation()\n\n return (\n expanded && (\n \n \n
\n \n \n
\n \n \n Skip\n \n
\n \n
\n )\n )\n}\nexport default ExpandedUpcomingTile\n\nconst TrackItem = ({ tile, t }) => {\n const [isSkipped, setIsSkipped] = React.useState(tile.skipped)\n // const [isMenuOpen, setIsMenuOpen] = React.useState(false)\n const nodeRef = React.useRef(null)\n const duration = 500\n\n const defaultStyle = {\n transition: `opacity ${duration}ms ease-in-out`,\n opacity: 0,\n }\n\n const icon = itemTypeMap[tile.type].icon\n\n const transitionStyles = {\n entering: { opacity: 1 },\n entered: { opacity: 1 },\n exiting: { opacity: 0 },\n exited: { opacity: 0 },\n }\n\n return (\n \n \n
\n \n {tileInfo[sectionName]['subsections'].map((tile, idx) => {\n return
\n \n
\n \n {React.cloneElement(icon, {\n variant: isCoachService ? 'coach' : 'primary',\n height: '40',\n })}\n
\n \n
\n \n \n )\n}\n","import React from 'react'\n\nconst Selected = ({ header, subtext, length, type, url }) => {\n return (\n \n
\n {tile.name}
\n {tile.description}\n\n
\n \n
\n \n {React.cloneElement(icon, {\n variant: isCoachService ? 'coach' : 'dark',\n height: '24',\n })}\n
\n {tile.type.replace('_', ' ')}
\n \n
\n \n \n )\n}\nexport default Selected\n","import React from 'react'\nimport { useIsDesktop } from '../../../hooks/useMediaQuery'\n\nconst TileIntooIcon = ({ className }) => {\n const isDesktop = useIsDesktop()\n return (\n isDesktop && (\n \n
\n \n
\n \n \n
\n \n
\n {header}
\n \n \n \n {' '}\n Start{' '}\n \n \n ({length})\n
\n \n
\n {subtext}
\n \n \n
\n \n
\n \n )\n}\n\nexport default UpcomingTileHeader\n","import React from 'react'\n\nconst variantMap = {\n primary: { color: '#08467C' },\n light: { color: 'white' },\n dark: { color: '#2F2F2F' },\n coach: { color: '#1e7129' },\n}\n\nconst TrashIcon = ({ className }) => {\n return (\n \n
\n \n \n {getSectionTitle(sectionName, t)}\n \n
\n \n {t(`sections.descriptions.${tileInfo[sectionName]['focus']}`)}\n
\n \n (expanded ? setExpanded(null) : setExpanded(true))}\n title={\n 'View ' +\n t(`${sectionName.split('_')[0]}_tasks`, {\n number: t(sectionName.split('_')[1]),\n })\n }\n className=\"mb-[32px] sm:mb-0\"\n >\n {t('view')}\n {expanded ? (\n \n ) : (\n \n )}\n \n
\n \n {Object.entries(tileInfo[sectionName]['type_count']).map(\n ([type, count], idx) => {\n return (\n
\n )\n },\n )}\n \n \n {React.cloneElement(itemTypeMap[type].icon, {\n variant: 'dark',\n height: '24',\n })}\n
\n {count}
\n \n
\n \n\n {currentActive && \n setActiveTab('completed')}\n className={\n completedActive\n ? 'boder-solid border-b-4 border-[#08467C] font-medium'\n : ''\n }\n >\n Completed Steps\n
\n \n setActiveTab('current')}\n className={\n currentActive\n ? 'boder-solid border-b-4 border-[#08467C] font-medium'\n : ''\n }\n >\n Current Steps\n
\n \n {trackerSectionInfo.incomplete.length > 1 && 'Up next for you:'}\n
\n {trackerSectionInfo.incomplete.slice(1).map((sectionTile, idx) => {\n return (\n \n
\n )\n}\nexport default CommentBox\n\nconst EditingCommentButtons = () => {\n const { saveComment, cancelComment } = useHighlightComment()\n return (\n <>\n \n setComment(e.target.value)}\n value={comment}\n disabled={!editingComment}\n aria-label={`Notes for the above article part: ${locator}`}\n >\n
\n
\n )}\n \n
\n {editingComment ? (\n
\n \n {hasComment && (\n \n \n
\n )\n}\n","import React from 'react'\nimport { Quote, NavBubble } from './icons'\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'\n\nconst NextButton = () => {\n const { scrollNext, canScrollNext } = useCarousel()\n return (\n \n {indexList.map((index) => (\n api.scrollTo(index)}\n >\n
\n )\n}\n\nconst ExampleScripts = ({ exampleScriptsObject }) => {\n const { content, plugins, title } = 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, {\n useContext,\n useState,\n useEffect,\n useRef,\n createContext,\n} from 'react'\nimport { useArticle } from './ArticleProvider'\n\nconst HighlightCommentContext = createContext()\n\nexport const useHighlightComment = () => {\n return useContext(HighlightCommentContext)\n}\n\nconst HighlightCommentProvider = ({ locatorSuffix = '', children }) => {\n const parentLocator = useHighlightComment()?.locator || 'article'\n const locator = parentLocator + locatorSuffix\n const {\n isHighlightModeActive,\n setIsHighlightModeActive,\n isCommentModeActive,\n setIsCommentModeActive,\n updateHighlightList,\n highlightList,\n addComment,\n removeComment,\n commentsList,\n } = useArticle()\n\n const initialComment = commentsList[locator]?.comment || null\n const [comment, setComment] = useState(initialComment)\n const [editingComment, setEditingComment] = useState(false)\n const hasHighlight = highlightList.includes(locator)\n const hasComment = comment !== null\n const textAreaRef = useRef(null)\n\n const elementSelectable = isHighlightModeActive || isCommentModeActive\n\n const handleKeyDown = (e) => {\n if (!elementSelectable) return\n\n if ([13, 32].includes(e.keyCode)) {\n highlightThis()\n e.preventDefault()\n }\n }\n\n const handleClick = () => {\n highlightThis()\n }\n\n const highlightThis = () => {\n if (!isHighlightModeActive) {\n if (!isCommentModeActive) {\n return\n } else {\n setIsCommentModeActive(false)\n setEditingComment(true)\n setComment('')\n }\n } else {\n const isHighlighted = !hasHighlight\n updateHighlightList(locator, isHighlighted)\n setIsHighlightModeActive(false)\n }\n }\n\n useEffect(() => {\n editingComment && textAreaRef.current.focus()\n }, [editingComment])\n\n const deleteComment = () => {\n setComment(null)\n setEditingComment(false)\n initialComment && removeComment(locator)\n }\n\n const cancelComment = () => {\n setComment(initialComment)\n setEditingComment(false)\n }\n\n const editComment = () => {\n setEditingComment(true)\n }\n\n const saveComment = () => {\n if (!editingComment) {\n return\n }\n if (comment === '') {\n cancelComment()\n return\n }\n addComment(locator, comment)\n setEditingComment(false)\n }\n\n const removeHighlight = () => {\n updateHighlightList(locator, false)\n setIsHighlightModeActive(false)\n setIsCommentModeActive(false)\n }\n\n const backgroundClass = () => {\n if (hasHighlight && hasComment) {\n return 'bg-[#DBFFB7]'\n } else if (hasHighlight) {\n return 'bg-[#F1FF81]'\n } else if (hasComment) {\n return 'bg-[#EAF4FF]'\n } else {\n return ''\n }\n }\n\n const hightlightModeCursor = hasHighlight ? 'cursor-no-drop' : 'cursor-copy'\n const hightlightModeClass = isHighlightModeActive ? hightlightModeCursor : ''\n const commentModeClass = isCommentModeActive ? 'cursor-copy' : ''\n const highlightClass = `${hightlightModeClass} ${backgroundClass()} ${commentModeClass}`\n\n const actionProps = {\n onClick: handleClick,\n onKeyDown: handleKeyDown,\n tabIndex: elementSelectable ? 0 : -1,\n }\n\n const value = {\n locator,\n hasHighlight,\n highlightClass,\n handleKeyDown,\n elementSelectable,\n handleClick,\n actionProps,\n removeHighlight,\n comment,\n setComment,\n saveComment,\n deleteComment,\n cancelComment,\n editComment,\n setEditingComment,\n hasComment,\n editingComment,\n textAreaRef,\n }\n\n return (\n \n
\n \n \n {title ? title : 'Example Scripts:'}\n \n
\n
\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 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 {title && {title}
}\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 { svg, plugins, content } = tipObject\n\n const parsedContent =\n plugins && plugins.includes('parse-html') ? parse(content) : content\n\n return (\n \n {title ? title : 'Example:'}\n
\n {parsedContent}
\n\n \n
\n )\n}\n\nexport default Section\n","import * as React from 'react'\nimport * as ProgressPrimitive from '@radix-ui/react-progress'\n\nimport { cn } from '../utils'\n\nconst Progress = React.forwardRef(\n ({ className, indicatorClassName, value, ...props }, ref) => (\n {parsedContent}
\n\n
\n )\n}\n\nexport const AudioPlayer = () => {\n const { audioAwsUrl, audioActive } = useArticle()\n\n if (!audioAwsUrl || !audioActive) {\n return\n }\n\n return (\n \n \n
\n \n
\n {cliftonStrengths ? (\n \n {!cliftonStrengths &&
\n \n
\n )\n}\n\nexport const LeftPanel = () => {\n const { leftPanelRef } = useArticle()\n return (\n \n
\n \n )\n}\n\nconst BackToResources = () => {\n const { navigateToResourceCenter } = useArticle()\n return (\n \n \n
\n )\n}\n\nconst Favorite = () => {\n const { isFavorite, toggleFavorite } = useArticle()\n return (\n \n
\n )\n}\n\nconst TableOfContents = () => {\n const {\n jsonContent: { sections },\n jumpToSection,\n } = useArticle()\n return (\n <>\n \n {maxScrollDepth}% completed\n
\n Table of Contents
\n- \n {sections\n .filter((section) => !section.exclude_from_toc)\n .map((section, index) => (\n
\n \n
\n )\n}\n","import React from 'react'\n\nexport const NavBubble = ({ active = false }) => {\n const displayClass = active\n ? 'fill-primary'\n : 'hover:fill-[#EAF4FF] fill-white'\n return (\n \n
\n )\n}\n\nconst Article = ({ ...props }) => {\n const { locale } = props\n return (\n \n
\n \n
\n \n
\n \n
\n )\n}\n\nconst Hero = () => {\n const {\n heroAwsUrl,\n jsonContent: {\n heroImage: { title },\n },\n } = useArticle()\n return (\n \n
\n \n Highlights\n
\n- \n
\n
\n )\n}\n\nconst Sections = () => {\n const {\n jsonContent: { sections },\n sectionRef,\n } = useArticle()\n\n const lastIndex = sections.length - 1\n\n return (\n \n {sections.map((section, index) => (\n \n \n \n \n {index !== lastIndex && !section.exclude_divider && (\n
\n ))}\n \n
\n
\n )\n}\n\nconst CompletionNotice = () => {\n const {\n hasNotifiedViewed,\n completionAnimationUrl,\n navigateToResourceCenter,\n jsonContent: { title, guideComplete },\n navigateToGuides,\n cliftonStrengths,\n } = useArticle()\n\n const contentTitle = guideComplete?.title || 'Congratulations!'\n const message =\n guideComplete?.content || `${title} has been marked as complete.`\n const className = hasNotifiedViewed ? 'mt-6' : 'hidden'\n return (\n \n
\n
\n )\n}\n\nexport default Article\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 \n {contentTitle}\n
\n {message}
\n \n {cliftonStrengths ? (\n \n Back to Guides\n \n Resource Center\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
\n\n \n \n {title}\n \n\n
\n \n )\n}\n\nexport default AssessmentCard\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 {description}
\n\n\n \n {cta}\n
\n \n
\n )\n}\n\nexport default AssessmentCenter\n","import React, { useState } from 'react'\nimport { AudioRecorder, useAudioRecorder } from 'react-audio-voice-recorder'\nimport { TrashIcon } from './icons'\nimport { Button } from '../../../../lib/ui/button'\n\nconst Audio = ({\n name,\n audioSrc,\n setAudioSrc,\n showAudio,\n setShowAudio,\n deleteRecording,\n children,\n ...props\n}) => {\n const recorderControls = useAudioRecorder(\n {\n noiseSuppression: true,\n echoCancellation: true,\n },\n (err) => console.log(err),\n )\n const handleDeleteClick = (e) => {\n e.preventDefault()\n window.confirm('Are you sure you want to delete this recording?') &&\n deleteRecording()\n }\n return (\n \n
\n \n {t(`title`)}\n
\n{t('intro')}
\n \n \n
\n \n
\n \n {assessments.map((assessment, idx) => (\n
\n \n
\n )\n}\n\nexport default Audio\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 \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 Please indicate the areas in which you have experienced individual\n development and growth. Please rate the level of growth you have\n experienced so far:\n
\n \n Your feedback matters to us!\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 Please indicate the areas in which you have experienced personal\n development and growth. Please rate the level of growth you have\n experienced.\n
\n \n To what degree have you benefited in the following areas as a result of\n your participation in INTOO’s coaching program:\n
\n {descriptions[description]}
\n Complete this quick pre-session survey
\n\n Please complete this survey before scheduling your first coaching\n session. This survey will help our coaches prepare for your session.\n
\n \n )}\n \n )\n}\n\nconst ExecutivePreProgramHeader = () => {\n return (\n <>\n\n Executive coaching is a powerful tool that can help leaders reach their\n full potential, improve their decision-making skills, and enhance their\n overall performance. To ensure a successful executive coaching program,\n it is essential to start with a pre-program executive coaching survey.\n
\n\n This survey serves as a foundational step in understanding your needs,\n goals, and challenges. The information shared here will be provided to\n the coaching team to ensure a good coach fit for you.{' '}\n
\n \n )\n}\n","import React from 'react'\nimport {\n Goals,\n DefinitionOfSuccess,\n CurrentChallenges,\n OtherTopics,\n} from '../QuestionBank'\n\nconst AnnualBenefit = ({ form }) => {\n const formClasses = 'col-span-6'\n const formProps = { form, className: formClasses }\n return (\n <>\n\n
\n {children}\n \n )\n}\n","import React from 'react'\nimport {\n ClearGoals,\n SelfConscious,\n InControl,\n TimeManagement,\n SelfAwareness,\n Concentration,\n WorkLifeBalance,\n Involved,\n} from '../QuestionBank'\nimport { TextareaField } from '../FormFields'\n\nconst PeakPerformance = ({ form }) => {\n const props = {\n form,\n className: 'col-span-3 required-text',\n }\n return (\n <>\n {section}
\n {description && (\n {description}
\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 {postSessionEval ?
\n \n Thank you for sharing your feedback. We are committed to developing\n coaching programs that work for you and your suggestions are critical to\n that mission so we appreciate you taking the time to share your\n thoughts.\n
\n\n\n Don’t forget to log back into your platform account to see the session\n notes and resources from your coach and schedule your next meeting!\n
\n \n )\n}\n\nconst EvalCompletedPage = () => {\n const { completedPath, managerEval } = useProgramEvaluation()\n const { path, text } = completedPath\n const [clicked, setClicked] = useState(false)\n const handleSetPasswordClick = () => {\n setClicked(true)\n window.location.href = path\n }\n return (\n\n \n {text}\n \n )}\n
\n )\n}\n\nexport { ThankYouPage, EvalCompletedPage }\n","'use client'\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible'\nimport React, { forwardRef } from 'react'\nimport { cn } from '../utils'\n\nconst Collapsible = CollapsiblePrimitive.Root\n\nconst CollapsibleTrigger = CollapsiblePrimitive.Trigger\n\nconst CollapsibleContent = CollapsiblePrimitive.CollapsibleContent\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent }\n","'use client'\n\nimport * as React from 'react'\nimport * as AccordionPrimitive from '@radix-ui/react-accordion'\nimport { ChevronDownIcon } from '@radix-ui/react-icons'\n\nimport { cn } from '../utils'\n\nconst Accordion = AccordionPrimitive.Root\n\nconst AccordionItem = React.forwardRef(({ className, ...props }, ref) => (\n Your Program Evaluation has already been completed.
\n {!managerEval && (\n {children}
\n \n ),\n)\nAccordionContent.displayName = AccordionPrimitive.Content.displayName\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n","import React, { useState } from 'react'\nimport { MainBox, EvalButton } from './UiLib'\nimport { useProgramEvaluation } from './ProgramEvaluationProvider'\nimport {\n Collapsible,\n CollapsibleTrigger,\n CollapsibleContent,\n} from '../../../../lib/ui/collapsible'\nimport { useTranslation } from '../../../../hooks/useTranslation'\nimport { CheckMarkIcon } from '../../../Resources/icons'\nimport { cn } from '../../../../lib/utils'\nimport { PlusCircle, MinusCircle } from 'lucide-react'\nimport {\n Accordion,\n AccordionContent,\n AccordionItem,\n AccordionTrigger,\n} from '../../../../lib/ui/accordion'\nimport { Form } from '../../../../lib/ui/form'\nimport { useProgramEvalForm } from './useProgramEvalForm'\nimport { useIsMobile } from '../../../../hooks/useMediaQuery'\n\nconst TopicSelection = () => {\n const {\n topicSelectionThankYouPage,\n selectedTopics,\n candidate,\n totalTopicsAllowed,\n topicSelectionCompleted,\n type,\n } = useProgramEvaluation()\n const pluralize = totalTopicsAllowed > 1 ? 's' : ''\n const candidateFullName = candidate?.first_name + ' ' + candidate?.last_name\n const descriptionText =\n type === 'ManagerTopicSelection'\n ? `Select the top ${totalTopicsAllowed} topic${pluralize} you would like ${candidateFullName} to focus on in their coaching program.`\n : `Select the top ${totalTopicsAllowed} topic${pluralize} you would like to focus on in your coaching program.`\n\n const showThankYouPage = topicSelectionThankYouPage || topicSelectionCompleted\n\n const positionClass = showThankYouPage ? '' : 'sticky -top-4'\n\n return (\n \n {showThankYouPage ? (\n
\n {descriptionText}
\n {selectedTopics.length > 0 && {category}
\n \n
\n )\n}\n\nconst TopicSelectionSection = ({ category }) => {\n const { sessionTopicCategories } = useProgramEvaluation()\n const topicSlugs = sessionTopicCategories[category]\n return (\n - \n {selectedTopics.map((topicSlug, idx) => (\n
- \n {t(`${topicSlug}.description_short`)}\n \n ))}\n
\n
\n )\n}\n\nconst TopicsListItem = ({ topicSlug }) => {\n const { selectedTopics, setSelectedTopics, topicsSelectedByManager } =\n useProgramEvaluation()\n const [selected, setSelected] = useState(selectedTopics.includes(topicSlug))\n\n const toggleSelected = () => {\n setSelected(!selected)\n setSelectedTopics((prev) =>\n selected\n ? prev.filter((topic) => topic !== topicSlug)\n : [...prev, topicSlug],\n )\n }\n\n const selectedByManager = topicsSelectedByManager.includes(topicSlug)\n\n const { t } = useTranslation('topics')\n const topic = t(`${topicSlug}.description_short`)\n const [expanded, setExpanded] = useState(false)\n return (\n \n {topicSlugs.map((topicSlug, idx) => (\n
\n \n
\n )\n}\n\nconst DescriptionComponent = ({ topicSlug }) => {\n const { t } = useTranslation('topics')\n const description = t(`${topicSlug}.description`)\n return (\n \n
\n\n {topic}
\n \n {selected && (\n \n Selected\n \n )}\n {selectedByManager && (\n \n Selected For You\n \n )}\n {!selected && !selectedByManager && (\n
\n \n \n \n \n \n {' '}\n \n \n
\n \n Details{' '}\n {expanded ? (\n
\n \n
\n )\n}\n\nconst SelectTopicButton = ({ className, ...props }) => {\n const { allTopicsSelected } = useProgramEvaluation()\n return (\n - \n {description.map((desc, idx) => (\n
- \n {desc}\n \n ))}\n
\n {topicSelectionThankYouPage ? 'Thank you! ' : ''}Your topic selections\n have been recorded.\n
\n {showContinueButton && (\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 {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 \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 {liveVideoFeed && !recordedVideo && (\n \n
\n )\n}\n\nconst RecordingIcon = ({ permission, height, width, recordingStatus }) => {\n const recordingStatusClass = {\n recording: '5px',\n idle: '99999px',\n }\n const styles = {\n border: '2px solid black',\n backgroundColor: 'red',\n height: height || '4rem',\n width: width || '4rem',\n borderRadius: recordingStatusClass[recordingStatus || 'idle'],\n opacity: permission ? 1 : 0.5,\n }\n return \n}\n","import { useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport axios from 'axios'\nimport { useState } from 'react'\n\nexport const useUploadVideoForm = ({ videoBlob }) => {\n const [submitted, setSubmitted] = useState(false)\n const [success, setSuccess] = useState(false)\n const schema = {\n video_file: z.union([z.string(), z.instanceof(File), z.null()]).optional(),\n }\n\n const video = videoBlob\n ? new File([videoBlob], 'coach_profile_video.webm', {\n type: 'video/webm',\n })\n : null\n\n const defaultValues = { video_file: '' }\n\n const form = useForm({\n resolver: zodResolver(z.object(schema)),\n defaultValues,\n })\n\n const onSubmit = async (values) => {\n setSubmitted(true)\n const token = document.querySelector('meta[name=\"csrf-token\"]').content\n const url = '/coach/submit_video'\n const data = {\n coach_profile: {\n video: video || values.video_file,\n },\n }\n const config = {\n method: 'PATCH',\n headers: {\n 'X-CSRF-Token': token,\n 'Content-Type': 'multipart/form-data',\n },\n }\n\n const response = await axios.patch(url, data, config)\n\n if (response.status === 200) {\n setSuccess(true)\n window.location.reload()\n } else {\n console.log('error')\n console.log(response)\n console.log(response.error)\n setSuccess(false)\n window.location.reload()\n throw new Error('Error submitting video')\n }\n }\n\n return { form, onSubmit, submitted, success }\n}\n","import React, { useState } from 'react'\nimport { useExercise } from './ExerciseProvider'\nimport { useTranslation } from '../../hooks/useTranslation'\n\nconst AddAdditionalIdeas = () => {\n const {\n formattedExerciseName,\n trackContent,\n exerciseIndex,\n updateResponse,\n dispatch,\n } = useExercise()\n const { t } = useTranslation(formattedExerciseName)\n const thinkOutsideBox = t('think_outside_box')\n const savedIdeas = trackContent[exerciseIndex]?.additional_ideas || []\n const [textBoxes, setTextBoxes] = useState(\n savedIdeas.length > 0 ? savedIdeas.map((idea) => idea.idea) : [''],\n )\n\n const handleChange = (index, event) => {\n const newTextBoxes = [...textBoxes]\n newTextBoxes[index] = event.target.value\n setTextBoxes(newTextBoxes)\n\n const existingIdea = savedIdeas[index] || {}\n dispatch({\n type: 'UPDATE_IDEA',\n payload: {\n index,\n idea: event.target.value,\n completionDate: existingIdea.completionDate,\n },\n })\n updateResponse(\n exerciseIndex,\n 'additional_ideas',\n newTextBoxes,\n existingIdea?.completionDate,\n )\n }\n\n const addAnotherTextBox = () => {\n const newTextBoxes = [...textBoxes, '']\n setTextBoxes(newTextBoxes)\n dispatch({ type: 'ADD_IDEA', payload: { idea: '' } })\n updateResponse(exerciseIndex, 'additional_ideas', newTextBoxes)\n }\n\n const removeTextBox = (index) => {\n const newTextBoxes = textBoxes.filter((_, i) => i !== index)\n const existingIdea = savedIdeas[index] || {}\n setTextBoxes(newTextBoxes)\n dispatch({ type: 'DELETE_IDEA', payload: index })\n updateResponse(\n exerciseIndex,\n 'additional_ideas',\n newTextBoxes,\n existingIdea?.completionDate,\n )\n }\n\n return (\n <>\n {thinkOutsideBox}
\n\n {textBoxes.map((idea, index) => (\n removeTextBox(index)}\n onChange={(e) => handleChange(index, e)}\n />\n ))}\n \n + Add Another\n \n
\n \n )\n}\n\nexport default AddAdditionalIdeas\n\nconst AdditionalIdea = ({ idea, onButtonClick, onChange }) => {\n return (\n \n \n Delete\n \n
\n )\n}\n","import React from 'react'\nimport { Button } from '../../lib/ui/button'\nimport { cn } from '../../lib/utils'\nimport { useIsDesktop } from '../../hooks/useMediaQuery'\n\nconst buttonClasses =\n 'rounded-full flex justify-center items-center gap-2 py-0 px-6'\nconst buttonWidthClasses = 'w-[120px] sm:w-[172px] h-12 sm:h-10'\nconst primaryButtonClasses =\n 'bg-primary-button-cd hover:bg-primary-button-cd-darker-75'\nconst backButtonClasses = 'border-[#5A5A5A] bg-[#fff] hover:bg-[#F0F0F0]'\n\nexport const StartExerciseButton = ({ className, children, ...props }) => (\n \n)\n\nexport const PrimaryExerciseButton = ({ className, children, ...props }) => (\n \n
\n )\n}\n\nconst Header = ({ t, ssoName, candidateFirstName, dateAndTimeUpdated }) => {\n const isMobile = useIsMobile()\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`} {t('results')}\n \n
\n \n
\n {dateAndTimeUpdated}\n \n
\n \n \n )\n}\n\nconst SummaryContent = ({\n conclusionGreatJob,\n conclusionP1,\n conclusionP2,\n link,\n t,\n}) => {\n const isMobile = useIsMobile()\n const { formattedExerciseName } = useExercise()\n\n return (\n \n
\n {formattedExerciseName === 'design_thinking' && (\n \n {conclusionGreatJob}\n
\n\n
\n \n {conclusionP2}\n
\n )}\n {formattedExerciseName === 'motivation_reflection' && (\n\n \n {t('conclusion_link')}\n \n
\n )}\n \n {copy1}\n {copy2 && (\n
\n {questions.map((question, index) => (\n
\n ))}\n \n )}\n {section === 2 && \n {question.type === 'checkbox' && (\n handleDivClick(exerciseIndex, question.slug)}\n >\n \n handleChange(exerciseIndex, question.slug, e)\n }\n checked={getResponse(exerciseIndex, question.slug) || false}\n onClick={(e) => e.stopPropagation()}\n />\n \n
\n )}\n {question.type === 'text' && (\n \n \n \n handleChange(exerciseIndex, question.slug, e)\n }\n value={getResponse(exerciseIndex, question.slug) || ''}\n />\n
\n )}\n {conclusion}
\n \n )\n}\n\nexport default DesignThinkingExercise\n","import React from 'react'\nimport { useTranslation } from '../../hooks/useTranslation'\nimport { useExercise } from './ExerciseProvider'\n\nconst DesignThinkingSectionThree = ({ data }) => {\n const { formattedExerciseName, updateResponse, dispatch } = useExercise()\n const { t } = useTranslation(formattedExerciseName)\n\n const sectionTwoData = data[2] ? filterSectionTwoData(data[2]) : {}\n const additionalIdeas = sectionTwoData.additional_ideas || []\n const filteredAdditionalIdeas = additionalIdeas.filter(\n (idea) => idea.idea !== '',\n )\n\n const filteredSectionTwoData = removeAdditionalIdeas(sectionTwoData)\n const pages = t('pages')\n const slugToQuestionMap = getSlugToQuestionMap(pages['2'].questions)\n\n const handleDateChange = (key, date) => {\n updateResponse(2, key, key, date)\n }\n\n const handleIdeaDateChange = (index, date) => {\n dispatch({ type: 'UPDATE_COMPLETION_DATE', payload: { index, date } })\n const updatedIdeas = additionalIdeas.map((idea, i) =>\n i === index ? { ...idea, completionDate: date } : idea,\n )\n updateResponse(2, 'additional_ideas', updatedIdeas)\n }\n\n const isSectionTwoDataEmpty =\n Object.keys(filteredSectionTwoData).length === 0 ||\n Object.values(filteredSectionTwoData).every((value) => value === null)\n const isAdditionalIdeasEmpty = additionalIdeas.length === 0\n\n return (\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 {isDesktop && (\n
\n )\n}\nexport default Exercise\n","import React, {\n createContext,\n useContext,\n useState,\n useEffect,\n useReducer,\n} from 'react'\n\nconst ExerciseContext = createContext()\n\nexport const useExercise = () => {\n return useContext(ExerciseContext)\n}\n\nconst initialState = {\n additionalIdeas: [],\n}\n\nfunction reducer(state, action) {\n switch (action.type) {\n case 'ADD_IDEA': {\n const newIdeas = [\n ...state.additionalIdeas,\n { ...action.payload, completionDate: null },\n ]\n return {\n ...state,\n additionalIdeas: newIdeas,\n }\n }\n case 'DELETE_IDEA': {\n const filteredIdeas = state.additionalIdeas.filter(\n (_, index) => index !== action.payload,\n )\n return {\n ...state,\n additionalIdeas: filteredIdeas,\n }\n }\n case 'UPDATE_IDEA': {\n const updatedIdeas = state.additionalIdeas.map((idea, index) =>\n index === action.payload.index\n ? {\n ...idea,\n idea: action.payload.idea,\n completionDate: action.payload.completionDate,\n }\n : idea,\n )\n return {\n ...state,\n additionalIdeas: updatedIdeas,\n }\n }\n case 'UPDATE_COMPLETION_DATE': {\n const newIdeas = state.additionalIdeas.map((idea, index) => {\n if (index === action.payload.index) {\n return {\n ...idea,\n completionDate: action.payload.date,\n }\n }\n return idea\n })\n return {\n ...state,\n additionalIdeas: newIdeas,\n }\n }\n default:\n return state\n }\n}\nexport const ExerciseProvider = ({\n exerciseId,\n exercisePartId,\n exerciseName,\n exerciseTime,\n content,\n bucketPath,\n candidateId,\n ssoName,\n candidateFirstName,\n dateAndTimeUpdated,\n children,\n}) => {\n const [started, setStarted] = useState(\n (exercisePartId &&\n localStorage.getItem(`${exercisePartId}:started`) === 'true') ||\n false,\n )\n\n const [documentId, setDocumentId] = useState(exerciseId)\n const [documentPartId, setDocumentPartId] = useState(exercisePartId)\n const [trackContent, setTrackContent] = useState(content || {})\n const [exerciseIndex, setExerciseIndex] = useState(0)\n const formattedExerciseName = exerciseName.toLowerCase().split(' ').join('_')\n const [showConclusion, setShowConclusion] = useState(false)\n const [state, dispatch] = useReducer(reducer, initialState)\n\n useEffect(() => {\n if (!showConclusion) {\n const handleReload = (e) => {\n if (started) {\n e.preventDefault()\n e.returnValue = ''\n }\n }\n window.addEventListener('beforeunload', handleReload)\n return () => {\n window.removeEventListener('beforeunload', handleReload)\n }\n }\n }, [started, showConclusion])\n\n useEffect(() => {\n if (exercisePartId) {\n localStorage.setItem(`${exercisePartId}:started`, started)\n localStorage.setItem(`${exercisePartId}:conclusion`, showConclusion)\n }\n }, [started, showConclusion, exercisePartId])\n\n const saveExercise = async (conclusion = false) => {\n const token = document.querySelector('meta[name=\"csrf-token\"]').content\n const url = documentId\n ? `/documents/${documentId}/parts/${documentPartId}`\n : `/exercise/document/exercises?exercise_type=${formattedExerciseName}`\n\n try {\n if (!documentId) {\n const res = await fetch(url, {\n method: 'POST',\n headers: {\n 'X-CSRF-TOKEN': token,\n },\n })\n if (res.ok) {\n setStarted(true)\n const data = await res.json()\n setDocumentId(data.document_id)\n setDocumentPartId(data.document_part_id)\n return res\n } else {\n throw new Error('res not okay')\n }\n } else {\n const documentPartsInfo = {\n content: trackContent,\n }\n const res = await fetch(url, {\n method: 'PATCH',\n headers: {\n 'X-CSRF-TOKEN': token,\n 'Content-type': 'application/json',\n },\n body: JSON.stringify(documentPartsInfo),\n })\n if (res.ok) {\n if (conclusion) {\n setShowConclusion(true)\n document.body.classList.add('exercise-conclusion')\n } else {\n window.location.pathname = '/'\n }\n setReminders()\n return res\n } else {\n throw new Error('res not okay')\n }\n }\n } catch (error) {\n console.error('Error saving exercise:', error)\n }\n }\n\n const updateAdditionalIdeas = (response, completionDate) => {\n const validResponse = response.filter((res) => res !== '' && res !== null)\n\n const updatedIdeas = validResponse.map((res) => ({\n idea: res.idea || res,\n completionDate: res.completionDate || completionDate || null,\n }))\n\n return updatedIdeas\n }\n\n const updateResponse = (section, slug, response, completionDate) => {\n const validResponse = Array.isArray(response)\n ? response.filter(\n (res) =>\n res !== '' && res !== null && res.idea !== '' && res.idea !== null,\n )\n : response\n\n setTrackContent((prevContent) => {\n let updatedSection = { ...prevContent[section] }\n if (slug === 'additional_ideas') {\n const updatedIdeas = updateAdditionalIdeas(\n validResponse,\n completionDate,\n )\n updatedSection[slug] = updatedIdeas\n } else if (completionDate) {\n updatedSection[slug] = completionDate\n } else {\n updatedSection[slug] = validResponse\n }\n\n return {\n ...prevContent,\n [section]: updatedSection,\n }\n })\n }\n\n const getResponse = (section, slug) => {\n const response = trackContent[section]?.[slug]\n return response\n }\n const setReminders = async () => {\n const reminders = []\n\n Object.keys(trackContent).forEach((sectionKey) => {\n const section = trackContent[sectionKey]\n\n if (section.additional_ideas) {\n section.additional_ideas.forEach((idea) => {\n if (idea.completionDate) {\n reminders.push({\n content: idea.idea,\n due_date: idea.completionDate,\n })\n }\n })\n }\n\n Object.keys(section).forEach((key) => {\n if (\n key.startsWith('checkbox_') &&\n section[key] &&\n !isNaN(Date.parse(section[key]))\n ) {\n reminders.push({\n content: key,\n due_date: section[key],\n })\n }\n\n if (\n key.startsWith('action') &&\n section[key] &&\n section[key].date &&\n !isNaN(Date.parse(section[key].date))\n ) {\n reminders.push({\n content: section[key].action,\n due_date: section[key].date,\n })\n }\n })\n })\n\n try {\n const token = document.querySelector('meta[name=\"csrf-token\"]').content\n const response = await fetch(\n `/candidates/${candidateId}/reminders/set_exercise_reminders`,\n {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'X-CSRF-TOKEN': token,\n },\n body: JSON.stringify({ reminders, document_id: documentId }),\n },\n )\n\n if (!response.ok) {\n throw new Error('Failed to set reminders')\n }\n } catch (error) {\n console.error('Error setting reminders:', error)\n }\n }\n\n const handleBackClick = () => {\n if (exerciseIndex === 0) {\n setStarted(false)\n } else {\n setExerciseIndex((prev) => prev - 1)\n }\n }\n\n const value = {\n exercisePartId,\n documentId,\n setDocumentId,\n documentPartId,\n setDocumentPartId,\n exerciseName,\n exerciseTime,\n content,\n bucketPath,\n started,\n setStarted,\n showConclusion,\n setShowConclusion,\n exerciseIndex,\n setExerciseIndex,\n saveExercise,\n trackContent,\n setTrackContent,\n formattedExerciseName,\n updateResponse,\n getResponse,\n updateAdditionalIdeas,\n additionalIdeas: state.additionalIdeas,\n dispatch,\n ...state,\n handleBackClick,\n ssoName,\n candidateFirstName,\n dateAndTimeUpdated,\n }\n\n return (\n \n {pagesArr.map((page, idx) => (\n
\n \n
\n )\n}\n\nexport default Layout\n","import React from 'react'\nimport MotivationReflectionSectionFive from './MotivationReflectionSectionFive'\n\nconst MotivationReflectionExercise = ({\n questions,\n handleChange,\n getResponse,\n exerciseIndex,\n conclusion,\n section,\n trackContent,\n}) => {\n return (\n {title}
\n{description}
\n {exerciseName === 'Design Thinking' && (\n\n {section !== 4 && (\n
\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 {section === 4 && \n
\n \n )\n}\n\nconst DataInputDesktop = ({ action, value, onDateChange, onInputChange }) => (\n \n {inputs.map((input, index) =>\n isMobile ? (\n handleDateChange(index, date)}\n onInputChange={(value) => handleInputChange(index, value)}\n />\n ) : (\n handleDateChange(index, date)}\n onInputChange={(value) => handleInputChange(index, value)}\n />\n ),\n )}\n
\n \n {\n onInputChange(e.target.value)\n }}\n className=\"mr-3 w-1/2 rounded font-roboto text-base font-medium\"\n />\n
\n)\n\nconst DataInputMobile = ({ action, value, onDateChange, onInputChange }) => (\n \n \n {'Set Target Completion Date'}\n \n {\n onDateChange(e.target.value)\n }}\n className=\"w-auto rounded border border-gray-300 p-2\"\n value={value || ''}\n />\n
\n \n {\n onInputChange(e.target.value)\n }}\n className=\"mb-4 h-28 w-full rounded font-roboto text-base font-medium\"\n />\n
\n)\n\nexport default MotivationReflectionSectionFive\n","import React, { useEffect } from 'react'\nimport { PrimaryExerciseButton, BackExerciseButton } from './Buttons'\nimport { useIsDesktop, useIsMobile } from '../../hooks/useMediaQuery'\nimport { useExercise } from './ExerciseProvider'\nimport Layout from './Layout'\n\nconst Page = ({ pageInfo, numPages, idx }) => {\n const { saveExercise, setExerciseIndex, setStarted, exerciseIndex } =\n useExercise()\n const page = pageInfo.page\n const isDesktop = useIsDesktop()\n const isMobile = useIsMobile()\n\n useEffect(() => {\n window.scrollTo(0, 0)\n }, [exerciseIndex])\n\n const handleBackClick = () => {\n if (exerciseIndex === 0) {\n setStarted(false)\n } else {\n setExerciseIndex((prev) => prev - 1)\n }\n }\n\n const handleNextClick = () => {\n const showConclusionPage = exerciseIndex === numPages - 1\n if (showConclusionPage) {\n saveExercise(showConclusionPage)\n } else {\n setExerciseIndex((prev) => prev + 1)\n }\n }\n\n return (\n exerciseIndex === idx && (\n \n \n {'Set Target Completion Date'}\n \n {\n onDateChange(e.target.value)\n }}\n className=\"w-full rounded border border-gray-300 p-2\"\n value={value || ''}\n />\n
\n \n \n \n Back\n \n
\n \n )\n )\n}\n\nexport default Page\n","import React, { useEffect } from 'react'\nimport { useExercise } from './ExerciseProvider'\nimport { useTranslation } from '../../hooks/useTranslation'\nimport { StartExerciseButton } from './Buttons'\nimport { ClockIcon, QuestionsIcon, ExerciseIcon } from './icons'\nimport { useIsDesktop } from '../../hooks/useMediaQuery'\n\nconst StartExercise = ({ exerciseExists }) => {\n const { setStarted, saveExercise, formattedExerciseName } = useExercise()\n const { t } = useTranslation(formattedExerciseName)\n const StartExercise = t('start_exercise.start_exercise')\n const ContinueExercise = t('start_exercise.continue_exercise')\n const buttonText = exerciseExists ? ContinueExercise : StartExercise\n const title = t('start_exercise.title')\n const description = t('start_exercise.description')\n const why_take_exercise = t('start_exercise.why_take_exercise')\n const isDesktop = useIsDesktop()\n const isMobile = !isDesktop\n\n const handleStartExerciseClick = () => {\n setStarted(true)\n if (exerciseExists) {\n setStarted(true)\n } else {\n saveExercise()\n }\n }\n\n useEffect(() => {\n window.scrollTo(0, 0)\n })\n\n return (\n {page}
\n\n
\n \n \n Continue\n \n {isDesktop && (\n
\n \n {exerciseIndex + 1} of {numPages}\n
\n )}\n \n {/* Action Button in Top-Right */}\n
\n )\n}\n\nexport default StartExercise\n","import React from 'react'\n\nexport const ClockIcon = () => {\n return (\n \n {isDesktop && (\n \n {buttonText}
\n\n {/* Title Section */}\n \n
\n\n {/* Description Section */}\n \n {title}\n
\n\n {why_take_exercise}\n
\n\n {description.map((desc, idx) => (\n
\n\n {/* Info Cards */}\n {desc}
\n ))}\n\n
\n\n {isMobile && (\n \n
\n \n
\n \n \n {buttonText}
\n )}\n \n \n {isExpanded ? section.title : collapsedTitle}\n \n {section.children.map(\n (item, index) =>\n !item.hidden &&
\n \n )\n}\nexport default NavGroup\n\nconst NavDivider = ({ className }) => {\n const classes = cn('my-6 h-[0.125rem] rounded-sm bg-cod-gray-50', className)\n return \n}\n\nconst NavGroupHeader = ({ className, children }) => {\n const { isExpanded } = useNav()\n const expandedClasses = isExpanded ? '' : 'px-0 text-[10px]'\n const headerClasses = cn(\n 'w-11 text-center px-3 py-2 text-sm font-medium uppercase tracking-wide text-intoo-blue-medium',\n expandedClasses,\n className,\n )\n return {children}
\n}\n","import React, { useRef, useState } from 'react'\nimport { cn } from '../../lib/utils'\nimport { useNav } from './NavProvider'\nimport { getIcon } from './icons'\nimport { ChevronDownIcon } from '@heroicons/react/24/outline'\nimport SubNav from './SubNav'\nimport PopupSubNav from './PopupSubNav'\nimport Link from './Link'\n\nconst NavLink = ({ item, theme }) => {\n const { activeNav, currentPageNavItem } = useNav()\n const { slug } = item\n let customInactiveClasses = ''\n switch (theme) {\n case 'green':\n customInactiveClasses =\n 'hover:bg-intoo-green-coachcta-hover hover:text-white focus:bg-intoo-green-coachcta-hover focus:text-white'\n break\n case 'deloitte':\n customInactiveClasses =\n 'text-black hover:bg-deloitte hover:text-white focus:text-white focus:bg-deloitte'\n }\n let customActiveClasses = ''\n switch (theme) {\n case 'green':\n customActiveClasses = 'bg-intoo-green-coachcta text-white'\n break\n case 'deloitte':\n customActiveClasses =\n 'bg-black text-white hover:bg-deloitte focus:bg-deloitte'\n }\n\n return (\n \n {items.map((child, childIndex) => (\n
\n \n )\n}\nexport default PopupSubNav\n","import React from 'react'\nimport { cn } from '../../lib/utils'\nimport { useNav } from './NavProvider'\nimport { Bar, SplitBar } from './icons'\n\nconst SubNav = ({ className, parentActive, theme, items }) => {\n const subNavClasses = cn('flex flex-col overflow-y-hidden', className)\n const { activeSubNav } = useNav()\n if (!items) {\n return null\n }\n var activeIndex = 0\n const lastIndex = items.length - 1\n items.forEach((child, childIndex) => {\n if (child.title === activeSubNav) {\n activeIndex = childIndex\n }\n })\n return (\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 } = useNav()\n const { title, slug, programLevel } = 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-[#BFDCF5]'\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 '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-[#BFDCF5]'\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 if (!meetsMinimumProgramLevel(programLevel)) {\n return null\n }\n return (\n \n {withDecoration && (\n \n {title}\n \n
\n )\n}\n","import React from 'react'\nimport { cn } from '../../lib/utils'\nimport {\n BuildingStorefrontIcon,\n DocumentTextIcon,\n SparklesIcon,\n AcademicCapIcon,\n ChatBubbleLeftRightIcon,\n BriefcaseIcon,\n BookOpenIcon,\n GlobeAmericasIcon,\n RocketLaunchIcon,\n MapIcon,\n Cog6ToothIcon,\n Squares2X2Icon,\n ChatBubbleBottomCenterTextIcon,\n UserCircleIcon,\n UsersIcon,\n} from '@heroicons/react/24/outline'\n\nexport const getIcon = (name) => {\n const icons = {\n coachServices: UserCircleIcon,\n dashboard: Squares2X2Icon,\n home: Squares2X2Icon,\n orientation: MapIcon,\n careerAdvisement: UserCircleIcon,\n scheduleCoaching: MapIcon,\n jobTargeting: BriefcaseIcon,\n actionPlanMiniPlatform: BriefcaseIcon,\n skills: AcademicCapIcon,\n personalBrand: SparklesIcon,\n resume: DocumentTextIcon,\n coachNotes: ChatBubbleBottomCenterTextIcon,\n networking: GlobeAmericasIcon,\n research: BookOpenIcon,\n interview: ChatBubbleLeftRightIcon,\n interviewDeloitte: UsersIcon,\n onboardingSuccess: RocketLaunchIcon,\n guidesMiniPlatform: RocketLaunchIcon,\n entrepreneurship: BuildingStorefrontIcon,\n retirement: RetirementIcon,\n wellness: WellnessIcon,\n settings: Cog6ToothIcon,\n }\n return icons[name]\n}\n\nexport const Bar = ({ isColored, theme = 'blue', className }) => {\n let notColoredFill = 'fill-cod-gray-200'\n let themeFill = 'fill-[#BFDCF5]'\n switch (theme) {\n case 'green':\n themeFill = 'fill-[#1E7129]'\n break\n case 'deloitte':\n themeFill = 'fill-black'\n notColoredFill = 'fill-deloitte'\n }\n const barClass = cn(\n 'fill-[#BFDCF5]',\n className,\n !isColored && notColoredFill,\n isColored && themeFill,\n )\n return (\n \n
\n )}\n \n {!isLast && (\n
\n \n {userName} \n {goal} \n {navItems.map((section, sectionIndex) => (\n
\n \n Goal: {children}\n
\n )\n }\n}\n\nconst UsernameHeader = ({ children }) => {\n const { isExpanded, navigateTo, showUser } = useNav()\n const onClick = () => {\n navigateTo({ path: '/users/edit' })\n }\n return (\n showUser && (\n \n
\n \n )\n )\n}\n\nconst ToggleExpanded = () => {\n const { toggleExpanded, isExpanded, isMobile } = useNav()\n const title = isExpanded ? 'Collapse menu' : 'Expand menu'\n const defaultToggleClasses = cn(\n 'absolute -right-4 top-8 rounded border border-solid border-[#F6F6F6] bg-white p-1.5 cursor-pointer z-10',\n isMobile ? 'hidden' : 'block',\n )\n\n const toggleClasses = isExpanded\n ? defaultToggleClasses\n : cn(defaultToggleClasses, 'top-6')\n\n const handleKeyDown = (e) => {\n if (e.key === 'Enter') {\n toggleExpanded()\n }\n }\n return (\n \n
\n {isExpanded && (\n \n {children}\n
\n )}\n {children}
\n}\n\nexport const NavButton = ({ children, type, ...props }) => {\n return (\n <>\n {type === 'back' && (\n \n {t('char_remaining', { count: remainingChars })}\n
\n )\n}\n\nexport default Counter\n","import React, { useEffect, useContext, useState } from 'react'\nimport { getApi } from '../../util/api'\nimport useTranslation from '../shared/TranslationProvider'\n\nconst DataContext = React.createContext()\n\nexport const useData = () => {\n return useContext(DataContext)\n}\n\nexport default function DataProvider({\n activeStep,\n fetchOnLoad,\n statoCustomContent,\n children,\n}) {\n const interestKeys = [\n 'new_job',\n 'career_change',\n 'contract_job',\n 'working_for_self',\n 'retirement',\n ]\n let seniorityLevels = [\n ['entry_to_mid', 'Entry to Mid Level'],\n ['manager_to_director', 'Manager to Director Level'],\n ['vp_to_c_level', 'VP to C Level'],\n ]\n let statoSeniorityLevels = [\n ['aide_to_helper', 'Auxiliar ou Ajudante'],\n ['assistant_to_analyst', 'Assistente ou Analista'],\n ['specialist_to_superivisor', 'Especialista, Supervisor ou Coordenador'],\n ['entry_to_mid', 'Gerente'],\n ['manager_to_director', 'Diretor'],\n ['vp_to_c_level', 'VP ou C-level'],\n ]\n\n if (statoCustomContent) {\n seniorityLevels = statoSeniorityLevels\n }\n const lastRoleTypeValues = [\n ['individual_contributor', 'Employee or Individual Contributor'],\n ['manager', 'Manager'],\n ]\n const seekingEducationValues = ['yes', 'no', 'not_sure']\n\n const { t } = useTranslation()\n const timelineValues = t('timeline_options')\n\n const [step, setStep] = useState(parseInt(activeStep))\n const [interest, setInterest] = useState(interestKeys[0])\n const [candidate, setCandidate] = useState({})\n const [desiredJobTitle, setDesiredJobTitle] = useState('')\n const [desiredLocation, setDesiredLocation] = useState('')\n const [desiredIndustry, setDesiredIndustry] = useState('')\n const [aboutYourself, setAboutYourself] = useState('')\n const [linkedInProfile, setLinkedInProfile] = useState('')\n const [twitterProfile, setTwitterProfile] = useState('')\n const [facebookProfile, setFacebookProfile] = useState('')\n const [retirementGoals, setRetirementGoals] = useState('')\n const [desiredOpportunities, setDesiredOpportunities] = useState('')\n const [lastRoleType, setLastRoleType] = useState('')\n const [seniorityLevel, setSeniorityLevel] = useState('')\n const [seekingEducation, setSeekingEducation] = useState('')\n const [notificationPreference, setNotificationPreference] = useState('')\n const [resumeName, setResumeName] = useState('')\n const [resumeFileAcceptList, setResumeFileAcceptList] = useState('')\n const [serverTranslations, setServerTranslations] = useState({})\n\n const interestIsRetirement = interest === 'retirement'\n const interestIsWorkingForSelf = interest === 'working_for_self'\n const interestIsJobSeeking =\n interest !== 'retirement' && interest !== 'working_for_self'\n\n const setCurrentStep = (step) => {\n getApi().patch('/onboarding/', {\n social_media_profile: {\n linked_in_profile_url: linkedInProfile,\n twitter_profile_url: twitterProfile,\n facebook_profile_url: facebookProfile,\n },\n candidate: {\n seniority_level: seniorityLevel,\n candidate_profile_attributes: {\n job_title: desiredJobTitle,\n industry: desiredIndustry,\n location: desiredLocation,\n interest: interest,\n last_role_type: lastRoleType,\n about_yourself: aboutYourself,\n retirement_goals: retirementGoals,\n desired_opportunities: desiredOpportunities,\n seeking_education: seekingEducation,\n notification_preference: notificationPreference,\n },\n },\n })\n if (step > 5) {\n window.location.href = '/'\n } else {\n setStep(step)\n window.scrollTo(0, 0)\n }\n }\n\n const loadOnboardingInfo = async () => {\n const {\n data: {\n resumeFileAcceptList,\n candidate,\n candidateProfile,\n socialMediaProfile,\n translatedStrings,\n },\n } = await getApi().get('/onboarding/1')\n setCandidate(candidate)\n setResumeFileAcceptList(resumeFileAcceptList)\n if (candidateProfile) {\n setDesiredJobTitle(candidateProfile.desiredJobTitle)\n setDesiredIndustry(candidateProfile.desiredIndustry)\n setDesiredLocation(candidateProfile.desiredLocation)\n setSeniorityLevel(candidateProfile.seniorityLevel)\n setResumeName(candidateProfile.resumeName)\n setInterest(candidateProfile.interest)\n setDesiredOpportunities(candidateProfile.desiredOpportunities)\n setLastRoleType(candidateProfile.lastRoleType)\n setAboutYourself(candidateProfile.aboutYourself)\n setRetirementGoals(candidateProfile.retirementGoals)\n setLastRoleType(candidateProfile.lastRoleType)\n setSeekingEducation(candidateProfile.seekingEducation)\n setNotificationPreference(candidateProfile.notificationPreference)\n }\n if (socialMediaProfile) {\n setLinkedInProfile(socialMediaProfile.linkedInProfile || '')\n setTwitterProfile(socialMediaProfile.twitterProfile || '')\n setFacebookProfile(socialMediaProfile.facebookProfile || '')\n }\n if (translatedStrings) {\n setServerTranslations(translatedStrings)\n }\n }\n\n useEffect(() => {\n fetchOnLoad && loadOnboardingInfo()\n }, [fetchOnLoad])\n\n const data = {\n step,\n loadOnboardingInfo,\n candidate,\n interest,\n interestKeys,\n desiredJobTitle,\n desiredLocation,\n desiredIndustry,\n aboutYourself,\n retirementGoals,\n linkedInProfile,\n twitterProfile,\n facebookProfile,\n resumeName,\n resumeFileAcceptList,\n desiredOpportunities,\n lastRoleType,\n lastRoleTypeValues,\n seniorityLevel,\n seniorityLevels,\n seekingEducation,\n seekingEducationValues,\n notificationPreference,\n setInterest,\n setCurrentStep,\n setDesiredJobTitle,\n setDesiredLocation,\n setDesiredIndustry,\n setAboutYourself,\n setRetirementGoals,\n setLinkedInProfile,\n setTwitterProfile,\n setFacebookProfile,\n setResumeName,\n setDesiredOpportunities,\n setLastRoleType,\n setSeniorityLevel,\n setSeekingEducation,\n setNotificationPreference,\n getApi,\n interestIsRetirement,\n interestIsWorkingForSelf,\n interestIsJobSeeking,\n serverTranslations,\n timelineValues,\n statoCustomContent,\n }\n\n return{title}
\n \n \n )\n}\nexport default InterestCard\n","import React from 'react'\nimport { useData } from './DataProvider'\nimport { SolarCase, Cycle, ContractLine, Building, Money } from './Icons'\nimport InterestCard from './InterestCard'\nimport useTranslation from '../shared/TranslationProvider'\n\nconst InterestSelect = () => {\n const { interest, interestKeys, setInterest, statoCustomContent } = useData()\n const { t } = useTranslation()\n\n const [newJob, careerChange, contractJob, workingForSelf, retirement] =\n interestKeys\n\n const handleInterestClick = (clickedInterest) => {\n if (interest == clickedInterest) {\n setInterest(null)\n } else {\n setInterest(clickedInterest)\n }\n }\n\n return (\n <>\n {statoCustomContent ? \n
\n \n handleInterestClick(newJob)}\n active={interest == newJob}\n >\n
\n \n handleInterestClick(careerChange)}\n active={interest == careerChange}\n >\n
\n \n handleInterestClick(contractJob)}\n active={interest == contractJob}\n >\n
\n \n
\n \n )\n}\n\nconst StatoInterestCards = () => {\n const { interest, interestKeys, setInterest } = useData()\n const { t } = useTranslation()\n\n const [newJob, careerChange, contractJob, workingForSelf, retirement] =\n interestKeys\n\n const handleInterestClick = (clickedInterest) => {\n if (interest == clickedInterest) {\n setInterest(null)\n } else {\n setInterest(clickedInterest)\n }\n }\n\n return (\n <>\n \n handleInterestClick(workingForSelf)}\n active={interest == workingForSelf}\n >\n
\n \n handleInterestClick(retirement)}\n active={interest == retirement}\n >\n
\n \n
\n \n )\n}\n","import * as React from 'react'\nimport { Label as LabelLibUi } from '../../lib/ui/label'\n\nimport { cn } from '../../lib/utils'\n\nconst Label = React.forwardRef(({ className, ...props }, ref) => (\n \n handleInterestClick(newJob)}\n active={interest == newJob}\n >\n
\n \n handleInterestClick(careerChange)}\n active={interest == careerChange}\n >\n
\n \n handleInterestClick(workingForSelf)}\n active={interest == workingForSelf}\n >\n
\n \n
\n )\n}\n\nconst MyAccountSettings = ({ locale = null, ...props }) => {\n const scope = 'javascript.components.OnboardingSteps'\n\n return (\n \n \n
\n {showTimeline && (\n \n \n setDesiredTimeline(parseInt(e.target.value))}\n >\n \n {timelineKeys.map((timelineKey, idx) => (\n \n ))}\n \n
\n )}\n {interestIsJobSeeking && (\n \n \n setDesiredJobTitle(e.target.value)}\n />\n
\n )}\n {interestIsWorkingForSelf && (\n \n \n setDesiredOpportunities(e.target.value)}\n />\n
\n )}\n {(interestIsJobSeeking || interestIsWorkingForSelf) && (\n \n \n setDesiredIndustry(e.target.value)}\n />\n
\n )}\n {interestIsJobSeeking && (\n \n \n setAboutYourself(e.target.value)}\n />\n
\n )}\n {interestIsRetirement && (\n \n \n setRetirementGoals(e.target.value)}\n />\n
\n )}\n \n \n setDesiredLocation(e.target.value)}\n />\n
\n \n \n setLastRoleType(e.target.value)}\n >\n {lastRoleTypeValues.map(([id, value]) => (\n \n ))}\n \n
\n \n \n setSeniorityLevel(e.target.value)}\n >\n {seniorityLevels.map(([id, value]) => (\n \n ))}\n \n
\n \n \n setSeekingEducation(e.target.value)}\n >\n {seekingEducationValues.map((value) => (\n \n ))}\n \n
\n \n \n setLinkedInProfile(e.target.value)}\n />\n
\n \n \n setTwitterProfile(e.target.value)}\n />\n
\n \n \n setFacebookProfile(e.target.value)}\n />\n
\n \n {t('welcome')}, {candidate.firstName}!\n
\n\n {t('welcome_message_1')}\n
\n\n {t('welcome_message_2')}\n
\n\n {t('welcome_message_3')}\n
\n\n
\n {t('looking_for')}
\n{t('interested_in')}
\n\n \n setDesiredLocation(e.target.value)}\n />\n
\n )\n}\nexport default DesiredLocation\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 {t('step3.title')}
\n{t('step3.subtitle')}
\n\n {interestIsRetirement &&
\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 from 'react'\nimport { useData } from '../DataProvider'\nimport { Label } from '../Label'\nimport { FormControl, FormHelperText } from '@mui/joy'\nimport { Textarea } from '../../../lib/ui/textarea'\nimport DesiredLocation from './DesiredLocation'\nimport useTranslation from '../../shared/TranslationProvider'\nimport CharCounter from '../CharCounter'\n\nconst Step3Retirement = () => {\n const {\n retirementGoals,\n desiredLocation,\n setRetirementGoals,\n setDesiredLocation,\n } = useData()\n const { t } = useTranslation()\n const maxLength = 500\n return (\n <>\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 setRetirementGoals(e.target.value)}\n rows={5}\n maxLength={maxLength}\n />\n \n \n \n \n setDesiredLocation(e.target.value)}\n />\n \n
\n \n )\n}\nexport default Step3Retirement\n","import React from 'react'\nimport { useData } from '../DataProvider'\nimport { Label } from '../Label'\nimport { Input } from '../../../lib/ui/input'\nimport DesiredLocation from './DesiredLocation'\nimport useTranslation from '../../shared/TranslationProvider'\n\nconst Step3WorkingForMyself = () => {\n const {\n desiredIndustry,\n desiredOpportunities,\n setDesiredIndustry,\n setDesiredOpportunities,\n } = useData()\n const { t } = useTranslation()\n return (\n <>\n \n
\n \n )\n}\n\nexport default Step3WorkingForMyself\n","import React from 'react'\nimport { useData } from './DataProvider'\nimport { Box } from '@mui/joy'\nimport { Label } from './Label'\nimport { RadioGroup, RadioGroupItem } from '../../lib/ui/radio-group'\nimport { NavButton, ButtonContainer } from './Buttons'\nimport useTranslation from '../shared/TranslationProvider'\n\nconst Step4 = () => {\n const {\n setCurrentStep,\n lastRoleType,\n seniorityLevel,\n seniorityLevels,\n seekingEducation,\n setLastRoleType,\n setSeniorityLevel,\n setSeekingEducation,\n lastRoleTypeValues,\n seekingEducationValues,\n } = useData()\n const { t } = useTranslation()\n return (\n <>\n \n \n setDesiredOpportunities(e.target.value)}\n />\n
\n \n \n setDesiredIndustry(e.target.value)}\n />\n
\n {t('step4.title')}
\n{t('step4.subtitle')}
\n{t('step5.title')}
\n{t('step5.subtitle')}
\n{t('step5.basic.title')}
\n\n
\n {t('step5.basic.detail1')}
\n{t('step5.basic.detail2')}
\n\n {t('step5.standard.title')}\n
\n\n
\n \n {t('step5.standard.detail')}
\n {isNonUsCandidate && (\n{t('step5.standard.detail_non_us')}
\n )}\n\n {t('step5.comprehensive.title')}\n
\n\n
\n \n \n \n {t('step5.comprehensive.detail', { yns: platformName })}\n
\n {isNonUsCandidate && (\n\n {t('step5.comprehensive.detail_non_us')}\n
\n )}\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 \n {t('create_a_cover_letter')}\n \n
\n )\n } else {\n return (\n {t('my_cover_letters')}
\n\n \n {t('review_cover_letter_checklist')}\n \n
\n \n
\n )\n }\n}\n\nexport default CoverLettersList\n","import React from 'react'\n\nconst CoverLettersListElement = ({ coverLetter }) => {\n const { right_nav_title, path } = coverLetter\n return (\n My Cover Letters
\n {coverLetters.map((coverLetter, idx) => {\n return (\n\n \n {right_nav_title}\n \n
\n )\n}\n\nexport default CoverLettersListElement\n","import React from 'react'\nimport { cn } from '../../../lib/utils'\nimport CoverLettersList from './CoverLettersList'\n\nconst CoverLettersRightNav = ({ className }) => {\n return (\n <>\n \n
\n )\n}\n\nconst PersonalBrandCoverLetters = ({ locale, ...props }) => {\n return (\n \n
\n \n
\n \n Cover Letters\n
\n{t('cover_letters_intro_p1')}
\n {t('cover_letters_intro_p2')}
\n {t('cover_letters_intro_p3')}
\n \n
\n \n {type === 'builder' ? (\n \n {title}\n \n
\n \n {description}\n
\n\n {cta2 ? (\n <>\n \n {cta}\n \n {parse(uploadPath)}\n \n ) : (\n \n {cta}\n \n )}\n
\n \n {exercises.map((exercise, idx) => (\n
\n \n )\n}\n\nexport default ExerciseList\n","import React, { createContext, useContext, useState } from 'react'\nimport { useIsMobile, useIsDesktop } from '../../hooks/useMediaQuery'\n\nconst PersonalBrandContext = createContext()\n\nexport const usePersonalBrand = () => {\n return useContext(PersonalBrandContext)\n}\nconst PersonalBrandProvider = ({\n serialized_exercise_list,\n serialized_workshop_list,\n cover_letters,\n pitchDocument,\n pitchComplete,\n children,\n upload_path,\n}) => {\n const isMobile = useIsMobile()\n const isDesktop = useIsDesktop()\n const exercises = serialized_exercise_list\n const workshops = serialized_workshop_list\n const coverLetters = cover_letters\n const uploadPath = upload_path\n const pitch = pitchDocument\n const pitch_complete = pitchComplete\n\n const [personalBrandView, setPersonalBrandView] = useState('graph_view')\n\n const value = {\n exercises,\n workshops,\n pitch,\n pitch_complete,\n coverLetters,\n personalBrandView,\n setPersonalBrandView,\n isMobile,\n isDesktop,\n uploadPath,\n }\n\n return (\n \n {exercises.map((exercise, idx) => {\n if (idx !== exercises.length - 1) {\n return (\n <>\n
\n \n )\n } else {\n return (\n
\n )\n}\n\nexport default RightNavList\n","import React from 'react'\nimport { BuilderIcon, ExerciseIcon, ChecklistIcon } from './icons'\nimport { usePersonalBrand } from './PersonalBrandProvider'\n\nconst RightNavListElement = ({ exercise }) => {\n const {\n right_nav_title,\n path,\n type,\n alt_path,\n alt_path_description,\n alt_icon,\n } = exercise\n\n const { pitch, pitch_complete } = usePersonalBrand()\n\n const altIcon =\n alt_icon === 'checklist' ? (\n \n \n )\n } else {\n return (\n
\n \n Start Builder{' '}\n
\n )\n } else {\n return (\n {right_nav_title}
\n {pitch && pitch_complete ? (\n \n {pitch.content.text}\n \n ) : (\n \n \n {altIcon}\n {alt_path_description}\n \n
\n )}\n \n \n Start Exercise{' '}\n
\n )\n }\n}\n\nexport default RightNavListElement\n","import React from 'react'\nimport { cn } from '../../lib/utils'\n\nexport const ExerciseIcon = ({ className }) => {\n const displayClass = cn('inline stroke-black', className)\n const height = 24\n const width = 24\n return (\n {right_nav_title}
\n \n \n {altIcon}\n {alt_path_description}\n \n
\n )}\n \n
\n )\n}\n\nconst PersonalBrand = ({ locale, ...props }) => {\n return (\n \n
\n \n
\n \n {t('marketing_toolkit')}\n
\n{t('personal_brand_intro_p1')}
\n {t('personal_brand_intro_p2')}
\n {t('personal_brand_intro_p3')}
\n \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 {isDesktop && \n
\n )\n}\n\nconst PartTwoResults = ({ scoreSection, score, formattedQuizName }) => {\n const { t } = useTranslation(formattedQuizName)\n\n const header = t(`results.part_2.${scoreSection}.header`)\n const copy = t(`results.part_2.${scoreSection}.copy`, { score })\n\n const link = {\n linkPath: '/orientation/learn',\n linkText: 'Online Learning',\n }\n\n return (\n {t(`results.part_1.title`)}
\n{t(`results.part_1.score`, { score })}
\n {header.length > 0 &&{header}
}\n\n {copy.map((copy, idx) => (\n
\n {copy}
\n ))}\n\n
\n )\n}\n\nconst LearningLinks = ({ t }) => {\n const getCourses = async () => {\n const response = await api.get(\n `/orientation/learn/search?query=critical thinking`,\n )\n if (response?.data?.results) {\n setCourses(JSON.parse(response.data.results))\n return response\n }\n }\n const [courses, setCourses] = useState()\n\n useEffect(() => {\n getCourses()\n }, [])\n\n const rejectTeachingCourses = (courses) => {\n const filteredCourses = courses.filter(\n (course) => !course.name.includes('Teaching'),\n )\n if (filteredCourses.length < 3) {\n return courses\n }\n return filteredCourses\n }\n const topThreeCourses = courses && rejectTeachingCourses(courses).slice(1, 4)\n return (\n {t(`results.part_2.title`)}
\n{t(`results.part_2.score`, { score })}
\n {header.length > 0 &&{header}
}\n\n {copy.map((copy, idx) => (\n
\n {score < 60 && \n {topThreeCourses &&\n topThreeCourses.map((course, idx) => (\n
\n )\n}\n","import React from 'react'\n\nexport const RightArrow = ({ className }) => {\n return (\n \n {showResults &&
\n \n )\n}\n\nconst ResultsComponent = () => {\n const { quizName, resultsTasks } = useQuiz()\n\n if (quizName === 'Job Search') {\n return \n
\n )\n}\n\nexport default Instructions\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
\n \n {'Instructions for Getting Started:'}\n
\n - \n {instructions.map((instruction, idx) => (\n
- \n {instruction}\n \n ))}\n
\n
\n {children}\n \n )\n}\n\nexport default LayoutFiveOptions\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 {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 LayoutFourOptions\n","import React, { useEffect, useState } from 'react'\nimport Option from './Option'\nimport { useQuiz } from './QuizProvider'\nimport { cn } from '../../lib/utils'\n\nconst LayoutThreeOptions = ({ updateResponse, questionInfo, children }) => {\n const { quizIndex, trackContent, setTrackContent, tasks, setTasks } =\n useQuiz()\n const [focus, setFocus] = useState()\n const options = Object.values(questionInfo.options)\n useEffect(() => {\n if (trackContent[quizIndex + 1] === 'a') {\n setFocus(0)\n } else if (trackContent[quizIndex + 1] === 'b') {\n setFocus(1)\n } else if (trackContent[quizIndex + 1] === 'c') {\n setFocus(2)\n } else if (trackContent[quizIndex + 1] === 'd') {\n setFocus(3)\n }\n }, [focus, trackContent, quizIndex])\n\n const handleOptionClick = (choice, feedback_key) => {\n const key = feedback_key === 'yes_response' ? 0 : 1\n const show = () => {\n updateResponse(key)\n }\n\n if (choice === 0) {\n trackContent[quizIndex + 1] = 'a'\n } else if (choice === 1) {\n trackContent[quizIndex + 1] = 'b'\n } else if (choice === 2) {\n trackContent[quizIndex + 1] = 'c'\n } else if (choice === 3) {\n trackContent[quizIndex + 1] = 'd'\n }\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\n // setTimeout(show, 500)\n }\n\n const alphabet = ['A', 'B', 'C', 'D']\n\n return (\n \n {options.map((option, index) => (\n handleOptionClick(index)}\n className=\"rounded-[10px] \"\n >\n {option}\n \n ))}\n
\n \n
\n {children}\n \n )\n}\nexport default LayoutThreeOptions\n","import React, { useEffect, useState } from 'react'\nimport Option from './Option'\nimport { useQuiz } from './QuizProvider'\nimport { cn } from '../../lib/utils'\n\nconst LayoutTrueFalse = ({ updateResponse, questionInfo, children }) => {\n const { quizIndex, trackContent, setTrackContent, tasks, setTasks } =\n useQuiz()\n const [focus, setFocus] = useState()\n const options = Object.values(questionInfo.options).slice(0, 2)\n\n useEffect(() => {\n if (trackContent[quizIndex + 1] === 'a') {\n setFocus(0)\n } else if (trackContent[quizIndex + 1] === 'b') {\n setFocus(1)\n }\n }, [focus, trackContent, quizIndex])\n\n const handleOptionClick = (choice, feedback_key) => {\n const key = feedback_key === 'yes_response' ? 0 : 1\n const show = () => {\n updateResponse(key)\n }\n\n if (choice === 0) {\n trackContent[quizIndex + 1] = 'a'\n } else if (choice === 1) {\n trackContent[quizIndex + 1] = 'b'\n }\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 }\n\n const alphabet = ['A', 'B']\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
\n {children}\n \n )\n}\n\nexport default LayoutTrueFalse\n","import React, { useEffect, useState } from 'react'\nimport { No, Yes } from './Icons/YesNo'\nimport Option from './Option'\nimport { useQuiz } from './QuizProvider'\nimport { cn } from '../../lib/utils'\n\nconst LayoutTwoOptions = ({\n options,\n updateResponse,\n questionInfo,\n children,\n}) => {\n const { trackContent, setTrackContent, tasks, setTasks, quizIndex } =\n useQuiz()\n const [focus, setFocus] = useState(null)\n const [hover, setHover] = useState(null)\n\n useEffect(() => {\n if (trackContent[quizIndex + 1] === 'a') {\n setFocus(0)\n } else if (trackContent[quizIndex + 1] === 'b') {\n setFocus(1)\n }\n\n const handleClickOutside = (event) => {\n if (!event.target.closest('.question-options')) {\n setFocus(null)\n }\n }\n\n document.addEventListener('click', handleClickOutside)\n\n return () => {\n document.removeEventListener('click', handleClickOutside)\n }\n }, [trackContent, quizIndex])\n\n const handleOptionClick = (choice) => {\n const show = () => {\n updateResponse(choice)\n }\n\n if (choice === 0) {\n trackContent[quizIndex + 1] = 'a'\n } else if (choice === 1) {\n trackContent[quizIndex + 1] = 'b'\n } else if (choice === 2) {\n trackContent[quizIndex + 1] = 'c'\n }\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 }\n\n return (\n options.length === 2 && (\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
\n )\n )\n}\n\nexport default LayoutTwoOptions\n","import React from 'react'\nimport { Button } from '../../lib/ui/button'\nimport { cn } from '../../lib/utils'\n\nconst Option = ({ children, className, ...props }) => {\n return (\n \n {options.map((option, index) => (\n setHover(index)}\n onMouseLeave={() => setHover(null)}\n onClick={() => {\n handleOptionClick(index)\n setFocus(index)\n }}\n >\n
\n {children}\n \n
\n \n ))}\n {option}
{' '}\n \n
\n \n )\n}\n\nexport default Outcomes\n","import React from 'react'\n\nconst Progress = ({ completed, current, total }) => {\n const percentComplete = completed ? 100 : Math.floor((current / total) * 100)\n const text = completed ? 'Completed!' : `${percentComplete}% completed`\n return (\n \n \n {\"Unlock Insights: What You'll Learn With This Quiz\"}\n
\n - \n {outcomes.map((outcome, idx) => (\n
- \n {outcome}\n \n ))}\n
\n
\n )\n}\n\nconst ProgressBar = ({ percentComplete }) => {\n return (\n \n
\n {text}
\n \n
\n \n )\n}\n\nexport default Progress\n","import React, { useEffect, useState } from 'react'\nimport { PrimaryQuizButton, BackQuizButton } from './Buttons'\nimport LayoutFiveOptions from './LayoutFiveOptions.js'\nimport LayoutTwoOptions from './LayoutTwoOptions'\nimport LayoutThreeOptions from './LayoutThreeOptions'\nimport Response from './Response'\nimport { useIsDesktop, useIsMobile } from '../../hooks/useMediaQuery'\nimport { useQuiz } from './QuizProvider'\nimport LayoutTrueFalse from './LayoutTrueFalse'\nimport { cn } from '../../lib/utils.js'\n\nconst Question = ({ questionInfo, numQuestions, idx, noFeedbackText }) => {\n const {\n saveQuiz,\n setQuizIndex,\n setStarted,\n trackContent,\n bucketPath,\n quizIndex,\n quizName,\n } = useQuiz()\n const [showResponse, setShowResponse] = useState(false)\n const [responseType, setResponseType] = useState(null)\n const [response, setResponse] = useState()\n const options = Object.values(questionInfo.options)\n const question = questionInfo.question\n const image = questionInfo.image\n const isDesktop = useIsDesktop()\n const isMobile = useIsMobile()\n const [disabledButton, setDisabledButton] = useState(true)\n const layout = options.length\n const isTrueFalse = questionInfo.is_true_false\n const noFeedback = questionInfo.no_feedback\n\n const updateResponse = (choice) => {\n setResponse(\n choice === 0\n ? questionInfo.feedback?.yes_response\n : questionInfo.feedback?.no_response,\n )\n if (choice !== null && choice !== undefined && questionInfo.feedback) {\n setShowResponse(true)\n }\n setResponseType(choice)\n setDisabledButton(false)\n }\n\n const updateSelfAssessmentQuiz = (choice) => {\n setResponse(choice)\n setResponseType(choice)\n setDisabledButton(false)\n }\n\n useEffect(() => {\n if (quizIndex === idx) {\n const responseMap = {\n a: 0,\n b: 1,\n c: 2,\n d: 3,\n e: 4,\n }\n\n const responseValue = responseMap[trackContent[quizIndex + 1]]\n\n if (quizName === 'Ideal Workplace Environment') {\n updateSelfAssessmentQuiz(responseValue)\n } else {\n updateResponse(responseValue)\n }\n }\n }, [])\n\n useEffect(() => {\n if (quizIndex === idx) {\n const currentTrackContent = trackContent[quizIndex + 1]\n const hasResponse =\n currentTrackContent !== undefined && currentTrackContent !== null\n setDisabledButton(!hasResponse && !showResponse)\n }\n }, [quizIndex, idx, showResponse, trackContent, noFeedback])\n\n const handleBackClick = () => {\n if (quizIndex === 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 setDisabledButton(true)\n saveQuiz(showResultsPage)\n } else {\n saveQuiz(false, false)\n setQuizIndex((prev) => prev + 1)\n setDisabledButton(true)\n }\n }\n\n useEffect(() => {\n if (isMobile && showResponse) {\n window.scrollTo(0, document.body.scrollHeight)\n }\n }, [showResponse, isMobile])\n\n const layoutProps =\n quizName === 'Ideal Workplace Environment'\n ? { updateSelfAssessmentQuiz, options, questionInfo }\n : { updateResponse, options, questionInfo }\n\n const responseClass = layout !== 2 ? 'w-10 md:w-2/5' : 'sm:w-8/12'\n\n return (\n quizIndex === idx && (\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\n {quizName !== 'Ideal Workplace Environment' && showResponse && (\n
\n )\n )\n}\n\nexport default Question\n","import React from 'react'\nimport Question from './Question'\nimport Progress from './Progress'\nimport { Button } from '../../lib/ui/button'\nimport { useTranslation } from '../../hooks/useTranslation'\nimport { useQuiz } from './QuizProvider'\n\nconst Quiz = () => {\n // const questionsArr = Object.values(questionsInfo)\n const { quizIndex, formattedQuizName, saveQuiz, quizPartId } = useQuiz()\n const { t } = useTranslation(formattedQuizName)\n const questionsInfo = t('questions')\n const questionsArr = Object.values(questionsInfo)\n const numQuestions = questionsArr.length\n const noFeedbackText = t('no_feedback_text')\n\n const handleLeavePage = () => {\n localStorage.removeItem(`${quizPartId}:started`)\n localStorage.removeItem(`${quizPartId}:results`)\n localStorage.removeItem('idx')\n saveQuiz()\n }\n\n return (\n {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 \n Back \n
\n \n \n Continue\n \n {isDesktop && (\n
\n \n {quizIndex + 1} of {numQuestions}\n
\n )}\n \n
\n )\n}\nexport default Quiz\n","import React, { createContext, useContext, useState, useEffect } from 'react'\n\nconst QuizContext = createContext()\n\nexport const useQuiz = () => {\n return useContext(QuizContext)\n}\n\nexport const QuizProvider = ({\n startPageAvatars,\n resultsPageAvatars,\n quizId,\n quizPartId,\n quizName,\n quizTime,\n content,\n bucketPath,\n children,\n numChoices,\n hasResumeReview,\n}) => {\n const [started, setStarted] = useState(\n (quizPartId && localStorage.getItem(`${quizPartId}:started`) === 'true') ||\n false,\n )\n const [showResults, setShowResults] = useState(\n (quizPartId && localStorage.getItem(`${quizPartId}:results`) === 'true') ||\n false,\n )\n\n const getSlugs = () => {\n if (content) return content.slugs\n }\n\n const getResultsTasks = () => {\n if (showResults) {\n return content?.tasks\n }\n }\n const tempSlugs = getSlugs()\n const tempResults = getResultsTasks()\n\n const [tasks, setTasks] = useState(content?.tasks || {})\n const [slugs, setSlugs] = useState(tempSlugs ? new Set(tempSlugs) : new Set())\n const [documentId, setDocumentId] = useState(quizId)\n const [documentPartId, setDocumentPartId] = useState(quizPartId)\n const [pageRenderedOnce, setPageRenderedOnce] = useState(false)\n const [trackContent, setTrackContent] = useState(content?.content || {})\n const [quizIndex, setQuizIndex] = useState(0)\n const formattedQuizName = quizName.toLowerCase().split(' ').join('_')\n const [resultsTasks, setResultsTasks] = useState(tempResults || [])\n\n const randomStartAvatar =\n startPageAvatars[Math.floor(Math.random() * startPageAvatars.length)]\n\n const randomResultsAvatar =\n resultsPageAvatars[Math.floor(Math.random() * resultsPageAvatars.length)]\n\n const startPageAvatar = bucketPath + randomStartAvatar\n\n const resultsPageAvatar = bucketPath + randomResultsAvatar\n\n const updateUserTracker = async () => {\n const reqBody = {\n tracker_sections_slugs: Array.from(slugs),\n }\n const token = document.querySelector('meta[name=\"csrf-token\"]').content\n const res = await fetch(`/trackers/${tracker.id}`, {\n method: 'PATCH',\n headers: {\n 'X-CSRF-TOKEN': token,\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(reqBody),\n })\n if (res.ok) return res\n throw new Error('res not ok')\n }\n\n const actions = (questionNumber, answerType) => {\n const prevState = slugs\n switch (parseInt(questionNumber)) {\n case 1:\n if (answerType === 0) {\n prevState.delete('resume-builder')\n // setSlugs(new Set([...prevState, 'resume-review']));\n setSlugs(new Set([...prevState]))\n } else setSlugs((prev) => new Set([...prev, 'resume-webinar']))\n break\n case 2:\n prevState.add('linked-in-guide')\n setSlugs(new Set([...prevState]))\n break\n // setSlugs(prev => new Set([...prev, 'linked-in-guide']))\n case 3:\n prevState.add('cover-letter-builder')\n setSlugs(new Set([...prevState]))\n break\n case 4:\n break\n }\n }\n\n useEffect(() => {\n if (quizPartId) {\n localStorage.setItem(`${quizPartId}:started`, started)\n localStorage.setItem(`${quizPartId}:results`, showResults)\n }\n }, [started, showResults, quizIndex, quizPartId])\n\n useEffect(() => {\n if (!pageRenderedOnce && Object.keys(trackContent).length > 0) {\n setQuizIndex(Object.keys(trackContent).length - 1)\n }\n return () => {\n setPageRenderedOnce(true)\n }\n }, [trackContent, pageRenderedOnce])\n\n const saveQuiz = async (results = false, refresh = true) => {\n const token = document.querySelector('meta[name=\"csrf-token\"]').content\n\n const url = documentId\n ? `/documents/${documentId}/parts/${documentPartId}`\n : `/quiz/document/quizzes?quiz_type=${formattedQuizName}`\n\n if (!documentId) {\n const res = await fetch(url, {\n method: 'POST',\n headers: {\n 'X-CSRF-TOKEN': token,\n },\n })\n if (res.ok) {\n setStarted(true)\n const data = await res.json()\n setDocumentId(data.document_id)\n setDocumentPartId(data.document_part_id)\n return res\n }\n } else {\n const documentPartsInfo = { content: { content: trackContent } }\n documentPartsInfo.content['tasks'] = tasks\n documentPartsInfo.content['slugs'] = Array.from(slugs)\n if (results) {\n setResultsTasks(tasks)\n setTasks([])\n }\n // else {\n // documentPartsInfo.content['tasks'] = tasks\n // documentPartsInfo.content['slugs'] = Array.from(slugs)\n // }\n const res = await fetch(url, {\n method: 'PATCH',\n headers: {\n 'X-CSRF-TOKEN': token,\n 'Content-type': 'application/json',\n },\n body: JSON.stringify(documentPartsInfo),\n })\n if (res.ok) {\n if (results) {\n // updateUserTracker()\n setShowResults(true)\n // calcScore(trackContent)\n document.getElementsByTagName('body')[0].classList.add('quiz-results')\n } else if (refresh) window.location.pathname = '/'\n return res\n }\n }\n throw new Error('res not okay')\n }\n\n const value = {\n quizPartId,\n documentId,\n setDocumentId,\n documentPartId,\n setDocumentPartId,\n quizName,\n tasks,\n setTasks,\n updateUserTracker,\n actions,\n slugs,\n setSlugs,\n startPageAvatar,\n resultsPageAvatar,\n quizTime,\n content,\n bucketPath,\n pageRenderedOnce,\n setPageRenderedOnce,\n started,\n setStarted,\n showResults,\n setShowResults,\n quizIndex,\n setQuizIndex,\n saveQuiz,\n resultsTasks,\n trackContent,\n setTrackContent,\n formattedQuizName,\n numChoices,\n hasResumeReview,\n }\n\n return \n \n \n \n \n
\n {questionsArr.map((question, idx) => (\n {topLine}
\n )}\n \n
\n \n )\n}\nexport default Response\n","import React, { useState } from 'react'\nimport Progress from './Progress'\nimport Avatar from './Avatar'\nimport { useIsDesktop } from '../../hooks/useMediaQuery'\nimport { useTranslation } from '../../hooks/useTranslation'\nimport {\n useMultipleChoiceQuizScore,\n useCalculateMultipleChoiceScore,\n useYesNoQuizScore,\n useJobSearchStrategyKnowledgeScore,\n useSpotSoftSkillQuizScore,\n useSelfAssessmentQuizScore,\n} from '../JobSearchQuiz/useScoreCalculator'\nimport { PrimaryQuizButton, BackQuizButton } from './Buttons'\nimport { DownArrow, RightArrow } from './Icons/Arrows'\nimport Task from './Task'\nimport { useQuiz } from './QuizProvider'\nimport { cn } from '../../lib/utils'\n\nconst Results = ({ className, children, isScrollable }) => {\n const { setShowResults, quizPartId } = useQuiz()\n const [disabledButton, setDisabledButton] = useState(false)\n\n const handleNextClick = () => {\n localStorage.removeItem(`${quizPartId}:started`)\n localStorage.removeItem(`${quizPartId}:results`)\n localStorage.removeItem('idx')\n setDisabledButton(true)\n window.location.pathname = '/'\n }\n\n const outerDivClassName = isScrollable\n ? cn('container mt-6 flex min-h-screen flex-col', className)\n : cn('container mt-6 flex flex-col', className)\n\n const innerDiv = isScrollable ? (\n \n {responseType === 'noFeedback' && (\n
\n {source &&\n (showSourceFor === undefined ||\n (showSourceFor === 'yes_response' && responseType === 0) ||\n (showSourceFor === 'no_response' && responseType === 1)) && (\n \n
\n )}\n {paragraph}\n \n *Source:{' '}\n \n {source}\n \n
\n )}\n {responseType === 1 && showCoachTip && (\n \n
\n )}\n \n Coach Tip: {showCoachTip}\n
\n\n {children}\n
\n ) : (\n {children}
\n )\n\n return (\n \n \n {innerDiv}\n
\n )\n}\n\nexport default Results\n\nexport const LinkifiedCopy = ({ copy, link }) => {\n const copySplit = copy.split('[link]')\n const { linkPath, linkText } = link\n const copy1 = copySplit[0]\n const copy2 = copySplit[1]\n return (\n \n setShowResults(false)}>\n Back\n \n
\n \n \n My Track\n \n
\n \n {copy1}\n {copy2 && (\n \n {linkText}\n \n )}\n {copy2}\n
\n )\n}\n\nexport const PersonalBrandQuizResults = () => {\n const { formattedQuizName, resultsPageAvatar, trackContent, quizName } =\n useQuiz()\n const avatar = resultsPageAvatar\n const isDesktop = useIsDesktop()\n const { t } = useTranslation(formattedQuizName)\n const link1 = 'Building a Personal Brand in the Digital Age'\n const link2 = 'Personal Branding in the Digital Age'\n\n const linkMap = {\n 1: link1,\n 2: link1,\n 3: link2,\n 4: link1,\n }\n\n const breakPoints = [7, 4, 2]\n const [scoreSection, score] = useMultipleChoiceQuizScore(\n trackContent,\n t('questions'),\n breakPoints,\n )\n\n const header = t(`results.${scoreSection}.header`)\n const copy = t(`results.${scoreSection}.copy`, { score })\n\n const linkText = linkMap[scoreSection]\n\n const link = {\n linkPath: '/personal_brand/resources/article/building-personal-brand',\n linkText: linkText,\n }\n\n return (\n quizName === 'Personal Brand Iq' && (\n\n
\n \n {scoreSection !== 4 &&
\n {isDesktop && {header}
}\n{t(`results.score`, { score })}
\n\n {copy.map((copy, idx) => (\n
\n {t(`results.congrats`)}
\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 const JobSearchQuizResults = ({ tasks }) => {\n const {\n quizName,\n formattedQuizName,\n resultsPageAvatar,\n trackContent,\n numChoices,\n } = useQuiz()\n const avatar = resultsPageAvatar\n const resultsTasks = Object.values(tasks)\n const isDesktop = useIsDesktop()\n const { t } = useTranslation(formattedQuizName)\n const [scoreSection, variable] = useYesNoQuizScore(\n trackContent,\n numChoices,\n t('questions'),\n )\n\n const header = t(`results.${scoreSection}.header`)\n const copy =\n scoreSection === 2\n ? t(`results.${scoreSection}.copy`, { numAs: variable })\n : t(`results.${scoreSection}.copy`, { score: variable })\n\n return (\n quizName === 'Job Search' && (\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 {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 My Track
\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 {/* {isDesktop && {t(`results.p1`)}
\n{t(`results.p2`)}
\n{t(`results.numbered_list_title`)}
\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 {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}\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 { PrimaryQuizButton } from './Buttons'\nimport Avatar from './Avatar'\nimport Clock from './Icons/Clock'\nimport NotebookIcon from './Icons/NotebookIcon'\nimport { useTranslation } from '../../hooks/useTranslation'\nimport { useQuiz } from './QuizProvider'\nimport Outcomes from './Outcomes'\nimport Instructions from './Instructions'\n\nconst StartQuiz = ({ quizExists }) => {\n const { setStarted, saveQuiz, startPageAvatar, quizTime, formattedQuizName } =\n useQuiz()\n const avatar = startPageAvatar\n const buttonText = quizExists ? 'Continue Quiz' : 'Start Quiz'\n const { t } = useTranslation(formattedQuizName)\n const questionsInfo = t('questions')\n const questionsArr = Object.values(questionsInfo)\n const numQuestions = questionsArr.length\n const title = t('start_quiz.title')\n const description = t('start_quiz.description')\n const outcomes = t('start_quiz.outcomes')\n const instructions = t('start_quiz.instructions')\n\n const showOutcomes = typeof outcomes === 'object'\n const showInstructions = typeof instructions === 'object'\n\n const handleStartQuizClick = () => {\n if (quizExists) {\n setStarted(true)\n } else {\n saveQuiz()\n }\n }\n\n return (\n {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 {title}\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n {description.map((desc, idx) => (\n
\n {showInstructions && {desc}
\n ))}\n \n
\n )\n}\nexport default Task\n","import React from 'react'\nimport { FavoriteIcon, ArticlesIcon } from './icons'\nimport { useResources } from './ResourcesProvider'\nimport { useTranslation } from '../../hooks/useTranslation'\n\nconst ArticleCard = ({ article }) => {\n const { headerImageUrl, headerImageAlt, title, description } = article\n const { checkFavorite, toggleFavorite, getArticlePath, isRecentlyAdded } =\n useResources()\n const articlePath = getArticlePath(article)\n const { t } = useTranslation('index')\n\n const isFavorite = checkFavorite(article)\n const favoriteIconClass = isFavorite\n ? 'fill-primary stroke-primary'\n : 'stroke-primary'\n const favoriteTitle = isFavorite\n ? t('bookmarked')\n : t('bookmark_this_resource')\n\n const recentlyAdded = isRecentlyAdded(article)\n\n return (\n {task}
\n {showArrow && \n {TaskIcons('compass')}\n {links.map((link, i) => {\n const [linkText, linkUrl] = link\n return (\n \n {linkText}\n \n )\n })}\n
\n \n {recentlyAdded && (\n \n Recently Added\n
\n )}\n \n toggleFavorite(article)}\n >\n
\n \n \n {title}\n \n
\n \n )\n}\n\nexport default ArticleCard\n","import React from 'react'\nimport { FavoriteIcon } from './icons'\nimport { useResources } from './ResourcesProvider'\nimport { useTranslation } from '../../hooks/useTranslation'\n\nconst AudioCard = ({ audioFile }) => {\n const { headerImageUrl, headerImageAlt, url, title, description } = audioFile\n const { checkResourceFavorite, toggleResourceFavorite } = useResources()\n const isResourceFavorite = checkResourceFavorite(audioFile)\n const { t } = useTranslation('index')\n\n const favoriteIconClass = isResourceFavorite\n ? 'fill-primary stroke-primary'\n : 'stroke-primary'\n const favoriteTitle = isResourceFavorite\n ? t('bookmarked')\n : t('bookmark_this_resource')\n\n return (\n {description}
\n\n \n Read Article\n
\n \n
\n )\n}\n\nexport default AudioCard\n","import React from 'react'\nimport { ExercisesIcon, FavoriteIcon } from './icons'\nimport { useResources } from './ResourcesProvider'\nimport { useTranslation } from '../../hooks/useTranslation'\n\nconst ExerciseCard = ({ exercise }) => {\n const { headerImageUrl, headerImageAlt, path, title, description } = exercise\n const { checkResourceFavorite, toggleResourceFavorite } = useResources()\n const isResourceFavorite = checkResourceFavorite(exercise)\n const { t } = useTranslation('index')\n\n const favoriteIconClass = isResourceFavorite\n ? 'fill-primary stroke-primary'\n : 'stroke-primary'\n const favoriteTitle = isResourceFavorite\n ? t('bookmarked')\n : t('bookmark_this_resource')\n\n return (\n \n toggleResourceFavorite(audioFile)}\n >\n
\n \n \n {title}\n \n
\n {description}
\n\n \n
\n \n
\n )\n}\n\nexport default ExerciseCard\n","import React from 'react'\nimport {\n ArticlesIcon,\n VideoIcon,\n ExercisesIcon,\n QuizzesIcon,\n WebinarsIcon,\n FavoriteIcon,\n ShortCourseIcon,\n} from './icons'\nimport { useResources } from './ResourcesProvider'\n\nconst NavHeader = () => {\n const { hasResources, hasFavorites } = useResources()\n\n return (\n \n toggleResourceFavorite(exercise)}\n >\n
\n \n \n {title}\n \n
\n {description}
\n\n \n Start Exercise\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 ArticleHeaderButton = () => {\n const { openArticlesTab, articlesActive } = useResources()\n return (\n \n {hasResources('articles') &&
\n \n
\n )\n}\n\nexport default QuizCard\n","import React, { createContext, useContext, useState } from 'react'\nimport { apiPatch } from '../../util/api'\nimport { useIsMobile, useIsDesktop } from '../../hooks/useMediaQuery'\nimport usePersistState from '../../hooks/usePersistState'\n\nconst ResourcesContext = createContext()\n\nexport const useResources = () => {\n return useContext(ResourcesContext)\n}\n\nconst ResourcesProvider = ({\n serialized_article_list,\n serialized_audio_list,\n serialized_quiz_list,\n serialized_workshop_list,\n serialized_exercise_list,\n serialized_video_list,\n favorite_article_ids,\n favorite_resources,\n initial_tab,\n module_name,\n children,\n}) => {\n const articles = serialized_article_list\n const audioFiles = serialized_audio_list\n const quizzes = serialized_quiz_list\n const workshops = serialized_workshop_list\n const exercises = serialized_exercise_list\n const videos = serialized_video_list\n const moduleName = module_name\n const [favorites, setFavorites] = useState(favorite_article_ids || [])\n\n const isMobile = useIsMobile()\n const isDesktop = useIsDesktop()\n\n const [favoritedResources, setFavoritedResources] = useState(\n favorite_resources || {},\n )\n\n const [activity, setActivity] = usePersistState(\n initial_tab || 'articles',\n 'resourcesActivity',\n )\n\n const currentPath =\n window.location.pathname.slice(-1) === '/'\n ? window.location.pathname.slice(0, -1)\n : window.location.pathname\n\n const toggleFavorite = (article) => {\n const newIsFavorite = !checkFavorite(article)\n if (newIsFavorite) {\n setFavorites([...favorites, article.id])\n } else {\n setFavorites(favorites.filter((id) => id !== article.id))\n }\n patchFavorite(article, newIsFavorite)\n }\n\n const checkFavorite = (article) => {\n return favorites.includes(article.id)\n }\n\n const toggleResourceFavorite = (resource) => {\n const newIsFavorite = !checkResourceFavorite(resource)\n\n setFavoritedResources((prevFavoritedResources) => {\n const oldFavorites = {\n ...prevFavoritedResources,\n }\n\n const oldSlugs = oldFavorites[resource.type] || []\n\n const newSlugs = newIsFavorite\n ? [...oldSlugs, resource.slug]\n : oldSlugs.filter((slug) => slug !== resource.slug)\n const newFavorites = {\n ...oldFavorites,\n [resource.type]: newSlugs,\n }\n return newFavorites\n })\n\n patchFavoriteResource(resource, newIsFavorite)\n }\n\n const checkResourceFavorite = (resource) => {\n const { type, slug } = resource\n\n if (favoritedResources[type]) {\n return favoritedResources[type].includes(slug)\n }\n\n return false\n }\n\n const getArticlePath = (article) => {\n return `${currentPath}/article/${article.slug}`\n }\n\n const patchFavorite = async (article, isFavorite) => {\n const articlePath = getArticlePath(article)\n const data = { is_favorite: isFavorite }\n try {\n const response = await apiPatch(articlePath, {\n candidate_article: data,\n })\n if (response.status !== 200) {\n console.error(\n 'Updating CandidateArticle failed with response',\n response,\n )\n }\n } catch (error) {\n console.error('Error updating CandidateArticle', error)\n }\n }\n\n const patchFavoriteResource = async (resource, isFavorite) => {\n const resourcePath = `${currentPath}/update_favorites`\n const data = {\n resource_slug: resource.slug,\n resource_type: resource.type,\n is_favorite: isFavorite,\n }\n try {\n const response = await apiPatch(resourcePath, data)\n if (response.status !== 200) {\n console.error(\n 'Updating FavoritedResource failed with response',\n response,\n )\n }\n } catch (error) {\n console.error('Error updating FavoritedResource', error)\n }\n }\n\n const openArticlesTab = () => {\n setActivity('articles')\n }\n const articlesActive = activity === 'articles'\n\n const openAudioTab = () => {\n setActivity('audio')\n }\n const audioActive = activity === 'audio'\n\n const openFavoritesTab = () => {\n setActivity('favorites')\n }\n const favoritesActive = activity === 'favorites'\n\n const openExercisesTab = () => {\n setActivity('exercises')\n }\n const exercisesActive = activity === 'exercises'\n\n const openQuizzesTab = () => {\n setActivity('quizzes')\n }\n const quizzesActive = activity === 'quizzes'\n\n const openWebinarsTab = () => {\n setActivity('webinars')\n }\n const webinarsActive = activity === 'webinars'\n\n const openWorkshopsTab = () => {\n setActivity('workshops')\n }\n const workshopsActive = activity === 'workshops'\n\n const isRecentlyAdded = (article) => {\n const today = new Date()\n const articleDate = new Date(article.created_at)\n const timeDifference = Math.abs(today - articleDate)\n const dayDifference = Math.ceil(timeDifference / (1000 * 60 * 60 * 24))\n return dayDifference < 30\n }\n\n const hasFavorites = () => {\n const hasArticleFavorites = favorites.length > 0\n const hasResourceFavorites = Object.values(favoritedResources).some(\n (resourceList) => resourceList.length > 0,\n )\n return hasArticleFavorites || hasResourceFavorites\n }\n\n const hasResources = (resourceType) => {\n switch (resourceType) {\n case 'articles':\n return articles.length > 0\n case 'audio':\n return audioFiles.length > 0\n case 'quizzes':\n return quizzes.length > 0\n case 'workshops':\n return workshops.length > 0\n case 'exercises':\n return exercises.length > 0\n case 'videos':\n return videos.length > 0\n case 'favorites':\n return favorites.length > 0\n default:\n return false\n }\n }\n\n const value = {\n articles,\n checkFavorite,\n toggleFavorite,\n openArticlesTab,\n openAudioTab,\n openFavoritesTab,\n openQuizzesTab,\n openWebinarsTab,\n openExercisesTab,\n articlesActive,\n audioActive,\n audioFiles,\n quizzes,\n favoritesActive,\n quizzesActive,\n webinarsActive,\n exercisesActive,\n getArticlePath,\n workshops,\n openWorkshopsTab,\n workshopsActive,\n exercises,\n videos,\n isRecentlyAdded,\n checkResourceFavorite,\n toggleResourceFavorite,\n hasFavorites,\n hasResources,\n moduleName,\n isMobile,\n isDesktop,\n }\n\n return (\n \n toggleResourceFavorite(quiz)}\n >\n
\n \n \n {title}\n \n
\n {description}
\n\n \n Take Quiz\n
\n \n
\n )\n}\n\nexport default VideoCard\n","import React from 'react'\nimport { FavoriteIcon, ShortCourseIcon } from './icons'\nimport { useResources } from './ResourcesProvider'\nimport { useTranslation } from '../../hooks/useTranslation'\n\nconst WorkshopCard = ({ workshop }) => {\n const { headerImageUrl, headerImageAlt, path, text, title, description } =\n workshop\n const { checkResourceFavorite, toggleResourceFavorite } = useResources()\n const isResourceFavorite = checkResourceFavorite(workshop)\n const { t } = useTranslation('index')\n\n const favoriteIconClass = isResourceFavorite\n ? 'fill-primary stroke-primary'\n : 'stroke-primary'\n const favoriteTitle = isResourceFavorite\n ? t('bookmarked')\n : t('bookmark_this_resource')\n\n return (\n \n toggleResourceFavorite(video)}\n >\n
\n \n \n {title}\n \n
\n {description}
\n\n \n Watch Video\n
\n \n
\n )\n}\n\nexport default WorkshopCard\n","import React from 'react'\nimport { cn } from '../../lib/utils'\n\nexport const ArticlesIcon = ({ className, width = 24, height = 24 }) => {\n const displayClass = cn('inline stroke-black', className)\n return (\n \n toggleResourceFavorite(workshop)}\n >\n
\n \n \n {title}\n \n
\n {description}
\n\n \n {text || 'Start Short Course'}\n
\n \n
\n )\n}\n\nconst ResourcesInner = () => {\n const {\n articlesActive,\n audioActive,\n exercisesActive,\n quizzesActive,\n workshopsActive,\n favoritesActive,\n hasFavorites,\n moduleName,\n } = useResources()\n const { t } = useTranslation('index')\n\n const hasFavoritesValue = hasFavorites()\n\n return (\n No Favorites
\n\n Explore other sections and mark your preferred resources as favorites to\n see them displayed here.\n
\n\n
\n )\n}\n\nconst Resources = ({ locale, ...props }) => {\n return (\n \n
\n \n Resource Center\n
\n\n {t(`${moduleName}_intro`)}\n
\n \n {articlesActive &&
\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 from 'react'\nimport useShortCourses from './ShortCourseProvider'\nimport { ClockIcon } from 'lucide-react'\nimport { BrainIcon, PuzzleIcon, AylaIcon } from './icons'\nimport useTranslation from '../shared/TranslationProvider'\n\nconst pluralize = (count, singular, plural) => {\n return count > 1 ? plural : singular\n}\n\nconst CourseOverview = () => {\n const { slug } = useShortCourses()\n const { t } = useTranslation(`${slug}.overview`)\n const sections = t('sections')\n return (\n \n
\n )\n}\n\nexport default CourseOverview\n\nconst Section = ({ section }) => {\n const { title, amount, singular, plural } = section\n const noun = pluralize(amount, singular, plural)\n const icons = {\n time: \n {sections.map((section, idx) => (\n
\n \n
\n )\n}\n","import React, { createContext, useContext, useState } from 'react'\nimport usePersistState from '../../hooks/usePersistState'\nimport useTranslation from '../shared/TranslationProvider'\n\nconst ShortCoursesContext = createContext()\n\nconst useShortCourses = () => {\n return useContext(ShortCoursesContext)\n}\n\nexport const ShortCoursesProvider = ({ course, children }) => {\n const [currentCourse, setCurrentCourse] = useState(course)\n const slug = currentCourse.slug\n const { t } = useTranslation(`${slug}.overview`)\n const subNavItems = t('subnav')\n const [activeSubNav, setActiveSubNav] = usePersistState(\n subNavItems[0].slug,\n 'shortCoursesSubnav',\n )\n\n const value = {\n currentCourse,\n setCurrentCourse,\n activeSubNav,\n setActiveSubNav,\n slug,\n }\n\n return (\n {icons[title]}
\n \n {amount} {noun}\n
\n \n
\n \n {subNavItems.map((item, idx) => {\n const title = item.title\n const itemSlug = item.slug\n return (\n setActiveSubNav(itemSlug)}\n active={itemSlug === activeSubNav}\n >\n {title}\n \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 {chartLoaded && (\n <>\n \n Expert Ability\n \n \n \n No Ability\n \n \n \n \n {`Don't Care For It`}\n \n \n Really Enjoy\n \n \n setPopUpText('reskill')}\n onMouseLeave={() => setPopUpText()}\n >\n Reskill Motivated\n \n setPopUpText('promoter')}\n onMouseLeave={() => setPopUpText()}\n >\n Skill Promoter\n \n setPopUpText('detractor')}\n onMouseLeave={() => setPopUpText()}\n >\n Skill Detractor\n \n setPopUpText('upskill')}\n onMouseLeave={() => setPopUpText()}\n >\n Upskill Motivated\n \n \n )}\n {popUpText === 'reskill' &&
\n )\n}\nexport default GraphView\n\nconst ReskillMotivatedText = () => {\n return (\n \n {`If you do not enjoy something, don't like it, aren't motivated by it, but you happen to be skilled at it, then you will avoid learning and under-perform.`}{' '}\n
\n\n {`Perhaps it's time to seek out training and refresh these skills so that you can start to enjoy them more.`}\n
\n\n {`If you enjoy something, like it, are motivated by it, and you are fairly skilled at it, then you are prime to lead with that skill.`}{' '}\n
\n\n {' '}\n {`Consider using these skills in your pitch statement, resume summary, and cover letters because these are your strongest skills.`}\n
\n\n {`If you do not enjoy something, don't like it, aren't motivated by it, and you're not highly skilled at it, then you will reject learning opportunities for this skill.`}\n
\n\n {`If this skill isn't a requirement for your next job, great - move on. However, if it is, try to improve these skills so that you can help your next organization meet it's goals.`}\n
\n\n {`If you enjoy something, like it, are motivated by it, but you aren't\n highly skilled at it, then you are motivated to advance that skill.`}\n
\n\n {`The skills in this quadrant are exciting and ripe for learning\n advancement. Focus on moving these skills into the quadrant above so\n that you can advance!`}\n
\n{children}
\n \n \n )\n}\n\nconst AxisLabel = ({ variant = 'horizontal', className, children }) => {\n let transform\n if (variant === 'vertical-up') {\n transform = '-rotate-90'\n } else if (variant === 'vertical-down') {\n transform = 'rotate-90'\n } else {\n transform = ''\n }\n return (\n \n \n \n {titleizedCategory}\n
\n \n \n \n \n
\n\n \n \n {currentSkill[1]}\n
\n \n \n\n \n\n
\n
\n\n \n
\n Rank your Ability
\n{ability}
\n \n
\n \n No ability\n
\n \n Expert ability\n
\n \n \n
\n \n \n )\n}\nexport default SkillCard\n","import React from 'react'\nimport AssessmentCard from '../../AssessmentCenter/AssessmentCard'\nimport { useSkills } from '../SkillsProvider'\nimport { Separator } from '../../../lib/ui/separator'\n\nconst SkillsAssessments = () => {\n const { assessments } = useSkills()\n return (\n <>\n \n \n {enjoyment}\n
\n Rank your Enjoyment
\n\n
\n\n \n
\n \n
\n Dislike\n \n
\n \n
\n Love it\n \n
\n \n \n
\n \n Save Rank\n
\n \n \n
\n \n )\n}\n\nexport default SkillsAssessments\n","import React from 'react'\nimport { useSkills } from '../SkillsProvider'\nimport GraphView from './GraphView'\nimport { cn } from '../../../lib/utils'\nimport { ChevronUpIcon } from 'lucide-react'\nimport SkillsList from './SkillsList'\nimport SkillCard from './SkillCard'\nimport {\n Dialog,\n DialogContent,\n DialogHeader,\n DialogTitle,\n DialogTrigger,\n DialogClose,\n} from '../../../lib/ui/dialog'\n\nconst SkillsInventoryView = () => {\n const {\n graphViewActive,\n cardViewActive,\n selectedSkill,\n isMobile,\n desiredSkillsActive,\n } = useSkills()\n\n const selectedSkillClasses = isMobile\n ? 'cursor-pointer rounded-[10px] px-5 py-[10px] text-[#fff] selected'\n : ''\n return (\n <>\n {!isMobile && \n
\n Skills Assessments
\n\n Need help exploring your career path? Use our personal assessments\n to help you identify your values, personality, skills, and talents.\n
\n\n {assessments.map((assessment, idx) => (\n
\n \n
\n \n )}\n\n {graphViewActive && {selectedSkill[1]}
\n \n
\n )\n}\n\nexport const ChooseSkillsDialog = ({ children }) => {\n const {\n skillsDialogOpen,\n skillsForSkillsDialog,\n setSelectedSkill,\n openCardViewTab,\n toggleSkillsDialog,\n } = useSkills()\n const handleSkillClick = (skill) => {\n setSelectedSkill(skill)\n toggleSkillsDialog()\n openCardViewTab()\n }\n return (\n \n )\n}\n","import * as React from 'react'\nimport {\n DotsHorizontalIcon,\n ArrowLeftIcon,\n ArrowRightIcon,\n} from '@radix-ui/react-icons'\n\nimport { cn } from '../utils'\nimport { buttonVariants } from '../ui/button'\n\nconst Pagination = ({ className, ...props }) => (\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 React, { createContext, useContext, useState } from 'react'\nimport { apiPatch } from '../../util/api'\nimport { useIsMobile, useIsDesktop } from '../../hooks/useMediaQuery'\n\nconst SkillsContext = createContext()\n\nexport const useSkills = () => {\n return useContext(SkillsContext)\n}\n\nconst SkillsProvider = ({\n serialized_assessment_list,\n moduleName,\n userKeySkills,\n userDesiredSkills,\n skillsUpdatePath,\n skillsImagePath,\n children,\n}) => {\n const [keySkills, setKeySkills] = useState(\n userKeySkills ? JSON.parse(userKeySkills) : {},\n )\n const [desiredSkills, setDesiredSkills] = useState(\n userDesiredSkills ? JSON.parse(userDesiredSkills) : {},\n )\n\n const extractSkillsArr = (skillsObj) => {\n const skills = []\n Object.entries(skillsObj).forEach(([categoryName, category]) => {\n Object.entries(category).forEach(([skillName, skill]) => {\n const ability = skill?.ability\n const like = skill?.like\n const newSkill = [categoryName, skillName, ability, like]\n skills.push(newSkill)\n })\n })\n return skills\n }\n\n const [skillsArr, setSkillsArr] = useState(extractSkillsArr(keySkills))\n const [desiredArr, setDesiredArr] = useState(extractSkillsArr(desiredSkills))\n const isMobile = useIsMobile()\n const isDesktop = useIsDesktop()\n const [disableSaveRankButton, setDisableSaveRankButton] = useState(false)\n\n const assessments = serialized_assessment_list\n\n const skillsPresent = !!skillsArr.length\n const desiredSkillsPresent = !!desiredArr.length\n\n const [activity, setActivity] = useState('graph_view')\n\n const promoteDesiredSkill = async (skill, ability, enjoyment) => {\n const skillCategory = skill[0]\n const skillName = skill[1]\n ability = parseInt(ability)\n enjoyment = parseInt(enjoyment)\n\n const newSkills = { ...keySkills }\n newSkills[skillCategory] = newSkills[skillCategory] || {}\n newSkills[skillCategory][skillName] = { ability, like: enjoyment }\n\n const newDesiredSkills = { ...desiredSkills }\n delete newDesiredSkills[skillCategory][skillName]\n if (Object.keys(newDesiredSkills[skillCategory]).length === 0) {\n delete newDesiredSkills[skillCategory]\n }\n\n const data = {\n document_part: {\n key_skills: JSON.stringify(newSkills),\n desired_skills: JSON.stringify(newDesiredSkills),\n },\n }\n try {\n const response = await apiPatch(skillsUpdatePath, data)\n if (response.status === 200) {\n const {\n data: {\n content: { desired_skills, key_skills },\n },\n } = response\n const newKeySkills = JSON.parse(key_skills)\n setKeySkills(newKeySkills)\n setSkillsArr(extractSkillsArr(newKeySkills))\n\n const newDesiredSkills = JSON.parse(desired_skills)\n setDesiredSkills(newDesiredSkills)\n const newDesiredArr = extractSkillsArr(newDesiredSkills)\n setDesiredArr(newDesiredArr)\n if (newDesiredArr.length > 0) {\n setSelectedDesiredSkill(newDesiredArr[0])\n }\n\n const updatedSkill = [skillCategory, skillName, ability, enjoyment]\n setSelectedSkill(updatedSkill)\n openGraphViewTab()\n return { success: true }\n }\n } catch (error) {\n console.log(error)\n }\n }\n\n const saveSkillRank = async (skill, ability, enjoyment) => {\n const skillCategory = skill[0]\n const skillName = skill[1]\n const newSkills = { ...keySkills }\n ability = parseInt(ability)\n enjoyment = parseInt(enjoyment)\n newSkills[skillCategory] = newSkills[skillCategory] || {}\n const newSkill = newSkills[skillCategory][skillName]\n newSkill['ability'] = ability\n newSkill['like'] = enjoyment\n\n const data = {\n document_part: {\n key_skills: JSON.stringify(newSkills),\n desired_skills: JSON.stringify(desiredSkills),\n },\n }\n try {\n const response = await apiPatch(skillsUpdatePath, data)\n if (response.status === 200) {\n const {\n data: {\n content: { desired_skills, key_skills },\n },\n } = response\n setKeySkills(JSON.parse(key_skills))\n setDesiredSkills(JSON.parse(desired_skills))\n setSkillsArr(extractSkillsArr(JSON.parse(key_skills)))\n setDesiredArr(extractSkillsArr(JSON.parse(desired_skills)))\n\n const updatedSkill = [skillCategory, skillName, ability, enjoyment]\n setSelectedSkill(updatedSkill)\n return { success: true }\n }\n } catch (error) {\n console.log(error)\n }\n }\n\n const openGraphViewTab = () => {\n setActivity('graph_view')\n setDisableSaveRankButton(false)\n }\n\n const graphViewActive = activity === 'graph_view'\n\n const openCardViewTab = () => {\n setActivity('card_view')\n setDisableSaveRankButton(false)\n }\n\n const cardViewActive = activity === 'card_view'\n\n const openDesiredSkillsTab = () => {\n setActivity('desired_skills_view')\n setDisableSaveRankButton(false)\n }\n\n const desiredSkillsActive = activity === 'desired_skills_view'\n\n const [selectedSkill, setSelectedSkill] = useState(\n skillsPresent ? skillsArr[0] : [],\n )\n\n const [selectedDesiredSkill, setSelectedDesiredSkill] = useState(\n desiredSkillsPresent ? desiredArr[0] : [],\n )\n\n const [skillsForSkillsDialog, setSkillsForSkillsDialog] = useState([])\n\n const [skillsDialogOpen, setSkillsDialogOpen] = useState(false)\n\n const addSkillstoSkillsDialog = (skills) => {\n setSkillsForSkillsDialog(skills)\n setSkillsDialogOpen(true)\n }\n\n const toggleSkillsDialog = () => setSkillsDialogOpen((prev) => !prev)\n\n const value = {\n moduleName,\n openGraphViewTab,\n graphViewActive,\n openCardViewTab,\n cardViewActive,\n skillsArr,\n skillsPresent,\n desiredArr,\n desiredSkillsPresent,\n saveSkillRank,\n promoteDesiredSkill,\n skillsImagePath,\n selectedSkill,\n setSelectedSkill,\n selectedDesiredSkill,\n setSelectedDesiredSkill,\n isMobile,\n isDesktop,\n disableSaveRankButton,\n setDisableSaveRankButton,\n addSkillstoSkillsDialog,\n skillsForSkillsDialog,\n skillsDialogOpen,\n toggleSkillsDialog,\n assessments,\n desiredSkillsActive,\n openDesiredSkillsTab,\n }\n\n return (\n \n
\n {skill[1]}
\n {isMobile && \n \n {t(`skills_inventory_intro.start_assessment`)}\n \n
\n )\n )\n}\n\nconst SkillsInner = () => {\n const { skillsPresent } = useSkills()\n\n const { t } = useTranslation('index')\n\n const intro = t(\n `skills_inventory_intro.${skillsPresent ? 'skills_present' : 'empty'}`,\n )\n\n return (\n \n
\n )\n}\n\nconst SkillsInventory = ({ locale, ...props }) => {\n return (\n \n
\n \n Skills Inventory\n
\n{intro}
\n {skillsPresent && \n {skillsPresent &&
\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[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 return (\n \n \n
\n )\n}\n","import React, { createContext, useContext } from 'react'\nimport { apiPatch } from '../../../util/api'\n\nconst RankTopValuesContext = createContext()\n\nconst useRankTopValues = () => {\n return useContext(RankTopValuesContext)\n}\n\nexport const RankTopValuesProvider = ({\n selectedValues,\n valueList,\n rankedValues,\n formOptions,\n children,\n}) => {\n const { url } = formOptions\n\n const updateDocument = async (values) => {\n const dataValues = Object.values(values).length ? values : {}\n const data = { document_part: { rankings: dataValues } }\n const res = await apiPatch(url, data)\n if (!res.status === 200) {\n throw new Error('Failed to save response')\n }\n }\n\n const unrankedValues = selectedValues.filter((value) => {\n return !Object.keys(rankedValues || {}).includes(value)\n })\n\n const getValueName = (value) => {\n return valueList.find((val) => val.value === value).name\n }\n\n const initialRankedValues =\n unrankedValues.length > 0 ? {} : rankedValues || {}\n\n const value = {\n selectedValues,\n initialRankedValues,\n updateDocument,\n getValueName,\n }\n\n return (\n \n setDragging(true)}\n onDragEnd={handleDragEnd}\n >\n
\n )\n}\n\nconst DraggableItem = ({ className, value }) => {\n const { getValueName } = useRankTopValues()\n const valueName = getValueName(value)\n return (\n \n
\n \n \n {droppables.map((id) => {\n if (Object.values(rankedValues).includes(id)) {\n const key = Object.keys(rankedValues).find(\n (key) => rankedValues[key] === id,\n )\n return (\n \n \n
\n \n {id === 1 && 'Most Important '}\n {id === droppables.length && 'Least Important '}+\n
\n \n )\n })}\n \n {items.map((value) => {\n return (\n !Object.keys(rankedValues).includes(value) && (\n
\n {eventName} Completed
\n )}\n {type === 'pending' && (\n \n
\n )}\n \n )\n}\n\nconst CalendlyCallPopup = ({ eventType, buttonText }) => {\n const { coach_calendly_url, candidate_name, candidate_email, setCallType } =\n useBenefits()\n\n return (\n {eventName} Scheduled
\n {moment(start_time).format('MMMM Do YYYY, h:mm:ss a')}
\n \n \n Join Call\n \n
\n setCallType(eventType)}>\n
\n )\n}\nexport default CalendlyCallPopup\n","import React, { useEffect, useState } from 'react'\nimport { ChevronRightIcon } from '@heroicons/react/24/solid'\nimport { XmarkCircleSolid } from 'iconoir-react'\nimport { Button } from '../../../lib/ui/button'\nimport { ArrowDownWideNarrow, ArrowUpWideNarrow } from 'lucide-react'\nimport { useIsDesktop } from '../../../hooks/useMediaQuery'\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuLabel,\n DropdownMenuSeparator,\n DropdownMenuTrigger,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n} from '../../../lib/ui/dropdown-menu'\nimport { useTranslation } from '../../../hooks/useTranslation'\n\nexport function ChatHistory({ feedback }) {\n const { t } = useTranslation('ChatHistory')\n const Content = feedback?.chatHistories ? ChatHistoryContent : NoChatHistory\n return (\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 * as React from 'react'\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\n\nimport { cn } from '../../../lib/utils'\n\nconst Tabs = TabsPrimitive.Root\n\nconst TabsList = React.forwardRef(({ className, ...props }, ref) => (\n \n
\n )\n}\n\nfunction NoFeedback() {\n const { t } = useTranslation('Feedback')\n\n return (\n \n
\n {title}
\n\n\n
\n )\n}\n\nfunction ResumeInProgress({ feedback }) {\n const coach = feedback?.resume_review_request?.coach\n const email = coach ? coach.email : 'support@yournextstep.com'\n const { t } = useTranslation('Feedback')\n\n return (\n {t('no_current_feedback')}
\n\n
\n )\n}\n\nfunction OrientationFeedback({ feedback }) {\n const coach = feedback?.orientationCall?.coach_name\n const message = feedback?.orientationCall?.message\n const coach_message = feedback?.orientationCall?.coach_message\n\n const { t } = useTranslation('Feedback')\n\n return (\n \n
\n\n {t('thank_you_submitting_resume')}
\n\n {t('if_you_have_questions_html', {\n email: email,\n })}{' '}\n
\n\n
\n\n {t('resume_review_process')}
\n\n- \n
- {t('resume_review_process_description_p1')} \n
- {t('resume_review_process_description_p2')} \n
- {t('resume_review_process_description_p3')} \n
\n
\n {t('your_uploaded_resume')}
\n\n\n
\n \n {t('original_resume')}:{' '}\n \n {feedback.resume.document_name}{' '}\n \n {t('upload_a_new_resume')}\n
\n \n {t('submitted')}\n {feedback.resume.submitted_date}\n
\n \n {t('remarks')}{' '}\n
\n {feedback.resume.remarks}
\n\n
\n )\n}\n\nfunction CareerConsultationFeedback({ feedback }) {\n const coach = feedback?.careerConsultation?.coach_name\n const message = feedback?.careerConsultation?.message\n const coach_message = feedback?.careerConsultation?.coach_message\n\n const { t } = useTranslation('Feedback')\n\n return (\n \n
\n\n \n {t('has_completed_your_call_html', {\n coach: coach,\n })}\n
\n\n
\n\n {t('orientation_call_summary')}
\n\n\n
\n \n {t('message_html', {\n message: message,\n })}\n
\n \n {t('coach_message_html', {\n coach_message: coach_message,\n })}\n
\n \n \n
\n \n
\n )\n}\n","import * as React from 'react'\n\nimport translations from '../locales.json'\nimport { BrowserRouter, useSearchParams } from 'react-router-dom'\nimport { TranslationProvider } from '../../shared/TranslationProvider'\nimport { CoachHeader } from '../CoachHeader'\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from './CoachTabs'\nimport {\n DocMagnifyingGlass,\n Golf,\n ChatBubble,\n Clock,\n LightBulbOn,\n Phone,\n} from 'iconoir-react'\nimport { LinkedInIcon } from '../LinkedInIcon'\nimport { Feedback } from './Feedback'\nimport {\n Carousel as PossibleCarousel,\n CarouselContent as PossibleCarouselContent,\n CarouselItem as PossibleCarouselItem,\n} from '../../../lib/ui/carousel'\nimport { useIsDesktop } from '../../../hooks/useMediaQuery'\nimport { ChatHistory } from './ChatHistory'\n\nconst tabs = ['resume', 'social', 'target', 'interview']\n\nconst getTabIndex = (value) => {\n return tabs.indexOf(value)\n}\nconst getTabName = (index) => {\n return tabs[index]\n}\n\nfunction CoachFeedback({ feedback }) {\n const isDesktop = useIsDesktop()\n const [searchParams, setSearchParams] = useSearchParams()\n const defaultTab = searchParams.get('tab') || 'resume'\n const [currentTab, setCurrentTab] = React.useState(defaultTab)\n const currentTabIndex = getTabIndex(currentTab)\n const [api, setApi] = React.useState()\n const [slidesInView, setSlidesInView] = React.useState([])\n const { isFlex } = feedback\n const debug = false\n\n // Handle initial setup\n React.useEffect(() => {\n if (!api || isDesktop) return\n\n setSlidesInView(api.slidesInView())\n\n api.on('slidesInView', () => {\n setSlidesInView(api.slidesInView())\n })\n }, [api, isDesktop])\n\n // Handle sliding tabs, making sure the current tab is always in view\n React.useEffect(() => {\n if (!api || isDesktop) return\n\n if (!slidesInView.includes(currentTabIndex)) {\n if (currentTabIndex < slidesInView[0]) {\n setCurrentTab(getTabName(slidesInView[0]))\n } else {\n setCurrentTab(getTabName(slidesInView[slidesInView.length - 1]))\n }\n }\n }, [api, currentTabIndex, isDesktop, slidesInView])\n\n // Handle tab change, automatically sliding hidden tabs into view\n const handleTabChange = (newTabName) => {\n setSearchParams({ tab: newTabName })\n setCurrentTab(newTabName)\n\n if (!api || isDesktop) return\n\n const currentTabIsFirst = slidesInView[0] === getTabIndex(newTabName)\n if (currentTabIsFirst & api.canScrollPrev()) {\n api.scrollPrev()\n }\n\n const currentTabIsLast =\n slidesInView[slidesInView.length - 1] === getTabIndex(newTabName)\n if (currentTabIsLast & api.canScrollNext()) {\n api.scrollNext()\n }\n }\n\n const PassThrough = ({ children }) => <>{children}\n const Carousel = isDesktop ? PassThrough : PossibleCarousel\n const CarouselContent = isDesktop ? PassThrough : PossibleCarouselContent\n const CarouselItem = isDesktop ? PassThrough : PossibleCarouselItem\n\n const TextResume = isDesktop ? 'Resume Review' : 'Resume Review'\n const TextSocial = isDesktop ? 'Social Media Review' : 'Social Review'\n const TextTarget = isDesktop ? 'Target Company Research' : 'Target Research'\n const TextInterview = isDesktop ? 'Interview Review' : 'Interview Review'\n const TextChatHistory = isDesktop ? 'Chat History' : 'Chat History'\n const TextOrientation = isDesktop ? 'Orientation Call Review' : 'Orientation'\n const TextCareer = isDesktop\n ? 'Career Consultation Call Review'\n : 'Career Call'\n\n return (\n \n
\n\n \n {t('has_completed_your_call_html', {\n coach: coach,\n })}\n
\n\n
\n\n {feedback?.careerConsultation?.document_url && (\n Career Consultation Call Summary
\n\n\n
\n \n {t('message_html', {\n message: message,\n })}\n
\n \n {t('coach_message_html', {\n coach_message: coach_message,\n })}\n
\n \n \n
\n )}\n \n
\n )\n}\n\nexport default function CoachFeedbackWithProviders({ locale, ...props }) {\n return (\n \n {debug && (\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 \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 )}\n currentTabIndex: {currentTabIndex}
\n currentTab: {currentTab}
\n slidesInView: {slidesInView.join(', ')}
\n \n
\n )\n}\n","import * as React from 'react'\n\nexport function LinkedInIcon({ size = 18, className }) {\n return (\n \n {title}\n
\n\n{description}
\n\n
\n )\n}\n","import * as React from 'react'\nimport { cn } from '../../../lib/utils'\n\nconst HeadShot = ({ className, coachImage }) => {\n return (\n \n
\n \n {rating}\n
\n \n {title}...\n
\n{description}
\n\n
\n )\n}\n","import * as React from 'react'\n\nimport FullCalendar from '@fullcalendar/react'\nimport dayGridPlugin from '@fullcalendar/daygrid'\nimport { CoachButton } from './CoachButton'\nimport { ChevronLeft, ChevronRight } from 'lucide-react'\nimport { Button } from '../../../lib/ui/button'\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 }\n function goPrev() {\n calendarApi.prev()\n }\n function goToday() {\n calendarApi.today()\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 \n
\n\n \n
\n \n
\n \n {coach.first_name + ' ' + coach.last_name}\n
\n\n Your Dedicated Career Coach\n
\n\n
\n \n “A dedicated person who sees hidden potential and maximizes\n performance by encouraging, developing and believing.”\n
\n \n
\n \n About {coach.first_name}:\n
\n{coach_bio}
\n\n \n
\n )}\n \n
\n \n )\n}\n\nfunction renderEventContent(eventInfo) {\n return (\n \n {!homePageDisplay && (\n
\n\n \n \n {changeViewText}\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 Register Now\n \n
\n )\n}\n\nfunction weekNumberContent(weekNumber) {\n return (\n \n {weekNumber.text}\n \n )\n}\n","import * as React from 'react'\n\nimport { CoachCard } from './CoachCard'\nimport { CoachButton } from './CoachButton'\nimport { PhoneIcon } from '@heroicons/react/24/outline'\nimport { Calendar } from './Calendar'\nimport { ResumeReviewCard } from './cards/ResumeReviewCard'\nimport { CoachHeader } from '../CoachHeader'\n\nexport default function CandidateFlexBenefits({\n calendar_events,\n benefit_status,\n}) {\n return (\n \n {eventInfo.event.title}\n
\n \n
\n )\n}\n","import * as React from 'react'\n\nimport { ResumeReviewCard } from './cards/ResumeReviewCard'\nimport { CoachHeader } from '../CoachHeader'\nimport { CareerConsultationCallCard } from './cards/CareerConsultationCallCard'\nimport { OrientationCallCard } from './cards/OrientationCallCard'\nimport { SocialMediaReviewCard } from './cards/SocialMediaReviewCard'\nimport { TargetCompanyResearchCard } from './cards/TargetCompanyResearchCard'\nimport { InterviewReviewCard } from './cards/InterviewReviewCard'\n\nexport default function CandidatePremiumBenefits({ benefit_status }) {\n const {\n orientation_call,\n career_consultation_call,\n resume_review,\n social_media_review,\n target_company_research,\n interview_review,\n } = benefit_status\n\n return (\n \n
\n\n \n \n \n Start a Coach Chat\n \n\n \n Learn More\n \n \n\n
\n \n
\n \n Upcoming Live Webinars\n
\nLearn from the experts. Register for a live webinar today.
\n\n
\n )\n}\n","import * as React from 'react'\n\nimport { CheckCircleIcon } from '@heroicons/react/24/outline'\nimport { Button } from '../../../lib/ui/button'\nimport { cva } from 'class-variance-authority'\n\nimport { cn } from '../../../lib/utils'\n\nexport function CoachButton({\n children,\n className,\n variant,\n size,\n disabled,\n disabledText,\n ...props\n}) {\n const buttonVariants = cva('text-base', {\n variants: {\n variant: {\n default: 'bg-intoo-green-coachcta hover:bg-intoo-green-coachcta-hover',\n outline:\n 'border border-cod-gray-700 bg-white text-foreground hover:bg-cod-gray-75 hover:text-accent-foreground',\n link: 'bg-white text-[#2F6D29] hover:bg-white underline-offset-4 hover:underline hover:text-link-hover ',\n\n ghost:\n 'hover:bg-cod-gray-75 bg-white text-[#2F6D29] hover:text-intoo-green-coachcta underline decoration-[#2F6D29]',\n },\n size: {\n default: 'h-10 px-8 py-2',\n sm: 'h-9 px-8 py-2',\n lg: 'h-12 px-12 text-xl',\n icon: 'h-10 w-10',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n })\n\n return (\n \n
\n \n
\n \n
\n )\n}\n","import * as React from 'react'\nimport { useBenefits } from '../../BenefitsProvider'\nimport { CoachCard } from '../CoachCard'\nimport { LightBulbIcon } from '@heroicons/react/24/outline'\nimport CalendlyCallPopup, {\n CalendlyCallScheduled,\n} from '../../CalendlyCallPopup'\n\nexport function CareerConsultationCallCard({ status }) {\n // TODO: Implement in_progress and completed (See ResumeReviewCard.js)\n\n const { careerConsultationEvent } = useBenefits()\n\n return (\n \n
\n \n
\n \n
\n {title}
\n\n
\n {description}
\n{children}
\n \n Coaching Overview\n
\n \n {`Schedule your orientation call and get started...Here's why it's\n important`}\n
\n \n
\n - \n
- Lorem ipsum \n
- Lorem ipsum \n
- Lorem ipsum \n
\n setOnlyReminders(false)}\n className=\"flex items-center text-xs\"\n >\n
\n \n )}\n Back to Dashboard
\n \n \n ))}\n
\n \n )\n}\nexport default Reminders\n\nconst ReminderTile = ({ reminder }) => {\n const { setReminders, setEditingReminder, setShowAddReminderDialog } =\n useReminderDialog()\n const [reminderCompleted, setReminderCompleted] = useState(false)\n const [showPromoteSkillDialog, setShowPromoteSkillDialog] = useState(false)\n const [border, setBorder] = useState('border')\n const [transitionDuration, setTransitionDuration] =\n useState('duration-[2000ms]')\n const [divHeight, setDivHeight] = useState('max-h-full min-h-48')\n const reminderAnimation = reminderCompleted\n ? 'animate__animated animate__fadeOut'\n : ''\n const background = reminderCompleted\n ? 'bg-intoo-blue-medium bg-opacity-95'\n : 'bg-white'\n\n const dueDate = reminder.due_date\n const content = reminder.content\n const skillName = reminder.skill_name\n const documentId = reminder.document_id\n const mayPromoteSkill = !!(skillName && documentId)\n\n const togglePromoteSkillDialog = () => {\n setShowPromoteSkillDialog(!showPromoteSkillDialog)\n }\n\n const removeReminderFromList = (completedReminder) => {\n setReminders((prev) => prev.filter((r) => r.id !== completedReminder.id))\n }\n\n const completedReminderAnimation = (completedReminder) => {\n setReminderCompleted(true)\n setTimeout(() => {\n setBorder('')\n setDivHeight('h-0 min-h-0')\n setTransitionDuration('duration-[200ms]')\n }, 2000)\n setTimeout(() => {\n removeReminderFromList(completedReminder)\n setReminderCompleted(false)\n setDivHeight('max-h-full min-h-48')\n setTransitionDuration('')\n setBorder('border')\n }, 2200)\n setTimeout(() => {\n setTransitionDuration('duration-[2000ms]')\n }, 2550)\n }\n\n const handleCompleteReminder = async ({ promoteSkill = false }) => {\n const { id } = reminder\n const data = { reminder: { promote_skill: promoteSkill } }\n\n setShowPromoteSkillDialog(false)\n\n const res = await apiPatch(`/reminders/${id}/complete`, data)\n if (res.status === 200) {\n completedReminderAnimation(reminder)\n return res\n } else {\n console.log(res)\n console.log(res.status)\n console.log(res.error)\n throw new Error('res not ok')\n }\n }\n\n const handleEditReminder = () => {\n setEditingReminder(reminder)\n setShowAddReminderDialog(true)\n }\n\n const convertFromNow = () => {\n return Moment(dueDate).calendar(null, {\n sameDay: '[Today]',\n nextDay: '[Tomorrow]',\n })\n }\n\n const todayOrTomorrow = convertFromNow()\n\n const due = dueDate\n ? ['Today', 'Tomorrow'].includes(todayOrTomorrow)\n ? todayOrTomorrow\n : Moment(dueDate).format('M/D/YY')\n : 'Not Set'\n\n const borderColor = ['Today', 'Tomorrow'].includes(due)\n ? 'border-[#FF990059]'\n : 'border-[#D6D6D6]'\n\n return (\n \n \n \n + New Reminder{' '}\n \n \n
\n {reminders.map((reminder, idx) => (\n \n Reminders\n
\n \n Job search can be a stressful experience. Let us help you get\n started on planning your day to day.\n
\n \n
\n )}\n {!reminderCompleted && (\n <>\n \n
\n Due Date: {due}
\n \n
\n
\n \n )}\n \n \n )\n}\n","import React, { useState, useMemo } from 'react'\nimport ProgressContainer from '../../ActionPlan/ProgressContainer'\nimport { DoorIcon } from '../Icons'\nimport { useTranslation } from '../../../hooks/useTranslation'\nimport { cn } from '../../../lib/utils'\nimport { getApi } from '../../../util/api'\nimport { Button } from '../../../lib/ui/button'\nimport parse from 'html-react-parser'\n\nconst useCoachChatSubstitution = (text, timePeriod) => {\n const { t } = useTranslation()\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\nconst NextActionText = (timePeriod, nextActionText, url) => {\n const { t } = useTranslation()\n const nextActionLink = `${nextActionText}`\n const translationKey = `action_plan_card.${timePeriod}.next_step`\n let translationString = t(translationKey, { next_action: nextActionLink })\n\n translationString = useCoachChatSubstitution(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\nconst FeedbackLink = () => {\n const popupFeedback = () => {\n window.candidateFeedback()\n }\n\n return (\n \n Feedback\n \n )\n}\n\nconst TimePeriodText = (timePeriod) => {\n const { t } = useTranslation()\n\n let translationString = t(`action_plan_card.${timePeriod}.current_status`)\n translationString = useCoachChatSubstitution(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\nexport function ActionPlanCard({ tracker_progress, className }) {\n const [timePeriod, setTimePeriod] = useState('')\n const [trackerStepName, setTrackerStepName] = useState('')\n const [stepUrl, setStepUrl] = useState('')\n\n useMemo(() => {\n getApi()\n .get('/tracker/current_step')\n .then((response) => {\n if (response.status == 200) {\n const {\n data: { time_period, name, url },\n } = response\n setTimePeriod(time_period)\n setTrackerStepName(name)\n setStepUrl(url)\n return\n } else {\n throw new Error('json request failed')\n }\n })\n .catch((error) => {\n console.log('json request failed', error)\n })\n }, [setTimePeriod, setTrackerStepName])\n\n return (\n {content}
\n \n {mayPromoteSkill ? (\n \n \n \n ) : (\n \n )}\n
\n \n
\n \n )\n}\n","import * as React from 'react'\nimport { DoorIcon } from '../Icons'\nimport { cn } from '../../../lib/utils'\nimport { Button } from '../../../lib/ui/button'\n\nexport function AylaCard({ className }) {\n return (\n \n
\n \n
\n \n Action Plan\n
\n{TimePeriodText(timePeriod)}
\n \n
\n \n {NextActionText(timePeriod, trackerStepName, stepUrl)}\n
\n \n\n \n
\n \n
\n \n )\n}\n","import * as React from 'react'\nimport { CoachButton } from '../../coach_services/OutplacementBenefits/CoachButton.js'\nimport { cn } from '../../../lib/utils.js'\n\nexport function CoachSupportCard({\n coach_image,\n time_since_last_check_in,\n className,\n}) {\n return (\n \n
\n \n
\n \n Meet Ayla, Your AI-Based Assistant\n
\n\n Ayla Cover Letter enables you to create a customized cover letter\n as and Ayla Interview helps you create customized practice video\n interviews.\n
\n \n
\n \n \n
\n \n \n Chat With Your Coach\n \n {time_since_last_check_in &&
\n \n )\n}\n","import * as React from 'react'\nimport { JobsIcon, DoorIcon } from '../Icons'\nimport { cn } from '../../../lib/utils'\nimport { Button } from '../../../lib/ui/button'\n\nexport function MyJobsCard({ applied_job_count, className }) {\n return (\n \n Coach Support\n
\n{time_since_last_check_in}
}\n \n
\n
\n \n
\n \n Explore My Jobs\n
\n\n View all of your jobs and track your activities.\n
\n \n Number of Applied Jobs This Week:\n
\n {applied_job_count}
\n \n
\n \n
\n