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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/classrooms/components/classroom-group-dropdown/ClassroomGroupDropdown.tsx","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/classrooms/components/classroom-group/ClassroomGroup.tsx","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/classrooms/components/colour-picker/ColourPicker.tsx","webpack://@clickview/lite/./src/apps/classrooms/components/colour-picker/colour-picker.scss?adf9","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/classrooms/components/manage-classroom-group-item/ManageClassroomGroupItem.tsx","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/classrooms/components/manage-classroom-groups/ManageClassroomGroups.tsx","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/classrooms/components/manage-classroom-groups/partial-loading/PartialManageClassroomGroups.tsx","webpack://@clickview/lite/./src/apps/classrooms/components/manage-classroom-groups/partial-loading/partial-manage-classrooms-groups.scss?ce30","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/classrooms/components/manage-classroom-student-item/ManageClassroomStudentItem.tsx","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/classrooms/components/manage-classroom-students/ManageClassroomStudents.tsx","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/classrooms/components/manage-classroom-students/empty-state/ManageClassroomStudentsEmptyState.tsx","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/classrooms/components/manage-classroom-students/partial-loading/PartialManageClassroomStudents.tsx","webpack://@clickview/lite/./src/apps/classrooms/components/manage-classroom-students/partial-loading/partial-manage-classroom-students.scss?fd46","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/classrooms/enums/GroupColour.ts","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/classrooms/utils/GroupHelper.ts","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/classrooms/views/manage-classroom/ManageClassroomView.tsx","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/shared/components/pill-tab-selector/PillTabSelector.tsx","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/shared/components/pill-tab-selector/partial-loading/PartialPillTabSelector.tsx","webpack://@clickview/lite/./src/shared/components/pill-tab-selector/partial-loading/partial-pill-tab-selector.scss?6dee","webpack://@clickview/lite/./src/shared/components/pill-tab-selector/pill-tab-selector.scss?9a90","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/shared/components/video-info-button/VideoInfoButton.tsx"],"names":[],"mappings":"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","file":"scripts/10.chunk.js","sourcesContent":["import React from 'react';\r\nimport { Dropdown } from 'react-bootstrap';\r\n\r\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\r\n\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { Checkbox } from 'libs/shared/components/forms/form-checkbox/Checkbox';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { UserAction, WorkflowPhase, EntityType } from 'libs/analytics/interfaces';\r\nimport { PropsWithAnalyticsOptions } from 'libs/shared/interfaces';\r\n\r\nimport { MockClassroomGroup } from 'shared/interfaces/mocks';\r\nimport { useBulkCheckboxManager } from 'shared/hooks/useBulkCheckboxManager';\r\nimport { Actions } from 'shared/constants/LiteActions';\r\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\r\n\r\nimport { ClassroomGroup } from 'apps/classrooms/components/classroom-group/ClassroomGroup';\r\nimport { MockClassroom } from 'apps/user-manager/interfaces';\r\n\r\nconst namespace = 'classrooms.classroomGroupDropdown';\r\n\r\nconst getNewGroupAppLink = (id: string, studentIds: string[]) => ({\r\n  application: AppChannels.CLASSROOMS,\r\n  action: Actions.Classrooms.NEW_GROUP,\r\n  args: [id],\r\n  params: {\r\n    addStudents: studentIds\r\n  }\r\n});\r\n\r\ntype ClassroomGroupDropdownProps = PropsWithAnalyticsOptions<{\r\n  id: string;\r\n  classroom: MockClassroom;\r\n  studentIds: string[];\r\n  groups: MockClassroomGroup[];\r\n  onToggle: (group: MockClassroomGroup, toggleOn: boolean) => void;\r\n  preselections?: MockClassroomGroup[];\r\n\r\n  alignRight?: boolean;\r\n  disabled?: boolean;\r\n}>;\r\n\r\nClassroomGroupDropdown.defaultProps = {\r\n  preselections: [],\r\n};\r\n\r\nexport function ClassroomGroupDropdown(props: ClassroomGroupDropdownProps): JSX.Element {\r\n  const { onToggleItem, isChecked } = useBulkCheckboxManager(props.groups, {\r\n    preselectedIds: props.preselections.map(s => s.id)\r\n  });\r\n\r\n  function onChange(group: MockClassroomGroup): void {\r\n    props.onToggle(group, !isChecked(group.id));\r\n    onToggleItem(group.id);\r\n  }\r\n\r\n  function onClickCreateNewGroup(): void {\r\n    AnalyticsHelper.logUserAction({}, AnalyticsHelper.mergeOptions(props.analyticsOptions, {\r\n      actionType: UserAction.Create,\r\n      workflowPhase: WorkflowPhase.Start,\r\n      entity: EntityType.ClassroomGroup\r\n    }));\r\n  }\r\n\r\n  const buttonClasses = 'mr-2 d-inline-block svg-container sm';\r\n\r\n  const dropdownProps: HashObject = {\r\n    alignRight: !!props.alignRight\r\n  };\r\n\r\n  /**\r\n   * This prop is applied like this so that when `props.disabled` it false, the prop is omitted altogether.\r\n   * This is because we want `react-bootstrap` to control the open state, and if we used the `show` prop\r\n   * at all times we'd be preventing that.\r\n   */\r\n  if (props.disabled)\r\n    dropdownProps.show = false;\r\n\r\n  return (\r\n    <Dropdown {...dropdownProps}>\r\n      <Dropdown.Toggle\r\n        as='div'\r\n        id={props.id}\r\n        className={`${props.disabled ? 'text-light' : 'cursor-pointer'} ${buttonClasses} no-caret`}\r\n      >\r\n        <SvgContainer svgName={cvSvgLibrary.Tag} />\r\n      </Dropdown.Toggle>\r\n      <Dropdown.Menu className='px-2'>\r\n        <p className='mb-0'><Text namespace={namespace} phrase='groupAs' /></p>\r\n        <ul className='list-unstyled pr-3'>\r\n          {props.groups.map(group => (\r\n            <li key={group.id} className='d-flex align-items-center bg-white my-1'>\r\n              <Checkbox\r\n                id={`${props.id}:${group.id}`}\r\n                checked={isChecked(group.id)}\r\n                onChange={() => onChange(group)}\r\n              />\r\n              <ClassroomGroup group={group} />\r\n            </li>\r\n          ))}\r\n        </ul>\r\n        <AppLink onClick={onClickCreateNewGroup} appLink={getNewGroupAppLink(props.classroom.id, props.studentIds)}>\r\n          <Text namespace={namespace} phrase='createNew' />\r\n        </AppLink>\r\n      </Dropdown.Menu>\r\n    </Dropdown>\r\n  );\r\n}","import React from 'react';\r\n\r\nimport { MockClassroomGroup } from 'shared/interfaces/mocks';\r\n\r\nimport { GroupColour } from 'apps/classrooms/enums/GroupColour';\r\nimport { mapColourToClassName } from 'apps/classrooms/utils/GroupHelper';\r\n\r\ninterface ClassroomGroupProps {\r\n  group: MockClassroomGroup;\r\n}\r\n\r\nexport function ClassroomGroup(props: ClassroomGroupProps): JSX.Element {\r\n  let classes = 'font-weight-normal text-nowrap rounded-pill py-1 px-2';\r\n  if (props.group.colour !== GroupColour.White)\r\n    classes += ' text-white';\r\n  else\r\n    classes += ' border border-dark';\r\n\r\n  classes += ` ${mapColourToClassName(props.group.colour)}`;\r\n\r\n  return (\r\n    <div className={classes}>\r\n      {props.group.name}\r\n    </div>\r\n  );\r\n}","import React from 'react';\r\nimport { Dropdown } from 'react-bootstrap';\r\n\r\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\r\n\r\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\r\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\n\r\nimport { GroupColour } from 'apps/classrooms/enums/GroupColour';\r\nimport { mapColourToClassName } from 'apps/classrooms/utils/GroupHelper';\r\n\r\nimport styles from './colour-picker.scss';\r\n\r\ninterface ColourPickerProps {\r\n  id: string;\r\n  onSelect?: (colour: string) => void;\r\n  selection?: GroupColour;\r\n  disabled?: boolean;\r\n}\r\n\r\nColourPicker.defaultProps = {\r\n  selection: GroupColour.White,\r\n  onSelect: () => {}\r\n};\r\n\r\nexport function ColourPicker(props: ColourPickerProps): JSX.Element {\r\n  function getToggleButtonClass(): string {\r\n    const baseClass = `${styles.dropdownToggle} outline-none p-0 d-flex align-items-center text-decoration-none`;\r\n    const disabledClass = props.disabled ? 'cursor-default' : '';\r\n\r\n    return `${baseClass} ${disabledClass}`;\r\n  }\r\n\r\n  function getOptionClass(colour: GroupColour): string {\r\n    const baseClass = `${styles.colourOption} position-relative`;\r\n    const borderClass = colour === GroupColour.White ? 'border border-dark' : '';\r\n    const disabledClass = props.disabled ? 'cursor-default' : '';\r\n    const colorClass = mapColourToClassName(colour);\r\n\r\n    return `${baseClass} ${borderClass} ${disabledClass} ${colorClass}`;\r\n  }\r\n\r\n  const dropdownProps: HashObject = {};\r\n  if (props.disabled)\r\n    dropdownProps.show = false;\r\n\r\n  return (\r\n    <Dropdown {...dropdownProps}>\r\n      <Dropdown.Toggle id={props.id} variant='link' className={getToggleButtonClass()}>\r\n        <div className={`border border-secondary rounded bg-white ${styles.colourButton}`}>\r\n          <div className={`px-0 py-1 rounded ${mapColourToClassName(props.selection)}`}>\r\n            &nbsp;\r\n          </div>\r\n        </div>\r\n\r\n        {!props.disabled &&\r\n          <SvgContainer svgName={cvSvgLibrary.Caret} />\r\n        }\r\n      </Dropdown.Toggle>\r\n\r\n      <Dropdown.Menu>\r\n        <ul className={`${styles.colourList} list-unstyled d-flex flex-wrap px-2 m-0`}>\r\n          {Object.keys(GroupColour).map(colourKey => {\r\n            const colour = (GroupColour as any)[colourKey];\r\n\r\n            return (\r\n              <li key={`${props.id}:${colour}`} className='m-1'>\r\n                <DivButton\r\n                  onClick={() => props.onSelect(colour)}\r\n                  className={getOptionClass(colour)}\r\n                >\r\n                  {colour === GroupColour.White\r\n                    ? <div className={styles.lineThrough} />\r\n                    : <>&nbsp;</>\r\n                  }\r\n                </DivButton>\r\n              </li>\r\n            );\r\n          })}\r\n        </ul>\r\n      </Dropdown.Menu>\r\n    </Dropdown>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"dropdownToggle\":\"cv--dropdownToggle--347DY\",\"colourButton\":\"cv--colourButton--1rKvE\",\"colourList\":\"cv--colourList--328-w\",\"colourOption\":\"cv--colourOption--1Tw7u\",\"lineThrough\":\"cv--lineThrough--18oZq\"};","import React from 'react';\r\n\r\nimport { Core } from 'libs/common/core';\r\n\r\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\r\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\n\r\nimport { MockClassroomGroup } from 'shared/interfaces/mocks';\r\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\r\nimport { Actions } from 'shared/constants/LiteActions';\r\n\r\nimport { ColourPicker } from 'apps/classrooms/components/colour-picker/ColourPicker';\r\nimport { MockClassroom } from 'apps/user-manager/interfaces';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { EntityType, WorkflowPhase, UserAction, LocationContext } from 'libs/analytics/interfaces';\r\n\r\ninterface ManageClassroomGroupItemProps {\r\n  classroom: MockClassroom;\r\n  group: MockClassroomGroup;\r\n}\r\n\r\nexport function ManageClassroomGroupItem(props: ManageClassroomGroupItemProps): JSX.Element {\r\n  function onClickEdit(): void {\r\n    AnalyticsHelper.logUserAction({ id: props.group.id }, {\r\n      entity: EntityType.ClassroomGroup,\r\n      workflowPhase: WorkflowPhase.Start,\r\n      actionType: UserAction.Edit,\r\n      location: LocationContext.ManageClassroomGroupListItem\r\n    });\r\n\r\n    Core.AppLinkHelper.trigger({\r\n      application: AppChannels.CLASSROOMS,\r\n      action: Actions.Classrooms.EDIT_GROUP,\r\n      args: [ props.classroom.id, props.group.id ]\r\n    });\r\n  }\r\n\r\n  function onClickDelete(): void {\r\n    AnalyticsHelper.logUserAction({ id: props.group.id }, {\r\n      entity: EntityType.ClassroomGroup,\r\n      workflowPhase: WorkflowPhase.Start,\r\n      actionType: UserAction.Delete,\r\n      location: LocationContext.ManageClassroomGroupListItem\r\n    });\r\n\r\n    Core.AppLinkHelper.trigger({\r\n      application: AppChannels.CLASSROOMS,\r\n      action: Actions.Classrooms.DELETE_GROUP,\r\n      args: [ props.classroom.id, props.group.id ]\r\n    });\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <div className='d-flex align-items-center'>\r\n        <p className='w-50 m-0'>{props.group.name}</p>\r\n\r\n        <div className='d-inline-block mr-4'>\r\n          <ColourPicker\r\n            selection={props.group.colour}\r\n            id={`${props.group.id}-classroom-group-list-item`}\r\n            disabled\r\n          />\r\n        </div>\r\n\r\n        <DivButton className='mr-2' onClick={onClickEdit}>\r\n          <SvgContainer svgName={cvSvgLibrary.Edit} />\r\n        </DivButton>\r\n\r\n        <DivButton onClick={onClickDelete}>\r\n          <SvgContainer svgName={cvSvgLibrary.Delete} />\r\n        </DivButton>\r\n      </div>\r\n    </>\r\n  );\r\n}","import * as React from 'react';\r\n\r\nimport { Text, LanguageNamespaceContext } from 'libs/shared/components/text/Text';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\r\n\r\nimport { Actions } from 'shared/constants/LiteActions';\r\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\r\n\r\nimport { MockClassroom } from 'apps/user-manager/interfaces';\r\nimport { ManageClassroomGroupItem } from 'apps/classrooms/components/manage-classroom-group-item/ManageClassroomGroupItem';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { WorkflowPhase, EntityType, UserAction, LocationContext } from 'libs/analytics/interfaces';\r\n\r\nconst namespace = 'classrooms.manageClassroomGroups';\r\n\r\nconst getCreateGroupAppLink = (id: string) => ({\r\n  application: AppChannels.CLASSROOMS,\r\n  action: Actions.Classrooms.NEW_GROUP,\r\n  args: [id]\r\n});\r\n\r\ninterface ManageClassroomGroupsProps {\r\n  classroom: MockClassroom;\r\n}\r\n\r\nexport function ManageClassroomGroups(props: ManageClassroomGroupsProps): JSX.Element {\r\n  function onClickCreateGroup(): void {\r\n    AnalyticsHelper.logUserAction({ classroomId: props.classroom.id }, {\r\n      workflowPhase: WorkflowPhase.Start,\r\n      entity: EntityType.ClassroomGroup,\r\n      actionType: UserAction.Create,\r\n      location: LocationContext.ManageClassroomGroups\r\n    });\r\n  }\r\n\r\n  return (\r\n    <LanguageNamespaceContext.Provider value={namespace}>\r\n      <div className='px-4 py-2'>\r\n        <div className='d-flex align-items-center'>\r\n          <h2 className='h6 w-50'><Text phrase='groupName' /></h2>\r\n          <h2 className='h6 w-25'><Text phrase='colour' /></h2>\r\n          <IconButton\r\n            appLink={getCreateGroupAppLink(props.classroom.id)}\r\n            onClick={onClickCreateGroup}\r\n            className='btn btn-outline-dark ml-auto'\r\n            svgName={cvSvgLibrary.Plus}\r\n          >\r\n            <Text phrase='createNew' />\r\n          </IconButton>\r\n        </div>\r\n\r\n        <ul className='list-unstyled'>\r\n          {props.classroom.groups.map(group => (\r\n            <li key={group.id} className='mb-2'>\r\n              <ManageClassroomGroupItem classroom={props.classroom} group={group} />\r\n            </li>\r\n          ))}\r\n        </ul>\r\n      </div>\r\n    </LanguageNamespaceContext.Provider>\r\n  );\r\n}","import React from 'react';\r\nimport { PartialPillTabSelector } from 'shared/components/pill-tab-selector/partial-loading/PartialPillTabSelector';\r\nimport styles from './partial-manage-classrooms-groups.scss';\r\n\r\nexport function PartialManageClassroomGroups(): JSX.Element {\r\n  return (\r\n    <>\r\n      {/* Link to classroom overview */}\r\n      <div className={`mb-3 ml-4 partial-loading-background ${styles.overviewLink}`} />\r\n\r\n      {/* Pill tab selector */}\r\n      <div className='pl-4 pb-2'>\r\n        <PartialPillTabSelector />\r\n      </div>\r\n\r\n      <div className='px-4 py-2'>\r\n        <div className='d-flex align-items-center'>\r\n          {/* Name heading */}\r\n          <div className='w-50 mb-2'>\r\n            <div className={`partial-loading-background ${styles.nameHeading}`} />\r\n          </div>\r\n          {/* Colour heading */}\r\n          <div className='w-25 mb-2'>\r\n            <div className={`partial-loading-background ${styles.colourHeading}`} />\r\n          </div>\r\n\r\n          {/* New group button */}\r\n          <div className={`partial-loading-background ml-auto ${styles.newGroup}`} />\r\n        </div>\r\n\r\n        {/* List of partial group items */}\r\n        <ul className='list-unstyled'>\r\n          {Array(8).fill(null).map((group, i) => (\r\n            <li key={i} className='mb-2'>\r\n              <div className='d-flex align-items-center'>\r\n                {/* Group name (random width) */}\r\n                <div className='w-50'>\r\n                  <div className={`partial-loading-background ${styles.group}`} />\r\n                </div>\r\n\r\n                {/* Colour picker */}\r\n                <div className='d-inline-block mr-4'>\r\n                  <div className={`partial-loading-background ${styles.colourPicker}`} />\r\n                </div>\r\n\r\n                {/* Edit action */}\r\n                <div className={`partial-loading-background mr-2 ${styles.actionIcon}`} />\r\n                {/* Delete action */}\r\n                <div className={`partial-loading-background ${styles.actionIcon}`} />\r\n              </div>\r\n            </li>\r\n          ))}\r\n        </ul>\r\n      </div>\r\n    </>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"overviewLink\":\"cv--overviewLink--3Wfw9\",\"nameHeading\":\"cv--nameHeading--1TlYf\",\"colourHeading\":\"cv--colourHeading--3_Tfc\",\"newGroup\":\"cv--newGroup--3oBoz\",\"group\":\"cv--group--3aWN8\",\"colourPicker\":\"cv--colourPicker--2NcjR\",\"actionIcon\":\"cv--actionIcon--3bhju\"};","import React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { Flight } from 'libs/common/flight';\r\n\r\nimport { Checkbox } from 'libs/shared/components/forms/form-checkbox/Checkbox';\r\nimport { Actions as MoreActions } from 'libs/shared/components/actions/Actions';\r\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\r\n\r\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\r\nimport { Actions } from 'shared/constants/LiteActions';\r\nimport { MockClassroomGroup } from 'shared/interfaces/mocks';\r\n\r\nimport { MockStudent, MockClassroom } from 'apps/user-manager/interfaces';\r\nimport { ClassroomGroupDropdown } from 'apps/classrooms/components/classroom-group-dropdown/ClassroomGroupDropdown';\r\nimport { ClassroomRequests } from 'apps/classrooms/flight-requests/ClassroomRequests';\r\nimport { ClassroomGroup } from 'apps/classrooms/components/classroom-group/ClassroomGroup';\r\nimport { SchoolUserRequests } from 'apps/user-manager/flight-requests/SchoolUserRequests';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { LocationContext, UserAction, AssocDescriptor, WorkflowPhase, EntityType } from 'libs/analytics/interfaces';\r\n\r\nconst namespace = 'classrooms.manageClassroomStudentItem';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\nconst getEditStudentAppLink = (id: string) => ({\r\n  application: AppChannels.USER_MANAGER,\r\n  action: Actions.UserManager.EDIT_STUDENT,\r\n  args: [id]\r\n});\r\n\r\nconst getRemoveStudentsAppLink = (studentId: string, classroomId: string) => ({\r\n  application: AppChannels.CLASSROOMS,\r\n  action: Actions.Classrooms.REMOVE_STUDENTS,\r\n  args: [classroomId],\r\n  params: {\r\n    studentIds: [studentId]\r\n  }\r\n});\r\n\r\ninterface ManageClassroomStudentItemProps {\r\n  classroom: MockClassroom;\r\n  student: MockStudent;\r\n  onToggleCheckbox: () => void;\r\n  checked: boolean;\r\n}\r\n\r\nexport function ManageClassroomStudentItem(props: ManageClassroomStudentItemProps): JSX.Element {\r\n  const dispatch = useDispatch();\r\n  const alerts = useAlerts();\r\n\r\n  const selectedGroups = Flight.useBasicFetch<MockClassroomGroup[]>(\r\n    SchoolUserRequests.getStudentsGroups(props.student.id));\r\n\r\n  function onToggleGroup(student: MockStudent, group: MockClassroomGroup, toggleOn: boolean): void {\r\n    if (toggleOn) {\r\n      Flight.fetch(\r\n        dispatch,\r\n        ClassroomRequests.addStudentsToGroup([student.id], group.id, () => {\r\n          AnalyticsHelper.logUserAction({\r\n            id: group.id,\r\n            studentCount: 1\r\n          }, {\r\n            actionType: UserAction.Associate,\r\n            entity: EntityType.ClassroomGroup,\r\n            descriptor: AssocDescriptor.User,\r\n            workflowPhase: WorkflowPhase.Complete,\r\n            location: LocationContext.ManageClassroomStudentListItem\r\n          });\r\n\r\n          alerts.success(getPhrase('addSuccess', { studentName: student.name, groupName: group.name }));\r\n        }, () => {\r\n          alerts.error(getPhrase('addError', { studentName: student.name, groupName: group.name }));\r\n        })\r\n      );\r\n\r\n      return;\r\n    }\r\n\r\n    Flight.fetch(\r\n      dispatch,\r\n      ClassroomRequests.removeStudentsFromGroup([student.id], group.id, () => {\r\n        AnalyticsHelper.logUserAction({\r\n          id: group.id,\r\n          studentCount: 1\r\n        }, {\r\n          actionType: UserAction.Dissociate,\r\n          entity: EntityType.ClassroomGroup,\r\n          descriptor: AssocDescriptor.User,\r\n          workflowPhase: WorkflowPhase.Complete,\r\n          location: LocationContext.ManageClassroomStudentListItem\r\n        });\r\n\r\n        alerts.success(getPhrase('removeSuccess', { studentName: student.name, groupName: group.name }));\r\n      }, () => {\r\n        alerts.error(getPhrase('removeError', { studentName: student.name, groupName: group.name }));\r\n      })\r\n    );\r\n  }\r\n\r\n  return (\r\n    <div className='d-flex align-items-center py-1 px-4'>\r\n      <Checkbox\r\n        id={props.student.id}\r\n        checked={props.checked}\r\n        onChange={props.onToggleCheckbox}\r\n        className='mr-2'\r\n      />\r\n\r\n      <p className='mb-0 w-25 text-truncate text-nowrap'>{props.student.name} {props.student.surname}</p>\r\n      <div className='mr-auto d-flex flex-wrap mt-n1'>\r\n        {!!selectedGroups.data?.length &&\r\n          selectedGroups.data.map(group => (\r\n            <div key={group.id} className='mr-1 mt-1'>\r\n              <ClassroomGroup group={group} />\r\n            </div>\r\n          ))\r\n        }\r\n      </div>\r\n\r\n      <ClassroomGroupDropdown\r\n        id={`add-group-${props.student.id}`}\r\n        classroom={props.classroom}\r\n        groups={props.classroom.groups}\r\n        studentIds={[props.student.id]}\r\n        preselections={selectedGroups.data}\r\n        onToggle={(group, toggleOn) => onToggleGroup(props.student, group, toggleOn)}\r\n        analyticsOptions={{ location: LocationContext.ManageClassroomStudentListItem }}\r\n        alignRight\r\n      />\r\n      <MoreActions\r\n        actions={[{\r\n          label: getPhrase('editStudent'),\r\n          appLink: getEditStudentAppLink(props.student.id),\r\n          onClick: () => {\r\n            AnalyticsHelper.logUserAction({ id: props.student.id }, {\r\n              actionType: UserAction.Edit,\r\n              entity: EntityType.User,\r\n              workflowPhase: WorkflowPhase.Start,\r\n              location: LocationContext.ManageClassroomStudentListItem\r\n            });\r\n          }\r\n        }, {\r\n          label: getPhrase('removeStudent'),\r\n          appLink: getRemoveStudentsAppLink(props.student.id, props.classroom.id),\r\n          onClick: () => {\r\n            AnalyticsHelper.logUserAction({ id: props.classroom.id, userId: props.student.id }, {\r\n              actionType: UserAction.Dissociate,\r\n              entity: EntityType.Classroom,\r\n              descriptor: AssocDescriptor.User,\r\n              workflowPhase: WorkflowPhase.Start,\r\n              location: LocationContext.ManageClassroomStudentListItem\r\n            });\r\n          }\r\n        }]}\r\n        actionsDropdownClassName='btn'\r\n      />\r\n    </div>\r\n  );\r\n}","import * as React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { Flight } from 'libs/common/flight';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\n\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { UserAction, EntityType, AssocDescriptor, WorkflowPhase, LocationContext } from 'libs/analytics/interfaces';\r\n\r\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\r\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\r\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { Checkbox } from 'libs/shared/components/forms/form-checkbox/Checkbox';\r\n\r\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\r\nimport { Actions } from 'shared/constants/LiteActions';\r\nimport { useBulkCheckboxManager } from 'shared/hooks/useBulkCheckboxManager';\r\nimport { MockClassroomGroup } from 'shared/interfaces/mocks';\r\n\r\nimport { MockClassroom } from 'apps/user-manager/interfaces';\r\nimport { ManageClassroomStudentItem } from 'apps/classrooms/components/manage-classroom-student-item/ManageClassroomStudentItem';\r\nimport { ClassroomGroupDropdown } from 'apps/classrooms/components/classroom-group-dropdown/ClassroomGroupDropdown';\r\nimport { ClassroomRequests } from 'apps/classrooms/flight-requests/ClassroomRequests';\r\n\r\nconst namespace = 'classrooms.manageClassroomStudents';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\ninterface ManageClassroomStudentsProps {\r\n  classroom: MockClassroom;\r\n}\r\n\r\nexport function ManageClassroomStudents(props: ManageClassroomStudentsProps): JSX.Element {\r\n  const { students } = props.classroom;\r\n\r\n  const dispatch = useDispatch();\r\n  const alerts = useAlerts();\r\n\r\n  const { onToggleBulk, onToggleItem, getSelected, isChecked, bulkChecked } = useBulkCheckboxManager(students);\r\n  const selectionCount = getSelected().length;\r\n\r\n  const bulkPreselections = Flight.useBasicFetch<MockClassroomGroup[]>(\r\n    ClassroomRequests.getGroupsWithAllStudents(students));\r\n\r\n  function onClickAddStudents(): void {\r\n    AnalyticsHelper.logUserAction({ id: props.classroom.id }, {\r\n      entity: EntityType.Classroom,\r\n      descriptor: AssocDescriptor.User,\r\n      workflowPhase: WorkflowPhase.Start,\r\n      actionType: UserAction.Associate,\r\n      location: LocationContext.ManageClassroomStudents\r\n    });\r\n\r\n    Core.AppLinkHelper.trigger({\r\n      application: AppChannels.CLASSROOMS,\r\n      action: Actions.Classrooms.ADD_STUDENTS,\r\n      args: [props.classroom.id]\r\n    });\r\n  }\r\n\r\n  function onClickBulkRemoveStudents(): void {\r\n    if (!selectionCount)\r\n      return;\r\n\r\n    AnalyticsHelper.logUserAction({ id: props.classroom.id }, {\r\n      entity: EntityType.Classroom,\r\n      descriptor: AssocDescriptor.User,\r\n      workflowPhase: WorkflowPhase.Start,\r\n      actionType: UserAction.Dissociate,\r\n      location: LocationContext.ManageClassroomStudents\r\n    });\r\n\r\n    Core.AppLinkHelper.trigger({\r\n      application: AppChannels.CLASSROOMS,\r\n      action: Actions.Classrooms.REMOVE_STUDENTS,\r\n      args: [props.classroom.id],\r\n      params: {\r\n        studentIds: getSelected()\r\n      }\r\n    });\r\n  }\r\n\r\n  function onBulkToggleGroup(group: MockClassroomGroup, toggleOn: boolean): void {\r\n    const selectedStudentIds = getSelected();\r\n\r\n    if (toggleOn) {\r\n      Flight.fetch(dispatch, ClassroomRequests.addStudentsToGroup(selectedStudentIds, group.id, () => {\r\n        AnalyticsHelper.logUserAction({\r\n          id: group.id,\r\n          studentCount: selectedStudentIds.length\r\n        }, {\r\n          actionType: UserAction.Associate,\r\n          entity: EntityType.ClassroomGroup,\r\n          descriptor: AssocDescriptor.User,\r\n          workflowPhase: WorkflowPhase.Complete,\r\n          location: LocationContext.ManageClassroomStudents\r\n        });\r\n\r\n        alerts.success(getPhrase('addSuccess', { groupName: group.name }));\r\n      }, () => {\r\n        alerts.error(getPhrase('addError', { groupName: group.name }));\r\n      }));\r\n    } else {\r\n      Flight.fetch(dispatch, ClassroomRequests.removeStudentsFromGroup(selectedStudentIds, group.id, () => {\r\n        AnalyticsHelper.logUserAction({\r\n          id: group.id,\r\n          studentCount: selectedStudentIds.length\r\n        }, {\r\n          actionType: UserAction.Dissociate,\r\n          entity: EntityType.ClassroomGroup,\r\n          descriptor: AssocDescriptor.User,\r\n          workflowPhase: WorkflowPhase.Complete,\r\n          location: LocationContext.ManageClassroomStudents\r\n        });\r\n\r\n        alerts.success(getPhrase('removeSuccess', { groupName: group.name }));\r\n      }, () => {\r\n        alerts.error(getPhrase('removeError', { groupName: group.name }));\r\n      }));\r\n    }\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <div className='d-flex align-items-center py-2 px-4'>\r\n        <Checkbox\r\n          id='manage-classroom-students-bulk'\r\n          onChange={onToggleBulk}\r\n          checked={bulkChecked}\r\n          className='mr-4'\r\n        />\r\n\r\n        <ClassroomGroupDropdown\r\n          id='bulk-add-group'\r\n          classroom={props.classroom}\r\n          studentIds={getSelected()}\r\n          groups={props.classroom.groups}\r\n          onToggle={onBulkToggleGroup}\r\n          disabled={!selectionCount}\r\n          preselections={bulkPreselections.data}\r\n          analyticsOptions={{ location: LocationContext.ManageClassroomStudents }}\r\n        />\r\n\r\n        <DivButton\r\n          className={`mr-auto ${!selectionCount ? 'text-light cursor-default' : ''}`}\r\n          onClick={onClickBulkRemoveStudents}\r\n        >\r\n          <SvgContainer svgName={cvSvgLibrary.Delete} />\r\n        </DivButton>\r\n\r\n        <IconButton\r\n          onClick={onClickAddStudents}\r\n          svgName={cvSvgLibrary.Plus}\r\n          className='btn btn-outline-dark'\r\n        >\r\n          <Text namespace={namespace} phrase='addStudent' />\r\n        </IconButton>\r\n      </div>\r\n\r\n      <ul className='striped-list list-unstyled'>\r\n        {students.map(student => (\r\n          <li key={student.id}>\r\n            <ManageClassroomStudentItem\r\n              classroom={props.classroom}\r\n              student={student}\r\n              checked={isChecked(student.id)}\r\n              onToggleCheckbox={() => onToggleItem(student.id)}\r\n            />\r\n          </li>\r\n        ))}\r\n      </ul>\r\n    </>\r\n  );\r\n}","import React from 'react';\r\n\r\nimport { Core } from 'libs/common/core';\r\n\r\nimport { Text, LanguageNamespaceContext } from 'libs/shared/components/text/Text';\r\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\n\r\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\r\nimport { Actions } from 'shared/constants/LiteActions';\r\nimport { VideoInfoButton } from 'shared/components/video-info-button/VideoInfoButton';\r\n\r\nimport { MockClassroom } from 'apps/user-manager/interfaces';\r\n\r\nconst namespace = 'classrooms.manageClassroomStudentsEmptyState';\r\n\r\ninterface ManageClassroomStudentsEmptyStateProps {\r\n  classroom: MockClassroom;\r\n}\r\n\r\nexport function ManageClassroomStudentsEmptyState(props: ManageClassroomStudentsEmptyStateProps): JSX.Element {\r\n  function onClickAddStudents(): void {\r\n    Core.AppLinkHelper.trigger({\r\n      application: AppChannels.CLASSROOMS,\r\n      action: Actions.Classrooms.ADD_STUDENTS,\r\n      args: [props.classroom.id]\r\n    });\r\n  }\r\n\r\n  return (\r\n    <LanguageNamespaceContext.Provider value={namespace}>\r\n      <div className='text-center pt-5'>\r\n        {/* TODO: use actual image and remove hard coded width/height */}\r\n        <img\r\n          style={{ width: '200px', height: '200px' }}\r\n          className='pb-3'\r\n          src='/images/empty-states/classroom-students-empty.png'\r\n          role='presentation'\r\n          alt=''\r\n        />\r\n\r\n        <h2 className='h6'><Text phrase='emptyStateHeading' /></h2>\r\n\r\n        <p className='mb-3'><Text phrase='emptyStateInfo' /></p>\r\n\r\n        <VideoInfoButton>\r\n          <Text phrase='videoButton' />\r\n        </VideoInfoButton>\r\n\r\n        <IconButton className='btn btn-dark' onClick={onClickAddStudents} svgName={cvSvgLibrary.Plus}>\r\n          <Text phrase='addStudents' />\r\n        </IconButton>\r\n      </div>\r\n    </LanguageNamespaceContext.Provider>\r\n  );\r\n}","import React from 'react';\r\n\r\nimport { PartialPillTabSelector } from 'shared/components/pill-tab-selector/partial-loading/PartialPillTabSelector';\r\n\r\nimport styles from './partial-manage-classroom-students.scss';\r\n\r\nexport function PartialManageClassroomStudents(): JSX.Element {\r\n  return (\r\n    <>\r\n      {/* Link to classroom overview */}\r\n      <div className={`mb-3 ml-4 partial-loading-background ${styles.overviewLink}`} />\r\n\r\n      {/* Pill tab selector */}\r\n      <div className='pl-4 pb-2'>\r\n        <PartialPillTabSelector />\r\n      </div>\r\n\r\n      <div className='d-flex align-items-center py-2 px-4'>\r\n        {/* Checkbox */}\r\n        <div className={`mr-4 partial-loading-background ${styles.checkbox}`} />\r\n        {/* Group selector */}\r\n        <div className={`mr-2 partial-loading-background ${styles.actionIcon}`} />\r\n        {/* Delete action */}\r\n        <div className={`mr-auto partial-loading-background ${styles.actionIcon}`} />\r\n\r\n        {/* Add new students button */}\r\n        <div className={`partial-loading-background ${styles.addStudents}`} />\r\n      </div>\r\n\r\n      {/* Students list */}\r\n      <ul className='striped-list list-unstyled'>\r\n        {Array(20).fill(null).map((student, i) => (\r\n          <li key={i}>\r\n            <div className='d-flex align-items-center py-1 px-4'>\r\n              {/* Checkbox */}\r\n              <div className={`mr-2 partial-loading-background ${styles.checkbox}`} />\r\n              {/* Student name */}\r\n              <div className='w-25'>\r\n                <div className={`partial-loading-background ${styles.studentName}`} />\r\n              </div>\r\n\r\n              {/* Groups list. Randomly renders either 1 or 2 groups. Group widths are randomly generated */}\r\n              <div className='mr-auto d-flex'>\r\n                {Math.random() > 0.5\r\n                  ? (\r\n                    <>\r\n                      <div className={`partial-loading-background rounded-pill mr-1 ${styles.group} ${styles.lg}`} />\r\n                      <div className={`partial-loading-background rounded-pill ${styles.group} ${styles.sm}`} />\r\n                    </>\r\n                  ) : <div className={`partial-loading-background rounded-pill ${styles.group} ${styles.sm}`} />\r\n                }\r\n              </div>\r\n\r\n              {/* Group selector */}\r\n              <div className={`mr-2 partial-loading-background ${styles.actionIcon}`} />\r\n              {/* More actions */}\r\n              <div className={`partial-loading-background ${styles.moreActions}`} />\r\n            </div>\r\n          </li>\r\n        ))}\r\n      </ul>\r\n    </>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"overviewLink\":\"cv--overviewLink--3Ubus\",\"checkbox\":\"cv--checkbox--11WXC\",\"actionIcon\":\"cv--actionIcon--1K3UF\",\"addStudents\":\"cv--addStudents--1sqTe\",\"studentName\":\"cv--studentName--3cfGe\",\"group\":\"cv--group--2HHY1\",\"sm\":\"cv--sm--3_EMi\",\"lg\":\"cv--lg--3L-SN\",\"moreActions\":\"cv--moreActions--9PVrB\"};","export enum GroupColour {\r\n  White = 'white',\r\n  Pink = 'pink',\r\n  YellowOrange = 'yellow-orange',\r\n  Emerald = 'emerald',\r\n  PuertoRico = 'puerto-rico',\r\n  PictonBlue = 'picton-blue',\r\n  EastSide = 'east-side',\r\n  Portage = 'portage'\r\n}","import { GroupColour } from 'apps/classrooms/enums/GroupColour';\r\n\r\nexport function mapColourToClassName(groupName: GroupColour): string {\r\n  return `bg-${groupName}`;\r\n}","import React from 'react';\r\n\r\nimport { Text, LanguageNamespaceContext } from 'libs/shared/components/text/Text';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\n\r\nimport { Flight } from 'libs/common/flight';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { Core } from 'libs/common/core';\r\n\r\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\r\nimport { Actions } from 'shared/constants/LiteActions';\r\nimport { PillTabSelector, PillTab } from 'shared/components/pill-tab-selector/PillTabSelector';\r\n\r\nimport { MockClassroom } from 'apps/user-manager/interfaces';\r\nimport { ClassroomRequests } from 'apps/classrooms/flight-requests/ClassroomRequests';\r\nimport { ManageClassroomStudents } from 'apps/classrooms/components/manage-classroom-students/ManageClassroomStudents';\r\nimport { ManageClassroomGroups } from 'apps/classrooms/components/manage-classroom-groups/ManageClassroomGroups';\r\nimport { ManageClassroomStudentsEmptyState } from 'apps/classrooms/components/manage-classroom-students/empty-state/ManageClassroomStudentsEmptyState';\r\nimport { PartialManageClassroomStudents } from 'apps/classrooms/components/manage-classroom-students/partial-loading/PartialManageClassroomStudents';\r\nimport { PartialManageClassroomGroups } from 'apps/classrooms/components/manage-classroom-groups/partial-loading/PartialManageClassroomGroups';\r\nimport { useSetPageTitle } from 'libs/common/react/hooks/UseSetPageTitle';\r\n\r\nconst namespace = 'classrooms.manageClassroom';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\nexport type ClassroomManagerTabs = 'students' | 'groups';\r\n\r\nconst getClassroomAppLink = (id: string) => ({\r\n  application: AppChannels.CLASSROOMS,\r\n  action: Actions.Classrooms.CLASSROOM,\r\n  args: [id]\r\n});\r\n\r\ninterface ManageClassroomViewProps {\r\n  id: string;\r\n  activeTab: ClassroomManagerTabs;\r\n}\r\n\r\nManageClassroomView.defaultProps = {\r\n  activeTab: 'students'\r\n};\r\n\r\nexport function ManageClassroomView(props: ManageClassroomViewProps): JSX.Element {\r\n  const classroom = Flight.useBasicFetch<MockClassroom>(ClassroomRequests.getClassroom(props.id));\r\n\r\n  useSetPageTitle(getPhrase(props.activeTab === 'students' ? 'pageTitleStudents' : 'pageTitleGroups'));\r\n\r\n  function onSelectStudentsTab(): void {\r\n    Core.AppLinkHelper.trigger({\r\n      application: AppChannels.CLASSROOMS,\r\n      action: Actions.Classrooms.MANAGE_CLASSROOM,\r\n      args: [props.id],\r\n      params: {\r\n        tab: 'students'\r\n      }\r\n    });\r\n  }\r\n\r\n  function onSelectGroupsTab(): void {\r\n    Core.AppLinkHelper.trigger({\r\n      application: AppChannels.CLASSROOMS,\r\n      action: Actions.Classrooms.MANAGE_CLASSROOM,\r\n      args: [props.id],\r\n      params: {\r\n        tab: 'groups'\r\n      }\r\n    });\r\n  }\r\n\r\n  const tabs: PillTab[] = [{\r\n    name: getPhrase('students'),\r\n    onSelect: onSelectStudentsTab,\r\n    active: props.activeTab === 'students'\r\n  }, {\r\n    name: getPhrase('groups'),\r\n    onSelect: onSelectGroupsTab,\r\n    active: props.activeTab === 'groups'\r\n  }];\r\n\r\n  return (\r\n    <LanguageNamespaceContext.Provider value={namespace}>\r\n      <h1 className='mb-1 pl-4'><Text phrase='heading' /></h1>\r\n\r\n      {(() => {\r\n        if (!classroom.data) {\r\n          switch (props.activeTab) {\r\n          case 'students':\r\n            return <PartialManageClassroomStudents />;\r\n          case 'groups':\r\n            return <PartialManageClassroomGroups />;\r\n          }\r\n        }\r\n\r\n        let ActiveTabComponent: (props: any) => JSX.Element;\r\n        const hasStudents = !!classroom.data.students?.length;\r\n\r\n        switch (props.activeTab) {\r\n        case 'students':\r\n          ActiveTabComponent = hasStudents ? ManageClassroomStudents : ManageClassroomStudentsEmptyState;\r\n          break;\r\n        case 'groups':\r\n          ActiveTabComponent = ManageClassroomGroups;\r\n        }\r\n\r\n        return (\r\n          <div className='px-3'>\r\n            <p className='pb-3 pl-4 mb-0'>\r\n              <Text phrase='goTo' />\r\n              <AppLink className='info-link' appLink={getClassroomAppLink(props.id)}>{classroom.data.name}</AppLink>\r\n            </p>\r\n\r\n            <div className='pl-4 pb-2'>\r\n              <PillTabSelector tabs={tabs} />\r\n            </div>\r\n\r\n            <ActiveTabComponent classroom={classroom.data} />\r\n          </div>\r\n        );\r\n      })()}\r\n    </LanguageNamespaceContext.Provider>\r\n  );\r\n}","import React from 'react';\r\n\r\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\r\n\r\nimport styles from './pill-tab-selector.scss';\r\n\r\nexport interface PillTab {\r\n  name: string;\r\n  onSelect: () => void;\r\n  active: boolean;\r\n}\r\n\r\ninterface PillTabSelectorProps {\r\n  tabs: PillTab[];\r\n}\r\n\r\nexport function PillTabSelector(props: PillTabSelectorProps): JSX.Element {\r\n  function onSelectTab(tab: PillTab): void {\r\n    if (tab.active)\r\n      return;\r\n\r\n    tab.onSelect();\r\n  }\r\n\r\n  return (\r\n    <nav>\r\n      <ul className={`list-unstyled d-inline-block border border-dark m-0 ${styles.pillTabSelector}`}>\r\n        {props.tabs.map(tab => (\r\n          <li className={`p-0 ${tab.active ? 'btn btn-dark' : 'btn btn-outline-dark'}`} key={tab.name}>\r\n            <DivButton className='cursor-pointer outline-none py-1' onClick={() => onSelectTab(tab)}>\r\n              {tab.name}\r\n            </DivButton>\r\n          </li>\r\n        ))}\r\n      </ul>\r\n    </nav>\r\n  );\r\n}","import React from 'react';\r\n\r\nimport styles from '../pill-tab-selector.scss';\r\nimport partialStyles from './partial-pill-tab-selector.scss';\r\n\r\nexport function PartialPillTabSelector(): JSX.Element {\r\n  return (\r\n    <div className={`partial-loading-background ${styles.pillTabSelector} ${partialStyles.partialSize}`} />\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"partialSize\":\"cv--partialSize--1HB_G\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"pillTabSelector\":\"cv--pillTabSelector--33p-_\"};","import React from 'react';\r\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\n\r\nexport function VideoInfoButton(props: React.PropsWithChildren<{}>): JSX.Element {\r\n  return (\r\n    <IconButton\r\n      className='btn btn-outline-info d-block mx-auto mb-3'\r\n      svgName={cvSvgLibrary.Video}\r\n    >\r\n      {props.children}\r\n    </IconButton>\r\n  );\r\n}"],"sourceRoot":""}

