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

package/dist/scripts/5.chunk.js

@@ -1 +1,3262 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[5],{438:function(e,t,a){"use strict";a.d(t,"a",(function(){return s}));var n=a(15),r=a(25),i=function(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(a[n[r]]=e[n[r]])}return a};function l(e,t,a){return{url:"/api/domain/v2/objects/"+t,key:`favourite:video:${t}:${e}`,data:{favouriteVideos:e},type:n.a.PUT,invalidationKeys:["favourite:videos:"+t,"video:is:favourited:"+t],error:a}}function c(e,t,a){return{url:`/api/domain/v2/objects/${t}/favouriteVideos/${e}`,key:`favourite:video:${t}:${e}`,type:n.a.DELETE,invalidationKeys:["favourite:videos:"+t,"video:is:favourited:"+t],error:a}}const s={favouriteVideos:(e,t)=>({url:`/api/domain/v2/objects/${e}/favouriteVideos?query=${`${r.a.VIDEO_COLLECTION}${function(e){return e?"&cursor="+e:""}(t)}`}`,key:`favourite:videos:${e}${t?":"+t:""}`}),updateIsVideoFavourited:(e,t,a,n)=>(a?l:c)(e,t,n),isFavourited(e,t){const a=t.slice().sort();return{url:`/api/domain/v2/objects?query=favouritedBy{id:${e}}&${a.map(e=>"id="+e).join("&")}`,key:`video:is:favourited:${e}:by:id:${a.join(",")}`,formatData:e=>{var t;if(!(null===(t=e)||void 0===t?void 0:t.length))return e;return e.map(e=>{var t,a;const{favouritedBy:n}=e,r=i(e,["favouritedBy"]);return Object.assign(Object.assign({},r),{isFavourited:!!(null===(a=null===(t=n)||void 0===t?void 0:t.data)||void 0===a?void 0:a.length)})})}}}}},444:function(e,t,a){"use strict";a.d(t,"a",(function(){return s}));var n=a(0),r=a(5),i=a(33),l=a(32),c=a(9);function s({backToName:e,appLink:t,color:a}){const s=e?r.a.getPhrase("shared.backButton","backTo",{backToName:e}):r.a.getPhrase("shared.backButton","back"),o="black"===a?"":"text-light";return n.createElement(l.a,{appLink:t,className:"d-inline-flex align-items-center h5 mb-0 "+o},n.createElement(i.a,{svgName:c.b.ChevronLeft,size:i.b.Medium}),n.createElement("span",{className:"ml-1"},s))}s.defaultProps={color:"black"}},483:function(e,t,a){"use strict";a.d(t,"a",(function(){return l}));var n=a(64),r=a(3),i=a(10);function l(e,t){switch(t){case n.a.AddToPlaylist:return{application:r.a.PLAYLISTS,action:i.a.Playlists.ADD_TO_PLAYLIST,args:[e.id]};case n.a.Share:return{application:r.a.DEFAULT,action:i.a.Default.SHARE,args:[e.id],params:{entityType:"video"}}}}},550:function(e,t,a){"use strict";var n=a(0),r=a(31),i=a(44),l=a(444),c=a(436),s=a(123);function o(e){var t=e.video;return t.resources&&t.resources.data&&t.resources.data.length?n.createElement("div",{className:e.className},n.createElement("h2",{className:"h4"},"Resources"),t.resources.data.map((function(e,t){return n.createElement("div",{key:t},e.name)}))):n.createElement(n.Fragment,null)}var m=a(89),u=a.n(m),d=a(5),v=a(391),p=a(11),E=a(120),f=a(589),b=a.n(f);function g(e){var t=p.a.useBasicFetch(E.a.config),a=p.a.useBasicFetch({url:"/api/integrations/token/immersive-reader",key:"immersive:reader:token"});if(!t.data||!a.data)return n.createElement(n.Fragment,null);return e.title||(e.title=d.a.getPhrase("shared.immersiveReader","titleFallback")),n.createElement("div",{className:"".concat(b.a.button," ").concat(e.className||""),onClick:function(){var t={title:e.title,chunks:[{content:e.text}]},n=a.data,r=n.subdomain,i=n.token;v.launchAsync(i,r,t,{uiZIndex:5e3})}},n.createElement("svg",{viewBox:"0 0 40 37"},n.createElement("path",{d:"M37.4,0.9 L37.4,9.6 L35.4,9.6 L35.4,2.9 L24.4,2.9 C22.9,3.3 20,4.5 20,6 L20,17.2 L18,17.2 L18,6 C18,5 15.6,3.6 13.8,2.9 L2,2.9 L2,29 L12.4,29 L12.4,31 L0,31 L0,0.9 L14.1,0.9 L14.3,1 C15,1.2 17.5,2.2 18.9,3.7 C20.5,1.9 23.5,1.1 23.9,1 L24.1,1 L37.4,1 L37.4,0.9 Z",fill:"#000000"}),n.createElement("path",{d:"M27.4,37 L25.8,37 L18.4,29.4 L14,29.4 L14,21 L18.4,20.9 L26.1,13 L27.4,13 L27.4,37 Z M16,27.4 L19.2,27.4 L25.3,33.7 L25.3,16.6 L19.2,22.9 L15.9,22.9 L15.9,27.4 L16,27.4 Z",fill:"#0197F2"}),n.createElement("path",{d:"M31.3,32.7 L29.6,31.7 C29.6,31.7 31.7,28.3 31.7,25.2 C31.7,21.9 29.6,18.5 29.6,18.4 L31.3,17.4 C31.4,17.6 33.7,21.3 33.7,25.2 C33.7,28.8 31.4,32.6 31.3,32.7 Z",fill:"#0197F2"}),n.createElement("path",{d:"M36.4,36.2 L34.8,35 C34.8,35 38,30.8 38,25.2 C38,19.6 34.8,15.4 34.8,15.4 L36.4,14.2 C36.5,14.4 40,19 40,25.3 C40,31.5 36.5,36 36.4,36.2 Z",fill:"#0197F2"})))}var h=a(590),N=a.n(h);function y(e){var t=e.tags,a=e.className;return t&&t.data&&t.data.length?n.createElement("div",{className:a},n.createElement(i.b,{phrase:"tags"})," ",t.data.map((function(e,t){return n.createElement("span",{className:"badge mr-1 p-1 badge-light",key:t},e.name)}))):n.createElement(n.Fragment,null)}function L(e){var t=e.label,a=e.items,r=e.className;if(!(a&&a.data&&a.data.length))return n.createElement(n.Fragment,null);var i=a.data.map((function(e){return e.name})).join(", ");return n.createElement("div",{className:r},t,": ",i)}function k(e){var t=e.video,a=t.tags,r=t.rating,l=t.productionYear,c=t.productionCompanies,s=t.distributors,o=r&&r.code;return n.createElement(n.Fragment,null,n.createElement("h2",{className:"h4"},n.createElement(i.b,{phrase:"details"})),n.createElement("div",{className:"row no-gutters"},n.createElement("div",{className:"col-3"},o&&n.createElement("div",{className:"pb-2"},n.createElement(i.b,{phrase:"rating",options:{code:o}})),l&&n.createElement("div",{className:"pb-2"},n.createElement(i.b,{phrase:"productionYear",options:{year:l}}))),n.createElement("div",{className:"col-9"},n.createElement(L,{label:d.a.getPhrase("shared.videoDetails","productionCompanies"),items:c,className:"pb-2"}),n.createElement(L,{label:d.a.getPhrase("shared.videoDetails","distributors"),items:s,className:"pb-2"}),n.createElement(y,{tags:a,className:"pb-2"}))))}function w(e){var t=e.description,a=e.immersiveReaderTitle;return t?n.createElement(n.Fragment,null,n.createElement("h2",{className:"h4"},n.createElement(i.b,{phrase:"description"}),n.createElement(g,{text:t,title:a,className:"pl-2"})),n.createElement("p",null,t)):n.createElement(n.Fragment,null)}function x(e){var t=e.video;return n.createElement(i.a.Provider,{value:"shared.videoDetails"},n.createElement("div",{className:"rounded border px-3 mb-3"},n.createElement(u.a,{autoHeight:!0,autoHeightMax:368},n.createElement("div",{className:"py-3"},n.createElement(k,{video:t}),n.createElement(w,{description:t.description,immersiveReaderTitle:t.name}),n.createElement("span",{className:"".concat(N.a.showGlance," cursor-pointer"),onClick:e.onClickShowSynopsis,role:"button",tabIndex:0},n.createElement("strong",null,n.createElement(i.b,{namespace:"shared.videoDetails",phrase:"showGlance"})))))))}var F=a(9),C=a(33),P=a(111),O=a(591),D=a.n(O);function T(e){var t=e.interactive,a=function(e){var t=e.owner;return t&&t.name&&t.surname?t.name.substring(0,1)+". "+t.surname:""}(t),r=function(e){var t,a,n,r,i;return null===(i=null===(r=null===(n=null===(a=null===(t=e.owner)||void 0===t?void 0:t.customers)||void 0===a?void 0:a.data)||void 0===n?void 0:n[0])||void 0===r?void 0:r.organisation)||void 0===i?void 0:i.name}(t);return n.createElement("div",{className:"border rounded w-33 py-3 px-1 d-flex align-items-center mr-3"},n.createElement("div",{className:"d-flex align-items-center w-100"},n.createElement(C.a,{className:"svg-container",svgName:F.b.Play,size:C.b.ExtraLarge}),n.createElement("span",{className:D.a.content},r&&n.createElement("small",null,a&&n.createElement(n.Fragment,null,a,", "),n.createElement("em",null,r)),n.createElement("h3",{className:"h6 mb-0 clamp-2 ".concat(D.a.clamped),title:t.name},t.name),n.createElement(C.a,{className:"svg-container align-middle mr-1",svgName:F.b.Preview}),n.createElement("span",{className:"text-info"},n.createElement(i.b,{namespace:"shared.interactives",phrase:"preview"}))),n.createElement(C.a,{className:"svg-container",svgName:F.b.More,size:C.b.ExtraLarge})))}function A(e){var t,a,r,l=e.video,c=null===(r=null===(a=null===(t=l)||void 0===t?void 0:t.interactives)||void 0===a?void 0:a.data)||void 0===r?void 0:r.length;return n.createElement("div",{className:"pb-3"},n.createElement("h2",{className:"h4"},n.createElement(i.b,{namespace:"shared.interactives",phrase:"interactives"}),n.createElement(P.a,{className:"btn btn-outline-dark ml-3 align-middle",svgName:F.b.Plus},n.createElement(i.b,{namespace:"shared.interactives",phrase:"create"}))),n.createElement("div",{className:"d-flex align-items-stretch"},c?l.interactives.data.map((function(e){return n.createElement(T,{interactive:e,key:e.id})})):n.createElement("div",null,n.createElement(C.a,{className:"svg-container mr-2 align-top",svgName:F.b.Star}),n.createElement(i.b,{namespace:"shared.interactives",phrase:"empty"}))))}var S=a(27),_=a(125),j=a(426),I=a(592),R=a.n(I);function $(e){var t=e.clip,a=t.endTime-t.startTime,r=_.a.ToDisplayDuration(1e3*a),i=e.duration/1e3,l=t.startTime/i*100,c=a/i*100,s=n.createElement(S.Tooltip,{id:"tooltip-top"},r);return n.createElement("div",{className:"".concat(R.a.bar," rounded mt-2")},n.createElement(S.OverlayTrigger,{overlay:s},n.createElement("div",{className:"".concat(R.a.subBar," bg-primary rounded"),style:{width:"".concat(c,"%"),marginLeft:"".concat(l,"%")}})))}function M(e){var t=e.clip,a=t.endTime-t.startTime;return n.createElement("div",{className:"border rounded w-33 py-3 px-1 d-flex align-items-center mr-3 flex-wrap"},n.createElement("div",{className:"d-flex align-self-center w-100"},n.createElement(C.a,{className:"svg-container align-self-center",svgName:F.b.Play,size:C.b.ExtraLarge}),n.createElement("span",{className:R.a.content},n.createElement("div",{className:"d-flex"},n.createElement("h3",{className:"h6 mb-0 d-inline-block text-truncate",title:t.name},t.name),n.createElement("div",{className:"flex-shrink-0"},n.createElement(j.a,{type:j.b.Duration,data:1e3*a}))),t.description&&n.createElement("p",{className:"".concat(R.a.clampedDescription," mb-0 clamp-2"),title:t.description},t.description),n.createElement($,Object.assign({},e))),n.createElement(C.a,{className:"svg-container align-self-center",svgName:F.b.More,size:C.b.ExtraLarge})))}function V(e){var t,a,r,l=e.video,c=null===(r=null===(a=null===(t=l)||void 0===t?void 0:t.clips)||void 0===a?void 0:a.data)||void 0===r?void 0:r.length;return n.createElement("div",{className:"pb-3"},n.createElement("h2",{className:"h4"},n.createElement(i.b,{namespace:"shared.clips",phrase:"clips"}),n.createElement(P.a,{className:"btn btn-outline-dark ml-3 align-middle",svgName:F.b.Plus},n.createElement(i.b,{namespace:"shared.clips",phrase:"create"}))),n.createElement("div",{className:"d-flex align-items-stretch"},c?l.clips.data.map((function(e){return n.createElement(M,{duration:l.duration,clip:e,key:e.id})})):n.createElement("div",null,n.createElement(C.a,{className:"svg-container mr-2 align-top",svgName:F.b.Star}),n.createElement(i.b,{namespace:"shared.clips",phrase:"empty"}))))}var B=a(65);function H(e){return function(t){var a=n.useCallback(t,[]);n.useEffect((function(){return window.addEventListener(e,a),function(){return window.removeEventListener(e,a)}}),[])}}var Y=H("scroll"),U=H("resize"),Z=a(483),K=a(10),z=a(3),G=a(121),q=a(451);function J(e){var t=e.video,a={application:z.a.DEFAULT,action:K.a.Default.SERIES,args:t.series?[t.series.id]:[]};return n.createElement("div",{className:"mb-2"},n.createElement("h1",{className:"h3 d-inline-block m-0"},!!t.series&&n.createElement(G.a,{video:t,appLink:a}),t.name),!!r.a.isFunction(e.setFavourite)&&n.createElement(q.a,{setFavourite:e.setFavourite,video:t,className:"d-inline-block ml-2 align-text-bottom"}))}function X(e){var t=e.video,a=t.rating,r=t.productionYear;return n.createElement("div",null,a&&n.createElement("span",{className:"badge badge-light p-1 mr-1"},a.code),r&&n.createElement("span",{className:"badge badge-light p-1 mr-1"},r))}var Q=a(64);function W(e){var t="btn btn-light float-right ml-2",a=n.useContext(s.a).getActionAppLink;return n.createElement(i.a.Provider,{value:"shared.playPage"},n.createElement("div",{className:"mt-3 clearfix"},n.createElement(P.a,{svgName:F.b.Plus,className:"btn btn-outline-secondary mr-2"},n.createElement(i.b,{phrase:"createInteractive"})),n.createElement(P.a,{svgName:F.b.Plus,className:"btn btn-outline-secondary mr-2"},n.createElement(i.b,{phrase:"createClip"})),n.createElement(P.a,{svgName:F.b.More,className:t},n.createElement(i.b,{phrase:"more"})),n.createElement(P.a,{svgName:F.b.Share,className:t,appLink:a(e.video,Q.a.Share)},n.createElement(i.b,{phrase:"share"})),n.createElement(P.a,{svgName:F.b.AddToPlaylists,className:t},n.createElement(i.b,{phrase:"addToPlaylist"})),n.createElement(P.a,{svgName:F.b.Plus,className:t},n.createElement(i.b,{phrase:"favourite"}))))}var ee=a(392),te=a(397),ae=a(593),ne=a.n(ae);function re(e){var t=e.video,a=e.onClickFullDescription;if(!t.glance||!t.glance.content||"text/markdown"!==t.glance.format)return a(),n.createElement(n.Fragment,null);var r=[{className:ne.a.topLeft,url:"https://i.imgur.com/3GafOwO.png"},{className:ne.a.topRight,url:"https://i.imgur.com/wcNZVth.png"},{className:ne.a.bottomLeft,url:"https://i.imgur.com/vUEo7H2.png"},{className:ne.a.bottomRight,url:"https://i.imgur.com/R3gcyGY.png"}];return n.createElement("div",{className:"rounded border px-3 position-relative d-flex align-items-center justify-content-center ".concat(ne.a.container)},n.createElement("div",{className:"".concat(ne.a.content," py-5")},n.createElement("h2",null,n.createElement(i.b,{namespace:"shared.synopsis",phrase:"videoAtAGlance"})),n.createElement("div",{dangerouslySetInnerHTML:{__html:ee(t.glance.content)}}),n.createElement(te.a,{onClick:e.onClickFullDescription,className:"cursor-pointer d-inline-block"},n.createElement("strong",null,n.createElement(i.b,{namespace:"shared.synopsis",phrase:"showFullDescription"})))),r.map((function(e,t){return n.createElement("div",{key:t,className:"".concat(e.className," ").concat(ne.a.background),style:{backgroundImage:"url('".concat(e.url,"')")}})})))}function ie(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 a=[],n=!0,r=!1,i=void 0;try{for(var l,c=e[Symbol.iterator]();!(n=(l=c.next()).done)&&(a.push(l.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==c.return||c.return()}finally{if(r)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return le(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return le(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 le(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}a.d(t,"a",(function(){return oe}));var ce=function(e){return{application:z.a.DEFAULT,action:K.a.Default.PLAY_VIDEO,args:[e.id]}},se=function(e){return{application:z.a.DEFAULT,action:K.a.Default.SERIES,args:[e.id]}};function oe(e){var t=e.video,a=e.relatedVideos,m=n.useContext(B.a),u=m.setViewportPosition,d=m.setIsOnPlayPage,v=ie(n.useState(!0),2),p=v[0],E=v[1],f=n.useRef(null),b=n.useCallback((function(e){e&&(f.current=e,g())}),[]),g=n.useMemo((function(){return r.a.throttle(function(e,t){return function(){if(e.current){var a=e.current.getBoundingClientRect(),n=window.pageXOffset||document.documentElement.scrollLeft,r=window.pageYOffset||document.documentElement.scrollTop;a.top<-a.height?t(null):t({top:r+a.top,left:n+a.left,width:a.width})}}}(f,u),100,{leading:!0,trailing:!0})}),[]);return Y(g),U(g),n.useEffect((function(){return d(!0),function(){u(null),d(!1)}}),[]),n.createElement(s.a.Provider,{value:{getActionAppLink:Z.a}},n.createElement("div",{className:"d-flex justify-content-between"},n.createElement(l.a,{appLink:{application:z.a.DASHBOARD,action:K.a.Dashboard.HOME},backToName:"Home"}),n.createElement("button",{className:"btn btn-light"},n.createElement(i.b,{namespace:"shared.playPage",phrase:"classroomMode"}))),n.createElement("div",{className:"embed-responsive embed-responsive-16by9 my-3",ref:b}),n.createElement(J,{video:t,setFavourite:e.setFavourite}),n.createElement(X,{video:t}),n.createElement(W,{video:t}),n.createElement("hr",null),p?n.createElement(re,{video:t,onClickFullDescription:function(){return E(!1)}}):n.createElement(x,{video:t,onClickShowSynopsis:function(){return E(!0)}}),n.createElement(o,{video:t,className:"my-3"}),n.createElement(A,{video:t}),n.createElement(V,{video:t}),!!a&&n.createElement(n.Fragment,null,n.createElement("h2",{className:"h4 mt-3"},n.createElement(i.b,{namespace:"shared.playPage",phrase:"relatedVideos"})),n.createElement(c.c,{videos:a,getSeriesAppLink:se,getVideoAppLink:ce,setFavourite:e.setFavourite})))}},589:function(e,t,a){e.exports={button:"_10_KK"}},590:function(e,t,a){e.exports={showGlance:"_2fhqC"}},591:function(e,t,a){e.exports={content:"_1D6Hx",clamped:"_2sHZC"}},592:function(e,t,a){e.exports={content:"_22tRu",clamped:"_LK8Q",clampedDescription:"_18yOL",bar:"_3-kb8",subBar:"_1ROlV"}},593:function(e,t,a){e.exports={container:"_1XOYA",content:"UcxNO",background:"_3gpaY",topLeft:"_2s7I6",bottomLeft:"_23UKL",topRight:"ec_-l",bottomRight:"_1xMKp"}}}]);
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[5],{
+
+/***/ "../../libs/shared/src/apps/playlists/components/playlist-list/PlaylistItem.tsx":
+/*!**************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/playlists/components/playlist-list/PlaylistItem.tsx ***!
+  \**************************************************************************************************************************/
+/*! exports provided: PlaylistItem */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PlaylistItem", function() { return PlaylistItem; });
+/* 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 _utils_ImageHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../utils/ImageHelper */ "../../libs/shared/src/utils/ImageHelper.ts");
+/* harmony import */ var _utils_AudienceHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../utils/AudienceHelper */ "../../libs/shared/src/utils/AudienceHelper.ts");
+/* harmony import */ var _enums_Images__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../enums/Images */ "../../libs/shared/src/enums/Images.ts");
+/* harmony import */ var _components_text_Text__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var _components_thumbnails_base_BaseThumbnail__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../components/thumbnails/base/BaseThumbnail */ "../../libs/shared/src/components/thumbnails/base/BaseThumbnail.tsx");
+/* harmony import */ var _components_thumbnails_base_ThumbnailFallback__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../components/thumbnails/base/ThumbnailFallback */ "../../libs/shared/src/components/thumbnails/base/ThumbnailFallback.tsx");
+/* harmony import */ var _components_audience_label_AudienceLabel__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../components/audience-label/AudienceLabel */ "../../libs/shared/src/components/audience-label/AudienceLabel.tsx");
+/* harmony import */ var _playlist_scss__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./playlist.scss */ "../../libs/shared/src/apps/playlists/components/playlist-list/playlist.scss");
+/* harmony import */ var _playlist_scss__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_playlist_scss__WEBPACK_IMPORTED_MODULE_9__);
+
+
+
+
+
+
+
+
+
+
+function PlaylistItem(props) {
+  const imageUrl = _utils_ImageHelper__WEBPACK_IMPORTED_MODULE_1__["ImageHelper"].createUrl(props.data.cover && props.data.cover.url, {
+    size: _enums_Images__WEBPACK_IMPORTED_MODULE_3__["ImageSize"].Medium,
+    resizeType: _enums_Images__WEBPACK_IMPORTED_MODULE_3__["ResizeType"].Cover
+  });
+  const audiences = props.data.subjectPresentationAudiences && props.data.subjectPresentationAudiences.data;
+  const filteredAudiences = _utils_AudienceHelper__WEBPACK_IMPORTED_MODULE_2__["AudienceHelper"].getSortedPresentationAudiences(audiences, props.presentationAudiences);
+  const mergedAudience = _utils_AudienceHelper__WEBPACK_IMPORTED_MODULE_2__["AudienceHelper"].getMergedPresentationAudienceString(filteredAudiences);
+  const count = !!props.showCount && !!props.data.videos && props.data.videos.count;
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_5__["AppLink"], {
+    appLink: props.appLink
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_thumbnails_base_BaseThumbnail__WEBPACK_IMPORTED_MODULE_6__["BaseThumbnail"], {
+    data: imageUrl,
+    className: _playlist_scss__WEBPACK_IMPORTED_MODULE_9___default.a.playlistItem
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_thumbnails_base_ThumbnailFallback__WEBPACK_IMPORTED_MODULE_7__["ThumbnailFallback"], {
+    type: _components_thumbnails_base_ThumbnailFallback__WEBPACK_IMPORTED_MODULE_7__["ThumbnailFallbackType"].Playlist
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: `text-white ${_playlist_scss__WEBPACK_IMPORTED_MODULE_9___default.a.playlistMetadata}`
+  }, Number.isInteger(count) && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_text_Text__WEBPACK_IMPORTED_MODULE_4__["Text"], {
+    namespace: 'shared.playlistItem',
+    phrase: 'videos',
+    options: {
+      smartCount: count
+    }
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h5", {
+    className: 'text-shadow mb-0'
+  }, props.data.name), !!audiences && !!audiences.length && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_audience_label_AudienceLabel__WEBPACK_IMPORTED_MODULE_8__["AudienceLabel"], {
+    audience: mergedAudience,
+    border: 'white'
+  }))));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/playlists/components/playlist-list/playlist.scss":
+/*!***********************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/playlists/components/playlist-list/playlist.scss ***!
+  \***********************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"basePlaylistItem":"cv--basePlaylistItem--2nvrp","playlistItem":"cv--playlistItem--6o0Z2","playlistMetadata":"cv--playlistMetadata--3MCKL","partialHeading":"cv--partialHeading--13tO6"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/audience-label/AudienceLabel.tsx":
+/*!*************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/audience-label/AudienceLabel.tsx ***!
+  \*************************************************************************************************************/
+/*! exports provided: AudienceLabel, AudienceLabelList */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AudienceLabel", function() { return AudienceLabel; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AudienceLabelList", function() { return AudienceLabelList; });
+/* 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 _audience_label_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./audience-label.scss */ "../../libs/shared/src/components/audience-label/audience-label.scss");
+/* harmony import */ var _audience_label_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_audience_label_scss__WEBPACK_IMPORTED_MODULE_1__);
+
+
+function AudienceLabel(props) {
+  if (!props.audience) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: `border rounded-pill d-inline-block px-2 mt-1 ${'border-' + props.border}`
+  }, props.audience.name);
+}
+function AudienceLabelList(props) {
+  if (!props.audiences || !props.audiences.length) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, props.audiences.map((a, idx) => react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+    key: idx,
+    className: _audience_label_scss__WEBPACK_IMPORTED_MODULE_1___default.a.audienceLabelListItem
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](AudienceLabel, {
+    audience: a,
+    border: props.border
+  }))));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/audience-label/audience-label.scss":
+/*!***************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/audience-label/audience-label.scss ***!
+  \***************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"audienceLabelListItem":"cv--audienceLabelListItem--2YGVO"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/forms/form-buttons/FormButtons.tsx":
+/*!***************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/forms/form-buttons/FormButtons.tsx ***!
+  \***************************************************************************************************************/
+/*! exports provided: FormButtons */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FormButtons", function() { return FormButtons; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var formik__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! formik */ "../../../node_modules/formik/dist/formik.esm.js");
+/* harmony import */ var _hooks_UseCanSubmitForm__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../hooks/UseCanSubmitForm */ "../../libs/shared/src/hooks/UseCanSubmitForm.ts");
+/* harmony import */ var _spinner_button_SpinnerButton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../spinner-button/SpinnerButton */ "../../libs/shared/src/components/spinner-button/SpinnerButton.tsx");
+/* harmony import */ var _text_Text__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+
+
+
+
+
+const namespace = 'shared.formButtons';
+const ENTER_KEY_CODE = 13;
+function FormButtons(props) {
+  const formikProps = Object(formik__WEBPACK_IMPORTED_MODULE_1__["useFormikContext"])();
+  const canSubmit = Object(_hooks_UseCanSubmitForm__WEBPACK_IMPORTED_MODULE_2__["useCanSubmitForm"])(formikProps);
+  /**
+   * This hook listens to "Enter" keypress events, and submits the form if there
+   * are no errors. This prevents any edge cases where submitting doesn't work on
+   * Enter normally, such as when a custom component is in focus.
+   */
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](() => {
+    function onKeyPress(e) {
+      if (e.keyCode !== ENTER_KEY_CODE || !canSubmit) return;
+      formikProps.validateForm().then(errors => {
+        if (!Object.keys(errors).length) formikProps.submitForm();
+      });
+    }
+
+    window.addEventListener('keypress', onKeyPress);
+    return () => window.removeEventListener('keypress', onKeyPress);
+  }, [canSubmit]);
+  let phraseKey = 'save';
+  if (props.isNew) phraseKey = 'create';
+  if (props.hasNext) phraseKey = 'next';
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_spinner_button_SpinnerButton__WEBPACK_IMPORTED_MODULE_3__["SpinnerButton"], {
+    showSpinner: formikProps.isSubmitting,
+    type: 'submit',
+    disabled: !canSubmit
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_text_Text__WEBPACK_IMPORTED_MODULE_4__["Text"], {
+    namespace: namespace,
+    phrase: phraseKey
+  }));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/forms/form-checkbox/Checkbox.tsx":
+/*!*************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/forms/form-checkbox/Checkbox.tsx ***!
+  \*************************************************************************************************************/
+/*! exports provided: Checkbox */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Checkbox", function() { return Checkbox; });
+/* 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__);
+
+Checkbox.defaultProps = {
+  checked: false,
+  label: '',
+  className: ''
+};
+/**
+ * Use this checkbox outside of Formik contexts
+ */
+
+function Checkbox(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: `custom-control custom-checkbox ${props.className}`
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", {
+    type: 'checkbox',
+    className: 'custom-control-input',
+    id: props.id,
+    name: props.name,
+    checked: props.checked,
+    onChange: props.onChange
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("label", {
+    className: 'custom-control-label cursor-pointer',
+    htmlFor: props.id
+  }, props.label));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/forms/form-checkbox/FormCheckbox.tsx":
+/*!*****************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/forms/form-checkbox/FormCheckbox.tsx ***!
+  \*****************************************************************************************************************/
+/*! exports provided: FormCheckbox */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FormCheckbox", function() { return FormCheckbox; });
+/* 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 _form_field_FormField__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../form-field/FormField */ "../../libs/shared/src/components/forms/form-field/FormField.tsx");
+var __rest = undefined && undefined.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+
+
+
+/**
+ * Use this checkbox within Formik contexts
+ */
+
+function FormCheckbox(props) {
+  const {
+    label
+  } = props,
+        fieldProps = __rest(props, ["label"]);
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Form"].Group, null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'custom-control custom-checkbox'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_form_field_FormField__WEBPACK_IMPORTED_MODULE_2__["FieldWrapper"], Object.assign({
+    className: 'custom-control-input'
+  }, fieldProps)), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Form"].Label, {
+    className: 'custom-control-label',
+    htmlFor: fieldProps.id
+  }, label)));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/forms/form-field/CharacterCounter.tsx":
+/*!******************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/forms/form-field/CharacterCounter.tsx ***!
+  \******************************************************************************************************************/
+/*! exports provided: CharacterCounter */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CharacterCounter", function() { return CharacterCounter; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var formik__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! formik */ "../../../node_modules/formik/dist/formik.esm.js");
+
+
+function CharacterCounter(props) {
+  const {
+    values
+  } = Object(formik__WEBPACK_IMPORTED_MODULE_1__["useFormikContext"])();
+  const field = values[props.fieldName];
+  if (typeof field !== 'string') return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'float-right text-muted'
+  }, field.length, "/", props.limit);
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/forms/form-field/FormField.tsx":
+/*!***********************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/forms/form-field/FormField.tsx ***!
+  \***********************************************************************************************************/
+/*! exports provided: FieldWrapper, FormField */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FieldWrapper", function() { return FieldWrapper; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FormField", function() { return FormField; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var formik__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! formik */ "../../../node_modules/formik/dist/formik.esm.js");
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-bootstrap */ "react-bootstrap");
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
+/* harmony import */ var _utils_FormHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../utils/FormHelper */ "../../libs/shared/src/utils/FormHelper.ts");
+/* harmony import */ var _CharacterCounter__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./CharacterCounter */ "../../libs/shared/src/components/forms/form-field/CharacterCounter.tsx");
+/* harmony import */ var _form_checkbox_FormCheckbox__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../form-checkbox/FormCheckbox */ "../../libs/shared/src/components/forms/form-checkbox/FormCheckbox.tsx");
+var __rest = undefined && undefined.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+
+
+
+
+
+
+
+function FieldWrapper(props) {
+  const {
+    children
+  } = props,
+        fieldProps = __rest(props, ["children"]);
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](formik__WEBPACK_IMPORTED_MODULE_1__["Field"], Object.assign({}, fieldProps), _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_3__["FunctionHelper"].isFunction(children) ? f => children(f) : react__WEBPACK_IMPORTED_MODULE_0__["Children"].count(children) ? children : null);
+}
+function FormField(props) {
+  const {
+    label,
+    className,
+    showCharacterCounter
+  } = props,
+        fieldProps = __rest(props, ["label", "className", "showCharacterCounter"]);
+
+  const {
+    errors,
+    touched
+  } = Object(formik__WEBPACK_IMPORTED_MODULE_1__["useFormikContext"])();
+  if (fieldProps.type === 'checkbox') return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_form_checkbox_FormCheckbox__WEBPACK_IMPORTED_MODULE_6__["FormCheckbox"], Object.assign({}, props));
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_2__["Form"].Group, null, !!label && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_2__["Form"].Label, {
+    htmlFor: fieldProps.id
+  }, label), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](FieldWrapper, Object.assign({
+    className: _utils_FormHelper__WEBPACK_IMPORTED_MODULE_4__["FormHelper"].getCustomFormControlClassName(errors, touched, fieldProps.name, className)
+  }, fieldProps)), !!showCharacterCounter && !!fieldProps.maxLength && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_CharacterCounter__WEBPACK_IMPORTED_MODULE_5__["CharacterCounter"], {
+    fieldName: fieldProps.name,
+    limit: fieldProps.maxLength
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](formik__WEBPACK_IMPORTED_MODULE_1__["ErrorMessage"], {
+    name: fieldProps.name
+  }, errorMessage => react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_2__["Form"].Control.Feedback, {
+    type: 'invalid'
+  }, errorMessage)));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx":
+/*!***************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx ***!
+  \***************************************************************************************************************/
+/*! exports provided: FormWrapper, useFormikContextWrapper */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FormWrapper", function() { return FormWrapper; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useFormikContextWrapper", function() { return useFormikContextWrapper; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var formik__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! formik */ "../../../node_modules/formik/dist/formik.esm.js");
+/* harmony import */ var _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
+/* harmony import */ var _common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../common/src/react/utils/ObjectHelper */ "../../libs/common/src/react/utils/ObjectHelper.ts");
+var __rest = undefined && undefined.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+
+
+
+
+
+function omitNullInitialValues(initialValues) {
+  const values = _common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_3__["ObjectHelper"].deepClone(initialValues);
+  Object.keys(values).forEach(key => {
+    if (!values.hasOwnProperty(key)) return;
+    if (_common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_3__["ObjectHelper"].isObject(values[key])) values[key] = omitNullInitialValues(values[key]);else if (values[key] === null) delete values[key];
+  });
+  return values;
+}
+
+FormWrapper.defaultProps = {
+  castInitialValues: true,
+  castValuesOnSubmit: true
+};
+function FormWrapper(props) {
+  const {
+    castInitialValues,
+    castValuesOnSubmit,
+    initialValues,
+    onSubmit,
+    resetOnSubmit
+  } = props,
+        formikProps = __rest(props, ["castInitialValues", "castValuesOnSubmit", "initialValues", "onSubmit", "resetOnSubmit"]);
+  /**
+   * If castInitialValues is true, cast initialValues to the validationSchema.
+   * This will ensure that any data fetched from the api conforms to the expected form data shape.
+   */
+
+
+  const formattedInitialValues = castInitialValues && props.validationSchema ? props.validationSchema.cast(omitNullInitialValues(initialValues)) : initialValues;
+
+  const onSubmitHandler = (values, {
+    setSubmitting,
+    resetForm
+  }) => {
+    /**
+     * validationSchema.cast will coerce the values to the types defined in validationSchema.
+     * This is useful for trimming inputs:
+     * e.g. if a value field has type Yup.string().trim(), it will be automatically trimmed.
+     */
+    const formattedData = castValuesOnSubmit && props.validationSchema ? props.validationSchema.cast(values) : values;
+    onSubmit(formattedData, () => {
+      resetOnSubmit && resetForm();
+      setSubmitting(false);
+    });
+  };
+
+  const initialStatus = {
+    allowInitialSubmit: props.allowInitialSubmit
+  };
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](formik__WEBPACK_IMPORTED_MODULE_1__["Formik"], Object.assign({
+    enableReinitialize: true
+  }, formikProps, {
+    initialValues: formattedInitialValues,
+    onSubmit: onSubmitHandler,
+    initialStatus: initialStatus
+  }), _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__["FunctionHelper"].isFunction(props.children) ? f => props.children(f) : react__WEBPACK_IMPORTED_MODULE_0__["Children"].count(props.children) ? props.children : null);
+}
+function useFormikContextWrapper() {
+  return Object(formik__WEBPACK_IMPORTED_MODULE_1__["useFormikContext"])();
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/widgets/items/playlist-widget-item/PlaylistWidgetItem.tsx":
+/*!**************************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/widgets/items/playlist-widget-item/PlaylistWidgetItem.tsx ***!
+  \**************************************************************************************************************************************/
+/*! exports provided: PlaylistWidgetItem */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PlaylistWidgetItem", function() { return PlaylistWidgetItem; });
+/* 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_playlists_components_playlist_list_PlaylistItem__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../apps/playlists/components/playlist-list/PlaylistItem */ "../../libs/shared/src/apps/playlists/components/playlist-list/PlaylistItem.tsx");
+/* harmony import */ var _playlist_widget_item_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./playlist-widget-item.scss */ "../../libs/shared/src/components/widgets/items/playlist-widget-item/playlist-widget-item.scss");
+/* harmony import */ var _playlist_widget_item_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_playlist_widget_item_scss__WEBPACK_IMPORTED_MODULE_2__);
+var __rest = undefined && undefined.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+
+
+
+function PlaylistWidgetItem(props) {
+  const {
+    context
+  } = props,
+        otherProps = __rest(props, ["context"]);
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: `position-relative p-1 flex-shrink-0 ${_playlist_widget_item_scss__WEBPACK_IMPORTED_MODULE_2___default.a.width}`
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_apps_playlists_components_playlist_list_PlaylistItem__WEBPACK_IMPORTED_MODULE_1__["PlaylistItem"], Object.assign({}, otherProps)));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/widgets/items/playlist-widget-item/playlist-widget-item.scss":
+/*!*****************************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/widgets/items/playlist-widget-item/playlist-widget-item.scss ***!
+  \*****************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"width":"cv--width--wNWEd"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/widgets/items/series-widget-item/SeriesWidgetItem.tsx":
+/*!**********************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/widgets/items/series-widget-item/SeriesWidgetItem.tsx ***!
+  \**********************************************************************************************************************************/
+/*! exports provided: SeriesWidgetItem */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SeriesWidgetItem", function() { return SeriesWidgetItem; });
+/* 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 _common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../common/src/react/utils/TextHelper */ "../../libs/common/src/react/utils/TextHelper.ts");
+/* harmony import */ var _hooks_UseHover__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../hooks/UseHover */ "../../libs/shared/src/hooks/UseHover.ts");
+/* harmony import */ var _utils_AudienceHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../utils/AudienceHelper */ "../../libs/shared/src/utils/AudienceHelper.ts");
+/* harmony import */ var _app_link_AppLink__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var _thumbnails_base_BaseThumbnail__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../thumbnails/base/BaseThumbnail */ "../../libs/shared/src/components/thumbnails/base/BaseThumbnail.tsx");
+/* harmony import */ var _thumbnails_base_ThumbnailFallback__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../thumbnails/base/ThumbnailFallback */ "../../libs/shared/src/components/thumbnails/base/ThumbnailFallback.tsx");
+/* harmony import */ var _enums_ThumbnailSize__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../enums/ThumbnailSize */ "../../libs/shared/src/enums/ThumbnailSize.ts");
+/* harmony import */ var _audience_label_AudienceLabel__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../audience-label/AudienceLabel */ "../../libs/shared/src/components/audience-label/AudienceLabel.tsx");
+/* harmony import */ var _badges_Badge__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../badges/Badge */ "../../libs/shared/src/components/badges/Badge.tsx");
+/* harmony import */ var _series_widget_item_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./series-widget-item.scss */ "../../libs/shared/src/components/widgets/items/series-widget-item/series-widget-item.scss");
+/* harmony import */ var _series_widget_item_scss__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_series_widget_item_scss__WEBPACK_IMPORTED_MODULE_10__);
+
+
+
+
+
+
+
+
+
+
+
+function SeriesWidgetItem(props) {
+  const {
+    data: series,
+    appLink,
+    preloadImage
+  } = props;
+  const seriesAppLink = Object.assign(Object.assign({}, appLink), {
+    args: [series.id, _common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_1__["TextHelper"].slugify(series.name)]
+  });
+  /**
+   * Subject audiences currently take render precedence over rating.
+   *
+   * This means that until we properly add productionCompanies to series, we
+   * should expect only CV series to have a subject audience. Any TV series
+   * from the Exchange should only have a rating.
+   */
+
+  let audiences = series && series.subjectPresentationAudiences && series.subjectPresentationAudiences.data || [];
+  const filteredAudiences = _utils_AudienceHelper__WEBPACK_IMPORTED_MODULE_3__["AudienceHelper"].getSortedPresentationAudiences(audiences, props.audiences);
+  const mergedAudience = _utils_AudienceHelper__WEBPACK_IMPORTED_MODULE_3__["AudienceHelper"].getMergedPresentationAudienceString(filteredAudiences);
+  const [hoverRef, isHovering] = Object(_hooks_UseHover__WEBPACK_IMPORTED_MODULE_2__["useHoverIntent"])(_series_widget_item_scss__WEBPACK_IMPORTED_MODULE_10___default.a.hoverActive);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_app_link_AppLink__WEBPACK_IMPORTED_MODULE_4__["AppLink"], {
+    key: series.id,
+    appLink: seriesAppLink,
+    className: `position-relative p-1 flex-shrink-0 ${_series_widget_item_scss__WEBPACK_IMPORTED_MODULE_10___default.a.width}`
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    ref: hoverRef
+  }, isHovering && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: `p-3 text-white text-center ${_series_widget_item_scss__WEBPACK_IMPORTED_MODULE_10___default.a.mask}`
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h3", {
+    className: 'h4'
+  }, series.name), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", null, series.description)), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_thumbnails_base_BaseThumbnail__WEBPACK_IMPORTED_MODULE_5__["BaseThumbnail"], {
+    data: series.tallPoster,
+    aspectRatio: _thumbnails_base_BaseThumbnail__WEBPACK_IMPORTED_MODULE_5__["AspectRatio"].NineBySixteen,
+    preload: preloadImage,
+    size: _enums_ThumbnailSize__WEBPACK_IMPORTED_MODULE_7__["ThumbnailSize"].Large
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_thumbnails_base_ThumbnailFallback__WEBPACK_IMPORTED_MODULE_6__["ThumbnailFallback"], {
+    type: _thumbnails_base_ThumbnailFallback__WEBPACK_IMPORTED_MODULE_6__["ThumbnailFallbackType"].Series
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: `position-absolute text-white ${_series_widget_item_scss__WEBPACK_IMPORTED_MODULE_10___default.a.labelContainer}`
+  }, !!audiences && audiences.length ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_audience_label_AudienceLabel__WEBPACK_IMPORTED_MODULE_8__["AudienceLabel"], {
+    audience: mergedAudience,
+    border: 'white'
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_badges_Badge__WEBPACK_IMPORTED_MODULE_9__["Badge"], {
+    type: _badges_Badge__WEBPACK_IMPORTED_MODULE_9__["BadgeType"].Rating,
+    data: series.rating
+  })))));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/widgets/items/series-widget-item/series-widget-item.scss":
+/*!*************************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/widgets/items/series-widget-item/series-widget-item.scss ***!
+  \*************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"partialLoadingHeading":"cv--partialLoadingHeading--1RLPq","partialLoading":"cv--partialLoading--oArG4","labelContainer":"cv--labelContainer--QLCgm","hoverActive":"cv--hoverActive--3Aleb","mask":"cv--mask--2M2Zz","width":"cv--width--TQg2K"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/hooks/UseCanSubmitForm.ts":
+/*!*******************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseCanSubmitForm.ts ***!
+  \*******************************************************************************************/
+/*! exports provided: useCanSubmitForm */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useCanSubmitForm", function() { return useCanSubmitForm; });
+/* 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__);
+
+/**
+ * useCanSubmitForm determines if a form can be submitted.
+ *
+ * It will return true if a form is valid and has been changed from it's initial state.
+ *
+ * A common use case for this is determining whether or not to enable
+ * a submit button in a form.
+ */
+
+function useCanSubmitForm(formikProps) {
+  var _a;
+
+  const [canSubmit, setCanSubmit] = react__WEBPACK_IMPORTED_MODULE_0__["useState"](false);
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](() => {
+    var _a;
+
+    if (!formikProps.isValid) {
+      setCanSubmit(false);
+      return;
+    } // If the form values have changed of if allowInitialSubmit is true, set canSubmit to true.
+
+
+    if (formikProps.dirty || ((_a = formikProps.initialStatus) === null || _a === void 0 ? void 0 : _a.allowInitialSubmit)) setCanSubmit(true);else setCanSubmit(false);
+  }, [formikProps.isValid, (_a = formikProps.initialStatus) === null || _a === void 0 ? void 0 : _a.allowInitialSubmit, formikProps.dirty, formikProps.values]);
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](() => {
+    if (formikProps.isSubmitting) setCanSubmit(false);
+  }, [formikProps.isSubmitting]);
+  return canSubmit;
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/utils/AudienceHelper.ts":
+/*!*****************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/utils/AudienceHelper.ts ***!
+  \*****************************************************************************************/
+/*! exports provided: AudienceHelper */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AudienceHelper", function() { return AudienceHelper; });
+/* harmony import */ var _common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/react/utils/ArrayHelper */ "../../libs/common/src/react/utils/ArrayHelper.ts");
+
+const DIGIT_REGEX = /([0-9]+)/ig;
+const NAME_REGEX = /(^\w+)/ig;
+const COUNT_OFFSET = 1;
+
+function processAudienceRanges(audienceValues) {
+  /**
+   * Lookahead by increments of offset
+   */
+  let offset = COUNT_OFFSET;
+  let initialVal, nextVal;
+  let isContinguous = false;
+  const ranges = []; // Audience values need to be in ascending order
+
+  audienceValues = audienceValues.sort((a, b) => a - b);
+  let i, j;
+
+  for (i = 0; i < audienceValues.length; i++) {
+    j = i + 1; // Set our lower boundary to compare against
+
+    if (!isContinguous) initialVal = audienceValues[i];
+    nextVal = audienceValues[j];
+    /**
+     * Where the next number is also the next incremental value
+     * we're going to continue iterating until the next value
+     * is no longer contiguos.
+     */
+
+    if (audienceValues[i] + offset === nextVal) {
+      isContinguous = true;
+    } else if (isContinguous) {
+      /**
+       * Where we were tracking a contiguous set, format appropriately
+       * and store the vals
+       */
+      ranges.push(`${initialVal} - ${audienceValues[i]}`);
+      isContinguous = false;
+    } else {
+      /**
+       * Where the values arent contiguous, just store the current value
+       */
+      ranges.push(`${audienceValues[i]}`);
+      isContinguous = false;
+    }
+  }
+
+  return ranges;
+}
+
+const AudienceHelper = {
+  /**
+   * This is needed to sort an object's audiences, as they are not sorted by the backend.
+   * To do this, we take the presentation audiences (sorted) and filter them by the object's
+   * audiences, leaving behind a sorted array of object audiences.
+   */
+  getSortedPresentationAudiences(objectAudiences, presentationAudiences) {
+    const objectAudienceIds = objectAudiences.map(audience => audience.id.toString());
+    /**
+     * Remove audiences that aren't relevant for the user's current presentation
+     */
+
+    const filteredAudiences = presentationAudiences.filter(presAudience => {
+      return objectAudienceIds.includes(presAudience.masterId.toString());
+    });
+    return filteredAudiences;
+  },
+
+  getMergedPresentationAudienceString(presentationAudiences) {
+    if (presentationAudiences.length === 1) return presentationAudiences[0];
+    /**
+     * Create a string with all of the audiences
+     */
+
+    const valuesStr = presentationAudiences.map(a => a.name).join(',');
+    /**
+     * Extract all the numbers and  matches from the string
+     * Where there aren't matches, just return the first Audience.
+     */
+
+    const valMatches = valuesStr.match(DIGIT_REGEX);
+    const nameMatches = valuesStr.match(NAME_REGEX);
+    if (!valMatches || !nameMatches) return presentationAudiences[0];
+    const audienceValues = valMatches.map(l => +l) || [];
+    /**
+     * Build set of logical audience ranges
+     */
+
+    const audienceRange = processAudienceRanges(audienceValues);
+    /**
+     * Get matches name
+     */
+
+    const audienceName = nameMatches[0];
+    return {
+      name: `${audienceName} ${audienceRange.join(' , ')}`
+    };
+  },
+
+  /**
+   * This function assumes the members array passed in is ordered by `name`.
+   */
+  sortMembersWithDuplicateNamesByAudience(members) {
+    // Returns the lowest level audience out of an array of audience objects by looking at the name
+    const getLowestAudience = audiences => {
+      let lowestAudience;
+      let lowestAudienceDigit;
+      audiences.forEach(audience => {
+        const digit = +_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_0__["ArrayHelper"].first(audience.name.match(DIGIT_REGEX));
+
+        if (!lowestAudience) {
+          lowestAudience = audience;
+          lowestAudienceDigit = digit;
+          return;
+        }
+
+        if (digit > lowestAudienceDigit) lowestAudience = audience;
+      });
+      return lowestAudience;
+    }; // This is used to track how many times a member's name appears in the collection
+
+
+    const nameCountMap = {};
+    let sorted = [];
+    members.forEach(member => {
+      if (!nameCountMap[member.name]) {
+        nameCountMap[member.name] = 1;
+        sorted.push(member);
+        return;
+      }
+
+      sorted.push(member);
+      nameCountMap[member.name]++; // Take the slice of duplicates that we want to sort by audience
+
+      const slice = sorted.splice(sorted.length - nameCountMap[member.name]); // Sort the slice by lowest audience
+
+      const sortedSlice = slice.sort((a, b) => {
+        const firstObjLowestAudience = getLowestAudience(a.subjectPresentationAudiences.data);
+        const secondObjLowestAudience = getLowestAudience(b.subjectPresentationAudiences.data);
+        return firstObjLowestAudience.name.localeCompare(secondObjLowestAudience.name);
+      });
+      sorted = sorted.concat(sortedSlice);
+    });
+    return sorted;
+  }
+
+};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/utils/FormHelper.ts":
+/*!*************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/utils/FormHelper.ts ***!
+  \*************************************************************************************/
+/*! exports provided: FormHelper */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FormHelper", function() { return FormHelper; });
+/* harmony import */ var formik__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! formik */ "../../../node_modules/formik/dist/formik.esm.js");
+
+const FormHelper = {
+  getCustomFormControlClassName(errors, touched, attribute, additionalClassName) {
+    let className = 'form-control'; // Using getIn as it supports dot notation
+
+    if (Object(formik__WEBPACK_IMPORTED_MODULE_0__["getIn"])(touched, attribute) && Object(formik__WEBPACK_IMPORTED_MODULE_0__["getIn"])(errors, attribute)) className += ' is-invalid';
+    if (additionalClassName) className += ` ${additionalClassName}`;
+    return className;
+  }
+
+};
+
+/***/ }),
+
+/***/ "./src/apps/search/components/filter-actions/FilterActions.tsx":
+/*!*********************************************************************!*\
+  !*** ./src/apps/search/components/filter-actions/FilterActions.tsx ***!
+  \*********************************************************************/
+/*! exports provided: FilterActions */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FilterActions", function() { return FilterActions; });
+/* 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_intersection_observer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-intersection-observer */ "react-intersection-observer");
+/* harmony import */ var react_intersection_observer__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_intersection_observer__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_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/utils/ArrayHelper */ "../../libs/common/src/react/utils/ArrayHelper.ts");
+/* harmony import */ var _libs_shared_src_services_ContextService__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/services/ContextService */ "../../libs/shared/src/services/ContextService.ts");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_5__ = __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_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/div-button/DivButton */ "../../libs/shared/src/components/div-button/DivButton.tsx");
+/* harmony import */ var apps_search_reducers__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! apps/search/reducers */ "./src/apps/search/reducers/index.ts");
+/* harmony import */ var apps_search_utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! apps/search/utils */ "./src/apps/search/utils/index.ts");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+
+
+
+
+
+
+
+var namespace = 'search.filterActions';
+
+var triggerAppLink = function triggerAppLink(stateChange) {
+  var currentQueryParams = _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].LocationUtils.GetQuery();
+  var currentAppLink = _libs_shared_src_services_ContextService__WEBPACK_IMPORTED_MODULE_4__["ContextService"].getCurrentRoute().appLink;
+  _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].AppLinkHelper.trigger({
+    application: currentAppLink.application,
+    action: currentAppLink.action,
+    params: apps_search_utils__WEBPACK_IMPORTED_MODULE_8__["FilterHelper"].buildQueryParams(currentQueryParams, stateChange)
+  });
+};
+
+FilterActions.defaultProps = {
+  active: false,
+  className: ''
+};
+function FilterActions(props) {
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_0__["useContext"](apps_search_reducers__WEBPACK_IMPORTED_MODULE_7__["FilterContext"]),
+      dispatch = _React$useContext.dispatch;
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      triggerOnClose = _React$useState2[0],
+      setTriggerOnClose = _React$useState2[1];
+
+  var _ReactIntersectionObs = react_intersection_observer__WEBPACK_IMPORTED_MODULE_1__["useInView"](),
+      _ReactIntersectionObs2 = _slicedToArray(_ReactIntersectionObs, 2),
+      ref = _ReactIntersectionObs2[0],
+      inView = _ReactIntersectionObs2[1];
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    if (typeof window.IntersectionObserver === 'undefined') return;
+
+    if (inView) {
+      setTriggerOnClose(true);
+      return;
+    }
+
+    if (!inView && triggerOnClose) {
+      setTriggerOnClose(false);
+      applyFilter(false);
+    }
+  }, [inView]);
+
+  function applyFilter(applyClicked) {
+    var _a, _b; // The default value should not be set as a query param
+
+
+    var isDefaultValue = ((_a = props.selection) === null || _a === void 0 ? void 0 : _a.length) === 1 && ((_b = _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_3__["ArrayHelper"].first(props.selection)) === null || _b === void 0 ? void 0 : _b["default"]);
+    _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_9__["AnalyticsHelper"].logUserAction({
+      filter: props.filter.name,
+      selection: props.selection && !isDefaultValue ? props.selection : [],
+      isActive: props.active && !isDefaultValue,
+      applyClicked: applyClicked
+    }, _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_9__["AnalyticsHelper"].mergeOptions(props.analyticsOptions, {
+      workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_10__["WorkflowPhase"].Complete,
+      actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_10__["UserAction"].Filter
+    }));
+    var payload = {
+      filter: props.filter,
+      active: props.active && !isDefaultValue,
+      selection: props.selection && !isDefaultValue ? props.selection : []
+    };
+    dispatch({
+      type: 'apply',
+      payload: payload
+    });
+    triggerAppLink(payload);
+  }
+
+  function onClickReset(e) {
+    e.preventDefault();
+    _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_9__["AnalyticsHelper"].logUserAction({
+      filter: props.filter.name
+    }, _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_9__["AnalyticsHelper"].mergeOptions(props.analyticsOptions, {
+      workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_10__["WorkflowPhase"].Complete,
+      actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_10__["UserAction"].Filter,
+      descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_10__["FilterDescriptor"].Reset
+    }));
+    var payload = {
+      filter: props.filter,
+      active: false,
+      selection: null
+    };
+    dispatch({
+      type: 'reset',
+      payload: payload
+    });
+    triggerAppLink(payload);
+  }
+
+  function onClickApply(e) {
+    e.preventDefault();
+    applyFilter(true);
+  }
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    ref: ref,
+    className: "d-flex justify-content-between ".concat(props.className)
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_6__["DivButton"], {
+    className: 'text-muted hover-text-underline cursor-pointer',
+    onClick: onClickReset
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_5__["Text"], {
+    namespace: namespace,
+    phrase: 'reset'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_6__["DivButton"], {
+    className: 'info-link',
+    onClick: onClickApply
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_5__["Text"], {
+    namespace: namespace,
+    phrase: 'apply'
+  })));
+}
+
+/***/ }),
+
+/***/ "./src/apps/search/components/filter-button/FilterButton.tsx":
+/*!*******************************************************************!*\
+  !*** ./src/apps/search/components/filter-button/FilterButton.tsx ***!
+  \*******************************************************************/
+/*! exports provided: FilterButton */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FilterButton", function() { return FilterButton; });
+/* 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 apps_search_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! apps/search/utils */ "./src/apps/search/utils/index.ts");
+/* harmony import */ var apps_search_reducers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! apps/search/reducers */ "./src/apps/search/reducers/index.ts");
+/* harmony import */ var _filter_button_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./filter-button.scss */ "./src/apps/search/components/filter-button/filter-button.scss");
+/* harmony import */ var _filter_button_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_filter_button_scss__WEBPACK_IMPORTED_MODULE_4__);
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+
+function FilterButton(props) {
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](props.filter.name),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      label = _React$useState2[0],
+      setLabel = _React$useState2[1];
+
+  var FilterComponent = props.filter.customComponent ? props.filter.customComponent : apps_search_utils__WEBPACK_IMPORTED_MODULE_2__["FilterHelper"].mapTypeToComponent(props.filter.type);
+
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_0__["useContext"](apps_search_reducers__WEBPACK_IMPORTED_MODULE_3__["FilterContext"]),
+      state = _React$useContext.state;
+
+  var filterState = state[props.filter.id];
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    setLabel(apps_search_utils__WEBPACK_IMPORTED_MODULE_2__["FilterHelper"].getLabel(props.filter, filterState));
+  }, [props.filter, filterState.selection]);
+  var baseClass = "".concat(_filter_button_scss__WEBPACK_IMPORTED_MODULE_4___default.a.filterButton, " mx-1 btn");
+  var colorClass = filterState.active ? 'btn-info' : 'btn-light';
+  var caretClass = props.filter.type !== 'dropdown' ? _filter_button_scss__WEBPACK_IMPORTED_MODULE_4___default.a.hideCaret : '';
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Dropdown"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Dropdown"].Toggle, {
+    id: props.filter.id,
+    className: "".concat(baseClass, " ").concat(colorClass, " ").concat(caretClass)
+  }, label), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Dropdown"].Menu, {
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    }
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "".concat(_filter_button_scss__WEBPACK_IMPORTED_MODULE_4___default.a.filterItem, " mx-1 ").concat(props.filter.type !== 'dropdown' ? 'px-2 py-1' : '')
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](FilterComponent, {
+    analyticsOptions: props.analyticsOptions,
+    filter: props.filter
+  }))));
+}
+
+/***/ }),
+
+/***/ "./src/apps/search/components/filter-button/filter-button.scss":
+/*!*********************************************************************!*\
+  !*** ./src/apps/search/components/filter-button/filter-button.scss ***!
+  \*********************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"filterButton":"cv--filterButton--2LJ1G","hideCaret":"cv--hideCaret--2OStB","filterItem":"cv--filterItem--13K5j"};
+
+/***/ }),
+
+/***/ "./src/apps/search/components/filter-types/checkbox-filter/CheckboxFilter.tsx":
+/*!************************************************************************************!*\
+  !*** ./src/apps/search/components/filter-types/checkbox-filter/CheckboxFilter.tsx ***!
+  \************************************************************************************/
+/*! exports provided: CheckboxFilter */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CheckboxFilter", function() { return CheckboxFilter; });
+/* 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_forms_form_checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_2__ = __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_3__ = __webpack_require__(/*! shared/hooks/useBulkCheckboxManager */ "./src/shared/hooks/useBulkCheckboxManager.tsx");
+/* harmony import */ var apps_search_reducers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! apps/search/reducers */ "./src/apps/search/reducers/index.ts");
+/* harmony import */ var _filter_actions_FilterActions__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../filter-actions/FilterActions */ "./src/apps/search/components/filter-actions/FilterActions.tsx");
+
+
+
+
+
+
+function CheckboxFilter(props) {
+  var _a;
+
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_0__["useContext"](apps_search_reducers__WEBPACK_IMPORTED_MODULE_4__["FilterContext"]),
+      state = _React$useContext.state;
+
+  var filterState = state[props.filter.id];
+
+  var _useBulkCheckboxManag = Object(shared_hooks_useBulkCheckboxManager__WEBPACK_IMPORTED_MODULE_3__["useBulkCheckboxManager"])(props.filter.options, {
+    preselectedIds: ((_a = filterState.selection) === null || _a === void 0 ? void 0 : _a.map(function (s) {
+      return s.id;
+    })) || []
+  }),
+      onToggleItem = _useBulkCheckboxManag.onToggleItem,
+      isChecked = _useBulkCheckboxManag.isChecked,
+      getSelected = _useBulkCheckboxManag.getSelected;
+
+  var selections = getSelected().map(function (optionName) {
+    return props.filter.options.find(function (o) {
+      return o.id === optionName;
+    });
+  });
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h3", {
+    className: 'h6 mb-2'
+  }, props.filter.name), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Form"], {
+    className: 'mb-3'
+  }, props.filter.options.map(function (option) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_forms_form_checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_2__["Checkbox"], {
+      key: option.id,
+      label: option.name,
+      name: option.id,
+      id: option.id,
+      onChange: function onChange() {
+        return onToggleItem(option.id);
+      },
+      checked: isChecked(option.id),
+      className: 'my-1'
+    });
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_filter_actions_FilterActions__WEBPACK_IMPORTED_MODULE_5__["FilterActions"], {
+    active: !!selections.length,
+    filter: props.filter,
+    selection: selections,
+    analyticsOptions: props.analyticsOptions
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/search/components/filter-types/dropdown-filter/DropdownFilter.tsx":
+/*!************************************************************************************!*\
+  !*** ./src/apps/search/components/filter-types/dropdown-filter/DropdownFilter.tsx ***!
+  \************************************************************************************/
+/*! exports provided: DropdownFilter */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DropdownFilter", function() { return DropdownFilter; });
+/* 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 apps_search_reducers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! apps/search/reducers */ "./src/apps/search/reducers/index.ts");
+/* harmony import */ var _filter_actions_FilterActions__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../filter-actions/FilterActions */ "./src/apps/search/components/filter-actions/FilterActions.tsx");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+function DropdownFilter(props) {
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_0___default.a.useContext(apps_search_reducers__WEBPACK_IMPORTED_MODULE_2__["FilterContext"]),
+      state = _React$useContext.state;
+
+  var filterState = state[props.filter.id];
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(filterState.selection),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      currentSelection = _React$useState2[0],
+      setCurrentSelection = _React$useState2[1];
+
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, props.filter.options.map(function (option) {
+    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Dropdown"].Item, {
+      key: option.id,
+      onClick: function onClick() {
+        return setCurrentSelection([option]);
+      }
+    }, option.name);
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_filter_actions_FilterActions__WEBPACK_IMPORTED_MODULE_3__["FilterActions"], {
+    active: !!currentSelection,
+    filter: props.filter,
+    selection: currentSelection,
+    className: 'pt-1 px-2',
+    analyticsOptions: props.analyticsOptions
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/search/components/filter-types/index.ts":
+/*!**********************************************************!*\
+  !*** ./src/apps/search/components/filter-types/index.ts ***!
+  \**********************************************************/
+/*! exports provided: CheckboxFilter, MoreFilters, SwitchFilter, DropdownFilter, RadioFilter, YearLevelRadioFilter */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _checkbox_filter_CheckboxFilter__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./checkbox-filter/CheckboxFilter */ "./src/apps/search/components/filter-types/checkbox-filter/CheckboxFilter.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CheckboxFilter", function() { return _checkbox_filter_CheckboxFilter__WEBPACK_IMPORTED_MODULE_0__["CheckboxFilter"]; });
+
+/* harmony import */ var _more_filters_MoreFilters__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./more-filters/MoreFilters */ "./src/apps/search/components/filter-types/more-filters/MoreFilters.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MoreFilters", function() { return _more_filters_MoreFilters__WEBPACK_IMPORTED_MODULE_1__["MoreFilters"]; });
+
+/* harmony import */ var _switch_filter_SwitchFilter__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./switch-filter/SwitchFilter */ "./src/apps/search/components/filter-types/switch-filter/SwitchFilter.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SwitchFilter", function() { return _switch_filter_SwitchFilter__WEBPACK_IMPORTED_MODULE_2__["SwitchFilter"]; });
+
+/* harmony import */ var _dropdown_filter_DropdownFilter__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./dropdown-filter/DropdownFilter */ "./src/apps/search/components/filter-types/dropdown-filter/DropdownFilter.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DropdownFilter", function() { return _dropdown_filter_DropdownFilter__WEBPACK_IMPORTED_MODULE_3__["DropdownFilter"]; });
+
+/* harmony import */ var _radio_filter_RadioFilter__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./radio-filter/RadioFilter */ "./src/apps/search/components/filter-types/radio-filter/RadioFilter.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RadioFilter", function() { return _radio_filter_RadioFilter__WEBPACK_IMPORTED_MODULE_4__["RadioFilter"]; });
+
+/* harmony import */ var _radio_filter_year_level_YearLevelRadioFilter__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./radio-filter/year-level/YearLevelRadioFilter */ "./src/apps/search/components/filter-types/radio-filter/year-level/YearLevelRadioFilter.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "YearLevelRadioFilter", function() { return _radio_filter_year_level_YearLevelRadioFilter__WEBPACK_IMPORTED_MODULE_5__["YearLevelRadioFilter"]; });
+
+
+
+
+
+
+
+
+/***/ }),
+
+/***/ "./src/apps/search/components/filter-types/more-filters/MoreFilters.tsx":
+/*!******************************************************************************!*\
+  !*** ./src/apps/search/components/filter-types/more-filters/MoreFilters.tsx ***!
+  \******************************************************************************/
+/*! exports provided: MoreFilters */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MoreFilters", function() { return MoreFilters; });
+/* 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__);
+
+function MoreFilters(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+}
+
+/***/ }),
+
+/***/ "./src/apps/search/components/filter-types/radio-filter/RadioFilter.tsx":
+/*!******************************************************************************!*\
+  !*** ./src/apps/search/components/filter-types/radio-filter/RadioFilter.tsx ***!
+  \******************************************************************************/
+/*! exports provided: RadioFilter */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RadioFilter", function() { return RadioFilter; });
+/* 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_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../../libs/common/src/react/utils/ArrayHelper */ "../../libs/common/src/react/utils/ArrayHelper.ts");
+/* harmony import */ var apps_search_reducers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! apps/search/reducers */ "./src/apps/search/reducers/index.ts");
+/* harmony import */ var apps_search_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! apps/search/components */ "./src/apps/search/components/index.ts");
+/* harmony import */ var _radio_filter_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./radio-filter.scss */ "./src/apps/search/components/filter-types/radio-filter/radio-filter.scss");
+/* harmony import */ var _radio_filter_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_radio_filter_scss__WEBPACK_IMPORTED_MODULE_5__);
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+
+
+function RadioFilter(props) {
+  var _a;
+
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_0__["useContext"](apps_search_reducers__WEBPACK_IMPORTED_MODULE_3__["FilterContext"]),
+      state = _React$useContext.state;
+
+  var filterState = state[props.filter.id];
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](filterState.selection),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      currentSelection = _React$useState2[0],
+      setCurrentSelection = _React$useState2[1];
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    return setCurrentSelection(filterState.selection);
+  }, [filterState.selection]);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h3", {
+    className: 'h6 mb-2'
+  }, props.filter.name), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Form"], {
+    className: 'mb-3'
+  }, props.filter.options.map(function (option) {
+    var _a;
+
+    var isSelected = ((_a = currentSelection) === null || _a === void 0 ? void 0 : _a.length) && option.id === _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_2__["ArrayHelper"].first(currentSelection).id;
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Form"].Check, {
+      key: option.id,
+      custom: true,
+      type: 'radio',
+      label: option.name,
+      name: option.id,
+      id: option.id,
+      value: option.id,
+      onChange: function onChange() {
+        return setCurrentSelection([option]);
+      },
+      checked: isSelected,
+      className: _radio_filter_scss__WEBPACK_IMPORTED_MODULE_5___default.a.radioFilter
+    });
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_search_components__WEBPACK_IMPORTED_MODULE_4__["FilterActions"], {
+    active: !!((_a = currentSelection) === null || _a === void 0 ? void 0 : _a.length),
+    filter: props.filter,
+    selection: currentSelection,
+    analyticsOptions: props.analyticsOptions
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/search/components/filter-types/radio-filter/radio-filter.scss":
+/*!********************************************************************************!*\
+  !*** ./src/apps/search/components/filter-types/radio-filter/radio-filter.scss ***!
+  \********************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"radioFilter":"cv--radioFilter--3srm_"};
+
+/***/ }),
+
+/***/ "./src/apps/search/components/filter-types/radio-filter/year-level/YearLevelRadioFilter.tsx":
+/*!**************************************************************************************************!*\
+  !*** ./src/apps/search/components/filter-types/radio-filter/year-level/YearLevelRadioFilter.tsx ***!
+  \**************************************************************************************************/
+/*! exports provided: YearLevelRadioFilter */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "YearLevelRadioFilter", function() { return YearLevelRadioFilter; });
+/* 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_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../../../libs/common/src/react/utils/ArrayHelper */ "../../libs/common/src/react/utils/ArrayHelper.ts");
+/* harmony import */ var apps_search_reducers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! apps/search/reducers */ "./src/apps/search/reducers/index.ts");
+/* harmony import */ var apps_search_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! apps/search/components */ "./src/apps/search/components/index.ts");
+/* harmony import */ var apps_user_manager_components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! apps/user-manager/components */ "./src/apps/user-manager/components/index.ts");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+
+
+function YearLevelRadioFilter(props) {
+  var _a;
+
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_0__["useContext"](apps_search_reducers__WEBPACK_IMPORTED_MODULE_3__["FilterContext"]),
+      state = _React$useContext.state;
+
+  var filterState = state[props.filter.id];
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](filterState.selection),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      currentSelection = _React$useState2[0],
+      setCurrentSelection = _React$useState2[1];
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    return setCurrentSelection(filterState.selection);
+  }, [filterState.selection]);
+
+  function onSelect(yearLevel) {
+    setCurrentSelection([yearLevel]);
+  }
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h3", {
+    className: 'h6 mb-2'
+  }, props.filter.name), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Form"], {
+    className: 'mb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_user_manager_components__WEBPACK_IMPORTED_MODULE_5__["YearLevelSelect"], {
+    yearLevels: props.filter.options,
+    onSelect: onSelect,
+    selected: _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_2__["ArrayHelper"].first(currentSelection)
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_search_components__WEBPACK_IMPORTED_MODULE_4__["FilterActions"], {
+    active: !!((_a = currentSelection) === null || _a === void 0 ? void 0 : _a.length),
+    filter: props.filter,
+    selection: currentSelection,
+    analyticsOptions: props.analyticsOptions
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/search/components/filter-types/switch-filter/SwitchFilter.tsx":
+/*!********************************************************************************!*\
+  !*** ./src/apps/search/components/filter-types/switch-filter/SwitchFilter.tsx ***!
+  \********************************************************************************/
+/*! exports provided: SwitchFilter */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SwitchFilter", function() { return SwitchFilter; });
+/* 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_toggle_switch_ToggleSwitch__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! shared/components/toggle-switch/ToggleSwitch */ "./src/shared/components/toggle-switch/ToggleSwitch.tsx");
+/* harmony import */ var apps_search_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! apps/search/components */ "./src/apps/search/components/index.ts");
+/* harmony import */ var apps_search_reducers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! apps/search/reducers */ "./src/apps/search/reducers/index.ts");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+function SwitchFilter(props) {
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_0__["useContext"](apps_search_reducers__WEBPACK_IMPORTED_MODULE_3__["FilterContext"]),
+      state = _React$useContext.state;
+
+  var filterState = state[props.filter.id];
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](filterState.active),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      active = _React$useState2[0],
+      setActive = _React$useState2[1];
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h3", {
+    className: 'h6 mb-2'
+  }, props.filter.name), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", {
+    className: 'd-inline-block w-75 mr-auto'
+  }, props.filter.description), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](shared_components_toggle_switch_ToggleSwitch__WEBPACK_IMPORTED_MODULE_1__["ToggleSwitch"], {
+    onClick: function onClick() {
+      return setActive(!active);
+    },
+    on: active
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_search_components__WEBPACK_IMPORTED_MODULE_2__["FilterActions"], {
+    active: active,
+    filter: props.filter,
+    analyticsOptions: props.analyticsOptions
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/search/components/index.ts":
+/*!*********************************************!*\
+  !*** ./src/apps/search/components/index.ts ***!
+  \*********************************************/
+/*! exports provided: SearchFilters, PartialSearchFilters, FilterButton, FilterActions, ResetButton, CheckboxFilter, MoreFilters, SwitchFilter, DropdownFilter, RadioFilter, YearLevelRadioFilter */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _search_filters_SearchFilters__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./search-filters/SearchFilters */ "./src/apps/search/components/search-filters/SearchFilters.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SearchFilters", function() { return _search_filters_SearchFilters__WEBPACK_IMPORTED_MODULE_0__["SearchFilters"]; });
+
+/* harmony import */ var _search_filters_PartialSearchFilters__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./search-filters/PartialSearchFilters */ "./src/apps/search/components/search-filters/PartialSearchFilters.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PartialSearchFilters", function() { return _search_filters_PartialSearchFilters__WEBPACK_IMPORTED_MODULE_1__["PartialSearchFilters"]; });
+
+/* harmony import */ var _filter_button_FilterButton__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./filter-button/FilterButton */ "./src/apps/search/components/filter-button/FilterButton.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "FilterButton", function() { return _filter_button_FilterButton__WEBPACK_IMPORTED_MODULE_2__["FilterButton"]; });
+
+/* harmony import */ var _filter_actions_FilterActions__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./filter-actions/FilterActions */ "./src/apps/search/components/filter-actions/FilterActions.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "FilterActions", function() { return _filter_actions_FilterActions__WEBPACK_IMPORTED_MODULE_3__["FilterActions"]; });
+
+/* harmony import */ var _reset_button_ResetButton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./reset-button/ResetButton */ "./src/apps/search/components/reset-button/ResetButton.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ResetButton", function() { return _reset_button_ResetButton__WEBPACK_IMPORTED_MODULE_4__["ResetButton"]; });
+
+/* harmony import */ var _filter_types__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./filter-types */ "./src/apps/search/components/filter-types/index.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CheckboxFilter", function() { return _filter_types__WEBPACK_IMPORTED_MODULE_5__["CheckboxFilter"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MoreFilters", function() { return _filter_types__WEBPACK_IMPORTED_MODULE_5__["MoreFilters"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SwitchFilter", function() { return _filter_types__WEBPACK_IMPORTED_MODULE_5__["SwitchFilter"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DropdownFilter", function() { return _filter_types__WEBPACK_IMPORTED_MODULE_5__["DropdownFilter"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RadioFilter", function() { return _filter_types__WEBPACK_IMPORTED_MODULE_5__["RadioFilter"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "YearLevelRadioFilter", function() { return _filter_types__WEBPACK_IMPORTED_MODULE_5__["YearLevelRadioFilter"]; });
+
+
+
+
+
+
+
+
+/***/ }),
+
+/***/ "./src/apps/search/components/reset-button/ResetButton.tsx":
+/*!*****************************************************************!*\
+  !*** ./src/apps/search/components/reset-button/ResetButton.tsx ***!
+  \*****************************************************************/
+/*! exports provided: ResetButton */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ResetButton", function() { return ResetButton; });
+/* 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_services_ContextService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/services/ContextService */ "../../libs/shared/src/services/ContextService.ts");
+/* harmony import */ var _libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/div-button/DivButton */ "../../libs/shared/src/components/div-button/DivButton.tsx");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var apps_search_reducers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! apps/search/reducers */ "./src/apps/search/reducers/index.ts");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+
+
+
+
+
+
+
+
+function ResetButton(props) {
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_0__["useContext"](apps_search_reducers__WEBPACK_IMPORTED_MODULE_5__["FilterContext"]),
+      dispatch = _React$useContext.dispatch;
+
+  var onClickReset = function onClickReset() {
+    var currentAppLink = _libs_shared_src_services_ContextService__WEBPACK_IMPORTED_MODULE_2__["ContextService"].getCurrentRoute().appLink;
+    var nextAppLink = {
+      application: currentAppLink.application,
+      action: currentAppLink.action
+    };
+    _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_6__["AnalyticsHelper"].logUserAction({
+      filter: 'All'
+    }, _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_6__["AnalyticsHelper"].mergeOptions(props.analyticsOptions, {
+      actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["UserAction"].Filter,
+      descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["FilterDescriptor"].Reset,
+      workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["WorkflowPhase"].Complete
+    }));
+    if (props.currentQueryParam) nextAppLink.params = {
+      query: props.currentQueryParam
+    };
+    _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].AppLinkHelper.trigger(nextAppLink);
+    dispatch({
+      type: 'trigger-reset',
+      payload: {}
+    });
+  };
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_3__["DivButton"], {
+    onClick: onClickReset,
+    className: 'hover-text-underline cursor-pointer d-flex align-items-center ml-2'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__["Text"], {
+    namespace: 'search.resetButton',
+    phrase: 'reset'
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/search/components/search-filters/PartialSearchFilters.tsx":
+/*!****************************************************************************!*\
+  !*** ./src/apps/search/components/search-filters/PartialSearchFilters.tsx ***!
+  \****************************************************************************/
+/*! exports provided: PartialSearchFilters */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialSearchFilters", function() { return PartialSearchFilters; });
+/* 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 _search_filters_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./search-filters.scss */ "./src/apps/search/components/search-filters/search-filters.scss");
+/* harmony import */ var _search_filters_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_search_filters_scss__WEBPACK_IMPORTED_MODULE_1__);
+
+
+function PartialSearchFilters(_ref) {
+  var _ref$count = _ref.count,
+      count = _ref$count === void 0 ? 6 : _ref$count,
+      hideHeading = _ref.hideHeading;
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'd-flex'
+  }, !hideHeading && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "\n          ".concat(_search_filters_scss__WEBPACK_IMPORTED_MODULE_1___default.a.partialFilterHeading, "\n          partial-loading-background\n          d-inline-block\n          pr-2\n          border-right\n          d-flex\n          align-items-center\n          my-auto\n        ")
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'd-flex pl-1'
+  }, Array(count).fill(null).map(function (item, index) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+      key: index,
+      className: "".concat(_search_filters_scss__WEBPACK_IMPORTED_MODULE_1___default.a.partialButton, " partial-loading-background mx-1")
+    });
+  })));
+}
+
+/***/ }),
+
+/***/ "./src/apps/search/components/search-filters/SearchFilters.tsx":
+/*!*********************************************************************!*\
+  !*** ./src/apps/search/components/search-filters/SearchFilters.tsx ***!
+  \*********************************************************************/
+/*! exports provided: SearchFilters */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SearchFilters", function() { return SearchFilters; });
+/* 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 apps_search_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! apps/search/components */ "./src/apps/search/components/index.ts");
+/* harmony import */ var apps_search_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! apps/search/utils */ "./src/apps/search/utils/index.ts");
+/* harmony import */ var apps_search_reducers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! apps/search/reducers */ "./src/apps/search/reducers/index.ts");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+
+function SearchFilters(props) {
+  var queryParams = props.queryParams,
+      mainFilters = props.mainFilters,
+      moreFilters = props.moreFilters,
+      hideHeading = props.hideHeading;
+  var initialState = react__WEBPACK_IMPORTED_MODULE_0__["useMemo"](function () {
+    return apps_search_utils__WEBPACK_IMPORTED_MODULE_3__["FilterHelper"].deriveInitialStateFromQuery(queryParams, mainFilters, moreFilters);
+  }, [queryParams]);
+
+  var _React$useReducer = react__WEBPACK_IMPORTED_MODULE_0__["useReducer"](apps_search_reducers__WEBPACK_IMPORTED_MODULE_4__["FilterReducer"], initialState),
+      _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
+      state = _React$useReducer2[0],
+      dispatch = _React$useReducer2[1];
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    if (!state.bulkReset) return;
+    dispatch({
+      type: 'bulk-reset',
+      payload: apps_search_utils__WEBPACK_IMPORTED_MODULE_3__["FilterHelper"].deriveInitialStateFromQuery({}, mainFilters, moreFilters)
+    });
+  }, [state]);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_search_reducers__WEBPACK_IMPORTED_MODULE_4__["FilterContext"].Provider, {
+    value: {
+      state: state,
+      dispatch: dispatch
+    }
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["LanguageNamespaceContext"].Provider, {
+    value: 'search.searchFilters'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("section", {
+    className: 'd-flex'
+  }, !hideHeading && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h2", {
+    className: 'h5 mb-0 d-inline-block pr-2 border-right d-flex align-items-center'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    phrase: 'heading'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'd-flex'
+  }, mainFilters.map(function (f) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_search_components__WEBPACK_IMPORTED_MODULE_2__["FilterButton"], {
+      key: f.id,
+      filter: f,
+      analyticsOptions: props.analyticsOptions
+    });
+  }), moreFilters && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_search_components__WEBPACK_IMPORTED_MODULE_2__["FilterButton"], {
+    key: moreFilters.id,
+    filter: moreFilters,
+    analyticsOptions: props.analyticsOptions
+  }), apps_search_utils__WEBPACK_IMPORTED_MODULE_3__["FilterHelper"].hasActiveFilters(queryParams) && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_search_components__WEBPACK_IMPORTED_MODULE_2__["ResetButton"], {
+    currentQueryParam: queryParams.query,
+    analyticsOptions: props.analyticsOptions
+  })))));
+}
+
+/***/ }),
+
+/***/ "./src/apps/search/components/search-filters/search-filters.scss":
+/*!***********************************************************************!*\
+  !*** ./src/apps/search/components/search-filters/search-filters.scss ***!
+  \***********************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"partialFilterHeading":"cv--partialFilterHeading--2zHGT","partialButton":"cv--partialButton--3Gy7Y"};
+
+/***/ }),
+
+/***/ "./src/apps/search/reducers/FilterReducer.tsx":
+/*!****************************************************!*\
+  !*** ./src/apps/search/reducers/FilterReducer.tsx ***!
+  \****************************************************/
+/*! exports provided: FilterContext, FilterReducer */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FilterContext", function() { return FilterContext; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FilterReducer", function() { return FilterReducer; });
+/* 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__);
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+
+var FilterContext = Object(react__WEBPACK_IMPORTED_MODULE_0__["createContext"])(null);
+/**
+ * Reducer - root level keys should match the filter object's corresponding "id" field
+ */
+
+function FilterReducer(state, action) {
+  switch (action.type) {
+    case 'apply':
+      return Object.assign(Object.assign({}, state), _defineProperty({}, action.payload.filter.id, {
+        active: action.payload.active,
+        selection: action.payload.selection
+      }));
+
+    case 'reset':
+      return Object.assign(Object.assign({}, state), _defineProperty({}, action.payload.filter.id, {
+        active: action.payload.active,
+        selection: action.payload.selection
+      }));
+
+    case 'trigger-reset':
+      return Object.assign(Object.assign({}, state), {
+        bulkReset: true
+      });
+
+    case 'bulk-reset':
+      return Object.assign(Object.assign(Object.assign({}, state), action.payload), {
+        bulkReset: false
+      });
+
+    default:
+      return state;
+  }
+}
+
+/***/ }),
+
+/***/ "./src/apps/search/reducers/index.ts":
+/*!*******************************************!*\
+  !*** ./src/apps/search/reducers/index.ts ***!
+  \*******************************************/
+/*! exports provided: FilterContext, FilterReducer */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _FilterReducer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./FilterReducer */ "./src/apps/search/reducers/FilterReducer.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "FilterContext", function() { return _FilterReducer__WEBPACK_IMPORTED_MODULE_0__["FilterContext"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "FilterReducer", function() { return _FilterReducer__WEBPACK_IMPORTED_MODULE_0__["FilterReducer"]; });
+
+
+
+/***/ }),
+
+/***/ "./src/apps/search/utils/FilterHelper.tsx":
+/*!************************************************!*\
+  !*** ./src/apps/search/utils/FilterHelper.tsx ***!
+  \************************************************/
+/*! exports provided: Filters, FilterHelper */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Filters", function() { return Filters; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FilterHelper", function() { return FilterHelper; });
+/* 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_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../libs/common/src/react/utils/ArrayHelper */ "../../libs/common/src/react/utils/ArrayHelper.ts");
+/* harmony import */ var _libs_common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../libs/common/src/react/utils/ObjectHelper */ "../../libs/common/src/react/utils/ObjectHelper.ts");
+/* harmony import */ var apps_search_components_filter_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! apps/search/components/filter-types */ "./src/apps/search/components/filter-types/index.ts");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].encloseNamespace('search.utils');
+var Filters = {
+  SortByName: function SortByName(options) {
+    return {
+      id: 'sortName',
+      name: getPhrase('firstNameAToZ'),
+      type: 'dropdown',
+      options: options
+    };
+  },
+  YearLevel: function YearLevel(options) {
+    return {
+      id: 'yearLevel',
+      name: getPhrase('yearLevel'),
+      type: 'radio',
+      customComponent: apps_search_components_filter_types__WEBPACK_IMPORTED_MODULE_4__["YearLevelRadioFilter"],
+      options: options
+    };
+  },
+  ObjectType: function ObjectType(options) {
+    return {
+      id: 'objectType',
+      name: getPhrase('objectTypes'),
+      type: 'radio',
+      options: options
+    };
+  },
+  Ratings: function Ratings(options) {
+    return {
+      id: 'ratings',
+      name: getPhrase('ratings'),
+      type: 'rating',
+      options: options
+    };
+  },
+  Interactives: function Interactives() {
+    return {
+      id: 'interactives',
+      name: getPhrase('interactives'),
+      type: 'switch',
+      description: getPhrase('interactivesDescription')
+    };
+  },
+  Clips: function Clips() {
+    return {
+      id: 'clips',
+      name: getPhrase('clips'),
+      type: 'switch',
+      description: getPhrase('clipsDescription')
+    };
+  },
+  Classroom: function Classroom(options) {
+    return {
+      id: 'classroom',
+      name: getPhrase('classroom'),
+      type: 'checkbox',
+      options: options
+    };
+  }
+};
+var FilterHelper = {
+  getMoreFilters: function getMoreFilters() {
+    return {
+      id: 'moreFilters',
+      name: getPhrase('moreFilters'),
+      type: 'more-filters',
+      filters: []
+    };
+  },
+  mapTypeToComponent: function mapTypeToComponent(type) {
+    switch (type) {
+      case 'switch':
+        return function (props) {
+          return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_search_components_filter_types__WEBPACK_IMPORTED_MODULE_4__["SwitchFilter"], Object.assign({
+            key: props.id
+          }, props));
+        };
+
+      case 'checkbox':
+        return function (props) {
+          return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_search_components_filter_types__WEBPACK_IMPORTED_MODULE_4__["CheckboxFilter"], Object.assign({
+            key: props.id
+          }, props));
+        };
+
+      case 'radio':
+        return function (props) {
+          return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_search_components_filter_types__WEBPACK_IMPORTED_MODULE_4__["RadioFilter"], Object.assign({
+            key: props.id
+          }, props));
+        };
+
+      case 'rating':
+        return function (props) {
+          return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_search_components_filter_types__WEBPACK_IMPORTED_MODULE_4__["SwitchFilter"], Object.assign({
+            key: props.id
+          }, props));
+        };
+
+      case 'dropdown':
+        return function (props) {
+          return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_search_components_filter_types__WEBPACK_IMPORTED_MODULE_4__["DropdownFilter"], Object.assign({
+            key: props.id
+          }, props));
+        };
+
+      case 'more-filters':
+        return function (props) {
+          return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_search_components_filter_types__WEBPACK_IMPORTED_MODULE_4__["MoreFilters"], Object.assign({
+            key: props.id
+          }, props));
+        };
+    }
+  },
+  deriveInitialStateFromQuery: function deriveInitialStateFromQuery() {
+    var queryParams = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var mainFilters = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+    var moreFilters = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+    var initialStates = {
+      sortName: {
+        active: !!queryParams.sortName,
+        selection: getFilterSelectionsFromQueryParams(queryParams, mainFilters, 'sortName')
+      },
+      objectType: {
+        active: !!queryParams.objectType,
+        selection: getFilterSelectionsFromQueryParams(queryParams, mainFilters, 'objectType')
+      },
+      ratings: {
+        active: !!queryParams.ratings,
+        selection: queryParams.ratings || null
+      },
+      interactives: {
+        active: queryParams.interactives
+      },
+      clips: {
+        active: queryParams.clips
+      },
+      yearLevel: {
+        active: !!queryParams.yearLevel,
+        selection: getFilterSelectionsFromQueryParams(queryParams, mainFilters, 'yearLevel')
+      },
+      classroom: {
+        active: !!queryParams.classroom,
+        selection: getFilterSelectionsFromQueryParams(queryParams, mainFilters, 'classroom')
+      },
+      moreFilters: {
+        active: false // TODO: figure this shit out eventually
+
+      }
+    };
+    var derivedState = mainFilters.reduce(function (state, filter) {
+      state[filter.id] = initialStates[filter.id];
+      return state;
+    }, {});
+    if (moreFilters) derivedState.moreFilters = initialStates.moreFilters;
+    return derivedState;
+  },
+  hasActiveFilters: function hasActiveFilters(queryParams) {
+    var paramKeys = Object.keys(queryParams);
+    if (!paramKeys.length) return false;
+    var activeFilters = paramKeys.filter(function (q) {
+      // 'query', 'cursor', and 'page' don't count as filters
+      if (q === 'query' || q === 'cursor' || q === 'page') return false; // Filters that can have multiple selections (e.g. checkbox types) do not count as active if they are empty
+
+      if (Array.isArray(queryParams[q]) && !queryParams[q].length) return false;
+      return true;
+    });
+    return !!activeFilters.length;
+  },
+  getLabel: function getLabel(filter, filterState) {
+    var _a;
+
+    if (!((_a = filterState.selection) === null || _a === void 0 ? void 0 : _a.length)) return filter.name;
+    if (filter.type === 'dropdown') return _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_2__["ArrayHelper"].first(filterState.selection).name;
+
+    if (filter.type === 'radio') {
+      var selection = _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_2__["ArrayHelper"].first(filterState.selection);
+      if (!selection || selection["default"]) return filter.name;
+      return selection.name;
+    }
+
+    if (filter.type === 'checkbox') return "".concat(filter.name, " - ").concat(filterState.selection.length);
+  },
+  buildQueryParams: function buildQueryParams(queryParams, state) {
+    var _state$filter = state.filter,
+        param = _state$filter.id,
+        type = _state$filter.type;
+    var updatedParams = Object.assign({}, queryParams);
+
+    switch (type) {
+      case 'switch':
+        updatedParams[param] = state.active ? 'true' : '';
+        break;
+
+      case 'radio':
+      case 'dropdown':
+        updatedParams[param] = getRadioParamValue(state.selection);
+        break;
+
+      case 'checkbox':
+        updatedParams[param] = state.active ? state.selection.map(function (option) {
+          return option.id;
+        }) : [];
+    }
+
+    if (!updatedParams[param]) // If the param is empty, delete it
+      delete updatedParams[param];
+    return updatedParams;
+  },
+
+  /**
+   * This returns an object of all of the query params our search requests will pass to the backend endpoint.
+   * This usually consists of:
+   * q      = the query string       e.g. 'shakespeare'
+   * filter = the filter string      e.g. '{interactives:true,classroom:classroom-2-a,classroom:classroom-2-b}'
+   * query  = the with statement     e.g. '{orderbydesc:name}series,season,interactives,resources,subtitles'
+   * cursor = the cursor             e.g. 's-sf3r9o32f-0vd'
+   */
+  getBackendQueryParams: function getBackendQueryParams(queryParams) {
+    var q = queryParams.query;
+    var query = getWithStatement(queryParams);
+    var filter = getFilterString(queryParams);
+    var backendQueryParams = {};
+    if (q) backendQueryParams.q = q;
+    if (query) backendQueryParams.query = query;
+    if (filter) backendQueryParams.filter = "{".concat(filter, "}");
+    if (queryParams.cursor) backendQueryParams.cursor = queryParams.cursor;
+    return backendQueryParams;
+  },
+
+  /**
+   * This functions purpose is to convert a with statement string into an object that is easy to use
+   * in mock backends for sorting/filtering mock data. It doesn't need to be efficient, as it should
+   * never ever be used in production
+   */
+  convertWithStatementToObject: function convertWithStatementToObject(withStatement) {
+    if (!withStatement) return {}; // Remove any angle brackets with commas, which we use in `.split` just below
+
+    withStatement = withStatement.replace('{', ',').replace('}', ',');
+    var withStatements = withStatement.split(',');
+    var sortingStatement = '';
+    var assocStatements = [];
+    withStatements.forEach(function (statement) {
+      if (statement.includes(':')) sortingStatement = statement;else assocStatements.push(statement);
+    });
+
+    var _sortingStatement$spl = sortingStatement.split(':'),
+        _sortingStatement$spl2 = _slicedToArray(_sortingStatement$spl, 2),
+        sortKey = _sortingStatement$spl2[0],
+        sortValue = _sortingStatement$spl2[1];
+
+    return {
+      assocs: assocStatements,
+      sortKey: sortKey,
+      sortValue: sortValue
+    };
+  },
+  // This is used for filtering data in mock flight requests. It shouldn't be used in production code
+  revertFilterString: function revertFilterString(filterString) {
+    if (!filterString) return {}; // Remove "{" and "}" from both ends
+
+    filterString = filterString.slice(1, -1); // Get an array of all of our filter values:
+    // E.g. [ 'yearLevel:year-2', 'classroom:classroom-2-a', 'classroom-2-b', 'classroom-2-c' ]
+
+    var filterValues = filterString.split(',');
+    var keyValueFilterStrings = [];
+    var currentFilterKey = '';
+    filterValues.forEach(function (filterStr) {
+      // Here we're building an array that looks like `filterValues`, but where every value has its key attached
+      // E.g. [ 'yearLevel:year-2', 'classroom:classroom-2-a', 'classroom:classroom-2-b', 'classroom:classroom-2-c' ]
+      if (filterStr.includes(':')) {
+        currentFilterKey = filterStr.split(':')[0];
+        keyValueFilterStrings.push(filterStr);
+        return;
+      }
+
+      var fullFilterString = "".concat(currentFilterKey, ":").concat(filterStr);
+      keyValueFilterStrings.push(fullFilterString);
+    }); // Convert the array into an object.
+    // E.g. { yearLevel: 'year-2', classroom: [ 'classroom-2-a', 'classroom-2-b', 'classroom-2-c' ] }
+
+    return keyValueFilterStrings.reduce(function (filterObj, filterStr) {
+      var _filterStr$split = filterStr.split(':'),
+          _filterStr$split2 = _slicedToArray(_filterStr$split, 2),
+          key = _filterStr$split2[0],
+          value = _filterStr$split2[1];
+
+      if (filterObj[key] && !Array.isArray(filterObj[key])) {
+        var temp = filterObj[key];
+        filterObj[key] = [temp];
+      }
+
+      if (Array.isArray(filterObj[key])) filterObj[key].push(value);else filterObj[key] = value;
+      return filterObj;
+    }, {});
+  },
+
+  /**
+   * Helpers below this comment return hard coded filter options for a particular filter.
+   * If you are adding a new filter with hard coded options, add a new function here.
+   */
+  getObjectTypeOptions: function getObjectTypeOptions() {
+    return [{
+      id: 'allTypes',
+      name: getPhrase('allTypes'),
+      "default": true
+    }, {
+      id: 'topics',
+      name: getPhrase('topics')
+    }, {
+      id: 'playlists',
+      name: getPhrase('playlists')
+    }, {
+      id: 'series',
+      name: getPhrase('series')
+    }, {
+      id: 'videos',
+      name: getPhrase('videos')
+    }];
+  },
+  getNameSortOptions: function getNameSortOptions() {
+    return [{
+      id: 'first-name-atoz',
+      name: getPhrase('firstNameAToZ'),
+      "default": true
+    }, {
+      id: 'first-name-ztoa',
+      name: getPhrase('firstNameZToA')
+    }, {
+      id: 'surname-atoz',
+      name: getPhrase('surnameAToZ')
+    }, {
+      id: 'surname-ztoa',
+      name: getPhrase('surnameZToA')
+    }];
+  },
+  getYearLevelOptions: function getYearLevelOptions(yearLevels) {
+    var _a;
+
+    if (!((_a = yearLevels) === null || _a === void 0 ? void 0 : _a.length)) return [];
+    return yearLevels.map(function (level) {
+      return {
+        id: level.name.toLowerCase().replace(' ', '-'),
+        name: level.name
+      };
+    });
+  },
+  getClassroomOptions: function getClassroomOptions(classrooms) {
+    var _a;
+
+    if (!((_a = classrooms) === null || _a === void 0 ? void 0 : _a.length)) return [];
+    return classrooms.map(function (classroom) {
+      return {
+        id: classroom.name.toLowerCase().replace(' ', '-'),
+        name: classroom.name
+      };
+    });
+  }
+}; // This allows us to determine which filters should be applied based on the query params set on first load
+
+function getFilterSelectionsFromQueryParams(queryParams, filters, filterName) {
+  var filter = filters.find(function (f) {
+    return f.id === filterName;
+  });
+  if (!filter) return [];
+  if (!queryParams[filterName]) return filter.options.filter(function (option) {
+    return option["default"];
+  });
+  var selections = queryParams[filterName];
+  if (!Array.isArray(selections)) selections = [selections];
+  return filter.options.filter(function (option) {
+    return selections.includes(option.id);
+  });
+}
+
+function getRadioParamValue(selection) {
+  var _a;
+
+  if (!((_a = selection) === null || _a === void 0 ? void 0 : _a.length)) return '';
+  return _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_2__["ArrayHelper"].first(selection).id;
+}
+/**
+ * This is massively under developed, and only does what it's needed for at this time.
+ * Please update if you need extra functionality
+ */
+
+
+function getWithStatement(queryParams) {
+  var withStatement = '';
+
+  if (queryParams['sortName']) {
+    switch (queryParams['sortName']) {
+      case 'first-name-atoz':
+        withStatement += '{orderby:name}';
+        break;
+
+      case 'first-name-ztoa':
+        withStatement += '{orderbydesc:name}';
+        break;
+
+      case 'surname-atoz':
+        withStatement += '{orderby:surname}';
+        break;
+
+      case 'surname-ztoa':
+        withStatement += '{orderbydesc:surname}';
+        break;
+
+      default:
+        break;
+    }
+  }
+
+  return withStatement;
+}
+/**
+ * Private functions
+ */
+
+
+function getFilterString(queryParams) {
+  // Add any potential query params here that are not supposed to be in the filter string
+  var omitKeys = ['query', 'sortName', 'cursor', 'page'];
+  var filterQueryParams = _libs_common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_3__["ObjectHelper"].omit(queryParams, omitKeys);
+  var filterStrings = Object.keys(filterQueryParams).map(function (filter) {
+    return "".concat(filter, ":").concat(filterQueryParams[filter]);
+  });
+  return filterStrings.join(',');
+}
+
+/***/ }),
+
+/***/ "./src/apps/search/utils/SearchHelper.tsx":
+/*!************************************************!*\
+  !*** ./src/apps/search/utils/SearchHelper.tsx ***!
+  \************************************************/
+/*! exports provided: SearchHelper */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SearchHelper", function() { return SearchHelper; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../libs/common/src/react/utils/ArrayHelper */ "../../libs/common/src/react/utils/ArrayHelper.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../libs/common/src/react/utils/TextHelper */ "../../libs/common/src/react/utils/TextHelper.ts");
+/* harmony import */ var _libs_shared_src_enums_WidgetContents__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../libs/shared/src/enums/WidgetContents */ "../../libs/shared/src/enums/WidgetContents.ts");
+/* harmony import */ var _libs_shared_src_components_video_list_VideoList__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/video-list/VideoList */ "../../libs/shared/src/components/video-list/VideoList.tsx");
+/* harmony import */ var _libs_shared_src_components_widgets_fixed_widget_FixedWidget__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/widgets/fixed-widget/FixedWidget */ "../../libs/shared/src/components/widgets/fixed-widget/FixedWidget.tsx");
+/* harmony import */ var _libs_shared_src_components_widgets_items_playlist_widget_item_PlaylistWidgetItem__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/widgets/items/playlist-widget-item/PlaylistWidgetItem */ "../../libs/shared/src/components/widgets/items/playlist-widget-item/PlaylistWidgetItem.tsx");
+/* harmony import */ var _libs_shared_src_components_widgets_items_series_widget_item_SeriesWidgetItem__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/widgets/items/series-widget-item/SeriesWidgetItem */ "../../libs/shared/src/components/widgets/items/series-widget-item/SeriesWidgetItem.tsx");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+
+
+
+
+
+
+
+
+
+
+
+var Capacities = {
+  MainResults: {
+    SUBJECTS: 10,
+    PLAYLISTS: 5,
+    SERIES: 4
+  },
+  OtherResults: {
+    VIDEOS: 6,
+    PLAYLISTS: 10,
+    SERIES: 10
+  }
+};
+var SearchHelper = {
+  /**
+   * These are the results that appear at the very top of the page
+   */
+  filterMainResults: function filterMainResults(results) {
+    var MainResults = Capacities.MainResults;
+    var subjects = _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_1__["ArrayHelper"].firstFew(results.subjects, MainResults.SUBJECTS);
+    var firstVideo = _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_1__["ArrayHelper"].first(results.videos);
+    var playlists = _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_1__["ArrayHelper"].firstFew(results.playlists, MainResults.PLAYLISTS);
+    var series = _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_1__["ArrayHelper"].firstFew(results.series, MainResults.SERIES);
+    return {
+      subjects: subjects,
+      firstVideo: firstVideo,
+      playlists: playlists,
+      series: series,
+      otherResults: {
+        videos: _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_1__["ArrayHelper"].lastFew(results.videos, results.videos.length - 1),
+        playlists: _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_1__["ArrayHelper"].lastFew(results.playlists, results.playlists.length - MainResults.PLAYLISTS),
+        series: _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_1__["ArrayHelper"].lastFew(results.series, results.series.length - MainResults.SERIES)
+      }
+    };
+  },
+  structureOtherResults: function structureOtherResults(results) {
+    var OtherResults = Capacities.OtherResults;
+    var videoSets = _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_1__["ArrayHelper"].chunk(results.videos, OtherResults.VIDEOS);
+    var playlistSets = _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_1__["ArrayHelper"].chunk(results.playlists, OtherResults.PLAYLISTS);
+    var seriesSets = _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_1__["ArrayHelper"].chunk(results.series, OtherResults.SERIES);
+    return SearchHelper.buildResultStructure(videoSets, playlistSets, seriesSets);
+  },
+  // For every 6 videos, there should be either a row of playlists or a row of series (alternating)
+  buildResultStructure: function buildResultStructure(videoSets, playlistSets, seriesSets) {
+    var structure = []; // Clone each set as we need to use a mutable structure, but don't want to mutate the inputs directly
+
+    var videosClone = _toConsumableArray(videoSets);
+
+    var playlistsClone = _toConsumableArray(playlistSets);
+
+    var seriesClone = _toConsumableArray(seriesSets); // We set the iterations here instead of in the for-loop args because `videoSets` gets mutated
+
+
+    var iterations = videoSets.length;
+
+    for (var index = 0; index < iterations; index++) {
+      var nextVideoSet = videosClone.shift(); // After every video set will come a set of playlists or series
+
+      var seriesOrPlaylistSet = SearchHelper.getSeriesOrPlaylistSet(playlistsClone, seriesClone, index);
+      nextVideoSet && structure.push({
+        type: 'video',
+        data: nextVideoSet
+      });
+      seriesOrPlaylistSet && structure.push(seriesOrPlaylistSet);
+    } // In edge cases where there may be more playlists or series result sets than video sets, add them to the end
+
+
+    if (playlistsClone.length) {
+      playlistsClone.forEach(function (data) {
+        return structure.push({
+          type: 'playlist',
+          data: data
+        });
+      });
+    }
+
+    if (seriesClone.length) {
+      seriesClone.forEach(function (data) {
+        return structure.push({
+          type: 'series',
+          data: data
+        });
+      });
+    } // Remove any empty sets
+
+
+    return structure.filter(function (set) {
+      return set.data && !!set.data.length;
+    });
+  },
+
+  /**
+   * Determines whether or not a playlist or series set should be added to the results structure next.
+   */
+  getSeriesOrPlaylistSet: function getSeriesOrPlaylistSet(playlists, series, videoSetIndex) {
+    var isOdd = videoSetIndex % 2 === 0; // If odd, add a series set. If even, add a playlist set.
+
+    if (isOdd && series.length || !playlists.length) return {
+      type: 'series',
+      data: series.shift()
+    };
+    if (!isOdd && playlists.length || !series.length) return {
+      type: 'playlist',
+      data: playlists.shift()
+    }; // We will only reach this point once we have run out of series and playlist results
+
+    return null;
+  },
+  getResultSetComponent: function getResultSetComponent(set, audiences, setFavourite) {
+    switch (set.type) {
+      case 'video':
+        return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+          className: 'pb-3'
+        }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_video_list_VideoList__WEBPACK_IMPORTED_MODULE_5__["VideoList"], {
+          videos: set.data,
+          getVideoAppLink: SearchHelper.getVideoAppLink,
+          getSeriesAppLink: SearchHelper.getSeriesAppLink,
+          setFavourite: setFavourite
+        }));
+
+      case 'playlist':
+        return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+          className: 'mx-n1'
+        }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_widgets_fixed_widget_FixedWidget__WEBPACK_IMPORTED_MODULE_6__["FixedWidget"], {
+          name: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].getPhrase('search.searchResults', 'relatedPlaylists'),
+          collection: set.data,
+          childAppLink: SearchHelper.getPlaylistAppLink(),
+          childComponent: function childComponent(childProps) {
+            return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_widgets_items_playlist_widget_item_PlaylistWidgetItem__WEBPACK_IMPORTED_MODULE_7__["PlaylistWidgetItem"], Object.assign({}, childProps, {
+              presentationAudiences: audiences
+            }));
+          },
+          contents: _libs_shared_src_enums_WidgetContents__WEBPACK_IMPORTED_MODULE_4__["WidgetContents"].Playlists
+        }));
+
+      case 'series':
+        return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+          className: 'mx-n1'
+        }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_widgets_fixed_widget_FixedWidget__WEBPACK_IMPORTED_MODULE_6__["FixedWidget"], {
+          name: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].getPhrase('search.searchResults', 'relatedSeries'),
+          collection: set.data,
+          childAppLink: SearchHelper.getSeriesAppLink(),
+          childComponent: function childComponent(childProps) {
+            return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_widgets_items_series_widget_item_SeriesWidgetItem__WEBPACK_IMPORTED_MODULE_8__["SeriesWidgetItem"], Object.assign({}, childProps, {
+              audiences: audiences
+            }));
+          },
+          contents: _libs_shared_src_enums_WidgetContents__WEBPACK_IMPORTED_MODULE_4__["WidgetContents"].Series
+        }));
+    }
+  },
+  getVideoAppLink: function getVideoAppLink(video) {
+    return {
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_9__["AppChannels"].DEFAULT,
+      action: 'play:video',
+      args: [video.id]
+    };
+  },
+  getSeriesAppLink: function getSeriesAppLink(series) {
+    return {
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_9__["AppChannels"].DEFAULT,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_10__["Actions"].Default.SERIES,
+      args: series ? [series.id, _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_3__["TextHelper"].slugify(series.name)] : []
+    };
+  },
+  getPlaylistAppLink: function getPlaylistAppLink(playlist) {
+    return {
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_9__["AppChannels"].PLAYLISTS,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_10__["Actions"].Playlists.PLAYLIST,
+      args: playlist ? [playlist.id, _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_3__["TextHelper"].slugify(playlist.name)] : []
+    };
+  }
+};
+
+/***/ }),
+
+/***/ "./src/apps/search/utils/index.ts":
+/*!****************************************!*\
+  !*** ./src/apps/search/utils/index.ts ***!
+  \****************************************/
+/*! exports provided: Filters, FilterHelper, SearchHelper */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _FilterHelper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./FilterHelper */ "./src/apps/search/utils/FilterHelper.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Filters", function() { return _FilterHelper__WEBPACK_IMPORTED_MODULE_0__["Filters"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "FilterHelper", function() { return _FilterHelper__WEBPACK_IMPORTED_MODULE_0__["FilterHelper"]; });
+
+/* harmony import */ var _SearchHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./SearchHelper */ "./src/apps/search/utils/SearchHelper.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SearchHelper", function() { return _SearchHelper__WEBPACK_IMPORTED_MODULE_1__["SearchHelper"]; });
+
+
+
+
+/***/ }),
+
+/***/ "./src/apps/user-manager/components/bulk-upload-file-select/BulkUploadFileSelect.tsx":
+/*!*******************************************************************************************!*\
+  !*** ./src/apps/user-manager/components/bulk-upload-file-select/BulkUploadFileSelect.tsx ***!
+  \*******************************************************************************************/
+/*! exports provided: BulkUploadFileSelect */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BulkUploadFileSelect", function() { return BulkUploadFileSelect; });
+/* 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 papaparse__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! papaparse */ "../../../node_modules/papaparse/papaparse.min.js");
+/* harmony import */ var papaparse__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(papaparse__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_common_src_react_hooks_useViewModel__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/hooks/useViewModel */ "../../libs/common/src/react/hooks/useViewModel.ts");
+/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__ = __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_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/icon-button/IconButton */ "../../libs/shared/src/components/icon-button/IconButton.tsx");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.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 _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_constants_LiteViewModels__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! shared/constants/LiteViewModels */ "./src/shared/constants/LiteViewModels.ts");
+/* harmony import */ var apps_user_manager_enums__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! apps/user-manager/enums */ "./src/apps/user-manager/enums/index.ts");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+var namespace = 'userManager.bulkUploadFileSelect';
+function BulkUploadFileSelect(props) {
+  var ref = react__WEBPACK_IMPORTED_MODULE_0___default.a.useRef(null);
+  var useRef = react__WEBPACK_IMPORTED_MODULE_0___default.a.useCallback(function (node) {
+    if (!node) return;
+    ref.current = node;
+  }, []);
+  var viewModelKey = props.userType === apps_user_manager_enums__WEBPACK_IMPORTED_MODULE_11__["MockUserType"].Student ? shared_constants_LiteViewModels__WEBPACK_IMPORTED_MODULE_10__["ViewModelKeys"].BULK_STUDENT_UPLOAD : shared_constants_LiteViewModels__WEBPACK_IMPORTED_MODULE_10__["ViewModelKeys"].BULK_TEACHER_UPLOAD;
+
+  var _useViewModel = Object(_libs_common_src_react_hooks_useViewModel__WEBPACK_IMPORTED_MODULE_2__["useViewModel"])(viewModelKey),
+      _useViewModel2 = _slicedToArray(_useViewModel, 2),
+      setUsers = _useViewModel2[1];
+
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_6__["useAlerts"])();
+
+  var buildStudent = function buildStudent(r, index) {
+    var yearLevel = props.yearLevels.find(function (y) {
+      return y.name === r[2];
+    });
+    return {
+      lookupId: index.toString(),
+      name: r[0],
+      surname: r[1],
+      yearLevel: yearLevel,
+      email: r[3]
+    };
+  };
+
+  var buildTeacher = function buildTeacher(r, index) {
+    var userRole = props.userRoles.find(function (y) {
+      return y.name === r[2];
+    }); // TODO: Change to actually work
+
+    return {
+      lookupId: index.toString(),
+      name: r[0],
+      surname: r[1],
+      userRole: userRole,
+      email: r[3]
+    };
+  };
+
+  var onClick = function onClick(e) {
+    ref.current.value = null;
+    ref.current.click(null);
+  };
+
+  var _onChange = function onChange(file) {
+    Object(papaparse__WEBPACK_IMPORTED_MODULE_1__["parse"])(file, {
+      complete: function complete(result) {
+        var data = result.data;
+
+        if (!data.length || data.length === 1) {
+          alerts.warning(_libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_8__["LanguageService"].getPhrase(namespace, 'emptyCsvWarning'));
+          return;
+        }
+
+        data.shift();
+        setUsers(data.map(props.userType === apps_user_manager_enums__WEBPACK_IMPORTED_MODULE_11__["MockUserType"].Student ? buildStudent : buildTeacher));
+        _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_7__["Core"].AppLinkHelper.trigger({
+          application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_9__["AppChannels"].USER_MANAGER,
+          action: props.action
+        });
+      }
+    });
+  };
+
+  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(_libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_4__["IconButton"], {
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["cvSvgLibrary"].Upload,
+    className: 'btn btn-outline-dark',
+    onClick: onClick
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_5__["Text"], {
+    namespace: namespace,
+    phrase: 'button'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("input", {
+    type: 'file',
+    autoComplete: 'off',
+    className: 'file-select d-none',
+    accept: 'text/csv',
+    ref: useRef,
+    onChange: function onChange(e) {
+      return _onChange(e.target.files[0]);
+    }
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/user-manager/components/edit-student-details/EditStudentDetails.tsx":
+/*!**************************************************************************************!*\
+  !*** ./src/apps/user-manager/components/edit-student-details/EditStudentDetails.tsx ***!
+  \**************************************************************************************/
+/*! exports provided: EditStudentDetails */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditStudentDetails", function() { return EditStudentDetails; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-wrapper/FormWrapper */ "../../libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx");
+/* harmony import */ var apps_user_manager_enums__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! apps/user-manager/enums */ "./src/apps/user-manager/enums/index.ts");
+/* harmony import */ var apps_user_manager_validation_user_validation_UserValidationSchema__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! apps/user-manager/validation/user-validation/UserValidationSchema */ "./src/apps/user-manager/validation/user-validation/UserValidationSchema.ts");
+/* harmony import */ var apps_user_manager_components_user_details_form_UserDetailsForm__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! apps/user-manager/components/user-details-form/UserDetailsForm */ "./src/apps/user-manager/components/user-details-form/UserDetailsForm.tsx");
+
+
+
+
+
+function EditStudentDetails(props) {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+
+  var user = props.user,
+      saveUser = props.saveUser,
+      onClickCancel = props.onClickCancel,
+      yearLevels = props.yearLevels,
+      _props$hasNext = props.hasNext,
+      hasNext = _props$hasNext === void 0 ? false : _props$hasNext,
+      _props$initialErrors = props.initialErrors,
+      initialErrors = _props$initialErrors === void 0 ? {} : _props$initialErrors;
+  var initialValues = {
+    id: (_a = user) === null || _a === void 0 ? void 0 : _a.id,
+    name: (_b = user) === null || _b === void 0 ? void 0 : _b.name,
+    email: (_c = user) === null || _c === void 0 ? void 0 : _c.email,
+    surname: (_d = user) === null || _d === void 0 ? void 0 : _d.surname,
+    yearLevel: {
+      id: (_f = (_e = user) === null || _e === void 0 ? void 0 : _e.yearLevel) === null || _f === void 0 ? void 0 : _f.id,
+      name: (_h = (_g = user) === null || _g === void 0 ? void 0 : _g.yearLevel) === null || _h === void 0 ? void 0 : _h.name
+    }
+  };
+  var initialTouched = {};
+  Object.keys(initialErrors).forEach(function (err) {
+    initialTouched[err] = true;
+  });
+  var StudentValidationSchema = Object(apps_user_manager_validation_user_validation_UserValidationSchema__WEBPACK_IMPORTED_MODULE_3__["getStudentValidationSchema"])(yearLevels);
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_1__["FormWrapper"], {
+    initialValues: initialValues,
+    initialErrors: initialErrors,
+    initialTouched: initialTouched,
+    validationSchema: StudentValidationSchema,
+    onSubmit: saveUser
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_user_manager_components_user_details_form_UserDetailsForm__WEBPACK_IMPORTED_MODULE_4__["UserDetailsForm"], {
+    onClickCancel: onClickCancel,
+    yearLevels: yearLevels,
+    userType: apps_user_manager_enums__WEBPACK_IMPORTED_MODULE_2__["MockUserType"].Student,
+    hasNext: hasNext
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/user-manager/components/edit-teacher-details/EditTeacherDetails.tsx":
+/*!**************************************************************************************!*\
+  !*** ./src/apps/user-manager/components/edit-teacher-details/EditTeacherDetails.tsx ***!
+  \**************************************************************************************/
+/*! exports provided: EditTeacherDetails */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditTeacherDetails", function() { return EditTeacherDetails; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-wrapper/FormWrapper */ "../../libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx");
+/* harmony import */ var apps_user_manager_validation_user_validation_UserValidationSchema__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! apps/user-manager/validation/user-validation/UserValidationSchema */ "./src/apps/user-manager/validation/user-validation/UserValidationSchema.ts");
+/* harmony import */ var apps_user_manager_components_user_details_form_UserDetailsForm__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! apps/user-manager/components/user-details-form/UserDetailsForm */ "./src/apps/user-manager/components/user-details-form/UserDetailsForm.tsx");
+/* harmony import */ var apps_user_manager_enums__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! apps/user-manager/enums */ "./src/apps/user-manager/enums/index.ts");
+
+
+
+
+
+function EditTeacherDetails(props) {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+
+  var user = props.user,
+      saveUser = props.saveUser,
+      onClickCancel = props.onClickCancel,
+      userRoles = props.userRoles,
+      _props$hasNext = props.hasNext,
+      hasNext = _props$hasNext === void 0 ? false : _props$hasNext,
+      _props$initialErrors = props.initialErrors,
+      initialErrors = _props$initialErrors === void 0 ? {} : _props$initialErrors;
+  var initialValues = {
+    id: (_a = user) === null || _a === void 0 ? void 0 : _a.id,
+    name: (_b = user) === null || _b === void 0 ? void 0 : _b.name,
+    email: (_c = user) === null || _c === void 0 ? void 0 : _c.email,
+    surname: (_d = user) === null || _d === void 0 ? void 0 : _d.surname,
+    userRole: {
+      id: (_f = (_e = user) === null || _e === void 0 ? void 0 : _e.userRole) === null || _f === void 0 ? void 0 : _f.id,
+      name: (_h = (_g = user) === null || _g === void 0 ? void 0 : _g.userRole) === null || _h === void 0 ? void 0 : _h.name
+    }
+  };
+  var initialTouched = {};
+  Object.keys(initialErrors).forEach(function (err) {
+    initialTouched[err] = true;
+  });
+  var TeacherValidationSchema = Object(apps_user_manager_validation_user_validation_UserValidationSchema__WEBPACK_IMPORTED_MODULE_2__["getTeacherValidationSchema"])(userRoles);
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_1__["FormWrapper"], {
+    initialValues: initialValues,
+    initialErrors: initialErrors,
+    initialTouched: initialTouched,
+    validationSchema: TeacherValidationSchema,
+    onSubmit: saveUser
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_user_manager_components_user_details_form_UserDetailsForm__WEBPACK_IMPORTED_MODULE_3__["UserDetailsForm"], {
+    onClickCancel: onClickCancel,
+    userRoles: userRoles,
+    userType: apps_user_manager_enums__WEBPACK_IMPORTED_MODULE_4__["MockUserType"].Teacher,
+    hasNext: hasNext
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/user-manager/components/index.ts":
+/*!***************************************************!*\
+  !*** ./src/apps/user-manager/components/index.ts ***!
+  \***************************************************/
+/*! exports provided: UserDetailsForm, YearLevelSelect, EditStudentDetails, EditTeacherDetails, BulkUploadFileSelect */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _user_details_form_UserDetailsForm__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./user-details-form/UserDetailsForm */ "./src/apps/user-manager/components/user-details-form/UserDetailsForm.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UserDetailsForm", function() { return _user_details_form_UserDetailsForm__WEBPACK_IMPORTED_MODULE_0__["UserDetailsForm"]; });
+
+/* harmony import */ var _year_level_select_YearLevelSelect__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./year-level-select/YearLevelSelect */ "./src/apps/user-manager/components/year-level-select/YearLevelSelect.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "YearLevelSelect", function() { return _year_level_select_YearLevelSelect__WEBPACK_IMPORTED_MODULE_1__["YearLevelSelect"]; });
+
+/* harmony import */ var _edit_student_details_EditStudentDetails__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./edit-student-details/EditStudentDetails */ "./src/apps/user-manager/components/edit-student-details/EditStudentDetails.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "EditStudentDetails", function() { return _edit_student_details_EditStudentDetails__WEBPACK_IMPORTED_MODULE_2__["EditStudentDetails"]; });
+
+/* harmony import */ var _edit_teacher_details_EditTeacherDetails__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./edit-teacher-details/EditTeacherDetails */ "./src/apps/user-manager/components/edit-teacher-details/EditTeacherDetails.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "EditTeacherDetails", function() { return _edit_teacher_details_EditTeacherDetails__WEBPACK_IMPORTED_MODULE_3__["EditTeacherDetails"]; });
+
+/* harmony import */ var _bulk_upload_file_select_BulkUploadFileSelect__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./bulk-upload-file-select/BulkUploadFileSelect */ "./src/apps/user-manager/components/bulk-upload-file-select/BulkUploadFileSelect.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BulkUploadFileSelect", function() { return _bulk_upload_file_select_BulkUploadFileSelect__WEBPACK_IMPORTED_MODULE_4__["BulkUploadFileSelect"]; });
+
+
+
+
+
+
+
+/***/ }),
+
+/***/ "./src/apps/user-manager/components/user-details-form/UserDetailsForm.tsx":
+/*!********************************************************************************!*\
+  !*** ./src/apps/user-manager/components/user-details-form/UserDetailsForm.tsx ***!
+  \********************************************************************************/
+/*! exports provided: UserDetailsForm */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "UserDetailsForm", function() { return UserDetailsForm; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var formik__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! formik */ "../../../node_modules/formik/dist/formik.esm.js");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-field/FormField */ "../../libs/shared/src/components/forms/form-field/FormField.tsx");
+/* harmony import */ var _libs_shared_src_components_forms_form_buttons_FormButtons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-buttons/FormButtons */ "../../libs/shared/src/components/forms/form-buttons/FormButtons.tsx");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_utils_FormHelper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/FormHelper */ "../../libs/shared/src/utils/FormHelper.ts");
+/* harmony import */ var _libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-wrapper/FormWrapper */ "../../libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx");
+/* harmony import */ var apps_user_manager_components_year_level_select_YearLevelSelect__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! apps/user-manager/components/year-level-select/YearLevelSelect */ "./src/apps/user-manager/components/year-level-select/YearLevelSelect.tsx");
+/* harmony import */ var apps_user_manager_enums__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! apps/user-manager/enums */ "./src/apps/user-manager/enums/index.ts");
+
+
+
+
+
+
+
+
+
+
+/**
+ * This file uses 3 *.lang.json files.
+ * - One for generic values
+ * - One for student specific values
+ * - One for teacher specific values
+ */
+
+var namespace = 'userManager.userDetailsForm';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace(namespace);
+function UserDetailsForm(props) {
+  var onClickCancel = props.onClickCancel,
+      yearLevels = props.yearLevels,
+      userRoles = props.userRoles,
+      userType = props.userType;
+  var formikProps = Object(_libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_7__["useFormikContextWrapper"])();
+
+  var getTreeSelectClassName = function getTreeSelectClassName(field) {
+    return _libs_shared_src_utils_FormHelper__WEBPACK_IMPORTED_MODULE_6__["FormHelper"].getCustomFormControlClassName(formikProps.errors, formikProps.touched, field, 'revert-form-control h-auto');
+  };
+
+  var getTypePhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace(userType === apps_user_manager_enums__WEBPACK_IMPORTED_MODULE_9__["MockUserType"].Teacher ? 'userManager.teacherDetailsForm' : 'userManager.studentDetailsForm');
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](formik__WEBPACK_IMPORTED_MODULE_1__["Form"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__["FormField"], {
+    label: getPhrase('firstName'),
+    type: 'text',
+    name: 'name',
+    id: 'name',
+    placeholder: getTypePhrase('firstNamePlaceholder'),
+    autoFocus: true,
+    value: formikProps.values.name
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__["FormField"], {
+    label: getPhrase('lastName'),
+    type: 'text',
+    name: 'surname',
+    id: 'surname',
+    placeholder: getTypePhrase('lastNamePlaceholder'),
+    value: formikProps.values.surname
+  }), yearLevels && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__["FormField"], {
+    name: 'yearLevel',
+    label: getPhrase('yearLevel')
+  }, function () {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+      className: getTreeSelectClassName('yearLevel')
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_user_manager_components_year_level_select_YearLevelSelect__WEBPACK_IMPORTED_MODULE_8__["YearLevelSelect"], {
+      yearLevels: yearLevels,
+      selected: formikProps.values.yearLevel,
+      onSelect: function onSelect(yearLevel) {
+        return formikProps.setFieldValue('yearLevel', yearLevel);
+      }
+    }));
+  }), userRoles && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__["FormField"], {
+    label: getPhrase('userRole'),
+    name: 'userRole',
+    as: 'select',
+    onChange: function onChange(e) {
+      var roleObj = props.userRoles.find(function (r) {
+        return r.id === e.target.value;
+      });
+      formikProps.setFieldValue('userRole', roleObj);
+    },
+    value: formikProps.values.userRole.id
+  }, userRoles.map(function (r) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("option", {
+      key: r.id,
+      value: r.id
+    }, r.name);
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__["FormField"], {
+    label: getPhrase('emailAddress'),
+    type: 'text',
+    name: 'email',
+    id: 'email',
+    placeholder: getTypePhrase('emailAddressPlaceholder'),
+    value: formikProps.values.email
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'btn-container d-flex justify-content-end'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("button", {
+    type: 'button',
+    className: "btn btn-link mr-2",
+    onClick: onClickCancel
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_5__["Text"], {
+    namespace: namespace,
+    phrase: 'cancel'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_forms_form_buttons_FormButtons__WEBPACK_IMPORTED_MODULE_4__["FormButtons"], {
+    isNew: false,
+    hasNext: props.hasNext
+  })));
+}
+
+/***/ }),
+
+/***/ "./src/apps/user-manager/components/year-level-select/YearLevelSelect.tsx":
+/*!********************************************************************************!*\
+  !*** ./src/apps/user-manager/components/year-level-select/YearLevelSelect.tsx ***!
+  \********************************************************************************/
+/*! exports provided: YearLevelSelect */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "YearLevelSelect", function() { return YearLevelSelect; });
+/* 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__);
+
+
+function YearLevel(props) {
+  var yearLevel = props.yearLevel,
+      selected = props.selected,
+      onSelect = props.onSelect;
+  var className = selected ? 'badge-info' : 'badge-light';
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+    className: "badge-pill d-inline-block mr-1 mb-1 cursor-pointer ".concat(className),
+    role: 'radio',
+    "aria-checked": selected,
+    onClick: function onClick() {
+      return onSelect(yearLevel);
+    }
+  }, yearLevel.name);
+}
+
+function YearLevelSelect(props) {
+  var yearLevels = props.yearLevels,
+      selected = props.selected,
+      onSelect = props.onSelect;
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    role: 'radiogroup'
+  }, yearLevels.map(function (y) {
+    var _a, _b;
+
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](YearLevel, {
+      key: y.id,
+      yearLevel: y,
+      selected: y.id.toString() === ((_b = (_a = selected) === null || _a === void 0 ? void 0 : _a.id) === null || _b === void 0 ? void 0 : _b.toString()),
+      onSelect: onSelect
+    });
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/user-manager/enums/index.ts":
+/*!**********************************************!*\
+  !*** ./src/apps/user-manager/enums/index.ts ***!
+  \**********************************************/
+/*! exports provided: MockUserType */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _mocks_MockUserType__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./mocks/MockUserType */ "./src/apps/user-manager/enums/mocks/MockUserType.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MockUserType", function() { return _mocks_MockUserType__WEBPACK_IMPORTED_MODULE_0__["MockUserType"]; });
+
+
+
+/***/ }),
+
+/***/ "./src/apps/user-manager/enums/mocks/MockUserType.ts":
+/*!***********************************************************!*\
+  !*** ./src/apps/user-manager/enums/mocks/MockUserType.ts ***!
+  \***********************************************************/
+/*! exports provided: MockUserType */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MockUserType", function() { return MockUserType; });
+var MockUserType;
+
+(function (MockUserType) {
+  MockUserType["Student"] = "student";
+  MockUserType["Teacher"] = "teacher";
+})(MockUserType || (MockUserType = {}));
+
+/***/ }),
+
+/***/ "./src/apps/user-manager/validation/user-validation/UserValidationSchema.ts":
+/*!**********************************************************************************!*\
+  !*** ./src/apps/user-manager/validation/user-validation/UserValidationSchema.ts ***!
+  \**********************************************************************************/
+/*! exports provided: getTeacherValidationSchema, getStudentValidationSchema */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getTeacherValidationSchema", function() { return getTeacherValidationSchema; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getStudentValidationSchema", function() { return getStudentValidationSchema; });
+/* harmony import */ var yup__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! yup */ "yup");
+/* harmony import */ var yup__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(yup__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+
+
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].encloseNamespace('userManager.userValidation');
+var UserValidationSchema = Object(yup__WEBPACK_IMPORTED_MODULE_0__["object"])().shape({
+  name: Object(yup__WEBPACK_IMPORTED_MODULE_0__["string"])().max(255, function () {
+    return getPhrase('nameExceeds');
+  }).required(function () {
+    return getPhrase('nameRequired');
+  })["default"](''),
+  surname: Object(yup__WEBPACK_IMPORTED_MODULE_0__["string"])().max(255, function () {
+    return getPhrase('surnameExceeds');
+  }).required(function () {
+    return getPhrase('surnameRequired');
+  })["default"](''),
+  email: Object(yup__WEBPACK_IMPORTED_MODULE_0__["string"])().max(255, function () {
+    return getPhrase('emailExceeds');
+  }).required(function () {
+    return getPhrase('emailRequired');
+  }).email(function () {
+    return getPhrase('emailValid');
+  })["default"]('')
+});
+var getTeacherValidationSchema = function getTeacherValidationSchema(userRoles) {
+  return UserValidationSchema.shape({
+    userRole: Object(yup__WEBPACK_IMPORTED_MODULE_0__["object"])().shape({
+      name: Object(yup__WEBPACK_IMPORTED_MODULE_0__["string"])().required(function () {
+        return getPhrase('userRoleRequired');
+      }).oneOf(userRoles.map(function (r) {
+        return r.name;
+      }), function () {
+        return getPhrase('userRoleInvalid');
+      })["default"]('')
+    })
+  });
+};
+var getStudentValidationSchema = function getStudentValidationSchema(yearLevels) {
+  return UserValidationSchema.shape({
+    yearLevel: Object(yup__WEBPACK_IMPORTED_MODULE_0__["object"])().shape({
+      name: Object(yup__WEBPACK_IMPORTED_MODULE_0__["string"])().required(function () {
+        return getPhrase('yearLevelRequired');
+      }).oneOf(yearLevels.map(function (y) {
+        return y.name;
+      }), function () {
+        return getPhrase('yearLevelInvalid');
+      })["default"]('')
+    })
+  });
+};
+
+/***/ }),
+
+/***/ "./src/shared/components/toggle-switch/ToggleSwitch.tsx":
+/*!**************************************************************!*\
+  !*** ./src/shared/components/toggle-switch/ToggleSwitch.tsx ***!
+  \**************************************************************/
+/*! exports provided: ToggleSwitch */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ToggleSwitch", function() { return ToggleSwitch; });
+/* 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");
+
+
+function ToggleSwitch(props) {
+  function onClick() {
+    if (props.disabled) return;
+    props.onClick.apply(props, arguments);
+  }
+
+  var bootstrapClasses = 'd-inline-block float-right align-top custom-toggle toggle-option';
+  var onClass = props.on && !props.disabled ? 'on' : '';
+  var disabledClass = props.disabled ? 'disabled' : '';
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_1__["DivButton"], {
+    onClick: onClick,
+    className: "".concat(bootstrapClasses, " ").concat(onClass, " ").concat(disabledClass)
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", {
+    className: 'handle'
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/shared/hooks/useBulkCheckboxManager.tsx":
+/*!*****************************************************!*\
+  !*** ./src/shared/hooks/useBulkCheckboxManager.tsx ***!
+  \*****************************************************/
+/*! exports provided: useBulkCheckboxManager */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useBulkCheckboxManager", function() { return useBulkCheckboxManager; });
+/* 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__);
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+/**
+ * @param collection - The collection you are keeping track of with checkboxes
+ * @param options - See interface above
+ */
+
+var useBulkCheckboxManager = function useBulkCheckboxManager(collection) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      bulkChecked = _React$useState2[0],
+      setBulkChecked = _React$useState2[1];
+
+  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState({}),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      items = _React$useState4[0],
+      setItems = _React$useState4[1];
+
+  var _options$idField = options.idField,
+      idField = _options$idField === void 0 ? 'id' : _options$idField;
+  react__WEBPACK_IMPORTED_MODULE_0___default.a.useEffect(function () {
+    var _a;
+
+    if (!((_a = collection) === null || _a === void 0 ? void 0 : _a.length)) return;
+    var newItemState = collection.reduce(function (stateObj, item) {
+      var _a, _b;
+
+      var checkboxState = false;
+      if ((_b = (_a = options) === null || _a === void 0 ? void 0 : _a.preselectedIds) === null || _b === void 0 ? void 0 : _b.includes(item[idField])) checkboxState = true;
+      var id = item[idField];
+      stateObj[id] = checkboxState;
+      return stateObj;
+    }, {});
+    setItems(newItemState);
+  }, [collection]); // When toggled on, all checkbox items will be enabled. Vice versa if toggled off
+
+  function onToggleBulk() {
+    var nextState = !bulkChecked;
+    setBulkChecked(nextState);
+    var newItemsState = collection.reduce(function (stateObj, item) {
+      stateObj[item[idField]] = nextState;
+      return stateObj;
+    }, {});
+    setItems(newItemsState);
+  } // Toggles a single item
+
+
+  function onToggleItem(id) {
+    var nextItemState = !items[id];
+    var nextState = Object.assign(Object.assign({}, items), _defineProperty({}, id, nextItemState));
+    setItems(nextState);
+    /**
+     * Keep the bulk checkbox in sync with all of the other checkboxes
+     */
+
+    var totalItemsSelected = Object.keys(nextState).filter(function (i) {
+      return nextState[i];
+    }).length;
+
+    if (totalItemsSelected === collection.length) {
+      setBulkChecked(true);
+      return;
+    }
+
+    if (!nextItemState && bulkChecked) setBulkChecked(false);
+  } // Returns the state of the item passed in
+
+
+  function isChecked(item) {
+    if (bulkChecked) return true;
+    if (typeof item !== 'string') item = item[idField];
+    return items[item];
+  }
+
+  function getSelected() {
+    if (bulkChecked) return Object.keys(items);
+    return Object.keys(items).filter(function (item) {
+      return items[item];
+    });
+  }
+
+  return {
+    onToggleBulk: onToggleBulk,
+    onToggleItem: onToggleItem,
+    getSelected: getSelected,
+    isChecked: isChecked,
+    bulkChecked: bulkChecked
+  };
+};
+
+/***/ })
+
+}]);
+//# sourceMappingURL=5.chunk.js.map