@clickview/lite 0.0.26-rc.0 → 0.0.26-rc.1

package/dist/scripts/26-c96252d345.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[26],{1131:function(e,a,t){e.exports={buttonList:"_2v9CT",dropdownToggle:"AYBvQ"}},1132:function(e,a,t){"use strict";var n=t(0),i=t(188),o=t(317),r=t(46),s=t(48),c=t(66),l=t(59),d=t(17),u=t(1131),m=t.n(u);function p(e){let a="dropdown-item";return e&&(a+=" "+e),a}function v(e){if(e.action.appLink)return n.createElement(l.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 "+p(e.action.className),onClick:function(a){e.action.analyticsData&&e.action.analyticsOptions&&s.a.logUserAction(e.action.analyticsData,e.action.analyticsOptions),r.a.isFunction(e.action.onClick)&&e.action.onClick(a)}},e.action.label)}function g(e){if(!e.actions||!e.actions.length)return n.createElement(n.Fragment,null);let a="dropdown";e.className&&(a+=" "+e.className);const t="actions-dropdown-"+o.a.getRandomInt();let i="dropdown-toggle px-0 "+m.a.dropdownToggle;return e.dropdownToggleClassName&&(i+=" "+e.dropdownToggleClassName),n.createElement("div",{className:a},n.createElement("button",{className:i,type:"button",id:t,"data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false"},n.createElement(c.a,{svgName:d.b.More,size:c.b.Small})),n.createElement("div",{className:"dropdown-menu dropdown-menu-right","aria-labelledby":t},e.actions.map((e,a)=>n.createElement(v,{key:a,action:e}))))}g.defaultProps={dropdownToggleClassName:"btn btn-light"};var b=t(319);function f(e){const a=[],t=[];e.actions.forEach(e=>{e.button?a.push(e):t.push(e)});let o="d-flex";return e.className&&(o+=" "+e.className),n.createElement("div",{className:o},n.createElement(n.Fragment,null,!!a.length&&n.createElement("span",{className:m.a.buttonList},a.map((e,a)=>n.createElement(n.Fragment,{key:a},e.label?n.createElement(b.a,{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):n.createElement(i.a,{appLink:e.appLink,onClick:e.onClick,svgName:e.svgName,className:e.className,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions})))),e.sortComponent?e.sortComponent:"",!!t.length&&n.createElement(g,{actions:t,className:!!a.length&&"ml-2",dropdownToggleClassName:e.actionsDropdownClassName})))}t.d(a,"a",(function(){return f}))},1134:function(e,a,t){"use strict";t.d(a,"a",(function(){return r})),t.d(a,"b",(function(){return s}));var n=t(9),i=t(17);const o="shared.videoActionsHelper";var r;!function(e){e[e.AddToPlaylist=0]="AddToPlaylist",e[e.RemoveFromPlaylist=1]="RemoveFromPlaylist",e[e.Share=2]="Share",e[e.Edit=3]="Edit"}(r||(r={}));const s=()=>({[r.AddToPlaylist]:{label:n.a.getPhrase(o,"addToPlaylist"),svgName:i.b.AddToPlaylists},[r.RemoveFromPlaylist]:{label:n.a.getPhrase(o,"removeFromPlaylist"),svgName:i.b.Delete},[r.Share]:{label:n.a.getPhrase(o,"share"),svgName:i.b.Share2},[r.Edit]:{label:n.a.getPhrase(o,"edit"),svgName:i.b.Edit}})},1135:function(e,a,t){"use strict";t.d(a,"a",(function(){return c})),t.d(a,"c",(function(){return l})),t.d(a,"b",(function(){return d}));var n=t(0),i=t(1123),o=t(2),r=t(1144),s=t(1148);const c=n.createContext({isSortable:!1});function l(e){const{isSortable:a}=n.useContext(c),t=a?s.a:s.b,i=o.a.AppLinkHelper.getCurrentAppLink();return n.createElement(n.Fragment,null,n.createElement("div",{className:"position-relative"},e.videos.map((a,i)=>n.createElement(t,{key:a.id,idx:i,index:i,video:a,getVideoAppLink:e.getVideoAppLink,getSeriesAppLink:e.getSeriesAppLink,setFavourite:e.setFavourite,hideInteractiveBadge:e.hideInteractiveBadge,hideFavouriteButton:e.hideFavouriteButton}))),e.cursors&&n.createElement(r.b,{appLink:i,cursors:e.cursors}))}const d=Object(i.SortableContainer)(e=>n.createElement(c.Provider,{value:{isSortable:!0,currentSortingIndex:e.currentSortingIndex}},n.createElement(l,Object.assign({},e))))},1137:function(e,a,t){"use strict";t.d(a,"a",(function(){return i}));var n=t(0);const i=n.createContext({})},1144:function(e,a,t){"use strict";t.d(a,"b",(function(){return d})),t.d(a,"a",(function(){return u}));var n=t(0),i=t(314),o=t(59),r=t(94),s=t(48),c=t(3);function l(e,a){return a?{application:e.application,action:e.action,args:e.args,params:Object.assign({},e.params,{cursor:a})}:null}function d({appLink:e,cursors:a,className:t}){function i(e){s.a.logUserAction({page:e},{location:c.LocationContext.Pagination,entity:c.EntityType.Pagination,actionType:c.UserAction.Navigate})}return n.createElement(r.a.Provider,{value:"shared.pagination"},n.createElement("div",{className:t},n.createElement(o.a,{appLink:l(e,a.previous),className:"btn btn-secondary mr-1 "+(a.previous?"":"disabled"),onClick:()=>i("previous")},n.createElement(r.b,{phrase:"previous"})),n.createElement(o.a,{appLink:l(e,a.next),className:"btn btn-secondary "+(a.next?"":"disabled"),onClick:()=>i("next")},n.createElement(r.b,{phrase:"next"}))))}function u(e){function a(e){s.a.logUserAction({page:e},{location:c.LocationContext.Pagination,entity:c.EntityType.Pagination,actionType:c.UserAction.Navigate})}return n.createElement(r.a.Provider,{value:"shared.pagination"},n.createElement("div",{className:e.className},n.createElement(i.a,{onClick:function(){1!==e.currentPage&&(a("previous"),e.onClickBack())},className:"btn btn-secondary mr-1 cursor-pointer "+(1===e.currentPage?"disabled":"")},n.createElement(r.b,{phrase:"previous"})),n.createElement(i.a,{onClick:function(){e.currentPage!==e.totalPages&&(a("next"),e.onClickNext())},className:"btn btn-secondary cursor-pointer "+(e.currentPage===e.totalPages?"disabled":"")},n.createElement(r.b,{phrase:"next"}))))}d.defaultProps={className:"py-2"},u.defaultProps={className:"py-2"}},1148:function(e,a,t){"use strict";var n=t(0),i=t(40),o=t(1123),r=t(1159),s=t(321),c=t(66),l=t(1152),d=t(43),u=t(118),m=t(17),p=t(1135),v=t(46),g=t(1132),b=t(1137),f=t(1134),E=t(75),y=t(1149),h=t.n(y);const k=[f.a.AddToPlaylist];function N(e){const{videoActions:a=k,getActionAppLink:t,hideLabel:i}=n.useContext(b.a),o=Object(E.a)(d.a.XS);if(!v.a.isFunction(t))return n.createElement(n.Fragment,null);let r=[];return a.forEach(a=>{const n=t(e.video,a);n&&r.push(Object.assign({appLink:n,className:"btn btn-link",button:!o},Object(f.b)()[a]))}),i&&!o&&(r=r.map(e=>Object.assign(Object.assign({},e),{label:null}))),n.createElement(g.a,{actions:r,className:"float-right mt-n1",actionsDropdownClassName:"btn btn-link rounded-circle p-0 "+h.a.actionsDropdown})}var P=t(94),w=t(1150),L=t.n(w);function C(e){const[a,t]=n.useState(e.truncate);return Object(E.a)(d.a.XS)?n.createElement(n.Fragment,null):n.createElement("div",{className:"position-relative overflow-hidden "+(a?"clamp-2":"")},n.createElement("p",{className:"m-0"},e.video.description,!!e.isExpandable&&n.createElement("span",{className:"cursor-pointer "+L.a.ellipsis,onClick:()=>t(!a)},n.createElement(P.b,{namespace:"shared.videoItemDescription",phrase:a?"showMore":"showLess"}))))}C.defaultProps={truncate:!0};var A=t(59);function x(e){return n.createElement(A.a,{appLink:e.appLink},n.createElement("h5",{className:"m-0 mb-1 clamp-2"},e.video.name))}var S=t(1165),D=t(1163),F=t(213),O=t(3),T=t(163),V=t(1151),j=t.n(V);t.d(a,"b",(function(){return I})),t.d(a,"a",(function(){return B}));const H=Object(o.SortableHandle)(()=>n.createElement(i.Col,{xs:2,className:"d-flex justify-content-center align-items-center cursor-pointer "+j.a.dragHandleContainer},n.createElement(c.a,{svgName:m.b.Handle,size:c.b.Small})));function I(e){var a;const t=Object(F.a)(),o=t===d.a.XS,c=t===d.a.SM||t===d.a.MD,m=t===d.a.SM,{isSortable:v}=n.useContext(p.a),g=v&&!o,b=e.getVideoAppLink(e.video),f=u.a.hasSeries(e.video)&&e.getSeriesAppLink(e.video.series);return n.createElement(i.Row,{className:"py-2"},n.createElement(i.Col,{xs:o?12:c?4:3,className:"flex-column align-items-flex-start mb-1"},n.createElement(i.Row,null,!!g&&n.createElement(H,null),n.createElement(i.Col,{xs:(E=g,E?10:12)},n.createElement(r.a,{video:e.video,appLink:b,seriesAppLink:f,imageOptions:{size:g?T.a.Small:T.a.Medium},textPosition:l.a.Independent,setFavourite:e.setFavourite,type:"static",analyticsOptions:{location:O.LocationContext.VideoListItem},hideFavouriteButton:e.hideFavouriteButton})))),n.createElement(i.Col,{xs:o?12:c?8:9},n.createElement(N,{video:e.video}),n.createElement(s.a,{className:"d-block",video:e.video,appLink:f,analyticsOptions:{location:O.LocationContext.VideoListItem}}),n.createElement(x,{video:e.video,appLink:e.getVideoAppLink(e.video)}),n.createElement(S.a,null,n.createElement(D.a,{type:D.b.Rating,data:e.video.rating}),n.createElement(D.a,{type:D.b.ProductionYear,data:e.video.productionYear}),!e.hideInteractiveBadge&&n.createElement(D.a,{type:D.b.Interactive,data:null===(a=e.video._hasinteractives)||void 0===a?void 0:a.value})),!m&&n.createElement(C,{video:e.video})));var E}const B=Object(o.SortableElement)(e=>n.createElement(I,Object.assign({},e)))},1149:function(e,a,t){e.exports={actionsDropdown:"XR0aX"}},1150:function(e,a,t){e.exports={ellipsis:"LJY5U"}},1151:function(e,a,t){e.exports={dragHandleContainer:"_24s1b"}},1153:function(e,a,t){"use strict";t.d(a,"a",(function(){return s}));var n=t(27),i=t(49);function o(e,a,t,i,o=[]){return{url:"{gateway}/v1/objects/"+a,key:`favourite:video:${a}:${e}`,data:{favouriteVideos:e},type:n.a.PUT,invalidationKeys:["favourite:videos:"+a,"video:is:favourited:"+a,...o],success:t,error:i}}function r(e,a,t,i,o=[]){return{url:`{gateway}/v1/objects/${a}/favouriteVideos?memberId=${e}`,key:`favourite:video:${a}:${e}`,type:n.a.DELETE,invalidationKeys:["favourite:videos:"+a,"video:is:favourited:"+a,...o],success:t,error:i}}const s={favouriteVideos:(e,a)=>({url:`{gateway}/v1/objects/${e}/favouriteVideos?query=${i.b.VideoCollectionWithAssocs(e,!0)}${c(a)}`,key:`favourite:videos:${e}${a?":"+a:""}`}),updateIsVideoFavourited:(e,a,t,n,i,s=[])=>(t?o:r)(e,a,n,i,s),isFavourited(e,a){const t=a.slice().sort(),n=t.map(e=>"id="+e);if(n.length)return{url:`{gateway}/v1/objects?query=favouritedBy{id:${e}}&${n.join("&")}`,key:`video:is:favourited:${e}:by:id:${t.join(",")}`}}};function c(e){return e?"&cursor="+e:""}},1156:function(e,a,t){"use strict";t.d(a,"b",(function(){return d})),t.d(a,"a",(function(){return u}));var n=t(0),i=t.n(n),o=t(40),r=t(43),s=t(213),c=t(1157),l=t.n(c);function d(e){return i.a.createElement(i.a.Fragment,null,Array(e.numVideos).fill(null).map((a,t)=>i.a.createElement(u,Object.assign({key:t},e))))}function u(e){const a=Object(s.a)(),t=a===r.a.XS,n=a===r.a.SM||a===r.a.MD,c=e.withReordering&&!t;return i.a.createElement(o.Row,{className:"py-2"},i.a.createElement(o.Col,{xs:t?12:n?4:3,className:"flex-column align-items-flex-start mb-1"},i.a.createElement(o.Row,null,!!c&&i.a.createElement("div",{className:"d-flex align-items-center justify-content-center col-2"},i.a.createElement("div",{className:"partial-loading-background "+l.a.partialDragHandle})),i.a.createElement(o.Col,{xs:c?10:12},i.a.createElement("div",{className:"partial-loading-background rounded-lg "+l.a.partialThumbnail})))),i.a.createElement(o.Col,{xs:t?12:n?8:9},i.a.createElement("div",{className:"partial-loading-background "+l.a.partialSeriesLink}),i.a.createElement("div",{className:"partial-loading-background mb-1 "+l.a.partialName}),i.a.createElement("div",{className:"partial-loading-background "+l.a.partialDescription}),i.a.createElement("div",{className:"partial-loading-background "+l.a.partialBadges}),i.a.createElement("div",{className:"partial-loading-background "+l.a.partialActions})))}d.defaultProps={numVideos:15}},1157:function(e,a,t){e.exports={partialName:"_7KNC2",partialDescription:"Vk_wR",partialThumbnail:"_3peRZ",partialDragHandle:"_1F7_f"}},1247:function(e,a,t){"use strict";t.d(a,"a",(function(){return n}));var n={userVideoHistory:function(e,a,t,n,i,o){var r="video:history:".concat(e,":").concat(a),s="/api/videoviews/v1/customers/".concat(e,"/users/").concat(a,"/videos/history");return t&&(r+=":".concat(t),s+="?cursor=".concat(t)),{key:r,url:s,success:n,error:i,always:o}},videoHistory:function(e,a,t,n,i,o){var r=t.sort().map((function(e){return"videoId=".concat(e)}));return{key:"video:history:".concat(e,":").concat(a,":videos:").concat(r.join("&")),url:"/api/videoviews/v1/customers/".concat(e,"/users/").concat(a,"/videos/history?").concat(r.join("&")),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:i,always:o}}}},1609:function(e,a,t){e.exports={partialDate:"_2wbjP"}},1680:function(e,a,t){"use strict";t.r(a);var n=t(0),i=t.n(n),o=t(80),r=t(19),s=t(315),c=t(9),l=t(1137),d=t(1134),u=t(74),m=t(1153),p=t(94),v=t(104),g=t(164),b=t(48),f=t(3),E=t(323),y=t(1129),h=t(7),k=t(13),N=t(1247),P=t(127),w=t(2),L=t(143),C=t(44),A=t(1135),x=t(1144),S=t(118),D="watchHistory.watchHistoryVideoList",F=function(e){return{application:h.a.DEFAULT,action:k.a.Default.PLAY_VIDEO,args:[e.id,C.a.slugify(e.name)],params:S.a.getVideoProgress(e)?{t:Math.floor(S.a.getVideoProgress(e))}:{}}},O=function(e){return{application:h.a.DEFAULT,action:k.a.Default.SERIES,args:[e.id,C.a.slugify(e.name)]}};function T(e){var a=L.a.groupBy(e.videoHistory.data,"lastDateWatched"),t={},i=Object.keys(a).sort().reverse();i.forEach((function(n){t[n]=a[n].map((function(a){var t=e.videos.find((function(e){return e.id.toString()===a.videoId.toString()}));return t?Object.assign(Object.assign({},t),{lastProgressPoint:a.lastProgressPoint}):null})).filter(Boolean)}));var o=w.a.AppLinkHelper.getCurrentAppLink();return n.createElement(n.Fragment,null,i.map((function(a){return n.createElement("div",{key:a,className:"pb-3"},n.createElement("h2",{className:"h4"},function(e){var a=P().diff(e,"days");return 0===a?c.a.getPhrase(D,"today"):1===a?c.a.getPhrase(D,"yesterday"):P(e).format("Do MMMM")}(a)),n.createElement(A.c,{videos:t[a],getVideoAppLink:F,getSeriesAppLink:O,setFavourite:e.setFavourite,hideFavouriteButton:e.hideFavouriteButton}))})),e.videoHistory.pagination.cursors&&n.createElement(x.b,{appLink:o,cursors:e.videoHistory.pagination.cursors}))}var V=t(1156),j=t(1609),H=t.n(j);function I(){return i.a.createElement("div",{className:"px-3"},i.a.createElement("div",{className:"mb-3"},i.a.createElement("div",{className:"".concat(H.a.partialDate," mb-2 partial-loading-background")}),i.a.createElement(V.b,{numVideos:2})),i.a.createElement("div",{className:"mb-3"},i.a.createElement("div",{className:"".concat(H.a.partialDate," mb-2 partial-loading-background")}),i.a.createElement(V.b,{numVideos:3})),i.a.createElement("div",{className:"mb-3"},i.a.createElement("div",{className:"".concat(H.a.partialDate," mb-2 partial-loading-background")}),i.a.createElement(V.b,{numVideos:2})),i.a.createElement("div",{className:"mb-3"},i.a.createElement("div",{className:"".concat(H.a.partialDate," mb-2 partial-loading-background")}),i.a.createElement(V.b,{numVideos:5})))}t.d(a,"getVideoActionAppLink",(function(){return B})),t.d(a,"WatchHistoryView",(function(){return R}));function B(){return function(e,a){switch(a){case d.a.AddToPlaylist:return{application:h.a.PLAYLISTS,action:k.a.Playlists.ADD_TO_PLAYLIST,args:[e.id]};case d.a.Share:return{application:h.a.SHARE,action:k.a.Share.SHARE,args:[e.id],params:{entityType:"video"}}}}}function R(e){var a,t,i;Object(s.a)(c.a.getPhrase("watchHistory.watchHistory","pageTitle"));var h=Object(o.useDispatch)(),k=Object(y.a)(),P=Object(g.a)().hasPermissions,w=r.a.useBasicFetch(u.a.currentUser()),L=r.a.useBasicFetch(!!w.data&&N.a.userVideoHistory(w.data.customerId,w.data.id,e.cursor)),C=null===(t=null===(a=L.data)||void 0===a?void 0:a.data)||void 0===t?void 0:t.map((function(e){return e.videoId})),A=r.a.useBasicFetch((null==C?void 0:C.length)&&E.a.watchHistoryVideos(C,null===(i=w.data)||void 0===i?void 0:i.id));function x(e,a,t){r.a.fetch(h,m.a.updateIsVideoFavourited(e.id,w.data.id,a,(function(){b.a.logUserAction({id:e.id},{entity:f.EntityType.Video,actionType:f.UserAction.Favourite,descriptor:a?f.ToggleDescriptor.On:f.ToggleDescriptor.Off,location:f.LocationContext.VideoThumbnail,workflowPhase:f.WorkflowPhase.Complete}),k.success(c.a.getPhrase("watchHistory.watchHistory",a?"favourited":"unfavourited",{video:e.name}))}),t))}return n.createElement(p.a.Provider,{value:"watchHistory.watchHistory"},n.createElement("div",{className:"px-3"},n.createElement("h1",null,n.createElement(p.b,{phrase:"heading"})),function(){var e,a,t;return L.data?(null===(e=L.data.data)||void 0===e?void 0:e.length)?A.data?n.createElement(l.a.Provider,{value:{videoActions:(a=P(v.a.ShareVideos),t=[d.a.AddToPlaylist],a&&t.push(d.a.Share),t),getActionAppLink:B(),hideLabel:!0}},n.createElement(T,{videoHistory:L.data,videos:A.data,setFavourite:x,hideFavouriteButton:!P(v.a.FavouriteVideos)})):n.createElement(I,null):n.createElement(p.b,{phrase:"emptyState"}):n.createElement(I,null)}()))}}}]);