@clickview/lite 0.48.0-rc.2 → 0.48.0-rc.4

package/dist/scripts/5940-3ddc297b7a-lite.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scripts/5940-3ddc297b7a-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/apps/playlists/components/playlist-list/PartialPlaylistList.tsx","file:///app/packages/libs/shared/src/apps/playlists/components/playlist-count/playlist-count.scss","file:///app/packages/libs/shared/src/apps/playlists/components/playlist-count/PlaylistCount.tsx","file:///app/packages/libs/shared/src/apps/playlists/components/playlist-list/PlaylistOwnerAvatar.tsx","file:///app/packages/libs/shared/src/apps/playlists/components/playlist-list/PlaylistItem.tsx","file:///app/packages/libs/shared/src/apps/playlists/components/playlist-list/PlaylistList.tsx","file:///app/packages/libs/shared/src/components/actions/Actions.tsx","file:///app/packages/libs/shared/src/components/actions/actions.scss","file:///app/packages/libs/shared/src/components/actions/ActionsDropdown.tsx","file:///app/packages/libs/shared/src/components/audience-label/AudienceLabel.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/errors/handlers/HttpErrorHandlers.ts","file:///app/packages/libs/shared/src/hooks/UseInfiniteScroll.ts","file:///app/packages/libs/shared/src/hooks/UseInfiniteList.ts","file:///app/packages/libs/shared/src/hooks/UseMergeAudiences.ts","file:///app/packages/libs/shared/src/utils/audience-helper/AudienceStringBuilders.ts","file:///app/packages/libs/shared/src/utils/audience-helper/AudienceHelper.ts","file:///app/packages/libs/shared/src/apps/playlists/components/sort-select/PlaylistSortSelect.tsx","file:///app/packages/projects/lite/src/apps/playlists/components/favourites-playlist-item/favourites-playlist-item.scss","file:///app/packages/projects/lite/src/apps/playlists/components/favourites-playlist-item/FavouritesPlaylistItem.tsx","file:///app/packages/projects/lite/src/apps/playlists/views/playlists/empty-state/PlaylistsEmptyState.tsx","file:///app/packages/projects/lite/src/apps/playlists/views/playlists/PlaylistsView.tsx","file:///app/packages/projects/lite/src/shared/hooks/usePresentationAudiences.ts","file:///app/packages/projects/lite/src/shared/views/favourites/hooks/useFavouritesCount.ts","file:///app/packages/libs/shared/src/apps/playlists/components/playlist-list/playlist.scss","file:///app/node_modules/react-bootstrap/esm/Row.js","file:///app/node_modules/timeago.js/esm/lang/en_US.js","file:///app/node_modules/timeago.js/esm/lang/zh_CN.js","file:///app/node_modules/timeago.js/esm/register.js","file:///app/node_modules/timeago.js/esm/utils/date.js","file:///app/node_modules/timeago.js/esm/format.js","file:///app/node_modules/timeago.js/esm/index.js"],"sourcesContent":["import * as React from 'react';\nimport { Col, Row } from 'react-bootstrap';\n\nimport styles from './playlist.scss';\n\ninterface PartialPlaylistListProps {\n  numItems?: number;\n  itemClassName?: string;\n  showHeading?: boolean;\n}\n\nPartialPlaylistList.defaultProps = {\n  numItems: 8\n};\n\nexport function PartialPlaylistList(props: PartialPlaylistListProps): JSX.Element {\n  const PARTIAL_PLAYLISTS = [...Array(props.numItems)];\n\n  const className = props.itemClassName || '';\n\n  return (\n    <>\n      {props.showHeading && <div className={`${styles.partialHeading} mb-1 partial-loading-background`} />}\n      <Row className='mx-n1 mb-n2'>\n        {PARTIAL_PLAYLISTS.map((p, idx) => (\n          <Col key={idx} xs={6} sm={4} lg={3} className={`${className} px-1 pb-2`}>\n            <div className={`${styles.playlistItem} partial-loading-background rounded-3`} />\n          </Col>\n        ))}\n      </Row>\n    </>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"fontSmall\":\"OYBRp\"};","import React from 'react';\n\nimport { Text } from 'libs/shared/components/text/Text';\nimport { Playlist } from 'libs/shared/interfaces';\n\nimport styles from './playlist-count.scss';\n\nconst namespace = 'playlists.playlistCount';\n\nfunction getCount(playlist: Playlist): number | false {\n  if (!playlist)\n    return false;\n\n  const videos = playlist.videos?.count ?? 0;\n  const interactives = playlist.interactives?.count ?? 0;\n  const clips = playlist.clips?.count ?? 0;\n\n  return videos + interactives + clips;\n}\n\ninterface PlaylistCountProps {\n  playlist: Playlist;\n}\n\nexport function PlaylistCount(props: PlaylistCountProps): JSX.Element {\n  const count = getCount(props.playlist);\n\n  if (count === false || Number.isNaN(count))\n    return <></>;\n\n  return (\n    <span className={styles.fontSmall}>\n      <Text namespace={namespace} phrase='count' options={{ smartCount: count }} />\n    </span>\n  );\n}","import * as React from 'react';\n\nimport { Avatar } from 'libs/shared/components/avatar/Avatar';\nimport { ClickViewAvatar } from 'libs/shared/components/clickview-avatar/ClickViewAvatar';\nimport { CurrentUser, Playlist } from 'libs/shared/interfaces';\nimport { UserHelper } from 'libs/shared/utils/UserHelper';\n\ninterface PlaylistOwnerAvatarProps {\n  playlist: Playlist;\n  imageCdnUrl: string;\n  currentUser?: CurrentUser;\n}\n\nexport function PlaylistOwnerAvatar(props: PlaylistOwnerAvatarProps): JSX.Element {\n  const { _liteOwner } = props.playlist;\n\n  if (props.playlist._isClickViewCurated?.value)\n    return (\n      <ClickViewAvatar />\n    );\n\n  if (!_liteOwner?.id || !props.currentUser?.id)\n    return <></>;\n\n  const currentUserIsOwner = _liteOwner.id.toString() === props.currentUser.id.toString();\n\n  if (currentUserIsOwner)\n    return <></>;\n\n  const url = typeof _liteOwner.avatar === 'string' ? _liteOwner.avatar : _liteOwner.avatar?.url;\n\n  return (\n    <Avatar\n      imageUrl={url}\n      imageCdnUrl={props.imageCdnUrl}\n      initials={UserHelper.getInitials(_liteOwner.name, _liteOwner.surname)}\n    />\n  );\n}","import * as React from 'react';\nimport { format } from 'timeago.js';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\n\nimport { AnalyticsOptions, EntityType, HashObject } from 'libs/analytics/interfaces';\n\nimport { PlaylistCount } from 'libs/shared/apps/playlists/components/playlist-count/PlaylistCount';\nimport { PlaylistOwnerAvatar } from 'libs/shared/apps/playlists/components/playlist-list/PlaylistOwnerAvatar';\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { AudienceLabel } from 'libs/shared/components/audience-label/AudienceLabel';\nimport { BaseImage } from 'libs/shared/components/image/BaseImage';\nimport { ImageFallback, ImageFallbackType } from 'libs/shared/components/image/ImageFallback';\nimport { ImageSize, ResizeType } from 'libs/shared/enums/Images';\nimport { useMergeAudiences } from 'libs/shared/hooks/UseMergeAudiences';\nimport { CurrentUser, Playlist, PresentationAudience } from 'libs/shared/interfaces';\nimport { getBgColorClass } from 'libs/shared/utils/getBgColorClass';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\n\nimport styles from './playlist.scss';\n\nconst namespace = 'playlists.playlistList';\n\nexport type PlaylistItemStyle = 'square' | 'round' | 'round-left';\n\nexport interface PlaylistItemProps {\n  data: Playlist;\n  appLink: Core.AppLink;\n  currentUser?: CurrentUser;\n  presentationAudiences?: PresentationAudience[];\n  bgColourClassNames?: string[];\n  titleClassName?: string;\n  imageCdnUrl?: string;\n  itemStyle?: PlaylistItemStyle;\n  showCount?: boolean;\n  showOwner?: boolean;\n  showFallbackImage?: boolean;\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n  audienceLabelClass?: string;\n}\n\nPlaylistItem.defaultProps = {\n  itemStyle: 'square'\n};\n\nexport function PlaylistItem(props: PlaylistItemProps): JSX.Element {\n  const imageUrl = ImageHelper.createUrl(props.data.cover && props.data.cover.url, {\n    size: ImageSize.Medium,\n    resizeType: ResizeType.Cover\n  });\n\n  const audiences = props.data.subjectPresentationAudiences &&\n    props.data.subjectPresentationAudiences.data;\n\n  const mergedAudience = useMergeAudiences(audiences, props.presentationAudiences);\n\n  let className = styles.playlistItem;\n\n  const showImage = !!imageUrl || !!props.showFallbackImage;\n\n  if (showImage)\n    className += ` ${styles.playlistItemGradient}`;\n\n  if (!showImage && props.bgColourClassNames)\n    className += ` ${styles.playlistItem} ${getBgColorClass(props.data.name, props.bgColourClassNames)}`;\n\n  if (props.itemStyle === 'round')\n    className += ` rounded-3 overflow-hidden`;\n\n  if (props.itemStyle === 'round-left')\n    className += ` rounded-start-lg overflow-hidden`;\n\n  const analyticsData = { ...props.analyticsData,\n    id: props.data?.id,\n    name: props.data?.name\n  };\n\n  const analyticsOptions = {\n    ...props.analyticsOptions,\n    entity: EntityType.Playlist\n  };\n\n  const getTitle = () => {\n    if (!props.data.contentModifiedDate || props.data._isClickViewCurated?.value)\n      return '';\n\n    return LanguageService.getPhrase(namespace, 'lastUpdated', {\n      timeago: format(DateHelper.convertUTCToLocal(props.data.contentModifiedDate))\n    });\n  };\n\n  return (\n    <AppLink\n      appLink={props.appLink}\n      analyticsData={analyticsData}\n      analyticsOptions={analyticsOptions}\n      title={getTitle()}\n    >\n      <BaseImage data={imageUrl} alt={props.data.name} className={className}>\n        {!!props.showFallbackImage && <ImageFallback type={ImageFallbackType.Playlist} />}\n        <div className={`text-white ${styles.playlistMetadata}`}>\n          {!!props.showCount && (\n            <PlaylistCount playlist={props.data} />\n          )}\n          <h5 className={`mb-0 ${props.titleClassName || ''}`}><span className='clamp-2'>{props.data.name}</span></h5>\n          {!!audiences && !!audiences.length && !!mergedAudience &&\n            <AudienceLabel\n              className={`${props.audienceLabelClass ? props.audienceLabelClass : ''} mt-1`}\n              audience={mergedAudience}\n              border='white'\n            />\n          }\n        </div>\n        {!!props.showOwner && !!props.imageCdnUrl &&\n          <div className={styles.ownerAvatarContainer}>\n            <PlaylistOwnerAvatar\n              playlist={props.data}\n              currentUser={props.currentUser}\n              imageCdnUrl={props.imageCdnUrl}\n            />\n          </div>\n        }\n      </BaseImage>\n    </AppLink>\n  );\n}","import * as React from 'react';\nimport { Col, Row } from 'react-bootstrap';\n\nimport { Core } from 'libs/common/core';\n\nimport { AnalyticsOptions, ClickDescriptor, EntityType, HashObject, LocationContext, UserAction } from 'libs/analytics/interfaces';\n\nimport { CurrentUser, Playlist, PresentationAudience } from 'libs/shared/interfaces';\n\nimport { PlaylistItem, PlaylistItemStyle } from './PlaylistItem';\n\ninterface PlaylistListProps {\n  playlists: Playlist[];\n  getPlaylistAppLink: (playlist: Playlist) => Core.AppLink;\n  currentUser?: CurrentUser;\n  presentationAudiences?: PresentationAudience[];\n  itemContainerClassName?: string;\n  itemTitleClassName?: string;\n  bgColourClassNames?: string[];\n  itemStyle?: PlaylistItemStyle;\n  imageCdnUrl?: string;\n  showCount?: boolean;\n  showOwner?: boolean;\n  showFallbackImage?: boolean;\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n  extraPlaylistItem?: JSX.Element;\n}\n\nconst analyticsOptions: AnalyticsOptions = {\n  actionType: UserAction.Click,\n  entity: EntityType.Playlist,\n  location: LocationContext.PlaylistListItem,\n  descriptor: ClickDescriptor.Cover\n};\n\nexport function PlaylistList(props: PlaylistListProps): JSX.Element {\n  return (\n    <Row className='mx-n1'>\n      {props.extraPlaylistItem && (\n        <Col key='extra-playlist-item' xs={6} sm={4} lg={3} className={`mb-2 px-1 ${props.itemContainerClassName ? props.itemContainerClassName : ''}`}>\n          {props.extraPlaylistItem}\n        </Col>\n      )}\n\n      {props.playlists.map(p => (\n        <Col key={p.id} xs={6} sm={4} lg={3} className={`mb-2 px-1 ${props.itemContainerClassName ? props.itemContainerClassName : ''}`}>\n          <PlaylistItem\n            data={p}\n            appLink={props.getPlaylistAppLink(p)}\n            imageCdnUrl={props.imageCdnUrl}\n            currentUser={props.currentUser}\n            presentationAudiences={props.presentationAudiences}\n            bgColourClassNames={props.bgColourClassNames}\n            showCount={props.showCount}\n            showOwner={props.showOwner}\n            showFallbackImage={props.showFallbackImage}\n            titleClassName={props.itemTitleClassName}\n            itemStyle={props.itemStyle}\n            analyticsData={props.analyticsData}\n            analyticsOptions={{ ...props.analyticsOptions, ...analyticsOptions }}\n          />\n        </Col>\n      ))}\n    </Row>\n  );\n}","import * as React from 'react';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { Core } from 'libs/common/core';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsOptions } from 'libs/analytics/interfaces';\n\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\nimport { SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { BaseObject } from 'libs/shared/interfaces';\n\nimport { ActionButton } from './ActionButton';\nimport { ActionsDropdown } from './ActionsDropdown';\n\nexport interface ActionOptions {\n  order?: number;\n  label?: string | (() => JSX.Element);\n  appLink?: Core.AppLink;\n  href?: string;\n  onClick?: () => void;\n  svgName?: string;\n  className?: string;\n  button?: boolean; // If true, a button will be rendered. Otherwise the action will be rendered in the dropdown.\n  tooltip?: string;\n  showSpinner?: boolean;\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n  disabled?: boolean;\n  openInNewTab?: boolean; // Only used if appLink or href is provided\n  group?: string;\n  lazyPlaceholder?: boolean;\n}\n\nexport type ActionGenerator = (obj: BaseObject) => ActionOptions[];\n\ninterface ActionsProps {\n  actions: ActionOptions[];\n  className?: string;\n  actionsDropdownClassName?: string;\n  dropdownToggleSvgSize?: SvgContainerSize;\n  sortComponent?: JSX.Element;\n  fetchMore?: () => void;\n}\n\nexport function Actions(props: ActionsProps): JSX.Element {\n  const orderedActions = React.useMemo(() => props.actions.sort((a, b) => a.order - b.order), [props.actions]);\n\n  const buttonActions: ActionOptions[] = [];\n  const moreActions: ActionOptions[] = [];\n\n  orderedActions.forEach(a => {\n    if (a.button)\n      buttonActions.push(a);\n    else\n      moreActions.push(a);\n  });\n\n  let className = 'd-flex';\n\n  if (props.className)\n    className += ` ${props.className}`;\n\n  if (!buttonActions.length && !moreActions.length)\n    return <></>;\n\n  return (\n    <div className={className}>\n      <>\n        <span className='d-flex align-items-center'>\n          {buttonActions.length ? buttonActions.map((a, idx) => (\n            <React.Fragment key={idx}>\n              {(() => {\n                if (a.label) {\n                  const label = FunctionHelper.isFunction(a.label)\n                    ? a.label\n                    : () => <>{a.label}</>;\n                  \n                  return (\n                    <ActionButton\n                      appLink={a.appLink}\n                      href={a.href}\n                      onClick={a.onClick}\n                      svgName={a.svgName}\n                      className={a.className}\n                      tooltip={a.tooltip}\n                      showSpinner={a.showSpinner}\n                      analyticsData={a.analyticsData}\n                      analyticsOptions={a.analyticsOptions}\n                      openInNewTab={a.openInNewTab}\n                      disabled={a.disabled}\n                    >\n                      {label()}\n                    </ActionButton>\n                  );\n                }\n\n                const iconButton = (\n                  <IconButton\n                    appLink={a.appLink}\n                    href={a.href}\n                    onClick={a.onClick}\n                    svgName={a.svgName}\n                    className={a.className}\n                    analyticsData={a.analyticsData}\n                    analyticsOptions={a.analyticsOptions}\n                    openInNewTab={a.openInNewTab}\n                    disabled={a.disabled}\n                  />\n                );\n\n                return a.tooltip\n                  ? <Tooltip title={a.tooltip} spanHack>{iconButton}</Tooltip>\n                  : iconButton;\n              })()}\n            </React.Fragment>\n          )) : <></>}\n          {props.sortComponent && props.sortComponent}\n          {moreActions.length ? (\n            <ActionsDropdown\n              actions={moreActions}\n              dropdownToggleClassName={props.actionsDropdownClassName}\n              dropdownToggleSvgSize={props.dropdownToggleSvgSize}\n              fetchMore={props.fetchMore}\n            />\n          ) : <></>}\n        </span>\n      </>\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"dropdownToggle\":\"UCAnJ\"};","import * as React from 'react';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { Core } from 'libs/common/core';\nimport { RandomHelper } from 'libs/common/react/utils/RandomHelper';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { ActionOptions } from './Actions';\n\nimport styles from './actions.scss';\n\nfunction LazyDropdownItems(): JSX.Element {\n  return (\n    <>\n      <div style={{ padding: '0.53125rem 1rem' }}>\n        <div className='partial-loading-background' style={{ height: '1.0625rem', width: '8rem' }}></div>\n      </div>\n      <div style={{ padding: '0.53125rem 1rem' }}>\n        <div className='partial-loading-background' style={{ height: '1.0625rem', width: '12rem' }}></div>\n      </div>\n      <div style={{ padding: '0.53125rem 1rem' }}>\n        <div className='partial-loading-background' style={{ height: '1.0625rem', width: '11rem' }}></div>\n      </div>\n      <div style={{ padding: '0.53125rem 1rem' }}>\n        <div className='partial-loading-background' style={{ height: '1.0625rem', width: '9rem' }}></div>\n      </div>\n    </>\n  );\n}\n\nfunction getDropdownItemClassName(actionClassName?: string): string {\n  let className = 'dropdown-item';\n\n  if (actionClassName)\n    className += ` ${actionClassName}`;\n\n  return className;\n}\n\nexport type DropdownActionOptions = Omit<ActionOptions, 'button'>;\n\ninterface ActionsDropdownItemProps {\n  action: DropdownActionOptions;\n}\n\nfunction ActionsDropdownItem(props: ActionsDropdownItemProps): React.ReactElement {\n  const label = FunctionHelper.isFunction(props.action.label)\n    ? props.action.label\n    : () => <>{props.action.label}</>;\n\n  if (props.action.appLink)\n    return (\n      <AppLink\n        appLink={props.action.appLink}\n        onClick={props.action.onClick}\n        className={getDropdownItemClassName(props.action.className)}\n        analyticsData={props.action.analyticsData}\n        analyticsOptions={props.action.analyticsOptions}\n        openInNewTab={props.action.openInNewTab}\n        disabled={props.action.disabled}\n      >\n        {props.action.svgName && <SvgContainer svgName={props.action.svgName} className='d-inline-block svg-container me-2 align-middle' />}\n        <span className='align-middle'>{label()}</span>\n      </AppLink>\n    );\n\n  function onClick(e: React.MouseEvent | React.KeyboardEvent): void {\n    e.preventDefault();\n\n    if (props.action.analyticsData && props.action.analyticsOptions)\n      AnalyticsHelper.logUserAction(props.action.analyticsData, props.action.analyticsOptions);\n\n    if (FunctionHelper.isFunction(props.action.onClick))\n      props.action.onClick();\n\n    if (props.action.href)\n      Core.LocationUtils.PageLoad(props.action.href, props.action.openInNewTab);\n  }\n\n  if (props.action.href) {\n    return (\n      <a\n        className={getDropdownItemClassName(props.action.className)}\n        onClick={onClick}\n        href={props.action.href}\n      >\n        {props.action.svgName && <SvgContainer svgName={props.action.svgName} className='d-inline-block svg-container me-2 align-middle' />}\n        <span className='align-middle'>{label()}</span>\n      </a>\n    );\n  }\n\n  return (\n    <span\n      className={`cursor-pointer ${getDropdownItemClassName(props.action.className)}`}\n      onClick={onClick}\n      role='button'\n      tabIndex={0}\n      onKeyDown={(e: React.KeyboardEvent) => e.key === 'Enter' && onClick(e)}\n    >\n      {props.action.svgName && <SvgContainer svgName={props.action.svgName} className='d-inline-block svg-container me-2' />}\n      {label()}\n    </span>\n  );\n}\n\ninterface ActionsDropdownProps {\n  actions: DropdownActionOptions[];\n  className?: string;\n  dropdownToggleClassName?: string;\n  dropdownToggleSvgSize?: SvgContainerSize;\n  fetchMore?: () => void;\n}\n\nActionsDropdown.defaultProps = {\n  dropdownToggleClassName: 'btn btn-light',\n  dropdownToggleSvgSize: SvgContainerSize.Small\n};\n\nexport function ActionsDropdown(props: ActionsDropdownProps): React.ReactElement {\n  if (!props.actions || !props.actions.length)\n    return <></>;\n\n  const isLazy = props.actions.some(a => a.lazyPlaceholder);\n\n  let className = 'dropdown';\n\n  if (props.className)\n    className += ` ${props.className}`;\n\n  // Generate unique id to avoid collisions.\n  const dropdownToggleId = `actions-dropdown-${RandomHelper.getRandomInt()}`;\n\n  let dropdownToggleClassName = `dropdown-toggle px-0 ${styles.dropdownToggle}`;\n\n  if (props.dropdownToggleClassName)\n    dropdownToggleClassName += ` ${props.dropdownToggleClassName}`;\n\n  let currentGroup: string;\n\n  return (\n    <div className={className}>\n      <button\n        className={dropdownToggleClassName}\n        type='button'\n        id={dropdownToggleId}\n        data-bs-toggle='dropdown'\n        data-toggle='dropdown'\n        aria-haspopup='true'\n        aria-expanded='false'\n        onClick={isLazy ? props.fetchMore : null}\n      >\n        <SvgContainer svgName={cvSvgLibrary.More} size={props.dropdownToggleSvgSize} />\n      </button>\n      <div className='dropdown-menu dropdown-menu-end dropdown-menu-right' aria-labelledby={dropdownToggleId}>\n        {isLazy ?\n          <LazyDropdownItems /> :\n          props.actions.map((a, idx) => {\n            const showDivider = currentGroup !== undefined && currentGroup !== a.group;\n            currentGroup = a.group;\n  \n            if (a.tooltip) {\n              return (\n                <React.Fragment key={idx}>\n                  {showDivider && <hr className='dropdown-divider' role='separator'></hr>}\n                  <Tooltip title={a.tooltip} spanHack>\n                    <ActionsDropdownItem action={a} />\n                  </Tooltip>\n                  \n                </React.Fragment>\n              );\n            }\n  \n            return (\n              <React.Fragment key={idx}>\n                {showDivider && <hr className='dropdown-divider' role='separator'></hr>}\n                <ActionsDropdownItem action={a} />\n              </React.Fragment>\n            );\n          })\n        }\n      </div>\n    </div>\n  );\n}","import * as React from 'react';\n\nimport { Audience } from 'libs/shared/interfaces';\n\nimport styles from './audience-label.scss';\n\ntype AudienceBorderColour = 'dark' | 'white';\n\ninterface AudienceLabelProps {\n  audience: Audience;\n  border: AudienceBorderColour;\n  className?: string;\n}\n\nexport function AudienceLabel(props: AudienceLabelProps): JSX.Element {\n  if (!props.audience)\n    return <></>;\n\n  // Note: the audience-label class is applied so that parent components can override styling, and Online can style this component\n  return (\n    <div\n      className={`audience-label border rounded-pill d-inline-block px-2 text-nowrap \n      ${'border-' + props.border} ${props.className ? props.className : ''}`}\n    >\n      {props.audience.name}\n    </div>\n  );\n}\n\ninterface AudienceLabelListProps {\n  audiences: Audience[];\n  border: AudienceBorderColour;\n}\n\nexport function AudienceLabelList(props: AudienceLabelListProps): JSX.Element {\n  if (!props.audiences || !props.audiences.length)\n    return <></>;\n\n  return (\n    <>\n      {props.audiences.map((a, idx) => (\n        <span key={idx} className={styles.audienceLabelListItem}>\n          <AudienceLabel audience={a} border={props.border} />\n        </span>\n      ))}\n    </>\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}","import { BaseError } from 'libs/common/backbone/core/BaseError';\nimport { HttpStatus } from 'libs/common/backbone/enums/HttpStatus';\nimport { Xhr } from 'libs/common/backbone/interfaces';\nimport { Core } from 'libs/common/core';\n\nimport { NotFoundError } from 'libs/shared/errors/general/not-found/NotFoundError';\nimport { PrivateResourceError } from 'libs/shared/errors/general/private-resource/PrivateResourceError';\nimport { RegionLockedResourceError } from 'libs/shared/errors/general/region-locked-resource/RegionLockedResourceError';\nimport { UnspecifiedError } from 'libs/shared/errors/general/unspecified-error/UnspecifiedError';\nimport { VideoTypes } from 'libs/shared/interfaces';\n\nexport interface HttpErrorMap {\n  notFound?: new () => BaseError;\n  forbidden?: {\n    rating?: new (description: string) => BaseError;\n    yearLevel?: new (description: string) => BaseError;\n    region?: new () => BaseError;\n    privacy?: new (video?: VideoTypes) => BaseError;\n  };\n  badRequest?: new () => BaseError;\n}\n\nexport type IgnoreHttpErrorMap = {\n  [key in keyof HttpErrorMap]: boolean;\n};\n\nconst defaultErrors: HttpErrorMap = {\n  notFound: NotFoundError,\n  forbidden: {\n    rating: PrivateResourceError,\n    yearLevel: PrivateResourceError,\n    region: RegionLockedResourceError,\n    privacy: PrivateResourceError\n  },\n  badRequest: UnspecifiedError\n};\n\nexport function handleHttpError(\n  info: HttpStatus | Xhr,\n  customErrorMap: HttpErrorMap = {},\n  /**\n   * Prevent certain errors in the errorMap from being thrown\n   * so that you may implement your own handler\n   */\n  ignoreMap: IgnoreHttpErrorMap = {}\n): void {\n  if (!info)\n    return;\n\n  let statusCode: HttpStatus;\n\n  if (typeof(info) === 'number') {\n    statusCode = info;\n  } else {\n    statusCode = info.status;\n  }\n\n  const errorMap = {\n    ...defaultErrors,\n    ...customErrorMap\n  };\n\n  if (!statusCode)\n    return;\n\n  if (!Core.ErrorHelper.isStatusCodeError(statusCode))\n    return;\n\n  if (statusCode === HttpStatus.NotFound) {\n    if (!ignoreMap.notFound)\n      Core.ErrorHelper.throw(new errorMap.notFound());\n    return;\n  }\n\n  if (statusCode === HttpStatus.Forbidden) {\n  /**\n   * TODO: Work out how to go about handling all forbidden errors, such as region locking, year levels,\n   * ratings, and privacy.\n   */\n    if (!ignoreMap.forbidden)\n      Core.ErrorHelper.throw(new errorMap.forbidden.privacy());\n    return;\n  }\n\n  if (!ignoreMap.badRequest)\n    Core.ErrorHelper.throw(new errorMap.badRequest());\n}\n\nexport function handleXhrError(xhr: Xhr, customErrorMap?: HttpErrorMap): void {\n  handleHttpError(xhr.status, customErrorMap);\n}","import { useEffect } from 'react';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\n\nconst SCROLL_TOLERANCE = 400; // value in px\n\ninterface UseInfiniteScrollOptions {\n  fetchNextPage: () => void;\n  hasMore: boolean;\n  isFetching: boolean;\n  scrollContainer?: HTMLElement;\n}\n\nexport function useInfiniteScroll(options: UseInfiniteScrollOptions): void {\n  const handleScroll = (): void => {\n    if (options.isFetching)\n      return;\n\n    if (!options.scrollContainer) {\n      const currentScrollHeight = window.innerHeight + document.documentElement.scrollTop;\n  \n      const totalHeight = document.documentElement.scrollHeight - SCROLL_TOLERANCE;\n  \n      if (currentScrollHeight < totalHeight)\n        return;\n    } else {\n      const { scrollContainer } = options;\n      const currentScrollHeight = scrollContainer.getBoundingClientRect().height + scrollContainer.scrollTop;\n  \n      const totalHeight = scrollContainer.scrollHeight - SCROLL_TOLERANCE;\n  \n      if (currentScrollHeight < totalHeight)\n        return;\n    }\n\n    options.fetchNextPage();\n  };\n\n  useEffect(() => {\n    const onScroll = FunctionHelper.throttle(handleScroll, 200);\n\n    const scrollContainer = options.scrollContainer || window;\n\n    if (options.hasMore)\n      scrollContainer.addEventListener('scroll', onScroll);\n\n    return () => scrollContainer.removeEventListener('scroll', onScroll);\n  }, [ options.hasMore, options.fetchNextPage, options.scrollContainer ]);\n}","import { useEffect, useState } from 'react';\n\nimport { HttpStatus, HttpStatusClass } from 'libs/common/backbone/enums/HttpStatus';\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { Flight } from 'libs/common/flight';\n\nimport { BaseObject, BasePaginatedCollection } from 'libs/shared/interfaces';\n\nimport { useInfiniteScroll } from './UseInfiniteScroll';\nimport { useSelectAllPages } from './UseSelectAllPages';\n\nexport interface UseInfiniteListResult<T extends BaseObject> {\n  items: T[];\n  hasMore: boolean;\n  isFetching: boolean;\n  nextCursor: string;\n  totalItems?: number;\n  hasFirstPageCompleted: boolean;\n}\n\n/**\n * Hook to extract an infinite list from the application state,\n * save it locally in state and only update when new data\n * is fetched.\n * \n * @param getRequest - callback function to get the request for each page.\n * Can be false if the request requires data that hasn't yet been fetched - e.g. user id.\n * \n * @param fetchNext - callback function to fetch a page.\n * Can be false if the request requires data that hasn't yet been fetched - e.g. user id.\n */\nexport function useInfiniteList<TObject = BaseObject, TResponse = BasePaginatedCollection<TObject>>(\n  getRequest: ((cursor?: string) => Flight.Request) | false,\n  fetchNext: ((cursor?: string) => void) | false,\n  onError?: (pageNumber: number, statusCode: HttpStatus) => void,\n  getItems?: (responseData: TResponse) => TObject[],\n  getCursor?: (responseData: TResponse) => string,\n  scrollContainer?: HTMLElement\n): UseInfiniteListResult<TObject> {\n  const [ pagesFetched, setPagesFetched ] = useState(0);\n\n  const fetchNextFn = fetchNext as (cursor?: string) => void;\n\n  function getKey(cursor?: string): string {\n    if (!getRequest)\n      return null;\n\n    const request = getRequest(cursor);\n\n    if (!request)\n      return null;\n\n    return request.key;\n  }\n\n  const response = useSelectAllPages<TObject, TResponse>(\n    getKey,\n    getItems,\n    getCursor\n  );\n\n  function fetchNextPage(): void {\n    if (!fetchNext || !getRequest || !response)\n      return;\n\n    setPagesFetched(currentVal => currentVal + 1);\n    return fetchNextFn(response.nextCursor);\n  }\n\n  useInfiniteScroll({\n    fetchNextPage,\n    hasMore: !!response?.nextCursor,\n    isFetching: response?.isFetching,\n    scrollContainer\n  });\n\n  useEffect(() => {\n    if (!response)\n      return;\n\n    if (response.shouldInitialFetch && fetchNext) {\n      fetchNextFn();\n      setPagesFetched(currentVal => currentVal + 1);\n    }\n  }, [ response?.shouldInitialFetch, fetchNext ]);\n\n  useEffect(() => {\n    if (!response?.statusCode || !FunctionHelper.isFunction(onError))\n      return;\n\n    const httpStatusClass: HttpStatusClass = +(response.statusCode?.toString()?.substr(0, 1));\n\n    if (httpStatusClass !== HttpStatusClass.ClientError && httpStatusClass !== HttpStatusClass.ServerError)\n      return;\n\n    onError(pagesFetched, response.statusCode);\n  }, [response?.statusCode]);\n\n  return {\n    items: response?.items,\n    hasMore: !!response?.nextCursor,\n    nextCursor: response?.nextCursor,\n    isFetching: response?.isFetching,\n    totalItems: response?.totalItems,\n    hasFirstPageCompleted: response?.hasFirstPageCompleted\n  };\n}","import React from 'react';\n\nimport { Audience, PresentationAudience } from '../interfaces';\nimport { AudienceHelper } from '../utils/audience-helper/AudienceHelper';\n\nexport function useMergeAudiences(\n  audiences: Audience[],\n  presentationAudiences: PresentationAudience[]\n): PresentationAudience {\n  // Memoize the audience functions as they are somewhat expensive and the result shouldn't change\n  const sortedAudiences = React.useMemo(() => {\n    if (!audiences?.length || !presentationAudiences || !AudienceHelper.shouldShowAudiences(presentationAudiences))\n      return null;\n\n    return AudienceHelper.getSortedPresentationAudiences(audiences, presentationAudiences);\n  }, [audiences]);\n\n  const mergedAudience = React.useMemo(() => {\n    if (!sortedAudiences?.length)\n      return null;\n\n    return AudienceHelper.getMergedPresentationAudienceString(sortedAudiences);\n  }, [sortedAudiences]);\n\n  return mergedAudience;\n}","import { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { PresentationAudience } from 'libs/shared/interfaces';\n\nconst HAS_NUMBER_REGEX = /\\d/;\nconst COUNT_OFFSET = 1;\n\nexport const AudienceStringBuilders = {\n  /**\n   * Handles audience sets like:\n   * - Year 7, Year 8, etc\n   * - Kindergarten, Grade 1, Grade 2, etc\n   */\n  yearsAndGradesBuilder(audiences: PresentationAudience[]): string {\n    /**\n     * Create a string with all of the audiences\n     */\n    const combinedNames = audiences.map(a => a.name).join(' ');\n\n    /**\n     * Extract all the numbers and matches from the string\n     */\n    const numberList = combinedNames.split(' ').filter(name => !isNaN(+name)).map(num => +num) || [];\n    const wordList = combinedNames.split(' ').filter(name => isNaN(+name)) || [];\n\n    // Find an audience that doesn't have a number, like \"Kindergarten\" or \"Foundation\".\n    const audienceWithoutNum = audiences.find(p => {\n      return !HAS_NUMBER_REGEX.test(p.name);\n    });\n\n    // Get audience label prefix\n    let prefix = wordList.find(name => name !== audienceWithoutNum?.name);\n\n    // Pluralise the prefix is there are multiple audiences\n    if (audiences.length > 1)\n      prefix += 's';\n\n    if (audienceWithoutNum && numberList.length)\n      return `${prefix} ${audienceWithoutNum.name.charAt(0)} - ${numberList.pop()}`;\n\n    /**\n    * Build set of logical audience ranges\n    */\n    const audienceRange = processAudienceRanges(numberList);\n\n    return `${prefix} ${audienceRange.join(', ')}`;\n  },\n\n  /**\n   * Handles audience sets like:\n   * - Early Level, First Level, etc\n   * - Lower Primary, Middle Primary, etc\n   */\n  wordyLevelsBuilder(audiences: PresentationAudience[]): string {\n    const audienceNames = audiences.map(a => a.name);\n\n    const commonWordsAndTheirPositions: { [word: string]: 'start' | 'end' } = {};\n\n    /**\n     * Go through each audience name, and find the words that are common between _all_ of the audiences.\n     * For example, if the audiences are \"Early Level\", \"First Level\", and \"Second Level\", the common\n     * word will be \"Level\".\n     * We will also save whether the common word appears at the beginning or the end of the audience name.\n     */\n    audienceNames.forEach((name, index) => {\n      if (index === 0) {\n        const wordsInName = name.split(' ');\n        wordsInName.forEach((word, index) => {\n          commonWordsAndTheirPositions[word] = index === 0 ? 'start' : 'end';\n        });\n\n        return;\n      }\n\n      const wordsInName = name.split(' ');\n\n      Object.keys(commonWordsAndTheirPositions).forEach(word => {\n        if (!wordsInName.includes(word))\n          delete commonWordsAndTheirPositions[word];\n      });\n    });\n\n    // This function currently only handles audience names with 1 common word.\n    const commonWord = Object.keys(commonWordsAndTheirPositions)[0];\n    const commonWordPosition = commonWordsAndTheirPositions[commonWord];\n\n    if (!commonWord)\n      return audiences[0].name;\n\n    /**\n     * At this point, we will have a common word and the position of that word.\n     * We now need to build out the rest of the audience name by merging the unique words.\n     * For example, if the audiences are \"Early Level\", \"First Level\", and \"Second Level\", we will get\n     * \"Early - Second\"\n     */\n\n    const firstAudienceName = audiences[0].name;\n    const lastAudienceName = audiences[audiences.length - 1].name;\n\n    // Function to strip the common word out of the audience name\n    const stripOutCommonWord = (name: string) => name.split(commonWord)[0];\n\n    const mergedWord = `${stripOutCommonWord(firstAudienceName)} - ${stripOutCommonWord(lastAudienceName)}`;\n\n    const finalName = commonWordPosition === 'start'\n      ? `${commonWord} ${mergedWord}`\n      : `${mergedWord} ${commonWord}`;\n\n    return finalName;\n  },\n\n  /**\n   * Handles the english secondary audiences, which can be: Lower Secondary, Upper Secondary, and Advanced\n   */\n  englishSecondaryBuilder(audiences: PresentationAudience[]): string {\n    const firstAudience = ArrayHelper.first(audiences);\n    const lastAudience = ArrayHelper.last(audiences);\n\n    if (firstAudience.name === lastAudience.name)\n      return firstAudience.name;\n\n    if (lastAudience.name === 'Advanced') {\n      const [level] = firstAudience.name.split(' ');\n\n      if (level.toLowerCase() === 'lower')\n        return 'Lower Sec - Adv';\n\n      return 'Upper Sec - Adv';\n    }\n\n    return 'Lower - Upper Sec';\n  },\n\n  scottishSecondaryBuilder(audiences: PresentationAudience[]): string {\n    const firstAudience = ArrayHelper.first(audiences);\n    const lastAudience = ArrayHelper.last(audiences);\n\n    if (firstAudience.name === lastAudience.name)\n      return firstAudience.name;\n\n    if (lastAudience.name === 'Senior Phase')\n      return `${firstAudience.name} - Senior`;\n\n    return 'Third - Fourth Level';\n  },\n\n  /**\n   * Handles the audience set: Reception, Key Stage 1, Lower Key Stage 2, and Upper Key Stage 2\n   */\n  keyStagesBuilder(audiences: PresentationAudience[]): string {\n    // The first and last audience will build out the range\n    const firstAudience = ArrayHelper.first(audiences);\n    const lastAudience = ArrayHelper.last(audiences);\n\n    // The first word in the strings will either be \"Upper\", \"Lower\", \"Key\", or \"Reception\"\n    const firstAudienceFirstWord = ArrayHelper.first(firstAudience.name.split(' '));\n    const lastAudienceFirstWord = ArrayHelper.first(lastAudience.name.split(' '));\n\n    // Each audience in this set except for \"Reception\" has a number. Get the numbers for the first and last audiences\n    const firstAudienceNumber = firstAudience.name.split(' ').find(word => !isNaN(+word));\n    const lastAudienceNumber = lastAudience.name.split(' ').find(word => !isNaN(+word));\n\n    // If there's only one audience on the video:\n    if (firstAudience === lastAudience) {\n      // For these 2 audiences, return the full name as it's short enough already\n      if (firstAudienceFirstWord === 'Key' || firstAudienceFirstWord === 'Reception')\n        return firstAudience.name;\n\n      // For the Upper/Lower key stage audiences, abbreviate the \"key stage\" part to KS1/KS2\n      return `${firstAudienceFirstWord} KS${firstAudienceNumber}`;\n    }\n\n    /**\n     * Handle when the object has >1 audience\n     */\n\n    let firstAudienceString = '';\n    let lastAudienceString = '';\n\n    // Reception is always shortened to \"R\" when in a range\n    if (firstAudienceFirstWord === 'Reception') {\n      firstAudienceString = 'R';\n    } else {\n      // All other audiences will be abbreviated to \"KS1/KS2\"\n      firstAudienceString = `KS${firstAudienceNumber}`;\n    }\n\n    // The last audience will always be a key stage, so abbreviate this too\n    lastAudienceString = `KS${lastAudienceNumber}`;\n\n    // If the audience range contains both the \"Lower\" and \"Upper\" audiences, abbreviate those and return\n    if (firstAudienceFirstWord === 'Lower' && lastAudienceFirstWord === 'Upper') {\n      return `L ${firstAudienceString} - U ${lastAudienceString}`;\n    }\n\n    // Add \"Lower\" and \"Upper\" to the strings if it's needed\n    if (firstAudienceFirstWord === 'Lower') {\n      firstAudienceString = `Lower ${firstAudienceString}`;\n    }\n\n    if (lastAudienceFirstWord === 'Upper') {\n      lastAudienceString = `Upper ${lastAudienceString}`;\n    }\n\n    // This handles a case where the range is Reception - Key Stage 1. In which case we don't abbreviate the key stage part to KS1.\n    if (lastAudienceFirstWord === 'Key') {\n      lastAudienceString = lastAudience.name;\n    }\n\n    return `${firstAudienceString} - ${lastAudienceString}`;\n  }\n};\n\nfunction processAudienceRanges(audienceValues: number[]): string[] {\n  /**\n   * Lookahead by increments of offset\n   */\n  const offset = COUNT_OFFSET;\n\n  let initialVal; let nextVal;\n  let isContinguous: boolean = false;\n\n  const ranges: string[] = [];\n\n  // Audience values need to be in ascending order\n  audienceValues = audienceValues.sort((a, b) => a - b);\n\n  let i; let j;\n\n  for (i = 0; i < audienceValues.length; i++) {\n    j = i + 1;\n\n    // Set our lower boundary to compare against\n    if (!isContinguous)\n      initialVal = audienceValues[i];\n\n    nextVal = audienceValues[j];\n\n    /**\n     * Where the next number is also the next incremental value\n     * we're going to continue iterating until the next value\n     * is no longer contiguos.\n     */\n    if (audienceValues[i] + offset === nextVal) {\n      isContinguous = true;\n    } else if (isContinguous) {\n      /**\n       * Where we were tracking a contiguous set, format appropriately \n       * and store the vals\n       */\n\n      ranges.push(`${initialVal} - ${audienceValues[i]}`);\n      isContinguous = false;\n    } else {\n      /**\n       * Where the values arent contiguous, just store the current value\n       */\n\n      ranges.push(`${audienceValues[i]}`);\n      isContinguous = false;\n    }\n  }\n\n  return ranges;\n}","import { HashObject } from 'libs/common/react/interfaces';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\n\nimport { HardCoded } from 'libs/shared/constants/HardCoded';\nimport { Audience, BaseObject, PresentationAudience } from 'libs/shared/interfaces';\n\nimport { AudienceStringBuilders } from './AudienceStringBuilders';\n\nconst DIGIT_REGEX = /([0-9]+)/ig;\nconst SPACE_REGEX = /\\s|\\+/ig;\n\n/**\n * Where there is 1 or less audiences on a presentation, it provides little value to\n * the user's experience, so we'll hide audiences altogether.\n */\nconst MIN_AUDIENCE_THRESHOLD = 1;\n\nexport const AudienceHelper = {\n  /**\n   * This is needed to sort an object's audiences, as they are not sorted by the backend.\n   * To do this, we take the presentation audiences (sorted) and filter them by the object's\n   * audiences, leaving behind a sorted array of object audiences.\n   */\n  getSortedPresentationAudiences(\n    objectAudiences: Audience[],\n    presentationAudiences: PresentationAudience[]\n  ): PresentationAudience[] {\n    /**\n     * Atm there is a bug in flight's optimize, around multiple parts of the page \n     * fetching the same object with a different response. We are filtering out\n     * falsey values in our object audience ids until that's fixed. - Sha\n     */\n    const objectAudienceIds = objectAudiences\n      .filter(v => !!v)\n      .map(audience => audience.id.toString());\n\n    /**\n     * Remove audiences that aren't relevant for the user's current presentation\n     */\n    const filteredAudiences = presentationAudiences.filter(presAudience => {\n      return objectAudienceIds.includes(presAudience.masterId.toString());\n    });\n\n    return filteredAudiences;\n  },\n\n  /**\n   * This function accepts a set of presentation audiences, and returns a single\n   * audience where the name is a merged string of the names of all of the audiences passed in.\n   *\n   * As we add more presentations that have different audience sets, we'll need to extend the `switch`\n   * statement below to either include new string builder functions, or to include new presentation IDs\n   * for existing string builder functions.\n   */\n  getMergedPresentationAudienceString(presentationAudiences: PresentationAudience[]): PresentationAudience {\n    const { presentationId } = ArrayHelper.first(presentationAudiences);\n\n    let mergedAudienceString = '';\n\n    switch (+presentationId) {\n      // Generic `Name Number`. Sometimes has just name. Examples: Year 12, Grade 4, Kindergarten\n      case HardCoded.PresentationIds.DEFAULT:\n      case HardCoded.PresentationIds.AU_SECONDARY:\n      case HardCoded.PresentationIds.US_ELEMENTARY:\n      case HardCoded.PresentationIds.AU_PRIMARY:\n      case HardCoded.PresentationIds.STREAMABLE_LEARNING:\n        if (presentationAudiences.length === 1)\n          return presentationAudiences[0];\n\n        mergedAudienceString = AudienceStringBuilders.yearsAndGradesBuilder(presentationAudiences);\n        break;\n\n      // Early Level, First Level, Second Level, etc.\n      case HardCoded.PresentationIds.SCOTLAND_PRIMARY:\n      case HardCoded.PresentationIds.INTERNATIONAL_PRIMARY:\n      case HardCoded.PresentationIds.INTERNATIONAL_SECONDARY:\n        if (presentationAudiences.length === 1)\n          return presentationAudiences[0];\n\n        mergedAudienceString = AudienceStringBuilders.wordyLevelsBuilder(presentationAudiences);\n        break;\n\n      case HardCoded.PresentationIds.ENGLISH_SECONDARY:\n        mergedAudienceString = AudienceStringBuilders.englishSecondaryBuilder(presentationAudiences);\n        break;\n\n      \n      case HardCoded.PresentationIds.SCOTLAND_SECONDARY:\n        mergedAudienceString = AudienceStringBuilders.scottishSecondaryBuilder(presentationAudiences);\n        break;\n\n      // Key Stage 1, Lower Key Stage 2, etc.\n      case HardCoded.PresentationIds.ENGLAND_PRIMARY:\n        mergedAudienceString = AudienceStringBuilders.keyStagesBuilder(presentationAudiences);\n        break;\n\n      // These presentations only have 1 audience mapped. These are never shown as badges in the product.\n      case HardCoded.PresentationIds.US_MIDDLE:\n      case HardCoded.PresentationIds.US_HIGH:\n      default:\n        break;\n    }\n\n    if (!mergedAudienceString)\n      return null;\n\n    return { name: mergedAudienceString } as PresentationAudience;\n  },\n\n  /**\n   * This function assumes the members array passed in is ordered by `name`.\n   */\n  sortMembersWithDuplicateNamesByAudience(members: BaseObject[]): BaseObject[] {\n    // Returns the lowest level audience out of an array of audience objects by looking at the name\n    const getLowestAudience = (audiences: Audience[]) => {\n      if (!audiences.length)\n        return null;\n\n      let lowestAudience: Audience;\n      let lowestAudienceDigit: number;\n\n      audiences.forEach(audience => {\n        const digit = +ArrayHelper.first(audience.name.match(DIGIT_REGEX));\n\n        if (!lowestAudience) {\n          lowestAudience = audience;\n          lowestAudienceDigit = digit;\n          return;\n        }\n\n        if (digit < lowestAudienceDigit)\n          lowestAudience = audience;\n      });\n\n      return lowestAudience;\n    };\n\n    // This is used to track how many times a member's name appears in the collection\n    const nameCountMap: HashObject<number> = {};\n\n    let sorted: BaseObject[] = [];\n\n    members.forEach(member => {\n      if (!nameCountMap[member.name]) {\n        nameCountMap[member.name] = 1;\n        sorted.push(member);\n        return;\n      }\n\n      sorted.push(member);\n      nameCountMap[member.name]++;\n\n      // Take the slice of duplicates that we want to sort by audience\n      const slice = sorted.splice(sorted.length - nameCountMap[member.name]);\n\n      // Sort the slice by lowest audience\n      const sortedSlice = slice.sort((a: any, b: any) => {\n        const firstObjLowestAudience = getLowestAudience(a.subjectPresentationAudiences.data);\n        const secondObjLowestAudience = getLowestAudience(b.subjectPresentationAudiences.data);\n\n        if (!firstObjLowestAudience && secondObjLowestAudience)\n          return 1;\n\n        if (!secondObjLowestAudience)\n          return -1;\n\n        const comparison = firstObjLowestAudience.name.localeCompare(secondObjLowestAudience.name);\n\n        if (comparison === 0) return comparison;\n\n        return comparison > 0 ? -1 : 1;\n      });\n\n      sorted = sorted.concat(sortedSlice);\n    });\n\n    return sorted;\n  },\n\n  getActiveAudiencesFromParams(audiences: PresentationAudience[], params: HashObject = {}): PresentationAudience[] {\n    if (!ObjectHelper.isObject(params) || ObjectHelper.isEmpty(params))\n      return;\n\n    if (!audiences || !audiences.length)\n      return;\n\n    if (!AudienceHelper.shouldShowAudiences(audiences))\n      return;\n\n    // 'a' is shorthand for audience\n    let { a } = params;\n\n    if (!a)\n      return;\n\n    // Only a single query param was passed, we'll wrap it in an array\n    if (typeof a === 'string')\n      a = [a];\n\n    const normalizeAudienceName = (audienceName: string) => {\n      return audienceName.replace(SPACE_REGEX, '').toLowerCase();\n    };\n\n    // Build an audience lookup\n    const audienceLookup = a.reduce((state: HashObject, audienceStr: string) => {\n      state[normalizeAudienceName(audienceStr)] = audienceStr;\n      return state;\n    }, {});\n\n    // Filter out our active audience based on whether their name matches the lookup object\n    return audiences.filter((audience: PresentationAudience) => {\n      return audienceLookup[normalizeAudienceName(audience.name)];\n    });\n  },\n\n  getAudienceParams(audiences: PresentationAudience[]): HashObject {\n    if (!audiences?.length)\n      return null;\n\n    return { a: audiences.map(a => a.name) };\n  },\n\n  shouldShowAudiences(audiences: PresentationAudience[] = []): boolean {\n    if (!audiences)\n      return false;\n\n    return audiences.length > MIN_AUDIENCE_THRESHOLD;\n  }\n};\n","import * as React from 'react';\nimport { ButtonProps } from 'react-bootstrap';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { Core } from 'libs/common/core';\n\nimport { EntityType, LocationContext, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { PlaylistSortType } from 'libs/shared/apps/playlists/enums/PlaylistSortType';\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\n\nconst namespace = 'playlists.playlistSortSelect';\n\nconst getSortTypes = FunctionHelper.memoize(() => {\n  return {\n    [PlaylistSortType.RecentlyUpdated]: {\n      name: LanguageService.getPhrase(namespace, 'recentlyUpdated')\n    },\n    [PlaylistSortType.AtoZ]: {\n      name: LanguageService.getPhrase(namespace, 'atoz')\n    },\n    [PlaylistSortType.ZtoA]: {\n      name: LanguageService.getPhrase(namespace, 'ztoa')\n    },\n    [PlaylistSortType.Newest]: {\n      name: LanguageService.getPhrase(namespace, 'newest')\n    },\n    [PlaylistSortType.Oldest]: {\n      name: LanguageService.getPhrase(namespace, 'oldest')\n    }\n  };\n});\n\ninterface PlaylistSortSelectProps {\n  type: PlaylistSortType;\n  getSortAppLink: (sort: PlaylistSortType) => Core.AppLink;\n  variant?: ButtonProps['variant'];\n}\n\nPlaylistSortSelect.defaultProps = {\n  variant: 'light'\n};\n\nexport function PlaylistSortSelect(props: PlaylistSortSelectProps): JSX.Element {\n  const { type, getSortAppLink, variant } = props;\n  const sortTypes = getSortTypes();\n\n  return (\n    <div className='dropdown'>\n      <a className={`btn btn-${variant} ms-2 dropdown-toggle`} type='button' id='sort-select' data-bs-toggle='dropdown' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>\n        {sortTypes[type].name}\n      </a>\n      <div className='dropdown-menu dropdown-menu-end dropdown-menu-right' aria-labelledby='sort-select'>\n        {Object.values(PlaylistSortType).map(k => {\n          let className = 'dropdown-item';\n\n          if (k === type)\n            className += ' active';\n\n          return (\n            <AppLink\n              key={k}\n              className={className}\n              appLink={getSortAppLink(k)}\n              analyticsData={{\n                sort: sortTypes[k].name\n              }}\n              analyticsOptions={{\n                location: LocationContext.PlaylistListHeader,\n                entity: EntityType.Playlists,\n                actionType: UserAction.Sort,\n                workflowPhase: WorkflowPhase.Complete\n              }}\n            >\n              {sortTypes[k].name}\n            </AppLink>\n          );\n        })}\n      </div>\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"playlistMetadata\":\"vv8fW\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { EntityType, LocationContext, UserAction } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { VideoTypes } from 'libs/shared/interfaces';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport styles from './favourites-playlist-item.scss';\n\nconst namespace = 'playlists.favouritesPlaylistItem';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface FavouritesPlaylistItemProps {\n  data: VideoTypes[];\n  count: number;\n  isLoadingCount: boolean;\n}\n\nexport function FavouritesPlaylistItem(props: FavouritesPlaylistItemProps): JSX.Element {\n  const analyticsData = {\n    name: 'Favourites',\n    extraItem: 'user-favourites'\n  };\n\n  const analyticsOptions = {\n    entity: EntityType.Playlist,\n    actionType: UserAction.Click,\n    location: LocationContext.PlaylistListItem\n  };\n\n  const coverUrl = ImageUrls.FAVOURITES_PLAYLIST.FAV_PLAYLIST_COVER ;\n  const appLink = {\n    application: AppChannels.MY_FAVOURITES,\n    action: Actions.MyFavourites.MY_FAVOURITES\n  };\n\n  return (\n    <AppLink\n      appLink={appLink}\n      analyticsData={analyticsData}\n      analyticsOptions={analyticsOptions}\n      title={getPhrase('favouritesTitle')}\n    >\n      <div className='position-relative'>\n        <div className={`text-white ${styles.playlistMetadata}`}>\n          {!props.isLoadingCount && (\n            <span>\n              <Text namespace={namespace} phrase='count' options={{ smartCount: props.count }} />\n            </span>\n          )}\n          <h5 className={`mb-0`}><span className='clamp-2'>{getPhrase('favouritesTitle')}</span></h5>\n        </div>\n    \n        <img src={coverUrl} className='w-100 h-100 rounded-3'/>\n      </div>\n    </AppLink>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { EntityType, LocationContext, SignUpDescriptors, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\nimport { LanguageNamespaceContext, Text } from 'libs/shared/components/text/Text';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nconst namespace = 'playlists.playlistsEmptyState';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface PlaylistEmptyStateProps {\n  isStudent: boolean;\n}\n\nexport function PlaylistsEmptyState(props: PlaylistEmptyStateProps): JSX.Element {\n  return (\n    <LanguageNamespaceContext.Provider value={namespace}>\n      <EmptyState>\n        <EmptyState.Image src={ImageUrls.EmptyStates.Playlists.PLAYLISTS} altText={getPhrase('info')} />\n\n        <EmptyState.Heading><Text phrase='heading' /></EmptyState.Heading>\n\n        <EmptyState.Info><Text phrase={props.isStudent ? 'studentInfo' : 'info'} /></EmptyState.Info>\n\n        <EmptyState.Cta\n          text={LanguageService.getPhrase(namespace, 'cta')}\n          icon={cvSvgLibrary.Plus}\n          appLink={{\n            application: AppChannels.PLAYLISTS,\n            action: Actions.Playlists.NEW_PLAYLIST\n          }}\n        />\n      </EmptyState>\n    </LanguageNamespaceContext.Provider>\n  );\n}\n\nexport function PlaylistsPublicEmptyState(): JSX.Element {\n  return (\n    <LanguageNamespaceContext.Provider value={namespace}>\n      <EmptyState>\n        <EmptyState.Image src={ImageUrls.EmptyStates.Playlists.PLAYLISTS_PUBLIC} altText={getPhrase('info')} />\n        <EmptyState.Heading><Text phrase='heading' /></EmptyState.Heading>\n        <EmptyState.Info><Text phrase='info' /></EmptyState.Info>\n        <EmptyState.Cta\n          text={LanguageService.getPhrase(namespace, 'publicCta')}\n          appLink={{\n            application: AppChannels.SIGN_UP,\n            action: Actions.SignUp.SIGN_UP\n          }}\n          analyticsData={{}}\n          analyticsOptions={{\n            actionType: UserAction.Click,\n            location: LocationContext.PlaylistsLanding,\n            entity: EntityType.AppLink,\n            workflowPhase: WorkflowPhase.Start,\n            descriptor: SignUpDescriptors.SignUp\n          }}\n        />\n      </EmptyState>\n    </LanguageNamespaceContext.Provider>\n  );\n}","import * as React from 'react';\nimport { useDispatch } from 'react-redux';\n\nimport { HttpStatus } from 'libs/common/backbone/enums/HttpStatus';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\nimport { Flight } from 'libs/common/flight';\n\nimport { EntityType, LocationContext, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { PartialPlaylistList } from 'libs/shared/apps/playlists/components/playlist-list/PartialPlaylistList';\nimport { PlaylistList } from 'libs/shared/apps/playlists/components/playlist-list/PlaylistList';\nimport { PlaylistSortSelect } from 'libs/shared/apps/playlists/components/sort-select/PlaylistSortSelect';\nimport { PlaylistSortType } from 'libs/shared/apps/playlists/enums/PlaylistSortType';\nimport { PlaylistType } from 'libs/shared/apps/playlists/enums/PlaylistType';\nimport { PlaylistCollectionIdentifier } from 'libs/shared/apps/playlists/interfaces/identifiers/PlaylistCollectionIdentifier';\nimport { PlaylistSortHelper } from 'libs/shared/apps/playlists/utils/PlaylistSortHelper';\nimport { Actions as ActionsComponent } from 'libs/shared/components/actions/Actions';\nimport { InfiniteScrollFooter } from 'libs/shared/components/infinite-scroll-footer/InfiniteScrollFooter';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { BG_COLOUR_CLASS_NAMES } from 'libs/shared/constants/ColourClassNames';\nimport { LocalPermissionName, PermissionName } from 'libs/shared/enums/PermissionName';\nimport { handleHttpError } from 'libs/shared/errors/handlers/HttpErrorHandlers';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { PlaylistRequests } from 'libs/shared/flight-requests/PlaylistRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { useInfiniteList } from 'libs/shared/hooks/UseInfiniteList';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Config, CurrentUser, Playlist } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { usePresentationAudiences } from 'shared/hooks/usePresentationAudiences';\nimport { useFavouritesCount } from 'shared/views/favourites/hooks/useFavouritesCount';\n\nimport { FavouritesPlaylistItem } from 'apps/playlists/components/favourites-playlist-item/FavouritesPlaylistItem';\n\nimport { PlaylistsEmptyState, PlaylistsPublicEmptyState } from './empty-state/PlaylistsEmptyState';\n\nconst namespace = 'playlists.playlists';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nfunction getSortAppLink(sort: PlaylistSortType): Core.AppLink {\n  return {\n    application: AppChannels.PLAYLISTS,\n    action: Actions.Playlists.HOME,\n    params: {\n      sort: sort\n    }\n  };\n}\n\ninterface PlaylistsViewProps {\n  getPlaylistAppLink: (playlist: Playlist) => Core.AppLink;\n  sort?: PlaylistSortType;\n}\n\nexport function PlaylistsView(props: PlaylistsViewProps): React.ReactElement {\n  const dispatch = useDispatch();\n  const alerts = useAlerts();\n  const { hasLocalPermissions, hasPermissions, isLoaded } = usePermissions();\n\n  const isStudent = hasPermissions(PermissionName.StudentExperience);\n\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const user = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  \n  const audiences = usePresentationAudiences();\n\n  const sort = !!user.data && PlaylistSortHelper.getOrSetSortType(user.data.id, props.sort);\n\n  const { count, favourites, isLoading } = useFavouritesCount(user.data?.id);\n\n  const favouritesPlaylist = {\n    count,\n    isLoadingCount: isLoading,\n    data: favourites\n  };\n\n  const getPlaylistRequest = !!sort && ((cursor?: string) =>\n    PlaylistRequests.getUserPlaylists(new PlaylistCollectionIdentifier(sort, cursor, PlaylistType.All)));\n\n  const fetchNext = !!getPlaylistRequest && ((cursor?: string) => {\n    Flight.getFetch(dispatch)(getPlaylistRequest(cursor));\n  });\n\n  useSetPageMetadata({\n    title: getPhrase('pageTitle'),\n    description: getPhrase('pageDescription')\n  });\n\n  const shouldFetch = !hasLocalPermissions(LocalPermissionName.ViewPlaylistsLanding) && sort;\n\n  const {\n    items: playlists,\n    hasMore,\n    isFetching\n  } = useInfiniteList<Playlist>(shouldFetch ? getPlaylistRequest : false, fetchNext, onError);\n\n  function onError(pageNumber: number, httpStatus: HttpStatus): void {\n    if (pageNumber === 1)\n      return handleHttpError(httpStatus);\n\n    alerts.error(getPhrase('error'));\n  }\n\n  const actions = [\n    {\n      label: getPhrase('createPlaylist'),\n      appLink: { application: AppChannels.PLAYLISTS, action: Actions.Playlists.NEW_PLAYLIST },\n      svgName: cvSvgLibrary.Plus,\n      className: 'btn btn-outline-dark',\n      button: true,\n      analyticsData: {},\n      analyticsOptions: {\n        location: LocationContext.Banner,\n        entity: EntityType.Playlist,\n        workflowPhase: WorkflowPhase.Start,\n        actionType: UserAction.Create\n      }\n    }\n  ];\n\n  const dataLoaded = (\n    !!playlists &&\n    !!user.data &&\n    !!config.data &&\n    (!!audiences.data || audiences.hasError) &&\n    !!isLoaded\n  );\n\n  if (hasLocalPermissions(LocalPermissionName.ViewPlaylistsLanding))\n    return <PlaylistsPublicEmptyState />;\n\n  if (dataLoaded && !favouritesPlaylist.count && !playlists?.length)\n    return <PlaylistsEmptyState isStudent={isStudent} />;\n\n  return (\n    <div className='bg-white px-3'>\n      <div className='d-flex justify-content-between align-items-end pb-3'>\n        <h1 className='h2 mb-0'><Text namespace={namespace} phrase='headerTitle' /></h1>\n        {!!sort &&\n          <ActionsComponent\n            actions={actions}\n            sortComponent={(\n              <PlaylistSortSelect\n                variant='outline-dark'\n                type={sort}\n                getSortAppLink={getSortAppLink}\n              />\n            )}\n          />\n        }\n      </div>\n      {dataLoaded\n        ? (\n          <PlaylistList\n            playlists={playlists}\n            getPlaylistAppLink={props.getPlaylistAppLink}\n            imageCdnUrl={config.data.imageCdnUrl}\n            currentUser={user.data}\n            presentationAudiences={audiences.data || []}\n            bgColourClassNames={BG_COLOUR_CLASS_NAMES}\n            itemContainerClassName='columns-of-five'\n            itemStyle='round'\n            showCount\n            showOwner\n            extraPlaylistItem={\n              favouritesPlaylist.count\n                ? <FavouritesPlaylistItem {...favouritesPlaylist}/>\n                : null\n            }\n          />\n        ) : <PartialPlaylistList itemClassName='columns-of-five' />\n      }\n      {(dataLoaded && (hasMore || isFetching)) &&\n        <InfiniteScrollFooter isFetching={isFetching} fetchNext={fetchNext} />\n      }\n    </div>\n  );\n}\n","import { Flight } from 'libs/common/react/index';\n\nimport { AudienceRequests } from 'libs/shared/flight-requests/AudienceRequests';\nimport { PresentationAudience } from 'libs/shared/interfaces';\n\nimport { usePresentation } from 'shared/hooks/usePresentation';\n\nexport const usePresentationAudiences = () => {\n  const { activePresentation } = usePresentation({ redirectOnError: true });\n\n  const audiences = Flight.useBasicFetch<PresentationAudience[]>(\n    !!activePresentation &&\n    AudienceRequests.presentationAudiences(activePresentation.id)\n  );\n\n  return audiences;\n};","\nimport { Flight } from 'libs/common/flight';\n\nimport { FavouriteRequests } from 'libs/shared/flight-requests/FavouriteRequests';\nimport { FavouritesCountResponse } from 'libs/shared/interfaces';\n\nexport function useFavouritesCount(userId?: string) {\n// todo there is a beckend bug that we cannot group fetch these three number\n  const favouriteVideosCount = Flight.useBasicFetch<FavouritesCountResponse>(userId &&\n    FavouriteRequests.getFavouritesVideosCount(userId));\n  const favouriteClipsCount = Flight.useBasicFetch<FavouritesCountResponse>(userId &&\n    FavouriteRequests.getFavouritesClipsCount(userId));\n  const favouriteInteractivesCount = Flight.useBasicFetch<FavouritesCountResponse>(userId &&\n    FavouriteRequests.getFavouritesInteractivesCount(userId));\n \n  const totalCount = favouriteVideosCount.data?.count\n    + favouriteInteractivesCount.data?.count\n    + favouriteClipsCount.data?.count;\n\n  const favourites = [\n    ...(favouriteVideosCount.data?.data || []),\n    ...(favouriteClipsCount.data?.data || []),\n    ...(favouriteInteractivesCount.data?.data || [])\n  ];\n\n  return {\n    count: totalCount,\n    favourites,\n    isLoading: !favouriteVideosCount.data?.data\n      || !favouriteClipsCount.data?.data\n      || !favouriteInteractivesCount.data?.data\n  };\n}","// extracted by mini-css-extract-plugin\nexport default {\"playlistItem\":\"CaRJx\",\"playlistItemGradient\":\"BI7p2\",\"playlistMetadata\":\"eDk1l\",\"partialHeading\":\"w4lWh\",\"ownerAvatarContainer\":\"JImqE\"};","\"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;","var EN_US = ['second', 'minute', 'hour', 'day', 'week', 'month', 'year'];\nexport default function (diff, idx) {\n    if (idx === 0)\n        return ['just now', 'right now'];\n    var unit = EN_US[Math.floor(idx / 2)];\n    if (diff > 1)\n        unit += 's';\n    return [diff + \" \" + unit + \" ago\", \"in \" + diff + \" \" + unit];\n}\n//# sourceMappingURL=en_US.js.map","var ZH_CN = ['秒', '分钟', '小时', '天', '周', '个月', '年'];\nexport default function (diff, idx) {\n    if (idx === 0)\n        return ['刚刚', '片刻后'];\n    var unit = ZH_CN[~~(idx / 2)];\n    return [diff + \" \" + unit + \"\\u524D\", diff + \" \" + unit + \"\\u540E\"];\n}\n//# sourceMappingURL=zh_CN.js.map","/**\n * Created by hustcc on 18/5/20.\n * Contract: i@hust.cc\n */\n/**\n * All supported locales\n */\nvar Locales = {};\n/**\n * register a locale\n * @param locale\n * @param func\n */\nexport var register = function (locale, func) {\n    Locales[locale] = func;\n};\n/**\n * get a locale, default is en_US\n * @param locale\n * @returns {*}\n */\nexport var getLocale = function (locale) {\n    return Locales[locale] || Locales['en_US'];\n};\n//# sourceMappingURL=register.js.map","/**\n * Created by hustcc on 18/5/20.\n * Contract: i@hust.cc\n */\nvar SEC_ARRAY = [\n    60,\n    60,\n    24,\n    7,\n    365 / 7 / 12,\n    12,\n];\n/**\n * format Date / string / timestamp to timestamp\n * @param input\n * @returns {*}\n */\nexport function toDate(input) {\n    if (input instanceof Date)\n        return input;\n    // @ts-ignore\n    if (!isNaN(input) || /^\\d+$/.test(input))\n        return new Date(parseInt(input));\n    input = (input || '')\n        // @ts-ignore\n        .trim()\n        .replace(/\\.\\d+/, '') // remove milliseconds\n        .replace(/-/, '/')\n        .replace(/-/, '/')\n        .replace(/(\\d)T(\\d)/, '$1 $2')\n        .replace(/Z/, ' UTC') // 2017-2-5T3:57:52Z -> 2017-2-5 3:57:52UTC\n        .replace(/([+-]\\d\\d):?(\\d\\d)/, ' $1$2'); // -04:00 -> -0400\n    return new Date(input);\n}\n/**\n * format the diff second to *** time ago, with setting locale\n * @param diff\n * @param localeFunc\n * @returns\n */\nexport function formatDiff(diff, localeFunc) {\n    /**\n     * if locale is not exist, use defaultLocale.\n     * if defaultLocale is not exist, use build-in `en`.\n     * be sure of no error when locale is not exist.\n     *\n     * If `time in`, then 1\n     * If `time ago`, then 0\n     */\n    var agoIn = diff < 0 ? 1 : 0;\n    /**\n     * Get absolute value of number (|diff| is non-negative) value of x\n     * |diff| = diff if diff is positive\n     * |diff| = -diff if diff is negative\n     * |0| = 0\n     */\n    diff = Math.abs(diff);\n    /**\n     * Time in seconds\n     */\n    var totalSec = diff;\n    /**\n     * Unit of time\n     */\n    var idx = 0;\n    for (; diff >= SEC_ARRAY[idx] && idx < SEC_ARRAY.length; idx++) {\n        diff /= SEC_ARRAY[idx];\n    }\n    /**\n     * Math.floor() is alternative of ~~\n     *\n     * The differences and bugs:\n     * Math.floor(3.7) -> 4 but ~~3.7 -> 3\n     * Math.floor(1559125440000.6) -> 1559125440000 but ~~1559125440000.6 -> 52311552\n     *\n     * More information about the performance of algebraic:\n     * https://www.youtube.com/watch?v=65-RbBwZQdU\n     */\n    diff = Math.floor(diff);\n    idx *= 2;\n    if (diff > (idx === 0 ? 9 : 1))\n        idx += 1;\n    return localeFunc(diff, idx, totalSec)[agoIn].replace('%s', diff.toString());\n}\n/**\n * calculate the diff second between date to be formatted an now date.\n * @param date\n * @param relativeDate\n * @returns {number}\n */\nexport function diffSec(date, relativeDate) {\n    var relDate = relativeDate ? toDate(relativeDate) : new Date();\n    return (+relDate - +toDate(date)) / 1000;\n}\n/**\n * nextInterval: calculate the next interval time.\n * - diff: the diff sec between now and date to be formatted.\n *\n * What's the meaning?\n * diff = 61 then return 59\n * diff = 3601 (an hour + 1 second), then return 3599\n * make the interval with high performance.\n **/\nexport function nextInterval(diff) {\n    var rst = 1, i = 0, d = Math.abs(diff);\n    for (; diff >= SEC_ARRAY[i] && i < SEC_ARRAY.length; i++) {\n        diff /= SEC_ARRAY[i];\n        rst *= SEC_ARRAY[i];\n    }\n    d = d % rst;\n    d = d ? rst - d : rst;\n    return Math.ceil(d);\n}\n//# sourceMappingURL=date.js.map","import { formatDiff, diffSec } from './utils/date';\nimport { getLocale } from './register';\n/**\n * format a TDate into string\n * @param date\n * @param locale\n * @param opts\n */\nexport var format = function (date, locale, opts) {\n    // diff seconds\n    var sec = diffSec(date, opts && opts.relativeDate);\n    // format it with locale\n    return formatDiff(sec, getLocale(locale));\n};\n//# sourceMappingURL=format.js.map","/**\n * Created by hustcc on 18/5/20.\n * Contract: i@hust.cc\n */\nimport en_US from './lang/en_US';\nimport zh_CN from './lang/zh_CN';\nimport { register } from './register';\nregister('en_US', en_US);\nregister('zh_CN', zh_CN);\nexport { format } from './format';\nexport { render, cancel } from './realtime';\nexport { register };\n//# sourceMappingURL=index.js.map"],"names":["PartialPlaylistList","props","PARTIAL_PLAYLISTS","Array","numItems","className","itemClassName","showHeading","map","p","idx","key","xs","sm","lg","defaultProps","namespace","PlaylistCount","count","playlist","videos","interactives","clips","getCount","Number","isNaN","Text","phrase","options","smartCount","PlaylistOwnerAvatar","_liteOwner","_isClickViewCurated","value","ClickViewAvatar","id","currentUser","toString","url","avatar","Avatar","imageUrl","imageCdnUrl","initials","UserHelper","name","surname","PlaylistItem","ImageHelper","data","cover","size","resizeType","audiences","subjectPresentationAudiences","mergedAudience","presentationAudiences","showImage","showFallbackImage","bgColourClassNames","getBgColorClass","itemStyle","analyticsData","analyticsOptions","entity","AppLink","appLink","title","contentModifiedDate","LanguageService","timeago","DateHelper","getTitle","BaseImage","alt","ImageFallback","type","showCount","titleClassName","length","AudienceLabel","audienceLabelClass","audience","border","showOwner","actionType","location","descriptor","PlaylistList","extraPlaylistItem","itemContainerClassName","playlists","getPlaylistAppLink","itemTitleClassName","Actions","orderedActions","actions","sort","a","b","order","buttonActions","moreActions","forEach","button","push","label","href","onClick","svgName","tooltip","showSpinner","openInNewTab","disabled","iconButton","spanHack","sortComponent","dropdownToggleClassName","actionsDropdownClassName","dropdownToggleSvgSize","fetchMore","LazyDropdownItems","style","padding","height","width","getDropdownItemClassName","actionClassName","ActionsDropdownItem","FunctionHelper","action","SvgContainer","e","preventDefault","AnalyticsHelper","role","tabIndex","onKeyDown","ActionsDropdown","isLazy","some","lazyPlaceholder","currentGroup","dropdownToggleId","RandomHelper","showDivider","undefined","group","Tooltip","S","InfiniteScrollFooter","ref","inView","fetchOnScroll","isFetching","fetchNext","nextCursor","Spinner","as","animation","defaultErrors","notFound","forbidden","rating","yearLevel","region","privacy","badRequest","handleHttpError","info","customErrorMap","ignoreMap","statusCode","status","errorMap","SCROLL_TOLERANCE","useInfiniteList","getRequest","onError","getItems","getCursor","scrollContainer","handleScroll","useState","pagesFetched","setPagesFetched","fetchNextFn","response","cursor","request","fetchNextPage","currentVal","hasMore","getBoundingClientRect","scrollTop","scrollHeight","window","innerHeight","document","documentElement","useEffect","onScroll","addEventListener","removeEventListener","shouldInitialFetch","httpStatusClass","substr","HttpStatus","items","totalItems","hasFirstPageCompleted","useMergeAudiences","sortedAudiences","HAS_NUMBER_REGEX","AudienceStringBuilders","firstAudience","ArrayHelper","lastAudience","split","toLowerCase","DIGIT_REGEX","SPACE_REGEX","AudienceHelper","getSortedPresentationAudiences","objectAudiences","objectAudienceIds","filter","v","presAudience","includes","masterId","getMergedPresentationAudienceString","mergedAudienceString","presentationId","HardCoded","combinedNames","join","numberList","num","wordList","audienceWithoutNum","find","test","prefix","charAt","pop","audienceRange","audienceValues","initialVal","nextVal","i","j","isContinguous","ranges","processAudienceRanges","audienceNames","commonWordsAndTheirPositions","index","wordsInName","Object","keys","word","commonWord","commonWordPosition","firstAudienceName","lastAudienceName","stripOutCommonWord","mergedWord","firstAudienceFirstWord","lastAudienceFirstWord","firstAudienceNumber","lastAudienceNumber","firstAudienceString","lastAudienceString","sortMembersWithDuplicateNamesByAudience","members","getLowestAudience","digit","match","lowestAudience","lowestAudienceDigit","nameCountMap","sorted","member","sortedSlice","splice","firstObjLowestAudience","secondObjLowestAudience","comparison","localeCompare","concat","getActiveAudiencesFromParams","params","ObjectHelper","shouldShowAudiences","normalizeAudienceName","audienceName","replace","audienceLookup","reduce","state","audienceStr","getAudienceParams","getSortTypes","PlaylistSortType","PlaylistSortSelect","getSortAppLink","variant","sortTypes","values","k","workflowPhase","getPhrase","FavouritesPlaylistItem","coverUrl","ImageUrls","application","extraItem","isLoadingCount","src","PlaylistsEmptyState","EmptyState","altText","isStudent","text","icon","PlaylistsPublicEmptyState","SignUp","PlaylistsView","dispatch","alerts","usePermissions","hasLocalPermissions","hasPermissions","isLoaded","PermissionName","config","ConfigRequests","user","UserRequests","usePresentationAudiences","PlaylistSortHelper","useFavouritesCount","favourites","favouritesPlaylist","isLoading","getPlaylistRequest","PlaylistRequests","PlaylistCollectionIdentifier","PlaylistType","useSetPageMetadata","description","shouldFetch","pageNumber","httpStatus","error","dataLoaded","hasError","P","activePresentation","redirectOnError","userId","favouriteVideosCount","favouriteClipsCount","favouriteInteractivesCount","Row","bsPrefix","Component","decoratedBsPrefix","breakpoints","minBreakpoint","sizePrefix","classes","brkPoint","propValue","cols","infix","displayName","EN_US","ZH_CN","Locales","register","locale","func","SEC_ARRAY","toDate","input","Date","parseInt","trim","format","date","opts","sec","relativeDate","diff","localeFunc","agoIn","totalSec","Math","abs","floor","unit"],"sourceRoot":""}

