@clickview/lite 0.84.0 → 0.84.1-rc.1

package/dist/scripts/1912-52e57d9f16-lite.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[1912],{55796:(e,t,n)=>{n.d(t,{Z:()=>p});var r=n(32735),i=n(65858),o=n(15611),a=n(83914),u=n(83345),l=n(35223),c=n(14070),s=n(97291),f="signUp.gateBanner";function p(){return r.createElement("div",{role:"alert",className:"bg-light-indigo text-indigo rounded p-2 mb-4 d-flex align-items-center"},r.createElement(a.x,{svgName:l.vn.StarOutline,size:a.S.Large}),r.createElement(u.x,{namespace:f,phrase:"softGate"})," ",r.createElement(o.F,{appLink:{application:s.O.SIGN_UP,action:c.e.SignUp.PREMIUM_FEATURES},className:"indigo-link text-indigo text-underline d-inline",analyticsData:{},analyticsOptions:{actionType:i.Vw.Click,location:i.LZ.GatedBanner,entity:i.py.AppLink,descriptor:i.Yu.PremiumFeatures}},r.createElement(u.x,{namespace:f,phrase:"learnMore"})))}},47430:(e,t,n)=>{n.d(t,{f:()=>y});var r=n(32735),i=n(23481),o=n(65858),a=n(97958),u=n(83345),l=n(99742),c=n(14070),s=n(97291),f="shared.hardGateEmptyState",p=i.T.encloseNamespace(f),d={insights:{headingPhrase:"insightsHeading",descriptionPhrase:"insightsDescription",ctaPhrase:"insightsCta",imageUrl:l.W.ReverseTrial.INTERACTIVE},"my-videos":{headingPhrase:"myVideosHeading",descriptionPhrase:"myVideosDescription",ctaPhrase:"myVideosCta",imageUrl:l.W.EmptyStates.MY_VIDEOS_PUBLIC},playlists:{headingPhrase:"playlistsHeading",descriptionPhrase:"playlistsDescription",ctaPhrase:"playlistsCta",imageUrl:l.W.EmptyStates.Playlists.PLAYLISTS_PUBLIC},clip:{headingPhrase:"clipHeading",descriptionPhrase:"clipDescription",ctaPhrase:"clipCta",imageUrl:l.W.ReverseTrial.CLIP}};function y(e){var t=d[e.feature];return r.createElement(a.u,null,r.createElement(a.u.Image,{src:t.imageUrl}),r.createElement(a.u.Heading,null,r.createElement(u.x,{namespace:f,phrase:t.headingPhrase})),r.createElement(a.u.Info,{className:"w-75"},r.createElement(u.x,{namespace:f,phrase:t.descriptionPhrase})," "),r.createElement(a.u.Cta,{text:p(t.ctaPhrase),appLink:{application:s.O.SIGN_UP,action:c.e.SignUp.PREMIUM_FEATURES},analyticsData:{},analyticsOptions:{actionType:o.Vw.Click,location:o.LZ.GatedEmptyState,entity:o.py.AppLink,descriptor:o.Yu.PremiumFeatures},className:"btn btn-dark mb-3"}),e.extraCta)}},52795:(e,t,n)=>{n.r(t),n.d(t,{EditClipTimepointsView:()=>Ze});var r=n(32735),i=n(23481),o=n(81886),a=n(20354),u=n(28400),l=n(83345),c=n(95047),s=n(93264);const f={arrowContainer:"lFyGP",downArrow:"kuLky",upArrow:"_zBG5",inputContainer:"h0Hdv",focus:"IJSFr"};function p(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,a,u=[],l=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=o.call(n)).done)&&(u.push(r.value),u.length!==t);l=!0);}catch(e){c=!0,i=e}finally{try{if(!l&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw i}}return u}}(e,t)||function(e,t){if(e){if("string"==typeof e)return d(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}(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 d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var y=38,m=40,h=3600;function v(e){var t=p(r.useState("00"),2),n=t[0],i=t[1],o=p(r.useState("00"),2),a=o[0],u=o[1],l=p(r.useState("00"),2),d=l[0],v=l[1],b=p(r.useState(!1),2),g=b[0],T=b[1],S=r.useRef(null),w=r.useRef(null),E=e.duration&&e.duration>=h;function P(e){e.target.select(),T(!0)}function O(e,t,n){var r=e.target.value.replace(/\D/g,"").slice(0,2);t(r),2===r.length&&(null==n?void 0:n.current)&&requestAnimationFrame(function(){return n.current.focus()})}function C(){e.setTime(e.value+1)}function _(){e.setTime(e.value-1)}function j(t,r){var i;e.allowKeyboardInput&&((i=c.k.convertDurationToSeconds(n,a,d))<0||e.maxValue&&i>e.maxValue||e.setTime(i),r(t.target.value.padStart(2,"0")),T(!1))}function k(e){e.keyCode===y&&C(),e.keyCode===m&&_()}return r.useEffect(function(){var t;t=s.T.ToDisplayDuration(1e3*e.value,!0).split(":"),i(String(t[0]).padStart(2,"0")),u(t[1]),v(t[2])},[e.value]),r.createElement("div",{className:"".concat(f.inputContainer," ").concat(g?f.focus:""," position-relative bg-white d-flex align-items-center p-2 rounded-pill font-size-md")},r.createElement("div",{className:"".concat(E?"":"d-none")},r.createElement("input",{type:"text",className:"border-0 outline-none",value:n,maxLength:2,placeholder:"HH",onChange:function(e){return O(e,i,S)},onFocus:P,onBlur:function(e){return j(e,i)},onKeyDown:k,disabled:e.disabled}),r.createElement("span",null,":")),r.createElement("div",null,r.createElement("input",{ref:S,type:"text",className:"border-0 outline-none",value:a,maxLength:2,placeholder:"MM",onChange:function(e){return O(e,u,w)},onFocus:P,onBlur:function(e){return j(e,u)},onKeyDown:k,disabled:e.disabled}),r.createElement("span",null,":")),r.createElement("input",{ref:w,type:"text",className:"border-0 outline-none",value:d,maxLength:2,placeholder:"SS",onChange:function(e){return v(e.target.value)},onFocus:P,onBlur:function(e){return j(e,v)},onKeyDown:k,disabled:e.disabled}),!e.hideButtons&&r.createElement("div",null,r.createElement("div",{className:f.arrowContainer,onClick:C},r.createElement("div",{className:f.upArrow})),r.createElement("div",{className:f.arrowContainer,onClick:_},r.createElement("div",{className:f.downArrow}))))}v.defaultProps={allowKeyboardInput:!0,size:"lg"};var b="shared.clipTimeForm",g=i.T.encloseNamespace(b);function T(e){if(isNaN(e.startTime)||isNaN(e.endTime))return r.createElement(r.Fragment,null);var t=Math.floor(e.endTime)-Math.floor(e.startTime);return r.createElement("div",{className:"px-3"},r.createElement("form",{className:"d-flex align-items-center justify-content-center pb-4"},r.createElement("div",null,r.createElement(v,{value:e.startTime,setTime:e.setStartTime,duration:e.duration})),r.createElement("span",{className:"px-2"},"-"),r.createElement("div",{className:"me-2"},r.createElement(v,{value:e.endTime,setTime:e.setEndTime,duration:e.duration})),r.createElement("span",null,r.createElement("strong",null,r.createElement(l.x,{namespace:b,phrase:"duration"}))," ",s.T.ToDisplayDuration(1e3*t))),r.createElement("div",{className:"d-flex justify-content-end"},r.createElement("button",{className:"btn btn-link",onClick:e.onCancel},g("cancel")),r.createElement("button",{className:"btn btn-dark",onClick:e.onSubmit},g("next"))))}var S=n(97958),w=n(60051),E=n(16714),P=n(43012),O=n(39151),C=n(47812),_=n(1575),j=n(89476),k=n(22902),D=n(79612),x=n(89961),N=n(43700),R=n(76032);function B(e){return B="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},B(e)}function A(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,M(r.key),r)}}function M(e){var t=function(e){if("object"!=B(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=B(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==B(t)?t:t+""}function I(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(I=function(){return!!e})()}function L(e,t,n,r){var i=U(F(1&r?e.prototype:e),t,n);return 2&r&&"function"==typeof i?function(e){return i.apply(n,e)}:i}function U(){return U="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,n){var r=function(e,t){for(;!{}.hasOwnProperty.call(e,t)&&null!==(e=F(e)););return e}(e,t);if(r){var i=Object.getOwnPropertyDescriptor(r,t);return i.get?i.get.call(arguments.length<3?e:n):i.value}},U.apply(null,arguments)}function F(e){return F=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},F(e)}function H(e,t){return H=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},H(e,t)}var Z=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t,n){return t=F(t),function(e,t){if(t&&("object"==B(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,I()?Reflect.construct(t,n||[],F(e).constructor):t.apply(e,n))}(this,t,arguments)}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&H(e,t)}(t,e),n=t,r=[{key:"buildCSSClass",value:function(){return"cv-clip-timepoint-handle ".concat(L(t,"buildCSSClass",this,3)([]))}},{key:"createEl",value:function(e,n,r){return L(t,"createEl",this,3)([e,Object.assign(Object.assign({},n),{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(e){return this.el().contains(e.target)}}],r&&A(n.prototype,r),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r}(R.Z.getComponent("Component"));function V(e){return V="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},V(e)}function G(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,K(r.key),r)}}function K(e){var t=function(e){if("object"!=V(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=V(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==V(t)?t:t+""}function W(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(W=function(){return!!e})()}function z(){return z="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,n){var r=function(e,t){for(;!{}.hasOwnProperty.call(e,t)&&null!==(e=Y(e)););return e}(e,t);if(r){var i=Object.getOwnPropertyDescriptor(r,t);return i.get?i.get.call(arguments.length<3?e:n):i.value}},z.apply(null,arguments)}function Y(e){return Y=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},Y(e)}function $(e,t){return $=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},$(e,t)}var q=function(e){function t(e,n){var r;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(r=function(e,t,n){return t=Y(t),function(e,t){if(t&&("object"==V(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,W()?Reflect.construct(t,n||[],Y(e).constructor):t.apply(e,n))}(this,t,[e,n])).dragStartActive=!1,r.dragEndActive=!1,r.dragSliderActive=!1,r.dragSliderCurrentPosition=null,r.minDuration=Math.min(e.duration(),r.options_.minDuration),r.setStartTime(n.startTime,!1),r.setEndTime(n.endTime,!1),r.startHandle=new Z(r.player(),n),r.startHandle.addClass("cv-clip-start-handle"),r.addChild(r.startHandle),r.endHandle=new Z(r.player(),n),r.endHandle.addClass("cv-clip-end-handle"),r.addChild(r.endHandle),r.on(r.player(),"update:clip:start:time",function(e){var t=e.time;return r.setStartTime(t)}),r.on(r.player(),"update:clip:end:time",function(e){var t=e.time;return r.setEndTime(t)}),r.bindListeners(),r.update(),r}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&$(e,t)}(t,e),n=t,r=[{key:"createEl",value:function(){return(e=t,n=this,"function"==typeof(r=z(Y(1&3?e.prototype:e),"createEl",n))?function(e){return r.apply(n,e)}:r)(["div",{className:"cv-clip-timepoint-selector"},{}]);var e,n,r}},{key:"update",value:function(){var e=this;this.options_.onChangeStartTime(this.startTime),this.options_.onChangeEndTime(this.endTime),this.requestAnimationFrame(function(){e.setStartOffset(),e.setWidth()})}},{key:"setStartTime",value:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(!isNaN(e)){var n=this.hasStartTime()&&this.hasEndTime()&&this.endTime-this.startTime,r=this.player().duration()-this.minDuration;if(e>r&&(e=r),e<0&&(e=0),this.startTime=e,this.endTime&&this.endTime-this.startTime<this.minDuration){var i="number"==typeof n?this.startTime+n:this.startTime+this.minDuration;this.setEndTime(i)}this.player().currentTime(this.startTime),t&&this.update()}}},{key:"setEndTime",value:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(!isNaN(e)){var n=this.hasStartTime()&&this.hasEndTime()&&this.endTime-this.startTime,r=this.minDuration;if(e<r&&(e=r),e>this.player().duration()&&(e=this.player().duration()),this.endTime=e,this.startTime&&this.endTime-this.startTime<this.minDuration){var i="number"==typeof n?this.endTime-n:this.endTime-this.minDuration;this.setStartTime(i)}t&&this.update()}}},{key:"bindListeners",value:function(){var e=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(){e.player().off("timeupdate",e.onTimeupdate),e.off("mousedown",e.dragStart),e.off("touchstart",e.dragStart)})}},{key:"hasStartTime",value:function(){return"number"==typeof this.startTime}},{key:"hasEndTime",value:function(){return"number"==typeof this.endTime}},{key:"onTimeupdate",value:function(){var e=this.player().currentTime();e>this.endTime&&e<this.endTime+.5&&this.player().pause()}},{key:"dragStart",value:function(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));var t=this.el().ownerDocument;this.on(t,"mousemove",this.drag),this.on(t,"mouseup",this.dragEnd),this.on(t,"touchmove",this.drag),this.on(t,"touchend",this.dragEnd),this.drag(e)}},{key:"dragEnd",value:function(){this.dragStartActive=!1,this.dragEndActive=!1,this.dragSliderActive=!1,this.dragSliderCurrentPosition=null;var e=this.el().ownerDocument;this.off(e,"mousemove",this.drag),this.off(e,"mouseup",this.dragEnd),this.off(e,"touchmove",this.drag),this.off(e,"touchend",this.dragEnd)}},{key:"drag",value:function(e){if((this.dragStartActive||this.dragEndActive||this.dragSliderActive)&&R.Z.dom.isSingleLeftClick(e)){var t=this.getPosition(e),n=t*this.player().duration();this.dragStartActive&&this.handleStartHandleDrag(n),this.dragEndActive&&this.handleEndHandleDrag(n),this.dragSliderActive&&this.handleSliderDrag(t)}}},{key:"handleStartHandleDrag",value:function(e){this.setStartTime(e)}},{key:"handleEndHandleDrag",value:function(e){this.setEndTime(e)}},{key:"handleSliderDrag",value:function(e){var t=(e-this.dragSliderCurrentPosition)*this.player().duration(),n=this.startTime+t,r=this.endTime+t;n<=0||r>=this.player().duration()||(this.dragSliderCurrentPosition=e,this.setStartTime(n),this.setEndTime(r))}},{key:"getPosition",value:function(e){return R.Z.dom.getPointerPosition(this.el_.parentNode,e).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(e){return+(e/this.player().duration()*100).toFixed(4)}}],r&&G(n.prototype,r),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r}(R.Z.getComponent("Component"));function Q(e){return Q="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Q(e)}function J(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,X(r.key),r)}}function X(e){var t=function(e){if("object"!=Q(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=Q(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==Q(t)?t:t+""}function ee(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(ee=function(){return!!e})()}function te(){return te="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,n){var r=function(e,t){for(;!{}.hasOwnProperty.call(e,t)&&null!==(e=ne(e)););return e}(e,t);if(r){var i=Object.getOwnPropertyDescriptor(r,t);return i.get?i.get.call(arguments.length<3?e:n):i.value}},te.apply(null,arguments)}function ne(e){return ne=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},ne(e)}function re(e,t){return re=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},re(e,t)}var ie=function(e){function t(e,n){var r;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(r=function(e,t,n){return t=ne(t),function(e,t){if(t&&("object"==Q(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,ee()?Reflect.construct(t,n||[],ne(e).constructor):t.apply(e,n))}(this,t,[e,n])).seekBar_=n.seekBar,r.playProgressBar_=n.playProgressBar,r.bindListeners(),r.player_.one("dispose",function(){r.unbindListeners()}),r}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&re(e,t)}(t,e),n=t,r=[{key:"createEl",value:function(e,n,r){return(i=t,o=this,"function"==typeof(a=te(ne(1&3?i.prototype:i),"createEl",o))?function(e){return a.apply(o,e)}:a)([e,Object.assign(Object.assign({},n),{className:"cv-create-clip-progress-indicator"}),r]);var i,o,a}},{key:"bindListeners",value:function(){this.on("mousedown",this.handleMouseDown),this.on("touchstart",this.handleMouseDown)}},{key:"unbindListeners",value:function(){var e=this.el_.ownerDocument;this.off("mousedown",this.handleMouseDown),this.off("touchstart",this.handleMouseDown),this.off(e,"mousemove",this.handleMouseMove),this.off(e,"mouseup",this.handleMouseUp),this.off(e,"touchmove",this.handleMouseMove),this.off(e,"touchend",this.handleMouseUp)}},{key:"handleMouseDown",value:function(e){if(R.Z.dom.isSingleLeftClick(e)){e.stopPropagation(),"mousedown"===e.type&&e.preventDefault(),"touchstart"!==e.type||R.Z.browser.IS_CHROME||e.preventDefault(),this.player_.scrubbing(!0),this.videoWasPlaying_=!this.player_.paused(),this.player_.pause(),R.Z.dom.blockTextSelection();var t=this.el_.ownerDocument;this.on(t,"mousemove",this.handleMouseMove),this.on(t,"mouseup",this.handleMouseUp),this.on(t,"touchmove",this.handleMouseMove),this.on(t,"touchend",this.handleMouseUp),this.handleMouseMove(e),this.player_.addClass("cv-hide-mouse-time")}}},{key:"handleMouseMove",value:function(e){if(R.Z.dom.isSingleLeftClick(e)){var t=R.Z.dom.getPointerPosition(this.seekBar_.el_,e).x*this.player_.duration();t===this.player_.duration()&&(t-=.1),this.player_.currentTime(t),this.playProgressBar_.update()}}},{key:"handleMouseUp",value:function(e){R.Z.dom.unblockTextSelection();var t=this.el_.ownerDocument;this.off(t,"mousemove",this.handleMouseMove),this.off(t,"mouseup",this.handleMouseUp),this.off(t,"touchmove",this.handleMouseMove),this.off(t,"touchend",this.handleMouseUp),null==e||e.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")}}],r&&J(n.prototype,r),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r}(R.Z.getComponent("Component"));function oe(e){return oe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},oe(e)}function ae(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,ue(r.key),r)}}function ue(e){var t=function(e){if("object"!=oe(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=oe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==oe(t)?t:t+""}function le(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(le=function(){return!!e})()}function ce(e){return ce=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},ce(e)}function se(e,t){return se=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},se(e,t)}R.Z.registerComponent("CreateClipProgressIndicator",ie);var fe=function(e){function t(e,n){var r;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(r=function(e,t,n){return t=ce(t),function(e,t){if(t&&("object"==oe(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,le()?Reflect.construct(t,n||[],ce(e).constructor):t.apply(e,n))}(this,t,[e,n])).addClass("cv-create-clip-seek-bar"),r}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&se(e,t)}(t,e),n=t,(r=[{key:"initialize",value:function(e){var t=new q(this.player(),e);this.addChild(t);var n=this.getChild("playProgressBar"),r=new ie(this.player_,{seekBar:this,playProgressBar:n});n.addChild(r)}}])&&ae(n.prototype,r),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r}(R.Z.getComponent("SeekBar"));function pe(e){return pe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},pe(e)}function de(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,ye(r.key),r)}}function ye(e){var t=function(e){if("object"!=pe(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=pe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==pe(t)?t:t+""}function me(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(me=function(){return!!e})()}function he(){return he="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,n){var r=function(e,t){for(;!{}.hasOwnProperty.call(e,t)&&null!==(e=ve(e)););return e}(e,t);if(r){var i=Object.getOwnPropertyDescriptor(r,t);return i.get?i.get.call(arguments.length<3?e:n):i.value}},he.apply(null,arguments)}function ve(e){return ve=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},ve(e)}function be(e,t){return be=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},be(e,t)}fe.prototype.options_={children:["playProgressBar"],barName:"playProgressBar"},R.Z.browser.IS_IOS||R.Z.browser.IS_ANDROID||fe.prototype.options_.children.splice(1,0,"mouseTimeDisplay"),R.Z.registerComponent("CreateClipSeekBar",fe);var ge=function(e){function t(e,n){var r;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(r=function(e,t,n){return t=ve(t),function(e,t){if(t&&("object"==pe(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,me()?Reflect.construct(t,n||[],ve(e).constructor):t.apply(e,n))}(this,t,[e,n])).options=n,r.initCreateClipSeekBar=r.initCreateClipSeekBar.bind(r),r.player.one("loadedmetadata",function(){return r.player.ready(r.initCreateClipSeekBar)}),r}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&be(e,t)}(t,e),n=t,r=[{key:"initCreateClipSeekBar",value:function(){var e,t=null===(e=this.player.controlBar.getChild("ProgressControl"))||void 0===e?void 0:e.getChild("SeekBar");if(t){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());t.initialize({startTime:n,endTime:r,minDuration:i,onChangeStartTime:this.options.onChangeStartTime,onChangeEndTime:this.options.onChangeEndTime})}}},{key:"dispose",value:function(){var e,n,r;this.player.off("loadedmetadata",this.initCreateClipSeekBar),(e=t,n=this,"function"==typeof(r=he(ve(1&3?e.prototype:e),"dispose",n))?function(e){return r.apply(n,e)}:r)([])}}],r&&de(n.prototype,r),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r}(R.Z.getPlugin("plugin"));function Te(e){return Te="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Te(e)}function Se(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,we(r.key),r)}}function we(e){var t=function(e){if("object"!=Te(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=Te(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==Te(t)?t:t+""}function Ee(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(Ee=function(){return!!e})()}function Pe(){return Pe="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,n){var r=function(e,t){for(;!{}.hasOwnProperty.call(e,t)&&null!==(e=Oe(e)););return e}(e,t);if(r){var i=Object.getOwnPropertyDescriptor(r,t);return i.get?i.get.call(arguments.length<3?e:n):i.value}},Pe.apply(null,arguments)}function Oe(e){return Oe=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},Oe(e)}function Ce(e,t){return Ce=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},Ce(e,t)}R.Z.registerPlugin("createClipPlugin",ge);var _e=function(e){function t(e,n){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t,n){return t=Oe(t),function(e,t){if(t&&("object"==Te(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,Ee()?Reflect.construct(t,n||[],Oe(e).constructor):t.apply(e,n))}(this,t,[e,Object.assign(Object.assign({},n),{allowFullscreen:!1,playbackRates:null,enableLocalCache:!1})])}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&Ce(e,t)}(t,e),n=t,r=[{key:"getPlayerClassName",value:function(){return"cv-create-clip-player"}},{key:"configurePlugins",value:function(){var e=this.options,t=e.startTime,n=e.endTime,r=e.minDuration,i=e.onChangeStartTime,o=e.onChangeEndTime;this.player.createClipPlugin({startTime:t,endTime:n,minDuration:r,onChangeStartTime:i,onChangeEndTime:o})}},{key:"getPlayerOptions",value:function(){var e,n,r,i=(e=t,n=this,"function"==typeof(r=Pe(Oe(1&3?e.prototype:e),"getPlayerOptions",n))?function(e){return r.apply(n,e)}:r)([]);return i.inactivityTimeout=0,i}},{key:"getSeekBarName",value:function(){return"CreateClipSeekBar"}},{key:"getAnalyticsPlayerType",value:function(){return"create-clip-player"}}],r&&Se(n.prototype,r),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r}(N.r),je=n(63816);function ke(e){var t=e.onReady,n=e.onDispose,i=r.useRef(null),o=r.useRef(null);return r.useEffect(function(){var r;if(null===(r=o.current)||void 0===r||r.dispose(),i)return o.current=new _e(i.current,e),t&&o.current.ready(function(){t((0,je.G)(o.current))}),n&&o.current.one("dispose",n),function(){var e;null===(e=o.current)||void 0===e||e.dispose()}},[e.viewKey]),r.useEffect(function(){var t;null===(t=o.current)||void 0===t||t.trigger({type:"update:clip:start:time",time:e.startTime})},[e.startTime]),r.useEffect(function(){var t;null===(t=o.current)||void 0===t||t.trigger({type:"update:clip:end:time",time:e.endTime})},[e.endTime]),r.createElement("div",{ref:i})}var De=n(47430),xe=n(14070),Ne=n(97291),Re=n(22490),Be=n(55796);function Ae(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,a,u=[],l=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=o.call(n)).done)&&(u.push(r.value),u.length!==t);l=!0);}catch(e){c=!0,i=e}finally{try{if(!l&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw i}}return u}}(e,t)||function(e,t){if(e){if("string"==typeof e)return Me(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Me(e,t):void 0}}(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 Me(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var Ie="edit-clip-timepoints",Le="shared.editClipTimepoints",Ue=i.T.encloseNamespace(Le),Fe=30,He=5;function Ze(e){var t,n,c,s=r.useRef(null),f=function(e){if(!e)return 0;var t=Number(e);return isNaN(t)?0:t}(e.startTime),p=Ae(r.useState(f),2),d=p[0],y=p[1],m=Ae(r.useState(f+Fe),2),h=m[0],v=m[1],b=a.a.useBasicFetch(O.L.config()),g=a.a.useBasicFetch(!!e.id&&P.e.clip(e.id)),N=(null===(n=null===(t=g.data)||void 0===t?void 0:t._parentVideo)||void 0===n?void 0:n.id)||e.videoId,R=a.a.useBasicFetch(!!N&&C.k.createViewKey(N,w.f.MasterObject)),B=a.a.useBasicFetch(!!N&&_.R.video(N)),A=Ae(r.useState(0),2),M=A[0],I=A[1],L=(0,j.f)(),U=(0,k.T)().getGatedPermission;return(0,D.M)({title:e.id?null===(c=g.data)||void 0===c?void 0:c.name:Ue("pageTitle")}),r.useEffect(function(){"hard-gate"!==U(E.C.UploadVideo)&&L.lock({id:Ie,title:i.T.getPhrase(Le,"navLockTitle"),text:i.T.getPhrase(Le,"navLockBody")})},[]),r.useEffect(function(){g.data&&(y(g.data.startTime),v(g.data.endTime))},[g.data]),e.id||e.videoId?"hard-gate"===U(E.C.UploadVideo)?r.createElement("div",{className:"px-3"},r.createElement("h1",{className:"h2 my-1"},r.createElement(l.x,{namespace:Le,phrase:"gatedHeading"})),r.createElement(De.f,{feature:"clip",extraCta:r.createElement(S.u.Cta,{text:Ue("backToVideo"),appLink:Re.W.getAppLink(B.data),className:"btn btn-link text-info mt-0"})})):r.createElement("div",{className:"px-3"},"soft-gate"===U(E.C.UploadVideo)&&r.createElement(Be.Z,null),!!b.data&&!!R.data&&!!B.data&&(!e.id||!!g.data)&&r.createElement("div",{className:"pb-3"},r.createElement("div",{className:"mb-3"},r.createElement(ke,{onReady:function(e){s.current=e,e.on("durationchange",function(){return I(e.duration())})},playerApi:new URL(b.data.playerApiUrl),viewKey:R.data.viewKey,startTime:d,endTime:h,onChangeStartTime:y,onChangeEndTime:v,minDuration:He,autoplay:!0})),r.createElement(T,{startTime:d,endTime:h,setStartTime:y,setEndTime:v,onSubmit:function(){var t="";d>h&&(t=Ue("startTimeGreaterThanEndTime")),h-d<He&&(t=Ue("tooShort",{minDuration:He})),t?function(e){x.M.render(r.createElement("p",null,e),{title:Ue("errorHeading"),cancelButtonProps:{variant:"link",text:Ue("close")}})}(t):(L.unlock(Ie),o.Q.C$.trigger({application:Ne.O.CLIPS,action:e.id?xe.e.Clips.EDIT_CLIP_DETAILS_POPUP:xe.e.Clips.CREATE_CLIP_DETAILS,args:e.id?[e.id]:[e.videoId],params:{startTime:d,endTime:h,isCopying:e.isCopying}}))},onCancel:function(){var e,t,n,r,i=null!==(t=null===(e=s.current)||void 0===e?void 0:e.currentTime())&&void 0!==t?t:0;o.Q.C$.trigger({application:Ne.O.VIDEOS,action:xe.e.Videos.PLAY_VIDEO,args:[null===(n=B.data)||void 0===n?void 0:n.id,u.m.slugify(null===(r=B.data)||void 0===r?void 0:r.name)],params:{t:i}})},duration:M}))):r.createElement(r.Fragment,null)}},63816:(e,t,n)=>{function r(e){return new Proxy(e,{get:function(e,t,n){if("off"===t||!e.isDisposed())return Reflect.get(e,t,n)}})}n.d(t,{G:()=>r})}}]);
+//# sourceMappingURL=1912-52e57d9f16-lite.chunk.js.map