package/dist/scripts/11-6e7f935551.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[11],{1010:function(e,t,n){"use strict";var a=n(0),r=n(57),i=n(35),o=n(7),c=n(127);function l(e){return function(e){if(Array.isArray(e))return s(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return s(e,t)}(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.")}()}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var u=n(908),d=n(950),m=n(985),f=n(240),p=n(852),g=n(933),v=n.n(g);function b(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(a=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);a=!0);}catch(e){r=!0,i=e}finally{try{a||null==c.return||c.return()}finally{if(r)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return y(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return y(e,t)}(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 y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var h=function(){var e=b(a.useState(f.a.getRandomInt(5)+3+"rem"),1)[0];return a.createElement("div",{className:"border d-flex position-relative mr-2 ".concat(v.a.widgetItem)},a.createElement("div",{className:v.a.imagePanel}),a.createElement("div",{className:"px-2",style:{width:e}}," "),a.createElement(p.a,{type:p.b.Subject}))},E=n(1019),w=n(875),k=n(73),A=n(894),N=n(986),S=n(51),O=n(40),L=function(e,t,n,a,r){return function(i){C(i.clientX,e,t,n,a,r)}},j=function(e,t,n,a,r){return function(i){C(i.touches.item(0).clientX,e,t,n,a,r)}};function C(e,t,n,a,r,i){var o=r;o||(i(o=Object.assign(Object.assign({},n),{initialMouseX:e})),t.current.style.transition=""),a({type:w.a.Drag,payload:{widgetSnapshot:o,currentMouseX:e}})}var I=function(e,t){return function(){e.current.style.transition="transform .4s ease-in-out",t(null)}},x=I,P={offset:0,containerLeftPosition:null,containerRightPosition:null,firstElementPosition:null,lastElementPosition:null,hideLeftButton:!0,hideRightButton:!0,maxSlideDistance:500,leftOffsetLimit:null};function D(e,t){switch(t.type){case w.a.Init:case w.a.Resize:return Object.assign(Object.assign({},e),function(e){var t=e.container,n=void 0===t?{}:t,a=e.lastElement,r=void 0===a?{}:a;if(!n.current||!r.current)return P;var i=e.container.current.getBoundingClientRect().left,o=e.container.current.getBoundingClientRect().right,c=i,l=e.lastElement.current.getBoundingClientRect().right,s=o-l;return Object.assign(Object.assign({},P),{containerLeftPosition:i,containerRightPosition:o,firstElementPosition:c,lastElementPosition:l,hideRightButton:l<o,leftOffsetLimit:s})}(t.payload));case w.a.Next:return Object.assign(Object.assign({},e),function(e){var t=e.firstElementPosition,n=e.lastElementPosition,a=e.maxSlideDistance,r=e.offset,i=e.containerRightPosition,o=n-i>=a?a:n-i;return{firstElementPosition:t-o,lastElementPosition:n-o,offset:r-o,hideRightButton:n-o===i,hideLeftButton:!1}}(e));case w.a.Previous:return Object.assign(Object.assign({},e),function(e){var t=e.containerLeftPosition,n=e.firstElementPosition,a=e.lastElementPosition,r=e.maxSlideDistance,i=e.offset,o=n+r<=t,c=o?r:Math.abs(i);return{firstElementPosition:n+c,lastElementPosition:a+c,offset:i+c,hideLeftButton:!o||n+c===t,hideRightButton:!1}}(e));case w.a.Drag:return Object.assign(Object.assign({},e),function(e,t){var n=t.widgetSnapshot,a=t.currentMouseX;if(n.hideLeftButton&&n.hideRightButton)return{};var r=n.initialMouseX-a,i=n.offset-r,o=n.firstElementPosition-r,c=n.lastElementPosition-r,l=!1,s=!1;return o>e.containerLeftPosition&&(i=0,o=e.containerLeftPosition,c=e.lastElementPosition,l=!0),c<=e.containerRightPosition&&(i=e.leftOffsetLimit,o=e.containerLeftPosition-Math.abs(e.leftOffsetLimit),c=n.containerRightPosition,s=!0),{offset:i,firstElementPosition:o,lastElementPosition:c,hideLeftButton:l,hideRightButton:s}}(e,t.payload));default:return e}}var T=n(998),U=n.n(T),B=n(55),M=n(13);function F(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(a=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);a=!0);}catch(e){r=!0,i=e}finally{try{a||null==c.return||c.return()}finally{if(r)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return R(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return R(e,t)}(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 R(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}n.d(t,"a",(function(){return _})),n.d(t,"b",(function(){return H}));function _(e){var t,n=e.childComponent,s=e.staticChildren,f=F(a.useReducer(D,P),2),p=f[0],g=f[1],v=F(a.useState(null),2),b=v[0],y=v[1],h={container:a.useRef(null),firstElement:a.useRef(null),lastElement:a.useRef(null)};!function(e,t){var n,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],i=function(){e(),window.clearTimeout(n),n=window.setTimeout(t,100)};a.useEffect((function(){return window.addEventListener("resize",t?i:e),function(){return window.removeEventListener("resize",t?i:e)}}),l(r))}(function(e,t){return function(){e.container.current&&(e.container.current.style.transition=""),t({type:w.a.Resize,payload:e})}}(h,g),(t=h.container,function(){t.current&&(t.current.style.transition="transform .4s ease-in-out")}));var A=Object(u.a)(!e.lazyLoad),C=A.ref,T=A.inView,R=e.collection;!e.collection&&i.a.isFunction(e.fetch)&&(R=e.fetch(T)),a.useEffect((function(){R&&!r.a.isEmpty(R)&&g({type:w.a.Init,payload:h})}),[R]);var _=a.useMemo((function(){var t;if(R){var r,i;if(null===(t=s)||void 0===t?void 0:t.length){var o=c.a.findWhere(s,{position:"start"}),l=c.a.findWhere(s,{position:"end"});r=o?o.component:null,i=l?l.component:null}var u=R.map((function(t,o){var l,s,u;return t!==c.a.first(R)||r||(u=h.firstElement),t!==c.a.last(R)||i||(u=h.lastElement),a.createElement("div",{key:t.id,ref:u,className:U.a.itemSpacing},a.createElement(n,{data:t,appLink:e.childAppLink,analyticsData:Object.assign({itemIndex:o},null===(l=e)||void 0===l?void 0:l.analyticsData),analyticsOptions:Object.assign(Object.assign({},null===(s=e)||void 0===s?void 0:s.analyticsOptions),N.a.getSliderItemAnalyticsOptions())}))}));return r&&u.unshift(a.createElement("div",{key:"first-widget-component",ref:h.firstElement,className:U.a.itemSpacing},a.createElement(r,null))),i&&u.push(a.createElement("div",{key:"end-widget-component",ref:h.lastElement,className:U.a.itemSpacing},a.createElement(i,null))),a.createElement(a.Fragment,null,u)}}),[R]);if(R&&!R.length)return a.createElement(a.Fragment,null);if(!R||r.a.isEmpty(R))return a.createElement("div",{ref:C},a.createElement(H,null));var z=function(t){return Object.assign(Object.assign({},e.analyticsData),{name:o.a.getPhrase("shared.dynamicWidget",e.headingPhraseKey),direction:t===w.a.Next?"right":"left"})};return a.createElement(a.Fragment,null,function(){if(!e.headingPhraseKey)return a.createElement(a.Fragment,null);var t="topics"===e.headingPhraseKey;return a.createElement(S.a,{appLink:e.headingAppLink},a.createElement("h2",{className:"".concat(U.a.heading," ").concat(e.headingAppLink?U.a.link:""," h4 d-inline-block mr-2 pl-1 mb-2")},a.createElement(k.b,{namespace:"shared.dynamicWidget",phrase:e.headingPhraseKey}),t&&a.createElement(B.a,{svgName:M.b.ChevronRight,size:B.b.Small})))}(),a.createElement("div",{className:"position-relative px-1"},a.createElement(m.a,{direction:m.b.Left,onClick:function(){g({type:w.a.Previous}),O.a.logUserAction(z(w.a.Previous),N.a.getSliderAnalyticsOptions())},hide:p.hideLeftButton,useGradientBackdrop:!0}),a.createElement("div",{className:"overflow-hidden"},a.createElement(E.a,{position:p.offset,positionType:d.a.Pixels,onDrag:L(h.container,p,g,b,y),onDragEnd:I(h.container,y),onTouchMove:j(h.container,p,g,b,y),onTouchEnd:x(h.container,y),ref:h.container},_)),a.createElement(m.a,{direction:m.b.Right,onClick:function(){g({type:w.a.Next}),O.a.logUserAction(z(w.a.Next),N.a.getSliderAnalyticsOptions())},hide:p.hideRightButton,useGradientBackdrop:!0})))}var z=A.a.getPartialLoadingItems(),H=function(){return a.createElement("div",{className:"pb-3 d-flex flex-nowrap"},z.map((function(e,t){return a.createElement(h,{key:t})})))}},1018:function(e,t,n){"use strict";var a,r=n(0),i=n(35),o=n(57),c=n(127),l=n(894),s=n(51),u=function(e){var t=e.breadcrumb,n=t.label,a=t.appLink,i=t.active;return r.createElement("li",{className:"breadcrumb-item".concat(i?" active":"")},i?r.createElement("strong",null,n):r.createElement(s.a,{appLink:a},n))},d=function(e){var t=e.breadcrumbs;return r.createElement("ol",{className:"breadcrumb m-0 p-0"},t.map((function(e,t){return r.createElement(u,{key:t,breadcrumb:e})})))};function m(e){return function(e){if(Array.isArray(e))return g(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||p(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.")}()}function f(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(a=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);a=!0);}catch(e){r=!0,i=e}finally{try{a||null==c.return||c.return()}finally{if(r)throw i}}return n}(e,t)||p(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 p(e,t){if(e){if("string"==typeof e)return g(e,t);var n=Object.prototype.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)?g(e,t):void 0}}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function v(e,t,n){return{label:e.name,appLink:t(e),active:n}}function b(e){var t=function(e,t){var n,a=e.currentItem,l=e.getItemAppLink,s=e.getParent,u=e.rootItem,d=e.data,p=e.subview,g=f(Object(r.useState)([]),2),b=g[0],y=g[1],h=null===(n=d)||void 0===n?void 0:n.map((function(e){var t;return null===(t=e)||void 0===t?void 0:t.name})).join("-");r.useEffect((function(){if(!t&&!o.a.isEmpty(d)){var e=d.map((function(e,t){return v(e,l,t+1===d.length)}));u&&e.unshift(u),y(e)}}),[h]),r.useEffect((function(){if(t&&i.a.isFunction(s)){var e=[v(a,l,!0)];for(a=s(a);a;)e.unshift(v(a,l)),a=s(a);return u&&e.unshift(u),y(e)}}),[a,s,l,u]);var E=r.useRef({label:p,appLink:null,active:!0}).current;if(p){b.includes(E)||y([].concat(m(b),[E]));var w=b.filter((function(e){return e.active&&e!==E}));w.length&&(c.a.first(w).active=!1)}return b}(e,e.type===a.Dynamic);return r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement(d,{breadcrumbs:t}))}n.d(t,"a",(function(){return a})),n.d(t,"b",(function(){return b})),n.d(t,"c",(function(){return h})),function(e){e[e.Static=0]="Static",e[e.Dynamic=1]="Dynamic"}(a||(a={}));var y=l.a.getPartialLoadingItems({numItems:3}),h=function(){return r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement("ol",{className:"breadcrumb m-0 p-0"},y.map((function(e,t){var n=e.width;return r.createElement("li",{key:t,className:"breadcrumb-item"},r.createElement("span",{className:"d-inline-block partial-loading-background",style:{width:n},dangerouslySetInnerHTML:{__html:"&nbsp"}}))}))))}},1020:function(e,t,n){"use strict";var a=n(0),r=n.n(a),i=n(35),o=n(51),c=n(929),l=n.n(c);function s(e){var t=e.tag,n=e.appLink,a=e.disabled,i="badge-pill tag py-1 px-2 my-1 mr-1";return n&&!a&&(i+=" cursor-pointer"),a&&(i+=" "+l.a.disabled),n?r.a.createElement(o.a,{appLink:n,className:i},t.name):r.a.createElement("span",{className:i},t.name)}function u(e){var t=e.tags,n=e.getAppLink;return t&&t.data?r.a.createElement("div",{className:l.a.tagList},t.data.map((function(e){var t=i.a.isFunction(n)?n(e):null;return r.a.createElement(s,{key:e.id,tag:e,appLink:t})}))):r.a.createElement(r.a.Fragment,null)}n.d(t,"a",(function(){return u}))},1255:function(e,t,n){e.exports={footerImageContainer:"_2lUo1",footerImage:"Q_m9i",wave:"_2WUUq"}},1256:function(e,t,n){e.exports={partialHeroThumbnail:"mBd7D",partialSeriesText:"_2MXtV",partialVideoTitleText:"_3AoSO",partialBadge:"_33OjS",partialDescription:"_2uRQA",partialSubject:"_3YJIE",partialHeading:"_2UT-Z"}},1301:function(e,t,n){"use strict";n.r(t);var a=n(0),r=n(61),i=n(7),o=n(2),c=n(14),l=n(57),s=n(160),u=n(47),d=n(237),m=n(158),f=n(912),p=n(1018),g=n(13),v=n(157),b=n(154),y=n(252),h=n(79),E=n(21);function w(e){return function(e){if(Array.isArray(e))return k(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return k(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return k(e,t)}(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.")}()}function k(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var A=function(){return"/api/domain/v1/subjects/classifications/following"},N=function(e){return h.a.urlBuilder("/api/domain/v1/subjects/classifications/following",{id:e})},S={follow:function(e,t,n){return{url:A(),key:"follow:".concat(e.join(",")),type:E.a.POST,data:e,success:t,error:n,invalidationKeys:[].concat(w(e.map((function(e){return"classification:".concat(e)}))),["my:subject:preferences"])}},unfollow:function(e,t,n){return{url:N(e),key:"unfollow:".concat(e.join(",")),type:E.a.DELETE,success:t,error:n,invalidationKeys:[].concat(w(e.map((function(e){return"classification:".concat(e)}))),["my:subject:preferences"])}}},O=n(931),L=n(917);function j(e){return function(e){if(Array.isArray(e))return C(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return C(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return C(e,t)}(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.")}()}function C(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function I(e,t){return!!e&&(!(!e.application||!e.action)&&!!t())}var x,P=n(910),D=n(953);n(896);function T(e,t){switch(t.type){case x.Init:return Object.assign(Object.assign({},e),t.payload.reduce((function(e,t){return e[t.masterId]=t,e}),{}));case x.Toggle:return Object.assign({},function(e,t){var n=t.audience,a=t.isSelected;if(!n)return e;var r=n.masterId,i=Object.assign({},e);return a?i[r]||(i[r]=n):delete i[r],i}(e,t.payload));default:return e}}function U(e){return function(e){if(Array.isArray(e))return B(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return B(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return B(e,t)}(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.")}()}function B(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}!function(e){e.Init="init",e.Toggle="toggle"}(x||(x={}));var M=/\s|\+/gi;function F(e){return e?e.replace(M,"").toLowerCase():""}var R=n(894),_=n(911);function z(e){var t=e.audiences,n=e.activeAudiences,r=e.setAudience,i=e.disabled;return t&&t.length?a.createElement("div",{className:"pt-3"},t.map((function(e){return a.createElement(_.a,{key:e.masterId,audience:e,highlight:!!n&&!!n[e.masterId],setAudience:function(e,t){return r({type:x.Toggle,payload:{audience:e,isSelected:t}})},isDisabled:i})}))):a.createElement(a.Fragment,null)}var H=R.a.getPartialLoadingItems({numItems:6}),V=function(){return a.createElement("div",{className:"pt-3"},H.map((function(e,t){var n=e.width;return a.createElement("span",{key:t,className:"d-inline-block badge-pill partial-loading-background mr-1",dangerouslySetInnerHTML:{__html:"&nbsp"},style:{width:n}})})))},W=n(155),G=n(115),$=n(246),K=n(73),Y=n(55),J=n(1255),X=n.n(J);function q(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(a=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);a=!0);}catch(e){r=!0,i=e}finally{try{a||null==c.return||c.return()}finally{if(r)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Q(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Q(e,t)}(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 Q(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function Z(e){var t,n,r=q(a.useState(!1),2),i=r[0],o=r[1],c=q(a.useState(!1),2),l=c[0],s=c[1];a.useEffect((function(){var t,n;o(!!(null===(n=null===(t=e.data.followers)||void 0===t?void 0:t.data)||void 0===n?void 0:n.length)),s(!1)}),[null===(n=null===(t=e.data.followers)||void 0===t?void 0:t.data)||void 0===n?void 0:n.length]);var u=W.a.createBannerUrl(e.data.banner,{fallbackBaseUrl:e.imageCdnUrl,fallbackCategoryName:e.data.name,type:G.b.Banners},{size:G.a.Large}),d={className:i?"btn-white":"btn-dark",showSpinner:l,onClick:function(){s(!0),e.onToggleFollow()},variant:null};return a.createElement(K.a.Provider,{value:"subjects.comingSoon"},a.createElement("div",{className:"d-flex flex-column align-items-center text-center py-3"},a.createElement("h2",{className:"display-4 font-weight-bold mb-3"},a.createElement(K.b,{phrase:"comingSoon"})),a.createElement("p",{className:"w-33"},a.createElement(K.b,{phrase:"info"})),a.createElement($.a,Object.assign({},d),a.createElement(Y.a,{svgName:i?g.b.Check:g.b.Bell,className:"align-middle d-inline-block svg-container"}),a.createElement("span",{className:"align-middle pl-1"},a.createElement(K.b,{phrase:"remindMe"})))),a.createElement("div",{className:X.a.footerImageContainer},a.createElement("div",{className:"".concat(X.a.footerImage," banner position-relative"),style:{backgroundImage:"url('".concat(u,"')")}},a.createElement(Y.a,{className:X.a.wave,size:Y.b.ExtraLarge,svgName:g.b.WhiteWave}))))}var ee=n(33),te=n(954),ne=n(3);function ae(e){return a.createElement("div",{className:"position-relative px-2 mb-2"},a.createElement(te.a,{data:e.classification,appLink:e.appLink,isLarge:!0,analyticsData:e.analyticsData,analyticsOptions:Object.assign(Object.assign({},e.analyticsOptions),{location:ne.j.ClassificationListItem})}))}function re(e){return a.createElement(ee.Row,null,e.classifications.map((function(t){return a.createElement(ee.Col,{key:t.id,xs:12,sm:6,lg:4},a.createElement(ae,{key:t.id,classification:t,appLink:e.getItemAppLink(t),analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}))})))}var ie=n(859),oe=n(245),ce=n(862),le=n(857),se=n(887),ue=n(1020),de=n(51),me=n(838),fe=n(853),pe=n(876),ge=n(1256),ve=n.n(ge),be=function(e){return!!(e&&e.data&&e.data.length)};function ye(e){var t=e.video,n=e.presentationAudiences,r=e.videoAppLink,i=e.seriesAppLink,o=e.hideInteractiveBadge;if(!t)return a.createElement(a.Fragment,null);var c=pe.a.getSortedPresentationAudiences(t.subjectPresentationAudiences.data,n),l=pe.a.getMergedPresentationAudienceString(c),s=t.series&&!!t.series.id;return a.createElement(K.a.Provider,{value:"subjects.heroVideo"},a.createElement("h4",null,a.createElement(K.b,{phrase:"heading"})),a.createElement(ee.Row,{className:"pb-3"},a.createElement(ee.Col,{xs:6},a.createElement(ie.a,{video:t,appLink:r,seriesAppLink:s?i:null,size:me.a.Medium,textPosition:fe.a.Independent,type:"static"})),a.createElement(ee.Col,{xs:6,className:"p-1"},s&&a.createElement(oe.a,{video:t,appLink:i,className:"text-reset d-block"}),a.createElement(de.a,{appLink:r},a.createElement("h4",null,t.name)),a.createElement(ce.a,{className:"pb-1"},!o&&a.createElement(le.a,{type:le.b.Interactive,data:t.interactives}),a.createElement(le.a,{type:le.b.Rating,data:t.rating}),a.createElement(le.a,{type:le.b.ProductionYear,data:t.productionYear})),a.createElement("p",{className:"mb-1 clamp-4"},t.description),a.createElement(se.a,{audience:l,border:"dark"}),e.showExtraMetadata&&a.createElement(ee.Row,{className:"pt-2"},a.createElement(ee.Col,{xs:2},be(t.resources)&&a.createElement("p",{className:"font-weight-bold"},a.createElement(K.b,{phrase:"resourcesHeading"})),be(t.links)&&a.createElement("p",{className:"font-weight-bold"},a.createElement(K.b,{phrase:"linksHeading"})),be(t.clips)&&a.createElement("p",{className:"font-weight-bold"},a.createElement(K.b,{phrase:"clipsHeading"})),be(t.tags)&&a.createElement("p",{className:"font-weight-bold"},a.createElement(K.b,{phrase:"tagsHeading"}))),a.createElement(ee.Col,{xs:10},be(t.resources)&&a.createElement("p",null,a.createElement(K.b,{phrase:"resources",options:{smartCount:t.resources.data.length}})),be(t.links)&&a.createElement("p",null,a.createElement(K.b,{phrase:"links",options:{smartCount:t.links.data.length}})),be(t.clips)&&a.createElement("p",null,a.createElement(K.b,{phrase:"clips",options:{smartCount:t.clips.data.length}})),be(t.tags)&&a.createElement(ue.a,{tags:t.tags}))))))}function he(){return a.createElement(a.Fragment,null,a.createElement("div",{className:"partial-loading-background mb-2 ".concat(ve.a.partialHeading)}),a.createElement("div",{className:"row pb-3"},a.createElement("div",{className:"col-6 p1"},a.createElement("div",{className:"".concat(ve.a.partialHeroThumbnail," partial-loading-background")})),a.createElement("div",{className:"col-6 p1"},a.createElement("div",{className:"partial-loading-background mb-1 ".concat(ve.a.partialSeriesText)}),a.createElement("div",{className:"partial-loading-background my-1 ".concat(ve.a.partialVideoTitleText)}),a.createElement("div",{className:"d-flex"},a.createElement("div",{className:"partial-loading-background my-1 mr-1 ".concat(ve.a.partialBadge)}),a.createElement("div",{className:"partial-loading-background my-1 ml-1 ".concat(ve.a.partialBadge)})),a.createElement("div",{className:"partial-loading-background my-1 ".concat(ve.a.partialDescription)}),a.createElement("div",{className:"partial-loading-background mt-2 ".concat(ve.a.partialSubject)}))))}var Ee=n(993),we=n(1010),ke=n(989),Ae=n(951),Ne=n(955),Se=n(10),Oe=n(5),Le=n(116),je=function(e){return function(t){return{application:Oe.a.SUBJECT,action:Se.a.Subjects.CLASSIFICATION,args:t?[t.id,u.a.slugify(t.name)]:[],params:e||{}}}},Ce=function(e){return{application:Oe.a.PLAYLISTS,action:Se.a.Playlists.PLAYLIST,args:[e.id,u.a.slugify(e.name)]}},Ie=n(127);function xe(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(a=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);a=!0);}catch(e){r=!0,i=e}finally{try{a||null==c.return||c.return()}finally{if(r)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Pe(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Pe(e,t)}(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 Pe(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}n.d(t,"getBannerActions",(function(){return Te})),n.d(t,"ClassificationView",(function(){return Ue}));var De=i.a.encloseNamespace("subjects.classification");function Te(e,t,n){var a,r,i=!!(null===(r=null===(a=e.followers)||void 0===a?void 0:a.data)||void 0===r?void 0:r.length);return[{label:De(i?"unfollow":"follow"),onClick:t,svgName:g.b.Bell,className:"btn follow-btn ".concat(i?"btn-dark":"btn-light"),button:!0,tooltip:i?void 0:De("followBtnTooltip"),showSpinner:n},{label:De("share"),appLink:{application:Oe.a.DEFAULT,action:Se.a.Default.SHARE,args:[e.id],params:{entityType:"subject"}},svgName:g.b.Share,className:"btn btn-light",button:!0}]}function Ue(e){var t,n,i,g,h,E,w,k,A,N,C,B,M,R,_,H,W=e.id,G=e.queryParams,$=xe(a.useReducer(T,{}),2),K=$[0],Y=$[1],J=xe(a.useState(),2),X=J[0],q=J[1],Q=xe(a.useState(!1),2),ee=Q[0],ne=Q[1],ae=Object(r.useDispatch)(),ie=c.a.useBasicFetch(b.a.currentUser(),{optimize:!0}),oe=c.a.useBasicFetch(v.a.config,{optimize:!0}),ce=c.a.useBasicFetch(y.a.presentation(),{optimize:!0}),le=c.a.useBasicFetch(O.a.presentationAudiences(),{optimize:!0}),se=c.a.useBasicFetch((null===(t=ie.data)||void 0===t?void 0:t.id)&&y.a.classification(W,null===(n=ie.data)||void 0===n?void 0:n.id,(function(e){e.status!==s.a.BadRequest&&e.status!==s.a.NotFound||o.a.ErrorHelper.throw(new Le.a)})),{optimize:!0}),ue=c.a.useBasicFetch(y.a.path(W),{optimize:!0}),de=c.a.useBasicFetch(y.a.children(W),{optimize:!0});Object(d.a)(null===(i=se.data)||void 0===i?void 0:i.name);var me=l.a.keys(K),fe=l.a.values(K);me&&me.length||(me=[]);var ge=null===(h=null===(g=ce)||void 0===g?void 0:g.data)||void 0===h?void 0:h.id,ve=y.a.series(W,ge,me),be=y.a.playlists(W,ge,me),Pe=y.a.videos(W,ge,me),Ue=c.a.useGetResponse(ve&&ve.key),Be=c.a.useGetResponse(be&&be.key),Me=c.a.useGetResponse(Pe&&Pe.key),Fe=c.a.useGetFetch(ve),Re=c.a.useGetFetch(be),_e=c.a.useGetFetch(Pe),ze=me.length?me.join(":"):ge;function He(){var e,t;q(!0);var n=(null===(t=null===(e=se.data.followers)||void 0===e?void 0:e.data)||void 0===t?void 0:t.length)?S.unfollow:S.follow;c.a.fetch(ae,n([se.data.id]))}a.useEffect((function(){ge&&(Fe(),Re(),_e())}),[ze]),a.useEffect((function(){ee||(se.data?ne(!!se.data.series.count||!!se.data.playlists.count||!!se.data.videos.count):ne(!1))}),[se.data]),a.useEffect((function(){q(!1)}),[null===(k=null===(w=null===(E=se.data)||void 0===E?void 0:E.followers)||void 0===w?void 0:w.data)||void 0===k?void 0:k.length]),function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];a.useEffect((function(){var t=e.appLink,n=e.paramBuilder,a=e.isValid,r=e.appLinkOptions;I(t,a)&&(t.params=n(),o.a.AppLinkHelper.trigger(t,r))}),j(t))}({appLink:je()(se.data),paramBuilder:function(){return{a:fe.map((function(e){return e.name}))}},isValid:function(){var e;return!!(null===(e=se.data)||void 0===e?void 0:e.id)},appLinkOptions:{replace:!0}},[fe.length]);var Ve=!(!le.data||!le.data.length);!function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[];a.useEffect((function(){if(l.a.isObject(e)&&!l.a.isEmpty(e)&&t&&t.length){var a=e.a;if(a){"string"==typeof a&&(a=[a]);var r=a.reduce((function(e,t){return e[F(t)]=t,e}),{}),i=t.filter((function(e){return r[F(e.name)]}));n({type:x.Init,payload:i})}}}),U(r))}(G,le.data,Y,[Ve]);var We=!!se.data&&!!oe.data,Ge=!!se.data&&!!ue.data,$e=!!de.data,Ke=!!le.data,Ye=!!se.data&&!!Be.data,Je=!!se.data&&!!Me.data,Xe=!!se.data&&!!Ue.data&&!!le.data,qe=function(e,t,n,a){if(!(e&&t&&n&&a))return{heroVideo:null,videoList:n&&n.data};if(!e.data.length&&!t.data.length&&1===n.data.length)return{heroVideo:Ie.a.first(n.data),videoList:[]};var r=n.data.findIndex((function(e){return e.id===a.pinnedVideoMasterId}));return-1===r?{heroVideo:null,videoList:n.data}:{heroVideo:n.data[r],videoList:n.data.filter((function(e){return e.id!==a.pinnedVideoMasterId}))}}(Ue.data,Be.data,Me.data,se.data),Qe=qe.heroVideo,Ze=qe.videoList;return a.createElement("div",{className:"bg-white px-3"},We?a.createElement(f.a,{heading:se.data.name,banner:se.data.banner,imageCdnUrl:oe.data.imageCdnUrl,actions:(null===(A=se.data)||void 0===A?void 0:A.comingSoon)?[]:Te(se.data,He,X)}):a.createElement(f.b,null),a.createElement("div",{className:"px-3"},a.createElement("div",{className:"py-3 mb-3 ".concat((null===(N=se.data)||void 0===N?void 0:N.comingSoon)?"":"border-bottom")},Ge?a.createElement(p.b,{currentItem:se.data,type:p.a.Static,getItemAppLink:je(),data:ue.data,rootItem:{label:De("dashboard"),appLink:{application:Oe.a.DASHBOARD,action:Se.a.Dashboard.HOME}}}):a.createElement(p.c,null),!(null===(C=se.data)||void 0===C?void 0:C.comingSoon)&&(Ke&&Ye&&Xe&&Je?a.createElement(z,{audiences:le.data,activeAudiences:K,setAudience:Y,disabled:!ee}):a.createElement(V,null)))),oe.data&&(null===(B=se.data)||void 0===B?void 0:B.comingSoon)?a.createElement(Z,{data:se.data,imageCdnUrl:oe.data.imageCdnUrl,onToggleFollow:He}):a.createElement("div",{className:"overflow-hidden-x px-3"},function(){var e;return $e&&Ye&&Xe&&Je?(null===(e=de.data)||void 0===e?void 0:e.length)?function(e){if(e.data.length)return!0;for(var t=arguments.length,n=new Array(t>1?t-1:0),a=1;a<t;a++)n[a-1]=arguments[a];return n.some((function(e){return!!e.data.length}))}(Be.data,Ue.data,Me.data)||Qe?a.createElement("div",{className:"pb-3 mx-n1"},a.createElement(we.a,{collection:de.data,childAppLink:je()(),childComponent:te.a,headingPhraseKey:"topics"})):a.createElement("div",{className:"mx-n2"},a.createElement(re,{classifications:de.data,getItemAppLink:je()})):a.createElement(a.Fragment,null):a.createElement(we.b,null)}(),Xe&&Ye&&Je&&Ke?a.createElement(ye,{video:Qe,presentationAudiences:le.data,videoAppLink:{application:Oe.a.DEFAULT,action:Se.a.Default.PLAY_VIDEO,args:[null===(M=Qe)||void 0===M?void 0:M.id,u.a.slugify(null===(R=Qe)||void 0===R?void 0:R.name)],params:(null===(_=Qe)||void 0===_?void 0:_.lastProgressPoint)?{t:Math.floor(Qe.lastProgressPoint)}:{}},seriesAppLink:{application:Oe.a.DEFAULT,action:Se.a.Default.SERIES,args:(null===(H=Qe)||void 0===H?void 0:H.series)?[Qe.series.id,u.a.slugify(Qe.series.name)]:[]}}):a.createElement(he,null),a.createElement("div",null,function(){var e,t;return Ye&&Ke?(null===(t=null===(e=Be.data)||void 0===e?void 0:e.data)||void 0===t?void 0:t.length)?a.createElement("div",{className:"pb-2"},a.createElement("h4",null,De("playlists")),a.createElement(D.a,{playlists:pe.a.sortMembersWithDuplicateNamesByAudience(Be.data.data),getPlaylistAppLink:Ce,presentationAudiences:le.data,itemContainerClassName:"columns-of-five",showFallbackImage:!0})):a.createElement(a.Fragment,null):a.createElement("div",{className:"pb-3"},a.createElement(P.a,{showHeading:!0,itemClassName:"columns-of-five"}))}(),Je?a.createElement(Ee.a,{name:De("popular"),type:m.c.LargeRow,contents:L.a.Videos,collection:Ze,childComponent:ke.a,childAppLink:{application:Oe.a.DEFAULT,action:Se.a.Default.PLAY_VIDEO},prefetched:!0}):a.createElement(Ee.b,{type:m.c.LargeRow}),Xe?a.createElement(Ee.a,{name:De("series"),type:m.c.Row,contents:L.a.Series,collection:Ue.data,setData:function(e){return e.data},childComponent:function(e){return a.createElement(Ae.a,Object.assign({audiences:le.data},e))},childAppLink:{application:Oe.a.DEFAULT,action:Se.a.Default.SERIES},prefetched:!0}):a.createElement(Ne.a,null))))}},826:function(e,t,n){e.exports={buttonList:"_2v9CT",dropdownToggle:"AYBvQ"}},827:function(e,t,n){"use strict";var a=n(0),r=n(33),i=n(240),o=n(40),c=n(55),l=n(51),s=n(13),u=n(826),d=n.n(u),m=n(35);function f(e){var t="dropdown-item";return e&&(t+=" ".concat(e)),t}function p(e){if(e.action.appLink)return a.createElement(l.a,{appLink:e.action.appLink,onClick:e.action.onClick,className:f(e.action.className),analyticsData:e.action.analyticsData,analyticsOptions:e.action.analyticsOptions},e.action.label);return a.createElement("span",{className:"cursor-pointer ".concat(f(e.action.className)),onClick:function(t){e.action.analyticsData&&e.action.analyticsOptions&&o.a.logUserAction(e.action.analyticsData,e.action.analyticsOptions),m.a.isFunction(e.action.onClick)&&e.action.onClick(t)}},e.action.label)}function g(e){if(!e.actions||!e.actions.length)return a.createElement(a.Fragment,null);var t="actions-dropdown-".concat(i.a.getRandomInt()),n="px-0 ".concat(d.a.dropdownToggle);return e.dropdownToggleClassName&&(n+=" ".concat(e.dropdownToggleClassName)),a.createElement(r.Dropdown,{className:e.className?e.className:"",alignRight:!0},a.createElement(r.Dropdown.Toggle,{as:"button",type:"button",id:t,className:n},a.createElement(c.a,{svgName:s.b.More,size:c.b.Small})),a.createElement(r.Dropdown.Menu,null,e.actions.map((function(e,t){return a.createElement(p,{key:t,action:e})}))))}g.defaultProps={dropdownToggleClassName:"btn btn-light"};var v=n(235),b=n(156);function y(e){var t="ml-2";e.className&&(t+=" ".concat(e.className));var n=e.showSpinner?a.createElement(r.Spinner,{as:"span",animation:"border",role:"status",size:"sm"}):e.children;if(e.tooltip)return a.createElement(b.a,{title:e.tooltip},a.createElement(v.a,{appLink:e.appLink,svgName:e.svgName,onClick:e.onClick,className:t,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},n));if(e.svgName)return a.createElement(v.a,{onClick:e.onClick,appLink:e.appLink,svgName:e.svgName,className:t,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},n);if(e.appLink)return a.createElement(l.a,{onClick:e.onClick,appLink:e.appLink,className:t,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},n);return a.createElement("button",{onClick:function(t){e.analyticsData&&e.analyticsOptions&&o.a.logUserAction(e.analyticsData,e.analyticsOptions),m.a.isFunction(e.onClick)&&e.onClick(t)},className:t},n)}function h(e){var t=[],n=[];e.actions.forEach((function(e){e.button?t.push(e):n.push(e)}));var r="d-flex";return e.className&&(r+=" ".concat(e.className)),a.createElement("div",{className:r},a.createElement(a.Fragment,null,!!t.length&&a.createElement("span",{className:d.a.buttonList},t.map((function(e,t){return a.createElement(a.Fragment,{key:t},e.label?a.createElement(y,{appLink:e.appLink,onClick:e.onClick,svgName:e.svgName,className:e.className,tooltip:e.tooltip,showSpinner:e.showSpinner,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},e.label):a.createElement(v.a,{appLink:e.appLink,onClick:e.onClick,svgName:e.svgName,className:e.className,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}))}))),e.sortComponent?e.sortComponent:"",!!n.length&&a.createElement(g,{actions:n,className:!!t.length&&"ml-2",dropdownToggleClassName:e.actionsDropdownClassName})))}n.d(t,"a",(function(){return h}))},876:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var a=n(127),r=/([0-9]+)/gi,i=/(^\w+)/gi;var o={getSortedPresentationAudiences:function(e,t){var n=e.map((function(e){return e.id.toString()}));return t.filter((function(e){return n.includes(e.masterId.toString())}))},getMergedPresentationAudienceString:function(e){if(1===e.length)return e[0];var t=e.map((function(e){return e.name})).join(","),n=t.match(r),a=t.match(i);if(!n||!a)return e[0];var o=function(e){var t,n,a,r,i=!1,o=[];for(e=e.sort((function(e,t){return e-t})),a=0;a<e.length;a++)r=a+1,i||(t=e[a]),n=e[r],e[a]+1===n?i=!0:i?(o.push("".concat(t," - ").concat(e[a])),i=!1):(o.push("".concat(e[a])),i=!1);return o}(n.map((function(e){return+e}))||[]),c=a[0];return{name:"".concat(c," ").concat(o.join(" , "))}},sortMembersWithDuplicateNamesByAudience:function(e){var t=function(e){return e.length?(e.forEach((function(e){var i=+a.a.first(e.name.match(r));if(!t)return t=e,void(n=i);i<n&&(t=e)})),t):null;var t,n},n={},i=[];return e.forEach((function(e){if(!n[e.name])return n[e.name]=1,void i.push(e);i.push(e),n[e.name]++;var a=i.splice(i.length-n[e.name]).sort((function(e,n){var a=t(e.subjectPresentationAudiences.data),r=t(n.subjectPresentationAudiences.data);if(!a&&r)return 1;if(!r)return-1;var i=a.name.localeCompare(r.name);return 0===i?i:i>0?-1:1}));i=i.concat(a)})),i}}},887:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(0);n(921);function r(e){return e.audience?a.createElement("div",{className:"border rounded-pill d-inline-block px-2 mt-1 ".concat("border-"+e.border)},e.audience.name):a.createElement(a.Fragment,null)}},888:function(e,t,n){e.exports={playlistItem:"_6o0Z2",playlistItemGradient:"_2JLPt",playlistMetadata:"_3MCKL",playlistName:"_1Ukz7",partialHeading:"_13tO6",ownerAvatarContainer:"CwjTl"}},894:function(e,t,n){"use strict";function a(e){return function(e){if(Array.isArray(e))return r(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return r(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return r(e,t)}(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.")}()}function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}n.d(t,"a",(function(){return i}));var i={getPartialLoadingItems:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.numItems,n=void 0===t?5:t,r=e.minWidth,i=void 0===r?50:r,o=e.maxWidth,c=void 0===o?100:o,l=function(){return Math.max(Math.floor(Math.random()*c),i)};return a(Array(n)).map((function(){return{width:"".concat(l(),"px")}}))}}},896:function(e,t,n){"use strict";var a=n(0),r=n(90),i=n(155),o=n(876),c=n(115),l=n(73),s=n(51),u=n(873),d=n(852),m=n(887),f=n(247),p=n(250),g=n(204),v=n(922);function b(){return a.createElement("div",{className:v.avatar},a.createElement(g.b,null))}function y(e){var t,n,r=e.playlist.owner;if(!r||!e.currentUser)return a.createElement(a.Fragment,null);var i=e.playlist.owner.id===e.currentUser.id;if(!!(null===(t=e.playlist.cover)||void 0===t?void 0:t.url))return a.createElement(b,null);if(i)return a.createElement(a.Fragment,null);var o="string"==typeof r.avatar?r.avatar:null===(n=r.avatar)||void 0===n?void 0:n.url;return a.createElement(f.a,{imageUrl:o,imageCdnUrl:e.imageCdnUrl,initials:p.a.getInitials(r.name,r.surname)})}var h=n(888),E=n.n(h);n.d(t,"a",(function(){return w}));function w(e){var t,n,f,p,g,v=i.a.createUrl(e.data.cover&&e.data.cover.url,{size:c.a.Medium,resizeType:c.c.Cover}),b=e.data.subjectPresentationAudiences&&e.data.subjectPresentationAudiences.data,h=b&&e.presentationAudiences&&o.a.getSortedPresentationAudiences(b,e.presentationAudiences),w=h&&o.a.getMergedPresentationAudienceString(h),k=!!e.showCount&&!!e.data.videos&&e.data.videos.count,A=!!e.showLastUpdated&&e.data.contentModifiedDate&&r.utc(e.data.contentModifiedDate),N=E.a.playlistItem,S=!!v||!!e.showFallbackImage;S&&(N+=" ".concat(E.a.playlistItemGradient)),!S&&e.bgColourClassNames&&(N+=" ".concat((f=e.data,p=e.bgColourClassNames,g=p[f.name.charCodeAt(0)%p.length],"".concat(E.a.playlistItem," ").concat(g))));var O=Object.assign(Object.assign({},e.analyticsData),{id:null===(t=e.data)||void 0===t?void 0:t.id,name:null===(n=e.data)||void 0===n?void 0:n.name});return a.createElement(l.a.Provider,{value:"playlists.playlistItem"},a.createElement(s.a,{appLink:e.appLink,analyticsData:O,analyticsOptions:e.analyticsOptions},a.createElement(u.b,{data:v,className:N},!!e.showFallbackImage&&a.createElement(d.a,{type:d.b.Playlist}),a.createElement("div",{className:"text-white ".concat(E.a.playlistMetadata)},Number.isInteger(k)&&a.createElement(l.b,{phrase:"videos",options:{smartCount:k}}),a.createElement("h5",{className:"".concat(E.a.playlistName," text-shadow mb-0")},e.data.name),A?A.isBefore(r.utc().subtract(1,"month"))?a.createElement(l.b,{phrase:"notUpdatedRecently"}):a.createElement(l.b,{phrase:"lastUpdated",options:{timeAgo:A.fromNow()}}):a.createElement(a.Fragment,null),!!b&&!!b.length&&!!w&&a.createElement(m.a,{audience:w,border:"white"})),!!e.showOwner&&!!e.imageCdnUrl&&a.createElement("div",{className:E.a.ownerAvatarContainer},a.createElement(y,{playlist:e.data,currentUser:e.currentUser,imageCdnUrl:e.imageCdnUrl})))))}},910:function(e,t,n){"use strict";n.d(t,"a",(function(){return s}));var a=n(0),r=n(33),i=n(888),o=n.n(i);function c(e){return function(e){if(Array.isArray(e))return l(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return l(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return l(e,t)}(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.")}()}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function s(e){var t=c(Array(e.numItems)),n=e.itemClassName||"";return a.createElement(a.Fragment,null,e.showHeading&&a.createElement("div",{className:"".concat(o.a.partialHeading," partial-loading-background")}),a.createElement(r.Row,null,t.map((function(e,t){return a.createElement(r.Col,{key:t,xs:6,sm:4,lg:3,className:n},a.createElement("div",{className:"py-2"},a.createElement("div",{className:"".concat(o.a.playlistItem," partial-loading-background")})))}))))}s.defaultProps={numItems:8}},911:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var a=n(0),r=n(934),i=n.n(r),o=n(35);function c(e){var t=e.audience,n=e.highlight,r=e.setAudience,c=e.isDisabled,l=e.extraClasses,s=function(e,t){return e?t?"".concat(i.a.disabledHighlighted," text-light"):"badge-info text-light":t?"".concat(i.a.disabled," text-muted"):"badge-light"}(n,c),u="badge-pill d-inline-block mr-1 ".concat(c?"cursor-default":"cursor-pointer"," ").concat(s," ").concat(l);return a.createElement("span",{className:u,onClick:function(){!c&&o.a.isFunction(r)&&r(t,!n)},role:"checkbox","aria-checked":n},t.name.split(" ").map((function(e){return e.charAt(0).toUpperCase()+e.substring(1)})).join(" "))}c.defaultProps={extraClasses:""}},912:function(e,t,n){"use strict";var a=n(0),r=n(7),i=n(55),o=n(51),c=n(13);function l(e){var t=e.backToName,n=e.appLink,l=e.color,s=e.extraClasses,u=t?r.a.getPhrase("shared.backButton","backTo",{backToName:t}):r.a.getPhrase("shared.backButton","back"),d="black"===l?"":"text-light";return a.createElement(o.a,{appLink:n,className:"d-inline-flex align-items-center h5 mb-0 ".concat(s," ").concat(d)},a.createElement(i.a,{svgName:c.b.ChevronLeft,size:i.b.Medium}),a.createElement("span",{className:"ml-1"},u))}l.defaultProps={color:"black",extraClasses:""};var s=n(155),u=n(115),d=n(827),m=n(930),f=n.n(m);n.d(t,"a",(function(){return p})),n.d(t,"b",(function(){return g}));var p=a.memo((function(e){var t=e.heading,n=e.banner,r=e.imageCdnUrl,i=e.actions,o=e.sortComponent,c=s.a.createBannerUrl(n,{fallbackBaseUrl:r,fallbackCategoryName:t,type:u.b.Banners},{size:u.a.Large,resizeType:u.c.Cover});return a.createElement("div",{className:"banner-header",style:{backgroundImage:"url('".concat(c,"')")}},e.backButtonAppLink&&a.createElement("div",{className:"pt-3"},a.createElement(l,{appLink:e.backButtonAppLink,backToName:e.backButtonText,extraClasses:e.backButtonClasses,color:"white"})),a.createElement("h1",{className:"".concat(f.a.text," text-white text-shadow position-absolute mb-3 clamp-2")},t),!!i&&a.createElement("div",{className:f.a.actionsContainer},a.createElement(d.a,{actions:i,sortComponent:o})))}),(function(e,t){return e.actions===t.actions})),g=function(){return a.createElement("div",{className:"partial-banner partial-loading-background"})}},921:function(e,t,n){e.exports={audienceLabelListItem:"_2YGVO"}},922:function(e,t,n){e.exports={avatar:"_1IfFN"}},923:function(e,t,n){e.exports={partialLoadingHeading:"_1RLPq",partialLoading:"oArG4",labelContainer:"QLCgm",hoverActive:"_3Aleb",mask:"_2M2Zz",width:"TQg2K"}},929:function(e,t,n){e.exports={tagList:"yvetE",disabled:"_3ZfKv"}},930:function(e,t,n){e.exports={actionsContainer:"_286KF",text:"_3TSgh"}},931:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=function(){return"/api/domain/v1/subjects/audiences?type=subject"},r={presentationAudiences:function(){return{bootstrapName:"presentationAudiences",url:a(),key:"presentation:audiences",normalize:!1}}}},933:function(e,t,n){e.exports={widgetItem:"_1oyw1",imagePanel:"_1UOVG",image:"_1_BF4",large:"_1EtWs",comingSoonPanel:"_3js2e",name:"_3csgE",clamped:"_1y2oG",editSubjectsItem:"_1yBMf",allSubjectsItem:"_2oBMH",logoContainer:"T3Lym"}},934:function(e,t,n){e.exports={disabled:"_1KxF9",disabledHighlighted:"pbuec"}},951:function(e,t,n){"use strict";n.d(t,"a",(function(){return y}));var a=n(0),r=n(47),i=n(918),o=n(876),c=n(51),l=n(873),s=n(852),u=n(838),d=n(887),m=n(857),f=n(3),p=n(923),g=n.n(p);function v(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(a=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);a=!0);}catch(e){r=!0,i=e}finally{try{a||null==c.return||c.return()}finally{if(r)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return b(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return b(e,t)}(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 b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function y(e){var t,n,p=e.data,b=e.appLink,y=e.preloadImage,h=Object.assign(Object.assign({},b),{args:[p.id,r.a.slugify(p.name)]}),E=p&&p.subjectPresentationAudiences&&p.subjectPresentationAudiences.data||[],w=o.a.getSortedPresentationAudiences(E,e.audiences),k=o.a.getMergedPresentationAudienceString(w),A=v(Object(i.b)(g.a.hoverActive),2),N=A[0],S=A[1],O=Object.assign(Object.assign({},e.analyticsData),{id:null===(t=p)||void 0===t?void 0:t.id,name:null===(n=p)||void 0===n?void 0:n.name}),L=Object.assign(Object.assign({},e.analyticsOptions),{actionType:f.n.Click,entity:f.d.Series,descriptor:f.b.TallPoster});return a.createElement(c.a,{key:p.id,appLink:h,className:"position-relative p-1 flex-shrink-0 ".concat(g.a.width),analyticsData:O,analyticsOptions:L},a.createElement("div",{ref:N},S&&a.createElement("div",{className:"p-3 text-white text-center ".concat(g.a.mask)},a.createElement("h3",{className:"h4"},p.name),a.createElement("p",null,p.description)),a.createElement(l.b,{data:p.tallPoster,aspectRatio:l.a.NineBySixteen,preload:y,size:u.a.Large},a.createElement(s.a,{type:s.b.Series}),a.createElement("div",{className:"position-absolute text-white ".concat(g.a.labelContainer)},E&&E.length?a.createElement(d.a,{audience:k,border:"white"}):a.createElement(m.a,{type:m.b.Rating,data:p.rating})))))}},953:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var a=n(0),r=n(33),i=n(3),o=n(896),c={actionType:i.n.Click,entity:i.d.Playlist,location:i.j.PlaylistListItem,descriptor:i.b.Cover};function l(e){return a.createElement(r.Row,null,e.playlists.map((function(t){return a.createElement(r.Col,{key:t.id,xs:6,sm:4,lg:3,className:"mb-3 ".concat(e.itemContainerClassName?e.itemContainerClassName:"")},a.createElement(o.a,{data:t,appLink:e.getPlaylistAppLink(t),imageCdnUrl:e.imageCdnUrl,currentUser:e.currentUser,presentationAudiences:e.presentationAudiences,bgColourClassNames:e.bgColourClassNames,showCount:e.showCount,showOwner:e.showOwner,showFallbackImage:e.showFallbackImage,showLastUpdated:e.showLastUpdated,analyticsData:e.analyticsData,analyticsOptions:Object.assign(Object.assign({},e.analyticsOptions),c)}))})))}},954:function(e,t,n){"use strict";n.d(t,"a",(function(){return g}));var a=n(0),r=n(47),i=n(155),o=n(115),c=n(51),l=n(852),s=n(73),u=n(3),d=n(933),m=n.n(d),f=function(e){var t=e.name,n=e.multiline,r="".concat(m.a.comingSoonPanel," \n    d-flex flex-column align-items-center justify-content-center px-3 text-center"),i="".concat(m.a.name," h6 mb-0 pb-1");return n?i+=" ".concat(m.a.clamped," clamp-2"):(r+=" text-nowrap",i+=" text-truncate"),a.createElement("div",{className:r},a.createElement("small",{className:"text-muted"},a.createElement(s.b,{namespace:"shared.subjectWidgetItem",phrase:"comingSoon"})),a.createElement("p",{className:i},t))},p=function(e){var t=e.name,n=e.multiline,r="px-3 text-center d-flex align-items-center",i="".concat(m.a.name," h6 mb-0 pb-1");return n?i+=" ".concat(m.a.clamped," clamp-2 text-left"):(r+=" text-nowrap text-truncate",i+=" text-truncate"),a.createElement("div",{className:r},a.createElement("p",{className:i},t))};var g=a.memo((function(e){var t,n,s,d,g,v=Object.assign(Object.assign({},e.appLink),{args:[e.data.id,r.a.slugify(e.data.name)]}),b=i.a.createUrl(null===(t=e.data.cover)||void 0===t?void 0:t.url,{size:o.a.Small}),y=Object.assign(Object.assign({},e.analyticsData),{id:null===(n=e.data)||void 0===n?void 0:n.id,name:null===(s=e.data)||void 0===s?void 0:s.name,presentationId:null===(d=e.data)||void 0===d?void 0:d.presentationId,comingSoon:!!(null===(g=e.data)||void 0===g?void 0:g.comingSoon)}),h=Object.assign(Object.assign({},e.analyticsOptions),{actionType:u.n.Click,entity:u.d.Classification,descriptor:u.b.Cover});return a.createElement(c.a,{appLink:v,analyticsData:y,analyticsOptions:h},a.createElement("div",{className:"border d-flex position-relative ".concat(m.a.widgetItem),id:e.data.id},a.createElement("div",{className:"".concat(m.a.imagePanel," ").concat(e.isLarge?m.a.large:"")},a.createElement("div",{className:m.a.image,style:{backgroundImage:"url('".concat(b,"')")}}),a.createElement(l.a,{type:l.b.Subject,extraClasses:e.isLarge?m.a.large:""})),e.data.comingSoon?a.createElement(f,{name:e.data.name,multiline:e.isLarge}):a.createElement(p,{name:e.data.name,multiline:e.isLarge})))}))},955:function(e,t,n){"use strict";n.d(t,"a",(function(){return s}));var a=n(0),r=n(923),i=n.n(r);function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var c,l=function(e){if(Array.isArray(e))return o(e)}(c=Array(4))||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(c)||function(e,t){if(e){if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}(c)||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.")}(),s=function(){return a.createElement("div",{className:"pb-3"},a.createElement("div",{className:"partial-loading-background ".concat(i.a.partialLoadingHeading),dangerouslySetInnerHTML:{__html:"&nbsp"}}),a.createElement("div",{className:"row"},l.map((function(e,t){return a.createElement("div",{key:t,className:"col-6 col-sm-4 col-lg-3 "},a.createElement("div",{className:"py-2"},a.createElement("div",{className:"".concat(i.a.partialLoading," partial-loading-background")})))}))))}},989:function(e,t,n){"use strict";n.d(t,"a",(function(){return f}));var a=n(0),r=n(47),i=n(158),o=n(853),c=n(859),l=n(918),s=n(990),u=n.n(s);function d(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(a=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);a=!0);}catch(e){r=!0,i=e}finally{try{a||null==c.return||c.return()}finally{if(r)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return m(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return m(e,t)}(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 m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var f=a.memo((function(e){var t=e.data,n=e.appLink,s=e.seriesAppLink,m=e.context,f=e.thumbnailSize,p=e.preloadImage,g=d(Object(l.b)(u.a.hovering),2),v=g[0],b=g[1];a.useEffect((function(){e.onHover(b)}),[b]);var y=Object.assign(Object.assign({},n),{args:[t.id,r.a.slugify(t.name)]}),h=u.a.rowWidth;return m.type!==i.c.LargeRow&&3!==m.collectionSize||(h=u.a.largeRowWidth),a.createElement("div",{ref:v,className:"p-1 flex-shrink-0 position-relative ".concat(h," ").concat(u.a.transition)},a.createElement(c.a,{video:t,type:"expandable",appLink:y,seriesAppLink:s,textPosition:o.a.Overlay,size:f,preload:p,hovering:b,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}))}),(function(e,t){var n,a,r,i,o,c;return e.preloadImage===t.preloadImage&&(null===(n=e.data)||void 0===n?void 0:n.name)===(null===(a=t.data)||void 0===a?void 0:a.name)&&(null===(i=null===(r=e.data)||void 0===r?void 0:r.series)||void 0===i?void 0:i.id)===(null===(c=null===(o=t.data)||void 0===o?void 0:o.series)||void 0===c?void 0:c.id)&&e.onHover===t.onHover}))},990:function(e,t,n){e.exports={rowWidth:"_8IgrO",largeRowWidth:"q46rm",hovering:"IeeJA",transition:"_1s6UK"}},993:function(e,t,n){"use strict";var a=n(909);n.d(t,"a",(function(){return a.a}));n(920);var r=n(919);n.d(t,"b",(function(){return r.a}))},998:function(e,t,n){e.exports={itemSpacing:"_10Pgb",heading:"_2uNzU",link:"_3IGFJ"}}}]);