@clickview/lite 0.16.0-rc.3 → 0.16.0-rc.4

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.
Files changed (67) hide show
  1. package/dist/bundles.json +1 -1
  2. package/dist/css/{1261-lite-149e3f989f.chunk.css → 1261-lite-154063f9c1.chunk.css} +1 -1
  3. package/dist/css/{1749-lite-b5c85ba0ec.chunk.css → 1749-lite-12c467219f.chunk.css} +1 -1
  4. package/dist/css/{1929-lite-d233a20ebc.chunk.css → 1929-lite-b747648611.chunk.css} +1 -1
  5. package/dist/css/{6134-lite-9014acf935.chunk.css → 2115-lite-c5eeed0420.chunk.css} +2 -2
  6. package/dist/css/{2132-lite-2ec84f49e8.chunk.css → 2132-lite-35c71c37c2.chunk.css} +1 -1
  7. package/dist/css/{2877-lite-afcc648f39.chunk.css → 2877-lite-b825e6165f.chunk.css} +1 -1
  8. package/dist/css/{6883-lite-2c07aa2163.chunk.css → 300-lite-77d806addb.chunk.css} +1 -1
  9. package/dist/css/{3238-lite-8b239a5cf2.chunk.css → 3238-lite-fed65a158a.chunk.css} +1 -1
  10. package/dist/css/{3436-lite-3f489943a3.chunk.css → 3436-lite-c4ada3b32c.chunk.css} +1 -1
  11. package/dist/css/{380-lite-8423289aa5.chunk.css → 380-lite-ee64365f77.chunk.css} +1 -1
  12. package/dist/css/{8028-lite-5779da0662.chunk.css → 4870-lite-f9a464da2d.chunk.css} +1 -1
  13. package/dist/css/{5092-lite-111103204f.chunk.css → 5092-lite-1180754dc4.chunk.css} +1 -1
  14. package/dist/css/{5652-lite-a6fd1dfe92.chunk.css → 5652-lite-d863878802.chunk.css} +1 -1
  15. package/dist/css/{57-lite-8fe9cfc4fd.chunk.css → 57-lite-ee06d16e27.chunk.css} +1 -1
  16. package/dist/css/{2115-lite-4e2150a7c6.chunk.css → 6134-lite-ee794c3a5d.chunk.css} +2 -2
  17. package/dist/css/{6686-lite-db903cbf4c.chunk.css → 6686-lite-b8db612885.chunk.css} +1 -1
  18. package/dist/css/{6786-lite-d58b95be7d.chunk.css → 6786-lite-f20dbaff86.chunk.css} +1 -1
  19. package/dist/css/{8000-lite-4781348c43.chunk.css → 7199-lite-beac9a729e.chunk.css} +1 -1
  20. package/dist/css/{7631-lite-f2207b66e3.chunk.css → 7631-lite-4a02fecf01.chunk.css} +1 -1
  21. package/dist/css/{7199-lite-4781348c43.chunk.css → 8000-lite-beac9a729e.chunk.css} +1 -1
  22. package/dist/css/{8009-lite-48f081daa1.chunk.css → 8009-lite-259680669b.chunk.css} +1 -1
  23. package/dist/css/{4870-lite-5779da0662.chunk.css → 8028-lite-f9a464da2d.chunk.css} +1 -1
  24. package/dist/css/{9468-lite-46bb2504a1.chunk.css → 8200-lite-5a6b23612b.chunk.css} +1 -1
  25. package/dist/css/{8472-lite-d233a20ebc.chunk.css → 8472-lite-b747648611.chunk.css} +1 -1
  26. package/dist/css/{8200-lite-46bb2504a1.chunk.css → 9468-lite-5a6b23612b.chunk.css} +1 -1
  27. package/dist/css/{9655-lite-e565075b6d.chunk.css → 9655-lite-95612b3c83.chunk.css} +1 -1
  28. package/dist/css/{78-lite-7acf8cf89e.chunk.css → 9990-lite-1b90d8f61a.chunk.css} +1 -1
  29. package/dist/languages/en.json +1 -1
  30. package/dist/scripts/2132-d1778f5f7d-lite.chunk.js +1 -0
  31. package/dist/scripts/300-7ebfdab7e3-lite.chunk.js +1 -0
  32. package/dist/scripts/{380-285cf91d8c-lite.chunk.js → 380-cf9a7fc6d2-lite.chunk.js} +1 -1
  33. package/dist/scripts/{6480-f8f772fd30-lite.chunk.js → 6480-c5a48da666-lite.chunk.js} +1 -1
  34. package/dist/scripts/{7307-8103222f3b-lite.chunk.js → 7307-0d4940037a-lite.chunk.js} +1 -1
  35. package/dist/scripts/8976-80b3e5e87f-lite.chunk.js +2 -0
  36. package/dist/scripts/9655-c0a8b4495d-lite.chunk.js +1 -0
  37. package/dist/scripts/9990-340fffced5-lite.chunk.js +1 -0
  38. package/dist/scripts/bundle-ddf43ca055.min.js +2 -0
  39. package/package.json +2 -2
  40. package/dist/scripts/2132-f931c128b0-lite.chunk.js +0 -1
  41. package/dist/scripts/5166-2f143e3493-lite.chunk.js +0 -2
  42. package/dist/scripts/6883-1077f658c3-lite.chunk.js +0 -1
  43. package/dist/scripts/78-380e57e6a5-lite.chunk.js +0 -1
  44. package/dist/scripts/9655-90ea3a292b-lite.chunk.js +0 -1
  45. package/dist/scripts/bundle-e2b8e2522a.min.js +0 -2
  46. /package/dist/scripts/{1261-a1eb08ff96-lite.chunk.js → 1261-5c8ea9b4ba-lite.chunk.js} +0 -0
  47. /package/dist/scripts/{1749-5e8719338e-lite.chunk.js → 1749-ca8a9205bb-lite.chunk.js} +0 -0
  48. /package/dist/scripts/{1929-c3077d8121-lite.chunk.js → 1929-860c423a79-lite.chunk.js} +0 -0
  49. /package/dist/scripts/{2115-b2055a3720-lite.chunk.js → 2115-fe14dd814a-lite.chunk.js} +0 -0
  50. /package/dist/scripts/{2877-eeb7cad418-lite.chunk.js → 2877-4ef221c88d-lite.chunk.js} +0 -0
  51. /package/dist/scripts/{3238-e0aa2d5956-lite.chunk.js → 3238-ed1db6a2c1-lite.chunk.js} +0 -0
  52. /package/dist/scripts/{3436-f0142cfbf0-lite.chunk.js → 3436-b6aa7a7afb-lite.chunk.js} +0 -0
  53. /package/dist/scripts/{4870-a84ae5bf30-lite.chunk.js → 4870-6fa1f70140-lite.chunk.js} +0 -0
  54. /package/dist/scripts/{5092-2fac7e0ab7-lite.chunk.js → 5092-cd26ac8c1e-lite.chunk.js} +0 -0
  55. /package/dist/scripts/{5652-996d19b37b-lite.chunk.js → 5652-9b24e734ac-lite.chunk.js} +0 -0
  56. /package/dist/scripts/{57-374f744a8a-lite.chunk.js → 57-bccab8beb3-lite.chunk.js} +0 -0
  57. /package/dist/scripts/{6134-9577f554c1-lite.chunk.js → 6134-1da94c12ee-lite.chunk.js} +0 -0
  58. /package/dist/scripts/{6686-850fdeaa88-lite.chunk.js → 6686-0c396dbadc-lite.chunk.js} +0 -0
  59. /package/dist/scripts/{6786-2f9b97d8f4-lite.chunk.js → 6786-112072164b-lite.chunk.js} +0 -0
  60. /package/dist/scripts/{7631-ca682f527d-lite.chunk.js → 7631-7f7a549459-lite.chunk.js} +0 -0
  61. /package/dist/scripts/{8000-72a196c14c-lite.chunk.js → 8000-36a930d3dd-lite.chunk.js} +0 -0
  62. /package/dist/scripts/{8009-7a15e85961-lite.chunk.js → 8009-f96b6c19cf-lite.chunk.js} +0 -0
  63. /package/dist/scripts/{8028-dfb55a0446-lite.chunk.js → 8028-406abba452-lite.chunk.js} +0 -0
  64. /package/dist/scripts/{8200-e2ca05c358-lite.chunk.js → 8200-e6a68567ea-lite.chunk.js} +0 -0
  65. /package/dist/scripts/{8472-c6cf239c6b-lite.chunk.js → 8472-b5f240a421-lite.chunk.js} +0 -0
  66. /package/dist/scripts/{5166-2f143e3493-lite.chunk.js.LICENSE.txt → 8976-80b3e5e87f-lite.chunk.js.LICENSE.txt} +0 -0
  67. /package/dist/scripts/{bundle-e2b8e2522a.min.js.LICENSE.txt → bundle-ddf43ca055.min.js.LICENSE.txt} +0 -0
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[2132],{71020:(e,t,n)=>{n.d(t,{_:()=>u});var r=n(1024),a=n(99910),i=n(64038),o=n(83914),l=n(58130);function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function u(e){var t,n,u=(t=i.useInView(),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 c(e,t);var n=Object.prototype.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}}(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.")}()),s=u[0],d=u[1];return r.useEffect((function(){var t;e.fetchOnScroll&&d&&!e.isFetching&&(null===(t=e.fetchNext)||void 0===t||t.call(e,e.nextCursor))}),[d,e.isFetching]),r.createElement("div",{className:"p-3 text-center ".concat("VwD1b"),ref:s},e.isFetching?r.createElement(a.Spinner,{as:"span",animation:"border",role:"status",className:"eJ85e"}):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)}}))}u.defaultProps={fetchOnScroll:!1}},74696:(e,t,n)=>{n.d(t,{S:()=>u});var r=n(1024),a=n.n(r),i=n(99910),o=n(86764),l=n(81514);const c={partialName:"SicQQ",partialDescription:"dPGMq",partialThumbnail:"vZrnb",partialDragHandle:"iq73R"};function u(e){return a().createElement(a().Fragment,null,Array(e.numVideos).fill(null).map((function(t,n){return a().createElement(s,Object.assign({key:n},e))})))}function s(e){var t=(0,l.V)(),n=t===o.r.XS,r=t===o.r.SM||t===o.r.MD,u=e.withReordering&&!n;return a().createElement(i.Row,{className:"py-2"},a().createElement(i.Col,{xs:n?12:r?4:3,className:"flex-column align-items-flex-start mb-1"},a().createElement(i.Row,null,!!u&&a().createElement("div",{className:"d-flex align-items-center justify-content-center col-2"},a().createElement("div",{className:"partial-loading-background ".concat(c.partialDragHandle)})),a().createElement(i.Col,{xs:u?10:12},a().createElement("div",{className:"partial-loading-background rounded-lg ".concat(c.partialThumbnail)})))),a().createElement(i.Col,{xs:n?12:r?8:9},a().createElement("div",{className:"partial-loading-background ".concat(c.partialSeriesLink)}),a().createElement("div",{className:"partial-loading-background mb-1 ".concat(c.partialName)}),a().createElement("div",{className:"partial-loading-background ".concat(c.partialDescription)}),a().createElement("div",{className:"partial-loading-background ".concat(c.partialBadges)}),a().createElement("div",{className:"partial-loading-background ".concat(c.partialActions)})))}u.defaultProps={numVideos:15}},94644:(e,t,n)=>{n.d(t,{r:()=>s});var r=n(81886),a=n(50242),i=n(67058),o=n(49075),l=n(14553),c=n(49267),u={notFound:i.d,forbidden:{rating:l.q,yearLevel:l.q,region:c.a,privacy:l.q},badRequest:o._};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&&r.Q.ErrorHelper.isStatusCodeError(i)&&(i!==a.o.NotFound?i!==a.o.Forbidden?n.badRequest||r.Q.ErrorHelper.throw(new o.badRequest):n.forbidden||r.Q.ErrorHelper.throw(new o.forbidden.privacy):n.notFound||r.Q.ErrorHelper.throw(new o.notFound))}}},39902:(e,t,n)=>{n.d(t,{f:()=>u});var r=n(1024),a=n.n(r),i=n(58566),o=n(20354);function l(e,t){if(e){if("string"==typeof e)return c(e,t);var n=Object.prototype.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}}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function u(e,t){var n,r,u=(n=a().useState([]),r=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,r)||l(n,r)||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];a().useEffect((function(){if(null==e?void 0:e.length){var t=function(e){return function(e){if(Array.isArray(e))return c(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||l(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})))}}),[null==e?void 0:e.length]);var f=(0,i.useDispatch)(),m=(0,i.useSelector)((function(e){return e}));if(a().useEffect((function(){s.forEach((function(e){var n=t(e);o.a.getResponse(m,n.key).shouldFetch&&o.a.fetch(f,n)}))}),[null==s?void 0:s.length]),!(null==s?void 0:s.length))return{items:null,isFetching:!1};var v={},h={};return s.forEach((function(e,n){var r=t(e),a=o.a.getResponse(m,r.key);h[n]=a,a.data&&a.data.forEach((function(e){return v[e.id]=e}))})),{items:Object.keys(h).some((function(e){return!!h[e].data}))?v:null,isFetching:!!Object.keys(h).some((function(e){return h[e].isFetching}))}}},63936:(e,t,n)=>{n.d(t,{K:()=>u});var r=n(1024),a=n(50242),i=n(79014),o=n(45719),l=n(8843);function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function u(e,t,n,u,s,d){var f,m,v=(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=Object.prototype.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.")}()),h=v[0],p=v[1],g=t,y=(0,o.P)((function(t){if(!e)return null;var n=e(t);return n?n.key:null}),u,s);return(0,l.M)({fetchNextPage:function(){if(t&&e&&y)return p((function(e){return e+1})),g(y.nextCursor)},hasMore:!!(null==y?void 0:y.nextCursor),isFetching:null==y?void 0:y.isFetching,scrollContainer:d}),(0,r.useEffect)((function(){y&&y.shouldInitialFetch&&t&&(g(),p((function(e){return e+1})))}),[null==y?void 0:y.shouldInitialFetch,t]),(0,r.useEffect)((function(){var e,t;if((null==y?void 0:y.statusCode)&&i.q.isFunction(n)){var r=+(null===(t=null===(e=y.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(h,y.statusCode)}}),[null==y?void 0:y.statusCode]),{items:null==y?void 0:y.items,hasMore:!!(null==y?void 0:y.nextCursor),nextCursor:null==y?void 0:y.nextCursor,isFetching:null==y?void 0:y.isFetching,totalItems:null==y?void 0:y.totalItems}}},8843:(e,t,n)=>{n.d(t,{M:()=>i});var r=n(1024),a=n(79014);function i(e){var t=function(){if(!e.isFetching){if(e.scrollContainer){var t=e.scrollContainer;if(t.getBoundingClientRect().height+t.scrollTop<t.scrollHeight-400)return}else if(window.innerHeight+document.documentElement.scrollTop<document.documentElement.scrollHeight-400)return;e.fetchNextPage()}};(0,r.useEffect)((function(){var n=a.q.throttle(t,200),r=e.scrollContainer||window;return e.hasMore&&r.addEventListener("scroll",n),function(){return r.removeEventListener("scroll",n)}}),[e.hasMore,e.fetchNextPage,e.scrollContainer])}},45719:(e,t,n)=>{n.d(t,{F:()=>c,P:()=>u});var r=n(1024),a=n(58566),i=n(20354),o=n(79014);function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var c={items:[],shouldInitialFetch:!1,nextCursor:null,isFetching:!1,statusCode:n(50242).o.Ok,hasCompleted:!0,totalItems:0};function u(e,t,n){function c(e){if(e)return o.q.isFunction(t)?t(e):e.data}function u(e){var t,r;if(e)return n?n(e):null===(r=null===(t=e.pagination)||void 0===t?void 0:t.cursors)||void 0===r?void 0:r.next}return(0,a.useSelector)((0,r.useMemo)((function(){return function(t){if(o.q.isFunction(e)){for(var n=e,r=o.q.isFunction(e)&&n(),a=r&&i.a.getResponse(t,r),s=a&&a.isFetching,d=a&&a.statusCode,f=a&&a.hasCompleted,m=a&&a.shouldFetch,v=c(a&&a.data),h=u(a&&a.data),p=function(e){var t;if(e)return null===(t=e)||void 0===t?void 0:t.count}(a&&a.data);h&&(s=(a=i.a.getResponse(t,n(h))).isFetching,d=a.statusCode,f=a.hasCompleted,!a.shouldFetch);){var g=c(a.data);g&&v.push.apply(v,function(e){if(Array.isArray(e))return l(e)}(E=g)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(E)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var n=Object.prototype.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}}(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.")}());var y=u(a.data);h=y===h?null:y}var b={shouldInitialFetch:m,items:v,nextCursor:h,isFetching:s,statusCode:d,hasCompleted:f};return"number"==typeof p&&(b.totalItems=p),b}var E}}),[e]))}},87821:(e,t,n)=>{n.d(t,{p:()=>a});var r=n(33192),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.utc(e.lastTimeWatched).local().format(),n=r(t).format("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:()=>Y});var r=n(1024),a=n.n(r),i=n(58566),o=n(20354),l=n(23049),c=n(23481),u=n(94644),s=n(69883),d=n(51365),f=n(31949),m=n(83345),v=n(71020),h=n(63936),p=n(39902),g=n(1575),y=n(11025),b=n(65858),E=n(65986),S=n(97037),w=n(22902),C=n(16714),F=n(97816),A=n(87821),k=n(33192),I=n(75896),O=n(28400),j=n(13231),N=n(97291),x=n(14070),H=n(22490);function P(e){return P="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},P(e)}var T="watchHistory.watchHistoryVideoList",M=function(e){return{application:N.O.SERIES,action:x.e.Series.SERIES,args:[e.id,O.m.slugify(e.name)]}};function D(e){var t=I.m.groupBy(e.videoHistory,"lastDateWatched"),n={},a=Object.keys(t).sort().reverse();a.forEach((function(r){n[r]=t[r].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 i=a.reduce((function(e,t){var r,a,i,o,l=n[t].length,c=l+(null!==(r=e.runningTotal)&&void 0!==r?r:0);return Object.assign(Object.assign({},e),(a={runningTotal:c},o=c-l,(i=function(e){var t=function(e,t){if("object"!==P(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t);if("object"!==P(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e,"string");return"symbol"===P(t)?t:String(t)}(i=t))in a?Object.defineProperty(a,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[i]=o,a))}),{});return r.createElement(r.Fragment,null,a.map((function(t){return n[t].length?r.createElement("div",{key:t,className:"pb-3"},r.createElement("h2",{className:"h4"},function(e){var t=k().diff(e,"days");return 0===t?c.T.getPhrase(T,"today"):1===t?c.T.getPhrase(T,"yesterday"):k(e).format("Do MMMM")}(t)),r.createElement(j.E4,{videos:n[t],getVideoAppLink:H.W.getAppLink,getSeriesAppLink:M,setFavourite:e.setFavourite,canFavourite:e.canFavourite,startingPositionIndex:i[t]})):r.createElement(r.Fragment,{key:t})})))}var L=n(74696);const V="vq4eE";function R(){return a().createElement(a().Fragment,null,a().createElement("div",{className:"mb-3"},a().createElement("div",{className:"".concat(V," mb-2 partial-loading-background")}),a().createElement(L.S,{numVideos:2})),a().createElement("div",{className:"mb-3"},a().createElement("div",{className:"".concat(V," mb-2 partial-loading-background")}),a().createElement(L.S,{numVideos:3})),a().createElement("div",{className:"mb-3"},a().createElement("div",{className:"".concat(V," mb-2 partial-loading-background")}),a().createElement(L.S,{numVideos:2})),a().createElement("div",{className:"mb-3"},a().createElement("div",{className:"".concat(V," mb-2 partial-loading-background")}),a().createElement(L.S,{numVideos:5})))}var q=n(23232),U=n(99742),W="watchHistory.watchHistoryEmptyState";function _(){return a().createElement(m.D.Provider,{value:W},a().createElement(q.u,null,a().createElement(q.u.Image,{src:U.W.EmptyStates.WATCH_HISTORY}),a().createElement(q.u.Heading,null,a().createElement(m.x,{phrase:"heading"})),a().createElement(q.u.Info,null,a().createElement(m.x,{phrase:"info"})),a().createElement(q.u.Cta,{text:c.T.getPhrase(W,"cta"),appLink:{application:N.O.DASHBOARD,action:x.e.Dashboard.HOME}})))}function B(){return a().createElement(m.D.Provider,{value:W},a().createElement(q.u,null,a().createElement(q.u.Image,{src:U.W.EmptyStates.WATCH_HISTORY_PUBLIC}),a().createElement(q.u.Heading,null,a().createElement(m.x,{phrase:"publicHeading"})),a().createElement(q.u.Info,null,a().createElement(m.x,{phrase:"publicInfo"})),a().createElement(q.u.Cta,{text:c.T.getPhrase(W,"publicCta"),appLink:{application:N.O.SIGN_UP,action:x.e.SignUp.SIGN_UP},analyticsData:{},analyticsOptions:{actionType:b.UserAction.Click,location:b.LocationContext.WatchHistoryLanding,entity:b.EntityType.AppLink,workflowPhase:b.WorkflowPhase.Start,descriptor:b.SignUpDescriptors.SignUp}})))}var Q="watchHistory.watchHistory";function Y(){var e,t;(0,l.o)(c.T.getPhrase(Q,"pageTitle"));var n=(0,i.useDispatch)(),a=(0,s.Z)(),k=(0,w.T)().hasLocalPermissions,I=(0,S.c)(b.LocationContext.VideoThumbnail),O=I.setFavourite,j=I.canFavourite,N=o.a.useBasicFetch(f.N.currentUser()),x=(0,E._)(E.i.VideoItem),H=function(e){return A.p.userVideoHistory(e)},P=function(e){return o.a.getFetch(n)(H(e))},T=!k(C.E.ViewWatchHistoryLanding)&&N.hasCompleted,M=(0,h.K)(!!T&&H,P,(function(e,t){if(1===e)return(0,u.r)(t);a.error(c.T.getPhrase(Q,"error"))})),L=M.items,V=M.hasMore,q=M.isFetching,U=null!==(e=null==L?void 0:L.map((function(e){return e.videoId})))&&void 0!==e?e:[],W=null!==(t=(0,p.f)(U,(function(e){return g.R.watchHistoryVideos(e)})).items)&&void 0!==t?t:{},Y=Object.keys(W).map((function(e){return W[e]}));return(0,F.V)(Y.filter(y.M.isVideo),{hasCurriculumLinks:!0}),k(C.E.ViewWatchHistoryLanding)?r.createElement(B,null):r.createElement(m.D.Provider,{value:Q},r.createElement("div",{className:"px-3"},r.createElement("h1",{className:"h2"},r.createElement(m.x,{phrase:"heading"})),L?L.length?Y.length?r.createElement(d.M.Provider,{value:x},r.createElement(D,{videoHistory:L,videos:Y,setFavourite:O,canFavourite:j}),(V||q)&&r.createElement(v._,{isFetching:q,fetchNext:P})):r.createElement(R,null):r.createElement(_,null):r.createElement(R,null)))}},97816:(e,t,n)=>{n.d(t,{V:()=>h});var r=n(1024),a=n.n(r),i=n(20354),o=n(31949),l=n(1575),c=n(21750),u=n(87821),s=n(63419);function d(e){return function(e){if(Array.isArray(e))return f(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return f(e,t);var n=Object.prototype.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)?f(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var m={ratings:!1,favourites:!1,watchHistory:!1,hasCurriculumLinks:!1};function v(e,t){var n=i.a.useGetFetch();a().useEffect((function(){t&&e.length&&e.forEach((function(e){n(e)}))}),[e.length])}function h(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=Object.assign(Object.assign({},m),t),r=n.ratings,f=n.favourites,h=n.watchHistory,p=n.hasCurriculumLinks,g=i.a.useBasicFetch(o.N.currentUser()),y=e&&(Array.isArray(e)?e.filter(Boolean).map((function(e){return e.id})):e.data.filter(Boolean).map((function(e){return e.id}))),b=g.data;function E(){if(!(null==b?void 0:b.isAuthenticated))return[];var e=[];return r&&(e=[].concat(d(e),[!!(null==y?void 0:y.length)&&l.R.videoRatings(y,t.flightNamespace)])),f&&(e=[].concat(d(e),[!!(null==y?void 0:y.length)&&b&&s.P.isFavourited(b.id,y,t.flightNamespace)])),h&&(e=[].concat(d(e),[!!(null==y?void 0:y.length)&&b&&u.p.videoHistory(y,t.flightNamespace)])),p&&(e=[].concat(d(e),[!!(null==y?void 0:y.length)&&c.x.hasCurriculumLinks(y,t.flightNamespace)])),e.filter(Boolean)}var S=a().useMemo(E,[null==y?void 0:y.length]);v(S,!!e)}}}]);
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[300],{99564:(t,e,r)=>{r.r(e),r.d(e,{StartSignUpView:()=>g});var n=r(1024),i=r.n(n),o=r(20354),a=r(99910),c=r(49985),l=r(65858),u=r(39151),s=r(2948),p=r(86702);function f(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}var y=r(2903),d=r(38976);function v(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function g(t){var e,r,n,g=(e=(r=(0,s.D)(p.y.OPEN_IN_APP_DATA),n=1,function(t){if(Array.isArray(t))return t}(r)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,i,o,a,c=[],l=!0,u=!1;try{if(o=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=o.call(r)).done)&&(c.push(n.value),c.length!==e);l=!0);}catch(t){u=!0,i=t}finally{try{if(!l&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(u)throw i}}return c}}(r,n)||function(t,e){if(t){if("string"==typeof t)return f(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?f(t,e):void 0}}(r,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.")}())[0],{trialAppLinkString:function(){if(e&&["videos","clips","series","playlists","topics","interactives"].includes(e.app)){var t=e.id;switch(e.app){case"videos":return"video:".concat(t);case"playlists":return"playlist:".concat(t);case"series":return"series:".concat(t);case"topics":return"topic:".concat(t);case"interactives":return"interactive:".concat(t);case"clips":return"clip:".concat(t)}}}()}).trialAppLinkString,h=function(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,i,o,a,c=[],l=!0,u=!1;try{if(o=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=o.call(r)).done)&&(c.push(n.value),c.length!==e);l=!0);}catch(t){u=!0,i=t}finally{try{if(!l&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(u)throw i}}return c}}(t,e)||function(t,e){if(t){if("string"==typeof t)return v(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?v(t,e):void 0}}(t,e)||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.")}()}(i().useState("lg"),2),m=h[0],b=h[1],A=o.a.useBasicFetch(u.L.config());function S(){t.closePopup(),c.k.logUserAction({},{actionType:l.UserAction.Click,location:l.LocationContext.SignUpPopup,entity:l.EntityType.SignUp,descriptor:l.SignUpDescriptors.ClosePopup,workflowPhase:l.WorkflowPhase.Discard})}return A.hasCompleted?i().createElement(a.Modal,{show:!0,onHide:S,size:m},i().createElement(a.Modal.Body,{className:"mx-auto p-0 ".concat("fHGYj"," w-100 position-relative")},i().createElement(d.h,{pageAppLinkString:g,onStepUpdate:function(t){d.e.includes(t)&&b(void 0)},close:S,type:y.c.Popup,location:l.LocationContext.SignUpPopup,googleMapsApiKey:A.data.googleMapsApiKey}))):i().createElement(i().Fragment,null)}}}]);
@@ -1 +1 @@
1
- "use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[380],{71020:(e,t,n)=>{n.d(t,{_:()=>s});var r=n(1024),a=n(99910),o=n(64038),i=n(83914),l=n(58130);function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function s(e){var t,n,s=(t=o.useInView(),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,o,i,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return c(e,t);var n=Object.prototype.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}}(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.")}()),u=s[0],d=s[1];return r.useEffect((function(){var t;e.fetchOnScroll&&d&&!e.isFetching&&(null===(t=e.fetchNext)||void 0===t||t.call(e,e.nextCursor))}),[d,e.isFetching]),r.createElement("div",{className:"p-3 text-center ".concat("VwD1b"),ref:u},e.isFetching?r.createElement(a.Spinner,{as:"span",animation:"border",role:"status",className:"eJ85e"}):r.createElement(i.x,{svgName:l.vn.ChevronDown,className:"svg-container cursor-pointer",size:i.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:()=>s});var r=n(1024),a=n.n(r),o=n(99910),i=n(86764),l=n(81514);const c={partialName:"SicQQ",partialDescription:"dPGMq",partialThumbnail:"vZrnb",partialDragHandle:"iq73R"};function s(e){return a().createElement(a().Fragment,null,Array(e.numVideos).fill(null).map((function(t,n){return a().createElement(u,Object.assign({key:n},e))})))}function u(e){var t=(0,l.V)(),n=t===i.r.XS,r=t===i.r.SM||t===i.r.MD,s=e.withReordering&&!n;return a().createElement(o.Row,{className:"py-2"},a().createElement(o.Col,{xs:n?12:r?4:3,className:"flex-column align-items-flex-start mb-1"},a().createElement(o.Row,null,!!s&&a().createElement("div",{className:"d-flex align-items-center justify-content-center col-2"},a().createElement("div",{className:"partial-loading-background ".concat(c.partialDragHandle)})),a().createElement(o.Col,{xs:s?10:12},a().createElement("div",{className:"partial-loading-background rounded-lg ".concat(c.partialThumbnail)})))),a().createElement(o.Col,{xs:n?12:r?8:9},a().createElement("div",{className:"partial-loading-background ".concat(c.partialSeriesLink)}),a().createElement("div",{className:"partial-loading-background mb-1 ".concat(c.partialName)}),a().createElement("div",{className:"partial-loading-background ".concat(c.partialDescription)}),a().createElement("div",{className:"partial-loading-background ".concat(c.partialBadges)}),a().createElement("div",{className:"partial-loading-background ".concat(c.partialActions)})))}s.defaultProps={numVideos:15}},94644:(e,t,n)=>{n.d(t,{r:()=>u});var r=n(81886),a=n(50242),o=n(67058),i=n(49075),l=n(14553),c=n(49267),s={notFound:o.d,forbidden:{rating:l.q,yearLevel:l.q,region:c.a,privacy:l.q},badRequest:i._};function u(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 o;o="number"==typeof e?e:e.status;var i=Object.assign(Object.assign({},s),t);o&&r.Q.ErrorHelper.isStatusCodeError(o)&&(o!==a.o.NotFound?o!==a.o.Forbidden?n.badRequest||r.Q.ErrorHelper.throw(new i.badRequest):n.forbidden||r.Q.ErrorHelper.throw(new i.forbidden.privacy):n.notFound||r.Q.ErrorHelper.throw(new i.notFound))}}},81409:(e,t,n)=>{n.d(t,{o:()=>l});var r=n(1024),a=n.n(r);function o(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 r,a,o,i,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return i(e,t);var n=Object.prototype.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,r=new Array(t);n<t;n++)r[n]=e[n];return r}function l(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],r=a().useState(!1),i=o(r,2),l=i[1];return a().useEffect((function(){var n=e();return n.off("add remove change"),n.on("add remove change",(function(){l((function(e){return!e}))})),t&&n.on("remove",t),function(){n.off("add remove change")}}),n),e().toJSON()}},63936:(e,t,n)=>{n.d(t,{K:()=>s});var r=n(1024),a=n(50242),o=n(79014),i=n(45719),l=n(8843);function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function s(e,t,n,s,u,d){var m,f,v=(m=(0,r.useState)(0),f=2,function(e){if(Array.isArray(e))return e}(m)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}(m,f)||function(e,t){if(e){if("string"==typeof e)return c(e,t);var n=Object.prototype.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}}(m,f)||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],g=v[1],h=t,y=(0,i.P)((function(t){if(!e)return null;var n=e(t);return n?n.key:null}),s,u);return(0,l.M)({fetchNextPage:function(){if(t&&e&&y)return g((function(e){return e+1})),h(y.nextCursor)},hasMore:!!(null==y?void 0:y.nextCursor),isFetching:null==y?void 0:y.isFetching,scrollContainer:d}),(0,r.useEffect)((function(){y&&y.shouldInitialFetch&&t&&(h(),g((function(e){return e+1})))}),[null==y?void 0:y.shouldInitialFetch,t]),(0,r.useEffect)((function(){var e,t;if((null==y?void 0:y.statusCode)&&o.q.isFunction(n)){var r=+(null===(t=null===(e=y.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(p,y.statusCode)}}),[null==y?void 0:y.statusCode]),{items:null==y?void 0:y.items,hasMore:!!(null==y?void 0:y.nextCursor),nextCursor:null==y?void 0:y.nextCursor,isFetching:null==y?void 0:y.isFetching,totalItems:null==y?void 0:y.totalItems}}},8843:(e,t,n)=>{n.d(t,{M:()=>o});var r=n(1024),a=n(79014);function o(e){var t=function(){if(!e.isFetching){if(e.scrollContainer){var t=e.scrollContainer;if(t.getBoundingClientRect().height+t.scrollTop<t.scrollHeight-400)return}else if(window.innerHeight+document.documentElement.scrollTop<document.documentElement.scrollHeight-400)return;e.fetchNextPage()}};(0,r.useEffect)((function(){var n=a.q.throttle(t,200),r=e.scrollContainer||window;return e.hasMore&&r.addEventListener("scroll",n),function(){return r.removeEventListener("scroll",n)}}),[e.hasMore,e.fetchNextPage,e.scrollContainer])}},45719:(e,t,n)=>{n.d(t,{F:()=>c,P:()=>s});var r=n(1024),a=n(58566),o=n(20354),i=n(79014);function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var c={items:[],shouldInitialFetch:!1,nextCursor:null,isFetching:!1,statusCode:n(50242).o.Ok,hasCompleted:!0,totalItems:0};function s(e,t,n){function c(e){if(e)return i.q.isFunction(t)?t(e):e.data}function s(e){var t,r;if(e)return n?n(e):null===(r=null===(t=e.pagination)||void 0===t?void 0:t.cursors)||void 0===r?void 0:r.next}return(0,a.useSelector)((0,r.useMemo)((function(){return function(t){if(i.q.isFunction(e)){for(var n=e,r=i.q.isFunction(e)&&n(),a=r&&o.a.getResponse(t,r),u=a&&a.isFetching,d=a&&a.statusCode,m=a&&a.hasCompleted,f=a&&a.shouldFetch,v=c(a&&a.data),p=s(a&&a.data),g=function(e){var t;if(e)return null===(t=e)||void 0===t?void 0:t.count}(a&&a.data);p&&(u=(a=o.a.getResponse(t,n(p))).isFetching,d=a.statusCode,m=a.hasCompleted,!a.shouldFetch);){var h=c(a.data);h&&v.push.apply(v,function(e){if(Array.isArray(e))return l(e)}(b=h)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(b)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var n=Object.prototype.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}}(b)||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.")}());var y=s(a.data);p=y===p?null:y}var E={shouldInitialFetch:f,items:v,nextCursor:p,isFetching:u,statusCode:d,hasCompleted:m};return"number"==typeof g&&(E.totalItems=g),E}var b}}),[e]))}},45765:(e,t,n)=>{n.r(t),n.d(t,{MyVideosView:()=>ie});var r=n(1024),a=n.n(r),o=n(58566),i=n(20354),l=n(23481),c=n(81886),s=n(21820),u=n(23049),d=n(31949),m=n(83345),f=n(13231),v=n(51365),p=n(65858),g=n(28400),h=n(74696),y=n(71020),E=n(99910);function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function S(e){var t,n,a=e.children,o=(t=r.useState(!localStorage.getItem(e.localStorageKey)),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,o,i,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return b(e,t);var n=Object.prototype.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)?b(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.")}()),i=o[0],l=o[1];return i?r.createElement(E.Alert,{className:"hdlVY",variant:e.variant,onClose:function(){localStorage.setItem(e.localStorageKey,"1"),l(!1)},dismissible:!0},a):r.createElement(r.Fragment,null)}S.defaultProps={variant:"info"};var C=n(63936),w=n(94644),I=n(69883),A=n(1575),x=n(11025),N=n(22902),O=n(16714),k=n(57322),F=n(97291),P=n(14070),V=n(97037),j=n(22490),D=n(62756),M=n(97816),L=n(81409),T=n(97117),U=n(83914),H=n(58130),_=n(78276),R=n(54610),q=n(81514),B=n(86764),Q=n(5960),Y=n(8493),G=n(5465),W=l.T.encloseNamespace("upload.uploadingItem");function K(e){switch(e){case T.f.Uploading:return"text-success";case T.f.Processing:return"text-info";case T.f.Errored:return"text-danger"}}function $(e){switch(e){case T.f.Uploading:return"success";case T.f.Processing:return"info";case T.f.Errored:return"danger"}}function z(e){var t,n,a=e.item,o=a.status,i=a.progress,l=a.name,c=(0,q.V)(),s=c===B.r.XS,u=c===B.r.SM||c===B.r.MD,d=r.useCallback((function(){e.onClickAlternate(e.item)}),[e.item.status]),m=r.useCallback((function(){e.onClickDelete(e.item)}),[]),f=null;return(null===(t=e.item.video)||void 0===t?void 0:t.status)===Q.X.Published&&(f={application:F.O.VIDEOS,action:P.e.Videos.PLAY_VIDEO,args:[e.item.videoId,g.m.slugify(e.item.video.name)]}),r.createElement(E.Row,{className:"py-2"},r.createElement(E.Col,{xs:s?12:u?4:3},r.createElement("div",{className:"rounded overflow-hidden"},r.createElement(Y.F,{appLink:f},r.createElement(_.Z,{data:null!==(n=e.item.thumbnailUrl)&&void 0!==n?n:"",imageType:R.__.Thumbnails,imageOptions:{size:R.h2.Medium}},r.createElement(G.oy,{type:G.mS.Video}))))),r.createElement(E.Col,{xs:s?12:u?8:9},r.createElement(Y.F,{appLink:f},r.createElement("h5",{className:"m-0 pb-1"},l)),r.createElement("span",{className:K(o)},function(e,t){var n=Math.round(t)||0;switch(e){case T.f.Uploading:return"".concat(W("uploading")," ").concat(n,"%");case T.f.Processing:return 0===n?r.createElement("em",null,W("waitingToBeProcessed")):r.createElement("em",null,W("processing")," ",n,"%");case T.f.Errored:return W("error")}}(o,i)),r.createElement("div",{className:"d-flex"},r.createElement(E.ProgressBar,{className:"flex-grow-1 align-self-center",variant:$(o),now:i}),r.createElement(U.x,{className:"svg-container cursor-pointer ml-2",svgName:o===T.f.Errored?H.vn.Retry:H.vn.Edit,onClick:d}),r.createElement(U.x,{className:"svg-container cursor-pointer ml-2",svgName:H.vn.Delete,onClick:m}))))}var X=n(26859),Z=n(23232),J=n(99742),ee="default.myVideosEmptyState";function te(){return a().createElement(m.D.Provider,{value:ee},a().createElement(Z.u,null,a().createElement(Z.u.Image,{src:J.W.EmptyStates.MY_VIDEOS}),a().createElement(Z.u.Heading,null,a().createElement(m.x,{phrase:"heading"})),a().createElement(Z.u.Info,null,a().createElement(m.x,{phrase:"info"}))))}function ne(){return a().createElement(m.D.Provider,{value:ee},a().createElement(Z.u,null,a().createElement(Z.u.Image,{src:J.W.EmptyStates.MY_VIDEOS_PUBLIC}),a().createElement(Z.u.Heading,null,a().createElement(m.x,{phrase:"publicHeading"})),a().createElement(Z.u.Info,null,a().createElement(m.x,{phrase:"publicInfo"})),a().createElement(Z.u.Cta,{text:l.T.getPhrase(ee,"publicCta"),appLink:{application:F.O.SIGN_UP,action:P.e.SignUp.SIGN_UP}})))}var re=n(65986),ae="default.myVideos",oe=function(e){return{application:F.O.SERIES,action:P.e.Series.SERIES,args:[e.id,g.m.slugify(e.name)]}};function ie(){(0,u.o)(l.T.getPhrase(ae,"pageTitle"));var e,t,n,a,g=(0,I.Z)(),E=(0,o.useDispatch)(),b=(0,V.c)(p.LocationContext.VideoThumbnail),U=b.setFavourite,H=b.canFavourite,_=(0,N.T)(),R=_.hasPermissions,q=_.hasLocalPermissions,B=(0,D.G)().isPlugin,Q=i.a.useBasicFetch(d.N.currentUser()),Y=(e=(0,re._)(re.i.VideoItem),function(t){return x.M.getCanBeConsumed(t).canConsume?e(t):[{label:l.T.getPhrase("default.myVideos","delete"),button:!1,appLink:{application:F.O.VIDEOS,action:P.e.Videos.DELETE_VIDEO,args:[t.id]},className:"btn btn-link text-danger",analyticsOptions:{entity:p.EntityType.Video,actionType:p.UserAction.Delete,location:p.LocationContext.VideoListItem,workflowPhase:p.WorkflowPhase.Start},analyticsData:{id:t.id}}]}),G=function(e){return A.R.myVideos(Q.data.id,e)},W=function(e){return i.a.getFetch(E)(G(e))},K=!q(O.E.ViewMyVideosLanding)&&Q.hasCompleted,$=(0,C.K)(!!K&&G,W,(function(e,t){if(1===e)return(0,w.r)(t);g.error(l.T.getPhrase(ae,"error"))})),Z=$.items,J=$.hasMore,ee=$.isFetching,ie=(0,s.G)(k.K.CombineUploads),le=(t=function(){Q.data&&W()},n=[Q.data],a=(0,s.G)("combine:uploads:service"),(0,L.o)((function(){return a.getCollection()}),t,n)),ce=r.useCallback((function(e){c.Q.AppLinkHelper.trigger({application:F.O.UPLOAD,action:P.e.Upload.CANCEL_UPLOAD,args:[e.id],params:{name:e.name,status:e.status}})}),[]),se=r.useCallback((function(e){switch(e.status){case T.f.Errored:return void ie.retryItem(e);case T.f.Processing:return void c.Q.AppLinkHelper.trigger({application:F.O.VIDEOS,action:P.e.Videos.EDIT_VIDEO,args:[e.videoId]});case T.f.Uploading:ie.editUpload(e)}}),[]),ue=le.reduce((function(e,t){return e[t.videoId]=!0,e}),{}),de=null==Z?void 0:Z.filter((function(e){return!ue[e.id]}));return(0,M.V)(null==de?void 0:de.filter(x.M.isVideo),{hasCurriculumLinks:!0}),q(O.E.ViewMyVideosLanding)?r.createElement(ne,null):r.createElement(v.M.Provider,{value:Y},r.createElement("div",{className:"px-3"},r.createElement("div",{className:"d-flex justify-content-between"},r.createElement("h1",{className:"h2"},r.createElement(m.x,{namespace:ae,phrase:"header"})),r.createElement("div",{className:"d-sm-none"},r.createElement(X.c,{canUpload:R(O.C.UploadVideo)}))),r.createElement("div",null,r.createElement("p",{className:"h6"},r.createElement(m.x,{namespace:ae,phrase:"description"})),!B&&r.createElement(S,{localStorageKey:"uploadInfoDismissed"},r.createElement(m.x,{namespace:ae,phrase:"alertMessage"}),r.createElement("br",null),r.createElement("small",null,r.createElement(m.x,{namespace:ae,phrase:"alertSecondaryMessage"}))),le.map((function(e){return r.createElement(z,{item:e,onClickAlternate:se,onClickDelete:ce,key:e.id})})),Q.data&&de?de.length||le.length?r.createElement(r.Fragment,null,r.createElement(f.E4,{videos:de,getVideoAppLink:j.W.getAppLink,getSeriesAppLink:oe,setFavourite:U,canFavourite:H,canRemovePrivateVideos:!0}),(J||ee)&&r.createElement(y._,{isFetching:ee,fetchNext:W})):r.createElement(te,null):r.createElement(h.S,null))))}},87821:(e,t,n)=>{n.d(t,{p:()=>a});var r=n(33192),a={userVideoHistory:function(e,t,n,a){var o="video:history",i="{gateway}/v1/users/me/watch-history";return e&&(o+=":".concat(e),i+="?cursor=".concat(e)),{key:o,url:i,formatData:function(e){return{data:e.data.map((function(e){var t=r.utc(e.lastTimeWatched).local().format(),n=r(t).format("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 o=e.sort().map((function(e){return"videoId=".concat(e)}));return{key:"video:history:videos:".concat(o.join("&")),url:"{gateway}/v1/videos/history?".concat(o.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}}}},97816:(e,t,n)=>{n.d(t,{V:()=>p});var r=n(1024),a=n.n(r),o=n(20354),i=n(31949),l=n(1575),c=n(21750),s=n(87821),u=n(63419);function d(e){return function(e){if(Array.isArray(e))return m(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return m(e,t);var n=Object.prototype.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)?m(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var f={ratings:!1,favourites:!1,watchHistory:!1,hasCurriculumLinks:!1};function v(e,t){var n=o.a.useGetFetch();a().useEffect((function(){t&&e.length&&e.forEach((function(e){n(e)}))}),[e.length])}function p(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=Object.assign(Object.assign({},f),t),r=n.ratings,m=n.favourites,p=n.watchHistory,g=n.hasCurriculumLinks,h=o.a.useBasicFetch(i.N.currentUser()),y=e&&(Array.isArray(e)?e.filter(Boolean).map((function(e){return e.id})):e.data.filter(Boolean).map((function(e){return e.id}))),E=h.data;function b(){if(!(null==E?void 0:E.isAuthenticated))return[];var e=[];return r&&(e=[].concat(d(e),[!!(null==y?void 0:y.length)&&l.R.videoRatings(y,t.flightNamespace)])),m&&(e=[].concat(d(e),[!!(null==y?void 0:y.length)&&E&&u.P.isFavourited(E.id,y,t.flightNamespace)])),p&&(e=[].concat(d(e),[!!(null==y?void 0:y.length)&&E&&s.p.videoHistory(y,t.flightNamespace)])),g&&(e=[].concat(d(e),[!!(null==y?void 0:y.length)&&c.x.hasCurriculumLinks(y,t.flightNamespace)])),e.filter(Boolean)}var S=a().useMemo(b,[null==y?void 0:y.length]);v(S,!!e)}}}]);
1
+ "use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[380],{71020:(e,t,n)=>{n.d(t,{_:()=>s});var r=n(1024),a=n(99910),o=n(64038),i=n(83914),l=n(58130);function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function s(e){var t,n,s=(t=o.useInView(),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,o,i,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return c(e,t);var n=Object.prototype.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}}(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.")}()),u=s[0],d=s[1];return r.useEffect((function(){var t;e.fetchOnScroll&&d&&!e.isFetching&&(null===(t=e.fetchNext)||void 0===t||t.call(e,e.nextCursor))}),[d,e.isFetching]),r.createElement("div",{className:"p-3 text-center ".concat("VwD1b"),ref:u},e.isFetching?r.createElement(a.Spinner,{as:"span",animation:"border",role:"status",className:"eJ85e"}):r.createElement(i.x,{svgName:l.vn.ChevronDown,className:"svg-container cursor-pointer",size:i.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:()=>s});var r=n(1024),a=n.n(r),o=n(99910),i=n(86764),l=n(81514);const c={partialName:"SicQQ",partialDescription:"dPGMq",partialThumbnail:"vZrnb",partialDragHandle:"iq73R"};function s(e){return a().createElement(a().Fragment,null,Array(e.numVideos).fill(null).map((function(t,n){return a().createElement(u,Object.assign({key:n},e))})))}function u(e){var t=(0,l.V)(),n=t===i.r.XS,r=t===i.r.SM||t===i.r.MD,s=e.withReordering&&!n;return a().createElement(o.Row,{className:"py-2"},a().createElement(o.Col,{xs:n?12:r?4:3,className:"flex-column align-items-flex-start mb-1"},a().createElement(o.Row,null,!!s&&a().createElement("div",{className:"d-flex align-items-center justify-content-center col-2"},a().createElement("div",{className:"partial-loading-background ".concat(c.partialDragHandle)})),a().createElement(o.Col,{xs:s?10:12},a().createElement("div",{className:"partial-loading-background rounded-lg ".concat(c.partialThumbnail)})))),a().createElement(o.Col,{xs:n?12:r?8:9},a().createElement("div",{className:"partial-loading-background ".concat(c.partialSeriesLink)}),a().createElement("div",{className:"partial-loading-background mb-1 ".concat(c.partialName)}),a().createElement("div",{className:"partial-loading-background ".concat(c.partialDescription)}),a().createElement("div",{className:"partial-loading-background ".concat(c.partialBadges)}),a().createElement("div",{className:"partial-loading-background ".concat(c.partialActions)})))}s.defaultProps={numVideos:15}},94644:(e,t,n)=>{n.d(t,{r:()=>u});var r=n(81886),a=n(50242),o=n(67058),i=n(49075),l=n(14553),c=n(49267),s={notFound:o.d,forbidden:{rating:l.q,yearLevel:l.q,region:c.a,privacy:l.q},badRequest:i._};function u(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 o;o="number"==typeof e?e:e.status;var i=Object.assign(Object.assign({},s),t);o&&r.Q.ErrorHelper.isStatusCodeError(o)&&(o!==a.o.NotFound?o!==a.o.Forbidden?n.badRequest||r.Q.ErrorHelper.throw(new i.badRequest):n.forbidden||r.Q.ErrorHelper.throw(new i.forbidden.privacy):n.notFound||r.Q.ErrorHelper.throw(new i.notFound))}}},81409:(e,t,n)=>{n.d(t,{o:()=>l});var r=n(1024),a=n.n(r);function o(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 r,a,o,i,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return i(e,t);var n=Object.prototype.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,r=new Array(t);n<t;n++)r[n]=e[n];return r}function l(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],r=a().useState(!1),i=o(r,2),l=i[1];return a().useEffect((function(){var n=e();return n.off("add remove change"),n.on("add remove change",(function(){l((function(e){return!e}))})),t&&n.on("remove",t),function(){n.off("add remove change")}}),n),e().toJSON()}},63936:(e,t,n)=>{n.d(t,{K:()=>s});var r=n(1024),a=n(50242),o=n(79014),i=n(45719),l=n(8843);function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function s(e,t,n,s,u,d){var m,f,p=(m=(0,r.useState)(0),f=2,function(e){if(Array.isArray(e))return e}(m)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}(m,f)||function(e,t){if(e){if("string"==typeof e)return c(e,t);var n=Object.prototype.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}}(m,f)||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.")}()),v=p[0],g=p[1],h=t,y=(0,i.P)((function(t){if(!e)return null;var n=e(t);return n?n.key:null}),s,u);return(0,l.M)({fetchNextPage:function(){if(t&&e&&y)return g((function(e){return e+1})),h(y.nextCursor)},hasMore:!!(null==y?void 0:y.nextCursor),isFetching:null==y?void 0:y.isFetching,scrollContainer:d}),(0,r.useEffect)((function(){y&&y.shouldInitialFetch&&t&&(h(),g((function(e){return e+1})))}),[null==y?void 0:y.shouldInitialFetch,t]),(0,r.useEffect)((function(){var e,t;if((null==y?void 0:y.statusCode)&&o.q.isFunction(n)){var r=+(null===(t=null===(e=y.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(v,y.statusCode)}}),[null==y?void 0:y.statusCode]),{items:null==y?void 0:y.items,hasMore:!!(null==y?void 0:y.nextCursor),nextCursor:null==y?void 0:y.nextCursor,isFetching:null==y?void 0:y.isFetching,totalItems:null==y?void 0:y.totalItems}}},8843:(e,t,n)=>{n.d(t,{M:()=>o});var r=n(1024),a=n(79014);function o(e){var t=function(){if(!e.isFetching){if(e.scrollContainer){var t=e.scrollContainer;if(t.getBoundingClientRect().height+t.scrollTop<t.scrollHeight-400)return}else if(window.innerHeight+document.documentElement.scrollTop<document.documentElement.scrollHeight-400)return;e.fetchNextPage()}};(0,r.useEffect)((function(){var n=a.q.throttle(t,200),r=e.scrollContainer||window;return e.hasMore&&r.addEventListener("scroll",n),function(){return r.removeEventListener("scroll",n)}}),[e.hasMore,e.fetchNextPage,e.scrollContainer])}},45719:(e,t,n)=>{n.d(t,{F:()=>c,P:()=>s});var r=n(1024),a=n(58566),o=n(20354),i=n(79014);function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var c={items:[],shouldInitialFetch:!1,nextCursor:null,isFetching:!1,statusCode:n(50242).o.Ok,hasCompleted:!0,totalItems:0};function s(e,t,n){function c(e){if(e)return i.q.isFunction(t)?t(e):e.data}function s(e){var t,r;if(e)return n?n(e):null===(r=null===(t=e.pagination)||void 0===t?void 0:t.cursors)||void 0===r?void 0:r.next}return(0,a.useSelector)((0,r.useMemo)((function(){return function(t){if(i.q.isFunction(e)){for(var n=e,r=i.q.isFunction(e)&&n(),a=r&&o.a.getResponse(t,r),u=a&&a.isFetching,d=a&&a.statusCode,m=a&&a.hasCompleted,f=a&&a.shouldFetch,p=c(a&&a.data),v=s(a&&a.data),g=function(e){var t;if(e)return null===(t=e)||void 0===t?void 0:t.count}(a&&a.data);v&&(u=(a=o.a.getResponse(t,n(v))).isFetching,d=a.statusCode,m=a.hasCompleted,!a.shouldFetch);){var h=c(a.data);h&&p.push.apply(p,function(e){if(Array.isArray(e))return l(e)}(b=h)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(b)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var n=Object.prototype.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}}(b)||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.")}());var y=s(a.data);v=y===v?null:y}var E={shouldInitialFetch:f,items:p,nextCursor:v,isFetching:u,statusCode:d,hasCompleted:m};return"number"==typeof g&&(E.totalItems=g),E}var b}}),[e]))}},45765:(e,t,n)=>{n.r(t),n.d(t,{MyVideosView:()=>ie});var r=n(1024),a=n.n(r),o=n(58566),i=n(20354),l=n(23481),c=n(81886),s=n(21820),u=n(23049),d=n(31949),m=n(83345),f=n(13231),p=n(51365),v=n(65858),g=n(28400),h=n(74696),y=n(71020),E=n(99910);function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function S(e){var t,n,a=e.children,o=(t=r.useState(!localStorage.getItem(e.localStorageKey)),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,o,i,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return b(e,t);var n=Object.prototype.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)?b(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.")}()),i=o[0],l=o[1];return i?r.createElement(E.Alert,{className:"hdlVY",variant:e.variant,onClose:function(){localStorage.setItem(e.localStorageKey,"1"),l(!1)},dismissible:!0},a):r.createElement(r.Fragment,null)}S.defaultProps={variant:"info"};var C=n(63936),w=n(94644),A=n(69883),I=n(1575),k=n(11025),x=n(22902),N=n(16714),O=n(57322),F=n(97291),P=n(14070),V=n(97037),j=n(22490),D=n(62756),M=n(97816),L=n(81409),T=n(97117),U=n(83914),H=n(58130),_=n(78276),R=n(54610),q=n(81514),B=n(86764),Q=n(5960),W=n(8493),Y=n(5465),G=l.T.encloseNamespace("upload.uploadingItem");function K(e){switch(e){case T.f.Uploading:return"text-success";case T.f.Processing:return"text-info";case T.f.Errored:return"text-danger"}}function $(e){switch(e){case T.f.Uploading:return"success";case T.f.Processing:return"info";case T.f.Errored:return"danger"}}function z(e){var t,n,a=e.item,o=a.status,i=a.progress,l=a.name,c=(0,q.V)(),s=c===B.r.XS,u=c===B.r.SM||c===B.r.MD,d=r.useCallback((function(){e.onClickAlternate(e.item)}),[e.item.status]),m=r.useCallback((function(){e.onClickDelete(e.item)}),[]),f=null;return(null===(t=e.item.video)||void 0===t?void 0:t.status)===Q.X.Published&&(f={application:F.O.VIDEOS,action:P.e.Videos.PLAY_VIDEO,args:[e.item.videoId,g.m.slugify(e.item.video.name)]}),r.createElement(E.Row,{className:"py-2"},r.createElement(E.Col,{xs:s?12:u?4:3},r.createElement("div",{className:"rounded overflow-hidden"},r.createElement(W.F,{appLink:f},r.createElement(_.Z,{data:null!==(n=e.item.thumbnailUrl)&&void 0!==n?n:"",imageType:R.__.Thumbnails,imageOptions:{size:R.h2.Medium}},r.createElement(Y.oy,{type:Y.mS.Video}))))),r.createElement(E.Col,{xs:s?12:u?8:9},r.createElement(W.F,{appLink:f},r.createElement("h5",{className:"m-0 pb-1"},l)),r.createElement("span",{className:K(o)},function(e,t){var n=Math.round(t)||0;switch(e){case T.f.Uploading:return"".concat(G("uploading")," ").concat(n,"%");case T.f.Processing:return 0===n?r.createElement("em",null,G("waitingToBeProcessed")):r.createElement("em",null,G("processing")," ",n,"%");case T.f.Errored:return G("error")}}(o,i)),r.createElement("div",{className:"d-flex"},r.createElement(E.ProgressBar,{className:"flex-grow-1 align-self-center",variant:$(o),now:i}),r.createElement(U.x,{className:"svg-container cursor-pointer ml-2",svgName:o===T.f.Errored?H.vn.Retry:H.vn.Edit,onClick:d}),r.createElement(U.x,{className:"svg-container cursor-pointer ml-2",svgName:H.vn.Delete,onClick:m}))))}var X=n(26859),Z=n(23232),J=n(99742),ee="default.myVideosEmptyState";function te(){return a().createElement(m.D.Provider,{value:ee},a().createElement(Z.u,null,a().createElement(Z.u.Image,{src:J.W.EmptyStates.MY_VIDEOS}),a().createElement(Z.u.Heading,null,a().createElement(m.x,{phrase:"heading"})),a().createElement(Z.u.Info,null,a().createElement(m.x,{phrase:"info"}))))}function ne(){return a().createElement(m.D.Provider,{value:ee},a().createElement(Z.u,null,a().createElement(Z.u.Image,{src:J.W.EmptyStates.MY_VIDEOS_PUBLIC}),a().createElement(Z.u.Heading,null,a().createElement(m.x,{phrase:"publicHeading"})),a().createElement(Z.u.Info,null,a().createElement(m.x,{phrase:"publicInfo"})),a().createElement(Z.u.Cta,{text:l.T.getPhrase(ee,"publicCta"),appLink:{application:F.O.SIGN_UP,action:P.e.SignUp.SIGN_UP},analyticsData:{},analyticsOptions:{actionType:v.UserAction.Click,location:v.LocationContext.MyVideoLanding,entity:v.EntityType.AppLink,workflowPhase:v.WorkflowPhase.Start,descriptor:v.SignUpDescriptors.SignUp}})))}var re=n(65986),ae="default.myVideos",oe=function(e){return{application:F.O.SERIES,action:P.e.Series.SERIES,args:[e.id,g.m.slugify(e.name)]}};function ie(){(0,u.o)(l.T.getPhrase(ae,"pageTitle"));var e,t,n,a,g=(0,A.Z)(),E=(0,o.useDispatch)(),b=(0,V.c)(v.LocationContext.VideoThumbnail),U=b.setFavourite,H=b.canFavourite,_=(0,x.T)(),R=_.hasPermissions,q=_.hasLocalPermissions,B=(0,D.G)().isPlugin,Q=i.a.useBasicFetch(d.N.currentUser()),W=(e=(0,re._)(re.i.VideoItem),function(t){return k.M.getCanBeConsumed(t).canConsume?e(t):[{label:l.T.getPhrase("default.myVideos","delete"),button:!1,appLink:{application:F.O.VIDEOS,action:P.e.Videos.DELETE_VIDEO,args:[t.id]},className:"btn btn-link text-danger",analyticsOptions:{entity:v.EntityType.Video,actionType:v.UserAction.Delete,location:v.LocationContext.VideoListItem,workflowPhase:v.WorkflowPhase.Start},analyticsData:{id:t.id}}]}),Y=function(e){return I.R.myVideos(Q.data.id,e)},G=function(e){return i.a.getFetch(E)(Y(e))},K=!q(N.E.ViewMyVideosLanding)&&Q.hasCompleted,$=(0,C.K)(!!K&&Y,G,(function(e,t){if(1===e)return(0,w.r)(t);g.error(l.T.getPhrase(ae,"error"))})),Z=$.items,J=$.hasMore,ee=$.isFetching,ie=(0,s.G)(O.K.CombineUploads),le=(t=function(){Q.data&&G()},n=[Q.data],a=(0,s.G)("combine:uploads:service"),(0,L.o)((function(){return a.getCollection()}),t,n)),ce=r.useCallback((function(e){c.Q.AppLinkHelper.trigger({application:F.O.UPLOAD,action:P.e.Upload.CANCEL_UPLOAD,args:[e.id],params:{name:e.name,status:e.status}})}),[]),se=r.useCallback((function(e){switch(e.status){case T.f.Errored:return void ie.retryItem(e);case T.f.Processing:return void c.Q.AppLinkHelper.trigger({application:F.O.VIDEOS,action:P.e.Videos.EDIT_VIDEO,args:[e.videoId]});case T.f.Uploading:ie.editUpload(e)}}),[]),ue=le.reduce((function(e,t){return e[t.videoId]=!0,e}),{}),de=null==Z?void 0:Z.filter((function(e){return!ue[e.id]}));return(0,M.V)(null==de?void 0:de.filter(k.M.isVideo),{hasCurriculumLinks:!0}),q(N.E.ViewMyVideosLanding)?r.createElement(ne,null):r.createElement(p.M.Provider,{value:W},r.createElement("div",{className:"px-3"},r.createElement("div",{className:"d-flex justify-content-between"},r.createElement("h1",{className:"h2"},r.createElement(m.x,{namespace:ae,phrase:"header"})),r.createElement("div",{className:"d-sm-none"},r.createElement(X.c,{canUpload:R(N.C.UploadVideo)}))),r.createElement("div",null,r.createElement("p",{className:"h6"},r.createElement(m.x,{namespace:ae,phrase:"description"})),!B&&r.createElement(S,{localStorageKey:"uploadInfoDismissed"},r.createElement(m.x,{namespace:ae,phrase:"alertMessage"}),r.createElement("br",null),r.createElement("small",null,r.createElement(m.x,{namespace:ae,phrase:"alertSecondaryMessage"}))),le.map((function(e){return r.createElement(z,{item:e,onClickAlternate:se,onClickDelete:ce,key:e.id})})),Q.data&&de?de.length||le.length?r.createElement(r.Fragment,null,r.createElement(f.E4,{videos:de,getVideoAppLink:j.W.getAppLink,getSeriesAppLink:oe,setFavourite:U,canFavourite:H,canRemovePrivateVideos:!0}),(J||ee)&&r.createElement(y._,{isFetching:ee,fetchNext:G})):r.createElement(te,null):r.createElement(h.S,null))))}},87821:(e,t,n)=>{n.d(t,{p:()=>a});var r=n(33192),a={userVideoHistory:function(e,t,n,a){var o="video:history",i="{gateway}/v1/users/me/watch-history";return e&&(o+=":".concat(e),i+="?cursor=".concat(e)),{key:o,url:i,formatData:function(e){return{data:e.data.map((function(e){var t=r.utc(e.lastTimeWatched).local().format(),n=r(t).format("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 o=e.sort().map((function(e){return"videoId=".concat(e)}));return{key:"video:history:videos:".concat(o.join("&")),url:"{gateway}/v1/videos/history?".concat(o.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}}}},97816:(e,t,n)=>{n.d(t,{V:()=>v});var r=n(1024),a=n.n(r),o=n(20354),i=n(31949),l=n(1575),c=n(21750),s=n(87821),u=n(63419);function d(e){return function(e){if(Array.isArray(e))return m(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return m(e,t);var n=Object.prototype.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)?m(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var f={ratings:!1,favourites:!1,watchHistory:!1,hasCurriculumLinks:!1};function p(e,t){var n=o.a.useGetFetch();a().useEffect((function(){t&&e.length&&e.forEach((function(e){n(e)}))}),[e.length])}function v(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=Object.assign(Object.assign({},f),t),r=n.ratings,m=n.favourites,v=n.watchHistory,g=n.hasCurriculumLinks,h=o.a.useBasicFetch(i.N.currentUser()),y=e&&(Array.isArray(e)?e.filter(Boolean).map((function(e){return e.id})):e.data.filter(Boolean).map((function(e){return e.id}))),E=h.data;function b(){if(!(null==E?void 0:E.isAuthenticated))return[];var e=[];return r&&(e=[].concat(d(e),[!!(null==y?void 0:y.length)&&l.R.videoRatings(y,t.flightNamespace)])),m&&(e=[].concat(d(e),[!!(null==y?void 0:y.length)&&E&&u.P.isFavourited(E.id,y,t.flightNamespace)])),v&&(e=[].concat(d(e),[!!(null==y?void 0:y.length)&&E&&s.p.videoHistory(y,t.flightNamespace)])),g&&(e=[].concat(d(e),[!!(null==y?void 0:y.length)&&c.x.hasCurriculumLinks(y,t.flightNamespace)])),e.filter(Boolean)}var S=a().useMemo(b,[null==y?void 0:y.length]);p(S,!!e)}}}]);
@@ -1 +1 @@
1
- "use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[6480],{9826:(e,t,n)=>{n.d(t,{e:()=>d});var r=n(1024),a=n(79014),c=n(10038),l=n(81514),i=n(86764);function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function o(e){var t="justify-content-".concat(e.justify);return r.createElement("div",{className:"py-3 bg-white ".concat("rIUL4")},r.createElement("div",{className:"w-75 mx-auto d-flex ".concat(t)},e.children))}function u(e){var t=(0,l.V)(),n=t===i.r.SM||t===i.r.XS?"w-100":"w-75",a="justify-content-".concat(e.justify);return r.createElement("div",{className:"".concat(n," ").concat(a," ").concat("PuC_F"," d-flex px-3")},e.children)}function d(e){var t,n,l=function(){return window.innerHeight+window.scrollY>=document.body.offsetHeight-50},i=(t=r.useState(!1),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,c,l,i=[],s=!0,o=!1;try{if(c=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=c.call(n)).done)&&(i.push(r.value),i.length!==t);s=!0);}catch(e){o=!0,a=e}finally{try{if(!s&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(o)throw a}}return i}}(t,n)||function(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.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}}(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=i[0],m=i[1];r.useEffect((function(){return m(!l())}),[]);var f=a.q.throttle((function(){var e=!l();!d||e?!d&&e&&m(!0):m(!1)}),100);return r.useEffect((function(){return window.addEventListener("scroll",f),function(){return window.removeEventListener("scroll",f)}}),[d,m]),(0,c.H)(f,f,[d,m]),d?r.createElement(o,Object.assign({},e),e.children):r.createElement(u,Object.assign({},e),e.children)}d.defaultProps={justify:"between"}},94035:(e,t,n)=>{n.d(t,{ed:()=>r.e,cQ:()=>p.c,i:()=>d,RP:()=>v});var r=n(9826),a=(n(95436),n(1024)),c=n(75896),l=n(86764),i=n(81514),s=n(70154),o=n(92875);function u(e){var t=a.useContext(s.x),n=t.expandedSubject,r=t.selectedSubjects;return a.createElement(a.Fragment,null,e.subjects.map((function(t){var c=function(e,t){return!(!t||e.id===t.id||t.children.find((function(t){return t.id===e.id})))}(t,n),l=e.onSelect;return t.isExpandableOption&&(l=e.onExpand),c&&(l=e.onCollapse),e.hasSelectedBulk&&(l=function(){}),a.createElement(v,{key:t.id,subject:t,selected:!e.hasSelectedBulk&&r.includes(t.id),disabled:e.hasSelectedBulk||c,onClick:function(){return l(t)},hasSelectedBulk:e.hasSelectedBulk})})))}function d(e){var t=e.subjects,n=e.hasSelectedBulk,r=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["subjects","hasSelectedBulk"]),m=a.useContext(s.x).expandedSubject,f=function(){switch((0,i.V)()){case l.r.LG:default:return 5;case l.r.MD:return 4;case l.r.SM:return 3;case l.r.XS:return 2}}(),p=t.reduce((function(e,t,n){return n%f==0?e.push([t]):c.m.last(e).push(t),e}),[]);return a.createElement("ul",{className:o.Z.grid},p.map((function(e,t){var c=m&&!!e.find((function(e){return m.id===e.id&&e.isExpandableOption}));return a.createElement(a.Fragment,{key:t},a.createElement(u,Object.assign({subjects:e,hasSelectedBulk:n},r)),c&&a.createElement("li",{className:"".concat(o.Z.subgrid," m-0")},a.createElement(d,Object.assign({subjects:m.children,hasSelectedBulk:n},r))))})))}var m=n(67453),f=n(54610),p=n(386),b=n(36532);function v(e){var t,n,r=a.useContext(s.x),c=e.subject.cover?m.j.createUrl(e.subject.cover.url,{size:f.h2.Small}):"",l=e.subject.isExpandableOption?e.subject.children.map((function(e){return e.id})):[],i=e.hasSelectedBulk?0:null===(t=null==r?void 0:r.selectedSubjects)||void 0===t?void 0:t.filter((function(e){return l.includes(e)})).length,o=a.createElement(p.c,{name:e.subject.name,imageUrl:c,onClick:e.onClick,isSelected:e.selected,isDisabled:e.disabled,isExpandable:e.subject.isExpandableOption,expand:(null===(n=null==r?void 0:r.expandedSubject)||void 0===n?void 0:n.id)===e.subject.id,selectedChildCount:i,extraClasses:e.extraClasses,hideStatus:e.hideStatus});return e.disabled?a.createElement("span",null,o):a.createElement(b.u,{title:e.subject.name},a.createElement("span",null,o))}},95436:(e,t,n)=>{n.d(t,{a:()=>c});var r=n(1024),a=n(8493);function c(e){return r.createElement("nav",{className:"d-flex justify-content-center pt-3 position-relative ".concat("cwMAI")},e.steps.map((function(e,t){return r.createElement(a.F,{key:t,appLink:e.disabled||e.active?null:e.appLink,className:(n=e.active,c=e.disabled,l=n?"bg-info":"bg-light",i=c||n?"":"cursor-pointer","".concat("rounded-circle mx-2 G0_JK"," ").concat(l," ").concat(i))});var n,c,l,i})))}},386:(e,t,n)=>{n.d(t,{c:()=>d});var r=n(1024),a=n.n(r),c=n(83914),l=n(58130);const i="H4u81",s="w5g0e";var o=function(e){return e.selectedChildrenCount?r.createElement("div",{className:"".concat(i," ").concat(s)},e.selectedChildrenCount):r.createElement(r.Fragment,null)},u=function(e){var t;return t=e.selected?r.createElement(c.x,{svgName:l.vn.Check}):e.radioButton?r.createElement(r.Fragment,null," "):r.createElement(c.x,{svgName:l.vn.Plus}),r.createElement("div",{className:"".concat(i," ").concat(e.selected?s:"iYkPv")},t)};function d(e){var t,n="".concat("CCsqs"," ").concat(e.expand?"w7N1R":"mO0Kn");return a().createElement("li",{className:(t="rounded-lg ".concat("PSWHa"),e.extraClasses&&(t+=" "+e.extraClasses),e.isDisabled&&(t+=" Oyw2x"),e.isSelected&&!e.isExpandable&&(t+=" Czk2N"),e.hideStatus&&(t+=" _e7oe"),t),onClick:e.onClick,"aria-checked":e.isSelected,"aria-haspopup":e.isExpandable,role:e.isExpandable?"button":"checkbox",style:{backgroundImage:"url(".concat(e.imageUrl,")")},tabIndex:0,title:e.name},a().createElement("div",{className:"".concat("pfksF"," p-2")},a().createElement("p",{className:"text-truncate mb-0"},e.name,a().createElement("span",{className:e.isExpandable?n:""})),!e.hideStatus&&a().createElement(a().Fragment,null,e.isExpandable?a().createElement(o,{selectedChildrenCount:e.selectedChildCount}):a().createElement(u,{selected:e.isSelected,radioButton:e.radioButton}))))}},70154:(e,t,n)=>{n.d(t,{x:()=>r});var r=(0,n(1024).createContext)(void 0)},26480:(e,t,n)=>{n.r(t),n.d(t,{WelcomePopupView:()=>S});var r=n(1024),a=n.n(r),c=n(23481),l=n(75896),i=n(83345),s=n(25925),o=n(9111),u=n(94035),d=n(67453),m=n(54610),f=n(69883),p=n(13876),b=n(52641),v=n(99742),E=n(51200);const h="b2r5s";function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var x="settings.welcomePopup",g=c.T.encloseNamespace(x);function S(e){var t,n,r=(t=a().useState(!1),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,c,l,i=[],s=!0,o=!1;try{if(c=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=c.call(n)).done)&&(i.push(r.value),i.length!==t);s=!0);}catch(e){o=!0,a=e}finally{try{if(!s&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(o)throw a}}return i}}(t,n)||function(e,t){if(e){if("string"==typeof e)return y(e,t);var n=Object.prototype.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)?y(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.")}()),S=r[0],j=r[1],k=(0,f.Z)(),w=(0,E.I)(),C=w.availablePresentations,N=w.selectedPresentation,O=w.setSelectedPresentation,P=w.persistPresentation,B=w.hasLoaded,A=(null==C?void 0:C.length)>=b._.MULTI_PRESENTATION_THRESHOLD;function _(){j(!1),e.closePopup()}function I(){j(!1),k.error(c.T.getPhrase(x,"error"))}function U(){return j(!0),P(_,I)}a().useEffect((function(){A||O(l.m.first(C))}),[A]);var F=function(){return a().createElement(p.u,null,a().createElement(p.u.Submit,{variant:"dark",onClick:U,text:g("cta"),showSpinner:S,disabled:!!A&&!N,className:"mx-auto"}))};return B?a().createElement(o.G,{title:g("title"),size:(null==C?void 0:C.length)>2?"lg":"md",closeButton:!1,closePopup:e.closePopup,backdrop:"static",centered:!0},A?a().createElement((function(){return a().createElement("div",{className:"".concat(h)},a().createElement("h2",{className:"h4 text-center"},a().createElement(i.x,{namespace:x,phrase:"info_primary"})),a().createElement("p",{className:"text-center"},a().createElement(i.x,{namespace:x,phrase:"info_secondary_multi"})),a().createElement("div",{className:"position-relative"},a().createElement("ul",{className:"list-unstyled d-flex ".concat("oHNZN")},null==C?void 0:C.map((function(e){var t;return e.type!==s.R.Subject?a().createElement(a().Fragment,{key:e.id}):a().createElement(u.cQ,{key:e.id,name:e.name,imageUrl:d.j.createUrl(null===(t=e.cover)||void 0===t?void 0:t.url,{size:m.h2.Medium})||"",onClick:function(){return O(e)},isSelected:(null==N?void 0:N.id)===e.id,extraClasses:"".concat("olBqT"," m-2"),radioButton:!0})})))),a().createElement(F,null))}),null):a().createElement((function(){return a().createElement("div",{className:"".concat(h)},a().createElement("div",{className:"d-block mx-auto p-4"},a().createElement("img",{src:v.W.SignUp.UPGRADE,className:"img-fluid",alt:""})),a().createElement("h2",{className:"h4 text-center"},a().createElement(i.x,{namespace:x,phrase:"info_primary"})),a().createElement("p",{className:"text-center"},a().createElement(i.x,{namespace:x,phrase:"info_secondary"})),a().createElement("div",{className:"mt-3"},a().createElement(F,null)))}),null)):a().createElement(a().Fragment,null)}},92875:(e,t,n)=>{n.d(t,{Z:()=>r});const r={grid:"X9r1Y",subgrid:"TgYhp"}}}]);
1
+ "use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[6480],{9826:(e,t,n)=>{n.d(t,{e:()=>d});var r=n(1024),a=n(79014),c=n(10038),l=n(81514),i=n(86764);function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function s(e){var t="justify-content-".concat(e.justify);return r.createElement("div",{className:"py-3 bg-white ".concat("rIUL4")},r.createElement("div",{className:"w-75 mx-auto d-flex ".concat(t)},e.children))}function u(e){var t=(0,l.V)(),n=t===i.r.SM||t===i.r.XS?"w-100":"w-75",a="justify-content-".concat(e.justify);return r.createElement("div",{className:"".concat(n," ").concat(a," ").concat("PuC_F"," d-flex px-3")},e.children)}function d(e){var t,n,l=function(){return window.innerHeight+window.scrollY>=document.body.offsetHeight-50},i=(t=r.useState(!1),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,c,l,i=[],o=!0,s=!1;try{if(c=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(r=c.call(n)).done)&&(i.push(r.value),i.length!==t);o=!0);}catch(e){s=!0,a=e}finally{try{if(!o&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw a}}return i}}(t,n)||function(e,t){if(e){if("string"==typeof e)return o(e,t);var n=Object.prototype.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)?o(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=i[0],m=i[1];r.useEffect((function(){return m(!l())}),[]);var f=a.q.throttle((function(){var e=!l();!d||e?!d&&e&&m(!0):m(!1)}),100);return r.useEffect((function(){return window.addEventListener("scroll",f),function(){return window.removeEventListener("scroll",f)}}),[d,m]),(0,c.H)(f,f,[d,m]),d?r.createElement(s,Object.assign({},e),e.children):r.createElement(u,Object.assign({},e),e.children)}d.defaultProps={justify:"between"}},94035:(e,t,n)=>{n.d(t,{ed:()=>r.e,cQ:()=>p.c,i:()=>d,RP:()=>v});var r=n(9826),a=(n(95436),n(1024)),c=n(75896),l=n(86764),i=n(81514),o=n(70154),s=n(92875);function u(e){var t=a.useContext(o.x),n=t.expandedSubject,r=t.selectedSubjects;return a.createElement(a.Fragment,null,e.subjects.map((function(t){var c=function(e,t){return!(!t||e.id===t.id||t.children.find((function(t){return t.id===e.id})))}(t,n),l=e.onSelect;return t.isExpandableOption&&(l=e.onExpand),c&&(l=e.onCollapse),e.hasSelectedBulk&&(l=function(){}),a.createElement(v,{key:t.id,subject:t,selected:!e.hasSelectedBulk&&r.includes(t.id),disabled:e.hasSelectedBulk||c,onClick:function(){return l(t)},hasSelectedBulk:e.hasSelectedBulk})})))}function d(e){var t=e.subjects,n=e.hasSelectedBulk,r=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["subjects","hasSelectedBulk"]),m=a.useContext(o.x).expandedSubject,f=function(){switch((0,i.V)()){case l.r.LG:default:return 5;case l.r.MD:return 4;case l.r.SM:return 3;case l.r.XS:return 2}}(),p=t.reduce((function(e,t,n){return n%f==0?e.push([t]):c.m.last(e).push(t),e}),[]);return a.createElement("ul",{className:s.Z.grid},p.map((function(e,t){var c=m&&!!e.find((function(e){return m.id===e.id&&e.isExpandableOption}));return a.createElement(a.Fragment,{key:t},a.createElement(u,Object.assign({subjects:e,hasSelectedBulk:n},r)),c&&a.createElement("li",{className:"".concat(s.Z.subgrid," m-0")},a.createElement(d,Object.assign({subjects:m.children,hasSelectedBulk:n},r))))})))}var m=n(67453),f=n(54610),p=n(386),b=n(36532);function v(e){var t,n,r=a.useContext(o.x),c=e.subject.cover?m.j.createUrl(e.subject.cover.url,{size:f.h2.Small}):"",l=e.subject.isExpandableOption?e.subject.children.map((function(e){return e.id})):[],i=e.hasSelectedBulk?0:null===(t=null==r?void 0:r.selectedSubjects)||void 0===t?void 0:t.filter((function(e){return l.includes(e)})).length,s=a.createElement(p.c,{name:e.subject.name,imageUrl:c,onClick:e.onClick,isSelected:e.selected,isDisabled:e.disabled,isExpandable:e.subject.isExpandableOption,expand:(null===(n=null==r?void 0:r.expandedSubject)||void 0===n?void 0:n.id)===e.subject.id,selectedChildCount:i,extraClasses:e.extraClasses,hideStatus:e.hideStatus});return e.disabled?a.createElement("span",null,s):a.createElement(b.u,{title:e.subject.name},a.createElement("span",null,s))}},95436:(e,t,n)=>{n.d(t,{a:()=>c});var r=n(1024),a=n(8493);function c(e){return r.createElement("nav",{className:"d-flex justify-content-center pt-3 position-relative ".concat("cwMAI")},e.steps.map((function(e,t){return r.createElement(a.F,{key:t,appLink:e.disabled||e.active?null:e.appLink,className:(n=e.active,c=e.disabled,l=n?"bg-info":"bg-light",i=c||n?"":"cursor-pointer","".concat("rounded-circle mx-2 G0_JK"," ").concat(l," ").concat(i))});var n,c,l,i})))}},386:(e,t,n)=>{n.d(t,{c:()=>d});var r=n(1024),a=n.n(r),c=n(83914),l=n(58130);const i="H4u81",o="w5g0e";var s=function(e){return e.selectedChildrenCount?r.createElement("div",{className:"".concat(i," ").concat(o)},e.selectedChildrenCount):r.createElement(r.Fragment,null)},u=function(e){var t;return t=e.selected?r.createElement(c.x,{svgName:l.vn.Check}):e.radioButton?r.createElement(r.Fragment,null," "):r.createElement(c.x,{svgName:l.vn.Plus}),r.createElement("div",{className:"".concat(i," ").concat(e.selected?o:"iYkPv")},t)};function d(e){var t,n="".concat("CCsqs"," ").concat(e.expand?"w7N1R":"mO0Kn");return a().createElement("li",{className:(t="rounded-lg ".concat("PSWHa"),e.extraClasses&&(t+=" "+e.extraClasses),e.isDisabled&&(t+=" Oyw2x"),e.isSelected&&!e.isExpandable&&(t+=" Czk2N"),e.hideStatus&&(t+=" _e7oe"),t),onClick:e.onClick,"aria-checked":e.isSelected,"aria-haspopup":e.isExpandable,role:e.isExpandable?"button":"checkbox",style:{backgroundImage:"url(".concat(e.imageUrl,")")},tabIndex:0,title:e.name},a().createElement("div",{className:"".concat("pfksF"," p-2")},a().createElement("p",{className:"text-truncate mb-0"},e.name,a().createElement("span",{className:e.isExpandable?n:""})),!e.hideStatus&&a().createElement(a().Fragment,null,e.isExpandable?a().createElement(s,{selectedChildrenCount:e.selectedChildCount}):a().createElement(u,{selected:e.isSelected,radioButton:e.radioButton}))))}},70154:(e,t,n)=>{n.d(t,{x:()=>r});var r=(0,n(1024).createContext)(void 0)},26480:(e,t,n)=>{n.r(t),n.d(t,{WelcomePopupView:()=>k});var r=n(1024),a=n.n(r),c=n(23481),l=n(75896),i=n(83345),o=n(25925),s=n(9111),u=n(94035),d=n(67453),m=n(54610),f=n(69883),p=n(13876),b=n(52641),v=n(49985),E=n(65858),h=n(99742),y=n(51200);const x="b2r5s";function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var S="settings.welcomePopup",j=c.T.encloseNamespace(S);function k(e){var t,n,r=(t=a().useState(!1),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,c,l,i=[],o=!0,s=!1;try{if(c=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(r=c.call(n)).done)&&(i.push(r.value),i.length!==t);o=!0);}catch(e){s=!0,a=e}finally{try{if(!o&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw a}}return i}}(t,n)||function(e,t){if(e){if("string"==typeof e)return g(e,t);var n=Object.prototype.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)?g(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.")}()),k=r[0],C=r[1],w=(0,f.Z)(),N=(0,y.I)(),O=N.availablePresentations,P=N.selectedPresentation,A=N.setSelectedPresentation,B=N.persistPresentation,_=N.hasLoaded,I=(null==O?void 0:O.length)>=b._.MULTI_PRESENTATION_THRESHOLD;function U(){v.k.logUserAction({id:P.id},{actionType:E.UserAction.Click,entity:E.EntityType.Presentation,location:E.LocationContext.WelcomePopup,workflowPhase:E.WorkflowPhase.Complete,descriptor:E.ClickDescriptor.Button,eventVersion:E.EventVersion.V3}),C(!1),e.closePopup()}function T(){C(!1),w.error(c.T.getPhrase(S,"error"))}function F(){return C(!0),B(U,T)}a().useEffect((function(){I||A(l.m.first(O))}),[I]);var L=function(){return a().createElement(p.u,null,a().createElement(p.u.Submit,{variant:"dark",onClick:F,text:j("cta"),showSpinner:k,disabled:!!I&&!P,className:"mx-auto"}))};return _?a().createElement(s.G,{title:j("title"),size:(null==O?void 0:O.length)>2?"lg":"md",closeButton:!1,closePopup:e.closePopup,backdrop:"static",centered:!0},I?a().createElement((function(){return a().createElement("div",{className:"".concat(x)},a().createElement("h2",{className:"h4 text-center"},a().createElement(i.x,{namespace:S,phrase:"info_primary"})),a().createElement("p",{className:"text-center"},a().createElement(i.x,{namespace:S,phrase:"info_secondary_multi"})),a().createElement("div",{className:"position-relative"},a().createElement("ul",{className:"list-unstyled d-flex ".concat("oHNZN")},null==O?void 0:O.map((function(e){var t;return e.type!==o.R.Subject?a().createElement(a().Fragment,{key:e.id}):a().createElement(u.cQ,{key:e.id,name:e.name,imageUrl:d.j.createUrl(null===(t=e.cover)||void 0===t?void 0:t.url,{size:m.h2.Medium})||"",onClick:function(){return A(e)},isSelected:(null==P?void 0:P.id)===e.id,extraClasses:"".concat("olBqT"," m-2"),radioButton:!0})})))),a().createElement(L,null))}),null):a().createElement((function(){return a().createElement("div",{className:"".concat(x)},a().createElement("div",{className:"d-block mx-auto p-4"},a().createElement("img",{src:h.W.SignUp.UPGRADE,className:"img-fluid",alt:""})),a().createElement("h2",{className:"h4 text-center"},a().createElement(i.x,{namespace:S,phrase:"info_primary"})),a().createElement("p",{className:"text-center"},a().createElement(i.x,{namespace:S,phrase:"info_secondary"})),a().createElement("div",{className:"mt-3"},a().createElement(L,null)))}),null)):a().createElement(a().Fragment,null)}},92875:(e,t,n)=>{n.d(t,{Z:()=>r});const r={grid:"X9r1Y",subgrid:"TgYhp"}}}]);
@@ -1 +1 @@
1
- "use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[7307],{91200:(e,t,n)=>{n.d(t,{Y:()=>l});var a=n(1024),r=n(99910),o=n(84231);function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function l(e){var t,n=function(e){if(Array.isArray(e))return i(e)}(t=Array(e.numItems))||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(t)||function(e,t){if(e){if("string"==typeof e)return i(e,t);var n=Object.prototype.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}}(t)||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.")}(),l=e.itemClassName||"";return a.createElement(a.Fragment,null,e.showHeading&&a.createElement("div",{className:"".concat(o.Z.partialHeading," mb-1 partial-loading-background")}),a.createElement(r.Row,{noGutters:!0,className:"mx-n1 mb-n2"},n.map((function(e,t){return a.createElement(r.Col,{key:t,xs:6,sm:4,lg:3,className:"".concat(l," px-1 pb-2")},a.createElement("div",{className:"".concat(o.Z.playlistItem," partial-loading-background rounded-lg")}))}))))}l.defaultProps={numItems:8}},31273:(e,t,n)=>{n.d(t,{P:()=>s});var a=n(1024),r=n(99910),o=n(65858),i=n(48745),l={actionType:o.UserAction.Click,entity:o.EntityType.Playlist,location:o.LocationContext.PlaylistListItem,descriptor:o.ClickDescriptor.Cover};function s(e){return a.createElement(r.Row,{noGutters:!0,className:"mx-n1"},e.playlists.map((function(t){return a.createElement(r.Col,{key:t.id,xs:6,sm:4,lg:3,className:"mb-2 px-1 ".concat(e.itemContainerClassName?e.itemContainerClassName:"")},a.createElement(i.t,{data:t,appLink:e.getPlaylistAppLink(t),imageCdnUrl:e.imageCdnUrl,currentUser:e.currentUser,presentationAudiences:e.presentationAudiences,bgColourClassNames:e.bgColourClassNames,showCount:e.showCount,showOwner:e.showOwner,showFallbackImage:e.showFallbackImage,titleClassName:e.itemTitleClassName,itemStyle:e.itemStyle,analyticsData:e.analyticsData,analyticsOptions:Object.assign(Object.assign({},e.analyticsOptions),l)}))})))}},83657:(e,t,n)=>{n.d(t,{e:()=>c});var a=n(1024),r=n(79014),o=n(10874),i=n(36532),l=n(86509),s=n(42735);function c(e){var t=a.useMemo((function(){return e.actions.sort((function(e,t){return e.order-t.order}))}),[e.actions]),n=[],c=[];t.forEach((function(e){e.button?n.push(e):c.push(e)}));var u="d-flex";return e.className&&(u+=" ".concat(e.className)),n.length||c.length?a.createElement("div",{className:u},a.createElement(a.Fragment,null,a.createElement("span",{className:"d-flex align-items-center"},n.length?n.map((function(e,t){return a.createElement(a.Fragment,{key:t},function(){if(e.label){var t=r.q.isFunction(e.label)?e.label:function(){return a.createElement(a.Fragment,null,e.label)};return a.createElement(s.K,{appLink:e.appLink,href:e.href,onClick:e.onClick,svgName:e.svgName,className:e.className,tooltip:e.tooltip,showSpinner:e.showSpinner,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,openInNewTab:e.openInNewTab,disabled:e.disabled},t())}var n=a.createElement(o.h,{appLink:e.appLink,href:e.href,onClick:e.onClick,svgName:e.svgName,className:e.className,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,openInNewTab:e.openInNewTab,disabled:e.disabled});return e.tooltip?a.createElement(i.u,{title:e.tooltip,spanHack:!0},n):n}())})):a.createElement(a.Fragment,null),e.sortComponent&&e.sortComponent,c.length?a.createElement(l.m,{actions:c,dropdownToggleClassName:e.actionsDropdownClassName}):a.createElement(a.Fragment,null)))):a.createElement(a.Fragment,null)}},86509:(e,t,n)=>{n.d(t,{m:()=>f});var a=n(1024),r=n(81886),o=n(45157),i=n(79014),l=n(49985),s=n(83914),c=n(8493),u=n(36532),m=n(58130);function d(e){var t="dropdown-item";return e&&(t+=" ".concat(e)),t}function p(e){var t=i.q.isFunction(e.action.label)?e.action.label:function(){return a.createElement(a.Fragment,null,e.action.label)};if(e.action.appLink)return a.createElement(c.F,{appLink:e.action.appLink,onClick:e.action.onClick,className:d(e.action.className),analyticsData:e.action.analyticsData,analyticsOptions:e.action.analyticsOptions,openInNewTab:e.action.openInNewTab,disabled:e.action.disabled},t());function n(t){t.preventDefault(),e.action.analyticsData&&e.action.analyticsOptions&&l.k.logUserAction(e.action.analyticsData,e.action.analyticsOptions),i.q.isFunction(e.action.onClick)&&e.action.onClick(),e.action.href&&r.Q.LocationUtils.PageLoad(e.action.href,e.action.openInNewTab)}return e.action.href?a.createElement("a",{className:d(e.action.className),onClick:n,href:e.action.href},t()):a.createElement("span",{className:"cursor-pointer ".concat(d(e.action.className)),onClick:n,role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&n(e)}},t())}function f(e){if(!e.actions||!e.actions.length)return a.createElement(a.Fragment,null);var t="dropdown";e.className&&(t+=" ".concat(e.className));var n="actions-dropdown-".concat(o.Y.getRandomInt()),r="dropdown-toggle px-0 ".concat("UCAnJ");return e.dropdownToggleClassName&&(r+=" ".concat(e.dropdownToggleClassName)),a.createElement("div",{className:t},a.createElement("button",{className:r,type:"button",id:n,"data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false"},a.createElement(s.x,{svgName:m.vn.More,size:s.S.Small})),a.createElement("div",{className:"dropdown-menu dropdown-menu-right","aria-labelledby":n},e.actions.map((function(e,t){return e.tooltip?a.createElement(u.u,{key:t,title:e.tooltip,spanHack:!0},a.createElement(p,{action:e})):a.createElement(p,{key:t,action:e})}))))}f.defaultProps={dropdownToggleClassName:"btn btn-light"}},40955:(e,t,n)=>{n.d(t,{P:()=>r});var a=n(1024);function r(e){return e.audience?a.createElement("div",{className:"audience-label border rounded-pill d-inline-block px-2 mt-1 text-nowrap \n ".concat("border-"+e.border," ").concat(e.className?e.className:"")},e.audience.name):a.createElement(a.Fragment,null)}},71020:(e,t,n)=>{n.d(t,{_:()=>c});var a=n(1024),r=n(99910),o=n(64038),i=n(83914),l=n(58130);function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function c(e){var t,n,c=(t=o.useInView(),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 a,r,o,i,l=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(a=o.call(n)).done)&&(l.push(a.value),l.length!==t);s=!0);}catch(e){c=!0,r=e}finally{try{if(!s&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw r}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.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}}(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.")}()),u=c[0],m=c[1];return a.useEffect((function(){var t;e.fetchOnScroll&&m&&!e.isFetching&&(null===(t=e.fetchNext)||void 0===t||t.call(e,e.nextCursor))}),[m,e.isFetching]),a.createElement("div",{className:"p-3 text-center ".concat("VwD1b"),ref:u},e.isFetching?a.createElement(r.Spinner,{as:"span",animation:"border",role:"status",className:"eJ85e"}):a.createElement(i.x,{svgName:l.vn.ChevronDown,className:"svg-container cursor-pointer",size:i.S.Large,onClick:function(){var t;return null===(t=e.fetchNext)||void 0===t?void 0:t.call(e,e.nextCursor)}}))}c.defaultProps={fetchOnScroll:!1}},94644:(e,t,n)=>{n.d(t,{r:()=>u});var a=n(81886),r=n(50242),o=n(67058),i=n(49075),l=n(14553),s=n(49267),c={notFound:o.d,forbidden:{rating:l.q,yearLevel:l.q,region:s.a,privacy:l.q},badRequest:i._};function u(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 o;o="number"==typeof e?e:e.status;var i=Object.assign(Object.assign({},c),t);o&&a.Q.ErrorHelper.isStatusCodeError(o)&&(o!==r.o.NotFound?o!==r.o.Forbidden?n.badRequest||a.Q.ErrorHelper.throw(new i.badRequest):n.forbidden||a.Q.ErrorHelper.throw(new i.forbidden.privacy):n.notFound||a.Q.ErrorHelper.throw(new i.notFound))}}},63936:(e,t,n)=>{n.d(t,{K:()=>c});var a=n(1024),r=n(50242),o=n(79014),i=n(45719),l=n(8843);function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function c(e,t,n,c,u,m){var d,p,f=(d=(0,a.useState)(0),p=2,function(e){if(Array.isArray(e))return e}(d)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,o,i,l=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(a=o.call(n)).done)&&(l.push(a.value),l.length!==t);s=!0);}catch(e){c=!0,r=e}finally{try{if(!s&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw r}}return l}}(d,p)||function(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.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}}(d,p)||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.")}()),y=f[0],g=f[1],v=t,h=(0,i.P)((function(t){if(!e)return null;var n=e(t);return n?n.key:null}),c,u);return(0,l.M)({fetchNextPage:function(){if(t&&e&&h)return g((function(e){return e+1})),v(h.nextCursor)},hasMore:!!(null==h?void 0:h.nextCursor),isFetching:null==h?void 0:h.isFetching,scrollContainer:m}),(0,a.useEffect)((function(){h&&h.shouldInitialFetch&&t&&(v(),g((function(e){return e+1})))}),[null==h?void 0:h.shouldInitialFetch,t]),(0,a.useEffect)((function(){var e,t;if((null==h?void 0:h.statusCode)&&o.q.isFunction(n)){var a=+(null===(t=null===(e=h.statusCode)||void 0===e?void 0:e.toString())||void 0===t?void 0:t.substr(0,1));a!==r.k.ClientError&&a!==r.k.ServerError||n(y,h.statusCode)}}),[null==h?void 0:h.statusCode]),{items:null==h?void 0:h.items,hasMore:!!(null==h?void 0:h.nextCursor),nextCursor:null==h?void 0:h.nextCursor,isFetching:null==h?void 0:h.isFetching,totalItems:null==h?void 0:h.totalItems}}},8843:(e,t,n)=>{n.d(t,{M:()=>o});var a=n(1024),r=n(79014);function o(e){var t=function(){if(!e.isFetching){if(e.scrollContainer){var t=e.scrollContainer;if(t.getBoundingClientRect().height+t.scrollTop<t.scrollHeight-400)return}else if(window.innerHeight+document.documentElement.scrollTop<document.documentElement.scrollHeight-400)return;e.fetchNextPage()}};(0,a.useEffect)((function(){var n=r.q.throttle(t,200),a=e.scrollContainer||window;return e.hasMore&&a.addEventListener("scroll",n),function(){return a.removeEventListener("scroll",n)}}),[e.hasMore,e.fetchNextPage,e.scrollContainer])}},45719:(e,t,n)=>{n.d(t,{F:()=>s,P:()=>c});var a=n(1024),r=n(58566),o=n(20354),i=n(79014);function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var s={items:[],shouldInitialFetch:!1,nextCursor:null,isFetching:!1,statusCode:n(50242).o.Ok,hasCompleted:!0,totalItems:0};function c(e,t,n){function s(e){if(e)return i.q.isFunction(t)?t(e):e.data}function c(e){var t,a;if(e)return n?n(e):null===(a=null===(t=e.pagination)||void 0===t?void 0:t.cursors)||void 0===a?void 0:a.next}return(0,r.useSelector)((0,a.useMemo)((function(){return function(t){if(i.q.isFunction(e)){for(var n=e,a=i.q.isFunction(e)&&n(),r=a&&o.a.getResponse(t,a),u=r&&r.isFetching,m=r&&r.statusCode,d=r&&r.hasCompleted,p=r&&r.shouldFetch,f=s(r&&r.data),y=c(r&&r.data),g=function(e){var t;if(e)return null===(t=e)||void 0===t?void 0:t.count}(r&&r.data);y&&(u=(r=o.a.getResponse(t,n(y))).isFetching,m=r.statusCode,d=r.hasCompleted,!r.shouldFetch);){var v=s(r.data);v&&f.push.apply(f,function(e){if(Array.isArray(e))return l(e)}(E=v)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(E)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var n=Object.prototype.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}}(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.")}());var h=c(r.data);y=h===y?null:h}var b={shouldInitialFetch:p,items:f,nextCursor:y,isFetching:u,statusCode:m,hasCompleted:d};return"number"==typeof g&&(b.totalItems=g),b}var E}}),[e]))}},91453:(e,t,n)=>{n.r(t),n.d(t,{PlaylistsView:()=>Z});var a=n(1024),r=n.n(a),o=n(58566),i=n(75896),l=n(23481),s=n(20354),c=n(23049),u=n(59991),m=n(89454),d=n(39151),p=n(31949),f=n(31273),y=n(91200),g=n(71020),v=n(70006),h=n(23257),b=n(83345),E=n(79014),C=n(65858),w=n(76611),N=n(8493);function S(e){return S="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},S(e)}function P(e,t,n){return(t=function(e){var t=function(e,t){if("object"!==S(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,t);if("object"!==S(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e,"string");return"symbol"===S(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var k="playlists.playlistSortSelect",A=E.q.memoize((function(){var e;return P(e={},w.o.RecentlyUpdated,{name:l.T.getPhrase(k,"recentlyUpdated")}),P(e,w.o.AtoZ,{name:l.T.getPhrase(k,"atoz")}),P(e,w.o.ZtoA,{name:l.T.getPhrase(k,"ztoa")}),P(e,w.o.Newest,{name:l.T.getPhrase(k,"newest")}),P(e,w.o.Oldest,{name:l.T.getPhrase(k,"oldest")}),e}));function F(e){var t=e.type,n=e.getSortAppLink,r=e.variant,o=A();return a.createElement("div",{className:"dropdown"},a.createElement("a",{className:"btn btn-".concat(r," ml-2 dropdown-toggle"),type:"button",id:"sort-select","data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false"},o[t].name),a.createElement("div",{className:"dropdown-menu dropdown-menu-right","aria-labelledby":"sort-select"},Object.values(w.o).map((function(e){var r="dropdown-item";return e===t&&(r+=" active"),a.createElement(N.F,{key:e,className:r,appLink:n(e),analyticsData:{sort:o[e].name},analyticsOptions:{location:C.LocationContext.PlaylistListHeader,entity:C.EntityType.Playlists,actionType:C.UserAction.Sort,workflowPhase:C.WorkflowPhase.Complete}},o[e].name)}))))}F.defaultProps={variant:"light"};var I=n(58130),L=n(83657),x=n(71521),O=n(94644),T=n(63936),j=n(69883),U=n(7733),D=n(22902),q=n(16714),H=n(51200),M=n(97291),_=n(14070),R=n(23232),Y=n(99742),B="playlists.playlistsEmptyState";function W(){return r().createElement(b.D.Provider,{value:B},r().createElement(R.u,null,r().createElement(R.u.Image,{src:Y.W.EmptyStates.Playlists.PLAYLISTS}),r().createElement(R.u.Heading,null,r().createElement(b.x,{phrase:"heading"})),r().createElement(R.u.Info,null,r().createElement(b.x,{phrase:"info"})),r().createElement(R.u.Cta,{text:l.T.getPhrase(B,"cta"),icon:I.vn.Plus,appLink:{application:M.O.PLAYLISTS,action:_.e.Playlists.NEW_PLAYLIST}})))}function z(){return r().createElement(b.D.Provider,{value:B},r().createElement(R.u,null,r().createElement(R.u.Image,{src:Y.W.EmptyStates.Playlists.PLAYLISTS_PUBLIC}),r().createElement(R.u.Heading,null,r().createElement(b.x,{phrase:"heading"})),r().createElement(R.u.Info,null,r().createElement(b.x,{phrase:"info"})),r().createElement(R.u.Cta,{text:l.T.getPhrase(B,"publicCta"),appLink:{application:M.O.SIGN_UP,action:_.e.SignUp.SIGN_UP}})))}var Q="playlists.playlists";function V(e){return{application:M.O.PLAYLISTS,action:_.e.Playlists.HOME,params:{sort:e}}}function Z(e){var t=(0,o.useDispatch)(),n=(0,j.Z)(),r=(0,D.T)().hasLocalPermissions,E=s.a.useBasicFetch(d.L.config()),w=s.a.useBasicFetch(p.N.currentUser()),N=(0,H.I)(),S=N.presentation,P=N.hasLoaded,k=s.a.useBasicFetch(P&&m.O.presentationAudiences(null==S?void 0:S.id)),A=!!w.data&&x.A.getOrSetSortType(w.data.id,e.sort),R=!!A&&function(e){return u.C.getUserPlaylists(new v.l(A,e,h.e.All))},Y=!!R&&function(e){s.a.getFetch(t)(R(e))};(0,c.o)(l.T.getPhrase(Q,"title"));var B=!r(q.E.ViewPlaylistsLanding)&&A,Z=(0,T.K)(!!B&&R,Y,(function(e,t){if(1===e)return(0,O.r)(t);n.error(l.T.getPhrase(Q,"error"))})),G=Z.items,K=Z.hasMore,$=Z.isFetching,J=[{label:l.T.getPhrase(Q,"createPlaylist"),appLink:{application:M.O.PLAYLISTS,action:_.e.Playlists.NEW_PLAYLIST},svgName:I.vn.Plus,className:"btn btn-outline-dark",button:!0,analyticsData:{},analyticsOptions:{location:C.LocationContext.Banner,entity:C.EntityType.Playlist,workflowPhase:C.WorkflowPhase.Start,actionType:C.UserAction.Create}}],X=!!G&&!!w.data&&!!E.data&&(!!k.data||k.hasError);return r(q.E.ViewPlaylistsLanding)?a.createElement(z,null):i.m.isEmpty(G)?a.createElement(W,null):a.createElement("div",{className:"bg-white px-3"},a.createElement("div",{className:"d-flex justify-content-between align-items-end pb-3"},a.createElement("h1",{className:"h2 mb-0"},a.createElement(b.x,{namespace:Q,phrase:"title"})),!!A&&a.createElement(L.e,{actions:J,sortComponent:a.createElement(F,{variant:"outline-dark",type:A,getSortAppLink:V})})),X?a.createElement(f.P,{playlists:G,getPlaylistAppLink:e.getPlaylistAppLink,imageCdnUrl:E.data.imageCdnUrl,currentUser:w.data,presentationAudiences:k.data||[],bgColourClassNames:U.o,itemContainerClassName:"columns-of-five",itemStyle:"round",showCount:!0,showOwner:!0}):a.createElement(y.Y,{itemClassName:"columns-of-five"}),(K||$)&&a.createElement(g._,{isFetching:$,fetchNext:Y}))}}}]);
1
+ "use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[7307],{91200:(e,t,n)=>{n.d(t,{Y:()=>l});var a=n(1024),r=n(99910),o=n(84231);function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function l(e){var t,n=function(e){if(Array.isArray(e))return i(e)}(t=Array(e.numItems))||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(t)||function(e,t){if(e){if("string"==typeof e)return i(e,t);var n=Object.prototype.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}}(t)||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.")}(),l=e.itemClassName||"";return a.createElement(a.Fragment,null,e.showHeading&&a.createElement("div",{className:"".concat(o.Z.partialHeading," mb-1 partial-loading-background")}),a.createElement(r.Row,{noGutters:!0,className:"mx-n1 mb-n2"},n.map((function(e,t){return a.createElement(r.Col,{key:t,xs:6,sm:4,lg:3,className:"".concat(l," px-1 pb-2")},a.createElement("div",{className:"".concat(o.Z.playlistItem," partial-loading-background rounded-lg")}))}))))}l.defaultProps={numItems:8}},31273:(e,t,n)=>{n.d(t,{P:()=>s});var a=n(1024),r=n(99910),o=n(65858),i=n(48745),l={actionType:o.UserAction.Click,entity:o.EntityType.Playlist,location:o.LocationContext.PlaylistListItem,descriptor:o.ClickDescriptor.Cover};function s(e){return a.createElement(r.Row,{noGutters:!0,className:"mx-n1"},e.playlists.map((function(t){return a.createElement(r.Col,{key:t.id,xs:6,sm:4,lg:3,className:"mb-2 px-1 ".concat(e.itemContainerClassName?e.itemContainerClassName:"")},a.createElement(i.t,{data:t,appLink:e.getPlaylistAppLink(t),imageCdnUrl:e.imageCdnUrl,currentUser:e.currentUser,presentationAudiences:e.presentationAudiences,bgColourClassNames:e.bgColourClassNames,showCount:e.showCount,showOwner:e.showOwner,showFallbackImage:e.showFallbackImage,titleClassName:e.itemTitleClassName,itemStyle:e.itemStyle,analyticsData:e.analyticsData,analyticsOptions:Object.assign(Object.assign({},e.analyticsOptions),l)}))})))}},83657:(e,t,n)=>{n.d(t,{e:()=>c});var a=n(1024),r=n(79014),o=n(10874),i=n(36532),l=n(86509),s=n(42735);function c(e){var t=a.useMemo((function(){return e.actions.sort((function(e,t){return e.order-t.order}))}),[e.actions]),n=[],c=[];t.forEach((function(e){e.button?n.push(e):c.push(e)}));var u="d-flex";return e.className&&(u+=" ".concat(e.className)),n.length||c.length?a.createElement("div",{className:u},a.createElement(a.Fragment,null,a.createElement("span",{className:"d-flex align-items-center"},n.length?n.map((function(e,t){return a.createElement(a.Fragment,{key:t},function(){if(e.label){var t=r.q.isFunction(e.label)?e.label:function(){return a.createElement(a.Fragment,null,e.label)};return a.createElement(s.K,{appLink:e.appLink,href:e.href,onClick:e.onClick,svgName:e.svgName,className:e.className,tooltip:e.tooltip,showSpinner:e.showSpinner,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,openInNewTab:e.openInNewTab,disabled:e.disabled},t())}var n=a.createElement(o.h,{appLink:e.appLink,href:e.href,onClick:e.onClick,svgName:e.svgName,className:e.className,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,openInNewTab:e.openInNewTab,disabled:e.disabled});return e.tooltip?a.createElement(i.u,{title:e.tooltip,spanHack:!0},n):n}())})):a.createElement(a.Fragment,null),e.sortComponent&&e.sortComponent,c.length?a.createElement(l.m,{actions:c,dropdownToggleClassName:e.actionsDropdownClassName}):a.createElement(a.Fragment,null)))):a.createElement(a.Fragment,null)}},86509:(e,t,n)=>{n.d(t,{m:()=>f});var a=n(1024),r=n(81886),o=n(45157),i=n(79014),l=n(49985),s=n(83914),c=n(8493),u=n(36532),m=n(58130);function d(e){var t="dropdown-item";return e&&(t+=" ".concat(e)),t}function p(e){var t=i.q.isFunction(e.action.label)?e.action.label:function(){return a.createElement(a.Fragment,null,e.action.label)};if(e.action.appLink)return a.createElement(c.F,{appLink:e.action.appLink,onClick:e.action.onClick,className:d(e.action.className),analyticsData:e.action.analyticsData,analyticsOptions:e.action.analyticsOptions,openInNewTab:e.action.openInNewTab,disabled:e.action.disabled},t());function n(t){t.preventDefault(),e.action.analyticsData&&e.action.analyticsOptions&&l.k.logUserAction(e.action.analyticsData,e.action.analyticsOptions),i.q.isFunction(e.action.onClick)&&e.action.onClick(),e.action.href&&r.Q.LocationUtils.PageLoad(e.action.href,e.action.openInNewTab)}return e.action.href?a.createElement("a",{className:d(e.action.className),onClick:n,href:e.action.href},t()):a.createElement("span",{className:"cursor-pointer ".concat(d(e.action.className)),onClick:n,role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&n(e)}},t())}function f(e){if(!e.actions||!e.actions.length)return a.createElement(a.Fragment,null);var t="dropdown";e.className&&(t+=" ".concat(e.className));var n="actions-dropdown-".concat(o.Y.getRandomInt()),r="dropdown-toggle px-0 ".concat("UCAnJ");return e.dropdownToggleClassName&&(r+=" ".concat(e.dropdownToggleClassName)),a.createElement("div",{className:t},a.createElement("button",{className:r,type:"button",id:n,"data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false"},a.createElement(s.x,{svgName:m.vn.More,size:s.S.Small})),a.createElement("div",{className:"dropdown-menu dropdown-menu-right","aria-labelledby":n},e.actions.map((function(e,t){return e.tooltip?a.createElement(u.u,{key:t,title:e.tooltip,spanHack:!0},a.createElement(p,{action:e})):a.createElement(p,{key:t,action:e})}))))}f.defaultProps={dropdownToggleClassName:"btn btn-light"}},40955:(e,t,n)=>{n.d(t,{P:()=>r});var a=n(1024);function r(e){return e.audience?a.createElement("div",{className:"audience-label border rounded-pill d-inline-block px-2 mt-1 text-nowrap \n ".concat("border-"+e.border," ").concat(e.className?e.className:"")},e.audience.name):a.createElement(a.Fragment,null)}},71020:(e,t,n)=>{n.d(t,{_:()=>c});var a=n(1024),r=n(99910),o=n(64038),i=n(83914),l=n(58130);function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function c(e){var t,n,c=(t=o.useInView(),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 a,r,o,i,l=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(a=o.call(n)).done)&&(l.push(a.value),l.length!==t);s=!0);}catch(e){c=!0,r=e}finally{try{if(!s&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw r}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.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}}(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.")}()),u=c[0],m=c[1];return a.useEffect((function(){var t;e.fetchOnScroll&&m&&!e.isFetching&&(null===(t=e.fetchNext)||void 0===t||t.call(e,e.nextCursor))}),[m,e.isFetching]),a.createElement("div",{className:"p-3 text-center ".concat("VwD1b"),ref:u},e.isFetching?a.createElement(r.Spinner,{as:"span",animation:"border",role:"status",className:"eJ85e"}):a.createElement(i.x,{svgName:l.vn.ChevronDown,className:"svg-container cursor-pointer",size:i.S.Large,onClick:function(){var t;return null===(t=e.fetchNext)||void 0===t?void 0:t.call(e,e.nextCursor)}}))}c.defaultProps={fetchOnScroll:!1}},94644:(e,t,n)=>{n.d(t,{r:()=>u});var a=n(81886),r=n(50242),o=n(67058),i=n(49075),l=n(14553),s=n(49267),c={notFound:o.d,forbidden:{rating:l.q,yearLevel:l.q,region:s.a,privacy:l.q},badRequest:i._};function u(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 o;o="number"==typeof e?e:e.status;var i=Object.assign(Object.assign({},c),t);o&&a.Q.ErrorHelper.isStatusCodeError(o)&&(o!==r.o.NotFound?o!==r.o.Forbidden?n.badRequest||a.Q.ErrorHelper.throw(new i.badRequest):n.forbidden||a.Q.ErrorHelper.throw(new i.forbidden.privacy):n.notFound||a.Q.ErrorHelper.throw(new i.notFound))}}},63936:(e,t,n)=>{n.d(t,{K:()=>c});var a=n(1024),r=n(50242),o=n(79014),i=n(45719),l=n(8843);function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function c(e,t,n,c,u,m){var d,p,f=(d=(0,a.useState)(0),p=2,function(e){if(Array.isArray(e))return e}(d)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,o,i,l=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(a=o.call(n)).done)&&(l.push(a.value),l.length!==t);s=!0);}catch(e){c=!0,r=e}finally{try{if(!s&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw r}}return l}}(d,p)||function(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.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}}(d,p)||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.")}()),y=f[0],g=f[1],h=t,v=(0,i.P)((function(t){if(!e)return null;var n=e(t);return n?n.key:null}),c,u);return(0,l.M)({fetchNextPage:function(){if(t&&e&&v)return g((function(e){return e+1})),h(v.nextCursor)},hasMore:!!(null==v?void 0:v.nextCursor),isFetching:null==v?void 0:v.isFetching,scrollContainer:m}),(0,a.useEffect)((function(){v&&v.shouldInitialFetch&&t&&(h(),g((function(e){return e+1})))}),[null==v?void 0:v.shouldInitialFetch,t]),(0,a.useEffect)((function(){var e,t;if((null==v?void 0:v.statusCode)&&o.q.isFunction(n)){var a=+(null===(t=null===(e=v.statusCode)||void 0===e?void 0:e.toString())||void 0===t?void 0:t.substr(0,1));a!==r.k.ClientError&&a!==r.k.ServerError||n(y,v.statusCode)}}),[null==v?void 0:v.statusCode]),{items:null==v?void 0:v.items,hasMore:!!(null==v?void 0:v.nextCursor),nextCursor:null==v?void 0:v.nextCursor,isFetching:null==v?void 0:v.isFetching,totalItems:null==v?void 0:v.totalItems}}},8843:(e,t,n)=>{n.d(t,{M:()=>o});var a=n(1024),r=n(79014);function o(e){var t=function(){if(!e.isFetching){if(e.scrollContainer){var t=e.scrollContainer;if(t.getBoundingClientRect().height+t.scrollTop<t.scrollHeight-400)return}else if(window.innerHeight+document.documentElement.scrollTop<document.documentElement.scrollHeight-400)return;e.fetchNextPage()}};(0,a.useEffect)((function(){var n=r.q.throttle(t,200),a=e.scrollContainer||window;return e.hasMore&&a.addEventListener("scroll",n),function(){return a.removeEventListener("scroll",n)}}),[e.hasMore,e.fetchNextPage,e.scrollContainer])}},45719:(e,t,n)=>{n.d(t,{F:()=>s,P:()=>c});var a=n(1024),r=n(58566),o=n(20354),i=n(79014);function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var s={items:[],shouldInitialFetch:!1,nextCursor:null,isFetching:!1,statusCode:n(50242).o.Ok,hasCompleted:!0,totalItems:0};function c(e,t,n){function s(e){if(e)return i.q.isFunction(t)?t(e):e.data}function c(e){var t,a;if(e)return n?n(e):null===(a=null===(t=e.pagination)||void 0===t?void 0:t.cursors)||void 0===a?void 0:a.next}return(0,r.useSelector)((0,a.useMemo)((function(){return function(t){if(i.q.isFunction(e)){for(var n=e,a=i.q.isFunction(e)&&n(),r=a&&o.a.getResponse(t,a),u=r&&r.isFetching,m=r&&r.statusCode,d=r&&r.hasCompleted,p=r&&r.shouldFetch,f=s(r&&r.data),y=c(r&&r.data),g=function(e){var t;if(e)return null===(t=e)||void 0===t?void 0:t.count}(r&&r.data);y&&(u=(r=o.a.getResponse(t,n(y))).isFetching,m=r.statusCode,d=r.hasCompleted,!r.shouldFetch);){var h=s(r.data);h&&f.push.apply(f,function(e){if(Array.isArray(e))return l(e)}(E=h)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(E)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var n=Object.prototype.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}}(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.")}());var v=c(r.data);y=v===y?null:v}var b={shouldInitialFetch:p,items:f,nextCursor:y,isFetching:u,statusCode:m,hasCompleted:d};return"number"==typeof g&&(b.totalItems=g),b}var E}}),[e]))}},91453:(e,t,n)=>{n.r(t),n.d(t,{PlaylistsView:()=>Z});var a=n(1024),r=n.n(a),o=n(58566),i=n(75896),l=n(23481),s=n(20354),c=n(23049),u=n(59991),m=n(89454),d=n(39151),p=n(31949),f=n(31273),y=n(91200),g=n(71020),h=n(70006),v=n(23257),b=n(83345),E=n(79014),C=n(65858),w=n(76611),N=n(8493);function S(e){return S="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},S(e)}function P(e,t,n){return(t=function(e){var t=function(e,t){if("object"!==S(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,t);if("object"!==S(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e,"string");return"symbol"===S(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var k="playlists.playlistSortSelect",A=E.q.memoize((function(){var e;return P(e={},w.o.RecentlyUpdated,{name:l.T.getPhrase(k,"recentlyUpdated")}),P(e,w.o.AtoZ,{name:l.T.getPhrase(k,"atoz")}),P(e,w.o.ZtoA,{name:l.T.getPhrase(k,"ztoa")}),P(e,w.o.Newest,{name:l.T.getPhrase(k,"newest")}),P(e,w.o.Oldest,{name:l.T.getPhrase(k,"oldest")}),e}));function F(e){var t=e.type,n=e.getSortAppLink,r=e.variant,o=A();return a.createElement("div",{className:"dropdown"},a.createElement("a",{className:"btn btn-".concat(r," ml-2 dropdown-toggle"),type:"button",id:"sort-select","data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false"},o[t].name),a.createElement("div",{className:"dropdown-menu dropdown-menu-right","aria-labelledby":"sort-select"},Object.values(w.o).map((function(e){var r="dropdown-item";return e===t&&(r+=" active"),a.createElement(N.F,{key:e,className:r,appLink:n(e),analyticsData:{sort:o[e].name},analyticsOptions:{location:C.LocationContext.PlaylistListHeader,entity:C.EntityType.Playlists,actionType:C.UserAction.Sort,workflowPhase:C.WorkflowPhase.Complete}},o[e].name)}))))}F.defaultProps={variant:"light"};var I=n(58130),L=n(83657),x=n(71521),T=n(94644),O=n(63936),U=n(69883),j=n(7733),D=n(22902),q=n(16714),H=n(51200),M=n(97291),_=n(14070),R=n(23232),Y=n(99742),W="playlists.playlistsEmptyState";function B(){return r().createElement(b.D.Provider,{value:W},r().createElement(R.u,null,r().createElement(R.u.Image,{src:Y.W.EmptyStates.Playlists.PLAYLISTS}),r().createElement(R.u.Heading,null,r().createElement(b.x,{phrase:"heading"})),r().createElement(R.u.Info,null,r().createElement(b.x,{phrase:"info"})),r().createElement(R.u.Cta,{text:l.T.getPhrase(W,"cta"),icon:I.vn.Plus,appLink:{application:M.O.PLAYLISTS,action:_.e.Playlists.NEW_PLAYLIST}})))}function z(){return r().createElement(b.D.Provider,{value:W},r().createElement(R.u,null,r().createElement(R.u.Image,{src:Y.W.EmptyStates.Playlists.PLAYLISTS_PUBLIC}),r().createElement(R.u.Heading,null,r().createElement(b.x,{phrase:"heading"})),r().createElement(R.u.Info,null,r().createElement(b.x,{phrase:"info"})),r().createElement(R.u.Cta,{text:l.T.getPhrase(W,"publicCta"),appLink:{application:M.O.SIGN_UP,action:_.e.SignUp.SIGN_UP},analyticsData:{},analyticsOptions:{actionType:C.UserAction.Click,location:C.LocationContext.PlaylistsLanding,entity:C.EntityType.AppLink,workflowPhase:C.WorkflowPhase.Start,descriptor:C.SignUpDescriptors.SignUp}})))}var Q="playlists.playlists";function V(e){return{application:M.O.PLAYLISTS,action:_.e.Playlists.HOME,params:{sort:e}}}function Z(e){var t=(0,o.useDispatch)(),n=(0,U.Z)(),r=(0,D.T)().hasLocalPermissions,E=s.a.useBasicFetch(d.L.config()),w=s.a.useBasicFetch(p.N.currentUser()),N=(0,H.I)(),S=N.presentation,P=N.hasLoaded,k=s.a.useBasicFetch(P&&m.O.presentationAudiences(null==S?void 0:S.id)),A=!!w.data&&x.A.getOrSetSortType(w.data.id,e.sort),R=!!A&&function(e){return u.C.getUserPlaylists(new h.l(A,e,v.e.All))},Y=!!R&&function(e){s.a.getFetch(t)(R(e))};(0,c.o)(l.T.getPhrase(Q,"title"));var W=!r(q.E.ViewPlaylistsLanding)&&A,Z=(0,O.K)(!!W&&R,Y,(function(e,t){if(1===e)return(0,T.r)(t);n.error(l.T.getPhrase(Q,"error"))})),G=Z.items,K=Z.hasMore,$=Z.isFetching,J=[{label:l.T.getPhrase(Q,"createPlaylist"),appLink:{application:M.O.PLAYLISTS,action:_.e.Playlists.NEW_PLAYLIST},svgName:I.vn.Plus,className:"btn btn-outline-dark",button:!0,analyticsData:{},analyticsOptions:{location:C.LocationContext.Banner,entity:C.EntityType.Playlist,workflowPhase:C.WorkflowPhase.Start,actionType:C.UserAction.Create}}],X=!!G&&!!w.data&&!!E.data&&(!!k.data||k.hasError);return r(q.E.ViewPlaylistsLanding)?a.createElement(z,null):i.m.isEmpty(G)?a.createElement(B,null):a.createElement("div",{className:"bg-white px-3"},a.createElement("div",{className:"d-flex justify-content-between align-items-end pb-3"},a.createElement("h1",{className:"h2 mb-0"},a.createElement(b.x,{namespace:Q,phrase:"title"})),!!A&&a.createElement(L.e,{actions:J,sortComponent:a.createElement(F,{variant:"outline-dark",type:A,getSortAppLink:V})})),X?a.createElement(f.P,{playlists:G,getPlaylistAppLink:e.getPlaylistAppLink,imageCdnUrl:E.data.imageCdnUrl,currentUser:w.data,presentationAudiences:k.data||[],bgColourClassNames:j.o,itemContainerClassName:"columns-of-five",itemStyle:"round",showCount:!0,showOwner:!0}):a.createElement(y.Y,{itemClassName:"columns-of-five"}),(K||$)&&a.createElement(g._,{isFetching:$,fetchNext:Y}))}}}]);