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

package/dist/scripts/36.chunk.js

@@ -1 +1,404 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[36],{395:function(e,t,a){"use strict";a.d(t,"a",(function(){return o})),a.d(t,"b",(function(){return c}));var i=a(0),n=a(393),l=a(31),s=a(34),r=function(e,t){var a={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(a[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(i=Object.getOwnPropertySymbols(e);n<i.length;n++)t.indexOf(i[n])<0&&Object.prototype.propertyIsEnumerable.call(e,i[n])&&(a[i[n]]=e[i[n]])}return a};function o(e){const{castInitialValues:t,castValuesOnSubmit:a,initialValues:o,onSubmit:c,resetOnSubmit:u}=e,d=r(e,["castInitialValues","castValuesOnSubmit","initialValues","onSubmit","resetOnSubmit"]),p=t&&e.validationSchema?e.validationSchema.cast(function e(t){const a=s.a.deepClone(t);return Object.keys(a).forEach(t=>{a.hasOwnProperty(t)&&(s.a.isObject(a[t])?a[t]=e(a[t]):null===a[t]&&delete a[t])}),a}(o)):o,m={allowInitialSubmit:e.allowInitialSubmit};return i.createElement(n.d,Object.assign({enableReinitialize:!0},d,{initialValues:p,onSubmit:(t,{setSubmitting:i,resetForm:n})=>{const l=a&&e.validationSchema?e.validationSchema.cast(t):t;c(l,()=>{u&&n(),i(!1)})},initialStatus:m}),l.a.isFunction(e.children)?t=>e.children(t):i.Children.count(e.children)?e.children:null)}function c(){return Object(n.f)()}o.defaultProps={castInitialValues:!0,castValuesOnSubmit:!0}},402:function(e,t,a){"use strict";a.d(t,"a",(function(){return n}));var i=a(393);const n={getCustomFormControlClassName(e,t,a,n){let l="form-control";return Object(i.e)(t,a)&&Object(i.e)(e,a)&&(l+=" is-invalid"),n&&(l+=" "+n),l}}},411:function(e,t,a){"use strict";var i=a(0),n=a(393),l=a(27),s=a(31),r=a(402);function o(e){const{values:t}=Object(n.f)(),a=t[e.fieldName];return"string"!=typeof a?i.createElement(i.Fragment,null):i.createElement("div",{className:"float-right text-muted"},a.length,"/",e.limit)}var c=function(e,t){var a={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(a[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(i=Object.getOwnPropertySymbols(e);n<i.length;n++)t.indexOf(i[n])<0&&Object.prototype.propertyIsEnumerable.call(e,i[n])&&(a[i[n]]=e[i[n]])}return a};function u(e){const{label:t}=e,a=c(e,["label"]);return i.createElement(l.Form.Group,null,i.createElement("div",{className:"custom-control custom-checkbox"},i.createElement(p,Object.assign({className:"custom-control-input"},a)),i.createElement(l.Form.Label,{className:"custom-control-label",htmlFor:a.id},t)))}a.d(t,"a",(function(){return p})),a.d(t,"b",(function(){return m}));var d=function(e,t){var a={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(a[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(i=Object.getOwnPropertySymbols(e);n<i.length;n++)t.indexOf(i[n])<0&&Object.prototype.propertyIsEnumerable.call(e,i[n])&&(a[i[n]]=e[i[n]])}return a};function p(e){const{children:t}=e,a=d(e,["children"]);return i.createElement(n.b,Object.assign({},a),s.a.isFunction(t)?e=>t(e):i.Children.count(t)?t:null)}function m(e){const{label:t,className:a,showCharacterCounter:s}=e,c=d(e,["label","className","showCharacterCounter"]),{errors:m,touched:y}=Object(n.f)();return"checkbox"===c.type?i.createElement(u,Object.assign({},e)):i.createElement(l.Form.Group,null,!!t&&i.createElement(l.Form.Label,{htmlFor:c.id},t),i.createElement(p,Object.assign({className:r.a.getCustomFormControlClassName(m,y,c.name,a)},c)),!!s&&!!c.maxLength&&i.createElement(o,{fieldName:c.name,limit:c.maxLength}),i.createElement(n.a,{name:c.name},e=>i.createElement(l.Form.Control.Feedback,{type:"invalid"},e)))}},412:function(e,t,a){"use strict";var i=a(0),n=a(393);var l=a(114),s=a(44);a.d(t,"a",(function(){return r}));function r(e){const t=Object(n.f)(),a=function(e){var t;const[a,n]=i.useState(!1);return i.useEffect(()=>{var t;e.isValid&&(e.dirty||(null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit))?n(!0):n(!1)},[e.isValid,null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit,e.dirty,e.values]),i.useEffect(()=>{e.isSubmitting&&n(!1)},[e.isSubmitting]),a}(t);i.useEffect(()=>{function e(e){13===e.keyCode&&a&&t.validateForm().then(e=>{Object.keys(e).length||t.submitForm()})}return window.addEventListener("keypress",e),()=>window.removeEventListener("keypress",e)},[a]);let r="save";return e.isNew&&(r="create"),e.hasNext&&(r="next"),i.createElement(l.a,{showSpinner:t.isSubmitting,type:"submit",disabled:!a},i.createElement(s.b,{namespace:"shared.formButtons",phrase:r}))}},439:function(e,t,a){"use strict";a.d(t,"a",(function(){return l}));var i=a(63),n=a(34);const l={reorder(e,t,a){if(t===a)return{reorderedItems:e,reorderRequest:null};const n=i.a.moveItem(e,t,a),l=a<e.length-1?n[a+1].id:null;return{reorderedItems:n,reorderRequest:{sourceMemberId:n[a].id,destinationMemberId:l}}},updateState(e,t,a){const l=[],s=n.a.deepClone(a),r=[e];let o=a[e];const c=!!o&&!!o.data&&o.data.length;for(;o&&Array.isArray(o.data);){l.push(...o.data);const t=o.pagination&&o.pagination.cursors&&o.pagination.cursors.next,i=!!t&&`${e}:${t}`;o=t&&a[i],o&&r.push(i)}if(!l.length)return a;const u=i.a.findIndex(l,e=>e.id===t.sourceMemberId),d=[...l],p=d.splice(u,1),m=t.destinationMemberId?i.a.findIndex(d,e=>e.id===t.destinationMemberId):d.length;return d.splice(m,0,p[0]),r.forEach(e=>{const t=d.splice(0,c);s[e].data=t}),s}}},442:function(e,t,a){"use strict";var i,n=a(15),l=a(25),s=a(439),r=a(116);a(41);r.a;class o extends r.a{constructor(e,t=""){super({collectionPrefix:"playlist:videos",id:e,cursor:t})}}!function(e){e[e.Queued=1]="Queued",e[e.Processing=2]="Processing",e[e.Processed=3]="Processed",e[e.Errored=4]="Errored"}(i||(i={}));const c={updatePlaylist:(e,t)=>a=>{const i=Object.assign({},a);return i.hasOwnProperty(e)&&(i[e]=Object.assign(Object.assign({},i[e]),t)),i},deletePlaylist:e=>t=>{const a=Object.assign({},t);return a.hasOwnProperty(e)&&delete a[e],a},incrementVideoCount:(e,t)=>a=>{const i=Object.assign({},a);return i.hasOwnProperty(e)?(i[e].videos||(i[e].videos={}),i[e].videos.count=i[e].videos.count?i[e].videos.count+t:t,i):a}};var u=a(122);a.d(t,"a",(function(){return y}));const d=e=>e?"&cursor="+e:"",p=e=>Number.isInteger(e)?"&maxRatingValue="+e:"",m=(e,t)=>`${e}${t?":"+t:""}`,y={getPlaylist:(e,t,a)=>({url:`/api/domain/v2/objects/${e}?query=${l.a.PLAYLIST}`,key:"playlist:"+e,success:t,error:a}),getSharedPlaylist:(e,t,a,i)=>({url:`${"/api/domain/v2/share/"+e}?query=${l.a.PLAYLIST}${p(t)}`,key:"shared:playlist:"+e,success:a,error:i}),getUserPlaylists:e=>({url:`/api/domain/v2/me/playlists?query={${u.a.getFilterFromSort(e.sort)},limit:100}${l.a.PLAYLIST_COLLECTION}${d(e.cursor)}`,key:e.toString()}),getPlaylistVideos(e,t,a){let i="orderBy:orderindex,limit:100";return Number.isInteger(t)&&(i+=",rating.value:0..."+t),{url:`/api/domain/v2/objects/${e}/videos?query={${i}}${l.a.VIDEO_COLLECTION}${d(a)}`,key:m(`playlist:${e}:videos`,a)}},getSharedPlaylistVideos:(e,t,a)=>({url:`/api/domain/v2/share/${e}/videos?query={orderBy:orderindex,limit:100}${l.a.VIDEO_COLLECTION}${d(a)}${p(t)}`,key:m(`shared:playlist:${e}:videos`,a)}),getVideoPlaylists:(e,t,a)=>({url:`/api/domain/v2/objects/${e}/playlists?query={limit:100,owner.id:[${t}]}`,key:m("video:playlists:"+e,a)}),getIsFollowingPlaylist:(e,t)=>({url:`/api/domain/v2/objects/${e}/followers?query={id:${t}}`,key:`playlist:${e}:following:${t}`,formatData:t=>{var a,i;return{objectId:e,isFollowing:!!(null===(i=null===(a=t)||void 0===a?void 0:a.data)||void 0===i?void 0:i.length)}},normalize:!1}),createPlaylist:(e,t,a,i)=>({key:"create:playlist",url:`/api/domain/v2/objects/${e}/playlists`,data:t,type:n.a.POST,success:a,error:i,invalidationKeys:"user:playlists"}),updatePlaylist:(e,t,a,i)=>({key:"update:playlist",url:"/api/domain/v2/objects/"+e,data:t,type:n.a.PUT,success:a,error:i,updateState:{keys:"playlist:"+e,updateData:c.updatePlaylist("playlist:"+e,t)}}),deletePlaylist:(e,t,a)=>({key:"delete:playlist",url:"/api/domain/v2/objects/"+e,type:n.a.DELETE,success:t,error:a,invalidationKeys:"user:playlists",updateState:{keys:"playlist:"+e,updateData:c.deletePlaylist("playlist:"+e)}}),addToPlaylist(e,t,a,i){const l=["user:playlists",new o(e).toString()];return t.forEach(e=>{l.push("video:playlists:"+e)}),{key:"add:to:playlist",url:`/api/domain/v2/objects/${e}/associate`,data:t,type:n.a.POST,success:a,error:i,invalidationKeys:l,updateState:{keys:"playlist:"+e,updateData:c.incrementVideoCount("playlist:"+e,t.length)}}},reorderVideos:(e,t,a,i)=>({key:"reorder:playlist",url:`/api/domain/v2/objects/${e}/videos/reorder`,data:t,type:n.a.PUT,success:a,error:i,invalidationKeys:"user:playlists",updateState:{keys:`playlist:${e}:videos`,updateData:a=>s.a.updateState(`playlist:${e}:videos`,t,a)}}),removePlaylistVideo:(e,t,a,i)=>({key:"remove:playlist:video",url:`/api/domain/v2/objects/${e}/dissociate?memberId=${t}`,type:n.a.DELETE,success:a,error:i,invalidationKeys:["user:playlists",`playlist:${e}:videos`]}),followPlaylist:(e,t)=>({url:"/api/domain/v2/objects/"+t,key:"follow:playlist:"+e,data:{followedPlaylists:e},type:n.a.PUT}),unfollowPlaylist:(e,t)=>({url:`/api/domain/v2/objects/${t}/followedplaylists/${e}`,key:"unfollow:playlist:"+e,type:n.a.DELETE}),getMigrationTask:(e,t)=>({url:"/api/playlist-app/migration-task",key:"migration:task",formatData:e=>e||{status:i.Processed},success:e,error:t})}},447:function(e,t,a){"use strict";var i=a(0),n=a(31);a(5),a(2);const l=i.createContext({});function s(e,t=[]){const{setPageTitle:a}=i.useContext(l);i.useEffect(()=>{e&&n.a.isFunction(a)&&a(e)},[e,...t])}a.d(t,"a",(function(){return s}))},533:function(e,t,a){"use strict";var i=a(0),n=a(393),l=a(5),s=a(44),r=a(395),o=a(411),c=a(412),u=a(387);const d="playlists.validation",p=u.object().shape({name:u.string().max(255,()=>l.a.getPhrase(d,"nameExceeds")).required(()=>l.a.getPhrase(d,"nameRequired")),description:u.string().max(65535,()=>l.a.getPhrase(d,"descriptionExceeds"))});a.d(t,"a",(function(){return b}));var m=l.a.encloseNamespace("playlists.playlistDetails");function y(e){var t=Object(r.b)();return i.createElement(n.c,null,i.createElement(o.b,{label:m("nameLabel"),type:"text",name:"name",id:"name",placeholder:m("namePlaceholder"),autoFocus:!0,value:t.values.name}),i.createElement(o.b,{label:m("descriptionLabel"),component:"textarea",name:"description",id:"description",placeholder:m("descriptionPlaceholder"),value:t.values.description}),i.createElement("div",{className:"btn-container d-flex justify-content-end"},i.createElement("button",{type:"button",className:"btn btn-".concat(e.cancelButtonClass," mr-2"),onClick:e.onClickCancel},i.createElement(s.b,{namespace:"playlists.playlistDetails",phrase:"cancel"})),i.createElement(c.a,{isNew:e.isNew})))}function b(e){var t=e.playlist,a=(t=void 0===t?{}:t).name,n=void 0===a?"":a,l=t.description,s=void 0===l?"":l,o=t.id,c=void 0===o?null:o,u=e.savePlaylist,d=e.onClickCancel,m=e.cancelButtonClass;return i.createElement(r.a,{initialValues:{name:n,description:s},validationSchema:p,onSubmit:u},i.createElement(y,{isNew:!c,onClickCancel:d,cancelButtonClass:m}))}},632:function(e,t,a){"use strict";a.r(t),a.d(t,"NewPlaylistView",(function(){return b}));var i=a(0),n=a(40),l=a(2),s=a(11),r=a(5),o=a(447),c=a(115),u=a(442),d=a(112),p=a(10),m=a(533),y=r.a.encloseNamespace("playlists.newPlaylist");function b(e){var t=Object(n.useDispatch)();Object(o.a)(y("title"));var a=s.a.useBasicFetch(c.a.currentUser);return i.createElement(d.a,{title:y("title"),closePopup:e.closePopup,showLoadingSpinner:!a.data},!!a.data&&i.createElement(m.a,{savePlaylist:function(i){s.a.fetch(t,u.a.createPlaylist(a.data.id,i,(function(t){e.closePopup(),t&&l.a.AppLinkHelper.trigger({application:e.application,action:p.a.Playlists.PLAYLIST,args:[t.id]})}),e.closePopup))},onClickCancel:e.closePopup,cancelButtonClass:"link"}))}}}]);
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[36],{
+
+/***/ "../../libs/shared/src/components/badges/Badge.tsx":
+/*!*********************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/badges/Badge.tsx ***!
+  \*********************************************************************************************/
+/*! exports provided: BadgeType, Badge */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BadgeType", function() { return BadgeType; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Badge", function() { return Badge; });
+/* 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 _utils_VideoDetailsHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../utils/VideoDetailsHelper */ "../../libs/shared/src/utils/VideoDetailsHelper.ts");
+/* harmony import */ var _utils_DurationHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/DurationHelper */ "../../libs/shared/src/utils/DurationHelper.ts");
+/* harmony import */ var _badge_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./badge.scss */ "../../libs/shared/src/components/badges/badge.scss");
+/* harmony import */ var _badge_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_badge_scss__WEBPACK_IMPORTED_MODULE_4__);
+
+
+
+
+
+var BadgeType;
+
+(function (BadgeType) {
+  BadgeType["Duration"] = "duration";
+  BadgeType["Interactive"] = "interactive";
+  BadgeType["Rating"] = "rating";
+  BadgeType["ProductionYear"] = "production-year";
+})(BadgeType || (BadgeType = {}));
+
+function getClassName(type, data) {
+  const baseClass = 'badge';
+  let typeClass = '';
+  if (type === BadgeType.Duration) typeClass = _badge_scss__WEBPACK_IMPORTED_MODULE_4___default.a.duration;
+  if (type === BadgeType.Interactive) typeClass = _badge_scss__WEBPACK_IMPORTED_MODULE_4___default.a.interactive;
+  if (type === BadgeType.Rating) typeClass = `${_badge_scss__WEBPACK_IMPORTED_MODULE_4___default.a.rating} ${_utils_VideoDetailsHelper__WEBPACK_IMPORTED_MODULE_2__["VideoDetailsHelper"].mapRatingToClass(data.value)}`;
+  if (type === BadgeType.ProductionYear) typeClass = _badge_scss__WEBPACK_IMPORTED_MODULE_4___default.a.productionYear;
+  return `${baseClass} ${typeClass}`;
+}
+
+function getBadgeText(type, data) {
+  if (type === BadgeType.Interactive) return 'Interactive';
+  if (type === BadgeType.Duration) return _utils_DurationHelper__WEBPACK_IMPORTED_MODULE_3__["DurationHelper"].ToDisplayDuration(data); // data expected to be the duration
+
+  if (type === BadgeType.Rating) return data.code; // data expected to be a rating object
+
+  if (type === BadgeType.ProductionYear) return data; // data should be the production year
+}
+
+function getTooltip(type, data) {
+  if (type === BadgeType.Rating) return {
+    title: data.name,
+    placement: 'top'
+  };
+  return null;
+}
+
+function hasData(type, data) {
+  if (type === BadgeType.Rating) return data && !!data.value;
+  return !!data;
+}
+
+function Badge(props) {
+  const {
+    type,
+    data
+  } = props;
+  if (!hasData(type, data)) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  const className = getClassName(type, data);
+  const text = getBadgeText(type, data);
+  const tooltip = getTooltip(type, data);
+
+  if (tooltip) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["OverlayTrigger"], {
+      placement: tooltip.placement,
+      overlay: react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Tooltip"], {
+        id: tooltip.title
+      }, tooltip.title)
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+      className: className
+    }, text));
+  }
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+    className: className
+  }, text);
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/badges/badge.scss":
+/*!**********************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/badges/badge.scss ***!
+  \**********************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"duration":"cv--duration--3XH_S","interactive":"cv--interactive--INxgX","productionYear":"cv--productionYear--Bt6Bx","rating":"cv--rating--3bOtF","badgeList":"cv--badgeList--1BsVS"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/hooks/UseHover.ts":
+/*!***********************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseHover.ts ***!
+  \***********************************************************************************/
+/*! exports provided: useHover, useHoverIntent */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useHover", function() { return useHover; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useHoverIntent", function() { return useHoverIntent; });
+/* 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_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
+
+
+const defaultOptions = {
+  className: '',
+  delay: 0
+};
+/**
+ * This hook detects hover events on an element.
+ * This should only be used where CSS hover events won't suffice for what you are trying to achieve.
+ */
+
+function useHover(options = defaultOptions) {
+  const [isHovering, setHovering] = react__WEBPACK_IMPORTED_MODULE_0__["useState"](false);
+  const ref = react__WEBPACK_IMPORTED_MODULE_0__["useRef"](null);
+  const triggerHover = _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__["FunctionHelper"].throttle(() => {
+    var _a, _b;
+
+    if (options.className) (_b = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.add(options.className);
+    setHovering(true);
+  }, options.delay, {
+    leading: false
+  });
+
+  const handleMouseOut = () => {
+    var _a, _b;
+
+    if (_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__["FunctionHelper"].isFunction(triggerHover.cancel)) triggerHover.cancel();
+    if (options.className) (_b = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.remove(options.className);
+    setHovering(false);
+  };
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useLayoutEffect"](() => {
+    const node = ref.current;
+
+    if (node) {
+      node.addEventListener('mouseenter', triggerHover);
+      node.addEventListener('mouseleave', handleMouseOut);
+      return () => {
+        node.removeEventListener('mouseenter', triggerHover);
+        node.removeEventListener('mouseleave', handleMouseOut);
+      };
+    }
+  }, [ref.current]);
+  return [ref, isHovering];
+}
+function useHoverIntent(className) {
+  return useHover({
+    className,
+    delay: 275
+  });
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/utils/VideoDetailsHelper.ts":
+/*!*********************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/utils/VideoDetailsHelper.ts ***!
+  \*********************************************************************************************/
+/*! exports provided: VideoDetailsHelper */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VideoDetailsHelper", function() { return VideoDetailsHelper; });
+const VideoDetailsHelper = {
+  mapRatingToClass(ratingValue) {
+    if (!ratingValue) return '';
+
+    const ratings = rating => {
+      switch (true) {
+        case rating < 32:
+          return 'bg-purple';
+
+        case rating < 48:
+          return 'bg-success';
+
+        case rating < 80:
+          return 'bg-info';
+
+        case rating < 96:
+          return 'bg-danger';
+
+        case rating < 128:
+          return 'bg-pink';
+
+        case rating >= 128:
+          return 'bg-warning';
+
+        default:
+          return '';
+        // Handles unrated
+      }
+    };
+
+    return ratings(ratingValue);
+  }
+
+};
+
+/***/ }),
+
+/***/ "./src/apps/subjects/views/classification-series-list-view/ClassificationSeriesListView.tsx":
+/*!**************************************************************************************************!*\
+  !*** ./src/apps/subjects/views/classification-series-list-view/ClassificationSeriesListView.tsx ***!
+  \**************************************************************************************************/
+/*! exports provided: ClassificationSeriesListView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassificationSeriesListView", function() { return ClassificationSeriesListView; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/utils/ObjectHelper */ "../../libs/common/src/react/utils/ObjectHelper.ts");
+/* harmony import */ var _libs_shared_src_components_banner_header_BannerHeader__WEBPACK_IMPORTED_MODULE_4__ = __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_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/breadcrumbs/Breadcrumbs */ "../../libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx");
+/* harmony import */ var _libs_shared_src_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_6__ = __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_7__ = __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_8__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/ClassificationRequests */ "../../libs/shared/src/flight-requests/ClassificationRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_AudienceRequests__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/AudienceRequests */ "../../libs/shared/src/flight-requests/AudienceRequests.ts");
+/* harmony import */ var _libs_shared_src_hooks_useQueryString__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/useQueryString */ "../../libs/shared/src/hooks/useQueryString.tsx");
+/* harmony import */ var _libs_shared_src_apps_subjects_hooks_useAudienceParams__WEBPACK_IMPORTED_MODULE_11__ = __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_12__ = __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_13__ = __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_components_widgets_items_series_widget_item__WEBPACK_IMPORTED_MODULE_14__ = __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 apps_subjects_utils_ClassificationAppLinks__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! apps/subjects/utils/ClassificationAppLinks */ "./src/apps/subjects/utils/ClassificationAppLinks.ts");
+/* harmony import */ var _classification_series_list_scss__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./classification-series-list.scss */ "./src/apps/subjects/views/classification-series-list-view/classification-series-list.scss");
+/* harmony import */ var _classification_series_list_scss__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(_classification_series_list_scss__WEBPACK_IMPORTED_MODULE_16__);
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].encloseNamespace('subjects.classificationSeriesList');
+function ClassificationSeriesListView(props) {
+  var _a, _b, _c, _d, _e;
+
+  var id = props.id,
+      queryParams = props.queryParams;
+
+  var _React$useReducer = react__WEBPACK_IMPORTED_MODULE_0__["useReducer"](_libs_shared_src_apps_subjects_reducers_AudienceReducer__WEBPACK_IMPORTED_MODULE_12__["AudienceReducer"], {}),
+      _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
+      activeAudiences = _React$useReducer2[0],
+      audienceDispatch = _React$useReducer2[1];
+  /**
+   * Data fetching
+   */
+
+
+  var currentUser = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_7__["UserRequests"].currentUser);
+  var config = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_6__["ConfigRequests"].config);
+  var classification = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(((_a = currentUser.data) === null || _a === void 0 ? void 0 : _a.id) ? _libs_shared_src_flight_requests_ClassificationRequests__WEBPACK_IMPORTED_MODULE_8__["ClassificationRequests"].classification(id, (_b = currentUser.data) === null || _b === void 0 ? void 0 : _b.id) : null);
+  var presentation = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_ClassificationRequests__WEBPACK_IMPORTED_MODULE_8__["ClassificationRequests"].presentation());
+  var path = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_ClassificationRequests__WEBPACK_IMPORTED_MODULE_8__["ClassificationRequests"].path(id));
+  var audiences = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_AudienceRequests__WEBPACK_IMPORTED_MODULE_9__["AudienceRequests"].presentationAudiences());
+  /**
+   * 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_3__["ObjectHelper"].keys(activeAudiences);
+  var activeAudienceValues = _libs_common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_3__["ObjectHelper"].values(activeAudiences);
+  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_8__["ClassificationRequests"].series(id, presentationId, activeAudienceIds);
+  var series = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useGetResponse(seriesRequest && seriesRequest.key);
+  var fetchSeries = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useGetFetch(seriesRequest);
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    if (!presentationId) return;
+    fetchSeries();
+  }, [presentationId]);
+  var classificationAppLinkFn = Object(apps_subjects_utils_ClassificationAppLinks__WEBPACK_IMPORTED_MODULE_15__["getClassificationAppLink"])();
+  /**
+   * Where our selected presentation audiences change, always update the URL
+   */
+
+  Object(_libs_shared_src_hooks_useQueryString__WEBPACK_IMPORTED_MODULE_10__["useSetQueryString"])({
+    appLink: Object(apps_subjects_utils_ClassificationAppLinks__WEBPACK_IMPORTED_MODULE_15__["getSeriesSubviewAppLink"])(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_11__["useParseAudienceParams"])(queryParams, audiences.data, audienceDispatch, [shouldParseParams]);
+  var breadcrumbsDataLoaded = !!path.data;
+  var audienceDataLoaded = !!audiences.data;
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'bg-white'
+  }, !!classification.data && !!config.data ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_banner_header_BannerHeader__WEBPACK_IMPORTED_MODULE_4__["BannerHeader"], {
+    heading: getPhrase('heading', {
+      classification: classification.data.name
+    }),
+    banner: classification.data.banner,
+    imageCdnUrl: config.data.imageCdnUrl
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_banner_header_BannerHeader__WEBPACK_IMPORTED_MODULE_4__["PartialBannerHeader"], null), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'px-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'py-3 mb-3 border-bottom'
+  }, breadcrumbsDataLoaded ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_breadcrumbs_Breadcrumbs__WEBPACK_IMPORTED_MODULE_5__["Breadcrumbs"], {
+    currentItem: classification.data,
+    type: _libs_shared_src_components_breadcrumbs_Breadcrumbs__WEBPACK_IMPORTED_MODULE_5__["BreadcrumbType"].Static,
+    getItemAppLink: classificationAppLinkFn,
+    data: path.data,
+    rootItem: {
+      label: getPhrase('dashboard'),
+      appLink: Object(apps_subjects_utils_ClassificationAppLinks__WEBPACK_IMPORTED_MODULE_15__["getDashboardAppLink"])()
+    },
+    subview: getPhrase('subview')
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_breadcrumbs_Breadcrumbs__WEBPACK_IMPORTED_MODULE_5__["PartialBreadcrumbs"], null), audienceDataLoaded ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_components_audience_filter_AudienceFilter__WEBPACK_IMPORTED_MODULE_13__["AudienceFilter"], {
+    audiences: audiences.data,
+    activeAudiences: activeAudiences,
+    setAudience: audienceDispatch
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_components_audience_filter_AudienceFilter__WEBPACK_IMPORTED_MODULE_13__["PartialAudienceFilter"], null)), !!((_e = series.data) === null || _e === void 0 ? void 0 : _e.data) && !!classification.data ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'mx-n2'
+  }, series.data.data.map(function (s) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+      className: "d-inline-flex position-relative px-2 mb-2 ".concat(_classification_series_list_scss__WEBPACK_IMPORTED_MODULE_16___default.a.seriesItem)
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_widgets_items_series_widget_item__WEBPACK_IMPORTED_MODULE_14__["SeriesWidgetItem"], {
+      data: s,
+      appLink: Object(apps_subjects_utils_ClassificationAppLinks__WEBPACK_IMPORTED_MODULE_15__["getSeriesSubviewAppLink"])(classification.data),
+      audiences: audiences.data
+    }));
+  })) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_widgets_items_series_widget_item__WEBPACK_IMPORTED_MODULE_14__["PartialSeriesList"], null)));
+}
+
+/***/ }),
+
+/***/ "./src/apps/subjects/views/classification-series-list-view/classification-series-list.scss":
+/*!*************************************************************************************************!*\
+  !*** ./src/apps/subjects/views/classification-series-list-view/classification-series-list.scss ***!
+  \*************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"seriesItem":"cv--seriesItem--1tgrv"};
+
+/***/ })
+
+}]);
+//# sourceMappingURL=36.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/badges/Badge.tsx","webpack://@clickview/lite/C:/ClickView Projects/@clickview/packages/libs/shared/src/components/badges/badge.scss?33e1","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseHover.ts","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/utils/VideoDetailsHelper.ts","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/subjects/views/classification-series-list-view/ClassificationSeriesListView.tsx","webpack://@clickview/lite/./src/apps/subjects/views/classification-series-list-view/classification-series-list.scss?e068"],"names":[],"mappings":"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","file":"scripts/36.chunk.js","sourcesContent":["import * as React from 'react';\r\nimport { OverlayTrigger, Tooltip } from 'react-bootstrap';\r\nimport { Placement } from 'react-bootstrap/Overlay';\r\n\r\nimport { VideoDetailsHelper } from 'libs/shared/utils/VideoDetailsHelper';\r\nimport { DurationHelper } from 'libs/shared/utils/DurationHelper';\r\nimport { Rating } from 'libs/shared/interfaces';\r\n\r\nimport styles from './badge.scss';\r\n\r\nexport enum BadgeType {\r\n  Duration = 'duration',\r\n  Interactive = 'interactive',\r\n  Rating = 'rating',\r\n  ProductionYear = 'production-year'\r\n}\r\n\r\ninterface BadgeProps {\r\n  type: BadgeType;\r\n  data: any;\r\n}\r\n\r\ninterface TooltipOptions {\r\n  placement: Placement;\r\n  title: string;\r\n}\r\n\r\nfunction getClassName(type: BadgeType, data: any): string {\r\n  const baseClass = 'badge';\r\n\r\n  let typeClass = '';\r\n\r\n  if (type === BadgeType.Duration)\r\n    typeClass = styles.duration;\r\n\r\n  if (type === BadgeType.Interactive)\r\n    typeClass = styles.interactive;\r\n\r\n  if (type === BadgeType.Rating)\r\n    typeClass = `${styles.rating} ${VideoDetailsHelper.mapRatingToClass((data as Rating).value)}`;\r\n\r\n  if (type === BadgeType.ProductionYear)\r\n    typeClass = styles.productionYear;\r\n\r\n  return `${baseClass} ${typeClass}`;\r\n}\r\n\r\nfunction getBadgeText(type: BadgeType, data: any): string {\r\n  if (type === BadgeType.Interactive)\r\n    return 'Interactive';\r\n\r\n  if (type === BadgeType.Duration)\r\n    return DurationHelper.ToDisplayDuration(data); // data expected to be the duration\r\n\r\n  if (type === BadgeType.Rating)\r\n    return (data as Rating).code; // data expected to be a rating object\r\n\r\n  if (type === BadgeType.ProductionYear)\r\n    return data; // data should be the production year\r\n}\r\n\r\nfunction getTooltip(type: BadgeType, data: any): TooltipOptions {\r\n  if (type === BadgeType.Rating)\r\n    return {\r\n      title: (data as Rating).name,\r\n      placement: 'top'\r\n    };\r\n\r\n  return null;\r\n}\r\n\r\nfunction hasData(type: BadgeType, data: any): boolean {\r\n  if (type === BadgeType.Rating)\r\n    return data && !!(data as Rating).value;\r\n\r\n  return !!data;\r\n}\r\n\r\nexport function Badge(props : BadgeProps): JSX.Element {\r\n  const { type, data } = props;\r\n\r\n  if (!hasData(type, data))\r\n    return <></>;\r\n\r\n  const className = getClassName(type, data);\r\n  const text = getBadgeText(type, data);\r\n  const tooltip = getTooltip(type, data);\r\n\r\n  if (tooltip) {\r\n    return (\r\n      <OverlayTrigger\r\n        placement={tooltip.placement}\r\n        overlay={<Tooltip id={tooltip.title}>{tooltip.title}</Tooltip>}\r\n      >\r\n        <span className={className}>{text}</span>\r\n      </OverlayTrigger>\r\n    );\r\n  }\r\n\r\n  return <span className={className}>{text}</span>;\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"duration\":\"cv--duration--3XH_S\",\"interactive\":\"cv--interactive--INxgX\",\"productionYear\":\"cv--productionYear--Bt6Bx\",\"rating\":\"cv--rating--3bOtF\",\"badgeList\":\"cv--badgeList--1BsVS\"};","import * as React from 'react';\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\n\r\ninterface HoverOptions {\r\n  /**\r\n   * Classes to be applied to the target element on hover. Useful if you want to style the element on hover\r\n   * after a delay (controlled by the `timeout` option below)\r\n   */\r\n  className?: string;\r\n\r\n  /**\r\n   * A delay between when the user actually hovers on the element, and when the hook returns `true` for `isHovering`.\r\n   * This can be used to determine whether a user has actually intended for a hover event on an element to be\r\n   * triggered or not. Defaults to 0.\r\n   */\r\n  delay?: number;\r\n}\r\n\r\nconst defaultOptions: HoverOptions = {\r\n  className: '',\r\n  delay: 0\r\n};\r\n\r\n/**\r\n * This hook detects hover events on an element.\r\n * This should only be used where CSS hover events won't suffice for what you are trying to achieve.\r\n */\r\nexport function useHover<T extends HTMLElement>(\r\n  options: HoverOptions = defaultOptions\r\n): [ React.MutableRefObject<T>, boolean ] {\r\n  const [ isHovering, setHovering ] = React.useState(false);\r\n\r\n  const ref = React.useRef<T>(null);\r\n\r\n  const triggerHover = FunctionHelper.throttle(() => {\r\n    if (options.className)\r\n      ref.current?.classList?.add(options.className);\r\n\r\n    setHovering(true);\r\n  }, options.delay, { leading: false });\r\n\r\n  const handleMouseOut = () => {\r\n    if (FunctionHelper.isFunction(triggerHover.cancel))\r\n      triggerHover.cancel();\r\n\r\n    if (options.className)\r\n      ref.current?.classList?.remove(options.className);\r\n\r\n    setHovering(false);\r\n  };\r\n\r\n  React.useLayoutEffect(() => {\r\n    const node = ref.current;\r\n\r\n    if (node) {\r\n      node.addEventListener('mouseenter', triggerHover);\r\n      node.addEventListener('mouseleave', handleMouseOut);\r\n\r\n      return () => {\r\n        node.removeEventListener('mouseenter', triggerHover);\r\n        node.removeEventListener('mouseleave', handleMouseOut);\r\n      };\r\n    }\r\n  }, [ref.current]);\r\n\r\n  return [ ref, isHovering ];\r\n}\r\n\r\nexport function useHoverIntent<T extends HTMLElement>(className: string): [ React.MutableRefObject<T>, boolean ] {\r\n  return useHover({\r\n    className,\r\n    delay: 275\r\n  });\r\n}","export const VideoDetailsHelper = {\r\n  mapRatingToClass(ratingValue: number): string {\r\n    if (!ratingValue) return '';\r\n\r\n    const ratings = (rating: number): string => {\r\n      switch (true) {\r\n      case (rating < 32):\r\n        return 'bg-purple';\r\n      case (rating < 48):\r\n        return 'bg-success';\r\n      case (rating < 80):\r\n        return 'bg-info';\r\n      case (rating < 96):\r\n        return 'bg-danger';\r\n      case (rating < 128):\r\n        return 'bg-pink';\r\n      case (rating >= 128):\r\n        return 'bg-warning';\r\n      default:\r\n        return ''; // Handles unrated\r\n      }\r\n    };\r\n\r\n    return ratings(ratingValue);\r\n  }\r\n};","import * as React from 'react';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\r\nimport { Flight } from 'libs/common/flight';\r\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\r\n\r\nimport { SeriesCollection, Classification, Config, PresentationAudience, CurrentUser, Presentation } from 'libs/shared/interfaces';\r\nimport { BannerHeader, PartialBannerHeader } from 'libs/shared/components/banner-header/BannerHeader';\r\nimport { Breadcrumbs, PartialBreadcrumbs, BreadcrumbType } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\r\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\r\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\r\nimport { ClassificationRequests } from 'libs/shared/flight-requests/ClassificationRequests';\r\nimport { AudienceRequests } from 'libs/shared/flight-requests/AudienceRequests';\r\nimport { useSetQueryString } from 'libs/shared/hooks/useQueryString';\r\n\r\nimport { useParseAudienceParams } from 'libs/shared/apps/subjects/hooks/useAudienceParams';\r\nimport { AudienceReducer } from 'libs/shared/apps/subjects/reducers/AudienceReducer';\r\nimport { AudienceFilter, PartialAudienceFilter } from 'libs/shared/apps/subjects/components/audience-filter/AudienceFilter';\r\nimport { SeriesWidgetItem, PartialSeriesList } from 'libs/shared/components/widgets/items/series-widget-item';\r\n\r\nimport { getClassificationAppLink, getDashboardAppLink, getSeriesSubviewAppLink } from 'apps/subjects/utils/ClassificationAppLinks';\r\n\r\nimport styles from './classification-series-list.scss';\r\n\r\nconst getPhrase = LanguageService.encloseNamespace('subjects.classificationSeriesList');\r\n\r\ninterface ClassificationSeriesListViewProps {\r\n  id: string;\r\n  queryParams?: HashObject;\r\n}\r\n\r\nexport function ClassificationSeriesListView(props: ClassificationSeriesListViewProps): React.ReactElement {\r\n  const { id, queryParams } = props;\r\n  const [ activeAudiences, audienceDispatch ] = React.useReducer(AudienceReducer, {});\r\n\r\n  /**\r\n   * Data fetching\r\n   */\r\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser);\r\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config);\r\n  const classification = Flight.useBasicFetch<Classification>(\r\n    currentUser.data?.id ? ClassificationRequests.classification(id, currentUser.data?.id) : null);\r\n  const presentation = Flight.useBasicFetch<Presentation>(ClassificationRequests.presentation());\r\n  const path = Flight.useBasicFetch<Classification[]>(ClassificationRequests.path(id));\r\n  const audiences = Flight.useBasicFetch<PresentationAudience[]>(AudienceRequests.presentationAudiences());\r\n\r\n  /**\r\n   * We use the current active audiences to re-fetch content for that specific audience set.\r\n   */\r\n  const activeAudienceIds = ObjectHelper.keys(activeAudiences);\r\n  const activeAudienceValues = ObjectHelper.values(activeAudiences);\r\n\r\n  const presentationId = presentation?.data?.id;\r\n\r\n  const seriesRequest = ClassificationRequests.series(id, presentationId, activeAudienceIds);\r\n  const series = Flight.useGetResponse<SeriesCollection>(seriesRequest && seriesRequest.key);\r\n  const fetchSeries = Flight.useGetFetch(seriesRequest);\r\n\r\n  React.useEffect(() => {\r\n    if (!presentationId)\r\n      return;\r\n\r\n    fetchSeries();\r\n\r\n  }, [presentationId]);\r\n\r\n  const classificationAppLinkFn = getClassificationAppLink();\r\n\r\n  /**\r\n   * Where our selected presentation audiences change, always update the URL \r\n   */\r\n  useSetQueryString({\r\n    appLink: getSeriesSubviewAppLink(classification.data),\r\n    paramBuilder: () => ({ a: activeAudienceValues.map(v => v.name) }),\r\n    isValid: () => !!(classification.data?.id),\r\n    appLinkOptions: { replace: true }\r\n  }, [activeAudienceValues.length]);\r\n\r\n  /**\r\n   * On page load, we will parse the querystring and automatically\r\n   * select any applicable presentation audiences. This should only be performed\r\n   * once we have access to the audience data for the selected classification.\r\n   */\r\n  const shouldParseParams = !!(audiences.data && audiences.data.length);\r\n  useParseAudienceParams(queryParams, audiences.data, audienceDispatch, [shouldParseParams]);\r\n\r\n\r\n  const breadcrumbsDataLoaded = !!path.data;\r\n  const audienceDataLoaded = !!audiences.data;\r\n\r\n  return (\r\n    <div className='bg-white'>\r\n      {(!!classification.data && !!config.data)\r\n        ? <BannerHeader\r\n            heading={getPhrase('heading', { classification: classification.data.name })}\r\n            banner={classification.data.banner}\r\n            imageCdnUrl={config.data.imageCdnUrl}\r\n          />\r\n        : <PartialBannerHeader />\r\n      }\r\n      <div className='px-3'>\r\n        <div className='py-3 mb-3 border-bottom'>\r\n          {breadcrumbsDataLoaded\r\n            ? <Breadcrumbs\r\n                currentItem={classification.data}\r\n                type={BreadcrumbType.Static}\r\n                getItemAppLink={classificationAppLinkFn}\r\n                data={path.data}\r\n                rootItem={{ label: getPhrase('dashboard'), appLink: getDashboardAppLink() }}\r\n                subview={getPhrase('subview')}\r\n              />\r\n            : <PartialBreadcrumbs />\r\n          }\r\n          {audienceDataLoaded\r\n            ? <AudienceFilter\r\n                audiences={audiences.data}\r\n                activeAudiences={activeAudiences}\r\n                setAudience={audienceDispatch}\r\n              />\r\n            : <PartialAudienceFilter />\r\n          }\r\n        </div>\r\n        {(!!series.data?.data && !!classification.data)\r\n          ? <div className='mx-n2'>\r\n              {series.data.data.map(s => (\r\n                <div className={`d-inline-flex position-relative px-2 mb-2 ${styles.seriesItem}`}>\r\n                  <SeriesWidgetItem\r\n                    data={s}\r\n                    appLink={getSeriesSubviewAppLink(classification.data)}\r\n                    audiences={audiences.data}\r\n                  />\r\n                </div>\r\n              ))}\r\n            </div>\r\n          : <PartialSeriesList />\r\n        }\r\n      </div>\r\n    </div>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"seriesItem\":\"cv--seriesItem--1tgrv\"};"],"sourceRoot":""}