package/dist/scripts/7172-2d87ce76a3-lite.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scripts/7172-2d87ce76a3-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/apps/playlists/validation/PlaylistValidationSchema.ts","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/utils/FormHelper.ts","file:///app/packages/projects/lite/src/apps/playlists/components/playlist-details/PlaylistDetails.tsx","file:///app/packages/projects/lite/src/apps/playlists/views/edit-playlist/EditPlaylistView.tsx"],"sourcesContent":["import * as Yup from 'yup';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nconst namespace = 'playlists.validation';\n\nexport const PlaylistValidationSchema = Yup.object().shape({\n  name: Yup.string()\n    .max(250, () => LanguageService.getPhrase(namespace, 'nameExceeds'))\n    .required(() => LanguageService.getPhrase(namespace, 'nameRequired')),\n  description: Yup.string()\n    .max(16000, () => LanguageService.getPhrase(namespace, 'descriptionExceeds'))\n    .nullable()\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}","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};","import * as React from 'react';\nimport { Form } from 'formik';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { CreateOrUpdatePlaylistRequest } from 'libs/shared/apps/playlists/interfaces';\nimport { PlaylistValidationSchema } from 'libs/shared/apps/playlists/validation/PlaylistValidationSchema';\nimport { FormField } from 'libs/shared/components/forms/form-field/FormField';\nimport { FormWrapper, useFormikContextWrapper } from 'libs/shared/components/forms/form-wrapper/FormWrapper';\nimport { PopupButtons } from 'libs/shared/components/popup/PopupButtons';\nimport { Playlist } from 'libs/shared/interfaces';\n\nconst namespace = 'playlists.playlistDetails';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface PlaylistDetailsFormComponentProps {\n  isNew?: boolean;\n  onClickCancel: () => void;\n  cancelButtonClass: 'outline-dark' | 'link';\n  submitText?: string;\n}\n\nfunction PlaylistDetailsFormComponent(props: PlaylistDetailsFormComponentProps): React.ReactElement {\n  const formikProps = useFormikContextWrapper<CreateOrUpdatePlaylistRequest>();\n\n  return (\n    <Form>\n      <FormField\n        label={getPhrase('nameLabel')}\n        type='text'\n        name='name'\n        id ='name'\n        placeholder={getPhrase('namePlaceholder')}\n        autoFocus\n        value={formikProps.values.name}\n        showRequiredStar\n      />\n      <FormField\n        label={getPhrase('descriptionLabel')}\n        component='textarea'\n        name='description'\n        id ='description'\n        placeholder={getPhrase('descriptionPlaceholder')}\n        value={formikProps.values.description}\n      />\n\n      <PopupButtons>\n        <PopupButtons.Cancel onClick={props.onClickCancel} />\n        <PopupButtons.Submit variant='dark' isNew={props.isNew} text={props.submitText} />\n      </PopupButtons>\n    </Form>\n  );\n}\n\ninterface PlaylistDetailsComponentProps {\n  playlist?: Playlist;\n  savePlaylist: (data: CreateOrUpdatePlaylistRequest) => void;\n  onClickCancel: () => void;\n  cancelButtonClass: 'outline-dark' | 'link';\n  submitText?: string;\n}\n\nexport function PlaylistDetails(props: PlaylistDetailsComponentProps): React.ReactElement {\n  const { playlist: { name = '', description = '', id = null } = {}, savePlaylist, onClickCancel, cancelButtonClass } = props;\n\n  return (\n    <FormWrapper<CreateOrUpdatePlaylistRequest>\n      initialValues={{ name, description }}\n      validationSchema={PlaylistValidationSchema}\n      onSubmit={savePlaylist}\n    >\n      <PlaylistDetailsFormComponent\n        isNew={!id}\n        onClickCancel={onClickCancel}\n        cancelButtonClass={cancelButtonClass}\n        submitText={props.submitText}\n      />\n    </FormWrapper>\n  );\n}\n","import * as React from 'react';\nimport { useDispatch } from 'react-redux';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { EntityType, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { CreateOrUpdatePlaylistRequest } from 'libs/shared/apps/playlists/interfaces';\nimport { Popup } from 'libs/shared/components/popup/Popup';\nimport { PlaylistRequests } from 'libs/shared/flight-requests/PlaylistRequests';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Playlist, PropsWithAnalyticsOptions, PropsWithPopupViewProps } from 'libs/shared/interfaces';\n\nimport { PlaylistDetails } from 'apps/playlists/components/playlist-details/PlaylistDetails';\n\nconst getPhrase = LanguageService.encloseNamespace('playlists.editPlaylist');\n\ninterface EditPlaylistViewProps {\n  playlistId: string;\n}\n\ntype PropTypes = PropsWithAnalyticsOptions<PropsWithPopupViewProps<EditPlaylistViewProps>>;\n\nexport function EditPlaylistView(props: PropTypes): React.ReactElement {\n  const dispatch = useDispatch();\n  const alerts = useAlerts();\n\n  const playlist = Flight.useBasicFetch<Playlist>(PlaylistRequests.getPlaylist(props.playlistId));\n\n  const title = playlist.data && getPhrase('title', { name: playlist.data.name });\n  useSetPageMetadata({ title });\n\n  const savePlaylist = (data: CreateOrUpdatePlaylistRequest): void => {\n    const onSuccess = (updatedPlaylist: Playlist) => {\n      alerts.success(getPhrase('success', { name: updatedPlaylist.name, escapeText: true }));\n\n      AnalyticsHelper.logUserAction({ id: updatedPlaylist.id }, AnalyticsHelper.mergeOptions(props.analyticsOptions, {\n        actionType: UserAction.Edit,\n        entity: EntityType.Playlist,\n        workflowPhase: WorkflowPhase.Complete\n      }));\n\n      props.closePopup();\n    };\n\n    const onError = () => {\n      alerts.error(getPhrase('error', { name: playlist.data.name, escapeText: true }));\n\n      props.closePopup();\n    };\n\n    Flight.fetch(\n      dispatch,\n      PlaylistRequests.updatePlaylist(props.playlistId, data, onSuccess, onError)\n    );\n  };\n\n  return (\n    <Popup title={getPhrase('heading')} closePopup={props.closePopup} showLoadingSpinner={!playlist.data}>\n      {!!playlist.data &&\n        <PlaylistDetails\n          playlist={playlist.data}\n          savePlaylist={savePlaylist}\n          onClickCancel={props.closePopup}\n          cancelButtonClass='outline-dark'\n        />\n      }\n    </Popup>\n  );\n}\n"],"names":["namespace","PlaylistValidationSchema","shape","name","max","required","description","nullable","FormCheckbox","props","label","checkboxLabelClassName","checkboxLabelFontWeight","className","fieldProps","Form","FieldWrapper","htmlFor","id","checkboxAppLink","checkboxAppLinkText","AppLink","appLink","CharacterCounter","field","values","fieldName","length","limit","children","showLoadingSpinner","type","setType","resolvedChildren","FunctionHelper","f","ObjectHelper","Spinner","animation","size","containerClassName","disabled","SvgContainer","svgName","onClick","FormField","showCharacterCounter","showRequiredStar","infoTooltip","infoTooltipPlacement","infoText","formSize","showOptionalLabel","errors","touched","disabledOnChange","_props","onChange","fieldWrapperProps","FormHelper","as","title","tooltipPlacement","tooltipSpanHack","Text","phrase","maxLength","errorMessage","defaultProps","autoComplete","FormWrapper","castInitialValues","castValuesOnSubmit","initialValues","onSubmit","formikProps","formattedInitialValues","validationSchema","cast","omitChildValues","child","Object","keys","forEach","key","hasOwnProperty","omitNullInitialValues","initialStatus","allowInitialSubmit","enableReinitialize","setSubmitting","resetForm","setFieldError","formattedData","options","reset","entries","value","useFormikContextWrapper","getCustomFormControlClassName","attribute","additionalClassName","getTypeSize","getPhrase","PlaylistDetailsFormComponent","placeholder","autoFocus","component","onClickCancel","variant","isNew","text","submitText","PlaylistDetails","playlist","savePlaylist","cancelButtonClass","EditPlaylistView","dispatch","alerts","playlistId","data","closePopup","updatedPlaylist","success","escapeText","analyticsOptions","actionType","entity","workflowPhase","error"],"sourceRoot":""}

