@clickview/lite 0.0.19 → 0.0.20-rc.1

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/actions/ActionButton.tsx","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/actions/Actions.tsx","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/actions/ActionsDropdown.tsx","webpack://@clickview/lite/C:/ClickView/front-end/clickview/packages/libs/shared/src/components/actions/actions.scss?9153","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/components/pagination/Pagination.tsx","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/video-list/VideoItem.tsx","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/video-list/VideoList.tsx","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/video-list/components/video-item-actions/VideoItemActions.tsx","webpack://@clickview/lite/C:/ClickView/front-end/clickview/packages/libs/shared/src/components/video-list/components/video-item-actions/video-item-actions.scss?aabb","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/video-list/components/video-item-badges/VideoItemBadges.tsx","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/video-list/components/video-item-description/UseTruncateText.ts","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/video-list/components/video-item-description/VideoItemDescription.tsx","webpack://@clickview/lite/C:/ClickView/front-end/clickview/packages/libs/shared/src/components/video-list/components/video-item-description/video-item-description.scss?4d88","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/video-list/components/video-item-header/VideoItemHeader.tsx","webpack://@clickview/lite/C:/ClickView/front-end/clickview/packages/libs/shared/src/components/video-list/video-item.scss?e422","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/utils/VideoHelper.ts"],"names":[],"mappings":"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","file":"scripts/3.chunk.js","sourcesContent":["import * as React from 'react';\r\n\r\nimport { Core } from 'libs/common/core';\r\n\r\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\r\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\n\r\ninterface ActionButtonProps {\r\n  appLink?: Core.AppLink;\r\n  onClick?: (e: React.MouseEvent) => void;\r\n  svgName?: string;\r\n  className?: string;\r\n  tooltip?: string;\r\n}\r\n\r\nexport function ActionButton(props: React.PropsWithChildren<ActionButtonProps>): JSX.Element {\r\n  let className = 'ml-2';\r\n\r\n  if (props.className)\r\n    className += ` ${props.className}`;\r\n\r\n  if (props.tooltip) {\r\n    return (\r\n      <Tooltip title={props.tooltip}>\r\n        <IconButton\r\n          appLink={props.appLink}\r\n          svgName={props.svgName}\r\n          onClick={props.onClick}\r\n          className={className}\r\n        >\r\n        {props.children}\r\n        </IconButton>\r\n      </Tooltip>\r\n    );\r\n  }\r\n\r\n  if (props.svgName) {\r\n    return (\r\n      <IconButton\r\n        onClick={props.onClick}\r\n        appLink={props.appLink}\r\n        svgName={props.svgName}\r\n        className={className}\r\n      >\r\n        {props.children}\r\n      </IconButton>\r\n    );\r\n  }\r\n\r\n  if (props.appLink)\r\n    return <AppLink onClick={props.onClick} appLink={props.appLink} className={className}>{props.children}</AppLink>;\r\n\r\n  return (\r\n    <button onClick={props.onClick} className={className}>\r\n      {props.children}\r\n    </button>\r\n  );\r\n}","import * as React from 'react';\r\n\r\nimport { Core } from 'libs/common/core';\r\n\r\nimport { BaseObject } from 'libs/shared/interfaces';\r\n\r\nimport { ActionsDropdown } from './ActionsDropdown';\r\nimport { ActionButton } from './ActionButton';\r\n\r\nimport styles from './actions.scss';\r\n\r\nexport interface ActionOptions {\r\n  label: string;\r\n  appLink?: Core.AppLink;\r\n  onClick?: (e: React.MouseEvent) => void;\r\n  svgName?: string;\r\n  className?: string;\r\n  button?: boolean; // If true, a button will be rendered. Otherwise the action will be rendered in the dropdown.\r\n  tooltip?: string;\r\n}\r\n\r\nexport type ActionGenerator = (obj: BaseObject) => ActionOptions[];\r\n\r\ninterface ActionsProps {\r\n  actions: ActionOptions[];\r\n  className?: string;\r\n  actionsDropdownClassName?: string;\r\n  sortComponent?: JSX.Element;\r\n}\r\n\r\nexport function Actions(props: ActionsProps): JSX.Element {\r\n  const buttonActions: ActionOptions[] = [];\r\n  const moreActions: ActionOptions[] = [];\r\n\r\n  props.actions.forEach(a => {\r\n    if (a.button)\r\n      buttonActions.push(a);\r\n    else\r\n      moreActions.push(a);\r\n  });\r\n\r\n  let className = 'd-flex';\r\n\r\n  if (props.className)\r\n    className += ` ${props.className}`;\r\n\r\n  return (\r\n    <div className={className}>\r\n      <>\r\n        {!!buttonActions.length &&\r\n          <span className={styles.buttonList}>\r\n            {buttonActions.map((a, idx) =>\r\n              <ActionButton\r\n                key={idx}\r\n                appLink={a.appLink}\r\n                onClick={a.onClick}\r\n                svgName={a.svgName}\r\n                className={a.className}\r\n                tooltip={a.tooltip}\r\n              >\r\n                {a.label}\r\n              </ActionButton>\r\n            )}\r\n          </span>\r\n        }\r\n        {props.sortComponent ? props.sortComponent : '' }\r\n        {!!moreActions.length &&\r\n          <ActionsDropdown\r\n            actions={moreActions}\r\n            className={!!buttonActions.length && 'ml-2'}\r\n            dropdownToggleClassName={props.actionsDropdownClassName}\r\n          />\r\n        }\r\n      </>\r\n    </div>\r\n  );\r\n}","import * as React from 'react';\r\nimport { Dropdown } from 'react-bootstrap';\r\nimport { RandomHelper } from 'libs/common/react/utils/RandomHelper';\r\n\r\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\n\r\nimport styles from './actions.scss';\r\n\r\nimport { ActionOptions } from './Actions';\r\n\r\nfunction getDropdownItemClassName(actionClassName?: string): string {\r\n  let className = 'dropdown-item';\r\n\r\n  if (actionClassName)\r\n    className += ` ${actionClassName}`;\r\n\r\n  return className;\r\n}\r\n\r\ntype DropdownActionOptions = Omit<ActionOptions, 'button' | 'tooltip'>;\r\n\r\ninterface ActionsDropdownProps {\r\n  actions: DropdownActionOptions[];\r\n  className?: string;\r\n  dropdownToggleClassName?: string;\r\n}\r\n\r\nActionsDropdown.defaultProps = {\r\n  dropdownToggleClassName: 'btn btn-light'\r\n};\r\n\r\nexport function ActionsDropdown(props: ActionsDropdownProps): React.ReactElement {\r\n  if (!props.actions || !props.actions.length)\r\n    return <></>;\r\n\r\n  // Generate unique id to avoid collisions.\r\n  const dropdownToggleId = `actions-dropdown-${RandomHelper.getRandomInt()}`;\r\n\r\n  let dropdownToggleClassName = `px-0 ${styles.dropdownToggle}`;\r\n\r\n  if (props.dropdownToggleClassName)\r\n    dropdownToggleClassName += ` ${props.dropdownToggleClassName}`;\r\n\r\n  return (\r\n    <Dropdown className={props.className ? props.className : ''} alignRight>\r\n      <Dropdown.Toggle as='button' type='button' id={dropdownToggleId} className={dropdownToggleClassName}>\r\n        <SvgContainer svgName={cvSvgLibrary.More} size={SvgContainerSize.Small} />\r\n      </Dropdown.Toggle>\r\n      <Dropdown.Menu>\r\n        {props.actions.map((a, idx) =>\r\n          <AppLink key={idx} appLink={a.appLink} onClick={a.onClick} className={getDropdownItemClassName(a.className)}>\r\n            {a.label}\r\n          </AppLink>\r\n        )}\r\n      </Dropdown.Menu>\r\n    </Dropdown>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"buttonList\":\"cv--buttonList--2v9CT\",\"dropdownToggle\":\"cv--dropdownToggle--AYBvQ\"};","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 * as React from 'react';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { Cursors } from 'libs/common/backbone/interfaces';\r\n\r\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\nimport { LanguageNamespaceContext, Text } from 'libs/shared/components/text/Text';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { LocationContext, EntityType, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\r\n\r\nfunction buildCursor(appLink: Core.AppLink, cursorParam: string): Core.AppLink {\r\n  if (!cursorParam)\r\n    return null;\r\n\r\n  return {\r\n    application: appLink.application,\r\n    action: appLink.action,\r\n    args: appLink.args,\r\n    params: Object.assign({}, appLink.params, { cursor: cursorParam })\r\n  };\r\n}\r\n\r\ninterface CursorPaginationProps {\r\n  cursors: Cursors;\r\n  appLink: Core.AppLink;\r\n  className?: string;\r\n}\r\n\r\nPagination.defaultProps = {\r\n  className: 'py-2'\r\n};\r\n\r\nexport function Pagination({ appLink, cursors, className }: CursorPaginationProps): JSX.Element {\r\n  function log(page: 'next' | 'previous'): void {\r\n    AnalyticsHelper.logUserAction({ page }, {\r\n      location: LocationContext.Pagination,\r\n      entity: EntityType.Pagination,\r\n      actionType: UserAction.Navigate,\r\n      workflowPhase: WorkflowPhase.Complete\r\n    });\r\n  }\r\n\r\n  return (\r\n    <LanguageNamespaceContext.Provider value='shared.pagination'>\r\n      <div className={className}>\r\n        <AppLink\r\n          appLink={buildCursor(appLink, cursors.previous)}\r\n          className={`btn btn-secondary mr-1 ${!cursors.previous ? 'disabled' : ''}`}\r\n          onClick={() => log('previous')}\r\n        >\r\n          <Text phrase='previous' />\r\n        </AppLink>\r\n\r\n        <AppLink\r\n          appLink={buildCursor(appLink, cursors.next)}\r\n          className={`btn btn-secondary ${!cursors.next ? 'disabled' : ''}`}\r\n          onClick={() => log('next')}\r\n        >\r\n          <Text phrase='next' />\r\n        </AppLink>\r\n      </div>\r\n    </LanguageNamespaceContext.Provider>\r\n  );\r\n}\r\n\r\ninterface LocalPaginationProps {\r\n  onClickNext: () => void;\r\n  onClickBack: () => void;\r\n  currentPage: number;\r\n  totalPages: number;\r\n  className?: string;\r\n}\r\n\r\nLocalPagination.defaultProps = {\r\n  className: 'py-2'\r\n};\r\n\r\nexport function LocalPagination(props: LocalPaginationProps): JSX.Element {\r\n  function onClickBack(): void {\r\n    if (props.currentPage === 1)\r\n      return;\r\n\r\n    log('previous');\r\n\r\n    props.onClickBack();\r\n  }\r\n\r\n  function onClickNext(): void {\r\n    if (props.currentPage === props.totalPages)\r\n      return;\r\n\r\n    log('next');\r\n\r\n    props.onClickNext();\r\n  }\r\n\r\n  function log(page: 'next' | 'previous'): void {\r\n    AnalyticsHelper.logUserAction({ page }, {\r\n      location: LocationContext.Pagination,\r\n      entity: EntityType.Pagination,\r\n      actionType: UserAction.Navigate,\r\n      workflowPhase: WorkflowPhase.Complete\r\n    });\r\n  }\r\n\r\n  return (\r\n    <LanguageNamespaceContext.Provider value='shared.pagination'>\r\n      <div className={props.className}>\r\n        <DivButton\r\n          onClick={onClickBack}\r\n          className={`btn btn-secondary mr-1 cursor-pointer ${props.currentPage === 1 ? 'disabled' : ''}`}\r\n        >\r\n          <Text phrase='previous' />\r\n        </DivButton>\r\n\r\n        <DivButton\r\n          onClick={onClickNext}\r\n          className={`btn btn-secondary cursor-pointer ${props.currentPage === props.totalPages ? 'disabled' : ''}`}\r\n        >\r\n          <Text phrase='next' />\r\n      </DivButton>\r\n      </div>\r\n    </LanguageNamespaceContext.Provider>\r\n  );\r\n}","import * as React from 'react';\r\nimport { Row, Col } from 'react-bootstrap';\r\nimport { SortableElement, SortableHandle } from 'react-sortable-hoc';\r\nimport { Core } from 'libs/common/core';\r\n\r\nimport { Video, Series } from 'libs/shared/interfaces';\r\nimport { VideoThumbnail } from 'libs/shared/components/thumbnails/video/VideoThumbnail';\r\nimport { SeriesLink } from 'libs/shared/components/series-link/SeriesLink';\r\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { ThumbnailSize } from 'libs/shared/enums/ThumbnailSize';\r\nimport { ThumbnailTextPosition } from 'libs/shared/enums/ThumbnailTextPosition';\r\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\r\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\r\n\r\nimport { SortableContext } from 'libs/shared/components/video-list/VideoList';\r\nimport { VideoItemActions } from 'libs/shared/components/video-list/components/video-item-actions/VideoItemActions';\r\nimport { VideoItemBadges } from 'libs/shared/components/video-list/components/video-item-badges/VideoItemBadges';\r\nimport { VideoItemDescription } from 'libs/shared/components/video-list/components/video-item-description/VideoItemDescription';\r\nimport { VideoItemHeader } from 'libs/shared/components/video-list/components/video-item-header/VideoItemHeader';\r\nimport styles from './video-item.scss';\r\n\r\nconst DragHandle = SortableHandle(() => (\r\n  <Col\r\n    xs={2}\r\n    className={`d-flex justify-content-center align-items-center cursor-pointer ${styles.dragHandleContainer}`}\r\n  >\r\n    <SvgContainer svgName={cvSvgLibrary.Handle} size={SvgContainerSize.Small} />\r\n  </Col>\r\n));\r\n\r\nfunction getThumbnailColSize(hasDragHandle: boolean): number {\r\n  return hasDragHandle ? 10 : 12;\r\n}\r\n\r\ninterface VideoItemProps {\r\n  video: Video;\r\n  getVideoAppLink: (video: Video) => Core.AppLink;\r\n  getSeriesAppLink: (series: Series) => Core.AppLink;\r\n  setFavourite?: (videoId: string, shouldFavourite: boolean, onError?: () => void) => void;\r\n  idx?: number; // Index of rendered item in list \r\n}\r\n\r\nexport function VideoItem(props: VideoItemProps): JSX.Element {\r\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\r\n  const { isSortable, currentSortingIndex } = React.useContext(SortableContext);\r\n\r\n  const showDragHandle = isSortable && !isMobile;\r\n  const videoAppLink = props.getVideoAppLink(props.video);\r\n\r\n  const seriesAppLink = VideoHelper.hasSeries(props.video) && props.getSeriesAppLink(props.video.series);\r\n\r\n  return (\r\n    <Row className='py-2'>\r\n      <Col xs={isMobile ? 12 : 4} className='flex-column align-items-flex-start mb-1'>\r\n        <Row>\r\n          {!!showDragHandle && <DragHandle />}\r\n          <Col xs={getThumbnailColSize(showDragHandle)}>\r\n            <VideoThumbnail\r\n              video={props.video}\r\n              appLink={videoAppLink}\r\n              seriesAppLink={seriesAppLink}\r\n              size={showDragHandle ? ThumbnailSize.Small : ThumbnailSize.Medium}\r\n              textPosition={ThumbnailTextPosition.Independent}\r\n              setFavourite={props.setFavourite}\r\n              type='static'\r\n            />\r\n          </Col>\r\n        </Row>\r\n      </Col>\r\n      <Col xs={isMobile ? 12 : 8}>\r\n        <VideoItemActions video={props.video} />\r\n        <SeriesLink video={props.video} appLink={seriesAppLink} />\r\n        <VideoItemHeader video={props.video} appLink={props.getVideoAppLink(props.video)} />\r\n        <VideoItemBadges video={props.video} />\r\n        <VideoItemDescription\r\n          video={props.video}\r\n          forceTruncate={Number.isInteger(currentSortingIndex) && props.idx === currentSortingIndex}\r\n        />\r\n      </Col>\r\n    </Row>\r\n  );\r\n}\r\n\r\nexport const SortableVideoItem = SortableElement((props: VideoItemProps) => <VideoItem {...props} />);","import * as React from 'react';\r\nimport { SortableContainer } from 'react-sortable-hoc';\r\nimport { Core } from 'libs/common/core';\r\nimport { Cursors } from 'libs/common/backbone/interfaces';\r\n\r\nimport { Video, Series } from 'libs/shared/interfaces';\r\nimport { Pagination } from 'libs/shared/components/pagination/Pagination';\r\n\r\nimport { VideoItem, SortableVideoItem } from './VideoItem';\r\n\r\ninterface SortableContextProps {\r\n  isSortable: boolean;\r\n  currentSortingIndex?: number;\r\n}\r\n\r\nexport const SortableContext = React.createContext<SortableContextProps>({ isSortable: false });\r\n\r\nexport interface VideoListProps {\r\n  videos: Video[];\r\n  getVideoAppLink: (video: Video) => Core.AppLink;\r\n  getSeriesAppLink: (series: Series) => Core.AppLink;\r\n  setFavourite?: (videoId: string, shouldFavourite: boolean, onError?: () => void) => void;\r\n  cursors?: Cursors;\r\n}\r\n\r\nexport function VideoList(props: VideoListProps): JSX.Element {\r\n  const { isSortable } = React.useContext(SortableContext);\r\n\r\n  const VideoItemComponent = isSortable\r\n    ? SortableVideoItem\r\n    : VideoItem;\r\n\r\n  const currentAppLink = Core.AppLinkHelper.getCurrentAppLink();\r\n\r\n  return (\r\n    <>\r\n      <div className='position-relative'>\r\n        {props.videos.map((v, idx) =>\r\n          <VideoItemComponent\r\n            key={v.id}\r\n            idx={idx}\r\n            index={idx}\r\n            video={v}\r\n            getVideoAppLink={props.getVideoAppLink}\r\n            getSeriesAppLink={props.getSeriesAppLink}\r\n            setFavourite={props.setFavourite}\r\n          />\r\n        )}\r\n      </div>\r\n\r\n      {props.cursors &&\r\n        <Pagination appLink={currentAppLink} cursors={props.cursors} />\r\n      }\r\n    </>\r\n  );\r\n}\r\n\r\ninterface SortableVideoListProps extends VideoListProps {\r\n  currentSortingIndex?: number;\r\n}\r\n\r\nexport const SortableVideoList = SortableContainer((props: SortableVideoListProps) => (\r\n  <SortableContext.Provider value={{ isSortable: true, currentSortingIndex: props.currentSortingIndex }}>\r\n    <VideoList {...props} />\r\n  </SortableContext.Provider>\r\n));","import * as React from 'react';\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\n\r\nimport { Video } from 'libs/shared/interfaces';\r\nimport { Actions, ActionOptions } from 'libs/shared/components/actions/Actions';\r\nimport { VideoActionsContext } from 'libs/shared/context/VideoActionsContext';\r\nimport { VideoAction, getVideoActionOptions } from 'libs/shared/utils/video-actions/VideoActionsHelper';\r\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\r\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\r\n\r\nimport styles from './video-item-actions.scss';\r\n\r\nconst DEFAULT_ACTIONS = [ VideoAction.AddToPlaylist, VideoAction.Share ];\r\n\r\ninterface VideoItemActionsProps {\r\n  video: Video;\r\n}\r\n\r\nexport function VideoItemActions(props: VideoItemActionsProps): JSX.Element {\r\n  const { videoActions = DEFAULT_ACTIONS, getActionAppLink } = React.useContext(VideoActionsContext);\r\n\r\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\r\n\r\n  if (!FunctionHelper.isFunction(getActionAppLink))\r\n    return <></>;\r\n\r\n  const actions: ActionOptions[] = [];\r\n\r\n  videoActions.forEach(a => {\r\n    const appLink = getActionAppLink(props.video, a);\r\n\r\n    if (appLink)\r\n      actions.push({\r\n        appLink,\r\n        className: 'btn btn-link',\r\n        button: !isMobile,\r\n        ...getVideoActionOptions()[a]\r\n      });\r\n  });\r\n\r\n  return (\r\n    <Actions\r\n      actions={actions}\r\n      className='float-right mt-n1'\r\n      actionsDropdownClassName={`btn btn-link rounded-circle p-0 ${styles.actionsDropdown}`}\r\n    />\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"actionsDropdown\":\"cv--actionsDropdown--XR0aX\"};","import * as React from 'react';\r\n\r\nimport { Video } from 'libs/shared/interfaces';\r\nimport { BadgeListContainer } from 'libs/shared/components/badges/BadgeListContainer';\r\nimport { Badge, BadgeType } from 'libs/shared/components/badges/Badge';\r\n\r\ninterface VideoItemBadgesProps {\r\n  video: Video;\r\n}\r\n\r\nexport function VideoItemBadges(props: VideoItemBadgesProps): JSX.Element {\r\n  return (\r\n    <BadgeListContainer>\r\n      <Badge type={ BadgeType.Rating } data={props.video.rating} />\r\n      <Badge type={ BadgeType.ProductionYear } data={props.video.productionYear} />\r\n      <Badge type={ BadgeType.Interactive } data={props.video.interactives} />\r\n    </BadgeListContainer>\r\n  );\r\n}","import { useState, useEffect, useRef, MutableRefObject } from 'react';\r\n\r\ninterface TruncationState<T extends HTMLElement> {\r\n  ref: MutableRefObject<T>;\r\n  isExpandable: boolean;\r\n  isTruncated: boolean;\r\n  toggleTruncation: () => void;\r\n}\r\n\r\nexport function useTruncateText<T extends HTMLElement>(maxHeight: number): TruncationState<T> {\r\n  const [ isExpandable, setIsExpandable ] = useState(false);\r\n  const [ isTruncated, setIsTruncated ] = useState(false);\r\n\r\n  const ref = useRef<T>();\r\n\r\n  useEffect(() => {\r\n    if (!ref || !ref.current)\r\n      return;\r\n\r\n    const elHeight = ref.current.offsetHeight;\r\n\r\n    if (elHeight <= maxHeight)\r\n      return;\r\n\r\n    setIsExpandable(true);\r\n    setIsTruncated(true);\r\n  }, [ref]);\r\n\r\n  return { ref, isExpandable, isTruncated, toggleTruncation: () => setIsTruncated(t => !t) };\r\n}","import * as React from 'react';\r\n\r\nimport { Video } from 'libs/shared/interfaces';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\r\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\r\n\r\nimport styles from './video-item-description.scss';\r\nimport { useTruncateText } from './UseTruncateText';\r\n\r\nconst namespace = 'shared.videoItemDescription';\r\n\r\n/**\r\n * A single line of text = 0.875rem (14px) * 1.5 (line-height) = 21px.\r\n * If we change either the line-height or base font size, this number will \r\n * likely need to be updated too.\r\n */\r\nconst LINE_HEIGHT: number = 21;\r\n\r\ninterface VideoItemDescriptionProps {\r\n  video: Video;\r\n  forceTruncate?: boolean;\r\n}\r\n\r\nexport function VideoItemDescription(props: VideoItemDescriptionProps): JSX.Element {\r\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\r\n  const isIPad = useMediaQuery(MediaQueryStrings.SM);\r\n\r\n  const maxNumberLines = isIPad ? 2 : 4;\r\n  const maxHeight = LINE_HEIGHT * maxNumberLines;\r\n\r\n  const { ref, isExpandable, isTruncated, toggleTruncation } = useTruncateText<HTMLParagraphElement>(maxHeight);\r\n\r\n  if (isMobile)\r\n    return <></>;\r\n\r\n  const containerProps: React.HTMLAttributes<HTMLDivElement> = {\r\n    className: 'position-relative overflow-hidden'\r\n  };\r\n\r\n  if (isTruncated)\r\n    containerProps.style = { maxHeight: `${maxHeight}px` };\r\n\r\n  if (props.forceTruncate && !isTruncated)\r\n    toggleTruncation();\r\n\r\n  return (\r\n    <div {...containerProps}>\r\n      <p ref={ref} className='m-0'>\r\n        {props.video.description}\r\n        {!!isExpandable &&\r\n          <span className={`cursor-pointer ${styles.ellipsis}`} onClick={toggleTruncation}>\r\n            <Text namespace={namespace} phrase={isTruncated ? 'showMore' : 'showLess'} />\r\n          </span>\r\n        }\r\n      </p>\r\n    </div>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"ellipsis\":\"cv--ellipsis--LJY5U\"};","import * as React from 'react';\r\nimport { Core } from 'libs/common/core';\r\n\r\nimport { Video } from 'libs/shared/interfaces';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\n\r\ninterface VideoItemHeaderProps {\r\n  video: Video;\r\n  appLink: Core.AppLink;\r\n}\r\n\r\nexport function VideoItemHeader(props: VideoItemHeaderProps): JSX.Element {\r\n  return (\r\n    <AppLink appLink={props.appLink}>\r\n      <h5 className='d-inline-block m-0 mb-1'>{props.video.name}</h5>\r\n    </AppLink>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"dragHandleContainer\":\"cv--dragHandleContainer--24s1b\"};","import { Video } from 'libs/shared/interfaces';\r\n\r\nexport const VideoHelper = {\r\n  hasSeries(video: Video): boolean {\r\n    return !!video && video.series && !!video.series.id;\r\n  }\r\n};"],"sourceRoot":""}

