@clickview/lite 0.0.23-rc.1 → 0.0.23-rc.2

package/dist/scripts/48.chunk.js

@@ -1,272 +0,0 @@
-(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[48],{
-
-/***/ "../../libs/shared/src/context/PageTitleContext.tsx":
-/*!**********************************************************************************************!*\
-  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/context/PageTitleContext.tsx ***!
-  \**********************************************************************************************/
-/*! exports provided: PageTitleContext, PageTitleContextProvider */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PageTitleContext", function() { return PageTitleContext; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PageTitleContextProvider", function() { return PageTitleContextProvider; });
-/* 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_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
-/* harmony import */ var _utils_PageTitleHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/PageTitleHelper */ "../../libs/shared/src/utils/PageTitleHelper.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 PageTitleContext = react__WEBPACK_IMPORTED_MODULE_0__["createContext"]({});
-var namespace = 'shared.context';
-
-var DEFAULT_TITLE = function DEFAULT_TITLE() {
-  return _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'defaultTitle');
-};
-
-var PageTitleContextProvider = function PageTitleContextProvider(_ref) {
-  var children = _ref.children;
-
-  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](DEFAULT_TITLE),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      currentPageTitle = _React$useState2[0],
-      setCurrentPageTitle = _React$useState2[1];
-
-  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_0__["useState"](DEFAULT_TITLE),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      previousPageTitle = _React$useState4[0],
-      setPreviousPageTitle = _React$useState4[1];
-
-  var setPageTitle = function setPageTitle(title) {
-    if (title === currentPageTitle) return;
-    if (currentPageTitle !== previousPageTitle) setPreviousPageTitle(currentPageTitle);
-    setCurrentPageTitle(title);
-  };
-
-  var revertPageTitle = function revertPageTitle() {
-    setCurrentPageTitle(previousPageTitle);
-  };
-
-  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
-    return _utils_PageTitleHelper__WEBPACK_IMPORTED_MODULE_2__["PageTitleHelper"].setPageTitle(currentPageTitle);
-  }, [currentPageTitle]);
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](PageTitleContext.Provider, {
-    value: {
-      setPageTitle: setPageTitle,
-      revertPageTitle: revertPageTitle
-    }
-  }, children);
-};
-
-/***/ }),
-
-/***/ "../../libs/shared/src/hooks/useSetPageTitle.ts":
-/*!******************************************************************************************!*\
-  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/useSetPageTitle.ts ***!
-  \******************************************************************************************/
-/*! exports provided: useSetPageTitle */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useSetPageTitle", function() { return useSetPageTitle; });
-/* 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_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
-/* harmony import */ var _context_PageTitleContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../context/PageTitleContext */ "../../libs/shared/src/context/PageTitleContext.tsx");
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-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; }
-
-
-
-
-/**
- * Hook function to set the page title using the useEffect hook.
- * @param title - value to set the page title to.
- * @param dependencies - values from the component (e.g. state, props and functions) that are used
- * inside the effect hook.
- */
-
-function useSetPageTitle(title) {
-  var dependencies = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-
-  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_0__["useContext"](_context_PageTitleContext__WEBPACK_IMPORTED_MODULE_2__["PageTitleContext"]),
-      setPageTitle = _React$useContext.setPageTitle;
-
-  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
-    if (!title || !_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__["FunctionHelper"].isFunction(setPageTitle)) return;
-    setPageTitle(title);
-  }, [title].concat(_toConsumableArray(dependencies)));
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/utils/PageTitleHelper.ts":
-/*!******************************************************************************************!*\
-  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/utils/PageTitleHelper.ts ***!
-  \******************************************************************************************/
-/*! exports provided: PageTitleHelper */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PageTitleHelper", function() { return PageTitleHelper; });
-/* harmony import */ var _common_src_backbone__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/backbone */ "../../libs/common/src/backbone/index.ts");
-
-var TITLE_LENGTH = 60;
-var SUFFIX = ' - ClickView';
-
-var trimTitle = function trimTitle(title) {
-  if (title.length + SUFFIX.length <= TITLE_LENGTH) return title + SUFFIX;
-  return title.substring(0, TITLE_LENGTH - 3) + '...' + SUFFIX;
-};
-
-var PageTitleHelper = {
-  setPageTitle: function setPageTitle(title) {
-    if (!title) return;
-    _common_src_backbone__WEBPACK_IMPORTED_MODULE_0__["Core"].LocationUtils.SetPageTitle(trimTitle(title));
-  }
-};
-
-/***/ }),
-
-/***/ "./src/apps/playlists/views/delete-playlist/DeletePlaylistView.tsx":
-/*!*************************************************************************!*\
-  !*** ./src/apps/playlists/views/delete-playlist/DeletePlaylistView.tsx ***!
-  \*************************************************************************/
-/*! exports provided: DeletePlaylistView */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DeletePlaylistView", function() { return DeletePlaylistView; });
-/* 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 react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ "react-redux");
-/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
-/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.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__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
-/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
-/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
-/* harmony import */ var _libs_shared_src_components_popup_PopupButtons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/popup/PopupButtons */ "../../libs/shared/src/components/popup/PopupButtons.tsx");
-/* harmony import */ var _libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/popup/Popup */ "../../libs/shared/src/components/popup/Popup.tsx");
-/* harmony import */ var _libs_shared_src_hooks_useSetPageTitle__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/useSetPageTitle */ "../../libs/shared/src/hooks/useSetPageTitle.ts");
-/* harmony import */ var _libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/PlaylistRequests */ "../../libs/shared/src/flight-requests/PlaylistRequests.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 = 'playlists.deletePlaylist';
-var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_4__["LanguageService"].encloseNamespace(namespace);
-function DeletePlaylistView(props) {
-  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
-
-  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      showButtonSpinner = _React$useState2[0],
-      setShowButtonSpinner = _React$useState2[1];
-
-  var playlist = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_11__["PlaylistRequests"].getPlaylist(props.playlistId));
-  Object(_libs_shared_src_hooks_useSetPageTitle__WEBPACK_IMPORTED_MODULE_10__["useSetPageTitle"])(playlist.data && "".concat(getPhrase('title', {
-    name: playlist.data.name
-  })), [playlist.data]);
-
-  var deletePlaylist = function deletePlaylist() {
-    setShowButtonSpinner(true);
-
-    var onSuccess = function onSuccess() {
-      props.closePopup();
-      if (props.routeToOnDelete) _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].AppLinkHelper.trigger(props.routeToOnDelete);
-    };
-
-    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, _libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_11__["PlaylistRequests"].deletePlaylist(props.playlistId, onSuccess, props.closePopup));
-    _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_6__["AnalyticsHelper"].logUserAction({
-      id: props.playlistId
-    }, _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_6__["AnalyticsHelper"].mergeOptions(props.analyticsOptions, {
-      actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_5__["UserAction"].Delete,
-      entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_5__["EntityType"].Playlist,
-      workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_5__["WorkflowPhase"].Complete
-    }));
-  };
-
-  var buttons = [{
-    variant: 'link',
-    onClick: props.closePopup,
-    buttonText: getPhrase('keep')
-  }, {
-    variant: 'danger',
-    onClick: deletePlaylist,
-    buttonText: getPhrase('confirm'),
-    isSpinnerButton: true,
-    showSpinner: showButtonSpinner
-  }];
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_7__["LanguageNamespaceContext"].Provider, {
-    value: namespace
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_9__["Popup"], {
-    title: getPhrase('check'),
-    closePopup: props.closePopup,
-    showLoadingSpinner: !playlist.data
-  }, !!playlist.data && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: 'delete-playlist-container'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: 'delete-playlist-body'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_7__["Text"], {
-    phrase: 'warning',
-    options: {
-      name: playlist.data.name
-    }
-  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_7__["Text"], {
-    phrase: 'videoNote'
-  }))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_popup_PopupButtons__WEBPACK_IMPORTED_MODULE_8__["PopupButtons"], {
-    buttons: buttons
-  }))));
-}
-
-/***/ })
-
-}]);
-//# sourceMappingURL=48.chunk.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/libs/shared/src/context/PageTitleContext.tsx","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/useSetPageTitle.ts","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/utils/PageTitleHelper.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/playlists/views/delete-playlist/DeletePlaylistView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAOO,IAAM,gBAAgB,GAAG,oDAAuC,EAAvC,CAAzB;AAEP,IAAM,SAAS,GAAG,gBAAlB;;AAEA,IAAM,aAAa,GAAG,SAAhB,aAAgB;AAAA,SAAM,6FAAe,CAAC,SAAhB,CAA0B,SAA1B,EAAqC,cAArC,CAAN;AAAA,CAAtB;;AAEO,IAAM,wBAAwB,GAAG,SAA3B,wBAA2B,OAAkE;AAAA,MAA/D,QAA+D,QAA/D,QAA+D;;AAAA,wBACtD,+CAAe,aAAf,CADsD;AAAA;AAAA,MAChG,gBADgG;AAAA,MAC9E,mBAD8E;;AAAA,yBAEpD,+CAAe,aAAf,CAFoD;AAAA;AAAA,MAEhG,iBAFgG;AAAA,MAE7E,oBAF6E;;AAIxG,MAAM,YAAY,GAAG,SAAf,YAAe,CAAC,KAAD,EAAkB;AACrC,QAAI,KAAK,KAAK,gBAAd,EACE;AAEF,QAAI,gBAAgB,KAAK,iBAAzB,EACE,oBAAoB,CAAC,gBAAD,CAApB;AAEF,uBAAmB,CAAC,KAAD,CAAnB;AACD,GARD;;AAUA,MAAM,eAAe,GAAG,SAAlB,eAAkB,GAAK;AAC3B,uBAAmB,CAAC,iBAAD,CAAnB;AACD,GAFD;;AAIA,kDAAgB;AAAA,WAAM,sEAAe,CAAC,YAAhB,CAA6B,gBAA7B,CAAN;AAAA,GAAhB,EAAsE,CAAC,gBAAD,CAAtE;AAEA,SACE,oDAAC,gBAAgB,CAAC,QAAlB,EAA0B;AAAC,SAAK,EAAE;AAAE,kBAAY,EAAZ,YAAF;AAAgB,qBAAe,EAAf;AAAhB;AAAR,GAA1B,EACG,QADH,CADF;AAKD,CAzBM,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACfP;AACA;AAEA;AAEA;;;;;;;AAMM,SAAU,eAAV,CAA0B,KAA1B,EAAiE;AAAA,MAAxB,YAAwB,uEAAF,EAAE;;AAAA,0BAC5C,iDAAiB,0EAAjB,CAD4C;AAAA,MAC7D,YAD6D,qBAC7D,YAD6D;;AAGrE,kDAAgB,YAAK;AACnB,QAAI,CAAC,KAAD,IAAU,CAAC,wFAAc,CAAC,UAAf,CAA0B,YAA1B,CAAf,EACE;AAEF,gBAAY,CAAC,KAAD,CAAZ;AACD,GALD,GAKK,KALL,4BAKe,YALf;AAMD,C;;;;;;;;;;;;ACpBD;AAAA;AAAA;AAAA;AAEA,IAAM,YAAY,GAAG,EAArB;AACA,IAAM,MAAM,GAAG,cAAf;;AAEA,IAAM,SAAS,GAAG,SAAZ,SAAY,CAAC,KAAD,EAA0B;AAC1C,MAAI,KAAK,CAAC,MAAN,GAAe,MAAM,CAAC,MAAtB,IAAgC,YAApC,EACE,OAAO,KAAK,GAAG,MAAf;AAEF,SAAO,KAAK,CAAC,SAAN,CAAgB,CAAhB,EAAmB,YAAY,GAAG,CAAlC,IAAuC,KAAvC,GAA+C,MAAtD;AACD,CALD;;AAOO,IAAM,eAAe,GAAG;AAC7B,cAD6B,wBAChB,KADgB,EACH;AACxB,QAAI,CAAC,KAAL,EACE;AAEF,6DAAI,CAAC,aAAL,CAAmB,YAAnB,CAAgC,SAAS,CAAC,KAAD,CAAzC;AACD;AAN4B,CAAxB,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACZP;AACA;AAEA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AAEA;AAEA,IAAM,SAAS,GAAG,0BAAlB;AACA,IAAM,SAAS,GAAG,kGAAe,CAAC,gBAAhB,CAAiC,SAAjC,CAAlB;AASM,SAAU,kBAAV,CAA6B,KAA7B,EAA6C;AACjD,MAAM,QAAQ,GAAG,+DAAW,EAA5B;;AADiD,wBAGG,+CAAe,KAAf,CAHH;AAAA;AAAA,MAGzC,iBAHyC;AAAA,MAGtB,oBAHsB;;AAKjD,MAAM,QAAQ,GAAG,6DAAM,CAAC,aAAP,CAA+B,mGAAgB,CAAC,WAAjB,CAA6B,KAAK,CAAC,UAAnC,CAA/B,CAAjB;AAEA,iGAAe,CAAC,QAAQ,CAAC,IAAT,cAAoB,SAAS,CAAC,OAAD,EAAU;AAAE,QAAI,EAAE,QAAQ,CAAC,IAAT,CAAc;AAAtB,GAAV,CAA7B,CAAD,EAAyE,CAAC,QAAQ,CAAC,IAAV,CAAzE,CAAf;;AAEA,MAAM,cAAc,GAAG,SAAjB,cAAiB,GAAW;AAChC,wBAAoB,CAAC,IAAD,CAApB;;AAEA,QAAM,SAAS,GAAG,SAAZ,SAAY,GAAK;AACrB,WAAK,CAAC,UAAN;AAEA,UAAI,KAAK,CAAC,eAAV,EACE,8DAAI,CAAC,aAAL,CAAmB,OAAnB,CAA2B,KAAK,CAAC,eAAjC;AACH,KALD;;AAOA,iEAAM,CAAC,KAAP,CAAa,QAAb,EAAuB,mGAAgB,CAAC,cAAjB,CAAgC,KAAK,CAAC,UAAtC,EAAkD,SAAlD,EAA6D,KAAK,CAAC,UAAnE,CAAvB;AAEA,uFAAe,CAAC,aAAhB,CAA8B;AAAE,QAAE,EAAE,KAAK,CAAC;AAAZ,KAA9B,EAAwD,mFAAe,CAAC,YAAhB,CAA6B,KAAK,CAAC,gBAAnC,EAAqD;AAC3G,gBAAU,EAAE,yEAAU,CAAC,MADoF;AAE3G,YAAM,EAAE,yEAAU,CAAC,QAFwF;AAG3G,mBAAa,EAAE,4EAAa,CAAC;AAH8E,KAArD,CAAxD;AAKD,GAjBD;;AAmBA,MAAM,OAAO,GAAkB,CAC7B;AACE,WAAO,EAAE,MADX;AAEE,WAAO,EAAE,KAAK,CAAC,UAFjB;AAGE,cAAU,EAAE,SAAS,CAAC,MAAD;AAHvB,GAD6B,EAM7B;AACE,WAAO,EAAE,QADX;AAEE,WAAO,EAAE,cAFX;AAGE,cAAU,EAAE,SAAS,CAAC,SAAD,CAHvB;AAIE,mBAAe,EAAE,IAJnB;AAKE,eAAW,EAAE;AALf,GAN6B,CAA/B;AAeA,SACE,oDAAC,8FAAwB,CAAC,QAA1B,EAAkC;AAAC,SAAK,EAAE;AAAR,GAAlC,EACE,oDAAC,6EAAD,EAAM;AAAC,SAAK,EAAE,SAAS,CAAC,OAAD,CAAjB;AAA4B,cAAU,EAAE,KAAK,CAAC,UAA9C;AAA0D,sBAAkB,EAAE,CAAC,QAAQ,CAAC;AAAxF,GAAN,EACG,CAAC,CAAC,QAAQ,CAAC,IAAX,IACC;AAAK,aAAS,EAAC;AAAf,KACE;AAAK,aAAS,EAAC;AAAf,KACE,+DACE,oDAAC,0EAAD,EAAK;AAAC,UAAM,EAAC,SAAR;AAAkB,WAAO,EAAE;AAAE,UAAI,EAAE,QAAQ,CAAC,IAAT,CAAc;AAAtB;AAA3B,GAAL,CADF,CADF,EAIE,+DAAG,oDAAC,0EAAD,EAAK;AAAC,UAAM,EAAC;AAAR,GAAL,CAAH,CAJF,CADF,EAOE,oDAAC,2FAAD,EAAa;AAAC,WAAO,EAAE;AAAV,GAAb,CAPF,CAFJ,CADF,CADF;AAiBD,C","file":"scripts/48.chunk.js","sourcesContent":["import * as React from 'react';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { PageTitleHelper } from 'libs/shared/utils/PageTitleHelper';\r\n\r\ninterface IPageTitleContext {\r\n  setPageTitle?: (title: string) => void;\r\n  revertPageTitle?: () => void;\r\n}\r\n\r\nexport const PageTitleContext = React.createContext<IPageTitleContext>({});\r\n\r\nconst namespace = 'shared.context';\r\n\r\nconst DEFAULT_TITLE = () => LanguageService.getPhrase(namespace, 'defaultTitle');\r\n\r\nexport const PageTitleContextProvider = ({ children }: React.PropsWithChildren<{}>): React.ReactElement => {\r\n  const [ currentPageTitle, setCurrentPageTitle ] = React.useState(DEFAULT_TITLE);\r\n  const [ previousPageTitle, setPreviousPageTitle ] = React.useState(DEFAULT_TITLE);\r\n\r\n  const setPageTitle = (title: string) => {\r\n    if (title === currentPageTitle)\r\n      return;\r\n\r\n    if (currentPageTitle !== previousPageTitle)\r\n      setPreviousPageTitle(currentPageTitle);\r\n\r\n    setCurrentPageTitle(title);\r\n  };\r\n\r\n  const revertPageTitle = () => {\r\n    setCurrentPageTitle(previousPageTitle);\r\n  };\r\n\r\n  React.useEffect(() => PageTitleHelper.setPageTitle(currentPageTitle), [currentPageTitle]);\r\n\r\n  return (\r\n    <PageTitleContext.Provider value={{ setPageTitle, revertPageTitle }}>\r\n      {children}\r\n    </PageTitleContext.Provider>\r\n  );\r\n};","import * as React from 'react';\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\n\r\nimport { PageTitleContext } from 'libs/shared/context/PageTitleContext';\r\n\r\n/**\r\n * Hook function to set the page title using the useEffect hook.\r\n * @param title - value to set the page title to.\r\n * @param dependencies - values from the component (e.g. state, props and functions) that are used \r\n * inside the effect hook.\r\n */\r\nexport function useSetPageTitle(title: string, dependencies: any[] = []): void {\r\n  const { setPageTitle } = React.useContext(PageTitleContext);\r\n\r\n  React.useEffect(() => {\r\n    if (!title || !FunctionHelper.isFunction(setPageTitle))\r\n      return;\r\n\r\n    setPageTitle(title);\r\n  }, [ title, ...dependencies ]);\r\n}","import { Core } from 'libs/common/core';\r\n\r\nconst TITLE_LENGTH = 60;\r\nconst SUFFIX = ' - ClickView';\r\n\r\nconst trimTitle = (title: string): string => {\r\n  if (title.length + SUFFIX.length <= TITLE_LENGTH)\r\n    return title + SUFFIX;\r\n\r\n  return title.substring(0, TITLE_LENGTH - 3) + '...' + SUFFIX;\r\n};\r\n\r\nexport const PageTitleHelper = {\r\n  setPageTitle(title: string): void {\r\n    if (!title)\r\n      return;\r\n\r\n    Core.LocationUtils.SetPageTitle(trimTitle(title));\r\n  }\r\n};","import * as React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { Flight } from 'libs/common/flight';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { UserAction, EntityType, WorkflowPhase } from 'libs/analytics/interfaces';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\n\r\nimport { PropsWithPopupViewProps, PropsWithAnalyticsOptions, Playlist } from 'libs/shared/interfaces';\r\n\r\nimport { Text, LanguageNamespaceContext } from 'libs/shared/components/text/Text';\r\nimport { PopupButton, PopupButtons } from 'libs/shared/components/popup/PopupButtons';\r\nimport { Popup } from 'libs/shared/components/popup/Popup';\r\nimport { useSetPageTitle } from 'libs/shared/hooks/useSetPageTitle';\r\n\r\nimport { PlaylistRequests } from 'libs/shared/flight-requests/PlaylistRequests';\r\n\r\nconst namespace = 'playlists.deletePlaylist';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\ninterface DeletePlaylistViewProps {\r\n  playlistId: string;\r\n  routeToOnDelete?: Core.AppLink;\r\n}\r\n\r\ntype PropTypes = PropsWithAnalyticsOptions<PropsWithPopupViewProps<DeletePlaylistViewProps>>;\r\n\r\nexport function DeletePlaylistView(props: PropTypes): React.ReactElement {\r\n  const dispatch = useDispatch();\r\n\r\n  const [ showButtonSpinner, setShowButtonSpinner ] = React.useState(false);\r\n\r\n  const playlist = Flight.useBasicFetch<Playlist>(PlaylistRequests.getPlaylist(props.playlistId));\r\n\r\n  useSetPageTitle(playlist.data && `${getPhrase('title', { name: playlist.data.name })}`, [playlist.data]);\r\n\r\n  const deletePlaylist = (): void => {\r\n    setShowButtonSpinner(true);\r\n\r\n    const onSuccess = () => {\r\n      props.closePopup();\r\n\r\n      if (props.routeToOnDelete)\r\n        Core.AppLinkHelper.trigger(props.routeToOnDelete);\r\n    };\r\n\r\n    Flight.fetch(dispatch, PlaylistRequests.deletePlaylist(props.playlistId, onSuccess, props.closePopup));\r\n\r\n    AnalyticsHelper.logUserAction({ id: props.playlistId }, AnalyticsHelper.mergeOptions(props.analyticsOptions, {\r\n      actionType: UserAction.Delete,\r\n      entity: EntityType.Playlist,\r\n      workflowPhase: WorkflowPhase.Complete\r\n    }));\r\n  };\r\n\r\n  const buttons: PopupButton[] = [\r\n    {\r\n      variant: 'link',\r\n      onClick: props.closePopup,\r\n      buttonText: getPhrase('keep')\r\n    },\r\n    {\r\n      variant: 'danger',\r\n      onClick: deletePlaylist,\r\n      buttonText: getPhrase('confirm'),\r\n      isSpinnerButton: true,\r\n      showSpinner: showButtonSpinner\r\n    }\r\n  ];\r\n\r\n  return (\r\n    <LanguageNamespaceContext.Provider value={namespace}>\r\n      <Popup title={getPhrase('check')} closePopup={props.closePopup} showLoadingSpinner={!playlist.data}>\r\n        {!!playlist.data &&\r\n          <div className='delete-playlist-container'>\r\n            <div className='delete-playlist-body'>\r\n              <p>\r\n                <Text phrase='warning' options={{ name: playlist.data.name }} />\r\n              </p>\r\n              <p><Text phrase='videoNote' /></p>\r\n            </div>\r\n            <PopupButtons buttons={buttons} />\r\n          </div>\r\n        }\r\n      </Popup>\r\n    </LanguageNamespaceContext.Provider>\r\n  );\r\n}"],"sourceRoot":""}

