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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/libs/common/src/react/utils/TypeHelper.ts","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/utils/CollectionHelper.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/dashboard/flight-requests/DashboardRequests.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/dashboard/views/dashboard-widget/DashboardWidgetView.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/dashboard/views/dashboard-widget/partial-loading/PartialDashboardWidgetView.tsx","webpack://@clickview/lite/./src/apps/dashboard/views/dashboard-widget/partial-loading/partial-dashboard-widget-view.scss?04cc"],"names":[],"mappings":"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","file":"scripts/37.chunk.js","sourcesContent":["export const TypeHelper = {\r\n  isNumber(obj: any): boolean {\r\n    return TypeHelper.isType(obj, 'number');\r\n  },\r\n\r\n  isString(obj: any): boolean {\r\n    return TypeHelper.isType(obj, 'string');\r\n  },\r\n\r\n  isType(obj: any, type: string): boolean {\r\n    return typeof obj === type;\r\n  }\r\n};","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 { LegacyPagination, Cursors } from 'libs/common/backbone/interfaces';\r\nimport { TypeHelper } from 'libs/common/react/utils/TypeHelper';\r\nimport { HashObject } from 'libs/common/react/interfaces';\r\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\r\nimport { BasePaginatedCollection, BaseObject } from 'libs/shared/interfaces';\r\n\r\ninterface LegacyPaginatedCollection {\r\n  data: BaseObject[];\r\n  pagination: LegacyPagination;\r\n}\r\n\r\nfunction convertLegacyPaginationToCursors(pagination: LegacyPagination): Cursors {\r\n  const { page, totalPages } = pagination;\r\n\r\n  const nextPage = TypeHelper.isNumber(page) && page > 0 && page < totalPages && page + 1;\r\n  const prevPage = TypeHelper.isNumber(page) && page > 1 && page - 1;\r\n\r\n  const cursors: HashObject = {};\r\n\r\n  if (nextPage && nextPage <= totalPages)\r\n    cursors.next = nextPage.toString();\r\n\r\n  if (prevPage)\r\n    cursors.previous = prevPage.toString();\r\n\r\n  if (ObjectHelper.isEmpty(cursors))\r\n    return;\r\n\r\n  return cursors as Cursors;\r\n}\r\n\r\nexport const CollectionHelper = {\r\n  isEmpty(collection: BasePaginatedCollection<BaseObject>): boolean {\r\n    return collection && !(collection.data && collection.data.length);\r\n  },\r\n\r\n  length(collection: BasePaginatedCollection<BaseObject>): number {\r\n    return collection && collection.data && collection.data.length;\r\n  },\r\n\r\n  at<T extends BaseObject>(collection: BasePaginatedCollection<T>, idx: number): T {\r\n    if (!collection || !collection.data || !collection.data.length || idx > collection.data.length)\r\n      return;\r\n\r\n    return collection.data[idx];\r\n  },\r\n\r\n  get<T extends BaseObject>(collection: BasePaginatedCollection<T>, id: string): T {\r\n    if (!collection || !collection.data || !collection.data.length)\r\n      return;\r\n\r\n    return collection.data.find(c => c.id && c.id.toString() === id);\r\n  },\r\n\r\n  flattenCollections<T extends BaseObject, U extends BasePaginatedCollection<T>>(collections: U[]): T[] {\r\n    if (!collections || !collections.length)\r\n      return;\r\n\r\n    let flattened: T[] = [];\r\n\r\n    collections.forEach(c => {\r\n      flattened = [ ...flattened, ...c.data ];\r\n    });\r\n\r\n    return flattened;\r\n  },\r\n\r\n  getNextCursor<T extends BaseObject, U extends BasePaginatedCollection<T>>(collection: U): string {\r\n    return collection.pagination && collection.pagination.cursors && collection.pagination.cursors.next;\r\n  },\r\n\r\n  convertLegacyPaginatedCollection(collection: LegacyPaginatedCollection): BasePaginatedCollection<BaseObject> {\r\n    if (!collection)\r\n      return;\r\n\r\n    return {\r\n      data: collection.data,\r\n      pagination: {\r\n        cursors: convertLegacyPaginationToCursors(collection.pagination),\r\n        limit: collection.pagination.pageSize\r\n      }\r\n    };\r\n  }\r\n};","import { Flight } from 'libs/common/flight';\r\nimport { UrlHelper } from 'libs/common/backbone/utils/UrlHelper';\r\nimport { LegacyPagination } from 'libs/common/backbone/interfaces';\r\n\r\nimport { LibraryType } from 'libs/shared/enums/LibraryType';\r\nimport { CustomerType } from 'libs/shared/enums/CustomerType';\r\nimport { UserGroup } from 'libs/shared/enums/UserGroup';\r\nimport { CollectionHelper } from 'libs/shared/utils/CollectionHelper';\r\nimport { Playlist } from 'libs/shared/interfaces';\r\nimport { WithStatementHelper } from 'libs/shared/constants/WithStatements';\r\n\r\nconst endpoints = {\r\n  widgets: (libraryType: LibraryType, customerType: CustomerType, userRole: number, countryCode: string) => {\r\n    const base = `/api/domain/v2/dashboards/widgets`;\r\n    return UrlHelper.urlBuilder(base, { libraryType, customerType, userRole, countryCode });\r\n  },\r\n\r\n  playlist: (\r\n    id: string,\r\n    userId: string,\r\n  ) => {\r\n    // TODO: Need to eventually swap out for a cached dashboard endpoint\r\n    return `{gateway}/v1/objects/${id}?query=videos[${WithStatementHelper.VideoCollectionWithAssocs(userId, true, { hasCurriculumLinks: false })}]`;\r\n  },\r\n\r\n  widgetPlaylist: (id: string, maxRatingValue: number, userGroup: UserGroup, page?: number, limit?: number) => {\r\n    const base = `/api/domain/v2/dashboards/playlists/${id}/videos`;\r\n    return UrlHelper.urlBuilder(base, { maxRatingValue, userGroup, page, limit });\r\n  },\r\n};\r\n\r\nexport const DashboardRequests = {\r\n  widgets(libraryType: LibraryType, customerType: CustomerType, userRole: number, countryCode: string): Flight.Request {\r\n    return {\r\n      url: endpoints.widgets(libraryType, customerType, userRole, countryCode),\r\n      key: `widgets:${libraryType}:${customerType}:${countryCode}`,\r\n      expiryTime: Infinity\r\n    };\r\n  },\r\n\r\n  playlist(\r\n    id: string,\r\n    userId: string,\r\n  ): Flight.Request {\r\n    return {\r\n      url: endpoints.playlist(id, userId),\r\n      key: `widget:${id}:${userId}`,\r\n      expiryTime: Infinity\r\n    };\r\n  },\r\n\r\n  widgetPlaylist(\r\n    id: string,\r\n    maxRatingValue: number,\r\n    userGroup: UserGroup,\r\n    page?: number,\r\n    limit?: number\r\n  ): Flight.Request {\r\n    return {\r\n      url: endpoints.widgetPlaylist(id, maxRatingValue, userGroup, page, limit),\r\n      key: `widget:${id}:${maxRatingValue}:${userGroup}:${page}`,\r\n      formatData: (widgetPlaylist: Playlist) => {\r\n        const videoCollection = {\r\n          data: widgetPlaylist.videos.data,\r\n          pagination: widgetPlaylist.videos.pagination as any as LegacyPagination\r\n        };\r\n\r\n        return {\r\n          ...widgetPlaylist,\r\n          videos: CollectionHelper.convertLegacyPaginatedCollection(videoCollection)\r\n        };\r\n      },\r\n      expiryTime: Infinity\r\n    };\r\n  }\r\n};\r\n","import React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nimport { Flight } from 'libs/common/flight';\r\nimport { Core } from 'libs/common/core';\r\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\r\n\r\nimport { FavouriteVideoRequests } from 'libs/shared/flight-requests/FavouriteVideoRequests';\r\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\r\nimport { Playlist, Video, Series, CurrentUser } from 'libs/shared/interfaces';\r\nimport { VideoList } from 'libs/shared/components/video-list/VideoList';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { EntityType, UserAction, ToggleDescriptor, LocationContext, WorkflowPhase } from 'libs/analytics/interfaces';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\r\nimport { VideoActionsContext } from 'libs/shared/context/VideoActionsContext';\r\nimport { VideoAction } from 'libs/shared/utils/video-actions/VideoActionsHelper';\r\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\r\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\r\n\r\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\r\nimport { Actions } from 'shared/constants/LiteActions';\r\n\r\nimport { DashboardRequests } from 'apps/dashboard/flight-requests/DashboardRequests';\r\n\r\nimport { PartialDashboardWidgetView } from './partial-loading/PartialDashboardWidgetView';\r\n\r\nconst namespace = 'dashboard.dashboardWidget';\r\n\r\nconst getVideoAppLink = (video: Video) => ({\r\n  application: AppChannels.DEFAULT,\r\n  action: Actions.Default.PLAY_VIDEO,\r\n  args: [ video.id, TextHelper.slugify(video.name) ]\r\n});\r\n\r\nconst getSeriesAppLink = (series: Series) => ({\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 DashboardWidgetViewProps {\r\n  widgetId: string;\r\n  cursor?: number;\r\n}\r\n\r\nDashboardWidgetView.defaultProps = {\r\n  cursor: 1\r\n};\r\n\r\nfunction getVideoActionAppLink(video: Video, action: VideoAction): Core.AppLink {\r\n  switch (action) {\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\nfunction getVideoActions(canShare: boolean): VideoAction[] {\r\n  const actions: VideoAction[] = [VideoAction.AddToPlaylist];\r\n\r\n  if (canShare)\r\n    actions.push(VideoAction.Share);\r\n\r\n  return actions;\r\n}\r\n\r\nexport function DashboardWidgetView({ widgetId }: DashboardWidgetViewProps): JSX.Element {\r\n  const dispatch = useDispatch();\r\n  const alerts = useAlerts();\r\n  const { hasPermissions } = usePermissions();\r\n\r\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser(), { optimize: true });\r\n\r\n  const widget = Flight.useBasicFetch<Playlist>(widgetId &&\r\n    DashboardRequests.playlist(widgetId, currentUser?.data?.id), { optimize: true });\r\n\r\n  function setFavourite(video: Video, shouldFavourite: boolean): void {\r\n    const onSuccess = () => {\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    };\r\n\r\n    Flight.fetch(\r\n      dispatch,\r\n      FavouriteVideoRequests.updateIsVideoFavourited(video.id, currentUser.data.id, shouldFavourite, onSuccess)\r\n    );\r\n  }\r\n\r\n  if (!widget.data || !currentUser.data)\r\n    return <PartialDashboardWidgetView />;\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      <h1 className='mb-2'>{widget.data.name}</h1>\r\n      <VideoList\r\n        videos={widget.data.videos.data}\r\n        getVideoAppLink={getVideoAppLink}\r\n        getSeriesAppLink={series => series?.id ? getSeriesAppLink(series) : null}\r\n        setFavourite={setFavourite}\r\n        cursors={widget.data.videos.pagination.cursors}\r\n        hideFavouriteButton={!hasPermissions(PermissionName.FavouriteVideos)}\r\n      />\r\n    </VideoActionsContext.Provider>\r\n  );\r\n}","import React from 'react';\r\nimport { PartialVideoList } from 'libs/shared/components/video-list/partial-loading/PartialVideoList';\r\nimport styles from './partial-dashboard-widget-view.scss';\r\n\r\nexport function PartialDashboardWidgetView(): JSX.Element {\r\n  return (\r\n    <>\r\n      <div className={`partial-loading-background mb-2 ${styles.partialHeading}`} />\r\n      <PartialVideoList />\r\n    </>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"partialHeading\":\"cv--partialHeading--1AG7e\"};"],"sourceRoot":""}

