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

package/dist/scripts/21.chunk.js

@@ -1 +1,1571 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[21],{406:function(e,t,a){"use strict";a.d(t,"b",(function(){return n})),a.d(t,"a",(function(){return p}));var n,r,i=a(0),s=a(75),o=a(33),l=a(9),c=a(8),u=a(465),d=a.n(u);function p(e){const{type:t,mediaType:a,extraClasses:u}=e,p=(Object(s.a)(c.b.ImageUrl).getImageUrls(),function(e){return e===n.Video?d.a.videoFallback:e===n.Playlist?d.a.playlistFallback:e===n.Series||e===n.TallSubject?d.a.posterFallback:e===n.Subject?d.a.subjectFallback:""}(t)),m=function(e,t){return e===n.Video?l.b.Play:e===n.Playlist?l.b.Playlist:e===n.Series?l.b.Series:e===n.Subject||e===n.TallSubject?l.b.Subject:""}(t);let y=""+function(e,t){return t===n.Subject?d.a.subjectFallbackContainer:e===r.Svg?d.a.svgFallbackContainer:d.a.baseFallbackContainer}(a,t);return u&&(y+=" "+e.extraClasses),i.createElement("div",{className:y},a===r.Svg?i.createElement(o.a,{svgName:m,className:p,tagName:"div"}):i.createElement("div",{className:d.a.fallbackThumbnailImage,style:{backgroundImage:`url('${m}')`}}))}!function(e){e[e.Video=0]="Video",e[e.Playlist=1]="Playlist",e[e.Series=2]="Series",e[e.Subject=3]="Subject",e[e.TallSubject=4]="TallSubject"}(n||(n={})),function(e){e[e.Svg=0]="Svg",e[e.Image=1]="Image"}(r||(r={})),p.defaultProps={mediaType:r.Svg}},407:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));const n=/([0-9]+)/gi,r=/(^\w+)/gi;const i={getSortedPresentationAudiences(e,t){const a=e.map(e=>e.id.toString());return t.filter(e=>a.includes(e.masterId.toString()))},getMergedPresentationAudienceString(e){if(1===e.length)return e[0];const t=e.map(e=>e.name).join(","),a=t.match(n),i=t.match(r);if(!a||!i)return e[0];const s=function(e){let t,a,n=!1;const r=[];let i,s;for(e=e.sort(),i=0;i<e.length;i++)s=i+1,n||(t=e[i]),a=e[s],e[i]+1===a?n=!0:n?(r.push(`${t} - ${e[i]}`),n=!1):(r.push(""+e[i]),n=!1);return r}(a.map(e=>+e)||[]);return{name:`${i[0]} ${s.join(" , ")}`}}}},408:function(e,t,a){"use strict";a.d(t,"a",(function(){return s})),a.d(t,"b",(function(){return o}));var n=a(0),r=a(421),i=a.n(r);function s(e){return e.audience?n.createElement("div",{className:"border rounded-pill d-inline-block px-2 mt-1 "+("border-"+e.border)},e.audience.name):n.createElement(n.Fragment,null)}function o(e){return e.audiences&&e.audiences.length?n.createElement(n.Fragment,null,e.audiences.map((t,a)=>n.createElement("span",{key:a,className:i.a.audienceLabelListItem},n.createElement(s,{audience:t,border:e.border})))):n.createElement(n.Fragment,null)}},413:function(e,t,a){"use strict";var n=a(0),r=a(34),i=a(388),s=a(463),o=a.n(s),l=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 c(e){var{forceLoad:t}=e,a=l(e,["forceLoad"]);const[r,s]=i.useInView({triggerOnce:!0});if(void 0===window.IntersectionObserver&&!t)return n.createElement("img",Object.assign({alt:""},a));const{src:c}=a,u=l(a,["src"]),d=Object.assign(Object.assign({alt:""},u),s||t?{src:c}:{});return n.createElement("img",Object.assign({className:o.a.image,ref:r},d))}var u,d=a(32),p=a(425),m=a(464),y=a.n(m);function f(e){let t="thumbnail "+y.a.thumbnail,a="";return e.aspectRatio===u.SixteenByNine&&(a=y.a.sixteenByNine),e.aspectRatio===u.NineBySixteen&&(a=y.a.nineBySixteen),e.aspectRatio===u.OneByOne&&(a=y.a.oneByOne),e.aspectRatio===u.TwoByThree&&(a=y.a.twoByThree),a&&(t+=" "+a),e.className&&(t+=" "+e.className),t}function g(e){const{data:t,size:a,appLink:i,preload:s}=e;let o="";"string"==typeof t?o=t:r.a.isObject(t)&&(o=t.url);const l=o&&function(e,t=p.a.Small){return`${e}?size=${t}`}(o,a);return n.createElement("div",{className:f(e)},n.createElement(d.a,{appLink:i},e.children,l&&n.createElement(c,{src:l,forceLoad:s})))}a.d(t,"a",(function(){return u})),a.d(t,"b",(function(){return g})),function(e){e[e.SixteenByNine=0]="SixteenByNine",e[e.OneByOne=1]="OneByOne",e[e.TwoByThree=2]="TwoByThree",e[e.NineBySixteen=3]="NineBySixteen"}(u||(u={}))},417:function(e,t,a){e.exports={basePlaylistItem:"_2nvrp",playlistItem:"_6o0Z2",playlistMetadata:"_3MCKL",partialHeading:"_13tO6"}},418:function(e,t,a){"use strict";a.d(t,"a",(function(){return y}));var n=a(0),r=a(113),i=a(407),s=a(76),o=a(44),l=a(32),c=a(413),u=a(406),d=a(408),p=a(417),m=a.n(p);function y(e){const t=r.a.createUrl(e.data.cover&&e.data.cover.url,{size:s.a.Medium,resizeType:s.c.Cover}),a=e.data.subjectPresentationAudiences&&e.data.subjectPresentationAudiences.data,p=!!e.showCount&&!!e.data.videos&&e.data.videos.count;return n.createElement(l.a,{appLink:e.appLink},n.createElement(c.b,{data:t,className:m.a.playlistItem},n.createElement(u.a,{type:u.b.Playlist}),n.createElement("div",{className:"text-white "+m.a.playlistMetadata},Number.isInteger(p)&&n.createElement(o.b,{namespace:"shared.playlistItem",phrase:"videos",options:{smartCount:p}}),n.createElement("h5",{className:"text-shadow mb-0"},e.data.name),!!a&&!!a.length&&n.createElement(d.b,{audiences:i.a.getSortedPresentationAudiences(a,e.presentationAudiences),border:"white"}))))}},421:function(e,t,a){e.exports={audienceLabelListItem:"_2YGVO"}},425:function(e,t,a){"use strict";var n;a.d(t,"a",(function(){return n})),function(e){e.Small="small",e.Medium="medium",e.Large="large",e.Raw="raw"}(n||(n={}))},439:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(63),r=a(34);const i={reorder(e,t,a){if(t===a)return{reorderedItems:e,reorderRequest:null};const r=n.a.moveItem(e,t,a),i=a<e.length-1?r[a+1].id:null;return{reorderedItems:r,reorderRequest:{sourceMemberId:r[a].id,destinationMemberId:i}}},updateState(e,t,a){const i=[],s=r.a.deepClone(a),o=[e];let l=a[e];const c=!!l&&!!l.data&&l.data.length;for(;l&&Array.isArray(l.data);){i.push(...l.data);const t=l.pagination&&l.pagination.cursors&&l.pagination.cursors.next,n=!!t&&`${e}:${t}`;l=t&&a[n],l&&o.push(n)}if(!i.length)return a;const u=n.a.findIndex(i,e=>e.id===t.sourceMemberId),d=[...i],p=d.splice(u,1),m=t.destinationMemberId?n.a.findIndex(d,e=>e.id===t.destinationMemberId):d.length;return d.splice(m,0,p[0]),o.forEach(e=>{const t=d.splice(0,c);s[e].data=t}),s}}},442:function(e,t,a){"use strict";var n,r=a(15),i=a(25),s=a(439),o=a(116);a(41);o.a;class l extends o.a{constructor(e,t=""){super({collectionPrefix:"playlist:videos",id:e,cursor:t})}}!function(e){e[e.Queued=1]="Queued",e[e.Processing=2]="Processing",e[e.Processed=3]="Processed",e[e.Errored=4]="Errored"}(n||(n={}));const c={updatePlaylist:(e,t)=>a=>{const n=Object.assign({},a);return n.hasOwnProperty(e)&&(n[e]=Object.assign(Object.assign({},n[e]),t)),n},deletePlaylist:e=>t=>{const a=Object.assign({},t);return a.hasOwnProperty(e)&&delete a[e],a},incrementVideoCount:(e,t)=>a=>{const n=Object.assign({},a);return n.hasOwnProperty(e)?(n[e].videos||(n[e].videos={}),n[e].videos.count=n[e].videos.count?n[e].videos.count+t:t,n):a}};var u=a(122);a.d(t,"a",(function(){return y}));const d=e=>e?"&cursor="+e:"",p=e=>Number.isInteger(e)?"&maxRatingValue="+e:"",m=(e,t)=>`${e}${t?":"+t:""}`,y={getPlaylist:(e,t,a)=>({url:`/api/domain/v2/objects/${e}?query=${i.a.PLAYLIST}`,key:"playlist:"+e,success:t,error:a}),getSharedPlaylist:(e,t,a,n)=>({url:`${"/api/domain/v2/share/"+e}?query=${i.a.PLAYLIST}${p(t)}`,key:"shared:playlist:"+e,success:a,error:n}),getUserPlaylists:e=>({url:`/api/domain/v2/me/playlists?query={${u.a.getFilterFromSort(e.sort)},limit:100}${i.a.PLAYLIST_COLLECTION}${d(e.cursor)}`,key:e.toString()}),getPlaylistVideos(e,t,a){let n="orderBy:orderindex,limit:100";return Number.isInteger(t)&&(n+=",rating.value:0..."+t),{url:`/api/domain/v2/objects/${e}/videos?query={${n}}${i.a.VIDEO_COLLECTION}${d(a)}`,key:m(`playlist:${e}:videos`,a)}},getSharedPlaylistVideos:(e,t,a)=>({url:`/api/domain/v2/share/${e}/videos?query={orderBy:orderindex,limit:100}${i.a.VIDEO_COLLECTION}${d(a)}${p(t)}`,key:m(`shared:playlist:${e}:videos`,a)}),getVideoPlaylists:(e,t,a)=>({url:`/api/domain/v2/objects/${e}/playlists?query={limit:100,owner.id:[${t}]}`,key:m("video:playlists:"+e,a)}),getIsFollowingPlaylist:(e,t)=>({url:`/api/domain/v2/objects/${e}/followers?query={id:${t}}`,key:`playlist:${e}:following:${t}`,formatData:t=>{var a,n;return{objectId:e,isFollowing:!!(null===(n=null===(a=t)||void 0===a?void 0:a.data)||void 0===n?void 0:n.length)}},normalize:!1}),createPlaylist:(e,t,a,n)=>({key:"create:playlist",url:`/api/domain/v2/objects/${e}/playlists`,data:t,type:r.a.POST,success:a,error:n,invalidationKeys:"user:playlists"}),updatePlaylist:(e,t,a,n)=>({key:"update:playlist",url:"/api/domain/v2/objects/"+e,data:t,type:r.a.PUT,success:a,error:n,updateState:{keys:"playlist:"+e,updateData:c.updatePlaylist("playlist:"+e,t)}}),deletePlaylist:(e,t,a)=>({key:"delete:playlist",url:"/api/domain/v2/objects/"+e,type:r.a.DELETE,success:t,error:a,invalidationKeys:"user:playlists",updateState:{keys:"playlist:"+e,updateData:c.deletePlaylist("playlist:"+e)}}),addToPlaylist(e,t,a,n){const i=["user:playlists",new l(e).toString()];return t.forEach(e=>{i.push("video:playlists:"+e)}),{key:"add:to:playlist",url:`/api/domain/v2/objects/${e}/associate`,data:t,type:r.a.POST,success:a,error:n,invalidationKeys:i,updateState:{keys:"playlist:"+e,updateData:c.incrementVideoCount("playlist:"+e,t.length)}}},reorderVideos:(e,t,a,n)=>({key:"reorder:playlist",url:`/api/domain/v2/objects/${e}/videos/reorder`,data:t,type:r.a.PUT,success:a,error:n,invalidationKeys:"user:playlists",updateState:{keys:`playlist:${e}:videos`,updateData:a=>s.a.updateState(`playlist:${e}:videos`,t,a)}}),removePlaylistVideo:(e,t,a,n)=>({key:"remove:playlist:video",url:`/api/domain/v2/objects/${e}/dissociate?memberId=${t}`,type:r.a.DELETE,success:a,error:n,invalidationKeys:["user:playlists",`playlist:${e}:videos`]}),followPlaylist:(e,t)=>({url:"/api/domain/v2/objects/"+t,key:"follow:playlist:"+e,data:{followedPlaylists:e},type:r.a.PUT}),unfollowPlaylist:(e,t)=>({url:`/api/domain/v2/objects/${t}/followedplaylists/${e}`,key:"unfollow:playlist:"+e,type:r.a.DELETE}),getMigrationTask:(e,t)=>({url:"/api/playlist-app/migration-task",key:"migration:task",formatData:e=>e||{status:n.Processed},success:e,error:t})}},443:function(e,t,a){"use strict";var n=a(0),r=a(27),i=a(124),s=a(33),o=a(32),l=a(9),c=a(458),u=a.n(c);function d(e){let t="dropdown-item";return e&&(t+=" "+e),t}function p(e){if(!e.actions||!e.actions.length)return n.createElement(n.Fragment,null);const t="actions-dropdown-"+i.a.getRandomInt();let a="px-0 "+u.a.dropdownToggle;return e.dropdownToggleClassName&&(a+=" "+e.dropdownToggleClassName),n.createElement(r.Dropdown,{className:e.className?e.className:"",alignRight:!0},n.createElement(r.Dropdown.Toggle,{as:"button",type:"button",id:t,className:a},n.createElement(s.a,{svgName:l.b.More,size:s.b.Small})),n.createElement(r.Dropdown.Menu,null,e.actions.map((e,t)=>n.createElement(o.a,{key:t,appLink:e.appLink,className:d(e.className)},e.label))))}p.defaultProps={dropdownToggleClassName:"btn btn-light"};var m=a(111),y=a(80);function f(e){const{onClick:t,appLink:a,svgName:r,tooltip:i}=e.actionOptions;let s="ml-2";return e.actionOptions.className&&(s+=" "+e.actionOptions.className),i?n.createElement(y.a,{title:i},n.createElement(m.a,{appLink:a,svgName:r,onClick:t,className:s},e.children)):r?n.createElement(m.a,{onClick:t,appLink:a,svgName:r,className:s},e.children):a?n.createElement(o.a,{onClick:t,appLink:a,className:s},e.children):n.createElement("button",{onClick:t,className:s},e.children)}function g(e){const t=[],a=[];e.actions.forEach(e=>{e.button?t.push(e):a.push(e)});let r="d-flex";return e.className&&(r+=" "+e.className),n.createElement("div",{className:r},n.createElement(n.Fragment,null,!!t.length&&n.createElement("span",{className:u.a.buttonList},t.map((e,t)=>n.createElement(f,{key:t,actionOptions:e},e.label))),e.sortComponent?e.sortComponent:"",!!a.length&&n.createElement(p,{actions:a,className:!!t.length&&"ml-2",dropdownToggleClassName:e.actionsDropdownClassName})))}a.d(t,"a",(function(){return g}))},444:function(e,t,a){"use strict";a.d(t,"a",(function(){return l}));var n=a(0),r=a(5),i=a(33),s=a(32),o=a(9);function l({backToName:e,appLink:t,color:a}){const l=e?r.a.getPhrase("shared.backButton","backTo",{backToName:e}):r.a.getPhrase("shared.backButton","back"),c="black"===a?"":"text-light";return n.createElement(s.a,{appLink:t,className:"d-inline-flex align-items-center h5 mb-0 "+c},n.createElement(i.a,{svgName:o.b.ChevronLeft,size:i.b.Medium}),n.createElement("span",{className:"ml-1"},l))}l.defaultProps={color:"black"}},445:function(e,t,a){"use strict";a.d(t,"a",(function(){return u})),a.d(t,"b",(function(){return d}));var n=a(0),r=a(444),i=a(113),s=a(76),o=a(443),l=a(446),c=a.n(l);const u=n.memo((function(e){const{heading:t,banner:a,imageCdnUrl:l,actions:u,sortComponent:d}=e,p=i.a.createBannerUrl(a,{fallbackBaseUrl:l,fallbackCategoryName:t,type:s.b.Banners},{size:s.a.Large});return n.createElement("div",{className:"banner",style:{backgroundImage:`url('${p}')`}},e.backButtonAppLink&&n.createElement("div",{className:"pt-3"},n.createElement(r.a,{appLink:e.backButtonAppLink,backToName:e.backButtonText,color:"white"})),n.createElement("h1",{className:"text-white text-shadow position-absolute m-0 pb-3"},t),!!u&&n.createElement("div",{className:c.a.actionsContainer},n.createElement(o.a,{actions:u,sortComponent:d})))}),(e,t)=>e.actions===t.actions),d=()=>n.createElement("div",{className:"partial-banner partial-loading-background"})},446:function(e,t,a){e.exports={actionsContainer:"_286KF"}},447:function(e,t,a){"use strict";var n=a(0),r=a(31);a(5),a(2);const i=n.createContext({});function s(e,t=[]){const{setPageTitle:a}=n.useContext(i);n.useEffect(()=>{e&&r.a.isFunction(a)&&a(e)},[e,...t])}a.d(t,"a",(function(){return s}))},458:function(e,t,a){e.exports={buttonList:"_2v9CT",dropdownToggle:"AYBvQ"}},463:function(e,t,a){e.exports={image:"_1YW-E"}},464:function(e,t,a){e.exports={thumbnail:"_3lfBf",sixteenByNine:"_2LqZ8",nineBySixteen:"_136ry",oneByOne:"_2wYLa",twoByThree:"_1eC6Q"}},465:function(e,t,a){e.exports={baseFallbackContainer:"_1wRjB",svgFallbackContainer:"_2t1jq",subjectFallbackContainer:"_12D74",videoFallback:"_6BPy-",playlistFallback:"_1slQX",posterFallback:"i0o8n",subjectFallback:"_2Srdd",fallbackThumbnailImage:"_2L_tV"}},469:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));const n=()=>"/api/domain/v1/subjects/audiences",r={presentationAudiences:()=>({bootstrapName:"presentationAudiences",url:n(),key:"presentation:audiences",normalize:!1})}},470:function(e,t,a){"use strict";a.d(t,"a",(function(){return l}));var n=a(0),r=a(40),i=a(11),s=a(31);const o=e=>e&&e.data&&e.data.pagination&&e.data.pagination.cursors&&e.data.pagination.cursors.next;function l(e){return Object(r.useSelector)(Object(n.useMemo)(()=>t=>{const a=e;let n=s.a.isFunction(e)&&i.a.getResponse(t,a()),r=n&&n.isFetching;const l=n&&n.shouldFetch;let c=n&&n.data&&n.data.data,u=o(n);for(;u&&(n=i.a.getResponse(t,a(u)),r=n.isFetching,!n.shouldFetch);){let e=n.data&&n.data.data;e&&c.push(...e),u=o(n)}return{shouldInitialFetch:l,items:c,nextCursor:u,isFetching:r}},[e]))}},471:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(0),r=a(27),i=a(417),s=a.n(i);function o(e){const t=[...Array(e.numItems)],a=e.itemClassName||"";return n.createElement(n.Fragment,null,e.showHeading&&n.createElement("div",{className:s.a.partialHeading+" partial-loading-background"}),n.createElement(r.Row,null,t.map((e,t)=>n.createElement(r.Col,{key:t,xs:6,sm:4,md:3,lg:2,className:a},n.createElement("div",{className:"py-2"},n.createElement("div",{className:s.a.basePlaylistItem+" partial-loading-background"}))))))}o.defaultProps={numItems:8}},489:function(e,t,a){"use strict";a.d(t,"a",(function(){return s}));var n=a(0),r=a(27),i=a(418);function s(e){return n.createElement(r.Row,null,e.playlists.map(t=>n.createElement(r.Col,{key:t.id,xs:6,sm:4,lg:3,className:"mb-3 "+(e.itemClassName?e.itemClassName:"")},n.createElement(i.a,{key:t.id,data:t,appLink:e.getPlaylistAppLink(t),presentationAudiences:e.presentationAudiences,showCount:e.showCount}))))}},514:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(0),r=a(31);function i(e,t,a){const i=()=>{if(a)return;window.innerHeight+document.documentElement.scrollTop<document.documentElement.scrollHeight-400||e()};Object(n.useEffect)(()=>{const e=r.a.throttle(i,200);return t&&window.addEventListener("scroll",e),()=>window.removeEventListener("scroll",e)},[t])}},515:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(0);function r(e){const{imageUrl:t,heading:a,description:r}=e;return n.createElement("div",{className:"empty-state-container"},n.createElement("div",{className:"content-container"},t&&n.createElement("img",{src:t}),n.createElement("h1",null,a),r&&n.createElement("p",{dangerouslySetInnerHTML:{__html:r}})))}},516:function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var n=a(0),r=a(27),i=a(33),s=a(9),o=a(517),l=a.n(o);function c(e){return n.createElement("div",{className:"p-3 text-center "+l.a.container},e.isFetching?n.createElement(r.Spinner,{as:"span",animation:"border",role:"status",className:l.a.spinner}):n.createElement(i.a,{svgName:s.b.ChevronDown,className:"svg-container cursor-pointer",size:i.b.Large,onClick:e.onClick}))}},517:function(e,t,a){e.exports={container:"_1_KC6",spinner:"VXlcl"}},518:function(e,t,a){"use strict";a.d(t,"a",(function(){return d}));var n=a(116),r=a(41);function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){return(o=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function l(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var a,n=u(e);if(t){var r=u(this).constructor;a=Reflect.construct(n,arguments,r)}else a=n.apply(this,arguments);return c(this,a)}}function c(e,t){return!t||"object"!==i(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function u(e){return(u=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var d=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&o(e,t)}(a,e);var t=l(a);function a(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:r.a.Newest,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return s(this,a),t.call(this,{collectionPrefix:"user:playlists",cursor:n,sort:e})}return a}(n.a)},652:function(e,t,a){"use strict";a.r(t);var n=a(0),r=a(40),i=a(63),s=a(5),o=a(11),l=a(442),c=a(469),u=a(120),d=a(115),p=a(514),m=a(447),y=a(470),f=a(489),g=a(471),b=a(75),v=a(515),h=a(8);const E=s.a.encloseNamespace("playlists.emptyState");function k(){const e=Object(b.a)(h.b.ImageUrl).getImageUrls();return n.createElement(v.a,{imageUrl:e.EmptyStates.VIDEOS,heading:E("noPlaylistsHeading"),description:E("noPlaylistsInfo")})}var N=a(516),w=a(2),P=a(9),S=a(445),C=a(10),O=a(27),L=a(31),j=a(41),I=a(32);function T(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var x="playlists.playlistSortSelect",$=L.a.memoize((function(){var e;return T(e={},j.a.RecentlyUpdated,{name:s.a.getPhrase(x,"recentlyUpdated")}),T(e,j.a.AtoZ,{name:s.a.getPhrase(x,"atoz")}),T(e,j.a.Newest,{name:s.a.getPhrase(x,"newest")}),e}));function F(e){var t=e.type,a=e.getSortAppLink,r=$();return n.createElement(O.Dropdown,null,n.createElement(O.Dropdown.Toggle,{variant:"light",id:"sort-select",className:"ml-2"},r[t].name),n.createElement(O.Dropdown.Menu,null,Object.values(j.a).filter((function(e){return e!==t})).map((function(e){return n.createElement(I.a,{key:e,className:"dropdown-item",appLink:a(e)},r[e].name)}))))}function _(e){var t=w.a.AppLinkHelper.getCurrentAppLink(),a=[{label:s.a.getPhrase("playlists.playlistListHeader","newPlaylist"),appLink:{application:t.application,action:C.a.Playlists.NEW_PLAYLIST},svgName:P.b.Plus,className:"btn btn-light",button:!0}];return n.createElement("div",{className:"mb-3"},n.createElement(S.a,{heading:s.a.getPhrase("playlists.playlistListHeader","header"),banner:null,imageCdnUrl:e.imageCdnUrl,actions:a,sortComponent:n.createElement(F,{type:e.sortType,getSortAppLink:e.getSortAppLink})}))}var B=a(518);a.d(t,"PlaylistsView",(function(){return A}));function A(e){var t=Object(r.useDispatch)(),a=o.a.useBasicFetch(u.a.config),b=o.a.useBasicFetch(d.a.currentUser),v=o.a.useBasicFetch(c.a.presentationAudiences()),h=function(t){return l.a.getUserPlaylists(new B.a(e.sort,t))},E=function(e){o.a.getFetch(t,h(e))()},w=Object(y.a)((function(e){return h(e).key}));return Object(m.a)(s.a.getPhrase("playlists.playlists","title")),Object(p.a)((function(){return E(w.nextCursor)}),!!w.nextCursor,w.isFetching),n.useEffect((function(){w.shouldInitialFetch&&E()}),[w.shouldInitialFetch]),i.a.isEmpty(w.items)?n.createElement(k,null):n.createElement("div",{className:"bg-white padding-gutter"},!!a.data&&!!b.data&&n.createElement(_,{user:b.data,imageCdnUrl:a.data.imageCdnUrl,sortType:e.sort,getSortAppLink:e.getSortAppLink}),w.items&&(v.data||v.hasError)?n.createElement(f.a,{playlists:w.items,getPlaylistAppLink:e.getPlaylistAppLink,presentationAudiences:v.data||[],showCount:!0}):n.createElement(g.a,null),!!w.items&&!(!w.nextCursor&&!w.isFetching)&&n.createElement(N.a,{isFetching:w.isFetching,onClick:function(){return E(w.nextCursor)}}))}}}]);
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[21],{
+
+/***/ "../../libs/shared/src/apps/subjects/components/audience-item/AudienceItem.tsx":
+/*!*************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/audience-item/AudienceItem.tsx ***!
+  \*************************************************************************************************************************/
+/*! exports provided: AudienceItem */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AudienceItem", function() { return AudienceItem; });
+/* 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_item_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./audience-item.scss */ "../../libs/shared/src/apps/subjects/components/audience-item/audience-item.scss");
+/* harmony import */ var _audience_item_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_audience_item_scss__WEBPACK_IMPORTED_MODULE_1__);
+
+
+
+function lowerCaseToTitleCase(str) {
+  return str.split(' ').map(s => s.charAt(0).toUpperCase() + s.substring(1)).join(' ');
+}
+
+function getColourClass(highlight, isDisabled) {
+  if (highlight) return 'badge-info text-light';
+  if (isDisabled) return `${_audience_item_scss__WEBPACK_IMPORTED_MODULE_1___default.a.disabled} text-muted`;
+  return 'badge-light';
+}
+
+AudienceItem.defaultProps = {
+  extraClasses: ''
+};
+function AudienceItem(props) {
+  const {
+    audience,
+    highlight,
+    setAudience,
+    isDisabled,
+    extraClasses
+  } = props;
+  const colourClass = getColourClass(highlight, isDisabled);
+  const cursorClass = isDisabled ? 'cursor-default' : 'cursor-pointer';
+  const className = `badge-pill d-inline-block mr-1 ${cursorClass} ${colourClass} ${extraClasses}`;
+
+  const onClick = () => {
+    if (isDisabled) return;
+    setAudience(audience, !highlight);
+  };
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+    className: className,
+    onClick: onClick,
+    role: 'checkbox',
+    "aria-checked": highlight
+  }, lowerCaseToTitleCase(audience.name));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/audience-item/audience-item.scss":
+/*!***************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/audience-item/audience-item.scss ***!
+  \***************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"disabled":"cv--disabled--1KxF9"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/audience-item/index.ts":
+/*!*****************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/audience-item/index.ts ***!
+  \*****************************************************************************************************************/
+/*! exports provided: AudienceItem, PartialAudiences */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _AudienceItem__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./AudienceItem */ "../../libs/shared/src/apps/subjects/components/audience-item/AudienceItem.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "AudienceItem", function() { return _AudienceItem__WEBPACK_IMPORTED_MODULE_0__["AudienceItem"]; });
+
+/* harmony import */ var _partial_loading_PartialAudiences__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./partial-loading/PartialAudiences */ "../../libs/shared/src/apps/subjects/components/audience-item/partial-loading/PartialAudiences.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PartialAudiences", function() { return _partial_loading_PartialAudiences__WEBPACK_IMPORTED_MODULE_1__["PartialAudiences"]; });
+
+
+
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/audience-item/partial-loading/PartialAudiences.tsx":
+/*!*********************************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/audience-item/partial-loading/PartialAudiences.tsx ***!
+  \*********************************************************************************************************************************************/
+/*! exports provided: PartialAudiences */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialAudiences", function() { return PartialAudiences; });
+/* 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 PartialAudiences({
+  width = 90,
+  height = 35,
+  count = 5,
+  align = 'left'
+}) {
+  const justifyClass = align === 'center' ? 'justify-content-center' : 'justify-content-start';
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("ul", {
+    className: `d-flex flex-wrap pl-0 m-0 ${justifyClass}`
+  }, Array(count).fill(react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
+    className: 'partial-loading-background mx-1 mb-1 badge-pill list-unstyled',
+    style: {
+      height: `${height}px`,
+      width: `${width}px`
+    }
+  })));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/preferences/footer/PreferenceFooter.tsx":
+/*!**********************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/footer/PreferenceFooter.tsx ***!
+  \**********************************************************************************************************************************/
+/*! exports provided: PreferenceFooter */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PreferenceFooter", function() { return PreferenceFooter; });
+/* 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 _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../enums/MediaQueries */ "../../libs/shared/src/enums/MediaQueries.ts");
+/* harmony import */ var _hooks_UseGetMediaQueryString__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../hooks/UseGetMediaQueryString */ "../../libs/shared/src/hooks/UseGetMediaQueryString.ts");
+/* harmony import */ var _preference_footer_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./preference-footer.scss */ "../../libs/shared/src/apps/subjects/components/preferences/footer/preference-footer.scss");
+/* harmony import */ var _preference_footer_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_preference_footer_scss__WEBPACK_IMPORTED_MODULE_3__);
+
+
+
+
+function PreferenceFooter(props) {
+  const mediaQuery = Object(_hooks_UseGetMediaQueryString__WEBPACK_IMPORTED_MODULE_2__["useGetMediaQueryString"])();
+  const widthClass = mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_1__["MediaQueryStrings"].SM || mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_1__["MediaQueryStrings"].XS ? 'w-100' : 'w-75';
+  let justifyClass = 'justify-content-between';
+  if (props.align === 'right') justifyClass = 'justify-content-end';else if (props.align === 'center') justifyClass = 'justify-content-center';
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: `${widthClass} ${justifyClass} ${_preference_footer_scss__WEBPACK_IMPORTED_MODULE_3___default.a.preferenceFooter} d-flex px-3`
+  }, props.children);
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/preferences/footer/preference-footer.scss":
+/*!************************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/footer/preference-footer.scss ***!
+  \************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"preferenceFooter":"cv--preferenceFooter--P29kw"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/preferences/index.ts":
+/*!***************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/index.ts ***!
+  \***************************************************************************************************************/
+/*! exports provided: PreferenceFooter, PreferenceProgress, SubjectPreferenceGrid, SubjectPreferenceItem */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _footer_PreferenceFooter__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./footer/PreferenceFooter */ "../../libs/shared/src/apps/subjects/components/preferences/footer/PreferenceFooter.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PreferenceFooter", function() { return _footer_PreferenceFooter__WEBPACK_IMPORTED_MODULE_0__["PreferenceFooter"]; });
+
+/* harmony import */ var _progress_PreferenceProgress__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./progress/PreferenceProgress */ "../../libs/shared/src/apps/subjects/components/preferences/progress/PreferenceProgress.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PreferenceProgress", function() { return _progress_PreferenceProgress__WEBPACK_IMPORTED_MODULE_1__["PreferenceProgress"]; });
+
+/* harmony import */ var _subject_preference_grid_SubjectPreferenceGrid__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./subject-preference-grid/SubjectPreferenceGrid */ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-grid/SubjectPreferenceGrid.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SubjectPreferenceGrid", function() { return _subject_preference_grid_SubjectPreferenceGrid__WEBPACK_IMPORTED_MODULE_2__["SubjectPreferenceGrid"]; });
+
+/* harmony import */ var _subject_preference_item_SubjectPreferenceItem__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./subject-preference-item/SubjectPreferenceItem */ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-item/SubjectPreferenceItem.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SubjectPreferenceItem", function() { return _subject_preference_item_SubjectPreferenceItem__WEBPACK_IMPORTED_MODULE_3__["SubjectPreferenceItem"]; });
+
+
+
+
+
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/preferences/progress/PreferenceProgress.tsx":
+/*!**************************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/progress/PreferenceProgress.tsx ***!
+  \**************************************************************************************************************************************/
+/*! exports provided: PreferenceProgress */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PreferenceProgress", function() { return PreferenceProgress; });
+/* 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 _preference_progress_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./preference-progress.scss */ "../../libs/shared/src/apps/subjects/components/preferences/progress/preference-progress.scss");
+/* harmony import */ var _preference_progress_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_preference_progress_scss__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+
+
+
+
+function getClass(active) {
+  const baseClasses = 'rounded-circle mx-2 cursor-pointer ' + _preference_progress_scss__WEBPACK_IMPORTED_MODULE_1___default.a.progressItem;
+  const colourClass = active ? 'bg-info' : 'bg-light';
+  return `${baseClasses} ${colourClass}`;
+}
+
+function PreferenceProgress(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("nav", {
+    className: 'd-flex justify-content-center pt-3'
+  }, props.steps.map((step, i) => {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__["AppLink"], {
+      key: i,
+      appLink: !step.active ? step.appLink : null,
+      className: getClass(step.active)
+    });
+  }));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/preferences/progress/preference-progress.scss":
+/*!****************************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/progress/preference-progress.scss ***!
+  \****************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"progressItem":"cv--progressItem--1Znll"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-grid/SubjectPreferenceGrid.tsx":
+/*!********************************************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/subject-preference-grid/SubjectPreferenceGrid.tsx ***!
+  \********************************************************************************************************************************************************/
+/*! exports provided: SubjectPreferenceGrid */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SubjectPreferenceGrid", function() { return SubjectPreferenceGrid; });
+/* 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_ArrayHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../common/src/react/utils/ArrayHelper */ "../../libs/common/src/react/utils/ArrayHelper.ts");
+/* harmony import */ var _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../enums/MediaQueries */ "../../libs/shared/src/enums/MediaQueries.ts");
+/* harmony import */ var _hooks_UseGetMediaQueryString__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../hooks/UseGetMediaQueryString */ "../../libs/shared/src/hooks/UseGetMediaQueryString.ts");
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./.. */ "../../libs/shared/src/apps/subjects/components/preferences/index.ts");
+/* harmony import */ var _contexts_SubjectPreferencesContext__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../contexts/SubjectPreferencesContext */ "../../libs/shared/src/apps/subjects/contexts/SubjectPreferencesContext.ts");
+/* harmony import */ var _subject_preference_grid_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./subject-preference-grid.scss */ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-grid/subject-preference-grid.scss");
+/* harmony import */ var _subject_preference_grid_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_subject_preference_grid_scss__WEBPACK_IMPORTED_MODULE_6__);
+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 useGetRowItemCapacity() {
+  const viewportWidth = Object(_hooks_UseGetMediaQueryString__WEBPACK_IMPORTED_MODULE_3__["useGetMediaQueryString"])();
+
+  switch (viewportWidth) {
+    case _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__["MediaQueryStrings"].LG:
+    default:
+      return 5;
+
+    case _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__["MediaQueryStrings"].MD:
+      return 4;
+
+    case _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__["MediaQueryStrings"].SM:
+      return 3;
+
+    case _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__["MediaQueryStrings"].XS:
+      return 2;
+  }
+}
+
+function isDisabled(subject, expandedSubject) {
+  if (!expandedSubject || subject.id === expandedSubject.id) return false;
+  if (expandedSubject.children.find(child => child.id === subject.id)) return false;
+  return true;
+}
+
+function SubjectPreferenceGridRow(props) {
+  const context = react__WEBPACK_IMPORTED_MODULE_0__["useContext"](_contexts_SubjectPreferencesContext__WEBPACK_IMPORTED_MODULE_5__["SubjectPreferencesContext"]);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, props.subjects.map(subject => {
+    const clickHandler = subject.isExpandableOption ? props.onExpand : props.onSelect;
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](___WEBPACK_IMPORTED_MODULE_4__["SubjectPreferenceItem"], {
+      key: subject.id,
+      subject: subject,
+      selected: context.selectedSubjects.includes(subject.id),
+      disabled: isDisabled(subject, context.expandedSubject),
+      onClick: e => clickHandler(subject)
+    });
+  }));
+}
+
+function SubjectPreferenceGrid(_a) {
+  var {
+    subjects
+  } = _a,
+      eventHandlers = __rest(_a, ["subjects"]);
+
+  const {
+    expandedSubject
+  } = react__WEBPACK_IMPORTED_MODULE_0__["useContext"](_contexts_SubjectPreferencesContext__WEBPACK_IMPORTED_MODULE_5__["SubjectPreferencesContext"]);
+  const itemsPerRow = useGetRowItemCapacity();
+  /**
+   * This is an array of arrays, where each sub-array is a row of classifications.
+   * We do this to make sure any sub-grid's of child preference options get rendered in the row
+   * directly beneath their parent's row.
+   */
+
+  const subjectRows = subjects.reduce((acc, subject, index) => {
+    index % itemsPerRow === 0 ? acc.push([subject]) // Start a new row
+    : _common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_1__["ArrayHelper"].last(acc).push(subject); // Fill up an existing row
+
+    return acc;
+  }, []);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("ul", {
+    className: _subject_preference_grid_scss__WEBPACK_IMPORTED_MODULE_6___default.a.grid
+  }, subjectRows.map((row, i) => {
+    const isExpanded = expandedSubject && !!row.find(subject => {
+      return expandedSubject.id === subject.id && subject.isExpandableOption;
+    });
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], {
+      key: i
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SubjectPreferenceGridRow, Object.assign({
+      subjects: row
+    }, eventHandlers)), isExpanded && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
+      className: `${_subject_preference_grid_scss__WEBPACK_IMPORTED_MODULE_6___default.a.subgrid} m-0`
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SubjectPreferenceGrid, Object.assign({
+      subjects: expandedSubject.children
+    }, eventHandlers))));
+  }));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-grid/subject-preference-grid.scss":
+/*!***********************************************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/subject-preference-grid/subject-preference-grid.scss ***!
+  \***********************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"grid":"cv--grid--G_RXX","subgrid":"cv--subgrid--38ohZ"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-item/SubjectPreferenceItem.tsx":
+/*!********************************************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/subject-preference-item/SubjectPreferenceItem.tsx ***!
+  \********************************************************************************************************************************************************/
+/*! exports provided: SubjectPreferenceItem */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SubjectPreferenceItem", function() { return SubjectPreferenceItem; });
+/* 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 _enums_Images__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../enums/Images */ "../../libs/shared/src/enums/Images.ts");
+/* harmony import */ var _contexts_SubjectPreferencesContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../contexts/SubjectPreferencesContext */ "../../libs/shared/src/apps/subjects/contexts/SubjectPreferencesContext.ts");
+/* harmony import */ var _SubjectPreferenceItemStatus__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./SubjectPreferenceItemStatus */ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-item/SubjectPreferenceItemStatus.tsx");
+/* harmony import */ var _subject_preference_item_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./subject-preference-item.scss */ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-item/subject-preference-item.scss");
+/* harmony import */ var _subject_preference_item_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_subject_preference_item_scss__WEBPACK_IMPORTED_MODULE_5__);
+
+
+
+
+
+
+function SubjectPreferenceItem(props) {
+  var _a, _b, _c, _d;
+
+  const context = react__WEBPACK_IMPORTED_MODULE_0__["useContext"](_contexts_SubjectPreferencesContext__WEBPACK_IMPORTED_MODULE_3__["SubjectPreferencesContext"]);
+
+  function getContainerClass() {
+    let baseClass = _subject_preference_item_scss__WEBPACK_IMPORTED_MODULE_5___default.a.subjectPreferenceItem;
+    if (props.extraClasses) baseClass += ' ' + props.extraClasses;
+    if (props.disabled) baseClass += ' ' + _subject_preference_item_scss__WEBPACK_IMPORTED_MODULE_5___default.a.disabled;
+    if (props.selected) baseClass += ' ' + _subject_preference_item_scss__WEBPACK_IMPORTED_MODULE_5___default.a.selected;
+    return baseClass;
+  }
+
+  const coverUrl = props.subject.cover ? _utils_ImageHelper__WEBPACK_IMPORTED_MODULE_1__["ImageHelper"].createUrl(props.subject.cover.url, {
+    size: _enums_Images__WEBPACK_IMPORTED_MODULE_2__["ImageSize"].Small
+  }) : '';
+  const childIds = props.subject.isExpandableOption ? props.subject.children.map(child => child.id) : [];
+  const selectedChildCount = (_b = (_a = context) === null || _a === void 0 ? void 0 : _a.selectedSubjects) === null || _b === void 0 ? void 0 : _b.filter(selection => childIds.includes(selection)).length;
+  const onClick = !props.disabled && props.onClick ? props.onClick : () => {};
+  const isExpanded = ((_d = (_c = context) === null || _c === void 0 ? void 0 : _c.expandedSubject) === null || _d === void 0 ? void 0 : _d.id) === props.subject.id;
+  const caretClass = `${_subject_preference_item_scss__WEBPACK_IMPORTED_MODULE_5___default.a.expandCaret} ${isExpanded ? _subject_preference_item_scss__WEBPACK_IMPORTED_MODULE_5___default.a.up : _subject_preference_item_scss__WEBPACK_IMPORTED_MODULE_5___default.a.down}`;
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
+    className: getContainerClass(),
+    onClick: onClick,
+    "aria-checked": props.selected,
+    "aria-haspopup": props.subject.isExpandableOption,
+    role: props.subject.isExpandableOption ? 'button' : 'checkbox',
+    style: {
+      backgroundImage: `url(${coverUrl})`
+    },
+    tabIndex: 0,
+    title: props.subject.name
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: `${_subject_preference_item_scss__WEBPACK_IMPORTED_MODULE_5___default.a.textBox} p-2`
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", {
+    className: 'm-0 text-truncate'
+  }, props.subject.name, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+    className: props.subject.isExpandableOption ? caretClass : ''
+  })), props.subject.isExpandableOption ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_SubjectPreferenceItemStatus__WEBPACK_IMPORTED_MODULE_4__["ExpandableItemStatus"], {
+    selectedChildrenCount: selectedChildCount
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_SubjectPreferenceItemStatus__WEBPACK_IMPORTED_MODULE_4__["SelectableItemStatus"], {
+    selected: props.selected
+  })));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-item/SubjectPreferenceItemStatus.tsx":
+/*!**************************************************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/subject-preference-item/SubjectPreferenceItemStatus.tsx ***!
+  \**************************************************************************************************************************************************************/
+/*! exports provided: ExpandableItemStatus, SelectableItemStatus */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ExpandableItemStatus", function() { return ExpandableItemStatus; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SelectableItemStatus", function() { return SelectableItemStatus; });
+/* 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 _components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../components/svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _subject_preference_item_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./subject-preference-item.scss */ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-item/subject-preference-item.scss");
+/* harmony import */ var _subject_preference_item_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_subject_preference_item_scss__WEBPACK_IMPORTED_MODULE_3__);
+
+
+
+
+const ExpandableItemStatus = props => {
+  if (!props.selectedChildrenCount) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: `${_subject_preference_item_scss__WEBPACK_IMPORTED_MODULE_3___default.a.itemStatus} ${_subject_preference_item_scss__WEBPACK_IMPORTED_MODULE_3___default.a.green}`
+  }, props.selectedChildrenCount);
+};
+const SelectableItemStatus = props => {
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: `${_subject_preference_item_scss__WEBPACK_IMPORTED_MODULE_3___default.a.itemStatus} ${props.selected ? _subject_preference_item_scss__WEBPACK_IMPORTED_MODULE_3___default.a.green : _subject_preference_item_scss__WEBPACK_IMPORTED_MODULE_3___default.a.unchecked}`
+  }, props.selected ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_1__["SvgContainer"], {
+    svgName: _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].Check
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_1__["SvgContainer"], {
+    svgName: _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].Plus
+  }));
+};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-item/partial-loading/PartialSubjectPreferences.tsx":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/subject-preference-item/partial-loading/PartialSubjectPreferences.tsx ***!
+  \****************************************************************************************************************************************************************************/
+/*! exports provided: PartialSubjectPreferences */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialSubjectPreferences", function() { return PartialSubjectPreferences; });
+/* 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 _subject_preference_grid_subject_preference_grid_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../subject-preference-grid/subject-preference-grid.scss */ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-grid/subject-preference-grid.scss");
+/* harmony import */ var _subject_preference_grid_subject_preference_grid_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_subject_preference_grid_subject_preference_grid_scss__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _partial_subject_preferences_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./partial-subject-preferences.scss */ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-item/partial-loading/partial-subject-preferences.scss");
+/* harmony import */ var _partial_subject_preferences_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_partial_subject_preferences_scss__WEBPACK_IMPORTED_MODULE_2__);
+
+
+
+function PartialSubjectPreferences(props) {
+  const className = props.style === 'grid' ? _subject_preference_grid_subject_preference_grid_scss__WEBPACK_IMPORTED_MODULE_1___default.a.grid : _partial_subject_preferences_scss__WEBPACK_IMPORTED_MODULE_2___default.a.partialSubjectList;
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("ul", {
+    className: className
+  }, Array(props.count).fill(react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
+    className: `${_partial_subject_preferences_scss__WEBPACK_IMPORTED_MODULE_2___default.a.partialSubject} partial-loading-background`
+  })));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-item/partial-loading/partial-subject-preferences.scss":
+/*!*******************************************************************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/subject-preference-item/partial-loading/partial-subject-preferences.scss ***!
+  \*******************************************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"partialSubject":"cv--partialSubject--1rrH2","partialSubjectList":"cv--partialSubjectList--15Qdz"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-item/subject-preference-item.scss":
+/*!***********************************************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/subject-preference-item/subject-preference-item.scss ***!
+  \***********************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"subjectPreferenceItem":"cv--subjectPreferenceItem--2qd2_","expandCaret":"cv--expandCaret--1SmX9","down":"cv--down--dE3mQ","up":"cv--up--2vvzg","disabled":"cv--disabled--3xx8o","selected":"cv--selected--12fy7","textBox":"cv--textBox--3ic5e","itemStatus":"cv--itemStatus--2d1iD","unchecked":"cv--unchecked--L-HyS","green":"cv--green--1pWm4"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/contexts/SubjectPreferencesContext.ts":
+/*!*********************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/contexts/SubjectPreferencesContext.ts ***!
+  \*********************************************************************************************************************/
+/*! exports provided: SubjectPreferencesContext */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SubjectPreferencesContext", function() { return SubjectPreferencesContext; });
+/* 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__);
+
+const SubjectPreferencesContext = Object(react__WEBPACK_IMPORTED_MODULE_0__["createContext"])(undefined);
+
+/***/ }),
+
+/***/ "../../libs/shared/src/flight-requests/PreferenceRequests.ts":
+/*!*******************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/flight-requests/PreferenceRequests.ts ***!
+  \*******************************************************************************************************/
+/*! exports provided: PreferenceRequests */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PreferenceRequests", function() { return PreferenceRequests; });
+/* harmony import */ var _common_src_backbone_utils_UrlHelper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/backbone/utils/UrlHelper */ "../../libs/common/src/backbone/utils/UrlHelper.ts");
+/* harmony import */ var _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/backbone/enums/HttpVerbs */ "../../libs/common/src/backbone/enums/HttpVerbs.ts");
+/* harmony import */ var _constants_WithStatements__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../constants/WithStatements */ "../../libs/shared/src/constants/WithStatements.ts");
+
+
+
+const classificationQuery = _constants_WithStatements__WEBPACK_IMPORTED_MODULE_2__["SharedWithStatements"].CLASSIFICATION;
+const endpoints = {
+  // Subjects
+  allSubjectPreferences: () => `/api/domain/v1/subjects/preferences?query=${classificationQuery}`,
+  mySubjectPreferences: () => `/api/domain/v1/subjects/classifications/following?query=${classificationQuery}`,
+  followSubjects: () => '/api/domain/v1/subjects/classifications/following',
+  unfollowSubjects: ids => _common_src_backbone_utils_UrlHelper__WEBPACK_IMPORTED_MODULE_0__["UrlHelper"].urlBuilder('/api/domain/v1/subjects/classifications/following', {
+    id: ids
+  }),
+  // Levels
+  allLevelPreferences: () => `/api/domain/v1/subjects/audiences`,
+  myLevelPreferences: () => `/api/domain/v1/subjects/audiences/following`,
+  followLevels: () => `/api/domain/v1/subjects/audiences/following`,
+  unfollowLevels: ids => _common_src_backbone_utils_UrlHelper__WEBPACK_IMPORTED_MODULE_0__["UrlHelper"].urlBuilder('/api/domain/v1/subjects/audiences/following', {
+    id: ids
+  })
+};
+const PreferenceRequests = {
+  /**
+   * Subjects
+   */
+  allSubjectPreferences() {
+    return {
+      url: endpoints.allSubjectPreferences(),
+      key: `subject:preference:options`
+    };
+  },
+
+  mySubjectPreferences() {
+    return {
+      url: endpoints.mySubjectPreferences(),
+      key: `my:subject:preferences`,
+      normalize: false
+    };
+  },
+
+  followSubjects(subjectIds, success, always) {
+    return {
+      url: endpoints.followSubjects(),
+      key: `follow:subjects`,
+      data: subjectIds,
+      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_1__["HttpVerbs"].POST,
+      success,
+      always,
+      invalidationKeys: ['my:subject:preferences']
+    };
+  },
+
+  unfollowSubjects(subjectIds, success, always) {
+    return {
+      url: endpoints.unfollowSubjects(subjectIds),
+      key: `unfollow:subjects`,
+      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_1__["HttpVerbs"].DELETE,
+      success,
+      always,
+      invalidationKeys: ['my:subject:preferences']
+    };
+  },
+
+  /**
+   * Levels
+   */
+  allLevelPreferences() {
+    return {
+      url: endpoints.allLevelPreferences(),
+      key: `level:preference:options`,
+      normalize: false
+    };
+  },
+
+  myLevelPreferences() {
+    return {
+      url: endpoints.myLevelPreferences(),
+      key: `my:level:preferences`,
+      normalize: false
+    };
+  },
+
+  followLevels(levelIds, success, always) {
+    return {
+      url: endpoints.followLevels(),
+      key: `follow:levels`,
+      data: levelIds,
+      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_1__["HttpVerbs"].POST,
+      success,
+      always,
+      invalidationKeys: ['my:level:preferences']
+    };
+  },
+
+  unfollowLevels(levelIds, success, always) {
+    return {
+      url: endpoints.unfollowLevels(levelIds),
+      key: `unfollow:levels`,
+      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_1__["HttpVerbs"].DELETE,
+      success,
+      always,
+      invalidationKeys: ['my:level:preferences']
+    };
+  }
+
+};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/hooks/UseGetMediaQueryString.ts":
+/*!*************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseGetMediaQueryString.ts ***!
+  \*************************************************************************************************/
+/*! exports provided: useGetMediaQueryString */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useGetMediaQueryString", function() { return useGetMediaQueryString; });
+/* harmony import */ var _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../enums/MediaQueries */ "../../libs/shared/src/enums/MediaQueries.ts");
+/* harmony import */ var _UseMediaQuery__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./UseMediaQuery */ "../../libs/shared/src/hooks/UseMediaQuery.tsx");
+
+
+function useGetMediaQueryString() {
+  /**
+   * I tried to do this by looping through `MediaQueryStrings`'s keys, but you can't run
+   * hooks in a loop :(
+   */
+  const isXS = Object(_UseMediaQuery__WEBPACK_IMPORTED_MODULE_1__["useMediaQuery"])(_enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__["MediaQueryStrings"].XS);
+  const isSM = Object(_UseMediaQuery__WEBPACK_IMPORTED_MODULE_1__["useMediaQuery"])(_enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__["MediaQueryStrings"].SM);
+  const isMD = Object(_UseMediaQuery__WEBPACK_IMPORTED_MODULE_1__["useMediaQuery"])(_enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__["MediaQueryStrings"].MD);
+  const isLG = Object(_UseMediaQuery__WEBPACK_IMPORTED_MODULE_1__["useMediaQuery"])(_enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__["MediaQueryStrings"].LG);
+  const isXL = Object(_UseMediaQuery__WEBPACK_IMPORTED_MODULE_1__["useMediaQuery"])(_enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__["MediaQueryStrings"].XL);
+  const isXXL = Object(_UseMediaQuery__WEBPACK_IMPORTED_MODULE_1__["useMediaQuery"])(_enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__["MediaQueryStrings"].XXL);
+  let currentString = _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__["MediaQueryStrings"].LG; // default
+
+  if (isXS) currentString = _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__["MediaQueryStrings"].XS;
+  if (isSM) currentString = _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__["MediaQueryStrings"].SM;
+  if (isMD) currentString = _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__["MediaQueryStrings"].MD;
+  if (isLG) currentString = _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__["MediaQueryStrings"].LG;
+  if (isXL) currentString = _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__["MediaQueryStrings"].XL;
+  if (isXXL) currentString = _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__["MediaQueryStrings"].XXL;
+  return currentString;
+}
+
+/***/ }),
+
+/***/ "./src/apps/subjects/views/preferences/PreferencesView.tsx":
+/*!*****************************************************************!*\
+  !*** ./src/apps/subjects/views/preferences/PreferencesView.tsx ***!
+  \*****************************************************************/
+/*! exports provided: PreferencesView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PreferencesView", function() { return PreferencesView; });
+/* 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_apps_subjects_components_preferences_progress_PreferenceProgress__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/subjects/components/preferences/progress/PreferenceProgress */ "../../libs/shared/src/apps/subjects/components/preferences/progress/PreferenceProgress.tsx");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var apps_subjects_views_preferences__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! apps/subjects/views/preferences */ "./src/apps/subjects/views/preferences/index.ts");
+/* harmony import */ var _preferences_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./preferences.scss */ "./src/apps/subjects/views/preferences/preferences.scss");
+/* harmony import */ var _preferences_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_preferences_scss__WEBPACK_IMPORTED_MODULE_4__);
+
+
+
+
+
+
+function getComponent(step, application) {
+  /**
+   * Gonna need a way to work out whether the user is going through onboarding, or if they
+   * are just modifying their previously set preferences. Hardcoding this for now
+   */
+  var onboarding = true;
+
+  switch (step) {
+    case 'levels':
+      return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_subjects_views_preferences__WEBPACK_IMPORTED_MODULE_3__["LevelPreferencesView"], {
+        application: application
+      });
+
+    case 'subjects':
+      return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_subjects_views_preferences__WEBPACK_IMPORTED_MODULE_3__["SubjectPreferencesView"], {
+        application: application
+      });
+
+    case 'summary':
+      return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_subjects_views_preferences__WEBPACK_IMPORTED_MODULE_3__["PreferencesSummaryView"], {
+        application: application,
+        onboarding: onboarding
+      });
+
+    default:
+      return null;
+  }
+}
+
+function getSteps(currentStep, application) {
+  var baseAppLink = {
+    application: application,
+    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_2__["Actions"].Subjects.PREFERENCES
+  };
+  return [{
+    active: currentStep === 'levels',
+    appLink: Object.assign(Object.assign({}, baseAppLink), {
+      params: {
+        step: 'levels'
+      }
+    })
+  }, {
+    active: currentStep === 'subjects',
+    appLink: Object.assign(Object.assign({}, baseAppLink), {
+      params: {
+        step: 'subjects'
+      }
+    })
+  }, {
+    active: currentStep === 'summary',
+    appLink: Object.assign(Object.assign({}, baseAppLink), {
+      params: {
+        step: 'summary'
+      }
+    })
+  }];
+}
+
+function PreferencesView(_ref) {
+  var _ref$step = _ref.step,
+      currentStep = _ref$step === void 0 ? 'levels' : _ref$step,
+      application = _ref.application;
+  var component = getComponent(currentStep, application);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "p-3 position-relative ".concat(_preferences_scss__WEBPACK_IMPORTED_MODULE_4___default.a.preferencesContainer)
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_components_preferences_progress_PreferenceProgress__WEBPACK_IMPORTED_MODULE_1__["PreferenceProgress"], {
+    steps: getSteps(currentStep, application)
+  }), component);
+}
+
+/***/ }),
+
+/***/ "./src/apps/subjects/views/preferences/index.ts":
+/*!******************************************************!*\
+  !*** ./src/apps/subjects/views/preferences/index.ts ***!
+  \******************************************************/
+/*! exports provided: PreferencesView, SubjectPreferencesView, LevelPreferencesView, PreferencesSummaryView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _PreferencesView__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PreferencesView */ "./src/apps/subjects/views/preferences/PreferencesView.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PreferencesView", function() { return _PreferencesView__WEBPACK_IMPORTED_MODULE_0__["PreferencesView"]; });
+
+/* harmony import */ var _subject_preferences_SubjectPreferencesView__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./subject-preferences/SubjectPreferencesView */ "./src/apps/subjects/views/preferences/subject-preferences/SubjectPreferencesView.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SubjectPreferencesView", function() { return _subject_preferences_SubjectPreferencesView__WEBPACK_IMPORTED_MODULE_1__["SubjectPreferencesView"]; });
+
+/* harmony import */ var _level_preferences_LevelPreferencesView__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./level-preferences/LevelPreferencesView */ "./src/apps/subjects/views/preferences/level-preferences/LevelPreferencesView.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "LevelPreferencesView", function() { return _level_preferences_LevelPreferencesView__WEBPACK_IMPORTED_MODULE_2__["LevelPreferencesView"]; });
+
+/* harmony import */ var _summary_PreferencesSummaryView__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./summary/PreferencesSummaryView */ "./src/apps/subjects/views/preferences/summary/PreferencesSummaryView.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PreferencesSummaryView", function() { return _summary_PreferencesSummaryView__WEBPACK_IMPORTED_MODULE_3__["PreferencesSummaryView"]; });
+
+
+
+
+
+
+/***/ }),
+
+/***/ "./src/apps/subjects/views/preferences/level-preferences/LevelPreferencesView.tsx":
+/*!****************************************************************************************!*\
+  !*** ./src/apps/subjects/views/preferences/level-preferences/LevelPreferencesView.tsx ***!
+  \****************************************************************************************/
+/*! exports provided: LevelPreferencesView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LevelPreferencesView", function() { return LevelPreferencesView; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ "react-redux");
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var 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 _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../../libs/common/src/react/utils/ArrayHelper */ "../../libs/common/src/react/utils/ArrayHelper.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");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/flight-requests/PreferenceRequests */ "../../libs/shared/src/flight-requests/PreferenceRequests.ts");
+/* harmony import */ var _libs_shared_src_apps_subjects_components_preferences_footer_PreferenceFooter__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/apps/subjects/components/preferences/footer/PreferenceFooter */ "../../libs/shared/src/apps/subjects/components/preferences/footer/PreferenceFooter.tsx");
+/* harmony import */ var _libs_shared_src_apps_subjects_components_audience_item__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/apps/subjects/components/audience-item */ "../../libs/shared/src/apps/subjects/components/audience-item/index.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var _level_preferences_scss__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./level-preferences.scss */ "./src/apps/subjects/views/preferences/level-preferences/level-preferences.scss");
+/* harmony import */ var _level_preferences_scss__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_level_preferences_scss__WEBPACK_IMPORTED_MODULE_14__);
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var namespace = 'subjects.levelPreferences';
+function LevelPreferencesView(_ref) {
+  var application = _ref.application;
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"]([]),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      selectedLevels = _React$useState2[0],
+      setSelectedLevels = _React$useState2[1];
+
+  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_0__["useState"](false),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      showSpinner = _React$useState4[0],
+      setShowSpinner = _React$useState4[1];
+
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+  var preferenceOptions = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_9__["PreferenceRequests"].allLevelPreferences());
+  var preselections = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_9__["PreferenceRequests"].myLevelPreferences());
+  /**
+   * Set initial selections
+   */
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    if (!preselections.data) return;
+    var preselectedIds = preselections.data.map(function (level) {
+      return level.masterId;
+    });
+    setSelectedLevels(_libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_5__["ArrayHelper"].uniq([].concat(_toConsumableArray(selectedLevels), _toConsumableArray(preselectedIds))));
+  }, [preselections.data]);
+
+  function onSelectLevel(level) {
+    var newSelections = _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_5__["ArrayHelper"].addOrRemoveImmutable(selectedLevels, level.masterId);
+    setSelectedLevels(newSelections);
+  }
+
+  function onSelectAllLevels() {
+    setSelectedLevels(preferenceOptions.data.map(function (option) {
+      return option.masterId;
+    }));
+  }
+
+  function onSave() {
+    var _a, _b;
+
+    if (!hasChanged()) {
+      _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_4__["Core"].AppLinkHelper.trigger({
+        application: application,
+        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_12__["Actions"].Subjects.PREFERENCES,
+        params: {
+          step: 'subjects'
+        }
+      });
+      return;
+    }
+
+    setShowSpinner(true);
+    var addedLevels = selectedLevels.filter(function (id) {
+      return !preselections.data.find(function (level) {
+        return level.masterId === id;
+      });
+    });
+    var removedLevels = (_a = preselections.data) === null || _a === void 0 ? void 0 : _a.filter(function (level) {
+      return !selectedLevels.includes(level.masterId);
+    });
+    if ((_b = addedLevels) === null || _b === void 0 ? void 0 : _b.length) _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, _libs_shared_src_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_9__["PreferenceRequests"].followLevels(addedLevels, function () {
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_6__["AnalyticsHelper"].logUserAction({
+        levelCount: addedLevels.length
+      }, {
+        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["LocationContext"].PreferencesSettings,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["WorkflowPhase"].Complete,
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["UserAction"].Prefer,
+        descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["ToggleDescriptor"].On,
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["EntityType"].Audience
+      });
+    }, onSaveComplete));
+    if (removedLevels.length) _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, _libs_shared_src_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_9__["PreferenceRequests"].unfollowLevels(removedLevels.map(function (l) {
+      return l.masterId;
+    }), function () {
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_6__["AnalyticsHelper"].logUserAction({
+        levelCount: removedLevels.length
+      }, {
+        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["LocationContext"].PreferencesSettings,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["WorkflowPhase"].Complete,
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["UserAction"].Prefer,
+        descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["ToggleDescriptor"].Off,
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["EntityType"].Audience
+      });
+    }, onSaveComplete));
+  }
+
+  function onSaveComplete() {
+    setShowSpinner(false);
+    _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_4__["Core"].AppLinkHelper.trigger({
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_13__["AppChannels"].SUBJECT,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_12__["Actions"].Subjects.PREFERENCES,
+      params: {
+        step: 'subjects'
+      }
+    });
+  }
+
+  function hasChanged() {
+    if (!preselections.data) return false;
+    var preselectedIds = preselections.data.map(function (p) {
+      return p.masterId;
+    });
+    return preselectedIds.sort().toString() !== selectedLevels.sort().toString();
+  }
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_8__["LanguageNamespaceContext"].Provider, {
+    value: namespace
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("form", {
+    className: 'p-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'text-center mb-4'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h1", {
+    className: 'mb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_8__["Text"], {
+    phrase: 'heading',
+    options: {
+      highlightClass: 'text-primary'
+    }
+  }))), preferenceOptions.data ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("ul", {
+    className: "d-flex flex-wrap justify-content-center mx-auto mb-0 pl-0 pt-3 pb-5 ".concat(_level_preferences_scss__WEBPACK_IMPORTED_MODULE_14___default.a.levelList)
+  }, preferenceOptions.data.map(function (option) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_components_audience_item__WEBPACK_IMPORTED_MODULE_11__["AudienceItem"], {
+      key: option.masterId,
+      audience: option,
+      highlight: selectedLevels.includes(option.masterId),
+      setAudience: onSelectLevel,
+      extraClasses: 'h4 py-1 px-3 mx-1 mb-1'
+    });
+  })) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'w-33 mx-auto pb-5 pt-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_components_audience_item__WEBPACK_IMPORTED_MODULE_11__["PartialAudiences"], {
+    align: 'center'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_components_preferences_footer_PreferenceFooter__WEBPACK_IMPORTED_MODULE_10__["PreferenceFooter"], {
+    align: 'right'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'd-flex justify-content-right'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    role: 'button',
+    onClick: onSelectAllLevels,
+    className: 'text-dark font-weight-bold cursor-pointer d-flex align-items-center mr-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_8__["Text"], {
+    phrase: 'allLevels'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_2__["Button"], {
+    variant: 'dark',
+    disabled: showSpinner,
+    onClick: onSave
+  }, showSpinner ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_2__["Spinner"], {
+    as: 'span',
+    animation: 'border',
+    role: 'status',
+    size: 'sm'
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_8__["Text"], {
+    phrase: 'next'
+  }))))));
+}
+
+/***/ }),
+
+/***/ "./src/apps/subjects/views/preferences/level-preferences/level-preferences.scss":
+/*!**************************************************************************************!*\
+  !*** ./src/apps/subjects/views/preferences/level-preferences/level-preferences.scss ***!
+  \**************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"levelList":"cv--levelList--3ClyO"};
+
+/***/ }),
+
+/***/ "./src/apps/subjects/views/preferences/preferences.scss":
+/*!**************************************************************!*\
+  !*** ./src/apps/subjects/views/preferences/preferences.scss ***!
+  \**************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"preferencesContainer":"cv--preferencesContainer--1sGnn"};
+
+/***/ }),
+
+/***/ "./src/apps/subjects/views/preferences/subject-preferences/SubjectPreferencesView.tsx":
+/*!********************************************************************************************!*\
+  !*** ./src/apps/subjects/views/preferences/subject-preferences/SubjectPreferencesView.tsx ***!
+  \********************************************************************************************/
+/*! exports provided: SubjectPreferencesView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SubjectPreferencesView", function() { return SubjectPreferencesView; });
+/* 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 react_redux__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-redux */ "react-redux");
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_5__ = __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_6__ = __webpack_require__(/*! ../../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_shared_src_apps_subjects_components_preferences_subject_preference_grid_SubjectPreferenceGrid__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/apps/subjects/components/preferences/subject-preference-grid/SubjectPreferenceGrid */ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-grid/SubjectPreferenceGrid.tsx");
+/* harmony import */ var _libs_shared_src_apps_subjects_contexts_SubjectPreferencesContext__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/apps/subjects/contexts/SubjectPreferencesContext */ "../../libs/shared/src/apps/subjects/contexts/SubjectPreferencesContext.ts");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var _libs_shared_src_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/flight-requests/PreferenceRequests */ "../../libs/shared/src/flight-requests/PreferenceRequests.ts");
+/* harmony import */ var _libs_shared_src_apps_subjects_components_preferences_subject_preference_item_partial_loading_PartialSubjectPreferences__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/apps/subjects/components/preferences/subject-preference-item/partial-loading/PartialSubjectPreferences */ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-item/partial-loading/PartialSubjectPreferences.tsx");
+/* harmony import */ var _libs_shared_src_apps_subjects_components_preferences_footer_PreferenceFooter__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/apps/subjects/components/preferences/footer/PreferenceFooter */ "../../libs/shared/src/apps/subjects/components/preferences/footer/PreferenceFooter.tsx");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_17__ = __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 _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 _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 namespace = 'subjects.subjectPreferencesView';
+
+function mixinBulkOptions(rawPreferenceOptions) {
+  var _a;
+
+  if (!((_a = rawPreferenceOptions) === null || _a === void 0 ? void 0 : _a.length)) return [];
+  var preferenceOptions = [];
+  rawPreferenceOptions.forEach(function (option) {
+    if (!option.children || !option.children.length) {
+      preferenceOptions.push(Object.assign({}, option));
+      return;
+    }
+    /**
+     * Add a "bulk" preference option to an expandable subject's children e.g. "All of Science"
+     */
+
+
+    var bulkOption = Object.assign(Object.assign({}, option), {
+      name: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_6__["LanguageService"].getPhrase(namespace, 'allOfParent', {
+        parent: option.name
+      }),
+      isBulkOption: true
+    });
+    preferenceOptions.push(Object.assign(Object.assign({}, option), {
+      isExpandableOption: true,
+      children: [bulkOption].concat(_toConsumableArray(option.children))
+    }));
+  });
+  return preferenceOptions;
+}
+
+function SubjectPreferencesView(_ref) {
+  var application = _ref.application;
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"]([]),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      selectedSubjects = _React$useState2[0],
+      setSelectedSubjects = _React$useState2[1];
+
+  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_0__["useState"](null),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      expandedSubject = _React$useState4[0],
+      setExpandedSubject = _React$useState4[1];
+
+  var _React$useState5 = react__WEBPACK_IMPORTED_MODULE_0__["useState"](false),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      showSpinner = _React$useState6[0],
+      setShowSpinner = _React$useState6[1];
+
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_2__["useDispatch"])();
+  var rawPreferenceOptions = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_11__["PreferenceRequests"].allSubjectPreferences());
+  var preselections = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_11__["PreferenceRequests"].mySubjectPreferences());
+  /**
+   * Set initial selections
+   */
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    if (!preselections.data) return;
+    setSelectedSubjects(_libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_5__["ArrayHelper"].uniq([].concat(_toConsumableArray(selectedSubjects), _toConsumableArray(preselections.data.map(function (p) {
+      return p.id;
+    })))));
+  }, [preselections.data]);
+  /**
+   * Event handlers
+   */
+
+  function onSelect(subject) {
+    var newSelections = [];
+
+    if (subject.isBulkOption) {
+      var childIds = subject.children.map(function (child) {
+        return child.id;
+      });
+
+      if (selectedSubjects.includes(subject.id)) {
+        // Deselect all child subjects
+        newSelections = selectedSubjects.filter(function (selectedId) {
+          return selectedId !== subject.id && !childIds.includes(selectedId);
+        });
+      } else {
+        // Select all child subjects
+        newSelections = _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_5__["ArrayHelper"].uniq([].concat(_toConsumableArray(selectedSubjects), [subject.id], _toConsumableArray(childIds)));
+      }
+    } else {
+      newSelections = _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_5__["ArrayHelper"].addOrRemoveImmutable(selectedSubjects, subject.id);
+    }
+
+    setSelectedSubjects(newSelections);
+  }
+
+  function onExpand(subject) {
+    setExpandedSubject(expandedSubject && expandedSubject.id === subject.id ? null : subject);
+  }
+
+  function hasChanged() {
+    if (!preselections.data) return false;
+    var preselectedIds = preselections.data.map(function (p) {
+      return p.id;
+    });
+    return preselectedIds.sort().toString() !== selectedSubjects.sort().toString();
+  }
+
+  function onSave() {
+    var _a, _b;
+
+    if (!hasChanged()) {
+      _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_4__["Core"].AppLinkHelper.trigger({
+        application: application,
+        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_14__["Actions"].Subjects.PREFERENCES,
+        params: {
+          step: 'summary'
+        }
+      });
+      return;
+    }
+
+    setShowSpinner(true);
+    var addedSubjects = selectedSubjects.filter(function (id) {
+      return !preselections.data.find(function (p) {
+        return p.id === id;
+      });
+    });
+    var removedSubjects = (_a = preselections.data) === null || _a === void 0 ? void 0 : _a.filter(function (p) {
+      return !selectedSubjects.includes(p.id);
+    });
+    if ((_b = addedSubjects) === null || _b === void 0 ? void 0 : _b.length) _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, _libs_shared_src_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_11__["PreferenceRequests"].followSubjects(addedSubjects, function () {
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_16__["AnalyticsHelper"].logUserAction({
+        classificationCount: addedSubjects.length
+      }, {
+        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_17__["LocationContext"].PreferencesSettings,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_17__["WorkflowPhase"].Complete,
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_17__["UserAction"].Follow,
+        descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_17__["ToggleDescriptor"].On,
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_17__["EntityType"].Classification
+      });
+    }, onSaveComplete));
+    if (removedSubjects.length) _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, _libs_shared_src_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_11__["PreferenceRequests"].unfollowSubjects(removedSubjects.map(function (s) {
+      return s.id;
+    }), function () {
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_16__["AnalyticsHelper"].logUserAction({
+        classificationCount: removedSubjects.length
+      }, {
+        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_17__["LocationContext"].PreferencesSettings,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_17__["WorkflowPhase"].Complete,
+        descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_17__["ToggleDescriptor"].Off,
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_17__["UserAction"].Follow,
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_17__["EntityType"].Classification
+      });
+    }, onSaveComplete));
+  }
+
+  function onSaveComplete() {
+    setShowSpinner(false);
+    _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_4__["Core"].AppLinkHelper.trigger({
+      application: application,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_14__["Actions"].Subjects.PREFERENCES,
+      params: {
+        step: 'summary'
+      }
+    });
+  }
+
+  function onSelectAllSubjects() {
+    var allOptionIds = [];
+    rawPreferenceOptions.data.forEach(function (option) {
+      if (option.children && option.children.length) {
+        option.children.forEach(function (child) {
+          return allOptionIds.push(child.id);
+        });
+      }
+
+      allOptionIds.push(option.id);
+    });
+    setSelectedSubjects(allOptionIds);
+    setExpandedSubject(null);
+  }
+
+  var preferenceOptions = mixinBulkOptions(rawPreferenceOptions.data);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_9__["LanguageNamespaceContext"].Provider, {
+    value: namespace
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_contexts_SubjectPreferencesContext__WEBPACK_IMPORTED_MODULE_8__["SubjectPreferencesContext"].Provider, {
+    value: {
+      selectedSubjects: selectedSubjects,
+      expandedSubject: expandedSubject
+    }
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("form", {
+    className: 'p-3 pb-5'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'text-center mb-4'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h1", {
+    className: 'mb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_9__["Text"], {
+    phrase: 'heading',
+    options: {
+      highlightClass: 'text-primary'
+    }
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", {
+    className: 'm-0 h6'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_9__["Text"], {
+    phrase: 'infoRow1'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", {
+    className: 'h6'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_9__["Text"], {
+    phrase: 'infoRow2'
+  }))), rawPreferenceOptions.data && preselections.data ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_components_preferences_subject_preference_grid_SubjectPreferenceGrid__WEBPACK_IMPORTED_MODULE_7__["SubjectPreferenceGrid"], {
+    subjects: preferenceOptions,
+    onSelect: onSelect,
+    onExpand: onExpand
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_components_preferences_subject_preference_item_partial_loading_PartialSubjectPreferences__WEBPACK_IMPORTED_MODULE_12__["PartialSubjectPreferences"], {
+    style: 'grid',
+    count: 7
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_components_preferences_footer_PreferenceFooter__WEBPACK_IMPORTED_MODULE_13__["PreferenceFooter"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_10__["AppLink"], {
+    appLink: {
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_15__["AppChannels"].SUBJECT,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_14__["Actions"].Subjects.PREFERENCES,
+      params: {
+        step: 'levels'
+      }
+    },
+    className: 'btn btn-light'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_9__["Text"], {
+    phrase: 'back'
+  }))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'd-flex justify-content-right'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    role: 'button',
+    onClick: onSelectAllSubjects,
+    className: 'text-dark font-weight-bold cursor-pointer d-flex align-items-center mr-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_9__["Text"], {
+    phrase: 'allSubjects'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Button"], {
+    variant: 'dark',
+    disabled: showSpinner,
+    onClick: onSave
+  }, showSpinner ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Spinner"], {
+    as: 'span',
+    animation: 'border',
+    role: 'status',
+    size: 'sm'
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_9__["Text"], {
+    phrase: hasChanged() ? 'followSubjects' : 'next',
+    options: {
+      smartCount: selectedSubjects.length
+    }
+  })))))));
+}
+
+/***/ }),
+
+/***/ "./src/apps/subjects/views/preferences/summary/PreferencesSummaryView.tsx":
+/*!********************************************************************************!*\
+  !*** ./src/apps/subjects/views/preferences/summary/PreferencesSummaryView.tsx ***!
+  \********************************************************************************/
+/*! exports provided: PreferencesSummaryView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PreferencesSummaryView", function() { return PreferencesSummaryView; });
+/* 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_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/components/svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _libs_shared_src_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 _libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var _libs_shared_src_apps_subjects_components_audience_item__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/apps/subjects/components/audience-item */ "../../libs/shared/src/apps/subjects/components/audience-item/index.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/flight-requests/PreferenceRequests */ "../../libs/shared/src/flight-requests/PreferenceRequests.ts");
+/* harmony import */ var _libs_shared_src_apps_subjects_components_preferences_subject_preference_item_SubjectPreferenceItem__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/apps/subjects/components/preferences/subject-preference-item/SubjectPreferenceItem */ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-item/SubjectPreferenceItem.tsx");
+/* harmony import */ var _libs_shared_src_apps_subjects_components_preferences_subject_preference_item_partial_loading_PartialSubjectPreferences__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/apps/subjects/components/preferences/subject-preference-item/partial-loading/PartialSubjectPreferences */ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-item/partial-loading/PartialSubjectPreferences.tsx");
+/* harmony import */ var _libs_shared_src_apps_subjects_components_preferences_footer_PreferenceFooter__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/apps/subjects/components/preferences/footer/PreferenceFooter */ "../../libs/shared/src/apps/subjects/components/preferences/footer/PreferenceFooter.tsx");
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var _preferences_summary_scss__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./preferences-summary.scss */ "./src/apps/subjects/views/preferences/summary/preferences-summary.scss");
+/* harmony import */ var _preferences_summary_scss__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(_preferences_summary_scss__WEBPACK_IMPORTED_MODULE_15__);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+function onClickNext() {
+  _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_12__["Core"].AppLinkHelper.trigger({
+    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_13__["AppChannels"].DASHBOARD,
+    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_14__["Actions"].Dashboard.HOME
+  });
+}
+
+function PreferencesSummaryView(props) {
+  var levelPreferences = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_11__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_7__["PreferenceRequests"].myLevelPreferences());
+  var subjectPreferences = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_11__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_7__["PreferenceRequests"].mySubjectPreferences());
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__["LanguageNamespaceContext"].Provider, {
+    value: 'subjects.preferencesSummary'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "p-3 pb-5 mx-auto ".concat(_preferences_summary_scss__WEBPACK_IMPORTED_MODULE_15___default.a.container)
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'text-center'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h1", {
+    className: 'mb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__["Text"], {
+    phrase: 'heading',
+    options: {
+      highlightClass: 'text-primary'
+    }
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", {
+    className: 'w-25 mx-auto h6'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__["Text"], {
+    phrase: 'info'
+  }))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'pb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'pb-1 d-flex align-items-center'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h2", {
+    className: 'h3 mb-0 pr-1'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__["Text"], {
+    phrase: 'levels'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_5__["AppLink"], {
+    appLink: {
+      application: props.application,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_14__["Actions"].Subjects.PREFERENCES,
+      params: {
+        step: 'levels'
+      }
+    }
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_3__["SvgContainer"], {
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].Edit
+  }))), levelPreferences.data ? levelPreferences.data.length ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("ul", {
+    className: 'm-0 p-0'
+  }, levelPreferences.data.map(function (level) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_components_audience_item__WEBPACK_IMPORTED_MODULE_6__["AudienceItem"], {
+      key: level.masterId,
+      audience: level,
+      extraClasses: 'h4 py-1 px-3 mx-1 cursor-default',
+      highlight: true
+    });
+  })) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__["Text"], {
+    phrase: 'noLevelPreferences'
+  })) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_components_audience_item__WEBPACK_IMPORTED_MODULE_6__["PartialAudiences"], {
+    count: 2
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'pb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'pb-1 d-flex align-items-center'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h2", {
+    className: 'h3 mb-0 pr-1'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__["Text"], {
+    phrase: 'subjects'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_5__["AppLink"], {
+    appLink: {
+      application: props.application,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_14__["Actions"].Subjects.PREFERENCES,
+      params: {
+        step: 'subjects'
+      }
+    }
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_3__["SvgContainer"], {
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].Edit
+  }))), subjectPreferences.data ? subjectPreferences.data.length ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("ul", {
+    className: 'm-0 p-0 d-flex flex-wrap'
+  }, subjectPreferences.data.map(function (subject) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_components_preferences_subject_preference_item_SubjectPreferenceItem__WEBPACK_IMPORTED_MODULE_8__["SubjectPreferenceItem"], {
+      key: subject.id,
+      subject: subject,
+      extraClasses: 'm-1 cursor-default',
+      selected: true
+    });
+  })) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__["Text"], {
+    phrase: 'noSubjectPreferences'
+  })) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_components_preferences_subject_preference_item_partial_loading_PartialSubjectPreferences__WEBPACK_IMPORTED_MODULE_9__["PartialSubjectPreferences"], {
+    style: 'list',
+    count: 5
+  })), props.onboarding && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_components_preferences_footer_PreferenceFooter__WEBPACK_IMPORTED_MODULE_10__["PreferenceFooter"], {
+    align: 'center'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Button"], {
+    variant: 'dark',
+    onClick: onClickNext,
+    className: 'px-4'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__["Text"], {
+    phrase: 'getStarted'
+  })))));
+}
+
+/***/ }),
+
+/***/ "./src/apps/subjects/views/preferences/summary/preferences-summary.scss":
+/*!******************************************************************************!*\
+  !*** ./src/apps/subjects/views/preferences/summary/preferences-summary.scss ***!
+  \******************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"container":"cv--container--VG65e"};
+
+/***/ })
+
+}]);
+//# sourceMappingURL=21.chunk.js.map