package/dist/scripts/49.chunk.js

@@ -1,267 +0,0 @@
-(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[49],{
-
-/***/ "../../libs/shared/src/context/PageTitleContext.tsx":
-/*!**********************************************************************************************!*\
-  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/context/PageTitleContext.tsx ***!
-  \**********************************************************************************************/
-/*! exports provided: PageTitleContext, PageTitleContextProvider */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PageTitleContext", function() { return PageTitleContext; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PageTitleContextProvider", function() { return PageTitleContextProvider; });
-/* 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_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
-/* harmony import */ var _utils_PageTitleHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/PageTitleHelper */ "../../libs/shared/src/utils/PageTitleHelper.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 PageTitleContext = react__WEBPACK_IMPORTED_MODULE_0__["createContext"]({});
-var namespace = 'shared.context';
-
-var DEFAULT_TITLE = function DEFAULT_TITLE() {
-  return _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'defaultTitle');
-};
-
-var PageTitleContextProvider = function PageTitleContextProvider(_ref) {
-  var children = _ref.children;
-
-  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](DEFAULT_TITLE),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      currentPageTitle = _React$useState2[0],
-      setCurrentPageTitle = _React$useState2[1];
-
-  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_0__["useState"](DEFAULT_TITLE),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      previousPageTitle = _React$useState4[0],
-      setPreviousPageTitle = _React$useState4[1];
-
-  var setPageTitle = function setPageTitle(title) {
-    if (title === currentPageTitle) return;
-    if (currentPageTitle !== previousPageTitle) setPreviousPageTitle(currentPageTitle);
-    setCurrentPageTitle(title);
-  };
-
-  var revertPageTitle = function revertPageTitle() {
-    setCurrentPageTitle(previousPageTitle);
-  };
-
-  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
-    return _utils_PageTitleHelper__WEBPACK_IMPORTED_MODULE_2__["PageTitleHelper"].setPageTitle(currentPageTitle);
-  }, [currentPageTitle]);
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](PageTitleContext.Provider, {
-    value: {
-      setPageTitle: setPageTitle,
-      revertPageTitle: revertPageTitle
-    }
-  }, children);
-};
-
-/***/ }),
-
-/***/ "../../libs/shared/src/hooks/useSetPageTitle.ts":
-/*!******************************************************************************************!*\
-  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/useSetPageTitle.ts ***!
-  \******************************************************************************************/
-/*! exports provided: useSetPageTitle */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useSetPageTitle", function() { return useSetPageTitle; });
-/* 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_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
-/* harmony import */ var _context_PageTitleContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../context/PageTitleContext */ "../../libs/shared/src/context/PageTitleContext.tsx");
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-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; }
-
-
-
-
-/**
- * Hook function to set the page title using the useEffect hook.
- * @param title - value to set the page title to.
- * @param dependencies - values from the component (e.g. state, props and functions) that are used
- * inside the effect hook.
- */
-
-function useSetPageTitle(title) {
-  var dependencies = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-
-  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_0__["useContext"](_context_PageTitleContext__WEBPACK_IMPORTED_MODULE_2__["PageTitleContext"]),
-      setPageTitle = _React$useContext.setPageTitle;
-
-  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
-    if (!title || !_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__["FunctionHelper"].isFunction(setPageTitle)) return;
-    setPageTitle(title);
-  }, [title].concat(_toConsumableArray(dependencies)));
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/utils/PageTitleHelper.ts":
-/*!******************************************************************************************!*\
-  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/utils/PageTitleHelper.ts ***!
-  \******************************************************************************************/
-/*! exports provided: PageTitleHelper */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PageTitleHelper", function() { return PageTitleHelper; });
-/* harmony import */ var _common_src_backbone__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/backbone */ "../../libs/common/src/backbone/index.ts");
-
-var TITLE_LENGTH = 60;
-var SUFFIX = ' - ClickView';
-
-var trimTitle = function trimTitle(title) {
-  if (title.length + SUFFIX.length <= TITLE_LENGTH) return title + SUFFIX;
-  return title.substring(0, TITLE_LENGTH - 3) + '...' + SUFFIX;
-};
-
-var PageTitleHelper = {
-  setPageTitle: function setPageTitle(title) {
-    if (!title) return;
-    _common_src_backbone__WEBPACK_IMPORTED_MODULE_0__["Core"].LocationUtils.SetPageTitle(trimTitle(title));
-  }
-};
-
-/***/ }),
-
-/***/ "./src/apps/playlists/views/remove-video-from-playlist/RemoveVideoFromPlaylistView.tsx":
-/*!*********************************************************************************************!*\
-  !*** ./src/apps/playlists/views/remove-video-from-playlist/RemoveVideoFromPlaylistView.tsx ***!
-  \*********************************************************************************************/
-/*! exports provided: RemoveVideoFromPlaylistView */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RemoveVideoFromPlaylistView", function() { return RemoveVideoFromPlaylistView; });
-/* 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 react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ "react-redux");
-/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
-/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
-/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
-/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
-/* harmony import */ var _libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/popup/Popup */ "../../libs/shared/src/components/popup/Popup.tsx");
-/* harmony import */ var _libs_shared_src_components_popup_PopupButtons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/popup/PopupButtons */ "../../libs/shared/src/components/popup/PopupButtons.tsx");
-/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
-/* harmony import */ var _libs_shared_src_hooks_useSetPageTitle__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/useSetPageTitle */ "../../libs/shared/src/hooks/useSetPageTitle.ts");
-/* harmony import */ var _libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/PlaylistRequests */ "../../libs/shared/src/flight-requests/PlaylistRequests.ts");
-/* harmony import */ var shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! shared/flight-requests/VideoRequests */ "./src/shared/flight-requests/VideoRequests.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 = 'playlists.removeVideoFromPlaylist';
-var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].encloseNamespace(namespace);
-function RemoveVideoFromPlaylistView(props) {
-  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
-
-  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      showButtonSpinner = _React$useState2[0],
-      setShowButtonSpinner = _React$useState2[1];
-
-  var playlist = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_10__["PlaylistRequests"].getPlaylist(props.playlistId));
-  var video = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_11__["VideoRequests"].video(props.videoId));
-  Object(_libs_shared_src_hooks_useSetPageTitle__WEBPACK_IMPORTED_MODULE_9__["useSetPageTitle"])(!!video.data && getPhrase('title', {
-    name: video.data.name
-  }), [video.data]);
-
-  var removeVideo = function removeVideo() {
-    setShowButtonSpinner(true);
-    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].fetch(dispatch, _libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_10__["PlaylistRequests"].removePlaylistVideo(props.playlistId, props.videoId, props.closePopup, props.closePopup));
-    _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_5__["AnalyticsHelper"].logUserAction({
-      id: props.videoId,
-      playlistId: props.playlistId
-    }, _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_5__["AnalyticsHelper"].mergeOptions(props.analyticsOptions, {
-      actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__["UserAction"].Dissociate,
-      entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__["EntityType"].Video,
-      workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__["WorkflowPhase"].Complete
-    }));
-  };
-
-  var buttons = [{
-    variant: 'link',
-    onClick: props.closePopup,
-    buttonText: getPhrase('keep')
-  }, {
-    variant: 'danger',
-    onClick: removeVideo,
-    buttonText: getPhrase('confirm'),
-    isSpinnerButton: true,
-    showSpinner: showButtonSpinner
-  }];
-  var dataLoaded = !!playlist.data && !!video.data;
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_6__["Popup"], {
-    title: getPhrase('check'),
-    closePopup: props.closePopup,
-    showLoadingSpinner: !dataLoaded
-  }, dataLoaded && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: 'remove-video-container'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: 'remove-video-body'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_8__["Text"], {
-    namespace: namespace,
-    phrase: 'warning',
-    options: {
-      video: video.data.name,
-      playlist: playlist.data.name
-    }
-  }))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_popup_PopupButtons__WEBPACK_IMPORTED_MODULE_7__["PopupButtons"], {
-    buttons: buttons
-  })));
-}
-
-/***/ })
-
-}]);
-//# sourceMappingURL=49.chunk.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/libs/shared/src/context/PageTitleContext.tsx","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/useSetPageTitle.ts","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/utils/PageTitleHelper.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/playlists/views/remove-video-from-playlist/RemoveVideoFromPlaylistView.tsx"],"names":[],"mappings":"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","file":"scripts/49.chunk.js","sourcesContent":["import * as React from 'react';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { PageTitleHelper } from 'libs/shared/utils/PageTitleHelper';\r\n\r\ninterface IPageTitleContext {\r\n  setPageTitle?: (title: string) => void;\r\n  revertPageTitle?: () => void;\r\n}\r\n\r\nexport const PageTitleContext = React.createContext<IPageTitleContext>({});\r\n\r\nconst namespace = 'shared.context';\r\n\r\nconst DEFAULT_TITLE = () => LanguageService.getPhrase(namespace, 'defaultTitle');\r\n\r\nexport const PageTitleContextProvider = ({ children }: React.PropsWithChildren<{}>): React.ReactElement => {\r\n  const [ currentPageTitle, setCurrentPageTitle ] = React.useState(DEFAULT_TITLE);\r\n  const [ previousPageTitle, setPreviousPageTitle ] = React.useState(DEFAULT_TITLE);\r\n\r\n  const setPageTitle = (title: string) => {\r\n    if (title === currentPageTitle)\r\n      return;\r\n\r\n    if (currentPageTitle !== previousPageTitle)\r\n      setPreviousPageTitle(currentPageTitle);\r\n\r\n    setCurrentPageTitle(title);\r\n  };\r\n\r\n  const revertPageTitle = () => {\r\n    setCurrentPageTitle(previousPageTitle);\r\n  };\r\n\r\n  React.useEffect(() => PageTitleHelper.setPageTitle(currentPageTitle), [currentPageTitle]);\r\n\r\n  return (\r\n    <PageTitleContext.Provider value={{ setPageTitle, revertPageTitle }}>\r\n      {children}\r\n    </PageTitleContext.Provider>\r\n  );\r\n};","import * as React from 'react';\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\n\r\nimport { PageTitleContext } from 'libs/shared/context/PageTitleContext';\r\n\r\n/**\r\n * Hook function to set the page title using the useEffect hook.\r\n * @param title - value to set the page title to.\r\n * @param dependencies - values from the component (e.g. state, props and functions) that are used \r\n * inside the effect hook.\r\n */\r\nexport function useSetPageTitle(title: string, dependencies: any[] = []): void {\r\n  const { setPageTitle } = React.useContext(PageTitleContext);\r\n\r\n  React.useEffect(() => {\r\n    if (!title || !FunctionHelper.isFunction(setPageTitle))\r\n      return;\r\n\r\n    setPageTitle(title);\r\n  }, [ title, ...dependencies ]);\r\n}","import { Core } from 'libs/common/core';\r\n\r\nconst TITLE_LENGTH = 60;\r\nconst SUFFIX = ' - ClickView';\r\n\r\nconst trimTitle = (title: string): string => {\r\n  if (title.length + SUFFIX.length <= TITLE_LENGTH)\r\n    return title + SUFFIX;\r\n\r\n  return title.substring(0, TITLE_LENGTH - 3) + '...' + SUFFIX;\r\n};\r\n\r\nexport const PageTitleHelper = {\r\n  setPageTitle(title: string): void {\r\n    if (!title)\r\n      return;\r\n\r\n    Core.LocationUtils.SetPageTitle(trimTitle(title));\r\n  }\r\n};","import * as React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nimport { Flight } from 'libs/common/flight';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { UserAction, EntityType, WorkflowPhase } from 'libs/analytics/interfaces';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { Video, Playlist, PropsWithPopupViewProps, PropsWithAnalyticsOptions } from 'libs/shared/interfaces';\r\nimport { Popup } from 'libs/shared/components/popup/Popup';\r\nimport { PopupButton, PopupButtons } from 'libs/shared/components/popup/PopupButtons';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { useSetPageTitle } from 'libs/shared/hooks/useSetPageTitle';\r\nimport { PlaylistRequests } from 'libs/shared/flight-requests/PlaylistRequests';\r\n\r\nimport { VideoRequests } from 'shared/flight-requests/VideoRequests';\r\n\r\nconst namespace = 'playlists.removeVideoFromPlaylist';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\ninterface RemoveVideoFromPlaylistViewProps {\r\n  videoId: string;\r\n  playlistId: string;\r\n}\r\n\r\ntype PropTypes = PropsWithAnalyticsOptions<PropsWithPopupViewProps<RemoveVideoFromPlaylistViewProps>>;\r\n\r\nexport function RemoveVideoFromPlaylistView(props: PropTypes): React.ReactElement {\r\n  const dispatch = useDispatch();\r\n\r\n  const [ showButtonSpinner, setShowButtonSpinner ] = React.useState(false);\r\n\r\n  const playlist = Flight.useBasicFetch<Playlist>(PlaylistRequests.getPlaylist(props.playlistId));\r\n  const video = Flight.useBasicFetch<Video>(VideoRequests.video(props.videoId));\r\n\r\n  useSetPageTitle(!!video.data && getPhrase('title', { name: video.data.name }), [video.data]);\r\n\r\n  const removeVideo = (): void => {\r\n    setShowButtonSpinner(true);\r\n\r\n    Flight.fetch(\r\n      dispatch,\r\n      PlaylistRequests.removePlaylistVideo(props.playlistId, props.videoId, props.closePopup, props.closePopup)\r\n    );\r\n\r\n    AnalyticsHelper.logUserAction(\r\n      { id: props.videoId, playlistId: props.playlistId },\r\n      AnalyticsHelper.mergeOptions(props.analyticsOptions, {\r\n        actionType: UserAction.Dissociate,\r\n        entity: EntityType.Video,\r\n        workflowPhase: WorkflowPhase.Complete\r\n      }));\r\n  };\r\n\r\n  const buttons: PopupButton[] = [\r\n    {\r\n      variant: 'link',\r\n      onClick: props.closePopup,\r\n      buttonText: getPhrase('keep')\r\n    },\r\n    {\r\n      variant: 'danger',\r\n      onClick: removeVideo,\r\n      buttonText: getPhrase('confirm'),\r\n      isSpinnerButton: true,\r\n      showSpinner: showButtonSpinner\r\n    }\r\n  ];\r\n\r\n  const dataLoaded = !!playlist.data && !!video.data;\r\n\r\n  return (\r\n    <Popup title={getPhrase('check')} closePopup={props.closePopup} showLoadingSpinner={!dataLoaded}>\r\n      {dataLoaded &&\r\n        <div className='remove-video-container'>\r\n          <div className='remove-video-body'>\r\n            <p>\r\n              <Text\r\n                namespace={namespace}\r\n                phrase='warning'\r\n                options={{ video: video.data.name, playlist: playlist.data.name }}\r\n              />\r\n            </p>\r\n          </div>\r\n          <PopupButtons buttons={buttons} />\r\n        </div>\r\n      }\r\n    </Popup>\r\n  );\r\n}"],"sourceRoot":""}