@clickview/lite 0.0.18-dev.2 → 0.0.18-rc.1

package/dist/scripts/24.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","webpack://@clickview/lite/./src/apps/classrooms/components/classroom-group-dropdown/classroom-group-dropdown.scss?366d","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/24.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\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\nimport styles from './classroom-group-dropdown.scss';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { UserAction, WorkflowPhase, LocationContext, EntityType } from 'libs/analytics/interfaces';\r\nimport { PropsWithAnalyticsOptions } from 'libs/shared/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} ${styles.hideCaret}`}\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}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"hideCaret\":\"cv--hideCaret--xn-MJ\"};","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/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\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  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          <>\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          </>\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/25-887b9ef587.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[25],{412:function(e,a,t){"use strict";t.d(a,"a",(function(){return c}));var n=t(78),r=t(29),s=t(37);const c=()=>{const e=Object(n.a)(s.a.ALERT);return{success(a){e.success(a)()},error(a){e.error(a)()},warning(a){e.createAlert({type:r.a.Warning,heading:r.c.Warning,message:a})}}}},413:function(e,a,t){"use strict";t.d(a,"a",(function(){return r}));var n=t(0);function r(e){return n.createElement("div",{role:"button",tabIndex:0,className:(e.className?e.className:"")+" cursor-pointer",onKeyDown:a=>"Enter"===a.key&&e.onClick(a),onClick:e.onClick,style:e.style?e.style:{}},e.children)}},469:function(e,a,t){"use strict";t.d(a,"a",(function(){return o}));var n=t(0),r=t.n(n),s=t(119),c=t(10);function o(e){return r.a.createElement(s.a,{className:"btn btn-outline-info d-block mx-auto mb-3",svgName:c.b.Video},e.children)}},509:function(e,a,t){"use strict";t.d(a,"a",(function(){return l}));var n=t(0),r=t.n(n),s=t(413),c=t(33),o=t(10);function l(e){var a=e.isActive,t=e.onToggle,n=e.invisible,l="".concat(a?"text-yellow":""," ").concat(n?"invisible":"");return r.a.createElement(s.a,{onClick:t,className:l},r.a.createElement(c.a,{svgName:a?o.b.Star:o.b.StarOutline,size:c.b.Large}))}},510:function(e,a,t){"use strict";t.d(a,"a",(function(){return l}));var n=t(0),r=t.n(n),s=t(34),c=t(511),o=t.n(c);function l(e){return r.a.createElement("div",{className:"w-100 d-flex flex-column"},e.actions.map((function(e){return r.a.createElement(s.a,{key:e.text,className:"".concat(o.a.option," py-1"),appLink:e.appLink,onClick:e.onClick||function(){}},r.a.createElement("span",{className:"pl-2"},e.text))})))}},511:function(e,a,t){e.exports={option:"_2LGMe"}},562:function(e,a,t){e.exports={studentCard:"wZAHT",studentCardContent:"G006q",actionsContainer:"_3boP_",toggleAction:"_28bC8"}},655:function(e,a,t){"use strict";t.r(a);var n=t(0),r=t.n(n),s=t(39),c=t(12),o=t(7),l=t(48),i=t(10),m=t(33),u=t(412),d=t(34),p=t(4),f=t(11),E=t(123);function v(e){return r.a.createElement("div",{className:"d-flex justify-content-around py-3"},r.a.createElement("div",{className:"text-center"},r.a.createElement("p",{className:"h1"},"4"),r.a.createElement("p",{className:"h6 font-weight-normal"},"Activities in progress")),r.a.createElement("div",{className:"text-center"},r.a.createElement("p",{className:"h1"},"13"),r.a.createElement("p",{className:"h6 font-weight-normal"},"Student reviews required")),r.a.createElement("div",{className:"text-center"},r.a.createElement("p",{className:"h1"},"5"),r.a.createElement("p",{className:"h6 font-weight-normal"},"Class completed actitivies")))}var g=t(469),h="classrooms.classroomActivitiesList";function N(e){return r.a.createElement("div",{className:"text-center"},r.a.createElement("p",null,r.a.createElement(l.b,{namespace:h,phrase:"noActivities"})),r.a.createElement(g.a,null,r.a.createElement(l.b,{namespace:h,phrase:"howToStart"})))}var b=t(31),w=t(3),C=t(413),y=t(510),S=t(562),A=t.n(S);function k(e,a){return function(e){if(Array.isArray(e))return e}(e)||function(e,a){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var t=[],n=!0,r=!1,s=void 0;try{for(var c,o=e[Symbol.iterator]();!(n=(c=o.next()).done)&&(t.push(c.value),!a||t.length!==a);n=!0);}catch(e){r=!0,s=e}finally{try{n||null==o.return||o.return()}finally{if(r)throw s}}return t}(e,a)||function(e,a){if(!e)return;if("string"==typeof e)return x(e,a);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return x(e,a)}(e,a)||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 x(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,n=new Array(a);t<a;t++)n[t]=e[t];return n}function O(e){var a,t,n,s=k(r.a.useState(!1),2),c=s[0],l=s[1],u=[{text:o.a.getPhrase("classrooms.classroomStudentsList","editStudentDetails"),appLink:(n=e.student.id,{application:p.a.USER_MANAGER,action:f.a.UserManager.EDIT_STUDENT,args:[n]}),onClick:function(){b.a.logUserAction({id:e.student.id},{actionType:w.n.Edit,entity:w.d.User,workflowPhase:w.o.Start,location:w.j.ClassroomOverviewStudentListItem})}},{text:o.a.getPhrase("classrooms.classroomStudentsList","removeFromClassroom"),appLink:(a=e.classroom.id,t=e.student.id,{application:p.a.CLASSROOMS,action:f.a.Classrooms.REMOVE_STUDENTS,args:[a],params:{studentIds:[t]}}),onClick:function(){b.a.logUserAction({id:e.student.id},{actionType:w.n.Dissociate,entity:w.d.Classroom,descriptor:w.a.User,workflowPhase:w.o.Start,location:w.j.ClassroomOverviewStudentListItem})}}];return r.a.createElement("li",{className:"".concat(A.a.studentCard," m-2 bg-white shadow position-relative rounded-lg")},c?r.a.createElement(r.a.Fragment,null,r.a.createElement(C.a,{className:A.a.toggleAction,onClick:function(){return l(!1)}},r.a.createElement(m.a,{svgName:i.b.Close,size:m.b.Large})),r.a.createElement("div",{className:A.a.actionsContainer},r.a.createElement(y.a,{actions:u}))):r.a.createElement(r.a.Fragment,null,r.a.createElement(C.a,{className:A.a.toggleAction,onClick:function(){return l(!0)}},r.a.createElement(m.a,{svgName:i.b.Edit,size:m.b.Large})),r.a.createElement("div",{className:"".concat(A.a.studentCardContent," w-100 px-1")},r.a.createElement("img",{className:"mb-1",src:"/images/student-avatar-placeholder.png",alt:o.a.getPhrase("classrooms.classroomStudentsList","avatarAlt",{name:e.student.name})}),r.a.createElement("h3",{className:"h6 text-center text-truncate pb-1 w-100"},e.student.name," ",e.student.surname))))}function L(e){return r.a.createElement(r.a.Fragment,null,r.a.createElement("ul",{className:"list-unstyled d-flex flex-wrap mx-n2"},e.students.map((function(a){return r.a.createElement(O,{key:a.id,student:a,classroom:e.classroom})}))))}function T(e){return r.a.createElement(r.a.Fragment,null,"Students empty state")}var j=t(509);t.d(a,"ClassroomView",(function(){return P}));var _=o.a.encloseNamespace("classrooms.classroom"),F={application:p.a.DASHBOARD,action:f.a.Dashboard.HOME};function P(e){var a,t=c.a.useBasicFetch(E.a.getClassroom(e.id)),n=Object(s.useDispatch)(),o=Object(u.a)();return t.data?r.a.createElement(l.a.Provider,{value:"classrooms.classroom"},r.a.createElement("div",{className:"d-flex justify-content-between pb-3"},r.a.createElement("div",{className:"d-flex"},r.a.createElement("div",{className:"mt-1 mr-1"},r.a.createElement(j.a,{isActive:t.data.isFavourited,onToggle:function(){t.data.isFavourited?c.a.fetch(n,E.a.unstarClassroom(t.data,(function(){b.a.logUserAction({id:t.data.id},{location:w.j.ClassroomOverview,actionType:w.n.Favourite,descriptor:w.m.Off,entity:w.d.Classroom,workflowPhase:w.o.Complete}),o.success(_("unstarSuccess",{classroomName:t.data.name}))}),(function(){o.error(_("unstarError",{classroomName:t.data.name}))}))):c.a.fetch(n,E.a.starClassroom(t.data,(function(){b.a.logUserAction({id:t.data.id},{location:w.j.ClassroomOverview,actionType:w.n.Favourite,descriptor:w.m.On,entity:w.d.Classroom,workflowPhase:w.o.Complete}),o.success(_("starSuccess",{classroomName:t.data.name}))}),(function(){o.error(_("starError",{classroomName:t.data.name}))})))}})),r.a.createElement("div",null,r.a.createElement("h1",{className:"mb-0"},t.data.name),r.a.createElement("p",{className:"h6"},r.a.createElement(l.b,{phrase:"overview"})))),r.a.createElement(d.a,{className:"d-flex align-items-center",appLink:(a=t.data.id,{application:p.a.CLASSROOMS,action:f.a.Classrooms.MANAGE_CLASSROOM,args:[a]})},r.a.createElement(m.a,{className:"mr-1 svg-container",svgName:i.b.Cog}),r.a.createElement(l.b,{phrase:"manageClassroom"}))),r.a.createElement("div",{className:"pb-3"},r.a.createElement("h2",{className:"h5"},r.a.createElement("span",{className:"mr-2"},r.a.createElement(l.b,{phrase:"learningPaths"})),r.a.createElement(d.a,{appLink:F,className:"font-weight-normal font-size-normal info-link"},r.a.createElement(l.b,{phrase:"seeAll"}))),t.data.activities.length?r.a.createElement(N,null):r.a.createElement(v,null)),r.a.createElement("div",null,r.a.createElement("h2",{className:"h5"},r.a.createElement(l.b,{phrase:"students"})),t.data.students.length?r.a.createElement(L,{students:t.data.students,classroom:t.data}):r.a.createElement(T,null))):r.a.createElement(r.a.Fragment,null,"Partial Loading")}}}]);