@clickview/lite 0.50.0-rc.5 → 0.50.0-rc.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bundles.json +1 -1
- package/dist/scripts/{1402-d327ed0365-lite.chunk.js → 1402-8c3babb6af-lite.chunk.js} +2 -2
- package/dist/scripts/1402-8c3babb6af-lite.chunk.js.map +1 -0
- package/dist/scripts/{1518-9961f6d99b-lite.chunk.js → 1518-e6c8ab0c89-lite.chunk.js} +2 -2
- package/dist/scripts/1518-e6c8ab0c89-lite.chunk.js.map +1 -0
- package/dist/scripts/{2703-430c5a5fc1-lite.chunk.js → 2703-6ae830c2e6-lite.chunk.js} +2 -2
- package/dist/scripts/2703-6ae830c2e6-lite.chunk.js.map +1 -0
- package/dist/scripts/{3070-4e82411f0c-lite.chunk.js → 3070-07721de8f8-lite.chunk.js} +2 -2
- package/dist/scripts/3070-07721de8f8-lite.chunk.js.map +1 -0
- package/dist/scripts/5242-057f004278-lite.chunk.js +2 -0
- package/dist/scripts/5242-057f004278-lite.chunk.js.map +1 -0
- package/dist/scripts/{5936-59acb26157-lite.chunk.js → 5936-7ad136f2a3-lite.chunk.js} +2 -2
- package/dist/scripts/5936-7ad136f2a3-lite.chunk.js.map +1 -0
- package/dist/scripts/6181-7a4fc8e1e1-lite.chunk.js +2 -0
- package/dist/scripts/6181-7a4fc8e1e1-lite.chunk.js.map +1 -0
- package/dist/scripts/{6263-736bbd8641-lite.chunk.js → 6263-a60b811d93-lite.chunk.js} +2 -2
- package/dist/scripts/6263-a60b811d93-lite.chunk.js.map +1 -0
- package/dist/scripts/6531-835c743f1b-lite.chunk.js +2 -0
- package/dist/scripts/6531-835c743f1b-lite.chunk.js.map +1 -0
- package/dist/scripts/{8085-ed82fb07da-lite.chunk.js → 8085-cde67e66df-lite.chunk.js} +2 -2
- package/dist/scripts/8085-cde67e66df-lite.chunk.js.map +1 -0
- package/dist/scripts/{8354-a104955138-lite.chunk.js → 8354-411c0c4a3a-lite.chunk.js} +2 -2
- package/dist/scripts/8354-411c0c4a3a-lite.chunk.js.map +1 -0
- package/dist/scripts/{8987-649a6a16f4-lite.chunk.js → 8987-9fb9a632e7-lite.chunk.js} +2 -2
- package/dist/scripts/8987-9fb9a632e7-lite.chunk.js.map +1 -0
- package/dist/scripts/{9068-1c0aece2e1-lite.chunk.js → 9068-562c30f718-lite.chunk.js} +2 -2
- package/dist/scripts/9068-562c30f718-lite.chunk.js.map +1 -0
- package/dist/scripts/{bundle-7cf309c41a.min.js → bundle-d748020305.min.js} +3 -3
- package/dist/scripts/{bundle-7cf309c41a.min.js.map → bundle-d748020305.min.js.map} +1 -1
- package/package.json +1 -1
- package/dist/scripts/1402-d327ed0365-lite.chunk.js.map +0 -1
- package/dist/scripts/1518-9961f6d99b-lite.chunk.js.map +0 -1
- package/dist/scripts/2703-430c5a5fc1-lite.chunk.js.map +0 -1
- package/dist/scripts/3070-4e82411f0c-lite.chunk.js.map +0 -1
- package/dist/scripts/5242-a2a5d89eee-lite.chunk.js +0 -2
- package/dist/scripts/5242-a2a5d89eee-lite.chunk.js.map +0 -1
- package/dist/scripts/5936-59acb26157-lite.chunk.js.map +0 -1
- package/dist/scripts/6181-4944b5c6a2-lite.chunk.js +0 -2
- package/dist/scripts/6181-4944b5c6a2-lite.chunk.js.map +0 -1
- package/dist/scripts/6263-736bbd8641-lite.chunk.js.map +0 -1
- package/dist/scripts/6531-d77ba2c5ce-lite.chunk.js +0 -2
- package/dist/scripts/6531-d77ba2c5ce-lite.chunk.js.map +0 -1
- package/dist/scripts/8085-ed82fb07da-lite.chunk.js.map +0 -1
- package/dist/scripts/8354-a104955138-lite.chunk.js.map +0 -1
- package/dist/scripts/8987-649a6a16f4-lite.chunk.js.map +0 -1
- package/dist/scripts/9068-1c0aece2e1-lite.chunk.js.map +0 -1
- /package/dist/scripts/{bundle-7cf309c41a.min.js.LICENSE.txt → bundle-d748020305.min.js.LICENSE.txt} +0 -0
package/dist/bundles.json
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[1402],{71020:(e,t,n)=>{n.d(t,{_:()=>s});var r=n(32735),a=n(80247),i=n(34152),o=n(83914),l=n(35223);const c={container:"VwD1b",spinner:"eJ85e"};function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function s(e){var t,n,s=(t=(0,i.YD)(),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return u(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?u(e,t):void 0}}(t,n)||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.")}()),d=s[0],f=s[1];return r.useEffect((function(){var t;e.fetchOnScroll&&f&&!e.isFetching&&(null===(t=e.fetchNext)||void 0===t||t.call(e,e.nextCursor))}),[f,e.isFetching]),r.createElement("div",{className:"p-3 text-center ".concat(c.container),ref:d},e.isFetching?r.createElement(a.Z,{as:"span",animation:"border",role:"status",className:c.spinner}):r.createElement(o.x,{svgName:l.vn.ChevronDown,className:"svg-container cursor-pointer",size:o.S.Large,onClick:function(){var t;return null===(t=e.fetchNext)||void 0===t?void 0:t.call(e,e.nextCursor)}}))}s.defaultProps={fetchOnScroll:!1}},74696:(e,t,n)=>{n.d(t,{S:()=>u});var r=n(32735),a=n(68050),i=n(69111),o=n(9977),l=n(79967);const c={partialOptions:"Gufgq",partialName:"SicQQ",partialDescription:"dPGMq",partialThumbnail:"vZrnb",partialDragHandle:"iq73R"};function u(e){return r.createElement("div",{className:"mx-2"},Array(e.numVideos).fill(null).map((function(t,n){return r.createElement("div",{className:"d-flex",key:n},e.allowBulkActions&&r.createElement("div",{className:"form-check pe-3 pe-sm-2 mx-0 mx-md-2"}),r.createElement(s,Object.assign({},e)))})))}function s(e){var t=(0,l.k)(),n="sm"===o.O.getSize(t,"md"),u=e.withReordering&&!t.xs;return r.createElement(a.Z,{className:"".concat(n?"":"py-2"," flex-grow-1")},r.createElement(i.Z,Object.assign({},o.O.getThumbnailColumns(),{className:"flex-column align-items-flex-start ".concat(n?"pb-2 pe-1":"mb-1 pe-3 pe-md-2")}),r.createElement(a.Z,null,!!u&&r.createElement("div",{className:"d-flex align-items-center justify-content-center col-2"},r.createElement("div",{className:"partial-loading-background ".concat(c.partialDragHandle)})),r.createElement(i.Z,{xs:o.O.getThumbnailColSize(u)},r.createElement("div",{className:"partial-loading-background ".concat(n?"rounded":"rounded-3"," ").concat(c.partialThumbnail)})))),r.createElement(i.Z,Object.assign({},o.O.getDetailsColumns(),{className:n?"pb-2":"px-2"}),r.createElement("div",{className:"partial-loading-background mb-1 ".concat(c.partialName)}),r.createElement("div",{className:"partial-loading-background ".concat(c.partialDescription)})))}u.defaultProps={numVideos:15}},94644:(e,t,n)=>{n.d(t,{r:()=>s});var r=n(50242),a=n(81886),i=n(67058),o=n(14553),l=n(49267),c=n(49075),u={notFound:i.d,forbidden:{rating:o.q,yearLevel:o.q,region:l.a,privacy:o.q},badRequest:c._};function s(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(e){var i;i="number"==typeof e?e:e.status;var o=Object.assign(Object.assign({},u),t);i&&a.Q.Ry.isStatusCodeError(i)&&(i!==r.o.NotFound?i!==r.o.Forbidden?n.badRequest||a.Q.Ry.throw(new o.badRequest):n.forbidden||a.Q.Ry.throw(new o.forbidden.privacy):n.notFound||a.Q.Ry.throw(new o.notFound))}}},39902:(e,t,n)=>{n.d(t,{f:()=>c});var r=n(32735),a=n(70680),i=n(20354);function o(e,t){if(e){if("string"==typeof e)return l(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function c(e,t){var n,c,u=(n=r.useState([]),c=2,function(e){if(Array.isArray(e))return e}(n)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}(n,c)||o(n,c)||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.")}()),s=u[0],d=u[1];r.useEffect((function(){if(null==e?void 0:e.length){var t=function(e){return function(e){if(Array.isArray(e))return l(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||o(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.")}()}(s);t.push([]),e.forEach((function(e){t.find((function(t){return t.find((function(t){return t===e}))}))||t[t.length-1].push(e)})),d(t.filter((function(e){return e.length})))}}),[e?e.join(","):null]);var f=(0,a.I0)(),m=(0,a.v9)((function(e){return e}));if(r.useEffect((function(){s.forEach((function(e){var n=t(e);i.a.getResponse(m,n.key).shouldFetch&&i.a.fetch(f,n)}))}),[null==s?void 0:s.length]),!(null==s?void 0:s.length))return{items:null,isFetching:!1};var v={},p={};return s.forEach((function(e,n){var r=t(e),a=i.a.getResponse(m,r.key);p[n]=a,a.data&&a.data.forEach((function(e){return v[e.id]=e}))})),{items:Object.keys(p).some((function(e){return!!p[e].data}))?v:null,isFetching:!!Object.keys(p).some((function(e){return p[e].isFetching}))}}},60115:(e,t,n)=>{n.d(t,{K:()=>u});var r=n(32735),a=n(50242),i=n(91967),o=400,l=n(45719);function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function u(e,t,n,u,s,d){var f,m,v,p,h=(f=(0,r.useState)(0),m=2,function(e){if(Array.isArray(e))return e}(f)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}(f,m)||function(e,t){if(e){if("string"==typeof e)return c(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?c(e,t):void 0}}(f,m)||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.")}()),g=h[0],y=h[1],b=t,E=(0,l.P)((function(t){if(!e)return null;var n=e(t);return n?n.key:null}),u,s);return v={fetchNextPage:function(){if(t&&e&&E)return y((function(e){return e+1})),b(E.nextCursor)},hasMore:!!(null==E?void 0:E.nextCursor),isFetching:null==E?void 0:E.isFetching,scrollContainer:d},p=function(){if(!v.isFetching){if(v.scrollContainer){var e=v.scrollContainer;if(e.getBoundingClientRect().height+e.scrollTop<e.scrollHeight-o)return}else if(window.innerHeight+document.documentElement.scrollTop<document.documentElement.scrollHeight-o)return;v.fetchNextPage()}},(0,r.useEffect)((function(){var e=i.q.throttle(p,200),t=v.scrollContainer||window;return v.hasMore&&t.addEventListener("scroll",e),function(){return t.removeEventListener("scroll",e)}}),[v.hasMore,v.fetchNextPage,v.scrollContainer]),(0,r.useEffect)((function(){E&&E.shouldInitialFetch&&t&&(b(),y((function(e){return e+1})))}),[null==E?void 0:E.shouldInitialFetch,t]),(0,r.useEffect)((function(){var e,t;if((null==E?void 0:E.statusCode)&&i.q.isFunction(n)){var r=+(null===(t=null===(e=E.statusCode)||void 0===e?void 0:e.toString())||void 0===t?void 0:t.substr(0,1));r!==a.k.ClientError&&r!==a.k.ServerError||n(g,E.statusCode)}}),[null==E?void 0:E.statusCode]),{items:null==E?void 0:E.items,hasMore:!!(null==E?void 0:E.nextCursor),nextCursor:null==E?void 0:E.nextCursor,isFetching:null==E?void 0:E.isFetching,totalItems:null==E?void 0:E.totalItems,hasFirstPageCompleted:null==E?void 0:E.hasFirstPageCompleted}}},87821:(e,t,n)=>{n.d(t,{p:()=>a});var r=n(110),a={userVideoHistory:function(e,t,n,a){var i="video:history",o="{gateway}/v1/users/me/watch-history";return e&&(i+=":".concat(e),o+="?cursor=".concat(e)),{key:i,url:o,formatData:function(e){return{data:e.data.map((function(e){var t=r.O.format(e.lastTimeWatched),n=r.O.format(t,"YYYY-MM-DD");return Object.assign(Object.assign({},e),{lastTimeWatched:t,lastDateWatched:n})})),pagination:e.pagination}},success:t,error:n,always:a}},videoHistory:function(e,t,n,r,a){var i=e.sort().map((function(e){return"videoId=".concat(e)}));return{key:"video:history:videos:".concat(i.join("&")),url:"{gateway}/v1/videos/history?".concat(i.join("&")),normalizeOptions:{namespace:t},formatData:function(e){return(null==e?void 0:e.length)?e.map((function(e){return{id:e.videoId,lastProgressPoint:e.lastProgressPoint}})):e},success:n,error:r,always:a}}}},89885:(e,t,n)=>{n.r(t),n.d(t,{WatchHistoryView:()=>$});var r=n(32735),a=n(70680),i=n(23481),o=n(20354),l=n(65858),c=n(71020),u=n(83345),s=n(51365),d=n(16714),f=n(94644),m=n(39151),v=n(1666),p=n(31949),h=n(1575),g=n(69883),y=n(39902),b=n(60115),E=n(22902),S=n(79612),w=n(31908),A=n(51855),k=n(10671),C=n(27638),O=n(44110),P=n(97816),x=n(75896),F=n(110),N=n(13231),j=n(10741),I=n(22490),T=n(82431);function H(e){return H="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},H(e)}var L="watchHistory.watchHistoryVideoList";function D(e){var t=(0,E.T)().hasPermissions,n=x.m.groupBy(e.videoHistory,"lastDateWatched"),a={},o=Object.keys(n).sort().reverse();o.forEach((function(t){a[t]=n[t].map((function(t){var n=e.videos.find((function(e){return e.id.toString()===t.videoId.toString()}));return n?Object.assign(Object.assign({},n),{lastProgressPoint:t.lastProgressPoint}):null})).filter(Boolean)}));var l=o.reduce((function(e,t){var n,r,i,o,l=a[t].length,c=l+(null!==(n=e.runningTotal)&&void 0!==n?n:0);return Object.assign(Object.assign({},e),(r={runningTotal:c},o=c-l,(i=function(e){var t=function(e,t){if("object"!=H(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=H(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==H(t)?t:t+""}(i=t))in r?Object.defineProperty(r,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[i]=o,r))}),{});return r.createElement(r.Fragment,null,o.map((function(n){return a[n].length?r.createElement("div",{key:n,className:"pb-3"},r.createElement("h2",{className:"h4"},function(e){var t=F.O.timeSince(new Date(e),"day");return 0===t?i.T.getPhrase(L,"today"):1===t?i.T.getPhrase(L,"yesterday"):F.O.format(e,"Do MMMM")}(n)),r.createElement(N.E4,{videos:a[n],yearGroups:e.yearGroups,getVideoAppLink:I.W.getAppLink,getSubTextAppLink:function(e){return T.j.getSeriesAppLink(e.series)},hasPermissions:t,setFavourite:e.setFavourite,canFavourite:e.canFavourite,startingPositionIndex:l[n],presentationAudiences:e.presentationAudiences,getPreviewQuestionsAppLink:function(e){return j.j.getPreviewQuestionsAppLink(e)},imageCdnUrl:e.imageCdnUrl,isPlugin:e.isPlugin,getClassroomGuideAppLink:I.W.getClassroomGuideAppLink,getInteractiveGuidanceAppLink:I.W.getInteractiveGuidanceAppLink,getResourceGuidanceAppLink:I.W.getResourceGuidanceAppLink})):r.createElement(r.Fragment,{key:n})})))}var M=n(87821),V=n(23232),R=n(99742),W=n(14070),G=n(97291),U="watchHistory.watchHistoryEmptyState",B=i.T.encloseNamespace(U);function _(){return r.createElement(u.D.Provider,{value:U},r.createElement(V.u,null,r.createElement(V.u.Image,{src:R.W.EmptyStates.WATCH_HISTORY,altText:B("info")}),r.createElement(V.u.Heading,null,r.createElement(u.x,{phrase:"heading"})),r.createElement(V.u.Info,null,r.createElement(u.x,{phrase:"info"})),r.createElement(V.u.Cta,{text:i.T.getPhrase(U,"cta"),appLink:{application:G.O.DASHBOARD,action:W.e.Dashboard.HOME}})))}function q(){return r.createElement(u.D.Provider,{value:U},r.createElement(V.u,null,r.createElement(V.u.Image,{src:R.W.EmptyStates.WATCH_HISTORY_PUBLIC,altText:B("publicInfo")}),r.createElement(V.u.Heading,null,r.createElement(u.x,{phrase:"publicHeading"})),r.createElement(V.u.Info,null,r.createElement(u.x,{phrase:"publicInfo"})),r.createElement(V.u.Cta,{text:i.T.getPhrase(U,"publicCta"),appLink:{application:G.O.SIGN_UP,action:W.e.SignUp.SIGN_UP},analyticsData:{},analyticsOptions:{actionType:l.Vw.Click,location:l.LZ.WatchHistoryLanding,entity:l.py.AppLink,workflowPhase:l.eu.Start,descriptor:l.Yu.SignUp}})))}var Z=n(74696);const Q={partialDate:"vq4eE"};function Y(){return r.createElement(r.Fragment,null,r.createElement("div",{className:"mb-3"},r.createElement("div",{className:"".concat(Q.partialDate," mb-2 partial-loading-background")}),r.createElement(Z.S,{numVideos:2})),r.createElement("div",{className:"mb-3"},r.createElement("div",{className:"".concat(Q.partialDate," mb-2 partial-loading-background")}),r.createElement(Z.S,{numVideos:3})),r.createElement("div",{className:"mb-3"},r.createElement("div",{className:"".concat(Q.partialDate," mb-2 partial-loading-background")}),r.createElement(Z.S,{numVideos:2})),r.createElement("div",{className:"mb-3"},r.createElement("div",{className:"".concat(Q.partialDate," mb-2 partial-loading-background")}),r.createElement(Z.S,{numVideos:5})))}var z="watchHistory.watchHistory";function $(){var e,t,n;(0,S.M)({title:i.T.getPhrase(z,"pageTitle")});var x=(0,a.I0)(),F=(0,g.Z)(),N=(0,E.T)().hasLocalPermissions,j=(0,C.u)(l.LZ.VideoThumbnail),I=j.setFavourite,T=j.canFavourite,H=(0,A.G)().isPlugin,L=o.a.useBasicFetch(p.N.currentUser()),V=(0,k._)({location:k.i.VideoItem}),R=o.a.useBasicFetch((null===(e=L.data)||void 0===e?void 0:e.isAuthenticated)&&v.h.yearGroups(L.data.customerId)),W=o.a.useBasicFetch(m.L.config()),G=function(e){return M.p.userVideoHistory(e)},U=function(e){return o.a.getFetch(x)(G(e))},B=!N(d.E.ViewWatchHistoryLanding)&&L.hasCompleted,Z=(0,b.K)(!!B&&G,U,(function(e,t){if(1===e)return(0,f.r)(t);F.error(i.T.getPhrase(z,"error"))})),Q=Z.items,$=Z.hasMore,K=Z.isFetching,J=null!==(t=null==Q?void 0:Q.map((function(e){return e.videoId})))&&void 0!==t?t:[],X=null!==(n=(0,y.f)(J,(function(e){return h.R.watchHistoryVideos(e)})).items)&&void 0!==n?n:{},ee=Object.keys(X).map((function(e){return X[e]}));(0,P.V)(ee.filter(w.M.isVideo));var te=(0,O.i)();return N(d.E.ViewWatchHistoryLanding)?r.createElement(q,null):r.createElement(u.D.Provider,{value:z},r.createElement("div",{className:"px-3"},r.createElement("h1",{className:"h2"},r.createElement(u.x,{phrase:"heading"})),function(){var e;return Q?Q.length?ee.length?r.createElement(s.M.Provider,{value:V},r.createElement(D,{videoHistory:Q,videos:ee,presentationAudiences:te.data,yearGroups:R.data,setFavourite:I,canFavourite:T,imageCdnUrl:null===(e=W.data)||void 0===e?void 0:e.imageCdnUrl,isPlugin:H}),($||K)&&r.createElement(c._,{isFetching:K,fetchNext:U})):r.createElement(Y,null):r.createElement(_,null):r.createElement(Y,null)}()))}},44110:(e,t,n)=>{n.d(t,{i:()=>o});var r=n(20354),a=n(89454),i=n(86698),o=function(){var e=(0,i.y)({redirectOnError:!0}),t=e.activePresentation,n=e.getFallbackPresentation,o=t||n();return r.a.useBasicFetch(!!o&&a.O.presentationAudiences(o.id))}},97816:(e,t,n)=>{n.d(t,{V:()=>s});var r=n(32735),a=n(20354),i=n(21750),o=n(31949),l=n(1575);function c(e,t){if(e){if("string"==typeof e)return u(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?u(e,t):void 0}}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function s(e){var t,n,s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},d=a.a.useBasicFetch(o.N.currentUser()),f=r.useRef(new Set),m=e&&(Array.isArray(e)?e.filter(Boolean).map((function(e){return e.id})):e.data.filter(Boolean).map((function(e){return e.id}))),v=(t=r.useState([]),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}(t,n)||c(t,n)||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.")}()),p=v[0],h=v[1];r.useEffect((function(){if((null==m?void 0:m.length)&&d.hasCompleted){var e=[];m.forEach((function(t){f.current.has(t)||(e.push(t),f.current.add(t))})),e.length&&h((function(t){var n,r=[].concat(function(e){return function(e){if(Array.isArray(e))return u(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||c(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.")}()}(t),[l.R.videoMixinAssocs(e,s.flightNamespace)]);return(null===(n=d.data)||void 0===n?void 0:n.isAuthenticated)&&r.push(i.x.hasCurriculumLinks(e,null,s.flightNamespace)),r}))}}),[null==m?void 0:m.length,d.hasCompleted]),a.a.useBasicFetchAll(p)}}}]);
|
|
2
|
-
//# sourceMappingURL=1402-
|
|
1
|
+
"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[1402],{71020:(e,t,n)=>{n.d(t,{_:()=>s});var r=n(32735),a=n(80247),i=n(34152),o=n(83914),l=n(35223);const c={container:"VwD1b",spinner:"eJ85e"};function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function s(e){var t,n,s=(t=(0,i.YD)(),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return u(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?u(e,t):void 0}}(t,n)||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.")}()),d=s[0],f=s[1];return r.useEffect((function(){var t;e.fetchOnScroll&&f&&!e.isFetching&&(null===(t=e.fetchNext)||void 0===t||t.call(e,e.nextCursor))}),[f,e.isFetching]),r.createElement("div",{className:"p-3 text-center ".concat(c.container),ref:d},e.isFetching?r.createElement(a.Z,{as:"span",animation:"border",role:"status",className:c.spinner}):r.createElement(o.x,{svgName:l.vn.ChevronDown,className:"svg-container cursor-pointer",size:o.S.Large,onClick:function(){var t;return null===(t=e.fetchNext)||void 0===t?void 0:t.call(e,e.nextCursor)}}))}s.defaultProps={fetchOnScroll:!1}},74696:(e,t,n)=>{n.d(t,{S:()=>u});var r=n(32735),a=n(68050),i=n(69111),o=n(9977),l=n(79967);const c={partialOptions:"Gufgq",partialName:"SicQQ",partialDescription:"dPGMq",partialThumbnail:"vZrnb",partialDragHandle:"iq73R"};function u(e){return r.createElement("div",{className:"mx-2"},Array(e.numVideos).fill(null).map((function(t,n){return r.createElement("div",{className:"d-flex",key:n},e.allowBulkActions&&r.createElement("div",{className:"form-check pe-3 pe-sm-2 mx-0 mx-md-2"}),r.createElement(s,Object.assign({},e)))})))}function s(e){var t=(0,l.k)(),n="sm"===o.O.getSize(t,"md"),u=e.withReordering&&!t.xs;return r.createElement(a.Z,{className:"".concat(n?"":"py-2"," flex-grow-1")},r.createElement(i.Z,Object.assign({},o.O.getThumbnailColumns(),{className:"flex-column align-items-flex-start ".concat(n?"pb-2 pe-1":"mb-1 pe-3 pe-md-2")}),r.createElement(a.Z,null,!!u&&r.createElement("div",{className:"d-flex align-items-center justify-content-center col-2"},r.createElement("div",{className:"partial-loading-background ".concat(c.partialDragHandle)})),r.createElement(i.Z,{xs:o.O.getThumbnailColSize(u)},r.createElement("div",{className:"partial-loading-background ".concat(n?"rounded":"rounded-3"," ").concat(c.partialThumbnail)})))),r.createElement(i.Z,Object.assign({},o.O.getDetailsColumns(),{className:n?"pb-2":"px-2"}),r.createElement("div",{className:"partial-loading-background mb-1 ".concat(c.partialName)}),r.createElement("div",{className:"partial-loading-background ".concat(c.partialDescription)})))}u.defaultProps={numVideos:15}},94644:(e,t,n)=>{n.d(t,{r:()=>s});var r=n(50242),a=n(81886),i=n(67058),o=n(14553),l=n(49267),c=n(49075),u={notFound:i.d,forbidden:{rating:o.q,yearLevel:o.q,region:l.a,privacy:o.q},badRequest:c._};function s(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(e){var i;i="number"==typeof e?e:e.status;var o=Object.assign(Object.assign({},u),t);i&&a.Q.Ry.isStatusCodeError(i)&&(i!==r.o.NotFound?i!==r.o.Forbidden?n.badRequest||a.Q.Ry.throw(new o.badRequest):n.forbidden||a.Q.Ry.throw(new o.forbidden.privacy):n.notFound||a.Q.Ry.throw(new o.notFound))}}},39902:(e,t,n)=>{n.d(t,{f:()=>c});var r=n(32735),a=n(70680),i=n(20354);function o(e,t){if(e){if("string"==typeof e)return l(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function c(e,t){var n,c,u=(n=r.useState([]),c=2,function(e){if(Array.isArray(e))return e}(n)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}(n,c)||o(n,c)||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.")}()),s=u[0],d=u[1];r.useEffect((function(){if(null==e?void 0:e.length){var t=function(e){return function(e){if(Array.isArray(e))return l(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||o(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.")}()}(s);t.push([]),e.forEach((function(e){t.find((function(t){return t.find((function(t){return t===e}))}))||t[t.length-1].push(e)})),d(t.filter((function(e){return e.length})))}}),[e?e.join(","):null]);var f=(0,a.I0)(),m=(0,a.v9)((function(e){return e}));if(r.useEffect((function(){s.forEach((function(e){var n=t(e);i.a.getResponse(m,n.key).shouldFetch&&i.a.fetch(f,n)}))}),[null==s?void 0:s.length]),!(null==s?void 0:s.length))return{items:null,isFetching:!1};var v={},p={};return s.forEach((function(e,n){var r=t(e),a=i.a.getResponse(m,r.key);p[n]=a,a.data&&a.data.forEach((function(e){return v[e.id]=e}))})),{items:Object.keys(p).some((function(e){return!!p[e].data}))?v:null,isFetching:!!Object.keys(p).some((function(e){return p[e].isFetching}))}}},60115:(e,t,n)=>{n.d(t,{K:()=>u});var r=n(32735),a=n(50242),i=n(91967),o=400,l=n(45719);function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function u(e,t,n,u,s,d){var f,m,v,p,h=(f=(0,r.useState)(0),m=2,function(e){if(Array.isArray(e))return e}(f)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}(f,m)||function(e,t){if(e){if("string"==typeof e)return c(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?c(e,t):void 0}}(f,m)||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.")}()),g=h[0],y=h[1],b=t,E=(0,l.P)((function(t){if(!e)return null;var n=e(t);return n?n.key:null}),u,s);return v={fetchNextPage:function(){if(t&&e&&E)return y((function(e){return e+1})),b(E.nextCursor)},hasMore:!!(null==E?void 0:E.nextCursor),isFetching:null==E?void 0:E.isFetching,scrollContainer:d},p=function(){if(!v.isFetching){if(v.scrollContainer){var e=v.scrollContainer;if(e.getBoundingClientRect().height+e.scrollTop<e.scrollHeight-o)return}else if(window.innerHeight+document.documentElement.scrollTop<document.documentElement.scrollHeight-o)return;v.fetchNextPage()}},(0,r.useEffect)((function(){var e=i.q.throttle(p,200),t=v.scrollContainer||window;return v.hasMore&&t.addEventListener("scroll",e),function(){return t.removeEventListener("scroll",e)}}),[v.hasMore,v.fetchNextPage,v.scrollContainer]),(0,r.useEffect)((function(){E&&E.shouldInitialFetch&&t&&(b(),y((function(e){return e+1})))}),[null==E?void 0:E.shouldInitialFetch,t]),(0,r.useEffect)((function(){var e,t;if((null==E?void 0:E.statusCode)&&i.q.isFunction(n)){var r=+(null===(t=null===(e=E.statusCode)||void 0===e?void 0:e.toString())||void 0===t?void 0:t.substr(0,1));r!==a.k.ClientError&&r!==a.k.ServerError||n(g,E.statusCode)}}),[null==E?void 0:E.statusCode]),{items:null==E?void 0:E.items,hasMore:!!(null==E?void 0:E.nextCursor),nextCursor:null==E?void 0:E.nextCursor,isFetching:null==E?void 0:E.isFetching,totalItems:null==E?void 0:E.totalItems,hasFirstPageCompleted:null==E?void 0:E.hasFirstPageCompleted}}},87821:(e,t,n)=>{n.d(t,{p:()=>a});var r=n(110),a={userVideoHistory:function(e,t,n,a){var i="video:history",o="{gateway}/v1/users/me/watch-history";return e&&(i+=":".concat(e),o+="?cursor=".concat(e)),{key:i,url:o,formatData:function(e){return{data:e.data.map((function(e){var t=r.O.format(e.lastTimeWatched),n=r.O.format(t,"YYYY-MM-DD");return Object.assign(Object.assign({},e),{lastTimeWatched:t,lastDateWatched:n})})),pagination:e.pagination}},success:t,error:n,always:a}},videoHistory:function(e,t,n,r,a){var i=e.sort().map((function(e){return"videoId=".concat(e)}));return{key:"video:history:videos:".concat(i.join("&")),url:"{gateway}/v1/videos/history?".concat(i.join("&")),normalizeOptions:{namespace:t},formatData:function(e){return(null==e?void 0:e.length)?e.map((function(e){return{id:e.videoId,lastProgressPoint:e.lastProgressPoint}})):e},success:n,error:r,always:a}}}},89885:(e,t,n)=>{n.r(t),n.d(t,{WatchHistoryView:()=>z});var r=n(32735),a=n(70680),i=n(23481),o=n(20354),l=n(65858),c=n(71020),u=n(83345),s=n(51365),d=n(16714),f=n(94644),m=n(39151),v=n(1666),p=n(31949),h=n(1575),g=n(69883),y=n(39902),b=n(60115),E=n(22902),S=n(79612),w=n(51855),A=n(10671),k=n(27638),C=n(44110),O=n(97816),P=n(75896),x=n(110),F=n(13231),N=n(10741),j=n(22490),I=n(82431);function T(e){return T="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},T(e)}var H="watchHistory.watchHistoryVideoList";function L(e){var t=(0,E.T)().hasPermissions,n=P.m.groupBy(e.videoHistory,"lastDateWatched"),a={},o=Object.keys(n).sort().reverse();o.forEach((function(t){a[t]=n[t].map((function(t){var n=e.videos.find((function(e){return e.id.toString()===t.videoId.toString()}));return n?Object.assign(Object.assign({},n),{lastProgressPoint:t.lastProgressPoint}):null})).filter(Boolean)}));var l=o.reduce((function(e,t){var n,r,i,o,l=a[t].length,c=l+(null!==(n=e.runningTotal)&&void 0!==n?n:0);return Object.assign(Object.assign({},e),(r={runningTotal:c},o=c-l,(i=function(e){var t=function(e,t){if("object"!=T(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=T(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==T(t)?t:t+""}(i=t))in r?Object.defineProperty(r,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[i]=o,r))}),{});return r.createElement(r.Fragment,null,o.map((function(n){return a[n].length?r.createElement("div",{key:n,className:"pb-3"},r.createElement("h2",{className:"h4"},function(e){var t=x.O.timeSince(new Date(e),"day");return 0===t?i.T.getPhrase(H,"today"):1===t?i.T.getPhrase(H,"yesterday"):x.O.format(e,"Do MMMM")}(n)),r.createElement(F.E4,{videos:a[n],yearGroups:e.yearGroups,getVideoAppLink:j.W.getAppLink,getSubTextAppLink:function(e){return I.j.getSeriesAppLink(e.series)},hasPermissions:t,setFavourite:e.setFavourite,canFavourite:e.canFavourite,startingPositionIndex:l[n],presentationAudiences:e.presentationAudiences,getPreviewQuestionsAppLink:function(e){return N.j.getPreviewQuestionsAppLink(e)},imageCdnUrl:e.imageCdnUrl,isPlugin:e.isPlugin,getClassroomGuideAppLink:j.W.getClassroomGuideAppLink,getInteractiveGuidanceAppLink:j.W.getInteractiveGuidanceAppLink,getResourceGuidanceAppLink:j.W.getResourceGuidanceAppLink})):r.createElement(r.Fragment,{key:n})})))}var D=n(87821),M=n(23232),V=n(99742),R=n(14070),W=n(97291),G="watchHistory.watchHistoryEmptyState",U=i.T.encloseNamespace(G);function _(){return r.createElement(u.D.Provider,{value:G},r.createElement(M.u,null,r.createElement(M.u.Image,{src:V.W.EmptyStates.WATCH_HISTORY,altText:U("info")}),r.createElement(M.u.Heading,null,r.createElement(u.x,{phrase:"heading"})),r.createElement(M.u.Info,null,r.createElement(u.x,{phrase:"info"})),r.createElement(M.u.Cta,{text:i.T.getPhrase(G,"cta"),appLink:{application:W.O.DASHBOARD,action:R.e.Dashboard.HOME}})))}function q(){return r.createElement(u.D.Provider,{value:G},r.createElement(M.u,null,r.createElement(M.u.Image,{src:V.W.EmptyStates.WATCH_HISTORY_PUBLIC,altText:U("publicInfo")}),r.createElement(M.u.Heading,null,r.createElement(u.x,{phrase:"publicHeading"})),r.createElement(M.u.Info,null,r.createElement(u.x,{phrase:"publicInfo"})),r.createElement(M.u.Cta,{text:i.T.getPhrase(G,"publicCta"),appLink:{application:W.O.SIGN_UP,action:R.e.SignUp.SIGN_UP},analyticsData:{},analyticsOptions:{actionType:l.Vw.Click,location:l.LZ.WatchHistoryLanding,entity:l.py.AppLink,workflowPhase:l.eu.Start,descriptor:l.Yu.SignUp}})))}var B=n(74696);const Z={partialDate:"vq4eE"};function Q(){return r.createElement(r.Fragment,null,r.createElement("div",{className:"mb-3"},r.createElement("div",{className:"".concat(Z.partialDate," mb-2 partial-loading-background")}),r.createElement(B.S,{numVideos:2})),r.createElement("div",{className:"mb-3"},r.createElement("div",{className:"".concat(Z.partialDate," mb-2 partial-loading-background")}),r.createElement(B.S,{numVideos:3})),r.createElement("div",{className:"mb-3"},r.createElement("div",{className:"".concat(Z.partialDate," mb-2 partial-loading-background")}),r.createElement(B.S,{numVideos:2})),r.createElement("div",{className:"mb-3"},r.createElement("div",{className:"".concat(Z.partialDate," mb-2 partial-loading-background")}),r.createElement(B.S,{numVideos:5})))}var Y="watchHistory.watchHistory";function z(){var e,t,n;(0,S.M)({title:i.T.getPhrase(Y,"pageTitle")});var P=(0,a.I0)(),x=(0,g.Z)(),F=(0,E.T)().hasLocalPermissions,N=(0,k.u)(l.LZ.VideoThumbnail),j=N.setFavourite,I=N.canFavourite,T=(0,w.G)().isPlugin,H=o.a.useBasicFetch(p.N.currentUser()),M=(0,A._)({location:A.i.VideoItem}),V=o.a.useBasicFetch((null===(e=H.data)||void 0===e?void 0:e.isAuthenticated)&&v.h.yearGroups(H.data.customerId)),R=o.a.useBasicFetch(m.L.config()),W=function(e){return D.p.userVideoHistory(e)},G=function(e){return o.a.getFetch(P)(W(e))},U=!F(d.E.ViewWatchHistoryLanding)&&H.hasCompleted,B=(0,b.K)(!!U&&W,G,(function(e,t){if(1===e)return(0,f.r)(t);x.error(i.T.getPhrase(Y,"error"))})),Z=B.items,z=B.hasMore,$=B.isFetching,K=null!==(t=null==Z?void 0:Z.map((function(e){return e.videoId})))&&void 0!==t?t:[],J=null!==(n=(0,y.f)(K,(function(e){return h.R.watchHistoryVideos(e)})).items)&&void 0!==n?n:{},X=Object.keys(J).map((function(e){return J[e]}));(0,O.V)(X);var ee=(0,C.i)();return F(d.E.ViewWatchHistoryLanding)?r.createElement(q,null):r.createElement(u.D.Provider,{value:Y},r.createElement("div",{className:"px-3"},r.createElement("h1",{className:"h2"},r.createElement(u.x,{phrase:"heading"})),function(){var e;return Z?Z.length?X.length?r.createElement(s.M.Provider,{value:M},r.createElement(L,{videoHistory:Z,videos:X,presentationAudiences:ee.data,yearGroups:V.data,setFavourite:j,canFavourite:I,imageCdnUrl:null===(e=R.data)||void 0===e?void 0:e.imageCdnUrl,isPlugin:T}),(z||$)&&r.createElement(c._,{isFetching:$,fetchNext:G})):r.createElement(Q,null):r.createElement(_,null):r.createElement(Q,null)}()))}},44110:(e,t,n)=>{n.d(t,{i:()=>o});var r=n(20354),a=n(89454),i=n(86698),o=function(){var e=(0,i.y)({redirectOnError:!0}),t=e.activePresentation,n=e.getFallbackPresentation,o=t||n();return r.a.useBasicFetch(!!o&&a.O.presentationAudiences(o.id))}},97816:(e,t,n)=>{n.d(t,{V:()=>d});var r=n(32735),a=n(20354),i=n(21750),o=n(31949),l=n(1575),c=n(31908);function u(e,t){if(e){if("string"==typeof e)return s(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function d(e){var t,n,d=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},f=a.a.useBasicFetch(o.N.currentUser()),m=r.useRef(new Set),v=function(e){return e?Array.isArray(e)?e.filter((function(e){return!!e&&(c.M.isVideo(e)||c.M.isClip(e))})):"data"in e?e.data.filter((function(e){return!!e&&(c.M.isVideo(e)||c.M.isClip(e))})):[]:[]}(e),p=v.map((function(e){return e.id})),h=(t=r.useState([]),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}(t,n)||u(t,n)||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.")}()),g=h[0],y=h[1];r.useEffect((function(){if((null==p?void 0:p.length)&&f.hasCompleted){var e=[];p.forEach((function(t){m.current.has(t)||(e.push(t),m.current.add(t))})),e.length&&y((function(t){var n,r=[].concat(function(e){return function(e){if(Array.isArray(e))return s(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||u(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.")}()}(t),[l.R.videoMixinAssocs(e,d.flightNamespace)]);return(null===(n=f.data)||void 0===n?void 0:n.isAuthenticated)&&r.push(i.x.hasCurriculumLinks(e,null,d.flightNamespace)),r}))}}),[null==p?void 0:p.length,f.hasCompleted]),a.a.useBasicFetchAll(g)}}}]);
|
|
2
|
+
//# sourceMappingURL=1402-8c3babb6af-lite.chunk.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scripts/1402-8c3babb6af-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/components/infinite-scroll-footer/infinite-scroll-footer.scss","file:///app/packages/libs/shared/src/components/infinite-scroll-footer/InfiniteScrollFooter.tsx","file:///app/packages/libs/shared/src/components/video-list/partial-loading/partial-video-list.scss","file:///app/packages/libs/shared/src/components/video-list/partial-loading/PartialVideoList.tsx","file:///app/packages/libs/shared/src/errors/handlers/HttpErrorHandlers.ts","file:///app/packages/libs/shared/src/hooks/UseBatchFetch.ts","file:///app/packages/libs/shared/src/hooks/UseInfiniteScroll.ts","file:///app/packages/libs/shared/src/hooks/UseInfiniteList.ts","file:///app/packages/projects/lite/src/apps/watch-history/flight-requests/VideoHistoryRequests.ts","file:///app/packages/projects/lite/src/apps/watch-history/components/watch-history-video-list/WatchHistoryVideoList.tsx","file:///app/packages/projects/lite/src/apps/watch-history/views/watch-history/empty-state/WatchHistoryEmptyState.tsx","file:///app/packages/projects/lite/src/apps/watch-history/views/watch-history/partial-loading/partial-watch-history.scss","file:///app/packages/projects/lite/src/apps/watch-history/views/watch-history/partial-loading/PartialWatchHistory.tsx","file:///app/packages/projects/lite/src/apps/watch-history/views/watch-history/WatchHistoryView.tsx","file:///app/packages/projects/lite/src/shared/hooks/usePresentationAudiences.ts","file:///app/packages/projects/lite/src/shared/hooks/useVideoMixin.ts"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"container\":\"VwD1b\",\"spinner\":\"eJ85e\"};","import * as React from 'react';\nimport { Spinner } from 'react-bootstrap';\nimport { useInView } from 'react-intersection-observer';\n\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './infinite-scroll-footer.scss';\n\ninterface InfiniteScrollFooterProps {\n isFetching: boolean;\n fetchNext?: (nextCursor: string) => void;\n nextCursor?: string;\n fetchOnScroll?: boolean;\n}\n\nInfiniteScrollFooter.defaultProps = {\n fetchOnScroll: false\n};\n\nexport function InfiniteScrollFooter(props: InfiniteScrollFooterProps): React.ReactElement {\n const [ ref, inView ] = useInView();\n\n React.useEffect(() => {\n if (!props.fetchOnScroll)\n return;\n\n if (!inView || props.isFetching)\n return;\n\n props.fetchNext?.(props.nextCursor);\n }, [ inView, props.isFetching ]);\n\n return (\n <div className={`p-3 text-center ${styles.container}`} ref={ref}>\n {props.isFetching\n ? <Spinner as='span' animation='border' role='status' className={styles.spinner} />\n : (\n <SvgContainer\n svgName={cvSvgLibrary.ChevronDown}\n className='svg-container cursor-pointer'\n size={SvgContainerSize.Large}\n onClick={() => props.fetchNext?.(props.nextCursor)}\n />\n )\n }\n </div>\n );\n}","// extracted by mini-css-extract-plugin\nexport default {\"partialOptions\":\"Gufgq\",\"partialName\":\"SicQQ\",\"partialDescription\":\"dPGMq\",\"partialThumbnail\":\"vZrnb\",\"partialDragHandle\":\"iq73R\"};","import React from 'react';\nimport { Col, Row } from 'react-bootstrap';\n\nimport { VideoListHelper } from 'libs/shared/components/video-list/VideoListHelper';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\n\nimport styles from './partial-video-list.scss';\n\ninterface PartialVideoListProps {\n withReordering?: boolean;\n numVideos?: number;\n allowBulkActions?: boolean;\n}\n\nPartialVideoList.defaultProps = {\n numVideos: 15\n};\n\nexport function PartialVideoList(props: PartialVideoListProps): JSX.Element {\n return (\n <div className='mx-2'>\n {Array(props.numVideos).fill(null).map((_, i) => (\n <div className='d-flex' key={i}>\n {props.allowBulkActions && <div className='form-check pe-3 pe-sm-2 mx-0 mx-md-2' />}\n <PartialVideoItem {...props} />\n </div>\n ))}\n </div>\n );\n}\n\nexport function PartialVideoItem(props: PartialVideoListProps): JSX.Element {\n const breakpoints = useBreakpoints();\n\n const size = VideoListHelper.getSize(breakpoints, 'md');\n const isSmall = size === 'sm';\n\n const withDragHandle = props.withReordering && !breakpoints.xs;\n\n return (\n <Row className={`${isSmall ? '' : 'py-2'} flex-grow-1`}>\n <Col {...VideoListHelper.getThumbnailColumns()} className={`flex-column align-items-flex-start ${isSmall ? `pb-2 pe-1` : 'mb-1 pe-3 pe-md-2'}`}>\n <Row>\n {!!withDragHandle && (\n <div className='d-flex align-items-center justify-content-center col-2'>\n <div className={`partial-loading-background ${styles.partialDragHandle}`} />\n </div>\n )}\n <Col xs={VideoListHelper.getThumbnailColSize(withDragHandle)}>\n <div className={`partial-loading-background ${isSmall ? 'rounded' : 'rounded-3'} ${styles.partialThumbnail}`} />\n </Col>\n </Row>\n </Col>\n <Col {...VideoListHelper.getDetailsColumns()} className={isSmall ? 'pb-2' : 'px-2'}>\n <div className={`partial-loading-background mb-1 ${styles.partialName}`} />\n <div className={`partial-loading-background ${styles.partialDescription}`} />\n </Col>\n </Row>\n );\n}\n\n","import { BaseError } from 'libs/common/backbone/core/BaseError';\nimport { HttpStatus } from 'libs/common/backbone/enums/HttpStatus';\nimport { Xhr } from 'libs/common/backbone/interfaces';\nimport { Core } from 'libs/common/core';\n\nimport { NotFoundError } from 'libs/shared/errors/general/not-found/NotFoundError';\nimport { PrivateResourceError } from 'libs/shared/errors/general/private-resource/PrivateResourceError';\nimport { RegionLockedResourceError } from 'libs/shared/errors/general/region-locked-resource/RegionLockedResourceError';\nimport { UnspecifiedError } from 'libs/shared/errors/general/unspecified-error/UnspecifiedError';\nimport { VideoTypes } from 'libs/shared/interfaces';\n\nexport interface HttpErrorMap {\n notFound?: new () => BaseError;\n forbidden?: {\n rating?: new (description: string) => BaseError;\n yearLevel?: new (description: string) => BaseError;\n region?: new () => BaseError;\n privacy?: new (video?: VideoTypes) => BaseError;\n };\n badRequest?: new () => BaseError;\n}\n\nexport type IgnoreHttpErrorMap = {\n [key in keyof HttpErrorMap]: boolean;\n};\n\nconst defaultErrors: HttpErrorMap = {\n notFound: NotFoundError,\n forbidden: {\n rating: PrivateResourceError,\n yearLevel: PrivateResourceError,\n region: RegionLockedResourceError,\n privacy: PrivateResourceError\n },\n badRequest: UnspecifiedError\n};\n\nexport function handleHttpError(\n info: HttpStatus | Xhr,\n customErrorMap: HttpErrorMap = {},\n /**\n * Prevent certain errors in the errorMap from being thrown\n * so that you may implement your own handler\n */\n ignoreMap: IgnoreHttpErrorMap = {}\n): void {\n if (!info)\n return;\n\n let statusCode: HttpStatus;\n\n if (typeof(info) === 'number') {\n statusCode = info;\n } else {\n statusCode = info.status;\n }\n\n const errorMap = {\n ...defaultErrors,\n ...customErrorMap\n };\n\n if (!statusCode)\n return;\n\n if (!Core.ErrorHelper.isStatusCodeError(statusCode))\n return;\n\n if (statusCode === HttpStatus.NotFound) {\n if (!ignoreMap.notFound)\n Core.ErrorHelper.throw(new errorMap.notFound());\n return;\n }\n\n if (statusCode === HttpStatus.Forbidden) {\n /**\n * TODO: Work out how to go about handling all forbidden errors, such as region locking, year levels,\n * ratings, and privacy.\n */\n if (!ignoreMap.forbidden)\n Core.ErrorHelper.throw(new errorMap.forbidden.privacy());\n return;\n }\n\n if (!ignoreMap.badRequest)\n Core.ErrorHelper.throw(new errorMap.badRequest());\n}\n\nexport function handleXhrError(xhr: Xhr, customErrorMap?: HttpErrorMap): void {\n handleHttpError(xhr.status, customErrorMap);\n}","import React from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\n\nimport { Flight } from 'libs/common/flight';\nimport { ApplicationState, HashObject } from 'libs/common/react/interfaces';\n\nimport { BaseObject } from 'libs/shared/interfaces';\n\nexport interface UseBatchFetchResult<T extends BaseObject> {\n items: { [key: string]: T} | null;\n isFetching: boolean;\n}\n\n/**\n * Used to fetch multiple items by id with Flight. Will fetch 25 items at a time firing off multiple\n * requests if there are more than 25 items.\n * This will return items as null until we have all our items. Items will be returned as an object with\n * their ids as they key for easy mapping\n * \n * @param itemIds \n * @param getRequest \n */\nexport function useBatchFetch<T extends BaseObject>(\n itemIds: string[],\n getRequest: (ids: string[]) => Flight.Request\n): UseBatchFetchResult<T> {\n const [ idBatches, setIdBatches ] = React.useState<string[][]>([]);\n\n React.useEffect(() => {\n if (!itemIds?.length)\n return;\n\n const newBatches = [...idBatches];\n newBatches.push([]);\n\n itemIds.forEach(id => {\n if (newBatches.find(batch => batch.find(_id => _id === id)))\n return;\n\n newBatches[newBatches.length - 1].push(id);\n });\n\n setIdBatches(newBatches.filter(batch => batch.length));\n }, [itemIds ? itemIds.join(',') : null]);\n\n const dispatch = useDispatch();\n\n const state = useSelector((state: ApplicationState) => state);\n\n React.useEffect(() => {\n idBatches.forEach(idBatch => {\n const request = getRequest(idBatch);\n const response = Flight.getResponse<T[]>(state, request.key);\n\n if (response.shouldFetch)\n Flight.fetch(dispatch, request);\n });\n }, [idBatches?.length]);\n\n if (!idBatches?.length)\n return { items: null, isFetching: false };\n \n const items: { [key: string]: T} = {};\n\n /* Used locally to only return our items if we've fetched all of them */\n const responses: HashObject<Flight.Response<T[]>> = {};\n \n idBatches.forEach((idBatch, i) => {\n const request = getRequest(idBatch);\n const response = Flight.getResponse<T[]>(state, request.key);\n responses[i] = response;\n\n if (response.data)\n response.data.forEach(v => items[v.id] = v);\n });\n\n return {\n items: Object.keys(responses).some(k => !!responses[k].data) ? items : null,\n isFetching: !!Object.keys(responses).some(k => responses[k].isFetching)\n };\n}","import { useEffect } from 'react';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\n\nconst SCROLL_TOLERANCE = 400; // value in px\n\ninterface UseInfiniteScrollOptions {\n fetchNextPage: () => void;\n hasMore: boolean;\n isFetching: boolean;\n scrollContainer?: HTMLElement;\n}\n\nexport function useInfiniteScroll(options: UseInfiniteScrollOptions): void {\n const handleScroll = (): void => {\n if (options.isFetching)\n return;\n\n if (!options.scrollContainer) {\n const currentScrollHeight = window.innerHeight + document.documentElement.scrollTop;\n \n const totalHeight = document.documentElement.scrollHeight - SCROLL_TOLERANCE;\n \n if (currentScrollHeight < totalHeight)\n return;\n } else {\n const { scrollContainer } = options;\n const currentScrollHeight = scrollContainer.getBoundingClientRect().height + scrollContainer.scrollTop;\n \n const totalHeight = scrollContainer.scrollHeight - SCROLL_TOLERANCE;\n \n if (currentScrollHeight < totalHeight)\n return;\n }\n\n options.fetchNextPage();\n };\n\n useEffect(() => {\n const onScroll = FunctionHelper.throttle(handleScroll, 200);\n\n const scrollContainer = options.scrollContainer || window;\n\n if (options.hasMore)\n scrollContainer.addEventListener('scroll', onScroll);\n\n return () => scrollContainer.removeEventListener('scroll', onScroll);\n }, [ options.hasMore, options.fetchNextPage, options.scrollContainer ]);\n}","import { useEffect, useState } from 'react';\n\nimport { HttpStatus, HttpStatusClass } from 'libs/common/backbone/enums/HttpStatus';\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { Flight } from 'libs/common/flight';\n\nimport { BaseObject, BasePaginatedCollection } from 'libs/shared/interfaces';\n\nimport { useInfiniteScroll } from './UseInfiniteScroll';\nimport { useSelectAllPages } from './UseSelectAllPages';\n\nexport interface UseInfiniteListResult<T extends BaseObject> {\n items: T[];\n hasMore: boolean;\n isFetching: boolean;\n nextCursor: string;\n totalItems?: number;\n hasFirstPageCompleted: boolean;\n}\n\n/**\n * Hook to extract an infinite list from the application state,\n * save it locally in state and only update when new data\n * is fetched.\n * \n * @param getRequest - callback function to get the request for each page.\n * Can be false if the request requires data that hasn't yet been fetched - e.g. user id.\n * \n * @param fetchNext - callback function to fetch a page.\n * Can be false if the request requires data that hasn't yet been fetched - e.g. user id.\n */\nexport function useInfiniteList<TObject = BaseObject, TResponse = BasePaginatedCollection<TObject>>(\n getRequest: ((cursor?: string) => Flight.Request) | false,\n fetchNext: ((cursor?: string) => void) | false,\n onError?: (pageNumber: number, statusCode: HttpStatus) => void,\n getItems?: (responseData: TResponse) => TObject[],\n getCursor?: (responseData: TResponse) => string,\n scrollContainer?: HTMLElement\n): UseInfiniteListResult<TObject> {\n const [ pagesFetched, setPagesFetched ] = useState(0);\n\n const fetchNextFn = fetchNext as (cursor?: string) => void;\n\n function getKey(cursor?: string): string {\n if (!getRequest)\n return null;\n\n const request = getRequest(cursor);\n\n if (!request)\n return null;\n\n return request.key;\n }\n\n const response = useSelectAllPages<TObject, TResponse>(\n getKey,\n getItems,\n getCursor\n );\n\n function fetchNextPage(): void {\n if (!fetchNext || !getRequest || !response)\n return;\n\n setPagesFetched(currentVal => currentVal + 1);\n return fetchNextFn(response.nextCursor);\n }\n\n useInfiniteScroll({\n fetchNextPage,\n hasMore: !!response?.nextCursor,\n isFetching: response?.isFetching,\n scrollContainer\n });\n\n useEffect(() => {\n if (!response)\n return;\n\n if (response.shouldInitialFetch && fetchNext) {\n fetchNextFn();\n setPagesFetched(currentVal => currentVal + 1);\n }\n }, [ response?.shouldInitialFetch, fetchNext ]);\n\n useEffect(() => {\n if (!response?.statusCode || !FunctionHelper.isFunction(onError))\n return;\n\n const httpStatusClass: HttpStatusClass = +(response.statusCode?.toString()?.substr(0, 1));\n\n if (httpStatusClass !== HttpStatusClass.ClientError && httpStatusClass !== HttpStatusClass.ServerError)\n return;\n\n onError(pagesFetched, response.statusCode);\n }, [response?.statusCode]);\n\n return {\n items: response?.items,\n hasMore: !!response?.nextCursor,\n nextCursor: response?.nextCursor,\n isFetching: response?.isFetching,\n totalItems: response?.totalItems,\n hasFirstPageCompleted: response?.hasFirstPageCompleted\n };\n}","\nimport { Xhr } from 'libs/common/backbone/interfaces';\nimport { Flight } from 'libs/common/flight';\nimport { HashObject } from 'libs/common/react/interfaces';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\n\nimport { VideoHistoryCollection } from 'libs/shared/interfaces';\n\nexport const VideoHistoryRequests = {\n userVideoHistory(\n cursor?: string,\n success?: (data: HashObject) => void,\n error?: (Xhr: Xhr) => void,\n always?: () => void\n ): Flight.Request {\n let key = 'video:history';\n let url = `{gateway}/v1/users/me/watch-history`;\n\n if (cursor) {\n key += `:${cursor}`;\n url += `?cursor=${cursor}`;\n }\n\n return {\n key,\n url,\n formatData: (historyCollection: VideoHistoryCollection) => {\n return {\n data: historyCollection.data.map(historyData => {\n // Convert last watched times from UTC to local time\n const lastTimeWatchedLocal = DateHelper.format(historyData.lastTimeWatched);\n const lastDateWatchedLocal = DateHelper.format(lastTimeWatchedLocal, 'YYYY-MM-DD');\n\n return {\n ...historyData,\n lastTimeWatched: lastTimeWatchedLocal,\n lastDateWatched: lastDateWatchedLocal\n };\n }),\n pagination: historyCollection.pagination\n };\n },\n success,\n error,\n always\n };\n },\n\n videoHistory(\n ids: string[],\n namespace?: string,\n success?: (data: HashObject) => void,\n error?: (Xhr: Xhr) => void,\n always?: () => void\n ): Flight.Request {\n const params = ids.sort().map(i => `videoId=${i}`);\n\n return {\n key: `video:history:videos:${params.join('&')}`,\n url: `{gateway}/v1/videos/history?${params.join('&')}`,\n normalizeOptions: {\n namespace\n },\n formatData: (historyCollection: HashObject[]) => {\n if (!historyCollection?.length)\n return historyCollection;\n\n /**\n * Data is formatted to enable it to be merged with the existing video object in the store\n * Where we need to merge more history properties with the video object, map them below.\n */\n return historyCollection.map((watchHistory: HashObject) => ({\n id: watchHistory.videoId,\n lastProgressPoint: watchHistory.lastProgressPoint\n }));\n },\n success,\n error,\n always\n };\n }\n};","import * as React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { HashObject } from 'libs/common/react/interfaces';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\n\nimport { VideoList } from 'libs/shared/components/video-list/VideoList';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { CanFavouriteFunc, FavouriteFunc, PresentationAudience, VideoHistory, VideoTypes, YearGroup } from 'libs/shared/interfaces';\n\nimport { InteractiveHelpers } from 'shared/utils/InteractiveHelper';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nimport { SeriesAppLinkHelper } from 'apps/series/SeriesAppLinkHelper';\n\nconst namespace = 'watchHistory.watchHistoryVideoList';\n\nfunction formatDate(date: string): string {\n const diff = DateHelper.timeSince(new Date(date), 'day');\n\n if (diff === 0)\n return LanguageService.getPhrase(namespace, 'today');\n\n if (diff === 1)\n return LanguageService.getPhrase(namespace, 'yesterday');\n\n return DateHelper.format(date, 'Do MMMM');\n}\n\ninterface WatchHistoryVideoListProps {\n videoHistory: VideoHistory[];\n videos: VideoTypes[];\n yearGroups: YearGroup[];\n setFavourite: FavouriteFunc;\n canFavourite: CanFavouriteFunc;\n presentationAudiences?: PresentationAudience[];\n imageCdnUrl?: string;\n isPlugin: boolean;\n}\n\nexport function WatchHistoryVideoList(props: WatchHistoryVideoListProps): JSX.Element {\n const { hasPermissions } = usePermissions();\n\n const historyGroups = ArrayHelper.groupBy(props.videoHistory, 'lastDateWatched');\n\n const videoGroups: { [index: string]: VideoTypes[] } = {};\n\n const sortedDates = Object.keys(historyGroups).sort().reverse();\n\n // Map video history to video objects and mixin lastProgressPoint\n sortedDates.forEach(date => {\n videoGroups[date] = historyGroups[date].map(history => {\n const video = props.videos.find(v => v.id.toString() === history.videoId.toString());\n\n if (!video)\n return null;\n\n return {\n ...video,\n lastProgressPoint: history.lastProgressPoint\n };\n }).filter(Boolean);\n });\n\n const sortedDatesGroupCount = sortedDates.reduce((dateCounts: HashObject, currentDate: string) => {\n const dateTotal = videoGroups[currentDate].length;\n const runningTotal = dateTotal + (dateCounts.runningTotal ?? 0);\n\n return {\n ...dateCounts,\n runningTotal,\n [currentDate]: runningTotal - dateTotal\n };\n }, {});\n\n return (\n <>\n {sortedDates.map(date => {\n // TODO: Fix bug where watch history endpoint returns workspace videos that cannot be fetched/displayed.\n // This is caused by 1 user sharing their workspace video with another user.\n if (!videoGroups[date].length)\n return <React.Fragment key={date}></React.Fragment>;\n\n return (\n <div key={date} className='pb-3'>\n <h2 className='h4'>{formatDate(date)}</h2>\n <VideoList\n videos={videoGroups[date]}\n yearGroups={props.yearGroups}\n getVideoAppLink={VideoAppLinkHelper.getAppLink}\n getSubTextAppLink={video => SeriesAppLinkHelper.getSeriesAppLink(video.series)}\n hasPermissions={hasPermissions}\n setFavourite={props.setFavourite}\n canFavourite={props.canFavourite}\n startingPositionIndex={sortedDatesGroupCount[date]}\n presentationAudiences={props.presentationAudiences}\n getPreviewQuestionsAppLink={interactive => InteractiveHelpers.getPreviewQuestionsAppLink(interactive)}\n imageCdnUrl={props.imageCdnUrl}\n isPlugin={props.isPlugin}\n getClassroomGuideAppLink={VideoAppLinkHelper.getClassroomGuideAppLink}\n getInteractiveGuidanceAppLink={VideoAppLinkHelper.getInteractiveGuidanceAppLink}\n getResourceGuidanceAppLink={VideoAppLinkHelper.getResourceGuidanceAppLink}\n />\n </div>\n );\n })}\n </>\n );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { EntityType, LocationContext, SignUpDescriptors, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\nimport { LanguageNamespaceContext, Text } from 'libs/shared/components/text/Text';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nconst namespace = 'watchHistory.watchHistoryEmptyState';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport function WatchHistoryEmptyState(): JSX.Element {\n return (\n <LanguageNamespaceContext.Provider value={namespace}>\n <EmptyState>\n <EmptyState.Image src={ImageUrls.EmptyStates.WATCH_HISTORY} altText={getPhrase('info')} />\n\n <EmptyState.Heading><Text phrase='heading' /></EmptyState.Heading>\n <EmptyState.Info><Text phrase='info' /></EmptyState.Info>\n\n <EmptyState.Cta\n text={LanguageService.getPhrase(namespace, 'cta')}\n appLink={{\n application: AppChannels.DASHBOARD,\n action: Actions.Dashboard.HOME\n }}\n />\n </EmptyState>\n </LanguageNamespaceContext.Provider>\n );\n}\n\nexport function WatchHistoryPublicEmptyState(): JSX.Element {\n return (\n <LanguageNamespaceContext.Provider value={namespace}>\n <EmptyState>\n <EmptyState.Image src={ImageUrls.EmptyStates.WATCH_HISTORY_PUBLIC} altText={getPhrase('publicInfo')}/>\n <EmptyState.Heading><Text phrase='publicHeading' /></EmptyState.Heading>\n <EmptyState.Info><Text phrase='publicInfo' /></EmptyState.Info>\n <EmptyState.Cta\n text={LanguageService.getPhrase(namespace, 'publicCta')}\n appLink={{\n application: AppChannels.SIGN_UP,\n action: Actions.SignUp.SIGN_UP\n }}\n analyticsData={{}}\n analyticsOptions={{\n actionType: UserAction.Click,\n location: LocationContext.WatchHistoryLanding,\n entity: EntityType.AppLink,\n workflowPhase: WorkflowPhase.Start,\n descriptor: SignUpDescriptors.SignUp\n }}\n />\n </EmptyState>\n </LanguageNamespaceContext.Provider>\n );\n}","// extracted by mini-css-extract-plugin\nexport default {\"partialDate\":\"vq4eE\"};","import React from 'react';\n\nimport { PartialVideoList } from 'libs/shared/components/video-list/partial-loading/PartialVideoList';\n\nimport styles from './partial-watch-history.scss';\n\nexport function PartialWatchHistory(): JSX.Element {\n return (\n <>\n <div className='mb-3'>\n <div className={`${styles.partialDate} mb-2 partial-loading-background`} />\n <PartialVideoList numVideos={2} />\n </div>\n\n <div className='mb-3'>\n <div className={`${styles.partialDate} mb-2 partial-loading-background`} />\n <PartialVideoList numVideos={3} />\n </div>\n\n <div className='mb-3'>\n <div className={`${styles.partialDate} mb-2 partial-loading-background`} />\n <PartialVideoList numVideos={2} />\n </div>\n\n <div className='mb-3'>\n <div className={`${styles.partialDate} mb-2 partial-loading-background`} />\n <PartialVideoList numVideos={5} />\n </div>\n </>\n );\n}","import * as React from 'react';\nimport { useDispatch } from 'react-redux';\n\nimport { HttpStatus } from 'libs/common/backbone/enums/HttpStatus';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { InfiniteScrollFooter } from 'libs/shared/components/infinite-scroll-footer/InfiniteScrollFooter';\nimport { LanguageNamespaceContext, Text } from 'libs/shared/components/text/Text';\nimport { VideoActionsContext } from 'libs/shared/context/VideoActionsContext';\nimport { LocalPermissionName } from 'libs/shared/enums/PermissionName';\nimport { handleHttpError } from 'libs/shared/errors/handlers/HttpErrorHandlers';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { useBatchFetch } from 'libs/shared/hooks/UseBatchFetch';\nimport { useInfiniteList } from 'libs/shared/hooks/UseInfiniteList';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Config, CurrentUser, VideoHistory, YearGroup } from 'libs/shared/interfaces';\n\nimport { usePluginHelper } from 'shared/hooks/use-plugin-helper/usePluginHelper';\nimport { useVideoActions, VideoActionsLocation } from 'shared/hooks/use-video-actions/useVideoActions';\nimport { useLiteFavourites } from 'shared/hooks/useLiteFavourites';\nimport { usePresentationAudiences } from 'shared/hooks/usePresentationAudiences';\nimport { useVideoMixin } from 'shared/hooks/useVideoMixin';\n\nimport { WatchHistoryVideoList } from 'apps/watch-history/components/watch-history-video-list/WatchHistoryVideoList';\nimport { VideoHistoryRequests } from 'apps/watch-history/flight-requests/VideoHistoryRequests';\n\nimport { WatchHistoryEmptyState, WatchHistoryPublicEmptyState } from './empty-state/WatchHistoryEmptyState';\nimport { PartialWatchHistory } from './partial-loading/PartialWatchHistory';\n\nconst namespace = 'watchHistory.watchHistory';\n\nexport function WatchHistoryView(): JSX.Element {\n useSetPageMetadata({ title: LanguageService.getPhrase(namespace, 'pageTitle') });\n const dispatch = useDispatch();\n const alerts = useAlerts();\n const { hasLocalPermissions } = usePermissions();\n\n const { setFavourite, canFavourite } = useLiteFavourites(LocationContext.VideoThumbnail);\n const { isPlugin } = usePluginHelper();\n const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n const videoActions = useVideoActions({ location: VideoActionsLocation.VideoItem });\n const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n currentUser.data?.isAuthenticated && CustomerRequests.yearGroups(currentUser.data.customerId)\n );\n const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n const getUserVideoHistoryRequest = (cursor?: string) => {\n return VideoHistoryRequests.userVideoHistory(cursor);\n };\n\n const fetchNext = (cursor?: string) => {\n return Flight.getFetch(dispatch)(getUserVideoHistoryRequest(cursor));\n };\n\n const shouldFetch = !hasLocalPermissions(LocalPermissionName.ViewWatchHistoryLanding) && currentUser.hasCompleted;\n\n const {\n items: videoHistory,\n hasMore,\n isFetching\n } = useInfiniteList<VideoHistory>(shouldFetch ? getUserVideoHistoryRequest : false, fetchNext, onError);\n\n function onError(pageNumber: number, httpStatus: HttpStatus): void {\n if (pageNumber === 1)\n return handleHttpError(httpStatus);\n\n alerts.error(LanguageService.getPhrase(namespace, 'error'));\n }\n\n const videoIds = videoHistory?.map(v => v.videoId) ?? [];\n\n const videosFetchResult = useBatchFetch(videoIds, (ids: string[]) => {\n return VideoRequests.watchHistoryVideos(ids);\n });\n\n const videosMap = videosFetchResult.items ?? {};\n\n const videos = Object.keys(videosMap).map(id => videosMap[id]);\n\n useVideoMixin(videos);\n \n const audiences = usePresentationAudiences();\n\n if (hasLocalPermissions(LocalPermissionName.ViewWatchHistoryLanding))\n return <WatchHistoryPublicEmptyState />;\n\n return (\n <LanguageNamespaceContext.Provider value={namespace}>\n <div className='px-3'>\n <h1 className='h2'><Text phrase='heading' /></h1>\n {(() => {\n if (!videoHistory)\n return <PartialWatchHistory />;\n\n if (!videoHistory.length)\n return <WatchHistoryEmptyState />;\n\n if (!videos.length)\n return <PartialWatchHistory />;\n\n return (\n <VideoActionsContext.Provider value={videoActions}>\n <WatchHistoryVideoList\n videoHistory={videoHistory}\n videos={videos}\n presentationAudiences={audiences.data}\n yearGroups={yearGroups.data}\n setFavourite={setFavourite}\n canFavourite={canFavourite}\n imageCdnUrl={config.data?.imageCdnUrl}\n isPlugin={isPlugin}\n />\n {(hasMore || isFetching) && <InfiniteScrollFooter isFetching={isFetching} fetchNext={fetchNext} />}\n </VideoActionsContext.Provider>\n );\n })()}\n </div>\n </LanguageNamespaceContext.Provider>\n );\n}","import { Flight } from 'libs/common/react/index';\n\nimport { AudienceRequests } from 'libs/shared/flight-requests/AudienceRequests';\nimport { PresentationAudience } from 'libs/shared/interfaces';\n\nimport { usePresentation } from 'shared/hooks/usePresentation';\n\nexport const usePresentationAudiences = () => {\n const { activePresentation, getFallbackPresentation } = usePresentation({ redirectOnError: true });\n\n const presentation = activePresentation || getFallbackPresentation();\n\n const audiences = Flight.useBasicFetch<PresentationAudience[]>(\n !!presentation &&\n AudienceRequests.presentationAudiences(presentation.id)\n );\n\n return audiences;\n};","import React from 'react';\n\nimport { Flight } from 'libs/common/flight';\n\nimport { ClassificationRequests } from 'libs/shared/flight-requests/ClassificationRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { Clip, ClipCollection, CurrentUser, Video, VideoCollection } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\ntype Types = Video[] | VideoCollection | Clip[] | ClipCollection;\n\nfunction getValidObjects(objects: Types): (Video | Clip)[] {\n if (!objects)\n return [];\n\n if (Array.isArray(objects))\n return objects.filter(o => !!o && (VideoHelper.isVideo(o) || VideoHelper.isClip(o)));\n\n if ('data' in objects)\n return objects.data.filter(o => !!o && (VideoHelper.isVideo(o) || VideoHelper.isClip(o)));\n\n return [];\n}\n\ninterface VideoMixinOptions {\n /**\n * If the videos that are having new data mixed into are sitting on an explicit Flight namespace,\n * providing that namespace here is required\n */\n flightNamespace?: string;\n}\n\nexport function useVideoMixin(objects: Types, options: VideoMixinOptions = {}): void {\n const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n\n const hydratedVideos = React.useRef<Set<string>>(new Set<string>());\n\n const videos = getValidObjects(objects);\n\n const videoIds = videos.map(v => v.id);\n\n const [ request, setRequest ] = React.useState<Flight.Request[]>([]);\n\n React.useEffect(() => {\n if (!videoIds?.length || !currentUser.hasCompleted)\n return;\n\n const unhydratedVideos: string[] = [];\n\n videoIds.forEach(id => {\n if (!hydratedVideos.current.has(id)) {\n unhydratedVideos.push(id);\n hydratedVideos.current.add(id);\n }\n });\n \n if (!unhydratedVideos.length)\n return;\n\n setRequest(r => {\n const newRequests = [\n ...r,\n VideoRequests.videoMixinAssocs(unhydratedVideos, options.flightNamespace)\n ];\n\n if (currentUser.data?.isAuthenticated)\n newRequests.push(ClassificationRequests.hasCurriculumLinks(unhydratedVideos, null, options.flightNamespace));\n\n return newRequests;\n });\n }, [ videoIds?.length, currentUser.hasCompleted ]);\n\n Flight.useBasicFetchAll(request);\n}"],"names":["InfiniteScrollFooter","props","ref","inView","fetchOnScroll","isFetching","fetchNext","nextCursor","className","Spinner","as","animation","role","SvgContainer","svgName","size","S","onClick","defaultProps","PartialVideoList","Array","numVideos","fill","map","_","i","key","allowBulkActions","PartialVideoItem","breakpoints","useBreakpoints","isSmall","VideoListHelper","withDragHandle","withReordering","xs","Row","Col","defaultErrors","notFound","forbidden","rating","yearLevel","region","privacy","badRequest","handleHttpError","info","customErrorMap","ignoreMap","statusCode","status","errorMap","useBatchFetch","itemIds","getRequest","idBatches","setIdBatches","length","newBatches","push","forEach","id","find","batch","_id","filter","join","dispatch","state","idBatch","request","shouldFetch","items","responses","response","data","v","Object","keys","some","k","SCROLL_TOLERANCE","useInfiniteList","onError","getItems","getCursor","scrollContainer","options","handleScroll","useState","pagesFetched","setPagesFetched","fetchNextFn","cursor","fetchNextPage","currentVal","hasMore","getBoundingClientRect","height","scrollTop","scrollHeight","window","innerHeight","document","documentElement","useEffect","onScroll","FunctionHelper","addEventListener","removeEventListener","shouldInitialFetch","httpStatusClass","toString","substr","HttpStatus","totalItems","hasFirstPageCompleted","VideoHistoryRequests","userVideoHistory","success","error","always","url","formatData","historyCollection","historyData","lastTimeWatchedLocal","lastTimeWatched","lastDateWatchedLocal","lastDateWatched","pagination","videoHistory","ids","namespace","params","sort","normalizeOptions","watchHistory","videoId","lastProgressPoint","WatchHistoryVideoList","hasPermissions","usePermissions","historyGroups","ArrayHelper","videoGroups","sortedDates","reverse","date","history","video","videos","Boolean","sortedDatesGroupCount","reduce","dateCounts","currentDate","dateTotal","runningTotal","diff","DateHelper","Date","LanguageService","formatDate","VideoList","yearGroups","getVideoAppLink","VideoAppLinkHelper","getSubTextAppLink","SeriesAppLinkHelper","series","setFavourite","canFavourite","startingPositionIndex","presentationAudiences","getPreviewQuestionsAppLink","interactive","InteractiveHelper","imageCdnUrl","isPlugin","getClassroomGuideAppLink","getInteractiveGuidanceAppLink","getResourceGuidanceAppLink","getPhrase","WatchHistoryEmptyState","value","EmptyState","src","ImageUrls","altText","Text","phrase","text","appLink","application","action","WatchHistoryPublicEmptyState","analyticsData","analyticsOptions","actionType","location","entity","workflowPhase","descriptor","SignUp","PartialWatchHistory","WatchHistoryView","useSetPageMetadata","title","alerts","hasLocalPermissions","useLiteFavourites","u","usePluginHelper","currentUser","UserRequests","videoActions","useVideoActions","isAuthenticated","CustomerRequests","customerId","config","ConfigRequests","getUserVideoHistoryRequest","hasCompleted","pageNumber","httpStatus","videoIds","videosMap","VideoRequests","useVideoMixin","audiences","usePresentationAudiences","VideoActionsContext","redirectOnError","activePresentation","getFallbackPresentation","presentation","objects","hydratedVideos","Set","isArray","o","getValidObjects","setRequest","unhydratedVideos","current","has","add","r","newRequests","flightNamespace"],"sourceRoot":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[1518],{88513:(e,t,n)=>{n.d(t,{B:()=>u});var a=n(32735),i=n(23481),r=n(65858),s=n(36848);const o={seeMore:"yv0FS"};var c=i.T.encloseNamespace("shared.widgetHeader");function l(e){return a.createElement("div",{className:"ms-3 ".concat(o.seeMore)},a.createElement(s.F,{appLink:e.appLink,analyticsData:e.analyticsData,analyticsOptions:Object.assign(Object.assign({},e.analyticsOptions),{descriptor:r._S.SeeMore}),className:"text-decoration-none ".concat(e.appLink?"curated-widget-link":"")},a.createElement("p",{className:"hover-text-underline text-dark curated-widget-heading"},c("seeMore"))))}function u(e){var t=!!e.description;return e.name||e.description?a.createElement("div",{className:"curated-widget-header"},a.createElement("div",{className:"d-flex justify-content-between"},!!e.name&&a.createElement("div",{className:o.title},a.createElement(s.F,{appLink:e.appLink,analyticsOptions:e.analyticsOptions,analyticsData:e.analyticsData,className:"text-decoration-none ".concat(e.appLink?"curated-widget-link":""),onClick:e.onClick},a.createElement("h2",{className:"h4 curated-widget-heading"},e.name))),!!e.appLink&&!t&&!!e.showSeeMoreLink&&a.createElement(l,Object.assign({},e))),t&&a.createElement("div",{className:"d-flex justify-content-between align-items-end"},a.createElement("p",{className:"description curated-widget-description ".concat(o.description)},a.createElement("span",null,e.description)),!!e.appLink&&!!e.showSeeMoreLink&&a.createElement(l,Object.assign({},e)))):a.createElement(a.Fragment,null)}},55827:(e,t,n)=>{n.d(t,{l:()=>i});var a=n(32735);function i(e){return e.hideDescription&&e.hideHeading?a.createElement(a.Fragment,null):a.createElement("div",{className:"curated-widget-header"},!e.hideHeading&&a.createElement("div",{className:"partial-loading-background curated-widget-heading",style:{height:"1.5rem",width:"12rem"}}),!e.hideDescription&&a.createElement("div",{className:"partial-loading-background curated-widget-description",style:{height:"1.434375rem",width:"16rem"}}))}},5281:(e,t,n)=>{n.d(t,{k:()=>O,x:()=>N});var a=n(32735),i=n(23481),r=n(91967),s=n(82182),o=n(81886),c=n(49985),l=n(88513),u=n(43872),d=n(16930),m=n(31069),f=n(54610),p=n(10841),v=n(79967),g=n(49439),h=n(65294),b=n(40424),y=n(49542),x=n(61871),E=n(92644),w=n(31309),k=n(19720);function C(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,i,r,s,o=[],c=!0,l=!1;try{if(r=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(a=r.call(n)).done)&&(o.push(a.value),o.length!==t);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=n.return&&(s=n.return(),Object(s)!==s))return}finally{if(l)throw i}}return o}}(e,t)||function(e,t){if(e){if("string"==typeof e)return I(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?I(e,t):void 0}}(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 I(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var A="shared.fixedWidget",N=12;function O(e){var t,n=e.analyticsData,I=void 0===n?{}:n,O=e.getWidgetItemAnalyticsData,S=void 0===O?function(){}:O,j=C(a.useState(null),2),z=j[0],D=j[1],L=C(a.useState(null),2),P=L[0],R=L[1],T=C(a.useState(0),2),B=T[0],M=T[1],F=C(a.useReducer(x.CU,x.eS,x.m0),2),V=F[0],U=F[1],W=a.useRef(null),G=C((0,g.X)(),2),H=G[0],Z=G[1],_=C(a.useState(!1),2),$=_[0],q=_[1],J=C(a.useState(!1),2),Q=J[0],X=J[1];(0,E.iV)(e.controlsRef,U);var K=(0,h.Y)({prevent:!e.lazyLoad}),Y=K.ref,ee=K.inView,te=(0,E.$5)(e,U,ee);function ne(t){var n,a=e.prefetched?e.collection:te.data;if(!a)return[];var i=r.q.isFunction(e.setData)?e.setData(a):a;return null!==(n=null==i?void 0:i.slice(0,t))&&void 0!==n?n:[]}var ae=ne(e.limitTotalItems?N:1/0),ie=V.offset===ae.length,re=(0,v.k)();function se(){return"scroll"===e.touchBehavior&&s.V.isTabletOrMobile()}a.useEffect((function(){U({type:p.n.Resize,payload:{breakpoints:re}})}),[re]),a.useEffect((function(){if(e.prefetched){var t=e.type;t===b.l9.ResourcesTile&&(t=b.l9.Row),U({type:p.n.Init,payload:{breakpoints:re,type:t,contents:e.contents,totalItems:ae.length}})}}),[null===(t=e.collection)||void 0===t?void 0:t.length,e.prefetched]);var oe={type:V.type,collectionSize:ae.length,contents:e.contents},ce=(0,E.lv)(e,(null==te?void 0:te.data)||e.collection);if(null==te?void 0:te.hasError)return a.createElement(a.Fragment,null);if(!e.prefetched&&!(null==te?void 0:te.data)){var le=e.partialComponent||w.j;return a.createElement("div",{ref:Y},a.createElement(le,null))}if(!ae.length||ae.length<e.minimumItemCount)return a.createElement(a.Fragment,null);var ue=e.childComponent,de=function(t){return Object.assign({id:null==ce?void 0:ce.id,name:null==ce?void 0:ce.name,direction:t===p.n.Next?"right":"left"},e.analyticsData)},me=!(!e.appLink||!ie)&&!!e.limitTotalItems&&ne(1/0).length>ae.length,fe=se()||e.hideButtons,pe=V.offset===V.viewableItems,ve=ae.length<=V.offset,ge=V.viewableItems<ae.length;return a.createElement("div",{className:"mx-n4 mb-n3"},a.createElement("div",{className:se()?"pb-3 overflow-hidden":"px-4 pb-3 overflow-hidden"},!e.hideName&&a.createElement("div",{className:se()?"px-4":""},a.createElement(l.B,{name:ce.name,description:ce.description,appLink:(0,E.LU)(e.appLink,ce),onClick:e.onClick,analyticsData:Object.assign({id:null==ce?void 0:ce.id,name:null==ce?void 0:ce.name},e.analyticsData),analyticsOptions:y.d.getSliderHeadingAnalyticsOptions(),showSeeMoreLink:ge})),a.createElement("div",{ref:H,className:"position-relative mx-n1 ".concat(se()?"".concat(k.Z.mobileScroll," px-4"):""," ").concat(e.hideBleedingContent?"overflow-hidden-x":"")},!fe&&a.createElement(a.Fragment,null,!e.hideBleedingContent&&!$&&!pe&&a.createElement("div",{className:k.Z.leftOverflowGradient}),a.createElement(d.W,{direction:d.f.Left,onClick:function(){U({type:p.n.Previous}),c.k.logUserAction(de(p.n.Previous),y.d.getSliderAnalyticsOptions()),r.q.isFunction(e.onPrevious)&&e.onPrevious()},hide:!!e.hideButtons||(0,E.yZ)($,Z,V.offset,V.viewableItems,ae.length),contents:e.contents,className:e.leftWidgetButtonClassName,hideExtendedClickableArea:e.hideExtendedClickableArea,state:V})),a.createElement(u.V,{position:V.position,positionType:m.C.Percentage,onTouchMove:"drag"===e.touchBehavior&&(0,E.p$)(V,W,P,R,z,D,M),onTouchEnd:"drag"===e.touchBehavior&&(0,E.mE)(W,D,B,M,U,e.onNext,e.onPrevious),ref:W,percentageDragged:B},ae.map((function(t,n){return a.createElement(ue,Object.assign({key:"".concat(t.id,":").concat(n),data:t,collectionAppLink:e.appLink,getAppLink:e.getChildAppLink?function(){return e.getChildAppLink(t)}:function(){return null},context:oe,preloadImage:(0,E.eM)(V,ae)(t),thumbnailSize:e.thumbnailSize||f.h2.Medium,analyticsData:Object.assign(Object.assign({widgetId:ce.id,widgetName:ce.name,itemIndex:n},I),S(t)),analyticsOptions:Object.assign(Object.assign({},e.analyticsOptions),y.d.getSliderItemAnalyticsOptions()),onHover:function(e){se()||window.setTimeout((function(){!function(e,t){if(ae.length===V.viewableItems)return q(e),void X(e);t+1!==ae.length?0!==t?(t+1-V.offset%V.viewableItems)%V.viewableItems!=0?(t-V.offset%V.viewableItems)%V.viewableItems!=0||q(e):X(e):q(e):X(e)}(e,n)}),e?0:200)}},e.extraChildComponentProps))})),se()&&a.createElement("div",{className:"ps-4"})),!fe&&a.createElement(a.Fragment,null,a.createElement(d.W,{direction:d.f.Right,onClick:function(){me?o.Q.C$.trigger((0,E.LU)(e.appLink,ce)):(U({type:p.n.Next}),c.k.logUserAction(de(p.n.Next),y.d.getSliderAnalyticsOptions()),r.q.isFunction(e.onNext)&&e.onNext())},hide:!!e.hideButtons||(0,E.DK)(Q,Z,V.offset,V.viewableItems,ae.length,me),contents:e.contents,hoverText:me&&i.T.getPhrase(A,"seeMore"),className:e.rightWidgetButtonClassName,hideExtendedClickableArea:e.hideExtendedClickableArea,state:V}),!e.hideBleedingContent&&!Q&&!ve&&a.createElement("div",{className:k.Z.rightOverflowGradient})))))}O.defaultProps={type:b.l9.Row,minimumItemCount:0,extraChildComponentProps:{},touchBehavior:"scroll"}},61871:(e,t,n)=>{n.d(t,{CU:()=>l,eS:()=>s,m0:()=>u});var a=n(10841),i=n(40424),r=n(92644),s={offset:0,viewableItems:4,position:0,totalItems:0,contents:null,type:i.l9.Row},o=function(e){var t=e.viewableItems,n=e.offset,a=e.position,i=e.totalItems-n;return i%t==0||i>t?{position:a-100,offset:n+t}:i<t?{position:a-i/t*100,offset:n+i}:{position:a,offset:n}},c=function(e){var t=e.viewableItems,n=e.offset,a=e.position,i=n-t;return i%t==0||i>t?{position:a+100,offset:n-t}:i<t?{position:a+i/t*100,offset:n-i}:{position:a,offset:n}};function l(e,t){var n=t.type,i=t.payload,s=void 0===i?{}:i;switch(n){case a.n.Next:return Object.assign(Object.assign({},e),o(e));case a.n.Previous:return Object.assign(Object.assign({},e),c(e));case a.n.JumpToIndex:return Object.assign(Object.assign({},e),{offset:s.offset,position:-100*(s.offset-1)});case a.n.Resize:var l=(0,r.Wl)(e.contents)(s.breakpoints,e.type,e.totalItems);return Object.assign(Object.assign({},e),{position:0,offset:l,viewableItems:l});case a.n.Init:var d=(0,r.Wl)(s.contents)(s.breakpoints,s.type,s.totalItems);return u(Object.assign(Object.assign({},e),{offset:d,viewableItems:d,type:s.type,contents:s.contents,totalItems:s.totalItems,position:0}));case a.n.Update:return Object.assign(Object.assign({},e),{totalItems:s.totalItems});default:return e}}function u(e){return Object.assign(Object.assign({},s),e)}},92644:(e,t,n)=>{n.d(t,{$5:()=>m,DK:()=>M,LU:()=>p,Wl:()=>g,eM:()=>f,iV:()=>F,lv:()=>v,mE:()=>T,p$:()=>P,yZ:()=>B});var a=n(32735),i=n(91967),r=n(1048),s=n(28400),o=n(58704),c=n(10841),l=n(79967),u=n(40424),d=n(5281);function m(e,t,n){var s,o=e.collection;o&&!r.t.isEmpty(o)||e.prefetched||(s=e.fetch(n),o=s.data);var m=i.q.isFunction(e.setData)&&o?e.setData(o):o,f=m,p=(0,l.k)();return a.useEffect((function(){if(o&&!r.t.isEmpty(o)){e.limitTotalItems&&(f=m.length>d.x?m.slice(0,d.x):m);var n=e.type;n===u.l9.ResourcesTile&&(n=u.l9.Row),t({type:c.n.Init,payload:{totalItems:f.length,breakpoints:p,type:n,contents:e.contents}})}}),[null==m?void 0:m.length]),s}function f(e,t){for(var n=e.offset,a=e.viewableItems,i=n,r=[],s=0;s<i+a;s++)r.push(s);return function(e){var n=t.indexOf(e);return r.includes(n)}}function p(e,t){if(e)return Object.assign(Object.assign({},e),{args:e.args||[t.id,s.m.slugify(t.name)]})}function v(e,t){var n=e.name,a=e.description,i={};return Array.isArray(t)?{name:n,description:a}:(e.name&&(i.name=n),e.description&&(i.description=a),Object.assign(Object.assign({},t),i))}function g(e){switch(e){case o.z.Playlists:return h;case o.z.Videos:return x;case o.z.RecentActivities:return E;case o.z.FeedVideos:return w;case o.z.Subjects:return k;case o.z.InteractivesV2:return A;case o.z.Interactives:return C;case o.z.ClipsV2:return N;case o.z.Clips:return I;case o.z.PlayPageResources:return O;case o.z.PlayPageResourcesV2:return S;case o.z.DashboardResources:return x;case o.z.Libraries:case o.z.Folders:return y;case o.z.Ratings:return D;case o.z.SpecialEvents:return L;case o.z.Companies:return b;case o.z.SmallSeries:return z;case o.z.Series:default:return j}}function h(e,t,n){var a=5;return e.xs?a=2:e.sm?a=3:e.md&&(a=4),n<a&&(a=n),a}function b(e,t,n){var a=8;return e.xs||e.sm?a=4:e.md&&(a=6),n<a&&(a=n),a}function y(e,t,n){var a=3;return e.xs||e.sm?a=1:e.md?a=2:e.lg&&(a=3),n<a&&(a=n),a}function x(e,t,n){var a=4;return e.xs&&(a=1),e.sm&&(a=2),(e.md||e.lg)&&(a=3),t===u.l9.LargeRow&&a>3&&(a=3),n<a&&(a=n),a}function E(e,t,n){var a=4;return e.xs&&(a=2),e.sm&&(a=3),n<a&&(a=n),a}function w(e,t,n){return 1}function k(e,t,n){if(t===u.l9.LargeRow){var a=5;return e.xs?a=2:e.sm?a=3:e.md&&(a=4),n<a&&(a=n),a}var i=6;return e.xs?i=2:e.sm?i=3:e.md?i=4:e.lg?i=5:(e.xl||e.xxl)&&(i=6),n<i&&(i=n),i}function C(e,t,n){var a=4;return e.md&&(a=3),e.sm&&(a=2),e.xs&&(a=1),n<Math.ceil(a)&&(a=n),a}function I(e,t,n){var a=4;return e.md&&(a=3),e.sm&&(a=2),e.xs&&(a=1),n<Math.ceil(a)&&(a=n),a}function A(e,t,n){var a=3;return e.xs&&(a=2),n<a&&(a=n),a}function N(e,t,n){var a=3;return e.xs&&(a=2),n<a&&(a=n),a}function O(e,t,n){var a=4;return e.sm&&(a=3),e.xs&&(a=2),n<a&&(a=n),a}function S(e,t,n){var a=3;return e.xs&&(a=2),n<a&&(a=n),a}function j(e,t,n){var a=4;return e.xs?a=2:e.sm&&(a=3),n<a&&(a=n),a}function z(e,t,n){var a=6;return e.xs?a=2:e.sm?a=3:e.md?a=4:e.lg&&(a=5),n<a&&(a=n),a}function D(e,t,n){if(n<4)return n;var a=5;return(e.xs||e.sm)&&(a=3),(e.md||e.lg)&&(a=4),4===n&&(e.xs||e.sm)&&(a=3),n<a&&(a=n),a}function L(e,t,n){if(n<6)return n;var a=6;return e.xs&&(a=2),e.sm&&(a=3),e.md&&(a=4),e.lg&&(a=5),(e.xl||e.xxl)&&(a=6),n<a&&(a=n),a}function P(e,t,n,a,i,r,s){return function(o){var c=o.touches.item(0).clientX;i||(t.current.style.transition="",a(t.current.getBoundingClientRect().width),r(c));var l=(i-c)/n*100;(l<0&&e.offset===e.viewableItems||l>0&&e.offset===e.totalItems)&&(l=0),s(l)}}var R=7.5;function T(e,t,n,a,i,r,s){return function(){if(e.current.style.transition="transform .4s ease-in-out",t(null),Math.abs(n)>=R){var o=n>0?c.n.Next:c.n.Previous;i({type:o}),n>0&&r?r():n<0&&s&&s()}a(0)}}function B(e,t,n,a,i){return!!e||i<=a||!t||n===a}function M(e,t,n,a,i,r){return!!e||i<=a||n!==a&&(!t||!r&&i<=n)}function F(e,t){a.useEffect((function(){e&&!e.current&&(e.current={jumpToIndex:function(e){return t({type:c.n.JumpToIndex,payload:{offset:e+1}})}})}),[null==e?void 0:e.current])}},31309:(e,t,n)=>{n.d(t,{j:()=>o});var a=n(32735),i=n(55827),r=n(79967),s=n(19720);function o(e){for(var t,n,s=(t=e.size,(n=(0,r.k)()).xs?{itemCount:1,colSize:12}:n.sm?{itemCount:2,colSize:6}:n.md||n.lg?{itemCount:3,colSize:4}:{itemCount:"sm"===t?4:3,colSize:"sm"===t?3:4}),o=s.itemCount,c=s.colSize,l=e.childComponent,u=[],d=0;d<o;d++)u.push(a.createElement(l,{key:d,colSize:c}));return a.createElement("div",{className:"widget"},a.createElement(i.l,{hideHeading:e.hideHeading,hideDescription:e.hideDescription}),a.createElement("div",{className:"row g-0 mx-n1"},u))}o.defaultProps={size:"sm",childComponent:function(e){var t=e.colSize;return a.createElement("div",{className:"col-".concat(t," px-1")},a.createElement("div",{className:"".concat(s.Z.partialItem," partial-loading-background rounded-3")}))}}},11518:(e,t,n)=>{n.d(t,{j7:()=>i.j,kM:()=>a.k});var a=n(5281),i=(n(61871),n(31309))},43872:(e,t,n)=>{n.d(t,{V:()=>u});var a=n(32735),i=n(82182),r=n(31069),s=n(91967),o=new Image;o.src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=";var c=function(e){e.dataTransfer.setDragImage&&s.q.isFunction(e.dataTransfer.setDragImage)&&e.dataTransfer.setDragImage(o,0,0)},l=i.V.isTouchScreen(),u=a.forwardRef((function(e,t){var n,i,s,o,u=e.children,d=e.positionType,m=e.onDrag,f=e.onDragEnd,p=e.onTouchMove,v=e.onTouchEnd,g=e.percentageDragged,h=e.position,b=void 0===h?0:h;return a.createElement("div",Object.assign({className:"d-flex flex-nowrap position-relative w-100",style:(i=b,s=d,o=g,s===r.C.Percentage&&o&&(i-=o),{transform:"translate3d(".concat(i).concat(s,", 0px, 0px)"),transition:"transform .4s ease-in-out"}),ref:t},(n={},m&&f&&(n.draggable=!0,n.onDragEnd=f,n.onDragStart=c,n.onDragOver=m),p&&v&&l&&(n.onTouchMoveCapture=p,n.onTouchEndCapture=v),n)),u)}))},16930:(e,t,n)=>{n.d(t,{W:()=>l,f:()=>c});var a=n(32735),i=n(83914),r=n(35223);const s="VSAPU",o="kgeXh";var c;!function(e){e[e.Left=0]="Left",e[e.Right=1]="Right"}(c||(c={}));var l=a.memo((function(e){var t,n,l,u=e.direction===c.Left,d=u?r.vn.ChevronLeft:r.vn.ChevronRight;return e.hide?a.createElement(a.Fragment,null):a.createElement("div",{className:"_ejId",style:"videos"===(null===(n=e.state)||void 0===n?void 0:n.contents)?{paddingBottom:56.25/(null===(l=e.state)||void 0===l?void 0:l.viewableItems)+"%"}:{height:"100%"}},e.useGradientBackdrop&&a.createElement("div",{className:u?"".concat("Pt3nx"," ").concat(e.leftGradientClassName):"".concat("ZuAif"," ").concat(e.rightGradientClassName)}),!e.hideExtendedClickableArea&&a.createElement("div",{role:"button",onClick:e.onClick,className:"".concat("AtsWP"," ").concat(u?s:o)}),a.createElement("div",{role:"button",className:"".concat((t="BVcIS",t+=u?" ".concat(s," ").concat(e.leftButtonClassName):" ".concat(o," ").concat(e.rightButtonClassName))," ").concat("gAsE9"," ").concat(e.className||""),onClick:e.onClick},e.hoverText&&a.createElement("span",{className:"ps-3 pe-2 ".concat("APA36")},e.hoverText),a.createElement(i.x,{svgName:d,size:i.S.Medium,className:"svg-container d-inline-block ".concat("Ev4hr")})))}))},31069:(e,t,n)=>{var a;n.d(t,{C:()=>a}),function(e){e.Percentage="%",e.Pixels="px"}(a||(a={}))},58704:(e,t,n)=>{var a;n.d(t,{z:()=>a}),function(e){e.Videos="videos",e.FeedVideos="feed videos",e.Series="series",e.Subjects="subjects",e.Playlists="playlists",e.Interactives="interactives",e.Clips="clips",e.PlayPageResources="play page resources",e.DashboardResources="dashboard resources",e.Libraries="Libraries",e.Folders="Folders",e.RecentActivities="recent activities",e.SmallSeries="small series",e.Companies="companies",e.Ratings="ratings",e.SpecialEvents="special events",e.InteractivesV2="interactives v2",e.ClipsV2="clips v2",e.PlayPageResourcesV2="playpage resources v2"}(a||(a={}))},10841:(e,t,n)=>{var a;n.d(t,{n:()=>a}),function(e){e.Init="init",e.Next="next",e.Previous="previous",e.Resize="resize",e.Drag="drag",e.Update="update",e.JumpToIndex="jump-to-index"}(a||(a={}))},19720:(e,t,n)=>{n.d(t,{Z:()=>a});const a={rightOverflowGradient:"tAbzW",leftOverflowGradient:"JXtNs",partialItem:"iNH_I",mobileScroll:"bDcOS"}}}]);
|
|
2
|
-
//# sourceMappingURL=1518-
|
|
1
|
+
"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[1518],{88513:(e,t,n)=>{n.d(t,{B:()=>u});var a=n(32735),i=n(23481),r=n(65858),s=n(36848);const o={seeMore:"yv0FS"};var c=i.T.encloseNamespace("shared.widgetHeader");function l(e){return a.createElement("div",{className:"ms-3 ".concat(o.seeMore)},a.createElement(s.F,{appLink:e.appLink,analyticsData:e.analyticsData,analyticsOptions:Object.assign(Object.assign({},e.analyticsOptions),{descriptor:r._S.SeeMore}),className:"text-decoration-none ".concat(e.appLink?"curated-widget-link":"")},a.createElement("p",{className:"hover-text-underline text-dark curated-widget-heading"},c("seeMore"))))}function u(e){var t=!!e.description;return e.name||e.description?a.createElement("div",{className:"curated-widget-header"},a.createElement("div",{className:"d-flex justify-content-between"},!!e.name&&a.createElement("div",{className:o.title},a.createElement(s.F,{appLink:e.appLink,analyticsOptions:e.analyticsOptions,analyticsData:e.analyticsData,className:"text-decoration-none ".concat(e.appLink?"curated-widget-link":""),onClick:e.onClick},a.createElement("h2",{className:"h4 curated-widget-heading"},e.name))),!!e.appLink&&!t&&!!e.showSeeMoreLink&&a.createElement(l,Object.assign({},e))),t&&a.createElement("div",{className:"d-flex justify-content-between align-items-end"},a.createElement("p",{className:"description curated-widget-description ".concat(o.description)},a.createElement("span",null,e.description)),!!e.appLink&&!!e.showSeeMoreLink&&a.createElement(l,Object.assign({},e)))):a.createElement(a.Fragment,null)}},55827:(e,t,n)=>{n.d(t,{l:()=>i});var a=n(32735);function i(e){return e.hideDescription&&e.hideHeading?a.createElement(a.Fragment,null):a.createElement("div",{className:"curated-widget-header"},!e.hideHeading&&a.createElement("div",{className:"partial-loading-background curated-widget-heading",style:{height:"1.5rem",width:"12rem"}}),!e.hideDescription&&a.createElement("div",{className:"partial-loading-background curated-widget-description",style:{height:"1.434375rem",width:"16rem"}}))}},5281:(e,t,n)=>{n.d(t,{k:()=>O,x:()=>N});var a=n(32735),i=n(23481),r=n(91967),s=n(82182),o=n(81886),c=n(49985),l=n(88513),u=n(43872),d=n(16930),m=n(31069),f=n(54610),p=n(10841),v=n(79967),g=n(49439),h=n(65294),b=n(40424),y=n(49542),x=n(61871),E=n(92644),w=n(31309),k=n(19720);function C(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,i,r,s,o=[],c=!0,l=!1;try{if(r=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(a=r.call(n)).done)&&(o.push(a.value),o.length!==t);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=n.return&&(s=n.return(),Object(s)!==s))return}finally{if(l)throw i}}return o}}(e,t)||function(e,t){if(e){if("string"==typeof e)return I(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?I(e,t):void 0}}(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 I(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var A="shared.fixedWidget",N=12;function O(e){var t,n=e.analyticsData,I=void 0===n?{}:n,O=e.getWidgetItemAnalyticsData,S=void 0===O?function(){}:O,j=C(a.useState(null),2),z=j[0],D=j[1],L=C(a.useState(null),2),P=L[0],R=L[1],T=C(a.useState(0),2),B=T[0],M=T[1],F=C(a.useReducer(x.CU,x.eS,x.m0),2),V=F[0],U=F[1],W=a.useRef(null),G=C((0,g.X)(),2),H=G[0],Z=G[1],_=C(a.useState(!1),2),$=_[0],q=_[1],J=C(a.useState(!1),2),Q=J[0],X=J[1];(0,E.iV)(e.controlsRef,U);var K=(0,h.Y)({prevent:!e.lazyLoad}),Y=K.ref,ee=K.inView,te=(0,E.$5)(e,U,ee);function ne(t){var n,a=e.prefetched?e.collection:te.data;if(!a)return[];var i=r.q.isFunction(e.setData)?e.setData(a):a;return null!==(n=null==i?void 0:i.slice(0,t))&&void 0!==n?n:[]}var ae=ne(e.limitTotalItems?N:1/0),ie=V.offset===ae.length,re=(0,v.k)();function se(){return"scroll"===e.touchBehavior&&s.V.isTabletOrMobile()}a.useEffect((function(){U({type:p.n.Resize,payload:{breakpoints:re}})}),[re]),a.useEffect((function(){if(e.prefetched){var t=e.type;t===b.l9.ResourcesTile&&(t=b.l9.Row),U({type:p.n.Init,payload:{breakpoints:re,type:t,contents:e.contents,totalItems:ae.length}})}}),[null===(t=e.collection)||void 0===t?void 0:t.length,e.prefetched]);var oe={type:V.type,collectionSize:ae.length,contents:e.contents},ce=(0,E.lv)(e,(null==te?void 0:te.data)||e.collection);if(null==te?void 0:te.hasError)return a.createElement(a.Fragment,null);if(!e.prefetched&&!(null==te?void 0:te.data)){var le=e.partialComponent||w.j;return a.createElement("div",{ref:Y},a.createElement(le,null))}if(!ae.length||ae.length<e.minimumItemCount)return a.createElement(a.Fragment,null);var ue=e.childComponent,de=function(t){return Object.assign({id:null==ce?void 0:ce.id,name:null==ce?void 0:ce.name,direction:t===p.n.Next?"right":"left"},e.analyticsData)},me=!(!e.appLink||!ie)&&!!e.limitTotalItems&&ne(1/0).length>ae.length,fe=se()||e.hideButtons,pe=V.offset===V.viewableItems,ve=ae.length<=V.offset,ge=V.viewableItems<ae.length;return a.createElement("div",{className:"mx-n4 mb-n3"},a.createElement("div",{className:se()?"pb-3 overflow-hidden":"px-4 pb-3 overflow-hidden"},!e.hideName&&a.createElement("div",{className:se()?"px-4":""},a.createElement(l.B,{name:ce.name,description:ce.description,appLink:(0,E.LU)(e.appLink,ce),onClick:e.onClick,analyticsData:Object.assign({id:null==ce?void 0:ce.id,name:null==ce?void 0:ce.name},e.analyticsData),analyticsOptions:y.d.getSliderHeadingAnalyticsOptions(),showSeeMoreLink:ge})),a.createElement("div",{ref:H,className:"position-relative mx-n1 ".concat(se()?"".concat(k.Z.mobileScroll," px-4"):""," ").concat(e.hideBleedingContent?"overflow-hidden-x":"")},!fe&&a.createElement(a.Fragment,null,!e.hideBleedingContent&&!$&&!pe&&a.createElement("div",{className:k.Z.leftOverflowGradient}),a.createElement(d.W,{direction:d.f.Left,onClick:function(){U({type:p.n.Previous}),c.k.logUserAction(de(p.n.Previous),y.d.getSliderAnalyticsOptions()),r.q.isFunction(e.onPrevious)&&e.onPrevious()},hide:!!e.hideButtons||(0,E.yZ)($,Z,V.offset,V.viewableItems,ae.length),contents:e.contents,className:e.leftWidgetButtonClassName,hideExtendedClickableArea:e.hideExtendedClickableArea,state:V})),a.createElement(u.V,{position:V.position,positionType:m.C.Percentage,onTouchMove:"drag"===e.touchBehavior&&(0,E.p$)(V,W,P,R,z,D,M),onTouchEnd:"drag"===e.touchBehavior&&(0,E.mE)(W,D,B,M,U,e.onNext,e.onPrevious),ref:W,percentageDragged:B},ae.map((function(t,n){return a.createElement(ue,Object.assign({key:"".concat(t.id,":").concat(n),data:t,collectionAppLink:e.appLink,getAppLink:e.getChildAppLink?function(){return e.getChildAppLink(t)}:function(){return null},context:oe,preloadImage:(0,E.eM)(V,ae)(t),thumbnailSize:e.thumbnailSize||f.h2.Medium,analyticsData:Object.assign(Object.assign({widgetId:ce.id,widgetName:ce.name,itemIndex:n},I),S(t)),analyticsOptions:Object.assign(Object.assign({},e.analyticsOptions),y.d.getSliderItemAnalyticsOptions()),onHover:function(e){se()||window.setTimeout((function(){!function(e,t){if(ae.length===V.viewableItems)return q(e),void X(e);t+1!==ae.length?0!==t?(t+1-V.offset%V.viewableItems)%V.viewableItems!=0?(t-V.offset%V.viewableItems)%V.viewableItems!=0||q(e):X(e):q(e):X(e)}(e,n)}),e?0:200)}},e.extraChildComponentProps))})),se()&&a.createElement("div",{className:"ps-4"})),!fe&&a.createElement(a.Fragment,null,a.createElement(d.W,{direction:d.f.Right,onClick:function(){me?o.Q.C$.trigger((0,E.LU)(e.appLink,ce)):(U({type:p.n.Next}),c.k.logUserAction(de(p.n.Next),y.d.getSliderAnalyticsOptions()),r.q.isFunction(e.onNext)&&e.onNext())},hide:!!e.hideButtons||(0,E.DK)(Q,Z,V.offset,V.viewableItems,ae.length,me),contents:e.contents,hoverText:me&&i.T.getPhrase(A,"seeMore"),className:e.rightWidgetButtonClassName,hideExtendedClickableArea:e.hideExtendedClickableArea,state:V}),!e.hideBleedingContent&&!Q&&!ve&&a.createElement("div",{className:k.Z.rightOverflowGradient})))))}O.defaultProps={type:b.l9.Row,minimumItemCount:0,extraChildComponentProps:{},touchBehavior:"scroll"}},61871:(e,t,n)=>{n.d(t,{CU:()=>l,eS:()=>s,m0:()=>u});var a=n(10841),i=n(40424),r=n(92644),s={offset:0,viewableItems:4,position:0,totalItems:0,contents:null,type:i.l9.Row},o=function(e){var t=e.viewableItems,n=e.offset,a=e.position,i=e.totalItems-n;return i%t==0||i>t?{position:a-100,offset:n+t}:i<t?{position:a-i/t*100,offset:n+i}:{position:a,offset:n}},c=function(e){var t=e.viewableItems,n=e.offset,a=e.position,i=n-t;return i%t==0||i>t?{position:a+100,offset:n-t}:i<t?{position:a+i/t*100,offset:n-i}:{position:a,offset:n}};function l(e,t){var n=t.type,i=t.payload,s=void 0===i?{}:i;switch(n){case a.n.Next:return Object.assign(Object.assign({},e),o(e));case a.n.Previous:return Object.assign(Object.assign({},e),c(e));case a.n.JumpToIndex:return Object.assign(Object.assign({},e),{offset:s.offset,position:-100*(s.offset-1)});case a.n.Resize:var l=(0,r.Wl)(e.contents)(s.breakpoints,e.type,e.totalItems);return Object.assign(Object.assign({},e),{position:0,offset:l,viewableItems:l});case a.n.Init:var d=(0,r.Wl)(s.contents)(s.breakpoints,s.type,s.totalItems);return u(Object.assign(Object.assign({},e),{offset:d,viewableItems:d,type:s.type,contents:s.contents,totalItems:s.totalItems,position:0}));case a.n.Update:return Object.assign(Object.assign({},e),{totalItems:s.totalItems});default:return e}}function u(e){return Object.assign(Object.assign({},s),e)}},92644:(e,t,n)=>{n.d(t,{$5:()=>m,DK:()=>M,LU:()=>p,Wl:()=>g,eM:()=>f,iV:()=>F,lv:()=>v,mE:()=>T,p$:()=>P,yZ:()=>B});var a=n(32735),i=n(91967),r=n(1048),s=n(28400),o=n(58704),c=n(10841),l=n(79967),u=n(40424),d=n(5281);function m(e,t,n){var s,o=e.collection;o&&!r.t.isEmpty(o)||e.prefetched||(s=e.fetch(n),o=s.data);var m=i.q.isFunction(e.setData)&&o?e.setData(o):o,f=m,p=(0,l.k)();return a.useEffect((function(){if(o&&!r.t.isEmpty(o)){e.limitTotalItems&&(f=m.length>d.x?m.slice(0,d.x):m);var n=e.type;n===u.l9.ResourcesTile&&(n=u.l9.Row),t({type:c.n.Init,payload:{totalItems:f.length,breakpoints:p,type:n,contents:e.contents}})}}),[null==m?void 0:m.length]),s}function f(e,t){for(var n=e.offset,a=e.viewableItems,i=n,r=[],s=0;s<i+a;s++)r.push(s);return function(e){var n=t.indexOf(e);return r.includes(n)}}function p(e,t){if(e)return Object.assign(Object.assign({},e),{args:e.args||[t.id,s.m.slugify(t.name)]})}function v(e,t){var n=e.name,a=e.description,i={};return Array.isArray(t)?{name:n,description:a}:(e.name&&(i.name=n),e.description&&(i.description=a),Object.assign(Object.assign({},t),i))}function g(e){switch(e){case o.z.Playlists:return h;case o.z.Videos:return x;case o.z.RecentActivities:return E;case o.z.FeedVideos:return w;case o.z.Subjects:return k;case o.z.InteractivesV2:return A;case o.z.Interactives:return C;case o.z.ClipsV2:return N;case o.z.Clips:return I;case o.z.PlayPageResources:return O;case o.z.PlayPageResourcesV2:return S;case o.z.DashboardResources:return x;case o.z.Libraries:case o.z.Folders:return y;case o.z.Ratings:return D;case o.z.SpecialEvents:return L;case o.z.Companies:return b;case o.z.SmallSeries:return z;case o.z.Series:default:return j}}function h(e,t,n){var a=5;return e.xs?a=2:e.sm?a=3:e.md&&(a=4),n<a&&(a=n),a}function b(e,t,n){var a=8;return e.xs||e.sm?a=4:e.md&&(a=6),n<a&&(a=n),a}function y(e,t,n){var a=3;return e.xs||e.sm?a=1:e.md?a=2:e.lg&&(a=3),n<a&&(a=n),a}function x(e,t,n){var a=4;return e.xs&&(a=1),e.sm&&(a=2),(e.md||e.lg)&&(a=3),t===u.l9.LargeRow&&a>3&&(a=3),n<a&&(a=n),a}function E(e,t,n){var a=4;return e.xs&&(a=2),e.sm&&(a=3),n<a&&(a=n),a}function w(e,t,n){return 1}function k(e,t,n){if(t===u.l9.LargeRow){var a=5;return e.xs?a=2:e.sm?a=3:e.md&&(a=4),n<a&&(a=n),a}var i=6;return e.xs?i=2:e.sm?i=3:e.md?i=4:e.lg?i=5:(e.xl||e.xxl)&&(i=6),n<i&&(i=n),i}function C(e,t,n){var a=3;return(e.md||e.sm)&&(a=2),e.xs&&(a=1),n<Math.ceil(a)&&(a=n),a}function I(e,t,n){var a=3;return(e.md||e.sm)&&(a=2),e.xs&&(a=1),n<Math.ceil(a)&&(a=n),a}function A(e,t,n){var a=3;return e.xs&&(a=2),n<a&&(a=n),a}function N(e,t,n){var a=3;return e.xs&&(a=2),n<a&&(a=n),a}function O(e,t,n){var a=4;return e.sm&&(a=3),e.xs&&(a=2),n<a&&(a=n),a}function S(e,t,n){var a=3;return e.xs&&(a=2),n<a&&(a=n),a}function j(e,t,n){var a=4;return e.xs?a=2:e.sm&&(a=3),n<a&&(a=n),a}function z(e,t,n){var a=6;return e.xs?a=2:e.sm?a=3:e.md?a=4:e.lg&&(a=5),n<a&&(a=n),a}function D(e,t,n){if(n<4)return n;var a=5;return(e.xs||e.sm)&&(a=3),(e.md||e.lg)&&(a=4),4===n&&(e.xs||e.sm)&&(a=3),n<a&&(a=n),a}function L(e,t,n){if(n<6)return n;var a=6;return e.xs&&(a=2),e.sm&&(a=3),e.md&&(a=4),e.lg&&(a=5),(e.xl||e.xxl)&&(a=6),n<a&&(a=n),a}function P(e,t,n,a,i,r,s){return function(o){var c=o.touches.item(0).clientX;i||(t.current.style.transition="",a(t.current.getBoundingClientRect().width),r(c));var l=(i-c)/n*100;(l<0&&e.offset===e.viewableItems||l>0&&e.offset===e.totalItems)&&(l=0),s(l)}}var R=7.5;function T(e,t,n,a,i,r,s){return function(){if(e.current.style.transition="transform .4s ease-in-out",t(null),Math.abs(n)>=R){var o=n>0?c.n.Next:c.n.Previous;i({type:o}),n>0&&r?r():n<0&&s&&s()}a(0)}}function B(e,t,n,a,i){return!!e||i<=a||!t||n===a}function M(e,t,n,a,i,r){return!!e||i<=a||n!==a&&(!t||!r&&i<=n)}function F(e,t){a.useEffect((function(){e&&!e.current&&(e.current={jumpToIndex:function(e){return t({type:c.n.JumpToIndex,payload:{offset:e+1}})}})}),[null==e?void 0:e.current])}},31309:(e,t,n)=>{n.d(t,{j:()=>o});var a=n(32735),i=n(55827),r=n(79967),s=n(19720);function o(e){for(var t,n,s=(t=e.size,(n=(0,r.k)()).xs?{itemCount:1,colSize:12}:n.sm?{itemCount:2,colSize:6}:n.md||n.lg?{itemCount:3,colSize:4}:{itemCount:"sm"===t?4:3,colSize:"sm"===t?3:4}),o=s.itemCount,c=s.colSize,l=e.childComponent,u=[],d=0;d<o;d++)u.push(a.createElement(l,{key:d,colSize:c}));return a.createElement("div",{className:"widget"},a.createElement(i.l,{hideHeading:e.hideHeading,hideDescription:e.hideDescription}),a.createElement("div",{className:"row g-0 mx-n1"},u))}o.defaultProps={size:"sm",childComponent:function(e){var t=e.colSize;return a.createElement("div",{className:"col-".concat(t," px-1")},a.createElement("div",{className:"".concat(s.Z.partialItem," partial-loading-background rounded-3")}))}}},11518:(e,t,n)=>{n.d(t,{j7:()=>i.j,kM:()=>a.k});var a=n(5281),i=(n(61871),n(31309))},43872:(e,t,n)=>{n.d(t,{V:()=>u});var a=n(32735),i=n(82182),r=n(31069),s=n(91967),o=new Image;o.src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=";var c=function(e){e.dataTransfer.setDragImage&&s.q.isFunction(e.dataTransfer.setDragImage)&&e.dataTransfer.setDragImage(o,0,0)},l=i.V.isTouchScreen(),u=a.forwardRef((function(e,t){var n,i,s,o,u=e.children,d=e.positionType,m=e.onDrag,f=e.onDragEnd,p=e.onTouchMove,v=e.onTouchEnd,g=e.percentageDragged,h=e.position,b=void 0===h?0:h;return a.createElement("div",Object.assign({className:"d-flex flex-nowrap position-relative w-100",style:(i=b,s=d,o=g,s===r.C.Percentage&&o&&(i-=o),{transform:"translate3d(".concat(i).concat(s,", 0px, 0px)"),transition:"transform .4s ease-in-out"}),ref:t},(n={},m&&f&&(n.draggable=!0,n.onDragEnd=f,n.onDragStart=c,n.onDragOver=m),p&&v&&l&&(n.onTouchMoveCapture=p,n.onTouchEndCapture=v),n)),u)}))},16930:(e,t,n)=>{n.d(t,{W:()=>l,f:()=>c});var a=n(32735),i=n(83914),r=n(35223);const s="VSAPU",o="kgeXh";var c;!function(e){e[e.Left=0]="Left",e[e.Right=1]="Right"}(c||(c={}));var l=a.memo((function(e){var t,n,l,u=e.direction===c.Left,d=u?r.vn.ChevronLeft:r.vn.ChevronRight;return e.hide?a.createElement(a.Fragment,null):a.createElement("div",{className:"_ejId",style:"videos"===(null===(n=e.state)||void 0===n?void 0:n.contents)?{paddingBottom:56.25/(null===(l=e.state)||void 0===l?void 0:l.viewableItems)+"%"}:{height:"100%"}},e.useGradientBackdrop&&a.createElement("div",{className:u?"".concat("Pt3nx"," ").concat(e.leftGradientClassName):"".concat("ZuAif"," ").concat(e.rightGradientClassName)}),!e.hideExtendedClickableArea&&a.createElement("div",{role:"button",onClick:e.onClick,className:"".concat("AtsWP"," ").concat(u?s:o)}),a.createElement("div",{role:"button",className:"".concat((t="BVcIS",t+=u?" ".concat(s," ").concat(e.leftButtonClassName):" ".concat(o," ").concat(e.rightButtonClassName))," ").concat("gAsE9"," ").concat(e.className||""),onClick:e.onClick},e.hoverText&&a.createElement("span",{className:"ps-3 pe-2 ".concat("APA36")},e.hoverText),a.createElement(i.x,{svgName:d,size:i.S.Medium,className:"svg-container d-inline-block ".concat("Ev4hr")})))}))},31069:(e,t,n)=>{var a;n.d(t,{C:()=>a}),function(e){e.Percentage="%",e.Pixels="px"}(a||(a={}))},58704:(e,t,n)=>{var a;n.d(t,{z:()=>a}),function(e){e.Videos="videos",e.FeedVideos="feed videos",e.Series="series",e.Subjects="subjects",e.Playlists="playlists",e.Interactives="interactives",e.Clips="clips",e.PlayPageResources="play page resources",e.DashboardResources="dashboard resources",e.Libraries="Libraries",e.Folders="Folders",e.RecentActivities="recent activities",e.SmallSeries="small series",e.Companies="companies",e.Ratings="ratings",e.SpecialEvents="special events",e.InteractivesV2="interactives v2",e.ClipsV2="clips v2",e.PlayPageResourcesV2="playpage resources v2"}(a||(a={}))},10841:(e,t,n)=>{var a;n.d(t,{n:()=>a}),function(e){e.Init="init",e.Next="next",e.Previous="previous",e.Resize="resize",e.Drag="drag",e.Update="update",e.JumpToIndex="jump-to-index"}(a||(a={}))},19720:(e,t,n)=>{n.d(t,{Z:()=>a});const a={rightOverflowGradient:"tAbzW",leftOverflowGradient:"JXtNs",partialItem:"iNH_I",mobileScroll:"bDcOS"}}}]);
|
|
2
|
+
//# sourceMappingURL=1518-e6c8ab0c89-lite.chunk.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scripts/1518-e6c8ab0c89-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/components/widgets/curated-widgets/components/header/widget-header.scss","file:///app/packages/libs/shared/src/components/widgets/curated-widgets/components/header/WidgetHeader.tsx","file:///app/packages/libs/shared/src/components/widgets/curated-widgets/components/header/partial-loading/PartialWidgetHeader.tsx","file:///app/packages/libs/shared/src/components/widgets/fixed-widget/FixedWidget.tsx","file:///app/packages/libs/shared/src/components/widgets/fixed-widget/FixedWidgetReducer.tsx","file:///app/packages/libs/shared/src/components/widgets/fixed-widget/FixedWidgetUtils.ts","file:///app/packages/libs/shared/src/components/widgets/fixed-widget/PartialFixedWidget.tsx","file:///app/packages/libs/shared/src/utils/DragHelper.ts","file:///app/packages/libs/shared/src/components/widgets/sliding-list/SlidingListContainer.tsx","file:///app/packages/libs/shared/src/components/widgets/widget-button/widget-button.scss","file:///app/packages/libs/shared/src/components/widgets/widget-button/WidgetButton.tsx","file:///app/packages/libs/shared/src/enums/CssMeasurement.ts","file:///app/packages/libs/shared/src/enums/WidgetContents.ts","file:///app/packages/libs/shared/src/enums/WidgetInteraction.ts","file:///app/packages/libs/shared/src/components/widgets/fixed-widget/fixed-widget.scss"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"seeMore\":\"yv0FS\"};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsOptions, ClickDescriptor } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\n\nimport styles from './widget-header.scss';\n\nconst namespace = 'shared.widgetHeader';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface WidgetHeaderProps {\n name: string;\n description: string;\n\n appLink?: Core.AppLink;\n analyticsData?: HashObject;\n analyticsOptions?: AnalyticsOptions;\n showSeeMoreLink?: boolean;\n onClick?: () => void;\n}\n\nfunction SeeMore(props: WidgetHeaderProps) {\n return (\n <div className={`ms-3 ${styles.seeMore}`}>\n <AppLink\n appLink={props.appLink}\n analyticsData={props.analyticsData }\n analyticsOptions={{ ...props.analyticsOptions, descriptor: ClickDescriptor.SeeMore }}\n className={`text-decoration-none ${props.appLink ? 'curated-widget-link' : ''}`}\n >\n <p className='hover-text-underline text-dark curated-widget-heading'>{getPhrase('seeMore')}</p>\n </AppLink>\n </div>\n );\n}\n\nexport function WidgetHeader(props: WidgetHeaderProps): JSX.Element {\n const hasDescription = !!props.description;\n\n if (!props.name && !props.description)\n return <></>;\n\n return (\n <div className='curated-widget-header'>\n <div className='d-flex justify-content-between'>\n {!!props.name && (\n <div className={styles.title}>\n <AppLink\n appLink={props.appLink}\n analyticsOptions={props.analyticsOptions}\n analyticsData={props.analyticsData}\n className={`text-decoration-none ${props.appLink ? 'curated-widget-link' : ''}`}\n onClick={props.onClick}\n >\n <h2 className='h4 curated-widget-heading'>\n {props.name}\n </h2>\n </AppLink>\n </div>\n )}\n {!!props.appLink && !hasDescription && !!props.showSeeMoreLink && <SeeMore {...props}/>}\n </div>\n \n {hasDescription && (\n <div className='d-flex justify-content-between align-items-end'>\n <p className={`description curated-widget-description ${styles.description}`}>\n <span>{props.description}</span>\n </p>\n {!!props.appLink && !!props.showSeeMoreLink && <SeeMore {...props}/> }\n </div>\n )}\n </div>\n );\n}","import React from 'react';\n\ninterface PartialWidgetHeaderProps {\n hideHeading?: boolean;\n hideDescription?: boolean;\n}\n\nexport function PartialWidgetHeader(props: PartialWidgetHeaderProps): JSX.Element {\n if (props.hideDescription && props.hideHeading)\n return <></>;\n\n return (\n <div className='curated-widget-header'>\n {!props.hideHeading && (\n <div className='partial-loading-background curated-widget-heading' style={{ height: '1.5rem', width: '12rem' }} />\n )}\n\n {!props.hideDescription && (\n <div className='partial-loading-background curated-widget-description' style={{ height: '1.434375rem', width: '16rem' }} />\n )}\n </div>\n );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { UserAgentHelper } from 'libs/common/backbone/utils/UserAgentHelper';\nimport { Core } from 'libs/common/core';\nimport { Flight } from 'libs/common/flight';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { AnalyticsOptions, HashObject } from 'libs/analytics/interfaces';\n\nimport { WidgetHeader } from 'libs/shared/components/widgets/curated-widgets/components/header/WidgetHeader';\nimport { FixedWidgetItemProps } from 'libs/shared/components/widgets/items/FixedWidgetItemProps';\nimport { SlidingListContainer } from 'libs/shared/components/widgets/sliding-list/SlidingListContainer';\nimport { WidgetButton, WidgetButtonDirection } from 'libs/shared/components/widgets/widget-button/WidgetButton';\nimport { CssMeasurement } from 'libs/shared/enums/CssMeasurement';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { WidgetContents } from 'libs/shared/enums/WidgetContents';\nimport { WidgetInteraction } from 'libs/shared/enums/WidgetInteraction';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { useHover } from 'libs/shared/hooks/UseHover';\nimport { useLazyLoad } from 'libs/shared/hooks/UseLazyLoad';\nimport { WidgetContext, WidgetType } from 'libs/shared/interfaces';\nimport { WidgetHelper } from 'libs/shared/utils/WidgetHelper';\n\nimport { FixedWidgetReducer, initialWidgetState, lazyWidgetInit } from './FixedWidgetReducer';\nimport { FixedWidgetControls, formatData, getCollectionAppLink, getOnTouchEnd, getOnTouchStart, getShouldPreload, hideBackButton, hideNextButton, useControlsRef, useFetchData } from './FixedWidgetUtils';\nimport { PartialFixedWidget } from './PartialFixedWidget';\n\nimport styles from './fixed-widget.scss';\n\nconst namespace = 'shared.fixedWidget';\n\n// Max number of widget items whenever `props.limitTotalItems` is `true`\nexport const WIDGET_ITEM_LIMIT = 12;\n\ninterface BaseFixedWidgetProps<TChildProps extends FixedWidgetItemProps> {\n id?: string;\n name?: string;\n description?: string;\n\n type: WidgetType;\n contents: WidgetContents;\n thumbnailSize?: ImageSize;\n minimumItemCount?: number;\n limitTotalItems?: boolean;\n setData?: (data: any) => any[] | null;\n\n childComponent: (props: FixedWidgetItemProps) => JSX.Element;\n extraChildComponentProps: Omit<TChildProps, keyof FixedWidgetItemProps>;\n partialComponent?: React.ElementType;\n getChildAppLink?: (item?: any) => Core.AppLink;\n appLink?: Core.AppLink;\n onClick?: () => void;\n\n analyticsData?: HashObject;\n analyticsOptions?: AnalyticsOptions;\n\n getWidgetItemAnalyticsData?: (data: any) => HashObject;\n\n onNext?: () => void;\n onPrevious?: () => void;\n controlsRef?: React.MutableRefObject<FixedWidgetControls>;\n touchBehavior?: 'drag' | 'scroll';\n\n leftWidgetButtonClassName?: string;\n rightWidgetButtonClassName?: string;\n\n hideName?: boolean;\n hideBleedingContent?: boolean;\n hideExtendedClickableArea?: boolean;\n hideButtons?: boolean;\n}\n\ntype FixedWidgetWithFetchProps<TChildProps extends FixedWidgetItemProps> = BaseFixedWidgetProps<TChildProps> & {\n lazyLoad: true;\n collection?: never;\n fetch: (...args: any) => Flight.Response<any>;\n prefetched?: false;\n};\n\ntype FixedWidgetWithCollectionProps<TChildProps extends FixedWidgetItemProps> = BaseFixedWidgetProps<TChildProps> & {\n collection: any;\n lazyLoad?: false;\n fetch?: never;\n prefetched: true;\n};\n\nexport type FixedWidgetProps<TChildProps extends FixedWidgetItemProps> =\n FixedWidgetWithCollectionProps<TChildProps> |\n FixedWidgetWithFetchProps<TChildProps>;\n\nFixedWidget.defaultProps = {\n type: WidgetType.Row,\n minimumItemCount: 0,\n extraChildComponentProps: {},\n touchBehavior: 'scroll'\n};\n\nexport function FixedWidget<TChildProps extends FixedWidgetItemProps>(\n props: FixedWidgetProps<TChildProps>\n): JSX.Element {\n const { analyticsData = {}, getWidgetItemAnalyticsData = () => {} } = props;\n\n const [ initialTouchX, setInitialTouchX ] = React.useState(null);\n const [ containerWidth, setContainerWidth ] = React.useState(null);\n const [ percentageDragged, setPercentageDragged ] = React.useState(0);\n\n const [ state, dispatch ] = React.useReducer(FixedWidgetReducer, initialWidgetState, lazyWidgetInit);\n\n const containerRef = React.useRef(null);\n const [ buttonsRef, isHovering ] = useHover<HTMLDivElement>();\n\n const [ isHoveringOnFarLeft, setIsHoveringOnFarLeft ] = React.useState(false);\n const [ isHoveringOnFarRight, setIsHoveringOnFarRight ] = React.useState(false);\n\n useControlsRef(props.controlsRef, dispatch);\n\n const { ref, inView: shouldFetch } = useLazyLoad({ prevent: !props.lazyLoad });\n\n const response = useFetchData(props, dispatch, shouldFetch);\n\n function getWidgetCollection(limit: number): any[] {\n const responseData = props.prefetched ? props.collection : response.data;\n\n if (!responseData)\n return [];\n\n const formattedResponse = FunctionHelper.isFunction(props.setData) ? props.setData(responseData) : responseData;\n return formattedResponse?.slice(0, limit) ?? [];\n }\n\n const widgetItems = getWidgetCollection(props.limitTotalItems ? WIDGET_ITEM_LIMIT : Infinity);\n\n function hasMoreItems(): boolean {\n if (!props.limitTotalItems)\n return false;\n\n const unlimitedItems = getWidgetCollection(Infinity);\n\n return unlimitedItems.length > widgetItems.length;\n }\n\n const hasReachedEnd = state.offset === widgetItems.length;\n\n const breakpoints = useBreakpoints();\n\n React.useEffect(() => {\n dispatch({\n type: WidgetInteraction.Resize,\n payload: { breakpoints }\n });\n }, [breakpoints]);\n\n React.useEffect(() => {\n if (!props.prefetched)\n return;\n\n let type = props.type;\n\n // The ResourcesTile widget type is deprecated. We render the Row type instead in this case\n if (type === WidgetType.ResourcesTile)\n type = WidgetType.Row;\n\n // If the prefetched collection changes, re-initialize the widget state.\n dispatch({\n type: WidgetInteraction.Init,\n payload: {\n breakpoints,\n type,\n contents: props.contents,\n totalItems: widgetItems.length\n }\n });\n }, [ props.collection?.length, props.prefetched ]);\n\n function onSetIsHovering(hovering: boolean, index: number): void {\n if (widgetItems.length === state.viewableItems) {\n setIsHoveringOnFarLeft(hovering);\n setIsHoveringOnFarRight(hovering);\n return;\n }\n\n // This callback will hide the far left button if the user is hovering on the far left widget item.\n // Same goes for the far right button & widget item.\n if (index + 1 === widgetItems.length) {\n setIsHoveringOnFarRight(hovering);\n return;\n }\n\n if (index === 0) {\n setIsHoveringOnFarLeft(hovering);\n return;\n }\n\n if ((index + 1 - (state.offset % state.viewableItems)) % state.viewableItems === 0) {\n setIsHoveringOnFarRight(hovering);\n return;\n }\n\n if ((index - (state.offset % state.viewableItems)) % state.viewableItems === 0) {\n setIsHoveringOnFarLeft(hovering);\n return;\n }\n }\n\n function shouldScroll(): boolean {\n if (props.touchBehavior !== 'scroll')\n return false;\n\n return UserAgentHelper.isTabletOrMobile();\n }\n\n const widgetContext: WidgetContext = {\n type: state.type,\n collectionSize: widgetItems.length,\n contents: props.contents\n };\n\n const data = formatData(props, response?.data || props.collection);\n\n if (response?.hasError)\n return <></>;\n\n if (!props.prefetched && !response?.data) {\n const PartialComponent = props.partialComponent || PartialFixedWidget;\n\n return (\n <div ref={ref}>\n <PartialComponent />\n </div>\n );\n }\n\n if (!widgetItems.length || widgetItems.length < props.minimumItemCount)\n return <></>;\n\n const WidgetItemComponent = props.childComponent;\n\n const getSliderAnalyticsData = (type: WidgetInteraction) => ({\n id: data?.id,\n name: data?.name,\n direction: type === WidgetInteraction.Next ? 'right' : 'left',\n ...props.analyticsData\n });\n\n const showSeeMoreButton = (() => {\n // Only show if there is an applink and we've reached the end of the widget\n if (!props.appLink || !hasReachedEnd)\n return false;\n\n // Also only show if we've exceeded the widget limit, if one has been set\n return hasMoreItems();\n })();\n\n const hideButtons = shouldScroll() || props.hideButtons;\n const hideBackGradient = state.offset === state.viewableItems;\n const hideNextGradient = widgetItems.length <= state.offset;\n const hasMoreThanViewable = state.viewableItems < widgetItems.length;\n\n return (\n <div className='mx-n4 mb-n3'>\n <div className={shouldScroll() ? 'pb-3 overflow-hidden' : 'px-4 pb-3 overflow-hidden'}>\n {!props.hideName &&\n <div className={shouldScroll() ? 'px-4' : ''}>\n <WidgetHeader\n name={data.name}\n description={data.description}\n appLink={getCollectionAppLink(props.appLink, data)}\n onClick={props.onClick}\n analyticsData={{ id: data?.id, name: data?.name, ...props.analyticsData }}\n analyticsOptions={WidgetHelper.getSliderHeadingAnalyticsOptions()}\n showSeeMoreLink={hasMoreThanViewable}\n />\n </div>\n }\n <div\n ref={buttonsRef}\n className={`position-relative mx-n1 ${shouldScroll() ? `${styles.mobileScroll} px-4` : ''} ${props.hideBleedingContent ? 'overflow-hidden-x' : ''}`}\n >\n {!hideButtons && (\n <>\n {(!props.hideBleedingContent && !isHoveringOnFarLeft && !hideBackGradient) && (\n <div className={styles.leftOverflowGradient} />\n )}\n <WidgetButton\n direction={WidgetButtonDirection.Left}\n onClick={() => {\n dispatch({ type: WidgetInteraction.Previous });\n AnalyticsHelper.logUserAction(\n getSliderAnalyticsData(WidgetInteraction.Previous),\n WidgetHelper.getSliderAnalyticsOptions()\n );\n\n FunctionHelper.isFunction(props.onPrevious) && props.onPrevious();\n }}\n hide={!!props.hideButtons || hideBackButton(\n isHoveringOnFarLeft,\n isHovering,\n state.offset,\n state.viewableItems,\n widgetItems.length\n )}\n contents={props.contents}\n className={props.leftWidgetButtonClassName}\n hideExtendedClickableArea={props.hideExtendedClickableArea}\n state={state}\n />\n </>\n )}\n \n <SlidingListContainer\n position={state.position}\n positionType={CssMeasurement.Percentage}\n onTouchMove={props.touchBehavior === 'drag' && getOnTouchStart(\n state,\n containerRef,\n containerWidth,\n setContainerWidth,\n initialTouchX,\n setInitialTouchX,\n setPercentageDragged\n )}\n onTouchEnd={props.touchBehavior === 'drag' && getOnTouchEnd(\n containerRef,\n setInitialTouchX,\n percentageDragged,\n setPercentageDragged,\n dispatch,\n props.onNext,\n props.onPrevious\n )}\n ref={containerRef}\n percentageDragged={percentageDragged}\n >\n {widgetItems.map((widgetItem: any, index: number) => {\n return (\n <WidgetItemComponent\n key={`${widgetItem.id}:${index}`}\n data={widgetItem}\n collectionAppLink={props.appLink}\n getAppLink={props.getChildAppLink ? () => props.getChildAppLink(widgetItem) : () => null}\n context={widgetContext}\n preloadImage={getShouldPreload(state, widgetItems)(widgetItem)}\n thumbnailSize={props.thumbnailSize || ImageSize.Medium}\n analyticsData={{\n widgetId: data.id,\n widgetName: data.name,\n itemIndex: index,\n ...analyticsData,\n ...getWidgetItemAnalyticsData(widgetItem)\n }}\n analyticsOptions={{ ...props.analyticsOptions, ...WidgetHelper.getSliderItemAnalyticsOptions() }}\n onHover={(hovering: boolean) => {\n if (shouldScroll())\n return;\n\n /**\n * For some reason this needs to be called after a set timeout, otherwise\n * the `useHover` listener on the `buttonsRef` element will not detect it's hover\n * event. A delay of 200ms is used for when `hovering` is false so that the effects of\n * setting `isHoveringOnFarX` aren't applied until the CSS transform transition has\n * completed.\n */\n window.setTimeout(() => {\n onSetIsHovering(hovering, index);\n }, hovering ? 0 : 200);\n }}\n {...props.extraChildComponentProps}\n />\n );\n })}\n {shouldScroll() && <div className='ps-4'></div>}\n </SlidingListContainer>\n\n {!hideButtons && (\n <>\n <WidgetButton\n direction={WidgetButtonDirection.Right}\n onClick={() => {\n if (showSeeMoreButton) {\n Core.AppLinkHelper.trigger(getCollectionAppLink(props.appLink, data));\n return;\n }\n\n dispatch({ type: WidgetInteraction.Next });\n AnalyticsHelper.logUserAction(\n getSliderAnalyticsData(WidgetInteraction.Next),\n WidgetHelper.getSliderAnalyticsOptions()\n );\n\n FunctionHelper.isFunction(props.onNext) && props.onNext();\n }}\n hide={!!props.hideButtons || hideNextButton(\n isHoveringOnFarRight,\n isHovering,\n state.offset,\n state.viewableItems,\n widgetItems.length,\n showSeeMoreButton\n )}\n contents={props.contents}\n hoverText={showSeeMoreButton && LanguageService.getPhrase(namespace, 'seeMore')}\n className={props.rightWidgetButtonClassName}\n hideExtendedClickableArea={props.hideExtendedClickableArea}\n state={state}\n />\n {(!props.hideBleedingContent && !isHoveringOnFarRight && !hideNextGradient) && (\n <div className={styles.rightOverflowGradient} />\n )}\n </>\n )}\n </div>\n </div>\n </div>\n );\n}","import { ReducerActions } from 'libs/common/react/interfaces';\n\nimport { WidgetContents } from 'libs/shared/enums/WidgetContents';\nimport { WidgetInteraction } from 'libs/shared/enums/WidgetInteraction';\nimport { Breakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { WidgetType } from 'libs/shared/interfaces';\n\nimport { getComputeFunction } from './FixedWidgetUtils';\n\nexport interface FixedWidgetPayload {\n breakpoints?: Breakpoints;\n contents?: WidgetContents;\n type?: WidgetType;\n offset?: number;\n totalItems?: number;\n}\n\nexport interface FixedWidgetState {\n // Current position within the widget collection\n offset: number;\n // Number of items viewable in slider for the current breakpoint/viewport size\n viewableItems: number;\n // Relative position of slider in the window. Used for an inline translate3d().\n position: number;\n // Type of widget being managed. May change on `Resize`.\n type: WidgetType;\n // What object type the widget uses :vomit: (this needs to be phased out of this god forsaken component)\n contents: WidgetContents;\n // Total number of items in the widget\n totalItems: number;\n}\n\nexport const initialWidgetState: FixedWidgetState = {\n offset: 0,\n viewableItems: 4,\n position: 0,\n totalItems: 0,\n contents: null,\n type: WidgetType.Row\n};\n\nconst computeNextPosition = (prevState: FixedWidgetState) => {\n const { viewableItems, offset, position, totalItems } = prevState;\n\n const remainingCount = totalItems - offset;\n\n /**\n * If the remaining items are evening divisible by the items in view, or,\n * we have more items that can be displayed in the view, move the slider a full 100%.\n */\n if (remainingCount % viewableItems === 0 || remainingCount > viewableItems)\n return {\n position: position - 100,\n offset: offset + viewableItems\n };\n\n /**\n * Where there are less items than we can show in a full slide, \n * calculate the % movement required to only show those items.\n */\n if (remainingCount < viewableItems)\n return {\n position: position - (remainingCount / viewableItems * 100),\n offset: offset + remainingCount\n };\n\n /**\n * Default back to the current state as a fallback\n */\n return {\n position: position,\n offset: offset\n };\n};\n\nconst computePreviousPosition = (prevState: FixedWidgetState) => {\n const { viewableItems, offset, position } = prevState;\n\n const remainingCount = offset - viewableItems;\n\n if (remainingCount % viewableItems === 0 || remainingCount > viewableItems)\n return {\n position: position + 100,\n offset: offset - viewableItems\n };\n\n if (remainingCount < viewableItems)\n return {\n position: position + (remainingCount / viewableItems * 100),\n offset: offset - remainingCount\n };\n\n return {\n position: position,\n offset: offset\n };\n};\n\nexport function FixedWidgetReducer(\n prevState: FixedWidgetState,\n action: ReducerActions<WidgetInteraction, FixedWidgetPayload>\n): FixedWidgetState {\n const { type, payload = {} } = action;\n\n switch (type) {\n case WidgetInteraction.Next: {\n return {\n ...prevState,\n ...computeNextPosition(prevState)\n };\n }\n\n case WidgetInteraction.Previous: {\n return {\n ...prevState,\n ...computePreviousPosition(prevState)\n };\n }\n\n case WidgetInteraction.JumpToIndex: {\n return {\n ...prevState,\n offset: payload.offset,\n position: (payload.offset - 1) * -100\n };\n }\n\n case WidgetInteraction.Resize: {\n const computeViewableItems = getComputeFunction(prevState.contents);\n const initialSeen = computeViewableItems(payload.breakpoints, prevState.type, prevState.totalItems);\n\n return {\n ...prevState,\n position: 0,\n offset: initialSeen,\n viewableItems: initialSeen\n };\n }\n\n case WidgetInteraction.Init: {\n const computeViewableItems = getComputeFunction(payload.contents);\n const initialSeen = computeViewableItems(payload.breakpoints, payload.type, payload.totalItems);\n\n return lazyWidgetInit({\n ...prevState,\n offset: initialSeen,\n viewableItems: initialSeen,\n type: payload.type,\n contents: payload.contents,\n totalItems: payload.totalItems,\n position: 0\n });\n }\n\n case WidgetInteraction.Update: {\n return {\n ...prevState,\n totalItems: payload.totalItems\n };\n }\n\n default:\n return prevState;\n }\n}\n\nexport function lazyWidgetInit(newState: FixedWidgetState): FixedWidgetState {\n return { ...initialWidgetState, ...newState };\n}","import * as React from 'react';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { Core } from 'libs/common/core';\nimport { Flight } from 'libs/common/flight';\nimport { ReducerActions } from 'libs/common/react/interfaces';\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { FixedWidgetItemProps } from 'libs/shared/components/widgets/items/FixedWidgetItemProps';\nimport { WidgetContents } from 'libs/shared/enums/WidgetContents';\nimport { WidgetInteraction } from 'libs/shared/enums/WidgetInteraction';\nimport { Breakpoints, useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { BaseObject, WidgetType } from 'libs/shared/interfaces';\n\nimport { FixedWidgetProps, WIDGET_ITEM_LIMIT } from './FixedWidget';\nimport { FixedWidgetPayload, FixedWidgetState } from './FixedWidgetReducer';\n\nexport interface WidgetData {\n id?: string;\n name?: string;\n description?: string;\n}\n\nexport function useFetchData<T extends FixedWidgetItemProps = FixedWidgetItemProps>(\n props: FixedWidgetProps<T>,\n dispatch: React.Dispatch<ReducerActions<WidgetInteraction, FixedWidgetPayload>>,\n shouldFetch: boolean\n): Flight.Response<any> {\n let data = props.collection;\n let res: Flight.Response<any>;\n\n if ((!data || ObjectHelper.isEmpty(data)) && !props.prefetched) {\n res = props.fetch(shouldFetch);\n data = res.data;\n }\n\n /**\n * Once we have the widget data, lazily update our state with the new collection\n */\n const collection = (FunctionHelper.isFunction(props.setData) && data) ? props.setData(data) : data;\n let collectionToDisplay = collection;\n\n const breakpoints = useBreakpoints();\n\n React.useEffect(() => {\n if (!data || ObjectHelper.isEmpty(data))\n return;\n\n if (props.limitTotalItems)\n collectionToDisplay = collection.length > WIDGET_ITEM_LIMIT ? collection.slice(0, WIDGET_ITEM_LIMIT) : collection;\n\n let type = props.type;\n\n // The ResourcesTile widget type is deprecated. We render the Row type instead in this case\n if (type === WidgetType.ResourcesTile)\n type = WidgetType.Row;\n\n dispatch({\n type: WidgetInteraction.Init,\n payload: {\n totalItems: collectionToDisplay.length,\n breakpoints,\n type,\n contents: props.contents\n }\n });\n }, [collection?.length]);\n\n return res;\n}\n\n/**\n * This function wrapper determines which widget item images should be pre-fetched by the LazyImage component.\n * It does this by looking at which images are going to be shown after the users clicks on the \"Next\"\n * widget button.\n */\nexport function getShouldPreload(state: FixedWidgetState, collection: any[]): (widgetItem: any) => boolean {\n const { offset, viewableItems } = state;\n\n // The index of the latest item that has been fetched\n const maxLoadedIndex = offset;\n\n /**\n * The indicesToPreload is an array of indices of widget items that should be prefetched by the\n * LazyImage component\n */\n const indicesToPreload: number[] = [];\n for (let i = 0; i < maxLoadedIndex + viewableItems; i++) {\n indicesToPreload.push(i);\n }\n\n /**\n * A widget item calls this function to determine whether or not its image can be pre-fetched.\n * This is determined by whether or not its index has been deemed valid to be pre-fetched\n * by the scope above\n */\n return function shouldPreload(widgetItem: any): boolean {\n const index = collection.indexOf(widgetItem);\n\n return indicesToPreload.includes(index);\n };\n}\n\nexport function getCollectionAppLink(appLink: Core.AppLink, data: WidgetData): Core.AppLink {\n if (!appLink)\n return;\n\n return {\n ...appLink,\n args: appLink.args || [ data.id, TextHelper.slugify(data.name) ]\n };\n}\n\n/**\n * Allow explicit name and description props to override the fetched\n * data properties.\n * \n * @param props \n * @param data \n */\nexport function formatData<T extends FixedWidgetItemProps = FixedWidgetItemProps>(\n props: FixedWidgetProps<T>,\n data: BaseObject\n): WidgetData {\n const { name, description } = props;\n\n const overrideProps: WidgetData = {};\n\n if (Array.isArray(data))\n return { name, description };\n\n if (props.name) overrideProps.name = name;\n if (props.description) overrideProps.description = description;\n\n return { ...data, ...overrideProps };\n}\n\n/**\n * The functions below are used by the reducer to compute the number of widget items\n * displayed on the screen based on the media query, widget type, and total number of items.\n */\ntype ComputeFunction = (breakpoints: Breakpoints, type: WidgetType, itemCount: number) => number;\n\n/**\n * TODO:\n * This and the `WidgetType` enum need to be replaced entirely as this is no longer maintainable.\n * Each widget type + template combination should define it's own item count per\n * breakpoint and pass it in as props.\n */\nexport function getComputeFunction(contents: WidgetContents): ComputeFunction {\n switch (contents) {\n case WidgetContents.Playlists:\n return computeViewablePlaylists;\n\n case WidgetContents.Videos:\n return computeViewableVideos;\n\n case WidgetContents.RecentActivities:\n return computeViewableRecentActivities;\n\n case WidgetContents.FeedVideos:\n return computeViewableFeedVideos;\n\n case WidgetContents.Subjects:\n return computeViewableSubjects;\n\n case WidgetContents.InteractivesV2:\n return computeViewableInteractivesV2;\n\n case WidgetContents.Interactives:\n return computeViewableInteractives;\n\n case WidgetContents.ClipsV2:\n return computeViewableClipsV2;\n\n case WidgetContents.Clips:\n return computeViewableClips;\n\n case WidgetContents.PlayPageResources:\n return computeViewablePlayPageResources;\n\n case WidgetContents.PlayPageResourcesV2:\n return computeViewablePlayPageResourcesV2;\n\n case WidgetContents.DashboardResources:\n return computeViewableVideos;\n\n case WidgetContents.Libraries:\n case WidgetContents.Folders:\n return computeViewableLibraries;\n\n case WidgetContents.Ratings:\n return computeViewableRatings;\n \n case WidgetContents.SpecialEvents:\n return computeViewableSpecialEvents;\n\n case WidgetContents.Companies:\n return computeViewableCompanies;\n\n case WidgetContents.SmallSeries:\n return computeViewableSmallSeries;\n\n case WidgetContents.Series:\n default:\n return computeViewableSeries;\n }\n}\n\nfunction computeViewablePlaylists(breakpoints: Breakpoints, type: WidgetType, itemCount: number): number {\n let maxItems: number = 5;\n\n if (breakpoints.xs)\n maxItems = 2;\n else if (breakpoints.sm)\n maxItems = 3;\n else if (breakpoints.md)\n maxItems = 4;\n\n if (itemCount < maxItems)\n maxItems = itemCount;\n\n return maxItems;\n}\n\nfunction computeViewableCompanies(breakpoints: Breakpoints, type: WidgetType, itemCount: number): number {\n let maxItems: number = 8;\n\n if (breakpoints.xs || breakpoints.sm)\n maxItems = 4;\n else if (breakpoints.md)\n maxItems = 6;\n\n if (itemCount < maxItems)\n maxItems = itemCount;\n\n return maxItems;\n}\n\nfunction computeViewableLibraries(breakpoints: Breakpoints, type: WidgetType, itemCount: number): number {\n let maxItems: number = 3;\n\n if (breakpoints.xs || breakpoints.sm)\n maxItems = 1;\n else if (breakpoints.md)\n maxItems = 2;\n else if (breakpoints.lg)\n maxItems = 3;\n\n if (itemCount < maxItems)\n maxItems = itemCount;\n\n return maxItems;\n}\n\nfunction computeViewableVideos(breakpoints: Breakpoints, type: WidgetType, itemCount: number): number {\n let maxItems = 4;\n\n if (breakpoints.xs)\n maxItems = 1;\n\n if (breakpoints.sm)\n maxItems = 2;\n\n if (breakpoints.md || breakpoints.lg)\n maxItems = 3;\n\n if (type === WidgetType.LargeRow && maxItems > 3)\n maxItems = 3;\n \n if (itemCount < maxItems)\n maxItems = itemCount;\n\n return maxItems;\n}\n\nfunction computeViewableRecentActivities(breakpoints: Breakpoints, type: WidgetType, itemCount: number): number {\n let maxItems = 4;\n\n if (breakpoints.xs)\n maxItems = 2;\n\n if (breakpoints.sm)\n maxItems = 3;\n \n if (itemCount < maxItems)\n maxItems = itemCount;\n\n return maxItems;\n}\n\n// eslint-disable-next-line\nfunction computeViewableFeedVideos(breakpoints: Breakpoints, type: WidgetType, itemCount: number): number {\n return 1;\n}\n\nfunction computeViewableSubjects(breakpoints: Breakpoints, type: WidgetType, itemCount: number): number {\n if (type === WidgetType.LargeRow) {\n let maxItems: number = 5;\n\n if (breakpoints.xs)\n maxItems = 2;\n else if (breakpoints.sm)\n maxItems = 3;\n else if (breakpoints.md)\n maxItems = 4;\n\n if (itemCount < maxItems)\n maxItems = itemCount;\n\n return maxItems;\n }\n\n let maxItems: number = 6;\n\n if (breakpoints.xs)\n maxItems = 2;\n else if (breakpoints.sm)\n maxItems = 3;\n else if (breakpoints.md)\n maxItems = 4;\n else if (breakpoints.lg)\n maxItems = 5;\n else if (breakpoints.xl || breakpoints.xxl)\n maxItems = 6;\n\n if (itemCount < maxItems)\n maxItems = itemCount;\n\n return maxItems;\n}\n\nfunction computeViewableInteractives(breakpoints: Breakpoints, type: WidgetType, itemCount: number): number {\n let maxItems: number = 3;\n\n if (breakpoints.md || breakpoints.sm)\n maxItems = 2;\n\n if (breakpoints.xs)\n maxItems = 1;\n\n if (itemCount < Math.ceil(maxItems))\n maxItems = itemCount;\n\n return maxItems;\n}\n\nfunction computeViewableClips(breakpoints: Breakpoints, type: WidgetType, itemCount: number): number {\n let maxItems: number = 3;\n\n if (breakpoints.md || breakpoints.sm)\n maxItems = 2;\n\n if (breakpoints.xs)\n maxItems = 1;\n\n if (itemCount < Math.ceil(maxItems))\n maxItems = itemCount;\n\n return maxItems;\n}\n\nfunction computeViewableInteractivesV2(breakpoints: Breakpoints, type: WidgetType, itemCount: number): number {\n let maxItems: number = 3;\n \n if (breakpoints.xs)\n maxItems = 2;\n\n if (itemCount < maxItems)\n maxItems = itemCount;\n\n return maxItems;\n}\n\nfunction computeViewableClipsV2(breakpoints: Breakpoints, type: WidgetType, itemCount: number): number {\n let maxItems: number = 3;\n\n if (breakpoints.xs)\n maxItems = 2;\n\n if (itemCount < maxItems)\n maxItems = itemCount;\n\n return maxItems;\n}\n\nfunction computeViewablePlayPageResources(breakpoints: Breakpoints, type: WidgetType, itemCount: number): number {\n let maxItems: number = 4;\n \n if (breakpoints.sm)\n maxItems = 3;\n\n if (breakpoints.xs)\n maxItems = 2;\n\n if (itemCount < maxItems)\n maxItems = itemCount;\n\n return maxItems;\n}\n\nfunction computeViewablePlayPageResourcesV2(breakpoints: Breakpoints, type: WidgetType, itemCount: number): number {\n let maxItems: number = 3;\n\n if (breakpoints.xs)\n maxItems = 2;\n\n if (itemCount < maxItems)\n maxItems = itemCount;\n\n return maxItems;\n}\n\nfunction computeViewableSeries(breakpoints: Breakpoints, type: WidgetType, itemCount: number): number {\n let maxItems: number = 4;\n\n if (breakpoints.xs)\n maxItems = 2;\n else if (breakpoints.sm)\n maxItems = 3;\n\n if (itemCount < maxItems)\n maxItems = itemCount;\n\n return maxItems;\n}\n\nfunction computeViewableSmallSeries(breakpoints: Breakpoints, type: WidgetType, itemCount: number): number {\n let maxItems: number = 6;\n\n if (breakpoints.xs)\n maxItems = 2;\n else if (breakpoints.sm)\n maxItems = 3;\n else if (breakpoints.md)\n maxItems = 4;\n\n else if (breakpoints.lg)\n maxItems = 5;\n\n if (itemCount < maxItems)\n maxItems = itemCount;\n\n return maxItems;\n}\n\nfunction computeViewableRatings(breakpoints: Breakpoints, type: WidgetType, itemCount: number): number {\n if (itemCount < 4)\n return itemCount;\n\n let maxItems: number = 5;\n\n if (breakpoints.xs || breakpoints.sm)\n maxItems = 3;\n\n if (breakpoints.md || breakpoints.lg)\n maxItems = 4;\n\n if (itemCount === 4 && (breakpoints.xs || breakpoints.sm)) {\n maxItems = 3;\n }\n\n if (itemCount < maxItems)\n maxItems = itemCount;\n\n return maxItems;\n}\n\nfunction computeViewableSpecialEvents(breakpoints: Breakpoints, type: WidgetType, itemCount: number): number {\n if (itemCount < 6)\n return itemCount;\n\n let maxItems: number = 6;\n\n if (breakpoints.xs)\n maxItems = 2;\n\n if (breakpoints.sm)\n maxItems = 3;\n\n if (breakpoints.md)\n maxItems = 4;\n\n if (breakpoints.lg)\n maxItems = 5;\n\n if (breakpoints.xl || breakpoints.xxl)\n maxItems = 6;\n\n if (itemCount < maxItems)\n maxItems = itemCount;\n\n return maxItems;\n}\n\n/**\n * Touch event handlers\n */\nexport function getOnTouchStart(\n widgetState: FixedWidgetState,\n containerRef: React.MutableRefObject<HTMLDivElement>,\n containerWidth: number,\n setContainerWidth: React.Dispatch<number>,\n initialTouchX: number,\n setInitialTouchX: React.Dispatch<number>,\n setPercentageDragged: React.Dispatch<number>\n): (event: React.TouchEvent<HTMLDivElement>) => void {\n return function(event: React.TouchEvent<HTMLDivElement>): void {\n const firstTouch = event.touches.item(0);\n const touchX = firstTouch.clientX;\n\n /**\n * Runs only on the very first touch event.\n * \n * Sets the initial x-coordinate as a reference point to calculate how far the user has dragged before\n * they release their finder\n */\n if (!initialTouchX) {\n containerRef.current.style.transition = '';\n\n setContainerWidth(containerRef.current.getBoundingClientRect().width);\n setInitialTouchX(touchX);\n }\n\n const pixelsDragged = initialTouchX - touchX;\n\n // Calculate how far the user has moved their finger as a percentage of the widget's container element\n let currentPercentageDragged = ((pixelsDragged / containerWidth) * 100);\n\n /**\n * These 2 if statements prevent the user from dragging the widget beyond its limits.\n * One if statement handles if they have dragged to the left, and the other is for dragging to the right.\n * \n * The same logic is used to hide the widget buttons (see the `hide` prop passed to `<WidgetButton />`)\n */\n if (currentPercentageDragged < 0 && (widgetState.offset === widgetState.viewableItems))\n currentPercentageDragged = 0;\n\n else if (currentPercentageDragged > 0 && (widgetState.offset === widgetState.totalItems))\n currentPercentageDragged = 0;\n\n setPercentageDragged(currentPercentageDragged);\n };\n}\n\nconst DRAG_TOLERANCE = 7.5; // % of container width using to trigger a transition.\n\nexport function getOnTouchEnd(\n containerRef: React.MutableRefObject<HTMLDivElement>,\n setInitialTouchX: React.Dispatch<number>,\n percentageDragged: number,\n setPercentageDragged: React.Dispatch<number>,\n dispatch: React.Dispatch<ReducerActions<WidgetInteraction, FixedWidgetPayload>>,\n onNext: () => void,\n onPrevious: () => void\n): () => void {\n return function(): void {\n containerRef.current.style.transition = 'transform .4s ease-in-out';\n setInitialTouchX(null);\n\n /**\n * Only trigger a Next/Previous widget event if the user has dragged beyond DRAG_TOLERANCE% either way of the\n * container's width. This means if the user only drags left/right a tiny little bit, the widget\n * will simply slide back into its original place.\n */\n if (Math.abs(percentageDragged) >= DRAG_TOLERANCE) {\n const reducerAction = percentageDragged > 0 ? WidgetInteraction.Next : WidgetInteraction.Previous;\n\n dispatch({\n type: reducerAction\n });\n\n if (percentageDragged > 0 && onNext) {\n onNext();\n } else if (percentageDragged < 0 && onPrevious) {\n onPrevious();\n }\n }\n\n setPercentageDragged(0);\n };\n}\n\nexport function hideBackButton(\n isHoveringOnFarLeft: boolean,\n isHoveringOnWidget: boolean,\n widgetOffset: number,\n maxViewableItems: number,\n widgetCollectionSize: number\n): boolean {\n // When hovering on the very far left widget item, hide the back button\n if (isHoveringOnFarLeft)\n return true;\n\n // if the collection size is smaller than the max viewable items, hide the back button\n if (widgetCollectionSize <= maxViewableItems)\n return true;\n\n // When hovering on the entire widget area, hide the back button if the widget is in the far left position\n if (isHoveringOnWidget)\n return widgetOffset === maxViewableItems;\n\n return true;\n}\n\nexport function hideNextButton(\n isHoveringOnFarRight: boolean,\n isHoveringOnWidget: boolean,\n widgetOffset: number,\n maxViewableItems: number,\n widgetCollectionSize: number,\n showSeeMoreButton: boolean\n): boolean {\n // When hovering on the very far right widget item, hide the next button\n if (isHoveringOnFarRight)\n return true;\n\n // if the collection size is smaller than the max viewable items, hide the next button\n if (widgetCollectionSize <= maxViewableItems)\n return true;\n\n // Always show the next button if the widget is in the far left position\n if (widgetOffset === maxViewableItems)\n return false;\n\n // When the user is hovering over the entire widget area...\n if (isHoveringOnWidget) {\n // If we want to show the \"See more\" button, don't hide the next button\n if (showSeeMoreButton)\n return false;\n\n // Only show the next button if there are still more items to show\n return widgetCollectionSize <= widgetOffset;\n }\n\n return true;\n}\n\nexport interface FixedWidgetControls {\n jumpToIndex: (index: number) => void;\n}\n\n/**\n * If a component consuming FixedWidget needs to dispatch events to FixedWidget,\n * it can pass in a `controlsRef` prop, which will receive the API defined\n * below. This API can be extended as needed.\n * See FeedVideoCollection.tsx for an example\n */\nexport function useControlsRef(\n ref: React.MutableRefObject<FixedWidgetControls>,\n dispatch: React.Dispatch<ReducerActions<WidgetInteraction, FixedWidgetPayload>>\n): void {\n React.useEffect(() => {\n if (!ref || ref.current)\n return;\n\n ref.current = {\n jumpToIndex: (index: number) => dispatch({\n type: WidgetInteraction.JumpToIndex,\n payload: {\n offset: index + 1\n }\n })\n };\n }, [ref?.current]);\n}","import * as React from 'react';\n\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\n\nimport { PartialWidgetHeader } from 'libs/shared/components/widgets/curated-widgets/components/header/partial-loading/PartialWidgetHeader';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\n\nimport styles from './fixed-widget.scss';\n\nfunction useGetSize(size?: 'sm' | 'lg'): HashObject {\n const breakpoints = useBreakpoints();\n\n if (breakpoints.xs)\n return {\n itemCount: 1,\n colSize: 12\n };\n\n if (breakpoints.sm)\n return {\n itemCount: 2,\n colSize: 6\n };\n\n if (breakpoints.md || breakpoints.lg)\n return {\n itemCount: 3,\n colSize: 4\n };\n\n return {\n itemCount: size === 'sm' ? 4 : 3,\n colSize: size === 'sm' ? 3 : 4\n };\n}\n\nexport interface PartialFixedWidgetItemProps {\n colSize: number;\n}\n\nconst PartialLoadingItem = ({ colSize }: PartialFixedWidgetItemProps) => (\n <div className={`col-${colSize} px-1`}>\n <div className={`${styles.partialItem} partial-loading-background rounded-3`} />\n </div>\n);\n\nexport interface PartialFixedWidgetProps {\n hideDescription?: boolean;\n hideHeading?: boolean;\n size?: 'sm' | 'lg';\n childComponent?: (props: PartialFixedWidgetItemProps) => JSX.Element;\n}\n\nPartialFixedWidget.defaultProps = {\n size: 'sm',\n childComponent: PartialLoadingItem\n};\n\nexport function PartialFixedWidget(props: PartialFixedWidgetProps): JSX.Element {\n const { itemCount, colSize } = useGetSize(props.size);\n\n const ChildComponent = props.childComponent;\n\n const items = [];\n for (let i = 0; i < itemCount; i++) {\n items.push(<ChildComponent key={i} colSize={colSize} />);\n }\n\n return (\n <div className='widget'>\n <PartialWidgetHeader hideHeading={props.hideHeading} hideDescription={props.hideDescription} />\n <div className='row g-0 mx-n1'>\n {items}\n </div>\n </div>\n );\n}","import { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\n\nconst blankImage = new Image();\nblankImage.src = 'data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=';\n\nexport const DragHelper = {\n // This removes the image that appears when you drag a draggable HTML element\n hideDragImage(event: React.DragEvent<HTMLElement>): void {\n if (!event.dataTransfer.setDragImage || !FunctionHelper.isFunction(event.dataTransfer.setDragImage))\n return;\n\n event.dataTransfer.setDragImage(blankImage, 0, 0);\n }\n};","import * as React from 'react';\n\nimport { UserAgentHelper } from 'libs/common/backbone/utils/UserAgentHelper';\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\n\nimport { CssMeasurement } from 'libs/shared/enums/CssMeasurement';\nimport { DragHelper } from 'libs/shared/utils/DragHelper';\n\nconst isTouchScreen = UserAgentHelper.isTouchScreen();\n\nconst getPositionStyling = (xPosition: number, measurement: CssMeasurement, dragPercentage?: number) => {\n // Used in situations where a touch screen user is dragging the `<FixedWidget />`\n if (measurement === CssMeasurement.Percentage && dragPercentage)\n xPosition = xPosition - dragPercentage;\n\n return {\n transform: `translate3d(${xPosition}${measurement}, 0px, 0px)`,\n transition: 'transform .4s ease-in-out'\n };\n};\n\ninterface SlidingListContainerProps extends React.PropsWithChildren<unknown> {\n position: number;\n positionType: CssMeasurement;\n\n onDrag?: (event: React.DragEvent<HTMLDivElement>) => void;\n onDragEnd?: () => void;\n\n onTouchMove?: (event: React.TouchEvent<HTMLDivElement>) => void;\n onTouchEnd?: () => void;\n\n percentageDragged?: number;\n}\n\nexport const SlidingListContainer = React.forwardRef((\n props: SlidingListContainerProps,\n ref: React.MutableRefObject<HTMLDivElement>\n): JSX.Element => {\n const { children, positionType, onDrag, onDragEnd, onTouchMove, onTouchEnd, percentageDragged, position = 0 } = props;\n\n function getEventListeners(): HashObject {\n const listenerProps: HashObject = {};\n\n if (onDrag && onDragEnd) {\n listenerProps.draggable = true;\n listenerProps.onDragEnd = onDragEnd;\n listenerProps.onDragStart = DragHelper.hideDragImage;\n listenerProps.onDragOver = onDrag;\n }\n\n if (onTouchMove && onTouchEnd && isTouchScreen) {\n listenerProps.onTouchMoveCapture = onTouchMove;\n listenerProps.onTouchEndCapture = onTouchEnd;\n }\n\n return listenerProps;\n }\n\n return (\n <div\n className='d-flex flex-nowrap position-relative w-100'\n style={getPositionStyling(position, positionType, percentageDragged)}\n ref={ref}\n {...getEventListeners()}\n >\n {children}\n </div>\n );\n});","// extracted by mini-css-extract-plugin\nexport default {\"buttonContainer\":\"_ejId\",\"left\":\"VSAPU\",\"right\":\"kgeXh\",\"button\":\"gAsE9\",\"hoverText\":\"APA36\",\"buttonHover\":\"cqD75\",\"chevron\":\"Ev4hr\",\"extendedClickableArea\":\"AtsWP\",\"gradientRight\":\"ZuAif\",\"gradientLeft\":\"Pt3nx\",\"topPos\":\"BVcIS\"};","import * as React from 'react';\n\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { FixedWidgetState } from 'libs/shared/components/widgets/fixed-widget';\nimport { WidgetContents } from 'libs/shared/enums/WidgetContents';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './widget-button.scss';\n\nexport enum WidgetButtonDirection {\n Left,\n Right\n}\n\ninterface WidgetButtonProps {\n onClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n direction: WidgetButtonDirection;\n hide: boolean;\n contents?: WidgetContents;\n useGradientBackdrop?: boolean;\n className?: string;\n hoverText?: string;\n hideExtendedClickableArea?: boolean;\n state?: FixedWidgetState;\n\n leftButtonClassName?: string;\n rightButtonClassName?: string;\n leftGradientClassName?: string;\n rightGradientClassName?: string;\n}\n\nexport const WidgetButton = React.memo(function(props: WidgetButtonProps): JSX.Element {\n const isLeft = props.direction === WidgetButtonDirection.Left;\n\n const arrowSvg = isLeft ? cvSvgLibrary.ChevronLeft : cvSvgLibrary.ChevronRight;\n\n function getPositionClass(): string {\n let className = styles.topPos;\n \n // Left / Right\n if (isLeft)\n className += ` ${styles.left} ${props.leftButtonClassName}`;\n else\n className += ` ${styles.right} ${props.rightButtonClassName}`;\n \n return className;\n }\n\n function getStyle(): React.CSSProperties {\n if (props.state?.contents === 'videos')\n return { paddingBottom: (56.25 / props.state?.viewableItems) + '%' };\n\n return { height: '100%' };\n }\n\n if (props.hide)\n return <></>;\n\n return (\n <div className={styles.buttonContainer} style={getStyle()}>\n {props.useGradientBackdrop &&\n <div className={isLeft ? `${styles.gradientLeft} ${props.leftGradientClassName}` : `${styles.gradientRight} ${props.rightGradientClassName}`} />\n }\n\n {!props.hideExtendedClickableArea && (\n <div\n role='button'\n onClick={props.onClick}\n className={`${styles.extendedClickableArea} ${isLeft ? styles.left : styles.right}`}\n />\n )}\n\n <div\n role='button'\n className={`${getPositionClass()} ${styles.button} ${props.className || ''}`}\n onClick={props.onClick}\n >\n {props.hoverText && (\n <span className={`ps-3 pe-2 ${styles.hoverText}`}>{props.hoverText}</span>\n )}\n <SvgContainer\n svgName={arrowSvg}\n size={SvgContainerSize.Medium}\n className={`svg-container d-inline-block ${styles.chevron}`}\n />\n </div>\n </div>\n );\n});","export enum CssMeasurement {\n Percentage = '%',\n Pixels = 'px'\n}","export enum WidgetContents {\n Videos = 'videos',\n FeedVideos = 'feed videos',\n Series = 'series',\n Subjects = 'subjects',\n Playlists = 'playlists',\n Interactives = 'interactives',\n Clips = 'clips',\n PlayPageResources = 'play page resources',\n DashboardResources = 'dashboard resources',\n Libraries = 'Libraries',\n Folders = 'Folders',\n RecentActivities = 'recent activities',\n SmallSeries = 'small series',\n Companies = 'companies',\n Ratings = 'ratings',\n SpecialEvents = 'special events',\n\n InteractivesV2 = 'interactives v2',\n ClipsV2 = 'clips v2',\n PlayPageResourcesV2 = 'playpage resources v2'\n}","export enum WidgetInteraction {\n Init = 'init',\n Next = 'next',\n Previous = 'previous',\n Resize = 'resize',\n Drag = 'drag',\n Update = 'update',\n JumpToIndex = 'jump-to-index'\n}","// extracted by mini-css-extract-plugin\nexport default {\"rightOverflowGradient\":\"tAbzW\",\"leftOverflowGradient\":\"JXtNs\",\"partialItem\":\"iNH_I\",\"mobileScroll\":\"bDcOS\"};"],"names":["getPhrase","LanguageService","SeeMore","props","className","AppLink","appLink","analyticsData","analyticsOptions","descriptor","WidgetHeader","hasDescription","description","name","onClick","showSeeMoreLink","PartialWidgetHeader","hideDescription","hideHeading","style","height","width","namespace","WIDGET_ITEM_LIMIT","FixedWidget","getWidgetItemAnalyticsData","initialTouchX","setInitialTouchX","containerWidth","setContainerWidth","percentageDragged","setPercentageDragged","state","dispatch","containerRef","buttonsRef","isHovering","isHoveringOnFarLeft","setIsHoveringOnFarLeft","isHoveringOnFarRight","setIsHoveringOnFarRight","controlsRef","prevent","lazyLoad","ref","shouldFetch","inView","response","getWidgetCollection","limit","responseData","prefetched","collection","data","formattedResponse","setData","slice","widgetItems","limitTotalItems","Infinity","hasReachedEnd","offset","length","breakpoints","shouldScroll","touchBehavior","type","payload","contents","totalItems","widgetContext","collectionSize","hasError","PartialComponent","partialComponent","minimumItemCount","WidgetItemComponent","childComponent","getSliderAnalyticsData","id","direction","showSeeMoreButton","hideButtons","hideBackGradient","viewableItems","hideNextGradient","hasMoreThanViewable","hideName","hideBleedingContent","W","onPrevious","hide","leftWidgetButtonClassName","hideExtendedClickableArea","position","positionType","C","onTouchMove","onTouchEnd","onNext","map","widgetItem","index","key","collectionAppLink","getAppLink","getChildAppLink","context","preloadImage","thumbnailSize","widgetId","widgetName","itemIndex","onHover","hovering","window","setTimeout","onSetIsHovering","extraChildComponentProps","hoverText","rightWidgetButtonClassName","defaultProps","initialWidgetState","computeNextPosition","prevState","remainingCount","computePreviousPosition","FixedWidgetReducer","action","initialSeen","computeViewableItems","lazyWidgetInit","newState","useFetchData","res","fetch","collectionToDisplay","getShouldPreload","maxLoadedIndex","indicesToPreload","i","push","indexOf","includes","getCollectionAppLink","args","formatData","overrideProps","Array","isArray","getComputeFunction","computeViewablePlaylists","computeViewableVideos","computeViewableRecentActivities","computeViewableFeedVideos","computeViewableSubjects","computeViewableInteractivesV2","computeViewableInteractives","computeViewableClipsV2","computeViewableClips","computeViewablePlayPageResources","computeViewablePlayPageResourcesV2","computeViewableLibraries","computeViewableRatings","computeViewableSpecialEvents","computeViewableCompanies","computeViewableSmallSeries","computeViewableSeries","itemCount","maxItems","xs","sm","md","lg","xl","xxl","Math","ceil","getOnTouchStart","widgetState","event","touchX","touches","item","clientX","current","transition","getBoundingClientRect","currentPercentageDragged","DRAG_TOLERANCE","getOnTouchEnd","abs","reducerAction","hideBackButton","isHoveringOnWidget","widgetOffset","maxViewableItems","widgetCollectionSize","hideNextButton","useControlsRef","jumpToIndex","PartialFixedWidget","size","colSize","ChildComponent","items","blankImage","Image","src","DragHelper","dataTransfer","setDragImage","FunctionHelper","isTouchScreen","UserAgentHelper","SlidingListContainer","listenerProps","xPosition","measurement","dragPercentage","children","onDrag","onDragEnd","CssMeasurement","transform","draggable","onDragStart","onDragOver","onTouchMoveCapture","onTouchEndCapture","WidgetButtonDirection","WidgetButton","isLeft","Left","arrowSvg","paddingBottom","useGradientBackdrop","leftGradientClassName","rightGradientClassName","role","leftButtonClassName","rightButtonClassName","SvgContainer","svgName","S","WidgetContents","WidgetInteraction"],"sourceRoot":""}
|