@clickview/lite 0.0.22 → 0.0.23-rc.1

package/dist/scripts/{32-89eee7291c.chunk.js → 32-fc3af72027.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[32],{1219:function(a,e,t){"use strict";t.r(e),t.d(e,"FavouriteVideosView",(function(){return L}));var n=t(0),i=t(59),o=t(14),r=t(9),c=t(52),u=t(233),s=t(227),d=t(795),l=t(815),v=t(810),f=t(236),p=t(879),m=t(811),b=t(47),y=t(3),g=t(6),h=t(13),k=function(a){return{application:g.a.DEFAULT,action:h.a.Default.PLAY_VIDEO,args:[a.id,c.a.slugify(a.name)]}},E=function(a){return{application:null,action:null,args:[a.id]}};function L(a){var e=Object(i.useDispatch)(),t=o.a.useBasicFetch(u.a.config),c=o.a.useBasicFetch(s.a.currentUser),g=o.a.useBasicFetch(!!c.data&&d.a.favouriteVideos(c.data.id,a.cursor));return Object(m.a)(g.data),n.createElement(f.a.Provider,{value:{getActionAppLink:p.a}},!!t.data&&n.createElement(v.a,{heading:r.a.getPhrase("shared.favouriteVideos","header"),banner:null,imageCdnUrl:t.data.imageCdnUrl}),!!g.data&&n.createElement(l.c,{videos:g.data.data,cursors:g.data.pagination.cursors,getVideoAppLink:k,getSeriesAppLink:E,setFavourite:function(a,t,n){o.a.fetch(e,d.a.updateIsVideoFavourited(a,c.data.id,t,(function(){b.a.logUserAction({id:a},{entity:y.d.Video,actionType:y.n.Favourite,descriptor:t?y.m.On:y.m.Off,location:y.j.VideoThumbnail,workflowPhase:y.o.Complete})}),n))}}))}},795:function(a,e,t){"use strict";t.d(e,"a",(function(){return u}));var n=t(21),i=t(41),o=function(a,e){var t={};for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&e.indexOf(n)<0&&(t[n]=a[n]);if(null!=a&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(n=Object.getOwnPropertySymbols(a);i<n.length;i++)e.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(a,n[i])&&(t[n[i]]=a[n[i]])}return t};function r(a,e,t,i){return{url:"/api/domain/v2/objects/".concat(e),key:"favourite:video:".concat(e,":").concat(a),data:{favouriteVideos:a},type:n.a.PUT,invalidationKeys:["favourite:videos:".concat(e),"video:is:favourited:".concat(e)],success:t,error:i}}function c(a,e,t,i){return{url:"/api/domain/v2/objects/".concat(e,"/favouriteVideos/").concat(a),key:"favourite:video:".concat(e,":").concat(a),type:n.a.DELETE,invalidationKeys:["favourite:videos:".concat(e),"video:is:favourited:".concat(e)],success:t,error:i}}var u={favouriteVideos:function(a,e){var t="".concat(i.a.VIDEO_COLLECTION).concat(function(a){return a?"&cursor=".concat(a):""}(e));return{url:"/api/domain/v2/objects/".concat(a,"/favouriteVideos?query=").concat(t),key:"favourite:videos:".concat(a).concat(e?":".concat(e):"")}},updateIsVideoFavourited:function(a,e,t,n,i){return(t?r:c)(a,e,n,i)},isFavourited:function(a,e){var t=e.slice().sort(),n=t.map((function(a){return"id=".concat(a)}));return{url:"/api/domain/v2/objects?query=favouritedBy{id:".concat(a,"}&").concat(n.join("&")),key:"video:is:favourited:".concat(a,":by:id:").concat(t.join(",")),formatData:function(a){var e;if(!(null===(e=a)||void 0===e?void 0:e.length))return a;return a.map((function(a){var e,t,n=a.favouritedBy,i=o(a,["favouritedBy"]);return Object.assign(Object.assign({},i),{isFavourited:!!(null===(t=null===(e=n)||void 0===e?void 0:e.data)||void 0===t?void 0:t.length)})}))}}}}},809:function(a,e,t){"use strict";t.d(e,"a",(function(){return u}));var n=t(0),i=t(9),o=t(50),r=t(51),c=t(12);function u(a){var e=a.backToName,t=a.appLink,u=a.color,s=e?i.a.getPhrase("shared.backButton","backTo",{backToName:e}):i.a.getPhrase("shared.backButton","back"),d="black"===u?"":"text-light";return n.createElement(r.a,{appLink:t,className:"d-inline-flex align-items-center h5 mb-0 ".concat(d)},n.createElement(o.a,{svgName:c.b.ChevronLeft,size:o.b.Medium}),n.createElement("span",{className:"ml-1"},s))}u.defaultProps={color:"black"}},810:function(a,e,t){"use strict";t.d(e,"a",(function(){return d})),t.d(e,"b",(function(){return l}));var n=t(0),i=t(809),o=t(229),r=t(148),c=t(803),u=t(822),s=t.n(u),d=n.memo((function(a){var e=a.heading,t=a.banner,u=a.imageCdnUrl,d=a.actions,l=a.sortComponent,v=o.a.createBannerUrl(t,{fallbackBaseUrl:u,fallbackCategoryName:e,type:r.b.Banners},{size:r.a.Large,resizeType:r.c.Cover});return n.createElement("div",{className:"banner",style:{backgroundImage:"url('".concat(v,"')")}},a.backButtonAppLink&&n.createElement("div",{className:"pt-3"},n.createElement(i.a,{appLink:a.backButtonAppLink,backToName:a.backButtonText,color:"white"})),n.createElement("h1",{className:"text-white text-shadow position-absolute m-0 pb-3"},e),!!d&&n.createElement("div",{className:s.a.actionsContainer},n.createElement(c.a,{actions:d,sortComponent:l})))}),(function(a,e){return a.actions===e.actions})),l=function(){return n.createElement("div",{className:"partial-banner partial-loading-background"})}},811:function(a,e,t){"use strict";t.d(e,"a",(function(){return c}));var n=t(14),i=t(227),o=t(795),r=t(228);function c(a){var e=n.a.useBasicFetch(i.a.currentUser),t=a&&(Array.isArray(a)?a.map((function(a){return a.id})):a.data.map((function(a){return a.id})));[t&&r.a.videoRatings(t),t&&e.data&&o.a.isFavourited(e.data.id,t)].forEach((function(e){return t=!!a,i=e,o=n.a.useGetResponse(i&&i.key),r=n.a.useGetFetch(i),void(t&&o.shouldFetch&&r());var t,i,o,r}))}},822:function(a,e,t){a.exports={actionsContainer:"_286KF"}},879:function(a,e,t){"use strict";t.d(e,"a",(function(){return r}));var n=t(121),i=t(6),o=t(13);function r(a,e){switch(e){case n.a.AddToPlaylist:return{application:i.a.PLAYLISTS,action:o.a.Playlists.ADD_TO_PLAYLIST,args:[a.id]};case n.a.Share:return{application:i.a.DEFAULT,action:o.a.Default.SHARE,args:[a.id],params:{entityType:"video"}}}}}}]);
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[32],{1225:function(a,e,t){"use strict";t.r(e),t.d(e,"FavouriteVideosView",(function(){return L}));var n=t(0),i=t(59),o=t(14),r=t(9),c=t(52),u=t(150),s=t(229),d=t(800),l=t(822),v=t(817),f=t(236),p=t(887),m=t(818),b=t(37),y=t(3),g=t(6),h=t(13),k=function(a){return{application:g.a.DEFAULT,action:h.a.Default.PLAY_VIDEO,args:[a.id,c.a.slugify(a.name)]}},E=function(a){return{application:null,action:null,args:[a.id]}};function L(a){var e=Object(i.useDispatch)(),t=o.a.useBasicFetch(u.a.config),c=o.a.useBasicFetch(s.a.currentUser),g=o.a.useBasicFetch(!!c.data&&d.a.favouriteVideos(c.data.id,a.cursor));return Object(m.a)(g.data),n.createElement(f.a.Provider,{value:{getActionAppLink:p.a}},!!t.data&&n.createElement(v.a,{heading:r.a.getPhrase("shared.favouriteVideos","header"),banner:null,imageCdnUrl:t.data.imageCdnUrl}),!!g.data&&n.createElement(l.c,{videos:g.data.data,cursors:g.data.pagination.cursors,getVideoAppLink:k,getSeriesAppLink:E,setFavourite:function(a,t,n){o.a.fetch(e,d.a.updateIsVideoFavourited(a,c.data.id,t,(function(){b.a.logUserAction({id:a},{entity:y.d.Video,actionType:y.n.Favourite,descriptor:t?y.m.On:y.m.Off,location:y.j.VideoThumbnail,workflowPhase:y.o.Complete})}),n))}}))}},800:function(a,e,t){"use strict";t.d(e,"a",(function(){return u}));var n=t(21),i=t(43),o=function(a,e){var t={};for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&e.indexOf(n)<0&&(t[n]=a[n]);if(null!=a&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(n=Object.getOwnPropertySymbols(a);i<n.length;i++)e.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(a,n[i])&&(t[n[i]]=a[n[i]])}return t};function r(a,e,t,i){return{url:"/api/domain/v2/objects/".concat(e),key:"favourite:video:".concat(e,":").concat(a),data:{favouriteVideos:a},type:n.a.PUT,invalidationKeys:["favourite:videos:".concat(e),"video:is:favourited:".concat(e)],success:t,error:i}}function c(a,e,t,i){return{url:"/api/domain/v2/objects/".concat(e,"/favouriteVideos/").concat(a),key:"favourite:video:".concat(e,":").concat(a),type:n.a.DELETE,invalidationKeys:["favourite:videos:".concat(e),"video:is:favourited:".concat(e)],success:t,error:i}}var u={favouriteVideos:function(a,e){var t="".concat(i.a.VIDEO_COLLECTION).concat(function(a){return a?"&cursor=".concat(a):""}(e));return{url:"/api/domain/v2/objects/".concat(a,"/favouriteVideos?query=").concat(t),key:"favourite:videos:".concat(a).concat(e?":".concat(e):"")}},updateIsVideoFavourited:function(a,e,t,n,i){return(t?r:c)(a,e,n,i)},isFavourited:function(a,e){var t=e.slice().sort(),n=t.map((function(a){return"id=".concat(a)}));return{url:"/api/domain/v2/objects?query=favouritedBy{id:".concat(a,"}&").concat(n.join("&")),key:"video:is:favourited:".concat(a,":by:id:").concat(t.join(",")),formatData:function(a){var e;if(!(null===(e=a)||void 0===e?void 0:e.length))return a;return a.map((function(a){var e,t,n=a.favouritedBy,i=o(a,["favouritedBy"]);return Object.assign(Object.assign({},i),{isFavourited:!!(null===(t=null===(e=n)||void 0===e?void 0:e.data)||void 0===t?void 0:t.length)})}))}}}}},816:function(a,e,t){"use strict";t.d(e,"a",(function(){return u}));var n=t(0),i=t(9),o=t(50),r=t(51),c=t(12);function u(a){var e=a.backToName,t=a.appLink,u=a.color,s=e?i.a.getPhrase("shared.backButton","backTo",{backToName:e}):i.a.getPhrase("shared.backButton","back"),d="black"===u?"":"text-light";return n.createElement(r.a,{appLink:t,className:"d-inline-flex align-items-center h5 mb-0 ".concat(d)},n.createElement(o.a,{svgName:c.b.ChevronLeft,size:o.b.Medium}),n.createElement("span",{className:"ml-1"},s))}u.defaultProps={color:"black"}},817:function(a,e,t){"use strict";t.d(e,"a",(function(){return d})),t.d(e,"b",(function(){return l}));var n=t(0),i=t(816),o=t(148),r=t(111),c=t(809),u=t(829),s=t.n(u),d=n.memo((function(a){var e=a.heading,t=a.banner,u=a.imageCdnUrl,d=a.actions,l=a.sortComponent,v=o.a.createBannerUrl(t,{fallbackBaseUrl:u,fallbackCategoryName:e,type:r.b.Banners},{size:r.a.Large,resizeType:r.c.Cover});return n.createElement("div",{className:"banner",style:{backgroundImage:"url('".concat(v,"')")}},a.backButtonAppLink&&n.createElement("div",{className:"pt-3"},n.createElement(i.a,{appLink:a.backButtonAppLink,backToName:a.backButtonText,color:"white"})),n.createElement("h1",{className:"text-white text-shadow position-absolute m-0 pb-3"},e),!!d&&n.createElement("div",{className:s.a.actionsContainer},n.createElement(c.a,{actions:d,sortComponent:l})))}),(function(a,e){return a.actions===e.actions})),l=function(){return n.createElement("div",{className:"partial-banner partial-loading-background"})}},818:function(a,e,t){"use strict";t.d(e,"a",(function(){return c}));var n=t(14),i=t(229),o=t(800),r=t(230);function c(a){var e=n.a.useBasicFetch(i.a.currentUser),t=a&&(Array.isArray(a)?a.map((function(a){return a.id})):a.data.map((function(a){return a.id})));[t&&r.a.videoRatings(t),t&&e.data&&o.a.isFavourited(e.data.id,t)].forEach((function(e){return t=!!a,i=e,o=n.a.useGetResponse(i&&i.key),r=n.a.useGetFetch(i),void(t&&o.shouldFetch&&r());var t,i,o,r}))}},829:function(a,e,t){a.exports={actionsContainer:"_286KF"}},887:function(a,e,t){"use strict";t.d(e,"a",(function(){return r}));var n=t(123),i=t(6),o=t(13);function r(a,e){switch(e){case n.a.AddToPlaylist:return{application:i.a.PLAYLISTS,action:o.a.Playlists.ADD_TO_PLAYLIST,args:[a.id]};case n.a.Share:return{application:i.a.DEFAULT,action:o.a.Default.SHARE,args:[a.id],params:{entityType:"video"}}}}}}]);

