@clickview/lite 0.55.3-rc.1 → 0.56.0

package/dist/scripts/7895-6b9c09a1e1-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/7895-6b9c09a1e1-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/common/src/react/utils/PortalHelper.ts","file:///app/packages/libs/shared/src/apps/calendar/components/coming-soon-tag/coming-soon-tag.scss","file:///app/packages/libs/shared/src/apps/calendar/components/coming-soon-tag/ComingSoonTag.tsx","file:///app/packages/libs/shared/src/apps/calendar/components/generic-calendar-date/generic-calendar-date.scss","file:///app/packages/libs/shared/src/apps/calendar/components/generic-calendar-date/GenericCalendarDate.tsx","file:///app/packages/libs/shared/src/components/actions/Actions.tsx","file:///app/packages/libs/shared/src/components/actions/actions.scss","file:///app/packages/libs/shared/src/components/actions/ActionsDropdown.tsx","file:///app/packages/libs/shared/src/components/back-button/BackButton.tsx","file:///app/packages/libs/shared/src/components/banner-header/banner-header.scss","file:///app/packages/libs/shared/src/components/banner-header/BannerHeader.tsx","file:///app/packages/libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx","file:///app/packages/libs/shared/src/components/widgets/curated-widgets/components/header/widget-header.scss","file:///app/packages/libs/shared/src/components/widgets/curated-widgets/components/header/WidgetHeader.tsx","file:///app/packages/libs/shared/src/components/widgets/curated-widgets/templates/cover-fixed-pill-list-large/CoverFixedPillListLargeWidgetTemplate.tsx","file:///app/packages/libs/shared/src/components/widgets/items/subject-stats-widget-item/subject-stats-badge/subject-stats-badge.scss","file:///app/packages/libs/shared/src/components/widgets/items/subject-stats-widget-item/subject-stats-badge/SubjectStatsBadge.tsx","file:///app/packages/libs/shared/src/components/widgets/items/subject-stats-widget-item/SubjectStatsWidgetItem.tsx","file:///app/packages/libs/shared/src/components/widgets/curated-widgets/templates/stats-cover-fixed-pill-list-large/StatsCoverFixedPillListLargeWidgetTemplate.tsx","file:///app/packages/libs/shared/src/components/widgets/hooks/useWidgetKeyboard.ts","file:///app/packages/libs/shared/src/components/widgets/items/subject-widget-item/CoverPill.tsx","file:///app/packages/libs/shared/src/components/widgets/items/subject-widget-item/PartialSubjectWidgetItem.tsx","file:///app/packages/libs/shared/src/components/widgets/items/subject-widget-item/SubjectWidgetItem.tsx","file:///app/packages/libs/shared/src/components/widgets/items/subject-widget-item/EditSubjectsWidgetLink.tsx","file:///app/packages/libs/shared/src/components/widgets/items/subject-widget-item/AllSubjectsWidgetLink.tsx","file:///app/packages/libs/shared/src/utils/DragHelper.ts","file:///app/packages/libs/shared/src/components/widgets/sliding-list/SlidingListContainer.tsx","file:///app/packages/libs/shared/src/components/widgets/widget-button/widget-button.scss","file:///app/packages/libs/shared/src/components/widgets/widget-button/WidgetButton.tsx","file:///app/packages/libs/shared/src/enums/ClassificationStatus.ts","file:///app/packages/libs/shared/src/enums/CssMeasurement.ts","file:///app/packages/libs/shared/src/enums/WidgetInteraction.ts","file:///app/packages/libs/shared/src/hooks/UseGetMediaQueryString.ts","file:///app/packages/projects/lite/src/apps/subjects/utils/ClassificationAppLinks.ts","file:///app/packages/projects/lite/src/apps/subjects/views/presentation-topics/presentation-topics.scss","file:///app/packages/projects/lite/src/apps/subjects/views/presentation-topics/PresentationTopicsView.tsx","file:///app/packages/libs/shared/src/components/widgets/items/subject-stats-widget-item/subject-stats-widget-item.scss","file:///app/packages/libs/shared/src/components/widgets/items/subject-widget-item/cover-pill.scss","file:///app/node_modules/react-bootstrap/esm/Row.js"],"sourcesContent":["import React from 'react';\nimport { createPortal } from 'react-dom';\n\nexport const PortalHelper = {\n  renderInPortalIfExists(component: React.ReactElement, portalContainer: Element | null): React.ReactElement {\n    if (portalContainer)\n      return createPortal(component, portalContainer);\n\n    return component;\n  }\n};","// extracted by mini-css-extract-plugin\nexport default {\"tag\":\"XRj8d\",\"tooltip\":\"X6mLk\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './coming-soon-tag.scss';\n\nconst namespace = 'specialEventCalendar.comingSoonTag';\n\ninterface ComingSoonProps {\n  className?: string;\n  onlyIcon?: boolean;\n}\n\nexport function ComingSoonTag(props: ComingSoonProps): JSX.Element {\n  return (\n    <Tooltip title={LanguageService.getPhrase(namespace, 'tooltip')} spanHackClassName={`d-block ${styles.tooltip}`} spanHack>\n      <div className={`d-flex text-dark align-items-center ${styles.tag} ${props.className}`}>\n        <SvgContainer svgName={cvSvgLibrary.Timer} />\n        {!props.onlyIcon && LanguageService.getPhrase(namespace, 'comingSoon')}\n      </div>\n    </Tooltip>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"dateItem\":\"I3SBm\",\"label\":\"PRORs\",\"body\":\"RfiM_\",\"bodyDay\":\"ZOVny\",\"bodyRange\":\"vYhXN\",\"bodyMonth\":\"mYslO\",\"month\":\"EPkkQ\"};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsOptions } from 'libs/analytics/interfaces';\n\nimport { CalendarTheme } from 'libs/shared/apps/calendar/interfaces/CalendarTheme';\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\n\nimport styles from './generic-calendar-date.scss';\n\nexport interface GenericCalendarDateProps {\n  label?: string;\n  body: {\n    type: 'month' | 'range' | 'day';\n    text: string;\n  };\n  month?: string;\n  getAppLink?: () => Core.AppLink;\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n  className?: string;\n  theme?: CalendarTheme;\n}\n\nexport function GenericCalendarDate(props: GenericCalendarDateProps): JSX.Element {\n  function getBodyClass(): string {\n    switch (props.body.type) {\n      case 'range':\n        return styles.bodyRange;\n      case 'day':\n        return styles.bodyDay;\n      case 'month':\n        return styles.bodyMonth;\n    }\n  }\n\n  return (\n    <AppLink\n      appLink={props.getAppLink?.()}\n      className={`text-decoration-none text-center bg-white text-dark border border-3 ${props.theme?.border} rounded-3 d-block fw-semibold ${props.className}`}\n      analyticsData={props.analyticsData}\n      analyticsOptions={props.analyticsOptions}\n    >\n      <div className={`position-relative ${styles.dateItem}`}>\n        <div className={`${props.theme?.background} py-1 ${styles.label} d-flex align-items-center justify-content-center`}>\n          {props.label ? props.label : <>&nbsp;</>}\n        </div>\n        <div className={`${getBodyClass()} ${styles.body} my-2`}>\n          {props.body.text}\n        </div>\n        <div className={`mb-0 ${styles.month}`}>\n          {props.month}\n        </div>\n      </div>\n    </AppLink>\n  );\n}","import * as React from 'react';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { Core } from 'libs/common/core';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsOptions } from 'libs/analytics/interfaces';\n\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\nimport { SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { BaseObject } from 'libs/shared/interfaces';\n\nimport { ActionButton } from './ActionButton';\nimport { ActionsDropdown } from './ActionsDropdown';\n\nexport interface ActionOptions {\n  order?: number;\n  label?: string | (() => JSX.Element);\n  appLink?: Core.AppLink;\n  href?: string;\n  onClick?: () => void;\n  svgName?: string;\n  className?: string;\n  button?: boolean; // If true, a button will be rendered. Otherwise the action will be rendered in the dropdown.\n  tooltip?: string;\n  showSpinner?: boolean;\n  showBorder?: boolean; // only works for button without text label\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n  disabled?: boolean;\n  openInNewTab?: boolean; // Only used if appLink or href is provided\n  group?: string;\n  lazyPlaceholder?: boolean;\n}\n\nexport type ActionGenerator = (obj: BaseObject) => ActionOptions[];\n\ninterface ActionsProps {\n  actions: ActionOptions[];\n  className?: string;\n  actionsDropdownClassName?: string;\n  dropdownToggleSvgSize?: SvgContainerSize;\n  sortComponent?: JSX.Element;\n  customSize?: boolean;\n  fetchMore?: () => void;\n}\n\nexport function Actions(props: ActionsProps): JSX.Element {\n  const orderedActions = React.useMemo(() => props.actions.sort((a, b) => a.order - b.order), [props.actions]);\n\n  const buttonActions: ActionOptions[] = [];\n  const moreActions: ActionOptions[] = [];\n\n  orderedActions.forEach(a => {\n    if (a.button)\n      buttonActions.push(a);\n    else\n      moreActions.push(a);\n  });\n\n  let className = 'd-flex';\n\n  if (props.className)\n    className += ` ${props.className}`;\n\n  if (!buttonActions.length && !moreActions.length)\n    return <></>;\n\n  return (\n    <div className={className}>\n      {buttonActions.length ? buttonActions.map((a, idx) => (\n        <React.Fragment key={idx}>\n          {(() => {\n            if (a.label) {\n              const label = FunctionHelper.isFunction(a.label)\n                ? a.label\n                : () => <>{a.label}</>;\n\n              return (\n                <ActionButton\n                  appLink={a.appLink}\n                  href={a.href}\n                  onClick={a.onClick}\n                  svgName={a.svgName}\n                  svgSize={props.dropdownToggleSvgSize}\n                  className={a.className}\n                  tooltip={a.tooltip}\n                  showSpinner={a.showSpinner}\n                  analyticsData={a.analyticsData}\n                  analyticsOptions={a.analyticsOptions}\n                  openInNewTab={a.openInNewTab}\n                  disabled={a.disabled}\n                >\n                  {label()}\n                </ActionButton>\n              );\n            }\n\n            const iconButton = (\n              <IconButton\n                appLink={a.appLink}\n                href={a.href}\n                onClick={a.onClick}\n                svgName={a.svgName}\n                className={a.className}\n                analyticsData={a.analyticsData}\n                analyticsOptions={a.analyticsOptions}\n                openInNewTab={a.openInNewTab}\n                disabled={a.disabled}\n                showBorder={a.showBorder}\n                customSize={props.customSize}\n                ariaLabel={a.tooltip}\n              />\n            );\n\n            return a.tooltip\n              ? <Tooltip title={a.tooltip} spanHack>{iconButton}</Tooltip>\n              : iconButton;\n          })()}\n        </React.Fragment>\n      )) : <></>}\n      {props.sortComponent && props.sortComponent}\n      {moreActions.length ? (\n        <ActionsDropdown\n          actions={moreActions}\n          dropdownToggleClassName={props.actionsDropdownClassName}\n          dropdownToggleSvgSize={props.dropdownToggleSvgSize}\n          fetchMore={props.fetchMore}\n        />\n      ) : <></>}\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"dropdownToggle\":\"UCAnJ\"};","import * as React from 'react';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { Core } from 'libs/common/core';\nimport { RandomHelper } from 'libs/common/react/utils/RandomHelper';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { ActionOptions } from './Actions';\n\nimport styles from './actions.scss';\n\nfunction LazyDropdownItems(): JSX.Element {\n  return (\n    <>\n      <div style={{ padding: '0.53125rem 1rem' }}>\n        <div className='partial-loading-background' style={{ height: '1.0625rem', width: '8rem' }}></div>\n      </div>\n      <div style={{ padding: '0.53125rem 1rem' }}>\n        <div className='partial-loading-background' style={{ height: '1.0625rem', width: '12rem' }}></div>\n      </div>\n      <div style={{ padding: '0.53125rem 1rem' }}>\n        <div className='partial-loading-background' style={{ height: '1.0625rem', width: '11rem' }}></div>\n      </div>\n      <div style={{ padding: '0.53125rem 1rem' }}>\n        <div className='partial-loading-background' style={{ height: '1.0625rem', width: '9rem' }}></div>\n      </div>\n    </>\n  );\n}\n\nfunction getDropdownItemClassName(actionClassName?: string): string {\n  let className = 'dropdown-item';\n\n  if (actionClassName)\n    className += ` ${actionClassName}`;\n\n  return className;\n}\n\nexport type DropdownActionOptions = Omit<ActionOptions, 'button'>;\n\ninterface ActionsDropdownItemProps {\n  action: DropdownActionOptions;\n}\n\nfunction ActionsDropdownItem(props: ActionsDropdownItemProps): React.ReactElement {\n  const label = FunctionHelper.isFunction(props.action.label)\n    ? props.action.label\n    : () => <>{props.action.label}</>;\n\n  if (props.action.appLink)\n    return (\n      <AppLink\n        appLink={props.action.appLink}\n        onClick={props.action.onClick}\n        className={getDropdownItemClassName(props.action.className)}\n        analyticsData={props.action.analyticsData}\n        analyticsOptions={props.action.analyticsOptions}\n        openInNewTab={props.action.openInNewTab}\n        disabled={props.action.disabled}\n      >\n        {props.action.svgName && <SvgContainer svgName={props.action.svgName} className='d-inline-block svg-container me-2 align-middle' />}\n        <span className='align-middle'>{label()}</span>\n      </AppLink>\n    );\n\n  function onClick(e: React.MouseEvent | React.KeyboardEvent): void {\n    e.preventDefault();\n\n    if (props.action.analyticsData && props.action.analyticsOptions)\n      AnalyticsHelper.logUserAction(props.action.analyticsData, props.action.analyticsOptions);\n\n    if (FunctionHelper.isFunction(props.action.onClick))\n      props.action.onClick();\n\n    if (props.action.href)\n      Core.LocationUtils.PageLoad(props.action.href, props.action.openInNewTab);\n  }\n\n  if (props.action.href) {\n    return (\n      <a\n        className={getDropdownItemClassName(props.action.className)}\n        onClick={onClick}\n        href={props.action.href}\n      >\n        {props.action.svgName && <SvgContainer svgName={props.action.svgName} className='d-inline-block svg-container me-2 align-middle' />}\n        <span className='align-middle'>{label()}</span>\n      </a>\n    );\n  }\n\n  return (\n    <span\n      className={`cursor-pointer ${getDropdownItemClassName(props.action.className)}`}\n      onClick={onClick}\n      role='button'\n      tabIndex={0}\n      onKeyDown={(e: React.KeyboardEvent) => e.key === 'Enter' && onClick(e)}\n    >\n      {props.action.svgName && <SvgContainer svgName={props.action.svgName} className='d-inline-block svg-container me-2' />}\n      {label()}\n    </span>\n  );\n}\n\ninterface ActionsDropdownProps {\n  actions: DropdownActionOptions[];\n  className?: string;\n  dropdownToggleClassName?: string;\n  dropdownToggleSvgSize?: SvgContainerSize;\n  fetchMore?: () => void;\n}\n\nActionsDropdown.defaultProps = {\n  dropdownToggleClassName: 'btn btn-light',\n  dropdownToggleSvgSize: SvgContainerSize.Small\n};\n\nexport function ActionsDropdown(props: ActionsDropdownProps): React.ReactElement {\n  if (!props.actions || !props.actions.length)\n    return <></>;\n\n  const isLazy = props.actions.some(a => a.lazyPlaceholder);\n\n  let className = 'dropdown';\n\n  if (props.className)\n    className += ` ${props.className}`;\n\n  // Generate unique id to avoid collisions.\n  const dropdownToggleId = `actions-dropdown-${RandomHelper.getRandomInt()}`;\n\n  let dropdownToggleClassName = `dropdown-toggle px-0 ${styles.dropdownToggle}`;\n\n  if (props.dropdownToggleClassName)\n    dropdownToggleClassName += ` ${props.dropdownToggleClassName}`;\n\n  let currentGroup: string;\n\n  return (\n    <div className={className}>\n      <button\n        className={dropdownToggleClassName}\n        type='button'\n        id={dropdownToggleId}\n        data-bs-toggle='dropdown'\n        data-toggle='dropdown'\n        aria-haspopup='true'\n        aria-expanded='false'\n        aria-label={'More actions dropdown'}\n        onClick={isLazy ? props.fetchMore : null}\n      >\n        <SvgContainer svgName={cvSvgLibrary.More} size={props.dropdownToggleSvgSize} />\n      </button>\n      <ul className='dropdown-menu dropdown-menu-end dropdown-menu-right font-size-normal' aria-labelledby={dropdownToggleId}>\n        {isLazy ?\n          <LazyDropdownItems /> :\n          props.actions.map((a, idx) => {\n            const showDivider = currentGroup !== undefined && currentGroup !== a.group;\n            currentGroup = a.group;\n  \n            if (a.tooltip) {\n              return (\n                <li key={idx}>\n                  {showDivider && <hr className='dropdown-divider' role='separator'></hr>}\n                  <Tooltip title={a.tooltip} spanHack>\n                    <ActionsDropdownItem action={a} />\n                  </Tooltip>\n                  \n                </li>\n              );\n            }\n  \n            return (\n              <li key={idx}>\n                {showDivider && <hr className='dropdown-divider' role='separator'></hr>}\n                <ActionsDropdownItem action={a} />\n              </li>\n            );\n          })\n        }\n      </ul>\n    </div>\n  );\n}","import * as React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nconst namespace = 'shared.backButton';\n\ninterface BackButtonProps {\n  appLink: Core.AppLink;\n  backToName?: string;\n  color?: 'black' | 'white';\n  extraClasses?: string;\n  /**\n   * Whether or not the button text has a text shadow. Defaults to true\n   */\n  textShadow?: boolean;\n}\n\nBackButton.defaultProps = {\n  color: 'black',\n  extraClasses: ''\n};\n\nexport function BackButton(props: BackButtonProps): React.ReactElement {\n  const { backToName, appLink, color, extraClasses, textShadow } = {\n    textShadow: true,\n    ...props\n  };\n\n  const backPhrase = backToName\n    ? LanguageService.getPhrase(namespace, 'backTo', { backToName })\n    : LanguageService.getPhrase(namespace, 'back');\n\n  const colorClass = color === 'black' ? '' : 'text-white';\n  const textShadowClass = textShadow ? 'text-shadow' : '';\n\n  return (\n    <AppLink\n      appLink={appLink}\n      className={`d-inline-flex align-items-center h5 mb-0 ${extraClasses} ${colorClass} ${textShadowClass}`}\n    >\n      <SvgContainer svgName={cvSvgLibrary.ChevronLeft} size={SvgContainerSize.Medium} />\n      <span className='ms-1'>{backPhrase}</span>\n    </AppLink>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"bannerContent\":\"sSCTB\",\"actionsContainer\":\"Z5WI2\",\"bannerContentWithLogo\":\"rgs7Q\",\"container\":\"M51HJ\",\"logoContainer\":\"vkeJk\",\"logoContainerLeft\":\"M3U9B\",\"logoHeading\":\"EtRwC\",\"specialEventContainer\":\"rOxDc\",\"headingLarge\":\"_8pnV\",\"heading\":\"JXVBH\"};","import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\nimport { PortalHelper } from 'libs/common/react/utils/PortalHelper';\n\nimport { ComingSoonTag } from 'libs/shared/apps/calendar/components/coming-soon-tag/ComingSoonTag';\nimport { GenericCalendarDate } from 'libs/shared/apps/calendar/components/generic-calendar-date/GenericCalendarDate';\nimport { CalendarTheme } from 'libs/shared/apps/calendar/interfaces/CalendarTheme';\nimport { ActionOptions, Actions } from 'libs/shared/components/actions/Actions';\nimport { BackButton } from 'libs/shared/components/back-button/BackButton';\nimport { LazyImage } from 'libs/shared/components/lazy-image/LazyImage';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { ImageMinDimensions } from 'libs/shared/constants/ImageSizes';\nimport { BannerPortalContext } from 'libs/shared/context/BannerPortalContext';\nimport { ImageSize, ImageType, ResizeType } from 'libs/shared/enums/Images';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { Banner, CalendarEvent, Logo } from 'libs/shared/interfaces';\nimport { ImageHelper, ImageOptions } from 'libs/shared/utils/ImageHelper';\n\nimport styles from './banner-header.scss';\n\nconst RATIO = `${ImageMinDimensions[ImageType.Banners].width}:${ImageMinDimensions[ImageType.Banners].height}`;\nconst DEFAULT_WIDTH = 1200; // This is ImageSize.Large for a Banner.\nconst LARGE_SCREEN_WIDTH = 1920;\n\nfunction useGetImageWidth(): number {\n  const breakpoints = useBreakpoints();\n\n  if (breakpoints.xxl)\n    return LARGE_SCREEN_WIDTH;\n\n  return DEFAULT_WIDTH;\n}\n\nfunction getSizeClass(heading: string): string {\n  if (heading.length < 160)\n    return 'h1';\n\n  return styles.headingLarge;\n}\n\ninterface BannerHeaderProps {\n  heading: string;\n  banner?: Banner;\n  bannerClassName?: string;\n  imageCdnUrl?: string;\n  logo?: Logo;\n  actions?: ActionOptions[];\n  specialEvent?: CalendarEvent;\n  backButtonAppLink?: Core.AppLink;\n  backButtonText?: string;\n  backButtonClasses?: string;\n  sortComponent?: JSX.Element;\n  blockColourClass?: string;\n  actionsDropdownClassName?: string;\n  detailsComponent?: () => React.ReactElement;\n  imageOptions?: ImageOptions;\n  showComingSoon?: boolean;\n  alignLogoLeft?: boolean;\n  calendarTheme?: CalendarTheme;\n}\n\nconst namespace = 'shared.bannerHeader';\n\nexport const BannerHeader = React.memo(function(props: React.PropsWithChildren<BannerHeaderProps>): React.ReactElement {\n  const { heading, banner, imageCdnUrl, actions, sortComponent, blockColourClass, specialEvent } = props;\n\n  const portalContainerContext = React.useContext(BannerPortalContext);\n\n  const imageWidth = useGetImageWidth();\n\n  const specialEventIsToday = React.useMemo(() => {\n    if (!specialEvent || props.showComingSoon)\n      return false;\n\n    const today = DateHelper.format(new Date(), 'YYYY-MM-DD');\n\n    if (!specialEvent.endDate)\n      return specialEvent.startDate === today;\n\n    return specialEvent.startDate <= today && specialEvent.endDate >= today;\n  }, [specialEvent]);\n\n  const imageOptions = props.imageOptions || {\n    width: imageWidth,\n    ratio: RATIO,\n    resizeType: ResizeType.Cover\n  };\n\n  const url = !!banner && !!imageCdnUrl && ImageHelper.createBannerUrl(banner, {\n    fallbackBaseUrl: imageCdnUrl,\n    fallbackCategoryName: heading,\n    type: ImageType.Banners\n  }, imageOptions);\n\n  const containerProps: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> = {\n    className: `banner banner-header ${props.bannerClassName}`,\n    style: url ? { backgroundImage: `url('${url}')` } : {}\n  };\n\n  if (!banner && blockColourClass) {\n    delete containerProps.style;\n    containerProps.className += ` ${blockColourClass}`;\n  }\n\n  const DetailsComponent = props.detailsComponent;\n\n  return PortalHelper.renderInPortalIfExists(\n    // \"banner\" is used in playlists in Online. banner-header is used by all other projects\n    <header {...containerProps}>\n      <div className={`container ${styles.container} position-relative inner-banner`}>\n        {props.backButtonAppLink && (\n          <div className='pt-3'>\n            <BackButton\n              appLink={props.backButtonAppLink}\n              backToName={props.backButtonText}\n              extraClasses={props.backButtonClasses}\n              color='white'\n            />\n          </div>\n        )}\n        \n        <div className={`${props.alignLogoLeft ? 'position-absolute top-50 start-0 translate-middle-y w-100 ps-4' : `${styles.bannerContent} px-2 ${props.logo?.url ? styles.bannerContentWithLogo : ''}`}`}>\n          {!!specialEvent && (\n            <div className={`position-relative ${styles.specialEventContainer}`}>\n              <GenericCalendarDate\n                body={{\n                  type: specialEvent.endDate ? 'range' : 'day',\n                  text: specialEvent.endDate\n                    ? `${DateHelper.format(specialEvent.startDate, 'DD')}-${DateHelper.format(specialEvent.endDate, 'DD')}`\n                    : DateHelper.format(specialEvent.startDate, 'DD')\n                }}\n                month={DateHelper.format(specialEvent.startDate, 'MMMM')}\n                theme={props.calendarTheme}\n              />\n            </div>\n          )}\n          <div>\n            {specialEventIsToday && (\n              <div className='rounded-pill py-1 px-2 my-1 me-1 fw-semibold bg-light-blue lh-1 d-inline-block'>\n                <Text namespace={namespace} phrase='onToday' />\n              </div>\n            )}\n            {props.showComingSoon && (\n              <ComingSoonTag className='pe-2 fw-semibold mb-1 rounded-pill justify-content-start text-nowrap' />\n            )}\n            <div className='d-flex align-items-center'>\n              {props.alignLogoLeft &&\n                <div className={`${styles.logoContainerLeft} d-none d-md-block partial-loading-background rounded-circle overflow-hidden me-3`}>\n                  {props.logo?.url &&\n                    <LazyImage src={ImageHelper.createUrl(props.logo?.url, { size: ImageSize.Medium })} />}\n                </div>\n              }\n              <h1 className={`text-white text-shadow pe-3 position-static ${styles.heading} ${getSizeClass(heading)} ${props.alignLogoLeft ? 'w-50' : ''}`}>\n                {heading}\n                {DetailsComponent && <DetailsComponent />}\n              </h1>\n            </div>\n          </div>\n          {!!actions && (\n            <div className={styles.actionsContainer}>\n              <Actions\n                actions={actions}\n                sortComponent={sortComponent}\n                actionsDropdownClassName={props.actionsDropdownClassName}\n              />\n            </div>\n          )}\n        </div>\n        {!props.alignLogoLeft && !!props.logo?.url &&\n          <div className={styles.logoContainer}>\n            <img\n              src={ImageHelper.createUrl(props.logo.url, { size: ImageSize.Small })}\n              className='rounded-circle'\n            />\n          </div>\n        }\n      </div>\n    </header>,\n    portalContainerContext?.container\n  );\n}, (prevProps, nextProps): boolean => (\n  prevProps.actions === nextProps.actions\n  && prevProps.heading === nextProps.heading\n  && prevProps.logo?.url === nextProps.logo?.url\n));\n\nexport function PartialBannerHeader(): JSX.Element {\n  const portalContainerContext = React.useContext(BannerPortalContext);\n\n  return PortalHelper.renderInPortalIfExists(\n    <div className={`partial-banner partial-loading-background ${styles.banner}`} />,\n    portalContainerContext?.container\n  );\n}","import * as React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\nimport { PartialLoadingHelper } from 'libs/shared/utils/PartialLoadingHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { SvgContainer, SvgContainerSize } from '../svg-container/SvgContainer';\n\nconst namespace = 'shared.breadcrumbComponent';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst COLLAPSE_CHARACTER_COUNT = 64;\n\nexport interface Breadcrumb {\n  name: string;\n  appLink?: Core.AppLink;\n  active?: boolean;\n}\n\ninterface BreadcrumbItemProps {\n  breadcrumb: Breadcrumb;\n  withBackIcon?: boolean;\n}\n\nexport const BreadcrumbItem = React.forwardRef((\n  props: BreadcrumbItemProps,\n  ref: React.ForwardedRef<HTMLElement>\n) => {\n  const { breadcrumb: { name, appLink, active }, withBackIcon } = props;\n  return (\n    <li className={`breadcrumb-item${active ? ' active' : ''}`}>\n      {active\n        ? <strong>{name}</strong>\n        : <AppLink appLink={appLink} ref={ref}>\n          {withBackIcon && <SvgContainer svgName={cvSvgLibrary.ChevronLeft} size={SvgContainerSize.Small} />}\n          <span className={withBackIcon ? 'ms-2' : ''}>{name}</span>\n        </AppLink>\n      }\n    </li>\n  );\n});\n\ninterface BreadcrumbsProps {\n  breadcrumbs: Breadcrumb[];\n}\n\nexport const Breadcrumbs = ({ breadcrumbs }: BreadcrumbsProps) => {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  const length = breadcrumbs?.length || 0;\n  \n  const [ collapse, setCollapse ] = React.useState(false);\n  const [ shouldFocus, setShouldFocus ] = React.useState(false);\n  const expandRef = React.useRef<HTMLElement>();\n\n  React.useEffect(() => {\n    const characterLength = breadcrumbs?.reduce((prev, next) => prev + next.name.length, 0) ?? 0;\n\n    if (length > 4 && characterLength > COLLAPSE_CHARACTER_COUNT)\n      setCollapse(true);\n  }, [breadcrumbs?.length]);\n\n  /**\n   * Focus our first expanded item the first time it appears.\n   */\n  React.useLayoutEffect(() => {\n    if (shouldFocus)\n      expandRef.current?.focus();\n  }, [ expandRef.current, shouldFocus ]);\n\n  function onClickExpand() {\n    setCollapse(false);\n    setShouldFocus(true);\n  }\n\n  if (!length || (isMobile && length < 2))\n    return <></>;\n\n  if (isMobile)\n    return (\n      <nav aria-label='breadcrumb'>\n        <ol className='breadcrumb m-0 p-0'>\n          <BreadcrumbItem breadcrumb={breadcrumbs[length - 2]} withBackIcon />\n        </ol>\n      </nav>\n    );\n\n  const first = <BreadcrumbItem breadcrumb={breadcrumbs[0]} />;\n  const second = length > 2 ? <BreadcrumbItem breadcrumb={breadcrumbs[1]} /> : <></>;\n  const secondLast = length > 3 ? <BreadcrumbItem breadcrumb={breadcrumbs[length - 2]} /> : <></>;\n  const last = length > 1 ? <BreadcrumbItem breadcrumb={breadcrumbs[length - 1]} /> : <></>;\n  const rest = breadcrumbs.slice(2, length - 2);\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {first}\n        {second}\n        {collapse ?\n          <li className='breadcrumb-item'>\n            <button\n              className='btn-link'\n              onClick={onClickExpand}\n              aria-label={getPhrase('expand')}\n            >\n            ...\n            </button>\n          </li> :\n          rest.map((breadcrumb, idx) => (\n            <BreadcrumbItem\n              key={idx}\n              breadcrumb={breadcrumb}\n              ref={idx === 0 ? expandRef : null}\n            />\n          ))\n        }\n        {secondLast}\n        {last}\n      </ol>\n    </nav>\n  );\n};\n\nexport const PartialBreadcrumbs = React.memo(function({ numItems = 3 }: { numItems?: number; }) {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  if (isMobile) {\n    return (\n      <div className='partial-loading-background' style={{ height: '1.3125rem', width: '6rem' }} />\n    );\n  }\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {PartialLoadingHelper.getPartialLoadingItems({ numItems }).map(({ width }, idx) => (\n          <li key={idx} className='breadcrumb-item'>\n            <span className='d-inline-block partial-loading-background' style={{ width }} dangerouslySetInnerHTML={{ __html: '&nbsp' }} />\n          </li>\n        ))}\n      </ol>\n    </nav>\n  );\n});","// extracted by mini-css-extract-plugin\nexport default {\"seeMore\":\"yv0FS\"};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsOptions, ClickDescriptor } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { WidgetTypeIdConfig } from 'libs/shared/constants/WidgetTypeIdConfig';\nimport { WidgetTypeId } from 'libs/shared/enums/WidgetTypeId';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\nimport { WidgetHelper } from 'libs/shared/utils/WidgetHelper';\n\nimport styles from './widget-header.scss';\n\nconst namespace = 'shared.widgetHeader';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface WidgetHeaderProps {\n  name: string;\n  description: string;\n  isPreviewing?: boolean;\n  content?: any[];\n  widgetTypeId?: WidgetTypeId;\n\n  appLink?: Core.AppLink;\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n  showSeeMoreLink?: boolean;\n  onClick?: () => void;\n}\n\nfunction SeeMore(props: WidgetHeaderProps) {\n  return (\n    <div className={`ms-3 ${styles.seeMore}`}>\n      <AppLink\n        appLink={props.appLink}\n        analyticsData={props.analyticsData }\n        analyticsOptions={{ ...props.analyticsOptions, descriptor: ClickDescriptor.SeeMore }}\n        className={`text-decoration-none ${props.appLink ? 'curated-widget-link' : ''}`}\n      >\n        <p className='hover-text-underline text-dark curated-widget-heading'>{getPhrase('seeAll')}</p>\n      </AppLink>\n    </div>\n  );\n}\n\nexport function WidgetHeader(props: WidgetHeaderProps): JSX.Element {\n  const hasDescription = !!props.description;\n\n  if (!props.name && !props.description)\n    return <></>;\n\n  const isBelowMinimum = WidgetHelper.isBelowContentMinimum(props.content, props.widgetTypeId);\n  const minContent = WidgetTypeIdConfig[props.widgetTypeId]?.minContent ?? 0;\n\n  return (\n    <div className='curated-widget-header'>\n      <div className='d-flex justify-content-between'>\n        {!!props.name && (\n          <div className={styles.title}>\n            <AppLink\n              appLink={props.appLink}\n              analyticsOptions={props.analyticsOptions}\n              analyticsData={props.analyticsData}\n              className={`text-decoration-none ${props.appLink ? 'curated-widget-link' : ''}`}\n              onClick={props.onClick}\n            >\n              <h2 className='h4 curated-widget-heading'>\n                {props.isPreviewing && isBelowMinimum && (\n                  <SvgContainer\n                    svgName={cvSvgLibrary.WarningOutline}\n                    title={`Widget is below the minimum content threshold of ${minContent} and won't be displayed.`}\n                    tooltipSpanHack\n                    tooltipSpanHackClassName='d-inline text-danger me-1'\n                  />\n                )}\n                {props.name}\n              </h2>\n            </AppLink>\n          </div>\n        )}\n        {!!props.appLink && !hasDescription && !!props.showSeeMoreLink && <SeeMore {...props}/>}\n      </div>\n  \n      {hasDescription && (\n        <div className='d-flex justify-content-between align-items-end'>\n          <p className={`description curated-widget-description ${styles.description}`}>\n            <span>{props.description}</span>\n          </p>\n          {!!props.appLink && !!props.showSeeMoreLink && <SeeMore {...props}/> }\n        </div>\n      )}\n    </div>\n  );\n}","import React from 'react';\nimport { Col, Row } from 'react-bootstrap';\n\nimport { WidgetHeader } from 'libs/shared/components/widgets/curated-widgets/components/header/WidgetHeader';\nimport { WidgetTemplateProps } from 'libs/shared/components/widgets/curated-widgets/WidgetProps';\nimport { SubjectWidgetItem } from 'libs/shared/components/widgets/items/subject-widget-item/SubjectWidgetItem';\nimport { Classification } from 'libs/shared/interfaces';\n\nexport function CoverFixedPillListLargeWidgetTemplate(props: WidgetTemplateProps<Classification[]>): JSX.Element {\n  return (\n    <>\n      <WidgetHeader name={props.name} description={props.description} />\n      <Row className='mb-n2'>\n        {props.content.map(c => {\n          return (\n            <Col className={`position-relative pb-2`} key={c.id} xs={12} sm={6} lg={props.hasTableOfContents ? 6 : 4} xl={4}>\n              <SubjectWidgetItem\n                data={c}\n                getChildAppLink={(c: Classification) => props.appLinks?.classification?.(c)}\n                analyticsData={props.analyticsData}\n                analyticsOptions={props.analyticsOptions}\n                highlightOnHover={props.settings?.hasTopicDirectories}\n                isLarge\n              />\n            </Col>\n          );\n        })}\n      </Row>\n    </>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"isNew\":\"KLRzE\",\"newVideos\":\"xozwy\",\"badge\":\"NWZxu\",\"icon\":\"G9W_I\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\n\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { ClassificationStatus } from 'libs/shared/enums/ClassificationStatus';\nimport { Classification } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\nimport { TopicsHelper } from 'libs/shared/utils/topics-helper/TopicsHelper';\n\nimport styles from './subject-stats-badge.scss';\n\ntype ClassificationBadgeType = 'coming-soon' | 'new-topic' | 'new-videos';\n\nconst namespace = 'shared.subjectStatsBadge';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface SubjectStatsBadgeProps {\n  classification: Classification;\n}\n\nexport function SubjectStatsBadge(props: SubjectStatsBadgeProps): JSX.Element {\n  const { dashboardNewVideosCount, childDashboardNewVideoCount } = TopicsHelper.getCounts(props.classification);\n\n  const newVideoCount = dashboardNewVideosCount + childDashboardNewVideoCount;\n\n  function getBadgeType(): ClassificationBadgeType {\n    if (props.classification.status === ClassificationStatus.ComingSoon)\n      return 'coming-soon';\n\n    const { datePublished } = props.classification;\n    if (!!datePublished && DateHelper.timeSince(datePublished, 'day') <= 30)\n      return 'new-topic';\n\n    if (newVideoCount > 0)\n      return 'new-videos';\n\n    return null;\n  }\n\n  const badgeType = getBadgeType();\n\n  function getBadgeClass(): string {\n    const baseClass = `fw-semibold d-inline-block rounded-pill px-2 ${styles.badge}`;\n\n    switch (badgeType) {\n      case 'coming-soon':\n        return baseClass + ' bg-light ps-1 d-inline-flex align-items-center';\n      case 'new-topic':\n        return baseClass + ` ${styles.isNew}`;\n      case 'new-videos':\n        return baseClass + ` ${styles.newVideos}`;\n      default:\n        return '';\n    }\n  }\n\n  function getBadgeText(): string {\n    switch (badgeType) {\n      case 'coming-soon':\n        return getPhrase('comingSoon');\n      case 'new-topic':\n        return getPhrase('new');\n      case 'new-videos':\n        return getPhrase('newVideos', { smartCount: newVideoCount });\n      default:\n        return '';\n    }\n  }\n\n  return (\n    <div className={getBadgeClass()}>\n      {badgeType === 'coming-soon' && (\n        <SvgContainer\n          svgName={cvSvgLibrary.TimerSmall}\n          className={`svg-container ${styles.icon}`}\n          size={SvgContainerSize.ExtraSmall}\n        />\n      )}\n\n      {getBadgeText()}\n    </div>\n  );\n}","import * as React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsOptions, ClickDescriptor, EntityType, LocationContext, UserAction } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { BaseImage } from 'libs/shared/components/image/BaseImage';\nimport { ImageFallback, ImageFallbackType } from 'libs/shared/components/image/ImageFallback';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { ClassificationStatus } from 'libs/shared/enums/ClassificationStatus';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { Classification } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\nimport { TopicsHelper } from 'libs/shared/utils/topics-helper/TopicsHelper';\n\nimport { SubjectStatsBadge } from './subject-stats-badge/SubjectStatsBadge';\n\nimport styles from './subject-stats-widget-item.scss';\n\nconst namespace = 'shared.subjectStatsWidgetItem';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface SubjectStatsWidgetItemProps {\n  classification: Classification;\n  getAppLink: (classification: Classification) => Core.AppLink;\n  onToggleFollowClassification: (classification: Classification, location: LocationContext) => void;\n  canFollowTopics: boolean;\n\n  analyticsData: HashObject;\n  analyticsOptions: AnalyticsOptions;\n}\n\nexport function SubjectStatsWidgetItem(props: SubjectStatsWidgetItemProps): JSX.Element {\n  const [ hasLoadedImage, setHasLoadedImage ] = React.useState(false);\n  const isComingSoon = props.classification?.status === ClassificationStatus.ComingSoon;\n  const isFollowing = TopicsHelper.isFollowing(props.classification);\n\n  const {\n    dashboardNewVideosCount,\n    childDashboardNewVideoCount,\n    dashboardResourceCount,\n    childDashboardResourceCount,\n    dashboardVideoCount,\n    childDashboardVideoCount,\n    childClassificationCount\n  } = TopicsHelper.getCounts(props.classification);\n\n  const videoCount = dashboardVideoCount + childDashboardVideoCount;\n  const resourceCount = dashboardResourceCount + childDashboardResourceCount;\n  const newVideoCount = dashboardNewVideosCount + childDashboardNewVideoCount;\n\n  function onToggleFollowClassification(e: React.MouseEvent<HTMLDivElement>): void {\n    e.stopPropagation();\n    e.preventDefault();\n\n    if (!props.canFollowTopics)\n      return;\n\n    props.onToggleFollowClassification?.(props.classification, LocationContext.SubjectStatsWidgetItem);\n  }\n\n  function getSubtext(): string {\n    if (props.classification.status === ClassificationStatus.ComingSoon)\n      return '';\n\n    let text = '';\n\n    if (videoCount)\n      text += `${getPhrase('videos', { smartCount: videoCount })} `;\n\n    if (resourceCount)\n      text += ` • ${getPhrase('resources', { smartCount: resourceCount })}`;\n\n    if (TopicsHelper.isTopLevelTopic(props.classification) && childClassificationCount > 0) {\n      if (!text)\n        return getPhrase('topics', { smartCount: childClassificationCount });\n\n      text = `${getPhrase('topics', { smartCount: childClassificationCount })} • ` + text;\n    }\n\n    return text;\n  }\n\n  const subText = getSubtext();\n\n  return (\n    <AppLink\n      className={`d-flex no-decoration rounded ${styles.container}`}\n      appLink={props.getAppLink?.(props.classification)}\n      analyticsData={{\n        ...props.analyticsData,\n        id: props.classification?.id,\n        name: props.classification?.name,\n        presentationId: props.classification.presentationId,\n        comingSoon: !!isComingSoon,\n        videoCount,\n        resourceCount,\n        newVideoCount,\n        datePublished: props.classification.datePublished\n      }}\n      analyticsOptions={{\n        location: LocationContext.SubjectStatsWidgetItem,\n        ...props.analyticsOptions,\n        actionType: UserAction.Click,\n        entity: EntityType.Classification,\n        descriptor: ClickDescriptor.Cover\n      }}\n    >\n      {!hasLoadedImage && (\n        <ImageFallback\n          type={ImageFallbackType.Subject}\n          extraClasses={`ms-2 ${styles.fallbackImage}`}\n        />\n      )}\n      <div className={`${styles.cover} me-2 rounded overflow-hidden`}>\n        <BaseImage\n          data={props.classification.cover}\n          imageOptions={{ size: ImageSize.Medium }}\n          imageClassName={isComingSoon ? 'opacity-50' : ''}\n          onLoad={() => setHasLoadedImage(true)}\n        >\n          {props.canFollowTopics && (\n            <DivButton\n              onClick={onToggleFollowClassification}\n              className={`\n                align-items-center justify-content-center cursor-pointer\n                ${styles.bellContainer} ${isFollowing ? styles.followed : ''}\n              `}\n            >\n              <SvgContainer\n                svgName={cvSvgLibrary.BellFilled}\n                className={`svg-container ${styles.bell}`}\n              />\n              <SvgContainer\n                svgName={cvSvgLibrary.Bell}\n                className={`svg-container ${styles.bellOutline}`}\n              />\n            </DivButton>\n          )}\n        </BaseImage>\n\n      </div>\n      <div>\n        <h3 className={`h6 mb-0 clamp-2 mt-1`}>\n          {props.classification.name}\n        </h3>\n\n        {!!subText && (\n          <p className={`mb-0 ${styles.subText}`}>\n            {subText}\n          </p>\n        )}\n\n        <SubjectStatsBadge classification={props.classification} />\n      </div>\n    </AppLink>\n  );\n}","import React from 'react';\nimport { Col, Row } from 'react-bootstrap';\n\nimport { WidgetHeader } from 'libs/shared/components/widgets/curated-widgets/components/header/WidgetHeader';\nimport { WidgetTemplateProps } from 'libs/shared/components/widgets/curated-widgets/WidgetProps';\nimport { SubjectStatsWidgetItem } from 'libs/shared/components/widgets/items/subject-stats-widget-item/SubjectStatsWidgetItem';\nimport { Classification } from 'libs/shared/interfaces';\n\nexport function StatsCoverFixedPillListLargeWidgetTemplate(props: WidgetTemplateProps<Classification[]>): JSX.Element {\n  /**\n   * For V1 of the release of topic directories, we will not be exposing the following icon.\n   * This is because currently following is useless. Once we have implemented an email for when\n   * coming soon topics are released, we will enable this.\n   */\n  // const canFollowTopics = props.hasPermissions(PermissionName.FollowSubjects) && !!props.onToggleFollowClassification;\n\n  return (\n    <>\n      <WidgetHeader name={props.name} description={props.description} />\n      <Row className='mb-n2'>\n        {props.content.map(c => {\n          return (\n            <Col className={`position-relative pb-2`} key={c.id} xs={12} sm={6} lg={props.hasTableOfContents ? 6 : 4} xl={4}>\n              <SubjectStatsWidgetItem\n                classification={c}\n                analyticsData={props.analyticsData}\n                analyticsOptions={props.analyticsOptions}\n                getAppLink={props.appLinks?.classification}\n                onToggleFollowClassification={props.onToggleFollowClassification}\n                // canFollowTopics={canFollowTopics}\n                canFollowTopics={false}\n              />\n            </Col>\n          );\n        })}\n      </Row>\n    </>\n  );\n}","import React from 'react';\n\nimport { UserAgentHelper } from 'libs/common/backbone/utils/UserAgentHelper';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { DynamicWidgetState } from 'libs/shared/components/widgets/dynamic-widget';\nimport { FixedWidgetState } from 'libs/shared/components/widgets/fixed-widget';\n\n// Sync with transition time in SlidingListContainer.tsx\nconst SLIDER_ANIMATION_TIME = 400;\n\ntype FixedWidgetKeyboardOptions = {\n  type: 'fixed',\n  state: FixedWidgetState,\n  containerRef: React.MutableRefObject<HTMLElement>\n  mediaQuery?: never;\n}\n\ntype DynamicWidgetKeyboardOptions = {\n  type: 'dynamic',\n  state: DynamicWidgetState,\n  containerRef: React.MutableRefObject<HTMLElement>\n  mediaQuery: string\n}\n\ntype UseWidgetKeyboard = FixedWidgetKeyboardOptions | DynamicWidgetKeyboardOptions\n\nexport function useWidgetKeyboard(options: UseWidgetKeyboard) {\n  const { type, state, containerRef, mediaQuery } = options;\n\n  const [ isTabbing, setIsTabbing ] = React.useState(false);\n  const [ dynamicAttributes, setDynamicAttributes ] = React.useState<HashObject>({});\n  const [ focusedWidgetIndex, setFocusedWidgetIndex ] = React.useState(null);\n\n  const isTouch = React.useMemo(() => UserAgentHelper.isTouchScreen(), []);\n\n  /**\n   * Get accessibility attributes for dynamic widget items\n   * */\n  React.useEffect(() => {\n    if (type !== 'dynamic' || !containerRef.current || !(state as DynamicWidgetState).containerLeftPosition || isTouch) return;\n\n    setTimeout(() => getDynamicAttributes(), SLIDER_ANIMATION_TIME + 50);\n  }, [\n    containerRef.current,\n    mediaQuery,\n    (state as DynamicWidgetState).offset,\n    (state as DynamicWidgetState).containerLeftPosition\n  ]);\n\n  function getDynamicAttributes() {\n    const dynamicWidgetState = state as DynamicWidgetState;\n\n    if (!containerRef.current?.children)\n      return;\n\n    const focusableItems = Array.from(containerRef.current.children).reduce((acc, item) => {\n      const rect = item?.getBoundingClientRect();\n\n      /**\n       * When any part of the widget item is visible it should be focusable,\n       * otherwise prevent interaction and the slider should be the next focusable element\n       * */\n      const isItemVisable =\n        rect.left < dynamicWidgetState.containerRightPosition &&\n        rect.right > dynamicWidgetState.containerLeftPosition;\n\n      return {\n        ...acc,\n        [item.id]: isItemVisable\n          ? {\n            'aria-hidden': false\n          } : {\n            'aria-hidden': true,\n            'inert': 'true'\n          }\n      };\n    }, {});\n\n    setDynamicAttributes(focusableItems);\n  }\n\n  /**\n   * Get accessibility attributes for fixed widget items\n   * */\n  function getFixedAttributes(index?: number) {\n    const fixedWidgetState = state as FixedWidgetState;\n\n    const isItemVisible =\n      isTouch ||\n      index >= (fixedWidgetState.offset - fixedWidgetState.viewableItems) &&\n      index < fixedWidgetState.offset;\n    if (isItemVisible) {\n      return {\n        'aria-hidden': false\n      };\n    }\n\n    return {\n      'inert': 'true',\n      'aria-hidden': true\n    };\n  }\n\n  /**\n   * When the user is not signed in, there may be videos which are not focusable.\n   * setTimeout is required because the transition time is 400ms\n  */\n  function focusNext() {\n    setTimeout(() => {\n      if (!containerRef.current)\n        return;\n\n      const items = containerRef.current.querySelectorAll('li[aria-hidden]');\n\n      let nextFocusableElement: HTMLElement = null;\n\n      for (let i = (focusedWidgetIndex + 1); i < items.length; i++) {\n        if (nextFocusableElement)\n          break;\n\n        nextFocusableElement = items[i].querySelector('a[tabindex=\"0\"]');\n      }\n\n      if (nextFocusableElement)\n        nextFocusableElement.focus();\n    }, SLIDER_ANIMATION_TIME + 100);\n  }\n\n  function focusPrev() {\n    setTimeout(() => {\n      if (!containerRef.current)\n        return;\n\n      const items = containerRef.current.querySelectorAll('li[aria-hidden]');\n\n      let prevFocusableElement: HTMLElement = null;\n      for (let i = focusedWidgetIndex - 1; i >= 0; i--) {\n        if (prevFocusableElement) break;\n\n        const item = items[i];\n        prevFocusableElement = item.querySelector('a[tabindex=\"0\"]');\n      }\n\n      if (prevFocusableElement)\n        prevFocusableElement.focus();\n    }, SLIDER_ANIMATION_TIME + 100);\n  }\n\n  function onFocusWidget(index: number) {\n    if (document.querySelector('.user-is-tabbing')) {\n      setIsTabbing(true);\n      setFocusedWidgetIndex(index);\n    }\n  }\n\n  function onBlurWidget() {\n    if (!document.querySelector('.user-is-tabbing')) {\n      setIsTabbing(false);\n      setFocusedWidgetIndex(null);\n    }\n  }\n\n  return {\n    isTabbing,\n    onFocusWidget,\n    onBlurWidget,\n    getFixedAttributes,\n    dynamicAttributes,\n    focusNext,\n    focusPrev\n  };\n}","import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\nimport { RandomHelper } from 'libs/common/react/utils/RandomHelper';\n\nimport { AnalyticsOptions, HashObject } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { IconCircle } from 'libs/shared/components/icon-circle/IconCircle';\nimport { ImageFallback, ImageFallbackType } from 'libs/shared/components/image/ImageFallback';\nimport { SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { BaseObject, Classification, Presentation } from 'libs/shared/interfaces';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\nimport { MasterTypeHelper } from 'libs/shared/utils/MasterTypeHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './cover-pill.scss';\n\nconst namespace = 'shared.subjectWidgetItem';\n\ninterface NamePanelProps {\n  name: string;\n  multiline?: boolean;\n  subtitle?: string;\n  noUnderLine?: boolean;\n  newVideosCount?: number;\n}\n\nconst ComingSoonNamePanel = ({ name, multiline, noUnderLine }: NamePanelProps) => {\n  let wrapperClassName = `${styles.comingSoonPanel} \n    d-flex flex-column align-items-center justify-content-center px-3 text-center`;\n\n  let textClassName = '';\n\n  if (!multiline) {\n    wrapperClassName += ' text-nowrap';\n    textClassName += ' text-truncate';\n  } else {\n    textClassName += ` ${styles.clamped} clamp-2`;\n  }\n\n  return (\n    <div className={wrapperClassName}>\n      <small className='text-secondary'><Text namespace={namespace} phrase='comingSoon' /></small>\n      <p className={`${noUnderLine ? '' : styles.name} h6`}><span className={textClassName}>{name}</span></p>\n    </div>\n  );\n};\n\nconst NormalNamePanel = ({ name, multiline, subtitle, noUnderLine, newVideosCount }: NamePanelProps) => {\n  let wrapperClassName = 'px-3 d-flex flex-column justify-content-center';\n  let textClassName = `${noUnderLine ? '' : styles.name} h6`;\n\n  if (!multiline) {\n    wrapperClassName += ' text-nowrap text-truncate';\n    textClassName += ' text-truncate mb-0';\n  } else {\n    textClassName += ` ${newVideosCount ? 'clamp-2' : 'clamp-3'} text-start`;\n  }\n\n  return (\n    <div className={wrapperClassName}>\n      {subtitle && <div className={`text-secondary clamp-1 ${styles.text}`}>{subtitle}</div>}\n      <div className={textClassName} title={name}>{name}</div>\n      {!!newVideosCount && (\n        <div className={`fw-semibold d-inline-block rounded-pill px-2 mt-1 bg-light-green w-fit h-fit text-green ${styles.newVideos}`}>\n          <Text namespace={namespace} phrase='newVideos' options={{ smartCount: newVideosCount }} />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport interface CoverPillWidgetItemProps<T extends BaseObject> {\n  data: T;\n  getChildAppLink?: (data: T) => Core.AppLink;\n  getChildAppLinkOptions?: () => Core.AppLinkOptions;\n  isLarge?: boolean;\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n  availablePresentations?: Presentation[];\n  getSubtitle?: (data: T) => string;\n  multiline?: boolean;\n  // set to true it will highlight on hover and also remove the hover text underline\n  highlightOnHover?: boolean;\n  showNewVideosCount?: boolean;\n  themeColor?: string;\n}\n\ninterface CoverPillWidgetContentProps<T> extends CoverPillWidgetItemProps<T> {\n  coverUrl?: string;\n  subtitle?: string;\n  isComingSoon?: boolean;\n  className?: string;\n  imageClassName?: string;\n  isSelected?: boolean;\n  hideFallback?: boolean;\n  hideCheckmark?: boolean;\n  themeColor?: string;\n}\n\nexport function CoverPillWidgetContent(props: CoverPillWidgetContentProps<BaseObject>): JSX.Element {\n  const coverUrl = ImageHelper.createUrl(props.coverUrl, { size: props.isLarge ? ImageSize.Medium : ImageSize.Small });\n\n  let classification: Classification | undefined = undefined;\n  if (MasterTypeHelper.isClassification(props.data)) {\n    classification = props.data;\n  }\n\n  const childProps = {\n    name: props.data.name,\n    multiline: props.isLarge || props.multiline,\n    subtitle: props.subtitle,\n    noUnderLine: props.highlightOnHover,\n    newVideosCount:  props.showNewVideosCount ? classification?.externalMetadata?.childDashboardNewVideoCount : 0\n  };\n\n  return (\n    <div\n      className={`${props.themeColor ? styles.hasThemeColor : 'border'} d-flex position-relative ${props.className} ${styles.widgetItem} ${props.isSelected ? 'border-success border-2' : ''} ${props.highlightOnHover && !props.themeColor ? 'bg-light-blue-hover' : ''}`}\n      style={props.themeColor ? { '--themeColor': props.themeColor } as unknown as React.CSSProperties : {}}\n      id={`${props.data.id}-${RandomHelper.getRandomInt()}`}\n    >\n      {props.isSelected && (\n        <div className={`${styles.selectedMask} border-2`} />\n      )}\n\n      <div className={`${styles.imagePanel} ${props.isLarge ? styles.large : ''}`}>\n        {props.isSelected && !props.hideCheckmark && (\n          <div className={styles.selected}>\n            <IconCircle svgName={cvSvgLibrary.Check} svgSize={SvgContainerSize.Large} textVariant='white' variant='green' />\n          </div>\n        )}\n\n        <div\n          className={`${styles.image} ${props.imageClassName}`}\n          style={props.coverUrl ? { backgroundImage: `url('${coverUrl}')` } : {}}\n        />\n        {!props.hideFallback && (\n          <ImageFallback\n            type={ImageFallbackType.Subject}\n            extraClasses={props.isLarge ? styles.large : ''}\n          />\n        )}\n      </div>\n\n      {props.isComingSoon\n        ? <ComingSoonNamePanel {...childProps} />\n        : <NormalNamePanel {...childProps} />\n      }\n    </div>\n  );\n}\n\nexport function CoverPillWidgetContentWrapper(props: CoverPillWidgetContentProps<BaseObject>) {\n  const appLink = props.getChildAppLink ? props.getChildAppLink(props.data) : null;\n\n  return (\n    <>\n      {appLink ? (\n        <AppLink\n          className={styles.appLink}\n          appLink={appLink}\n          analyticsData={props.analyticsData}\n          analyticsOptions={props.analyticsOptions}\n          appLinkOptions={props.getChildAppLinkOptions?.()}\n        >\n          <CoverPillWidgetContent {...props} />\n        </AppLink>\n      ) : (<CoverPillWidgetContent {...props} />)\n      }\n    </>\n  );\n}","import * as React from 'react';\n\nimport { RandomHelper } from 'libs/common/react/utils/RandomHelper';\n\nimport { ImageFallback, ImageFallbackType } from 'libs/shared/components/image/ImageFallback';\n\nimport styles from './cover-pill.scss';\n\nexport const PartialSubjectWidgetItem = () => {\n  const [width] = React.useState(RandomHelper.getRandomInt(5) + 3 + 'rem');\n\n  return (\n    <div className={`border d-flex position-relative me-2 ${styles.widgetItem}`}>\n      <div className={styles.imagePanel} />\n      <div className='px-2' style={{ width }} />\n      <div className={styles.partialIcon}>\n        <ImageFallback type={ImageFallbackType.Subject} />\n      </div>\n    </div>\n  );\n};\n\nexport const PartialLargeSubjectWidgetItem = () => {\n  return (\n    <div className={`border d-flex position-relative me-2 ${styles.widgetItem}`}>\n      <div className={`${styles.partialLargeImage}`} />\n      <div className='px-2' />\n      <div className={styles.partialIcon}>\n        <ImageFallback type={ImageFallbackType.Subject} extraClasses={styles.partialLargeFallback} />\n      </div>\n    </div>\n  );\n};","import * as React from 'react';\n\nimport { ClickDescriptor, EntityType, LocationContext, UserAction } from 'libs/analytics/interfaces';\n\nimport { CoverPillWidgetContentWrapper, CoverPillWidgetItemProps } from 'libs/shared/components/widgets/items/subject-widget-item/CoverPill';\nimport { TopicsConstants } from 'libs/shared/constants/TopicsConstants';\nimport { ClassificationStatus } from 'libs/shared/enums/ClassificationStatus';\nimport { Classification, CuratedDashboardAppLink, Presentation } from 'libs/shared/interfaces';\n\nfunction usePresentationName(presentationId: string, availablePresentations: Presentation[]): string {\n  const showPresentationName = availablePresentations?.length >= TopicsConstants.MULTI_PRESENTATION_THRESHOLD;\n\n  if (!showPresentationName) {\n    return undefined;\n  }\n\n  return availablePresentations?.find(p => p.id === presentationId)?.name;\n}\n\nfunction SubjectWidgetItem(props: CoverPillWidgetItemProps<Classification>): JSX.Element {\n  const isTopicDiretoryItem = props.data.id === CuratedDashboardAppLink.ClassificationDirectory;\n  const isComingSoon = props.data?.status === ClassificationStatus.ComingSoon;\n  const presentationName = usePresentationName(props.data.presentationId, props?.availablePresentations);\n\n  const analyticsData = {\n    ...props.analyticsData,\n    id: props.analyticsData?.id || props.data?.id,\n    name: props.data?.name,\n    presentationId: props.analyticsData?.presentationId || props.data.presentationId,\n    comingSoon: !!isComingSoon\n  };\n\n  const analyticsOptions = {\n    location: LocationContext.ClassificationListItem,\n    entity: EntityType.Classification,\n    ...props.analyticsOptions,\n    actionType: UserAction.Click,\n    descriptor: ClickDescriptor.Cover\n  };\n\n  return (\n    <CoverPillWidgetContentWrapper\n      {...props}\n      analyticsData={analyticsData}\n      analyticsOptions={analyticsOptions}\n      coverUrl={props.data.cover?.url}\n      subtitle={props.getSubtitle?.(props.data) || presentationName}\n      isComingSoon={isComingSoon}\n      themeColor={isTopicDiretoryItem ? props.themeColor : ''}\n    />\n  );\n}\n\nconst Memoized = React.memo(SubjectWidgetItem);\n\nexport { Memoized as SubjectWidgetItem };","import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { AnalyticsOptions, ClickDescriptor, EntityType, HashObject, UserAction } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './cover-pill.scss';\n\ninterface EditSubjectsWidgetLinkProps {\n  appLink: Core.AppLink;\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n}\n\nconst analyticsOptions: AnalyticsOptions = {\n  actionType: UserAction.Click,\n  entity: EntityType.UserSetting,\n  descriptor: ClickDescriptor.Tile\n};\n\nexport function EditSubjectsWidgetLink(props: EditSubjectsWidgetLinkProps): JSX.Element {\n  const className =\n    `${styles.editSubjectsItem} d-flex position-relative px-3 justify-content-center align-items-center`;\n\n  return (\n    <AppLink\n      appLink={props.appLink}\n      className='text-decoration-none'\n      analyticsData={{ ...props.analyticsData, type: 'subject-preference' }}\n      analyticsOptions={ { ...props.analyticsOptions, ...analyticsOptions }}\n    >\n      <div className={className}>\n        <SvgContainer svgName={cvSvgLibrary.Edit} className='me-2 align-middle d-inline-block svg-container' />\n        <p className='h6 align-middle text-truncate'><Text namespace='shared.subjectWidgetItem' phrase='edit' /></p>\n      </div>\n    </AppLink>\n  );\n}","import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { AnalyticsOptions, ClickDescriptor, EntityType, HashObject, UserAction } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { ClickViewLogoInverted } from 'libs/shared/components/svgs/clickview-logo/ClickViewLogo';\nimport { Text } from 'libs/shared/components/text/Text';\n\nimport styles from './cover-pill.scss';\n\ninterface AllSubjectsWidgetLinkProps {\n  appLink: Core.AppLink;\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n}\n\nconst analyticsOptions: AnalyticsOptions = {\n  actionType: UserAction.Click,\n  entity: EntityType.Url,\n  descriptor: ClickDescriptor.Tile\n};\n\nexport function AllSubjectsWidgetLink(props: AllSubjectsWidgetLinkProps): JSX.Element {\n  const className =\n    `${styles.allSubjectsItem}\n    d-flex flex-column position-relative px-2\n    align-items-center justify-content-center text-nowrap bg-navy`;\n\n  return (\n    <AppLink\n      appLink={props.appLink}\n      className='text-decoration-none'\n      analyticsData={{ ...props.analyticsData, type: 'subject-all' }}\n      analyticsOptions={ { ...props.analyticsOptions, ...analyticsOptions }}\n    >\n      <div className={className}>\n        <div className={styles.logoContainer}>\n          <ClickViewLogoInverted />\n        </div>\n        <p className='h6 pt-2 px-3 mb-0'><Text namespace='shared.subjectWidgetItem' phrase='all' /></p>\n      </div>\n    </AppLink>\n  );\n}\n","import { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\n\nconst blankImage = new Image();\nblankImage.src = 'data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=';\n\nexport const DragHelper = {\n  // This removes the image that appears when you drag a draggable HTML element\n  hideDragImage(event: React.DragEvent<HTMLElement>): void {\n    if (!event.dataTransfer.setDragImage || !FunctionHelper.isFunction(event.dataTransfer.setDragImage))\n      return;\n\n    event.dataTransfer.setDragImage(blankImage, 0, 0);\n  }\n};","import * as React from 'react';\n\nimport { UserAgentHelper } from 'libs/common/backbone/utils/UserAgentHelper';\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\n\nimport { CssMeasurement } from 'libs/shared/enums/CssMeasurement';\nimport { DragHelper } from 'libs/shared/utils/DragHelper';\n\nconst isTouchScreen = UserAgentHelper.isTouchScreen();\n\nconst getPositionStyling = (xPosition: number, measurement: CssMeasurement, dragPercentage?: number) => {\n  // Used in situations where a touch screen user is dragging the `<FixedWidget />`\n  if (measurement === CssMeasurement.Percentage && dragPercentage)\n    xPosition = xPosition - dragPercentage;\n  \n  return {\n    transform: `translate3d(${xPosition}${measurement}, 0px, 0px)`,\n    // Sync with transition time in useWidgetKeyboard.ts\n    transition: 'transform .4s ease-in-out'\n  };\n};\n\ninterface SlidingListContainerProps extends React.PropsWithChildren<unknown> {\n  position: number;\n  positionType: CssMeasurement;\n\n  onDrag?: (event: React.DragEvent<HTMLUListElement>) => void;\n  onDragEnd?: () => void;\n\n  onTouchMove?: (event: React.TouchEvent<HTMLUListElement>) => void;\n  onTouchEnd?: () => void;\n\n  percentageDragged?: number;\n}\n\nexport const SlidingListContainer = React.forwardRef((\n  props: SlidingListContainerProps,\n  ref: React.MutableRefObject<HTMLUListElement>\n): JSX.Element => {\n  const { children, positionType, onDrag, onDragEnd, onTouchMove, onTouchEnd, percentageDragged, position = 0 } = props;\n\n  function getEventListeners(): HashObject {\n    const listenerProps: HashObject = {};\n\n    if (onDrag && onDragEnd) {\n      listenerProps.draggable = true;\n      listenerProps.onDragEnd = onDragEnd;\n      listenerProps.onDragStart = DragHelper.hideDragImage;\n      listenerProps.onDragOver = onDrag;\n    }\n\n    if (onTouchMove && onTouchEnd && isTouchScreen) {\n      listenerProps.onTouchMoveCapture = onTouchMove;\n      listenerProps.onTouchEndCapture = onTouchEnd;\n    }\n\n    return listenerProps;\n  }\n\n  return (\n    <ul\n      className='list-unstyled d-flex flex-nowrap position-relative w-100 mb-0'\n      style={getPositionStyling(position, positionType, percentageDragged)}\n      ref={ref}\n      {...getEventListeners()}\n    >\n      {children}\n    </ul>\n  );\n});","// extracted by mini-css-extract-plugin\nexport default {\"buttonContainer\":\"_ejId\",\"left\":\"VSAPU\",\"right\":\"kgeXh\",\"button\":\"gAsE9\",\"hoverText\":\"APA36\",\"buttonHover\":\"cqD75\",\"chevron\":\"Ev4hr\",\"extendedClickableArea\":\"AtsWP\",\"gradientRight\":\"ZuAif\",\"gradientLeft\":\"Pt3nx\",\"topPos\":\"BVcIS\"};","import * as React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { FixedWidgetState } from 'libs/shared/components/widgets/fixed-widget';\nimport { WidgetContents } from 'libs/shared/enums/WidgetContents';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './widget-button.scss';\n\nconst namespace = 'shared.widgetButton';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport enum WidgetButtonDirection {\n  Left,\n  Right\n}\n\ninterface WidgetButtonProps {\n  onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n  direction: WidgetButtonDirection;\n  hide: boolean;\n  contents?: WidgetContents;\n  useGradientBackdrop?: boolean;\n  className?: string;\n  hoverText?: string;\n  hideExtendedClickableArea?: boolean;\n  state?: FixedWidgetState;\n\n  leftButtonClassName?: string;\n  rightButtonClassName?: string;\n  leftGradientClassName?: string;\n  rightGradientClassName?: string;\n}\n\nexport const WidgetButton = React.memo(function(props: WidgetButtonProps): JSX.Element {\n  const isLeft = props.direction === WidgetButtonDirection.Left;\n\n  const arrowSvg = isLeft ? cvSvgLibrary.ChevronLeft : cvSvgLibrary.ChevronRight;\n\n  function getPositionClass(): string {\n    let className = styles.topPos;\n  \n    // Left / Right\n    if (isLeft)\n      className += ` ${styles.left} ${props.leftButtonClassName}`;\n    else\n      className += ` ${styles.right} ${props.rightButtonClassName}`;\n  \n    return className;\n  }\n\n  function getStyle(): React.CSSProperties {\n    if (props.state?.contents === 'videos')\n      return { paddingBottom: (56.25 / props.state?.viewableItems) + '%' };\n\n    return { height: '100%' };\n  }\n\n  if (props.hide)\n    return <></>;\n\n  return (\n    <div className={styles.buttonContainer} style={getStyle()}>\n      {props.useGradientBackdrop &&\n        <div className={isLeft ? `${styles.gradientLeft} ${props.leftGradientClassName}` : `${styles.gradientRight} ${props.rightGradientClassName}`} />\n      }\n\n      {!props.hideExtendedClickableArea && (\n        <button\n          onClick={props.onClick}\n          className={`${styles.extendedClickableArea} ${isLeft ? styles.left : styles.right}`}\n          tabIndex={-1}\n        />\n      )}\n\n      <button\n        className={`${getPositionClass()} ${styles.button} ${props.className || ''}`}\n        onClick={props.onClick}\n        aria-label={isLeft ? getPhrase('previous') : getPhrase('next')}\n      >\n        {props.hoverText && (\n          <span className={`ps-3 pe-2 ${styles.hoverText}`}>{props.hoverText}</span>\n        )}\n        <SvgContainer\n          svgName={arrowSvg}\n          size={SvgContainerSize.Medium}\n          className={`svg-container d-inline-block ${styles.chevron}`}\n        />\n      </button>\n    </div>\n  );\n});","// Maps to enum in SubjectApi but uses the\n// key rather than the value as SubjectsApi returns the key.\nexport enum ClassificationStatus {\n  Draft = 'Draft',\n  ComingSoon = 'ComingSoon',\n  Published = 'Published'\n}","export enum CssMeasurement {\n  Percentage = '%',\n  Pixels = 'px'\n}","export enum WidgetInteraction {\n  Init = 'init',\n  Next = 'next',\n  Previous = 'previous',\n  Resize = 'resize',\n  Drag = 'drag',\n  Update = 'update',\n  JumpToIndex = 'jump-to-index'\n}","import { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\n\nimport { useMediaQuery } from './UseMediaQuery';\n\n/**\n * @deprecated Please use useBreakpoints() instead\n */\nexport function useGetMediaQueryString(): MediaQueryStrings {\n  const isXS = useMediaQuery(MediaQueryStrings.XS);\n  const isSM = useMediaQuery(MediaQueryStrings.SM);\n  const isMD = useMediaQuery(MediaQueryStrings.MD);\n  const isLG = useMediaQuery(MediaQueryStrings.LG);\n  const isXL = useMediaQuery(MediaQueryStrings.XL);\n  const isXXL = useMediaQuery(MediaQueryStrings.XXL);\n\n  let currentString = MediaQueryStrings.LG; // default\n  if (isXS) currentString = MediaQueryStrings.XS;\n  if (isSM) currentString = MediaQueryStrings.SM;\n  if (isMD) currentString = MediaQueryStrings.MD;\n  if (isLG) currentString = MediaQueryStrings.LG;\n  if (isXL) currentString = MediaQueryStrings.XL;\n  if (isXXL) currentString = MediaQueryStrings.XXL;\n\n  return currentString;\n}","import { Core } from 'libs/common/core';\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { Classification, Playlist } from 'libs/shared/interfaces';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { ClassificationAppLinkHelper } from 'shared/utils/ClassificationAppLinkHelper';\n\nexport const getClassificationAppLink = (params?: HashObject) =>\n  (classification?: Classification): Core.AppLink => {\n    if (!classification?.id)\n      return null;\n\n    return ClassificationAppLinkHelper.getAppLink(classification, params || {});\n  };\n\nexport const getPlaylistAppLink = (playlist: Playlist, classificationId: string): Core.AppLink => ({\n  application: AppChannels.PLAYLISTS,\n  action: Actions.Playlists.PLAYLIST,\n  args: [ playlist.id, TextHelper.slugify(playlist.name) ],\n  params: { classificationId }\n});\n\nexport const getAllTopicsAppLink = (presentationId?: string): Core.AppLink => ({\n  application: AppChannels.SUBJECT,\n  action: Actions.Subjects.PRESENTATION_TOPICS,\n  params: presentationId ? { presentationId } : {}\n});","// extracted by mini-css-extract-plugin\nexport default {\"classificationPane\":\"ftCMX\"};","import * as React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\n\nimport { EntityType, LocationContext, UserAction } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { BannerHeader, PartialBannerHeader } from 'libs/shared/components/banner-header/BannerHeader';\nimport { Breadcrumb, Breadcrumbs, PartialBreadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { CoverFixedPillListLargeWidgetTemplate } from 'libs/shared/components/widgets/curated-widgets/templates/cover-fixed-pill-list-large/CoverFixedPillListLargeWidgetTemplate';\nimport { StatsCoverFixedPillListLargeWidgetTemplate } from 'libs/shared/components/widgets/curated-widgets/templates/stats-cover-fixed-pill-list-large/StatsCoverFixedPillListLargeWidgetTemplate';\nimport { PartialDynamicWidget } from 'libs/shared/components/widgets/dynamic-widget';\nimport { PartialSubjectWidgetItem } from 'libs/shared/components/widgets/items/subject-widget-item';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { WidgetTemplate } from 'libs/shared/enums/WidgetTemplate';\nimport { WidgetTypeId } from 'libs/shared/enums/WidgetTypeId';\nimport { ClassificationRequests } from 'libs/shared/flight-requests/ClassificationRequests';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { Classification, Config, Presentation } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\nimport { TopicsHelper } from 'libs/shared/utils/topics-helper/TopicsHelper';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { usePluginHelper } from 'shared/hooks/use-plugin-helper/usePluginHelper';\nimport { usePresentation } from 'shared/hooks/usePresentation';\nimport { SeoHelper } from 'shared/utils/SeoHelper';\n\nimport { getClassificationAppLink } from 'apps/subjects/utils/ClassificationAppLinks';\n\nimport styles from './presentation-topics.scss';\n\nconst namespace = 'subjects.presentationTopics';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport interface PresentationTopicsViewQueryParams {\n  presentationId?: string;\n}\n\ninterface PresentationTopicsViewProps {\n  queryParams: PresentationTopicsViewQueryParams;\n}\n\nexport function PresentationTopicsView(props: PresentationTopicsViewProps): React.ReactElement {\n  const { isPlugin } = usePluginHelper();\n  const { hasTopicDirectories } = useSettings(null);\n  const breakpoints = useBreakpoints();\n\n  /**\n   * Data fetching\n   */\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n  const {\n    availablePresentations,\n    activePresentation,\n    hasPresentationsLoaded,\n    canAccessPresentation\n  } = usePresentation();\n\n  const { hasPermissions, hasLocalPermissions } = usePermissions();\n\n  /**\n   * We'll prefer the presentationId query param, but fallback to the\n   * user's activePresentation where the queryParam doesn't exist.\n   */\n  const initialPresentationId = props.queryParams.presentationId || activePresentation?.id;\n\n  const currentPresentation = Flight.useBasicFetch<Presentation>(\n    initialPresentationId &&\n    ClassificationRequests.presentationById(initialPresentationId)\n  );\n\n  const hasLoaded = currentPresentation.hasCompleted && hasPresentationsLoaded;\n\n  const classification = {\n    name: TopicsHelper.getExploreAllTopicsTitle(currentPresentation.data?.name, availablePresentations?.length),\n    banner: {\n      url: TopicsHelper.getPresentationLevelImage(currentPresentation.data?.learningLevel, 'topic-banner')\n    }\n  } as Classification;\n\n  const children = Flight.useBasicFetch<Classification[]>(\n    hasLoaded &&\n    ClassificationRequests.topLevelTopics(initialPresentationId || currentPresentation.data?.id)\n  );\n\n  const title = getPhrase('pageTitleSubject', { title: currentPresentation.data?.name });\n\n  useSetPageMetadata({\n    title,\n    description: getPhrase('pageDescription', { title: currentPresentation.data?.name }),\n    canonicalLink: SeoHelper.getCanonicalLink(),\n    allowIndexing: SeoHelper.allowIndexing()\n  });\n\n  const classificationAppLinkFn = getClassificationAppLink();\n\n  function getBreadcrumbs(): Breadcrumb[] {\n    return [{\n      name: getPhrase('discover'),\n      appLink: {\n        application: AppChannels.DASHBOARD,\n        action: Actions.Dashboard.HOME\n      }\n    }, {\n      name: TopicsHelper.getExploreAllTopicsBreadcrumb(currentPresentation.data?.name, availablePresentations?.length),\n      active: true\n    }];\n  }\n\n  /**\n   * Render Variable\n   */\n  const dataLoaded = !!config.data && !!availablePresentations && children.data;\n  const canViewBreadcrumbs = canAccessPresentation(currentPresentation.data?.id);\n\n  /**\n   * Additional subjects data to be mixed in with lower-level component analytics collection\n   */\n  const analyticsData = {\n    presentationId: currentPresentation.data?.id,\n    presentationName: currentPresentation.data?.name,\n    widgetId: WidgetTypeId.Classifications,\n    templateId: WidgetTemplate.CoverFixedPillListLarge\n  };\n\n  const TemplateComponent = hasTopicDirectories\n    ? StatsCoverFixedPillListLargeWidgetTemplate\n    : CoverFixedPillListLargeWidgetTemplate;\n  \n  return (\n    <main className='bg-white px-4'>\n      {dataLoaded\n        ? (\n          <BannerHeader\n            heading={classification?.name}\n            banner={classification?.banner}\n            imageCdnUrl={config.data.imageCdnUrl}\n            imageOptions={{ size: ImageSize.Large }}\n          />\n        ) : <PartialBannerHeader />\n      }\n      <div className={`py-3 mb-3 ${canViewBreadcrumbs ? 'border-bottom' : ''}`}>\n        {(() => {\n          if (!canViewBreadcrumbs)\n            return <></>;\n\n          if (!dataLoaded)\n            return <PartialBreadcrumbs />;\n\n          return <Breadcrumbs breadcrumbs={getBreadcrumbs()} />;\n        })()}\n      </div>\n      <div className={styles.classificationPane}>\n        {dataLoaded ? (\n          <TemplateComponent\n            id={currentPresentation.data?.id}\n            name=''\n            description=''\n            metadata={{}}\n            preferences={[]}\n            hasPermissions={hasPermissions}\n            hasLocalPermissions={hasLocalPermissions}\n            widgetTypeId={WidgetTypeId.Classifications}\n            templateId={WidgetTemplate.StatsCoverFixedPillListLarge}\n            analyticsData={analyticsData}\n            content={children?.data}\n            analyticsOptions={{ location: LocationContext.SlidingListItem }}\n            appLinks={{ classification: classificationAppLinkFn }}\n            imageCdnUrl={config.data.imageCdnUrl}\n            resourceThumbnailFallbackImageUrl={ImageUrls.Fallbacks.RESOURCE_THUMBNAIL}\n            isPlugin={isPlugin}\n          />\n        ) : (\n          <PartialDynamicWidget partialLoadingComponent={PartialSubjectWidgetItem} />\n        )}\n\n        {dataLoaded && hasTopicDirectories && availablePresentations?.length > 1 && (\n          <ul className='pt-3 list-unstyled'>\n            {availablePresentations.filter(p => p.id !== currentPresentation.data?.id).map(presentation => {\n              return (\n                <li key={presentation.id}>\n                  <AppLink\n                    className={`d-flex justify-content-between align-items-center text-white p-3 mb-3 rounded-3 ${styles.link} ${TopicsHelper.getMappedPresentationBackgroundColour(presentation?.learningLevel)}`}\n                    appLink={{\n                      application: AppChannels.SUBJECT,\n                      action: Actions.Subjects.PRESENTATION_TOPICS,\n                      params: { presentationId: presentation.id }\n                    }}\n                    appLinkOptions={{ middlewareOptions: { presentationSlug: presentation.vanitySlug } }}\n                    analyticsData={{\n                      id: presentation.id,\n                      name: presentation.name,\n                      description: presentation.description,\n                      currentPresentationId: currentPresentation.data?.id,\n                      currentPresentationName: currentPresentation.data?.name,\n                      currentPresentationDescription: currentPresentation.data?.description\n                    }}\n                    analyticsOptions={{\n                      entity: EntityType.Presentation,\n                      actionType: UserAction.Click,\n                      location: LocationContext.PresentationClassifications\n                    }}\n                  >\n                    <div className='h4 text-shadow mb-0'>\n                      {(availablePresentations.length > 2 || breakpoints.sm || breakpoints.xs) ? (\n                        <Text namespace={namespace} phrase='multiPresentationBanner' options={{ name: presentation.name }} />\n                      ) : (\n                        <Text namespace={namespace} phrase='singlePresentationBanner' options={{ name: presentation.name }} />\n                      )}\n                    </div>\n                    <IconButton\n                      svgName={breakpoints.xs ? cvSvgLibrary.Sparkle : cvSvgLibrary.School}\n                      openInNewTab\n                      className='btn btn-outline-dark'\n                      onClick={null}\n                    >\n                      <Text\n                        namespace={namespace}\n                        phrase={breakpoints.xs ? 'explore' : 'changeTo'}\n                        options={{ name: presentation.name }}\n                      />\n                    </IconButton>\n                  </AppLink>\n                </li>\n              );\n            })}\n          </ul>\n        )}\n      </div>\n    </main>\n  );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"container\":\"wzt8R\",\"bellContainer\":\"X7Jgx\",\"bell\":\"HoKe4\",\"followed\":\"Pdmdk\",\"bellOutline\":\"bEQDk\",\"cover\":\"luOU3\",\"fallbackImage\":\"ReXqz\",\"subText\":\"p0kUV\"};","// extracted by mini-css-extract-plugin\nexport default {\"appLink\":\"fFjKN\",\"name\":\"A_by9\",\"selectedMask\":\"xSQtR\",\"widgetItem\":\"Ys9W_\",\"hasThemeColor\":\"DX2ua\",\"text\":\"JfAoy\",\"imagePanel\":\"aUNDc\",\"partialLargeImage\":\"RuLxv\",\"selected\":\"BViJb\",\"image\":\"LkTep\",\"dragHandle\":\"CJqvP\",\"large\":\"R5clw\",\"comingSoonPanel\":\"Wa2PG\",\"newVideos\":\"s61h8\",\"editSubjectsItem\":\"gGNFD\",\"allSubjectsItem\":\"IHdlJ\",\"logoContainer\":\"Nzaes\",\"draggingItem\":\"zUOye\",\"partialLargeFallback\":\"FmJP9\",\"partialIcon\":\"sdZuo\"};","\"use client\";\n\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport { useBootstrapPrefix, useBootstrapBreakpoints, useBootstrapMinBreakpoint } from './ThemeProvider';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst Row = /*#__PURE__*/React.forwardRef(({\n  bsPrefix,\n  className,\n  // Need to define the default \"as\" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595\n  as: Component = 'div',\n  ...props\n}, ref) => {\n  const decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'row');\n  const breakpoints = useBootstrapBreakpoints();\n  const minBreakpoint = useBootstrapMinBreakpoint();\n  const sizePrefix = `${decoratedBsPrefix}-cols`;\n  const classes = [];\n  breakpoints.forEach(brkPoint => {\n    const propValue = props[brkPoint];\n    delete props[brkPoint];\n    let cols;\n    if (propValue != null && typeof propValue === 'object') {\n      ({\n        cols\n      } = propValue);\n    } else {\n      cols = propValue;\n    }\n    const infix = brkPoint !== minBreakpoint ? `-${brkPoint}` : '';\n    if (cols != null) classes.push(`${sizePrefix}${infix}-${cols}`);\n  });\n  return /*#__PURE__*/_jsx(Component, {\n    ref: ref,\n    ...props,\n    className: classNames(className, decoratedBsPrefix, ...classes)\n  });\n});\nRow.displayName = 'Row';\nexport default Row;"],"names":["PortalHelper","renderInPortalIfExists","component","portalContainer","createPortal","namespace","ComingSoonTag","props","Tooltip","title","LanguageService","spanHackClassName","spanHack","className","SvgContainer","svgName","onlyIcon","GenericCalendarDate","AppLink","appLink","getAppLink","theme","border","analyticsData","analyticsOptions","background","label","body","type","getBodyClass","text","month","Actions","orderedActions","actions","sort","a","b","order","buttonActions","moreActions","forEach","button","push","length","map","idx","key","href","onClick","svgSize","dropdownToggleSvgSize","tooltip","showSpinner","openInNewTab","disabled","iconButton","showBorder","customSize","ariaLabel","sortComponent","dropdownToggleClassName","actionsDropdownClassName","fetchMore","LazyDropdownItems","style","padding","height","width","getDropdownItemClassName","actionClassName","ActionsDropdownItem","FunctionHelper","action","e","preventDefault","AnalyticsHelper","role","tabIndex","onKeyDown","ActionsDropdown","isLazy","some","lazyPlaceholder","currentGroup","dropdownToggleId","RandomHelper","id","size","showDivider","undefined","group","defaultProps","S","BackButton","textShadow","backToName","color","extraClasses","backPhrase","colorClass","textShadowClass","RATIO","getSizeClass","heading","BannerHeader","banner","imageCdnUrl","blockColourClass","specialEvent","portalContainerContext","BannerPortalContext","imageWidth","useBreakpoints","xxl","specialEventIsToday","showComingSoon","today","DateHelper","Date","endDate","startDate","imageOptions","ratio","resizeType","url","ImageHelper","fallbackBaseUrl","fallbackCategoryName","containerProps","bannerClassName","backgroundImage","DetailsComponent","detailsComponent","backButtonAppLink","backButtonText","backButtonClasses","alignLogoLeft","logo","calendarTheme","Text","phrase","LazyImage","src","container","prevProps","nextProps","PartialBannerHeader","getPhrase","BreadcrumbItem","ref","breadcrumb","name","active","withBackIcon","Breadcrumbs","breadcrumbs","isMobile","collapse","setCollapse","shouldFocus","setShouldFocus","expandRef","characterLength","reduce","prev","next","current","focus","first","second","secondLast","last","rest","slice","PartialBreadcrumbs","numItems","dangerouslySetInnerHTML","__html","SeeMore","descriptor","WidgetHeader","hasDescription","description","isBelowMinimum","WidgetHelper","content","widgetTypeId","minContent","WidgetTypeIdConfig","isPreviewing","tooltipSpanHack","tooltipSpanHackClassName","showSeeMoreLink","CoverFixedPillListLargeWidgetTemplate","c","xs","sm","lg","hasTableOfContents","xl","data","getChildAppLink","appLinks","classification","highlightOnHover","settings","hasTopicDirectories","isLarge","SubjectStatsBadge","TopicsHelper","newVideoCount","dashboardNewVideosCount","childDashboardNewVideoCount","badgeType","status","ClassificationStatus","datePublished","getBadgeType","baseClass","getBadgeClass","smartCount","getBadgeText","SubjectStatsWidgetItem","hasLoadedImage","setHasLoadedImage","isComingSoon","isFollowing","dashboardResourceCount","childDashboardResourceCount","dashboardVideoCount","childDashboardVideoCount","childClassificationCount","videoCount","resourceCount","subText","getSubtext","presentationId","comingSoon","location","actionType","entity","ImageFallback","BaseImage","cover","imageClassName","onLoad","canFollowTopics","DivButton","stopPropagation","onToggleFollowClassification","StatsCoverFixedPillListLargeWidgetTemplate","Row","Col","SLIDER_ANIMATION_TIME","useWidgetKeyboard","options","state","containerRef","mediaQuery","isTabbing","setIsTabbing","dynamicAttributes","setDynamicAttributes","focusedWidgetIndex","setFocusedWidgetIndex","isTouch","containerLeftPosition","setTimeout","dynamicWidgetState","children","focusableItems","Array","from","acc","item","rect","getBoundingClientRect","isItemVisable","left","containerRightPosition","right","getDynamicAttributes","offset","onFocusWidget","index","document","querySelector","onBlurWidget","getFixedAttributes","fixedWidgetState","viewableItems","focusNext","items","querySelectorAll","nextFocusableElement","i","focusPrev","prevFocusableElement","ComingSoonNamePanel","multiline","noUnderLine","wrapperClassName","textClassName","NormalNamePanel","subtitle","newVideosCount","CoverPillWidgetContent","coverUrl","childProps","showNewVideosCount","externalMetadata","themeColor","isSelected","hideCheckmark","textVariant","variant","hideFallback","CoverPillWidgetContentWrapper","appLinkOptions","getChildAppLinkOptions","PartialSubjectWidgetItem","PartialLargeSubjectWidgetItem","Memoized","isTopicDiretoryItem","presentationName","availablePresentations","find","p","usePresentationName","getSubtitle","blankImage","Image","DragHelper","event","dataTransfer","setDragImage","isTouchScreen","UserAgentHelper","SlidingListContainer","listenerProps","xPosition","measurement","dragPercentage","positionType","onDrag","onDragEnd","onTouchMove","onTouchEnd","percentageDragged","position","CssMeasurement","C","transform","transition","draggable","onDragStart","onDragOver","onTouchMoveCapture","onTouchEndCapture","WidgetButtonDirection","WidgetButton","isLeft","direction","Left","arrowSvg","hide","contents","paddingBottom","useGradientBackdrop","leftGradientClassName","rightGradientClassName","hideExtendedClickableArea","leftButtonClassName","rightButtonClassName","hoverText","WidgetInteraction","useGetMediaQueryString","isXS","isSM","isMD","isLG","isXL","isXXL","currentString","getClassificationAppLink","params","ClassificationAppLinkHelper","PresentationTopicsView","isPlugin","usePluginHelper","useSettings","breakpoints","config","ConfigRequests","usePresentation","activePresentation","hasPresentationsLoaded","canAccessPresentation","usePermissions","hasPermissions","hasLocalPermissions","initialPresentationId","queryParams","currentPresentation","ClassificationRequests","hasLoaded","hasCompleted","learningLevel","useSetPageMetadata","canonicalLink","SeoHelper","allowIndexing","classificationAppLinkFn","dataLoaded","canViewBreadcrumbs","widgetId","WidgetTypeId","templateId","WidgetTemplate","TemplateComponent","application","getBreadcrumbs","metadata","preferences","resourceThumbnailFallbackImageUrl","ImageUrls","partialLoadingComponent","filter","presentation","middlewareOptions","presentationSlug","vanitySlug","currentPresentationId","currentPresentationName","currentPresentationDescription","IconButton","bsPrefix","as","Component","decoratedBsPrefix","minBreakpoint","sizePrefix","classes","brkPoint","propValue","cols","infix","displayName"],"sourceRoot":""}