package/dist/scripts/1912-52e57d9f16-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/1912-52e57d9f16-lite.chunk.js","mappings":"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","sources":["file:///app/packages/projects/lite/src/apps/sign-up/components/soft-gate-banner/GateBanner.tsx","file:///app/packages/projects/lite/src/shared/components/hard-gate-empty-state/HardGateEmptyState.tsx","file:///app/packages/libs/shared/src/components/time-input/time-input.scss","file:///app/packages/libs/shared/src/components/time-input/TimeInput.tsx","file:///app/packages/libs/shared/src/apps/clips/components/clip-time-form/ClipTimeForm.tsx","file:///app/packages/projects/player/src/plugins/create-clip-plugin/components/clip-timepoint-selector/clip-timepoint-selector-handle.ts","file:///app/packages/projects/player/src/plugins/create-clip-plugin/components/clip-timepoint-selector/clip-timepoint-selector.ts","file:///app/packages/projects/player/src/plugins/create-clip-plugin/components/create-clip-progress-indicator/create-clip-progress-indicator.ts","file:///app/packages/projects/player/src/plugins/create-clip-plugin/components/create-clip-seek-bar/create-clip-seek-bar.ts","file:///app/packages/projects/player/src/plugins/create-clip-plugin/create-clip-plugin.ts","file:///app/packages/projects/player/src/players/create-clip-player.ts","file:///app/packages/projects/player/src/react/CreateClipPlayer.tsx","file:///app/packages/projects/lite/src/shared/views/edit-clip-timepoints/EditClipTimepointsView.tsx","file:///app/packages/projects/player/src/utils/getProxy.ts"],"sourcesContent":["import React from 'react';\n\nimport { EntityType, LocationContext, SignUpDescriptors, UserAction } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nconst namespace = 'signUp.gateBanner';\n\nexport function GateBanner(): JSX.Element {\n  return (\n    <div role='alert' className='bg-light-indigo text-indigo rounded p-2 mb-4 d-flex align-items-center'>\n      <SvgContainer svgName={cvSvgLibrary.StarOutline} size={SvgContainerSize.Large} />\n      <Text namespace={namespace} phrase='softGate' />&nbsp;\n      <AppLink\n        appLink={{\n          application: AppChannels.SIGN_UP,\n          action: Actions.SignUp.PREMIUM_FEATURES\n        }}\n        className='indigo-link text-indigo text-underline d-inline'\n        analyticsData={{}}\n        analyticsOptions={{\n          actionType: UserAction.Click,\n          location: LocationContext.GatedBanner,\n          entity: EntityType.AppLink,\n          descriptor: SignUpDescriptors.PremiumFeatures\n        }}\n      >\n        <Text namespace={namespace} phrase='learnMore' />\n      </AppLink>\n    </div>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { EntityType, LocationContext, SignUpDescriptors, UserAction } from 'libs/analytics/interfaces';\n\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\nimport { Text } from 'libs/shared/components/text/Text';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nconst namespace = 'shared.hardGateEmptyState';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ntype Feature = 'insights' | 'my-videos' | 'playlists' | 'clip';\n\ninterface FeatureConfig {\n  headingPhrase: string;\n  descriptionPhrase: string;\n  ctaPhrase: string;\n  imageUrl: string;\n}\n\nconst featureConfigMap: Record<Feature, FeatureConfig> = {\n  'insights': {\n    headingPhrase: 'insightsHeading',\n    descriptionPhrase: 'insightsDescription',\n    ctaPhrase: 'insightsCta',\n    imageUrl: ImageUrls.ReverseTrial.INTERACTIVE\n  },\n  'my-videos': {\n    headingPhrase: 'myVideosHeading',\n    descriptionPhrase: 'myVideosDescription',\n    ctaPhrase: 'myVideosCta',\n    imageUrl: ImageUrls.EmptyStates.MY_VIDEOS_PUBLIC\n  },\n  'playlists': {\n    headingPhrase: 'playlistsHeading',\n    descriptionPhrase: 'playlistsDescription',\n    ctaPhrase: 'playlistsCta',\n    imageUrl: ImageUrls.EmptyStates.Playlists.PLAYLISTS_PUBLIC\n  },\n  'clip': {\n    headingPhrase: 'clipHeading',\n    descriptionPhrase: 'clipDescription',\n    ctaPhrase: 'clipCta',\n    imageUrl: ImageUrls.ReverseTrial.CLIP\n  }\n};\n\ninterface HardGateEmptyStateProps {\n  feature: Feature;\n  extraCta?: React.ReactNode;\n}\n\nexport function HardGateEmptyState(props: HardGateEmptyStateProps) {\n  const config = featureConfigMap[props.feature];\n\n  return (\n    <EmptyState>\n      <EmptyState.Image src={config.imageUrl} />\n      <EmptyState.Heading>\n        <Text namespace={namespace} phrase={config.headingPhrase} />\n      </EmptyState.Heading>\n      <EmptyState.Info className='w-75'>\n        <Text namespace={namespace} phrase={config.descriptionPhrase} />&nbsp;\n      </EmptyState.Info>\n      <EmptyState.Cta\n        text={getPhrase(config.ctaPhrase)}\n        appLink={{\n          application: AppChannels.SIGN_UP,\n          action: Actions.SignUp.PREMIUM_FEATURES\n        }}\n        analyticsData={{}}\n        analyticsOptions={{\n          actionType: UserAction.Click,\n          location: LocationContext.GatedEmptyState,\n          entity: EntityType.AppLink,\n          descriptor: SignUpDescriptors.PremiumFeatures\n        }}\n        className='btn btn-dark mb-3'\n      />\n      {props.extraCta}\n    </EmptyState>\n  );\n}\n\n","// extracted by mini-css-extract-plugin\nexport default {\"arrowContainer\":\"lFyGP\",\"downArrow\":\"kuLky\",\"upArrow\":\"_zBG5\",\"inputContainer\":\"h0Hdv\",\"focus\":\"IJSFr\"};","import * as React from 'react';\n\nimport { TimeHelper } from 'libs/common/react/utils/TimeHelper';\n\nimport { DurationHelper } from 'libs/shared/utils/DurationHelper';\n\nimport styles from './time-input.scss';\n\nconst UP_ARROW_KEYCODE = 38;\nconst DOWN_ARROW_KEYCODE = 40;\n\nconst HOUR = 3600; // hour in seconds;\n\ninterface TimeInputProps {\n  /**\n   * A time in seconds\n   */\n  value: number;\n\n  /**\n   * Callback to set time where time is in seconds.\n   *\n   * Will be called on blur.\n   */\n  setTime: (time: number) => void;\n\n  /**\n   * Allows a time to be typed in by the user.\n   *\n   * Note: this doesn't include UP/DOWN keyboard arrows which are always enabled.\n   */\n  allowKeyboardInput?: boolean;\n\n  formSize?: 'md' | 'lg';\n\n  hasError?: boolean;\n\n  /**\n   * Time in seconds to logically cap the maximum input value\n   */\n  maxValue?: number;\n\n  disabled?: boolean;\n\n  /**\n   * If set to true, will hide the up and down arrow buttons\n   */\n  hideButtons?: boolean;\n\n  duration?: number;\n}\n\nTimeInput.defaultProps = {\n  allowKeyboardInput: true,\n  size: 'lg'\n};\n\nexport function TimeInput(props: TimeInputProps): JSX.Element {\n  const [ hours, setHours ] = React.useState('00');\n  const [ minutes, setMinutes ] = React.useState('00');\n  const [ seconds, setSeconds ] = React.useState('00');\n  const [ focus, setFocus ] = React.useState(false);\n\n  const minutesRef = React.useRef(null);\n  const secondsRef = React.useRef(null);\n\n  const showHours = props.duration && props.duration >= HOUR;\n\n  function handleFocus(e: React.FocusEvent<HTMLInputElement>) {\n    e.target.select();\n    setFocus(true);\n  }\n\n  function handleChange(\n    event: React.ChangeEvent<HTMLInputElement>,\n    setValue: (value: string) => void,\n    nextInputRef?: React.MutableRefObject<HTMLInputElement>\n  ) {\n    const inputValue = event.target.value;\n    const formattedValue = inputValue.replace(/\\D/g, '').slice(0, 2);\n    setValue(formattedValue);\n\n    \n    if (formattedValue.length === 2 && nextInputRef?.current)\n      requestAnimationFrame(() => nextInputRef.current.focus());\n  }\n\n  function increment(): void {\n    props.setTime(props.value + 1);\n  }\n\n  function decrement(): void {\n    props.setTime(props.value - 1);\n  }\n\n  function handleBlur(\n    event: React.ChangeEvent<HTMLInputElement>,\n    setValue: (value: string) => void\n  ): void {\n    if (!props.allowKeyboardInput)\n      return;\n\n    updateTime(TimeHelper.convertDurationToSeconds(hours, minutes, seconds));\n    setValue(event.target.value.padStart(2, '0'));\n    setFocus(false);\n  }\n\n  function updateTime(value: number) {\n    if (value < 0)\n      return;\n    \n    if (props.maxValue && value > props.maxValue)\n      return;\n    \n    props.setTime(value);\n  }\n\n  function setTimeInputs() {\n    const displayDuration = DurationHelper.ToDisplayDuration(props.value * 1000, true).split(':');\n\n    setHours(String(displayDuration[0]).padStart(2, '0'));\n    setMinutes(displayDuration[1]);\n    setSeconds(displayDuration[2]);\n  }\n\n  function handleKeyDown(e: React.KeyboardEvent) {\n    if (e.keyCode === UP_ARROW_KEYCODE)\n      increment();\n\n    if (e.keyCode === DOWN_ARROW_KEYCODE)\n      decrement();\n  }\n\n  React.useEffect(() => {\n    setTimeInputs();\n  }, [props.value]);\n\n  return (\n    <div className={`${styles.inputContainer} ${focus ? styles.focus : ''} position-relative bg-white d-flex align-items-center p-2 rounded-pill font-size-md`}>\n      <div className={`${showHours ? '' : 'd-none'}`}>\n        <input\n          type='text'\n          className='border-0 outline-none'\n          value={hours}\n          maxLength={2}\n          placeholder='HH'\n          onChange={e => handleChange(e, setHours, minutesRef)}\n          onFocus={handleFocus}\n          onBlur={e => handleBlur(e, setHours)}\n          onKeyDown={handleKeyDown}\n          disabled={props.disabled}\n        />\n        <span>:</span>\n      </div>\n      <div>\n        <input\n          ref={minutesRef}\n          type='text'\n          className='border-0 outline-none'\n          value={minutes}\n          maxLength={2}\n          placeholder='MM'\n          onChange={e => handleChange(e, setMinutes, secondsRef)}\n          onFocus={handleFocus}\n          onBlur={e => handleBlur(e, setMinutes)}\n          onKeyDown={handleKeyDown}\n          disabled={props.disabled}\n        />\n        <span>:</span>\n      </div>\n      <input\n        ref={secondsRef}\n        type='text'\n        className='border-0 outline-none'\n        value={seconds}\n        maxLength={2}\n        placeholder='SS'\n        onChange={e => setSeconds(e.target.value)}\n        onFocus={handleFocus}\n        onBlur={e => handleBlur(e, setSeconds)}\n        onKeyDown={handleKeyDown}\n        disabled={props.disabled}\n      />\n      {!props.hideButtons &&\n        <div>\n          <div className={styles.arrowContainer} onClick={increment}>\n            <div className={styles.upArrow} />\n          </div>\n          <div className={styles.arrowContainer} onClick={decrement}>\n            <div className={styles.downArrow} />\n          </div>\n        </div>\n      }\n    </div>\n  );\n}\n\n","import * as React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { Text } from 'libs/shared/components/text/Text';\nimport { TimeInput } from 'libs/shared/components/time-input/TimeInput';\nimport { DurationHelper } from 'libs/shared/utils/DurationHelper';\n\nconst namespace = 'shared.clipTimeForm';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\n/**\n * All times are in seconds.\n */\ninterface ClipTimeFormProps {\n  startTime: number;\n  endTime: number;\n  setStartTime: (time: number) => void;\n  setEndTime: (time: number) => void;\n  onSubmit: () => void;\n  onCancel: () => void;\n  duration: number;\n}\n\nexport function ClipTimeForm(props: ClipTimeFormProps): JSX.Element {\n  if (isNaN(props.startTime) || isNaN(props.endTime))\n    return <></>;\n\n  /**\n   * DurationHelper.ToDisplayDuration in TimeInput will truncate as decimals\n   * so we floor the times when displaying the duration.\n   */\n  const duration = Math.floor(props.endTime) - Math.floor(props.startTime);\n\n  return (\n    <div className='px-3'>\n      <form className='d-flex align-items-center justify-content-center pb-4'>\n        <div>\n          <TimeInput\n            value={props.startTime}\n            setTime={props.setStartTime}\n            duration={props.duration}\n          />\n        </div>\n        <span className='px-2'>-</span>\n        <div className='me-2'>\n          <TimeInput\n            value={props.endTime}\n            setTime={props.setEndTime}\n            duration={props.duration}\n          />\n        </div>\n        <span>\n          <strong><Text namespace={namespace} phrase='duration' /></strong>\n          &nbsp;\n          {DurationHelper.ToDisplayDuration((duration) * 1000)}\n        </span>\n      </form>\n      <div className='d-flex justify-content-end'>\n        <button className='btn btn-link' onClick={props.onCancel}>\n          {getPhrase('cancel')}\n        </button>\n        <button className='btn btn-dark' onClick={props.onSubmit}>\n          {getPhrase('next')}\n        </button>\n      </div>\n    </div>\n  );\n}\n","import videojs from 'video.js';\n\nconst Component = videojs.getComponent('Component');\n\n// tslint:disable-next-line\nconst handleSvg = '<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\nexport class ClipTimepointSelectorHandle extends Component {\n  public buildCSSClass(): string {\n    return `cv-clip-timepoint-handle ${super.buildCSSClass()}`;\n  }\n\n  public createEl(tagName?: string, properties?: any, attributes?: any): Element {\n    return super.createEl(tagName, {\n      ...properties,\n      className: this.buildCSSClass(),\n      innerHTML: handleSvg\n    }, attributes);\n  }\n\n  public isEventTarget(e: videojs.EventTarget.Event): boolean {\n    return this.el().contains(e.target as Node);\n  }\n}","import videojs, { VideoJsPlayer } from 'video.js';\n\nconst Component = videojs.getComponent('Component');\n\nimport {\n  ClipTimepointSelectorHandle\n} from 'projects/player/plugins/create-clip-plugin/components/clip-timepoint-selector/clip-timepoint-selector-handle';\n\nimport './clip-timepoint-selector.scss';\n\nexport interface ClipTimepointSelectorOptions extends videojs.ComponentOptions {\n  startTime: number;\n  endTime: number;\n  minDuration: number;\n  onChangeStartTime: (startTime: number) => void;\n  onChangeEndTime: (endTime: number) => void;\n}\n\nexport class ClipTimepointSelector extends Component {\n  // tslint:disable-next-line\n  public options_: ClipTimepointSelectorOptions;\n\n  // tslint:disable-next-line\n  public el_: HTMLElement;\n\n  private minDuration: number;\n\n  /**\n   * These variables shouldn't be set directly.\n   * setStartTime and setEndTime should be used.\n   */\n  private startTime: number;\n  private endTime: number;\n\n  private startHandle: ClipTimepointSelectorHandle;\n  private endHandle: ClipTimepointSelectorHandle;\n\n  private dragStartActive: boolean = false;\n  private dragEndActive: boolean = false;\n  private dragSliderActive: boolean = false;\n\n  private dragSliderCurrentPosition: number = null;\n\n  constructor(player: VideoJsPlayer, options: ClipTimepointSelectorOptions) {\n    super(player, options);\n\n    this.minDuration = Math.min(player.duration(), this.options_.minDuration);\n\n    this.setStartTime(options.startTime, false);\n    this.setEndTime(options.endTime, false);\n\n    this.startHandle = new ClipTimepointSelectorHandle(this.player(), options);\n    this.startHandle.addClass('cv-clip-start-handle');\n    this.addChild(this.startHandle);\n\n    this.endHandle = new ClipTimepointSelectorHandle(this.player(), options);\n    this.endHandle.addClass('cv-clip-end-handle');\n    this.addChild(this.endHandle);\n\n    this.on(this.player(), 'update:clip:start:time', ({ time }) => this.setStartTime(time));\n    this.on(this.player(), 'update:clip:end:time', ({ time }) => this.setEndTime(time));\n\n    this.bindListeners();\n    this.update();\n  }\n\n  public createEl(): Element {\n    return super.createEl('div', {\n      className: 'cv-clip-timepoint-selector'\n    }, {});\n  }\n\n  private update(): void {\n    this.options_.onChangeStartTime(this.startTime);\n    this.options_.onChangeEndTime(this.endTime);\n\n    this.requestAnimationFrame(() => {\n      this.setStartOffset();\n      this.setWidth();\n    });\n  }\n\n  private setStartTime(time: number, shouldUpdate: boolean = true): void {\n    if (isNaN(time))\n      return;\n\n    const currentDuration = this.hasStartTime() && this.hasEndTime() && (this.endTime - this.startTime);\n\n    const maxStartTime = this.player().duration() - this.minDuration;\n\n    if (time > maxStartTime)\n      time = maxStartTime;\n\n    if (time < 0)\n      time = 0;\n\n    this.startTime = time;\n\n    if (this.endTime && (this.endTime - this.startTime < this.minDuration)) {\n      const newEndTime = typeof currentDuration === 'number'\n        ? this.startTime + currentDuration\n        : this.startTime + this.minDuration;\n\n      this.setEndTime(newEndTime);\n    }\n\n    /**\n     * Seek player to the clip start time.\n     */\n    this.player().currentTime(this.startTime);\n\n    if (shouldUpdate)\n      this.update();\n  }\n\n  private setEndTime(time: number, shouldUpdate: boolean = true): void {\n    if (isNaN(time))\n      return;\n\n    const currentDuration = this.hasStartTime() && this.hasEndTime() && (this.endTime - this.startTime);\n\n    const minEndTime = this.minDuration;\n\n    if (time < minEndTime)\n      time = minEndTime;\n\n    if (time > this.player().duration())\n      time = this.player().duration();\n\n    this.endTime = time;\n\n    if (this.startTime && (this.endTime - this.startTime < this.minDuration)) {\n      const newStartTime = typeof currentDuration === 'number'\n        ? this.endTime - currentDuration\n        : this.endTime - this.minDuration;\n\n      this.setStartTime(newStartTime);\n    }\n\n    if (shouldUpdate)\n      this.update();\n  }\n\n  private bindListeners(): void {\n    this.onTimeupdate = this.onTimeupdate.bind(this);\n    this.player().on('timeupdate', this.onTimeupdate);\n\n    this.on('mousedown', this.dragStart);\n    this.on('touchstart', this.dragStart);\n    \n\n    this.player().on('dispose', () => {\n      this.player().off('timeupdate', this.onTimeupdate);\n      this.off('mousedown', this.dragStart);\n      this.off('touchstart', this.dragStart);\n    });\n  }\n\n  private hasStartTime(): boolean {\n    return typeof this.startTime === 'number';\n  }\n\n  private hasEndTime(): boolean {\n    return typeof this.endTime === 'number';\n  }\n\n  private onTimeupdate(): void {\n    /**\n     * Pause the player if it plays past the end point\n     */\n    const currentTime = this.player().currentTime();\n    if (currentTime > this.endTime && currentTime < (this.endTime + 0.5))\n      this.player().pause();\n  }\n\n  private dragStart(e: videojs.EventTarget.Event): void {\n    if (this.startHandle.isEventTarget(e)) {\n      e.stopImmediatePropagation();\n      this.dragStartActive = true;\n    }\n\n    if (this.endHandle.isEventTarget(e)) {\n      e.stopImmediatePropagation();\n      this.dragEndActive = true;\n    }\n\n    if (e.target === this.el()) {\n      e.stopImmediatePropagation();\n      this.dragSliderActive = true;\n      this.dragSliderCurrentPosition = this.getPosition(e);\n    }\n\n    const doc = this.el().ownerDocument as unknown as Element;\n\n    this.on(doc, 'mousemove', this.drag);\n    this.on(doc, 'mouseup', this.dragEnd);\n    this.on(doc, 'touchmove', this.drag);\n    this.on(doc, 'touchend', this.dragEnd);\n\n    this.drag(e);\n  }\n\n  private dragEnd(): void {\n    this.dragStartActive = false;\n    this.dragEndActive = false;\n    this.dragSliderActive = false;\n    this.dragSliderCurrentPosition = null;\n\n    const doc = this.el().ownerDocument as unknown as Element;\n\n    this.off(doc, 'mousemove', this.drag);\n    this.off(doc, 'mouseup', this.dragEnd);\n    this.off(doc, 'touchmove', this.drag);\n    this.off(doc, 'touchend', this.dragEnd);\n  }\n\n  private drag(e: videojs.EventTarget.Event): void {\n    if (!this.dragStartActive && !this.dragEndActive && !this.dragSliderActive || !videojs.dom.isSingleLeftClick(e))\n      return;\n    \n    const position = this.getPosition(e);\n\n    const timepoint = position * this.player().duration();\n\n    if (this.dragStartActive)\n      this.handleStartHandleDrag(timepoint);\n\n    if (this.dragEndActive)\n      this.handleEndHandleDrag(timepoint);\n\n    if (this.dragSliderActive)\n      this.handleSliderDrag(position);\n  }\n\n  private handleStartHandleDrag(timepoint: number): void {\n    this.setStartTime(timepoint);\n  }\n\n  private handleEndHandleDrag(timepoint: number): void {\n    this.setEndTime(timepoint);\n  }\n\n  private handleSliderDrag(position: number): void {\n    const timeDifference = (position - this.dragSliderCurrentPosition) * this.player().duration();\n    const newStartTime = this.startTime + timeDifference;\n    const newEndTime = this.endTime + timeDifference;\n\n    /**\n     * Don't move if the clip is already at the beginning and/or end\n     * of the video.\n     */\n    if (newStartTime <= 0 || newEndTime >= this.player().duration())\n      return;\n\n    this.dragSliderCurrentPosition = position;\n    this.setStartTime(newStartTime);\n    this.setEndTime(newEndTime);\n  }\n\n  private getPosition(e: videojs.EventTarget.Event): number {\n    return videojs.dom.getPointerPosition(this.el_.parentNode as HTMLElement, e).x;\n  }\n\n  private setStartOffset(): void {\n    this.el_.style.marginLeft = `${this.getPercentage(this.startTime)}%`;\n  }\n\n  private setWidth(): void {\n    this.el_.style.width = `${this.getPercentage(this.endTime - this.startTime)}%`;\n  }\n\n  private getPercentage(time: number): number {\n    return +((time / this.player().duration() * 100).toFixed(4));\n  }\n}","import videojs, { VideoJsPlayer } from 'video.js';\n\nconst Component = videojs.getComponent('Component');\n\nimport './create-clip-progress-indicator.scss';\n\ninterface CreateClipProgressIndicatorOptions extends videojs.ComponentOptions {\n  seekBar: videojs.Component;\n  playProgressBar: videojs.Component;\n}\n\nexport class CreateClipProgressIndicator extends Component {\n  private el_: HTMLDivElement;\n  private seekBar_: videojs.Component;\n  private playProgressBar_: videojs.Component;\n  private videoWasPlaying_: boolean;\n\n  constructor(player: VideoJsPlayer, options: CreateClipProgressIndicatorOptions) {\n    super(player, options);\n\n    this.seekBar_ = options.seekBar;\n    this.playProgressBar_ = options.playProgressBar;\n\n    this.bindListeners();\n    this.player_.one('dispose', () => {\n      this.unbindListeners();\n    });\n  }\n\n  public createEl(tagName?: string, properties?: any, attribtues?: any): Element {\n    return super.createEl(tagName, {\n      ...properties,\n      className: 'cv-create-clip-progress-indicator'\n    }, attribtues);\n  }\n\n  private bindListeners(): void {\n    this.on('mousedown', this.handleMouseDown);\n    this.on('touchstart', this.handleMouseDown);\n  }\n\n  private unbindListeners(): void {\n    const doc = (this.el_ as any).ownerDocument;\n\n    this.off('mousedown', this.handleMouseDown);\n    this.off('touchstart', this.handleMouseDown);\n    this.off(doc, 'mousemove', this.handleMouseMove);\n    this.off(doc, 'mouseup', this.handleMouseUp);\n    this.off(doc, 'touchmove', this.handleMouseMove);\n    this.off(doc, 'touchend', this.handleMouseUp);\n  }\n\n  private handleMouseDown(event: videojs.EventTarget.Event): void {\n    // Prevent handling right and middle mouse clicks\n    if (!videojs.dom.isSingleLeftClick(event))\n      return;\n\n    event.stopPropagation();\n    if (event.type === 'mousedown')\n      event.preventDefault();\n\n    /**\n     * Comment below copied over from videojs - Sha\n     * \n     * Do not call preventDefault() on touchstart in Chrome\n     * to avoid console warnings. Use a 'touch-action: none' style\n     * instead to prevent unintented scrolling.\n     * https://developers.google.com/web/updates/2017/01/scrolling-intervention\n     */\n    if (event.type === 'touchstart' && !videojs.browser.IS_CHROME)\n      event.preventDefault();\n\n    this.player_.scrubbing(true);\n    this.videoWasPlaying_ = !this.player_.paused();\n    this.player_.pause();\n\n    videojs.dom.blockTextSelection();\n\n    const doc = (this.el_ as any).ownerDocument;\n\n    this.on(doc, 'mousemove', this.handleMouseMove);\n    this.on(doc, 'mouseup', this.handleMouseUp);\n    this.on(doc, 'touchmove', this.handleMouseMove);\n    this.on(doc, 'touchend', this.handleMouseUp);\n\n    this.handleMouseMove(event);\n\n    this.player_.addClass('cv-hide-mouse-time');\n  }\n\n  private handleMouseMove(event: videojs.EventTarget.Event): void {\n    // Prevent handling right and middle mouse clicks\n    if (!videojs.dom.isSingleLeftClick(event))\n      return;\n\n    const distance = videojs.dom.getPointerPosition((this.seekBar_ as any).el_, event).x;\n\n    let newTime = distance * this.player_.duration();\n\n    // Don't let video end while scrubbing.\n    if (newTime === this.player_.duration())\n      newTime = newTime - 0.1;\n\n    this.player_.currentTime(newTime);\n    (this.playProgressBar_ as any).update();\n  }\n\n  private handleMouseUp(event: videojs.EventTarget.Event): void {\n    videojs.dom.unblockTextSelection();\n\n    const doc = (this.el_ as any).ownerDocument;\n\n    this.off(doc, 'mousemove', this.handleMouseMove);\n    this.off(doc, 'mouseup', this.handleMouseUp);\n    this.off(doc, 'touchmove', this.handleMouseMove);\n    this.off(doc, 'touchend', this.handleMouseUp);\n\n    event?.stopPropagation();\n    this.player_.scrubbing(false);\n    this.player_.trigger({ type: 'timeupdate', target: this, manuallyTriggered: true });\n    if (this.videoWasPlaying_) {\n      this.player_.play();\n    }\n\n    (this.seekBar_ as any).update();\n    this.player_.removeClass('cv-hide-mouse-time');\n  }\n}\n\nvideojs.registerComponent('CreateClipProgressIndicator', CreateClipProgressIndicator);","import videojs, { VideoJsPlayer } from 'video.js';\n\nimport {\n  ClipTimepointSelector,\n  ClipTimepointSelectorOptions\n} from 'projects/player/plugins/create-clip-plugin/components/clip-timepoint-selector/clip-timepoint-selector';\nimport { CreateClipProgressIndicator } from 'projects/player/plugins/create-clip-plugin/components/create-clip-progress-indicator/create-clip-progress-indicator';\n\nimport './create-clip-seek-bar.scss';\n\nconst SeekBar = videojs.getComponent('SeekBar') as unknown as typeof videojs.SeekBar;\n\ninterface CreateClipSeekBarOptions extends ClipTimepointSelectorOptions {}\n\nexport class CreateClipSeekBar extends SeekBar {\n  constructor(player: VideoJsPlayer, options: any) {\n    super(player, options);\n\n    this.addClass('cv-create-clip-seek-bar');\n  }\n\n  public initialize(options: CreateClipSeekBarOptions): void {\n    const timepointSelector = new ClipTimepointSelector(this.player(), options);\n\n    this.addChild(timepointSelector);\n\n    const playProgressBar = this.getChild('playProgressBar');\n    const indicator = new CreateClipProgressIndicator(this.player_, {\n      seekBar: this,\n      playProgressBar\n    });\n    playProgressBar.addChild(indicator);\n  }\n}\n\nCreateClipSeekBar.prototype.options_ = {\n  children: ['playProgressBar'],\n  barName: 'playProgressBar'\n};\n\n// MouseTimeDisplay tooltips should not be added to a player on mobile devices\nif (!videojs.browser.IS_IOS && !videojs.browser.IS_ANDROID) {\n  CreateClipSeekBar.prototype.options_.children.splice(1, 0, 'mouseTimeDisplay');\n}\n\nvideojs.registerComponent('CreateClipSeekBar', CreateClipSeekBar);","import videojs, { VideoJsPlayer } from 'video.js';\n\nimport {\n  CreateClipSeekBar\n} from 'projects/player/plugins/create-clip-plugin/components/create-clip-seek-bar/create-clip-seek-bar';\n\nimport 'projects/player/plugins/create-clip-plugin/components/create-clip-seek-bar/create-clip-seek-bar';\n\nconst Plugin = videojs.getPlugin('plugin');\n\nconst DEFAULT_MIN_CLIP_DURATION = 5; // seconds;\n\ninterface CreateClipPluginOptions {\n  onChangeStartTime: (startTime: number) => void;\n  onChangeEndTime: (endTime: number) => void;\n  startTime?: number;\n  endTime?: number;\n  minDuration?: number;\n}\n\nclass CreateClipPlugin extends Plugin {\n  private options: CreateClipPluginOptions;\n\n  constructor(player: VideoJsPlayer, options: CreateClipPluginOptions) {\n    super(player, options);\n\n    this.options = options;\n\n    this.initCreateClipSeekBar = this.initCreateClipSeekBar.bind(this);\n\n    this.player.one('loadedmetadata', () => this.player.ready(this.initCreateClipSeekBar));\n  }\n\n  private initCreateClipSeekBar(): void {\n    const seekBar = this.player.controlBar.getChild('ProgressControl')?.getChild('SeekBar') as CreateClipSeekBar;\n\n    if (!seekBar)\n      return;\n\n    const startTime = (!isNaN(this.options.startTime) && this.options.startTime >= 0)\n      ? this.options.startTime\n      : 0;\n\n    const endTime = (!isNaN(this.options.endTime) && this.options.endTime <= this.player.duration())\n      ? this.options.endTime\n      : this.player.duration();\n\n    const minDuration = Math.min(this.options.minDuration || DEFAULT_MIN_CLIP_DURATION, this.player.duration());\n\n    seekBar.initialize({\n      startTime,\n      endTime,\n      minDuration,\n      onChangeStartTime: this.options.onChangeStartTime,\n      onChangeEndTime: this.options.onChangeEndTime\n    });\n  }\n\n  public dispose(): void {\n    this.player.off('loadedmetadata', this.initCreateClipSeekBar);\n    super.dispose();\n  }\n}\n\nvideojs.registerPlugin('createClipPlugin', CreateClipPlugin);\n\n\ndeclare module 'video.js' {\n  export interface VideoJsPlayer {\n    createClipPlugin(options: CreateClipPluginOptions): void;\n  }\n}","/* eslint simple-import-sort/imports: 0 */\n\nimport { VideoJsPlayerOptions } from 'video.js';\nimport { BasePlayer, BasePlayerOptions } from './base-player';\n\nimport { AnalyticsPlayerType } from 'projects/player/services/analytics-service';\n\nimport 'projects/player/plugins/create-clip-plugin/create-clip-plugin';\n\n\nexport interface CreateClipPlayerOptions extends Omit<BasePlayerOptions, 'playbackRates'> {\n  onChangeEndTime: (endTime: number) => void;\n  onChangeStartTime: (startTime: number) => void;\n  startTime?: number;\n  endTime?: number;\n  minDuration?: number;\n}\n\nexport class CreateClipPlayer extends BasePlayer {\n  protected options: CreateClipPlayerOptions;\n\n  constructor(id: string | Element, options: CreateClipPlayerOptions) {\n    super(id, {\n      ...options,\n      allowFullscreen: false,\n      playbackRates: null,\n      enableLocalCache: false\n    });\n  }\n\n  protected getPlayerClassName(): string {\n    return 'cv-create-clip-player';\n  }\n\n  protected configurePlugins(): void {\n    const { startTime, endTime, minDuration, onChangeStartTime, onChangeEndTime } = this.options;\n    this.player.createClipPlugin({ startTime, endTime, minDuration, onChangeStartTime, onChangeEndTime });\n  }\n\n  protected getPlayerOptions(): VideoJsPlayerOptions {\n    const options = super.getPlayerOptions();\n    options.inactivityTimeout = 0;\n    return options;\n  }\n\n  protected getSeekBarName(): string {\n    return 'CreateClipSeekBar';\n  }\n\n  protected getAnalyticsPlayerType(): AnalyticsPlayerType {\n    return 'create-clip-player';\n  }\n}\n","import React from 'react';\n\nimport { CreateClipPlayer, CreateClipPlayerOptions } from 'projects/player/players/create-clip-player';\nimport { getProxy } from 'projects/player/utils/getProxy';\n\nexport interface ClickViewCreateClipPlayerProps extends CreateClipPlayerOptions {\n  onReady?: (player: CreateClipPlayer) => void;\n  onDispose?: () => void;\n}\n\nexport function ClickViewCreateClipPlayer(props: ClickViewCreateClipPlayerProps): React.ReactElement {\n  const { onReady, onDispose } = props;\n\n  const ref = React.useRef(null);\n  const playerRef = React.useRef<CreateClipPlayer>(null);\n\n  React.useEffect(() => {\n    playerRef.current?.dispose();\n\n    if (!ref)\n      return;\n\n    playerRef.current = new CreateClipPlayer(ref.current, props);\n\n    if (onReady) {\n      playerRef.current.ready(() => {\n        onReady(getProxy(playerRef.current));\n      });\n    }\n\n    if (onDispose) {\n      playerRef.current.one('dispose', onDispose);\n    }\n    \n    return () => {\n      playerRef.current?.dispose();\n    };\n  }, [props.viewKey]);\n\n  React.useEffect(() => {\n    playerRef.current?.trigger({ type: 'update:clip:start:time', time: props.startTime });\n  }, [props.startTime]);\n\n  React.useEffect(() => {\n    playerRef.current?.trigger({ type: 'update:clip:end:time', time: props.endTime });\n  }, [props.endTime]);\n\n  return (\n    <div ref={ref}></div>\n  );\n}","import * as React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\nimport { Flight } from 'libs/common/flight';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { ClipTimeForm } from 'libs/shared/apps/clips/components/clip-time-form/ClipTimeForm';\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { MediaIdType } from 'libs/shared/enums/MediaIdType';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ClipRequests } from 'libs/shared/flight-requests/ClipRequests';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { PlayerRequests } from 'libs/shared/flight-requests/PlayerRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { useNavLock } from 'libs/shared/hooks/useNavLock';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Clip, Config, PlayerViewKey, Video } from 'libs/shared/interfaces';\nimport { DialogHelper } from 'libs/shared/utils/DialogHelper';\n\nimport { CreateClipPlayer } from 'projects/player/players/create-clip-player';\nimport { ClickViewCreateClipPlayer } from 'projects/player/react/CreateClipPlayer';\n\nimport { HardGateEmptyState } from 'shared/components/hard-gate-empty-state/HardGateEmptyState';\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nimport { GateBanner } from 'apps/sign-up/components/soft-gate-banner/GateBanner';\n\nconst NAV_LOCK_ID = 'edit-clip-timepoints';\nconst namespace = 'shared.editClipTimepoints';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst DEFAULT_DURATION = 30;\nconst MIN_DURATION = 5;\n\nfunction handleError(error: string): void {\n  DialogHelper.render(\n    (\n      <p>{error}</p>\n    ), {\n      title: getPhrase('errorHeading'),\n      cancelButtonProps: {\n        variant: 'link',\n        text: getPhrase('close')\n      }\n    }\n  );\n}\n\nfunction safeStringToNumber(value: string): number {\n  if (!value) return 0;\n\n  const number = Number(value);\n  return isNaN(number) ? 0 : number;\n}\n\ninterface EditClipTimepointsViewProps {\n  id?: string;\n  videoId?: string;\n  startTime?: string;\n  isCopying?: boolean;\n}\n\nexport function EditClipTimepointsView(props: EditClipTimepointsViewProps): JSX.Element {\n  const playerRef = React.useRef<CreateClipPlayer>(null);\n  \n  const initialStartTime = safeStringToNumber(props.startTime);\n\n  const [ startTime, setStartTime ] = React.useState<number>(initialStartTime);\n  const [ endTime, setEndTime ] = React.useState<number>(initialStartTime + DEFAULT_DURATION);\n\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const clip = Flight.useBasicFetch<Clip>(!!props.id && ClipRequests.clip(props.id));\n  const videoId = clip.data?._parentVideo?.id || props.videoId;\n  const viewKey = Flight.useBasicFetch<PlayerViewKey>(!!videoId &&\n    PlayerRequests.createViewKey(videoId, MediaIdType.MasterObject));\n  const video = Flight.useBasicFetch<Video>(!!videoId && VideoRequests.video(videoId));\n\n  const [ duration, setDuration ] = React.useState<number>(0);\n\n  const navLock = useNavLock();\n  const { getGatedPermission } = usePermissions();\n\n  useSetPageMetadata({ title: props.id ? clip.data?.name : getPhrase('pageTitle') });\n\n  React.useEffect(() => {\n    if (getGatedPermission(PermissionName.UploadVideo) === 'hard-gate') {\n      return;\n    }\n\n    navLock.lock({\n      id: NAV_LOCK_ID,\n      title: LanguageService.getPhrase(namespace, 'navLockTitle'),\n      text: LanguageService.getPhrase(namespace, 'navLockBody')\n    });\n  }, []);\n\n  React.useEffect(() => {\n    if (!clip.data)\n      return;\n\n    setStartTime(clip.data.startTime);\n    setEndTime(clip.data.endTime);\n  }, [clip.data]);\n\n  function onReady(player: CreateClipPlayer): void {\n    playerRef.current = player;\n\n    player.on('durationchange', () => setDuration(player.duration()));\n  }\n\n  function onSubmit(): void {\n    let error = '';\n\n    if (startTime > endTime)\n      error = getPhrase('startTimeGreaterThanEndTime');\n\n    if (endTime - startTime < MIN_DURATION)\n      error = getPhrase('tooShort', { minDuration: MIN_DURATION });\n\n    if (error) {\n      handleError(error);\n      return;\n    }\n\n    navLock.unlock(NAV_LOCK_ID);\n\n    Core.AppLinkHelper.trigger({\n      application: AppChannels.CLIPS,\n      action: props.id ? Actions.Clips.EDIT_CLIP_DETAILS_POPUP : Actions.Clips.CREATE_CLIP_DETAILS,\n      args: props.id ? [props.id] : [props.videoId],\n      params: { startTime, endTime, isCopying: props.isCopying }\n    });\n  }\n\n  function onCancel(): void {\n    const startTime = playerRef.current?.currentTime() ?? 0;\n\n    Core.AppLinkHelper.trigger({\n      application: AppChannels.VIDEOS,\n      action: Actions.Videos.PLAY_VIDEO,\n      args: [ video.data?.id, TextHelper.slugify(video.data?.name) ],\n      params: { t: startTime }\n    });\n  }\n\n  if (!props.id && !props.videoId)\n    return <></>;\n\n  if (getGatedPermission(PermissionName.UploadVideo) === 'hard-gate') {\n    return (\n      <div className='px-3'>\n        <h1 className='h2 my-1'>\n          <Text namespace={namespace} phrase='gatedHeading' />\n        </h1>\n        <HardGateEmptyState\n          feature='clip'\n          extraCta={(\n            <EmptyState.Cta\n              text={getPhrase('backToVideo')}\n              appLink={VideoAppLinkHelper.getAppLink(video.data)}\n              className='btn btn-link text-info mt-0'\n            />\n          )}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div className='px-3'>\n      {getGatedPermission(PermissionName.UploadVideo) === 'soft-gate' && <GateBanner />}\n      {!!config.data && !!viewKey.data && !!video.data && (!props.id || !!clip.data) &&\n        <div className='pb-3'>\n          <div className='mb-3'>\n            <ClickViewCreateClipPlayer\n              onReady={onReady}\n              playerApi={new URL(config.data.playerApiUrl)}\n              viewKey={viewKey.data.viewKey}\n              startTime={startTime}\n              endTime={endTime}\n              onChangeStartTime={setStartTime}\n              onChangeEndTime={setEndTime}\n              minDuration={MIN_DURATION}\n              autoplay\n            />\n          </div>\n          <ClipTimeForm\n            startTime={startTime}\n            endTime={endTime}\n            setStartTime={setStartTime}\n            setEndTime={setEndTime}\n            onSubmit={onSubmit}\n            onCancel={onCancel}\n            duration={duration}\n          />\n        </div>\n      }\n    </div>\n  );\n}","import { BasePlayer } from 'projects/player/players/base-player';\n\nexport function getProxy<T extends BasePlayer>(player: T) {\n  return new Proxy(player, {\n    get(target: T, p: string, receiver: any) {\n      /**\n       * We still allow removing event listeners if the player is diposed\n       */\n      if (p !== 'off' && target.isDisposed())\n        return;\n\n      return Reflect.get(target, p, receiver);\n    }\n  });\n}"],"names":["namespace","GateBanner","role","className","svgName","size","S","phrase","appLink","application","action","analyticsData","analyticsOptions","actionType","location","entity","descriptor","getPhrase","featureConfigMap","headingPhrase","descriptionPhrase","ctaPhrase","imageUrl","HardGateEmptyState","props","config","feature","src","text","extraCta","UP_ARROW_KEYCODE","DOWN_ARROW_KEYCODE","HOUR","TimeInput","hours","setHours","minutes","setMinutes","seconds","setSeconds","focus","setFocus","minutesRef","secondsRef","showHours","duration","handleFocus","e","target","select","handleChange","event","setValue","nextInputRef","formattedValue","value","replace","slice","length","current","requestAnimationFrame","increment","setTime","decrement","handleBlur","allowKeyboardInput","TimeHelper","maxValue","padStart","handleKeyDown","keyCode","displayDuration","DurationHelper","split","String","type","maxLength","placeholder","onChange","onFocus","onBlur","onKeyDown","disabled","ref","hideButtons","onClick","defaultProps","LanguageService","ClipTimeForm","isNaN","startTime","endTime","Math","floor","setStartTime","setEndTime","Text","onCancel","onSubmit","ClipTimepointSelectorHandle","tagName","properties","attributes","this","buildCSSClass","innerHTML","el","contains","ClipTimepointSelector","player","options","dragStartActive","dragEndActive","dragSliderActive","dragSliderCurrentPosition","minDuration","min","options_","startHandle","addClass","addChild","endHandle","on","time","bindListeners","update","onChangeStartTime","onChangeEndTime","setStartOffset","setWidth","shouldUpdate","currentDuration","hasStartTime","hasEndTime","maxStartTime","newEndTime","currentTime","minEndTime","newStartTime","onTimeupdate","bind","dragStart","off","pause","isEventTarget","stopImmediatePropagation","getPosition","doc","ownerDocument","drag","dragEnd","position","timepoint","handleStartHandleDrag","handleEndHandleDrag","handleSliderDrag","timeDifference","el_","parentNode","x","style","marginLeft","getPercentage","width","toFixed","CreateClipProgressIndicator","seekBar_","seekBar","playProgressBar_","playProgressBar","player_","one","unbindListeners","attribtues","handleMouseDown","handleMouseMove","handleMouseUp","stopPropagation","preventDefault","scrubbing","videoWasPlaying_","paused","newTime","trigger","manuallyTriggered","play","removeClass","CreateClipSeekBar","timepointSelector","getChild","indicator","prototype","children","barName","splice","CreateClipPlugin","initCreateClipSeekBar","ready","controlBar","initialize","CreateClipPlayer","id","allowFullscreen","playbackRates","enableLocalCache","createClipPlugin","inactivityTimeout","ClickViewCreateClipPlayer","onReady","onDispose","playerRef","dispose","getProxy","viewKey","NAV_LOCK_ID","DEFAULT_DURATION","MIN_DURATION","EditClipTimepointsView","initialStartTime","number","Number","safeStringToNumber","ConfigRequests","clip","ClipRequests","videoId","data","_parentVideo","PlayerRequests","MediaIdType","video","VideoRequests","setDuration","navLock","useNavLock","getGatedPermission","usePermissions","useSetPageMetadata","title","name","PermissionName","lock","EmptyState","VideoAppLinkHelper","playerApi","URL","playerApiUrl","autoplay","error","DialogHelper","cancelButtonProps","variant","handleError","unlock","args","params","isCopying","TextHelper","t","Proxy","get","p","receiver","isDisposed","Reflect"],"sourceRoot":""}

