@clickview/lite 0.0.19 → 0.0.20-rc.1

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/div-button/DivButton.tsx","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/UseAlerts.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/classrooms/components/classroom-activities-list/ClassroomActivitiesList.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/classrooms/components/classroom-activities-list/empty-state/ClassroomActivitiesListEmptyState.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/classrooms/components/classroom-star/ClassroomStar.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/classrooms/components/classroom-students-list/ClassroomStudentItem.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/classrooms/components/classroom-students-list/ClassroomStudentsList.tsx","webpack://@clickview/lite/./src/apps/classrooms/components/classroom-students-list/classroom-students-list.scss?d9d2","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/classrooms/components/classroom-students-list/empty-state/ClassroomStudentsListEmptyState.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/classrooms/components/tile-actions/TileActions.tsx","webpack://@clickview/lite/./src/apps/classrooms/components/tile-actions/tile-actions.scss?359e","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/classrooms/views/classroom/ClassroomView.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/shared/components/video-info-button/VideoInfoButton.tsx"],"names":[],"mappings":"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","file":"scripts/28.chunk.js","sourcesContent":["import * as React from 'react';\r\n\r\ninterface DivButtonProps extends React.ButtonHTMLAttributes<HTMLDivElement> {\r\n  onClick: (...args: any) => any;\r\n}\r\n\r\n/**\r\n * This element lets us use `div` elements as buttons without losing the accessibility of\r\n * a regular HTML button element\r\n */\r\nexport function DivButton(props: React.PropsWithChildren<DivButtonProps>): JSX.Element {\r\n  return (\r\n    <div\r\n      role='button'\r\n      tabIndex={0}\r\n      className={`${props.className ? props.className : ''} cursor-pointer`}\r\n      onKeyDown={(e: React.KeyboardEvent) => e.key === 'Enter' && props.onClick(e)}\r\n      onClick={props.onClick}\r\n      style={props.style ? props.style : {}}\r\n    >\r\n      {props.children}\r\n    </div>\r\n  );\r\n}","import { useService } from 'libs/common/react/hooks/UseService';\r\nimport { BaseAlertService, BaseAlert, BaseAlertOptions, AlertType, DefaultAlertHeading } from 'libs/common/backbone/services/BaseAlertService';\r\nimport { CommonServices } from 'libs/common/backbone/constants/CommonServices';\r\n\r\nexport const useAlerts = () => {\r\n  const alertService = useService<BaseAlertService>(CommonServices.ALERT);\r\n\r\n  return {\r\n    success(alertContent: string | BaseAlert | BaseAlertOptions): void {\r\n      alertService.success(alertContent)();\r\n    },\r\n    error(alertContent: string | BaseAlert | BaseAlertOptions): void {\r\n      alertService.error(alertContent)();\r\n    },\r\n    warning(alertContent: string): void {\r\n      alertService.createAlert({\r\n        type: AlertType.Warning,\r\n        heading: DefaultAlertHeading.Warning,\r\n        message: alertContent\r\n      });\r\n    }\r\n  };\r\n};","import React from 'react';\r\n\r\ninterface ClassroomActivitiesListProps {}\r\n\r\n// TODO: Wire this up to.. something\r\nexport function ClassroomActivitiesList(props: ClassroomActivitiesListProps): JSX.Element {\r\n  return (\r\n    <div className='d-flex justify-content-around py-3'>\r\n      <div className='text-center'>\r\n        {/* TODO: Work out colours for each of these blocks */}\r\n        <p className='h1'>4</p>\r\n        <p className='h6 font-weight-normal'>Activities in progress</p>\r\n      </div>\r\n\r\n      <div className='text-center'>\r\n        <p className='h1'>13</p>\r\n        <p className='h6 font-weight-normal'>Student reviews required</p>\r\n      </div>\r\n\r\n      <div className='text-center'>\r\n        <p className='h1'>5</p>\r\n        <p className='h6 font-weight-normal'>Class completed actitivies</p>\r\n      </div>\r\n    </div>\r\n  );\r\n}","import React from 'react';\r\n\r\nimport { Text } from 'libs/shared/components/text/Text';\r\n\r\nimport { VideoInfoButton } from 'shared/components/video-info-button/VideoInfoButton';\r\n\r\nconst namespace = 'classrooms.classroomActivitiesList';\r\n\r\ninterface ClassroomActivitiesListEmptyStateProps {}\r\n\r\nexport function ClassroomActivitiesListEmptyState(props: ClassroomActivitiesListEmptyStateProps): JSX.Element {\r\n  return (\r\n    <div className='text-center'>\r\n      <p><Text namespace={namespace} phrase='noActivities' /></p>\r\n      <VideoInfoButton>\r\n        <Text namespace={namespace} phrase='howToStart' />\r\n      </VideoInfoButton>\r\n    </div>\r\n  );\r\n}","import React from 'react';\r\n\r\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\r\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\n\r\ninterface ClassroomStarProps {\r\n  isActive: boolean;\r\n  onToggle: () => void;\r\n  invisible?: boolean;\r\n}\r\n\r\nexport function ClassroomStar({ isActive, onToggle, invisible }: ClassroomStarProps): JSX.Element {\r\n  const className = `${isActive ? 'text-yellow' : ''} ${invisible ? 'invisible' : ''}`;\r\n\r\n  return (\r\n    <DivButton onClick={onToggle} className={className}>\r\n      <SvgContainer\r\n        svgName={isActive ? cvSvgLibrary.Star : cvSvgLibrary.StarOutline}\r\n        size={SvgContainerSize.Large}\r\n      />\r\n    </DivButton>\r\n  );\r\n}","import React from 'react';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\n\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { UserAction, EntityType, WorkflowPhase, LocationContext, AssocDescriptor } from 'libs/analytics/interfaces';\r\n\r\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\r\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\n\r\nimport { Actions } from 'shared/constants/LiteActions';\r\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\r\n\r\nimport { MockStudent, MockClassroom } from 'apps/user-manager/interfaces';\r\nimport { TileActions, TileAction } from 'apps/classrooms/components/tile-actions/TileActions';\r\n\r\nimport styles from './classroom-students-list.scss';\r\n\r\nconst namespace = 'classrooms.classroomStudentsList';\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 getRemoveFromClassroomAppLink = (classroomId: string, studentId: 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 ClassroomStudentItemProps {\r\n  student: MockStudent;\r\n  classroom: MockClassroom;\r\n}\r\n\r\nexport function ClassroomStudentItem(props: ClassroomStudentItemProps): JSX.Element {\r\n  const [ showOptions, setShowOptions ] = React.useState(false);\r\n\r\n  const studentOptions: TileAction[] = [\r\n    {\r\n      text: LanguageService.getPhrase(namespace, 'editStudentDetails'),\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.ClassroomOverviewStudentListItem\r\n        });\r\n      }\r\n    },\r\n    {\r\n      text: LanguageService.getPhrase(namespace, 'removeFromClassroom'),\r\n      appLink: getRemoveFromClassroomAppLink(props.classroom.id, props.student.id),\r\n      onClick: () => {\r\n        AnalyticsHelper.logUserAction({ id: 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.ClassroomOverviewStudentListItem\r\n        });\r\n      }\r\n    }\r\n  ];\r\n\r\n  return (\r\n    <li className={`${styles.studentCard} m-2 bg-white shadow position-relative rounded-lg`}>\r\n      {!showOptions\r\n        ? <>\r\n            <DivButton className={styles.toggleAction} onClick={() => setShowOptions(true)}>\r\n              <SvgContainer svgName={cvSvgLibrary.Edit} size={SvgContainerSize.Large} />\r\n            </DivButton>\r\n\r\n            <div className={`${styles.studentCardContent} w-100 px-1`}>\r\n              {/* <img\r\n                className='mb-1'\r\n                src={props.student.avatar}\r\n                alt={LanguageService.getPhrase(namespace, 'avatarAlt', { name: props.student.name })}\r\n              /> */}\r\n              <img\r\n                className='mb-1'\r\n                src={'/images/student-avatar-placeholder.png'}\r\n                alt={LanguageService.getPhrase(namespace, 'avatarAlt', { name: props.student.name })}\r\n              />\r\n              <h3 className='h6 text-center text-truncate pb-1 w-100'>{props.student.name} {props.student.surname}</h3>\r\n            </div>\r\n          </>\r\n        : <>\r\n            <DivButton className={styles.toggleAction} onClick={() => setShowOptions(false)}>\r\n              <SvgContainer svgName={cvSvgLibrary.Close} size={SvgContainerSize.Large} />\r\n            </DivButton>\r\n            <div className={styles.actionsContainer}>\r\n              <TileActions actions={studentOptions} />\r\n            </div>\r\n          </>\r\n      }\r\n    </li>\r\n  );\r\n}","import React from 'react';\r\n\r\nimport { MockStudent, MockClassroom } from 'apps/user-manager/interfaces';\r\n\r\nimport { ClassroomStudentItem } from './ClassroomStudentItem';\r\n\r\ninterface ClassroomStudentsListProps {\r\n  students: MockStudent[];\r\n  classroom: MockClassroom;\r\n}\r\n\r\nexport function ClassroomStudentsList(props: ClassroomStudentsListProps): JSX.Element {\r\n  return (\r\n    <>\r\n      <ul className='list-unstyled d-flex flex-wrap mx-n2'>\r\n        {props.students.map(student => (\r\n          <ClassroomStudentItem key={student.id} student={student} classroom={props.classroom} />\r\n        ))}\r\n      </ul>\r\n    </>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"studentCard\":\"cv--studentCard--wZAHT\",\"studentCardContent\":\"cv--studentCardContent--G006q\",\"actionsContainer\":\"cv--actionsContainer--3boP_\",\"toggleAction\":\"cv--toggleAction--28bC8\"};","import React from 'react';\r\n\r\ninterface ClassroomStudentsListEmptyStateProps {}\r\n\r\nexport function ClassroomStudentsListEmptyState(props: ClassroomStudentsListEmptyStateProps): JSX.Element {\r\n  return (\r\n    <>Students empty state</>\r\n  );\r\n}","import React from 'react';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\n\r\nimport styles from './tile-actions.scss';\r\n\r\nexport interface TileAction {\r\n  appLink: Core.AppLink;\r\n  text: string;\r\n  onClick?: () => void;\r\n}\r\n\r\ninterface TileActionsProps {\r\n  actions: TileAction[];\r\n}\r\n\r\nexport function TileActions(props: TileActionsProps): JSX.Element {\r\n  return (\r\n    <div className='w-100 d-flex flex-column'>\r\n      {props.actions.map(action => (\r\n        <AppLink\r\n          key={action.text}\r\n          className={`${styles.option} py-1`}\r\n          appLink={action.appLink}\r\n          onClick={action.onClick || (() => {})}\r\n        >\r\n          <span className='pl-2'>\r\n            {action.text}\r\n          </span>\r\n        </AppLink>\r\n      ))}\r\n    </div>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"option\":\"cv--option--2LGMe\"};","import React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nimport { Flight } from 'libs/common/flight';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { Text, LanguageNamespaceContext } from 'libs/shared/components/text/Text';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\n\r\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\r\nimport { Actions } from 'shared/constants/LiteActions';\r\n\r\nimport { MockClassroom } from 'apps/user-manager/interfaces';\r\nimport { ClassroomRequests } from 'apps/classrooms/flight-requests/ClassroomRequests';\r\n\r\nimport { ClassroomActivitiesList } from 'apps/classrooms/components/classroom-activities-list/ClassroomActivitiesList';\r\nimport { ClassroomActivitiesListEmptyState } from 'apps/classrooms/components/classroom-activities-list/empty-state/ClassroomActivitiesListEmptyState';\r\nimport { ClassroomStudentsList } from 'apps/classrooms/components/classroom-students-list/ClassroomStudentsList';\r\nimport { ClassroomStudentsListEmptyState } from 'apps/classrooms/components/classroom-students-list/empty-state/ClassroomStudentsListEmptyState';\r\nimport { ClassroomStar } from 'apps/classrooms/components/classroom-star/ClassroomStar';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { LocationContext, UserAction, EntityType, WorkflowPhase, ToggleDescriptor } from 'libs/analytics/interfaces';\r\n\r\nconst namespace = 'classrooms.classroom';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\nconst learningPathsAppLink = {\r\n  application: AppChannels.DASHBOARD,\r\n  action: Actions.Dashboard.HOME\r\n};\r\n\r\nconst getManageClassroomAppLink = (id: string) => ({\r\n  application: AppChannels.CLASSROOMS,\r\n  action: Actions.Classrooms.MANAGE_CLASSROOM,\r\n  args: [id]\r\n});\r\n\r\ninterface ClassroomViewProps {\r\n  id: string;\r\n}\r\n\r\nexport function ClassroomView(props: ClassroomViewProps): JSX.Element {\r\n  const classroom = Flight.useBasicFetch<MockClassroom>(ClassroomRequests.getClassroom(props.id));\r\n\r\n  const dispatch = useDispatch();\r\n  const alerts = useAlerts();\r\n\r\n  function onToggleStar(): void {\r\n    if (!classroom.data.isFavourited) {\r\n      Flight.fetch(dispatch, ClassroomRequests.starClassroom(classroom.data, () => {\r\n        AnalyticsHelper.logUserAction({ id: classroom.data.id }, {\r\n          location: LocationContext.ClassroomOverview,\r\n          actionType: UserAction.Favourite,\r\n          descriptor: ToggleDescriptor.On,\r\n          entity: EntityType.Classroom,\r\n          workflowPhase: WorkflowPhase.Complete\r\n        });\r\n\r\n        alerts.success(getPhrase('starSuccess', {\r\n          classroomName: classroom.data.name\r\n        }));\r\n      }, () => {\r\n        alerts.error(getPhrase('starError', {\r\n          classroomName: classroom.data.name\r\n        }));\r\n      }));\r\n    } else {\r\n      Flight.fetch(dispatch, ClassroomRequests.unstarClassroom(classroom.data, () => {\r\n        AnalyticsHelper.logUserAction({ id: classroom.data.id }, {\r\n          location: LocationContext.ClassroomOverview,\r\n          actionType: UserAction.Favourite,\r\n          descriptor: ToggleDescriptor.Off,\r\n          entity: EntityType.Classroom,\r\n          workflowPhase: WorkflowPhase.Complete\r\n        });\r\n\r\n        alerts.success(getPhrase('unstarSuccess', {\r\n          classroomName: classroom.data.name\r\n        }));\r\n      }, () => {\r\n        alerts.error(getPhrase('unstarError', {\r\n          classroomName: classroom.data.name\r\n        }));\r\n      }));\r\n    }\r\n  }\r\n\r\n  if (!classroom.data)\r\n    return <>Partial Loading</>;\r\n\r\n  return (\r\n    <LanguageNamespaceContext.Provider value={namespace}>\r\n      <div className='d-flex justify-content-between pb-3'>\r\n        <div className='d-flex'>\r\n          <div className='mt-1 mr-1'>\r\n            <ClassroomStar isActive={classroom.data.isFavourited} onToggle={onToggleStar} />\r\n          </div>\r\n          <div>\r\n            <h1 className='mb-0'>{classroom.data.name}</h1>\r\n            <p className='h6'><Text phrase='overview' /></p>\r\n          </div>\r\n        </div>\r\n\r\n        <AppLink className='d-flex align-items-center' appLink={getManageClassroomAppLink(classroom.data.id)}>\r\n          <SvgContainer className='mr-1 svg-container' svgName={cvSvgLibrary.Cog} />\r\n          <Text phrase='manageClassroom' />\r\n        </AppLink>\r\n      </div>\r\n\r\n      <div className='pb-3'>\r\n        <h2 className='h5'>\r\n          <span className='mr-2'>\r\n            <Text phrase='learningPaths' />\r\n          </span>\r\n          <AppLink appLink={learningPathsAppLink} className='font-weight-normal font-size-normal info-link'>\r\n            <Text phrase='seeAll' />\r\n          </AppLink>\r\n        </h2>\r\n\r\n        {!classroom.data.activities.length\r\n          ? <ClassroomActivitiesList />\r\n          : <ClassroomActivitiesListEmptyState />\r\n        }\r\n      </div>\r\n\r\n      <div>\r\n        <h2 className='h5'><Text phrase='students' /></h2>\r\n\r\n        {classroom.data.students.length\r\n          ? <ClassroomStudentsList students={classroom.data.students} classroom={classroom.data} />\r\n          : <ClassroomStudentsListEmptyState />\r\n        }\r\n      </div>\r\n    </LanguageNamespaceContext.Provider>\r\n  );\r\n}","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":""}