@clickview/lite 0.0.24-rc.5 → 0.0.24

package/dist/scripts/2-c47e1da13a.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[2],{1008:function(e,t,n){"use strict";var a=n(0),i=n(226),r=n(941),o=n(34),c=new Image;c.src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=";var s=function(e){e.dataTransfer.setDragImage&&!o.a.isFunction(e.dataTransfer.setDragImage)&&e.dataTransfer.setDragImage(c,0,0)};n.d(t,"a",(function(){return u}));var l=i.a.isTouchScreen();var u=a.forwardRef((function(e,t){var n,i,o,c,u=e.children,f=e.positionType,d=e.onDrag,m=e.onDragEnd,v=e.onTouchMove,p=e.onTouchEnd,g=e.percentageDragged,b=e.position,y=void 0===b?0:b;return a.createElement("div",Object.assign({className:"d-flex flex-nowrap position-relative w-100",style:(i=y,o=f,c=g,o===r.a.Percentage&&c&&(i-=c),{transform:"translate3d(".concat(i).concat(o,", 0px, 0px)"),transition:"transform .4s ease-in-out"}),ref:t},(n={},d&&m&&(n.draggable=!0,n.onDrag=d,n.onDragEnd=m,n.onDragStart=s,n.onDragOver=function(e){return e.preventDefault()}),v&&p&&l&&(n.onTouchMoveCapture=v,n.onTouchEndCapture=p),n)),u)}))},1054:function(e,t,n){e.exports={leftOverflowGradient:"u_MPi",rightOverflowGradient:"_38ooL",partialHeading:"OVsdA",partialDescription:"_1HtA2",partialItem:"_3G2hG",largePartialItem:"NnK8O"}},1055:function(e,t,n){"use strict";n.d(t,"g",(function(){return f})),n.d(t,"f",(function(){return d})),n.d(t,"b",(function(){return m})),n.d(t,"a",(function(){return v})),n.d(t,"c",(function(){return p})),n.d(t,"e",(function(){return O})),n.d(t,"d",(function(){return A}));var a=n(0),i=n(54),r=n(34),o=n(47),c=n(150),s=n(868),l=n(939),u=n(157);function f(e,t,n,o){var c,l=e.fetch,u=e.setData,f=e.type,d=e.collection,m=e.prefetched,v=e.contents,p=d;return(!p||i.a.isEmpty(p)&&!m)&&(c=l(o),p=c.data),a.useEffect((function(){p&&!i.a.isEmpty(p)&&t({type:s.a.Init,payload:{collection:r.a.isFunction(u)?u(p):p,mediaQuery:n,type:f,contents:v}})}),[p]),c}function d(e){for(var t=e.offset,n=e.viewableItems,a=e.collection,i=t,r=[],o=0;o<i+n;o++)r.push(o);return function(e){var t=a.indexOf(e);return r.includes(t)}}function m(e,t){if(e)return Object.assign(Object.assign({},e),{args:e.args||[t.id,o.a.slugify(t.name)]})}function v(e,t){var n=e.name,a=e.description,i={};return Array.isArray(t)?{name:n,description:a}:(e.name&&(i.name=n),e.description&&(i.description=a),Object.assign(Object.assign({},t),i))}function p(e){switch(e){case l.a.Playlists:return g;case l.a.Videos:return b;case l.a.Subjects:return y;case l.a.UserChannels:return h;case l.a.Series:default:return S}}function g(e,t,n){var a=5;return e===c.a.XS?a=2:e===c.a.SM?a=3:e===c.a.MD&&(a=4),n<a&&(a=n),a}function b(e,t,n){var a=4;return e===c.a.XS?a=2:e===c.a.SM?a=3:e===c.a.MD?a=4:e!==c.a.LG&&e!==c.a.XL&&e!==c.a.XXL||(a=t===u.c.LargeRow||n<4?3:4),n<a&&(a=n),a}function y(e,t,n){var a=6;return e===c.a.SM||e===c.a.XS?a=3:e===c.a.MD?a=4:e===c.a.LG?a=5:e!==c.a.XL&&e!==c.a.XXL||(a=6),n<a&&(a=n),a}function h(e,t,n){var a=6;return e===c.a.XS?a=2:e===c.a.SM?a=3:e===c.a.MD?a=4:e===c.a.LG?a=5:e!==c.a.XL&&e!==c.a.XXL||(a=6),n<a&&(a=n),a}function S(e,t,n){var a=4;return e===c.a.XS?a=2:e===c.a.SM&&(a=3),n<a&&(a=n),a}function O(e,t,n,a,i,r,o){return function(c){var s=c.touches.item(0).clientX;i||(t.current.style.transition="",a(t.current.getBoundingClientRect().width),r(s));var l=(i-s)/n*100;(l<0&&e.offset===e.viewableItems||l>0&&e.offset===e.collection.length)&&(l=0),o(l)}}function A(e,t,n,a,i){return function(){if(e.current.style.transition="transform .4s ease-in-out",t(null),Math.abs(n)>=7.5){var r=n>0?s.a.Next:s.a.Previous;i({type:r})}a(0)}}},1212:function(e,t,n){e.exports={left:"_789pr",right:"_1P8qt",button:"_24q_F",chevron:"_3M27X",gradientLeft:"_3fkiw",gradientRight:"_2RDDy",extendedClickableAreaRight:"_13dgy",extendedClickableAreaLeft:"_37LtK",videoTopPos:"_1XTRO",topPos:"_3_p_J"}},828:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(150),i=n(151);function r(){var e=Object(i.a)(a.a.XS),t=Object(i.a)(a.a.SM),n=Object(i.a)(a.a.MD),r=Object(i.a)(a.a.LG),o=Object(i.a)(a.a.XL),c=Object(i.a)(a.a.XXL),s=a.a.LG;return e&&(s=a.a.XS),t&&(s=a.a.SM),n&&(s=a.a.MD),r&&(s=a.a.LG),o&&(s=a.a.XL),c&&(s=a.a.XXL),s}},868:function(e,t,n){"use strict";var a;n.d(t,"a",(function(){return a})),function(e){e.Init="init",e.Next="next",e.Previous="previous",e.Resize="resize",e.Drag="drag"}(a||(a={}))},909:function(e,t,n){"use strict";n.d(t,"a",(function(){return s})),n.d(t,"b",(function(){return l}));var a=n(0),i=n(34);function r(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 n=[],a=!0,i=!1,r=void 0;try{for(var o,c=e[Symbol.iterator]();!(a=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);a=!0);}catch(e){i=!0,r=e}finally{try{a||null==c.return||c.return()}finally{if(i)throw r}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return o(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 o(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 c={className:"",delay:0};function s(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:c,t=a.useState(!1),n=r(t,2),o=n[0],s=n[1],l=a.useRef(null),u=i.a.throttle((function(){var t,n;e.className&&(null===(n=null===(t=l.current)||void 0===t?void 0:t.classList)||void 0===n||n.add(e.className)),s(!0)}),e.delay,{leading:!1}),f=function(){var t,n;i.a.isFunction(u.cancel)&&u.cancel(),e.className&&(null===(n=null===(t=l.current)||void 0===t?void 0:t.classList)||void 0===n||n.remove(e.className)),s(!1)};return a.useLayoutEffect((function(){var e=l.current;if(e)return e.addEventListener("mouseenter",u),e.addEventListener("mouseleave",f),function(){e.removeEventListener("mouseenter",u),e.removeEventListener("mouseleave",f)}}),[l.current,u,f]),[l,o]}function l(e){return s({className:e,delay:275})}},939:function(e,t,n){"use strict";var a;n.d(t,"a",(function(){return a})),function(e){e.Videos="videos",e.Series="series",e.Subjects="subjects",e.Playlists="playlists",e.UserChannels="user channels"}(a||(a={}))},940:function(e,t,n){"use strict";n.d(t,"a",(function(){return I}));var a=n(0),i=n(7),r=n(941),o=n(976),c=n(1008),s=n(828),l=n(909),u=n(157),f=n(868),d=n(901),m=n(50),v=n(52),p=n(13),g=n(834),b=n(977),y=n(40),h=n(978),S=n(1055),O=n(979),A=n(1054),w=n.n(A);function j(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 n=[],a=!0,i=!1,r=void 0;try{for(var o,c=e[Symbol.iterator]();!(a=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);a=!0);}catch(e){i=!0,r=e}finally{try{a||null==c.return||c.return()}finally{if(i)throw r}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return E(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return E(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 E(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,A,E,L,I=e.type,k=e.analyticsData,N=void 0===k?{}:k;I===u.c.ResourcesTile&&(I=u.c.Row);var C=j(a.useState(null),2),D=C[0],x=C[1],X=j(a.useState(null),2),M=X[0],R=X[1],z=j(a.useState(0),2),T=z[0],_=z[1],P=j(a.useReducer(O.a,O.b,O.c),2),G=P[0],Q=P[1],F=a.useRef(null),U=j(Object(l.a)(),2),B=U[0],H=U[1],V=j(a.useState(!1),2),J=V[0],W=V[1],q=j(a.useState(!1),2),K=q[0],$=q[1],Y=Object(d.a)(!e.lazyLoad),Z=Y.ref,ee=Y.inView,te=Object(s.a)();a.useEffect((function(){Q({type:f.a.Resize,payload:{mediaQuery:te,type:I,contents:e.contents,collection:G.collection}})}),[te]),a.useEffect((function(){e.prefetched&&Q({type:f.a.Init,payload:{mediaQuery:te,type:I,contents:e.contents,collection:e.collection}})}),[e.collection,e.prefetched]);var ne=Object(S.g)(e,Q,te,ee);var ae={type:G.type,size:G.currentSize,collectionSize:G.collection.length,contents:e.contents},ie=Object(S.a)(e,(null===(t=ne)||void 0===t?void 0:t.data)||e.collection);if(null===(n=ne)||void 0===n?void 0:n.hasError)return a.createElement(a.Fragment,null);if(!e.prefetched&&!(null===(A=ne)||void 0===A?void 0:A.statusCode))return a.createElement("div",{ref:Z},a.createElement(h.a,{type:I}));if(!G.collection.length||G.collection.length<e.minimumItemCount)return a.createElement(a.Fragment,null);var re=e.childComponent,oe=function(t){var n,a;return Object.assign({id:null===(n=ie)||void 0===n?void 0:n.id,name:null===(a=ie)||void 0===a?void 0:a.name,direction:t===f.a.Next?"right":"left"},e.analyticsData)};return a.createElement("div",{className:"pb-3"},a.createElement("div",{className:"mb-1"},a.createElement(m.a,{appLink:Object(S.b)(e.appLink,ie),analyticsData:Object.assign({id:null===(E=ie)||void 0===E?void 0:E.id,name:null===(L=ie)||void 0===L?void 0:L.name},e.analyticsData),analyticsOptions:b.a.getSliderHeadingAnalyticsOptions()},a.createElement("h2",{className:"h4 mb-0 d-inline-block align-top pl-1 text-dark"},ie.name,!!e.appLink&&a.createElement(v.a,{svgName:p.b.ChevronRight,size:v.b.Small})),e.settingsAppLink&&a.createElement(m.a,{appLink:e.settingsAppLink},a.createElement(v.a,{svgName:p.b.Cog,className:"d-inline-block svg-container cursor-pointer",title:i.a.getPhrase("shared.fixedWidget","preferencesTooltip"),tooltipPlacement:"right"}))),ie.description&&a.createElement("p",{className:"text-truncate pl-1 mb-0 description"},ie.description)),a.createElement("div",{ref:B,className:"position-relative"},!J&&a.createElement("div",{className:w.a.leftOverflowGradient}),a.createElement(o.a,{direction:o.b.Left,onClick:function(){Q({type:f.a.Previous}),y.a.logUserAction(oe(f.a.Previous),b.a.getSliderAnalyticsOptions())},hide:J||G.offset<=G.collection.length&&!(H&&G.offset!==G.viewableItems),contents:e.contents}),a.createElement(c.a,{position:G.position,positionType:r.a.Percentage,onTouchMove:Object(S.e)(G,F,M,R,D,x,_),onTouchEnd:Object(S.d)(F,x,T,_,Q),ref:F,percentageDragged:T},G.collection.map((function(t,n){var i;return a.createElement(re,{key:t.id,data:t,appLink:e.childAppLink,context:ae,preloadImage:Object(S.f)(G)(t),thumbnailSize:e.thumbnailSize||g.a.Medium,analyticsData:Object.assign({widgetId:ie.id,widgetName:ie.name,itemIndex:n},N),analyticsOptions:Object.assign(Object.assign({},null===(i=e)||void 0===i?void 0:i.analyticsOptions),b.a.getSliderItemAnalyticsOptions()),onHover:function(e){window.setTimeout((function(){!function(e,t){if(G.collection.length===G.viewableItems)return W(e),void $(e);t+1!==G.collection.length?0!==t?(t+1-G.offset%G.viewableItems)%G.viewableItems!=0?(t-G.offset%G.viewableItems)%G.viewableItems!=0||W(e):$(e):W(e):$(e)}(e,n)}),e?0:200)}})}))),a.createElement(o.a,{direction:o.b.Right,onClick:function(){Q({type:f.a.Next}),y.a.logUserAction(oe(f.a.Next),b.a.getSliderAnalyticsOptions())},hide:K||(G.offset>G.viewableItems||G.offset===G.collection.length)&&!(H&&G.offset<G.collection.length),contents:e.contents}),!K&&a.createElement("div",{className:w.a.rightOverflowGradient})))}L.defaultProps={type:u.c.Row,minimumItemCount:0};var I=a.memo(L)},941:function(e,t,n){"use strict";var a;n.d(t,"a",(function(){return a})),function(e){e.Percentage="%",e.Pixels="px"}(a||(a={}))},976:function(e,t,n){"use strict";n.d(t,"b",(function(){return a})),n.d(t,"a",(function(){return l}));var a,i=n(0),r=n(52),o=n(13),c=n(1212),s=n.n(c);!function(e){e[e.Left=0]="Left",e[e.Right=1]="Right"}(a||(a={}));var l=i.memo((function(e){var t,n,c=e.direction===a.Left,l=c?o.b.ChevronLeft:o.b.ChevronRight,u=(e.contents,t=c,n=s.a.topPos,n+=t?" "+s.a.left:" "+s.a.right);return e.hide?i.createElement(i.Fragment,null):i.createElement(i.Fragment,null,i.createElement("div",{role:"button",className:"".concat(u," ").concat(s.a.button),onClick:e.onClick},i.createElement(r.a,{svgName:l,size:r.b.Medium,className:"svg-container d-inline-block ".concat(s.a.chevron)})),e.useGradientBackdrop&&i.createElement("div",{className:c?s.a.gradientLeft:s.a.gradientRight}),i.createElement("div",{role:"button",onClick:e.onClick,className:c?s.a.extendedClickableAreaLeft:s.a.extendedClickableAreaRight}))}),(function(e,t){return e.hide===t.hide}))},977:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var a=n(3),i={getSliderAnalyticsOptions:function(){return{actionType:a.n.Click,location:a.j.SlidingList,entity:a.d.Widget,descriptor:a.b.Slide}},getSliderItemAnalyticsOptions:function(){return{location:a.j.SlidingListItem}},getSliderHeadingAnalyticsOptions:function(){return{actionType:a.n.Click,location:a.j.SlidingList,entity:a.d.Widget,descriptor:a.b.Title}}}},978:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var a=n(0),i=n(150),r=n(828),o=n(1054),c=n.n(o);var s=function(e){var t=e.colSize;return a.createElement("div",{className:"col-".concat(t)},a.createElement("div",{className:"".concat(c.a.partialItem," mx-1 partial-loading-background")}))};function l(e){for(var t,n=(t=Object(r.a)())===i.a.XS?{itemCount:1,colSize:12}:t===i.a.SM?{itemCount:2,colSize:6}:t===i.a.MD?{itemCount:3,colSize:4}:{itemCount:4,colSize:3},o=n.itemCount,l=n.colSize,u=[],f=0;f<o;f++)u.push(a.createElement(s,{key:f,colSize:l}));return a.createElement("div",{className:"widget pb-3"},a.createElement("div",{className:"".concat(c.a.partialHeading," mx-1 mb-1 partial-loading-background")}),a.createElement("div",{className:"".concat(c.a.partialDescription," mx-1 my-1 partial-loading-background")}),a.createElement("div",{className:"".concat(c.a.slidingContainer," row")},u))}},979:function(e,t,n){"use strict";n.d(t,"b",(function(){return c})),n.d(t,"a",(function(){return s})),n.d(t,"c",(function(){return l}));var a=n(150),i=n(868),r=n(157),o=n(1055),c={offset:0,viewableItems:4,position:0,collection:[],currentSize:a.a.LG,type:r.c.Row};function s(e,t){var n,a,r=t.type,c=t.payload,s=void 0===c?{}:c;switch(r){case i.a.Next:return Object.assign(Object.assign({},e),function(e){var t=e.collection,n=e.viewableItems,a=e.offset,i=e.position,r=t.length-a;return r%n==0||r>n?{position:i-100,offset:a+n}:r<n?{position:i-r/n*100,offset:a+r}:{position:i,offset:a}}(e));case i.a.Previous:return Object.assign(Object.assign({},e),function(e){var t=e.viewableItems,n=e.offset,a=e.position,i=n-t;return i%t==0||i>t?{position:a+100,offset:n-t}:i<t?{position:a+i/t*100,offset:n-i}:{position:a,offset:n}}(e));case i.a.Resize:var u=Object(o.c)(s.contents)(s.mediaQuery,s.type,null===(n=s.collection)||void 0===n?void 0:n.length);return Object.assign(Object.assign({},e),{currentSize:s.mediaQuery,position:0,offset:u,viewableItems:u,type:s.type});case i.a.Init:var f=Object(o.c)(s.contents)(s.mediaQuery,s.type,null===(a=s.collection)||void 0===a?void 0:a.length);return l(Object.assign(Object.assign({},e),{collection:s.collection,currentSize:s.mediaQuery,offset:f,viewableItems:f,type:s.type}));default:return e}}function l(e){return Object.assign(Object.assign({},c),e)}}}]);