@clickview/lite 0.0.26-dev.0 → 0.0.26-dev.1

package/dist/scripts/47.chunk.js

@@ -0,0 +1,401 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[47],{
+
+/***/ "../../libs/shared/src/components/actions/Actions.tsx":
+/*!************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/actions/Actions.tsx ***!
+  \************************************************************************************************/
+/*! exports provided: Actions */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Actions", function() { return Actions; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _icon_button_IconButton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../icon-button/IconButton */ "../../libs/shared/src/components/icon-button/IconButton.tsx");
+/* harmony import */ var _ActionsDropdown__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ActionsDropdown */ "../../libs/shared/src/components/actions/ActionsDropdown.tsx");
+/* harmony import */ var _ActionButton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ActionButton */ "../../libs/shared/src/components/actions/ActionButton.tsx");
+/* harmony import */ var _actions_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./actions.scss */ "../../libs/shared/src/components/actions/actions.scss");
+/* harmony import */ var _actions_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_actions_scss__WEBPACK_IMPORTED_MODULE_4__);
+
+
+
+
+
+function Actions(props) {
+  var buttonActions = [];
+  var moreActions = [];
+  props.actions.forEach(function (a) {
+    if (a.button) buttonActions.push(a);else moreActions.push(a);
+  });
+  var className = 'd-flex';
+  if (props.className) className += " ".concat(props.className);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: className
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, !!buttonActions.length && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+    className: _actions_scss__WEBPACK_IMPORTED_MODULE_4___default.a.buttonList
+  }, buttonActions.map(function (a, idx) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], {
+      key: idx
+    }, a.label ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_ActionButton__WEBPACK_IMPORTED_MODULE_3__["ActionButton"], {
+      appLink: a.appLink,
+      onClick: a.onClick,
+      svgName: a.svgName,
+      className: a.className,
+      tooltip: a.tooltip,
+      showSpinner: a.showSpinner,
+      analyticsData: a.analyticsData,
+      analyticsOptions: a.analyticsOptions
+    }, a.label) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_1__["IconButton"], {
+      appLink: a.appLink,
+      onClick: a.onClick,
+      svgName: a.svgName,
+      className: a.className,
+      analyticsData: a.analyticsData,
+      analyticsOptions: a.analyticsOptions
+    }));
+  })), props.sortComponent ? props.sortComponent : '', !!moreActions.length && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_ActionsDropdown__WEBPACK_IMPORTED_MODULE_2__["ActionsDropdown"], {
+    actions: moreActions,
+    className: !!buttonActions.length && 'ml-2',
+    dropdownToggleClassName: props.actionsDropdownClassName
+  })));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/actions/ActionsDropdown.tsx":
+/*!********************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/actions/ActionsDropdown.tsx ***!
+  \********************************************************************************************************/
+/*! exports provided: ActionsDropdown */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ActionsDropdown", function() { return ActionsDropdown; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _common_src_react_utils_RandomHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../common/src/react/utils/RandomHelper */ "../../libs/common/src/react/utils/RandomHelper.ts");
+/* harmony import */ var _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
+/* harmony import */ var _analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _app_link_AppLink__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _actions_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./actions.scss */ "../../libs/shared/src/components/actions/actions.scss");
+/* harmony import */ var _actions_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_actions_scss__WEBPACK_IMPORTED_MODULE_7__);
+
+
+
+
+
+
+
+
+
+function getDropdownItemClassName(actionClassName) {
+  var className = 'dropdown-item';
+  if (actionClassName) className += " ".concat(actionClassName);
+  return className;
+}
+
+function ActionsDropdownItem(props) {
+  if (props.action.appLink) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_app_link_AppLink__WEBPACK_IMPORTED_MODULE_5__["AppLink"], {
+    appLink: props.action.appLink,
+    onClick: props.action.onClick,
+    className: getDropdownItemClassName(props.action.className),
+    analyticsData: props.action.analyticsData,
+    analyticsOptions: props.action.analyticsOptions
+  }, props.action.label);
+
+  function onClick(e) {
+    if (props.action.analyticsData && props.action.analyticsOptions) _analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_3__["AnalyticsHelper"].logUserAction(props.action.analyticsData, props.action.analyticsOptions);
+    if (_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__["FunctionHelper"].isFunction(props.action.onClick)) props.action.onClick(e);
+  }
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+    className: "cursor-pointer ".concat(getDropdownItemClassName(props.action.className)),
+    onClick: onClick
+  }, props.action.label);
+}
+
+ActionsDropdown.defaultProps = {
+  dropdownToggleClassName: 'btn btn-light'
+};
+function ActionsDropdown(props) {
+  if (!props.actions || !props.actions.length) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  var className = 'dropdown';
+  if (props.className) className += " ".concat(props.className); // Generate unique id to avoid collisions.
+
+  var dropdownToggleId = "actions-dropdown-".concat(_common_src_react_utils_RandomHelper__WEBPACK_IMPORTED_MODULE_1__["RandomHelper"].getRandomInt());
+  var dropdownToggleClassName = "dropdown-toggle px-0 ".concat(_actions_scss__WEBPACK_IMPORTED_MODULE_7___default.a.dropdownToggle);
+  if (props.dropdownToggleClassName) dropdownToggleClassName += " ".concat(props.dropdownToggleClassName);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: className
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("button", {
+    className: dropdownToggleClassName,
+    type: 'button',
+    id: dropdownToggleId,
+    "data-toggle": 'dropdown',
+    "aria-haspopup": 'true',
+    "aria-expanded": 'false'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_4__["SvgContainer"], {
+    svgName: _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_6__["cvSvgLibrary"].More,
+    size: _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_4__["SvgContainerSize"].Small
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'dropdown-menu dropdown-menu-right',
+    "aria-labelledby": dropdownToggleId
+  }, props.actions.map(function (a, idx) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](ActionsDropdownItem, {
+      key: idx,
+      action: a
+    });
+  })));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/actions/actions.scss":
+/*!*************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/actions/actions.scss ***!
+  \*************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"buttonList":"cv--buttonList--2v9CT","dropdownToggle":"cv--dropdownToggle--AYBvQ"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/flight-requests/PlayerRequests.ts":
+/*!***************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/flight-requests/PlayerRequests.ts ***!
+  \***************************************************************************************************/
+/*! exports provided: PlayerRequests */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PlayerRequests", function() { return PlayerRequests; });
+/* harmony import */ var _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/backbone/enums/HttpVerbs */ "../../libs/common/src/backbone/enums/HttpVerbs.ts");
+
+var PlayerRequests = {
+  createViewKey: function createViewKey(id) {
+    return {
+      url: "/api/player/create-view-key",
+      key: "view:key:".concat(id),
+      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].POST,
+      data: {
+        mediaId: id.toString()
+      }
+    };
+  }
+};
+
+/***/ }),
+
+/***/ "./src/shared/flight-requests/ClipRequests.ts":
+/*!****************************************************!*\
+  !*** ./src/shared/flight-requests/ClipRequests.ts ***!
+  \****************************************************/
+/*! exports provided: ClipRequests */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClipRequests", function() { return ClipRequests; });
+/* harmony import */ var _libs_common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../libs/common/src/backbone/enums/HttpVerbs */ "../../libs/common/src/backbone/enums/HttpVerbs.ts");
+
+var ClipRequests = {
+  clip: function clip(id) {
+    return {
+      key: "clip:".concat(id),
+      url: "/api/domain/v2/objects/".concat(id, "?query=video[thumbnail],owner")
+    };
+  },
+  createClip: function createClip(videoId, data, success, error, always) {
+    return {
+      key: 'create:clip',
+      url: "/api/domain/v2/objects/".concat(videoId, "/clips"),
+      data: data,
+      type: _libs_common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].POST,
+      success: success,
+      error: error,
+      always: always
+    };
+  },
+  updateClip: function updateClip(id, data, success, error, always) {
+    return {
+      key: "clip:".concat(id),
+      url: "/api/domain/v2/objects/".concat(id),
+      data: data,
+      type: _libs_common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].PUT,
+      success: success,
+      error: error,
+      always: always
+    };
+  },
+  deleteClip: function deleteClip(id, videoId, success, error, always) {
+    return {
+      key: "clip:".concat(id),
+      url: "/api/domain/v2/objects/".concat(id),
+      type: _libs_common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].DELETE,
+      invalidationKeys: ["videos:".concat(videoId)],
+      success: success,
+      error: error,
+      always: always
+    };
+  }
+};
+
+/***/ }),
+
+/***/ "./src/shared/views/play-clip/PlayClipView.tsx":
+/*!*****************************************************!*\
+  !*** ./src/shared/views/play-clip/PlayClipView.tsx ***!
+  \*****************************************************/
+/*! exports provided: PlayClipView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PlayClipView", function() { return PlayClipView; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../libs/common/src/react/hooks/UseSetPageTitle */ "../../libs/common/src/react/hooks/UseSetPageTitle.ts");
+/* harmony import */ var _libs_common_src_react_hooks_UseViewModel__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../libs/common/src/react/hooks/UseViewModel */ "../../libs/common/src/react/hooks/UseViewModel.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_analytics_src_interfaces_AnalyticsTypes__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../libs/analytics/src/interfaces/AnalyticsTypes */ "../../libs/analytics/src/interfaces/AnalyticsTypes.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_PlayerRequests__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../libs/shared/src/flight-requests/PlayerRequests */ "../../libs/shared/src/flight-requests/PlayerRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../libs/shared/src/flight-requests/ConfigRequests */ "../../libs/shared/src/flight-requests/ConfigRequests.ts");
+/* harmony import */ var _libs_shared_src_components_actions_Actions__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/actions/Actions */ "../../libs/shared/src/components/actions/Actions.tsx");
+/* harmony import */ var _libs_shared_src_hooks_usePermissions__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../libs/shared/src/hooks/usePermissions */ "../../libs/shared/src/hooks/usePermissions.ts");
+/* harmony import */ var _libs_shared_src_enums_PermissionName__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../libs/shared/src/enums/PermissionName */ "../../libs/shared/src/enums/PermissionName.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../libs/shared/src/flight-requests/UserRequests */ "../../libs/shared/src/flight-requests/UserRequests.ts");
+/* harmony import */ var _player_src_react_Player__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../player/src/react/Player */ "../player/src/react/Player.tsx");
+/* harmony import */ var shared_flight_requests_ClipRequests__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! shared/flight-requests/ClipRequests */ "./src/shared/flight-requests/ClipRequests.ts");
+/* harmony import */ var shared_constants_LiteViewModels__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! shared/constants/LiteViewModels */ "./src/shared/constants/LiteViewModels.ts");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var namespace = 'shared.playClip';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_4__["LanguageService"].encloseNamespace(namespace);
+
+function getActions(clip, currentUser, hasPermissions) {
+  var _a;
+
+  var actions = [];
+  var currentUserIsOwner = currentUser.id === ((_a = clip.owner) === null || _a === void 0 ? void 0 : _a.id);
+
+  if (currentUserIsOwner && hasPermissions(_libs_shared_src_enums_PermissionName__WEBPACK_IMPORTED_MODULE_10__["PermissionName"].CreateClips)) {
+    actions.push({
+      label: getPhrase('editClip'),
+      appLink: {
+        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_15__["AppChannels"].DEFAULT,
+        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_16__["Actions"].Default.EDIT_CLIP,
+        args: [clip.id]
+      },
+      analyticsData: {
+        id: clip.id
+      },
+      analyticsOptions: {
+        actionType: _libs_analytics_src_interfaces_AnalyticsTypes__WEBPACK_IMPORTED_MODULE_5__["UserAction"].Edit,
+        entity: _libs_analytics_src_interfaces_AnalyticsTypes__WEBPACK_IMPORTED_MODULE_5__["EntityType"].Clip,
+        location: _libs_analytics_src_interfaces_AnalyticsTypes__WEBPACK_IMPORTED_MODULE_5__["LocationContext"].PlayPage,
+        workflowPhase: _libs_analytics_src_interfaces_AnalyticsTypes__WEBPACK_IMPORTED_MODULE_5__["WorkflowPhase"].Start
+      }
+    });
+  }
+
+  if (currentUserIsOwner && hasPermissions(_libs_shared_src_enums_PermissionName__WEBPACK_IMPORTED_MODULE_10__["PermissionName"].CreateClips)) {
+    actions.push({
+      label: getPhrase('deleteClip'),
+      appLink: {
+        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_15__["AppChannels"].DEFAULT,
+        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_16__["Actions"].Default.DELETE_CLIP,
+        args: [clip.id]
+      },
+      className: 'text-danger',
+      analyticsData: {
+        id: clip.id
+      },
+      analyticsOptions: {
+        actionType: _libs_analytics_src_interfaces_AnalyticsTypes__WEBPACK_IMPORTED_MODULE_5__["UserAction"].Delete,
+        entity: _libs_analytics_src_interfaces_AnalyticsTypes__WEBPACK_IMPORTED_MODULE_5__["EntityType"].Clip,
+        location: _libs_analytics_src_interfaces_AnalyticsTypes__WEBPACK_IMPORTED_MODULE_5__["LocationContext"].PlayPage,
+        workflowPhase: _libs_analytics_src_interfaces_AnalyticsTypes__WEBPACK_IMPORTED_MODULE_5__["WorkflowPhase"].Start
+      }
+    });
+  }
+
+  return actions;
+}
+
+function PlayClipView(props) {
+  var _a;
+
+  var _usePermissions = Object(_libs_shared_src_hooks_usePermissions__WEBPACK_IMPORTED_MODULE_9__["usePermissions"])(),
+      hasPermissions = _usePermissions.hasPermissions;
+
+  var config = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_1__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_7__["ConfigRequests"].config());
+  var currentUser = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_1__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_11__["UserRequests"].currentUser());
+  var clip = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_1__["Flight"].useBasicFetch(shared_flight_requests_ClipRequests__WEBPACK_IMPORTED_MODULE_13__["ClipRequests"].clip(props.id));
+  var viewKey = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_1__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_PlayerRequests__WEBPACK_IMPORTED_MODULE_6__["PlayerRequests"].createViewKey(props.id));
+
+  var _useViewModel = Object(_libs_common_src_react_hooks_UseViewModel__WEBPACK_IMPORTED_MODULE_3__["useViewModel"])(shared_constants_LiteViewModels__WEBPACK_IMPORTED_MODULE_14__["ViewModelKeys"].WEB_PLAYER_DATA),
+      _useViewModel2 = _slicedToArray(_useViewModel, 2),
+      setPlayerData = _useViewModel2[1];
+
+  Object(_libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_2__["useSetPageTitle"])((_a = clip.data) === null || _a === void 0 ? void 0 : _a.name);
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    setPlayerData('allowFloatingPlayer', false);
+  }, []);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'pb-3'
+  }, !!viewKey.data && !!config.data && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_player_src_react_Player__WEBPACK_IMPORTED_MODULE_12__["ClickViewPlayer"], {
+    viewKey: viewKey.data.viewKey,
+    playerApi: config.data.playerApiUrl,
+    hotkeyElQuerySelector: 'body',
+    className: 'mb-3',
+    autoplay: true
+  }), !!clip.data && !!currentUser.data && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'd-flex justify-content-between align-items-center'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h1", {
+    className: 'h3 d-inline-block m-0'
+  }, clip.data.name), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_actions_Actions__WEBPACK_IMPORTED_MODULE_8__["Actions"], {
+    actions: getActions(clip.data, currentUser.data, hasPermissions)
+  })));
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=47.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/actions/Actions.tsx","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/actions/ActionsDropdown.tsx","webpack://@clickview/lite/C:/ClickView/front-end/clickview/packages/libs/shared/src/components/actions/actions.scss?9153","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/flight-requests/PlayerRequests.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/shared/flight-requests/ClipRequests.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/shared/views/play-clip/PlayClipView.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;AAEA;AACA;AAEA;AAwBM,SAAU,OAAV,CAAkB,KAAlB,EAAqC;AACzC,MAAM,aAAa,GAAoB,EAAvC;AACA,MAAM,WAAW,GAAoB,EAArC;AAEA,OAAK,CAAC,OAAN,CAAc,OAAd,CAAsB,WAAC,EAAG;AACxB,QAAI,CAAC,CAAC,MAAN,EACE,aAAa,CAAC,IAAd,CAAmB,CAAnB,EADF,KAGE,WAAW,CAAC,IAAZ,CAAiB,CAAjB;AACH,GALD;AAOA,MAAI,SAAS,GAAG,QAAhB;AAEA,MAAI,KAAK,CAAC,SAAV,EACE,SAAS,eAAQ,KAAK,CAAC,SAAd,CAAT;AAEF,SACE;AAAK,aAAS,EAAE;AAAhB,KACE,0GACG,CAAC,CAAC,aAAa,CAAC,MAAhB,IACC;AAAM,aAAS,EAAE,oDAAM,CAAC;AAAxB,KACG,aAAa,CAAC,GAAd,CAAkB,UAAC,CAAD,EAAI,GAAJ;AAAA,WACjB,oDAAC,8CAAD,EAAe;AAAC,SAAG,EAAE;AAAN,KAAf,EACG,CAAC,CAAC,KAAF,GACC,oDAAC,0DAAD,EAAa;AACX,aAAO,EAAE,CAAC,CAAC,OADA;AAEX,aAAO,EAAE,CAAC,CAAC,OAFA;AAGX,aAAO,EAAE,CAAC,CAAC,OAHA;AAIX,eAAS,EAAE,CAAC,CAAC,SAJF;AAKX,aAAO,EAAE,CAAC,CAAC,OALA;AAMX,iBAAW,EAAE,CAAC,CAAC,WANJ;AAOX,mBAAa,EAAE,CAAC,CAAC,aAPN;AAQX,sBAAgB,EAAE,CAAC,CAAC;AART,KAAb,EAUG,CAAC,CAAC,KAVL,CADD,GAcC,oDAAC,kEAAD,EAAW;AACT,aAAO,EAAE,CAAC,CAAC,OADF;AAET,aAAO,EAAE,CAAC,CAAC,OAFF;AAGT,aAAO,EAAE,CAAC,CAAC,OAHF;AAIT,eAAS,EAAE,CAAC,CAAC,SAJJ;AAKT,mBAAa,EAAE,CAAC,CAAC,aALR;AAMT,sBAAgB,EAAE,CAAC,CAAC;AANX,KAAX,CAfJ,CADiB;AAAA,GAAlB,CADH,CAFJ,EAgCG,KAAK,CAAC,aAAN,GAAsB,KAAK,CAAC,aAA5B,GAA4C,EAhC/C,EAiCG,CAAC,CAAC,WAAW,CAAC,MAAd,IACC,oDAAC,gEAAD,EAAgB;AACd,WAAO,EAAE,WADK;AAEd,aAAS,EAAE,CAAC,CAAC,aAAa,CAAC,MAAhB,IAA0B,MAFvB;AAGd,2BAAuB,EAAE,KAAK,CAAC;AAHjB,GAAhB,CAlCJ,CADF,CADF;AA6CD,C;;;;;;;;;;;;AClGD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AAEA;;AAIA,SAAS,wBAAT,CAAkC,eAAlC,EAA0D;AACxD,MAAI,SAAS,GAAG,eAAhB;AAEA,MAAI,eAAJ,EACE,SAAS,eAAQ,eAAR,CAAT;AAEF,SAAO,SAAP;AACD;;AAQD,SAAS,mBAAT,CAA6B,KAA7B,EAA4D;AAC1D,MAAI,KAAK,CAAC,MAAN,CAAa,OAAjB,EACE,OACE,oDAAC,yDAAD,EAAQ;AACN,WAAO,EAAE,KAAK,CAAC,MAAN,CAAa,OADhB;AAEN,WAAO,EAAE,KAAK,CAAC,MAAN,CAAa,OAFhB;AAGN,aAAS,EAAE,wBAAwB,CAAC,KAAK,CAAC,MAAN,CAAa,SAAd,CAH7B;AAIN,iBAAa,EAAE,KAAK,CAAC,MAAN,CAAa,aAJtB;AAKN,oBAAgB,EAAE,KAAK,CAAC,MAAN,CAAa;AALzB,GAAR,EAOG,KAAK,CAAC,MAAN,CAAa,KAPhB,CADF;;AAYF,WAAS,OAAT,CAAiB,CAAjB,EAAoC;AAClC,QAAI,KAAK,CAAC,MAAN,CAAa,aAAb,IAA8B,KAAK,CAAC,MAAN,CAAa,gBAA/C,EACE,8EAAe,CAAC,aAAhB,CAA8B,KAAK,CAAC,MAAN,CAAa,aAA3C,EAA0D,KAAK,CAAC,MAAN,CAAa,gBAAvE;AAEF,QAAI,wFAAc,CAAC,UAAf,CAA0B,KAAK,CAAC,MAAN,CAAa,OAAvC,CAAJ,EACE,KAAK,CAAC,MAAN,CAAa,OAAb,CAAqB,CAArB;AACH;;AAED,SACE;AACE,aAAS,2BAAoB,wBAAwB,CAAC,KAAK,CAAC,MAAN,CAAa,SAAd,CAA5C,CADX;AAEE,WAAO,EAAE;AAFX,KAIG,KAAK,CAAC,MAAN,CAAa,KAJhB,CADF;AAQD;;AAQD,eAAe,CAAC,YAAhB,GAA+B;AAC7B,yBAAuB,EAAE;AADI,CAA/B;AAIM,SAAU,eAAV,CAA0B,KAA1B,EAAqD;AACzD,MAAI,CAAC,KAAK,CAAC,OAAP,IAAkB,CAAC,KAAK,CAAC,OAAN,CAAc,MAArC,EACE,OAAO,yGAAP;AAEF,MAAI,SAAS,GAAG,UAAhB;AAEA,MAAI,KAAK,CAAC,SAAV,EACE,SAAS,eAAQ,KAAK,CAAC,SAAd,CAAT,CAPuD,CASzD;;AACA,MAAM,gBAAgB,8BAAuB,iFAAY,CAAC,YAAb,EAAvB,CAAtB;AAEA,MAAI,uBAAuB,kCAA2B,oDAAM,CAAC,cAAlC,CAA3B;AAEA,MAAI,KAAK,CAAC,uBAAV,EACE,uBAAuB,eAAQ,KAAK,CAAC,uBAAd,CAAvB;AAEF,SACE;AAAK,aAAS,EAAE;AAAhB,KACE;AAAQ,aAAS,EAAE,uBAAnB;AAA4C,QAAI,EAAC,QAAjD;AAA0D,MAAE,EAAE,gBAA9D;AAA8E,mBAAc,UAA5F;AAAsG,qBAAe,MAArH;AAA2H,qBAAe;AAA1I,KACE,oDAAC,wEAAD,EAAa;AAAC,WAAO,EAAE,6DAAY,CAAC,IAAvB;AAA6B,QAAI,EAAE,4EAAgB,CAAC;AAApD,GAAb,CADF,CADF,EAIE;AAAK,aAAS,EAAC,mCAAf;AAAkD,uBAAkB;AAApE,KACG,KAAK,CAAC,OAAN,CAAc,GAAd,CAAkB,UAAC,CAAD,EAAI,GAAJ;AAAA,WACjB,oDAAC,mBAAD,EAAoB;AAAC,SAAG,EAAE,GAAN;AAAW,YAAM,EAAE;AAAnB,KAApB,CADiB;AAAA,GAAlB,CADH,CAJF,CADF;AAYD,C;;;;;;;;;;;ACrGD;AACA,kBAAkB,mF;;;;;;;;;;;;ACAlB;AAAA;AAAA;AAAA;AAEO,IAAM,cAAc,GAAG;AAC5B,eAD4B,yBACd,EADc,EACJ;AACtB,WAAO;AACL,SAAG,+BADE;AAEL,SAAG,qBAAc,EAAd,CAFE;AAGL,UAAI,EAAE,8EAAS,CAAC,IAHX;AAIL,UAAI,EAAE;AACJ,eAAO,EAAE,EAAE,CAAC,QAAH;AADL;AAJD,KAAP;AAQD;AAV2B,CAAvB,C;;;;;;;;;;;;ACFP;AAAA;AAAA;AAAA;AAKO,IAAM,YAAY,GAAG;AAC1B,MAD0B,gBACrB,EADqB,EACX;AACb,WAAO;AACL,SAAG,iBAAU,EAAV,CADE;AAEL,SAAG,mCAA4B,EAA5B;AAFE,KAAP;AAID,GANyB;AAQ1B,YAR0B,sBASxB,OATwB,EAUxB,IAVwB,EAWxB,OAXwB,EAYxB,KAZwB,EAaxB,MAbwB,EAaL;AAEnB,WAAO;AACL,SAAG,EAAE,aADA;AAEL,SAAG,mCAA4B,OAA5B,WAFE;AAGL,UAAI,EAAJ,IAHK;AAIL,UAAI,EAAE,mFAAS,CAAC,IAJX;AAKL,aAAO,EAAP,OALK;AAML,WAAK,EAAL,KANK;AAOL,YAAM,EAAN;AAPK,KAAP;AASD,GAxByB;AA0B1B,YA1B0B,sBA2BxB,EA3BwB,EA4BxB,IA5BwB,EA6BxB,OA7BwB,EA8BxB,KA9BwB,EA+BxB,MA/BwB,EA+BL;AAEnB,WAAO;AACL,SAAG,iBAAU,EAAV,CADE;AAEL,SAAG,mCAA4B,EAA5B,CAFE;AAGL,UAAI,EAAJ,IAHK;AAIL,UAAI,EAAE,mFAAS,CAAC,GAJX;AAKL,aAAO,EAAP,OALK;AAML,WAAK,EAAL,KANK;AAOL,YAAM,EAAN;AAPK,KAAP;AASD,GA1CyB;AA4C1B,YA5C0B,sBA6CxB,EA7CwB,EA8CxB,OA9CwB,EA+CxB,OA/CwB,EAgDxB,KAhDwB,EAiDxB,MAjDwB,EAiDL;AAEnB,WAAO;AACL,SAAG,iBAAU,EAAV,CADE;AAEL,SAAG,mCAA4B,EAA5B,CAFE;AAGL,UAAI,EAAE,mFAAS,CAAC,MAHX;AAIL,sBAAgB,EAAE,kBAAW,OAAX,EAJb;AAKL,aAAO,EAAP,OALK;AAML,WAAK,EAAL,KANK;AAOL,YAAM,EAAN;AAPK,KAAP;AASD;AA5DyB,CAArB,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACNP;AAEA;AACA;AACA;AACA;AAEA;AAGA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AAEA,IAAM,SAAS,GAAG,iBAAlB;AACA,IAAM,SAAS,GAAG,kGAAe,CAAC,gBAAhB,CAAiC,SAAjC,CAAlB;;AAEA,SAAS,UAAT,CACE,IADF,EACc,WADd,EACwC,cADxC,EAC0F;;;AAExF,MAAM,OAAO,GAAoB,EAAjC;AAEA,MAAM,kBAAkB,GAAG,WAAW,CAAC,EAAZ,MAAc,MAAK,IAAI,CAAC,KAAV,MAAe,IAAf,IAAe,aAAf,GAAe,MAAf,GAAe,GAAE,EAA/B,CAA3B;;AAEA,MAAI,kBAAkB,IAAI,cAAc,CAAC,qFAAc,CAAC,WAAhB,CAAxC,EAAsE;AACpE,WAAO,CAAC,IAAR,CAAa;AACX,WAAK,EAAE,SAAS,CAAC,UAAD,CADL;AAEX,aAAO,EAAE;AAAE,mBAAW,EAAE,+EAAW,CAAC,OAA3B;AAAoC,cAAM,EAAE,qEAAW,CAAC,OAAZ,CAAoB,SAAhE;AAA2E,YAAI,EAAE,CAAC,IAAI,CAAC,EAAN;AAAjF,OAFE;AAGX,mBAAa,EAAE;AAAE,UAAE,EAAE,IAAI,CAAC;AAAX,OAHJ;AAIX,sBAAgB,EAAE;AAChB,kBAAU,EAAE,wFAAU,CAAC,IADP;AAEhB,cAAM,EAAE,wFAAU,CAAC,IAFH;AAGhB,gBAAQ,EAAE,6FAAe,CAAC,QAHV;AAIhB,qBAAa,EAAE,2FAAa,CAAC;AAJb;AAJP,KAAb;AAWD;;AAED,MAAI,kBAAkB,IAAI,cAAc,CAAC,qFAAc,CAAC,WAAhB,CAAxC,EAAsE;AACpE,WAAO,CAAC,IAAR,CAAa;AACX,WAAK,EAAE,SAAS,CAAC,YAAD,CADL;AAEX,aAAO,EAAE;AAAE,mBAAW,EAAE,+EAAW,CAAC,OAA3B;AAAoC,cAAM,EAAE,qEAAW,CAAC,OAAZ,CAAoB,WAAhE;AAA6E,YAAI,EAAE,CAAC,IAAI,CAAC,EAAN;AAAnF,OAFE;AAGX,eAAS,EAAE,aAHA;AAIX,mBAAa,EAAE;AAAE,UAAE,EAAE,IAAI,CAAC;AAAX,OAJJ;AAKX,sBAAgB,EAAE;AAChB,kBAAU,EAAE,wFAAU,CAAC,MADP;AAEhB,cAAM,EAAE,wFAAU,CAAC,IAFH;AAGhB,gBAAQ,EAAE,6FAAe,CAAC,QAHV;AAIhB,qBAAa,EAAE,2FAAa,CAAC;AAJb;AALP,KAAb;AAYD;;AAED,SAAO,OAAP;AACD;;AAMK,SAAU,YAAV,CAAuB,KAAvB,EAA+C;;;AAAA,wBACxB,4FAAc,EADU;AAAA,MAC3C,cAD2C,mBAC3C,cAD2C;;AAGnD,MAAM,MAAM,GAAG,6DAAM,CAAC,aAAP,CAA6B,8FAAc,CAAC,MAAf,EAA7B,CAAf;AACA,MAAM,WAAW,GAAG,6DAAM,CAAC,aAAP,CAAkC,2FAAY,CAAC,WAAb,EAAlC,CAApB;AACA,MAAM,IAAI,GAAG,6DAAM,CAAC,aAAP,CAA2B,iFAAY,CAAC,IAAb,CAAkB,KAAK,CAAC,EAAxB,CAA3B,CAAb;AACA,MAAM,OAAO,GAAG,6DAAM,CAAC,aAAP,CACd,8FAAc,CAAC,aAAf,CAA6B,KAAK,CAAC,EAAnC,CADc,CAAhB;;AANmD,sBASvB,8FAAY,CAAgB,8EAAa,CAAC,eAA9B,CATW;AAAA;AAAA,MASzC,aATyC;;AAWnD,sGAAe,OAAC,IAAI,CAAC,IAAN,MAAU,IAAV,IAAU,aAAV,GAAU,MAAV,GAAU,GAAE,IAAZ,CAAf;AAEA,kDAAgB,YAAK;AACnB,iBAAa,CAAC,qBAAD,EAAwB,KAAxB,CAAb;AACD,GAFD,EAEG,EAFH;AAIA,SACE;AAAK,aAAS,EAAC;AAAf,KACG,CAAC,CAAC,OAAO,CAAC,IAAV,IAAkB,CAAC,CAAC,MAAM,CAAC,IAA3B,IACC,oDAAC,yEAAD,EAAgB;AACd,WAAO,EAAE,OAAO,CAAC,IAAR,CAAa,OADR;AAEd,aAAS,EAAE,MAAM,CAAC,IAAP,CAAY,YAFT;AAGd,yBAAqB,EAAC,MAHR;AAId,aAAS,EAAC,MAJI;AAKd,YAAQ;AALM,GAAhB,CAFJ,EAUG,CAAC,CAAC,IAAI,CAAC,IAAP,IAAe,CAAC,CAAC,WAAW,CAAC,IAA7B,IACC;AAAK,aAAS,EAAC;AAAf,KACE;AAAI,aAAS,EAAC;AAAd,KACG,IAAI,CAAC,IAAL,CAAU,IADb,CADF,EAIE,oDAAC,mFAAD,EAAQ;AAAC,WAAO,EAAE,UAAU,CAAC,IAAI,CAAC,IAAN,EAAY,WAAW,CAAC,IAAxB,EAA8B,cAA9B;AAApB,GAAR,CAJF,CAXJ,CADF;AAqBD,C","file":"scripts/47.chunk.js","sourcesContent":["import * as React from 'react';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { HashObject } from 'libs/common/react/interfaces';\r\n\r\nimport { AnalyticsOptions } from 'libs/analytics/interfaces';\r\n\r\nimport { BaseObject } from 'libs/shared/interfaces';\r\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\r\n\r\nimport { ActionsDropdown } from './ActionsDropdown';\r\nimport { ActionButton } from './ActionButton';\r\n\r\nimport styles from './actions.scss';\r\n\r\nexport interface ActionOptions {\r\n  label: string;\r\n  appLink?: Core.AppLink;\r\n  onClick?: (e: React.MouseEvent) => void;\r\n  svgName?: string;\r\n  className?: string;\r\n  button?: boolean; // If true, a button will be rendered. Otherwise the action will be rendered in the dropdown.\r\n  tooltip?: string;\r\n  showSpinner?: boolean;\r\n  analyticsData?: HashObject;\r\n  analyticsOptions?: AnalyticsOptions;\r\n}\r\n\r\nexport type ActionGenerator = (obj: BaseObject) => ActionOptions[];\r\n\r\ninterface ActionsProps {\r\n  actions: ActionOptions[];\r\n  className?: string;\r\n  actionsDropdownClassName?: string;\r\n  sortComponent?: JSX.Element;\r\n}\r\n\r\nexport function Actions(props: ActionsProps): JSX.Element {\r\n  const buttonActions: ActionOptions[] = [];\r\n  const moreActions: ActionOptions[] = [];\r\n\r\n  props.actions.forEach(a => {\r\n    if (a.button)\r\n      buttonActions.push(a);\r\n    else\r\n      moreActions.push(a);\r\n  });\r\n\r\n  let className = 'd-flex';\r\n\r\n  if (props.className)\r\n    className += ` ${props.className}`;\r\n\r\n  return (\r\n    <div className={className}>\r\n      <>\r\n        {!!buttonActions.length &&\r\n          <span className={styles.buttonList}>\r\n            {buttonActions.map((a, idx) => (\r\n              <React.Fragment key={idx}>\r\n                {a.label ? (\r\n                  <ActionButton\r\n                    appLink={a.appLink}\r\n                    onClick={a.onClick}\r\n                    svgName={a.svgName}\r\n                    className={a.className}\r\n                    tooltip={a.tooltip}\r\n                    showSpinner={a.showSpinner}\r\n                    analyticsData={a.analyticsData}\r\n                    analyticsOptions={a.analyticsOptions}\r\n                  >\r\n                    {a.label}\r\n                  </ActionButton>\r\n                ) : (\r\n                  <IconButton\r\n                    appLink={a.appLink}\r\n                    onClick={a.onClick}\r\n                    svgName={a.svgName}\r\n                    className={a.className}\r\n                    analyticsData={a.analyticsData}\r\n                    analyticsOptions={a.analyticsOptions}\r\n                  />\r\n                )}\r\n              </React.Fragment>\r\n            ))}\r\n          </span>\r\n        }\r\n        {props.sortComponent ? props.sortComponent : '' }\r\n        {!!moreActions.length &&\r\n          <ActionsDropdown\r\n            actions={moreActions}\r\n            className={!!buttonActions.length && 'ml-2'}\r\n            dropdownToggleClassName={props.actionsDropdownClassName}\r\n          />\r\n        }\r\n      </>\r\n    </div>\r\n  );\r\n}","import * as React from 'react';\r\n\r\nimport { RandomHelper } from 'libs/common/react/utils/RandomHelper';\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\n\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\n\r\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\n\r\nimport styles from './actions.scss';\r\n\r\nimport { ActionOptions } from './Actions';\r\n\r\nfunction getDropdownItemClassName(actionClassName?: string): string {\r\n  let className = 'dropdown-item';\r\n\r\n  if (actionClassName)\r\n    className += ` ${actionClassName}`;\r\n\r\n  return className;\r\n}\r\n\r\ntype DropdownActionOptions = Omit<ActionOptions, 'button' | 'tooltip'>;\r\n\r\ninterface ActionsDropdownItemProps {\r\n  action: DropdownActionOptions;\r\n}\r\n\r\nfunction ActionsDropdownItem(props: ActionsDropdownItemProps): React.ReactElement {\r\n  if (props.action.appLink)\r\n    return (\r\n      <AppLink\r\n        appLink={props.action.appLink}\r\n        onClick={props.action.onClick}\r\n        className={getDropdownItemClassName(props.action.className)}\r\n        analyticsData={props.action.analyticsData}\r\n        analyticsOptions={props.action.analyticsOptions}\r\n      >\r\n        {props.action.label}\r\n      </AppLink>\r\n    );\r\n\r\n  function onClick(e: React.MouseEvent): void {\r\n    if (props.action.analyticsData && props.action.analyticsOptions)\r\n      AnalyticsHelper.logUserAction(props.action.analyticsData, props.action.analyticsOptions);\r\n\r\n    if (FunctionHelper.isFunction(props.action.onClick))\r\n      props.action.onClick(e);\r\n  }\r\n\r\n  return (\r\n    <span\r\n      className={`cursor-pointer ${getDropdownItemClassName(props.action.className)}`}\r\n      onClick={onClick}\r\n    >\r\n      {props.action.label}\r\n    </span>\r\n  );\r\n}\r\n\r\ninterface ActionsDropdownProps {\r\n  actions: DropdownActionOptions[];\r\n  className?: string;\r\n  dropdownToggleClassName?: string;\r\n}\r\n\r\nActionsDropdown.defaultProps = {\r\n  dropdownToggleClassName: 'btn btn-light'\r\n};\r\n\r\nexport function ActionsDropdown(props: ActionsDropdownProps): React.ReactElement {\r\n  if (!props.actions || !props.actions.length)\r\n    return <></>;\r\n\r\n  let className = 'dropdown';\r\n\r\n  if (props.className)\r\n    className += ` ${props.className}`;\r\n\r\n  // Generate unique id to avoid collisions.\r\n  const dropdownToggleId = `actions-dropdown-${RandomHelper.getRandomInt()}`;\r\n\r\n  let dropdownToggleClassName = `dropdown-toggle px-0 ${styles.dropdownToggle}`;\r\n\r\n  if (props.dropdownToggleClassName)\r\n    dropdownToggleClassName += ` ${props.dropdownToggleClassName}`;\r\n\r\n  return (\r\n    <div className={className}>\r\n      <button className={dropdownToggleClassName} type='button' id={dropdownToggleId} data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>\r\n        <SvgContainer svgName={cvSvgLibrary.More} size={SvgContainerSize.Small} />\r\n      </button>\r\n      <div className='dropdown-menu dropdown-menu-right' aria-labelledby={dropdownToggleId}>\r\n        {props.actions.map((a, idx) =>\r\n          <ActionsDropdownItem key={idx} action={a} />\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"buttonList\":\"cv--buttonList--2v9CT\",\"dropdownToggle\":\"cv--dropdownToggle--AYBvQ\"};","import { Flight } from 'libs/common/flight';\r\nimport { HttpVerbs } from 'libs/common/backbone/enums/HttpVerbs';\r\n\r\nexport const PlayerRequests = {\r\n  createViewKey(id: string): Flight.Request {\r\n    return {\r\n      url: `/api/player/create-view-key`,\r\n      key: `view:key:${id}`,\r\n      type: HttpVerbs.POST,\r\n      data: {\r\n        mediaId: id.toString()\r\n      }\r\n    };\r\n  }\r\n};","import { Flight } from 'libs/common/flight';\r\nimport { HttpVerbs } from 'libs/common/backbone/enums/HttpVerbs';\r\nimport { Xhr } from 'libs/common/backbone/interfaces';\r\n\r\nimport { CreateOrUpdateClipRequest } from 'libs/shared/interfaces';\r\n\r\nexport const ClipRequests = {\r\n  clip(id: string): Flight.Request {\r\n    return {\r\n      key: `clip:${id}`,\r\n      url: `/api/domain/v2/objects/${id}?query=video[thumbnail],owner`\r\n    };\r\n  },\r\n\r\n  createClip(\r\n    videoId: string,\r\n    data: CreateOrUpdateClipRequest,\r\n    success?: (data: any) => void,\r\n    error?: (data: Xhr) => void,\r\n    always?: () => void\r\n  ): Flight.Request {\r\n    return {\r\n      key: 'create:clip',\r\n      url: `/api/domain/v2/objects/${videoId}/clips`,\r\n      data,\r\n      type: HttpVerbs.POST,\r\n      success,\r\n      error,\r\n      always\r\n    };\r\n  },\r\n\r\n  updateClip(\r\n    id: string,\r\n    data: CreateOrUpdateClipRequest,\r\n    success?: (data: any) => void,\r\n    error?: (data: Xhr) => void,\r\n    always?: () => void\r\n  ): Flight.Request {\r\n    return {\r\n      key: `clip:${id}`,\r\n      url: `/api/domain/v2/objects/${id}`,\r\n      data,\r\n      type: HttpVerbs.PUT,\r\n      success,\r\n      error,\r\n      always\r\n    };\r\n  },\r\n\r\n  deleteClip(\r\n    id: string,\r\n    videoId: string,\r\n    success?: (data: any) => void,\r\n    error?: (data: Xhr) => void,\r\n    always?: () => void\r\n  ): Flight.Request {\r\n    return {\r\n      key: `clip:${id}`,\r\n      url: `/api/domain/v2/objects/${id}`,\r\n      type: HttpVerbs.DELETE,\r\n      invalidationKeys: [`videos:${videoId}`],\r\n      success,\r\n      error,\r\n      always\r\n    };\r\n  }\r\n};","import * as React from 'react';\r\n\r\nimport { Flight } from 'libs/common/flight';\r\nimport { useSetPageTitle } from 'libs/common/react/hooks/UseSetPageTitle';\r\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\n\r\nimport { EntityType, LocationContext, UserAction, WorkflowPhase } from 'libs/analytics/interfaces/AnalyticsTypes';\r\n\r\nimport { Clip, Config, CurrentUser, PlayerViewKey } from 'libs/shared/interfaces';\r\nimport { PlayerRequests } from 'libs/shared/flight-requests/PlayerRequests';\r\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\r\nimport { ActionOptions, Actions } from 'libs/shared/components/actions/Actions';\r\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\r\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\r\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\r\n\r\nimport { ClickViewPlayer } from 'projects/player/react/Player';\r\n\r\nimport { ClipRequests } from 'shared/flight-requests/ClipRequests';\r\nimport { PlayerContext } from 'shared/hooks/useInitPlayerContext';\r\nimport { ViewModelKeys } from 'shared/constants/LiteViewModels';\r\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\r\nimport { Actions as LiteActions } from 'shared/constants/LiteActions';\r\n\r\nconst namespace = 'shared.playClip';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\nfunction getActions(\r\n  clip: Clip, currentUser: CurrentUser, hasPermissions: (perms: PermissionName) => boolean\r\n): ActionOptions[] {\r\n  const actions: ActionOptions[] = [];\r\n\r\n  const currentUserIsOwner = currentUser.id === clip.owner?.id;\r\n\r\n  if (currentUserIsOwner && hasPermissions(PermissionName.CreateClips)) {\r\n    actions.push({\r\n      label: getPhrase('editClip'),\r\n      appLink: { application: AppChannels.DEFAULT, action: LiteActions.Default.EDIT_CLIP, args: [clip.id]},\r\n      analyticsData: { id: clip.id },\r\n      analyticsOptions: {\r\n        actionType: UserAction.Edit,\r\n        entity: EntityType.Clip,\r\n        location: LocationContext.PlayPage,\r\n        workflowPhase: WorkflowPhase.Start\r\n      }\r\n    });\r\n  }\r\n\r\n  if (currentUserIsOwner && hasPermissions(PermissionName.CreateClips)) {\r\n    actions.push({\r\n      label: getPhrase('deleteClip'),\r\n      appLink: { application: AppChannels.DEFAULT, action: LiteActions.Default.DELETE_CLIP, args: [clip.id]},\r\n      className: 'text-danger',\r\n      analyticsData: { id: clip.id },\r\n      analyticsOptions: {\r\n        actionType: UserAction.Delete,\r\n        entity: EntityType.Clip,\r\n        location: LocationContext.PlayPage,\r\n        workflowPhase: WorkflowPhase.Start\r\n      }\r\n    });\r\n  }\r\n\r\n  return actions;\r\n}\r\n\r\ninterface PlayClipViewProps {\r\n  id: string;\r\n}\r\n\r\nexport function PlayClipView(props: PlayClipViewProps): JSX.Element {\r\n  const { hasPermissions } = usePermissions();\r\n\r\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\r\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\r\n  const clip = Flight.useBasicFetch<Clip>(ClipRequests.clip(props.id));\r\n  const viewKey = Flight.useBasicFetch<PlayerViewKey>(\r\n    PlayerRequests.createViewKey(props.id));\r\n\r\n  const [ , setPlayerData ] = useViewModel<PlayerContext>(ViewModelKeys.WEB_PLAYER_DATA);\r\n\r\n  useSetPageTitle(clip.data?.name);\r\n\r\n  React.useEffect(() => {\r\n    setPlayerData('allowFloatingPlayer', false);\r\n  }, []);\r\n\r\n  return (\r\n    <div className='pb-3'>\r\n      {!!viewKey.data && !!config.data &&\r\n        <ClickViewPlayer\r\n          viewKey={viewKey.data.viewKey}\r\n          playerApi={config.data.playerApiUrl}\r\n          hotkeyElQuerySelector='body'\r\n          className='mb-3'\r\n          autoplay\r\n        />\r\n      }\r\n      {!!clip.data && !!currentUser.data &&\r\n        <div className='d-flex justify-content-between align-items-center'>\r\n          <h1 className='h3 d-inline-block m-0'>\r\n            {clip.data.name}\r\n          </h1>\r\n          <Actions actions={getActions(clip.data, currentUser.data, hasPermissions)} />\r\n        </div>\r\n      }\r\n    </div>\r\n  );\r\n}"],"sourceRoot":""}

