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

package/dist/scripts/41.chunk.js

@@ -1 +1,231 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[41],{611:function(e,a,n){e.exports={group:"IT422",tempSvg:"_2CLu3"}},612:function(e,a,n){e.exports={settingsContainer:"_3VOac",groupContainer:"mlors"}},658:function(e,a,n){"use strict";n.r(a);var t=n(0),i=n.n(t),c=n(44),l=n(32),p=n(33),r=n(611),s=n.n(r);function o(e){var a,n=!!(null===(a=e.modules)||void 0===a?void 0:a.length);return i.a.createElement(l.a,{appLink:e.appLink},i.a.createElement("div",{className:"row p-3 border border-dark m-0 w-100 ".concat(s.a.group)},i.a.createElement("div",{className:"col-3 px-3"},i.a.createElement("div",{className:"d-flex justify-content-center align-items-center h-100"},i.a.createElement(p.a,{svgName:e.svg,className:s.a.tempSvg}))),i.a.createElement("div",{className:"col-9 ".concat(n?"":"d-flex align-items-center")},i.a.createElement("h2",{className:"h3"},e.name),n&&i.a.createElement("ul",{className:"list-unstyled mb-0"},e.modules.map((function(e){return i.a.createElement("li",{key:e.name,className:"mb-1"},i.a.createElement(l.a,{appLink:e.appLink},e.name))}))))))}var m=n(9),u=n(3),S=n(10);var d=n(612),g=n.n(d);n.d(a,"SettingsView",(function(){return E}));function E(){var e=[{svg:m.b.HeartOutline,name:"My Account",modules:[{name:"Profile Details",appLink:{application:u.a.SETTINGS,action:"profile:details"}},{name:"Email & Password",appLink:{application:u.a.SETTINGS,action:"email:password"}},{name:"Year Level & Subject Preferences",appLink:{application:u.a.SUBJECT,action:S.a.Subjects.PREFERENCES}}]},{svg:m.b.HeartOutline,name:"School Management",modules:[{name:"Student Manager",appLink:{application:u.a.USER_MANAGER,action:S.a.UserManager.STUDENTS}},{name:"Teacher Manager",appLink:{application:u.a.USER_MANAGER,action:S.a.UserManager.TEACHERS}}]},{svg:m.b.HeartOutline,name:"Device Management",modules:[{name:"Devices",appLink:{application:u.a.SETTINGS,action:"devices"}},{name:"Local Cache",appLink:{application:u.a.SETTINGS,action:"local:cache"}}]},{svg:m.b.HeartOutline,name:"Integration",modules:[{name:"Single Sign On (SSO)",appLink:{application:u.a.SETTINGS,action:"single:sign:on"}},{name:"Reduced Single Sign On (RSO)",appLink:{application:u.a.SETTINGS,action:"reduced:single:sign:on"}}]},{svg:m.b.HeartOutline,name:"ClickView Analytics",appLink:{application:u.a.SETTINGS,action:"analytics"}},{svg:m.b.HeartOutline,name:"ClickView Support",modules:[{name:"Send Feedback",appLink:{application:u.a.SETTINGS,action:"send:feedback"}},{name:"Help Centre",appLink:{application:u.a.SETTINGS,action:"help:centre"}}]}];return i.a.createElement(i.a.Fragment,null,i.a.createElement("h1",null,i.a.createElement(c.b,{namespace:"settings.settings",phrase:"heading"})),i.a.createElement("main",{className:"row"},e.map((function(e){return i.a.createElement("div",{key:e.name,className:"col-md-6 p-0"},i.a.createElement("div",{className:g.a.groupContainer},i.a.createElement(o,Object.assign({},e))))}))))}}}]);
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[41],{
+
+/***/ "../../libs/shared/src/context/PageTitleContext.tsx":
+/*!**********************************************************************************************!*\
+  !*** C:/ClickView Projects/@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");
+
+
+
+const PageTitleContext = react__WEBPACK_IMPORTED_MODULE_0__["createContext"]({});
+const namespace = 'shared.context';
+
+const DEFAULT_TITLE = () => _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'defaultTitle');
+
+const PageTitleContextProvider = ({
+  children
+}) => {
+  const [currentPageTitle, setCurrentPageTitle] = react__WEBPACK_IMPORTED_MODULE_0__["useState"](DEFAULT_TITLE);
+  const [previousPageTitle, setPreviousPageTitle] = react__WEBPACK_IMPORTED_MODULE_0__["useState"](DEFAULT_TITLE);
+
+  const setPageTitle = title => {
+    if (title === currentPageTitle) return;
+    if (currentPageTitle !== previousPageTitle) setPreviousPageTitle(currentPageTitle);
+    setCurrentPageTitle(title);
+  };
+
+  const revertPageTitle = () => {
+    setCurrentPageTitle(previousPageTitle);
+  };
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](() => _utils_PageTitleHelper__WEBPACK_IMPORTED_MODULE_2__["PageTitleHelper"].setPageTitle(currentPageTitle), [currentPageTitle]);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](PageTitleContext.Provider, {
+    value: {
+      setPageTitle,
+      revertPageTitle
+    }
+  }, children);
+};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/hooks/useSetPageTitle.ts":
+/*!******************************************************************************************!*\
+  !*** C:/ClickView Projects/@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");
+
+
+
+/**
+ * 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, dependencies = []) {
+  const {
+    setPageTitle
+  } = react__WEBPACK_IMPORTED_MODULE_0__["useContext"](_context_PageTitleContext__WEBPACK_IMPORTED_MODULE_2__["PageTitleContext"]);
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](() => {
+    if (!title || !_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__["FunctionHelper"].isFunction(setPageTitle)) return;
+    setPageTitle(title);
+  }, [title, ...dependencies]);
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/utils/PageTitleHelper.ts":
+/*!******************************************************************************************!*\
+  !*** C:/ClickView Projects/@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");
+
+const TITLE_LENGTH = 60;
+const SUFFIX = ' - ClickView';
+
+const trimTitle = title => {
+  if (title.length + SUFFIX.length <= TITLE_LENGTH) return title + SUFFIX;
+  return title.substring(0, TITLE_LENGTH - 3) + '...' + SUFFIX;
+};
+
+const PageTitleHelper = {
+  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=41.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/libs/shared/src/context/PageTitleContext.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/useSetPageTitle.ts","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/utils/PageTitleHelper.ts","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/playlists/views/remove-video-from-playlist/RemoveVideoFromPlaylistView.tsx"],"names":[],"mappings":"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","file":"scripts/41.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":""}

package/dist/scripts/42-7a5b92d70b.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[42],{424:function(e,t,a){"use strict";a.d(t,"a",(function(){return s}));var i=a(67),r=a(36);const s={reorder(e,t,a){if(t===a)return{reorderedItems:e,reorderRequest:null};const r=i.a.moveItem(e,t,a),s=a<e.length-1?r[a+1].id:null;return{reorderedItems:r,reorderRequest:{sourceMemberId:r[a].id,destinationMemberId:s}}},updateState(e,t,a){const s=[],o=r.a.deepClone(a),l=[e];let n=a[e];const d=!!n&&!!n.data&&n.data.length;for(;n&&Array.isArray(n.data);){s.push(...n.data);const t=n.pagination&&n.pagination.cursors&&n.pagination.cursors.next,i=!!t&&`${e}:${t}`;n=t&&a[i],n&&l.push(i)}if(!s.length)return a;const u=i.a.findIndex(s,e=>e.id===t.sourceMemberId),c=[...s],p=c.splice(u,1),y=t.destinationMemberId?i.a.findIndex(c,e=>e.id===t.destinationMemberId):c.length;return c.splice(y,0,p[0]),l.forEach(e=>{const t=c.splice(0,d);o[e].data=t}),o}}},428:function(e,t,a){"use strict";var i,r=a(16),s=a(27),o=a(424),l=a(121);a(45);l.a;class n extends l.a{constructor(e,t=""){super({collectionPrefix:"playlist:videos",id:e,cursor:t})}}!function(e){e[e.Queued=1]="Queued",e[e.Processing=2]="Processing",e[e.Processed=3]="Processed",e[e.Errored=4]="Errored"}(i||(i={}));const d={updatePlaylist:(e,t)=>a=>{const i=Object.assign({},a);return i.hasOwnProperty(e)&&(i[e]=Object.assign(Object.assign({},i[e]),t)),i},deletePlaylist:e=>t=>{const a=Object.assign({},t);return a.hasOwnProperty(e)&&delete a[e],a},incrementVideoCount:(e,t)=>a=>{const i=Object.assign({},a);return i.hasOwnProperty(e)?(i[e].videos||(i[e].videos={}),i[e].videos.count=i[e].videos.count?i[e].videos.count+t:t,i):a}};var u=a(128);a.d(t,"a",(function(){return v}));const c=e=>e?"&cursor="+e:"",p=e=>Number.isInteger(e)?"&maxRatingValue="+e:"",y=(e,t)=>`${e}${t?":"+t:""}`,v={getPlaylist:(e,t,a)=>({url:`/api/domain/v2/objects/${e}?query=${s.a.PLAYLIST}`,key:"playlist:"+e,success:t,error:a}),getSharedPlaylist:(e,t,a,i)=>({url:`${"/api/domain/v2/share/"+e}?query=${s.a.PLAYLIST}${p(t)}`,key:"shared:playlist:"+e,success:a,error:i}),getUserPlaylists:e=>({url:`/api/domain/v2/me/playlists?query={${u.a.getFilterFromSort(e.sort)},limit:100}${s.a.PLAYLIST_COLLECTION}${c(e.cursor)}`,key:e.toString()}),getPlaylistVideos(e,t,a){let i="orderBy:orderindex,limit:100";return Number.isInteger(t)&&(i+=",rating.value:0..."+t),{url:`/api/domain/v2/objects/${e}/videos?query={${i}}${s.a.VIDEO_COLLECTION}${c(a)}`,key:y(`playlist:${e}:videos`,a)}},getSharedPlaylistVideos:(e,t,a)=>({url:`/api/domain/v2/share/${e}/videos?query={orderBy:orderindex,limit:100}${s.a.VIDEO_COLLECTION}${c(a)}${p(t)}`,key:y(`shared:playlist:${e}:videos`,a)}),getVideoPlaylists:(e,t,a)=>({url:`/api/domain/v2/objects/${e}/playlists?query={limit:100,owner.id:[${t}]}`,key:y("video:playlists:"+e,a)}),getIsFollowingPlaylist:(e,t)=>({url:`/api/domain/v2/objects/${e}/followers?query={id:${t}}`,key:`playlist:${e}:following:${t}`,formatData:t=>{var a,i;return{objectId:e,isFollowing:!!(null===(i=null===(a=t)||void 0===a?void 0:a.data)||void 0===i?void 0:i.length)}},normalize:!1}),createPlaylist:(e,t,a,i)=>({key:"create:playlist",url:`/api/domain/v2/objects/${e}/playlists`,data:t,type:r.a.POST,success:a,error:i,invalidationKeys:"user:playlists"}),updatePlaylist:(e,t,a,i)=>({key:"update:playlist",url:"/api/domain/v2/objects/"+e,data:t,type:r.a.PUT,success:a,error:i,updateState:{keys:"playlist:"+e,updateData:d.updatePlaylist("playlist:"+e,t)}}),deletePlaylist:(e,t,a)=>({key:"delete:playlist",url:"/api/domain/v2/objects/"+e,type:r.a.DELETE,success:t,error:a,invalidationKeys:"user:playlists",updateState:{keys:"playlist:"+e,updateData:d.deletePlaylist("playlist:"+e)}}),addToPlaylist(e,t,a,i){const s=["user:playlists",new n(e).toString()];return t.forEach(e=>{s.push("video:playlists:"+e)}),{key:"add:to:playlist",url:`/api/domain/v2/objects/${e}/associate`,data:t,type:r.a.POST,success:a,error:i,invalidationKeys:s,updateState:{keys:"playlist:"+e,updateData:d.incrementVideoCount("playlist:"+e,t.length)}}},reorderVideos:(e,t,a,i)=>({key:"reorder:playlist",url:`/api/domain/v2/objects/${e}/videos/reorder`,data:t,type:r.a.PUT,success:a,error:i,invalidationKeys:"user:playlists",updateState:{keys:`playlist:${e}:videos`,updateData:a=>o.a.updateState(`playlist:${e}:videos`,t,a)}}),removePlaylistVideo:(e,t,a,i)=>({key:"remove:playlist:video",url:`/api/domain/v2/objects/${e}/dissociate?memberId=${t}`,type:r.a.DELETE,success:a,error:i,invalidationKeys:["user:playlists",`playlist:${e}:videos`]}),followPlaylist:(e,t)=>({url:"/api/domain/v2/objects/"+t,key:"follow:playlist:"+e,data:{followedPlaylists:e},type:r.a.PUT}),unfollowPlaylist:(e,t)=>({url:`/api/domain/v2/objects/${t}/followedplaylists/${e}`,key:"unfollow:playlist:"+e,type:r.a.DELETE}),getMigrationTask:(e,t)=>({url:"/api/playlist-app/migration-task",key:"migration:task",formatData:e=>e||{status:i.Processed},success:e,error:t})}},436:function(e,t,a){"use strict";var i=a(0),r=a(26);a(7),a(2);const s=i.createContext({});function o(e,t=[]){const{setPageTitle:a}=i.useContext(s);i.useEffect(()=>{e&&r.a.isFunction(a)&&a(e)},[e,...t])}a.d(t,"a",(function(){return o}))},642:function(e,t,a){"use strict";a.r(t),a.d(t,"RemoveVideoFromPlaylistView",(function(){return b}));var i=a(0),r=a(39),s=a(12),o=a(7),l=a(3),n=a(31),d=a(118),u=a(125),c=a(48),p=a(436),y=a(428),v=a(124);function m(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],i=!0,r=!1,s=void 0;try{for(var o,l=e[Symbol.iterator]();!(i=(o=l.next()).done)&&(a.push(o.value),!t||a.length!==t);i=!0);}catch(e){r=!0,s=e}finally{try{i||null==l.return||l.return()}finally{if(r)throw s}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return f(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return f(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,i=new Array(t);a<t;a++)i[a]=e[a];return i}var g="playlists.removeVideoFromPlaylist",P=o.a.encloseNamespace(g);function b(e){var t=Object(r.useDispatch)(),a=m(i.useState(!1),2),o=a[0],f=a[1],b=s.a.useBasicFetch(y.a.getPlaylist(e.playlistId)),h=s.a.useBasicFetch(v.a.video(e.videoId));Object(p.a)(!!h.data&&P("title",{name:h.data.name}),[h.data]);var $=[{variant:"link",onClick:e.closePopup,buttonText:P("keep")},{variant:"danger",onClick:function(){f(!0),s.a.fetch(t,y.a.removePlaylistVideo(e.playlistId,e.videoId,e.closePopup,e.closePopup)),n.a.logUserAction({id:e.videoId,playlistId:e.playlistId},n.a.mergeOptions(e.analyticsOptions,{actionType:l.n.Dissociate,entity:l.d.Video,workflowPhase:l.o.Complete}))},buttonText:P("confirm"),isSpinnerButton:!0,showSpinner:o}],k=!!b.data&&!!h.data;return i.createElement(d.a,{title:P("check"),closePopup:e.closePopup,showLoadingSpinner:!k},k&&i.createElement("div",{className:"remove-video-container"},i.createElement("div",{className:"remove-video-body"},i.createElement("p",null,i.createElement(c.b,{namespace:g,phrase:"warning",options:{video:h.data.name,playlist:b.data.name}}))),i.createElement(u.a,{buttons:$})))}}}]);