@clickview/lite 0.0.23-rc.3 → 0.0.23-rc.5

package/dist/libs/shared/src/apps/playlists/components/playlist-list/PlaylistItem.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { Core } from "../../../../../../common/src/backbone";
 import { CurrentUser, Playlist, PresentationAudience } from "../../../../interfaces";
+import { AnalyticsOptions, HashObject } from "../../../../../../analytics/src/interfaces";
 interface PlaylistItemProps {
     data: Playlist;
     appLink: Core.AppLink;
@@ -12,6 +13,8 @@ interface PlaylistItemProps {
     showOwner?: boolean;
     showLastUpdated?: boolean;
     showFallbackImage?: boolean;
+    analyticsData?: HashObject;
+    analyticsOptions?: AnalyticsOptions;
 }
 export declare function PlaylistItem(props: PlaylistItemProps): JSX.Element;
 export {};

package/dist/libs/shared/src/apps/playlists/components/playlist-list/PlaylistList.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { Core } from "../../../../../../common/src/backbone";
 import { Playlist, PresentationAudience, CurrentUser } from "../../../../interfaces";
+import { AnalyticsOptions, HashObject } from "../../../../../../analytics/src/interfaces";
 interface PlaylistListProps {
     playlists: Playlist[];
     getPlaylistAppLink: (playlist: Playlist) => Core.AppLink;
@@ -13,6 +14,8 @@ interface PlaylistListProps {
     showOwner?: boolean;
     showLastUpdated?: boolean;
     showFallbackImage?: boolean;
+    analyticsData?: HashObject;
+    analyticsOptions?: AnalyticsOptions;
 }
 export declare function PlaylistList(props: PlaylistListProps): JSX.Element;
 export {};

package/dist/libs/shared/src/apps/subjects/components/classification-list/ClassificationList.d.ts

@@ -1,9 +1,12 @@
 /// <reference types="react" />
 import { Core } from "../../../../../../common/src/backbone";
 import { Classification, BaseObject } from "../../../../interfaces";
+import { AnalyticsOptions, HashObject } from "../../../../../../analytics/src/interfaces";
 interface ClassificationListProps {
     classifications: Classification[];
     getItemAppLink: (item: BaseObject) => Core.AppLink;
+    analyticsData?: HashObject;
+    analyticsOptions?: AnalyticsOptions;
 }
 export declare function ClassificationList(props: ClassificationListProps): JSX.Element;
 export {};

package/dist/libs/shared/src/components/series-link/SeriesLink.d.ts

@@ -1,10 +1,14 @@
 /// <reference types="react" />
 import { Core } from "../../../../common/src/backbone";
+import { HashObject } from "../../../../common/src/react/interfaces";
 import { Video } from "../../interfaces";
+import { AnalyticsOptions } from "../../../../analytics/src/interfaces/AnalyticsTypes";
 interface SeriesLinkProps {
     appLink: Core.AppLink;
     video: Video;
     className?: string;
+    analyticsData?: HashObject;
+    analyticsOptions?: AnalyticsOptions;
 }
 export declare function SeriesLink(props: SeriesLinkProps): JSX.Element;
 export {};

package/dist/libs/shared/src/components/thumbnails/base/BaseThumbnail.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { Core } from "../../../../../common/src/backbone";
 import { Image } from "../../../interfaces";
 import { ThumbnailSize } from "../../../enums/ThumbnailSize";
+import { AnalyticsOptions, HashObject } from "../../../../../analytics/src/interfaces";
 export declare enum AspectRatio {
     SixteenByNine = 0,
     OneByOne = 1,
@@ -15,6 +16,8 @@ interface ThumbnailProps {
     aspectRatio?: AspectRatio;
     className?: string;
     preload?: boolean;
+    analyticsData?: HashObject;
+    analyticsOptions?: AnalyticsOptions;
 }
 export declare function BaseThumbnail(props: React.PropsWithChildren<ThumbnailProps>): React.ReactElement;
 export {};

package/dist/libs/shared/src/components/thumbnails/video/VideoThumbnail.d.ts

@@ -3,6 +3,7 @@ import { Core } from "../../../../../common/src/backbone";
 import { Video } from "../../../interfaces";
 import { ThumbnailSize } from "../../../enums/ThumbnailSize";
 import { ThumbnailTextPosition } from "../../../enums/ThumbnailTextPosition";
+import { AnalyticsOptions, HashObject } from "../../../../../analytics/src/interfaces";
 export interface VideoThumbnailProps {
     video: Video;
     size: ThumbnailSize;
@@ -13,5 +14,7 @@ export interface VideoThumbnailProps {
     setFavourite?: (videoId: string, shouldFavourite: boolean, onError?: () => void) => void;
     preload?: boolean;
     hovering?: boolean;
+    analyticsData?: HashObject;
+    analyticsOptions?: AnalyticsOptions;
 }
 export declare function VideoThumbnail(props: VideoThumbnailProps): JSX.Element;

package/dist/libs/shared/src/components/widgets/dynamic-widget/DynamicWidget.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { Core } from "../../../../../common/src/backbone";
 import { BaseObject } from "../../../interfaces";
+import { AnalyticsOptions, HashObject } from "../../../../../analytics/src/interfaces";
 interface DynamicWidgetProps {
     childAppLink: Core.AppLink;
     childComponent: React.ElementType;
@@ -9,6 +10,8 @@ interface DynamicWidgetProps {
     fetch?: (...args: any[]) => any;
     lazyLoad?: boolean;
     headingPhraseKey?: 'topics' | 'teach';
+    analyticsData?: HashObject;
+    analyticsOptions?: AnalyticsOptions;
 }
 export declare function DynamicWidget(props: DynamicWidgetProps): JSX.Element;
 export declare const PartialDynamicWidget: () => JSX.Element;

package/dist/libs/shared/src/components/widgets/fixed-widget/FixedWidget.d.ts

@@ -4,6 +4,7 @@ import { Flight } from "../../../../../common/src/react";
 import { WidgetType } from "../../../interfaces";
 import { WidgetContents } from "../../../enums/WidgetContents";
 import { ThumbnailSize } from "../../../enums/ThumbnailSize";
+import { AnalyticsOptions, HashObject } from "../../../../../analytics/src/interfaces";
 export interface FixedWidgetProps {
     id?: string;
     name?: string;
@@ -21,6 +22,8 @@ export interface FixedWidgetProps {
     childAppLink: Core.AppLink;
     appLink?: Core.AppLink;
     settingsAppLink?: Core.AppLink;
+    analyticsData?: HashObject;
+    analyticsOptions?: AnalyticsOptions;
 }
 declare function FixedWidget(props: FixedWidgetProps): JSX.Element;
 declare namespace FixedWidget {

package/dist/libs/shared/src/components/widgets/items/series-widget-item/SeriesWidgetItem.d.ts

@@ -1,10 +1,13 @@
 /// <reference types="react" />
 import { Core } from "../../../../../../common/src/backbone";
 import { Series, PresentationAudience } from "../../../../interfaces";
+import { AnalyticsOptions, HashObject } from "../../../../../../analytics/src/interfaces";
 export interface SeriesWidgetItemProps {
     data: Series;
     appLink: Core.AppLink;
     audiences: PresentationAudience[];
     preloadImage?: boolean;
+    analyticsData?: HashObject;
+    analyticsOptions?: AnalyticsOptions;
 }
 export declare function SeriesWidgetItem(props: SeriesWidgetItemProps): JSX.Element;

package/dist/libs/shared/src/components/widgets/items/subject-widget-item/SubjectWidgetItem.d.ts

@@ -1,10 +1,13 @@
 import * as React from 'react';
 import { Core } from "../../../../../../common/src/backbone";
 import { Classification } from "../../../../interfaces";
+import { AnalyticsOptions, HashObject } from "../../../../../../analytics/src/interfaces";
 interface SubjectWidgetItemProps {
     data: Classification;
     appLink: Core.AppLink;
     isLarge?: boolean;
+    analyticsData?: HashObject;
+    analyticsOptions?: AnalyticsOptions;
 }
 declare function SubjectWidgetItem(props: SubjectWidgetItemProps): JSX.Element;
 declare const Memoized: React.MemoExoticComponent<typeof SubjectWidgetItem>;

package/dist/libs/shared/src/components/widgets/items/video-widget-item/VideoWidgetItem.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { Core } from "../../../../../../common/src/backbone";
 import { WidgetContext, Video } from "../../../../interfaces";
 import { ThumbnailSize } from "../../../../enums/ThumbnailSize";
+import { AnalyticsOptions, HashObject } from "../../../../../../analytics/src/interfaces";
 interface VideoWidgetItemProps {
     data: Video;
     appLink: Core.AppLink;
@@ -10,6 +11,8 @@ interface VideoWidgetItemProps {
     thumbnailSize: ThumbnailSize;
     onHover: (isHovering: boolean) => void;
     preloadImage?: boolean;
+    analyticsData?: HashObject;
+    analyticsOptions?: AnalyticsOptions;
 }
 export declare const VideoWidgetItem: React.NamedExoticComponent<VideoWidgetItemProps>;
 export {};

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

@@ -3,7 +3,7 @@ import { ClassificationType } from "../../enums/ClassificationType";
 export interface Classification extends BaseObject {
     presentationId: string;
     parentIds: string[];
-    subjectIds: string[];
+    backboneClassificationIds: string[];
     type: ClassificationType;
     emphasize?: boolean;
     slug: string;

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

@@ -1,5 +1,5 @@
 export interface PresentationAudience {
-    levelIds: string[];
+    backboneAudienceIds: string[];
     masterId: string;
     name: string;
     presentationId: string;

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

@@ -4,7 +4,7 @@ export interface Subject extends BaseObject {
     banner?: Banner;
     thumbnail?: Thumbnail;
     children?: Subject[];
-    subjectIds: string[];
+    backboneClassificationIds: string[];
     playlists?: PlaylistCollection;
     videos?: VideoCollection;
     series?: SeriesCollection;

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

@@ -0,0 +1,12 @@
+import { AnalyticsOptions } from "../../../analytics/src/interfaces";
+export declare const WidgetHelper: {
+    /**
+     * Used by both the FixedWidget and DynamicWidget
+     */
+    getSliderAnalyticsOptions: () => AnalyticsOptions;
+    /**
+     * Used by both the FixedWidget and DynamicWidget
+     */
+    getSliderItemAnalyticsOptions: () => AnalyticsOptions;
+    getSliderHeadingAnalyticsOptions: () => AnalyticsOptions;
+};

package/dist/projects/lite/src/apps/watch-history/flight-requests/VideoHistoryRequests.d.ts

@@ -3,4 +3,5 @@ import { HashObject } from "../../../../../../libs/common/src/react/interfaces";
 import { Xhr } from "../../../../../../libs/common/src/backbone/interfaces";
 export declare const VideoHistoryRequests: {
     userVideoHistory(customerId: string, userId: string, cursor?: string, success?: (data: HashObject<any>) => void, error?: (Xhr: Xhr) => void, always?: () => void): Flight.Request;
+    videoHistory(customerId: string, userId: string, ids: string[], success?: (data: HashObject<any>) => void, error?: (Xhr: Xhr) => void, always?: () => void): Flight.Request;
 };

package/dist/projects/lite/src/shared/hooks/useVideoMixin.d.ts

@@ -1,2 +1,8 @@
 import { VideoCollection, Video } from "../../../../../libs/shared/src/interfaces";
-export declare function useVideoMixin(videos: VideoCollection | Video[]): void;
+interface VideoMixinOptions {
+    ratings?: boolean;
+    favourites?: boolean;
+    watchHistory?: boolean;
+}
+export declare function useVideoMixin(videos: VideoCollection | Video[], options?: VideoMixinOptions): void;
+export {};

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