@clickview/lite 0.0.18-rc.2 → 0.0.18

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

@@ -1 +0,0 @@
-{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/classrooms/views/add-students-to-classroom/AddStudentsToClassroomView.tsx","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/shared/components/share/sharee-item/ShareeItem.tsx","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/shared/components/share/tokenized-typeahead/InputSelection.tsx","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/shared/components/share/tokenized-typeahead/TokenizedTypeahead.tsx","webpack://@clickview/lite/./src/shared/components/share/tokenized-typeahead/tokenized-typeahead.scss?e9fc"],"names":[],"mappings":"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","file":"scripts/38.chunk.js","sourcesContent":["import React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { Flight } from 'libs/common/flight';\r\nimport { Popup } from 'libs/shared/components/popup/Popup';\r\nimport { PopupViewProps, PropsWithAnalyticsOptions, PropsWithPopupViewProps } from 'libs/shared/interfaces';\r\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\r\nimport { PopupButtons } from 'libs/shared/components/popup/PopupButtons';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\n\r\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\r\nimport { Actions } from 'shared/constants/LiteActions';\r\nimport { TokenizedTypeahead } from 'shared/components/share/tokenized-typeahead/TokenizedTypeahead';\r\n\r\nimport { MockClassroom } from 'apps/user-manager/interfaces/mocks/MockClassroom';\r\nimport { ClassroomRequests } from 'apps/classrooms/flight-requests/ClassroomRequests';\r\nimport { MockStudent } from 'apps/user-manager/interfaces';\r\nimport { SchoolUserRequests } from 'apps/user-manager/flight-requests/SchoolUserRequests';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\n\r\nconst namespace = 'classrooms.addStudentsToClassroom';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\nconst studentManagerAppLink = {\r\n  application: AppChannels.USER_MANAGER,\r\n  action: Actions.UserManager.STUDENTS\r\n};\r\n\r\ntype AddStudentsToClassroomViewProps = PropsWithAnalyticsOptions<PropsWithPopupViewProps<{\r\n  classroomId: string;\r\n}>>;\r\n\r\nexport function AddStudentsToClassroomView(props: AddStudentsToClassroomViewProps): JSX.Element {\r\n  const [ showButtonSpinner, setShowButtonSpinner ] = React.useState(false);\r\n\r\n  const [ selections, setSelections ] = React.useState<MockStudent[]>([]);\r\n\r\n  const classroom = Flight.useBasicFetch<MockClassroom>(ClassroomRequests.getClassroom(props.classroomId));\r\n  // Temp until we have instant search endpoint for users set up\r\n  const students = Flight.useBasicFetch<MockStudent[]>(SchoolUserRequests.tempGetAllStudents());\r\n\r\n  const dispatch = useDispatch();\r\n  const alerts = useAlerts();\r\n\r\n  function addStudents(): void {\r\n    if (!selections)\r\n      return;\r\n\r\n    setShowButtonSpinner(true);\r\n\r\n    Flight.fetch(dispatch, ClassroomRequests.addStudents(selections, props.classroomId, () => {\r\n      setShowButtonSpinner(false);\r\n\r\n      AnalyticsHelper.logUserAction({\r\n        id: props.classroomId,\r\n        userCount: selections.length\r\n      }, props.analyticsOptions);\r\n\r\n      alerts.success(getPhrase('success', {\r\n        smartCount: selections.length,\r\n        classroomName: classroom.data.name\r\n      }));\r\n\r\n      props.closePopup();\r\n    }, () => {\r\n      setShowButtonSpinner(false);\r\n      alerts.error(getPhrase('error', { smartCount: selections.length }));\r\n      props.closePopup();\r\n    }));\r\n  }\r\n\r\n  return (\r\n    <Popup\r\n      title={getPhrase('title')}\r\n      closePopup={props.closePopup}\r\n      showLoadingSpinner={!classroom.data || !students.data}\r\n    >\r\n      {(classroom.data && students.data) &&\r\n        <>\r\n          <div className='pb-3'>\r\n            <TokenizedTypeahead\r\n              placeholder={getPhrase('placeholder')}\r\n              selections={selections}\r\n              updateSelections={(student: MockStudent) => setSelections([ ...selections, student ])}\r\n              removeSelection={id => setSelections(selections.filter(s => s.id !== id))}\r\n              localSuggestions={students.data}\r\n            />\r\n          </div>\r\n\r\n          <p>\r\n            <Text namespace={namespace} phrase='createNewStudent' />\r\n            <AppLink className='info-link' onClick={props.closePopup} appLink={studentManagerAppLink}>\r\n              <Text namespace={namespace} phrase='studentManager' />\r\n            </AppLink>\r\n          </p>\r\n\r\n          <PopupButtons buttons={\r\n            [\r\n              {\r\n                variant: 'link',\r\n                onClick: props.closePopup,\r\n                buttonText: getPhrase('cancel')\r\n              },\r\n              {\r\n                variant: 'dark',\r\n                onClick: addStudents,\r\n                buttonText: getPhrase('add'),\r\n                isSpinnerButton: true,\r\n                showSpinner: showButtonSpinner\r\n              }\r\n            ]\r\n          }/>\r\n        </>\r\n      }\r\n    </Popup>\r\n  );\r\n}","import React from 'react';\r\nimport { BaseObject } from 'libs/shared/interfaces';\r\nimport { Avatar } from 'shared/components/avatar/Avatar';\r\n\r\ninterface ShareeItemProps {\r\n  entity: BaseObject;\r\n}\r\n\r\nexport function ShareeItem(props: ShareeItemProps): JSX.Element {\r\n  return (\r\n    <div className='d-flex align-items-center'>\r\n      <div className='pr-2'>\r\n        {/* TODO: Add avatar to user and classroom models? */}\r\n        <Avatar imageUrl='' />\r\n      </div>\r\n\r\n      <div>\r\n        <h4 className='font-size-normal font-weight-normal m-0'>{props.entity.name}</h4>\r\n        <p className='text-muted m-0'>Email or classroom count here idk</p>\r\n      </div>\r\n\r\n      <div>\r\n\r\n      </div>\r\n    </div>\r\n  );\r\n}","import React from 'react';\r\nimport { BaseObject } from 'libs/shared/interfaces';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\r\n\r\nimport styles from './tokenized-typeahead.scss';\r\n\r\nfunction mapEntityTypeToBackgroundColor(entityType: string): string {\r\n  switch (entityType) {\r\n  case 'user': {\r\n    return styles.selectedUser;\r\n  }\r\n\r\n  case 'classroom': {\r\n    return styles.selectedClassroom;\r\n  }\r\n  }\r\n}\r\n\r\ninterface InputSelectionProps {\r\n  selection: BaseObject;\r\n  onClickRemove: (id: string) => void;\r\n}\r\n\r\nexport function InputSelection(props: InputSelectionProps): JSX.Element {\r\n  const colourClass = mapEntityTypeToBackgroundColor('user');\r\n\r\n  return (\r\n    <div className={`${colourClass} d-flex align-items-center pl-2 pr-1 mr-1 mt-1`}>\r\n      <span className='mr-1'>{props.selection.name}</span>\r\n\r\n      <DivButton className='cursor-pointer' onClick={() => props.onClickRemove(props.selection.id)}>\r\n        <SvgContainer svgName={cvSvgLibrary.Close} />\r\n      </DivButton>\r\n    </div>\r\n  );\r\n}","import React from 'react';\r\n\r\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { BaseObject } from 'libs/shared/interfaces';\r\nimport { SearchBar } from 'libs/shared/components/search-bar/SearchBar';\r\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\n\r\nimport { ShareeItem } from 'shared/components/share/sharee-item/ShareeItem';\r\nimport { InputSelection } from './InputSelection';\r\n\r\nimport styles from './tokenized-typeahead.scss';\r\n\r\nconst namespace = 'shared.tokenizedTypeahead';\r\n\r\ninterface TokenizedTypeaheadProps {\r\n  placeholder: string;\r\n  selections: BaseObject[];\r\n  updateSelections: (suggestion: BaseObject) => void;\r\n  removeSelection: (id: string) => void;\r\n  recentSearchHeading?: string;\r\n  endpoint?: string;\r\n  localSuggestions?: BaseObject[];\r\n}\r\n\r\n/**\r\n * This component extends the functionality of the `SearchBar` component by\r\n * displaying a list of selections as tokens inside the search bar.\r\n * \r\n * Any component using this component is responsible for managing the state of\r\n * these tokens (selections). See `MainShareView` for an example.\r\n */\r\nexport function TokenizedTypeahead(props: TokenizedTypeaheadProps): JSX.Element {\r\n  function onSuggestionSelected(suggestion: any): void {\r\n    props.updateSelections(suggestion);\r\n  }\r\n\r\n  return (\r\n    <div className='form-control h-auto d-flex flex-wrap align-items-center py-1 px-0 position-relative'>\r\n      <SvgContainer className='svg-container mx-1 h-100 align-self-start' svgName={cvSvgLibrary.Search} />\r\n\r\n      <div className={`${styles.selectionContainer} d-flex flex-wrap align-items-center mt-n1`}>\r\n        {props.selections.map(s => (\r\n          <InputSelection\r\n            key={s.id}\r\n            selection={s}\r\n            onClickRemove={(id: string) => props.removeSelection(id)}\r\n          />\r\n        ))}\r\n\r\n        <SearchBar\r\n          onSuggestionSelected={onSuggestionSelected}\r\n          onBackspace={() => props.removeSelection(ArrayHelper.last(props.selections).id)}\r\n          local={props.localSuggestions}\r\n          recentSearchHeading={props.recentSearchHeading || LanguageService.getPhrase(namespace, 'recentSearchHeading')}\r\n          recentSearches={[]}\r\n          placeholder={props.placeholder}\r\n          searchIconPlacement={false}\r\n          activationLength={2}\r\n          clearQueryOnSelect\r\n          getSuggestionComponent={suggestion => <ShareeItem entity={suggestion} />}\r\n          theme={{\r\n            container: styles.container,\r\n            suggestionsContainerOpen: `bg-white py-1 rounded border mt-1 ${styles.suggestionsContainerOpen}`,\r\n            suggestionsList: 'list-unstyled m-0',\r\n            suggestion: 'cursor-pointer py-1 px-2',\r\n            suggestionHighlighted: styles.suggestionHighlighted\r\n          }}\r\n        />\r\n      </div>\r\n    </div>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"cv--container--16rdL\",\"suggestionsContainerOpen\":\"cv--suggestionsContainerOpen--2886c\",\"selectionContainer\":\"cv--selectionContainer--12TCg\",\"suggestionHighlighted\":\"cv--suggestionHighlighted--3HZFR\",\"selectedUser\":\"cv--selectedUser--3NTEb\",\"selectedClassroom\":\"cv--selectedClassroom--x8G1B\"};"],"sourceRoot":""}

package/dist/scripts/39.chunk.js

@@ -1,318 +0,0 @@
-(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

@@ -1 +0,0 @@
-{"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

@@ -1 +0,0 @@
-(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"}}}]);