@clickview/reports 0.71.1-dev.0 → 0.72.0-rc.0

package/dist/scripts/H13OLF2T.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"H13OLF2T.chunk.js","sources":["../../../../libs/shared/src/interfaces/models/Dashboard.ts","../../../../libs/shared/src/enums/VideoSource.ts","../../../../libs/shared/src/images/svg/objects/TrendingSvg.tsx","../../../../libs/shared/src/images/svg/status/CloseCaptionBadgeSvg.tsx","../../../../libs/shared/src/enums/MasterObjectTypes.ts","../../../../libs/shared/src/enums/ResourceFileType.ts","../../../../libs/shared/src/images/svg/objects/FileExcelSvg.tsx","../../../../libs/shared/src/images/svg/objects/FilePdfSvg.tsx","../../../../libs/shared/src/images/svg/objects/FilePptSvg.tsx","../../../../libs/shared/src/images/svg/objects/FileSvg.tsx","../../../../libs/shared/src/images/svg/objects/FileWordSvg.tsx","../../../../libs/shared/src/images/svg/objects/FileZipSvg.tsx","../../../../libs/shared/src/utils/VideoDetailsHelper.ts","../../../../libs/shared/src/components/badges/Badge.tsx"],"sourcesContent":["import { HashObject } from 'libs/common/react/interfaces';\n\nimport { ContentRegion } from 'libs/shared/enums/ContentRegion';\nimport { CustomerType } from 'libs/shared/enums/CustomerType';\nimport { LibraryType } from 'libs/shared/enums/LibraryType';\nimport { BaseObject, BasePaginatedCollection, CuratedWidget, CuratedWidgetContent, CuratedWidgetData } from 'libs/shared/interfaces';\n\nexport enum DashboardLearningLevel {\n  Any = 'Any',\n  Level_1 = 'Level_1',\n  Level_2 = 'Level_2',\n  Level_3 = 'Level_3',\n  Level_4 = 'Level_4',\n}\n\nexport enum DashboardUserType {\n Any = 'Any',\n Staff = 'Staff',\n Learner = 'Learner',\n}\n\nexport enum DashboardStatus {\n Draft = 'Draft',\n Published = 'Published',\n Archived = 'Archived',\n}\n\nexport interface Dashboard extends BaseObject {\n  libraryType: LibraryType;\n  customerType: CustomerType;\n  userRole: number;\n}\n\nexport interface CuratedDashboard<\n  TWidgetData extends CuratedWidgetData = CuratedWidgetData,\n  TWidgetContent extends CuratedWidgetContent = CuratedWidgetContent\n> extends BaseObject {\n  contentRegion: ContentRegion;\n  description: string;\n  learningLevel: DashboardLearningLevel;\n  userType: DashboardUserType;\n  status: DashboardStatus;\n  target: string;\n  widgets: CuratedWidget<TWidgetData, TWidgetContent>[];\n  metadata: HashObject;\n  datePublished: string;\n}\n\nexport interface CuratedDashboardCollection<\n  TWidgetData extends CuratedWidgetData = CuratedWidgetData,\n  TWidgetContent extends CuratedWidgetContent = CuratedWidgetContent\n> extends BasePaginatedCollection<CuratedDashboard<TWidgetData, TWidgetContent>>{}\n\n/**\n * Dashboard identification below\n */\nexport enum DashboardTargetType {\n  Discover = 'discover',\n  Classification = 'classification',\n  ClassificationDirectory = 'classification-directory',\n  ClassificationCurriculum = 'classification-curriculum',\n  MoviesAndTv = 'movies-and-tv',\n  Company = 'company',\n  Search = 'search'\n}\n\ninterface DiscoverDashboardInfo {\n  targetType: DashboardTargetType.Discover;\n  presentationId: string;\n}\n\nexport interface ClassificationDashboardInfo {\n  targetType: DashboardTargetType.Classification;\n  classificationId: string;\n}\n\nexport interface ClassificationDirectoryInfo {\n  targetType: DashboardTargetType.ClassificationDirectory;\n  classificationId: string;\n}\n\nexport interface ClassificationCurriculumInfo {\n  targetType: DashboardTargetType.ClassificationCurriculum;\n  classificationId: string;\n}\n\ninterface MoviesAndTvDashboardInfo {\n  targetType: DashboardTargetType.MoviesAndTv;\n  presentationId: string;\n}\n\nexport interface CompanyDashboardInfo {\n  targetType: DashboardTargetType.Company;\n  companyId: string;\n  presentationId: string;\n}\n\nexport type DashboardTargetInfo = DiscoverDashboardInfo |\n  ClassificationDashboardInfo |\n  ClassificationDirectoryInfo |\n  ClassificationCurriculumInfo |\n  MoviesAndTvDashboardInfo |\n  CompanyDashboardInfo;\n\nexport interface UnknownDashboardTargetInfo {\n  targetType: DashboardTargetType;\n  presentationId: string;\n  classificationId: string;\n  companyId: string;\n}","export enum VideoSource {\n  Exchange = 'exchange',\n  Streamable = 'streamable',\n  MoviesAndTv = 'movies_and_tv',\n  Twig = 'twig'\n}","import React from 'react';\n\nexport function TrendingSvg(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg {...props}>\n      <path\n        fill='currentColor'\n        fillRule='evenodd'\n        d='M15.333 7.333a.667.667 0 1 0 0 1.334h2.39L13 13.39l-2.862-2.862a.667.667 0 0 0-.943 0l-5 5a.667.667 0 1 0 .943.942l4.529-4.528 2.862 2.862c.26.26.682.26.942 0l5.196-5.196V12A.667.667 0 0 0 20 12V8a.667.667 0 0 0-.667-.666z'\n        clipRule='evenodd'\n      />\n    </svg>\n  );\n}\n","import React from 'react';\n\nexport function CloseCaptionBadgeSvg(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg {...props}>\n      <path\n        d='M7.5 5A2.5 2.5 0 0 0 5 7.5v9A2.5 2.5 0 0 0 7.5 19h9a2.5 2.5 0 0 0 2.5-2.5v-9A2.5 2.5 0 0 0 16.5 5zm0-1h9A3.5 3.5 0 0 1 20 7.5v9a3.5 3.5 0 0 1-3.5 3.5h-9A3.5 3.5 0 0 1 4 16.5v-9A3.5 3.5 0 0 1 7.5 4M11 9a.5.5 0 1 1 0 1H9.5A1.5 1.5 0 0 0 8 11.5v1A1.5 1.5 0 0 0 9.5 14H11a.5.5 0 1 1 0 1H9.5A2.5 2.5 0 0 1 7 12.5v-1A2.5 2.5 0 0 1 9.5 9zm5 0a.5.5 0 1 1 0 1h-1.5a1.5 1.5 0 0 0-1.5 1.5v1a1.5 1.5 0 0 0 1.5 1.5H16a.5.5 0 1 1 0 1h-1.5a2.5 2.5 0 0 1-2.5-2.5v-1A2.5 2.5 0 0 1 14.5 9z'\n        fill='currentColor'\n      />\n    </svg>\n  );\n}\n","export enum MasterObjectTypes {\n  Folder = 'category',\n  CategoryTree = 'category_tree',\n  CustomLibrary = 'custom_library',\n  HostedLibrary = 'hosted_library',\n  Exchange = 'exchange',\n  Workspace = 'workspace',\n  Video = 'video',\n  Clip = 'clip',\n  Interactive = 'interactive'\n}","// File types match metadata for a resource FileApi\nexport enum ResourceFileType {\n  Pdf = 'pdf',\n  Image = 'image',\n  PowerPoint = 'powerpoint',\n  Document = 'document',\n  Excel = 'excel',\n  Zip = 'archive',\n  File = 'text'\n}\n","import React from 'react';\n\nexport function FileExcelSvg(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg {...props}>\n      <path\n        d='M6 4h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1m0 1v14h12V5zm5.09 7-2.3-3.4h1.82l1.4 2.28 1.45-2.28h1.72l-2.29 3.41 2.49 3.73h-1.87l-1.56-2.47-1.59 2.47H8.6z'\n        fill='currentColor'\n      />\n    </svg>\n  );\n}\n","import React from 'react';\n\nexport function FilePdfSvg(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg {...props}>\n      <path\n        d='M9.833 15.006c-.328.765-.657 1.316-.997 1.619-.35.312-.762.394-1.138.15a1.4 1.4 0 0 1-.358-.322c-.298-.402-.194-.843.165-1.2.228-.227.563-.433.983-.63.226-.106.466-.204.706-.292q.213-.539.43-1.205a42 42 0 0 0 .866-3.123c-.435-.563-.75-1.057-.924-1.473-.28-.67-.211-1.242.372-1.494.56-.24 1.047-.086 1.307.391.17.312.234.736.231 1.26a8 8 0 0 1-.086 1.088q.238.293.513.606a31 31 0 0 0 1.73 1.81 14 14 0 0 0 .863.761q.697-.106 1.213-.105c.947.002 1.554.319 1.415 1.079-.107.585-.514.888-1.06.834-.365-.036-.781-.224-1.259-.532a9 9 0 0 1-.538-.38 21 21 0 0 0-.944.191q-.586.131-1.22.3a45 45 0 0 0-2.27.667M6 4h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1m0 1v14h12V5zm4.43 8.39q-.104.315-.207.606l.055-.016a46 46 0 0 1 1.608-.459 34 34 0 0 1 1.538-.37 16 16 0 0 1-.378-.35 32 32 0 0 1-1.882-1.98l-.083.32a39 39 0 0 1-.652 2.248zm-2.157 2.603q.18-.162.382-.51a2.4 2.4 0 0 0-.553.37c-.092.092-.09.086-.083.096a.5.5 0 0 0 .138.116c.017.01.025.01.116-.072m7.434-2.3q-.07 0-.146.002c.242.132.443.209.585.223.11.011.118.005.146-.145.005-.027-.095-.079-.585-.08m-5.36-5.49q.098.235.283.53v-.05c.003-.393-.044-.696-.128-.85-.046-.086-.063-.091-.23-.02-.04.018-.05.092.075.39'\n        fill='currentColor'\n      />\n    </svg>\n  );\n}\n","import React from 'react';\n\nexport function FilePptSvg(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg {...props}>\n      <path\n        d='M6 4h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1m0 1v14h12V5zm5.07 6.96h1.22q.27 0 .52-.04a1.2 1.2 0 0 0 .44-.155.84.84 0 0 0 .305-.325q.115-.21.115-.55t-.115-.55a.84.84 0 0 0-.305-.325 1.2 1.2 0 0 0-.44-.155 3 3 0 0 0-.52-.04h-1.22zM9.5 8.6h3.22q.67 0 1.14.195t.765.515.43.73a2.7 2.7 0 0 1 0 1.695q-.135.415-.43.735a2.1 2.1 0 0 1-.765.515q-.47.195-1.14.195h-1.65v2.56H9.5z'\n        fill='currentColor'\n      />\n    </svg>\n  );\n}\n","import React from 'react';\n\nexport function FileSvg(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg {...props}>\n      <path\n        d='M6 4h7l6 5v10a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1m6.586 1H6v14h12V9.414zM13 10h3.5a.5.5 0 1 1 0 1h-4a.5.5 0 0 1-.5-.5v-4a.5.5 0 1 1 1 0z'\n        fill='currentColor'\n      />\n    </svg>\n  );\n}\n","import React from 'react';\n\nexport function FileWordSvg(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg {...props}>\n      <path\n        d='M6 4h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1m0 1v14h12V5zm8.77 10.74h-1.56L12 10.88h-.02l-1.19 4.86H9.2L7.31 8.6h1.57l1.13 4.86h.02l1.24-4.86h1.47l1.22 4.92h.02l1.17-4.92h1.54z'\n        fill='currentColor'\n      />\n    </svg>\n  );\n}\n","import React from 'react';\n\nexport function FileZipSvg(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg {...props}>\n      <path\n        d='M6 4h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1m0 1v14h12V5zm5 0h1v1h-1zm1 1h1v1h-1zm-1 1h1v1h-1zm1 1h1v1h-1zm-1 1h1v1h-1zm1 1h1v1h-1zm-1 1h1v1h-1zm1 1h1v1h-1zm-1 1h1v1h-1zm1 1h1v1h-1zm-1 1h1v1h-1zm1 1h1v1h-1zm-1 1h1v1h-1zm1 1h1v1h-1z'\n        fill='currentColor'\n      />\n    </svg>\n  );\n}\n","import { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { MasterObjectTypes } from 'libs/shared/enums/MasterObjectTypes';\nimport { ResourceFileType } from 'libs/shared/enums/ResourceFileType';\nimport { Library, Video } from 'libs/shared/interfaces';\n\nimport { FileExcelSvg } from '../images/svg/objects/FileExcelSvg';\nimport { FileImgSvg } from '../images/svg/objects/FileImgSvg';\nimport { FilePdfSvg } from '../images/svg/objects/FilePdfSvg';\nimport { FilePptSvg } from '../images/svg/objects/FilePptSvg';\nimport { FileSvg } from '../images/svg/objects/FileSvg';\nimport { FileWordSvg } from '../images/svg/objects/FileWordSvg';\nimport { FileZipSvg } from '../images/svg/objects/FileZipSvg';\nimport { FolderSvg } from '../images/svg/objects/FolderSvg';\n\n\nconst lang = 'shared.shared-utils';\n\nexport const VideoDetailsHelper = {\n  mapRatingToClass(ratingValue: number): string {\n    if (!ratingValue) return '';\n\n    const ratings = (rating: number): string => {\n      switch (true) {\n        case (rating < 32):\n          return 'bg-purple';\n        case (rating < 48):\n          return 'bg-green';\n        case (rating < 80):\n          return 'bg-blue';\n        case (rating < 96):\n          return 'bg-red';\n        case (rating < 128):\n          return 'bg-pink';\n        case (rating >= 128):\n          return 'bg-yellow';\n        default:\n          return ''; // Handles unrated\n      }\n    };\n\n    return ratings(ratingValue);\n  },\n\n  mapSourceToDisplayName(library: Library, hasLite?: boolean): string {\n    switch (library.type) {\n      case MasterObjectTypes.HostedLibrary:\n      case MasterObjectTypes.CustomLibrary:\n        return library.name;\n      case MasterObjectTypes.Exchange:\n        return LanguageService.getPhrase(lang, 'exchange');\n      case MasterObjectTypes.Workspace:\n        return LanguageService.getPhrase(lang, hasLite ? 'myVideos' : 'workspace');\n      default:\n        return '';\n    }\n  },\n\n  mapSourceToClass(sourceType: MasterObjectTypes | 'online_supplementary_library'): string {\n    switch (sourceType) {\n      case MasterObjectTypes.HostedLibrary:\n      case MasterObjectTypes.CustomLibrary:\n        return 'bg-blue';\n      case MasterObjectTypes.Exchange:\n        return 'bg-green';\n      case MasterObjectTypes.Workspace:\n      default:\n        return 'bg-red';\n    }\n  },\n\n  isInteractive(video: Video): boolean {\n    return !!video?.interactives?.data?.length;\n  },\n\n  mapTypeToSvg(type: string): any {\n    const types: HashObject = {\n      [ResourceFileType.Pdf]: FilePdfSvg,\n      [ResourceFileType.Image]: FileImgSvg,\n      [ResourceFileType.PowerPoint]: FilePptSvg,\n      [ResourceFileType.Document]: FileWordSvg,\n      [ResourceFileType.Excel]: FileExcelSvg,\n      [ResourceFileType.Zip]: FileZipSvg,\n      [ResourceFileType.File]: FileSvg\n    };\n\n    let mappedType = types[type];\n\n    if (!mappedType)\n      mappedType = FolderSvg;\n\n    return mappedType;\n  },\n\n  mapTypeToClass(type: string): any {\n    switch (type) {\n      case ResourceFileType.Pdf:\n        return 'icon-red';\n\n      case ResourceFileType.Image:\n        return 'icon-purple';\n\n      case ResourceFileType.Document:\n        return 'icon-blue';\n\n      case ResourceFileType.Excel:\n        return 'icon-green';\n\n      case ResourceFileType.PowerPoint:\n        return 'icon-orange';\n\n      case ResourceFileType.Zip:\n        return 'icon-teal';\n\n      case ResourceFileType.File:\n        return 'icon-gray';\n\n      default:\n        return '';\n    }\n  },\n\n  mapTypeToExtension(type: string): string {\n    if (!type) return '';\n\n    const extensions: HashObject = {\n      pdf: 'pdf',\n      image: 'png',\n      powerpoint: 'pptx'\n    };\n\n    return extensions[type.toLowerCase()];\n  },\n\n  mapTypeToName(type: string): string {\n    if (!type) return '';\n\n    switch (type) {\n      case ResourceFileType.Pdf: return LanguageService.getPhrase(lang, 'pdf');\n      case ResourceFileType.Image: return LanguageService.getPhrase(lang, 'image');\n      case ResourceFileType.Document: return LanguageService.getPhrase(lang, 'document');\n      case ResourceFileType.Excel: return LanguageService.getPhrase(lang, 'spreadsheet');\n      case ResourceFileType.PowerPoint: return LanguageService.getPhrase(lang, 'presentation');\n      case ResourceFileType.Zip: return LanguageService.getPhrase(lang, 'zipArchive');\n      case ResourceFileType.File: return LanguageService.getPhrase(lang, 'file');\n\n      default:\n        return '';\n    }\n  }\n};\n","import * as React from 'react';\nimport { Placement } from 'react-bootstrap/esm/types';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { classNames } from 'libs/common/react/utils/ClassNameHelper';\n\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { CurationStatus } from 'libs/shared/enums/CurationStatus';\nimport { VideoSource } from 'libs/shared/enums/VideoSource';\nimport { TrendingSvg } from 'libs/shared/images/svg/objects/TrendingSvg';\nimport { CloseCaptionBadgeSvg } from 'libs/shared/images/svg/status/CloseCaptionBadgeSvg';\nimport { DashboardStatus, Rating } from 'libs/shared/interfaces';\nimport { DurationHelper } from 'libs/shared/utils/DurationHelper';\nimport { RestrictionHelper } from 'libs/shared/utils/RestrictionHelper';\nimport { VideoDetailsHelper } from 'libs/shared/utils/VideoDetailsHelper';\n\nimport styles from './badge.module.scss';\n\nconst namespace = 'shared.badges';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport enum BadgeType {\n  DurationExact = 'duration-exact',\n  DurationApproximate = 'duration-approximate',\n  Interactive = 'interactive',\n  Rating = 'rating',\n  ProductionYear = 'production-year',\n  Captions = 'captions',\n  Status = 'status',\n  Trending = 'trending',\n  Count = 'count',\n  Restriction = 'restriction',\n  Source = 'source'\n}\n\ntype BadgeSize = 'xs' | 'sm' | 'std' | 'lg';\n\ninterface BadgeProps {\n  type: BadgeType;\n  data: any;\n  inline?: boolean;\n  className?: string;\n  /**\n   * Only Trending badge supports this attribute atm\n   */\n  size?: BadgeSize;\n}\n\ninterface TooltipOptions {\n  placement: Placement;\n  title: string;\n}\n\nconst badgeSvgContainerSizeMap: {[key in BadgeSize]: SvgContainerSize} = {\n  xs: SvgContainerSize.ExtraSmall,\n  sm: SvgContainerSize.Small,\n  std: SvgContainerSize.Standard,\n  lg: SvgContainerSize.Large\n};\n\nconst badgeSizeClassNameMap: {[key in BadgeSize]: string} = {\n  xs: 'badge-xs',\n  sm: 'badge-sm',\n  std: 'badge-std',\n  lg: 'badge-lg'\n};\n\nfunction getStatusClassName(status: CurationStatus | DashboardStatus): string {\n  switch (status) {\n    case CurationStatus.Published:\n    case DashboardStatus.Published:\n      return 'bg-success';\n\n    case CurationStatus.Archived:\n    case CurationStatus.Rejected:\n    case DashboardStatus.Archived:\n      return 'bg-danger';\n\n    case CurationStatus.Draft:\n    case DashboardStatus.Draft:\n      return 'draft-badge px-2 rounded-pill text-nowrap d-flex align-items-center';\n\n    case CurationStatus.Pending:\n    case CurationStatus.Processing:\n      return 'bg-warning';\n  }\n}\n\nfunction getSourceClassName(sources: VideoSource[]): string {\n  if (sources.includes(VideoSource.Streamable))\n    return `px-1 text-nowrap d-flex align-items-center ${styles.streamable}`;\n\n  if (sources.includes(VideoSource.MoviesAndTv))\n    return 'bg-indigo text-white px-1 text-nowrap d-flex align-items-center';\n\n  if (sources.includes(VideoSource.Exchange))\n    return 'bg-orange text-white px-1 text-nowrap d-flex align-items-center';\n\n  if (sources.includes(VideoSource.Twig))\n    return `bg-pink text-white px-1 text-nowrap d-flex align-items-center`;\n\n  return '';\n}\n\nfunction getClassName(type: BadgeType, data: any, size: BadgeSize): string {\n  const baseClass = 'badge';\n  const sizeClass = badgeSizeClassNameMap[size];\n\n  let typeClass = '';\n\n  if (type === BadgeType.DurationApproximate)\n    typeClass = 'duration-badge-new px-2 rounded-pill text-nowrap d-flex align-items-center';\n\n  if (type === BadgeType.DurationExact)\n    typeClass = 'duration-badge';\n\n  if (type === BadgeType.Interactive)\n    typeClass = 'interactive-badge';\n\n  if (type === BadgeType.Rating)\n    typeClass = `rating-badge text-shadow ${VideoDetailsHelper.mapRatingToClass((data as Rating).value)}`;\n\n  if (type === BadgeType.ProductionYear)\n    typeClass = 'production-year-badge text-shadow';\n\n  if (type === BadgeType.Captions)\n    return 'p-0';\n\n  if (type === BadgeType.Status)\n    return `badge ${getStatusClassName(data)}`;\n\n  if (type === BadgeType.Trending)\n    return `trending-badge px-1 d-flex align-items-center ${sizeClass}`;\n\n  if (type === BadgeType.Count)\n    typeClass = 'count-badge px-1 rounded';\n\n  if (type === BadgeType.Restriction) {\n    const restrictionBgClass = RestrictionHelper.mapRestrictionToClass(data.restrictions);\n    return classNames('restriction-badge rounded-pill px-2 d-flex align-items-center', restrictionBgClass);\n  }\n  \n  if (type === BadgeType.Source)\n    typeClass = getSourceClassName(data);\n\n  return classNames(baseClass, typeClass);\n}\n\nfunction getBadgeContent(type: BadgeType, data: any, size: BadgeSize): string | JSX.Element {\n  if (type === BadgeType.Interactive)\n    return getPhrase('interactive');\n\n  if (type === BadgeType.DurationApproximate)\n    return DurationHelper.ToDisplayDurationNewStyle(data);\n\n  if (type === BadgeType.DurationExact)\n    return DurationHelper.ToDisplayDuration(data);\n\n  if (type === BadgeType.Rating)\n    return (data as Rating).code; // data expected to be a rating object\n\n  if (type === BadgeType.ProductionYear)\n    return data; // data should be the production year\n\n  if (type === BadgeType.Captions)\n    return <SvgContainer svg={CloseCaptionBadgeSvg} />;\n\n  if (type === BadgeType.Status) {\n    if (typeof(data) === 'number') {\n      return CurationStatus[data];\n    }\n    return data;\n  }\n\n  if (type === BadgeType.Trending)\n    return (\n      <>\n        <SvgContainer svg={TrendingSvg} size={badgeSvgContainerSizeMap[size]} />\n        <span className='ps-1'>{data}</span>\n      </>\n    );\n\n  if (type === BadgeType.Count)\n    return data;\n\n  if (type === BadgeType.Restriction)\n    return (\n      <>\n        <SvgContainer\n          svg={RestrictionHelper.mapRestrictionToSvg(data.restrictions)}\n        />\n        <span>\n          {RestrictionHelper.mapRestrictionToText(data.restrictions, data.yearGroups)}\n        </span>\n      </>\n    );\n\n  if (type === BadgeType.Source) {\n    const sources = data as VideoSource[];\n\n    if (sources.includes(VideoSource.Streamable))\n      return 'streamable';\n\n    if (sources.includes(VideoSource.MoviesAndTv))\n      return 'movies + tv';\n\n    if (sources.includes(VideoSource.Exchange))\n      return 'exchange';\n\n    if (sources.includes(VideoSource.Twig))\n      return 'twig';\n\n    return '-';\n  }\n}\n\nfunction getTooltip(type: BadgeType, data: any): TooltipOptions {\n  if (type === BadgeType.Rating)\n    return {\n      title: (data as Rating).name,\n      placement: 'top'\n    };\n\n  return null;\n}\n\nfunction hasData(type: BadgeType, data: any): boolean {\n  if (typeof(data) === 'boolean')\n    return !!data;\n\n  if (type === BadgeType.Rating)\n    return data && !!(data as Rating).value;\n\n  if (type === BadgeType.Interactive)\n    return !!data?.length || !!data?.data?.length;\n\n  if (type === BadgeType.Captions)\n    return !!data?.length || !!data?.data?.length;\n\n  if (type === BadgeType.Status)\n    return typeof(data) === 'number' || typeof(data) === 'string';\n\n  return !!data;\n}\n\nexport function Badge(props: BadgeProps): JSX.Element {\n  const { type, data, size = 'std' } = props;\n  \n  if (!hasData(type, data))\n    return <></>;\n\n  let className = getClassName(type, data, size);\n  className = `${className} ${props.inline ? 'd-inline-block' : 'd-flex justify-content-center'} ${props.className || ''}`;\n  const content = getBadgeContent(type, data, size);\n  const tooltip = getTooltip(type, data);\n  const spanHackClassName = props.inline && 'd-inline-block';\n\n  if (tooltip) {\n    return (\n      <div className='badge-wrapper d-inline'>\n        <Tooltip {...tooltip} spanHack spanHackClassName={spanHackClassName}>\n          <span className={className}>{content}</span>\n        </Tooltip>\n      </div>\n    );\n  }\n\n  return <span className={`${className} badge-wrapper`}>{content}</span>;\n}"],"names":["DashboardStatus","VideoSource","TrendingSvg","props","jsx","CloseCaptionBadgeSvg","MasterObjectTypes","ResourceFileType","FileExcelSvg","FilePdfSvg","FilePptSvg","FileSvg","FileWordSvg","FileZipSvg","lang","VideoDetailsHelper","ratingValue","rating","library","hasLite","LanguageService","sourceType","video","_b","_a","type","mappedType","FileImgSvg","FolderSvg","namespace","getPhrase","BadgeType","badgeSvgContainerSizeMap","SvgContainerSize","badgeSizeClassNameMap","getStatusClassName","status","CurationStatus","getSourceClassName","sources","styles","getClassName","data","size","baseClass","sizeClass","typeClass","restrictionBgClass","RestrictionHelper","classNames","getBadgeContent","DurationHelper","SvgContainer","jsxs","Fragment","getTooltip","hasData","Badge","className","content","tooltip","spanHackClassName","Tooltip"],"mappings":"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"}

