@clickview/lite 0.0.18-dev.2 → 0.0.18-rc.0

package/dist/scripts/39.chunk.js

@@ -1 +1,318 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[39],{395:function(e,t,n){"use strict";n.d(t,"a",(function(){return l})),n.d(t,"b",(function(){return s}));var a=n(0),r=n(393),i=n(31),o=n(34),c=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};function l(e){const{castInitialValues:t,castValuesOnSubmit:n,initialValues:l,onSubmit:s,resetOnSubmit:u}=e,m=c(e,["castInitialValues","castValuesOnSubmit","initialValues","onSubmit","resetOnSubmit"]),d=t&&e.validationSchema?e.validationSchema.cast(function e(t){const n=o.a.deepClone(t);return Object.keys(n).forEach(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 a.createElement(r.d,Object.assign({enableReinitialize:!0},m,{initialValues:d,onSubmit:(t,{setSubmitting:a,resetForm:r})=>{const i=n&&e.validationSchema?e.validationSchema.cast(t):t;s(i,()=>{u&&r(),a(!1)})},initialStatus:b}),i.a.isFunction(e.children)?t=>e.children(t):a.Children.count(e.children)?e.children:null)}function s(){return Object(r.f)()}l.defaultProps={castInitialValues:!0,castValuesOnSubmit:!0}},401:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var a=n(75),r=n(28),i=n(35);const o=()=>{const e=Object(a.a)(i.a.ALERT);return{success(t){e.success(t)()},error(t){e.error(t)()},warning(t){e.createAlert({type:r.a.Warning,heading:r.c.Warning,message:t})}}}},402:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(393);const r={getCustomFormControlClassName(e,t,n,r){let i="form-control";return Object(a.e)(t,n)&&Object(a.e)(e,n)&&(i+=" is-invalid"),r&&(i+=" "+r),i}}},411:function(e,t,n){"use strict";var a=n(0),r=n(393),i=n(27),o=n(31),c=n(402);function l(e){const{values:t}=Object(r.f)(),n=t[e.fieldName];return"string"!=typeof n?a.createElement(a.Fragment,null):a.createElement("div",{className:"float-right text-muted"},n.length,"/",e.limit)}var s=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};function u(e){const{label:t}=e,n=s(e,["label"]);return a.createElement(i.Form.Group,null,a.createElement("div",{className:"custom-control custom-checkbox"},a.createElement(d,Object.assign({className:"custom-control-input"},n)),a.createElement(i.Form.Label,{className:"custom-control-label",htmlFor:n.id},t)))}n.d(t,"a",(function(){return d})),n.d(t,"b",(function(){return b}));var m=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};function d(e){const{children:t}=e,n=m(e,["children"]);return a.createElement(r.b,Object.assign({},n),o.a.isFunction(t)?e=>t(e):a.Children.count(t)?t:null)}function b(e){const{label:t,className:n,showCharacterCounter:o}=e,s=m(e,["label","className","showCharacterCounter"]),{errors:b,touched:f}=Object(r.f)();return"checkbox"===s.type?a.createElement(u,Object.assign({},e)):a.createElement(i.Form.Group,null,!!t&&a.createElement(i.Form.Label,{htmlFor:s.id},t),a.createElement(d,Object.assign({className:c.a.getCustomFormControlClassName(b,f,s.name,n)},s)),!!o&&!!s.maxLength&&a.createElement(l,{fieldName:s.name,limit:s.maxLength}),a.createElement(r.a,{name:s.name},e=>a.createElement(i.Form.Control.Feedback,{type:"invalid"},e)))}},412:function(e,t,n){"use strict";var a=n(0),r=n(393);var i=n(114),o=n(44);n.d(t,"a",(function(){return c}));function c(e){const t=Object(r.f)(),n=function(e){var t;const[n,r]=a.useState(!1);return a.useEffect(()=>{var t;e.isValid&&(e.dirty||(null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit))?r(!0):r(!1)},[e.isValid,null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit,e.dirty,e.values]),a.useEffect(()=>{e.isSubmitting&&r(!1)},[e.isSubmitting]),n}(t);a.useEffect(()=>{function e(e){13===e.keyCode&&n&&t.validateForm().then(e=>{Object.keys(e).length||t.submitForm()})}return window.addEventListener("keypress",e),()=>window.removeEventListener("keypress",e)},[n]);let c="save";return e.isNew&&(c="create"),e.hasNext&&(c="next"),a.createElement(i.a,{showSpinner:t.isSubmitting,type:"submit",disabled:!n},a.createElement(o.b,{namespace:"shared.formButtons",phrase:c}))}},528:function(e,t,n){"use strict";var a=n(0),r=n.n(a),i=n(395),o=n(387),c=n(5),l=c.a.encloseNamespace("classrooms.classroomValidation"),s=Object(o.object)().shape({name:Object(o.string)().max(255,(function(){return l("nameExceeds")})).required((function(){return l("nameRequired")})).default("")}),u=n(393),m=n(411),d=n(412),b=n(44),f="classrooms.classroomDetailsForm",p=c.a.encloseNamespace(f);function v(e){var t=Object(i.b)();return r.a.createElement(u.c,null,r.a.createElement(m.b,{label:p("nameLabel"),type:"text",name:"name",id:"name",placeholder:p("namePlaceholder"),autoFocus:!0,value:t.values.name}),r.a.createElement("div",{className:"btn-container d-flex justify-content-end"},r.a.createElement("button",{type:"button",className:"btn btn-link mr-2",onClick:e.onClickCancel},r.a.createElement(b.b,{namespace:f,phrase:"cancel"})),r.a.createElement(d.a,{isNew:e.isNew})))}function O(e){var t,n,a=e.classroom,o=e.saveClassroom,c=e.onClickCancel,l={id:null===(t=a)||void 0===t?void 0:t.id,name:null===(n=a)||void 0===n?void 0:n.name};return r.a.createElement(i.a,{initialValues:l,validationSchema:s,onSubmit:o},r.a.createElement(v,{isNew:!a,onClickCancel:c}))}n.d(t,"a",(function(){return O}))},614:function(e,t,n){"use strict";n.r(t),n.d(t,"EditClassroomView",(function(){return b}));var a=n(0),r=n.n(a),i=n(40),o=n(5),c=n(11),l=n(112),s=n(401),u=n(117),m=n(528),d=o.a.encloseNamespace("classrooms.editClassroom");function b(e){var t,n=Object(s.a)(),a=Object(i.useDispatch)(),o=c.a.useBasicFetch(u.a.getClassroom(e.id));return r.a.createElement(l.a,{title:d("title",{name:null===(t=o.data)||void 0===t?void 0:t.name}),closePopup:e.closePopup,showLoadingSpinner:!o.data},o.data&&r.a.createElement(m.a,{classroom:o.data,saveClassroom:function(t){c.a.fetch(a,u.a.editClassroom(t,(function(){n.success(d("success",{name:t.name})),e.closePopup()}),(function(){n.error(d("error",{name:o.data.name}))})))},onClickCancel:e.closePopup}))}}}]);
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[39],{
+
+/***/ "../../libs/shared/src/apps/notifications/views/notifications/Notifications.hbs":
+/*!**************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/notifications/views/notifications/Notifications.hbs ***!
+  \**************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+var Handlebars = __webpack_require__(/*! handlebars */ "handlebars");
+module.exports = (Handlebars['default'] || Handlebars).template({"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
+    var alias1=container.propertyIsEnumerable;
+
+  return "<div class=\"container-fluid bg-white p-3\">\r\n  <h1 class=\"h3 header border-bottom pb-2 m-0\">"
+    + container.escapeExpression((helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(depth0 != null ? depth0 : (container.nullContext || {}),"notifications",{"name":"lang","hash":{},"data":data}))
+    + "</h1>\r\n  <div class=\"list-region\"></div>\r\n  <div class=\"pagination-region\"></div>\r\n</div>";
+},"useData":true});
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/notifications/views/notifications/NotificationsView.ts":
+/*!*****************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/notifications/views/notifications/NotificationsView.ts ***!
+  \*****************************************************************************************************************************/
+/*! exports provided: NotificationsView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "NotificationsView", function() { return NotificationsView; });
+/* harmony import */ var _common_src_backbone__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _common_src_backbone_services_InstanceManager__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../common/src/backbone/services/InstanceManager */ "../../libs/common/src/backbone/services/InstanceManager.ts");
+/* harmony import */ var _enums_PartialLoading__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../enums/PartialLoading */ "../../libs/shared/src/enums/PartialLoading.ts");
+/* harmony import */ var _constants_DataPrefixes__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../constants/DataPrefixes */ "../../libs/shared/src/constants/DataPrefixes.ts");
+/* harmony import */ var _constants_SharedServices__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../constants/SharedServices */ "../../libs/shared/src/constants/SharedServices.ts");
+/* harmony import */ var _constants_AppVariables__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../constants/AppVariables */ "../../libs/shared/src/constants/AppVariables.ts");
+/* harmony import */ var _legacy_interfaces__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../legacy/interfaces */ "../../libs/shared/src/legacy/interfaces/index.ts");
+/* harmony import */ var _legacy_components_pagination_PaginationComponent__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../legacy/components/pagination/PaginationComponent */ "../../libs/shared/src/legacy/components/pagination/PaginationComponent.ts");
+/* harmony import */ var _components_notification_list_NotificationListComponent__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/notification-list/NotificationListComponent */ "../../libs/shared/src/apps/notifications/components/notification-list/NotificationListComponent.ts");
+/* harmony import */ var _Notifications_hbs__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./Notifications.hbs */ "../../libs/shared/src/apps/notifications/views/notifications/Notifications.hbs");
+/* harmony import */ var _Notifications_hbs__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_Notifications_hbs__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var _components_notification_items_partial_loading_NotificationsPartial_hbs__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../components/notification-items/partial-loading/NotificationsPartial.hbs */ "../../libs/shared/src/apps/notifications/components/notification-items/partial-loading/NotificationsPartial.hbs");
+/* harmony import */ var _components_notification_items_partial_loading_NotificationsPartial_hbs__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_components_notification_items_partial_loading_NotificationsPartial_hbs__WEBPACK_IMPORTED_MODULE_11__);
+/* harmony import */ var _components_notification_items_partial_loading_notification_partial_scss__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../components/notification-items/partial-loading/notification-partial.scss */ "../../libs/shared/src/apps/notifications/components/notification-items/partial-loading/notification-partial.scss");
+/* harmony import */ var _components_notification_items_partial_loading_notification_partial_scss__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_components_notification_items_partial_loading_notification_partial_scss__WEBPACK_IMPORTED_MODULE_12__);
+
+
+
+
+
+
+
+
+
+
+
+
+
+class NotificationsView extends _common_src_backbone__WEBPACK_IMPORTED_MODULE_0__["Core"].View {
+  constructor(options) {
+    super(options);
+  }
+
+  get name() {
+    return 'NotificationsView';
+  }
+
+  get title() {
+    return _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(this.lang, 'title');
+  }
+
+  get lang() {
+    return 'notifications.notifications';
+  }
+
+  get className() {
+    return 'notifications-container';
+  }
+
+  get template() {
+    return _Notifications_hbs__WEBPACK_IMPORTED_MODULE_10___default.a;
+  }
+
+  regions() {
+    return {
+      notifications: {
+        replaceElement: true,
+        el: '.list-region',
+        partialLoading: {
+          component: _enums_PartialLoading__WEBPACK_IMPORTED_MODULE_3__["PartialLoadingComponentTypes"].ComponentCollection,
+          options: {
+            collectionLength: 5,
+            childOptions: {
+              template: _components_notification_items_partial_loading_NotificationsPartial_hbs__WEBPACK_IMPORTED_MODULE_11___default.a,
+              className: `px-1 py-2`,
+              viewOptions: {
+                styles: _components_notification_items_partial_loading_notification_partial_scss__WEBPACK_IMPORTED_MODULE_12___default.a
+              }
+            }
+          }
+        }
+      },
+      pagination: {
+        replaceElement: true,
+        el: '.pagination-region'
+      }
+    };
+  }
+
+  initialize() {
+    this.notificationService = _common_src_backbone_services_InstanceManager__WEBPACK_IMPORTED_MODULE_2__["InstanceManager"].getInstance(_constants_SharedServices__WEBPACK_IMPORTED_MODULE_5__["SharedServices"].Notification, this);
+    this.appVariables = _common_src_backbone_services_InstanceManager__WEBPACK_IMPORTED_MODULE_2__["InstanceManager"].getInstance(_constants_AppVariables__WEBPACK_IMPORTED_MODULE_6__["AppVariables"].NOTIFICATIONS, this);
+  }
+
+  onData(collection) {
+    this.collection = collection;
+    this.render();
+  }
+
+  getCollectionIdentifier() {
+    if (this.collectionIdentifier) return this.collectionIdentifier;
+    return this.collectionIdentifier = new _legacy_interfaces__WEBPACK_IMPORTED_MODULE_7__["CollectionIdentifier"](Object.assign({
+      collectionPrefix: _constants_DataPrefixes__WEBPACK_IMPORTED_MODULE_4__["SharedDataPrefixes"].NOTIFICATIONS
+    }, this.options.params));
+  }
+
+  renderNotificationList() {
+    const view = new _components_notification_list_NotificationListComponent__WEBPACK_IMPORTED_MODULE_9__["NotificationListComponent"]({
+      collection: this.collection,
+      childType: _components_notification_list_NotificationListComponent__WEBPACK_IMPORTED_MODULE_9__["NotificationChildType"].Default
+    });
+    this.showChildView('notifications', view);
+  }
+
+  renderPagination() {
+    if (!this.collection.length) return;
+    const cursors = this.notificationService.getNotificationsCursors(this.getCollectionIdentifier());
+    const paginationComponent = new _legacy_components_pagination_PaginationComponent__WEBPACK_IMPORTED_MODULE_8__["PaginationComponent"]({
+      cursors,
+      appLink: Object.assign(Object.assign({}, this.appVariables.appLinks.notifications), {
+        args: [],
+        params: this.getCollectionIdentifier().toParams()
+      })
+    });
+    this.showChildView('pagination', paginationComponent);
+  }
+
+  onBeforeRender() {
+    if (!this.collection) {
+      this.notificationService.getNotifications(this.options.params, this.getCollectionIdentifier(), collection => this.onData(collection));
+    }
+
+    return !!this.collection;
+  }
+
+  onRender() {
+    this.renderNotificationList();
+    this.renderPagination();
+  }
+
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/legacy/components/pagination/Pagination.hbs":
+/*!*************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/legacy/components/pagination/Pagination.hbs ***!
+  \*************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+var Handlebars = __webpack_require__(/*! handlebars */ "handlebars");
+module.exports = (Handlebars['default'] || Handlebars).template({"1":function(container,depth0,helpers,partials,data) {
+    return "disabled";
+},"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable, alias2=depth0 != null ? depth0 : (container.nullContext || {}), alias3=container.hooks.helperMissing, alias4=container.escapeExpression;
+
+  return "<div class=\"p-3\">\r\n  <a class=\"btn previous-applink btn-secondary "
+    + ((stack1 = helpers.unless.call(alias2,((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.cursors : stack1)) != null ? stack1.previous : stack1),{"name":"unless","hash":{},"fn":container.program(1, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\">"
+    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"previous",{"name":"lang","hash":{},"data":data}))
+    + "</a>\r\n  <a class=\"btn next-applink btn-secondary "
+    + ((stack1 = helpers.unless.call(alias2,((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.cursors : stack1)) != null ? stack1.next : stack1),{"name":"unless","hash":{},"fn":container.program(1, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\">"
+    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"next",{"name":"lang","hash":{},"data":data}))
+    + "</a>\r\n</div>";
+},"useData":true});
+
+/***/ }),
+
+/***/ "../../libs/shared/src/legacy/components/pagination/PaginationComponent.ts":
+/*!*********************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/legacy/components/pagination/PaginationComponent.ts ***!
+  \*********************************************************************************************************************/
+/*! exports provided: PaginationComponent */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PaginationComponent", function() { return PaginationComponent; });
+/* harmony import */ var underscore__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! underscore */ "underscore");
+/* harmony import */ var underscore__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(underscore__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _common_src_backbone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var _analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _Pagination_hbs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Pagination.hbs */ "../../libs/shared/src/legacy/components/pagination/Pagination.hbs");
+/* harmony import */ var _Pagination_hbs__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_Pagination_hbs__WEBPACK_IMPORTED_MODULE_4__);
+
+
+
+
+
+class PaginationComponent extends _common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].Component {
+  constructor(options) {
+    super(options);
+  }
+
+  get defaults() {
+    return {
+      cursors: {},
+      cursorParamName: 'cursor'
+    };
+  }
+
+  get name() {
+    return 'PaginationComponent';
+  }
+
+  get template() {
+    return _Pagination_hbs__WEBPACK_IMPORTED_MODULE_4___default.a;
+  }
+
+  get lang() {
+    return 'shared._pagination';
+  }
+
+  get appLinks() {
+    const appLinks = {};
+    if (!this.options.cursors) return {};
+
+    if (this.options.cursors.previous) {
+      let previous = this.options.cursors.previous;
+      const cursor = this.buildCursor(this.options.cursors.previous);
+      /**
+       * ** For legacy pagination only **
+       * Remove the cursor param if the previous page is the first page.
+       * This ensures that we don't unnecessarily re-fetch the first page
+       * which in most cases would have been retrieved without using a cursor.
+       */
+
+      if (+previous <= 1 && this.options.allowFirstPageCursor !== true) delete cursor.params.cursor;
+      appLinks['.previous-applink'] = cursor;
+    }
+
+    if (this.options.cursors.next) {
+      appLinks['.next-applink'] = this.buildCursor(this.options.cursors.next);
+    }
+
+    return appLinks;
+  }
+
+  events() {
+    return {
+      'click .previous-applink': 'onClickPrevious',
+      'click .next-applink': 'onClickNext'
+    };
+  }
+
+  buildCursor(cursorParam) {
+    return {
+      application: this.options.appLink.application,
+      action: this.options.appLink.action,
+      args: this.options.appLink.args,
+      params: underscore__WEBPACK_IMPORTED_MODULE_0__["extend"]({}, this.options.appLink.params, {
+        [this.options.cursorParamName]: cursorParam
+      })
+    };
+  }
+
+  onClickPrevious() {
+    this.logAction('previous');
+  }
+
+  onClickNext() {
+    this.logAction('next');
+  }
+
+  logAction(page) {
+    const analyticsOptions = _analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_3__["AnalyticsHelper"].mergeOptions(this.options.analyticsOptions, {
+      location: _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_2__["LocationContext"].Pagination,
+      entity: _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_2__["EntityType"].Pagination,
+      actionType: _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_2__["UserAction"].Navigate,
+      workflowPhase: _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_2__["WorkflowPhase"].Complete
+    });
+    const data = {
+      id: this.options.collectionId,
+      page
+    };
+    _analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_3__["AnalyticsHelper"].logUserAction(data, analyticsOptions);
+  }
+
+  viewOptions() {
+    return {
+      cursors: this.options.cursors
+    };
+  }
+
+  onBeforeRender() {
+    return !!this.options.cursors;
+  }
+
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=39.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/notifications/views/notifications/Notifications.hbs","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/notifications/views/notifications/NotificationsView.ts","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/legacy/components/pagination/Pagination.hbs","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/legacy/components/pagination/PaginationComponent.ts"],"names":[],"mappings":"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","file":"scripts/39.chunk.js","sourcesContent":["var Handlebars = require('handlebars');\nmodule.exports = (Handlebars['default'] || Handlebars).template({\"compiler\":[8,\">= 4.3.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n    var alias1=container.propertyIsEnumerable;\n\n  return \"<div class=\\\"container-fluid bg-white p-3\\\">\\r\\n  <h1 class=\\\"h3 header border-bottom pb-2 m-0\\\">\"\n    + container.escapeExpression((helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(depth0 != null ? depth0 : (container.nullContext || {}),\"notifications\",{\"name\":\"lang\",\"hash\":{},\"data\":data}))\n    + \"</h1>\\r\\n  <div class=\\\"list-region\\\"></div>\\r\\n  <div class=\\\"pagination-region\\\"></div>\\r\\n</div>\";\n},\"useData\":true});","import { ObjectHash } from 'backbone';\r\nimport { Core } from 'libs/common/core';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { InstanceManager } from 'libs/common/backbone/services/InstanceManager';\r\n\r\nimport { BaseNotificationsAppVariables } from 'libs/shared/interfaces';\r\nimport { PartialLoadingComponentTypes } from 'libs/shared/enums/PartialLoading';\r\nimport { SharedDataPrefixes } from 'libs/shared/constants/DataPrefixes';\r\nimport { SharedServices } from 'libs/shared/constants/SharedServices';\r\nimport { AppVariables } from 'libs/shared/constants/AppVariables';\r\nimport { CollectionIdentifier } from 'libs/shared/legacy/interfaces';\r\nimport { PaginationComponent } from 'libs/shared/legacy/components/pagination/PaginationComponent';\r\n\r\nimport { NotificationCollection } from 'libs/shared/apps/notifications/collections/NotificationCollection';\r\nimport { NotificationListComponent, NotificationChildType } from 'libs/shared/apps/notifications/components/notification-list/NotificationListComponent';\r\nimport { NotificationService } from 'libs/shared/apps/notifications/services/NotificationService';\r\n\r\nimport NotificationsTemplate from './Notifications.hbs';\r\n\r\nimport PartialLoadingTemplate from '../../components/notification-items/partial-loading/NotificationsPartial.hbs';\r\nimport PartialLoadingStyles from '../../components/notification-items/partial-loading/notification-partial.scss';\r\n\r\nexport interface NotificationsViewOptions extends Core.ViewOptions {\r\n  params: ObjectHash;\r\n}\r\n\r\nexport class NotificationsView extends Core.View {\r\n  protected options: NotificationsViewOptions;\r\n  public collection: NotificationCollection;\r\n  private collectionIdentifier: CollectionIdentifier;\r\n  private notificationService: NotificationService;\r\n  private appVariables: BaseNotificationsAppVariables;\r\n\r\n  public constructor(options: NotificationsViewOptions) {\r\n    super(options);\r\n  }\r\n\r\n  public get name(): string {\r\n    return 'NotificationsView';\r\n  }\r\n\r\n  public get title(): string {\r\n    return LanguageService.getPhrase(this.lang, 'title');\r\n  }\r\n\r\n  public get lang(): string {\r\n    return 'notifications.notifications';\r\n  }\r\n\r\n  public get className(): string {\r\n    return 'notifications-container';\r\n  }\r\n\r\n  public get template(): any {\r\n    return NotificationsTemplate;\r\n  }\r\n\r\n  public regions(): ObjectHash {\r\n    return {\r\n      notifications: {\r\n        replaceElement: true,\r\n        el: '.list-region',\r\n        partialLoading: {\r\n          component: PartialLoadingComponentTypes.ComponentCollection,\r\n          options: {\r\n            collectionLength: 5,\r\n            childOptions: {\r\n              template: PartialLoadingTemplate,\r\n              className: `px-1 py-2`,\r\n              viewOptions: {\r\n                styles: PartialLoadingStyles\r\n              }\r\n            }\r\n          }\r\n        }\r\n      },\r\n      pagination: {\r\n        replaceElement: true,\r\n        el: '.pagination-region',\r\n      }\r\n    };\r\n  }\r\n\r\n  public initialize(): void {\r\n    this.notificationService = InstanceManager.getInstance(SharedServices.Notification, this);\r\n    this.appVariables = InstanceManager.getInstance(AppVariables.NOTIFICATIONS, this);\r\n  }\r\n\r\n  private onData(collection: NotificationCollection): void {\r\n    this.collection = collection;\r\n    this.render();\r\n  }\r\n\r\n  private getCollectionIdentifier(): CollectionIdentifier {\r\n    if (this.collectionIdentifier)\r\n      return this.collectionIdentifier;\r\n\r\n    return this.collectionIdentifier = new CollectionIdentifier({\r\n      collectionPrefix: SharedDataPrefixes.NOTIFICATIONS,\r\n      ...this.options.params\r\n    });\r\n  }\r\n\r\n  private renderNotificationList(): void {\r\n    const view = new NotificationListComponent({\r\n      collection: this.collection,\r\n      childType: NotificationChildType.Default,\r\n    });\r\n\r\n    this.showChildView('notifications', view);\r\n  }\r\n\r\n  private renderPagination(): void {\r\n    if (!this.collection.length) return;\r\n\r\n    const cursors = this.notificationService.getNotificationsCursors(this.getCollectionIdentifier());\r\n\r\n    const paginationComponent = new PaginationComponent({\r\n      cursors,\r\n      appLink: {\r\n        ...this.appVariables.appLinks.notifications,\r\n        args: [],\r\n        params: this.getCollectionIdentifier().toParams()\r\n      }\r\n    });\r\n\r\n    this.showChildView('pagination', paginationComponent);\r\n  }\r\n\r\n  public onBeforeRender(): boolean {\r\n    if (!this.collection) {\r\n      this.notificationService.getNotifications(this.options.params,\r\n        this.getCollectionIdentifier(),\r\n        (collection: NotificationCollection) => this.onData(collection)\r\n      );\r\n    }\r\n\r\n    return !!this.collection;\r\n  }\r\n\r\n  public onRender(): void {\r\n    this.renderNotificationList();\r\n    this.renderPagination();\r\n  }\r\n}\r\n","var Handlebars = require('handlebars');\nmodule.exports = (Handlebars['default'] || Handlebars).template({\"1\":function(container,depth0,helpers,partials,data) {\n    return \"disabled\";\n},\"compiler\":[8,\">= 4.3.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n    var stack1, alias1=container.propertyIsEnumerable, alias2=depth0 != null ? depth0 : (container.nullContext || {}), alias3=container.hooks.helperMissing, alias4=container.escapeExpression;\n\n  return \"<div class=\\\"p-3\\\">\\r\\n  <a class=\\\"btn previous-applink btn-secondary \"\n    + ((stack1 = helpers.unless.call(alias2,((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.cursors : stack1)) != null ? stack1.previous : stack1),{\"name\":\"unless\",\"hash\":{},\"fn\":container.program(1, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n    + \"\\\">\"\n    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,\"previous\",{\"name\":\"lang\",\"hash\":{},\"data\":data}))\n    + \"</a>\\r\\n  <a class=\\\"btn next-applink btn-secondary \"\n    + ((stack1 = helpers.unless.call(alias2,((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.cursors : stack1)) != null ? stack1.next : stack1),{\"name\":\"unless\",\"hash\":{},\"fn\":container.program(1, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n    + \"\\\">\"\n    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,\"next\",{\"name\":\"lang\",\"hash\":{},\"data\":data}))\n    + \"</a>\\r\\n</div>\";\n},\"useData\":true});","import * as _ from 'underscore';\r\nimport { ObjectHash } from 'backbone';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { Cursors } from 'libs/common/backbone/interfaces';\r\n\r\nimport { AnalyticsOptions, WorkflowPhase, UserAction, LocationContext, EntityType } from 'libs/analytics/interfaces';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\n\r\nimport PaginationTemplate from './Pagination.hbs';\r\n\r\ninterface PaginationComponentOptions extends Core.ComponentOptions {\r\n  cursors: Cursors;\r\n  appLink: Core.AppLink;\r\n  collectionId?: string;\r\n  allowFirstPageCursor?: boolean;\r\n  analyticsOptions?: AnalyticsOptions;\r\n  cursorParamName?: string;\r\n}\r\n\r\nexport class PaginationComponent extends Core.Component {\r\n  public options: PaginationComponentOptions;\r\n\r\n  constructor(options: PaginationComponentOptions) {\r\n    super(options);\r\n  }\r\n\r\n  public get defaults(): ObjectHash {\r\n    return {\r\n      cursors: {},\r\n      cursorParamName: 'cursor'\r\n    };\r\n  }\r\n\r\n  public get name(): string {\r\n    return 'PaginationComponent';\r\n  }\r\n\r\n  public get template(): any {\r\n    return PaginationTemplate;\r\n  }\r\n\r\n  public get lang(): string {\r\n    return 'shared._pagination';\r\n  }\r\n\r\n  public get appLinks(): Core.AppLinkHash {\r\n    const appLinks: ObjectHash = {};\r\n\r\n    if (!this.options.cursors)\r\n      return {};\r\n\r\n    if (this.options.cursors.previous) {\r\n      let previous = this.options.cursors.previous;\r\n\r\n      const cursor = this.buildCursor(this.options.cursors.previous);\r\n\r\n      /**\r\n       * ** For legacy pagination only **\r\n       * Remove the cursor param if the previous page is the first page.\r\n       * This ensures that we don't unnecessarily re-fetch the first page \r\n       * which in most cases would have been retrieved without using a cursor. \r\n       */\r\n      if (+previous <= 1 && this.options.allowFirstPageCursor !== true)\r\n        delete cursor.params.cursor;\r\n\r\n      appLinks['.previous-applink'] = cursor;\r\n    }\r\n\r\n    if (this.options.cursors.next) {\r\n      appLinks['.next-applink'] = this.buildCursor(this.options.cursors.next);\r\n    }\r\n\r\n    return appLinks;\r\n  }\r\n\r\n  public events(): ObjectHash {\r\n    return {\r\n      'click .previous-applink': 'onClickPrevious',\r\n      'click .next-applink': 'onClickNext'\r\n    };\r\n  }\r\n\r\n  private buildCursor(cursorParam: string): ObjectHash {\r\n    return {\r\n      application: this.options.appLink.application,\r\n      action: this.options.appLink.action,\r\n      args: this.options.appLink.args,\r\n      params: _.extend({}, this.options.appLink.params, { [this.options.cursorParamName]: cursorParam })\r\n    };\r\n  }\r\n\r\n  private onClickPrevious(): void {\r\n    this.logAction('previous');\r\n  }\r\n\r\n  private onClickNext(): void {\r\n    this.logAction('next');\r\n  }\r\n\r\n  private logAction(page: string): void {\r\n    const analyticsOptions = AnalyticsHelper.mergeOptions(this.options.analyticsOptions, {\r\n      location: LocationContext.Pagination,\r\n      entity: EntityType.Pagination,\r\n      actionType: UserAction.Navigate,\r\n      workflowPhase: WorkflowPhase.Complete\r\n    });\r\n\r\n    const data = {\r\n      id: this.options.collectionId,\r\n      page\r\n    };\r\n\r\n    AnalyticsHelper.logUserAction(data, analyticsOptions);\r\n  }\r\n\r\n  public viewOptions(): ObjectHash {\r\n    return {\r\n      cursors: this.options.cursors\r\n    };\r\n  }\r\n\r\n  public onBeforeRender(): boolean {\r\n    return !!this.options.cursors;\r\n  }\r\n}"],"sourceRoot":""}

package/dist/scripts/4-6942fee782.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[4],{421:function(e,t,a){"use strict";a.d(t,"a",(function(){return s}));var n=a(16),r=a(27),i=function(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(a[n[r]]=e[n[r]])}return a};function l(e,t,a,r){return{url:"/api/domain/v2/objects/"+t,key:`favourite:video:${t}:${e}`,data:{favouriteVideos:e},type:n.a.PUT,invalidationKeys:["favourite:videos:"+t,"video:is:favourited:"+t],success:a,error:r}}function c(e,t,a,r){return{url:`/api/domain/v2/objects/${t}/favouriteVideos/${e}`,key:`favourite:video:${t}:${e}`,type:n.a.DELETE,invalidationKeys:["favourite:videos:"+t,"video:is:favourited:"+t],success:a,error:r}}const s={favouriteVideos:(e,t)=>({url:`/api/domain/v2/objects/${e}/favouriteVideos?query=${`${r.a.VIDEO_COLLECTION}${function(e){return e?"&cursor="+e:""}(t)}`}`,key:`favourite:videos:${e}${t?":"+t:""}`}),updateIsVideoFavourited:(e,t,a,n,r)=>(a?l:c)(e,t,n,r),isFavourited(e,t){const a=t.slice().sort();return{url:`/api/domain/v2/objects?query=favouritedBy{id:${e}}&${a.map(e=>"id="+e).join("&")}`,key:`video:is:favourited:${e}:by:id:${a.join(",")}`,formatData:e=>{var t;if(!(null===(t=e)||void 0===t?void 0:t.length))return e;return e.map(e=>{var t,a;const{favouritedBy:n}=e,r=i(e,["favouritedBy"]);return Object.assign(Object.assign({},r),{isFavourited:!!(null===(a=null===(t=n)||void 0===t?void 0:t.data)||void 0===a?void 0:a.length)})})}}}}},427:function(e,t,a){"use strict";a.d(t,"a",(function(){return s}));var n=a(0),r=a(7),i=a(33),l=a(34),c=a(10);function s({backToName:e,appLink:t,color:a}){const s=e?r.a.getPhrase("shared.backButton","backTo",{backToName:e}):r.a.getPhrase("shared.backButton","back"),o="black"===a?"":"text-light";return n.createElement(l.a,{appLink:t,className:"d-inline-flex align-items-center h5 mb-0 "+o},n.createElement(i.a,{svgName:c.b.ChevronLeft,size:i.b.Medium}),n.createElement("span",{className:"ml-1"},s))}s.defaultProps={color:"black"}},494:function(e,t,a){"use strict";a.d(t,"a",(function(){return l}));var n=a(68),r=a(4),i=a(11);function l(e,t){switch(t){case n.a.AddToPlaylist:return{application:r.a.PLAYLISTS,action:i.a.Playlists.ADD_TO_PLAYLIST,args:[e.id]};case n.a.Share:return{application:r.a.DEFAULT,action:i.a.Default.SHARE,args:[e.id],params:{entityType:"video"}}}}},557:function(e,t,a){"use strict";var n=a(0),r=a(51),i=a(26),l=a(35),c=a(48),s=a(427),o=a(444),m=a(129);function u(e){var t=e.video;return t.resources&&t.resources.data&&t.resources.data.length?n.createElement("div",{className:e.className},n.createElement("h2",{className:"h4"},"Resources"),t.resources.data.map((function(e,t){return n.createElement("div",{key:t},e.name)}))):n.createElement(n.Fragment,null)}var d=a(92),v=a.n(d),p=a(7),E=a(3),f=a(409),g=a(12),b=a(126),h=a(31),N=a(594),y=a.n(N);function L(e){var t=g.a.useBasicFetch(b.a.config),a=g.a.useBasicFetch({url:"/api/integrations/token/immersive-reader",key:"immersive:reader:token"});if(!t.data||!a.data)return n.createElement(n.Fragment,null);return e.title||(e.title=p.a.getPhrase("shared.immersiveReader","titleFallback")),n.createElement("div",{className:"".concat(y.a.button," ").concat(e.className||""),onClick:function(){h.a.logUserAction(e.analyticsData,e.analyticsOptions);var t={title:e.title,chunks:[{content:e.text}]},n=a.data,r=n.subdomain,i=n.token;f.launchAsync(i,r,t,{uiZIndex:5e3})}},n.createElement("svg",{viewBox:"0 0 40 37"},n.createElement("path",{d:"M37.4,0.9 L37.4,9.6 L35.4,9.6 L35.4,2.9 L24.4,2.9 C22.9,3.3 20,4.5 20,6 L20,17.2 L18,17.2 L18,6 C18,5 15.6,3.6 13.8,2.9 L2,2.9 L2,29 L12.4,29 L12.4,31 L0,31 L0,0.9 L14.1,0.9 L14.3,1 C15,1.2 17.5,2.2 18.9,3.7 C20.5,1.9 23.5,1.1 23.9,1 L24.1,1 L37.4,1 L37.4,0.9 Z",fill:"#000000"}),n.createElement("path",{d:"M27.4,37 L25.8,37 L18.4,29.4 L14,29.4 L14,21 L18.4,20.9 L26.1,13 L27.4,13 L27.4,37 Z M16,27.4 L19.2,27.4 L25.3,33.7 L25.3,16.6 L19.2,22.9 L15.9,22.9 L15.9,27.4 L16,27.4 Z",fill:"#0197F2"}),n.createElement("path",{d:"M31.3,32.7 L29.6,31.7 C29.6,31.7 31.7,28.3 31.7,25.2 C31.7,21.9 29.6,18.5 29.6,18.4 L31.3,17.4 C31.4,17.6 33.7,21.3 33.7,25.2 C33.7,28.8 31.4,32.6 31.3,32.7 Z",fill:"#0197F2"}),n.createElement("path",{d:"M36.4,36.2 L34.8,35 C34.8,35 38,30.8 38,25.2 C38,19.6 34.8,15.4 34.8,15.4 L36.4,14.2 C36.5,14.4 40,19 40,25.3 C40,31.5 36.5,36 36.4,36.2 Z",fill:"#0197F2"})))}var k=a(595),w=a.n(k);function x(e){var t=e.tags,a=e.className;return t&&t.data&&t.data.length?n.createElement("div",{className:a},n.createElement(c.b,{phrase:"tags"})," ",t.data.map((function(e,t){return n.createElement("span",{className:"badge mr-1 p-1 badge-light",key:t},e.name)}))):n.createElement(n.Fragment,null)}function P(e){var t=e.label,a=e.items,r=e.className;if(!(a&&a.data&&a.data.length))return n.createElement(n.Fragment,null);var i=a.data.map((function(e){return e.name})).join(", ");return n.createElement("div",{className:r},t,": ",i)}function O(e){var t=e.video,a=t.tags,r=t.rating,i=t.productionYear,l=t.productionCompanies,s=t.distributors,o=r&&r.code;return n.createElement(n.Fragment,null,n.createElement("h2",{className:"h4"},n.createElement(c.b,{phrase:"details"})),n.createElement("div",{className:"row no-gutters"},n.createElement("div",{className:"col-3"},o&&n.createElement("div",{className:"pb-2"},n.createElement(c.b,{phrase:"rating",options:{code:o}})),i&&n.createElement("div",{className:"pb-2"},n.createElement(c.b,{phrase:"productionYear",options:{year:i}}))),n.createElement("div",{className:"col-9"},n.createElement(P,{label:p.a.getPhrase("shared.videoDetails","productionCompanies"),items:l,className:"pb-2"}),n.createElement(P,{label:p.a.getPhrase("shared.videoDetails","distributors"),items:s,className:"pb-2"}),n.createElement(x,{tags:a,className:"pb-2"}))))}function C(e){var t,a=e.video;return(null===(t=a)||void 0===t?void 0:t.description)?n.createElement(n.Fragment,null,n.createElement("h2",{className:"h4"},n.createElement(c.b,{phrase:"description"}),n.createElement(L,{text:a.description,title:a.name,className:"pl-2",analyticsOptions:{location:E.j.PlayPage,entity:E.d.Video,actionType:E.n.Click,descriptor:E.b.LaunchImmersiveReader,workflowPhase:E.o.Complete},analyticsData:{id:a.id,type:"description"}})),n.createElement("p",null,a.description)):n.createElement(n.Fragment,null)}function F(e){var t=e.video;return n.createElement(c.a.Provider,{value:"shared.videoDetails"},n.createElement("div",{className:"rounded border px-3 mb-3"},n.createElement(v.a,{autoHeight:!0,autoHeightMax:368},n.createElement("div",{className:"py-3"},n.createElement(O,{video:t}),n.createElement(C,{video:t}),n.createElement("span",{className:"".concat(w.a.showGlance," cursor-pointer"),onClick:e.onClickShowSynopsis,role:"button",tabIndex:0},n.createElement("strong",null,n.createElement(c.b,{namespace:"shared.videoDetails",phrase:"showGlance"})))))))}var D=a(10),A=a(33),T=a(119),S=a(596),_=a.n(S);function j(e){var t=e.interactive,a=function(e){var t=e.owner;return t&&t.name&&t.surname?t.name.substring(0,1)+". "+t.surname:""}(t),r=function(e){var t,a,n,r,i;return null===(i=null===(r=null===(n=null===(a=null===(t=e.owner)||void 0===t?void 0:t.customers)||void 0===a?void 0:a.data)||void 0===n?void 0:n[0])||void 0===r?void 0:r.organisation)||void 0===i?void 0:i.name}(t);return n.createElement("div",{className:"border rounded w-33 py-3 px-1 d-flex align-items-center mr-3"},n.createElement("div",{className:"d-flex align-items-center w-100"},n.createElement(A.a,{className:"svg-container",svgName:D.b.Play,size:A.b.ExtraLarge}),n.createElement("span",{className:_.a.content},r&&n.createElement("small",null,a&&n.createElement(n.Fragment,null,a,", "),n.createElement("em",null,r)),n.createElement("h3",{className:"h6 mb-0 clamp-2 ".concat(_.a.clamped),title:t.name},t.name),n.createElement(A.a,{className:"svg-container align-middle mr-1",svgName:D.b.Preview}),n.createElement("span",{className:"text-info"},n.createElement(c.b,{namespace:"shared.interactives",phrase:"preview"}))),n.createElement(A.a,{className:"svg-container",svgName:D.b.More,size:A.b.ExtraLarge})))}function I(e){var t,a,r,i=e.video,l=null===(r=null===(a=null===(t=i)||void 0===t?void 0:t.interactives)||void 0===a?void 0:a.data)||void 0===r?void 0:r.length;return n.createElement("div",{className:"pb-3"},n.createElement("h2",{className:"h4"},n.createElement(c.b,{namespace:"shared.interactives",phrase:"interactives"}),n.createElement(T.a,{className:"btn btn-outline-dark ml-3 align-middle",svgName:D.b.Plus},n.createElement(c.b,{namespace:"shared.interactives",phrase:"create"}))),n.createElement("div",{className:"d-flex align-items-stretch"},l?i.interactives.data.map((function(e){return n.createElement(j,{interactive:e,key:e.id})})):n.createElement("div",null,n.createElement(A.a,{className:"svg-container mr-2 align-top",svgName:D.b.Star}),n.createElement(c.b,{namespace:"shared.interactives",phrase:"empty"}))))}var R=a(28),$=a(132),M=a(434),B=a(597),V=a.n(B);function Y(e){var t=e.clip,a=t.endTime-t.startTime,r=$.a.ToDisplayDuration(1e3*a),i=e.duration/1e3,l=t.startTime/i*100,c=a/i*100,s=n.createElement(R.Tooltip,{id:"tooltip-top"},r);return n.createElement("div",{className:"".concat(V.a.bar," rounded mt-2")},n.createElement(R.OverlayTrigger,{overlay:s},n.createElement("div",{className:"".concat(V.a.subBar," bg-primary rounded"),style:{width:"".concat(c,"%"),marginLeft:"".concat(l,"%")}})))}function H(e){var t=e.clip,a=t.endTime-t.startTime;return n.createElement("div",{className:"border rounded w-33 py-3 px-1 d-flex align-items-center mr-3 flex-wrap"},n.createElement("div",{className:"d-flex align-self-center w-100"},n.createElement(A.a,{className:"svg-container align-self-center",svgName:D.b.Play,size:A.b.ExtraLarge}),n.createElement("span",{className:V.a.content},n.createElement("div",{className:"d-flex"},n.createElement("h3",{className:"h6 mb-0 d-inline-block text-truncate",title:t.name},t.name),n.createElement("div",{className:"flex-shrink-0"},n.createElement(M.a,{type:M.b.Duration,data:1e3*a}))),t.description&&n.createElement("p",{className:"".concat(V.a.clampedDescription," mb-0 clamp-2"),title:t.description},t.description),n.createElement(Y,Object.assign({},e))),n.createElement(A.a,{className:"svg-container align-self-center",svgName:D.b.More,size:A.b.ExtraLarge})))}function U(e){var t,a,r,i=e.video,l=null===(r=null===(a=null===(t=i)||void 0===t?void 0:t.clips)||void 0===a?void 0:a.data)||void 0===r?void 0:r.length;return n.createElement("div",{className:"pb-3"},n.createElement("h2",{className:"h4"},n.createElement(c.b,{namespace:"shared.clips",phrase:"clips"}),n.createElement(T.a,{className:"btn btn-outline-dark ml-3 align-middle",svgName:D.b.Plus},n.createElement(c.b,{namespace:"shared.clips",phrase:"create"}))),n.createElement("div",{className:"d-flex align-items-stretch"},l?i.clips.data.map((function(e){return n.createElement(H,{duration:i.duration,clip:e,key:e.id})})):n.createElement("div",null,n.createElement(A.a,{className:"svg-container mr-2 align-top",svgName:D.b.Star}),n.createElement(c.b,{namespace:"shared.clips",phrase:"empty"}))))}function Z(e){return function(t){var a=n.useCallback(t,[]);n.useEffect((function(){return window.addEventListener(e,a),function(){return window.removeEventListener(e,a)}}),[])}}var K=Z("scroll"),z=Z("resize"),G=a(494),q=a(11),J=a(4),X=a(52),Q=a(130),W=a(474);function ee(e){var t=e.video,a={application:J.a.DEFAULT,action:q.a.Default.SERIES,args:t.series?[t.series.id,l.a.slugify(t.series.name)]:[]};return n.createElement("div",{className:"mb-2"},n.createElement("h1",{className:"h3 d-inline-block m-0"},!!t.series&&n.createElement(Q.a,{video:t,appLink:a}),t.name),!!i.a.isFunction(e.setFavourite)&&n.createElement(W.a,{setFavourite:e.setFavourite,video:t,className:"d-inline-block ml-2 align-text-bottom"}))}function te(e){var t=e.video,a=t.rating,r=t.productionYear;return n.createElement("div",null,a&&n.createElement("span",{className:"badge badge-light p-1 mr-1"},a.code),r&&n.createElement("span",{className:"badge badge-light p-1 mr-1"},r))}var ae=a(68);function ne(e){var t="btn btn-light float-right ml-2",a=n.useContext(m.a).getActionAppLink;return n.createElement(c.a.Provider,{value:"shared.playPage"},n.createElement("div",{className:"mt-3 clearfix"},n.createElement(T.a,{svgName:D.b.Plus,className:"btn btn-outline-secondary mr-2"},n.createElement(c.b,{phrase:"createInteractive"})),n.createElement(T.a,{svgName:D.b.Plus,className:"btn btn-outline-secondary mr-2"},n.createElement(c.b,{phrase:"createClip"})),n.createElement(T.a,{svgName:D.b.More,className:t},n.createElement(c.b,{phrase:"more"})),n.createElement(T.a,{svgName:D.b.Share,className:t,appLink:a(e.video,ae.a.Share)},n.createElement(c.b,{phrase:"share"})),n.createElement(T.a,{svgName:D.b.AddToPlaylists,className:t},n.createElement(c.b,{phrase:"addToPlaylist"})),n.createElement(T.a,{svgName:D.b.Plus,className:t},n.createElement(c.b,{phrase:"favourite"}))))}var re=a(410),ie=a(413),le=a(598),ce=a.n(le);function se(e){var t=e.video,a=e.onClickFullDescription;if(!t.glance||!t.glance.content||"text/markdown"!==t.glance.format)return a(),n.createElement(n.Fragment,null);var r=[{className:ce.a.topLeft,url:"https://i.imgur.com/3GafOwO.png"},{className:ce.a.topRight,url:"https://i.imgur.com/wcNZVth.png"},{className:ce.a.bottomLeft,url:"https://i.imgur.com/vUEo7H2.png"},{className:ce.a.bottomRight,url:"https://i.imgur.com/R3gcyGY.png"}];return n.createElement("div",{className:"rounded border px-3 position-relative d-flex align-items-center justify-content-center ".concat(ce.a.container)},n.createElement("div",{className:"".concat(ce.a.content," py-5")},n.createElement("h2",null,n.createElement(c.b,{namespace:"shared.synopsis",phrase:"videoAtAGlance"})),n.createElement("div",{dangerouslySetInnerHTML:{__html:re(t.glance.content)}}),n.createElement(ie.a,{onClick:e.onClickFullDescription,className:"cursor-pointer d-inline-block"},n.createElement("strong",null,n.createElement(c.b,{namespace:"shared.synopsis",phrase:"showFullDescription"})))),r.map((function(e,t){return n.createElement("div",{key:t,className:"".concat(e.className," ").concat(ce.a.background),style:{backgroundImage:"url('".concat(e.url,"')")}})})))}function oe(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,i=void 0;try{for(var l,c=e[Symbol.iterator]();!(n=(l=c.next()).done)&&(a.push(l.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==c.return||c.return()}finally{if(r)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return me(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return me(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 me(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}a.d(t,"a",(function(){return ve}));var ue=function(e){return{application:J.a.DEFAULT,action:q.a.Default.PLAY_VIDEO,args:[e.id,l.a.slugify(e.name)]}},de=function(e){return{application:J.a.DEFAULT,action:q.a.Default.SERIES,args:[e.id,l.a.slugify(e.name)]}};function ve(e){var t=e.video,a=e.relatedVideos,l=oe(Object(r.a)(X.a.WEB_PLAYER_DATA),2)[1],d=oe(n.useState(!0),2),v=d[0],p=d[1],E=n.useRef(null),f=n.useCallback((function(e){e&&(E.current=e,g())}),[]),g=n.useMemo((function(){return i.a.throttle(function(e,t){return function(){if(e.current){var a=e.current.getBoundingClientRect(),n=window.pageXOffset||document.documentElement.scrollLeft,r=window.pageYOffset||document.documentElement.scrollTop;a.top<-a.height?t("viewportPosition",null):t("viewportPosition",{top:r+a.top,left:n+a.left,width:a.width})}}}(E,l),100,{leading:!0,trailing:!0})}),[]);return K(g),z(g),n.useEffect((function(){return l("isOnPlayPage",!0),function(){l("viewportPosition",null),l("isOnPlayPage",!1)}}),[]),n.createElement(m.a.Provider,{value:{getActionAppLink:G.a}},n.createElement("div",{className:"d-flex justify-content-between"},n.createElement(s.a,{appLink:{application:J.a.DASHBOARD,action:q.a.Dashboard.HOME},backToName:"Home"}),n.createElement("button",{className:"btn btn-light"},n.createElement(c.b,{namespace:"shared.playPage",phrase:"classroomMode"}))),n.createElement("div",{className:"embed-responsive embed-responsive-16by9 my-3",ref:f}),n.createElement(ee,{video:t,setFavourite:e.setFavourite}),n.createElement(te,{video:t}),n.createElement(ne,{video:t}),n.createElement("hr",null),v?n.createElement(se,{video:t,onClickFullDescription:function(){return p(!1)}}):n.createElement(F,{video:t,onClickShowSynopsis:function(){return p(!0)}}),n.createElement(u,{video:t,className:"my-3"}),n.createElement(I,{video:t}),n.createElement(U,{video:t}),!!a&&n.createElement(n.Fragment,null,n.createElement("h2",{className:"h4 mt-3"},n.createElement(c.b,{namespace:"shared.playPage",phrase:"relatedVideos"})),n.createElement(o.c,{videos:a,getSeriesAppLink:de,getVideoAppLink:ue,setFavourite:e.setFavourite})))}},594:function(e,t,a){e.exports={button:"_10_KK"}},595:function(e,t,a){e.exports={showGlance:"_2fhqC"}},596:function(e,t,a){e.exports={content:"_1D6Hx",clamped:"_2sHZC"}},597:function(e,t,a){e.exports={content:"_22tRu",clamped:"_LK8Q",clampedDescription:"_18yOL",bar:"_3-kb8",subBar:"_1ROlV"}},598:function(e,t,a){e.exports={container:"_1XOYA",content:"UcxNO",background:"_3gpaY",topLeft:"_2s7I6",bottomLeft:"_23UKL",topRight:"ec_-l",bottomRight:"_1xMKp"}}}]);