@clickview/lite 0.0.20-rc.1 → 0.0.20
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/dist/scripts/{bundle-df3f2fe30a.min.js → bundle-0a051d30d1.min.js} +1 -1
- package/dist/scripts/bundles.json +1 -1
- package/package.json +1 -1
- package/dist/css/0.chunk.css.map +0 -1
- package/dist/css/1.chunk.css +0 -146
- package/dist/css/1.chunk.css.map +0 -1
- package/dist/css/11.chunk.css.map +0 -1
- package/dist/css/12.chunk.css.map +0 -1
- package/dist/css/13.chunk.css.map +0 -1
- package/dist/css/14.chunk.css.map +0 -1
- package/dist/css/15.chunk.css.map +0 -1
- package/dist/css/16.chunk.css.map +0 -1
- package/dist/css/17.chunk.css.map +0 -1
- package/dist/css/18.chunk.css.map +0 -1
- package/dist/css/19.chunk.css.map +0 -1
- package/dist/css/21.chunk.css.map +0 -1
- package/dist/css/22.chunk.css.map +0 -1
- package/dist/css/23.chunk.css.map +0 -1
- package/dist/css/24.chunk.css.map +0 -1
- package/dist/css/25.chunk.css.map +0 -1
- package/dist/css/26.chunk.css.map +0 -1
- package/dist/css/27.chunk.css.map +0 -1
- package/dist/css/28.chunk.css.map +0 -1
- package/dist/css/29.chunk.css.map +0 -1
- package/dist/css/3.chunk.css.map +0 -1
- package/dist/css/30.chunk.css +0 -32
- package/dist/css/30.chunk.css.map +0 -1
- package/dist/css/31.chunk.css.map +0 -1
- package/dist/css/32.chunk.css +0 -6
- package/dist/css/32.chunk.css.map +0 -1
- package/dist/css/33.chunk.css +0 -5
- package/dist/css/33.chunk.css.map +0 -1
- package/dist/css/34.chunk.css.map +0 -1
- package/dist/css/36.chunk.css +0 -6
- package/dist/css/36.chunk.css.map +0 -1
- package/dist/css/37.chunk.css +0 -7
- package/dist/css/37.chunk.css.map +0 -1
- package/dist/css/38.chunk.css.map +0 -1
- package/dist/css/41.chunk.css +0 -38
- package/dist/css/41.chunk.css.map +0 -1
- package/dist/css/5.chunk.css.map +0 -1
- package/dist/css/51.chunk.css +0 -9
- package/dist/css/51.chunk.css.map +0 -1
- package/dist/css/6.chunk.css.map +0 -1
- package/dist/css/7.chunk.css +0 -66
- package/dist/css/7.chunk.css.map +0 -1
- package/dist/css/lite-app.css.map +0 -1
- package/dist/projects/lite/src/polyfills.d.ts +0 -2
- package/dist/scripts/0.chunk.js +0 -308
- package/dist/scripts/0.chunk.js.map +0 -1
- package/dist/scripts/1.chunk.js +0 -623
- package/dist/scripts/1.chunk.js.map +0 -1
- package/dist/scripts/10.chunk.js +0 -530
- package/dist/scripts/10.chunk.js.map +0 -1
- package/dist/scripts/11.chunk.js +0 -380
- package/dist/scripts/11.chunk.js.map +0 -1
- package/dist/scripts/12.chunk.js +0 -434
- package/dist/scripts/12.chunk.js.map +0 -1
- package/dist/scripts/13.chunk.js +0 -1287
- package/dist/scripts/13.chunk.js.map +0 -1
- package/dist/scripts/14.chunk.js +0 -575
- package/dist/scripts/14.chunk.js.map +0 -1
- package/dist/scripts/15.chunk.js +0 -806
- package/dist/scripts/15.chunk.js.map +0 -1
- package/dist/scripts/16.chunk.js +0 -482
- package/dist/scripts/16.chunk.js.map +0 -1
- package/dist/scripts/17.chunk.js +0 -428
- package/dist/scripts/17.chunk.js.map +0 -1
- package/dist/scripts/18.chunk.js +0 -766
- package/dist/scripts/18.chunk.js.map +0 -1
- package/dist/scripts/19.chunk.js +0 -647
- package/dist/scripts/19.chunk.js.map +0 -1
- package/dist/scripts/2.chunk.js +0 -18882
- package/dist/scripts/2.chunk.js.map +0 -1
- package/dist/scripts/20.chunk.js +0 -212
- package/dist/scripts/20.chunk.js.map +0 -1
- package/dist/scripts/21.chunk.js +0 -1591
- package/dist/scripts/21.chunk.js.map +0 -1
- package/dist/scripts/22.chunk.js +0 -1348
- package/dist/scripts/22.chunk.js.map +0 -1
- package/dist/scripts/23.chunk.js +0 -1181
- package/dist/scripts/23.chunk.js.map +0 -1
- package/dist/scripts/24.chunk.js +0 -1141
- package/dist/scripts/24.chunk.js.map +0 -1
- package/dist/scripts/25.chunk.js +0 -907
- package/dist/scripts/25.chunk.js.map +0 -1
- package/dist/scripts/26.chunk.js +0 -979
- package/dist/scripts/26.chunk.js.map +0 -1
- package/dist/scripts/27.chunk.js +0 -655
- package/dist/scripts/27.chunk.js.map +0 -1
- package/dist/scripts/28.chunk.js +0 -615
- package/dist/scripts/28.chunk.js.map +0 -1
- package/dist/scripts/29.chunk.js +0 -622
- package/dist/scripts/29.chunk.js.map +0 -1
- package/dist/scripts/3.chunk.js +0 -809
- package/dist/scripts/3.chunk.js.map +0 -1
- package/dist/scripts/30.chunk.js +0 -468
- package/dist/scripts/30.chunk.js.map +0 -1
- package/dist/scripts/31.chunk.js +0 -441
- package/dist/scripts/31.chunk.js.map +0 -1
- package/dist/scripts/32.chunk.js +0 -509
- package/dist/scripts/32.chunk.js.map +0 -1
- package/dist/scripts/33.chunk.js +0 -957
- package/dist/scripts/33.chunk.js.map +0 -1
- package/dist/scripts/34.chunk.js +0 -502
- package/dist/scripts/34.chunk.js.map +0 -1
- package/dist/scripts/35.chunk.js +0 -938
- package/dist/scripts/35.chunk.js.map +0 -1
- package/dist/scripts/36.chunk.js +0 -537
- package/dist/scripts/36.chunk.js.map +0 -1
- package/dist/scripts/37.chunk.js +0 -414
- package/dist/scripts/37.chunk.js.map +0 -1
- package/dist/scripts/38.chunk.js +0 -245
- package/dist/scripts/38.chunk.js.map +0 -1
- package/dist/scripts/39.chunk.js +0 -337
- package/dist/scripts/39.chunk.js.map +0 -1
- package/dist/scripts/4.chunk.js +0 -402
- package/dist/scripts/4.chunk.js.map +0 -1
- package/dist/scripts/40.chunk.js +0 -350
- package/dist/scripts/40.chunk.js.map +0 -1
- package/dist/scripts/41.chunk.js +0 -343
- package/dist/scripts/41.chunk.js.map +0 -1
- package/dist/scripts/42.chunk.js +0 -404
- package/dist/scripts/42.chunk.js.map +0 -1
- package/dist/scripts/43.chunk.js +0 -221
- package/dist/scripts/43.chunk.js.map +0 -1
- package/dist/scripts/44.chunk.js +0 -230
- package/dist/scripts/44.chunk.js.map +0 -1
- package/dist/scripts/45.chunk.js +0 -409
- package/dist/scripts/45.chunk.js.map +0 -1
- package/dist/scripts/46.chunk.js +0 -272
- package/dist/scripts/46.chunk.js.map +0 -1
- package/dist/scripts/47.chunk.js +0 -267
- package/dist/scripts/47.chunk.js.map +0 -1
- package/dist/scripts/48.chunk.js +0 -359
- package/dist/scripts/48.chunk.js.map +0 -1
- package/dist/scripts/49.chunk.js +0 -225
- package/dist/scripts/49.chunk.js.map +0 -1
- package/dist/scripts/5.chunk.js +0 -1104
- package/dist/scripts/5.chunk.js.map +0 -1
- package/dist/scripts/50.chunk.js +0 -318
- package/dist/scripts/50.chunk.js.map +0 -1
- package/dist/scripts/51.chunk.js +0 -64
- package/dist/scripts/51.chunk.js.map +0 -1
- package/dist/scripts/52.chunk.js +0 -108
- package/dist/scripts/52.chunk.js.map +0 -1
- package/dist/scripts/53.chunk.js +0 -110
- package/dist/scripts/53.chunk.js.map +0 -1
- package/dist/scripts/54.chunk.js +0 -162
- package/dist/scripts/54.chunk.js.map +0 -1
- package/dist/scripts/55.chunk.js +0 -145
- package/dist/scripts/55.chunk.js.map +0 -1
- package/dist/scripts/56.chunk.js +0 -139
- package/dist/scripts/56.chunk.js.map +0 -1
- package/dist/scripts/57.chunk.js +0 -142
- package/dist/scripts/57.chunk.js.map +0 -1
- package/dist/scripts/58.chunk.js +0 -173
- package/dist/scripts/58.chunk.js.map +0 -1
- package/dist/scripts/59.chunk.js +0 -160
- package/dist/scripts/59.chunk.js.map +0 -1
- package/dist/scripts/6.chunk.js +0 -335
- package/dist/scripts/6.chunk.js.map +0 -1
- package/dist/scripts/60.chunk.js +0 -98
- package/dist/scripts/60.chunk.js.map +0 -1
- package/dist/scripts/61.chunk.js +0 -48
- package/dist/scripts/61.chunk.js.map +0 -1
- package/dist/scripts/62.chunk.js +0 -70
- package/dist/scripts/62.chunk.js.map +0 -1
- package/dist/scripts/63.chunk.js +0 -32
- package/dist/scripts/63.chunk.js.map +0 -1
- package/dist/scripts/64.chunk.js +0 -29
- package/dist/scripts/64.chunk.js.map +0 -1
- package/dist/scripts/65.chunk.js +0 -27
- package/dist/scripts/65.chunk.js.map +0 -1
- package/dist/scripts/66.chunk.js +0 -65
- package/dist/scripts/66.chunk.js.map +0 -1
- package/dist/scripts/67.chunk.js +0 -67
- package/dist/scripts/67.chunk.js.map +0 -1
- package/dist/scripts/68.chunk.js +0 -104
- package/dist/scripts/68.chunk.js.map +0 -1
- package/dist/scripts/69.chunk.js +0 -89
- package/dist/scripts/69.chunk.js.map +0 -1
- package/dist/scripts/7.chunk.js +0 -2579
- package/dist/scripts/7.chunk.js.map +0 -1
- package/dist/scripts/70.chunk.js +0 -1001
- package/dist/scripts/70.chunk.js.map +0 -1
- package/dist/scripts/71.chunk.js +0 -36
- package/dist/scripts/71.chunk.js.map +0 -1
- package/dist/scripts/8.chunk.js +0 -24
- package/dist/scripts/8.chunk.js.map +0 -1
- package/dist/scripts/9.chunk.js +0 -327
- package/dist/scripts/9.chunk.js.map +0 -1
- package/dist/scripts/bundle.js +0 -38145
- package/dist/scripts/bundle.js.map +0 -1
- package/dist/scripts/polyfills.js +0 -15232
- package/dist/scripts/polyfills.js.map +0 -1
package/dist/scripts/17.chunk.js
DELETED
|
@@ -1,428 +0,0 @@
|
|
|
1
|
-
(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[17],{
|
|
2
|
-
|
|
3
|
-
/***/ "../../libs/shared/src/apps/content-updates/flight-requests/ContentUpdateRequests.ts":
|
|
4
|
-
/*!*******************************************************************************************************************************!*\
|
|
5
|
-
!*** C:/ClickView/front-end/clickview/packages/libs/shared/src/apps/content-updates/flight-requests/ContentUpdateRequests.ts ***!
|
|
6
|
-
\*******************************************************************************************************************************/
|
|
7
|
-
/*! exports provided: ContentUpdateRequests */
|
|
8
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
9
|
-
|
|
10
|
-
"use strict";
|
|
11
|
-
__webpack_require__.r(__webpack_exports__);
|
|
12
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ContentUpdateRequests", function() { return ContentUpdateRequests; });
|
|
13
|
-
/* harmony import */ var _constants_WithStatements__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../constants/WithStatements */ "../../libs/shared/src/constants/WithStatements.ts");
|
|
14
|
-
|
|
15
|
-
var ContentUpdateRequests = {
|
|
16
|
-
getContentUpdates: function getContentUpdates(from, to) {
|
|
17
|
-
return {
|
|
18
|
-
url: "/api/domain/v1/subjects/content-updates?from=".concat(from, "&to=").concat(to) + "&query=".concat(_constants_WithStatements__WEBPACK_IMPORTED_MODULE_0__["SharedWithStatements"].VIDEO_COLLECTION),
|
|
19
|
-
key: 'content:updates',
|
|
20
|
-
normalize: false
|
|
21
|
-
};
|
|
22
|
-
},
|
|
23
|
-
getClassifications: function getClassifications(ids) {
|
|
24
|
-
var url = '/api/domain/v1/subjects';
|
|
25
|
-
var params = [];
|
|
26
|
-
ids.forEach(function (id) {
|
|
27
|
-
return params.push("id=".concat(id));
|
|
28
|
-
});
|
|
29
|
-
return {
|
|
30
|
-
url: "".concat(url, "?").concat(params.join('&'), "&query=banner"),
|
|
31
|
-
key: "classifications:".concat(ids.join(','))
|
|
32
|
-
};
|
|
33
|
-
},
|
|
34
|
-
getClassification: function getClassification(id) {
|
|
35
|
-
return {
|
|
36
|
-
url: "/api/domain/v1/subjects/".concat(id, "?query=banner"),
|
|
37
|
-
key: "classification:".concat(id)
|
|
38
|
-
};
|
|
39
|
-
},
|
|
40
|
-
|
|
41
|
-
/**
|
|
42
|
-
* TODO: Delete thise and use the shared video requests
|
|
43
|
-
*/
|
|
44
|
-
videos: function videos(ids, success) {
|
|
45
|
-
var url = "/api/domain/v1/videos?ids=".concat(ids.join(','), "&with=").concat(_constants_WithStatements__WEBPACK_IMPORTED_MODULE_0__["SharedWithStatements"].VIDEO_COLLECTION);
|
|
46
|
-
return {
|
|
47
|
-
url: url,
|
|
48
|
-
key: "videos:by:id:".concat(ids.join(',')),
|
|
49
|
-
success: success
|
|
50
|
-
};
|
|
51
|
-
}
|
|
52
|
-
};
|
|
53
|
-
|
|
54
|
-
/***/ }),
|
|
55
|
-
|
|
56
|
-
/***/ "../../libs/shared/src/components/video-list/PartialVideoList.tsx":
|
|
57
|
-
/*!************************************************************************************************************!*\
|
|
58
|
-
!*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/video-list/PartialVideoList.tsx ***!
|
|
59
|
-
\************************************************************************************************************/
|
|
60
|
-
/*! exports provided: PartialVideoList */
|
|
61
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
62
|
-
|
|
63
|
-
"use strict";
|
|
64
|
-
__webpack_require__.r(__webpack_exports__);
|
|
65
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialVideoList", function() { return PartialVideoList; });
|
|
66
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
67
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
68
|
-
|
|
69
|
-
function PartialVideoList(props) {
|
|
70
|
-
return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
/***/ }),
|
|
74
|
-
|
|
75
|
-
/***/ "../../libs/shared/src/hooks/UseBatchFetch.ts":
|
|
76
|
-
/*!****************************************************************************************!*\
|
|
77
|
-
!*** C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/UseBatchFetch.ts ***!
|
|
78
|
-
\****************************************************************************************/
|
|
79
|
-
/*! exports provided: useBatchFetch */
|
|
80
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
81
|
-
|
|
82
|
-
"use strict";
|
|
83
|
-
__webpack_require__.r(__webpack_exports__);
|
|
84
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useBatchFetch", function() { return useBatchFetch; });
|
|
85
|
-
/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-redux */ "react-redux");
|
|
86
|
-
/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_0__);
|
|
87
|
-
/* harmony import */ var _common_src_react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/react */ "../../libs/common/src/react/index.ts");
|
|
88
|
-
/* harmony import */ var _common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../common/src/react/utils/ArrayHelper */ "../../libs/common/src/react/utils/ArrayHelper.ts");
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
var BATCH_SIZE = 25;
|
|
93
|
-
/**
|
|
94
|
-
* Used to fetch multiple items by id with Flight. Will fetch 25 items at a time firing off multiple
|
|
95
|
-
* requests if there are more than 25 items.
|
|
96
|
-
* This will return null until we have all our items. Items will be returned as an object with
|
|
97
|
-
* their ids as they key for easy mapping
|
|
98
|
-
*
|
|
99
|
-
* @param itemIds
|
|
100
|
-
* @param getRequest
|
|
101
|
-
*/
|
|
102
|
-
|
|
103
|
-
function useBatchFetch(itemIds, getRequest) {
|
|
104
|
-
var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_0__["useDispatch"])();
|
|
105
|
-
return Object(react_redux__WEBPACK_IMPORTED_MODULE_0__["useSelector"])(function (state) {
|
|
106
|
-
var _a;
|
|
107
|
-
|
|
108
|
-
if (!((_a = itemIds) === null || _a === void 0 ? void 0 : _a.length)) return null;
|
|
109
|
-
var uniqueItemIds = _common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_2__["ArrayHelper"].uniq(itemIds);
|
|
110
|
-
var items = {};
|
|
111
|
-
/* Used locally to only return our items if we've fetched all of them */
|
|
112
|
-
|
|
113
|
-
var status = {};
|
|
114
|
-
|
|
115
|
-
for (var i = 0; i < uniqueItemIds.length; i += BATCH_SIZE) {
|
|
116
|
-
var ids = uniqueItemIds.slice(i, i + BATCH_SIZE);
|
|
117
|
-
var request = getRequest(ids);
|
|
118
|
-
var response = _common_src_react__WEBPACK_IMPORTED_MODULE_1__["Flight"].getResponse(state, request.key);
|
|
119
|
-
status[i] = !!response.data;
|
|
120
|
-
if (response.shouldFetch) _common_src_react__WEBPACK_IMPORTED_MODULE_1__["Flight"].fetch(dispatch, request);
|
|
121
|
-
if (response.data) response.data.forEach(function (v) {
|
|
122
|
-
return items[v.id] = v;
|
|
123
|
-
});
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
return Object.keys(status).every(function (k) {
|
|
127
|
-
return status[k];
|
|
128
|
-
}) ? items : null;
|
|
129
|
-
});
|
|
130
|
-
}
|
|
131
|
-
|
|
132
|
-
/***/ }),
|
|
133
|
-
|
|
134
|
-
/***/ "./src/apps/content-updates/components/classification-banner/ClassificationBanner.tsx":
|
|
135
|
-
/*!********************************************************************************************!*\
|
|
136
|
-
!*** ./src/apps/content-updates/components/classification-banner/ClassificationBanner.tsx ***!
|
|
137
|
-
\********************************************************************************************/
|
|
138
|
-
/*! exports provided: ClassificationBanner */
|
|
139
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
140
|
-
|
|
141
|
-
"use strict";
|
|
142
|
-
__webpack_require__.r(__webpack_exports__);
|
|
143
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassificationBanner", function() { return ClassificationBanner; });
|
|
144
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
145
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
146
|
-
/* harmony import */ var _libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
|
|
147
|
-
/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
|
|
148
|
-
/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
|
|
149
|
-
/* harmony import */ var _libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/icon-button/IconButton */ "../../libs/shared/src/components/icon-button/IconButton.tsx");
|
|
150
|
-
/* harmony import */ var _classification_banner_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./classification-banner.scss */ "./src/apps/content-updates/components/classification-banner/classification-banner.scss");
|
|
151
|
-
/* harmony import */ var _classification_banner_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_classification_banner_scss__WEBPACK_IMPORTED_MODULE_5__);
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
var namespace = 'liteContentUpdates.classificationBanner';
|
|
159
|
-
function ClassificationBanner(props) {
|
|
160
|
-
var classification = props.classification,
|
|
161
|
-
backgroundUrl = props.backgroundUrl,
|
|
162
|
-
followed = props.followed,
|
|
163
|
-
follow = props.follow;
|
|
164
|
-
return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
|
|
165
|
-
className: "banner mb-2 d-flex justify-content-between ".concat(_classification_banner_scss__WEBPACK_IMPORTED_MODULE_5___default.a.banner),
|
|
166
|
-
style: {
|
|
167
|
-
backgroundImage: "url('".concat(backgroundUrl, "')")
|
|
168
|
-
}
|
|
169
|
-
}, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_1__["AppLink"], {
|
|
170
|
-
className: 'text-white text-shadow',
|
|
171
|
-
appLink: props.getClassificationAppLink(classification)
|
|
172
|
-
}, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h2", {
|
|
173
|
-
className: 'h3 mb-0'
|
|
174
|
-
}, classification.name)), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_4__["IconButton"], {
|
|
175
|
-
className: "btn ".concat(followed ? 'btn-dark' : 'btn-white'),
|
|
176
|
-
svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].Bell,
|
|
177
|
-
onClick: function onClick() {
|
|
178
|
-
return follow(classification.id, !followed);
|
|
179
|
-
}
|
|
180
|
-
}, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_3__["Text"], {
|
|
181
|
-
namespace: namespace,
|
|
182
|
-
phrase: followed ? 'unfollow' : 'follow'
|
|
183
|
-
})));
|
|
184
|
-
}
|
|
185
|
-
|
|
186
|
-
/***/ }),
|
|
187
|
-
|
|
188
|
-
/***/ "./src/apps/content-updates/components/classification-banner/classification-banner.scss":
|
|
189
|
-
/*!**********************************************************************************************!*\
|
|
190
|
-
!*** ./src/apps/content-updates/components/classification-banner/classification-banner.scss ***!
|
|
191
|
-
\**********************************************************************************************/
|
|
192
|
-
/*! no static exports found */
|
|
193
|
-
/***/ (function(module, exports, __webpack_require__) {
|
|
194
|
-
|
|
195
|
-
// extracted by mini-css-extract-plugin
|
|
196
|
-
module.exports = {"banner":"cv--banner--1ZGpQ"};
|
|
197
|
-
|
|
198
|
-
/***/ }),
|
|
199
|
-
|
|
200
|
-
/***/ "./src/apps/content-updates/components/classification-update-breadcrumbs/ClassificationUpdateBreadcrumbs.tsx":
|
|
201
|
-
/*!*******************************************************************************************************************!*\
|
|
202
|
-
!*** ./src/apps/content-updates/components/classification-update-breadcrumbs/ClassificationUpdateBreadcrumbs.tsx ***!
|
|
203
|
-
\*******************************************************************************************************************/
|
|
204
|
-
/*! exports provided: ClassificationUpdateBreadcrumbs */
|
|
205
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
206
|
-
|
|
207
|
-
"use strict";
|
|
208
|
-
__webpack_require__.r(__webpack_exports__);
|
|
209
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassificationUpdateBreadcrumbs", function() { return ClassificationUpdateBreadcrumbs; });
|
|
210
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
211
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
212
|
-
/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
|
|
213
|
-
/* harmony import */ var _libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
var namespace = 'playlists.liteClassificationUpdateBreadcrumbs';
|
|
218
|
-
function ClassificationUpdateBreadcrumbs(props) {
|
|
219
|
-
var classification = props.classification;
|
|
220
|
-
return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("nav", {
|
|
221
|
-
"aria-label": 'breadcrumb'
|
|
222
|
-
}, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("ol", {
|
|
223
|
-
className: 'breadcrumb p-0'
|
|
224
|
-
}, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
|
|
225
|
-
className: 'breadcrumb-item'
|
|
226
|
-
}, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__["AppLink"], {
|
|
227
|
-
appLink: props.dashboardAppLink
|
|
228
|
-
}, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
|
|
229
|
-
namespace: namespace,
|
|
230
|
-
phrase: 'dashboard'
|
|
231
|
-
}))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
|
|
232
|
-
className: 'breadcrumb-item'
|
|
233
|
-
}, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__["AppLink"], {
|
|
234
|
-
appLink: props.contentUpdatesAppLink
|
|
235
|
-
}, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
|
|
236
|
-
namespace: namespace,
|
|
237
|
-
phrase: 'whatsNew'
|
|
238
|
-
}))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
|
|
239
|
-
className: 'breadcrumb-item active',
|
|
240
|
-
"aria-current": 'page'
|
|
241
|
-
}, classification.name))));
|
|
242
|
-
}
|
|
243
|
-
|
|
244
|
-
/***/ }),
|
|
245
|
-
|
|
246
|
-
/***/ "./src/apps/content-updates/components/index.ts":
|
|
247
|
-
/*!******************************************************!*\
|
|
248
|
-
!*** ./src/apps/content-updates/components/index.ts ***!
|
|
249
|
-
\******************************************************/
|
|
250
|
-
/*! exports provided: WhatsNewBreadcrumbs, ClassificationBanner, ClassificationUpdateBreadcrumbs */
|
|
251
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
252
|
-
|
|
253
|
-
"use strict";
|
|
254
|
-
__webpack_require__.r(__webpack_exports__);
|
|
255
|
-
/* harmony import */ var _whats_new_breadcrumbs_WhatsNewBreadcrumbs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./whats-new-breadcrumbs/WhatsNewBreadcrumbs */ "./src/apps/content-updates/components/whats-new-breadcrumbs/WhatsNewBreadcrumbs.tsx");
|
|
256
|
-
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "WhatsNewBreadcrumbs", function() { return _whats_new_breadcrumbs_WhatsNewBreadcrumbs__WEBPACK_IMPORTED_MODULE_0__["WhatsNewBreadcrumbs"]; });
|
|
257
|
-
|
|
258
|
-
/* harmony import */ var _classification_banner_ClassificationBanner__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./classification-banner/ClassificationBanner */ "./src/apps/content-updates/components/classification-banner/ClassificationBanner.tsx");
|
|
259
|
-
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ClassificationBanner", function() { return _classification_banner_ClassificationBanner__WEBPACK_IMPORTED_MODULE_1__["ClassificationBanner"]; });
|
|
260
|
-
|
|
261
|
-
/* harmony import */ var _classification_update_breadcrumbs_ClassificationUpdateBreadcrumbs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./classification-update-breadcrumbs/ClassificationUpdateBreadcrumbs */ "./src/apps/content-updates/components/classification-update-breadcrumbs/ClassificationUpdateBreadcrumbs.tsx");
|
|
262
|
-
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ClassificationUpdateBreadcrumbs", function() { return _classification_update_breadcrumbs_ClassificationUpdateBreadcrumbs__WEBPACK_IMPORTED_MODULE_2__["ClassificationUpdateBreadcrumbs"]; });
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
/***/ }),
|
|
269
|
-
|
|
270
|
-
/***/ "./src/apps/content-updates/components/whats-new-breadcrumbs/WhatsNewBreadcrumbs.tsx":
|
|
271
|
-
/*!*******************************************************************************************!*\
|
|
272
|
-
!*** ./src/apps/content-updates/components/whats-new-breadcrumbs/WhatsNewBreadcrumbs.tsx ***!
|
|
273
|
-
\*******************************************************************************************/
|
|
274
|
-
/*! exports provided: WhatsNewBreadcrumbs */
|
|
275
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
276
|
-
|
|
277
|
-
"use strict";
|
|
278
|
-
__webpack_require__.r(__webpack_exports__);
|
|
279
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "WhatsNewBreadcrumbs", function() { return WhatsNewBreadcrumbs; });
|
|
280
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
281
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
282
|
-
/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
|
|
283
|
-
/* harmony import */ var _libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
var namespace = 'playlists.liteWhatsNewBreadcrumbs';
|
|
288
|
-
function WhatsNewBreadcrumbs(props) {
|
|
289
|
-
return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h1", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
|
|
290
|
-
namespace: namespace,
|
|
291
|
-
phrase: 'whatsNew'
|
|
292
|
-
})), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("nav", {
|
|
293
|
-
"aria-label": 'breadcrumb'
|
|
294
|
-
}, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("ol", {
|
|
295
|
-
className: 'breadcrumb p-0'
|
|
296
|
-
}, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
|
|
297
|
-
className: 'breadcrumb-item'
|
|
298
|
-
}, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__["AppLink"], {
|
|
299
|
-
appLink: props.dashboardAppLink
|
|
300
|
-
}, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
|
|
301
|
-
namespace: namespace,
|
|
302
|
-
phrase: 'dashboard'
|
|
303
|
-
}))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
|
|
304
|
-
className: 'breadcrumb-item active',
|
|
305
|
-
"aria-current": 'page'
|
|
306
|
-
}, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
|
|
307
|
-
namespace: namespace,
|
|
308
|
-
phrase: 'whatsNew'
|
|
309
|
-
})))));
|
|
310
|
-
}
|
|
311
|
-
|
|
312
|
-
/***/ }),
|
|
313
|
-
|
|
314
|
-
/***/ "./src/apps/playlists/components/video-list/SortableVideoListContainer.tsx":
|
|
315
|
-
/*!*********************************************************************************!*\
|
|
316
|
-
!*** ./src/apps/playlists/components/video-list/SortableVideoListContainer.tsx ***!
|
|
317
|
-
\*********************************************************************************/
|
|
318
|
-
/*! exports provided: SortableVideoListContainer */
|
|
319
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
320
|
-
|
|
321
|
-
"use strict";
|
|
322
|
-
__webpack_require__.r(__webpack_exports__);
|
|
323
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SortableVideoListContainer", function() { return SortableVideoListContainer; });
|
|
324
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
325
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
326
|
-
/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
|
|
327
|
-
/* harmony import */ var _libs_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
|
|
328
|
-
/* harmony import */ var _libs_common_src_backbone_errors_DevError__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/errors/DevError */ "../../libs/common/src/backbone/errors/DevError.ts");
|
|
329
|
-
/* harmony import */ var _libs_shared_src_components_video_list_VideoList__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/video-list/VideoList */ "../../libs/shared/src/components/video-list/VideoList.tsx");
|
|
330
|
-
/* harmony import */ var _libs_shared_src_components_video_list_PartialVideoList__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/video-list/PartialVideoList */ "../../libs/shared/src/components/video-list/PartialVideoList.tsx");
|
|
331
|
-
/* harmony import */ var _sortable_video_list_container_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./sortable-video-list-container.scss */ "./src/apps/playlists/components/video-list/sortable-video-list-container.scss");
|
|
332
|
-
/* harmony import */ var _sortable_video_list_container_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_sortable_video_list_container_scss__WEBPACK_IMPORTED_MODULE_6__);
|
|
333
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
334
|
-
|
|
335
|
-
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."); }
|
|
336
|
-
|
|
337
|
-
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); }
|
|
338
|
-
|
|
339
|
-
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; }
|
|
340
|
-
|
|
341
|
-
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; }
|
|
342
|
-
|
|
343
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
344
|
-
|
|
345
|
-
var __rest = undefined && undefined.__rest || function (s, e) {
|
|
346
|
-
var t = {};
|
|
347
|
-
|
|
348
|
-
for (var p in s) {
|
|
349
|
-
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
350
|
-
}
|
|
351
|
-
|
|
352
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
353
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
354
|
-
}
|
|
355
|
-
return t;
|
|
356
|
-
};
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
function SortableVideoListContainer(props) {
|
|
366
|
-
var onSortComplete = props.onSortComplete,
|
|
367
|
-
onSortStart = props.onSortStart,
|
|
368
|
-
showPartialLoading = props.showPartialLoading,
|
|
369
|
-
videoListProps = __rest(props, ["onSortComplete", "onSortStart", "showPartialLoading"]);
|
|
370
|
-
|
|
371
|
-
var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](),
|
|
372
|
-
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
373
|
-
currentSortingIndex = _React$useState2[0],
|
|
374
|
-
setCurrentSortingIndex = _React$useState2[1];
|
|
375
|
-
|
|
376
|
-
var onSortStartHandler = function onSortStartHandler(index) {
|
|
377
|
-
if (_libs_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__["FunctionHelper"].isFunction(onSortStart)) onSortStart(index);
|
|
378
|
-
};
|
|
379
|
-
|
|
380
|
-
var onSortEnd = function onSortEnd(sort) {
|
|
381
|
-
setCurrentSortingIndex(null);
|
|
382
|
-
|
|
383
|
-
if (!_libs_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__["FunctionHelper"].isFunction(onSortComplete)) {
|
|
384
|
-
_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].ErrorHelper["throw"](new _libs_common_src_backbone_errors_DevError__WEBPACK_IMPORTED_MODULE_3__["DevError"]('An onSortComplete callback function must be passed to SortableVideoListComponent'));
|
|
385
|
-
return;
|
|
386
|
-
}
|
|
387
|
-
|
|
388
|
-
onSortComplete(sort.oldIndex, sort.newIndex);
|
|
389
|
-
};
|
|
390
|
-
|
|
391
|
-
if (showPartialLoading) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_video_list_PartialVideoList__WEBPACK_IMPORTED_MODULE_5__["PartialVideoList"], null);
|
|
392
|
-
if (!props.canEdit) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_video_list_VideoList__WEBPACK_IMPORTED_MODULE_4__["VideoList"], Object.assign({}, videoListProps));
|
|
393
|
-
return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_video_list_VideoList__WEBPACK_IMPORTED_MODULE_4__["SortableVideoList"], Object.assign({}, videoListProps, {
|
|
394
|
-
currentSortingIndex: currentSortingIndex,
|
|
395
|
-
updateBeforeSortStart: function updateBeforeSortStart(_ref) {
|
|
396
|
-
var index = _ref.index;
|
|
397
|
-
return setCurrentSortingIndex(index);
|
|
398
|
-
},
|
|
399
|
-
onSortStart: function onSortStart(_ref2) {
|
|
400
|
-
var index = _ref2.index;
|
|
401
|
-
return onSortStartHandler(index);
|
|
402
|
-
},
|
|
403
|
-
onSortEnd: onSortEnd,
|
|
404
|
-
lockAxis: 'y',
|
|
405
|
-
lockToContainerEdges: true,
|
|
406
|
-
lockOffset: ['0%', '100%'],
|
|
407
|
-
helperClass: "bg-white ".concat(_sortable_video_list_container_scss__WEBPACK_IMPORTED_MODULE_6___default.a.sortableItem),
|
|
408
|
-
distance: 1,
|
|
409
|
-
useDragHandle: true
|
|
410
|
-
}));
|
|
411
|
-
}
|
|
412
|
-
|
|
413
|
-
/***/ }),
|
|
414
|
-
|
|
415
|
-
/***/ "./src/apps/playlists/components/video-list/sortable-video-list-container.scss":
|
|
416
|
-
/*!*************************************************************************************!*\
|
|
417
|
-
!*** ./src/apps/playlists/components/video-list/sortable-video-list-container.scss ***!
|
|
418
|
-
\*************************************************************************************/
|
|
419
|
-
/*! no static exports found */
|
|
420
|
-
/***/ (function(module, exports, __webpack_require__) {
|
|
421
|
-
|
|
422
|
-
// extracted by mini-css-extract-plugin
|
|
423
|
-
module.exports = {"sortableItem":"cv--sortableItem--2eiPB"};
|
|
424
|
-
|
|
425
|
-
/***/ })
|
|
426
|
-
|
|
427
|
-
}]);
|
|
428
|
-
//# sourceMappingURL=17.chunk.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/libs/shared/src/apps/content-updates/flight-requests/ContentUpdateRequests.ts","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/video-list/PartialVideoList.tsx","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/UseBatchFetch.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/content-updates/components/classification-banner/ClassificationBanner.tsx","webpack://@clickview/lite/./src/apps/content-updates/components/classification-banner/classification-banner.scss?91e3","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/content-updates/components/classification-update-breadcrumbs/ClassificationUpdateBreadcrumbs.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/content-updates/components/index.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/content-updates/components/whats-new-breadcrumbs/WhatsNewBreadcrumbs.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/playlists/components/video-list/SortableVideoListContainer.tsx","webpack://@clickview/lite/./src/apps/playlists/components/video-list/sortable-video-list-container.scss?0ef9"],"names":[],"mappings":"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","file":"scripts/17.chunk.js","sourcesContent":["import { Flight } from 'libs/common/flight';\r\n\r\nimport { SharedWithStatements } from 'libs/shared/constants/WithStatements';\r\nimport { Video } from 'libs/shared/interfaces';\r\n\r\nexport const ContentUpdateRequests = {\r\n getContentUpdates(from: string, to: string): Flight.Request {\r\n return {\r\n url: `/api/domain/v1/subjects/content-updates?from=${from}&to=${to}`\r\n + `&query=${SharedWithStatements.VIDEO_COLLECTION}`,\r\n key: 'content:updates',\r\n normalize: false\r\n };\r\n },\r\n\r\n getClassifications(ids: string[]): Flight.Request {\r\n let url = '/api/domain/v1/subjects';\r\n const params: string[] = [];\r\n ids.forEach(id => params.push(`id=${id}`));\r\n\r\n return {\r\n url: `${url}?${params.join('&')}&query=banner`,\r\n key: `classifications:${ids.join(',')}`\r\n };\r\n },\r\n\r\n getClassification(id: string): Flight.Request {\r\n return {\r\n url: `/api/domain/v1/subjects/${id}?query=banner`,\r\n key: `classification:${id}`\r\n };\r\n },\r\n\r\n /**\r\n * TODO: Delete thise and use the shared video requests\r\n */\r\n videos(ids: string[], success?: (data: Video[]) => void): Flight.Request {\r\n const url = `/api/domain/v1/videos?ids=${ids.join(',')}&with=${SharedWithStatements.VIDEO_COLLECTION}`;\r\n\r\n return {\r\n url,\r\n key: `videos:by:id:${ids.join(',')}`,\r\n success\r\n };\r\n },\r\n};","import * as React from 'react';\r\n\r\ninterface PartialVideoListProps {\r\n\r\n}\r\n\r\nexport function PartialVideoList(props: PartialVideoListProps): JSX.Element {\r\n return (\r\n <>\r\n </>\r\n );\r\n}","import { useDispatch, useSelector } from 'react-redux';\r\nimport { Flight } from 'libs/common/flight';\r\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\r\nimport { HashObject, ApplicationState } from 'libs/common/react/interfaces';\r\nimport { BaseObject } from 'libs/shared/interfaces';\r\n\r\nconst BATCH_SIZE = 25;\r\n\r\n/**\r\n * Used to fetch multiple items by id with Flight. Will fetch 25 items at a time firing off multiple\r\n * requests if there are more than 25 items.\r\n * This will return null until we have all our items. Items will be returned as an object with\r\n * their ids as they key for easy mapping\r\n * \r\n * @param itemIds \r\n * @param getRequest \r\n */\r\nexport function useBatchFetch<T extends BaseObject>(\r\n itemIds: string[], getRequest: (ids: string[]) => Flight.Request\r\n): { [key: string]: T} {\r\n const dispatch = useDispatch();\r\n return useSelector((state: ApplicationState) => {\r\n if (!itemIds?.length)\r\n return null;\r\n\r\n const uniqueItemIds = ArrayHelper.uniq(itemIds);\r\n let items: { [key: string]: T} = {};\r\n\r\n /* Used locally to only return our items if we've fetched all of them */\r\n const status: HashObject = {};\r\n\r\n for (let i = 0; i < uniqueItemIds.length; i += BATCH_SIZE) {\r\n const ids = uniqueItemIds.slice(i, i + BATCH_SIZE);\r\n\r\n const request = getRequest(ids);\r\n const response = Flight.getResponse<T[]>(state, request.key);\r\n status[i] = !!response.data;\r\n\r\n if (response.shouldFetch)\r\n Flight.fetch(dispatch, request);\r\n\r\n if (response.data)\r\n response.data.forEach(v => items[v.id] = v);\r\n }\r\n\r\n return Object.keys(status).every(k => status[k]) ? items : null;\r\n });\r\n}","import * as React from 'react';\r\n\r\nimport { Core } from 'libs/common/core';\r\n\r\nimport { Classification } from 'libs/shared/interfaces';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\r\n\r\nimport styles from './classification-banner.scss';\r\n\r\nconst namespace = 'liteContentUpdates.classificationBanner';\r\n\r\ninterface ClassificationBannerProps {\r\n classification: Classification;\r\n backgroundUrl: string;\r\n getClassificationAppLink: (classification: Classification) => Core.AppLink;\r\n followed: boolean;\r\n follow: (classificationId: string, follow: boolean) => void;\r\n}\r\n\r\nexport function ClassificationBanner(props: ClassificationBannerProps): JSX.Element {\r\n const { classification, backgroundUrl, followed, follow } = props;\r\n\r\n return (\r\n <div\r\n className={`banner mb-2 d-flex justify-content-between ${styles.banner}`}\r\n style={{ backgroundImage: `url('${backgroundUrl}')` }}\r\n >\r\n <AppLink className='text-white text-shadow' appLink={props.getClassificationAppLink(classification)}>\r\n <h2 className='h3 mb-0'>{classification.name}</h2>\r\n </AppLink>\r\n <IconButton\r\n className={`btn ${followed ? 'btn-dark' : 'btn-white'}`}\r\n svgName={cvSvgLibrary.Bell}\r\n onClick={() => follow(classification.id, !followed)}\r\n >\r\n <Text namespace={namespace} phrase={followed ? 'unfollow' : 'follow'} />\r\n </IconButton>\r\n </div>\r\n );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"banner\":\"cv--banner--1ZGpQ\"};","import * as React from 'react';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { Classification } from 'libs/shared/interfaces';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\n\r\nconst namespace = 'playlists.liteClassificationUpdateBreadcrumbs';\r\n\r\ninterface ClassificationUpdateBreadcrumbs {\r\n classification: Classification;\r\n contentUpdatesAppLink: Core.AppLink;\r\n dashboardAppLink: Core.AppLink;\r\n}\r\n\r\nexport function ClassificationUpdateBreadcrumbs(\r\n props: ClassificationUpdateBreadcrumbs\r\n): JSX.Element {\r\n const { classification } = props;\r\n\r\n return (\r\n <>\r\n <nav aria-label='breadcrumb'>\r\n <ol className='breadcrumb p-0'>\r\n <li className='breadcrumb-item'>\r\n <AppLink appLink={props.dashboardAppLink}><Text namespace={namespace} phrase='dashboard' /></AppLink>\r\n </li>\r\n <li className='breadcrumb-item'>\r\n <AppLink appLink={props.contentUpdatesAppLink}><Text namespace={namespace} phrase='whatsNew' /></AppLink>\r\n </li>\r\n <li className='breadcrumb-item active' aria-current='page'>{classification.name}</li>\r\n </ol>\r\n </nav>\r\n </>\r\n );\r\n}","export * from './whats-new-breadcrumbs/WhatsNewBreadcrumbs';\r\nexport * from './classification-banner/ClassificationBanner';\r\nexport * from './classification-update-breadcrumbs/ClassificationUpdateBreadcrumbs';","import * as React from 'react';\r\n\r\nimport { Core } from 'libs/common/core';\r\n\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\n\r\nconst namespace = 'playlists.liteWhatsNewBreadcrumbs';\r\n\r\nexport interface WhatsNewBreadcrumbsProps {\r\n dashboardAppLink: Core.AppLink;\r\n}\r\n\r\nexport function WhatsNewBreadcrumbs(props: WhatsNewBreadcrumbsProps): JSX.Element {\r\n return (\r\n <>\r\n <h1><Text namespace={namespace} phrase='whatsNew' /></h1>\r\n <nav aria-label='breadcrumb'>\r\n <ol className='breadcrumb p-0'>\r\n <li className='breadcrumb-item'>\r\n <AppLink appLink={props.dashboardAppLink}><Text namespace={namespace} phrase='dashboard' /></AppLink>\r\n </li>\r\n <li className='breadcrumb-item active' aria-current='page'><Text namespace={namespace} phrase='whatsNew' /></li>\r\n </ol>\r\n </nav>\r\n </>\r\n );\r\n}","import * as React from 'react';\r\nimport { SortStart, SortEnd } from 'react-sortable-hoc';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\nimport { DevError } from 'libs/common/backbone/errors/DevError';\r\nimport { SortableVideoList, VideoList, VideoListProps } from 'libs/shared/components/video-list/VideoList';\r\nimport { PartialVideoList } from 'libs/shared/components/video-list/PartialVideoList';\r\n\r\nimport styles from './sortable-video-list-container.scss';\r\n\r\ninterface SortableVideoListContainerProps extends VideoListProps {\r\n playlistId: string;\r\n onSortComplete: (oldIdx: number, newIdx: number) => void;\r\n onSortStart?: (index: number) => void;\r\n isUserSignedIn: boolean;\r\n canEdit?: boolean;\r\n showPartialLoading?: boolean;\r\n fetchRestrictions?: () => void;\r\n}\r\n\r\nexport function SortableVideoListContainer(props: SortableVideoListContainerProps): React.ReactElement {\r\n const { onSortComplete, onSortStart, showPartialLoading, ...videoListProps } = props;\r\n\r\n const [ currentSortingIndex, setCurrentSortingIndex ] = React.useState<number>();\r\n\r\n const onSortStartHandler = (index: number) => {\r\n if (FunctionHelper.isFunction(onSortStart))\r\n onSortStart(index);\r\n };\r\n\r\n const onSortEnd = (sort: SortEnd) => {\r\n setCurrentSortingIndex(null);\r\n\r\n if (!FunctionHelper.isFunction(onSortComplete)) {\r\n Core.ErrorHelper.throw(new DevError('An onSortComplete callback function must be passed to SortableVideoListComponent'));\r\n return;\r\n }\r\n\r\n onSortComplete(sort.oldIndex, sort.newIndex);\r\n };\r\n\r\n if (showPartialLoading)\r\n return <PartialVideoList />;\r\n\r\n if (!props.canEdit)\r\n return <VideoList {...videoListProps} />;\r\n\r\n return (\r\n <SortableVideoList\r\n {...videoListProps}\r\n currentSortingIndex={currentSortingIndex}\r\n updateBeforeSortStart={({ index }: SortStart) => setCurrentSortingIndex(index)}\r\n onSortStart={({ index }: SortStart) => onSortStartHandler(index)}\r\n onSortEnd={onSortEnd}\r\n lockAxis='y'\r\n lockToContainerEdges\r\n lockOffset={[ '0%', '100%' ]} // Allow movement beyond the bottom of container\r\n helperClass={`bg-white ${styles.sortableItem}`}\r\n distance={1} // This allows mousedown/click events to be consumed before sorting is triggered.\r\n useDragHandle\r\n />\r\n );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"sortableItem\":\"cv--sortableItem--2eiPB\"};"],"sourceRoot":""}
|