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

package/dist/scripts/21.chunk.js

@@ -0,0 +1,272 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[21],{
+
+/***/ "./src/shared/components/edit-clip-details/EditClipDetails.tsx":
+/*!*********************************************************************!*\
+  !*** ./src/shared/components/edit-clip-details/EditClipDetails.tsx ***!
+  \*********************************************************************/
+/*! exports provided: EditClipDetails */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditClipDetails", function() { return EditClipDetails; });
+/* 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 yup__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! yup */ "../../../node_modules/yup/lib/index.js");
+/* harmony import */ var yup__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(yup__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var formik__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! formik */ "../../../node_modules/formik/dist/formik.esm.js");
+/* 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_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/forms/form-wrapper/FormWrapper */ "../../libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx");
+/* harmony import */ var _libs_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/forms/form-field/FormField */ "../../libs/shared/src/components/forms/form-field/FormField.tsx");
+/* harmony import */ var _libs_shared_src_components_forms_form_buttons_FormButtons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/forms/form-buttons/FormButtons */ "../../libs/shared/src/components/forms/form-buttons/FormButtons.tsx");
+/* harmony import */ var _libs_shared_src_components_thumbnails_video_VideoThumbnail__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/thumbnails/video/VideoThumbnail */ "../../libs/shared/src/components/thumbnails/video/VideoThumbnail.tsx");
+/* harmony import */ var _libs_shared_src_enums_Images__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../libs/shared/src/enums/Images */ "../../libs/shared/src/enums/Images.ts");
+/* harmony import */ var _libs_shared_src_enums_ThumbnailTextPosition__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../libs/shared/src/enums/ThumbnailTextPosition */ "../../libs/shared/src/enums/ThumbnailTextPosition.ts");
+
+
+
+
+
+
+
+
+
+
+
+var namespace = 'shared.editClipDetails';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].encloseNamespace(namespace);
+var ClipValidationSchema = yup__WEBPACK_IMPORTED_MODULE_1__["object"]().shape({
+  name: yup__WEBPACK_IMPORTED_MODULE_1__["string"]().trim().max(255, function () {
+    return getPhrase('titleTooLong');
+  }).required(function () {
+    return getPhrase('titleRequired');
+  })["default"](''),
+  description: yup__WEBPACK_IMPORTED_MODULE_1__["string"]().trim().max(65535, function () {
+    return getPhrase('descriptionTooLong');
+  })["default"](''),
+  startTime: yup__WEBPACK_IMPORTED_MODULE_1__["number"]().required(),
+  endTime: yup__WEBPACK_IMPORTED_MODULE_1__["number"]().required()
+}).noUnknown();
+
+function EditClipDetailsForm(props) {
+  var formikProps = Object(_libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_5__["useFormikContextWrapper"])();
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](formik__WEBPACK_IMPORTED_MODULE_2__["Form"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'row form-group'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "col-5"
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_thumbnails_video_VideoThumbnail__WEBPACK_IMPORTED_MODULE_8__["VideoThumbnail"], {
+    video: props.video,
+    type: 'static',
+    videoType: 'clip',
+    clip: formikProps.values,
+    imageOptions: {
+      size: _libs_shared_src_enums_Images__WEBPACK_IMPORTED_MODULE_9__["ImageSize"].Small
+    },
+    textPosition: _libs_shared_src_enums_ThumbnailTextPosition__WEBPACK_IMPORTED_MODULE_10__["ThumbnailTextPosition"].Independent,
+    preload: true
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "col-7"
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h2", {
+    className: 'h6'
+  }, formikProps.values.name))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_6__["FormField"], {
+    label: getPhrase('nameLabel'),
+    type: 'text',
+    name: 'name',
+    id: 'name',
+    placeholder: getPhrase('namePlaceholder'),
+    autoFocus: true,
+    value: formikProps.values.name
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_6__["FormField"], {
+    label: getPhrase('descriptionLabel'),
+    component: 'textarea',
+    name: 'description',
+    id: 'description',
+    placeholder: getPhrase('descriptionPlaceholder'),
+    value: formikProps.values.description
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'btn-container d-flex justify-content-end'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("button", {
+    type: 'button',
+    className: 'btn btn-link mr-2',
+    onClick: props.onClickCancel
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__["Text"], {
+    namespace: namespace,
+    phrase: 'cancel'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_forms_form_buttons_FormButtons__WEBPACK_IMPORTED_MODULE_7__["FormButtons"], {
+    isNew: props.isNew,
+    submitText: getPhrase(props.isNew ? 'createClip' : 'saveClip')
+  })));
+}
+
+function EditClipDetails(props) {
+  var _a;
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_5__["FormWrapper"], {
+    initialValues: props.clip,
+    validationSchema: ClipValidationSchema,
+    onSubmit: props.saveClip,
+    allowInitialSubmit: props.allowInitialSubmit
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](EditClipDetailsForm, {
+    video: props.video,
+    isNew: !!((_a = props.clip) === null || _a === void 0 ? void 0 : _a.id),
+    onClickCancel: props.onClickCancel
+  }));
+}
+
+/***/ }),
+
+/***/ "./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/edit-clip-details/EditClipDetailsView.tsx":
+/*!********************************************************************!*\
+  !*** ./src/shared/views/edit-clip-details/EditClipDetailsView.tsx ***!
+  \********************************************************************/
+/*! exports provided: EditClipDetailsView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditClipDetailsView", function() { return EditClipDetailsView; });
+/* 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_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* 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_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_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
+/* harmony import */ var shared_components_edit_clip_details_EditClipDetails__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! shared/components/edit-clip-details/EditClipDetails */ "./src/shared/components/edit-clip-details/EditClipDetails.tsx");
+/* harmony import */ var shared_flight_requests_ClipRequests__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! shared/flight-requests/ClipRequests */ "./src/shared/flight-requests/ClipRequests.ts");
+/* harmony import */ var shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! shared/flight-requests/VideoRequests */ "./src/shared/flight-requests/VideoRequests.ts");
+
+
+
+
+
+
+
+
+
+
+
+var namespace = 'shared.editClipDetails';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].encloseNamespace(namespace);
+function EditClipDetailsView(props) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_7__["useAlerts"])();
+  var clip = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(!!props.id && shared_flight_requests_ClipRequests__WEBPACK_IMPORTED_MODULE_9__["ClipRequests"].clip(props.id));
+  var videoId = ((_b = (_a = clip.data) === null || _a === void 0 ? void 0 : _a.video) === null || _b === void 0 ? void 0 : _b.id) || props.videoId;
+  var video = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(!!videoId && shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_10__["VideoRequests"].video(videoId));
+  var startTime = isNaN(props.startTime) ? (_d = (_c = clip) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.startTime : props.startTime;
+  var endTime = isNaN(props.endTime) ? (_f = (_e = clip) === null || _e === void 0 ? void 0 : _e.data) === null || _f === void 0 ? void 0 : _f.endTime : props.endTime;
+
+  function saveClip(data) {
+    var success = function success(updatedClip) {
+      alerts.success(getPhrase('success', {
+        name: data.name
+      }));
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_4__["AnalyticsHelper"].logUserAction(updatedClip, {
+        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"].Popup,
+        workflowPhase: _libs_analytics_src_interfaces_AnalyticsTypes__WEBPACK_IMPORTED_MODULE_5__["WorkflowPhase"].Complete
+      });
+    };
+
+    var error = function error() {
+      alerts.error(getPhrase('error'));
+    };
+
+    var always = function always() {
+      props.closePopup();
+    };
+
+    var request = props.id ? shared_flight_requests_ClipRequests__WEBPACK_IMPORTED_MODULE_9__["ClipRequests"].updateClip(props.id, data, success, error, always) : shared_flight_requests_ClipRequests__WEBPACK_IMPORTED_MODULE_9__["ClipRequests"].createClip(props.videoId, data, success, error, always);
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].fetch(dispatch, request);
+  }
+
+  if (!props.id && !props.videoId) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  var dataLoaded = !!video.data && (!props.id || !!clip.data);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_6__["Popup"], {
+    title: getPhrase(props.id ? 'editPopupHeading' : 'createPopupHeading'),
+    closePopup: props.closePopup,
+    showLoadingSpinner: !dataLoaded
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](shared_components_edit_clip_details_EditClipDetails__WEBPACK_IMPORTED_MODULE_8__["EditClipDetails"], {
+    video: video.data,
+    clip: {
+      name: ((_h = (_g = clip) === null || _g === void 0 ? void 0 : _g.data) === null || _h === void 0 ? void 0 : _h.name) || getPhrase('defaultClipName', {
+        videoName: video.data.name
+      }),
+      description: (_k = (_j = clip) === null || _j === void 0 ? void 0 : _j.data) === null || _k === void 0 ? void 0 : _k.description,
+      startTime: startTime,
+      endTime: endTime
+    },
+    saveClip: saveClip,
+    onClickCancel: props.closePopup,
+    allowInitialSubmit: true
+  }));
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=21.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/projects/lite/src/shared/components/edit-clip-details/EditClipDetails.tsx","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/edit-clip-details/EditClipDetailsView.tsx"],"names":[],"mappings":"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","file":"scripts/21.chunk.js","sourcesContent":["import * as React from 'react';\r\nimport * as Yup from 'yup';\r\nimport { Form } from 'formik';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { Clip, CreateOrUpdateClipRequest, Video } from 'libs/shared/interfaces';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { FormWrapper, useFormikContextWrapper } from 'libs/shared/components/forms/form-wrapper/FormWrapper';\r\nimport { FormField } from 'libs/shared/components/forms/form-field/FormField';\r\nimport { FormButtons } from 'libs/shared/components/forms/form-buttons/FormButtons';\r\nimport { VideoThumbnail } from 'libs/shared/components/thumbnails/video/VideoThumbnail';\r\nimport { ImageSize } from 'libs/shared/enums/Images';\r\nimport { ThumbnailTextPosition } from 'libs/shared/enums/ThumbnailTextPosition';\r\n\r\nconst namespace = 'shared.editClipDetails';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\nconst ClipValidationSchema = Yup.object().shape<CreateOrUpdateClipRequest>({\r\n  name: Yup.string()\r\n    .trim()\r\n    .max(255, () => getPhrase('titleTooLong'))\r\n    .required(() => getPhrase('titleRequired'))\r\n    .default(''),\r\n\r\n  description: Yup.string()\r\n    .trim()\r\n    .max(65535, () => getPhrase('descriptionTooLong'))\r\n    .default(''),\r\n\r\n  startTime: Yup.number()\r\n    .required(),\r\n\r\n  endTime: Yup.number()\r\n    .required()\r\n\r\n}).noUnknown();\r\n\r\ninterface EditClipDetailsFormProps {\r\n  video: Video;\r\n  onClickCancel: () => void;\r\n  isNew?: boolean;\r\n}\r\n\r\nfunction EditClipDetailsForm(props: EditClipDetailsFormProps): React.ReactElement {\r\n  const formikProps = useFormikContextWrapper<CreateOrUpdateClipRequest>();\r\n\r\n  return (\r\n    <Form>\r\n      <div className='row form-group'>\r\n        <div className=\"col-5\">\r\n          <VideoThumbnail\r\n            video={props.video}\r\n            type='static'\r\n            videoType='clip'\r\n            clip={formikProps.values}\r\n            imageOptions={{ size: ImageSize.Small }}\r\n            textPosition={ThumbnailTextPosition.Independent}\r\n            preload\r\n          />\r\n        </div>\r\n        <div className=\"col-7\">\r\n          <h2 className='h6'>{formikProps.values.name}</h2>\r\n        </div>\r\n      </div>\r\n      <FormField\r\n        label={getPhrase('nameLabel')}\r\n        type='text'\r\n        name='name'\r\n        id ='name'\r\n        placeholder={getPhrase('namePlaceholder')}\r\n        autoFocus\r\n        value={formikProps.values.name}\r\n      />\r\n      <FormField\r\n        label={getPhrase('descriptionLabel')}\r\n        component='textarea'\r\n        name='description'\r\n        id ='description'\r\n        placeholder={getPhrase('descriptionPlaceholder')}\r\n        value={formikProps.values.description}\r\n      />\r\n      <div className='btn-container d-flex justify-content-end'>\r\n        <button type='button' className='btn btn-link mr-2' onClick={props.onClickCancel}>\r\n          <Text namespace={namespace} phrase='cancel' />\r\n        </button>\r\n        <FormButtons isNew={props.isNew} submitText={getPhrase(props.isNew ? 'createClip' : 'saveClip')} />\r\n      </div>\r\n    </Form>\r\n  );\r\n}\r\n\r\ninterface EditClipDetailsProps {\r\n  video: Video;\r\n  clip: Clip;\r\n  saveClip: (data: CreateOrUpdateClipRequest) => void;\r\n  onClickCancel: () => void;\r\n  allowInitialSubmit?: boolean;\r\n}\r\n\r\nexport function EditClipDetails(props: EditClipDetailsProps): React.ReactElement {\r\n  return (\r\n    <FormWrapper<CreateOrUpdateClipRequest>\r\n      initialValues={props.clip}\r\n      validationSchema={ClipValidationSchema}\r\n      onSubmit={props.saveClip}\r\n      allowInitialSubmit={props.allowInitialSubmit}\r\n    >\r\n      <EditClipDetailsForm\r\n        video={props.video}\r\n        isNew={!!props.clip?.id}\r\n        onClickCancel={props.onClickCancel}\r\n      />\r\n    </FormWrapper>\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\nimport { useDispatch } from 'react-redux';\r\n\r\nimport { Flight } from 'libs/common/flight';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\n\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { EntityType, LocationContext, UserAction, WorkflowPhase } from 'libs/analytics/interfaces/AnalyticsTypes';\r\n\r\nimport { CreateOrUpdateClipRequest, Clip, Video, PopupViewProps } from 'libs/shared/interfaces';\r\nimport { Popup } from 'libs/shared/components/popup/Popup';\r\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\r\n\r\nimport { EditClipDetails } from 'shared/components/edit-clip-details/EditClipDetails';\r\nimport { ClipRequests } from 'shared/flight-requests/ClipRequests';\r\nimport { VideoRequests } from 'shared/flight-requests/VideoRequests';\r\n\r\nconst namespace = 'shared.editClipDetails';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\ninterface EditClipDetailsViewProps extends PopupViewProps {\r\n  id?: string;\r\n  videoId?: string;\r\n  startTime?: number;\r\n  endTime?: number;\r\n}\r\n\r\nexport function EditClipDetailsView(props: EditClipDetailsViewProps): JSX.Element {\r\n  const dispatch = useDispatch();\r\n  const alerts = useAlerts();\r\n\r\n  const clip = Flight.useBasicFetch<Clip>(!!props.id && ClipRequests.clip(props.id));\r\n  const videoId = clip.data?.video?.id || props.videoId;\r\n  const video = Flight.useBasicFetch<Video>(!!videoId && VideoRequests.video(videoId));\r\n\r\n  const startTime = isNaN(props.startTime) ? clip?.data?.startTime : props.startTime;\r\n  const endTime = isNaN(props.endTime) ? clip?.data?.endTime : props.endTime;\r\n  \r\n  function saveClip(data: CreateOrUpdateClipRequest): void {\r\n    const success = (updatedClip: Clip) => {\r\n      alerts.success(getPhrase('success', { name: data.name }));\r\n\r\n      AnalyticsHelper.logUserAction(updatedClip, {\r\n        actionType: UserAction.Edit,\r\n        entity: EntityType.Clip,\r\n        location: LocationContext.Popup,\r\n        workflowPhase: WorkflowPhase.Complete\r\n      });\r\n    };\r\n\r\n    const error = () => {\r\n      alerts.error(getPhrase('error'));\r\n    };\r\n\r\n    const always = () => {\r\n      props.closePopup();\r\n    };\r\n\r\n    const request = props.id\r\n      ? ClipRequests.updateClip(props.id, data, success, error, always)\r\n      : ClipRequests.createClip(props.videoId, data, success, error, always);\r\n\r\n    Flight.fetch(dispatch, request);\r\n  }\r\n\r\n  if (!props.id && !props.videoId)\r\n    return <></>;\r\n\r\n  const dataLoaded = !!video.data && (!props.id || !!clip.data);\r\n\r\n  return (\r\n    <Popup\r\n      title={getPhrase(props.id ? 'editPopupHeading' : 'createPopupHeading')}\r\n      closePopup={props.closePopup}\r\n      showLoadingSpinner={!dataLoaded}\r\n    >\r\n      <EditClipDetails\r\n        video={video.data}\r\n        clip={{\r\n          name: clip?.data?.name || getPhrase('defaultClipName', { videoName: video.data.name }),\r\n          description: clip?.data?.description,\r\n          startTime : startTime,\r\n          endTime: endTime\r\n        }}\r\n        saveClip={saveClip}\r\n        onClickCancel={props.closePopup}\r\n        allowInitialSubmit\r\n      />\r\n    </Popup>\r\n  );\r\n}"],"sourceRoot":""}

