@clickview/lite 0.0.39-rc.1 → 0.0.39

package/dist/scripts/{22-ae2794b261-lite.chunk.js → 22-4b86275d85-lite.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[22],{1069:function(t,e,n){"use strict";n.d(e,"a",(function(){return i}));var r=n(15),i={createViewKey:function(t,e,n){var i={mediaId:t.toString(),mediaIdType:e};return n&&(i.shareContextId=n),{url:"/api/player/create-view-key",key:"view:key:".concat(t,":").concat(e),type:r.a.POST,data:i,expiryTime:1/0}}}},1070:function(t,e,n){"use strict";var r;n.d(e,"a",(function(){return r})),function(t){t.Share="share",t.MasterObject="masterobject"}(r||(r={}))},1084:function(t,e,n){"use strict";n.d(e,"a",(function(){return o}));var r=n(3),i=function(t,e,n){var r=e-(t=t.toString()).length;return r<=0?t:new Array(r+1).join(n)+t},o={ToDisplayDuration:function(t){if(!r.isNumber(t))return"";var e=new Date(t),n=e.getUTCHours(),o=i(e.getUTCMinutes(),2,"0"),a=i(e.getUTCSeconds(),2,"0");return n>0?"".concat(n,":").concat(o,":").concat(a):"".concat(o,":").concat(a)}}},1689:function(t,e,n){},1690:function(t,e,n){},1691:function(t,e,n){t.exports={timeInput:"_3f1zC",controlsContainer:"_3zQGP",arrowContainer:"_3wgxR",upArrow:"_2qIEU",downArrow:"_3Gl3V"}},1919:function(t,e,n){"use strict";n.r(e);var r=n(0),i=n.n(r),o=n(11),a=n(76),c=n(4),u=n(9),l=n(348),s=n(1069),f=n(114),p=n(363),d=n(374),m=n(1);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=C(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 Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=C(t);if(e){var i=C(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 C(t){return(C=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var E=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(C(o.prototype),"buildCSSClass",this).call(this))}},{key:"createEl",value:function(t,e,n){return g(C(o.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>'}),n)}},{key:"isEventTarget",value:function(t){return this.el().contains(t.target)}}])&&v(e.prototype,n),r&&v(e,r),o}(E);n(1689);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=D(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 Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=D(t);if(e){var i=D(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return R(this,n)}}function R(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 D(t){return(D=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(D(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(1690);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 B(t,e){return(B=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function I(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 Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(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&&B(t,e)}(o,t);var e,n,r,i=I(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,n){return(V="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=q(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 z(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 Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=q(t);if(e){var i=q(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return G(this,n)}}function G(t,e){return!e||"object"!==M(e)&&"function"!=typeof e?W(t):e}function W(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function q(t){return(q=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 J=m.a.getPlugin("plugin"),Y=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=z(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(W(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||5,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),V(q(o.prototype),"dispose",this).call(this)}}])&&U(e.prototype,n),r&&U(e,r),o}(J);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})(t)}function $(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 X(t,e){return(X=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Z(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 Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=et(t);if(e){var i=et(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return tt(this,n)}}function tt(t,e){return!e||"object"!==Q(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 et(t){return(et=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}m.a.registerPlugin("createClipPlugin",Y);var nt=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&&X(t,e)}(o,t);var e,n,r,i=Z(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"}},{key:"getAnalyticsPlayerType",value:function(){return"create-clip-player"}}])&&$(e.prototype,n),r&&$(e,r),o}(d.a);function rt(t){var e=i.a.useRef(),n=i.a.useRef();return i.a.useEffect((function(){n.current=new nt(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 it=n(49),ot=n(1084),at=n(234),ct=n(1691),ut=u.a.encloseNamespace("shared.clipTimeForm");function lt(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 form-control-lg text-center ".concat(ct.timeInput),value:ot.a.ToDisplayDuration(1e3*t.value),onChange:function(){},onKeyDown:function(t){38===t.keyCode&&e(),40===t.keyCode&&n()}}),r.createElement("div",{className:ct.controlsContainer},r.createElement("div",{className:ct.arrowContainer,onClick:e},r.createElement("div",{className:ct.upArrow})),r.createElement("div",{className:ct.arrowContainer,onClick:n},r.createElement("div",{className:ct.downArrow}))))}function st(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",{className:"px-3"},r.createElement("form",{className:"form-inline justify-content-center pb-4"},r.createElement("div",{className:"form-group"},r.createElement(lt,{value:t.startTime,setTime:t.setStartTime})),r.createElement("span",{className:"px-2"},"-"),r.createElement("div",{className:"form-group mr-2"},r.createElement(lt,{value:t.endTime,setTime:t.setEndTime})),r.createElement("span",null,r.createElement("strong",null,r.createElement(at.b,{namespace:"shared.clipTimeForm",phrase:"duration"}))," ",ot.a.ToDisplayDuration(1e3*e))),r.createElement("div",{className:"d-flex justify-content-end"},r.createElement("button",{className:"btn btn-link",onClick:t.onCancel},ut("cancel")),r.createElement("button",{className:"btn btn-dark",onClick:t.onSubmit},ut("next"))))}var ft=n(6),pt=n(8),dt=n(245),mt=n(185),yt=n(362),ht=n(1070);function vt(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 gt(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 gt(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 gt(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 Tt}));var bt=u.a.encloseNamespace("shared.editClipTimepoints");function Tt(t){var e,n,i,d,m=vt(Object(a.a)(it.a.WEB_PLAYER_DATA),2),y=m[0],h=m[1],v=t.startTime||(null===(e=null==y?void 0:y.playerRef)||void 0===e?void 0:e.currentTime())||0,g=vt(r.useState(v),2),b=g[0],T=g[1],S=vt(r.useState(v+30),2),C=S[0],E=S[1],w=o.a.useBasicFetch(f.a.config()),O=o.a.useBasicFetch(!!t.id&&dt.a.clip(t.id)),P=(null===(i=null===(n=O.data)||void 0===n?void 0:n.video)||void 0===i?void 0:i.id)||t.videoId,k=o.a.useBasicFetch(!!P&&s.a.createViewKey(P,ht.a.MasterObject)),_=o.a.useBasicFetch(!!P&&mt.a.video(P)),j=Object(yt.a)();return Object(l.a)(t.id?null===(d=O.data)||void 0===d?void 0:d.name:bt("pageTitle")),r.useEffect((function(){h("allowFloatingPlayer",!1),j.lock({id:"edit-clip-timepoints",title:u.a.getPhrase("shared.editClipTimepoints","navLockTitle"),text:u.a.getPhrase("shared.editClipTimepoints","navLockBody")})}),[]),r.useEffect((function(){O.data&&(T(O.data.startTime),E(O.data.endTime))}),[O.data]),t.id||t.videoId?r.createElement("div",{className:"px-3"},!!w.data&&!!k.data&&!!_.data&&(!t.id||!!O.data)&&r.createElement("div",{className:"pb-3"},r.createElement("div",{className:"mb-3"},r.createElement(rt,{playerApi:new URL(w.data.playerApiUrl),viewKey:k.data.viewKey,startTime:b,endTime:C,onChangeStartTime:T,onChangeEndTime:E,minDuration:5,autoplay:!0})),r.createElement(st,{startTime:b,endTime:C,setStartTime:T,setEndTime:E,onSubmit:function(){var e="";b>C&&(e=bt("startTimeGreaterThanEndTime")),C-b<5&&(e=bt("tooShort",{minDuration:5})),e?function(t){p.a.render(r.createElement("p",null,t),{title:bt("errorHeading"),buttons:[{variant:"link",buttonText:bt("close")}]})}(e):(j.unlock("edit-clip-timepoints"),c.a.AppLinkHelper.trigger({application:ft.a.DEFAULT,action:t.id?pt.a.Default.EDIT_CLIP_DETAILS:pt.a.Default.CREATE_CLIP_DETAILS,args:t.id?[t.id]:[t.videoId],params:{startTime:b,endTime:C}}))},onCancel:function(){var t,e;c.a.AppLinkHelper.trigger({application:ft.a.DEFAULT,action:pt.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)}}}]);
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[22],{1069:function(t,e,n){"use strict";n.d(e,"a",(function(){return i}));var r=n(15),i={createViewKey:function(t,e,n){var i={mediaId:t.toString(),mediaIdType:e};return n&&(i.shareContextId=n),{url:"/api/player/create-view-key",key:"view:key:".concat(t,":").concat(e),type:r.a.POST,data:i,expiryTime:1/0}}}},1070:function(t,e,n){"use strict";var r;n.d(e,"a",(function(){return r})),function(t){t.Share="share",t.MasterObject="masterobject"}(r||(r={}))},1084:function(t,e,n){"use strict";n.d(e,"a",(function(){return o}));var r=n(3),i=function(t,e,n){var r=e-(t=t.toString()).length;return r<=0?t:new Array(r+1).join(n)+t},o={ToDisplayDuration:function(t){if(!r.isNumber(t))return"";var e=new Date(t),n=e.getUTCHours(),o=i(e.getUTCMinutes(),2,"0"),a=i(e.getUTCSeconds(),2,"0");return n>0?"".concat(n,":").concat(o,":").concat(a):"".concat(o,":").concat(a)}}},1689:function(t,e,n){},1690:function(t,e,n){},1691:function(t,e,n){t.exports={timeInput:"_3f1zC",controlsContainer:"_3zQGP",arrowContainer:"_3wgxR",upArrow:"_2qIEU",downArrow:"_3Gl3V"}},1919:function(t,e,n){"use strict";n.r(e);var r=n(0),i=n.n(r),o=n(11),a=n(76),c=n(4),u=n(9),l=n(348),s=n(1069),f=n(114),p=n(363),d=n(374),m=n(1);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=C(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 Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=C(t);if(e){var i=C(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 C(t){return(C=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var E=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(C(o.prototype),"buildCSSClass",this).call(this))}},{key:"createEl",value:function(t,e,n){return g(C(o.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>'}),n)}},{key:"isEventTarget",value:function(t){return this.el().contains(t.target)}}])&&v(e.prototype,n),r&&v(e,r),o}(E);n(1689);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=D(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 Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=D(t);if(e){var i=D(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return R(this,n)}}function R(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 D(t){return(D=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(D(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(1690);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 B(t,e){return(B=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function I(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 Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(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&&B(t,e)}(o,t);var e,n,r,i=I(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,n){return(V="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=q(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 z(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 Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=q(t);if(e){var i=q(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return G(this,n)}}function G(t,e){return!e||"object"!==M(e)&&"function"!=typeof e?W(t):e}function W(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function q(t){return(q=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 J=m.a.getPlugin("plugin"),Y=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=z(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(W(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||5,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),V(q(o.prototype),"dispose",this).call(this)}}])&&U(e.prototype,n),r&&U(e,r),o}(J);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})(t)}function $(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 X(t,e){return(X=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Z(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 Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=et(t);if(e){var i=et(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return tt(this,n)}}function tt(t,e){return!e||"object"!==Q(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 et(t){return(et=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}m.a.registerPlugin("createClipPlugin",Y);var nt=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&&X(t,e)}(o,t);var e,n,r,i=Z(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"}},{key:"getAnalyticsPlayerType",value:function(){return"create-clip-player"}}])&&$(e.prototype,n),r&&$(e,r),o}(d.a);function rt(t){var e=i.a.useRef(),n=i.a.useRef();return i.a.useEffect((function(){n.current=new nt(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 it=n(49),ot=n(1084),at=n(235),ct=n(1691),ut=u.a.encloseNamespace("shared.clipTimeForm");function lt(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 form-control-lg text-center ".concat(ct.timeInput),value:ot.a.ToDisplayDuration(1e3*t.value),onChange:function(){},onKeyDown:function(t){38===t.keyCode&&e(),40===t.keyCode&&n()}}),r.createElement("div",{className:ct.controlsContainer},r.createElement("div",{className:ct.arrowContainer,onClick:e},r.createElement("div",{className:ct.upArrow})),r.createElement("div",{className:ct.arrowContainer,onClick:n},r.createElement("div",{className:ct.downArrow}))))}function st(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",{className:"px-3"},r.createElement("form",{className:"form-inline justify-content-center pb-4"},r.createElement("div",{className:"form-group"},r.createElement(lt,{value:t.startTime,setTime:t.setStartTime})),r.createElement("span",{className:"px-2"},"-"),r.createElement("div",{className:"form-group mr-2"},r.createElement(lt,{value:t.endTime,setTime:t.setEndTime})),r.createElement("span",null,r.createElement("strong",null,r.createElement(at.b,{namespace:"shared.clipTimeForm",phrase:"duration"}))," ",ot.a.ToDisplayDuration(1e3*e))),r.createElement("div",{className:"d-flex justify-content-end"},r.createElement("button",{className:"btn btn-link",onClick:t.onCancel},ut("cancel")),r.createElement("button",{className:"btn btn-dark",onClick:t.onSubmit},ut("next"))))}var ft=n(6),pt=n(8),dt=n(246),mt=n(185),yt=n(362),ht=n(1070);function vt(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 gt(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 gt(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 gt(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 Tt}));var bt=u.a.encloseNamespace("shared.editClipTimepoints");function Tt(t){var e,n,i,d,m=vt(Object(a.a)(it.a.WEB_PLAYER_DATA),2),y=m[0],h=m[1],v=t.startTime||(null===(e=null==y?void 0:y.playerRef)||void 0===e?void 0:e.currentTime())||0,g=vt(r.useState(v),2),b=g[0],T=g[1],S=vt(r.useState(v+30),2),C=S[0],E=S[1],w=o.a.useBasicFetch(f.a.config()),O=o.a.useBasicFetch(!!t.id&&dt.a.clip(t.id)),P=(null===(i=null===(n=O.data)||void 0===n?void 0:n.video)||void 0===i?void 0:i.id)||t.videoId,k=o.a.useBasicFetch(!!P&&s.a.createViewKey(P,ht.a.MasterObject)),_=o.a.useBasicFetch(!!P&&mt.a.video(P)),j=Object(yt.a)();return Object(l.a)(t.id?null===(d=O.data)||void 0===d?void 0:d.name:bt("pageTitle")),r.useEffect((function(){h("allowFloatingPlayer",!1),j.lock({id:"edit-clip-timepoints",title:u.a.getPhrase("shared.editClipTimepoints","navLockTitle"),text:u.a.getPhrase("shared.editClipTimepoints","navLockBody")})}),[]),r.useEffect((function(){O.data&&(T(O.data.startTime),E(O.data.endTime))}),[O.data]),t.id||t.videoId?r.createElement("div",{className:"px-3"},!!w.data&&!!k.data&&!!_.data&&(!t.id||!!O.data)&&r.createElement("div",{className:"pb-3"},r.createElement("div",{className:"mb-3"},r.createElement(rt,{playerApi:new URL(w.data.playerApiUrl),viewKey:k.data.viewKey,startTime:b,endTime:C,onChangeStartTime:T,onChangeEndTime:E,minDuration:5,autoplay:!0})),r.createElement(st,{startTime:b,endTime:C,setStartTime:T,setEndTime:E,onSubmit:function(){var e="";b>C&&(e=bt("startTimeGreaterThanEndTime")),C-b<5&&(e=bt("tooShort",{minDuration:5})),e?function(t){p.a.render(r.createElement("p",null,t),{title:bt("errorHeading"),buttons:[{variant:"link",buttonText:bt("close")}]})}(e):(j.unlock("edit-clip-timepoints"),c.a.AppLinkHelper.trigger({application:ft.a.DEFAULT,action:t.id?pt.a.Default.EDIT_CLIP_DETAILS:pt.a.Default.CREATE_CLIP_DETAILS,args:t.id?[t.id]:[t.videoId],params:{startTime:b,endTime:C}}))},onCancel:function(){var t,e;c.a.AppLinkHelper.trigger({application:ft.a.DEFAULT,action:pt.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/{23-53f7a970d8-lite.chunk.js → 23-ff05363552-lite.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[23],{1026:function(e,t,n){"use strict";n.d(t,"a",(function(){return c})),n.d(t,"b",(function(){return s}));var a=n(0),i=n(1025),r=n(43),o=n(67),l=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,s=e.onSubmit,u=l(e,["castInitialValues","castValuesOnSubmit","initialValues","onSubmit"]),m=t&&e.validationSchema?e.validationSchema.cast(function e(t){var n=o.a.deepClone(t);return Object.keys(n).forEach((function(t){n.hasOwnProperty(t)&&(o.a.isObject(n[t])?n[t]=e(n[t]):null===n[t]&&delete n[t])})),n}(c)):c,d={allowInitialSubmit:e.allowInitialSubmit};return a.createElement(i.d,Object.assign({enableReinitialize:!0},u,{initialValues:m,onSubmit:function(t,a){var i=a.setSubmitting,r=a.resetForm,o=n&&e.validationSchema?e.validationSchema.cast(t):t;s(o,(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};e.reset&&r(),i(!1)}))},initialStatus:d}),r.a.isFunction(e.children)?function(t){return e.children(t)}:a.Children.count(e.children)?e.children:null)}function s(){return Object(i.f)()}c.defaultProps={castInitialValues:!0,castValuesOnSubmit:!0}},1033:function(e,t,n){"use strict";var a=n(0),i=n(1025),r=n(41);function o(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 o,l=e[Symbol.iterator]();!(a=(o=l.next()).done)&&(n.push(o.value),!t||n.length!==t);a=!0);}catch(e){i=!0,r=e}finally{try{a||null==l.return||l.return()}finally{if(i)throw r}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return l(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 l(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var c=n(234);n.d(t,"a",(function(){return s}));function s(e){var t=Object(i.f)(),n=function(e){var t,n=o(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,size:e.size,className:e.className?e.className:""},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"}))}},1034:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var a=n(1025),i={getCustomFormControlClassName:function(e,t,n,i,r){var o="form-control";return"sm"===i&&(o+=" form-control-sm"),"lg"===i&&(o+=" form-control-lg"),Object(a.e)(t,n)&&Object(a.e)(e,n)&&(o+=" is-invalid"),r&&(o+=" ".concat(r)),o}}},1035:function(e,t,n){"use strict";var a=n(0),i=n(1025),r=n(41),o=n(67),l=n(43),c=n(1034),s=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 u(e){var t=e.label,n=e.checkboxLabelClassName,i=e.checkboxLabelFontWeight,o=s(e,["label","checkboxLabelClassName","checkboxLabelFontWeight"]);return a.createElement(r.Form.Group,null,a.createElement("div",{className:"custom-control custom-checkbox"},a.createElement(v,Object.assign({className:"custom-control-input"},o)),a.createElement(r.Form.Label,{className:"custom-control-label cursor-pointer ".concat("normal"===i?"font-weight-normal":""," \n          ").concat(n),htmlFor:o.id},t)))}var m=n(75),d=n(26),p=n(234);function f(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)}n.d(t,"a",(function(){return v})),n.d(t,"b",(function(){return h}));var b=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 v(e){var t=e.children,n=b(e,["children"]);return a.createElement(i.b,Object.assign({},o.a.omit(n,["formSize"])),l.a.isFunction(t)?function(e){return t(e)}:a.Children.count(t)?t:null)}function h(e){var t=e.label,n=e.className,l=e.showCharacterCounter,s=e.showRequiredStar,h=e.infoTooltip,g=e.infoText,y=e.formSize,O=e.showOptionalLabel,E=b(e,["label","className","showCharacterCounter","showRequiredStar","infoTooltip","infoText","formSize","showOptionalLabel"]),S=Object(i.f)(),w=S.errors,C=S.touched,j=function(){};if("checkbox"===E.type){var N=o.a.omit(e,["formSize"]);return e.disabled&&(N.onChange=j),a.createElement(u,Object.assign({},N))}var x=Object.assign(Object.assign({},E),{className:c.a.getCustomFormControlClassName(w,C,E.name,y,n)});return e.disabled&&(x.onChange=j),a.createElement(r.Form.Group,null,!!t&&a.createElement(r.Form.Label,{htmlFor:E.id,className:"d-flex align-items-center"},t,s&&a.createElement("span",{className:"text-danger"},"*"),h&&a.createElement(m.a,{svgName:d.b.Info,title:h,tooltipPlacement:"top",tooltipSpanHack:!0}),O&&a.createElement("span",{className:"text-muted"}," ",a.createElement(p.b,{namespace:"shared.formField",phrase:"optional"}))),a.createElement(v,Object.assign({},x)),!!l&&!!E.maxLength&&a.createElement(f,{fieldName:E.name,limit:E.maxLength}),!!g&&a.createElement(r.Form.Text,{className:"text-muted"},g),a.createElement(i.a,{name:E.name},(function(e){return a.createElement(r.Form.Control.Feedback,{type:"invalid"},e)})))}v.defaultProps={autoComplete:"off"},h.defaultProps={autoComplete:"off"}},1948:function(e,t,n){"use strict";n.r(t);var a=n(0),i=n(77),r=n(4),o=n(11),l=n(58),c=n(9),s=n(35),u=n(62),m=n(237),d=n(236),p=n(1072),f=n(1025),b=n(234),v=n(1026),h=n(1035),g=n(1033),y=n(1055),O=n(48),E=n(1051),S=n(2),w=n(23),C=c.a.encloseNamespace("shared.editClipDetails"),j=p.object().shape({name:p.string().trim().max(255,(function(){return C("titleTooLong")})).required((function(){return C("titleRequired")})).default(""),description:p.string().trim().max(65535,(function(){return C("descriptionTooLong")})).default(""),startTime:p.number().required(),endTime:p.number().required()}).noUnknown();function N(e){var t=Object(v.b)();return a.createElement(f.c,null,a.createElement("div",{className:"row form-group"},a.createElement("div",{className:"col-5"},a.createElement(y.a,{video:Object.assign({video:e.video,typeId:w.a.Clip},t.values),type:"static",imageOptions:{size:O.b.Small},textPosition:E.a.Independent,preload:!0,analyticsOptions:{location:S.LocationContext.Popup}})),a.createElement("div",{className:"col-7"},a.createElement("h2",{className:"h6"},t.values.name))),a.createElement(h.b,{label:C("nameLabel"),type:"text",name:"name",id:"name",placeholder:C("namePlaceholder"),autoFocus:!0,value:t.values.name,formSize:"lg"}),a.createElement(h.b,{label:C("descriptionLabel"),component:"textarea",name:"description",id:"description",placeholder:C("descriptionPlaceholder"),value:t.values.description,formSize:"lg"}),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(b.b,{namespace:"shared.editClipDetails",phrase:"cancel"})),a.createElement(g.a,{isNew:e.isNew,submitText:e.isNew&&C("createClip"),variant:"dark"})))}function x(e){var t;return a.createElement(v.a,{initialValues:e.clip,validationSchema:j,onSubmit:e.saveClip,allowInitialSubmit:e.allowInitialSubmit},a.createElement(N,{video:e.video,isNew:!(null===(t=e.clip)||void 0===t?void 0:t.id),onClickCancel:e.onClickCancel}))}var P=n(245),k=n(185),F=n(6),I=n(8);n.d(t,"EditClipDetailsView",(function(){return L}));var T=c.a.encloseNamespace("shared.editClipDetails");function L(e){var t,n,c,p,f,b,v,h=Object(i.useDispatch)(),g=Object(d.a)(),y=o.a.useBasicFetch(!!e.id&&P.a.clip(e.id)),O=(null===(n=null===(t=y.data)||void 0===t?void 0:t.video)||void 0===n?void 0:n.id)||e.videoId,E=o.a.useBasicFetch(!!O&&k.a.video(O)),S=isNaN(e.startTime)?null===(c=null==y?void 0:y.data)||void 0===c?void 0:c.startTime:e.startTime,w=isNaN(e.endTime)?null===(p=null==y?void 0:y.data)||void 0===p?void 0:p.endTime:e.endTime;if(!e.id&&!e.videoId)return a.createElement(a.Fragment,null);var C=!(!E.data||e.id&&!y.data);return a.createElement(m.a,{title:T(e.id?"editPopupHeading":"createPopupHeading"),closePopup:e.closePopup,showLoadingSpinner:!C},a.createElement(x,{video:E.data,clip:{id:null===(f=null==y?void 0:y.data)||void 0===f?void 0:f.id,name:null===(b=null==y?void 0:y.data)||void 0===b?void 0:b.name,description:null===(v=null==y?void 0:y.data)||void 0===v?void 0:v.description,startTime:S,endTime:w},saveClip:function(t){var n=function(n){g.success(T("success",{name:t.name})),s.a.logUserAction(Object.assign(Object.assign({},n),{videoId:O}),{actionType:e.id?u.q.Edit:u.q.Create,entity:u.d.Clip,location:u.k.Popup,workflowPhase:u.t.Complete}),e.id||r.a.AppLinkHelper.trigger({application:F.a.DEFAULT,action:I.a.Default.PLAY_CLIP,args:[n.id,l.a.slugify(n.name)]})},a=function(){g.error(T("error"))},i=function(){e.closePopup()},c=e.id?P.a.updateClip(e.id,t,n,a,i):P.a.createClip(e.videoId,t,n,a,i);o.a.fetch(h,c)},onClickCancel:e.closePopup,allowInitialSubmit:!0}))}}}]);
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[23],{1026:function(e,t,n){"use strict";n.d(t,"a",(function(){return c})),n.d(t,"b",(function(){return s}));var a=n(0),i=n(1025),r=n(43),o=n(67),l=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,s=e.onSubmit,u=l(e,["castInitialValues","castValuesOnSubmit","initialValues","onSubmit"]),m=t&&e.validationSchema?e.validationSchema.cast(function e(t){var n=o.a.deepClone(t);return Object.keys(n).forEach((function(t){n.hasOwnProperty(t)&&(o.a.isObject(n[t])?n[t]=e(n[t]):null===n[t]&&delete n[t])})),n}(c)):c,d={allowInitialSubmit:e.allowInitialSubmit};return a.createElement(i.d,Object.assign({enableReinitialize:!0},u,{initialValues:m,onSubmit:function(t,a){var i=a.setSubmitting,r=a.resetForm,o=n&&e.validationSchema?e.validationSchema.cast(t):t;s(o,(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};e.reset&&r(),i(!1)}))},initialStatus:d}),r.a.isFunction(e.children)?function(t){return e.children(t)}:a.Children.count(e.children)?e.children:null)}function s(){return Object(i.f)()}c.defaultProps={castInitialValues:!0,castValuesOnSubmit:!0}},1033:function(e,t,n){"use strict";var a=n(0),i=n(1025),r=n(41);function o(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 o,l=e[Symbol.iterator]();!(a=(o=l.next()).done)&&(n.push(o.value),!t||n.length!==t);a=!0);}catch(e){i=!0,r=e}finally{try{a||null==l.return||l.return()}finally{if(i)throw r}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return l(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 l(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var c=n(235);n.d(t,"a",(function(){return s}));function s(e){var t=Object(i.f)(),n=function(e){var t,n=o(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,size:e.size,className:e.className?e.className:""},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"}))}},1034:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var a=n(1025),i={getCustomFormControlClassName:function(e,t,n,i,r){var o="form-control";return"sm"===i&&(o+=" form-control-sm"),"lg"===i&&(o+=" form-control-lg"),Object(a.e)(t,n)&&Object(a.e)(e,n)&&(o+=" is-invalid"),r&&(o+=" ".concat(r)),o}}},1035:function(e,t,n){"use strict";var a=n(0),i=n(1025),r=n(41),o=n(67),l=n(43),c=n(1034),s=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 u(e){var t=e.label,n=e.checkboxLabelClassName,i=e.checkboxLabelFontWeight,o=s(e,["label","checkboxLabelClassName","checkboxLabelFontWeight"]);return a.createElement(r.Form.Group,null,a.createElement("div",{className:"custom-control custom-checkbox"},a.createElement(v,Object.assign({className:"custom-control-input"},o)),a.createElement(r.Form.Label,{className:"custom-control-label cursor-pointer ".concat("normal"===i?"font-weight-normal":""," \n          ").concat(n),htmlFor:o.id},t)))}var m=n(75),d=n(26),p=n(235);function f(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)}n.d(t,"a",(function(){return v})),n.d(t,"b",(function(){return h}));var b=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 v(e){var t=e.children,n=b(e,["children"]);return a.createElement(i.b,Object.assign({},o.a.omit(n,["formSize"])),l.a.isFunction(t)?function(e){return t(e)}:a.Children.count(t)?t:null)}function h(e){var t=e.label,n=e.className,l=e.showCharacterCounter,s=e.showRequiredStar,h=e.infoTooltip,g=e.infoText,y=e.formSize,O=e.showOptionalLabel,E=b(e,["label","className","showCharacterCounter","showRequiredStar","infoTooltip","infoText","formSize","showOptionalLabel"]),S=Object(i.f)(),w=S.errors,C=S.touched,j=function(){};if("checkbox"===E.type){var N=o.a.omit(e,["formSize"]);return e.disabled&&(N.onChange=j),a.createElement(u,Object.assign({},N))}var x=Object.assign(Object.assign({},E),{className:c.a.getCustomFormControlClassName(w,C,E.name,y,n)});return e.disabled&&(x.onChange=j),a.createElement(r.Form.Group,null,!!t&&a.createElement(r.Form.Label,{htmlFor:E.id,className:"d-flex align-items-center"},t,s&&a.createElement("span",{className:"text-danger"},"*"),h&&a.createElement(m.a,{svgName:d.b.Info,title:h,tooltipPlacement:"top",tooltipSpanHack:!0}),O&&a.createElement("span",{className:"text-muted"}," ",a.createElement(p.b,{namespace:"shared.formField",phrase:"optional"}))),a.createElement(v,Object.assign({},x)),!!l&&!!E.maxLength&&a.createElement(f,{fieldName:E.name,limit:E.maxLength}),!!g&&a.createElement(r.Form.Text,{className:"text-muted"},g),a.createElement(i.a,{name:E.name},(function(e){return a.createElement(r.Form.Control.Feedback,{type:"invalid"},e)})))}v.defaultProps={autoComplete:"off"},h.defaultProps={autoComplete:"off"}},1948:function(e,t,n){"use strict";n.r(t);var a=n(0),i=n(77),r=n(4),o=n(11),l=n(58),c=n(9),s=n(35),u=n(62),m=n(238),d=n(237),p=n(1072),f=n(1025),b=n(235),v=n(1026),h=n(1035),g=n(1033),y=n(1055),O=n(48),E=n(1051),S=n(2),w=n(23),C=c.a.encloseNamespace("shared.editClipDetails"),j=p.object().shape({name:p.string().trim().max(255,(function(){return C("titleTooLong")})).required((function(){return C("titleRequired")})).default(""),description:p.string().trim().max(65535,(function(){return C("descriptionTooLong")})).default(""),startTime:p.number().required(),endTime:p.number().required()}).noUnknown();function N(e){var t=Object(v.b)();return a.createElement(f.c,null,a.createElement("div",{className:"row form-group"},a.createElement("div",{className:"col-5"},a.createElement(y.a,{video:Object.assign({video:e.video,typeId:w.a.Clip},t.values),type:"static",imageOptions:{size:O.b.Small},textPosition:E.a.Independent,preload:!0,analyticsOptions:{location:S.LocationContext.Popup}})),a.createElement("div",{className:"col-7"},a.createElement("h2",{className:"h6"},t.values.name))),a.createElement(h.b,{label:C("nameLabel"),type:"text",name:"name",id:"name",placeholder:C("namePlaceholder"),autoFocus:!0,value:t.values.name,formSize:"lg"}),a.createElement(h.b,{label:C("descriptionLabel"),component:"textarea",name:"description",id:"description",placeholder:C("descriptionPlaceholder"),value:t.values.description,formSize:"lg"}),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(b.b,{namespace:"shared.editClipDetails",phrase:"cancel"})),a.createElement(g.a,{isNew:e.isNew,submitText:e.isNew&&C("createClip"),variant:"dark"})))}function x(e){var t;return a.createElement(v.a,{initialValues:e.clip,validationSchema:j,onSubmit:e.saveClip,allowInitialSubmit:e.allowInitialSubmit},a.createElement(N,{video:e.video,isNew:!(null===(t=e.clip)||void 0===t?void 0:t.id),onClickCancel:e.onClickCancel}))}var P=n(246),k=n(185),F=n(6),I=n(8);n.d(t,"EditClipDetailsView",(function(){return L}));var T=c.a.encloseNamespace("shared.editClipDetails");function L(e){var t,n,c,p,f,b,v,h=Object(i.useDispatch)(),g=Object(d.a)(),y=o.a.useBasicFetch(!!e.id&&P.a.clip(e.id)),O=(null===(n=null===(t=y.data)||void 0===t?void 0:t.video)||void 0===n?void 0:n.id)||e.videoId,E=o.a.useBasicFetch(!!O&&k.a.video(O)),S=isNaN(e.startTime)?null===(c=null==y?void 0:y.data)||void 0===c?void 0:c.startTime:e.startTime,w=isNaN(e.endTime)?null===(p=null==y?void 0:y.data)||void 0===p?void 0:p.endTime:e.endTime;if(!e.id&&!e.videoId)return a.createElement(a.Fragment,null);var C=!(!E.data||e.id&&!y.data);return a.createElement(m.a,{title:T(e.id?"editPopupHeading":"createPopupHeading"),closePopup:e.closePopup,showLoadingSpinner:!C},a.createElement(x,{video:E.data,clip:{id:null===(f=null==y?void 0:y.data)||void 0===f?void 0:f.id,name:null===(b=null==y?void 0:y.data)||void 0===b?void 0:b.name,description:null===(v=null==y?void 0:y.data)||void 0===v?void 0:v.description,startTime:S,endTime:w},saveClip:function(t){var n=function(n){g.success(T("success",{name:t.name})),s.a.logUserAction(Object.assign(Object.assign({},n),{videoId:O}),{actionType:e.id?u.q.Edit:u.q.Create,entity:u.d.Clip,location:u.k.Popup,workflowPhase:u.t.Complete}),e.id||r.a.AppLinkHelper.trigger({application:F.a.DEFAULT,action:I.a.Default.PLAY_CLIP,args:[n.id,l.a.slugify(n.name)]})},a=function(){g.error(T("error"))},i=function(){e.closePopup()},c=e.id?P.a.updateClip(e.id,t,n,a,i):P.a.createClip(e.videoId,t,n,a,i);o.a.fetch(h,c)},onClickCancel:e.closePopup,allowInitialSubmit:!0}))}}}]);