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

package/dist/scripts/25.chunk.js

@@ -1 +1,1137 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[25],{477:function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var n=a(77),r=a(78);function c(){const e=Object(r.a)(n.a.XS),t=Object(r.a)(n.a.SM),a=Object(r.a)(n.a.MD),c=Object(r.a)(n.a.LG),i=Object(r.a)(n.a.XL),l=Object(r.a)(n.a.XXL);let s=n.a.LG;return e&&(s=n.a.XS),t&&(s=n.a.SM),a&&(s=n.a.MD),c&&(s=n.a.LG),i&&(s=n.a.XL),l&&(s=n.a.XXL),s}},481:function(e,t,a){"use strict";a.d(t,"a",(function(){return f}));var n=a(53),r=a(15);const c=a(25).a.CLASSIFICATION,i=()=>"/api/domain/v1/subjects/preferences?query="+c,l=()=>"/api/domain/v1/subjects/classifications/following?query="+c,s=()=>"/api/domain/v1/subjects/classifications/following",o=e=>n.a.urlBuilder("/api/domain/v1/subjects/classifications/following",{id:e}),u=()=>"/api/domain/v1/subjects/audiences",d=()=>"/api/domain/v1/subjects/audiences/following",m=()=>"/api/domain/v1/subjects/audiences/following",p=e=>n.a.urlBuilder("/api/domain/v1/subjects/audiences/following",{id:e}),f={allSubjectPreferences:()=>({url:i(),key:"subject:preference:options"}),mySubjectPreferences:()=>({url:l(),key:"my:subject:preferences",normalize:!1}),followSubjects:(e,t)=>({url:s(),key:"follow:subjects",data:e,type:r.a.POST,always:t,invalidationKeys:["my:subject:preferences"]}),unfollowSubjects:(e,t)=>({url:o(e),key:"unfollow:subjects",type:r.a.DELETE,always:t,invalidationKeys:["my:subject:preferences"]}),allLevelPreferences:()=>({url:u(),key:"level:preference:options",normalize:!1}),myLevelPreferences:()=>({url:d(),key:"my:level:preferences",normalize:!1}),followLevels:(e,t)=>({url:m(),key:"follow:levels",data:e,type:r.a.POST,always:t,invalidationKeys:["my:level:preferences"]}),unfollowLevels:(e,t)=>({url:p(e),key:"unfollow:levels",type:r.a.DELETE,always:t,invalidationKeys:["my:level:preferences"]})}},493:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(0),r=a(520),c=a.n(r);function i(e){const{audience:t,highlight:a,setAudience:r,isDisabled:i,extraClasses:l}=e,s=function(e,t){return e?"badge-info text-light":t?c.a.disabled+" text-muted":"badge-light"}(a,i),o=`badge-pill d-inline-block mr-1 ${i?"cursor-default":"cursor-pointer"} ${s} ${l}`;return n.createElement("span",{className:o,onClick:()=>{i||r(t,!a)},role:"checkbox","aria-checked":a},t.name.split(" ").map(e=>e.charAt(0).toUpperCase()+e.substring(1)).join(" "))}i.defaultProps={extraClasses:""}},520:function(e,t,a){e.exports={disabled:"_1KxF9"}},548:function(e,t,a){e.exports={subjectPreferenceItem:"_2qd2_",expandCaret:"_1SmX9",down:"dE3mQ",up:"_2vvzg",disabled:"_3xx8o",selected:"_12fy7",textBox:"_3ic5e",itemStatus:"_2d1iD",unchecked:"L-HyS",green:"_1pWm4"}},549:function(e,t,a){e.exports={grid:"G_RXX",subgrid:"_38ohZ"}},604:function(e,t,a){e.exports={progressItem:"_1Znll"}},605:function(e,t,a){e.exports={preferenceFooter:"P29kw"}},606:function(e,t,a){e.exports={partialSubject:"_1rrH2",partialSubjectList:"_15Qdz"}},607:function(e,t,a){e.exports={levelList:"_3ClyO"}},608:function(e,t,a){e.exports={container:"VG65e"}},609:function(e,t,a){e.exports={preferencesContainer:"_1sGnn"}},643:function(e,t,a){"use strict";a.r(t);var n=a(0),r=a(604),c=a.n(r),i=a(32);function l(e){return n.createElement("nav",{className:"d-flex justify-content-center pt-3"},e.steps.map((e,t)=>{return n.createElement(i.a,{key:t,appLink:e.active?null:e.appLink,className:(a=e.active,`${"rounded-circle mx-2 cursor-pointer "+c.a.progressItem} ${a?"bg-info":"bg-light"}`)});var a}))}var s=a(10),o=a(27),u=a(40),d=a(11),m=a(2),p=a(63),f=a(5),b=a(77),v=a(477),E=a(605),h=a.n(E);function y(e){const t=Object(v.a)(),a=t===b.a.SM||t===b.a.XS?"w-100":"w-75";let r="justify-content-between";return"right"===e.align?r="justify-content-end":"center"===e.align&&(r="justify-content-center"),n.createElement("div",{className:`${a} ${r} ${h.a.preferenceFooter} d-flex px-3`},e.children)}var g=a(113),j=a(76);const S=Object(n.createContext)(void 0);var x=a(33),w=a(9),k=a(548),O=a.n(k);const N=e=>e.selectedChildrenCount?n.createElement("div",{className:`${O.a.itemStatus} ${O.a.green}`},e.selectedChildrenCount):n.createElement(n.Fragment,null),C=e=>n.createElement("div",{className:`${O.a.itemStatus} ${e.selected?O.a.green:O.a.unchecked}`},e.selected?n.createElement(x.a,{svgName:w.b.Check}):n.createElement(x.a,{svgName:w.b.Plus}));function L(e){var t,a,r,c;const i=n.useContext(S);const l=e.subject.cover?g.a.createUrl(e.subject.cover.url,{size:j.a.Small}):"",s=e.subject.isExpandableOption?e.subject.children.map(e=>e.id):[],o=null===(a=null===(t=i)||void 0===t?void 0:t.selectedSubjects)||void 0===a?void 0:a.filter(e=>s.includes(e)).length,u=!e.disabled&&e.onClick?e.onClick:()=>{},d=(null===(c=null===(r=i)||void 0===r?void 0:r.expandedSubject)||void 0===c?void 0:c.id)===e.subject.id,m=`${O.a.expandCaret} ${d?O.a.up:O.a.down}`;return n.createElement("li",{className:function(){let t=O.a.subjectPreferenceItem;return e.extraClasses&&(t+=" "+e.extraClasses),e.disabled&&(t+=" "+O.a.disabled),e.selected&&(t+=" "+O.a.selected),t}(),onClick:u,"aria-checked":e.selected,"aria-haspopup":e.subject.isExpandableOption,role:e.subject.isExpandableOption?"button":"checkbox",style:{backgroundImage:`url(${l})`},tabIndex:0,title:e.subject.name},n.createElement("div",{className:O.a.textBox+" p-2"},n.createElement("p",{className:"m-0 text-truncate"},e.subject.name,n.createElement("span",{className:e.subject.isExpandableOption?m:""})),e.subject.isExpandableOption?n.createElement(N,{selectedChildrenCount:o}):n.createElement(C,{selected:e.selected})))}var P=a(549),A=a.n(P),I=function(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(a[n[r]]=e[n[r]])}return a};function R(e,t){return!(!t||e.id===t.id)&&!t.children.find(t=>t.id===e.id)}function F(e){const t=n.useContext(S);return n.createElement(n.Fragment,null,e.subjects.map(a=>{const r=a.isExpandableOption?e.onExpand:e.onSelect;return n.createElement(L,{key:a.id,subject:a,selected:t.selectedSubjects.includes(a.id),disabled:R(a,t.expandedSubject),onClick:e=>r(a)})}))}function _(e){var{subjects:t}=e,a=I(e,["subjects"]);const{expandedSubject:r}=n.useContext(S),c=function(){switch(Object(v.a)()){case b.a.LG:default:return 5;case b.a.MD:return 4;case b.a.SM:return 3;case b.a.XS:return 2}}(),i=t.reduce((e,t,a)=>(a%c==0?e.push([t]):p.a.last(e).push(t),e),[]);return n.createElement("ul",{className:A.a.grid},i.map((e,t)=>{const c=r&&!!e.find(e=>r.id===e.id&&e.isExpandableOption);return n.createElement(n.Fragment,{key:t},n.createElement(F,Object.assign({subjects:e},a)),c&&n.createElement("li",{className:A.a.subgrid+" m-0"},n.createElement(_,Object.assign({subjects:r.children},a))))}))}var B=a(44),$=a(481),X=a(606),D=a.n(X);function T(e){const t="grid"===e.style?A.a.grid:D.a.partialSubjectList;return n.createElement("ul",{className:t},Array(e.count).fill(n.createElement("li",{className:D.a.partialSubject+" partial-loading-background"})))}var M=a(3);function H(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,c=void 0;try{for(var i,l=e[Symbol.iterator]();!(n=(i=l.next()).done)&&(a.push(i.value),!t||a.length!==t);n=!0);}catch(e){r=!0,c=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw c}}return a}(e,t)||G(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function z(e){return function(e){if(Array.isArray(e))return q(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||G(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function G(e,t){if(e){if("string"==typeof e)return q(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?q(e,t):void 0}}function q(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var U="subjects.subjectPreferencesView";function K(e){var t=e.application,a=H(n.useState([]),2),r=a[0],c=a[1],l=H(n.useState(null),2),b=l[0],v=l[1],E=H(n.useState(!1),2),h=E[0],g=E[1],j=Object(u.useDispatch)(),x=d.a.useBasicFetch($.a.allSubjectPreferences()),w=d.a.useBasicFetch($.a.mySubjectPreferences());function k(){return!!w.data&&w.data.map((function(e){return e.id})).sort().toString()!==r.sort().toString()}function O(){g(!1),m.a.AppLinkHelper.trigger({application:t,action:s.a.Subjects.PREFERENCES,params:{step:"summary"}})}n.useEffect((function(){w.data&&c(p.a.uniq([].concat(z(r),z(w.data.map((function(e){return e.id}))))))}),[w.data]);var N=function(e){var t;if(!(null===(t=e)||void 0===t?void 0:t.length))return[];var a=[];return e.forEach((function(e){if(e.children&&e.children.length){var t=Object.assign(Object.assign({},e),{name:f.a.getPhrase(U,"allOfParent",{parent:e.name}),isBulkOption:!0});a.push(Object.assign(Object.assign({},e),{isExpandableOption:!0,children:[t].concat(z(e.children))}))}else a.push(Object.assign({},e))})),a}(x.data);return n.createElement(B.a.Provider,{value:U},n.createElement(S.Provider,{value:{selectedSubjects:r,expandedSubject:b}},n.createElement("form",{className:"p-3 pb-5"},n.createElement("div",{className:"text-center mb-4"},n.createElement("h1",{className:"mb-3"},n.createElement(B.b,{phrase:"heading",options:{highlightClass:"text-primary"}})),n.createElement("p",{className:"m-0 h6"},n.createElement(B.b,{phrase:"infoRow1"})),n.createElement("p",{className:"h6"},n.createElement(B.b,{phrase:"infoRow2"}))),x.data&&w.data?n.createElement(_,{subjects:N,onSelect:function(e){var t=[];if(e.isBulkOption){var a=e.children.map((function(e){return e.id}));t=r.includes(e.id)?r.filter((function(t){return t!==e.id&&!a.includes(t)})):p.a.uniq([].concat(z(r),[e.id],z(a)))}else t=p.a.addOrRemoveImmutable(r,e.id);c(t)},onExpand:function(e){v(b&&b.id===e.id?null:e)}}):n.createElement(T,{style:"grid",count:7}),n.createElement(y,null,n.createElement("div",null,n.createElement(i.a,{appLink:{application:M.a.SUBJECT,action:s.a.Subjects.PREFERENCES,params:{step:"levels"}},className:"btn btn-light"},n.createElement(B.b,{phrase:"back"}))),n.createElement("div",{className:"d-flex justify-content-right"},n.createElement("div",{role:"button",onClick:function(){var e=[];x.data.forEach((function(t){t.children&&t.children.length&&t.children.forEach((function(t){return e.push(t.id)})),e.push(t.id)})),c(e),v(null)},className:"text-dark font-weight-bold cursor-pointer d-flex align-items-center mr-3"},n.createElement(B.b,{phrase:"allSubjects"})),n.createElement(o.Button,{variant:"dark",disabled:h,onClick:function(){var e,a;if(k()){g(!0);var n=r.filter((function(e){return!w.data.find((function(t){return t.id===e}))})),c=null===(e=w.data)||void 0===e?void 0:e.filter((function(e){return!r.includes(e.id)}));(null===(a=n)||void 0===a?void 0:a.length)&&d.a.fetch(j,$.a.followSubjects(n,O)),c.length&&d.a.fetch(j,$.a.unfollowSubjects(c.map((function(e){return e.id})),O))}else m.a.AppLinkHelper.trigger({application:t,action:s.a.Subjects.PREFERENCES,params:{step:"summary"}})}},h?n.createElement(o.Spinner,{as:"span",animation:"border",role:"status",size:"sm"}):n.createElement(B.b,{phrase:k()?"followSubjects":"next",options:{smartCount:r.length}})))))))}var J=a(493);function V({width:e=90,height:t=35,count:a=5,align:r="left"}){const c="center"===r?"justify-content-center":"justify-content-start";return n.createElement("ul",{className:"d-flex flex-wrap pl-0 m-0 "+c},Array(a).fill(n.createElement("li",{className:"partial-loading-background mx-1 mb-1 badge-pill list-unstyled",style:{height:t+"px",width:e+"px"}})))}var Q=a(607),Z=a.n(Q);function W(e){return function(e){if(Array.isArray(e))return te(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||ee(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Y(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,c=void 0;try{for(var i,l=e[Symbol.iterator]();!(n=(i=l.next()).done)&&(a.push(i.value),!t||a.length!==t);n=!0);}catch(e){r=!0,c=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw c}}return a}(e,t)||ee(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ee(e,t){if(e){if("string"==typeof e)return te(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?te(e,t):void 0}}function te(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function ae(e){var t=e.application,a=Y(n.useState([]),2),r=a[0],c=a[1],i=Y(n.useState(!1),2),l=i[0],f=i[1],b=Object(u.useDispatch)(),v=d.a.useBasicFetch($.a.allLevelPreferences()),E=d.a.useBasicFetch($.a.myLevelPreferences());function h(e){var t=p.a.addOrRemoveImmutable(r,e.masterId);c(t)}function g(){f(!1),m.a.AppLinkHelper.trigger({application:M.a.SUBJECT,action:s.a.Subjects.PREFERENCES,params:{step:"subjects"}})}return n.useEffect((function(){if(E.data){var e=E.data.map((function(e){return e.masterId}));c(p.a.uniq([].concat(W(r),W(e))))}}),[E.data]),n.createElement(B.a.Provider,{value:"subjects.levelPreferences"},n.createElement("form",{className:"p-3"},n.createElement("div",{className:"text-center mb-4"},n.createElement("h1",{className:"mb-3"},n.createElement(B.b,{phrase:"heading",options:{highlightClass:"text-primary"}}))),v.data?n.createElement("ul",{className:"d-flex flex-wrap justify-content-center mx-auto mb-0 pl-0 pt-3 pb-5 ".concat(Z.a.levelList)},v.data.map((function(e){return n.createElement(J.a,{key:e.masterId,audience:e,highlight:r.includes(e.masterId),setAudience:h,extraClasses:"h4 py-1 px-3 mx-1 mb-1"})}))):n.createElement("div",{className:"w-33 mx-auto pb-5 pt-3"},n.createElement(V,{align:"center"})),n.createElement(y,{align:"right"},n.createElement("div",{className:"d-flex justify-content-right"},n.createElement("div",{role:"button",onClick:function(){c(v.data.map((function(e){return e.masterId})))},className:"text-dark font-weight-bold cursor-pointer d-flex align-items-center mr-3"},n.createElement(B.b,{phrase:"allLevels"})),n.createElement(o.Button,{variant:"dark",disabled:l,onClick:function(){var e,a;if(E.data&&E.data.map((function(e){return e.masterId})).sort().toString()!==r.sort().toString()){f(!0);var n=r.filter((function(e){return!E.data.find((function(t){return t.masterId===e}))})),c=null===(e=E.data)||void 0===e?void 0:e.filter((function(e){return!r.includes(e.masterId)}));(null===(a=n)||void 0===a?void 0:a.length)&&d.a.fetch(b,$.a.followLevels(n,g)),c.length&&d.a.fetch(b,$.a.unfollowLevels(c.map((function(e){return e.masterId})),g))}else m.a.AppLinkHelper.trigger({application:t,action:s.a.Subjects.PREFERENCES,params:{step:"subjects"}})}},l?n.createElement(o.Spinner,{as:"span",animation:"border",role:"status",size:"sm"}):n.createElement(B.b,{phrase:"next"}))))))}var ne=a(608),re=a.n(ne);function ce(){m.a.AppLinkHelper.trigger({application:M.a.DASHBOARD,action:s.a.Dashboard.HOME})}function ie(e){var t=d.a.useBasicFetch($.a.myLevelPreferences()),a=d.a.useBasicFetch($.a.mySubjectPreferences());return n.createElement(B.a.Provider,{value:"subjects.preferencesSummary"},n.createElement("div",{className:"p-3 pb-5 mx-auto ".concat(re.a.container)},n.createElement("div",{className:"text-center"},n.createElement("h1",{className:"mb-3"},n.createElement(B.b,{phrase:"heading",options:{highlightClass:"text-primary"}})),n.createElement("p",{className:"w-25 mx-auto h6"},n.createElement(B.b,{phrase:"info"}))),n.createElement("div",{className:"pb-3"},n.createElement("div",{className:"pb-1 d-flex align-items-center"},n.createElement("h2",{className:"h3 mb-0 pr-1"},n.createElement(B.b,{phrase:"levels"})),n.createElement(i.a,{appLink:{application:e.application,action:s.a.Subjects.PREFERENCES,params:{step:"levels"}}},n.createElement(x.a,{svgName:w.b.Edit}))),t.data?t.data.length?n.createElement("ul",{className:"m-0 p-0"},t.data.map((function(e){return n.createElement(J.a,{key:e.masterId,audience:e,extraClasses:"h4 py-1 px-3 mx-1 cursor-default",highlight:!0})}))):n.createElement("p",null,n.createElement(B.b,{phrase:"noLevelPreferences"})):n.createElement(V,{count:2})),n.createElement("div",{className:"pb-3"},n.createElement("div",{className:"pb-1 d-flex align-items-center"},n.createElement("h2",{className:"h3 mb-0 pr-1"},n.createElement(B.b,{phrase:"subjects"})),n.createElement(i.a,{appLink:{application:e.application,action:s.a.Subjects.PREFERENCES,params:{step:"subjects"}}},n.createElement(x.a,{svgName:w.b.Edit}))),a.data?a.data.length?n.createElement("ul",{className:"m-0 p-0 d-flex flex-wrap"},a.data.map((function(e){return n.createElement(L,{key:e.id,subject:e,extraClasses:"m-1 cursor-default",selected:!0})}))):n.createElement("p",null,n.createElement(B.b,{phrase:"noSubjectPreferences"})):n.createElement(T,{style:"list",count:5})),e.onboarding&&n.createElement(y,{align:"center"},n.createElement(o.Button,{variant:"dark",onClick:ce,className:"px-4"},n.createElement(B.b,{phrase:"getStarted"})))))}var le=a(609),se=a.n(le);function oe(e,t){var a={application:t,action:s.a.Subjects.PREFERENCES};return[{active:"levels"===e,appLink:Object.assign(Object.assign({},a),{params:{step:"levels"}})},{active:"subjects"===e,appLink:Object.assign(Object.assign({},a),{params:{step:"subjects"}})},{active:"summary"===e,appLink:Object.assign(Object.assign({},a),{params:{step:"summary"}})}]}function ue(e){var t=e.step,a=void 0===t?"levels":t,r=e.application,c=function(e,t){switch(e){case"levels":return n.createElement(ae,{application:t});case"subjects":return n.createElement(K,{application:t});case"summary":return n.createElement(ie,{application:t,onboarding:!0});default:return null}}(a,r);return n.createElement("div",{className:"p-3 position-relative ".concat(se.a.preferencesContainer)},n.createElement(l,{steps:oe(a,r)}),c)}a.d(t,"PreferencesView",(function(){return ue}))}}]);
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[25],{
+
+/***/ "../../libs/shared/src/apps/playlists/components/playlist-list/PlaylistItem.tsx":
+/*!**************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/playlists/components/playlist-list/PlaylistItem.tsx ***!
+  \**************************************************************************************************************************/
+/*! exports provided: PlaylistItem */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PlaylistItem", function() { return PlaylistItem; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _utils_ImageHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../utils/ImageHelper */ "../../libs/shared/src/utils/ImageHelper.ts");
+/* harmony import */ var _utils_AudienceHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../utils/AudienceHelper */ "../../libs/shared/src/utils/AudienceHelper.ts");
+/* harmony import */ var _enums_Images__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../enums/Images */ "../../libs/shared/src/enums/Images.ts");
+/* harmony import */ var _components_text_Text__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var _components_thumbnails_base_BaseThumbnail__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../components/thumbnails/base/BaseThumbnail */ "../../libs/shared/src/components/thumbnails/base/BaseThumbnail.tsx");
+/* harmony import */ var _components_thumbnails_base_ThumbnailFallback__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../components/thumbnails/base/ThumbnailFallback */ "../../libs/shared/src/components/thumbnails/base/ThumbnailFallback.tsx");
+/* harmony import */ var _components_audience_label_AudienceLabel__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../components/audience-label/AudienceLabel */ "../../libs/shared/src/components/audience-label/AudienceLabel.tsx");
+/* harmony import */ var _playlist_scss__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./playlist.scss */ "../../libs/shared/src/apps/playlists/components/playlist-list/playlist.scss");
+/* harmony import */ var _playlist_scss__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_playlist_scss__WEBPACK_IMPORTED_MODULE_9__);
+
+
+
+
+
+
+
+
+
+
+function PlaylistItem(props) {
+  const imageUrl = _utils_ImageHelper__WEBPACK_IMPORTED_MODULE_1__["ImageHelper"].createUrl(props.data.cover && props.data.cover.url, {
+    size: _enums_Images__WEBPACK_IMPORTED_MODULE_3__["ImageSize"].Medium,
+    resizeType: _enums_Images__WEBPACK_IMPORTED_MODULE_3__["ResizeType"].Cover
+  });
+  const audiences = props.data.subjectPresentationAudiences && props.data.subjectPresentationAudiences.data;
+  const filteredAudiences = _utils_AudienceHelper__WEBPACK_IMPORTED_MODULE_2__["AudienceHelper"].getSortedPresentationAudiences(audiences, props.presentationAudiences);
+  const mergedAudience = _utils_AudienceHelper__WEBPACK_IMPORTED_MODULE_2__["AudienceHelper"].getMergedPresentationAudienceString(filteredAudiences);
+  const count = !!props.showCount && !!props.data.videos && props.data.videos.count;
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_5__["AppLink"], {
+    appLink: props.appLink
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_thumbnails_base_BaseThumbnail__WEBPACK_IMPORTED_MODULE_6__["BaseThumbnail"], {
+    data: imageUrl,
+    className: _playlist_scss__WEBPACK_IMPORTED_MODULE_9___default.a.playlistItem
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_thumbnails_base_ThumbnailFallback__WEBPACK_IMPORTED_MODULE_7__["ThumbnailFallback"], {
+    type: _components_thumbnails_base_ThumbnailFallback__WEBPACK_IMPORTED_MODULE_7__["ThumbnailFallbackType"].Playlist
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: `text-white ${_playlist_scss__WEBPACK_IMPORTED_MODULE_9___default.a.playlistMetadata}`
+  }, Number.isInteger(count) && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_text_Text__WEBPACK_IMPORTED_MODULE_4__["Text"], {
+    namespace: 'shared.playlistItem',
+    phrase: 'videos',
+    options: {
+      smartCount: count
+    }
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h5", {
+    className: 'text-shadow mb-0'
+  }, props.data.name), !!audiences && !!audiences.length && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_audience_label_AudienceLabel__WEBPACK_IMPORTED_MODULE_8__["AudienceLabel"], {
+    audience: mergedAudience,
+    border: 'white'
+  }))));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/playlists/components/playlist-list/PlaylistList.tsx":
+/*!**************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/playlists/components/playlist-list/PlaylistList.tsx ***!
+  \**************************************************************************************************************************/
+/*! exports provided: PlaylistList */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PlaylistList", function() { return PlaylistList; });
+/* 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 _PlaylistItem__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./PlaylistItem */ "../../libs/shared/src/apps/playlists/components/playlist-list/PlaylistItem.tsx");
+
+
+
+function PlaylistList(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Row"], null, props.playlists.map(p => react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Col"], {
+    key: p.id,
+    xs: 6,
+    sm: 4,
+    lg: 3,
+    className: `mb-3 ${props.itemClassName ? props.itemClassName : ''}`
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_PlaylistItem__WEBPACK_IMPORTED_MODULE_2__["PlaylistItem"], {
+    key: p.id,
+    data: p,
+    appLink: props.getPlaylistAppLink(p),
+    presentationAudiences: props.presentationAudiences,
+    showCount: props.showCount
+  }))));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/playlists/components/playlist-list/index.ts":
+/*!******************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/playlists/components/playlist-list/index.ts ***!
+  \******************************************************************************************************************/
+/*! exports provided: PartialPlaylistList, PlaylistList, PlaylistItem */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _PartialPlaylistList__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PartialPlaylistList */ "../../libs/shared/src/apps/playlists/components/playlist-list/PartialPlaylistList.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PartialPlaylistList", function() { return _PartialPlaylistList__WEBPACK_IMPORTED_MODULE_0__["PartialPlaylistList"]; });
+
+/* harmony import */ var _PlaylistList__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PlaylistList */ "../../libs/shared/src/apps/playlists/components/playlist-list/PlaylistList.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PlaylistList", function() { return _PlaylistList__WEBPACK_IMPORTED_MODULE_1__["PlaylistList"]; });
+
+/* harmony import */ var _PlaylistItem__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./PlaylistItem */ "../../libs/shared/src/apps/playlists/components/playlist-list/PlaylistItem.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PlaylistItem", function() { return _PlaylistItem__WEBPACK_IMPORTED_MODULE_2__["PlaylistItem"]; });
+
+
+
+
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/playlists/components/playlist-list/playlist.scss":
+/*!***********************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/playlists/components/playlist-list/playlist.scss ***!
+  \***********************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"basePlaylistItem":"cv--basePlaylistItem--2nvrp","playlistItem":"cv--playlistItem--6o0Z2","playlistMetadata":"cv--playlistMetadata--3MCKL","partialHeading":"cv--partialHeading--13tO6"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/classification-list/ClassificationList.tsx":
+/*!*************************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/classification-list/ClassificationList.tsx ***!
+  \*************************************************************************************************************************************/
+/*! exports provided: ClassificationList */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassificationList", function() { return ClassificationList; });
+/* 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_widgets_items_subject_widget_item_SubjectWidgetItem__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../components/widgets/items/subject-widget-item/SubjectWidgetItem */ "../../libs/shared/src/components/widgets/items/subject-widget-item/SubjectWidgetItem.tsx");
+/* harmony import */ var _classification_list_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./classification-list.scss */ "../../libs/shared/src/apps/subjects/components/classification-list/classification-list.scss");
+/* harmony import */ var _classification_list_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_classification_list_scss__WEBPACK_IMPORTED_MODULE_2__);
+
+
+
+
+function ClassificationItem({
+  classification,
+  appLink
+}) {
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: `d-inline-flex position-relative px-2 mb-2 ${_classification_list_scss__WEBPACK_IMPORTED_MODULE_2___default.a.classificationItem}`
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_widgets_items_subject_widget_item_SubjectWidgetItem__WEBPACK_IMPORTED_MODULE_1__["SubjectWidgetItem"], {
+    data: classification,
+    appLink: appLink,
+    isLarge: true
+  }));
+}
+
+function ClassificationList(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, props.classifications.map(c => react__WEBPACK_IMPORTED_MODULE_0__["createElement"](ClassificationItem, {
+    key: c.id,
+    classification: c,
+    appLink: props.getItemAppLink(c)
+  })));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/classification-list/classification-list.scss":
+/*!***************************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/classification-list/classification-list.scss ***!
+  \***************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"classificationItem":"cv--classificationItem--2XXp2"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/coming-soon/ComingSoon.tsx":
+/*!*********************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/coming-soon/ComingSoon.tsx ***!
+  \*********************************************************************************************************************/
+/*! exports provided: ComingSoon */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ComingSoon", function() { return ComingSoon; });
+/* 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_SvgHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _utils_ImageHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../utils/ImageHelper */ "../../libs/shared/src/utils/ImageHelper.ts");
+/* harmony import */ var _enums_Images__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../enums/Images */ "../../libs/shared/src/enums/Images.ts");
+/* harmony import */ var _components_spinner_button_SpinnerButton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../components/spinner-button/SpinnerButton */ "../../libs/shared/src/components/spinner-button/SpinnerButton.tsx");
+/* harmony import */ var _components_text_Text__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../components/svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _coming_soon_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./coming-soon.scss */ "../../libs/shared/src/apps/subjects/components/coming-soon/coming-soon.scss");
+/* harmony import */ var _coming_soon_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_coming_soon_scss__WEBPACK_IMPORTED_MODULE_7__);
+
+
+
+
+
+
+
+
+const namespace = 'subjects.comingSoon';
+function ComingSoon(props) {
+  var _a, _b;
+
+  const [isFollowing, setIsFollowing] = react__WEBPACK_IMPORTED_MODULE_0__["useState"](false);
+  const [showSpinner, setShowSpinner] = react__WEBPACK_IMPORTED_MODULE_0__["useState"](false);
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](() => {
+    var _a, _b;
+
+    setIsFollowing(!!((_b = (_a = props.data.followers) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length));
+    setShowSpinner(false);
+  }, [(_b = (_a = props.data.followers) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length]);
+
+  function onClick() {
+    setShowSpinner(true);
+    props.onToggleFollow();
+  }
+
+  const footerImageUrl = _utils_ImageHelper__WEBPACK_IMPORTED_MODULE_2__["ImageHelper"].createBannerUrl(props.data.banner, {
+    fallbackBaseUrl: props.imageCdnUrl,
+    fallbackCategoryName: props.data.name,
+    type: _enums_Images__WEBPACK_IMPORTED_MODULE_3__["ImageType"].Banners
+  }, {
+    size: _enums_Images__WEBPACK_IMPORTED_MODULE_3__["ImageSize"].Large
+  });
+  const buttonProps = {
+    variant: isFollowing ? 'outline-dark' : 'dark',
+    showSpinner,
+    onClick
+  };
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_text_Text__WEBPACK_IMPORTED_MODULE_5__["LanguageNamespaceContext"].Provider, {
+    value: namespace
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'd-flex flex-column align-items-center text-center py-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h2", {
+    className: 'display-4 font-weight-bold mb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_text_Text__WEBPACK_IMPORTED_MODULE_5__["Text"], {
+    phrase: 'comingSoon'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", {
+    className: 'w-33'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_text_Text__WEBPACK_IMPORTED_MODULE_5__["Text"], {
+    phrase: 'info'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_spinner_button_SpinnerButton__WEBPACK_IMPORTED_MODULE_4__["SpinnerButton"], Object.assign({}, buttonProps), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_6__["SvgContainer"], {
+    svgName: isFollowing ? _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_1__["cvSvgLibrary"].Check : _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_1__["cvSvgLibrary"].Bell,
+    className: 'align-middle d-inline-block svg-container'
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+    className: 'align-middle pl-1'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_text_Text__WEBPACK_IMPORTED_MODULE_5__["Text"], {
+    phrase: 'remindMe'
+  })))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: _coming_soon_scss__WEBPACK_IMPORTED_MODULE_7___default.a.footerImageContainer
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: `${_coming_soon_scss__WEBPACK_IMPORTED_MODULE_7___default.a.footerImage} banner position-relative`,
+    style: {
+      backgroundImage: `url('${footerImageUrl}')`
+    }
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_6__["SvgContainer"], {
+    className: _coming_soon_scss__WEBPACK_IMPORTED_MODULE_7___default.a.wave,
+    size: _components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_6__["SvgContainerSize"].ExtraLarge,
+    svgName: _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_1__["cvSvgLibrary"].WhiteWave
+  }))));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/coming-soon/coming-soon.scss":
+/*!***********************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/coming-soon/coming-soon.scss ***!
+  \***********************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"footerImageContainer":"cv--footerImageContainer--2lUo1","footerImage":"cv--footerImage--Q_m9i","wave":"cv--wave--2WUUq"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/hero-video/HeroVideo.tsx":
+/*!*******************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/hero-video/HeroVideo.tsx ***!
+  \*******************************************************************************************************************/
+/*! exports provided: HeroVideo, PartialHeroVideo */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HeroVideo", function() { return HeroVideo; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialHeroVideo", function() { return PartialHeroVideo; });
+/* 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 _components_thumbnails_video_VideoThumbnail__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../components/thumbnails/video/VideoThumbnail */ "../../libs/shared/src/components/thumbnails/video/VideoThumbnail.tsx");
+/* harmony import */ var _components_series_link_SeriesLink__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../components/series-link/SeriesLink */ "../../libs/shared/src/components/series-link/SeriesLink.tsx");
+/* harmony import */ var _components_badges_BadgeListContainer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../components/badges/BadgeListContainer */ "../../libs/shared/src/components/badges/BadgeListContainer.tsx");
+/* harmony import */ var _components_badges_Badge__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../components/badges/Badge */ "../../libs/shared/src/components/badges/Badge.tsx");
+/* harmony import */ var _components_audience_label_AudienceLabel__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../components/audience-label/AudienceLabel */ "../../libs/shared/src/components/audience-label/AudienceLabel.tsx");
+/* harmony import */ var _components_tags_TagList__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../components/tags/TagList */ "../../libs/shared/src/components/tags/TagList.tsx");
+/* harmony import */ var _components_text_Text__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var _enums_ThumbnailSize__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../enums/ThumbnailSize */ "../../libs/shared/src/enums/ThumbnailSize.ts");
+/* harmony import */ var _enums_ThumbnailTextPosition__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../enums/ThumbnailTextPosition */ "../../libs/shared/src/enums/ThumbnailTextPosition.ts");
+/* harmony import */ var _utils_AudienceHelper__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../utils/AudienceHelper */ "../../libs/shared/src/utils/AudienceHelper.ts");
+/* harmony import */ var _hero_video_scss__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./hero-video.scss */ "../../libs/shared/src/apps/subjects/components/hero-video/hero-video.scss");
+/* harmony import */ var _hero_video_scss__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_hero_video_scss__WEBPACK_IMPORTED_MODULE_13__);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const has = obj => !!(obj && obj.data && obj.data.length);
+
+function HeroVideo(props) {
+  const {
+    video,
+    presentationAudiences,
+    videoAppLink,
+    seriesAppLink
+  } = props;
+  if (!video) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  const filteredAudiences = _utils_AudienceHelper__WEBPACK_IMPORTED_MODULE_12__["AudienceHelper"].getSortedPresentationAudiences(video.subjectPresentationAudiences.data, presentationAudiences);
+  const mergedAudience = _utils_AudienceHelper__WEBPACK_IMPORTED_MODULE_12__["AudienceHelper"].getMergedPresentationAudienceString(filteredAudiences);
+  const hasSeries = video.series && !!video.series.id;
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_text_Text__WEBPACK_IMPORTED_MODULE_8__["LanguageNamespaceContext"].Provider, {
+    value: 'subjects.heroVideo'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Row"], {
+    className: 'pb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Col"], {
+    xs: 6,
+    className: 'p-1'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_thumbnails_video_VideoThumbnail__WEBPACK_IMPORTED_MODULE_2__["VideoThumbnail"], {
+    video: video,
+    appLink: videoAppLink,
+    seriesAppLink: hasSeries ? seriesAppLink : null,
+    size: _enums_ThumbnailSize__WEBPACK_IMPORTED_MODULE_10__["ThumbnailSize"].Medium,
+    textPosition: _enums_ThumbnailTextPosition__WEBPACK_IMPORTED_MODULE_11__["ThumbnailTextPosition"].Independent,
+    type: 'static'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Col"], {
+    xs: 6,
+    className: 'p-1'
+  }, hasSeries && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_series_link_SeriesLink__WEBPACK_IMPORTED_MODULE_3__["SeriesLink"], {
+    video: video,
+    appLink: seriesAppLink,
+    className: 'text-reset'
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_9__["AppLink"], {
+    appLink: videoAppLink
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h4", null, video.name)), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_badges_BadgeListContainer__WEBPACK_IMPORTED_MODULE_4__["BadgeListContainer"], {
+    className: 'pb-1'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_badges_Badge__WEBPACK_IMPORTED_MODULE_5__["Badge"], {
+    type: _components_badges_Badge__WEBPACK_IMPORTED_MODULE_5__["BadgeType"].Interactive,
+    data: video.interactives
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_badges_Badge__WEBPACK_IMPORTED_MODULE_5__["Badge"], {
+    type: _components_badges_Badge__WEBPACK_IMPORTED_MODULE_5__["BadgeType"].Rating,
+    data: video.rating
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_badges_Badge__WEBPACK_IMPORTED_MODULE_5__["Badge"], {
+    type: _components_badges_Badge__WEBPACK_IMPORTED_MODULE_5__["BadgeType"].ProductionYear,
+    data: video.productionYear
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", {
+    className: 'mb-1'
+  }, video.description), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_audience_label_AudienceLabel__WEBPACK_IMPORTED_MODULE_6__["AudienceLabel"], {
+    audience: mergedAudience,
+    border: 'dark'
+  }), props.showExtraMetadata && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Row"], {
+    className: 'pt-2'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Col"], {
+    xs: 2
+  }, has(video.resources) && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", {
+    className: 'font-weight-bold'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_text_Text__WEBPACK_IMPORTED_MODULE_8__["Text"], {
+    phrase: 'resourcesHeading'
+  })), has(video.links) && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", {
+    className: 'font-weight-bold'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_text_Text__WEBPACK_IMPORTED_MODULE_8__["Text"], {
+    phrase: 'linksHeading'
+  })), has(video.clips) && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", {
+    className: 'font-weight-bold'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_text_Text__WEBPACK_IMPORTED_MODULE_8__["Text"], {
+    phrase: 'clipsHeading'
+  })), has(video.tags) && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", {
+    className: 'font-weight-bold'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_text_Text__WEBPACK_IMPORTED_MODULE_8__["Text"], {
+    phrase: 'tagsHeading'
+  }))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Col"], {
+    xs: 10
+  }, has(video.resources) && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_text_Text__WEBPACK_IMPORTED_MODULE_8__["Text"], {
+    phrase: 'resources',
+    options: {
+      smartCount: video.resources.data.length
+    }
+  })), has(video.links) && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_text_Text__WEBPACK_IMPORTED_MODULE_8__["Text"], {
+    phrase: 'links',
+    options: {
+      smartCount: video.links.data.length
+    }
+  })), has(video.clips) && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_text_Text__WEBPACK_IMPORTED_MODULE_8__["Text"], {
+    phrase: 'clips',
+    options: {
+      smartCount: video.clips.data.length
+    }
+  })), has(video.tags) && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_tags_TagList__WEBPACK_IMPORTED_MODULE_7__["TagList"], {
+    tags: video.tags
+  }))))));
+}
+function PartialHeroVideo() {
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'row pb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'col-6 p1'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: `${_hero_video_scss__WEBPACK_IMPORTED_MODULE_13___default.a.partialHeroThumbnail} partial-loading-background`
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'col-6 p1'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: `partial-loading-background mb-1 ${_hero_video_scss__WEBPACK_IMPORTED_MODULE_13___default.a.partialSeriesText}`
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: `partial-loading-background my-1 ${_hero_video_scss__WEBPACK_IMPORTED_MODULE_13___default.a.partialVideoTitleText}`
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'd-flex'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: `partial-loading-background my-1 mr-1 ${_hero_video_scss__WEBPACK_IMPORTED_MODULE_13___default.a.partialBadge}`
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: `partial-loading-background my-1 ml-1 ${_hero_video_scss__WEBPACK_IMPORTED_MODULE_13___default.a.partialBadge}`
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: `partial-loading-background my-1 ${_hero_video_scss__WEBPACK_IMPORTED_MODULE_13___default.a.partialDescription}`
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: `partial-loading-background mt-2 ${_hero_video_scss__WEBPACK_IMPORTED_MODULE_13___default.a.partialSubject}`
+  })));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/hero-video/hero-video.scss":
+/*!*********************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/hero-video/hero-video.scss ***!
+  \*********************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"partialHeroThumbnail":"cv--partialHeroThumbnail--mBd7D","partialSeriesText":"cv--partialSeriesText--2MXtV","partialVideoTitleText":"cv--partialVideoTitleText--3AoSO","partialBadge":"cv--partialBadge--33OjS","partialDescription":"cv--partialDescription--2uRQA","partialSubject":"cv--partialSubject--3YJIE"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/tags/TagItem.tsx":
+/*!*********************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/tags/TagItem.tsx ***!
+  \*********************************************************************************************/
+/*! exports provided: TagItem */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TagItem", function() { return TagItem; });
+/* 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 _tags_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./tags.scss */ "../../libs/shared/src/components/tags/tags.scss");
+/* harmony import */ var _tags_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_tags_scss__WEBPACK_IMPORTED_MODULE_1__);
+
+
+function TagItem({
+  tag
+}) {
+  const classNames = `${_tags_scss__WEBPACK_IMPORTED_MODULE_1___default.a.tagItem} px-2 my-1 mr-1 cursor-pointer badge-light`;
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+    className: classNames
+  }, tag.name);
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/tags/TagList.tsx":
+/*!*********************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/tags/TagList.tsx ***!
+  \*********************************************************************************************/
+/*! exports provided: TagList */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TagList", function() { return TagList; });
+/* 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 _TagItem__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./TagItem */ "../../libs/shared/src/components/tags/TagItem.tsx");
+/* harmony import */ var _tags_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./tags.scss */ "../../libs/shared/src/components/tags/tags.scss");
+/* harmony import */ var _tags_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_tags_scss__WEBPACK_IMPORTED_MODULE_2__);
+
+
+
+function TagList({
+  tags
+}) {
+  if (!tags || !tags.data) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: _tags_scss__WEBPACK_IMPORTED_MODULE_2___default.a.tagList
+  }, tags.data.map(tag => react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_TagItem__WEBPACK_IMPORTED_MODULE_1__["TagItem"], {
+    key: tag.id,
+    tag: tag
+  })));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/tags/tags.scss":
+/*!*******************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/tags/tags.scss ***!
+  \*******************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"tagList":"cv--tagList--yvetE","tagItem":"cv--tagItem--1InnN"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/widgets/fixed-widget/index.ts":
+/*!**********************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/widgets/fixed-widget/index.ts ***!
+  \**********************************************************************************************************/
+/*! exports provided: FixedWidget, initialWidgetState, FixedWidgetReducer, lazyWidgetInit, PartialFixedWidget */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _FixedWidget__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./FixedWidget */ "../../libs/shared/src/components/widgets/fixed-widget/FixedWidget.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "FixedWidget", function() { return _FixedWidget__WEBPACK_IMPORTED_MODULE_0__["FixedWidget"]; });
+
+/* harmony import */ var _FixedWidgetReducer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./FixedWidgetReducer */ "../../libs/shared/src/components/widgets/fixed-widget/FixedWidgetReducer.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "initialWidgetState", function() { return _FixedWidgetReducer__WEBPACK_IMPORTED_MODULE_1__["initialWidgetState"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "FixedWidgetReducer", function() { return _FixedWidgetReducer__WEBPACK_IMPORTED_MODULE_1__["FixedWidgetReducer"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "lazyWidgetInit", function() { return _FixedWidgetReducer__WEBPACK_IMPORTED_MODULE_1__["lazyWidgetInit"]; });
+
+/* harmony import */ var _PartialFixedWidget__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./PartialFixedWidget */ "../../libs/shared/src/components/widgets/fixed-widget/PartialFixedWidget.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PartialFixedWidget", function() { return _PartialFixedWidget__WEBPACK_IMPORTED_MODULE_2__["PartialFixedWidget"]; });
+
+
+
+
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/widgets/items/video-widget-item/VideoWidgetItem.tsx":
+/*!********************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/widgets/items/video-widget-item/VideoWidgetItem.tsx ***!
+  \********************************************************************************************************************************/
+/*! exports provided: VideoWidgetItem */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VideoWidgetItem", function() { return VideoWidgetItem; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../common/src/react/utils/TextHelper */ "../../libs/common/src/react/utils/TextHelper.ts");
+/* harmony import */ var _interfaces__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../interfaces */ "../../libs/shared/src/interfaces/index.ts");
+/* harmony import */ var _enums_ThumbnailTextPosition__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../enums/ThumbnailTextPosition */ "../../libs/shared/src/enums/ThumbnailTextPosition.ts");
+/* harmony import */ var _thumbnails_video_VideoThumbnail__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../thumbnails/video/VideoThumbnail */ "../../libs/shared/src/components/thumbnails/video/VideoThumbnail.tsx");
+/* harmony import */ var _hooks_UseHover__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../hooks/UseHover */ "../../libs/shared/src/hooks/UseHover.ts");
+/* harmony import */ var _video_widget_item_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./video-widget-item.scss */ "../../libs/shared/src/components/widgets/items/video-widget-item/video-widget-item.scss");
+/* harmony import */ var _video_widget_item_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_video_widget_item_scss__WEBPACK_IMPORTED_MODULE_6__);
+
+
+
+
+
+
+
+const VideoWidgetItem = react__WEBPACK_IMPORTED_MODULE_0__["memo"](function (props) {
+  const {
+    data: video,
+    appLink,
+    seriesAppLink,
+    context,
+    thumbnailSize,
+    preloadImage
+  } = props;
+  const [ref, isHovering] = Object(_hooks_UseHover__WEBPACK_IMPORTED_MODULE_5__["useHoverIntent"])(_video_widget_item_scss__WEBPACK_IMPORTED_MODULE_6___default.a.hovering);
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](() => {
+    props.onHover(isHovering);
+  }, [isHovering]);
+  const videoAppLink = Object.assign(Object.assign({}, appLink), {
+    args: [video.id, _common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_1__["TextHelper"].slugify(video.name)]
+  });
+  let width = _video_widget_item_scss__WEBPACK_IMPORTED_MODULE_6___default.a.rowWidth;
+  if (context.type === _interfaces__WEBPACK_IMPORTED_MODULE_2__["WidgetType"].LargeRow || context.collectionSize === 3) width = _video_widget_item_scss__WEBPACK_IMPORTED_MODULE_6___default.a.largeRowWidth;
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    ref: ref,
+    className: `p-1 flex-shrink-0 position-relative ${width}`
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_thumbnails_video_VideoThumbnail__WEBPACK_IMPORTED_MODULE_4__["VideoThumbnail"], {
+    video: video,
+    type: 'expandable',
+    appLink: videoAppLink,
+    seriesAppLink: seriesAppLink,
+    textPosition: _enums_ThumbnailTextPosition__WEBPACK_IMPORTED_MODULE_3__["ThumbnailTextPosition"].Overlay,
+    size: thumbnailSize,
+    preload: preloadImage,
+    hovering: isHovering
+  }));
+}, (prevProps, nextProps) => {
+  var _a, _b, _c, _d, _e, _f;
+
+  return prevProps.preloadImage === nextProps.preloadImage && ((_a = prevProps.data) === null || _a === void 0 ? void 0 : _a.name) === ((_b = nextProps.data) === null || _b === void 0 ? void 0 : _b.name) && ((_d = (_c = prevProps.data) === null || _c === void 0 ? void 0 : _c.series) === null || _d === void 0 ? void 0 : _d.id) === ((_f = (_e = nextProps.data) === null || _e === void 0 ? void 0 : _e.series) === null || _f === void 0 ? void 0 : _f.id);
+});
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/widgets/items/video-widget-item/video-widget-item.scss":
+/*!***********************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/widgets/items/video-widget-item/video-widget-item.scss ***!
+  \***********************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"rowWidth":"cv--rowWidth--8IgrO","largeRowWidth":"cv--largeRowWidth--q46rm","hovering":"cv--hovering--IeeJA"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/flight-requests/FollowRequests.ts":
+/*!***************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/flight-requests/FollowRequests.ts ***!
+  \***************************************************************************************************/
+/*! exports provided: FollowRequests */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FollowRequests", function() { return FollowRequests; });
+/* 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");
+
+
+const endpoints = {
+  follow: () => `/api/domain/v1/subjects/classifications/following`,
+  unfollow: ids => _common_src_backbone_utils_UrlHelper__WEBPACK_IMPORTED_MODULE_0__["UrlHelper"].urlBuilder('/api/domain/v1/subjects/classifications/following', {
+    id: ids
+  })
+};
+const FollowRequests = {
+  /**
+   * @param data - array of object ids the user is going to follow
+   */
+  follow(ids, success, error) {
+    return {
+      url: endpoints.follow(),
+      key: `follow:${ids.join(',')}`,
+      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_1__["HttpVerbs"].POST,
+      data: ids,
+      success,
+      error,
+      invalidationKeys: ids.map(id => `classification:${id}`)
+    };
+  },
+
+  unfollow(ids, success, error) {
+    return {
+      url: endpoints.unfollow(ids),
+      key: `unfollow:${ids.join(',')}`,
+      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_1__["HttpVerbs"].DELETE,
+      success,
+      error,
+      invalidationKeys: ids.map(id => `classification:${id}`)
+    };
+  }
+
+};
+
+/***/ }),
+
+/***/ "./src/apps/subjects/views/classification/ClassificationView.tsx":
+/*!***********************************************************************!*\
+  !*** ./src/apps/subjects/views/classification/ClassificationView.tsx ***!
+  \***********************************************************************/
+/*! exports provided: getBannerActions, ClassificationView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getBannerActions", function() { return getBannerActions; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassificationView", function() { return ClassificationView; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ "react-redux");
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/utils/ObjectHelper */ "../../libs/common/src/react/utils/ObjectHelper.ts");
+/* harmony import */ var _libs_common_src_backbone_enums_HttpStatus__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/enums/HttpStatus */ "../../libs/common/src/backbone/enums/HttpStatus.ts");
+/* harmony import */ var _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/interfaces */ "../../libs/shared/src/interfaces/index.ts");
+/* harmony import */ var _libs_shared_src_components_banner_header_BannerHeader__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/banner-header/BannerHeader */ "../../libs/shared/src/components/banner-header/BannerHeader.tsx");
+/* harmony import */ var _libs_shared_src_components_breadcrumbs_Breadcrumbs__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/breadcrumbs/Breadcrumbs */ "../../libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx");
+/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/ConfigRequests */ "../../libs/shared/src/flight-requests/ConfigRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/UserRequests */ "../../libs/shared/src/flight-requests/UserRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_ClassificationRequests__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/ClassificationRequests */ "../../libs/shared/src/flight-requests/ClassificationRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_FollowRequests__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/FollowRequests */ "../../libs/shared/src/flight-requests/FollowRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_AudienceRequests__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/AudienceRequests */ "../../libs/shared/src/flight-requests/AudienceRequests.ts");
+/* harmony import */ var _libs_shared_src_enums_WidgetContents__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/enums/WidgetContents */ "../../libs/shared/src/enums/WidgetContents.ts");
+/* harmony import */ var _libs_shared_src_hooks_useQueryString__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/useQueryString */ "../../libs/shared/src/hooks/useQueryString.tsx");
+/* harmony import */ var _libs_shared_src_apps_playlists_components_playlist_list__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/playlists/components/playlist-list */ "../../libs/shared/src/apps/playlists/components/playlist-list/index.ts");
+/* harmony import */ var _libs_shared_src_apps_subjects_hooks_useAudienceParams__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/subjects/hooks/useAudienceParams */ "../../libs/shared/src/apps/subjects/hooks/useAudienceParams.tsx");
+/* harmony import */ var _libs_shared_src_apps_subjects_reducers_AudienceReducer__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/subjects/reducers/AudienceReducer */ "../../libs/shared/src/apps/subjects/reducers/AudienceReducer.ts");
+/* harmony import */ var _libs_shared_src_apps_subjects_components_audience_filter_AudienceFilter__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/subjects/components/audience-filter/AudienceFilter */ "../../libs/shared/src/apps/subjects/components/audience-filter/AudienceFilter.tsx");
+/* harmony import */ var _libs_shared_src_apps_subjects_components_coming_soon_ComingSoon__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/subjects/components/coming-soon/ComingSoon */ "../../libs/shared/src/apps/subjects/components/coming-soon/ComingSoon.tsx");
+/* harmony import */ var _libs_shared_src_apps_subjects_components_classification_list_ClassificationList__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/subjects/components/classification-list/ClassificationList */ "../../libs/shared/src/apps/subjects/components/classification-list/ClassificationList.tsx");
+/* harmony import */ var _libs_shared_src_apps_subjects_components_hero_video_HeroVideo__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/subjects/components/hero-video/HeroVideo */ "../../libs/shared/src/apps/subjects/components/hero-video/HeroVideo.tsx");
+/* harmony import */ var _libs_shared_src_components_widgets_fixed_widget__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/widgets/fixed-widget */ "../../libs/shared/src/components/widgets/fixed-widget/index.ts");
+/* harmony import */ var _libs_shared_src_components_widgets_dynamic_widget_DynamicWidget__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/widgets/dynamic-widget/DynamicWidget */ "../../libs/shared/src/components/widgets/dynamic-widget/DynamicWidget.tsx");
+/* harmony import */ var _libs_shared_src_components_widgets_items_video_widget_item_VideoWidgetItem__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/widgets/items/video-widget-item/VideoWidgetItem */ "../../libs/shared/src/components/widgets/items/video-widget-item/VideoWidgetItem.tsx");
+/* harmony import */ var _libs_shared_src_components_widgets_items_subject_widget_item_SubjectWidgetItem__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/widgets/items/subject-widget-item/SubjectWidgetItem */ "../../libs/shared/src/components/widgets/items/subject-widget-item/SubjectWidgetItem.tsx");
+/* harmony import */ var _libs_shared_src_components_widgets_items_series_widget_item__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/widgets/items/series-widget-item */ "../../libs/shared/src/components/widgets/items/series-widget-item/index.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_errors_not_found_LiteNotFoundError__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! shared/errors/not-found/LiteNotFoundError */ "./src/shared/errors/not-found/LiteNotFoundError.ts");
+/* harmony import */ var apps_subjects_utils_ClassificationAppLinks__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! apps/subjects/utils/ClassificationAppLinks */ "./src/apps/subjects/utils/ClassificationAppLinks.ts");
+/* harmony import */ var _ClassificationViewUtils__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ./ClassificationViewUtils */ "./src/apps/subjects/views/classification/ClassificationViewUtils.ts");
+/* harmony import */ var _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/utils/TextHelper */ "../../libs/common/src/react/utils/TextHelper.ts");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace('subjects.classification');
+function getBannerActions(classification, onFollow) {
+  var _a, _b;
+
+  var isFollowing = !!((_b = (_a = classification.followers) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length);
+  return [{
+    label: getPhrase(isFollowing ? 'unfollow' : 'follow'),
+    onClick: onFollow,
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_10__["cvSvgLibrary"].Bell,
+    className: "btn ".concat(isFollowing ? 'btn-dark' : 'btn-white'),
+    button: true,
+    tooltip: isFollowing ? undefined : getPhrase('followBtnTooltip')
+  }, {
+    label: getPhrase('share'),
+    appLink: {
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_31__["AppChannels"].DEFAULT,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_30__["Actions"].Default.SHARE,
+      args: [classification.id],
+      params: {
+        entityType: 'subject'
+      }
+    },
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_10__["cvSvgLibrary"].Share,
+    className: 'btn btn-white',
+    button: true
+  }];
+}
+function ClassificationView(_ref) {
+  var id = _ref.id,
+      queryParams = _ref.queryParams;
+
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+
+  var _React$useReducer = react__WEBPACK_IMPORTED_MODULE_0__["useReducer"](_libs_shared_src_apps_subjects_reducers_AudienceReducer__WEBPACK_IMPORTED_MODULE_20__["AudienceReducer"], {}),
+      _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
+      activeAudiences = _React$useReducer2[0],
+      audienceDispatch = _React$useReducer2[1];
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      showFollowButtonSpinner = _React$useState2[0],
+      setShowFollowButtonSpinner = _React$useState2[1];
+
+  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_0__["useState"](false),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      enableAudienceFilters = _React$useState4[0],
+      setEnableAudienceFilters = _React$useState4[1];
+
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+
+  var onClassificationError = function onClassificationError(xhr) {
+    // TODO: When Kev fixes domain to 404 instead of 400, remove the BadRequest here
+    if (xhr.status === _libs_common_src_backbone_enums_HttpStatus__WEBPACK_IMPORTED_MODULE_6__["HttpStatus"].BadRequest || xhr.status === _libs_common_src_backbone_enums_HttpStatus__WEBPACK_IMPORTED_MODULE_6__["HttpStatus"].NotFound) _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_3__["Core"].ErrorHelper["throw"](new shared_errors_not_found_LiteNotFoundError__WEBPACK_IMPORTED_MODULE_32__["NotFoundError"]());
+  };
+  /**
+   * Data fetching
+   */
+
+
+  var currentUser = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_12__["UserRequests"].currentUser);
+  var config = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_11__["ConfigRequests"].config);
+  var presentation = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_ClassificationRequests__WEBPACK_IMPORTED_MODULE_13__["ClassificationRequests"].presentation());
+  var audiences = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_AudienceRequests__WEBPACK_IMPORTED_MODULE_15__["AudienceRequests"].presentationAudiences());
+  var classification = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].useBasicFetch(((_a = currentUser.data) === null || _a === void 0 ? void 0 : _a.id) && _libs_shared_src_flight_requests_ClassificationRequests__WEBPACK_IMPORTED_MODULE_13__["ClassificationRequests"].classification(id, (_b = currentUser.data) === null || _b === void 0 ? void 0 : _b.id, onClassificationError));
+  var path = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_ClassificationRequests__WEBPACK_IMPORTED_MODULE_13__["ClassificationRequests"].path(id));
+  var children = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_ClassificationRequests__WEBPACK_IMPORTED_MODULE_13__["ClassificationRequests"].children(id));
+  /**
+   * We use the current active audiences to re-fetch content for that specific audience set.
+   */
+
+  var activeAudienceIds = _libs_common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_5__["ObjectHelper"].keys(activeAudiences);
+  var activeAudienceValues = _libs_common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_5__["ObjectHelper"].values(activeAudiences);
+  /**
+   * Where we have no active audiences, we want to implicitly set the active audiences to be all audiences.
+   * This ensure that we only fetch data that is relevant to the user's current audience set.
+   */
+
+  if (!activeAudienceIds || !activeAudienceIds.length) activeAudienceIds = [];
+  var presentationId = (_d = (_c = presentation) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.id;
+  var seriesRequest = _libs_shared_src_flight_requests_ClassificationRequests__WEBPACK_IMPORTED_MODULE_13__["ClassificationRequests"].series(id, presentationId, activeAudienceIds);
+  var playlistsRequest = _libs_shared_src_flight_requests_ClassificationRequests__WEBPACK_IMPORTED_MODULE_13__["ClassificationRequests"].playlists(id, presentationId, activeAudienceIds);
+  var videosRequest = _libs_shared_src_flight_requests_ClassificationRequests__WEBPACK_IMPORTED_MODULE_13__["ClassificationRequests"].videos(id, presentationId, activeAudienceIds);
+  var series = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].useGetResponse(seriesRequest && seriesRequest.key);
+  var playlists = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].useGetResponse(playlistsRequest && playlistsRequest.key);
+  var videos = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].useGetResponse(videosRequest && videosRequest.key);
+  var fetchSeries = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].useGetFetch(seriesRequest);
+  var fetchPlaylists = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].useGetFetch(playlistsRequest);
+  var fetchVideos = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].useGetFetch(videosRequest);
+  var fetchKey = activeAudienceIds.length ? activeAudienceIds.join(':') : presentationId;
+  /**
+   * Only fire off fetches where our fetchKey differs to the previous render (after modifying a filter).
+   */
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    if (!presentationId) return;
+    fetchSeries();
+    fetchPlaylists();
+    fetchVideos();
+  }, [fetchKey]);
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    if (enableAudienceFilters) return;
+
+    if (!classification.data) {
+      setEnableAudienceFilters(false);
+      return;
+    }
+
+    setEnableAudienceFilters(!!classification.data.series.count || !!classification.data.playlists.count || !!classification.data.videos.count);
+  }, [classification.data]);
+  /**
+   * Following
+   */
+
+  function onToggleFollow() {
+    var _a, _b;
+
+    setShowFollowButtonSpinner(true);
+    var request = ((_b = (_a = classification.data.followers) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length) ? _libs_shared_src_flight_requests_FollowRequests__WEBPACK_IMPORTED_MODULE_14__["FollowRequests"].unfollow : _libs_shared_src_flight_requests_FollowRequests__WEBPACK_IMPORTED_MODULE_14__["FollowRequests"].follow;
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].fetch(dispatch, request([classification.data.id]));
+  }
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    setShowFollowButtonSpinner(false);
+  }, [(_g = (_f = (_e = classification.data) === null || _e === void 0 ? void 0 : _e.followers) === null || _f === void 0 ? void 0 : _f.data) === null || _g === void 0 ? void 0 : _g.length]);
+  /**
+   * Where our selected presentation audiences change, always update the URL
+   */
+
+  Object(_libs_shared_src_hooks_useQueryString__WEBPACK_IMPORTED_MODULE_17__["useSetQueryString"])({
+    appLink: Object(apps_subjects_utils_ClassificationAppLinks__WEBPACK_IMPORTED_MODULE_33__["getClassificationAppLink"])()(classification.data),
+    paramBuilder: function paramBuilder() {
+      return {
+        a: activeAudienceValues.map(function (v) {
+          return v.name;
+        })
+      };
+    },
+    isValid: function isValid() {
+      var _a;
+
+      return !!((_a = classification.data) === null || _a === void 0 ? void 0 : _a.id);
+    },
+    appLinkOptions: {
+      replace: true
+    }
+  }, [activeAudienceValues.length]);
+  /**
+   * On page load, we will parse the querystring and automatically
+   * select any applicable presentation audiences. This should only be performed
+   * once we have access to the audience data for the selected classification.
+   */
+
+  var shouldParseParams = !!(audiences.data && audiences.data.length);
+  Object(_libs_shared_src_apps_subjects_hooks_useAudienceParams__WEBPACK_IMPORTED_MODULE_19__["useParseAudienceParams"])(queryParams, audiences.data, audienceDispatch, [shouldParseParams]);
+  /**
+   * Render Variables
+   */
+
+  var bannerDataLoaded = !!classification.data && !!config.data;
+  var breadcrumbsDataLoaded = !!classification.data && !!path.data;
+  var childrenDataLoaded = !!children.data;
+  var audienceDataLoaded = !!audiences.data;
+  var playlistsDataLoaded = !!classification.data && !!playlists.data;
+  var videosDataLoaded = !!classification.data && !!videos.data;
+  var seriesDataLoaded = !!classification.data && !!series.data && !!audiences.data;
+  /**
+   * Hero Video logic
+   */
+
+  var _extractHeroVideo = Object(_ClassificationViewUtils__WEBPACK_IMPORTED_MODULE_34__["extractHeroVideo"])(series.data, playlists.data, videos.data, classification.data),
+      heroVideo = _extractHeroVideo.heroVideo,
+      videoList = _extractHeroVideo.videoList;
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'bg-white'
+  }, bannerDataLoaded ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_banner_header_BannerHeader__WEBPACK_IMPORTED_MODULE_8__["BannerHeader"], {
+    heading: classification.data.name,
+    banner: classification.data.banner,
+    imageCdnUrl: config.data.imageCdnUrl,
+    actions: !((_h = classification.data) === null || _h === void 0 ? void 0 : _h.comingSoon) ? getBannerActions(classification.data, onToggleFollow) : []
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_banner_header_BannerHeader__WEBPACK_IMPORTED_MODULE_8__["PartialBannerHeader"], null), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'px-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "py-3 mb-3 ".concat(!((_j = classification.data) === null || _j === void 0 ? void 0 : _j.comingSoon) ? 'border-bottom' : '')
+  }, breadcrumbsDataLoaded ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_breadcrumbs_Breadcrumbs__WEBPACK_IMPORTED_MODULE_9__["Breadcrumbs"], {
+    currentItem: classification.data,
+    type: _libs_shared_src_components_breadcrumbs_Breadcrumbs__WEBPACK_IMPORTED_MODULE_9__["BreadcrumbType"].Static,
+    getItemAppLink: Object(apps_subjects_utils_ClassificationAppLinks__WEBPACK_IMPORTED_MODULE_33__["getClassificationAppLink"])(),
+    data: path.data,
+    rootItem: {
+      label: getPhrase('dashboard'),
+      appLink: Object(apps_subjects_utils_ClassificationAppLinks__WEBPACK_IMPORTED_MODULE_33__["getDashboardAppLink"])()
+    }
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_breadcrumbs_Breadcrumbs__WEBPACK_IMPORTED_MODULE_9__["PartialBreadcrumbs"], null), audienceDataLoaded && playlistsDataLoaded && seriesDataLoaded && videosDataLoaded ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_components_audience_filter_AudienceFilter__WEBPACK_IMPORTED_MODULE_21__["AudienceFilter"], {
+    audiences: audiences.data,
+    activeAudiences: activeAudiences,
+    setAudience: audienceDispatch,
+    disabled: !enableAudienceFilters
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_components_audience_filter_AudienceFilter__WEBPACK_IMPORTED_MODULE_21__["PartialAudienceFilter"], null))), !!config.data && !!((_k = classification.data) === null || _k === void 0 ? void 0 : _k.comingSoon) ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_components_coming_soon_ComingSoon__WEBPACK_IMPORTED_MODULE_22__["ComingSoon"], {
+    data: classification.data,
+    imageCdnUrl: config.data.imageCdnUrl,
+    onToggleFollow: onToggleFollow
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'px-3'
+  }, childrenDataLoaded && playlistsDataLoaded && seriesDataLoaded && videosDataLoaded ? Object(_ClassificationViewUtils__WEBPACK_IMPORTED_MODULE_34__["hasMembers"])(playlists.data, series.data, videos.data) || !!heroVideo ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'pb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_widgets_dynamic_widget_DynamicWidget__WEBPACK_IMPORTED_MODULE_26__["DynamicWidget"], {
+    collection: children.data,
+    childAppLink: Object(apps_subjects_utils_ClassificationAppLinks__WEBPACK_IMPORTED_MODULE_33__["getClassificationAppLink"])()(),
+    childComponent: _libs_shared_src_components_widgets_items_subject_widget_item_SubjectWidgetItem__WEBPACK_IMPORTED_MODULE_28__["SubjectWidgetItem"],
+    headingPhraseKey: 'topics'
+  })) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'mx-n2'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_components_classification_list_ClassificationList__WEBPACK_IMPORTED_MODULE_23__["ClassificationList"], {
+    classifications: children.data,
+    getItemAppLink: Object(apps_subjects_utils_ClassificationAppLinks__WEBPACK_IMPORTED_MODULE_33__["getClassificationAppLink"])()
+  })) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_widgets_dynamic_widget_DynamicWidget__WEBPACK_IMPORTED_MODULE_26__["PartialDynamicWidget"], null), seriesDataLoaded && playlistsDataLoaded && videosDataLoaded && audienceDataLoaded ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_components_hero_video_HeroVideo__WEBPACK_IMPORTED_MODULE_24__["HeroVideo"], {
+    video: heroVideo,
+    presentationAudiences: audiences.data,
+    videoAppLink: {
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_31__["AppChannels"].DEFAULT,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_30__["Actions"].Default.PLAY_VIDEO,
+      args: [(_l = heroVideo) === null || _l === void 0 ? void 0 : _l.id, _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_35__["TextHelper"].slugify((_m = heroVideo) === null || _m === void 0 ? void 0 : _m.name)]
+    },
+    seriesAppLink: {
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_31__["AppChannels"].DEFAULT,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_30__["Actions"].Default.SERIES,
+      args: ((_o = heroVideo) === null || _o === void 0 ? void 0 : _o.series) ? [heroVideo.series.id, _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_35__["TextHelper"].slugify(heroVideo.series.name)] : []
+    }
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_components_hero_video_HeroVideo__WEBPACK_IMPORTED_MODULE_24__["PartialHeroVideo"], null), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null, playlistsDataLoaded && audienceDataLoaded ? !!((_q = (_p = playlists.data) === null || _p === void 0 ? void 0 : _p.data) === null || _q === void 0 ? void 0 : _q.length) && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'pb-2'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h4", null, getPhrase('playlists')), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_playlists_components_playlist_list__WEBPACK_IMPORTED_MODULE_18__["PlaylistList"], {
+    playlists: playlists.data.data,
+    getPlaylistAppLink: apps_subjects_utils_ClassificationAppLinks__WEBPACK_IMPORTED_MODULE_33__["getPlaylistAppLink"],
+    presentationAudiences: audiences.data,
+    itemClassName: 'columns-of-five'
+  })) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'pb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_playlists_components_playlist_list__WEBPACK_IMPORTED_MODULE_18__["PartialPlaylistList"], {
+    showHeading: true,
+    itemClassName: 'columns-of-five'
+  })), seriesDataLoaded ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_widgets_fixed_widget__WEBPACK_IMPORTED_MODULE_25__["FixedWidget"], {
+    name: getPhrase('series'),
+    type: _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["WidgetType"].Row,
+    contents: _libs_shared_src_enums_WidgetContents__WEBPACK_IMPORTED_MODULE_16__["WidgetContents"].Series,
+    collection: series.data,
+    setData: function setData(seriesCollection) {
+      return seriesCollection.data;
+    },
+    appLink: Object(apps_subjects_utils_ClassificationAppLinks__WEBPACK_IMPORTED_MODULE_33__["getSeriesSubviewAppLink"])(classification.data),
+    childComponent: function childComponent(props) {
+      return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_widgets_items_series_widget_item__WEBPACK_IMPORTED_MODULE_29__["SeriesWidgetItem"], Object.assign({
+        audiences: audiences.data
+      }, props));
+    },
+    childAppLink: {
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_31__["AppChannels"].DEFAULT,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_30__["Actions"].Default.SERIES
+    },
+    prefetched: true
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_widgets_items_series_widget_item__WEBPACK_IMPORTED_MODULE_29__["PartialSeriesList"], null), videosDataLoaded ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_widgets_fixed_widget__WEBPACK_IMPORTED_MODULE_25__["FixedWidget"], {
+    name: getPhrase('popular'),
+    type: _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["WidgetType"].Row,
+    contents: _libs_shared_src_enums_WidgetContents__WEBPACK_IMPORTED_MODULE_16__["WidgetContents"].Videos,
+    collection: videoList,
+    childComponent: _libs_shared_src_components_widgets_items_video_widget_item_VideoWidgetItem__WEBPACK_IMPORTED_MODULE_27__["VideoWidgetItem"],
+    childAppLink: {
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_31__["AppChannels"].DEFAULT,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_30__["Actions"].Default.PLAY_VIDEO
+    },
+    prefetched: true
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_widgets_fixed_widget__WEBPACK_IMPORTED_MODULE_25__["PartialFixedWidget"], {
+    type: _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["WidgetType"].Row
+  }))));
+}
+
+/***/ }),
+
+/***/ "./src/apps/subjects/views/classification/ClassificationViewUtils.ts":
+/*!***************************************************************************!*\
+  !*** ./src/apps/subjects/views/classification/ClassificationViewUtils.ts ***!
+  \***************************************************************************/
+/*! exports provided: hasMembers, extractHeroVideo */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "hasMembers", function() { return hasMembers; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "extractHeroVideo", function() { return extractHeroVideo; });
+/* harmony import */ var _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/utils/ArrayHelper */ "../../libs/common/src/react/utils/ArrayHelper.ts");
+
+/**
+ * Member helpers
+ */
+
+function hasMembers(playlists) {
+  if (playlists.data.length) return true;
+
+  for (var _len = arguments.length, DynamicWidgetCollections = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    DynamicWidgetCollections[_key - 1] = arguments[_key];
+  }
+
+  return DynamicWidgetCollections.some(function (c) {
+    return !!c.data.length;
+  });
+}
+function extractHeroVideo(series, playlists, videos, classification) {
+  if (!series || !playlists || !videos || !classification) return {
+    heroVideo: null,
+    videoList: videos && videos.data
+  }; // If the subject has no series/playlists, and has only 1 video, that video is displayed as the hero.
+
+  if (!series.data.length && !playlists.data.length && videos.data.length === 1) {
+    return {
+      heroVideo: _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_0__["ArrayHelper"].first(videos.data),
+      videoList: []
+    };
+  }
+
+  var pinnedVideoIndex = videos.data.findIndex(function (video) {
+    return video.id === classification.pinnedVideoMasterId;
+  });
+  if (pinnedVideoIndex === -1) return {
+    heroVideo: null,
+    videoList: videos.data
+  };
+  return {
+    heroVideo: videos.data[pinnedVideoIndex],
+    videoList: videos.data.filter(function (vid) {
+      return vid.id !== classification.pinnedVideoMasterId;
+    })
+  };
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=25.chunk.js.map