package/dist/scripts/48-982a605bb0.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[48],{1157:function(e,t,n){"use strict";var a=n(0),r=n.n(a),i=n(966),o=n(1011),c=n(9),l=c.a.encloseNamespace("classrooms.classroomValidation"),u=Object(o.object)().shape({name:Object(o.string)().max(255,(function(){return l("nameExceeds")})).required((function(){return l("nameRequired")})).default("")}),s=n(959),m=n(979),f=n(980),b=n(91),d="classrooms.classroomDetailsForm",p=c.a.encloseNamespace(d);function v(e){var t=Object(i.b)();return r.a.createElement(s.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:d,phrase:"cancel"})),r.a.createElement(f.a,{isNew:e.isNew})))}function y(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:u,onSubmit:o},r.a.createElement(v,{isNew:!a,onClickCancel:c}))}n.d(t,"a",(function(){return y}))},1441:function(e,t,n){"use strict";n.r(t),n.d(t,"EditClassroomView",(function(){return d}));var a=n(0),r=n.n(a),i=n(76),o=n(9),c=n(19),l=n(305),u=n(958),s=n(309),m=n(1157),f=n(48),b=o.a.encloseNamespace("classrooms.editClassroom");function d(e){var t,n=Object(u.a)(),a=Object(i.useDispatch)(),o=c.a.useBasicFetch(s.a.getClassroom(e.id));return r.a.createElement(l.a,{title:b("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,s.a.editClassroom(t,(function(){f.a.logUserAction(t,e.analyticsOptions),n.success(b("success",{name:t.name})),e.closePopup()}),(function(){n.error(b("error",{name:o.data.name})),e.closePopup()})))},onClickCancel:e.closePopup}))}},958:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var a=n(208),r=n(61),i=n(71),o=function(){var e=Object(a.a)(i.a.ALERT);return{success:function(t){e.success(t)()},error:function(t){e.error(t)()},warning:function(t){e.createAlert({type:r.a.Warning,heading:r.c.Warning,message:t})}}}},966:function(e,t,n){"use strict";n.d(t,"a",(function(){return l})),n.d(t,"b",(function(){return u}));var a=n(0),r=n(959),i=n(45),o=n(69),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){var t=e.castInitialValues,n=e.castValuesOnSubmit,l=e.initialValues,u=e.onSubmit,s=e.resetOnSubmit,m=c(e,["castInitialValues","castValuesOnSubmit","initialValues","onSubmit","resetOnSubmit"]),f=t&&e.validationSchema?e.validationSchema.cast(function e(t){var n=o.a.deepClone(t);return Object.keys(n).forEach((function(t){n.hasOwnProperty(t)&&(o.a.isObject(n[t])?n[t]=e(n[t]):null===n[t]&&delete n[t])})),n}(l)):l,b={allowInitialSubmit:e.allowInitialSubmit};return a.createElement(r.d,Object.assign({enableReinitialize:!0},m,{initialValues:f,onSubmit:function(t,a){var r=a.setSubmitting,i=a.resetForm,o=n&&e.validationSchema?e.validationSchema.cast(t):t;u(o,(function(){s&&i(),r(!1)}))},initialStatus:b}),i.a.isFunction(e.children)?function(t){return e.children(t)}:a.Children.count(e.children)?e.children:null)}function u(){return Object(r.f)()}l.defaultProps={castInitialValues:!0,castValuesOnSubmit:!0}},972:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(959),r={getCustomFormControlClassName:function(e,t,n,r){var i="form-control";return Object(a.e)(t,n)&&Object(a.e)(e,n)&&(i+=" is-invalid"),r&&(i+=" ".concat(r)),i}}},979:function(e,t,n){"use strict";var a=n(0),r=n(959),i=n(40),o=n(45),c=n(972);function l(e){var t=Object(r.f)().values[e.fieldName];return"string"!=typeof t?a.createElement(a.Fragment,null):a.createElement("div",{className:"float-right text-muted"},t.length,"/",e.limit)}var u=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 s(e){var t=e.label,n=u(e,["label"]);return a.createElement(i.Form.Group,null,a.createElement("div",{className:"custom-control custom-checkbox"},a.createElement(f,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 f})),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 f(e){var t=e.children,n=m(e,["children"]);return a.createElement(r.b,Object.assign({},n),o.a.isFunction(t)?function(e){return t(e)}:a.Children.count(t)?t:null)}function b(e){var t=e.label,n=e.className,o=e.showCharacterCounter,u=m(e,["label","className","showCharacterCounter"]),b=Object(r.f)(),d=b.errors,p=b.touched;return"checkbox"===u.type?a.createElement(s,Object.assign({},e)):a.createElement(i.Form.Group,null,!!t&&a.createElement(i.Form.Label,{htmlFor:u.id},t),a.createElement(f,Object.assign({className:c.a.getCustomFormControlClassName(d,p,u.name,n)},u)),!!o&&!!u.maxLength&&a.createElement(l,{fieldName:u.name,limit:u.maxLength}),a.createElement(r.a,{name:u.name},(function(e){return a.createElement(i.Form.Control.Feedback,{type:"invalid"},e)})))}},980:function(e,t,n){"use strict";var a=n(0),r=n(959);function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(a=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);a=!0);}catch(e){r=!0,i=e}finally{try{a||null==c.return||c.return()}finally{if(r)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return o(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var c=n(313),l=n(91);n.d(t,"a",(function(){return u}));function u(e){var t=Object(r.f)(),n=function(e){var t,n=i(a.useState(!1),2),r=n[0],o=n[1];return a.useEffect((function(){var t;e.isValid&&(e.dirty||(null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit))?o(!0):o(!1)}),[e.isValid,null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit,e.dirty,e.values]),a.useEffect((function(){e.isSubmitting&&o(!1)}),[e.isSubmitting]),r}(t);a.useEffect((function(){function e(e){13===e.keyCode&&n&&t.validateForm().then((function(e){Object.keys(e).length||t.submitForm()}))}return window.addEventListener("keypress",e),function(){return window.removeEventListener("keypress",e)}}),[n]);var o="save";return e.isNew&&(o="create"),e.hasNext&&(o="next"),a.createElement(c.a,{variant:e.variant||"primary",showSpinner:t.isSubmitting,type:"submit",disabled:!n},e.submitText?a.createElement(a.Fragment,null,e.submitText):a.createElement(l.b,{namespace:"shared.formButtons",phrase:o}))}}}]);