package/dist/scripts/32.chunk.js

@@ -0,0 +1,424 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[32],{
+
+/***/ "../../libs/shared/src/apps/content-updates/flight-requests/ContentUpdateRequests.ts":
+/*!*******************************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/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/front-end/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);
+}
+
+/***/ }),
+
+/***/ "./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/classification-update/ClassificationUpdateView.tsx":
+/*!*******************************************************************************************!*\
+  !*** ./src/apps/content-updates/views/classification-update/ClassificationUpdateView.tsx ***!
+  \*******************************************************************************************/
+/*! exports provided: ClassificationUpdateView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassificationUpdateView", function() { return ClassificationUpdateView; });
+/* 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 _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_shared_src_apps_content_updates_flight_requests_ContentUpdateRequests__WEBPACK_IMPORTED_MODULE_3__ = __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_playlists_components_video_list_SortableVideoListContainer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! apps/playlists/components/video-list/SortableVideoListContainer */ "./src/apps/playlists/components/video-list/SortableVideoListContainer.tsx");
+/* harmony import */ var apps_content_updates_components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! apps/content-updates/components */ "./src/apps/content-updates/components/index.ts");
+
+
+
+
+
+
+function ClassificationUpdateView(props) {
+  var _a;
+
+  var classificationId = props.classificationId;
+  var from = moment__WEBPACK_IMPORTED_MODULE_1__().subtract(1, 'year').toISOString();
+  var to = moment__WEBPACK_IMPORTED_MODULE_1__().toISOString();
+  var classificationItem = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_apps_content_updates_flight_requests_ContentUpdateRequests__WEBPACK_IMPORTED_MODULE_3__["ContentUpdateRequests"].getClassification(classificationId));
+  var contentUpdates = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_apps_content_updates_flight_requests_ContentUpdateRequests__WEBPACK_IMPORTED_MODULE_3__["ContentUpdateRequests"].getContentUpdates(from, to));
+  var classification = (_a = contentUpdates.data) === null || _a === void 0 ? void 0 : _a.find(function (c) {
+    return c.classificationId === classificationId;
+  });
+  if (!contentUpdates.data || !classificationItem.data) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  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_5__["ClassificationUpdateBreadcrumbs"], {
+    classification: classificationItem.data,
+    dashboardAppLink: props.appLinks.dashboardAppLink,
+    contentUpdatesAppLink: props.appLinks.contentUpdatesAppLink
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_playlists_components_video_list_SortableVideoListContainer__WEBPACK_IMPORTED_MODULE_4__["SortableVideoListContainer"], {
+    canEdit: false,
+    playlistId: '0',
+    isUserSignedIn: true,
+    onSortComplete: function onSortComplete() {},
+    videos: classification.videos,
+    getVideoAppLink: props.appLinks.getVideoAppLink,
+    getSeriesAppLink: props.appLinks.getSeriesAppLink
+  }));
+}
+
+/***/ }),
+
+/***/ "./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/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=32.chunk.js.map