package/dist/scripts/37-afd3d321e3.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[37],{618:function(e,a,n){e.exports={group:"IT422",tempSvg:"_2CLu3"}},619:function(e,a,n){e.exports={settingsContainer:"_3VOac",groupContainer:"mlors"}},665:function(e,a,n){"use strict";n.r(a);var t=n(0),i=n.n(t),c=n(48),l=n(34),p=n(33),r=n(618),s=n.n(r);function o(e){var a,n=!!(null===(a=e.modules)||void 0===a?void 0:a.length);return i.a.createElement(l.a,{appLink:e.appLink},i.a.createElement("div",{className:"row p-3 border border-dark m-0 w-100 ".concat(s.a.group)},i.a.createElement("div",{className:"col-3 px-3"},i.a.createElement("div",{className:"d-flex justify-content-center align-items-center h-100"},i.a.createElement(p.a,{svgName:e.svg,className:s.a.tempSvg}))),i.a.createElement("div",{className:"col-9 ".concat(n?"":"d-flex align-items-center")},i.a.createElement("h2",{className:"h3"},e.name),n&&i.a.createElement("ul",{className:"list-unstyled mb-0"},e.modules.map((function(e){return i.a.createElement("li",{key:e.name,className:"mb-1"},i.a.createElement(l.a,{appLink:e.appLink},e.name))}))))))}var m=n(10),u=n(4),S=n(11);var d=n(619),g=n.n(d);n.d(a,"SettingsView",(function(){return E}));function E(){var e=[{svg:m.b.HeartOutline,name:"My Account",modules:[{name:"Profile Details",appLink:{application:u.a.SETTINGS,action:"profile:details"}},{name:"Email & Password",appLink:{application:u.a.SETTINGS,action:"email:password"}},{name:"Year Level & Subject Preferences",appLink:{application:u.a.SUBJECT,action:S.a.Subjects.PREFERENCES}}]},{svg:m.b.HeartOutline,name:"School Management",modules:[{name:"Student Manager",appLink:{application:u.a.USER_MANAGER,action:S.a.UserManager.STUDENTS}},{name:"Teacher Manager",appLink:{application:u.a.USER_MANAGER,action:S.a.UserManager.TEACHERS}}]},{svg:m.b.HeartOutline,name:"Device Management",modules:[{name:"Devices",appLink:{application:u.a.SETTINGS,action:"devices"}},{name:"Local Cache",appLink:{application:u.a.SETTINGS,action:"local:cache"}}]},{svg:m.b.HeartOutline,name:"Integration",modules:[{name:"Single Sign On (SSO)",appLink:{application:u.a.SETTINGS,action:"single:sign:on"}},{name:"Reduced Single Sign On (RSO)",appLink:{application:u.a.SETTINGS,action:"reduced:single:sign:on"}}]},{svg:m.b.HeartOutline,name:"ClickView Analytics",appLink:{application:u.a.SETTINGS,action:"analytics"}},{svg:m.b.HeartOutline,name:"ClickView Support",modules:[{name:"Send Feedback",appLink:{application:u.a.SETTINGS,action:"send:feedback"}},{name:"Help Centre",appLink:{application:u.a.SETTINGS,action:"help:centre"}}]}];return i.a.createElement(i.a.Fragment,null,i.a.createElement("h1",null,i.a.createElement(c.b,{namespace:"settings.settings",phrase:"heading"})),i.a.createElement("main",{className:"row"},e.map((function(e){return i.a.createElement("div",{key:e.name,className:"col-md-6 p-0"},i.a.createElement("div",{className:g.a.groupContainer},i.a.createElement(o,Object.assign({},e))))}))))}}}]);