@clickview/lite 0.50.0-rc.4 → 0.50.0-rc.6

package/dist/scripts/8354-411c0c4a3a-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/8354-411c0c4a3a-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/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/infinite-scroll-footer/infinite-scroll-footer.scss","file:///app/packages/libs/shared/src/components/infinite-scroll-footer/InfiniteScrollFooter.tsx","file:///app/packages/libs/shared/src/components/video-list/partial-loading/partial-video-list.scss","file:///app/packages/libs/shared/src/components/video-list/partial-loading/PartialVideoList.tsx","file:///app/packages/libs/shared/src/errors/handlers/HttpErrorHandlers.ts","file:///app/packages/libs/shared/src/hooks/UseInfiniteScroll.ts","file:///app/packages/libs/shared/src/hooks/UseInfiniteList.ts","file:///app/packages/projects/lite/src/shared/hooks/usePresentationAudiences.ts","file:///app/packages/projects/lite/src/shared/hooks/useVideoMixin.ts","file:///app/packages/projects/lite/src/shared/views/favourites/empty-state/FavouritesEmptyState.tsx","file:///app/packages/projects/lite/src/shared/views/favourites/FavouritesViewUtils.ts","file:///app/packages/projects/lite/src/shared/views/favourites/favourites-view.scss","file:///app/packages/projects/lite/src/shared/views/favourites/FavouritesView.tsx","file:///app/packages/projects/lite/src/shared/views/favourites/hooks/useFavouritesCount.ts"],"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 { 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.Small })} />}\n                </div>\n              }\n              <h1 className={`text-white text-shadow pe-3 ${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}","// extracted by mini-css-extract-plugin\nexport default {\"container\":\"VwD1b\",\"spinner\":\"eJ85e\"};","import * as React from 'react';\nimport { Spinner } from 'react-bootstrap';\nimport { useInView } from 'react-intersection-observer';\n\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './infinite-scroll-footer.scss';\n\ninterface InfiniteScrollFooterProps {\n  isFetching: boolean;\n  fetchNext?: (nextCursor: string) => void;\n  nextCursor?: string;\n  fetchOnScroll?: boolean;\n}\n\nInfiniteScrollFooter.defaultProps = {\n  fetchOnScroll: false\n};\n\nexport function InfiniteScrollFooter(props: InfiniteScrollFooterProps): React.ReactElement {\n  const [ ref, inView ] = useInView();\n\n  React.useEffect(() => {\n    if (!props.fetchOnScroll)\n      return;\n\n    if (!inView || props.isFetching)\n      return;\n\n    props.fetchNext?.(props.nextCursor);\n  }, [ inView, props.isFetching ]);\n\n  return (\n    <div className={`p-3 text-center ${styles.container}`} ref={ref}>\n      {props.isFetching\n        ? <Spinner as='span' animation='border' role='status' className={styles.spinner} />\n        : (\n          <SvgContainer\n            svgName={cvSvgLibrary.ChevronDown}\n            className='svg-container cursor-pointer'\n            size={SvgContainerSize.Large}\n            onClick={() => props.fetchNext?.(props.nextCursor)}\n          />\n        )\n      }\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"partialOptions\":\"Gufgq\",\"partialName\":\"SicQQ\",\"partialDescription\":\"dPGMq\",\"partialThumbnail\":\"vZrnb\",\"partialDragHandle\":\"iq73R\"};","import React from 'react';\nimport { Col, Row } from 'react-bootstrap';\n\nimport { VideoListHelper } from 'libs/shared/components/video-list/VideoListHelper';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\n\nimport styles from './partial-video-list.scss';\n\ninterface PartialVideoListProps {\n  withReordering?: boolean;\n  numVideos?: number;\n  allowBulkActions?: boolean;\n}\n\nPartialVideoList.defaultProps = {\n  numVideos: 15\n};\n\nexport function PartialVideoList(props: PartialVideoListProps): JSX.Element {\n  return (\n    <div className='mx-2'>\n      {Array(props.numVideos).fill(null).map((_, i) => (\n        <div className='d-flex' key={i}>\n          {props.allowBulkActions && <div className='form-check pe-3 pe-sm-2 mx-0 mx-md-2' />}\n          <PartialVideoItem {...props} />\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport function PartialVideoItem(props: PartialVideoListProps): JSX.Element {\n  const breakpoints = useBreakpoints();\n\n  const size = VideoListHelper.getSize(breakpoints, 'md');\n  const isSmall = size === 'sm';\n\n  const withDragHandle = props.withReordering && !breakpoints.xs;\n\n  return (\n    <Row className={`${isSmall ? '' : 'py-2'} flex-grow-1`}>\n      <Col {...VideoListHelper.getThumbnailColumns()} className={`flex-column align-items-flex-start ${isSmall ? `pb-2 pe-1` : 'mb-1 pe-3 pe-md-2'}`}>\n        <Row>\n          {!!withDragHandle && (\n            <div className='d-flex align-items-center justify-content-center col-2'>\n              <div className={`partial-loading-background ${styles.partialDragHandle}`} />\n            </div>\n          )}\n          <Col xs={VideoListHelper.getThumbnailColSize(withDragHandle)}>\n            <div className={`partial-loading-background ${isSmall ? 'rounded' : 'rounded-3'} ${styles.partialThumbnail}`} />\n          </Col>\n        </Row>\n      </Col>\n      <Col {...VideoListHelper.getDetailsColumns()} className={isSmall ? 'pb-2' : 'px-2'}>\n        <div className={`partial-loading-background mb-1 ${styles.partialName}`} />\n        <div className={`partial-loading-background ${styles.partialDescription}`} />\n      </Col>\n    </Row>\n  );\n}\n\n","import { BaseError } from 'libs/common/backbone/core/BaseError';\nimport { HttpStatus } from 'libs/common/backbone/enums/HttpStatus';\nimport { Xhr } from 'libs/common/backbone/interfaces';\nimport { Core } from 'libs/common/core';\n\nimport { NotFoundError } from 'libs/shared/errors/general/not-found/NotFoundError';\nimport { PrivateResourceError } from 'libs/shared/errors/general/private-resource/PrivateResourceError';\nimport { RegionLockedResourceError } from 'libs/shared/errors/general/region-locked-resource/RegionLockedResourceError';\nimport { UnspecifiedError } from 'libs/shared/errors/general/unspecified-error/UnspecifiedError';\nimport { VideoTypes } from 'libs/shared/interfaces';\n\nexport interface HttpErrorMap {\n  notFound?: new () => BaseError;\n  forbidden?: {\n    rating?: new (description: string) => BaseError;\n    yearLevel?: new (description: string) => BaseError;\n    region?: new () => BaseError;\n    privacy?: new (video?: VideoTypes) => BaseError;\n  };\n  badRequest?: new () => BaseError;\n}\n\nexport type IgnoreHttpErrorMap = {\n  [key in keyof HttpErrorMap]: boolean;\n};\n\nconst defaultErrors: HttpErrorMap = {\n  notFound: NotFoundError,\n  forbidden: {\n    rating: PrivateResourceError,\n    yearLevel: PrivateResourceError,\n    region: RegionLockedResourceError,\n    privacy: PrivateResourceError\n  },\n  badRequest: UnspecifiedError\n};\n\nexport function handleHttpError(\n  info: HttpStatus | Xhr,\n  customErrorMap: HttpErrorMap = {},\n  /**\n   * Prevent certain errors in the errorMap from being thrown\n   * so that you may implement your own handler\n   */\n  ignoreMap: IgnoreHttpErrorMap = {}\n): void {\n  if (!info)\n    return;\n\n  let statusCode: HttpStatus;\n\n  if (typeof(info) === 'number') {\n    statusCode = info;\n  } else {\n    statusCode = info.status;\n  }\n\n  const errorMap = {\n    ...defaultErrors,\n    ...customErrorMap\n  };\n\n  if (!statusCode)\n    return;\n\n  if (!Core.ErrorHelper.isStatusCodeError(statusCode))\n    return;\n\n  if (statusCode === HttpStatus.NotFound) {\n    if (!ignoreMap.notFound)\n      Core.ErrorHelper.throw(new errorMap.notFound());\n    return;\n  }\n\n  if (statusCode === HttpStatus.Forbidden) {\n  /**\n   * TODO: Work out how to go about handling all forbidden errors, such as region locking, year levels,\n   * ratings, and privacy.\n   */\n    if (!ignoreMap.forbidden)\n      Core.ErrorHelper.throw(new errorMap.forbidden.privacy());\n    return;\n  }\n\n  if (!ignoreMap.badRequest)\n    Core.ErrorHelper.throw(new errorMap.badRequest());\n}\n\nexport function handleXhrError(xhr: Xhr, customErrorMap?: HttpErrorMap): void {\n  handleHttpError(xhr.status, customErrorMap);\n}","import { useEffect } from 'react';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\n\nconst SCROLL_TOLERANCE = 400; // value in px\n\ninterface UseInfiniteScrollOptions {\n  fetchNextPage: () => void;\n  hasMore: boolean;\n  isFetching: boolean;\n  scrollContainer?: HTMLElement;\n}\n\nexport function useInfiniteScroll(options: UseInfiniteScrollOptions): void {\n  const handleScroll = (): void => {\n    if (options.isFetching)\n      return;\n\n    if (!options.scrollContainer) {\n      const currentScrollHeight = window.innerHeight + document.documentElement.scrollTop;\n  \n      const totalHeight = document.documentElement.scrollHeight - SCROLL_TOLERANCE;\n  \n      if (currentScrollHeight < totalHeight)\n        return;\n    } else {\n      const { scrollContainer } = options;\n      const currentScrollHeight = scrollContainer.getBoundingClientRect().height + scrollContainer.scrollTop;\n  \n      const totalHeight = scrollContainer.scrollHeight - SCROLL_TOLERANCE;\n  \n      if (currentScrollHeight < totalHeight)\n        return;\n    }\n\n    options.fetchNextPage();\n  };\n\n  useEffect(() => {\n    const onScroll = FunctionHelper.throttle(handleScroll, 200);\n\n    const scrollContainer = options.scrollContainer || window;\n\n    if (options.hasMore)\n      scrollContainer.addEventListener('scroll', onScroll);\n\n    return () => scrollContainer.removeEventListener('scroll', onScroll);\n  }, [ options.hasMore, options.fetchNextPage, options.scrollContainer ]);\n}","import { useEffect, useState } from 'react';\n\nimport { HttpStatus, HttpStatusClass } from 'libs/common/backbone/enums/HttpStatus';\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { Flight } from 'libs/common/flight';\n\nimport { BaseObject, BasePaginatedCollection } from 'libs/shared/interfaces';\n\nimport { useInfiniteScroll } from './UseInfiniteScroll';\nimport { useSelectAllPages } from './UseSelectAllPages';\n\nexport interface UseInfiniteListResult<T extends BaseObject> {\n  items: T[];\n  hasMore: boolean;\n  isFetching: boolean;\n  nextCursor: string;\n  totalItems?: number;\n  hasFirstPageCompleted: boolean;\n}\n\n/**\n * Hook to extract an infinite list from the application state,\n * save it locally in state and only update when new data\n * is fetched.\n * \n * @param getRequest - callback function to get the request for each page.\n * Can be false if the request requires data that hasn't yet been fetched - e.g. user id.\n * \n * @param fetchNext - callback function to fetch a page.\n * Can be false if the request requires data that hasn't yet been fetched - e.g. user id.\n */\nexport function useInfiniteList<TObject = BaseObject, TResponse = BasePaginatedCollection<TObject>>(\n  getRequest: ((cursor?: string) => Flight.Request) | false,\n  fetchNext: ((cursor?: string) => void) | false,\n  onError?: (pageNumber: number, statusCode: HttpStatus) => void,\n  getItems?: (responseData: TResponse) => TObject[],\n  getCursor?: (responseData: TResponse) => string,\n  scrollContainer?: HTMLElement\n): UseInfiniteListResult<TObject> {\n  const [ pagesFetched, setPagesFetched ] = useState(0);\n\n  const fetchNextFn = fetchNext as (cursor?: string) => void;\n\n  function getKey(cursor?: string): string {\n    if (!getRequest)\n      return null;\n\n    const request = getRequest(cursor);\n\n    if (!request)\n      return null;\n\n    return request.key;\n  }\n\n  const response = useSelectAllPages<TObject, TResponse>(\n    getKey,\n    getItems,\n    getCursor\n  );\n\n  function fetchNextPage(): void {\n    if (!fetchNext || !getRequest || !response)\n      return;\n\n    setPagesFetched(currentVal => currentVal + 1);\n    return fetchNextFn(response.nextCursor);\n  }\n\n  useInfiniteScroll({\n    fetchNextPage,\n    hasMore: !!response?.nextCursor,\n    isFetching: response?.isFetching,\n    scrollContainer\n  });\n\n  useEffect(() => {\n    if (!response)\n      return;\n\n    if (response.shouldInitialFetch && fetchNext) {\n      fetchNextFn();\n      setPagesFetched(currentVal => currentVal + 1);\n    }\n  }, [ response?.shouldInitialFetch, fetchNext ]);\n\n  useEffect(() => {\n    if (!response?.statusCode || !FunctionHelper.isFunction(onError))\n      return;\n\n    const httpStatusClass: HttpStatusClass = +(response.statusCode?.toString()?.substr(0, 1));\n\n    if (httpStatusClass !== HttpStatusClass.ClientError && httpStatusClass !== HttpStatusClass.ServerError)\n      return;\n\n    onError(pagesFetched, response.statusCode);\n  }, [response?.statusCode]);\n\n  return {\n    items: response?.items,\n    hasMore: !!response?.nextCursor,\n    nextCursor: response?.nextCursor,\n    isFetching: response?.isFetching,\n    totalItems: response?.totalItems,\n    hasFirstPageCompleted: response?.hasFirstPageCompleted\n  };\n}","import { Flight } from 'libs/common/react/index';\n\nimport { AudienceRequests } from 'libs/shared/flight-requests/AudienceRequests';\nimport { PresentationAudience } from 'libs/shared/interfaces';\n\nimport { usePresentation } from 'shared/hooks/usePresentation';\n\nexport const usePresentationAudiences = () => {\n  const { activePresentation, getFallbackPresentation } = usePresentation({ redirectOnError: true });\n\n  const presentation = activePresentation || getFallbackPresentation();\n\n  const audiences = Flight.useBasicFetch<PresentationAudience[]>(\n    !!presentation &&\n    AudienceRequests.presentationAudiences(presentation.id)\n  );\n\n  return audiences;\n};","import React from 'react';\n\nimport { Flight } from 'libs/common/flight';\n\nimport { ClassificationRequests } from 'libs/shared/flight-requests/ClassificationRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { Clip, ClipCollection, CurrentUser, Video, VideoCollection } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\ntype Types = Video[] | VideoCollection | Clip[] | ClipCollection;\n\nfunction getValidObjects(objects: Types): (Video | Clip)[] {\n  if (!objects)\n    return [];\n\n  if (Array.isArray(objects))\n    return objects.filter(o => !!o && (VideoHelper.isVideo(o) || VideoHelper.isClip(o)));\n\n  if ('data' in objects)\n    return objects.data.filter(o => !!o && (VideoHelper.isVideo(o) || VideoHelper.isClip(o)));\n\n  return [];\n}\n\ninterface VideoMixinOptions {\n  /**\n   * If the videos that are having new data mixed into are sitting on an explicit Flight namespace,\n   * providing that namespace here is required\n   */\n  flightNamespace?: string;\n}\n\nexport function useVideoMixin(objects: Types, options: VideoMixinOptions = {}): void {\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n\n  const hydratedVideos = React.useRef<Set<string>>(new Set<string>());\n\n  const videos = getValidObjects(objects);\n\n  const videoIds = videos.map(v => v.id);\n\n  const [ request, setRequest ] = React.useState<Flight.Request[]>([]);\n\n  React.useEffect(() => {\n    if (!videoIds?.length || !currentUser.hasCompleted)\n      return;\n\n    const unhydratedVideos: string[] = [];\n\n    videoIds.forEach(id => {\n      if (!hydratedVideos.current.has(id)) {\n        unhydratedVideos.push(id);\n        hydratedVideos.current.add(id);\n      }\n    });\n    \n    if (!unhydratedVideos.length)\n      return;\n\n    setRequest(r => {\n      const newRequests = [\n        ...r,\n        VideoRequests.videoMixinAssocs(unhydratedVideos, options.flightNamespace)\n      ];\n\n      if (currentUser.data?.isAuthenticated)\n        newRequests.push(ClassificationRequests.hasCurriculumLinks(unhydratedVideos, null, options.flightNamespace));\n\n      return newRequests;\n    });\n  }, [ videoIds?.length, currentUser.hasCompleted ]);\n\n  Flight.useBasicFetchAll(request);\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { EntityType, LocationContext, SignUpDescriptors, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { LanguageNamespaceContext, Text } from 'libs/shared/components/text/Text';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nconst namespace = 'shared.favouritesEmptyState';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport function FavouritesEmptyState(): JSX.Element {\n  return (\n    <LanguageNamespaceContext.Provider value={namespace}>\n      <EmptyState>\n        <EmptyState.Image src={ImageUrls.EmptyStates.FAVOURITED_VIDEOS} altText={getPhrase('info')} />\n\n        <div className='d-flex mb-2'>\n          <EmptyState.Heading className='h3 mb-0'>\n            <Text phrase='emptyStateHeading1' />\n          </EmptyState.Heading>\n          \n          <div className='box-shadow rounded-circle p-1 bg-white mx-1'>\n            <SvgContainer\n              svgName={cvSvgLibrary.HeartOutline}\n              size={SvgContainerSize.Small}\n            />\n          </div>\n\n          <EmptyState.Heading className='h3 mb-0'>\n            <Text phrase='emptyStateHeading2' />\n          </EmptyState.Heading>\n        </div>\n\n        <EmptyState.Info><Text phrase='info' /></EmptyState.Info>\n\n        <EmptyState.Cta\n          text={LanguageService.getPhrase(namespace, 'cta')}\n          appLink={{\n            application: AppChannels.DASHBOARD,\n            action: Actions.Dashboard.HOME\n          }}\n        />\n      </EmptyState>\n    </LanguageNamespaceContext.Provider>\n  );\n}\n\nexport function FavouritesPublicEmptyState(): JSX.Element {\n  return (\n    <LanguageNamespaceContext.Provider value={namespace}>\n      <EmptyState>\n        <EmptyState.Image src={ImageUrls.EmptyStates.FAVOURITED_VIDEOS_PUBLIC} altText={getPhrase('publicInfo')} />\n        <EmptyState.Heading><Text phrase='publicHeading' /></EmptyState.Heading>\n        <EmptyState.Info><Text phrase='publicInfo' /></EmptyState.Info>\n        <EmptyState.Cta\n          text={LanguageService.getPhrase(namespace, 'publicCta')}\n          appLink={{\n            application: AppChannels.SIGN_UP,\n            action: Actions.SignUp.SIGN_UP\n          }}\n          analyticsData={{}}\n          analyticsOptions={{\n            actionType: UserAction.Click,\n            location: LocationContext.MyFavouritesLanding,\n            entity: EntityType.AppLink,\n            workflowPhase: WorkflowPhase.Start,\n            descriptor: SignUpDescriptors.SignUp\n          }}\n        />\n      </EmptyState>\n    </LanguageNamespaceContext.Provider>\n  );\n}","import { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { VideoTypes } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { useVideoActions, VideoActionsLocation } from 'shared/hooks/use-video-actions/useVideoActions';\nimport { useLiteFavourites } from 'shared/hooks/useLiteFavourites';\n\nconst namespace = 'shared.favourites';\n\nexport function useFavouritesVideoActions() {\n  const videoActions = useVideoActions({ location: VideoActionsLocation.VideoItem });\n  const { setFavourite } = useLiteFavourites(LocationContext.VideoThumbnail);\n\n  const getVideoActions = (video: VideoTypes) => {\n    const { canConsume } = VideoHelper.getCanBeConsumed(video);\n\n    if (!canConsume) {\n      return [{\n        label: LanguageService.getPhrase(namespace, 'removeFromFavourites'),\n        svgName: cvSvgLibrary.Delete,\n        button: false,\n        className: 'btn btn-link text-danger',\n        onClick: () => setFavourite(video, false)\n      }];\n    }\n\n    return videoActions.getVideoActions(video);\n  };\n\n  return {\n    ...videoActions,\n    getVideoActions\n  };\n}","// extracted by mini-css-extract-plugin\nexport default {\"banner\":\"FEWd3\"};","import * as React from 'react';\nimport { useDispatch } from 'react-redux';\n\nimport { HttpStatus } from 'libs/common/backbone/enums/HttpStatus';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { BannerHeader } from 'libs/shared/components/banner-header/BannerHeader';\nimport { InfiniteScrollFooter } from 'libs/shared/components/infinite-scroll-footer/InfiniteScrollFooter';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { PartialVideoList } from 'libs/shared/components/video-list/partial-loading/PartialVideoList';\nimport { VideoList } from 'libs/shared/components/video-list/VideoList';\nimport { VideoActionsContext } from 'libs/shared/context/VideoActionsContext';\nimport { LocalPermissionName } from 'libs/shared/enums/PermissionName';\nimport { handleHttpError } from 'libs/shared/errors/handlers/HttpErrorHandlers';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { FavouriteRequests } from 'libs/shared/flight-requests/FavouriteRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { useInfiniteList } from 'libs/shared/hooks/UseInfiniteList';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Config, CurrentUser, VideoTypes, YearGroup } from 'libs/shared/interfaces';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { usePluginHelper } from 'shared/hooks/use-plugin-helper/usePluginHelper';\nimport { useLiteFavourites } from 'shared/hooks/useLiteFavourites';\nimport { usePresentationAudiences } from 'shared/hooks/usePresentationAudiences';\nimport { useVideoMixin } from 'shared/hooks/useVideoMixin';\nimport { InteractiveHelpers } from 'shared/utils/InteractiveHelper';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nimport { SeriesAppLinkHelper } from 'apps/series/SeriesAppLinkHelper';\n\nimport { FavouritesEmptyState, FavouritesPublicEmptyState } from './empty-state/FavouritesEmptyState';\nimport { useFavouritesCount } from './hooks/useFavouritesCount';\nimport { useFavouritesVideoActions } from './FavouritesViewUtils';\n\nimport styles from './favourites-view.scss';\n\nconst namespace = 'shared.favourites';\n\nexport function FavouritesView(): JSX.Element {\n  const dispatch = useDispatch();\n  const alerts = useAlerts();\n  const { setFavourite, canFavourite } = useLiteFavourites(LocationContext.VideoThumbnail);\n  const { isPlugin } = usePluginHelper();\n  const videoActions = useFavouritesVideoActions();\n\n  useSetPageMetadata({ title: LanguageService.getPhrase(namespace, 'pageTitle') });\n  const { hasLocalPermissions, hasPermissions } = usePermissions();\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n    currentUser.data?.isAuthenticated && CustomerRequests.yearGroups(currentUser.data.customerId)\n  );\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n  const getRequest = (cursor?: string) => {\n    return FavouriteRequests.getFavourites(currentUser.data.id, cursor);\n  };\n\n  const fetchNext = (cursor?: string) => {\n    return Flight.getFetch(dispatch)(getRequest(cursor));\n  };\n\n  const shouldFetch = !hasLocalPermissions(LocalPermissionName.ViewMyFavouritesLanding) && currentUser.hasCompleted;\n\n  const {\n    items,\n    hasMore,\n    isFetching\n  } = useInfiniteList<VideoTypes>(shouldFetch ? getRequest : false, fetchNext, onError);\n\n  useVideoMixin(items);\n  \n  const audiences = usePresentationAudiences();\n\n  function onError(pageNumber: number, httpStatus: HttpStatus): void {\n    if (pageNumber === 1)\n      return handleHttpError(httpStatus);\n\n    alerts.error(LanguageService.getPhrase(namespace, 'error'));\n  }\n\n  const { count, isLoading } = useFavouritesCount(currentUser.data?.id);\n  if (isLoading)\n    return <></>;\n\n  if (hasLocalPermissions(LocalPermissionName.ViewMyFavouritesLanding))\n    return <FavouritesPublicEmptyState />;\n\n  return (\n    <VideoActionsContext.Provider value={videoActions}>\n      <div className='p-3'>\n        <BannerHeader\n          heading={LanguageService.getPhrase(namespace, 'header')}\n          banner={{ url: ImageUrls.FAVOURITES_PLAYLIST.FAV_PLAYLIST_BANNER }}\n          bannerClassName={`${styles.banner} bg-pink`}\n          imageCdnUrl={config.data?.imageCdnUrl}\n          detailsComponent={() => (\n            <div className='mb-n1 font-size-normal fw-normal mt-1'>\n              <Text namespace={namespace} phrase='videos' options={{ smartCount: count }} />\n            </div>\n          )}\n        />\n        \n        {(() => {\n          if (!items)\n            return <PartialVideoList />;\n\n          if (!items.length)\n            return <FavouritesEmptyState />;\n\n          return (\n            <>\n              <VideoList\n                videos={items}\n                yearGroups={yearGroups.data}\n                getVideoAppLink={VideoAppLinkHelper.getAppLink}\n                hasPermissions={hasPermissions}\n                getSubTextAppLink={video => SeriesAppLinkHelper.getSeriesAppLink(video.series)}\n                setFavourite={setFavourite}\n                canFavourite={canFavourite}\n                presentationAudiences={audiences.data}\n                getPreviewQuestionsAppLink={interactive => InteractiveHelpers.getPreviewQuestionsAppLink(interactive)}\n                isPlugin={isPlugin}\n                getClassroomGuideAppLink={VideoAppLinkHelper.getClassroomGuideAppLink}\n                getInteractiveGuidanceAppLink={VideoAppLinkHelper.getInteractiveGuidanceAppLink}\n                getResourceGuidanceAppLink={VideoAppLinkHelper.getResourceGuidanceAppLink}\n              />\n              {(hasMore || isFetching) && <InfiniteScrollFooter isFetching={isFetching} fetchNext={fetchNext} />}\n            </>\n          );\n        })()}\n      </div>\n    </VideoActionsContext.Provider>\n  );\n}","\nimport { Flight } from 'libs/common/flight';\n\nimport { FavouriteRequests } from 'libs/shared/flight-requests/FavouriteRequests';\nimport { FavouritesCountResponse } from 'libs/shared/interfaces';\n\nexport function useFavouritesCount(userId?: string) {\n// todo there is a beckend bug that we cannot group fetch these three number\n  const favouriteVideosCount = Flight.useBasicFetch<FavouritesCountResponse>(userId &&\n    FavouriteRequests.getFavouritesVideosCount(userId));\n  const favouriteClipsCount = Flight.useBasicFetch<FavouritesCountResponse>(userId &&\n    FavouriteRequests.getFavouritesClipsCount(userId));\n  const favouriteInteractivesCount = Flight.useBasicFetch<FavouritesCountResponse>(userId &&\n    FavouriteRequests.getFavouritesInteractivesCount(userId));\n \n  const totalCount = favouriteVideosCount.data?.count\n    + favouriteInteractivesCount.data?.count\n    + favouriteClipsCount.data?.count;\n\n  const favourites = [\n    ...(favouriteVideosCount.data?.data || []),\n    ...(favouriteClipsCount.data?.data || []),\n    ...(favouriteInteractivesCount.data?.data || [])\n  ];\n\n  return {\n    count: totalCount,\n    favourites,\n    isLoading: !favouriteVideosCount.data?.data\n      || !favouriteClipsCount.data?.data\n      || !favouriteInteractivesCount.data?.data\n  };\n}"],"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","BackButton","textShadow","backToName","color","extraClasses","backPhrase","colorClass","textShadowClass","size","S","defaultProps","RATIO","width","height","getSizeClass","heading","length","BannerHeader","banner","imageCdnUrl","actions","sortComponent","blockColourClass","specialEvent","portalContainerContext","BannerPortalContext","imageWidth","useBreakpoints","xxl","specialEventIsToday","showComingSoon","today","DateHelper","Date","endDate","startDate","imageOptions","ratio","resizeType","url","ImageHelper","fallbackBaseUrl","fallbackCategoryName","containerProps","bannerClassName","style","backgroundImage","DetailsComponent","detailsComponent","backButtonAppLink","backButtonText","backButtonClasses","alignLogoLeft","logo","calendarTheme","Text","phrase","LazyImage","src","Actions","actionsDropdownClassName","container","prevProps","nextProps","PartialBannerHeader","InfiniteScrollFooter","ref","inView","fetchOnScroll","isFetching","fetchNext","nextCursor","Spinner","as","animation","role","onClick","PartialVideoList","Array","numVideos","fill","map","_","i","key","allowBulkActions","PartialVideoItem","breakpoints","isSmall","VideoListHelper","withDragHandle","withReordering","xs","Row","Col","defaultErrors","notFound","forbidden","rating","yearLevel","region","privacy","badRequest","handleHttpError","info","customErrorMap","ignoreMap","statusCode","status","errorMap","SCROLL_TOLERANCE","useInfiniteList","getRequest","onError","getItems","getCursor","scrollContainer","options","handleScroll","useState","pagesFetched","setPagesFetched","fetchNextFn","response","cursor","request","fetchNextPage","currentVal","hasMore","getBoundingClientRect","scrollTop","scrollHeight","window","innerHeight","document","documentElement","useEffect","onScroll","FunctionHelper","addEventListener","removeEventListener","shouldInitialFetch","httpStatusClass","toString","substr","HttpStatus","items","totalItems","hasFirstPageCompleted","usePresentationAudiences","redirectOnError","activePresentation","getFallbackPresentation","presentation","id","useVideoMixin","objects","currentUser","hydratedVideos","Set","videos","isArray","filter","o","data","getValidObjects","videoIds","v","setRequest","hasCompleted","unhydratedVideos","forEach","current","has","push","add","r","newRequests","flightNamespace","isAuthenticated","getPhrase","FavouritesEmptyState","value","EmptyState","ImageUrls","altText","application","action","FavouritesPublicEmptyState","actionType","location","entity","workflowPhase","descriptor","SignUp","FavouritesView","dispatch","alerts","useLiteFavourites","u","setFavourite","canFavourite","isPlugin","usePluginHelper","videoActions","useVideoActions","getVideoActions","video","VideoHelper","canConsume","button","useFavouritesVideoActions","useSetPageMetadata","usePermissions","hasLocalPermissions","hasPermissions","UserRequests","yearGroups","CustomerRequests","customerId","config","ConfigRequests","FavouriteRequests","shouldFetch","pageNumber","httpStatus","error","audiences","useFavouritesCount","count","isLoading","VideoActionsContext","smartCount","VideoList","getVideoAppLink","VideoAppLinkHelper","getSubTextAppLink","SeriesAppLinkHelper","series","presentationAudiences","getPreviewQuestionsAppLink","interactive","InteractiveHelper","getClassroomGuideAppLink","getInteractiveGuidanceAppLink","getResourceGuidanceAppLink","userId","favouriteVideosCount","favouriteClipsCount","favouriteInteractivesCount","favourites"],"sourceRoot":""}