package/dist/scripts/32.chunk.js.map

@@ -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/projects/lite/src/apps/content-updates/components/classification-banner/ClassificationBanner.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/content-updates/components/classification-banner/classification-banner.scss","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/content-updates/views/classification-update/ClassificationUpdateView.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/playlists/components/video-list/SortableVideoListContainer.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/playlists/components/video-list/sortable-video-list-container.scss"],"names":[],"mappings":"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","file":"scripts/32.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 * 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 * as moment from 'moment';\r\nimport { Flight } from 'libs/common/flight';\r\n\r\nimport { useBatchFetch } from 'libs/shared/hooks/UseBatchFetch';\r\nimport { Video, Classification } from 'libs/shared/interfaces';\r\nimport { ContentUpdateAppLinks, ClassificationVideosGrouping } from 'libs/shared/apps/content-updates/interfaces';\r\nimport { ContentUpdateRequests } from 'libs/shared/apps/content-updates/flight-requests/ContentUpdateRequests';\r\n\r\nimport { SortableVideoListContainer } from 'apps/playlists/components/video-list/SortableVideoListContainer';\r\nimport { ClassificationUpdateBreadcrumbs } from 'apps/content-updates/components';\r\n\r\ninterface ClassificationUpdateViewProps {\r\n  classificationId: string;\r\n  appLinks: ContentUpdateAppLinks;\r\n}\r\n\r\nexport function ClassificationUpdateView(props: ClassificationUpdateViewProps): JSX.Element {\r\n  const { classificationId } = props;\r\n\r\n  const from = moment().subtract(1, 'year').toISOString();\r\n  const to = moment().toISOString();\r\n\r\n  const classificationItem = Flight.useBasicFetch<Classification>(\r\n    ContentUpdateRequests.getClassification(classificationId));\r\n\r\n  const contentUpdates = Flight.useBasicFetch<ClassificationVideosGrouping[]>(\r\n    ContentUpdateRequests.getContentUpdates(from, to));\r\n\r\n  const classification = contentUpdates.data?.find(c => c.classificationId === classificationId);\r\n\r\n  if (!contentUpdates.data || !classificationItem.data)\r\n    return <></>;\r\n\r\n  return (\r\n    <div className={'bg-white padding-gutter content-updates'}>\r\n      <ClassificationUpdateBreadcrumbs\r\n        classification={classificationItem.data}\r\n        dashboardAppLink={props.appLinks.dashboardAppLink}\r\n        contentUpdatesAppLink={props.appLinks.contentUpdatesAppLink}\r\n      />\r\n      <SortableVideoListContainer\r\n        canEdit={false}\r\n        playlistId={'0'}\r\n        isUserSignedIn={true}\r\n        onSortComplete={() => {}}\r\n        videos={classification.videos}\r\n        getVideoAppLink={props.appLinks.getVideoAppLink}\r\n        getSeriesAppLink={props.appLinks.getSeriesAppLink}\r\n      />\r\n    </div>\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":""}

package/dist/scripts/{33-f52c459d74.chunk.js → 33-7f91f3f41c.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[33],{1200:function(e,t,n){"use strict";n.r(t),n.d(t,"CreateClassroomView",(function(){return d}));var r=n(0),a=n.n(r),i=n(56),o=n(8),c=n(13),l=n(220),u=n(779),s=n(224),m=n(948),f=n(34),b=o.a.encloseNamespace("classrooms.createClassroom");function d(e){var t=Object(u.a)(),n=Object(i.useDispatch)();return a.a.createElement(l.a,{title:b("title"),closePopup:e.closePopup},a.a.createElement(m.a,{saveClassroom:function(r){c.a.fetch(n,s.a.createClassroom(r,(function(n){f.a.logUserAction(n,e.analyticsOptions),t.success(b("success",{name:r.name})),e.closePopup()}),(function(){t.error(b("error"))})))},onClickCancel:e.closePopup}))}},779:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var r=n(141),a=n(42),i=n(52),o=function(){var e=Object(r.a)(i.a.ALERT);return{success:function(t){e.success(t)()},error:function(t){e.error(t)()},warning:function(t){e.createAlert({type:a.a.Warning,heading:a.c.Warning,message:t})}}}},782:function(e,t,n){"use strict";n.d(t,"a",(function(){return l})),n.d(t,"b",(function(){return u}));var r=n(0),a=n(778),i=n(39),o=n(51),c=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};function l(e){var t=e.castInitialValues,n=e.castValuesOnSubmit,l=e.initialValues,u=e.onSubmit,s=e.resetOnSubmit,m=c(e,["castInitialValues","castValuesOnSubmit","initialValues","onSubmit","resetOnSubmit"]),f=t&&e.validationSchema?e.validationSchema.cast(function e(t){var n=o.a.deepClone(t);return Object.keys(n).forEach((function(t){n.hasOwnProperty(t)&&(o.a.isObject(n[t])?n[t]=e(n[t]):null===n[t]&&delete n[t])})),n}(l)):l,b={allowInitialSubmit:e.allowInitialSubmit};return r.createElement(a.d,Object.assign({enableReinitialize:!0},m,{initialValues:f,onSubmit:function(t,r){var a=r.setSubmitting,i=r.resetForm,o=n&&e.validationSchema?e.validationSchema.cast(t):t;u(o,(function(){s&&i(),a(!1)}))},initialStatus:b}),i.a.isFunction(e.children)?function(t){return e.children(t)}:r.Children.count(e.children)?e.children:null)}function u(){return Object(a.f)()}l.defaultProps={castInitialValues:!0,castValuesOnSubmit:!0}},791:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=n(778),a={getCustomFormControlClassName:function(e,t,n,a){var i="form-control";return Object(r.e)(t,n)&&Object(r.e)(e,n)&&(i+=" is-invalid"),a&&(i+=" ".concat(a)),i}}},793:function(e,t,n){"use strict";var r=n(0),a=n(778),i=n(41),o=n(39),c=n(791);function l(e){var t=Object(a.f)().values[e.fieldName];return"string"!=typeof t?r.createElement(r.Fragment,null):r.createElement("div",{className:"float-right text-muted"},t.length,"/",e.limit)}var u=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};function s(e){var t=e.label,n=u(e,["label"]);return r.createElement(i.Form.Group,null,r.createElement("div",{className:"custom-control custom-checkbox"},r.createElement(f,Object.assign({className:"custom-control-input"},n)),r.createElement(i.Form.Label,{className:"custom-control-label",htmlFor:n.id},t)))}n.d(t,"a",(function(){return f})),n.d(t,"b",(function(){return b}));var m=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};function f(e){var t=e.children,n=m(e,["children"]);return r.createElement(a.b,Object.assign({},n),o.a.isFunction(t)?function(e){return t(e)}:r.Children.count(t)?t:null)}function b(e){var t=e.label,n=e.className,o=e.showCharacterCounter,u=m(e,["label","className","showCharacterCounter"]),b=Object(a.f)(),d=b.errors,p=b.touched;return"checkbox"===u.type?r.createElement(s,Object.assign({},e)):r.createElement(i.Form.Group,null,!!t&&r.createElement(i.Form.Label,{htmlFor:u.id},t),r.createElement(f,Object.assign({className:c.a.getCustomFormControlClassName(d,p,u.name,n)},u)),!!o&&!!u.maxLength&&r.createElement(l,{fieldName:u.name,limit:u.maxLength}),r.createElement(a.a,{name:u.name},(function(e){return r.createElement(i.Form.Control.Feedback,{type:"invalid"},e)})))}},794:function(e,t,n){"use strict";var r=n(0),a=n(778);function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return o(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var c=n(227),l=n(76);n.d(t,"a",(function(){return u}));function u(e){var t=Object(a.f)(),n=function(e){var t,n=i(r.useState(!1),2),a=n[0],o=n[1];return r.useEffect((function(){var t;e.isValid&&(e.dirty||(null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit))?o(!0):o(!1)}),[e.isValid,null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit,e.dirty,e.values]),r.useEffect((function(){e.isSubmitting&&o(!1)}),[e.isSubmitting]),a}(t);r.useEffect((function(){function e(e){13===e.keyCode&&n&&t.validateForm().then((function(e){Object.keys(e).length||t.submitForm()}))}return window.addEventListener("keypress",e),function(){return window.removeEventListener("keypress",e)}}),[n]);var o="save";return e.isNew&&(o="create"),e.hasNext&&(o="next"),r.createElement(c.a,{variant:e.variant||"primary",showSpinner:t.isSubmitting,type:"submit",disabled:!n},e.submitText?r.createElement(r.Fragment,null,e.submitText):r.createElement(l.b,{namespace:"shared.formButtons",phrase:o}))}},948:function(e,t,n){"use strict";var r=n(0),a=n.n(r),i=n(782),o=n(824),c=n(8),l=c.a.encloseNamespace("classrooms.classroomValidation"),u=Object(o.object)().shape({name:Object(o.string)().max(255,(function(){return l("nameExceeds")})).required((function(){return l("nameRequired")})).default("")}),s=n(778),m=n(793),f=n(794),b=n(76),d="classrooms.classroomDetailsForm",p=c.a.encloseNamespace(d);function v(e){var t=Object(i.b)();return a.a.createElement(s.c,null,a.a.createElement(m.b,{label:p("nameLabel"),type:"text",name:"name",id:"name",placeholder:p("namePlaceholder"),autoFocus:!0,value:t.values.name}),a.a.createElement("div",{className:"btn-container d-flex justify-content-end"},a.a.createElement("button",{type:"button",className:"btn btn-link mr-2",onClick:e.onClickCancel},a.a.createElement(b.b,{namespace:d,phrase:"cancel"})),a.a.createElement(f.a,{isNew:e.isNew})))}function y(e){var t,n,r=e.classroom,o=e.saveClassroom,c=e.onClickCancel,l={id:null===(t=r)||void 0===t?void 0:t.id,name:null===(n=r)||void 0===n?void 0:n.name};return a.a.createElement(i.a,{initialValues:l,validationSchema:u,onSubmit:o},a.a.createElement(v,{isNew:!r,onClickCancel:c}))}n.d(t,"a",(function(){return y}))}}]);
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[33],{1212:function(e,t,n){"use strict";n.r(t),n.d(t,"CreateClassroomView",(function(){return d}));var r=n(0),a=n.n(r),i=n(59),o=n(9),c=n(14),l=n(227),u=n(791),s=n(231),m=n(960),f=n(37),b=o.a.encloseNamespace("classrooms.createClassroom");function d(e){var t=Object(u.a)(),n=Object(i.useDispatch)();return a.a.createElement(l.a,{title:b("title"),closePopup:e.closePopup},a.a.createElement(m.a,{saveClassroom:function(r){c.a.fetch(n,s.a.createClassroom(r,(function(n){f.a.logUserAction(n,e.analyticsOptions),t.success(b("success",{name:r.name})),e.closePopup()}),(function(){t.error(b("error"))})))},onClickCancel:e.closePopup}))}},791:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var r=n(147),a=n(45),i=n(55),o=function(){var e=Object(r.a)(i.a.ALERT);return{success:function(t){e.success(t)()},error:function(t){e.error(t)()},warning:function(t){e.createAlert({type:a.a.Warning,heading:a.c.Warning,message:t})}}}},794:function(e,t,n){"use strict";n.d(t,"a",(function(){return l})),n.d(t,"b",(function(){return u}));var r=n(0),a=n(790),i=n(42),o=n(54),c=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};function l(e){var t=e.castInitialValues,n=e.castValuesOnSubmit,l=e.initialValues,u=e.onSubmit,s=e.resetOnSubmit,m=c(e,["castInitialValues","castValuesOnSubmit","initialValues","onSubmit","resetOnSubmit"]),f=t&&e.validationSchema?e.validationSchema.cast(function e(t){var n=o.a.deepClone(t);return Object.keys(n).forEach((function(t){n.hasOwnProperty(t)&&(o.a.isObject(n[t])?n[t]=e(n[t]):null===n[t]&&delete n[t])})),n}(l)):l,b={allowInitialSubmit:e.allowInitialSubmit};return r.createElement(a.d,Object.assign({enableReinitialize:!0},m,{initialValues:f,onSubmit:function(t,r){var a=r.setSubmitting,i=r.resetForm,o=n&&e.validationSchema?e.validationSchema.cast(t):t;u(o,(function(){s&&i(),a(!1)}))},initialStatus:b}),i.a.isFunction(e.children)?function(t){return e.children(t)}:r.Children.count(e.children)?e.children:null)}function u(){return Object(a.f)()}l.defaultProps={castInitialValues:!0,castValuesOnSubmit:!0}},803:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=n(790),a={getCustomFormControlClassName:function(e,t,n,a){var i="form-control";return Object(r.e)(t,n)&&Object(r.e)(e,n)&&(i+=" is-invalid"),a&&(i+=" ".concat(a)),i}}},805:function(e,t,n){"use strict";var r=n(0),a=n(790),i=n(44),o=n(42),c=n(803);function l(e){var t=Object(a.f)().values[e.fieldName];return"string"!=typeof t?r.createElement(r.Fragment,null):r.createElement("div",{className:"float-right text-muted"},t.length,"/",e.limit)}var u=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};function s(e){var t=e.label,n=u(e,["label"]);return r.createElement(i.Form.Group,null,r.createElement("div",{className:"custom-control custom-checkbox"},r.createElement(f,Object.assign({className:"custom-control-input"},n)),r.createElement(i.Form.Label,{className:"custom-control-label",htmlFor:n.id},t)))}n.d(t,"a",(function(){return f})),n.d(t,"b",(function(){return b}));var m=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};function f(e){var t=e.children,n=m(e,["children"]);return r.createElement(a.b,Object.assign({},n),o.a.isFunction(t)?function(e){return t(e)}:r.Children.count(t)?t:null)}function b(e){var t=e.label,n=e.className,o=e.showCharacterCounter,u=m(e,["label","className","showCharacterCounter"]),b=Object(a.f)(),d=b.errors,p=b.touched;return"checkbox"===u.type?r.createElement(s,Object.assign({},e)):r.createElement(i.Form.Group,null,!!t&&r.createElement(i.Form.Label,{htmlFor:u.id},t),r.createElement(f,Object.assign({className:c.a.getCustomFormControlClassName(d,p,u.name,n)},u)),!!o&&!!u.maxLength&&r.createElement(l,{fieldName:u.name,limit:u.maxLength}),r.createElement(a.a,{name:u.name},(function(e){return r.createElement(i.Form.Control.Feedback,{type:"invalid"},e)})))}},806:function(e,t,n){"use strict";var r=n(0),a=n(790);function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return o(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var c=n(234),l=n(81);n.d(t,"a",(function(){return u}));function u(e){var t=Object(a.f)(),n=function(e){var t,n=i(r.useState(!1),2),a=n[0],o=n[1];return r.useEffect((function(){var t;e.isValid&&(e.dirty||(null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit))?o(!0):o(!1)}),[e.isValid,null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit,e.dirty,e.values]),r.useEffect((function(){e.isSubmitting&&o(!1)}),[e.isSubmitting]),a}(t);r.useEffect((function(){function e(e){13===e.keyCode&&n&&t.validateForm().then((function(e){Object.keys(e).length||t.submitForm()}))}return window.addEventListener("keypress",e),function(){return window.removeEventListener("keypress",e)}}),[n]);var o="save";return e.isNew&&(o="create"),e.hasNext&&(o="next"),r.createElement(c.a,{variant:e.variant||"primary",showSpinner:t.isSubmitting,type:"submit",disabled:!n},e.submitText?r.createElement(r.Fragment,null,e.submitText):r.createElement(l.b,{namespace:"shared.formButtons",phrase:o}))}},960:function(e,t,n){"use strict";var r=n(0),a=n.n(r),i=n(794),o=n(836),c=n(9),l=c.a.encloseNamespace("classrooms.classroomValidation"),u=Object(o.object)().shape({name:Object(o.string)().max(255,(function(){return l("nameExceeds")})).required((function(){return l("nameRequired")})).default("")}),s=n(790),m=n(805),f=n(806),b=n(81),d="classrooms.classroomDetailsForm",p=c.a.encloseNamespace(d);function v(e){var t=Object(i.b)();return a.a.createElement(s.c,null,a.a.createElement(m.b,{label:p("nameLabel"),type:"text",name:"name",id:"name",placeholder:p("namePlaceholder"),autoFocus:!0,value:t.values.name}),a.a.createElement("div",{className:"btn-container d-flex justify-content-end"},a.a.createElement("button",{type:"button",className:"btn btn-link mr-2",onClick:e.onClickCancel},a.a.createElement(b.b,{namespace:d,phrase:"cancel"})),a.a.createElement(f.a,{isNew:e.isNew})))}function y(e){var t,n,r=e.classroom,o=e.saveClassroom,c=e.onClickCancel,l={id:null===(t=r)||void 0===t?void 0:t.id,name:null===(n=r)||void 0===n?void 0:n.name};return a.a.createElement(i.a,{initialValues:l,validationSchema:u,onSubmit:o},a.a.createElement(v,{isNew:!r,onClickCancel:c}))}n.d(t,"a",(function(){return y}))}}]);