package/dist/scripts/7180-b29d70e9d8-lite.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[7180],{74696:(e,t,a)=>{a.d(t,{S:()=>s});var n=a(32735),r=a(68050),i=a(69111),l=a(9977),c=a(79967);const o={partialOptions:"Gufgq",partialName:"SicQQ",partialDescription:"dPGMq",partialThumbnail:"vZrnb",partialDragHandle:"iq73R"};function s(e){return n.createElement("div",{className:"mx-2"},Array(e.numVideos).fill(null).map((function(t,a){return n.createElement("div",{className:"d-flex",key:a},e.allowBulkActions&&n.createElement("div",{className:"form-check pe-3 pe-sm-2 mx-0 mx-md-2"}),n.createElement(u,Object.assign({},e)))})))}function u(e){var t=(0,c.k)(),a="sm"===l.O.getSize(t,"md"),s=e.withReordering&&!t.xs;return n.createElement(r.Z,{className:"".concat(a?"":"py-2"," flex-grow-1")},n.createElement(i.Z,Object.assign({},l.O.getThumbnailColumns(),{className:"flex-column align-items-flex-start ".concat(a?"pb-2 pe-1":"mb-1 pe-3 pe-md-2")}),n.createElement(r.Z,null,!!s&&n.createElement("div",{className:"d-flex align-items-center justify-content-center col-2"},n.createElement("div",{className:"partial-loading-background ".concat(o.partialDragHandle)})),n.createElement(i.Z,{xs:l.O.getThumbnailColSize(s)},n.createElement("div",{className:"partial-loading-background ".concat(a?"rounded":"rounded-3"," ").concat(o.partialThumbnail)})))),n.createElement(i.Z,Object.assign({},l.O.getDetailsColumns(),{className:a?"pb-2":"px-2"}),n.createElement("div",{className:"partial-loading-background mb-1 ".concat(o.partialName)}),n.createElement("div",{className:"partial-loading-background ".concat(o.partialDescription)})))}s.defaultProps={numVideos:15}},64254:(e,t,a)=>{a.r(t),a.d(t,{CuratedDashboardWidgetView:()=>O});var n=a(32735),r=a(23481),i=a(20354),l=a(65858),c=a(13231),o=a(51365),s=a(183),u=a(1666),d=a(80889),m=a(31949),p=a(22902),f=a(79612),v=a(76753),g=a(10671),h=a(27638),b=a(44110),y=a(97816),E=a(10741),A=a(33192),N=a(22490),k=a(82431),w=a(74696);const x={partialHeading:"RSm4L"};function S(){return n.createElement("div",{className:"px-3"},n.createElement("div",{className:"partial-loading-background mb-2 ".concat(x.partialHeading)}),n.createElement(w.S,null))}var j=r.T.encloseNamespace("dashboard.dashboardWidget");function O(e){var t,a,r=e.widgetId,w=(0,h.u)(l.LZ.VideoThumbnail),x=w.setFavourite,O=w.canFavourite,C=(0,g._)({location:g.i.VideoItem}),I=i.a.useBasicFetch(r&&d._.dashboardWidgetContent(r)),P=i.a.useBasicFetch(m.N.currentUser()),L=i.a.useBasicFetch(P.data.isAuthenticated&&u.h.yearGroups(P.data.customerId)),T=null===(t=I.data)||void 0===t?void 0:t.content;(0,y.V)(T),(0,f.M)(v.CG.getDefaultMetadata({title:null===(a=I.data)||void 0===a?void 0:a.name,phraseContext:{phraseHandler:j,titlePhrase:"pageTitle",descriptionPhrase:"pageDescription"},canonicalLink:A.f.getCanonicalLink({stripPresentationSlug:!0}),allowIndexing:A.f.allowIndexing()}));var F=(0,b.i)(),B=(0,p.T)().hasPermissions;return I.data&&(null==T?void 0:T.length)?n.createElement(o.M.Provider,{value:C},n.createElement("div",{className:"px-3"},n.createElement("h1",{className:"h2 mb-2"},I.data.name),n.createElement(c.E4,{videos:T,yearGroups:L.data,getVideoAppLink:function(t,a){return N.W.getAppLink(t,Object.assign(Object.assign({},a),{context:s.Q.Widget,contextId:e.widgetId}))},hasPermissions:B,getSubTextAppLink:function(e){return k.j.getSeriesAppLink(e.series)},setFavourite:x,canFavourite:O,presentationAudiences:F.data,getPreviewQuestionsAppLink:function(e){return E.j.getPreviewQuestionsAppLink(e)}}))):n.createElement(S,null)}},44110:(e,t,a)=>{a.d(t,{i:()=>l});var n=a(20354),r=a(89454),i=a(86698),l=function(){var e=(0,i.y)({redirectOnError:!0}).activePresentation;return n.a.useBasicFetch(!!e&&r.O.presentationAudiences(e.id))}},97816:(e,t,a)=>{a.d(t,{V:()=>u});var n=a(32735),r=a(20354),i=a(21750),l=a(31949),c=a(1575);function o(e,t){if(e){if("string"==typeof e)return s(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?s(e,t):void 0}}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function u(e){var t,a,u,d=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},m=r.a.useBasicFetch(l.N.currentUser()),p=n.useRef(new Set),f=e&&(Array.isArray(e)?e.filter(Boolean).map((function(e){return e.id})):e.data.filter(Boolean).map((function(e){return e.id}))),v=(a=n.useState([]),u=2,function(e){if(Array.isArray(e))return e}(a)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,r,i,l,c=[],o=!0,s=!1;try{if(i=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;o=!1}else for(;!(o=(n=i.call(a)).done)&&(c.push(n.value),c.length!==t);o=!0);}catch(e){s=!0,r=e}finally{try{if(!o&&null!=a.return&&(l=a.return(),Object(l)!==l))return}finally{if(s)throw r}}return c}}(a,u)||o(a,u)||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.")}()),g=v[0],h=v[1];n.useEffect((function(){var e;if((null==f?void 0:f.length)&&(null===(e=m.data)||void 0===e?void 0:e.isAuthenticated)){var t=[];f.forEach((function(e){p.current.has(e)||(t.push(e),p.current.add(e))})),t.length&&h((function(e){return[].concat(function(e){return function(e){if(Array.isArray(e))return s(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||o(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.")}()}(e),[i.x.hasCurriculumLinks(t,null,d.flightNamespace),c.R.videoMixinAssocs(t,d.flightNamespace)])}))}}),[null==f?void 0:f.length,null===(t=m.data)||void 0===t?void 0:t.isAuthenticated]),r.a.useBasicFetchAll(g)}},68050:(e,t,a)=>{a.d(t,{Z:()=>s});var n=a(95685),r=a.n(n),i=a(32735),l=a(46304),c=a(74512);const o=i.forwardRef((({bsPrefix:e,className:t,as:a="div",...n},i)=>{const o=(0,l.vE)(e,"row"),s=(0,l.pi)(),u=(0,l.zG)(),d=`${o}-cols`,m=[];return s.forEach((e=>{const t=n[e];let a;delete n[e],null!=t&&"object"==typeof t?({cols:a}=t):a=t;const r=e!==u?`-${e}`:"";null!=a&&m.push(`${d}${r}-${a}`)})),(0,c.jsx)(a,{ref:i,...n,className:r()(t,o,...m)})}));o.displayName="Row";const s=o}}]);
-//# sourceMappingURL=7180-b29d70e9d8-lite.chunk.js.map

