@clickview/lite 0.0.23 → 0.0.24-rc.0

package/dist/scripts/19-2d0722e2b5.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[19],{1248:function(e,t,a){e.exports={partialDate:"_2wbjP"}},1302:function(e,t,a){"use strict";a.r(t);var n=a(0),r=a.n(n),i=a(60),o=a(14),c=a(232),s=a(7),l=a(153),u=a(829),d=a(76),m=a(40),p=a(3),v=a(235),f=a(858),g=a(854),b=a(88),y=a(2),E=a(125),h=a(47),k=a(821),N=a(827),w=a(6),O=a(10),C="watchHistory.watchHistoryVideoList",j=function(e){return{application:w.a.DEFAULT,action:O.a.Default.PLAY_VIDEO,args:[e.id,h.a.slugify(e.name)],params:e.lastProgressPoint?{t:Math.floor(e.lastProgressPoint)}:{}}},L=function(e){return{application:null,action:null,args:[e.id]}};function x(e){var t=E.a.groupBy(e.videoHistory.data,"lastDateWatched"),a={},r=Object.keys(t).sort().reverse();r.forEach((function(n){a[n]=t[n].map((function(t){var a=e.videos.find((function(e){return e.id.toString()===t.videoId.toString()}));return a?Object.assign(Object.assign({},a),{lastProgressPoint:t.lastProgressPoint}):null})).filter(Boolean)}));var i=y.a.AppLinkHelper.getCurrentAppLink();return n.createElement(n.Fragment,null,r.map((function(t){return n.createElement("div",{key:t,className:"pb-3"},n.createElement("h2",{className:"h4"},function(e){var t=b().diff(e,"days");return 0===t?s.a.getPhrase(C,"today"):1===t?s.a.getPhrase(C,"yesterday"):b(e).format("Do MMMM")}(t)),n.createElement(k.c,{videos:a[t],getVideoAppLink:j,getSeriesAppLink:L,setFavourite:e.setFavourite}))})),e.videoHistory.pagination.cursors&&n.createElement(N.b,{appLink:i,cursors:e.videoHistory.pagination.cursors}))}var S=a(846),A=a(1248),P=a.n(A);function D(){return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{className:"mb-3"},r.a.createElement("div",{className:"".concat(P.a.partialDate," mb-2 partial-loading-background")}),r.a.createElement(S.a,{numVideos:2})),r.a.createElement("div",{className:"mb-3"},r.a.createElement("div",{className:"".concat(P.a.partialDate," mb-2 partial-loading-background")}),r.a.createElement(S.a,{numVideos:3})),r.a.createElement("div",{className:"mb-3"},r.a.createElement("div",{className:"".concat(P.a.partialDate," mb-2 partial-loading-background")}),r.a.createElement(S.a,{numVideos:2})),r.a.createElement("div",{className:"mb-3"},r.a.createElement("div",{className:"".concat(P.a.partialDate," mb-2 partial-loading-background")}),r.a.createElement(S.a,{numVideos:5})))}a.d(t,"WatchHistoryView",(function(){return F}));function F(e){var t,a,r;Object(c.a)(s.a.getPhrase("watchHistory.watchHistory","pageTitle"));var b=Object(i.useDispatch)(),y=o.a.useBasicFetch(l.a.currentUser()),E=o.a.useBasicFetch(!!y.data&&g.a.userVideoHistory(y.data.customerId,y.data.id,e.cursor)),h=null===(a=null===(t=E.data)||void 0===t?void 0:t.data)||void 0===a?void 0:a.map((function(e){return e.videoId})),k=o.a.useBasicFetch((null===(r=h)||void 0===r?void 0:r.length)&&v.a.hydratedVideos(h));function N(e,t,a){o.a.fetch(b,u.a.updateIsVideoFavourited(e,y.data.id,t,(function(){m.a.logUserAction({id:e},{entity:p.d.Video,actionType:p.n.Favourite,descriptor:t?p.m.On:p.m.Off,location:p.j.VideoThumbnail,workflowPhase:p.o.Complete})}),a))}return Object(f.a)(k.data,{watchHistory:!1}),n.createElement(d.a.Provider,{value:"watchHistory.watchHistory"},n.createElement("h1",null,n.createElement(d.b,{phrase:"heading"})),function(){var e;return E.data?(null===(e=E.data.data)||void 0===e?void 0:e.length)?k.data?n.createElement(x,{videoHistory:E.data,videos:k.data,setFavourite:N}):n.createElement(D,null):n.createElement(d.b,{phrase:"emptyState"}):n.createElement(D,null)}())}},816:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(0);function r(e){return n.createElement("div",{role:"button",tabIndex:0,className:"".concat(e.className?e.className:""," cursor-pointer"),onKeyDown:function(t){return"Enter"===t.key&&e.onClick(t)},onClick:e.onClick,style:e.style?e.style:{}},e.children)}},818:function(e,t,a){e.exports={buttonList:"_2v9CT",dropdownToggle:"AYBvQ"}},819:function(e,t,a){"use strict";var n=a(0),r=a(36),i=a(238),o=a(40),c=a(52),s=a(50),l=a(13),u=a(818),d=a.n(u),m=a(34);function p(e){var t="dropdown-item";return e&&(t+=" ".concat(e)),t}function v(e){if(e.action.appLink)return n.createElement(s.a,{appLink:e.action.appLink,onClick:e.action.onClick,className:p(e.action.className),analyticsData:e.action.analyticsData,analyticsOptions:e.action.analyticsOptions},e.action.label);return n.createElement("span",{className:"cursor-pointer ".concat(p(e.action.className)),onClick:function(t){e.action.analyticsData&&e.action.analyticsOptions&&o.a.logUserAction(e.action.analyticsData,e.action.analyticsOptions),m.a.isFunction(e.action.onClick)&&e.action.onClick(t)}},e.action.label)}function f(e){if(!e.actions||!e.actions.length)return n.createElement(n.Fragment,null);var t="actions-dropdown-".concat(i.a.getRandomInt()),a="px-0 ".concat(d.a.dropdownToggle);return e.dropdownToggleClassName&&(a+=" ".concat(e.dropdownToggleClassName)),n.createElement(r.Dropdown,{className:e.className?e.className:"",alignRight:!0},n.createElement(r.Dropdown.Toggle,{as:"button",type:"button",id:t,className:a},n.createElement(c.a,{svgName:l.b.More,size:c.b.Small})),n.createElement(r.Dropdown.Menu,null,e.actions.map((function(e,t){return n.createElement(v,{key:t,action:e})}))))}f.defaultProps={dropdownToggleClassName:"btn btn-light"};var g=a(234),b=a(155);function y(e){var t="ml-2";e.className&&(t+=" ".concat(e.className));var a=e.showSpinner?n.createElement(r.Spinner,{as:"span",animation:"border",role:"status",size:"sm"}):e.children;if(e.tooltip)return n.createElement(b.a,{title:e.tooltip},n.createElement(g.a,{appLink:e.appLink,svgName:e.svgName,onClick:e.onClick,className:t,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},a));if(e.svgName)return n.createElement(g.a,{onClick:e.onClick,appLink:e.appLink,svgName:e.svgName,className:t,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},a);if(e.appLink)return n.createElement(s.a,{onClick:e.onClick,appLink:e.appLink,className:t,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},a);return n.createElement("button",{onClick:function(t){e.analyticsData&&e.analyticsOptions&&o.a.logUserAction(e.analyticsData,e.analyticsOptions),m.a.isFunction(e.onClick)&&e.onClick(t)},className:t},a)}function E(e){var t=[],a=[];e.actions.forEach((function(e){e.button?t.push(e):a.push(e)}));var r="d-flex";return e.className&&(r+=" ".concat(e.className)),n.createElement("div",{className:r},n.createElement(n.Fragment,null,!!t.length&&n.createElement("span",{className:d.a.buttonList},t.map((function(e,t){return n.createElement(y,{key:t,appLink:e.appLink,onClick:e.onClick,svgName:e.svgName,className:e.className,tooltip:e.tooltip,showSpinner:e.showSpinner,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},e.label)}))),e.sortComponent?e.sortComponent:"",!!a.length&&n.createElement(f,{actions:a,className:!!t.length&&"ml-2",dropdownToggleClassName:e.actionsDropdownClassName})))}a.d(t,"a",(function(){return E}))},821:function(e,t,a){"use strict";a.d(t,"a",(function(){return s})),a.d(t,"c",(function(){return l})),a.d(t,"b",(function(){return u}));var n=a(0),r=a(809),i=a(2),o=a(827),c=a(835),s=n.createContext({isSortable:!1});function l(e){var t=n.useContext(s).isSortable?c.a:c.b,a=i.a.AppLinkHelper.getCurrentAppLink();return n.createElement(n.Fragment,null,n.createElement("div",{className:"position-relative"},e.videos.map((function(a,r){return n.createElement(t,{key:a.id,idx:r,index:r,video:a,getVideoAppLink:e.getVideoAppLink,getSeriesAppLink:e.getSeriesAppLink,setFavourite:e.setFavourite,hideInteractiveBadge:e.hideInteractiveBadge})}))),e.cursors&&n.createElement(o.b,{appLink:a,cursors:e.cursors}))}var u=Object(r.SortableContainer)((function(e){return n.createElement(s.Provider,{value:{isSortable:!0,currentSortingIndex:e.currentSortingIndex}},n.createElement(l,Object.assign({},e)))}))},827:function(e,t,a){"use strict";a.d(t,"b",(function(){return u})),a.d(t,"a",(function(){return d}));var n=a(0),r=a(816),i=a(50),o=a(76),c=a(40),s=a(3);function l(e,t){return t?{application:e.application,action:e.action,args:e.args,params:Object.assign({},e.params,{cursor:t})}:null}function u(e){var t=e.appLink,a=e.cursors,r=e.className;function u(e){c.a.logUserAction({page:e},{location:s.j.Pagination,entity:s.d.Pagination,actionType:s.n.Navigate})}return n.createElement(o.a.Provider,{value:"shared.pagination"},n.createElement("div",{className:r},n.createElement(i.a,{appLink:l(t,a.previous),className:"btn btn-secondary mr-1 ".concat(a.previous?"":"disabled"),onClick:function(){return u("previous")}},n.createElement(o.b,{phrase:"previous"})),n.createElement(i.a,{appLink:l(t,a.next),className:"btn btn-secondary ".concat(a.next?"":"disabled"),onClick:function(){return u("next")}},n.createElement(o.b,{phrase:"next"}))))}function d(e){function t(e){c.a.logUserAction({page:e},{location:s.j.Pagination,entity:s.d.Pagination,actionType:s.n.Navigate})}return n.createElement(o.a.Provider,{value:"shared.pagination"},n.createElement("div",{className:e.className},n.createElement(r.a,{onClick:function(){1!==e.currentPage&&(t("previous"),e.onClickBack())},className:"btn btn-secondary mr-1 cursor-pointer ".concat(1===e.currentPage?"disabled":"")},n.createElement(o.b,{phrase:"previous"})),n.createElement(r.a,{onClick:function(){e.currentPage!==e.totalPages&&(t("next"),e.onClickNext())},className:"btn btn-secondary cursor-pointer ".concat(e.currentPage===e.totalPages?"disabled":"")},n.createElement(o.b,{phrase:"next"}))))}u.defaultProps={className:"py-2"},d.defaultProps={className:"py-2"}},829:function(e,t,a){"use strict";a.d(t,"a",(function(){return s}));var n=a(21),r=a(45),i=function(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(a[n[r]]=e[n[r]])}return a};function o(e,t,a,r){return{url:"/api/domain/v2/objects/".concat(t),key:"favourite:video:".concat(t,":").concat(e),data:{favouriteVideos:e},type:n.a.PUT,invalidationKeys:["favourite:videos:".concat(t),"video:is:favourited:".concat(t)],success:a,error:r}}function c(e,t,a,r){return{url:"/api/domain/v2/objects/".concat(t,"/favouriteVideos/").concat(e),key:"favourite:video:".concat(t,":").concat(e),type:n.a.DELETE,invalidationKeys:["favourite:videos:".concat(t),"video:is:favourited:".concat(t)],success:a,error:r}}var s={favouriteVideos:function(e,t){var a="".concat(r.a.VIDEO_COLLECTION).concat(function(e){return e?"&cursor=".concat(e):""}(t));return{url:"/api/domain/v2/objects/".concat(e,"/favouriteVideos?query=").concat(a),key:"favourite:videos:".concat(e).concat(t?":".concat(t):"")}},updateIsVideoFavourited:function(e,t,a,n,r){return(a?o:c)(e,t,n,r)},isFavourited:function(e,t){var a=t.slice().sort(),n=a.map((function(e){return"id=".concat(e)}));return{url:"/api/domain/v2/objects?query=favouritedBy{id:".concat(e,"}&").concat(n.join("&")),key:"video:is:favourited:".concat(e,":by:id:").concat(a.join(",")),formatData:function(e){var t;if(!(null===(t=e)||void 0===t?void 0:t.length))return e;return e.map((function(e){var t,a,n=e.favouritedBy,r=i(e,["favouritedBy"]);return Object.assign(Object.assign({},r),{isFavourited:!!(null===(a=null===(t=n)||void 0===t?void 0:t.data)||void 0===a?void 0:a.length)})}))}}}}},835:function(e,t,a){"use strict";var n=a(0),r=a(36),i=a(809),o=a(859),c=a(241),s=a(52),l=a(834),u=a(851),d=a(150),m=function(e){return!!e&&e.series&&!!e.series.id},p=a(13),v=a(151),f=a(821),g=a(34),b=a(819),y=a(236),E=a(126),h=a(836),k=a.n(h),N=[E.a.AddToPlaylist,E.a.Share];function w(e){var t=n.useContext(y.a),a=t.videoActions,r=void 0===a?N:a,i=t.getActionAppLink,o=Object(v.a)(d.a.XS);if(!g.a.isFunction(i))return n.createElement(n.Fragment,null);var c=[];return r.forEach((function(t){var a=i(e.video,t);a&&c.push(Object.assign({appLink:a,className:"btn btn-link",button:!o},Object(E.b)()[t]))})),n.createElement(b.a,{actions:c,className:"float-right mt-n1",actionsDropdownClassName:"btn btn-link rounded-circle p-0 ".concat(k.a.actionsDropdown)})}var O=a(76),C=a(837),j=a.n(C);function L(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(n=(o=c.next()).done)&&(a.push(o.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==c.return||c.return()}finally{if(r)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return x(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return x(e,t)}(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 x(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function S(e){var t=Object(v.a)(d.a.XS),a=21*(Object(v.a)(d.a.SM)?2:4),r=function(e){var t=L(Object(n.useState)(!1),2),a=t[0],r=t[1],i=L(Object(n.useState)(!1),2),o=i[0],c=i[1],s=Object(n.useRef)();return Object(n.useEffect)((function(){s&&s.current&&(s.current.offsetHeight<=e||(r(!0),c(!0)))}),[s]),{ref:s,isExpandable:a,isTruncated:o,toggleTruncation:function(){return c((function(e){return!e}))}}}(a),i=r.ref,o=r.isExpandable,c=r.isTruncated,s=r.toggleTruncation;if(t)return n.createElement(n.Fragment,null);var l={className:"position-relative overflow-hidden"};return c&&(l.style={maxHeight:"".concat(a,"px")}),e.forceTruncate&&!c&&s(),n.createElement("div",Object.assign({},l),n.createElement("p",{ref:i,className:"m-0"},e.video.description,!!o&&n.createElement("span",{className:"cursor-pointer ".concat(j.a.ellipsis),onClick:s},n.createElement(O.b,{namespace:"shared.videoItemDescription",phrase:c?"showMore":"showLess"}))))}var A=a(50);function P(e){return n.createElement(A.a,{appLink:e.appLink},n.createElement("h5",{className:"d-inline-block m-0 mb-1"},e.video.name))}var D=a(857),F=a(845),I=a(838),H=a.n(I);a.d(t,"b",(function(){return V})),a.d(t,"a",(function(){return B}));var T=Object(i.SortableHandle)((function(){return n.createElement(r.Col,{xs:2,className:"d-flex justify-content-center align-items-center cursor-pointer ".concat(H.a.dragHandleContainer)},n.createElement(s.a,{svgName:p.b.Handle,size:s.b.Small}))}));function V(e){var t,a=Object(v.a)(d.a.XS),i=n.useContext(f.a),s=i.isSortable,p=i.currentSortingIndex,g=s&&!a,b=e.getVideoAppLink(e.video),y=m(e.video)&&e.getSeriesAppLink(e.video.series);return n.createElement(r.Row,{className:"py-2"},n.createElement(r.Col,{xs:a?12:4,className:"flex-column align-items-flex-start mb-1"},n.createElement(r.Row,null,!!g&&n.createElement(T,null),n.createElement(r.Col,{xs:(t=g,t?10:12)},n.createElement(o.a,{video:e.video,appLink:b,seriesAppLink:y,size:g?l.a.Small:l.a.Medium,textPosition:u.a.Independent,setFavourite:e.setFavourite,type:"static"})))),n.createElement(r.Col,{xs:a?12:8},n.createElement(w,{video:e.video}),n.createElement(c.a,{video:e.video,appLink:y}),n.createElement(P,{video:e.video,appLink:e.getVideoAppLink(e.video)}),n.createElement(D.a,null,n.createElement(F.a,{type:F.b.Rating,data:e.video.rating}),n.createElement(F.a,{type:F.b.ProductionYear,data:e.video.productionYear}),!e.hideInteractiveBadge&&n.createElement(F.a,{type:F.b.Interactive,data:e.video.interactives})),n.createElement(S,{video:e.video,forceTruncate:Number.isInteger(p)&&e.idx===p})))}var B=Object(i.SortableElement)((function(e){return n.createElement(V,Object.assign({},e))}))},836:function(e,t,a){e.exports={actionsDropdown:"XR0aX"}},837:function(e,t,a){e.exports={ellipsis:"LJY5U"}},838:function(e,t,a){e.exports={dragHandleContainer:"_24s1b"}},846:function(e,t,a){"use strict";a.d(t,"a",(function(){return u}));var n=a(0),r=a.n(n),i=a(36),o=a(151),c=a(150),s=a(847),l=a.n(s);function u(e){var t=Object(o.a)(c.a.XS),a=e.withReordering&&!t;return r.a.createElement(r.a.Fragment,null,Array(e.numVideos).fill(null).map((function(e,n){return r.a.createElement(i.Row,{key:n,className:"py-2"},r.a.createElement(i.Col,{xs:t?12:4,className:"flex-column align-items-flex-start mb-1"},r.a.createElement(i.Row,null,!!a&&r.a.createElement("div",{className:"d-flex align-items-center justify-content-center col-2"},r.a.createElement("div",{className:"partial-loading-background ".concat(l.a.partialDragHandle)})),r.a.createElement(i.Col,{xs:a?10:12},r.a.createElement("div",{className:"partial-loading-background ".concat(l.a.partialThumbnail)})))),r.a.createElement(i.Col,{xs:t?12:8},r.a.createElement("div",{className:"partial-loading-background ".concat(l.a.partialSeriesLink)}),r.a.createElement("div",{className:"partial-loading-background mb-1 ".concat(l.a.partialName)}),r.a.createElement("div",{className:"partial-loading-background ".concat(l.a.partialDescription)}),r.a.createElement("div",{className:"partial-loading-background ".concat(l.a.partialBadges)}),r.a.createElement("div",{className:"partial-loading-background ".concat(l.a.partialActions)})))})))}u.defaultProps={numVideos:15}},847:function(e,t,a){e.exports={partialName:"_7KNC2",partialDescription:"Vk_wR",partialThumbnail:"_3peRZ",partialDragHandle:"_1F7_f"}},854:function(e,t,a){"use strict";a.d(t,"a",(function(){return n}));var n={userVideoHistory:function(e,t,a,n,r,i){var o="video:history:".concat(e,":").concat(t),c="/api/videoviews/v1/customers/".concat(e,"/users/").concat(t,"/videos/history");return a&&(o+=":".concat(a),c+="?cursor=".concat(a)),{key:o,url:c,success:n,error:r,always:i}},videoHistory:function(e,t,a,n,r,i){var o=a.sort().map((function(e){return"videoId=".concat(e)}));return{key:"video:history:".concat(e,":").concat(t,":videos:").concat(o.join("&")),url:"/api/videoviews/v1/customers/".concat(e,"/users/").concat(t,"/videos/history?").concat(o.join("&")),formatData:function(e){var t;return(null===(t=e)||void 0===t?void 0:t.length)?e.map((function(e){return{id:e.videoId,lastProgressPoint:e.lastProgressPoint}})):e},success:n,error:r,always:i}}}},858:function(e,t,a){"use strict";a.d(t,"a",(function(){return m}));var n=a(14),r=a(153),i=a(829),o=a(235),c=a(854);function s(e){return function(e){if(Array.isArray(e))return l(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return l(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return l(e,t)}(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 l(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var u={ratings:!0,favourites:!0,watchHistory:!0};function d(e,t){var a=n.a.useGetResponse(t&&t.key),r=n.a.useGetFetch(t);e&&a.shouldFetch&&r()}function m(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=Object.assign(Object.assign({},u),t),l=a.ratings,m=a.favourites,p=a.watchHistory,v=n.a.useBasicFetch(r.a.currentUser()),f=e&&(Array.isArray(e)?e.map((function(e){return e.id})):e.data.map((function(e){return e.id}))),g=v.data,b=[];l&&(b=[].concat(s(b),[f&&o.a.videoRatings(f)])),m&&(b=[].concat(s(b),[f&&g&&i.a.isFavourited(g.id,f)])),p&&(b=[].concat(s(b),[f&&g&&c.a.videoHistory(g.customerId,g.id,f)])),b.forEach((function(t){return d(!!e,t)}))}}}]);