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

package/dist/scripts/47.chunk.js

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

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