@clickview/lite 0.0.26-dev.0 → 0.0.26-dev.1

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/video-list/partial-loading/PartialVideoList.tsx","webpack://@clickview/lite/C:/ClickView/front-end/clickview/packages/libs/shared/src/components/video-list/partial-loading/partial-video-list.scss?cc73","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/flight-requests/FavouriteVideoRequests.ts","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/useGetCollectionItems.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/default/views/my-videos/DismissibleAlert.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/default/views/my-videos/MyVideosView.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/upload/components/uploading-item/UploadingItem.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/upload/hooks/useGetUploadingItems.ts"],"names":[],"mappings":"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","file":"scripts/45.chunk.js","sourcesContent":["import React from 'react';\r\nimport { Row, Col } from 'react-bootstrap';\r\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\r\nimport { useGetMediaQueryString } from 'libs/shared/hooks/UseGetMediaQueryString';\r\n\r\nimport styles from './partial-video-list.scss';\r\n\r\ninterface PartialVideoListProps {\r\n  withReordering?: boolean;\r\n  numVideos?: number;\r\n}\r\n\r\nPartialVideoList.defaultProps = {\r\n  numVideos: 15\r\n};\r\n\r\nexport function PartialVideoList(props: PartialVideoListProps): JSX.Element {\r\n  return (\r\n    <>\r\n      {Array(props.numVideos).fill(null).map((_, i) => (\r\n        <PartialVideoItem key={i} {...props} />\r\n      ))}\r\n    </>\r\n  );\r\n}\r\n\r\nexport function PartialVideoItem(props: PartialVideoListProps): JSX.Element {\r\n  const mediaQuery = useGetMediaQueryString();\r\n  const isMobile = mediaQuery === MediaQueryStrings.XS;\r\n  const isTablet = mediaQuery === MediaQueryStrings.SM || mediaQuery === MediaQueryStrings.MD;\r\n\r\n  const withDragHandle = props.withReordering && !isMobile;\r\n\r\n  return (\r\n    <Row className='py-2'>\r\n      <Col xs={isMobile ? 12 : isTablet ? 4 : 3} className='flex-column align-items-flex-start mb-1'>\r\n        <Row>\r\n          {!!withDragHandle && (\r\n            <div className='d-flex align-items-center justify-content-center col-2'>\r\n              <div className={`partial-loading-background ${styles.partialDragHandle}`} />\r\n            </div>\r\n          )}\r\n          <Col xs={withDragHandle ? 10 : 12}>\r\n            <div className={`partial-loading-background rounded-lg ${styles.partialThumbnail}`} />\r\n          </Col>\r\n        </Row>\r\n      </Col>\r\n      <Col xs={isMobile ? 12 : isTablet ? 8 : 9}>\r\n        <div className={`partial-loading-background ${styles.partialSeriesLink}`} />\r\n        <div className={`partial-loading-background mb-1 ${styles.partialName}`} />\r\n        <div className={`partial-loading-background ${styles.partialDescription}`} />\r\n        <div className={`partial-loading-background ${styles.partialBadges}`} />\r\n        <div className={`partial-loading-background ${styles.partialActions}`} />\r\n      </Col>\r\n    </Row>\r\n  );\r\n}\r\n\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"partialName\":\"cv--partialName--7KNC2\",\"partialDescription\":\"cv--partialDescription--Vk_wR\",\"partialThumbnail\":\"cv--partialThumbnail--3peRZ\",\"partialDragHandle\":\"cv--partialDragHandle--1F7_f\"};","import { Flight } from 'libs/common/flight';\r\nimport { HttpVerbs } from 'libs/common/backbone/enums/HttpVerbs';\r\nimport { Xhr } from 'libs/common/backbone/interfaces';\r\nimport { WithStatementHelper } from 'libs/shared/constants/WithStatements';\r\n\r\nfunction favouriteVideo(\r\n  videoId: string, userId: string, success?: () => void, error?: (Xhr: Xhr) => void\r\n): Flight.Request {\r\n  return {\r\n    url: `{gateway}/v1/objects/${userId}`,\r\n    key: `favourite:video:${userId}:${videoId}`,\r\n    data: { favouriteVideos: videoId },\r\n    type: HttpVerbs.PUT,\r\n    invalidationKeys: [ `favourite:videos:${userId}`, `video:is:favourited:${userId}` ],\r\n    success,\r\n    error\r\n  };\r\n}\r\n\r\nfunction unfavouriteVideo(\r\n  videoId: string, userId: string, success?: () => void, error?: (Xhr: Xhr) => void\r\n): Flight.Request {\r\n  return {\r\n    url: `{gateway}/v1/objects/${userId}/favouriteVideos?memberId=${videoId}`,\r\n    key: `favourite:video:${userId}:${videoId}`,\r\n    type: HttpVerbs.DELETE,\r\n    invalidationKeys: [ `favourite:videos:${userId}`, `video:is:favourited:${userId}` ],\r\n    success,\r\n    error\r\n  };\r\n}\r\n\r\nexport const FavouriteVideoRequests = {\r\n  favouriteVideos(userId: string, cursor?: string): Flight.Request {\r\n    return {\r\n      url: `{gateway}/v1/objects/${userId}/favouriteVideos?query=${WithStatementHelper.VideoCollectionWithAssocs(userId, true)}${addCursor(cursor)}`,\r\n      key: `favourite:videos:${userId}${cursor ? `:${cursor}` : ''}`\r\n    };\r\n  },\r\n\r\n  updateIsVideoFavourited(\r\n    videoId: string, userId: string, shouldFavourite: boolean, success?: () => void, error?: (Xhr: Xhr) => void\r\n  ): Flight.Request {\r\n    const requestFn = shouldFavourite\r\n      ? favouriteVideo\r\n      : unfavouriteVideo;\r\n\r\n    return requestFn(videoId, userId, success, error);\r\n  },\r\n\r\n  isFavourited(userId: string, ids: string[]): Flight.Request {\r\n    const sortedIds = ids.slice().sort();\r\n\r\n    const params = sortedIds.map(i => `id=${i}`);\r\n\r\n    if (!params.length)\r\n      return;\r\n\r\n    return {\r\n      url: `{gateway}/v1/objects?query=favouritedBy{id:${userId}}&${params.join('&')}`,\r\n      key: `video:is:favourited:${userId}:by:id:${sortedIds.join(',')}`,\r\n    };\r\n  }\r\n};\r\n\r\nfunction addCursor(cursor: string): string {\r\n  return cursor ? `&cursor=${cursor}` : '';\r\n}","import React from 'react';\r\nimport { Core } from 'libs/common/core';\r\n\r\n/**\r\n * Hook used to listen to updates on a Backbone Collection\r\n * and trigger a re-render.\r\n */\r\nexport function useGetCollectionItems<T>(\r\n  getCollection: () => Core.Collection,\r\n  onRemove?: () => void,\r\n  dependencies: React.DependencyList = []\r\n  ): T[] {\r\n  const [ , setUpdate ] = React.useState(false);\r\n\r\n  React.useEffect(() => {\r\n    const collection = getCollection();\r\n    collection.off('add remove change');\r\n    collection.on('add remove change', () => {\r\n      setUpdate(s => !s);\r\n    });\r\n    if (onRemove)\r\n      collection.on('remove', onRemove);\r\n    return () => collection.off('add remove change');\r\n  }, dependencies);\r\n\r\n  return getCollection().toJSON();\r\n}","import * as React from 'react';\r\nimport { Alert } from 'react-bootstrap';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\n\r\nconst namespace = 'default.myVideos';\r\n\r\nexport function DismissibleAlert(): JSX.Element {\r\n  const [ show, setShow ] = React.useState(!localStorage.getItem('uploadInfoDismissed'));\r\n\r\n  const onDismiss = () => {\r\n    localStorage.setItem('uploadInfoDismissed', '1');\r\n    setShow(false);\r\n  };\r\n\r\n  if (!show)\r\n    return <></>;\r\n\r\n  return (\r\n    <Alert variant={'info'} onClose={onDismiss} dismissible>\r\n      <Text namespace={namespace} phrase={'alertMessage'} /><br />\r\n      <small><Text namespace={namespace} phrase={'alertSecondaryMessage'} /></small>\r\n    </Alert>\r\n  );\r\n}\r\n","import * as 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 { Core } from 'libs/common/core';\r\nimport { useService } from 'libs/common/react/hooks/UseService';\r\nimport { useSetPageTitle } from 'libs/common/react/hooks/UseSetPageTitle';\r\n\r\nimport { VideoCollection, Video, Series, Library, User } from 'libs/shared/interfaces';\r\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\r\nimport { FavouriteVideoRequests } from 'libs/shared/flight-requests/FavouriteVideoRequests';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { VideoList } from 'libs/shared/components/video-list/VideoList';\r\nimport { VideoActionsContext } from 'libs/shared/context/VideoActionsContext';\r\nimport { VideoAction } from 'libs/shared/utils/video-actions/VideoActionsHelper';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { EntityType, UserAction, LocationContext, WorkflowPhase, ToggleDescriptor } from 'libs/analytics/interfaces';\r\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\r\nimport { PartialVideoList } from 'libs/shared/components/video-list/partial-loading/PartialVideoList';\r\n\r\nimport { VideoRequests } from 'shared/flight-requests/VideoRequests';\r\nimport { Services } from 'shared/constants/Services';\r\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\r\nimport { Actions } from 'shared/constants/LiteActions';\r\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\r\n\r\nimport { useGetUploadingItems } from 'apps/upload/hooks/useGetUploadingItems';\r\nimport { CombineUploadsService, CombinedUpload, CombinedUploadStatus } from 'apps/upload/services/CombineUploadsService';\r\nimport { UploadingItem } from 'apps/upload/components/uploading-item/UploadingItem';\r\n\r\nimport { DismissibleAlert } from './DismissibleAlert';\r\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\r\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\r\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\r\n\r\nconst namespace = 'default.myVideos';\r\n\r\nfunction getVideoActions(canShare: boolean): VideoAction[] {\r\n  const actions: VideoAction[] = [\r\n    VideoAction.Edit,\r\n    VideoAction.AddToPlaylist\r\n  ];\r\n\r\n  if (canShare)\r\n    actions.push(VideoAction.Share);\r\n\r\n  return actions;\r\n}\r\n\r\nfunction getVideoActionAppLink(video: Video, action: VideoAction): Core.AppLink {\r\n  switch (action) {\r\n  case VideoAction.Edit:\r\n    return { application: AppChannels.DEFAULT, action: Actions.Default.EDIT_VIDEO, args: [video.id]};\r\n  case VideoAction.AddToPlaylist:\r\n    return { application: AppChannels.PLAYLISTS, action: Actions.Playlists.ADD_TO_PLAYLIST, args: [video.id]};\r\n  case VideoAction.Share:\r\n    return {\r\n      application: AppChannels.SHARE,\r\n      action: Actions.Share.SHARE,\r\n      args: [video.id],\r\n      params: {\r\n        entityType: 'video'\r\n      }\r\n    };\r\n  }\r\n}\r\n\r\nconst getVideoAppLink = (video: Video): Core.AppLink => ({\r\n  application: AppChannels.DEFAULT,\r\n  action: Actions.Default.PLAY_VIDEO,\r\n  args: [ video.id, TextHelper.slugify(video.name) ],\r\n  params: VideoHelper.getVideoProgress(video) ? { t: Math.floor(VideoHelper.getVideoProgress(video)) } : {}\r\n});\r\n\r\nconst getSeriesAppLink = (series: Series): Core.AppLink => ({\r\n  application: AppChannels.DEFAULT,\r\n  action: Actions.Default.SERIES,\r\n  args: [ series.id, TextHelper.slugify(series.name) ]\r\n});\r\n\r\ninterface MyVideosViewProps {\r\n  cursor?: string;\r\n}\r\n\r\nexport function MyVideosView(props: MyVideosViewProps): JSX.Element {\r\n  const dispatch = useDispatch();\r\n  const alerts = useAlerts();\r\n  useSetPageTitle(LanguageService.getPhrase(namespace, 'pageTitle'));\r\n  const { hasPermissions } = usePermissions();\r\n\r\n  const workspace = Flight.useBasicFetch<Library>(UserRequests.workspace());\r\n  const currentUser = Flight.useBasicFetch<User>(UserRequests.currentUser());\r\n\r\n  const workspaceRequest = workspace.data &&\r\n    VideoRequests.workspace(workspace.data.id, currentUser.data?.id, props.cursor);\r\n\r\n  const workspaceVideos = Flight.useGetResponse<VideoCollection>(workspaceRequest && workspaceRequest.key);\r\n  const fetchData = Flight.useGetFetch(workspaceRequest);\r\n\r\n  React.useEffect(() => {\r\n    if ((!workspace.shouldFetch && workspace.data) && workspaceVideos.shouldFetch)\r\n      fetchData();\r\n  }, [ workspace.shouldFetch, workspace.data, workspaceVideos.shouldFetch ]);\r\n\r\n  /**\r\n   * Get reference to the combined service even though useGetUploadingItems does it too\r\n   * so that we can provide the callbacks\r\n   */\r\n  const combinedUploadService = useService<CombineUploadsService>(Services.CombineUploads);\r\n\r\n  /**\r\n   * fetchData will be undefined on the first run through of this view because\r\n   * the workspace.data will be null, so we pass a dependency of !workspace.data\r\n   * so this callback is re-created once we have wokspace.data and the fetchData\r\n   * is properly encapsulated.\r\n   */\r\n  const items = useGetUploadingItems(() => {\r\n    fetchData && fetchData();\r\n  }, [!!workspace.data]);\r\n\r\n  /**\r\n   * Using React.useCallback because this component will render\r\n   * every time a chunk is loaded and every time the pending items\r\n   * is fetched\r\n   */\r\n  const onClickDelete = React.useCallback((item: CombinedUpload) => {\r\n    Core.AppLinkHelper.trigger({\r\n      application: AppChannels.UPLOAD,\r\n      action: Actions.Upload.CANCEL_UPLOAD,\r\n      args: [item.id],\r\n      params: {\r\n        name: item.name,\r\n        status: item.status\r\n      }\r\n    });\r\n  }, []);\r\n\r\n  const onClickAlternate = React.useCallback((item: CombinedUpload) => {\r\n    switch (item.status) {\r\n    case CombinedUploadStatus.Errored:\r\n      combinedUploadService.retryItem(item);\r\n      return;\r\n    case CombinedUploadStatus.Processing:\r\n      Core.AppLinkHelper.trigger({\r\n        application: AppChannels.DEFAULT,\r\n        action: Actions.Default.EDIT_VIDEO,\r\n        args: [item.videoId]\r\n      });\r\n      return;\r\n    case CombinedUploadStatus.Uploading:\r\n      combinedUploadService.editUpload(item);\r\n      break;\r\n    default:\r\n      // This should never happen\r\n    }\r\n  }, []);\r\n\r\n  function setFavourite(video: Video, shouldFavourite: boolean, onError?: () => void): void {\r\n    Flight.fetch(\r\n      dispatch,\r\n      FavouriteVideoRequests.updateIsVideoFavourited(video.id, currentUser.data.id, shouldFavourite, () => {\r\n        AnalyticsHelper.logUserAction({ id: video.id }, {\r\n          entity: EntityType.Video,\r\n          actionType: UserAction.Favourite,\r\n          descriptor: shouldFavourite ? ToggleDescriptor.On : ToggleDescriptor.Off,\r\n          location: LocationContext.VideoThumbnail,\r\n          workflowPhase: WorkflowPhase.Complete\r\n        });\r\n\r\n        alerts.success(LanguageService.getPhrase(\r\n          namespace,\r\n          shouldFavourite ? 'favourited' : 'unfavourited',\r\n          { video: video.name }\r\n        ));\r\n      }, onError)\r\n    );\r\n  }\r\n\r\n  return (\r\n    <VideoActionsContext.Provider\r\n      value={{\r\n        videoActions: getVideoActions(hasPermissions(PermissionName.ShareVideos)),\r\n        getActionAppLink: getVideoActionAppLink,\r\n        hideLabel: true\r\n      }}\r\n    >\r\n      <div className='px-3'>\r\n        <h1><Text namespace={namespace} phrase='header' /></h1>\r\n        <div>\r\n          <p className='h6'><Text namespace={namespace} phrase='description' /></p>\r\n          <DismissibleAlert />\r\n          {items.map(item => <UploadingItem\r\n            item={item}\r\n            onClickAlternate={onClickAlternate}\r\n            onClickDelete={onClickDelete}\r\n            key={item.id}\r\n          />)}\r\n          {workspaceVideos.data?.data\r\n            ? (\r\n              <VideoList\r\n                videos={workspaceVideos.data.data}\r\n                cursors={workspaceVideos.data.pagination.cursors}\r\n                getVideoAppLink={getVideoAppLink}\r\n                getSeriesAppLink={getSeriesAppLink}\r\n                setFavourite={setFavourite}\r\n                hideFavouriteButton={!hasPermissions(PermissionName.FavouriteVideos)}\r\n              />\r\n            ) : <PartialVideoList />\r\n          }\r\n        </div>\r\n      </div>\r\n    </VideoActionsContext.Provider>\r\n  );\r\n}\r\n","import * as React from 'react';\r\nimport { ProgressBar, Row, Col } from 'react-bootstrap';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { ThumbnailFallback, ThumbnailFallbackType } from 'libs/shared/components/thumbnails/base/ThumbnailFallback';\r\nimport { AspectRatio, BaseThumbnail } from 'libs/shared/components/thumbnails/base/BaseThumbnail';\r\nimport { useGetMediaQueryString } from 'libs/shared/hooks/UseGetMediaQueryString';\r\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\r\n\r\nimport { CombinedUploadStatus, CombinedUpload } from 'apps/upload/services/CombineUploadsService';\r\n\r\nconst namespace = 'upload.uploadingItem';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\nfunction getClassName(status: CombinedUploadStatus): string {\r\n  switch (status) {\r\n  case CombinedUploadStatus.Uploading:\r\n    return 'text-success';\r\n  case CombinedUploadStatus.Processing:\r\n    return 'text-info';\r\n  case CombinedUploadStatus.Errored:\r\n    return 'text-danger';\r\n  }\r\n}\r\n\r\nfunction getVariant(status: CombinedUploadStatus): 'success' | 'info' | 'danger' {\r\n  switch (status) {\r\n  case CombinedUploadStatus.Uploading:\r\n    return 'success';\r\n  case CombinedUploadStatus.Processing:\r\n    return 'info';\r\n  case CombinedUploadStatus.Errored:\r\n    return 'danger';\r\n  }\r\n}\r\n\r\nfunction getProgressText(status: CombinedUploadStatus, progress: number): string | JSX.Element {\r\n  const rounded = Math.round(progress) || 0;\r\n\r\n  switch (status) {\r\n  case CombinedUploadStatus.Uploading:\r\n    return `${getPhrase('uploading')} ${rounded}%`;\r\n\r\n  case CombinedUploadStatus.Processing:\r\n    if (rounded === 0)\r\n      return <em>{getPhrase('waitingToBeProcessed')}</em>;\r\n    else\r\n      return <em>{getPhrase('processing')} {rounded}%</em>;\r\n\r\n  case CombinedUploadStatus.Errored:\r\n    return getPhrase('error');\r\n  }\r\n}\r\n\r\ninterface UploadingItemProps {\r\n  item: CombinedUpload;\r\n  onClickDelete: (item: CombinedUpload) => void;\r\n  onClickAlternate: (item: CombinedUpload) => void;\r\n}\r\n\r\nexport function UploadingItem(props: UploadingItemProps): JSX.Element {\r\n  const { status, progress, name } = props.item;\r\n\r\n  const mediaQuery = useGetMediaQueryString();\r\n  const isMobile = mediaQuery === MediaQueryStrings.XS;\r\n  const isTablet = mediaQuery === MediaQueryStrings.SM || mediaQuery === MediaQueryStrings.MD;\r\n\r\n  /**\r\n   * We're using React.useCallback here because this view\r\n   * will get re-rendered many times by it's parent during\r\n   * an upload\r\n   */\r\n  const onClickAlternate = React.useCallback(() => {\r\n    props.onClickAlternate(props.item);\r\n  }, []);\r\n\r\n  const onClickDelete = React.useCallback(() => {\r\n    props.onClickDelete(props.item);\r\n  }, []);\r\n\r\n  return (\r\n    <Row className='py-2'>\r\n      <Col xs={isMobile ? 12 : isTablet ? 4 : 3}>\r\n        <div className='rounded'>\r\n          <BaseThumbnail data='' aspectRatio={AspectRatio.SixteenByNine}>\r\n            <ThumbnailFallback type={ThumbnailFallbackType.Video} />\r\n          </BaseThumbnail>\r\n        </div>\r\n      </Col>\r\n      <Col xs={isMobile ? 12 : isTablet ? 8 : 9}>\r\n        <h5 className='m-0 pb-1'>{name}</h5>\r\n        <span className={getClassName(status)}>{getProgressText(status, progress)}</span>\r\n        <div className='d-flex'>\r\n          <ProgressBar className='flex-grow-1 align-self-center' variant={getVariant(status)} now={progress} />\r\n          <SvgContainer\r\n            className='svg-container cursor-pointer ml-2'\r\n            svgName={status === CombinedUploadStatus.Errored ? cvSvgLibrary.Bell : cvSvgLibrary.Edit}\r\n            onClick={onClickAlternate}\r\n          />\r\n          <SvgContainer\r\n            className='svg-container cursor-pointer ml-2'\r\n            svgName={cvSvgLibrary.Delete}\r\n            onClick={onClickDelete}\r\n          />\r\n        </div>\r\n      </Col>\r\n    </Row>\r\n  );\r\n}\r\n","import React from 'react';\r\nimport { useService } from 'libs/common/react/hooks/UseService';\r\nimport { useGetCollectionItems } from 'libs/shared/hooks/useGetCollectionItems';\r\n\r\nimport { CombineUploadsService, CombinedUpload } from '../services/CombineUploadsService';\r\n\r\nexport function useGetUploadingItems(onRemove: () => void, dependencies: React.DependencyList): CombinedUpload[] {\r\n  const combineUploadsService = useService<CombineUploadsService>('combine:uploads:service');\r\n\r\n  return useGetCollectionItems(() => combineUploadsService.getCollection(), onRemove, dependencies);\r\n}"],"sourceRoot":""}

