@clickview/lite 0.52.0 → 0.52.2-dev.0

package/dist/scripts/6263-cfd4ebfe8b-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/6263-cfd4ebfe8b-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/breadcrumbs/Breadcrumbs.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/UseHandleObjectError.ts","file:///app/packages/libs/shared/src/hooks/UseInfiniteScroll.ts","file:///app/packages/libs/shared/src/hooks/UseInfiniteList.ts","file:///app/packages/libs/shared/src/hooks/useBreadcrumbs.ts","file:///app/packages/libs/shared/src/utils/PartialLoadingHelper.ts","file:///app/packages/libs/shared/src/apps/playlists/utils/PlaylistHelper.ts","file:///app/packages/libs/shared/src/apps/playlists/components/playlist-header-details/PlaylistHeaderDetails.tsx","file:///app/packages/projects/lite/src/apps/playlists/components/playlist-header/partial-loading/partial-playlist-header.scss","file:///app/packages/projects/lite/src/apps/playlists/components/playlist-header/partial-loading/PartialPlaylistHeader.tsx","file:///app/packages/projects/lite/src/apps/playlists/components/playlist-header/PlaylistHeaderUtils.ts","file:///app/packages/projects/lite/src/apps/playlists/components/playlist-header/playlist-header.scss","file:///app/packages/projects/lite/src/apps/playlists/components/playlist-header/PlaylistHeader.tsx","file:///app/packages/projects/lite/src/apps/playlists/components/video-list/SortableVideoListContainer.tsx","file:///app/packages/projects/lite/src/apps/playlists/views/playlist/empty-state/PlaylistEmptyState.tsx","file:///app/packages/projects/lite/src/apps/playlists/views/playlist/PlaylistViewUtils.ts","file:///app/packages/projects/lite/src/apps/playlists/views/playlist/PlaylistView.tsx","file:///app/packages/libs/shared/src/hooks/UseReorderedItems.ts","file:///app/packages/projects/lite/src/shared/hooks/useVideoMixin.ts","file:///app/node_modules/react-bootstrap/esm/Row.js"],"sourcesContent":["import React from 'react';\nimport { createPortal } from 'react-dom';\n\nexport const PortalHelper = {\n  renderInPortalIfExists(component: React.ReactElement, portalContainer: Element | null): React.ReactElement {\n    if (portalContainer)\n      return createPortal(component, portalContainer);\n\n    return component;\n  }\n};","// extracted by mini-css-extract-plugin\nexport default {\"tag\":\"XRj8d\",\"tooltip\":\"X6mLk\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './coming-soon-tag.scss';\n\nconst namespace = 'specialEventCalendar.comingSoonTag';\n\ninterface ComingSoonProps {\n  className?: string;\n  onlyIcon?: boolean;\n}\n\nexport function ComingSoonTag(props: ComingSoonProps): JSX.Element {\n  return (\n    <Tooltip title={LanguageService.getPhrase(namespace, 'tooltip')} spanHackClassName={`d-block ${styles.tooltip}`} spanHack>\n      <div className={`d-flex text-dark align-items-center ${styles.tag} ${props.className}`}>\n        <SvgContainer svgName={cvSvgLibrary.Timer} />\n        {!props.onlyIcon && LanguageService.getPhrase(namespace, 'comingSoon')}\n      </div>\n    </Tooltip>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"dateItem\":\"I3SBm\",\"label\":\"PRORs\",\"body\":\"RfiM_\",\"bodyDay\":\"ZOVny\",\"bodyRange\":\"vYhXN\",\"bodyMonth\":\"mYslO\",\"month\":\"EPkkQ\"};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsOptions } from 'libs/analytics/interfaces';\n\nimport { CalendarTheme } from 'libs/shared/apps/calendar/interfaces/CalendarTheme';\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\n\nimport styles from './generic-calendar-date.scss';\n\nexport interface GenericCalendarDateProps {\n  label?: string;\n  body: {\n    type: 'month' | 'range' | 'day';\n    text: string;\n  };\n  month?: string;\n  getAppLink?: () => Core.AppLink;\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n  className?: string;\n  theme?: CalendarTheme;\n}\n\nexport function GenericCalendarDate(props: GenericCalendarDateProps): JSX.Element {\n  function getBodyClass(): string {\n    switch (props.body.type) {\n      case 'range':\n        return styles.bodyRange;\n      case 'day':\n        return styles.bodyDay;\n      case 'month':\n        return styles.bodyMonth;\n    }\n  }\n\n  return (\n    <AppLink\n      appLink={props.getAppLink?.()}\n      className={`text-decoration-none text-center bg-white text-dark border border-3 ${props.theme?.border} rounded-3 d-block fw-semibold ${props.className}`}\n      analyticsData={props.analyticsData}\n      analyticsOptions={props.analyticsOptions}\n    >\n      <div className={`position-relative ${styles.dateItem}`}>\n        <div className={`${props.theme?.background} py-1 ${styles.label} d-flex align-items-center justify-content-center`}>\n          {props.label ? props.label : <>&nbsp;</>}\n        </div>\n        <div className={`${getBodyClass()} ${styles.body} my-2`}>\n          {props.body.text}\n        </div>\n        <div className={`mb-0 ${styles.month}`}>\n          {props.month}\n        </div>\n      </div>\n    </AppLink>\n  );\n}","import * as React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nconst namespace = 'shared.backButton';\n\ninterface BackButtonProps {\n  appLink: Core.AppLink;\n  backToName?: string;\n  color?: 'black' | 'white';\n  extraClasses?: string;\n  /**\n   * Whether or not the button text has a text shadow. Defaults to true\n   */\n  textShadow?: boolean;\n}\n\nBackButton.defaultProps = {\n  color: 'black',\n  extraClasses: ''\n};\n\nexport function BackButton(props: BackButtonProps): React.ReactElement {\n  const { backToName, appLink, color, extraClasses, textShadow } = {\n    textShadow: true,\n    ...props\n  };\n\n  const backPhrase = backToName\n    ? LanguageService.getPhrase(namespace, 'backTo', { backToName })\n    : LanguageService.getPhrase(namespace, 'back');\n\n  const colorClass = color === 'black' ? '' : 'text-white';\n  const textShadowClass = textShadow ? 'text-shadow' : '';\n\n  return (\n    <AppLink\n      appLink={appLink}\n      className={`d-inline-flex align-items-center h5 mb-0 ${extraClasses} ${colorClass} ${textShadowClass}`}\n    >\n      <SvgContainer svgName={cvSvgLibrary.ChevronLeft} size={SvgContainerSize.Medium} />\n      <span className='ms-1'>{backPhrase}</span>\n    </AppLink>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"bannerContent\":\"sSCTB\",\"actionsContainer\":\"Z5WI2\",\"bannerContentWithLogo\":\"rgs7Q\",\"container\":\"M51HJ\",\"logoContainer\":\"vkeJk\",\"logoContainerLeft\":\"M3U9B\",\"logoHeading\":\"EtRwC\",\"specialEventContainer\":\"rOxDc\",\"headingLarge\":\"_8pnV\",\"heading\":\"JXVBH\"};","import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\nimport { PortalHelper } from 'libs/common/react/utils/PortalHelper';\n\nimport { ComingSoonTag } from 'libs/shared/apps/calendar/components/coming-soon-tag/ComingSoonTag';\nimport { GenericCalendarDate } from 'libs/shared/apps/calendar/components/generic-calendar-date/GenericCalendarDate';\nimport { CalendarTheme } from 'libs/shared/apps/calendar/interfaces/CalendarTheme';\nimport { ActionOptions, Actions } from 'libs/shared/components/actions/Actions';\nimport { BackButton } from 'libs/shared/components/back-button/BackButton';\nimport { LazyImage } from 'libs/shared/components/lazy-image/LazyImage';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { ImageMinDimensions } from 'libs/shared/constants/ImageSizes';\nimport { BannerPortalContext } from 'libs/shared/context/BannerPortalContext';\nimport { ImageSize, ImageType, ResizeType } from 'libs/shared/enums/Images';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { Banner, CalendarEvent, Logo } from 'libs/shared/interfaces';\nimport { ImageHelper, ImageOptions } from 'libs/shared/utils/ImageHelper';\n\nimport styles from './banner-header.scss';\n\nconst RATIO = `${ImageMinDimensions[ImageType.Banners].width}:${ImageMinDimensions[ImageType.Banners].height}`;\nconst DEFAULT_WIDTH = 1200; // This is ImageSize.Large for a Banner.\nconst LARGE_SCREEN_WIDTH = 1920;\n\nfunction useGetImageWidth(): number {\n  const breakpoints = useBreakpoints();\n\n  if (breakpoints.xxl)\n    return LARGE_SCREEN_WIDTH;\n\n  return DEFAULT_WIDTH;\n}\n\nfunction getSizeClass(heading: string): string {\n  if (heading.length < 160)\n    return 'h1';\n\n  return styles.headingLarge;\n}\n\ninterface BannerHeaderProps {\n  heading: string;\n  banner?: Banner;\n  bannerClassName?: string;\n  imageCdnUrl?: string;\n  logo?: Logo;\n  actions?: ActionOptions[];\n  specialEvent?: CalendarEvent;\n  backButtonAppLink?: Core.AppLink;\n  backButtonText?: string;\n  backButtonClasses?: string;\n  sortComponent?: JSX.Element;\n  blockColourClass?: string;\n  actionsDropdownClassName?: string;\n  detailsComponent?: () => React.ReactElement;\n  imageOptions?: ImageOptions;\n  showComingSoon?: boolean;\n  alignLogoLeft?: boolean;\n  calendarTheme?: CalendarTheme;\n}\n\nconst namespace = 'shared.bannerHeader';\n\nexport const BannerHeader = React.memo(function(props: React.PropsWithChildren<BannerHeaderProps>): React.ReactElement {\n  const { heading, banner, imageCdnUrl, actions, sortComponent, blockColourClass, specialEvent } = props;\n\n  const portalContainerContext = React.useContext(BannerPortalContext);\n\n  const imageWidth = useGetImageWidth();\n\n  const specialEventIsToday = React.useMemo(() => {\n    if (!specialEvent || props.showComingSoon)\n      return false;\n\n    const today = DateHelper.format(new Date(), 'YYYY-MM-DD');\n\n    if (!specialEvent.endDate)\n      return specialEvent.startDate === today;\n\n    return specialEvent.startDate <= today && specialEvent.endDate >= today;\n  }, [specialEvent]);\n\n  const imageOptions = props.imageOptions || {\n    width: imageWidth,\n    ratio: RATIO,\n    resizeType: ResizeType.Cover\n  };\n\n  const url = !!banner && !!imageCdnUrl && ImageHelper.createBannerUrl(banner, {\n    fallbackBaseUrl: imageCdnUrl,\n    fallbackCategoryName: heading,\n    type: ImageType.Banners\n  }, imageOptions);\n\n  const containerProps: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> = {\n    className: `banner banner-header ${props.bannerClassName}`,\n    style: url ? { backgroundImage: `url('${url}')` } : {}\n  };\n\n  if (!banner && blockColourClass) {\n    delete containerProps.style;\n    containerProps.className += ` ${blockColourClass}`;\n  }\n\n  const DetailsComponent = props.detailsComponent;\n\n  return PortalHelper.renderInPortalIfExists(\n    // \"banner\" is used in playlists in Online. banner-header is used by all other projects\n    <header {...containerProps}>\n      <div className={`container ${styles.container} position-relative inner-banner`}>\n        {props.backButtonAppLink && (\n          <div className='pt-3'>\n            <BackButton\n              appLink={props.backButtonAppLink}\n              backToName={props.backButtonText}\n              extraClasses={props.backButtonClasses}\n              color='white'\n            />\n          </div>\n        )}\n        \n        <div className={`${props.alignLogoLeft ? 'position-absolute top-50 start-0 translate-middle-y w-100 ps-4' : `${styles.bannerContent} px-2 ${props.logo?.url ? styles.bannerContentWithLogo : ''}`}`}>\n          {!!specialEvent && (\n            <div className={`position-relative ${styles.specialEventContainer}`}>\n              <GenericCalendarDate\n                body={{\n                  type: specialEvent.endDate ? 'range' : 'day',\n                  text: specialEvent.endDate\n                    ? `${DateHelper.format(specialEvent.startDate, 'DD')}-${DateHelper.format(specialEvent.endDate, 'DD')}`\n                    : DateHelper.format(specialEvent.startDate, 'DD')\n                }}\n                month={DateHelper.format(specialEvent.startDate, 'MMMM')}\n                theme={props.calendarTheme}\n              />\n            </div>\n          )}\n          <div>\n            {specialEventIsToday && (\n              <div className='rounded-pill py-1 px-2 my-1 me-1 fw-semibold bg-light-blue lh-1 d-inline-block'>\n                <Text namespace={namespace} phrase='onToday' />\n              </div>\n            )}\n            {props.showComingSoon && (\n              <ComingSoonTag className='pe-2 fw-semibold mb-1 rounded-pill justify-content-start text-nowrap' />\n            )}\n            <div className='d-flex align-items-center'>\n              {props.alignLogoLeft &&\n                <div className={`${styles.logoContainerLeft} d-none d-md-block partial-loading-background rounded-circle overflow-hidden me-3`}>\n                  {props.logo?.url &&\n                    <LazyImage src={ImageHelper.createUrl(props.logo?.url, { size: ImageSize.Medium })} />}\n                </div>\n              }\n              <h1 className={`text-white text-shadow pe-3 position-static ${styles.heading} ${getSizeClass(heading)} ${props.alignLogoLeft ? 'w-50' : ''}`}>\n                {heading}\n                {DetailsComponent && <DetailsComponent />}\n              </h1>\n            </div>\n          </div>\n          {!!actions && (\n            <div className={styles.actionsContainer}>\n              <Actions\n                actions={actions}\n                sortComponent={sortComponent}\n                actionsDropdownClassName={props.actionsDropdownClassName}\n              />\n            </div>\n          )}\n        </div>\n        {!props.alignLogoLeft && !!props.logo?.url &&\n          <div className={styles.logoContainer}>\n            <img\n              src={ImageHelper.createUrl(props.logo.url, { size: ImageSize.Small })}\n              className='rounded-circle'\n            />\n          </div>\n        }\n      </div>\n    </header>,\n    portalContainerContext?.container\n  );\n}, (prevProps, nextProps): boolean => (\n  prevProps.actions === nextProps.actions\n  && prevProps.heading === nextProps.heading\n  && prevProps.logo?.url === nextProps.logo?.url\n));\n\nexport function PartialBannerHeader(): JSX.Element {\n  const portalContainerContext = React.useContext(BannerPortalContext);\n\n  return PortalHelper.renderInPortalIfExists(\n    <div className={`partial-banner partial-loading-background ${styles.banner}`} />,\n    portalContainerContext?.container\n  );\n}","import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\nimport { PartialLoadingHelper } from 'libs/shared/utils/PartialLoadingHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { SvgContainer, SvgContainerSize } from '../svg-container/SvgContainer';\n\nconst COLLAPSE_CHARACTER_COUNT = 56;\n\nexport interface Breadcrumb {\n  name: string;\n  appLink?: Core.AppLink;\n  active?: boolean;\n}\n\ninterface BreadcrumbItemProps {\n  breadcrumb: Breadcrumb;\n  withBackIcon?: boolean;\n}\n\nexport const BreadcrumbItem = ({ breadcrumb: { name, appLink, active }, withBackIcon }: BreadcrumbItemProps) => (\n  <li className={`breadcrumb-item${active ? ' active' : ''}`}>\n    {active\n      ? <strong>{name}</strong>\n      : <AppLink appLink={appLink}>\n        {withBackIcon && <SvgContainer svgName={cvSvgLibrary.ChevronLeft} size={SvgContainerSize.Small} />}\n        <span className={withBackIcon ? 'ms-2' : ''}>{name}</span>\n      </AppLink>\n    }\n  </li>\n);\n\ninterface BreadcrumbsProps {\n  breadcrumbs: Breadcrumb[];\n}\n\nexport const Breadcrumbs = ({ breadcrumbs }: BreadcrumbsProps) => {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  const length = breadcrumbs?.length || 0;\n  \n  const [ collapse, setCollapse ] = React.useState(false);\n\n  React.useEffect(() => {\n    const characterLength = breadcrumbs?.reduce((prev, next) => prev + next.name.length, 0) ?? 0;\n\n    if (length > 3 && characterLength > COLLAPSE_CHARACTER_COUNT)\n      setCollapse(true);\n  }, [breadcrumbs?.length]);\n\n  if (!length || (isMobile && length < 2))\n    return <></>;\n\n  if (isMobile)\n    return (\n      <nav aria-label='breadcrumb'>\n        <ol className='breadcrumb m-0 p-0'>\n          <BreadcrumbItem breadcrumb={breadcrumbs[length - 2]} withBackIcon />\n        </ol>\n      </nav>\n    );\n\n  const first = <BreadcrumbItem breadcrumb={breadcrumbs[0]} />;\n  const secondLast = length > 2 ? <BreadcrumbItem breadcrumb={breadcrumbs[length - 2]} /> : <></>;\n  const last = <BreadcrumbItem breadcrumb={breadcrumbs[length - 1]} />;\n  const rest = breadcrumbs.slice(1, length - 2);\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {first}\n        {collapse ?\n          <li className='breadcrumb-item'>\n            <button className='btn-link' onClick={() => setCollapse(false)}>\n            ...\n            </button>\n          </li> :\n          rest.map((breadcrumb, idx) => <BreadcrumbItem key={idx} breadcrumb={breadcrumb} />)\n        }\n        {secondLast}\n        {last}\n      </ol>\n    </nav>\n  );\n};\n\nexport const PartialBreadcrumbs = React.memo(function({ numItems = 3 }: { numItems?: number; }) {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  if (isMobile) {\n    return (\n      <div className='partial-loading-background' style={{ height: '1.3125rem', width: '6rem' }} />\n    );\n  }\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {PartialLoadingHelper.getPartialLoadingItems({ numItems }).map(({ width }, idx) => (\n          <li key={idx} className='breadcrumb-item'>\n            <span className='d-inline-block partial-loading-background' style={{ width }} dangerouslySetInnerHTML={{ __html: '&nbsp' }} />\n          </li>\n        ))}\n      </ol>\n    </nav>\n  );\n});","// extracted by mini-css-extract-plugin\nexport default {\"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 { Flight } from 'libs/common/flight';\n\nimport { handleHttpError, HttpErrorMap, IgnoreHttpErrorMap } from 'libs/shared/errors/handlers/HttpErrorHandlers';\n\nfunction generateCacheKey(flightObjs: Array<Flight.Response<any>>): string {\n  return flightObjs.map(obj => obj.statusCode).join(':');\n}\n\n// TODO: Change this to just `useHandleHttpError` and only accept a status code.\nexport function useHandleObjectError(\n  _flightObjs: Flight.Response<any> | Array<Flight.Response<any>>,\n  customErrors?: HttpErrorMap,\n  ignoreErrors?: IgnoreHttpErrorMap\n): void {\n  const flightObjs = Array.isArray(_flightObjs) ? _flightObjs : [_flightObjs];\n\n  useEffect(() => {\n    flightObjs.forEach(obj => {\n      handleHttpError(obj.statusCode, customErrors, ignoreErrors);\n    });\n  }, [ generateCacheKey(flightObjs), customErrors, ignoreErrors ]);\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 React from 'react';\n\nimport { Breadcrumb } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { BreadcrumbService } from 'libs/shared/services/BreadcrumbService';\n\nexport function useBreadcrumbs(current: Breadcrumb): Breadcrumb[] {\n  const [ match, useBuilder ] = React.useMemo(() => BreadcrumbService.getBuilder(), []);\n\n  const breadcrumbs = useBuilder(match);\n\n  if (!breadcrumbs || !current)\n    return breadcrumbs;\n\n  return [ ...breadcrumbs, { ...current, active: true }];\n}\n\n","const DEFAULT_PARTIAL_LOADING_OPTIONS: PartialLoadingOptions = {\n  numItems: 5,\n  minWidth: 50, // px\n  maxWidth: 100 // px\n};\n\nexport interface PartialLoadingOptions {\n  numItems?: number;\n  minWidth?: number;\n  maxWidth?: number;\n}\n\ninterface PartialLoadingItem {\n  width: string;\n}\n\nexport const PartialLoadingHelper = {\n  getPartialLoadingItems(options: PartialLoadingOptions = {}): PartialLoadingItem[] {\n    const opts = {\n      ...DEFAULT_PARTIAL_LOADING_OPTIONS,\n      ...options\n    };\n\n    const getRandomFilterWidth = () => Math.max(Math.floor(Math.random() * opts.maxWidth), opts.minWidth);\n\n    return [...Array(opts.numItems)].map(() => ({ width: `${getRandomFilterWidth()}px` }));\n  }\n};","import { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\n\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { BaseObject, CurrentUser, Playlist } from 'libs/shared/interfaces';\n\nexport const PlaylistHelper = {\n  isPlaylist(obj: BaseObject): obj is Playlist {\n    return obj?.typeId === MasterType.Playlist;\n  },\n\n  isOwner(playlist: Playlist, currentUser: CurrentUser): boolean {\n    if (!currentUser || !playlist || ObjectHelper.isEmpty(playlist._liteOwner))\n      return false;\n\n    return playlist._liteOwner.id.toString() === currentUser.id?.toString();\n  },\n\n  getVideoCount(playlist: Playlist): number {\n    if (!playlist)\n      return;\n\n    let count = 0;\n\n    if (playlist.videos?.count)\n      count += playlist.videos.count;\n\n    if (playlist.clips?.count)\n      count += playlist.clips.count;\n\n    if (playlist.interactives?.count)\n      count += playlist.interactives.count;\n\n    return count;\n  }\n};","import React from 'react';\n\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { PlaylistHelper } from 'libs/shared/apps/playlists/utils/PlaylistHelper';\nimport { ClickViewAvatar } from 'libs/shared/components/clickview-avatar/ClickViewAvatar';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { CurrentUser, Playlist } from 'libs/shared/interfaces';\n\nconst namespace = 'playlists.playlistHeaderDetails';\n\nconst Separator = ({ className }: { className: string }) =>\n  <span className={className}>&bull;</span>;\n\nfunction getPlaylistOwnerName(playlist: Playlist): string {\n  const { _liteOwner } = playlist;\n\n  if (!_liteOwner)\n    return;\n\n  if (_liteOwner.name && _liteOwner.surname)\n    return TextHelper.toTitleCase(_liteOwner.name + ' ' + _liteOwner.surname.substring(0, 1));\n\n  if (_liteOwner.name)\n    return _liteOwner.name.split(' ')[0];\n}\n\nfunction getLastUpdated(playlist: Playlist): string {\n  if (!playlist.contentModifiedDate)\n    return '';\n\n  const now = new Date();\n  const lastUpdated = DateHelper.convertUTCToLocal(playlist.contentModifiedDate);\n\n  // Don't show if last updated over a month ago\n  if (DateHelper.isBefore(lastUpdated, DateHelper.subtract(now, 1, 'month')))\n    return '';\n\n  return DateHelper.fromNow(lastUpdated);\n}\n\ninterface PlaylistHeaderDetailsProps {\n  playlist: Playlist;\n  currentUser: CurrentUser;\n  totalVideos: number;\n  \n  hideOwnerName?: boolean;\n\n  // Custom classes for everything as online and lite use different styles\n  detailsClassName: string;\n  clickViewAvatarClassName: string;\n  separatorClassName: string;\n}\n\nexport function PlaylistHeaderDetails(props: PlaylistHeaderDetailsProps): React.ReactElement {\n  const currentUserIsOwner = PlaylistHelper.isOwner(props.playlist, props.currentUser);\n\n  const followerCount = props.playlist.followers?.count;\n\n  const lastUpdated = getLastUpdated(props.playlist);\n\n  return (\n    <div className={props.detailsClassName}>\n      {/* Owner name */}\n      {(!props.hideOwnerName && !currentUserIsOwner) && (\n        <>\n          {props.playlist._isClickViewCurated?.value ? (\n            <>\n              <div className={props.clickViewAvatarClassName}>\n                <ClickViewAvatar />\n              </div>\n              <span>ClickView</span>\n            </>\n          ) : (\n            <Text namespace={namespace} phrase='createdBy' options={{ user: getPlaylistOwnerName(props.playlist) }} />\n          )}\n\n          <Separator className={props.separatorClassName} />\n        </>\n      )}\n\n      {/* Video count */}\n      {typeof props.totalVideos === 'number' && (\n        <Text namespace={namespace} phrase='videos' options={{ smartCount: props.totalVideos }} />\n      )}\n\n      {/* Follower count */}\n      {followerCount > 0 && (\n        <>\n          <Separator className={props.separatorClassName} />\n          <Text namespace={namespace} phrase='followers' options={{ smartCount: followerCount }} />\n        </>\n      )}\n\n      {/* Last updated */}\n      {!!lastUpdated && (\n        <>\n          <Separator className={props.separatorClassName} />\n          <Text namespace={namespace} phrase='lastUpdated' options={{ timeAgo: lastUpdated }} />\n        </>\n      )}\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"partialDescription\":\"vDX0m\"};","import React from 'react';\n\nimport { PartialBannerHeader } from 'libs/shared/components/banner-header/BannerHeader';\n\nimport styles from './partial-playlist-header.scss';\n\nexport function PartialPlaylistHeader(): JSX.Element {\n  return (\n    <>\n      <PartialBannerHeader />\n      <div className='mb-2'>\n        <div className={`partial-loading-background my-2 border-bottom ${styles.partialDescription}`} />\n      </div>\n    </>\n  );\n}","import { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { AnalyticsOptions, EntityType, EventVersion, LocationContext, ToggleDescriptor, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { PlaylistHelper } from 'libs/shared/apps/playlists/utils/PlaylistHelper';\nimport { ActionOptions } from 'libs/shared/components/actions/Actions';\nimport { getOpenInCurationStudioLabel } from 'libs/shared/hooks/useCurationStudio';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport { PlaylistHeaderProps } from './PlaylistHeader';\n\nconst namespace = 'playlists.playlistHeader';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface GetPlaylistActionsArgs {\n  isAuthenticated: boolean;\n  isPlugin: boolean;\n  isMobile: boolean;\n  setIsFollowing: (val: boolean) => void;\n  isFollowing: boolean;\n  setShowFollowSpinner: (val: boolean) => void;\n  showFollowSpinner: boolean;\n  isUserCurator: boolean;\n  openInCuratorLink: string;\n}\n\nexport const PlaylistHeaderUtils = {\n  getPlaylistActions(headerProps: PlaylistHeaderProps, args: GetPlaylistActionsArgs): ActionOptions[] {\n    const {\n      isAuthenticated,\n      isPlugin,\n      isMobile,\n      setIsFollowing,\n      isFollowing,\n      setShowFollowSpinner,\n      showFollowSpinner,\n      isUserCurator,\n      openInCuratorLink\n    } = args;\n\n    const analyticsData = {\n      id: headerProps.playlist.id,\n      name: headerProps.playlist.name,\n      followerCount: headerProps.playlist.followers?.count,\n      videoCount: headerProps.playlist.videos?.count,\n      interactiveCount: headerProps.playlist.interactives?.count,\n      clipCount: headerProps.playlist.clips?.count,\n      isClickViewPlaylist: headerProps.playlist._isClickViewCurated?.value\n    };\n\n    const analyticsOptions: AnalyticsOptions = {\n      location: LocationContext.Banner,\n      entity: EntityType.Playlist,\n      workflowPhase: WorkflowPhase.Start\n    };\n\n    const actions: ActionOptions[] = [];\n\n    if (!isAuthenticated)\n      return actions;\n\n    const isOwner = PlaylistHelper.isOwner(headerProps.playlist, headerProps.currentUser);\n\n    if (!isPlugin) {\n      if (headerProps.playAllAppLink) {\n        actions.push({\n          label: getPhrase('playAll'),\n          appLink: headerProps.playAllAppLink,\n          svgName: cvSvgLibrary.Play,\n          className: !isMobile ? 'btn btn-outline-dark me-2' : '',\n          button: !isMobile,\n          analyticsData,\n          analyticsOptions: {\n            ...analyticsOptions,\n            actionType: UserAction.Play\n          }\n        });\n      }\n\n      if (isUserCurator)\n        actions.push({\n          label: getOpenInCurationStudioLabel(),\n          href: openInCuratorLink,\n          openInNewTab: true\n        });\n\n      actions.push({\n        label: getPhrase('share'),\n        appLink: {\n          application: AppChannels.DEFAULT,\n          action: Actions.Default.SHARE,\n          args: [headerProps.playlist.id],\n          params: { entityType: 'playlist' }\n        },\n        svgName: cvSvgLibrary.Share2,\n        className: !isMobile ? 'btn btn-outline-dark me-2' : '',\n        button: !isMobile,\n        analyticsData,\n        analyticsOptions: {\n          ...analyticsOptions,\n          actionType: UserAction.Share,\n          eventVersion: EventVersion.V3\n        }\n      });\n    }\n\n    if (!isOwner) {\n      actions.push({\n        label: getPhrase(isFollowing ? 'following' : 'follow'),\n        onClick: () => {\n          setIsFollowing(!isFollowing);\n          setShowFollowSpinner(true);\n          headerProps.follow(\n            !isFollowing,\n            () => {\n              setShowFollowSpinner(false);\n              AnalyticsHelper.logUserAction(analyticsData, {\n                ...analyticsOptions,\n                actionType: UserAction.Follow,\n                descriptor: isFollowing ? ToggleDescriptor.Off : ToggleDescriptor.On,\n                workflowPhase: WorkflowPhase.Complete\n              });\n            },\n            () => {\n              setShowFollowSpinner(false);\n              setIsFollowing(isFollowing);\n            }\n          );\n        },\n        svgName: isFollowing ? cvSvgLibrary.BellFilled : cvSvgLibrary.Bell,\n        className: !isMobile\n          ? `btn follow-btn btn-${isFollowing ? 'outline-dark' : 'dark'} me-2`\n          : '',\n        button: !isMobile,\n        showSpinner: showFollowSpinner\n      });\n    }\n\n    if (isOwner) {\n      actions.push({\n        label: getPhrase('edit'),\n        appLink: {\n          application: AppChannels.PLAYLISTS,\n          action: Actions.Playlists.EDIT_PLAYLIST,\n          args: [headerProps.playlist.id]\n        },\n        svgName: cvSvgLibrary.Edit,\n        button: false,\n        analyticsData,\n        analyticsOptions: {\n          ...analyticsOptions,\n          actionType: UserAction.Edit\n        }\n      });\n\n      actions.push({\n        label: getPhrase('delete'),\n        appLink: {\n          application: AppChannels.PLAYLISTS,\n          action: Actions.Playlists.DELETE_PLAYLIST,\n          args: [headerProps.playlist.id]\n        },\n        svgName: cvSvgLibrary.Delete,\n        className: 'text-danger',\n        button: false,\n        analyticsData,\n        analyticsOptions: {\n          ...analyticsOptions,\n          actionType: UserAction.Delete\n        }\n      });\n    }\n\n    if (headerProps.playlist._isClickViewCurated?.value) {\n      actions.push({\n        label: getPhrase('copy'),\n        appLink: {\n          application: AppChannels.PLAYLISTS,\n          action: Actions.Playlists.COPY_PLAYLIST,\n          args: [headerProps.playlist.id]\n        },\n        button: false,\n        analyticsData,\n        analyticsOptions: {\n          ...analyticsOptions,\n          actionType: UserAction.Copy\n        }\n      });\n    }\n\n    return actions;\n  }\n};","// extracted by mini-css-extract-plugin\nexport default {\"clickViewAvatar\":\"PHe9c\"};","import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { PlaylistHeaderDetails } from 'libs/shared/apps/playlists/components/playlist-header-details/PlaylistHeaderDetails';\nimport { ActionOptions } from 'libs/shared/components/actions/Actions';\nimport { BannerHeader } from 'libs/shared/components/banner-header/BannerHeader';\nimport { Breadcrumb, Breadcrumbs, PartialBreadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { BG_COLOUR_CLASS_NAMES } from 'libs/shared/constants/ColourClassNames';\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\nimport { Classification, CurrentUser, Playlist } from 'libs/shared/interfaces';\nimport { getBgColorClass } from 'libs/shared/utils/getBgColorClass';\n\nimport { usePluginHelper } from 'shared/hooks/use-plugin-helper/usePluginHelper';\n\nimport { PartialPlaylistHeader } from './partial-loading/PartialPlaylistHeader';\nimport { PlaylistHeaderUtils } from './PlaylistHeaderUtils';\n\nimport styles from './playlist-header.scss';\n\nexport interface PlaylistHeaderProps {\n  playlist: Playlist;\n  currentUser: CurrentUser;\n  isFollowing: boolean;\n  follow: (shouldFollow: boolean, onSuccess: () => void, onError: () => void) => void;\n  imageCdnUrl: string;\n  showPartialLoading: boolean;\n  playAllAppLink: Core.AppLink;\n  isUserCurator: boolean;\n  openInCuratorLink: string;\n\n  // For breadcrumbs\n  getBreadcrumbs: () => Breadcrumb[];\n  topicPath: Classification[];\n  moviesAndTv: boolean;\n  classificationId: string;\n  totalVideos: number;\n}\n\nexport function PlaylistHeader(props: PlaylistHeaderProps): JSX.Element {\n  const { isPlugin } = usePluginHelper();\n\n  // Store isFollowing in local state so that it updates immediately.\n  const [ isFollowing, setIsFollowing ] = React.useState(props.isFollowing);\n  const [ showFollowSpinner, setShowFollowSpinner ] = React.useState(false);\n\n  React.useEffect(() => setIsFollowing(props.isFollowing), [props.isFollowing]);\n\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  if (props.showPartialLoading)\n    return <PartialPlaylistHeader />;\n\n  const description = props.playlist.description;\n\n  const actions: ActionOptions[] = PlaylistHeaderUtils.getPlaylistActions(props, {\n    isAuthenticated: props.currentUser.isAuthenticated,\n    isPlugin,\n    isMobile,\n    setIsFollowing,\n    isFollowing,\n    setShowFollowSpinner,\n    showFollowSpinner,\n    isUserCurator: props.isUserCurator,\n    openInCuratorLink: props.openInCuratorLink\n  });\n\n  const breadcrumbs = props.getBreadcrumbs();\n\n  return (\n    <>\n      <BannerHeader\n        heading={props.playlist.name}\n        banner={props.playlist.banner}\n        imageCdnUrl={props.imageCdnUrl}\n        actions={actions.length && actions}\n        actionsDropdownClassName='btn btn-outline-dark'\n        blockColourClass={getBgColorClass(props.playlist.name, BG_COLOUR_CLASS_NAMES)}\n        detailsComponent={() => (\n          <PlaylistHeaderDetails\n            playlist={props.playlist}\n            currentUser={props.currentUser}\n            detailsClassName='mb-n1 font-size-normal fw-normal mt-1'\n            clickViewAvatarClassName={styles.clickViewAvatar}\n            separatorClassName='mx-1'\n            totalVideos={props.totalVideos}\n          />\n        )}\n      />\n      {(!!description || !!breadcrumbs?.length) && (\n        <div className='border-bottom py-3'>\n          {(() => {\n            if (!props.playlist || (props.classificationId && !props.topicPath))\n              return <PartialBreadcrumbs />;\n\n            return (\n              <div className='pb-2'>\n                <Breadcrumbs breadcrumbs={breadcrumbs} />\n              </div>\n            );\n          })()}\n          {!!description && <p className='mb-0'>{description}</p>}\n        </div>\n      )}\n    </>\n  );\n}\n","import * as React from 'react';\nimport { DragEndEvent, DragStartEvent } from '@dnd-kit/core';\n\nimport { DevError } from 'libs/common/backbone/errors/DevError';\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { Core } from 'libs/common/core';\n\nimport { SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { PartialVideoList } from 'libs/shared/components/video-list/partial-loading/PartialVideoList';\nimport { SortableVideoList, VideoList, VideoListProps } from 'libs/shared/components/video-list/VideoList';\nimport { YearGroup } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\ninterface SortableVideoListContainerProps extends VideoListProps {\n  playlistId: string;\n  yearGroups: YearGroup[];\n  onSortComplete: (oldIdx: number, newIdx: number) => void;\n  onSortStart?: (index: number) => void;\n  canEdit?: boolean;\n  showPartialLoading?: boolean;\n  fetchRestrictions?: () => void;\n  showSignIn?: boolean;\n}\n\nexport function SortableVideoListContainer(props: SortableVideoListContainerProps): React.ReactElement {\n  const { onSortComplete, onSortStart, showPartialLoading, ...videoListProps } = props;\n\n  const [ currentSortingIndex, setCurrentSortingIndex ] = React.useState<number>();\n\n  const onSortStartHandler = (event: DragStartEvent) => {\n    const index = props.videos.findIndex(v => v.id.toString() === event.active.id.toString());\n\n    setCurrentSortingIndex(index);\n\n    if (FunctionHelper.isFunction(onSortStart))\n      onSortStart(index);\n  };\n\n  const onSortEnd = (event: DragEndEvent) => {\n    setCurrentSortingIndex(null);\n\n    const { active, over } = event;\n    \n    const oldIndex = props.videos.findIndex(v => v.id.toString() === active.id.toString());\n    const newIndex = props.videos.findIndex(v => v.id.toString() === over.id.toString());\n\n    if (!FunctionHelper.isFunction(onSortComplete)) {\n      Core.ErrorHelper.throw(new DevError('An onSortComplete callback function must be passed to SortableVideoListComponent'));\n      return;\n    }\n    \n    onSortComplete(oldIndex, newIndex);\n  };\n\n  if (showPartialLoading)\n    return <PartialVideoList withReordering={props.canEdit || props.showIndexes} />;\n\n  if (!props.canEdit)\n    return <VideoList {...videoListProps} />;\n\n  return (\n    <SortableVideoList\n      {...videoListProps}\n      currentSortingIndex={currentSortingIndex}\n      onSortStart={onSortStartHandler}\n      onSortEnd={onSortEnd}\n      dragHandleIcon={cvSvgLibrary.Hamburger}\n      dragHandleIconSize={SvgContainerSize.XXL}\n      presentationAudiences={props.presentationAudiences}\n    />\n  );\n}","import React from 'react';\n\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\nimport { LanguageNamespaceContext, Text } from 'libs/shared/components/text/Text';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\n\nconst namespace = 'playlists.playlistEmptyState';\n\nexport function PlaylistEmptyState(): JSX.Element {\n  return (\n    <LanguageNamespaceContext.Provider value={namespace}>\n      <EmptyState>\n        <EmptyState.Image src={ImageUrls.EmptyStates.Playlists.PLAYLIST_VIDEOS} />\n\n        <EmptyState.Heading><Text phrase='heading' /></EmptyState.Heading>\n\n        <EmptyState.Info><Text phrase='info' /></EmptyState.Info>\n      </EmptyState>\n    </LanguageNamespaceContext.Provider>\n  );\n}","import { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { AssocDescriptor, EntityType, LocationContext, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { PlaylistHelper } from 'libs/shared/apps/playlists/utils/PlaylistHelper';\nimport { VideoActionsOptions } from 'libs/shared/context/VideoActionsContext';\nimport { CurrentUser, Playlist, Video, VideoTypes } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { PlaylistNotFoundError } from 'shared/errors/playlists/playlist-not-found/LitePlaylistNotFoundError';\nimport { PlaylistPrivateError } from 'shared/errors/playlists/playlist-private/PlaylistPrivateError';\nimport { useVideoActions, VideoActionsLocation } from 'shared/hooks/use-video-actions/useVideoActions';\n\nconst getPhrase = LanguageService.encloseNamespace('playlists.playlist');\n\n/**\n * NOTE:\n * This will be wrong if we increase the playlist limit from 100, or\n * stop fetching all 100 videos at once.\n */\nexport function getLastUpdatedDate(videos: Video[]): string {\n  const videoLastUpdatedDates: string[] = videos && videos.length && videos.map(v => v.dateAssociated);\n\n  return (videoLastUpdatedDates && videoLastUpdatedDates.length)\n    ? ArrayHelper.max<string, number>(videoLastUpdatedDates, (date: string) => new Date(date).getTime())\n    : null;\n}\n\nexport function usePlaylistViewVideoActions(\n  playlist: Playlist,\n  currentUser: CurrentUser,\n  shareId: string\n) {\n  const videoActions = useVideoActions({ location: VideoActionsLocation.VideoItem, shareId });\n\n  if (!PlaylistHelper.isOwner(playlist, currentUser))\n    return videoActions;\n\n  const getVideoActions = (video: VideoTypes, options?: VideoActionsOptions) => {\n    const { canConsume } = VideoHelper.getCanBeConsumed(video);\n\n    const removeFromPlaylistAction = {\n      label: getPhrase('removeFromPlaylist'),\n      button: false,\n      svgName: cvSvgLibrary.Delete,\n      appLink: {\n        application: AppChannels.PLAYLISTS,\n        action: Actions.Playlists.REMOVE_VIDEO_FROM_PLAYLIST,\n        args: [ video.id, playlist.id ],\n        params: { typeId: video.typeId }\n      },\n      className: 'text-danger',\n      analyticsOptions: {\n        entity: EntityType.Video,\n        actionType: UserAction.Dissociate,\n        location: LocationContext.VideoListItem,\n        workflowPhase: WorkflowPhase.Start,\n        descriptor: AssocDescriptor.Playlist\n      },\n      analyticsData: {\n        id: video.id,\n        playlistId: playlist.id\n      },\n      group: 'delete'\n    };\n\n    if (!canConsume)\n      return [removeFromPlaylistAction];\n\n    return [ ...videoActions.getVideoActions(video, options), removeFromPlaylistAction ];\n  };\n\n  return {\n    ...videoActions,\n    getVideoActions\n  };\n}\n\nexport function logSortAction(playlistId: string, videoId: string, workflowPhase: WorkflowPhase): void {\n  AnalyticsHelper.logUserAction({ id: videoId, playlistId }, {\n    location: LocationContext.VideoList,\n    entity: EntityType.Video,\n    actionType: UserAction.Move,\n    workflowPhase\n  });\n}\n\nexport const playlistErrors = {\n  notFound: PlaylistNotFoundError,\n  forbidden: {\n    privacy: PlaylistPrivateError\n  }\n};","import * as React from 'react';\nimport { useDispatch } from 'react-redux';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\nimport { Flight } from 'libs/common/flight';\n\nimport { LocationContext, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { PlaylistHelper } from 'libs/shared/apps/playlists/utils/PlaylistHelper';\nimport { InfiniteScrollFooter } from 'libs/shared/components/infinite-scroll-footer/InfiniteScrollFooter';\nimport { VideoActionsContext } from 'libs/shared/context/VideoActionsContext';\nimport { RelatedVideosContext } from 'libs/shared/enums/RelatedVideosContext';\nimport { AudienceRequests } from 'libs/shared/flight-requests/AudienceRequests';\nimport { ClassificationRequests } from 'libs/shared/flight-requests/ClassificationRequests';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { PlaylistRequests } from 'libs/shared/flight-requests/PlaylistRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { useBreadcrumbs } from 'libs/shared/hooks/useBreadcrumbs';\nimport { useCurationStudio } from 'libs/shared/hooks/useCurationStudio';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { useInfiniteList } from 'libs/shared/hooks/UseInfiniteList';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useReorderedItems } from 'libs/shared/hooks/UseReorderedItems';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Classification, Config, Following, OnlineCurrentUser, Playlist, Presentation, PresentationAudience, Series, VideoTypes, YearGroup } from 'libs/shared/interfaces';\nimport { GetVideoAppLinkOptions } from 'libs/shared/interfaces/VideoAppLinkOptions';\nimport { PageMetadataHelper } from 'libs/shared/utils/PageMetadataHelper';\nimport { ReorderHelper } from 'libs/shared/utils/ReorderHelper';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { usePluginHelper } from 'shared/hooks/use-plugin-helper/usePluginHelper';\nimport { useDeepLinks } from 'shared/hooks/useDeepLinks';\nimport { useLiteFavourites } from 'shared/hooks/useLiteFavourites';\nimport { useVideoMixin } from 'shared/hooks/useVideoMixin';\nimport { InteractiveHelpers } from 'shared/utils/InteractiveHelper';\nimport { SeoHelper } from 'shared/utils/SeoHelper';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nimport { PlaylistHeader } from 'apps/playlists/components/playlist-header/PlaylistHeader';\nimport { SortableVideoListContainer } from 'apps/playlists/components/video-list/SortableVideoListContainer';\n\nimport { PlaylistEmptyState } from './empty-state/PlaylistEmptyState';\nimport { logSortAction, playlistErrors, usePlaylistViewVideoActions } from './PlaylistViewUtils';\n\nconst namespace = 'playlists.playlist';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface PlaylistViewProps {\n  playlistId: string;\n  shareId?: string;\n  classificationId?: string;\n  getSeriesAppLink: (series: Series) => Core.AppLink;\n  moviesAndTv?: boolean;\n}\n\nexport function PlaylistView(props: PlaylistViewProps): React.ReactElement {\n  const dispatch = useDispatch();\n  const alerts = useAlerts();\n\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const currentUser = Flight.useBasicFetch<OnlineCurrentUser>(UserRequests.currentUser());\n  const { isUserCurator, getOpenInCurationStudioLink } = useCurationStudio();\n  const { hasPermissions } = usePermissions();\n  const { isPlugin } = usePluginHelper();\n\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n    currentUser.data?.isAuthenticated && CustomerRequests.yearGroups(currentUser.data.customerId)\n  );\n\n  const topicPath = Flight.useBasicFetch<Classification[]>(\n    props.classificationId &&\n    ClassificationRequests.path(props.classificationId)\n  );\n\n  const classification = Flight.useBasicFetch<Classification>(\n    props.classificationId &&\n    ClassificationRequests.classification(props.classificationId, currentUser.data?.id)\n  );\n\n  const classificationPresentation = Flight.useBasicFetch<Presentation>(\n    classification.hasCompleted &&\n    ClassificationRequests.presentationById(classification.data?.presentationId)\n  );\n\n  const audiences = Flight.useBasicFetch<PresentationAudience[]>(\n    (!props.classificationId || classificationPresentation.hasCompleted) &&\n    AudienceRequests.presentationAudiences(classificationPresentation.data?.id)\n  );\n\n  const { setFavourite, canFavourite } = useLiteFavourites(LocationContext.VideoThumbnail);\n\n  const playlistRequest = props.shareId\n    ? PlaylistRequests.getSharedPlaylist(props.playlistId, props.shareId)\n    : PlaylistRequests.getPlaylist(props.playlistId);\n\n  const playlistItemCountRequest = props.shareId\n    ? PlaylistRequests.getSharedPlaylistVideosCount(props.playlistId, props.shareId)\n    : PlaylistRequests.getPlaylistVideosCount(props.playlistId);\n\n  const playlist = Flight.useBasicFetch<Playlist>(playlistRequest);\n  const playlistWithCounts = Flight.useBasicFetch<Playlist>(playlistItemCountRequest);\n\n  const getVideoItemActions = usePlaylistViewVideoActions(playlist.data, currentUser.data, props.shareId);\n\n  useHandleObjectError(playlist, playlistErrors);\n\n  const getVideosRequest = (cursor?: string) => {\n    return props.shareId\n      ? PlaylistRequests.getSharedPlaylistVideos(props.playlistId, props.shareId, cursor)\n      : PlaylistRequests.getPlaylistVideos(props.playlistId, cursor);\n  };\n\n  const following = Flight.useBasicFetch<Following>(\n    currentUser.data?.id &&\n    PlaylistRequests.getIsFollowingPlaylist(props.playlistId, currentUser.data?.id)\n  );\n\n  const fetchNext = (cursor?: string) => {\n    Flight.getFetch(dispatch)(getVideosRequest(cursor));\n  };\n\n  const { items: videos, hasMore, isFetching } = useInfiniteList<VideoTypes>(getVideosRequest, fetchNext);\n\n  useVideoMixin(videos);\n\n  // Locally stored array of videos used to immediately reflect changes in order.\n  const [ reorderedVideos, setReorderedVideos ] = useReorderedItems(videos);\n\n  useDeepLinks({ id: props.playlistId, app: 'playlists', shareId: props.shareId });\n  useSetPageMetadata(PageMetadataHelper.getPlaylistMetadata({\n    content: playlist.data,\n    phraseContext: {\n      phraseHandler: getPhrase,\n      titlePhrase: 'pageTitle',\n      descriptionPhrase: 'pageDescription'\n    },\n    canonicalLink: SeoHelper.getCanonicalLink({ stripPresentationSlug: true }),\n    allowIndexing: false\n  }));\n\n  const onSortStart = (index: number) => {\n    const video = videos[index];\n\n    if (video)\n      logSortAction(props.playlistId, video.id, WorkflowPhase.Start);\n  };\n\n  const onSortComplete = (oldIdx: number, newIdx: number) => {\n    if (oldIdx === newIdx)\n      return;\n\n    const video = videos[oldIdx];\n\n    if (!video)\n      return;\n\n    const { reorderedItems, reorderRequest } = ReorderHelper.reorder(videos, oldIdx, newIdx);\n    setReorderedVideos(reorderedItems);\n\n    logSortAction(props.playlistId, video.id, WorkflowPhase.Complete);\n\n    const onError = () => {\n      setReorderedVideos(null);\n    };\n\n    Flight.fetch(dispatch, PlaylistRequests.reorderVideos(props.playlistId, reorderRequest, null, onError));\n  };\n\n  const follow = (shouldFollow: boolean, onSuccess: () => void, onError: () => void) => {\n    const req = shouldFollow\n      ? PlaylistRequests.followPlaylist\n      : PlaylistRequests.unfollowPlaylist;\n\n    const error = () => {\n      onError();\n      alerts.error(getPhrase(shouldFollow ? 'followError' : 'unfollowError'));\n    };\n\n    Flight.fetch(dispatch, req(props.playlistId, currentUser.data?.id, onSuccess, error));\n  };\n\n  const playlistIsEmpty = !!videos && videos.length === 0;\n\n  const getVideoAppLink = (video: VideoTypes, playNext: boolean, options: GetVideoAppLinkOptions = {}) => {\n    return VideoAppLinkHelper.getAppLink(video, {\n      ...options,\n      contextId: props.playlistId,\n      context: RelatedVideosContext.Playlist,\n      shareId: props.shareId,\n      moviesAndTv: props.moviesAndTv,\n      playNext\n    });\n  };\n\n  const isFollowingComplete = !currentUser.data?.isAuthenticated || !!following.hasCompleted;\n\n  // The play all applink should start from the first consumable video\n  const firstPlayAllVideo = videos?.find(v => VideoHelper.getCanBeConsumed(v)?.canConsume);\n  const canEdit = PlaylistHelper.isOwner(playlist.data, currentUser.data);\n\n  const videoDataLoaded = (\n    videos && currentUser.data && config.data\n  );\n\n  const getSignInAppLink = (appLink: Core.AppLink): Core.AppLink => {\n    const redirectUrl = Core.AppLinkHelper.getHref(appLink);\n    const params = redirectUrl !== '/' ? { redirectUrl } : {};\n    \n    return {\n      application: AppChannels.DEFAULT,\n      action: Actions.Default.LOG_IN,\n      params\n    };\n  };\n\n  const breadcrumbs = useBreadcrumbs({ name: playlist.data?.name });\n\n  return (\n    <VideoActionsContext.Provider value={currentUser.data?.isAuthenticated && getVideoItemActions}>\n      <div className='bg-white px-3'>\n        <PlaylistHeader\n          playlist={playlist.data}\n          currentUser={currentUser.data}\n          isFollowing={following.data?.isFollowing}\n          follow={follow}\n          playAllAppLink={firstPlayAllVideo && getVideoAppLink(firstPlayAllVideo, true)}\n          showPartialLoading={!playlist.data || !videoDataLoaded || !isFollowingComplete}\n          imageCdnUrl={!!config.data && config.data.imageCdnUrl}\n          getBreadcrumbs={() => breadcrumbs}\n          topicPath={topicPath.data}\n          moviesAndTv={props.moviesAndTv}\n          classificationId={props.classificationId}\n          isUserCurator={isUserCurator}\n          openInCuratorLink={getOpenInCurationStudioLink(playlist.data?.typeId, playlist.data?.id)}\n          totalVideos={PlaylistHelper.getVideoCount(playlistWithCounts.data)}\n        />\n        <div className='mt-2'>\n          {!playlistIsEmpty\n            ? (\n              <SortableVideoListContainer\n                videos={reorderedVideos || videos}\n                yearGroups={yearGroups.data}\n                playlistId={!!playlist.data && playlist.data.id}\n                onSortStart={onSortStart}\n                onSortComplete={onSortComplete}\n                canEdit={canEdit}\n                showPartialLoading={!videoDataLoaded}\n                getVideoAppLink={(v, opts) => getVideoAppLink(v, false, opts)}\n                getSubTextAppLink={video => props.getSeriesAppLink(video.series)}\n                setFavourite={setFavourite}\n                canFavourite={canFavourite}\n                showSignIn={!currentUser.data?.isAuthenticated}\n                getSignInAppLink={getSignInAppLink}\n                canRemovePrivateVideos={canEdit}\n                presentationAudiences={props.moviesAndTv ? null : audiences.data}\n                showIndexes={true}\n                hasPermissions={hasPermissions}\n                getPreviewQuestionsAppLink={interactive => InteractiveHelpers.getPreviewQuestionsAppLink(interactive)}\n                imageCdnUrl={config.data?.imageCdnUrl}\n                isPlugin={isPlugin}\n                getClassroomGuideAppLink={VideoAppLinkHelper.getClassroomGuideAppLink}\n                getInteractiveGuidanceAppLink={VideoAppLinkHelper.getInteractiveGuidanceAppLink}\n                getResourceGuidanceAppLink={VideoAppLinkHelper.getResourceGuidanceAppLink}\n              />\n            ) : <PlaylistEmptyState />\n          }\n        </div>\n        {(hasMore || isFetching) && <InfiniteScrollFooter isFetching={isFetching} fetchNext={fetchNext} />}\n      </div>\n    </VideoActionsContext.Provider>\n  );\n}\n","import { useEffect, useState } from 'react';\n\nimport { BaseObject } from 'libs/shared/interfaces';\n\nfunction isOrderEqual(arr1: BaseObject[], arr2: BaseObject[]): boolean {\n  let isEqual = true;\n\n  if (arr1.length !== arr2.length)\n    return false;\n\n  for (let i = 0; i < arr1.length; i++) {\n    if (arr1[i].id !== arr2[i].id) {\n      isEqual = false;\n      break;\n    }\n  }\n\n  return isEqual;\n}\n\n/**\n * This function can be used to temporarily store an array of reordered objects\n * until the array obtained from the application store updates to the new order.\n * \n * @param items array of objects from application store.\n */\nexport function useReorderedItems<T extends BaseObject>(\n  items: T[]\n): [ T[], React.Dispatch<React.SetStateAction<T[]>> ] {\n  const [ reorderedItems, setReorderedItems ] = useState<T[]>();\n\n  useEffect(() => {\n    if (!reorderedItems)\n      return;\n\n    if (items.length !== reorderedItems.length || isOrderEqual(items, reorderedItems))\n      setReorderedItems(null);\n  }, [items]);\n\n  return [ reorderedItems, setReorderedItems ];\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}","\"use client\";\n\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport { useBootstrapPrefix, useBootstrapBreakpoints, useBootstrapMinBreakpoint } from './ThemeProvider';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst Row = /*#__PURE__*/React.forwardRef(({\n  bsPrefix,\n  className,\n  // Need to define the default \"as\" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595\n  as: Component = 'div',\n  ...props\n}, ref) => {\n  const decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'row');\n  const breakpoints = useBootstrapBreakpoints();\n  const minBreakpoint = useBootstrapMinBreakpoint();\n  const sizePrefix = `${decoratedBsPrefix}-cols`;\n  const classes = [];\n  breakpoints.forEach(brkPoint => {\n    const propValue = props[brkPoint];\n    delete props[brkPoint];\n    let cols;\n    if (propValue != null && typeof propValue === 'object') {\n      ({\n        cols\n      } = propValue);\n    } else {\n      cols = propValue;\n    }\n    const infix = brkPoint !== minBreakpoint ? `-${brkPoint}` : '';\n    if (cols != null) classes.push(`${sizePrefix}${infix}-${cols}`);\n  });\n  return /*#__PURE__*/_jsx(Component, {\n    ref: ref,\n    ...props,\n    className: classNames(className, decoratedBsPrefix, ...classes)\n  });\n});\nRow.displayName = 'Row';\nexport default Row;"],"names":["PortalHelper","renderInPortalIfExists","component","portalContainer","createPortal","namespace","ComingSoonTag","props","Tooltip","title","LanguageService","spanHackClassName","spanHack","className","SvgContainer","svgName","onlyIcon","GenericCalendarDate","AppLink","appLink","getAppLink","theme","border","analyticsData","analyticsOptions","background","label","body","type","getBodyClass","text","month","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","BreadcrumbItem","breadcrumb","name","active","withBackIcon","Breadcrumbs","breadcrumbs","isMobile","collapse","setCollapse","characterLength","reduce","prev","next","first","secondLast","last","rest","slice","onClick","map","idx","key","PartialBreadcrumbs","numItems","dangerouslySetInnerHTML","__html","InfiniteScrollFooter","ref","inView","fetchOnScroll","isFetching","fetchNext","nextCursor","Spinner","as","animation","role","PartialVideoList","Array","numVideos","fill","_","i","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","generateCacheKey","flightObjs","obj","join","useHandleObjectError","_flightObjs","customErrors","ignoreErrors","isArray","useEffect","forEach","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","onScroll","FunctionHelper","addEventListener","removeEventListener","shouldInitialFetch","httpStatusClass","toString","substr","HttpStatus","items","totalItems","hasFirstPageCompleted","useBreadcrumbs","current","match","useBuilder","DEFAULT_PARTIAL_LOADING_OPTIONS","minWidth","maxWidth","PartialLoadingHelper","getPartialLoadingItems","opts","Math","max","floor","random","PlaylistHelper","isPlaylist","typeId","MasterType","isOwner","playlist","currentUser","ObjectHelper","_liteOwner","id","getVideoCount","count","videos","clips","interactives","Separator","getPlaylistOwnerName","surname","TextHelper","substring","split","PlaylistHeaderDetails","currentUserIsOwner","followerCount","followers","lastUpdated","contentModifiedDate","now","getLastUpdated","detailsClassName","hideOwnerName","_isClickViewCurated","value","clickViewAvatarClassName","ClickViewAvatar","user","separatorClassName","totalVideos","smartCount","timeAgo","PartialPlaylistHeader","getPhrase","PlaylistHeaderUtils","getPlaylistActions","headerProps","args","isAuthenticated","isPlugin","setIsFollowing","isFollowing","setShowFollowSpinner","showFollowSpinner","isUserCurator","openInCuratorLink","videoCount","interactiveCount","clipCount","isClickViewPlaylist","location","entity","workflowPhase","playAllAppLink","push","button","actionType","href","openInNewTab","application","action","params","entityType","eventVersion","follow","AnalyticsHelper","descriptor","showSpinner","PlaylistHeader","usePluginHelper","showPartialLoading","description","getBreadcrumbs","getBgColorClass","classificationId","topicPath","SortableVideoListContainer","onSortComplete","onSortStart","videoListProps","currentSortingIndex","setCurrentSortingIndex","canEdit","showIndexes","event","index","findIndex","v","onSortEnd","over","oldIndex","newIndex","DevError","dragHandleIcon","dragHandleIconSize","presentationAudiences","VideoList","PlaylistEmptyState","EmptyState","ImageUrls","logSortAction","playlistId","videoId","playlistErrors","PlaylistPrivateError","PlaylistView","dispatch","alerts","config","ConfigRequests","UserRequests","useCurationStudio","getOpenInCurationStudioLink","hasPermissions","usePermissions","yearGroups","data","CustomerRequests","customerId","ClassificationRequests","classification","classificationPresentation","hasCompleted","presentationId","audiences","AudienceRequests","useLiteFavourites","u","setFavourite","canFavourite","playlistRequest","shareId","PlaylistRequests","playlistItemCountRequest","playlistWithCounts","getVideoItemActions","videoActions","useVideoActions","getVideoActions","video","canConsume","VideoHelper","removeFromPlaylistAction","group","usePlaylistViewVideoActions","getVideosRequest","following","useVideoMixin","reorderedItems","setReorderedItems","arr1","arr2","isEqual","isOrderEqual","reorderedVideos","setReorderedVideos","useDeepLinks","app","useSetPageMetadata","PageMetadataHelper","content","phraseContext","phraseHandler","titlePhrase","descriptionPhrase","canonicalLink","SeoHelper","stripPresentationSlug","allowIndexing","playlistIsEmpty","playNext","VideoAppLinkHelper","contextId","context","RelatedVideosContext","moviesAndTv","isFollowingComplete","firstPlayAllVideo","find","videoDataLoaded","VideoActionsContext","shouldFollow","onSuccess","req","error","oldIdx","newIdx","ReorderHelper","reorderRequest","getVideoAppLink","getSubTextAppLink","getSeriesAppLink","series","showSignIn","getSignInAppLink","redirectUrl","canRemovePrivateVideos","getPreviewQuestionsAppLink","interactive","InteractiveHelper","getClassroomGuideAppLink","getInteractiveGuidanceAppLink","getResourceGuidanceAppLink","objects","hydratedVideos","Set","filter","o","getValidObjects","videoIds","setRequest","unhydratedVideos","has","add","r","newRequests","flightNamespace","bsPrefix","Component","decoratedBsPrefix","minBreakpoint","sizePrefix","classes","brkPoint","propValue","cols","infix","displayName"],"sourceRoot":""}

