@clickview/lite 0.0.22-dev.1 → 0.0.22-rc.1

package/dist/scripts/24.chunk.js

@@ -0,0 +1,841 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[24],{
+
+/***/ "../../libs/shared/src/apps/content-updates/flight-requests/ContentUpdateRequests.ts":
+/*!******************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/apps/content-updates/flight-requests/ContentUpdateRequests.ts ***!
+  \******************************************************************************************************************************/
+/*! exports provided: ContentUpdateRequests */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ContentUpdateRequests", function() { return ContentUpdateRequests; });
+/* harmony import */ var _constants_WithStatements__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../constants/WithStatements */ "../../libs/shared/src/constants/WithStatements.ts");
+
+var ContentUpdateRequests = {
+  getContentUpdates: function getContentUpdates(from, to) {
+    return {
+      url: "/api/domain/v1/subjects/content-updates?from=".concat(from, "&to=").concat(to) + "&query=".concat(_constants_WithStatements__WEBPACK_IMPORTED_MODULE_0__["SharedWithStatements"].VIDEO_COLLECTION),
+      key: 'content:updates',
+      normalize: false
+    };
+  },
+  getClassifications: function getClassifications(ids) {
+    var url = '/api/domain/v1/subjects';
+    var params = [];
+    ids.forEach(function (id) {
+      return params.push("id=".concat(id));
+    });
+    return {
+      url: "".concat(url, "?").concat(params.join('&'), "&query=banner"),
+      key: "classifications:".concat(ids.join(','))
+    };
+  },
+  getClassification: function getClassification(id) {
+    return {
+      url: "/api/domain/v1/subjects/".concat(id, "?query=banner"),
+      key: "classification:".concat(id)
+    };
+  },
+
+  /**
+   * TODO: Delete thise and use the shared video requests
+   */
+  videos: function videos(ids, success) {
+    var url = "/api/domain/v1/videos?ids=".concat(ids.join(','), "&with=").concat(_constants_WithStatements__WEBPACK_IMPORTED_MODULE_0__["SharedWithStatements"].VIDEO_COLLECTION);
+    return {
+      url: url,
+      key: "videos:by:id:".concat(ids.join(',')),
+      success: success
+    };
+  }
+};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/video-list/PartialVideoList.tsx":
+/*!***********************************************************************************************************!*\
+  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/components/video-list/PartialVideoList.tsx ***!
+  \***********************************************************************************************************/
+/*! exports provided: PartialVideoList */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialVideoList", function() { return PartialVideoList; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+
+function PartialVideoList(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/flight-requests/PreferenceRequests.ts":
+/*!******************************************************************************************************!*\
+  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/flight-requests/PreferenceRequests.ts ***!
+  \******************************************************************************************************/
+/*! exports provided: PreferenceRequests */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PreferenceRequests", function() { return PreferenceRequests; });
+/* harmony import */ var _common_src_backbone_utils_UrlHelper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/backbone/utils/UrlHelper */ "../../libs/common/src/backbone/utils/UrlHelper.ts");
+/* harmony import */ var _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/backbone/enums/HttpVerbs */ "../../libs/common/src/backbone/enums/HttpVerbs.ts");
+/* harmony import */ var _constants_WithStatements__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../constants/WithStatements */ "../../libs/shared/src/constants/WithStatements.ts");
+
+
+
+var classificationQuery = _constants_WithStatements__WEBPACK_IMPORTED_MODULE_2__["SharedWithStatements"].CLASSIFICATION;
+var endpoints = {
+  // Subjects
+  allSubjectPreferences: function allSubjectPreferences() {
+    return "/api/domain/v1/subjects/preferences?query=".concat(classificationQuery, "&type=subject");
+  },
+  mySubjectPreferences: function mySubjectPreferences() {
+    return "/api/domain/v1/subjects/classifications/following?query=".concat(classificationQuery);
+  },
+  followSubjects: function followSubjects() {
+    return '/api/domain/v1/subjects/classifications/following';
+  },
+  unfollowSubjects: function unfollowSubjects(ids) {
+    return _common_src_backbone_utils_UrlHelper__WEBPACK_IMPORTED_MODULE_0__["UrlHelper"].urlBuilder('/api/domain/v1/subjects/classifications/following', {
+      id: ids
+    });
+  },
+  // Levels
+  allLevelPreferences: function allLevelPreferences() {
+    return "/api/domain/v1/subjects/audiences?type=subject";
+  },
+  myLevelPreferences: function myLevelPreferences() {
+    return "/api/domain/v1/subjects/audiences/following";
+  },
+  followLevels: function followLevels() {
+    return "/api/domain/v1/subjects/audiences/following";
+  },
+  unfollowLevels: function unfollowLevels(ids) {
+    return _common_src_backbone_utils_UrlHelper__WEBPACK_IMPORTED_MODULE_0__["UrlHelper"].urlBuilder('/api/domain/v1/subjects/audiences/following', {
+      id: ids
+    });
+  },
+  // School Level
+  getSchoolLevels: function getSchoolLevels() {
+    return "/api/domain/v1/subjects/school-level";
+  },
+  getSelectedSchoolLevel: function getSelectedSchoolLevel(userId) {
+    return "/api/domain/v1/subjects/school-level/".concat(userId);
+  },
+  setSchoolLevel: function setSchoolLevel() {
+    return '/api/domain/v1/subjects/school-level';
+  },
+  // Curriculum
+  getCurriculums: function getCurriculums() {
+    return "/api/domain/v1/subjects/curriculum";
+  },
+  getSelectedCurriculum: function getSelectedCurriculum(userId) {
+    return "/api/domain/v1/subjects/school-level/".concat(userId);
+  },
+  setCurriculum: function setCurriculum() {
+    return '/api/domain/v1/subjects/curriculum';
+  },
+  getCurrentPresentations: function getCurrentPresentations(type) {
+    return "/api/domain/v1/subjects/presentations".concat(type ? "?type=".concat(type) : '');
+  },
+  getAvailablePresentations: function getAvailablePresentations(type) {
+    return "/api/domain/v1/subjects/presentations/available".concat(type ? "?type=".concat(type) : '');
+  },
+  setPresentation: function setPresentation(id) {
+    return "/api/domain/v1/subjects/presentations/".concat(id);
+  }
+};
+var PreferenceRequests = {
+  /**
+   * Presentations
+   */
+  currentPresentations: function currentPresentations(type) {
+    return {
+      url: endpoints.getCurrentPresentations(type),
+      key: "current:presentations".concat(type ? ":".concat(type) : ''),
+      expiryTime: Infinity
+    };
+  },
+  availablePresentations: function availablePresentations(type) {
+    return {
+      url: endpoints.getAvailablePresentations(type),
+      key: "available:presentations:".concat(type),
+      expiryTime: Infinity
+    };
+  },
+  setPresentation: function setPresentation(presentation, type, success) {
+    return {
+      url: endpoints.setPresentation(presentation.id),
+      key: "set:".concat(type, ":presentation"),
+      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_1__["HttpVerbs"].POST,
+      data: {},
+      invalidationKeys: ["current:presentations:".concat(type), 'current:presentations', 'subject:preference:options', 'my:subject:preferences', 'level:preference:options', 'my:level:preferences'],
+      success: success
+    };
+  },
+
+  /**
+   * Subjects
+   */
+  allSubjectPreferences: function allSubjectPreferences() {
+    return {
+      url: endpoints.allSubjectPreferences(),
+      key: "subject:preference:options",
+      expiryTime: Infinity
+    };
+  },
+  mySubjectPreferences: function mySubjectPreferences(success) {
+    return {
+      url: endpoints.mySubjectPreferences(),
+      key: "my:subject:preferences",
+      normalize: false,
+      expiryTime: Infinity,
+      success: success
+    };
+  },
+  followSubjects: function followSubjects(subjectIds, success, error, always) {
+    return {
+      url: endpoints.followSubjects(),
+      key: "follow:subjects",
+      data: subjectIds,
+      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_1__["HttpVerbs"].POST,
+      success: success,
+      error: error,
+      always: always,
+      invalidationKeys: ['my:subject:preferences']
+    };
+  },
+  unfollowSubjects: function unfollowSubjects(subjectIds, success, error, always) {
+    return {
+      url: endpoints.unfollowSubjects(subjectIds),
+      key: "unfollow:subjects",
+      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_1__["HttpVerbs"].DELETE,
+      success: success,
+      error: error,
+      always: always,
+      invalidationKeys: ['my:subject:preferences']
+    };
+  },
+
+  /**
+   * Levels
+   */
+  allLevelPreferences: function allLevelPreferences() {
+    return {
+      url: endpoints.allLevelPreferences(),
+      key: "level:preference:options",
+      normalize: false,
+      expiryTime: Infinity
+    };
+  },
+  myLevelPreferences: function myLevelPreferences(success) {
+    return {
+      url: endpoints.myLevelPreferences(),
+      key: "my:level:preferences",
+      normalize: false,
+      expiryTime: Infinity,
+      success: success
+    };
+  },
+  followLevels: function followLevels(levelIds, success, error, always) {
+    return {
+      url: endpoints.followLevels(),
+      key: "follow:levels",
+      data: levelIds,
+      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_1__["HttpVerbs"].POST,
+      success: success,
+      error: error,
+      always: always,
+      invalidationKeys: ['my:level:preferences']
+    };
+  },
+  unfollowLevels: function unfollowLevels(levelIds, success, error, always) {
+    return {
+      url: endpoints.unfollowLevels(levelIds),
+      key: "unfollow:levels",
+      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_1__["HttpVerbs"].DELETE,
+      success: success,
+      error: error,
+      always: always,
+      invalidationKeys: ['my:level:preferences']
+    };
+  }
+};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/hooks/UseBatchFetch.ts":
+/*!***************************************************************************************!*\
+  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/hooks/UseBatchFetch.ts ***!
+  \***************************************************************************************/
+/*! exports provided: useBatchFetch */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useBatchFetch", function() { return useBatchFetch; });
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-redux */ "react-redux");
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _common_src_react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/react */ "../../libs/common/src/react/index.ts");
+/* 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");
+
+
+
+var BATCH_SIZE = 25;
+/**
+ * Used to fetch multiple items by id with Flight. Will fetch 25 items at a time firing off multiple
+ * requests if there are more than 25 items.
+ * This will return null until we have all our items. Items will be returned as an object with
+ * their ids as they key for easy mapping
+ *
+ * @param itemIds
+ * @param getRequest
+ */
+
+function useBatchFetch(itemIds, getRequest) {
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_0__["useDispatch"])();
+  return Object(react_redux__WEBPACK_IMPORTED_MODULE_0__["useSelector"])(function (state) {
+    var _a;
+
+    if (!((_a = itemIds) === null || _a === void 0 ? void 0 : _a.length)) return null;
+    var uniqueItemIds = _common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_2__["ArrayHelper"].uniq(itemIds);
+    var items = {};
+    /* Used locally to only return our items if we've fetched all of them */
+
+    var status = {};
+
+    for (var i = 0; i < uniqueItemIds.length; i += BATCH_SIZE) {
+      var ids = uniqueItemIds.slice(i, i + BATCH_SIZE);
+      var request = getRequest(ids);
+      var response = _common_src_react__WEBPACK_IMPORTED_MODULE_1__["Flight"].getResponse(state, request.key);
+      status[i] = !!response.data;
+      if (response.shouldFetch) _common_src_react__WEBPACK_IMPORTED_MODULE_1__["Flight"].fetch(dispatch, request);
+      if (response.data) response.data.forEach(function (v) {
+        return items[v.id] = v;
+      });
+    }
+
+    return Object.keys(status).every(function (k) {
+      return status[k];
+    }) ? items : null;
+  });
+}
+
+/***/ }),
+
+/***/ "./src/apps/content-updates/components/classification-banner/ClassificationBanner.tsx":
+/*!********************************************************************************************!*\
+  !*** ./src/apps/content-updates/components/classification-banner/ClassificationBanner.tsx ***!
+  \********************************************************************************************/
+/*! exports provided: ClassificationBanner */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassificationBanner", function() { return ClassificationBanner; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _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");
+/* 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");
+/* 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");
+/* 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");
+/* 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");
+/* harmony import */ var _classification_banner_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_classification_banner_scss__WEBPACK_IMPORTED_MODULE_5__);
+
+
+
+
+
+
+var namespace = 'liteContentUpdates.classificationBanner';
+function ClassificationBanner(props) {
+  var classification = props.classification,
+      backgroundUrl = props.backgroundUrl,
+      followed = props.followed,
+      follow = props.follow;
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "banner mb-2 d-flex justify-content-between ".concat(_classification_banner_scss__WEBPACK_IMPORTED_MODULE_5___default.a.banner),
+    style: {
+      backgroundImage: "url('".concat(backgroundUrl, "')")
+    }
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_1__["AppLink"], {
+    className: 'text-white text-shadow',
+    appLink: props.getClassificationAppLink(classification)
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h2", {
+    className: 'h3 mb-0'
+  }, classification.name)), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_4__["IconButton"], {
+    className: "btn ".concat(followed ? 'btn-dark' : 'btn-white'),
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].Bell,
+    onClick: function onClick() {
+      return follow(classification.id, !followed);
+    }
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_3__["Text"], {
+    namespace: namespace,
+    phrase: followed ? 'unfollow' : 'follow'
+  })));
+}
+
+/***/ }),
+
+/***/ "./src/apps/content-updates/components/classification-banner/classification-banner.scss":
+/*!**********************************************************************************************!*\
+  !*** ./src/apps/content-updates/components/classification-banner/classification-banner.scss ***!
+  \**********************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"banner":"cv--banner--1ZGpQ"};
+
+/***/ }),
+
+/***/ "./src/apps/content-updates/components/classification-update-breadcrumbs/ClassificationUpdateBreadcrumbs.tsx":
+/*!*******************************************************************************************************************!*\
+  !*** ./src/apps/content-updates/components/classification-update-breadcrumbs/ClassificationUpdateBreadcrumbs.tsx ***!
+  \*******************************************************************************************************************/
+/*! exports provided: ClassificationUpdateBreadcrumbs */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassificationUpdateBreadcrumbs", function() { return ClassificationUpdateBreadcrumbs; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _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");
+/* 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");
+
+
+
+var namespace = 'playlists.liteClassificationUpdateBreadcrumbs';
+function ClassificationUpdateBreadcrumbs(props) {
+  var classification = props.classification;
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("nav", {
+    "aria-label": 'breadcrumb'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("ol", {
+    className: 'breadcrumb p-0'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
+    className: 'breadcrumb-item'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__["AppLink"], {
+    appLink: props.dashboardAppLink
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    namespace: namespace,
+    phrase: 'dashboard'
+  }))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
+    className: 'breadcrumb-item'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__["AppLink"], {
+    appLink: props.contentUpdatesAppLink
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    namespace: namespace,
+    phrase: 'whatsNew'
+  }))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
+    className: 'breadcrumb-item active',
+    "aria-current": 'page'
+  }, classification.name))));
+}
+
+/***/ }),
+
+/***/ "./src/apps/content-updates/components/index.ts":
+/*!******************************************************!*\
+  !*** ./src/apps/content-updates/components/index.ts ***!
+  \******************************************************/
+/*! exports provided: WhatsNewBreadcrumbs, ClassificationBanner, ClassificationUpdateBreadcrumbs */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* 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");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "WhatsNewBreadcrumbs", function() { return _whats_new_breadcrumbs_WhatsNewBreadcrumbs__WEBPACK_IMPORTED_MODULE_0__["WhatsNewBreadcrumbs"]; });
+
+/* harmony import */ var _classification_banner_ClassificationBanner__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./classification-banner/ClassificationBanner */ "./src/apps/content-updates/components/classification-banner/ClassificationBanner.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ClassificationBanner", function() { return _classification_banner_ClassificationBanner__WEBPACK_IMPORTED_MODULE_1__["ClassificationBanner"]; });
+
+/* 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");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ClassificationUpdateBreadcrumbs", function() { return _classification_update_breadcrumbs_ClassificationUpdateBreadcrumbs__WEBPACK_IMPORTED_MODULE_2__["ClassificationUpdateBreadcrumbs"]; });
+
+
+
+
+
+/***/ }),
+
+/***/ "./src/apps/content-updates/components/whats-new-breadcrumbs/WhatsNewBreadcrumbs.tsx":
+/*!*******************************************************************************************!*\
+  !*** ./src/apps/content-updates/components/whats-new-breadcrumbs/WhatsNewBreadcrumbs.tsx ***!
+  \*******************************************************************************************/
+/*! exports provided: WhatsNewBreadcrumbs */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "WhatsNewBreadcrumbs", function() { return WhatsNewBreadcrumbs; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _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");
+/* 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");
+
+
+
+var namespace = 'playlists.liteWhatsNewBreadcrumbs';
+function WhatsNewBreadcrumbs(props) {
+  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"], {
+    namespace: namespace,
+    phrase: 'whatsNew'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("nav", {
+    "aria-label": 'breadcrumb'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("ol", {
+    className: 'breadcrumb p-0'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
+    className: 'breadcrumb-item'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__["AppLink"], {
+    appLink: props.dashboardAppLink
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    namespace: namespace,
+    phrase: 'dashboard'
+  }))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
+    className: 'breadcrumb-item active',
+    "aria-current": 'page'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    namespace: namespace,
+    phrase: 'whatsNew'
+  })))));
+}
+
+/***/ }),
+
+/***/ "./src/apps/content-updates/views/content-updates/ContentUpdatesView.tsx":
+/*!*******************************************************************************!*\
+  !*** ./src/apps/content-updates/views/content-updates/ContentUpdatesView.tsx ***!
+  \*******************************************************************************/
+/*! exports provided: ContentUpdatesView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ContentUpdatesView", function() { return ContentUpdatesView; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! moment */ "moment");
+/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-redux */ "react-redux");
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/PreferenceRequests */ "../../libs/shared/src/flight-requests/PreferenceRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/ConfigRequests */ "../../libs/shared/src/flight-requests/ConfigRequests.ts");
+/* harmony import */ var _libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
+/* harmony import */ var _libs_shared_src_hooks_UseBatchFetch__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseBatchFetch */ "../../libs/shared/src/hooks/UseBatchFetch.ts");
+/* harmony import */ var _libs_shared_src_apps_content_updates_flight_requests_ContentUpdateRequests__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/content-updates/flight-requests/ContentUpdateRequests */ "../../libs/shared/src/apps/content-updates/flight-requests/ContentUpdateRequests.ts");
+/* harmony import */ var apps_content_updates_components__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! apps/content-updates/components */ "./src/apps/content-updates/components/index.ts");
+/* harmony import */ var _components_ContentUpdateClassification__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./components/ContentUpdateClassification */ "./src/apps/content-updates/views/content-updates/components/ContentUpdateClassification.tsx");
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var INITIAL_VIDEO_COUNT = 3;
+var namespace = 'contentUpdates.contentUpdatesView';
+
+function map(contentUpdates, classifications) {
+  if (!contentUpdates || !classifications) return null;
+  return contentUpdates.map(function (c) {
+    return {
+      showMore: c.videos.length > INITIAL_VIDEO_COUNT,
+      classification: classifications[c.classificationId],
+      videos: c.videos.map(function (m) {
+        m.classification = classifications[m.classificationId];
+        return m;
+      }).filter(function (v) {
+        return v;
+      })
+    };
+  });
+}
+
+function ContentUpdatesView(props) {
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_2__["useDispatch"])();
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_9__["useAlerts"])();
+  var from = moment__WEBPACK_IMPORTED_MODULE_1__().subtract(1, 'year').toISOString();
+  var to = moment__WEBPACK_IMPORTED_MODULE_1__().toISOString();
+  var config = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_8__["ConfigRequests"].config);
+  var contentUpdates = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(_libs_shared_src_apps_content_updates_flight_requests_ContentUpdateRequests__WEBPACK_IMPORTED_MODULE_11__["ContentUpdateRequests"].getContentUpdates(from, to));
+  var subjectPreferences = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_7__["PreferenceRequests"].mySubjectPreferences());
+  /* Map content update response into list of video ids and classification ids*/
+
+  var classificationIds = [];
+  contentUpdates.data && contentUpdates.data.forEach(function (c) {
+    return classificationIds.push(c.classificationId);
+  });
+  /* Batch fetch the videos and classifications by id */
+
+  var classifications = Object(_libs_shared_src_hooks_UseBatchFetch__WEBPACK_IMPORTED_MODULE_10__["useBatchFetch"])(classificationIds, function (ids) {
+    return _libs_shared_src_apps_content_updates_flight_requests_ContentUpdateRequests__WEBPACK_IMPORTED_MODULE_11__["ContentUpdateRequests"].getClassifications(ids);
+  });
+  /** Callbacks */
+
+  function onFollow(classificationId, follow) {
+    var onSuccess = function onSuccess() {
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_5__["AnalyticsHelper"].logUserAction({
+        id: classificationId
+      }, {
+        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["LocationContext"].ContentUpdatesClassificationBanner,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["WorkflowPhase"].Complete,
+        descriptor: follow ? _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["ToggleDescriptor"].On : _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["ToggleDescriptor"].Off,
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["UserAction"].Follow,
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["EntityType"].Classification
+      });
+      alerts.success(_libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_4__["LanguageService"].getPhrase(namespace, follow ? 'followed' : 'unfollowed', {
+        classification: classifications[classificationId].name
+      }));
+    };
+
+    var onError = function onError() {
+      alerts.error(_libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_4__["LanguageService"].getPhrase(namespace, 'error'));
+    };
+
+    var request = follow ? _libs_shared_src_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_7__["PreferenceRequests"].followSubjects([classificationId], onSuccess, onError) : _libs_shared_src_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_7__["PreferenceRequests"].unfollowSubjects([classificationId], onSuccess, onError);
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, request);
+  }
+
+  if (!contentUpdates.data || !config.data || !subjectPreferences.data || !classifications) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  /* Build out array of content updates from our lists of videos and classifications */
+
+  var mappedUpdates = map(contentUpdates.data, classifications);
+  var preferredSubjectIds = subjectPreferences.data.map(function (subject) {
+    return subject.id;
+  });
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'bg-white padding-gutter content-updates'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_content_updates_components__WEBPACK_IMPORTED_MODULE_12__["WhatsNewBreadcrumbs"], {
+    dashboardAppLink: props.appLinks.dashboardAppLink
+  }), mappedUpdates.map(function (c) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_ContentUpdateClassification__WEBPACK_IMPORTED_MODULE_13__["ContentUpdateClassification"], {
+      classification: c.classification,
+      videos: c.videos,
+      imageCdnUrl: config.data.imageCdnUrl,
+      showMore: c.showMore,
+      key: c.classification.id,
+      appLinks: props.appLinks,
+      followed: preferredSubjectIds.includes(c.classification.id),
+      follow: onFollow
+    });
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/content-updates/views/content-updates/components/ContentUpdateClassification.tsx":
+/*!***************************************************************************************************!*\
+  !*** ./src/apps/content-updates/views/content-updates/components/ContentUpdateClassification.tsx ***!
+  \***************************************************************************************************/
+/*! exports provided: ContentUpdateClassification */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ContentUpdateClassification", function() { return ContentUpdateClassification; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _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");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_utils_ImageHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/utils/ImageHelper */ "../../libs/shared/src/utils/ImageHelper.ts");
+/* harmony import */ var _libs_shared_src_enums_Images__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/enums/Images */ "../../libs/shared/src/enums/Images.ts");
+/* harmony import */ var apps_content_updates_components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! apps/content-updates/components */ "./src/apps/content-updates/components/index.ts");
+/* harmony import */ var apps_playlists_components_video_list__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! apps/playlists/components/video-list */ "./src/apps/playlists/components/video-list/index.ts");
+
+
+
+
+
+
+
+var namespace = 'contentUpdates.contentUpdatesView';
+function ContentUpdateClassification(props) {
+  var classification = props.classification,
+      videos = props.videos,
+      imageCdnUrl = props.imageCdnUrl,
+      showMore = props.showMore,
+      followed = props.followed;
+  var url = _libs_shared_src_utils_ImageHelper__WEBPACK_IMPORTED_MODULE_3__["ImageHelper"].createBannerUrl(classification.banner, {
+    fallbackBaseUrl: imageCdnUrl,
+    fallbackCategoryName: classification.name,
+    type: _libs_shared_src_enums_Images__WEBPACK_IMPORTED_MODULE_4__["ImageType"].Banners
+  });
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'mb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_content_updates_components__WEBPACK_IMPORTED_MODULE_5__["ClassificationBanner"], {
+    classification: classification,
+    backgroundUrl: url,
+    getClassificationAppLink: props.appLinks.getClassificationAppLink,
+    followed: followed,
+    follow: props.follow
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_playlists_components_video_list__WEBPACK_IMPORTED_MODULE_6__["SortableVideoListContainer"], {
+    playlistId: '0',
+    isUserSignedIn: true,
+    onSortComplete: function onSortComplete() {},
+    videos: videos,
+    getVideoAppLink: props.appLinks.getVideoAppLink,
+    getSeriesAppLink: props.appLinks.getSeriesAppLink
+  }), showMore && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'show-more'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_1__["AppLink"], {
+    className: 'info-link',
+    appLink: props.appLinks.getClassificationUpdateAppLink(classification)
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_2__["Text"], {
+    namespace: namespace,
+    phrase: 'showMore',
+    options: {
+      classificationName: classification.name
+    }
+  }))));
+}
+
+/***/ }),
+
+/***/ "./src/apps/playlists/components/video-list/SortableVideoListContainer.tsx":
+/*!*********************************************************************************!*\
+  !*** ./src/apps/playlists/components/video-list/SortableVideoListContainer.tsx ***!
+  \*********************************************************************************/
+/*! exports provided: SortableVideoListContainer */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SortableVideoListContainer", function() { return SortableVideoListContainer; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* 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");
+/* 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");
+/* 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");
+/* 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");
+/* 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");
+/* 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__);
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var __rest = undefined && undefined.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+
+
+
+
+
+
+
+function SortableVideoListContainer(props) {
+  var onSortComplete = props.onSortComplete,
+      onSortStart = props.onSortStart,
+      showPartialLoading = props.showPartialLoading,
+      videoListProps = __rest(props, ["onSortComplete", "onSortStart", "showPartialLoading"]);
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      currentSortingIndex = _React$useState2[0],
+      setCurrentSortingIndex = _React$useState2[1];
+
+  var onSortStartHandler = function onSortStartHandler(index) {
+    if (_libs_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__["FunctionHelper"].isFunction(onSortStart)) onSortStart(index);
+  };
+
+  var onSortEnd = function onSortEnd(sort) {
+    setCurrentSortingIndex(null);
+
+    if (!_libs_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__["FunctionHelper"].isFunction(onSortComplete)) {
+      _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'));
+      return;
+    }
+
+    onSortComplete(sort.oldIndex, sort.newIndex);
+  };
+
+  if (showPartialLoading) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_video_list_PartialVideoList__WEBPACK_IMPORTED_MODULE_5__["PartialVideoList"], null);
+  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));
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_video_list_VideoList__WEBPACK_IMPORTED_MODULE_4__["SortableVideoList"], Object.assign({}, videoListProps, {
+    currentSortingIndex: currentSortingIndex,
+    updateBeforeSortStart: function updateBeforeSortStart(_ref) {
+      var index = _ref.index;
+      return setCurrentSortingIndex(index);
+    },
+    onSortStart: function onSortStart(_ref2) {
+      var index = _ref2.index;
+      return onSortStartHandler(index);
+    },
+    onSortEnd: onSortEnd,
+    lockAxis: 'y',
+    lockToContainerEdges: true,
+    lockOffset: ['0%', '100%'],
+    helperClass: "bg-white ".concat(_sortable_video_list_container_scss__WEBPACK_IMPORTED_MODULE_6___default.a.sortableItem),
+    distance: 1,
+    useDragHandle: true
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/playlists/components/video-list/index.ts":
+/*!***********************************************************!*\
+  !*** ./src/apps/playlists/components/video-list/index.ts ***!
+  \***********************************************************/
+/*! exports provided: SortableVideoListContainer */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _SortableVideoListContainer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./SortableVideoListContainer */ "./src/apps/playlists/components/video-list/SortableVideoListContainer.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SortableVideoListContainer", function() { return _SortableVideoListContainer__WEBPACK_IMPORTED_MODULE_0__["SortableVideoListContainer"]; });
+
+
+
+/***/ }),
+
+/***/ "./src/apps/playlists/components/video-list/sortable-video-list-container.scss":
+/*!*************************************************************************************!*\
+  !*** ./src/apps/playlists/components/video-list/sortable-video-list-container.scss ***!
+  \*************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"sortableItem":"cv--sortableItem--2eiPB"};
+
+/***/ })
+
+}]);
+//# sourceMappingURL=24.chunk.js.map