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

package/dist/libs/shared/src/interfaces/models/Clip.d.ts

@@ -1,6 +1,7 @@
-import { BaseObject } from "./..";
+import { BaseObject, User } from "./..";
 export interface Clip extends BaseObject {
     description: string;
     startTime: number;
     endTime: number;
+    owner: User;
 }

package/dist/libs/shared/src/interfaces/models/Interactive.d.ts

@@ -1,5 +1,9 @@
 import { BaseObject } from "./..";
 import { User } from './User';
+import { Thumbnail } from './Thumbnail';
 export interface Interactive extends BaseObject {
+    interactiveId: string;
     owner: User;
+    description?: string;
+    thumbnail?: Thumbnail;
 }

package/dist/libs/shared/src/utils/ImageHelper.d.ts

@@ -27,5 +27,5 @@ export declare const ImageHelper: {
     Rfc3986EncodeURIComponent(str: string): string;
     _createCategoryMappedUrl(mappingOptions: CategoryMapperImageOptions, options?: ImageOptions): string;
     _createUrl(baseUrl: string, options?: ImageOptions): string;
-    legacyCreateThumbnailUrl(thumbnail: string | HashObject<any> | Core.Model, options?: ImageOptions): string;
+    legacyCreateThumbnailUrl(thumbnail: string | Core.Model | HashObject<any>, options?: ImageOptions): string;
 };

package/dist/projects/lite/src/app.d.ts

@@ -84,9 +84,7 @@ import './apps/user-manager/views/student-upload-review/student-upload-review.la
 import './apps/user-manager/views/teacher-upload-review/teacher-upload-review.lang.json';
 import './apps/watch-history/components/watch-history-video-list/watch-history-video-list.lang.json';
 import './apps/watch-history/views/watch-history/watch-history.lang.json';
-import './shared/components/clips/clips.lang.json';
 import './shared/components/immersive-reader/immersive-reader.lang.json';
-import './shared/components/interactives/interactives.lang.json';
 import './shared/components/play-page/play-page.lang.json';
 import './shared/components/share/copy-embed-html/copy-embed-html.lang.json';
 import './shared/components/share/tokenized-typeahead/tokenized-typeahead.lang.json';
@@ -138,6 +136,7 @@ import '../../../libs/shared/src/components/video-list/components/video-item-des
 import '../../../libs/shared/src/components/widgets/dynamic-widget/dynamic-widget.lang.json';
 import '../../../libs/shared/src/components/widgets/fixed-widget/fixed-widget.lang.json';
 import '../../../libs/shared/src/components/widgets/greeting-widget/greeting.lang.json';
+import '../../../libs/shared/src/components/widgets/items/interactive-widget-item/interactive-widget-item.lang.json';
 import '../../../libs/shared/src/components/widgets/items/subject-widget-item/subject-widget-item.lang.json';
 import '../../../libs/shared/src/legacy/components/pagination/pagination.lang.json';
 import '../../../libs/shared/src/utils/shared-utils.lang.json';

package/dist/projects/lite/src/shared/components/play-page/PlayPage.d.ts

@@ -1,5 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { Video, Theme } from "../../../../../../libs/shared/src/interfaces";
+import { PlayerContext } from 'shared/hooks/useInitPlayerContext';
+export declare function onUpdateViewport(playerRef: React.MutableRefObject<HTMLElement>, setPlayerData: (key: keyof PlayerContext, data: any) => void): void;
 interface PlayPageProps {
     video: Video;
     setFavourite?: (video: Video, shouldFavourite: boolean, onError?: () => void) => void;

package/dist/projects/lite/src/shared/components/synopsis/Synopsis.d.ts

@@ -3,6 +3,8 @@ import { Video, Theme } from "../../../../../../libs/shared/src/interfaces";
 interface SynopsisProps {
     video: Video;
     theme: Theme;
+    hasGlanceData: boolean;
+    hasDetails: boolean;
     onClickFullDescription: () => void;
 }
 export declare function Synopsis(props: SynopsisProps): JSX.Element;

package/dist/projects/lite/src/shared/components/video-details/VideoDetails.d.ts

@@ -1,8 +1,11 @@
 import * as React from 'react';
 import { Video } from "../../../../../../libs/shared/src/interfaces";
-interface DetailsPaneProps {
+interface VideoDetailsWithScrollbarProps {
     video: Video;
+    hasGlanceData: boolean;
+    hasBadges: boolean;
+    hasPPDD: boolean;
     onClickShowSynopsis: () => void;
 }
-export declare function VideoDetailsWithScrollbar(props: DetailsPaneProps): React.ReactElement;
+export declare function VideoDetailsWithScrollbar(props: VideoDetailsWithScrollbarProps): React.ReactElement;
 export {};

package/dist/scripts/0-cfa3c1b0a5.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"}}}]);