@clickview/reports 0.0.0-dev.3 → 0.0.0-dev.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,45 +1,45 @@
1
- {
2
- "name": "@clickview/reports",
3
- "version": "0.0.0-dev.3",
4
- "description": "ClickView Reports",
5
- "main": "dist/reports-app.js",
6
- "scripts": {
7
- "start": "set NODE_ENV=development&& webpack -w --config ./tooling/webpack.config.js",
8
- "build": "set NODE_ENV=production&& webpack --config ./tooling/webpack.config.js",
9
- "dev-build": "set NODE_ENV=development&& webpack --config ./tooling/webpack.config.js"
10
- },
11
- "repository": {
12
- "type": "git",
13
- "url": "https://gitlab.cvinternal.net/front-end/clickview"
14
- },
15
- "cv": {
16
- "publishable": true,
17
- "rebuildable": true
18
- },
19
- "author": "Joshua Taylor, Shale Kuzmanovski, Matt Trengrove, Michael McDonnell",
20
- "license": "ISC",
21
- "devDependencies": {
22
- "@babel/core": "7.11.6",
23
- "@clickview/eslint-config": "1.0.0",
24
- "@clickview/tooling": "0.0.20",
25
- "@types/react-dates": "21.8.1",
26
- "@types/react-table": "7.0.29",
27
- "redux-devtools-extension": "2.13.8"
28
- },
29
- "dependencies": {
30
- "@clickview/styles": "1.0.13",
31
- "react-dates": "21.8.0",
32
- "react-table": "7.6.3"
33
- },
34
- "babel": {
35
- "presets": [
36
- [
37
- "@babel/preset-env",
38
- {
39
- "corejs": 3,
40
- "useBuiltIns": "entry"
41
- }
42
- ]
43
- ]
44
- }
45
- }
1
+ {
2
+ "name": "@clickview/reports",
3
+ "version": "0.0.0-dev.4",
4
+ "description": "ClickView Reports",
5
+ "main": "dist/reports-app.js",
6
+ "scripts": {
7
+ "start": "set NODE_ENV=development&& webpack -w --config ./tooling/webpack.config.js",
8
+ "build": "set NODE_ENV=production&& webpack --config ./tooling/webpack.config.js",
9
+ "dev-build": "set NODE_ENV=development&& webpack --config ./tooling/webpack.config.js"
10
+ },
11
+ "repository": {
12
+ "type": "git",
13
+ "url": "https://gitlab.cvinternal.net/front-end/clickview"
14
+ },
15
+ "cv": {
16
+ "publishable": true,
17
+ "rebuildable": true
18
+ },
19
+ "author": "Joshua Taylor, Shale Kuzmanovski, Matt Trengrove, Michael McDonnell",
20
+ "license": "ISC",
21
+ "devDependencies": {
22
+ "@babel/core": "7.11.6",
23
+ "@clickview/eslint-config": "1.0.0",
24
+ "@clickview/tooling": "0.0.20",
25
+ "@types/react-dates": "21.8.1",
26
+ "@types/react-table": "7.0.29",
27
+ "redux-devtools-extension": "2.13.8"
28
+ },
29
+ "dependencies": {
30
+ "@clickview/styles": "1.0.13",
31
+ "react-dates": "21.8.0",
32
+ "react-table": "7.6.3"
33
+ },
34
+ "babel": {
35
+ "presets": [
36
+ [
37
+ "@babel/preset-env",
38
+ {
39
+ "corejs": 3,
40
+ "useBuiltIns": "entry"
41
+ }
42
+ ]
43
+ ]
44
+ }
45
+ }
@@ -5,123 +5,135 @@
5
5
  * Refer: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-table
6
6
  */
7
7
 
8
- // import {
9
- // UseColumnOrderInstanceProps,
10
- // UseColumnOrderState,
11
- // UseExpandedHooks,
12
- // UseExpandedInstanceProps,
13
- // UseExpandedOptions,
14
- // UseExpandedRowProps,
15
- // UseExpandedState,
16
- // UseFiltersColumnOptions,
17
- // UseFiltersColumnProps,
18
- // UseFiltersInstanceProps,
19
- // UseFiltersOptions,
20
- // UseFiltersState,
21
- // UseGlobalFiltersColumnOptions,
22
- // UseGlobalFiltersInstanceProps,
23
- // UseGlobalFiltersOptions,
24
- // UseGlobalFiltersState,
25
- // UseGroupByCellProps,
26
- // UseGroupByColumnOptions,
27
- // UseGroupByColumnProps,
28
- // UseGroupByHooks,
29
- // UseGroupByInstanceProps,
30
- // UseGroupByOptions,
31
- // UseGroupByRowProps,
32
- // UseGroupByState,
33
- // UsePaginationInstanceProps,
34
- // UsePaginationOptions,
35
- // UsePaginationState,
36
- // UseResizeColumnsColumnOptions,
37
- // UseResizeColumnsColumnProps,
38
- // UseResizeColumnsOptions,
39
- // UseResizeColumnsState,
40
- // UseRowSelectHooks,
41
- // UseRowSelectInstanceProps,
42
- // UseRowSelectOptions,
43
- // UseRowSelectRowProps,
44
- // UseRowSelectState,
45
- // UseRowStateCellProps,
46
- // UseRowStateInstanceProps,
47
- // UseRowStateOptions,
48
- // UseRowStateRowProps,
49
- // UseRowStateState,
50
- // UseSortByColumnOptions,
51
- // UseSortByColumnProps,
52
- // UseSortByHooks,
53
- // UseSortByInstanceProps,
54
- // UseSortByOptions,
55
- // UseSortByState
56
- // } from 'react-table';
8
+ import {
9
+ // UseColumnOrderInstanceProps,
10
+ // UseColumnOrderState,
11
+ // UseExpandedHooks,
12
+ // UseExpandedInstanceProps,
13
+ // UseExpandedOptions,
14
+ // UseExpandedRowProps,
15
+ // UseExpandedState,
16
+ // UseFiltersColumnOptions,
17
+ // UseFiltersColumnProps,
18
+ // UseFiltersInstanceProps,
19
+ // UseFiltersOptions,
20
+ // UseFiltersState,
21
+ // UseGlobalFiltersColumnOptions,
22
+ // UseGlobalFiltersInstanceProps,
23
+ // UseGlobalFiltersOptions,
24
+ // UseGlobalFiltersState,
25
+ // UseGroupByCellProps,
26
+ // UseGroupByColumnOptions,
27
+ // UseGroupByColumnProps,
28
+ // UseGroupByHooks,
29
+ // UseGroupByInstanceProps,
30
+ // UseGroupByOptions,
31
+ // UseGroupByRowProps,
32
+ // UseGroupByState,
33
+ // UsePaginationInstanceProps,
34
+ // UsePaginationOptions,
35
+ // UsePaginationState,
36
+ // UseResizeColumnsColumnOptions,
37
+ // UseResizeColumnsColumnProps,
38
+ // UseResizeColumnsOptions,
39
+ // UseResizeColumnsState,
40
+ UseRowSelectHooks,
41
+ UseRowSelectInstanceProps,
42
+ UseRowSelectOptions,
43
+ UseRowSelectRowProps,
44
+ UseRowSelectState,
45
+ // UseRowStateCellProps,
46
+ // UseRowStateInstanceProps,
47
+ // UseRowStateOptions,
48
+ // UseRowStateRowProps,
49
+ // UseRowStateState,
50
+ UseSortByColumnOptions,
51
+ UseSortByColumnProps,
52
+ UseSortByHooks,
53
+ UseSortByInstanceProps,
54
+ UseSortByOptions,
55
+ UseSortByState
56
+ } from 'react-table';
57
57
 