package/dist/scripts/38-3e08037fa3.chunk.js

@@ -1 +0,0 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[38],{1034:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(210);function r(e){switch(e){case a.c.White:default:return"bg-white";case a.c.Pink:return"bg-pink";case a.c.YellowOrange:return"bg-yellow-orange";case a.c.Emerald:return"bg-emerald";case a.c.PuertoRico:return"bg-puerto-rico";case a.c.PictonBlue:return"bg-picton-blue";case a.c.EastSide:return"bg-east-side";case a.c.Portage:return"bg-portage"}}},1051:function(e,t,n){"use strict";n.d(t,"a",(function(){return f}));var a=n(0),r=n.n(a),o=n(40),c=n(303),i=n(64),l=n(17),s=n(210),u=n(1034),m=n(1052),d=n.n(m);function f(e){function t(t){var n="".concat(d.a.colourOption," position-relative"),a="colour:0"===t?"border border-dark":"",r=e.disabled?"cursor-default":"",o=Object(u.a)(t);return"".concat(n," ").concat(a," ").concat(r," ").concat(o)}var n,a,m={};return e.disabled&&(m.show=!1),r.a.createElement(o.Dropdown,Object.assign({},m),r.a.createElement(o.Dropdown.Toggle,{id:e.id,variant:"link",className:(n="".concat(d.a.dropdownToggle," outline-none p-0 d-flex align-items-center text-decoration-none"),a=e.disabled?"cursor-default":"","".concat(n," ").concat(a))},r.a.createElement("div",{className:"border border-secondary rounded bg-white ".concat(d.a.colourButton)},r.a.createElement("div",{className:"px-0 py-1 rounded ".concat(Object(u.a)(e.selection))}," ")),!e.disabled&&r.a.createElement(i.a,{svgName:l.b.Caret})),r.a.createElement(o.Dropdown.Menu,null,r.a.createElement("ul",{className:"".concat(d.a.colourList," list-unstyled d-flex flex-wrap px-2 m-0")},Object.keys(s.c).map((function(n){var a=s.c[n];return r.a.createElement("li",{key:"".concat(e.id,":").concat(a),className:"m-1"},r.a.createElement(c.a,{onClick:function(){return e.onSelect(a)},className:t(a)},a===s.c.White?r.a.createElement("div",{className:d.a.lineThrough}):r.a.createElement(r.a.Fragment,null," ")))})))))}f.defaultProps={selection:s.c.White,onSelect:function(){}}},1052:function(e,t,n){e.exports={dropdownToggle:"_347DY",colourButton:"_1rKvE",colourList:"_328-w",colourOption:"_1Tw7u",lineThrough:"_18oZq"}},1121:function(e,t,n){e.exports={groupNameInput:"_3hGvq"}},1158:function(e,t,n){"use strict";var a=n(0),r=n.n(a),o=n(966),c=n(1011),i=n(9),l=n(210),s=i.a.encloseNamespace("classrooms.classroomValidation"),u=Object(c.object)().shape({name:Object(c.string)().max(255,(function(){return s("nameExceeds")})).required((function(){return s("nameRequired")})).default(""),description:Object(c.string)().default(""),colour:Object(c.string)().default(l.c.White)}),m=n(959),d=n(979),f=n(980),b=n(91),p=n(1051),v=n(1121),g=n.n(v),h="classrooms.classroomGroupDetailsForm",y=i.a.encloseNamespace(h);function O(e){var t=Object(o.b)();return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",null,r.a.createElement("h2",{className:"w-50 d-inline-block h6"},r.a.createElement(b.b,{namespace:h,phrase:"nameLabel"})),r.a.createElement("h2",{className:"d-inline-block h6"},r.a.createElement(b.b,{namespace:h,phrase:"colourLabel"}))),r.a.createElement(m.c,null,r.a.createElement("div",{className:"pb-3 d-flex align-items-center"},r.a.createElement("div",{className:"w-50"},r.a.createElement(d.b,{type:"text",name:"name",id:"name",className:"".concat(g.a.groupNameInput),placeholder:y("groupNamePlaceholder"),autoFocus:!0,value:t.values.name})),r.a.createElement("div",{className:"form-group"},r.a.createElement(p.a,{onSelect:function(e){return t.setFieldValue("colour",e)},selection:t.values.colour,id:"".concat(e.isNew?"create":"edit","-classroom-group")}))),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:h,phrase:"cancel"})),r.a.createElement(f.a,{isNew:e.isNew}))))}function E(e){var t,n,a,c,i,l=e.group,s=e.saveGroup,m=e.onClickCancel,d={id:null===(t=l)||void 0===t?void 0:t.id,name:null===(n=l)||void 0===n?void 0:n.name,description:null===(a=l)||void 0===a?void 0:a.description,colour:null===(i=null===(c=l)||void 0===c?void 0:c.metadata)||void 0===i?void 0:i.colour};return r.a.createElement(o.a,{initialValues:d,validationSchema:u,onSubmit:s},r.a.createElement(O,{isNew:!l,onClickCancel:m}))}n.d(t,"a",(function(){return E}))},1445:function(e,t,n){"use strict";n.r(t),n.d(t,"CreateClassroomGroupView",(function(){return p}));var a=n(0),r=n.n(a),o=n(76),c=n(9),i=n(19),l=n(305),s=n(958),u=n(309),m=n(1158),d=n(48),f=n(3),b=c.a.encloseNamespace("classrooms.createClassroomGroup");function p(e){var t=i.a.useBasicFetch(u.a.getClassroom(e.classroomId)),n=Object(s.a)(),a=Object(o.useDispatch)(),c=function(a){n.success(b("success",{groupName:a.name,classroomName:t.data.name})),e.closePopup()};return r.a.createElement(l.a,{title:b("title"),closePopup:e.closePopup,showLoadingSpinner:!t.data},r.a.createElement(m.a,{saveGroup:function(t){i.a.fetch(a,u.a.createClassroomGroup(t,e.classroomId,(function(t){var n;d.a.logUserAction({id:t.id,classroomId:e.classroomId},d.a.mergeOptions(e.analyticsOptions,{actionType:f.n.Create})),(null===(n=e.studentIds)||void 0===n?void 0:n.length)?function(t){i.a.fetch(a,u.a.addStudentsToGroup(e.studentIds,t.id,e.classroomId,(function(){d.a.logUserAction({id:t.id,studentCount:e.studentIds.length},d.a.mergeOptions(e.analyticsOptions,{actionType:f.n.Associate,descriptor:f.a.User})),c(t)})))}(t):c(t)}),(function(){n.error(b("error"))})))},onClickCancel:e.closePopup}))}},958:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var a=n(208),r=n(61),o=n(71),c=function(){var e=Object(a.a)(o.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),o=n(45),c=n(69),i=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=i(e,["castInitialValues","castValuesOnSubmit","initialValues","onSubmit","resetOnSubmit"]),d=t&&e.validationSchema?e.validationSchema.cast(function e(t){var n=c.a.deepClone(t);return Object.keys(n).forEach((function(t){n.hasOwnProperty(t)&&(c.a.isObject(n[t])?n[t]=e(n[t]):null===n[t]&&delete n[t])})),n}(l)):l,f={allowInitialSubmit:e.allowInitialSubmit};return a.createElement(r.d,Object.assign({enableReinitialize:!0},m,{initialValues:d,onSubmit:function(t,a){var r=a.setSubmitting,o=a.resetForm,c=n&&e.validationSchema?e.validationSchema.cast(t):t;s(c,(function(){u&&o(),r(!1)}))},initialStatus:f}),o.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 o="form-control";return Object(a.e)(t,n)&&Object(a.e)(e,n)&&(o+=" is-invalid"),r&&(o+=" ".concat(r)),o}}},979:function(e,t,n){"use strict";var a=n(0),r=n(959),o=n(40),c=n(45),i=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(o.Form.Group,null,a.createElement("div",{className:"custom-control custom-checkbox"},a.createElement(d,Object.assign({className:"custom-control-input"},n)),a.createElement(o.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 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 d(e){var t=e.children,n=m(e,["children"]);return a.createElement(r.b,Object.assign({},n),c.a.isFunction(t)?function(e){return t(e)}:a.Children.count(t)?t:null)}function f(e){var t=e.label,n=e.className,c=e.showCharacterCounter,s=m(e,["label","className","showCharacterCounter"]),f=Object(r.f)(),b=f.errors,p=f.touched;return"checkbox"===s.type?a.createElement(u,Object.assign({},e)):a.createElement(o.Form.Group,null,!!t&&a.createElement(o.Form.Label,{htmlFor:s.id},t),a.createElement(d,Object.assign({className:i.a.getCustomFormControlClassName(b,p,s.name,n)},s)),!!c&&!!s.maxLength&&a.createElement(l,{fieldName:s.name,limit:s.maxLength}),a.createElement(r.a,{name:s.name},(function(e){return a.createElement(o.Form.Control.Feedback,{type:"invalid"},e)})))}},980:function(e,t,n){"use strict";var a=n(0),r=n(959);function o(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,o=void 0;try{for(var c,i=e[Symbol.iterator]();!(a=(c=i.next()).done)&&(n.push(c.value),!t||n.length!==t);a=!0);}catch(e){r=!0,o=e}finally{try{a||null==i.return||i.return()}finally{if(r)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return c(e,t)}(e,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 c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var i=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=o(a.useState(!1),2),r=n[0],c=n[1];return a.useEffect((function(){var t;e.isValid&&(e.dirty||(null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit))?c(!0):c(!1)}),[e.isValid,null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit,e.dirty,e.values]),a.useEffect((function(){e.isSubmitting&&c(!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 c="save";return e.isNew&&(c="create"),e.hasNext&&(c="next"),a.createElement(i.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:c}))}}}]);

package/dist/scripts/38.chunk.js

@@ -1,438 +0,0 @@
-(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[38],{
-
-/***/ "../../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 align-items-center'
-  }, 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 _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/interfaces */ "../../libs/shared/src/interfaces/index.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: _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_5__["ClassroomGroupColour"].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 === 'colour:0' ? '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(_libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_5__["ClassroomGroupColour"]).map(function (colourKey) {
-    var colour = _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_5__["ClassroomGroupColour"][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 === _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_5__["ClassroomGroupColour"].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, _d, _e;
-
-  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,
-    description: (_c = group) === null || _c === void 0 ? void 0 : _c.description,
-    colour: (_e = (_d = group) === null || _d === void 0 ? void 0 : _d.metadata) === null || _e === void 0 ? void 0 : _e.colour
-  };
-  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/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; });
-/* harmony import */ var _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../libs/shared/src/interfaces */ "../../libs/shared/src/interfaces/index.ts");
-
-function mapColourToClassName(groupColour) {
-  switch (groupColour) {
-    case _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["ClassroomGroupColour"].White:
-    default:
-      return 'bg-white';
-
-    case _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["ClassroomGroupColour"].Pink:
-      return 'bg-pink';
-
-    case _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["ClassroomGroupColour"].YellowOrange:
-      return 'bg-yellow-orange';
-
-    case _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["ClassroomGroupColour"].Emerald:
-      return 'bg-emerald';
-
-    case _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["ClassroomGroupColour"].PuertoRico:
-      return 'bg-puerto-rico';
-
-    case _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["ClassroomGroupColour"].PictonBlue:
-      return 'bg-picton-blue';
-
-    case _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["ClassroomGroupColour"].EastSide:
-      return 'bg-east-side';
-
-    case _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["ClassroomGroupColour"].Portage:
-      return 'bg-portage';
-  }
-}
-
-/***/ }),
-
-/***/ "./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 _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../libs/shared/src/interfaces */ "../../libs/shared/src/interfaces/index.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"](''),
-  description: Object(yup__WEBPACK_IMPORTED_MODULE_0__["string"])()["default"](''),
-  colour: Object(yup__WEBPACK_IMPORTED_MODULE_0__["string"])() // TODO: Make this required when backend is implemented
-  // .required(() => getPhrase('colourRequired'))
-  ["default"](_libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_2__["ClassroomGroupColour"].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, props.classroomId, 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"].createClassroomGroup(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=38.chunk.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/UseAlerts.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/classrooms/components/classroom-group-details-form/ClassroomGroupDetailsForm.tsx","webpack://@clickview/lite/./src/apps/classrooms/components/classroom-group-details-form/classroom-group-details-form.scss?5f70","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/classrooms/components/colour-picker/ColourPicker.tsx","webpack://@clickview/lite/./src/apps/classrooms/components/colour-picker/colour-picker.scss?a69e","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/classrooms/components/edit-classroom-group-details/EditClassroomGroupDetails.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/classrooms/utils/GroupHelper.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/classrooms/validation/ClassroomGroupValidationSchema.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/classrooms/views/create-classroom-group/CreateClassroomGroupView.tsx"],"names":[],"mappings":"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","file":"scripts/38.chunk.js","sourcesContent":["import { useService } from 'libs/common/react/hooks/UseService';\r\nimport { BaseAlertService, BaseAlert, BaseAlertOptions, AlertType, DefaultAlertHeading } from 'libs/common/backbone/services/BaseAlertService';\r\nimport { CommonServices } from 'libs/common/backbone/constants/CommonServices';\r\n\r\nexport const useAlerts = () => {\r\n  const alertService = useService<BaseAlertService>(CommonServices.ALERT);\r\n\r\n  return {\r\n    success(alertContent: string | BaseAlert | BaseAlertOptions): void {\r\n      alertService.success(alertContent)();\r\n    },\r\n    error(alertContent: string | BaseAlert | BaseAlertOptions): void {\r\n      alertService.error(alertContent)();\r\n    },\r\n    warning(alertContent: string): void {\r\n      alertService.createAlert({\r\n        type: AlertType.Warning,\r\n        heading: DefaultAlertHeading.Warning,\r\n        message: alertContent\r\n      });\r\n    }\r\n  };\r\n};","import React from 'react';\r\nimport { Form } from 'formik';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { FormField } from 'libs/shared/components/forms/form-field/FormField';\r\nimport { useFormikContextWrapper } from 'libs/shared/components/forms/form-wrapper/FormWrapper';\r\nimport { FormButtons } from 'libs/shared/components/forms/form-buttons/FormButtons';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\n\r\nimport { ColourPicker } from 'apps/classrooms/components/colour-picker/ColourPicker';\r\nimport { EditClassroomGroupRequest } from 'apps/classrooms/interfaces/EditClassroomGroupRequest';\r\n\r\nimport styles from './classroom-group-details-form.scss';\r\n\r\nconst namespace = 'classrooms.classroomGroupDetailsForm';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\ninterface ClassroomGroupDetailsFormProps {\r\n  isNew: boolean;\r\n  onClickCancel: () => void;\r\n}\r\n\r\nexport function ClassroomGroupDetailsForm(props: ClassroomGroupDetailsFormProps): JSX.Element {\r\n  const formikProps = useFormikContextWrapper<EditClassroomGroupRequest>();\r\n\r\n  return (\r\n    <>\r\n      <div>\r\n        <h2 className='w-50 d-inline-block h6'><Text namespace={namespace} phrase='nameLabel' /></h2>\r\n        <h2 className='d-inline-block h6'><Text namespace={namespace} phrase='colourLabel' /></h2>\r\n      </div>\r\n\r\n      <Form>\r\n        <div className='pb-3 d-flex align-items-center'>\r\n          <div className='w-50'>\r\n            <FormField\r\n              type='text'\r\n              name='name'\r\n              id='name'\r\n              className={`${styles.groupNameInput}`}\r\n              placeholder={getPhrase('groupNamePlaceholder')}\r\n              autoFocus\r\n              value={formikProps.values.name}\r\n            />\r\n          </div>\r\n          <div className='form-group'>\r\n            <ColourPicker\r\n              onSelect={c => formikProps.setFieldValue('colour', c)}\r\n              selection={formikProps.values.colour}\r\n              id={`${props.isNew ? 'create' : 'edit'}-classroom-group`}\r\n            />\r\n          </div>\r\n        </div>\r\n\r\n        <div className='btn-container d-flex justify-content-end'>\r\n          <button type='button' className='btn btn-link mr-2' onClick={props.onClickCancel}>\r\n            <Text namespace={namespace} phrase='cancel' />\r\n          </button>\r\n          <FormButtons isNew={props.isNew} />\r\n        </div>\r\n      </Form>\r\n    </>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"groupNameInput\":\"cv--groupNameInput--3hGvq\"};","import React from 'react';\r\nimport { Dropdown } from 'react-bootstrap';\r\n\r\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\r\n\r\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\r\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { ClassroomGroupColour } from 'libs/shared/interfaces';\r\n\r\nimport { mapColourToClassName } from 'apps/classrooms/utils/GroupHelper';\r\n\r\nimport styles from './colour-picker.scss';\r\n\r\ninterface ColourPickerProps {\r\n  id: string;\r\n  onSelect?: (colour: string) => void;\r\n  selection?: ClassroomGroupColour;\r\n  disabled?: boolean;\r\n}\r\n\r\nColourPicker.defaultProps = {\r\n  selection: ClassroomGroupColour.White,\r\n  onSelect: () => {}\r\n};\r\n\r\nexport function ColourPicker(props: ColourPickerProps): JSX.Element {\r\n  function getToggleButtonClass(): string {\r\n    const baseClass = `${styles.dropdownToggle} outline-none p-0 d-flex align-items-center text-decoration-none`;\r\n    const disabledClass = props.disabled ? 'cursor-default' : '';\r\n\r\n    return `${baseClass} ${disabledClass}`;\r\n  }\r\n\r\n  function getOptionClass(colour: ClassroomGroupColour): string {\r\n    const baseClass = `${styles.colourOption} position-relative`;\r\n    const borderClass = colour === 'colour:0' ? 'border border-dark' : '';\r\n    const disabledClass = props.disabled ? 'cursor-default' : '';\r\n    const colorClass = mapColourToClassName(colour);\r\n\r\n    return `${baseClass} ${borderClass} ${disabledClass} ${colorClass}`;\r\n  }\r\n\r\n  const dropdownProps: HashObject = {};\r\n  if (props.disabled)\r\n    dropdownProps.show = false;\r\n\r\n  return (\r\n    <Dropdown {...dropdownProps}>\r\n      <Dropdown.Toggle id={props.id} variant='link' className={getToggleButtonClass()}>\r\n        <div className={`border border-secondary rounded bg-white ${styles.colourButton}`}>\r\n          <div className={`px-0 py-1 rounded ${mapColourToClassName(props.selection)}`}>\r\n            &nbsp;\r\n          </div>\r\n        </div>\r\n\r\n        {!props.disabled &&\r\n          <SvgContainer svgName={cvSvgLibrary.Caret} />\r\n        }\r\n      </Dropdown.Toggle>\r\n\r\n      <Dropdown.Menu>\r\n        <ul className={`${styles.colourList} list-unstyled d-flex flex-wrap px-2 m-0`}>\r\n          {Object.keys(ClassroomGroupColour).map(colourKey => {\r\n            const colour = (ClassroomGroupColour as any)[colourKey];\r\n\r\n            return (\r\n              <li key={`${props.id}:${colour}`} className='m-1'>\r\n                <DivButton\r\n                  onClick={() => props.onSelect(colour)}\r\n                  className={getOptionClass(colour)}\r\n                >\r\n                  {colour === ClassroomGroupColour.White\r\n                    ? <div className={styles.lineThrough} />\r\n                    : <>&nbsp;</>\r\n                  }\r\n                </DivButton>\r\n              </li>\r\n            );\r\n          })}\r\n        </ul>\r\n      </Dropdown.Menu>\r\n    </Dropdown>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"dropdownToggle\":\"cv--dropdownToggle--347DY\",\"colourButton\":\"cv--colourButton--1rKvE\",\"colourList\":\"cv--colourList--328-w\",\"colourOption\":\"cv--colourOption--1Tw7u\",\"lineThrough\":\"cv--lineThrough--18oZq\"};","import React from 'react';\r\n\r\nimport { FormWrapper } from 'libs/shared/components/forms/form-wrapper/FormWrapper';\r\n\r\nimport { ClassroomGroup } from 'libs/shared/interfaces';\r\nimport { ClassroomGroupValidationSchema } from 'apps/classrooms/validation/ClassroomGroupValidationSchema';\r\nimport { ClassroomGroupDetailsForm } from 'apps/classrooms/components/classroom-group-details-form/ClassroomGroupDetailsForm';\r\nimport { EditClassroomGroupRequest } from 'apps/classrooms/interfaces/EditClassroomGroupRequest';\r\n\r\ninterface EditClassroomGroupDetailsProps {\r\n  group?: ClassroomGroup;\r\n  saveGroup: (group: EditClassroomGroupRequest) => void;\r\n  onClickCancel: () => void;\r\n}\r\n\r\nexport function EditClassroomGroupDetails(props: EditClassroomGroupDetailsProps): React.ReactElement {\r\n  const { group, saveGroup, onClickCancel } = props;\r\n\r\n  const initialValues: EditClassroomGroupRequest = {\r\n    id: group?.id,\r\n    name: group?.name,\r\n    description: group?.description,\r\n    colour: group?.metadata?.colour\r\n  };\r\n\r\n  return (\r\n    <FormWrapper<EditClassroomGroupRequest>\r\n      initialValues={initialValues}\r\n      validationSchema={ClassroomGroupValidationSchema}\r\n      onSubmit={saveGroup}\r\n    >\r\n      <ClassroomGroupDetailsForm isNew={!group} onClickCancel={onClickCancel} />\r\n    </FormWrapper>\r\n  );\r\n}","import { ClassroomGroupColour } from 'libs/shared/interfaces';\r\n\r\nexport function mapColourToClassName(groupColour: ClassroomGroupColour): string {\r\n  switch (groupColour) {\r\n  case ClassroomGroupColour.White:\r\n  default:\r\n    return 'bg-white';\r\n  case ClassroomGroupColour.Pink:\r\n    return 'bg-pink';\r\n  case ClassroomGroupColour.YellowOrange:\r\n    return 'bg-yellow-orange';\r\n  case ClassroomGroupColour.Emerald:\r\n    return 'bg-emerald';\r\n  case ClassroomGroupColour.PuertoRico:\r\n    return 'bg-puerto-rico';\r\n  case ClassroomGroupColour.PictonBlue:\r\n    return 'bg-picton-blue';\r\n  case ClassroomGroupColour.EastSide:\r\n    return 'bg-east-side';\r\n  case ClassroomGroupColour.Portage:\r\n    return 'bg-portage';\r\n  }\r\n}","import { object, string } from 'yup';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { ClassroomGroupColour } from 'libs/shared/interfaces';\r\n\r\nconst getPhrase = LanguageService.encloseNamespace('classrooms.classroomValidation');\r\n\r\nexport const ClassroomGroupValidationSchema = object().shape({\r\n  name: string()\r\n    .max(255, () => getPhrase('nameExceeds'))\r\n    .required(() => getPhrase('nameRequired'))\r\n    .default(''),\r\n  description: string()\r\n    .default(''),\r\n  colour: string()\r\n    // TODO: Make this required when backend is implemented\r\n    // .required(() => getPhrase('colourRequired'))\r\n    .default(ClassroomGroupColour.White)\r\n});","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 } from 'libs/shared/interfaces';\r\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\r\n\r\nimport { ClassroomGroup } from 'libs/shared/interfaces';\r\n\r\nimport { ClassroomRequests } from 'apps/classrooms/flight-requests/ClassroomRequests';\r\nimport { Classroom } from 'libs/shared/interfaces';\r\nimport { EditClassroomGroupDetails } from 'apps/classrooms/components/edit-classroom-group-details/EditClassroomGroupDetails';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { UserAction, AssocDescriptor } from 'libs/analytics/interfaces';\r\nimport { EditClassroomGroupRequest } from 'apps/classrooms/interfaces/EditClassroomGroupRequest';\r\n\r\nconst namespace = 'classrooms.createClassroomGroup';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\ntype CreateClassroomGroupViewProps = PropsWithAnalyticsOptions<PropsWithPopupViewProps<{\r\n  classroomId: string;\r\n  studentIds: string[];\r\n}>>;\r\n\r\nexport function CreateClassroomGroupView(props: CreateClassroomGroupViewProps): JSX.Element {\r\n  const classroom = Flight.useBasicFetch<Classroom>(ClassroomRequests.getClassroom(props.classroomId));\r\n\r\n  const alerts = useAlerts();\r\n  const dispatch = useDispatch();\r\n\r\n  const successCallback = (group: ClassroomGroup) => {\r\n    alerts.success(getPhrase('success', {\r\n      groupName: group.name,\r\n      classroomName: classroom.data.name\r\n    }));\r\n\r\n    props.closePopup();\r\n  };\r\n\r\n  const addStudentsToGroup = (group: ClassroomGroup) => {\r\n    Flight.fetch(dispatch, ClassroomRequests.addStudentsToGroup(props.studentIds, group.id, props.classroomId, () => {\r\n      AnalyticsHelper.logUserAction({\r\n        id: group.id,\r\n        studentCount: props.studentIds.length\r\n      }, AnalyticsHelper.mergeOptions(props.analyticsOptions, {\r\n        actionType: UserAction.Associate,\r\n        descriptor: AssocDescriptor.User\r\n      }));\r\n\r\n      successCallback(group);\r\n    }));\r\n  };\r\n\r\n  const saveGroupToClassroom = (group: EditClassroomGroupRequest) => {\r\n    Flight.fetch(dispatch, ClassroomRequests.createClassroomGroup(\r\n      group,\r\n      props.classroomId,\r\n      (newGroup: ClassroomGroup) => {\r\n        AnalyticsHelper.logUserAction({\r\n          id: newGroup.id,\r\n          classroomId: props.classroomId\r\n        }, AnalyticsHelper.mergeOptions(props.analyticsOptions, {\r\n          actionType: UserAction.Create\r\n        }));\r\n\r\n        if (props.studentIds?.length) {\r\n          addStudentsToGroup(newGroup);\r\n          return;\r\n        }\r\n\r\n        successCallback(newGroup);\r\n      }, () => {\r\n        // TODO: Handle possible errors once we have a server side\r\n        alerts.error(getPhrase('error'));\r\n      }\r\n    ));\r\n  };\r\n\r\n  return (\r\n    <Popup title={getPhrase('title')} closePopup={props.closePopup} showLoadingSpinner={!classroom.data}>\r\n      <EditClassroomGroupDetails\r\n        saveGroup={saveGroupToClassroom}\r\n        onClickCancel={props.closePopup}\r\n      />\r\n    </Popup>\r\n  );\r\n}"],"sourceRoot":""}