@clickview/lite 0.0.28-dev.0 → 0.0.28-dev.2

package/dist/scripts/{15-56f7a61914.chunk.js → 14-86b3d0fdd7.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[15],{1227:function(t,e,n){"use strict";n.d(e,"a",(function(){return i}));var r=n(26),i={createViewKey:function(t){return{url:"/api/player/create-view-key",key:"view:key:".concat(t),type:r.a.POST,data:{mediaId:t.toString()}}}}},1258:function(t,e,n){"use strict";n.d(e,"a",(function(){return i}));var r=n(26),i={clip:function(t){return{key:"clip:".concat(t),url:"/api/domain/v2/objects/".concat(t,"?query=video[thumbnail],owner")}},createClip:function(t,e,n,i,o){return{key:"create:clip",url:"/api/domain/v2/objects/".concat(t,"/clips"),data:e,type:r.a.POST,success:n,error:i,always:o}},updateClip:function(t,e,n,i,o){return{key:"clip:".concat(t),url:"/api/domain/v2/objects/".concat(t),data:e,type:r.a.PUT,success:n,error:i,always:o}},deleteClip:function(t,e,n,i,o){return{key:"clip:".concat(t),url:"/api/domain/v2/objects/".concat(t),type:r.a.DELETE,invalidationKeys:["videos:".concat(e)],success:n,error:i,always:o}}}},1694:function(t,e,n){},1695:function(t,e,n){},1696:function(t,e,n){t.exports={timeInput:"_3f1zC",controlsContainer:"_3zQGP",arrowContainer:"_3wgxR",upArrow:"_2qIEU",downArrow:"_3Gl3V"}},1886:function(t,e,n){"use strict";n.r(e);var r=n(0),i=n.n(r),o=n(21),a=n(74),c=n(2),u=n(9),l=n(327),s=n(1227),f=n(151),p=n(512),d=n(354),m=n(5);function y(t){return(y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function h(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function v(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function g(t,e,n){return(g="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=E(t)););return t}(t,e);if(r){var i=Object.getOwnPropertyDescriptor(r,e);return i.get?i.get.call(n):i.value}})(t,e,n||t)}function b(t,e){return(b=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function T(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=E(t);if(e){var i=E(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return S(this,n)}}function S(t,e){return!e||"object"!==y(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function E(t){return(E=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var C=m.a.getComponent("Component"),w=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&b(t,e)}(o,t);var e,n,r,i=T(o);function o(){return h(this,o),i.apply(this,arguments)}return e=o,(n=[{key:"buildCSSClass",value:function(){return"cv-clip-timepoint-handle ".concat(g(E(o.prototype),"buildCSSClass",this).call(this))}},{key:"createEl",value:function(t,e,n){return g(E(o.prototype),"createEl",this).call(this,t,Object.assign(Object.assign({},e),{className:this.buildCSSClass(),innerHTML:'<svg viewBox="0 0 5 14"><g id="Clips" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Clip-2" transform="translate(-835.000000, -632.000000)" fill="#FFFFFF"><g id="Video-Copy" transform="translate(275.000000, 96.000000)"><g id="Handles" transform="translate(560.000000, 536.000000)"><circle id="Oval" cx="1" cy="1" r="1"></circle><circle id="Oval-Copy-2" cx="1" cy="5" r="1"></circle><circle id="Oval-Copy-4" cx="1" cy="9" r="1"></circle><circle id="Oval-Copy-8" cx="1" cy="13" r="1"></circle><circle id="Oval-Copy" cx="4" cy="1" r="1"></circle><circle id="Oval-Copy-3" cx="4" cy="5" r="1"></circle><circle id="Oval-Copy-5" cx="4" cy="9" r="1"></circle><circle id="Oval-Copy-9" cx="4" cy="13" r="1"></circle></g></g></g></g></svg>'}),n)}},{key:"isEventTarget",value:function(t){return this.el().contains(t.target)}}])&&v(e.prototype,n),r&&v(e,r),o}(C);n(1694);function O(t){return(O="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function P(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _(t,e,n){return(_="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=R(t)););return t}(t,e);if(r){var i=Object.getOwnPropertyDescriptor(r,e);return i.get?i.get.call(n):i.value}})(t,e,n||t)}function k(t,e){return(k=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function j(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=R(t);if(e){var i=R(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return D(this,n)}}function D(t,e){return!e||"object"!==O(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function R(t){return(R=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var A=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&k(t,e)}(o,t);var e,n,r,i=j(o);function o(t,e){var n;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,o),(n=i.call(this,t,e)).dragStartActive=!1,n.dragEndActive=!1,n.dragSliderActive=!1,n.dragSliderCurrentPosition=null,n.minDuration=Math.min(t.duration(),n.options_.minDuration),n.setStartTime(e.startTime,!1),n.setEndTime(e.endTime,!1),n.startHandle=new w(n.player(),e),n.startHandle.addClass("cv-clip-start-handle"),n.addChild(n.startHandle),n.endHandle=new w(n.player(),e),n.endHandle.addClass("cv-clip-end-handle"),n.addChild(n.endHandle),n.on(n.player(),"update:clip:start:time",(function(t){var e=t.time;return n.setStartTime(e)})),n.on(n.player(),"update:clip:end:time",(function(t){var e=t.time;return n.setEndTime(e)})),n.bindListeners(),n.update(),n}return e=o,(n=[{key:"createEl",value:function(){return _(R(o.prototype),"createEl",this).call(this,"div",{className:"cv-clip-timepoint-selector"},{})}},{key:"update",value:function(){var t=this;this.options_.onChangeStartTime(this.startTime),this.options_.onChangeEndTime(this.endTime),this.requestAnimationFrame((function(){t.setStartOffset(),t.setWidth()}))}},{key:"setStartTime",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(!isNaN(t)){var n=this.endTime||this.player().duration(),r=n-this.minDuration;t>r&&(t=r),t<0&&(t=0),this.startTime=t,this.endTime&&this.endTime-this.startTime<this.minDuration&&this.setEndTime(this.startTime+this.minDuration),this.player().currentTime(this.startTime),e&&this.update()}}},{key:"setEndTime",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(!isNaN(t)){var n=this.startTime||0,r=n+this.minDuration;t<r&&(t=r),t>this.player().duration()&&(t=this.player().duration()),this.endTime=t,this.startTime&&this.endTime-this.startTime<this.minDuration&&this.setStartTime(this.endTime-this.minDuration),e&&this.update()}}},{key:"bindListeners",value:function(){var t=this;this.on("mousedown",this.dragStart),this.on("touchstart",this.dragStart),this.player().on("dispose",(function(){t.off("mousedown",t.dragStart),t.off("touchstart",t.dragStart)}))}},{key:"dragStart",value:function(t){this.startHandle.isEventTarget(t)&&(t.stopImmediatePropagation(),this.dragStartActive=!0),this.endHandle.isEventTarget(t)&&(t.stopImmediatePropagation(),this.dragEndActive=!0),t.target===this.el()&&(t.stopImmediatePropagation(),this.dragSliderActive=!0,this.dragSliderCurrentPosition=this.getPosition(t));var e=this.el().ownerDocument;this.on(e,"mousemove",this.drag),this.on(e,"mouseup",this.dragEnd),this.on(e,"touchmove",this.drag),this.on(e,"touchend",this.dragEnd),this.drag(t)}},{key:"dragEnd",value:function(){this.dragStartActive=!1,this.dragEndActive=!1,this.dragSliderActive=!1,this.dragSliderCurrentPosition=null;var t=this.el().ownerDocument;this.off(t,"mousemove",this.drag),this.off(t,"mouseup",this.dragEnd),this.off(t,"touchmove",this.drag),this.off(t,"touchend",this.dragEnd)}},{key:"drag",value:function(t){if((this.dragStartActive||this.dragEndActive||this.dragSliderActive)&&m.a.dom.isSingleLeftClick(t)){var e=this.getPosition(t),n=e*this.player().duration();this.dragStartActive&&this.handleStartHandleDrag(n),this.dragEndActive&&this.handleEndHandleDrag(n),this.dragSliderActive&&this.handleSliderDrag(e)}}},{key:"handleStartHandleDrag",value:function(t){this.setStartTime(t)}},{key:"handleEndHandleDrag",value:function(t){this.setEndTime(t)}},{key:"handleSliderDrag",value:function(t){var e=(t-this.dragSliderCurrentPosition)*this.player().duration(),n=this.startTime+e,r=this.endTime+e;n<=0||r>=this.player().duration()||(this.dragSliderCurrentPosition=t,this.setStartTime(n),this.setEndTime(r))}},{key:"getPosition",value:function(t){return m.a.dom.getPointerPosition(this.el_.parentNode,t).x}},{key:"setStartOffset",value:function(){this.el_.style.marginLeft="".concat(this.getPercentage(this.startTime),"%")}},{key:"setWidth",value:function(){this.el_.style.width="".concat(this.getPercentage(this.endTime-this.startTime),"%")}},{key:"getPercentage",value:function(t){return+(t/this.player().duration()*100).toFixed(4)}}])&&P(e.prototype,n),r&&P(e,r),o}(m.a.getComponent("Component"));n(1695);function N(t){return(N="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function x(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function I(t,e){return(I=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function B(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=L(t);if(e){var i=L(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return F(this,n)}}function F(t,e){return!e||"object"!==N(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function L(t){return(L=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var H=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&I(t,e)}(o,t);var e,n,r,i=B(o);function o(t,e){var n;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,o),(n=i.call(this,t,e)).addClass("cv-create-clip-seek-bar"),n}return e=o,(n=[{key:"initialize",value:function(t){var e=new A(this.player(),t);this.addChild(e)}}])&&x(e.prototype,n),r&&x(e,r),o}(m.a.getComponent("SeekBar"));function M(t){return(M="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function U(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function V(t,e){return(V=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function K(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=G(t);if(e){var i=G(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return z(this,n)}}function z(t,e){return!e||"object"!==M(e)&&"function"!=typeof e?q(t):e}function q(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function G(t){return(G=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}H.prototype.options_={children:["playProgressBar"],barName:"playProgressBar"},m.a.browser.IS_IOS||m.a.browser.IS_ANDROID||H.prototype.options_.children.splice(1,0,"mouseTimeDisplay"),m.a.registerComponent("CreateClipSeekBar",H);var W=m.a.getPlugin("plugin"),J=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&V(t,e)}(o,t);var e,n,r,i=K(o);function o(t,e){var n;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,o),(n=i.call(this,t,e)).options=e,n.initCreateClipSeekBar=n.initCreateClipSeekBar.bind(q(n)),n.player.one("loadedmetadata",(function(){return n.player.ready(n.initCreateClipSeekBar)})),n}return e=o,(n=[{key:"initCreateClipSeekBar",value:function(){var t,e=null===(t=this.player.controlBar.getChild("ProgressControl"))||void 0===t?void 0:t.getChild("SeekBar");if(e){var n=!isNaN(this.options.startTime)&&this.options.startTime>=0?this.options.startTime:0,r=!isNaN(this.options.endTime)&&this.options.endTime<=this.player.duration()?this.options.endTime:this.player.duration(),i=Math.min(this.options.minDuration||3,this.player.duration());e.initialize({startTime:n,endTime:r,minDuration:i,onChangeStartTime:this.options.onChangeStartTime,onChangeEndTime:this.options.onChangeEndTime})}}},{key:"dispose",value:function(){this.player.off("loadedmetadata",this.initCreateClipSeekBar)}}])&&U(e.prototype,n),r&&U(e,r),o}(W);function Y(t){return(Y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Q(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function $(t,e){return($=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function X(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=tt(t);if(e){var i=tt(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return Z(this,n)}}function Z(t,e){return!e||"object"!==Y(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function tt(t){return(tt=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}m.a.registerPlugin("createClipPlugin",J);var et=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&$(t,e)}(o,t);var e,n,r,i=X(o);function o(t,e){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,o),i.call(this,t,Object.assign(Object.assign({},e),{playbackRates:null,enableLocalCache:!1}))}return e=o,(n=[{key:"getPlayerClassName",value:function(){return"cv-create-clip-player"}},{key:"configurePlugins",value:function(){var t=this.options,e=t.startTime,n=t.endTime,r=t.minDuration,i=t.onChangeStartTime,o=t.onChangeEndTime;this.player.createClipPlugin({startTime:e,endTime:n,minDuration:r,onChangeStartTime:i,onChangeEndTime:o})}},{key:"getSeekBarName",value:function(){return"CreateClipSeekBar"}}])&&Q(e.prototype,n),r&&Q(e,r),o}(d.a);function nt(t){var e=i.a.useRef(),n=i.a.useRef();return i.a.useEffect((function(){n.current=new et(e.current,t)}),[]),i.a.useEffect((function(){var e;null===(e=n.current)||void 0===e||e.trigger({type:"update:clip:start:time",time:t.startTime})}),[t.startTime]),i.a.useEffect((function(){var e;null===(e=n.current)||void 0===e||e.trigger({type:"update:clip:end:time",time:t.endTime})}),[t.endTime]),i.a.createElement("div",{ref:e})}var rt=n(60),it=n(342),ot=n(1696),at=u.a.encloseNamespace("shared.clipTimeForm");function ct(t){return r.createElement("div",{className:"position-relative"},r.createElement("input",{className:"form-control text-center ".concat(ot.timeInput),value:it.a.ToDisplayDuration(1e3*t.value),onChange:function(){}}),r.createElement("div",{className:ot.controlsContainer},r.createElement("div",{className:ot.arrowContainer,onClick:function(){return t.setTime(Math.floor(t.value)+1)}},r.createElement("div",{className:ot.upArrow})),r.createElement("div",{className:ot.arrowContainer,onClick:function(){return t.setTime(Math.floor(t.value)-1)}},r.createElement("div",{className:ot.downArrow}))))}function ut(t){if(isNaN(t.startTime)||isNaN(t.endTime))return r.createElement(r.Fragment,null);var e=Math.floor(t.endTime)-Math.floor(t.startTime);return r.createElement("div",null,r.createElement("form",{className:"form-inline justify-content-center pb-5"},r.createElement("div",{className:"form-group"},r.createElement(ct,{value:t.startTime,setTime:t.setStartTime})),r.createElement("span",{className:"px-2"},"-"),r.createElement("div",{className:"form-group mr-2"},r.createElement(ct,{value:t.endTime,setTime:t.setEndTime})),r.createElement("span",null,r.createElement("strong",null,"Duration:")," ",it.a.ToDisplayDuration(1e3*e))),r.createElement("div",{className:"d-flex justify-content-end"},r.createElement("button",{className:"btn btn-link",onClick:t.onCancel},at("cancel")),r.createElement("button",{className:"btn btn-dark",onClick:t.onSubmit},at("next"))))}var lt=n(7),st=n(13),ft=n(1258),pt=n(332);function dt(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;var n=[],r=!0,i=!1,o=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){i=!0,o=t}finally{try{r||null==c.return||c.return()}finally{if(i)throw o}}return n}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return mt(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return mt(t,e)}(t,e)||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 mt(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}n.d(e,"EditClipTimepointsView",(function(){return ht}));var yt=u.a.encloseNamespace("shared.editClipTimepoints");function ht(t){var e,n,i,u,d,m=dt(Object(a.a)(rt.a.WEB_PLAYER_DATA),2),y=m[0],h=m[1],v=t.startTime||(null===(n=null===(e=null==y?void 0:y.playerRef)||void 0===e?void 0:e.current)||void 0===n?void 0:n.currentTime())||0,g=dt(r.useState(v),2),b=g[0],T=g[1],S=dt(r.useState(t.startTime+30),2),E=S[0],C=S[1],w=o.a.useBasicFetch(f.a.config()),O=o.a.useBasicFetch(!!t.id&&ft.a.clip(t.id)),P=(null===(u=null===(i=O.data)||void 0===i?void 0:i.video)||void 0===u?void 0:u.id)||t.videoId,_=o.a.useBasicFetch(!!P&&s.a.createViewKey(P)),k=o.a.useBasicFetch(!!P&&pt.a.video(P));return Object(l.a)(t.id?null===(d=O.data)||void 0===d?void 0:d.name:k.data&&yt("defaultClipName",{videoName:k.data.name})),r.useEffect((function(){h("allowFloatingPlayer",!1)}),[]),r.useEffect((function(){O.data&&(T(O.data.startTime),C(O.data.endTime))}),[O.data]),t.id||t.videoId?r.createElement(r.Fragment,null,!!w.data&&!!_.data&&!!k.data&&(!t.id||!!O.data)&&r.createElement("div",{className:"pb-3"},r.createElement("div",{className:"mb-3"},r.createElement(nt,{playerApi:new URL(w.data.playerApiUrl),viewKey:_.data.viewKey,startTime:b,endTime:E,onChangeStartTime:T,onChangeEndTime:C,minDuration:5,autoplay:!0})),r.createElement(ut,{startTime:b,endTime:E,setStartTime:T,setEndTime:C,onSubmit:function(){var e="";b>E&&(e=yt("startTimeGreaterThanEndTime")),E-b<5&&(e=yt("tooShort",{minDuration:5})),e?function(t){p.a.render(r.createElement("p",null,t),{title:yt("errorHeading"),buttons:[{variant:"link",buttonText:yt("close")}]})}(e):c.a.AppLinkHelper.trigger({application:lt.a.DEFAULT,action:t.id?st.a.Default.EDIT_CLIP_DETAILS:st.a.Default.CREATE_CLIP_DETAILS,args:t.id?[t.id]:[t.videoId],params:{startTime:b,endTime:E}})},onCancel:function(){var t,e;c.a.AppLinkHelper.trigger({application:lt.a.DEFAULT,action:st.a.Default.PLAY_VIDEO,args:[null===(t=k.data)||void 0===t?void 0:t.id,null===(e=k.data)||void 0===e?void 0:e.name]})}}))):r.createElement(r.Fragment,null)}}}]);
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[14],{1224:function(t,e,n){"use strict";n.d(e,"a",(function(){return i}));var r=n(26),i={createViewKey:function(t){return{url:"/api/player/create-view-key",key:"view:key:".concat(t),type:r.a.POST,data:{mediaId:t.toString()}}}}},1264:function(t,e,n){"use strict";n.d(e,"a",(function(){return i}));var r=n(26),i={clip:function(t){return{key:"clip:".concat(t),url:"/api/domain/v2/objects/".concat(t,"?query=video[thumbnail],owner")}},createClip:function(t,e,n,i,o){return{key:"create:clip",url:"/api/domain/v2/objects/".concat(t,"/clips"),data:e,type:r.a.POST,success:n,error:i,always:o}},updateClip:function(t,e,n,i,o){return{key:"clip:".concat(t),url:"/api/domain/v2/objects/".concat(t),data:e,type:r.a.PUT,success:n,error:i,always:o}},deleteClip:function(t,e,n,i,o){return{key:"clip:".concat(t),url:"/api/domain/v2/objects/".concat(t),type:r.a.DELETE,invalidationKeys:["videos:".concat(e)],success:n,error:i,always:o}}}},1699:function(t,e,n){},1700:function(t,e,n){},1701:function(t,e,n){t.exports={timeInput:"_3f1zC",controlsContainer:"_3zQGP",arrowContainer:"_3wgxR",upArrow:"_2qIEU",downArrow:"_3Gl3V"}},1892:function(t,e,n){"use strict";n.r(e);var r=n(0),i=n.n(r),o=n(21),a=n(74),c=n(2),u=n(9),l=n(329),s=n(1224),f=n(151),p=n(355),d=n(358),y=n(5);function m(t){return(m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function h(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function v(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function g(t,e,n){return(g="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=E(t)););return t}(t,e);if(r){var i=Object.getOwnPropertyDescriptor(r,e);return i.get?i.get.call(n):i.value}})(t,e,n||t)}function b(t,e){return(b=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function T(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=E(t);if(e){var i=E(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return S(this,n)}}function S(t,e){return!e||"object"!==m(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function E(t){return(E=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var C=y.a.getComponent("Component"),w=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&b(t,e)}(o,t);var e,n,r,i=T(o);function o(){return h(this,o),i.apply(this,arguments)}return e=o,(n=[{key:"buildCSSClass",value:function(){return"cv-clip-timepoint-handle ".concat(g(E(o.prototype),"buildCSSClass",this).call(this))}},{key:"createEl",value:function(t,e,n){return g(E(o.prototype),"createEl",this).call(this,t,Object.assign(Object.assign({},e),{className:this.buildCSSClass(),innerHTML:'<svg viewBox="0 0 5 14"><g id="Clips" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Clip-2" transform="translate(-835.000000, -632.000000)" fill="#FFFFFF"><g id="Video-Copy" transform="translate(275.000000, 96.000000)"><g id="Handles" transform="translate(560.000000, 536.000000)"><circle id="Oval" cx="1" cy="1" r="1"></circle><circle id="Oval-Copy-2" cx="1" cy="5" r="1"></circle><circle id="Oval-Copy-4" cx="1" cy="9" r="1"></circle><circle id="Oval-Copy-8" cx="1" cy="13" r="1"></circle><circle id="Oval-Copy" cx="4" cy="1" r="1"></circle><circle id="Oval-Copy-3" cx="4" cy="5" r="1"></circle><circle id="Oval-Copy-5" cx="4" cy="9" r="1"></circle><circle id="Oval-Copy-9" cx="4" cy="13" r="1"></circle></g></g></g></g></svg>'}),n)}},{key:"isEventTarget",value:function(t){return this.el().contains(t.target)}}])&&v(e.prototype,n),r&&v(e,r),o}(C);n(1699);function O(t){return(O="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function P(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function k(t,e,n){return(k="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=R(t)););return t}(t,e);if(r){var i=Object.getOwnPropertyDescriptor(r,e);return i.get?i.get.call(n):i.value}})(t,e,n||t)}function _(t,e){return(_=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function j(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=R(t);if(e){var i=R(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return D(this,n)}}function D(t,e){return!e||"object"!==O(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function R(t){return(R=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var A=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&_(t,e)}(o,t);var e,n,r,i=j(o);function o(t,e){var n;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,o),(n=i.call(this,t,e)).dragStartActive=!1,n.dragEndActive=!1,n.dragSliderActive=!1,n.dragSliderCurrentPosition=null,n.minDuration=Math.min(t.duration(),n.options_.minDuration),n.setStartTime(e.startTime,!1),n.setEndTime(e.endTime,!1),n.startHandle=new w(n.player(),e),n.startHandle.addClass("cv-clip-start-handle"),n.addChild(n.startHandle),n.endHandle=new w(n.player(),e),n.endHandle.addClass("cv-clip-end-handle"),n.addChild(n.endHandle),n.on(n.player(),"update:clip:start:time",(function(t){var e=t.time;return n.setStartTime(e)})),n.on(n.player(),"update:clip:end:time",(function(t){var e=t.time;return n.setEndTime(e)})),n.bindListeners(),n.update(),n}return e=o,(n=[{key:"createEl",value:function(){return k(R(o.prototype),"createEl",this).call(this,"div",{className:"cv-clip-timepoint-selector"},{})}},{key:"update",value:function(){var t=this;this.options_.onChangeStartTime(this.startTime),this.options_.onChangeEndTime(this.endTime),this.requestAnimationFrame((function(){t.setStartOffset(),t.setWidth()}))}},{key:"setStartTime",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(!isNaN(t)){var n=this.endTime||this.player().duration(),r=n-this.minDuration;t>r&&(t=r),t<0&&(t=0),this.startTime=t,this.endTime&&this.endTime-this.startTime<this.minDuration&&this.setEndTime(this.startTime+this.minDuration),this.player().currentTime(this.startTime),e&&this.update()}}},{key:"setEndTime",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(!isNaN(t)){var n=this.startTime||0,r=n+this.minDuration;t<r&&(t=r),t>this.player().duration()&&(t=this.player().duration()),this.endTime=t,this.startTime&&this.endTime-this.startTime<this.minDuration&&this.setStartTime(this.endTime-this.minDuration),e&&this.update()}}},{key:"bindListeners",value:function(){var t=this;this.on("mousedown",this.dragStart),this.on("touchstart",this.dragStart),this.player().on("dispose",(function(){t.off("mousedown",t.dragStart),t.off("touchstart",t.dragStart)}))}},{key:"dragStart",value:function(t){this.startHandle.isEventTarget(t)&&(t.stopImmediatePropagation(),this.dragStartActive=!0),this.endHandle.isEventTarget(t)&&(t.stopImmediatePropagation(),this.dragEndActive=!0),t.target===this.el()&&(t.stopImmediatePropagation(),this.dragSliderActive=!0,this.dragSliderCurrentPosition=this.getPosition(t));var e=this.el().ownerDocument;this.on(e,"mousemove",this.drag),this.on(e,"mouseup",this.dragEnd),this.on(e,"touchmove",this.drag),this.on(e,"touchend",this.dragEnd),this.drag(t)}},{key:"dragEnd",value:function(){this.dragStartActive=!1,this.dragEndActive=!1,this.dragSliderActive=!1,this.dragSliderCurrentPosition=null;var t=this.el().ownerDocument;this.off(t,"mousemove",this.drag),this.off(t,"mouseup",this.dragEnd),this.off(t,"touchmove",this.drag),this.off(t,"touchend",this.dragEnd)}},{key:"drag",value:function(t){if((this.dragStartActive||this.dragEndActive||this.dragSliderActive)&&y.a.dom.isSingleLeftClick(t)){var e=this.getPosition(t),n=e*this.player().duration();this.dragStartActive&&this.handleStartHandleDrag(n),this.dragEndActive&&this.handleEndHandleDrag(n),this.dragSliderActive&&this.handleSliderDrag(e)}}},{key:"handleStartHandleDrag",value:function(t){this.setStartTime(t)}},{key:"handleEndHandleDrag",value:function(t){this.setEndTime(t)}},{key:"handleSliderDrag",value:function(t){var e=(t-this.dragSliderCurrentPosition)*this.player().duration(),n=this.startTime+e,r=this.endTime+e;n<=0||r>=this.player().duration()||(this.dragSliderCurrentPosition=t,this.setStartTime(n),this.setEndTime(r))}},{key:"getPosition",value:function(t){return y.a.dom.getPointerPosition(this.el_.parentNode,t).x}},{key:"setStartOffset",value:function(){this.el_.style.marginLeft="".concat(this.getPercentage(this.startTime),"%")}},{key:"setWidth",value:function(){this.el_.style.width="".concat(this.getPercentage(this.endTime-this.startTime),"%")}},{key:"getPercentage",value:function(t){return+(t/this.player().duration()*100).toFixed(4)}}])&&P(e.prototype,n),r&&P(e,r),o}(y.a.getComponent("Component"));n(1700);function N(t){return(N="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function x(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function I(t,e){return(I=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function B(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=L(t);if(e){var i=L(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return F(this,n)}}function F(t,e){return!e||"object"!==N(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function L(t){return(L=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var H=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&I(t,e)}(o,t);var e,n,r,i=B(o);function o(t,e){var n;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,o),(n=i.call(this,t,e)).addClass("cv-create-clip-seek-bar"),n}return e=o,(n=[{key:"initialize",value:function(t){var e=new A(this.player(),t);this.addChild(e)}}])&&x(e.prototype,n),r&&x(e,r),o}(y.a.getComponent("SeekBar"));function M(t){return(M="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function U(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function K(t,e){return(K=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function V(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=G(t);if(e){var i=G(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return z(this,n)}}function z(t,e){return!e||"object"!==M(e)&&"function"!=typeof e?q(t):e}function q(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function G(t){return(G=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}H.prototype.options_={children:["playProgressBar"],barName:"playProgressBar"},y.a.browser.IS_IOS||y.a.browser.IS_ANDROID||H.prototype.options_.children.splice(1,0,"mouseTimeDisplay"),y.a.registerComponent("CreateClipSeekBar",H);var W=y.a.getPlugin("plugin"),J=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&K(t,e)}(o,t);var e,n,r,i=V(o);function o(t,e){var n;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,o),(n=i.call(this,t,e)).options=e,n.initCreateClipSeekBar=n.initCreateClipSeekBar.bind(q(n)),n.player.one("loadedmetadata",(function(){return n.player.ready(n.initCreateClipSeekBar)})),n}return e=o,(n=[{key:"initCreateClipSeekBar",value:function(){var t,e=null===(t=this.player.controlBar.getChild("ProgressControl"))||void 0===t?void 0:t.getChild("SeekBar");if(e){var n=!isNaN(this.options.startTime)&&this.options.startTime>=0?this.options.startTime:0,r=!isNaN(this.options.endTime)&&this.options.endTime<=this.player.duration()?this.options.endTime:this.player.duration(),i=Math.min(this.options.minDuration||3,this.player.duration());e.initialize({startTime:n,endTime:r,minDuration:i,onChangeStartTime:this.options.onChangeStartTime,onChangeEndTime:this.options.onChangeEndTime})}}},{key:"dispose",value:function(){this.player.off("loadedmetadata",this.initCreateClipSeekBar)}}])&&U(e.prototype,n),r&&U(e,r),o}(W);function Y(t){return(Y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Q(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function $(t,e){return($=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function X(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=tt(t);if(e){var i=tt(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return Z(this,n)}}function Z(t,e){return!e||"object"!==Y(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function tt(t){return(tt=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}y.a.registerPlugin("createClipPlugin",J);var et=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&$(t,e)}(o,t);var e,n,r,i=X(o);function o(t,e){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,o),i.call(this,t,Object.assign(Object.assign({},e),{playbackRates:null,enableLocalCache:!1,autoplay:!1}))}return e=o,(n=[{key:"getPlayerClassName",value:function(){return"cv-create-clip-player"}},{key:"configurePlugins",value:function(){var t=this.options,e=t.startTime,n=t.endTime,r=t.minDuration,i=t.onChangeStartTime,o=t.onChangeEndTime;this.player.createClipPlugin({startTime:e,endTime:n,minDuration:r,onChangeStartTime:i,onChangeEndTime:o})}},{key:"getSeekBarName",value:function(){return"CreateClipSeekBar"}},{key:"getAnalyticsPlayerType",value:function(){return"create-clip-player"}}])&&Q(e.prototype,n),r&&Q(e,r),o}(d.a);function nt(t){var e=i.a.useRef(),n=i.a.useRef();return i.a.useEffect((function(){n.current=new et(e.current,t)}),[]),i.a.useEffect((function(){var e;null===(e=n.current)||void 0===e||e.trigger({type:"update:clip:start:time",time:t.startTime})}),[t.startTime]),i.a.useEffect((function(){var e;null===(e=n.current)||void 0===e||e.trigger({type:"update:clip:end:time",time:t.endTime})}),[t.endTime]),i.a.createElement("div",{ref:e})}var rt=n(60),it=n(344),ot=n(1701),at=u.a.encloseNamespace("shared.clipTimeForm");function ct(t){function e(){t.setTime(Math.floor(t.value)+1)}function n(){t.setTime(Math.floor(t.value)-1)}return r.createElement("div",{className:"position-relative"},r.createElement("input",{className:"form-control text-center ".concat(ot.timeInput),value:it.a.ToDisplayDuration(1e3*t.value),onChange:function(){},onKeyDown:function(t){38===t.keyCode&&e(),40===t.keyCode&&n()}}),r.createElement("div",{className:ot.controlsContainer},r.createElement("div",{className:ot.arrowContainer,onClick:e},r.createElement("div",{className:ot.upArrow})),r.createElement("div",{className:ot.arrowContainer,onClick:n},r.createElement("div",{className:ot.downArrow}))))}function ut(t){if(isNaN(t.startTime)||isNaN(t.endTime))return r.createElement(r.Fragment,null);var e=Math.floor(t.endTime)-Math.floor(t.startTime);return r.createElement("div",null,r.createElement("form",{className:"form-inline justify-content-center pb-5"},r.createElement("div",{className:"form-group"},r.createElement(ct,{value:t.startTime,setTime:t.setStartTime})),r.createElement("span",{className:"px-2"},"-"),r.createElement("div",{className:"form-group mr-2"},r.createElement(ct,{value:t.endTime,setTime:t.setEndTime})),r.createElement("span",null,r.createElement("strong",null,"Duration:")," ",it.a.ToDisplayDuration(1e3*e))),r.createElement("div",{className:"d-flex justify-content-end"},r.createElement("button",{className:"btn btn-link",onClick:t.onCancel},at("cancel")),r.createElement("button",{className:"btn btn-dark",onClick:t.onSubmit},at("next"))))}var lt=n(7),st=n(13),ft=n(1264),pt=n(333);function dt(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;var n=[],r=!0,i=!1,o=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){i=!0,o=t}finally{try{r||null==c.return||c.return()}finally{if(i)throw o}}return n}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return yt(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return yt(t,e)}(t,e)||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 yt(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}n.d(e,"EditClipTimepointsView",(function(){return ht}));var mt=u.a.encloseNamespace("shared.editClipTimepoints");function ht(t){var e,n,i,u,d,y=dt(Object(a.a)(rt.a.WEB_PLAYER_DATA),2),m=y[0],h=y[1],v=t.startTime||(null===(n=null===(e=null==m?void 0:m.playerRef)||void 0===e?void 0:e.current)||void 0===n?void 0:n.currentTime())||0,g=dt(r.useState(v),2),b=g[0],T=g[1],S=dt(r.useState(t.startTime+30),2),E=S[0],C=S[1],w=o.a.useBasicFetch(f.a.config()),O=o.a.useBasicFetch(!!t.id&&ft.a.clip(t.id)),P=(null===(u=null===(i=O.data)||void 0===i?void 0:i.video)||void 0===u?void 0:u.id)||t.videoId,k=o.a.useBasicFetch(!!P&&s.a.createViewKey(P)),_=o.a.useBasicFetch(!!P&&pt.a.video(P));return Object(l.a)(t.id?null===(d=O.data)||void 0===d?void 0:d.name:_.data&&mt("defaultClipName",{videoName:_.data.name})),r.useEffect((function(){h("allowFloatingPlayer",!1)}),[]),r.useEffect((function(){O.data&&(T(O.data.startTime),C(O.data.endTime))}),[O.data]),t.id||t.videoId?r.createElement(r.Fragment,null,!!w.data&&!!k.data&&!!_.data&&(!t.id||!!O.data)&&r.createElement("div",{className:"pb-3"},r.createElement("div",{className:"mb-3"},r.createElement(nt,{playerApi:new URL(w.data.playerApiUrl),viewKey:k.data.viewKey,startTime:b,endTime:E,onChangeStartTime:T,onChangeEndTime:C,minDuration:5,autoplay:!0})),r.createElement(ut,{startTime:b,endTime:E,setStartTime:T,setEndTime:C,onSubmit:function(){var e="";b>E&&(e=mt("startTimeGreaterThanEndTime")),E-b<5&&(e=mt("tooShort",{minDuration:5})),e?function(t){p.a.render(r.createElement("p",null,t),{title:mt("errorHeading"),buttons:[{variant:"link",buttonText:mt("close")}]})}(e):c.a.AppLinkHelper.trigger({application:lt.a.DEFAULT,action:t.id?st.a.Default.EDIT_CLIP_DETAILS:st.a.Default.CREATE_CLIP_DETAILS,args:t.id?[t.id]:[t.videoId],params:{startTime:b,endTime:E}})},onCancel:function(){var t,e;c.a.AppLinkHelper.trigger({application:lt.a.DEFAULT,action:st.a.Default.PLAY_VIDEO,args:[null===(t=_.data)||void 0===t?void 0:t.id,null===(e=_.data)||void 0===e?void 0:e.name]})}}))):r.createElement(r.Fragment,null)}}}]);

package/dist/scripts/{16-778c966e26.chunk.js → 15-e3b5214b91.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[16],{1180:function(e,t,n){"use strict";n.d(t,"a",(function(){return c})),n.d(t,"b",(function(){return u}));var a=n(0),i=n(1167),r=n(46),l=n(69),o=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(n[a[i]]=e[a[i]])}return n};function c(e){var t=e.castInitialValues,n=e.castValuesOnSubmit,c=e.initialValues,u=e.onSubmit,s=e.resetOnSubmit,d=o(e,["castInitialValues","castValuesOnSubmit","initialValues","onSubmit","resetOnSubmit"]),m=t&&e.validationSchema?e.validationSchema.cast(function e(t){var n=l.a.deepClone(t);return Object.keys(n).forEach((function(t){n.hasOwnProperty(t)&&(l.a.isObject(n[t])?n[t]=e(n[t]):null===n[t]&&delete n[t])})),n}(c)):c,p={allowInitialSubmit:e.allowInitialSubmit};return a.createElement(i.d,Object.assign({enableReinitialize:!0},d,{initialValues:m,onSubmit:function(t,a){var i=a.setSubmitting,r=a.resetForm,l=n&&e.validationSchema?e.validationSchema.cast(t):t;u(l,(function(){s&&r(),i(!1)}))},initialStatus:p}),r.a.isFunction(e.children)?function(t){return e.children(t)}:a.Children.count(e.children)?e.children:null)}function u(){return Object(i.f)()}c.defaultProps={castInitialValues:!0,castValuesOnSubmit:!0}},1188:function(e,t,n){"use strict";var a=n(0),i=n(1167),r=n(43);function l(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,i=!1,r=void 0;try{for(var l,o=e[Symbol.iterator]();!(a=(l=o.next()).done)&&(n.push(l.value),!t||n.length!==t);a=!0);}catch(e){i=!0,r=e}finally{try{a||null==o.return||o.return()}finally{if(i)throw r}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return o(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var c=n(108);n.d(t,"a",(function(){return u}));function u(e){var t=Object(i.f)(),n=function(e){var t,n=l(a.useState(!1),2),i=n[0],r=n[1];return a.useEffect((function(){var t;e.isValid&&(e.dirty||(null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit))?r(!0):r(!1)}),[e.isValid,null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit,e.dirty,e.values]),a.useEffect((function(){e.isSubmitting&&r(!1)}),[e.isSubmitting]),i}(t);return a.createElement(r.Button,{variant:e.variant||"primary",type:"submit",disabled:!n},t.isSubmitting?a.createElement(r.Spinner,{as:"span",animation:"border",role:"status",size:"sm"}):e.submitText?a.createElement(a.Fragment,null,e.submitText):a.createElement(c.b,{namespace:"shared.formButtons",phrase:e.isNew?"create":"save"}))}},1197:function(e,t,n){"use strict";var a=n(0),i=n(1167),r=n(43),l=n(46),o=function(e,t,n,a){var r="form-control";return Object(i.e)(t,n)&&Object(i.e)(e,n)&&(r+=" is-invalid"),a&&(r+=" ".concat(a)),r};function c(e){var t=Object(i.f)().values[e.fieldName];return"string"!=typeof t?a.createElement(a.Fragment,null):a.createElement("div",{className:"float-right text-muted"},t.length,"/",e.limit)}var u=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(n[a[i]]=e[a[i]])}return n};function s(e){var t=e.label,n=u(e,["label"]);return a.createElement(r.Form.Group,null,a.createElement("div",{className:"custom-control custom-checkbox"},a.createElement(m,Object.assign({className:"custom-control-input"},n)),a.createElement(r.Form.Label,{className:"custom-control-label",htmlFor:n.id},t)))}n.d(t,"a",(function(){return m})),n.d(t,"b",(function(){return p}));var d=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(n[a[i]]=e[a[i]])}return n};function m(e){var t=e.children,n=d(e,["children"]);return a.createElement(i.b,Object.assign({},n),l.a.isFunction(t)?function(e){return t(e)}:a.Children.count(t)?t:null)}function p(e){var t=e.label,n=e.className,l=e.showCharacterCounter,u=d(e,["label","className","showCharacterCounter"]),p=Object(i.f)(),f=p.errors,v=p.touched;return"checkbox"===u.type?a.createElement(s,Object.assign({},e)):a.createElement(r.Form.Group,null,!!t&&a.createElement(r.Form.Label,{htmlFor:u.id},t),a.createElement(m,Object.assign({className:o(f,v,u.name,n)},u)),!!l&&!!u.maxLength&&a.createElement(c,{fieldName:u.name,limit:u.maxLength}),a.createElement(i.a,{name:u.name},(function(e){return a.createElement(r.Form.Control.Feedback,{type:"invalid"},e)})))}},1258:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var a=n(26),i={clip:function(e){return{key:"clip:".concat(e),url:"/api/domain/v2/objects/".concat(e,"?query=video[thumbnail],owner")}},createClip:function(e,t,n,i,r){return{key:"create:clip",url:"/api/domain/v2/objects/".concat(e,"/clips"),data:t,type:a.a.POST,success:n,error:i,always:r}},updateClip:function(e,t,n,i,r){return{key:"clip:".concat(e),url:"/api/domain/v2/objects/".concat(e),data:t,type:a.a.PUT,success:n,error:i,always:r}},deleteClip:function(e,t,n,i,r){return{key:"clip:".concat(e),url:"/api/domain/v2/objects/".concat(e),type:a.a.DELETE,invalidationKeys:["videos:".concat(t)],success:n,error:i,always:r}}}},1905:function(e,t,n){"use strict";n.r(t);var a=n(0),i=n(82),r=n(21),l=n(9),o=n(49),c=n(176),u=n(326),s=n(1166),d=n(1237),m=n(1167),p=n(108),f=n(1180),v=n(1197),b=n(1188),y=n(1201),h=n(93),O=n(1193),E=n(3),w=l.a.encloseNamespace("shared.editClipDetails"),S=d.object().shape({name:d.string().trim().max(255,(function(){return w("titleTooLong")})).required((function(){return w("titleRequired")})).default(""),description:d.string().trim().max(65535,(function(){return w("descriptionTooLong")})).default(""),startTime:d.number().required(),endTime:d.number().required()}).noUnknown();function g(e){var t=Object(f.b)();return a.createElement(m.c,null,a.createElement("div",{className:"row form-group"},a.createElement("div",{className:"col-5"},a.createElement(y.a,{video:e.video,type:"static",videoType:"clip",clip:t.values,imageOptions:{size:h.a.Small},textPosition:O.a.Independent,preload:!0,analyticsOptions:{location:E.LocationContext.Popup}})),a.createElement("div",{className:"col-7"},a.createElement("h2",{className:"h6"},t.values.name))),a.createElement(v.b,{label:w("nameLabel"),type:"text",name:"name",id:"name",placeholder:w("namePlaceholder"),autoFocus:!0,value:t.values.name}),a.createElement(v.b,{label:w("descriptionLabel"),component:"textarea",name:"description",id:"description",placeholder:w("descriptionPlaceholder"),value:t.values.description}),a.createElement("div",{className:"btn-container d-flex justify-content-end"},a.createElement("button",{type:"button",className:"btn btn-link mr-2",onClick:e.onClickCancel},a.createElement(p.b,{namespace:"shared.editClipDetails",phrase:"cancel"})),a.createElement(b.a,{isNew:e.isNew,submitText:w(e.isNew?"createClip":"saveClip")})))}function j(e){var t;return a.createElement(f.a,{initialValues:e.clip,validationSchema:S,onSubmit:e.saveClip,allowInitialSubmit:e.allowInitialSubmit},a.createElement(g,{video:e.video,isNew:!!(null===(t=e.clip)||void 0===t?void 0:t.id),onClickCancel:e.onClickCancel}))}var C=n(1258),N=n(332);n.d(t,"EditClipDetailsView",(function(){return x}));var P=l.a.encloseNamespace("shared.editClipDetails");function x(e){var t,n,l,d,m,p,f=Object(i.useDispatch)(),v=Object(s.a)(),b=r.a.useBasicFetch(!!e.id&&C.a.clip(e.id)),y=(null===(n=null===(t=b.data)||void 0===t?void 0:t.video)||void 0===n?void 0:n.id)||e.videoId,h=r.a.useBasicFetch(!!y&&N.a.video(y)),O=isNaN(e.startTime)?null===(l=null==b?void 0:b.data)||void 0===l?void 0:l.startTime:e.startTime,E=isNaN(e.endTime)?null===(d=null==b?void 0:b.data)||void 0===d?void 0:d.endTime:e.endTime;if(!e.id&&!e.videoId)return a.createElement(a.Fragment,null);var w=!(!h.data||e.id&&!b.data);return a.createElement(u.a,{title:P(e.id?"editPopupHeading":"createPopupHeading"),closePopup:e.closePopup,showLoadingSpinner:!w},a.createElement(j,{video:h.data,clip:{name:(null===(m=null==b?void 0:b.data)||void 0===m?void 0:m.name)||P("defaultClipName",{videoName:h.data.name}),description:null===(p=null==b?void 0:b.data)||void 0===p?void 0:p.description,startTime:O,endTime:E},saveClip:function(t){var n=function(e){v.success(P("success",{name:t.name})),o.a.logUserAction(e,{actionType:c.n.Edit,entity:c.d.Clip,location:c.j.Popup,workflowPhase:c.p.Complete})},a=function(){v.error(P("error"))},i=function(){e.closePopup()},l=e.id?C.a.updateClip(e.id,t,n,a,i):C.a.createClip(e.videoId,t,n,a,i);r.a.fetch(f,l)},onClickCancel:e.closePopup,allowInitialSubmit:!0}))}}}]);
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[15],{1175:function(e,t,n){"use strict";n.d(t,"a",(function(){return c})),n.d(t,"b",(function(){return u}));var a=n(0),i=n(1171),r=n(46),l=n(69),o=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(n[a[i]]=e[a[i]])}return n};function c(e){var t=e.castInitialValues,n=e.castValuesOnSubmit,c=e.initialValues,u=e.onSubmit,s=e.resetOnSubmit,d=o(e,["castInitialValues","castValuesOnSubmit","initialValues","onSubmit","resetOnSubmit"]),m=t&&e.validationSchema?e.validationSchema.cast(function e(t){var n=l.a.deepClone(t);return Object.keys(n).forEach((function(t){n.hasOwnProperty(t)&&(l.a.isObject(n[t])?n[t]=e(n[t]):null===n[t]&&delete n[t])})),n}(c)):c,p={allowInitialSubmit:e.allowInitialSubmit};return a.createElement(i.d,Object.assign({enableReinitialize:!0},d,{initialValues:m,onSubmit:function(t,a){var i=a.setSubmitting,r=a.resetForm,l=n&&e.validationSchema?e.validationSchema.cast(t):t;u(l,(function(){s&&r(),i(!1)}))},initialStatus:p}),r.a.isFunction(e.children)?function(t){return e.children(t)}:a.Children.count(e.children)?e.children:null)}function u(){return Object(i.f)()}c.defaultProps={castInitialValues:!0,castValuesOnSubmit:!0}},1184:function(e,t,n){"use strict";var a=n(0),i=n(1171),r=n(43);function l(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,i=!1,r=void 0;try{for(var l,o=e[Symbol.iterator]();!(a=(l=o.next()).done)&&(n.push(l.value),!t||n.length!==t);a=!0);}catch(e){i=!0,r=e}finally{try{a||null==o.return||o.return()}finally{if(i)throw r}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return o(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var c=n(108);n.d(t,"a",(function(){return u}));function u(e){var t=Object(i.f)(),n=function(e){var t,n=l(a.useState(!1),2),i=n[0],r=n[1];return a.useEffect((function(){var t;e.isValid&&(e.dirty||(null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit))?r(!0):r(!1)}),[e.isValid,null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit,e.dirty,e.values]),a.useEffect((function(){e.isSubmitting&&r(!1)}),[e.isSubmitting]),i}(t);return a.createElement(r.Button,{variant:e.variant||"primary",type:"submit",disabled:!n},t.isSubmitting?a.createElement(r.Spinner,{as:"span",animation:"border",role:"status",size:"sm"}):e.submitText?a.createElement(a.Fragment,null,e.submitText):a.createElement(c.b,{namespace:"shared.formButtons",phrase:e.isNew?"create":"save"}))}},1189:function(e,t,n){"use strict";var a=n(0),i=n(1171),r=n(43),l=n(46),o=function(e,t,n,a){var r="form-control";return Object(i.e)(t,n)&&Object(i.e)(e,n)&&(r+=" is-invalid"),a&&(r+=" ".concat(a)),r};function c(e){var t=Object(i.f)().values[e.fieldName];return"string"!=typeof t?a.createElement(a.Fragment,null):a.createElement("div",{className:"float-right text-muted"},t.length,"/",e.limit)}var u=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(n[a[i]]=e[a[i]])}return n};function s(e){var t=e.label,n=u(e,["label"]);return a.createElement(r.Form.Group,null,a.createElement("div",{className:"custom-control custom-checkbox"},a.createElement(m,Object.assign({className:"custom-control-input"},n)),a.createElement(r.Form.Label,{className:"custom-control-label",htmlFor:n.id},t)))}n.d(t,"a",(function(){return m})),n.d(t,"b",(function(){return p}));var d=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(n[a[i]]=e[a[i]])}return n};function m(e){var t=e.children,n=d(e,["children"]);return a.createElement(i.b,Object.assign({},n),l.a.isFunction(t)?function(e){return t(e)}:a.Children.count(t)?t:null)}function p(e){var t=e.label,n=e.className,l=e.showCharacterCounter,u=d(e,["label","className","showCharacterCounter"]),p=Object(i.f)(),b=p.errors,f=p.touched;return"checkbox"===u.type?a.createElement(s,Object.assign({},e)):a.createElement(r.Form.Group,null,!!t&&a.createElement(r.Form.Label,{htmlFor:u.id},t),a.createElement(m,Object.assign({className:o(b,f,u.name,n)},u)),!!l&&!!u.maxLength&&a.createElement(c,{fieldName:u.name,limit:u.maxLength}),a.createElement(i.a,{name:u.name},(function(e){return a.createElement(r.Form.Control.Feedback,{type:"invalid"},e)})))}},1264:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var a=n(26),i={clip:function(e){return{key:"clip:".concat(e),url:"/api/domain/v2/objects/".concat(e,"?query=video[thumbnail],owner")}},createClip:function(e,t,n,i,r){return{key:"create:clip",url:"/api/domain/v2/objects/".concat(e,"/clips"),data:t,type:a.a.POST,success:n,error:i,always:r}},updateClip:function(e,t,n,i,r){return{key:"clip:".concat(e),url:"/api/domain/v2/objects/".concat(e),data:t,type:a.a.PUT,success:n,error:i,always:r}},deleteClip:function(e,t,n,i,r){return{key:"clip:".concat(e),url:"/api/domain/v2/objects/".concat(e),type:a.a.DELETE,invalidationKeys:["videos:".concat(t)],success:n,error:i,always:r}}}},1910:function(e,t,n){"use strict";n.r(t);var a=n(0),i=n(83),r=n(21),l=n(9),o=n(47),c=n(176),u=n(328),s=n(1170),d=n(1228),m=n(1171),p=n(108),b=n(1175),f=n(1189),v=n(1184),y=n(1226),h=n(94),O=n(1216),E=n(3),w=l.a.encloseNamespace("shared.editClipDetails"),S=d.object().shape({name:d.string().trim().max(255,(function(){return w("titleTooLong")})).required((function(){return w("titleRequired")})).default(""),description:d.string().trim().max(65535,(function(){return w("descriptionTooLong")})).default(""),startTime:d.number().required(),endTime:d.number().required()}).noUnknown();function g(e){var t=Object(b.b)();return a.createElement(m.c,null,a.createElement("div",{className:"row form-group"},a.createElement("div",{className:"col-5"},a.createElement(y.a,{video:e.video,type:"static",videoType:"clip",clip:t.values,imageOptions:{size:h.a.Small},textPosition:O.a.Independent,preload:!0,analyticsOptions:{location:E.LocationContext.Popup}})),a.createElement("div",{className:"col-7"},a.createElement("h2",{className:"h6"},t.values.name))),a.createElement(f.b,{label:w("nameLabel"),type:"text",name:"name",id:"name",placeholder:w("namePlaceholder"),autoFocus:!0,value:t.values.name}),a.createElement(f.b,{label:w("descriptionLabel"),component:"textarea",name:"description",id:"description",placeholder:w("descriptionPlaceholder"),value:t.values.description}),a.createElement("div",{className:"btn-container d-flex justify-content-end"},a.createElement("button",{type:"button",className:"btn btn-link mr-2",onClick:e.onClickCancel},a.createElement(p.b,{namespace:"shared.editClipDetails",phrase:"cancel"})),a.createElement(v.a,{isNew:e.isNew,submitText:w(e.isNew?"createClip":"saveClip")})))}function j(e){var t;return a.createElement(b.a,{initialValues:e.clip,validationSchema:S,onSubmit:e.saveClip,allowInitialSubmit:e.allowInitialSubmit},a.createElement(g,{video:e.video,isNew:!!(null===(t=e.clip)||void 0===t?void 0:t.id),onClickCancel:e.onClickCancel}))}var C=n(1264),N=n(333);n.d(t,"EditClipDetailsView",(function(){return x}));var P=l.a.encloseNamespace("shared.editClipDetails");function x(e){var t,n,l,d,m,p,b=Object(i.useDispatch)(),f=Object(s.a)(),v=r.a.useBasicFetch(!!e.id&&C.a.clip(e.id)),y=(null===(n=null===(t=v.data)||void 0===t?void 0:t.video)||void 0===n?void 0:n.id)||e.videoId,h=r.a.useBasicFetch(!!y&&N.a.video(y)),O=isNaN(e.startTime)?null===(l=null==v?void 0:v.data)||void 0===l?void 0:l.startTime:e.startTime,E=isNaN(e.endTime)?null===(d=null==v?void 0:v.data)||void 0===d?void 0:d.endTime:e.endTime;if(!e.id&&!e.videoId)return a.createElement(a.Fragment,null);var w=!(!h.data||e.id&&!v.data);return a.createElement(u.a,{title:P(e.id?"editPopupHeading":"createPopupHeading"),closePopup:e.closePopup,showLoadingSpinner:!w},a.createElement(j,{video:h.data,clip:{name:(null===(m=null==v?void 0:v.data)||void 0===m?void 0:m.name)||P("defaultClipName",{videoName:h.data.name}),description:null===(p=null==v?void 0:v.data)||void 0===p?void 0:p.description,startTime:O,endTime:E},saveClip:function(t){var n=function(n){f.success(P("success",{name:t.name})),o.a.logUserAction(Object.assign(Object.assign({},n),{videoId:y}),{actionType:e.id?c.o.Edit:c.o.Create,entity:c.d.Clip,location:c.j.Popup,workflowPhase:c.q.Complete})},a=function(){f.error(P("error"))},i=function(){e.closePopup()},l=e.id?C.a.updateClip(e.id,t,n,a,i):C.a.createClip(e.videoId,t,n,a,i);r.a.fetch(b,l)},onClickCancel:e.closePopup,allowInitialSubmit:!0}))}}}]);

package/dist/scripts/{17-b77671aa5d.chunk.js → 16-569bf66336.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[17],{1398:function(e,t,r){e.exports={textContainer:"swp8b",heading:"_3tcRm",description:"_1ABwp",imageContainer:"_2epaT"}},1476:function(e,t,r){"use strict";r.r(t),r.d(t,"ErrorView",(function(){return h}));var n=r(0),a=r(9),i=r(328),o=r(327),c=r(108),l=r(53),s=r(173),u=r(38),m=r(7),p=r(13),f=r(1398),d=r.n(f);function g(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 r=[],n=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(n=(o=c.next()).done)&&(r.push(o.value),!t||r.length!==t);n=!0);}catch(e){a=!0,i=e}finally{try{n||null==c.return||c.return()}finally{if(a)throw i}}return r}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return b(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return b(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 b(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function h(e){var t=e.error;Object(o.a)((null==t?void 0:t.heading)||a.a.getPhrase("default.error","defaultPageTitle"));var r=g(n.useState(i.a.getRandomInt(19)+1),1)[0],f=Object(s.a)(),b=f===u.a.SM||f===u.a.XS,h="/images/error-avatars/".concat(b?"small":"large","/error-").concat(r,".png");return t?n.createElement("main",{className:"bg-white text-center px-3"},n.createElement("div",{className:"".concat(d.a.imageContainer," mx-auto pb-3 position-relative")},n.createElement("img",{className:"img-fluid",alt:"",role:"presentation",src:h}),n.createElement("div",{className:d.a.textContainer},n.createElement("h1",{className:d.a.heading},t.heading),t.description&&n.createElement("p",{className:"font-weight-normal mx-auto mb-1 ".concat(d.a.description)},t.description),n.createElement(l.a,{appLink:{application:m.a.DASHBOARD,action:p.a.Dashboard.HOME},className:"info-link"},n.createElement(c.b,{namespace:"default.error",phrase:"countryRoads"}))))):n.createElement(n.Fragment,null)}}}]);
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[16],{1408:function(e,t,r){e.exports={textContainer:"swp8b",heading:"_3tcRm",description:"_1ABwp",imageContainer:"_2epaT"}},1482:function(e,t,r){"use strict";r.r(t),r.d(t,"ErrorView",(function(){return h}));var n=r(0),a=r(9),i=r(332),o=r(329),c=r(108),l=r(53),s=r(173),u=r(38),m=r(7),p=r(13),f=r(1408),d=r.n(f);function g(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 r=[],n=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(n=(o=c.next()).done)&&(r.push(o.value),!t||r.length!==t);n=!0);}catch(e){a=!0,i=e}finally{try{n||null==c.return||c.return()}finally{if(a)throw i}}return r}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return b(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return b(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 b(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function h(e){var t=e.error;Object(o.a)((null==t?void 0:t.heading)||a.a.getPhrase("default.error","defaultPageTitle"));var r=g(n.useState(i.a.getRandomInt(19)+1),1)[0],f=Object(s.a)(),b=f===u.a.SM||f===u.a.XS,h="/images/error-avatars/".concat(b?"small":"large","/error-").concat(r,".png");return t?n.createElement("main",{className:"bg-white text-center px-3"},n.createElement("div",{className:"".concat(d.a.imageContainer," mx-auto pb-3 position-relative")},n.createElement("img",{className:"img-fluid",alt:"",role:"presentation",src:h}),n.createElement("div",{className:d.a.textContainer},n.createElement("h1",{className:d.a.heading},t.heading),t.description&&n.createElement("p",{className:"font-weight-normal mx-auto mb-1 ".concat(d.a.description)},t.description),n.createElement(l.a,{appLink:{application:m.a.DASHBOARD,action:p.a.Dashboard.HOME},className:"info-link"},n.createElement(c.b,{namespace:"default.error",phrase:"countryRoads"}))))):n.createElement(n.Fragment,null)}}}]);

package/dist/scripts/{18-5ea1160e80.chunk.js → 17-1d324d912f.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[18],{1860:function(e,t,n){"use strict";n.r(t),n.d(t,"DialogView",(function(){return s}));var o=n(0),c=n(46),i=n(122),l=n(326);function s(e){var t=e.buttons.map((function(t){return{buttonText:t.text,className:t.className,onClick:function(){t.success?c.a.isFunction(e.onDone)&&e.onDone():c.a.isFunction(e.onFail)&&e.onFail(),e.closePopup()},type:t.type,close:t.close}}));return t=i.a.sortBy(t,"close"),o.createElement(l.a,{title:e.title,closePopup:e.closePopup},o.createElement("p",{dangerouslySetInnerHTML:{__html:e.text}}),o.createElement("div",{className:"d-flex justify-content-end border-top pt-3 px-3 mx-n3"},t.map((function(e,t){return o.createElement("button",{key:t,className:e.className,onClick:e.onClick,type:e.type},e.buttonText)}))))}}}]);
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[17],{1865:function(e,t,n){"use strict";n.r(t),n.d(t,"DialogView",(function(){return s}));var o=n(0),c=n(46),i=n(122),l=n(328);function s(e){var t=e.buttons.map((function(t){return{buttonText:t.text,className:t.className,onClick:function(){t.success?c.a.isFunction(e.onDone)&&e.onDone():c.a.isFunction(e.onFail)&&e.onFail(),e.closePopup()},type:t.type,close:t.close}}));return t=i.a.sortBy(t,"close"),o.createElement(l.a,{title:e.title,closePopup:e.closePopup},o.createElement("p",{dangerouslySetInnerHTML:{__html:e.text}}),o.createElement("div",{className:"d-flex justify-content-end border-top pt-3 px-3 mx-n3"},t.map((function(e,t){return o.createElement("button",{key:t,className:e.className,onClick:e.onClick,type:e.type},e.buttonText)}))))}}}]);

package/dist/scripts/{19-698980556a.chunk.js → 18-6d89e2f7e3.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[19],{1861:function(e,t,n){"use strict";n.r(t),n.d(t,"DevErrorView",(function(){return c}));var r=n(0),a=n(43),l=n(327);function c(e){var t=e.error;return Object(l.a)("Dev Error"),t?r.createElement("div",{className:"px-3"},r.createElement("h1",null,t.name),r.createElement(a.Alert,{variant:"danger"},r.createElement("h2",null,t.message)),r.createElement(a.Alert,{variant:"warning"},r.createElement("h3",null,"Call stack"),r.createElement("code",null,t.stack))):r.createElement(r.Fragment,null)}}}]);
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[18],{1866:function(e,t,n){"use strict";n.r(t),n.d(t,"DevErrorView",(function(){return c}));var r=n(0),a=n(43),l=n(329);function c(e){var t=e.error;return Object(l.a)("Dev Error"),t?r.createElement("div",{className:"px-3"},r.createElement("h1",null,t.name),r.createElement(a.Alert,{variant:"danger"},r.createElement("h2",null,t.message)),r.createElement(a.Alert,{variant:"warning"},r.createElement("h3",null,"Call stack"),r.createElement("code",null,t.stack))):r.createElement(r.Fragment,null)}}}]);