@clickview/lite 0.50.1-rc.0 → 0.50.1-rc.2

package/dist/scripts/{3397-bb32e2287f-lite.chunk.js.map → 3397-cd6acb96c4-lite.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"scripts/3397-bb32e2287f-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx","file:///app/packages/libs/shared/src/components/video-list/partial-loading/partial-video-list.scss","file:///app/packages/libs/shared/src/components/video-list/partial-loading/PartialVideoList.tsx","file:///app/packages/libs/shared/src/errors/handlers/HttpErrorHandlers.ts","file:///app/packages/libs/shared/src/hooks/UseHandleObjectError.ts","file:///app/packages/libs/shared/src/utils/PartialLoadingHelper.ts","file:///app/packages/projects/lite/src/apps/user-manager/views/students-videos/StudentsVideosView.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\nimport { PartialLoadingHelper } from 'libs/shared/utils/PartialLoadingHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { SvgContainer, SvgContainerSize } from '../svg-container/SvgContainer';\n\nexport interface Breadcrumb {\n  name: string;\n  appLink?: Core.AppLink;\n  active?: boolean;\n}\n\ninterface BreadcrumbItemProps {\n  breadcrumb: Breadcrumb;\n  withBackIcon?: boolean;\n}\n\nexport const BreadcrumbItem = ({ breadcrumb: { name, appLink, active }, withBackIcon }: BreadcrumbItemProps) => (\n  <li className={`breadcrumb-item${active ? ' active' : ''}`}>\n    {active\n      ? <strong>{name}</strong>\n      : <AppLink appLink={appLink}>\n        {withBackIcon && <SvgContainer svgName={cvSvgLibrary.ChevronLeft} size={SvgContainerSize.Small} />}\n        <span className={withBackIcon ? 'ms-2' : ''}>{name}</span>\n      </AppLink>\n    }\n  </li>\n);\n\ninterface BreadcrumbsProps {\n  breadcrumbs: Breadcrumb[];\n}\n\nexport const Breadcrumbs = ({ breadcrumbs }: BreadcrumbsProps) => {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  const length = breadcrumbs?.length;\n\n  if (!length || (isMobile && length < 2))\n    return <></>;\n\n  if (isMobile)\n    return (\n      <nav aria-label='breadcrumb'>\n        <ol className='breadcrumb m-0 p-0'>\n          <BreadcrumbItem breadcrumb={breadcrumbs[length - 2]} withBackIcon />\n        </ol>\n      </nav>\n    );\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {breadcrumbs.map((b, idx) => <BreadcrumbItem key={idx} breadcrumb={b} />)}\n      </ol>\n    </nav>\n  );\n};\n\nexport const PartialBreadcrumbs = React.memo(function({ numItems = 3 }: { numItems?: number; }) {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  if (isMobile) {\n    return (\n      <div className='partial-loading-background' style={{ height: '1.3125rem', width: '6rem' }} />\n    );\n  }\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {PartialLoadingHelper.getPartialLoadingItems({ numItems }).map(({ width }, idx) => (\n          <li key={idx} className='breadcrumb-item'>\n            <span className='d-inline-block partial-loading-background' style={{ width }} dangerouslySetInnerHTML={{ __html: '&nbsp' }} />\n          </li>\n        ))}\n      </ol>\n    </nav>\n  );\n});","// extracted by mini-css-extract-plugin\nexport default {\"partialOptions\":\"Gufgq\",\"partialName\":\"SicQQ\",\"partialDescription\":\"dPGMq\",\"partialThumbnail\":\"vZrnb\",\"partialDragHandle\":\"iq73R\"};","import React from 'react';\nimport { Col, Row } from 'react-bootstrap';\n\nimport { VideoListHelper } from 'libs/shared/components/video-list/VideoListHelper';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\n\nimport styles from './partial-video-list.scss';\n\ninterface PartialVideoListProps {\n  withReordering?: boolean;\n  numVideos?: number;\n  allowBulkActions?: boolean;\n}\n\nPartialVideoList.defaultProps = {\n  numVideos: 15\n};\n\nexport function PartialVideoList(props: PartialVideoListProps): JSX.Element {\n  return (\n    <div className='mx-2'>\n      {Array(props.numVideos).fill(null).map((_, i) => (\n        <div className='d-flex' key={i}>\n          {props.allowBulkActions && <div className='form-check pe-3 pe-sm-2 mx-0 mx-md-2' />}\n          <PartialVideoItem {...props} />\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport function PartialVideoItem(props: PartialVideoListProps): JSX.Element {\n  const breakpoints = useBreakpoints();\n\n  const size = VideoListHelper.getSize(breakpoints, 'md');\n  const isSmall = size === 'sm';\n\n  const withDragHandle = props.withReordering && !breakpoints.xs;\n\n  return (\n    <Row className={`${isSmall ? '' : 'py-2'} flex-grow-1`}>\n      <Col {...VideoListHelper.getThumbnailColumns()} className={`flex-column align-items-flex-start ${isSmall ? `pb-2 pe-1` : 'mb-1 pe-3 pe-md-2'}`}>\n        <Row>\n          {!!withDragHandle && (\n            <div className='d-flex align-items-center justify-content-center col-2'>\n              <div className={`partial-loading-background ${styles.partialDragHandle}`} />\n            </div>\n          )}\n          <Col xs={VideoListHelper.getThumbnailColSize(withDragHandle)}>\n            <div className={`partial-loading-background ${isSmall ? 'rounded' : 'rounded-3'} ${styles.partialThumbnail}`} />\n          </Col>\n        </Row>\n      </Col>\n      <Col {...VideoListHelper.getDetailsColumns()} className={isSmall ? 'pb-2' : 'px-2'}>\n        <div className={`partial-loading-background mb-1 ${styles.partialName}`} />\n        <div className={`partial-loading-background ${styles.partialDescription}`} />\n      </Col>\n    </Row>\n  );\n}\n\n","import { BaseError } from 'libs/common/backbone/core/BaseError';\nimport { HttpStatus } from 'libs/common/backbone/enums/HttpStatus';\nimport { Xhr } from 'libs/common/backbone/interfaces';\nimport { Core } from 'libs/common/core';\n\nimport { NotFoundError } from 'libs/shared/errors/general/not-found/NotFoundError';\nimport { PrivateResourceError } from 'libs/shared/errors/general/private-resource/PrivateResourceError';\nimport { RegionLockedResourceError } from 'libs/shared/errors/general/region-locked-resource/RegionLockedResourceError';\nimport { UnspecifiedError } from 'libs/shared/errors/general/unspecified-error/UnspecifiedError';\nimport { VideoTypes } from 'libs/shared/interfaces';\n\nexport interface HttpErrorMap {\n  notFound?: new () => BaseError;\n  forbidden?: {\n    rating?: new (description: string) => BaseError;\n    yearLevel?: new (description: string) => BaseError;\n    region?: new () => BaseError;\n    privacy?: new (video?: VideoTypes) => BaseError;\n  };\n  badRequest?: new () => BaseError;\n}\n\nexport type IgnoreHttpErrorMap = {\n  [key in keyof HttpErrorMap]: boolean;\n};\n\nconst defaultErrors: HttpErrorMap = {\n  notFound: NotFoundError,\n  forbidden: {\n    rating: PrivateResourceError,\n    yearLevel: PrivateResourceError,\n    region: RegionLockedResourceError,\n    privacy: PrivateResourceError\n  },\n  badRequest: UnspecifiedError\n};\n\nexport function handleHttpError(\n  info: HttpStatus | Xhr,\n  customErrorMap: HttpErrorMap = {},\n  /**\n   * Prevent certain errors in the errorMap from being thrown\n   * so that you may implement your own handler\n   */\n  ignoreMap: IgnoreHttpErrorMap = {}\n): void {\n  if (!info)\n    return;\n\n  let statusCode: HttpStatus;\n\n  if (typeof(info) === 'number') {\n    statusCode = info;\n  } else {\n    statusCode = info.status;\n  }\n\n  const errorMap = {\n    ...defaultErrors,\n    ...customErrorMap\n  };\n\n  if (!statusCode)\n    return;\n\n  if (!Core.ErrorHelper.isStatusCodeError(statusCode))\n    return;\n\n  if (statusCode === HttpStatus.NotFound) {\n    if (!ignoreMap.notFound)\n      Core.ErrorHelper.throw(new errorMap.notFound());\n    return;\n  }\n\n  if (statusCode === HttpStatus.Forbidden) {\n  /**\n   * TODO: Work out how to go about handling all forbidden errors, such as region locking, year levels,\n   * ratings, and privacy.\n   */\n    if (!ignoreMap.forbidden)\n      Core.ErrorHelper.throw(new errorMap.forbidden.privacy());\n    return;\n  }\n\n  if (!ignoreMap.badRequest)\n    Core.ErrorHelper.throw(new errorMap.badRequest());\n}\n\nexport function handleXhrError(xhr: Xhr, customErrorMap?: HttpErrorMap): void {\n  handleHttpError(xhr.status, customErrorMap);\n}","import { useEffect } from 'react';\n\nimport { Flight } from 'libs/common/flight';\n\nimport { handleHttpError, HttpErrorMap, IgnoreHttpErrorMap } from 'libs/shared/errors/handlers/HttpErrorHandlers';\n\nfunction generateCacheKey(flightObjs: Array<Flight.Response<any>>): string {\n  return flightObjs.map(obj => obj.statusCode).join(':');\n}\n\n// TODO: Change this to just `useHandleHttpError` and only accept a status code.\nexport function useHandleObjectError(\n  _flightObjs: Flight.Response<any> | Array<Flight.Response<any>>,\n  customErrors?: HttpErrorMap,\n  ignoreErrors?: IgnoreHttpErrorMap\n): void {\n  const flightObjs = Array.isArray(_flightObjs) ? _flightObjs : [_flightObjs];\n\n  useEffect(() => {\n    flightObjs.forEach(obj => {\n      handleHttpError(obj.statusCode, customErrors, ignoreErrors);\n    });\n  }, [ generateCacheKey(flightObjs), customErrors, ignoreErrors ]);\n}","const DEFAULT_PARTIAL_LOADING_OPTIONS: PartialLoadingOptions = {\n  numItems: 5,\n  minWidth: 50, // px\n  maxWidth: 100 // px\n};\n\nexport interface PartialLoadingOptions {\n  numItems?: number;\n  minWidth?: number;\n  maxWidth?: number;\n}\n\ninterface PartialLoadingItem {\n  width: string;\n}\n\nexport const PartialLoadingHelper = {\n  getPartialLoadingItems(options: PartialLoadingOptions = {}): PartialLoadingItem[] {\n    const opts = {\n      ...DEFAULT_PARTIAL_LOADING_OPTIONS,\n      ...options\n    };\n\n    const getRandomFilterWidth = () => Math.max(Math.floor(Math.random() * opts.maxWidth), opts.minWidth);\n\n    return [...Array(opts.numItems)].map(() => ({ width: `${getRandomFilterWidth()}px` }));\n  }\n};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\n\nimport { AnalyticsOptions, EntityType, LocationContext, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { ActionOptions } from 'libs/shared/components/actions/Actions';\nimport { Breadcrumb, Breadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\nimport { Pagination } from 'libs/shared/components/pagination/Pagination';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { PartialVideoList } from 'libs/shared/components/video-list/partial-loading/PartialVideoList';\nimport { VideoList } from 'libs/shared/components/video-list/VideoList';\nimport { VideoActionsContext, VideoActionsOptions } from 'libs/shared/context/VideoActionsContext';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { BasePaginatedCollection, User, VideoTypes } from 'libs/shared/interfaces';\nimport { UserHelper } from 'libs/shared/utils/UserHelper';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { usePluginHelper } from 'shared/hooks/use-plugin-helper/usePluginHelper';\nimport { InteractiveHelpers } from 'shared/utils/InteractiveHelper';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nimport { UserManagerRequests } from 'apps/user-manager/flight-requests/UserManagerRequests';\n\nconst namespace = 'userManager.studentsVideos';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\n\ninterface StudentsVideosViewProps {\n  id: string;\n  cursor: string;\n}\n\nexport function StudentsVideosView(props: StudentsVideosViewProps): JSX.Element {\n  const user = Flight.useBasicFetch<User>(UserManagerRequests.getUser(props.id));\n\n  const videos = Flight.useBasicFetch<BasePaginatedCollection<VideoTypes>>(\n    UserManagerRequests.getStudentVideos(props.id, props.cursor)\n  );\n\n  const { hasPermissions } = usePermissions();\n\n  const { isPlugin } = usePluginHelper();\n\n  useHandleObjectError(user);\n\n  function getBreadcrumbs(): Breadcrumb[] {\n    return [\n      {\n        name: LanguageService.getPhrase(namespace, 'settingsBreadcrumb'),\n        appLink: {\n          application: AppChannels.SETTINGS,\n          action: Actions.Settings.HOME\n        }\n      },\n      {\n        name: LanguageService.getPhrase(namespace, 'studentsBreadcrumb'),\n        appLink: {\n          application: AppChannels.USER_MANAGER,\n          action: Actions.UserManager.STUDENTS\n        }\n      },\n      {\n        name: getPhrase('heading', { name: UserHelper.getFullName(user.data), yearGroup: user.data.masterYearGroup?.name }),\n        active: true\n      }\n    ];\n  }\n\n  function getVideoActions(video: VideoTypes, options: VideoActionsOptions): ActionOptions[] {\n    let entity: EntityType;\n    if (VideoHelper.isVideo(video))\n      entity = EntityType.Video;\n    else if (VideoHelper.isClip(video))\n      entity = EntityType.Clip;\n    else\n      entity = EntityType.Interaction;\n\n    const analyticsOptions: AnalyticsOptions = {\n      ...options.analyticsOptions,\n      entity,\n      location: LocationContext.ViewStudentVideos\n    };\n\n    const analyticsData = {\n      ...options.analyticsData,\n      id: video.id\n    };\n\n    return [{\n      order: 1,\n      label: getPhrase('view'),\n      button: true,\n      appLink: {\n        application: AppChannels.USER_MANAGER,\n        action: Actions.UserManager.STUDENTS_VIDEO,\n        args: [ props.id, video.id ],\n        params: { typeId: video.typeId }\n      },\n      className: 'btn btn-outline-dark me-2'\n    }, {\n      order: 2,\n      label: getPhrase('delete'),\n      button: true,\n      appLink: {\n        application: AppChannels.USER_MANAGER,\n        action: Actions.UserManager.DELETE_STUDENTS_VIDEO,\n        args: [ props.id, video.id ],\n        params: { typeId: video.typeId }\n      },\n      className: 'btn btn-outline-dark',\n      analyticsOptions: {\n        ...analyticsOptions,\n        actionType: UserAction.Delete,\n        workflowPhase: WorkflowPhase.Start\n      },\n      analyticsData\n    }];\n  }\n\n  const dataLoaded = (\n    user.hasCompleted &&\n    videos.hasCompleted\n  );\n\n  /**\n   * TODO: Flesh out with a better empty state\n   */\n  if (!dataLoaded)\n    return <div className='mx-n2'><PartialVideoList allowBulkActions /></div>;\n\n  return (\n    <VideoActionsContext.Provider value={{ getVideoActions }}>\n      <div className='px-3'>\n        <h1 className='h2'>{getPhrase('heading', { name: UserHelper.getFullName(user.data), yearGroup: user.data.masterYearGroup?.name })}</h1>\n        <div className='pb-3'>\n          <Breadcrumbs\n            breadcrumbs={getBreadcrumbs()}\n          />\n        </div>\n        {videos.data?.data?.length ?\n          <VideoList\n            videos={videos.data?.data}\n            getVideoAppLink={video => ({\n              application: AppChannels.USER_MANAGER,\n              action: Actions.UserManager.STUDENTS_VIDEO,\n              args: [ props.id, video.id ],\n              params: { typeId: video.typeId }\n            })}\n            hasPermissions={hasPermissions}\n            getPreviewQuestionsAppLink={interactive => InteractiveHelpers.getPreviewQuestionsAppLink(interactive)}\n            yearGroups={null}\n            presentationAudiences={null}\n            isPlugin={isPlugin}\n            getClassroomGuideAppLink={VideoAppLinkHelper.getClassroomGuideAppLink}\n            getInteractiveGuidanceAppLink={VideoAppLinkHelper.getInteractiveGuidanceAppLink}\n            getResourceGuidanceAppLink={VideoAppLinkHelper.getResourceGuidanceAppLink}\n          /> :\n          <EmptyState>\n            <EmptyState.Image src={ImageUrls.EmptyStates.MY_VIDEOS} altText={getPhrase('emptyInfo')} />\n            <EmptyState.Heading><Text namespace={namespace} phrase='emptyHeading' /></EmptyState.Heading>\n            <EmptyState.Info><Text namespace={namespace} phrase='emptyInfo' options={{ name: user.data.name }} /></EmptyState.Info>\n          </EmptyState>\n        }\n        {!!videos.data?.pagination?.cursors && (\n          <Pagination\n            appLink={{\n              application: AppChannels.USER_MANAGER,\n              action: Actions.UserManager.STUDENTS_VIDEOS\n            }}\n            cursors={{ next: videos.data.pagination.cursors.next, previous: props.cursor }}\n            buttonVariant='outline-dark'\n            className='py-2 float-end'\n            prevHack\n          />\n        )}\n      </div>\n    </VideoActionsContext.Provider>\n  );\n}"],"names":["BreadcrumbItem","breadcrumb","name","appLink","active","withBackIcon","className","svgName","size","S","Breadcrumbs","breadcrumbs","isMobile","length","map","b","idx","key","PartialBreadcrumbs","numItems","style","height","width","dangerouslySetInnerHTML","__html","PartialVideoList","props","Array","numVideos","fill","_","i","allowBulkActions","PartialVideoItem","breakpoints","useBreakpoints","isSmall","VideoListHelper","withDragHandle","withReordering","xs","Row","Col","defaultProps","defaultErrors","notFound","forbidden","rating","yearLevel","region","privacy","badRequest","handleHttpError","info","customErrorMap","ignoreMap","statusCode","status","errorMap","generateCacheKey","flightObjs","obj","join","useHandleObjectError","_flightObjs","customErrors","ignoreErrors","isArray","useEffect","forEach","DEFAULT_PARTIAL_LOADING_OPTIONS","minWidth","maxWidth","PartialLoadingHelper","getPartialLoadingItems","options","opts","Math","max","floor","random","namespace","getPhrase","StudentsVideosView","user","id","videos","cursor","hasPermissions","isPlugin","hasCompleted","value","getVideoActions","video","entity","analyticsOptions","location","analyticsData","order","label","button","application","action","args","params","typeId","actionType","workflowPhase","data","yearGroup","masterYearGroup","getBreadcrumbs","getVideoAppLink","getPreviewQuestionsAppLink","interactive","yearGroups","presentationAudiences","getClassroomGuideAppLink","getInteractiveGuidanceAppLink","getResourceGuidanceAppLink","src","altText","phrase","pagination","cursors","next","previous","buttonVariant","prevHack"],"sourceRoot":""}
+{"version":3,"file":"scripts/3397-cd6acb96c4-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx","file:///app/packages/libs/shared/src/components/video-list/partial-loading/partial-video-list.scss","file:///app/packages/libs/shared/src/components/video-list/partial-loading/PartialVideoList.tsx","file:///app/packages/libs/shared/src/errors/handlers/HttpErrorHandlers.ts","file:///app/packages/libs/shared/src/hooks/UseHandleObjectError.ts","file:///app/packages/libs/shared/src/utils/PartialLoadingHelper.ts","file:///app/packages/projects/lite/src/apps/user-manager/views/students-videos/StudentsVideosView.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\nimport { PartialLoadingHelper } from 'libs/shared/utils/PartialLoadingHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { SvgContainer, SvgContainerSize } from '../svg-container/SvgContainer';\n\nexport interface Breadcrumb {\n  name: string;\n  appLink?: Core.AppLink;\n  active?: boolean;\n}\n\ninterface BreadcrumbItemProps {\n  breadcrumb: Breadcrumb;\n  withBackIcon?: boolean;\n}\n\nexport const BreadcrumbItem = ({ breadcrumb: { name, appLink, active }, withBackIcon }: BreadcrumbItemProps) => (\n  <li className={`breadcrumb-item${active ? ' active' : ''}`}>\n    {active\n      ? <strong>{name}</strong>\n      : <AppLink appLink={appLink}>\n        {withBackIcon && <SvgContainer svgName={cvSvgLibrary.ChevronLeft} size={SvgContainerSize.Small} />}\n        <span className={withBackIcon ? 'ms-2' : ''}>{name}</span>\n      </AppLink>\n    }\n  </li>\n);\n\ninterface BreadcrumbsProps {\n  breadcrumbs: Breadcrumb[];\n}\n\nexport const Breadcrumbs = ({ breadcrumbs }: BreadcrumbsProps) => {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  const length = breadcrumbs?.length;\n\n  if (!length || (isMobile && length < 2))\n    return <></>;\n\n  if (isMobile)\n    return (\n      <nav aria-label='breadcrumb'>\n        <ol className='breadcrumb m-0 p-0'>\n          <BreadcrumbItem breadcrumb={breadcrumbs[length - 2]} withBackIcon />\n        </ol>\n      </nav>\n    );\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {breadcrumbs.map((b, idx) => <BreadcrumbItem key={idx} breadcrumb={b} />)}\n      </ol>\n    </nav>\n  );\n};\n\nexport const PartialBreadcrumbs = React.memo(function({ numItems = 3 }: { numItems?: number; }) {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  if (isMobile) {\n    return (\n      <div className='partial-loading-background' style={{ height: '1.3125rem', width: '6rem' }} />\n    );\n  }\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {PartialLoadingHelper.getPartialLoadingItems({ numItems }).map(({ width }, idx) => (\n          <li key={idx} className='breadcrumb-item'>\n            <span className='d-inline-block partial-loading-background' style={{ width }} dangerouslySetInnerHTML={{ __html: '&nbsp' }} />\n          </li>\n        ))}\n      </ol>\n    </nav>\n  );\n});","// extracted by mini-css-extract-plugin\nexport default {\"partialOptions\":\"Gufgq\",\"partialName\":\"SicQQ\",\"partialDescription\":\"dPGMq\",\"partialThumbnail\":\"vZrnb\",\"partialDragHandle\":\"iq73R\"};","import React from 'react';\nimport { Col, Row } from 'react-bootstrap';\n\nimport { VideoListHelper } from 'libs/shared/components/video-list/VideoListHelper';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\n\nimport styles from './partial-video-list.scss';\n\ninterface PartialVideoListProps {\n  withReordering?: boolean;\n  numVideos?: number;\n  allowBulkActions?: boolean;\n}\n\nPartialVideoList.defaultProps = {\n  numVideos: 15\n};\n\nexport function PartialVideoList(props: PartialVideoListProps): JSX.Element {\n  return (\n    <div className='mx-2'>\n      {Array(props.numVideos).fill(null).map((_, i) => (\n        <div className='d-flex' key={i}>\n          {props.allowBulkActions && <div className='form-check pe-3 pe-sm-2 mx-0 mx-md-2' />}\n          <PartialVideoItem {...props} />\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport function PartialVideoItem(props: PartialVideoListProps): JSX.Element {\n  const breakpoints = useBreakpoints();\n\n  const size = VideoListHelper.getSize(breakpoints, 'md');\n  const isSmall = size === 'sm';\n\n  const withDragHandle = props.withReordering && !breakpoints.xs;\n\n  return (\n    <Row className={`${isSmall ? '' : 'py-2'} flex-grow-1`}>\n      <Col {...VideoListHelper.getThumbnailColumns()} className={`flex-column align-items-flex-start ${isSmall ? `pb-2 pe-1` : 'mb-1 pe-3 pe-md-2'}`}>\n        <Row>\n          {!!withDragHandle && (\n            <div className='d-flex align-items-center justify-content-center col-2'>\n              <div className={`partial-loading-background ${styles.partialDragHandle}`} />\n            </div>\n          )}\n          <Col xs={VideoListHelper.getThumbnailColSize(withDragHandle)}>\n            <div className={`partial-loading-background ${isSmall ? 'rounded' : 'rounded-3'} ${styles.partialThumbnail}`} />\n          </Col>\n        </Row>\n      </Col>\n      <Col {...VideoListHelper.getDetailsColumns()} className={isSmall ? 'pb-2' : 'px-2'}>\n        <div className={`partial-loading-background mb-1 ${styles.partialName}`} />\n        <div className={`partial-loading-background ${styles.partialDescription}`} />\n      </Col>\n    </Row>\n  );\n}\n\n","import { BaseError } from 'libs/common/backbone/core/BaseError';\nimport { HttpStatus } from 'libs/common/backbone/enums/HttpStatus';\nimport { Xhr } from 'libs/common/backbone/interfaces';\nimport { Core } from 'libs/common/core';\n\nimport { NotFoundError } from 'libs/shared/errors/general/not-found/NotFoundError';\nimport { PrivateResourceError } from 'libs/shared/errors/general/private-resource/PrivateResourceError';\nimport { RegionLockedResourceError } from 'libs/shared/errors/general/region-locked-resource/RegionLockedResourceError';\nimport { UnspecifiedError } from 'libs/shared/errors/general/unspecified-error/UnspecifiedError';\nimport { VideoTypes } from 'libs/shared/interfaces';\n\nexport interface HttpErrorMap {\n  notFound?: new () => BaseError;\n  forbidden?: {\n    rating?: new (description: string) => BaseError;\n    yearLevel?: new (description: string) => BaseError;\n    region?: new () => BaseError;\n    privacy?: new (video?: VideoTypes) => BaseError;\n  };\n  badRequest?: new () => BaseError;\n}\n\nexport type IgnoreHttpErrorMap = {\n  [key in keyof HttpErrorMap]: boolean;\n};\n\nconst defaultErrors: HttpErrorMap = {\n  notFound: NotFoundError,\n  forbidden: {\n    rating: PrivateResourceError,\n    yearLevel: PrivateResourceError,\n    region: RegionLockedResourceError,\n    privacy: PrivateResourceError\n  },\n  badRequest: UnspecifiedError\n};\n\nexport function handleHttpError(\n  info: HttpStatus | Xhr,\n  customErrorMap: HttpErrorMap = {},\n  /**\n   * Prevent certain errors in the errorMap from being thrown\n   * so that you may implement your own handler\n   */\n  ignoreMap: IgnoreHttpErrorMap = {}\n): void {\n  if (!info)\n    return;\n\n  let statusCode: HttpStatus;\n\n  if (typeof(info) === 'number') {\n    statusCode = info;\n  } else {\n    statusCode = info.status;\n  }\n\n  const errorMap = {\n    ...defaultErrors,\n    ...customErrorMap\n  };\n\n  if (!statusCode)\n    return;\n\n  if (!Core.ErrorHelper.isStatusCodeError(statusCode))\n    return;\n\n  if (statusCode === HttpStatus.NotFound) {\n    if (!ignoreMap.notFound)\n      Core.ErrorHelper.throw(new errorMap.notFound());\n    return;\n  }\n\n  if (statusCode === HttpStatus.Forbidden) {\n  /**\n   * TODO: Work out how to go about handling all forbidden errors, such as region locking, year levels,\n   * ratings, and privacy.\n   */\n    if (!ignoreMap.forbidden)\n      Core.ErrorHelper.throw(new errorMap.forbidden.privacy());\n    return;\n  }\n\n  if (!ignoreMap.badRequest)\n    Core.ErrorHelper.throw(new errorMap.badRequest());\n}\n\nexport function handleXhrError(xhr: Xhr, customErrorMap?: HttpErrorMap): void {\n  handleHttpError(xhr.status, customErrorMap);\n}","import { useEffect } from 'react';\n\nimport { Flight } from 'libs/common/flight';\n\nimport { handleHttpError, HttpErrorMap, IgnoreHttpErrorMap } from 'libs/shared/errors/handlers/HttpErrorHandlers';\n\nfunction generateCacheKey(flightObjs: Array<Flight.Response<any>>): string {\n  return flightObjs.map(obj => obj.statusCode).join(':');\n}\n\n// TODO: Change this to just `useHandleHttpError` and only accept a status code.\nexport function useHandleObjectError(\n  _flightObjs: Flight.Response<any> | Array<Flight.Response<any>>,\n  customErrors?: HttpErrorMap,\n  ignoreErrors?: IgnoreHttpErrorMap\n): void {\n  const flightObjs = Array.isArray(_flightObjs) ? _flightObjs : [_flightObjs];\n\n  useEffect(() => {\n    flightObjs.forEach(obj => {\n      handleHttpError(obj.statusCode, customErrors, ignoreErrors);\n    });\n  }, [ generateCacheKey(flightObjs), customErrors, ignoreErrors ]);\n}","const DEFAULT_PARTIAL_LOADING_OPTIONS: PartialLoadingOptions = {\n  numItems: 5,\n  minWidth: 50, // px\n  maxWidth: 100 // px\n};\n\nexport interface PartialLoadingOptions {\n  numItems?: number;\n  minWidth?: number;\n  maxWidth?: number;\n}\n\ninterface PartialLoadingItem {\n  width: string;\n}\n\nexport const PartialLoadingHelper = {\n  getPartialLoadingItems(options: PartialLoadingOptions = {}): PartialLoadingItem[] {\n    const opts = {\n      ...DEFAULT_PARTIAL_LOADING_OPTIONS,\n      ...options\n    };\n\n    const getRandomFilterWidth = () => Math.max(Math.floor(Math.random() * opts.maxWidth), opts.minWidth);\n\n    return [...Array(opts.numItems)].map(() => ({ width: `${getRandomFilterWidth()}px` }));\n  }\n};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\n\nimport { AnalyticsOptions, EntityType, LocationContext, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { ActionOptions } from 'libs/shared/components/actions/Actions';\nimport { Breadcrumb, Breadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\nimport { Pagination } from 'libs/shared/components/pagination/Pagination';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { PartialVideoList } from 'libs/shared/components/video-list/partial-loading/PartialVideoList';\nimport { VideoList } from 'libs/shared/components/video-list/VideoList';\nimport { VideoActionsContext, VideoActionsOptions } from 'libs/shared/context/VideoActionsContext';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { BasePaginatedCollection, User, VideoTypes } from 'libs/shared/interfaces';\nimport { UserHelper } from 'libs/shared/utils/UserHelper';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { usePluginHelper } from 'shared/hooks/use-plugin-helper/usePluginHelper';\nimport { InteractiveHelpers } from 'shared/utils/InteractiveHelper';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nimport { UserManagerRequests } from 'apps/user-manager/flight-requests/UserManagerRequests';\n\nconst namespace = 'userManager.studentsVideos';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\n\ninterface StudentsVideosViewProps {\n  id: string;\n  cursor: string;\n}\n\nexport function StudentsVideosView(props: StudentsVideosViewProps): JSX.Element {\n  const user = Flight.useBasicFetch<User>(UserManagerRequests.getUser(props.id));\n\n  const videos = Flight.useBasicFetch<BasePaginatedCollection<VideoTypes>>(\n    UserManagerRequests.getStudentVideos(props.id, props.cursor)\n  );\n\n  const { hasPermissions } = usePermissions();\n\n  const { isPlugin } = usePluginHelper();\n\n  useHandleObjectError(user);\n\n  function getBreadcrumbs(): Breadcrumb[] {\n    return [\n      {\n        name: LanguageService.getPhrase(namespace, 'settingsBreadcrumb'),\n        appLink: {\n          application: AppChannels.SETTINGS,\n          action: Actions.Settings.HOME\n        }\n      },\n      {\n        name: LanguageService.getPhrase(namespace, 'studentsBreadcrumb'),\n        appLink: {\n          application: AppChannels.USER_MANAGER,\n          action: Actions.UserManager.STUDENTS\n        }\n      },\n      {\n        name: getPhrase('heading', { name: UserHelper.getFullName(user.data), yearGroup: user.data.masterYearGroup?.name }),\n        active: true\n      }\n    ];\n  }\n\n  function getVideoActions(video: VideoTypes, options: VideoActionsOptions): ActionOptions[] {\n    let entity: EntityType;\n    if (VideoHelper.isVideo(video))\n      entity = EntityType.Video;\n    else if (VideoHelper.isClip(video))\n      entity = EntityType.Clip;\n    else\n      entity = EntityType.Interaction;\n\n    const analyticsOptions: AnalyticsOptions = {\n      ...options.analyticsOptions,\n      entity,\n      location: LocationContext.ViewStudentVideos\n    };\n\n    const analyticsData = {\n      ...options.analyticsData,\n      id: video.id\n    };\n\n    return [{\n      order: 1,\n      label: getPhrase('view'),\n      button: true,\n      appLink: {\n        application: AppChannels.USER_MANAGER,\n        action: Actions.UserManager.STUDENTS_VIDEO,\n        args: [ props.id, video.id ],\n        params: { typeId: video.typeId }\n      },\n      className: 'btn btn-outline-dark me-2'\n    }, {\n      order: 2,\n      label: getPhrase('delete'),\n      button: true,\n      appLink: {\n        application: AppChannels.USER_MANAGER,\n        action: Actions.UserManager.DELETE_STUDENTS_VIDEO,\n        args: [ props.id, video.id ],\n        params: { typeId: video.typeId }\n      },\n      className: 'btn btn-outline-dark',\n      analyticsOptions: {\n        ...analyticsOptions,\n        actionType: UserAction.Delete,\n        workflowPhase: WorkflowPhase.Start\n      },\n      analyticsData\n    }];\n  }\n\n  const dataLoaded = (\n    user.hasCompleted &&\n    videos.hasCompleted\n  );\n\n  /**\n   * TODO: Flesh out with a better empty state\n   */\n  if (!dataLoaded)\n    return <div className='mx-n2'><PartialVideoList allowBulkActions /></div>;\n\n  return (\n    <VideoActionsContext.Provider value={{ getVideoActions }}>\n      <div className='px-3'>\n        <h1 className='h2'>{getPhrase('heading', { name: UserHelper.getFullName(user.data), yearGroup: user.data.masterYearGroup?.name })}</h1>\n        <div className='pb-3'>\n          <Breadcrumbs\n            breadcrumbs={getBreadcrumbs()}\n          />\n        </div>\n        {videos.data?.data?.length ?\n          <VideoList\n            videos={videos.data?.data}\n            getVideoAppLink={video => ({\n              application: AppChannels.USER_MANAGER,\n              action: Actions.UserManager.STUDENTS_VIDEO,\n              args: [ props.id, video.id ],\n              params: { typeId: video.typeId }\n            })}\n            hasPermissions={hasPermissions}\n            getPreviewQuestionsAppLink={interactive => InteractiveHelpers.getPreviewQuestionsAppLink(interactive)}\n            yearGroups={null}\n            presentationAudiences={null}\n            isPlugin={isPlugin}\n            getClassroomGuideAppLink={VideoAppLinkHelper.getClassroomGuideAppLink}\n            getInteractiveGuidanceAppLink={VideoAppLinkHelper.getInteractiveGuidanceAppLink}\n            getResourceGuidanceAppLink={VideoAppLinkHelper.getResourceGuidanceAppLink}\n          /> :\n          <EmptyState>\n            <EmptyState.Image src={ImageUrls.EmptyStates.MY_VIDEOS} altText={getPhrase('emptyInfo')} />\n            <EmptyState.Heading><Text namespace={namespace} phrase='emptyHeading' /></EmptyState.Heading>\n            <EmptyState.Info><Text namespace={namespace} phrase='emptyInfo' options={{ name: user.data.name }} /></EmptyState.Info>\n          </EmptyState>\n        }\n        {!!videos.data?.pagination?.cursors && (\n          <Pagination\n            appLink={{\n              application: AppChannels.USER_MANAGER,\n              action: Actions.UserManager.STUDENTS_VIDEOS\n            }}\n            cursors={{ next: videos.data.pagination.cursors.next, previous: props.cursor }}\n            buttonVariant='outline-dark'\n            className='py-2 float-end'\n            prevHack\n          />\n        )}\n      </div>\n    </VideoActionsContext.Provider>\n  );\n}"],"names":["BreadcrumbItem","breadcrumb","name","appLink","active","withBackIcon","className","svgName","size","S","Breadcrumbs","breadcrumbs","isMobile","length","map","b","idx","key","PartialBreadcrumbs","numItems","style","height","width","dangerouslySetInnerHTML","__html","PartialVideoList","props","Array","numVideos","fill","_","i","allowBulkActions","PartialVideoItem","breakpoints","useBreakpoints","isSmall","VideoListHelper","withDragHandle","withReordering","xs","Row","Col","defaultProps","defaultErrors","notFound","forbidden","rating","yearLevel","region","privacy","badRequest","handleHttpError","info","customErrorMap","ignoreMap","statusCode","status","errorMap","generateCacheKey","flightObjs","obj","join","useHandleObjectError","_flightObjs","customErrors","ignoreErrors","isArray","useEffect","forEach","DEFAULT_PARTIAL_LOADING_OPTIONS","minWidth","maxWidth","PartialLoadingHelper","getPartialLoadingItems","options","opts","Math","max","floor","random","namespace","getPhrase","StudentsVideosView","user","id","videos","cursor","hasPermissions","isPlugin","hasCompleted","value","getVideoActions","video","entity","analyticsOptions","location","analyticsData","order","label","button","application","action","args","params","typeId","actionType","workflowPhase","data","yearGroup","masterYearGroup","getBreadcrumbs","getVideoAppLink","getPreviewQuestionsAppLink","interactive","yearGroups","presentationAudiences","getClassroomGuideAppLink","getInteractiveGuidanceAppLink","getResourceGuidanceAppLink","src","altText","phrase","pagination","cursors","next","previous","buttonVariant","prevHack"],"sourceRoot":""}