package/dist/scripts/46-b0dd9697cf.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[46],{1139:function(e,t,n){"use strict";n.d(t,"a",(function(){return b}));var r=n(0),a=n(1011),i=n(959),o=n(9),c=n(979),l=n(966),u=n(980),s=n(91),m="shared.editVideoDetails",d=a.object().shape({name:a.string().max(255,(function(){return o.a.getPhrase(m,"nameExceeds")})).required((function(){return o.a.getPhrase(m,"nameRequired")})),description:a.string().max(65535,(function(){return o.a.getPhrase(m,"descriptionExceeds")}))});function f(e){var t=Object(i.f)();return r.createElement(i.c,null,r.createElement(c.b,{label:o.a.getPhrase(m,"nameLabel"),type:"text",name:"name",id:"name",placeholder:o.a.getPhrase(m,"namePlaceholder"),autoFocus:!0,value:t.values.name}),r.createElement(c.b,{label:o.a.getPhrase(m,"descriptionLabel"),as:"textarea",name:"description",id:"description",placeholder:o.a.getPhrase(m,"descriptionPlaceholder"),autoFocus:!0,value:t.values.description}),r.createElement("div",{className:"btn-container d-flex justify-content-end"},r.createElement("button",{type:"button",className:"btn btn-link mr-2",onClick:e.onClickCancel},r.createElement(s.b,{namespace:m,phrase:"cancel"})),r.createElement(u.a,{isNew:!1})))}function b(e){var t=e.video,n=t.name,a=t.description,i=e.saveVideo,o=e.onClickCancel;return r.createElement(l.a,{initialValues:{name:n,description:a},validationSchema:d,onSubmit:i},r.createElement(f,{onClickCancel:o}))}},1464:function(e,t,n){"use strict";n.r(t),n.d(t,"EditUploadView",(function(){return f}));var r=n(0),a=n(208),i=n(9),o=n(1139),c=n(305),l=n(958),u=n(29),s=n(48),m=n(3),d=i.a.encloseNamespace("upload.editUpload");function f(e){var t=e.uploadId,n=Object(a.a)(u.b.VideoUpload),f=Object(l.a)(),b=n.getCollection().get(t);b.get("editingMetadata")||b.set("editingMetadata",!0);var p=function(){b.set("editingMetadata",!1),e.closePopup()};return r.createElement(c.a,{closePopup:p,title:i.a.getPhrase("upload.editUpload","title")},r.createElement(o.a,{video:{name:b.get("name"),description:b.get("description"),productionYear:0},saveVideo:function(e){b.set(e),s.a.logUserAction(e,{location:m.j.Popup,actionType:m.n.Edit,workflowPhase:m.o.Complete,entity:m.d.Upload}),f.success(d("alertBody",{videoName:e.name})),p()},onClickCancel:p}))}},958:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var r=n(208),a=n(61),i=n(71),o=function(){var e=Object(r.a)(i.a.ALERT);return{success:function(t){e.success(t)()},error:function(t){e.error(t)()},warning:function(t){e.createAlert({type:a.a.Warning,heading:a.c.Warning,message:t})}}}},966:function(e,t,n){"use strict";n.d(t,"a",(function(){return l})),n.d(t,"b",(function(){return u}));var r=n(0),a=n(959),i=n(45),o=n(69),c=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};function l(e){var t=e.castInitialValues,n=e.castValuesOnSubmit,l=e.initialValues,u=e.onSubmit,s=e.resetOnSubmit,m=c(e,["castInitialValues","castValuesOnSubmit","initialValues","onSubmit","resetOnSubmit"]),d=t&&e.validationSchema?e.validationSchema.cast(function e(t){var n=o.a.deepClone(t);return Object.keys(n).forEach((function(t){n.hasOwnProperty(t)&&(o.a.isObject(n[t])?n[t]=e(n[t]):null===n[t]&&delete n[t])})),n}(l)):l,f={allowInitialSubmit:e.allowInitialSubmit};return r.createElement(a.d,Object.assign({enableReinitialize:!0},m,{initialValues:d,onSubmit:function(t,r){var a=r.setSubmitting,i=r.resetForm,o=n&&e.validationSchema?e.validationSchema.cast(t):t;u(o,(function(){s&&i(),a(!1)}))},initialStatus:f}),i.a.isFunction(e.children)?function(t){return e.children(t)}:r.Children.count(e.children)?e.children:null)}function u(){return Object(a.f)()}l.defaultProps={castInitialValues:!0,castValuesOnSubmit:!0}},972:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=n(959),a={getCustomFormControlClassName:function(e,t,n,a){var i="form-control";return Object(r.e)(t,n)&&Object(r.e)(e,n)&&(i+=" is-invalid"),a&&(i+=" ".concat(a)),i}}},979:function(e,t,n){"use strict";var r=n(0),a=n(959),i=n(40),o=n(45),c=n(972);function l(e){var t=Object(a.f)().values[e.fieldName];return"string"!=typeof t?r.createElement(r.Fragment,null):r.createElement("div",{className:"float-right text-muted"},t.length,"/",e.limit)}var u=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};function s(e){var t=e.label,n=u(e,["label"]);return r.createElement(i.Form.Group,null,r.createElement("div",{className:"custom-control custom-checkbox"},r.createElement(d,Object.assign({className:"custom-control-input"},n)),r.createElement(i.Form.Label,{className:"custom-control-label",htmlFor:n.id},t)))}n.d(t,"a",(function(){return d})),n.d(t,"b",(function(){return f}));var m=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};function d(e){var t=e.children,n=m(e,["children"]);return r.createElement(a.b,Object.assign({},n),o.a.isFunction(t)?function(e){return t(e)}:r.Children.count(t)?t:null)}function f(e){var t=e.label,n=e.className,o=e.showCharacterCounter,u=m(e,["label","className","showCharacterCounter"]),f=Object(a.f)(),b=f.errors,p=f.touched;return"checkbox"===u.type?r.createElement(s,Object.assign({},e)):r.createElement(i.Form.Group,null,!!t&&r.createElement(i.Form.Label,{htmlFor:u.id},t),r.createElement(d,Object.assign({className:c.a.getCustomFormControlClassName(b,p,u.name,n)},u)),!!o&&!!u.maxLength&&r.createElement(l,{fieldName:u.name,limit:u.maxLength}),r.createElement(a.a,{name:u.name},(function(e){return r.createElement(i.Form.Control.Feedback,{type:"invalid"},e)})))}},980:function(e,t,n){"use strict";var r=n(0),a=n(959);function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return o(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var c=n(313),l=n(91);n.d(t,"a",(function(){return u}));function u(e){var t=Object(a.f)(),n=function(e){var t,n=i(r.useState(!1),2),a=n[0],o=n[1];return r.useEffect((function(){var t;e.isValid&&(e.dirty||(null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit))?o(!0):o(!1)}),[e.isValid,null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit,e.dirty,e.values]),r.useEffect((function(){e.isSubmitting&&o(!1)}),[e.isSubmitting]),a}(t);r.useEffect((function(){function e(e){13===e.keyCode&&n&&t.validateForm().then((function(e){Object.keys(e).length||t.submitForm()}))}return window.addEventListener("keypress",e),function(){return window.removeEventListener("keypress",e)}}),[n]);var o="save";return e.isNew&&(o="create"),e.hasNext&&(o="next"),r.createElement(c.a,{variant:e.variant||"primary",showSpinner:t.isSubmitting,type:"submit",disabled:!n},e.submitText?r.createElement(r.Fragment,null,e.submitText):r.createElement(l.b,{namespace:"shared.formButtons",phrase:o}))}}}]);

