@clickview/lite 0.0.24-rc.2 → 0.0.24-rc.4

package/dist/scripts/0-702db3d74c.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[0],{1065:function(e,a,t){e.exports={duration:"_3XH_S",interactive:"INxgX",productionYear:"Bt6Bx",resources:"_3VUQB",rating:"_3bOtF",badgeList:"_1BsVS"}},1220:function(e,a,t){e.exports={overlayContainer:"_1MQy4",favouriteContainer:"_2obuZ",favouriteButton:"_1UfdO",title:"Q1km-",downScale:"_2_7sb",gradient:"Of_Cn",playIcon:"B9cJG"}},1221:function(e,a,t){e.exports={mask:"_3nE2p",video:"KdGwU",playlist:"_1cBmC",maskContainer:"_3si6K"}},1222:function(e,a,t){e.exports={progressBar:"_1orVM",durationBar:"H5qiB",baseIndicator:"_2q0q5",leftIndicator:"_3YlVt",rightIndicator:"_29iun"}},1223:function(e,a,t){e.exports={progressBar:"_3R_jy",white:"_1sl_Q",gray:"_15A86",timepoint:"_2LSyV"}},1224:function(e,a,t){e.exports={titleOverlay:"_1JIh4",titleBelow:"_1OKu_",overlayContainer:"_1BBKk",favouriteContainer:"_23tXc",favouriteButton:"_2lJ57",badgeContainer:"_28ZUf",videoProgress:"_1PMuv",clipProgress:"_3rsmD",interactiveProgress:"_1fES_",gradient:"_1o4aT"}},823:function(e,a,t){"use strict";t.d(a,"a",(function(){return c}));var n=t(153),r=t(48),i=t(52),c=function(){var e=Object(n.a)(i.a.ALERT);return{success:function(a){e.success(a)()},error:function(a){e.error(a)()},warning:function(a){e.createAlert({type:r.a.Warning,heading:r.c.Warning,message:a})}}}},838:function(e,a,t){"use strict";var n;t.d(a,"a",(function(){return n})),function(e){e.Small="small",e.Medium="medium",e.Large="large",e.Raw="raw"}(n||(n={}))},852:function(e,a,t){"use strict";t.d(a,"b",(function(){return n})),t.d(a,"a",(function(){return m}));var n,r,i=t(0),c=t(153),o=t(55),l=t(13),s=t(12),u=t(984),d=t.n(u);function m(e){var a=e.type,t=e.mediaType,u=e.extraClasses,m=(Object(c.a)(s.b.ImageUrl).getImageUrls(),function(e){return e===n.Video?d.a.videoFallback:e===n.Playlist?d.a.playlistFallback:e===n.Series||e===n.TallSubject?d.a.posterFallback:e===n.Subject?"".concat(d.a.subjectFallback," svg-container d-inline-block"):""}(a)),v=function(e,a){return e===n.Video?l.b.Play:e===n.Playlist?l.b.Playlist:e===n.Series?l.b.Series:e===n.Subject||e===n.TallSubject?l.b.Subject:""}(a),f=function(e){return e===n.Subject?o.b.ExtraLarge:o.b.Standard}(a),p="".concat(function(e,a){return a===n.Subject?d.a.subjectFallbackContainer:e===r.Svg?a===n.Video?"".concat(d.a.svgFallbackContainer," rounded-lg"):d.a.svgFallbackContainer:d.a.baseFallbackContainer}(t,a));return u&&(p+=" ".concat(e.extraClasses)),i.createElement("div",{className:p},t===r.Svg?i.createElement(o.a,{svgName:v,className:m,tagName:"div",size:f}):i.createElement("div",{className:d.a.fallbackThumbnailImage,style:{backgroundImage:"url('".concat(v,"')")}}))}!function(e){e[e.Video=0]="Video",e[e.Playlist=1]="Playlist",e[e.Series=2]="Series",e[e.Subject=3]="Subject",e[e.TallSubject=4]="TallSubject"}(n||(n={})),function(e){e[e.Svg=0]="Svg",e[e.Image=1]="Image"}(r||(r={})),m.defaultProps={mediaType:r.Svg}},853:function(e,a,t){"use strict";var n;t.d(a,"a",(function(){return n})),function(e){e[e.Below=1]="Below",e[e.Overlay=2]="Overlay",e[e.Independent=3]="Independent"}(n||(n={}))},857:function(e,a,t){"use strict";var n=t(0),r=t(7),i=function(e){if(!e)return"";return function(e){switch(!0){case e<32:return"bg-purple";case e<48:return"bg-success";case e<80:return"bg-info";case e<96:return"bg-danger";case e<128:return"bg-pink";case e>=128:return"bg-warning";default:return""}}(e)},c=t(357),o=t(156),l=t(1065),s=t.n(l);t.d(a,"b",(function(){return u})),t.d(a,"a",(function(){return m}));var u,d=r.a.encloseNamespace("shared.badges");function m(e){var a=e.type,t=e.data;if(!function(e,a){var t,n,r;return e===u.Rating?a&&!!a.value:e===u.Interactive||e===u.Resources?!!(null===(t=a)||void 0===t?void 0:t.length)||!!(null===(r=null===(n=a)||void 0===n?void 0:n.data)||void 0===r?void 0:r.length):!!a}(a,t))return n.createElement(n.Fragment,null);var r=function(e,a){var t="";return e===u.Duration&&(t=s.a.duration),e===u.Interactive&&(t=s.a.interactive),e===u.Rating&&(t="".concat(s.a.rating," ").concat(i(a.value))),e===u.ProductionYear&&(t=s.a.productionYear),e===u.Resources&&(t=s.a.resources),"".concat("badge"," ").concat(t)}(a,t),l=function(e,a){return e===u.Interactive?d("interactive"):e===u.Duration?c.a.ToDisplayDuration(a):e===u.Rating?a.code:e===u.ProductionYear?a:e===u.Resources?d("resources"):void 0}(a,t),m=function(e,a){return e===u.Rating?{title:a.name,placement:"top"}:null}(a,t);return m?n.createElement(o.a,Object.assign({},m),n.createElement("span",{className:"".concat(r," d-flex justify-content-center")},l)):n.createElement("span",{className:r},l)}!function(e){e.Duration="duration",e.Interactive="interactive",e.Rating="rating",e.ProductionYear="production-year",e.Resources="resources"}(u||(u={}))},859:function(e,a,t){"use strict";var n=t(0),r=t.n(n),i=t(35),c=t(981),o=t(873),l=t(852),s=t(245),u=t(862),d=t(857),m=t(55),v=t(13),f=t(1220),p=t.n(f),b=t(3);function y(e){var a,t,n,f=e.video,y=e.appLink,g=e.size,E=e.setFavourite,N=e.preload,h=e.hovering,O=Object.assign(Object.assign({},e.analyticsData),{id:null===(a=f)||void 0===a?void 0:a.id,name:null===(t=f)||void 0===t?void 0:t.name}),w=Object.assign(Object.assign({},e.analyticsOptions),{entity:b.d.Video,actionType:b.n.Click,descriptor:b.b.Thumbnail});return r.a.createElement("div",{className:"position-relative rounded overflow-hidden"},!!i.a.isFunction(E)&&r.a.createElement("div",{className:p.a.favouriteContainer},r.a.createElement(c.a,{setFavourite:E,video:f,className:"rounded-circle p-1 ".concat(p.a.favouriteButton)})),r.a.createElement(o.b,{data:f.thumbnail,appLink:y,aspectRatio:o.a.SixteenByNine,size:g,preload:N,className:p.a.gradient,analyticsData:O,analyticsOptions:w},h&&r.a.createElement(m.a,{className:p.a.playIcon,svgName:v.b.PlayCircle}),r.a.createElement(l.a,{type:l.b.Video}),r.a.createElement("div",{className:p.a.overlayContainer},r.a.createElement("div",{className:"".concat(p.a.title," ").concat(h?p.a.downScale:"")},!!(null===(n=e.video.series)||void 0===n?void 0:n.id)&&r.a.createElement(s.a,{className:"text-shadow clamp-1",video:f,appLink:null}),r.a.createElement("span",{className:"h6 text-reset text-shadow clamp-1 mb-0"},f.name),h&&r.a.createElement(u.a,{className:"align-items-center mb-n1"},r.a.createElement(d.a,{type:d.b.Duration,data:f.duration}),r.a.createElement(d.a,{type:d.b.Rating,data:f.rating}),f.hasSubtitle&&r.a.createElement("span",{className:"badge p-0"},r.a.createElement(m.a,{svgName:v.b.CloseCaptionBadge})))))))}var g,E=t(853),N=t(1221),h=t.n(N);function O(e){var a=e.type,t=function(e){return e===g.Video?h.a.video:e===g.Playlist?h.a.playlist:""}(a),r=function(e){return e===g.Video?v.b.PlayCircle:e===g.Playlist?v.b.AddToPlaylists:""}(a);return n.createElement("div",{className:h.a.maskContainer},n.createElement("div",{className:h.a.mask}),n.createElement(m.a,{svgName:r,className:t}))}!function(e){e[e.Video=0]="Video",e[e.Playlist=1]="Playlist"}(g||(g={}));var w=t(51);function S(e){var a=e.video.lastProgressPoint&&e.video.duration&&e.video.lastProgressPoint/e.video.duration*1e5;return a?n.createElement("div",{className:"bg-primary h-100",style:{width:"".concat(a,"%")}}):n.createElement(n.Fragment,null)}var j=t(1222),_=t.n(j);function B(e){var a=e.clip,t=e.video,r=a.endTime-a.startTime,i=Math.floor(t.duration/1e3),c=a.startTime/i*100,o=r/i*100;return n.createElement("div",{className:"position-relative h-100"},n.createElement("div",{className:_.a.progressBar},n.createElement("div",{className:"".concat(_.a.durationBar),style:{width:"".concat(o,"%"),left:"".concat(c,"%")}},n.createElement("div",{className:"position-relative h-100"},n.createElement("div",{className:"bg-info ".concat(_.a.leftIndicator)}),n.createElement("div",{className:"bg-info ".concat(_.a.rightIndicator)})))))}var k=t(1223),x=t.n(k);function C(e){return n.createElement("div",{className:"position-relative h-100"},n.createElement("div",{className:"".concat(x.a.progressBar," ").concat("white"===e.color?x.a.white:x.a.gray)},n.createElement("div",{className:"bg-info ".concat(x.a.timepoint),style:{left:"10%"}}),n.createElement("div",{className:"bg-east-side ".concat(x.a.timepoint),style:{left:"20%"}}),n.createElement("div",{className:"bg-primary ".concat(x.a.timepoint),style:{left:"25%"}}),n.createElement("div",{className:"bg-portage ".concat(x.a.timepoint),style:{left:"55%"}}),n.createElement("div",{className:"bg-emerald ".concat(x.a.timepoint),style:{left:"70%"}})))}C.defaultProps={color:"white"};var P=t(1224),I=t.n(P);function T(e){var a,t=e.video,n=e.seriesAppLink,i=e.textPosition,c=e.appLink,o=i===E.a.Overlay,l=o?I.a.titleOverlay:I.a.titleBelow;return r.a.createElement("div",{className:l},!!(null===(a=e.video.series)||void 0===a?void 0:a.id)&&r.a.createElement(s.a,{className:o?"text-shadow clamp-1":"clamp-2",video:t,appLink:o?null:n}),o?r.a.createElement("span",{className:"h6 text-reset text-shadow clamp-1 mb-0"},t.name):r.a.createElement(w.a,{className:"h6 text-reset clamp-2 mb-0",appLink:c},t.name))}function F(e,a){var t;return(null===(t=a)||void 0===t?void 0:t.thumbnail)?a.thumbnail:e.thumbnail}function L(e){var a=e.video,t=e.clip,n=e.interactive,s=e.appLink,m=e.textPosition,v=e.size,f=e.setFavourite,p=e.preload,y="position-relative cursor-pointer ".concat(e.extraClasses?e.extraClasses:"");m===E.a.Overlay&&(y+=" rounded overflow-hidden");var N,h,w,j,_,k,x,P,L,V,R,A="rounded-lg overflow-hidden";return m===E.a.Overlay&&(A+=" "+I.a.gradient),r.a.createElement("div",{className:y},!!i.a.isFunction(f)&&r.a.createElement("div",{className:I.a.favouriteContainer},r.a.createElement(c.a,{setFavourite:f,video:a,className:"rounded-circle p-1 ".concat(I.a.favouriteButton)})),r.a.createElement(o.b,{data:F(e.video,e.interactive),appLink:s,aspectRatio:o.a.SixteenByNine,size:v,preload:p,className:A,analyticsData:n?Object.assign(Object.assign({},e.analyticsData),{id:null===(h=n)||void 0===h?void 0:h.id,name:null===(w=n)||void 0===w?void 0:w.name,videoId:null===(j=a)||void 0===j?void 0:j.id,videoName:null===(_=a)||void 0===_?void 0:_.name}):t?Object.assign(Object.assign({},e.analyticsData),{id:null===(k=t)||void 0===k?void 0:k.id,name:null===(x=t)||void 0===x?void 0:x.name,videoId:null===(P=a)||void 0===P?void 0:P.id,videoName:null===(L=a)||void 0===L?void 0:L.name}):Object.assign(Object.assign({},e.analyticsData),{id:null===(V=a)||void 0===V?void 0:V.id,name:null===(R=a)||void 0===R?void 0:R.name}),analyticsOptions:(N=b.d.Video,n?N=b.d.Interactive:t&&(N=b.d.Clip),Object.assign(Object.assign({},e.analyticsOptions),{entity:N,actionType:b.n.Click,descriptor:b.b.Thumbnail}))},r.a.createElement(O,{type:g.Video}),r.a.createElement(l.a,{type:l.b.Video}),r.a.createElement("div",{className:I.a.overlayContainer},m===E.a.Overlay&&r.a.createElement(T,Object.assign({},e)),function(){var n=I.a.clipProgress,i=I.a.interactiveProgress,c=I.a.videoProgress;switch(e.videoType){case"clip":return r.a.createElement("div",{className:n},r.a.createElement(B,{video:a,clip:t}));case"interactive":return r.a.createElement("div",{className:i},r.a.createElement(C,null));case"video":default:return r.a.createElement("div",{className:c},r.a.createElement(S,{video:a}))}}(),r.a.createElement(u.a,{className:I.a.badgeContainer},r.a.createElement(d.a,{type:d.b.Duration,data:"clip"!==e.videoType?a.duration:1e3*(t.endTime-t.startTime)})))),m===E.a.Below&&r.a.createElement(T,Object.assign({},e)))}function V(e){return"expandable"===e.type?n.createElement(y,Object.assign({},e)):n.createElement(L,Object.assign({},e))}t.d(a,"a",(function(){return V})),V.defaultProps={videoType:"video"}},862:function(e,a,t){"use strict";t.d(a,"a",(function(){return c}));var n=t(0),r=t(1065),i=t.n(r);function c(e){var a="d-flex align-items-center ".concat(i.a.badgeList);return e.className&&(a+=" ".concat(e.className)),n.createElement("div",{className:a},e.children)}},873:function(e,a,t){"use strict";var n,r=t(0),i=t(57),c=t(908),o=t(982),l=t.n(o),s=function(e,a){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&a.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)a.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(t[n[r]]=e[n[r]])}return t},u=r.memo((function(e){var a=e.forceLoad,t=s(e,["forceLoad"]),n=Object(c.a)(),i=n.ref,o=n.inView;if(!i)return r.createElement("img",Object.assign({className:l.a.image,alt:""},t));var u=t.src,d=s(t,["src"]),m=Object.assign(Object.assign({alt:""},d),o||a?{src:u}:{});return a||(m.ref=i),r.createElement("img",Object.assign({className:l.a.image},m))})),d=t(51),m=t(838),v=t(983),f=t.n(v);function p(e){var a="thumbnail ".concat(f.a.thumbnail),t="";return e.aspectRatio===n.SixteenByNine&&(t=f.a.sixteenByNine),e.aspectRatio===n.NineBySixteen&&(t=f.a.nineBySixteen),e.aspectRatio===n.OneByOne&&(t=f.a.oneByOne),e.aspectRatio===n.TwoByThree&&(t=f.a.twoByThree),t&&(a+=" ".concat(t)),e.className&&(a+=" ".concat(e.className)),a}function b(e){var a=e.data,t=e.size,n=e.appLink,c=e.preload,o=e.analyticsOptions,l=e.analyticsData,s="";"string"==typeof a?s=a:i.a.isObject(a)&&(s=a.url);var v=s&&function(e){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:m.a.Small;return"".concat(e,"?size=").concat(a)}(s,t);return r.createElement("div",{className:p(e)},r.createElement(d.a,{appLink:n,analyticsData:l,analyticsOptions:o},e.children,v&&r.createElement(u,{src:v,forceLoad:c})))}t.d(a,"a",(function(){return n})),t.d(a,"b",(function(){return b})),function(e){e[e.SixteenByNine=0]="SixteenByNine",e[e.OneByOne=1]="OneByOne",e[e.TwoByThree=2]="TwoByThree",e[e.NineBySixteen=3]="NineBySixteen"}(n||(n={}))},908:function(e,a,t){"use strict";t.d(a,"a",(function(){return c}));var n=t(818);function r(e,a){return function(e){if(Array.isArray(e))return e}(e)||function(e,a){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var t=[],n=!0,r=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(n=(c=o.next()).done)&&(t.push(c.value),!a||t.length!==a);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==o.return||o.return()}finally{if(r)throw i}}return t}(e,a)||function(e,a){if(!e)return;if("string"==typeof e)return i(e,a);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return i(e,a)}(e,a)||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,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,n=new Array(a);t<a;t++)n[t]=e[t];return n}function c(e){var a=r(n.useInView({triggerOnce:!0}),2),t=a[0],i=a[1];return!0!==e&&void 0!==window.IntersectionObserver||(i=!0,t=null),{ref:t,inView:i}}},981:function(e,a,t){"use strict";t.d(a,"a",(function(){return d}));var n=t(0),r=t(7),i=t(13),c=t(55),o=t(823);function l(e,a){return function(e){if(Array.isArray(e))return e}(e)||function(e,a){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var t=[],n=!0,r=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(n=(c=o.next()).done)&&(t.push(c.value),!a||t.length!==a);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==o.return||o.return()}finally{if(r)throw i}}return t}(e,a)||function(e,a){if(!e)return;if("string"==typeof e)return s(e,a);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return s(e,a)}(e,a)||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 s(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,n=new Array(a);t<a;t++)n[t]=e[t];return n}var u=r.a.encloseNamespace("shared.favouriteButton");function d(e){var a=Object(o.a)(),t="boolean"==typeof e.video.isFavourited,r=!!e.video.isFavourited,s=l(n.useState(r),2),d=s[0],m=s[1];n.useEffect((function(){m(r)}),[r]);var v="cursor-pointer text".concat(d?"-danger":"-dark");return e.className&&(v+=" ".concat(e.className)),t?n.createElement("div",{className:v,onClick:function(){var t=!d;m(t),e.setFavourite(e.video,t,(function(){a.error(u(t?"favouriteError":"unfavouriteError")),m(!t)}))}},n.createElement(c.a,{svgName:d?i.b.Heart:i.b.HeartOutline,size:c.b.Small})):n.createElement(n.Fragment,null)}},982:function(e,a,t){e.exports={image:"_1YW-E"}},983:function(e,a,t){e.exports={thumbnail:"_3lfBf",sixteenByNine:"_2LqZ8",nineBySixteen:"_136ry",oneByOne:"_2wYLa",twoByThree:"_1eC6Q"}},984:function(e,a,t){e.exports={baseFallbackContainer:"_1wRjB",svgFallbackContainer:"_2t1jq",subjectFallbackContainer:"_12D74",videoFallback:"_6BPy-",subjectFallback:"_2Srdd",playlistFallback:"_1slQX",posterFallback:"i0o8n",fallbackThumbnailImage:"_2L_tV"}}}]);