package/dist/scripts/8046-485ecb0ed7-lite.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[8046],{41630:(e,t,n)=>{n.d(t,{X:()=>C});var r=n(32735),a=n(44645),i=n(17327),c=n.n(i),l=n(56050),o=n(23481),m=n(81886),u=n(2786),s=n(93264),_=n(40424);const d={worksheet:"Bv47P",interaction:"efkgi",timepointCell:"ffoDR",interactionCell:"rKBEu",checkbox:"ilhe4",multipleChoiceAnswer:"TqhFx",shortAnswerTextArea:"voJCM",image:"go2dV",cvLogo:"Z4GOw",copyright:"petLf",illustrationDrawingArea:"iA_Dl"};function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function p(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=v(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==v(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var E=/{([^{}]*)}/g;function f(e){return r.createElement("div",{className:"mb-2"},e.interaction.name)}function b(e){return r.createElement(r.Fragment,null,r.createElement(f,{interaction:e.interaction}),r.createElement("table",null,r.createElement("tbody",null,e.interaction.actionableItems.map((function(e){return r.createElement("tr",{key:e.id},r.createElement("td",null,r.createElement("div",{className:"border ".concat(d.checkbox)})),r.createElement("td",{className:"break-word align-top"},r.createElement("div",{className:d.multipleChoiceAnswer},e.name)))})))))}var g=p(p(p(p(p(p(p({},_.Z9.Annotation,(function(e){return r.createElement("div",{dangerouslySetInnerHTML:{__html:e.interaction.data.annotation}})})),_.Z9.Image,(function(e){return r.createElement(r.Fragment,null,r.createElement(f,{interaction:e.interaction}),r.createElement("img",{className:d.image,src:e.interaction.data.url}))})),_.Z9.MissingWord,(function(e){var t=e.interaction.data.sentence.replace(E,(function(t,n){var r=2*e.interaction.actionableItems.find((function(e){return e.order.toString()===n})).name.length;return Array(r+1).join("_")}));return r.createElement("div",null,t)})),_.Z9.MultipleChoice,b),_.Z9.TrueOrFalse,b),_.Z9.ShortAnswer,(function(e){return r.createElement(r.Fragment,null,r.createElement(f,{interaction:e.interaction}),r.createElement("div",{className:"border w-100 ".concat(d.shortAnswerTextArea)}))})),_.Z9.Illustration,(function(e){return r.createElement(r.Fragment,null,r.createElement(f,{interaction:e.interaction}),r.createElement("div",{className:"w-100 border ".concat(d.illustrationDrawingArea)}))})),w=o.T.encloseNamespace("interactives.printableInteractiveWorksheet");function y(e){var t=g[e.interaction.typeId];return t?r.createElement("tr",{className:d.interaction},r.createElement("td",{className:"align-top ".concat(d.timepointCell)},s.T.ToDisplayDuration(e.visibleAt)),r.createElement("td",{className:"break-word ".concat(d.interactionCell)},r.createElement(t,{interaction:e.interaction}))):r.createElement(r.Fragment,null)}function h(e){return r.createElement(r.Fragment,null,e.interactive.timepoints.map((function(e,t){return e.interactions.map((function(n,a){return r.createElement(y,{key:"".concat(t,":").concat(a),interaction:n,visibleAt:e.visibleAt})}))})))}function k(e){var t=(new Date).getFullYear();return r.createElement("div",{id:e.worksheetElementId,className:d.worksheet},r.createElement("div",{className:"row pb-2"},r.createElement("div",{className:"col-6"},w("name")," ______________________________"),r.createElement("div",{className:"col-6"},w("date")," ______________________________")),r.createElement("h1",null,r.createElement("strong",null,w("questionSheet"),":")," ",e.interactive.name),r.createElement("table",null,r.createElement("tbody",null,r.createElement(h,{interactive:e.interactive}))),r.createElement("div",{className:d.cvLogo},r.createElement(u.$S,null)),e.isClickViewContent&&r.createElement("span",{className:d.copyright},w("copyright",{year:t})))}var N=o.T.encloseNamespace("interactives.utils");function C(e,t,n){var i=document.getElementById("print-region");if(i||m.Q.Ry.throw(new l.H("Could not find print region in layout")),e){var o="printable-interactive-".concat(e.id),u=(0,a.s)(i);u.render(r.createElement("div",{className:"d-none"},r.createElement(k,{worksheetElementId:o,interactive:e,isClickViewContent:t}))),window.setTimeout((function(){c()({printable:o,type:"html",documentTitle:N("worksheetTitle",{interactiveName:e.name}),targetStyles:["*"],style:"@page { size: A4; margin: 1.5cm 0; }",onLoadingEnd:function(){n&&n(),u.unmount()},font_size:"14px"})}),200)}}},59678:(e,t,n)=>{n.r(t),n.d(t,{PrintInteractiveView:()=>s});var r=n(32735),a=n(23481),i=n(20354),c=n(9111),l=n(50023),o=n(20768),m=n(41630),u=a.T.encloseNamespace("interactives.printInteractive");function s(e){var t=i.a.useBasicFetch(o.b.interactiveMetadata(e.id)),n=i.a.useBasicFetch(t.data?o.b.interactive(t.data.interactiveId):null);return r.useEffect((function(){var r;n.data&&(0,m.X)(n.data,null===(r=t.data._isClickViewCurated)||void 0===r?void 0:r.value,e.closePopup)}),[!!n.data]),r.createElement(c.G,{title:u("popupTitle"),closePopup:e.closePopup,showLoadingSpinner:!n.data,size:"lg"},r.createElement(l.E,null))}}}]);
+//# sourceMappingURL=8046-485ecb0ed7-lite.chunk.js.map

package/dist/scripts/8046-485ecb0ed7-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/8046-485ecb0ed7-lite.chunk.js","mappings":"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","sources":["file:///app/packages/projects/lite/src/apps/interactives/components/printable-interactive-worksheet/printable-interactive-worksheet.scss","file:///app/packages/projects/lite/src/apps/interactives/components/printable-interactive-worksheet/PrintableInteractionContent.tsx","file:///app/packages/projects/lite/src/apps/interactives/components/printable-interactive-worksheet/PrintableInteractiveWorksheet.tsx","file:///app/packages/projects/lite/src/apps/interactives/utils/PrintInteractive.tsx","file:///app/packages/projects/lite/src/apps/interactives/views/print-interactive/PrintInteractiveView.tsx"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"worksheet\":\"Bv47P\",\"interaction\":\"efkgi\",\"timepointCell\":\"ffoDR\",\"interactionCell\":\"rKBEu\",\"checkbox\":\"ilhe4\",\"multipleChoiceAnswer\":\"TqhFx\",\"shortAnswerTextArea\":\"voJCM\",\"image\":\"go2dV\",\"cvLogo\":\"Z4GOw\",\"copyright\":\"petLf\",\"illustrationDrawingArea\":\"iA_Dl\"};","import React from 'react';\n\nimport { Interaction, InteractionTypeId } from 'libs/shared/interfaces';\n\nimport styles from './printable-interactive-worksheet.scss';\n\nconst MISSING_WORD_REGEX = /{([^{}]*)}/g;\n\ninterface PrintableInteractionContentProps {\n  interaction: Interaction;\n}\n\nfunction InteractionName(props: PrintableInteractionContentProps): JSX.Element {\n  return (\n    <div className='mb-2'>{props.interaction.name}</div>\n  );\n}\n\nfunction AnnotationInteraction(props: PrintableInteractionContentProps): JSX.Element {\n  return (\n    <div dangerouslySetInnerHTML={{ __html: props.interaction.data.annotation }}></div>\n  );\n}\n\nfunction ImageInteraction(props: PrintableInteractionContentProps): JSX.Element {\n  return (\n    <>\n      <InteractionName interaction={props.interaction} />\n      <img className={styles.image} src={props.interaction.data.url} />\n    </>\n  );\n}\n\nfunction MissingWordInteraction(props: PrintableInteractionContentProps): JSX.Element {\n  function replaceMissingWord(match: string, val: string): string {\n    const actionableItem = props.interaction.actionableItems.find(a => a.order.toString() === val);\n    const width = 2 * actionableItem.name.length;\n    return Array(width + 1).join('_');\n  }\n\n  const formatted = (props.interaction.data.sentence as string).replace(MISSING_WORD_REGEX, replaceMissingWord);\n\n  return (\n    <div>{formatted}</div>\n  );\n}\n\nfunction MultipleChoiceInteraction(props: PrintableInteractionContentProps): JSX.Element {\n  return (\n    <>\n      <InteractionName interaction={props.interaction} />\n      <table>\n        <tbody>\n          {props.interaction.actionableItems.map(a => (\n            <tr key={a.id}>\n              <td>\n                <div className={`border ${styles.checkbox}`} />\n              </td>\n              <td className='break-word align-top'>\n                <div className={styles.multipleChoiceAnswer}>\n                  {a.name}\n                </div>\n              </td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </>\n  );\n}\n\nfunction ShortAnswerInteraction(props: PrintableInteractionContentProps): JSX.Element {\n  return (\n    <>\n      <InteractionName interaction={props.interaction} />\n      <div className={`border w-100 ${styles.shortAnswerTextArea}`} />\n    </>\n  );\n}\n\nfunction IllustrationInteraction(props: PrintableInteractionContentProps): JSX.Element {\n  return (\n    <>\n      <InteractionName interaction={props.interaction} />\n      <div className={`w-100 border ${styles.illustrationDrawingArea}`} />\n    </>\n  );\n}\n\nexport const PrintableInteractionComponentLookup: {\n  [typeId: number]: (props: PrintableInteractionContentProps) => JSX.Element\n} = {\n  [InteractionTypeId.Annotation]: AnnotationInteraction,\n  [InteractionTypeId.Image]: ImageInteraction,\n  [InteractionTypeId.MissingWord]: MissingWordInteraction,\n  [InteractionTypeId.MultipleChoice]: MultipleChoiceInteraction,\n  [InteractionTypeId.TrueOrFalse]: MultipleChoiceInteraction,\n  [InteractionTypeId.ShortAnswer]: ShortAnswerInteraction,\n  [InteractionTypeId.Illustration]: IllustrationInteraction\n};\n","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { ClickViewLogo } from 'libs/shared/components/svgs/clickview-logo/ClickViewLogo';\nimport { Interaction, Interactive } from 'libs/shared/interfaces';\nimport { DurationHelper } from 'libs/shared/utils/DurationHelper';\n\nimport { PrintableInteractionComponentLookup } from './PrintableInteractionContent';\n\nimport styles from './printable-interactive-worksheet.scss';\n\nconst getPhrase = LanguageService.encloseNamespace('interactives.printableInteractiveWorksheet');\n\ninterface PrintableInteractionProps {\n  interaction: Interaction;\n  visibleAt: number;\n}\n\nfunction PrintableInteraction(props: PrintableInteractionProps): JSX.Element {\n  const InteractionComponent = PrintableInteractionComponentLookup[props.interaction.typeId];\n\n  if (!InteractionComponent)\n    return <></>;\n\n  return (\n    <tr className={styles.interaction}>\n      <td className={`align-top ${styles.timepointCell}`}>\n        {DurationHelper.ToDisplayDuration(props.visibleAt)}\n      </td>\n      <td className={`break-word ${styles.interactionCell}`}>\n        <InteractionComponent interaction={props.interaction} />\n      </td>\n    </tr>\n  );\n}\n\ninterface PrintableInteractiveQuestionsProps {\n  interactive: Interactive;\n}\n\nfunction PrintableInteractiveQuestions(props: PrintableInteractiveQuestionsProps): JSX.Element {\n  return (\n    <>\n      {props.interactive.timepoints.map((timepoint, i) => (\n        timepoint.interactions.map((interaction, j) => (\n          <PrintableInteraction key={`${i}:${j}`} interaction={interaction} visibleAt={timepoint.visibleAt} />\n        ))\n      ))}\n    </>\n  );\n}\n\ninterface PrintableInteractiveWorksheetProps {\n  worksheetElementId: string;\n  interactive: Interactive;\n  isClickViewContent: boolean;\n}\n\nexport function PrintableInteractiveWorksheet(props: PrintableInteractiveWorksheetProps): JSX.Element {\n  const year = (new Date()).getFullYear();\n\n  return (\n    <div id={props.worksheetElementId} className={styles.worksheet}>\n      <div className='row pb-2'>\n        <div className='col-6'>{getPhrase('name')} ______________________________</div>\n        <div className='col-6'>{getPhrase('date')} ______________________________</div>\n      </div>\n      <h1>\n        <strong>{getPhrase('questionSheet')}:</strong> {props.interactive.name}\n      </h1>\n      <table>\n        <tbody>\n          <PrintableInteractiveQuestions interactive={props.interactive} />\n        </tbody>\n      </table>\n      <div className={styles.cvLogo}>\n        <ClickViewLogo />\n      </div>\n      {props.isClickViewContent &&\n        <span className={styles.copyright}>{getPhrase('copyright', { year })}</span>\n      }\n    </div>\n  );\n}\n","import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport printJS from 'print-js';\n\nimport { DevError } from 'libs/common/backbone/errors/DevError';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\n\nimport { Interactive } from 'libs/shared/interfaces';\n\nimport { PrintableInteractiveWorksheet } from 'apps/interactives/components/printable-interactive-worksheet/PrintableInteractiveWorksheet';\n\nconst getPhrase = LanguageService.encloseNamespace('interactives.utils');\n\nexport function printInteractive(interactive: Interactive, isCVContent: boolean, onDone?: () => void): void {\n  const printRegion = document.getElementById('print-region');\n\n  if (!printRegion)\n    Core.ErrorHelper.throw(new DevError('Could not find print region in layout'));\n\n  if (!interactive)\n    return;\n\n  const worksheetElementId = `printable-interactive-${interactive.id}`;\n\n  const root = createRoot(printRegion);\n\n  function print(): void {\n    printJS({\n      printable: worksheetElementId,\n      type: 'html',\n      documentTitle: getPhrase('worksheetTitle', { interactiveName: interactive.name }),\n      targetStyles: ['*'],\n      style: '@page { size: A4; margin: 1.5cm 0; }',\n      onLoadingEnd: () => {\n        onDone && onDone();\n        root.unmount();\n      },\n      /**\n       * font_size is deprecated but a bug in print.js still applies the default (12pt) if it\n       * is omitted, overriding any custom/inline styles. \n       * This value is the same as the one found in in .worksheet in printable-interactive-worksheet.scss\n       */\n      font_size: '14px'\n    });\n  }\n\n  root.render(\n    <div className='d-none'>\n      <PrintableInteractiveWorksheet\n        worksheetElementId={worksheetElementId}\n        interactive={interactive}\n        isClickViewContent={isCVContent}\n      />\n    </div>\n  );\n\n  window.setTimeout(() => {\n    print();\n  }, 200);\n}","import * as React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\n\nimport { Popup } from 'libs/shared/components/popup/Popup';\nimport { PopupLoadingSpinner } from 'libs/shared/components/popup/PopupLoadingSpinner';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { Interactive, InteractiveMetadata, PopupViewProps } from 'libs/shared/interfaces';\n\nimport { printInteractive } from 'apps/interactives/utils/PrintInteractive';\n\nconst getPhrase = LanguageService.encloseNamespace('interactives.printInteractive');\n\ninterface PrintInteractiveViewProps extends PopupViewProps {\n  id: string;\n}\n\nexport function PrintInteractiveView(props: PrintInteractiveViewProps): React.ReactElement {\n  const interactiveMetadata = Flight.useBasicFetch<InteractiveMetadata>(\n    InteractiveRequests.interactiveMetadata(props.id)\n  );\n\n  const interactive = Flight.useBasicFetch<Interactive>(interactiveMetadata.data ?\n    InteractiveRequests.interactive(interactiveMetadata.data.interactiveId) : null);\n\n  React.useEffect(() => {\n    if (!interactive.data)\n      return;\n\n    printInteractive(interactive.data, interactiveMetadata.data._isClickViewCurated?.value, props.closePopup);\n  }, [!!interactive.data]);\n\n  return (\n    <Popup\n      title={getPhrase('popupTitle')}\n      closePopup={props.closePopup}\n      showLoadingSpinner={!interactive.data}\n      size='lg'\n    >\n      <PopupLoadingSpinner />\n    </Popup>\n  );\n}\n"],"names":["MISSING_WORD_REGEX","InteractionName","props","className","interaction","name","MultipleChoiceInteraction","actionableItems","map","a","key","id","PrintableInteractionComponentLookup","dangerouslySetInnerHTML","__html","data","annotation","src","url","formatted","sentence","replace","match","val","width","find","order","toString","length","Array","join","getPhrase","LanguageService","PrintableInteraction","InteractionComponent","typeId","DurationHelper","visibleAt","PrintableInteractiveQuestions","interactive","timepoints","timepoint","i","interactions","j","PrintableInteractiveWorksheet","year","Date","getFullYear","worksheetElementId","ClickViewLogo","isClickViewContent","printInteractive","isCVContent","onDone","printRegion","document","getElementById","DevError","root","render","window","setTimeout","printable","type","documentTitle","interactiveName","targetStyles","style","onLoadingEnd","unmount","font_size","PrintInteractiveView","interactiveMetadata","interactiveId","_isClickViewCurated","value","closePopup","title","showLoadingSpinner","size"],"sourceRoot":""}

package/dist/scripts/8252-146bee4416-lite.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[8252],{88252:(e,r,t)=>{t.r(r),t.d(r,{ExportUserListView:()=>v});var a=t(32735),n=t(23481),s=t(20354),c=t(49985),o=t(65858),u=t(76881),i=n.T.encloseNamespace("userManager.downloadUserList"),l=function(e){return e===u.Y.Learner?"".concat(i("studentFileName"),".csv"):"".concat(i("staffFileName"),".csv")};function f(e){var r=a.useRef(null);return a.useEffect((function(){if(r.current&&e.file){r.current.href=encodeURI(e.file),r.current.click();var t=o.LZ[e.userType===u.Y.Learner?"StudentManager":"StaffManager"];c.k.logUserAction({userType:e.userType},{workflowPhase:o.eu.Complete,actionType:o.Vw.Export,entity:o.py.User,location:t}),e.onDone()}}),[e.file,r.current]),e.file?a.createElement("a",{ref:r,download:l(e.userType)}):a.createElement(a.Fragment,null)}var p=t(31949),d=t(69883),m=t(47288),h="userManager.exportUserList";function v(e){var r=s.a.useBasicFetch(p.N.currentUser()),t=s.a.useBasicFetch(!!r.data&&m.N.exportList(r.data.customerId,e.userType)),c=(0,d.Z)();return a.useEffect((function(){if(t.hasCompleted)return t.hasError?(c.error(n.T.getPhrase(h,"error")),void e.onDone()):void 0}),[t]),!t.hasCompleted||t.hasError?a.createElement(a.Fragment,null):a.createElement(f,Object.assign({file:t.data},e))}}}]);
+//# sourceMappingURL=8252-146bee4416-lite.chunk.js.map

