\n {children}\n
\n \n
\n \n
\n \n {}}\n className=\"description-link\"\n >\n {dateBlock.linkText}\n \n )}\n
\n \n {linkedTitle && (\n
\n {dateBlock.description && (\n \n {dateBlock.title}\n
\n )}\n {!linkedTitle && (\n {dateBlock.title}
\n )}\n \n Después de esta fecha, el curso se archivará,\n lo que significa que podrás revisar el contenido del curso,\n pero ya no podrás participar en las actividades ni obtener un certificado.\n\n
\n )}\n {!linkedTitle && dateBlock.link && (\n \n
\n {intl.formatMessage(messages.dates)}
\n- \n {courseDateBlocks.map((courseDateBlock) => (\n
{intl.formatMessage(messages.handouts)}
\n\n {buttonIcon}\n
\n \n {title}\n
\n \n {text}\n
\n \n);\n\nFlagButton.propTypes = {\n buttonIcon: PropTypes.element.isRequired,\n title: PropTypes.string.isRequired,\n text: PropTypes.string.isRequired,\n handleSelect: PropTypes.func.isRequired,\n isSelected: PropTypes.bool.isRequired,\n};\n\nexport default FlagButton;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { injectIntl, intlShape } from '@edx/frontend-platform/i18n';\n// These flag svgs are derivatives of the Flag icon from paragon\nimport { ReactComponent as FlagIntenseIcon } from './flag_black.svg';\nimport { ReactComponent as FlagCasualIcon } from './flag_outline.svg';\nimport { ReactComponent as FlagRegularIcon } from './flag_gray.svg';\nimport FlagButton from './FlagButton';\nimport messages from '../messages';\n\nconst LearningGoalButton = ({\n level,\n isSelected,\n handleSelect,\n intl,\n}) => {\n const buttonDetails = {\n casual: {\n daysPerWeek: 1,\n title: messages.casualGoalButtonTitle,\n text: messages.casualGoalButtonText,\n icon: \n handleSubscribeToReminders(event)}\n disabled={!daysPerWeekGoal}\n >\n {intl.formatMessage(messages.setGoalReminder)}\n \n
\n \n
\n \n
\n \n {intl.formatMessage(messages.goalReminderDetail)}\n
\n {intl.formatMessage(messages.tools)}
\n- \n {courseTools.map((courseTool) => (\n
- \n logClick(courseTool.analyticsId)}>\n
\n {courseTool.title}\n \n \n ))}\n - \n
\n \n
\n
\n \n
\n {hideFromTOC && (\n \n {complete ? (\n
\n \n {displayTitle}\n \n , {intl.formatMessage(complete ? messages.completedAssignment : messages.incompleteAssignment)}\n \n
\n \n \n
\n )}\n \n \n {due ? dueDateMessage : noDueDateMessage}\n \n
\n \n
\n );\n\n return (\n \n {complete ? (\n
\n \n {title}\n \n , {intl.formatMessage(complete ? messages.completedSection : messages.incompleteSection)}\n \n
\n {hideFromTOC && (\n \n {hideFromTOC && (\n \n
\n )}\n - \n {sequenceIds.map((sequenceId, index) => (\n
\n
\n \n );\n};\n\nUpgradeButton.defaultProps = {\n offer: null,\n onClick: null,\n variant: 'primary',\n};\n\nUpgradeButton.propTypes = {\n intl: intlShape.isRequired,\n offer: PropTypes.shape({\n upgradeUrl: PropTypes.string.isRequired,\n }),\n onClick: PropTypes.func,\n verifiedMode: PropTypes.shape({\n upgradeUrl: PropTypes.string.isRequired,\n }).isRequired,\n variant: PropTypes.string,\n};\n\nexport default injectIntl(UpgradeButton);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage, injectIntl, intlShape } from '@edx/frontend-platform/i18n';\nimport { Button } from '@openedx/paragon';\n\nimport FormattedPricing from './FormattedPricing';\n\nconst UpgradeNowButton = (props) => {\n const {\n intl,\n offer,\n variant,\n onClick,\n verifiedMode,\n ...rest\n } = props;\n\n // Prefer offer's url in case it is different (might hold a coupon code that the normal does not)\n const url = offer ? offer.upgradeUrl : verifiedMode.upgradeUrl;\n\n return (\n - \nexport const VerifiedCertBullet = () => {\n const verifiedCertLink = (\n \n
- \n
\n \n );\n};\n\n// Must be child of a - \n
\n \n );\n};\n\n// Must be child of a - \n
\n \n );\n};\n\n// Must be child of a - \n
\n \n );\n};\n","import React, { useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useIntl, FormattedDate, FormattedMessage } from '@edx/frontend-platform/i18n';\nimport { sendTrackEvent, sendTrackingLogEvent } from '@edx/frontend-platform/analytics';\nimport { Button, Icon, IconButton } from '@openedx/paragon';\nimport { Close } from '@openedx/paragon/icons';\nimport { setLocalStorage } from '../../data/localStorage';\nimport { UpgradeButton } from '../upgrade-button';\nimport {\n VerifiedCertBullet,\n UnlockGradedBullet,\n FullAccessBullet,\n SupportMissionBullet,\n} from '../upsell-bullets/UpsellBullets';\nimport messages from '../messages';\n\nconst UpsellNoFBECardContent = () => (\n - {breadcrumb}))\n }\n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- 2520 \n
- 2/3 \n
- 3.14, .98 \n
- \n {' + - * / '}\n
- \n {'^ '}\n
- \n {'|| '}\n
- x+(2*y)/x-1 \n
- x^(n+1) \n
- v_IN+v_OUT \n
- 1||2 \n
- 20*e \n
- 418*pi \n
- 20% \n
- abs(x+y) \n
- sqrt(x^2-y) \n
- sin, cos, tan, sec, csc, cot \n
- arcsin, sinh, arcsinh \n
- sin(4x+y) \n
- arccsch(4x+y) \n
- \n
\n \n \n );\n};\n\nSidebarSection.propTypes = {\n intl: intlShape.isRequired,\n section: PropTypes.shape({\n complete: PropTypes.bool,\n id: PropTypes.string,\n title: PropTypes.string,\n sequenceIds: PropTypes.arrayOf(PropTypes.string),\n completionStat: PropTypes.shape({\n completed: PropTypes.number,\n total: PropTypes.number,\n }),\n }).isRequired,\n handleSelectSection: PropTypes.func.isRequired,\n};\n\nexport default injectIntl(SidebarSection);\n","import { defineMessages } from '@edx/frontend-platform/i18n';\n\nconst messages = defineMessages({\n loading: {\n id: 'courseOutline.loading',\n defaultMessage: 'Loading...',\n description: 'Screen reader text to use on the spinner while the sidebar is loading.',\n },\n toggleCourseOutlineTrigger: {\n id: 'courseOutline.toggle.button',\n defaultMessage: 'Toggle course outline tray',\n description: 'Button for the learner to toggle the sidebar',\n },\n courseOutlineTitle: {\n id: 'courseOutline.tray.title',\n defaultMessage: 'Course Outline',\n description: 'Title text displayed for the course outline tray',\n },\n completedUnit: {\n id: 'courseOutline.completedUnit',\n defaultMessage: 'Completed unit',\n description: 'Text used to describe the green checkmark icon in front of a unit title',\n },\n incompleteUnit: {\n id: 'courseOutline.incompleteUnit',\n defaultMessage: 'Incomplete unit',\n description: 'Text used to describe the gray checkmark icon in front of a unit title',\n },\n});\n\nexport default messages;\n","import PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport {\n Locked as LockedIcon,\n Article as ArticleIcon,\n LmsBook as LmsBookIcon,\n LmsBookComplete as LmsBookCompleteIcon,\n LmsEditSquare as LmsEditSquareIcon,\n LmsEditSquareComplete as LmsEditSquareCompleteIcon,\n LmsVideocam as LmsVideocamIcon,\n LmsVideocamComplete as LmsVideocamCompleteIcon,\n} from '@openedx/paragon/icons';\n\nexport const UNIT_ICON_TYPES = {\n video: 'video',\n problem: 'problem',\n vertical: 'vertical',\n lock: 'lock',\n other: 'other',\n};\n\nconst UnitIcon = ({ type, isCompleted, ...props }) => {\n const iconMap = {\n [UNIT_ICON_TYPES.video]: {\n default: LmsVideocamIcon,\n complete: LmsVideocamCompleteIcon,\n },\n [UNIT_ICON_TYPES.problem]: {\n default: LmsEditSquareIcon,\n complete: LmsEditSquareCompleteIcon,\n },\n [UNIT_ICON_TYPES.vertical]: ArticleIcon,\n [UNIT_ICON_TYPES.lock]: LockedIcon,\n [UNIT_ICON_TYPES.other]: {\n default: LmsBookIcon,\n complete: LmsBookCompleteIcon,\n },\n };\n\n let Icon = iconMap[type || UNIT_ICON_TYPES.other];\n\n if (typeof Icon === 'object') {\n Icon = iconMap[type || UNIT_ICON_TYPES.other]?.[isCompleted ? 'complete' : 'default'];\n }\n\n return (\n - \n \n\n
\n \n \n {title}\n \n \n , {intl.formatMessage(complete ? messages.completedUnit : messages.incompleteUnit)}\n \n\n \n \n );\n};\n\nSidebarUnit.propTypes = {\n intl: intlShape.isRequired,\n id: PropTypes.string.isRequired,\n isFirst: PropTypes.bool.isRequired,\n unit: PropTypes.shape({\n complete: PropTypes.bool,\n icon: PropTypes.string,\n id: PropTypes.string,\n title: PropTypes.string,\n type: PropTypes.string,\n }).isRequired,\n isActive: PropTypes.bool.isRequired,\n isLocked: PropTypes.bool.isRequired,\n courseId: PropTypes.string.isRequired,\n sequenceId: PropTypes.string.isRequired,\n activeUnitId: PropTypes.string.isRequired,\n};\n\nexport default injectIntl(SidebarUnit);\n","import { useState } from 'react';\nimport { useSelector } from 'react-redux';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { injectIntl, intlShape } from '@edx/frontend-platform/i18n';\nimport { Collapsible } from '@openedx/paragon';\n\nimport courseOutlineMessages from '@src/course-home/outline-tab/messages';\nimport { getCourseOutline, getSequenceId } from '@src/courseware/data/selectors';\nimport CompletionIcon from './CompletionIcon';\nimport SidebarUnit from './SidebarUnit';\nimport { UNIT_ICON_TYPES } from './UnitIcon';\n\nconst SidebarSequence = ({\n intl,\n courseId,\n defaultOpen,\n sequence,\n activeUnitId,\n}) => {\n const {\n id,\n complete,\n title,\n specialExamInfo,\n unitIds,\n type,\n completionStat,\n } = sequence;\n\n const [open, setOpen] = useState(defaultOpen);\n const { units = {} } = useSelector(getCourseOutline);\n const activeSequenceId = useSelector(getSequenceId);\n const isActiveSequence = id === activeSequenceId;\n\n const sectionTitle = (\n <>\n - \n
- \n {unitIds.map((unitId, index) => (\n
\n );\n};\n\nSidebarSequence.propTypes = {\n intl: intlShape.isRequired,\n courseId: PropTypes.string.isRequired,\n defaultOpen: PropTypes.bool.isRequired,\n sequence: PropTypes.shape({\n complete: PropTypes.bool,\n id: PropTypes.string,\n title: PropTypes.string,\n type: PropTypes.string,\n specialExamInfo: PropTypes.string,\n unitIds: PropTypes.arrayOf(PropTypes.string),\n completionStat: PropTypes.shape({\n completed: PropTypes.number,\n total: PropTypes.number,\n }),\n }).isRequired,\n activeUnitId: PropTypes.string.isRequired,\n};\n\nexport default injectIntl(SidebarSequence);\n","// eslint-disable-next-line import/prefer-default-export\nexport const ID = 'COURSE_OUTLINE';\n","import { useContext, useEffect, useState } from 'react';\nimport { useSelector } from 'react-redux';\nimport { useParams } from 'react-router-dom';\n\nimport { useModel } from '@src/generic/model-store';\nimport OldSidebarContext from '@src/courseware/course/sidebar/SidebarContext';\nimport NewSidebarContext from '@src/courseware/course/new-sidebar/SidebarContext';\nimport { getCoursewareOutlineSidebarSettings } from '@src/courseware/data/selectors';\nimport { ID } from './constants';\n\n// eslint-disable-next-line import/prefer-default-export\nexport const useCourseOutlineSidebar = () => {\n const isCollapsedOutlineSidebar = window.sessionStorage.getItem('hideCourseOutlineSidebar');\n const { enableNavigationSidebar: isEnabledSidebar } = useSelector(getCoursewareOutlineSidebarSettings);\n const { courseId } = useParams();\n const course = useModel('coursewareMeta', courseId);\n const { isNewDiscussionSidebarViewEnabled } = useModel('courseHomeMeta', courseId);\n const SidebarContext = isNewDiscussionSidebarViewEnabled ? NewSidebarContext : OldSidebarContext;\n\n const {\n unitId,\n initialSidebar,\n currentSidebar,\n toggleSidebar,\n shouldDisplayFullScreen,\n } = useContext(SidebarContext);\n\n const isOpenSidebar = !initialSidebar && isEnabledSidebar && !isCollapsedOutlineSidebar;\n const [isOpen, setIsOpen] = useState(true);\n\n const {\n entranceExamEnabled,\n entranceExamPassed,\n } = course.entranceExamData || {};\n const isActiveEntranceExam = entranceExamEnabled && !entranceExamPassed;\n\n const handleToggleCollapse = () => {\n if (currentSidebar === ID) {\n toggleSidebar(null);\n window.sessionStorage.setItem('hideCourseOutlineSidebar', 'true');\n } else {\n toggleSidebar(ID);\n window.sessionStorage.removeItem('hideCourseOutlineSidebar');\n }\n };\n\n useEffect(() => {\n if (isOpenSidebar && currentSidebar !== ID) {\n toggleSidebar(ID);\n }\n }, [initialSidebar, unitId]);\n\n return {\n courseId,\n unitId,\n currentSidebar,\n shouldDisplayFullScreen,\n isEnabledSidebar,\n isOpen,\n setIsOpen,\n handleToggleCollapse,\n isActiveEntranceExam,\n };\n};\n","import { useState, useEffect } from 'react';\nimport classNames from 'classnames';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { Button, useToggle, IconButton } from '@openedx/paragon';\nimport { injectIntl, intlShape } from '@edx/frontend-platform/i18n';\nimport {\n MenuOpen as MenuOpenIcon,\n ChevronLeft as ChevronLeftIcon,\n} from '@openedx/paragon/icons';\n\nimport { useModel } from '@src/generic/model-store';\nimport { LOADING, LOADED } from '@src/constants';\nimport PageLoading from '@src/generic/PageLoading';\nimport {\n getSequenceId,\n getCourseOutline,\n getCourseOutlineStatus,\n getCourseOutlineShouldUpdate,\n} from '../../../../data/selectors';\nimport { getCourseOutlineStructure } from '../../../../data/thunks';\nimport SidebarSection from './components/SidebarSection';\nimport SidebarSequence from './components/SidebarSequence';\nimport { ID } from './constants';\nimport { useCourseOutlineSidebar } from './hooks';\nimport messages from './messages';\n\nconst CourseOutlineTray = ({ intl }) => {\n const [selectedSection, setSelectedSection] = useState(null);\n const [isDisplaySequenceLevel, setDisplaySequenceLevel, setDisplaySectionLevel] = useToggle(true);\n\n const dispatch = useDispatch();\n const activeSequenceId = useSelector(getSequenceId);\n const { sections = {}, sequences = {} } = useSelector(getCourseOutline);\n const courseOutlineStatus = useSelector(getCourseOutlineStatus);\n const courseOutlineShouldUpdate = useSelector(getCourseOutlineShouldUpdate);\n\n const {\n courseId,\n unitId,\n isEnabledSidebar,\n currentSidebar,\n handleToggleCollapse,\n isActiveEntranceExam,\n shouldDisplayFullScreen,\n } = useCourseOutlineSidebar();\n\n const {\n sectionId: activeSectionId,\n } = useModel('sequences', activeSequenceId);\n\n const sectionsIds = Object.keys(sections);\n const sequenceIds = sections[selectedSection || activeSectionId]?.sequenceIds || [];\n const backButtonTitle = sections[selectedSection || activeSectionId]?.title;\n\n const handleBackToSectionLevel = () => {\n setDisplaySectionLevel();\n setSelectedSection(null);\n };\n\n const handleSelectSection = (id) => {\n setDisplaySequenceLevel();\n setSelectedSection(id);\n };\n\n const sidebarHeading = (\n - / \n )}\n\n
- \n {/* Top Line */}\n {!first && }\n\n {/* Dot */}\n \n\n {/* Bottom Line */}\n {!last && }\n\n {/* Content */}\n \n\n\n\n {items.map((item) => {\n const { badges: itemBadges } = getBadgeListAndColor(date, intl, item, items);\n\n const showDueDateTime = item.dateType === 'assignment-due-date';\n const showLink = item.link && isLearnerAssignment(item);\n const title = showLink ? ({item.title}) : item.title;\n const available = item.learnerHasAccess && (item.link || !isLearnerAssignment(item));\n const textColor = available ? 'text-primary-700' : 'text-gray-500';\n\n return (\n\n\n );\n })}\n\n \n {item.assignmentType && `${item.assignmentType}: `}{title}\n {showDueDateTime && (\n \n due\n\n {item.description &&
\n \n )}\n {item.description}}\n \n );\n};\n\nDay.propTypes = {\n date: PropTypes.objectOf(Date).isRequired,\n first: PropTypes.bool,\n intl: intlShape.isRequired,\n items: PropTypes.arrayOf(PropTypes.shape({\n date: PropTypes.string,\n dateType: PropTypes.string,\n description: PropTypes.string,\n dueNext: PropTypes.bool,\n learnerHasAccess: PropTypes.bool,\n link: PropTypes.string,\n title: PropTypes.string,\n })).isRequired,\n last: PropTypes.bool,\n};\n\nDay.defaultProps = {\n first: false,\n last: false,\n};\n\nexport default injectIntl(Day);\n","import React from 'react';\nimport { useSelector } from 'react-redux';\n\nimport { useModel } from '../../../generic/model-store';\n\nimport Day from './Day';\nimport { daycmp, isLearnerAssignment } from '../utils';\n\nconst Timeline = () => {\n const {\n courseId,\n } = useSelector(state => state.courseHome);\n\n const {\n courseDateBlocks,\n } = useModel('dates', courseId);\n\n // Group date items by day (assuming they are sorted in first place) and add some metadata\n const groupedDates = [];\n const now = new Date();\n let foundNextDue = false;\n let foundToday = false;\n courseDateBlocks.forEach(courseDateBlock => {\n const dateInfo = { ...courseDateBlock };\n const parsedDate = new Date(dateInfo.date);\n\n if (!foundNextDue && parsedDate >= now && isLearnerAssignment(dateInfo) && !dateInfo.complete) {\n foundNextDue = true;\n dateInfo.dueNext = true;\n }\n\n if (!foundToday) {\n const compared = daycmp(parsedDate, now);\n if (compared === 0) {\n foundToday = true;\n } else if (compared > 0) {\n foundToday = true;\n groupedDates.push({\n date: now,\n items: [],\n });\n }\n }\n\n if (groupedDates.length === 0 || daycmp(groupedDates[groupedDates.length - 1].date, parsedDate) !== 0) {\n // Add new grouped date\n groupedDates.push({\n date: parsedDate,\n items: [dateInfo],\n first: groupedDates.length === 0,\n });\n } else {\n groupedDates[groupedDates.length - 1].items.push(dateInfo);\n }\n });\n if (!foundToday) {\n groupedDates.push({ date: now, items: [] });\n }\n if (groupedDates.length) {\n groupedDates[groupedDates.length - 1].last = true;\n }\n\n return (\n - \n {range[0]}: {(range[1] * 100).toFixed(0)}%-100%\n \n );\n }\n const previousGrade = orderedGradeRange[index - 1];\n return (\n
- \n {range[0]}: {(range[1] * 100).toFixed(0)}%-{(previousGrade[1] * 100).toFixed(0)}%\n \n );\n })}\n
- F: {'<'}{passingGrade}% \n
- {problemScore.earned}{isLocaleRtl ? '\\\\' : '/'}{problemScore.possible} \n ))}\n
- \n {intl.formatMessage(messages.practiceScoreLabel)} \n
- \n {intl.formatMessage(messages.gradedScoreLabel)} \n
- \n {index + 1}\n
- \n
logLinkClicked('dates')}>\n {intl.formatMessage(messages.datesCardLink)}\n \n{intl.formatMessage(messages.datesCardDescription)}
\n \n )}\n {overviewTabUrl && (\n - \n
logLinkClicked('course_outline')}>\n {intl.formatMessage(messages.outlineCardLink)}\n \n{intl.formatMessage(messages.outlineCardDescription)}
\n \n )}\n
- \nexport const UnlockGradedBullet = () => {\n const gradedAssignmentsInBoldText = (\n \n
- \nexport const FullAccessBullet = () => {\n const fullAccessInBoldText = (\n \n
- \nexport const SupportMissionBullet = () => {\n const missionInBoldText = (\n \n
- \n
- \n
\n
\n );\n};\n\nUpsellFBESoonCardContent.propTypes = {\n accessExpirationDate: PropTypes.PropTypes.instanceOf(Date).isRequired,\n timezoneFormatArgs: PropTypes.shape({\n timeZone: PropTypes.string,\n }),\n};\n\nUpsellFBESoonCardContent.defaultProps = {\n timezoneFormatArgs: {},\n};\n\nconst PastExpirationCardContent = () => (\n \n
\n
\n
\n);\n\nconst ExpirationCountdown = ({\n courseId, hoursToExpiration, setupgradeNotificationCurrentState, type,\n}) => {\n let expirationText;\n if (hoursToExpiration >= 24) { // More than 1 day left\n // setupgradeNotificationCurrentState is available in NotificationTray (not course home)\n if (setupgradeNotificationCurrentState) {\n if (type === 'access') {\n setupgradeNotificationCurrentState('accessDaysLeft');\n setLocalStorage(`upgradeNotificationCurrentState.${courseId}`, 'accessDaysLeft');\n }\n if (type === 'offer') {\n setupgradeNotificationCurrentState('FPDdaysLeft');\n setLocalStorage(`upgradeNotificationCurrentState.${courseId}`, 'FPDdaysLeft');\n }\n }\n expirationText = (\n \n
{expirationText}
);\n};\n\nExpirationCountdown.propTypes = {\n courseId: PropTypes.string.isRequired,\n hoursToExpiration: PropTypes.number.isRequired,\n setupgradeNotificationCurrentState: PropTypes.func,\n type: PropTypes.string,\n};\nExpirationCountdown.defaultProps = {\n setupgradeNotificationCurrentState: null,\n type: null,\n};\n\nconst AccessExpirationDateBanner = ({\n courseId, accessExpirationDate, timezoneFormatArgs, setupgradeNotificationCurrentState,\n}) => {\n if (setupgradeNotificationCurrentState) {\n setupgradeNotificationCurrentState('accessDateView');\n setLocalStorage(`upgradeNotificationCurrentState.${courseId}`, 'accessDateView');\n }\n return (\n \n
\n );\n};\n\nAccessExpirationDateBanner.propTypes = {\n courseId: PropTypes.string.isRequired,\n accessExpirationDate: PropTypes.PropTypes.instanceOf(Date).isRequired,\n timezoneFormatArgs: PropTypes.shape({\n timeZone: PropTypes.string,\n }),\n setupgradeNotificationCurrentState: PropTypes.func,\n};\n\nAccessExpirationDateBanner.defaultProps = {\n timezoneFormatArgs: {},\n setupgradeNotificationCurrentState: null,\n};\n\nconst PastExpirationDateBanner = ({\n courseId, accessExpirationDate, timezoneFormatArgs, setupgradeNotificationCurrentState,\n}) => {\n if (setupgradeNotificationCurrentState) {\n setupgradeNotificationCurrentState('PastExpirationDate');\n setLocalStorage(`upgradeNotificationCurrentState.${courseId}`, 'PastExpirationDate');\n }\n return (\n \n
\n );\n};\n\nPastExpirationDateBanner.propTypes = {\n courseId: PropTypes.string.isRequired,\n accessExpirationDate: PropTypes.PropTypes.instanceOf(Date).isRequired,\n timezoneFormatArgs: PropTypes.shape({\n timeZone: PropTypes.string,\n }),\n setupgradeNotificationCurrentState: PropTypes.func,\n};\n\nPastExpirationDateBanner.defaultProps = {\n timezoneFormatArgs: {},\n setupgradeNotificationCurrentState: null,\n};\n\nconst UpgradeNotification = ({\n accessExpiration,\n contentTypeGatingEnabled,\n marketingUrl,\n courseId,\n offer,\n org,\n setupgradeNotificationCurrentState,\n shouldDisplayBorder,\n timeOffsetMillis,\n upsellPageName,\n userTimezone,\n verifiedMode,\n toggleSidebar,\n}) => {\n const intl = useIntl();\n const dateNow = Date.now();\n const timezoneFormatArgs = userTimezone ? { timeZone: userTimezone } : {};\n const correctedTime = new Date(dateNow + timeOffsetMillis);\n const accessExpirationDate = accessExpiration ? new Date(accessExpiration.expirationDate) : null;\n const pastExpirationDeadline = accessExpiration ? new Date(dateNow) > accessExpirationDate : false;\n\n const eventProperties = {\n org_key: org,\n courserun_key: courseId,\n };\n\n const promotionEventProperties = {\n creative: 'sidebarupsell',\n name: 'In-Course Verification Prompt',\n position: 'sidebar-message',\n promotion_id: 'courseware_verified_certificate_upsell',\n ...eventProperties,\n };\n\n useEffect(() => {\n sendTrackingLogEvent('edx.bi.course.upgrade.sidebarupsell.displayed', eventProperties);\n sendTrackEvent('Promotion Viewed', promotionEventProperties);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n if (!verifiedMode) {\n return null;\n }\n\n const logClick = () => {\n sendTrackingLogEvent('edx.bi.course.upgrade.sidebarupsell.clicked', eventProperties);\n sendTrackingLogEvent('edx.course.enrollment.upgrade.clicked', {\n ...eventProperties,\n location: 'sidebar-message',\n });\n sendTrackEvent('Promotion Clicked', promotionEventProperties);\n sendTrackEvent('edx.bi.ecommerce.upsell_links_clicked', {\n ...eventProperties,\n linkCategory: 'green_upgrade',\n linkName: `${upsellPageName}_green`,\n linkType: 'button',\n pageName: upsellPageName,\n });\n };\n\n const logClickPastExpiration = () => {\n sendTrackEvent('edx.bi.ecommerce.upgrade_notification.past_expiration.button_clicked', {\n ...eventProperties,\n linkCategory: 'upgrade_notification',\n linkName: `${upsellPageName}_course_details`,\n linkType: 'button',\n pageName: upsellPageName,\n });\n };\n\n /*\n There are 5 parts that change in the upgrade card:\n upgradeNotificationHeaderText\n expirationBanner\n upsellMessage\n callToActionButton\n offerCode\n */\n let upgradeNotificationHeaderText;\n let expirationBanner;\n let upsellMessage;\n let callToActionButton;\n let offerCode;\n\n if (!!accessExpiration && !!contentTypeGatingEnabled) {\n const hoursToAccessExpiration = Math.floor((accessExpirationDate - correctedTime) / 1000 / 60 / 60);\n\n if (hoursToAccessExpiration >= (7 * 24)) {\n if (offer) { // countdown to the first purchase discount if there is one\n const hoursToDiscountExpiration = Math.floor((new Date(offer.expirationDate) - correctedTime) / 1000 / 60 / 60);\n upgradeNotificationHeaderText = (\n \n {offer.code}),\n }}\n />\n
\n );\n }\n\n return (\n \n \n {upgradeNotificationHeaderText}\n {!!toggleSidebar && (\n
\n \n
\n )}\n \n {expirationBanner}\n \n {upsellMessage}\n
\n \n {callToActionButton}\n
\n {offerCode}\n {intl.formatMessage(messages.proctoringInfoPanel)}
\n\n {readableStatus && (\n <>\n
\n \n {intl.formatMessage(messages.proctoringCurrentStatus)} {intl.formatMessage(messages[`${readableStatus}ProctoringStatus`])}\n
\n\n {intl.formatMessage(messages[`${readableStatus}ProctoringMessage`])}\n
\n\n {readableStatus === readableStatuses.otherCourseApproved && intl.formatMessage(messages[`${readableStatus}ProctoringDetail`])}\n
\n \n )}\n {![readableStatuses.verified, readableStatuses.otherCourseApproved].includes(readableStatus) && (\n <>\n\n {!isCurrentlySubmitted(status) && (\n intl.formatMessage(messages.proctoringPanelGeneralInfo)\n )}\n {isCurrentlySubmitted(status) && (\n intl.formatMessage(messages.proctoringPanelGeneralInfoSubmitted)\n )}\n
\n{intl.formatMessage(messages.proctoringPanelGeneralTime)}
\n \n )}\n {isSubmissionRequired(readableStatus) && (\n onboardingExamButton\n )}\n \n\n {message}\n
\n );\n\n if (!showCheck && showSpinner) {\n bodyContent = (\n \n {message}\n
\n );\n }\n\n if (showCheck && !showSpinner) {\n bodyContent = (\n \n {message}\n
\n );\n }\n return bodyContent;\n };\n\n return (\n \n
\n \n
\n {title}
\n \n
\n \n );\n};\n\nOutlineTab.propTypes = {\n intl: intlShape.isRequired,\n};\n\nexport default injectIntl(OutlineTab);\n","export default __webpack_public_path__ + \"d8d2ddd02a2781719fd303dc4b868ac0.gif\";","export default __webpack_public_path__ + \"8ecb9b1c7d41d7196375abdc97a53b4b.gif\";","export default __webpack_public_path__ + \"d0cc1158a1b3bd75bb785cd0d6e306c1.png\";","export default __webpack_public_path__ + \"50e380db78f1d321fe1ce5bacea07644.png\";","import { defineMessages } from '@edx/frontend-platform/i18n';\n\nconst messages = defineMessages({\n applyForCredit: {\n id: 'courseExit.programs.applyForCredit',\n defaultMessage: 'Apply for credit',\n description: 'Button for the learner to apply for course credit',\n },\n certificateHeaderDownloadable: {\n id: 'courseCelebration.certificateHeader.downloadable',\n defaultMessage: 'Your certificate is available!',\n description: 'Text displayed when course certificate is ready to be downloaded',\n },\n certificateHeaderNotAvailable: {\n id: 'courseCelebration.certificateHeader.notAvailable',\n defaultMessage: 'Your grade and certificate status will be available soon.',\n description: 'Header displayed when course certificate is not yet available to be viewed',\n },\n certificateNotAvailableBodyAccessCert: {\n id: 'courseCelebration.certificateBody.notAvailable.accessCertificate',\n defaultMessage: 'If you have earned a passing grade, your certificate will be automatically issued.',\n description: 'Text displayed when course certificate is not yet available to be viewed',\n },\n certificateNotAvailableEndDateBody: {\n id: 'courseCelebration.certificateBody.notAvailable.endDate',\n defaultMessage: 'Final grades and any earned certificates are scheduled to be available after {endDate}.',\n description: 'Shown for learners who have finished a course before grades and certificates are available.',\n },\n certificateHeaderUnverified: {\n id: 'courseCelebration.certificateHeader.unverified',\n defaultMessage: 'You must complete verification to receive your certificate.',\n description: 'Text displayed when a user has not verified their identity and cannot view their course certificate',\n },\n certificateHeaderRequestable: {\n id: 'courseCelebration.certificateHeader.requestable',\n defaultMessage: 'Congratulations, you qualified for a certificate!',\n description: 'Text displayed when a user has completed the course and can request a certificate',\n },\n certificateHeaderUpgradable: {\n id: 'courseCelebration.certificateHeader.upgradable',\n defaultMessage: 'Upgrade to pursue a verified certificate',\n description: 'Header when learner finished or pass the course but need to upgrade to get a certificate',\n },\n certificateImage: {\n id: 'courseCelebration.certificateImage',\n defaultMessage: 'Sample certificate',\n description: 'Alt text used to describe an image of a certificate',\n },\n completedCourseHeader: {\n id: 'courseCelebration.completedCourseHeader',\n defaultMessage: 'You have completed your course.',\n description: 'Header text for course exit section',\n },\n congratulationsHeader: {\n id: 'courseCelebration.congratulationsHeader',\n defaultMessage: 'Congratulations!',\n description: 'Greeting learner for finishing the course',\n },\n congratulationsImage: {\n id: 'courseCelebration.congratulationsImage',\n defaultMessage: 'Four people raising their hands in celebration',\n description: 'Alt text used to describe celebratory image',\n },\n courseInProgressDescription: {\n id: 'courseExit.courseInProgressDescription',\n defaultMessage: 'It looks like there is more content in this course that will be released in the future. Look out for email updates or check back on your course for when this content will be available.',\n description: 'Shown to learner when they finish all available assignments, but not the whole course',\n },\n courseInProgressHeader: {\n id: 'courseExit.courseInProgressHeader',\n defaultMessage: 'More content is coming soon!',\n description: 'Header when the status of the course not all of (contents or assignments) available yet',\n },\n dashboardLink: {\n id: 'courseExit.dashboardLink',\n defaultMessage: 'Dashboard',\n description: 'Link to user’s dashboard',\n },\n endOfCourseDescription: {\n id: 'courseExit.endOfCourseDescription',\n defaultMessage: 'Unfortunately, you are not currently eligible for a certificate. You need to receive a passing grade to be eligible for a certificate.',\n description: 'Shown to learner when they did not pass the course',\n },\n endOfCourseHeader: {\n id: 'courseExit.endOfCourseHeader',\n defaultMessage: 'You’ve reached the end of the course!',\n },\n endOfCourseTitle: {\n id: 'courseExit.endOfCourseTitle',\n defaultMessage: 'End of Course',\n },\n idVerificationSupportLink: {\n id: 'courseExit.idVerificationSupportLink',\n defaultMessage: 'Learn more about ID verification',\n description: 'Link to an article about identity verification',\n },\n linkedinAddToProfileButton: {\n id: 'courseCelebration.linkedinAddToProfileButton',\n defaultMessage: 'Add to LinkedIn profile',\n description: 'Button to add certificate information to the user’s LinkedIn profile',\n },\n microBachelorsLearnMore: {\n id: 'courseExit.programs.microBachelors.learnMore',\n defaultMessage: 'Learn more about how your MicroBachelors credential can be applied for credit.',\n },\n microMastersLearnMore: {\n id: 'courseExit.programs.microMasters.learnMore',\n defaultMessage: 'Learn more about the process of applying MicroMasters certificates to Master’s degrees.',\n },\n microMastersMessage: {\n id: 'courseExit.programs.microMasters.mastersMessage',\n defaultMessage: 'If you’re interested in using your MicroMasters certificate towards a Master’s program, you can get started today!',\n },\n nextButtonComplete: {\n id: 'learn.sequence.navigation.complete.button', // for historical reasons\n defaultMessage: 'Complete the course',\n description: 'This text is shown on the button which usually links to the next unit or assignment in course sequence, however when it is the last unit. The button will link to course exit page',\n },\n nextButtonEnd: {\n id: 'courseExit.nextButton.endOfCourse',\n defaultMessage: 'Next (end of course)',\n description: 'This shown for the button which links to the next unit, when learner did not pass the course',\n },\n profileLink: {\n id: 'courseExit.profileLink',\n defaultMessage: 'Profile',\n description: 'Link to user’s profile',\n },\n programsLastCourseHeader: {\n id: 'courseExit.programs.lastCourse',\n defaultMessage: 'You have completed the last course in {title}!',\n description: 'This shown to learner when the course they completed is the last one of a program, the program might be mircomaster, or microbachelors...etc',\n },\n requestCertificateBodyText: {\n id: 'courseCelebration.requestCertificateBodyText',\n defaultMessage: 'In order to access your certificate, request it below.',\n description: 'Shown when learner need to request the certifcate',\n },\n requestCertificateButton: {\n id: 'courseCelebration.requestCertificateButton',\n defaultMessage: 'Request certificate',\n description: 'Button to request the course certificate',\n },\n searchOurCatalogLink: {\n id: 'courseExit.searchOurCatalogLink',\n defaultMessage: 'Search our catalog',\n description: 'First part of a sentence that continues afterward',\n },\n shareMessage: {\n id: 'courseCelebration.shareMessage',\n defaultMessage: 'Share your success on social media or email.',\n description: 'Recommending an action when learner pass the course',\n },\n socialMessage: {\n id: 'courseExit.social.shareCompletionMessage',\n defaultMessage: 'I just completed {title} with {platform}!',\n description: 'Shown when sharing course progress on a social network',\n },\n upgradeButton: {\n id: 'courseExit.upgradeButton',\n defaultMessage: 'Upgrade now',\n },\n upgradeLink: {\n id: 'courseExit.upgradeLink',\n defaultMessage: 'upgrade now',\n },\n verificationPending: {\n id: 'courseCelebration.verificationPending',\n defaultMessage: 'Your ID verification is pending and your certificate will be available once approved.',\n description: 'Shown when the status of verification is pending',\n },\n verifiedCertificateSupportLink: {\n id: 'courseExit.verifiedCertificateSupportLink',\n defaultMessage: 'Learn more about verified certificates',\n description: 'Anchor text for link that redirect to external help page about verified certificates',\n },\n verifyIdentityButton: {\n id: 'courseCelebration.verifyIdentityButton',\n defaultMessage: 'Verify ID now',\n description: 'Button to verify the identify of the user',\n },\n viewCertificateButton: {\n id: 'courseCelebration.viewCertificateButton',\n defaultMessage: 'View my certificate',\n description: 'Button to view the course certificate',\n },\n viewCourseScheduleButton: {\n id: 'courseExit.viewCourseScheduleButton',\n defaultMessage: 'View course schedule',\n description: 'Button to view the course schedule',\n },\n viewCoursesButton: {\n id: 'courseExit.viewCoursesButton',\n defaultMessage: 'View my courses',\n description: 'Button to redirect user to their course dashboard',\n },\n viewGradesButton: {\n id: 'courseExit.viewGradesButton',\n defaultMessage: 'View grades',\n },\n\n});\n\nexport default messages;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { getConfig } from '@edx/frontend-platform';\nimport { FormattedMessage, injectIntl, intlShape } from '@edx/frontend-platform/i18n';\nimport { Alert, Button, Hyperlink } from '@openedx/paragon';\nimport certImage from '../../../generic/assets/edX_certificate.png';\nimport messages from './messages';\n\n/**\n * Note for Open edX developers:\n * There are pieces of this component that are hard-coded and specific to edX that may not apply to your organization.\n * This includes mentions of our edX program types (MicroMasters, MicroBachelors, Professional Certificate, and\n * XSeries), along with their respective support article URLs and image variable names.\n *\n * Currently, this component will not render unless the learner's completed course has a related program of one of the\n * four aforementioned types. This will not impact the parent components (i.e. CourseCelebration will render normally).\n */\n\nconst programTypes = ['microbachelors', 'micromasters', 'professional-certificate', 'xseries'];\n\nconst ProgramCompletion = ({\n intl,\n progress,\n title,\n type,\n url,\n}) => {\n if (!programTypes.includes(type) || progress.notStarted !== 0 || progress.inProgress !== 0) {\n return null;\n }\n\n const programLink = (\n \n
\n \n
\n {rootCourseId && (\n \n
\n \n \n
\n - \n {courses[rootCourseId].sectionIds.map((sectionId) => (\n
\n \n
\n )}\n \n
\n \n
\n {intl.formatMessage(messages.programsLastCourseHeader, { title })}
\n \n
\n
\n {intl.formatMessage(messages.microMastersMessage)}\n {' '}\n
\n
\n \n
\n);\n\nFootnote.propTypes = {\n icon: PropTypes.shape({}).isRequired,\n text: PropTypes.node.isRequired,\n};\n\nexport default Footnote;\n","import { sendTrackEvent } from '@edx/frontend-platform/analytics';\nimport { getAuthenticatedUser } from '@edx/frontend-platform/auth';\n\nimport messages from './messages';\nimport { useModel } from '../../../generic/model-store';\n\nconst COURSE_EXIT_MODES = {\n disabled: 0,\n celebration: 1,\n nonPassing: 2,\n inProgress: 3,\n entranceExamFail: 4,\n};\n\n// These are taken from the edx-platform `get_cert_data` function found in lms/courseware/views/views.py\nconst CELEBRATION_STATUSES = [\n 'audit_passing',\n 'downloadable',\n 'earned_but_not_available',\n 'honor_passing',\n 'requesting',\n 'unverified',\n];\nconst NON_CERTIFICATE_STATUSES = [ // no certificate will be given, though a valid certificateData block is provided\n 'audit_passing',\n 'honor_passing', // provided when honor is configured to not give a certificate\n];\n\nfunction getCourseExitMode(\n certificateData,\n hasScheduledContent,\n isEnrolled,\n userHasPassingGrade,\n courseExitPageIsActive = null,\n canImmediatelyViewCertificate = false,\n entranceExamPassed = null,\n) {\n const authenticatedUser = getAuthenticatedUser();\n\n if (entranceExamPassed === false) {\n return COURSE_EXIT_MODES.entranceExamFail;\n }\n\n if (courseExitPageIsActive === false || !authenticatedUser || !isEnrolled) {\n return COURSE_EXIT_MODES.disabled;\n }\n\n // Set defaults for our status-calculated variables, used when no certificateData is provided.\n // This happens when `get_cert_data` in edx-platform returns None, which it does if we are\n // in a certificate-earning mode, but the certificate is not available (maybe they didn't pass\n // or course is not set up for certificates or something). Audit users will always have a\n // certificateData sent over.\n let isCelebratoryStatus = true;\n let isEligibleForCertificate = true;\n\n if (certificateData) {\n const { certStatus } = certificateData;\n isCelebratoryStatus = CELEBRATION_STATUSES.indexOf(certStatus) !== -1;\n isEligibleForCertificate = NON_CERTIFICATE_STATUSES.indexOf(certStatus) === -1;\n }\n\n if (hasScheduledContent && !userHasPassingGrade) {\n return COURSE_EXIT_MODES.inProgress;\n }\n if (isEligibleForCertificate && !userHasPassingGrade && canImmediatelyViewCertificate) {\n return COURSE_EXIT_MODES.nonPassing;\n }\n if (isCelebratoryStatus) {\n return COURSE_EXIT_MODES.celebration;\n }\n return COURSE_EXIT_MODES.disabled;\n}\n\n// Returns null in order to render the default navigation text\nfunction GetCourseExitNavigation(courseId, intl) {\n const {\n certificateData,\n hasScheduledContent,\n isEnrolled,\n userHasPassingGrade,\n courseExitPageIsActive,\n entranceExamData: { entranceExamPassed },\n } = useModel('coursewareMeta', courseId);\n const { canViewCertificate } = useModel('courseHomeMeta', courseId);\n const exitMode = getCourseExitMode(\n certificateData,\n hasScheduledContent,\n isEnrolled,\n userHasPassingGrade,\n courseExitPageIsActive,\n canViewCertificate,\n entranceExamPassed,\n );\n\n /** exitActive is used to enable/disable the exit i.e. next buttons.\n COURSE_EXIT_MODES denote the current status of the course.\n Available COURSE_EXIT_MODES: disabled, celebration, nonPassing, inProgress, entranceExamFail\n If the user fails the entrance exam,\n access to further course sections should not be allowed i.e. disable the next buttons. */\n const exitActive = ((exitMode !== COURSE_EXIT_MODES.disabled) && (exitMode !== COURSE_EXIT_MODES.entranceExamFail));\n\n let exitText;\n switch (exitMode) {\n case COURSE_EXIT_MODES.celebration:\n exitText = intl.formatMessage(messages.nextButtonComplete);\n break;\n case COURSE_EXIT_MODES.nonPassing:\n exitText = intl.formatMessage(messages.nextButtonEnd);\n break;\n default:\n exitText = null;\n }\n return { exitActive, exitText };\n}\n\n// Meant to be used as part of a button's onClick handler.\n// For convenience, you can pass a falsy event and it will be ignored.\nconst logClick = (org, courseId, administrator, event, extraProperties) => {\n if (!event) {\n return;\n }\n\n sendTrackEvent(`edx.ui.lms.course_exit.${event}.clicked`, {\n org_key: org,\n courserun_key: courseId,\n is_staff: administrator,\n ...extraProperties,\n });\n};\n\n// Use like the following to call this only once on initial page load:\n// useEffect(() => logVisit(org, courseId, administrator, variant), [org, courseId, administrator, variant]);\n// For convenience, you can pass a falsy variant and it will be ignored.\nconst logVisit = (org, courseId, administrator, variant) => {\n if (!variant) {\n return;\n }\n\n sendTrackEvent('edx.ui.lms.course_exit.visited', {\n org_key: org,\n courserun_key: courseId,\n is_staff: administrator,\n variant,\n });\n};\n\nexport {\n COURSE_EXIT_MODES,\n getCourseExitMode,\n GetCourseExitNavigation,\n logClick,\n logVisit,\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useSelector } from 'react-redux';\n\nimport { getAuthenticatedUser } from '@edx/frontend-platform/auth';\nimport {\n FormattedMessage, injectIntl, intlShape,\n} from '@edx/frontend-platform/i18n';\nimport { Hyperlink } from '@openedx/paragon';\nimport { faCalendarAlt } from '@fortawesome/free-regular-svg-icons';\nimport { getConfig } from '@edx/frontend-platform';\n\nimport { useModel } from '../../../generic/model-store';\n\nimport Footnote from './Footnote';\nimport messages from './messages';\nimport { logClick } from './utils';\n\nconst DashboardFootnote = ({ intl, variant }) => {\n const { courseId } = useSelector(state => state.courseware);\n const { org } = useModel('courseHomeMeta', courseId);\n const { administrator } = getAuthenticatedUser();\n\n const dashboardLink = (\n \n
\n logClick('linkedin')}\n url={`${socialUtmMarketingUrl}&utm_source=linkedin`}\n >\n logClick('twitter')}\n className=\"ml-2\"\n hashtags={hashtags}\n title={socialMessage ? intl.formatMessage(socialMessage, { platform: `@${twitterAccount}`, title }) : ''}\n url={`${socialUtmMarketingUrl}&utm_source=twitter`}\n >\n logClick('facebook')}\n className=\"ml-2\"\n quote={socialMessage ? intl.formatMessage(socialMessage, { platform: getConfig().SITE_NAME, title }) : ''}\n url={`${socialUtmMarketingUrl}&utm_source=facebook`}\n >\n logClick('email')}\n body={emailBody ? `${intl.formatMessage(emailBody)}\\n\\n` : ''}\n className=\"ml-2\"\n subject={emailSubject ? intl.formatMessage(emailSubject, { platform: getConfig().SITE_NAME, title }) : ''}\n url={`${marketingUrl}?${socialUtmCampaign}utm_medium=email&utm_source=email`}\n >\n
\n );\n};\n\nSocialIcons.defaultProps = {\n analyticsId: '',\n className: '',\n emailBody: messages.defaultEmailBody,\n emailSubject: null,\n hashtags: [getConfig().TWITTER_HASHTAG],\n socialMessage: null,\n};\n\nSocialIcons.propTypes = {\n analyticsId: PropTypes.string,\n className: PropTypes.string,\n courseId: PropTypes.string.isRequired,\n emailBody: PropTypes.shape({}),\n emailSubject: PropTypes.shape({}),\n hashtags: PropTypes.arrayOf(PropTypes.string),\n intl: intlShape.isRequired,\n socialMessage: PropTypes.shape({}),\n};\n\nexport default injectIntl(SocialIcons);\n","import React from 'react';\nimport { injectIntl, intlShape } from '@edx/frontend-platform/i18n';\nimport { getAuthenticatedUser } from '@edx/frontend-platform/auth';\nimport { getConfig } from '@edx/frontend-platform';\nimport { Hyperlink } from '@openedx/paragon';\n\nimport messages from '../courseware/course/course-exit/messages';\n\nconst IntlDashboardLink = ({ intl }) => (\n \n
\n );\n};\n\nCatalogSuggestion.propTypes = {\n intl: intlShape.isRequired,\n variant: PropTypes.string.isRequired,\n};\n\nexport default injectIntl(CatalogSuggestion);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Spinner } from '@openedx/paragon';\n\nexport default class PageLoading extends Component {\n renderSrMessage() {\n if (!this.props.srMessage) {\n return null;\n }\n\n return (\n \n {this.props.srMessage}\n \n );\n }\n\n render() {\n return (\n \n
\n \n \n
\n \n );\n }\n}\n\nPageLoading.propTypes = {\n srMessage: PropTypes.node.isRequired,\n};\n","/* eslint-disable react/jsx-no-useless-fragment */\nimport React, { useEffect } from 'react';\nimport { getConfig } from '@edx/frontend-platform';\nimport { sendTrackEvent } from '@edx/frontend-platform/analytics';\nimport { getAuthenticatedUser } from '@edx/frontend-platform/auth';\nimport {\n FormattedMessage, injectIntl, intlShape, defineMessages,\n} from '@edx/frontend-platform/i18n';\nimport { useSelector, useDispatch } from 'react-redux';\nimport {\n Hyperlink, DataTable, CardView, Card,\n} from '@openedx/paragon';\nimport PropTypes from 'prop-types';\nimport truncate from 'truncate-html';\nimport { FAILED, LOADED, LOADING } from '@src/constants';\nimport { useModel } from '../../../generic/model-store';\nimport fetchCourseRecommendations from './data/thunks';\nimport CatalogSuggestion from './CatalogSuggestion';\nimport PageLoading from '../../../generic/PageLoading';\nimport { logClick } from './utils';\n\nconst messages = defineMessages({\n recommendationsHeading: {\n id: 'courseCelebration.recommendations.heading',\n description: 'Header for recommendations section of course celebration',\n defaultMessage: 'Keep building your skills with these courses!',\n },\n recommendationsCourseFooter: {\n id: 'courseCelebration.recommendations.label', // not very descriptive, but is historical\n description: 'Label on a discovery-card that lets a user know that it is a course card',\n defaultMessage: 'Course',\n },\n listJoin: {\n id: 'courseCelebration.recommendations.formatting.list_join',\n description: 'Joining mark or word for a list of items, use the {sp} placeholder to include space before the joining word',\n // eslint-disable-next-line prefer-template\n defaultMessage: ('{style, select, '\n + 'punctuation {, } ' // HACK: select keys must match ListStyles, above, but must be statically coded for extract\n + 'conjunction { {sp}and } ' // HACK: interpolating a space character to get a leading-space here\n + 'other { }}'),\n },\n browseCatalog: {\n id: 'courseCelebration.recommendations.browse_catalog',\n description: 'Link to course catalog in course celebration',\n defaultMessage: 'Explore more courses',\n },\n loadingRecommendations: {\n id: 'courseCelebration.recommendations.loading_recommendations',\n description: 'Screen-reader text for the loading screen for recommendations',\n defaultMessage: 'Loading recommendations',\n },\n});\n\nconst ListStyles = {\n punctuation: 'punctuation',\n conjunction: 'conjunction',\n};\n\nconst CourseCard = ({\n original: {\n title,\n image,\n owners,\n marketingUrl,\n onClick,\n },\n intl,\n}) => {\n const formatList = (items, style) => (\n items.join(intl.formatMessage(\n messages.listJoin,\n { style, sp: ' ' }, // HACK: there isn't a way to escape a leading space in the format, so pass one in\n ))\n );\n\n const formattedOwners = formatList(\n owners.map(owner => owner.key),\n ListStyles.punctuation,\n intl,\n );\n\n const subtitle = (\n \n \n {intl.formatMessage(messages.browseCatalog)}\n \n
\n );\n};\n\nCourseRecommendations.propTypes = {\n intl: intlShape.isRequired,\n variant: PropTypes.string.isRequired,\n};\n\nexport default injectIntl(CourseRecommendations);\n","import { logError } from '@edx/frontend-platform/logging';\n\nimport {\n fetchCourseRecommendationsFailure,\n fetchCourseRecommendationsRequest,\n fetchCourseRecommendationsSuccess,\n} from './slice';\nimport {\n getCourseRecommendations,\n postUnsubscribeFromGoalReminders,\n} from './api';\nimport { updateModel } from '../../../../generic/model-store';\n\nexport default function fetchCourseRecommendations(courseKey, courseId) {\n return async (dispatch) => {\n dispatch(fetchCourseRecommendationsRequest({ courseId }));\n try {\n const recommendations = await getCourseRecommendations(courseKey);\n dispatch(updateModel({\n modelType: 'coursewareMeta',\n model: {\n id: courseId,\n recommendations,\n },\n }));\n dispatch(fetchCourseRecommendationsSuccess({ courseId }));\n } catch (error) {\n logError(error);\n dispatch(fetchCourseRecommendationsFailure({ courseId }));\n }\n };\n}\n\nexport async function unsubscribeFromGoalReminders(courseId, daysPerWeek, subscribedToReminders) {\n return postUnsubscribeFromGoalReminders(courseId, daysPerWeek, subscribedToReminders);\n}\n","import { getConfig, camelCaseObject } from '@edx/frontend-platform';\nimport { getAuthenticatedHttpClient } from '@edx/frontend-platform/auth';\n\nfunction filterRecommendationsList(\n {\n data: {\n uuid,\n recommendations,\n },\n },\n {\n data: enrollments,\n },\n) {\n const enrollmentRunIds = enrollments.map(({\n courseDetails: {\n courseId,\n },\n }) => courseId);\n\n return recommendations.filter(({ uuid: recUuid, courseRunKeys }) => (\n recUuid !== uuid && courseRunKeys.every((key) => !enrollmentRunIds.includes(key))\n ));\n}\n\nexport async function getCourseRecommendations(courseKey) {\n const discoveryApiUrl = getConfig().DISCOVERY_API_BASE_URL;\n if (!discoveryApiUrl) {\n return [];\n }\n const recommendationsUrl = new URL(`${discoveryApiUrl}/api/v1/course_recommendations/${courseKey}?exclude_utm=true`);\n const enrollmentsUrl = new URL(`${getConfig().LMS_BASE_URL}/api/enrollment/v1/enrollment`);\n const [recommendationsResponse, enrollmentsResponse] = await Promise.all([\n getAuthenticatedHttpClient().get(recommendationsUrl),\n getAuthenticatedHttpClient().get(enrollmentsUrl),\n ]);\n return filterRecommendationsList(camelCaseObject(recommendationsResponse), camelCaseObject(enrollmentsResponse));\n}\n\nexport async function postUnsubscribeFromGoalReminders(courseId) {\n const url = new URL(`${getConfig().LMS_BASE_URL}/api/course_home/save_course_goal`);\n return getAuthenticatedHttpClient().post(url.href, {\n course_id: courseId,\n subscribed_to_reminders: false,\n });\n}\n","import React, { useEffect } from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faLinkedinIn } from '@fortawesome/free-brands-svg-icons';\n\nimport {\n FormattedDate, FormattedMessage, injectIntl, intlShape,\n} from '@edx/frontend-platform/i18n';\nimport { Helmet } from 'react-helmet';\nimport { useDispatch, useSelector } from 'react-redux';\nimport {\n Alert,\n breakpoints,\n Button,\n Hyperlink,\n useWindowSize,\n} from '@openedx/paragon';\nimport { CheckCircle } from '@openedx/paragon/icons';\nimport { getConfig } from '@edx/frontend-platform';\nimport { getAuthenticatedUser } from '@edx/frontend-platform/auth';\n\nimport CelebrationMobile from './assets/celebration_456x328.gif';\nimport CelebrationDesktop from './assets/celebration_750x540.gif';\nimport certificate from '../../../generic/assets/edX_certificate.png';\nimport certificateLocked from '../../../generic/assets/edX_locked_certificate.png';\nimport { FormattedPricing } from '../../../generic/upgrade-button';\nimport messages from './messages';\nimport { useModel } from '../../../generic/model-store';\nimport { requestCert } from '../../../course-home/data/thunks';\nimport ProgramCompletion from './ProgramCompletion';\nimport DashboardFootnote from './DashboardFootnote';\nimport UpgradeFootnote from './UpgradeFootnote';\nimport SocialIcons from '../../social-share/SocialIcons';\nimport { logClick, logVisit } from './utils';\nimport { DashboardLink, IdVerificationSupportLink, ProfileLink } from '../../../shared/links';\nimport CourseRecommendations from './CourseRecommendations';\n\nconst LINKEDIN_BLUE = '#2867B2';\n\nconst CourseCelebration = ({ intl }) => {\n const wideScreen = useWindowSize().width >= breakpoints.medium.minWidth;\n const { courseId } = useSelector(state => state.courseware);\n const dispatch = useDispatch();\n const {\n certificateData,\n end,\n linkedinAddToProfileUrl,\n marketingUrl,\n offer,\n relatedPrograms,\n title,\n verifyIdentityUrl,\n verificationStatus,\n } = useModel('coursewareMeta', courseId);\n\n const {\n org,\n verifiedMode,\n canViewCertificate,\n userTimezone,\n } = useModel('courseHomeMeta', courseId);\n\n const {\n certStatus,\n certWebViewUrl,\n certificateAvailableDate,\n } = certificateData || {};\n\n const { administrator } = getAuthenticatedUser();\n\n const dashboardLink = {intl.formatMessage(messages.recommendationsHeading)}
\n\n \n
\n \n
\n
\n {intl.formatMessage(messages.certificateNotAvailableBodyAccessCert)}\n
\n \n );\n visitEvent = 'celebration_with_unavailable_cert';\n footnote ={intl.formatMessage(messages.requestCertificateBodyText)}
);\n visitEvent = 'celebration_with_requestable_cert';\n footnote ={intl.formatMessage(messages.verificationPending)}
);\n } else {\n buttonText = intl.formatMessage(messages.verifyIdentityButton);\n buttonEvent = 'verify_id';\n buttonLocation = verifyIdentityUrl;\n // todo: check for idVerificationSupportLink null\n message = (\n\n
\n
\n {getConfig().SUPPORT_URL_VERIFIED_CERTIFICATE && (\n
\n {intl.formatMessage(messages.certificateNotAvailableEndDateBody, { endDate })}\n
\n\n {intl.formatMessage(messages.certificateNotAvailableBodyAccessCert)}\n
\n \n );\n }\n break;\n }\n\n useEffect(() => logVisit(org, courseId, administrator, visitEvent), [org, courseId, administrator, visitEvent]);\n\n return (\n <>\n\n
\n \n );\n};\n\nCourseCelebration.propTypes = {\n intl: intlShape.isRequired,\n};\n\nexport default injectIntl(CourseCelebration);\n","import React, { useEffect } from 'react';\n\nimport { getAuthenticatedUser } from '@edx/frontend-platform/auth';\nimport { injectIntl, intlShape } from '@edx/frontend-platform/i18n';\nimport { Helmet } from 'react-helmet';\nimport { useSelector } from 'react-redux';\nimport { Alert, Button } from '@openedx/paragon';\nimport { getConfig } from '@edx/frontend-platform';\n\nimport { useModel } from '../../../generic/model-store';\n\nimport CatalogSuggestion from './CatalogSuggestion';\nimport DashboardFootnote from './DashboardFootnote';\nimport messages from './messages';\nimport { logClick, logVisit } from './utils';\n\nconst CourseInProgress = ({ intl }) => {\n const { courseId } = useSelector(state => state.courseware);\n const {\n org,\n tabs,\n title,\n } = useModel('courseHomeMeta', courseId);\n const { administrator } = getAuthenticatedUser();\n\n // Get dates tab link for 'view course schedule' button\n const datesTab = tabs.find(tab => tab.slug === 'dates');\n const datesTabLink = datesTab && datesTab.url;\n\n useEffect(() => logVisit(org, courseId, administrator, 'in_progress'), [org, courseId, administrator]);\n\n return (\n <>\n \n {intl.formatMessage(messages.congratulationsHeader)}\n
\n \n {intl.formatMessage(messages.completedCourseHeader)}\n {marketingUrl && ` ${intl.formatMessage(messages.shareMessage)}`}\n
\n \n {!wideScreen && (\n
\n \n {certHeader && (\n \n \n )}\n {relatedPrograms && relatedPrograms.map(program => (\n
\n \n
\n \n
\n {certStatus !== 'unverified' && (\n {certHeader}
\n {message}\n \n {buttonPrefix}\n {buttonLocation && (\n logClick(org, courseId, administrator, buttonEvent)}\n >\n {buttonText}\n \n )}\n {buttonSuffix}\n
\n \n
\n )}\n \n \n \n
\n \n );\n};\n\nCourseInProgress.propTypes = {\n intl: intlShape.isRequired,\n};\n\nexport default injectIntl(CourseInProgress);\n","import React, { useEffect } from 'react';\n\nimport { getAuthenticatedUser } from '@edx/frontend-platform/auth';\nimport { injectIntl, intlShape } from '@edx/frontend-platform/i18n';\nimport { Helmet } from 'react-helmet';\nimport { useSelector } from 'react-redux';\nimport { Alert, Button } from '@openedx/paragon';\nimport { getConfig } from '@edx/frontend-platform';\n\nimport { useModel } from '../../../generic/model-store';\n\nimport CatalogSuggestion from './CatalogSuggestion';\nimport DashboardFootnote from './DashboardFootnote';\nimport messages from './messages';\nimport { logClick, logVisit } from './utils';\n\nconst CourseNonPassing = ({ intl }) => {\n const { courseId } = useSelector(state => state.courseware);\n const {\n org,\n tabs,\n title,\n } = useModel('courseHomeMeta', courseId);\n const { administrator } = getAuthenticatedUser();\n\n // Get progress tab link for 'view grades' button\n const progressTab = tabs.find(tab => tab.slug === 'progress');\n const progressLink = progressTab && progressTab.url;\n\n useEffect(() => logVisit(org, courseId, administrator, 'nonpassing'), [org, courseId, administrator]);\n\n return (\n <>\n \n { intl.formatMessage(messages.courseInProgressHeader) }\n
\n \n logClick(org, courseId, administrator, 'view_dates_tab')}\n >\n {intl.formatMessage(messages.viewCourseScheduleButton)}\n \n )}\n
\n { intl.formatMessage(messages.courseInProgressDescription) }
\n {datesTabLink && (\n \n \n \n
\n \n );\n};\n\nCourseNonPassing.propTypes = {\n intl: intlShape.isRequired,\n};\n\nexport default injectIntl(CourseNonPassing);\n","import React, { useEffect } from 'react';\n\nimport { getConfig } from '@edx/frontend-platform';\nimport { injectIntl, intlShape } from '@edx/frontend-platform/i18n';\nimport { Button } from '@openedx/paragon';\nimport { useSelector } from 'react-redux';\nimport { Navigate } from 'react-router-dom';\n\nimport CourseCelebration from './CourseCelebration';\nimport CourseInProgress from './CourseInProgress';\nimport CourseNonPassing from './CourseNonPassing';\nimport { COURSE_EXIT_MODES, getCourseExitMode } from './utils';\nimport messages from './messages';\nimport { unsubscribeFromGoalReminders } from './data/thunks';\n\nimport { useModel } from '../../../generic/model-store';\n\nconst CourseExit = ({ intl }) => {\n const { courseId } = useSelector(state => state.courseware);\n const {\n certificateData,\n courseExitPageIsActive,\n courseGoals,\n enrollmentMode,\n hasScheduledContent,\n isEnrolled,\n userHasPassingGrade,\n } = useModel('coursewareMeta', courseId);\n\n const {\n isMasquerading,\n canViewCertificate,\n } = useModel('courseHomeMeta', courseId);\n\n const mode = getCourseExitMode(\n certificateData,\n hasScheduledContent,\n isEnrolled,\n userHasPassingGrade,\n courseExitPageIsActive,\n canViewCertificate,\n );\n\n // Audit users cannot fully complete a course, so we will\n // unsubscribe them from goal reminders once they reach the course exit page\n // to avoid spamming them with goal reminder emails\n if (courseGoals && enrollmentMode === 'audit' && !isMasquerading) {\n useEffect(() => {\n unsubscribeFromGoalReminders(courseId);\n }, []);\n }\n\n let body = null;\n if (mode === COURSE_EXIT_MODES.nonPassing) {\n body = (\n { intl.formatMessage(messages.endOfCourseHeader) }\n
\n \n logClick(org, courseId, administrator, 'view_grades')}\n >\n {intl.formatMessage(messages.viewGradesButton)}\n \n )}\n
\n { intl.formatMessage(messages.endOfCourseDescription) }
\n {progressLink && (\n \n \n {intl.formatMessage(messages.viewCoursesButton)}\n \n
\n {body}\n \n );\n};\n\nCourseExit.propTypes = {\n intl: intlShape.isRequired,\n};\n\nexport default injectIntl(CourseExit);\n","import PropTypes from 'prop-types';\nimport { PluginSlot } from '@openedx/frontend-plugin-framework';\n\nimport { LearningHeader as Header } from '@edx/frontend-component-header';\n\nconst HeaderSlot = ({\n courseOrg, courseNumber, courseTitle, showUserDropdown,\n}) => (\n \n \n {intl.formatMessage(messages.contentSearchButton)}\n \n
\n );\n};\n\nCoursewareSearchToggle.propTypes = {\n intl: intlShape.isRequired,\n};\n\nexport default injectIntl(CoursewareSearchToggle);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { SearchField } from '@openedx/paragon';\nimport { injectIntl, intlShape } from '@edx/frontend-platform/i18n';\nimport messages from './messages';\n\nconst CoursewareSearchForm = ({\n intl,\n searchTerm,\n onSubmit,\n onChange,\n placeholder,\n}) => (\n \n
\n \n
\n);\n\nCoursewareSearchEmpty.propTypes = {\n intl: intlShape.isRequired,\n};\n\nexport default injectIntl(CoursewareSearchEmpty);\n","import React from 'react';\nimport {\n Folder, TextFields, VideoCamera, Article,\n} from '@openedx/paragon/icons';\nimport { getConfig } from '@edx/frontend-platform';\nimport { Icon } from '@openedx/paragon';\nimport PropTypes from 'prop-types';\nimport CoursewareSearchEmpty from './CoursewareSearchEmpty';\n\nconst iconTypeMapping = {\n text: TextFields,\n video: VideoCamera,\n sequence: Folder,\n other: Article,\n};\n\nconst defaultIcon = Article;\n\nconst CoursewareSearchResults = ({ results = [] }) => {\n if (!results?.length) {\n return {intl.formatMessage(messages.searchResultsNone)}
\n\n {results.map(({\n id,\n title,\n type,\n location,\n url,\n contentHits,\n }) => {\n const key = type.toLowerCase();\n const icon = iconTypeMapping[key] || defaultIcon;\n const isExternal = !url.startsWith('/');\n const linkProps = isExternal ? {\n href: url,\n target: '_blank',\n rel: 'nofollow',\n } : { href: `${baseUrl}${url}` };\n\n return (\n \n
\n );\n};\n\nCoursewareSearchResults.propTypes = {\n results: PropTypes.arrayOf(PropTypes.shape({\n id: PropTypes.string,\n title: PropTypes.string,\n type: PropTypes.string,\n location: PropTypes.arrayOf(PropTypes.string),\n url: PropTypes.string,\n contentHits: PropTypes.number,\n })),\n};\n\nCoursewareSearchResults.defaultProps = {\n results: [],\n};\n\nexport default CoursewareSearchResults;\n","import React, { useMemo } from 'react';\nimport { injectIntl, intlShape } from '@edx/frontend-platform/i18n';\nimport { Tabs, Tab } from '@openedx/paragon';\n\nimport { useParams } from 'react-router';\nimport CoursewareSearchResults from './CoursewareSearchResults';\nimport messages from './messages';\nimport { useCoursewareSearchParams } from './hooks';\nimport { useModel } from '../../generic/model-store';\n\nconst filterAll = 'all';\nconst filterTypes = ['text', 'video', 'sequence'];\nconst filterOther = 'other';\nconst validFilters = [filterAll, ...filterTypes, filterOther];\n\nexport const CoursewareSearchResultsFilter = ({ intl }) => {\n const { courseId } = useParams();\n const lastSearch = useModel('contentSearchResults', courseId);\n const { filter: filterKeyword, setFilter } = useCoursewareSearchParams();\n\n if (!lastSearch) { return null; }\n\n const { results: data = [] } = lastSearch;\n\n // If there's no data, we show an empty result.\n if (!data.length) { return \n
\n \n );\n })}\n \n {title}\n {contentHits ? ({contentHits}) : null }\n
\n {location?.length ? (\n - \n {\n // This ignore is necessary because the breadcrumb texts might have duplicates.\n // The breadcrumbs are not expected to change.\n // eslint-disable-next-line react/no-array-index-key\n location.map((breadcrumb, i) => (
\n
\n \n
\n \n \n \n {intl.formatMessage(messages.searchResultsError)}\n \n )}\n {status === 'results' ? (\n <>\n {total > 0 ? (\n {intl.formatMessage(messages.searchResultsLabel, { total, keyword: lastSearchKeyword })}\n
\n ) : null}\n {intl.formatMessage(messages.searchModuleTitle)}
\n\n
\n ) : null}\n {status === 'error' && (\n {intl.formatMessage(messages.streakBody)}
\n\n {!wideScreen && }\n {wideScreen &&
}\n
\n
\n )}\n { !queryingDiscount && showOffer && (\n \n {randomFactoid}\n
\n \n
\n \n {intl.formatMessage(messages.congratulations)}\n {intl.formatMessage(messages.streakDiscountMessage, {\n percent: (discountPercent * 100).toFixed(0),\n })} \n
\n \n
\n );\n};\n","import { getConfig, camelCaseObject } from '@edx/frontend-platform';\nimport { getAuthenticatedHttpClient } from '@edx/frontend-platform/auth';\n\nexport type Role = 'staff' | 'student';\n\nexport interface ActiveMasqueradeData {\n courseKey: string;\n role: Role;\n userName: string | null;\n userPartitionId: number | null;\n groupId: number | null;\n groupName: string | null;\n}\n\nexport interface MasqueradeOption {\n name: string;\n role: Role;\n userName?: string;\n groupId?: number;\n userPartitionId?: number;\n}\n\nexport interface MasqueradeStatus {\n success: boolean;\n error?: string;\n active: ActiveMasqueradeData;\n available: MasqueradeOption[];\n}\n\nexport interface Payload {\n role?: Role;\n user_name?: string;\n group_id?: number;\n user_partition_id?: number;\n}\n\nexport async function getMasqueradeOptions(courseId: string): Promise\n \n \n {active.groupName ?? active.userName ?? intl.formatMessage(messages.titleStaff)}\n \n \n {available.map(group => (\n \n \n
\n {shouldShowUserNameInput && (\n \n {`${specificLearnerInputText}:`}\n
\n )}\n \n
\n ));\n};\n\nInstructorToolbar.propTypes = {\n courseId: PropTypes.string,\n unitId: PropTypes.string,\n isStudioButtonVisible: PropTypes.bool,\n tab: PropTypes.string,\n};\n\nInstructorToolbar.defaultProps = {\n courseId: undefined,\n unitId: undefined,\n isStudioButtonVisible: true,\n tab: '',\n};\n\nexport default InstructorToolbar;\n","/* eslint-disable import/prefer-default-export */\nimport React, {\n useContext, useMemo,\n} from 'react';\nimport { AppContext } from '@edx/frontend-platform/react';\n\nimport { useAlert } from '../../generic/user-messages';\nimport { useModel } from '../../generic/model-store';\n\nconst EnrollmentAlert = React.lazy(() => import('./EnrollmentAlert'));\n\nexport function useEnrollmentAlert(courseId) {\n const { authenticatedUser } = useContext(AppContext);\n const course = useModel('courseHomeMeta', courseId);\n const outline = useModel('outline', courseId);\n const enrolledUser = course && course.isEnrolled !== undefined && course.isEnrolled;\n const privateOutline = outline && outline.courseBlocks && !outline.courseBlocks.courses;\n /**\n * This alert should render if\n * 1. the user is not enrolled,\n * 2. the user is authenticated, AND\n * 3. the course is private.\n */\n const isVisible = !enrolledUser && authenticatedUser !== null && privateOutline;\n const payload = useMemo(() => ({\n canEnroll: outline && outline.enrollAlert ? outline.enrollAlert.canEnroll : false,\n courseId,\n extraText: outline && outline.enrollAlert ? outline.enrollAlert.extraText : '',\n isStaff: course && course.isStaff,\n }), [course, courseId, outline]);\n\n useAlert(isVisible, {\n code: 'clientEnrollmentAlert',\n payload,\n topic: 'outline',\n });\n\n return { clientEnrollmentAlert: EnrollmentAlert };\n}\n","/* eslint-disable import/prefer-default-export */\nimport React, { useContext } from 'react';\nimport { AppContext } from '@edx/frontend-platform/react';\nimport { ALERT_TYPES, useAlert } from '../../generic/user-messages';\nimport { useModel } from '../../generic/model-store';\n\nconst LogistrationAlert = React.lazy(() => import('./LogistrationAlert'));\n\nexport function useLogistrationAlert(courseId) {\n const { authenticatedUser } = useContext(AppContext);\n const outline = useModel('outline', courseId);\n const privateOutline = outline && outline.courseBlocks && !outline.courseBlocks.courses;\n /**\n * This alert should render if\n * 1. the user is not authenticated, AND\n * 2. the course is private.\n */\n const isVisible = authenticatedUser === null && privateOutline;\n\n useAlert(isVisible, {\n code: 'clientLogistrationAlert',\n topic: 'outline',\n dismissible: false,\n type: ALERT_TYPES.ERROR,\n });\n\n return { clientLogistrationAlert: LogistrationAlert };\n}\n","import React from 'react';\nimport { FormattedMessage } from '@edx/frontend-platform/i18n';\n\nexport const DismissButtonFormattedMessage = () => (\n \n
\n {masqueradeErrorMessage && (\n \n
\n
\n \n
\n {((urlStudio && isStudioButtonVisible) || urlInsights) && (\n <>\n \n
\n \n {masqueradeErrorMessage}\n \n
\n )}\n {intl.formatMessage(messages.newUserModalBody, { siteName: getConfig().SITE_NAME })}
\n \n);\n\nNewUserCourseHomeTourModal.propTypes = {\n intl: intlShape.isRequired,\n isOpen: PropTypes.bool.isRequired,\n onDismiss: PropTypes.func.isRequired,\n onStartTour: PropTypes.func.isRequired,\n};\n\nexport default injectIntl(NewUserCourseHomeTourModal);\n","import { camelCaseObject, getConfig } from '@edx/frontend-platform';\nimport { getAuthenticatedHttpClient } from '@edx/frontend-platform/auth';\n\nexport async function getTourData(username) {\n const url = `${getConfig().LMS_BASE_URL}/api/user_tours/v1/${username}`;\n try {\n const { data } = await getAuthenticatedHttpClient().get(url);\n return { toursEnabled: true, ...camelCaseObject(data) };\n } catch (error) {\n const { httpErrorStatus } = error && error.customAttributes;\n /** The API will return a\n * 401 if the user is not authenticated\n * 403 if the tour waffle flag is inactive\n * 404 if no User Tour objects exist for the given username\n */\n if (httpErrorStatus === 401 || httpErrorStatus === 403 || httpErrorStatus === 404) {\n return { toursEnabled: false };\n }\n throw error;\n }\n}\n\nexport async function patchTourData(username, tourData) {\n const url = `${getConfig().LMS_BASE_URL}/api/user_tours/v1/${username}`;\n return getAuthenticatedHttpClient().patch(url, tourData);\n}\n","import { logError } from '@edx/frontend-platform/logging';\n\nimport { getTourData, patchTourData } from './api';\nimport {\n disableCourseHomeTour,\n disableCoursewareTour,\n disableNewUserCourseHomeModal,\n setTourData,\n} from './slice';\n\nexport function closeNewUserCourseHomeModal() {\n return async (dispatch) => dispatch(disableNewUserCourseHomeModal());\n}\n\nexport function endCourseHomeTour(username) {\n return async (dispatch) => {\n try {\n await patchTourData(username, {\n course_home_tour_status: 'no-tour',\n });\n dispatch(disableCourseHomeTour());\n } catch (error) {\n logError(error);\n }\n };\n}\n\nexport function endCoursewareTour(username) {\n return async (dispatch) => {\n try {\n await patchTourData(username, {\n show_courseware_tour: false,\n });\n dispatch(disableCoursewareTour());\n } catch (error) {\n logError(error);\n }\n };\n}\n\nexport function fetchTourData(username) {\n return async (dispatch) => {\n try {\n const data = await getTourData(username);\n dispatch(setTourData(data));\n } catch (error) {\n logError(error);\n }\n };\n}\n","/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { useEffect, useState } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { sendTrackEvent } from '@edx/frontend-platform/analytics';\nimport { getAuthenticatedUser } from '@edx/frontend-platform/auth';\nimport { ProductTour } from '@openedx/paragon';\n\nimport abandonTour from './AbandonTour';\nimport coursewareTour from './CoursewareTour';\nimport existingUserCourseHomeTour from './ExistingUserCourseHomeTour';\nimport newUserCourseHomeTour from './newUserCourseHomeTour/NewUserCourseHomeTour';\nimport NewUserCourseHomeTourModal from './newUserCourseHomeTour/NewUserCourseHomeTourModal';\nimport {\n closeNewUserCourseHomeModal,\n endCourseHomeTour,\n endCoursewareTour,\n fetchTourData,\n} from './data';\n\nconst ProductTours = ({\n activeTab,\n courseId,\n isStreakCelebrationOpen,\n org,\n}) => {\n const {\n proctoringPanelStatus,\n } = useSelector(state => state.courseHome);\n\n const {\n showCoursewareTour,\n showExistingUserCourseHomeTour,\n showNewUserCourseHomeModal,\n showNewUserCourseHomeTour,\n } = useSelector(state => state.tours);\n\n const [isAbandonTourEnabled, setIsAbandonTourEnabled] = useState(false);\n const [isCoursewareTourEnabled, setIsCoursewareTourEnabled] = useState(false);\n const [isExistingUserCourseHomeTourEnabled, setIsExistingUserCourseHomeTourEnabled] = useState(false);\n const [isNewUserCourseHomeTourEnabled, setIsNewUserCourseHomeTourEnabled] = useState(false);\n\n const dispatch = useDispatch();\n const {\n administrator,\n username,\n } = getAuthenticatedUser() || {};\n const isCoursewareTab = activeTab === 'courseware';\n const isOutlineTab = activeTab === 'outline';\n\n useEffect(() => {\n const isOutlineTabResolved = isOutlineTab && proctoringPanelStatus === 'loaded';\n const userIsAuthenticated = !!username;\n\n // Tours currently only exist on the Outline Tab and within Courseware, so we'll avoid\n // calling the tour endpoint unnecessarily.\n if (userIsAuthenticated && (isCoursewareTab || isOutlineTabResolved)) {\n dispatch(fetchTourData(username));\n }\n }, [proctoringPanelStatus]);\n\n useEffect(() => {\n if (isCoursewareTab && showCoursewareTour) {\n setIsCoursewareTourEnabled(true);\n }\n }, [showCoursewareTour]);\n\n useEffect(() => {\n if (isOutlineTab) {\n setIsExistingUserCourseHomeTourEnabled(!!showExistingUserCourseHomeTour);\n }\n }, [showExistingUserCourseHomeTour]);\n\n useEffect(() => {\n if (isOutlineTab && showNewUserCourseHomeTour) {\n setIsAbandonTourEnabled(false);\n setIsNewUserCourseHomeTourEnabled(true);\n }\n }, [showNewUserCourseHomeTour]);\n\n if (isStreakCelebrationOpen) {\n return null;\n }\n\n // The\n {intl.formatMessage(messages.failure)}\n
\n )}\n \n );\n};\n\nTabPage.defaultProps = {\n courseId: null,\n unitId: null,\n};\n\nTabPage.propTypes = {\n activeTabSlug: PropTypes.string.isRequired,\n intl: intlShape.isRequired,\n courseId: PropTypes.string,\n courseStatus: PropTypes.string.isRequired,\n metadataModel: PropTypes.string.isRequired,\n unitId: PropTypes.string,\n};\n\nexport default injectIntl(TabPage);\n","/* eslint-disable import/prefer-default-export */\nimport { getLocale } from '@edx/frontend-platform/i18n';\n\n// This function inspects an access denied error and provides a redirect url (looks like a /redirect/... path),\n// which then renders a nice little message while the browser loads the next page.\n// This is basically a frontend version of check_course_access_with_redirect in the backend.\nexport function getAccessDeniedRedirectUrl(courseId, activeTabSlug, courseAccess, start) {\n let url = null;\n switch (courseAccess.errorCode) {\n case 'audit_expired':\n url = `/redirect/dashboard?access_response_error=${courseAccess.additionalContextUserMessage}`;\n break;\n case 'course_not_started':\n // eslint-disable-next-line no-case-declarations\n const startDate = (new Intl.DateTimeFormat(getLocale())).format(new Date(start));\n url = `/redirect/dashboard?notlive=${startDate}`;\n break;\n case 'course_not_started_enterprise_learner':\n url = '/redirect/enterprise-learner-dashboard';\n break;\n case 'survey_required':\n url = `/redirect/survey/${courseId}`;\n break;\n case 'data_sharing_access_required':\n url = `/redirect/consent?consentPath=${encodeURIComponent(courseAccess.developerMessage)}`;\n break;\n case 'incorrect_active_enterprise':\n url = `/course/${courseId}/access-denied`;\n break;\n case 'unfulfilled_milestones':\n url = '/redirect/dashboard';\n break;\n case 'authentication_required':\n case 'enrollment_required':\n default:\n if (activeTabSlug !== 'outline') {\n url = `/course/${courseId}/home`;\n }\n }\n return url;\n}\n","import React, { useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { useParams } from 'react-router-dom';\nimport { OuterExamTimer } from '@edx/frontend-lib-special-exams';\n\nimport TabPage from './TabPage';\n\nconst TabContainer = (props) => {\n const {\n children,\n fetch,\n slice,\n tab,\n isProgressTab,\n } = props;\n\n const { courseId: courseIdFromUrl, targetUserId } = useParams();\n const dispatch = useDispatch();\n\n useEffect(() => {\n // The courseId from the URL is the course we WANT to load.\n if (isProgressTab) {\n dispatch(fetch(courseIdFromUrl, targetUserId));\n } else {\n dispatch(fetch(courseIdFromUrl));\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [courseIdFromUrl, targetUserId]);\n\n // The courseId from the store is the course we HAVE loaded. If the URL changes,\n // we don't want the application to adjust to it until it has actually loaded the new data.\n const {\n courseId,\n courseStatus,\n } = useSelector(state => state[slice]);\n\n return (\n\n {title}\n {shouldDisplayFullScreen\n ? null\n : (\n
\n \n )}\n {children}\n \n );\n};\n\nSidebarBase.propTypes = {\n intl: intlShape.isRequired,\n title: PropTypes.string.isRequired,\n ariaLabel: PropTypes.string.isRequired,\n sidebarId: PropTypes.string.isRequired,\n className: PropTypes.string.isRequired,\n children: PropTypes.element.isRequired,\n showTitleBar: PropTypes.bool,\n width: PropTypes.string,\n};\n\nSidebarBase.defaultProps = {\n width: '31rem',\n showTitleBar: true,\n};\n\nexport default injectIntl(SidebarBase);\n","import { injectIntl } from '@edx/frontend-platform/i18n';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nconst SidebarTriggerBase = ({\n onClick,\n ariaLabel,\n children,\n}) => (\n \n toggleSidebar(null)}\n variant=\"primary\"\n alt={intl.formatMessage(messages.closeNotificationTrigger)}\n />\n
\n )}\n \n {children}\n
\n \n);\n\nSidebarTriggerBase.propTypes = {\n onClick: PropTypes.func.isRequired,\n ariaLabel: PropTypes.string.isRequired,\n children: PropTypes.element.isRequired,\n};\n\nexport default injectIntl(SidebarTriggerBase);\n","import { defineMessages } from '@edx/frontend-platform/i18n';\n\nconst messages = defineMessages({\n discussionsTitle: {\n id: 'discussions.sidebar.title',\n defaultMessage: 'Discussions',\n description: 'Title text for a forum where users are able to discuss course topics',\n },\n openDiscussionsTrigger: {\n id: 'discussions.sidebar.open.button',\n defaultMessage: 'Show discussions tray',\n description: 'Alt text for a button that opens the discussions feature',\n },\n});\n\nexport default messages;\n","import { ensureConfig, getConfig } from '@edx/frontend-platform';\nimport { injectIntl, intlShape } from '@edx/frontend-platform/i18n';\nimport { Icon } from '@openedx/paragon';\nimport { QuestionAnswer } from '@openedx/paragon/icons';\nimport PropTypes from 'prop-types';\nimport { useContext, useEffect, useMemo } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { useModel } from '@src/generic/model-store';\nimport { WIDGETS } from '@src/constants';\nimport { getCourseDiscussionTopics } from '../../../../data/thunks';\nimport SidebarTriggerBase from '../../common/TriggerBase';\nimport SidebarContext from '../../SidebarContext';\nimport messages from './messages';\n\nensureConfig(['DISCUSSIONS_MFE_BASE_URL']);\nexport const ID = WIDGETS.DISCUSSIONS;\n\nconst DiscussionsTrigger = ({\n intl,\n onClick,\n}) => {\n const {\n unitId,\n courseId,\n } = useContext(SidebarContext);\n const dispatch = useDispatch();\n const { tabs } = useModel('courseHomeMeta', courseId);\n const topic = useModel('discussionTopics', unitId);\n const baseUrl = getConfig().DISCUSSIONS_MFE_BASE_URL;\n const edxProvider = useMemo(\n () => tabs?.find(tab => tab.slug === 'discussion'),\n [tabs],\n );\n\n useEffect(() => {\n if (baseUrl && edxProvider) {\n dispatch(getCourseDiscussionTopics(courseId));\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [courseId, baseUrl]);\n\n if (!topic?.id || !topic?.enabledInContext) {\n return null;\n }\n\n return (\n {verifiedMode\n ? (\n \n
\n \n );\n};\n\nNotificationTray.propTypes = {\n intl: intlShape.isRequired,\n};\n\nNotificationTray.Trigger = NotificationTrigger;\nNotificationTray.ID = ID;\n\nexport default injectIntl(NotificationTray);\n","import * as notifications from './notifications';\nimport * as discussions from './discussions';\n\nexport const SIDEBARS = {\n [notifications.ID]: {\n ID: notifications.ID,\n Sidebar: notifications.Sidebar,\n Trigger: notifications.Trigger,\n },\n [discussions.ID]: {\n ID: discussions.ID,\n Sidebar: discussions.Sidebar,\n Trigger: discussions.Trigger,\n },\n};\n\nexport const SIDEBAR_ORDER = [\n discussions.ID,\n notifications.ID,\n];\n","import { breakpoints, useWindowSize } from '@openedx/paragon';\nimport PropTypes from 'prop-types';\nimport { useSelector } from 'react-redux';\nimport {\n useEffect, useState, useMemo, useCallback,\n} from 'react';\n\nimport { useModel } from '@src/generic/model-store';\nimport { getLocalStorage, setLocalStorage } from '@src/data/localStorage';\nimport { getCoursewareOutlineSidebarSettings } from '../../data/selectors';\n\nimport * as discussionsSidebar from './sidebars/discussions';\nimport * as notificationsSidebar from './sidebars/notifications';\nimport SidebarContext from './SidebarContext';\nimport { SIDEBARS } from './sidebars';\n\nconst SidebarProvider = ({\n courseId,\n unitId,\n children,\n}) => {\n const { verifiedMode } = useModel('courseHomeMeta', courseId);\n const topic = useModel('discussionTopics', unitId);\n const isUnitHasDiscussionTopics = topic?.id && topic?.enabledInContext;\n const shouldDisplayFullScreen = useWindowSize().width < breakpoints.extraLarge.minWidth;\n const shouldDisplaySidebarOpen = useWindowSize().width > breakpoints.extraLarge.minWidth;\n const query = new URLSearchParams(window.location.search);\n const { alwaysOpenAuxiliarySidebar } = useSelector(getCoursewareOutlineSidebarSettings);\n const isInitiallySidebarOpen = shouldDisplaySidebarOpen || query.get('sidebar') === 'true';\n\n let initialSidebar = shouldDisplayFullScreen ? getLocalStorage(`sidebar.${courseId}`) : null;\n if (!shouldDisplayFullScreen && isInitiallySidebarOpen && alwaysOpenAuxiliarySidebar) {\n initialSidebar = isUnitHasDiscussionTopics\n ? SIDEBARS[discussionsSidebar.ID].ID\n : verifiedMode && SIDEBARS[notificationsSidebar.ID].ID;\n }\n const [currentSidebar, setCurrentSidebar] = useState(initialSidebar);\n const [notificationStatus, setNotificationStatus] = useState(getLocalStorage(`notificationStatus.${courseId}`));\n const [upgradeNotificationCurrentState, setUpgradeNotificationCurrentState] = useState(getLocalStorage(`upgradeNotificationCurrentState.${courseId}`));\n\n useEffect(() => {\n if (initialSidebar && currentSidebar !== initialSidebar) {\n setCurrentSidebar(initialSidebar);\n }\n }, [unitId, topic]);\n\n useEffect(() => {\n if (initialSidebar) {\n setCurrentSidebar(initialSidebar);\n }\n }, [shouldDisplaySidebarOpen]);\n\n const onNotificationSeen = useCallback(() => {\n setNotificationStatus('inactive');\n setLocalStorage(`notificationStatus.${courseId}`, 'inactive');\n }, [courseId]);\n\n const toggleSidebar = useCallback((sidebarId) => {\n // Switch to new sidebar or hide the current sidebar\n const newSidebar = sidebarId === currentSidebar ? null : sidebarId;\n setCurrentSidebar(newSidebar);\n setLocalStorage(`sidebar.${courseId}`, newSidebar);\n }, [currentSidebar]);\n\n const contextValue = useMemo(() => ({\n initialSidebar,\n toggleSidebar,\n onNotificationSeen,\n setNotificationStatus,\n currentSidebar,\n notificationStatus,\n upgradeNotificationCurrentState,\n setUpgradeNotificationCurrentState,\n shouldDisplaySidebarOpen,\n shouldDisplayFullScreen,\n courseId,\n unitId,\n }), [courseId, currentSidebar, notificationStatus, onNotificationSeen, shouldDisplayFullScreen,\n shouldDisplaySidebarOpen, toggleSidebar, unitId, upgradeNotificationCurrentState]);\n\n return (\n {intl.formatMessage(messages.noNotificationsMessage)}
\n )}\n\n {title}\n
\n \n \n )}\n {children}\n \n );\n};\n\nexport default SidebarBase;\n","import React, { useContext } from 'react';\n\nimport { ensureConfig, getConfig } from '@edx/frontend-platform';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport classNames from 'classnames';\n\nimport SidebarContext from '../../../SidebarContext';\nimport messages from '../../../messages';\n\nensureConfig(['DISCUSSIONS_MFE_BASE_URL']);\n\nconst DiscussionsWidget = () => {\n const intl = useIntl();\n const {\n unitId,\n courseId,\n hideDiscussionbar,\n isDiscussionbarAvailable,\n shouldDisplayFullScreen,\n } = useContext(SidebarContext);\n const discussionsUrl = `${getConfig().DISCUSSIONS_MFE_BASE_URL}/${courseId}/category/${unitId}`;\n\n if (hideDiscussionbar || !isDiscussionbarAvailable) { return null; }\n\n return (\n \n toggleSidebar(sidebarId)}\n alt={intl.formatMessage(messages.closeTrigger)}\n className=\"icon-hover\"\n />\n
\n \n \n
\n );\n};\n\nexport default NotificationsWidget;\n","// This file holds some convenience methods for dealing with sessionStorage. Unlike localStorage that never expires,\n// sessionStorage is cleared when the browser tab is closed since the page session ends\n//\n// NOTE: These storage keys are not namespaced. That means that it's shared for the current fully\n// qualified domain. Namespacing could be added, but we'll cross that bridge when we need it.\n\nfunction getSessionStorage(key) {\n try {\n if (global.sessionStorage) {\n return global.sessionStorage.getItem(key);\n }\n } catch (e) {\n // If this fails for some reason, just return null.\n }\n return null;\n}\n\nfunction setSessionStorage(key, value) {\n try {\n if (global.sessionStorage) {\n global.sessionStorage.setItem(key, value);\n }\n } catch (e) {\n // If this fails, just bail.\n }\n}\n\nexport {\n getSessionStorage,\n setSessionStorage,\n};\n","const RightSidebarFilled = (props) => (\n \n {SIDEBAR_ORDER.map((sidebarId) => {\n const { Trigger } = SIDEBARS[sidebarId];\n const isActive = sidebarId === currentSidebar;\n return (\n \n toggleSidebar(sidebarId)} key={sidebarId} />\n
\n );\n })}\n \n );\n};\n\nSidebarTriggers.propTypes = {};\n\nexport default SidebarTriggers;\n","import React, { useContext } from 'react';\n\nimport SidebarContext from './SidebarContext';\nimport { SIDEBAR_ORDER, SIDEBARS } from './sidebars';\n\nconst SidebarTriggers = () => {\n const { toggleSidebar } = useContext(SidebarContext);\n\n return (\n \n {SIDEBAR_ORDER.map((sidebarId) => {\n const { Trigger } = SIDEBARS[sidebarId];\n return (\n toggleSidebar(sidebarId)} key={sidebarId} />\n );\n })}\n
\n );\n};\n\nexport default SidebarTriggers;\n","import React from 'react';\n\nimport { PluginSlot } from '@openedx/frontend-plugin-framework';\nimport { useModel } from '@src/generic/model-store';\n\nimport SidebarTriggers from '../../courseware/course/sidebar/SidebarTriggers';\nimport NewSidebarTriggers from '../../courseware/course/new-sidebar/SidebarTriggers';\n\ninterface Props {\n courseId: string;\n}\n\nexport const NotificationsDiscussionsSidebarTriggerSlot : React.FC{intl.formatMessage(messages.congrats)}
\n )}\n {...rest}\n >\n <>\n{intl.formatMessage(messages.completed)}
\n {!wideScreen &&\n {intl.formatMessage(messages.earned)} {intl.formatMessage(messages.share)}\n
\n{intl.formatMessage(messages.goalMet)}
\n )}\n {...rest}\n >\n <>\n\n {daysPerWeek} {daysPerWeek === 1 ? 'time' : 'times'}),\n }}\n />\n
\n \n 
\n
\n \n
\n \n \n );\n};\n\nWeeklyGoalCelebrationModal.propTypes = {\n courseId: PropTypes.string.isRequired,\n daysPerWeek: PropTypes.number.isRequired,\n intl: intlShape.isRequired,\n isOpen: PropTypes.bool.isRequired,\n onClose: PropTypes.func.isRequired,\n};\n\nexport default injectIntl(WeeklyGoalCelebrationModal);\n","import { defineMessages } from '@edx/frontend-platform/i18n';\n\nconst messages = defineMessages({\n 'calculator.button.label': {\n id: 'calculator.button.label',\n defaultMessage: 'Calculator',\n description: 'Button label to expand or close the calculator',\n },\n 'calculator.input.field.label': {\n id: 'calculator.input.field.label',\n defaultMessage: 'Calculator Input',\n description: 'label for calculator input',\n },\n 'calculator.submit.button.label': {\n id: 'calculator.submit.button.label',\n defaultMessage: 'Calculate',\n description: 'Submit button label to execute the calculator',\n },\n 'calculator.result.field.label': {\n id: 'calculator.result.field.label',\n defaultMessage: 'Calculator Result',\n description: 'label for calculator result',\n },\n 'calculator.result.field.placeholder': {\n id: 'calculator.result.field.placeholder',\n defaultMessage: 'Result',\n description: 'placeholder for calculator result',\n },\n});\n\nexport default messages;\n","import React, { Component } from 'react';\nimport { Collapsible } from '@openedx/paragon';\nimport { getConfig } from '@edx/frontend-platform';\nimport { getAuthenticatedHttpClient } from '@edx/frontend-platform/auth';\nimport {\n FormattedMessage, injectIntl, intlShape,\n} from '@edx/frontend-platform/i18n';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport {\n faCalculator, faQuestionCircle, faTimesCircle, faEquals,\n} from '@fortawesome/free-solid-svg-icons';\nimport messages from './messages';\n\nclass Calculator extends Component {\n constructor(props) {\n super(props);\n this.state = {\n equation: '',\n result: '',\n };\n this.handleSubmit = this.handleSubmit.bind(this);\n }\n\n async handleSubmit(event) {\n event.preventDefault();\n event.stopPropagation();\n const urlEncoded = new URLSearchParams();\n urlEncoded.append('equation', this.state.equation);\n\n const response = await getAuthenticatedHttpClient().get(\n `${getConfig().LMS_BASE_URL}/calculate?${urlEncoded.toString()}`,\n );\n this.setState(() => ({ result: response.data.result }));\n }\n\n changeEquation(value) {\n this.setState(() => ({ equation: value }));\n }\n\n render() {\n return (\n \n achieve higher performance),\n }}\n />\n
\n \n \n \n \n \n \n {this.props.intl.formatMessage(messages['calculator.button.label'])}\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 e, pi | \n\n
| \n |
| \n | \n \n | \n \n
| \n |
| \n | \n abs, exp, fact, factorial, ln, log2, log10, sqrt | \n\n
| \n |
| \n | \n \n
| \n \n
| \n \n |
| \n | \n \n | \n 10^-9 | \n|
| \n | \n \n | \n 1e-9 | \n
\n
\n )\n );\n};\n\nContentTools.propTypes = {\n course: PropTypes.shape({\n notes: PropTypes.shape({\n enabled: PropTypes.bool,\n }),\n showCalculator: PropTypes.bool,\n }).isRequired,\n};\n\nexport default ContentTools;\n","import ContentTools from './ContentTools';\n\nexport default ContentTools;\n","import { defineMessages } from '@edx/frontend-platform/i18n';\n\nconst messages = defineMessages({\n entranceExamTextNotPassing: {\n id: 'learn.sequence.entranceExamTextNotPassing',\n defaultMessage: 'To access course materials, you must score {entranceExamMinimumScorePct}% or higher on this exam. Your current score is {entranceExamCurrentScore}%.',\n },\n entranceExamTextPassed: {\n id: 'learn.sequence.entranceExamTextPassed',\n defaultMessage: 'Your score is {entranceExamCurrentScore}%. You have passed the entrance exam.',\n },\n});\n\nexport default messages;\n","import PropTypes from 'prop-types';\nimport { PluginSlot } from '@openedx/frontend-plugin-framework';\n\nconst SequenceContainerSlot = ({ courseId, unitId }) => (\n \n {course.showCalculator && (\n
\n \n
\n );\n\n const renderCreativeCommonsLicense = (activeCreativeCommonsLicenseTags, version) => (\n \n {licenseType === 'all-rights-reserved' && renderAllRightsReservedLicense()}\n {licenseType === 'creative-commons' && renderCreativeCommonsLicense(\n Object.keys(licenseOptions),\n licenseVersion,\n )}\n
\n );\n};\n\nCourseLicense.propTypes = {\n license: PropTypes.string,\n intl: intlShape.isRequired,\n};\n\nCourseLicense.defaultProps = {\n license: 'all-rights-reserved',\n};\n\nexport default injectIntl(CourseLicense);\n","import { useContext } from 'react';\n\nimport SidebarContext from './SidebarContext';\nimport { SIDEBARS } from './sidebars';\n\nconst Sidebar = () => {\n const { currentSidebar } = useContext(SidebarContext);\n\n if (!currentSidebar || !SIDEBARS[currentSidebar]) {\n return null;\n }\n\n const SidebarToRender = SIDEBARS[currentSidebar].Sidebar;\n\n return (\n {intl.formatMessage(messages.header)}
\n\n {intl.formatMessage(messages.description)}\n {progressLink && (\n <>\n
\n
\n {intl.formatMessage(messages.nextUpButton, { title: nextSequence.title })}\n
\n );\n};\n\nUnitNavigationEffortEstimate.propTypes = {\n children: PropTypes.node,\n intl: intlShape.isRequired,\n sequenceId: PropTypes.string.isRequired,\n unitId: PropTypes.string,\n};\n\nUnitNavigationEffortEstimate.defaultProps = {\n children: null,\n unitId: null,\n};\n\nexport default injectIntl(UnitNavigationEffortEstimate);\n","import PropTypes from 'prop-types';\nimport { Link, useLocation } from 'react-router-dom';\nimport { Button } from '@openedx/paragon';\nimport { ChevronLeft, ChevronRight } from '@openedx/paragon/icons';\nimport { isRtl, getLocale } from '@edx/frontend-platform/i18n';\n\nimport UnitNavigationEffortEstimate from '../UnitNavigationEffortEstimate';\n\nconst NextButton = ({\n onClick,\n buttonLabel,\n nextLink,\n variant,\n buttonStyle,\n disabled,\n hasEffortEstimate,\n}) => {\n const nextArrow = isRtl(getLocale()) ? ChevronLeft : ChevronRight;\n const { pathname } = useLocation();\n const navLink = pathname.startsWith('/preview') ? `/preview${nextLink}` : nextLink;\n const buttonContent = hasEffortEstimate ? (\n \n {renderPreviousButton()}\n {renderNextButton()}\n
\n );\n};\n\nUnitNavigation.propTypes = {\n sequenceId: PropTypes.string.isRequired,\n unitId: PropTypes.string,\n onClickPrevious: PropTypes.func.isRequired,\n onClickNext: PropTypes.func.isRequired,\n isAtTop: PropTypes.bool,\n};\n\nUnitNavigation.defaultProps = {\n unitId: null,\n isAtTop: false,\n};\n\nexport default UnitNavigation;\n","/* eslint-disable no-param-reassign */\nimport { createSlice } from '@reduxjs/toolkit';\n\nconst slice = createSlice({\n name: 'plugin',\n initialState: {\n },\n reducers: {\n registerOverrideMethod: (state, { payload }) => {\n const { pluginName, methodName, method } = payload;\n state[pluginName] = state[pluginName] || {};\n state[pluginName][methodName] = method;\n },\n },\n});\n\nexport const {\n registerOverrideMethod,\n} = slice.actions;\n\nexport const { reducer } = slice;\n","import React from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faBookmark } from '@fortawesome/free-regular-svg-icons';\n\nconst BookmarkOutlineIcon = (props) => { modalOptions.body }
\n : (\n \n \n
\n )}\n {modalOptions.isOpen && (modalOptions.isFullscreen\n ? (\n \n {siteName}{' '}\n {intl.formatMessage(messages['learn.honorCode.name'])}\n
\n\n\n
\n \n
\n )}\n \n \n
\n\n {pastExpirationDeadline\n ? null\n : (\n \n {intl.formatMessage(messages['learn.lockPaywall.title'])}\n
\n {pastExpirationDeadline ? (\n\n {intl.formatMessage(messages['learn.lockPaywall.content.pastExpiration'])}\n {intl.formatMessage(messages['learn.lockPaywall.courseDetails'])} \n
\n ) : (\n \n {intl.formatMessage(messages['learn.lockPaywall.content'])}\n
\n )}\n\n \n
\n \n
\n\n \n
\n \n {intl.formatMessage(messages['learn.lockPaywall.list.intro'])}\n
\n - \n
\n
\n );\n};\n\nUnit.propTypes = {\n courseId: PropTypes.string.isRequired,\n format: PropTypes.string,\n id: PropTypes.string.isRequired,\n onLoaded: PropTypes.func,\n isOriginalUserStaff: PropTypes.bool.isRequired,\n};\n\nUnit.defaultProps = {\n format: null,\n onLoaded: undefined,\n};\n\nexport default Unit;\n","import { useSelector, shallowEqual } from 'react-redux';\n\n// eslint-disable-next-line import/prefer-default-export\nexport function usePluginsCallback(methodName, defaultMethod) {\n return useSelector(\n state => (() => {\n let result = defaultMethod();\n Object.values(state.plugins).forEach((plugin) => {\n if (plugin[methodName]) {\n result = plugin[methodName](result);\n }\n });\n return result;\n }),\n shallowEqual,\n );\n}\n","import React, { Suspense, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport PageLoading from '../../../generic/PageLoading';\nimport { useModel } from '../../../generic/model-store';\n\nimport messages from './messages';\nimport Unit from './Unit';\n\nconst ContentLock = React.lazy(() => import('./content-lock'));\n\nconst SequenceContent = ({\n gated,\n courseId,\n sequenceId,\n unitId,\n unitLoadedHandler,\n isOriginalUserStaff,\n}) => {\n const intl = useIntl();\n const sequence = useModel('sequences', sequenceId);\n\n // Go back to the top of the page whenever the unit or sequence changes.\n useEffect(() => {\n global.scrollTo(0, 0);\n }, [sequenceId, unitId]);\n\n if (gated) {\n return (\n \n
\n {unit.title}
\n{formatMessage(messages.headerPlaceholder)}
\n\n {intl.formatMessage(messages.noContent)}\n
\n );\n }\n\n return (\n \n
\n \n {title}\n \n , {intl.formatMessage(complete\n ? courseOutlineMessages.completedSection\n : courseOutlineMessages.incompleteSection)}\n \n
\n \n );\n\n return (\n \n
\n \n {title}\n {specialExamInfo && {specialExamInfo}}\n \n , {intl.formatMessage(complete\n ? courseOutlineMessages.completedAssignment\n : courseOutlineMessages.incompleteAssignment)}\n \n
\n \n );\n\n return (\n \n {isDisplaySequenceLevel && backButtonTitle ? (\n \n {backButtonTitle}\n \n ) : (\n \n {intl.formatMessage(messages.courseOutlineTitle)}\n \n )}\n
\n );\n\n useEffect(() => {\n if ((isEnabledSidebar && courseOutlineStatus !== LOADED) || courseOutlineShouldUpdate) {\n dispatch(getCourseOutlineStructure(courseId));\n }\n }, [courseId, isEnabledSidebar, courseOutlineShouldUpdate]);\n\n if (!isEnabledSidebar || isActiveEntranceExam || currentSidebar !== ID) {\n return null;\n }\n\n if (courseOutlineStatus === LOADING) {\n return (\n \n \n {sidebarHeading}\n \n
\n );\n }\n\n return (\n \n \n {sidebarHeading}\n \n \n
\n );\n};\n\nCourseOutlineTray.propTypes = {\n intl: intlShape.isRequired,\n};\n\nCourseOutlineTray.ID = ID;\n\nexport default injectIntl(CourseOutlineTray);\n","import React from 'react';\n\nimport { PluginSlot } from '@openedx/frontend-plugin-framework';\n\nimport CourseOutlineTray from '../../courseware/course/sidebar/sidebars/course-outline/CourseOutlineTray';\n\nexport const CourseOutlineSidebarSlot : React.FC = () => (\n \n
\n );\n};\n\nCourseOutlineTrigger.defaultProps = {\n isMobileView: false,\n};\n\nCourseOutlineTrigger.propTypes = {\n intl: intlShape.isRequired,\n isMobileView: PropTypes.bool,\n};\n\nexport default injectIntl(CourseOutlineTrigger);\n","import React from 'react';\n\nimport { PluginSlot } from '@openedx/frontend-plugin-framework';\n\nimport CourseOutlineTrigger from '../../courseware/course/sidebar/sidebars/course-outline/CourseOutlineTrigger';\n\nexport const CourseOutlineSidebarTriggerSlot : React.FC = () => (\n {intl.formatMessage(messages.noContent)}
);\n }\n return (\n \n
\n \n {!isEnabledOutlineSidebar && (\n
\n \n {\n logEvent('edx.ui.lms.sequence.next_selected', 'top');\n handleNext();\n }}\n onNavigate={(destinationUnitId) => {\n logEvent('edx.ui.lms.sequence.tab_selected', 'top', destinationUnitId);\n handleNavigate(destinationUnitId);\n }}\n previousHandler={() => {\n logEvent('edx.ui.lms.sequence.previous_selected', 'top');\n handlePrevious();\n }}\n {...{\n nextSequenceHandler,\n handleNavigate,\n isOpen,\n open,\n close,\n }}\n />\n
\n )}\n\n \n
\n \n \n {isEnabledOutlineSidebar && renderUnitNavigation(true)}\n {defaultContent}\n \n
\n );\n }\n\n // sequence status 'failed' and any other unexpected sequence status.\n return (\n \n {intl.formatMessage(messages.loadFailure)}\n
\n );\n};\n\nSequence.propTypes = {\n unitId: PropTypes.string,\n sequenceId: PropTypes.string,\n courseId: PropTypes.string.isRequired,\n unitNavigationHandler: PropTypes.func.isRequired,\n nextSequenceHandler: PropTypes.func.isRequired,\n previousSequenceHandler: PropTypes.func.isRequired,\n};\n\nSequence.defaultProps = {\n sequenceId: null,\n unitId: null,\n};\n\nexport default Sequence;\n","import { useSelector } from 'react-redux';\n\nimport { useModel } from '../../generic/model-store';\nimport { ALERT_TYPES, useAlert } from '../../generic/user-messages';\n\nimport messages from './messages';\n\nfunction useSequenceBannerTextAlert(sequenceId) {\n const sequence = useModel('sequences', sequenceId);\n const sequenceStatus = useSelector(state => state.courseware.sequenceStatus);\n\n // Show Alert that comes along with the sequence\n useAlert(sequenceStatus === 'loaded' && sequence.bannerText, {\n code: null,\n dismissible: false,\n text: sequence.bannerText,\n type: ALERT_TYPES.INFO,\n topic: 'sequence',\n });\n}\n\nfunction useSequenceEntranceExamAlert(courseId, sequenceId, intl) {\n const course = useModel('coursewareMeta', courseId);\n const sequence = useModel('sequences', sequenceId);\n const sequenceStatus = useSelector(state => state.courseware.sequenceStatus);\n const {\n entranceExamCurrentScore,\n entranceExamEnabled,\n entranceExamId,\n entranceExamMinimumScorePct,\n entranceExamPassed,\n } = course.entranceExamData || {};\n const entranceExamAlertVisible = sequenceStatus === 'loaded' && entranceExamEnabled && entranceExamId === sequence.sectionId;\n let entranceExamText;\n\n if (entranceExamPassed) {\n entranceExamText = intl.formatMessage(\n messages.entranceExamTextPassed,\n { entranceExamCurrentScore: entranceExamCurrentScore * 100 },\n );\n } else {\n entranceExamText = intl.formatMessage(messages.entranceExamTextNotPassing, {\n entranceExamCurrentScore: entranceExamCurrentScore * 100,\n entranceExamMinimumScorePct: entranceExamMinimumScorePct * 100,\n });\n }\n\n useAlert(entranceExamAlertVisible, {\n code: null,\n dismissible: false,\n text: entranceExamText,\n type: ALERT_TYPES.INFO,\n topic: 'sequence',\n });\n}\n\nexport { useSequenceBannerTextAlert, useSequenceEntranceExamAlert };\n","import React from 'react';\n\nimport { PluginSlot } from '@openedx/frontend-plugin-framework';\n\nimport CourseOutlineTrigger from '../../courseware/course/sidebar/sidebars/course-outline/CourseOutlineTrigger';\n\nexport const CourseOutlineMobileSidebarTriggerSlot : React.FC = () => (\n\n {navigationDisabled || (\n <>\n
\n\n \n
\n \n \n \n
\n);\n\nexport default CoursewareRedirectLandingPage;\n","import { defineMessages } from '@edx/frontend-platform/i18n';\n\nconst messages = defineMessages({\n completed: {\n id: 'learning.dates.badge.completed',\n defaultMessage: 'Completed',\n description: 'shown as label for the assignments which learner has completed.',\n },\n dueNext: {\n id: 'learning.dates.badge.dueNext',\n defaultMessage: 'Due next',\n description: 'Shown as label for the assignment which date is in the future',\n },\n pastDue: {\n id: 'learning.dates.badge.pastDue',\n defaultMessage: 'Past due',\n description: 'Shown as label for the assignments which deadline has passed',\n },\n title: {\n id: 'learning.dates.title',\n defaultMessage: 'Important dates',\n description: 'The title of dates tab (course timeline).',\n },\n today: {\n id: 'learning.dates.badge.today',\n defaultMessage: 'Today',\n description: 'Label used when the scheduled date for the assignment matches the current day',\n },\n unreleased: {\n id: 'learning.dates.badge.unreleased',\n defaultMessage: 'Not yet released',\n description: 'Shown as label for assignments which date is unknown yet',\n },\n verifiedOnly: {\n id: 'learning.dates.badge.verifiedOnly',\n defaultMessage: 'Verified only',\n description: 'Shown as label for assignments which learner has no access to.',\n },\n});\n\nexport default messages;\n","import React from 'react';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faLock } from '@fortawesome/free-solid-svg-icons';\nimport { Badge } from '@openedx/paragon';\n\nimport messages from '../messages';\nimport { daycmp, isLearnerAssignment } from '../utils';\n\nfunction hasAccess(item) {\n return item.learnerHasAccess;\n}\n\nfunction isComplete(assignment) {\n return assignment.complete;\n}\n\nfunction isPastDue(assignment) {\n return !isComplete(assignment) && (new Date(assignment.date) < new Date());\n}\n\nfunction isUnreleased(assignment) {\n return !assignment.link;\n}\n\n// Pass a null item if you want to get a whole day's badge list, not just one item's list.\n// Returns an object with 'color' and 'badges' properties.\nfunction getBadgeListAndColor(date, intl, item, items) {\n const now = new Date();\n const assignments = items.filter(isLearnerAssignment);\n const isToday = daycmp(date, now) === 0;\n const isInFuture = daycmp(date, now) > 0;\n\n // This badge info list is in order of priority (they will appear left to right in this order and the first badge\n // sets the color of the dot in the timeline).\n const badgesInfo = [\n {\n message: messages.today,\n shownForDay: isToday,\n bg: 'bg-warning-300',\n className: 'text-dark',\n },\n {\n message: messages.completed,\n shownForDay: assignments.length && assignments.every(isComplete),\n shownForItem: x => isLearnerAssignment(x) && isComplete(x),\n bg: 'bg-light-500',\n className: 'text-dark',\n },\n {\n message: messages.pastDue,\n shownForDay: assignments.length && assignments.every(isPastDue),\n shownForItem: x => isLearnerAssignment(x) && isPastDue(x),\n bg: 'bg-dark-200',\n className: 'text-dark',\n },\n {\n message: messages.dueNext,\n shownForDay: !isToday && assignments.some(x => x.dueNext),\n shownForItem: x => x.dueNext,\n bg: 'bg-gray-500',\n className: 'text-white',\n },\n {\n message: messages.unreleased,\n shownForDay: assignments.length && assignments.every(isUnreleased),\n shownForItem: x => isLearnerAssignment(x) && isUnreleased(x),\n className: 'border border-gray-500 text-gray-500',\n },\n {\n message: messages.verifiedOnly,\n shownForDay: items.length && items.every(x => !hasAccess(x)),\n shownForItem: x => !hasAccess(x),\n icon: faLock,\n bg: 'bg-dark-700',\n className: 'text-white',\n },\n ];\n let color = null; // first color of any badge\n const badges = (\n <>\n {badgesInfo.map(b => {\n let shown = b.shownForDay;\n if (item) {\n if (b.shownForDay) {\n shown = false; // don't double up, if the day already has this badge\n } else {\n shown = b.shownForItem && b.shownForItem(item);\n }\n }\n if (!shown) {\n return null;\n }\n\n if (!color && !isInFuture) {\n color = b.bg;\n }\n return (\n - \n {groupedDates.map((groupedDate) => (\n
\n {intl.formatMessage(messages.suggestedSchedule)}\n
\n);\n\nSuggestedScheduleHeader.propTypes = {\n intl: intlShape.isRequired,\n};\n\nexport default injectIntl(SuggestedScheduleHeader);\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { injectIntl, intlShape } from '@edx/frontend-platform/i18n';\nimport {\n Alert,\n Button,\n Col,\n Row,\n} from '@openedx/paragon';\n\nimport { useModel } from '../../generic/model-store';\nimport messages from './messages';\n\nconst UpgradeToCompleteAlert = ({ intl, logUpgradeLinkClick }) => {\n const {\n courseId,\n } = useSelector(state => state.courseHome);\n\n const {\n datesBannerInfo,\n hasEnded,\n } = useModel('dates', courseId);\n\n const {\n contentTypeGatingEnabled,\n missedDeadlines,\n verifiedUpgradeLink,\n } = datesBannerInfo;\n\n if (!contentTypeGatingEnabled || missedDeadlines || hasEnded || !verifiedUpgradeLink) {\n return null;\n }\n\n return (\n\n {intl.formatMessage(messages.title)}\n
\n {isSelfPaced && hasDeadlines && (\n <>\n {header}
\n \n
\n \n \n );\n};\n\nResultPage.defaultProps = {\n courseTitle: null,\n error: false,\n};\n\nResultPage.propTypes = {\n courseTitle: PropTypes.string,\n error: PropTypes.bool,\n intl: intlShape.isRequired,\n};\n\nexport default injectIntl(ResultPage);\n","import { useEffect, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { sendTrackEvent } from '@edx/frontend-platform/analytics';\nimport { injectIntl, intlShape } from '@edx/frontend-platform/i18n';\n\nimport HeaderSlot from '../../plugin-slots/HeaderSlot';\nimport PageLoading from '../../generic/PageLoading';\nimport { unsubscribeFromCourseGoal } from '../data/api';\n\nimport messages from './messages';\nimport ResultPage from './ResultPage';\n\nconst GoalUnsubscribe = ({ intl }) => {\n const { token } = useParams();\n const [error, setError] = useState(false);\n const [isLoading, setIsLoading] = useState(true);\n const [data, setData] = useState({});\n\n // We don't need to bother with redux for this simple page. We're not sharing state with other pages at all.\n useEffect(() => {\n unsubscribeFromCourseGoal(token)\n .then(\n (result) => {\n setIsLoading(false);\n setData(result.data);\n },\n () => {\n setIsLoading(false);\n setError(true);\n },\n );\n // We unfortunately have no information about the user, course, org, or really anything\n // as visiting this page is allowed to be done anonymously and without the context of the course.\n // The token can be used to connect a user and course, it will just require some post-processing\n sendTrackEvent('edx.ui.lms.goal.unsubscribe', { token });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []); // deps=[] to only run once\n\n return (\n <>\n {description}
\n {intl.formatMessage(messages.unverifiedPendingBody)}
);\n } else {\n body = (\n\n \n {body}\n \n \n {buttonText && (buttonLocation || buttonAction) && (\n {\n logCertificateStatusButtonClicked(certStatus);\n if (buttonAction) { buttonAction(); }\n }}\n href={buttonLocation}\n block\n >\n {buttonText}\n \n )}\n \n
\n \n {intl.formatMessage(messages.percentComplete, { percent: completePercentage })}\n {intl.formatMessage(messages.percentIncomplete, { percent: incompletePercentage })}\n {lockedPercentage > 0 && (\n <>\n {intl.formatMessage(messages.percentLocked, { percent: lockedPercentage })}\n \n )}\n
\n \n );\n};\n\nCompletionDonutChart.propTypes = {\n intl: intlShape.isRequired,\n};\n\nexport default injectIntl(CompletionDonutChart);\n","import React from 'react';\nimport { injectIntl, intlShape } from '@edx/frontend-platform/i18n';\n\nimport CompletionDonutChart from './CompletionDonutChart';\nimport messages from './messages';\n\nconst CourseCompletion = ({ intl }) => (\n \n
\n \n
\n {intl.formatMessage(messages.courseCompletion)}
\n\n {intl.formatMessage(messages.completionBody)}\n
\n\n
\n \n
\n );\n};\n\nProgressHeader.propTypes = {\n intl: intlShape.isRequired,\n};\n\nexport default injectIntl(ProgressHeader);\n","import { PluginSlot } from '@openedx/frontend-plugin-framework';\nimport { breakpoints, useWindowSize } from '@openedx/paragon';\nimport CertificateStatus from '../../course-home/progress-tab/certificate-status/CertificateStatus';\n\nconst ProgressTabCertificateStatusMainBodySlot = () => {\n const windowWidth = useWindowSize().width;\n const wideScreen = windowWidth >= breakpoints.large.minWidth;\n return (\n {pageTitle}
\n {administrator && studioUrl && (\n \n )}\n- \n {orderedGradeRange.map((range, index) => {\n if (index === 0) {\n return (\n
\n
\n );\n};\n\nCourseGradeFooter.propTypes = {\n intl: intlShape.isRequired,\n passingGrade: PropTypes.number.isRequired,\n};\n\nexport default injectIntl(CourseGradeFooter);\n","import React from 'react';\n\nimport { sendTrackEvent } from '@edx/frontend-platform/analytics';\nimport { getAuthenticatedUser } from '@edx/frontend-platform/auth';\nimport { injectIntl, intlShape } from '@edx/frontend-platform/i18n';\nimport { Locked } from '@openedx/paragon/icons';\nimport { Button, Icon } from '@openedx/paragon';\nimport { useContextId } from '../../../../data/hooks';\n\nimport { useModel } from '../../../../generic/model-store';\nimport messages from '../messages';\n\nconst CourseGradeHeader = ({ intl }) => {\n const courseId = useContextId();\n const {\n org,\n } = useModel('courseHomeMeta', courseId);\n const {\n verifiedMode,\n gradesFeatureIsFullyLocked,\n } = useModel('progress', courseId);\n\n const eventProperties = {\n org_key: org,\n courserun_key: courseId,\n };\n\n const { administrator } = getAuthenticatedUser();\n const logUpgradeButtonClick = () => {\n sendTrackEvent('edx.ui.lms.course_progress.grades_upgrade.clicked', {\n org_key: org,\n courserun_key: courseId,\n is_staff: administrator,\n });\n sendTrackEvent('edx.bi.ecommerce.upsell_links_clicked', {\n ...eventProperties,\n linkCategory: '(none)',\n linkName: 'progress_locked',\n linkType: 'button',\n pageName: 'progress',\n });\n };\n let previewText;\n if (verifiedMode) {\n previewText = gradesFeatureIsFullyLocked\n ? intl.formatMessage(messages.courseGradePreviewUnlockCertificateBody)\n : intl.formatMessage(messages.courseGradePartialPreviewUnlockCertificateBody);\n } else {\n previewText = intl.formatMessage(messages.courseGradePreviewUpgradeDeadlinePassedBody);\n }\n return (\n \n {icon}\n
\n \n {!wideScreen && (\n \n {footerText}\n {hasLetterGrades && (\n \n \n
\n \n
\n );\n};\n\nCourseGradeHeader.propTypes = {\n intl: intlShape.isRequired,\n};\n\nexport default injectIntl(CourseGradeHeader);\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport {\n getLocale, injectIntl, intlShape, isRtl,\n} from '@edx/frontend-platform/i18n';\nimport { OverlayTrigger, Popover } from '@openedx/paragon';\nimport { useContextId } from '../../../../data/hooks';\n\nimport { useModel } from '../../../../generic/model-store';\n\nimport messages from '../messages';\n\nconst CurrentGradeTooltip = ({ intl, tooltipClassName }) => {\n const courseId = useContextId();\n\n const {\n courseGrade: {\n isPassing,\n percent,\n },\n } = useModel('progress', courseId);\n\n const currentGrade = Number((percent * 100).toFixed(0));\n\n let currentGradeDirection = currentGrade < 50 ? '' : '-';\n\n const isLocaleRtl = isRtl(getLocale());\n\n if (isLocaleRtl) {\n currentGradeDirection = currentGrade < 50 ? '-' : '';\n }\n\n return (\n <>\n \n
\n {verifiedMode && (\n \n
\n \n
\n \n \n {intl.formatMessage(messages.courseGradePreviewHeaderAriaHidden)}\n \n {gradesFeatureIsFullyLocked\n ? intl.formatMessage(messages.courseGradePreviewHeaderLocked)\n : intl.formatMessage(messages.courseGradePreviewHeaderLimited)}\n
\n \n
\n \n {previewText}\n
\n \n \n
\n )}\n \n
\n );\n};\n\nGradeBar.propTypes = {\n intl: intlShape.isRequired,\n passingGrade: PropTypes.number.isRequired,\n};\n\nexport default injectIntl(GradeBar);\n","import { defineMessages } from '@edx/frontend-platform/i18n';\n\nconst messages = defineMessages({\n completed: {\n id: 'progress.creditInformation.completed',\n defaultMessage: 'Completed',\n description: 'Label text if a requirement for (course credit) is satisfied',\n },\n courseCredit: {\n id: 'progress.creditInformation.courseCredit',\n defaultMessage: 'course credit',\n description: 'Anchor text for link that redirects (course credit) help page',\n },\n minimumGrade: {\n id: 'progress.creditInformation.minimumGrade',\n defaultMessage: 'Minimum grade for credit ({minGrade}%)',\n },\n requirementsHeader: {\n id: 'progress.creditInformation.requirementsHeader',\n defaultMessage: 'Requirements for course credit',\n description: 'Header for the requirements section in course credit',\n },\n upcoming: {\n id: 'progress.creditInformation.upcoming',\n defaultMessage: 'Upcoming',\n description: 'It indicate that the a (credit requirement) status is not known yet',\n },\n verificationFailed: {\n id: 'progress.creditInformation.verificationFailed',\n defaultMessage: 'Verification failed',\n description: 'It indicate that the learner submitted a requirement but is either failed or declined',\n },\n verificationSubmitted: {\n id: 'progress.creditInformation.verificationSubmitted',\n defaultMessage: 'Verification submitted',\n description: 'It indicate that the learner submitted a requirement but is not graded or reviewed yet',\n },\n});\n\nexport default messages;\n","import React from 'react';\nimport { getConfig } from '@edx/frontend-platform';\nimport { FormattedMessage, injectIntl, intlShape } from '@edx/frontend-platform/i18n';\nimport { CheckCircle, WarningFilled, WatchFilled } from '@openedx/paragon/icons';\nimport { Hyperlink, Icon } from '@openedx/paragon';\nimport { useContextId } from '../../../data/hooks';\n\nimport { useModel } from '../../../generic/model-store';\nimport { DashboardLink } from '../../../shared/links';\n\nimport messages from './messages';\n\nconst CreditInformation = ({ intl }) => {\n const courseId = useContextId();\n\n const {\n creditCourseRequirements,\n } = useModel('progress', courseId);\n\n if (!creditCourseRequirements) { return null; }\n\n let eligibilityStatus;\n let requirementStatus;\n const requirements = [];\n const dashboardLink = {intl.formatMessage(messages.courseGradeBarAltText, { currentGrade, passingGrade })}
\n \n \n
\n ));\n });\n\n return (\n <>\n \n {requirement.namespace === 'grade'\n ? `${intl.formatMessage(messages.minimumGrade, { minGrade: Number(requirement.criteria.minGrade) * 100 })}:`\n : `${requirement.displayName}:`}\n
\n\n {requirementStatus}\n
\n {intl.formatMessage(messages.requirementsHeader)}
\n{eligibilityStatus}
\n {requirements}\n \n );\n};\n\nCreditInformation.propTypes = {\n intl: intlShape.isRequired,\n};\n\nexport default injectIntl(CreditInformation);\n","import React from 'react';\nimport { injectIntl, intlShape } from '@edx/frontend-platform/i18n';\nimport { useContextId } from '../../../../data/hooks';\n\nimport { useModel } from '../../../../generic/model-store';\n\nimport CourseGradeFooter from './CourseGradeFooter';\nimport CourseGradeHeader from './CourseGradeHeader';\nimport GradeBar from './GradeBar';\nimport CreditInformation from '../../credit-information/CreditInformation';\n\nimport messages from '../messages';\n\nconst CourseGrade = ({ intl }) => {\n const courseId = useContextId();\n\n const {\n creditCourseRequirements,\n gradesFeatureIsFullyLocked,\n gradesFeatureIsPartiallyLocked,\n gradingPolicy: {\n gradeRange,\n },\n } = useModel('progress', courseId);\n\n const passingGrade = Number((Math.min(...Object.values(gradeRange)) * 100).toFixed(0));\n\n const applyLockedOverlay = gradesFeatureIsFullyLocked ? 'locked-overlay' : '';\n\n return (\n\n
\n \n
\n \n
\n {creditCourseRequirements\n ? intl.formatMessage(messages.gradesAndCredit)\n : intl.formatMessage(messages.grades)}\n
\n\n {intl.formatMessage(messages.courseGradeBody)}\n
\n\n
\n \n
\n \n );\n};\n\nProblemScoreDrawer.propTypes = {\n intl: intlShape.isRequired,\n problemScores: PropTypes.arrayOf(PropTypes.shape({\n earned: PropTypes.number.isRequired,\n possible: PropTypes.number.isRequired,\n })).isRequired,\n subsection: PropTypes.shape({\n learnerHasAccess: PropTypes.bool,\n hasGradedAssignment: PropTypes.bool,\n }).isRequired,\n};\n\nexport default injectIntl(ProblemScoreDrawer);\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { sendTrackEvent } from '@edx/frontend-platform/analytics';\nimport { getAuthenticatedUser } from '@edx/frontend-platform/auth';\nimport { injectIntl, intlShape } from '@edx/frontend-platform/i18n';\nimport { Collapsible, Icon, Row } from '@openedx/paragon';\nimport {\n ArrowDropDown, ArrowDropUp, Blocked, Info,\n} from '@openedx/paragon/icons';\nimport { useContextId } from '../../../../data/hooks';\n\nimport messages from '../messages';\nimport { useModel } from '../../../../generic/model-store';\nimport ProblemScoreDrawer from './ProblemScoreDrawer';\n\nconst SubsectionTitleCell = ({ intl, subsection }) => {\n const courseId = useContextId();\n const {\n org,\n } = useModel('courseHomeMeta', courseId);\n const {\n gradesFeatureIsFullyLocked,\n } = useModel('progress', courseId);\n\n const {\n blockKey,\n displayName,\n problemScores,\n url,\n } = subsection;\n\n const { administrator } = getAuthenticatedUser();\n const logSubsectionClicked = () => {\n sendTrackEvent('edx.ui.lms.course_progress.detailed_grades_assignment.clicked', {\n org_key: org,\n courserun_key: courseId,\n is_staff: administrator,\n assignment_block_key: blockKey,\n });\n };\n\n return (\n - \n {problemScores.map((problemScore, i) => (\n // eslint-disable-next-line react/no-array-index-key\n
\n { subsection.override && (\n
\n \n
\n )}\n \n
\n {intl.formatMessage(messages.sectionGradeOverridden)}
\n \n \n
\n );\n })\n );\n};\n\nDetailedGradesTable.propTypes = {\n intl: intlShape.isRequired,\n};\n\nexport default injectIntl(DetailedGradesTable);\n","import React from 'react';\n\nimport { sendTrackEvent } from '@edx/frontend-platform/analytics';\nimport { getAuthenticatedUser } from '@edx/frontend-platform/auth';\nimport { FormattedMessage, injectIntl, intlShape } from '@edx/frontend-platform/i18n';\nimport { Blocked } from '@openedx/paragon/icons';\nimport { Icon, Hyperlink } from '@openedx/paragon';\nimport { useContextId } from '../../../../data/hooks';\nimport { useModel } from '../../../../generic/model-store';\nimport { showUngradedAssignments } from '../../utils';\n\nimport DetailedGradesTable from './DetailedGradesTable';\n\nimport messages from '../messages';\n\nconst DetailedGrades = ({ intl }) => {\n const { administrator } = getAuthenticatedUser();\n const courseId = useContextId();\n const {\n org,\n tabs,\n } = useModel('courseHomeMeta', courseId);\n const {\n gradesFeatureIsFullyLocked,\n gradesFeatureIsPartiallyLocked,\n sectionScores,\n } = useModel('progress', courseId);\n\n const hasSectionScores = sectionScores.length > 0;\n const emptyTableMsg = showUngradedAssignments()\n ? messages.detailedGradesEmpty : messages.detailedGradesEmptyOnlyGraded;\n\n const logOutlineLinkClick = () => {\n sendTrackEvent('edx.ui.lms.course_progress.detailed_grades.course_outline_link.clicked', {\n org_key: org,\n courserun_key: courseId,\n is_staff: administrator,\n });\n };\n\n const overviewTab = tabs.find(tab => tab.slug === 'outline');\n const overviewTabUrl = overviewTab && overviewTab.url;\n\n const outlineLink = overviewTabUrl && (\n {intl.formatMessage(messages.detailedGrades)}
\n- \n
\n
\n )}\n {hasSectionScores && (\n {intl.formatMessage(emptyTableMsg)}
\n )}\n {overviewTabUrl && !showUngradedAssignments() && (\n\n
\n \n {intl.formatMessage(messages.gradeSummaryTooltipBody)}\n \n )}\n >\n
\n );\n};\n\nGradeSummaryHeader.propTypes = {\n allOfSomeAssignmentTypeIsLocked: PropTypes.bool.isRequired,\n};\n\nexport default GradeSummaryHeader;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { injectIntl, intlShape } from '@edx/frontend-platform/i18n';\nimport { Blocked } from '@openedx/paragon/icons';\nimport { Icon } from '@openedx/paragon';\nimport { useContextId } from '../../../../data/hooks';\nimport { useModel } from '../../../../generic/model-store';\nimport messages from '../messages';\n\nconst AssignmentTypeCell = ({\n intl, assignmentType, footnoteMarker, footnoteId, locked,\n}) => {\n const courseId = useContextId();\n\n const {\n gradesFeatureIsFullyLocked,\n } = useModel('progress', courseId);\n\n const lockedIcon = locked ? {intl.formatMessage(messages.gradeSummary)}
\n\n
\n )}\n \n
\n );\n};\n\nAssignmentTypeCell.propTypes = {\n intl: intlShape.isRequired,\n assignmentType: PropTypes.string.isRequired,\n footnoteId: PropTypes.string,\n footnoteMarker: PropTypes.number,\n locked: PropTypes.bool,\n};\n\nAssignmentTypeCell.defaultProps = {\n footnoteId: '',\n footnoteMarker: null,\n locked: false,\n};\n\nexport default injectIntl(AssignmentTypeCell);\n","import React from 'react';\n\nimport PropTypes from 'prop-types';\n\nimport { FormattedMessage, injectIntl, intlShape } from '@edx/frontend-platform/i18n';\nimport { useContextId } from '../../../../data/hooks';\n\nimport messages from '../messages';\nimport { useModel } from '../../../../generic/model-store';\n\nconst DroppableAssignmentFootnote = ({ footnotes, intl }) => {\n const courseId = useContextId();\n const {\n gradesFeatureIsFullyLocked,\n } = useModel('progress', courseId);\n return (\n <>\n {intl.formatMessage(messages.footnotesTitle)}\n {lockedIcon}
\n \n {assignmentType} \n {footnoteId && footnoteMarker && (\n \n \n {footnoteMarker}\n \n \n )}\n
\n - \n {footnotes.map((footnote, index) => (\n
\n
\n \n \n {intl.formatMessage(messages.weightedGradeSummary)}\n \n {intl.formatMessage(\n messages.weightedGradeSummaryTooltip,\n { roundedGrade: totalGrade, rawGrade },\n )}\n \n )}\n >\n \n
\n {totalGrade}{isLocaleRtl && '\\u200f'}%
\n {intl.formatMessage(messages.relatedLinks)}
\n- \n {datesTabUrl && (\n
\n {/* Main body */}\n
\n \n );\n};\n\nexport default ProgressTab;\n","import { reducer as learningAssistantReducer } from '@edx/frontend-lib-learning-assistant';\nimport { reducer as specialExamsReducer } from '@edx/frontend-lib-special-exams';\nimport { configureStore } from '@reduxjs/toolkit';\nimport { reducer as courseHomeReducer } from './course-home/data';\nimport { reducer as coursewareReducer } from './courseware/data/slice';\nimport { reducer as recommendationsReducer } from './courseware/course/course-exit/data/slice';\nimport { reducer as toursReducer } from './product-tours/data';\nimport { reducer as modelsReducer } from './generic/model-store';\nimport { reducer as pluginsReducer } from './generic/plugin-store';\n\nexport default function initializeStore() {\n return configureStore({\n reducer: {\n models: modelsReducer,\n courseware: coursewareReducer,\n courseHome: courseHomeReducer,\n learningAssistant: learningAssistantReducer,\n specialExams: specialExamsReducer,\n recommendations: recommendationsReducer,\n tours: toursReducer,\n plugins: pluginsReducer,\n },\n // temporarily solutions to disable serializable check for plugin actions\n middleware: (getDefaultMiddleware) => getDefaultMiddleware({\n serializableCheck: {\n ignoredActions: ['plugin/registerOverrideMethod'],\n ignoredPaths: ['plugins'],\n },\n }),\n });\n}\n\nexport const store = initializeStore();\n\nexport type RootState = ReturnType\n {!disableProgressGraph &&
\n\n {/* Side panel */}\n \n
\n \n {isRedirected === true ? null : children}\n
\n );\n};\n\nNoticesProvider.propTypes = {\n children: PropTypes.node.isRequired,\n};\n\nexport default NoticesProvider;\n","/* eslint-disable import/prefer-default-export */\nimport { getConfig } from '@edx/frontend-platform';\nimport { getAuthenticatedHttpClient, getAuthenticatedUser } from '@edx/frontend-platform/auth';\nimport { logError, logInfo } from '@edx/frontend-platform/logging';\n\nexport const getNotices = async () => {\n const authenticatedUser = getAuthenticatedUser();\n const url = new URL(`${getConfig().LMS_BASE_URL}/notices/api/v1/unacknowledged`);\n if (authenticatedUser) {\n try {\n const { data } = await getAuthenticatedHttpClient().get(url.href, {});\n return data;\n } catch (e) {\n // we will just swallow error, as that probably means the notices app is not installed.\n // Notices are not necessary for the rest of courseware to function.\n const { customAttributes: { httpErrorStatus } } = e;\n if (httpErrorStatus === 404) {\n logInfo(`${e}. This probably happened because the notices plugin is not installed on platform.`);\n } else {\n logError(e);\n }\n }\n }\n return null;\n};\n","import { Navigate, useLocation } from 'react-router-dom';\nimport PropTypes from 'prop-types';\n\nimport { sendTrackEvent } from '@edx/frontend-platform/analytics';\n\n/**\n * We have seen evidence of learners hitting MFE pages with spaces instead of plus signs (which are used commonly\n * in our course keys). It's possible something out there is un-escaping our paths before sending learners to them.\n *\n * So this provider fixes those paths up and logs it so that we can try to fix the source.\n *\n * This might be temporary, based on how much we can fix the sources of these urls-with-spaces.\n */\nconst PathFixesProvider = ({ children }) => {\n const location = useLocation();\n\n // We only check for spaces. That's not the only kind of character that is escaped in URLs, but it would always be\n // present for our cases, and I believe it's the only one we use normally.\n if (location.pathname.includes(' ') || location.pathname.includes('%20')) {\n const newLocation = {\n ...location,\n pathname: (location.pathname.replaceAll(' ', '+')).replaceAll('%20', '+'),\n };\n\n sendTrackEvent('edx.ui.lms.path_fixed', {\n new_path: newLocation.pathname,\n old_path: location.pathname,\n referrer: document.referrer,\n search: location.search,\n });\n\n return (\n \n \n
\n );\n};\n\nexport default PreferencesUnsubscribe;\n","import { getConfig } from '@edx/frontend-platform';\nimport { getAuthenticatedHttpClient } from '@edx/frontend-platform/auth';\n\nexport const getUnsubscribeUrl = (userToken, updatePatch) => (\n `${getConfig().LMS_BASE_URL}/api/notifications/preferences/update/${userToken}/${updatePatch}/`\n);\n\nexport async function unsubscribeNotificationPreferences(userToken, updatePatch) {\n const url = getUnsubscribeUrl(userToken, updatePatch);\n return getAuthenticatedHttpClient().get(url);\n}\n","import { getConfig } from '@edx/frontend-platform';\nimport { Hyperlink } from '@openedx/paragon';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport { logError } from '@edx/frontend-platform/logging';\nimport { sendTrackEvent } from '@edx/frontend-platform/analytics';\n\nimport HeaderSlot from '../plugin-slots/HeaderSlot';\nimport messages from './messages';\n\nconst PageNotFound = () => {\n const { formatMessage } = useIntl();\n const location = window.location.href;\n\n logError('Page failed to load, probably an invalid URL.', location);\n sendTrackEvent('edx.ui.lms.page_not_found', { location });\n\n return (\n <>\n \n
\n \n {status === LOADING && \n {intl.formatMessage(messages.preferenceCenterUrl)}\n \n ),\n }}\n />\n \n \n )}\n
\n \n {intl.formatMessage(pageContent.headingText)}\n
\n\n {intl.formatMessage(pageContent.bodyText)}\n
\n \n \n {formatMessage(messages.pageNotFoundHeader)}\n
\n\n {formatMessage(\n messages.pageNotFoundBody,\n {\n homepageLink: (\n