package/dist/scripts/0-bf0af5f75c.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[0],{1053:function(e,t,a){e.exports={duration:"_3XH_S",interactive:"INxgX",productionYear:"Bt6Bx",rating:"_3bOtF",badgeList:"_1BsVS"}},1209:function(e,t,a){e.exports={overlayContainer:"_1MQy4",favouriteContainer:"_2obuZ",favouriteButton:"_1UfdO",title:"Q1km-",downScale:"_2_7sb",gradient:"Of_Cn",playIcon:"B9cJG"}},1210:function(e,t,a){e.exports={mask:"_3nE2p",video:"KdGwU",playlist:"_1cBmC",maskContainer:"_3si6K"}},1211:function(e,t,a){e.exports={titleOverlay:"_1JIh4",titleBelow:"_1OKu_",overlayContainer:"_1BBKk",favouriteContainer:"_23tXc",favouriteButton:"_2lJ57",badgeContainer:"_28ZUf",watchProgress:"_3YP9l",gradient:"_1o4aT"}},815:function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var n=a(152),r=a(46),i=a(55),c=function(){var e=Object(n.a)(i.a.ALERT);return{success:function(t){e.success(t)()},error:function(t){e.error(t)()},warning:function(t){e.createAlert({type:r.a.Warning,heading:r.c.Warning,message:t})}}}},834:function(e,t,a){"use strict";var n;a.d(t,"a",(function(){return n})),function(e){e.Small="small",e.Medium="medium",e.Large="large",e.Raw="raw"}(n||(n={}))},841:function(e,t,a){"use strict";a.d(t,"b",(function(){return n})),a.d(t,"a",(function(){return m}));var n,r,i=a(0),c=a(152),o=a(52),l=a(13),s=a(12),u=a(975),d=a.n(u);function m(e){var t=e.type,a=e.mediaType,u=e.extraClasses,m=(Object(c.a)(s.b.ImageUrl).getImageUrls(),function(e){return e===n.Video?d.a.videoFallback:e===n.Playlist?d.a.playlistFallback:e===n.Series||e===n.TallSubject?d.a.posterFallback:e===n.Subject?"".concat(d.a.subjectFallback," svg-container d-inline-block"):""}(t)),v=function(e,t){return e===n.Video?l.b.Play:e===n.Playlist?l.b.Playlist:e===n.Series?l.b.Series:e===n.Subject||e===n.TallSubject?l.b.Subject:""}(t),f=function(e){return e===n.Subject?o.b.ExtraLarge:o.b.Standard}(t),b="".concat(function(e,t){return t===n.Subject?d.a.subjectFallbackContainer:e===r.Svg?d.a.svgFallbackContainer:d.a.baseFallbackContainer}(a,t));return u&&(b+=" ".concat(e.extraClasses)),i.createElement("div",{className:b},a===r.Svg?i.createElement(o.a,{svgName:v,className:m,tagName:"div",size:f}):i.createElement("div",{className:d.a.fallbackThumbnailImage,style:{backgroundImage:"url('".concat(v,"')")}}))}!function(e){e[e.Video=0]="Video",e[e.Playlist=1]="Playlist",e[e.Series=2]="Series",e[e.Subject=3]="Subject",e[e.TallSubject=4]="TallSubject"}(n||(n={})),function(e){e[e.Svg=0]="Svg",e[e.Image=1]="Image"}(r||(r={})),m.defaultProps={mediaType:r.Svg}},845:function(e,t,a){"use strict";var n,r=a(0),i=a(36),c=function(e){if(!e)return"";return function(e){switch(!0){case e<32:return"bg-purple";case e<48:return"bg-success";case e<80:return"bg-info";case e<96:return"bg-danger";case e<128:return"bg-pink";case e>=128:return"bg-warning";default:return""}}(e)},o=a(252),l=a(1053),s=a.n(l);function u(e){var t=e.type,a=e.data;if(!function(e,t){return e===n.Rating?t&&!!t.value:!!t}(t,a))return r.createElement(r.Fragment,null);var l=function(e,t){var a="";return e===n.Duration&&(a=s.a.duration),e===n.Interactive&&(a=s.a.interactive),e===n.Rating&&(a="".concat(s.a.rating," ").concat(c(t.value))),e===n.ProductionYear&&(a=s.a.productionYear),"".concat("badge"," ").concat(a)}(t,a),u=function(e,t){return e===n.Interactive?"Interactive":e===n.Duration?o.a.ToDisplayDuration(t):e===n.Rating?t.code:e===n.ProductionYear?t:void 0}(t,a),d=function(e,t){return e===n.Rating?{title:t.name,placement:"top"}:null}(t,a);return d?r.createElement(i.OverlayTrigger,{placement:d.placement,overlay:r.createElement(i.Tooltip,{id:d.title},d.title)},r.createElement("span",{className:l},u)):r.createElement("span",{className:l},u)}a.d(t,"b",(function(){return n})),a.d(t,"a",(function(){return u})),function(e){e.Duration="duration",e.Interactive="interactive",e.Rating="rating",e.ProductionYear="production-year"}(n||(n={}))},851:function(e,t,a){"use strict";var n;a.d(t,"a",(function(){return n})),function(e){e[e.Below=1]="Below",e[e.Overlay=2]="Overlay",e[e.Independent=3]="Independent"}(n||(n={}))},857:function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var n=a(0),r=a(1053),i=a.n(r);function c(e){var t="d-flex ".concat(i.a.badgeList);return e.className&&(t+=" ".concat(e.className)),n.createElement("div",{className:t},e.children)}},859:function(e,t,a){"use strict";var n=a(0),r=a.n(n),i=a(34),c=a(972),o=a(866),l=a(841),s=a(241),u=a(857),d=a(845),m=a(52),v=a(13),f=a(1209),b=a.n(f),p=a(3);function y(e){var t,a,n,f=e.video,y=e.appLink,g=e.size,E=e.setFavourite,O=e.preload,N=e.hovering,h=Object.assign(Object.assign({},e.analyticsData),{id:null===(t=f)||void 0===t?void 0:t.id,name:null===(a=f)||void 0===a?void 0:a.name}),S=Object.assign(Object.assign({},e.analyticsOptions),{entity:p.d.Video,actionType:p.n.Click,descriptor:p.b.Thumbnail});return r.a.createElement("div",{className:"position-relative rounded overflow-hidden"},!!i.a.isFunction(E)&&r.a.createElement("div",{className:b.a.favouriteContainer},r.a.createElement(c.a,{setFavourite:E,video:f,className:"rounded-circle p-1 ".concat(b.a.favouriteButton)})),r.a.createElement(o.b,{data:f.thumbnail,appLink:y,aspectRatio:o.a.SixteenByNine,size:g,preload:O,className:b.a.gradient,analyticsData:h,analyticsOptions:S},N&&r.a.createElement(m.a,{className:b.a.playIcon,svgName:v.b.PlayCircle}),r.a.createElement(l.a,{type:l.b.Video}),r.a.createElement("div",{className:b.a.overlayContainer},r.a.createElement("div",{className:"".concat(b.a.title," ").concat(N?b.a.downScale:"")},!!(null===(n=e.video.series)||void 0===n?void 0:n.id)&&r.a.createElement(s.a,{className:"text-shadow clamp-1",video:f,appLink:null}),r.a.createElement("span",{className:"h6 text-reset text-shadow clamp-1 mb-0"},f.name),N&&r.a.createElement(u.a,{className:"align-items-center mb-n1"},r.a.createElement(d.a,{type:d.b.Duration,data:f.duration}),r.a.createElement(d.a,{type:d.b.Rating,data:f.rating}),f.hasSubtitle&&r.a.createElement("span",{className:"badge p-0"},r.a.createElement(m.a,{svgName:v.b.CloseCaptionBadge})))))))}var g,E=a(851),O=a(1210),N=a.n(O);function h(e){var t=e.type,a=function(e){return e===g.Video?N.a.video:e===g.Playlist?N.a.playlist:""}(t),r=function(e){return e===g.Video?v.b.PlayCircle:e===g.Playlist?v.b.AddToPlaylists:""}(t);return n.createElement("div",{className:N.a.maskContainer},n.createElement("div",{className:N.a.mask}),n.createElement(m.a,{svgName:r,className:a}))}!function(e){e[e.Video=0]="Video",e[e.Playlist=1]="Playlist"}(g||(g={}));var S=a(50);function w(e){var t=e.video.lastProgressPoint&&e.video.duration&&e.video.lastProgressPoint/e.video.duration*1e5;return t?n.createElement("div",{className:e.className},n.createElement("div",{className:"bg-primary h-100",style:{width:"".concat(t,"%")}})):n.createElement(n.Fragment,null)}var j=a(1211),k=a.n(j);function B(e){var t,a=e.video,n=e.seriesAppLink,i=e.textPosition,c=e.appLink,o=i===E.a.Overlay,l=o?k.a.titleOverlay:k.a.titleBelow;return r.a.createElement("div",{className:l},!!(null===(t=e.video.series)||void 0===t?void 0:t.id)&&r.a.createElement(s.a,{className:o?"text-shadow clamp-1":"clamp-2",video:a,appLink:o?null:n}),o?r.a.createElement("span",{className:"h6 text-reset text-shadow clamp-1 mb-0"},a.name):r.a.createElement(S.a,{className:"h6 text-reset clamp-2 mb-0",appLink:c},a.name))}function x(e){var t,a,n=e.video,s=e.appLink,m=e.textPosition,v=e.size,f=e.setFavourite,b=e.preload,y="position-relative";m===E.a.Overlay&&(y+=" rounded overflow-hidden");var O=Object.assign(Object.assign({},e.analyticsData),{id:null===(t=n)||void 0===t?void 0:t.id,name:null===(a=n)||void 0===a?void 0:a.name}),N=Object.assign(Object.assign({},e.analyticsOptions),{entity:p.d.Video,actionType:p.n.Click,descriptor:p.b.Thumbnail});return r.a.createElement("div",{className:y},!!i.a.isFunction(f)&&r.a.createElement("div",{className:k.a.favouriteContainer},r.a.createElement(c.a,{setFavourite:f,video:n,className:"rounded-circle p-1 ".concat(k.a.favouriteButton)})),r.a.createElement(o.b,{data:n.thumbnail,appLink:s,aspectRatio:o.a.SixteenByNine,size:v,preload:b,className:m===E.a.Overlay?k.a.gradient:"",analyticsData:O,analyticsOptions:N},r.a.createElement(h,{type:g.Video}),r.a.createElement(l.a,{type:l.b.Video}),r.a.createElement("div",{className:k.a.overlayContainer},m===E.a.Overlay&&r.a.createElement(B,Object.assign({},e)),r.a.createElement(w,{video:n,className:k.a.watchProgress}),r.a.createElement(u.a,{className:k.a.badgeContainer},r.a.createElement(d.a,{type:d.b.Duration,data:n.duration})))),m===E.a.Below&&r.a.createElement(B,Object.assign({},e)))}function _(e){return"expandable"===e.type?n.createElement(y,Object.assign({},e)):n.createElement(x,Object.assign({},e))}a.d(t,"a",(function(){return _}))},866:function(e,t,a){"use strict";var n,r=a(0),i=a(54),c=a(901),o=a(973),l=a.n(o),s=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},u=r.memo((function(e){var t=e.forceLoad,a=s(e,["forceLoad"]),n=Object(c.a)(),i=n.ref,o=n.inView;if(!i)return r.createElement("img",Object.assign({className:l.a.image,alt:""},a));var u=a.src,d=s(a,["src"]),m=Object.assign(Object.assign({alt:""},d),o||t?{src:u}:{});return t||(m.ref=i),r.createElement("img",Object.assign({className:l.a.image},m))})),d=a(50),m=a(834),v=a(974),f=a.n(v);function b(e){var t="thumbnail ".concat(f.a.thumbnail),a="";return e.aspectRatio===n.SixteenByNine&&(a=f.a.sixteenByNine),e.aspectRatio===n.NineBySixteen&&(a=f.a.nineBySixteen),e.aspectRatio===n.OneByOne&&(a=f.a.oneByOne),e.aspectRatio===n.TwoByThree&&(a=f.a.twoByThree),a&&(t+=" ".concat(a)),e.className&&(t+=" ".concat(e.className)),t}function p(e){var t=e.data,a=e.size,n=e.appLink,c=e.preload,o=e.analyticsOptions,l=e.analyticsData,s="";"string"==typeof t?s=t:i.a.isObject(t)&&(s=t.url);var v=s&&function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:m.a.Small;return"".concat(e,"?size=").concat(t)}(s,a);return r.createElement("div",{className:b(e)},r.createElement(d.a,{appLink:n,analyticsData:l,analyticsOptions:o},e.children,v&&r.createElement(u,{src:v,forceLoad:c})))}a.d(t,"a",(function(){return n})),a.d(t,"b",(function(){return p})),function(e){e[e.SixteenByNine=0]="SixteenByNine",e[e.OneByOne=1]="OneByOne",e[e.TwoByThree=2]="TwoByThree",e[e.NineBySixteen=3]="NineBySixteen"}(n||(n={}))},901:function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var n=a(810);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 a=[],n=!0,r=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(n=(c=o.next()).done)&&(a.push(c.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==o.return||o.return()}finally{if(r)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return i(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 i(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 i(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 c(e){var t=r(n.useInView({triggerOnce:!0}),2),a=t[0],i=t[1];return!0!==e&&void 0!==window.IntersectionObserver||(i=!0,a=null),{ref:a,inView:i}}},972:function(e,t,a){"use strict";a.d(t,"a",(function(){return d}));var n=a(0),r=a(7),i=a(13),c=a(52),o=a(815);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 c,o=e[Symbol.iterator]();!(n=(c=o.next()).done)&&(a.push(c.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==o.return||o.return()}finally{if(r)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return s(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 s(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 s(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=r.a.encloseNamespace("shared.favouriteButton");function d(e){var t=Object(o.a)(),a="boolean"==typeof e.video.isFavourited,r=!!e.video.isFavourited,s=l(n.useState(r),2),d=s[0],m=s[1];n.useEffect((function(){m(r)}),[r]);var v="cursor-pointer text".concat(d?"-danger":"-dark");return e.className&&(v+=" ".concat(e.className)),a?n.createElement("div",{className:v,onClick:function(){var a=!d;m(a),e.setFavourite(e.video.id,a,(function(){t.error(u(a?"favouriteError":"unfavouriteError")),m(!a)}))}},n.createElement(c.a,{svgName:d?i.b.Heart:i.b.HeartOutline,size:c.b.Small})):n.createElement(n.Fragment,null)}},973:function(e,t,a){e.exports={image:"_1YW-E"}},974:function(e,t,a){e.exports={thumbnail:"_3lfBf",sixteenByNine:"_2LqZ8",nineBySixteen:"_136ry",oneByOne:"_2wYLa",twoByThree:"_1eC6Q"}},975:function(e,t,a){e.exports={baseFallbackContainer:"_1wRjB",svgFallbackContainer:"_2t1jq",subjectFallbackContainer:"_12D74",videoFallback:"_6BPy-",subjectFallback:"_2Srdd",playlistFallback:"_1slQX",posterFallback:"i0o8n",fallbackThumbnailImage:"_2L_tV"}}}]);

package/dist/scripts/0.chunk.js

@@ -0,0 +1,355 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[0],{
+
+/***/ "../../libs/shared/src/components/lazy-image/LazyImage.tsx":
+/*!*****************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/lazy-image/LazyImage.tsx ***!
+  \*****************************************************************************************************/
+/*! exports provided: LazyImage */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LazyImage", function() { return LazyImage; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _hooks_UseLazyLoad__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../hooks/UseLazyLoad */ "../../libs/shared/src/hooks/UseLazyLoad.ts");
+/* harmony import */ var _lazy_image_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./lazy-image.scss */ "../../libs/shared/src/components/lazy-image/lazy-image.scss");
+/* harmony import */ var _lazy_image_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_lazy_image_scss__WEBPACK_IMPORTED_MODULE_2__);
+var __rest = undefined && undefined.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+
+
+
+var LazyImage = react__WEBPACK_IMPORTED_MODULE_0__["memo"](function (_a) {
+  var forceLoad = _a.forceLoad,
+      propsWithSrc = __rest(_a, ["forceLoad"]);
+
+  var _useLazyLoad = Object(_hooks_UseLazyLoad__WEBPACK_IMPORTED_MODULE_1__["useLazyLoad"])(),
+      ref = _useLazyLoad.ref,
+      inView = _useLazyLoad.inView;
+
+  if (!ref) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("img", Object.assign({
+    className: _lazy_image_scss__WEBPACK_IMPORTED_MODULE_2___default.a.image,
+    alt: ''
+  }, propsWithSrc));
+
+  var src = propsWithSrc.src,
+      propsWithoutSrc = __rest(propsWithSrc, ["src"]);
+
+  var imgProps = Object.assign(Object.assign({
+    alt: ''
+  }, propsWithoutSrc), inView || forceLoad ? {
+    src: src
+  } : {});
+  if (!forceLoad) imgProps.ref = ref;
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("img", Object.assign({
+    className: _lazy_image_scss__WEBPACK_IMPORTED_MODULE_2___default.a.image
+  }, imgProps));
+});
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/lazy-image/lazy-image.scss":
+/*!*******************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/lazy-image/lazy-image.scss ***!
+  \*******************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"image":"cv--image--1YW-E"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/thumbnails/base/BaseThumbnail.tsx":
+/*!**************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/thumbnails/base/BaseThumbnail.tsx ***!
+  \**************************************************************************************************************/
+/*! exports provided: AspectRatio, BaseThumbnail */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AspectRatio", function() { return AspectRatio; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BaseThumbnail", function() { return BaseThumbnail; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../common/src/react/utils/ObjectHelper */ "../../libs/common/src/react/utils/ObjectHelper.ts");
+/* harmony import */ var _lazy_image_LazyImage__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../lazy-image/LazyImage */ "../../libs/shared/src/components/lazy-image/LazyImage.tsx");
+/* harmony import */ var _app_link_AppLink__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var _enums_ThumbnailSize__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../enums/ThumbnailSize */ "../../libs/shared/src/enums/ThumbnailSize.ts");
+/* harmony import */ var _thumbnail_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./thumbnail.scss */ "../../libs/shared/src/components/thumbnails/base/thumbnail.scss");
+/* harmony import */ var _thumbnail_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_thumbnail_scss__WEBPACK_IMPORTED_MODULE_5__);
+
+
+
+
+
+
+
+function buildThumbnailUrl(srcUrl) {
+  var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _enums_ThumbnailSize__WEBPACK_IMPORTED_MODULE_4__["ThumbnailSize"].Small;
+  return "".concat(srcUrl, "?size=").concat(size);
+}
+
+function getThumbnailClassName(props) {
+  var className = "thumbnail ".concat(_thumbnail_scss__WEBPACK_IMPORTED_MODULE_5___default.a.thumbnail);
+  var aspectRatioClassName = '';
+  if (props.aspectRatio === AspectRatio.SixteenByNine) aspectRatioClassName = _thumbnail_scss__WEBPACK_IMPORTED_MODULE_5___default.a.sixteenByNine;
+  if (props.aspectRatio === AspectRatio.NineBySixteen) aspectRatioClassName = _thumbnail_scss__WEBPACK_IMPORTED_MODULE_5___default.a.nineBySixteen;
+  if (props.aspectRatio === AspectRatio.OneByOne) aspectRatioClassName = _thumbnail_scss__WEBPACK_IMPORTED_MODULE_5___default.a.oneByOne;
+  if (props.aspectRatio === AspectRatio.TwoByThree) aspectRatioClassName = _thumbnail_scss__WEBPACK_IMPORTED_MODULE_5___default.a.twoByThree;
+  if (aspectRatioClassName) className += " ".concat(aspectRatioClassName);
+  if (props.className) className += " ".concat(props.className);
+  return className;
+}
+
+var AspectRatio;
+
+(function (AspectRatio) {
+  AspectRatio[AspectRatio["SixteenByNine"] = 0] = "SixteenByNine";
+  AspectRatio[AspectRatio["OneByOne"] = 1] = "OneByOne";
+  AspectRatio[AspectRatio["TwoByThree"] = 2] = "TwoByThree";
+  AspectRatio[AspectRatio["NineBySixteen"] = 3] = "NineBySixteen";
+})(AspectRatio || (AspectRatio = {}));
+
+function BaseThumbnail(props) {
+  var data = props.data,
+      size = props.size,
+      appLink = props.appLink,
+      preload = props.preload,
+      analyticsOptions = props.analyticsOptions,
+      analyticsData = props.analyticsData;
+  var url = '';
+
+  if (typeof data === 'string') {
+    url = data;
+  } else if (_common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_1__["ObjectHelper"].isObject(data)) {
+    url = data.url;
+  }
+
+  var thumbnailUrl = url && buildThumbnailUrl(url, size);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: getThumbnailClassName(props)
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_app_link_AppLink__WEBPACK_IMPORTED_MODULE_3__["AppLink"], {
+    appLink: appLink,
+    analyticsData: analyticsData,
+    analyticsOptions: analyticsOptions
+  }, props.children, thumbnailUrl && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_lazy_image_LazyImage__WEBPACK_IMPORTED_MODULE_2__["LazyImage"], {
+    src: thumbnailUrl,
+    forceLoad: preload
+  })));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/thumbnails/base/ThumbnailFallback.tsx":
+/*!******************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/thumbnails/base/ThumbnailFallback.tsx ***!
+  \******************************************************************************************************************/
+/*! exports provided: ThumbnailFallbackType, ThumbnailFallbackMediaType, ThumbnailFallback */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ThumbnailFallbackType", function() { return ThumbnailFallbackType; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ThumbnailFallbackMediaType", function() { return ThumbnailFallbackMediaType; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ThumbnailFallback", function() { return ThumbnailFallback; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../common/src/react/hooks/UseService */ "../../libs/common/src/react/hooks/UseService.ts");
+/* harmony import */ var _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _constants_SharedServices__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../constants/SharedServices */ "../../libs/shared/src/constants/SharedServices.ts");
+/* harmony import */ var _thumbnail_fallback_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./thumbnail-fallback.scss */ "../../libs/shared/src/components/thumbnails/base/thumbnail-fallback.scss");
+/* harmony import */ var _thumbnail_fallback_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_thumbnail_fallback_scss__WEBPACK_IMPORTED_MODULE_5__);
+
+
+
+
+
+
+var ThumbnailFallbackType;
+
+(function (ThumbnailFallbackType) {
+  ThumbnailFallbackType[ThumbnailFallbackType["Video"] = 0] = "Video";
+  ThumbnailFallbackType[ThumbnailFallbackType["Playlist"] = 1] = "Playlist";
+  ThumbnailFallbackType[ThumbnailFallbackType["Series"] = 2] = "Series";
+  ThumbnailFallbackType[ThumbnailFallbackType["Subject"] = 3] = "Subject";
+  ThumbnailFallbackType[ThumbnailFallbackType["TallSubject"] = 4] = "TallSubject";
+})(ThumbnailFallbackType || (ThumbnailFallbackType = {}));
+
+var ThumbnailFallbackMediaType;
+
+(function (ThumbnailFallbackMediaType) {
+  ThumbnailFallbackMediaType[ThumbnailFallbackMediaType["Svg"] = 0] = "Svg";
+  ThumbnailFallbackMediaType[ThumbnailFallbackMediaType["Image"] = 1] = "Image";
+})(ThumbnailFallbackMediaType || (ThumbnailFallbackMediaType = {}));
+
+function getContainerClass(type, objectType) {
+  if (objectType === ThumbnailFallbackType.Subject) return _thumbnail_fallback_scss__WEBPACK_IMPORTED_MODULE_5___default.a.subjectFallbackContainer;
+
+  if (type === ThumbnailFallbackMediaType.Svg) {
+    if (objectType === ThumbnailFallbackType.Video) return "".concat(_thumbnail_fallback_scss__WEBPACK_IMPORTED_MODULE_5___default.a.svgFallbackContainer, " rounded-lg");
+    return _thumbnail_fallback_scss__WEBPACK_IMPORTED_MODULE_5___default.a.svgFallbackContainer;
+  }
+
+  return _thumbnail_fallback_scss__WEBPACK_IMPORTED_MODULE_5___default.a.baseFallbackContainer;
+}
+
+function getClassByType(type) {
+  if (type === ThumbnailFallbackType.Video) return _thumbnail_fallback_scss__WEBPACK_IMPORTED_MODULE_5___default.a.videoFallback;
+  if (type === ThumbnailFallbackType.Playlist) return _thumbnail_fallback_scss__WEBPACK_IMPORTED_MODULE_5___default.a.playlistFallback;
+  if (type === ThumbnailFallbackType.Series || type === ThumbnailFallbackType.TallSubject) return _thumbnail_fallback_scss__WEBPACK_IMPORTED_MODULE_5___default.a.posterFallback;
+  if (type === ThumbnailFallbackType.Subject) return "".concat(_thumbnail_fallback_scss__WEBPACK_IMPORTED_MODULE_5___default.a.subjectFallback, " svg-container d-inline-block");
+  return '';
+}
+
+function getMedia(type, imageUrls) {
+  if (type === ThumbnailFallbackType.Video) return _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["cvSvgLibrary"].Play;
+  if (type === ThumbnailFallbackType.Playlist) return _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["cvSvgLibrary"].Playlist;
+  if (type === ThumbnailFallbackType.Series) return _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["cvSvgLibrary"].Series;
+  if (type === ThumbnailFallbackType.Subject || type === ThumbnailFallbackType.TallSubject) return _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["cvSvgLibrary"].Subject;
+  return '';
+}
+
+function getSize(type) {
+  if (type === ThumbnailFallbackType.Subject) return _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainerSize"].ExtraLarge;
+  return _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainerSize"].Standard;
+}
+
+ThumbnailFallback.defaultProps = {
+  mediaType: ThumbnailFallbackMediaType.Svg
+};
+function ThumbnailFallback(props) {
+  var type = props.type,
+      mediaType = props.mediaType,
+      extraClasses = props.extraClasses;
+  var imageUrlService = Object(_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_1__["useService"])(_constants_SharedServices__WEBPACK_IMPORTED_MODULE_4__["SharedServices"].ImageUrl);
+  var imageUrls = imageUrlService.getImageUrls();
+  var typeClass = getClassByType(type);
+  var media = getMedia(type, imageUrls);
+  var size = getSize(type);
+  var className = "".concat(getContainerClass(mediaType, type));
+  if (extraClasses) className += " ".concat(props.extraClasses);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: className
+  }, mediaType === ThumbnailFallbackMediaType.Svg ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainer"], {
+    svgName: media,
+    className: typeClass,
+    tagName: 'div',
+    size: size
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: _thumbnail_fallback_scss__WEBPACK_IMPORTED_MODULE_5___default.a.fallbackThumbnailImage,
+    style: {
+      backgroundImage: "url('".concat(media, "')")
+    }
+  }));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/thumbnails/base/thumbnail-fallback.scss":
+/*!********************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/thumbnails/base/thumbnail-fallback.scss ***!
+  \********************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"baseFallbackContainer":"cv--baseFallbackContainer--1wRjB","svgFallbackContainer":"cv--svgFallbackContainer--2t1jq","subjectFallbackContainer":"cv--subjectFallbackContainer--12D74","videoFallback":"cv--videoFallback--6BPy-","subjectFallback":"cv--subjectFallback--2Srdd","playlistFallback":"cv--playlistFallback--1slQX","posterFallback":"cv--posterFallback--i0o8n","fallbackThumbnailImage":"cv--fallbackThumbnailImage--2L_tV"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/thumbnails/base/thumbnail.scss":
+/*!***********************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/thumbnails/base/thumbnail.scss ***!
+  \***********************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"thumbnail":"cv--thumbnail--3lfBf","sixteenByNine":"cv--sixteenByNine--2LqZ8","nineBySixteen":"cv--nineBySixteen--136ry","oneByOne":"cv--oneByOne--2wYLa","twoByThree":"cv--twoByThree--1eC6Q"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/enums/ThumbnailSize.ts":
+/*!****************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/enums/ThumbnailSize.ts ***!
+  \****************************************************************************************/
+/*! exports provided: ThumbnailSize */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ThumbnailSize", function() { return ThumbnailSize; });
+var ThumbnailSize;
+
+(function (ThumbnailSize) {
+  ThumbnailSize["Small"] = "small";
+  ThumbnailSize["Medium"] = "medium";
+  ThumbnailSize["Large"] = "large";
+  ThumbnailSize["Raw"] = "raw";
+})(ThumbnailSize || (ThumbnailSize = {}));
+
+/***/ }),
+
+/***/ "../../libs/shared/src/hooks/UseLazyLoad.ts":
+/*!**************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseLazyLoad.ts ***!
+  \**************************************************************************************/
+/*! exports provided: useLazyLoad */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useLazyLoad", function() { return useLazyLoad; });
+/* harmony import */ var react_intersection_observer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-intersection-observer */ "react-intersection-observer");
+/* harmony import */ var react_intersection_observer__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_intersection_observer__WEBPACK_IMPORTED_MODULE_0__);
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { 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 _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+function useLazyLoad(prevent) {
+  var _ReactIntersectionObs = react_intersection_observer__WEBPACK_IMPORTED_MODULE_0__["useInView"]({
+    triggerOnce: true
+  }),
+      _ReactIntersectionObs2 = _slicedToArray(_ReactIntersectionObs, 2),
+      ref = _ReactIntersectionObs2[0],
+      inView = _ReactIntersectionObs2[1];
+
+  if (prevent === true || typeof window.IntersectionObserver === 'undefined') {
+    inView = true;
+    ref = null;
+  }
+
+  return {
+    ref: ref,
+    inView: inView
+  };
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=0.chunk.js.map

package/dist/scripts/0.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/lazy-image/LazyImage.tsx","webpack://@clickview/lite/C:/ClickView Projects/@clickview/packages/libs/shared/src/components/lazy-image/lazy-image.scss?fb96","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/thumbnails/base/BaseThumbnail.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/thumbnails/base/ThumbnailFallback.tsx","webpack://@clickview/lite/C:/ClickView Projects/@clickview/packages/libs/shared/src/components/thumbnails/base/thumbnail-fallback.scss?dff8","webpack://@clickview/lite/C:/ClickView Projects/@clickview/packages/libs/shared/src/components/thumbnails/base/thumbnail.scss?b360","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/enums/ThumbnailSize.ts","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseLazyLoad.ts"],"names":[],"mappings":"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","file":"scripts/0.chunk.js","sourcesContent":["import * as React from 'react';\r\n\r\nimport { useLazyLoad } from 'libs/shared/hooks/UseLazyLoad';\r\n\r\nimport styles from './lazy-image.scss';\r\n\r\ninterface LazyImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {\r\n  forceLoad?: boolean;\r\n}\r\n\r\nexport const LazyImage = React.memo(function({ forceLoad, ...propsWithSrc }: LazyImageProps): React.ReactElement {\r\n  const { ref, inView } = useLazyLoad();\r\n\r\n  if (!ref)\r\n    return <img className={styles.image} alt='' {...propsWithSrc} />;\r\n\r\n  const { src, ...propsWithoutSrc } = propsWithSrc;\r\n\r\n  const imgProps: React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> = {\r\n    alt: '',\r\n    ...propsWithoutSrc,\r\n    ...((inView || forceLoad) ? { src } : {})\r\n  };\r\n\r\n  if (!forceLoad)\r\n    imgProps.ref = ref;\r\n\r\n  return (\r\n    <img className={styles.image} {...imgProps} />\r\n  );\r\n});","// extracted by mini-css-extract-plugin\nmodule.exports = {\"image\":\"cv--image--1YW-E\"};","import * as _ from 'underscore';\r\nimport * as React from 'react';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\r\n\r\nimport { Image } from 'libs/shared/interfaces';\r\nimport { LazyImage } from 'libs/shared/components/lazy-image/LazyImage';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\nimport { ThumbnailSize } from 'libs/shared/enums/ThumbnailSize';\r\n\r\nimport { AnalyticsOptions, HashObject } from 'libs/analytics/interfaces';\r\n\r\nimport styles from './thumbnail.scss';\r\n\r\nfunction buildThumbnailUrl(srcUrl: string, size: ThumbnailSize = ThumbnailSize.Small): string {\r\n  return `${srcUrl}?size=${size}`;\r\n}\r\n\r\nfunction getThumbnailClassName(props: ThumbnailProps): string {\r\n  let className = `thumbnail ${styles.thumbnail}`;\r\n\r\n  let aspectRatioClassName = '';\r\n\r\n  if (props.aspectRatio === AspectRatio.SixteenByNine)\r\n    aspectRatioClassName = styles.sixteenByNine;\r\n\r\n  if (props.aspectRatio === AspectRatio.NineBySixteen)\r\n    aspectRatioClassName = styles.nineBySixteen;\r\n\r\n  if (props.aspectRatio === AspectRatio.OneByOne)\r\n    aspectRatioClassName = styles.oneByOne;\r\n\r\n  if (props.aspectRatio === AspectRatio.TwoByThree)\r\n    aspectRatioClassName = styles.twoByThree;\r\n\r\n  if (aspectRatioClassName)\r\n    className += ` ${aspectRatioClassName}`;\r\n\r\n  if (props.className)\r\n    className += ` ${props.className}`;\r\n\r\n  return className;\r\n}\r\n\r\nexport enum AspectRatio {\r\n  SixteenByNine,\r\n  OneByOne,\r\n  TwoByThree,\r\n  NineBySixteen\r\n}\r\n\r\ninterface ThumbnailProps {\r\n  data: Image | string;\r\n  size?: ThumbnailSize;\r\n  appLink?: Core.AppLink;\r\n  aspectRatio?: AspectRatio;\r\n  className?: string;\r\n  preload?: boolean;\r\n  analyticsData?: HashObject;\r\n  analyticsOptions?: AnalyticsOptions;\r\n}\r\n\r\nexport function BaseThumbnail(props: React.PropsWithChildren<ThumbnailProps>): React.ReactElement {\r\n  const { data, size, appLink, preload, analyticsOptions, analyticsData } = props;\r\n\r\n  let url = '';\r\n\r\n  if (typeof data === 'string') {\r\n    url = data;\r\n  } else if (ObjectHelper.isObject(data)) {\r\n    url = data.url;\r\n  }\r\n\r\n  const thumbnailUrl = url && buildThumbnailUrl(url, size);\r\n\r\n  return (\r\n    <div className={getThumbnailClassName(props)}>\r\n      <AppLink appLink={appLink} analyticsData={analyticsData} analyticsOptions={analyticsOptions}>\r\n        {props.children}\r\n        {thumbnailUrl && <LazyImage src={thumbnailUrl} forceLoad={preload} />}\r\n      </AppLink>\r\n    </div>\r\n  );\r\n}\r\n\r\n","import * as React from 'react';\r\n\r\nimport { useService } from 'libs/common/react/hooks/UseService';\r\n\r\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { ImageUrls } from 'libs/shared/interfaces';\r\nimport { SharedServices } from 'libs/shared/constants/SharedServices';\r\nimport { ImageUrlService } from 'libs/shared/services/ImageUrlService';\r\n\r\nimport styles from './thumbnail-fallback.scss';\r\n\r\nexport enum ThumbnailFallbackType {\r\n  Video,\r\n  Playlist,\r\n  Series,\r\n  Subject,\r\n  TallSubject\r\n}\r\n\r\nexport enum ThumbnailFallbackMediaType {\r\n  Svg,\r\n  Image\r\n}\r\n\r\nfunction getContainerClass(type: ThumbnailFallbackMediaType, objectType: ThumbnailFallbackType): string {\r\n  if (objectType === ThumbnailFallbackType.Subject)\r\n    return styles.subjectFallbackContainer;\r\n\r\n  if (type === ThumbnailFallbackMediaType.Svg) {\r\n    if (objectType === ThumbnailFallbackType.Video)\r\n      return `${styles.svgFallbackContainer} rounded-lg`;\r\n\r\n    return styles.svgFallbackContainer;\r\n  }\r\n\r\n  return styles.baseFallbackContainer;\r\n}\r\n\r\nfunction getClassByType(type: ThumbnailFallbackType): string {\r\n  if (type === ThumbnailFallbackType.Video)\r\n    return styles.videoFallback;\r\n\r\n  if (type === ThumbnailFallbackType.Playlist)\r\n    return styles.playlistFallback;\r\n\r\n  if (type === ThumbnailFallbackType.Series || type === ThumbnailFallbackType.TallSubject)\r\n    return styles.posterFallback;\r\n\r\n  if (type === ThumbnailFallbackType.Subject)\r\n    return `${styles.subjectFallback} svg-container d-inline-block`;\r\n\r\n  return '';\r\n}\r\n\r\nfunction getMedia(type: ThumbnailFallbackType, imageUrls: ImageUrls): string {\r\n  if (type === ThumbnailFallbackType.Video)\r\n    return cvSvgLibrary.Play;\r\n\r\n  if (type === ThumbnailFallbackType.Playlist)\r\n    return cvSvgLibrary.Playlist;\r\n\r\n  if (type === ThumbnailFallbackType.Series)\r\n    return cvSvgLibrary.Series;\r\n\r\n  if (type === ThumbnailFallbackType.Subject || type === ThumbnailFallbackType.TallSubject)\r\n    return cvSvgLibrary.Subject;\r\n\r\n  return '';\r\n}\r\n\r\nfunction getSize(type: ThumbnailFallbackType): SvgContainerSize {\r\n  if (type === ThumbnailFallbackType.Subject)\r\n    return SvgContainerSize.ExtraLarge;\r\n\r\n  return SvgContainerSize.Standard;\r\n}\r\n\r\ninterface ThumbnailFallbackProps {\r\n  type: ThumbnailFallbackType;\r\n  mediaType?: ThumbnailFallbackMediaType;\r\n  extraClasses?: string;\r\n}\r\n\r\nThumbnailFallback.defaultProps = {\r\n  mediaType: ThumbnailFallbackMediaType.Svg\r\n};\r\n\r\nexport function ThumbnailFallback(props: ThumbnailFallbackProps): JSX.Element {\r\n  const { type, mediaType, extraClasses } = props;\r\n\r\n  const imageUrlService = useService<ImageUrlService>(SharedServices.ImageUrl);\r\n  const imageUrls = imageUrlService.getImageUrls();\r\n\r\n  const typeClass = getClassByType(type);\r\n  const media = getMedia(type, imageUrls);\r\n  const size = getSize(type);\r\n\r\n  let className = `${getContainerClass(mediaType, type)}`;\r\n\r\n  if (extraClasses)\r\n    className += ` ${props.extraClasses}`;\r\n\r\n  return (\r\n    <div className={className}>\r\n      {mediaType === ThumbnailFallbackMediaType.Svg\r\n        ? <SvgContainer\r\n            svgName={media}\r\n            className={ typeClass }\r\n            tagName='div'\r\n            size={size}\r\n          />\r\n        : <div className={styles.fallbackThumbnailImage} style={{ backgroundImage: `url('${media}')` }} />\r\n      }\r\n    </div>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"baseFallbackContainer\":\"cv--baseFallbackContainer--1wRjB\",\"svgFallbackContainer\":\"cv--svgFallbackContainer--2t1jq\",\"subjectFallbackContainer\":\"cv--subjectFallbackContainer--12D74\",\"videoFallback\":\"cv--videoFallback--6BPy-\",\"subjectFallback\":\"cv--subjectFallback--2Srdd\",\"playlistFallback\":\"cv--playlistFallback--1slQX\",\"posterFallback\":\"cv--posterFallback--i0o8n\",\"fallbackThumbnailImage\":\"cv--fallbackThumbnailImage--2L_tV\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"thumbnail\":\"cv--thumbnail--3lfBf\",\"sixteenByNine\":\"cv--sixteenByNine--2LqZ8\",\"nineBySixteen\":\"cv--nineBySixteen--136ry\",\"oneByOne\":\"cv--oneByOne--2wYLa\",\"twoByThree\":\"cv--twoByThree--1eC6Q\"};","export enum ThumbnailSize {\r\n  Small = 'small',\r\n  Medium = 'medium',\r\n  Large = 'large',\r\n  Raw = 'raw'\r\n}","import * as ReactIntersectionObserver from 'react-intersection-observer';\r\n\r\ninterface LazyUtils {\r\n  ref: (node?: Element) => void | null;\r\n  inView: boolean;\r\n}\r\n\r\nexport function useLazyLoad(prevent?: boolean): LazyUtils {\r\n  let [ ref, inView ] = ReactIntersectionObserver.useInView({ triggerOnce: true });\r\n\r\n  if (prevent === true || typeof (window as any).IntersectionObserver === 'undefined') {\r\n    inView = true;\r\n    ref = null;\r\n  }\r\n\r\n  return { ref, inView };\r\n}"],"sourceRoot":""}