package/dist/scripts/8252-146bee4416-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/8252-146bee4416-lite.chunk.js","mappings":"kOAUMA,EAAYC,EAAA,mBADA,gCAGZC,EAAc,SAACC,GACnB,OAAOA,IAAaC,EAAA,UAAiB,UAC9BJ,EAAU,mBAAkB,kBAC5BA,EAAU,iBAAgB,OACnC,EAQM,SAAUK,EAAiBC,GAC/B,IAAMC,EAAM,SAAgC,MAuB5C,OArBA,aAAgB,WACd,GAAKA,EAAIC,SAAYF,EAAMG,KAA3B,CAGAF,EAAIC,QAAQE,KAAOC,UAAUL,EAAMG,MACnCF,EAAIC,QAAQI,QAEZ,IAAMC,EAAoB,KAAgBP,EAAMH,WAAaC,EAAA,UAAoB,iBAAmB,gBAEpGU,EAAA,gBAA8B,CAC5BX,SAAUG,EAAMH,UACf,CACDY,cAAe,cACfC,WAAY,YACZC,OAAQ,UACRC,SAAUL,IAGZP,EAAMa,QAhBE,CAiBV,GAAG,CAAEb,EAAMG,KAAMF,EAAIC,UAEhBF,EAAMG,KAGJ,qBAAGF,IAAKA,EAAKa,SAAUlB,EAAYI,EAAMH,YAFvC,gCAGX,C,qCCvCM,EAAY,6BAOZ,SAAUkB,EAAmBf,GACjC,IAAMgB,EAAc,kBAAkCC,EAAA,iBAChDC,EAAc,oBAA+BF,EAAYG,MAC7DC,EAAA,aAA+BJ,EAAYG,KAAKE,WAAYrB,EAAMH,WAE9DyB,GAAS,SAaf,OAXA,aAAgB,WACd,GAAKJ,EAAYK,aAGjB,OAAIL,EAAYM,UACdF,EAAOG,MAAM9B,EAAA,YAA0B,EAAW,eAClDK,EAAMa,eAFR,CAKF,GAAG,CAACK,KAECA,EAAYK,cAAgBL,EAAYM,SACpC,iCAEF,gBAACzB,EAAgB,eAACI,KAAMe,EAAYC,MAAUnB,GACvD,C","sources":["file:///app/packages/libs/shared/src/apps/user-manager/components/download-user-list/DownloadUserList.tsx","file:///app/packages/projects/lite/src/apps/user-manager/views/export-user-list/ExportUserListView.tsx"],"sourcesContent":["import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { EntityType, LocationContext, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { UserGroup } from 'libs/shared/enums/UserGroup';\n\nconst namespace = 'userManager.downloadUserList';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst getFileName = (userType: UserGroup): string => {\n  return userType === UserGroup.Learner\n    ? `${getPhrase('studentFileName')}.csv`\n    : `${getPhrase('staffFileName')}.csv`;\n};\n\ninterface DownloadUserListProps {\n  file: string;\n  onDone: () => void;\n  userType: UserGroup;\n}\n\nexport function DownloadUserList(props: DownloadUserListProps): JSX.Element {\n  const ref = React.useRef<HTMLAnchorElement>(null);\n\n  React.useEffect(() => {\n    if (!ref.current || !props.file)\n      return;\n\n    ref.current.href = encodeURI(props.file);\n    ref.current.click();\n\n    const analyticsLocation = LocationContext[props.userType === UserGroup.Learner ? 'StudentManager' : 'StaffManager'];\n\n    AnalyticsHelper.logUserAction({\n      userType: props.userType\n    }, {\n      workflowPhase: WorkflowPhase.Complete,\n      actionType: UserAction.Export,\n      entity: EntityType.User,\n      location: analyticsLocation\n    });\n\n    props.onDone();\n  }, [ props.file, ref.current ]);\n\n  if (!props.file)\n    return <></>;\n\n  return <a ref={ref} download={getFileName(props.userType)} />;\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\n\nimport { DownloadUserList } from 'libs/shared/apps/user-manager/components/download-user-list/DownloadUserList';\nimport { UserGroup } from 'libs/shared/enums/UserGroup';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { CurrentUser } from 'libs/shared/interfaces';\n\nimport { UserManagerRequests } from 'apps/user-manager/flight-requests/UserManagerRequests';\n\nconst namespace = 'userManager.exportUserList';\n\ninterface ExportUserListViewProps {\n  userType: UserGroup;\n  onDone: () => void;\n}\n\nexport function ExportUserListView(props: ExportUserListViewProps): JSX.Element {\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const userListCsv = Flight.useBasicFetch<string>(!!currentUser.data &&\n    UserManagerRequests.exportList(currentUser.data.customerId, props.userType));\n\n  const alerts = useAlerts();\n\n  React.useEffect(() => {\n    if (!userListCsv.hasCompleted)\n      return;\n\n    if (userListCsv.hasError) {\n      alerts.error(LanguageService.getPhrase(namespace, 'error'));\n      props.onDone();\n      return;\n    }\n  }, [userListCsv]);\n\n  if (!userListCsv.hasCompleted || userListCsv.hasError)\n    return <></>;\n\n  return <DownloadUserList file={userListCsv.data} {...props} />;\n}"],"names":["getPhrase","LanguageService","getFileName","userType","UserGroup","DownloadUserList","props","ref","current","file","href","encodeURI","click","analyticsLocation","AnalyticsHelper","workflowPhase","actionType","entity","location","onDone","download","ExportUserListView","currentUser","UserRequests","userListCsv","data","UserManagerRequests","customerId","alerts","hasCompleted","hasError","error"],"sourceRoot":""}