58
- // declare module 'react-table' {
59
- // // take this file as-is, or comment out the sections that don't apply to your plugin configuration
58
+ declare module 'react-table' {
59
+ // take this file as-is, or comment out the sections that don't apply to your plugin configuration
60
60
 
61
- // export interface TableOptions<D extends Record<string, unknown>>
62
- // extends UseExpandedOptions<D>,
63
- // UseFiltersOptions<D>,
64
- // UseGlobalFiltersOptions<D>,
65
- // UseGroupByOptions<D>,
66
- // UsePaginationOptions<D>,
67
- // UseResizeColumnsOptions<D>,
68
- // UseRowSelectOptions<D>,
69
- // UseRowStateOptions<D>,
70
- // UseSortByOptions<D>,
71
- // // note that having Record here allows you to add anything to the options, this matches the spirit of the
72
- // // underlying js library, but might be cleaner if it's replaced by a more specific type that matches your
73
- // // feature set, this is a safe default.
74
- // Record<string, any> {}
61
+ export interface TableOptions<D extends Record<string, unknown>>
62
+ extends UseSortByOptions<D>,
63
+ UseRowSelectOptions<D> {}
75
64
 
76
- // export interface Hooks<D extends Record<string, unknown> = Record<string, unknown>>
77
- // extends UseExpandedHooks<D>,
78
- // UseGroupByHooks<D>,
79
- // UseRowSelectHooks<D>,
80
- // UseSortByHooks<D> {}
65
+ // extends UseExpandedOptions<D>,
66
+ // UseFiltersOptions<D>,
67
+ // UseGlobalFiltersOptions<D>,
68
+ // UseGroupByOptions<D>,
69
+ // UsePaginationOptions<D>,
70
+ // UseResizeColumnsOptions<D>,
71
+ // UseRowSelectOptions<D>,
72
+ // UseRowStateOptions<D>,
73
+ // UseSortByOptions<D>,
74
+ // // note that having Record here allows you to add anything to the options, this matches the spirit of the
75
+ // // underlying js library, but might be cleaner if it's replaced by a more specific type that matches your
76
+ // // feature set, this is a safe default.
77
+ // Record<string, any> {}
81
78
 
82
- // export interface TableInstance<D extends Record<string, unknown> = Record<string, unknown>>
83
- // extends UseColumnOrderInstanceProps<D>,
84
- // UseExpandedInstanceProps<D>,
85
- // UseFiltersInstanceProps<D>,
86
- // UseGlobalFiltersInstanceProps<D>,
87
- // UseGroupByInstanceProps<D>,
88
- // UsePaginationInstanceProps<D>,
89
- // UseRowSelectInstanceProps<D>,
90
- // UseRowStateInstanceProps<D>,
91
- // UseSortByInstanceProps<D> {}
79
+ export interface Hooks<D extends Record<string, unknown> = Record<string, unknown>>
80
+ extends UseSortByHooks<D>,
81
+ UseRowSelectHooks {}
82
+ // extends UseExpandedHooks<D>,
83
+ // UseGroupByHooks<D>,
84
+ // UseRowSelectHooks<D>,
85
+ // UseSortByHooks<D> {}
92
86
 
93
- // export interface TableState<D extends Record<string, unknown> = Record<string, unknown>>
94
- // extends UseColumnOrderState<D>,
95
- // UseExpandedState<D>,
96
- // UseFiltersState<D>,
97
- // UseGlobalFiltersState<D>,
98
- // UseGroupByState<D>,
99
- // UsePaginationState<D>,
100
- // UseResizeColumnsState<D>,
101
- // UseRowSelectState<D>,
102
- // UseRowStateState<D>,
103
- // UseSortByState<D> {}
87
+ export interface TableInstance<D extends Record<string, unknown> = Record<string, unknown>>
88
+ extends UseSortByInstanceProps<D>,
89
+ UseRowSelectInstanceProps<D> {}
90
+ // extends UseColumnOrderInstanceProps<D>,
91
+ // UseExpandedInstanceProps<D>,
92
+ // UseFiltersInstanceProps<D>,
93
+ // UseGlobalFiltersInstanceProps<D>,
94
+ // UseGroupByInstanceProps<D>,
95
+ // UsePaginationInstanceProps<D>,
96
+ // UseRowSelectInstanceProps<D>,
97
+ // UseRowStateInstanceProps<D>,
98
+ // UseSortByInstanceProps<D> {}
104
99
 
105
- // export interface ColumnInterface<D extends Record<string, unknown> = Record<string, unknown>>
106
- // extends UseFiltersColumnOptions<D>,
107
- // UseGlobalFiltersColumnOptions<D>,
108
- // UseGroupByColumnOptions<D>,
109
- // UseResizeColumnsColumnOptions<D>,
110
- // UseSortByColumnOptions<D> {}
100
+ export interface TableState<D extends Record<string, unknown> = Record<string, unknown>>
101
+ extends UseSortByState<D>,
102
+ UseRowSelectState<D> {}
103
+ // extends UseColumnOrderState<D>,
104
+ // UseExpandedState<D>,
105
+ // UseFiltersState<D>,
106
+ // UseGlobalFiltersState<D>,
107
+ // UseGroupByState<D>,
108
+ // UsePaginationState<D>,
109
+ // UseResizeColumnsState<D>,
110
+ // UseRowSelectState<D>,
111
+ // UseRowStateState<D>,
112
+ // UseSortByState<D> {}
111
113
 
112
- // export interface ColumnInstance<D extends Record<string, unknown> = Record<string, unknown>>
113
- // extends UseFiltersColumnProps<D>,
114
- // UseGroupByColumnProps<D>,
115
- // UseResizeColumnsColumnProps<D>,
116
- // UseSortByColumnProps<D> {}
114
+ export interface ColumnInterface<D extends Record<string, unknown> = Record<string, unknown>>
115
+ extends UseSortByColumnOptions<D> {}
116
+ // extends UseFiltersColumnOptions<D>,
117
+ // UseGlobalFiltersColumnOptions<D>,
118
+ // UseGroupByColumnOptions<D>,
119
+ // UseResizeColumnsColumnOptions<D>,
120
+ // UseSortByColumnOptions<D> {}
117
121
 
118
- // export interface Cell<D extends Record<string, unknown> = Record<string, unknown>, V = any>
119
- // extends UseGroupByCellProps<D>,
120
- // UseRowStateCellProps<D> {}
122
+ export interface ColumnInstance<D extends Record<string, unknown> = Record<string, unknown>>
123
+ extends UseSortByColumnProps<D> {}
124
+ // extends UseFiltersColumnProps<D>,
125
+ // UseGroupByColumnProps<D>,
126
+ // UseResizeColumnsColumnProps<D>,
127
+ // UseSortByColumnProps<D> {}
121
128
 
122
- // export interface Row<D extends Record<string, unknown> = Record<string, unknown>>
123
- // extends UseExpandedRowProps<D>,
124
- // UseGroupByRowProps<D>,
125
- // UseRowSelectRowProps<D>,
126
- // UseRowStateRowProps<D> {}
127
- // }
129
+ // export interface Cell<D extends Record<string, unknown> = Record<string, unknown>, V = any>
130
+ // extends UseGroupByCellProps<D>,
131
+ // UseRowStateCellProps<D> {}
132
+
133
+ export interface Row<D extends Record<string, unknown> = Record<string, unknown>>
134
+ extends UseRowSelectRowProps<D> {}
135
+ // extends UseExpandedRowProps<D>,
136
+ // UseGroupByRowProps<D>,
137
+ // UseRowSelectRowProps<D>,
138
+ // UseRowStateRowProps<D> {}
139
+ }
@@ -1 +0,0 @@
1
- (window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[1],{715:function(e,t,a){"use strict";a.d(t,"a",(function(){return n}));var n={Reports:{VIEW_OVERVIEW:"view:overview"}}},716:function(e,t,a){"use strict";a.d(t,"a",(function(){return u}));var n=a(0),r=a.n(n),i=a(741),o=a(740),s=a(13),l=a(63);function c(e,t){return e.appLink.action===t.action}function u(e){var t=s.a.AppLinkHelper.getCurrentAppLink();return r.a.createElement(i.a,{className:"px-0"},r.a.createElement(o.a,null,e.items.map((function(e,a){return r.a.createElement(o.a.Item,{key:a},r.a.createElement(l.a,{appLink:e.appLink,className:"nav-link pl-0 pr-2".concat(c(e,t)?" active":"")},e.label))}))))}},723:function(e,t,a){e.exports={image:"_1YW-E"}},724:function(e,t,a){e.exports={thumbnail:"_3lfBf",sixteenByNine:"_2LqZ8",nineBySixteen:"_136ry",oneByOne:"_2wYLa",twoByThree:"_1eC6Q"}},725:function(e,t,a){e.exports={baseFallbackContainer:"_1wRjB",svgFallbackContainer:"_2t1jq",subjectFallbackContainer:"_12D74",videoFallback:"_6BPy-",subjectFallback:"_2Srdd",playlistFallback:"_1slQX",posterFallback:"i0o8n",fallbackThumbnailImage:"_2L_tV"}},733:function(e,t,a){e.exports={appLink:"_1SFgo",hoverUnderline:"_2iyL0"}},734:function(e,t,a){e.exports={progressBar:"_Cfv-",durationBar:"_15Ohf",baseIndicator:"_3ywpG",leftIndicator:"_2hUic",rightIndicator:"JJuoj"}},735:function(e,t,a){e.exports={progressBar:"_2jpyn",white:"_2vZcf",gray:"_6Tyxi",timepoint:"_3Oh2b"}},736:function(e,t,a){e.exports={videoProgress:"_3BlpQ",clipProgress:"_2GT2x",interactiveProgress:"_3KgYP"}},737:function(e,t,a){e.exports={overlayContainer:"_1MQy4",favouriteContainer:"_2obuZ",favouriteButton:"_1UfdO",title:"Q1km-",downScale:"_2_7sb",gradient:"Of_Cn",playIcon:"B9cJG",videoProgress:"_1EuSH",badgeContainer:"_10TYY",clipProgress:"_3QyHR",interactiveProgress:"_1KUiQ"}},738:function(e,t,a){e.exports={mask:"_3nE2p",video:"KdGwU",playlist:"_1cBmC",maskContainer:"_3si6K"}},739:function(e,t,a){e.exports={titleOverlay:"_1JIh4",titleBelow:"_1OKu_",overlayContainer:"_1BBKk",topRightContainer:"_177-L",cvIcon:"_3osQH",favouriteButton:"_2lJ57",badgeContainer:"_28ZUf",video:"_2hXc3",clip:"_2tA4q",interactive:"_1ngGh",gradient:"_1o4aT"}},743:function(e,t,a){"use strict";a.r(t);var n=a(0),r=a.n(n),i=a(36),o=function(e,t,a,n){return{url:"{gateway}/v1/objects/".concat(e),key:"video:".concat(e),success:t,error:a,always:n}},s=a(35),l=a(86),c=a(138),u=a(715),d=a(87),m=a(716);function p(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 o,s=e[Symbol.iterator]();!(n=(o=s.next()).done)&&(a.push(o.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==s.return||s.return()}finally{if(r)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return v(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 v(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 v(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 g=s.a.encloseNamespace("reports.videoNav");function b(e){var t,a,n,i=p(Object(l.a)(d.a.DATE_RANGE_QUERY_PARAMS),1)[0],o=(t=e.videoId,a=i,n=[t],[{label:g("overview"),appLink:{application:c.a.REPORTS,action:u.a.Reports.VIEW_OVERVIEW,args:n,params:a}},{label:g("engagement"),appLink:{application:c.a.REPORTS,action:"",args:n,params:a}}]);return r.a.createElement(m.a,{items:o})}var f=a(721);function y(e){var t=Object(f.useTable)({columns:e.columns,data:e.data},f.useFlexLayout),a=t.getTableProps,n=t.getTableBodyProps,i=t.headerGroups,o=t.rows,s=t.prepareRow;return r.a.createElement("div",Object.assign({},a(),{className:e.theme.table}),r.a.createElement("div",{className:e.theme.header},i.map((function(t){return r.a.createElement("div",Object.assign({},t.getHeaderGroupProps(),{className:e.theme.headerRow}),t.headers.map((function(t){return r.a.createElement("div",Object.assign({},t.getHeaderProps(),{className:e.theme.headerCell}),t.render("Header"))})))}))),r.a.createElement("div",Object.assign({},n(),{className:e.theme.body}),o.map((function(t){return s(t),r.a.createElement("div",Object.assign({},t.getRowProps(),{className:e.theme.row}),t.cells.map((function(t){return r.a.createElement("div",Object.assign({},t.getCellProps(),{className:e.theme.cell}),t.render("Cell"))})))}))))}y.defaultProps={theme:{}};var h,E=a(34),w=a(62);!function(e){e[e.Below=1]="Below",e[e.Overlay=2]="Overlay",e[e.Independent=3]="Independent"}(h||(h={}));const N={mobileDevice:/Mobi/i,iphone:/iphone/i,ipad:/ipad/i,android:/android/i,blackberry:/blackberry/i,windowsPhone:/windows phone/i,iosVersion:/OS\s+([\d_.-:]+)\s/i,androidVersion:/android\s+([\d_.-\/]+)[\s;:,\)]/i,blackberryVersion:/(blackberry|version)\s?\d*\/([\d.]+)/i,windowsPhoneVersion:/windows\sphone.*?([\d_.-\/]+)[\s;:,\)]/i,mac:/Mac/i,unix:/X11/i,linux:/Linux/i,windows:/Win/i,win2000:/nt 5.0/i,winXP:/nt 5.1/i,winVista:/nt 6.0/i,win7:/nt 6.1/i,win8:/nt 6.2/i,win81:/nt 6.3/i,win10:/nt 10.0/i,osxVersion:/OS\sX\s([\d_.]+)/i,chrome:/^(?!.*Edge).*Chrome/i,safari:/^(?!.*(?:Chrome|Edge)).*Safari/i,edge:/edge/i,ie:/(msie|trident)/i,opera:/(opr|opera)/i,firefox:/firefox/i,generalVersion:/(chrome|firefox|version)\/(\d+.*?)(\s|$)/i,operaVersion:/(opr|opera)\/(\d+).*?(\s|$)/i,ieVersion:/MSIE\s+(\d+).*?/i,edgeVersion:/(edge)\/(\d+).*?(\s|$)/i,tablet:/(tablet|ipad|playbook|silk)|(android(?!.*mobi))/i,mobile:/Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Kindle|Silk-Accelerated|(hpw|web)OS|Opera M(obi|ini)/};function k(e,t,a){const n=t.exec(a)||[];let[r]=n;return r||(r="Unknown"),{browser:e,version:r}}function O(e,t,a){if(!t)return{os:e,version:"Unknown"};const n=t.exec(a);return{os:e,version:n&&n.length?n[0].trim():"Unknown"}}const C={getDeviceType(){const e=window.navigator.userAgent;return N.mobileDevice.test(e)?N.iphone.test(e)?"iPhone":N.ipad.test(e)?"iPad":N.android.test(e)?"Android":N.blackberry.test(e)?"Blackberry":N.windowsPhone.test(e)?"Windows Phone":"Unknown":"Desktop"},getOperatingSystem(){const e=window.navigator.userAgent;return N.android.test(e)?O("Android",N.androidVersion,e):N.iphone.test(e)||N.ipad.test(e)?O("iOS",N.iosVersion,e):N.linux.test(e)?O("Linux",null,e):N.unix.test(e)?O("Unix",null,e):N.mac.test(e)?O("Macintosh",N.osxVersion,e):N.windows.test(e)?function(e,t){const a={os:e};return N.win2000.test(t)&&(a.version="2000"),N.winXP.test(t)&&(a.version="XP"),N.winVista.test(t)&&(a.version="Vista"),N.win7.test(t)&&(a.version="7"),N.win8.test(t)&&(a.version="8"),N.win81.test(t)&&(a.version="8.1"),N.win10.test(t)&&(a.version="10"),a.version||(a.version="Unknown"),a}("Windows",e):N.blackberry.test(e)?O("BlackBerry",N.blackberryVersion,e):N.windowsPhone.test(e)?O("Windows Phone",N.windowsPhoneVersion,e):{os:"Unknown",version:"Unknown"}},getBrowser(){const e=window.navigator.userAgent;return N.chrome.test(e)?k("Chrome",N.generalVersion,e):N.firefox.test(e)?k("Firefox",N.generalVersion,e):N.safari.test(e)?k("Safari",N.generalVersion,e):N.ie.test(e)?k("Internet Explorer",N.ieVersion,e):N.edge.test(e)?k("Edge",N.edgeVersion,e):N.opera.test(e)?k("Opera",N.operaVersion,e):{browser:"Unknown",version:"Unknown"}},isTouchScreen:()=>!(!("ontouchstart"in window)&&!navigator.maxTouchPoints),isTabletOrMobile:()=>!!C.isTouchScreen()&&(N.tablet.test(navigator.userAgent)||N.mobile.test(navigator.userAgent))};var x=a(21),P=a(46),S=a(27),T=a(28),_=a(49);function B(e){return function(e){const t=_.a.getInstance(e);return n.useEffect(()=>()=>_.a.releaseInstance(e)),t}(e)}var j=a(61),F=a(89);var I=a(106);const V={isFavouritedByCurrentUser(e){var t;return!(1!==(null===(t=null==e?void 0:e.favouritedBy)||void 0===t?void 0:t.data.length))},isFavouritedByUser(e,t){var a;return!!I.a.findWhere(null===(a=null==e?void 0:e.favouritedBy)||void 0===a?void 0:a.data,{id:null==t?void 0:t.id})},canFavourite(e){var t;return!(!(null==e?void 0:e.favouritedBy)||!Array.isArray(null===(t=null==e?void 0:e.favouritedBy)||void 0===t?void 0:t.data))},updateVideoState:(e,t,a)=>({id:e.id,favouritedBy:{data:a?[{id:t.id}]:[],pagination:{limit:25,cursors:{next:"",previous:""}}}})},L=s.a.encloseNamespace("shared.favouriteButton");function U(e){const t=function(){const e=B(F.a.ALERT);return{success(t){e.success(t)()},error(t){e.error(t)()},warning(t){e.createAlert({type:j.a.Warning,heading:j.c.Warning,message:t})}}}(),a=V.canFavourite(e.video),r=V.isFavouritedByCurrentUser(e.video),[i,o]=n.useState(r);n.useEffect(()=>{o(r)},[r]);let s="cursor-pointer text"+(i?"-danger":"-dark");return e.className&&(s+=" "+e.className),a&&P.a.isFunction(e.setFavourite)?n.createElement("div",{className:s,onClick:function(){const a=!i;o(a),e.setFavourite(e.video,a,null,(function(){t.error(L(a?"favouriteError":"unfavouriteError")),o(!a)}))}},n.createElement(T.a,{svgName:i?S.b.Heart:S.b.HeartOutline,size:T.b.Small})):n.createElement(n.Fragment,null)}var R=a(40),D=a(742);var A=a(723),M=a.n(A),W=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};const Y=n.memo((function(e){var{forceLoad:t,extraClasses:a=""}=e,r=W(e,["forceLoad","extraClasses"]);const{ref:i,inView:o}=function(e){let[t,a]=D.a({triggerOnce:!0});return!0!==e&&void 0!==window.IntersectionObserver||(a=!0,t=null),{ref:t,inView:a}}();if(!i)return n.createElement("img",Object.assign({className:`${M.a.image} ${a}`,alt:""},r));const{src:s}=r,l=W(r,["src"]),c=Object.assign(Object.assign({alt:""},l),o||t?{src:s}:{});return t||(c.ref=i),n.createElement("img",Object.assign({className:`${M.a.image} ${a}`},c))}));var H,G=a(63),Q=a(520),Z=a(13);!function(e){e.Banner="banner",e.Thumbnail="thumbnail"}(H||(H={}));const J={[w.b.Banners]:H.Banner,[w.b.Thumbnails]:H.Thumbnail},K=e=>"/v1/category-map/"+e,X={createUrl:(e,t)=>X._createUrl(e,t),createBannerUrl:(e,t,a)=>e&&e.url?X._createUrl(e.url,a):X._createCategoryMappedUrl(t,a),createResourceImage:(e,t,a)=>X._createUrl(e,Object.assign({url:t},a)),Rfc3986EncodeURIComponent:e=>encodeURIComponent(e).replace(/[!'()*]/g,escape),_createCategoryMappedUrl(e,t){const{fallbackBaseUrl:a,fallbackCategoryName:n,type:r}=e,i=Q.a.safeUrlConcat(a,""+K(J[r])),o=Object.assign({name:X.Rfc3986EncodeURIComponent(n)},t);return X._createUrl(i,o)},_createUrl(e,t){if(!e)return;if(R.a.isEmpty(t))return e;const a=$.param(t),n=-1===e.indexOf("?")?"?":"&";let r=e;return r.endsWith("/")&&(r=r.slice(0,-1)),r+`${n}${a}`},legacyCreateThumbnailUrl(e,t){if(!e)return"";let a;if(!e)return;if(a=e instanceof Z.a.Model?e.get("url"):"string"==typeof e?e:e.url,!a)return;const n=Object.assign({size:w.a.Small,bgColor:"000"},t);return X._createUrl(a,n)}};var z,q=a(724),ee=a.n(q);function te(e){let t="thumbnail "+ee.a.thumbnail,a="";return e.aspectRatio===z.SixteenByNine&&(a=ee.a.sixteenByNine),e.aspectRatio===z.NineBySixteen&&(a=ee.a.nineBySixteen),e.aspectRatio===z.OneByOne&&(a=ee.a.oneByOne),e.aspectRatio===z.TwoByThree&&(a=ee.a.twoByThree),a&&(t+=" "+a),e.className&&(t+=" "+e.className),t}function ae(e){const{data:t,imageOptions:a,appLink:r,preload:i,analyticsOptions:o,analyticsData:s,imageClassName:l}=e;let c="";"string"==typeof t?c=t:R.a.isObject(t)&&(c=t.url);const u=c&&a?X.createUrl(c,a):c;return n.createElement("div",{className:te(e),style:e.imageStyle},r?n.createElement(G.a,{appLink:r,analyticsData:s,analyticsOptions:o},e.children,u&&n.createElement(Y,{src:u,forceLoad:i,extraClasses:l,onError:e.onImageLoadError||(()=>{})})):n.createElement(n.Fragment,null,e.children,u&&n.createElement(Y,{src:u,forceLoad:i,extraClasses:l,onError:e.onImageLoadError||(()=>{})})))}!function(e){e[e.SixteenByNine=0]="SixteenByNine",e[e.OneByOne=1]="OneByOne",e[e.TwoByThree=2]="TwoByThree",e[e.NineBySixteen=3]="NineBySixteen"}(z||(z={}));var ne,re,ie=a(725),oe=a.n(ie);function se(e){const{type:t,mediaType:a,extraClasses:r}=e,i=function(e){return e===ne.Video?oe.a.videoFallback:e===ne.Playlist?oe.a.playlistFallback:e===ne.Series||e===ne.TallSubject?oe.a.posterFallback:e===ne.Subject?oe.a.subjectFallback+" svg-container d-inline-block":""}(t),o=function(e){return e===ne.Video?S.b.Play:e===ne.Playlist?S.b.Playlist:e===ne.Series?S.b.Series:e===ne.Subject||e===ne.TallSubject?S.b.Subject:""}(t),s=function(e){return e===ne.Subject?T.b.ExtraLarge:T.b.Standard}(t);let l=""+function(e,t){return t===ne.Subject?oe.a.subjectFallbackContainer:e===re.Svg?t===ne.Video?oe.a.svgFallbackContainer+" rounded-lg":oe.a.svgFallbackContainer:oe.a.baseFallbackContainer}(a,t);return r&&(l+=" "+e.extraClasses),n.createElement("div",{className:l},a===re.Svg?n.createElement(T.a,{svgName:o,className:i,tagName:"div",size:s}):n.createElement("div",{className:oe.a.fallbackThumbnailImage,style:{backgroundImage:`url('${o}')`}}))}!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"}(ne||(ne={})),function(e){e[e.Svg=0]="Svg",e[e.Image=1]="Image"}(re||(re={})),se.defaultProps={mediaType:re.Svg};var le=a(2),ce=a(726),ue=a.n(ce);const de=/&/g,me=/[\W]+/g,pe=/\s+/g,ve={className:"info-link"},ge={escapeExpression:e=>window.Handlebars.escapeExpression(e),escapeRegExp:e=>e.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&"),slugify(e){if(e)return e.toLowerCase().replace(de,"and").replace(me," ").trim().replace(pe,"-").substr(0,80)},linkifyText(e,t){if(!e)return;const a=t?le.extend({},ve,t):ve;return ue()(e,a)},isEqual:(e,t)=>!!e&&!!t&&e.toString()===t.toString(),toTitleCase:e=>e.split(" ").map(e=>(e[0]?e[0].toUpperCase():"")+(e.substr(1)?e.substr(1).toLowerCase():"")).join(" ")},be={padNumber(e,t){let a=e.toString();if(a.length>=t)return a;for(t-=a.length;t>0;)a="0"+a,t--;return a}};var fe,ye,he=a(165),Ee=a(733),we=a.n(Ee);function Ne(e){const{video:t}=e,{season:a}=t;if(!t.episodeNumber||!a)return n.createElement(n.Fragment,null);const r=be.padNumber(a.number,2),i=be.padNumber(t.episodeNumber,2);return n.createElement("span",{className:"d-inline-block "+(e.appLink?we.a.hoverUnderline:"")},e.withSeriesTitle&&n.createElement(n.Fragment,null," "),!!r&&`S${r} • `,"E",i)}function ke(e){const{appLink:t,video:a,className:r=""}=e,i=null==a?void 0:a.series;if(!i||!i.id)return n.createElement(n.Fragment,null);const o=t&&Object.assign(Object.assign({},t),{args:[i.id,ge.slugify(i.name)]}),s=Object.assign(Object.assign({},e.analyticsData),{id:null==i?void 0:i.id,name:null==i?void 0:i.name,videoId:null==a?void 0:a.id,videoName:null==a?void 0:a.name}),l=Object.assign(Object.assign({},e.analyticsOptions),{entity:he.b.Series,actionType:he.h.Click,descriptor:he.a.Title});return o?n.createElement("div",null,n.createElement(G.a,{appLink:o,className:`text-uppercase d-inline-block ${we.a.appLink} ${r}`,analyticsData:s,analyticsOptions:l},i.name,n.createElement(Ne,Object.assign({},e,{withSeriesTitle:!0})))):n.createElement("span",{className:`text-uppercase ${we.a.appLink} ${r}`},i.name,n.createElement(Ne,Object.assign({},e,{withSeriesTitle:!0})))}function Oe(e){let t="d-flex align-items-center badge-list";return e.className&&(t+=" "+e.className),n.createElement("div",{className:t},e.children)}!function(e){e.Folder="category",e.CategoryTree="category_tree",e.CustomLibrary="custom_library",e.HostedLibrary="hosted_library",e.Exchange="exchange",e.Workspace="workspace"}(fe||(fe={})),function(e){e.Pdf="pdf",e.Image="image",e.PowerPoint="powerpoint",e.Document="document",e.Excel="excel",e.Zip="archive",e.File="text"}(ye||(ye={}));const Ce="shared.shared-utils",xe={mapRatingToClass(e){if(!e)return"";return(e=>{switch(!0){case e<32:return"bg-purple";case e<48:return"bg-green";case e<80:return"bg-info";case e<96:return"bg-red";case e<128:return"bg-pink";case e>=128:return"bg-yellow";default:return""}})(e)},mapSourceToDisplayName(e){switch(e.type){case fe.HostedLibrary:case fe.CustomLibrary:return e.name;case fe.Exchange:return s.a.getPhrase(Ce,"exchange");case fe.Workspace:return s.a.getPhrase(Ce,"workspace");default:return""}},mapSourceToClass(e){switch(e){case fe.HostedLibrary:case fe.CustomLibrary:return"bg-info";case fe.Exchange:return"bg-green";case fe.Workspace:default:return"bg-red"}},isInteractive(e){var t,a;return!!(null===(a=null===(t=null==e?void 0:e.interactives)||void 0===t?void 0:t.data)||void 0===a?void 0:a.length)},mapTypeToSvg(e){let t={[ye.Pdf]:S.b.FilePDF,[ye.Image]:S.b.FileImg,[ye.PowerPoint]:S.b.FilePowerpoint,[ye.Document]:S.b.FileWord,[ye.Excel]:S.b.FileExcel,[ye.Zip]:S.b.FileZip,[ye.File]:S.b.File}[e];return t||(t=S.b.Folder),t},mapTypeToClass(e){switch(e){case ye.Pdf:return"icon-red";case ye.Image:return"icon-purple";case ye.Document:return"icon-blue";case ye.Excel:return"icon-green";case ye.PowerPoint:return"icon-orange";case ye.Zip:return"icon-teal";case ye.File:return"icon-gray";default:return""}},mapTypeToExtension(e){if(!e)return"";return{pdf:"pdf",image:"png",powerpoint:"pptx"}[e.toLowerCase()]},mapTypeToName(e){if(!e)return"";switch(e){case ye.Pdf:return s.a.getPhrase(Ce,"pdf");case ye.Image:return s.a.getPhrase(Ce,"image");case ye.Document:return s.a.getPhrase(Ce,"document");case ye.Excel:return s.a.getPhrase(Ce,"spreadsheet");case ye.PowerPoint:return s.a.getPhrase(Ce,"presentation");case ye.Zip:return s.a.getPhrase(Ce,"zipArchive");case ye.File:return s.a.getPhrase(Ce,"file");default:return""}}},Pe=(e,t,a)=>{const n=t-(e=e.toString()).length;return n<=0?e:new Array(n+1).join(a)+e},Se={ToDisplayDuration(e){if(!le.isNumber(e))return"";const t=new Date(e),a=t.getUTCHours(),n=Pe(t.getUTCMinutes(),2,"0"),r=Pe(t.getUTCSeconds(),2,"0");return a>0?`${a}:${n}:${r}`:`${n}:${r}`}};var Te=a(90);const _e=s.a.encloseNamespace("shared.badges");var Be;function je(e){const{type:t,data:a}=e;if(!function(e,t){var a,n,r;return e===Be.Rating?t&&!!t.value:e===Be.Resources?!!(null==t?void 0:t.length)||!!(null===(a=null==t?void 0:t.data)||void 0===a?void 0:a.length):e===Be.Interactive&&Array.isArray(t)?!!(null==t?void 0:t.length)||!!(null===(n=null==t?void 0:t.data)||void 0===n?void 0:n.length):e===Be.Captions&&Array.isArray(t)?!!(null==t?void 0:t.length)||!!(null===(r=null==t?void 0:t.data)||void 0===r?void 0:r.length):!!t}(t,a))return n.createElement(n.Fragment,null);const r=function(e,t){let a="";return e===Be.Duration&&(a="duration-badge"),e===Be.Interactive&&(a="interactive-badge"),e===Be.Rating&&(a="rating-badge "+xe.mapRatingToClass(t.value)),e===Be.ProductionYear&&(a="production-year-badge"),e===Be.Resources&&(a="resources-badge"),e===Be.Captions?"p-0":"badge "+a}(t,a),i=function(e,t){return e===Be.Interactive?_e("interactive"):e===Be.Duration?Se.ToDisplayDuration(t):e===Be.Rating?t.code:e===Be.ProductionYear?t:e===Be.Resources?_e("resources"):e===Be.Captions?n.createElement(T.a,{svgName:S.b.CloseCaptionBadge}):void 0}(t,a),o=function(e,t){return e===Be.Rating?{title:t.name,placement:"top"}:null}(t,a);return o?n.createElement("span",{className:"badge-wrapper"},n.createElement(Te.a,Object.assign({},o),n.createElement("span",{className:r+" d-flex justify-content-center"},i))):n.createElement("span",{className:r+" badge-wrapper"},i)}!function(e){e.Duration="duration",e.Interactive="interactive",e.Rating="rating",e.ProductionYear="production-year",e.Resources="resources",e.Captions="captions"}(Be||(Be={}));var Fe=a(111);function Ie(e){const t=Fe.a.getVideoProgress(e.video),a=t&&e.video.duration&&t/e.video.duration*1e5;return a?n.createElement("div",{className:"bg-primary h-100",style:{width:a+"%"}}):n.createElement(n.Fragment,null)}var Ve=a(734),Le=a.n(Ve);function Ue({clip:e}){if(!e.video)return n.createElement(n.Fragment,null);const t=e.endTime-e.startTime,a=Math.floor(e.video.duration/1e3),r=e.startTime/a*100,i=t/a*100;return n.createElement("div",{className:"position-relative h-100"},n.createElement("div",{className:Le.a.progressBar},n.createElement("div",{className:""+Le.a.durationBar,style:{width:i+"%",left:r+"%"}},n.createElement("div",{className:"position-relative h-100"},n.createElement("div",{className:"bg-info "+Le.a.leftIndicator}),n.createElement("div",{className:"bg-info "+Le.a.rightIndicator})))))}var Re=a(735),De=a.n(Re);function Ae(e){return n.createElement("div",{className:"position-relative h-100"},n.createElement("div",{className:`${De.a.progressBar} ${"white"===e.color?De.a.white:De.a.gray}`},n.createElement("div",{className:"bg-blue "+De.a.timepoint,style:{left:"10%"}}),n.createElement("div",{className:"bg-purple "+De.a.timepoint,style:{left:"20%"}}),n.createElement("div",{className:"bg-orange "+De.a.timepoint,style:{left:"25%"}}),n.createElement("div",{className:"bg-indigo "+De.a.timepoint,style:{left:"55%"}}),n.createElement("div",{className:"bg-green "+De.a.timepoint,style:{left:"70%"}})))}Ae.defaultProps={color:"white"};var $e=a(736),Me=a.n($e);function We(e){return Fe.a.isVideo(e.video)?r.a.createElement("div",{className:Me.a.videoProgress},r.a.createElement(Ie,{video:e.video})):Fe.a.isClip(e.video)?r.a.createElement("div",{className:Me.a.clipProgress},r.a.createElement(Ue,{clip:e.video})):Fe.a.isInteractive(e.video)?r.a.createElement("div",{className:Me.a.interactiveProgress},r.a.createElement(Ae,null)):void 0}var Ye=a(737),He=a.n(Ye);function Ge(e){var t;const{video:a,appLink:n,imageOptions:i,setFavourite:o,preload:s,hovering:l}=e,c=Object.assign(Object.assign({},e.analyticsData),{id:null==a?void 0:a.id,name:null==a?void 0:a.name}),u=Object.assign(Object.assign({},e.analyticsOptions),{entity:x.EntityType.Video,actionType:x.UserAction.Click,descriptor:x.ClickDescriptor.Thumbnail});return r.a.createElement("div",{className:"position-relative rounded overflow-hidden"},!e.hideFavouriteButton&&(C.isTabletOrMobile()||l||V.isFavouritedByCurrentUser(e.video))&&r.a.createElement("div",{className:He.a.favouriteContainer},r.a.createElement(U,{setFavourite:o,video:a,className:"rounded-circle p-1 "+He.a.favouriteButton})),r.a.createElement(ae,{data:Fe.a.getThumbnail(a),appLink:n,aspectRatio:z.SixteenByNine,imageOptions:i,preload:s,className:He.a.gradient,analyticsData:c,analyticsOptions:u},l&&r.a.createElement(T.a,{className:He.a.playIcon,svgName:S.b.PlayCircle}),r.a.createElement(se,{type:ne.Video}),r.a.createElement("div",{className:He.a.overlayContainer},r.a.createElement("div",{className:`${He.a.title} ${l?He.a.downScale:""}`},Fe.a.isVideo(a)&&Fe.a.hasSeries(a)&&r.a.createElement(ke,{className:"text-shadow clamp-1",video:a,appLink:null}),r.a.createElement("span",{className:"h6 text-reset text-shadow clamp-1 mb-0"},a.name),r.a.createElement(We,{video:a}),l&&r.a.createElement(Oe,{className:"align-items-center mb-n1 mt-1"},r.a.createElement(je,{type:Be.Duration,data:Fe.a.isClip(a)?1e3*(a.endTime-a.startTime):a.duration}),Fe.a.isVideo(a)&&r.a.createElement(je,{type:Be.Rating,data:a.rating}),Fe.a.isVideo(a)&&r.a.createElement(r.a.Fragment,null,a.hasSubtitle&&r.a.createElement("span",{className:"badge p-0"},r.a.createElement(T.a,{svgName:S.b.CloseCaptionBadge})),r.a.createElement(je,{type:Be.Interactive,data:(null===(t=a._hasInteractives)||void 0===t?void 0:t.value)||a.hasInteractives})))))))}var Qe,Ze=a(738),Je=a.n(Ze);function Ke(e){const{type:t}=e,a=function(e){return e===Qe.Video?Je.a.video:e===Qe.Playlist?Je.a.playlist:""}(t),r=function(e){return e===Qe.Video?S.b.PlayCircle:e===Qe.Playlist?S.b.AddToPlaylists:""}(t);return n.createElement("div",{className:Je.a.maskContainer},n.createElement("div",{className:Je.a.mask}),n.createElement(T.a,{svgName:r,className:a}))}!function(e){e[e.Video=0]="Video",e[e.Playlist=1]="Playlist",e[e.Series=2]="Series"}(Qe||(Qe={}));var Xe=a(739),ze=a.n(Xe);function qe(){return r.a.createElement("svg",{viewBox:"0 0 41 70"},r.a.createElement("g",null,r.a.createElement("path",{fill:"#F8981D",d:"M 0 0 41 35 0 70z"})))}function et(e){return Fe.a.isVideo(e)?`${ze.a.badgeContainer} ${ze.a.video}`:Fe.a.isClip(e)?`${ze.a.badgeContainer} ${ze.a.clip}`:Fe.a.isInteractive(e)?`${ze.a.badgeContainer} ${ze.a.interactive}`:void 0}function tt(e){const{video:t,seriesAppLink:a,textPosition:n,appLink:i}=e,o=n===h.Overlay,s=o?ze.a.titleOverlay:ze.a.titleBelow;return r.a.createElement("div",{className:s},Fe.a.isVideo(t)&&Fe.a.hasSeries(t)&&r.a.createElement(ke,{className:o?"text-shadow clamp-1":"clamp-2",video:t,appLink:o?null:a}),o?r.a.createElement("span",{className:"h6 text-reset text-shadow clamp-1 mb-0"},t.name):r.a.createElement(G.a,{className:"h6 text-reset clamp-2 mb-0",appLink:i},t.name))}function at(e){const{video:t,appLink:a,textPosition:n,imageOptions:i,setFavourite:o,preload:s}=e;let l="position-relative";a&&(l+=" cursor-pointer"),e.extraClasses&&(l+=" "+e.extraClasses),n===h.Overlay&&(l+=" rounded overflow-hidden");let c="rounded-lg overflow-hidden";return n===h.Overlay&&(c+=" "+ze.a.gradient),r.a.createElement("div",{className:l},!e.hideFavouriteButton&&r.a.createElement("div",{className:ze.a.topRightContainer},r.a.createElement(U,{setFavourite:o,video:t,className:"rounded-circle p-1 "+ze.a.favouriteButton})),e.hideFavouriteButton&&e.showClickViewIcon&&r.a.createElement("div",{className:`${ze.a.topRightContainer} d-flex svg-container bg-white rounded-circle ${ze.a.cvIcon}`},r.a.createElement(qe,null)),r.a.createElement(ae,{data:Fe.a.getThumbnail(t),appLink:a,aspectRatio:z.SixteenByNine,imageOptions:i,preload:s,className:c,analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:null==t?void 0:t.id,name:null==t?void 0:t.name}),analyticsOptions:function(){let a=x.EntityType.Video;return Fe.a.isInteractive(t)?a=x.EntityType.Interactive:Fe.a.isClip(t)&&(a=x.EntityType.Clip),Object.assign(Object.assign({},e.analyticsOptions),{entity:a,actionType:x.UserAction.Click,descriptor:x.ClickDescriptor.Thumbnail})}()},!!a&&!e.hideMask&&r.a.createElement(Ke,{type:Qe.Video}),r.a.createElement(se,{type:ne.Video}),r.a.createElement("div",{className:ze.a.overlayContainer},n===h.Overlay&&r.a.createElement(tt,Object.assign({},e)),r.a.createElement(We,{video:t}),r.a.createElement(Oe,{className:et(e.video)},r.a.createElement(je,{type:Be.Duration,data:Fe.a.getDuration(e.video)})))),n===h.Below&&r.a.createElement(tt,Object.assign({},e)))}function nt(e){return"expandable"===e.type?n.createElement(Ge,Object.assign({},e)):n.createElement(at,Object.assign({},e))}var rt=a(338),it={header:"border rounded font-weight-bold py-2",cell:"p-2"};function ot(e){var t,a,n,s,l,c=i.a.useBasicFetch(o(e.id)),u=(a=e.id,n=i.a.useBasicFetch({url:"{gateway}/v1/objects/".concat(a,"/interactives"),key:"video:".concat(a,"/interactives")}),s=r.a.useMemo((function(){return[{Cell:function(e){var t=e.row.original;return r.a.createElement(nt,{video:Object.assign(Object.assign({},t),{thumbnail:{url:"https://image.api.stg.cvnet.io/v2/thumbnails/GxWn2Y"}}),appLink:null,type:"static",imageOptions:{size:w.a.Small},textPosition:h.Independent,preload:!0,analyticsOptions:{location:""}})},accessor:"thumbnail"},{Header:"Title",accessor:"name"},{Header:"Date shared",accessor:"dateCreated",Cell:function(e){var t=e.value;return t?E.a.format(new Date(t),"DD-MM-YYYY"):""}},{Header:"Last viewed",accessor:"dateModified",Cell:function(e){var t=e.value;return t?E.a.format(new Date(t),"DD-MM-YYYY"):""}},{Cell:function(){return r.a.createElement("div",{className:"d-flex justify-content-end"},r.a.createElement(rt.a,{actions:[{label:"Watch video",onClick:function(){return window.open("https://www.youtube.com/watch?v=ykAk383b9rk")}}]}))},accessor:null,id:"actions"}]}),[]),l=r.a.useMemo((function(){return n.data?n.data.data:null}),[!!n.data]),n.data?{columns:s,data:l,theme:it}:null);return r.a.createElement("div",{className:"p-3"},r.a.createElement("h1",null,null===(t=c.data)||void 0===t?void 0:t.name),r.a.createElement(b,{videoId:e.id}),!!u&&r.a.createElement(y,{columns:u.columns,data:u.data,theme:u.theme}))}a.d(t,"VideoOverviewView",(function(){return ot}))}}]);