package/dist/scripts/HdH1xgCy.chunk.js

@@ -1,2 +0,0 @@
-import{c as i,V as n}from"./app-BDrXtKwD.js";function r(){i(n.LEFT_NAV_STATE)}const e=["#FF9300","#38A2E8","#7A76E8","#B679C7","#F7847B","#D9584F","#FFCD52","#5DC786","#40BCC3","#40C2BB"];function a(o){return o.map((s,t)=>({...s,color:e[t%e.length]}))}export{a as m,r as u};
-//# sourceMappingURL=HdH1xgCy.chunk.js.map

package/dist/scripts/HdH1xgCy.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HdH1xgCy.chunk.js","sources":["../../src/shared/hooks/UseListenToNavState.ts","../../../../libs/shared/src/apps/analytics/utils/ChartColourUtils.ts"],"sourcesContent":["import { useViewModel } from 'libs/common/react/hooks/UseViewModel';\n\nimport { ViewModelKeys } from 'shared/constants/ReportsViewModels';\nimport { LeftNavState } from 'shared/enums/LeftNavState';\n\n/**\n * Any component that uses this hook will automatically re-render\n * when the left nav is toggled.\n * \n * This is useful for chart components which automatically re-render\n * on a window resize event but not when the content container is resized\n * (which occurs when the nav is toggled).\n */\nexport function useListenToNavState(): void {\n  useViewModel<LeftNavState>(ViewModelKeys.LEFT_NAV_STATE);\n}","const CHART_COLOURS = [\n  '#FF9300', // Pizazz\n  '#38A2E8', // Picton Blue\n  '#7A76E8', // Portage\n  '#B679C7', // East Side\n  '#F7847B', // Froly\n  '#D9584F', // Red (Not in the Primary palette)\n  '#FFCD52', // Yellow (Not in the Primary Palette)\n  '#5DC786', // Emerald\n  '#40BCC3', // Perolous\n  '#40C2BB'  // Puerto rico\n];\n\nexport function mixinSeriesColours<T>(data: T[]): T[] {\n  return data.map((d, idx) => ({\n    ...d,\n    color: CHART_COLOURS[idx % CHART_COLOURS.length]\n  }));\n}"],"names":["useListenToNavState","useViewModel","ViewModelKeys","CHART_COLOURS","mixinSeriesColours","data","d","idx"],"mappings":"6CAaO,SAASA,GAA4B,CAC1CC,EAA2BC,EAAc,cAAc,CACzD,CCfA,MAAMC,EAAgB,CACpB,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,SACF,EAEO,SAASC,EAAsBC,EAAgB,CACpD,OAAOA,EAAK,IAAI,CAACC,EAAGC,KAAS,CAC3B,GAAGD,EACH,MAAOH,EAAcI,EAAMJ,EAAc,MAAM,CAAA,EAC/C,CACJ"}

package/dist/scripts/K65Dt7jg.chunk.js

@@ -1,2 +0,0 @@
-import{j as c,p as _}from"./app-BDrXtKwD.js";import{S as u}from"./5O9SdVRZ.chunk.js";const d="_circleContainer_1g8w5_1",f="_backgroundCircle_1g8w5_17",m="_circleSuccess_1g8w5_20",x="_circleWarning_1g8w5_23",b="_circleDanger_1g8w5_26",h="_lgCircleContainer_1g8w5_29",T="_xsCircleContainer_1g8w5_40",y="_pendingCircle_1g8w5_48",S="_centredPercentageText_1g8w5_58",t={circleContainer:d,backgroundCircle:f,circleSuccess:m,circleWarning:x,circleDanger:b,lgCircleContainer:h,xsCircleContainer:T,pendingCircle:y,centredPercentageText:S},o=2,D=5.8,j=.2,w=.36;var s=(e=>(e.Small="small",e.Large="large",e.ExtraSmall="extraSmall",e))(s||{});const E={extraSmall:{size:o},small:{size:o},large:{size:D}};function g(e){const n=E[e].size,r=e==="large"?w:j;return`${n/2-r*2}rem`}function N(e,n=u){return e>=n.HIGH?t.circleSuccess:e>=n.MODERATE?t.circleWarning:t.circleDanger}function R(e,n=u){return e>=n.HIGH?"text-success":e>=n.MODERATE?"text-warning":"text-danger"}function I(e,n){let r=`d-inline-block ${t.circleContainer}`;return e==="large"&&(r+=` ${t.lgCircleContainer}`),e==="extraSmall"&&(r+=` ${t.xsCircleContainer}`),i(n)&&(r+=` ${t.pendingCircle}`),r}function L(e){if(!i(e))return+e.toFixed(2)}function k(e){return i(e)?"--%":`${Math.round(e*100)}%`}function i(e){return typeof e!="number"}function W(e){const n=_.useCallback(r=>{if(!r)return;const l=r.r.baseVal.value,a=2*Math.PI*l,C=a-e.percentage*a;r.style.strokeDasharray=`${a} ${a}`,r.style.strokeDashoffset=C.toString()},[e.percentage]);return c.jsxs("svg",{children:[c.jsx("circle",{r:g(e.size),className:t.backgroundCircle}),!i(e.percentage)&&c.jsx("circle",{ref:n,r:g(e.size),className:N(e.percentage,e.scoreThresholds)})]})}var $=(e=>(e.CircleOnly="circle_only",e.LabelOnly="label_only",e.LabelBefore="label_before",e.LabelInside="label_inside",e))($||{});H.defaultProps={layout:"circle_only"};function H(e){const n=L(e.percentage),r=e.size||(e.layout==="label_inside"?s.Large:s.Small),l=e.customLabel||k(n);return e.layout==="label_only"?c.jsx("span",{className:R(n),children:l}):c.jsxs("div",{className:`d-flex align-items-center justify-content-between ${e.className??""}`,children:[e.layout==="label_before"&&c.jsx("span",{className:"me-2",children:l}),c.jsxs("div",{className:I(r,n),children:[c.jsx(W,{percentage:n,size:r,scoreThresholds:e.scoreThresholds}),e.layout==="label_inside"&&c.jsx("span",{className:t.centredPercentageText,children:l})]})]})}export{H as P,$ as a,L as b,k as g};
-//# sourceMappingURL=K65Dt7jg.chunk.js.map

package/dist/scripts/K65Dt7jg.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"K65Dt7jg.chunk.js","sources":["../../../../libs/shared/src/components/percentage-indicator/PercentageIndicatorUtils.ts","../../../../libs/shared/src/components/percentage-indicator/PercentageIndicator.tsx"],"sourcesContent":["import { ScoreThresholdDefaults, ScoreThresholds } from 'libs/shared/constants/ScoreThresholds';\n\nimport styles from './percentage-indicator.module.scss';\n\n/**\n * Values for width and strokeWidth are taken from progress-circle.scss.\n * If either are changed, they must be updated in both places.\n */\nconst CIRCLE_WIDTH = 2; // rem\nconst CIRCLE_WIDTH_LG = 5.8; // rem\nconst CIRCLE_STROKE_WIDTH = 0.2; // rem\nconst CIRCLE_STROKE_WIDTH_LG = 0.36; // rem\n \nexport enum ProgressCircleSize {\n  Small = 'small',\n  Large = 'large',\n  ExtraSmall = 'extraSmall'\n}\n\nconst ProgressCircleSizeMap = {\n  [ProgressCircleSize.ExtraSmall]: {\n    size: CIRCLE_WIDTH\n  },\n  [ProgressCircleSize.Small]: {\n    size: CIRCLE_WIDTH\n  },\n  [ProgressCircleSize.Large]: {\n    size: CIRCLE_WIDTH_LG\n  }\n};\n\n/**\n * radius = width / 2 - strokeWidth * 2\n */\nexport function getCircleRadius(size: ProgressCircleSize): string {\n  const width = ProgressCircleSizeMap[size].size;\n  const strokeWidth = size === ProgressCircleSize.Large ? CIRCLE_STROKE_WIDTH_LG : CIRCLE_STROKE_WIDTH;\n  return `${width / 2 - strokeWidth * 2}rem`;\n}\n  \nexport function getCircleClassName(\n  percentage: number,\n  scoreThresholds: ScoreThresholds = ScoreThresholdDefaults\n): string {\n  if (percentage >= scoreThresholds.HIGH)\n    return styles.circleSuccess;\n      \n  if (percentage >= scoreThresholds.MODERATE)\n    return styles.circleWarning;\n  \n  return styles.circleDanger;\n}\n  \nexport function getColouredLabelClassName(\n  percentage: number,\n  scoreThresholds: ScoreThresholds = ScoreThresholdDefaults\n): string {\n  if (percentage >= scoreThresholds.HIGH)\n    return 'text-success';\n      \n  if (percentage >= scoreThresholds.MODERATE)\n    return 'text-warning';\n  \n  return 'text-danger';\n}\n \nexport function getCircleContainerClassName(size: ProgressCircleSize, percentage?: number): string {\n  let className = `d-inline-block ${styles.circleContainer}`;\n \n  if (size === ProgressCircleSize.Large)\n    className += ` ${styles.lgCircleContainer}`;\n\n  if (size === ProgressCircleSize.ExtraSmall)\n    className += ` ${styles.xsCircleContainer}`;\n\n  if (isPending(percentage))\n    className += ` ${styles.pendingCircle}`;\n \n  return className;\n}\n\nexport function getPercentageToFixed(percentage?: number): number | undefined {\n  if (isPending(percentage))\n    return;\n  \n  return +percentage.toFixed(2);\n}\n \nexport function getFormattedPercentage(percentage?: number): string {\n  if (isPending(percentage))\n    return `--%`;\n\n  return `${Math.round(percentage * 100)}%`;\n}\n\nexport function isPending(percentage?: number): boolean {\n  return typeof percentage !== 'number';\n}","import React from 'react';\n\nimport { ScoreThresholds } from 'libs/shared/constants/ScoreThresholds';\n\nimport {\n  getCircleClassName,\n  getCircleContainerClassName,\n  getCircleRadius,\n  getColouredLabelClassName,\n  getFormattedPercentage,\n  getPercentageToFixed,\n  isPending,\n  ProgressCircleSize\n} from './PercentageIndicatorUtils';\n\nimport styles from './percentage-indicator.module.scss';\n\ninterface ProgressCircleProps {\n  size: ProgressCircleSize;\n  scoreThresholds?: ScoreThresholds;\n  percentage?: number;\n}\n\nfunction ProgressCircle(props: ProgressCircleProps): JSX.Element {\n  const ref = React.useCallback((circle: SVGCircleElement) => {\n    if (!circle)\n      return;\n\n    const radius = circle.r.baseVal.value;\n    const circumference = 2 * Math.PI * radius;\n    const offset = circumference - props.percentage * circumference;\n\n    circle.style.strokeDasharray = `${circumference} ${circumference}`;\n    circle.style.strokeDashoffset = offset.toString();\n  }, [props.percentage]);\n\n  return (\n    <svg>\n      <circle r={getCircleRadius(props.size)} className={styles.backgroundCircle} />\n      {!isPending(props.percentage) &&\n        <circle\n          ref={ref}\n          r={getCircleRadius(props.size)}\n          className={getCircleClassName(props.percentage, props.scoreThresholds)}\n        />\n      }\n    </svg>\n  );\n}\n\nexport enum PercentageIndicatorLayout {\n  CircleOnly = 'circle_only',\n  LabelOnly = 'label_only',\n  LabelBefore = 'label_before',\n  LabelInside = 'label_inside'\n}\n\ninterface PercentageIndicatorProps {\n  layout: PercentageIndicatorLayout;\n  percentage?: number; // Between 0 and 1 or undefined for pending\n  className?: string;\n  customLabel?: string;\n  scoreThresholds?: ScoreThresholds;\n  size?: ProgressCircleSize;\n}\n\nPercentageIndicator.defaultProps = {\n  layout: PercentageIndicatorLayout.CircleOnly\n};\n\nexport function PercentageIndicator(props: PercentageIndicatorProps): JSX.Element {\n  const percentageToFixed = getPercentageToFixed(props.percentage);\n\n  const size = props.size ||\n    (props.layout === PercentageIndicatorLayout.LabelInside\n      ? ProgressCircleSize.Large\n      : ProgressCircleSize.Small\n    );\n\n  const label = props.customLabel || getFormattedPercentage(percentageToFixed);\n\n  if (props.layout === PercentageIndicatorLayout.LabelOnly)\n    return (\n      <span className={getColouredLabelClassName(percentageToFixed)}>\n        {label}\n      </span>\n    );\n\n  return (\n    <div className={`d-flex align-items-center justify-content-between ${props.className ?? ''}`}>\n      {props.layout === PercentageIndicatorLayout.LabelBefore &&\n        <span className='me-2'>\n          {label}\n        </span>\n      }\n      <div className={getCircleContainerClassName(size, percentageToFixed)}>\n        <ProgressCircle percentage={percentageToFixed} size={size} scoreThresholds={props.scoreThresholds} />\n        {props.layout === PercentageIndicatorLayout.LabelInside &&\n          <span className={styles.centredPercentageText}>\n            {label}\n          </span>\n        }\n      </div>\n    </div>\n  );\n}"],"names":["CIRCLE_WIDTH","CIRCLE_WIDTH_LG","CIRCLE_STROKE_WIDTH","CIRCLE_STROKE_WIDTH_LG","ProgressCircleSize","ProgressCircleSizeMap","getCircleRadius","size","width","strokeWidth","getCircleClassName","percentage","scoreThresholds","ScoreThresholdDefaults","styles","getColouredLabelClassName","getCircleContainerClassName","className","isPending","getPercentageToFixed","getFormattedPercentage","ProgressCircle","props","ref","React","circle","radius","circumference","offset","jsx","PercentageIndicatorLayout","PercentageIndicator","percentageToFixed","label"],"mappings":"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"}

