@clickview/lite 0.35.0 → 0.35.2-dev.0

package/dist/scripts/4436-2615b1ce10-lite.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[4436],{85048:(t,e,r)=>{r.r(e),r.d(e,{EditClipTimepointsView:()=>At});var n=r(32735),i=r(23481),o=r(81886),a=r(20354),u=r(28400),c=r(83345),l=r(95047),s=r(93264);const f={container:"xvpu6",timeInput:"vW_eV",controlsContainer:"A8cSJ",arrowContainer:"lFyGP",downArrow:"kuLky",upArrow:"_zBG5"};function p(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,i,o,a,u=[],c=!0,l=!1;try{if(o=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=o.call(r)).done)&&(u.push(n.value),u.length!==e);c=!0);}catch(t){l=!0,i=t}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(l)throw i}}return u}}(t,e)||function(t,e){if(t){if("string"==typeof t)return d(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?d(t,e):void 0}}(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 d(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}var y=38,h=40,m=/[^0-9]/g,v=/^0+/,b=":",g="00:00",T=6;function w(t){var e=function(t){var e=function(t){return s.T.ToDisplayDuration(1e3*t)},r=p(n.useState(e(t.value)),2),i=r[0],o=r[1];return n.useEffect((function(){o(e(t.value))}),[t.value]),[i,o]}(t),r=p(e,2),i=r[0],o=r[1];function a(){c(l.k.convertDurationToSeconds(i)+1)}function u(){c(l.k.convertDurationToSeconds(i)-1)}function c(e){e<0||t.maxValue&&e>t.maxValue||t.setTime(e)}return n.createElement("div",{className:"position-relative ".concat(f.container)},n.createElement("input",{className:"form-control form-control".concat("md"===t.formSize?"-md":"-lg"," ").concat(t.hasError?"is-invalid":""," text-center ").concat(f.timeInput," ").concat(t.hideButtons&&"px-2"),value:i,onChange:function(e){if(t.allowKeyboardInput){var r=function(t){var e=t.trim().replace(m,"").replace(v,"").slice(0,T);if(!e)return g;for(var r=e.split(""),n=[],i=r.length-1;i>=0;i--){var o=n.indexOf(b);(-1===o&&2===n.length||2===o)&&n.unshift(b),n.unshift(r[i])}return 1!==n.length&&1!==n.indexOf(b)||n.unshift("0"),2===n.length&&n.unshift("00",b),n.join("")}(e.target.value);if(r){var n=l.k.convertDurationToSeconds(r);t.maxValue&&n>t.maxValue||o(r)}}},onBlur:function(){t.allowKeyboardInput&&c(l.k.convertDurationToSeconds(i))},onKeyDown:function(t){t.keyCode===y&&a(),t.keyCode===h&&u()},disabled:t.disabled}),!t.hideButtons&&n.createElement("div",{className:f.controlsContainer},n.createElement("div",{className:f.arrowContainer,onClick:a},n.createElement("div",{className:f.upArrow})),n.createElement("div",{className:f.arrowContainer,onClick:u},n.createElement("div",{className:f.downArrow}))))}w.defaultProps={allowKeyboardInput:!0,size:"lg"};var S="shared.clipTimeForm",O=i.T.encloseNamespace(S);function P(t){if(isNaN(t.startTime)||isNaN(t.endTime))return n.createElement(n.Fragment,null);var e=Math.floor(t.endTime)-Math.floor(t.startTime);return n.createElement("div",{className:"px-3"},n.createElement("form",{className:"d-flex align-items-center justify-content-center pb-4"},n.createElement("div",null,n.createElement(w,{value:t.startTime,setTime:t.setStartTime})),n.createElement("span",{className:"px-2"},"-"),n.createElement("div",{className:"me-2"},n.createElement(w,{value:t.endTime,setTime:t.setEndTime})),n.createElement("span",null,n.createElement("strong",null,n.createElement(c.x,{namespace:S,phrase:"duration"}))," ",s.T.ToDisplayDuration(1e3*e))),n.createElement("div",{className:"d-flex justify-content-end"},n.createElement("button",{className:"btn btn-link",onClick:t.onCancel},O("cancel")),n.createElement("button",{className:"btn btn-dark",onClick:t.onSubmit},O("next"))))}var E=r(60051),C=r(43012),j=r(39151),_=r(47812),k=r(1575),R=r(89476),D=r(79612),x=r(89961),B=r(51482),A=r(93861);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},M(t)}function N(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,I(n.key),n)}}function I(t){var e=function(t,e){if("object"!=M(t)||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,"string");if("object"!=M(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==M(e)?e:String(e)}function L(){return L="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,r){var n=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=F(t)););return t}(t,e);if(n){var i=Object.getOwnPropertyDescriptor(n,e);return i.get?i.get.call(arguments.length<3?t:r):i.value}},L.apply(this,arguments)}function Z(t,e){return Z=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},Z(t,e)}function F(t){return F=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},F(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}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&Z(t,e)}(a,t);var e,r,n,i,o=(n=a,i=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}(),function(){var t,e=F(n);if(i){var r=F(this).constructor;t=Reflect.construct(e,arguments,r)}else t=e.apply(this,arguments);return function(t,e){if(e&&("object"===M(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(this,t)});function a(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,a),o.apply(this,arguments)}return e=a,(r=[{key:"buildCSSClass",value:function(){return"cv-clip-timepoint-handle ".concat(L(F(a.prototype),"buildCSSClass",this).call(this))}},{key:"createEl",value:function(t,e,r){return L(F(a.prototype),"createEl",this).call(this,t,Object.assign(Object.assign({},e),{className:this.buildCSSClass(),innerHTML:'<svg viewBox="0 0 5 14" pointer-events="none"><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>'}),r)}},{key:"isEventTarget",value:function(t){return this.el().contains(t.target)}}])&&N(e.prototype,r),Object.defineProperty(e,"prototype",{writable:!1}),a}(A.Z.getComponent("Component"));function V(t){return V="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},V(t)}function U(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,K(n.key),n)}}function K(t){var e=function(t,e){if("object"!=V(t)||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,"string");if("object"!=V(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==V(e)?e:String(e)}function z(){return z="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,r){var n=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=G(t)););return t}(t,e);if(n){var i=Object.getOwnPropertyDescriptor(n,e);return i.get?i.get.call(arguments.length<3?t:r):i.value}},z.apply(this,arguments)}function W(t,e){return W=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},W(t,e)}function G(t){return G=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},G(t)}var $=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}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&W(t,e)}(a,t);var e,r,n,i,o=(n=a,i=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}(),function(){var t,e=G(n);if(i){var r=G(this).constructor;t=Reflect.construct(e,arguments,r)}else t=e.apply(this,arguments);return function(t,e){if(e&&("object"===V(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(this,t)});function a(t,e){var r;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,a),(r=o.call(this,t,e)).dragStartActive=!1,r.dragEndActive=!1,r.dragSliderActive=!1,r.dragSliderCurrentPosition=null,r.minDuration=Math.min(t.duration(),r.options_.minDuration),r.setStartTime(e.startTime,!1),r.setEndTime(e.endTime,!1),r.startHandle=new H(r.player(),e),r.startHandle.addClass("cv-clip-start-handle"),r.addChild(r.startHandle),r.endHandle=new H(r.player(),e),r.endHandle.addClass("cv-clip-end-handle"),r.addChild(r.endHandle),r.on(r.player(),"update:clip:start:time",(function(t){var e=t.time;return r.setStartTime(e)})),r.on(r.player(),"update:clip:end:time",(function(t){var e=t.time;return r.setEndTime(e)})),r.bindListeners(),r.update(),r}return e=a,r=[{key:"createEl",value:function(){return z(G(a.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 r=this.hasStartTime()&&this.hasEndTime()&&this.endTime-this.startTime,n=this.player().duration()-this.minDuration;if(t>n&&(t=n),t<0&&(t=0),this.startTime=t,this.endTime&&this.endTime-this.startTime<this.minDuration){var i="number"==typeof r?this.startTime+r:this.startTime+this.minDuration;this.setEndTime(i)}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 r=this.hasStartTime()&&this.hasEndTime()&&this.endTime-this.startTime,n=this.minDuration;if(t<n&&(t=n),t>this.player().duration()&&(t=this.player().duration()),this.endTime=t,this.startTime&&this.endTime-this.startTime<this.minDuration){var i="number"==typeof r?this.endTime-r:this.endTime-this.minDuration;this.setStartTime(i)}e&&this.update()}}},{key:"bindListeners",value:function(){var t=this;this.onTimeupdate=this.onTimeupdate.bind(this),this.player().on("timeupdate",this.onTimeupdate),this.on("mousedown",this.dragStart),this.on("touchstart",this.dragStart),this.player().on("dispose",(function(){t.player().off("timeupdate",t.onTimeupdate),t.off("mousedown",t.dragStart),t.off("touchstart",t.dragStart)}))}},{key:"hasStartTime",value:function(){return"number"==typeof this.startTime}},{key:"hasEndTime",value:function(){return"number"==typeof this.endTime}},{key:"onTimeupdate",value:function(){var t=this.player().currentTime();t>this.endTime&&t<this.endTime+.5&&this.player().pause()}},{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)&&A.Z.dom.isSingleLeftClick(t)){var e=this.getPosition(t),r=e*this.player().duration();this.dragStartActive&&this.handleStartHandleDrag(r),this.dragEndActive&&this.handleEndHandleDrag(r),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(),r=this.startTime+e,n=this.endTime+e;r<=0||n>=this.player().duration()||(this.dragSliderCurrentPosition=t,this.setStartTime(r),this.setEndTime(n))}},{key:"getPosition",value:function(t){return A.Z.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)}}],r&&U(e.prototype,r),Object.defineProperty(e,"prototype",{writable:!1}),a}(A.Z.getComponent("Component"));function Q(t){return Q="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},Q(t)}function q(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,J(n.key),n)}}function J(t){var e=function(t,e){if("object"!=Q(t)||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,"string");if("object"!=Q(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==Q(e)?e:String(e)}function Y(){return Y="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,r){var n=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=tt(t)););return t}(t,e);if(n){var i=Object.getOwnPropertyDescriptor(n,e);return i.get?i.get.call(arguments.length<3?t:r):i.value}},Y.apply(this,arguments)}function X(t,e){return X=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},X(t,e)}function tt(t){return tt=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},tt(t)}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}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&X(t,e)}(a,t);var e,r,n,i,o=(n=a,i=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}(),function(){var t,e=tt(n);if(i){var r=tt(this).constructor;t=Reflect.construct(e,arguments,r)}else t=e.apply(this,arguments);return function(t,e){if(e&&("object"===Q(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(this,t)});function a(t,e){var r;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,a),(r=o.call(this,t,e)).seekBar_=e.seekBar,r.playProgressBar_=e.playProgressBar,r.bindListeners(),r.player_.one("dispose",(function(){r.unbindListeners()})),r}return e=a,(r=[{key:"createEl",value:function(t,e,r){return Y(tt(a.prototype),"createEl",this).call(this,t,Object.assign(Object.assign({},e),{className:"cv-create-clip-progress-indicator"}),r)}},{key:"bindListeners",value:function(){this.on("mousedown",this.handleMouseDown),this.on("touchstart",this.handleMouseDown)}},{key:"unbindListeners",value:function(){var t=this.el_.ownerDocument;this.off("mousedown",this.handleMouseDown),this.off("touchstart",this.handleMouseDown),this.off(t,"mousemove",this.handleMouseMove),this.off(t,"mouseup",this.handleMouseUp),this.off(t,"touchmove",this.handleMouseMove),this.off(t,"touchend",this.handleMouseUp)}},{key:"handleMouseDown",value:function(t){if(A.Z.dom.isSingleLeftClick(t)){t.stopPropagation(),"mousedown"===t.type&&t.preventDefault(),"touchstart"!==t.type||A.Z.browser.IS_CHROME||t.preventDefault(),this.player_.scrubbing(!0),this.videoWasPlaying_=!this.player_.paused(),this.player_.pause(),A.Z.dom.blockTextSelection();var e=this.el_.ownerDocument;this.on(e,"mousemove",this.handleMouseMove),this.on(e,"mouseup",this.handleMouseUp),this.on(e,"touchmove",this.handleMouseMove),this.on(e,"touchend",this.handleMouseUp),this.handleMouseMove(t),this.player_.addClass("cv-hide-mouse-time")}}},{key:"handleMouseMove",value:function(t){if(A.Z.dom.isSingleLeftClick(t)){var e=A.Z.dom.getPointerPosition(this.seekBar_.el_,t).x*this.player_.duration();e===this.player_.duration()&&(e-=.1),this.player_.currentTime(e),this.playProgressBar_.update()}}},{key:"handleMouseUp",value:function(t){A.Z.dom.unblockTextSelection();var e=this.el_.ownerDocument;this.off(e,"mousemove",this.handleMouseMove),this.off(e,"mouseup",this.handleMouseUp),this.off(e,"touchmove",this.handleMouseMove),this.off(e,"touchend",this.handleMouseUp),null==t||t.stopPropagation(),this.player_.scrubbing(!1),this.player_.trigger({type:"timeupdate",target:this,manuallyTriggered:!0}),this.videoWasPlaying_&&this.player_.play(),this.seekBar_.update(),this.player_.removeClass("cv-hide-mouse-time")}}])&&q(e.prototype,r),Object.defineProperty(e,"prototype",{writable:!1}),a}(A.Z.getComponent("Component"));function rt(t){return rt="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},rt(t)}function nt(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,it(n.key),n)}}function it(t){var e=function(t,e){if("object"!=rt(t)||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,"string");if("object"!=rt(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==rt(e)?e:String(e)}function ot(t,e){return ot=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},ot(t,e)}function at(t){return at=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},at(t)}A.Z.registerComponent("CreateClipProgressIndicator",et);var ut=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}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&ot(t,e)}(a,t);var e,r,n,i,o=(n=a,i=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}(),function(){var t,e=at(n);if(i){var r=at(this).constructor;t=Reflect.construct(e,arguments,r)}else t=e.apply(this,arguments);return function(t,e){if(e&&("object"===rt(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(this,t)});function a(t,e){var r;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,a),(r=o.call(this,t,e)).addClass("cv-create-clip-seek-bar"),r}return e=a,(r=[{key:"initialize",value:function(t){var e=new $(this.player(),t);this.addChild(e);var r=this.getChild("playProgressBar"),n=new et(this.player_,{seekBar:this,playProgressBar:r});r.addChild(n)}}])&&nt(e.prototype,r),Object.defineProperty(e,"prototype",{writable:!1}),a}(A.Z.getComponent("SeekBar"));function ct(t){return ct="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},ct(t)}function lt(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,st(n.key),n)}}function st(t){var e=function(t,e){if("object"!=ct(t)||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,"string");if("object"!=ct(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==ct(e)?e:String(e)}function ft(){return ft="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,r){var n=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=yt(t)););return t}(t,e);if(n){var i=Object.getOwnPropertyDescriptor(n,e);return i.get?i.get.call(arguments.length<3?t:r):i.value}},ft.apply(this,arguments)}function pt(t,e){return pt=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},pt(t,e)}function dt(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function yt(t){return yt=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},yt(t)}ut.prototype.options_={children:["playProgressBar"],barName:"playProgressBar"},A.Z.browser.IS_IOS||A.Z.browser.IS_ANDROID||ut.prototype.options_.children.splice(1,0,"mouseTimeDisplay"),A.Z.registerComponent("CreateClipSeekBar",ut);var ht=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}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&pt(t,e)}(a,t);var e,r,n,i,o=(n=a,i=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}(),function(){var t,e=yt(n);if(i){var r=yt(this).constructor;t=Reflect.construct(e,arguments,r)}else t=e.apply(this,arguments);return function(t,e){if(e&&("object"===ct(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return dt(t)}(this,t)});function a(t,e){var r;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,a),(r=o.call(this,t,e)).options=e,r.initCreateClipSeekBar=r.initCreateClipSeekBar.bind(dt(r)),r.player.one("loadedmetadata",(function(){return r.player.ready(r.initCreateClipSeekBar)})),r}return e=a,(r=[{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 r=!isNaN(this.options.startTime)&&this.options.startTime>=0?this.options.startTime:0,n=!isNaN(this.options.endTime)&&this.options.endTime<=this.player.duration()?this.options.endTime:this.player.duration(),i=Math.min(this.options.minDuration||5,this.player.duration());e.initialize({startTime:r,endTime:n,minDuration:i,onChangeStartTime:this.options.onChangeStartTime,onChangeEndTime:this.options.onChangeEndTime})}}},{key:"dispose",value:function(){this.player.off("loadedmetadata",this.initCreateClipSeekBar),ft(yt(a.prototype),"dispose",this).call(this)}}])&&lt(e.prototype,r),Object.defineProperty(e,"prototype",{writable:!1}),a}(A.Z.getPlugin("plugin"));function mt(t){return mt="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},mt(t)}function vt(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,bt(n.key),n)}}function bt(t){var e=function(t,e){if("object"!=mt(t)||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,"string");if("object"!=mt(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==mt(e)?e:String(e)}function gt(){return gt="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,r){var n=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=wt(t)););return t}(t,e);if(n){var i=Object.getOwnPropertyDescriptor(n,e);return i.get?i.get.call(arguments.length<3?t:r):i.value}},gt.apply(this,arguments)}function Tt(t,e){return Tt=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},Tt(t,e)}function wt(t){return wt=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},wt(t)}A.Z.registerPlugin("createClipPlugin",ht);var St=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}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&Tt(t,e)}(a,t);var e,r,n,i,o=(n=a,i=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}(),function(){var t,e=wt(n);if(i){var r=wt(this).constructor;t=Reflect.construct(e,arguments,r)}else t=e.apply(this,arguments);return function(t,e){if(e&&("object"===mt(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(this,t)});function a(t,e){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,a),o.call(this,t,Object.assign(Object.assign({},e),{playbackRates:null,enableLocalCache:!1}))}return e=a,(r=[{key:"getPlayerClassName",value:function(){return"cv-create-clip-player"}},{key:"configurePlugins",value:function(){var t=this.options,e=t.startTime,r=t.endTime,n=t.minDuration,i=t.onChangeStartTime,o=t.onChangeEndTime;this.player.createClipPlugin({startTime:e,endTime:r,minDuration:n,onChangeStartTime:i,onChangeEndTime:o})}},{key:"getPlayerOptions",value:function(){var t=gt(wt(a.prototype),"getPlayerOptions",this).call(this);return t.inactivityTimeout=0,t}},{key:"getSeekBarName",value:function(){return"CreateClipSeekBar"}},{key:"getAnalyticsPlayerType",value:function(){return"create-clip-player"}}])&&vt(e.prototype,r),Object.defineProperty(e,"prototype",{writable:!1}),a}(B.r),Ot=r(63816);function Pt(t){var e=t.onReady,r=t.onDispose,i=n.useRef(),o=n.useRef();return n.useEffect((function(){var n;if(null===(n=o.current)||void 0===n||n.dispose(),i)return o.current=new St(i.current,t),e&&o.current.ready((function(){e((0,Ot.G)(o.current))})),r&&o.current.one("dispose",r),function(){var t;null===(t=o.current)||void 0===t||t.dispose()}}),[t.viewKey]),n.useEffect((function(){var e;null===(e=o.current)||void 0===e||e.trigger({type:"update:clip:start:time",time:t.startTime})}),[t.startTime]),n.useEffect((function(){var e;null===(e=o.current)||void 0===e||e.trigger({type:"update:clip:end:time",time:t.endTime})}),[t.endTime]),n.createElement("div",{ref:i})}var Et=r(14070),Ct=r(97291);function jt(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,i,o,a,u=[],c=!0,l=!1;try{if(o=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=o.call(r)).done)&&(u.push(n.value),u.length!==e);c=!0);}catch(t){l=!0,i=t}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(l)throw i}}return u}}(t,e)||function(t,e){if(t){if("string"==typeof t)return _t(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_t(t,e):void 0}}(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 _t(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}var kt="edit-clip-timepoints",Rt="shared.editClipTimepoints",Dt=i.T.encloseNamespace(Rt),xt=30,Bt=5;function At(t){var e,r,c,l=n.useRef(),s=t.startTime||0,f=jt(n.useState(s),2),p=f[0],d=f[1],y=jt(n.useState(s+xt),2),h=y[0],m=y[1],v=a.a.useBasicFetch(j.L.config()),b=a.a.useBasicFetch(!!t.id&&C.e.clip(t.id)),g=(null===(r=null===(e=b.data)||void 0===e?void 0:e._parentVideo)||void 0===r?void 0:r.id)||t.videoId,T=a.a.useBasicFetch(!!g&&_.k.createViewKey(g,E.f.MasterObject)),w=a.a.useBasicFetch(!!g&&k.R.video(g)),S=(0,R.f)();return(0,D.M)({title:t.id?null===(c=b.data)||void 0===c?void 0:c.name:Dt("pageTitle")}),n.useEffect((function(){S.lock({id:kt,title:i.T.getPhrase(Rt,"navLockTitle"),text:i.T.getPhrase(Rt,"navLockBody")})}),[]),n.useEffect((function(){b.data&&(d(b.data.startTime),m(b.data.endTime))}),[b.data]),t.id||t.videoId?n.createElement("div",{className:"px-3"},!!v.data&&!!T.data&&!!w.data&&(!t.id||!!b.data)&&n.createElement("div",{className:"pb-3"},n.createElement("div",{className:"mb-3"},n.createElement(Pt,{onReady:function(t){l.current=t},playerApi:new URL(v.data.playerApiUrl),viewKey:T.data.viewKey,startTime:p,endTime:h,onChangeStartTime:d,onChangeEndTime:m,minDuration:Bt,autoplay:!0})),n.createElement(P,{startTime:p,endTime:h,setStartTime:d,setEndTime:m,onSubmit:function(){var e="";p>h&&(e=Dt("startTimeGreaterThanEndTime")),h-p<Bt&&(e=Dt("tooShort",{minDuration:Bt})),e?function(t){x.M.render(n.createElement("p",null,t),{title:Dt("errorHeading"),cancelButtonProps:{variant:"link",text:Dt("close")}})}(e):(S.unlock(kt),o.Q.C$.trigger({application:Ct.O.CLIPS,action:t.id?Et.e.Clips.EDIT_CLIP_DETAILS:Et.e.Clips.CREATE_CLIP_DETAILS,args:t.id?[t.id]:[t.videoId],params:{startTime:p,endTime:h,isCopying:t.isCopying}}))},onCancel:function(){var t,e,r,n,i=null!==(e=null===(t=l.current)||void 0===t?void 0:t.currentTime())&&void 0!==e?e:0;o.Q.C$.trigger({application:Ct.O.VIDEOS,action:Et.e.Videos.PLAY_VIDEO,args:[null===(r=w.data)||void 0===r?void 0:r.id,u.m.slugify(null===(n=w.data)||void 0===n?void 0:n.name)],params:{t:i}})}}))):n.createElement(n.Fragment,null)}}}]);