package/dist/scripts/{289-669c0c8222-lite.chunk.js → 289-190caa6455-lite.chunk.js}

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[289],{34079:(e,t,n)=>{n.d(t,{O:()=>s});var r=n(32735),a=n(23481),i=n(40782),o=n(36532),l=a.T.encloseNamespace("interactives.pendingIndicator");function c(e){var t="d-flex align-items-center h-100";return t+=e.showLabel?" justify-content-between":" justify-content-center",e.className&&(t+=" ".concat(e.className)),t}function s(e){var t=e.title,n=e.showLabel,a=e.tooltipClassName,s=e.showIndicator,u=void 0===s||s,d=function(){return r.createElement("div",{className:c(e)},!!n&&r.createElement("em",null,l("pending")),!!u&&r.createElement(i.O,null))};return t?r.createElement(o.u,{title:t,spanHack:!0,spanHackClassName:a||"h-100 w-100 d-flex align-items-center"},r.createElement(d,null)):r.createElement(d,null)}},97364:(e,t,n)=>{n.d(t,{C:()=>i,P:()=>a});var r=n(94892);function a(e,t){switch(e){case"score_desc":return[{id:t,desc:!0}];case"score_asc":return[{id:t,desc:!1}];default:return[]}}function i(e,t){return"marking_required"===e&&!t.awaitingMarking||"helping_hand"===e&&t.percentCorrect>=r.T.HIGH||"not_completed"===e&&!t.unanswered}},40782:(e,t,n)=>{n.d(t,{I:()=>r,O:()=>c});var r,a=n(32735),i=n(2606),o=n(362);function l(e){var t=a.useCallback(function(t){if(t){var n=t.r.baseVal.value,r=2*Math.PI*n,a=r-e.percentage*r;t.style.strokeDasharray="".concat(r," ").concat(r),t.style.strokeDashoffset=a.toString()}},[e.percentage]);return a.createElement("svg",null,a.createElement("circle",{r:(0,i.pu)(e.size),className:o.Z.backgroundCircle}),!(0,i.zR)(e.percentage)&&a.createElement("circle",{ref:t,r:(0,i.pu)(e.size),className:(0,i.V4)(e.percentage,e.scoreThresholds)}))}function c(e){var t,n=(0,i.Ki)(e.percentage),c=e.size||(e.layout===r.LabelInside?i.Mk.Large:i.Mk.Small),s=e.customLabel||(0,i.DV)(n);return e.layout===r.LabelOnly?a.createElement("span",{className:(0,i.IA)(n)},s):a.createElement("div",{className:"d-flex align-items-center justify-content-between ".concat(null!==(t=e.className)&&void 0!==t?t:"")},e.layout===r.LabelBefore&&a.createElement("span",{className:"me-2"},s),a.createElement("div",{className:(0,i.tw)(c,n)},a.createElement(l,{percentage:n,size:c,scoreThresholds:e.scoreThresholds}),e.layout===r.LabelInside&&a.createElement("span",{className:o.Z.centredPercentageText},s)))}!function(e){e.CircleOnly="circle_only",e.LabelOnly="label_only",e.LabelBefore="label_before",e.LabelInside="label_inside"}(r||(r={})),c.defaultProps={layout:r.CircleOnly}},2606:(e,t,n)=>{n.d(t,{DV:()=>p,IA:()=>f,Ki:()=>g,Mk:()=>l,V4:()=>m,pu:()=>d,tw:()=>v,zR:()=>y});var r=n(94892),a=n(362);function i(e){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}function o(e,t,n){return(t=function(e){var t=function(e){if("object"!=i(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=i(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==i(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var l,c=.2,s=.36;!function(e){e.Small="small",e.Large="large",e.ExtraSmall="extraSmall"}(l||(l={}));var u=o(o(o({},l.ExtraSmall,{size:2}),l.Small,{size:2}),l.Large,{size:5.8});function d(e){var t=u[e].size,n=e===l.Large?s:c;return"".concat(t/2-2*n,"rem")}function m(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:r.i;return e>=t.HIGH?a.Z.circleSuccess:e>=t.MODERATE?a.Z.circleWarning:a.Z.circleDanger}function f(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:r.i;return e>=t.HIGH?"text-success":e>=t.MODERATE?"text-warning":"text-danger"}function v(e,t){var n="d-inline-block ".concat(a.Z.circleContainer);return e===l.Large&&(n+=" ".concat(a.Z.lgCircleContainer)),e===l.ExtraSmall&&(n+=" ".concat(a.Z.xsCircleContainer)),y(t)&&(n+=" ".concat(a.Z.pendingCircle)),n}function g(e){if(!y(e))return+e.toFixed(2)}function p(e){return y(e)?"--%":"".concat(Math.round(100*e),"%")}function y(e){return"number"!=typeof e}},6748:(e,t,n)=>{n.d(t,{i:()=>O});var r=n(32735),a=n(42648),i=n(35509),o=n(91967),l=n(15611),c=n(17808),s=n(1287),u=n(83914),d=n(90281),m={opacity:"0.8",cursor:"grabbing"},f=n(35223);function v(e){return function(e){if(Array.isArray(e))return p(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||g(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function g(e,t){if(e){if("string"==typeof e)return p(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function y(e){var t,n,r,a;return{canScrollLeft:(null===(t=e.current)||void 0===t?void 0:t.scrollLeft)>0,canScrollRight:(null===(n=e.current)||void 0===n?void 0:n.scrollLeft)+1<(null===(r=e.current)||void 0===r?void 0:r.scrollWidth)-(null===(a=e.current)||void 0===a?void 0:a.clientWidth)}}const b={sortIndicator:"gFhu0",scrollContainer:"sWUp9",scrollbarTrack:"Vn2qM"};function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var S=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};function E(e){var t,n;return e.column.canSort?r.createElement("span",{className:"".concat(b.sortIndicator,"\n      ").concat(e.column.isSorted?"":"text-secondary","\n      ").concat(null!==(n=null===(t=e.theme)||void 0===t?void 0:t.sortIndicator)&&void 0!==n?n:"")},r.createElement(u.x,{svgName:e.column.isSortedDesc||!e.column.isSorted?f.vn.ArrowRight:f.vn.ArrowLeft,size:u.S.Small})):r.createElement(r.Fragment,null)}function w(e){var t,n,a,u,d,f,g,p,y={columns:e.columns,data:e.data,disableSortBy:!e.enableSort,manualSortBy:e.manualSort,autoResetHiddenColumns:e.autoResetHiddenColumns,autoResetSortBy:e.autoResetSortBy,initialState:{sortBy:e.initialSortBy||[]}};e.initialSelectedRowIds&&(y.initialState={selectedRowIds:(g=e.initialSelectedRowIds,p={},g.forEach(function(e){return p[e]=!0}),p)}),e.getRowId&&(y.getRowId=e.getRowId);var b,S=i.useTable.apply(void 0,[y].concat((b=function(e){var t=[i.useSortBy,i.useRowSelect,"flex"===e.layout?i.useFlexLayout:i.useBlockLayout];return e.allowFiltering&&(t=[].concat(v(t),[i.useFilters])),e.allowGlobalFiltering&&(t=[].concat(v(t),[i.useGlobalFilter])),t}(Object.assign({},e)),function(e){if(Array.isArray(e))return h(e)}(b)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(b)||function(e,t){if(e){if("string"==typeof e)return h(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,t):void 0}}(b)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()))),w=S.getTableProps,O=S.getTableBodyProps,I=S.headerGroups,k=S.rows,C=S.prepareRow,j=S.toggleAllRowsSelected,R=S.setGlobalFilter,A=S.setHiddenColumns,N=S.state.sortBy;function L(){return!k.length&&e.emptyState?e.emptyState:k.map(function(t){C(t);var n=function(t){var n,r,a,i,l,c=o.q.isFunction(null===(n=e.theme)||void 0===n?void 0:n.row)?e.theme.row(t):null!==(a=null===(r=e.theme)||void 0===r?void 0:r.row)&&void 0!==a?a:"";return t.isSelected&&(null===(i=e.theme)||void 0===i?void 0:i.selectedRow)&&(c+=" ".concat(null===(l=e.theme)||void 0===l?void 0:l.selectedRow)),e.onSelectRow&&(c+=" cursor-pointer"),e.enableSortableRows&&(c+=" cursor-grab"),c}(t),a=!!e.getRowAppLink&&e.getRowAppLink(t);function i(){e.onSelectRow&&(e.allowSelectMultipleRows||j(!1),e.onSelectRow(t),t.toggleRowSelected(!0))}function c(e,o){var c=function(e,t){return"dragAttributes"in e&&"dragListeners"in e?Object.assign(Object.assign(Object.assign({},e.dragAttributes),e.dragListeners),{"aria-roledescription":"Sortable row",ref:t}):{}}(e,o);return a?r.createElement("div",{role:"row",key:t.id},r.createElement(l.F,Object.assign({},e,c,{className:n,appLink:a}),x(t))):r.createElement("div",Object.assign({},e,c,{key:t.id,role:"row",className:n,onClick:i}),x(t))}var u=t.getRowProps();return e.enableSortableRows?r.createElement(s.W,{id:t.original.id,key:t.id,childProps:u,childComponent:r.forwardRef(function(e,t){return c(e,t)})}):c(u)})}function x(t){return t.cells.map(function(n){var a=function(t,n){var r,a,i="";return"function"==typeof(null===(r=e.theme)||void 0===r?void 0:r.cell)&&(i=e.theme.cell(t,n)),"string"==typeof(null===(a=e.theme)||void 0===a?void 0:a.cell)&&(i=e.theme.cell),e.onSelectCell&&(i+=" cursor-pointer"),i}(t,n);return r.createElement("div",Object.assign({key:n.column.id},n.getCellProps(),{className:a,onClick:function(){e.onSelectCell&&e.onSelectCell(n)}}),n.render("Cell"))})}return r.useEffect(function(){e.onSort&&e.onSort(N)},[N]),r.useEffect(function(){e.globalFilter&&R(e.globalFilter)},[e.globalFilter]),r.useEffect(function(){e.hiddenColumns&&A(e.hiddenColumns)},[e.hiddenColumns&&e.hiddenColumns.length]),r.createElement("div",Object.assign({},w(),{className:null!==(n=null===(t=e.theme)||void 0===t?void 0:t.table)&&void 0!==n?n:""}),r.createElement("div",{className:null!==(u=null===(a=e.theme)||void 0===a?void 0:a.header)&&void 0!==u?u:""},I.map(function(t){var n,a;return r.createElement("div",Object.assign({},t.getHeaderGroupProps(),{className:null!==(a=null===(n=e.theme)||void 0===n?void 0:n.headerRow)&&void 0!==a?a:""}),t.headers.map(function(t){var n,a;return r.createElement("div",Object.assign({},t.getHeaderProps(t.getSortByToggleProps()),{className:null!==(a=null===(n=e.theme)||void 0===n?void 0:n.headerCell)&&void 0!==a?a:""}),t.render("Header",{renderSortIndicator:function(){return r.createElement(E,{column:t,theme:e.theme})}}),!t.hideSortIndicator&&r.createElement(E,{column:t,theme:e.theme}))}))})),r.createElement("div",Object.assign({},O(),{className:null!==(f=null===(d=e.theme)||void 0===d?void 0:d.body)&&void 0!==f?f:""}),e.enableSortableRows?r.createElement(c.Q,{ids:k.map(function(e){return e.original.id}),getDragOverlay:function(t){var n,a,i=k.findIndex(function(e){return e.original.id===t}),o=k[i];return r.createElement("div",Object.assign({},e,{className:(n=e.theme,a="g-0 ",n&&(a+=n.row),a),style:m}),x(o))},onSortEnd:e.onSortingRowsEnd},L()):L()))}function O(e){var t=e.enableSlider,n=e.scrollIncrement,i=e.scrollable,l=S(e,["enableSlider","scrollIncrement","scrollable"]),c=function(){var e,t,n=r.useRef(null),a=(e=r.useState(y(n)),t=2,function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}return l}}(e,t)||g(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.")}()),i=a[0],l=a[1],c=o.q.throttle(function(){l(y(n))},200),s=r.useCallback(function(e){var t;n.current&&(null===(t=n.current)||void 0===t||t.removeEventListener("scroll",c)),e&&(l(y(n)),e.addEventListener("scroll",c)),n.current=e},[]);return r.useEffect(function(){(null==n?void 0:n.current)&&l(y(n))},[n]),{ref:s,scrollState:i,scroll:function(e){var t;null===(t=n.current)||void 0===t||t.scrollBy({left:e,top:0,behavior:"smooth"})}}}(),s=c.ref,u=c.scrollState,m=c.scroll;if(i)return r.createElement(a.$B,{renderTrackHorizontal:function(){return r.createElement("div",{className:b.scrollbarTrack})},autoHeightMax:1e4,autoHeight:!0},r.createElement(w,Object.assign({},l)));if(!t)return r.createElement(w,Object.assign({},l));function f(e){m(n*("right"===e?1:-1))}return r.createElement("div",{className:"mx-n4 overflow-x-hidden overflow-y-hidden"},r.createElement("div",{className:"px-4"},r.createElement("div",{className:"position-relative"},r.createElement(d.W,{direction:d.f.Left,onClick:function(){return f("left")},hide:!u.canScrollLeft}),r.createElement("div",{className:"".concat(b.scrollContainer," ").concat(e.scrollContainerClassName),ref:s},r.createElement(w,Object.assign({},l))),r.createElement(d.W,{direction:d.f.Right,onClick:function(){return f("right")},hide:!u.canScrollRight}))))}O.defaultProps={scrollIncrement:250,scrollable:!1,layout:"flex"}},54405:(e,t,n)=>{n.d(t,{X:()=>r});var r={interactive:function(){return{url:"/mocks/insights/interactive.json",key:"demo:interactive",normalize:!1}},interactiveMetadata:function(){return{url:"/mocks/insights/interactive-metadata.json",key:"demo:interactive:metadata",normalize:!1}},interactiveResults:function(){return{url:"/mocks/insights/interactive-results.json",key:"demo:interactive:results",normalize:!1}},videoViews:function(){return{url:"/mocks/insights/video-views.json",key:"demo:video:views",normalize:!1}},users:function(){return{url:"/mocks/insights/users.json",key:"demo:users",normalize:!1}},individualHeatmap:function(){return{url:"/mocks/insights/individual-heatmap.json",key:"demo:individual:heatmap",normalize:!1}},aggregateHeatmap:function(){return{url:"/mocks/insights/aggregate-heatmap.json",key:"demo:aggregate:heatmap",normalize:!1}}}},9566:(e,t,n)=>{n.d(t,{$Z:()=>g,G6:()=>m,GJ:()=>v,VE:()=>b,_w:()=>f,po:()=>y,vJ:()=>p});var r=n(23481),a=n(110),i=n(33518),o=n(2510),l=n(4594),c=n(35223),s=n(14070),u=n(97291),d=r.T.encloseNamespace("myShares.demoInsights"),m={type:o.y.Link,privacy:i.e.JustMySchool,objectId:"0",objectTypeId:l.E.Interactive,viewCount:28,accessCount:15,dateCreated:(new Date).toISOString(),dateShared:(new Date).toISOString(),expireDate:null,link:{shortenedEmbedUrl:"",shortenedUrl:""},shareId:"0",ownerCustomerId:0,ownerId:0,recipients:[],options:{preventScrubbing:!1,immediateFeedback:!1}},f=Object.assign(Object.assign({},m),{type:o.y.Open,expireDate:a.O.add(new Date(m.dateCreated),30,"days").toISOString(),privacy:i.e.PinCode}),v={share:m,sharedObject:null,shareRecipients:null,dateShared:a.O.subtract(new Date,7,"days").toISOString()},g=Object.assign(Object.assign({},v),{share:f}),p={application:u.O.MY_SHARES,action:s.e.MyShares.INTERACTIVE_OVERVIEW_DEMO},y={application:u.O.MY_SHARES,action:s.e.MyShares.INTERACTIVE_OVERVIEW_OPEN_CLASSROOM_DEMO},b={svgName:c.vn.Analytics,label:d("demoInsights"),appLink:p,group:"insights",className:"btn btn-outline-dark"}},71519:(e,t,n)=>{n.r(t),n.d(t,{InteractiveInsightsQuestionsDemoView:()=>S});var r=n(32735),a=n(23481),i=n(2948),o=n(20354),l=n(26025),c=n(2510),s=n(38143),u=n(39151),d=n(54405),m=n(93322),f=n(79612),v=n(74049),g=n(48705),p=n(9566),y=n(10447);function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var h=a.T.encloseNamespace("shared.interactiveInsightsQuestionsView");function S(e){var t,n,a,S,E,w=(S=(0,i.D)(s.g.ANONYMISE_USERS),E=1,function(e){if(Array.isArray(e))return e}(S)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}return l}}(S,E)||function(e,t){if(e){if("string"==typeof e)return b(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?b(e,t):void 0}}(S,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.")}())[0];(0,m.F)();var O=o.a.useBasicFetch(u.L.config()),I=o.a.useBasicFetch(d.X.interactiveMetadata()),k=o.a.useBasicFetch(d.X.interactive()),C=l.B.getAudienceAppLinkParams(),j=l.B.getDateRangeAppLinkParams(),R=o.a.useBasicFetch(d.X.interactiveResults());(0,f.M)({title:I.data?h("pageTitle",{video:null===(t=I.data)||void 0===t?void 0:t.name}):null});var A=k.data&&I.data&&!!R.data,N=Object.assign(Object.assign({},C),j),L=e.type===c.y.Open?p._w:p.G6;return r.createElement("div",{className:"px-3"},r.createElement(v.j,{tabs:(0,y.aq)(null===(n=I.data)||void 0===n?void 0:n.id,"questions",N,e.type),video:I.data,dateRangeAppLinkParams:j,share:Object.assign(Object.assign({},L),{objectId:null===(a=I.data)||void 0===a?void 0:a.id}),yearGroups:[],markingRequired:e.type!==c.y.Open,isDemo:!0,hasData:!0}),r.createElement(g.x,{interactive:k.data,interactiveMetadata:I.data,interactionId:e.interactionId,config:O.data,sortBy:e.sortBy,isFetching:R.isFetching||k.isFetching,anonymiseUsers:w,results:R.data,hasDataLoaded:A,isDemo:!0}))}},362:(e,t,n)=>{n.d(t,{Z:()=>r});const r={circleContainer:"p8Vgz",backgroundCircle:"asGGE",circleSuccess:"PXLNj",circleWarning:"ZckRN",circleDanger:"slBRg",lgCircleContainer:"N8KCI",xsCircleContainer:"RPqZ2",pendingCircle:"DKrcq",centredPercentageText:"tpmLR"}}}]);
-//# sourceMappingURL=289-669c0c8222-lite.chunk.js.map
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[289],{34079:(e,t,n)=>{n.d(t,{O:()=>s});var r=n(32735),a=n(23481),i=n(40782),o=n(36532),l=a.T.encloseNamespace("interactives.pendingIndicator");function c(e){var t="d-flex align-items-center h-100";return t+=e.showLabel?" justify-content-between":" justify-content-center",e.className&&(t+=" ".concat(e.className)),t}function s(e){var t=e.title,n=e.showLabel,a=e.tooltipClassName,s=e.showIndicator,u=void 0===s||s,d=function(){return r.createElement("div",{className:c(e)},!!n&&r.createElement("em",null,l("pending")),!!u&&r.createElement(i.O,null))};return t?r.createElement(o.u,{title:t,spanHack:!0,spanHackClassName:a||"h-100 w-100 d-flex align-items-center"},r.createElement(d,null)):r.createElement(d,null)}},97364:(e,t,n)=>{n.d(t,{C:()=>i,P:()=>a});var r=n(94892);function a(e,t){switch(e){case"score_desc":return[{id:t,desc:!0}];case"score_asc":return[{id:t,desc:!1}];default:return[]}}function i(e,t){return"marking_required"===e&&!t.awaitingMarking||"helping_hand"===e&&t.percentCorrect>=r.T.HIGH||"not_completed"===e&&!t.unanswered}},40782:(e,t,n)=>{n.d(t,{I:()=>r,O:()=>c});var r,a=n(32735),i=n(2606),o=n(362);function l(e){var t=a.useCallback(function(t){if(t){var n=t.r.baseVal.value,r=2*Math.PI*n,a=r-e.percentage*r;t.style.strokeDasharray="".concat(r," ").concat(r),t.style.strokeDashoffset=a.toString()}},[e.percentage]);return a.createElement("svg",null,a.createElement("circle",{r:(0,i.pu)(e.size),className:o.Z.backgroundCircle}),!(0,i.zR)(e.percentage)&&a.createElement("circle",{ref:t,r:(0,i.pu)(e.size),className:(0,i.V4)(e.percentage,e.scoreThresholds)}))}function c(e){var t,n=(0,i.Ki)(e.percentage),c=e.size||(e.layout===r.LabelInside?i.Mk.Large:i.Mk.Small),s=e.customLabel||(0,i.DV)(n);return e.layout===r.LabelOnly?a.createElement("span",{className:(0,i.IA)(n)},s):a.createElement("div",{className:"d-flex align-items-center justify-content-between ".concat(null!==(t=e.className)&&void 0!==t?t:"")},e.layout===r.LabelBefore&&a.createElement("span",{className:"me-2"},s),a.createElement("div",{className:(0,i.tw)(c,n)},a.createElement(l,{percentage:n,size:c,scoreThresholds:e.scoreThresholds}),e.layout===r.LabelInside&&a.createElement("span",{className:o.Z.centredPercentageText},s)))}!function(e){e.CircleOnly="circle_only",e.LabelOnly="label_only",e.LabelBefore="label_before",e.LabelInside="label_inside"}(r||(r={})),c.defaultProps={layout:r.CircleOnly}},2606:(e,t,n)=>{n.d(t,{DV:()=>p,IA:()=>f,Ki:()=>g,Mk:()=>l,V4:()=>m,pu:()=>d,tw:()=>v,zR:()=>y});var r=n(94892),a=n(362);function i(e){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}function o(e,t,n){return(t=function(e){var t=function(e){if("object"!=i(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=i(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==i(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var l,c=.2,s=.36;!function(e){e.Small="small",e.Large="large",e.ExtraSmall="extraSmall"}(l||(l={}));var u=o(o(o({},l.ExtraSmall,{size:2}),l.Small,{size:2}),l.Large,{size:5.8});function d(e){var t=u[e].size,n=e===l.Large?s:c;return"".concat(t/2-2*n,"rem")}function m(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:r.i;return e>=t.HIGH?a.Z.circleSuccess:e>=t.MODERATE?a.Z.circleWarning:a.Z.circleDanger}function f(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:r.i;return e>=t.HIGH?"text-success":e>=t.MODERATE?"text-warning":"text-danger"}function v(e,t){var n="d-inline-block ".concat(a.Z.circleContainer);return e===l.Large&&(n+=" ".concat(a.Z.lgCircleContainer)),e===l.ExtraSmall&&(n+=" ".concat(a.Z.xsCircleContainer)),y(t)&&(n+=" ".concat(a.Z.pendingCircle)),n}function g(e){if(!y(e))return+e.toFixed(2)}function p(e){return y(e)?"--%":"".concat(Math.round(100*e),"%")}function y(e){return"number"!=typeof e}},6748:(e,t,n)=>{n.d(t,{i:()=>O});var r=n(32735),a=n(42648),i=n(35509),o=n(91967),l=n(15611),c=n(17808),s=n(1287),u=n(83914),d=n(90281),m={opacity:"0.8",cursor:"grabbing"},f=n(35223);function v(e){return function(e){if(Array.isArray(e))return p(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||g(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function g(e,t){if(e){if("string"==typeof e)return p(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function y(e){var t,n,r,a;return{canScrollLeft:(null===(t=e.current)||void 0===t?void 0:t.scrollLeft)>0,canScrollRight:(null===(n=e.current)||void 0===n?void 0:n.scrollLeft)+1<(null===(r=e.current)||void 0===r?void 0:r.scrollWidth)-(null===(a=e.current)||void 0===a?void 0:a.clientWidth)}}const b={sortIndicator:"gFhu0",scrollContainer:"sWUp9",scrollbarTrack:"Vn2qM"};function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var S=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};function E(e){var t,n;return e.column.canSort?r.createElement("span",{className:"".concat(b.sortIndicator,"\n      ").concat(e.column.isSorted?"":"text-secondary","\n      ").concat(null!==(n=null===(t=e.theme)||void 0===t?void 0:t.sortIndicator)&&void 0!==n?n:"")},r.createElement(u.x,{svgName:e.column.isSortedDesc||!e.column.isSorted?f.vn.ArrowRight:f.vn.ArrowLeft,size:u.S.Small})):r.createElement(r.Fragment,null)}function w(e){var t,n,a,u,d,f,g,p,y={columns:e.columns,data:e.data,disableSortBy:!e.enableSort,manualSortBy:e.manualSort,autoResetHiddenColumns:e.autoResetHiddenColumns,autoResetSortBy:e.autoResetSortBy,initialState:{sortBy:e.initialSortBy||[]}};e.initialSelectedRowIds&&(y.initialState={selectedRowIds:(g=e.initialSelectedRowIds,p={},g.forEach(function(e){return p[e]=!0}),p)}),e.getRowId&&(y.getRowId=e.getRowId);var b,S=i.useTable.apply(void 0,[y].concat((b=function(e){var t=[i.useSortBy,i.useRowSelect,"flex"===e.layout?i.useFlexLayout:i.useBlockLayout];return e.allowFiltering&&(t=[].concat(v(t),[i.useFilters])),e.allowGlobalFiltering&&(t=[].concat(v(t),[i.useGlobalFilter])),t}(Object.assign({},e)),function(e){if(Array.isArray(e))return h(e)}(b)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(b)||function(e,t){if(e){if("string"==typeof e)return h(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,t):void 0}}(b)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()))),w=S.getTableProps,O=S.getTableBodyProps,I=S.headerGroups,k=S.rows,C=S.prepareRow,j=S.toggleAllRowsSelected,R=S.setGlobalFilter,A=S.setHiddenColumns,N=S.state.sortBy;function L(){return!k.length&&e.emptyState?e.emptyState:k.map(function(t){C(t);var n=function(t){var n,r,a,i,l,c=o.q.isFunction(null===(n=e.theme)||void 0===n?void 0:n.row)?e.theme.row(t):null!==(a=null===(r=e.theme)||void 0===r?void 0:r.row)&&void 0!==a?a:"";return t.isSelected&&(null===(i=e.theme)||void 0===i?void 0:i.selectedRow)&&(c+=" ".concat(null===(l=e.theme)||void 0===l?void 0:l.selectedRow)),e.onSelectRow&&(c+=" cursor-pointer"),e.enableSortableRows&&(c+=" cursor-grab"),c}(t),a=!!e.getRowAppLink&&e.getRowAppLink(t);function i(){e.onSelectRow&&(e.allowSelectMultipleRows||j(!1),e.onSelectRow(t),t.toggleRowSelected(!0))}function c(e,o){var c=function(e,t){return"dragAttributes"in e&&"dragListeners"in e?Object.assign(Object.assign(Object.assign({},e.dragAttributes),e.dragListeners),{"aria-roledescription":"Sortable row",ref:t}):{}}(e,o);return a?r.createElement("div",{role:"row",key:t.id},r.createElement(l.F,Object.assign({},e,c,{className:n,appLink:a}),x(t))):r.createElement("div",Object.assign({},e,c,{key:t.id,role:"row",className:n,onClick:i}),x(t))}var u=t.getRowProps();return e.enableSortableRows?r.createElement(s.W,{id:t.original.id,key:t.id,childProps:u,childComponent:r.forwardRef(function(e,t){return c(e,t)})}):c(u)})}function x(t){return t.cells.map(function(n){var a=function(t,n){var r,a,i="";return"function"==typeof(null===(r=e.theme)||void 0===r?void 0:r.cell)&&(i=e.theme.cell(t,n)),"string"==typeof(null===(a=e.theme)||void 0===a?void 0:a.cell)&&(i=e.theme.cell),e.onSelectCell&&(i+=" cursor-pointer"),i}(t,n);return r.createElement("div",Object.assign({key:n.column.id},n.getCellProps(),{className:a,onClick:function(){e.onSelectCell&&e.onSelectCell(n)}}),n.render("Cell"))})}return r.useEffect(function(){e.onSort&&e.onSort(N)},[N]),r.useEffect(function(){e.globalFilter&&R(e.globalFilter)},[e.globalFilter]),r.useEffect(function(){e.hiddenColumns&&A(e.hiddenColumns)},[e.hiddenColumns&&e.hiddenColumns.length]),r.createElement("div",Object.assign({},w(),{className:null!==(n=null===(t=e.theme)||void 0===t?void 0:t.table)&&void 0!==n?n:""}),r.createElement("div",{className:null!==(u=null===(a=e.theme)||void 0===a?void 0:a.header)&&void 0!==u?u:""},I.map(function(t){var n,a;return r.createElement("div",Object.assign({},t.getHeaderGroupProps(),{className:null!==(a=null===(n=e.theme)||void 0===n?void 0:n.headerRow)&&void 0!==a?a:""}),t.headers.map(function(t){var n,a;return r.createElement("div",Object.assign({},t.getHeaderProps(t.getSortByToggleProps()),{className:null!==(a=null===(n=e.theme)||void 0===n?void 0:n.headerCell)&&void 0!==a?a:""}),t.render("Header",{renderSortIndicator:function(){return r.createElement(E,{column:t,theme:e.theme})}}),!t.hideSortIndicator&&r.createElement(E,{column:t,theme:e.theme}))}))})),r.createElement("div",Object.assign({},O(),{className:null!==(f=null===(d=e.theme)||void 0===d?void 0:d.body)&&void 0!==f?f:""}),e.enableSortableRows?r.createElement(c.Q,{ids:k.map(function(e){return e.original.id}),getDragOverlay:function(t){var n,a,i=k.findIndex(function(e){return e.original.id===t}),o=k[i];return r.createElement("div",Object.assign({},e,{className:(n=e.theme,a="g-0 ",n&&(a+=n.row),a),style:m}),x(o))},onSortEnd:e.onSortingRowsEnd},L()):L()))}function O(e){var t=e.enableSlider,n=e.scrollIncrement,i=e.scrollable,l=S(e,["enableSlider","scrollIncrement","scrollable"]),c=function(){var e,t,n=r.useRef(null),a=(e=r.useState(y(n)),t=2,function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}return l}}(e,t)||g(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.")}()),i=a[0],l=a[1],c=o.q.throttle(function(){l(y(n))},200),s=r.useCallback(function(e){var t;n.current&&(null===(t=n.current)||void 0===t||t.removeEventListener("scroll",c)),e&&(l(y(n)),e.addEventListener("scroll",c)),n.current=e},[]);return r.useEffect(function(){(null==n?void 0:n.current)&&l(y(n))},[n]),{ref:s,scrollState:i,scroll:function(e){var t;null===(t=n.current)||void 0===t||t.scrollBy({left:e,top:0,behavior:"smooth"})}}}(),s=c.ref,u=c.scrollState,m=c.scroll;if(i)return r.createElement(a.$B,{renderTrackHorizontal:function(){return r.createElement("div",{className:b.scrollbarTrack})},autoHeightMax:1e4,autoHeight:!0},r.createElement(w,Object.assign({},l)));if(!t)return r.createElement(w,Object.assign({},l));function f(e){m(n*("right"===e?1:-1))}return r.createElement("div",{className:"mx-n4 overflow-x-hidden overflow-y-hidden"},r.createElement("div",{className:"px-4"},r.createElement("div",{className:"position-relative"},r.createElement(d.W,{direction:d.f.Left,onClick:function(){return f("left")},hide:!u.canScrollLeft}),r.createElement("div",{className:"".concat(b.scrollContainer," ").concat(e.scrollContainerClassName),ref:s},r.createElement(w,Object.assign({},l))),r.createElement(d.W,{direction:d.f.Right,onClick:function(){return f("right")},hide:!u.canScrollRight}))))}O.defaultProps={scrollIncrement:250,scrollable:!1,layout:"flex"}},54405:(e,t,n)=>{n.d(t,{X:()=>r});var r={interactive:function(){return{url:"/mocks/insights/interactive.json",key:"demo:interactive",normalize:!1}},interactiveMetadata:function(){return{url:"/mocks/insights/interactive-metadata.json",key:"demo:interactive:metadata",normalize:!1}},interactiveResults:function(){return{url:"/mocks/insights/interactive-results.json",key:"demo:interactive:results",normalize:!1}},videoViews:function(){return{url:"/mocks/insights/video-views.json",key:"demo:video:views",normalize:!1}},users:function(){return{url:"/mocks/insights/users.json",key:"demo:users",normalize:!1}},individualHeatmap:function(){return{url:"/mocks/insights/individual-heatmap.json",key:"demo:individual:heatmap",normalize:!1}},aggregateHeatmap:function(){return{url:"/mocks/insights/aggregate-heatmap.json",key:"demo:aggregate:heatmap",normalize:!1}}}},9566:(e,t,n)=>{n.d(t,{$Z:()=>g,G6:()=>m,GJ:()=>v,VE:()=>b,_w:()=>f,po:()=>y,vJ:()=>p});var r=n(23481),a=n(110),i=n(33518),o=n(2510),l=n(4594),c=n(35223),s=n(14070),u=n(97291),d=r.T.encloseNamespace("myShares.demoInsights"),m={type:o.y.Link,privacy:i.e.JustMySchool,objectId:"0",objectTypeId:l.E.Interactive,viewCount:28,accessCount:15,dateCreated:(new Date).toISOString(),dateShared:(new Date).toISOString(),expireDate:null,link:{shortenedEmbedUrl:"",shortenedUrl:""},shareId:"0",ownerCustomerId:0,ownerId:0,recipients:[],options:{preventScrubbing:!1,immediateFeedback:!1}},f=Object.assign(Object.assign({},m),{type:o.y.Open,expireDate:a.O.add(new Date(m.dateCreated),30,"days").toISOString(),privacy:i.e.PinCode}),v={share:m,sharedObject:null,shareRecipients:null,dateShared:a.O.subtract(new Date,7,"days").toISOString()},g=Object.assign(Object.assign({},v),{share:f}),p={application:u.O.MY_SHARES,action:s.e.MyShares.INTERACTIVE_OVERVIEW_DEMO},y={application:u.O.MY_SHARES,action:s.e.MyShares.INTERACTIVE_OVERVIEW_OPEN_CLASSROOM_DEMO},b={svgName:c.vn.Analytics,label:d("demoInsights"),appLink:p,group:"insights",className:"btn btn-outline-dark"}},71519:(e,t,n)=>{n.r(t),n.d(t,{InteractiveInsightsQuestionsDemoView:()=>S});var r=n(32735),a=n(23481),i=n(2948),o=n(20354),l=n(26025),c=n(2510),s=n(38143),u=n(39151),d=n(54405),m=n(93322),f=n(79612),v=n(9540),g=n(48705),p=n(9566),y=n(10447);function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var h=a.T.encloseNamespace("shared.interactiveInsightsQuestionsView");function S(e){var t,n,a,S,E,w=(S=(0,i.D)(s.g.ANONYMISE_USERS),E=1,function(e){if(Array.isArray(e))return e}(S)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}return l}}(S,E)||function(e,t){if(e){if("string"==typeof e)return b(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?b(e,t):void 0}}(S,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.")}())[0];(0,m.F)();var O=o.a.useBasicFetch(u.L.config()),I=o.a.useBasicFetch(d.X.interactiveMetadata()),k=o.a.useBasicFetch(d.X.interactive()),C=l.B.getAudienceAppLinkParams(),j=l.B.getDateRangeAppLinkParams(),R=o.a.useBasicFetch(d.X.interactiveResults());(0,f.M)({title:I.data?h("pageTitle",{video:null===(t=I.data)||void 0===t?void 0:t.name}):null});var A=k.data&&I.data&&!!R.data,N=Object.assign(Object.assign({},C),j),L=e.type===c.y.Open?p._w:p.G6;return r.createElement("div",{className:"px-3"},r.createElement(v.j,{tabs:(0,y.aq)(null===(n=I.data)||void 0===n?void 0:n.id,"questions",N,e.type),video:I.data,dateRangeAppLinkParams:j,share:Object.assign(Object.assign({},L),{objectId:null===(a=I.data)||void 0===a?void 0:a.id}),yearGroups:[],markingRequired:e.type!==c.y.Open,isDemo:!0,hasData:!0}),r.createElement(g.x,{interactive:k.data,interactiveMetadata:I.data,interactionId:e.interactionId,config:O.data,sortBy:e.sortBy,isFetching:R.isFetching||k.isFetching,anonymiseUsers:w,results:R.data,hasDataLoaded:A,isDemo:!0}))}},362:(e,t,n)=>{n.d(t,{Z:()=>r});const r={circleContainer:"p8Vgz",backgroundCircle:"asGGE",circleSuccess:"PXLNj",circleWarning:"ZckRN",circleDanger:"slBRg",lgCircleContainer:"N8KCI",xsCircleContainer:"RPqZ2",pendingCircle:"DKrcq",centredPercentageText:"tpmLR"}}}]);
+//# sourceMappingURL=289-190caa6455-lite.chunk.js.map