package/dist/scripts/M-TSYEoo.chunk.js

@@ -1,2 +0,0 @@
-import{c as u,V as a,r as n}from"./app-BDrXtKwD.js";function s(e){var o;const[,t]=u(a.AUDIENCE_FILTER_SELECTED_COUNT);n.useEffect(()=>{if(!e.data){t(null);return}t(e.data.userCount)},[(o=e.data)==null?void 0:o.userCount])}export{s as u};
-//# sourceMappingURL=M-TSYEoo.chunk.js.map

package/dist/scripts/M-TSYEoo.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"M-TSYEoo.chunk.js","sources":["../../src/shared/hooks/UseSetAudienceFilterCount.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { Flight } from 'libs/common/flight';\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\n\nimport { BaseAnalyticsEventResponse } from 'libs/shared/apps/analytics/interfaces/BaseAnalyticsEvent';\nimport { IndividualEngagementResponse } from 'libs/shared/interfaces';\n\nimport { ViewModelKeys } from 'shared/constants/ReportsViewModels';\nimport { TopVideosResponse } from 'shared/interfaces';\n\ntype ResponseTypes = BaseAnalyticsEventResponse | IndividualEngagementResponse | TopVideosResponse;\n\n/**\n * So that we can display the number of selected users in the audience filter\n * (including users in classrooms and groups), we read it from the API response and\n * set it in a view model so that it can be read in AudienceFilterToggle.\n */\nexport function useSetAudienceFilterCount(results: Flight.Response<ResponseTypes>): void {\n  const [ , setFilterCount ] = useViewModel<number>(ViewModelKeys.AUDIENCE_FILTER_SELECTED_COUNT);\n\n  useEffect(() => {\n    if (!results.data) {\n      setFilterCount(null);\n      return;\n    }\n    \n    setFilterCount(results.data.userCount);\n  }, [results.data?.userCount]);\n}"],"names":["useSetAudienceFilterCount","results","setFilterCount","useViewModel","ViewModelKeys","useEffect","_a"],"mappings":"oDAkBO,SAASA,EAA0BC,EAA+C,OACvF,KAAM,CAAA,CAAIC,CAAe,EAAIC,EAAqBC,EAAc,8BAA8B,EAE9FC,EAAAA,UAAU,IAAM,CACd,GAAI,CAACJ,EAAQ,KAAM,CACjBC,EAAe,IAAI,EACnB,MACF,CAEAA,EAAeD,EAAQ,KAAK,SAAS,CACvC,EAAG,EAACK,EAAAL,EAAQ,OAAR,YAAAK,EAAc,SAAS,CAAC,CAC9B"}