package/dist/scripts/7180-b29d70e9d8-lite.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scripts/7180-b29d70e9d8-lite.chunk.js","mappings":"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","sources":["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/projects/lite/src/apps/dashboard/views/dashboard-widget/partial-loading/partial-dashboard-widget-view.scss","file:///app/packages/projects/lite/src/apps/dashboard/views/dashboard-widget/partial-loading/PartialDashboardWidgetView.tsx","file:///app/packages/projects/lite/src/apps/dashboard/views/dashboard-widget/CuratedDashboardWidgetView.tsx","file:///app/packages/projects/lite/src/shared/hooks/usePresentationAudiences.ts","file:///app/packages/projects/lite/src/shared/hooks/useVideoMixin.ts","file:///app/node_modules/react-bootstrap/esm/Row.js"],"sourcesContent":["// 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","// extracted by mini-css-extract-plugin\nexport default {\"partialHeading\":\"RSm4L\"};","import React from 'react';\n\nimport { PartialVideoList } from 'libs/shared/components/video-list/partial-loading/PartialVideoList';\n\nimport styles from './partial-dashboard-widget-view.scss';\n\nexport function PartialDashboardWidgetView(): JSX.Element {\n  return (\n    <div className='px-3'>\n      <div className={`partial-loading-background mb-2 ${styles.partialHeading}`} />\n      <PartialVideoList />\n    </div>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { VideoList } from 'libs/shared/components/video-list/VideoList';\nimport { VideoActionsContext } from 'libs/shared/context/VideoActionsContext';\nimport { RelatedVideosContext } from 'libs/shared/enums/RelatedVideosContext';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { DashboardRequests } from 'libs/shared/flight-requests/DashboardRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { CuratedWidget, CuratedWidgetData, CurrentUser, Video, YearGroup } from 'libs/shared/interfaces';\nimport { PageMetadataHelper } from 'libs/shared/utils/PageMetadataHelper';\n\nimport { useVideoActions, VideoActionsLocation } from 'shared/hooks/use-video-actions/useVideoActions';\nimport { useLiteFavourites } from 'shared/hooks/useLiteFavourites';\nimport { usePresentationAudiences } from 'shared/hooks/usePresentationAudiences';\nimport { useVideoMixin } from 'shared/hooks/useVideoMixin';\nimport { InteractiveHelpers } from 'shared/utils/InteractiveHelper';\nimport { SeoHelper } from 'shared/utils/SeoHelper';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nimport { SeriesAppLinkHelper } from 'apps/series/SeriesAppLinkHelper';\n\nimport { PartialDashboardWidgetView } from './partial-loading/PartialDashboardWidgetView';\n\nconst namespace = 'dashboard.dashboardWidget';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface CuratedDashboardWidgetViewQueryParams {\n  widgetId?: string;\n}\n\nexport function CuratedDashboardWidgetView(props: CuratedDashboardWidgetViewQueryParams): JSX.Element {\n  const { widgetId } = props;\n\n  const { setFavourite, canFavourite } = useLiteFavourites(LocationContext.VideoThumbnail);\n  \n  const videoActions = useVideoActions({ location: VideoActionsLocation.VideoItem });\n\n  const widget = Flight.useBasicFetch<CuratedWidget<CuratedWidgetData, Video[]>>(\n    widgetId && DashboardRequests.dashboardWidgetContent(widgetId)\n  );\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n    currentUser.data.isAuthenticated && CustomerRequests.yearGroups(currentUser.data.customerId)\n  );\n\n  const videos = widget.data?.content;\n  useVideoMixin(videos);\n\n  useSetPageMetadata(PageMetadataHelper.getDefaultMetadata({\n    title: widget.data?.name,\n    phraseContext: {\n      phraseHandler: getPhrase,\n      titlePhrase: 'pageTitle',\n      descriptionPhrase: 'pageDescription'\n    },\n    canonicalLink: SeoHelper.getCanonicalLink({ stripPresentationSlug: true }),\n    allowIndexing: SeoHelper.allowIndexing()\n  }));\n\n  const audiences = usePresentationAudiences();\n  const { hasPermissions } = usePermissions();\n\n  if (!widget.data || !videos?.length)\n    return <PartialDashboardWidgetView />;\n\n  return (\n    <VideoActionsContext.Provider value={videoActions}>\n      <div className='px-3'>\n        <h1 className='h2 mb-2'>{widget.data.name}</h1>\n        <VideoList\n          videos={videos}\n          yearGroups={yearGroups.data}\n          getVideoAppLink={(video, opts) => VideoAppLinkHelper.getAppLink(video, {\n            ...opts,\n            context: RelatedVideosContext.Widget,\n            contextId: props.widgetId\n          })}\n          hasPermissions={hasPermissions}\n          getSubTextAppLink={video => SeriesAppLinkHelper.getSeriesAppLink(video.series)}\n          setFavourite={setFavourite}\n          canFavourite={canFavourite}\n          presentationAudiences={audiences.data}\n          getPreviewQuestionsAppLink={interactive => InteractiveHelpers.getPreviewQuestionsAppLink(interactive)}\n        />\n      </div>\n    </VideoActionsContext.Provider>\n  );\n}","import { Flight } from 'libs/common/react/index';\n\nimport { AudienceRequests } from 'libs/shared/flight-requests/AudienceRequests';\nimport { PresentationAudience } from 'libs/shared/interfaces';\n\nimport { usePresentation } from 'shared/hooks/usePresentation';\n\nexport const usePresentationAudiences = () => {\n  const { activePresentation } = usePresentation({ redirectOnError: true });\n\n  const audiences = Flight.useBasicFetch<PresentationAudience[]>(\n    !!activePresentation &&\n    AudienceRequests.presentationAudiences(activePresentation.id)\n  );\n\n  return audiences;\n};","import React from 'react';\n\nimport { Flight } from 'libs/common/flight';\n\nimport { ClassificationRequests } from 'libs/shared/flight-requests/ClassificationRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { CurrentUser, Video, VideoCollection } from 'libs/shared/interfaces';\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(videos: VideoCollection | Video[], 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 videoIds = videos && (Array.isArray(videos)\n    ? videos.filter(Boolean).map(v => v.id)\n    : videos.data.filter(Boolean).map(v => v.id));\n\n  const [ request, setRequest ] = React.useState<Flight.Request[]>([]);\n\n  React.useEffect(() => {\n    if (!videoIds?.length || !currentUser.data?.isAuthenticated)\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      ...r,\n      ClassificationRequests.hasCurriculumLinks(unhydratedVideos, null, options.flightNamespace),\n      VideoRequests.videoMixinAssocs(unhydratedVideos, options.flightNamespace)\n    ]);\n  }, [ videoIds?.length, currentUser.data?.isAuthenticated ]);\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":["PartialVideoList","props","className","Array","numVideos","fill","map","_","i","key","allowBulkActions","PartialVideoItem","breakpoints","useBreakpoints","isSmall","VideoListHelper","withDragHandle","withReordering","xs","Row","Col","defaultProps","PartialDashboardWidgetView","getPhrase","LanguageService","CuratedDashboardWidgetView","widgetId","useLiteFavourites","u","setFavourite","canFavourite","videoActions","useVideoActions","location","widget","DashboardRequests","currentUser","UserRequests","yearGroups","data","isAuthenticated","CustomerRequests","customerId","videos","content","useVideoMixin","useSetPageMetadata","PageMetadataHelper","title","name","phraseContext","phraseHandler","titlePhrase","descriptionPhrase","canonicalLink","SeoHelper","stripPresentationSlug","allowIndexing","audiences","usePresentationAudiences","hasPermissions","usePermissions","length","VideoActionsContext","value","VideoList","getVideoAppLink","video","opts","VideoAppLinkHelper","context","RelatedVideosContext","contextId","getSubTextAppLink","SeriesAppLinkHelper","series","presentationAudiences","getPreviewQuestionsAppLink","interactive","InteractiveHelper","activePresentation","redirectOnError","id","options","hydratedVideos","Set","videoIds","isArray","filter","Boolean","v","request","setRequest","unhydratedVideos","forEach","current","has","push","add","r","flightNamespace","bsPrefix","as","Component","ref","decoratedBsPrefix","minBreakpoint","sizePrefix","classes","brkPoint","propValue","cols","infix","displayName"],"sourceRoot":""}