package/dist/scripts/8784-d6862c97bc-lite.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[8784],{5859:(e,a,i)=>{function t(e,a){(null==a||a>e.length)&&(a=e.length);for(var i=0,t=Array(a);i<a;i++)t[i]=e[i];return t}i.d(a,{u:()=>r});var n={numItems:5,minWidth:50,maxWidth:100},r={getPartialLoadingItems:function(){var e,a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},i=Object.assign(Object.assign({},n),a);return(e=Array(i.numItems),function(e){if(Array.isArray(e))return t(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,a){if(e){if("string"==typeof e)return t(e,a);var i={}.toString.call(e).slice(8,-1);return"Object"===i&&e.constructor&&(i=e.constructor.name),"Map"===i||"Set"===i?Array.from(e):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?t(e,a):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()).map((function(){return{width:"".concat(Math.max(Math.floor(Math.random()*i.maxWidth),i.minWidth),"px")}}))}}},70067:(e,a,i)=>{i.r(a),i.d(a,{PlaySharedClipViewV2:()=>S});var t=i(32735),n=i(20354),r=i(65858),c=i(16714),s=i(43012),o=i(39151),d=i(1666),l=i(20768),u=i(31949),p=i(1575),m=i(26304),v=i(22902),g=i(15311),h=i(79612),I=i(76753),y=i(51855),f=i(7179),A=i(49948),P=i(36873),C=i(27638),E=i(44110),b=i(35014),V=i(97816),O=i(81812),F=i(14085);function S(e){var a,i,S,x,L,G,k=(0,g.r)().hasProduct,R=(0,C.u)(r.LZ.VideoThumbnail),T=R.setFavourite,w=R.canFavourite,U=(0,v.T)().hasPermissions,q=(0,y.G)().isPlugin,N=(0,O.a)(),M=(0,b.I)(),j=n.a.useBasicFetch(u.N.currentUser()),_=n.a.useBasicFetch(o.L.config()),W=n.a.useBasicFetch(s.e.sharedClip(e.objectId,e.shareId)),B=n.a.useBasicFetch(!!(null===(a=W.data)||void 0===a?void 0:a._parentVideo)&&p.R.video(W.data._parentVideo.id)),D=n.a.useBasicFetch(!!(null===(S=null===(i=W.data)||void 0===i?void 0:i._parentVideo)||void 0===S?void 0:S.id)&&M.canViewClips&&s.e.videoClips(W.data._parentVideo.id)),H=n.a.useBasicFetch(M.canViewInteractives&&l.b.videoInteractives(e.objectId)),K=(0,P.k)({video:B.data,context:e.queryParams.context,contextId:e.queryParams.contextId,moviesAndTv:e.queryParams.mtv,currentUser:j.data}),Q=(0,E.i)(),Y=n.a.useBasicFetch((null===(x=j.data)||void 0===x?void 0:x.isAuthenticated)&&d.h.yearGroups(j.data.customerId)),Z=(0,A.l)(e.objectId);return(0,h.M)(I.CG.getClipMetadata({content:W.data})),(0,V.V)(null!==(L=K.videos)&&void 0!==L?L:[]),(0,m.b)(W),(0,f.P)({id:e.objectId,app:"clips",shareId:e.shareId}),W.data&&j.hasCompleted&&_.hasCompleted&&Z.hasCompleted?t.createElement(F.S,{shareId:e.shareId,clip:W.data,clips:D.data,interactives:H.data,originalVideo:B.data,currentUser:j.data,yearGroups:Y.data,relatedVideos:K,canFavourite:w,setFavourite:T,hasProduct:k,queryParams:e.queryParams,audiences:Q.data,imageCdnUrl:_.data.imageCdnUrl,canManageVideoAccess:U(c.C.ManageVideoAccess),pointsOfInterest:null==Z?void 0:Z.items,featureAccess:M,tableOfContentsId:null===(G=e.queryParams)||void 0===G?void 0:G.tocId,shouldShowSideTableOfContents:N,isPlugin:q}):t.createElement(t.Fragment,null)}},44110:(e,a,i)=>{i.d(a,{i:()=>c});var t=i(20354),n=i(89454),r=i(86698),c=function(){var e=(0,r.y)({redirectOnError:!0}),a=e.activePresentation,i=e.getFallbackPresentation,c=a||i();return t.a.useBasicFetch(!!c&&n.O.presentationAudiences(c.id))}},14085:(e,a,i)=>{i.d(a,{S:()=>H});var t=i(32735),n=i(28400),r=i(49935),c=i(5640),s=i(56940),o=i(51184),d=i(64921),l=i(95812),u=i(53709),p=i(71063),m=i(10439),v=i(35429),g=i(4594),h=i(16714),I=i(12754),y=i(22902),f=i(65332),A=i(76196),P=i(59598),C=i(31908),E=i(26492),b=i(9465),V=i(91479),O=i(47938),F=i(81024),S=i(78166),x=i(99742),L=i(14070),G=i(97291),k=i(22490),R=i(63010),T=i(14476),w=i(53256),U=i(83345),q=i(13231),N=i(51365),M=i(10671),j=i(10741),_="shared.playClipV2";function W(e){var a=(0,y.T)().hasPermissions,i=(0,M._)({location:M.i.VideoItem});return t.createElement("section",{className:"play-page-section",id:P.K.ClippedFrom,ref:function(a){var i;a&&(null===(i=e.headingRef)||void 0===i?void 0:i.current)&&e.headingRef.current.set(P.K.ClippedFrom,a)}},t.createElement("h2",{className:"h4 mb-0"},t.createElement(U.x,{namespace:_,phrase:"clippedFrom"})),t.createElement(N.M.Provider,{value:i},t.createElement(q.E4,{videos:[e.originalVideo],yearGroups:e.yearGroups,setFavourite:e.setFavourite,canFavourite:e.canFavourite,getVideoAppLink:function(a,i){return k.W.getAppLink(a,Object.assign(Object.assign({},i),{context:e.queryParams.context,contextId:e.queryParams.contextId,playNext:e.queryParams.playNext,shareId:e.shareId,moviesAndTv:e.queryParams.mtv}))},hasPermissions:a,presentationAudiences:e.audiences,getPreviewQuestionsAppLink:function(e){return j.j.getPreviewQuestionsAppLink(e)},isPlugin:e.isPlugin,getClassroomGuideAppLink:e.getClassroomGuideAppLink,getInteractiveGuidanceAppLink:e.getInteractiveGuidanceAppLink,getResourceGuidanceAppLink:e.getResourceGuidanceAppLink})))}const B={main:"iQ0Ie",expandedToc:"sIoV8"};var D=function(e,a,i){return function(t){return i?{application:G.O.VIDEOS,action:L.e.Videos.PREVIEW_PDF,args:[t.id],params:{videoId:e,shareId:a}}:{application:G.O.SIGN_UP,action:L.e.SignUp.SIGN_UP}}};function H(e){var a,i,U,q,N,M,j,_,H,K,Q=(0,v.g)(),Y=(0,y.T)().hasPermissions,Z=C.M.getCanBeConsumed(e.clip).canConsume,J=(0,R.Q)(e.tableOfContentsId),$=J.tableOfContentsActiveId,z=J.setTableOfContentsActiveId,X=J.controlledId,ee=J.setControlledId,ae=J.tableOfContentsExpanded,ie=J.onToggleTableOfContents,te=(0,o.Wp)(e.clip)&&e.featureAccess.canViewGlance,ne=(0,T.i)(te),re=ne.headingRef,ce=ne.headingElements,se=ce.map((function(a){var i;return{id:a.id,name:w.d.getSectionHeading(a.id,{clips:e.clips,interactives:e.interactives,resources:null===(i=e.clip.resources)||void 0===i?void 0:i.data,isPlayClipPage:!0})}}));(0,f.D)({setActiveId:z,headingElements:ce,controlledId:X,setControlledId:ee}),(0,A.P)(ce,X);var oe=C.M.isVideoTypeArchived(e.clip),de=Y(h.C.StudentExperience),le=t.useRef(!1);function ue(){var e,a,i,t;le.current=!(null===(a=null===(e=null==Q?void 0:Q.playerRef)||void 0===e?void 0:e.current)||void 0===a?void 0:a.isPaused()),null===(t=null===(i=null==Q?void 0:Q.playerRef)||void 0===i?void 0:i.current)||void 0===t||t.pause()}function pe(){var e,a;le.current&&(null===(a=null===(e=null==Q?void 0:Q.playerRef)||void 0===e?void 0:e.current)||void 0===a||a.play())}function me(){var a,i;return!(!e.originalVideo||!(null===(a=e.clip._canBeConsumed)||void 0===a?void 0:a.value)||!(null===(i=e.currentUser)||void 0===i?void 0:i.isAuthenticated)||!e.hasProduct(I.x.Primary)||de)}var ve="picture-in-picture"===Q.mode||e.featureAccess.canViewPublicLayout,ge=null!==(i=null===(a=e.clips)||void 0===a?void 0:a.filter((function(a){return a.id.toString()!==e.clip.id.toString()})))&&void 0!==i?i:[];return t.createElement("div",{className:"px-4 play-page-sections-container ".concat(e.shouldShowSideTableOfContents?"row":"")},t.createElement("main",{className:"".concat(B.main," ").concat(e.shouldShowSideTableOfContents&&ae?B.expandedToc:e.shouldShowSideTableOfContents&&!ae?"pe-4":void 0)},!!(null===(U=e.breadcrumbs)||void 0===U?void 0:U.length)&&t.createElement("div",{className:"mb-2"},t.createElement(r.Oo,{breadcrumbs:e.breadcrumbs})),t.createElement(O.W,{restrictions:e.clip._restrictions,yearGroups:e.yearGroups,objectId:e.clip.id,objectTypeId:g.E.Clip,canManageVideoAccess:e.canManageVideoAccess}),oe&&t.createElement(E.T,{typeId:e.clip.typeId,hasStudentExperience:de}),t.createElement("section",{id:P.K.Video,className:"mb-2 ".concat(p.M.GLOBAL_PLAYER_SELECTOR),ref:function(e){e&&(null==re?void 0:re.current)&&re.current.set(P.K.Video,e)}},Z&&t.createElement(m.r,{key:e.clip.id,objectId:e.clip.id,objectTypeId:e.clip.typeId,shareId:e.shareId,context:null===(q=e.queryParams)||void 0===q?void 0:q.context,contextId:null===(N=e.queryParams)||void 0===N?void 0:N.contextId,moviesAndTv:null===(M=e.queryParams)||void 0===M?void 0:M.mtv,playNext:null===(j=e.queryParams)||void 0===j?void 0:j.playNext,startTime:null!==(H=null===(_=e.queryParams)||void 0===_?void 0:_.t)&&void 0!==H?H:null===(K=e.queryParams)||void 0===K?void 0:K.startTime,mode:"default",location:"play-page"}),t.createElement("div",{className:ve?"":"d-none"},t.createElement(F.S,{video:e.clip,type:"pip"}))),t.createElement(V.v,{media:e.clip,yearGroups:e.yearGroups,audiences:e.audiences,originalVideoAppLink:me()?{application:G.O.VIDEOS,action:L.e.Videos.PLAY_VIDEO,args:[e.originalVideo.id,n.m.slugify(e.originalVideo.name)]}:null,featureAccess:e.featureAccess,shareId:e.shareId}),te?t.createElement(d.j,{video:e.clip,pointsOfInterest:e.pointsOfInterest,setStartTime:function(e){var a;return null===(a=Q.playerRef.current)||void 0===a?void 0:a.currentTime(e)},getTagAppLink:function(e){return{application:G.O.SEARCH,action:L.e.Search.HOME,params:{tagOrClassification:e.name}}},suppressInteractivity:e.featureAccess.canViewPublicLayout,canViewGlance:te}):t.createElement(s.a,{video:e.clip,currentUser:e.currentUser,onLaunchImmersiveReader:ue,onExitImmersiveReader:pe,getTagAppLink:function(e){return{application:G.O.SEARCH,action:L.e.Search.HOME,params:{tagOrClassification:e.name}}},headingRef:re,suppressInteractivity:e.featureAccess.canViewPublicLayout}),t.createElement(u.M,{video:e.clip,canViewResources:e.featureAccess.canViewResourceItems,imageCdnUrl:e.imageCdnUrl,getAppLink:D(e.clip.id,e.shareId,e.featureAccess.canViewResourceItems),analyticsData:{clipId:e.clip.id,clipName:e.clip.name},resourceThumbnailFallbackUrl:x.W.Fallbacks.RESOURCE_THUMBNAIL,headingRef:re}),t.createElement(l.J,{video:e.clip,interactives:e.interactives,imageCdnUrl:e.imageCdnUrl,analyticsData:{clipId:e.clip.id,clipName:e.clip.name},canViewInteractives:e.featureAccess.canViewInteractives,headingRef:re,yearGroups:e.yearGroups,setFavourite:e.setFavourite,canFavourite:e.canFavourite,isPlugin:e.isPlugin}),t.createElement(c.O,{clips:ge||[],video:e.clip,canViewClips:e.featureAccess.canViewClips,yearGroups:e.yearGroups,audiences:e.audiences,imageCdnUrl:e.imageCdnUrl,setFavourite:e.setFavourite,canFavourite:e.canFavourite,headingRef:re,analyticsData:{clipId:e.clip.id,clipName:e.clip.name},isPlugin:e.isPlugin}),te&&t.createElement(s.a,{video:e.clip,currentUser:e.currentUser,onLaunchImmersiveReader:ue,onExitImmersiveReader:pe,getTagAppLink:function(e){return{application:G.O.SEARCH,action:L.e.Search.HOME,params:{tagOrClassification:e.name}}},headingRef:re,suppressInteractivity:e.featureAccess.canViewPublicLayout,showHeading:!0}),!!me()&&t.createElement(W,{originalVideo:e.originalVideo,setFavourite:e.setFavourite,canFavourite:e.canFavourite,yearGroups:e.yearGroups,shareId:e.shareId,queryParams:e.queryParams,audiences:e.audiences,headingRef:re,isPlugin:e.isPlugin,getClassroomGuideAppLink:k.W.getClassroomGuideAppLink,getInteractiveGuidanceAppLink:k.W.getInteractiveGuidanceAppLink,getResourceGuidanceAppLink:k.W.getResourceGuidanceAppLink}),t.createElement(S.Z,{currentVideo:e.clip,yearGroups:e.yearGroups,relatedVideos:e.relatedVideos,setFavourite:e.setFavourite,canFavourite:e.canFavourite,currentUser:e.currentUser,audiences:e.audiences,getVideoAppLink:function(a,i){return k.W.getAppLink(a,Object.assign(Object.assign({},i),{context:e.queryParams.context,contextId:e.queryParams.contextId,playNext:e.queryParams.playNext,shareId:e.shareId,moviesAndTv:e.queryParams.mtv}))},moviesAndTv:e.queryParams.mtv,isPlugin:e.isPlugin})),t.createElement(b.h,{isExpanded:ae,setIsExpanded:ie,items:se,activeId:$,setControlledId:ee,analyticsData:{clipId:e.clip.id,clipName:e.clip.name},showInSide:e.shouldShowSideTableOfContents}))}}}]);
+//# sourceMappingURL=8784-d6862c97bc-lite.chunk.js.map