package/dist/scripts/{3403-12c460d3f6-lite.chunk.js → 3403-d42b7125ae-lite.chunk.js}

@@ -1,2 +1,2 @@
 "use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[3403],{29024:(e,t,n)=>{n.d(t,{k:()=>y});var a=n(32735),r=n(65858),i=n(64249),c=n(75163),l=n(5465),o=n(89118),s=n(7733),u=n(54610),m=n(4594),d=n(68626),p=n(9085),f=n(67453),v=n(31908);const h={thumbnailFallbackSvg:"D4JFs",posterFallbackSvg:"bjUWl",coverFallbackSvg:"kdLpt"};var g="rounded overflow-hidden";function y(e){var t=a.useCallback((function(t){var n;t&&e.fixedHeight&&(t.style.width="".concat(t.offsetHeight*(n=e.object,v.M.isVideoType(n)?16/9:n.typeId===m.E.Playlist?1:n.typeId===m.E.Series?9/16:void 0),"px"))}),[]),n={size:u.h2.Small},y=function(e){var t=f.j.getDisplayImageFromObject(e);if(v.M.isVideoType(e))return{image:t,imageType:u.__.Thumbnails,imageClassName:g,imageFallbackComponent:a.createElement(l.oy,{type:l.mS.Video})};switch(e.typeId){case m.E.Series:return{image:t,imageType:u.__.TallPosters,imageClassName:g,imageFallbackComponent:a.createElement(l.oy,{type:l.mS.Series,svgContainerClassName:h.posterFallbackSvg})};case m.E.Playlist:return{image:t,imageType:u.__.Covers,imageClassName:(null==t?void 0:t.url)?g:"".concat(g," ").concat((0,p.x)(e.name,s.o)),imageFallbackComponent:a.createElement(l.oy,{type:l.mS.Playlist,svgContainerClassName:(null==t?void 0:t.url)?h.coverFallbackSvg:"d-none",extraClasses:!(null==t?void 0:t.url)&&"bg-transparent"})}}}(e.object),E=y.image,b=y.imageType,C=y.imageClassName,S=y.imageFallbackComponent,k=v.M.isVideoType(e.object)&&!!e.showVideoMetadata;return a.createElement("div",{className:"d-flex align-items-center justify-content-center w-100 h-100"},a.createElement("div",{ref:t,className:e.fixedHeight?"h-100":"w-100"},k&&a.createElement(o.u,{video:e.object,imageOptions:n,textPosition:d.z.Independent,type:"cosmetic",appLink:e.appLink,analyticsOptions:{location:e.locationContext},hideDuration:!0,hideMask:!0,size:"sm"}),!k&&a.createElement(c.Z,{data:null==E?void 0:E.url,imageType:b,imageOptions:n,appLink:e.appLink,className:C,analyticsData:{id:e.object.id,name:e.object.name},analyticsOptions:{entity:i.I.getAnalyticsEntity(e.object.type),actionType:r.Vw.Click,location:e.locationContext}},S)))}},95834:(e,t,n)=>{n.d(t,{J:()=>a});var a={table:"striped-list no-full-width pb-3",header:"fw-semibold pb-1",headerCell:"py-2 ps-2 text-nowrap",row:"striped-row rounded",cell:"d-flex align-items-center p-2"}},31754:(e,t,n)=>{n.d(t,{x:()=>l});var a=n(82602),r=n(75896),i=n(89682),c=n(11576),l={groupByDateShared:function(e){var t=r.m.groupBy(e,"dateShared");return Object.keys(t).sort().reverse().reduce((function(e,n){var r=(0,a.WU)(n);return e[r]||(e[r]=[]),e[r]=e[r].concat(t[n]),e}),{})},mapActivityStatusToCheckMarkStatus:function(e){switch(e){case c.T.Complete:return i.h.Complete;case c.T.Incomplete:return i.h.Incomplete;case c.T.None:return i.h.None}},mapCheckMarkStatusToActivityStatus:function(e){switch(e){case i.h.Complete:return c.T.Complete;case i.h.Incomplete:return c.T.Incomplete;case i.h.None:return c.T.None}}}},38502:(e,t,n)=>{n.d(t,{r:()=>m});var a=n(32735),r=n(49985),i=n(36848),c=n(18559),l=n(11607),o=n(83914),s=n(87432);function u(e){return a.createElement(a.Fragment,null,!!e.tab.svgName&&a.createElement("div",{className:e.tab.name?"pe-1":""},a.createElement(o.x,{svgName:e.tab.svgName})),e.tab.name,"number"==typeof e.tab.count&&a.createElement("div",{className:"ps-2"},a.createElement(c.C,{type:c.g.Count,data:e.tab.count})))}function m(e){var t;return a.createElement("nav",{className:null!==(t=e.className)&&void 0!==t?t:"",ref:e.containerRef},a.createElement("ul",{className:"\n        list-unstyled d-inline-block m-0 ".concat(s.Z.pillTabSelector,"\n        ").concat(e.borderRadius?s.Z.radiusSmall:"","\n        ").concat(e.listClassName,"\n      ")},e.tabs.map((function(e,t){return a.createElement("li",{className:"\n                p-0 ".concat(s.Z.tab," ").concat(e.active?"btn btn-dark":"btn btn-outline-dark","\n                ").concat(e.name?s.Z.minWidth:""," ").concat(e.className,"\n              "),key:t},e.appLink?a.createElement(i.F,{appLink:e.appLink,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,className:"\n                    cursor-pointer d-flex align-items-center justify-content-center\n                    text-decoration-none text-reset px-2 text-nowrap ".concat(s.Z.tabLink,"\n                  ")},a.createElement(u,{tab:e})):a.createElement(l.L,{className:"\n                    cursor-pointer d-flex align-items-center justify-content-center\n                    text-decoration-none text-reset p-2 text-nowrap ".concat(s.Z.tabLink,"\n                  "),onClick:function(){return function(e){!e.active&&e.onSelect&&(e.onSelect(),e.analyticsData&&e.analyticsOptions&&r.k.logUserAction(e.analyticsData,e.analyticsOptions))}(e)}},a.createElement(u,{tab:e})))}))))}m.defaultProps={borderRadius:"lg"}},39902:(e,t,n)=>{n.d(t,{f:()=>o});var a=n(32735),r=n(70680),i=n(20354);function c(e,t){if(e){if("string"==typeof e)return l(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}function o(e,t){var n,o,s=(n=a.useState([]),o=2,function(e){if(Array.isArray(e))return e}(n)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,c,l=[],o=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);o=!0);}catch(e){s=!0,r=e}finally{try{if(!o&&null!=n.return&&(c=n.return(),Object(c)!==c))return}finally{if(s)throw r}}return l}}(n,o)||c(n,o)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),u=s[0],m=s[1];a.useEffect((function(){if(null==e?void 0:e.length){var t=function(e){return function(e){if(Array.isArray(e))return l(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||c(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.")}()}(u);t.push([]),e.forEach((function(e){t.find((function(t){return t.find((function(t){return t===e}))}))||t[t.length-1].push(e)})),m(t.filter((function(e){return e.length})))}}),[e?e.join(","):null]);var d=(0,r.I0)(),p=(0,r.v9)((function(e){return e}));if(a.useEffect((function(){u.forEach((function(e){var n=t(e);i.a.getResponse(p,n.key).shouldFetch&&i.a.fetch(d,n)}))}),[null==u?void 0:u.length]),!(null==u?void 0:u.length))return{items:null,isFetching:!1};var f={},v={};return u.forEach((function(e,n){var a=t(e),r=i.a.getResponse(p,a.key);v[n]=r,r.data&&r.data.forEach((function(e){return f[e.id]=e}))})),{items:Object.keys(v).some((function(e){return!!v[e].data}))?f:null,isFetching:!!Object.keys(v).some((function(e){return v[e].isFetching}))}}},70227:(e,t,n)=>{n.d(t,{c:()=>i});var a=n(97395),r=n(4594),i={getObjectUrl:function(e,t){var n=e.analyticsWebUrl;if(n){var i="";switch(t.typeId){case r.E.Video:i="/videos/".concat(t.id,"/overview");break;case r.E.Clip:i="/clips/".concat(t.id,"/overview");break;case r.E.Interactive:i="/interactives/".concat(t.id,"/overview")}if(i)return a._.safeUrlConcat(n,i)}}}},36511:(e,t,n)=>{n.d(t,{I:()=>r});var a=n(40424);function r(e){switch(e){case a.R.Pink:return"pink";case a.R.Orange:return"orange";case a.R.Green:return"green";case a.R.Blue:return"blue";case a.R.Purple:return"purple";case a.R.Indigo:return"indigo";default:return"pink"}}},2523:(e,t,n)=>{n.d(t,{w:()=>p});var a=n(32735),r=n(23481),i=n(81886),c=n(38502),l=n(75795),o=n(14070),s=n(97291),u=r.T.encloseNamespace("share.sharesHeader"),m={application:s.O.MY_SHARES,action:o.e.MyShares.SHARED_BY_ME},d={application:s.O.MY_SHARES,action:o.e.MyShares.SHARED_WITH_ME};function p(){return a.createElement("div",{className:"pb-3"},a.createElement("h1",{className:"h2 mb-3"},u("shares")),a.createElement(c.r,{tabs:(t=null===(e=l.O.getCurrentRoute())||void 0===e?void 0:e.appLink,[{name:u("sharedByMe"),onSelect:function(){return i.Q.C$.trigger(m)},active:(null==t?void 0:t.action)===m.action},{name:u("sharedWithMe"),onSelect:function(){return i.Q.C$.trigger(d)},active:(null==t?void 0:t.action)===d.action}])}));var e,t}},25458:(e,t,n)=>{n.r(t),n.d(t,{SharedByMeView:()=>we});var a=n(32735),r=n(70680),i=n(23481),c=n(20354),l=n(75896),o=n(23232),s=i.T.encloseNamespace("share.sharedByMeEmptyState");function u(e){return a.createElement(o.u,null,a.createElement(o.u.Image,{src:e.imageUrl,size:"small"}),a.createElement(o.u.Heading,null,s(e.useInteractiveCopy?"interactivesHeading":"genericHeading")),a.createElement(o.u.Info,null,s(e.useInteractiveCopy?"interactivesInfo":"genericInfo")),!!e.appLink&&a.createElement(o.u.Cta,{appLink:e.appLink,text:s("cta")}))}var m=n(95834),d=n(69674),p=n(82602),f=n(110),v=n(65858),h=n(83914),g=n(76177),y=n(49080),E=n(85063),b=n(35223);const C={indicatorContainer:"T6YAv",indicator:"_MRHG"};var S=i.T.encloseNamespace("share.shareStatusIndicator");function k(e){if(e.type===E.y.DirectShare)return S("active");switch(e.status){case y.F.Active:return S("active");case y.F.Expired:return S("expired")}}function N(e){if(e.type===E.y.DirectShare)return"bg-success";switch(e.status){case y.F.Active:return"bg-success";case y.F.Expired:return"bg-secondary"}}function w(e){var t;return e.share.type!==E.y.DirectShare||(null===(t=e.share.recipients)||void 0===t?void 0:t.length)?e.share.type===E.y.ShareLink&&e.share.isPasswordProtected?a.createElement(g.u,{title:S("passwordProtected"),spanHack:!0},a.createElement(h.x,{svgName:b.vn.Lock,size:h.S.Small})):a.createElement(g.u,{title:k(e.share),spanHack:!0,spanHackClassName:C.indicatorContainer},a.createElement("div",{className:"".concat(C.indicator," ").concat(N(e.share))})):a.createElement(a.Fragment,null)}var I=n(29024),x=n(20789),T=n(18995),j=n(60376),A=n(4594),M=n(36511),O=n(64818);const H={avatarContainer:"ByxQa"};var L=i.T.encloseNamespace("reportsShare.sharedToAvatarList");function F(e){var t=l.m.countBy(e,"typeId"),n=t[A.E.User],a=t[A.E.Classroom],r=t[A.E.ClassroomGroup];return n&&a&&r?L("classroomsGroupsAndUsers",{userCount:n,classroomCount:a,groupCount:r}):n&&a?L("classroomsAndUsers",{userCount:n,classroomCount:a}):n&&r?L("groupsAndUsers",{userCount:n,groupCount:r}):a&&r?L("classroomsAndGroups",{classroomCount:a,groupCount:r}):n?L("users",{userCount:n}):a?L("classrooms",{classroomCount:a}):r?L("groups",{groupCount:r}):void 0}function D(e){var t,n,r,i,c,l=(null===(t=e.item)||void 0===t?void 0:t.typeId)===A.E.User&&e.item,o=(null===(n=e.item)||void 0===n?void 0:n.typeId)===A.E.Classroom&&e.item,s=(null===(r=e.item)||void 0===r?void 0:r.typeId)===A.E.ClassroomGroup&&e.item,u="d-flex justify-content-center align-items-center text-white rounded-circle h-100 w-100";return a.createElement("div",{className:"".concat(H.avatarContainer," position-relative d-inline-block")},a.createElement("div",{className:"".concat(H.avatarWrapper," position-absolute w-100 h-100 bg-white rounded-circle"),style:{left:"".concat(-15*e.index,"%"),zIndex:e.maxAvatars-e.index}},!!l&&a.createElement(g.u,{title:"".concat(l.name," ").concat(l.surname),spanHack:!0,spanHackClassName:"h-100 w-100"},a.createElement(x.q,{imageUrl:null===(i=l.avatar)||void 0===i?void 0:i.url,imageCdnUrl:e.imageCdnUrl,initials:O.l.getInitials(l.name,l.surname)})),!!o&&a.createElement(g.u,{title:o.name,spanHack:!0,spanHackClassName:"h-100 w-100"},a.createElement("div",{className:u},a.createElement(j.f,{svgName:b.vn.Classrooms,svgSize:h.S.Large,variant:"teal"}))),!!s&&a.createElement(g.u,{title:s.name,spanHack:!0,spanHackClassName:"h-100 w-100"},a.createElement("div",{className:u},a.createElement(j.f,{svgName:b.vn.Group,variant:(0,M.I)(null===(c=s.metadata)||void 0===c?void 0:c.colour)})))))}function U(){return a.createElement("div",{className:H.avatarContainer},a.createElement(g.u,{title:L("anonymous"),spanHack:!0,spanHackClassName:"bg-light text-dark d-flex justify-content-center align-items-center rounded-circle h-100 w-100"},a.createElement(h.x,{svgName:b.vn.Anonymous})))}function _(){return a.createElement("div",{className:H.avatarContainer},a.createElement(g.u,{title:L("sharedLink"),spanHack:!0,spanHackClassName:"bg-light text-dark d-flex justify-content-center align-items-center rounded-circle h-100 w-100"},a.createElement(h.x,{svgName:b.vn.Link})))}function R(e){return a.createElement("div",null,a.createElement(T.e,Object.assign({},e,{items:e.recipients,avatarItem:D,avatarContainerClassname:H.avatarContainer,getHiddenTooltip:F})))}R.defaultProps={maxAvatars:5};var B=n(31754),P=n(64249),V=n(83657),W=n(36848),Z=n(83345),z=n(31908);function Y(e){return Y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Y(e)}var $="share.sharedByMeTable",G=i.T.encloseNamespace($);function J(e){var t;if(e.type===E.y.ShareLink||!(null===(t=null==e?void 0:e.recipients)||void 0===t?void 0:t.length))return e.dateCreated;var n=e.recipients.map((function(e){return e.dateShared}));return n.sort((function(e,t){return f.O.isSame(e,t)?0:f.O.isAfter(e,t)?1:-2})),n.length?l.m.last(n):""}function X(e,t,n,r,i,c,l,o){var s=o&&(o.xs||o.sm),u=[{Header:c?"":t,accessor:"sharedObject",id:"image",Cell:function(e){var t=e.value;return a.createElement("div",{className:"w-100"},a.createElement(I.k,{object:t,appLink:n(t),showVideoMetadata:!0,locationContext:v.LZ.SharedByMe}))},minWidth:140,maxWidth:30},{accessor:"sharedObject",id:"name",Cell:function(e){var t,r=e.value;return r.name?z.M.isVideoType(r)&&!(null===(t=z.M.getCanBeConsumed(r))||void 0===t?void 0:t.canNavigate)?a.createElement("span",{className:"clamp-2"},r.name):a.createElement(W.F,{appLink:n(r),className:"clamp-2",analyticsData:{id:r.id,name:r.name},analyticsOptions:{entity:P.I.getAnalyticsEntity(r.type),actionType:v.Vw.Click,location:v.LZ.SharedByMe}},r.name):a.createElement("span",null,a.createElement(Z.x,{namespace:$,phrase:"videoUnavailable"}))},width:60},{Header:0===e?G("sharedTo"):"",accessor:"shareRecipients",Cell:function(e){var t=e.value;return t?t.length?a.createElement(R,{recipients:t,imageCdnUrl:i,maxAvatars:s?1:2}):a.createElement(U,null):a.createElement(_,null)},width:40},!s&&{Header:0===e?G("shared"):"",id:"dateShared",accessor:function(e){return(0,p.WU)(e.dateShared)},width:40},{accessor:"sharedObject",id:"actions",Cell:function(e){var t=e.value;return a.createElement(V.e,{actions:r(t),className:"w-100 justify-content-end pe-2"})},width:20}],m={Header:t,accessor:"share",id:"status",Cell:function(e){var t=e.value;return a.createElement(w,{share:t})},width:5},d={Header:G("views"),accessor:"viewCount",width:30};return c&&u.splice(0,0,m),l&&u.splice(u.length-1,0,d),u.filter(Boolean)}var q=a.memo((function(e){var t,n,r,i,c,l=(t=e.sentShares,n=e.sharedObjects,r=e.shareRecipients,i=!!e.groupByDateShared,c=!!e.refreshTable,a.useMemo((function(){var e,a,c,l=[];return t.forEach((function(e){var t,a,i=n.find((function(t){return t.id===e.objectId})),c=null;e.type===E.y.DirectShare&&(c=[],null===(t=e.recipients)||void 0===t||t.forEach((function(e){var t=r.find((function(t){return t.id===e.id}));t&&c.push(t)}))),i&&l.push({share:e,sharedObject:i,shareRecipients:c,dateShared:J(e),viewCount:null!==(a=e.viewCount)&&void 0!==a?a:0})})),i?B.x.groupByDateShared(l):(e={},a=G("title"),c=l,(a=function(e){var t=function(e,t){if("object"!=Y(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,"string");if("object"!=Y(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==Y(t)?t:t+""}(a))in e?Object.defineProperty(e,a,{value:c,enumerable:!0,configurable:!0,writable:!0}):e[a]=c,e)}),[c]));return a.createElement(a.Fragment,null,Object.keys(l).map((function(t,n){return a.createElement(d.i,{key:n,columns:X(n,t,e.getObjectAppLink,e.getObjectActions,e.imageCdnUrl,e.showStatus,e.showViewCount,e.breakpoints),data:l[t],theme:m.J})})))})),Q=n(30439),K=n(71020),ee=n(39151),te=n(31949),ne=n(39902),ae=n(79967),re=n(60115),ie=n(79612),ce=n(99742),le=n(14070),oe=n(97291),se=n(2523);const ue={imageColumn:"uIOaA",nameColumn:"Nta2B",sharedToColumn:"XTJBC",dateSharedColumn:"HdARK",actionsColumn:"DXyZw",heading:"XZ6o7",image:"MolfU",name:"MM43m",avatar:"EboYM",date:"by_XM",actions:"_S2M_"};function me(){return a.createElement("div",{className:"d-flex striped-row rounded"},a.createElement("div",{className:"d-flex align-items-center justify-content-center p-2 ".concat(ue.imageColumn)},a.createElement("div",{className:"partial-loading-background rounded w-100 ".concat(ue.image)})),a.createElement("div",{className:"d-flex align-items-center p-2 ".concat(ue.nameColumn)},a.createElement("div",{className:"partial-loading-background w-75 ".concat(ue.name)})),a.createElement("div",{className:"d-flex align-items-center p-2 ".concat(ue.sharedToColumn)},a.createElement("div",{className:"partial-loading-background ".concat(ue.avatar)})),a.createElement("div",{className:"d-none d-md-flex align-items-center p-2 ".concat(ue.dateSharedColumn)},a.createElement("div",{className:"partial-loading-background ".concat(ue.date)})),a.createElement("div",{className:"d-flex align-items-center justify-content-end p-2 ".concat(ue.actionsColumn)},a.createElement("div",{className:"partial-loading-background rounded me-2 ".concat(ue.actions)})))}function de(e){return a.createElement("div",{className:"d-flex mb-1"},a.createElement("div",{className:"".concat(ue.imageColumn," p-2")},a.createElement("div",{className:"partial-loading-background ".concat(ue.heading)})),a.createElement("div",{className:"".concat(ue.nameColumn," p-2")}," "),a.createElement("div",{className:"".concat(ue.sharedToColumn," p-2")},e.fullHeader?a.createElement("div",{className:"partial-loading-background ".concat(ue.heading)}):a.createElement(a.Fragment,null," ")),a.createElement("div",{className:"".concat(ue.dateSharedColumn," p-2 d-none d-md-flex")},e.fullHeader?a.createElement("div",{className:"partial-loading-background ".concat(ue.heading)}):a.createElement(a.Fragment,null," ")),a.createElement("div",{className:"".concat(ue.actionsColumn," p-2")}," "))}function pe(){return a.createElement(a.Fragment,null,a.createElement("div",{className:"mb-3"},a.createElement(de,{fullHeader:!0}),a.createElement("div",{className:"striped-list no-full-width"},a.createElement(me,null),a.createElement(me,null),a.createElement(me,null))),a.createElement("div",{className:"mb-3"},a.createElement(de,null),a.createElement("div",{className:"striped-list no-full-width"},a.createElement(me,null),a.createElement(me,null),a.createElement(me,null),a.createElement(me,null))),a.createElement("div",{className:"mb-3"},a.createElement(de,null),a.createElement("div",{className:"striped-list no-full-width"},a.createElement(me,null),a.createElement(me,null),a.createElement(me,null),a.createElement(me,null),a.createElement(me,null),a.createElement(me,null),a.createElement(me,null),a.createElement(me,null),a.createElement(me,null),a.createElement(me,null))))}var fe=n(28400),ve=n(70227),he=n(82431);function ge(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,c,l=[],o=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);o=!0);}catch(e){s=!0,r=e}finally{try{if(!o&&null!=n.return&&(c=n.return(),Object(c)!==c))return}finally{if(s)throw r}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return ye(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?ye(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ye(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var Ee=i.T.encloseNamespace("liteShare.sharedByMe");function be(e){return e.items?Object.values(e.items):[]}function Ce(e){return z.M.isInteractive(e)?{application:oe.O.INTERACTIVES,action:le.e.Interactives.VIEW_INTERACTIVE,args:[e.id,fe.m.slugify(e.name)]}:z.M.isClip(e)?{application:oe.O.CLIPS,action:le.e.Clips.PLAY_CLIP,args:[e.id,fe.m.slugify(e.name)]}:z.M.isVideo(e)?{application:oe.O.VIDEOS,action:le.e.Videos.PLAY_VIDEO,args:[e.id,fe.m.slugify(e.name)]}:e.typeId===A.E.Playlist?{application:oe.O.PLAYLISTS,action:le.e.Playlists.PLAYLIST,args:[e.id,fe.m.slugify(e.name)]}:e.typeId===A.E.Series?he.j.getSeriesAppLink(e):void 0}function Se(e,t){return{label:Ee("editShareSettings"),appLink:{application:oe.O.DEFAULT,action:le.e.Default.SHARE,args:[e.id],params:{entityType:t}}}}function ke(e){return a.createElement(g.u,{title:e.label,spanHack:!0},a.createElement("a",{href:e.url,target:"_blank"},a.createElement(h.x,{svgName:b.vn.Chart})))}var Ne=i.T.encloseNamespace("liteShare.sharedByMe");function we(){var e,t=(0,r.I0)(),n=(0,ae.k)(),i=c.a.useBasicFetch(te.N.currentUser()),o=function(e){return Q.o.sentShare({cursor:e})},s=function(e){return c.a.getFetch(t)(o(e))},m=(0,re.K)(o,s),d=m.items,p=m.hasMore,f=m.isFetching,v=m.nextCursor,h=l.m.uniq(null!==(e=null==d?void 0:d.map((function(e){return e.objectId})))&&void 0!==e?e:[]),g=(0,ne.f)(h,(function(e){return Q.o.sharedObjectsById(e)})),y=function(e){return l.m.uniq(l.m.flatten(function(e){var t;return null!==(t=null==e?void 0:e.filter((function(e){return e.type===E.y.DirectShare})))&&void 0!==t?t:[]}(e).map((function(e){var t;return null!==(t=e.recipients)&&void 0!==t?t:[]}))),"id").map((function(e){return e.id}))}(d),b=(0,ne.f)(y,(function(e){return Q.o.getRecipientsById(e,i.data.customerId)})),C=c.a.useBasicFetch(ee.L.config());(0,ie.M)({title:Ne("sharedByMe")});var S=function(e){var t=c.a.useBasicFetch(ee.L.config()),n=e.xs||e.sm;return a.useCallback((function(e){return function(e,t,n){var r,i="viewUsage";if(z.M.isVideo(e)&&(r="video"),z.M.isInteractive(e)&&(r="interactive",i="viewResults"),z.M.isClip(e)&&(r="clip"),e.typeId===A.E.Series&&(r="series"),e.typeId===A.E.Playlist&&(r="playlist"),z.M.isVideoType(e)&&!z.M.getCanBeConsumed(e).canConsume)return[];var c=[Se(e,r)],l=ve.c.getObjectUrl(t,e);return l&&c.push({label:n?Ee(i):function(){return a.createElement(ke,{label:Ee(i),url:l})},className:"btn btn-link",button:!n,href:l,openInNewTab:!0}),c}(e,t.data,n)}),[n])}(n),k=function(e,t,n,r,i){var c=ge(a.useState(t),2),l=c[0],o=c[1],s=ge(a.useState(r),2),u=s[0],m=s[1];return a.useEffect((function(){t&&o(!0)}),[t]),a.useEffect((function(){r&&m(!0)}),[r]),!(e&&!e.length)&&(!e||!l||n.length&&!u||!i.data)}(d,!!g.items,y,!!b.items,C),N=f||g.isFetching||b.isFetching,w=a.useMemo((function(){return d}),[!!d,N]),I=a.useMemo((function(){return be(g)}),[!!g.items,N]),x=a.useMemo((function(){return be(b)}),[!!b.items,N]);return a.createElement("div",{className:"px-3"},a.createElement(se.w,null),k?a.createElement(pe,null):d.length?a.createElement(a.Fragment,null,a.createElement(q,{sentShares:w,sharedObjects:I,shareRecipients:x,getObjectAppLink:Ce,getObjectActions:S,imageCdnUrl:C.data.imageCdnUrl,groupByDateShared:!0,refreshTable:N,breakpoints:n}),(p||N)&&a.createElement(K._,{isFetching:N,fetchNext:s,nextCursor:v})):a.createElement(u,{appLink:{application:oe.O.DASHBOARD,action:le.e.Dashboard.HOME},imageUrl:ce.W.EmptyStates.Share.SHARED_WITH_ME}))}},87432:(e,t,n)=>{n.d(t,{Z:()=>a});const a={pillTabSelector:"Hdi6o",tab:"RvNxr",minWidth:"GHSz9",radiusSmall:"VhJJa",tabLink:"WFyvo"}},82602:(e,t,n)=>{n.d(t,{WU:()=>s});var a=["second","minute","hour","day","week","month","year"],r=["秒","分钟","小时","天","周","个月","年"],i={},c=function(e,t){i[e]=t},l=[60,60,24,7,365/7/12,12];function o(e){return e instanceof Date?e:!isNaN(e)||/^\d+$/.test(e)?new Date(parseInt(e)):(e=(e||"").trim().replace(/\.\d+/,"").replace(/-/,"/").replace(/-/,"/").replace(/(\d)T(\d)/,"$1 $2").replace(/Z/," UTC").replace(/([+-]\d\d):?(\d\d)/," $1$2"),new Date(e))}var s=function(e,t,n){var a=function(e,t){return(+(t?o(t):new Date)-+o(e))/1e3}(e,n&&n.relativeDate);return function(e,t){for(var n=e<0?1:0,a=e=Math.abs(e),r=0;e>=l[r]&&r<l.length;r++)e/=l[r];return(e=Math.floor(e))>(0==(r*=2)?9:1)&&(r+=1),t(e,r,a)[n].replace("%s",e.toString())}(a,function(e){return i[e]||i.en_US}(t))};c("en_US",(function(e,t){if(0===t)return["just now","right now"];var n=a[Math.floor(t/2)];return e>1&&(n+="s"),[e+" "+n+" ago","in "+e+" "+n]})),c("zh_CN",(function(e,t){if(0===t)return["刚刚","片刻后"];var n=r[~~(t/2)];return[e+" "+n+"前",e+" "+n+"后"]}))}}]);
-//# sourceMappingURL=3403-12c460d3f6-lite.chunk.js.map
+//# sourceMappingURL=3403-d42b7125ae-lite.chunk.js.map