package/dist/scripts/O9F9Sybw.chunk.js

@@ -1,34 +0,0 @@
-import{r as A,al as me,an as fe,L as U,j as i,h as y,_ as H,aa as $,v as R,aV as k,b$ as ve,aU as P,p as f,aF as z,a5 as ge,a6 as O}from"./app-BDrXtKwD.js";import{I as xe}from"./Cd8Y7VGD.chunk.js";import{j as be,h as w,f as B,e as ee,k as te,I as se}from"./BUXFRkJU.chunk.js";import{u as we}from"./CVftTaOh.chunk.js";import{a as b}from"./D9PHjOfy.chunk.js";import{I as ye}from"./mBxqWw8V.chunk.js";import{t as Y,d as q,m as pe,c as ie,i as ke}from"./BF6robfP.chunk.js";import{T as Se}from"./Bf0d_B71.chunk.js";const L=U.encloseNamespace("reportsShared.dataHooks"),wt=(e,n,a)=>{const[s,t]=A.useState({}),r=me(),l=we();function o(h,d){h.forEach(u=>{t(v=>({...v,[be(u)]:{...u,status:d}}))})}function c(){const h=Object.keys(s).map(g=>s[g]);if(!h.length)return;let d=0,u=0;function v(){u++}function m(){d++,d===h.length&&x()}function x(){let g="",p=!1;u===0&&(g=L("error",{smartCount:h.length}),p=!0),u<d&&(g=L("success",{smartCount:u})+` ${L("partialError",{smartCount:d-u})}`),u===d&&(g=L("success",{smartCount:u})),p?l.error(g):l.success(g),t({}),a&&a()}h.forEach(({id:g,resultId:p,questionId:S,status:W})=>{fe(r,xe.mark(e,n,g,{id:g,resultId:p,questionId:S,status:W},v,null,m))})}return{markedAnswers:s,addMarkedAnswers:o,submitMarkedAnswers:c}};function I(e){const{answer:n}=e;function a(s){switch(s){case w.Correct:return"bg-light-green";case w.Incorrect:return"bg-light-red";case w.PendingReview:return"bg-light-blue"}}return i.jsxs("div",{className:`${a(n.status)} rounded p-2 mb-2`,children:[i.jsxs("div",{className:"d-flex align-items-center gap-2",children:[n.status===w.Correct&&i.jsx(y,{svg:H,className:"svg-container flex-shrink-0 text-success"}),n.status===w.Incorrect&&i.jsx(y,{svg:$,className:"svg-container flex-shrink-0 text-danger"}),!e.customAnswer&&i.jsx("span",{className:e.textClassName,children:n.text})]}),e.children]},n.id)}const Ne="shared.interactionResponses",Ce=U.encloseNamespace(Ne);function Ee(e){const n=R.first(e.answers);return n?i.jsxs(I,{answer:n,customAnswer:!0,children:[i.jsx("div",{className:"ratio ratio-16x9",children:i.jsx("img",{className:"img-fluid bg-white border rounded h-100 w-100",src:n.text,alt:`${Ce("illustrationAlt")}: ${e.interaction.name}`})}),e.children]}):i.jsx(i.Fragment,{})}function je(e){return e.answers.length?i.jsx("ul",{className:"list-unstyled",children:e.answers.map(n=>i.jsx("li",{children:i.jsx(I,{answer:n,textClassName:"bg-white p-1 border border-gray-300 rounded"})},n.id))}):i.jsx(i.Fragment,{})}function Oe(e){return e.answers.length?i.jsx("ul",{className:"list-unstyled",children:e.answers.map(n=>i.jsx("li",{children:i.jsx(I,{answer:n})},n.id))}):i.jsx(i.Fragment,{})}function Ae(e){const n=R.first(e.answers);return n?i.jsx(I,{answer:n,children:e.children}):i.jsx(i.Fragment,{})}function Re(e){const n=R.first(e.answers);return n?i.jsx(I,{answer:n}):i.jsx(i.Fragment,{})}const K=()=>i.jsx(i.Fragment,{}),Ie={[b.Annotation]:K,[b.Image]:K,[b.MissingWord]:je,[b.MultipleChoice]:Oe,[b.TrueOrFalse]:Re,[b.ShortAnswer]:Ae,[b.Illustration]:Ee};function V(e){return i.jsxs(i.Fragment,{children:[e.correctness===B.Correct&&i.jsx("div",{className:"ms-2 text-success",children:i.jsx(y,{svg:Se})}),e.correctness===B.Incorrect&&i.jsx("div",{className:"ms-2 text-danger",children:i.jsx(y,{svg:$})})]})}function re(e){return i.jsxs("div",{className:"d-flex align-items-center justify-content-between mb-2",children:[i.jsx("p",{className:"fw-semibold mb-0",children:e.anonymisedUserName||k.getFullName(e.studentResults.user)}),i.jsx(V,{correctness:e.correctness})]})}function ne(e){return i.jsx("svg",{...e,children:i.jsx("path",{fill:"currentColor",d:"M12.034 21C7.044 21 3 16.968 3 11.993s4.045-9.006 9.034-9.006 9.034 4.032 9.034 9.006S17.023 21 12.034 21M14.95 8.22l-2.946 2.867-2.89-2.91a.646.646 0 0 0-.909 0 .633.633 0 0 0 0 .9l2.891 2.91-2.89 2.922a.633.633 0 0 0 0 .9c.25.25.657.25.908 0l2.89-2.92 2.946 2.92c.251.25.658.25.909 0a.633.633 0 0 0 0-.9l-2.946-2.921L15.86 9.12a.633.633 0 0 0 0-.9.646.646 0 0 0-.909 0"})})}function We(e){return i.jsxs("svg",{...e,children:[i.jsx("rect",{width:"24",height:"24",fill:"white"}),i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M21 12c0-4.972-4.028-9-9-9s-9 4.028-9 9 4.028 9 9 9 9-4.028 9-9M6.492 6.492A7.74 7.74 0 0 1 12 4.212c2.081 0 4.037.809 5.508 2.28A7.74 7.74 0 0 1 19.788 12c0 2.081-.809 4.037-2.28 5.508A7.74 7.74 0 0 1 12 19.788a7.74 7.74 0 0 1-5.508-2.28A7.74 7.74 0 0 1 4.212 12c0-2.081.809-4.037 2.28-5.508m8.46 1.728-2.947 2.867-2.89-2.91a.646.646 0 0 0-.909 0 .633.633 0 0 0 0 .9l2.891 2.91-2.89 2.922a.633.633 0 0 0 0 .9c.25.25.657.25.908 0l2.89-2.92 2.946 2.92c.251.25.658.25.909 0a.633.633 0 0 0 0-.9l-2.946-2.921L15.86 9.12a.633.633 0 0 0 0-.9.646.646 0 0 0-.909 0",clipRule:"evenodd"})]})}function ae(e){return i.jsx("svg",{...e,children:i.jsx("path",{fill:"currentColor",d:"M12 3c4.972 0 9 4.028 9 9s-4.028 9-9 9-9-4.028-9-9 4.028-9 9-9m4.244 5.578a.77.77 0 0 0-1.058.068l-4.722 5.18-1.684-1.615a.77.77 0 0 0-1.06 0 .7.7 0 0 0 0 1.018l2.25 2.16a.77.77 0 0 0 1.094-.035l5.25-5.76a.7.7 0 0 0-.07-1.016"})})}function le(e){return e.correctness!==B.AwaitingMarking?i.jsx(i.Fragment,{}):i.jsxs("div",{className:"d-flex justify-content-end gap-2 mt-2",children:[i.jsx("div",{className:`d-flex flex-column justify-content-end cursor-pointer
-        ${e.markedStatus===w.Correct?"text-success":""}`,children:i.jsx(y,{svg:e.markedStatus===w.Correct?ae:ve,onClick:()=>e.markInteraction(e.studentAttempt.answers,w.Correct)})}),i.jsx("div",{className:`d-flex flex-column justify-content-end cursor-pointer
-        ${e.markedStatus===w.Incorrect?" text-danger":""}`,children:i.jsx(y,{svg:e.markedStatus===w.Incorrect?ne:We,onClick:()=>e.markInteraction(e.studentAttempt.answers,w.Incorrect)})})]})}const ze="interactives.responseTypes",Le=U.encloseNamespace(ze);function oe(){return i.jsx("p",{className:"p-2",children:i.jsx("em",{children:Le("noResponse")})})}const Fe="_avatarContainer_1h05x_1",Me={avatarContainer:Fe};function yt(e){var r,l,o,c,h,d;const n=Ie[e.interaction.typeId];if(!n)return i.jsx(i.Fragment,{});const a=ee(e.studentResults),s=te(e.interaction.id,a),t=se.isInteractionCorrect(e.interaction,a);return i.jsx("div",{className:"position-relative",children:i.jsx("div",{className:`rounded ${e.className??""}`,children:i.jsxs("div",{className:"d-flex",children:[!!e.showStudentDetails&&i.jsx("div",{className:"me-2",children:i.jsx("div",{className:Me.avatarContainer,children:i.jsx(P,{imageCdnUrl:e.imageCdnUrl,initials:e.anonymisedUserName?k.getInitialsFromFullName(e.anonymisedUserName):k.getInitials((r=e.studentResults.user)==null?void 0:r.name,(l=e.studentResults.user)==null?void 0:l.surname),imageUrl:e.anonymisedUserName?null:(c=(o=e.studentResults.user)==null?void 0:o.avatar)==null?void 0:c.url,showAnonymousUser:!!((d=(h=e.studentResults)==null?void 0:h.user)!=null&&d.sessionId)})})}),i.jsxs("div",{className:"flex-grow-1",children:[!!e.showStudentDetails&&i.jsx(re,{studentResults:e.studentResults,correctness:t,anonymisedUserName:e.anonymisedUserName}),i.jsxs("div",{className:"d-flex justify-content-between",children:[i.jsx("div",{className:`flex-grow-1 mb-2 ${e.responseComponentClass?e.responseComponentClass:""}`,children:s?i.jsx(n,{interaction:e.interaction,answers:s.answers,imageCdnUrl:e.imageCdnUrl,user:e.studentResults.user,showFeedback:e.showFeedback,showAvatar:e.showAvatar,children:i.jsx(le,{studentAttempt:s,correctness:t,markInteraction:e.markInteraction,markedStatus:e.markedStatus})}):i.jsx(oe,{})}),!e.showStudentDetails&&i.jsx(V,{correctness:t})]})]})]})})})}function $e(e){const n=R.first(e.answers);if(!n)return i.jsx(i.Fragment,{});let a="rounded p-2 mb-2 w-50";return e.reportsStyling||(a+=" text-white"),i.jsx("div",{className:a,children:i.jsx("img",{className:"img-fluid border rounded",src:n.text,alt:`Illustrated answer to the question: ${e.interaction.name}`})})}const _="cv-missing-word-";function Pe(e){const a=e.interaction.data.sentence.replace(/{([^{}]*)}/g,(t,r)=>`{${_}${r}}`).split(/{([^{}]*)}/g);let s="p-2";return e.reportsStyling||(s+=" border rounded"),i.jsx("div",{className:s,children:a.map((t,r)=>{if(!t.startsWith(_))return t;const l=t.replace(_,""),o=e.interaction.actionableItems.find(d=>d.order.toString()===l);if(!o)return;const c=e.answers.find(d=>d.id==o.id);if(!c)return;if(!e.showFeedback)return i.jsx("strong",{className:"text-info",children:c.text},r);const h=c.status===w.Correct;return i.jsxs(f.Fragment,{children:[!h&&i.jsxs(i.Fragment,{children:[i.jsx("del",{className:"text-danger",children:i.jsx("strong",{children:c.text})})," "]}),i.jsx("strong",{className:"text-success",children:o.name})]},r)})})}var j=null,G=null;ie&&window.addEventListener("resize",function(){G!==window.devicePixelRatio&&(G=window.devicePixelRatio,j=null)});function J(){if(j===null){if(typeof document>"u")return j=0,j;var e=document.body,n=document.createElement("div");n.classList.add("simplebar-hide-scrollbar"),e.appendChild(n);var a=n.getBoundingClientRect().right;e.removeChild(n),j=a}return j}function N(e){return!e||!e.ownerDocument||!e.ownerDocument.defaultView?window:e.ownerDocument.defaultView}function D(e){return!e||!e.ownerDocument?document:e.ownerDocument}var F=(function(){function e(a,s){var t=this;this.onScroll=function(){var r=N(t.el);t.scrollXTicking||(r.requestAnimationFrame(t.scrollX),t.scrollXTicking=!0),t.scrollYTicking||(r.requestAnimationFrame(t.scrollY),t.scrollYTicking=!0)},this.scrollX=function(){t.axis.x.isOverflowing&&(t.showScrollbar("x"),t.positionScrollbar("x")),t.scrollXTicking=!1},this.scrollY=function(){t.axis.y.isOverflowing&&(t.showScrollbar("y"),t.positionScrollbar("y")),t.scrollYTicking=!1},this.onMouseEnter=function(){t.showScrollbar("x"),t.showScrollbar("y")},this.onMouseMove=function(r){t.mouseX=r.clientX,t.mouseY=r.clientY,(t.axis.x.isOverflowing||t.axis.x.forceVisible)&&t.onMouseMoveForAxis("x"),(t.axis.y.isOverflowing||t.axis.y.forceVisible)&&t.onMouseMoveForAxis("y")},this.onMouseLeave=function(){t.onMouseMove.cancel(),(t.axis.x.isOverflowing||t.axis.x.forceVisible)&&t.onMouseLeaveForAxis("x"),(t.axis.y.isOverflowing||t.axis.y.forceVisible)&&t.onMouseLeaveForAxis("y"),t.mouseX=-1,t.mouseY=-1},this.onWindowResize=function(){t.scrollbarWidth=t.getScrollbarWidth(),t.hideNativeScrollbar()},this.hideScrollbars=function(){t.axis.x.track.rect=t.axis.x.track.el.getBoundingClientRect(),t.axis.y.track.rect=t.axis.y.track.el.getBoundingClientRect(),t.isWithinBounds(t.axis.y.track.rect)||(t.axis.y.scrollbar.el.classList.remove(t.classNames.visible),t.axis.y.isVisible=!1),t.isWithinBounds(t.axis.x.track.rect)||(t.axis.x.scrollbar.el.classList.remove(t.classNames.visible),t.axis.x.isVisible=!1)},this.onPointerEvent=function(r){var l,o;t.axis.x.track.rect=t.axis.x.track.el.getBoundingClientRect(),t.axis.y.track.rect=t.axis.y.track.el.getBoundingClientRect(),(t.axis.x.isOverflowing||t.axis.x.forceVisible)&&(l=t.isWithinBounds(t.axis.x.track.rect)),(t.axis.y.isOverflowing||t.axis.y.forceVisible)&&(o=t.isWithinBounds(t.axis.y.track.rect)),(l||o)&&(r.preventDefault(),r.stopPropagation(),r.type==="mousedown"&&(l&&(t.axis.x.scrollbar.rect=t.axis.x.scrollbar.el.getBoundingClientRect(),t.isWithinBounds(t.axis.x.scrollbar.rect)?t.onDragStart(r,"x"):t.onTrackClick(r,"x")),o&&(t.axis.y.scrollbar.rect=t.axis.y.scrollbar.el.getBoundingClientRect(),t.isWithinBounds(t.axis.y.scrollbar.rect)?t.onDragStart(r,"y"):t.onTrackClick(r,"y"))))},this.drag=function(r){var l,o=t.axis[t.draggedAxis].track,c=o.rect[t.axis[t.draggedAxis].sizeAttr],h=t.axis[t.draggedAxis].scrollbar,d=t.contentWrapperEl[t.axis[t.draggedAxis].scrollSizeAttr],u=parseInt(t.elStyles[t.axis[t.draggedAxis].sizeAttr],10);r.preventDefault(),r.stopPropagation(),t.draggedAxis==="y"?l=r.pageY:l=r.pageX;var v=l-o.rect[t.axis[t.draggedAxis].offsetAttr]-t.axis[t.draggedAxis].dragOffset,m=v/(c-h.size),x=m*(d-u);t.draggedAxis==="x"&&(x=t.isRtl&&e.getRtlHelpers().isRtlScrollbarInverted?x-(c+h.size):x,x=t.isRtl&&e.getRtlHelpers().isRtlScrollingInverted?-x:x),t.contentWrapperEl[t.axis[t.draggedAxis].scrollOffsetAttr]=x},this.onEndDrag=function(r){var l=D(t.el),o=N(t.el);r.preventDefault(),r.stopPropagation(),t.el.classList.remove(t.classNames.dragging),l.removeEventListener("mousemove",t.drag,!0),l.removeEventListener("mouseup",t.onEndDrag,!0),t.removePreventClickId=o.setTimeout(function(){l.removeEventListener("click",t.preventClick,!0),l.removeEventListener("dblclick",t.preventClick,!0),t.removePreventClickId=null})},this.preventClick=function(r){r.preventDefault(),r.stopPropagation()},this.el=a,this.minScrollbarWidth=20,this.options=Object.assign({},e.defaultOptions,{},s),this.classNames=Object.assign({},e.defaultOptions.classNames,{},this.options.classNames),this.axis={x:{scrollOffsetAttr:"scrollLeft",sizeAttr:"width",scrollSizeAttr:"scrollWidth",offsetSizeAttr:"offsetWidth",offsetAttr:"left",overflowAttr:"overflowX",dragOffset:0,isOverflowing:!0,isVisible:!1,forceVisible:!1,track:{},scrollbar:{}},y:{scrollOffsetAttr:"scrollTop",sizeAttr:"height",scrollSizeAttr:"scrollHeight",offsetSizeAttr:"offsetHeight",offsetAttr:"top",overflowAttr:"overflowY",dragOffset:0,isOverflowing:!0,isVisible:!1,forceVisible:!1,track:{},scrollbar:{}}},this.removePreventClickId=null,!e.instances.has(this.el)&&(this.recalculate=Y(this.recalculate.bind(this),64),this.onMouseMove=Y(this.onMouseMove.bind(this),64),this.hideScrollbars=q(this.hideScrollbars.bind(this),this.options.timeout),this.onWindowResize=q(this.onWindowResize.bind(this),64,{leading:!0}),e.getRtlHelpers=pe(e.getRtlHelpers),this.init())}e.getRtlHelpers=function(){var s=document.createElement("div");s.innerHTML='<div class="hs-dummy-scrollbar-size"><div style="height: 200%; width: 200%; margin: 10px 0;"></div></div>';var t=s.firstElementChild;document.body.appendChild(t);var r=t.firstElementChild;t.scrollLeft=0;var l=e.getOffset(t),o=e.getOffset(r);t.scrollLeft=999;var c=e.getOffset(r);return{isRtlScrollingInverted:l.left!==o.left&&o.left-c.left!==0,isRtlScrollbarInverted:l.left!==o.left}},e.getOffset=function(s){var t=s.getBoundingClientRect(),r=D(s),l=N(s);return{top:t.top+(l.pageYOffset||r.documentElement.scrollTop),left:t.left+(l.pageXOffset||r.documentElement.scrollLeft)}};var n=e.prototype;return n.init=function(){e.instances.set(this.el,this),ie&&(this.initDOM(),this.scrollbarWidth=this.getScrollbarWidth(),this.recalculate(),this.initListeners())},n.initDOM=function(){var s=this;if(Array.prototype.filter.call(this.el.children,function(l){return l.classList.contains(s.classNames.wrapper)}).length)this.wrapperEl=this.el.querySelector("."+this.classNames.wrapper),this.contentWrapperEl=this.options.scrollableNode||this.el.querySelector("."+this.classNames.contentWrapper),this.contentEl=this.options.contentNode||this.el.querySelector("."+this.classNames.contentEl),this.offsetEl=this.el.querySelector("."+this.classNames.offset),this.maskEl=this.el.querySelector("."+this.classNames.mask),this.placeholderEl=this.findChild(this.wrapperEl,"."+this.classNames.placeholder),this.heightAutoObserverWrapperEl=this.el.querySelector("."+this.classNames.heightAutoObserverWrapperEl),this.heightAutoObserverEl=this.el.querySelector("."+this.classNames.heightAutoObserverEl),this.axis.x.track.el=this.findChild(this.el,"."+this.classNames.track+"."+this.classNames.horizontal),this.axis.y.track.el=this.findChild(this.el,"."+this.classNames.track+"."+this.classNames.vertical);else{for(this.wrapperEl=document.createElement("div"),this.contentWrapperEl=document.createElement("div"),this.offsetEl=document.createElement("div"),this.maskEl=document.createElement("div"),this.contentEl=document.createElement("div"),this.placeholderEl=document.createElement("div"),this.heightAutoObserverWrapperEl=document.createElement("div"),this.heightAutoObserverEl=document.createElement("div"),this.wrapperEl.classList.add(this.classNames.wrapper),this.contentWrapperEl.classList.add(this.classNames.contentWrapper),this.offsetEl.classList.add(this.classNames.offset),this.maskEl.classList.add(this.classNames.mask),this.contentEl.classList.add(this.classNames.contentEl),this.placeholderEl.classList.add(this.classNames.placeholder),this.heightAutoObserverWrapperEl.classList.add(this.classNames.heightAutoObserverWrapperEl),this.heightAutoObserverEl.classList.add(this.classNames.heightAutoObserverEl);this.el.firstChild;)this.contentEl.appendChild(this.el.firstChild);this.contentWrapperEl.appendChild(this.contentEl),this.offsetEl.appendChild(this.contentWrapperEl),this.maskEl.appendChild(this.offsetEl),this.heightAutoObserverWrapperEl.appendChild(this.heightAutoObserverEl),this.wrapperEl.appendChild(this.heightAutoObserverWrapperEl),this.wrapperEl.appendChild(this.maskEl),this.wrapperEl.appendChild(this.placeholderEl),this.el.appendChild(this.wrapperEl)}if(!this.axis.x.track.el||!this.axis.y.track.el){var t=document.createElement("div"),r=document.createElement("div");t.classList.add(this.classNames.track),r.classList.add(this.classNames.scrollbar),t.appendChild(r),this.axis.x.track.el=t.cloneNode(!0),this.axis.x.track.el.classList.add(this.classNames.horizontal),this.axis.y.track.el=t.cloneNode(!0),this.axis.y.track.el.classList.add(this.classNames.vertical),this.el.appendChild(this.axis.x.track.el),this.el.appendChild(this.axis.y.track.el)}this.axis.x.scrollbar.el=this.axis.x.track.el.querySelector("."+this.classNames.scrollbar),this.axis.y.scrollbar.el=this.axis.y.track.el.querySelector("."+this.classNames.scrollbar),this.options.autoHide||(this.axis.x.scrollbar.el.classList.add(this.classNames.visible),this.axis.y.scrollbar.el.classList.add(this.classNames.visible)),this.el.setAttribute("data-simplebar","init")},n.initListeners=function(){var s=this,t=N(this.el);this.options.autoHide&&this.el.addEventListener("mouseenter",this.onMouseEnter),["mousedown","click","dblclick"].forEach(function(o){s.el.addEventListener(o,s.onPointerEvent,!0)}),["touchstart","touchend","touchmove"].forEach(function(o){s.el.addEventListener(o,s.onPointerEvent,{capture:!0,passive:!0})}),this.el.addEventListener("mousemove",this.onMouseMove),this.el.addEventListener("mouseleave",this.onMouseLeave),this.contentWrapperEl.addEventListener("scroll",this.onScroll),t.addEventListener("resize",this.onWindowResize);var r=!1,l=t.ResizeObserver||ke;this.resizeObserver=new l(function(){r&&s.recalculate()}),this.resizeObserver.observe(this.el),this.resizeObserver.observe(this.contentEl),t.requestAnimationFrame(function(){r=!0}),this.mutationObserver=new t.MutationObserver(this.recalculate),this.mutationObserver.observe(this.contentEl,{childList:!0,subtree:!0,characterData:!0})},n.recalculate=function(){var s=N(this.el);this.elStyles=s.getComputedStyle(this.el),this.isRtl=this.elStyles.direction==="rtl";var t=this.heightAutoObserverEl.offsetHeight<=1,r=this.heightAutoObserverEl.offsetWidth<=1,l=this.contentEl.offsetWidth,o=this.contentWrapperEl.offsetWidth,c=this.elStyles.overflowX,h=this.elStyles.overflowY;this.contentEl.style.padding=this.elStyles.paddingTop+" "+this.elStyles.paddingRight+" "+this.elStyles.paddingBottom+" "+this.elStyles.paddingLeft,this.wrapperEl.style.margin="-"+this.elStyles.paddingTop+" -"+this.elStyles.paddingRight+" -"+this.elStyles.paddingBottom+" -"+this.elStyles.paddingLeft;var d=this.contentEl.scrollHeight,u=this.contentEl.scrollWidth;this.contentWrapperEl.style.height=t?"auto":"100%",this.placeholderEl.style.width=r?l+"px":"auto",this.placeholderEl.style.height=d+"px";var v=this.contentWrapperEl.offsetHeight;this.axis.x.isOverflowing=u>l,this.axis.y.isOverflowing=d>v,this.axis.x.isOverflowing=c==="hidden"?!1:this.axis.x.isOverflowing,this.axis.y.isOverflowing=h==="hidden"?!1:this.axis.y.isOverflowing,this.axis.x.forceVisible=this.options.forceVisible==="x"||this.options.forceVisible===!0,this.axis.y.forceVisible=this.options.forceVisible==="y"||this.options.forceVisible===!0,this.hideNativeScrollbar();var m=this.axis.x.isOverflowing?this.scrollbarWidth:0,x=this.axis.y.isOverflowing?this.scrollbarWidth:0;this.axis.x.isOverflowing=this.axis.x.isOverflowing&&u>o-x,this.axis.y.isOverflowing=this.axis.y.isOverflowing&&d>v-m,this.axis.x.scrollbar.size=this.getScrollbarSize("x"),this.axis.y.scrollbar.size=this.getScrollbarSize("y"),this.axis.x.scrollbar.el.style.width=this.axis.x.scrollbar.size+"px",this.axis.y.scrollbar.el.style.height=this.axis.y.scrollbar.size+"px",this.positionScrollbar("x"),this.positionScrollbar("y"),this.toggleTrackVisibility("x"),this.toggleTrackVisibility("y")},n.getScrollbarSize=function(s){if(s===void 0&&(s="y"),!this.axis[s].isOverflowing)return 0;var t=this.contentEl[this.axis[s].scrollSizeAttr],r=this.axis[s].track.el[this.axis[s].offsetSizeAttr],l,o=r/t;return l=Math.max(~~(o*r),this.options.scrollbarMinSize),this.options.scrollbarMaxSize&&(l=Math.min(l,this.options.scrollbarMaxSize)),l},n.positionScrollbar=function(s){if(s===void 0&&(s="y"),!!this.axis[s].isOverflowing){var t=this.contentWrapperEl[this.axis[s].scrollSizeAttr],r=this.axis[s].track.el[this.axis[s].offsetSizeAttr],l=parseInt(this.elStyles[this.axis[s].sizeAttr],10),o=this.axis[s].scrollbar,c=this.contentWrapperEl[this.axis[s].scrollOffsetAttr];c=s==="x"&&this.isRtl&&e.getRtlHelpers().isRtlScrollingInverted?-c:c;var h=c/(t-l),d=~~((r-o.size)*h);d=s==="x"&&this.isRtl&&e.getRtlHelpers().isRtlScrollbarInverted?d+(r-o.size):d,o.el.style.transform=s==="x"?"translate3d("+d+"px, 0, 0)":"translate3d(0, "+d+"px, 0)"}},n.toggleTrackVisibility=function(s){s===void 0&&(s="y");var t=this.axis[s].track.el,r=this.axis[s].scrollbar.el;this.axis[s].isOverflowing||this.axis[s].forceVisible?(t.style.visibility="visible",this.contentWrapperEl.style[this.axis[s].overflowAttr]="scroll"):(t.style.visibility="hidden",this.contentWrapperEl.style[this.axis[s].overflowAttr]="hidden"),this.axis[s].isOverflowing?r.style.display="block":r.style.display="none"},n.hideNativeScrollbar=function(){this.offsetEl.style[this.isRtl?"left":"right"]=this.axis.y.isOverflowing||this.axis.y.forceVisible?"-"+this.scrollbarWidth+"px":0,this.offsetEl.style.bottom=this.axis.x.isOverflowing||this.axis.x.forceVisible?"-"+this.scrollbarWidth+"px":0},n.onMouseMoveForAxis=function(s){s===void 0&&(s="y"),this.axis[s].track.rect=this.axis[s].track.el.getBoundingClientRect(),this.axis[s].scrollbar.rect=this.axis[s].scrollbar.el.getBoundingClientRect();var t=this.isWithinBounds(this.axis[s].scrollbar.rect);t?this.axis[s].scrollbar.el.classList.add(this.classNames.hover):this.axis[s].scrollbar.el.classList.remove(this.classNames.hover),this.isWithinBounds(this.axis[s].track.rect)?(this.showScrollbar(s),this.axis[s].track.el.classList.add(this.classNames.hover)):this.axis[s].track.el.classList.remove(this.classNames.hover)},n.onMouseLeaveForAxis=function(s){s===void 0&&(s="y"),this.axis[s].track.el.classList.remove(this.classNames.hover),this.axis[s].scrollbar.el.classList.remove(this.classNames.hover)},n.showScrollbar=function(s){s===void 0&&(s="y");var t=this.axis[s].scrollbar.el;this.axis[s].isVisible||(t.classList.add(this.classNames.visible),this.axis[s].isVisible=!0),this.options.autoHide&&this.hideScrollbars()},n.onDragStart=function(s,t){t===void 0&&(t="y");var r=D(this.el),l=N(this.el),o=this.axis[t].scrollbar,c=t==="y"?s.pageY:s.pageX;this.axis[t].dragOffset=c-o.rect[this.axis[t].offsetAttr],this.draggedAxis=t,this.el.classList.add(this.classNames.dragging),r.addEventListener("mousemove",this.drag,!0),r.addEventListener("mouseup",this.onEndDrag,!0),this.removePreventClickId===null?(r.addEventListener("click",this.preventClick,!0),r.addEventListener("dblclick",this.preventClick,!0)):(l.clearTimeout(this.removePreventClickId),this.removePreventClickId=null)},n.onTrackClick=function(s,t){var r=this;if(t===void 0&&(t="y"),!!this.options.clickOnTrack){var l=N(this.el);this.axis[t].scrollbar.rect=this.axis[t].scrollbar.el.getBoundingClientRect();var o=this.axis[t].scrollbar,c=o.rect[this.axis[t].offsetAttr],h=parseInt(this.elStyles[this.axis[t].sizeAttr],10),d=this.contentWrapperEl[this.axis[t].scrollOffsetAttr],u=t==="y"?this.mouseY-c:this.mouseX-c,v=u<0?-1:1,m=v===-1?d-h:d+h,x=function g(){if(v===-1){if(d>m){var p;d-=r.options.clickOnTrackSpeed,r.contentWrapperEl.scrollTo((p={},p[r.axis[t].offsetAttr]=d,p)),l.requestAnimationFrame(g)}}else if(d<m){var S;d+=r.options.clickOnTrackSpeed,r.contentWrapperEl.scrollTo((S={},S[r.axis[t].offsetAttr]=d,S)),l.requestAnimationFrame(g)}};x()}},n.getContentElement=function(){return this.contentEl},n.getScrollElement=function(){return this.contentWrapperEl},n.getScrollbarWidth=function(){try{return getComputedStyle(this.contentWrapperEl,"::-webkit-scrollbar").display==="none"||"scrollbarWidth"in document.documentElement.style||"-ms-overflow-style"in document.documentElement.style?0:J()}catch{return J()}},n.removeListeners=function(){var s=this,t=N(this.el);this.options.autoHide&&this.el.removeEventListener("mouseenter",this.onMouseEnter),["mousedown","click","dblclick"].forEach(function(r){s.el.removeEventListener(r,s.onPointerEvent,!0)}),["touchstart","touchend","touchmove"].forEach(function(r){s.el.removeEventListener(r,s.onPointerEvent,{capture:!0,passive:!0})}),this.el.removeEventListener("mousemove",this.onMouseMove),this.el.removeEventListener("mouseleave",this.onMouseLeave),this.contentWrapperEl&&this.contentWrapperEl.removeEventListener("scroll",this.onScroll),t.removeEventListener("resize",this.onWindowResize),this.mutationObserver&&this.mutationObserver.disconnect(),this.resizeObserver&&this.resizeObserver.disconnect(),this.recalculate.cancel(),this.onMouseMove.cancel(),this.hideScrollbars.cancel(),this.onWindowResize.cancel()},n.unMount=function(){this.removeListeners(),e.instances.delete(this.el)},n.isWithinBounds=function(s){return this.mouseX>=s.left&&this.mouseX<=s.left+s.width&&this.mouseY>=s.top&&this.mouseY<=s.top+s.height},n.findChild=function(s,t){var r=s.matches||s.webkitMatchesSelector||s.mozMatchesSelector||s.msMatchesSelector;return Array.prototype.filter.call(s.children,function(l){return r.call(l,t)})[0]},e})();F.defaultOptions={autoHide:!0,forceVisible:!1,clickOnTrack:!0,clickOnTrackSpeed:40,classNames:{contentEl:"simplebar-content",contentWrapper:"simplebar-content-wrapper",offset:"simplebar-offset",mask:"simplebar-mask",wrapper:"simplebar-wrapper",placeholder:"simplebar-placeholder",scrollbar:"simplebar-scrollbar",track:"simplebar-track",heightAutoObserverWrapperEl:"simplebar-height-auto-observer-wrapper",heightAutoObserverEl:"simplebar-height-auto-observer",visible:"simplebar-visible",horizontal:"simplebar-horizontal",vertical:"simplebar-vertical",hover:"simplebar-hover",dragging:"simplebar-dragging"},scrollbarMinSize:25,scrollbarMaxSize:0,timeout:1e3};F.instances=new WeakMap;function _e(e,n,a){return n in e?Object.defineProperty(e,n,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[n]=a,e}function M(){return M=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var a=arguments[n];for(var s in a)Object.prototype.hasOwnProperty.call(a,s)&&(e[s]=a[s])}return e},M.apply(this,arguments)}function Q(e,n){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);n&&(s=s.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),a.push.apply(a,s)}return a}function De(e){for(var n=1;n<arguments.length;n++){var a=arguments[n]!=null?arguments[n]:{};n%2?Q(a,!0).forEach(function(s){_e(e,s,a[s])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):Q(a).forEach(function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(a,s))})}return e}function Te(e,n){if(e==null)return{};var a={},s=Object.keys(e),t,r;for(r=0;r<s.length;r++)t=s[r],!(n.indexOf(t)>=0)&&(a[t]=e[t]);return a}function Be(e,n){if(e==null)return{};var a=Te(e,n),s,t;if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(t=0;t<r.length;t++)s=r[t],!(n.indexOf(s)>=0)&&Object.prototype.propertyIsEnumerable.call(e,s)&&(a[s]=e[s])}return a}var Ue=function(n){var a=Array.prototype.reduce.call(n,function(s,t){var r=t.name.match(/data-simplebar-(.+)/);if(r){var l=r[1].replace(/\W+(.)/g,function(o,c){return c.toUpperCase()});switch(t.value){case"true":s[l]=!0;break;case"false":s[l]=!1;break;case void 0:s[l]=!0;break;default:s[l]=t.value}}return s},{});return a},X=f.forwardRef(function(e,n){var a=e.children,s=e.scrollableNodeProps,t=s===void 0?{}:s,r=Be(e,["children","scrollableNodeProps"]),l,o=A.useRef(),c=A.useRef(),h=A.useRef(),d={},u={},v=[];return Object.keys(r).forEach(function(m){Object.prototype.hasOwnProperty.call(F.defaultOptions,m)?d[m]=r[m]:m.match(/data-simplebar-(.+)/)&&m!=="data-simplebar-direction"?v.push({name:m,value:r[m]}):u[m]=r[m]}),v.length&&console.warn(`simplebar-react: this way of passing options is deprecated. Pass it like normal props instead:
-        'data-simplebar-auto-hide="false"' —> 'autoHide="false"'
-      `),A.useEffect(function(){return o=t.ref||o,c.current&&(l=new F(c.current,De({},Ue(v),{},d,{},o&&{scrollableNode:o.current},{},h.current&&{contentNode:h.current})),n&&(n.current=l)),function(){l.unMount(),l=null}},[]),f.createElement("div",M({ref:c,"data-simplebar":!0},u),f.createElement("div",{className:"simplebar-wrapper"},f.createElement("div",{className:"simplebar-height-auto-observer-wrapper"},f.createElement("div",{className:"simplebar-height-auto-observer"})),f.createElement("div",{className:"simplebar-mask"},f.createElement("div",{className:"simplebar-offset"},typeof a=="function"?a({scrollableNodeRef:o,contentNodeRef:h}):f.createElement("div",M({},t,{className:"simplebar-content-wrapper".concat(t.className?" ".concat(t.className):"")}),f.createElement("div",{className:"simplebar-content"},a)))),f.createElement("div",{className:"simplebar-placeholder"})),f.createElement("div",{className:"simplebar-track simplebar-horizontal"},f.createElement("div",{className:"simplebar-scrollbar"})),f.createElement("div",{className:"simplebar-track simplebar-vertical"},f.createElement("div",{className:"simplebar-scrollbar"})))});X.displayName="SimpleBar";X.propTypes={children:z.oneOfType([z.node,z.func]),scrollableNodeProps:z.object};const He="_incorrect_4yeup_1",Ve="_answer_4yeup_4",Xe="_avatarContainer_4yeup_7",Ye="_avatarContainerImage_4yeup_15",qe="_image_4yeup_19",Ke="_imageContainer_4yeup_27",Ge="_svgFill_4yeup_42",C={incorrect:He,answer:Ve,avatarContainer:Xe,avatarContainerImage:Ye,image:qe,imageContainer:Ke,svgFill:Ge},T=["A","B","C","D"];ce.defaultProps={size:"lg",unCheckedBackground:"bg-white"};function ce(e){const[n,a]=f.useState(null),s=!!e.interaction.actionableItems.find(l=>{var o;return!!((o=l.data)!=null&&o.imageUrl)}),t=f.useRef(null),r=e.size==="sm"||s&&e.interaction.actionableItems.length>2;return i.jsx("ul",{className:`${s?`row ${r&&!e.isDisplayOnly?"px-lg-5 p-0":""}`:""} list-unstyled`,children:e.interaction.actionableItems.map((l,o)=>{var S,W;const c=(S=e.getSelectedAnswer)==null?void 0:S.call(e,l.id),h=(W=l.data)==null?void 0:W.imageUrl,d=!!l.name;function u(){e.submitted||(e.onSelectAnswer&&e.onSelectAnswer(l,!c),a(c?null:l.id))}if(e.onlyShowSelectedAnswer&&!c)return i.jsx(f.Fragment,{},o);let v=c?"bg-blue text-white":e.unCheckedBackground,m=()=>i.jsx(i.Fragment,{children:T[o]});e.showFeedback&&(e.showCorrectnessIcons||(v=l.isCorrect?"bg-success text-white":`bg-danger text-white ${C.incorrect}`),e.hideFeedbackIcons||(m=()=>i.jsx(i.Fragment,{children:l.isCorrect?i.jsx(y,{size:O.Small,svg:H}):i.jsx(y,{size:O.Small,svg:$})})));const x=e.showFeedback?{}:{role:"button",tabIndex:0,onKeyDown:ue=>ue.key==="Enter"&&u()};let g="";s&&(g="col-6");const p=l.id.toString()===(n==null?void 0:n.toString())&&e.leftHandSidePortalNode&&h&&!e.submitted;return i.jsxs(f.Fragment,{children:[p&&i.jsx(ye,{node:e.leftHandSidePortalNode,children:i.jsx(X,{className:"h-100",ref:t,children:i.jsxs("div",{className:"p-3 d-flex flex-column h-100",children:[i.jsxs("div",{className:"flex-grow-1",children:[i.jsx("div",{className:"cv-image-container text-center",children:i.jsx("img",{className:"img-fluid rounded",src:h,alt:l.name||T[o]})}),i.jsxs("div",{className:`${C.answer} h6 text-center text-dark p-3`,children:[i.jsx("span",{className:`d-inline-block ${d?"me-3":""} cv-multiple-choice-bullet`,children:i.jsx(m,{})}),d&&i.jsx("span",{className:"flex-grow-1 pe-4",children:l.name})]})]}),i.jsx("div",{className:"text-end",children:i.jsx(ge,{className:"btn btn-link",onClick:()=>a(null),children:"Close"})})]})})}),i.jsx("li",{className:`${g} mb-3`,children:i.jsxs("label",{className:`
-                  d-block
-                  rounded-3
-                  shadow-sm
-                  position-relative
-                  ${e.showFeedback?"":"cursor-pointer"}
-                  ${C.answer}
-                  ${v}
-                  ${s?"mb-0 h-100":""}
-                `,onClick:u,...x,children:[s&&i.jsxs("div",{children:[e.showCorrectnessIcons&&i.jsx("div",{className:`${C.svgFill} position-absolute top-0 start-0 p-2 z-1`,children:l.isCorrect?i.jsx(y,{svg:ae,size:O.ExtraLarge,className:"svg-container text-success"}):i.jsx(y,{svg:ne,size:O.Large,className:"svg-container text-red"})}),i.jsx("span",{className:`d-block position-relative ${C.imageContainer}`,children:i.jsx("span",{className:`
-                          ${C.image}
-                          position-absolute
-                          start-0
-                          end-0
-                          top-0
-                          bottom-0
-                          rounded-top
-                        `,style:{backgroundImage:h?`url(${h})`:void 0},title:l.name||T[o]})})]}),i.jsxs("span",{className:`d-flex ${d||e.isDisplayOnly?"justify-content-between":"justify-content-center"} ${r?"p-2":"p-3"}`,children:[i.jsx("span",{className:`d-inline-block ${d?"me-3":""} cv-multiple-choice-bullet`,children:i.jsx(m,{})}),d&&i.jsx("span",{className:"flex-grow-1 pe-4",children:l.name}),e.userAvatar&&!e.onlyShowSelectedAnswer&&i.jsx("span",{className:`${C.avatarContainer} ${s?C.avatarContainerImage:""}`,children:c&&i.jsx(P,{imageCdnUrl:e.imageApi,initials:e.userInitials,imageUrl:e.userAvatar,extraClasses:"border border-white"})})]})]},o)})]},o)})})}const Je="_uncheckedBackground_klk8h_1",de={uncheckedBackground:Je};function Qe(e){var s,t,r,l;function n(o){const c=e.answers.find(h=>h.id==o);return c==null?void 0:c.id}let a="my-2";return e.reportsStyling&&(a+=" mx-2"),i.jsx("div",{className:a,children:i.jsx(ce,{interaction:e.interaction,showFeedback:e.showFeedback,getSelectedAnswer:n,imageApi:e.imageCdnUrl,userInitials:e.anonymisedUserName?k.getInitialsFromFullName(e.anonymisedUserName):k.getInitials((s=e.user)==null?void 0:s.name,(t=e.user)==null?void 0:t.surname),userAvatar:e.anonymisedUserName?null:(l=(r=e.user)==null?void 0:r.avatar)==null?void 0:l.url,onlyShowSelectedAnswer:!e.showAvatar,size:"sm",unCheckedBackground:e.showFeedback?"":`${de.uncheckedBackground} text-white`,isDisplayOnly:!0})})}function Ze(e){const n=R.first(e.answers);if(!n)return i.jsx(i.Fragment,{});let a="rounded p-2 mb-2";return e.reportsStyling||(a+=" bg-blue text-white"),i.jsx("div",{className:a,children:n.text})}const et="_feedback_ktgsx_1",tt="_avatarContainer_ktgsx_5",st="_avatarContainerSmall_ktgsx_14",it="_avatarSmall_ktgsx_18",rt="_incorrect_ktgsx_22",nt="_large_ktgsx_25",at="_small_ktgsx_29",E={feedback:et,avatarContainer:tt,avatarContainerSmall:st,avatarSmall:it,incorrect:rt,large:nt,small:at};he.defaultProps={size:"lg",unCheckedBackground:"bg-white"};function he(e){function n(a){e.onSelectAnswer&&e.onSelectAnswer(a)}return i.jsx("div",{className:`d-flex ${e.className?e.className:""} ${e.size==="sm"?"mx-n1":"mx-n2"}`,children:e.interaction.actionableItems.map((a,s)=>{const t=e.getSelectedAnswer(a.id);let r=t?"bg-blue text-white":e.unCheckedBackground,l=()=>i.jsx(i.Fragment,{});e.showFeedback&&(r=a.isCorrect?"bg-success text-white":`bg-danger text-white ${E.incorrect}`,e.hideFeedbackIcons||(l=()=>i.jsx(i.Fragment,{children:a.isCorrect?i.jsx(y,{size:O.Small,svg:H}):i.jsx(y,{size:O.Small,svg:$})})));const o=e.showFeedback?{}:{role:"button",tabIndex:0,onKeyDown:c=>c.key==="Enter"&&n(a)};return i.jsxs("label",{htmlFor:a.id,className:`
-              rounded-3
-              shadow-sm
-              my-0
-              position-relative
-              overflow-hidden
-              d-flex
-              align-items-center
-              justify-content-center
-              ${e.size==="sm"?`${E.small} mx-1 h5`:`${E.large} mx-2 h4`}
-              ${e.showFeedback?"":"cursor-pointer"}
-              ${r}`,...o,children:[i.jsx("input",{id:a.id,type:"radio",name:"multiple-choice",checked:!!t,onChange:()=>n(a),disabled:e.showFeedback,hidden:!0}),a.name,i.jsx("span",{className:`position-absolute p-2 ${E.feedback}`,children:i.jsx(l,{})}),i.jsx("span",{className:`${E.avatarContainer}${e.size==="sm"?` ${E.avatarContainerSmall}`:""}`,children:t&&i.jsx(P,{imageCdnUrl:e.imageApi,initials:e.userInitials,imageUrl:e.userAvatar,extraClasses:`border border-white ${e.size==="sm"?E.avatarSmall:""}`})})]},s)})})}function lt(e){var s,t,r,l;function n(o){const c=e.answers.find(h=>h.id==o);return c==null?void 0:c.text}let a="justify-content-start";return e.reportsStyling&&(a="justify-content-center"),i.jsx("div",{className:"my-2",children:i.jsx(he,{className:a,interaction:e.interaction,showFeedback:e.showFeedback,hideFeedbackIcons:!e.showAvatar,getSelectedAnswer:n,imageApi:e.imageCdnUrl,userInitials:e.anonymisedUserName?k.getInitialsFromFullName(e.anonymisedUserName):k.getInitials((s=e.user)==null?void 0:s.name,(t=e.user)==null?void 0:t.surname),userAvatar:e.anonymisedUserName?null:(l=(r=e.user)==null?void 0:r.avatar)==null?void 0:l.url,size:"sm",unCheckedBackground:e.showFeedback?"":`${de.uncheckedBackground} text-white`})})}const Z=()=>i.jsx(i.Fragment,{}),ot={[b.Annotation]:Z,[b.Image]:Z,[b.MissingWord]:Pe,[b.MultipleChoice]:Qe,[b.TrueOrFalse]:lt,[b.ShortAnswer]:Ze,[b.Illustration]:$e},ct="_avatarContainer_1h05x_1",dt={avatarContainer:ct};function pt(e){var r,l,o,c;const n=ot[e.interaction.typeId];if(!n)return i.jsx(i.Fragment,{});const a=ee(e.studentResults),s=te(e.interaction.id,a),t=se.isInteractionCorrect(e.interaction,a);return i.jsx("div",{className:"position-relative mt-2",children:i.jsxs("div",{className:`rounded ${e.className??""}`,children:[i.jsxs("div",{className:"d-flex",children:[!!e.showStudentDetails&&i.jsx("div",{className:"me-2",children:i.jsx("div",{className:dt.avatarContainer,children:i.jsx(P,{imageCdnUrl:e.imageCdnUrl,initials:e.anonymisedUserName?k.getInitialsFromFullName(e.anonymisedUserName):k.getInitials((r=e.studentResults.user)==null?void 0:r.name,(l=e.studentResults.user)==null?void 0:l.surname),imageUrl:e.anonymisedUserName?null:(c=(o=e.studentResults.user)==null?void 0:o.avatar)==null?void 0:c.url})})}),i.jsxs("div",{className:"flex-grow-1",children:[!!e.showStudentDetails&&i.jsx(re,{studentResults:e.studentResults,correctness:t,anonymisedUserName:e.anonymisedUserName}),i.jsxs("div",{className:"d-flex justify-content-between",children:[i.jsx("div",{className:`flex-grow-1 ${e.responseComponentClass?e.responseComponentClass:""}`,children:s?i.jsx(n,{interaction:e.interaction,answers:s.answers,imageCdnUrl:e.imageCdnUrl,user:e.studentResults.user,showFeedback:e.showFeedback,showAvatar:e.showAvatar,reportsStyling:e.reportsStyling}):i.jsx(oe,{})}),!e.showStudentDetails&&i.jsx(V,{correctness:t})]})]})]}),i.jsx(le,{studentAttempt:s,correctness:t,markInteraction:e.markInteraction,markedStatus:e.markedStatus})]})})}export{pt as I,ce as M,yt as a,wt as u};
-//# sourceMappingURL=O9F9Sybw.chunk.js.map