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

package/dist/scripts/24.chunk.js

@@ -1 +1,1348 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[24],{397:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(0);function r(e){return a.createElement("div",{role:"button",tabIndex:0,className:(e.className?e.className:"")+" cursor-pointer",onKeyDown:t=>"Enter"===t.key&&e.onClick(t),onClick:e.onClick,style:e.style?e.style:{}},e.children)}},401:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var a=n(75),r=n(28),o=n(35);const i=()=>{const e=Object(a.a)(o.a.ALERT);return{success(t){e.success(t)()},error(t){e.error(t)()},warning(t){e.createAlert({type:r.a.Warning,heading:r.c.Warning,message:t})}}}},416:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(0);function r(e){return a.createElement("div",{className:"custom-control custom-checkbox "+e.className},a.createElement("input",{type:"checkbox",className:"custom-control-input",id:e.id,name:e.name,checked:e.checked,onChange:e.onChange}),a.createElement("label",{className:"custom-control-label cursor-pointer",htmlFor:e.id},e.label))}r.defaultProps={checked:!1,label:"",className:""}},420:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var a=n(0),r=n.n(a),o=n(397);function i(e){var t=e.on&&!e.disabled?"on":"",n=e.disabled?"disabled":"";return r.a.createElement(o.a,{onClick:function(){e.disabled||e.onClick.apply(e,arguments)},className:"".concat("d-inline-block float-right align-top custom-toggle toggle-option"," ").concat(t," ").concat(n)},r.a.createElement("span",{className:"handle"}))}},439:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var a=n(63),r=n(34);const o={reorder(e,t,n){if(t===n)return{reorderedItems:e,reorderRequest:null};const r=a.a.moveItem(e,t,n),o=n<e.length-1?r[n+1].id:null;return{reorderedItems:r,reorderRequest:{sourceMemberId:r[n].id,destinationMemberId:o}}},updateState(e,t,n){const o=[],i=r.a.deepClone(n),s=[e];let l=n[e];const c=!!l&&!!l.data&&l.data.length;for(;l&&Array.isArray(l.data);){o.push(...l.data);const t=l.pagination&&l.pagination.cursors&&l.pagination.cursors.next,a=!!t&&`${e}:${t}`;l=t&&n[a],l&&s.push(a)}if(!o.length)return n;const u=a.a.findIndex(o,e=>e.id===t.sourceMemberId),d=[...o],m=d.splice(u,1),p=t.destinationMemberId?a.a.findIndex(d,e=>e.id===t.destinationMemberId):d.length;return d.splice(p,0,m[0]),s.forEach(e=>{const t=d.splice(0,c);i[e].data=t}),i}}},442:function(e,t,n){"use strict";var a,r=n(15),o=n(25),i=n(439),s=n(116);n(41);s.a;class l extends s.a{constructor(e,t=""){super({collectionPrefix:"playlist:videos",id:e,cursor:t})}}!function(e){e[e.Queued=1]="Queued",e[e.Processing=2]="Processing",e[e.Processed=3]="Processed",e[e.Errored=4]="Errored"}(a||(a={}));const c={updatePlaylist:(e,t)=>n=>{const a=Object.assign({},n);return a.hasOwnProperty(e)&&(a[e]=Object.assign(Object.assign({},a[e]),t)),a},deletePlaylist:e=>t=>{const n=Object.assign({},t);return n.hasOwnProperty(e)&&delete n[e],n},incrementVideoCount:(e,t)=>n=>{const a=Object.assign({},n);return a.hasOwnProperty(e)?(a[e].videos||(a[e].videos={}),a[e].videos.count=a[e].videos.count?a[e].videos.count+t:t,a):n}};var u=n(122);n.d(t,"a",(function(){return f}));const d=e=>e?"&cursor="+e:"",m=e=>Number.isInteger(e)?"&maxRatingValue="+e:"",p=(e,t)=>`${e}${t?":"+t:""}`,f={getPlaylist:(e,t,n)=>({url:`/api/domain/v2/objects/${e}?query=${o.a.PLAYLIST}`,key:"playlist:"+e,success:t,error:n}),getSharedPlaylist:(e,t,n,a)=>({url:`${"/api/domain/v2/share/"+e}?query=${o.a.PLAYLIST}${m(t)}`,key:"shared:playlist:"+e,success:n,error:a}),getUserPlaylists:e=>({url:`/api/domain/v2/me/playlists?query={${u.a.getFilterFromSort(e.sort)},limit:100}${o.a.PLAYLIST_COLLECTION}${d(e.cursor)}`,key:e.toString()}),getPlaylistVideos(e,t,n){let a="orderBy:orderindex,limit:100";return Number.isInteger(t)&&(a+=",rating.value:0..."+t),{url:`/api/domain/v2/objects/${e}/videos?query={${a}}${o.a.VIDEO_COLLECTION}${d(n)}`,key:p(`playlist:${e}:videos`,n)}},getSharedPlaylistVideos:(e,t,n)=>({url:`/api/domain/v2/share/${e}/videos?query={orderBy:orderindex,limit:100}${o.a.VIDEO_COLLECTION}${d(n)}${m(t)}`,key:p(`shared:playlist:${e}:videos`,n)}),getVideoPlaylists:(e,t,n)=>({url:`/api/domain/v2/objects/${e}/playlists?query={limit:100,owner.id:[${t}]}`,key:p("video:playlists:"+e,n)}),getIsFollowingPlaylist:(e,t)=>({url:`/api/domain/v2/objects/${e}/followers?query={id:${t}}`,key:`playlist:${e}:following:${t}`,formatData:t=>{var n,a;return{objectId:e,isFollowing:!!(null===(a=null===(n=t)||void 0===n?void 0:n.data)||void 0===a?void 0:a.length)}},normalize:!1}),createPlaylist:(e,t,n,a)=>({key:"create:playlist",url:`/api/domain/v2/objects/${e}/playlists`,data:t,type:r.a.POST,success:n,error:a,invalidationKeys:"user:playlists"}),updatePlaylist:(e,t,n,a)=>({key:"update:playlist",url:"/api/domain/v2/objects/"+e,data:t,type:r.a.PUT,success:n,error:a,updateState:{keys:"playlist:"+e,updateData:c.updatePlaylist("playlist:"+e,t)}}),deletePlaylist:(e,t,n)=>({key:"delete:playlist",url:"/api/domain/v2/objects/"+e,type:r.a.DELETE,success:t,error:n,invalidationKeys:"user:playlists",updateState:{keys:"playlist:"+e,updateData:c.deletePlaylist("playlist:"+e)}}),addToPlaylist(e,t,n,a){const o=["user:playlists",new l(e).toString()];return t.forEach(e=>{o.push("video:playlists:"+e)}),{key:"add:to:playlist",url:`/api/domain/v2/objects/${e}/associate`,data:t,type:r.a.POST,success:n,error:a,invalidationKeys:o,updateState:{keys:"playlist:"+e,updateData:c.incrementVideoCount("playlist:"+e,t.length)}}},reorderVideos:(e,t,n,a)=>({key:"reorder:playlist",url:`/api/domain/v2/objects/${e}/videos/reorder`,data:t,type:r.a.PUT,success:n,error:a,invalidationKeys:"user:playlists",updateState:{keys:`playlist:${e}:videos`,updateData:n=>i.a.updateState(`playlist:${e}:videos`,t,n)}}),removePlaylistVideo:(e,t,n,a)=>({key:"remove:playlist:video",url:`/api/domain/v2/objects/${e}/dissociate?memberId=${t}`,type:r.a.DELETE,success:n,error:a,invalidationKeys:["user:playlists",`playlist:${e}:videos`]}),followPlaylist:(e,t)=>({url:"/api/domain/v2/objects/"+t,key:"follow:playlist:"+e,data:{followedPlaylists:e},type:r.a.PUT}),unfollowPlaylist:(e,t)=>({url:`/api/domain/v2/objects/${t}/followedplaylists/${e}`,key:"unfollow:playlist:"+e,type:r.a.DELETE}),getMigrationTask:(e,t)=>({url:"/api/playlist-app/migration-task",key:"migration:task",formatData:e=>e||{status:a.Processed},success:e,error:t})}},461:function(e,t,n){e.exports={input:"_3MysI",suggestionsContainerOpen:"ahMdW",sectionContainer:"xstWL",suggestionHighlighted:"_3YTCa"}},480:function(e,t,n){e.exports={container:"_16rdL",suggestionsContainerOpen:"_2886c",selectionContainer:"_12TCg",suggestionHighlighted:"_3HZFR",selectedUser:"_3NTEb",selectedClassroom:"x8G1B"}},485:function(e,t,n){"use strict";var a=n(0),r=n(389),o=n(31),i=n(5),s=n(78),l=n(77),c=n(15),u=n(11),d=n(34);const m={isNumber:e=>m.isType(e,"number"),isString:e=>m.isType(e,"string"),isType:(e,t)=>typeof e===t};var p,f=n(461),y=n.n(f);function g(e,t){return d.a.isObject(e)&&e.hasOwnProperty(t)&&m.isString(e[t])}function h(e,t,n){return({value:a})=>{if(a.length||n(),!(a.length<e.activationLength)){if(e.local){const n=o.a.isFunction(e.getLocalSuggestions)?e.getLocalSuggestions(a,e.local):function(e,t,n){const a=e.trim().toLowerCase();return a.length?t.filter(e=>!(!g(e,n)||!m.isString(e[n]))&&e[n].trim().toLowerCase().includes(a)):[]}(a,e.local,e.valueKey);t(e=>Object.assign(Object.assign({},e),{[p.Local]:n}))}e.getRemoteUrl&&function(e,t,n){const a=o.a.isFunction(e)&&e(t);a&&u.a.ajaxRequest({resource:a,type:c.a.GET,success:n,error:()=>{}})}(e.getRemoteUrl,a,n=>t(t=>Object.assign(Object.assign({},t),{[p.Remote]:o.a.isFunction(e.formatRemoteSuggestions)?e.formatRemoteSuggestions(n):n})))}}}function b(e,t,n,a,r,i){const s=t=>e[t]||[],l=t?s(p.Recent):[],c=s(p.Local),u=s(p.Remote);let d=[];l.length&&d.push({title:n,data:l});const m=[...c,...u];return Number.isInteger(i)&&d.length>i&&m.slice(0,i),o.a.isFunction(r)?d.push(...r(m)):d.push({title:a,data:m}),d}function v(e){return e.data}function E(e){if(e.title)return a.createElement("strong",null,e.title)}!function(e){e.Local="local",e.Recent="recent",e.Remote="remote"}(p||(p={}));const S={container:"position-relative",suggestionsContainerOpen:"bg-white py-1 border rounded "+y.a.suggestionsContainerOpen,suggestionsList:"list-unstyled m-0",suggestion:"cursor-pointer py-1 px-2",suggestionHighlighted:y.a.suggestionHighlighted,sectionContainer:"border-bottom py-1 "+y.a.sectionContainer};function w(e={}){return Object.assign(S,e)}var C=n(33),k=n(9),O=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};const P=e=>{const t="d-inline-block svg-container";return o.a.isFunction(e)?t+" cursor-pointer":t};function N(e){const{onClickSearchIcon:t,searchIconPlacement:n,className:r}=e,o=O(e,["onClickSearchIcon","searchIconPlacement","className"]);let i="form-control "+y.a.input,s="input-group-text bg-white";"right"===n&&(i+=" border-right-0",s+=" pl-0"),"left"===n&&(i+=" border-left-0",s+=" pr-0"),r&&(i+=" "+r);const l=()=>a.createElement("div",{className:s},a.createElement(C.a,{svgName:k.b.Search,size:C.b.Small,onClick:t,className:P(t)}));return a.createElement("div",{className:"input-group"},"left"===n&&a.createElement("div",{className:"input-group-prepend"},a.createElement(l,null)),a.createElement("input",Object.assign({className:i},o)),"right"===n&&a.createElement("div",{className:"input-group-append"},a.createElement(l,null)))}n.d(t,"a",(function(){return j}));const x=o.a.isFunction;function j(e){const t=(n=e.initialSuggestions,o=e.recentSearches,{[p.Recent]:o,[p.Local]:n,[p.Remote]:[]});var n,o;const[c,u]=a.useState(""),[d,m]=a.useState(t),f=Object(s.a)(l.a.XS),y=()=>{m(t)},S=t=>{t.preventDefault(),x(e.onSubmit)&&e.onSubmit(c)};return a.createElement("form",{onSubmit:S},a.createElement(r,{suggestions:b(d,!c,e.recentSearchHeading||i.a.getPhrase("shared.searchBar","recentSearchHeading"),e.suggestionsHeading,e.getSections,e.suggestionLimit),onSuggestionsFetchRequested:h(e,m,y),onSuggestionsClearRequested:()=>{e.alwaysRenderSuggestions||y()},onSuggestionSelected:(t,{suggestion:n})=>{e.clearQueryOnSelect&&u(""),e.onSuggestionSelected(n)},getSuggestionValue:t=>e.updateQueryOnSelection?function(e,t){return g(t,e)?t[e]:""}(e.valueKey,t):c,renderSuggestion:t=>x(e.getSuggestionComponent)?e.getSuggestionComponent(t):function(e,t){return g(t,e)?a.createElement(a.Fragment,null,t[e]):a.createElement(a.Fragment,null)}(e.valueKey,t),alwaysRenderSuggestions:e.alwaysRenderSuggestions,focusInputOnSuggestionClick:!f,inputProps:{placeholder:e.placeholder||i.a.getPhrase("shared.searchBar","placeholder"),value:c,onChange:(t,{newValue:n})=>{u(n),x(e.onQueryChange)&&e.onQueryChange(n)},onKeyDown:t=>{8===t.keyCode&&e.onBackspace&&!c&&e.onBackspace()},autoFocus:!!e.autoFocusInput,onClickSearchIcon:!!e.submitOnClickSearchIcon&&S,searchIconPlacement:e.searchIconPlacement},renderInputComponent:N,theme:w(e.theme),multiSection:!0,renderSectionTitle:E,getSectionSuggestions:v}))}j.defaultProps={updateQueryOnSelection:!0,valueKey:"name",activationLength:3,suggestionLimit:5,recentSearches:[],initialSuggestions:[],searchIconPlacement:"right"}},488:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var a=n(0),r=n.n(a),o=n(128);function i(e){return r.a.createElement("div",{className:"d-flex align-items-center"},r.a.createElement("div",{className:"pr-2"},r.a.createElement(o.a,{imageUrl:""})),r.a.createElement("div",null,r.a.createElement("h4",{className:"font-size-normal font-weight-normal m-0"},e.entity.name),r.a.createElement("p",{className:"text-muted m-0"},"Email or classroom count here idk")),r.a.createElement("div",null))}},512:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var a=n(15),r=n(104),o={getShareData:function(e){if(e)return{url:"/api/domain/v1/share",key:"share:".concat(e),type:a.a.POST,data:{id:e,privacy:null}}},sharedResource:function(e){return{url:"/api/domain/v2/share/".concat(e,"?query=").concat(r.a.VIDEO),key:"shared:resource:".concat(e)}}}},532:function(e,t,n){"use strict";var a=n(0),r=n.n(a),o=n(63),i=n(5),s=n(485),l=n(33),c=n(9),u=n(488),d=n(397),m=n(480),p=n.n(m);function f(e){var t=function(e){switch(e){case"user":return p.a.selectedUser;case"classroom":return p.a.selectedClassroom}}("user");return r.a.createElement("div",{className:"".concat(t," d-flex align-items-center pl-2 pr-1 mr-1 mt-1")},r.a.createElement("span",{className:"mr-1"},e.selection.name),r.a.createElement(d.a,{className:"cursor-pointer",onClick:function(){return e.onClickRemove(e.selection.id)}},r.a.createElement(l.a,{svgName:c.b.Close})))}n.d(t,"a",(function(){return y}));function y(e){return r.a.createElement("div",{className:"form-control h-auto d-flex flex-wrap align-items-center py-1 px-0 position-relative"},r.a.createElement(l.a,{className:"svg-container mx-1 h-100 align-self-start",svgName:c.b.Search}),r.a.createElement("div",{className:"".concat(p.a.selectionContainer," d-flex flex-wrap align-items-center mt-n1")},e.selections.map((function(t){return r.a.createElement(f,{key:t.id,selection:t,onClickRemove:function(t){return e.removeSelection(t)}})})),r.a.createElement(s.a,{onSuggestionSelected:function(t){e.updateSelections(t)},onBackspace:function(){return e.removeSelection(o.a.last(e.selections).id)},local:e.localSuggestions,recentSearchHeading:e.recentSearchHeading||i.a.getPhrase("shared.tokenizedTypeahead","recentSearchHeading"),recentSearches:[],placeholder:e.placeholder,searchIconPlacement:!1,activationLength:2,clearQueryOnSelect:!0,getSuggestionComponent:function(e){return r.a.createElement(u.a,{entity:e})},theme:{container:p.a.container,suggestionsContainerOpen:"bg-white py-1 rounded border mt-1 ".concat(p.a.suggestionsContainerOpen),suggestionsList:"list-unstyled m-0",suggestion:"cursor-pointer py-1 px-2",suggestionHighlighted:p.a.suggestionHighlighted}})))}},541:function(e,t,n){"use strict";var a=n(582).CopyToClipboard;a.CopyToClipboard=a,e.exports=a},582:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.CopyToClipboard=void 0;var a=o(n(0)),r=o(n(583));function o(e){return e&&e.__esModule?e:{default:e}}function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function s(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function l(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},o=Object.keys(e);for(a=0;a<o.length;a++)n=o[a],t.indexOf(n)>=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a<o.length;a++)n=o[a],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function c(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function u(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function d(e,t){return!t||"object"!==i(t)&&"function"!=typeof t?p(e):t}function m(e){return(m=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function p(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function f(e,t){return(f=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function y(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var g=function(e){function t(){var e,n;c(this,t);for(var o=arguments.length,i=new Array(o),s=0;s<o;s++)i[s]=arguments[s];return y(p(n=d(this,(e=m(t)).call.apply(e,[this].concat(i)))),"onClick",(function(e){var t=n.props,o=t.text,i=t.onCopy,s=t.children,l=t.options,c=a.default.Children.only(s),u=(0,r.default)(o,l);i&&i(o,u),c&&c.props&&"function"==typeof c.props.onClick&&c.props.onClick(e)})),n}var n,o,i;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&f(e,t)}(t,e),n=t,(o=[{key:"render",value:function(){var e=this.props,t=(e.text,e.onCopy,e.options,e.children),n=l(e,["text","onCopy","options","children"]),r=a.default.Children.only(t);return a.default.cloneElement(r,function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?s(n,!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):s(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},n,{onClick:this.onClick}))}}])&&u(n.prototype,o),i&&u(n,i),t}(a.default.PureComponent);t.CopyToClipboard=g,y(g,"defaultProps",{onCopy:void 0,options:void 0})},583:function(e,t,n){"use strict";var a=n(584),r={"text/plain":"Text","text/html":"Url",default:"Text"};e.exports=function(e,t){var n,o,i,s,l,c,u=!1;t||(t={}),n=t.debug||!1;try{if(i=a(),s=document.createRange(),l=document.getSelection(),(c=document.createElement("span")).textContent=e,c.style.all="unset",c.style.position="fixed",c.style.top=0,c.style.clip="rect(0, 0, 0, 0)",c.style.whiteSpace="pre",c.style.webkitUserSelect="text",c.style.MozUserSelect="text",c.style.msUserSelect="text",c.style.userSelect="text",c.addEventListener("copy",(function(a){if(a.stopPropagation(),t.format)if(a.preventDefault(),void 0===a.clipboardData){n&&console.warn("unable to use e.clipboardData"),n&&console.warn("trying IE specific stuff"),window.clipboardData.clearData();var o=r[t.format]||r.default;window.clipboardData.setData(o,e)}else a.clipboardData.clearData(),a.clipboardData.setData(t.format,e);t.onCopy&&(a.preventDefault(),t.onCopy(a.clipboardData))})),document.body.appendChild(c),s.selectNodeContents(c),l.addRange(s),!document.execCommand("copy"))throw new Error("copy command was unsuccessful");u=!0}catch(a){n&&console.error("unable to copy using execCommand: ",a),n&&console.warn("trying IE specific stuff");try{window.clipboardData.setData(t.format||"text",e),t.onCopy&&t.onCopy(window.clipboardData),u=!0}catch(a){n&&console.error("unable to copy using clipboardData: ",a),n&&console.error("falling back to prompt"),o=function(e){var t=(/mac os x/i.test(navigator.userAgent)?"⌘":"Ctrl")+"+C";return e.replace(/#{\s*key\s*}/g,t)}("message"in t?t.message:"Copy to clipboard: #{key}, Enter"),window.prompt(o,e)}}finally{l&&("function"==typeof l.removeRange?l.removeRange(s):l.removeAllRanges()),c&&document.body.removeChild(c),i()}return u}},584:function(e,t){e.exports=function(){var e=document.getSelection();if(!e.rangeCount)return function(){};for(var t=document.activeElement,n=[],a=0;a<e.rangeCount;a++)n.push(e.getRangeAt(a));switch(t.tagName.toUpperCase()){case"INPUT":case"TEXTAREA":t.blur();break;default:t=null}return e.removeAllRanges(),function(){"Caret"===e.type&&e.removeAllRanges(),e.rangeCount||n.forEach((function(t){e.addRange(t)})),t&&t.focus()}}},585:function(e,t,n){e.exports={shareLink:"cFx7z",copyBtn:"mrGX3"}},586:function(e){e.exports=JSON.parse('[{"id":"instant-user-1","name":"Josh"},{"id":"instant-user-2","name":"Mike"},{"id":"instant-user-3","name":"Sha"},{"id":"instant-user-4","name":"Matt"},{"id":"instant-user-5","name":"Kevin"},{"id":"instant-user-6","name":"Joe"},{"id":"instant-user-7","name":"Bertha"},{"id":"instant-user-8","name":"Michael"},{"id":"instant-user-9","name":"Michelle"}]')},587:function(e,t,n){e.exports={copyBtnContainer:"_3SR_7",copyBtn:"B_4l9"}},588:function(e,t,n){e.exports={passwordVisibilityToggle:"_4X-7U"}},649:function(e,t,n){"use strict";n.r(t);var a=n(0),r=n.n(a),o=n(5),i=n(11),s=n(442),l=n(126),c=n(115),u=n(44),d=n(112),m=n(118),p=n(512),f=n(541),y=n(401),g=n(33),h=n(397),b=n(9),v=n(532),E=n(488),S=n(585),w=n.n(S),C=n(586);function k(e){return function(e){if(Array.isArray(e))return N(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||P(e)||function(){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 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 i,s=e[Symbol.iterator]();!(a=(i=s.next()).done)&&(n.push(i.value),!t||n.length!==t);a=!0);}catch(e){r=!0,o=e}finally{try{a||null==s.return||s.return()}finally{if(r)throw o}}return n}(e,t)||P(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 P(e,t){if(e){if("string"==typeof e)return N(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?N(e,t):void 0}}function N(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 x=o.a.encloseNamespace("shared.share");function j(e){var t=O(r.a.useState(!1),2),n=t[0],a=t[1],i=O(r.a.useState(!1),2),s=i[0],l=i[1],c=O(r.a.useState([]),2),d=c[0],m=c[1],p=O(r.a.useState([]),2),S=p[0],P=p[1],N=O(r.a.useState([]),2),j=N[0],I=N[1],T=Object(y.a)();return r.a.useEffect((function(){var e=S.map((function(e){return e.id})),t=C.filter((function(t){return!e.includes(t.id)}));m(t)}),[S]),r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{className:"d-flex justify-content-between align-items-center pb-3"},r.a.createElement(v.a,{localSuggestions:d,selections:S,updateSelections:function(e){return P([].concat(k(S),[e]))},removeSelection:function(e){return P(S.filter((function(t){return t.id!==e})))},placeholder:x("searchPlaceholder")}),"playlist"===e.entityType&&r.a.createElement("p",{className:"text-secondary pl-3 mb-0 text-center text-nowrap"},r.a.createElement(u.b,{phrase:"viewOnly"}))),j.length?r.a.createElement("div",null,r.a.createElement("h3",{className:"font-size-normal"},r.a.createElement(u.b,{phrase:"sharedTo"})),r.a.createElement("ul",{className:"list-unstyled"},j.map((function(e){return r.a.createElement("li",{className:"mb-2"},r.a.createElement(E.a,{key:e.id,entity:e}))})))):r.a.createElement(r.a.Fragment,null),r.a.createElement("div",{className:"mx-n3 px-3 pt-3 border-top"},S.length?r.a.createElement("button",{onClick:function(){I([].concat(k(j),k(S))),P([]),T.success(o.a.getPhrase("shared.share","success",{name:e.entity.name}))},className:"btn btn-dark float-right"},r.a.createElement(u.b,{phrase:"share"})):r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{className:n?"d-flex justify-content-between":""},r.a.createElement("h3",{className:"h6 mr-auto"},r.a.createElement(u.b,{phrase:"shareLinkInstead"})),n&&r.a.createElement(h.a,{className:"cursor-pointer",onClick:e.onClickShowSettings},r.a.createElement(g.a,{svgName:b.b.Cog}))),r.a.createElement("div",{className:"d-flex justify-content-between align-items-center"},r.a.createElement("div",{className:"d-flex align-items-center ".concat(n?"w-100":"w-75")},n?r.a.createElement(r.a.Fragment,null,r.a.createElement("input",{type:"text",id:"share-link",autoComplete:"off",className:"form-control bg-white border-dark ".concat(w.a.shareLink),spellCheck:!1,value:e.shareData.shortUrl,readOnly:!0}),r.a.createElement(f,{text:e.shareData.shortUrl},r.a.createElement(h.a,{className:"input-group-append border border-dark text-nowrap px-2 py-1 ".concat(w.a.copyBtn),onClick:function(){s||(l(!0),setTimeout((function(){return l(!1)}),2e3))}},r.a.createElement(u.b,{phrase:s?"copiedLink":"copyLink"})))):r.a.createElement(r.a.Fragment,null,r.a.createElement(g.a,{className:"mr-1 svg-container",svgName:b.b.VisibleOn}),r.a.createElement(u.b,{phrase:"publicLinkInfo"}))),!n&&r.a.createElement(h.a,{className:"info-link",onClick:function(){return a(!0)}},r.a.createElement(u.b,{phrase:"createLink"}))))))}var I=n(119),T=n(420),D=n(27),L=n(416);const A={getEmbedResolutions:()=>[{label:o.a.getPhrase("shared.shared-utils","responsive"),width:"100%",height:"100%"},{label:o.a.getPhrase("shared.shared-utils","small"),width:"640",height:"360"},{label:o.a.getPhrase("shared.shared-utils","medium"),width:"1014",height:"576"},{label:o.a.getPhrase("shared.shared-utils","large"),width:"1280",height:"720"}]};var $=n(587),R=n.n($);function F(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 i,s=e[Symbol.iterator]();!(a=(i=s.next()).done)&&(n.push(i.value),!t||n.length!==t);a=!0);}catch(e){r=!0,o=e}finally{try{a||null==s.return||s.return()}finally{if(r)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return _(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 _(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 _(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}function M(e){var t=A.getEmbedResolutions(),n=F(r.a.useState("copy"),2),a=n[0],o=n[1],i=F(r.a.useState(!1),2),s=i[0],l=i[1],c=F(r.a.useState(t.find((function(e){return"100%"===e.width}))),2),d=c[0],m=c[1];var p,y,g=(p="100%"===d.width?'style="position:absolute; top:0; left:0; width:100%; height:100%;"':'width="'.concat(d.width,'" height="').concat(d.height,'"'),y='src="'.concat("https://localhost:5001/share/embed","/").concat(e.shortCode,"?a=").concat(s,'"'),"<iframe ".concat(p," ").concat('frameborder="0" allowfullscreen webkitallowfullscreen mozallowfullscreen'," ").concat(y,"></iframe>"));return r.a.createElement(u.a.Provider,{value:"share.copyEmbedHtml"},r.a.createElement("label",{className:"m-0"},r.a.createElement(u.b,{namespace:"share.copyEmbedHtml",phrase:"label"})),r.a.createElement("div",{className:"position-relative mb-2"},r.a.createElement("textarea",{className:"form-control rounded w-100 h-100 bg-white border-dark",spellCheck:!1,value:g,rows:5,readOnly:!0}),r.a.createElement("div",{className:"input-group-append rounded ".concat(R.a.copyBtnContainer)},r.a.createElement(f,{onCopy:function(){return o("copied")},text:g},r.a.createElement("button",{className:"btn bg-white ".concat(R.a.copyBtn)},r.a.createElement(u.b,{phrase:a}))))),r.a.createElement("div",{className:"d-flex align-items-center"},r.a.createElement("div",{className:"mr-1"},r.a.createElement(u.b,{phrase:"videoSize"})),r.a.createElement("div",{className:"pr-3"},r.a.createElement(D.Dropdown,null,r.a.createElement(D.Dropdown.Toggle,{id:"embed-resolution",variant:"outline-dark"},d.label),r.a.createElement(D.Dropdown.Menu,null,t.map((function(e){return r.a.createElement(D.Dropdown.Item,{key:"".concat(e.width,"x").concat(e.height),onClick:function(){return m(e)}},e.label)}))))),r.a.createElement("div",{className:"mr-1"},r.a.createElement(u.b,{phrase:"autoplay"})),r.a.createElement(L.a,{id:e.shortCode,checked:s,onChange:function(){return l(!s)}})))}var U=n(588),B=n.n(U);function V(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 i,s=e[Symbol.iterator]();!(a=(i=s.next()).done)&&(n.push(i.value),!t||n.length!==t);a=!0);}catch(e){r=!0,o=e}finally{try{a||null==s.return||s.return()}finally{if(r)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return H(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 H(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 H(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 q=o.a.encloseNamespace("shared.share");function K(e){var t=V(r.a.useState(!1),2),n=t[0],a=t[1],o=V(r.a.useState(!1),2),i=o[0],s=o[1],l=V(r.a.useState(!1),2),c=l[0],d=l[1],m=V(r.a.useState(""),2),p=m[0],f=m[1];return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{className:"d-flex align-items-center pb-3"},r.a.createElement(g.a,{className:"mr-1 svg-container",svgName:b.b.VisibleOn}),r.a.createElement("div",{className:"mr-auto"},r.a.createElement(u.b,{phrase:"publicLinkInfo"})),r.a.createElement(h.a,{onClick:function(){e.showMain()},className:"info-link"},r.a.createElement(u.b,{phrase:"deleteLink"}))),r.a.createElement("div",{className:"d-flex justify-content-between align-items-center pb-3"},r.a.createElement("div",null,r.a.createElement("label",{className:"m-0",htmlFor:""},r.a.createElement(u.b,{phrase:"linkExpirationHeading"})),r.a.createElement("p",{className:"m-0"},r.a.createElement(u.b,{phrase:"linkExpirationInfo"}))),r.a.createElement(T.a,{onClick:function(){return a(!n)},on:n})),r.a.createElement("div",{className:"pb-3"},r.a.createElement("div",{className:"d-flex justify-content-between align-items-center"},r.a.createElement("div",null,r.a.createElement("label",{className:"m-0",htmlFor:""},r.a.createElement(u.b,{phrase:"passwordProtectHeading"})),r.a.createElement("p",{className:"m-0"},r.a.createElement(u.b,{phrase:"passwordProtectInfo"}))),r.a.createElement(T.a,{onClick:function(){return s(!i)},on:i})),i&&r.a.createElement("div",{className:"position-relative w-75 mt-2"},r.a.createElement("input",{className:"form-control",value:p,onChange:function(e){f(e.currentTarget.value)},type:c?"text":"password",placeholder:q("passwordPlaceholder")}),r.a.createElement(h.a,{className:B.a.passwordVisibilityToggle,onClick:function(){return d(!c)}},r.a.createElement(g.a,{svgName:c?b.b.VisibleOn:b.b.VisibleOff})))),r.a.createElement("div",{className:"pb-3"},r.a.createElement(M,{shortCode:e.shareData.shortCode})),r.a.createElement(I.a,{buttons:[{variant:"outline-dark",onClick:e.showMain,buttonText:q("cancel")},{variant:"dark",onClick:function(){console.log("save"),e.showMain()},buttonText:q("save")}]}))}function z(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 i,s=e[Symbol.iterator]();!(a=(i=s.next()).done)&&(n.push(i.value),!t||n.length!==t);a=!0);}catch(e){r=!0,o=e}finally{try{a||null==s.return||s.return()}finally{if(r)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Q(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 Q(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 Q(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}n.d(t,"ShareView",(function(){return J}));function J(e){var t,n,a,f,y=z(r.a.useState(!1),2),g=y[0],h=y[1],b=i.a.useBasicFetch(c.a.currentUser),v=function(e){switch(e){case"video":return function(e){return i.a.useBasicFetch(m.a.video(e))};case"playlist":return function(e){return i.a.useBasicFetch(s.a.getPlaylist(e))};case"subject":return function(e,t){return i.a.useBasicFetch(l.a.classification(e,t))}}}(e.entityType)(e.entityId,null===(t=b.data)||void 0===t?void 0:t.id),E=i.a.useBasicFetch(p.a.getShareData(null===(n=v.data)||void 0===n?void 0:n.id)),S=g?o.a.getPhrase("shared.share","settingsTitle",{name:(null===(f=v.data)||void 0===f?void 0:f.name)||""}):o.a.getPhrase("shared.share","mainTitle",{name:(null===(a=v.data)||void 0===a?void 0:a.name)||""});return r.a.createElement(u.a.Provider,{value:"shared.share"},r.a.createElement(d.a,{title:S,closePopup:e.closePopup,showLoadingSpinner:!E.data},E.data?g?r.a.createElement(K,{shareData:E.data,showMain:function(){return h(!1)}}):r.a.createElement(j,{shareData:E.data,entity:v.data,entityType:e.entityType,onClickShowSettings:function(){return h(!0)}}):r.a.createElement(r.a.Fragment,null)))}}}]);
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[24],{
+
+/***/ "./src/apps/classrooms/components/classroom-group-dropdown/ClassroomGroupDropdown.tsx":
+/*!********************************************************************************************!*\
+  !*** ./src/apps/classrooms/components/classroom-group-dropdown/ClassroomGroupDropdown.tsx ***!
+  \********************************************************************************************/
+/*! exports provided: ClassroomGroupDropdown */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomGroupDropdown", function() { return ClassroomGroupDropdown; });
+/* 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_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.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 _libs_shared_src_components_forms_form_checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-checkbox/Checkbox */ "../../libs/shared/src/components/forms/form-checkbox/Checkbox.tsx");
+/* harmony import */ var shared_hooks_useBulkCheckboxManager__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! shared/hooks/useBulkCheckboxManager */ "./src/shared/hooks/useBulkCheckboxManager.tsx");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var apps_classrooms_components_classroom_group_ClassroomGroup__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! apps/classrooms/components/classroom-group/ClassroomGroup */ "./src/apps/classrooms/components/classroom-group/ClassroomGroup.tsx");
+/* harmony import */ var _classroom_group_dropdown_scss__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./classroom-group-dropdown.scss */ "./src/apps/classrooms/components/classroom-group-dropdown/classroom-group-dropdown.scss");
+/* harmony import */ var _classroom_group_dropdown_scss__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_classroom_group_dropdown_scss__WEBPACK_IMPORTED_MODULE_11__);
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var namespace = 'classrooms.classroomGroupDropdown';
+
+var getNewGroupAppLink = function getNewGroupAppLink(id, studentIds) {
+  return {
+    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_9__["AppChannels"].CLASSROOMS,
+    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_8__["Actions"].Classrooms.NEW_GROUP,
+    args: [id],
+    params: {
+      addStudents: studentIds
+    }
+  };
+};
+
+ClassroomGroupDropdown.defaultProps = {
+  preselections: []
+};
+function ClassroomGroupDropdown(props) {
+  var _useBulkCheckboxManag = Object(shared_hooks_useBulkCheckboxManager__WEBPACK_IMPORTED_MODULE_7__["useBulkCheckboxManager"])(props.groups, {
+    preselectedIds: props.preselections.map(function (s) {
+      return s.id;
+    })
+  }),
+      onToggleItem = _useBulkCheckboxManag.onToggleItem,
+      isChecked = _useBulkCheckboxManag.isChecked;
+
+  function _onChange(group) {
+    props.onToggle(group, !isChecked(group.id));
+    onToggleItem(group.id);
+  }
+
+  function onClickCreateNewGroup() {
+    _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_12__["AnalyticsHelper"].logUserAction({}, _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_12__["AnalyticsHelper"].mergeOptions(props.analyticsOptions, {
+      actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__["UserAction"].Create,
+      workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__["WorkflowPhase"].Start,
+      entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__["EntityType"].ClassroomGroup
+    }));
+  }
+
+  var buttonClasses = 'mr-2 d-inline-block svg-container sm';
+  var dropdownProps = {
+    alignRight: !!props.alignRight
+  };
+  /**
+   * This prop is applied like this so that when `props.disabled` it false, the prop is omitted altogether.
+   * This is because we want `react-bootstrap` to control the open state, and if we used the `show` prop
+   * at all times we'd be preventing that.
+   */
+
+  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, {
+    as: 'div',
+    id: props.id,
+    className: "".concat(props.disabled ? 'text-light' : 'cursor-pointer', " ").concat(buttonClasses, " ").concat(_classroom_group_dropdown_scss__WEBPACK_IMPORTED_MODULE_11___default.a.hideCaret)
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_4__["SvgContainer"], {
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_5__["cvSvgLibrary"].Tag
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Dropdown"].Menu, {
+    className: 'px-2'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
+    className: 'mb-0'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_3__["Text"], {
+    namespace: namespace,
+    phrase: 'groupAs'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("ul", {
+    className: 'list-unstyled pr-3'
+  }, props.groups.map(function (group) {
+    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("li", {
+      key: group.id,
+      className: 'd-flex align-items-center bg-white my-1'
+    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_forms_form_checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_6__["Checkbox"], {
+      id: "".concat(props.id, ":").concat(group.id),
+      checked: isChecked(group.id),
+      onChange: function onChange() {
+        return _onChange(group);
+      }
+    }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_classroom_group_ClassroomGroup__WEBPACK_IMPORTED_MODULE_10__["ClassroomGroup"], {
+      group: group
+    }));
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__["AppLink"], {
+    onClick: onClickCreateNewGroup,
+    appLink: getNewGroupAppLink(props.classroom.id, props.studentIds)
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_3__["Text"], {
+    namespace: namespace,
+    phrase: 'createNew'
+  }))));
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/classroom-group-dropdown/classroom-group-dropdown.scss":
+/*!***********************************************************************************************!*\
+  !*** ./src/apps/classrooms/components/classroom-group-dropdown/classroom-group-dropdown.scss ***!
+  \***********************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"hideCaret":"cv--hideCaret--xn-MJ"};
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/classroom-group/ClassroomGroup.tsx":
+/*!***************************************************************************!*\
+  !*** ./src/apps/classrooms/components/classroom-group/ClassroomGroup.tsx ***!
+  \***************************************************************************/
+/*! exports provided: ClassroomGroup */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomGroup", function() { return ClassroomGroup; });
+/* 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 apps_classrooms_enums_GroupColour__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! apps/classrooms/enums/GroupColour */ "./src/apps/classrooms/enums/GroupColour.ts");
+/* harmony import */ var apps_classrooms_utils_GroupHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! apps/classrooms/utils/GroupHelper */ "./src/apps/classrooms/utils/GroupHelper.ts");
+
+
+
+function ClassroomGroup(props) {
+  var classes = 'font-weight-normal text-nowrap rounded-pill py-1 px-2';
+  if (props.group.colour !== apps_classrooms_enums_GroupColour__WEBPACK_IMPORTED_MODULE_1__["GroupColour"].White) classes += ' text-white';else classes += ' border border-dark';
+  classes += " ".concat(Object(apps_classrooms_utils_GroupHelper__WEBPACK_IMPORTED_MODULE_2__["mapColourToClassName"])(props.group.colour));
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: classes
+  }, props.group.name);
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/colour-picker/ColourPicker.tsx":
+/*!***********************************************************************!*\
+  !*** ./src/apps/classrooms/components/colour-picker/ColourPicker.tsx ***!
+  \***********************************************************************/
+/*! exports provided: ColourPicker */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ColourPicker", function() { return ColourPicker; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-bootstrap */ "react-bootstrap");
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/div-button/DivButton */ "../../libs/shared/src/components/div-button/DivButton.tsx");
+/* harmony import */ var _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var apps_classrooms_enums_GroupColour__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! apps/classrooms/enums/GroupColour */ "./src/apps/classrooms/enums/GroupColour.ts");
+/* harmony import */ var apps_classrooms_utils_GroupHelper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! apps/classrooms/utils/GroupHelper */ "./src/apps/classrooms/utils/GroupHelper.ts");
+/* harmony import */ var _colour_picker_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./colour-picker.scss */ "./src/apps/classrooms/components/colour-picker/colour-picker.scss");
+/* harmony import */ var _colour_picker_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_colour_picker_scss__WEBPACK_IMPORTED_MODULE_7__);
+
+
+
+
+
+
+
+
+ColourPicker.defaultProps = {
+  selection: apps_classrooms_enums_GroupColour__WEBPACK_IMPORTED_MODULE_5__["GroupColour"].White,
+  onSelect: function onSelect() {}
+};
+function ColourPicker(props) {
+  function getToggleButtonClass() {
+    var baseClass = "".concat(_colour_picker_scss__WEBPACK_IMPORTED_MODULE_7___default.a.dropdownToggle, " outline-none p-0 d-flex align-items-center text-decoration-none");
+    var disabledClass = props.disabled ? 'cursor-default' : '';
+    return "".concat(baseClass, " ").concat(disabledClass);
+  }
+
+  function getOptionClass(colour) {
+    var baseClass = "".concat(_colour_picker_scss__WEBPACK_IMPORTED_MODULE_7___default.a.colourOption, " position-relative");
+    var borderClass = colour === apps_classrooms_enums_GroupColour__WEBPACK_IMPORTED_MODULE_5__["GroupColour"].White ? 'border border-dark' : '';
+    var disabledClass = props.disabled ? 'cursor-default' : '';
+    var colorClass = Object(apps_classrooms_utils_GroupHelper__WEBPACK_IMPORTED_MODULE_6__["mapColourToClassName"])(colour);
+    return "".concat(baseClass, " ").concat(borderClass, " ").concat(disabledClass, " ").concat(colorClass);
+  }
+
+  var dropdownProps = {};
+  if (props.disabled) dropdownProps.show = false;
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Dropdown"], Object.assign({}, dropdownProps), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Dropdown"].Toggle, {
+    id: props.id,
+    variant: 'link',
+    className: getToggleButtonClass()
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "border border-secondary rounded bg-white ".concat(_colour_picker_scss__WEBPACK_IMPORTED_MODULE_7___default.a.colourButton)
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "px-0 py-1 rounded ".concat(Object(apps_classrooms_utils_GroupHelper__WEBPACK_IMPORTED_MODULE_6__["mapColourToClassName"])(props.selection))
+  }, "\xA0")), !props.disabled && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_3__["SvgContainer"], {
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_4__["cvSvgLibrary"].Caret
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Dropdown"].Menu, null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("ul", {
+    className: "".concat(_colour_picker_scss__WEBPACK_IMPORTED_MODULE_7___default.a.colourList, " list-unstyled d-flex flex-wrap px-2 m-0")
+  }, Object.keys(apps_classrooms_enums_GroupColour__WEBPACK_IMPORTED_MODULE_5__["GroupColour"]).map(function (colourKey) {
+    var colour = apps_classrooms_enums_GroupColour__WEBPACK_IMPORTED_MODULE_5__["GroupColour"][colourKey];
+    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("li", {
+      key: "".concat(props.id, ":").concat(colour),
+      className: 'm-1'
+    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_2__["DivButton"], {
+      onClick: function onClick() {
+        return props.onSelect(colour);
+      },
+      className: getOptionClass(colour)
+    }, colour === apps_classrooms_enums_GroupColour__WEBPACK_IMPORTED_MODULE_5__["GroupColour"].White ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+      className: _colour_picker_scss__WEBPACK_IMPORTED_MODULE_7___default.a.lineThrough
+    }) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, "\xA0")));
+  }))));
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/colour-picker/colour-picker.scss":
+/*!*************************************************************************!*\
+  !*** ./src/apps/classrooms/components/colour-picker/colour-picker.scss ***!
+  \*************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"dropdownToggle":"cv--dropdownToggle--347DY","colourButton":"cv--colourButton--1rKvE","colourList":"cv--colourList--328-w","colourOption":"cv--colourOption--1Tw7u","lineThrough":"cv--lineThrough--18oZq"};
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/manage-classroom-group-item/ManageClassroomGroupItem.tsx":
+/*!*************************************************************************************************!*\
+  !*** ./src/apps/classrooms/components/manage-classroom-group-item/ManageClassroomGroupItem.tsx ***!
+  \*************************************************************************************************/
+/*! exports provided: ManageClassroomGroupItem */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ManageClassroomGroupItem", function() { return ManageClassroomGroupItem; });
+/* 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_backbone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* 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 shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* 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 _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");
+
+
+
+
+
+
+
+
+
+
+function ManageClassroomGroupItem(props) {
+  function onClickEdit() {
+    _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_8__["AnalyticsHelper"].logUserAction({
+      id: props.group.id
+    }, {
+      entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_9__["EntityType"].ClassroomGroup,
+      workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_9__["WorkflowPhase"].Start,
+      actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_9__["UserAction"].Edit,
+      location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_9__["LocationContext"].ManageClassroomGroupListItem
+    });
+    _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].AppLinkHelper.trigger({
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_5__["AppChannels"].CLASSROOMS,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_6__["Actions"].Classrooms.EDIT_GROUP,
+      args: [props.classroom.id, props.group.id]
+    });
+  }
+
+  function onClickDelete() {
+    _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_8__["AnalyticsHelper"].logUserAction({
+      id: props.group.id
+    }, {
+      entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_9__["EntityType"].ClassroomGroup,
+      workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_9__["WorkflowPhase"].Start,
+      actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_9__["UserAction"].Delete,
+      location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_9__["LocationContext"].ManageClassroomGroupListItem
+    });
+    _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].AppLinkHelper.trigger({
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_5__["AppChannels"].CLASSROOMS,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_6__["Actions"].Classrooms.DELETE_GROUP,
+      args: [props.classroom.id, props.group.id]
+    });
+  }
+
+  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", {
+    className: 'd-flex align-items-center'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
+    className: 'w-50 m-0'
+  }, props.group.name), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-inline-block mr-4'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_colour_picker_ColourPicker__WEBPACK_IMPORTED_MODULE_7__["ColourPicker"], {
+    selection: props.group.colour,
+    id: "".concat(props.group.id, "-classroom-group-list-item"),
+    disabled: true
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_2__["DivButton"], {
+    className: 'mr-2',
+    onClick: onClickEdit
+  }, 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"].Edit
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_2__["DivButton"], {
+    onClick: onClickDelete
+  }, 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"].Delete
+  }))));
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/manage-classroom-groups/ManageClassroomGroups.tsx":
+/*!******************************************************************************************!*\
+  !*** ./src/apps/classrooms/components/manage-classroom-groups/ManageClassroomGroups.tsx ***!
+  \******************************************************************************************/
+/*! exports provided: ManageClassroomGroups */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ManageClassroomGroups", function() { return ManageClassroomGroups; });
+/* 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_text_Text__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/icon-button/IconButton */ "../../libs/shared/src/components/icon-button/IconButton.tsx");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var apps_classrooms_components_manage_classroom_group_item_ManageClassroomGroupItem__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! apps/classrooms/components/manage-classroom-group-item/ManageClassroomGroupItem */ "./src/apps/classrooms/components/manage-classroom-group-item/ManageClassroomGroupItem.tsx");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+
+
+
+
+
+
+
+
+
+var namespace = 'classrooms.manageClassroomGroups';
+
+var getCreateGroupAppLink = function getCreateGroupAppLink(id) {
+  return {
+    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_5__["AppChannels"].CLASSROOMS,
+    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_4__["Actions"].Classrooms.NEW_GROUP,
+    args: [id]
+  };
+};
+
+function ManageClassroomGroups(props) {
+  function onClickCreateGroup() {
+    _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_7__["AnalyticsHelper"].logUserAction({
+      classroomId: props.classroom.id
+    }, {
+      workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_8__["WorkflowPhase"].Start,
+      entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_8__["EntityType"].ClassroomGroup,
+      actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_8__["UserAction"].Create,
+      location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_8__["LocationContext"].ManageClassroomGroups
+    });
+  }
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["LanguageNamespaceContext"].Provider, {
+    value: namespace
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'px-4 py-2'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'd-flex align-items-center'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h2", {
+    className: 'h6 w-50'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    phrase: 'groupName'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h2", {
+    className: 'h6 w-25'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    phrase: 'colour'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_3__["IconButton"], {
+    appLink: getCreateGroupAppLink(props.classroom.id),
+    onClick: onClickCreateGroup,
+    className: 'btn btn-outline-dark ml-auto',
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].Plus
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    phrase: 'createNew'
+  }))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("ul", {
+    className: 'list-unstyled'
+  }, props.classroom.groups.map(function (group) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
+      key: group.id,
+      className: 'mb-2'
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_classrooms_components_manage_classroom_group_item_ManageClassroomGroupItem__WEBPACK_IMPORTED_MODULE_6__["ManageClassroomGroupItem"], {
+      classroom: props.classroom,
+      group: group
+    }));
+  }))));
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/manage-classroom-groups/partial-loading/PartialManageClassroomGroups.tsx":
+/*!*****************************************************************************************************************!*\
+  !*** ./src/apps/classrooms/components/manage-classroom-groups/partial-loading/PartialManageClassroomGroups.tsx ***!
+  \*****************************************************************************************************************/
+/*! exports provided: PartialManageClassroomGroups */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialManageClassroomGroups", function() { return PartialManageClassroomGroups; });
+/* 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 shared_components_pill_tab_selector_partial_loading_PartialPillTabSelector__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! shared/components/pill-tab-selector/partial-loading/PartialPillTabSelector */ "./src/shared/components/pill-tab-selector/partial-loading/PartialPillTabSelector.tsx");
+/* harmony import */ var _partial_manage_classrooms_groups_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./partial-manage-classrooms-groups.scss */ "./src/apps/classrooms/components/manage-classroom-groups/partial-loading/partial-manage-classrooms-groups.scss");
+/* harmony import */ var _partial_manage_classrooms_groups_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_partial_manage_classrooms_groups_scss__WEBPACK_IMPORTED_MODULE_2__);
+
+
+
+function PartialManageClassroomGroups() {
+  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", {
+    className: "mb-3 ml-4 partial-loading-background ".concat(_partial_manage_classrooms_groups_scss__WEBPACK_IMPORTED_MODULE_2___default.a.overviewLink)
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'pl-4 pb-2'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_components_pill_tab_selector_partial_loading_PartialPillTabSelector__WEBPACK_IMPORTED_MODULE_1__["PartialPillTabSelector"], null)), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'px-4 py-2'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-flex align-items-center'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'w-50 mb-2'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "partial-loading-background ".concat(_partial_manage_classrooms_groups_scss__WEBPACK_IMPORTED_MODULE_2___default.a.nameHeading)
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'w-25 mb-2'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "partial-loading-background ".concat(_partial_manage_classrooms_groups_scss__WEBPACK_IMPORTED_MODULE_2___default.a.colourHeading)
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "partial-loading-background ml-auto ".concat(_partial_manage_classrooms_groups_scss__WEBPACK_IMPORTED_MODULE_2___default.a.newGroup)
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("ul", {
+    className: 'list-unstyled'
+  }, Array(8).fill(null).map(function (group, i) {
+    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("li", {
+      key: i,
+      className: 'mb-2'
+    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+      className: '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("div", {
+      className: "partial-loading-background ".concat(_partial_manage_classrooms_groups_scss__WEBPACK_IMPORTED_MODULE_2___default.a.group)
+    })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+      className: 'd-inline-block mr-4'
+    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+      className: "partial-loading-background ".concat(_partial_manage_classrooms_groups_scss__WEBPACK_IMPORTED_MODULE_2___default.a.colourPicker)
+    })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+      className: "partial-loading-background mr-2 ".concat(_partial_manage_classrooms_groups_scss__WEBPACK_IMPORTED_MODULE_2___default.a.actionIcon)
+    }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+      className: "partial-loading-background ".concat(_partial_manage_classrooms_groups_scss__WEBPACK_IMPORTED_MODULE_2___default.a.actionIcon)
+    })));
+  }))));
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/manage-classroom-groups/partial-loading/partial-manage-classrooms-groups.scss":
+/*!**********************************************************************************************************************!*\
+  !*** ./src/apps/classrooms/components/manage-classroom-groups/partial-loading/partial-manage-classrooms-groups.scss ***!
+  \**********************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"overviewLink":"cv--overviewLink--3Wfw9","nameHeading":"cv--nameHeading--1TlYf","colourHeading":"cv--colourHeading--3_Tfc","newGroup":"cv--newGroup--3oBoz","group":"cv--group--3aWN8","colourPicker":"cv--colourPicker--2NcjR","actionIcon":"cv--actionIcon--3bhju"};
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/manage-classroom-student-item/ManageClassroomStudentItem.tsx":
+/*!*****************************************************************************************************!*\
+  !*** ./src/apps/classrooms/components/manage-classroom-student-item/ManageClassroomStudentItem.tsx ***!
+  \*****************************************************************************************************/
+/*! exports provided: ManageClassroomStudentItem */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ManageClassroomStudentItem", function() { return ManageClassroomStudentItem; });
+/* 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_forms_form_checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-checkbox/Checkbox */ "../../libs/shared/src/components/forms/form-checkbox/Checkbox.tsx");
+/* harmony import */ var _libs_shared_src_components_actions_Actions__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/actions/Actions */ "../../libs/shared/src/components/actions/Actions.tsx");
+/* harmony import */ var _libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var apps_classrooms_components_classroom_group_dropdown_ClassroomGroupDropdown__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! apps/classrooms/components/classroom-group-dropdown/ClassroomGroupDropdown */ "./src/apps/classrooms/components/classroom-group-dropdown/ClassroomGroupDropdown.tsx");
+/* harmony import */ var apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! apps/classrooms/flight-requests/ClassroomRequests */ "./src/apps/classrooms/flight-requests/ClassroomRequests.ts");
+/* harmony import */ var apps_classrooms_components_classroom_group_ClassroomGroup__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! apps/classrooms/components/classroom-group/ClassroomGroup */ "./src/apps/classrooms/components/classroom-group/ClassroomGroup.tsx");
+/* harmony import */ var apps_user_manager_flight_requests_SchoolUserRequests__WEBPACK_IMPORTED_MODULE_12__ = __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_13__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var namespace = 'classrooms.manageClassroomStudentItem';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace(namespace);
+
+var getEditStudentAppLink = function getEditStudentAppLink(id) {
+  return {
+    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_7__["AppChannels"].USER_MANAGER,
+    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_8__["Actions"].UserManager.EDIT_STUDENT,
+    args: [id]
+  };
+};
+
+var getRemoveStudentsAppLink = function getRemoveStudentsAppLink(studentId, classroomId) {
+  return {
+    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_7__["AppChannels"].CLASSROOMS,
+    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_8__["Actions"].Classrooms.REMOVE_STUDENTS,
+    args: [classroomId],
+    params: {
+      studentIds: [studentId]
+    }
+  };
+};
+
+function ManageClassroomStudentItem(props) {
+  var _a;
+
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_6__["useAlerts"])();
+  var selectedGroups = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(apps_user_manager_flight_requests_SchoolUserRequests__WEBPACK_IMPORTED_MODULE_12__["SchoolUserRequests"].getStudentsGroups(props.student.id));
+
+  function onToggleGroup(student, group, toggleOn) {
+    if (toggleOn) {
+      _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_10__["ClassroomRequests"].addStudentsToGroup([student.id], group.id, function () {
+        _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_13__["AnalyticsHelper"].logUserAction({
+          id: group.id,
+          studentCount: 1
+        }, {
+          actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["UserAction"].Associate,
+          entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["EntityType"].ClassroomGroup,
+          descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["AssocDescriptor"].User,
+          workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["WorkflowPhase"].Complete,
+          location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["LocationContext"].ManageClassroomStudentListItem
+        });
+        alerts.success(getPhrase('addSuccess', {
+          studentName: student.name,
+          groupName: group.name
+        }));
+      }, function () {
+        alerts.error(getPhrase('addError', {
+          studentName: student.name,
+          groupName: group.name
+        }));
+      }));
+      return;
+    }
+
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_10__["ClassroomRequests"].removeStudentsFromGroup([student.id], group.id, function () {
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_13__["AnalyticsHelper"].logUserAction({
+        id: group.id,
+        studentCount: 1
+      }, {
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["UserAction"].Dissociate,
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["EntityType"].ClassroomGroup,
+        descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["AssocDescriptor"].User,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["WorkflowPhase"].Complete,
+        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["LocationContext"].ManageClassroomStudentListItem
+      });
+      alerts.success(getPhrase('removeSuccess', {
+        studentName: student.name,
+        groupName: group.name
+      }));
+    }, function () {
+      alerts.error(getPhrase('removeError', {
+        studentName: student.name,
+        groupName: group.name
+      }));
+    }));
+  }
+
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-flex align-items-center py-1 px-4'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_forms_form_checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_4__["Checkbox"], {
+    id: props.student.id,
+    checked: props.checked,
+    onChange: props.onToggleCheckbox,
+    className: 'mr-2'
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
+    className: 'mb-0 w-25 text-truncate text-nowrap'
+  }, props.student.name, " ", props.student.surname), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'mr-auto d-flex flex-wrap mt-n1'
+  }, !!((_a = selectedGroups.data) === null || _a === void 0 ? void 0 : _a.length) && selectedGroups.data.map(function (group) {
+    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+      key: group.id,
+      className: 'mr-1 mt-1'
+    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_classroom_group_ClassroomGroup__WEBPACK_IMPORTED_MODULE_11__["ClassroomGroup"], {
+      group: group
+    }));
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_classroom_group_dropdown_ClassroomGroupDropdown__WEBPACK_IMPORTED_MODULE_9__["ClassroomGroupDropdown"], {
+    id: "add-group-".concat(props.student.id),
+    classroom: props.classroom,
+    groups: props.classroom.groups,
+    studentIds: [props.student.id],
+    preselections: selectedGroups.data,
+    onToggle: function onToggle(group, toggleOn) {
+      return onToggleGroup(props.student, group, toggleOn);
+    },
+    analyticsOptions: {
+      location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["LocationContext"].ManageClassroomStudentListItem
+    },
+    alignRight: true
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_actions_Actions__WEBPACK_IMPORTED_MODULE_5__["Actions"], {
+    actions: [{
+      label: getPhrase('editStudent'),
+      appLink: getEditStudentAppLink(props.student.id),
+      onClick: function onClick() {
+        _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_13__["AnalyticsHelper"].logUserAction({
+          id: props.student.id
+        }, {
+          actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["UserAction"].Edit,
+          entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["EntityType"].User,
+          workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["WorkflowPhase"].Start,
+          location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["LocationContext"].ManageClassroomStudentListItem
+        });
+      }
+    }, {
+      label: getPhrase('removeStudent'),
+      appLink: getRemoveStudentsAppLink(props.student.id, props.classroom.id),
+      onClick: function onClick() {
+        _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_13__["AnalyticsHelper"].logUserAction({
+          id: props.classroom.id,
+          userId: props.student.id
+        }, {
+          actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["UserAction"].Dissociate,
+          entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["EntityType"].Classroom,
+          descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["AssocDescriptor"].User,
+          workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["WorkflowPhase"].Start,
+          location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["LocationContext"].ManageClassroomStudentListItem
+        });
+      }
+    }],
+    actionsDropdownClassName: 'btn'
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/manage-classroom-students/ManageClassroomStudents.tsx":
+/*!**********************************************************************************************!*\
+  !*** ./src/apps/classrooms/components/manage-classroom-students/ManageClassroomStudents.tsx ***!
+  \**********************************************************************************************/
+/*! exports provided: ManageClassroomStudents */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ManageClassroomStudents", function() { return ManageClassroomStudents; });
+/* 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__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* 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_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var _libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/div-button/DivButton */ "../../libs/shared/src/components/div-button/DivButton.tsx");
+/* harmony import */ var _libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/icon-button/IconButton */ "../../libs/shared/src/components/icon-button/IconButton.tsx");
+/* harmony import */ var _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_11__ = __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_12__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _libs_shared_src_components_forms_form_checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-checkbox/Checkbox */ "../../libs/shared/src/components/forms/form-checkbox/Checkbox.tsx");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var shared_hooks_useBulkCheckboxManager__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! shared/hooks/useBulkCheckboxManager */ "./src/shared/hooks/useBulkCheckboxManager.tsx");
+/* harmony import */ var apps_classrooms_components_manage_classroom_student_item_ManageClassroomStudentItem__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! apps/classrooms/components/manage-classroom-student-item/ManageClassroomStudentItem */ "./src/apps/classrooms/components/manage-classroom-student-item/ManageClassroomStudentItem.tsx");
+/* harmony import */ var apps_classrooms_components_classroom_group_dropdown_ClassroomGroupDropdown__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! apps/classrooms/components/classroom-group-dropdown/ClassroomGroupDropdown */ "./src/apps/classrooms/components/classroom-group-dropdown/ClassroomGroupDropdown.tsx");
+/* harmony import */ var apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! apps/classrooms/flight-requests/ClassroomRequests */ "./src/apps/classrooms/flight-requests/ClassroomRequests.ts");
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var namespace = 'classrooms.manageClassroomStudents';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_4__["LanguageService"].encloseNamespace(namespace);
+function ManageClassroomStudents(props) {
+  var students = props.classroom.students;
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_7__["useAlerts"])();
+
+  var _useBulkCheckboxManag = Object(shared_hooks_useBulkCheckboxManager__WEBPACK_IMPORTED_MODULE_16__["useBulkCheckboxManager"])(students),
+      onToggleBulk = _useBulkCheckboxManag.onToggleBulk,
+      onToggleItem = _useBulkCheckboxManag.onToggleItem,
+      getSelected = _useBulkCheckboxManag.getSelected,
+      isChecked = _useBulkCheckboxManag.isChecked,
+      bulkChecked = _useBulkCheckboxManag.bulkChecked;
+
+  var selectionCount = getSelected().length;
+  var bulkPreselections = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_19__["ClassroomRequests"].getGroupsWithAllStudents(students));
+
+  function onClickAddStudents() {
+    _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_5__["AnalyticsHelper"].logUserAction({
+      id: props.classroom.id
+    }, {
+      entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["EntityType"].Classroom,
+      descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["AssocDescriptor"].User,
+      workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["WorkflowPhase"].Start,
+      actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["UserAction"].Associate,
+      location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["LocationContext"].ManageClassroomStudents
+    });
+    _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].AppLinkHelper.trigger({
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_14__["AppChannels"].CLASSROOMS,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_15__["Actions"].Classrooms.ADD_STUDENTS,
+      args: [props.classroom.id]
+    });
+  }
+
+  function onClickBulkRemoveStudents() {
+    if (!selectionCount) return;
+    _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_5__["AnalyticsHelper"].logUserAction({
+      id: props.classroom.id
+    }, {
+      entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["EntityType"].Classroom,
+      descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["AssocDescriptor"].User,
+      workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["WorkflowPhase"].Start,
+      actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["UserAction"].Dissociate,
+      location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["LocationContext"].ManageClassroomStudents
+    });
+    _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].AppLinkHelper.trigger({
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_14__["AppChannels"].CLASSROOMS,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_15__["Actions"].Classrooms.REMOVE_STUDENTS,
+      args: [props.classroom.id],
+      params: {
+        studentIds: getSelected()
+      }
+    });
+  }
+
+  function onBulkToggleGroup(group, toggleOn) {
+    var selectedStudentIds = getSelected();
+
+    if (toggleOn) {
+      _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_19__["ClassroomRequests"].addStudentsToGroup(selectedStudentIds, group.id, function () {
+        _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_5__["AnalyticsHelper"].logUserAction({
+          id: group.id,
+          studentCount: selectedStudentIds.length
+        }, {
+          actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["UserAction"].Associate,
+          entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["EntityType"].ClassroomGroup,
+          descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["AssocDescriptor"].User,
+          workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["WorkflowPhase"].Complete,
+          location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["LocationContext"].ManageClassroomStudents
+        });
+        alerts.success(getPhrase('addSuccess', {
+          groupName: group.name
+        }));
+      }, function () {
+        alerts.error(getPhrase('addError', {
+          groupName: group.name
+        }));
+      }));
+    } else {
+      _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_19__["ClassroomRequests"].removeStudentsFromGroup(selectedStudentIds, group.id, function () {
+        _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_5__["AnalyticsHelper"].logUserAction({
+          id: group.id,
+          studentCount: selectedStudentIds.length
+        }, {
+          actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["UserAction"].Dissociate,
+          entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["EntityType"].ClassroomGroup,
+          descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["AssocDescriptor"].User,
+          workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["WorkflowPhase"].Complete,
+          location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["LocationContext"].ManageClassroomStudents
+        });
+        alerts.success(getPhrase('removeSuccess', {
+          groupName: group.name
+        }));
+      }, function () {
+        alerts.error(getPhrase('removeError', {
+          groupName: group.name
+        }));
+      }));
+    }
+  }
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'd-flex align-items-center py-2 px-4'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_forms_form_checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_13__["Checkbox"], {
+    id: 'manage-classroom-students-bulk',
+    onChange: onToggleBulk,
+    checked: bulkChecked,
+    className: 'mr-4'
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_classrooms_components_classroom_group_dropdown_ClassroomGroupDropdown__WEBPACK_IMPORTED_MODULE_18__["ClassroomGroupDropdown"], {
+    id: 'bulk-add-group',
+    classroom: props.classroom,
+    studentIds: getSelected(),
+    groups: props.classroom.groups,
+    onToggle: onBulkToggleGroup,
+    disabled: !selectionCount,
+    preselections: bulkPreselections.data,
+    analyticsOptions: {
+      location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["LocationContext"].ManageClassroomStudents
+    }
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_9__["DivButton"], {
+    className: "mr-auto ".concat(!selectionCount ? 'text-light cursor-default' : ''),
+    onClick: onClickBulkRemoveStudents
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_11__["SvgContainer"], {
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_12__["cvSvgLibrary"].Delete
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_10__["IconButton"], {
+    onClick: onClickAddStudents,
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_12__["cvSvgLibrary"].Plus,
+    className: 'btn btn-outline-dark'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_8__["Text"], {
+    namespace: namespace,
+    phrase: 'addStudent'
+  }))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("ul", {
+    className: 'striped-list list-unstyled'
+  }, students.map(function (student) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
+      key: student.id
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_classrooms_components_manage_classroom_student_item_ManageClassroomStudentItem__WEBPACK_IMPORTED_MODULE_17__["ManageClassroomStudentItem"], {
+      classroom: props.classroom,
+      student: student,
+      checked: isChecked(student.id),
+      onToggleCheckbox: function onToggleCheckbox() {
+        return onToggleItem(student.id);
+      }
+    }));
+  })));
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/manage-classroom-students/empty-state/ManageClassroomStudentsEmptyState.tsx":
+/*!********************************************************************************************************************!*\
+  !*** ./src/apps/classrooms/components/manage-classroom-students/empty-state/ManageClassroomStudentsEmptyState.tsx ***!
+  \********************************************************************************************************************/
+/*! exports provided: ManageClassroomStudentsEmptyState */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ManageClassroomStudentsEmptyState", function() { return ManageClassroomStudentsEmptyState; });
+/* 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_backbone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/components/icon-button/IconButton */ "../../libs/shared/src/components/icon-button/IconButton.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 shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var shared_components_video_info_button_VideoInfoButton__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! shared/components/video-info-button/VideoInfoButton */ "./src/shared/components/video-info-button/VideoInfoButton.tsx");
+
+
+
+
+
+
+
+
+var namespace = 'classrooms.manageClassroomStudentsEmptyState';
+function ManageClassroomStudentsEmptyState(props) {
+  function onClickAddStudents() {
+    _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].AppLinkHelper.trigger({
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_5__["AppChannels"].CLASSROOMS,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_6__["Actions"].Classrooms.ADD_STUDENTS,
+      args: [props.classroom.id]
+    });
+  }
+
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_2__["LanguageNamespaceContext"].Provider, {
+    value: namespace
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'text-center pt-5'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("img", {
+    style: {
+      width: '200px',
+      height: '200px'
+    },
+    className: 'pb-3',
+    src: '/images/classroom-students-empty.png',
+    role: 'presentation',
+    alt: ''
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h2", {
+    className: 'h6'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_2__["Text"], {
+    phrase: 'emptyStateHeading'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
+    className: 'mb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_2__["Text"], {
+    phrase: 'emptyStateInfo'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_components_video_info_button_VideoInfoButton__WEBPACK_IMPORTED_MODULE_7__["VideoInfoButton"], null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_2__["Text"], {
+    phrase: 'videoButton'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_3__["IconButton"], {
+    className: 'btn btn-dark',
+    onClick: onClickAddStudents,
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_4__["cvSvgLibrary"].Plus
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_2__["Text"], {
+    phrase: 'addStudents'
+  }))));
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/manage-classroom-students/partial-loading/PartialManageClassroomStudents.tsx":
+/*!*********************************************************************************************************************!*\
+  !*** ./src/apps/classrooms/components/manage-classroom-students/partial-loading/PartialManageClassroomStudents.tsx ***!
+  \*********************************************************************************************************************/
+/*! exports provided: PartialManageClassroomStudents */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialManageClassroomStudents", function() { return PartialManageClassroomStudents; });
+/* 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 shared_components_pill_tab_selector_partial_loading_PartialPillTabSelector__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! shared/components/pill-tab-selector/partial-loading/PartialPillTabSelector */ "./src/shared/components/pill-tab-selector/partial-loading/PartialPillTabSelector.tsx");
+/* harmony import */ var _partial_manage_classroom_students_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./partial-manage-classroom-students.scss */ "./src/apps/classrooms/components/manage-classroom-students/partial-loading/partial-manage-classroom-students.scss");
+/* harmony import */ var _partial_manage_classroom_students_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_partial_manage_classroom_students_scss__WEBPACK_IMPORTED_MODULE_2__);
+
+
+
+function PartialManageClassroomStudents() {
+  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", {
+    className: "mb-3 ml-4 partial-loading-background ".concat(_partial_manage_classroom_students_scss__WEBPACK_IMPORTED_MODULE_2___default.a.overviewLink)
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'pl-4 pb-2'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_components_pill_tab_selector_partial_loading_PartialPillTabSelector__WEBPACK_IMPORTED_MODULE_1__["PartialPillTabSelector"], null)), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-flex align-items-center py-2 px-4'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "mr-4 partial-loading-background ".concat(_partial_manage_classroom_students_scss__WEBPACK_IMPORTED_MODULE_2___default.a.checkbox)
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "mr-2 partial-loading-background ".concat(_partial_manage_classroom_students_scss__WEBPACK_IMPORTED_MODULE_2___default.a.actionIcon)
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "mr-auto partial-loading-background ".concat(_partial_manage_classroom_students_scss__WEBPACK_IMPORTED_MODULE_2___default.a.actionIcon)
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "partial-loading-background ".concat(_partial_manage_classroom_students_scss__WEBPACK_IMPORTED_MODULE_2___default.a.addStudents)
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("ul", {
+    className: 'striped-list list-unstyled'
+  }, Array(20).fill(null).map(function (student, i) {
+    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("li", {
+      key: i
+    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+      className: 'd-flex align-items-center py-1 px-4'
+    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+      className: "mr-2 partial-loading-background ".concat(_partial_manage_classroom_students_scss__WEBPACK_IMPORTED_MODULE_2___default.a.checkbox)
+    }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+      className: 'w-25'
+    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+      className: "partial-loading-background ".concat(_partial_manage_classroom_students_scss__WEBPACK_IMPORTED_MODULE_2___default.a.studentName)
+    })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+      className: 'mr-auto d-flex'
+    }, Math.random() > 0.5 ? 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: "partial-loading-background rounded-pill mr-1 ".concat(_partial_manage_classroom_students_scss__WEBPACK_IMPORTED_MODULE_2___default.a.group, " ").concat(_partial_manage_classroom_students_scss__WEBPACK_IMPORTED_MODULE_2___default.a.lg)
+    }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+      className: "partial-loading-background rounded-pill ".concat(_partial_manage_classroom_students_scss__WEBPACK_IMPORTED_MODULE_2___default.a.group, " ").concat(_partial_manage_classroom_students_scss__WEBPACK_IMPORTED_MODULE_2___default.a.sm)
+    })) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+      className: "partial-loading-background rounded-pill ".concat(_partial_manage_classroom_students_scss__WEBPACK_IMPORTED_MODULE_2___default.a.group, " ").concat(_partial_manage_classroom_students_scss__WEBPACK_IMPORTED_MODULE_2___default.a.sm)
+    })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+      className: "mr-2 partial-loading-background ".concat(_partial_manage_classroom_students_scss__WEBPACK_IMPORTED_MODULE_2___default.a.actionIcon)
+    }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+      className: "partial-loading-background ".concat(_partial_manage_classroom_students_scss__WEBPACK_IMPORTED_MODULE_2___default.a.moreActions)
+    })));
+  })));
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/manage-classroom-students/partial-loading/partial-manage-classroom-students.scss":
+/*!*************************************************************************************************************************!*\
+  !*** ./src/apps/classrooms/components/manage-classroom-students/partial-loading/partial-manage-classroom-students.scss ***!
+  \*************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"overviewLink":"cv--overviewLink--3Ubus","checkbox":"cv--checkbox--11WXC","actionIcon":"cv--actionIcon--1K3UF","addStudents":"cv--addStudents--1sqTe","studentName":"cv--studentName--3cfGe","group":"cv--group--2HHY1","sm":"cv--sm--3_EMi","lg":"cv--lg--3L-SN","moreActions":"cv--moreActions--9PVrB"};
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/enums/GroupColour.ts":
+/*!**************************************************!*\
+  !*** ./src/apps/classrooms/enums/GroupColour.ts ***!
+  \**************************************************/
+/*! exports provided: GroupColour */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "GroupColour", function() { return GroupColour; });
+var GroupColour;
+
+(function (GroupColour) {
+  GroupColour["White"] = "white";
+  GroupColour["Pink"] = "pink";
+  GroupColour["YellowOrange"] = "yellow-orange";
+  GroupColour["Emerald"] = "emerald";
+  GroupColour["PuertoRico"] = "puerto-rico";
+  GroupColour["PictonBlue"] = "picton-blue";
+  GroupColour["EastSide"] = "east-side";
+  GroupColour["Portage"] = "portage";
+})(GroupColour || (GroupColour = {}));
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/utils/GroupHelper.ts":
+/*!**************************************************!*\
+  !*** ./src/apps/classrooms/utils/GroupHelper.ts ***!
+  \**************************************************/
+/*! exports provided: mapColourToClassName */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "mapColourToClassName", function() { return mapColourToClassName; });
+function mapColourToClassName(groupName) {
+  return "bg-".concat(groupName);
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/views/manage-classroom/ManageClassroomView.tsx":
+/*!****************************************************************************!*\
+  !*** ./src/apps/classrooms/views/manage-classroom/ManageClassroomView.tsx ***!
+  \****************************************************************************/
+/*! exports provided: ManageClassroomView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ManageClassroomView", function() { return ManageClassroomView; });
+/* 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_text_Text__WEBPACK_IMPORTED_MODULE_1__ = __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_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.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_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var shared_components_pill_tab_selector_PillTabSelector__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! shared/components/pill-tab-selector/PillTabSelector */ "./src/shared/components/pill-tab-selector/PillTabSelector.tsx");
+/* harmony import */ var apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! apps/classrooms/flight-requests/ClassroomRequests */ "./src/apps/classrooms/flight-requests/ClassroomRequests.ts");
+/* harmony import */ var apps_classrooms_components_manage_classroom_students_ManageClassroomStudents__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! apps/classrooms/components/manage-classroom-students/ManageClassroomStudents */ "./src/apps/classrooms/components/manage-classroom-students/ManageClassroomStudents.tsx");
+/* harmony import */ var apps_classrooms_components_manage_classroom_groups_ManageClassroomGroups__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! apps/classrooms/components/manage-classroom-groups/ManageClassroomGroups */ "./src/apps/classrooms/components/manage-classroom-groups/ManageClassroomGroups.tsx");
+/* harmony import */ var apps_classrooms_components_manage_classroom_students_empty_state_ManageClassroomStudentsEmptyState__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! apps/classrooms/components/manage-classroom-students/empty-state/ManageClassroomStudentsEmptyState */ "./src/apps/classrooms/components/manage-classroom-students/empty-state/ManageClassroomStudentsEmptyState.tsx");
+/* harmony import */ var apps_classrooms_components_manage_classroom_students_partial_loading_PartialManageClassroomStudents__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! apps/classrooms/components/manage-classroom-students/partial-loading/PartialManageClassroomStudents */ "./src/apps/classrooms/components/manage-classroom-students/partial-loading/PartialManageClassroomStudents.tsx");
+/* harmony import */ var apps_classrooms_components_manage_classroom_groups_partial_loading_PartialManageClassroomGroups__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! apps/classrooms/components/manage-classroom-groups/partial-loading/PartialManageClassroomGroups */ "./src/apps/classrooms/components/manage-classroom-groups/partial-loading/PartialManageClassroomGroups.tsx");
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var namespace = 'classrooms.manageClassroom';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_4__["LanguageService"].encloseNamespace(namespace);
+
+var getClassroomAppLink = function getClassroomAppLink(id) {
+  return {
+    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_6__["AppChannels"].CLASSROOMS,
+    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_7__["Actions"].Classrooms.CLASSROOM,
+    args: [id]
+  };
+};
+
+ManageClassroomView.defaultProps = {
+  activeTab: 'students'
+};
+function ManageClassroomView(props) {
+  var classroom = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_9__["ClassroomRequests"].getClassroom(props.id));
+
+  function onSelectStudentsTab() {
+    _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_5__["Core"].AppLinkHelper.trigger({
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_6__["AppChannels"].CLASSROOMS,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_7__["Actions"].Classrooms.MANAGE_CLASSROOM,
+      args: [props.id],
+      params: {
+        tab: 'students'
+      }
+    });
+  }
+
+  function onSelectGroupsTab() {
+    _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_5__["Core"].AppLinkHelper.trigger({
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_6__["AppChannels"].CLASSROOMS,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_7__["Actions"].Classrooms.MANAGE_CLASSROOM,
+      args: [props.id],
+      params: {
+        tab: 'groups'
+      }
+    });
+  }
+
+  var tabs = [{
+    name: getPhrase('students'),
+    onSelect: onSelectStudentsTab,
+    active: props.activeTab === 'students'
+  }, {
+    name: getPhrase('groups'),
+    onSelect: onSelectGroupsTab,
+    active: props.activeTab === 'groups'
+  }];
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["LanguageNamespaceContext"].Provider, {
+    value: namespace
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h1", {
+    className: 'mb-1 pl-4'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    phrase: 'heading'
+  })), function () {
+    var _a;
+
+    if (!classroom.data) {
+      switch (props.activeTab) {
+        case 'students':
+          return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_manage_classroom_students_partial_loading_PartialManageClassroomStudents__WEBPACK_IMPORTED_MODULE_13__["PartialManageClassroomStudents"], null);
+
+        case 'groups':
+          return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_manage_classroom_groups_partial_loading_PartialManageClassroomGroups__WEBPACK_IMPORTED_MODULE_14__["PartialManageClassroomGroups"], null);
+      }
+    }
+
+    var ActiveTabComponent;
+    var hasStudents = !!((_a = classroom.data.students) === null || _a === void 0 ? void 0 : _a.length);
+
+    switch (props.activeTab) {
+      case 'students':
+        ActiveTabComponent = hasStudents ? apps_classrooms_components_manage_classroom_students_ManageClassroomStudents__WEBPACK_IMPORTED_MODULE_10__["ManageClassroomStudents"] : apps_classrooms_components_manage_classroom_students_empty_state_ManageClassroomStudentsEmptyState__WEBPACK_IMPORTED_MODULE_12__["ManageClassroomStudentsEmptyState"];
+        break;
+
+      case 'groups':
+        ActiveTabComponent = apps_classrooms_components_manage_classroom_groups_ManageClassroomGroups__WEBPACK_IMPORTED_MODULE_11__["ManageClassroomGroups"];
+    }
+
+    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("p", {
+      className: 'pb-3 pl-4 mb-0'
+    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+      phrase: 'goTo'
+    }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__["AppLink"], {
+      className: 'info-link',
+      appLink: getClassroomAppLink(props.id)
+    }, classroom.data.name)), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+      className: 'pl-4 pb-2'
+    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_components_pill_tab_selector_PillTabSelector__WEBPACK_IMPORTED_MODULE_8__["PillTabSelector"], {
+      tabs: tabs
+    })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(ActiveTabComponent, {
+      classroom: classroom.data
+    }));
+  }());
+}
+
+/***/ }),
+
+/***/ "./src/shared/components/pill-tab-selector/PillTabSelector.tsx":
+/*!*********************************************************************!*\
+  !*** ./src/shared/components/pill-tab-selector/PillTabSelector.tsx ***!
+  \*********************************************************************/
+/*! exports provided: PillTabSelector */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PillTabSelector", function() { return PillTabSelector; });
+/* 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_div_button_DivButton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/div-button/DivButton */ "../../libs/shared/src/components/div-button/DivButton.tsx");
+/* harmony import */ var _pill_tab_selector_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./pill-tab-selector.scss */ "./src/shared/components/pill-tab-selector/pill-tab-selector.scss");
+/* harmony import */ var _pill_tab_selector_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_pill_tab_selector_scss__WEBPACK_IMPORTED_MODULE_2__);
+
+
+
+function PillTabSelector(props) {
+  function onSelectTab(tab) {
+    if (tab.active) return;
+    tab.onSelect();
+  }
+
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("nav", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("ul", {
+    className: "list-unstyled d-inline-block border border-dark m-0 ".concat(_pill_tab_selector_scss__WEBPACK_IMPORTED_MODULE_2___default.a.pillTabSelector)
+  }, props.tabs.map(function (tab) {
+    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("li", {
+      className: "p-0 ".concat(tab.active ? 'btn btn-dark' : 'btn btn-outline-dark'),
+      key: tab.name
+    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_1__["DivButton"], {
+      className: 'cursor-pointer outline-none py-1',
+      onClick: function onClick() {
+        return onSelectTab(tab);
+      }
+    }, tab.name));
+  })));
+}
+
+/***/ }),
+
+/***/ "./src/shared/components/pill-tab-selector/partial-loading/PartialPillTabSelector.tsx":
+/*!********************************************************************************************!*\
+  !*** ./src/shared/components/pill-tab-selector/partial-loading/PartialPillTabSelector.tsx ***!
+  \********************************************************************************************/
+/*! exports provided: PartialPillTabSelector */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialPillTabSelector", function() { return PartialPillTabSelector; });
+/* 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 _pill_tab_selector_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../pill-tab-selector.scss */ "./src/shared/components/pill-tab-selector/pill-tab-selector.scss");
+/* harmony import */ var _pill_tab_selector_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_pill_tab_selector_scss__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _partial_pill_tab_selector_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./partial-pill-tab-selector.scss */ "./src/shared/components/pill-tab-selector/partial-loading/partial-pill-tab-selector.scss");
+/* harmony import */ var _partial_pill_tab_selector_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_partial_pill_tab_selector_scss__WEBPACK_IMPORTED_MODULE_2__);
+
+
+
+function PartialPillTabSelector() {
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "partial-loading-background ".concat(_pill_tab_selector_scss__WEBPACK_IMPORTED_MODULE_1___default.a.pillTabSelector, " ").concat(_partial_pill_tab_selector_scss__WEBPACK_IMPORTED_MODULE_2___default.a.partialSize)
+  });
+}
+
+/***/ }),
+
+/***/ "./src/shared/components/pill-tab-selector/partial-loading/partial-pill-tab-selector.scss":
+/*!************************************************************************************************!*\
+  !*** ./src/shared/components/pill-tab-selector/partial-loading/partial-pill-tab-selector.scss ***!
+  \************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"partialSize":"cv--partialSize--1HB_G"};
+
+/***/ }),
+
+/***/ "./src/shared/components/pill-tab-selector/pill-tab-selector.scss":
+/*!************************************************************************!*\
+  !*** ./src/shared/components/pill-tab-selector/pill-tab-selector.scss ***!
+  \************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"pillTabSelector":"cv--pillTabSelector--33p-_"};
+
+/***/ }),
+
+/***/ "./src/shared/components/video-info-button/VideoInfoButton.tsx":
+/*!*********************************************************************!*\
+  !*** ./src/shared/components/video-info-button/VideoInfoButton.tsx ***!
+  \*********************************************************************/
+/*! exports provided: VideoInfoButton */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VideoInfoButton", function() { return VideoInfoButton; });
+/* 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_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/icon-button/IconButton */ "../../libs/shared/src/components/icon-button/IconButton.tsx");
+/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+
+
+
+function VideoInfoButton(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_1__["IconButton"], {
+    className: 'btn btn-outline-info d-block mx-auto mb-3',
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].Video
+  }, props.children);
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=24.chunk.js.map