package/dist/scripts/30.chunk.js

@@ -0,0 +1,468 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[30],{
+
+/***/ "../../libs/shared/src/components/div-button/DivButton.tsx":
+/*!*****************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/div-button/DivButton.tsx ***!
+  \*****************************************************************************************************/
+/*! exports provided: DivButton */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DivButton", function() { return DivButton; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+
+/**
+ * This element lets us use `div` elements as buttons without losing the accessibility of
+ * a regular HTML button element
+ */
+
+function DivButton(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    role: 'button',
+    tabIndex: 0,
+    className: "".concat(props.className ? props.className : '', " cursor-pointer"),
+    onKeyDown: function onKeyDown(e) {
+      return e.key === 'Enter' && props.onClick(e);
+    },
+    onClick: props.onClick,
+    style: props.style ? props.style : {}
+  }, props.children);
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/hooks/UseAlerts.ts":
+/*!************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/UseAlerts.ts ***!
+  \************************************************************************************/
+/*! exports provided: useAlerts */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useAlerts", function() { return useAlerts; });
+/* harmony import */ var _common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/react/hooks/UseService */ "../../libs/common/src/react/hooks/UseService.ts");
+/* harmony import */ var _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/backbone/services/BaseAlertService */ "../../libs/common/src/backbone/services/BaseAlertService.ts");
+/* harmony import */ var _common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../common/src/backbone/constants/CommonServices */ "../../libs/common/src/backbone/constants/CommonServices.ts");
+
+
+
+var useAlerts = function useAlerts() {
+  var alertService = Object(_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__["useService"])(_common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__["CommonServices"].ALERT);
+  return {
+    success: function success(alertContent) {
+      alertService.success(alertContent)();
+    },
+    error: function error(alertContent) {
+      alertService.error(alertContent)();
+    },
+    warning: function warning(alertContent) {
+      alertService.createAlert({
+        type: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["AlertType"].Warning,
+        heading: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["DefaultAlertHeading"].Warning,
+        message: alertContent
+      });
+    }
+  };
+};
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/classroom-group-details-form/ClassroomGroupDetailsForm.tsx":
+/*!***************************************************************************************************!*\
+  !*** ./src/apps/classrooms/components/classroom-group-details-form/ClassroomGroupDetailsForm.tsx ***!
+  \***************************************************************************************************/
+/*! exports provided: ClassroomGroupDetailsForm */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomGroupDetailsForm", function() { return ClassroomGroupDetailsForm; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var formik__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! formik */ "../../../node_modules/formik/dist/formik.esm.js");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-field/FormField */ "../../libs/shared/src/components/forms/form-field/FormField.tsx");
+/* harmony import */ var _libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-wrapper/FormWrapper */ "../../libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx");
+/* harmony import */ var _libs_shared_src_components_forms_form_buttons_FormButtons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-buttons/FormButtons */ "../../libs/shared/src/components/forms/form-buttons/FormButtons.tsx");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var apps_classrooms_components_colour_picker_ColourPicker__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! apps/classrooms/components/colour-picker/ColourPicker */ "./src/apps/classrooms/components/colour-picker/ColourPicker.tsx");
+/* harmony import */ var _classroom_group_details_form_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./classroom-group-details-form.scss */ "./src/apps/classrooms/components/classroom-group-details-form/classroom-group-details-form.scss");
+/* harmony import */ var _classroom_group_details_form_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_classroom_group_details_form_scss__WEBPACK_IMPORTED_MODULE_8__);
+
+
+
+
+
+
+
+
+
+var namespace = 'classrooms.classroomGroupDetailsForm';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace(namespace);
+function ClassroomGroupDetailsForm(props) {
+  var formikProps = Object(_libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_4__["useFormikContextWrapper"])();
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h2", {
+    className: 'w-50 d-inline-block h6'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__["Text"], {
+    namespace: namespace,
+    phrase: 'nameLabel'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h2", {
+    className: 'd-inline-block h6'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__["Text"], {
+    namespace: namespace,
+    phrase: 'colourLabel'
+  }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(formik__WEBPACK_IMPORTED_MODULE_1__["Form"], null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'pb-3 d-flex'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'w-50'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__["FormField"], {
+    type: 'text',
+    name: 'name',
+    id: 'name',
+    className: "".concat(_classroom_group_details_form_scss__WEBPACK_IMPORTED_MODULE_8___default.a.groupNameInput),
+    placeholder: getPhrase('groupNamePlaceholder'),
+    autoFocus: true,
+    value: formikProps.values.name
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'form-group'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_colour_picker_ColourPicker__WEBPACK_IMPORTED_MODULE_7__["ColourPicker"], {
+    onSelect: function onSelect(c) {
+      return formikProps.setFieldValue('colour', c);
+    },
+    selection: formikProps.values.colour,
+    id: "".concat(props.isNew ? 'create' : 'edit', "-classroom-group")
+  }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'btn-container d-flex justify-content-end'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("button", {
+    type: 'button',
+    className: 'btn btn-link mr-2',
+    onClick: props.onClickCancel
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__["Text"], {
+    namespace: namespace,
+    phrase: 'cancel'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_forms_form_buttons_FormButtons__WEBPACK_IMPORTED_MODULE_5__["FormButtons"], {
+    isNew: props.isNew
+  }))));
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/classroom-group-details-form/classroom-group-details-form.scss":
+/*!*******************************************************************************************************!*\
+  !*** ./src/apps/classrooms/components/classroom-group-details-form/classroom-group-details-form.scss ***!
+  \*******************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"groupNameInput":"cv--groupNameInput--3hGvq"};
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/colour-picker/ColourPicker.tsx":
+/*!***********************************************************************!*\
+  !*** ./src/apps/classrooms/components/colour-picker/ColourPicker.tsx ***!
+  \***********************************************************************/
+/*! exports provided: ColourPicker */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ColourPicker", function() { return ColourPicker; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-bootstrap */ "react-bootstrap");
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/div-button/DivButton */ "../../libs/shared/src/components/div-button/DivButton.tsx");
+/* harmony import */ var _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var apps_classrooms_enums_GroupColour__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! apps/classrooms/enums/GroupColour */ "./src/apps/classrooms/enums/GroupColour.ts");
+/* harmony import */ var apps_classrooms_utils_GroupHelper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! apps/classrooms/utils/GroupHelper */ "./src/apps/classrooms/utils/GroupHelper.ts");
+/* harmony import */ var _colour_picker_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./colour-picker.scss */ "./src/apps/classrooms/components/colour-picker/colour-picker.scss");
+/* harmony import */ var _colour_picker_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_colour_picker_scss__WEBPACK_IMPORTED_MODULE_7__);
+
+
+
+
+
+
+
+
+ColourPicker.defaultProps = {
+  selection: apps_classrooms_enums_GroupColour__WEBPACK_IMPORTED_MODULE_5__["GroupColour"].White,
+  onSelect: function onSelect() {}
+};
+function ColourPicker(props) {
+  function getToggleButtonClass() {
+    var baseClass = "".concat(_colour_picker_scss__WEBPACK_IMPORTED_MODULE_7___default.a.dropdownToggle, " outline-none p-0 d-flex align-items-center text-decoration-none");
+    var disabledClass = props.disabled ? 'cursor-default' : '';
+    return "".concat(baseClass, " ").concat(disabledClass);
+  }
+
+  function getOptionClass(colour) {
+    var baseClass = "".concat(_colour_picker_scss__WEBPACK_IMPORTED_MODULE_7___default.a.colourOption, " position-relative");
+    var borderClass = colour === apps_classrooms_enums_GroupColour__WEBPACK_IMPORTED_MODULE_5__["GroupColour"].White ? 'border border-dark' : '';
+    var disabledClass = props.disabled ? 'cursor-default' : '';
+    var colorClass = Object(apps_classrooms_utils_GroupHelper__WEBPACK_IMPORTED_MODULE_6__["mapColourToClassName"])(colour);
+    return "".concat(baseClass, " ").concat(borderClass, " ").concat(disabledClass, " ").concat(colorClass);
+  }
+
+  var dropdownProps = {};
+  if (props.disabled) dropdownProps.show = false;
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Dropdown"], Object.assign({}, dropdownProps), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Dropdown"].Toggle, {
+    id: props.id,
+    variant: 'link',
+    className: getToggleButtonClass()
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "border border-secondary rounded bg-white ".concat(_colour_picker_scss__WEBPACK_IMPORTED_MODULE_7___default.a.colourButton)
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "px-0 py-1 rounded ".concat(Object(apps_classrooms_utils_GroupHelper__WEBPACK_IMPORTED_MODULE_6__["mapColourToClassName"])(props.selection))
+  }, "\xA0")), !props.disabled && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_3__["SvgContainer"], {
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_4__["cvSvgLibrary"].Caret
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Dropdown"].Menu, null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("ul", {
+    className: "".concat(_colour_picker_scss__WEBPACK_IMPORTED_MODULE_7___default.a.colourList, " list-unstyled d-flex flex-wrap px-2 m-0")
+  }, Object.keys(apps_classrooms_enums_GroupColour__WEBPACK_IMPORTED_MODULE_5__["GroupColour"]).map(function (colourKey) {
+    var colour = apps_classrooms_enums_GroupColour__WEBPACK_IMPORTED_MODULE_5__["GroupColour"][colourKey];
+    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("li", {
+      key: "".concat(props.id, ":").concat(colour),
+      className: 'm-1'
+    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_2__["DivButton"], {
+      onClick: function onClick() {
+        return props.onSelect(colour);
+      },
+      className: getOptionClass(colour)
+    }, colour === apps_classrooms_enums_GroupColour__WEBPACK_IMPORTED_MODULE_5__["GroupColour"].White ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+      className: _colour_picker_scss__WEBPACK_IMPORTED_MODULE_7___default.a.lineThrough
+    }) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, "\xA0")));
+  }))));
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/colour-picker/colour-picker.scss":
+/*!*************************************************************************!*\
+  !*** ./src/apps/classrooms/components/colour-picker/colour-picker.scss ***!
+  \*************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"dropdownToggle":"cv--dropdownToggle--347DY","colourButton":"cv--colourButton--1rKvE","colourList":"cv--colourList--328-w","colourOption":"cv--colourOption--1Tw7u","lineThrough":"cv--lineThrough--18oZq"};
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/edit-classroom-group-details/EditClassroomGroupDetails.tsx":
+/*!***************************************************************************************************!*\
+  !*** ./src/apps/classrooms/components/edit-classroom-group-details/EditClassroomGroupDetails.tsx ***!
+  \***************************************************************************************************/
+/*! exports provided: EditClassroomGroupDetails */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditClassroomGroupDetails", function() { return EditClassroomGroupDetails; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-wrapper/FormWrapper */ "../../libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx");
+/* harmony import */ var apps_classrooms_validation_ClassroomGroupValidationSchema__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! apps/classrooms/validation/ClassroomGroupValidationSchema */ "./src/apps/classrooms/validation/ClassroomGroupValidationSchema.ts");
+/* harmony import */ var apps_classrooms_components_classroom_group_details_form_ClassroomGroupDetailsForm__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! apps/classrooms/components/classroom-group-details-form/ClassroomGroupDetailsForm */ "./src/apps/classrooms/components/classroom-group-details-form/ClassroomGroupDetailsForm.tsx");
+
+
+
+
+function EditClassroomGroupDetails(props) {
+  var _a, _b, _c;
+
+  var group = props.group,
+      saveGroup = props.saveGroup,
+      onClickCancel = props.onClickCancel;
+  var initialValues = {
+    id: (_a = group) === null || _a === void 0 ? void 0 : _a.id,
+    name: (_b = group) === null || _b === void 0 ? void 0 : _b.name,
+    colour: (_c = group) === null || _c === void 0 ? void 0 : _c.colour,
+    students: []
+  };
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_1__["FormWrapper"], {
+    initialValues: initialValues,
+    validationSchema: apps_classrooms_validation_ClassroomGroupValidationSchema__WEBPACK_IMPORTED_MODULE_2__["ClassroomGroupValidationSchema"],
+    onSubmit: saveGroup
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_classroom_group_details_form_ClassroomGroupDetailsForm__WEBPACK_IMPORTED_MODULE_3__["ClassroomGroupDetailsForm"], {
+    isNew: !group,
+    onClickCancel: onClickCancel
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/enums/GroupColour.ts":
+/*!**************************************************!*\
+  !*** ./src/apps/classrooms/enums/GroupColour.ts ***!
+  \**************************************************/
+/*! exports provided: GroupColour */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "GroupColour", function() { return GroupColour; });
+var GroupColour;
+
+(function (GroupColour) {
+  GroupColour["White"] = "white";
+  GroupColour["Pink"] = "pink";
+  GroupColour["YellowOrange"] = "yellow-orange";
+  GroupColour["Emerald"] = "emerald";
+  GroupColour["PuertoRico"] = "puerto-rico";
+  GroupColour["PictonBlue"] = "picton-blue";
+  GroupColour["EastSide"] = "east-side";
+  GroupColour["Portage"] = "portage";
+})(GroupColour || (GroupColour = {}));
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/utils/GroupHelper.ts":
+/*!**************************************************!*\
+  !*** ./src/apps/classrooms/utils/GroupHelper.ts ***!
+  \**************************************************/
+/*! exports provided: mapColourToClassName */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "mapColourToClassName", function() { return mapColourToClassName; });
+function mapColourToClassName(groupName) {
+  return "bg-".concat(groupName);
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/validation/ClassroomGroupValidationSchema.ts":
+/*!**************************************************************************!*\
+  !*** ./src/apps/classrooms/validation/ClassroomGroupValidationSchema.ts ***!
+  \**************************************************************************/
+/*! exports provided: ClassroomGroupValidationSchema */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomGroupValidationSchema", function() { return ClassroomGroupValidationSchema; });
+/* harmony import */ var yup__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! yup */ "../../../node_modules/yup/lib/index.js");
+/* harmony import */ var yup__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(yup__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _enums_GroupColour__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../enums/GroupColour */ "./src/apps/classrooms/enums/GroupColour.ts");
+
+
+
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].encloseNamespace('classrooms.classroomValidation');
+var ClassroomGroupValidationSchema = Object(yup__WEBPACK_IMPORTED_MODULE_0__["object"])().shape({
+  name: Object(yup__WEBPACK_IMPORTED_MODULE_0__["string"])().max(255, function () {
+    return getPhrase('nameExceeds');
+  }).required(function () {
+    return getPhrase('nameRequired');
+  })["default"](''),
+  colour: Object(yup__WEBPACK_IMPORTED_MODULE_0__["string"])().required(function () {
+    return getPhrase('colourRequired');
+  })["default"](_enums_GroupColour__WEBPACK_IMPORTED_MODULE_2__["GroupColour"].White)
+});
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/views/create-classroom-group/CreateClassroomGroupView.tsx":
+/*!***************************************************************************************!*\
+  !*** ./src/apps/classrooms/views/create-classroom-group/CreateClassroomGroupView.tsx ***!
+  \***************************************************************************************/
+/*! exports provided: CreateClassroomGroupView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CreateClassroomGroupView", function() { return CreateClassroomGroupView; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ "react-redux");
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/popup/Popup */ "../../libs/shared/src/components/popup/Popup.tsx");
+/* harmony import */ var _libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
+/* harmony import */ var apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! apps/classrooms/flight-requests/ClassroomRequests */ "./src/apps/classrooms/flight-requests/ClassroomRequests.ts");
+/* harmony import */ var apps_classrooms_components_edit_classroom_group_details_EditClassroomGroupDetails__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! apps/classrooms/components/edit-classroom-group-details/EditClassroomGroupDetails */ "./src/apps/classrooms/components/edit-classroom-group-details/EditClassroomGroupDetails.tsx");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+
+
+
+
+
+
+
+
+
+
+var namespace = 'classrooms.createClassroomGroup';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace(namespace);
+function CreateClassroomGroupView(props) {
+  var classroom = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_6__["ClassroomRequests"].getClassroom(props.classroomId));
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_5__["useAlerts"])();
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+
+  var successCallback = function successCallback(group) {
+    alerts.success(getPhrase('success', {
+      groupName: group.name,
+      classroomName: classroom.data.name
+    }));
+    props.closePopup();
+  };
+
+  var addStudentsToGroup = function addStudentsToGroup(group) {
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_6__["ClassroomRequests"].addStudentsToGroup(props.studentIds, group.id, function () {
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_8__["AnalyticsHelper"].logUserAction({
+        id: group.id,
+        studentCount: props.studentIds.length
+      }, _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_8__["AnalyticsHelper"].mergeOptions(props.analyticsOptions, {
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_9__["UserAction"].Associate,
+        descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_9__["AssocDescriptor"].User
+      }));
+      successCallback(group);
+    }));
+  };
+
+  var saveGroupToClassroom = function saveGroupToClassroom(group) {
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_6__["ClassroomRequests"].addGroupToClassroom(group, props.classroomId, function (newGroup) {
+      var _a;
+
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_8__["AnalyticsHelper"].logUserAction({
+        id: newGroup.id,
+        classroomId: props.classroomId
+      }, _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_8__["AnalyticsHelper"].mergeOptions(props.analyticsOptions, {
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_9__["UserAction"].Create
+      }));
+
+      if ((_a = props.studentIds) === null || _a === void 0 ? void 0 : _a.length) {
+        addStudentsToGroup(newGroup);
+        return;
+      }
+
+      successCallback(newGroup);
+    }, function () {
+      // TODO: Handle possible errors once we have a server side
+      alerts.error(getPhrase('error'));
+    }));
+  };
+
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_4__["Popup"], {
+    title: getPhrase('title'),
+    closePopup: props.closePopup,
+    showLoadingSpinner: !classroom.data
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_edit_classroom_group_details_EditClassroomGroupDetails__WEBPACK_IMPORTED_MODULE_7__["EditClassroomGroupDetails"], {
+    saveGroup: saveGroupToClassroom,
+    onClickCancel: props.closePopup
+  }));
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=30.chunk.js.map