package/dist/scripts/46.chunk.js

@@ -0,0 +1,409 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[46],{
+
+/***/ "./src/apps/classrooms/views/add-students-to-classroom/AddStudentsToClassroomView.tsx":
+/*!********************************************************************************************!*\
+  !*** ./src/apps/classrooms/views/add-students-to-classroom/AddStudentsToClassroomView.tsx ***!
+  \********************************************************************************************/
+/*! exports provided: AddStudentsToClassroomView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AddStudentsToClassroomView", function() { return AddStudentsToClassroomView; });
+/* 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 _libs_shared_src_components_popup_PopupButtons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/popup/PopupButtons */ "../../libs/shared/src/components/popup/PopupButtons.tsx");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var apps_share_components_tokenized_typeahead_TokenizedTypeahead__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! apps/share/components/tokenized-typeahead/TokenizedTypeahead */ "./src/apps/share/components/tokenized-typeahead/TokenizedTypeahead.tsx");
+/* harmony import */ var apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! apps/classrooms/flight-requests/ClassroomRequests */ "./src/apps/classrooms/flight-requests/ClassroomRequests.ts");
+/* harmony import */ var apps_user_manager_flight_requests_SchoolUserRequests__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! apps/user-manager/flight-requests/SchoolUserRequests */ "./src/apps/user-manager/flight-requests/SchoolUserRequests.ts");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/UserRequests */ "../../libs/shared/src/flight-requests/UserRequests.ts");
+/* harmony import */ var _libs_shared_src_enums_UserGroup__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/enums/UserGroup */ "../../libs/shared/src/enums/UserGroup.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/ConfigRequests */ "../../libs/shared/src/flight-requests/ConfigRequests.ts");
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { 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 _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var namespace = 'classrooms.addStudentsToClassroom';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace(namespace);
+var studentManagerAppLink = {
+  application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_9__["AppChannels"].USER_MANAGER,
+  action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_10__["Actions"].UserManager.STUDENTS
+};
+function AddStudentsToClassroomView(props) {
+  var _a, _b, _c;
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      showButtonSpinner = _React$useState2[0],
+      setShowButtonSpinner = _React$useState2[1];
+
+  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState([]),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      selections = _React$useState4[0],
+      setSelections = _React$useState4[1];
+
+  var currentUser = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_15__["UserRequests"].currentUser());
+  var config = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_17__["ConfigRequests"].config());
+  var classroom = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_12__["ClassroomRequests"].getClassroom(props.classroomId)); // Temp until we have instant search endpoint for users set up
+
+  var students = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(currentUser.data && apps_user_manager_flight_requests_SchoolUserRequests__WEBPACK_IMPORTED_MODULE_13__["SchoolUserRequests"].getUsers(currentUser.data.customerId, _libs_shared_src_enums_UserGroup__WEBPACK_IMPORTED_MODULE_16__["UserGroup"].Learner));
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_5__["useAlerts"])();
+
+  function addStudents() {
+    var _a;
+
+    if (!((_a = selections) === null || _a === void 0 ? void 0 : _a.length)) return;
+    setShowButtonSpinner(true);
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_12__["ClassroomRequests"].addStudents(selections.map(function (s) {
+      return s.id;
+    }), props.classroomId, function () {
+      setShowButtonSpinner(false);
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_14__["AnalyticsHelper"].logUserAction({
+        id: props.classroomId,
+        userCount: selections.length
+      }, props.analyticsOptions);
+      alerts.success(getPhrase('success', {
+        smartCount: selections.length,
+        classroomName: classroom.data.name
+      }));
+      props.closePopup();
+    }, function () {
+      setShowButtonSpinner(false);
+      alerts.error(getPhrase('error', {
+        smartCount: selections.length
+      }));
+      props.closePopup();
+    }));
+  }
+
+  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 || !((_a = students.data) === null || _a === void 0 ? void 0 : _a.data) || !config.data
+  }, classroom.data && ((_b = students.data) === null || _b === void 0 ? void 0 : _b.data) && config.data && 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", {
+    className: 'pb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_share_components_tokenized_typeahead_TokenizedTypeahead__WEBPACK_IMPORTED_MODULE_11__["TokenizedTypeahead"], {
+    placeholder: getPhrase('placeholder'),
+    selections: selections,
+    updateSelections: function updateSelections(student) {
+      return setSelections([].concat(_toConsumableArray(selections), [student]));
+    },
+    removeSelection: function removeSelection(id) {
+      return setSelections(selections.filter(function (s) {
+        return s.id !== id;
+      }));
+    },
+    localSuggestions: students.data.data,
+    imageCdnUrl: config.data.imageCdnUrl
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_7__["Text"], {
+    namespace: namespace,
+    phrase: 'createNewStudent'
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_8__["AppLink"], {
+    className: 'info-link',
+    onClick: props.closePopup,
+    appLink: studentManagerAppLink
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_7__["Text"], {
+    namespace: namespace,
+    phrase: 'studentManager'
+  }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_popup_PopupButtons__WEBPACK_IMPORTED_MODULE_6__["PopupButtons"], {
+    buttons: [{
+      variant: 'link',
+      onClick: props.closePopup,
+      buttonText: getPhrase('cancel')
+    }, {
+      variant: 'dark',
+      onClick: addStudents,
+      buttonText: getPhrase('add'),
+      isSpinnerButton: true,
+      showSpinner: showButtonSpinner,
+      disabled: !((_c = selections) === null || _c === void 0 ? void 0 : _c.length)
+    }]
+  })));
+}
+
+/***/ }),
+
+/***/ "./src/apps/share/components/recipient-item/RecipientItem.tsx":
+/*!********************************************************************!*\
+  !*** ./src/apps/share/components/recipient-item/RecipientItem.tsx ***!
+  \********************************************************************/
+/*! exports provided: RecipientItem */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RecipientItem", function() { return RecipientItem; });
+/* 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_avatar_Avatar__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/avatar/Avatar */ "../../libs/shared/src/components/avatar/Avatar.tsx");
+/* harmony import */ var _libs_shared_src_utils_UserHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/UserHelper */ "../../libs/shared/src/utils/UserHelper.ts");
+/* harmony import */ var _recipient_item_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./recipient-item.scss */ "./src/apps/share/components/recipient-item/recipient-item.scss");
+/* harmony import */ var _recipient_item_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_recipient_item_scss__WEBPACK_IMPORTED_MODULE_3__);
+
+
+
+
+
+function getAvatarInitials(entity) {
+  if (entity.type === 'user') return _libs_shared_src_utils_UserHelper__WEBPACK_IMPORTED_MODULE_2__["UserHelper"].getInitials(entity.name, entity.surname);
+  return '';
+}
+
+function getRecipientSubHeading(entity) {
+  if (entity.type === 'user') return entity.email || entity.username;
+  return '';
+}
+
+function RecipientItem(props) {
+  var subHeading = getRecipientSubHeading(props.entity);
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "".concat(_recipient_item_scss__WEBPACK_IMPORTED_MODULE_3___default.a.recipientItem, " row no-gutters")
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'col-2 d-flex justify-content-center align-items-center'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: _recipient_item_scss__WEBPACK_IMPORTED_MODULE_3___default.a.avatarContainer
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_avatar_Avatar__WEBPACK_IMPORTED_MODULE_1__["Avatar"], {
+    imageUrl: '',
+    imageCdnUrl: props.imageCdnUrl,
+    initials: getAvatarInitials(props.entity)
+  }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "col-".concat(props.removeRecipient ? '9' : '10')
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h4", {
+    className: 'font-size-normal font-weight-normal m-0'
+  }, props.entity.name), !!subHeading && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
+    className: 'text-muted m-0'
+  }, subHeading)), !!props.removeRecipient && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "".concat(_recipient_item_scss__WEBPACK_IMPORTED_MODULE_3___default.a.removeRecipient, " col-1 justify-content-center align-items-center")
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'close cursor-pointer',
+    role: 'button',
+    onClick: function onClick() {
+      return props.removeRecipient(props.entity.id);
+    }
+  }, "\xD7")));
+}
+
+/***/ }),
+
+/***/ "./src/apps/share/components/recipient-item/recipient-item.scss":
+/*!**********************************************************************!*\
+  !*** ./src/apps/share/components/recipient-item/recipient-item.scss ***!
+  \**********************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"removeRecipient":"cv--removeRecipient--n3Xwz","recipientItem":"cv--recipientItem--3o7ic","avatarContainer":"cv--avatarContainer--3J2yY"};
+
+/***/ }),
+
+/***/ "./src/apps/share/components/tokenized-typeahead/InputSelection.tsx":
+/*!**************************************************************************!*\
+  !*** ./src/apps/share/components/tokenized-typeahead/InputSelection.tsx ***!
+  \**************************************************************************/
+/*! exports provided: InputSelection */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "InputSelection", function() { return InputSelection; });
+/* 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_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/div-button/DivButton */ "../../libs/shared/src/components/div-button/DivButton.tsx");
+/* harmony import */ var _tokenized_typeahead_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./tokenized-typeahead.scss */ "./src/apps/share/components/tokenized-typeahead/tokenized-typeahead.scss");
+/* harmony import */ var _tokenized_typeahead_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_tokenized_typeahead_scss__WEBPACK_IMPORTED_MODULE_4__);
+
+
+
+
+
+
+function mapEntityTypeToBackgroundColor(entityType) {
+  switch (entityType) {
+    case 'user':
+      {
+        return _tokenized_typeahead_scss__WEBPACK_IMPORTED_MODULE_4___default.a.selectedUser;
+      }
+
+    case 'classroom':
+      {
+        return _tokenized_typeahead_scss__WEBPACK_IMPORTED_MODULE_4___default.a.selectedClassroom;
+      }
+  }
+}
+
+function InputSelection(props) {
+  var colourClass = mapEntityTypeToBackgroundColor('user');
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "".concat(colourClass, " d-flex align-items-center pl-2 pr-1 mr-1 mt-1")
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", {
+    className: 'mr-1'
+  }, props.selection.name), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_3__["DivButton"], {
+    className: 'cursor-pointer',
+    onClick: function onClick() {
+      return props.onClickRemove(props.selection.id);
+    }
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainer"], {
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_1__["cvSvgLibrary"].Close
+  })));
+}
+
+/***/ }),
+
+/***/ "./src/apps/share/components/tokenized-typeahead/TokenizedTypeahead.tsx":
+/*!******************************************************************************!*\
+  !*** ./src/apps/share/components/tokenized-typeahead/TokenizedTypeahead.tsx ***!
+  \******************************************************************************/
+/*! exports provided: TokenizedTypeahead */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TokenizedTypeahead", function() { return TokenizedTypeahead; });
+/* 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_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/utils/ArrayHelper */ "../../libs/common/src/react/utils/ArrayHelper.ts");
+/* 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_search_bar_SearchBar__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/search-bar/SearchBar */ "../../libs/shared/src/components/search-bar/SearchBar.tsx");
+/* harmony import */ var _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_4__ = __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_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var apps_share_components_recipient_item_RecipientItem__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! apps/share/components/recipient-item/RecipientItem */ "./src/apps/share/components/recipient-item/RecipientItem.tsx");
+/* harmony import */ var _InputSelection__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./InputSelection */ "./src/apps/share/components/tokenized-typeahead/InputSelection.tsx");
+/* harmony import */ var _tokenized_typeahead_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./tokenized-typeahead.scss */ "./src/apps/share/components/tokenized-typeahead/tokenized-typeahead.scss");
+/* harmony import */ var _tokenized_typeahead_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_tokenized_typeahead_scss__WEBPACK_IMPORTED_MODULE_8__);
+
+
+
+
+
+
+
+
+
+var namespace = 'shared.tokenizedTypeahead';
+/**
+ * This component extends the functionality of the `SearchBar` component by
+ * displaying a list of selections as tokens inside the search bar.
+ *
+ * Any component using this component is responsible for managing the state of
+ * these tokens (selections). See `MainShareView` for an example.
+ */
+
+function TokenizedTypeahead(props) {
+  var _a;
+
+  function onSuggestionSelected(suggestion) {
+    props.updateSelections(suggestion);
+  }
+
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'form-control h-auto d-flex flex-wrap align-items-center py-1 px-0 position-relative'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_4__["SvgContainer"], {
+    className: 'svg-container mx-1 align-self-start',
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_5__["cvSvgLibrary"].Search
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "".concat(_tokenized_typeahead_scss__WEBPACK_IMPORTED_MODULE_8___default.a.selectionContainer, " d-flex flex-wrap align-items-center mt-n1")
+  }, props.selections.map(function (s) {
+    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_InputSelection__WEBPACK_IMPORTED_MODULE_7__["InputSelection"], {
+      key: s.id,
+      selection: s,
+      onClickRemove: function onClickRemove(id) {
+        return props.removeSelection(id);
+      }
+    });
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_search_bar_SearchBar__WEBPACK_IMPORTED_MODULE_3__["SearchBar"], {
+    getRemoteUrl: props.getRemoteUrl,
+    requestHeaders: props.requestHeaders,
+    formatRemoteSuggestions: props.formatRemoteSuggestions,
+    onSuggestionSelected: onSuggestionSelected,
+    onBackspace: function onBackspace() {
+      return props.selections.length && props.removeSelection(_libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_1__["ArrayHelper"].last(props.selections).id);
+    },
+    local: props.localSuggestions,
+    recentSearchHeading: props.recentSearchHeading || _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].getPhrase(namespace, 'recentSearchHeading'),
+    recentSearches: props.recentSearches,
+    placeholder: !((_a = props.selections) === null || _a === void 0 ? void 0 : _a.length) ? props.placeholder : ' ',
+    searchIconPlacement: false,
+    activationLength: props.activationLength,
+    clearQueryOnSelect: true,
+    getSuggestionComponent: function getSuggestionComponent(suggestion) {
+      return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_share_components_recipient_item_RecipientItem__WEBPACK_IMPORTED_MODULE_6__["RecipientItem"], {
+        entity: suggestion,
+        imageCdnUrl: props.imageCdnUrl
+      });
+    },
+    theme: {
+      container: _tokenized_typeahead_scss__WEBPACK_IMPORTED_MODULE_8___default.a.container,
+      suggestionsContainerOpen: "bg-white py-1 rounded border mt-1 ".concat(_tokenized_typeahead_scss__WEBPACK_IMPORTED_MODULE_8___default.a.suggestionsContainerOpen),
+      suggestionsList: 'list-unstyled m-0',
+      suggestion: 'cursor-pointer py-1 px-2',
+      suggestionHighlighted: _tokenized_typeahead_scss__WEBPACK_IMPORTED_MODULE_8___default.a.suggestionHighlighted
+    },
+    renderSuggestionsOnInputFocus: true
+  })));
+}
+
+/***/ }),
+
+/***/ "./src/apps/share/components/tokenized-typeahead/tokenized-typeahead.scss":
+/*!********************************************************************************!*\
+  !*** ./src/apps/share/components/tokenized-typeahead/tokenized-typeahead.scss ***!
+  \********************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"container":"cv--container--2XeBG","suggestionsContainerOpen":"cv--suggestionsContainerOpen--2TW1g","selectionContainer":"cv--selectionContainer--d4Lu3","suggestionHighlighted":"cv--suggestionHighlighted--2oleb","selectedUser":"cv--selectedUser--1eMWI","selectedClassroom":"cv--selectedClassroom--110h2"};
+
+/***/ })
+
+}]);
+//# sourceMappingURL=46.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/classrooms/views/add-students-to-classroom/AddStudentsToClassroomView.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/share/components/recipient-item/RecipientItem.tsx","webpack://@clickview/lite/./src/apps/share/components/recipient-item/recipient-item.scss?f1d4","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/share/components/tokenized-typeahead/InputSelection.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/share/components/tokenized-typeahead/TokenizedTypeahead.tsx","webpack://@clickview/lite/./src/apps/share/components/tokenized-typeahead/tokenized-typeahead.scss?82f8"],"names":[],"mappings":"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","file":"scripts/46.chunk.js","sourcesContent":["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\nimport { Popup } from 'libs/shared/components/popup/Popup';\r\nimport { PropsWithAnalyticsOptions, PropsWithPopupViewProps, CurrentUser, UserCollection, Config } from 'libs/shared/interfaces';\r\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\r\nimport { PopupButtons } from 'libs/shared/components/popup/PopupButtons';\r\nimport { Text } from 'libs/shared/components/text/Text';\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\nimport { TokenizedTypeahead } from 'apps/share/components/tokenized-typeahead/TokenizedTypeahead';\r\n\r\nimport { Classroom } from 'libs/shared/interfaces';\r\nimport { ClassroomRequests } from 'apps/classrooms/flight-requests/ClassroomRequests';\r\nimport { User } from 'libs/shared/interfaces';\r\nimport { SchoolUserRequests } from 'apps/user-manager/flight-requests/SchoolUserRequests';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\r\nimport { UserGroup } from 'libs/shared/enums/UserGroup';\r\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\r\n\r\nconst namespace = 'classrooms.addStudentsToClassroom';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\nconst studentManagerAppLink = {\r\n  application: AppChannels.USER_MANAGER,\r\n  action: Actions.UserManager.STUDENTS\r\n};\r\n\r\ntype AddStudentsToClassroomViewProps = PropsWithAnalyticsOptions<PropsWithPopupViewProps<{\r\n  classroomId: string;\r\n}>>;\r\n\r\nexport function AddStudentsToClassroomView(props: AddStudentsToClassroomViewProps): JSX.Element {\r\n  const [ showButtonSpinner, setShowButtonSpinner ] = React.useState(false);\r\n\r\n  const [ selections, setSelections ] = React.useState<User[]>([]);\r\n\r\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\r\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\r\n\r\n  const classroom = Flight.useBasicFetch<Classroom>(ClassroomRequests.getClassroom(props.classroomId));\r\n  // Temp until we have instant search endpoint for users set up\r\n  const students = Flight.useBasicFetch<UserCollection>(currentUser.data &&\r\n    SchoolUserRequests.getUsers(currentUser.data.customerId, UserGroup.Learner));\r\n\r\n  const dispatch = useDispatch();\r\n  const alerts = useAlerts();\r\n\r\n  function addStudents(): void {\r\n    if (!selections?.length)\r\n      return;\r\n\r\n    setShowButtonSpinner(true);\r\n\r\n    Flight.fetch(dispatch, ClassroomRequests.addStudents(selections.map(s => s.id), props.classroomId, () => {\r\n      setShowButtonSpinner(false);\r\n\r\n      AnalyticsHelper.logUserAction({\r\n        id: props.classroomId,\r\n        userCount: selections.length\r\n      }, props.analyticsOptions);\r\n\r\n      alerts.success(getPhrase('success', {\r\n        smartCount: selections.length,\r\n        classroomName: classroom.data.name\r\n      }));\r\n\r\n      props.closePopup();\r\n    }, () => {\r\n      setShowButtonSpinner(false);\r\n      alerts.error(getPhrase('error', { smartCount: selections.length }));\r\n      props.closePopup();\r\n    }));\r\n  }\r\n\r\n  return (\r\n    <Popup\r\n      title={getPhrase('title')}\r\n      closePopup={props.closePopup}\r\n      showLoadingSpinner={!classroom.data || !students.data?.data || !config.data}\r\n    >\r\n      {(classroom.data && students.data?.data && config.data) &&\r\n        <>\r\n          <div className='pb-3'>\r\n            <TokenizedTypeahead\r\n              placeholder={getPhrase('placeholder')}\r\n              selections={selections}\r\n              updateSelections={(student: User) => setSelections([ ...selections, student ])}\r\n              removeSelection={id => setSelections(selections.filter(s => s.id !== id))}\r\n              localSuggestions={students.data.data}\r\n              imageCdnUrl={config.data.imageCdnUrl}\r\n            />\r\n          </div>\r\n\r\n          <p>\r\n            <Text namespace={namespace} phrase='createNewStudent' />\r\n            <AppLink className='info-link' onClick={props.closePopup} appLink={studentManagerAppLink}>\r\n              <Text namespace={namespace} phrase='studentManager' />\r\n            </AppLink>\r\n          </p>\r\n\r\n          <PopupButtons buttons={\r\n            [\r\n              {\r\n                variant: 'link',\r\n                onClick: props.closePopup,\r\n                buttonText: getPhrase('cancel')\r\n              },\r\n              {\r\n                variant: 'dark',\r\n                onClick: addStudents,\r\n                buttonText: getPhrase('add'),\r\n                isSpinnerButton: true,\r\n                showSpinner: showButtonSpinner,\r\n                disabled: !selections?.length\r\n              }\r\n            ]\r\n          }/>\r\n        </>\r\n      }\r\n    </Popup>\r\n  );\r\n}","import React from 'react';\r\n\r\nimport { BaseObject, User } from 'libs/shared/interfaces';\r\nimport { Avatar } from 'libs/shared/components/avatar/Avatar';\r\nimport { UserHelper } from 'libs/shared/utils/UserHelper';\r\n\r\nimport styles from './recipient-item.scss';\r\n\r\nfunction getAvatarInitials(entity: BaseObject): string {\r\n  if (entity.type === 'user')\r\n    return UserHelper.getInitials(entity.name, (entity as User).surname);\r\n\r\n  return '';\r\n}\r\n\r\nfunction getRecipientSubHeading(entity: BaseObject): string {\r\n  if (entity.type === 'user')\r\n    return (entity as User).email || (entity as User).username;\r\n\r\n  return '';\r\n}\r\n\r\ninterface RecipientItemProps {\r\n  entity: BaseObject;\r\n  imageCdnUrl: string\r\n  removeRecipient?: (id: string) => void;\r\n}\r\n\r\nexport function RecipientItem(props: RecipientItemProps): JSX.Element {\r\n  const subHeading = getRecipientSubHeading(props.entity);\r\n\r\n  return (\r\n    <div className={`${styles.recipientItem} row no-gutters`}>\r\n      <div className='col-2 d-flex justify-content-center align-items-center'>\r\n        <div className={styles.avatarContainer}>\r\n          {/* TODO: Add avatar to user and classroom models? */}\r\n          <Avatar\r\n            imageUrl=''\r\n            imageCdnUrl={props.imageCdnUrl}\r\n            initials={getAvatarInitials(props.entity)}\r\n          />\r\n        </div>\r\n      </div>\r\n\r\n      <div className={`col-${props.removeRecipient ? '9' : '10'}`}>\r\n        <h4 className='font-size-normal font-weight-normal m-0'>{props.entity.name}</h4>\r\n        {!!subHeading &&\r\n          <p className='text-muted m-0'>{subHeading}</p>\r\n        }\r\n      </div>\r\n\r\n      {!!props.removeRecipient &&\r\n        <div className={`${styles.removeRecipient} col-1 justify-content-center align-items-center`}>\r\n          <div className='close cursor-pointer' role='button' onClick={() => props.removeRecipient(props.entity.id)}>\r\n            &times;\r\n          </div>\r\n        </div>\r\n      }\r\n    </div>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"removeRecipient\":\"cv--removeRecipient--n3Xwz\",\"recipientItem\":\"cv--recipientItem--3o7ic\",\"avatarContainer\":\"cv--avatarContainer--3J2yY\"};","import React from 'react';\r\nimport { BaseObject } from 'libs/shared/interfaces';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\r\n\r\nimport styles from './tokenized-typeahead.scss';\r\n\r\nfunction mapEntityTypeToBackgroundColor(entityType: string): string {\r\n  switch (entityType) {\r\n  case 'user': {\r\n    return styles.selectedUser;\r\n  }\r\n\r\n  case 'classroom': {\r\n    return styles.selectedClassroom;\r\n  }\r\n  }\r\n}\r\n\r\ninterface InputSelectionProps {\r\n  selection: BaseObject;\r\n  onClickRemove: (id: string) => void;\r\n}\r\n\r\nexport function InputSelection(props: InputSelectionProps): JSX.Element {\r\n  const colourClass = mapEntityTypeToBackgroundColor('user');\r\n\r\n  return (\r\n    <div className={`${colourClass} d-flex align-items-center pl-2 pr-1 mr-1 mt-1`}>\r\n      <span className='mr-1'>{props.selection.name}</span>\r\n\r\n      <DivButton className='cursor-pointer' onClick={() => props.onClickRemove(props.selection.id)}>\r\n        <SvgContainer svgName={cvSvgLibrary.Close} />\r\n      </DivButton>\r\n    </div>\r\n  );\r\n}","import React from 'react';\r\n\r\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { HashObject } from 'libs/common/react/interfaces';\r\n\r\nimport { BaseObject } from 'libs/shared/interfaces';\r\nimport { SearchBar } from 'libs/shared/components/search-bar/SearchBar';\r\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\n\r\nimport { RecipientItem } from 'apps/share/components/recipient-item/RecipientItem';\r\n\r\nimport { InputSelection } from './InputSelection';\r\n\r\nimport styles from './tokenized-typeahead.scss';\r\n\r\nconst namespace = 'shared.tokenizedTypeahead';\r\n\r\ninterface TokenizedTypeaheadProps {\r\n  placeholder: string;\r\n  selections: BaseObject[];\r\n  updateSelections: (suggestion: BaseObject) => void;\r\n  removeSelection: (id: string) => void;\r\n  imageCdnUrl: string;\r\n  recentSearchHeading?: string;\r\n  recentSearches?: BaseObject[];\r\n  localSuggestions?: BaseObject[];\r\n  getRemoteUrl?: (query: string) => string;\r\n  requestHeaders?: HashObject;\r\n  formatRemoteSuggestions?: (data: any) => BaseObject[];\r\n  activationLength?: number;\r\n}\r\n\r\n/**\r\n * This component extends the functionality of the `SearchBar` component by\r\n * displaying a list of selections as tokens inside the search bar.\r\n * \r\n * Any component using this component is responsible for managing the state of\r\n * these tokens (selections). See `MainShareView` for an example.\r\n */\r\nexport function TokenizedTypeahead(props: TokenizedTypeaheadProps): JSX.Element {\r\n  function onSuggestionSelected(suggestion: any): void {\r\n    props.updateSelections(suggestion);\r\n  }\r\n\r\n  return (\r\n    <div className='form-control h-auto d-flex flex-wrap align-items-center py-1 px-0 position-relative'>\r\n      <SvgContainer className='svg-container mx-1 align-self-start' svgName={cvSvgLibrary.Search} />\r\n\r\n      <div className={`${styles.selectionContainer} d-flex flex-wrap align-items-center mt-n1`}>\r\n        {props.selections.map(s => (\r\n          <InputSelection\r\n            key={s.id}\r\n            selection={s}\r\n            onClickRemove={(id: string) => props.removeSelection(id)}\r\n          />\r\n        ))}\r\n\r\n        <SearchBar\r\n          getRemoteUrl={props.getRemoteUrl}\r\n          requestHeaders={props.requestHeaders}\r\n          formatRemoteSuggestions={props.formatRemoteSuggestions}\r\n          onSuggestionSelected={onSuggestionSelected}\r\n          onBackspace={() => props.selections.length && props.removeSelection(ArrayHelper.last(props.selections).id)}\r\n          local={props.localSuggestions}\r\n          recentSearchHeading={props.recentSearchHeading || LanguageService.getPhrase(namespace, 'recentSearchHeading')}\r\n          recentSearches={props.recentSearches}\r\n          placeholder={!props.selections?.length ? props.placeholder : ' '}\r\n          searchIconPlacement={false}\r\n          activationLength={props.activationLength}\r\n          clearQueryOnSelect\r\n          getSuggestionComponent={suggestion => <RecipientItem entity={suggestion} imageCdnUrl={props.imageCdnUrl} />}\r\n          theme={{\r\n            container: styles.container,\r\n            suggestionsContainerOpen: `bg-white py-1 rounded border mt-1 ${styles.suggestionsContainerOpen}`,\r\n            suggestionsList: 'list-unstyled m-0',\r\n            suggestion: 'cursor-pointer py-1 px-2',\r\n            suggestionHighlighted: styles.suggestionHighlighted\r\n          }}\r\n          renderSuggestionsOnInputFocus\r\n        />\r\n      </div>\r\n    </div>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"cv--container--2XeBG\",\"suggestionsContainerOpen\":\"cv--suggestionsContainerOpen--2TW1g\",\"selectionContainer\":\"cv--selectionContainer--d4Lu3\",\"suggestionHighlighted\":\"cv--suggestionHighlighted--2oleb\",\"selectedUser\":\"cv--selectedUser--1eMWI\",\"selectedClassroom\":\"cv--selectedClassroom--110h2\"};"],"sourceRoot":""}