package/dist/scripts/6290-eb223883fe-lite.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[6290],{49935:(e,t,n)=>{n.d(t,{Oo:()=>p,b2:()=>d});var r=n(32735),a=n(36848),i=n(86764),l=n(3747),o=n(5859),c=n(35223),s=n(83914);function u(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 m=function(e){var t=e.breadcrumb,n=t.name,i=t.appLink,l=t.active,o=e.withBackIcon;return r.createElement("li",{className:"breadcrumb-item".concat(l?" active":"")},l?r.createElement("strong",null,n):r.createElement(a.F,{appLink:i},o&&r.createElement(s.x,{svgName:c.vn.ChevronLeft,size:s.S.Small}),r.createElement("span",{className:o?"ms-2":""},n)))},p=function(e){var t,n,a=e.breadcrumbs,o=(0,l.a)(i.r.XS),c=(null==a?void 0:a.length)||0,s=(t=r.useState(!1),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw a}}return o}}(t,n)||function(e,t){if(e){if("string"==typeof e)return u(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)?u(e,t):void 0}}(t,n)||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.")}()),p=s[0],d=s[1];if(r.useEffect((function(){var e,t=null!==(e=null==a?void 0:a.reduce((function(e,t){return e+t.name.length}),0))&&void 0!==e?e:0;c>3&&t>56&&d(!0)}),[null==a?void 0:a.length]),!c||o&&c<2)return r.createElement(r.Fragment,null);if(o)return r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement("ol",{className:"breadcrumb m-0 p-0"},r.createElement(m,{breadcrumb:a[c-2],withBackIcon:!0})));var f=r.createElement(m,{breadcrumb:a[0]}),b=c>2?r.createElement(m,{breadcrumb:a[c-2]}):r.createElement(r.Fragment,null),v=r.createElement(m,{breadcrumb:a[c-1]}),g=a.slice(1,c-2);return r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement("ol",{className:"breadcrumb m-0 p-0"},f,p?r.createElement("li",{className:"breadcrumb-item"},r.createElement("button",{className:"btn-link",onClick:function(){return d(!1)}},"...")):g.map((function(e,t){return r.createElement(m,{key:t,breadcrumb:e})})),b,v))},d=r.memo((function(e){var t=e.numItems,n=void 0===t?3:t;return(0,l.a)(i.r.XS)?r.createElement("div",{className:"partial-loading-background",style:{height:"1.3125rem",width:"6rem"}}):r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement("ol",{className:"breadcrumb m-0 p-0"},o.u.getPartialLoadingItems({numItems:n}).map((function(e,t){var n=e.width;return r.createElement("li",{key:t,className:"breadcrumb-item"},r.createElement("span",{className:"d-inline-block partial-loading-background",style:{width:n},dangerouslySetInnerHTML:{__html:"&nbsp"}}))}))))}))},23201:(e,t,n)=>{n.d(t,{A:()=>s});var r=n(32735),a=n(92802),i=n(2102),l=n(83345),o=n(33936),c="shared.formButtons";function s(e){var t=(0,a.u6)(),n=(0,o.l)(t);return r.createElement(i.m,{variant:e.variant||"primary",type:"submit",disabled:!n,size:e.size,className:e.className?e.className:"",showSpinner:t.isSubmitting},e.submitText?r.createElement(r.Fragment,null,e.submitText):r.createElement(l.x,{namespace:c,phrase:e.isNew?"create":"save"}))}},38365:(e,t,n)=>{n.d(t,{n:()=>S,W:()=>N});var r=n(32735),a=n(80247),i=n(80130),l=n(92802),o=n(91967),c=n(1048),s=n(36848),u=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};function m(e){var t=e.label,n=e.checkboxLabelClassName,a=e.checkboxLabelFontWeight,l=e.className,o=u(e,["label","checkboxLabelClassName","checkboxLabelFontWeight","className"]);return r.createElement(i.Z.Group,{className:"form-group"},r.createElement("div",{className:"form-check ".concat(l||"")},r.createElement(S,Object.assign({className:"form-check-input"},o)),r.createElement(i.Z.Label,{className:"form-check-label cursor-pointer ".concat("normal"===a?"fw-normal":""," \n          ").concat(n),htmlFor:o.id},t),e.checkboxAppLink&&e.checkboxAppLinkText&&r.createElement(r.Fragment,null,r.createElement("span",null," "),r.createElement(s.F,{appLink:e.checkboxAppLink,className:"info-link"},e.checkboxAppLinkText))))}var p=n(83914),d=n(83345),f=n(73814),b=n(35223);function v(e){var t=(0,l.u6)().values[e.fieldName];return"string"!=typeof t?r.createElement(r.Fragment,null):r.createElement("div",{className:"float-end text-secondary fw-normal"},t.length,"/",e.limit," characters")}const g={revealPassword:"jCfI0",passwordInput:"RBJnf",passwordContainer:"d78lK",passwordContainerDisabled:"asbVo",infoTooltip:"wzyOG",spinner:"CycFx"};function h(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 y=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n},E="shared.formField";function S(e){var t,n,i=e.children,s=e.showLoadingSpinner,u=y(e,["children","showLoadingSpinner"]),m=(t=r.useState(e.type),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw a}}return o}}(t,n)||function(e,t){if(e){if("string"==typeof e)return h(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)?h(e,t):void 0}}(t,n)||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.")}()),d=m[0],f=m[1],v=o.q.isFunction(i)?function(e){return i(e)}:r.Children.count(i)?i:null;if("password"!==u.type)return s?r.createElement("div",{className:"position-relative"},r.createElement(l.gN,Object.assign({},c.t.omit(u,["formSize"])),v),r.createElement("div",{className:g.spinner},r.createElement(a.Z,{animation:"border",size:"sm"}))):r.createElement(l.gN,Object.assign({},c.t.omit(u,["formSize"])),v);var E="position-relative ".concat(g.passwordContainer);return u.className&&(E+=" ".concat(u.className)),u.disabled&&(E+=" ".concat(g.passwordContainerDisabled)),r.createElement("div",{className:E},r.createElement(l.gN,Object.assign({},c.t.omit(u,["formSize","type","className"]),{type:d,className:"".concat(g.passwordInput," border-0 w-100 h-100 outline-none rounded")}),v),"password"===u.type&&r.createElement(p.x,{svgName:"password"===d?b.vn.VisibleOn:b.vn.VisibleOff,className:"svg-container cursor-pointer ".concat(g.revealPassword),onClick:function(){f("password"===d?"text":"password")}}))}function N(e){var t=e.label,n=e.className,a=e.showCharacterCounter,o=e.showRequiredStar,s=e.infoTooltip,u=e.infoTooltipPlacement,h=e.infoText,N=e.formSize,w=e.showOptionalLabel,O=y(e,["label","className","showCharacterCounter","showRequiredStar","infoTooltip","infoTooltipPlacement","infoText","formSize","showOptionalLabel"]),x=(0,l.u6)(),A=x.errors,k=x.touched,I=function(){};if("checkbox"===O.type){var j=c.t.omit(e,["formSize","infoTooltipPlacement"]);return e.disabled&&(j.onChange=I),r.createElement(m,Object.assign({},j))}var C=Object.assign(Object.assign({},O),{className:f.w.getCustomFormControlClassName(A,k,O.name,N,n,"string"==typeof e.as?e.as:null)});return e.disabled&&(C.onChange=I),r.createElement(i.Z.Group,{className:"form-group"},!!t&&r.createElement(i.Z.Label,{htmlFor:O.id,className:"d-flex align-items-center"},t,o&&r.createElement("span",{className:"text-danger"},"*"),s&&r.createElement(p.x,{className:"svg-container text-secondary ".concat(g.infoTooltip),svgName:b.vn.Info,title:s,tooltipPlacement:u,tooltipSpanHack:!0}),w&&r.createElement("span",{className:"text-secondary"}," ",r.createElement(d.x,{namespace:E,phrase:"optional"})),!!a&&!!O.maxLength&&r.createElement("div",{className:"ms-auto"},r.createElement(v,{fieldName:O.name,limit:O.maxLength}))),r.createElement(S,Object.assign({},C)),!!h&&r.createElement(i.Z.Text,{className:"text-secondary"},h),r.createElement(l.Bc,{name:O.name},(function(e){return r.createElement(i.Z.Control.Feedback,{type:"invalid"},e)})))}S.defaultProps={autoComplete:"off"},N.defaultProps={autoComplete:"off",infoTooltipPlacement:"top"}},82644:(e,t,n)=>{n.d(t,{b:()=>u,n:()=>s});var r=n(32735),a=n(92802),i=n(91967),l=n(1048);function o(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 c=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};function s(e){var t=e.castInitialValues,n=e.castValuesOnSubmit,s=e.initialValues,u=e.onSubmit,m=c(e,["castInitialValues","castValuesOnSubmit","initialValues","onSubmit"]),p=t&&e.validationSchema?e.validationSchema.cast(function(e){if(!e)return{};var t=l.t.deepClone(e);return function e(n){Object.keys(t).forEach((function(r){t.hasOwnProperty(r)&&(l.t.isObject(n[r])?e(n[r]):null===t[r]&&delete t[r])}))}(t),t}(s)):s,d={allowInitialSubmit:e.allowInitialSubmit};return r.createElement(a.J9,Object.assign({enableReinitialize:!0},m,{initialValues:p,onSubmit:function(t,r){var a=r.setSubmitting,i=r.resetForm,l=r.setFieldError,c=n&&e.validationSchema?e.validationSchema.cast(t):t;u(c,(function(){var e,t,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(n.reset&&i(),n.errors)for(var r=0,c=Object.entries(n.errors);r<c.length;r++){var s=(e=c[r],t=2,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,i,l,o=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&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 o(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)?o(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.")}()),u=s[0],m=s[1];l(u,m)}a(!1)}))},initialStatus:d}),i.q.isFunction(e.children)?function(t){return e.children(t)}:r.Children.count(e.children)?e.children:null)}function u(){return(0,a.u6)()}s.defaultProps={castInitialValues:!0,castValuesOnSubmit:!0}},99705:(e,t,n)=>{var r,a;n.d(t,{b:()=>a}),function(e){e.AddToPlaylist="115005679748",e.EditSsoAccounts="8202508040345",e.LibraryEditor="360001974533",e.VideoAccess="360000153947",e.AddFromOnline="360011718234",e.UploadToLibraryEditor="360012069334",e.PBTErrorCodes="360012421153",e.ManuelReview="360020004534",e.LibraryReview="360000163788"}(r||(r={})),function(e){e.Integrations="4407268725529",e.Classrooms="4405362551833",e.MakeInteractive="4405370510873",e.EditSsoAccounts="8202605666073",e.UploadToLibraryEditor="10672936659865",e.AddFromLite="10671345281561",e.ManageSsoYearGroups="14691130889241",e.ContentReview="18525199576601",e.ContentPermissions="14692125209497",e.AccessSettings="22110291468057",e.ContentGuidelines="24133696186009",e.FoxtelFaq="24133519542169",e.ViviIntegration="23826297956377",e.AppleTvIntegration="25832373739929",e.RssFeed="32567445635097"}(a||(a={}))},73814:(e,t,n)=>{n.d(t,{w:()=>a});var r=n(92802),a={getCustomFormControlClassName:function(e,t,n,a,i,l){var o="";return o=function(e,t){var n="";return n="select"===e?"form-select":"form-control","sm"===t&&(n+=" ".concat(n,"-sm")),"lg"===t&&(n+=" ".concat(n,"-lg")),n}(l,a),(0,r.u9)(t,n)&&(0,r.u9)(e,n)&&(o+=" is-invalid"),i&&(o+=" ".concat(i)),o}}},5859:(e,t,n)=>{function r(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}n.d(t,{u:()=>i});var a={numItems:5,minWidth:50,maxWidth:100},i={getPartialLoadingItems:function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Object.assign(Object.assign({},a),t);return(e=Array(n.numItems),function(e){if(Array.isArray(e))return r(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return r(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)?r(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()).map((function(){return{width:"".concat(Math.max(Math.floor(Math.random()*n.maxWidth),n.minWidth),"px")}}))}}},81803:(e,t,n)=>{n.d(t,{d:()=>f});var r=n(32735),a=n(81886),i=n(23481),l=n(49935),o=n(22902),c=n(14070),s=n(97291),u=n(96368);function m(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 p="settings.settingsLayout",d=function(e){var t=(0,o.T)().hasPermissions,n=(0,u.e)();if(e)return t(e);var r=a.Q.C$.getCurrentAppLink();return r.application!==s.O.SETTINGS||n.some((function(e){return e.modules.some((function(e){return"appLink"in e&&e.appLink.action===r.action}))}))};function f(e){var t,n=d(e.requiredPermissions);if(r.useEffect((function(){n||a.Q.C$.trigger({application:s.O.SETTINGS,action:c.e.Settings.HOME},{replace:!0})}),[n]),!n)return r.createElement(r.Fragment,null);var o,u=e.breadcrumbs.map((function(t,n){return{name:t,appLink:{application:s.O.SETTINGS,action:c.e.Settings.HOME},active:n===e.breadcrumbs.length-1}}));return r.createElement("div",{className:"px-3"},r.createElement("div",{className:"d-flex align-items-center justify-content-between"},r.createElement("h1",{className:"h2"},e.heading),null===(t=e.headingButton)||void 0===t?void 0:t.call(e)),r.createElement("div",{className:"pb-3"},r.createElement(l.Oo,{breadcrumbs:[{name:i.T.getPhrase(p,"settingsBreadcrumb"),appLink:{application:s.O.SETTINGS,action:c.e.Settings.HOME}}].concat((o=u,function(e){if(Array.isArray(e))return m(e)}(o)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(o)||function(e,t){if(e){if("string"==typeof e)return m(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)?m(e,t):void 0}}(o)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()))})),e.description&&r.createElement(r.Fragment,null,r.createElement("p",null,e.description),r.createElement("hr",null)),e.children)}},26290:(e,t,n)=>{n.r(t),n.d(t,{SsoYearGroupMappingView:()=>C});var r=n(32735),a=n(23481),i=n(20354),l=n(82644),o=n(83345),c=n(99705),s=n(31949),u=n(69883),m=n(79612),p=n(12778),d=n(81803);const f={partialList:"yOf8H",partialField:"i1drn",partialInput:"UYs6_",partialLabel:"hor2G"};function b(){return r.createElement("div",{className:"d-flex flex-wrap ".concat(f.partialList)},Array(6).fill(null).map((function(e,t){return r.createElement("div",{className:f.partialField,key:t},r.createElement("div",{className:"".concat(f.partialLabel," partial-loading-background")}),r.createElement("div",{className:"".concat(f.partialInput," rounded partial-loading-background")}))})))}var v=n(92802),g=n(23201),h=n(38365),y=n(86764),E=n(3747);const S={list:"GGV5A",field:"A_wE8",input:"aJzpE"};var N=a.T.encloseNamespace("settings.ssoYearGroupMappingForm"),w=function(e){var t;return(null===(t=e.yearGroup)||void 0===t?void 0:t.id)||"staff"},O=function(e){if((0,E.a)(y.r.MDDown))return"100%";var t=95*Math.ceil(e/2);return"".concat(t,"px")};function x(){var e=(0,v.u6)(),t=O(e.values.mappings.length);return r.createElement(v.l0,null,r.createElement("div",{className:"d-flex flex-wrap ".concat(S.list),style:{maxHeight:t}},e.values.mappings.map((function(t){var n=w(t),a=t.yearGroup.name;return r.createElement("div",{className:"mb-2 ".concat(S.field),key:n},r.createElement("label",{htmlFor:n},a),r.createElement(h.W,{id:n,name:n,className:"form-control ".concat(S.input),placeholder:t.canBeSsoMapped?N("placeholder"):"",onChange:function(n){return r=t,a=n.target.value,void e.setFieldValue("mappings",e.values.mappings.map((function(e){return w(e)!==w(r)?e:Object.assign(Object.assign({},r),{ssoMapping:a})})));var r,a},value:t.ssoMapping,disabled:!t.canBeSsoMapped}))}))),r.createElement(g.A,{variant:"dark",isNew:!1}))}var A=n(47288),k="settings.ssoYearGroupMapping",I=a.T.encloseNamespace(k),j=[I("breadcrumb")];function C(){var e=i.a.useBasicFetch(s.N.currentUser()),t=i.a.useBasicFetch(e.data&&A.N.getSsoMappings(e.data.customerId)),n=i.a.useGetFetchAsync(),a=(0,u.Z)();(0,m.M)({title:I("title")});var f=!!t.data;return r.createElement(d.d,{heading:I("heading"),breadcrumbs:j},r.createElement("p",{className:"mb-0"},r.createElement(o.x,{namespace:k,phrase:"info"})),r.createElement("a",{className:"info-link",href:p.o.getLiteArticle(c.b.ManageSsoYearGroups),target:"_blank"},r.createElement(o.x,{namespace:k,phrase:"helpArticle"})),r.createElement("hr",null),f?r.createElement(l.n,{initialValues:{mappings:t.data},onSubmit:function(t,r){var i=t.mappings.map((function(e){return{yearGroupId:e.yearGroup.id,ssoMapping:e.ssoMapping}}));n(A.N.updateSsoMappings(e.data.customerId,i)).then((function(){return a.success(I("updateSuccess"))})).catch((function(){return a.error(I("updateError"))})).finally(r)}},r.createElement(x,null)):r.createElement(b,null))}}}]);
+//# sourceMappingURL=6290-eb223883fe-lite.chunk.js.map

package/dist/scripts/6290-eb223883fe-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/6290-eb223883fe-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx","file:///app/packages/libs/shared/src/components/forms/form-buttons/FormButtons.tsx","file:///app/packages/libs/shared/src/components/forms/form-checkbox/FormCheckbox.tsx","file:///app/packages/libs/shared/src/components/forms/form-field/CharacterCounter.tsx","file:///app/packages/libs/shared/src/components/forms/form-field/form-field.scss","file:///app/packages/libs/shared/src/components/forms/form-field/FormField.tsx","file:///app/packages/libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx","file:///app/packages/libs/shared/src/enums/SupportArticle.ts","file:///app/packages/libs/shared/src/utils/FormHelper.ts","file:///app/packages/libs/shared/src/utils/PartialLoadingHelper.ts","file:///app/packages/projects/lite/src/apps/settings/components/settings-layout/SettingsLayout.tsx","file:///app/packages/projects/lite/src/apps/settings/components/sso-year-group-mapping-form/partial-loading/partial-sso-year-group-mapping-form.scss","file:///app/packages/projects/lite/src/apps/settings/components/sso-year-group-mapping-form/partial-loading/PartialSsoYearGroupMappingForm.tsx","file:///app/packages/projects/lite/src/apps/settings/components/sso-year-group-mapping-form/sso-year-group-mapping-form.scss","file:///app/packages/projects/lite/src/apps/settings/components/sso-year-group-mapping-form/SsoYearGroupMappingForm.tsx","file:///app/packages/projects/lite/src/apps/settings/views/sso-year-group-mapping/SsoYearGroupMappingView.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\nimport { PartialLoadingHelper } from 'libs/shared/utils/PartialLoadingHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { SvgContainer, SvgContainerSize } from '../svg-container/SvgContainer';\n\nconst COLLAPSE_CHARACTER_COUNT = 56;\n\nexport interface Breadcrumb {\n  name: string;\n  appLink?: Core.AppLink;\n  active?: boolean;\n}\n\ninterface BreadcrumbItemProps {\n  breadcrumb: Breadcrumb;\n  withBackIcon?: boolean;\n}\n\nexport const BreadcrumbItem = ({ breadcrumb: { name, appLink, active }, withBackIcon }: BreadcrumbItemProps) => (\n  <li className={`breadcrumb-item${active ? ' active' : ''}`}>\n    {active\n      ? <strong>{name}</strong>\n      : <AppLink appLink={appLink}>\n        {withBackIcon && <SvgContainer svgName={cvSvgLibrary.ChevronLeft} size={SvgContainerSize.Small} />}\n        <span className={withBackIcon ? 'ms-2' : ''}>{name}</span>\n      </AppLink>\n    }\n  </li>\n);\n\ninterface BreadcrumbsProps {\n  breadcrumbs: Breadcrumb[];\n}\n\nexport const Breadcrumbs = ({ breadcrumbs }: BreadcrumbsProps) => {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  const length = breadcrumbs?.length || 0;\n  \n  const [ collapse, setCollapse ] = React.useState(false);\n\n  React.useEffect(() => {\n    const characterLength = breadcrumbs?.reduce((prev, next) => prev + next.name.length, 0) ?? 0;\n\n    if (length > 3 && characterLength > COLLAPSE_CHARACTER_COUNT)\n      setCollapse(true);\n  }, [breadcrumbs?.length]);\n\n  if (!length || (isMobile && length < 2))\n    return <></>;\n\n  if (isMobile)\n    return (\n      <nav aria-label='breadcrumb'>\n        <ol className='breadcrumb m-0 p-0'>\n          <BreadcrumbItem breadcrumb={breadcrumbs[length - 2]} withBackIcon />\n        </ol>\n      </nav>\n    );\n\n  const first = <BreadcrumbItem breadcrumb={breadcrumbs[0]} />;\n  const secondLast = length > 2 ? <BreadcrumbItem breadcrumb={breadcrumbs[length - 2]} /> : <></>;\n  const last = <BreadcrumbItem breadcrumb={breadcrumbs[length - 1]} />;\n  const rest = breadcrumbs.slice(1, length - 2);\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {first}\n        {collapse ?\n          <li className='breadcrumb-item'>\n            <button className='btn-link' onClick={() => setCollapse(false)}>\n            ...\n            </button>\n          </li> :\n          rest.map((breadcrumb, idx) => <BreadcrumbItem key={idx} breadcrumb={breadcrumb} />)\n        }\n        {secondLast}\n        {last}\n      </ol>\n    </nav>\n  );\n};\n\nexport const PartialBreadcrumbs = React.memo(function({ numItems = 3 }: { numItems?: number; }) {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  if (isMobile) {\n    return (\n      <div className='partial-loading-background' style={{ height: '1.3125rem', width: '6rem' }} />\n    );\n  }\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {PartialLoadingHelper.getPartialLoadingItems({ numItems }).map(({ width }, idx) => (\n          <li key={idx} className='breadcrumb-item'>\n            <span className='d-inline-block partial-loading-background' style={{ width }} dangerouslySetInnerHTML={{ __html: '&nbsp' }} />\n          </li>\n        ))}\n      </ol>\n    </nav>\n  );\n});","import * as React from 'react';\nimport { ButtonProps } from 'react-bootstrap';\nimport { useFormikContext } from 'formik';\n\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { FormSize } from 'libs/shared/components/forms/form-field/FormField';\nimport { SpinnerButton } from 'libs/shared/components/spinner-button/SpinnerButton';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { useCanSubmitForm } from 'libs/shared/hooks/UseCanSubmitForm';\n\nconst namespace = 'shared.formButtons';\n\ninterface FormButtonsProps {\n  isNew?: boolean;\n  submitText?: string;\n  variant?: ButtonProps['variant'];\n  size?: FormSize;\n  className?: string;\n}\n\nexport function FormButtons<Values extends HashObject>(props: FormButtonsProps): JSX.Element {\n  const formikProps = useFormikContext<Values>();\n\n  const canSubmit = useCanSubmitForm(formikProps);\n\n  return (\n    <SpinnerButton\n      variant={props.variant || 'primary'}\n      type='submit'\n      disabled={!canSubmit}\n      size={props.size}\n      className={props.className ? props.className : ''}\n      showSpinner={formikProps.isSubmitting}\n    >\n      {props.submitText\n        ? <>{props.submitText}</>\n        : <Text namespace={namespace} phrase={props.isNew ? 'create' : 'save'} />}\n    </SpinnerButton>\n  );\n}\n","import * as React from 'react';\nimport { Form } from 'react-bootstrap';\nimport { FieldAttributes } from 'formik';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\n\nimport { FieldWrapper, FormFieldProps } from '../form-field/FormField';\n\n/**\n * Use this checkbox within Formik contexts\n */\nexport function FormCheckbox(props: FieldAttributes<FormFieldProps>): JSX.Element {\n  const { label, checkboxLabelClassName, checkboxLabelFontWeight, className, ...fieldProps } = props;\n\n  return (\n    <Form.Group className='form-group'>\n      <div className={`form-check ${className || ''}`}>\n        <FieldWrapper className='form-check-input' {...fieldProps} />\n        <Form.Label\n          className={`form-check-label cursor-pointer ${checkboxLabelFontWeight === 'normal' ? 'fw-normal' : ''} \n          ${checkboxLabelClassName}`}\n          htmlFor={fieldProps.id}\n        >\n          {label}\n        </Form.Label>\n        {props.checkboxAppLink && props.checkboxAppLinkText && (\n          <>\n            <span>&nbsp;</span>\n            <AppLink appLink={props.checkboxAppLink} className='info-link'>\n              {props.checkboxAppLinkText}\n            </AppLink>\n          </>\n        )}\n      </div>\n    </Form.Group>\n  );\n}\n\n","import * as React from 'react';\nimport { useFormikContext } from 'formik';\n\nimport { HashObject } from 'libs/common/react/interfaces';\n\ninterface CharacterCounterProps<Values extends HashObject> {\n  fieldName: keyof Values;\n  limit: number;\n}\n\nexport function CharacterCounter<Values extends HashObject>(props: CharacterCounterProps<Values>): JSX.Element {\n  const { values } = useFormikContext<Values>();\n\n  const field = values[props.fieldName];\n\n  if (typeof field !== 'string')\n    return <></>;\n\n  return (\n    <div className='float-end text-secondary fw-normal'>\n      {field.length}/{props.limit} characters\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"revealPassword\":\"jCfI0\",\"passwordInput\":\"RBJnf\",\"passwordContainer\":\"d78lK\",\"passwordContainerDisabled\":\"asbVo\",\"infoTooltip\":\"wzyOG\",\"spinner\":\"CycFx\"};","import * as React from 'react';\nimport { Form, Spinner } from 'react-bootstrap';\nimport { Placement } from 'react-bootstrap/esm/types';\nimport { ErrorMessage, Field, FieldAttributes, FieldProps, useFormikContext } from 'formik';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { HashObject } from 'libs/common/react/interfaces';\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\n\nimport { FormCheckbox } from 'libs/shared/components/forms/form-checkbox/FormCheckbox';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { FormHelper } from 'libs/shared/utils/FormHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { CharacterCounter } from './CharacterCounter';\n\nimport styles from './form-field.scss';\n\nconst namespace = 'shared.formField';\n\nexport type FormSize = 'lg' | 'sm';\n\n// If checkboxLabelFontWeight is not specified, it will be bold by default\nexport type CheckboxLabelFontWeight = 'normal' | 'bold'\n\nexport interface FormFieldProps {\n  /**\n   * The name prop MUST be the same as the attribute\n   * name of the value that the field is bound to.\n   */\n  name: string;\n  label?: string;\n  children?: any;\n  showCharacterCounter?: boolean;\n  showRequiredStar?: boolean;\n  checkboxAppLink?: Core.AppLink;\n  checkboxAppLinkText?: string;\n  checkboxLabelClassName?: string;\n  checkboxLabelFontWeight?: CheckboxLabelFontWeight\n  infoTooltip?: string;\n  infoTooltipPlacement?: Placement;\n  infoText?: string;\n  formSize?: FormSize;\n  showOptionalLabel?: boolean;\n  showLoadingSpinner?: boolean;\n}\n\nFieldWrapper.defaultProps = {\n  autoComplete: 'off'\n};\n\nexport function FieldWrapper(\n  props: FieldAttributes<FormFieldProps> & { className: string }\n): React.ReactElement {\n  const { children, showLoadingSpinner, ...fieldProps } = props;\n\n  const [ type, setType ] = React.useState(props.type);\n\n  function onClickTogglePassword(): void {\n    if (type === 'password')\n      setType('text');\n    else\n      setType('password');\n  }\n\n  const resolvedChildren = FunctionHelper.isFunction(children)\n    ? (f: FieldProps) => children(f)\n    : React.Children.count(children) ? children : null;\n\n  if (fieldProps.type !== 'password') {\n    if (showLoadingSpinner) {\n      return (\n        <div className='position-relative'>\n          <Field {...(ObjectHelper.omit(fieldProps, ['formSize']))}>\n            {resolvedChildren}\n          </Field>\n\n          <div className={styles.spinner}>\n            <Spinner animation='border' size='sm' />\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <Field {...(ObjectHelper.omit(fieldProps, ['formSize']))}>\n        {resolvedChildren}\n      </Field>\n    );\n  }\n\n  let containerClassName = `position-relative ${styles.passwordContainer}`;\n\n  if (fieldProps.className)\n    containerClassName += ` ${fieldProps.className}`;\n\n  if (fieldProps.disabled)\n    containerClassName += ` ${styles.passwordContainerDisabled}`;\n\n  /**\n   * We need to wrap out input with a relatively positioned element in order to absolutely\n   * position our visibility icon to reveal the password - Sha\n   */\n  return (\n    <div className={containerClassName}>\n      <Field\n        {...(ObjectHelper.omit(fieldProps, [ 'formSize', 'type', 'className' ]))}\n        type={type}\n        className={`${styles.passwordInput} border-0 w-100 h-100 outline-none rounded`}\n      >\n        {resolvedChildren}\n      </Field>\n      {fieldProps.type === 'password' &&\n        <SvgContainer\n          svgName={type === 'password' ? cvSvgLibrary.VisibleOn : cvSvgLibrary.VisibleOff}\n          className={`svg-container cursor-pointer ${styles.revealPassword}`}\n          onClick={onClickTogglePassword}\n        />\n      }\n    </div>\n  );\n}\n\nFormField.defaultProps = {\n  autoComplete: 'off',\n  infoTooltipPlacement: 'top'\n};\n\nexport function FormField<Values extends HashObject>(props: FieldAttributes<FormFieldProps>): React.ReactElement {\n  const {\n    label,\n    className,\n    showCharacterCounter,\n    showRequiredStar,\n    infoTooltip,\n    infoTooltipPlacement,\n    infoText,\n    formSize,\n    showOptionalLabel,\n    ...fieldProps\n  } = props;\n\n  const { errors, touched } = useFormikContext<Values>();\n\n  // This function overwrites the default `onChange` function whenever `props.disabled` is set.\n  // This prevents users from \"undisabling\" form fields via inspect element, then editing the field.\n  const disabledOnChange = () => {};\n\n  if (fieldProps.type === 'checkbox') {\n    const _props = ObjectHelper.omit(props, [ 'formSize', 'infoTooltipPlacement' ]);\n\n    if (props.disabled)\n      _props.onChange = disabledOnChange;\n\n    return <FormCheckbox {..._props} />;\n  }\n\n  const fieldWrapperProps = {\n    ...fieldProps,\n    className: FormHelper.getCustomFormControlClassName(\n      errors,\n      touched,\n      fieldProps.name,\n      formSize,\n      className,\n      typeof props.as === 'string' ? props.as : null\n    )\n  };\n\n  if (props.disabled)\n    fieldWrapperProps.onChange = disabledOnChange;\n\n  return (\n    <Form.Group className='form-group'>\n      {!!label && (\n        <Form.Label htmlFor={fieldProps.id} className='d-flex align-items-center'>\n          {label}\n          {showRequiredStar && <span className='text-danger'>*</span>}\n          {infoTooltip && (\n            <SvgContainer\n              className={`svg-container text-secondary ${styles.infoTooltip}`}\n              svgName={cvSvgLibrary.Info}\n              title={infoTooltip}\n              tooltipPlacement={infoTooltipPlacement}\n              tooltipSpanHack\n            />\n          )}\n          {showOptionalLabel && <span className='text-secondary'>&nbsp;<Text namespace={namespace} phrase='optional' /></span>}\n          \n          {!!showCharacterCounter && !!(fieldProps as React.HTMLProps<HTMLInputElement>).maxLength &&\n            <div className='ms-auto'>\n              <CharacterCounter\n                fieldName={(fieldProps.name as keyof Values)}\n                limit={(fieldProps as React.HTMLProps<HTMLInputElement>).maxLength}\n              />\n            </div>\n          }\n        </Form.Label>\n      )}\n\n      <FieldWrapper {...fieldWrapperProps} />\n\n      {!!infoText &&\n        <Form.Text className='text-secondary'>\n          {infoText}\n        </Form.Text>\n      }\n\n      <ErrorMessage name={fieldProps.name}>\n        {(errorMessage: string) => <Form.Control.Feedback type='invalid'>{errorMessage}</Form.Control.Feedback>}\n      </ErrorMessage>\n    </Form.Group>\n  );\n}","import * as React from 'react';\nimport { Formik, FormikConfig, FormikContextType, FormikErrors, FormikHelpers, FormikProps, FormikValues, useFormikContext } from 'formik';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { HashObject } from 'libs/common/react/interfaces';\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\n\n/**\n * Note: This currently doesn't support arrays, but the need for arrays as initial\n * form data has not yet come up\n */\nfunction omitNullInitialValues<Values extends FormikValues>(initialValues: Values): Values {\n  if (!initialValues)\n    return {} as Values;\n\n  const values = ObjectHelper.deepClone(initialValues);\n\n  function omitChildValues(child: Values): void {\n    Object.keys(values).forEach((key: keyof Values) => {\n      if (!values.hasOwnProperty(key))\n        return;\n  \n      if (ObjectHelper.isObject(child[key]))\n        omitChildValues(child[key]);\n      else if (values[key] === null)\n        delete values[key];\n    });\n  }\n\n  omitChildValues(values);\n  return values;\n}\n\n// Omit attributes from FormikConfig that are defined in FormWrapperProps.\ntype ModifiedFormikConfig<Values extends FormikValues> = Omit<FormikConfig<Values>, 'initialValues' | 'onSubmit'>;\n\ninterface InitialStatus {\n  allowInitialSubmit: boolean;\n}\n\nexport type FormSubmissionOptions<FormValues = FormikValues> = {\n  reset?: boolean;\n  errors?: FormikErrors<FormValues>;\n};\n\ninterface FormWrapperProps<FormValues extends FormikValues, ApiValues extends FormikValues> {\n  initialValues: Partial<FormValues | ApiValues>;\n  onSubmit: (data: FormValues, onDone: (options?: FormSubmissionOptions<FormValues>) => void) => void;\n  castInitialValues?: boolean; // cast to validationSchema\n  castValuesOnSubmit?: boolean; // cast to validationSchema\n  allowInitialSubmit?: boolean; // if true, useCanSubmitForm will allow submit without any user changes.\n}\n\nFormWrapper.defaultProps = {\n  castInitialValues: true,\n  castValuesOnSubmit: true\n};\n\nexport function FormWrapper<\n  FormValues extends FormikValues = FormikValues,\n  ApiValues extends FormikValues = FormValues,\n  ExtraProps = HashObject\n>(props: ModifiedFormikConfig<FormValues> & ExtraProps & FormWrapperProps<FormValues, ApiValues>): JSX.Element {\n  const { castInitialValues, castValuesOnSubmit, initialValues, onSubmit, ...formikProps } = props;\n\n  /**\n   * If castInitialValues is true, cast initialValues to the validationSchema.\n   * This will ensure that any data fetched from the api conforms to the expected form data shape.\n   */\n  const formattedInitialValues: FormValues = castInitialValues && props.validationSchema\n    ? props.validationSchema.cast(omitNullInitialValues(initialValues))\n    : initialValues;\n\n  const onSubmitHandler = (\n    values: FormValues,\n    { setSubmitting, resetForm, setFieldError }: FormikHelpers<FormValues>\n  ) => {\n    /**\n     * validationSchema.cast will coerce the values to the types defined in validationSchema.\n     * This is useful for trimming inputs:\n     * e.g. if a value field has type Yup.string().trim(), it will be automatically trimmed.\n     */\n    const formattedData = castValuesOnSubmit && props.validationSchema\n      ? props.validationSchema.cast(values)\n      : values;\n\n    onSubmit(formattedData, (options: FormSubmissionOptions<FormValues> = {}) => {\n      options.reset && resetForm();\n\n      if (options.errors) {\n        for (const [ key, value ] of Object.entries(options.errors)) {\n          setFieldError(key, value);\n        }\n      }\n\n      setSubmitting(false);\n    });\n  };\n\n  const initialStatus: InitialStatus = {\n    allowInitialSubmit: props.allowInitialSubmit\n  };\n\n  return (\n    <Formik<FormValues, ExtraProps>\n      enableReinitialize\n      {...(formikProps as ModifiedFormikConfig<FormValues> & ExtraProps)}\n      initialValues={formattedInitialValues}\n      onSubmit={onSubmitHandler}\n      initialStatus={initialStatus}\n    >\n      {FunctionHelper.isFunction(props.children)\n        ? (f: FormikProps<FormValues>) => (props.children as (f: FormikProps<FormValues>) => React.ReactNode)(f)\n        : React.Children.count(props.children) ? props.children : null\n      }\n    </Formik>\n  );\n}\n\nexport function useFormikContextWrapper<T>(): FormikContextType<T> {\n  return useFormikContext<T>();\n}","// Article name mapped to article ID on support site. Used by `ArticleHelper`\n\nexport enum OnlineSupportArticle {\n  AddToPlaylist = '115005679748',\n  EditSsoAccounts = '8202508040345',\n\n  // LE\n  LibraryEditor = '360001974533',\n  VideoAccess = '360000153947',\n  AddFromOnline = '360011718234',\n  UploadToLibraryEditor = '360012069334',\n  PBTErrorCodes = '360012421153',\n  ManuelReview = '360020004534',\n  LibraryReview = '360000163788',\n}\n\nexport enum LiteSupportArticle {\n  Integrations = '4407268725529',\n  Classrooms = '4405362551833',\n  MakeInteractive = '4405370510873',\n  EditSsoAccounts = '8202605666073',\n  UploadToLibraryEditor = '10672936659865',\n  AddFromLite = '10671345281561',\n  ManageSsoYearGroups = '14691130889241',\n  ContentReview = '18525199576601',\n  ContentPermissions = '14692125209497',\n  AccessSettings = '22110291468057',\n  ContentGuidelines = '24133696186009',\n  FoxtelFaq = '24133519542169',\n  ViviIntegration = '23826297956377',\n  AppleTvIntegration = '25832373739929',\n  RssFeed = '32567445635097'\n}\n","import { FormikErrors, FormikTouched, getIn } from 'formik';\n\nimport { FormSize } from 'libs/shared/components/forms/form-field/FormField';\n\nfunction getTypeSize(type: string, size: FormSize) {\n  let className = '';\n\n  switch (type) {\n    case 'select':\n      className = 'form-select';\n      break;\n    default:\n      className = 'form-control';\n  }\n\n  if (size === 'sm')\n    className += ` ${className}-sm`;\n\n  if (size === 'lg')\n    className += ` ${className}-lg`;\n\n  return className;\n}\n\nexport const FormHelper = {\n  getCustomFormControlClassName<T>(\n    errors: FormikErrors<T>,\n    touched: FormikTouched<T>,\n    attribute: string,\n    size?: FormSize,\n    additionalClassName?: string,\n    type?: string\n  ): string {\n    let className = '';\n\n    className = getTypeSize(type, size);\n\n    // Using getIn as it supports dot notation\n    if (getIn(touched, attribute) && getIn(errors, attribute))\n      className += ' is-invalid';\n\n    if (additionalClassName)\n      className += ` ${additionalClassName}`;\n\n    return className;\n  }\n};","const DEFAULT_PARTIAL_LOADING_OPTIONS: PartialLoadingOptions = {\n  numItems: 5,\n  minWidth: 50, // px\n  maxWidth: 100 // px\n};\n\nexport interface PartialLoadingOptions {\n  numItems?: number;\n  minWidth?: number;\n  maxWidth?: number;\n}\n\ninterface PartialLoadingItem {\n  width: string;\n}\n\nexport const PartialLoadingHelper = {\n  getPartialLoadingItems(options: PartialLoadingOptions = {}): PartialLoadingItem[] {\n    const opts = {\n      ...DEFAULT_PARTIAL_LOADING_OPTIONS,\n      ...options\n    };\n\n    const getRandomFilterWidth = () => Math.max(Math.floor(Math.random() * opts.maxWidth), opts.minWidth);\n\n    return [...Array(opts.numItems)].map(() => ({ width: `${getRandomFilterWidth()}px` }));\n  }\n};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { Breadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport { useGetSettingsGroups } from 'apps/settings/hooks/useGetSettingsGroups';\n\nconst namespace = 'settings.settingsLayout';\n\n/**\n * Checks if the current user has permission to access the settings module\n */\nexport const useCanAccessSettings = (requiredPermissions: PermissionName | PermissionName[]): boolean => {\n  const { hasPermissions } = usePermissions();\n  const settingsGroups = useGetSettingsGroups();\n\n  /**\n   * TODO: Update all settings pages to pasas required permissions, because checking the \n   * `useGetSettingsGroups()` values clearly doesnt work for settings pages with multiple\n   * applinks inside of them. - Sha\n   */\n  if (requiredPermissions)\n    return hasPermissions(requiredPermissions);\n\n  const currentRoute = Core.AppLinkHelper.getCurrentAppLink();\n\n  /**\n   * Allows us to have popups sitting in other locations be used\n   * by our settings pages. For example the manage video access popup\n   * in the \"videos with restricted access\" page - Sha\n   */\n  if (currentRoute.application !== AppChannels.SETTINGS)\n    return true;\n\n  return settingsGroups.some(group => {\n    return group.modules.some(settingsModule => {\n      if ('appLink' in settingsModule) {\n        return settingsModule.appLink.action === currentRoute.action;\n      }\n\n      return false;\n    });\n  });\n};\n\ninterface SettingsLayoutProps {\n  heading: string;\n  breadcrumbs: string[];\n  description?: string;\n  requiredPermissions?: PermissionName | PermissionName[];\n  headingButton?: () => JSX.Element;\n}\n\nexport function SettingsLayout(props: React.PropsWithChildren<SettingsLayoutProps>): JSX.Element {\n  const canAccess = useCanAccessSettings(props.requiredPermissions);\n\n  React.useEffect(() => {\n    if (!canAccess) {\n      Core.AppLinkHelper.trigger({\n        application: AppChannels.SETTINGS,\n        action: Actions.Settings.HOME\n      }, { replace: true });\n    }\n  }, [canAccess]);\n\n  if (!canAccess)\n    return <></>;\n\n  const breadcrumbs = props.breadcrumbs.map((name, i) => ({\n    name,\n    appLink: {\n      application: AppChannels.SETTINGS,\n      action: Actions.Settings.HOME\n    },\n    active: i === props.breadcrumbs.length - 1\n  }));\n\n  return (\n    <div className='px-3'>\n      <div className='d-flex align-items-center justify-content-between'>\n        <h1 className='h2'>{props.heading}</h1>\n        {props.headingButton?.()}\n      </div>\n      <div className='pb-3'>\n        <Breadcrumbs\n          breadcrumbs={[\n            {\n              name: LanguageService.getPhrase(namespace, 'settingsBreadcrumb'),\n              appLink: {\n                application: AppChannels.SETTINGS,\n                action: Actions.Settings.HOME\n              }\n            },\n            ...breadcrumbs\n          ]}\n        />\n      </div>\n      {props.description &&\n        <>\n          <p>{props.description}</p>\n          <hr />\n        </>\n      }\n\n      {props.children}\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"partialList\":\"yOf8H\",\"partialField\":\"i1drn\",\"partialInput\":\"UYs6_\",\"partialLabel\":\"hor2G\"};","import React from 'react';\n\nimport styles from './partial-sso-year-group-mapping-form.scss';\n\nexport function PartialSsoYearGroupMappingForm(): JSX.Element {\n  return (\n    <div className={`d-flex flex-wrap ${styles.partialList}`}>\n      {Array(6).fill(null).map((_, i) => {\n        return (\n          <div className={styles.partialField} key={i}>\n            <div className={`${styles.partialLabel} partial-loading-background`} />\n\n            <div className={`${styles.partialInput} rounded partial-loading-background`} />\n          </div>\n        );\n      })}\n\n      {/* <FormButtons variant='dark' isNew={false} /> */}\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"list\":\"GGV5A\",\"field\":\"A_wE8\",\"input\":\"aJzpE\"};","import React from 'react';\nimport { Form, useFormikContext } from 'formik';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { FormButtons } from 'libs/shared/components/forms/form-buttons/FormButtons';\nimport { FormField } from 'libs/shared/components/forms/form-field/FormField';\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\n\nimport { SsoYearGroupMapping, SsoYearGroupMappingsForm } from 'apps/settings/views/sso-year-group-mapping/SsoYearGroupMappingView';\n\nimport styles from './sso-year-group-mapping-form.scss';\n\nconst namespace = 'settings.ssoYearGroupMappingForm';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst getFieldId = (field: SsoYearGroupMapping) => field.yearGroup?.id || 'staff';\n\nconst FIELD_HEIGHT = 95; // px;\n\nconst useGetFormHeight = (totalMappings: number) => {\n  const isSingleColumn = useMediaQuery(MediaQueryStrings.MDDown);\n\n  if (isSingleColumn)\n    return '100%';\n\n  const height = FIELD_HEIGHT * (Math.ceil(totalMappings / 2));\n  return `${height}px`;\n};\n\nexport function SsoYearGroupMappingForm(): JSX.Element {\n  const formikProps = useFormikContext<SsoYearGroupMappingsForm>();\n\n  function onChangeMapping(changedField: SsoYearGroupMapping, event: React.ChangeEvent<HTMLInputElement>): void {\n    const val = event.target.value;\n\n    formikProps.setFieldValue('mappings', formikProps.values.mappings.map(field => {\n      if (getFieldId(field) !== getFieldId(changedField))\n        return field;\n\n      return {\n        ...changedField,\n        ssoMapping: val\n      };\n    }));\n  }\n\n  const formHeight = useGetFormHeight(formikProps.values.mappings.length);\n\n  return (\n    <Form>\n      <div className={`d-flex flex-wrap ${styles.list}`} style={{ maxHeight: formHeight }}>\n        {formikProps.values.mappings.map(field => {\n          const id = getFieldId(field);\n          const name = field.yearGroup.name;\n\n          return (\n            <div className={`mb-2 ${styles.field}`} key={id}>\n              <label htmlFor={id}>\n                {name}\n              </label>\n\n              <FormField\n                id={id}\n                name={id}\n                className={`form-control ${styles.input}`}\n                placeholder={field.canBeSsoMapped ? getPhrase('placeholder') : ''}\n                onChange={(e: React.ChangeEvent<HTMLInputElement>) => onChangeMapping(field, e)}\n                value={field.ssoMapping}\n                disabled={!field.canBeSsoMapped}\n              />\n            </div>\n          );\n        })}\n      </div>\n\n      <FormButtons variant='dark' isNew={false} />\n    </Form>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\n\nimport { FormWrapper } from 'libs/shared/components/forms/form-wrapper/FormWrapper';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { LiteSupportArticle } from 'libs/shared/enums/SupportArticle';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { CurrentUser, YearGroup } from 'libs/shared/interfaces';\nimport { ArticleHelper } from 'libs/shared/utils/ArticleHelper';\n\nimport { SettingsLayout } from 'apps/settings/components/settings-layout/SettingsLayout';\nimport { PartialSsoYearGroupMappingForm } from 'apps/settings/components/sso-year-group-mapping-form/partial-loading/PartialSsoYearGroupMappingForm';\nimport { SsoYearGroupMappingForm } from 'apps/settings/components/sso-year-group-mapping-form/SsoYearGroupMappingForm';\nimport { UserManagerRequests } from 'apps/user-manager/flight-requests/UserManagerRequests';\nimport { UpdateSsoYearGroupMappings } from 'apps/user-manager/interfaces/UpdateSsoYearGroupMappings';\n\nexport interface SsoYearGroupMappingsForm {\n  mappings: SsoYearGroupMapping[];\n}\n\nexport interface SsoYearGroupMapping {\n  yearGroup: Pick<YearGroup, 'id' | 'name' | 'value'>;\n  canBeSsoMapped: boolean;\n  ssoMapping: string;\n}\n\nconst namespace = 'settings.ssoYearGroupMapping';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst breadcrumbs = [getPhrase('breadcrumb')];\n\nexport function SsoYearGroupMappingView(): JSX.Element {\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const yearGroupMappings = Flight.useBasicFetch<SsoYearGroupMapping[]>(currentUser.data &&\n    UserManagerRequests.getSsoMappings(currentUser.data.customerId));\n\n  const fetchAsync = Flight.useGetFetchAsync();\n  const alerts = useAlerts();\n\n  useSetPageMetadata({ title: getPhrase('title') });\n\n  function onSubmit(formData: SsoYearGroupMappingsForm, onDone: () => void): void {\n    const body: UpdateSsoYearGroupMappings = formData.mappings.map(field => {\n      return {\n        yearGroupId: field.yearGroup.id,\n        ssoMapping: field.ssoMapping\n      };\n    });\n\n    fetchAsync(UserManagerRequests.updateSsoMappings(currentUser.data.customerId, body))\n      .then(() => alerts.success(getPhrase('updateSuccess')))\n      .catch(() => alerts.error(getPhrase('updateError')))\n      .finally(onDone);\n  }\n\n  const dataLoaded = !!yearGroupMappings.data;\n\n  return (\n    <SettingsLayout heading={getPhrase('heading')} breadcrumbs={breadcrumbs}>\n      <p className='mb-0'>\n        <Text namespace={namespace} phrase='info' />\n      </p>\n      <a className='info-link' href={ArticleHelper.getLiteArticle(LiteSupportArticle.ManageSsoYearGroups)} target='_blank'>\n        <Text namespace={namespace} phrase='helpArticle' />\n      </a>\n\n      <hr />\n\n      {dataLoaded ? (\n        <FormWrapper<SsoYearGroupMappingsForm>\n          initialValues={{ mappings: yearGroupMappings.data }}\n          onSubmit={onSubmit}\n        >\n          <SsoYearGroupMappingForm />\n        </FormWrapper>\n      ) : (\n        <PartialSsoYearGroupMappingForm />\n      )}\n    </SettingsLayout>\n  );\n}"],"names":["BreadcrumbItem","breadcrumb","name","appLink","active","withBackIcon","className","svgName","size","S","Breadcrumbs","breadcrumbs","isMobile","length","collapse","setCollapse","characterLength","reduce","prev","next","first","secondLast","last","rest","slice","onClick","map","idx","key","PartialBreadcrumbs","numItems","style","height","width","dangerouslySetInnerHTML","__html","namespace","FormButtons","props","formikProps","canSubmit","variant","type","disabled","showSpinner","isSubmitting","submitText","phrase","isNew","FormCheckbox","label","checkboxLabelClassName","checkboxLabelFontWeight","fieldProps","Form","FieldWrapper","htmlFor","id","checkboxAppLink","checkboxAppLinkText","AppLink","CharacterCounter","field","values","fieldName","limit","children","showLoadingSpinner","setType","resolvedChildren","FunctionHelper","f","ObjectHelper","Spinner","animation","containerClassName","SvgContainer","FormField","showCharacterCounter","showRequiredStar","infoTooltip","infoTooltipPlacement","infoText","formSize","showOptionalLabel","errors","touched","disabledOnChange","_props","onChange","fieldWrapperProps","FormHelper","as","title","tooltipPlacement","tooltipSpanHack","Text","maxLength","errorMessage","defaultProps","autoComplete","FormWrapper","castInitialValues","castValuesOnSubmit","initialValues","onSubmit","formattedInitialValues","validationSchema","cast","omitChildValues","child","Object","keys","forEach","hasOwnProperty","omitNullInitialValues","initialStatus","allowInitialSubmit","enableReinitialize","setSubmitting","resetForm","setFieldError","formattedData","options","reset","entries","value","useFormikContextWrapper","OnlineSupportArticle","LiteSupportArticle","getCustomFormControlClassName","attribute","additionalClassName","getTypeSize","DEFAULT_PARTIAL_LOADING_OPTIONS","minWidth","maxWidth","PartialLoadingHelper","getPartialLoadingItems","opts","Array","Math","max","floor","random","useCanAccessSettings","requiredPermissions","hasPermissions","settingsGroups","currentRoute","application","some","group","modules","settingsModule","action","SettingsLayout","canAccess","replace","i","heading","headingButton","description","PartialSsoYearGroupMappingForm","fill","_","getPhrase","LanguageService","getFieldId","yearGroup","useGetFormHeight","totalMappings","ceil","SsoYearGroupMappingForm","formHeight","mappings","maxHeight","placeholder","canBeSsoMapped","e","changedField","val","target","setFieldValue","ssoMapping","SsoYearGroupMappingView","currentUser","UserRequests","yearGroupMappings","data","UserManagerRequests","customerId","fetchAsync","alerts","useSetPageMetadata","dataLoaded","href","ArticleHelper","formData","onDone","body","yearGroupId","then","success","error"],"sourceRoot":""}

package/dist/scripts/6470-1012a7889c-lite.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[6470],{49935:(e,t,n)=>{n.d(t,{Oo:()=>d,b2:()=>p});var a=n(32735),r=n(36848),c=n(86764),l=n(3747),i=n(5859),o=n(35223),s=n(83914);function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var m=function(e){var t=e.breadcrumb,n=t.name,c=t.appLink,l=t.active,i=e.withBackIcon;return a.createElement("li",{className:"breadcrumb-item".concat(l?" active":"")},l?a.createElement("strong",null,n):a.createElement(r.F,{appLink:c},i&&a.createElement(s.x,{svgName:o.vn.ChevronLeft,size:s.S.Small}),a.createElement("span",{className:i?"ms-2":""},n)))},d=function(e){var t,n,r=e.breadcrumbs,i=(0,l.a)(c.r.XS),o=(null==r?void 0:r.length)||0,s=(t=a.useState(!1),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,c,l,i=[],o=!0,s=!1;try{if(c=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(a=c.call(n)).done)&&(i.push(a.value),i.length!==t);o=!0);}catch(e){s=!0,r=e}finally{try{if(!o&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw r}}return i}}(t,n)||function(e,t){if(e){if("string"==typeof e)return u(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)?u(e,t):void 0}}(t,n)||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.")}()),d=s[0],p=s[1];if(a.useEffect((function(){var e,t=null!==(e=null==r?void 0:r.reduce((function(e,t){return e+t.name.length}),0))&&void 0!==e?e:0;o>3&&t>56&&p(!0)}),[null==r?void 0:r.length]),!o||i&&o<2)return a.createElement(a.Fragment,null);if(i)return a.createElement("nav",{"aria-label":"breadcrumb"},a.createElement("ol",{className:"breadcrumb m-0 p-0"},a.createElement(m,{breadcrumb:r[o-2],withBackIcon:!0})));var b=a.createElement(m,{breadcrumb:r[0]}),y=o>2?a.createElement(m,{breadcrumb:r[o-2]}):a.createElement(a.Fragment,null),f=a.createElement(m,{breadcrumb:r[o-1]}),g=r.slice(1,o-2);return a.createElement("nav",{"aria-label":"breadcrumb"},a.createElement("ol",{className:"breadcrumb m-0 p-0"},b,d?a.createElement("li",{className:"breadcrumb-item"},a.createElement("button",{className:"btn-link",onClick:function(){return p(!1)}},"...")):g.map((function(e,t){return a.createElement(m,{key:t,breadcrumb:e})})),y,f))},p=a.memo((function(e){var t=e.numItems,n=void 0===t?3:t;return(0,l.a)(c.r.XS)?a.createElement("div",{className:"partial-loading-background",style:{height:"1.3125rem",width:"6rem"}}):a.createElement("nav",{"aria-label":"breadcrumb"},a.createElement("ol",{className:"breadcrumb m-0 p-0"},i.u.getPartialLoadingItems({numItems:n}).map((function(e,t){var n=e.width;return a.createElement("li",{key:t,className:"breadcrumb-item"},a.createElement("span",{className:"d-inline-block partial-loading-background",style:{width:n},dangerouslySetInnerHTML:{__html:"&nbsp"}}))}))))}))},38502:(e,t,n)=>{n.d(t,{r:()=>m});var a=n(32735),r=n(49985),c=n(36848),l=n(18559),i=n(11607),o=n(83914),s=n(87432);function u(e){return a.createElement(a.Fragment,null,!!e.tab.svgName&&a.createElement("div",{className:e.tab.name?"pe-1":""},a.createElement(o.x,{svgName:e.tab.svgName})),e.tab.name,"number"==typeof e.tab.count&&a.createElement("div",{className:"ps-2"},a.createElement(l.C,{type:l.g.Count,data:e.tab.count})))}function m(e){var t;return a.createElement("nav",{className:null!==(t=e.className)&&void 0!==t?t:"",ref:e.containerRef},a.createElement("ul",{className:"\n        list-unstyled d-inline-block m-0 ".concat(s.Z.pillTabSelector,"\n        ").concat(e.borderRadius?s.Z.radiusSmall:"","\n        ").concat(e.listClassName,"\n      ")},e.tabs.map((function(e,t){return a.createElement("li",{className:"\n                p-0 ".concat(s.Z.tab," ").concat(e.active?"btn btn-dark":"btn btn-outline-dark","\n                ").concat(e.name?s.Z.minWidth:""," ").concat(e.className,"\n              "),key:t},e.appLink?a.createElement(c.F,{appLink:e.appLink,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,className:"\n                    cursor-pointer d-flex align-items-center justify-content-center\n                    text-decoration-none text-reset px-2 text-nowrap ".concat(s.Z.tabLink,"\n                  ")},a.createElement(u,{tab:e})):a.createElement(i.L,{className:"\n                    cursor-pointer d-flex align-items-center justify-content-center\n                    text-decoration-none text-reset p-2 text-nowrap ".concat(s.Z.tabLink,"\n                  "),onClick:function(){return function(e){!e.active&&e.onSelect&&(e.onSelect(),e.analyticsData&&e.analyticsOptions&&r.k.logUserAction(e.analyticsData,e.analyticsOptions))}(e)}},a.createElement(u,{tab:e})))}))))}m.defaultProps={borderRadius:"lg"}},31647:(e,t,n)=>{n.d(t,{E:()=>i});var a=n(32735),r=n(23481),c=n(38502),l="rostering.settingHeader";function i(e){var t,n,i=[{name:r.T.getPhrase(l,"syncJobs"),appLink:null===(t=e.appLinks)||void 0===t?void 0:t.syncJobs,active:"syncJobs"===e.active},{name:r.T.getPhrase(l,"settings"),appLink:null===(n=e.appLinks)||void 0===n?void 0:n.settings,active:"settings"===e.active}];return a.createElement("div",null,a.createElement(c.r,{tabs:i}))}},65654:(e,t,n)=>{n.d(t,{G:()=>o});var a=n(32735),r=n(23481),c=n(76177);const l={rightButton:"GcqRT"};var i=r.T.encloseNamespace("rostering.syncActionButtonGroup");function o(e){return a.createElement("div",{className:"btn-group px-2",role:"group"},a.createElement(c.u,{title:i("syncNowTooltip"),spanHack:!0,placement:"left",spanHackClassName:l.buttonBorder},a.createElement("button",{type:"button",className:"btn btn-outline-dark ".concat(l.leftButton),onClick:null==e?void 0:e.onSyncNow},i("syncNow"))))}},62394:(e,t,n)=>{n.d(t,{y:()=>l});var a=n(75896),r=n(110),c=new Date,l={parseUTCToLocal:function(e){var t=e.utcHour,n=e.utcWeekdays,c=e.utcMinute,l=void 0===c?0:c,i=n.map((function(e){return r.O.buildLocalDateFromUTC(e,t,l)})),o=i.map((function(e){return e.getDay()}));return{hour:+r.O.format(a.m.first(i),"HH"),daysOfWeek:o,minute:l}},getScheduledJobBySetting:function(e){var t;if(!e||!e.fullSyncSchedule||!e.fullSyncSchedule.enabled)return null;var n=l.parseUTCToLocal({utcHour:e.fullSyncSchedule.hour,utcWeekdays:e.fullSyncSchedule.daysOfWeek,utcMinute:e.fullSyncSchedule.minute}),a=new Date,r=c.getDay(),i=n.daysOfWeek.sort((function(e,t){return e-t})),o=n.daysOfWeek.includes(r),s=n.hour,u=null!==(t=null==n?void 0:n.minute)&&void 0!==t?t:0;if(o&&(a.setHours(s,u,0,0),c<a))return a;var m=new Date,d=i.find((function(e){return e>r}));d||(d=i[0]);var p=Math.abs(d-r);return m.setDate(c.getDate()+p),m.setHours(s,0,0,0),m}}},44538:(e,t,n)=>{n.d(t,{K:()=>i});var a=n(99940),r=n(97395),c=n(58739),l=n(38389),i={getRostering:function(){return{url:"{gateway}/v1/users/me/rostering",key:"rostering"}},getSyncList:function(e){var t={};if(e.cursor&&(t.cursor=e.cursor),e.sort&&("oldest"===e.sort?t.order="ASC":t.order="DESC"),e.jobStatus){var n=[];e.jobStatus.includes("completed")&&n.push.apply(n,[c.K.Completed,c.K.CompletedWithError]),e.jobStatus.includes("failed")&&n.push(c.K.Failed),e.jobStatus.includes("inProgress")&&n.push.apply(n,[c.K.Submitted,c.K.Queued,c.K.Pending,c.K.InProgress]),t.status=n}return t.type=l.m.Rostering,{url:r._.urlBuilder("{gateway}/v1/batch/jobs",t),key:"rostering:sync:".concat(e.cursor,":").concat(e.sort,":").concat(e.jobStatus)}},createJob:function(e,t,n){return{url:"{gateway}/v1/batch/jobs",key:"rostering:sync",type:a.k.POST,invalidationKeys:["rostering:sync"],data:e,success:t,error:n}},getJobSummary:function(e){return{url:"{gateway}/v1/batch/jobs/".concat(e,"/summary"),key:"job:summary:".concat(e)}},getSyncScheduleSettings:function(e){return{url:"{gateway}/v1/rostering/".concat(e,"/schedule"),key:"sync-settings:".concat(e)}},updateScheduleSetting:function(e,t,n,r,c){return{type:a.k.PUT,url:"{gateway}/v1/rostering/".concat(t,"/schedule"),key:"update:sync-settings:".concat(e.customerId,":").concat(t),invalidationKeys:["sync-settings:".concat(t)],data:e,success:n,error:r,always:c}}}},81803:(e,t,n)=>{n.d(t,{d:()=>b});var a=n(32735),r=n(81886),c=n(23481),l=n(49935),i=n(22902),o=n(14070),s=n(97291),u=n(96368);function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var d="settings.settingsLayout",p=function(e){var t=(0,i.T)().hasPermissions,n=(0,u.e)();if(e)return t(e);var a=r.Q.C$.getCurrentAppLink();return a.application!==s.O.SETTINGS||n.some((function(e){return e.modules.some((function(e){return"appLink"in e&&e.appLink.action===a.action}))}))};function b(e){var t,n=p(e.requiredPermissions);if(a.useEffect((function(){n||r.Q.C$.trigger({application:s.O.SETTINGS,action:o.e.Settings.HOME},{replace:!0})}),[n]),!n)return a.createElement(a.Fragment,null);var i,u=e.breadcrumbs.map((function(t,n){return{name:t,appLink:{application:s.O.SETTINGS,action:o.e.Settings.HOME},active:n===e.breadcrumbs.length-1}}));return a.createElement("div",{className:"px-3"},a.createElement("div",{className:"d-flex align-items-center justify-content-between"},a.createElement("h1",{className:"h2"},e.heading),null===(t=e.headingButton)||void 0===t?void 0:t.call(e)),a.createElement("div",{className:"pb-3"},a.createElement(l.Oo,{breadcrumbs:[{name:c.T.getPhrase(d,"settingsBreadcrumb"),appLink:{application:s.O.SETTINGS,action:o.e.Settings.HOME}}].concat((i=u,function(e){if(Array.isArray(e))return m(e)}(i)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(i)||function(e,t){if(e){if("string"==typeof e)return m(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)?m(e,t):void 0}}(i)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()))})),e.description&&a.createElement(a.Fragment,null,a.createElement("p",null,e.description),a.createElement("hr",null)),e.children)}},52834:(e,t,n)=>{n.d(t,{y:()=>u});var a=n(32735),r=n(23232),c=n(98461),l=n(83345),i=n(12778),o=n(99742),s="rostering.requiresSetUp";function u(){return a.createElement(r.u,null,a.createElement(r.u.Image,{src:o.W.EmptyStates.Rostering.REQUIRES_SET_UP}),a.createElement(r.u.Heading,null,a.createElement(l.x,{namespace:s,phrase:"emptyHeading"})),a.createElement(r.u.Info,{className:"w-50 mb-3"},a.createElement(l.x,{namespace:s,phrase:"emptyInfo"})),a.createElement(c.d,{className:"btn btn-dark",href:i.o.getSupportRequestUrl(),newTab:!0},a.createElement(l.x,{namespace:s,phrase:"button"})))}},56736:(e,t,n)=>{n.d(t,{B:()=>p});var a=n(60139),r=n(23481),c=n(20354),l=n(67651),i=n(72081),o=n(38389),s=n(4594),u=n(44538),m=n(69883),d=r.T.encloseNamespace("rostering.syncUtils"),p=function(e){var t=c.a.useGetFetchAsync(),n=(0,m.Z)();return e?{fullSync:function(){},syncNow:function(){var r={type:a.NK.Success,heading:d("startSyncAlertHeading"),message:d("startSyncAlertBody"),appLinkText:d("startSyncAlertAppLinkText"),appLinkClassName:"info-link"},c={name:i.g.Rostering,type:o.m.Rostering,metadata:{targetMasterId:e.customerId,targetMasterType:s.E.Customer},customerId:e.customerId,dataType:l.B.Learner};t(u.K.createJob(c,(function(){n.success(r)}),(function(){n.error(d("error"))})))}}:{syncNow:function(){},fullSync:function(){}}}},87432:(e,t,n)=>{n.d(t,{Z:()=>a});const a={pillTabSelector:"Hdi6o",tab:"RvNxr",minWidth:"GHSz9",radiusSmall:"VhJJa",tabLink:"WFyvo"}}}]);
+//# sourceMappingURL=6470-1012a7889c-lite.chunk.js.map

package/dist/scripts/6470-1012a7889c-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/6470-1012a7889c-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx","file:///app/packages/libs/shared/src/components/pill-tab-selector/PillTabSelector.tsx","file:///app/packages/libs/shared/src/components/rostering/rostering-header/RosteringSettingHeader.tsx","file:///app/packages/libs/shared/src/components/rostering/sync-action-button-group/sync-action-button-group.scss","file:///app/packages/libs/shared/src/components/rostering/sync-action-button-group/SyncActionButtonGroup.tsx","file:///app/packages/libs/shared/src/components/rostering/utils/RosteringHelper.ts","file:///app/packages/libs/shared/src/flight-requests/RosteringRequests.ts","file:///app/packages/projects/lite/src/apps/settings/components/settings-layout/SettingsLayout.tsx","file:///app/packages/projects/lite/src/apps/settings/views/rostering/rostering-sync-list/requires-set-up-empty-state/RequiresSetUpEmptyState.tsx","file:///app/packages/projects/lite/src/apps/settings/views/rostering/utils/useSyncRostering.ts","file:///app/packages/libs/shared/src/components/pill-tab-selector/pill-tab-selector.scss"],"sourcesContent":["import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\nimport { PartialLoadingHelper } from 'libs/shared/utils/PartialLoadingHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { SvgContainer, SvgContainerSize } from '../svg-container/SvgContainer';\n\nconst COLLAPSE_CHARACTER_COUNT = 56;\n\nexport interface Breadcrumb {\n  name: string;\n  appLink?: Core.AppLink;\n  active?: boolean;\n}\n\ninterface BreadcrumbItemProps {\n  breadcrumb: Breadcrumb;\n  withBackIcon?: boolean;\n}\n\nexport const BreadcrumbItem = ({ breadcrumb: { name, appLink, active }, withBackIcon }: BreadcrumbItemProps) => (\n  <li className={`breadcrumb-item${active ? ' active' : ''}`}>\n    {active\n      ? <strong>{name}</strong>\n      : <AppLink appLink={appLink}>\n        {withBackIcon && <SvgContainer svgName={cvSvgLibrary.ChevronLeft} size={SvgContainerSize.Small} />}\n        <span className={withBackIcon ? 'ms-2' : ''}>{name}</span>\n      </AppLink>\n    }\n  </li>\n);\n\ninterface BreadcrumbsProps {\n  breadcrumbs: Breadcrumb[];\n}\n\nexport const Breadcrumbs = ({ breadcrumbs }: BreadcrumbsProps) => {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  const length = breadcrumbs?.length || 0;\n  \n  const [ collapse, setCollapse ] = React.useState(false);\n\n  React.useEffect(() => {\n    const characterLength = breadcrumbs?.reduce((prev, next) => prev + next.name.length, 0) ?? 0;\n\n    if (length > 3 && characterLength > COLLAPSE_CHARACTER_COUNT)\n      setCollapse(true);\n  }, [breadcrumbs?.length]);\n\n  if (!length || (isMobile && length < 2))\n    return <></>;\n\n  if (isMobile)\n    return (\n      <nav aria-label='breadcrumb'>\n        <ol className='breadcrumb m-0 p-0'>\n          <BreadcrumbItem breadcrumb={breadcrumbs[length - 2]} withBackIcon />\n        </ol>\n      </nav>\n    );\n\n  const first = <BreadcrumbItem breadcrumb={breadcrumbs[0]} />;\n  const secondLast = length > 2 ? <BreadcrumbItem breadcrumb={breadcrumbs[length - 2]} /> : <></>;\n  const last = <BreadcrumbItem breadcrumb={breadcrumbs[length - 1]} />;\n  const rest = breadcrumbs.slice(1, length - 2);\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {first}\n        {collapse ?\n          <li className='breadcrumb-item'>\n            <button className='btn-link' onClick={() => setCollapse(false)}>\n            ...\n            </button>\n          </li> :\n          rest.map((breadcrumb, idx) => <BreadcrumbItem key={idx} breadcrumb={breadcrumb} />)\n        }\n        {secondLast}\n        {last}\n      </ol>\n    </nav>\n  );\n};\n\nexport const PartialBreadcrumbs = React.memo(function({ numItems = 3 }: { numItems?: number; }) {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  if (isMobile) {\n    return (\n      <div className='partial-loading-background' style={{ height: '1.3125rem', width: '6rem' }} />\n    );\n  }\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {PartialLoadingHelper.getPartialLoadingItems({ numItems }).map(({ width }, idx) => (\n          <li key={idx} className='breadcrumb-item'>\n            <span className='d-inline-block partial-loading-background' style={{ width }} dangerouslySetInnerHTML={{ __html: '&nbsp' }} />\n          </li>\n        ))}\n      </ol>\n    </nav>\n  );\n});","import React from 'react';\n\nimport { Core } from 'libs/common/core';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { AnalyticsOptions } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { Badge, BadgeType } from 'libs/shared/components/badges/Badge';\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\n\nimport { SvgContainer } from '../svg-container/SvgContainer';\n\nimport styles from './pill-tab-selector.scss';\n\ninterface TabContentsProps {\n  tab: PillTab;\n}\n\nfunction TabContents(props: TabContentsProps): JSX.Element {\n  return (\n    <>\n      {!!props.tab.svgName && (\n        <div className={props.tab.name ? 'pe-1' : ''}>\n          <SvgContainer svgName={props.tab.svgName} />\n        </div>\n      )}\n\n      {props.tab.name}\n\n      {typeof (props.tab.count) === 'number' && (\n        <div className='ps-2'>\n          <Badge type={BadgeType.Count} data={props.tab.count} />\n        </div>\n      )}\n    </>\n  );\n}\n\nexport interface PillTab {\n  name: string;\n  active: boolean;\n  svgName?: string;\n\n  className?: string;\n\n  appLink?: Core.AppLink;\n  onSelect?: () => void;\n\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n\n  count?: number;\n}\n\ninterface PillTabSelectorProps {\n  tabs: PillTab[];\n  containerRef?: (el: HTMLElement) => void;\n  listClassName?: string;\n  className?: string;\n  borderRadius?: 'sm' | 'lg'\n}\n\nPillTabSelector.defaultProps = {\n  borderRadius: 'lg'\n};\n\nexport function PillTabSelector(props: PillTabSelectorProps): JSX.Element {\n  function onSelectTab(tab: PillTab): void {\n    if (tab.active || !tab.onSelect)\n      return;\n\n    tab.onSelect();\n\n    if (tab.analyticsData && tab.analyticsOptions)\n      AnalyticsHelper.logUserAction(tab.analyticsData, tab.analyticsOptions);\n  }\n\n  return (\n    <nav className={props.className ?? ''} ref={props.containerRef}>\n      <ul className={`\n        list-unstyled d-inline-block m-0 ${styles.pillTabSelector}\n        ${props.borderRadius ? styles.radiusSmall : ''}\n        ${props.listClassName}\n      `}>\n        {props.tabs.map((tab, index) => {\n          return (\n            <li\n              className={`\n                p-0 ${styles.tab} ${tab.active ? 'btn btn-dark' : 'btn btn-outline-dark'}\n                ${tab.name ? styles.minWidth : ''} ${tab.className}\n              `}\n              key={index}\n            >\n              {tab.appLink ? (\n                <AppLink\n                  appLink={tab.appLink}\n                  analyticsData={tab.analyticsData}\n                  analyticsOptions={tab.analyticsOptions}\n                  className={`\n                    cursor-pointer d-flex align-items-center justify-content-center\n                    text-decoration-none text-reset px-2 text-nowrap ${styles.tabLink}\n                  `}\n                >\n                  <TabContents tab={tab} />\n                </AppLink>\n              ) : (\n                <DivButton\n                  className={`\n                    cursor-pointer d-flex align-items-center justify-content-center\n                    text-decoration-none text-reset p-2 text-nowrap ${styles.tabLink}\n                  `}\n                  onClick={() => onSelectTab(tab)}\n                >\n                  <TabContents tab={tab} />\n                </DivButton>\n              )}\n            </li>\n          );\n        })}\n      </ul>\n    </nav>\n  );\n}\n","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { PillTabSelector } from 'libs/shared/components/pill-tab-selector/PillTabSelector';\n\nconst namespace = 'rostering.settingHeader';\n\nexport interface RosteringSettingHeaderAppLinks {\n  syncJobs: Core.AppLink;\n  settings: Core.AppLink;\n}\n\ninterface RosteringSettingHeaderProps {\n  appLinks?: RosteringSettingHeaderAppLinks;\n  active: keyof RosteringSettingHeaderAppLinks;\n}\n\nexport function RosteringSettingHeader(props: RosteringSettingHeaderProps): JSX.Element {\n  const tabs = [{\n    name: LanguageService.getPhrase(namespace, 'syncJobs'),\n    appLink: props.appLinks?.syncJobs,\n    active: props.active === 'syncJobs'\n   \n  }, {\n    name: LanguageService.getPhrase(namespace, 'settings'),\n    appLink: props.appLinks?.settings,\n    active: props.active === 'settings'\n    \n  }];\n\n  return (\n    <div>\n      <PillTabSelector tabs={tabs} />\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"rightButton\":\"GcqRT\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\n\nimport styles from './sync-action-button-group.scss';\n\nconst namespace = 'rostering.syncActionButtonGroup';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface SyncActionButtonGroupProps {\n  onSyncNow?: () => void;\n  onFullSync?: () => void;\n}\n\nexport function SyncActionButtonGroup(props: SyncActionButtonGroupProps): JSX.Element {\n  return (\n    <div className='btn-group px-2' role='group'>\n      <Tooltip title={getPhrase('syncNowTooltip')} spanHack placement='left' spanHackClassName={styles.buttonBorder}>\n        <button type='button' className={`btn btn-outline-dark ${styles.leftButton}`} onClick={props?.onSyncNow}>{getPhrase('syncNow')}</button>\n      </Tooltip>\n      {/* todo hide the dropdown for v1 */}\n      {/* <button type='button' className={`btn  dropdown-toggle btn-outline-dark ${styles.rightButton}`} data-bs-toggle='dropdown'>\n      </button>\n      <div className='dropdown-menu'>\n        <Tooltip title={getPhrase('fullSyncTooltip')} spanHack placement='left' >\n          <div className='dropdown-item cursor-pointer' onClick={props?.onFullSync}>{getPhrase('fullSync')}</div>\n        </Tooltip>\n      </div> */}\n    </div>\n  );\n}","import { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\n\nimport { ScheduleSettingResponse } from 'libs/shared/interfaces';\n\nconst now = new Date();\n\nexport const RosteringHelper = {\n  parseUTCToLocal(\n    {\n      utcHour,\n      utcWeekdays,\n      utcMinute = 0\n    }: {\n    utcHour: number,\n    utcWeekdays: number[],\n    utcMinute: number\n  }\n  ) {\n    const local = utcWeekdays.map(weekday => DateHelper.buildLocalDateFromUTC(weekday, utcHour, utcMinute));\n\n    const localWeekdays = local.map(w => w.getDay());\n    const localHour = DateHelper.format(ArrayHelper.first(local), 'HH');\n    return { hour: +localHour, daysOfWeek: localWeekdays, minute: utcMinute };\n  },\n\n  // calculating next scheduled job by schedule setting\n  getScheduledJobBySetting (setting: ScheduleSettingResponse): Date | null {\n    if (!setting || !setting.fullSyncSchedule || !setting.fullSyncSchedule.enabled)\n      return null;\n\n    const schedule = RosteringHelper.parseUTCToLocal({\n      utcHour: setting.fullSyncSchedule.hour,\n      utcWeekdays: setting.fullSyncSchedule.daysOfWeek,\n      utcMinute: setting.fullSyncSchedule.minute\n    });\n    const scheduledDate = new Date();\n    const weekdayOfToday = now.getDay();\n\n    const scheduledWeekday = schedule.daysOfWeek.sort((a, b) => a - b);\n    const scheduledToday = schedule.daysOfWeek.includes(weekdayOfToday);\n    const hour = schedule.hour;\n    const minute = schedule?.minute ?? 0;\n\n    if (scheduledToday) {\n      scheduledDate.setHours(hour, minute, 0, 0);\n      if (now < scheduledDate) {\n        return scheduledDate;\n      }\n    }\n\n    const nextScheduledDate = new Date();\n    let nextScheduledWeekday = scheduledWeekday.find(d => d > weekdayOfToday);\n    if (!nextScheduledWeekday) {\n      // cannot find next scheduled date in the current week, must be next week\n      nextScheduledWeekday = scheduledWeekday[0];\n    }\n    // use absolute value of gap to make sure next scheduled date is in the futrue\n    const gap = Math.abs(nextScheduledWeekday - weekdayOfToday);\n    nextScheduledDate.setDate(now.getDate() + gap);\n    nextScheduledDate.setHours(hour, 0, 0, 0);\n    return nextScheduledDate;\n  }\n};","import { HttpVerbs } from 'libs/common/backbone/enums/HttpVerbs';\nimport { UrlHelper } from 'libs/common/backbone/utils/UrlHelper';\nimport { Flight } from 'libs/common/flight';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { BulkJobsQueryParams } from 'libs/shared/components/bulk-jobs-filters/BulkJobsFilters';\nimport { BatchJobStatus } from 'libs/shared/enums/BatchJobStatus';\nimport { BatchJobType } from 'libs/shared/enums/BatchJobType';\nimport { BatchJob, ScheduleSettingRequest } from 'libs/shared/interfaces';\nimport { CreateBatchJobRequest } from 'libs/shared/interfaces';\n\nexport const RosteringRequests = {\n  getRostering(): Flight.Request {\n    return {\n      url: `{gateway}/v1/users/me/rostering`,\n      key: `rostering`\n    };\n  },\n\n  getSyncList(queryParams: BulkJobsQueryParams): Flight.Request {\n    const params: HashObject = {};\n    if (queryParams.cursor)\n      params.cursor = queryParams.cursor;\n\n    if (queryParams.sort) {\n      if (queryParams.sort === 'oldest')\n        params.order = 'ASC';\n      else\n        params.order = 'DESC';\n    }\n\n    if (queryParams.jobStatus) {\n      const statuses = [];\n      if (queryParams.jobStatus.includes('completed')) {\n        statuses.push(...[ BatchJobStatus.Completed, BatchJobStatus.CompletedWithError ]);\n      }\n      if (queryParams.jobStatus.includes('failed')) {\n        statuses.push(BatchJobStatus.Failed);\n      }\n      if (queryParams.jobStatus.includes('inProgress')) {\n        statuses.push(...[\n          BatchJobStatus.Submitted,\n          BatchJobStatus.Queued,\n          BatchJobStatus.Pending,\n          BatchJobStatus.InProgress ]);\n      }\n      params.status = statuses;\n    }\n\n    params.type = BatchJobType.Rostering;\n\n    return {\n      url: UrlHelper.urlBuilder('{gateway}/v1/batch/jobs', params),\n      key: `rostering:sync:${queryParams.cursor}:${queryParams.sort}:${queryParams.jobStatus}`\n    };\n  },\n\n  createJob(\n    data: CreateBatchJobRequest,\n    success?: (job: BatchJob) => void,\n    error?: () => void\n  ): Flight.Request {\n    return {\n      url: '{gateway}/v1/batch/jobs',\n      key: 'rostering:sync',\n      type: HttpVerbs.POST,\n      invalidationKeys: ['rostering:sync'],\n      data,\n      success,\n      error\n    };\n  },\n\n  getJobSummary(id: string): Flight.Request {\n    return {\n      url: `{gateway}/v1/batch/jobs/${id}/summary`,\n      key: `job:summary:${id}`\n    };\n  },\n\n  getSyncScheduleSettings(integrationId: string): Flight.SimulatedRequest {\n    return {\n      url: `{gateway}/v1/rostering/${integrationId}/schedule`,\n      key: `sync-settings:${integrationId}`\n    };\n  },\n\n  updateScheduleSetting(\n    data: ScheduleSettingRequest,\n    integrationId: string,\n    success?: () => void,\n    error?: () => void,\n    always?: () => void\n  ): Flight.Request {\n    return {\n      type: HttpVerbs.PUT,\n      url: `{gateway}/v1/rostering/${integrationId}/schedule`,\n      key: `update:sync-settings:${data.customerId}:${integrationId}`,\n      invalidationKeys: [`sync-settings:${integrationId}`],\n      data,\n      success,\n      error,\n      always\n    };\n  }\n};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { Breadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport { useGetSettingsGroups } from 'apps/settings/hooks/useGetSettingsGroups';\n\nconst namespace = 'settings.settingsLayout';\n\n/**\n * Checks if the current user has permission to access the settings module\n */\nexport const useCanAccessSettings = (requiredPermissions: PermissionName | PermissionName[]): boolean => {\n  const { hasPermissions } = usePermissions();\n  const settingsGroups = useGetSettingsGroups();\n\n  /**\n   * TODO: Update all settings pages to pasas required permissions, because checking the \n   * `useGetSettingsGroups()` values clearly doesnt work for settings pages with multiple\n   * applinks inside of them. - Sha\n   */\n  if (requiredPermissions)\n    return hasPermissions(requiredPermissions);\n\n  const currentRoute = Core.AppLinkHelper.getCurrentAppLink();\n\n  /**\n   * Allows us to have popups sitting in other locations be used\n   * by our settings pages. For example the manage video access popup\n   * in the \"videos with restricted access\" page - Sha\n   */\n  if (currentRoute.application !== AppChannels.SETTINGS)\n    return true;\n\n  return settingsGroups.some(group => {\n    return group.modules.some(settingsModule => {\n      if ('appLink' in settingsModule) {\n        return settingsModule.appLink.action === currentRoute.action;\n      }\n\n      return false;\n    });\n  });\n};\n\ninterface SettingsLayoutProps {\n  heading: string;\n  breadcrumbs: string[];\n  description?: string;\n  requiredPermissions?: PermissionName | PermissionName[];\n  headingButton?: () => JSX.Element;\n}\n\nexport function SettingsLayout(props: React.PropsWithChildren<SettingsLayoutProps>): JSX.Element {\n  const canAccess = useCanAccessSettings(props.requiredPermissions);\n\n  React.useEffect(() => {\n    if (!canAccess) {\n      Core.AppLinkHelper.trigger({\n        application: AppChannels.SETTINGS,\n        action: Actions.Settings.HOME\n      }, { replace: true });\n    }\n  }, [canAccess]);\n\n  if (!canAccess)\n    return <></>;\n\n  const breadcrumbs = props.breadcrumbs.map((name, i) => ({\n    name,\n    appLink: {\n      application: AppChannels.SETTINGS,\n      action: Actions.Settings.HOME\n    },\n    active: i === props.breadcrumbs.length - 1\n  }));\n\n  return (\n    <div className='px-3'>\n      <div className='d-flex align-items-center justify-content-between'>\n        <h1 className='h2'>{props.heading}</h1>\n        {props.headingButton?.()}\n      </div>\n      <div className='pb-3'>\n        <Breadcrumbs\n          breadcrumbs={[\n            {\n              name: LanguageService.getPhrase(namespace, 'settingsBreadcrumb'),\n              appLink: {\n                application: AppChannels.SETTINGS,\n                action: Actions.Settings.HOME\n              }\n            },\n            ...breadcrumbs\n          ]}\n        />\n      </div>\n      {props.description &&\n        <>\n          <p>{props.description}</p>\n          <hr />\n        </>\n      }\n\n      {props.children}\n    </div>\n  );\n}","import React from 'react';\n\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\nimport { ExternalLink } from 'libs/shared/components/external-link/ExternalLink';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { ArticleHelper } from 'libs/shared/utils/ArticleHelper';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\n\nconst namespace = 'rostering.requiresSetUp';\n\nexport function RequiresSetUpEmptyState(): JSX.Element {\n  return (\n    <EmptyState>\n      <EmptyState.Image src={ImageUrls.EmptyStates.Rostering.REQUIRES_SET_UP} />\n      <EmptyState.Heading><Text namespace={namespace} phrase='emptyHeading' /></EmptyState.Heading>\n      <EmptyState.Info className='w-50 mb-3'><Text namespace={namespace} phrase='emptyInfo' /></EmptyState.Info>\n      \n      {/* <EmptyState.Cta\n        href={href}\n        text={getPhrase('emptyCta')}\n        className='btn btn-link info-link'\n        openInNewTab\n      /> */}\n  \n      <ExternalLink\n        className='btn btn-dark'\n        href={ArticleHelper.getSupportRequestUrl()}\n        newTab\n      >\n        <Text namespace={namespace} phrase='button'/>\n      </ExternalLink>\n      \n    </EmptyState>\n  );\n}","import { AlertType, BaseAlert } from 'libs/common/backbone/services/BaseAlertService';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\n\nimport { BatchDataType } from 'libs/shared/enums/BatchDataType';\nimport { BatchJobName } from 'libs/shared/enums/BatchJobName';\nimport { BatchJobType } from 'libs/shared/enums/BatchJobType';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { RosteringRequests } from 'libs/shared/flight-requests/RosteringRequests';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { CurrentUser } from 'libs/shared/interfaces';\n\nconst namespace = 'rostering.syncUtils';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport const useSyncRostering = (currentUser: CurrentUser) => {\n  const fetchAsync = Flight.useGetFetchAsync();\n\n  const alerts = useAlerts();\n\n  if (!currentUser) {\n    return { syncNow: () => {}, fullSync: () => {} };\n  }\n\n  function syncNow() {\n    const alert: BaseAlert = {\n      type: AlertType.Success,\n      heading: getPhrase('startSyncAlertHeading'),\n      message: getPhrase('startSyncAlertBody'),\n      appLinkText: getPhrase('startSyncAlertAppLinkText'),\n      appLinkClassName: 'info-link'\n    };\n\n    const data = {\n      name: BatchJobName.Rostering,\n      type: BatchJobType.Rostering,\n      metadata: {\n        targetMasterId: currentUser.customerId,\n        targetMasterType: MasterType.Customer\n      },\n      customerId: currentUser.customerId,\n      dataType: BatchDataType.Learner\n    };\n    fetchAsync(RosteringRequests.createJob(\n      data,\n      () => {\n        alerts.success(alert);\n      },\n      () => {\n        alerts.error(getPhrase('error'));\n      }\n    ));\n  }\n\n  function fullSync() {\n    // todo\n  }\n  return { fullSync, syncNow };\n};","// extracted by mini-css-extract-plugin\nexport default {\"pillTabSelector\":\"Hdi6o\",\"tab\":\"RvNxr\",\"minWidth\":\"GHSz9\",\"radiusSmall\":\"VhJJa\",\"tabLink\":\"WFyvo\"};"],"names":["BreadcrumbItem","breadcrumb","name","appLink","active","withBackIcon","className","svgName","size","S","Breadcrumbs","breadcrumbs","isMobile","length","collapse","setCollapse","characterLength","reduce","prev","next","first","secondLast","last","rest","slice","onClick","map","idx","key","PartialBreadcrumbs","numItems","style","height","width","dangerouslySetInnerHTML","__html","TabContents","props","tab","count","type","data","PillTabSelector","ref","containerRef","borderRadius","listClassName","tabs","index","analyticsData","analyticsOptions","onSelect","onSelectTab","defaultProps","namespace","RosteringSettingHeader","appLinks","syncJobs","settings","getPhrase","LanguageService","SyncActionButtonGroup","role","Tooltip","title","spanHack","placement","spanHackClassName","onSyncNow","now","Date","RosteringHelper","parseUTCToLocal","utcHour","utcWeekdays","utcMinute","local","weekday","localWeekdays","w","getDay","hour","daysOfWeek","minute","getScheduledJobBySetting","setting","fullSyncSchedule","enabled","schedule","scheduledDate","weekdayOfToday","scheduledWeekday","sort","a","b","scheduledToday","includes","setHours","nextScheduledDate","nextScheduledWeekday","find","d","gap","Math","abs","setDate","getDate","RosteringRequests","getRostering","url","getSyncList","queryParams","params","cursor","order","jobStatus","statuses","push","status","createJob","success","error","invalidationKeys","getJobSummary","id","getSyncScheduleSettings","integrationId","updateScheduleSetting","always","customerId","useCanAccessSettings","requiredPermissions","hasPermissions","settingsGroups","currentRoute","application","some","group","modules","settingsModule","action","SettingsLayout","canAccess","replace","i","heading","headingButton","description","children","RequiresSetUpEmptyState","src","phrase","href","newTab","useSyncRostering","currentUser","fetchAsync","alerts","fullSync","syncNow","alert","message","appLinkText","appLinkClassName","metadata","targetMasterId","targetMasterType","dataType","B"],"sourceRoot":""}