package/dist/scripts/{841-85a91a6576-lite.chunk.js → 841-a60ac16a8c-lite.chunk.js}

@@ -1,3 +1,3 @@
-/*! For license information please see 841-85a91a6576-lite.chunk.js.LICENSE.txt */
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[841],{49602:(e,t,n)=>{var r;n.d(t,{b:()=>c}),function(e){e[e.None=0]="None",e[e.AllSubjects=1]="AllSubjects",e[e.AllLevels=2]="AllLevels",e[e.AllSubjectsAndAllLevels=3]="AllSubjectsAndAllLevels"}(r||(r={}));var a=n(25925),c={hasManyPresentationTypes:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=0,n=0;return null==e||e.forEach((function(e){e.type===a.R.Subject?t++:e.type===a.R.Curriculum&&n++})),{hasManySubjectPresentations:t>1,hasManyCurriculumPresentations:n>1}},getBulkPreferencesState:function(e){return e===r.AllSubjectsAndAllLevels?{levels:!0,subjects:!0}:{levels:e===r.AllLevels,subjects:e===r.AllSubjects}},hasBulkSelectedLevels:function(e){return e===r.AllLevels||e===r.AllSubjectsAndAllLevels},hasBulkSelectedTopics:function(e){return e===r.AllSubjects||e===r.AllSubjectsAndAllLevels},getNextBulkState:function(e,t){var n=r.None,a=r.AllSubjects,c=r.AllLevels,l=r.AllSubjectsAndAllLevels,o="topics"===t;switch(e){case n:default:return o?a:c;case a:return o?n:l;case c:return o?l:n;case l:return o?c:a}}}},2192:(e,t,n)=>{n.d(t,{M:()=>p,Q:()=>g});var r=n(32735),a=n(45157),c=n(36848),l=n(60376),o=n(5465),i=n(83914),s=n(83345),u=n(54610),m=n(67453),d=n(35223),f=n(92038),v=function(e){var t=e.name,n=e.multiline,a="".concat(f.Z.comingSoonPanel," \n    d-flex flex-column align-items-center justify-content-center px-3 text-center"),c="";return n?c+=" ".concat(f.Z.clamped," clamp-2"):(a+=" text-nowrap",c+=" text-truncate"),r.createElement("div",{className:a},r.createElement("small",{className:"text-secondary"},r.createElement(s.x,{namespace:"shared.subjectWidgetItem",phrase:"comingSoon"})),r.createElement("p",{className:"".concat(f.Z.name," h6")},r.createElement("span",{className:c},t)))},h=function(e){var t=e.name,n=e.multiline,a=e.subtitle,c="px-3 d-flex flex-column justify-content-center",l="".concat(f.Z.name," h6");return n?l+=" clamp-3 text-start":(c+=" text-nowrap text-truncate",l+=" text-truncate mb-0 pb-1"),r.createElement("div",{className:c},a&&r.createElement("div",{className:"text-secondary clamp-1 ".concat(f.Z.text)},a),r.createElement("div",{className:l,title:t},t))};function p(e){var t=m.j.createUrl(e.coverUrl,{size:e.isLarge?u.h2.Medium:u.h2.Small}),n={name:e.data.name,multiline:e.isLarge||e.multiline,subtitle:e.subtitle};return r.createElement("div",{className:"border d-flex position-relative ".concat(e.className," ").concat(f.Z.widgetItem," ").concat(e.isSelected?"border-success border-2":""),id:"".concat(e.data.id,"-").concat(a.Y.getRandomInt())},e.isSelected&&r.createElement("div",{className:"".concat(f.Z.selectedMask," border-2")}),r.createElement("div",{className:"".concat(f.Z.imagePanel," ").concat(e.isLarge?f.Z.large:"")},e.isSelected&&!e.hideCheckmark&&r.createElement("div",{className:f.Z.selected},r.createElement(l.f,{svgName:d.vn.Check,svgSize:i.S.Large,textVariant:"white",variant:"green"})),r.createElement("div",{className:"".concat(f.Z.image," ").concat(e.imageClassName),style:e.coverUrl?{backgroundImage:"url('".concat(t,"')")}:{}}),!e.hideFallback&&r.createElement(o.oy,{type:o.mS.Subject,extraClasses:e.isLarge?f.Z.large:""})),e.isComingSoon?r.createElement(v,Object.assign({},n)):r.createElement(h,Object.assign({},n)))}function g(e){var t,n=e.getChildAppLink?e.getChildAppLink(e.data):null;return r.createElement(r.Fragment,null,n?r.createElement(c.F,{className:f.Z.appLink,appLink:n,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,appLinkOptions:null===(t=e.getChildAppLinkOptions)||void 0===t?void 0:t.call(e)},r.createElement(p,Object.assign({},e))):r.createElement(p,Object.assign({},e)))}},75919:(e,t,n)=>{n.d(t,{N:()=>c});var r=n(32735);const a={annotation:"LkdHB",above:"ROdbm",below:"OzyHx",left:"W9EBF",right:"zhio2",divider:"cdR_p",imageContainer:"QZZMF"};function c(e){return r.createElement("div",{className:(t="d-flex align-items-center text-center position-relative w-100 ".concat(a.imageContainer),"center"===e.contentPosition&&(t+=" px-5 justify-content-center"),"right"===e.contentPosition&&(t+=" me-n5 justify-content-end"),t)},!!e.annotationUrl&&r.createElement("div",{className:function(){var t=a.annotation;switch(e.annotationPosition){case"top-left":t+=" ".concat(a.above," ").concat(a.left);break;case"top-right":t+=" ".concat(a.above," ").concat(a.right);break;case"bottom-left":t+=" ".concat(a.below," ").concat(a.left);break;case"bottom-right":t+=" ".concat(a.below," ").concat(a.right)}return e.annotationClassName&&(t+=" ".concat(e.annotationClassName)),t}()},r.createElement("img",{className:"img-fluid",src:e.annotationUrl})),e.children,"right"===e.contentPosition&&r.createElement("div",{className:a.divider}));var t}c.defaultProps={contentPosition:"center"}},39375:(e,t,n)=>{n.d(t,{Y:()=>u});var r=n(32735),a=n(54610),c=n(67453),l=n(2248);const o={magicTab:"H5jzm",subjectPlaceholder:"r1L6T",placeholderCover:"z9CFT",promotedTopicPlaceholder:"PbYs6",promotedTopicPlaceholderText:"hZ8Nf"};function i(e){return r.createElement("li",{className:"col-4"},r.createElement("div",{className:"d-flex border rounded-3 overflow-hidden ".concat(o.subjectPlaceholder)},e.coverUrl?r.createElement("div",{className:o.placeholderCover},r.createElement("img",{className:"img-fluid",src:c.j.createUrl(e.coverUrl,{size:a.h2.Small})})):r.createElement("div",{className:"".concat(o.placeholderCover," bg-light-blue")})))}function s(){return r.createElement("li",{className:"col-4"},r.createElement("div",{className:"bg-light-blue rounded-3 w-100 p-1 ".concat(o.promotedTopicPlaceholder)}))}function u(e){var t,n,a,c=Math.max(12-(null!==(n=null===(t=e.subjects)||void 0===t?void 0:t.length)&&void 0!==n?n:0),0);return r.createElement(l.L,{presentation:e.presentation,curriculum:e.curriculum,editingCurriculum:e.editingCurriculum},r.createElement("div",{className:"px-3 pt-3 w-100 d-flex flex-column align-items-center"},r.createElement("div",{className:"rounded-3 border overflow-hidden d-flex mb-2"},r.createElement("div",{className:"bg-light ".concat(o.magicTab)}),r.createElement("div",{className:"".concat(o.magicTab)})),r.createElement("ul",{className:"list-unstyled mb-0 row w-100 g-xl-2 g-lg-1 mb-2"},null===(a=e.subjects)||void 0===a?void 0:a.map((function(e){var t;return r.createElement(i,{key:e.id,coverUrl:null===(t=e.cover)||void 0===t?void 0:t.url})})),new Array(c).fill(0).map((function(e,t){return r.createElement(i,{key:t})}))),r.createElement("ul",{className:"list-unstyled mb-0 row w-100 g-xl-2 g-lg-1"},r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null))))}},2248:(e,t,n)=>{n.d(t,{L:()=>h});var r=n(32735),a=n(60376),c=n(83914),l=n(2786),o=n(83345),i=n(72639),s=n(79967),u=n(35223),m=n(10144);const d={dot:"AlRQD",logo:"L42gR",blackBar:"ESCxm",topNav:"a3G_4",leftNav:"YxGVV",belowHeader:"jc_cg",leftNavIcon:"U6i6r",leftNavText:"LnYlW",presentationPlaceholderIcon:"Ljaju",presentationIcon:"QdwPq",presentationPlaceholderText:"af06V",curriculumIcon:"N7T4T",curriculumIconSmall:"_6xrUg",curriculumContainer:"Z65qX",iconPlaceholder:"CKOXL",shadow:"zygeJ",presentationName:"Oj7Dt"};var f="onboarding.mockLayout";function v(){return r.createElement("div",{className:"d-flex align-items-center justify-content-center mb-2 px-3"},r.createElement("div",{className:"".concat(d.leftNavIcon," rounded-circle")}),r.createElement("div",{className:"".concat(d.leftNavText," rounded-pill")}))}function h(e){var t,n,h=(0,s.k)();return r.createElement("div",{className:"border border-dark border-2 bg-white rounded-3 user-select-none overflow-hidden position-relative h-100 w-100"},!!e.editingCurriculum&&r.createElement("div",{className:"w-100 h-100 position-absolute ".concat(d.shadow)},r.createElement("div",{className:"d-flex align-items-center h-100 w-50 ".concat(d.curriculumContainer)},r.createElement("div",{className:"bg-white rounded-3 border p-3 w-100"},r.createElement("h2",{className:"h6 text-start"},r.createElement(o.x,{namespace:f,phrase:"curriculum"})),e.curriculum?r.createElement("div",{className:"d-flex align-items-center"},r.createElement("div",{className:"".concat(d.curriculumIcon," rounded-circle me-2 border")},r.createElement(a.f,{imageUrl:null===(t=e.curriculum.cover)||void 0===t?void 0:t.url})),r.createElement("div",{className:"text-start"},e.curriculum.name)):r.createElement("div",{className:"d-flex align-items-center text-secondary"},r.createElement("div",{className:"me-2 rounded-circle p-1 ".concat(d.iconPlaceholder)},r.createElement(a.f,{svgSize:c.S.Large,textVariant:"secondary",svgName:u.vn.GraduationCap})),r.createElement(o.x,{namespace:f,phrase:"selectCurriculum"}))))),r.createElement("div",{className:"bg-dark d-flex px-3 py-2 ".concat(d.blackBar)},r.createElement("div",{className:"rounded-circle me-2 ".concat(d.dot)}),r.createElement("div",{className:"rounded-circle me-2 ".concat(d.dot)}),r.createElement("div",{className:"rounded-circle ".concat(d.dot)})),r.createElement("div",{className:"border-bottom px-3 py-2 d-flex align-items-center ".concat(d.topNav)},r.createElement("div",{className:"".concat(d.logo," me-4")},h.xs?r.createElement(l.bc,null):r.createElement(l.$S,null)),r.createElement("div",{className:"form-control w-75 d-flex justify-content-start"},r.createElement(c.x,{svgName:u.vn.Search})),!!e.curriculum&&r.createElement("div",{className:"".concat(d.curriculumIconSmall," rounded-circle ms-2 me-n1 border")},r.createElement(a.f,{imageUrl:null===(n=e.curriculum.cover)||void 0===n?void 0:n.url}))),r.createElement("div",{className:"d-flex ".concat(d.belowHeader)},r.createElement("div",{className:"".concat(d.leftNav," border-end")},r.createElement("div",{className:"d-flex flex-column pt-3 h-100"},r.createElement(v,null),r.createElement(v,null),r.createElement(v,null),r.createElement(v,null),r.createElement(v,null),r.createElement("div",{className:"d-flex align-items-end h-100 w-100"},r.createElement("div",{className:"border-top p-3 w-100"},r.createElement("div",{className:"d-flex align-items-center"},r.createElement("div",{className:"".concat(function(){if(!e.presentation)return d.presentationPlaceholderIcon;switch(m.i.getMappedPresentationLevel(e.presentation.learningLevel)){case i.p.Level_1:return"bg-indigo ".concat(d.presentationIcon);case i.p.Level_3:return"bg-blue ".concat(d.presentationIcon);default:case i.p.Level_2:return"bg-green ".concat(d.presentationIcon)}}()," text-white rounded")},r.createElement(c.x,{svgName:u.vn.School,size:c.S.Large})),e.presentation?r.createElement("span",{className:"fw-semibold text-truncate ".concat(d.presentationName)},e.presentation.name):r.createElement("div",{className:"".concat(d.presentationPlaceholderText," fw-semibold")},r.createElement(o.x,{namespace:f,phrase:"schoolLevel"}))))))),r.createElement("div",{className:"w-100 h-100 overflow-hidden"},e.children)))}},59158:(e,t,n)=>{n.r(t),n.d(t,{OnboardingSubjectsView:()=>G});var r=n(32735),a=n(23481),c=n(20354),l=n(65858),o=n(60736),i=n(45716),s=n(2158),u=n(49602),m=n(11607),d=n(83345),f=n(2192),v=n(54610),h=n(77963),p=n(65728),g=n(61699),b=n(31949),y=n(84703),E=n(37802),N=n(67453),x=n(10144),w=n(99742),S=n(82817),L=n(86698),j=n(75359),k=n(12058),A=n(40695),P=n(75919),C=n(39375),I=n(73190),O=n(90815),T=n(67963);const _={selected:"igx0Y",disabled:"nDUWB",annotation:"IN0vA"};function U(e){return U="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},U(e)}function B(){B=function(){return t};var e,t={},n=Object.prototype,r=n.hasOwnProperty,a=Object.defineProperty||function(e,t,n){e[t]=n.value},c="function"==typeof Symbol?Symbol:{},l=c.iterator||"@@iterator",o=c.asyncIterator||"@@asyncIterator",i=c.toStringTag||"@@toStringTag";function s(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{s({},"")}catch(e){s=function(e,t,n){return e[t]=n}}function u(e,t,n,r){var c=t&&t.prototype instanceof g?t:g,l=Object.create(c.prototype),o=new C(r||[]);return a(l,"_invoke",{value:j(e,n,o)}),l}function m(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}t.wrap=u;var d="suspendedStart",f="suspendedYield",v="executing",h="completed",p={};function g(){}function b(){}function y(){}var E={};s(E,l,(function(){return this}));var N=Object.getPrototypeOf,x=N&&N(N(I([])));x&&x!==n&&r.call(x,l)&&(E=x);var w=y.prototype=g.prototype=Object.create(E);function S(e){["next","throw","return"].forEach((function(t){s(e,t,(function(e){return this._invoke(t,e)}))}))}function L(e,t){function n(a,c,l,o){var i=m(e[a],e,c);if("throw"!==i.type){var s=i.arg,u=s.value;return u&&"object"==U(u)&&r.call(u,"__await")?t.resolve(u.__await).then((function(e){n("next",e,l,o)}),(function(e){n("throw",e,l,o)})):t.resolve(u).then((function(e){s.value=e,l(s)}),(function(e){return n("throw",e,l,o)}))}o(i.arg)}var c;a(this,"_invoke",{value:function(e,r){function a(){return new t((function(t,a){n(e,r,t,a)}))}return c=c?c.then(a,a):a()}})}function j(t,n,r){var a=d;return function(c,l){if(a===v)throw Error("Generator is already running");if(a===h){if("throw"===c)throw l;return{value:e,done:!0}}for(r.method=c,r.arg=l;;){var o=r.delegate;if(o){var i=k(o,r);if(i){if(i===p)continue;return i}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(a===d)throw a=h,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);a=v;var s=m(t,n,r);if("normal"===s.type){if(a=r.done?h:f,s.arg===p)continue;return{value:s.arg,done:r.done}}"throw"===s.type&&(a=h,r.method="throw",r.arg=s.arg)}}}function k(t,n){var r=n.method,a=t.iterator[r];if(a===e)return n.delegate=null,"throw"===r&&t.iterator.return&&(n.method="return",n.arg=e,k(t,n),"throw"===n.method)||"return"!==r&&(n.method="throw",n.arg=new TypeError("The iterator does not provide a '"+r+"' method")),p;var c=m(a,t.iterator,n.arg);if("throw"===c.type)return n.method="throw",n.arg=c.arg,n.delegate=null,p;var l=c.arg;return l?l.done?(n[t.resultName]=l.value,n.next=t.nextLoc,"return"!==n.method&&(n.method="next",n.arg=e),n.delegate=null,p):l:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,p)}function A(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function P(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function C(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(A,this),this.reset(!0)}function I(t){if(t||""===t){var n=t[l];if(n)return n.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var a=-1,c=function n(){for(;++a<t.length;)if(r.call(t,a))return n.value=t[a],n.done=!1,n;return n.value=e,n.done=!0,n};return c.next=c}}throw new TypeError(U(t)+" is not iterable")}return b.prototype=y,a(w,"constructor",{value:y,configurable:!0}),a(y,"constructor",{value:b,configurable:!0}),b.displayName=s(y,i,"GeneratorFunction"),t.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===b||"GeneratorFunction"===(t.displayName||t.name))},t.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,y):(e.__proto__=y,s(e,i,"GeneratorFunction")),e.prototype=Object.create(w),e},t.awrap=function(e){return{__await:e}},S(L.prototype),s(L.prototype,o,(function(){return this})),t.AsyncIterator=L,t.async=function(e,n,r,a,c){void 0===c&&(c=Promise);var l=new L(u(e,n,r,a),c);return t.isGeneratorFunction(n)?l:l.next().then((function(e){return e.done?e.value:l.next()}))},S(w),s(w,i,"Generator"),s(w,l,(function(){return this})),s(w,"toString",(function(){return"[object Generator]"})),t.keys=function(e){var t=Object(e),n=[];for(var r in t)n.push(r);return n.reverse(),function e(){for(;n.length;){var r=n.pop();if(r in t)return e.value=r,e.done=!1,e}return e.done=!0,e}},t.values=I,C.prototype={constructor:C,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(P),!t)for(var n in this)"t"===n.charAt(0)&&r.call(this,n)&&!isNaN(+n.slice(1))&&(this[n]=e)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var n=this;function a(r,a){return o.type="throw",o.arg=t,n.next=r,a&&(n.method="next",n.arg=e),!!a}for(var c=this.tryEntries.length-1;c>=0;--c){var l=this.tryEntries[c],o=l.completion;if("root"===l.tryLoc)return a("end");if(l.tryLoc<=this.prev){var i=r.call(l,"catchLoc"),s=r.call(l,"finallyLoc");if(i&&s){if(this.prev<l.catchLoc)return a(l.catchLoc,!0);if(this.prev<l.finallyLoc)return a(l.finallyLoc)}else if(i){if(this.prev<l.catchLoc)return a(l.catchLoc,!0)}else{if(!s)throw Error("try statement without catch or finally");if(this.prev<l.finallyLoc)return a(l.finallyLoc)}}}},abrupt:function(e,t){for(var n=this.tryEntries.length-1;n>=0;--n){var a=this.tryEntries[n];if(a.tryLoc<=this.prev&&r.call(a,"finallyLoc")&&this.prev<a.finallyLoc){var c=a;break}}c&&("break"===e||"continue"===e)&&c.tryLoc<=t&&t<=c.finallyLoc&&(c=null);var l=c?c.completion:{};return l.type=e,l.arg=t,c?(this.method="next",this.next=c.finallyLoc,p):this.complete(l)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),p},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),P(n),p}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var a=r.arg;P(n)}return a}}throw Error("illegal catch attempt")},delegateYield:function(t,n,r){return this.delegate={iterator:I(t),resultName:n,nextLoc:r},"next"===this.method&&(this.arg=e),p}},t}function F(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,c,l,o=[],i=!0,s=!1;try{if(c=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(r=c.call(n)).done)&&(o.push(r.value),o.length!==t);i=!0);}catch(e){s=!0,a=e}finally{try{if(!i&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw a}}return o}}(e,t)||function(e,t){if(e){if("string"==typeof e)return Z(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Z(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Z(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var z=function(e,t,n,r){return new(n||(n=Promise))((function(a,c){function l(e){try{i(r.next(e))}catch(e){c(e)}}function o(e){try{i(r.throw(e))}catch(e){c(e)}}function i(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(l,o)}i((r=r.apply(e,t||[])).next())}))},M="onboarding.subjects";function G(e){var t,n=(0,T.u)(),U=(0,s.T)(n).getPathway,Z=c.a.useBasicFetch(b.N.currentUser()),G=(0,L.y)().preferredPresentation,R=c.a.useGetFetchAsync(),V=(0,I.Q)(e.redirectUrl),D=V.onClickBack,Y=V.exitOnboarding,H=V.onSaveError,W=V.completeStepAsync,J=(0,S.M)().preferredCurriculum,Q=(0,O.H)().logEvent,X=U(),q=i.H[X.currentScreen],K=(0,E.r)(null==q?void 0:q.analyticsLocation),$=K.updateSettingAsync,ee=K.bulkOnboardingPreferencesState,te=c.a.useBasicFetch(g.o.allSubjectPreferences()),ne=c.a.useBasicFetch(g.o.mySubjectPreferences()),re=u.b.hasBulkSelectedTopics(ee),ae=F(r.useState([]),2),ce=ae[0],le=ae[1],oe=F(r.useState(re),2),ie=oe[0],se=oe[1],ue=(0,y.n)(),me=null===(t=te.data)||void 0===t?void 0:t.filter((function(e){var t;return!!(null===(t=o.A[e.presentationId])||void 0===t?void 0:t[e.id])}));return r.useEffect((function(){var e;ne.hasCompleted&&(null===(e=ne.data)||void 0===e?void 0:e.length)&&(ie||le(ne.data))}),[ne.hasCompleted]),r.createElement(A.z,{namespace:M},r.createElement(A.z.Left,{className:"bg-dark-blue d-flex flex-column align-items-end justify-content-center"},r.createElement(P.N,{annotationUrl:w.W.OnboardingV2.Subjects.ANNOTATION,annotationPosition:"top-right",annotationClassName:"me-5 ".concat(_.annotation)},r.createElement(C.Y,{presentation:G,subjects:ie?me:ce,curriculum:J}))),r.createElement(A.z.Right,{hasCustomButtons:!1,onClickNext:function(){return z(this,void 0,void 0,B().mark((function e(){var t,n,r;return B().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return Q(l.Vw.Click,l.Ix.Next,{subjects:ce.map((function(e){return{subjectId:e.id,subjectName:e.name}})),allSubjectsSelected:ie,presentationId:G.id,presentationName:G.name,presentationDescription:G.description}),e.prev=1,t=[],ie!==re&&t.push($(Z.data.id,{name:p.E.BulkOnboardingPreferencesState,value:u.b.getNextBulkState(ee,"topics"),kind:h.g.Permanent})),ie||(n=ce.filter((function(e){return!ne.data.find((function(t){return t.id===e.id}))})),r=ne.data.filter((function(e){return!ce.find((function(t){return t.id===e.id}))})),(null==n?void 0:n.length)&&t.push(R(g.o.followSubjects(n.map((function(e){return e.id}))))),(null==r?void 0:r.length)&&t.push(R(g.o.unfollowSubjects(r.map((function(e){return e.id})))))),e.next=7,Promise.all(t);case 7:return e.next=9,W();case 9:e.next=15;break;case 11:return e.prev=11,e.t0=e.catch(1),H(),e.abrupt("return",Promise.reject());case 15:case"end":return e.stop()}}),e,null,[[1,11]])})))},onClickBack:D,onClickComeBackLater:Y,disableNext:!ce.length&&!ie},r.createElement(j.W,null,r.createElement(d.x,{phrase:ue?"headingKdm":"heading"})),r.createElement(k.X,null,r.createElement(d.x,{phrase:"info"})),r.createElement(m.L,{onClick:function(){Q(l.Vw.Select,l.Ix.SelectAllSubjects,{presentationId:G.id,presentationName:G.name,presentationDescription:G.description}),ie||le([]),se(!ie)}},r.createElement(f.M,{data:{name:a.T.getPhrase(M,"allSubjects")},coverUrl:x.i.getPresentationLevelImage(G.learningLevel,"cover"),isSelected:ie,multiline:!0})),r.createElement("div",{className:"d-flex align-items-center justify-content-between py-3"},r.createElement("hr",{className:"m-0 flex-grow-1 border-dark"}),r.createElement("p",{className:"mb-0 px-3"},r.createElement(d.x,{phrase:"orSelectSubjects"})),r.createElement("hr",{className:"m-0 flex-grow-1 border-dark"})),r.createElement("ul",{className:"list-unstyled row g-2 mb-0"},null==me?void 0:me.map((function(e){var t,n=!!ce.find((function(t){return t.id===e.id})),a="";return ie?a+="cursor-default ".concat(_.disabled):n&&(a+=_.selected),r.createElement("li",{key:e.id,className:"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-6"},r.createElement(m.L,{onClick:function(){return function(e){ie||(Q(l.Vw.Select,l.Ix.SelectSubject,{subjectId:e.id,subjectName:e.name,presentationId:G.id,presentationName:G.name,presentationDescription:G.description}),ce.find((function(t){return t.id===e.id}))?le(ce.filter((function(t){return t.id!==e.id}))):le(ce.concat(e)))}(e)},disabled:ie,className:a},r.createElement(f.M,{data:e,coverUrl:N.j.createUrl(null===(t=e.cover)||void 0===t?void 0:t.url,{size:v.h2.Small}),isSelected:n,multiline:!0})))}))),r.createElement(k.X,{className:"mt-2"},r.createElement(d.x,{phrase:"addMoreLater"}))))}},92038:(e,t,n)=>{n.d(t,{Z:()=>r});const r={appLink:"fFjKN",name:"A_by9",selectedMask:"xSQtR",widgetItem:"Ys9W_",text:"JfAoy",imagePanel:"aUNDc",partialLargeImage:"RuLxv",selected:"BViJb",image:"LkTep",dragHandle:"CJqvP",large:"R5clw",comingSoonPanel:"Wa2PG",editSubjectsItem:"gGNFD",allSubjectsItem:"IHdlJ",logoContainer:"Nzaes",draggingItem:"zUOye",partialLargeFallback:"FmJP9",partialIcon:"sdZuo"}}}]);
-//# sourceMappingURL=841-85a91a6576-lite.chunk.js.map
+/*! For license information please see 841-a60ac16a8c-lite.chunk.js.LICENSE.txt */
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[841],{49602:(e,t,n)=>{var r;n.d(t,{b:()=>c}),function(e){e[e.None=0]="None",e[e.AllSubjects=1]="AllSubjects",e[e.AllLevels=2]="AllLevels",e[e.AllSubjectsAndAllLevels=3]="AllSubjectsAndAllLevels"}(r||(r={}));var a=n(25925),c={hasManyPresentationTypes:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=0,n=0;return null==e||e.forEach((function(e){e.type===a.R.Subject?t++:e.type===a.R.Curriculum&&n++})),{hasManySubjectPresentations:t>1,hasManyCurriculumPresentations:n>1}},getBulkPreferencesState:function(e){return e===r.AllSubjectsAndAllLevels?{levels:!0,subjects:!0}:{levels:e===r.AllLevels,subjects:e===r.AllSubjects}},hasBulkSelectedLevels:function(e){return e===r.AllLevels||e===r.AllSubjectsAndAllLevels},hasBulkSelectedTopics:function(e){return e===r.AllSubjects||e===r.AllSubjectsAndAllLevels},getNextBulkState:function(e,t){var n=r.None,a=r.AllSubjects,c=r.AllLevels,l=r.AllSubjectsAndAllLevels,o="topics"===t;switch(e){case n:default:return o?a:c;case a:return o?n:l;case c:return o?l:n;case l:return o?c:a}}}},2192:(e,t,n)=>{n.d(t,{M:()=>p,Q:()=>g});var r=n(32735),a=n(45157),c=n(36848),l=n(60376),o=n(5465),i=n(83914),s=n(83345),u=n(54610),m=n(67453),d=n(35223),f=n(92038),v=function(e){var t=e.name,n=e.multiline,a="".concat(f.Z.comingSoonPanel," \n    d-flex flex-column align-items-center justify-content-center px-3 text-center"),c="";return n?c+=" ".concat(f.Z.clamped," clamp-2"):(a+=" text-nowrap",c+=" text-truncate"),r.createElement("div",{className:a},r.createElement("small",{className:"text-secondary"},r.createElement(s.x,{namespace:"shared.subjectWidgetItem",phrase:"comingSoon"})),r.createElement("p",{className:"".concat(f.Z.name," h6")},r.createElement("span",{className:c},t)))},h=function(e){var t=e.name,n=e.multiline,a=e.subtitle,c="px-3 d-flex flex-column justify-content-center",l="".concat(f.Z.name," h6");return n?l+=" clamp-3 text-start":(c+=" text-nowrap text-truncate",l+=" text-truncate mb-0 pb-1"),r.createElement("div",{className:c},a&&r.createElement("div",{className:"text-secondary clamp-1 ".concat(f.Z.text)},a),r.createElement("div",{className:l,title:t},t))};function p(e){var t=m.j.createUrl(e.coverUrl,{size:e.isLarge?u.h2.Medium:u.h2.Small}),n={name:e.data.name,multiline:e.isLarge||e.multiline,subtitle:e.subtitle};return r.createElement("div",{className:"border d-flex position-relative ".concat(e.className," ").concat(f.Z.widgetItem," ").concat(e.isSelected?"border-success border-2":""),id:"".concat(e.data.id,"-").concat(a.Y.getRandomInt())},e.isSelected&&r.createElement("div",{className:"".concat(f.Z.selectedMask," border-2")}),r.createElement("div",{className:"".concat(f.Z.imagePanel," ").concat(e.isLarge?f.Z.large:"")},e.isSelected&&!e.hideCheckmark&&r.createElement("div",{className:f.Z.selected},r.createElement(l.f,{svgName:d.vn.Check,svgSize:i.S.Large,textVariant:"white",variant:"green"})),r.createElement("div",{className:"".concat(f.Z.image," ").concat(e.imageClassName),style:e.coverUrl?{backgroundImage:"url('".concat(t,"')")}:{}}),!e.hideFallback&&r.createElement(o.oy,{type:o.mS.Subject,extraClasses:e.isLarge?f.Z.large:""})),e.isComingSoon?r.createElement(v,Object.assign({},n)):r.createElement(h,Object.assign({},n)))}function g(e){var t,n=e.getChildAppLink?e.getChildAppLink(e.data):null;return r.createElement(r.Fragment,null,n?r.createElement(c.F,{className:f.Z.appLink,appLink:n,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,appLinkOptions:null===(t=e.getChildAppLinkOptions)||void 0===t?void 0:t.call(e)},r.createElement(p,Object.assign({},e))):r.createElement(p,Object.assign({},e)))}},75919:(e,t,n)=>{n.d(t,{N:()=>c});var r=n(32735);const a={annotation:"LkdHB",above:"ROdbm",below:"OzyHx",left:"W9EBF",right:"zhio2",divider:"cdR_p",imageContainer:"QZZMF"};function c(e){return r.createElement("div",{className:(t="d-flex align-items-center text-center position-relative w-100 ".concat(a.imageContainer),"center"===e.contentPosition&&(t+=" px-5 justify-content-center"),"right"===e.contentPosition&&(t+=" me-n5 justify-content-end"),t)},!!e.annotationUrl&&r.createElement("div",{className:function(){var t=a.annotation;switch(e.annotationPosition){case"top-left":t+=" ".concat(a.above," ").concat(a.left);break;case"top-right":t+=" ".concat(a.above," ").concat(a.right);break;case"bottom-left":t+=" ".concat(a.below," ").concat(a.left);break;case"bottom-right":t+=" ".concat(a.below," ").concat(a.right)}return e.annotationClassName&&(t+=" ".concat(e.annotationClassName)),t}()},r.createElement("img",{className:"img-fluid",src:e.annotationUrl})),e.children,"right"===e.contentPosition&&r.createElement("div",{className:a.divider}));var t}c.defaultProps={contentPosition:"center"}},39375:(e,t,n)=>{n.d(t,{Y:()=>u});var r=n(32735),a=n(54610),c=n(67453),l=n(2248);const o={magicTab:"H5jzm",subjectPlaceholder:"r1L6T",placeholderCover:"z9CFT",promotedTopicPlaceholder:"PbYs6",promotedTopicPlaceholderText:"hZ8Nf"};function i(e){return r.createElement("li",{className:"col-4"},r.createElement("div",{className:"d-flex border rounded-3 overflow-hidden ".concat(o.subjectPlaceholder)},e.coverUrl?r.createElement("div",{className:o.placeholderCover},r.createElement("img",{className:"img-fluid",src:c.j.createUrl(e.coverUrl,{size:a.h2.Small})})):r.createElement("div",{className:"".concat(o.placeholderCover," bg-light-blue")})))}function s(){return r.createElement("li",{className:"col-4"},r.createElement("div",{className:"bg-light-blue rounded-3 w-100 p-1 ".concat(o.promotedTopicPlaceholder)}))}function u(e){var t,n,a,c=Math.max(12-(null!==(n=null===(t=e.subjects)||void 0===t?void 0:t.length)&&void 0!==n?n:0),0);return r.createElement(l.L,{presentation:e.presentation,curriculum:e.curriculum,editingCurriculum:e.editingCurriculum},r.createElement("div",{className:"px-3 pt-3 w-100 d-flex flex-column align-items-center"},r.createElement("div",{className:"rounded-3 border overflow-hidden d-flex mb-2"},r.createElement("div",{className:"bg-light ".concat(o.magicTab)}),r.createElement("div",{className:"".concat(o.magicTab)})),r.createElement("ul",{className:"list-unstyled mb-0 row w-100 g-xl-2 g-lg-1 mb-2"},null===(a=e.subjects)||void 0===a?void 0:a.map((function(e){var t;return r.createElement(i,{key:e.id,coverUrl:null===(t=e.cover)||void 0===t?void 0:t.url})})),new Array(c).fill(0).map((function(e,t){return r.createElement(i,{key:t})}))),r.createElement("ul",{className:"list-unstyled mb-0 row w-100 g-xl-2 g-lg-1"},r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null))))}},2248:(e,t,n)=>{n.d(t,{L:()=>h});var r=n(32735),a=n(60376),c=n(83914),l=n(2786),o=n(83345),i=n(72639),s=n(79967),u=n(35223),m=n(87114);const d={dot:"AlRQD",logo:"L42gR",blackBar:"ESCxm",topNav:"a3G_4",leftNav:"YxGVV",belowHeader:"jc_cg",leftNavIcon:"U6i6r",leftNavText:"LnYlW",presentationPlaceholderIcon:"Ljaju",presentationIcon:"QdwPq",presentationPlaceholderText:"af06V",curriculumIcon:"N7T4T",curriculumIconSmall:"_6xrUg",curriculumContainer:"Z65qX",iconPlaceholder:"CKOXL",shadow:"zygeJ",presentationName:"Oj7Dt"};var f="onboarding.mockLayout";function v(){return r.createElement("div",{className:"d-flex align-items-center justify-content-center mb-2 px-3"},r.createElement("div",{className:"".concat(d.leftNavIcon," rounded-circle")}),r.createElement("div",{className:"".concat(d.leftNavText," rounded-pill")}))}function h(e){var t,n,h=(0,s.k)();return r.createElement("div",{className:"border border-dark border-2 bg-white rounded-3 user-select-none overflow-hidden position-relative h-100 w-100"},!!e.editingCurriculum&&r.createElement("div",{className:"w-100 h-100 position-absolute ".concat(d.shadow)},r.createElement("div",{className:"d-flex align-items-center h-100 w-50 ".concat(d.curriculumContainer)},r.createElement("div",{className:"bg-white rounded-3 border p-3 w-100"},r.createElement("h2",{className:"h6 text-start"},r.createElement(o.x,{namespace:f,phrase:"curriculum"})),e.curriculum?r.createElement("div",{className:"d-flex align-items-center"},r.createElement("div",{className:"".concat(d.curriculumIcon," rounded-circle me-2 border")},r.createElement(a.f,{imageUrl:null===(t=e.curriculum.cover)||void 0===t?void 0:t.url})),r.createElement("div",{className:"text-start"},e.curriculum.name)):r.createElement("div",{className:"d-flex align-items-center text-secondary"},r.createElement("div",{className:"me-2 rounded-circle p-1 ".concat(d.iconPlaceholder)},r.createElement(a.f,{svgSize:c.S.Large,textVariant:"secondary",svgName:u.vn.GraduationCap})),r.createElement(o.x,{namespace:f,phrase:"selectCurriculum"}))))),r.createElement("div",{className:"bg-dark d-flex px-3 py-2 ".concat(d.blackBar)},r.createElement("div",{className:"rounded-circle me-2 ".concat(d.dot)}),r.createElement("div",{className:"rounded-circle me-2 ".concat(d.dot)}),r.createElement("div",{className:"rounded-circle ".concat(d.dot)})),r.createElement("div",{className:"border-bottom px-3 py-2 d-flex align-items-center ".concat(d.topNav)},r.createElement("div",{className:"".concat(d.logo," me-4")},h.xs?r.createElement(l.bc,null):r.createElement(l.$S,null)),r.createElement("div",{className:"form-control w-75 d-flex justify-content-start"},r.createElement(c.x,{svgName:u.vn.Search})),!!e.curriculum&&r.createElement("div",{className:"".concat(d.curriculumIconSmall," rounded-circle ms-2 me-n1 border")},r.createElement(a.f,{imageUrl:null===(n=e.curriculum.cover)||void 0===n?void 0:n.url}))),r.createElement("div",{className:"d-flex ".concat(d.belowHeader)},r.createElement("div",{className:"".concat(d.leftNav," border-end")},r.createElement("div",{className:"d-flex flex-column pt-3 h-100"},r.createElement(v,null),r.createElement(v,null),r.createElement(v,null),r.createElement(v,null),r.createElement(v,null),r.createElement("div",{className:"d-flex align-items-end h-100 w-100"},r.createElement("div",{className:"border-top p-3 w-100"},r.createElement("div",{className:"d-flex align-items-center"},r.createElement("div",{className:"".concat(function(){if(!e.presentation)return d.presentationPlaceholderIcon;switch(m.i.getMappedPresentationLevel(e.presentation.learningLevel)){case i.p.Level_1:return"bg-indigo ".concat(d.presentationIcon);case i.p.Level_3:return"bg-blue ".concat(d.presentationIcon);default:case i.p.Level_2:return"bg-green ".concat(d.presentationIcon)}}()," text-white rounded")},r.createElement(c.x,{svgName:u.vn.School,size:c.S.Large})),e.presentation?r.createElement("span",{className:"fw-semibold text-truncate ".concat(d.presentationName)},e.presentation.name):r.createElement("div",{className:"".concat(d.presentationPlaceholderText," fw-semibold")},r.createElement(o.x,{namespace:f,phrase:"schoolLevel"}))))))),r.createElement("div",{className:"w-100 h-100 overflow-hidden"},e.children)))}},59158:(e,t,n)=>{n.r(t),n.d(t,{OnboardingSubjectsView:()=>G});var r=n(32735),a=n(23481),c=n(20354),l=n(65858),o=n(60736),i=n(45716),s=n(2158),u=n(49602),m=n(11607),d=n(83345),f=n(2192),v=n(54610),h=n(77963),p=n(65728),g=n(61699),b=n(31949),y=n(84703),E=n(37802),N=n(67453),x=n(87114),w=n(99742),S=n(82817),L=n(86698),j=n(75359),k=n(12058),A=n(40695),P=n(75919),C=n(39375),I=n(73190),O=n(90815),T=n(67963);const _={selected:"igx0Y",disabled:"nDUWB",annotation:"IN0vA"};function U(e){return U="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},U(e)}function B(){B=function(){return t};var e,t={},n=Object.prototype,r=n.hasOwnProperty,a=Object.defineProperty||function(e,t,n){e[t]=n.value},c="function"==typeof Symbol?Symbol:{},l=c.iterator||"@@iterator",o=c.asyncIterator||"@@asyncIterator",i=c.toStringTag||"@@toStringTag";function s(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{s({},"")}catch(e){s=function(e,t,n){return e[t]=n}}function u(e,t,n,r){var c=t&&t.prototype instanceof g?t:g,l=Object.create(c.prototype),o=new C(r||[]);return a(l,"_invoke",{value:j(e,n,o)}),l}function m(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}t.wrap=u;var d="suspendedStart",f="suspendedYield",v="executing",h="completed",p={};function g(){}function b(){}function y(){}var E={};s(E,l,(function(){return this}));var N=Object.getPrototypeOf,x=N&&N(N(I([])));x&&x!==n&&r.call(x,l)&&(E=x);var w=y.prototype=g.prototype=Object.create(E);function S(e){["next","throw","return"].forEach((function(t){s(e,t,(function(e){return this._invoke(t,e)}))}))}function L(e,t){function n(a,c,l,o){var i=m(e[a],e,c);if("throw"!==i.type){var s=i.arg,u=s.value;return u&&"object"==U(u)&&r.call(u,"__await")?t.resolve(u.__await).then((function(e){n("next",e,l,o)}),(function(e){n("throw",e,l,o)})):t.resolve(u).then((function(e){s.value=e,l(s)}),(function(e){return n("throw",e,l,o)}))}o(i.arg)}var c;a(this,"_invoke",{value:function(e,r){function a(){return new t((function(t,a){n(e,r,t,a)}))}return c=c?c.then(a,a):a()}})}function j(t,n,r){var a=d;return function(c,l){if(a===v)throw Error("Generator is already running");if(a===h){if("throw"===c)throw l;return{value:e,done:!0}}for(r.method=c,r.arg=l;;){var o=r.delegate;if(o){var i=k(o,r);if(i){if(i===p)continue;return i}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(a===d)throw a=h,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);a=v;var s=m(t,n,r);if("normal"===s.type){if(a=r.done?h:f,s.arg===p)continue;return{value:s.arg,done:r.done}}"throw"===s.type&&(a=h,r.method="throw",r.arg=s.arg)}}}function k(t,n){var r=n.method,a=t.iterator[r];if(a===e)return n.delegate=null,"throw"===r&&t.iterator.return&&(n.method="return",n.arg=e,k(t,n),"throw"===n.method)||"return"!==r&&(n.method="throw",n.arg=new TypeError("The iterator does not provide a '"+r+"' method")),p;var c=m(a,t.iterator,n.arg);if("throw"===c.type)return n.method="throw",n.arg=c.arg,n.delegate=null,p;var l=c.arg;return l?l.done?(n[t.resultName]=l.value,n.next=t.nextLoc,"return"!==n.method&&(n.method="next",n.arg=e),n.delegate=null,p):l:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,p)}function A(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function P(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function C(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(A,this),this.reset(!0)}function I(t){if(t||""===t){var n=t[l];if(n)return n.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var a=-1,c=function n(){for(;++a<t.length;)if(r.call(t,a))return n.value=t[a],n.done=!1,n;return n.value=e,n.done=!0,n};return c.next=c}}throw new TypeError(U(t)+" is not iterable")}return b.prototype=y,a(w,"constructor",{value:y,configurable:!0}),a(y,"constructor",{value:b,configurable:!0}),b.displayName=s(y,i,"GeneratorFunction"),t.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===b||"GeneratorFunction"===(t.displayName||t.name))},t.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,y):(e.__proto__=y,s(e,i,"GeneratorFunction")),e.prototype=Object.create(w),e},t.awrap=function(e){return{__await:e}},S(L.prototype),s(L.prototype,o,(function(){return this})),t.AsyncIterator=L,t.async=function(e,n,r,a,c){void 0===c&&(c=Promise);var l=new L(u(e,n,r,a),c);return t.isGeneratorFunction(n)?l:l.next().then((function(e){return e.done?e.value:l.next()}))},S(w),s(w,i,"Generator"),s(w,l,(function(){return this})),s(w,"toString",(function(){return"[object Generator]"})),t.keys=function(e){var t=Object(e),n=[];for(var r in t)n.push(r);return n.reverse(),function e(){for(;n.length;){var r=n.pop();if(r in t)return e.value=r,e.done=!1,e}return e.done=!0,e}},t.values=I,C.prototype={constructor:C,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(P),!t)for(var n in this)"t"===n.charAt(0)&&r.call(this,n)&&!isNaN(+n.slice(1))&&(this[n]=e)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var n=this;function a(r,a){return o.type="throw",o.arg=t,n.next=r,a&&(n.method="next",n.arg=e),!!a}for(var c=this.tryEntries.length-1;c>=0;--c){var l=this.tryEntries[c],o=l.completion;if("root"===l.tryLoc)return a("end");if(l.tryLoc<=this.prev){var i=r.call(l,"catchLoc"),s=r.call(l,"finallyLoc");if(i&&s){if(this.prev<l.catchLoc)return a(l.catchLoc,!0);if(this.prev<l.finallyLoc)return a(l.finallyLoc)}else if(i){if(this.prev<l.catchLoc)return a(l.catchLoc,!0)}else{if(!s)throw Error("try statement without catch or finally");if(this.prev<l.finallyLoc)return a(l.finallyLoc)}}}},abrupt:function(e,t){for(var n=this.tryEntries.length-1;n>=0;--n){var a=this.tryEntries[n];if(a.tryLoc<=this.prev&&r.call(a,"finallyLoc")&&this.prev<a.finallyLoc){var c=a;break}}c&&("break"===e||"continue"===e)&&c.tryLoc<=t&&t<=c.finallyLoc&&(c=null);var l=c?c.completion:{};return l.type=e,l.arg=t,c?(this.method="next",this.next=c.finallyLoc,p):this.complete(l)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),p},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),P(n),p}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var a=r.arg;P(n)}return a}}throw Error("illegal catch attempt")},delegateYield:function(t,n,r){return this.delegate={iterator:I(t),resultName:n,nextLoc:r},"next"===this.method&&(this.arg=e),p}},t}function F(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,c,l,o=[],i=!0,s=!1;try{if(c=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(r=c.call(n)).done)&&(o.push(r.value),o.length!==t);i=!0);}catch(e){s=!0,a=e}finally{try{if(!i&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw a}}return o}}(e,t)||function(e,t){if(e){if("string"==typeof e)return Z(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Z(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Z(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var z=function(e,t,n,r){return new(n||(n=Promise))((function(a,c){function l(e){try{i(r.next(e))}catch(e){c(e)}}function o(e){try{i(r.throw(e))}catch(e){c(e)}}function i(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(l,o)}i((r=r.apply(e,t||[])).next())}))},M="onboarding.subjects";function G(e){var t,n=(0,T.u)(),U=(0,s.T)(n).getPathway,Z=c.a.useBasicFetch(b.N.currentUser()),G=(0,L.y)().preferredPresentation,R=c.a.useGetFetchAsync(),V=(0,I.Q)(e.redirectUrl),D=V.onClickBack,Y=V.exitOnboarding,H=V.onSaveError,W=V.completeStepAsync,J=(0,S.M)().preferredCurriculum,Q=(0,O.H)().logEvent,X=U(),q=i.H[X.currentScreen],K=(0,E.r)(null==q?void 0:q.analyticsLocation),$=K.updateSettingAsync,ee=K.bulkOnboardingPreferencesState,te=c.a.useBasicFetch(g.o.allSubjectPreferences()),ne=c.a.useBasicFetch(g.o.mySubjectPreferences()),re=u.b.hasBulkSelectedTopics(ee),ae=F(r.useState([]),2),ce=ae[0],le=ae[1],oe=F(r.useState(re),2),ie=oe[0],se=oe[1],ue=(0,y.n)(),me=null===(t=te.data)||void 0===t?void 0:t.filter((function(e){var t;return!!(null===(t=o.A[e.presentationId])||void 0===t?void 0:t[e.id])}));return r.useEffect((function(){var e;ne.hasCompleted&&(null===(e=ne.data)||void 0===e?void 0:e.length)&&(ie||le(ne.data))}),[ne.hasCompleted]),r.createElement(A.z,{namespace:M},r.createElement(A.z.Left,{className:"bg-dark-blue d-flex flex-column align-items-end justify-content-center"},r.createElement(P.N,{annotationUrl:w.W.OnboardingV2.Subjects.ANNOTATION,annotationPosition:"top-right",annotationClassName:"me-5 ".concat(_.annotation)},r.createElement(C.Y,{presentation:G,subjects:ie?me:ce,curriculum:J}))),r.createElement(A.z.Right,{hasCustomButtons:!1,onClickNext:function(){return z(this,void 0,void 0,B().mark((function e(){var t,n,r;return B().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return Q(l.Vw.Click,l.Ix.Next,{subjects:ce.map((function(e){return{subjectId:e.id,subjectName:e.name}})),allSubjectsSelected:ie,presentationId:G.id,presentationName:G.name,presentationDescription:G.description}),e.prev=1,t=[],ie!==re&&t.push($(Z.data.id,{name:p.E.BulkOnboardingPreferencesState,value:u.b.getNextBulkState(ee,"topics"),kind:h.g.Permanent})),ie||(n=ce.filter((function(e){return!ne.data.find((function(t){return t.id===e.id}))})),r=ne.data.filter((function(e){return!ce.find((function(t){return t.id===e.id}))})),(null==n?void 0:n.length)&&t.push(R(g.o.followSubjects(n.map((function(e){return e.id}))))),(null==r?void 0:r.length)&&t.push(R(g.o.unfollowSubjects(r.map((function(e){return e.id})))))),e.next=7,Promise.all(t);case 7:return e.next=9,W();case 9:e.next=15;break;case 11:return e.prev=11,e.t0=e.catch(1),H(),e.abrupt("return",Promise.reject());case 15:case"end":return e.stop()}}),e,null,[[1,11]])})))},onClickBack:D,onClickComeBackLater:Y,disableNext:!ce.length&&!ie},r.createElement(j.W,null,r.createElement(d.x,{phrase:ue?"headingKdm":"heading"})),r.createElement(k.X,null,r.createElement(d.x,{phrase:"info"})),r.createElement(m.L,{onClick:function(){Q(l.Vw.Select,l.Ix.SelectAllSubjects,{presentationId:G.id,presentationName:G.name,presentationDescription:G.description}),ie||le([]),se(!ie)}},r.createElement(f.M,{data:{name:a.T.getPhrase(M,"allSubjects")},coverUrl:x.i.getPresentationLevelImage(G.learningLevel,"cover"),isSelected:ie,multiline:!0})),r.createElement("div",{className:"d-flex align-items-center justify-content-between py-3"},r.createElement("hr",{className:"m-0 flex-grow-1 border-dark"}),r.createElement("p",{className:"mb-0 px-3"},r.createElement(d.x,{phrase:"orSelectSubjects"})),r.createElement("hr",{className:"m-0 flex-grow-1 border-dark"})),r.createElement("ul",{className:"list-unstyled row g-2 mb-0"},null==me?void 0:me.map((function(e){var t,n=!!ce.find((function(t){return t.id===e.id})),a="";return ie?a+="cursor-default ".concat(_.disabled):n&&(a+=_.selected),r.createElement("li",{key:e.id,className:"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-6"},r.createElement(m.L,{onClick:function(){return function(e){ie||(Q(l.Vw.Select,l.Ix.SelectSubject,{subjectId:e.id,subjectName:e.name,presentationId:G.id,presentationName:G.name,presentationDescription:G.description}),ce.find((function(t){return t.id===e.id}))?le(ce.filter((function(t){return t.id!==e.id}))):le(ce.concat(e)))}(e)},disabled:ie,className:a},r.createElement(f.M,{data:e,coverUrl:N.j.createUrl(null===(t=e.cover)||void 0===t?void 0:t.url,{size:v.h2.Small}),isSelected:n,multiline:!0})))}))),r.createElement(k.X,{className:"mt-2"},r.createElement(d.x,{phrase:"addMoreLater"}))))}},92038:(e,t,n)=>{n.d(t,{Z:()=>r});const r={appLink:"fFjKN",name:"A_by9",selectedMask:"xSQtR",widgetItem:"Ys9W_",text:"JfAoy",imagePanel:"aUNDc",partialLargeImage:"RuLxv",selected:"BViJb",image:"LkTep",dragHandle:"CJqvP",large:"R5clw",comingSoonPanel:"Wa2PG",editSubjectsItem:"gGNFD",allSubjectsItem:"IHdlJ",logoContainer:"Nzaes",draggingItem:"zUOye",partialLargeFallback:"FmJP9",partialIcon:"sdZuo"}}}]);
+//# sourceMappingURL=841-a60ac16a8c-lite.chunk.js.map

package/dist/scripts/{841-85a91a6576-lite.chunk.js.map → 841-a60ac16a8c-lite.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"scripts/841-85a91a6576-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/enums/BulkOnboardingPreferencesState.ts","file:///app/packages/libs/shared/src/apps/subjects/utils/OnboardingHelper.ts","file:///app/packages/libs/shared/src/components/widgets/items/subject-widget-item/CoverPill.tsx","file:///app/packages/projects/lite/src/apps/onboarding/components/left-panel-item/left-panel-item.scss","file:///app/packages/projects/lite/src/apps/onboarding/components/left-panel-item/LeftPanelItem.tsx","file:///app/packages/projects/lite/src/apps/onboarding/components/mock-views/discover/mock-discover.scss","file:///app/packages/projects/lite/src/apps/onboarding/components/mock-views/discover/MockDiscover.tsx","file:///app/packages/projects/lite/src/apps/onboarding/components/mock-views/layout/mock-layout.scss","file:///app/packages/projects/lite/src/apps/onboarding/components/mock-views/layout/MockLayout.tsx","file:///app/packages/projects/lite/src/apps/onboarding/views/subjects/subjects.scss","file:///app/packages/projects/lite/src/apps/onboarding/views/subjects/OnboardingSubjectsView.tsx","file:///app/packages/libs/shared/src/components/widgets/items/subject-widget-item/cover-pill.scss"],"sourcesContent":["export enum BulkOnboardingPreferencesState {\n  None = 0,\n  AllSubjects = 1,\n  AllLevels = 2,\n  AllSubjectsAndAllLevels = 3\n}","import { HashObject } from 'libs/common/react/interfaces';\n\nimport { BulkOnboardingPreferencesState } from 'libs/shared/enums/BulkOnboardingPreferencesState';\nimport { PresentationType } from 'libs/shared/enums/PresentationType';\nimport { Presentation } from 'libs/shared/interfaces';\n\n/**\n * These are all the valid preference steps in the onboarding worflow\n * Steps are displayed in full workflow order from left to right.\n * \n * Important: Not all customers/users will be required to compelete all steps.\n * \n * School-level = presentation selection for K12\n */\nexport type OnboardingStep = 'welcome' | 'school-level' | 'curriculum' | 'audiences' | 'topics' | 'summary' ;\n\nexport const OnboardingHelper = {\n  hasManyPresentationTypes(presentations: Presentation[] = []): HashObject {\n    let totalAvailableSubjectPresentations = 0;\n    let totalAvailableCurriculumPresentations = 0;\n\n    presentations?.forEach(p => {\n      if (p.type === PresentationType.Subject)\n        totalAvailableSubjectPresentations++;\n\n      else if (p.type === PresentationType.Curriculum)\n        totalAvailableCurriculumPresentations++;\n    });\n\n    /**\n     * The checks for \"> 1\" are done because we _only_ want to display presentation selectors\n     * if the user has more than 1 presentation to select from. If they only have 1 available,\n     * then that will always be used by default and they don't have to make any decisions.\n     */\n    return {\n      hasManySubjectPresentations: totalAvailableSubjectPresentations > 1,\n      hasManyCurriculumPresentations: totalAvailableCurriculumPresentations > 1\n    };\n  },\n\n  getBulkPreferencesState(state: BulkOnboardingPreferencesState): { [key in 'levels' | 'subjects']: boolean } {\n    if (state === BulkOnboardingPreferencesState.AllSubjectsAndAllLevels)\n      return {\n        levels: true,\n        subjects: true\n      };\n\n    return {\n      levels: state === BulkOnboardingPreferencesState.AllLevels,\n      subjects: state === BulkOnboardingPreferencesState.AllSubjects\n    };\n  },\n\n  hasBulkSelectedLevels(bulkState: BulkOnboardingPreferencesState): boolean {\n    return (\n      bulkState === BulkOnboardingPreferencesState.AllLevels ||\n      bulkState === BulkOnboardingPreferencesState.AllSubjectsAndAllLevels\n    );\n  },\n\n  hasBulkSelectedTopics(bulkState: BulkOnboardingPreferencesState): boolean {\n    return (\n      bulkState === BulkOnboardingPreferencesState.AllSubjects ||\n      bulkState === BulkOnboardingPreferencesState.AllSubjectsAndAllLevels\n    );\n  },\n\n  getNextBulkState(current: BulkOnboardingPreferencesState, managing: 'topics' | 'audiences'): BulkOnboardingPreferencesState {\n    const { None, AllSubjects, AllLevels, AllSubjectsAndAllLevels } = BulkOnboardingPreferencesState;\n\n    const isManagingTopics = managing === 'topics';\n\n    switch (current) {\n      case None:\n      default:\n        return isManagingTopics ? AllSubjects : AllLevels;\n      case AllSubjects:\n        return isManagingTopics ? None : AllSubjectsAndAllLevels;\n      case AllLevels:\n        return isManagingTopics ? AllSubjectsAndAllLevels : None;\n      case AllSubjectsAndAllLevels:\n        return isManagingTopics ? AllLevels : AllSubjects;\n    }\n  }\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, Presentation } from 'libs/shared/interfaces';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\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}\n\nconst ComingSoonNamePanel = ({ name, multiline }: 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={`${styles.name} h6`}><span className={textClassName}>{name}</span></p>\n    </div>\n  );\n};\n\nconst NormalNamePanel = ({ name, multiline, subtitle }: NamePanelProps) => {\n  let wrapperClassName = 'px-3 d-flex flex-column justify-content-center';\n  let textClassName = `${styles.name} h6`;\n\n  if (!multiline) {\n    wrapperClassName += ' text-nowrap text-truncate';\n    textClassName += ' text-truncate mb-0 pb-1';\n  } else {\n    textClassName += ' 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    </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}\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}\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  const childProps = {\n    name: props.data.name,\n    multiline: props.isLarge || props.multiline,\n    subtitle: props.subtitle\n  };\n\n  return (\n    <div\n      className={`border d-flex position-relative ${props.className} ${styles.widgetItem} ${props.isSelected ? 'border-success border-2' : ''}`}\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}","// extracted by mini-css-extract-plugin\nexport default {\"annotation\":\"LkdHB\",\"above\":\"ROdbm\",\"below\":\"OzyHx\",\"left\":\"W9EBF\",\"right\":\"zhio2\",\"divider\":\"cdR_p\",\"imageContainer\":\"QZZMF\"};","import React from 'react';\n\nimport styles from './left-panel-item.scss';\n\ninterface LeftPanelItemProps {\n  contentPosition?: 'center' | 'right';\n  annotationUrl?: string;\n  annotationPosition?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';\n  annotationClassName?: string;\n}\n\nLeftPanelItem.defaultProps = {\n  contentPosition: 'center'\n};\n\nexport function LeftPanelItem(props: React.PropsWithChildren<LeftPanelItemProps>): JSX.Element {\n  function getAnnotationClassName(): string {\n    let className = styles.annotation;\n\n    switch (props.annotationPosition) {\n      case 'top-left': {\n        className += ` ${styles.above} ${styles.left}`;\n        break;\n      }\n\n      case 'top-right': {\n        className += ` ${styles.above} ${styles.right}`;\n        break;\n      }\n\n      case 'bottom-left': {\n        className += ` ${styles.below} ${styles.left}`;\n        break;\n      }\n\n      case 'bottom-right': {\n        className += ` ${styles.below} ${styles.right}`;\n        break;\n      }\n    }\n\n    if (props.annotationClassName)\n      className += ` ${props.annotationClassName}`;\n\n    return className;\n  }\n\n  function getContainerClassName(): string {\n    let className = `d-flex align-items-center text-center position-relative w-100 ${styles.imageContainer}`;\n\n    if (props.contentPosition === 'center')\n      className += ' px-5 justify-content-center';\n\n    if (props.contentPosition === 'right')\n      className += ' me-n5 justify-content-end';\n\n    return className;\n  }\n\n  return (\n    <div className={getContainerClassName()}>\n      {!!props.annotationUrl && (\n        <div className={getAnnotationClassName()}>\n          <img className={`img-fluid`} src={props.annotationUrl} />\n        </div>\n      )}\n\n      {props.children}\n      {props.contentPosition === 'right' && (\n        <div className={styles.divider} />\n      )}\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"magicTab\":\"H5jzm\",\"subjectPlaceholder\":\"r1L6T\",\"placeholderCover\":\"z9CFT\",\"promotedTopicPlaceholder\":\"PbYs6\",\"promotedTopicPlaceholderText\":\"hZ8Nf\"};","import React from 'react';\n\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { Classification, Presentation } from 'libs/shared/interfaces';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\n\nimport { MockLayout } from 'apps/onboarding/components/mock-views/layout/MockLayout';\n\nimport styles from './mock-discover.scss';\n\ninterface SubjectPlaceholderProps {\n  coverUrl?: string;\n}\n\nfunction SubjectPlaceholder(props: SubjectPlaceholderProps): JSX.Element {\n  return (\n    <li className='col-4'>\n      <div className={`d-flex border rounded-3 overflow-hidden ${styles.subjectPlaceholder}`}>\n        {props.coverUrl ? (\n          <div className={styles.placeholderCover}>\n            <img className='img-fluid' src={ImageHelper.createUrl(props.coverUrl, { size: ImageSize.Small })} />\n          </div>\n        ) : (\n          <div className={`${styles.placeholderCover} bg-light-blue`} />\n        )}\n      </div>\n    </li>\n  );\n}\n\nfunction PromotedTopicPlaceholder(): JSX.Element {\n  return (\n    <li className='col-4'>\n      <div className={`bg-light-blue rounded-3 w-100 p-1 ${styles.promotedTopicPlaceholder}`} />\n    </li>\n  );\n}\n\ninterface MockDiscoverProps {\n  subjects?: Classification[];\n  presentation?: Presentation;\n  curriculum?: Presentation;\n  editingCurriculum?: boolean;\n}\n\nexport function MockDiscover(props: MockDiscoverProps): JSX.Element {\n  const placeholderSubjects = Math.max(12 - (props.subjects?.length ?? 0), 0);\n\n  return (\n    <MockLayout\n      presentation={props.presentation}\n      curriculum={props.curriculum}\n      editingCurriculum={props.editingCurriculum}\n    >\n      <div className='px-3 pt-3 w-100 d-flex flex-column align-items-center'>\n        {/* Magic tabs */}\n        <div className='rounded-3 border overflow-hidden d-flex mb-2'>\n          <div className={`bg-light ${styles.magicTab}`} />\n          <div className={`${styles.magicTab}`} />\n        </div>\n\n        {/* Subjects */}\n        <ul className='list-unstyled mb-0 row w-100 g-xl-2 g-lg-1 mb-2'>\n          {props.subjects?.map(subject => {\n            return (\n              <SubjectPlaceholder key={subject.id} coverUrl={subject.cover?.url} />\n            );\n          })}\n          {new Array(placeholderSubjects).fill(0).map((_, index) => {\n            return (\n              <SubjectPlaceholder key={index} />\n            );\n          })}\n        </ul>\n\n        {/* Promoted topics */}\n        <ul className='list-unstyled mb-0 row w-100 g-xl-2 g-lg-1'>\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n        </ul>\n      </div>\n    </MockLayout>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"dot\":\"AlRQD\",\"logo\":\"L42gR\",\"blackBar\":\"ESCxm\",\"topNav\":\"a3G_4\",\"leftNav\":\"YxGVV\",\"belowHeader\":\"jc_cg\",\"leftNavIcon\":\"U6i6r\",\"leftNavText\":\"LnYlW\",\"presentationPlaceholderIcon\":\"Ljaju\",\"presentationIcon\":\"QdwPq\",\"presentationPlaceholderText\":\"af06V\",\"curriculumIcon\":\"N7T4T\",\"curriculumIconSmall\":\"_6xrUg\",\"curriculumContainer\":\"Z65qX\",\"iconPlaceholder\":\"CKOXL\",\"shadow\":\"zygeJ\",\"presentationName\":\"Oj7Dt\"};","import React from 'react';\n\nimport { IconCircle } from 'libs/shared/components/icon-circle/IconCircle';\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { ClickViewLogo, ClickViewPrimaryLogo } from 'libs/shared/components/svgs/clickview-logo/ClickViewLogo';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { PresentationLearningLevel } from 'libs/shared/enums/PresentationLearningLevel';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { Presentation } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\nimport { TopicsHelper } from 'libs/shared/utils/topics-helper/TopicsHelper';\n\nimport styles from './mock-layout.scss';\n\nconst namespace = 'onboarding.mockLayout';\n\nfunction LeftNavItem(): JSX.Element {\n  return (\n    <div className='d-flex align-items-center justify-content-center mb-2 px-3'>\n      <div className={`${styles.leftNavIcon} rounded-circle`} />\n      <div className={`${styles.leftNavText} rounded-pill`} />\n    </div>\n  );\n}\n\ninterface MockLayoutProps {\n  editingCurriculum?: boolean;\n  curriculum?: Presentation;\n  presentation?: Presentation;\n}\n\nexport function MockLayout(props: React.PropsWithChildren<MockLayoutProps>): JSX.Element {\n  const breakpoints = useBreakpoints();\n  \n  function getPresentationClass(): string {\n    if (!props.presentation)\n      return styles.presentationPlaceholderIcon;\n\n    switch (TopicsHelper.getMappedPresentationLevel(props.presentation.learningLevel)) {\n      case PresentationLearningLevel.Level_1:\n        return `bg-indigo ${styles.presentationIcon}`;\n\n      case PresentationLearningLevel.Level_3:\n        return `bg-blue ${styles.presentationIcon}`;\n\n      default:\n      case PresentationLearningLevel.Level_2:\n        return `bg-green ${styles.presentationIcon}`;\n    }\n  }\n\n  return (\n    <div className={`border border-dark border-2 bg-white rounded-3 user-select-none overflow-hidden position-relative h-100 w-100`}>\n      {!!props.editingCurriculum && (\n        <div className={`w-100 h-100 position-absolute ${styles.shadow}`}>\n          <div className={`d-flex align-items-center h-100 w-50 ${styles.curriculumContainer}`}>\n            <div className='bg-white rounded-3 border p-3 w-100'>\n              <h2 className='h6 text-start'><Text namespace={namespace} phrase='curriculum' /></h2>\n\n              {props.curriculum ? (\n                <div className='d-flex align-items-center'>\n                  <div className={`${styles.curriculumIcon} rounded-circle me-2 border`}>\n                    <IconCircle imageUrl={props.curriculum.cover?.url} />\n                  </div>\n                  <div className='text-start'>{props.curriculum.name}</div>\n                </div>\n              ) : (\n                <div className='d-flex align-items-center text-secondary'>\n                  <div className={`me-2 rounded-circle p-1 ${styles.iconPlaceholder}`}>\n                    <IconCircle svgSize={SvgContainerSize.Large} textVariant='secondary' svgName={cvSvgLibrary.GraduationCap} />\n                  </div>\n                  <Text namespace={namespace} phrase='selectCurriculum' />\n                </div>\n              )}\n            </div>\n          </div>\n        </div>\n      )}\n\n      {/* Black bar */}\n      <div className={`bg-dark d-flex px-3 py-2 ${styles.blackBar}`}>\n        <div className={`rounded-circle me-2 ${styles.dot}`} />\n        <div className={`rounded-circle me-2 ${styles.dot}`} />\n        <div className={`rounded-circle ${styles.dot}`} />\n      </div>\n\n      {/* Header */}\n      <div className={`border-bottom px-3 py-2 d-flex align-items-center ${styles.topNav}`}>\n        <div className={`${styles.logo} me-4`}>\n          {breakpoints.xs ? (\n            <ClickViewPrimaryLogo />\n          ) : (\n            <ClickViewLogo />\n          )}\n        </div>\n        <div className='form-control w-75 d-flex justify-content-start'>\n          <SvgContainer svgName={cvSvgLibrary.Search} />\n        </div>\n        {!!props.curriculum && (\n          <div className={`${styles.curriculumIconSmall} rounded-circle ms-2 me-n1 border`}>\n            <IconCircle imageUrl={props.curriculum.cover?.url} />\n          </div>\n        )}\n      </div>\n\n      <div className={`d-flex ${styles.belowHeader}`}>\n        {/* Left nav */}\n        <div className={`${styles.leftNav} border-end`}>\n          <div className='d-flex flex-column pt-3 h-100'>\n            <LeftNavItem />\n            <LeftNavItem />\n            <LeftNavItem />\n            <LeftNavItem />\n            <LeftNavItem />\n\n            {/* Presentation */}\n            <div className='d-flex align-items-end h-100 w-100'>\n              <div className='border-top p-3 w-100'>\n                <div className='d-flex align-items-center'>\n                  <div className={`${getPresentationClass()} text-white rounded`}>\n                    <SvgContainer svgName={cvSvgLibrary.School} size={SvgContainerSize.Large} />\n                  </div>\n\n                  {!props.presentation ? (\n                    <div className={`${styles.presentationPlaceholderText} fw-semibold`}>\n                      <Text namespace={namespace} phrase='schoolLevel' />\n                    </div>\n                  ) : (\n                    <span className={`fw-semibold text-truncate ${styles.presentationName}`}>{props.presentation.name}</span>\n                  )}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        {/* Main content */}\n        <div className={`w-100 h-100 overflow-hidden`}>\n          {props.children}\n        </div>\n      </div>\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"selected\":\"igx0Y\",\"disabled\":\"nDUWB\",\"annotation\":\"IN0vA\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\n\nimport { OnboardingDescriptor, UserAction } from 'libs/analytics/interfaces';\n\nimport { ClassificationVideosMap } from 'libs/shared/apps/onboarding/constants/ClassificationVideos';\nimport { OnboardingScreenConfigs } from 'libs/shared/apps/onboarding/constants/OnboardingScreenConfigs';\nimport { useOnboardingPathway } from 'libs/shared/apps/onboarding/hooks/useOnboardingPathway';\nimport { OnboardingHelper } from 'libs/shared/apps/subjects/utils/OnboardingHelper';\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { CoverPillWidgetContent } from 'libs/shared/components/widgets/items/subject-widget-item/CoverPill';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { SettingKind } from 'libs/shared/enums/SettingKind';\nimport { SettingName } from 'libs/shared/enums/SettingName';\nimport { PreferenceRequests } from 'libs/shared/flight-requests/PreferenceRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useIsKDM } from 'libs/shared/hooks/UseIsKdm';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { Classification, CurrentUser } from 'libs/shared/interfaces';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\nimport { TopicsHelper } from 'libs/shared/utils/topics-helper/TopicsHelper';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { useCurriculums } from 'shared/hooks/useCurriculums';\nimport { usePresentation } from 'shared/hooks/usePresentation';\n\nimport { OnboardingScreenHeading } from 'apps/onboarding/components/heading/OnboardingScreenHeading';\nimport { OnboardingScreenInfo } from 'apps/onboarding/components/info/OnboardingScreenInfo';\nimport { OnboardingLayout } from 'apps/onboarding/components/layout/OnboardingLayout';\nimport { LeftPanelItem } from 'apps/onboarding/components/left-panel-item/LeftPanelItem';\nimport { MockDiscover } from 'apps/onboarding/components/mock-views/discover/MockDiscover';\nimport { useOnboardingCallbacks } from 'apps/onboarding/hooks/useOnboardingCallbacks';\nimport { useOnboardingEventLogger } from 'apps/onboarding/hooks/useOnboardingEventLogger';\nimport { OnboardingViewProps } from 'apps/onboarding/interfaces/OnboardingViewProps';\nimport { getOnboardingAppLinks } from 'apps/onboarding/utils/OnboardingAppLinkHelper';\n\nimport styles from './subjects.scss';\n\nconst namespace = 'onboarding.subjects';\n\nexport function OnboardingSubjectsView(props: OnboardingViewProps): JSX.Element {\n  const appLinks = getOnboardingAppLinks();\n  const { getPathway } = useOnboardingPathway(appLinks);\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const { preferredPresentation } = usePresentation();\n  const fetchAsync = Flight.useGetFetchAsync();\n  const {\n    onClickBack,\n    exitOnboarding,\n    onSaveError,\n    completeStepAsync\n  } = useOnboardingCallbacks(props.redirectUrl);\n  const { preferredCurriculum } = useCurriculums();\n  const { logEvent } = useOnboardingEventLogger();\n\n  const pathway = getPathway();\n  const screenConfig = OnboardingScreenConfigs[pathway.currentScreen];\n\n  const { updateSettingAsync, bulkOnboardingPreferencesState } = useSettings(screenConfig?.analyticsLocation);\n\n  const subjects = Flight.useBasicFetch<Classification[]>(PreferenceRequests.allSubjectPreferences());\n  const initialSelectedSubjects = Flight.useBasicFetch<Classification[]>(PreferenceRequests.mySubjectPreferences());\n  const initialBulkState = OnboardingHelper.hasBulkSelectedTopics(bulkOnboardingPreferencesState);\n\n  const [ selectedSubjects, setSelectedSubjects ] = React.useState<Classification[]>([]);\n  const [ allSubjectsSelected, setAllSubjectsSelected ] = React.useState(initialBulkState);\n\n  const isKDM = useIsKDM();\n\n  const selectableSubjects = subjects.data?.filter(subject => {\n    return !!ClassificationVideosMap[subject.presentationId]?.[subject.id];\n  });\n\n  React.useEffect(() => {\n    if (!initialSelectedSubjects.hasCompleted || !initialSelectedSubjects.data?.length)\n      return;\n\n    if (allSubjectsSelected)\n      return;\n\n    setSelectedSubjects(initialSelectedSubjects.data);\n  }, [initialSelectedSubjects.hasCompleted]);\n\n  function onSelectSubject(subject: Classification): void {\n    if (allSubjectsSelected)\n      return;\n\n    logEvent(UserAction.Select, OnboardingDescriptor.SelectSubject, {\n      subjectId: subject.id,\n      subjectName: subject.name,\n      presentationId: preferredPresentation.id,\n      presentationName: preferredPresentation.name,\n      presentationDescription: preferredPresentation.description\n    });\n\n    if (selectedSubjects.find(s => s.id === subject.id)) {\n      setSelectedSubjects(selectedSubjects.filter(s => s.id !== subject.id));\n      return;\n    }\n\n    setSelectedSubjects(selectedSubjects.concat(subject));\n  }\n\n  function onClickAllSubjects(): void {\n    logEvent(UserAction.Select, OnboardingDescriptor.SelectAllSubjects, {\n      presentationId: preferredPresentation.id,\n      presentationName: preferredPresentation.name,\n      presentationDescription: preferredPresentation.description\n    });\n\n    if (!allSubjectsSelected)\n      setSelectedSubjects([]);\n\n    setAllSubjectsSelected(!allSubjectsSelected);\n  }\n\n  async function onClickNext(): Promise<void> {\n    logEvent(UserAction.Click, OnboardingDescriptor.Next, {\n      subjects: selectedSubjects.map(s => ({\n        subjectId: s.id,\n        subjectName: s.name\n      })),\n      allSubjectsSelected,\n      presentationId: preferredPresentation.id,\n      presentationName: preferredPresentation.name,\n      presentationDescription: preferredPresentation.description\n    });\n\n    try {\n      const requests: Promise<void>[] = [];\n\n      if (allSubjectsSelected !== initialBulkState) {\n        requests.push(\n          updateSettingAsync(currentUser.data.id, {\n            name: SettingName.BulkOnboardingPreferencesState,\n            value: OnboardingHelper.getNextBulkState(bulkOnboardingPreferencesState, 'topics'),\n            kind: SettingKind.Permanent\n          })\n        );\n      }\n\n      if (!allSubjectsSelected) {\n        const addedSubjects = selectedSubjects.filter(selection => {\n          return !initialSelectedSubjects.data.find(p => p.id === selection.id);\n        });\n        const removedSubjects = initialSelectedSubjects.data.filter(p => !selectedSubjects.find(s => s.id === p.id));\n  \n        if (addedSubjects?.length)\n          requests.push(fetchAsync<void>(PreferenceRequests.followSubjects(addedSubjects.map(s => s.id))));\n  \n        if (removedSubjects?.length)\n          requests.push(fetchAsync<void>(PreferenceRequests.unfollowSubjects(removedSubjects.map(s => s.id))));\n      }\n\n      await Promise.all(requests);\n      await completeStepAsync();\n    } catch {\n      onSaveError();\n      return Promise.reject();\n    }\n  }\n\n  return (\n    <OnboardingLayout namespace={namespace}>\n      <OnboardingLayout.Left className='bg-dark-blue d-flex flex-column align-items-end justify-content-center'>\n        <LeftPanelItem\n          annotationUrl={ImageUrls.OnboardingV2.Subjects.ANNOTATION}\n          annotationPosition='top-right'\n          annotationClassName={`me-5 ${styles.annotation}`}\n        >\n          <MockDiscover\n            presentation={preferredPresentation}\n            subjects={allSubjectsSelected ? selectableSubjects : selectedSubjects}\n            curriculum={preferredCurriculum}\n          />\n        </LeftPanelItem>\n      </OnboardingLayout.Left>\n\n      <OnboardingLayout.Right\n        hasCustomButtons={false}\n        onClickNext={onClickNext}\n        onClickBack={onClickBack}\n        onClickComeBackLater={exitOnboarding}\n        disableNext={!selectedSubjects.length && !allSubjectsSelected}\n      >\n        <OnboardingScreenHeading>\n          <Text phrase={isKDM ? 'headingKdm' : 'heading'} />\n        </OnboardingScreenHeading>\n\n        <OnboardingScreenInfo>\n          <Text phrase='info' />\n        </OnboardingScreenInfo>\n\n        <DivButton onClick={onClickAllSubjects}>\n          <CoverPillWidgetContent\n            data={{ name: LanguageService.getPhrase(namespace, 'allSubjects') }}\n            coverUrl={TopicsHelper.getPresentationLevelImage(preferredPresentation.learningLevel, 'cover')}\n            isSelected={allSubjectsSelected}\n            multiline\n          />\n        </DivButton>\n\n        <div className='d-flex align-items-center justify-content-between py-3'>\n          <hr className='m-0 flex-grow-1 border-dark' />\n\n          <p className='mb-0 px-3'><Text phrase='orSelectSubjects' /></p>\n\n          <hr className='m-0 flex-grow-1 border-dark' />\n        </div>\n\n        <ul className='list-unstyled row g-2 mb-0'>\n          {selectableSubjects?.map(subject => {\n            const isSelected = !!selectedSubjects.find(s => s.id === subject.id);\n\n            let className = '';\n\n            if (allSubjectsSelected)\n              className += `cursor-default ${styles.disabled}`;\n            else if (isSelected)\n              className += styles.selected;\n            \n            return (\n              <li key={subject.id} className='col-12 col-sm-6 col-md-6 col-lg-12 col-xl-6'>\n                <DivButton\n                  onClick={() => onSelectSubject(subject)}\n                  disabled={allSubjectsSelected}\n                  className={className}\n                >\n                  <CoverPillWidgetContent\n                    data={subject}\n                    coverUrl={ImageHelper.createUrl(subject.cover?.url, {\n                      size: ImageSize.Small\n                    })}\n                    isSelected={isSelected}\n                    multiline\n                  />\n                </DivButton>\n              </li>\n            );\n          })}\n        </ul>\n\n        <OnboardingScreenInfo className='mt-2'>\n          <Text phrase='addMoreLater' />\n        </OnboardingScreenInfo>\n      </OnboardingLayout.Right>\n    </OnboardingLayout>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"appLink\":\"fFjKN\",\"name\":\"A_by9\",\"selectedMask\":\"xSQtR\",\"widgetItem\":\"Ys9W_\",\"text\":\"JfAoy\",\"imagePanel\":\"aUNDc\",\"partialLargeImage\":\"RuLxv\",\"selected\":\"BViJb\",\"image\":\"LkTep\",\"dragHandle\":\"CJqvP\",\"large\":\"R5clw\",\"comingSoonPanel\":\"Wa2PG\",\"editSubjectsItem\":\"gGNFD\",\"allSubjectsItem\":\"IHdlJ\",\"logoContainer\":\"Nzaes\",\"draggingItem\":\"zUOye\",\"partialLargeFallback\":\"FmJP9\",\"partialIcon\":\"sdZuo\"};"],"names":["BulkOnboardingPreferencesState","OnboardingHelper","hasManyPresentationTypes","presentations","totalAvailableSubjectPresentations","totalAvailableCurriculumPresentations","forEach","p","type","PresentationType","hasManySubjectPresentations","hasManyCurriculumPresentations","getBulkPreferencesState","state","AllSubjectsAndAllLevels","levels","subjects","AllLevels","AllSubjects","hasBulkSelectedLevels","bulkState","hasBulkSelectedTopics","getNextBulkState","current","managing","None","isManagingTopics","ComingSoonNamePanel","name","multiline","wrapperClassName","textClassName","className","namespace","phrase","NormalNamePanel","subtitle","title","CoverPillWidgetContent","props","coverUrl","size","isLarge","childProps","data","isSelected","id","hideCheckmark","svgName","svgSize","S","textVariant","variant","imageClassName","style","backgroundImage","hideFallback","extraClasses","isComingSoon","CoverPillWidgetContentWrapper","appLink","getChildAppLink","analyticsData","analyticsOptions","appLinkOptions","getChildAppLinkOptions","LeftPanelItem","contentPosition","annotationUrl","annotationPosition","annotationClassName","getAnnotationClassName","src","children","defaultProps","SubjectPlaceholder","ImageHelper","PromotedTopicPlaceholder","MockDiscover","placeholderSubjects","Math","max","length","MockLayout","presentation","curriculum","editingCurriculum","map","subject","key","cover","url","Array","fill","_","index","LeftNavItem","breakpoints","useBreakpoints","Text","IconCircle","imageUrl","SvgContainer","xs","ClickViewLogo","TopicsHelper","learningLevel","PresentationLearningLevel","getPresentationClass","OnboardingSubjectsView","appLinks","getPathway","useOnboardingPathway","currentUser","UserRequests","preferredPresentation","usePresentation","fetchAsync","useOnboardingCallbacks","redirectUrl","onClickBack","exitOnboarding","onSaveError","completeStepAsync","preferredCurriculum","useCurriculums","logEvent","useOnboardingEventLogger","pathway","screenConfig","OnboardingScreenConfigs","currentScreen","useSettings","analyticsLocation","updateSettingAsync","bulkOnboardingPreferencesState","PreferenceRequests","initialSelectedSubjects","initialBulkState","selectedSubjects","setSelectedSubjects","allSubjectsSelected","setAllSubjectsSelected","isKDM","selectableSubjects","filter","ClassificationVideos","presentationId","hasCompleted","OnboardingLayout","ImageUrls","hasCustomButtons","onClickNext","s","subjectId","subjectName","presentationName","presentationDescription","description","requests","push","SettingName","value","kind","SettingKind","addedSubjects","selection","find","removedSubjects","Promise","all","reject","onClickComeBackLater","disableNext","OnboardingScreenHeading","OnboardingScreenInfo","DivButton","onClick","CoverPill","LanguageService","concat","onSelectSubject","disabled"],"sourceRoot":""}
+{"version":3,"file":"scripts/841-a60ac16a8c-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/enums/BulkOnboardingPreferencesState.ts","file:///app/packages/libs/shared/src/apps/subjects/utils/OnboardingHelper.ts","file:///app/packages/libs/shared/src/components/widgets/items/subject-widget-item/CoverPill.tsx","file:///app/packages/projects/lite/src/apps/onboarding/components/left-panel-item/left-panel-item.scss","file:///app/packages/projects/lite/src/apps/onboarding/components/left-panel-item/LeftPanelItem.tsx","file:///app/packages/projects/lite/src/apps/onboarding/components/mock-views/discover/mock-discover.scss","file:///app/packages/projects/lite/src/apps/onboarding/components/mock-views/discover/MockDiscover.tsx","file:///app/packages/projects/lite/src/apps/onboarding/components/mock-views/layout/mock-layout.scss","file:///app/packages/projects/lite/src/apps/onboarding/components/mock-views/layout/MockLayout.tsx","file:///app/packages/projects/lite/src/apps/onboarding/views/subjects/subjects.scss","file:///app/packages/projects/lite/src/apps/onboarding/views/subjects/OnboardingSubjectsView.tsx","file:///app/packages/libs/shared/src/components/widgets/items/subject-widget-item/cover-pill.scss"],"sourcesContent":["export enum BulkOnboardingPreferencesState {\n  None = 0,\n  AllSubjects = 1,\n  AllLevels = 2,\n  AllSubjectsAndAllLevels = 3\n}","import { HashObject } from 'libs/common/react/interfaces';\n\nimport { BulkOnboardingPreferencesState } from 'libs/shared/enums/BulkOnboardingPreferencesState';\nimport { PresentationType } from 'libs/shared/enums/PresentationType';\nimport { Presentation } from 'libs/shared/interfaces';\n\n/**\n * These are all the valid preference steps in the onboarding worflow\n * Steps are displayed in full workflow order from left to right.\n * \n * Important: Not all customers/users will be required to compelete all steps.\n * \n * School-level = presentation selection for K12\n */\nexport type OnboardingStep = 'welcome' | 'school-level' | 'curriculum' | 'audiences' | 'topics' | 'summary' ;\n\nexport const OnboardingHelper = {\n  hasManyPresentationTypes(presentations: Presentation[] = []): HashObject {\n    let totalAvailableSubjectPresentations = 0;\n    let totalAvailableCurriculumPresentations = 0;\n\n    presentations?.forEach(p => {\n      if (p.type === PresentationType.Subject)\n        totalAvailableSubjectPresentations++;\n\n      else if (p.type === PresentationType.Curriculum)\n        totalAvailableCurriculumPresentations++;\n    });\n\n    /**\n     * The checks for \"> 1\" are done because we _only_ want to display presentation selectors\n     * if the user has more than 1 presentation to select from. If they only have 1 available,\n     * then that will always be used by default and they don't have to make any decisions.\n     */\n    return {\n      hasManySubjectPresentations: totalAvailableSubjectPresentations > 1,\n      hasManyCurriculumPresentations: totalAvailableCurriculumPresentations > 1\n    };\n  },\n\n  getBulkPreferencesState(state: BulkOnboardingPreferencesState): { [key in 'levels' | 'subjects']: boolean } {\n    if (state === BulkOnboardingPreferencesState.AllSubjectsAndAllLevels)\n      return {\n        levels: true,\n        subjects: true\n      };\n\n    return {\n      levels: state === BulkOnboardingPreferencesState.AllLevels,\n      subjects: state === BulkOnboardingPreferencesState.AllSubjects\n    };\n  },\n\n  hasBulkSelectedLevels(bulkState: BulkOnboardingPreferencesState): boolean {\n    return (\n      bulkState === BulkOnboardingPreferencesState.AllLevels ||\n      bulkState === BulkOnboardingPreferencesState.AllSubjectsAndAllLevels\n    );\n  },\n\n  hasBulkSelectedTopics(bulkState: BulkOnboardingPreferencesState): boolean {\n    return (\n      bulkState === BulkOnboardingPreferencesState.AllSubjects ||\n      bulkState === BulkOnboardingPreferencesState.AllSubjectsAndAllLevels\n    );\n  },\n\n  getNextBulkState(current: BulkOnboardingPreferencesState, managing: 'topics' | 'audiences'): BulkOnboardingPreferencesState {\n    const { None, AllSubjects, AllLevels, AllSubjectsAndAllLevels } = BulkOnboardingPreferencesState;\n\n    const isManagingTopics = managing === 'topics';\n\n    switch (current) {\n      case None:\n      default:\n        return isManagingTopics ? AllSubjects : AllLevels;\n      case AllSubjects:\n        return isManagingTopics ? None : AllSubjectsAndAllLevels;\n      case AllLevels:\n        return isManagingTopics ? AllSubjectsAndAllLevels : None;\n      case AllSubjectsAndAllLevels:\n        return isManagingTopics ? AllLevels : AllSubjects;\n    }\n  }\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, Presentation } from 'libs/shared/interfaces';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\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}\n\nconst ComingSoonNamePanel = ({ name, multiline }: 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={`${styles.name} h6`}><span className={textClassName}>{name}</span></p>\n    </div>\n  );\n};\n\nconst NormalNamePanel = ({ name, multiline, subtitle }: NamePanelProps) => {\n  let wrapperClassName = 'px-3 d-flex flex-column justify-content-center';\n  let textClassName = `${styles.name} h6`;\n\n  if (!multiline) {\n    wrapperClassName += ' text-nowrap text-truncate';\n    textClassName += ' text-truncate mb-0 pb-1';\n  } else {\n    textClassName += ' 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    </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}\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}\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  const childProps = {\n    name: props.data.name,\n    multiline: props.isLarge || props.multiline,\n    subtitle: props.subtitle\n  };\n\n  return (\n    <div\n      className={`border d-flex position-relative ${props.className} ${styles.widgetItem} ${props.isSelected ? 'border-success border-2' : ''}`}\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}","// extracted by mini-css-extract-plugin\nexport default {\"annotation\":\"LkdHB\",\"above\":\"ROdbm\",\"below\":\"OzyHx\",\"left\":\"W9EBF\",\"right\":\"zhio2\",\"divider\":\"cdR_p\",\"imageContainer\":\"QZZMF\"};","import React from 'react';\n\nimport styles from './left-panel-item.scss';\n\ninterface LeftPanelItemProps {\n  contentPosition?: 'center' | 'right';\n  annotationUrl?: string;\n  annotationPosition?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';\n  annotationClassName?: string;\n}\n\nLeftPanelItem.defaultProps = {\n  contentPosition: 'center'\n};\n\nexport function LeftPanelItem(props: React.PropsWithChildren<LeftPanelItemProps>): JSX.Element {\n  function getAnnotationClassName(): string {\n    let className = styles.annotation;\n\n    switch (props.annotationPosition) {\n      case 'top-left': {\n        className += ` ${styles.above} ${styles.left}`;\n        break;\n      }\n\n      case 'top-right': {\n        className += ` ${styles.above} ${styles.right}`;\n        break;\n      }\n\n      case 'bottom-left': {\n        className += ` ${styles.below} ${styles.left}`;\n        break;\n      }\n\n      case 'bottom-right': {\n        className += ` ${styles.below} ${styles.right}`;\n        break;\n      }\n    }\n\n    if (props.annotationClassName)\n      className += ` ${props.annotationClassName}`;\n\n    return className;\n  }\n\n  function getContainerClassName(): string {\n    let className = `d-flex align-items-center text-center position-relative w-100 ${styles.imageContainer}`;\n\n    if (props.contentPosition === 'center')\n      className += ' px-5 justify-content-center';\n\n    if (props.contentPosition === 'right')\n      className += ' me-n5 justify-content-end';\n\n    return className;\n  }\n\n  return (\n    <div className={getContainerClassName()}>\n      {!!props.annotationUrl && (\n        <div className={getAnnotationClassName()}>\n          <img className={`img-fluid`} src={props.annotationUrl} />\n        </div>\n      )}\n\n      {props.children}\n      {props.contentPosition === 'right' && (\n        <div className={styles.divider} />\n      )}\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"magicTab\":\"H5jzm\",\"subjectPlaceholder\":\"r1L6T\",\"placeholderCover\":\"z9CFT\",\"promotedTopicPlaceholder\":\"PbYs6\",\"promotedTopicPlaceholderText\":\"hZ8Nf\"};","import React from 'react';\n\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { Classification, Presentation } from 'libs/shared/interfaces';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\n\nimport { MockLayout } from 'apps/onboarding/components/mock-views/layout/MockLayout';\n\nimport styles from './mock-discover.scss';\n\ninterface SubjectPlaceholderProps {\n  coverUrl?: string;\n}\n\nfunction SubjectPlaceholder(props: SubjectPlaceholderProps): JSX.Element {\n  return (\n    <li className='col-4'>\n      <div className={`d-flex border rounded-3 overflow-hidden ${styles.subjectPlaceholder}`}>\n        {props.coverUrl ? (\n          <div className={styles.placeholderCover}>\n            <img className='img-fluid' src={ImageHelper.createUrl(props.coverUrl, { size: ImageSize.Small })} />\n          </div>\n        ) : (\n          <div className={`${styles.placeholderCover} bg-light-blue`} />\n        )}\n      </div>\n    </li>\n  );\n}\n\nfunction PromotedTopicPlaceholder(): JSX.Element {\n  return (\n    <li className='col-4'>\n      <div className={`bg-light-blue rounded-3 w-100 p-1 ${styles.promotedTopicPlaceholder}`} />\n    </li>\n  );\n}\n\ninterface MockDiscoverProps {\n  subjects?: Classification[];\n  presentation?: Presentation;\n  curriculum?: Presentation;\n  editingCurriculum?: boolean;\n}\n\nexport function MockDiscover(props: MockDiscoverProps): JSX.Element {\n  const placeholderSubjects = Math.max(12 - (props.subjects?.length ?? 0), 0);\n\n  return (\n    <MockLayout\n      presentation={props.presentation}\n      curriculum={props.curriculum}\n      editingCurriculum={props.editingCurriculum}\n    >\n      <div className='px-3 pt-3 w-100 d-flex flex-column align-items-center'>\n        {/* Magic tabs */}\n        <div className='rounded-3 border overflow-hidden d-flex mb-2'>\n          <div className={`bg-light ${styles.magicTab}`} />\n          <div className={`${styles.magicTab}`} />\n        </div>\n\n        {/* Subjects */}\n        <ul className='list-unstyled mb-0 row w-100 g-xl-2 g-lg-1 mb-2'>\n          {props.subjects?.map(subject => {\n            return (\n              <SubjectPlaceholder key={subject.id} coverUrl={subject.cover?.url} />\n            );\n          })}\n          {new Array(placeholderSubjects).fill(0).map((_, index) => {\n            return (\n              <SubjectPlaceholder key={index} />\n            );\n          })}\n        </ul>\n\n        {/* Promoted topics */}\n        <ul className='list-unstyled mb-0 row w-100 g-xl-2 g-lg-1'>\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n        </ul>\n      </div>\n    </MockLayout>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"dot\":\"AlRQD\",\"logo\":\"L42gR\",\"blackBar\":\"ESCxm\",\"topNav\":\"a3G_4\",\"leftNav\":\"YxGVV\",\"belowHeader\":\"jc_cg\",\"leftNavIcon\":\"U6i6r\",\"leftNavText\":\"LnYlW\",\"presentationPlaceholderIcon\":\"Ljaju\",\"presentationIcon\":\"QdwPq\",\"presentationPlaceholderText\":\"af06V\",\"curriculumIcon\":\"N7T4T\",\"curriculumIconSmall\":\"_6xrUg\",\"curriculumContainer\":\"Z65qX\",\"iconPlaceholder\":\"CKOXL\",\"shadow\":\"zygeJ\",\"presentationName\":\"Oj7Dt\"};","import React from 'react';\n\nimport { IconCircle } from 'libs/shared/components/icon-circle/IconCircle';\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { ClickViewLogo, ClickViewPrimaryLogo } from 'libs/shared/components/svgs/clickview-logo/ClickViewLogo';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { PresentationLearningLevel } from 'libs/shared/enums/PresentationLearningLevel';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { Presentation } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\nimport { TopicsHelper } from 'libs/shared/utils/topics-helper/TopicsHelper';\n\nimport styles from './mock-layout.scss';\n\nconst namespace = 'onboarding.mockLayout';\n\nfunction LeftNavItem(): JSX.Element {\n  return (\n    <div className='d-flex align-items-center justify-content-center mb-2 px-3'>\n      <div className={`${styles.leftNavIcon} rounded-circle`} />\n      <div className={`${styles.leftNavText} rounded-pill`} />\n    </div>\n  );\n}\n\ninterface MockLayoutProps {\n  editingCurriculum?: boolean;\n  curriculum?: Presentation;\n  presentation?: Presentation;\n}\n\nexport function MockLayout(props: React.PropsWithChildren<MockLayoutProps>): JSX.Element {\n  const breakpoints = useBreakpoints();\n  \n  function getPresentationClass(): string {\n    if (!props.presentation)\n      return styles.presentationPlaceholderIcon;\n\n    switch (TopicsHelper.getMappedPresentationLevel(props.presentation.learningLevel)) {\n      case PresentationLearningLevel.Level_1:\n        return `bg-indigo ${styles.presentationIcon}`;\n\n      case PresentationLearningLevel.Level_3:\n        return `bg-blue ${styles.presentationIcon}`;\n\n      default:\n      case PresentationLearningLevel.Level_2:\n        return `bg-green ${styles.presentationIcon}`;\n    }\n  }\n\n  return (\n    <div className={`border border-dark border-2 bg-white rounded-3 user-select-none overflow-hidden position-relative h-100 w-100`}>\n      {!!props.editingCurriculum && (\n        <div className={`w-100 h-100 position-absolute ${styles.shadow}`}>\n          <div className={`d-flex align-items-center h-100 w-50 ${styles.curriculumContainer}`}>\n            <div className='bg-white rounded-3 border p-3 w-100'>\n              <h2 className='h6 text-start'><Text namespace={namespace} phrase='curriculum' /></h2>\n\n              {props.curriculum ? (\n                <div className='d-flex align-items-center'>\n                  <div className={`${styles.curriculumIcon} rounded-circle me-2 border`}>\n                    <IconCircle imageUrl={props.curriculum.cover?.url} />\n                  </div>\n                  <div className='text-start'>{props.curriculum.name}</div>\n                </div>\n              ) : (\n                <div className='d-flex align-items-center text-secondary'>\n                  <div className={`me-2 rounded-circle p-1 ${styles.iconPlaceholder}`}>\n                    <IconCircle svgSize={SvgContainerSize.Large} textVariant='secondary' svgName={cvSvgLibrary.GraduationCap} />\n                  </div>\n                  <Text namespace={namespace} phrase='selectCurriculum' />\n                </div>\n              )}\n            </div>\n          </div>\n        </div>\n      )}\n\n      {/* Black bar */}\n      <div className={`bg-dark d-flex px-3 py-2 ${styles.blackBar}`}>\n        <div className={`rounded-circle me-2 ${styles.dot}`} />\n        <div className={`rounded-circle me-2 ${styles.dot}`} />\n        <div className={`rounded-circle ${styles.dot}`} />\n      </div>\n\n      {/* Header */}\n      <div className={`border-bottom px-3 py-2 d-flex align-items-center ${styles.topNav}`}>\n        <div className={`${styles.logo} me-4`}>\n          {breakpoints.xs ? (\n            <ClickViewPrimaryLogo />\n          ) : (\n            <ClickViewLogo />\n          )}\n        </div>\n        <div className='form-control w-75 d-flex justify-content-start'>\n          <SvgContainer svgName={cvSvgLibrary.Search} />\n        </div>\n        {!!props.curriculum && (\n          <div className={`${styles.curriculumIconSmall} rounded-circle ms-2 me-n1 border`}>\n            <IconCircle imageUrl={props.curriculum.cover?.url} />\n          </div>\n        )}\n      </div>\n\n      <div className={`d-flex ${styles.belowHeader}`}>\n        {/* Left nav */}\n        <div className={`${styles.leftNav} border-end`}>\n          <div className='d-flex flex-column pt-3 h-100'>\n            <LeftNavItem />\n            <LeftNavItem />\n            <LeftNavItem />\n            <LeftNavItem />\n            <LeftNavItem />\n\n            {/* Presentation */}\n            <div className='d-flex align-items-end h-100 w-100'>\n              <div className='border-top p-3 w-100'>\n                <div className='d-flex align-items-center'>\n                  <div className={`${getPresentationClass()} text-white rounded`}>\n                    <SvgContainer svgName={cvSvgLibrary.School} size={SvgContainerSize.Large} />\n                  </div>\n\n                  {!props.presentation ? (\n                    <div className={`${styles.presentationPlaceholderText} fw-semibold`}>\n                      <Text namespace={namespace} phrase='schoolLevel' />\n                    </div>\n                  ) : (\n                    <span className={`fw-semibold text-truncate ${styles.presentationName}`}>{props.presentation.name}</span>\n                  )}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        {/* Main content */}\n        <div className={`w-100 h-100 overflow-hidden`}>\n          {props.children}\n        </div>\n      </div>\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"selected\":\"igx0Y\",\"disabled\":\"nDUWB\",\"annotation\":\"IN0vA\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\n\nimport { OnboardingDescriptor, UserAction } from 'libs/analytics/interfaces';\n\nimport { ClassificationVideosMap } from 'libs/shared/apps/onboarding/constants/ClassificationVideos';\nimport { OnboardingScreenConfigs } from 'libs/shared/apps/onboarding/constants/OnboardingScreenConfigs';\nimport { useOnboardingPathway } from 'libs/shared/apps/onboarding/hooks/useOnboardingPathway';\nimport { OnboardingHelper } from 'libs/shared/apps/subjects/utils/OnboardingHelper';\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { CoverPillWidgetContent } from 'libs/shared/components/widgets/items/subject-widget-item/CoverPill';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { SettingKind } from 'libs/shared/enums/SettingKind';\nimport { SettingName } from 'libs/shared/enums/SettingName';\nimport { PreferenceRequests } from 'libs/shared/flight-requests/PreferenceRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useIsKDM } from 'libs/shared/hooks/UseIsKdm';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { Classification, CurrentUser } from 'libs/shared/interfaces';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\nimport { TopicsHelper } from 'libs/shared/utils/topics-helper/TopicsHelper';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { useCurriculums } from 'shared/hooks/useCurriculums';\nimport { usePresentation } from 'shared/hooks/usePresentation';\n\nimport { OnboardingScreenHeading } from 'apps/onboarding/components/heading/OnboardingScreenHeading';\nimport { OnboardingScreenInfo } from 'apps/onboarding/components/info/OnboardingScreenInfo';\nimport { OnboardingLayout } from 'apps/onboarding/components/layout/OnboardingLayout';\nimport { LeftPanelItem } from 'apps/onboarding/components/left-panel-item/LeftPanelItem';\nimport { MockDiscover } from 'apps/onboarding/components/mock-views/discover/MockDiscover';\nimport { useOnboardingCallbacks } from 'apps/onboarding/hooks/useOnboardingCallbacks';\nimport { useOnboardingEventLogger } from 'apps/onboarding/hooks/useOnboardingEventLogger';\nimport { OnboardingViewProps } from 'apps/onboarding/interfaces/OnboardingViewProps';\nimport { getOnboardingAppLinks } from 'apps/onboarding/utils/OnboardingAppLinkHelper';\n\nimport styles from './subjects.scss';\n\nconst namespace = 'onboarding.subjects';\n\nexport function OnboardingSubjectsView(props: OnboardingViewProps): JSX.Element {\n  const appLinks = getOnboardingAppLinks();\n  const { getPathway } = useOnboardingPathway(appLinks);\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const { preferredPresentation } = usePresentation();\n  const fetchAsync = Flight.useGetFetchAsync();\n  const {\n    onClickBack,\n    exitOnboarding,\n    onSaveError,\n    completeStepAsync\n  } = useOnboardingCallbacks(props.redirectUrl);\n  const { preferredCurriculum } = useCurriculums();\n  const { logEvent } = useOnboardingEventLogger();\n\n  const pathway = getPathway();\n  const screenConfig = OnboardingScreenConfigs[pathway.currentScreen];\n\n  const { updateSettingAsync, bulkOnboardingPreferencesState } = useSettings(screenConfig?.analyticsLocation);\n\n  const subjects = Flight.useBasicFetch<Classification[]>(PreferenceRequests.allSubjectPreferences());\n  const initialSelectedSubjects = Flight.useBasicFetch<Classification[]>(PreferenceRequests.mySubjectPreferences());\n  const initialBulkState = OnboardingHelper.hasBulkSelectedTopics(bulkOnboardingPreferencesState);\n\n  const [ selectedSubjects, setSelectedSubjects ] = React.useState<Classification[]>([]);\n  const [ allSubjectsSelected, setAllSubjectsSelected ] = React.useState(initialBulkState);\n\n  const isKDM = useIsKDM();\n\n  const selectableSubjects = subjects.data?.filter(subject => {\n    return !!ClassificationVideosMap[subject.presentationId]?.[subject.id];\n  });\n\n  React.useEffect(() => {\n    if (!initialSelectedSubjects.hasCompleted || !initialSelectedSubjects.data?.length)\n      return;\n\n    if (allSubjectsSelected)\n      return;\n\n    setSelectedSubjects(initialSelectedSubjects.data);\n  }, [initialSelectedSubjects.hasCompleted]);\n\n  function onSelectSubject(subject: Classification): void {\n    if (allSubjectsSelected)\n      return;\n\n    logEvent(UserAction.Select, OnboardingDescriptor.SelectSubject, {\n      subjectId: subject.id,\n      subjectName: subject.name,\n      presentationId: preferredPresentation.id,\n      presentationName: preferredPresentation.name,\n      presentationDescription: preferredPresentation.description\n    });\n\n    if (selectedSubjects.find(s => s.id === subject.id)) {\n      setSelectedSubjects(selectedSubjects.filter(s => s.id !== subject.id));\n      return;\n    }\n\n    setSelectedSubjects(selectedSubjects.concat(subject));\n  }\n\n  function onClickAllSubjects(): void {\n    logEvent(UserAction.Select, OnboardingDescriptor.SelectAllSubjects, {\n      presentationId: preferredPresentation.id,\n      presentationName: preferredPresentation.name,\n      presentationDescription: preferredPresentation.description\n    });\n\n    if (!allSubjectsSelected)\n      setSelectedSubjects([]);\n\n    setAllSubjectsSelected(!allSubjectsSelected);\n  }\n\n  async function onClickNext(): Promise<void> {\n    logEvent(UserAction.Click, OnboardingDescriptor.Next, {\n      subjects: selectedSubjects.map(s => ({\n        subjectId: s.id,\n        subjectName: s.name\n      })),\n      allSubjectsSelected,\n      presentationId: preferredPresentation.id,\n      presentationName: preferredPresentation.name,\n      presentationDescription: preferredPresentation.description\n    });\n\n    try {\n      const requests: Promise<void>[] = [];\n\n      if (allSubjectsSelected !== initialBulkState) {\n        requests.push(\n          updateSettingAsync(currentUser.data.id, {\n            name: SettingName.BulkOnboardingPreferencesState,\n            value: OnboardingHelper.getNextBulkState(bulkOnboardingPreferencesState, 'topics'),\n            kind: SettingKind.Permanent\n          })\n        );\n      }\n\n      if (!allSubjectsSelected) {\n        const addedSubjects = selectedSubjects.filter(selection => {\n          return !initialSelectedSubjects.data.find(p => p.id === selection.id);\n        });\n        const removedSubjects = initialSelectedSubjects.data.filter(p => !selectedSubjects.find(s => s.id === p.id));\n  \n        if (addedSubjects?.length)\n          requests.push(fetchAsync<void>(PreferenceRequests.followSubjects(addedSubjects.map(s => s.id))));\n  \n        if (removedSubjects?.length)\n          requests.push(fetchAsync<void>(PreferenceRequests.unfollowSubjects(removedSubjects.map(s => s.id))));\n      }\n\n      await Promise.all(requests);\n      await completeStepAsync();\n    } catch {\n      onSaveError();\n      return Promise.reject();\n    }\n  }\n\n  return (\n    <OnboardingLayout namespace={namespace}>\n      <OnboardingLayout.Left className='bg-dark-blue d-flex flex-column align-items-end justify-content-center'>\n        <LeftPanelItem\n          annotationUrl={ImageUrls.OnboardingV2.Subjects.ANNOTATION}\n          annotationPosition='top-right'\n          annotationClassName={`me-5 ${styles.annotation}`}\n        >\n          <MockDiscover\n            presentation={preferredPresentation}\n            subjects={allSubjectsSelected ? selectableSubjects : selectedSubjects}\n            curriculum={preferredCurriculum}\n          />\n        </LeftPanelItem>\n      </OnboardingLayout.Left>\n\n      <OnboardingLayout.Right\n        hasCustomButtons={false}\n        onClickNext={onClickNext}\n        onClickBack={onClickBack}\n        onClickComeBackLater={exitOnboarding}\n        disableNext={!selectedSubjects.length && !allSubjectsSelected}\n      >\n        <OnboardingScreenHeading>\n          <Text phrase={isKDM ? 'headingKdm' : 'heading'} />\n        </OnboardingScreenHeading>\n\n        <OnboardingScreenInfo>\n          <Text phrase='info' />\n        </OnboardingScreenInfo>\n\n        <DivButton onClick={onClickAllSubjects}>\n          <CoverPillWidgetContent\n            data={{ name: LanguageService.getPhrase(namespace, 'allSubjects') }}\n            coverUrl={TopicsHelper.getPresentationLevelImage(preferredPresentation.learningLevel, 'cover')}\n            isSelected={allSubjectsSelected}\n            multiline\n          />\n        </DivButton>\n\n        <div className='d-flex align-items-center justify-content-between py-3'>\n          <hr className='m-0 flex-grow-1 border-dark' />\n\n          <p className='mb-0 px-3'><Text phrase='orSelectSubjects' /></p>\n\n          <hr className='m-0 flex-grow-1 border-dark' />\n        </div>\n\n        <ul className='list-unstyled row g-2 mb-0'>\n          {selectableSubjects?.map(subject => {\n            const isSelected = !!selectedSubjects.find(s => s.id === subject.id);\n\n            let className = '';\n\n            if (allSubjectsSelected)\n              className += `cursor-default ${styles.disabled}`;\n            else if (isSelected)\n              className += styles.selected;\n            \n            return (\n              <li key={subject.id} className='col-12 col-sm-6 col-md-6 col-lg-12 col-xl-6'>\n                <DivButton\n                  onClick={() => onSelectSubject(subject)}\n                  disabled={allSubjectsSelected}\n                  className={className}\n                >\n                  <CoverPillWidgetContent\n                    data={subject}\n                    coverUrl={ImageHelper.createUrl(subject.cover?.url, {\n                      size: ImageSize.Small\n                    })}\n                    isSelected={isSelected}\n                    multiline\n                  />\n                </DivButton>\n              </li>\n            );\n          })}\n        </ul>\n\n        <OnboardingScreenInfo className='mt-2'>\n          <Text phrase='addMoreLater' />\n        </OnboardingScreenInfo>\n      </OnboardingLayout.Right>\n    </OnboardingLayout>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"appLink\":\"fFjKN\",\"name\":\"A_by9\",\"selectedMask\":\"xSQtR\",\"widgetItem\":\"Ys9W_\",\"text\":\"JfAoy\",\"imagePanel\":\"aUNDc\",\"partialLargeImage\":\"RuLxv\",\"selected\":\"BViJb\",\"image\":\"LkTep\",\"dragHandle\":\"CJqvP\",\"large\":\"R5clw\",\"comingSoonPanel\":\"Wa2PG\",\"editSubjectsItem\":\"gGNFD\",\"allSubjectsItem\":\"IHdlJ\",\"logoContainer\":\"Nzaes\",\"draggingItem\":\"zUOye\",\"partialLargeFallback\":\"FmJP9\",\"partialIcon\":\"sdZuo\"};"],"names":["BulkOnboardingPreferencesState","OnboardingHelper","hasManyPresentationTypes","presentations","totalAvailableSubjectPresentations","totalAvailableCurriculumPresentations","forEach","p","type","PresentationType","hasManySubjectPresentations","hasManyCurriculumPresentations","getBulkPreferencesState","state","AllSubjectsAndAllLevels","levels","subjects","AllLevels","AllSubjects","hasBulkSelectedLevels","bulkState","hasBulkSelectedTopics","getNextBulkState","current","managing","None","isManagingTopics","ComingSoonNamePanel","name","multiline","wrapperClassName","textClassName","className","namespace","phrase","NormalNamePanel","subtitle","title","CoverPillWidgetContent","props","coverUrl","size","isLarge","childProps","data","isSelected","id","hideCheckmark","svgName","svgSize","S","textVariant","variant","imageClassName","style","backgroundImage","hideFallback","extraClasses","isComingSoon","CoverPillWidgetContentWrapper","appLink","getChildAppLink","analyticsData","analyticsOptions","appLinkOptions","getChildAppLinkOptions","LeftPanelItem","contentPosition","annotationUrl","annotationPosition","annotationClassName","getAnnotationClassName","src","children","defaultProps","SubjectPlaceholder","ImageHelper","PromotedTopicPlaceholder","MockDiscover","placeholderSubjects","Math","max","length","MockLayout","presentation","curriculum","editingCurriculum","map","subject","key","cover","url","Array","fill","_","index","LeftNavItem","breakpoints","useBreakpoints","Text","IconCircle","imageUrl","SvgContainer","xs","ClickViewLogo","TopicsHelper","learningLevel","PresentationLearningLevel","getPresentationClass","OnboardingSubjectsView","appLinks","getPathway","useOnboardingPathway","currentUser","UserRequests","preferredPresentation","usePresentation","fetchAsync","useOnboardingCallbacks","redirectUrl","onClickBack","exitOnboarding","onSaveError","completeStepAsync","preferredCurriculum","useCurriculums","logEvent","useOnboardingEventLogger","pathway","screenConfig","OnboardingScreenConfigs","currentScreen","useSettings","analyticsLocation","updateSettingAsync","bulkOnboardingPreferencesState","PreferenceRequests","initialSelectedSubjects","initialBulkState","selectedSubjects","setSelectedSubjects","allSubjectsSelected","setAllSubjectsSelected","isKDM","selectableSubjects","filter","ClassificationVideos","presentationId","hasCompleted","OnboardingLayout","ImageUrls","hasCustomButtons","onClickNext","s","subjectId","subjectName","presentationName","presentationDescription","description","requests","push","SettingName","value","kind","SettingKind","addedSubjects","selection","find","removedSubjects","Promise","all","reject","onClickComeBackLater","disableNext","OnboardingScreenHeading","OnboardingScreenInfo","DivButton","onClick","CoverPill","LanguageService","concat","onSelectSubject","disabled"],"sourceRoot":""}