package/dist/scripts/47-2b4a82f4ad.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[47],{1157:function(e,t,n){"use strict";var a=n(0),r=n.n(a),i=n(966),o=n(1011),c=n(9),l=c.a.encloseNamespace("classrooms.classroomValidation"),s=Object(o.object)().shape({name:Object(o.string)().max(255,(function(){return l("nameExceeds")})).required((function(){return l("nameRequired")})).default("")}),u=n(959),m=n(979),f=n(980),b=n(91),d="classrooms.classroomDetailsForm",p=c.a.encloseNamespace(d);function v(e){var t=Object(i.b)();return r.a.createElement(u.c,null,r.a.createElement(m.b,{label:p("nameLabel"),type:"text",name:"name",id:"name",placeholder:p("namePlaceholder"),autoFocus:!0,value:t.values.name}),r.a.createElement("div",{className:"btn-container d-flex justify-content-end"},r.a.createElement("button",{type:"button",className:"btn btn-link mr-2",onClick:e.onClickCancel},r.a.createElement(b.b,{namespace:d,phrase:"cancel"})),r.a.createElement(f.a,{isNew:e.isNew})))}function y(e){var t,n,a=e.classroom,o=e.saveClassroom,c=e.onClickCancel,l={id:null===(t=a)||void 0===t?void 0:t.id,name:null===(n=a)||void 0===n?void 0:n.name};return r.a.createElement(i.a,{initialValues:l,validationSchema:s,onSubmit:o},r.a.createElement(v,{isNew:!a,onClickCancel:c}))}n.d(t,"a",(function(){return y}))},1440:function(e,t,n){"use strict";n.r(t),n.d(t,"CreateClassroomView",(function(){return O}));var a=n(0),r=n.n(a),i=n(76),o=n(9),c=n(19),l=n(61),s=n(305),u=n(958),m=n(309),f=n(1157),b=n(48),d=n(186),p=n(7),v=n(13),y=o.a.encloseNamespace("classrooms.createClassroom");function O(e){var t=Object(u.a)(),n=Object(i.useDispatch)();return r.a.createElement(s.a,{title:y("title"),closePopup:e.closePopup},r.a.createElement(f.a,{saveClassroom:function(a){c.a.fetch(n,m.a.createClassroom(a,(function(n){b.a.logUserAction(n,e.analyticsOptions),t.success({heading:d.a.Success,type:l.a.Success,message:y("success",{name:a.name}),appLink:{application:p.a.CLASSROOMS,action:v.a.Classrooms.MANAGE_CLASSROOM,args:[n.id],params:{tab:"students"}},appLinkText:y("goToClassroom",{name:a.name}),appLinkClassName:"info-link"}),e.closePopup()}),(function(){t.error(y("error")),e.closePopup()})))},onClickCancel:e.closePopup}))}},958:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var a=n(208),r=n(61),i=n(71),o=function(){var e=Object(a.a)(i.a.ALERT);return{success:function(t){e.success(t)()},error:function(t){e.error(t)()},warning:function(t){e.createAlert({type:r.a.Warning,heading:r.c.Warning,message:t})}}}},966:function(e,t,n){"use strict";n.d(t,"a",(function(){return l})),n.d(t,"b",(function(){return s}));var a=n(0),r=n(959),i=n(45),o=n(69),c=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};function l(e){var t=e.castInitialValues,n=e.castValuesOnSubmit,l=e.initialValues,s=e.onSubmit,u=e.resetOnSubmit,m=c(e,["castInitialValues","castValuesOnSubmit","initialValues","onSubmit","resetOnSubmit"]),f=t&&e.validationSchema?e.validationSchema.cast(function e(t){var n=o.a.deepClone(t);return Object.keys(n).forEach((function(t){n.hasOwnProperty(t)&&(o.a.isObject(n[t])?n[t]=e(n[t]):null===n[t]&&delete n[t])})),n}(l)):l,b={allowInitialSubmit:e.allowInitialSubmit};return a.createElement(r.d,Object.assign({enableReinitialize:!0},m,{initialValues:f,onSubmit:function(t,a){var r=a.setSubmitting,i=a.resetForm,o=n&&e.validationSchema?e.validationSchema.cast(t):t;s(o,(function(){u&&i(),r(!1)}))},initialStatus:b}),i.a.isFunction(e.children)?function(t){return e.children(t)}:a.Children.count(e.children)?e.children:null)}function s(){return Object(r.f)()}l.defaultProps={castInitialValues:!0,castValuesOnSubmit:!0}},972:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(959),r={getCustomFormControlClassName:function(e,t,n,r){var i="form-control";return Object(a.e)(t,n)&&Object(a.e)(e,n)&&(i+=" is-invalid"),r&&(i+=" ".concat(r)),i}}},979:function(e,t,n){"use strict";var a=n(0),r=n(959),i=n(40),o=n(45),c=n(972);function l(e){var t=Object(r.f)().values[e.fieldName];return"string"!=typeof t?a.createElement(a.Fragment,null):a.createElement("div",{className:"float-right text-muted"},t.length,"/",e.limit)}var s=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};function u(e){var t=e.label,n=s(e,["label"]);return a.createElement(i.Form.Group,null,a.createElement("div",{className:"custom-control custom-checkbox"},a.createElement(f,Object.assign({className:"custom-control-input"},n)),a.createElement(i.Form.Label,{className:"custom-control-label",htmlFor:n.id},t)))}n.d(t,"a",(function(){return f})),n.d(t,"b",(function(){return b}));var m=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};function f(e){var t=e.children,n=m(e,["children"]);return a.createElement(r.b,Object.assign({},n),o.a.isFunction(t)?function(e){return t(e)}:a.Children.count(t)?t:null)}function b(e){var t=e.label,n=e.className,o=e.showCharacterCounter,s=m(e,["label","className","showCharacterCounter"]),b=Object(r.f)(),d=b.errors,p=b.touched;return"checkbox"===s.type?a.createElement(u,Object.assign({},e)):a.createElement(i.Form.Group,null,!!t&&a.createElement(i.Form.Label,{htmlFor:s.id},t),a.createElement(f,Object.assign({className:c.a.getCustomFormControlClassName(d,p,s.name,n)},s)),!!o&&!!s.maxLength&&a.createElement(l,{fieldName:s.name,limit:s.maxLength}),a.createElement(r.a,{name:s.name},(function(e){return a.createElement(i.Form.Control.Feedback,{type:"invalid"},e)})))}},980:function(e,t,n){"use strict";var a=n(0),r=n(959);function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(a=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);a=!0);}catch(e){r=!0,i=e}finally{try{a||null==c.return||c.return()}finally{if(r)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return o(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var c=n(313),l=n(91);n.d(t,"a",(function(){return s}));function s(e){var t=Object(r.f)(),n=function(e){var t,n=i(a.useState(!1),2),r=n[0],o=n[1];return a.useEffect((function(){var t;e.isValid&&(e.dirty||(null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit))?o(!0):o(!1)}),[e.isValid,null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit,e.dirty,e.values]),a.useEffect((function(){e.isSubmitting&&o(!1)}),[e.isSubmitting]),r}(t);a.useEffect((function(){function e(e){13===e.keyCode&&n&&t.validateForm().then((function(e){Object.keys(e).length||t.submitForm()}))}return window.addEventListener("keypress",e),function(){return window.removeEventListener("keypress",e)}}),[n]);var o="save";return e.isNew&&(o="create"),e.hasNext&&(o="next"),a.createElement(c.a,{variant:e.variant||"primary",showSpinner:t.isSubmitting,type:"submit",disabled:!n},e.submitText?a.createElement(a.Fragment,null,e.submitText):a.createElement(l.b,{namespace:"shared.formButtons",phrase:o}))}}}]);