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

package/dist/scripts/9-bd9a35a3d5.chunk.js

@@ -1 +0,0 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[9],{1182:function(e,t,i){"use strict";i.d(t,"a",(function(){return r}));var a=i(27);const r={createViewKey:e=>({url:"/api/player/create-view-key",key:"view:key:"+e,type:a.a.POST,data:{mediaId:e.toString()}})}},1205:function(e,t,i){"use strict";i.d(t,"a",(function(){return r}));var a=i(27),r={clip:function(e){return{key:"clip:".concat(e),url:"/api/domain/v2/objects/".concat(e,"?query=video[thumbnail],owner")}},createClip:function(e,t,i,r,n){return{key:"create:clip",url:"/api/domain/v2/objects/".concat(e,"/clips"),data:t,type:a.a.POST,success:i,error:r,always:n}},updateClip:function(e,t,i,r,n){return{key:"clip:".concat(e),url:"/api/domain/v2/objects/".concat(e),data:t,type:a.a.PUT,success:i,error:r,always:n}},deleteClip:function(e,t,i,r,n){return{key:"clip:".concat(e),url:"/api/domain/v2/objects/".concat(e),type:a.a.DELETE,invalidationKeys:["videos:".concat(t)],success:i,error:r,always:n}}}},1586:function(e,t,i){},1587:function(e,t,i){},1588:function(e,t,i){e.exports={timeInput:"_3f1zC",controlsContainer:"_3zQGP",arrowContainer:"_3wgxR",upArrow:"_2qIEU",downArrow:"_3Gl3V"}},1668:function(e,t,i){"use strict";i.r(t);var a=i(0),r=i.n(a),n=i(19),s=i(106),o=i(2),l=i(9),d=i(315),c=i(1182),m=i(145),u=i(497),h=i(339),p=i(6);const g=p.a.getComponent("Component");class v extends g{buildCSSClass(){return"cv-clip-timepoint-handle "+super.buildCSSClass()}createEl(e,t,i){return super.createEl(e,Object.assign(Object.assign({},t),{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>'}),i)}isEventTarget(e){return this.el().contains(e.target)}}i(1586);const T=p.a.getComponent("Component");class y extends T{constructor(e,t){super(e,t),this.dragStartActive=!1,this.dragEndActive=!1,this.dragSliderActive=!1,this.dragSliderCurrentPosition=null,this.minDuration=Math.min(e.duration(),this.options_.minDuration),this.setStartTime(t.startTime,!1),this.setEndTime(t.endTime,!1),this.startHandle=new v(this.player(),t),this.startHandle.addClass("cv-clip-start-handle"),this.addChild(this.startHandle),this.endHandle=new v(this.player(),t),this.endHandle.addClass("cv-clip-end-handle"),this.addChild(this.endHandle),this.on(this.player(),"update:clip:start:time",({time:e})=>this.setStartTime(e)),this.on(this.player(),"update:clip:end:time",({time:e})=>this.setEndTime(e)),this.bindDragListeners(),this.update()}createEl(){return super.createEl("div",{className:"cv-clip-timepoint-selector"},{})}update(){this.options_.onChangeStartTime(this.startTime),this.options_.onChangeEndTime(this.endTime),this.requestAnimationFrame(()=>{this.setStartOffset(),this.setWidth()})}setStartTime(e,t=!0){if(isNaN(e))return;const i=(this.endTime||this.player().duration())-this.minDuration;e>i&&(e=i),e<0&&(e=0),this.startTime=e,this.endTime&&this.endTime-this.startTime<this.minDuration&&this.setEndTime(this.startTime+this.minDuration),this.player().currentTime(this.startTime),t&&this.update()}setEndTime(e,t=!0){if(isNaN(e))return;const i=(this.startTime||0)+this.minDuration;e<i&&(e=i),e>this.player().duration()&&(e=this.player().duration()),this.endTime=e,this.startTime&&this.endTime-this.startTime<this.minDuration&&this.setStartTime(this.endTime-this.minDuration),t&&this.update()}bindDragListeners(){this.dragStart=this.dragStart.bind(this),this.dragEnd=this.dragEnd.bind(this),this.drag=this.drag.bind(this);const e=e=>{const t={passive:!0};e.addEventListener("touchstart",this.dragStart,t),e.addEventListener("touchend",this.dragEnd,t),e.addEventListener("touchmove",this.drag,t),e.addEventListener("mousedown",this.dragStart,t),e.addEventListener("mouseup",this.dragEnd,t),e.addEventListener("mousemove",this.drag,t),this.player().on("dispose",()=>{e.removeEventListener("touchstart",this.dragStart),e.removeEventListener("touchend",this.dragEnd),e.removeEventListener("touchmove",this.drag),e.removeEventListener("mousedown",this.dragStart),e.removeEventListener("mouseup",this.dragEnd),e.removeEventListener("mousemove",this.drag)})};e(this.player().controlBar.el()),e(this.el())}dragStart(e){this.startHandle.isEventTarget(e)&&(e.stopImmediatePropagation(),this.dragStartActive=!0),this.endHandle.isEventTarget(e)&&(e.stopImmediatePropagation(),this.dragEndActive=!0),e.target===this.el()&&(e.stopImmediatePropagation(),this.dragSliderActive=!0,this.dragSliderCurrentPosition=this.getPosition(e))}dragEnd(){this.setStartTime(Math.floor(this.startTime)),this.setEndTime(Math.ceil(this.endTime)),this.dragStartActive=!1,this.dragEndActive=!1,this.dragSliderActive=!1,this.dragSliderCurrentPosition=null}drag(e){if(!this.dragStartActive&&!this.dragEndActive&&!this.dragSliderActive||!p.a.dom.isSingleLeftClick(e))return;const t=this.getPosition(e),i=t*this.player().duration();this.dragStartActive&&this.handleStartHandleDrag(i),this.dragEndActive&&this.handleEndHandleDrag(i),this.dragSliderActive&&this.handleSliderDrag(t)}handleStartHandleDrag(e){this.setStartTime(e)}handleEndHandleDrag(e){this.setEndTime(e)}handleSliderDrag(e){const t=(e-this.dragSliderCurrentPosition)*this.player().duration(),i=this.startTime+t,a=this.endTime+t;i<=0||a>=this.player().duration()||(this.dragSliderCurrentPosition=e,this.setStartTime(i),this.setEndTime(a))}getPosition(e){return p.a.dom.getPointerPosition(this.el_.parentNode,e).x}setStartOffset(){this.el_.style.marginLeft=this.getPercentage(this.startTime)+"%"}setWidth(){this.el_.style.width=this.getPercentage(this.endTime-this.startTime)+"%"}getPercentage(e){return+(e/this.player().duration()*100).toFixed(4)}}i(1587);const E=p.a.getComponent("SeekBar");class f extends E{constructor(e,t){super(e,t),this.addClass("cv-create-clip-seek-bar")}initialize(e){const t=new y(this.player(),e);this.addChild(t)}}f.prototype.options_={children:["playProgressBar"],barName:"playProgressBar"},p.a.browser.IS_IOS||p.a.browser.IS_ANDROID||f.prototype.options_.children.splice(1,0,"mouseTimeDisplay"),p.a.registerComponent("CreateClipSeekBar",f);const C=p.a.getPlugin("plugin");p.a.registerPlugin("createClipPlugin",class extends C{constructor(e,t){super(e,t),this.options=t,this.initCreateClipSeekBar=this.initCreateClipSeekBar.bind(this),this.player.on("loadedmetadata",()=>this.player.ready(this.initCreateClipSeekBar))}initCreateClipSeekBar(){var e;const t=null===(e=this.player.controlBar.getChild("ProgressControl"))||void 0===e?void 0:e.getChild("SeekBar");if(!t)return;const i=!isNaN(this.options.startTime)&&this.options.startTime>=0?this.options.startTime:0,a=!isNaN(this.options.endTime)&&this.options.endTime<=this.player.duration()?this.options.endTime:this.player.duration(),r=Math.min(this.options.minDuration||3,this.player.duration());t.initialize({startTime:i,endTime:a,minDuration:r,onChangeStartTime:this.options.onChangeStartTime,onChangeEndTime:this.options.onChangeEndTime})}dispose(){this.player.off("loadedmetadata",this.initCreateClipSeekBar)}});class S extends h.a{constructor(e,t){super(e,Object.assign(Object.assign({},t),{playbackRates:null,enableLocalCache:!1}))}getPlayerClassName(){return"cv-create-clip-player"}configurePlugins(){const{startTime:e,endTime:t,minDuration:i,onChangeStartTime:a,onChangeEndTime:r}=this.options;this.player.createClipPlugin({startTime:e,endTime:t,minDuration:i,onChangeStartTime:a,onChangeEndTime:r})}getSeekBarName(){return"CreateClipSeekBar"}}function b(e){const t=r.a.useRef(),i=r.a.useRef();return r.a.useEffect(()=>{i.current=new S(t.current,e)},[]),r.a.useEffect(()=>{var t;null===(t=i.current)||void 0===t||t.trigger({type:"update:clip:start:time",time:e.startTime})},[e.startTime]),r.a.useEffect(()=>{var t;null===(t=i.current)||void 0===t||t.trigger({type:"update:clip:end:time",time:e.endTime})},[e.endTime]),r.a.createElement("div",{ref:t})}var w=i(76),D=i(329),A=i(1588),N=l.a.encloseNamespace("shared.clipTimeForm");function k(e){return a.createElement("div",{className:"position-relative"},a.createElement("input",{className:"form-control text-center ".concat(A.timeInput),value:D.a.ToDisplayDuration(1e3*e.value),onChange:function(){}}),a.createElement("div",{className:A.controlsContainer},a.createElement("div",{className:A.arrowContainer,onClick:function(){return e.setTime(e.value+1)}},a.createElement("div",{className:A.upArrow})),a.createElement("div",{className:A.arrowContainer,onClick:function(){return e.setTime(e.value-1)}},a.createElement("div",{className:A.downArrow}))))}function P(e){return a.createElement("div",null,a.createElement("form",{className:"form-inline justify-content-center pb-5"},a.createElement("div",{className:"form-group"},a.createElement(k,{value:e.startTime,setTime:e.setStartTime})),a.createElement("span",{className:"px-2"},"-"),a.createElement("div",{className:"form-group mr-2"},a.createElement(k,{value:e.endTime,setTime:e.setEndTime})),a.createElement("span",null,a.createElement("strong",null,"Duration:")," ",D.a.ToDisplayDuration(1e3*(e.endTime-e.startTime)))),a.createElement("div",{className:"d-flex justify-content-end"},a.createElement("button",{className:"btn btn-link",onClick:e.onCancel},N("cancel")),a.createElement("button",{className:"btn btn-primary",onClick:e.onSubmit},N("next"))))}var L=i(7),_=i(13),x=i(1205),O=i(323);function I(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 i=[],a=!0,r=!1,n=void 0;try{for(var s,o=e[Symbol.iterator]();!(a=(s=o.next()).done)&&(i.push(s.value),!t||i.length!==t);a=!0);}catch(e){r=!0,n=e}finally{try{a||null==o.return||o.return()}finally{if(r)throw n}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return B(e,t);var i=Object.prototype.toString.call(e).slice(8,-1);"Object"===i&&e.constructor&&(i=e.constructor.name);if("Map"===i||"Set"===i)return Array.from(e);if("Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i))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 i=0,a=new Array(t);i<t;i++)a[i]=e[i];return a}i.d(t,"EditClipTimepointsView",(function(){return H}));var F=l.a.encloseNamespace("shared.editClipTimepoints");function H(e){var t,i,r,l,h,p=I(Object(s.a)(w.a.WEB_PLAYER_DATA),2),g=p[0],v=p[1],T=e.startTime||(null===(i=null===(t=null==g?void 0:g.playerRef)||void 0===t?void 0:t.current)||void 0===i?void 0:i.currentTime())||0,y=I(a.useState(T),2),E=y[0],f=y[1],C=I(a.useState(e.startTime+30),2),S=C[0],D=C[1],A=n.a.useBasicFetch(m.a.config()),N=n.a.useBasicFetch(!!e.id&&x.a.clip(e.id)),k=(null===(l=null===(r=N.data)||void 0===r?void 0:r.video)||void 0===l?void 0:l.id)||e.videoId,B=n.a.useBasicFetch(!!k&&c.a.createViewKey(k)),H=n.a.useBasicFetch(!!k&&O.a.video(k));return Object(d.a)(e.id?null===(h=N.data)||void 0===h?void 0:h.name:H.data&&F("defaultClipName",{videoName:H.data.name})),a.useEffect((function(){v("allowFloatingPlayer",!1)}),[]),a.useEffect((function(){N.data&&(f(N.data.startTime),D(N.data.endTime))}),[N.data]),e.id||e.videoId?a.createElement(a.Fragment,null,!!A.data&&!!B.data&&!!H.data&&(!e.id||!!N.data)&&a.createElement("div",{className:"pb-3"},a.createElement("div",{className:"mb-3"},a.createElement(b,{playerApi:new URL(A.data.playerApiUrl),viewKey:B.data.viewKey,startTime:E,endTime:S,onChangeStartTime:f,onChangeEndTime:D,minDuration:5,autoplay:!0})),a.createElement(P,{startTime:Math.floor(E),endTime:Math.ceil(S),setStartTime:f,setEndTime:D,onSubmit:function(){var t="";E>S&&(t=F("startTimeGreaterThanEndTime")),S-E<5&&(t=F("tooShort",{minDuration:5})),t?function(e){u.a.render(a.createElement("p",null,e),{title:F("errorHeading"),buttons:[{variant:"link",buttonText:F("close")}]})}(t):o.a.AppLinkHelper.trigger({application:L.a.DEFAULT,action:e.id?_.a.Default.EDIT_CLIP_DETAILS:_.a.Default.CREATE_CLIP_DETAILS,args:e.id?[e.id]:[e.videoId],params:{startTime:E,endTime:S}})},onCancel:function(){var e,t;o.a.AppLinkHelper.trigger({application:L.a.DEFAULT,action:_.a.Default.PLAY_VIDEO,args:[null===(e=H.data)||void 0===e?void 0:e.id,null===(t=H.data)||void 0===t?void 0:t.name]})}}))):a.createElement(a.Fragment,null)}}}]);