@clickview/lite 0.36.0 → 0.36.2

package/dist/scripts/4393-6ec554cc38-lite.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[4393],{89966:(e,t,r)=>{r.d(t,{Y:()=>E});var n=r(32735),a=r(68050),o=r(69111),s=r(83345),c=r(40424),i=r(56050),u=r(81886),l=r(8612),m=r(76881);const f={disabledInfoContainer:"UiZlY",badge:"yX3PJ",pending:"y277c"};var d="userManager.bulkUserActionsCountByStatus";function p(){return n.createElement(l.G,null,n.createElement(s.x,{namespace:d,phrase:"active"}))}function y(){return n.createElement("div",{className:"badge bg-danger ".concat(f.badge)},n.createElement(s.x,{namespace:d,phrase:"deactivated"}))}function b(){return n.createElement("div",{className:"badge bg-secondary ".concat(f.badge," ").concat(f.pending)},n.createElement(s.x,{namespace:d,phrase:"pending"}))}function v(e){switch(e.status){case c.w.Active:return n.createElement(p,null);case c.w.Disabled:return n.createElement(y,null);case c.w.Inactive:return n.createElement(b,null)}u.Q.Ry.throw(new i.H("Object status not mapped"))}function g(e){var t;return n.createElement(n.Fragment,null,n.createElement(v,{status:e.status}),n.createElement("div",null,n.createElement(s.x,{namespace:d,phrase:e.userType===m.Y.Staff?"staffCount":"studentCount",options:{smartCount:null!==(t=e.countsByStatus[e.status])&&void 0!==t?t:0}})))}var h="userManager.bulkUserActionsCountByStatus";function E(e){var t=function(e){var t=e.userType,r=e.changeTo,a=e.countsByStatus,o=[{left:n.createElement(s.x,{namespace:h,phrase:"statuses"}),right:n.createElement(s.x,{namespace:h,phrase:"outcome"})}];if(a[c.w.Active]){var i=r[c.w.Active];o.push({left:n.createElement(g,{userType:t,status:c.w.Active,countsByStatus:a}),right:n.createElement(i,null)})}if(a[c.w.Disabled]){var u=r[c.w.Disabled];o.push({left:n.createElement(g,{userType:t,status:c.w.Disabled,countsByStatus:a}),right:n.createElement(u,null)})}if(a[c.w.Inactive]){var l=r[c.w.Inactive];o.push({left:n.createElement(g,{userType:t,status:c.w.Inactive,countsByStatus:a}),right:n.createElement(l,null)})}return o}(e);return n.createElement("div",{className:"p-2 rounded ".concat(e.disabled?f.disabledInfoContainer:"border")},t.map((function(e,t){return n.createElement(a.Z,{className:"mb-2",key:t},n.createElement(o.Z,{xs:4},e.left),n.createElement(o.Z,{xs:8},e.right))})))}E.Outcomes={Active:p,Deactivated:y,Deleted:function(){return n.createElement("div",{className:"badge bg-dark ".concat(f.badge)},n.createElement(s.x,{namespace:d,phrase:"deleted"}))},NoChange:function(){return n.createElement("div",{className:"text-muted"},n.createElement(s.x,{namespace:d,phrase:"noChange"}))},EmailSent:function(){return n.createElement("div",{className:"text-muted"},n.createElement(s.x,{namespace:d,phrase:"emailSent"}))},NoEmailSentDisabled:function(){return n.createElement("div",{className:"text-muted"},n.createElement(s.x,{namespace:d,phrase:"noEmailSentDisabled"}))},NoEmailSent:function(){return n.createElement("div",{className:"text-muted"},n.createElement(s.x,{namespace:d,phrase:"noEmailSent"}))},Removed:function(){return n.createElement("div",{className:"badge bg-dark ".concat(f.badge)},n.createElement(s.x,{namespace:d,phrase:"removed"}))}}},8612:(e,t,r)=>{r.d(t,{G:()=>a});var n=r(32735);function a(e){return n.createElement("span",{className:"".concat(e.className," rounded-pill px-2 text-nowrap bg-white border border-dark")},e.children)}},84566:(e,t,r)=>{r.d(t,{S:()=>l});var n=r(20354),a=r(2948),o=r(38143),s=r(31949);function c(e){return function(e){if(Array.isArray(e))return u(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||i(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 i(e,t){if(e){if("string"==typeof e)return u(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?u(e,t):void 0}}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function l(e){var t,r,u=(t=(0,a.D)(o.g.BULK_USER_ACTIONS),r=1,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o,s,c=[],i=!0,u=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;i=!1}else for(;!(i=(n=o.call(r)).done)&&(c.push(n.value),c.length!==t);i=!0);}catch(e){u=!0,a=e}finally{try{if(!i&&null!=r.return&&(s=r.return(),Object(s)!==s))return}finally{if(u)throw a}}return c}}(t,r)||i(t,r)||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],l=n.a.useBasicFetch(s.N.currentUser());return n.a.useBasicFetch((null==u?void 0:u.userIdMap)&&l.data&&e.getSearchAggregation({userId:l.data.id,customerId:l.data.customerId,userType:e.userType,queryParams:u.params,userIds:c(u.userIdMap.keys()),field:e.field})).data}},72400:(e,t,r)=>{r.r(t),r.d(t,{BulkUserActionsActivationEmailConfirmationView:()=>j});var n=r(32735),a=r(70680),o=r(81886),s=r(20354),c=r(2948),i=r(89966),u=r(149),l=r(83345),m=r(36033),f=r(38143),d=r(40424),p=r(3044);function y(e){return y="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},y(e)}function b(e,t,r){var n;return n=function(e,t){if("object"!=y(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!=y(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(t),(t="symbol"==y(n)?n:String(n))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var g="userManager.bulkUserActionsActivationEmailConfirmation";function h(e){u.b.useSetWizardConfirmationCallback(e.onClickConfirm);var t,r,a=(t=(0,c.D)(f.g.BULK_USER_ACTIONS),r=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o,s,c=[],i=!0,u=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;i=!1}else for(;!(i=(n=o.call(r)).done)&&(c.push(n.value),c.length!==t);i=!0);}catch(e){u=!0,a=e}finally{try{if(!i&&null!=r.return&&(s=r.return(),Object(s)!==s))return}finally{if(u)throw a}}return c}}(t,r)||function(e,t){if(e){if("string"==typeof e)return v(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?v(e,t):void 0}}(t,r)||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.")}())[1];n.useEffect((function(){a("subAction","activationEmail")}),[]);var o=e.countsByStatus.Inactive||0;return n.createElement(n.Fragment,null,n.createElement(m.s,null,n.createElement("p",{className:"mb-1"},n.createElement(l.x,{namespace:g,phrase:"info",options:{smartCount:o}})),n.createElement(i.Y,{userType:e.userType,countsByStatus:e.countsByStatus,changeTo:b(b(b({},d.w.Active,i.Y.Outcomes.NoEmailSent),d.w.Disabled,i.Y.Outcomes.NoEmailSent),d.w.Inactive,i.Y.Outcomes.EmailSent),disabled:!0})),n.createElement(p.Q,{users:e.users,statuses:[d.w.Inactive,d.w.Active],imageCdnUrl:e.imageCdnUrl,hasMore:e.hasMoreUsers,isFetching:e.isFetchingUsers,fetchNext:e.fetchNextUserPage,userType:e.userType,userCount:o}))}var E=r(58703),S=r(84566),w=r(70197),A=r(39151),C=r(31949),I=r(29613),T=r(47288),N=r(88323),x=r(18087);function U(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function j(e){var t,r,i,l=(0,N.h)(e.userType),m=l.users,d=l.count,p=l.isFetching,y=l.hasMore,b=l.fetchNext,v=(0,a.I0)(),g=(r=(0,c.D)(f.g.BULK_USER_ACTIONS),i=1,function(e){if(Array.isArray(e))return e}(r)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o,s,c=[],i=!0,u=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;i=!1}else for(;!(i=(n=o.call(r)).done)&&(c.push(n.value),c.length!==t);i=!0);}catch(e){u=!0,a=e}finally{try{if(!i&&null!=r.return&&(s=r.return(),Object(s)!==s))return}finally{if(u)throw a}}return c}}(r,i)||function(e,t){if(e){if("string"==typeof e)return U(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?U(e,t):void 0}}(r,i)||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],j=s.a.useBasicFetch(A.L.config()),O=s.a.useBasicFetch(C.N.currentUser()),k=(0,x.Y)(e.userType),B=(0,S.S)({userType:e.userType,field:w.q.UserProfilesStatus,getSearchAggregation:T.N.getSearchAggregation}),D=u.b.useCreateJobErrorAlert();function M(t){o.Q.C$.trigger(Object.assign(Object.assign({},k.bulkActionsStatus.polling),{params:{userType:e.userType,jobId:t.id}}))}var F=!!B;return n.createElement(E.d,{appLinks:k,userType:e.userType,users:m,currentStep:"confirmation",userCount:d,loaded:F},F&&n.createElement(h,{users:m,imageCdnUrl:null===(t=j.data)||void 0===t?void 0:t.imageCdnUrl,hasMoreUsers:y,isFetchingUsers:p,fetchNextUserPage:b,userType:e.userType,onClickConfirm:function(){if(g){var t=u.b.getCreateJobRequestData(g,O.data.customerId,e.userType);s.a.fetch(v,I.q.createJob(t,M,D))}},userCount:d,countsByStatus:B}))}},68050:(e,t,r)=>{r.d(t,{Z:()=>u});var n=r(95685),a=r.n(n),o=r(32735),s=r(46304),c=r(74512);const i=o.forwardRef((({bsPrefix:e,className:t,as:r="div",...n},o)=>{const i=(0,s.vE)(e,"row"),u=(0,s.pi)(),l=(0,s.zG)(),m=`${i}-cols`,f=[];return u.forEach((e=>{const t=n[e];let r;delete n[e],null!=t&&"object"==typeof t?({cols:r}=t):r=t;const a=e!==l?`-${e}`:"";null!=r&&f.push(`${m}${a}-${r}`)})),(0,c.jsx)(r,{ref:o,...n,className:a()(t,i,...f)})}));i.displayName="Row";const u=i}}]);

package/dist/scripts/4436-4735d2de37-lite.chunk.js

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