package/dist/scripts/22-b278cab988.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[22],{1130:function(e,t,a){"use strict";a.d(t,"a",(function(){return l}));var n=a(102),r=a(968),i=a(49),o=function(e,t,a,r){return n.a.urlBuilder("/api/domain/v2/dashboards/widgets",{libraryType:e,customerType:t,userRole:a,countryCode:r})},c=function(e,t){return"{gateway}/v1/objects/".concat(e,"?query=videos[").concat(i.b.VideoCollectionWithAssocs(t,!0,{hasCurriculumLinks:!1}),"]")},s=function(e,t,a,r,i){var o="/api/domain/v2/dashboards/playlists/".concat(e,"/videos");return n.a.urlBuilder(o,{maxRatingValue:t,userGroup:a,page:r,limit:i})},l={widgets:function(e,t,a,n){return{url:o(e,t,a,n),key:"widgets:".concat(e,":").concat(t,":").concat(n),expiryTime:1/0}},playlist:function(e,t){return{url:c(e,t),key:"widget:".concat(e,":").concat(t),expiryTime:1/0}},widgetPlaylist:function(e,t,a,n,i){return{url:s(e,t,a,n,i),key:"widget:".concat(e,":").concat(t,":").concat(a,":").concat(n),formatData:function(e){var t={data:e.videos.data,pagination:e.videos.pagination};return Object.assign(Object.assign({},e),{videos:r.a.convertLegacyPaginatedCollection(t)})},expiryTime:1/0}}}},1375:function(e,t,a){e.exports={partialHeading:"_1AG7e"}},1495:function(e,t,a){"use strict";a.r(t);var n=a(0),r=a.n(n),i=a(76),o=a(19),c=a(43),s=a(973),l=a(70),u=a(963),d=a(48),p=a(3),m=a(9),f=a(958),v=a(964),g=a(962),b=a(101),y=a(161),E=a(7),h=a(13),k=a(1130),N=a(983),S=a(1375),w=a.n(S);function A(){return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{className:"partial-loading-background mb-2 ".concat(w.a.partialHeading)}),r.a.createElement(N.b,null))}a.d(t,"DashboardWidgetView",(function(){return P}));var C=function(e){return{application:E.a.DEFAULT,action:h.a.Default.PLAY_VIDEO,args:[e.id,c.a.slugify(e.name)]}};function L(e,t){switch(t){case g.a.AddToPlaylist:return{application:E.a.PLAYLISTS,action:h.a.Playlists.ADD_TO_PLAYLIST,args:[e.id]};case g.a.Share:return{application:E.a.SHARE,action:h.a.Share.SHARE,args:[e.id],params:{entityType:"video"}}}}function P(e){var t,a,n,N,S=e.widgetId,w=Object(i.useDispatch)(),P=Object(f.a)(),x=Object(y.a)().hasPermissions,j=o.a.useBasicFetch(l.a.currentUser(),{optimize:!0}),O=o.a.useBasicFetch(S&&k.a.playlist(S,null===(a=null===(t=j)||void 0===t?void 0:t.data)||void 0===a?void 0:a.id),{optimize:!0});return O.data&&j.data?r.a.createElement(v.a.Provider,{value:{videoActions:(n=x(b.a.ShareVideos),N=[g.a.AddToPlaylist],n&&N.push(g.a.Share),N),getActionAppLink:L,hideLabel:!0}},r.a.createElement("h1",{className:"mb-2"},O.data.name),r.a.createElement(u.c,{videos:O.data.videos.data,getVideoAppLink:C,getSeriesAppLink:function(e){var t;return(null===(t=e)||void 0===t?void 0:t.id)?function(e){return{application:E.a.DEFAULT,action:h.a.Default.SERIES,args:[e.id,c.a.slugify(e.name)]}}(e):null},setFavourite:function(e,t){o.a.fetch(w,s.a.updateIsVideoFavourited(e.id,j.data.id,t,(function(){d.a.logUserAction({id:e.id},{entity:p.d.Video,actionType:p.n.Favourite,descriptor:t?p.m.On:p.m.Off,location:p.j.VideoThumbnail,workflowPhase:p.o.Complete}),P.success(m.a.getPhrase("dashboard.dashboardWidget",t?"favourited":"unfavourited",{video:e.name}))})))},cursors:O.data.videos.pagination.cursors,hideFavouriteButton:!x(b.a.FavouriteVideos)})):r.a.createElement(A,null)}P.defaultProps={cursor:1}},960:function(e,t,a){e.exports={buttonList:"_2v9CT",dropdownToggle:"AYBvQ"}},961:function(e,t,a){"use strict";var n=a(0),r=a(184),i=a(306),o=a(45),c=a(48),s=a(64),l=a(58),u=a(17),d=a(960),p=a.n(d);function m(e){var t="dropdown-item";return e&&(t+=" ".concat(e)),t}function f(e){if(e.action.appLink)return n.createElement(l.a,{appLink:e.action.appLink,onClick:e.action.onClick,className:m(e.action.className),analyticsData:e.action.analyticsData,analyticsOptions:e.action.analyticsOptions},e.action.label);return n.createElement("span",{className:"cursor-pointer ".concat(m(e.action.className)),onClick:function(t){e.action.analyticsData&&e.action.analyticsOptions&&c.a.logUserAction(e.action.analyticsData,e.action.analyticsOptions),o.a.isFunction(e.action.onClick)&&e.action.onClick(t)}},e.action.label)}function v(e){if(!e.actions||!e.actions.length)return n.createElement(n.Fragment,null);var t="dropdown";e.className&&(t+=" ".concat(e.className));var a="actions-dropdown-".concat(i.a.getRandomInt()),r="dropdown-toggle px-0 ".concat(p.a.dropdownToggle);return e.dropdownToggleClassName&&(r+=" ".concat(e.dropdownToggleClassName)),n.createElement("div",{className:t},n.createElement("button",{className:r,type:"button",id:a,"data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false"},n.createElement(s.a,{svgName:u.b.More,size:s.b.Small})),n.createElement("div",{className:"dropdown-menu dropdown-menu-right","aria-labelledby":a},e.actions.map((function(e,t){return n.createElement(f,{key:t,action:e})}))))}v.defaultProps={dropdownToggleClassName:"btn btn-light"};var g=a(308);function b(e){var t=[],a=[];e.actions.forEach((function(e){e.button?t.push(e):a.push(e)}));var i="d-flex";return e.className&&(i+=" ".concat(e.className)),n.createElement("div",{className:i},n.createElement(n.Fragment,null,!!t.length&&n.createElement("span",{className:p.a.buttonList},t.map((function(e,t){return n.createElement(n.Fragment,{key:t},e.label?n.createElement(g.a,{appLink:e.appLink,onClick:e.onClick,svgName:e.svgName,className:e.className,tooltip:e.tooltip,showSpinner:e.showSpinner,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},e.label):n.createElement(r.a,{appLink:e.appLink,onClick:e.onClick,svgName:e.svgName,className:e.className,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}))}))),e.sortComponent?e.sortComponent:"",!!a.length&&n.createElement(v,{actions:a,className:!!t.length&&"ml-2",dropdownToggleClassName:e.actionsDropdownClassName})))}a.d(t,"a",(function(){return b}))},962:function(e,t,a){"use strict";a.d(t,"a",(function(){return o})),a.d(t,"b",(function(){return s}));var n=a(9),r=a(17);function i(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var o,c="shared.videoActionsHelper";!function(e){e[e.AddToPlaylist=0]="AddToPlaylist",e[e.RemoveFromPlaylist=1]="RemoveFromPlaylist",e[e.Share=2]="Share",e[e.Edit=3]="Edit"}(o||(o={}));var s=function(){var e;return i(e={},o.AddToPlaylist,{label:n.a.getPhrase(c,"addToPlaylist"),svgName:r.b.AddToPlaylists}),i(e,o.RemoveFromPlaylist,{label:n.a.getPhrase(c,"removeFromPlaylist"),svgName:r.b.Delete}),i(e,o.Share,{label:n.a.getPhrase(c,"share"),svgName:r.b.Share2}),i(e,o.Edit,{label:n.a.getPhrase(c,"edit"),svgName:r.b.Edit}),e}},963:function(e,t,a){"use strict";a.d(t,"a",(function(){return s})),a.d(t,"c",(function(){return l})),a.d(t,"b",(function(){return u}));var n=a(0),r=a(952),i=a(2),o=a(967),c=a(974),s=n.createContext({isSortable:!1});function l(e){var t=n.useContext(s).isSortable?c.a:c.b,a=i.a.AppLinkHelper.getCurrentAppLink();return n.createElement(n.Fragment,null,n.createElement("div",{className:"position-relative"},e.videos.map((function(a,r){return n.createElement(t,{key:a.id,idx:r,index:r,video:a,getVideoAppLink:e.getVideoAppLink,getSeriesAppLink:e.getSeriesAppLink,setFavourite:e.setFavourite,hideInteractiveBadge:e.hideInteractiveBadge,hideFavouriteButton:e.hideFavouriteButton})}))),e.cursors&&n.createElement(o.b,{appLink:a,cursors:e.cursors}))}var u=Object(r.SortableContainer)((function(e){return n.createElement(s.Provider,{value:{isSortable:!0,currentSortingIndex:e.currentSortingIndex}},n.createElement(l,Object.assign({},e)))}))},964:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(0),r=n.createContext({})},965:function(e,t,a){"use strict";function n(e){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}a.d(t,"a",(function(){return r}));var r={isNumber:function(e){return r.isType(e,"number")},isString:function(e){return r.isType(e,"string")},isType:function(e,t){return n(e)===t}}},967:function(e,t,a){"use strict";a.d(t,"b",(function(){return u})),a.d(t,"a",(function(){return d}));var n=a(0),r=a(303),i=a(58),o=a(91),c=a(48),s=a(3);function l(e,t){return t?{application:e.application,action:e.action,args:e.args,params:Object.assign({},e.params,{cursor:t})}:null}function u(e){var t=e.appLink,a=e.cursors,r=e.className;function u(e){c.a.logUserAction({page:e},{location:s.j.Pagination,entity:s.d.Pagination,actionType:s.n.Navigate})}return n.createElement(o.a.Provider,{value:"shared.pagination"},n.createElement("div",{className:r},n.createElement(i.a,{appLink:l(t,a.previous),className:"btn btn-secondary mr-1 ".concat(a.previous?"":"disabled"),onClick:function(){return u("previous")}},n.createElement(o.b,{phrase:"previous"})),n.createElement(i.a,{appLink:l(t,a.next),className:"btn btn-secondary ".concat(a.next?"":"disabled"),onClick:function(){return u("next")}},n.createElement(o.b,{phrase:"next"}))))}function d(e){function t(e){c.a.logUserAction({page:e},{location:s.j.Pagination,entity:s.d.Pagination,actionType:s.n.Navigate})}return n.createElement(o.a.Provider,{value:"shared.pagination"},n.createElement("div",{className:e.className},n.createElement(r.a,{onClick:function(){1!==e.currentPage&&(t("previous"),e.onClickBack())},className:"btn btn-secondary mr-1 cursor-pointer ".concat(1===e.currentPage?"disabled":"")},n.createElement(o.b,{phrase:"previous"})),n.createElement(r.a,{onClick:function(){e.currentPage!==e.totalPages&&(t("next"),e.onClickNext())},className:"btn btn-secondary cursor-pointer ".concat(e.currentPage===e.totalPages?"disabled":"")},n.createElement(o.b,{phrase:"next"}))))}u.defaultProps={className:"py-2"},d.defaultProps={className:"py-2"}},968:function(e,t,a){"use strict";a.d(t,"a",(function(){return s}));var n=a(965),r=a(69);function i(e){return function(e){if(Array.isArray(e))return o(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return o(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 o(e,t)}(e)||function(){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 o(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function c(e){var t=e.page,a=e.totalPages,i=n.a.isNumber(t)&&t>0&&t<a&&t+1,o=n.a.isNumber(t)&&t>1&&t-1,c={};if(i&&i<=a&&(c.next=i.toString()),o&&(c.previous=o.toString()),!r.a.isEmpty(c))return c}var s={isEmpty:function(e){return e&&!(e.data&&e.data.length)},length:function(e){return e&&e.data&&e.data.length},at:function(e,t){if(e&&e.data&&e.data.length&&!(t>e.data.length))return e.data[t]},get:function(e,t){if(e&&e.data&&e.data.length)return e.data.find((function(e){return e.id&&e.id.toString()===t}))},flattenCollections:function(e){if(e&&e.length){var t=[];return e.forEach((function(e){t=[].concat(i(t),i(e.data))})),t}},getNextCursor:function(e){return e.pagination&&e.pagination.cursors&&e.pagination.cursors.next},convertLegacyPaginatedCollection:function(e){if(e)return{data:e.data,pagination:{cursors:c(e.pagination),limit:e.pagination.pageSize}}}}},973:function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var n=a(27),r=a(49);function i(e,t,a,r){return{url:"{gateway}/v1/objects/".concat(t),key:"favourite:video:".concat(t,":").concat(e),data:{favouriteVideos:e},type:n.a.PUT,invalidationKeys:["favourite:videos:".concat(t),"video:is:favourited:".concat(t)],success:a,error:r}}function o(e,t,a,r){return{url:"{gateway}/v1/objects/".concat(t,"/favouriteVideos?memberId=").concat(e),key:"favourite:video:".concat(t,":").concat(e),type:n.a.DELETE,invalidationKeys:["favourite:videos:".concat(t),"video:is:favourited:".concat(t)],success:a,error:r}}var c={favouriteVideos:function(e,t){return{url:"{gateway}/v1/objects/".concat(e,"/favouriteVideos?query=").concat(r.b.VideoCollectionWithAssocs(e,!0)).concat(s(t)),key:"favourite:videos:".concat(e).concat(t?":".concat(t):"")}},updateIsVideoFavourited:function(e,t,a,n,r){return(a?i:o)(e,t,n,r)},isFavourited:function(e,t){var a=t.slice().sort(),n=a.map((function(e){return"id=".concat(e)}));if(n.length)return{url:"{gateway}/v1/objects?query=favouritedBy{id:".concat(e,"}&").concat(n.join("&")),key:"video:is:favourited:".concat(e,":by:id:").concat(a.join(","))}}};function s(e){return e?"&cursor=".concat(e):""}},974:function(e,t,a){"use strict";var n=a(0),r=a(40),i=a(952),o=a(982),c=a(310),s=a(64),l=a(975),u=a(46),d=a(115),p=a(17),m=a(963),f=a(45),v=a(961),g=a(964),b=a(962),y=a(77),E=a(976),h=a.n(E),k=[b.a.AddToPlaylist];function N(e){var t=n.useContext(g.a),a=t.videoActions,r=void 0===a?k:a,i=t.getActionAppLink,o=t.hideLabel,c=Object(y.a)(u.a.XS);if(!f.a.isFunction(i))return n.createElement(n.Fragment,null);var s=[];return r.forEach((function(t){var a=i(e.video,t);a&&s.push(Object.assign({appLink:a,className:"btn btn-link",button:!c},Object(b.b)()[t]))})),o&&!c&&(s=s.map((function(e){return Object.assign(Object.assign({},e),{label:null})}))),n.createElement(v.a,{actions:s,className:"float-right mt-n1",actionsDropdownClassName:"btn btn-link rounded-circle p-0 ".concat(h.a.actionsDropdown)})}var S=a(91),w=a(977),A=a.n(w);function C(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(n=(o=c.next()).done)&&(a.push(o.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==c.return||c.return()}finally{if(r)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return L(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 L(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 L(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function P(e){var t=C(n.useState(e.truncate),2),a=t[0],r=t[1];return Object(y.a)(u.a.XS)?n.createElement(n.Fragment,null):n.createElement("div",{className:"position-relative overflow-hidden ".concat(a?"clamp-2":"")},n.createElement("p",{className:"m-0"},e.video.description,!!e.isExpandable&&n.createElement("span",{className:"cursor-pointer ".concat(A.a.ellipsis),onClick:function(){return r(!a)}},n.createElement(S.b,{namespace:"shared.videoItemDescription",phrase:a?"showMore":"showLess"}))))}P.defaultProps={truncate:!0};var x=a(58);function j(e){return n.createElement(x.a,{appLink:e.appLink},n.createElement("h5",{className:"m-0 mb-1 clamp-2"},e.video.name))}var O=a(990),T=a(985),F=a(209),D=a(3),I=a(160),V=a(978),R=a.n(V);a.d(t,"b",(function(){return _})),a.d(t,"a",(function(){return H}));var B=Object(i.SortableHandle)((function(){return n.createElement(r.Col,{xs:2,className:"d-flex justify-content-center align-items-center cursor-pointer ".concat(R.a.dragHandleContainer)},n.createElement(s.a,{svgName:p.b.Handle,size:s.b.Small}))}));function _(e){var t,a,i=Object(F.a)(),s=i===u.a.XS,p=i===u.a.SM||i===u.a.MD,f=i===u.a.SM,v=n.useContext(m.a).isSortable&&!s,g=e.getVideoAppLink(e.video),b=d.a.hasSeries(e.video)&&e.getSeriesAppLink(e.video.series);return n.createElement(r.Row,{className:"py-2"},n.createElement(r.Col,{xs:s?12:p?4:3,className:"flex-column align-items-flex-start mb-1"},n.createElement(r.Row,null,!!v&&n.createElement(B,null),n.createElement(r.Col,{xs:(a=v,a?10:12)},n.createElement(o.a,{video:e.video,appLink:g,seriesAppLink:b,imageOptions:{size:v?I.a.Small:I.a.Medium},textPosition:l.a.Independent,setFavourite:e.setFavourite,type:"static",analyticsOptions:{location:D.j.VideoListItem},hideFavouriteButton:e.hideFavouriteButton})))),n.createElement(r.Col,{xs:s?12:p?8:9},n.createElement(N,{video:e.video}),n.createElement(c.a,{className:"d-block",video:e.video,appLink:b,analyticsOptions:{location:D.j.VideoListItem}}),n.createElement(j,{video:e.video,appLink:e.getVideoAppLink(e.video)}),n.createElement(O.a,null,n.createElement(T.a,{type:T.b.Rating,data:e.video.rating}),n.createElement(T.a,{type:T.b.ProductionYear,data:e.video.productionYear}),!e.hideInteractiveBadge&&n.createElement(T.a,{type:T.b.Interactive,data:null===(t=e.video._hasinteractives)||void 0===t?void 0:t.value})),!f&&n.createElement(P,{video:e.video})))}var H=Object(i.SortableElement)((function(e){return n.createElement(_,Object.assign({},e))}))},976:function(e,t,a){e.exports={actionsDropdown:"XR0aX"}},977:function(e,t,a){e.exports={ellipsis:"LJY5U"}},978:function(e,t,a){e.exports={dragHandleContainer:"_24s1b"}},983:function(e,t,a){"use strict";a.d(t,"b",(function(){return u})),a.d(t,"a",(function(){return d}));var n=a(0),r=a.n(n),i=a(40),o=a(46),c=a(209),s=a(984),l=a.n(s);function u(e){return r.a.createElement(r.a.Fragment,null,Array(e.numVideos).fill(null).map((function(t,a){return r.a.createElement(d,Object.assign({key:a},e))})))}function d(e){var t=Object(c.a)(),a=t===o.a.XS,n=t===o.a.SM||t===o.a.MD,s=e.withReordering&&!a;return r.a.createElement(i.Row,{className:"py-2"},r.a.createElement(i.Col,{xs:a?12:n?4:3,className:"flex-column align-items-flex-start mb-1"},r.a.createElement(i.Row,null,!!s&&r.a.createElement("div",{className:"d-flex align-items-center justify-content-center col-2"},r.a.createElement("div",{className:"partial-loading-background ".concat(l.a.partialDragHandle)})),r.a.createElement(i.Col,{xs:s?10:12},r.a.createElement("div",{className:"partial-loading-background rounded-lg ".concat(l.a.partialThumbnail)})))),r.a.createElement(i.Col,{xs:a?12:n?8:9},r.a.createElement("div",{className:"partial-loading-background ".concat(l.a.partialSeriesLink)}),r.a.createElement("div",{className:"partial-loading-background mb-1 ".concat(l.a.partialName)}),r.a.createElement("div",{className:"partial-loading-background ".concat(l.a.partialDescription)}),r.a.createElement("div",{className:"partial-loading-background ".concat(l.a.partialBadges)}),r.a.createElement("div",{className:"partial-loading-background ".concat(l.a.partialActions)})))}u.defaultProps={numVideos:15}},984:function(e,t,a){e.exports={partialName:"_7KNC2",partialDescription:"Vk_wR",partialThumbnail:"_3peRZ",partialDragHandle:"_1F7_f"}}}]);