1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4197,2159,9620],{45281:function(e,n,t){"use strict";var i=t(3723),r=t.n(i),o=t(90693),a=t.n(o),s=t(65317),c=a()(r());c.i(s.Z),c.push([e.id,".grPlayerContainer {\n flex: 1;\n position: relative;\n height: 100%;\n}\n\n.grPlayerContainer__preview-spinner {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n width: 60px;\n height: 24px;\n margin: auto;\n background: rgba(0, 0, 0, 0.5);\n}\n\n.cloudproducer-page .inner-container {\n display: flex;\n height: 100% !important;\n}\n\n.inner-container {\n display: flex;\n flex-direction: column;\n}\n\n.studio-bar {\n display: flex;\n}\n\n.nav-header-wrapper {\n flex-grow: 1;\n}\n\n.grSidebar__iframe {\n width: 100%;\n height: 100%;\n}\n\n.legacy-drawer-container {\n width: 100%;\n height: 100%;\n display: flex;\n overflow: hidden;\n}\n\n#broadcastSidebar .grSidebar {\n position: relative;\n width: 100%;\n height: 100%;\n top: 0;\n box-shadow: none;\n z-index: auto;\n}\n","",{version:3,sources:["webpack://./src/pages/producer/producer.css"],names:[],mappings:"AAEA;IACI,OAAO;IACP,kBAAkB;IAClB,YAAY;AAChB;;AAEA;IACI,kBAAkB;IAClB,SAAS;IACT,OAAO;IACP,QAAQ;IACR,MAAM;IACN,WAAW;IACX,YAAY;IACZ,YAAY;IACZ,8BAA8B;AAClC;;AAEA;IACI,aAAa;IACb,uBAAuB;AAC3B;;AAEA;IACI,aAAa;IACb,sBAAsB;AAC1B;;AAEA;IACI,aAAa;AACjB;;AAEA;IACI,YAAY;AAChB;;AAEA;IACI,WAAW;IACX,YAAY;AAChB;;AAEA;IACI,WAAW;IACX,YAAY;IACZ,aAAa;IACb,gBAAgB;AACpB;;AAEA;IACI,kBAAkB;IAClB,WAAW;IACX,YAAY;IACZ,MAAM;IACN,gBAAgB;IAChB,aAAa;AACjB",sourcesContent:['@import url("css/variables.css");\n\n.grPlayerContainer {\n flex: 1;\n position: relative;\n height: 100%;\n}\n\n.grPlayerContainer__preview-spinner {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n width: 60px;\n height: 24px;\n margin: auto;\n background: rgba(0, 0, 0, 0.5);\n}\n\n.cloudproducer-page .inner-container {\n display: flex;\n height: 100% !important;\n}\n\n.inner-container {\n display: flex;\n flex-direction: column;\n}\n\n.studio-bar {\n display: flex;\n}\n\n.nav-header-wrapper {\n flex-grow: 1;\n}\n\n.grSidebar__iframe {\n width: 100%;\n height: 100%;\n}\n\n.legacy-drawer-container {\n width: 100%;\n height: 100%;\n display: flex;\n overflow: hidden;\n}\n\n#broadcastSidebar .grSidebar {\n position: relative;\n width: 100%;\n height: 100%;\n top: 0;\n box-shadow: none;\n z-index: auto;\n}\n'],sourceRoot:""}]),n.Z=c},82631:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/producer",function(){return t(6151)}])},6151:function(e,n,t){"use strict";t.r(n),t.d(n,{AppPage:function(){return JY},__N_SSP:function(){return nX},default:function(){return iX}});var i=t(72006),r=t(4405),o=t(2272),a=t(9970),s=t(11527),c=(t(97805),t(83377)),u=t(1008),l=t(26715),d=t(89300),p=t.n(d),f=t(43226),h=t.n(f),m=t(48976),g=t.n(m),v=t(8217),x=t(37162),y=t(1971),b=t(26668),I=t(57494),w=t(32541),P=t(20663),S=t(79442),Z=t(92891),C=t(88801),j=t(75525),k=t(5961),T=t(38929),R=t(43119),L=t(6379),A=t(9424),M=t(18803),O=t(30418),D=t(82574),E=t(57389),N=t(82400),B=t(46822);function V(e){var n=e.streamId,t=e.layers;Z.Z.PermStore.set("producer/".concat(n,"/layers"),t)}function F(e){return Z.Z.PermStore.get("producer/".concat(e,"/monitors"))}function z(e){var n=e.streamId,t=e.monitors;Z.Z.PermStore.set("producer/".concat(n,"/monitors"),t)}var U=Object.freeze({Program:"program",Preview:"preview",Clean:"clean"}),H=500,_=N.V5.model("MonitorStore",{previewPlayerId:B.Al,programPlayerId:B.NW,cleanPlayerId:B.Pj,displayPreview:N.V5.optional(N.
1V5.boolean,!0),displayProgram:N.V5.optional(N.V5.boolean,!0),displayClean:N.V5.optional(N.V5.boolean,!1),monitorLayout:N.V5.optional(N.V5.array(N.V5.string),[U.Preview,U.Program])}).volatile((function(){return{players:{}}})).views((function(e){return{get streamId(){var n,t;return null===(n=(0,N.yj)(e))||void 0===n||null===(t=n.controlRoom)||void 0===t?void 0:t.selectedStreamId}}})).views((function(e){return{get monitorsFromLocalStorage(){var n,t,i=U.Preview,r=U.Program;return null!==(n=F(e.streamId))&&void 0!==n?n:(t={},(0,E.Z)(t,i,{displayPreview:!0}),(0,E.Z)(t,r,{displayProgram:!0}),t)},get isHotSwitching(){var n,t,i;return null===(n=(0,N.yj)(e))||void 0===n||null===(t=n.controlRoom)||void 0===t||null===(i=t.toolbar)||void 0===i?void 0:i.hotSwitching},get hasHiddenMonitor(){return e.displayPreview+e.displayProgram+e.displayClean<2},get expandedMonitors(){return e.displayPreview+e.displayProgram+e.displayClean>1}}})).views((function(e){return{get displayProgramIndicator(){return e.displayProgram&&(!e.displayPreview||!e.monitorLayout.includes(U.Preview))&&(!e.displayClean||!e.monitorLayout.includes(U.Clean))},get displayPreviewIndicator(){return e.displayPreview&&(!e.displayProgram||!e.monitorLayout.includes(U.Program))&&(!e.displayClean||!e.monitorLayout.includes(U.Clean))},get displayCleanIndicator(){return e.displayClean&&(!e.displayProgram||!e.monitorLayout.includes(U.Program))&&(!e.displayPreview||!e.monitorLayout.includes(U.Preview))},get previewMonitorFromLocalStorage(){var n,t=U.Preview;return null===(n=e.monitorsFromLocalStorage[t])||void 0===n?void 0:n.displayPreview},get programMonitorFromLocalStorage(){var n,t=U.Program;return null===(n=e.monitorsFromLocalStorage[t])||void 0===n?void 0:n.displayProgram},get cleanMonitorFromLocalStorage(){var n,t=U.Clean;return null===(n=e.monitorsFromLocalStorage[t])||void 0===n?void 0:n.displayClean},get connect(){return(0,N.yj)(e).streamConfig.connectPlayerToWebRTCPlayback},get disconnect(){return(0,N.yj)(e).streamConfig.disconnectWebRTCConnection}}})).views((function(e){return{get displayIndicator(){return e.displayProgramIndicator||e.displayPreviewIndicator||e.displayCleanIndicator}}})).actions((function(e){return{setPreviewInLocalStorage:function(){var n;z({streamId:e.streamId,monitors:(n={},(0,E.Z)(n,U.Program,{displayProgram:e.programMonitorFromLocalStorage}),(0,E.Z)(n,U.Preview,{displayPreview:e.displayPreview}),(0,E.Z)(n,U.Clean,{displayPreview:e.cleanMonitorFromLocalStorage}),n)})},setProgramInLocalStorage:function(){var n;z({streamId:e.streamId,monitors:(n={},(0,E.Z)(n,U.Program,{displayProgram:e.displayProgram}),(0,E.Z)(n,U.Preview,{displayPreview:e.previewMonitorFromLocalStorage}),(0,E.Z)(n,U.Clean,{displayClean:e.cleanMonitorFromLocalStorage}),n)})},setCleanInLocalStorage:function(){var n;z({streamId:e.streamId,monitors:(n={},(0,E.Z)(n,U.Program,{displayProgram:e.programMonitorFromLocalStorage}),(0,E.Z)(n,U.Preview,{displayPreview:e.previewMonitorFromLocalStorage}),(0,E.Z)(n,U.Clean,{displayClean:e.displayClean}),n)})},setMonitorLayout:function(n){e.monitorLayout.replace(n)}}})).actions((function(e){return{afterCreate:function(){var n,t,i,r=F(e.streamId);r&&(e.displayPreview=null===(n=r[U.Preview])||void 0===n?void 0:n.displayPreview,e.displayProgram=null===(t=r[U.Program])||void 0===t?void 0:t.displayProgram,e.displayClean=null===(i=r[U.Clean])||void 0===i?void 0:i.displayClean)},setDisplayPreview:function(n){e.displayPreview=n},setDisplayClean:function(n){e.displayClean=n},restorePreviewFromLocalStorage:function(){e.displayPreview=e.previewMonitorFromLocalStorage;var n=(0,a.Z)(e.monitorLayout.values()).map((function(n){return""===n&&e.displayPreview?U.Preview:n}));e.monitorLayout.replace(n)},restoreCleanFromLocalStorage:function(){e.displayClean=e.cleanMonitorFromLocalStorage;var n=(0,a.Z)(e.monitorLayout.values()).map((function(n){return""===n&&e.displayClean?U.Clean:n}));e.monitorLayout.replace(n)},toggleDisplayPreview:function(){e.displayPreview=!e.displayPreview,e.setPreviewInLocalStorage()},toggleDisplayProgram:function(){e.displayProgram=!e.displayProgram,e.setProgramInLocalStorage()},toggleDisplayClean:function(){e.displayClean=!e.displayClean,e.setCleanInLocalStorage()},connectPreview:function(){e.connect(e.previewPlayerId,e.players.previewPlayer,!1)},connectProgram:function(){e.connect(e.programPlayerId,e.players.livePlayer,!1)},connectClean:function(){e.connect(e.cleanPlayerId,e.players.cleanPlayer,!1)}}})).actions((function(e){return{reconnectMonitors:function(){e.displayPreview&&e.connectPreview(),e.displayProgram&&e.connectProgram(),e.displayClean&&e.connectClean()}}})),W=_,G=t(77637),Y=t(48663),X=t(76608),q=t(67267),J=t(50959),K=t(57648),Q=t(38209),ee=t.n(Q),ne=t(53168);function te(){var e=(0,R.Z)(["\n width: 4px;\n height: 100%;\n overflow: hidden;\n position: relative;\n margin-left: 3px;\n border-radius: ",';\n background: linear-gradient(\n 180deg,\n #f03f55 0%,\n #ff9f61 31.77%,\n #00e3ad 100%\n );\n box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);\n\n &::after {\n content: "";\n position: absolute;\n width: 100%;\n height: 100%;\n background: #d8d8d8;\n will-change: transform;\n border-top-right-radius: ',";\n border-top-left-radius: ",";\n transition: transform linear 450ms;\n transform: scaleY(var(--level));\n transform-origin: top;\n }\n"]);return te=function(){return e},e}function ie(e,n){e&&e.style.setProperty("--level","calc((100 - clamp(0, ".concat(n,", 100)) / 100)"))}
1var re,oe=L.ZP.div.withConfig({componentId:"sc-e5a239c9-0"})(te(),(function(e){return e.theme.borderRadius}),(function(e){return e.theme.borderRadius}),(function(e){return e.theme.borderRadius})),ae=function(e){return e&&e.getAudioTracks().length>0},se=function(e){var n=new Uint8Array(e.fftSize);return e.minDecibels=-96,e.maxDecibels=0,e.getByteTimeDomainData(n),n},ce=function(e){var n,t,i=Array.from(e),r=(n=Math).max.apply(n,(0,a.Z)(i))-128,o=(t=Math).min.apply(t,(0,a.Z)(i))-128;return Math.max(Math.abs(r),Math.abs(o))/128*100},ue=function(e){var n=e.audioContext,t=e.mediaStream,i=e.onUserGestureRequired,r=void 0===i?function(){}:i,o=e.audioProcessInterval,a=void 0===o?0:o,c=J.useRef(),u=J.useRef();return J.useEffect((function(){if(n&&("suspended"===n.state&&r(),ae(t))){var e=n.createMediaStreamSource(t),i=n.createChannelSplitter(2),o=n.createAnalyser(),s=n.createAnalyser();e.connect(i),i.connect(o,0,0),i.connect(s,1,0);var l=n.createScriptProcessor(0,2,2);return l.connect(n.destination),l.onaudioprocess=ee()((function(){if("running"===n.state){var e=se(o),t=se(s);ie(c.current,ce(e)),ie(u.current,ce(t))}}),a),function(){e.disconnect(),i.disconnect(),l.disconnect(n.destination)}}}),[n,t,r,a]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(ne.nI,{children:(0,s.jsx)(oe,{ref:c})}),(0,s.jsx)(ne.f2,{children:(0,s.jsx)(oe,{ref:u})})]})},le=(0,Y.Pi)((function(e){var n=e.muted,t=e.events,o=e.controls,a=e.children,c=e.playerRef,u=e.onLoadedData,l=e.videoStreamID,d=e.audioContext,p=e.autoplay,f=void 0===p||p,h=e.hasUserGesture,m=e.onUserGestureRequired,g=void 0===m?function(e){}:m,v=e.audioProcessInterval,x=void 0===v?0:v,y=(0,G.Z)(e,["muted","events","controls","children","playerRef","onLoadedData","videoStreamID","audioContext","autoplay","hasUserGesture","onUserGestureRequired","audioProcessInterval"]),b=(0,q.oR)().streamConfig,I=b.connectPlayerToWebRTCPlayback,w=b.disconnectPlayerFromWebRTCPlayback,P=(0,J.useState)(!1),S=P[0],Z=P[1];return(0,s.jsxs)(X.Z,(0,r.Z)((0,i.Z)({},y),{ref:c,autoplay:f,muted:n,events:t,controls:o,videoStreamID:l,connectPlayerToWebRTCPlayback:I,disconnectPlayerFromWebRTCPlayback:w,onLoadedData:function(e){Z(!0),u&&u(e)},children:[a,S&&h&&(0,s.jsx)(K.g,{children:(0,s.jsx)(ue,{audioContext:d,mediaStream:c.current.ref.current.srcObject,onUserGestureRequired:g,audioProcessInterval:x})})]}))})),de=t(36989),pe=t(58776);!function(e){e.Program="program",e.Preview="preview",e.Clean="clean"}(re||(re={}));var fe="livePlayer",he=(0,Y.Pi)((function(e){var n=e.onUserGestureRequired,t=void 0===n?function(e){}:n,i=e.style,r=e.usePadding,o=void 0===r||r,a=(0,J.useState)(!1),c=a[0],u=a[1],l=(0,q.oR)(),d=l.streamConfig,p=l.controlRoom,f=p.toolbar.hotSwitching,h=p.monitors,m=h.displayProgram,g=h.displayProgramIndicator,v=p.setMonitorReference,x=p.localSettings.isProgramMuted,y=(0,J.useRef)(null);return(0,J.useEffect)((function(){m&&v&&y.current&&v(fe,y.current.ref.current)}),[fe,v,m,y.current]),(0,J.useEffect)((function(){var e;m&&Promise.resolve(null===(e=y.current)||void 0===e?void 0:e.ref.current.play()).catch((function(){return t(re.Program)}))}),[t,m,y.current]),(0,J.useEffect)((function(){f&&m&&setTimeout((function(){u(!0),setTimeout((function(){u(!1)}),1500)}),500)}),[f,m]),(0,s.jsxs)(De,{style:i,displayMonitor:m,children:[(0,s.jsx)(pe.Z,{inline:!0}),g&&(0,s.jsx)(Ee,{type:re.Program}),(0,s.jsx)(Be,{muted:x,autoplay:!0,controls:!1,playerRef:y,videoStreamID:B.NW,subscribeToVolume:d.program.addVolumeListener,usePadding:o,children:(0,s.jsx)(_e,{displayOverlay:c})})]})}));function me(){var e=(0,R.Z)(["\n transition: height ","ms;\n"]);return me=function(){return e},e}function ge(){var e=(0,R.Z)(["\n display: flex;\n justify-content: center;\n transition: width 0.5s ease 0s;\n"]);return ge=function(){return e},e}function ve(){var e=(0,R.Z)(["\n top: auto;\n right: 0;\n bottom: auto;\n display: flex;\n max-height: 100%;\n width: 100%;\n position: relative;\n flex-direction: column;\n margin: 40px 5px -25px 5px;\n\n "," {\n visibility: ",";\n }\n\n "," {\n position: absolute;\n top: -2em;\n left: 1em;\n }\n"]);return ve=function(){return e},e}function xe(){var e=(0,R.Z)(["\n background: ",";\n "]);return xe=function(){return e},e}function ye(){var e=(0,R.Z)(["\n background: ",";\n "]);return ye=function(){return e},e}function be(){var e=(0,R.Z)(["\n background: ",";\n "]);return be=function(){return e},e}function Ie(){var e=(0,R.Z)(["\n border-radius: 3px;\n position: absolute;\n width: 50px;\n height: 5px;\n top: -5px;\n left: 50%;\n transform: translateX(-50%);\n\n ","\n"]);return Ie=function(){return e},e}function we(){var e=(0,R.Z)(["\n ","\n\n "," {\n transition: width 0.5s;\n transition-delay: ","};\n }\n "]);return we=function(){return e},e}function Pe(){var e=(0,R.Z)(["\n color: white;\n height: calc(","% - 1px);\n position: relative;\n background-color: ",";\n background-image: ",";\n\n ","\n"]);return Pe=function(){return e},e}function Se(){var e=(0,R.Z)(["\n padding: 5px;\n height: calc(100% - 30px);\n"]);return Se=function(){return e},e}function Ze(){var e=(0,R.Z)(["\n padding: ",";\n height: calc(100% - 30px);\n"]);return Ze=function(){return e},e}function Ce(){var e=(0,R.Z)(["\n background: rgba(0, 0, 0, 0.5);\n position: absolute;\n display: flex;
1\n align-items: center;\n width: 100%;\n height: 100%;\n justify-content: space-evenly;\n opacity: ",";\n transition: opacity 0.5s,\n visibility 0s linear\n ",";\n visibility: ",";\n"]);return Ce=function(){return e},e}function je(){var e=(0,R.Z)(["\n display: flex;\n flex-direction: column;\n color: ",";\n align-items: center;\n text-align: center;\n font-weight: bold;\n font-size: 18px;\n width: 200px;\n\n i {\n font-size: 72px;\n }\n"]);return je=function(){return e},e}function ke(){var e=(0,R.Z)(["\n width: 100%;\n height: 100%;\n display: flex;\n position: absolute;\n white-space: nowrap;\n z-index: 9999;\n height: 42px;\n"]);return ke=function(){return e},e}function Te(){var e=(0,R.Z)(["\n border: 1px solid black;\n border-top: none;\n "]);return Te=function(){return e},e}function Re(){var e=(0,R.Z)(["\n left: 0;\n border-left: none;\n padding-right: 5px;\n "]);return Re=function(){return e},e}function Le(){var e=(0,R.Z)(["\n right: 0;\n border-right: none;\n padding-left: 5px;\n "]);return Le=function(){return e},e}function Ae(){var e=(0,R.Z)(["\n top: 0;\n gap: 7px;\n display: flex;\n position: absolute;\n height: ",";\n align-items: center;\n max-height: calc(100% + 2px);\n\n ",";\n\n ","\n"]);return Ae=function(){return e},e}var Me=(0,L.iv)(me(),H),Oe=L.ZP.div.withConfig({componentId:"sc-e20b42cf-0"})(ge()),De=L.ZP.div.withConfig({componentId:"sc-e20b42cf-1"})(ve(),K.g,(function(e){return e.displayMonitor?"visible":"hidden"}),D.H),Ee=L.ZP.span.withConfig({componentId:"sc-e20b42cf-2"})(Ie(),(function(e){var n=e.type,t=e.theme;switch(n){case re.Program:return(0,L.iv)(xe(),t.colors.inProgram);case re.Preview:return(0,L.iv)(ye(),t.colors.inPreview);case re.Clean:return(0,L.iv)(be(),t.colors.inClean)}})),Ne=L.ZP.div.withConfig({componentId:"sc-e20b42cf-3"})(Pe(),(function(e){return e.monitorInitialSize}),(function(e){return e.theme.colors.tertiaryDark}),(function(e){return e.theme.colors.videoBackgroundPattern}),(function(e){var n=e.isDragging,t=e.isClosingVertically;return!n&&(0,L.iv)(we(),Me,De,(function(){return t?"0.5s":"none"}))})),Be=((0,L.ZP)(le).withConfig({componentId:"sc-e20b42cf-4"})(Se()),(0,L.ZP)(de.Z).withConfig({componentId:"sc-e20b42cf-5"})(Ze(),(function(e){return e.usePadding?"5px":"0"}))),Ve=L.ZP.div.withConfig({componentId:"sc-e20b42cf-6"})(Ce(),(function(e){return e.displayOverlay?1:0}),(function(e){return e.displayOverlay?"0s":"0.5s"}),(function(e){return e.displayOverlay?"visible":"hidden"})),Fe=L.ZP.span.withConfig({componentId:"sc-e20b42cf-7"})(je(),(function(e){return e.theme.colors.primary})),ze=function(e){var n=e.title,t=e.icon,i=e.onClick,r=e.ariaLabel,o=e.disabled,a=void 0!==o&&o,c=e.position,u=void 0===c?"top":c;return(0,s.jsx)(O.Z,{innerHtml:n,position:u,children:(0,s.jsx)(A.Z,{"aria-label":r,disabled:a,icon:t,onClick:i,IconComponent:void 0})})},Ue=L.ZP.header.withConfig({componentId:"sc-e20b42cf-8"})(ke()),He=L.ZP.div.withConfig({componentId:"sc-e20b42cf-9"})(Ae(),"42px",(function(e){return e.collapsed&&(0,L.iv)(Te())}),(function(e){switch(e.align){case"start":return(0,L.iv)(Re());case"end":return(0,L.iv)(Le())}})),_e=function(e){var n=e.displayOverlay;return(0,s.jsx)(Ve,{displayOverlay:n,children:(0,s.jsxs)(Fe,{children:[(0,s.jsx)(M.Z,{name:"fire"}),"Hot Switching Activated"]})})};function We(){var e=(0,R.Z)(["\n ","\n "]);return We=function(){return e},e}function Ge(){var e=(0,R.Z)(["\n display: flex;\n flex-direction: column;\n\n ","\n"]);return Ge=function(){return e},e}function Ye(){var e=(0,R.Z)(["\n z-index: ",';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(247, 247, 247, 0.7);\n transition: opacity 0.7s 0.7s;\n opacity: 1;\n\n &.in {\n opacity: 1;\n }\n\n &.out {\n opacity: 0;\n pointer-events: none;\n }\n\n &::before,\n img {\n content: "";\n position: absolute;\n top: 50%;\n transform: translate3d(-50%, -50%, 0);\n left: 50%;\n }\n\n &:before {\n width: 85px;\n height: 85px;\n border-radius: 3px;\n background: ',";\n box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);\n z-index: 9;\n }\n\n img {\n width: 65px;\n height: 65px;\n z-index: 9;\n }\n"]);return Ye=function(){return e},e}function Xe(){var e=(0,R.Z)(["\n position: absolute;\n width: 100%;\n height: 100%;\n background: #23293d;\n z-index: -1;\n"]);return Xe=function(){return e},e}var qe=L.ZP.section.withConfig({componentId:"sc-29ac3eec-0"})(Ge(),(function(e){return!e.isDragging&&(0,L.iv)(We(),Me)})),Je=L.ZP.div.withConfig({componentId:"sc-29ac3eec-1"})(Ye(),(function(e){return e.theme.zIndex.loader}
1),(function(e){return e.theme.colors.primaryBackground})),Ke=L.ZP.div.withConfig({componentId:"sc-29ac3eec-2"})(Xe()),Qe=t(13927),$e=t(78026);function en(){var e=(0,R.Z)(["\n height: 100%;\n width: 100%;\n animation: fadeIn 0.25s;\n\n @keyframes fadeIn {\n 0% {\n opacity: 0.1;\n }\n 100% {\n opacity: 1;\n }\n }\n"]);return en=function(){return e},e}var nn=L.ZP.div.withConfig({componentId:"sc-1b020597-0"})(en()),tn=t(14405),rn=t(43381),on=t(18547),an=t(14107),sn=t(84285);function cn(){var e=(0,R.Z)(["\n display: flex;\n margin-right: ",";\n"]);return cn=function(){return e},e}var un=(0,L.ZP)(rn.Mn).withConfig({componentId:"sc-46f6604a-0"})(cn(),(function(e){return e.expanded?"-".concat(sn.Z.width):"0"})),ln=t(15938),dn=t(21542),pn=t(69601),fn=t(25387),hn=t(35989),mn=t(4669),gn=t(72522),vn=t(20719);function xn(){var e=(0,R.Z)(["\n width: 100%;\n max-height: 300px;\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n padding: 15px;\n\n "," {\n padding-top: ",";\n }\n"]);return xn=function(){return e},e}var yn,bn=L.ZP.div.withConfig({componentId:"sc-ae0c4491-0"})(xn(),vn.ZL,(function(e){return e.theme.largePadding})),In=function(e){var n=e.closeModal,t=e.deleteNode,i=e.toggleShouldConfirmNodeDeletion,r=(0,o.Z)(J.useState(!1),2),a=r[0],c=r[1];return(0,s.jsx)(gn.Z,{title:"Delete path",confirmCallback:function(){t(),a&&i()},confirmLabel:"Yes, Delete",cancelCallback:n,closeLabel:"Cancel",closeIcon:"",type:"dark",size:"small",padding:"0px",children:(0,s.jsxs)(bn,{children:[(0,s.jsx)("p",{children:"Are you sure that you want to delete this path?"}),(0,s.jsx)("p",{children:"All your settings will be lost"}),(0,s.jsx)(mn.ZP,{value:a,checkboxLabel:"Do not show me again",onChange:function(){return c(!a)}})]})})},wn=t(88962),Pn=94,Sn=function(e){switch(e){case fn.LY.Stereo:return 188;case fn.LY.FivePointOne:return 366;default:return Pn}},Zn=(yn={},(0,E.Z)(yn,fn.Jq.Input,{background:"#36425c",background2:"#52607e",expanded:"#425070",icon:"#7e8bb5",icon2:"#36425c",input:"#425070",input2:"#556487",text:"#98A9cd",panel:"#465370",placeholderIcon:"#5d6b8a"}),(0,E.Z)(yn,fn.Jq.Group,{background:"#494d5e",background2:"#464a5d",expanded:"#3e4252",icon:"#777c8e",icon2:"#797e97",input:"#3e4252",input2:"#2c3144",text:"#a8abb5",panel:"#3e4252",placeholderIcon:"#494d5e"}),(0,E.Z)(yn,fn.Jq.Output,{background:"#585d75",background2:"#6b7089",expanded:"#474e69",icon:"#bebed0",icon2:"#797e97",input:"#484e67",input2:"#5d647e",text:"#a8abb5",panel:"#797e97",placeholderIcon:"#585d75"}),yn),Cn=function(e){return function(n){var t=n.type,i=void 0===t?void 0:t,r=n.variant,o=void 0===r?fn.Jq.Input:r;return i?Zn[i][e]:Zn[o][e]}};function jn(){var e=(0,R.Z)(["\n border-right: 1px solid #2c3144;\n cursor: grab;\n display: flex;\n justify-content: center;\n width: 25px;\n\n > svg {\n fill: ",";\n }\n"]);return jn=function(){return e},e}var kn=L.ZP.div.withConfig({componentId:"sc-17db74a7-0"})(jn(),Cn("icon")),Tn=(0,wn.W6)((function(e){var n=e.type;return(0,s.jsx)(kn,{type:n,children:(0,s.jsxs)("svg",{height:"18",width:"24",children:[(0,s.jsx)("ellipse",{cx:"6",cy:"6",rx:"2",ry:"2"}),(0,s.jsx)("ellipse",{cx:"12",cy:"6",rx:"2",ry:"2"}),(0,s.jsx)("ellipse",{cx:"18",cy:"6",rx:"2",ry:"2"}),(0,s.jsx)("ellipse",{cx:"6",cy:"12",rx:"2",ry:"2"}),(0,s.jsx)("ellipse",{cx:"12",cy:"12",rx:"2",ry:"2"}),(0,s.jsx)("ellipse",{cx:"18",cy:"12",rx:"2",ry:"2"})]})})}));function Rn(){var e=(0,R.Z)(["\n font-size: 8px;\n"]);return Rn=function(){return e},e}function Ln(){var e=(0,R.Z)(["\n font-size: 10px;\n"]);return Ln=function(){return e},e}function An(){var e=(0,R.Z)(["\n font-size: 11px;\n"]);return An=function(){return e},e}function Mn(){var e=(0,R.Z)(["\n font-size: 12px;\n"]);return Mn=function(){return e},e}var On=(0,L.iv)(Rn()),Dn=(0,L.iv)(Ln()),En=(0,L.iv)(An()),Nn=(0,L.iv)(Mn());function Bn(){var e=(0,R.Z)(["\n border-radius: 2px;\n color: white;\n display: flex;\n flex-direction: row;\n user-select: none;\n height: 100%;\n width: ","px;\n transition: transform 0.3s, width 0.3s;\n\n &.stripDragHelper {\n transition: none;\n }\n"]);return Bn=function(){return e},e}function Vn(){var e=(0,R.Z)(["\n background: ",";\n border-radius: inherit;\n display: flex;\n flex-direction: column;\n min-width: ","px;\n height: 100%;\n z-index: 2;\n"]);return Vn=function(){return e},e}function Fn(){var e=(0,R.Z)(["\n border-bottom: 1px solid #2c3144;\n color: white;\n display: flex;\n justify-content: space-between;
1\n align-items: center;\n width: 100%;\n"]);return Fn=function(){return e},e}function zn(){var e=(0,R.Z)(["\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0 10px;\n flex-direction: ",";\n gap: 2px;\n"]);return zn=function(){return e},e}function Un(){var e=(0,R.Z)(["\n width: 100%;\n display: flex;\n gap: 5px;\n justify-content: space-between;\n align-items: center;\n margin: 10px 0;\n padding: 0 10px;\n flex-direction: row;\n"]);return Un=function(){return e},e}function Hn(){var e=(0,R.Z)(["\n background: ",";\n "]);return Hn=function(){return e},e}function _n(){var e=(0,R.Z)(["\n background: ",";\n "]);return _n=function(){return e},e}function Wn(){var e=(0,R.Z)(["\n background: ",";\n "]);return Wn=function(){return e},e}function Gn(){var e=(0,R.Z)(["\n display: flex;\n align-items: center;\n border: 1px solid #242736;\n border-radius: 4px;\n flex: 1;\n height: 5px;\n\n ","\n"]);return Gn=function(){return e},e}function Yn(){var e=(0,R.Z)(["\n background: #2c3144;\n height: 1px;\n width: 100%;\n"]);return Yn=function(){return e},e}function Xn(){var e=(0,R.Z)(["\n height: 18px;\n min-height: 18px;\n width: 100%;\n background: #2c3144;\n border-radius: 2px;\n ",";\n font-weight: ",";\n color: ",";\n border: ",";\n display: flex;\n justify-content: center;
1\n align-items: center;\n padding: 0;\n margin: 0;\n"]);return Xn=function(){return e},e}function qn(){var e=(0,R.Z)(["\n background-color: transparent;\n border: none;\n display: flex;\n padding: 0;\n\n color: ",";\n"]);return qn=function(){return e},e}function Jn(){var e=(0,R.Z)(["\n ",";\n font-weight: ",";\n color: ",";\n text-align: center;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n margin: 0;\n width: 100%;\n"]);return Jn=function(){return e},e}function Kn(){var e=(0,R.Z)(["\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 10px;\n\n & > * {\n flex: 1;\n }\n"]);return Kn=function(){return e},e}function Qn(){var e=(0,R.Z)(["\n color: white;\n ",";\n"]);return Qn=function(){return e},e}function $n(){var e=(0,R.Z)(["\n ",";\n font-weight: ",";\n margin: 0;\n text-align: center;\n text-transform: uppercase;\n"]);return $n=function(){return e},e}function et(){var e=(0,R.Z)(["\n background: none;\n border-radius: 2px;\n color: ",";\n ",";\n margin: 1.5px;\n padding: 4px;\n text-align: center;\n width: 100%;\n"]);return et=function(){return e},e}var nt=L.ZP.div.withConfig({componentId:"sc-e09d2a87-0"})(Bn(),(function(e){var n=e.expanded,t=e.audioWidth;return n?Sn(t):Pn})),tt=L.ZP.div.withConfig({componentId:"sc-e09d2a87-1"})(Vn(),Cn("background"),Pn),it=L.ZP.section.withConfig({componentId:"sc-e09d2a87-2"})(Fn()),rt=L.ZP.section.withConfig({componentId:"sc-e09d2a87-3"})(zn(),(function(e){return e.direction||"column"})),ot=L.ZP.section.withConfig({componentId:"sc-e09d2a87-4"})(Un()),at=L.ZP.span.withConfig({componentId:"sc-e09d2a87-5"})(Gn(),(function(e){var n=e.theme,t=e.isInLive,i=e.isInPreview;return t?(0,L.iv)(Hn(),n.colors.primary):i?(0,L.iv)(_n(),n.colors.pending):(0,L.iv)(Wn(),n.colors.text1)})),st=L.ZP.div.withConfig({componentId:"sc-e09d2a87-6"})(Yn()),ct=L.ZP.button.withConfig({componentId:"sc-e09d2a87-7"}
1)(Xn(),Dn,(function(e){return e.theme.fontWeightSemiBold}),(function(e){var n=e.theme;return e.active?n.colors.primary:n.colors.text3}),(function(e){return e.active?"1px solid currentColor":"none"})),ut=L.ZP.button.withConfig({componentId:"sc-e09d2a87-8"})(qn(),Cn("icon")),lt=L.ZP.h2.withConfig({componentId:"sc-e09d2a87-9"})(Jn(),Dn,(function(e){return e.theme.fontWeightSemiBold}),(function(e){return e.theme.colors.text3})),dt=L.ZP.div.withConfig({componentId:"sc-e09d2a87-10"})(Kn()),pt=L.ZP.div.withConfig({componentId:"sc-e09d2a87-11"})(Qn(),Dn),ft=L.ZP.p.withConfig({componentId:"sc-e09d2a87-12"})($n(),On,(function(e){return e.theme.fontWeightSemiBold})),ht=L.ZP.input.withConfig({componentId:"sc-e09d2a87-13"})(et(),(function(e){return e.theme.colors.text3}),Dn),mt=t(43034),gt=t(56956);function vt(){var e=(0,R.Z)(["\n width: 70px;\n background-color: ",";\n\n "," {\n ","\n\n a {\n padding: 3px 5px;\n }\n }\n"]);return vt=function(){return e},e}var xt=(0,L.ZP)(gt.Z).withConfig({componentId:"sc-401b4049-0"})(vt(),Cn("input"),mt.ck,Dn),yt=function(e){return(0,s.jsx)(L.f6,{theme:an.$,children:(0,s.jsx)(xt,(0,i.Z)({},e))})},bt=function(e){var n=e.node,t=e.onClose,i=e.parentRef,r=e.openDelete,o=e.confirmDeletion,a=(0,q.oR)().audioMixer,c=i.current.getBoundingClientRect(),u=[{id:"delete",disabled:a.info.easyMode,onClick:function(){o?r():n.delete()},text:"Delete"}];return(0,s.jsx)(yt,{positionX:c.x,positionY:c.y+15,items:u,onClose:t,type:n.type})},It=function(){return(0,s.jsxs)("svg",{width:"27",height:"30",viewBox:"0 0 27 30",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,s.jsx)("path",{d:"M12.5524 0.095217C12.1305 0.247561 11.8024 0.487795 11.5973 0.804201C11.2164 1.37256 11.2457 0.34717 11.2574 15.1069L11.275 28.5542L11.4274 28.8823C11.7496 29.5679 12.3649 29.9605 13.1207 29.9605C13.8766 29.9605 14.4918 29.5679 14.8141 28.8823L14.9664 28.5542V1.4253L14.8141 1.09717C14.4098 0.241701 13.402 -0.209471 12.5524 0.095217Z",fill:"currentColor"}),(0,s.jsx)("path",{d:"M18.1774 4.78272C17.7555 4.93506 17.4274 5.1753 17.2223 5.4917C16.8473 6.0542 16.8649 5.49756 16.8824 15.1128L16.9 23.8667L17.0524 24.1948C17.3746 24.8804 17.9899 25.273 18.7457 25.273C19.5016 25.273 20.1168 24.8804 20.4391 24.1948L20.5914 23.8667V6.1128L20.4391 5.78467C20.0348 4.9292 19.027 4.47803 18.1774 4.78272Z",fill:"currentColor"}),(0,s.jsx)("path",{d:"M1.30236 5.72022C0.880486 5.87256 0.552361 6.1128 0.347283 6.4292C-0.0277171 6.98584 -0.0101389 6.52295 0.00743919 15.1128L0.0250173 22.9292L0.177361 23.2573C0.499627 23.9429 1.11486 24.3355 1.87072 24.3355C2.62658 24.3355 3.24181 23.9429 3.56408 23.2573L3.71642 22.9292V7.0503L3.56408 6.72217C3.15978 5.8667 2.15197 5.41553 1.30236 5.72022Z",fill:"currentColor"}),(0,s.jsx)("path",{d:"M6.92736 9.47022C6.50549 9.62256 6.17736 9.86279 5.97228 10.1792C5.609 10.7183 5.61486 10.6421 5.63244 15.1128L5.65002 19.1792L5.80236 19.5073C6.12463 20.1929 6.73986 20.5855 7.49572 20.5855C8.25158 20.5855 8.86682 20.1929 9.18908 19.5073L9.34142 19.1792V10.8003L9.18908 10.4722C8.78478 9.6167 7.77697 9.16553 6.92736 9.47022Z",fill:"currentColor"}),(0,s.jsx)("path",{d:"M23.8024 9.47022C23.3805 9.62256 23.0524 9.86279 22.8473 10.1792C22.484 10.7183 22.4899 10.6421 22.5074 15.1128L22.525 19.1792L22.6774 19.5073C22.9996 20.1929 23.6149 20.5855 24.3707 20.5855C25.1266 20.5855 25.7418 20.1929 26.0641 19.5073L26.2164 19.1792V10.8003L26.0641 10.4722C25.6598 9.6167 24.652 9.16553 23.8024 9.47022Z",fill:"currentColor"})]})},wt=t(21314),Pt={transform:"translateX(0)"},St={transform:"translateX(-100%)",zIndex:0},Zt={entering:(0,r.Z)((0,i.Z)({},Pt),{zIndex:0}),entered:(0,r.Z)((0,i.Z)({},Pt),{zIndex:1}),exiting:St,exited:St},Ct=function(e){var n=e.isOpen,t=e.children,r=e.className;return(0,s.jsx)(wt.ZP,{in:n,mountOnEnter:!0,unmountOnExit:!0,timeout:300,children:function(e){return(0,s.jsx)("div",{className:r,style:(0,i.Z)({transition:"transform 0.3s"},Zt[e]),children:t})}})};function jt(){var e=(0,R.Z)(["\n pointer-events: none;\n opacity: 0.6;\n "]);return jt=function(){return e},e}function kt(){var e=(0,R.Z)(["\n border-top: 1px solid #2d374f;\n width: 100%;\n"]);return kt=function(){return e},e}function Tt(){var e=(0,R.Z)(["\n display: flex;\n"]);return Tt=function(){return e},e}function Rt(){var e=(0,R.Z)(["\n background-color: #2e354d;\n display: flex;\n flex: 1;\n overflow-x: auto;\n\n ::-webkit-scrollbar {\n height: 0;\n }\n"]);return Rt=function(){return e},e}function Lt(){var e=(0,R.Z)(["\n background-color: ",";\n border: none;\n border-radius: 3px;\n box-shadow: inset 0px -2px 0px #2c3144;\n padding: 6px;\n text-transform: uppercase;\n width: 100%;\n"]);return Lt=function(){return e},e}function At(){var e=(0,R.Z)(["\n background-color: #232631;\n border-radius: 3px;\n width: ","px;\n margin: 1px;\n display: flex;\n flex-direction: column;\n font-weight: 700;\n text-align: center;\n text-transform: uppercase;\n"]);return At=function(){return e},e}function Mt(){var e=(0,R.Z)(["\n color: #a3a8b4;\n ","\n font-weight: 700;\n margin-top: 10px;\n"]);return Mt=function(){return e},e}function Ot(){var e=(0,R.Z)(["\n color: white;\n ","\n list-style: none;\n padding: 0 5px;\n\n & > li {\n margin: 1px;\n }\n"]);return Ot=function(){return e},e}function Dt(){var e=(0,R.Z)(["\n display: flex;\n gap: 1px;\n"]);return Dt=function(){return e},e}function Et(){var e=(0,R.Z)(["\n background: ",";\n border-radius: 2px;\n display: flex;\n height: 100%;\n transition: width 0.3s ease;\n width: ","px;\n"]);return Et=function(){return e},e}function Nt(){var e=(0,R.Z)(["\n background: ",";\n border-radius: 2px;\n display: flex;
1\n align-items: flex-start;\n flex-direction: column;\n height: 100%;\n min-width: ","px;\n z-index: 3;\n"]);return Nt=function(){return e},e}function Bt(){var e=(0,R.Z)(["\n display: flex;\n flex-direction: column;\n align-items: center;\n height: 100%;\n margin: 2px;\n padding: 2px;\n overflow-y: auto;\n width: calc(100% - 4px);\n\n ::-webkit-scrollbar {\n width: 3px;\n }\n ::-webkit-scrollbar-thumb {\n background-color: ",";\n border-radius: 3px;\n }\n"]);return Bt=function(){return e},e}function Vt(){var e=(0,R.Z)(["\n padding: 5px;\n width: 100%;\n"]);return Vt=function(){return e},e}function Ft(){var e=(0,R.Z)(["\n background: ",";\n color: ",";\n border-radius: 2px;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100%;\n"]);return Ft=function(){return e},e}function zt(){var e=(0,R.Z)(["\n background: ",";\n color: ",";\n border-radius: 2px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100%;\n\n p {\n color: ",";\n ",";\n font-weight: 600;\n margin-top: 10px;\n }\n"]);return zt=function(){return e},e}function Ut(){var e=(0,R.Z)(["\n display: flex;\n flex-direction: column;\n align-items: center;\n"]);return Ut=function(){return e},e}function Ht(){var e=(0,R.Z)(["\n color: #fff;\n ","\n margin-top: 5px;\n margin-bottom: 2.5px;\n text-align: center;\n text-transform: uppercase;\n"]);return Ht=function(){return e},e}function _t(){var e=(0,R.Z)(["\n display: flex;\n gap: 2px;\n margin: 2px;\n width: calc(100% - 4px);\n"]);return _t=function(){return e},e}function Wt(){var e=(0,R.Z)(["\n border-color: #585d75;\n margin: 0 auto;\n width: 90%;\n"]);return Wt=function(){return e},e}function Gt(){var e=(0,R.Z)(["\n background: ",";\n border: none;\n border-radius: 2px;\n color: #fff;\n ",";\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1px;\n height: 18px;\n width: 100%;\n\n &:disabled {\n opacity: 60%;\n }\n"]);return Gt=function(){return e},e}function Yt(){var e=(0,R.Z)(["\n display: flex;\n flex-wrap: wrap;\n gap: 2px;\n width: 100%;\n"]);return Yt=function(){return e},e}function Xt(){var e=(0,R.Z)(["\n height: 18px;\n width: ",";\n background: ",";\n border-radius: 3px;\n ",";\n font-weight: ",";\n color: #fff;\n border: none;\n display: flex;\n justify-content: center;
1\n align-items: center;\n padding: 0;\n margin: 0;\n\n &:disabled {\n opacity: 0.5;\n }\n"]);return Xt=function(){return e},e}function qt(){var e=(0,R.Z)(['\n transform: scale(0.25, 0.4);\n margin-left: -8px;\n margin-right: 2px;\n height: 10px;\n width: 18px;\n\n .grToggle__inner:after,\n .grToggle__inner:before {\n content: "";\n }\n\n .grToggle__switch {\n transform: scaleX(1.5);\n }\n']);return qt=function(){return e},e}function Jt(){var e=(0,R.Z)(["\n color: white;\n display: flex;\n align-items: center;\n gap: 4px;\n ","\n padding: 6px;\n width: 100%;\n\n ","\n"]);return Jt=function(){return e},e}function Kt(){var e=(0,R.Z)(["\n margin-left: auto;\n"]);return Kt=function(){return e},e}var Qt,$t=function(e){return e.disabled&&(0,L.iv)(jt())},ei=L.ZP.div.withConfig({componentId:"sc-a48079f1-0"})(kt()),ni=L.ZP.section.withConfig({componentId:"sc-a48079f1-1"})(Tt()),ti=L.ZP.section.withConfig({componentId:"sc-a48079f1-2"})(Rt()),ii=L.ZP.button.withConfig({componentId:"sc-a48079f1-3"})(Lt(),(function(e){return e.active?"#1A1F2A":"#333E54"})),ri=L.ZP.section.withConfig({componentId:"sc-a48079f1-4"})(At(),104),oi=L.ZP.h3.withConfig({componentId:"sc-a48079f1-5"})(Mt(),En),ai=L.ZP.ul.withConfig({componentId:"sc-a48079f1-6"})(Ot(),En),si=L.ZP.div.withConfig({componentId:"sc-a48079f1-7"})(Dt()),ci=L.ZP.div.withConfig({componentId:"sc-a48079f1-8"})(Et(),Cn("background"),(function(e){var n=e.expanded,t=e.width;return n?Sn(t):Pn})),ui=L.ZP.div.withConfig({componentId:"sc-a48079f1-9"})(Nt(),Cn("panel"),Pn),li=L.ZP.div.withConfig({componentId:"sc-a48079f1-10"})(Bt(),Cn("input")),di=(0,L.ZP)(Ct).withConfig({componentId:"sc-a48079f1-11"})(Vt()),pi=L.ZP.div.withConfig({componentId:"sc-a48079f1-12"})(Ft(),Cn("expanded"),Cn("placeholderIcon")),fi=L.ZP.div.withConfig({componentId:"sc-a48079f1-13"})(zt(),Cn("background2"),Cn("icon2"),Cn("text"),Dn),hi=L.ZP.div.withConfig({componentId:"sc-a48079f1-14"})(Ut()),mi=L.ZP.label.withConfig({componentId:"sc-a48079f1-15"})(Ht(),On),gi=L.ZP.div.withConfig({componentId:"sc-a48079f1-16"})(_t()),vi=(L.ZP.hr.withConfig({componentId:"sc-a48079f1-17"})(Wt()),L.ZP.button.withConfig({componentId:"sc-a48079f1-18"})(Gt(),(function(e){return"primary"===e.variant?"#f03f55":"#2c3144"}),Dn)),xi=L.ZP.fieldset.withConfig({componentId:"sc-a48079f1-19"})(Yt()),yi=L.ZP.button.withConfig({componentId:"sc-a48079f1-20"})(Xt(),(function(e){return e.small?"48%":"100%"}),(function(e){return e.active?"#1a1f2a":"#333e54"}),Dn,(function(e){return e.theme.fontWeightSemiBold})),bi=(0,L.ZP)(mn.wA).attrs({uiType:"switch"}).withConfig({componentId:"sc-a48079f1-21"})(qt()),Ii=L.ZP.div.withConfig({componentId:"sc-a48079f1-22"})(Jt(),Dn,$t),wi=(0,L.ZP)(O.Z).withConfig({componentId:"sc-a48079f1-23"})(Kt()),Pi=t(38688),Si=t.n(Pi),Zi=-70,Ci=10,ji=-10,ki=10,Ti={min:[Zi],"6.25%":[-60],"12.5%":[-50],"18.75%":[-40],"25%":[-30],"37.5%":[-20],"50%":[-10],"62.5%":[-5],"75%":[0],"87.5%":[5],max:[Ci]},Ri=function(){return Qt||(Qt=new(Si().__spectrum)(Ti,!1,0)),Qt};function Li(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=n.minDbLevel,i=void 0===t?Zi:t,r=20*Math.log10(e);return r===-1/0?i:r}var Ai=function(e){return Math.pow(10,e/20)},Mi=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Zi,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:Ci,i=!(arguments.length>3&&void 0!==arguments[3])||arguments[3],r=e.toFixed(2);return e<=n?r=i?"-\u221e":n.toFixed(2):e>=t&&(r=t.toFixed(2)),"".concat(r," dB")},Oi=function(e){return Mi(e,ji,ki,!1)},Di=t(82065);function Ei(){var e=(0,R.Z)(["\n margin-bottom: 5px;\n width: 100%;\n\n .react-select__control {\n background: transparent;\n border: 0.5px solid #425070;\n border-radius: 2px;\n box-shadow: none;\n height: 18px;\n min-height: 18px;\n ",";\n }\n .react-select__control--is-disabled {\n opacity: 0.5;\n }\n .react-select__control--is-focused:hover {\n border-color: white;\n }\n .react-select__value-container {\n height: 16px;\n padding: 4px 5px;\n }\n .react-select__placeholder {\n color: #a3a8b4;\n }\n .react-select__single-value {\n color: #eee;\n }\n .react-select__dropdown-indicator {\n color: #b2b9d3;\n height: 16px;\n min-height: 16px;\n padding: 0 4px;\n width: 16px;\n\n &:hover {\n color: white;\n }\n & > svg {\n height: 16px;\n }\n }\n .react-select__indicator-separator {\n background-color: #425070;\n margin: 0;\n width: 0.5px;\n }\n .react-select__menu {\n background: ",";\n ",";\n margin-top: 4px;\n overflow: hidden;\n }\n .react-select__menu-list {\n ::-webkit-scrollbar {\n width: 4px;\n }\n ::-webkit-scrollbar-track {\n background-color: #36425c;\n }\n ::-webkit-scrollbar-thumb {\n background-color: #596281;\n border: 1px solid #36425c;\n border-radius: 2px;\n }\n }\n .react-select__group {\n background: ",";\n }\n .react-select__group-heading {\n color: white;\n }\n .react-select__option {\n background: ",";\n color: #a3a8b4;\n ",";\n padding: 4px;\n\n &:hover {\n background: #465370;\n color: white;\n cursor: pointer;\n }\n }\n"]);return Ei=function(){return e},e}var Ni=(0,L.ZP)(Di.ZP).attrs({classNamePrefix:"react-select"}).withConfig({componentId:"sc-9eb40982-0"})(Ei(),Dn,Cn("input"),Dn,Cn("input"),Cn("input"),Dn);function Bi(){var e=(0,R.Z)(["\n width: 100%;\n opacity: ",";\n"]);return Bi=function(){return e},e}function Vi(){var e=(0,R.Z)(["\n background-color: #1a1f2a;\n text-transform: uppercase;\n"]);return Vi=function(){return e},e}function Fi(){var e=(0,R.Z)(["\n display: flex;\n gap: 5px;\n ",";\n margin: 5px 0;\n\n & > input {\n background-color: #5f6888;\n color: white;\n border: none;\n ",";\n padding: 1px 4px;\n text-align: right;\n border-radius: 2px;\n\n ::placeholder {\n color: white;\n }\n\n :focus::placeholder {\n color: transparent;\n }\n }\n\n & > input::-webkit-outer-spin-button,\n input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n"]);return Fi=function(){return e},e}function zi(){var e=(0,R.Z)(["\n color: white;\n ",";\n font-weight: 600;\n letter-spacing: 0.3px;\n"]);return zi=function(){return e},e}function Ui(){var e=(0,R.Z)(["\n color: #7e8bb5;\n"]);return Ui=function(){return e},e}function Hi(){var e=(0,R.Z)(["\n display: flex;\n flex-direction: column;\n border-radius: 25px;\n padding: 7.5px;\n"]);return Hi=function(){return e},e}var _i=L.ZP.div.withConfig({componentId:"sc-95a26f9a-0"})(Bi(),(function(e){return e.isDisabled?"0.5":"1"})),Wi=(0,L.ZP)(yi).withConfig({componentId:"sc-95a26f9a-1"})(Vi()),Gi=L.ZP.div.withConfig({componentId:"sc-95a26f9a-2"})(Fi(),Dn,Dn),Yi=(0,L.ZP)(mi).withConfig({componentId:"sc-95a26f9a-3"})(zi(),Dn),Xi=(0,L.ZP)(M.Z).withConfig({componentId:"sc-95a26f9a-4"})(Ui()),qi=L.ZP.div.withConfig({componentId:"sc-95a26f9a-5"})(Hi()),Ji=[{label:"Auto",value:null},{label:"0 Seconds",value:0},{label:"0.5 Seconds",value:500},{label:"1 Second",value:1e3},{label:"2 Seconds",value:2e3},{label:"3 Seconds",value:3e3}],Ki=function(e){return null===e?Ji[0]:Ji.find((function(n){return n.value===e.ms}))},Qi=function(e){var n=Li(e);return"".concat(n===Zi?"-\u221e":Math.trunc(n)," dB")},$i=function(){return(0,s.jsxs)(qi,{children:[(0,s.jsx)("span",{children:"Enabling audio follow video will"}),(0,s.jsx)("span",{children:"automate the fader when the associated"}),(0,s.jsx)("span",{children:"video source is taken on or off air"})]})},er=(0,Y.Pi)((function(e){var n=e.node,t=(0,q.oR)().audioMixer,i=!n.autoFader.enabled||t.info.easyMode;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(Yi,{children:"FOLLOW VIDEO"}),(0,s.jsxs)(Ii,{children:[(0,s.jsx)(bi,{value:n.autoFader.enabled,onChange:n.toggleAutoFaderEnabled}),(0,s.jsx)("span",{children:"Enabled"}),(0,s.jsx)(wi,{distance:10,position:"bottom",theme:"grabyo-trans
1parent",backgroundColor:"rgba(0, 0, 0, 0)",innerHtml:(0,s.jsx)($i,{}),children:(0,s.jsx)(Xi,{name:"info",size:"1.8em"})})]}),(0,s.jsx)(ei,{}),(0,s.jsxs)(li,{type:n.type,children:[(0,s.jsxs)(_i,{isDisabled:i,children:[(0,s.jsx)(mi,{children:"In Level"}),(0,s.jsxs)(Gi,{children:[(0,s.jsx)("input",{disabled:!0,type:"number",placeholder:Qi(n.autoFader.inLevel.ampRatio)}),(0,s.jsx)(Wi,{onClick:function(){return n.updateAutoFaderAmpRatio("inLevel",n.audio.fade.ampRatio)},disabled:i,children:"Set"})]}),(0,s.jsx)(mi,{children:"Out Level"}),(0,s.jsxs)(Gi,{children:[(0,s.jsx)("input",{disabled:!0,type:"number",placeholder:Qi(n.autoFader.outLevel.ampRatio)}),(0,s.jsx)(Wi,{onClick:function(){return n.updateAutoFaderAmpRatio("outLevel",n.audio.fade.ampRatio)},disabled:i,children:"Set"})]})]}),(0,s.jsx)(mi,{children:"In Duration"}),(0,s.jsx)(Ni,{isDisabled:i,isSearchable:!1,menuPosition:"fixed",options:Ji,value:Ki(n.autoFader.inDuration),onChange:function(e){var t=e.value;return n.updateAutoFaderMs("inDuration",t)}}),(0,s.jsx)(mi,{children:"Out Duration"}),(0,s.jsx)(Ni,{isDisabled:i,isSearchable:!1,menuPosition:"fixed",options:Ji,value:Ki(n.autoFader.outDuration),onChange:function(e){var t=e.value;return n.updateAutoFaderMs("outDuration",t)}}),(0,s.jsx)(mi,{children:"In Delay"}),(0,s.jsx)(Ni,{isDisabled:i,isSearchable:!1,menuPosition:"fixed",options:Ji,value:Ki(n.autoFader.inDelay),onChange:function(e){var t=e.value;return n.updateAutoFaderMs("inDelay",t)}}),(0,s.jsx)(mi,{children:"Out Delay"}),(0,s.jsx)(Ni,{isDisabled:i,isSearchable:!1,menuPosition:"fixed",options:Ji,value:Ki(n.autoFader.outDelay),onChange:function(e){var t=e.value;return n.updateAutoFaderMs("outDelay",t)}}),(0,s.jsx)(ei,{}),(0,s.jsx)(Yi,{children:"EXT. CONTROL"}),(0,s.jsxs)(Ii,{children:[(0,s.jsx)(bi,{value:n.externalMuteEnabled,onChange:n.toggleExternalMute}),(0,s.jsx)("span",{children:"Mute"}),(0,s.jsx)(wi,{distance:10,theme:"grabyo-transparent",backgroundColor:"rgba(0, 0, 0, 0)",innerHtml:"Allow control room to mute this path",children:(0,s.jsx)(Xi,{name:"info",size:"1.8em"})})]})]})]})})),nr=(0,Y.Pi)((function(e){var n=e.node;return n.type===fn.Jq.Input?(0,s.jsx)(er,{node:n}):(0,s.jsx)(pi,{type:n.type,children:(0,s.jsx)(It,{})})}));function tr(){var e=(0,R.Z)(["\n display: flex;\n max-height: calc(100% - 46px);\n width: 100%;\n"]);return tr=function(){return e},e}function ir(){var e=(0,R.Z)(["\n background: ",";\n width: 100%; // remove when adding the meter back in\n"]);return ir=function(){return e},e}function rr(){var e=(0,R.Z)(["\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 20px;\n padding: 8px 0;\n height: 100%;\n overflow-y: auto;\n\n ::-webkit-scrollbar {\n width: 3px;\n }\n ::-webkit-scrollbar-thumb {\n background-color: ",";\n border-radius: 3px;\n }\n"]);return rr=function(){return e},e}var or=L.ZP.div.withConfig({componentId:"sc-1640410d-0"})(tr()),ar=L.ZP.div.withConfig({componentId:"sc-1640410d-1"})(ir(),Cn("background2")),sr=L.ZP.div.withConfig({componentId:"sc-1640410d-2"})(rr(),Cn("input")),cr=t(18683),ur=t(95969);function lr(){var e=(0,R.Z)(["\n cursor: ew-resize;\n display: flex;\n justify-content: center;\n touch-action: none;\n width: 100%;\n"]);return lr=function(){return e},e}function dr(){var e=(0,R.Z)(["\n width: ","px;\n height: ","px;\n padding: ","px;\n background: ",";\n border-radius: 100%;\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);\n contain: content;\n"]);return dr=function(){return e},e}function pr(){var e=(0,R.Z)(["\n width: 100%;\n height: 100%;\n border-radius: 100%;\n position: relative;\n"]);return pr=function(){return e},e}function fr(){var e=(0,R.Z)(["\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 1;\n"]);return fr=function(){return e},e}function hr(){var e=(0,R.Z)(["\n transform: rotate(-90deg);\n transform-origin: center center;\n"]);return hr=function(){return e},e}function mr(){var e=(0,R.Z)(["\n position: absolute;\n width: calc(100% - ","px);\n height: calc(100% - ","px);\n z-index: 5;\n top: ","px;\n left: ","px;\n background: linear-gradient(to bottom, #b1b5bd 0% 100%) no-repeat 50% 0%;\n background-size: 1.6px 3.6px;\n user-select: none;\n"]);return mr=function(){return e},e}var gr=L.ZP.div.withConfig({componentId:"sc-a1a428fb-0"})(lr()),vr=L.ZP.div.withConfig({componentId:"sc-a1a428fb-1"})(dr(),(function(e){return e.width}),(function(e){return e.width}),(function(e){return e.borderWidth}
1),(function(e){return e.theme.colors.secondaryDark})),xr=L.ZP.div.withConfig({componentId:"sc-a1a428fb-2"})(pr()),yr=L.ZP.svg.withConfig({componentId:"sc-a1a428fb-3"})(fr()),br=L.ZP.circle.withConfig({componentId:"sc-a1a428fb-4"})(hr()),Ir=L.ZP.div.withConfig({componentId:"sc-a1a428fb-5"})(mr(),(function(e){return 2*e.strokeWidth}),(function(e){return 2*e.strokeWidth}),(function(e){return e.strokeWidth}),(function(e){return e.strokeWidth})),wr={transform:"rotate(120deg)"},Pr=function(e){var n=e.value,t=e.borderWidth,o=void 0===t?2:t,a=e.strokeWidth,c=void 0===a?6:a,u=e.width,l=void 0===u?48:u,d=(l-2*o)/2,p=Math.max((l-o)/2-c,0),f=2*Math.PI*p,h=.8333333333333334*f,m=n*h,g=f*(60/360),v="".concat(m," ").concat(f-m),x={cx:d,cy:d,r:p,fill:"none",strokeWidth:c};return(0,s.jsx)(vr,{borderWidth:o,width:l,children:(0,s.jsxs)(xr,{children:[(0,s.jsxs)(yr,{children:[(0,s.jsx)(br,(0,r.Z)((0,i.Z)({},x),{stroke:"#585D75",strokeDasharray:"".concat(h," ").concat(g," ").concat(h),style:wr})),(0,s.jsx)(br,(0,r.Z)((0,i.Z)({},x),{stroke:"#F03F55",strokeDasharray:v,style:wr})),(0,s.jsx)("circle",{cx:"22",cy:"22",r:"16",fill:"#3A405A"})]}),(0,s.jsx)(Ir,{strokeWidth:c,style:{transform:"rotate(".concat(300*n-150,"deg)")}})]})})};function Sr(e,n,t){var i=n.max-n.min,r=t.max-t.min;return(e-n.min)/i*r+t.min}var Zr={min:0,max:1},Cr=function(e){var n=e.value,t=e.min,a=void 0===t?Zr.min:t,c=e.max,u=void 0===c?Zr.max:c,l=e.onChange,d=void 0===l?h():l,p=e.onDragEnd,f=void 0===p?h():p,m=e.onDragStart,g=void 0===m?h():m,v=J.useRef(Zr.min),x=(0,cr.uZ)(a,n,u),y={min:a,max:u},b=(0,ur.useDrag)((function(e){var n=e.dragging,t=e.first,i=e.last,r=(0,o.Z)(e.movement,1)[0];if(t&&(v.current=Sr(x,y,Zr),g()),n){var a=(0,cr.uZ)(Zr.min,v.current+r/120,Zr.max);d(Sr(a,Zr,y))}i&&(v.current=void 0,f())}),{axis:"x"});return(0,s.jsx)(gr,(0,r.Z)((0,i.Z)({},b()),{children:(0,s.jsx)(Pr,{value:Sr(x,y,Zr)})}))};function jr(){var e=(0,R.Z)(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n user-select: none;\n width: 100%;\n\n & > * {\n flex: 1;\n }\n"]);return jr=function(){return e},e}function kr(){var e=(0,R.Z)(["\n display: flex;\n justify-content: center;\n position: relative;\n transition: border-color 0.15s linear;\n\n ","\n"]);return kr=function(){return e},e}function Tr(){var e=(0,R.Z)(["\n color: white;\n ",";\n font-weight: 600;\n margin-bottom: 8px;\n text-align: center;\n width: auto;\n"]);return Tr=function(){return e},e}function Rr(){var e=(0,R.Z)(["\n color: #fff;\n ","\n position: absolute;\n top: 18px;\n pointer-events: none;\n user-select: none;\n"]);return Rr=function(){return e},e}function Lr(){var e=(0,R.Z)(["\n color: #a3a8b4;\n display: flex;\n justify-content: space-between;\n ","\n padding: 0 5px;\n margin-top: -2px;\n margin-bottom: 5px;\n width: 100%;\n"]);return Lr=function(){return e},e}function Ar(){var e=(0,R.Z)(["\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n ","\n margin-top: 5px;\n width: 100%;\n\n ","\n"]);return Ar=function(){return e},e}var Mr,Or,Dr,Er,Nr,Br,Vr,Fr,zr=L.ZP.div.withConfig({componentId:"sc-727971c4-0"})(jr()),Ur=L.ZP.section.withConfig({componentId:"sc-727971c4-1"})(kr(),$t),Hr=L.ZP.label.withConfig({componentId:"sc-727971c4-2"})(Tr(),Dn),_r=L.ZP.p.withConfig({componentId:"sc-727971c4-3"})(Rr(),Dn),Wr=L.ZP.div.withConfig({componentId:"sc-727971c4-4"})(Lr(),On),Gr=L.ZP.div.withConfig({componentId:"sc-727971c4-5"})(Ar(),Dn,$t),Yr=function(e){var n=e.label,t=e.value,i=e.onChange,r=e.minText,o=e.maxText,a=e.disabled,c=void 0!==a&&a,u=e.min,l=void 0===u?0:u,d=e.max,p=void 0===d?1:d,f=e.formatValue,h=void 0===f?function(e){return e.toFixed(2)}:f,m=e.isAuto,g=e.onToggleAuto,v=e.withAuto,x=void 0!==v&&v;return(0,s.jsxs)(zr,{children:[(0,s.jsx)(Hr,{children:n}),(0,s.jsxs)(Ur,{disabled:c||m,children:[(0,s.jsx)(Cr,{min:l,max:p,value:t,onChange:i}),(0,s.jsx)(_r,{children:h(t)})]}),r&&(0,s.jsxs)(Wr,{children:[(0,s.jsx)("span",{children:r}),(0,s.jsx)("span",{children:o})]}
1),x&&(0,s.jsxs)(Gr,{disabled:c,children:[(0,s.jsx)("span",{children:"Auto"}),(0,s.jsx)(bi,{value:m,onChange:g})]})]})},Xr=function(e){return e<=Zi?"-\u221e":e.toFixed(2)},qr=function(e){return(e/1e3).toFixed(2)},Jr=function(e){return"".concat(e,":1")},Kr=function(e){return function(n){return e(Ai(n))}},Qr=function(e){return function(n){return e(n<10?function(e,n){var t=Math.pow(10,n||0);return Math.round(e*t)/t}(n,1):Math.floor(n))}},$r=(0,Y.Pi)((function(e){var n=e.node,t=n.audio.compressor;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(Ii,{style:{justifyContent:"space-between"},children:[(0,s.jsx)("span",{children:"Enabled"}),(0,s.jsx)(bi,{value:t.enabled,onChange:n.toggleCompressor})]}),(0,s.jsx)(ei,{}),(0,s.jsx)(or,{children:(0,s.jsx)(ar,{variant:n.type,children:(0,s.jsxs)(sr,{type:n.type,children:[(0,s.jsx)(Yr,{label:"Threshold",min:-70,max:10,disabled:!t.enabled,formatValue:Xr,value:Li(t.threshold.ampRatio),onChange:Kr(n.updateThreshold)}),(0,s.jsx)(Yr,{label:"Ratio",min:1,max:24,disabled:!t.enabled,formatValue:Jr,value:t.ratio,onChange:Qr(n.updateRatio)}),(0,s.jsx)(Yr,{label:"Knee",min:0,max:24,disabled:!t.enabled,value:Li(t.knee.ampRatio),onChange:Kr(n.updateKnee)}),(0,s.jsx)(Yr,{label:"Attack",min:0,max:3e3,disabled:!t.enabled,formatValue:qr,value:t.attack.ms,onChange:n.updateAttack,withAuto:!0,isAuto:t.autoAttack,onToggleAuto:n.toggleAutoAttack}),(0,s.jsx)(Yr,{label:"Release",min:0,max:3e3,disabled:!t.enabled,formatValue:qr,value:t.release.ms,onChange:n.updateRelease,withAuto:!0,isAuto:t.autoRelease,onToggleAuto:n.toggleAutoRelease}),(0,s.jsx)(Yr,{label:"Make up Gain",min:0,max:20,disabled:!t.enabled,formatValue:Xr,value:Li(t.makeupGain.ampRatio),onChange:Kr(n.updateMakeupGain)})]})})})]})})),eo=t(759),no=t.n(eo),to=t(8894),io=(Er={},(0,E.Z)(Er,fn.LY.Mono,(Mr={},(0,E.Z)(Mr,fn.LY.Mono,[["monoToMono","C"]]),(0,E.Z)(Mr,fn.LY.Stereo,[["monoToStereo_L","L"],["monoToStereo_R","R"],["monoToStereo_LR","L/R"]]),(0,E.Z)(Mr,fn.LY.FivePointOne,[["monoTo5.1_L","L"],["monoTo5.1_R","R"],["monoTo5.1_Ls","Ls"],["monoTo5.1_Rs","Rs"],["monoTo5.1_C","C"],["monoTo5.1_LFE","LFE"],["monoTo5.1_LR","L/R"]]),Mr)),(0,E.Z)(Er,fn.LY.Stereo,(Or={},(0,E.Z)(Or,fn.LY.Mono,[["stereoToMono_L","L"],["stereoToMono_R","R"],["stereoToMono_LR","L/R"]]),(0,E.Z)(Or,fn.LY.Stereo,[["stereoToStereo_L","L"],["stereoToStereo_R","R"],["stereoToStereo","L/R"]]),(0,E.Z)(Or,fn.LY.FivePointOne,[["stereoTo5.1_LR","L/R"],["stereoTo5.1_LsRs","Ls/Rs"]]),Or)),(0,E.Z)(Er,fn.LY.FivePointOne,(Dr={},(0,E.Z)(Dr,fn.LY.Mono,[["5.1ToMono_LoRo","LoRo"],["5.1ToMono_L","L"],["5.1ToMono_R","R"],["5.1ToMono_Ls","Ls"],["5.1ToMono_Rs","Rs"],["5.1ToMono_C","C"],["5.1ToMono_LFE","LFE"]]),(0,E.Z)(Dr,fn.LY.Stereo,[["5.1ToStereo_LoRo","LoRo"],["5.1ToStereo_LR","L/R"],["5.1ToStereo_LsRs","Ls/Rr"]]),(0,E.Z)(Dr,fn.LY.FivePointOne,[["5.1To5.1","5.1"]]),Dr)),Er),ro=(Fr={},(0,E.Z)(Fr,fn.LY.Mono,(Nr={},(0,E.Z)(Nr,fn.LY.Mono,"monoToMono"),(0,E.Z)(Nr,fn.LY.Stereo,"monoToStereo_LR"),(0,E.Z)(Nr,fn.LY.FivePointOne,"monoTo5.1_LR"),Nr)),(0,E.Z)(Fr,fn.LY.Stereo,(Br={},(0,E.Z)(Br,fn.LY.Mono,"stereoToMono_LR"),(0,E.Z)(Br,fn.LY.Stereo,"stereoToStereo"),(0,E.Z)(Br,fn.LY.FivePointOne,"stereoTo5.1_LR"),Br)),(0,E.Z)(Fr,fn.LY.FivePointOne,(Vr={},(0,E.Z)(Vr,fn.LY.Mono,"5.1ToMono_LoRo"),(0,E.Z)(Vr,fn.LY.Stereo,"5.1ToStereo_LoRo"),(0,E.Z)(Vr,fn.LY.FivePointOne,"5.1To5.1"),Vr)),Fr),oo=function(e){var n=e.from,t=e.to;return io[n][t]},ao=function(e){var n=e.from,t=e.to;return ro[n][t]},so=t(27048),co=function(e){var n=e.fromWidth,t=e.toWidth,i=e.value,r=e.onChange,a=e.disabled,c=void 0!==a&&a;return Object.values(fn.LY).includes(n)&&Object.values(fn.LY).includes(t)?(0,s.jsx)(xi,{children:oo({from:n,to:t}).map((function(e){var n=(0,o.Z)(e,2),t=n[0],a=n[1];return(0,s.jsx)(yi,{active:i===t,disabled:c,small:["L","R","Ls","Rs"].includes(a),onClick:function(){return r(t)},children:a},t)}))}):null},uo=function(e){var n=e.isLocked,t=e.toggleIsLocked;return(0,s.jsx)(gi,{children:(0,s.jsx)(vi,{onClick:t,children:n?"UNLOCK":"LOCK"})})},lo=function(e){return Array.isArray(e.audioTracks)&&e.audioTracks.length>0},po=function(e,n){return lo(n)?n.audioTracks.find((function(n){return n.streamIndex===e})):void 0},fo=function(e){return(0,to.X)(e,[function(e){return e.displayName}]).map((function(e){return{label:e.displayName,value:e.id}}))};var ho=(0,Y.Pi)((function(e){var n,t,i,r,c=e.node,u=(0,o.Z)((0,on.Z)(!1),2),l=u[0],d=u[1],p=(0,o.Z)(J.useState({sourceId:void 0,trackStreamIndex:void 0,mixMode:void 0}),2),f=p[0],h=p[1],m=function(e){var n=e.receives.length>0?e.receives[0]:void 0;
1return void 0!==n&&[fn.AL.Source,fn.AL.System].includes(n.type)?n:void 0}(c),g={sourceId:m?m.senderId:void 0,trackStreamIndex:m?null!==(n=m.trackStreamIndex)&&void 0!==n?n:0:void 0,mixMode:m?m.mixMode:void 0},v={sourceId:null!==(t=f.sourceId)&&void 0!==t?t:g.sourceId,trackStreamIndex:null===f.trackStreamIndex?void 0:null!==(i=f.trackStreamIndex)&&void 0!==i?i:g.trackStreamIndex,mixMode:null!==(r=f.mixMode)&&void 0!==r?r:g.mixMode},x=(0,q.oR)().audioMixer,y=x.info,b=y.visionMixerSourceId,I=y.adBreakSourceId,w=x.getSource(v.sourceId),P=void 0===v.trackStreamIndex?void 0:po(v.trackStreamIndex,w),S=function(e){var n=no()(e,"type");return[["Live Streams",[so.n.Live,so.n.Local]],["Media Players",[so.n.MediaPlayer]],["Guests",[so.n.Guest,so.n.GuestScreenShare]],["Web",[so.n.Web]],["Clip",[so.n.Vod]],["Playlists",[so.n.Playlist]]].map((function(e){var t=(0,o.Z)(e,2),i=t[0],r=t[1];return{label:i,options:fo(r.flatMap((function(e){return n[e]})).filter((function(e){return void 0!==e})))}}))}(x.availableSources);(b||I)&&S.push({label:"System",options:(0,a.Z)(b?[{label:"Vision Mixer",value:b}]:[]).concat((0,a.Z)(I?[{label:"Ad Break",value:I}]:[]))});var Z=function(e){return lo(e)?e.audioTracks:[]}(w).map((function(e,n){var t=e.name,i=e.language,r=e.streamIndex,o=e.width;return{label:"".concat(n+1," - ").concat(t||("und"===i?"":null!==i&&void 0!==i?i:"")," (").concat(null!==o&&void 0!==o?o:"",")"),value:r}})),C=function(e){var n=e.sourceId,t=e.trackStreamIndex,i=e.mixMode;void 0!==n&&void 0!==t&&void 0!==i?(c.updateSenderSource(n,{mixMode:i,trackStreamIndex:t,type:[I,b].includes(n)?fn.AL.System:fn.AL.Source}),h({sourceId:void 0,trackStreamIndex:void 0,mixMode:void 0})):h({sourceId:n,trackStreamIndex:t,mixMode:i})};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(li,{type:c.type,children:[(0,s.jsx)(mi,{children:"Source"}),(0,s.jsx)(Ni,{isDisabled:l||x.info.easyMode,isSearchable:!1,menuPosition:"fixed",options:S,value:S.flatMap((function(e){return e.options})).find((function(e){return e.value===v.sourceId})),onChange:function(e){var n=e.value;if(n!==v.sourceId){var t=function(e){return lo(e)&&1===e.audioTracks.length?e.audioTracks[0]:void 0}(x.getSource(n));C({sourceId:n,trackStreamIndex:t?t.streamIndex:null,mixMode:t?ao({from:t.width,to:c.width}):void 0})}}}),(0,s.jsx)(mi,{children:"Track"}),(0,s.jsx)(Ni,{isDisabled:l,isSearchable:!1,menuPosition:"fixed",options:Z,value:void 0===v.trackStreamIndex?"":Z.find((function(e){return e.value===v.trackStreamIndex})),onChange:function(e){var n=e.value;if(n!==v.trackStreamIndex){var t=x.getSource(v.sourceId),i=po(n,t);C({sourceId:v.sourceId,trackStreamIndex:n,mixMode:i?ao({from:i.width,to:c.width}):void 0})}}}),void 0!==P&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(mi,{children:"Leg routing"}),(0,s.jsx)(co,{disabled:l,fromWidth:P.width,toWidth:c.width,value:v.mixMode,onChange:function(e){C({sourceId:v.sourceId,trackStreamIndex:v.trackStreamIndex,mixMode:e})}})]})]}),(0,s.jsx)(uo,{isLocked:l,toggleIsLocked:d})]})})),mo=function(){return(0,s.jsxs)("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,s.jsx)("path",{d:"M9.84228 0.496342C9.74071 0.547131 9.36174 1.01595 8.36941 2.31692C7.63493 3.2819 7.02547 4.11405 7.00984 4.16875C6.97859 4.29377 7.0997 4.53208 7.22472 4.59459C7.28332 4.62585 7.47866 4.64538 7.70526 4.64538H8.08422V8.14588L8.31081 8.25528C8.81479 8.5014 9.60787 9.07961 10.1587 9.59531C10.7213 10.1266 11.3425 10.9471 11.7332 11.6776L11.9129 12.0097V4.64538H12.2958C12.745 4.64538 12.8935 4.58287 12.9677 4.35628C13.0029 4.24298 13.0029 4.1961 12.956 4.10233C12.8896 3.9695 10.3502 0.629174 10.2447 0.539317C10.1314 0.43774 9.98683 0.422113 9.84228 0.496342Z",fill:"currentColor"}),(0,s.jsx)("path",{d:"M1.86847 8.37639C0.891771 9.11868 0.0752463 9.76721 0.0478986 9.81409C-0.0497718 9.9899 0.00492364 10.1891 0.184637 10.3337C1.05195 11.0096 3.61482 12.9395 3.68905 12.9669C3.75547 12.9903 3.8336 12.9903 3.93127 12.9552C4.15005 12.8848 4.21647 12.7247 4.21647 12.2676V11.9003L4.71654 11.9238C5.00955 11.9355 5.33382 11.9785 5.50963 12.0254C6.72074 12.3379 7.65447 13.2755 7.97483 14.5023C8.05687 14.807 8.06078 14.932 8.08031 17.0769L8.10375 19.335L8.21314 19.4405L8.31863 19.5499H11.6863L11.7996 19.4209L11.9129 19.2959V17.1863C11.9129 15.5102 11.9012 14.9867 11.8543 14.6195C11.491 11.8535 9.6235 9.52499 6.98249 8.53657C6.25583 8.267 5.28303 8.08338 4.56418 8.08338H4.21647V7.77474C4.21647 7.37234 4.18912 7.24341 4.06801 7.12621C3.99378 7.05198 3.93127 7.02854 3.80625 7.02854C3.64608 7.02854 3.5
15231 7.09104 1.86847 8.37639Z",fill:"currentColor"}),(0,s.jsx)("path",{d:"M15.9291 7.12621C15.808 7.24341 15.7806 7.37234 15.7806 7.77083V8.07166L15.2454 8.0951C14.468 8.13026 13.6983 8.28262 13.0029 8.54047L12.7333 8.63814V13.1271L12.8505 12.9903C13.0498 12.7676 13.5147 12.4356 13.8663 12.2676C14.3156 12.0527 14.7297 11.955 15.2962 11.9238L15.7728 11.9003L15.7885 12.3066C15.8041 12.7833 15.8627 12.9005 16.0932 12.9708C16.2221 13.0099 16.2612 13.006 16.3745 12.9395C16.6597 12.7716 19.8672 10.3024 19.9297 10.2009C19.9687 10.1423 20 10.0524 20 9.99771C19.9961 9.78284 20.1172 9.88442 17.0933 7.58721C16.4135 7.07151 16.3471 7.02854 16.1909 7.02854C16.0658 7.02854 16.0033 7.05198 15.9291 7.12621Z",fill:"currentColor"})]})};function go(){var e=(0,R.Z)(["\n display: flex;\n flex-direction: column;\n gap: 2px;\n list-style: none;\n width: 100%;\n"]);return go=function(){return e},e}function vo(){var e=(0,R.Z)(["\n align-items: center;\n background-color: ",";\n border-radius: 2px;\n color: white;\n display: flex;\n gap: 4px;\n ","\n padding: 4px 0 4px 4px;\n\n & > span {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n flex: 1;\n }\n\n & > button {\n margin-left: -4px;\n }\n"]);return vo=function(){return e},e}var xo=L.ZP.ul.withConfig({componentId:"sc-9a69153b-0"})(go()),yo=L.ZP.li.withConfig({componentId:"sc-9a69153b-1"})(vo(),Cn("background2"),Dn),bo=(0,Y.Pi)((function(e){var n=e.senders,t=e.type;return(0,s.jsx)(li,{type:t,children:0===n.length?(0,s.jsx)(fi,{variant:t,children:(0,s.jsxs)(hi,{style:{position:"relative",bottom:"11px"},children:[(0,s.jsx)(mo,{}),(0,s.jsx)("p",{children:"No receives"})]})}):(0,s.jsx)(xo,{children:(0,to.X)(n,[function(e){return e.displayName}]).map((function(e){return(0,s.jsx)(yo,{type:t,children:e.displayName},e.senderId)}))})})})),Io=(0,Y.Pi)((function(e){var n=e.node;return n.type===fn.Jq.Input?(0,s.jsx)(ho,{node:n}):(0,s.jsx)(bo,{senders:n.receives,type:n.type})})),wo=function(e,n){return(0,to.X)(e,[function(e){return e.displayName}]).filter((function(e){return e.id!==n&&!e.hidden})).map((function(e){return{label:e.displayName,value:e.id,type:fn.S3.Node,width:e.width}}))};var Po,So=(0,Y.Pi)((function(e){var n=e.node,t=e.onDone,i=e.isEditing,r=e.receiverId,c=(0,o.Z)(J.useState(),2),u=c[0],l=c[1],d=(0,o.Z)(J.useState(),2),p=d[0],f=d[1],h=(0,o.Z)(J.useState(),2),m=h[0],g=h[1],v=(0,o.Z)(J.useState(fn.Ly.Output),2),x=v[0],y=v[1],b=(0,o.Z)(J.useState(),2),I=b[0],w=b[1],P=(0,q.oR)().audioMixer,S=P.nodeList,Z=P.outputPortList,C=void 0===u||void 0===I||void 0===x,j=function(e,n,t,i){var r,s=no()(e,"type"),c=no()(n,"type");return(0,a.Z)(i===fn.Jq.Output?[["Mains",fn.DQ.Main],["Tracks",fn.DQ.Track],["Isos",fn.DQ.Iso],["Guest returns",fn.DQ.Guest],["Aux",fn.DQ.Aux]].map((function(e){var n,t=(0,o.Z)(e,2),i=t[0],r=t[1];return{label:i,options:(n=c[r],(0,to.X)(n,[function(e){return e.nameForDisplay}]).map((function(e){return{label:e.nameForDisplay,value:e.id,type:fn.S3.Output,width:e.width}})))}})):[]).concat((0,a.Z)(i===fn.Jq.Output&&(0,hn.UI)()?[{label:"Replays",options:(r=c[fn.DQ.Replay],(0,to.X)(r,[function(e){return e.index}]).map((function(e){return{label:e.nameForDisplay,value:e.id,type:fn.S3.Output,width:e.width}})))}]:[]),[{label:"Groups",options:wo(s[fn.Jq.Group],t)},{label:"Output paths",options:wo(s[fn.Jq.Output],t)}])}(S,Z,n.id,n.type);return J.useEffect((function(){if(i){var e=n.sends.find((function(e){return e.receiverId===r})),t=e.type===fn.S3.Node?P.nodes.get(r):P.outputPorts.get(r);e&&t&&(l(r),g(t.width),y(e.position),w(e.mixMode))}}),[r,i]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(li,{type:n.type,children:(0,s.jsxs)(xo,{children:[(0,s.jsx)(mi,{children:"SEND"}),(0,s.jsx)(Ni,{isDisabled:i,isSearchable:!1,type:n.type,menuPosition:"fixed",options:j,value:j.flatMap((function(e){return e.options})).find((function(e){return e.value===u})),onChange:function(e){var t=e.value,i=e.type,r=e.width;l(t),f(i),g(r),w(ao({from:n.width,to:r}))}}),m&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(mi,{children:"Position"}),(0,s.jsx)(xi,{children:[[fn.Ly.PreFader,"PRE FADER"],[fn.Ly.AfterFader,"AFTER FADER"],[fn.Ly.Output,"OUTPUT"]].map((function(e){var n=(0,o.Z)(e,2),t=n[0],i=n[1];return(0,s.jsx)(yi,{active:x===t,onClick:function(){return y(t)},children:i},t)}))}),(0,s.jsx)(mi,{style:{marginTop:"8px"},children:"Leg routing"}),(0,s.jsx)(co,{fromWidth:n.width,toWidth:m,value:I,onChange:w})]})]})}),(0,s.jsxs)(gi,{children:[(0,s.jsx)(vi,{onClick:t,children:"CANCEL"}),(0,s.jsx)(vi,{disabled:C,variant:"primary",onClick:function(){C||(i?n.updateReceiver(r,{mixMode:I,position:x}):n.addReceiver({receiverId:u,type:p,mixMode:I,position:x}),t())},children:"SAVE"})]})]})})),Zo=function(e){var n=e.receiver,t=e.onClose,i=e.onEdit,r=e.parentRef,o=e.type,a=r.current.getBoundingClientRect(),c=[{id:"delete",onClick:function(){n.delete()},text:"Delete"},{id:"edit",onClick:i,text:"Edit"}];return(0,s.jsx)(yt,{positionX:a.x,positionY:a.y+15,items:c,onClose:t,type:o})};!function(e){e.Add="add",e.Edit="edit",e.List="list"}(Po||(Po={}));var Co=(0,Y.Pi)((function(e){var n=e.receiver,t=e.onEdit,i=e.type,r=(0,o.Z)((0,on.Z)(!1),2),a=r[0],c=r[1],u=J.useRef(null);return(0,s.jsxs)(yo,{type:i,children:[(0,s.jsx)(bi,{value:n.enabled,onChange:n.toggle}),(0,s.jsx)("span",{children:n.displayName}),(0,s.jsx)(ut,{ref:u,onClick:c,variant:i,children:(0,s.jsx)(pn.Z,{size:14})}),a&&(0,s.jsx)(Zo,{receiver:n,onClose:c,onEdit:t,parentRef:u,type:i})]})})),jo=(0,Y.Pi)((function(e){var n=e.isEasyMode,t=e.receivers,i=e.onAdd,r=e.onEdit,o=e.type;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(li,{type:o,children:0===t.length?(0,s.jsx)(fi,{variant:o,children:(0,s.jsxs)(hi,{children:[(0,s.jsx)(mo,{}),(0,s.jsx)("p",{children:"No sends"})]})}):(0,s.jsx)(xo,{children:(0,to.X)(t,[function(e){return e.displayName}]).map((function(e){return(0,s.jsx)(Co,{receiver:e,onEdit:function(){return r(e.receiverId)},type:o},e.receiverId)}))})}),(0,s.jsx)(gi,{children:(0,s.jsx)(vi,{disabled:n,onClick:i,children:"NEW SEND"})})]})})),ko=(0,Y.Pi)((function(e){var n=e.node,t=(0,o.Z)(J.useState("list"),2),i=t[0],r=t[1],a=(0,o.Z)(J.useState(),2),c=a[0],u=a[1],l=(0,q.oR)().audioMixer;switch(i){case"list":return(0,s.jsx)(jo,{isEasyMode:l.info.easyMode,receivers:n.sends.filter((function(e){return!e.hidden})),onAdd:function(){return r("add")},onEdit:function(e){u(e),r("edit")},type:n.type});case"add":return(0,s.jsx)(So,{node:n,onDone:function(){return r("list")}});case"edit":return(0,s.jsx)(So,{isEditing:!0,node:n,receiverId:c,onDone:function(){r("list"),u(void 0)}})}})),To=function(e){var n=e.onClick,t=e.isExpanded,i=e.variant,r=t?dn.Z:ln.Z;return(0,s.jsx)(ut,{onClick:n,variant:i,children:(0,s.jsx)(r,{size:15})})},Ro=(0,Y.Pi)((function(e){var n=e.node,t=J.useRef(null),i=(0,o.Z)((0,on.Z)(!1),2),r=i[0],a=i[1],c=(0,o.Z)((0,on.Z)(!1),2),u=c[0],l=c[1],d=(0,q.oR)().audioMixer.localSettings;return(0,s.jsxs)(it,{children:[(0,s.jsx)(Tn,{type:n.type}),n.width!==fn.LY.Mono&&(0,s.jsx)(To,{isExpanded:n.isExpanded,onClick:n.toggleExpanded,variant:n.type}),(0,s.jsx)(ut,{onClick:a,ref:t,variant:n.type,children:(0,s.jsx)(pn.Z,{size:15})}),r&&(0,s.jsx)(bt,{node:n,confirmDeletion:d.shouldConfirmNodeDeletion,onClose:a,openDelete:l,parentRef:t}),u&&(0,s.jsx)(In,{closeModal:l,deleteNode:n.delete,toggleShouldConfirmNodeDeletion:d.toggleShouldConfirmNodeDeletion})]})})),Lo=(0,Y.Pi)((function(e){var n=e.mode,t=e.node;return(0,s.jsxs)(ci,{expanded:t.isExpanded,type:t.type,width:t.width,children:[(0,s.jsxs)(u
1i,{type:t.type,children:[(0,s.jsx)(Ro,{node:t}),n===fn.qk.Receives?(0,s.jsx)(Io,{node:t}):n===fn.qk.Sends?(0,s.jsx)(ko,{node:t}):n===fn.qk.Automation?(0,s.jsx)(nr,{node:t}):n===fn.qk.Compressor&&(0,hn.Fg)()?(0,s.jsx)($r,{node:t}):null]}),(0,s.jsx)(di,{isOpen:t.isExpanded,children:(0,s.jsx)(pi,{type:t.type,children:(0,s.jsx)(It,{})})})]})})),Ao=(0,Y.Pi)((function(e){var n=e.innerRef,t=(0,q.oR)().audioMixer,i=t.mode,r=t.setMode,o=t.selectedNodes;return(0,s.jsxs)(ni,{children:[(0,s.jsxs)(ri,{children:[(0,s.jsx)(oi,{children:"Modes"}),(0,s.jsx)(ai,{children:Object.values(fn.qk).filter((function(e){return!!(0,hn.Fg)()||e!==fn.qk.Compressor})).map((function(e){return(0,s.jsx)("li",{children:(0,s.jsx)(ii,{active:i===e,onClick:function(){return r(e)},children:e})},e)}))})]}),(0,s.jsx)(ti,{ref:n,children:(0,s.jsx)(si,{children:o.map((function(e){return(0,s.jsx)(Lo,{mode:i,node:e},e.id)}))})})]})}));function Mo(){var e=(0,R.Z)(["\n width: ","px;\n background: #2e354d;\n border-right: 1px solid #23293d;\n"]);return Mo=function(){return e},e}function Oo(){var e=(0,R.Z)(["\n list-style: none;\n user-select: none;\n"]);return Oo=function(){return e},e}function Do(){var e=(0,R.Z)(["\n background: ",";\n border: 1px solid #2c3144;\n color: ",";\n cursor: ",";\n display: flex;\n ",";\n font-weight: 400;\n overflow: hidden;\n padding: 5px 5px 5px 10px;\n text-overflow: ellipsis;\n text-transform: uppercase;\n white-space: nowrap;\n"]);return Do=function(){return e},e}function Eo(){var e=(0,R.Z)(["\n cursor: auto;\n ",";\n font-weight: bold;\n padding: 5px;\n"]);return Eo=function(){return e},e}var No=L.ZP.div.withConfig({componentId:"sc-f73cc270-0"})(Mo(),106),Bo=L.ZP.ul.withConfig({componentId:"sc-f73cc270-1"})(Oo()),Vo=L.ZP.li.withConfig({componentId:"sc-f73cc270-2"})(Do(),(function(e){return e.active?"#596281":"#36425C"}),(function(e){return e.active?e.theme.colors.text3:"#7E8BB5"}),(function(e){return e.active?"auto":"pointer"}),Dn),Fo=(0,L.ZP)(Vo).withConfig({componentId:"sc-f73cc270-3"})(Eo(),En),zo=(0,Y.Pi)((function(){var e=(0,q.oR)(),n=null===e||void 0===e?void 0:e.audioMixer;return(0,s.jsx)(No,{children:(0,s.jsxs)(Bo,{children:[(0,s.jsx)(Fo,{children:"Layers"}),n.layers.map((function(e,t){var i=e.displayName;return(0,s.jsx)(Vo,{active:n.activeLayerIndex===t,onClick:function(e){return function(e,t){n.activeLayerIndex!==t&&n.setActiveLayerIndex(t),e.target.blur()}(e,t)},children:i},i)}))]})})}));function Uo(){var e=(0,R.Z)(["\n background: #23293d;\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n"]);return Uo=function(){return e},e}function Ho(){var e=(0,R.Z)(["\n display: flex;\n flex: 1;\n height: 100%;\n"]);return Ho=function(){return e},e}var _o=L.ZP.section.withConfig({componentId:"sc-648ba120-0"})(Uo()),Wo=L.ZP.div.withConfig({componentId:"sc-648ba120-1"})(Ho()),Go=t(94463),Yo=t(53404),Xo=t(19246);function qo(){var e=(0,R.Z)(["\n background-color: ",";\n border-radius: 2px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 4px;\n width: 100%;\n"]);return qo=function(){return e},e}function Jo(){var e=(0,R.Z)(["\n color: white;\n ",";\n"]);return Jo=function(){return e},e}function Ko(){var e=(0,R.Z)(["\n background-color: transparent;\n border: none;\n color: white;\n ",";\n height: 18px;\n padding: 0;\n text-align: right;\n width: 30px;\n\n :focus {\n border: none;\n }\n\n :hover {\n cursor: ",";\n }\n"]);return Ko=function(){return e},e}var Qo=L.ZP.div.withConfig({componentId:"sc-48852b1f-0"})(qo(),Cn("input")),$o=L.ZP.span.withConfig({componentId:"sc-48852b1f-1"})(Jo(),Dn),ea=L.ZP.input.withConfig({componentId:"sc-48852b1f-2"})(Ko(),Dn,(function(e){return e.isFocused?"text":"pointer"})),na="-\u221e",ta=function(e){return e.toFixed(2)},ia=function(e,n){var t=e.onChange,i=e.value,r=e.min,a=e.max,c=e.setSectionActive,u=e.type,l=e.defaultValue,d=void 0===l?0:l,p=(0,o.Z)(J.useState(ta(i)),2),f=p[0],h=p[1],m=(0,o.Z)(J.useState(!1),2),g=m[0],v=m[1];J.useEffect((function(){g||f===ta(i)||h(ta(i))}),[f,g,i]);var x=function(e){var n;t(""===(n=e)||"-"===n?d:n===na?Zi:(0,cr.uZ)(r,parseFloat(n),a))},y=f===ta(r)?na:f;return(0,s.jsxs)(Qo,{type:u,children:[(0,s.jsx)(ea,{"aria-label":"Audio input",maxLength:6,ref:n,onBlur:function(){c(!1),v(!1),""!==f&&"-"!==f&&f!==ta(i)&&x(f)},onChange:function(e){var n,t=e.target;""!==(n=t.value)&&"-"!==n&&isNaN(+n)||h((0,Xo.OV)(t.value,{decimalScale:2}))},onKeyDown:function(e){var n=e.key,t=e.target;"Enter"===n?(x(f),setTimeout((function(){return t.blur()}))):"Escape"===n&&(f!==ta(i)&&h(ta(i)),setTimeout((function(){return t.blur()})))},onFocus:function(e){c(!0),v(!0),e.target.select()},isFocused:g,value:y,style:y===na?{fontSize:"10px"}:void 0}),(0,s.jsx)($o,{children:"dB"})]})},ra=(0,Y.Pi)(J.forwardRef(ia)),oa=t(47405);var aa=function(e,n,t){var i=J.useRef(!1),r=J.useRef(e);J.useEffect((function(){var o;n?(i.current=!0,r.current=e):(!0===i.current?(o=r.current,i.current=!1):(o=e,r.current=e),t(o))}),[e,n,t])},sa=t(46276);function ca(){var e=(0,R.Z)(["\n display: flex;\n flex-direction: column;\n height: 100%;\n margin: ",";\n\n ",":after {\n margin-left: 0;\n }\n\n "," {\n padding: 0;\n }\n"]);return ca=function(){return e},e}function ua(){var e=(0,R.Z)(["\n display: flex;\n height: 100%;\n margin-bottom: 15px;\n"]);return ua=function(){return e},e}function la(){var e=(0,R.Z)(["\n ","\n color: ",";\n font-weight: ",";\n"]);return la=function(){return e},e}function da(){var e=(0,R.Z)(["\n flex: 1;\n height: 100%;\n margin-left: 24px;\n\n .noUi-target.noUi-vertical {\n background: ",";\n border: 1px solid #222;\n border-radius: 3px;\n box-shadow: none;\n height: 100%;\n width: 8px;\n }\n\n .noUi-base {\n background: ",';\n border-radius: 3px;\n }\n\n .noUi-base::after {\n content: "";\n border-left: 2px solid #3e4456;\n height: 95%;\n position: absolute;\n top: 7px;\n transform: translate(-50%);\n left: 50%;\n }\n\n .noUi-connect {\n display: none;\n }\n\n .noUi-vertical .noUi-handle {\n background-color: #e1e0ff;\n box-shadow: none;\n height: 20px;\n bottom: -10px;\n right: -10px;\n width: 25px;\n }\n .noUi-vertical .noUi-handle:hover,\n .noUi-touch-area {\n cursor: grab;\n }\n .noUi-vertical .noUi-handle:active,\n .noUi-touch-area:active {\n cursor: grabbing;\n }\n\n .noUi-vertical .noUi-handle:before,\n .noUi-vertical .noUi-handle:after {\n border-top: 1px solid #6f778a;\n content: "";\n left: 3px;\n position: absolute;\n width: 75%;\n }\n .noUi-vertical .noUi-handle:before {\n top: 7px;\n }\n .noUi-vertical .noUi-handle:after {\n top: 10px;\n }\n\n .noUi-pips-vertical {\n color: white;\n ',";\n left: -18px;\n padding: 0;\n }\n\n .noUi-marker-vertical.noUi-marker-large {\n background-color: #293247;\n margin-bottom: -1px;\n margin-left: 11px;\n position: absolute;\n width: 6px;\n }\n\n .noUi-rtl .noUi-value-vertical {\n ",";\n padding: 0;\n margin-bottom: -5px;\n transform: none;\n right: -9px;\n }\n"]);return da=function(){return e},e}var pa=L.ZP.div.withConfig({componentId:"sc-3d3694f5-0"})(ca(),(function(e){var n=e.theme;return"".concat(n.smallPadding," ").concat(n.defaultPadding)}),sa.__,sa.im),fa=L.ZP.div.withConfig({componentId:"sc-3d3694f5-1"})(ua()),ha=(L.ZP.h2.withConfig({componentId:"sc-3d3694f5-2"})(la(),Nn,(function(e){return e.theme.colors.text3}),(function(e){return e.theme.fontWeightBold})),(0,L.ZP)(Yo.U).withConfig({componentId:"sc-3d3694f5-3"})(da(),(function(e){return e.theme.colors.text1}),(function(e){return e.theme.colors.text1}),Dn,Dn)),ma={animate:!1,range:Ti,connect:[!0,!1],direction:"rtl",orientation:"vertical",pips:{mode:Yo.W.Range,density:100,format:{to:function(e){return e===Zi?"-\u221e":e.toString()}}}},ga=function(e,n){var t=e.style,r=e.value,a=e.onChange,c=e.mute,u=e.toggleMute,l=e.type,d=e.isStereo,p=void 0===d||d,f=e.addVolumeListener,h=void 0===f?function(e){return function(){}}:f,m=e.showVolumeMeter,g=void 0===m||m,v=e.showVolumeMeterScale,x=void 0===v||v,y=(0,o.Z)(J.useState(!1),2),b=y[0],I=y[1],w=(0,o.Z)(J.useState(Li(r)),2),P=w[0],S=w[1],Z=(0,o.Z)(J.useState(Li(r)),2),C=Z[0],j=Z[1],k=J.useRef();J.useImperativeHandle(n,(function(){return{focus:function(){return k.current.focus()},select:function(){return k.current.select()}}})),J.useEffect((function(){S(Li(r))}),[r]);var T=J.useCallback((function(e){j(Li(e))}),[]);aa(r,b,T);var R=function(e){a(e===Zi?0:Ai(e))};return(0,s.jsxs)(pa,{active:b,style:t,children:[(0,s.jsxs)(fa,{children:[(0,s.jsx)(ha,(0,i.Z)({onStart:function(){I(!0)},onEnd:function(){I(!1)},onSlide:function(e,n,t){var i,r=(0,o.Z)(t,1)[0];null===(i=k.current)||void 0===i||i.blur(),R(r)},start:C},ma)),g&&(0,s.jsx)(oa.Z,{isStereo:p,showScale:x,subscribe:h})]}),(0,s.jsx)(ra,{ref:k,value:P,min:Zi,max:Ci,defaultValue:0,onChange:R,setSectionActive:I,type:l}),!!u&&(0,s.jsx)(ct,{active:c,onClick:u,style:{marginTop:"5px"},children:"MUTE"})]})},va=(0,Y.Pi)(J.forwardRef(ga)),xa=function(e){var n,t=e.value,o=e.borderWidth,a=void 0===o?2:o,c=e.strokeWidth,u=void 0===c?6:c,l=e.width,d=void 0===l?48:l,p=(d-2*a)/2,f=M
1ath.max((d-a)/2-u,0),h=2*Math.PI*f,m=.4166666666666667*h,g=Math.abs(t*m),v=h*(60/360);n=t>0?"".concat(g," ").concat(h-g):t<0?"0 ".concat(h-g," ").concat(g):"0 ".concat(h);var x={cx:p,cy:p,r:f,fill:"none",strokeWidth:u};return(0,s.jsx)(vr,{borderWidth:a,width:d,children:(0,s.jsxs)(xr,{children:[(0,s.jsxs)(yr,{children:[(0,s.jsx)(br,(0,r.Z)((0,i.Z)({},x),{stroke:"#585D75",strokeDasharray:"".concat(m," ").concat(v," ").concat(m)})),(0,s.jsx)(br,(0,r.Z)((0,i.Z)({},x),{stroke:"#F03F55",strokeDasharray:n})),(0,s.jsx)("circle",{cx:"22",cy:"22",r:"16",fill:"#3A405A"})]}),(0,s.jsx)(Ir,{"data-testid":"knob",strokeWidth:u,style:{transform:"rotate(".concat(150*t,"deg)")}})]})})},ya=function(e){var n=e.value,t=e.onChange,a=void 0===t?h():t,c=e.onDragEnd,u=void 0===c?h():c,l=e.onDragStart,d=void 0===l?h():l,p=J.useRef(),f=(0,ur.useDrag)((function(e){var t=e.dragging,i=e.first,r=e.last,s=(0,o.Z)(e.movement,1)[0];i&&(p.current=n,d()),t&&a((0,cr.uZ)(-1,p.current+s/120,1)),r&&(p.current=void 0,u())}),{axis:"x"});return(0,s.jsx)(gr,(0,r.Z)((0,i.Z)({},f()),{children:(0,s.jsx)(xa,{value:n})}))};function ba(){var e=(0,R.Z)(["\n display: flex;\n justify-content: center;\n margin-bottom: 5px;\n position: relative;\n"]);return ba=function(){return e},e}function Ia(){var e=(0,R.Z)(["\n color: #fff;\n ","\n position: absolute;\n top: 18px;\n pointer-events: none;\n user-select: none;\n"]);return Ia=function(){return e},e}var wa=L.ZP.section.withConfig({componentId:"sc-4aa93d42-0"})(ba()),Pa=L.ZP.p.withConfig({componentId:"sc-4aa93d42-1"})(Ia(),Dn),Sa=function(e){return function(n){return e(Ai(Math.abs(n)<.005?0:10*n))}},Za=(0,Y.Pi)((function(e){var n=e.value,t=e.onChange,i=Li(n),r=i/10;return(0,s.jsxs)(wa,{children:[(0,s.jsx)(ya,{value:r,onChange:Sa(t)}),(0,s.jsx)(Pa,{children:i.toFixed(2)})]})}));function Ca(){var e=(0,R.Z)(["\n background: ",";\n padding: 5px;\n display: grid;\n grid-auto-flow: column dense;\n grid-template-rows: 1fr 1fr;\n grid-gap: 5px;\n"]);return Ca=function(){return e},e}function ja(){var e=(0,R.Z)(["\n background: ",";\n border-radius: 2px;\n padding: 5px;\n display: flex;\n flex-flow: column;\n width: ","px;\n\n "," {\n background-color: ",";\n }\n"]);return ja=function(){return e},e}function ka(){var e=(0,R.Z)(["\n text-align: center;\n ","\n"]);return ka=function(){return e},e}var Ta=(0,L.ZP)(Ct).withConfig({componentId:"sc-d6b30270-0"})(Ca(),Cn("background")),Ra=L.ZP.div.withConfig({componentId:"sc-d6b30270-1"})(ja(),Cn("expanded"),84,Qo,Cn("input2")),La=L.ZP.span.withConfig({componentId:"sc-d6b30270-2"})(ka(),En),Aa=(0,Y.Pi)((function(e){var n=e.node,t=n.width===fn.LY.Stereo?["L","R"]:["L","R","Ls","Rs","C","LFE"],i=function(e){return function(t){return n.updateFadeLeg(t,e)}},r=function(e){return function(t){return n.addVolumeListenerLeg(t,e)}};return(0,s.jsx)(Ta,{isOpen:n.isExpanded,type:n.type,children:t.map((function(e){var t;return(0,s.jsxs)(Ra,{type:n.type,children:[(0,s.jsx)(va,{isStereo:!1,showVolumeMeterScale:!1,addVolumeListener:r(e),onChange:i(e),value:null===(t=n.audio.fade.legs.get(e))||void 0===t?void 0:t.ampRatio}),(0,s.jsx)(La,{children:e})]},e)}))})})),Ma=function(e){var n=e.initialValue,t=e.onChange,i=e.onEditEnd,r=(0,o.Z)(J.useState(n),2),a=r[0],c=r[1],u=J.useCallback((function(e){return null===e||void 0===e?void 0:e.select()}),[]),l=function(e){e!==n&&t(e)};return(0,s.jsx)(ht,{autoFocus:!0,ref:u,maxLength:15,spellCheck:!1,onBlur:function(e){var n=e.target;l(n.value),i()},onChange:function(e){c(e.target.value)},onKeyDown:function(e){e.key===Go.mW.ENTER?(l(a),i()):e.key===Go.mW.ESCAPE&&i()},value:a})},Oa=function(e){var n=e.value,t=e.onChange,i=(0,o.Z)((0,on.Z)(!1),2),r=i[0],a=i[1];return r?(0,s.jsx)(Ma,{initialValue:n,onChange:t,onEditEnd:a}):(0,s.jsx)(lt,{onDoubleClick:a,children:n})},Da=(0,Y.Pi)((function(e){var n=e.node,t=n.source;return(0,s.jsxs)(nt,{audioWidth:n.width,expanded:n.isExpanded,type:n.type,children:[(0,s.jsxs)(tt,{type:n.type,children:[(0,s.jsxs)(ot,{children:[(0,s.jsx)(at,{isInLive:null===t||void 0===t?void 0:t.isInLive,isInPreview:null===t||void 0===t?void 0:t.isInPreview}),(0,s.jsx)(ft,{children:n.width})]}),(0,s.jsxs)(rt,{direction:"row",children:[(0,s.jsx)(ct,{active:n.isPflOn,onClick:n.togglePfl,children:"PFL"}),(0,s.jsx)(ct,{active:n.isAflOn,onClick:n.toggleAfl,children:"AFL"})]}),(0,s.jsxs)(dt,{onContextMenu:function(e){return e.preventDefault()},children:[(0,s.jsx)(pt,{children:"Trim"}),(0,s.jsx)(Za,{value:n.audio.trim.ampRatio,onChange:n.updateTrim})]}),(0,s.jsx)(va,{isStereo:n.width===fn.LY.Stereo,addVolumeListener:n.addVolumeListener,onCh
1ange:n.updateFade,value:n.audio.fade.ampRatio,mute:n.audio.mute,toggleMute:n.toggleMute,type:n.type}),(0,s.jsx)(st,{}),(0,s.jsx)(rt,{children:(0,s.jsx)(Oa,{value:n.nameForDisplay||"Untitled",onChange:n.setDisplayName})})]}),(0,s.jsx)(Aa,{node:n})]})}));function Ea(){var e=(0,R.Z)(["\n background: #2e354d;\n display: flex;\n flex: 1;\n gap: 1px;\n\n overflow-x: auto;\n ::-webkit-scrollbar {\n height: 11px;\n width: 11px;\n }\n ::-webkit-scrollbar-track {\n background-color: #36425c;\n }\n ::-webkit-scrollbar-thumb {\n background-color: #596281;\n border: 2.5px solid #36425c;\n border-radius: 6px;\n }\n"]);return Ea=function(){return e},e}var Na=L.ZP.div.withConfig({componentId:"sc-49ff6789-0"})(Ea()),Ba=(0,wn.W8)(Da),Va=(0,wn.JN)((0,Y.Pi)((function(e){var n=e.innerRef,t=(0,q.oR)().audioMixer;return(0,s.jsx)(Na,{ref:n,children:t.selectedNodes.map((function(e,n){return(0,s.jsx)(Ba,{index:n,node:e},e.id)}))})}))),Fa=function(e){var n=e.innerRef,t=(0,q.oR)().audioMixer;return(0,s.jsx)(Va,{axis:"x",lockAxis:"x",lockToContainerEdges:!0,useDragHandle:!0,helperClass:"stripDragHelper",innerRef:n,onSortEnd:t.moveNode})},za=function(e){var n=e.innerRef;return(0,s.jsx)(_o,{children:(0,s.jsxs)(Wo,{children:[(0,s.jsx)(zo,{}),(0,s.jsx)(Fa,{innerRef:n})]})})},Ua=t(36681);function Ha(){var e=(0,R.Z)(["\n background-color: #4d587d;\n border-left: 1px solid #23293d;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n width: ",";\n\n & > div {\n display: flex;\n flex-direction: column;\n }\n"]);return Ha=function(){return e},e}function _a(){var e=(0,R.Z)(["\n padding: 5px;\n justify-content: flex-start;\n\n "," {\n font-size: 0.75em;\n margin-top: 1em;\n text-align: center;\n }\n"]);return _a=function(){return e},e}function Wa(){var e=(0,R.Z)(["\n height: 100%;\n justify-content: end;\n"]);return Wa=function(){return e},e}function Ga(){var e=(0,R.Z)(["\n height: 28px;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n border: none;\n border-bottom: 1px solid #23293d;\n border-top: 1px solid #23293d;\n background: transparent;\n color: ",";\n font-size: 1.5em;\n transition: transform ",";\n transform: rotate(",");\n padding: 0;\n"]);return Ga=function(){return e},e}var Ya="85px",Xa=L.ZP.aside.withConfig({componentId:"sc-9e7e2b47-0"})(Ha(),Ya),qa=L.ZP.div.withConfig({componentId:"sc-9e7e2b47-1"})(_a(),D.H),Ja=L.ZP.div.withConfig({componentId:"sc-9e7e2b47-2"})(Wa()),Ka=L.ZP.button.withConfig({componentId:"sc-9e7e2b47-3"})(Ga(),(function(e){return e.theme.colors.secondaryLighter}),sn.Z.transition.duration,(function(e){return e.toggled?"0":"-180deg"}));function Qa(){var e=(0,R.Z)(["\n flex: 1;\n height: 100%;\n max-width: calc(100% - ",');\n\n .gutter-vertical {\n cursor: row-resize;\n position: relative;\n background: #23293d;\n }\n\n .gutter-vertical:after {\n position: absolute;\n right: calc(50% - 20px);\n }\n\n .gutter-vertical:after {\n content: "\u2014";\n display: flex;\n flex-direction: column;\n align-items: center;\n background: ',";\n color: white;\n height: 8px;\n width: 32px;\n top: -4px;\n line-height: 5px;\n border-radius: 5px;\n z-index: 5;\n }\n"]);return Qa=function(){return e},e}var $a=L.ZP.section.withConfig({componentId:"sc-c55102e3-0"})(Qa(),Ya,(function(e){return e.theme.colors.producerBackground})),es=function(e){var n=e.children;return(0,s.jsx)($a,{children:(0,s.jsx)(Ua.Z,{direction:"vertical",sizes:[35,65],minSize:[305,325],gutterSize:2,snapOffset:0,children:n})})},ns=t(73283),ts=t(28195);function is(){var e=(0,R.Z)(["\n background-color: transparent;\n border: none;\n padding: 0;\n width: 30px;\n height: 30px;\n display: flex;\n align-items: center;\n justify-content: center;\n\n & > i {\n font-size: 20px;\n }\n"]);return is=function(){return e},e}var rs=(0,L.ZP)(ts.D).withConfig({componentId:"sc-1926d960-0"})(is()),os=function(e){var n=e.icon,t=(0,G.Z)(e,["icon"]);return(0,s.jsx)(rs,(0,r.Z)((0,i.Z)({},t),{children:(0,s.jsx)(M.Z,{name:n})}))};function as(){var e=(0,R.Z)(["\n background: #232222;\n border-bottom: 1px solid #23293d;\n display: flex;\n flex-direction: column;\n flex-basis: 50%;\n"]);return as=function(){return e},e}function ss(){var e=(0,R.Z)(["\n display: flex;\n flex-direction: row-reverse;\n\n "," {\n flex-grow: 1;\n line-height: 30px;\n padding-left: 30px;\n text-align: center;\n }\n"]);return ss=function(){return e},e}function cs(){var e=(0,R.Z)(["\n aspect-ratio: 16 / 9;\n background-color: black;\n display: flex;
1\n align-items: center;\n flex-direction: column;\n max-width: 100%;\n\n & > * {\n max-height: 100%;\n width: 100%;\n }\n"]);return cs=function(){return e},e}var us=L.ZP.div.withConfig({componentId:"sc-c75096ef-0"})(as()),ls=L.ZP.header.withConfig({componentId:"sc-c75096ef-1"})(ss(),D.H),ds=L.ZP.div.withConfig({componentId:"sc-c75096ef-2"})(cs()),ps=B.NW,fs=(0,Y.Pi)((function(e){var n=e.hasVideo,t=(0,q.oR)(),i=t.audioMixer,r=t.streamConfig,o=r.connectPlayerToWebRTCPlayback,a=r.disconnectPlayerFromWebRTCPlayback,c=r.id;return(0,s.jsxs)(us,{children:[(0,s.jsxs)(ls,{children:[(0,s.jsx)(O.Z,{innerHtml:"Open preview in new window",children:(0,s.jsx)(os,{IconComponent:!1,icon:"external-link",onClick:function(){return(0,ns.dj)({streamId:c,sourceId:ps})}})}),(0,s.jsx)(pe.Z,{inline:!0,variant:"dark"})]}),n&&(0,s.jsx)(ds,{children:(0,s.jsx)(X.Z,{muted:!0,videoStreamID:B.NW,connectPlayerToWebRTCPlayback:o,disconnectPlayerFromWebRTCPlayback:a})}),i.isAudioContextRunning?(0,s.jsx)(X.Z,{type:"audio",videoStreamID:i.monitor.streamId,connectPlayerToWebRTCPlayback:o,disconnectPlayerFromWebRTCPlayback:a}):(0,s.jsx)(gn.Z,{title:"Autoplay",confirmCallback:i.setAudioContextRunning,cancelCallback:i.setAudioContextRunning,confirmLabel:"OK",children:"Your browser has disabled audio autoplay on the page. Please click OK to start Audio Mixer."})]})}));function hs(){var e=(0,R.Z)(["\n transform: translateX(",");\n"]);return hs=function(){return e},e}function ms(){var e=(0,R.Z)(["\n background: ","; // this background-color is used by producer, but not live-clipping\n border-left: 1px solid #23293d;\n display: flex;\n flex-direction: column;\n height: 100%;\n"]);return ms=function(){return e},e}var gs=(0,L.ZP)(rn.Hr).withConfig({componentId:"sc-ed83bce2-0"})(hs(),(function(e){return e.isOpen?"0":"100%"})),vs=L.ZP.section.withConfig({componentId:"sc-ed83bce2-1"})(ms(),(function(e){return e.theme.colors.producerMainContentBackground})),xs=t(25653);function ys(){var e=(0,R.Z)([""]);return ys=function(){return e},e}function bs(){var e=(0,R.Z)(["\n flex: 1;\n"]);return bs=function(){return e},e}function Is(){var e=(0,R.Z)(["\n padding: 20px;\n background: ",";\n display: flex;\n height: 100%;\n"]);return Is=function(){return e},e}function ws(){var e=(0,R.Z)(["\n justify-content: center;\n text-transform: unset;\n flex-grow: 1;\n width: 160px;\n padding: 10px 20px;\n border-radius: 0;\n border-bottom: 0;\n border-right: 1px solid ",";\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n\n &:not(:first-of-type) {\n margin-left: 0;\n }\n\n &:first-child {\n border-left: 1px solid ",";\n }\n\n ",";\n\n > span {\n text-overflow: ellipsis;\n overflow: hidden;\n }\n"]);return ws=function(){return e},e}var Ps=L.ZP.div.withConfig({componentId:"sc-ac3d14db-0"})(ys()),Ss=L.ZP.section.withConfig({componentId:"sc-ac3d14db-1"})(bs()),Zs=L.ZP.div.withConfig({componentId:"sc-ac3d14db-2"})(Is(),(function(e){return e.theme.colors.secondaryDark})),Cs=(0,L.ZP)(xs.ZP).attrs({type:"secondary"}).withConfig({componentId:"sc-ac3d14db-3"})(ws(),(function(e){return e.theme.colors.secondaryLight}),(function(e){return e.theme.colors.secondaryLight}),(function(e){return e.selected?"border-bottom: 1px solid #f03f55;":"background-color: ".concat(e.theme.colors.replayBackground,";")})),js=t(60771),ks=t(28344),Ts=t(89815),Rs=t(2946);function Ls(){var e=(0,R.Z)(["\n color: #a3a8b4;\n width: 100%;\n\n label {\n color: #a3a8b4;\n ","\n }\n > label {\n text-transform: none;\n }\n\n "," {\n margin: 20px 0;\n }\n"]);return Ls=function(){return e},e}function As(){var e=(0,R.Z)(["\n height: 420px;\n margin-bottom: -395px;\n width: fit-content;\n transform: rotate(90deg) translate(-405%, -41%);\n\n "," {\n span {\n transform: rotate(270deg);\n }\n }\n"]);return As=function(){return e},e}function Ms(){var e=(0,R.Z)(["\n background: transparent;\n border: none;\n margin: 0;\n padding: 0;\n\n & > svg {\n height: 32px;\n width: 32px;\n }
1\n\n &:disabled {\n cursor: not-allowed;\n }\n"]);return Ms=function(){return e},e}function Os(){var e=(0,R.Z)(["\n display: flex;\n align-items: start;\n gap: 10px;\n"]);return Os=function(){return e},e}var Ds=L.ZP.div.withConfig({componentId:"sc-8e40fd31-0"})(Ls(),Nn,vn.ZL),Es=(0,L.ZP)(oa.Z).withConfig({componentId:"sc-8e40fd31-1"})(As(),sa.__),Ns=L.ZP.button.withConfig({componentId:"sc-8e40fd31-2"})(Ms()),Bs=L.ZP.div.withConfig({componentId:"sc-8e40fd31-3"})(Os());function Vs(){var e=(0,R.Z)(["\n border-radius: 10px;\n padding-top: 8px;\n padding-bottom: 30px;\n flex: 1;\n\n .noUi-horizontal {\n height: 10px;\n background-color: #ffffff;\n border: none;\n }\n\n .noUi-target {\n border-radius: inherit;\n }\n\n .noUi-connect {\n background-color: #f03f55;\n height: 100%;\n border-radius: 10px;\n }\n\n .noUi-connects {\n border-radius: 10px;\n }\n\n .noUi-horizontal .noUi-origin {\n top: 50%;\n }\n\n .noUi-horizontal .noUi-handle {\n width: 15px;\n height: 15px;\n background-color: #ffffff;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);\n border: none;\n border-radius: 50%;\n transform: translate(-60%, -10%);\n }\n\n .noUi-handle:after,\n .noUi-handle:before {\n content: none;\n }\n\n .noUi-pips-horizontal {\n height: unset;\n padding: 4px 0;\n }\n\n .noUi-marker-horizontal.noUi-marker {\n margin-left: 0;\n width: 1px;\n background: #596281;\n }\n\n .noUi-marker-horizontal.noUi-marker-large {\n height: 8px;\n }\n\n .noUi-value-large {\n ","\n color: #a3a8b4;\n transform: translate(-50%, 50%);\n }\n"]);return Vs=function(){return e},e}var Fs=(0,L.ZP)(Yo.U).withConfig({componentId:"sc-373a2f6d-0"})(Vs(),Nn),zs={range:{min:[Zi],"80%":[0],"90%":[5],max:[Ci]},connect:[!0,!1],pips:{mode:Yo.W.Range,density:100,format:{to:function(e){return e===Zi?"-\u221e":e.toString()}}}},Us=function(e){var n=e.value,t=void 0===n?0:n,r=e.onChange,a=void 0===r?function(e){}:r,c=(0,G.Z)(e,["value","onChange"]),u=(0,o.Z)(J.useState(!1),2),l=u[0],d=u[1],p=(0,o.Z)(J.useState(Li(t)),2),f=p[0],h=p[1],m=J.useCallback((function(e){h(Li(e))}),[]);aa(t,l,m);return(0,s.jsx)(Fs,(0,i.Z)({start:f,onStart:function(){return d(!0)},onEnd:function(){return d(!1)},onSlide:function(e,n,t){return function(e){a(e===Zi?0:Ai(e))}((0,o.Z)(t,1)[0])}},zs,c))},Hs=[{label:"Pre Fader",value:fn.Ly.PreFader},{label:"After Fader",value:fn.Ly.AfterFader},{label:"Output",value:fn.Ly.Output}],_s=function(e){var n=e.mute,t=(0,G.Z)(e,["mute"]);return(0,s.jsx)(Ns,(0,r.Z)((0,i.Z)({},t),{children:n?(0,s.jsx)(ks.Z,{}):(0,s.jsx)(js.Z,{})}))},Ws=(0,Y.Pi)((function(){var e=(0,q.oR)().audioMixer,n=e.nodes.get(e.monitor.outputNodeId),t={label:"Stereo"},i={label:"Before EQ"};return(0,s.jsxs)(Ds,{children:[(0,s.jsx)("label",{children:"Volume"}),(0,s.jsxs)(Bs,{children:[(0,s.jsx)(Us,{disabled:!n,value:null===n||void 0===n?void 0:n.audio.fade.ampRatio,onChange:null===n||void 0===n?void 0:n.updateFade}),(0,s.jsx)(_s,{disabled:!n,mute:null===n||void 0===n?void 0:n.audio.mute,onClick:null===n||void 0===n?void 0:n.toggleMute})]}),(0,s.jsx)(Es,{showScale:!1,subscribe:null===n||void 0===n?void 0:n.addVolumeListener}),(0,s.jsx)(mn.wA,{uiType:"switch",checkboxLabel:"Latched Listen",name:"latchListen",value:e.isLatchingOn,onChange:e.toggleLatching}),(0,s.jsx)(Ts.Ph,{label:"Output as",options:[t],value:t,isSearchable:!1,style:Rs.$T,theme:"dark"}),(0,s.jsx)(Ts.Ph,{label:"PFL Position",options:[i],value:i,isSearchable:!1,style:Rs.$T,theme:"dark"}),(0,s.jsx)(Ts.Ph,{label:"Metering position",options:Hs,value:Hs.find((function(n){return n.value===e.info.meteringPosition})),onChange:function(n){var t=n.value;return e.updateMeteringPosition(t)},isSearchable:!1,menuPlacement:"auto",style:Rs.$T,theme:"dark"})]})})),Gs=(0,Y.Pi)((function(){var e=(0,o.Z)(J.useState("monitoring"),2),n=e[0],t=e[1];return(0,s.jsxs)(Ss,{children:[(0,s.jsx)(Ps,{children:(0,s.jsx)(Cs,{onClick:function(){return t("monitoring")},selected:"monitoring"===n,children:"Monitoring"},"monitoring")}),(0,s.jsx)(Zs,{children:"monitoring"===n?(0,s.jsx)(Ws,{}):null})]})})),Ys=function(e){var n=e.isOpen;return(0,s.jsx)(gs,{contentWidth:sn.j.width,isOpen:n,children:(0,s.jsxs)(vs,{children:[(0,s.jsx)(fs,{hasVideo:n}),(0,s.jsx)(Gs,{})]})})},Xs=t(38363),qs=t(12159),Js=t(25169);function Ks(){var e=(0,R.Z)(["\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 300px;\n overflow: auto;\n flex-grow: 1;\n padding-bottom: 60px;\n\n "," {\n width: 123px;\n }\n\n ","\n"]);return Ks=function(){return e},e}function Qs(){var e=(0,R.Z)(["\n width: 100%;\n max-height: 300px;\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n"]);return Qs=function(){return e},e}function $s(){var e=(0,R.Z)(['\n display: flex;\n flex-direction: row;\n width: 100%;\n position: relative;\n justify-content: space-around;
1\n align-items: baseline;\n\n [name="bin"] {\n cursor: ',";\n }\n\n "," {\n height: 37px;\n background-color: #414e69;\n border-color: #394660;\n border-radius: 3px;\n }\n\n "," {\n background-color: #414e69;\n border-left: 1px solid #394660;\n color: #a3a8b4;\n }\n\n "," {\n height: 37px;\n border: none;\n background-color: transparent;\n }\n"]);return $s=function(){return e},e}function ec(){var e=(0,R.Z)(["\n position: absolute;\n bottom: 82px;\n right: 15px;\n height: 40px;\n width: 40px;\n border-radius: 25px;\n background: ",";\n color: #fff;\n border: none;\n display: flex;\n justify-content: center;\n align-items: center;\n\n :disabled {\n cursor: not-allowed;\n opacity: 0.6;\n }\n\n i {\n font-size: 35px;\n }\n"]);return ec=function(){return e},e}function nc(){var e=(0,R.Z)(["\n width: 100%;\n background: #394660;\n padding: 10px;\n border-bottom: 1px solid #394660;\n flex-shrink: 0;\n\n ul.grRadioGroup {\n display: flex;\n }\n\n .grRadio__item .grForm__label {\n margin: 0 0.5em 0 0.3em;\n ","\n color: #a3a8b4;\n text-transform: capitalize;\n }\n\n .grRadio__button--overlay {\n background: #36425c;\n border: 1px solid #2c3144;\n }\n"]);return nc=function(){return e},e}var tc=L.ZP.div.withConfig({componentId:"sc-d81b8609-0"})(Ks(),Rs.$3,Js.n),ic=L.ZP.div.withConfig({componentId:"sc-d81b8609-1"})(Qs()),rc=L.ZP.section.withConfig({componentId:"sc-d81b8609-2"})($s(),(function(e){return e.defaultOption?"not-allowed":"pointer"}),qs.Fy,qs.Gn,qs.Hw),oc=(0,L.ZP)(ts.D).withConfig({componentId:"sc-d81b8609-3"})(ec(),(function(e){return e.theme.colors.primary})),ac=L.ZP.div.withConfig({componentId:"sc-d81b8609-4"})(nc(),Nn),sc=[{label:"Custom",value:"custom"},{label:"Auto",value:"auto",disabled:!0}],cc=[{label:"Mono",value:fn.LY.Mono},{label:"Stereo",value:fn.LY.Stereo},{label:"5.1",value:fn.LY.FivePointOne}],uc=[{label:"Input",value:fn.Jq.Input},{label:"Group",value:fn.Jq.Group},{label:"Output",value:fn.Jq.Output}],lc=(0,r.Z)((0,i.Z)({},Rs.$T),{dropdownIndicator:function(e){return(0,r.Z)((0,i.Z)({},e),{backgroundColor:"#414E69",height:"35px"})},control:function(e){return(0,r.Z)((0,i.Z)({},e),{height:"2.5em",borderColor:"#394660",backgroundColor:"transparent"})},input:function(e){return(0,r.Z)((0,i.Z)({},e),{color:"#A3A8B4"})},valueContainer:function(e){return(0,r.Z)((0,i.Z)({},e),{backgroundColor:"#414E69",marginTop:"0",padding:"7px 8px",height:"35px",color:"#A3A8B4"})},singleValue:function(e){return(0,r.Z)((0,i.Z)({},e),{color:"#A3A8B4"})},placeholder:function(e){return(0,r.Z)((0,i.Z)({},e),{color:"#A3A8B4"})},indicatorSeparator:function(e){return(0,r.Z)((0,i.Z)({},e),{backgroundColor:"transparent"})},menu:function(e){return(0,r.Z)((0,i.Z)({},e),{background:"#2C3144"})},option:function(e){return(0,r.Z)((0,i.Z)({},e),{background:"#2C3144",color:"#A3A8B4",":hover":{background:"#465370",color:"#fff",cursor:"pointer"}})}}),dc=function(e){var n=(0,J.useRef)(e);return(0,J.useEffect)((function(){n.current=e}),[e]),n.current},pc=function(e){var n=e.deleteCustomChannel,t=e.setFormData,o=e.formData,a=e.width,c=e.type,u=e.name,l=e.count,d=e.index,p=e.defaultOption,f=(0,J.useState)((null===a||void 0===a?void 0:a.value)?a:{}),h=f[0],m=f[1],g=(0,J.useState)((null===c||void 0===c?void 0:c.value)?c:{}),v=g[0],x=g[1],y=(0,J.useState)(u||""),b=y[0],I=y[1],w=(0,J.useState)(l||1),P=w[0],S=w[1],Z=dc(b),C=dc(P),j=dc(v),k=dc(h);return(0,J.useEffect)((function(){if(b!==Z||k.value!==h.value||j.value!==v.value||C!==P){var e={name:b,width:h,type:v,channelCount:P,id:"option".concat(d)};t((0,r.Z)((0,i.Z)({},o),(0,E.Z)({},d,e)))}}),[h,v,b,P]),(0,s.jsxs)(rc,{defaultOption:p,children:[(0,s.jsx)(Ts.ZP,{label:"Type",isSearchable:!1,value:!!(null===v||void 0===v?void 0:v.value)&&v,style:lc,options:uc,onChange:function(e){return x(e)}}),(0,s.jsx)(Ts.ZP,{label:"Width",isSearchable:!1,value:!!(null===h||void 0===h?void 0:h.value)&&h,style:lc,options:cc,onChange:function(e){return m(e)}}),(0,s.jsx)(qs.ZP,{label:"Name",theme:"dark",placeholder:"Enter name...",value:b,maxLength:15,onChange:function(e){I(e.target.value)}}),(0,s.jsx)(qs.ZP,{label:"No. of paths",type:"number",theme:"dark",value:P,min:1,max:10,onChange:function(e){return S(e.value)}}),(0,s.jsx)(M.Z,{style:{fontSize:"25px",position:"relative",top:"38px",padding:"0 5px"},name:"bin",onClick:n})]})},fc=function(e){var n=e.closeModal,t=(0,o.Z)(J.useState("custom"),2),a=t[0],c=t[1],u=(0,o.Z)(J.useState([{}]),2),l=u[0],d=u[1],p=(0,o.Z)(J.useState({}),2),f=p[0],h=p[1],m=(0,o.Z)(J.useState(!1),2),g=m[0],v=m[1],x=(0,q.oR)();J.useEffect((function(){h({0:{width:{},type:{},channelCount:1,name:"",id:"option0"}})}),[]);return J.useEffect((function(){var e=Object.values(f);if(e.length){var n=e.map((function(e){return v(e.width.value&&e.type.value&&""!==e.name&&e.channelCount>0),{width:e.width,name:e.name,type:e.type,channelCount:e.channelCount,id:e.id}}));d(n)}}),[f]),(0,s.jsx)(gn.Z,{title:"New path",confirmCallback:function(){return e=f,void Object.values(e).forEach((function(e){var n=function(e,n){var t=[];if(1===n)t.push(e);else for(var i=1;i<=n;i++){var r="".concat(e," ").concat(i);t.push(r)}return t}(e.name,e.channelCount);
1n.forEach((function(n){null===x||void 0===x||x.audioMixer.addNode({displayName:n,type:e.type.value,width:e.width.value})}))}));var e},confirmDisabled:!g,confirmLabel:"Create",cancelCallback:n,closeLabel:"Cancel",closeIcon:"",type:"dark",size:"large",padding:"0px",children:(0,s.jsxs)(ic,{children:[(0,s.jsx)(ac,{children:(0,s.jsx)(Xs.ZP,{items:sc,value:a,setFieldValue:function(e,n){return c(n)}})}),"custom"===a&&(0,s.jsxs)(tc,{children:[l.map((function(e,n){return(0,s.jsx)(pc,{index:n,defaultOption:1===l.length,formData:f,setFormData:h,deleteCustomChannel:function(){return function(e){var n={};Object.values(f).forEach((function(t,o){o!==e&&(n[o>=e?o-1:o]=(0,r.Z)((0,i.Z)({},t),{id:"option".concat(o>=e?o-1:o,"-").concat(t.name)}))})),h(n)}(n)},name:null===e||void 0===e?void 0:e.name,width:null===e||void 0===e?void 0:e.width,type:null===e||void 0===e?void 0:e.type,count:null===e||void 0===e?void 0:e.channelCount},null===e||void 0===e?void 0:e.id)})),(0,s.jsx)(oc,{disabled:l.length>=6,onClick:function(){h((0,r.Z)((0,i.Z)({},f),(0,E.Z)({},Object.keys(f).length,{width:{},type:{},name:"",channelCount:0,id:"option".concat(Object.keys(f).length)})))},children:(0,s.jsx)(M.Z,{name:"plus-no-border"})})]})]})})};function hc(){var e=(0,R.Z)(["\n width: 100%;\n background: #2c3144;\n border: 1px solid #2c3144;\n border-radius: 3px;\n color: #fff;\n display: flex;\n align-items: center;\n justify-content: center;\n ","\n font-weight: 500;\n text-transform: uppercase;\n padding: 5px;\n :disabled {\n opacity: 0.7;\n }\n :hover:not([disabled]) {\n background: #596281;\n cursor: pointer;\n }\n"]);return hc=function(){return e},e}var mc=L.ZP.button.withConfig({componentId:"sc-93a5dbef-0"})(hc(),Nn),gc=(0,Y.Pi)((function(){var e=(0,o.Z)((0,on.Z)(!1),2),n=e[0],t=e[1],i=(0,q.oR)().audioMixer;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(mc,{disabled:i.info.easyMode,onClick:t,children:"New Path"}),n&&(0,s.jsx)(fc,{closeModal:t})]})})),vc=t(69555),xc=t(87799),yc=t(53346),bc=t(34002),Ic=t(80002),wc=function(e){var n=e.title,t=e.onBack,i=e.onClose;return(0,s.jsxs)(bc.sO,{children:[(0,s.jsxs)("div",{style:{display:"flex",gap:"10px"},children:[(0,s.jsx)(M.Z,{"aria-label":"go back",name:"arrow-left",onClick:t}),(0,s.jsx)(Ic.k8,{children:n})]}),(0,s.jsx)(M.Z,{"aria-label":"close modal",name:"close",onClick:i})]})};function Pc(){var e=(0,R.Z)(["\n overflow: auto;\n padding-bottom: 60px;\n scrollbar-gutter: stable;\n\n "," {\n width: 200px;\n }\n\n ","\n"]);return Pc=function(){return e},e}function Sc(){var e=(0,R.Z)(["\n padding: 30px 15px;\n"]);return Sc=function(){return e},e}function Zc(){var e=(0,R.Z)(["\n font-size: 18px;\n vertical-align: bottom;\n"]);return Zc=function(){return e},e}function Cc(){var e=(0,R.Z)(["\n width: 100%;\n max-height: 300px;\n"]);return Cc=function(){return e},e}function jc(){var e=(0,R.Z)(["\n display: flex;\n justify-content: space-between;\n\n "," {\n padding: 6px 20px;\n }\n"]);return jc=function(){return e},e}function kc(){var e=(0,R.Z)(["\n width: 100%;\n max-height: 300px;\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n"]);return kc=function(){return e},e}function Tc(){var e=(0,R.Z)(["\n background-color: #414e69;\n border-color: #394660;\n"]);return Tc=function(){return e},e}function Rc(){var e=(0,R.Z)(["\n display: flex;\n width: 100%;\n justify-content: space-around;\n padding: 10px 0;\n align-items: baseline;\n\n "," {\n border-radius: 3px;\n height: 37px;\n width: 200px;\n\n ","\n }\n"]);return Rc=function(){return e},e}function Lc(){var e=(0,R.Z)(["\n position: absolute;\n bottom: 82px;\n right: 15px;\n height: 40px;\n width: 40px;\n border-radius: 25px;\n background: ",";\n color: #fff;\n border: none;\n display: flex;\n justify-content: center;
1\n align-items: center;\n\n :disabled {\n cursor: not-allowed;\n opacity: 0.6;\n }\n\n i {\n font-size: 35px;\n }\n"]);return Lc=function(){return e},e}var Ac=L.ZP.div.withConfig({componentId:"sc-3f20b4-0"})(Pc(),Rs.$3,Js.n),Mc=L.ZP.div.withConfig({componentId:"sc-3f20b4-1"})(Sc()),Oc=(0,L.ZP)(M.Z).withConfig({componentId:"sc-3f20b4-2"})(Zc()),Dc=(0,L.ZP)(bc.ZP).withConfig({componentId:"sc-3f20b4-3"})(Cc()),Ec=(0,L.ZP)(bc.mz).withConfig({componentId:"sc-3f20b4-4"})(jc(),xs.ZP),Nc=L.ZP.div.withConfig({componentId:"sc-3f20b4-5"})(kc()),Bc=(0,L.iv)(Tc()),Vc=L.ZP.div.withConfig({componentId:"sc-3f20b4-6"})(Rc(),qs.Fy,(function(e){return e.dark&&Bc})),Fc=(0,L.ZP)(ts.D).withConfig({componentId:"sc-3f20b4-7"})(Lc(),(function(e){return e.theme.colors.primary})),zc=[{label:"None",value:""}].concat((0,a.Z)(xc.U.filter((function(e){return e.iso6391&&e.iso6392B})).map((function(e){return{label:e.name,value:e.iso6392B}})))),Uc={displayName:"",language:null,width:fn.LY.Stereo},Hc=(0,Y.Pi)((function(e){var n=e.closeModal,t=e.onBack,a=e.theme,c=void 0===a?"dark":a,u=(0,o.Z)(J.useReducer((function(e){return e+1}),0),2)[1];J.useEffect((function(){setTimeout((function(){return u()}),200)}),[]);var l=(0,q.oR)().streamConfig,d=(0,o.Z)((0,on.Z)(!1),2),p=d[0],f=d[1],h=(0,o.Z)(J.useState(yc.LO.array((0,N.vM)(l.outputTracks))),1)[0],m="dark"===c,g=null!==t&&void 0!==t?t:n;return(0,s.jsxs)(Dc,(0,r.Z)((0,i.Z)({title:"Track Manager",confirmLabel:"Save",closeModal:n,closeLabel:"Cancel",closeIcon:"",type:m?"dark":void 0,size:"large",height:"430px",padding:"0px"},t?{header:function(){return(0,s.jsx)(wc,{title:"Audio output tracks",onBack:t,onClose:n})}}:{}),{footer:function(){return(0,s.jsxs)(Ec,{children:[m?(0,s.jsx)(xs.ZP,{type:"outline",darkTheme:m,onClick:g,children:"Cancel"}):(0,s.jsx)("span",{}),(0,s.jsxs)(xs.ZP,{onClick:f,className:"ua-modal-commit",children:["Save ",(0,s.jsx)(Oc,{name:"cta-arrow-right"})]})]})},children:[(0,s.jsx)(Nc,{children:(0,s.jsxs)(Ac,{children:[h.map((function(e,n){return(0,s.jsxs)(Vc,{dark:m,children:[(0,s.jsx)(qs.ZP,{label:"Title",placeholder:"Enter name...",maxLength:15,value:e.displayName,onChange:function(n){e.displayName=n.target.value}}),(0,s.jsx)(Ts.ZP,{label:"Language",style:m?lc:void 0,options:zc,value:zc.find((function(n){return n.value===e.language})),onChange:function(n){e.language=n.value}}),(0,s.jsx)(Ts.ZP,{label:"Width",isSearchable:!1,style:m?lc:void 0,isDisabled:!0,options:cc,value:cc.find((function(n){return n.value===e.width})),onChange:function(n){e.width=n.value}}),(0,s.jsx)(M.Z,{style:(0,i.Z)({cursor:"pointer",fontSize:"25px",position:"relative",top:"38px",padding:"0 5px"},0===n&&{visibility:"hidden"}),name:"bin",onClick:function(){0!==n&&(0,vc.bX)(n,h)}})]},n)})),(0,s.jsx)(Fc,{onClick:function(){return h.push(Uc)},children:(0,s.jsx)(M.Z,{name:"plus-no-border"})})]})}),p&&(0,s.jsx)(gn.Z,{title:"Confirm Selection",confirmCallback:function(){l.updateOutputTracks(h),f(),g()},confirmLabel:"Continue",cancelCallback:f,closeLabel:"Cancel",closeIcon:"",type:m?"dark":void 0,size:"small",padding:"0px",children:(0,s.jsxs)(Mc,{children:[(0,s.jsx)("p",{children:"Changing tracks will restart the live and recorded output from Producer."}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:"Are you sure you want to save changes now?"})]})})]}))}));function _c(){var e=(0,R.Z)(["\n width: 100%;\n margin-top: 5px;\n background: #2c3144;\n border: 1px solid #2c3144;\n border-radius: 3px;\n color: #fff;\n display: flex;\n align-items: center;\n justify-content: center;\n ","\n font-weight: 500;\n text-transform: uppercase;\n padding: 5px;\n :disabled {\n opacity: 0.7;\n }\n :hover:not([disabled]) {\n background: #596281;\n cursor: pointer;\n }\n"]);return _c=function(){return e},e}var Wc=L.ZP.button.withConfig({componentId:"sc-dd0bd57e-0"})(_c(),En),Gc=(0,Y.Pi)((function(){var e=(0,o.Z)((0,on.Z)(!1),2),n=e[0],t=e[1],i=(0,o.Z)((0,on.Z)(!1),2),r=i[0],a=i[1],c=(0,q.oR)().audioMixer;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(Wc,{disabled:c.info.easyMode,onClick:t,children:(0,s.jsx)(O.Z,{disabled:!c.info.easyMode,innerHtml:"Output tracks cannot be manually edited when the Audio Mixer is set to Auto Configure",distance:15,children:"Tracks"})}),n&&(0,s.jsx)(gn.Z,{title:"Audio Output Tracks",closeModal:t,confirmIcon:"",confirmLabel:"\xa0\xa0OK\xa0\xa0\xa0",children:"Audio output track settings can now be found in Preferences \u2192 Output Settings \u2192 Audio Output Tracks"}),r&&(0,s.jsx)(Hc,{closeModal:a})]})}));function Yc(){var e=(0,R.Z)(["\n display: flex;\n flex-direction: column;\n height: 100%;\n\n "," {\n margin-left: 20px;\n }\n"]);return Yc=function(){return e},e}var Xc=L.ZP.div.withConfig({componentId:"sc-f6096115-0"})(Yc(),ha),qc=(0,Y.Pi)((function(){var e=(0,q.oR)().audioMixer.masterNode;return e?(0,s.jsxs)(Xc,{children:[(0,s.jsx)(va,{addVolumeListener:e.addVolumeListener,isStereo:e.width===fn.LY.Stereo,onChange:e.updateFade,value:e.audio.fade.ampRatio,mute:e.audio.mute,toggleMute:e.toggleMute,style:{margin:"10px"}}),(0,s.jsx)(st,{}),(0,s.jsx)(rt,{children:(0,s.jsx)(lt,{children:"Main"})})]}):null}));
1function Jc(){var e=(0,R.Z)(["\n flex: 1;\n max-height: 50%;\n"]);return Jc=function(){return e},e}var Kc,Qc=L.ZP.div.withConfig({componentId:"sc-ce1f98f1-0"})(Jc()),$c=function(){return(0,s.jsx)(Qc,{children:(0,s.jsx)(qc,{})})},eu=function(e){var n=e.isSidebarOpen,t=e.onToggleSidebar;return(0,s.jsxs)(Xa,{children:[(0,s.jsxs)(qa,{children:[(0,s.jsx)(gc,{}),(0,hn.EY)()&&(0,s.jsx)(Gc,{}),!n&&(0,s.jsx)(pe.Z,{inline:!0,variant:"dark"})]}),(0,s.jsxs)(Ja,{children:[(0,s.jsx)($c,{}),(0,s.jsx)(O.Z,{distance:10,innerHtml:n?"Hide sidebar":"Show sidebar",position:"left",children:(0,s.jsx)(Ka,{toggled:n,onClick:t,children:(0,s.jsx)(M.Z,{name:"arrow-right"})})})]})]})},nu=function(){var e=(0,o.Z)((0,on.Z)(!0),2),n=e[0],t=e[1],i=J.useRef(),r=J.useRef();return(0,tn.A)({horizontal:!0},i,r),(0,s.jsx)(L.f6,{theme:an.Z,children:(0,s.jsxs)(rn.qt,{children:[(0,s.jsxs)(un,{expanded:!n,children:[(0,s.jsxs)(es,{children:[(0,s.jsx)(Ao,{innerRef:i}),(0,s.jsx)(za,{innerRef:r})]}),(0,s.jsx)(eu,{isSidebarOpen:n,onToggleSidebar:t})]}),(0,s.jsx)(Ys,{isOpen:n})]})})},tu="/audio-mixer-v2";!function(e){e.Preferences="/preferences",e.KeyBinding="/preferences/key-binding"}(Kc||(Kc={}));var iu=t(17704),ru=t(57135),ou=t(7994),au=t(15767),su=t(44610),cu=t(76841),uu=t(58020),lu=t(26601),du=t(99722);function pu(){var e=(0,R.Z)(["\n width: 14em;\n\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n"]);return pu=function(){return e},e}function fu(){var e=(0,R.Z)(["\n color: ",";\n font-size: 12px;\n font-weight: bold;\n"]);return fu=function(){return e},e}var hu=L.ZP.input.withConfig({componentId:"sc-2f5b2299-0"})(pu()),mu=L.ZP.label.withConfig({componentId:"sc-2f5b2299-1"})(fu(),(function(e){return e.theme.colors.defaultText})),gu="PID must be a number between ".concat(lu.Eu," and ").concat(lu.M1),vu=du.Rx().typeError(gu).integer(gu).min(lu.Eu,gu).max(lu.M1,gu).required(gu),xu=du.Ry().shape({video:vu,audio:vu,scte35:vu,smpte2038:vu}),yu=function(e){var n=e.error,t=(0,G.Z)(e,["error"]);return(0,s.jsxs)("div",{style:{display:"flex",gap:"1em"},children:[(0,s.jsx)(hu,(0,r.Z)((0,i.Z)({},t),{type:"number",min:lu.Eu,max:lu.M1,required:!0})),n&&(0,s.jsx)(cu.Z,{type:"error",style:{margin:0},children:n})]})},bu=(0,Y.Pi)((function(e){var n=e.closeModal,t=e.onBack,r=(0,o.Z)((0,on.Z)(!1),2),a=r[0],c=r[1],u=(0,q.oR)().streamConfig.outputs.program,l=(0,su.TA)({initialValues:(0,N.vM)(u.mpegTsStartPids),onSubmit:function(e,n){u.updateMpegTsStartPids(e),n.setSubmitting(!1),n.resetForm({values:e})},validate:function(){var e=(0,ru.Z)((function(e){var n,t;return(0,au.__generator)(this,(function(r){switch(r.label){case 0:n=function(e){return Object.keys(e).reduce((function(n,t){var i=e[t],r=(0,G.Z)(e,[t].map(ou.Z));return Object.values(r).some((function(e){return e===i}))&&(n[t]="PID must be unique"),n}),{})}(e),r.label=1;case 1:return r.trys.push([1,3,,4]),[4,xu.validate(e,{abortEarly:!1})];case 2:return r.sent(),[3,4];case 3:return t=r.sent(),[2,(0,i.Z)({},n,(0,su.wq)(t))];case 4:return[2,n]}}))}));return function(n){return e.apply(this,arguments)}}()}),d=l.dirty,p=l.errors,f=l.handleChange,h=l.handleSubmit,m=l.isValid,g=l.resetForm,v=l.values;J.useEffect((function(){g({values:(0,N.vM)(u.mpegTsStartPids)})}),[g,JSON.stringify((0,N.vM)(u.mpegTsStartPids))]);return(0,s.jsxs)(bc.ZP,{confirmLabel:"Save",closeModal:n,closeLabel:"Cancel",height:"auto",size:"medium",padding:"0",header:function(){return(0,s.jsx)(wc,{title:"MPEG-TS PID MAPPING",onBack:t,onClose:n})},footer:function(){return(0,s.jsxs)(Ec,{children:[(0,s.jsx)("span",{}),(0,s.jsxs)(xs.ZP,{disabled:!(d&&m),onClick:c,className:"ua-modal-commit",children:["Save ",(0,s.jsx)(Oc,{name:"cta-arrow-right"})]})]})},children:[(0,s.jsxs)("section",{children:[(0,s.jsxs)(uu.cF,{children:[(0,s.jsx)(mu,{htmlFor:"videoPid",children:"VIDEO PID"}),(0,s.jsx)(yu,{id:"videoPid",name:"video",error:p.video,value:v.video,onChange:f})]}),(0,s.jsx)(uu.Z0,{}),(0,s.jsxs)(uu.cF,{children:[(0,s.jsx)(mu,{htmlFor:"audioPid",children:"AUDIO START PID"}),(0,s.jsx)(yu,{id:"audioPid",name:"audio",error:p.audio,value:v.audio,onChange:f})]}),(0,s.jsx)(uu.Z0,{}),(0,s.jsxs)(uu.cF,{children:[(0,s.jsx)(mu,{htmlFor:"scte35Pid",children:"SCTE-35 PID"}),(0,s.jsx)(yu,{id:"scte35Pid",name:"scte35",error:p.scte35,value:v.scte35,onChange:f})]}),(0,s.jsx)(uu.Z0,{}),(0,s.jsxs)(uu.cF,{children:[(0,s.jsx)(mu,{htmlFor:"smpte2038Pid",children:"SMPTE 2038 PID"}),(0,s.jsx)(yu,{id:"smpte2038Pid",name:"smpte2038",error:p.smpte2038,value:v.smpte2038,onChange:f})]})]}),a&&(0,s.jsx)(gn.Z,{title:"Confirm Selection",confirmCallback:function(){h(),t()},confirmLabel:"Continue",cancelCallback:c,closeLabel:"Cancel",closeIcon:"",size:"small",padding:"0px",children:(0,s.jsxs)(Mc,{children:[(0,s.jsx)("p",{children:"Changing MPEG-TS start PIDs will restart the live and recorded output from Producer."}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:"Are you sure you want to save changes now?"})]})})]})})),Iu=t(46472),wu=t(37452),Pu=t(71561),Su=t(93340),Zu=t(75625),Cu=t(81256),ju=t(92087);function ku(){var e=(0,R.Z)(["\n position: relative;\n width: 100%;\n display: flex;\n flex-direction: column;\n background: ",";\n border-top: 1px solid\n ",";\n padding: 0.9em;\n"]);return ku=function(){return e},e}function Tu(){var e=(0,R.Z)(["\n display: flex;\n width: 100%;
1\n align-items: center;\n justify-content: space-between;\n padding-bottom: 0.9em;\n\n h2 {\n text-transform: uppercase;\n color: ",";\n font-weight: ",";\n margin-bottom: 0;\n }\n"]);return Tu=function(){return e},e}function Ru(){var e=(0,R.Z)(["\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n"]);return Ru=function(){return e},e}function Lu(){var e=(0,R.Z)(["\n display: flex;\n align-items: center;\n color: ",";\n font-weight: ",";\n text-transform: uppercase;\n\n h4 {\n margin-right: 1.8em;\n margin-bottom: 0px;\n font-size: 0.7em;\n }\n\n p {\n margin: 0 0.6em;\n font-size: 0.7em;\n }\n\n label {\n color: ",";\n }\n\n .grForm__field {\n /* targets select container to adjust styles without changing the source selection component */\n flex: 0.45;\n position: relative;\n bottom: 10px;\n }\n"]);return Lu=function(){return e},e}function Au(){var e=(0,R.Z)(["\n border-radius: 50%;\n background: ",";\n border: 0px;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 20px;\n width: 20px;\n color: ",";\n font-size: 1.5em;\n\n :hover {\n pointer-events: ",";\n }\n"]);return Au=function(){return e},e}function Mu(){var e=(0,R.Z)(["\n background: transparent;\n border: 0px;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 20px;\n width: 20px;\n color: ",";\n font-size: 1.5em;\n position: absolute;\n right: 0;\n"]);return Mu=function(){return e},e}var Ou=L.ZP.div.withConfig({componentId:"sc-fd889815-0"})(ku(),(function(e){var n=e.theme;return"dark"!==n.mode?"unset":n.colors.background}),(function(e){var n=e.theme;return"dark"!==n.mode?n.colors.text4:n.colors.text1})),Du=L.ZP.header.withConfig({componentId:"sc-fd889815-1"})(Tu(),(function(e){return e.theme.colors.text1}),(function(e){return e.theme.fontWeightSemiBold})),Eu=L.ZP.section.withConfig({componentId:"sc-fd889815-2"})(Ru()),Nu=L.ZP.section.withConfig({componentId:"sc-fd889815-3"})(Lu(),(function(e){return e.theme.colors.primaryLabel}),(function(e){return e.theme.fontWeightRegular}),(function(e){return e.theme.colors.primaryLabel})),Bu=L.ZP.button.withConfig({componentId:"sc-fd889815-4"})(Au(),(function(e){var n=e.disabled,t=e.theme;return n?t.colors.button.disabledBg:t.colors.primary}),(function(e){var n=e.disabled,t=e.theme;return n?t.colors.button.disabledText:t.colors.background}),(function(e){return e.disabled?"none":"auto"})),Vu=L.ZP.button.withConfig({componentId:"sc-fd889815-5"})(Mu(),(function(e){return e.theme.colors.illustrationText}));function Fu(){var e=(0,R.Z)(["\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 10px;\n margin-top: 1em;\n\n & > div > label {\n margin-top: 0;\n }\n"]);return Fu=function(){return e},e}function zu(){var e=(0,R.Z)(["\n label {\n margin-top: 1em !important;\n }\n\n .grForm__field {\n bottom: 0;\n }\n\n p {\n position: relative;\n top: 15px;\n }\n"]);return zu=function(){return e},e}function Uu(){var e=(0,R.Z)(["\n > div {\n width: 300px;\n\n &:first-child {\n margin-bottom: 0.75em;\n }\n }\n"]);return Uu=function(){return e},e}var Hu=L.ZP.div.withConfig({componentId:"sc-f1b5331-0"})(Fu()),_u=(0,L.ZP)(Nu).withConfig({componentId:"sc-f1b5331-1"})(zu()),Wu=(L.ZP.div.withConfig({componentId:"sc-f1b5331-2"})(Uu()),(0,ju.N)(16)),Gu=(0,ju.N)(3),Yu=function(e){return Pu.$8[e][0]},Xu=function(e){return Cu.TP[e]},qu=function(e){var n=e.targetStrategy,t=e.params,i=e.setParam,r=e.disabled,o=e.touched,a=(0,q.oR)(),c=a.audioMixer,u=a.streamConfig,l=function(e){i(Yu(n),e.value)},d=(0,to.X)(c.nodeList,[function(e){return e.nameForDisplay}]).map((function(e){return{label:e.nameForDisplay||"Untitled",value:e.id}})),p=(0,to.X)(u.inputsList,[function(e){return e.displayName}]).map((function(e){return{label:e.displayName,value:e.id}})),f=(0,to.X)(u.mediaPlayerInputs,[function(e){return e.displayName}]).map((function(e){return{label:e.displayName,value:e.id}})),h=Yu(n);if(n===Zu.L.ByInputId){var m="".concat(h,"-options"),g=(0,E.Z)({},m,o),v=(0,E.Z)({},m,null===t[h]&&"Please select a source");return(0,s.jsx)(s.Fragment,{children:(0,s.jsx)(Ts.ZP,{isDisabled:r,name:m,options:p,label:Xu(h),defaultValue:p.find((function(e){return e.value===t[h]})),onChange:l,touched:g,errors:v},"inputId-select")})}if(n===Zu.L.ByTitle){var x=Su.l.Title,y=(0,E.Z)({},x,o),b=(0,E.Z)({},x,null===t[h]&&"Please type a title");return(0,s.jsx)(qs.ZP,{type:"text",name:x,disabled:r,touched:y,errors:b,value:t[h]||"",autoComplete:"off",onChange:function(e){return i(h,e.target.value)}})}if(n===Zu.L.ByMediaPlayerId){var I="".concat(h,"-options"),w=(0,E.Z)({},I,o),P=(0,E.Z)({},I,null===t[h]&&"Please select a media player");return(0,s.jsx)(s.Fragment,{children:(0,s.jsx)(Ts.ZP,{isDisabled:r,name:I,options:f,label:Xu(h),defaultValue:f.find((function(e){return e.value===t[h]})),onChange:l,touched:w,errors:P},"mediaPlayerId-select")})}if(n===Zu.L.ByNodeId){var S="".concat(h,"-options"),Z=(0,E.Z)({},S,o),C=(0,E.Z)({},S,null===t[h]&&"Please select a path");return(0,s.jsx)(s.Fragment,{children:(0,s.jsx)(Ts.ZP,{isDisabled:r,name:S,options:d,label:Xu(h),defaultValue:d.find((function(e){return e.value===t[h]})),onChange:l,touched:Z,errors:C},"nodeId-select")})}if(n===Zu.L.ByInputPosition){var j,k,T="layerIndex-options",R="positionIndex-options",L=(j={},(0,E.Z)(j,T,o),(0,E.Z)(j,R,o),j),A=(k={},(0,E.Z)(k,T,null===t.layerIndex&&"Please select a layer"),(0,E.Z)(k,R,null===t.positionIndex&&"Please select a position"),k);return(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)(Hu,{children:[(0,s.jsx)(Ts.ZP,{isDisabled:r,name:T,options:Wu,label:Cu.TP.layerIndex,defaultValue:Wu.find((function(e){return e.value===t.layerIndex})),onChange:function(e){return i("layerIndex",e.value)},touched:L,errors:A},"layerIndex-select"),(0,s.jsx)(Ts.ZP,{isDisabled:r,name:R,options:Wu,label:Cu.TP.positionIndex,defaultValue:Wu.find((function(e){return e.value===t.positionIndex})),onChange:function(e){return i("positionIndex",e.value)},touched:L,errors:A},"positionIndex-select")]})})}if(n===Zu.L.ByReplayButtonIndex){var M="replayButtonIndex-options",O=(0,E.Z)({},M,o),D=(0,E.Z)({},M,null===t.positionIndex&&"Please select a button");return(0,s.jsx)(s.Fragment,{children:(0,s.jsx)(Ts.ZP,{isDisabled:r,name:M,options:Gu,label:"Button",defaultValue:Gu.find((function(e){return e.value===t.positionIndex})),onChange:function(e){return i("positionIndex",e.value)},touched:O,errors:D},"replayButtonIndex-select")})}if(n===Zu.L.ByReplayInputPosition){var N="".concat(h,"-options"),B=(0,E.Z)({},N,o),V=(0,E.Z)({},N,null===t[h]&&"Please select a channel"),F=(0,ju.N)(a.replay.maxInputs);return(0,s.jsx)(Ts.ZP,{isDisabled:r,name:N,options:F,label:Xu(h),defaultValue:F.find((function(e){return e.value===t[h]})),onChange:l,touched:B,errors:V},"replayInputIndex-select")}if(n===Zu.L.ByTagId){var z=t.tagId,U=z?[z]:[],H=o&&null===z&&"Please select a tag.";return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(wu.ZP,{handleTag
1Change:function(e){var n=e.length?e[0].value:null;i("tagId",n)},maxTagCount:1,initialTagIds:U,label:"Tag",placeholder:"Click here to select a tag.",noTagsMessage:"Currently no tag has been selected.",isActiveByDefault:!0,confirmBeforeClearingTags:!1,labelStyle:{color:"#596281",marginTop:"1em",fontSize:"11px",marginBottom:"5px"}}),H&&(0,s.jsx)(cu.Z,{type:"error",children:H})]})}var _="".concat(h,"-options"),W=(0,E.Z)({},_,o),G=(0,E.Z)({},_,null===t[h]&&"Please select an option");return(0,s.jsx)(s.Fragment,{children:(0,s.jsx)(Ts.ZP,{isDisabled:r,name:"".concat(h,"-options"),options:Wu,label:Cu.TP[h],defaultValue:Wu.find((function(e){return e.value===t[h]})),onChange:l,touched:W,errors:G},"".concat(h,"-options"))})},Ju=t(70753),Ku=t(91525),Qu=t(54012),$u=t(30868),el={range:{min:[ji],max:[ki]},step:1,pips:{mode:"values",values:[ji,0,ki],density:50}};function nl(e){return Math.round(e)}var tl=function(e){var n=e.value,t=e.onChange,i=e.disabled,r=(0,o.Z)(J.useState(el.range.min[0]),2),a=r[0],c=r[1],u=(0,o.Z)(J.useState(!1),2),l=u[0],d=u[1],f=(0,o.Z)(J.useState(el.range.min[0]),2),h=f[0],m=f[1],g=(0,o.Z)(J.useState(!1),2),v=g[0],x=g[1];J.useEffect((function(){v||m(nl(a))}),[a,v]);var y=J.useCallback((function(e){c(function(e){return p()(e)?el.range.min[0]:Li(e,{minDbLevel:ji})}(e))}),[]);aa(n,l,y);return(0,s.jsx)($u.c$,{name:"trim",label:"Trim (dB)",options:el,sliderValue:a,onSliderChange:function(e,n){var i=(0,o.Z)(n,1)[0];c(parseFloat(i)),t(Ai(parseFloat(i)))},onSlideStart:function(){return d(!0)},onSlideEnd:function(){return d(!1)},inputPlaceholder:void 0,inputValue:h,onInputChange:function(e){var n=e.target.value.replace(/[^-?\d]+/g,"");if(n&&"-"!==n){var t=parseInt(n,10);t>el.range.max[0]?t=el.range.max[0]:t<=el.range.min[0]&&(t=el.range.min[0]),m(t)}else m(n)},onInputBlur:function(){x(!1),m(nl(a))},onInputFocus:function(){x(!0)},onInputKeyDown:function(e){var n=e.key,i=e.target;"Enter"===n?t(Ai(function(e){return Number(e)<ji?ji:e}(h))):"Escape"===n&&i.blur()},disabled:i})},il=t(23028),rl="-\u221e",ol={range:{min:[Zi],"10%":[-60],"20%":[-40],"35%":[-30],"50%":[-20],"60%":[-10],"70%":[-5],"80%":[0],"90%":[5],max:[Ci]},pips:{mode:"values",values:[Zi,0,5,Ci],density:100,format:{to:function(e){return e===Zi?rl:e}}},connect:[!0,!1],stickToValues:[0],stickToValueRange:1};function al(e){var n=Math.round(e);return n===Zi?rl:n}function sl(e){var n=e.value,t=e.onChange,i=e.isMixed,r=void 0!==i&&i,a=e.disabled,c=void 0!==a&&a,u=(0,o.Z)(J.useState(ol.range.min[0]),2),l=u[0],d=u[1],f=(0,o.Z)(J.useState(!1),2),h=f[0],m=f[1],g=(0,o.Z)(J.useState(ol.range.min[0]),2),v=g[0],x=g[1],y=(0,o.Z)(J.useState(!1),2),b=y[0],I=y[1];J.useEffect((function(){b||x(al(l))}),[l,b]);var w=J.useCallback((function(e){d(function(e){return p()(e)?ol.range.min[0]:Li(e)}(e))}),[]);aa(n,h,w);var P=J.useMemo((function(){return ee()(t,100)}),[t]),S=function(e){P({volume:e<=Zi?0:Ai(e)})};return(0,s.jsx)($u.c$,{name:"volume",label:"Volume (dB)",options:ol,sliderValue:l,onSliderChange:function(e,n){var t=(0,o.Z)(n,1)[0];d(t),S(t)},onSlideStart:function(){return m(!0)},onSlideEnd:function(){return m(!1)},inputPlaceholder:r?"Mixed":void 0,inputValue:r?"":v,onInputChange:function(e){var n=e.target.value.replace(/[^-?\d]+/g,"");if(n&&"-"!==n){var t=parseInt(n,10);t>ol.range.max[0]?t=ol.range.max[0]:t<=ol.range.min[0]&&(t=rl),x(t)}else x(n)},onInputBlur:function(){I(!1),x(al(l))},onInputFocus:function(){I(!0)},onInputKeyDown:function(e){var n=e.key,t=e.target;"Enter"===n?S(function(e){return e===rl?Zi:e}(v)):"Escape"===n&&t.blur()},disabled:c})}var cl=(0,il.jN)(sl,{showLabel:!1}),ul=sl,ll="mediaplayer_",dl="layer_",pl=function(e,n,t){var i=[];return e.mediaPlayerInputs.length&&i.push({label:"Media Player",options:e.mediaPlayerInputs.map((function(e){var n=e.displayName,t=e.id;return{label:n,value:"".concat(ll).concat(t)}}))}),t?i.push({label:"Layer",options:(0,ju.N)(16).map((function(e){var n=e.label,t=e.value;return{label:"Layer ".concat(n),value:"".concat(dl).concat(t)}}))}):i.push({label:"Layer",options:n.layers.map((function(e){var n=e.displayName,t=e.position;
1return{label:n||"Layer ".concat(t+1),value:"".concat(dl).concat(t)}}))}),i},fl=function(e){return"".concat(e/1e3," secs")},hl=function(e){return"".concat(0===e?"":"-").concat(fl(e))},ml=N.V5.model({preTime:N.V5.maybe(N.V5.number),postTime:N.V5.maybe(N.V5.number)}).actions((function(e){return{setPreTime:function(n){e.preTime=n,0===n&&0===e.postTime&&(e.postTime=void 0)},setPostTime:function(n){e.postTime=n,0===n&&0===e.preTime&&(e.preTime=void 0)}}})).views((function(e){return{get preTimeLabel(){return hl(e.preTime)},get postTimeLabel(){return fl(e.postTime)}}})),gl=N.V5.model("ReplaySettingsStore",{autoNamingPattern:"Replay Clip @Clip.Number",buttons:N.V5.optional(N.V5.array(ml),[]),clipsMuted:!1,destination:N.V5.maybe(N.V5.string),maxInputs:N.V5.optional(N.V5.number,4),inputIds:N.V5.optional(N.V5.array(N.V5.maybeNull(N.V5.string)),Array(4).fill(null))}).views((function(e){return{get streamConfig(){return(0,N.yj)(e).streamConfig}}})).views((function(e){return{isSaved:function(){return void 0!==vl(e.streamConfig.id)},hasInputs:function(){return e.inputIds.filter((function(n){return null!==n&&e.streamConfig.hasInput(n)})).length>0},isValid:function(){var n=e.inputIds.some((function(e){return null!==e})),t=e.buttons.every((function(e){var n=e.preTime,t=e.postTime;return void 0!==n&&void 0!==t}));return n&&t&&""!==e.autoNamingPattern.trim()}}})).views((function(e){return{isSetUp:function(){return e.isSaved()&&e.hasInputs()}}})).actions((function(e){return{clearRemovedInputIds:function(){e.inputIds.forEach((function(n,t){null===n||e.streamConfig.hasInput(n)||(e.inputIds[t]=null)}))},setAutoNamingPattern:function(n){e.autoNamingPattern=n},addButton:function(){e.buttons.length<2&&e.buttons.push({})},removeButton:function(n){e.buttons.splice(n,1)},toggleClipsMuted:function(){e.clipsMuted=!e.clipsMuted},setDestination:function(n){e.destination=n},setInputAt:function(n,t){e.inputIds[n]=t}}})).actions((function(e){return{save:function(){e.clearRemovedInputIds(),xl({streamId:e.streamConfig.id,snapshot:(0,N.vM)(e)})},init:function(){var n=e.maxInputs,t=vl(e.streamConfig.id);if(t&&((0,N.Xx)(e,t),e.maxInputs=n),e.inputIds.length<e.maxInputs)for(;e.inputIds.length<e.maxInputs;)e.inputIds.push(null);else e.inputIds.length>e.maxInputs&&e.inputIds.replace(e.inputIds.slice(0,e.maxInputs))}}})).actions((function(e){return{setNumberReplays:function(n){e.maxInputs=n,e.init()}}})),vl=function(e){var n=localStorage.getItem("replay.".concat(e));return n?JSON.parse(n):void 0},xl=function(e){var n=e.streamId,t=e.snapshot;return localStorage.setItem("replay.".concat(n),JSON.stringify(t))},yl=gl,bl=Array.from({length:11}).map((function(e,n){return 1e3*n})),Il=(0,a.Z)(bl).concat([15e3,2e4,3e4]),wl=(0,a.Z)(bl).concat([15e3,2e4,9e4]),Pl={preTime:0,postTime:9e4,preTimeLabel:"0 secs",postTimeLabel:"90 secs"},Sl=function(e){return(0,s.jsx)(Ts.ZP,(0,i.Z)({placeholder:"Select a time",menuPlacement:"top",style:"dark"===e.theme?Rs.$T:{},isSearchable:!1,theme:e.theme},e))},Zl=(0,Y.Pi)((function(e){var n=e.button,t=e.isDisabled,i=e.key,r=e.label,o=e.onPreTimeChange,a=e.onPostTimeChange,c=e.onRemove,u=e.theme,l=void 0===u?"dark":u;return(0,s.jsxs)(Nu,{children:[(0,s.jsx)(Ic.k8,{children:r}),(0,s.jsx)(Sl,{label:"Pre time",isDisabled:t,onChange:function(e){var n=e.value;o(n)},theme:l,value:void 0===n.preTime?"":{label:n.preTimeLabel,value:n.preTime},options:Il.map((function(e){return{label:hl(e),value:e}}))}),(0,s.jsx)("p",{children:"To"}),(0,s.jsx)(Sl,{label:"Post time",isDisabled:t,onChange:function(e){var n=e.value;return a(n)},theme:l,value:void 0===n.postTime?"":{label:n.postTimeLabel,value:n.postTime},options:wl.map((function(e){return{label:fl(e),value:e}}))}),!t&&(0,s.jsx)(Vu,{onClick:c,children:(0,s.jsx)(M.Z,{name:"bin"})})]},i)})),Cl=(0,Y.Pi)((function(e){var n=e.buttons,t=e.addButton,i=e.removeButton,r=e.theme,o=void 0===r?"dark":r;return(0,s.jsxs)(Ou,{children:[(0,s.jsxs)(Du,{children:[(0,s.jsx)(Ic.XJ,{children:"Quick replay buttons"}),(0,s.jsx)(Bu,{onClick:t,disabled:n.length>=2,children:(0,s.jsx)(M.Z,{name:"plus-no-border"})})]}),(0,s.jsxs)(Eu,{children:[(0,s.jsx)(Zl,{button:Pl,label:"Button 1",theme:o,isDisabled:!0}),n.map((function(e,t){return(0,s.jsx)(Zl,{button:e,label:"Button ".concat(t+2),theme:o,onPreTimeChange:function(e){return n[t].setPreTime(e)},onPostTimeChange:function(e){return n[t].setPostTime(e)},onRemove:function(){return i(t)}},"button".concat(t))}))]})]})}
1)),jl=Cl,kl=t(11896),Tl=t(66091),Rl=t(5683),Ll=t(45347);function Al(){var e=(0,R.Z)(["\n height: ",";\n border-radius: ",";\n background: ",";\n animation: ",";\n background-size: 250% 100%;\n position: relative;\n overflow: hidden;\n margin: 0 auto;\n\n @keyframes progress {\n 0% {\n background-position: 0 0;\n }\n 100% {\n background-position: 100px 0px;\n }\n }\n"]);return Al=function(){return e},e}function Ml(){var e=(0,R.Z)(['\n content: "";\n position: absolute;\n background-color: ',";\n top: 0;\n bottom: 0;\n left: 0;\n transition: width linear 0.3s;\n"]);return Ml=function(){return e},e}function Ol(){var e=(0,R.Z)(["\n margin: 1em auto;\n font-size: 2em;\n color: ",";\n"]);return Ol=function(){return e},e}function Dl(){var e=(0,R.Z)(["\n display: flex;\n position: relative;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n\n & i {\n color: ",";\n position: absolute;\n top: ","px;\n }\n\n & i:before {\n font-size: ","px;\n }\n"]);return Dl=function(){return e},e}function El(){var e=(0,R.Z)(["\n stroke: ",";\n fill: transparent;\n transition: stroke-dashoffset 0.35s;\n transform: rotate(90deg) scaleX(-1);\n transform-origin: 50% 50%;\n"]);return El=function(){return e},e}var Nl=L.ZP.div.withConfig({componentId:"sc-86b46f14-0"})(Al(),(function(e){switch(e.thickness){case"thick":return"10px";case"medthick":return"7px";case"medium":return"5px";default:return"3px"}}),(function(e){return"thin"===e.thickness?"0px":"3px"}),(function(e){var n=e.background,t=e.theme;switch(n){case"dark":return t.colors.outline;case"transparent":return"transparent";case"frozen":return"repeating-linear-gradient(-60deg, #e8e8e8, #e8e8e8 4px, #b2b9d3 4px, #b2b9d3 8px);";case"frozen-primary":return"repeating-linear-gradient(-60deg, #e8e8e8, #e8e8e8 4px, #f03f55 4px, #f03f55 8px);";default:return t.colors.background}}),(function(e){var n=e.background,t=e.isPaused;return(null===n||void 0===n?void 0:n.startsWith("frozen"))&&!t?"progress 10s linear infinite":"none"})),Bl=L.ZP.div.attrs((function(e){return{style:{width:"".concat(e.value,"%")}}})).withConfig({componentId:"sc-86b46f14-1"})(Ml(),(function(e){return"secondary"===e.type?e.theme.colors.pending:e.theme.colors.primary})),Vl=L.ZP.div.withConfig({componentId:"sc-86b46f14-2"})(Ol(),(function(e){return e.theme.colors.primary})),Fl=function(e){var n=e.dataTestId,t=void 0===n?"test":n,i=e.value,r=void 0===i?0:i,o=e.style,a=void 0===o?"thin":o,c=e.showPercentage,u=void 0!==c&&c,l=e.type,d=void 0===l?"primary":l,p=e.background,f=e.isPaused,h=void 0!==f&&f;return(0,s.jsxs)("div",{"data-testid":null!==t&&void 0!==t?t:"test",children:[(0,s.jsx)(Nl,{thickness:a,background:p,isPaused:h,children:(0,s.jsx)(Bl,{value:r,type:d})}),u&&(0,s.jsxs)(Vl,{children:[r,"%"]})]})},zl=L.ZP.section.withConfig({componentId:"sc-86b46f14-3"})(Dl(),(function(e){return e.theme.colors.background}),(function(e){return 0===e.value?"1":"-1"}),(function(e){return 0===e.value?"24":"17"})),Ul=L.ZP.circle.attrs((function(e){return{r:e.circleRadius,cx:e.radius,cy:e.radius,style:{strokeDashoffset:e.strokeDashoffset,strokeDasharray:e.strokeDasharray,strokeWidth:e.strokeWidth}}})).withConfig({componentId:"sc-86b46f14-4"})(El(),(function(e){switch(e.type){case"primary":return e.theme.colors.primary;case"secondary":return e.theme.colors.pending;default:return e.theme.colors.background}})),Hl=function(e){(0,Rl.Z)(t,e);var n=(0,Ll.Z)(t);function t(){var e;return(0,Tl.Z)(this,t),(e=n.apply(this,arguments)).circleRadius=e.props.radius-2*e.props.stroke,e.circumference=2*e.circleRadius*Math.PI,e}return t.prototype.render=function(){var e=this.props,n=e.radius,t=e.value,i=e.icon,r=e.stroke,o=e.type,a=e.dataTestId,c=void 0===a?"test":a,u=this.circumference-t/100*this.circumference;return(0,s.jsxs)(zl,{value:t,"data-testid":c,children:[(0,s.jsx)("svg",{height:2*n,width:2*n,children:(0,s.jsx)(Ul,{radius:n,circleRadius:this.circleRadius,strokeDasharray:"".concat(this.circumference," ").concat(this.circumference),strokeDashoffset:u,strokeWidth:r,type:o})}),i&&(0,s.jsx)(M.Z,{name:i})]})},t}(J.PureComponent),_l=t(59928),Wl=t(18433);function Gl(){var e=(0,R.Z)(["\n display: flex;\n justify-content: space-around;\n border-bottom: 1px solid ",";\n background: ",";\n\n & > * {\n flex: 1;\n }\n"]);return Gl=function(){return e},e}function Yl(){var e=(0,R.Z)(["\n & > :first-child {\n border-right: 1px solid ",";\n }\n"]);return Yl=function(){return e},e}function Xl(){var e=(0,R.Z)(["\n display: flex;\n flex-direction: column;
1\n align-items: center;\n padding: 0.5em;\n"]);return Xl=function(){return e},e}function ql(){var e=(0,R.Z)(["\n width: max-content;\n"]);return ql=function(){return e},e}function Jl(){var e=(0,R.Z)([""]);return Jl=function(){return e},e}function Kl(){var e=(0,R.Z)(["\n color: ",";\n"]);return Kl=function(){return e},e}function Ql(){var e=(0,R.Z)(["\n font-size: 1.5em;\n"]);return Ql=function(){return e},e}function $l(){var e=(0,R.Z)(["\n text-align: center;\n padding: 0.5em;\n width: 100%;\n"]);return $l=function(){return e},e}var ed=L.ZP.div.withConfig({componentId:"sc-888c1b40-0"})(Gl(),(function(e){return e.theme.colors.outline}),(function(e){return e.theme.colors.background})),nd=(0,L.ZP)(ed).withConfig({componentId:"sc-888c1b40-1"})(Yl(),(function(e){return e.theme.colors.outline})),td=L.ZP.div.withConfig({componentId:"sc-888c1b40-2"})(Xl()),id=L.ZP.div.withConfig({componentId:"sc-888c1b40-3"})(ql()),rd=L.ZP.span.withConfig({componentId:"sc-888c1b40-4"})(Jl()),od=(0,L.ZP)(rd).withConfig({componentId:"sc-888c1b40-5"})(Kl(),(function(e){return e.theme.colors.secondaryLighter})),ad=L.ZP.p.withConfig({componentId:"sc-888c1b40-6"})(Ql()),sd=L.ZP.div.withConfig({componentId:"sc-888c1b40-7"})($l()),cd=t(21265),ud={range:{min:[0],max:[1]},pips:{mode:"range",density:25,format:{to:function(){return""}}},connect:[!0,!1]},ld=[{value:.25,label:"25%"},{value:.5,label:"50%"},{value:.75,label:"75%"},{value:1,label:"100%"}],dd={container:function(e){return(0,r.Z)((0,i.Z)({},e),{fontSize:"12px",height:"32px"})},control:function(e){return(0,r.Z)((0,i.Z)({},e),{height:"32px",minHeight:"32px"})},valueContainer:function(e){return(0,r.Z)((0,i.Z)({},e),{height:"32px"})},indicatorSeparator:function(){return{height:"31px"}},indicatorsContainer:function(e){return(0,r.Z)((0,i.Z)({},e),{height:"32px"})},placeholder:function(e){return(0,r.Z)((0,i.Z)({},e),{color:cd.defaultText})}},pd=function(e){var n=e.playbackSpeed,t=e.onChange,i=e.disabled,r=(0,J.useState)(1),o=r[0],a=r[1],c=(0,J.useState)(!1),u=c[0],l=c[1],d=(0,J.useState)(),p=d[0],f=d[1],m=(0,J.useState)(),g=m[0],v=m[1];(0,J.useEffect)((function(){f("".concat(~~(100*n),"%"))}),[n]);var x=(0,J.useCallback)((function(e){a(e)}),[]);return aa(n,u,x),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)($u.Fg,{name:"playbackSpeed",options:ud,value:[o],setFieldValue:function(e,n){"number"!==typeof n&&(n=n[0]);var i=Number(n);a(i),v(null),t({playbackSpeed:i})},setFieldTouched:h(),onStart:function(){return l(!0)},onEnd:function(){return l(!1)},disabled:i,updateOnSlide:!0}),(0,s.jsx)(Ts.Ph,{isDisabled:i,className:"playbackSpeedSelect",isSearchable:!1,options:ld,placeholder:p,value:g,onChange:function(e){var n=e.value;t({playbackSpeed:n})},style:dd})]})},fd=t(88519),hd=t.n(fd);function md(){var e=(0,R.Z)(["\n > .playbackSpeedSelect {\n > div {\n background-color: ",";\n border-color: ",";\n\n > div:first-child > div {\n color: ",";\n\n &:hover {\n color: ",";\n }\n }\n\n > div:nth-child(2) > span {\n background-color: ",";\n }\n\n &:first-of-type {\n > div:first-child > div {\n color: ",";\n\n &:hover {\n color: ",";\n }\n }\n }\n }\n }\n "]);return md=function(){return e},e}function gd(){var e=(0,R.Z)(["\n display: flex;\n align-items: center;\n gap: 1em;\n padding: 0 1em;\n"]);return gd=function(){return e},e}function vd(){var e=(0,R.Z)(["\n display: flex;\n align-items: center;\n"]);return vd=function(){return e},e}function xd(){var e=(0,R.Z)(["\n background-color: transparent;\n border: none;\n height: ","px;\n width: ","px;\n padding: 0;\n\n &:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n }\n"]);return xd=function(){return e},e}function yd(){var e=(0,R.Z)(["\n display: flex;
1\n align-items: center;\n\n flex: 1;\n\n & > label {\n color: ",";\n margin: auto;\n width: auto;\n }\n\n & > .grValueSlider.grInputSlider {\n margin: 2em 0.5em;\n flex: 1;\n }\n\n & > .grValueSlider .noUi-pips.noUi-pips-horizontal {\n height: 16px;\n }\n\n & > .playbackSpeedSelect {\n flex-basis: 7em;\n margin-left: 1em;\n\n ","\n }\n"]);return yd=function(){return e},e}function bd(){var e=(0,R.Z)(["\n "," {\n background-color: ",";\n }\n "]);return bd=function(){return e},e}function Id(){var e=(0,R.Z)(["\n flex-grow: 1;\n "," {\n border-radius: 4px;\n }\n ","\n"]);return Id=function(){return e},e}function wd(){var e=(0,R.Z)(["\n .react-select__single-value,\n .react-select__dropdown-indicator {\n color: ",";\n }\n .react-select__dropdown-indicator:hover {\n color: ",";\n }\n\n .react-select__menu {\n background-color: ",";\n }\n .react-select__option {\n color: ",";\n }\n .react-select__option--is-focused {\n background-color: ",";\n color: ",";\n }\n .react-select__option--is-selected {\n background-color: ",";\n color: ",";\n }\n "]);return wd=function(){return e},e}function Pd(){var e=(0,R.Z)(["\n .react-select__single-value,\n .react-select__dropdown-indicator {\n color: ",";\n }\n .react-select__option--is-focused {\n background-color: ",";\n color: ",";\n }\n .react-select__option--is-selected {\n background-color: ",";\n color: ",";\n }\n "]);return Pd=function(){return e},e}function Sd(){var e=(0,R.Z)(["\n ","\n"]);return Sd=function(){return e},e}var Zd=hd()("mode",{dark:function(e){var n=e.theme;return(0,L.iv)(md(),n.colors.secondaryLight,n.colors.secondaryBackground,n.colors.defaultText,n.colors.secondaryBackground,n.colors.secondaryBackground,n.colors.defaultText,n.colors.defaultText)},light:""}),Cd=L.ZP.div.withConfig({componentId:"sc-4312fd9f-0"})(gd()),jd=L.ZP.div.withConfig({componentId:"sc-4312fd9f-1"})(vd()),kd=(0,L.ZP)(ts.D).withConfig({componentId:"sc-4312fd9f-2"})(xd(),(function(e){var n=e.size;return void 0===n?30:n}),(function(e){var n=e.size;return void 0===n?30:n})),Td=L.ZP.div.withConfig({componentId:"sc-4312fd9f-3"})(yd(),(function(e){return e.theme.colors.defaultText}),Zd),Rd=hd()("mode",{dark:function(e){var n=e.theme;return(0,L.iv)(bd(),Nl,n.colors.secondaryLight)},light:""}),Ld=L.ZP.div.withConfig({componentId:"sc-4312fd9f-4"})(Id(),Nl,Rd),Ad=hd()("mode",{dark:function(e){var n=e.theme;return(0,L.iv)(wd(),n.colors.defaultText,n.colors.text4,n.colors.primaryBackground,n.colors.defaultText,(function(e){return e.theme.colors.secondaryLighter}),n.colors.text1,(function(e){return e.theme.colors.secondaryDark}),n.colors.defaultText)},light:function(e){var n=e.theme;return(0,L.iv)(Pd(),n.colors.text1,(function(e){return e.theme.colors.tertiaryBackground}),n.colors.defaultText,(function(e){return e.theme.colors.secondaryBackground}),n.colors.text1)}}),Md=(0,L.ZP)(Di.ZP).attrs({classNamePrefix:"react-select"}).withConfig({componentId:"sc-4312fd9f-5"})(Sd(),Ad);function Od(){var e=(0,R.Z)(["\n gap: 2em;\n justify-content: space-between;\n "]);return Od=function(){return e},e}var Dd=function(e){var n=e.currentTime,t=void 0===n?0:n,i=e.totalTime,r=void 0===i?0:i,o=e.isPaused,a=void 0!==o&&o,c=e.isFrozen,u=void 0!==c&&c,l=e.openEnding,d=r?t/r*100:0;return void 0!==l&&l&&d>=96&&(d=96),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(Ld,{children:(0,s.jsx)(Fl,{type:"primary",style:"thick",background:u?"frozen":"dark",value:d,isPaused:a})}),(0,s.jsxs)("p",{children:[(0,s.jsx)(od,{children:kl.ZP.millisecondsToHHMMSS(t)})," ","/"," ",(0,s.jsx)(rd,{children:kl.ZP.millisecondsToHHMMSS(r)})]})]})},Ed={control:function(e){return(0,r.Z)((0,i.Z)({},e),{background:"transparent",border:0,boxShadow:0,width:"119px","&:hover":{border:0}})}},Nd=(0,Y.Pi)((function(e){var n=e.endMode,t=e.onChange,i=[{label:"Loop",value:Wl.UZ.Loop},{label:"Play one",value:Wl.UZ.PlayOne},{label:"Play to end",value:Wl.UZ.Stop}];return(0,s.jsx)(Md,{components:{IndicatorSeparator:function(){return null}},backspaceRemovesValue:!1,blurInputOnSelect:!0,isSearchable:!1,options:i,styles:Ed,value:i.find((function(e){return e.value===n})),onChange:function(e){var n=e.value;return t({endMode:n})}})})),Bd=function(e){var n=e.playbackSpeed,t=e.onChange,i=e.disabled;return(0,s.jsxs)(Td,{children:[(0,s.jsx)("label",{children:"Speed"}),(0,s.jsx)(pd,{playbackSpeed:n,onChange:t,disabled:i})]})},Vd=(0,Y.Pi)((function(e){var n,t=e.playlist,i=e.currentTime,r=e.totalTime,o=e.isPaused,a=e.isFrozen,c=void 0!==a&&a,u=e.openEnding,l=void 0!==u&&u,d=(null!==(n=t.selectedInput)&&void 0!==n?n:{}).displayName,p=void 0===d?"":d;return(0,s.jsxs)(s.Fragment,{children:[p&&(0,s.jsxs)("p",{style:{padding:".5em 1em"},children:[(0,s.jsx)("b",{children:"Currently playing:"}),(0,s.jsx)("div",{style:{display:"inline-block",padding:"0 10px",verticalAlign:"top"},children:(0,s.jsx)(_l.Ld,{children:p})})]}),(0,s.jsx)(Cd,{children:(0,s.jsx)(Dd,{currentTime:i,totalTime:r,isFrozen:c,isPaused:o,openEnding:l})}),(0,s.jsxs)(Fd,{children:[(0,s.jsx)(Nd,{endMode:t.endMode,onChange:t.requestUpdate}),(0,s.jsx)(Bd,{playbackSpeed:t.playbackSpeed,onChange:t.requestUpdate})]})]})})),Fd=(0,L.ZP)(Cd).withConfig({componentId:"sc-30be109-0"})(Od()),zd={label:"1 second",value:1},Ud={label:"0 seconds",value:0},Hd={label:"Cut",value:Qu.x6.Cut,id:Qu.x6.Cut,attributes:void 0,overrideLabel:void 0},_d="custom",Wd=[{label:"0.5 seconds",value:.5},zd,{label:"2 seconds",value:2},{label:"3 seconds",value:3},{label:"10 seconds",value:10}],Gd=[Hd,{id:Qu.x6.Dynamic,label:"Dynamic",value:Qu.x6.Dynamic},{id:"dissolve",label:"Dissolve",value:"dissolve"},{label:"Dip",options:[{id:"dip-to-black",label:"To Black",value:Qu.x6.Dip,attributes:{red:0,green:0,blue:0},overrideLabel:"Dip - To Black"},{id:"dip-to-white",label:"To White",value:Qu.x6.Dip,attributes:{red:255,green:255,blue:255},overrideLabel:"Dip - To White"}]},{label:"Wipe",options:[{id:"wipe-right",label:"Right",value:Qu.x6.Wipe,attributes:{direction:Qu.KB.Right},overrideLabel:"Wipe - Right"},{id:"wipe-left",label:"Left",value:Qu.x6.Wipe,attributes:{direction:Qu.KB.Left},overrideLabel:"Wipe - Left"},{id:"wipe-up",label:"Up",value:Qu.x6.Wipe,attributes:{direction:Qu.KB.Up},overrideLabel:"Wipe - Up"},{id:"wipe-down",label:"Down",value:Qu.x6.Wipe,attributes:{direction:Qu.KB.Down},overrideLabel:"Wipe - Down"}]},{label:"Slide In",options:[{id:"slidein-right",label:"Right",value:Qu.x6.SlideIn,attributes:{direction:Qu.KB.Right},overrideLabel:"Slide In - Right"},{id:"slidein-left",label:"Left",value:Qu.x6.SlideIn,attributes:{direction:Qu.KB.Left},overrideLabel:"Slide In - Left"},{id:"slidein-up",label:"Up",value:Qu.x6.SlideIn,attributes:{direction:Qu.KB.Up},overrideLabel:"Slide In - Up"},{id:"slidein-down",label:"Down",value:Qu.x6.SlideIn,attributes:{direction:Qu.KB.Down},overrideLabel:"Slide In - Down"}]},{label:"Slide Out",options:[{id:"slideout-right",label:"Right",value:Qu.x6.SlideOut,attributes:{direction:Qu.KB.Right},overrideLabel:"Slide Out - Right"},{id:"slideout-left",label:"Left",value:Qu.x6.SlideOut,attributes:{direction:Qu.KB.Left},overrideLabel:"Slide Out - Left"},{id:"slideout-up",label:"Up",value:Qu.x6.SlideOut,attributes:{direction:Qu.KB.Up},overrideLabel:"Slide Out - Up"},{id:"slideout-down",label:"Down",value:Qu.x6.SlideOut,attributes:{direction:Qu.KB.Down},overrideLabel:"Slide Out - Down"}]},{label:"Push",options:[{id:"push-right",label:"Right",value:Qu.x6.Push,attributes:{direction:Qu.KB.Right},overrideLabel:"Push - Right"},{id:"push-left",label:"Left",value:Qu.x6.Push,attributes:{direction:Qu.KB.Left},overrideLabel:"Push - Left"},{id:"push-up",label:"Up",value:Qu.x6.Push,attributes:{direction:Qu.KB.Up},overrideLabel:"Push - Up"},{id:"push-down",label:"Down",value:Qu.x6.Push,attributes:{direction:Qu.KB.Down},overrideLabel:"Push - Down"}]},{label:"Barn Door",options:[{id:"barndoor-horizontal-open",label:"Horizontal Open",value:Qu.x6.BarnDoor,attributes:{direction:Qu.sR.Horizontal,style:"open"},overrideLabel:"Barn Door - Horizontal Open"},{id:"barndoor-horizontal-close",label:"Horizontal Close",value:Qu.x6.BarnDoor,attributes:{direction:Qu.sR.Horizontal,style:"close"},overrideLabel:"Barn Door - Horizontal Close"},{id:"barndoor-vertical-open",label:"Vertical Open",value:Qu.x6.BarnDoor,attributes:{direction:Qu.sR.Vertical,style:"open"},overrideLabel:"Barn Door - Vertical Open"},{id:"barndoor-vertical-close",label:"Vertical Close",value:Qu.x6.BarnDoor,attributes:{direction:Qu.sR.Vertical,style:"close"},overrideLabel:"Barn Door - Vertical Close"}]}],Yd=new Map;Gd.forEach((function(e){e.options?e.options.forEach((function(e){Yd.set(e.id,e)})):Yd.set(e.id,e)}));var Xd,qd,Jd,Kd,Qd,$d,ep,np,tp=null,ip=(0,ju.G)(16),rp=(0,ju.G)(30),op=Il.map((function(e){return{label:hl(e),value:e}})),ap=wl.map((function(e){return{label:fl(e),value:e}})),sp=function(e){return Cu.TP[e]},cp=function(e){return Pu.Dh[e][0]},up=function(e){var n=e.valuePicker,t=e.valueParams,i=e.setParam,r=e.disabled,o=e.touched,c=cp(n),u=(0,J.useState)((function(){var e;return(n===Ju.b.PlaybackSpeed||n===Ju.b.FadeAmpRatio||n===Ju.b.TrimAmpRatio)&&null!==(e=t[c])&&void 0!==e?e:1})),l=u[0],d=u[1],p=(0,q.oR)(),f=p.controlRoom.toolbar,h=p.streamConfig.customTransitions.listOfTransitions,m=p.streamConfig,g=function(e){n!==Ju.b.PlaybackSpeed&&n!==Ju.b.FadeAmpRatio&&n!==Ju.b.TrimAmpRatio||d(e.value),i(cp(n),e.value)};if(n===Ju.b.DisplayPresetId){var v=(0,Ku.aL)(m.customPresets),x="".concat(c,"-options"),y=(0,E.Z)({},x,o),b=(0,E.Z)({},x,null===t[c]&&"Please select a display preset");return(0,s.jsx)(s.Fragment,{children:(0,s.jsx)(Ts.ZP,{isDisabled:r,width:tp,name:x,options:v,label:sp(c),defaultValue:v.find((function(e){return e.value===t[c]})),onChange:g,touched:y,errors:b},c)})}if(n===Ju.b.TransitionId){var I,w,P=[{label:"Selected transition",value:!1}].concat((0,a.Z)(Array.from(Yd.values()).map((function(e){var n=e.id,t=e.label;return{value:n,label:e.overrideLabel||t}})).filter((function(e){return!!(0,hn.gJ)()||e.value!==Qu.x6.Dynamic}
1))),(0,a.Z)(h.map((function(e){var n=e.id,t=e.displayName;return{value:n,label:"Graphic - ".concat(t)}})))),S="transitionId-options",Z="transitionDuration-options",C=(I={},(0,E.Z)(I,S,o),(0,E.Z)(I,Z,o),I),j=(w={},(0,E.Z)(w,S,!t.transitionId&&"Please select a transition"),(0,E.Z)(w,Z,!t.transitionSeconds&&"Please select a duration"),w);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(Ts.ZP,{isDisabled:r,width:tp,isSearchable:!1,name:"".concat(c,"-options"),options:P,label:"Transition",defaultValue:P.find((function(e){return e.value===t.transitionId})),onChange:g,touched:C,errors:j},"transitionId"),function(){var e=t.transitionId;if("cut"!==e&&Yd.has(e))return!0}()&&(0,s.jsx)(Ts.ZP,{isDisabled:r,width:tp,name:"transitionDuration-options",options:f.durationOptions,label:"Duration",defaultValue:f.durationOptions.find((function(e){return e.value===t.transitionSeconds}))||f.durationOptions[0],onChange:function(e){return i("transitionSeconds",e.value)},touched:C,errors:j},"transitionSeconds")]})}if(n===Ju.b.FadeAmpRatio)return(0,s.jsx)(ul,{value:l,onChange:function(e){var n=e.volume;return g({value:n})},disabled:r});if(n===Ju.b.TrimAmpRatio)return(0,s.jsx)(tl,{value:l,onChange:function(e){return g({value:e})},disabled:r});if(n===Ju.b.PlaybackSpeed)return(0,s.jsx)(Bd,{disabled:r,playbackSpeed:l,onChange:function(e){var n=e.playbackSpeed;return g({value:n})}});if(n===Ju.b.ReplayTarget){var k=pl(p.streamConfig,p.controlRoom,!0),T="".concat(c,"-options"),R=(0,E.Z)({},T,o),L=(0,E.Z)({},T,null===t[c]&&"Please select a destination layer");return(0,s.jsx)(s.Fragment,{children:(0,s.jsx)(Ts.ZP,{name:T,isDisabled:r,defaultValue:function(e){var n,t=!0,i=!1,r=void 0;try{for(var o,a=k[Symbol.iterator]();!(t=(o=a.next()).done);t=!0){if(n=o.value.options.find((function(n){return n.value===e})))return n}}catch(s){i=!0,r=s}finally{try{t||null==a.return||a.return()}finally{if(i)throw r}}}(t[c]),onChange:g,options:k,label:sp(c),placeholder:"Select destination layer",touched:R,errors:L},c)})}if(n===Ju.b.ReplayConfig){var A,M,O="preTime-options",D="postTime-options",N=(A={},(0,E.Z)(A,O,o),(0,E.Z)(A,D,o),A),B=(M={},(0,E.Z)(M,O,null===t.preTime&&"Please select a pre time"),(0,E.Z)(M,D,null===t.postTime&&"Please select a post time"),M);return(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)(_u,{children:[(0,s.jsx)(Ts.ZP,{name:O,isDisabled:r,label:"Pre time",placeholder:"Select a time",onChange:function(e){return i("preTime",e.value)},defaultValue:op.find((function(e){return e.value===t.preTime})),options:op,touched:N,errors:B},"preTime"),(0,s.jsx)("p",{children:"To"}),(0,s.jsx)(Ts.ZP,{name:D,isDisabled:r,label:"Post time",placeholder:"Select a time",onChange:function(e){return i("postTime",e.value)},defaultValue:ap.find((function(e){return e.value===t.postTime})),options:ap,touched:N,errors:B},"postTime")]})})}var V=function(e){return"numFrames"===e||"numSeconds"===e?rp:ip},F="".concat(c,"-options"),z=(0,E.Z)({},F,o),U=(0,E.Z)({},F,null===t[c]&&"Please select an option");return(0,s.jsx)(Ts.ZP,{isDisabled:r,width:tp,name:F,options:V(c),label:sp(c),defaultValue:V(c).find((function(e){return e.value===t[c]})),onChange:g,touched:z,errors:U},c)},lp=t(2141),dp=t(60055),pp=t(18860),fp=[{class:lp.ej.SetMainFade,triggerOptions:(Xd={},(0,E.Z)(Xd,pp.z.Range,{action:dp.J.SetMainFadeFromRange}),(0,E.Z)(Xd,pp.z.Discrete,{action:dp.J.SetMainFadeToAmpRatio,valuePicker:Ju.b.FadeAmpRatio}),Xd)},{class:lp.ej.ToggleMainMute,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:dp.J.ToggleMainMute})},{class:lp.ej.SetFade,optionsLabel:Su.l.SelectBy,options:[{label:Su.l.Node,triggerOptions:(qd={},(0,E.Z)(qd,pp.z.Range,{action:dp.J.SetFadeFromRangeByNodeId,targetStrategy:Zu.L.ByNodeId}),(0,E.Z)(qd,pp.z.Discrete,{action:dp.J.SetFadeToAmpRatioByNodeId,targetStrategy:Zu.L.ByNodeId,valuePicker:Ju.b.FadeAmpRatio}),qd)},{label:Su.l.Position,triggerOptions:(Jd={},(0,E.Z)(Jd,pp.z.Range,{action:dp.J.SetFadeFromRangeByNodePosition,targetStrategy:Zu.L.ByNodePosition}),(0,E.Z)(Jd,pp.z.Discrete,{action:dp.J.SetFadeToAmpRatioByNodePosition,targetStrategy:Zu.L.ByNodePosition,valuePicker:Ju.b.FadeAmpRatio}),Jd)}]},{class:lp.ej.SetTrim,optionsLabel:Su.l.SelectBy,options:[{label:Su.l.Node,triggerOptions:(Kd={},(0,E.Z)(Kd,pp.z.Range,{action:dp.J.SetTrimFromRangeByNodeId,targetStrategy:Zu.L.ByNodeId}),(0,E.Z)(Kd,pp.z.Discrete,{action:dp.J.SetTrimToAmpRatioByNodeId,targetStrategy:Zu.L.ByNodeId,valuePicker:Ju.b.TrimAmpRatio}),Kd)},{label:Su.l.Position,triggerOptions:(Qd={},(0,E.Z)(Qd,pp.z.Range,{action:dp.J.SetTrimFromRangeByNodePosition,targetStrategy:Zu.L.ByNodePosition}),(0,E.Z)(Qd,pp.z.Discrete,{action:dp.J.SetTrimToAmpRatioByNodePosition,targetStrategy:Zu.L.ByNodePosition,valuePicker:Ju.b.TrimAmpRatio}),Qd)}]},{class:lp.ej.ToggleMute,optionsLabel:Su.l.SelectBy,options:[{label:Su.l.Node,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:dp.J.ToggleMuteByNodeId,targetStrategy:Zu.L.ByNodeId})},{label:Su.l.Position,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:dp.J.ToggleMuteByNodePosition,targetStrategy:Zu.L.ByNodePosition})}]},{class:lp.ej.ToggleAFL,optionsLabel:Su.l.SelectBy,options:[{label:Su.l.Node,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:dp.J.ToggleAFLByNodeId,targetStrategy:Zu.L.ByNodeId})},{label:Su.l.Position,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:dp.J.ToggleAFLByNodePosition,targetStrategy:Zu.L.ByNodePosition})}]},{class:lp.ej.TogglePFL,optionsLabel:Su.l.SelectBy,options:[{label:Su.l.Node,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:dp.J.TogglePFLByNodeId,targetStrategy:Zu.L.ByNodeId})},{label:Su.l.Position,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:dp.J.TogglePFLByNodePosition,targetStrategy:Zu.L.ByNodePosition})}]}
1],hp=t(4866),mp=[{class:hp.u.TakeLive,optionsLabel:"Select transition by",options:[{label:"Specific transition",triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:hp.u.TakeLive,valuePicker:Ju.b.TransitionId})},{label:Su.l.Tag,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:hp.u.TakeLiveWithTransitionByTagId,targetStrategy:Zu.L.ByTagId})}]},{class:lp.OS.SwitchSource,optionsLabel:Su.l.SwitchIn,options:[{label:Su.l.Preview,optionsLabel:Su.l.SelectBy,options:[{label:Su.l.ByInput,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:hp.u.SwitchSourceInPreviewByInputId,targetStrategy:Zu.L.ByInputId})},{label:Su.l.Title,featureFlag:hn.sq,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:hp.u.SwitchSourceInPreviewByTitle,targetStrategy:Zu.L.ByTitle})},{label:Su.l.Tag,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:hp.u.SwitchSourceInPreviewByTagId,targetStrategy:Zu.L.ByTagId})},{label:Su.l.Position,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:hp.u.SwitchSourceInPreviewByInputPosition,targetStrategy:Zu.L.ByInputPosition})},{label:Su.l.CurrentlyActiveSource,optionsLabel:Su.l.CurrentlyActiveIn,options:[{label:Su.l.Preview,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:hp.u.SwitchSourceInPreviewByLayerPreview,targetStrategy:Zu.L.ByLayerPosition})},{label:Su.l.Program,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:hp.u.SwitchSourceInPreviewByLayerProgram,targetStrategy:Zu.L.ByLayerPosition})}]},{label:Su.l.ReplayArtifact,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:hp.u.SwitchSourceInPreviewByReplayArtifact})}]},{label:Su.l.Program,optionsLabel:Su.l.SelectBy,options:[{label:Su.l.ByInput,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:hp.u.SwitchSourceInProgramByInputId,targetStrategy:Zu.L.ByInputId})},{label:Su.l.Title,featureFlag:hn.sq,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:hp.u.SwitchSourceInProgramByTitle,targetStrategy:Zu.L.ByTitle})},{label:Su.l.Tag,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:hp.u.SwitchSourceInProgramByTagId,targetStrategy:Zu.L.ByTagId})},{label:Su.l.Position,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:hp.u.SwitchSourceInProgramByInputPosition,targetStrategy:Zu.L.ByInputPosition})},{label:Su.l.CurrentlyActiveSource,optionsLabel:Su.l.CurrentlyActiveIn,options:[{label:Su.l.Preview,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:hp.u.SwitchSourceInProgramByLayerPreview,targetStrategy:Zu.L.ByLayerPosition})},{label:Su.l.Program,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:hp.u.SwitchSourceInProgramByLayerProgram,targetStrategy:Zu.L.ByLayerPosition})}]},{label:Su.l.ReplayArtifact,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:hp.u.SwitchSourceInProgramByReplayArtifact})}]}]},{class:lp.OS.BlankLayer,optionsLabel:Su.l.BlankIn,options:[{label:Su.l.Preview,optionsLabel:Su.l.SelectBy,options:[{label:Su.l.Position,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:hp.u.BlankLayerInPreviewByLayerPosition,targetStrategy:Zu.L.ByLayerPosition})},{label:Su.l.Tag,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:hp.u.BlankLayerInPreviewByTagId,targetStrategy:Zu.L.ByTagId})}]},{label:Su.l.Program,optionsLabel:Su.l.SelectBy,options:[{label:Su.l.Position,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:hp.u.BlankLayerInLiveByLayerPosition,targetStrategy:Zu.L.ByLayerPosition})},{label:Su.l.Tag,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:hp.u.BlankLayerInProgramByTagId,targetStrategy:Zu.L.ByTagId})}]}]},{class:lp.OS.SetDisplayPreset,optionsLabel:Su.l.SelectBy,options:[{label:Su.l.ByInput,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:hp.u.SetDisplayPresetByInputId,targetStrategy:Zu.L.ByInputId,valuePicker:Ju.b.DisplayPresetId})},{label:Su.l.Title,featureFlag:hn.sq,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:hp.u.SetDisplayPresetByTitle,targetStrategy:Zu.L.ByTitle,valuePicker:Ju.b.DisplayPresetId})},{label:Su.l.Tag,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:hp.u.SetDisplayPresetByTagId,targetStrategy:Zu.L.ByTagId,valuePicker:Ju.b.DisplayPresetId})},{label:Su.l.Position,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:hp.u.SetDisplayPresetByInputPosition,targetStrategy:Zu.L.ByInputPosition,valuePicker:Ju.b.DisplayPresetId})},{label:Su.l.CurrentlyActiveSource,optionsLabel:Su.l.CurrentlyActiveIn,options:[{label:Su.l.Preview,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:hp.u.SetDisplayPresetByLayerPreview,targetStrategy:Zu.L.ByLayerPosition,valuePicker:Ju.b.DisplayPresetId})},{label:Su.l.Program,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:hp.u.SetDisplayPresetByLayerProgram,targetStrategy:Zu.L.ByLayerPosition,valuePicker:Ju.b.DisplayPresetId})}]},{label:Su.l.ReplayArtifact,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:hp.u.SetDisplayPresetByReplayArtifact,valuePicker:Ju.b.DisplayPresetId})}]},{class:hp.u.StartAdBreak,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:hp.u.StartAdBreak})},{class:hp.u.CancelAdBreak,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:hp.u.CancelAdBreak})}],gp=t(26582),vp=[{class:lp.DG.Play,optionsLabel:Su.l.SelectBy,options:[{label:Su.l.SelectedMediaPlayer,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:gp.S.PlaySelectedPlayer})},{label:Su.l.SpecifyMediaPlayer,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:gp.S.PlayByMediaPlayerId,targetStrategy:Zu.L.ByMediaPlayerId})},{label:Su.l.Tag,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:gp.S.PlayByTagId,targetStrategy:Zu.L.ByTagId})}]},{class:lp.DG.Pause,optionsLabel:Su.l.SelectBy,options:[{label:Su.l.SelectedMediaPlayer,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:gp.S.PauseSelectedPlayer})},{label:Su.l.SpecifyMediaPlayer,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:gp.S.PauseByMediaPlayerId,targetStrategy:Zu.L.ByMediaPlayerId})},{label:Su.l.Tag,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:gp.S.PauseByTagId,targetStrategy:Zu.L.ByTagId})}]},{class:lp.DG.TogglePlay,optionsLabel:Su.l.SelectBy,options:[{label:Su.l.SelectedMediaPlayer,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:gp.S.TogglePlayPauseForSelectedPlayer})},{label:Su.l.SpecifyMediaPlayer,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:gp.S.TogglePlayByMediaPlayerId,targetStrategy:Zu.L.ByMediaPlayerId})},{label:Su.l.Tag,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:gp.S.TogglePlayByTagId,targetStrategy:Zu.L.ByTagId})}]},{class:lp.DG.SelectPreviousItem,optionsLabel:Su.l.SelectBy,options:[{label:Su.l.SelectedMediaPlayer,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:gp.S.SelectPreviousItemForSelectedPlayer})},{label:Su.l.SpecifyMediaPlayer,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:gp.S.SelectPreviousItemForPlayerByMediaPlayerId,targetStrategy:Zu.L.ByMediaPlayerId})},{label:Su.l.Tag,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:gp.S.SelectPreviousItemForPlayerByTagId,targetStrategy:Zu.L.ByTagId})}]},{class:lp.DG.SelectNextItem,optionsLabel:Su.l.SelectBy,options:[{label:Su.l.SelectedMediaPlayer,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:gp.S.SelectNextItemForSelectedPlayer})},{label:Su.l.SpecifyMediaPlayer,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:gp.S.SelectNextItemForPlayerByMediaPlayerId,targetStrategy:Zu.L.ByMediaPlayerId})},{label:Su.l.Tag,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:gp.S.SelectNextItemForPlayerByTagId,targetStrategy:Zu.L.ByTagId})}]},{class:lp.DG.SetPlaybackSpeed,optionsLabel:Su.l.SelectBy,options:[{label:Su.l.SelectedMediaPlayer,triggerOptions:($d={},(0,E.Z)($d,pp.z.Discrete,{action:gp.S.SetPlaybackSpeedOnSelectedPlayerToPlaybackSpeedValue,valuePicker:Ju.b.PlaybackSpeed}),(0,E.Z)($d,pp.z.Range,{action:gp.S.SetPlaybackSpeedOnSelectedPlayerFromRange}),$d)},{label:Su.l.SpecifyMediaPlayer,triggerOptions:(ep={},(0,E.Z)(ep,pp.z.Discrete,{action:gp.S.SetPlaybackSpeedToPlaybackSpeedValueByMediaPlayerId,targetStrategy:Zu.L.ByMediaPlayerId,valuePicker:Ju.b.PlaybackSpeed}),(0,E.Z)(ep,pp.z.Range,{action:gp.S.SetPlaybackSpeedFromRangeByMediaPlayerId,targetStrategy:Zu.L.ByMediaPlayerId}),ep)},{label:Su.l.Tag,triggerOptions:(np={},(0,E.Z)(np,pp.z.Discrete,{action:gp.S.SetPlaybackSpeedToPlaybackSpeedValueByTagId,targetStrategy:Zu.L.ByTagId,valuePicker:Ju.b.PlaybackSpeed}),(0,E.Z)(np,pp.z.Range,{action:gp.S.SetPlaybackSpeedFromRangeByTagId,targetStrategy:Zu.L.ByTagId}),np)}]},{class:lp.DG.Clear,optionsLabel:Su.l.SelectBy,options:[{label:Su.l.SelectedMediaPlayer,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:gp.S.ClearSelectedPlayer})},{label:Su.l.SpecifyMediaPlayer,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:gp.S.ClearByMediaPlayerId,targetStrategy:Zu.L.ByMediaPlayerId})},{label:Su.l.Tag,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:gp.S.ClearByTagId,targetStrategy:Zu.L.ByTagId})}]}],xp=t(1168),yp=[{class:lp.xy.Start,optionsLabel:"Initial selection",options:[{label:"By button",triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:xp.X.StartReplayByPosition,targetStrategy:Zu.L.ByReplayButtonIndex})},{label:"By set time",triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:xp.X.StartReplayWithConfig,valuePicker:Ju.b.ReplayConfig})}]},{class:lp.xy.Send,optionsLabel:"Send by",options:[{label:"Specific channel",optionsLabel:"Target",options:[{label:"Selected destination",triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:xp.X.SendToSelectedDestinationByReplayInputPosition,targetStrategy:Zu.L.ByReplayInputPosition})},{label:"Specify destination",triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:xp.X.SendToReplayTargetByReplayInputPosition,targetStrategy:Zu.L.ByReplayInputPosition,valuePicker:Ju.b.ReplayTarget})}]},{label:"Selected channel",optionsLabel:"Target",options:[{label:"Selected destination",triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:xp.X.SendSelectedChannelToSelectedDestination})},{label:"Specify destination",triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:xp.X.SendSelectedChannelToReplayTarget,valuePicker:Ju.b.ReplayTarget})}]}]},{class:xp.X.CycleMediaPlayers,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:xp.X.CycleMediaPlayers})},{class:xp.X.SelectChannel,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:xp.X.SelectChannel,targetStrategy:Zu.L.ByReplayInputPosition})},{class:lp.xy.Seek,optionsLabel:"Direction",options:[{label:"Back",optionsLabel:"Step players by",options:[{label:Su.l.ByFrames,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:xp.X.StepPlayersBackByFrames,valuePicker:Ju.b.NumFrames})},{label:Su.l.BySeconds,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:xp.X.StepPlayersBackBySeconds,valuePicker:Ju.b.NumSeconds})},{label:Su.l.ByScrubSpeed,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:xp.X.StepPlayersBackByScrubSpeed})}]},{label:"Forward",optionsLabel:"Step players by",options:[{label:Su.l.ByFrames,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:xp.X.StepPlayersForwardByFrames,valuePicker:Ju.b.NumFrames})},{label:Su.l.BySeconds,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:xp.X.StepPlayersForwardBySeconds,valuePicker:Ju.b.NumSeconds})},{label:Su.l.ByScrubSpeed,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:xp.X.StepPlayersForwardByScrubSpeed})}]}]},{class:xp.X.ToggleScrubSpeed,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:xp.X.ToggleScrubSpeed})},{class:xp.X.JumpToInPoint,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:xp.X.JumpToInPoint})},{class:xp.X.JumpToOutPoint,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:xp.X.JumpToOutPoint})},{class:xp.X.MarkIn,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:xp.X.MarkIn})},{class:xp.X.MarkOut,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:xp.X.MarkOut})},{class:xp.X.Play,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:xp.X.Play})},{class:xp.X.Pause,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:xp.X.Pause})},{class:xp.X.TogglePlay,triggerOptions:(0,E.Z)({},pp.z.Discrete,{action:xp.X.TogglePlay})}],bp=function(e){var n=e.options;return n&&(n=e.options.filter((function(e){return!e.featureFlag||e.featureFlag()})).map(bp)),(0,r.Z)((0,i.Z)({},e),{options:n})},Ip=function(e){return{value:e,label:Cu.h7[e.class]}},wp=function(e){var n=e.basePath,t=J.useMemo((function(){return function(e){var n=[];return n.push({label:"Control Room",options:mp.filter((function(e){return!e.featureFlag||e.featureFlag()})).map(bp).map(Ip)}),e&&n.push({label:"Audio Mixer",options:fp.filter((function(e){return!e.featureFlag||e.featureFlag()})).map(bp).map(Ip)}),n.push({label:"Replay",options:yp.filter((function(e){return!e.featureFlag||e.featureFlag()})).map(bp).map(Ip)},{label:"Media Player",options:vp.filter((function(e){return!e.featureFlag||e.featureFlag()})).map(bp).map(Ip)}),n}((0,hn.aY)())}),[(0,hn.aY)()]);return(0,s.jsx)(Iu.s,{basePath:n,formData:t,targetParamSwitcher:qu,valueParamSwitcher:up})},Pp=t(93854),Sp=t(76057),Zp=function(){var e=(0,Sp.TH)().search,n=(0,Sp.s0)();return function(t,i){if("number"===typeof t)n(t);else{var r="string"===typeof t?(0,Pp.cP)(t):t,o=new URLSearchParams(null===r||void 0===r?void 0:r.search),a=new URLSearchParams(e);a.has("streamId")&&!o.has("streamId")&&(o.set("streamId",a.get("streamId")),r.search=o.toString()),n(r,i)}}},Cp=t(114),jp=t(74858),kp=t(16742),Tp=t(69789),Rp=t(47235),Lp=t(30796),Ap=t(68775),Mp=t(31223),Op=t.n(Mp),Dp=t(44155);function Ep(){var e=(0,R.Z)(["\n display: flex;\n justify-content: space-between;\n border-bottom: 1px solid ",";\n padding: 0 15px;\n"]);return Ep=function(){return e},e}function Np(){var e=(0,R.Z)(["\n padding: 10px 0;\n color: #505050;\n font-size: 14px;\n"]);return Np=function(){return e},e}function Bp(){var e=(0,R.Z)(["\n margin: 0;\n padding: 0 0 0 15px;\n background: transparent;\n outline: none;\n display: flex;\n justify-content: center;
1\n align-items: center;\n font-size: 14px;\n cursor: pointer;\n\n border: 0 solid ",";\n border-left: 1px solid ",";\n\n :disabled {\n color: #bababa;\n }\n"]);return Bp=function(){return e},e}function Vp(){var e=(0,R.Z)(["\n padding: 0 15px;\n"]);return Vp=function(){return e},e}function Fp(){var e=(0,R.Z)(["\n padding: 10px;\n margin: 0;\n list-style: none;\n\n label {\n color: ",";\n font-size: ","px;\n }\n\n input {\n border-radius: 0;\n border: none;\n padding: 0;\n }\n\n &:not(:first-child) {\n border-top: 1px solid ",";\n padding-top: 10px;\n }\n"]);return Fp=function(){return e},e}function zp(){var e=(0,R.Z)(["\n color: ",";\n font-size: ","px;\n text-transform: uppercase;\n"]);return zp=function(){return e},e}function Up(){var e=(0,R.Z)(["\n color: ",";\n "]);return Up=function(){return e},e}function Hp(){var e=(0,R.Z)(["\n cursor: default;\n font-size: 14px;\n overflow-wrap: break-word;\n\n ",";\n"]);return Hp=function(){return e},e}function _p(){var e=(0,R.Z)(["\n padding: 10px;\n justify-content: flex-end;\n border-top: 1px solid ",";\n\n i {\n font-size: ","px;\n }\n"]);return _p=function(){return e},e}var Wp=L.ZP.div.withConfig({componentId:"sc-65d4a9ef-0"})(Ep(),(function(e){return e.theme.colors.outline})),Gp=L.ZP.span.withConfig({componentId:"sc-65d4a9ef-1"})(Np()),Yp=L.ZP.button.withConfig({componentId:"sc-65d4a9ef-2"})(Bp(),(function(e){return e.theme.colors.outline}),(function(e){return e.theme.colors.outline})),Xp=L.ZP.ul.withConfig({componentId:"sc-65d4a9ef-3"})(Vp()),qp=L.ZP.li.withConfig({componentId:"sc-65d4a9ef-4"})(Fp(),(function(e){return e.theme.colors.cardLabelColor}),(function(e){return e.theme.fontSizeBase}),(function(e){return e.theme.colors.primaryBorder})),Jp=L.ZP.label.withConfig({componentId:"sc-65d4a9ef-5"})(zp(),(function(e){return e.theme.colors.cardLabelColor}),(function(e){return e.theme.fontSizeBase})),Kp=L.ZP.p.withConfig({componentId:"sc-65d4a9ef-6"})(Hp(),(function(e){return e.locked&&(0,L.iv)(Up(),(function(e){return e.theme.colors.cardLabelColor}))})),Qp=(0,L.ZP)(Dp.iR).withConfig({componentId:"sc-65d4a9ef-7"})(_p(),(function(e){return e.theme.colors.primaryBorder}),(function(e){return e.theme.fontSize}));function $p(){var e=(0,R.Z)(["\n margin-top: 10px;\n"]);return $p=function(){return e},e}function ef(){var e=(0,R.Z)(["\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n gap: 5px;\n margin: 5px 15px;\n"]);return ef=function(){return e},e}function nf(){var e=(0,R.Z)(["\n margin: 5px;\n height: 40px;\n width: 40px;\n border-radius: 25px;\n background: ",";\n color: #fff;\n border: none;\n display: flex;\n justify-content: center;
1\n align-items: center;\n\n :disabled {\n cursor: not-allowed;\n opacity: 0.6;\n }\n\n i {\n font-size: 35px;\n }\n"]);return nf=function(){return e},e}function tf(){var e=(0,R.Z)(["\n display: flex;\n width: 100%;\n justify-content: space-between;\n gap: 5px;\n padding: 0 5px;\n align-items: baseline;\n\n "," {\n border-radius: 3px;\n height: 37px;\n }\n"]);return tf=function(){return e},e}var rf=L.ZP.div.withConfig({componentId:"sc-b03e2d0f-0"})($p()),of=L.ZP.div.withConfig({componentId:"sc-b03e2d0f-1"})(ef()),af=(0,L.ZP)(ts.D).withConfig({componentId:"sc-b03e2d0f-2"})(nf(),(function(e){return e.theme.colors.primary})),sf=L.ZP.div.withConfig({componentId:"sc-b03e2d0f-3"})(tf(),qs.Fy),cf={name:"",language:null,width:fn.LY.Stereo,streamIndex:0},uf=(0,Y.Pi)((function(e){var n=e.tracks,t=e.onSave,r=e.disableWidthSelection,o=e.trackLimit,a=void 0===o?8:o,c=(0,J.useState)(yc.LO.array((0,N.vM)(n))),u=c[0],l=c[1],d=(0,J.useState)(!1),p=d[0],f=d[1];(0,J.useEffect)((function(){l(yc.LO.array((0,N.vM)(n)))}),[p,n]);var h=function(){t(u),f(!1)},m=p?u:n,g=Op()(u,n);return(0,s.jsx)(rf,{children:(0,s.jsxs)(Dp.Zb,{children:[(0,s.jsxs)(Wp,{children:[(0,s.jsx)(Gp,{children:"Audio tracks"}),(0,s.jsx)(Yp,{onClick:function(){return f(!0)},disabled:p,children:"Edit"})]}),(0,s.jsxs)(of,{children:[m.map((function(e,n){return(0,s.jsxs)(sf,{children:[(0,s.jsx)(qs.ZP,{label:0===n?"Title":null,placeholder:p?"Enter title...":null,maxLength:15,value:e.name,disabled:!p,onChange:function(n){e.name=n.target.value}}),(0,s.jsx)(Ts.ZP,{label:0===n?"Width":null,width:"120px",isSearchable:!1,isDisabled:r||!p,options:cc,value:cc.find((function(n){return n.value===e.width})),onChange:function(n){e.width=n.value}}),p&&(0,s.jsx)(M.Z,{style:(0,i.Z)({cursor:"pointer",fontSize:"25px",position:"relative",top:"6px",padding:"0 5px"},0===n&&{visibility:"hidden"}),name:"bin",onClick:function(){0!==n&&(0,vc.bX)(n,u)}})]},n)})),p&&(0,s.jsx)(af,{onClick:function(){return u.push(cf)},disabled:u.length>=a,children:(0,s.jsx)(M.Z,{name:"plus-no-border"})})]}),p&&(0,s.jsx)(Qp,{leftElement:function(){return(0,s.jsx)(xs.ZP,{type:"outline",icon:"close",size:"small",onClick:function(){return f(!1)},children:"Cancel"})},rightElement:function(){return(0,s.jsx)(xs.ZP,{type:"primary",icon:"cta-arrow-right",size:"small",disabled:g,onClick:h,children:"Save"})}})]})})}));function lf(){var e=(0,R.Z)(["\n padding: 15px;\n\n & h3 {\n ","\n font-weight: bold;\n }\n & .grForm__checkbox {\n margin-bottom: 20px;\n\n label {\n ","\n }\n }\n"]);return lf=function(){return e},e}var df,pf,ff=L.ZP.section.withConfig({componentId:"sc-80da461f-0"})(lf(),Nn,En),hf=function(e){var n=e.isEnabled,t=e.onCancel,i=e.onConfirm,r=n?"disable":"enable";return(0,s.jsx)(gn.Z,{title:"Auto Configure",closeLabel:"Cancel",confirmLabel:"Yes, ".concat(r),cancelCallback:t,confirmCallback:i,children:(0,s.jsxs)("p",{style:{padding:"20px"},children:["Are you sure you want to ",r," auto configure?"]})})},mf=(0,Y.Pi)((function(){var e=(0,o.Z)((0,on.Z)(!1),2),n=e[0],t=e[1],i=(0,q.oR)(),r=i.audioMixer,a=i.replay,c=r.info.easyMode;return(0,s.jsxs)(ff,{children:[(0,s.jsx)("h3",{children:"AUDIO MIXER MODE"}),(0,s.jsx)(mn.wA,{checkboxLabel:"Auto Configure",infoTooltip:"Automatically create paths and routes for inputs and outputs, custom paths (including groups) cannot be created. Audio follow video is enabled by default on input paths and all input paths are sent to the main output path, output sends to Isos and Guest Return are automatically managed.",uiType:"switch",value:c,onChange:t}),(0,s.jsx)("hr",{}),(0,s.jsx)("h3",{children:"AUTOMATIC ROUTING"}),(0,s.jsx)(mn.wA,{checkboxLabel:"CREATE INPUT PATHS FOR LIVE SOURCES",disabled:c,infoTooltip:"Creates input paths and auto patches input receives for Live Streams, Guests, Local Sources, Media Players and Web Source whenever a new source is added",uiType:"switch",value:r.info.autoCreateLiveInputPaths,onChange:r.toggleAutoCreateLiveInputPaths}),(0,s.jsx)(mn.wA,{checkboxLabel:"CREATE INPUT PATHS FOR VOD SOURCES",disabled:c,infoTooltip:"
1Creates input paths and auto patches input receives for Clips and Playlists whenever a new source is added",uiType:"switch",value:r.info.autoCreateVodInputPaths,onChange:r.toggleAutoCreateVodInputPaths}),(0,s.jsx)(mn.wA,{checkboxLabel:"ROUTE RECORDABLE INPUT PATHS TO ISOS",disabled:c||!r.info.autoCreateLiveInputPaths,infoTooltip:"Creates an output path for automatically created recordable input paths and patches this to the corresponding ISO output",uiType:"switch",value:r.info.autoRouteIsoOutputs,onChange:r.toggleAutoRouteIsoOutputs}),(0,s.jsx)(mn.wA,{checkboxLabel:"ROUTE THE MAIN OUTPUT PATH TO GUEST RETURNS",disabled:c,infoTooltip:"Patches the main output path to the Guest return when a new Guest source is added",uiType:"switch",value:r.info.autoRouteGuestReturns,onChange:r.toggleAutoRouteGuestReturns}),n&&(0,s.jsx)(hf,{isEnabled:c,onCancel:t,onConfirm:r.toggleEasyMode}),(0,hn.UI)()&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("hr",{}),(0,s.jsx)("h3",{children:"REPLAY AUDIO"}),(0,s.jsx)(mn.wA,{checkboxLabel:"SEPARATE OUTPUT PORTS PER SOURCE",disabled:c,uiType:"switch",value:!a.sharedAudioEnabled,onChange:a.toggleSharedAudioEnabled}),a.sharedAudioEnabled&&!c&&(0,s.jsx)(uf,{tracks:a.audioTracks,onSave:function(e){a.sendAudioTracksUpdate(e)},trackLimit:4,disableWidthSelection:!0})]})]})}));!function(e){e.Settings="settings",e.KeyBindings="key-bindings",e.OutputSettings="output-settings"}(df||(df={}));var gf=(pf={},(0,E.Z)(pf,df.Settings,{title:"Audio Mixer Preferences",size:"medium"}),(0,E.Z)(pf,df.KeyBindings,{title:"Key Bindings",size:"xlarge"}),(0,E.Z)(pf,df.OutputSettings,{title:"Output Settings",size:"medium"}),pf),vf=(0,Y.Pi)((function(e){var n,t=e.closeModal,i=(0,q.oR)(),r=Zp(),o=(0,Sp.UO)().tabIndex||df.Settings,a=gf[o].title,c=gf[o].size;return(0,s.jsx)(bc.ZP,{title:a,closeModal:t,height:"auto",overflow:"unset",padding:"0",size:c,children:(0,s.jsxs)(Rp.ZP,{onTabSelected:function(e){var n=e.selected;r("".concat(tu).concat(Kc.Preferences,"/").concat(n))},selected:o,children:[(0,s.jsx)(Rp.et,{Icon:kp.Z,id:df.Settings,name:"Settings",children:(0,s.jsx)(mf,{})}),(0,s.jsx)(Rp.et,{Icon:Tp.Z,id:df.KeyBindings,name:"Key bindings",hasNotification:null===i||void 0===i||null===(n=i.keyBindings)||void 0===n?void 0:n.hasError,children:(0,s.jsx)(Lp.N,{basePath:tu})}),(0,s.jsx)(Rp.et,{Icon:jp.Z,name:"Output settings",id:df.OutputSettings,children:(0,s.jsx)(Ap.Y,{basePath:tu})})]})})})),xf=function(){var e=Zp();return(0,s.jsxs)(Sp.Z5,{children:[(0,s.jsx)(Sp.AW,{path:"".concat(Kc.Preferences,"/:tabIndex?/:profileId?"),element:(0,s.jsx)(vf,{closeModal:function(){return e(".")}})}),(0,s.jsx)(Sp.AW,{path:"".concat(Kc.KeyBinding,"/:profileId/:bindingId?"),element:(0,s.jsx)(wp,{basePath:tu})}),(0,s.jsx)(Sp.AW,{path:"".concat(Cp.Z.Preferences,"/").concat(iu.g.OutputSettings,"/audio-tracks"),element:(0,s.jsx)(Hc,{closeModal:function(){return e(tu)},onBack:function(){return e("".concat(tu).concat(Cp.Z.Preferences,"/").concat(iu.g.OutputSettings))},theme:"light"})}),(0,s.jsx)(Sp.AW,{path:"".concat(Cp.Z.Preferences,"/").concat(iu.g.OutputSettings,"/pids"),element:(0,s.jsx)(bu,{closeModal:function(){return e(tu)},onBack:function(){return e("".concat(tu).concat(Cp.Z.Preferences,"/").concat(iu.g.OutputSettings))}})})]})},yf=function(e){var n=e.clearLoadingState,t=void 0===n?h():n,i=(0,o.Z)(J.useState(!1),2),r=i[0],a=i[1],c=(0,q.oR)(),u=null===c||void 0===c?void 0:c.audioMixer;J.useEffect((function(){c.streamConfig.serverConfig.messagingSocket.sendProtocolMessage(16,{page:"audioMixer"});var e=function(e){var n,t=e.store,i=e.serverConfig,r=e.onConnectSuccess,o=function(e){r&&Qe.Messaging.protocolMessageType.SetSessionInfo===e&&r()},a=i.messagingSocket;a.on(a.events.PROTOCOL_MESSAGE,o);var s=(n={},(0,E.Z)(n,"cloudproducer/webrtc",(function(e,n){var r=n.type,o=n.sdp,a=n.videoID;"offer"===r&&(a===B.NW?i.receiveSDPOffer(o,a):a===t.audioMixer.monitor.streamId&&(i.receiveSDPOffer(o,a),(0,$e.c)({peerConnection:i.getPeerConnection(a),volumeEmitter:t.streamConfig.volumeEmitter,label:"audio-mixer:".concat(a)})))})),(0,E.Z)(n,"cloudproducer/audioMixer/monitor/",(function(e,n){t.audioMixer.setMonitor(n)}
1)),(0,E.Z)(n,"cloudproducer/audioMixer/nodes/layers/",(function(e,n){t.audioMixer.setLayers(n)})),(0,E.Z)(n,"cloudproducer/audioMixer/outputPorts/",(function(e,n){e===Qe.Messaging.commandMethodType.PUT?t.audioMixer.setOutputPorts(n):e===Qe.Messaging.commandMethodType.POST?t.audioMixer.addOutputPorts(n):e===Qe.Messaging.commandMethodType.PATCH?t.audioMixer.updateOutputPorts(n):console.warn("Unexpected method type for cloudproducer/audioMixer/outputPorts/",e)})),(0,E.Z)(n,"replay/sharedAudio",(function(e,n,i){e===Qe.Messaging.commandMethodType.PUT?(Object.hasOwn(n,"enabled")&&t.replay.setSharedAudioEnabled(n.enabled),Object.hasOwn(n,"tracks")&&t.replay.setAudioTracks(n.tracks)):console.warn("Unexpected method type for replay/sharedAudio",e)})),n);for(var c in s)a.listenToCommandPath(c,s[c]);return function(){for(var e in s)a.stopListeningToCommandPath(e,s[e]);a.off(a.events.PROTOCOL_MESSAGE,o)}}({store:c,serverConfig:App.Models.serverConfig,onConnectSuccess:function(){return a(!0)}});return u.setConnectedState(),t(),l(),e}),[]);var l=function(){var e=!!App.Models.selectedStream,n=e&&App.Models.selectedStream.isCloudProducerEnabled(),t=e&&App.Models.selectedStream.isEnabled();if(n&&t){var i=App.Models.selectedStream.getDisplayName();$(".studio-bar-title small").text(i),$("title").text("".concat(i," | Audio Mixer | Grabyo Studio"))}};return r&&(0,s.jsxs)(nn,{children:[(0,s.jsx)(nu,{}),(0,s.jsx)(xf,{})]})};function bf(e){var n,t=e.store,i=e.serverConfig,r=e.onConnectSuccess,o=function(e){r&&Qe.Messaging.protocolMessageType.SetSessionInfo===e&&r()},a=i.messagingSocket,s={},c=function(e){var n=null===e||void 0===e?void 0:e.reduce((function(e,n){return n.tracks.forEach((function(n){n.inputId&&!e.some((function(e){return e.inputId===n.inputId}))&&e.push(n)})),e}),[]);if(n.length>0){var r=function(e,n){return e.reduce((function(e,t){var i=t.inputId;return i&&e.push(n.inputs.get(i)),e}),[])}(n,t.streamConfig);!function(e,n,t,i){var r=function(i){e.some((function(e){var n=e.audioDataStreamId;return"".concat(n)===i}))||(t.isNavigating?n[i].streamIds.forEach((function(e){n[i].peerConnections[e].close()})):n[i].disconnect(),delete n[i])},o=t.messagingSocket;for(var a in n)r(a);e.forEach((function(e){if(e){var r=e.audioDataStreamId;if(!Object.hasOwn(n,"".concat(r))){var a=new Qe.WebRTCClient({messagingSocket:o,streamIds:[r],webrtcConfiguration:t.webrtcConfiguration,offerVideo:!1});(0,$e.f)({audioDataStreamId:r,peerConnection:a.peerConnections[r],volumeEmitter:i,label:"audio-mixer:".concat(r)}),a.connect(),n[r]=a}}}))}(r,s,i,t.streamConfig.volumeEmitter)}};a.on(a.events.PROTOCOL_MESSAGE,o);var u=(n={},(0,E.Z)(n,"cloudproducer/webrtc",(function(e,n){var r=n.type,o=n.sdp,a=n.videoID;"offer"===r&&(a===B.NW?((0,$e.f)({audioDataStreamId:B.NW,peerConnection:i.getPeerConnection(a),volumeEmitter:t.streamConfig.volumeEmitter,label:"audio-mixer:".concat(a)}),i.receiveSDPOffer(o,a)):a===t.audioMixerV1.listen.streamId?i.receiveSDPOffer(o,a):s[a]&&s[a].receiveSDPOffer(o,a))})),(0,E.Z)(n,"cloudproducer/audiomixer/listen",(function(e,n){e===Qe.Messaging.commandMethodType.PUT&&n.streamId&&(t.audioMixerV1.setListenStreamId(n.streamId),t.audioMixerV1.loadListen())})),(0,E.Z)(n,"cloudproducer/audiomixer/pages",(function(e,n){if(!t.audioMixerV1.activePageId){var i=n.find((function(e){return 0===e.position}));i&&t.audioMixerV1.setActivePagesId(i.id)}e===Qe.Messaging.commandMethodType.PUT&&t.audioMixerV1.setPages(n),c(n)})),n);for(var l in u)a.listenToCommandPath(l,u[l]);return function(){var e=function(e){i.isNavigating?s[e].streamIds.forEach((function(n){s[e].peerConnections[n].close()})):s[e].disconnect()};for(var n in u)a.stopListeningToCommandPath(n,u[n]);for(var t in s)e(t);s={},a.off(a.events.PROTOCOL_MESSAGE,o)}}var If=t(18521),wf=t(94410);function Pf(){var e=(0,R.Z)(["\n display: flex;\n width: 100%;\n height: 100%;\n position: absolute;\n ","\n background: #23293d;\n display: flex;\n flex-direction: column;\n"]);return Pf=function(){return e},e}function Sf(){var e=(0,R.Z)(["\n position: relative;\n width: 100%;\n top: 0;\n background: ",";\n display: flex;\n justify-content: flex-start;
1\n align-items: center;\n color: ",";\n font-size: 1.6em;\n padding: 8px 20px;\n\n i {\n cursor: pointer;\n margin-right: 5px;\n }\n"]);return Sf=function(){return e},e}function Zf(){var e=(0,R.Z)(["\n display: flex;\n height: 100%;\n flex: 1;\n"]);return Zf=function(){return e},e}function Cf(){var e=(0,R.Z)(["\n display: flex;\n height: 100%;\n width: 100%;\n background: #23293d;\n scroll-behavior: smooth;\n overflow-x: scroll;\n"]);return Cf=function(){return e},e}function jf(){var e=(0,R.Z)(["\n background: #23293d;\n"]);return jf=function(){return e},e}function kf(){var e=(0,R.Z)(["\n width: 120px;\n background: ",";\n margin-right: 10px;\n"]);return kf=function(){return e},e}function Tf(){var e=(0,R.Z)(["\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: ",";\n flex-direction: ",";\n\n i {\n color: ",";\n font-size: 20px;\n }\n"]);return Tf=function(){return e},e}function Rf(){var e=(0,R.Z)(["\n margin: 10px;\n background: #303d59;\n border: 1px solid #2c3144;\n border-radius: 3px;\n padding: ",";\n margin: ",";\n"]);return Rf=function(){return e},e}function Lf(){var e=(0,R.Z)(["\n color: white;\n margin: 5px 0;\n text-transform: uppercase;\n text-align: center;\n font-size: 12px;\n"]);return Lf=function(){return e},e}function Af(){var e=(0,R.Z)(["\n margin: 15px 15px 0px 15px;\n display: flex;\n flex-direction: column;\n flex: 1;\n\n button {\n width: 100%;\n justify-content: center;\n margin-bottom: 10px;\n }\n"]);return Af=function(){return e},e}function Mf(){var e=(0,R.Z)(["\n position: sticky;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n right: 0;\n width: 150px;\n background: ",";\n box-shadow: -9px 5px 8px rgba(0, 0, 0, 0.3);\n z-index: ",";\n border-top: ",";\n"]);return Mf=function(){return e},e}var Of=L.ZP.section.withConfig({componentId:"sc-80cb85fa-0"})(Pf(),(function(e){return e.activeControl&&"cursor: none;"})),Df=(L.ZP.div.withConfig({componentId:"sc-80cb85fa-1"})(Sf(),(function(e){return e.theme.colors.secondaryLight}),(function(e){return e.theme.colors.text3})),L.ZP.div.withConfig({componentId:"sc-80cb85fa-2"})(Zf())),Ef=L.ZP.div.withConfig({componentId:"sc-80cb85fa-3"})(Cf()),Nf=(L.ZP.div.withConfig({componentId:"sc-80cb85fa-4"})(jf()),L.ZP.div.withConfig({componentId:"sc-80cb85fa-5"})(kf(),(function(e){return e.theme.colors.secondaryDark}))),Bf=L.ZP.section.withConfig({componentId:"sc-80cb85fa-6"})(Tf(),(function(e){var n=e.theme;return"".concat(n.smallPadding," ").concat(n.smallPadding," 0")}),(function(e){return e.direction||"column"}),(function(e){return e.theme.colors.text3})),Vf=L.ZP.section.withConfig({componentId:"sc-80cb85fa-7"})(Rf(),(function(e){return e.theme.smallPadding}),(function(e){var n=e.theme;return"".concat(n.smallPadding," ").concat(n.smallPadding," 0")})),Ff=L.ZP.div.withConfig({componentId:"sc-80cb85fa-8"})(Lf()),zf=L.ZP.div.withConfig({componentId:"sc-80cb85fa-9"})(Af()),Uf=L.ZP.div.withConfig({componentId:"sc-80cb85fa-10"})(Mf(),(function(e){return e.theme.colors.secondaryLight}),(function(e){return e.theme.zIndex.sidebar}),(function(e){var n=e.theme;return"1px solid ".concat(n.colors.secondaryDark)}));function Hf(){var e=(0,R.Z)(["\n background: ",";\n border-radius: 10px;\n padding-bottom: 10px;\n display: flex;\n flex-direction: column;\n width: 100%;\n"]);return Hf=function(){return e},e}function _f(){var e=(0,R.Z)(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 10px 10px 0;\n"]);return _f=function(){return e},e}function Wf(){var e=(0,R.Z)(["\n background: ",";\n "]);return Wf=function(){return e},e}function Gf(){var e=(0,R.Z)(["\n background: ",";\n "]);return Gf=function(){return e},e}function Yf(){var e=(0,R.Z)(["\n background: ",";\n "]);return Yf=function(){return e},e}function Xf(){var e=(0,R.Z)(["\n display: flex;
1\n align-items: center;\n height: 8px;\n border: 1px solid #404040;\n border-radius: 4px;\n width: 100%;\n\n ","\n"]);return Xf=function(){return e},e}function qf(){var e=(0,R.Z)(["\n background: #2c3144;\n height: 1px;\n width: 100%;\n"]);return qf=function(){return e},e}function Jf(){var e=(0,R.Z)(["\n height: 30px;\n width: 30px;\n background: ",";\n border-radius: 3px;\n font-size: 12px;\n font-weight: ",";\n color: ",";\n border: ",";\n\n &:last-child {\n margin-left: 10px;\n }\n"]);return Jf=function(){return e},e}function Kf(){var e=(0,R.Z)(["\n font-size: 12px;\n font-weight: ",";\n color: ",";\n text-align: center;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n margin: 0 0 5px;\n width: 100%;\n"]);return Kf=function(){return e},e}var Qf=L.ZP.div.withConfig({componentId:"sc-353527e8-0"})(Hf(),(function(e){return e.theme.colors.secondaryLight})),$f=(L.ZP.div.withConfig({componentId:"sc-353527e8-1"})(_f()),L.ZP.span.withConfig({componentId:"sc-353527e8-2"})(Xf(),(function(e){return e.isInLive?(0,L.iv)(Wf(),e.theme.colors.primary):e.isInPreview?(0,L.iv)(Gf(),e.theme.colors.pending):(0,L.iv)(Yf(),e.theme.colors.text1)}))),eh=L.ZP.div.withConfig({componentId:"sc-353527e8-3"})(qf()),nh=L.ZP.button.withConfig({componentId:"sc-353527e8-4"})(Jf(),(function(e){return e.theme.colors.secondaryDark}),(function(e){return e.theme.fontWeightSemiBold}),(function(e){var n=e.theme;return e.active?n.colors.primary:n.colors.text3}),(function(e){return e.active?"1px solid currentColor":"none"})),th=L.ZP.h2.withConfig({componentId:"sc-353527e8-5"})(Kf(),(function(e){return e.theme.fontWeightBold}),(function(e){return e.theme.colors.text3}));function ih(){var e=(0,R.Z)(["\n background-color: ",';\n border-radius: 3px;\n display: flex;\n justify-content: center;\n\n input[type="number"]::-webkit-inner-spin-button,\n input[type="number"]::-webkit-outer-spin-button {\n appearance: none;\n }\n\n input[type="number"] {\n appearance: textfield;\n }\n']);return ih=function(){return e},e}function rh(){var e=(0,R.Z)(["\n text-align: center;\n padding: 5px;\n background-color: ",";\n border: none;\n color: white;\n font-size: 12px;\n\n :focus {\n border: none;\n }\n\n :hover {\n cursor: ",";\n }\n"]);return rh=function(){return e},e}var oh=L.ZP.div.withConfig({componentId:"sc-a12d5bef-0"})(ih(),(function(e){return e.theme.colors.secondaryDark})),ah=L.ZP.input.withConfig({componentId:"sc-a12d5bef-1"})(rh(),(function(e){return e.theme.colors.secondaryDark}),(function(e){return e.isFocused?"text":"pointer"})),sh="\u221e",ch=function(e,n){var t=e.update,i=e.value,r=e.min,a=e.max,c=e.setSectionActive,u=e.defaultValue,l=void 0===u?0:u,d=(0,o.Z)(J.useState(i),2),p=d[0],f=d[1],h=(0,o.Z)(J.useState(i===sh?"text":"number"),2),m=h[0],g=h[1],v=(0,o.Z)(J.useState(!1),2),x=v[0],y=v[1];J.useEffect((function(){x||p===i||f(i)}),[p,x,i]),J.useEffect((function(){g(p===sh?"text":"number")}),[p]);var b=function(e){var n;t(""===(n=e)||"-"===n?l:n===sh?Zi:(0,cr.uZ)(r,parseFloat(n),a))};return(0,s.jsx)(oh,{children:(0,s.jsx)(ah,{"aria-label":"Audio input",ref:n,type:m,onChange:function(e){var n,t=e.target;"-"!==(n=t.value)&&Number.isNaN(n)||f(function(e,n){var t,i=n.min,r=n.max;return(t=""===e||"-"===e?e:(0,cr.uZ)(i,e,r))===Zi&&(t=sh),t}(t.value,{min:r,max:a}))},onBlur:function(){c(!1),y(!1),""!==p&&"-"!==p&&p!==i&&b(p)},value:p,onKeyDown:function(e){var n=e.key,t=e.target;"Enter"===n?(b(p),setTimeout((function(){return t.blur()}))):"Escape"===n&&(p!==i&&f(i),setTimeout((function(){return t.blur()})))},onFocus:function(e){c(!0),y(!0),e.target.select()},isFocused:x})})},uh=(0,Y.Pi)(J.forwardRef(ch));function lh(){var e=(0,R.Z)(["\n border: ",";\n display: flex;\n flex-direction: column;\n height: 100%;\n\n /**************************************************\n\n\tNoUiSlider vertical design override classes\n\n\t****************************************************/\n\n .grValueSlider {\n height: 100%;\n }\n\n .grForm__field {\n height: 100%;\n }\n\n /* need to remove the height set in the above class for vertical instances of the noUi slider */\n .grValueSlider .noUi-vertical .noUi-connect {\n height: auto;\n }\n\n .grValueSlider .noUi-target.noUi-vertical {\n background: ",';\n border-radius: 6px;\n border: 2px solid #1f1f1f;\n box-shadow: none;\n }\n\n .grValueSlider .noUi-vertical .noUi-handle {\n height: 12px;\n left: -10px;\n top: -7px;\n box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb,\n 0 3px 6px -3px rgba(0, 0, 0, 0.25);\n }\n\n .grValueSlider .noUi-vertical .noUi-handle:hover {\n cursor: grab;\n }\n\n .grValueSlider .noUi-vertical .noUi-handle:before {\n content: "";\n border-top: 1px solid ',';\n width: 75%;\n position: absolute;\n left: 4px;\n top: 3px;\n }\n\n .grValueSlider .noUi-vertical .noUi-handle:after {\n content: "";\n border-top: 1px solid ',';\n width: 75%;\n position: absolute;\n left: 4px;\n top: 7px;\n }\n\n .grValueSlider .noUi-vertical .noUi-connect {\n display: none;\n }\n\n .grValueSlider .noUi-vertical .noUi-base:before {\n content: "";\n border-left: 2px solid #3e4456;\n height: 95%;\n position: absolute;\n top: 7px;\n transform: translate(-50%);\n left: 50%;\n }\n\n .grValueSlider .noUi-pips-vertical {\n padding: 0;\n top: 0;\n right: 30px;\n left: auto;\n }\n\n .grValueSlider .noUi-marker-vertical.noUi-marker-large {\n width: 5px;\n left: 16px;\n color: #3e4456;\n opacity: 0.5;\n }\n\n .grValueSlider .noUi-pips-vertical .noUi-value-large {\n color: ',";\n right: 0;\n font-size: 8px;\n left: 6px;\n width: 10px;\n }\n\n .grValueSlider .noUi-pips-vertical .noUi-value-vertical {\n padding-left: 0;\n }\n\n .grValueSlider.grInputSlider {\n margin: 0;\n }\n\n "," {\n margin-top: 22px;\n }\n"]);return lh=function(){return e},e}function dh(){var e=(0,R.Z)(["\n display: flex;\n flex-direction: row;\n justify-content: space-around;\n height: 100%;\n"]);return dh=function(){return e},e}function ph(){var e=(0,R.Z)(["\n font-size: 12px;\n color: ",";\n font-weight: ",";\n"]);return ph=function(){return e},e}function fh(){var e=(0,R.Z)(["\n padding: 10px 10px 15px 25px;\n display: flex;\n flex-direction: column;\n"]);return fh=function(){return e},e}function hh(){var e=(0,R.Z)(["\n font-size: 10px;\n color: ",";\n font-weight: ",";\n"]);return hh=function(){return e},e}var mh=(0,L.ZP)(Vf).withConfig({componentId:"sc-cce04876-0"})(lh(),(function(e){var n=e.sliderIsActive,t=e.theme;return n?"1px solid #4e66a9":"1px solid ".concat(t.colors.secondary
1Dark)}),(function(e){return e.theme.colors.text1}),(function(e){return e.theme.colors.secondaryDark}),(function(e){return e.theme.colors.secondaryDark}),(function(e){return e.theme.colors.background}),sa.im),gh=L.ZP.div.withConfig({componentId:"sc-cce04876-1"})(dh()),vh=(L.ZP.h2.withConfig({componentId:"sc-cce04876-2"})(ph(),(function(e){return e.theme.colors.text3}),(function(e){return e.theme.fontWeightBold})),L.ZP.div.withConfig({componentId:"sc-cce04876-3"})(fh())),xh=L.ZP.h4.withConfig({componentId:"sc-cce04876-4"})(hh(),(function(e){return e.theme.colors.text3}),(function(e){return e.theme.fontWeightRegular})),yh=[Zi,-60,-40,-30,-20,-10,-5,0,5,Ci],bh=function(e){return e===Zi?"\u221e":e.toString()},Ih=function(e,n){var t=e.showVolumeMeter,i=void 0===t||t,r=e.audioSettings,a=e.addVolumeListener,c=(0,o.Z)(J.useState(Li(r.volume)),2),u=c[0],l=c[1],d=(0,o.Z)(J.useState(!1),2),p=d[0],f=d[1],m=J.useRef();J.useImperativeHandle(n,(function(){return{focus:function(){return m.current.focus()},select:function(){return m.current.select()}}})),J.useEffect((function(){l(Li(r.volume))}),[r.volume]);var g=function(e){r.optimisticThrottledUpdate({volume:e===Zi?0:Ai(e)})},v={range:{min:[Zi],"10%":[-60],"20%":[-40],"35%":[-30],"50%":[-20],"60%":[-10],"70%":[-5],"80%":[0],"90%":[5],max:[Ci]},connect:[!0,!1],start:[u],direction:"rtl",orientation:"vertical",stickToValues:yh,stickToValueRange:3,pips:{mode:"range",density:100,format:{to:bh}}};return(0,s.jsxs)(mh,{sliderIsActive:p,children:[(0,s.jsxs)(gh,{children:[(0,s.jsxs)(vh,{children:[(0,s.jsx)(xh,{children:"dB"}),(0,s.jsx)($u.ZP,{updateOnSlide:!0,onStart:function(){f(!0)},onEnd:function(){f(!1)},options:v,setFieldValue:function(e,n){m.current.blur(),g(n)},setFieldTouched:h(),value:u,name:"",height:"100%",width:"12px"})]}),i&&(0,s.jsx)(oa.Z,{subscribe:a})]}),(0,s.jsx)(uh,{ref:m,value:bh(Math.round(u)),min:Zi,max:Ci,defaultValue:0,update:g,setSectionActive:f})]})},wh=(0,Y.Pi)(J.forwardRef(Ih));function Ph(){var e=(0,R.Z)(["\n display: flex;\n flex-direction: column;\n height: 100%;\n border-top: 1px solid ",";\n padding: 20px 20px 40px 5px;\n\n "," {\n background: transparent;\n border: none;\n margin: 0px 5px 0;\n padding: 0 5px;\n }\n\n "," {\n max-width: 75%;\n position: relative;\n left: 50%;\n transform: translateX(-50%);\n }\n\n @media (max-height: 900px) {\n flex: 2;\n }\n\n @media (min-height: 901px) {\n flex: 1;\n }\n"]);return Ph=function(){return e},e}var Sh=L.ZP.div.withConfig({componentId:"sc-d6912b95-0"})(Ph(),(function(e){return e.theme.colors.secondaryDark}),Vf,oh),Zh=(0,Y.Pi)((function(e){var n=e.source;return(0,s.jsxs)(Sh,{children:[(0,s.jsx)(Bf,{children:(0,s.jsx)(th,{children:"Main"})}),(0,s.jsx)(wh,{audioSettings:n.audio,addVolumeListener:n.addVolumeListener})]})})),Ch=Zh;function jh(){var e=(0,R.Z)(["\n position: absolute;\n left: -10px;\n width: 1px;\n height: 1px;\n"]);return jh=function(){return e},e}var kh=(0,L.ZP)(X.Z).withConfig({componentId:"sc-65644d9f-0"})(jh()),Th=(0,Y.Pi)((function(e){var n=e.serverConfig,t=e.ui,i=J.useRef(null);if(J.useEffect((function(){var e;c.ZP.isFirefox()&&(null===(e=i.current)||void 0===e||e.ref.current.play().catch((function(){return t.setHasUserGesture(!1)})))}),[t.isConnected]),!t.isConnected)return null;var r,o=t.listen.inputIds.length>0;o?null===(r=i.current)||void 0===r||r.ref.current.pause():n.disconnectWebRTCConnection(t.listen.streamId);return o?(0,s.jsx)(kh,{autoplay:!0,muted:!1,videoStreamID:t.listen.streamId,connectPlayerToWebRTCPlayback:n.connectPlayerToWebRTCPlayback,disconnectPlayerFromWebRTCPlayback:n.disconnectWebRTCConnection,offerVideo:!1,type:"audio"}):(0,s.jsx)(kh,{ref:i,autoplay:!0,muted:!1,videoStreamID:B.NW,connectPlayerToWebRTCPlayback:n.connectPlayerToWebRTCPlayback,disconnectPlayerFromWebRTCPlayback:n.disconnectWebRTCConnection,onLoadedData:function(){return o&&i.current.ref.current.pause()}})})),Rh=t(34160),Lh=t(10422);function Ah(){var e=(0,R.Z)(["\n list-style: none;\n"]);return Ah=function(){return e},e}function Mh(){var e=(0,R.Z)(["\n display: flex;
1\n align-items: center;\n background: ",";\n color: ",";\n border: 1px solid #2c3144;\n"]);return Mh=function(){return e},e}function Oh(){var e=(0,R.Z)(["\n width: 80px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 4;\n font-size: 12px;\n font-weight: 700;\n cursor: ",";\n border: none;\n border-radius: 0;\n background: ",";\n padding: ",";\n text-transform: uppercase;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n padding: 5px 5px 5px 10px;\n &:focus {\n border: none;\n }\n"]);return Oh=function(){return e},e}function Dh(){var e=(0,R.Z)(["\n height: 15px;\n flex: 1;\n fill: ",";\n cursor: pointer;\n"]);return Dh=function(){return e},e}function Eh(){var e=(0,R.Z)(["\n position: absolute;\n top: ","px;\n left: ","px;\n width: 120px;\n background: #596281;\n border-radius: 4px;\n font-size: 12px;\n z-index: 1;\n cursor: pointer;\n"]);return Eh=function(){return e},e}function Nh(){var e=(0,R.Z)(["\n width: 100%;\n display: flex;\n align-items: center;\n color: ",";\n padding: 10px;\n border-bottom: 1px solid #2c3144;\n\n &:hover {\n background: #7e8bb5;\n }\n"]);return Nh=function(){return e},e}var Bh=L.ZP.ul.withConfig({componentId:"sc-3a2a881f-0"})(Ah()),Vh=L.ZP.li.withConfig({componentId:"sc-3a2a881f-1"})(Mh(),(function(e){var n=e.isActive,t=e.isEditable;return n||t?"#596281":"#36425C"}),(function(e){return e.isActive||e.isEditable?e.theme.colors.text3:"#7E8BB5"})),Fh=L.ZP.input.withConfig({componentId:"sc-3a2a881f-2"})(Oh(),(function(e){return e.isEditable?"text":"pointer"}),(function(e){var n=e.isActive,t=e.isEditable;return n&&!t?"#596281":"#36425C"}),(function(e){return e.isEditable?"3px":"0"})),zh=L.ZP.svg.withConfig({componentId:"sc-3a2a881f-3"})(Dh(),(function(e){return e.isActive?e.theme.colors.text3:"#7E8BB5"})),Uh={List:L.ZP.ul.withConfig({componentId:"sc-3a2a881f-4"})(Eh(),(function(e){return e.positionY}),(function(e){return e.positionX})),Item:L.ZP.li.withConfig({componentId:"sc-3a2a881f-5"})(Nh(),(function(e){return e.theme.colors.text3}))},Hh=(0,Y.Pi)((function(e){var n=e.ui,t=(0,o.Z)(J.useState(!1),2),a=t[0],c=t[1],u=(0,o.Z)(J.useState(),2),l=u[0],d=u[1],p=(0,o.Z)(J.useState(),2),f=p[0],h=p[1],m=(0,o.Z)(J.useState(),2),g=m[0],v=m[1],x=(0,o.Z)(J.useState(),2),y=x[0],b=x[1],I=J.useRef();J.useEffect((function(){var e=function(e){y&&(I.current.contains(e.target)||C(y.id))};return window.addEventListener("click",e),function(){return window.removeEventListener("click",e)}}),[y]),J.useEffect((function(){var e=function(e){if(a){var t=document.getElementById("pages-menu"),i=n.orderedPages.map((function(e){return e.id})).find((function(n){return"burger-menu-".concat(n)===e.target.id||e.target.parentNode.id==="burger-menu-".concat(n)}));!t||t.contains(e.target)||i||c(!1)}};return window.addEventListener("click",e),function(){return window.removeEventListener("click",e)}}),[a,n.orderedPages]);var w=function(){var e=n.pages.length;n.addPage({position:e,displayName:"New Page"}),c(!1)},P=function(e){1!==n.pages.length&&(c(!1),n.removePage(e))},S=function(e){c(!1),b({id:e});var n=document.getElementById("input-".concat(e));n.focus(),n.select()},Z=function(e){e.preventDefault(),b((0,r.Z)((0,i.Z)({},y),{displayName:e.target.value}))},C=function(e){n.updatePage(e,{displayName:y.displayName||"Page"}),b(null),c(!1)};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(Bh,{ref:I,children:n.pages&&n.orderedPages.map((function(e){var t=e.id,i=e.displayName,r=n.activePageId===t,o=(null===y||void 0===y?void 0:y.id)===t,a=function(e,n){return(null===y||void 0===y?void 0:y.id)===e?y.displayName:n}(t,i),u=(null===a||void 0===a?void 0:a.length)<8;return(0,s.jsxs)(Vh,{isActive:r,isEditable:o,id:t,"data-testid":"pages",children:[(0,s.jsx)(O.Z,{disabled:u||o,innerHtml:a,position:"right",interactive:!1,children:(0,s.jsx)(Fh,{onClick:function(e){return function(e,t){y||(n.setActivePagesId(t),b(null),e.target.blur())}(e,t)},onChange:Z,onKeyDown:function(e){return function(e,n){13===e.keyCode&&(C(n),e.target.blur()),27===e.ke
1yCode&&b(null)}(e,t)},type:"text",value:a,readOnly:!o,isActive:r,isEditable:o,id:"input-".concat(t),"data-testid":"page-input"})}),(0,s.jsxs)(zh,{viewBox:"0 0 10 10",isActive:r,onClick:function(e){return function(e,n){e.preventDefault(),c(!0),b(null),v(n),d(document.getElementById(n).getBoundingClientRect().right),h(document.getElementById(n).getBoundingClientRect().top)}(e,t)},"data-testid":"svgs",id:"burger-menu-".concat(t),children:[(0,s.jsx)("ellipse",{cx:"5",cy:"2",rx:"1",ry:"1"}),(0,s.jsx)("ellipse",{cx:"5",cy:"5",rx:"1",ry:"1"}),(0,s.jsx)("ellipse",{cx:"5",cy:"8",rx:"1",ry:"1"})]})]},t)}))}),a&&Lh.createPortal((0,s.jsx)(Uh.List,{id:"pages-menu",positionX:l,positionY:f,"data-testid":"settings-menu",children:[{id:"add",text:"Add New Page",onClick:w},{id:"rename",text:"Rename Page",onClick:S},{id:"delete",text:"Remove Page",onClick:P}].map((function(e){return(0,s.jsx)(Uh.Item,{onClick:function(){return e.onClick(g)},"data-testid":"context-menu-item",children:e.text},e.id)}))}),(0,Rh.DF)())]})})),_h=t(79492),Wh=uh;function Gh(){var e=(0,R.Z)(["\n position: relative;\n\n .noUi-pips-horizontal {\n padding: 0;\n height: 0;\n width: 85%;\n margin-left: 4px;\n }\n\n .grValueSlider .noUi-target.noUi-horizontal {\n background: ",";\n z-index: 2;\n border-radius: 6px;\n border: 2px solid #1f1f1f;\n box-shadow: none;\n }\n\n .grValueSlider .noUi-horizontal .noUi-handle:hover {\n cursor: grab;\n }\n\n .grValueSlider .noUi-marker-horizontal.noUi-marker-large {\n display: none;\n }\n\n .grValueSlider .noUi-pips-horizontal .noUi-value-large {\n color: ",";\n right: 0;\n font-size: 12px;\n left: 6px;\n width: 10px;\n }\n\n .grValueSlider.grInputSlider {\n position: relative;\n margin: 0;\n }\n\n .grValueSlider .noUi-horizontal .noUi-handle {\n width: 11px;\n height: 11px;\n }\n"]);return Gh=function(){return e},e}function Yh(){var e=(0,R.Z)(["\n position: absolute;\n left: calc(50% - 1px);\n top: -3px;\n height: 18px;\n border-left: 2px solid #1f1f1f;\n z-index: 1;\n"]);return Yh=function(){return e},e}function Xh(){var e=(0,R.Z)(["\n border: ",";\n padding: 0 5px;\n"]);return Xh=function(){return e},e}function qh(){var e=(0,R.Z)(["\n font-size: 12px;\n color: ",";\n text-align: center;\n white-space: nowrap;\n overflow: hidden;\n max-width: 100px;\n margin: 5px auto 10px auto;\n"]);return qh=function(){return e},e}function Jh(){var e=(0,R.Z)(["\n margin-top: 30px;\n margin-bottom: 5px;\n"]);return Jh=function(){return e},e}var Kh=L.ZP.div.withConfig({componentId:"sc-b8c77f4-0"})(Gh(),(function(e){return e.theme.colors.text1}),(function(e){return e.theme.colors.text3})),Qh=L.ZP.div.withConfig({componentId:"sc-b8c77f4-1"})(Yh()),$h=(0,L.ZP)(Vf).withConfig({componentId:"sc-b8c77f4-2"})(Xh(),(function(e){var n=e.theme;return e.isSliderActive?"1px solid #4e66a9":"1px solid ".concat(n.colors.secondaryDark)})),em=L.ZP.h2.withConfig({componentId:"sc-b8c77f4-3"})(qh(),(function(e){return e.theme.colors.text3})),nm=L.ZP.div.withConfig({componentId:"sc-b8c77f4-4"})(Jh()),tm=(0,Y.Pi)((function(e){var n=e.source,t=(0,o.Z)(J.useState(!1),2),i=t[0],r=t[1],a=(0,o.Z)(J.useState(n.programSettings.audio.gain),2),c=a[0],u=a[1],l={range:{min:[-12],max:[12]},step:1,pips:{mode:"range",density:100},stickToValues:[0],stickToValueRange:1,connectFromCenter:!0};J.useEffect((function(){u(Math.round(Li(n.programSettings.audio.gain,{minDbLevel:-12})))}),[n.programSettings.audio.gain]);return(0,s.jsxs)($h,{isSliderActive:i,children:[(0,s.jsx)(em,{children:"GAIN"}),(0,s.jsxs)(Kh,{children:[(0,s.jsx)(Qh,{}),(0,s.jsx)($u.ZP,{name:"",updateOnSlide:!0,onStart:function(){return r(!0)},onEnd:function(){return r(!1)},options:l,setFieldValue:function(e,t){var i=(0,o.Z)(t,1)[0];n.programSettings.audio.optimisticThrottledUpdate({gain:Ai(i)})},setFieldTouched:function(){},value:[c]})]}),(0,s.jsx)(nm,{children:(0,s.jsx)(Wh,{value:c,update:function(e){return n.programSettings.audio.optimisticThrottledUpdate({gain:Ai(e)})},min:-12,max:12,defaultValue:0,setSectionActive:r})})]})})),im=tm;function rm(){var e=(0,R.Z)(["\n cursor: grab;\n display: flex;\n justify-content: center;\n width: 100%;\n\n > svg {\n fill: #7e8bb5;\n position: relative;\n bottom: 5px;\n }\n"]);return rm=function(){return e},e}var om=L.ZP.div.withConfig({componentId:"sc-bcec716a-0"})(rm()),am=J.forwardRef((function(e,n){return(0,s.jsx)(om,{ref:n,children:(0,s.jsxs)("svg",{height:"20",width:"50",children:[(0,s.jsx)("ellipse",{cx:"10",cy:"10",rx:"2",ry:"2"}),(0,s.jsx)("ellipse",{cx:"16",cy:"10",rx:"2",ry:"2"}),(0,s.jsx)("ellipse",{cx:"22",cy:"10",rx:"2",ry:"2"}),(0,s.jsx)("ellipse",{cx:"28",cy:"10",rx:"2",ry:"2"}),(0,s.jsx)("ellipse",{cx:"34",cy:"10",rx:"2",ry:"2"}),(0,s.jsx)("ellipse",{cx:"40",cy:"10",rx:"2",ry:"2"}),(0,s.jsx)("ellipse",{cx:"10",cy:"15",rx:"2",ry:"2"}),(0,s.jsx)("ellipse",{cx:"16",cy:"15",rx:"2",ry:"2"}),(0,s.jsx)("ellipse",{cx:"22",cy:"15",rx:"2",ry:"2"}),(0,s.jsx)("ellipse",{cx:"28",cy:"15",rx:"2",ry:"2"}),(0,s.jsx)("ellipse",{cx:"34",cy:"15",rx:"2",ry:"2"}),(0,s.jsx)("ellipse",{cx:"40",cy:"15",rx:"2",ry:"2"})]})})}));am.displayName="Handle";var sm=am,cm=t(66424);function um(){var e=(0,R.Z)(["\n width: ","px;\n height: ","px;\n padding: ","px;\n background: ",";\n border-radius: 100%;\n box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);\n contain: content;\n"]);return um=function(){return e},e}function lm(){var e=(0,R.Z)(["\n width: 100%;\n height: 100%;\n border-radius: 100%;\n position: relative;\n"]);return lm=function(){return e},e}function dm(){var e=(0,R.Z)(["\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 1;\n"]);return dm=function(){return e},e}function pm(){var e=(0,R.Z)(["\n transform: rotate(-90deg);\n transform-origin: center center;\n"]);return pm=function(){return e},e}function fm(){var e=(0,R.Z)(["\n position: absolute;\n width: calc(100% - ","px);\n height: calc(100% - ","px);\n z-index: 5;\n top: ","px;\n left: ","px;\n background: linear-gradient(to bottom, #b1b5bd 0% 100%) no-repeat 50% 0%;\n background-size: 0.09em 0.6em;\n border: 0.7em solid transparent;\n transform: rotate(","deg);\n user-select: none;\n cursor: ",";\n"]);return fm=function(){return e},e}var hm=L.ZP.div.withConfig({componentId:"sc-12aed9dd-0"})(um(),(function(e){return e.width}),(function(e){return e.width}),(function(e){return e.borderWidth}
1),(function(e){return e.theme.colors.secondaryDark})),mm=L.ZP.div.withConfig({componentId:"sc-12aed9dd-1"})(lm()),gm=L.ZP.svg.withConfig({componentId:"sc-12aed9dd-2"})(dm()),vm=L.ZP.circle.withConfig({componentId:"sc-12aed9dd-3"})(pm()),xm=L.ZP.div.withConfig({componentId:"sc-12aed9dd-4"})(fm(),(function(e){return 2*e.strokeWidth}),(function(e){return 2*e.strokeWidth}),(function(e){return e.strokeWidth}),(function(e){return e.strokeWidth}),(function(e){return e.radius}),(function(e){return e.showCursor?"ew-resize":"none"})),ym=function(e){var n=e.strokeWidth,t=void 0===n?6:n,o=e.width,a=void 0===o?100:o,c=e.borderWidth,u=void 0===c?5:c,l=e.onDrag,d=void 0===l?function(){}:l,p=e.onDragEnd,f=void 0===p?function(){}:p,h=e.onDragStart,m=void 0===h?function(){}:h,g=e.showCursor,v=e.value,x=J.createRef();(0,cm.GJ)(x,{onDrag:d,onDragEnd:f,onDragStart:m});var y,b=(a-2*u)/2,I=Math.max((a-u)/2-t,0),w=2*Math.PI*I,P=.4166666666666667*w,S=Math.abs(v*P),Z=w*(60/360);y=v>0?"".concat(S," ").concat(w-S):v<0?"0 ".concat(w-S," ").concat(S):"0 ".concat(w);var C={cx:b,cy:b,r:I,fill:"none",strokeWidth:t};return(0,s.jsx)(hm,{width:a,borderWidth:u,children:(0,s.jsxs)(mm,{children:[(0,s.jsxs)(gm,{width:"50px",children:[(0,s.jsx)(vm,(0,r.Z)((0,i.Z)({},C),{stroke:"#596281",strokeDasharray:"".concat(P," ").concat(Z," ").concat(P)})),(0,s.jsx)(vm,(0,r.Z)((0,i.Z)({},C),{stroke:"#F03F55",strokeDasharray:y})),(0,s.jsx)("circle",{cx:"30.5",cy:"30.5",r:"17.5",fill:"#3A405A"})]}),(0,s.jsx)(xm,{ref:x,"data-testid":"knob",strokeWidth:t,showCursor:g,radius:150*v})]})})};function bm(){var e=(0,R.Z)(["\n display: flex;\n justify-content: space-between;\n color: white;\n margin-bottom: 5px;\n font-size: 10px;\n padding: 0 5px;\n"]);return bm=function(){return e},e}function Im(){var e=(0,R.Z)(["\n transition: border-color 0.15s linear;\n "," {\n margin: auto;\n }\n"]);return Im=function(){return e},e}var wm=L.ZP.div.withConfig({componentId:"sc-9aee131f-0"})(bm()),Pm=(0,L.ZP)(Vf).attrs((function(e){return{style:{borderColor:e.outlined?"#4e66a9":"#2C3144"}}})).withConfig({componentId:"sc-9aee131f-1"})(Im(),hm),Sm=(0,Y.Pi)((function(e){var n=e.source,t=e.ui,i=(0,o.Z)(J.useState(0),2),r=i[0],a=i[1],c=(0,o.Z)(J.useState(!1),2),u=c[0],l=c[1],d=(0,o.Z)(J.useState(null),2),p=d[0],f=d[1],h=(0,o.Z)(J.useState(null),2),m=h[0],g=h[1],v=J.createRef();return(0,cm.TT)(v,(function(e){var n=e.width;return a(n)})),(0,s.jsx)(Pm,{outlined:u,children:(0,s.jsxs)("div",{ref:v,children:[(0,s.jsx)(Ff,{children:"Pan"}),(0,s.jsx)(ym,{borderWidth:2,value:n.programSettings.audio.pan,width:r-30,showCursor:!t.activeControl,onDragStart:function(e){var i=e.clientX;f({max:i+50,min:i-50}),g(n.programSettings.audio.pan),l(!0),t.setActiveControl(!0)},onDragEnd:function(){f(null),l(!1),t.setActiveControl(!1)},onDrag:function(e){var t=e.clientX,i=p.max-p.min,r=t-p.min,o=m+(r/i*2-1);o>1&&(o=1),o<-1&&(o=-1),n.programSettings.audio.optimisticThrottledUpdate({pan:o})}}),(0,s.jsxs)(wm,{children:[(0,s.jsx)("span",{children:"L"}),(0,s.jsx)("span",{children:"R"})]}),(0,s.jsx)(Wh,{value:parseFloat(n.programSettings.audio.pan).toFixed(2),update:function(e){return n.programSettings.audio.optimisticThrottledUpdate({pan:e})},min:-1,max:1,defaultValue:0,setSectionActive:l})]})})})),Zm=Sm,Cm=J.forwardRef((function(e,n){var t,i=e.source,r=e.ui,o=null===(t=r.listen)||void 0===t?void 0:t.inputIds.includes(i.id);return(0,s.jsxs)(Qf,{children:[(0,s.jsx)(Bf,{children:(0,s.jsx)(sm,{ref:n})}),(0,s.jsx)(eh,{}),(0,s.jsxs)(Bf,{children:[(0,s.jsx)(M.Z,{name:i.iconName}),(0,s.jsx)(th,{children:i.displayName||"Untitled"}),(0,s.jsx)($f,{id:"source-status","aria-label":"Source Status",isInLive:i.isInLive,isInPreview:i.isInPreview})]}),(0,s.jsx)(im,{source:i}),(0,s.jsx)(wh,{audioSettings:i.programSettings.audio,addVolumeListener:i.addVolumeListener}),(0,s.jsx)(Zm,{ui:r,source:i}),(0,s.jsxs)(Bf,{direction:"row",children:[(0,s.jsx)(nh,{"aria-label":"Solo Button",active:o,onClick:function(){r.updateListenInput(i.id)},children:"S"}),(0,s.jsx)(nh,{"aria-label":"Mute Button",active:i.programSettings.audio.mute,onClick:function(){i.programSettings.audio.optimisticThrottledUpdate({mute:!i.programSettings.audio.mute})},children:"M"})]})]})}));
1Cm.displayName="Channel";var jm=(0,Y.Pi)(Cm),km=function(e){var n=e.isFocused,t=e.isSelected,i=void 0!==t&&t,r=e.theme.colors;return n?r.secondaryLighter:i?r.secondaryDark:r.secondaryLight},Tm={control:function(e,n){var t=n.isFocused;return(0,r.Z)((0,i.Z)({},e),{background:cd.secondaryLight,boxShadow:t?"0px 0px 1px 2px ".concat(cd.text1):0,borderColor:t?cd.editorSectionOutline:cd.text1,":hover":{borderColor:cd.editorSectionOutline},borderRadius:"3px",fontSize:"12px",height:"32px",minHeight:"32px"})},dropdownIndicator:function(e){return(0,r.Z)((0,i.Z)({},e),{color:cd.background,":hover":{color:cd.background},padding:"5px"})},indicatorSeparator:function(e){return(0,r.Z)((0,i.Z)({},e),{backgroundColor:"#2C3144",margin:0})},input:function(e){return(0,r.Z)((0,i.Z)({},e),{color:cd.text3})},menu:function(){return{position:"absolute",background:cd.secondaryLight,borderRadius:"4px",marginTop:"8px",zIndex:1,fontSize:"12px"}},menuList:function(){return{border:"1px solid #596281"}},noOptionsMessage:function(e){return(0,r.Z)((0,i.Z)({},e),{color:cd.text3})},option:function(e,n){var t=n.isFocused,o=n.isSelected;return(0,r.Z)((0,i.Z)({},e),{display:"flex",alignItems:"center",background:km({isFocused:t,isSelected:o,theme:{colors:cd}}),color:cd.text3,overflow:"visible",padding:"10px",":active":{background:cd.secondaryDark},":first-child":{padding:"15px 10px",borderBottom:"1px solid #596281"}})},singleValue:function(e){return(0,r.Z)((0,i.Z)({},e),{background:cd.secondaryLight,color:cd.text3})}},Rm=(0,Y.Pi)((function(e){var n=e.source,t=e.ui,o=e.trackId;return(0,s.jsx)(Di.ZP,{styles:(0,r.Z)((0,i.Z)({},Tm),{menu:function(){return(0,r.Z)((0,i.Z)({},Tm.menu()),{zIndex:999})},menuList:function(){return(0,r.Z)((0,i.Z)({},Tm.menuList()),{overflow:"auto",maxHeight:document.body.clientHeight-100})}}),options:t.sourceOptions,value:{label:n.displayName,value:n.id},onChange:function(e){var n=e.value;void 0===n&&t.removeTrack(o),null===n&&t.setTrack(o,{inputId:""}),n&&t.setTrack(o,{inputId:n})},menuPlacement:"bottom"})})),Lm=Rm,Am=t(22370),Mm=t(92428);function Om(){var e=(0,R.Z)(["\n position: absolute;\n background: #23293d;\n display: flex;\n min-width: ",";\n max-width: ",";\n flex-direction: column;\n border-right: 1px solid ",";\n opacity: ",";\n transition: opacity 0.2s;\n height: 100%;\n padding-bottom: ",";\n will-change: transform;\n"]);return Om=function(){return e},e}function Dm(){var e=(0,R.Z)(["\n padding: ",";\n"]);return Dm=function(){return e},e}function Em(){var e=(0,R.Z)(["\n display: flex;\n height: 100%;\n"]);return Em=function(){return e},e}var Nm=L.ZP.div.withConfig({componentId:"sc-faf90b0d-0"})(Om(),(function(e){var n=e.trackWidth;return"".concat(n,"px")}),(function(e){var n=e.trackWidth;return"".concat(n,"px")}),(function(e){return e.theme.colors.text1}),(function(e){return e.removeInProgress?"0":"1"}),(function(e){return e.theme.smallPadding})),Bm=L.ZP.div.withConfig({componentId:"sc-faf90b0d-1"})(Dm(),(function(e){var n=e.theme;return"".concat(n.smallPadding," ").concat(n.smallPadding," 0")})),Vm=(0,L.ZP)(Bm).withConfig({componentId:"sc-faf90b0d-2"})(Em()),Fm=(0,Y.Pi)((function(e){var n=e.ui,t=e.track,i=e.sourceId,r=e.offset,a=e.zIndex,c=e.trackWidth,u=n.getSource(i),l=(0,o.Z)((0,Am.c)({type:"SOURCE",canDrag:function(){return!!u.id},item:{type:"SOURCE",id:t.id,index:t.position}}),3),d=l[1],p=l[2];return J.useEffect((function(){p((0,Mm.r)(),{captureDraggingState:!0})}),[]),(0,s.jsxs)(Nm,{trackWidth:c,removeInProgress:t.removeInProgress,style:{transform:"translateX(".concat(r,"px)"),zIndex:a},children:[(0,s.jsx)(Bm,{children:(0,s.jsx)(Lm,{ui:n,trackId:t.id,source:u})}),(0,s.jsx)(Vm,{children:u.id&&(0,s.jsx)(jm,{ui:n,source:u,ref:d})})]})})),zm=Fm,Um=(0,Y.Pi)((function(e){var n=e.ui,t=e.innerRef,i=128,r=(0,o.Z)(J.useState(null),2),a=r[0],c=r[1],u=(0,o.Z)((0,_h.L)({accept:"SOURCE",drop:function(e){n.moveTrack(e.index,a.index)},collect:function(e){return{isOver:!!e.isOver(),item:e.getItem(),monitor:e}}}),2),l=u[0],d=l.isOver,p=l.item,f=l.monitor,h=u[1],m=function(e){return i*e};J.useEffect((function(){var e;return d&&function n(){var t,r=null===(t=f.getDifferenceFromInitialOffset())||void 0===t?void 0:t.x;
1if((0,cr.z0)(r)){var o=m(p.index)+r,a=function(e){return Math.round(e/i)}(o);c({index:a,offset:o}),e=window.requestAnimationFrame(n)}}(),function(){c(null),e&&window.cancelAnimationFrame(e)}}),[d]);var g=function(e){return a&&(null===p||void 0===p?void 0:p.id)===e},v=function(){return a&&(null===p||void 0===p?void 0:p.index)!==a.index},x=function(e,n){return n?a.offset:(t=e,v()&&t<p.index&&t>=a.index?m(e+1):function(e){return v()&&e>p.index&&e<=a.index}(e)?m(e-1):m(e));var t};return(0,s.jsx)(Ef,{id:"source-container",ref:t,children:(0,s.jsx)("div",{ref:h,style:{position:"relative",width:n.orderedTracks.length*i},children:n.orderedTracks&&n.orderedTracks.map((function(e,t){return(0,s.jsx)(zm,{trackWidth:i,offset:x(t,g(e.id)),zIndex:g(e.id)?100:n.orderedTracks.length-t,track:e,sourceId:e.inputId,ui:n},"".concat(e.id).concat(e.position))}))})})})),Hm=Um,_m=(0,Y.Pi)((function(e){var n=e.clearLoadingState,t=void 0===n?function(){}:n,i=(0,J.useRef)(),r=(0,J.useState)(!1),o=r[0],a=r[1],c=(0,q.oR)(),u=null===c||void 0===c?void 0:c.audioMixerV1;(0,J.useEffect)((function(){c.streamConfig.serverConfig.messagingSocket.sendProtocolMessage(16,{page:"audioMixer"});var e=bf({store:c,serverConfig:App.Models.serverConfig,onConnectSuccess:function(){return a(!0)}});return u.setConnectedState(),t(),l(),e}),[]);var l=function(){var e=!!App.Models.selectedStream,n=e&&App.Models.selectedStream.isCloudProducerEnabled(),t=e&&App.Models.selectedStream.isEnabled();if(n&&t){var i=App.Models.selectedStream.getDisplayName();$(".studio-bar-title small").text(i),$("title").text("".concat(i," | Audio Mixer | Grabyo Studio"))}},d=function(){u.setHasUserGesture(!0)};return o&&(0,s.jsx)(nn,{children:(0,s.jsxs)(If.W,{backend:wf.PD,children:[(0,s.jsx)(L.f6,{theme:an.Z,children:(0,s.jsx)(Of,{activeControl:u.activeControl,children:(0,s.jsxs)(Df,{children:[(0,s.jsx)(Nf,{children:(0,s.jsx)(Hh,{ui:u})}),(0,s.jsx)(Hm,{ui:u,innerRef:i}),(0,s.jsxs)(Uf,{children:[(0,s.jsx)(zf,{children:u.activeTracks&&(0,s.jsx)(O.Z,{innerHtml:"Maximum track number reached (".concat(20,")"),disabled:u.activeTracks.length<20,children:(0,s.jsx)(xs.ZP,{type:"tertiary",disabled:20===u.activeTracks.length,onClick:function(){u.addEmptyTrack(),setTimeout((function(){if(i.current.scrollWidth>i.current.clientWidth){var e=i.current.scrollWidth-i.current.clientWidth;i.current.scrollLeft=e}}),20)},children:"Add track"})})}),(0,s.jsx)(Ch,{source:c.streamConfig.program})]})]})})}),u.hasUserGesture?(0,s.jsx)(Th,{serverConfig:App.Models.serverConfig,ui:u}):(0,s.jsx)(gn.Z,{title:"Autoplay",confirmCallback:d,cancelCallback:d,confirmLabel:"OK",children:"Your browser has disabled audio autoplay on the page. Please click OK to start Audio Mixer."})]})})})),Wm=function(e){var n=e.streamName;return(0,s.jsxs)(bc.ZP,{header:function(e){var n=e.closeModal;return(0,s.jsx)(bc.xB,{title:"Stream disabled",closeModal:n,type:void 0,imageSrc:void 0})},height:"auto",children:[(0,s.jsx)("b",{children:n})," is currently disabled. Please contact support if this is unexpected behaviour."]})},Gm=t(64368);function Ym(){var e=(0,R.Z)(["\n margin: ",";\n text-align: center;\n"]);return Ym=function(){return e},e}var Xm=L.ZP.div.withConfig({componentId:"sc-debd0349-0"})(Ym(),(function(e){return e.theme.largePadding})),qm=function(e){var n=e.model,t=(0,J.useState)("Initializing..."),i=t[0],r=t[1],o=(0,J.useState)(!1),a=o[0],c=o[1],u=(0,J.useState)(0),l=u[0],d=u[1],p=(0,J.useRef)(Date.now());return(0,J.useEffect)((function(){var e=setInterval((function(){if(n){var e=n.getPercentageTimeRemaining();e>100&&(e=100),d(100-e)}}),500);!n.elasticEncoderObject||0===n.getPercentageTimeRemaining()||n.isReady()?(r("Connecting..."),c(!0)):(r("Initializing..."),c(!1));var t=p.current;return function(){clearInterval(e),Gm.Qq(Date.now()-t)}}),[n,n.elasticEncoderObject]),(0,s.jsx)(bc.ZP,{type:"loading",height:"auto",header:h(),footer:h(),closable:!1,parentSelector:Rh.K1,children:(0,s.jsxs)(Xm,{children:[(0,s.jsx)("h1",{children:i}),!a&&(0,s.jsx)(Fl,{style:"thick",showPercentage:!0,value:l,background:void 0,type:void 0}),a&&(0,s.jsx)("div",{className:"grLoader"}),(0,s.jsx)("p",{children:"Please wait a moment."})]})})},Jm=t(67042),Km=t(6622),Qm=t(37816),$m=function(e){var n=e.eventName,t=e.element,i=e.handler;if(t)return t.addEventListener(n,i),function(){t.removeEventListener(n,i)}},eg=t(61492),ng=t(13224),tg=t(62615),ig=t(43632),rg=function(e){var n=e.displayName,t=e.multiviewerId,i=e.onDelete,r=void 0===i?(0,ru.Z)((function(){return(0,au.__generator)(this,(function(e){return[2]}))})):i,o=e.closeModal,a=void 0===o?function(){}:o,c=(0,s.jsxs)(s.Fragment,{children:["Are you sure that you want to delete ",(0,s.jsx)("b",{children:n}),"? All of your settings will be lost and you will not be able to reuse this any more."]}),u=function(){var e=(0,ru.Z)((function(){return(0,au.__generator)(this,(function(e){switch(e.label){case 0:return[4,r({multiviewerId:t})];case 1:return e.sent(),a(),[2]}}))}));return function(){return e.apply(this,arguments)}}();return(0,s.jsx)(gn.Z,{title:"Delete Multiviewer",confirmCallback:u,confirmLabel:"Delete",confirmIcon:"bin",cancelCallback:a,closeLabel:"Cancel",closeIcon:"",children:c})},og=(0,Y.Pi)((function(e){var n=e.closeModal,t=e.updateMultiviewerPreset,i=e.multiviewerId,r=e.displayName,o=e.data,a=(0,J.useState)(""),c=a[0],u=a[1],l=function(){var e=(0,ru.Z)((function(){return(0,au.__generator)(this,(function(e){switch(e.label){case 0:return c?[3,2]:[4,t({multiviewerId:i,name:r,data:o})];case 1:return e.sent(),n(),[3,4];case 2:return[4,t({multiviewerId:i,name:c,data:o})];case 3:e.sent(),n(),e.label=4;case 4:return[2]}}
1))}));return function(){return e.apply(this,arguments)}}();return(0,s.jsx)(gn.Z,{title:"Edit Name",confirmCallback:l,confirmLabel:"Save",confirmIcon:"",cancelCallback:n,closeLabel:"Cancel",closeIcon:"",children:(0,s.jsx)(qs.ZP,{label:"Title",name:"title name",type:"text",placeholder:r,value:c,onChange:function(e){return u(e.target.value)}})})})),ag=t(56098);function sg(){var e=(0,R.Z)(["\n justify-content: start;\n "]);return sg=function(){return e},e}function cg(){var e=(0,R.Z)(["\n justify-content: center;\n "]);return cg=function(){return e},e}function ug(){var e=(0,R.Z)(["\n align-items: center;\n display: flex;\n flex-direction: column;\n height: 100%;\n ","\n"]);return ug=function(){return e},e}function lg(){var e=(0,R.Z)(["\n font-weight: 700;\n font-size: 14px;\n align-self: start;\n padding: 0 15px 15px;\n"]);return lg=function(){return e},e}function dg(){var e=(0,R.Z)(["\n align-self: start;\n width: 100%;\n\n .gb-icon-bin {\n color: ",";\n }\n"]);return dg=function(){return e},e}function pg(){var e=(0,R.Z)(["\n border: 0;\n margin: 0 15px 5px;\n"]);return pg=function(){return e},e}function fg(){var e=(0,R.Z)(["\n border: 0;\n"]);return fg=function(){return e},e}function hg(){var e=(0,R.Z)(["\n align-items: center;\n display: flex;\n padding: ",";\n width: 100%;\n\n i {\n font-size: 32px;\n }\n"]);return hg=function(){return e},e}function mg(){var e=(0,R.Z)(["\n padding-left: ",";\n"]);return mg=function(){return e},e}function gg(){var e=(0,R.Z)(["\n cursor: pointer;\n"]);return gg=function(){return e},e}function vg(){var e=(0,R.Z)(["\n display: flex;\n flex-direction: column;\n width: 100%;\n margin-bottom: 15px;\n overflow-y: scroll;\n max-height: calc(50vh - 100px);\n"]);return vg=function(){return e},e}var xg=L.ZP.section.withConfig({componentId:"sc-31dcf925-0"})(ug(),(function(e){return e.hasPresets?(0,L.iv)(sg()):(0,L.iv)(cg())})),yg=L.ZP.p.withConfig({componentId:"sc-31dcf925-1"})(lg()),bg=L.ZP.div.withConfig({componentId:"sc-31dcf925-2"})(dg(),(function(e){return e.theme.colors.primary})),Ig=(0,L.ZP)(Dp.Zb).withConfig({componentId:"sc-31dcf925-3"})(pg()),wg=(0,L.ZP)(ag.Z).withConfig({componentId:"sc-31dcf925-4"})(fg()),Pg=L.ZP.div.withConfig({componentId:"sc-31dcf925-5"})(hg(),(function(e){var n=e.theme;return"".concat(n.smallPadding," ").concat(n.largePadding)})),Sg=L.ZP.div.withConfig({componentId:"sc-31dcf925-6"})(mg(),(function(e){return e.theme.smallPadding})),Zg=(0,L.ZP)(Pg).withConfig({componentId:"sc-31dcf925-7"})(gg()),Cg=L.ZP.div.withConfig({componentId:"sc-31dcf925-8"})(vg()),jg=function(e){var n=e.streamId,t=e.multiviewerId,i=e.displayName,r=e.local,o=void 0!==r&&r,a=e.deletePreset,c=void 0===a?(0,ru.Z)((function(){return(0,au.__generator)(this,(function(e){return[2]}))})):a,u=e.updateMultiviewerPreset,l=void 0===u?(0,ru.Z)((function(){return(0,au.__generator)(this,(function(e){return[2]}))})):u,d=e.data,p=e.cardClickCb,f=void 0===p?function(){}:p,h=(0,J.useState)(!1),m=h[0],g=h[1],v=(0,J.useState)(!1),x=v[0],y=v[1],b=function(){(0,ig.O$)({streamId:n,multiviewerId:t}),f()};return(0,s.jsxs)(bg,{children:[(0,s.jsx)(Ig,{children:(0,s.jsxs)(wg,{children:[(0,s.jsx)(Zg,{onClick:b,children:(0,s.jsx)(Sg,{children:i})}),!o&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(Zg,{onClick:b,children:[(0,s.jsx)(M.Z,{name:d.layout&&tg.F[d.layout]&&tg.F[d.layout].icon}),(0,s.jsx)(Sg,{children:d.layout&&tg.F[d.layout]&&tg.F[d.layout].label})]}),(0,s.jsx)(ng.xC,{onClick:function(){return g(!0)},children:(0,s.jsx)(O.Z,{position:"bottom",distance:10,innerHtml:"Edit name",interactive:!1,children:(0,s.jsx)(M.Z,{name:"edit"})})})]}),(0,s.jsx)(ng.xC,{onClick:function(){return y(!0)},children:(0,s.jsx)(O.Z,{position:"bottom",distance:10,innerHtml:"Delete multiviewer",interactive:!1,children:(0,s.jsx)(M.Z,{name:"bin"})})})]})}),x&&(0,s.jsx)(rg,{displayName:i,multiviewerId:t,onDelete:c,closeModal:function(){return!o&&y(!1)}}),m&&(0,s.jsx)(og,{closeModal:function(){return g(!1)},updateMultiviewerPreset:l,multiviewerId:t,displayName:i,data:d})]})},kg=(0,Y.Pi)((function(e){var n=e.streamId,t=e.multiviewerList,i=void 0===t?[]:t,r=e.multiviewerModalStore,o=e.cardClickCb,a=void 0===o?function(){}:o;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(yg,{children:" Saved multiviewers "}),(0,s.jsx)(Cg,{children:i.map((function(e){var t=e.multiviewerId,i=e.name,o=e.data;return(0,s.jsx)(jg,{streamId:n,multiviewerId:t,displayName:i,updateMultiviewerPreset:r.updateMultiviewerPreset,data:o,deletePreset:r.deleteMultiviewerPreset,cardClickCb:a},t)}))})]})})),Tg=function(e){var n=e.streamId,t=e.deletePreset,i=e.cardClickCb,r=void 0===i?(0,ru.Z)((function(){return(0,au.__generator)(this,(function(e){return[2]}))})):i;return(0,s.jsxs)(Cg,{children:[(0,s.jsx)(yg,{children:" Autosaved multiviewers "}),(0,s.jsx)(jg,{streamId:n,multiviewerId:"local",displayName:"Untitled Multiviewer",local:!0,deletePreset:t,cardClickCb:r})]})},Rg=(0,Y.Pi)((function(e){var n=e.multiviewerModalStore,t=e.closeModal,i=e.closeLabel,r=e.confirmCallback,o=e.streamId,a=!!n.hasMultiviewerPreset,c=a?"auto":"255px";return(0,s.jsx)(bc.ZP,{size:"large",height:c,header:function(){return(0,s.jsx)(bc.xB,{title:"Multiviewer Manager",closeModal:t,type:"light",imageSrc:void 0})},footer:function(){return(0,s.jsxs)(bc.mz,{closeLabel:!0,children:[(0,s.jsx)(xs.ZP,{type:"outline",onClick:t,children:i}),(0,s.jsx)(xs.ZP,{icon:"cta-arrow-right",iconPosition:"right",onClick:r,children:"Open new"})]})},closeModal:t,children:(0,s.jsxs)(xg,{hasPresets:a,children:[n.autosavedMultiviewer&&(0,s.jsx)(Tg,{streamId:o,deletePreset:n.deleteLocalMultiViewerPreset,cardClickCb:t}),!!n.multiviewerPresets.length&&(0,s.jsx)(kg,{streamId:o,multiviewerList:n.multiviewerPresets,multiviewerModalStore:n,cardClickCb:t}),!a&&"No saved multiviewer available"]})})})),Lg=function(e){var n=e.onMount,t=e.onUnmount,o=e.navBack,a=e.children,c=(0,Sp.UO)(),u=(0,Sp.s0)();return J.useEffect((function(){var e=(0,r.Z)((0,i.Z)({},c),{onClose:function(e){e&&e.preventDefault(),o&&u(o)}});return n&&n(e),function(){t&&t(e)}}),[n,t,c,o,u]),(0,s.jsx)(s.Fragment,{children:a})},Ag=function(){var e=(0,Sp.s0)(),n=(0,q.oR)().controlRoom,t=n.multiviewerModal,i=n.selectedStreamId;return(0,s.jsxs)(Sp.Z5,{children:[(0,s.jsx)(Sp.AW,{path:"".concat(Cp.Z.Preferences,"/:tabIndex?/:profileId?"),element:(0,s.jsx)(iu.B,{closeModal:function(){return e("../")}})}),(0,s.jsx)(Sp.AW,{path:"".concat(Cp.Z.Preferences,"/").concat(iu.g.OutputSettings,"/audio-tracks"),element:(0,s.jsx)(Hc,{closeModal:function(){return e("../")},onBack:function(){return e("".concat(Cp.Z.Preferences,"/").concat(iu.g.OutputSettings))},theme:"light"})}),(0,s.jsx)(Sp.AW,{path:"".concat(Cp.Z.Preferences,"/").concat(iu.g.OutputSettings,"/pids"),element:(0,s.jsx)(bu,{closeModal:function(){return e("../")},onBack:function(){return e("".concat(Cp.Z.Preferences,"/").concat(iu.g.OutputSettings))}})}),(0,s.jsx)(Sp.AW,{path:"".concat(Cp.Z.KeyBinding,"/:profileId/:bindingId?"),element:(0,s.jsx)(wp,{})}),(0,s.jsx)(Sp.AW,{path:Cp.Z.MultiViewer,element:(0,s.jsx)(Lg,{onMount:function(){t.fetch
1MultiviewerPresets(),t.setAutosavedMultiviewer()},children:(0,s.jsx)(Rg,{multiviewerModalStore:t,closeLabel:"Cancel",closeModal:function(){return e("../")},confirmCallback:function(){return(0,ig.O$)({streamId:i})},streamId:i})})}),(0,s.jsx)(Sp.AW,{path:Cp.Z.Keyboard,element:(0,s.jsx)(eg.Z,{closeModal:function(){return e("../")}})}),(0,s.jsx)(Sp.AW,{path:"*",element:null})]})},Mg="cleanPlayer",Og=(0,Y.Pi)((function(e){var n=e.onUserGestureRequired,t=void 0===n?function(e){}:n,i=e.style,r=e.usePadding,o=void 0===r||r,a=(0,q.oR)(),c=a.streamConfig,u=a.controlRoom,l=u.monitors,d=l.displayClean,p=l.displayCleanIndicator,f=u.setMonitorReference,h=u.localSettings.isCleanMuted,m=(0,J.useRef)(null);return(0,J.useEffect)((function(){d&&f&&m.current&&f(Mg,m.current.ref.current)}),[Mg,f,d,m.current]),(0,J.useEffect)((function(){var e;d&&Promise.resolve(null===(e=m.current)||void 0===e?void 0:e.ref.current.play()).catch((function(){return t(re.Clean)}))}),[t,d,m.current]),(0,s.jsxs)(De,{style:i,displayMonitor:d,children:[p&&(0,s.jsx)(Ee,{type:re.Clean}),(0,s.jsx)(Be,{muted:h,autoplay:!0,controls:!1,playerRef:m,videoStreamID:B.Pj,subscribeToVolume:c.clean.addVolumeListener,usePadding:o})]})})),Dg=t(26519);function Eg(){var e=(0,R.Z)(["\n justify-content: flex-end;\n "]);return Eg=function(){return e},e}function Ng(){var e=(0,R.Z)(["\n justify-content: flex-start;\n "]);return Ng=function(){return e},e}function Bg(){var e=(0,R.Z)(["\n align-items: center;\n display: flex;\n padding: 0 ",";\n\n ","\n"]);return Bg=function(){return e},e}function Vg(){var e=(0,R.Z)(["\n text-transform: capitalize;\n display: inline-block;\n text-align: center;\n padding: 0 5px;\n"]);return Vg=function(){return e},e}function Fg(){var e=(0,R.Z)(["\n margin: 0 5px 0 0;\n "]);return Fg=function(){return e},e}function zg(){var e=(0,R.Z)(["\n margin: 0 0 0 5px;\n "]);return zg=function(){return e},e}function Ug(){var e=(0,R.Z)(["\n font-size: 12px;\n\n .grForm__field {\n width: 80px;\n margin: 5px 0 0 0;\n }\n\n ","\n"]);return Ug=function(){return e},e}var Hg=L.ZP.div.withConfig({componentId:"sc-503cbac8-0"})(Bg(),(function(e){return e.theme.smallPadding}),(function(e){return"end"===e.align?(0,L.iv)(Eg()):(0,L.iv)(Ng())})),_g=L.ZP.span.withConfig({componentId:"sc-503cbac8-1"})(Vg()),Wg=L.ZP.span.withConfig({componentId:"sc-503cbac8-2"})(Ug(),(function(e){return"end"===e.align?(0,L.iv)(Fg()):(0,L.iv)(zg())})),Gg={dropdownIndicator:function(e){return(0,r.Z)((0,i.Z)({},e),{color:an.Z.colors.text3,borderLeft:0,backgroundColor:"transparent",padding:"8px 0",":hover":{color:an.Z.colors.outlineSidebar,cursor:"pointer"}})},indicatorSeparator:function(e){return(0,r.Z)((0,i.Z)({},e),{backgroundColor:"transparent"})},placeholder:function(e){return(0,r.Z)((0,i.Z)({},e),{color:an.Z.colors.text3})},control:function(e){return(0,r.Z)((0,i.Z)({},e),{backgroundColor:"transparent",height:"2.5em",border:"0"})},valueContainer:function(e){return(0,r.Z)((0,i.Z)({},e),{color:an.Z.colors.text3,backgroundColor:"transparent",marginTop:"0",fontSize:"0.75em",padding:"7px 8px",height:"35px"})},singleValue:function(e){return(0,r.Z)((0,i.Z)({},e),{color:an.Z.colors.text3,":hover":{color:an.Z.colors.outlineSidebar,cursor:"pointer"}})},option:function(e){return(0,r.Z)((0,i.Z)({},e),{":hover":{backgroundColor:an.Z.colors.outlineSidebar,cursor:"pointer"}})},container:function(e){return(0,r.Z)((0,i.Z)({},e),{marginBottom:"0.5em",height:"2.5em"})}},Yg=[{value:re.Preview,label:"Preview"},{value:re.Program,label:"Program"},{value:re.Clean,label:"Clean"}],Xg=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{value:"preview",type:"success",align:"start",cleanFeedEnabled:!1,onChange:function(){}},n=e.align,t=e.type,i=e.value,r=e.onChange,o=e.cleanFeedEnabled,a=Yg.find((function(e){var n=e.value;return i===n})),c=function(e){r(e.value)};return(0,s.jsxs)(Hg,{align:n,children:["start"===n&&(0,s.jsx)(Dg.C,{type:t,height:10,width:10}),(0,s.jsx)(Wg,{align:n,children:o?(0,s.jsx)(Ts.ZP,{options:Yg,value:a,menuPosition:"fixed",onChange:c,isSearchable:!1,style:Gg}):(0,s.jsx)(_g,{children:i})}),"end"===n&&(0,s.jsx)(Dg.C,{type:t,height:10,width:10})]})},qg=(0,Y.Pi)((function(e){var n=e.streamId,t=(0,q.oR)(),i=t.controlRoom,r=t.streamConfig.serverConfig.cleanFeedEnabled,a=i.monitors,c=a.displayPreview,u=a.displayProgram,l=a.displayClean,d=a.toggleDisplayPreview,p=a.toggleDisplayProgram,f=a.toggleDisplayClean,h=i.localSettings,m=h.isPreviewMuted,g=h.togglePreviewMuted,v=h.isProgramMuted,x=h.toggleProgramMuted,y=h.isCleanMuted,b=h.toggleCleanMuted,I=i.monitorLayout,w=i.setMonitorLayout,P=(0,o.Z)(J.useState(!1),2),S=P[0],Z=P[1];J.useEffect((function(){return(0,Rh.zU)((function(e){return Z(e)}))}),[]);var C=function(e){(0,ns.dj)({streamId:n,sourceId:e})};return(0,s.jsx)(Ue,{children:I.map((function(e,n){var t=n>0,i=function(e){!function(e,n){var t=I.toJSON();t[e]=n,w(t)}(n,e)};switch(e){case re.Preview:return(0,s.jsx)(He,{align:t?"end":"start",collapsed:!c,children:[(0,s.jsx)(Xg,{align:t?"end":"start",value:e,type:"success",onChange:i,cleanFeedEnabled:!!r},"preview-badge"),(0,s.jsx)(ze,{title:"Open Preview in New Window",disabled:S,icon:"external-link",onClick:function(){return C(B.Al)},ariaLabel:"open preview player window"},"preview-popout"),(0,s.jsx)(ze,{title:"".concat(c?"Hide":"Show"," Preview Monitor"),icon:c?"views":"hidden",onClick:d,ariaLabel:"Display Monitor Toggle"},"preview-toggle"),(0,s.jsx)(J.Fragment,{children:c&&(0,s.jsx)(ze,{title:"".concat(m?"Unmute":"Mute"," Preview Monitor"),icon:m?"headphones-mute":"headphones",onClick:g,ariaLabel:"Mute Monitor Toggle"})},"preview-mute")].sort((function(){return t?-1:1}))},"preview-items");case re.Program:return(0,s.jsx)(He,{align:t?"end":"start",collapsed:!u,children:[(0,s.jsx)(Xg,{align:t?"end":"start",value:e,type:"live",onChange:i,cleanFeedEnabled:!!r},"program-badge"),(0,s.jsx)(ze,{title:"Open Program in New Window",icon:"external-link",disabled:S,onClick:function(){return C(B.NW)},ariaLabel:"open program player window"},"program-popout"),(0,s.jsx)(ze,{title:"".concat(u?"Hide":"Show"," Program Monitor"),icon:u?"views":"hidden",onClick:p,ariaLabel:"Display Monitor Toggle"},"program-toggle"),(0,s.jsx)(J.Fragment,{children:u&&(0,s.jsx)(ze,{title:"".concat(v?"Unmute":"Mute"," Program Monitor"),icon:v?"headphones-mute":"headphones",onClick:x,ariaLabel:"Mute Monitor Toggle"})},"program-mute")].sort((function(){return t?-1:1}))},"program-items");case re.Clean:return(0,s.jsx)(He,{align:t?"end":"start",collapsed:!l,children:[(0,s.jsx)(Xg,{align:t?"end":"start",value:e,type:"info",onChange:i,cleanFeedEnabled:!!r},"clean-badge"),(0,s.jsx)(ze,{title:"Open Clean in New Window",disabled:S,icon:"external-link",onClick:function(){return C(B.Pj)},ariaLabel:"open clean player window"},"clean-popout"),(0,s.jsx)(ze,{title:"".concat(l?"Hide":"Show"," Clean Monitor"),icon:l?"views":"hidden",onClick:f,ariaLabel:"Display Monitor Toggle"},"clean-toggle"),(0,s.jsx)(J.Fragment,{children:l&&(0,s.jsx)(ze,{title:"".concat(y?"Unmute":"Mute"," Clean Monitor"),icon:y?"headphones-mute":"headphones",onClick:b,ariaLabel:"Mute Monitor Toggle"})},"clean-mute")].sort((function(){return t?-1:1}))},"clean-items");default:return null}}))})})),Jg=t(73023),Kg=t(70902),Qg=t(57988),$g=t(19036),ev=t.n($g),nv={TOP:1,BOTTOM:2,LEFT:4,RIGHT:8,HORIZONTAL_EDGES_MASK:3,VERTICAL_EDGES_MASK:12,ALL_EDGES_MASK:15,invert:function(e){switch(e){case this.TOP:return this.BOTTOM;case this.BOTTOM:return this.TOP;case this.LEFT:return this.RIGHT;case this.RIGHT:return this.LEFT;default:return 0}},isVertical:function(e){return e===this.LEFT||e===this.RIGHT},isHorizontal:function(e){return e===this.TOP||e===this.BOTTOM},isEdge:function(e){return e===this.LEFT||e===this.RIGHT||e===this.TOP||e===this.BOTTOM}},tv={TOP_LEFT:nv.TOP|nv.LEFT,TOP_RIGHT:nv.TOP|nv.RIGHT,BOTTOM_LEFT:nv.BOTTOM|nv.LEFT,BOTTOM_RIGHT:nv.BOTTOM|nv.RIGHT,invert:function(e){return~e&nv.ALL_EDGES_MASK},horizontalEdge:function(e){return e&nv.HORIZONTAL_EDGES_MASK},verticalEdge:function(e){return e&nv.VERTICAL_EDGES_MASK}},iv={NONE:0,TOP_LEFT:tv.TOP_LEFT,TOP_RIGHT:tv.TOP_RIGHT,BOTTOM_LEFT:tv.BOTTOM_LEFT,BOTTOM_RIGHT:tv.BOTTOM_RIGHT,MID_LEFT:nv.LEFT,MID_RIGHT:nv.RIGHT,MID_TOP:nv.TOP,MID_BOTTOM:nv.BOTTOM,MOVE:nv.ALL_EDGES_MASK,isCorner:function(e){return e===this.TOP_LEFT||e===this.TOP_RIGHT||e===this.BOTTOM_LEFT||e===this.BOTTOM_RIGHT},invert:function(e){return nv.isEdge(e)?nv.invert(e):tv.invert(e)}},rv=function(){function e(n,t){(0,Tl.Z)(this,e),this.x=n,this.y=t}
1return(0,Qg.Z)(e,[{key:"copy",value:function(){return new e(this.x,this.y)}}]),e}(),ov=0,av=1,sv=2,cv=function e(n,t){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:ov;(0,Tl.Z)(this,e),i===ov&&n.x===t.x||i===av?(this.p1=n.y<=t.y?n:t,this.p2=n.y<=t.y?t:n,this.value=this.p1.x,this.start=this.p1.y,this.end=this.p2.y,this.orientation=av):i===ov&&n.y===t.y||i===sv?(this.p1=n.x<=t.x?n:t,this.p2=n.x<=t.x?t:n,this.value=this.p1.y,this.start=this.p1.x,this.end=this.p2.x,this.orientation=sv):(this.p1=n,this.p2=t,this.orientation=ov)},uv=function(){function e(n,t,i,r){(0,Tl.Z)(this,e),this._topLeft=new rv(n,t),this._bottomRight=new rv(n+i,t+r)}return(0,Qg.Z)(e,[{key:"x",value:function(){return this._topLeft.x}},{key:"y",value:function(){return this._topLeft.y}},{key:"width",value:function(){return this._bottomRight.x-this._topLeft.x}},{key:"height",value:function(){return this._bottomRight.y-this._topLeft.y}},{key:"topLeft",value:function(){return this._topLeft.copy()}},{key:"topRight",value:function(){return new rv(this._bottomRight.x,this._topLeft.y)}},{key:"bottomLeft",value:function(){return new rv(this._topLeft.x,this._bottomRight.y)}},{key:"bottomRight",value:function(){return this._bottomRight.copy()}},{key:"centre",value:function(){return new rv(this._topLeft.x+this.width()/2,this._topLeft.y+this.height()/2)}},{key:"midLeft",value:function(){return new rv(this._topLeft.x,this._topLeft.y+this.height()/2)}},{key:"midRight",value:function(){return new rv(this._bottomRight.x,this._topLeft.y+this.height()/2)}},{key:"midTop",value:function(){return new rv(this._topLeft.x+this.width()/2,this._topLeft.y)}},{key:"midBottom",value:function(){return new rv(this._topLeft.x+this.width()/2,this._bottomRight.y)}},{key:"getPointAtHandle",value:function(e){switch(e){case iv.TOP_LEFT:return this.topLeft();case iv.BOTTOM_RIGHT:return this.bottomRight();case iv.MOVE:return this.centre();case iv.TOP_RIGHT:return this.topRight();case iv.BOTTOM_LEFT:return this.bottomLeft();case iv.MID_LEFT:return this.midLeft();case iv.MID_RIGHT:return this.midRight();case iv.MID_TOP:return this.midTop();case iv.MID_BOTTOM:return this.midBottom();case iv.NONE:default:return null}}},{key:"getLineAtEdge",value:function(e){switch(e){case nv.LEFT:return new cv(this.topLeft(),this.bottomLeft());case nv.RIGHT:return new cv(this.topRight(),this.bottomRight());case nv.TOP:return new cv(this.topLeft(),this.topRight());case nv.BOTTOM:return new cv(this.bottomLeft(),this.bottomRight());case nv.LEFT|nv.RIGHT:return new cv(this.centre(),this.centre(),av);case nv.TOP|nv.BOTTOM:return new cv(this.centre(),this.centre(),sv);default:return null}}},{key:"setTo",value:function(e,n,t,i){this._topLeft=new rv(e,n),this._bottomRight=new rv(e+t,n+i)}},{key:"isEqual",value:function(e){return this._topLeft.x===e._topLeft.x&&this._topLeft.y===e._topLeft.y&&this._bottomRight.x===e._bottomRight.x&&this._bottomRight.y===e._bottomRight.y}},{key:"containsPoint",value:function(e,n){return e>=this._topLeft.x&&e<=this._bottomRight.x&&n>=this._topLeft.y&&n<=this._bottomRight.y}},{key:"copyScaleBy",value:function(n,t){return new e(this.x()*n,this.y()*t,this.width()*n,this.height()*t)}},{key:"moveTo",value:function(e,n,t){var i=e-(this._topLeft.x+this.width()/2),r=n-(this._topLeft.y+this.height()/2);this._topLeft.x+i<t.topLeft().x?i=t.topLeft().x-this._topLeft.x:this._bottomRight.x+i>t.bottomRight().x&&(i=t.bottomRight().x-this._bottomRight.x),this._topLeft.y+r<t.topLeft().y?r=t.topLeft().y-this._topLeft.y:this._bottomRight.y+r>t.bottomRight().y&&(r=t.bottomRight().y-this._bottomRight.y),this._topLeft.x+=i,this._bottomRight.x+=i,this._topLeft.y+=r,this._bottomRight.y+=r}},{key:"moveBy",value:function(e,n){this._topLeft.x+=e,this._bottomRight.x+=e,this._topLeft.y+=n,this._bottomRight.y+=n}},{key:"resizeToTargetPoint",value:function(e,n,t,i,r,o,a){var s,c=nv.isEdge(t),u=i.topLeft().x,l=i.bottomRight().x,d=i.topLeft().y,p=i.bottomRight().y;if(e=this.clamp(e,u,l),n=this.clamp(n,d,p),r){var f=this.getPointAtHandle(iv.invert(t)),h=e-f.x,m=n-f.y,g=this.calculateConstrainOrder(c,t,h,m,o,a);-1===g?(s=this.calculateConstrainedOppositeSide(c,f.x,Math.abs(m),Math.sign(h),o/a,u,l),n=this.calculateNewPointFromConstrainedOppositeSide(f.y,m,s,a/o),e=f.x+s):1===g&&(s=this.calculateConstrainedOppositeSide(c,f.y,Math.abs(h),Math.sign(m),a/o,d,p),e=this.calculateNewPointFromConstrainedOppositeSide(f.x,h,s,o/a),n=f.y+s)}var v=this.setNewHandlePosition(t,e,n),x=v.invertedX,y=v.invertedY;return c&&r&&(nv.isHorizontal(t)?this.setNewCenteredWidth(s):this.setNewCenteredHeight(s)),{invertedX:x,invertedY:y}}},{key:"setNewHandlePosition",value:function(e,n,t){e&nv.TOP&&(this._topLeft.y=t),e&nv.LEFT&&(this._topLeft.x=n),e&nv.BOTTOM&&(this._bottomRight.y=t),e&nv.RIGHT&&(this._bottomRight.x=n);var i=!1,r=!1;return this._bottomRight.x<this._topLeft.x&&(this.invertX(),i=!0),this._bottomRight.y<this._topLeft.y&&(this.invertY(),r=!0),{invertedX:i,invertedY:r}}},{key:"invertX",value:function(){var e=this._bottomRight.x;this._bottomRight.x=this._topLeft.x,this._topLeft.x=e}},{key:"invertY",value:function(){var e=this._bottomRight.y;this._bottomRight.y=this._topLeft.y,this._topLeft.y=e}},{key:"clamp",value:function(e,n,t){return Math.min(Math.max(e,n),t)}},{key:"calculateConstrainedOppositeSide",value:function(e,n,t,i,r,o,a){if(e){var s=t*r*.5,c=this.clamp(n+s,o,a),u=this.clamp(n-s,o,a);return 2*Math.min(c-n,n-u)}return this.clamp(n+i*t*r,o,a)-n}},{key:"calculateNewPointFromConstrainedOppositeSide",value:function(e,n,t,i){return e+Math.sign(n)*Math.abs(t)*i}},{key:"calculateConstrainOrder",value:function(e,n,t,i,r,o){if(e)return nv.isVertical(n)?1:nv.isHorizontal(n)?-1:0;var a=Math.abs(t*o),s=Math.abs(i*r);return a>s?1:a<s?-1:0}},{key:"setNewCenteredWidth",value:function(e){var n=(e-this.width())/2;this.setNewHandlePosition(nv.LEFT,this.topLeft().x-n,0),this.setNewHandlePosition(nv.RIGHT,this.bottomRight().x+n,0)}},{key:"setNewCenteredHeight",value:function(e){var n=(e-this.height())/2;this.setNewHandlePosition(nv.TOP,0,this.topLeft().y-n),this.setNewHandlePosition(nv.BOTTOM,0,this.bottomRight().y+n)}}
1],[{key:"newRectFromCoordinates",value:function(n){var t=n.topLeft,i=n.bottomRight;return new e(t.x,t.y,i.x-t.x,i.y-t.y)}}]),e}(),lv=function(){function e(n){var t=n.left,i=n.right,r=n.top,o=n.bottom;(0,Tl.Z)(this,e),this.left=t,this.right=i,this.top=r,this.bottom=o}return(0,Qg.Z)(e,[{key:"width",value:function(){return 1-(this.left+this.right)}},{key:"height",value:function(){return 1-(this.top+this.bottom)}}]),e}(),dv="#FFFFFF",pv=function(){function e(n,t,i,r){var o=n.x,a=n.y;(0,Tl.Z)(this,e),this.handleType=t,this.isCorner=iv.isCorner(t),this.isMidHorizontalHandle=!this.isCorner&&nv.isHorizontal(t),this.isMidVerticalHandle=!this.isCorner&&nv.isVertical(t),this.renderX=o*fv.outputVideoWidth,this.renderY=a*fv.outputVideoHeight,this.interceptRect=new uv(o-fv.interceptHalfHandleSizeX,a-fv.interceptHalfHandleSizeY,fv.interceptHandleSizeX,fv.interceptHandleSizeY);var s=tv.horizontalEdge(this.handleType),c=tv.verticalEdge(this.handleType);if(0!==c){if(this.isCorner){var u=Math.min(r/2,fv.interceptCropHandleLengthY-fv.interceptHalfCropHandleWidthY),l=s===nv.BOTTOM?u:fv.interceptHalfCropHandleWidthY;this.interceptCrop1=new uv(o-fv.interceptHalfCropHandleWidthX,a-l,fv.interceptCropHandleWidthX,u+fv.interceptHalfCropHandleWidthY)}else this.interceptCrop1=new uv(o-fv.interceptHalfCropHandleWidthX,a-fv.interceptCropHandleLengthY,fv.interceptCropHandleWidthX,2*fv.interceptCropHandleLengthY);this.renderCrop1=this.interceptCrop1.copyScaleBy(fv.outputVideoWidth,fv.outputVideoHeight)}if(0!==s){if(this.isCorner){var d=Math.min(i/2,fv.interceptCropHandleLengthX-fv.interceptHalfCropHandleWidthX),p=c===nv.RIGHT?d:fv.interceptHalfCropHandleWidthX;this.interceptCrop2=new uv(o-p,a-fv.interceptHalfCropHandleWidthY,d+fv.interceptHalfCropHandleWidthX,fv.interceptCropHandleWidthY)}else this.interceptCrop2=new uv(o-fv.interceptCropHandleLengthX,a-fv.interceptHalfCropHandleWidthY,2*fv.interceptCropHandleLengthX,fv.interceptCropHandleWidthY);this.renderCrop2=this.interceptCrop2.copyScaleBy(fv.outputVideoWidth,fv.outputVideoHeight)}}return(0,Qg.Z)(e,[{key:"isHandleVisible",value:function(e,n){return(e||!this.isMidHorizontalHandle)&&(n||!this.isMidVerticalHandle)}},{key:"shouldIntercept",value:function(e,n,t){return t?void 0!==this.interceptCrop1&&this.interceptCrop1.containsPoint(e,n)||void 0!==this.interceptCrop2&&this.interceptCrop2.containsPoint(e,n):this.interceptRect.containsPoint(e,n)}},{key:"renderHandle",value:function(e){e.fillRect(this.renderX-fv.renderHalfHandleSize,this.renderY-fv.renderHalfHandleSize,fv.renderHandleSize,fv.renderHandleSize),e.clearRect(this.renderX-fv.renderHalfHandleSize+fv.renderHandleLineWidth,this.renderY-fv.renderHalfHandleSize+fv.renderHandleLineWidth,fv.renderHandleSize-fv.renderHandleLineWidth-fv.renderHandleLineWidth,fv.renderHandleSize-fv.renderHandleLineWidth-fv.renderHandleLineWidth)}},{key:"renderCropHandle",value:function(e){void 0!==this.renderCrop1&&this.drawRect(e,this.renderCrop1),void 0!==this.renderCrop2&&this.drawRect(e,this.renderCrop2)}},{key:"drawRect",value:function(e,n){e.rect(n.x(),n.y(),n.width(),n.height())}}]),e}(),fv=function(){function e(n,t){(0,Tl.Z)(this,e),this.cacheValid=!1,this.cachedRect=null,e.outputVideoWidth=n,e.outputVideoHeight=t}return(0,Qg.Z)(e,[{key:"setupCanvas",value:function(n,t,i){e.renderHandleSize=10*n,e.renderHalfHandleSize=e.renderHandleSize/2,e.renderHandleLineWidth=2*n,e.interceptHandleSizeX=10*t,e.interceptHalfHandleSizeX=e.interceptHandleSizeX/2,e.interceptHandleSizeY=10*i,e.interceptHalfHandleSizeY=e.interceptHandleSizeY/2,e.interceptCropHandleLengthX=25*t,e.interceptHalfCropHandleLengthX=e.interceptCropHandleLengthX/2,e.interceptCropHandleWidthX=10*t,e.interceptHalfCropHandleWidthX=e.interceptCropHandleWidthX/2,e.interceptCropHandleLengthY=25*i,e.interceptHalfCropHandleLengthY=e.interceptCropHandleLengthY/2,e.interceptCropHandleWidthY=10*i,e.interceptHalfCropHandleWidthY=e.interceptCropHandleWidthY/2,this.cacheValid=!1}},{key:"showVerticalMidHandles",value:function(n,t){var i=t?4*e.interceptCropHandleLengthY-e.interceptCropHandleWidthY:2*e.interceptHandleSizeY;return n.height()>=i}},{key:"showHorizontalMidHandles",value:function(n,t){var i=t?4*e.interceptCropHandleLengthX-e.interceptCropHandleWidthX:2*e.interceptHandleSizeX;return n.width()>=i}},{key:"getHandleTypeAtPoint",value:function(e,n,t,i){var r=i.getCroppedRectRelativeScale();this.buildHandles(r);var o=this.showHorizontalMidHandles(r,t),a=this.showVerticalMidHandles(r,t);if(!t&&(!o||!a)&&r.containsPoint(e,n))return iv.NONE;var s=!0,c=!1,u=void 0;try{for(var l,d=this.handleRenderers[Symbol.iterator]();!(s=(l=d.next()).done);s=!0){var p=l.value;if(p.isHandleVisible(o,a)&&p.shouldIntercept(e,n,t))return p.handleType}}catch(f){c=!0,u=f}finally{try{s||null==d.return||d.return()}finally{if(c)throw u}}return iv.NONE}},{key:"buildHandles",value:function(e){if(null===this.cachedRect||!this.cachedRect.isEqual(e)||!this.cacheValid){var n=e.width(),t=e.height();this.handleRenderers=[new pv(e.topLeft(),iv.TOP_LEFT,n,t),new pv(e.topRight(),iv.TOP_RIGHT,n,t),new pv(e.bottomLeft(),iv.BOTTOM_LEFT,n,t),new pv(e.bottomRight(),iv.BOTTOM_RIGHT,n,t),new pv(e.midLeft(),iv.MID_LEFT,n,t),new pv(e.midRight(),iv.MID_RIGHT,n,t),new pv(e.midTop(),iv.MID_TOP,n,t),new pv(e.midBottom(),iv.MID_BOTTOM,n,t)],this.cachedRect=e,this.cacheValid=!0}}},{key:"drawStandardHandles",value:function(e,n){var t=e.getCroppedRectRelativeScale();this.buildHandles(t);var i=this.showHorizontalMidHandles(t,!1),r=this.showVerticalMidHandles(t,!1);n.fillStyle=dv;var o=!0,a=!1,s=void 0;try{for(var c,u=this.handleRenderers[Symbol.iterator]();!(o=(c=u.next()).done);o=!0){var l=c.value;l.isHandleVisible(i,r)&&l.renderHandle(n)}}catch(d){a=!0,s=d}finally{try{o||null==u.return||u.return()}finally{if(a)throw s}}
1return{showHorizontalMidHandles:i,showVerticalMidHandles:r}}},{key:"drawCropHandles",value:function(e,n){var t=e.getCroppedRectRelativeScale();this.buildHandles(t);var i=this.showHorizontalMidHandles(t,!0),r=this.showVerticalMidHandles(t,!0);n.fillStyle=dv,n.beginPath();var o=!0,a=!1,s=void 0;try{for(var c,u=this.handleRenderers[Symbol.iterator]();!(o=(c=u.next()).done);o=!0){var l=c.value;l.isHandleVisible(i,r)&&l.renderCropHandle(n)}}catch(d){a=!0,s=d}finally{try{o||null==u.return||u.return()}finally{if(a)throw s}}n.closePath(),n.fill()}}]),e}(),hv="#FFFFFF",mv=function(){function e(n,t){(0,Tl.Z)(this,e),this.canvas=n,this.ctx=n.getContext("2d"),this.outputVideoWidth=t.width,this.outputVideoHeight=t.height,this.setPositioningElement(null),this.handlesRenderer=new fv(this.outputVideoWidth,this.outputVideoHeight)}return(0,Qg.Z)(e,[{key:"setPositioningElement",value:function(e){this.element=void 0!==e&&null!==e?e:null}},{key:"setupCanvas",value:function(e){if(null!==e&&void 0!==e){this.canvas.width=e.canvasWidth/e.videoWidth*this.outputVideoWidth,this.canvas.height=e.canvasHeight/e.videoHeight*this.outputVideoHeight,this.xOffset=e.videoX/e.canvasWidth*this.canvas.width,this.yOffset=e.videoY/e.canvasHeight*this.canvas.height,this.ctx.translate(this.xOffset,this.yOffset);var n=this.canvas.width/e.canvasWidth;this.lineWidth=2*n,this.lineDashStep1=4*n,this.lineDashStep2=2*n,this.centreCircleRadius=3*n,this.handlesRenderer.setupCanvas(n,1/e.videoWidth,1/e.videoHeight)}}},{key:"drawSnapLines",value:function(e){if(0!==e.length){this.ctx.lineWidth=this.lineWidth,this.ctx.strokeStyle="#F03F55",this.ctx.setLineDash([]);var n=!0,t=!1,i=void 0;try{for(var r,o=e[Symbol.iterator]();!(n=(r=o.next()).done);n=!0){var a=r.value;this.ctx.beginPath(),this.ctx.moveTo(a.p1.x*this.outputVideoWidth,a.p1.y*this.outputVideoHeight),this.ctx.lineTo(a.p2.x*this.outputVideoWidth,a.p2.y*this.outputVideoHeight),this.ctx.stroke()}}catch(s){t=!0,i=s}finally{try{n||null==o.return||o.return()}finally{if(t)throw i}}}}},{key:"getHandleTypeAtPoint",value:function(e,n,t){if(null===this.element)return iv.NONE;var i=this.handlesRenderer.getHandleTypeAtPoint(e,n,t,this.element);return i!==iv.NONE?i:!t&&this.element.containsPointWhenCropped(e,n)||t&&this.element.originalImageRect.containsPoint(e,n)?iv.MOVE:iv.NONE}},{key:"drawOverlay",value:function(e,n,t){if(this.ctx.clearRect(-this.xOffset,-this.yOffset,this.canvas.width,this.canvas.height),this.element&&e){var i=this.element.getCroppedRect(this.outputVideoWidth,this.outputVideoHeight),r=this.element.getOriginalImageRect(this.outputVideoWidth,this.outputVideoHeight);n&&this.drawCropMask(r,i),this.drawBorder(i,n),this.drawSnapLines(t)}}},{key:"drawHighlight",value:function(e){var n=e.getCroppedRect(this.outputVideoWidth,this.outputVideoHeight);this.ctx.lineWidth=this.lineWidth,this.ctx.strokeStyle=hv,this.ctx.setLineDash([]),this.ctx.strokeRect(n.x(),n.y(),n.width(),n.height())}},{key:"drawBorder",value:function(e,n){var t=this.ctx;if(t.lineWidth=this.lineWidth,t.strokeStyle=hv,t.setLineDash([]),n)t.beginPath(),t.rect(e.topLeft().x,e.topLeft().y,e.width(),e.height()),t.stroke(),this.handlesRenderer.drawCropHandles(this.element,t);else{var i=this.handlesRenderer.drawStandardHandles(this.element,t),r=i.showHorizontalMidHandles,o=i.showVerticalMidHandles;this.drawEdges(e,r,o),this.drawCentre(e)}}},{key:"drawCentre",value:function(e){var n=2*(this.centreCircleRadius+this.lineWidth+fv.renderHalfHandleSize);if(!(e.width()<n||e.height()<n)){var t=this.ctx;t.beginPath(),t.arc(e.x()+e.width()/2,e.y()+e.height()/2,this.centreCircleRadius,0,2*Math.PI),t.stroke()}}},{key:"drawEdges",value:function(e,n,t){var i=this.ctx,r=e.topLeft(),o=e.topRight(),a=e.bottomLeft(),s=e.bottomRight(),c=e.centre();i.beginPath(),i.moveTo(r.x+fv.renderHalfHandleSize,r.y),n&&(i.lineTo(c.x-fv.renderHalfHandleSize,o.y),i.moveTo(c.x+fv.renderHalfHandleSize,o.y)),i.lineTo(o.x-fv.renderHalfHandleSize,r.y),i.moveTo(o.x,o.y+fv.renderHalfHandleSize),t&&(i.lineTo(o.x,c.y-fv.renderHalfHandleSize),i.moveTo(o.x,c.y+fv.renderHalfHandleSize)),i.lineTo(s.x,s.y-fv.renderHalfHandleSize),i.moveTo(s.x-fv.renderHalfHandleSize,s.y),n&&(i.lineTo(c.x+fv.renderHalfHandleSize,s.y),i.moveTo(c.x-fv.renderHalfHandleSize,s.y)),i.lineTo(a.x+fv.renderHalfHandleSize,a.y),i.moveTo(a.x,a.y-fv.renderHalfHandleSize),t&&(i.lineTo(a.x,c.y+fv.renderHalfHandleSize),i.moveTo(r.x,c.y-fv.renderHalfHandleSize)),i.lineTo(r.x,r.y+fv.renderHalfHandleSize),i.stroke()}},{key:"drawCropMask",value:function(e,n){var t=this.ctx;t.lineWidth=this.lineWidth,t.strokeStyle=hv,t.setLineDash([this.lineDashStep1,this.lineDashStep2]),t.fillStyle="rgba(165, 165, 165, 0.7)",t.beginPath(),t.moveTo(e.x(),e.y()),t.lineTo(e.x()+e.width(),e.y()),t.lineTo(e.x()+e.width(),e.y()+e.height()),t.lineTo(e.x(),e.y()+e.height()),t.moveTo(e.x(),e.y()),t.closePath(),t.moveTo(n.x(),n.y()),t.lineTo(n.x(),n.y()+n.height()),t.lineTo(n.x()+n.width(),n.y()+n.height()),t.lineTo(n.x()+n.width(),n.y()),t.lineTo(n.x(),n.y()),t.closePath(),t.fill(),t.beginPath(),t.rect(e.topLeft().x,e.topLeft().y,e.width(),e.height()),t.stroke()}}]),e}(),gv=new uv(-10,-10,20,20),vv=function(){function e(n,t,i){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[];
1(0,Tl.Z)(this,e),this.originalImageRect=uv.newRectFromCoordinates(n),this.crop=new lv(t),this.flipHorizontal=i.horizontal,this.flipVertical=i.vertical,this.pipZones=[];var o=!0,a=!1,s=void 0;try{for(var c,u=r[Symbol.iterator]();!(o=(c=u.next()).done);o=!0){var l=c.value;this.pipZones.push(uv.newRectFromCoordinates(l))}}catch(d){a=!0,s=d}finally{try{o||null==u.return||u.return()}finally{if(a)throw s}}}return(0,Qg.Z)(e,[{key:"getCroppedRect",value:function(e,n){var t=this.originalImageRect.topLeft(),i=this.originalImageRect.width(),r=this.originalImageRect.height(),o=t.x+this.crop.left*i,a=t.y+this.crop.top*r,s=i*(1-this.crop.left-this.crop.right),c=r*(1-this.crop.top-this.crop.bottom);return new uv(o*e,a*n,s*e,c*n)}},{key:"getCroppedRectRelativeScale",value:function(){return this.getCroppedRect(1,1)}},{key:"getCroppedSize",value:function(){var e=this.getCroppedRectRelativeScale();return{width:e.width(),height:e.height()}}},{key:"getOriginalImageRect",value:function(e,n){return this.originalImageRect.copyScaleBy(e,n)}},{key:"containsPointWhenCropped",value:function(e,n){return this.getCroppedRectRelativeScale().containsPoint(e,n)}},{key:"getPointAtHandle",value:function(e,n){return(e===iv.MOVE&&n?this.getOriginalImageRect(1,1):this.getCroppedRectRelativeScale()).getPointAtHandle(e)}},{key:"moveElement",value:function(e,n,t,i){var r,o,a=this.getCroppedRectRelativeScale();if(t){var s=a.bottomRight().x-this.originalImageRect.width(),c=a.x()+this.originalImageRect.width(),u=a.bottomRight().y-this.originalImageRect.height(),l=a.y()+this.originalImageRect.height();r=new uv(s,u,c-s,l-u),o=this.originalImageRect}else r=gv,o=a;if(o.moveTo(e,n,r),!t&&i.enabled){var d=i.snapToPoints(o),p=d.adjustedX,f=d.adjustedY;o.moveTo(p,f,r),i.consolidateCurrentMatches(o)}t?this.setCroppedRectAndAdjustCrop(a):this.setCroppedRect(o)}},{key:"adjustElement",value:function(e,n,t,i,r,o,a,s){var c=this.getCroppedRectRelativeScale(),u=a?this.originalImageRect:gv,l=c.resizeToTargetPoint(e,n,t,u,i,r,o),d=l.invertedX,p=l.invertedY;if(!a&&s.enabled){var f,h=tv.horizontalEdge(t),m=tv.verticalEdge(t),g={snapped:!1},v={snapped:!1};if(nv.isVertical(m)&&(g=s.snapToLine(c.getLineAtEdge(m),m)),nv.isHorizontal(h)&&(v=s.snapToLine(c.getLineAtEdge(h),h)),i&&(g.snapped||v.snapped)){var x=Math.abs(g.newValue-e)<=Math.abs(v.newValue-n);e=!g.snapped||v.snapped&&!x?c.centre().x:g.newValue,n=!v.snapped||g.snapped&&x?c.centre().y:v.newValue}else e=g.snapped?g.newValue:e,n=v.snapped?v.newValue:n;d=(f=(c=this.getCroppedRectRelativeScale()).resizeToTargetPoint(e,n,t,u,i,r,o)).invertedX,p=f.invertedY,s.consolidateCurrentMatches(c)}return d&&(a||(this.flipHorizontal=!this.flipHorizontal),t=tv.horizontalEdge(t)|nv.invert(tv.verticalEdge(t))),p&&(a||(this.flipVertical=!this.flipVertical),t=tv.verticalEdge(t)|nv.invert(tv.horizontalEdge(t))),a?this.setCroppedRectAndAdjustCrop(c):this.setCroppedRect(c),t}},{key:"toDisplaySettings",value:function(e,n){var t={};return e&&(t.cornerCoordinates={topLeft:this.originalImageRect.topLeft(),bottomRight:this.originalImageRect.bottomRight()},t.flip={horizontal:this.flipHorizontal,vertical:this.flipVertical}),n&&(t.crop=this.crop),{display:t}}},{key:"setCroppedRect",value:function(e){var n=e.width()/this.crop.width(),t=e.height()/this.crop.height();this.originalImageRect.setTo(e.x()-this.crop.left*n,e.y()-this.crop.top*t,n,t)}},{key:"setCroppedRectAndAdjustCrop",value:function(e){var n=this.originalImageRect.width(),t=this.originalImageRect.height(),i=this.originalImageRect.topLeft(),r=this.originalImageRect.bottomRight(),o=e.bottomRight();this.crop.left=Math.max(0,Math.min(1,(e.x()-i.x)/n)),this.crop.right=Math.max(0,Math.min(1,(r.x-o.x)/n)),this.crop.top=Math.max(0,Math.min(1,(e.y()-i.y)/t)),this.crop.bottom=Math.max(0,Math.min(1,(r.y-o.y)/t))}}]),e}(),xv=1,yv=2,bv=function e(n,t){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:yv;(0,Tl.Z)(this,e),this.line=new cv(n,t),this.type=i},Iv=function(){function e(n,t){(0,Tl.Z)(this,e),this.horizontal=n,this.vertical=t}return(0,Qg.Z)(e,[{key:"getDimension",value:function(e){return e===av?this.vertical:e===sv?this.horizontal:null}},{key:"setDimension",value:function(e,n){e===av?this.vertical=n:e===sv&&(this.horizontal=n)}}]),e}(),wv=function(){function e(n){(0,Tl.Z)(this,e),this.matchedLines=new Map,this.currentDistance=new Iv(Number.MAX_SAFE_INTEGER,Number.MAX_SAFE_INTEGER),this.pixels=new Iv(n.width,n.height)}return(0,Qg.Z)(e,[{key:"clear",value:function(){this.matchedLines.clear(),this.currentDistance.setDimension(av,Number.MAX_SAFE_INTEGER),this.currentDistance.setDimension(sv,Number.MAX_SAFE_INTEGER)}},{key:"check",value:function(e,n,t){var i=this.pixels.getDimension(e.orientation),r=Math.abs(Math.round(e.value*i-n.value*i)),o=this.currentDistance.getDimension(e.orientation);if(r===o)this._add(t,e,n,r);else if(r<o)return this._removeMatches(e.orientation),this._add(t,e,n,r),!0;return!1}},{key:"snapValueAt",value:function(e){return this.matchedLines.has(e)?this.matchedLines.get(e).matches[0].value:null}},{key:"consolidateLinesToRect",value:function(e){var n=[];
1return this.matchedLines.forEach((function(t,i){var r=e.getLineAtEdge(i),o=r.start,a=r.end,s=0,c=!0,u=!1,l=void 0;try{for(var d,p=t.matches[Symbol.iterator]();!(c=(d=p.next()).done);c=!0){var f=d.value;f.start<o&&(o=f.start),f.end>a&&(a=f.end),s=f.value}}catch(h){u=!0,l=h}finally{try{c||null==p.return||p.return()}finally{if(u)throw l}}n.push(t.orientation===av?new cv(new rv(s,o),new rv(s,a)):new cv(new rv(o,s),new rv(a,s)))})),n}},{key:"_removeMatches",value:function(e){var n=this;this.matchedLines.forEach((function(t,i){t.orientation===e&&n.matchedLines.delete(i)}))}},{key:"_add",value:function(e,n,t,i){this.matchedLines.has(e)?this.matchedLines.get(e).matches.push(t):(this.matchedLines.set(e,{orientation:n.orientation,matches:[t]}),this.currentDistance.setDimension(n.orientation,i))}}]),e}(),Pv=function(){function e(n,t){(0,Tl.Z)(this,e),this.enabled=n,this.matches=new wv(t),this.snapPoints=[],this.currentLines=[],this.snapSize=new Iv(0,0),this._addBackgroundSnapPoints()}return(0,Qg.Z)(e,[{key:"setupLayout",value:function(e){null!==e&&void 0!==e&&(this.snapSize=new Iv(1/e.canvasHeight*12,1/e.canvasWidth*12))}},{key:"buildSnapPoints",value:function(e,n){if(this.enabled){this.snapPoints=(0,a.Z)(this.backgroundSnapPoints);var t=!0,i=!1,r=void 0;try{for(var s,c=Object.entries(e)[Symbol.iterator]();!(t=(s=c.next()).done);t=!0){var u=(0,o.Z)(s.value,2),l=u[0],d=u[1];if(l!==n){var p=d.getCroppedRect(1,1),f=p.topLeft(),h=p.bottomRight(),m=f.x+p.width()/2,g=f.y+p.height()/2;this.snapPoints.push(new bv(f,p.bottomLeft(),yv)),this.snapPoints.push(new bv(p.topRight(),h,yv)),this.snapPoints.push(new bv(new rv(m,f.y),new rv(m,h.y),xv)),this.snapPoints.push(new bv(f,p.topRight(),yv)),this.snapPoints.push(new bv(p.bottomLeft(),h,yv)),this.snapPoints.push(new bv(new rv(f.x,g),new rv(h.x,g),xv));var v=d.getOriginalImageRect(1,1),x=!0,y=!1,b=void 0;try{for(var I,w=d.pipZones[Symbol.iterator]();!(x=(I=w.next()).done);x=!0){var P=I.value.copyScaleBy(v.width(),v.height());P.moveBy(v.x(),v.y()),this.snapPoints.push(new bv(P.topLeft(),P.bottomLeft())),this.snapPoints.push(new bv(P.topRight(),P.bottomRight())),this.snapPoints.push(new bv(P.topLeft(),P.topRight())),this.snapPoints.push(new bv(P.bottomLeft(),P.bottomRight()))}}catch(S){y=!0,b=S}finally{try{x||null==w.return||w.return()}finally{if(y)throw b}}}}}catch(S){i=!0,r=S}finally{try{t||null==c.return||c.return()}finally{if(i)throw r}}}else this.snapPoints=[]}},{key:"clearCurrentSnaps",value:function(){this.currentLines.length=0,this.matches.clear()}},{key:"consolidateCurrentMatches",value:function(e){this.currentLines=this.matches.consolidateLinesToRect(e)}},{key:"snapToPoints",value:function(e){var n=e.centre();return{adjustedX:this._snapToLinesOnAxis(n.x,nv.LEFT,nv.RIGHT,nv.LEFT|nv.RIGHT,e,e.width()),adjustedY:this._snapToLinesOnAxis(n.y,nv.TOP,nv.BOTTOM,nv.TOP|nv.BOTTOM,e,e.height())}}},{key:"snapToLine",value:function(e,n){return this._matchToLine(e,n)?{snapped:!0,newValue:this.matches.snapValueAt(n)}:{snapped:!1}}},{key:"_addBackgroundSnapPoints",value:function(){this.backgroundSnapPoints=[],this.backgroundSnapPoints.push(new bv(new rv(0,0),new rv(0,1),yv)),this.backgroundSnapPoints.push(new bv(new rv(.5,0),new rv(.5,1),xv)),this.backgroundSnapPoints.push(new bv(new rv(1,0),new rv(1,1),yv)),this.backgroundSnapPoints.push(new bv(new rv(0,0),new rv(1,0),yv)),this.backgroundSnapPoints.push(new bv(new rv(0,.5),new rv(1,.5),xv)),this.backgroundSnapPoints.push(new bv(new rv(0,1),new rv(1,1),yv))}},{key:"_snapToLinesOnAxis",value:function(e,n,t,i,r,o){return this._matchToLine(r.getLineAtEdge(n),n)&&(e=this.matches.snapValueAt(n)+o/2),this._matchToLine(r.getLineAtEdge(t),t)&&(e=this.matches.snapValueAt(t)-o/2),this._matchToLine(r.getLineAtEdge(i),i,xv)&&(e=this.matches.snapValueAt(i)),e}},{key:"_matchToLine",value:function(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:yv;if(e.orientation!==ov){var i=!1,r=this.snapSize.getDimension(e.orientation),o=!0,a=!1,s=void 0;try{for(var c,u=this.snapPoints[Symbol.iterator]();!(o=(c=u.next()).done);o=!0){var l=c.value;if(e.orientation===l.line.orientation){var d=l.line,p=d.value-r,f=d.value+r;l.type===t&&e.value>p&&e.value<f&&(i=this.matches.check(e,d,n)||i)}}}catch(h){a=!0,s=h}finally{try{o||null==u.return||u.return()}finally{if(a)throw s}}return i}}}]),e}();function Sv(){var e=(0,R.Z)(["\n width: 100%;\n height: 100%;\n margin: auto;\n position: absolute;\n z-index: ",";\n"]);return Sv=function(){return e},e}var Zv=L.ZP.canvas.withConfig({componentId:"sc-3cad1206-0"})(Sv(),(function(e){return e.theme.zIndex.overlay})),Cv=function(e){(0,Rl.Z)(t,e);var n=(0,Ll.Z)(t);function t(e){var i;return(0,Tl.Z)(this,t),i=n.call(this,e),(0,E.Z)((0,Kg.Z)(i),"onKeyUp",(function(e){i.props.showCanvas&&(0,Go.pD)(Go.mW.C,e)&&i.toggleCropMode()})),(0,E.Z)((0,Kg.Z)(i),"onMouseMove",(function(e){if(i.mouseDown&&i.currentHandle!==iv.NONE&&!i.processAsClick&&null!==i.props.layout){var n=i.getMousePositionOnCanvas(e),t=n.x,r=n.y;t-=i.currentAction.handleOffset.x,r-=i.currentAction.handleOffset.y;var o=!e.getModifierState("Shift");i.snapPointsManager.clearCurrentSnaps(),i.currentHandle===iv.MOVE?i.renderer.element.moveElement(t,r,i.cropMode,i.snapPointsManager):i.currentHandle=i.renderer.element.adjustElement(t,r,i.currentHandle,o,i.currentAction.widthAtStart,i.currentAction.heightAtStart,i.cropMode,i.snapPointsManager),i.props.didUpdate(i.props.selectedId,i.renderer.element.toDisplaySettings(!i.cropMode||i.currentHandle===iv.MOVE,i.cropMode)),i.redrawCanavas()}})),(0,E.Z)((0,Kg.Z)(i),"onCanvasMouseMove",(function(e){if(null!==i.props.layout&&(i.lastMousePositionOnCanvas=i.getMousePositionOnCanvas(e),e.currentTarget&&!i.mouseDown)){var n=i.isItemSelected()?i.renderer.getHandleTypeAtPoint(i.lastMousePositionOnCanvas.x,i.lastMousePositionOnCanvas.y,i.cropMode):iv.NONE;i.updateCursor(n);var t=i.highlightedId;n===iv.NONE?i.highlightedId=i.findUnselectedElementAt(i.lastMousePositionOnCanvas.x,i.lastMousePositionOnCanvas.y):i.highlightedId=null,t!==i.highlightedId&&i.redrawCanavas()}})),(0,E.Z)((0,Kg.Z)(i),"onMouseDown",(function(e){if(null!==i.props.layout)if(i.mouseDown=!0,i.isItemSelected()){var n=i.getMousePositionOnCanvas(e),t=n.x,r=n.y;i.currentHandle=i.renderer.getHandleTypeAtPoint(t,r,i.cropMode),i.currentHandle!==iv.NONE?i.onActionStart(t,r):i.processAsClick=!0}else i.processAsClick=!0})),(0,E.Z)((0,Kg.Z)(i),"onContextMenu",(function(e){return e.preventDefault(),!1})),(0,E.Z)((0,Kg.Z)(i),"onClick",(function(e){if(null!==i.props.layout&&i.processAsClick){var n=i.getMousePositionOnCanvas(e),t=n.x,r=n.y;if(i.isItemSelected())if(i.renderer.getHandleTypeAtPoint(t,r,i.cropMode)!==iv.NONE)return;var o=i.findUnselectedElementAt(t,r);null!==o?(i.cropMode=!1,i.renderer.setPositioningElement(i.elements[o]),i.redrawCanavas(),i.props.onSelectionUpdated&&i.props.onSelectionUpdated(o),i.updateCursor(i.renderer.getHandleTypeAtPoint(t,r,i.cropMode))):i.isItemSelected()&&(i.renderer.setPositioningElement(null),i.redrawCanavas(),i.props.onSelectionUpdated&&i.props.onSelectionUpdated(null))}})),(0,E.Z)((0,Kg.Z)(i),"onMouseUp",(function(e){if(null!==i.props.layout){i.mouseDown=!1;var n=i.getMousePositionOnCanvas(e),t=n.x,r=n.y;i.updateCursor(i.renderer.getHandleTypeAtPoint(t,r,i.cropMode)),i.updateOnActionEnd?i.updateElementsAndSelection():i.props.showCanvas||i.redrawCanavas(),i.updateOnActionEnd=!1}})),i.canvasRef=J.createRef(),i}return(0,Qg.Z)(t,[{key:"didMove",value:function(e,n){return null===e||null===n||void 0===e||void 0===n||e.videoWidth!==n.videoWidth||e.videoHeight!==n.videoHeight||e.videoX!==n.videoX||e.videoY!==n.videoY||e.canvasWidth!==n.canvasWidth||e.canvasHeight!==n.canvasHeight}},{key:"isItemSelected",value:function(){return this.renderer&&this.renderer.element}},{key:"redrawCanavas",value:function(){this.renderer.drawOverlay(this.props.showCanvas||this.mouseDown,this.cropMode,this.snapPointsManager.currentLines),this.snapPointsManager.clearCurrentSnaps(),this.props.showCanvas&&null!==this.highlightedId&&this.highlightedId!==this.props.selectedId&&Object.hasOwn(this.elements,this.highlightedId)&&this.renderer.drawHighlight(this.elements[this.highlightedId])}},{key:"componentDidMount",value:function(){this.mouseDown=!1,this.cropMode=!1,this.currentHandle=iv.NONE,this.processAsClick=!1,this.highlightedId=null,this.lastMousePositionOnCanvas=null,this.updateOnActionEnd=!1,this.addEventListeners(),this.snapPointsManager=new Pv(this.props.snappingEnabled,this.props.outputVideoResolution),this.renderer=new mv(this.canvasRef.current,this.props.outputVideoResolution),this.renderer.setupCanvas(this.props.layout),this.snapPointsManager.setupLayout(this.props.layout),this.updateElementsAndSelection()}},{key:"componentDidUpdate",value:function(e){if(this.didMove(e.layout,this.props.layout)&&(this.renderer.setupCanvas(this.props.layout),this.snapPointsManager.setupLayout(this.props.layout)),this.snapPointsManager.enabled=this.props.snappingEnabled,this.mouseDown&&this.currentHandle!==iv.NONE)return this.updateOnActionEnd=!0,void(this.props.selectedId&&this.props.selectedId===e.selectedId&&Object.hasOwn(this.elements,this.props.selectedId)||this.forceEndAction());this.updateElementsAndSelection()}},{key:"componentWillUnmount",value:function(){this.removeEventListeners()}},{key:"updateElementsAndSelection",value:function(){this.updateElements(),this.props.selectedId&&Object.hasOwn(this.elements,this.props.selectedId)?this.renderer.setPositioningElement(this.elements[this.props.selectedId]):this.renderer.setPositioningElement(null),this.redrawCanavas()}},{key:"updateElements",value:function(){if(this.elements={},this.props.models){for(var e=this.props.models.length-1;e>=0;e--){var n=this.props.models[e];this.elements[n.id]=new vv(n.previewSettings.display.cornerCoordinates,(0,i.Z)({},n.previewSettings.display.crop),(0,i.Z)({},n.previewSettings.display.flip),n.pipZones)}this.snapPointsManager.buildSnapPoints(this.elements,this.props.selectedId)}}},{key:"toggleCropMode",value:function(){if(this.cropMode=!this.cropMode,this.mouseDown&&this.currentHandle===iv.MOVE&&!this.processAsClick){var e=this.renderer.element.getPointAtHandle(iv.MOVE,!this.cropMode);this.currentAction.handleOffset=this.calculateHandleOffset(this.currentAction.handleOffset.x+e.x,this.currentAction.handleOffset.y+e.y)}else this.mouseDown||null===this.lastMousePositionOnCanvas||this.updateCursor(this.renderer.getHandleTypeAtPoint(this.lastMousePositionOnCanvas.x,this.lastMousePositionOnCanvas.y,this.cropMode));this.redrawCanavas()}},{key:"updateCursor",value:function(e){switch(e){case iv.NONE:this.canvasRef.current.style.cursor="auto";break;case iv.MOVE:this.canvasRef.current.style.cursor="all-scroll";break;case iv.TOP_LEFT:case iv.BOTTOM_RIGHT:this.canvasRef.current.style.cursor="nwse-resize";break;case iv.TOP_RIGHT:case iv.BOTTOM_LEFT:this.canvasRef.current.style.cursor="nesw-resize";break;case iv.MID_LEFT:case iv.MID_RIGHT:this.canvasRef.current.style.cursor="ew-resize";break;case iv.MID_TOP:case iv.MID_BOTTOM:this.canvasRef.current.style.cursor="ns-resize";break;default:this.canvasRef.current.style.cursor="auto"}}},{key:"findUnselectedElementAt",value:function(e,n){var t=!0,i=!1,r=void 0;try{for(var a,s=Object.entries(this.elements)[Symbol.iterator]();!(t=(a=s.next()).done);t=!0){var c=(0,o.Z)(a.value,2),u=c[0],l=c[1];if(u!==this.props.selectedId&&l.containsPointWhenCropped(e,n))return u}}catch(d){i=!0,r=d}finally{try{t||null==s.return||s.return()}finally{if(i)throw r}}return null}},{key:"getMousePositionOnCanvas",value:function(e){var n=this.props.layout,t=this.canvasRef.current.getBoundingClientRect(),i=e.clientX-t.left,r=e.clientY-t.top;return{x:(i-n.videoX)/n.videoWidth,y:(r-n.videoY)/n.videoHeight}}},{key:"onActionStart",value:function(e,n){this.processAsClick=!1,this.updateOnActionEnd=!1;var t=this.renderer.element.getCroppedSize(),i=t.width,r=t.height,o=this.calculateHandleOffset(e,n);this.currentAction={widthAtStart:i,heightAtStart:r,handleOffset:o}}},{key:"calculateHandleOffset",value:function(e,n){var t=this.renderer.element.getPointAtHandle(this.currentHandle,this.cropMode);return new rv(e-t.x,n-t.y)}},{key:"forceEndAction",value:function(){this.mouseDown=!1,null!==this.lastMousePositionOnCanvas&&this.updateCursor(this.renderer.getHandleTypeAtPoint(this.lastMousePositionOnCanvas.x,this.lastMousePositionOnCanvas.y,this.cropMode)),this.updateOnActionEnd&&this.updateElementsAndSelection(),this.redrawCanavas()}},{key:"addEventListeners",value:function(){document.addEventListener("mousemove",this.onMouseMove),document.addEventListener("mouseup",this.onMouseUp),document.addEventListener("keyup",this.onKeyUp),this.canvasRef.current.addEventListener("mousemove",this.onCanvasMouseMove),this.canvasRef.current.addEventListener("mousedown",this.onMouseDown),this.canvasRef.current.addEventListener("click",this.onClick),this.canvasRef.current.addEventListener("contextmenu",this.onContextMenu)}},{key:"removeEventListeners",value:function(){document.removeEventListener("mousemove",this.onMouseMove),document.removeEventListener("mouseup",this.onMouseUp),document.removeEventListener("keyup",this.onKeyUp),this.canvasRef.current.removeEventListener("mousemove",this.onCanvasMouseMove),this.canvasRef.current.removeEventListener("mousedown",this.onMouseDown),this.canvasRef.current.removeEventListener("click",this.onClick),this.canvasRef.current.removeEventListener("contextmenu",this.onContextMenu)}},{key:"render",value:function(){return(0,s.jsx)(Zv,{ref:this.canvasRef})}}]),t}(J.PureComponent);
1Cv.propTypes={didUpdate:ev().func.isRequired,onSelectionUpdated:ev().func.isRequired,selectedId:ev().string,showCanvas:ev().bool.isRequired,snappingEnabled:ev().bool.isRequired,models:ev().arrayOf(ev().shape({id:ev().string,display:ev().object})),layout:ev().exact({canvasWidth:ev().number,canvasHeight:ev().number,videoX:ev().number,videoY:ev().number,videoWidth:ev().number,videoHeight:ev().number}),outputVideoResolution:ev().exact({width:ev().number,height:ev().number}).isRequired},Cv.defaultProps={selectedId:null,models:null};var jv=Cv,kv=t(92999),Tv=(0,Y.Pi)((function(e){var n=e.ui,t=e.playerRef,a=e.modelsInPreview,c=e.outputDimensions,u=e.player,l=e.onSelectionUpdated,d=e.selectedId,p=e.onLoadedData,f=(0,G.Z)(e,["ui","playerRef","modelsInPreview","outputDimensions","player","onSelectionUpdated","selectedId","onLoadedData"]),h=n.getLayerById,m=n.localSettings,g=m.isInteractivePositioningEnabled,v=m.isInteractivePositioningSnappingEnabled,x=(0,o.Z)(J.useState(null),2),y=x[0],b=x[1],I=(0,o.Z)(J.useState(null),2),w=I[0],P=I[1],S=(0,o.Z)(J.useState(null),2),Z=S[0],C=S[1],j=(0,o.Z)(J.useState(!1),2),k=j[0],T=j[1],R=null,L=1;J.useEffect((function(){b(a)}),[JSON.stringify(a)]),J.useEffect((function(){return function(){w&&(null===R||void 0===R||R.unobserve(w))}}),[w,R]);var A=ee()((function(e,n){var t;null===(t=a.find((function(n){return n.id===e})))||void 0===t||t.requestUpdate(n)}),10),M=function(e){var t=(0,o.Z)(e,1)[0],i=O(t),r=i.offsetTop,a=i.offsetLeft,s=i.offsetHeight,c=i.offsetWidth,u=i.clientWidth,l=i.clientHeight;n.monitors.displayPreview&&C({canvasWidth:u,canvasHeight:l,videoX:a,videoY:r,videoWidth:c,videoHeight:s})},O=function(e){var n=e.target,t=n.clientWidth,i=n.clientHeight,r=e.target.querySelector("video"),o=r.offsetTop,a=r.offsetLeft,s=r.offsetHeight,c=r.offsetWidth,u=L*s;return{offsetTop:o,offsetLeft:(c-u)/2+a,offsetHeight:s,offsetWidth:u,clientWidth:t,clientHeight:i}},D=(0,Sp.TH)().pathname,E=k||function(e){var n,t=e.pathname,i=e.getLayerById,r=(0,kv.LX)("/source/:inputId/settings/display",t),o=(0,kv.LX)("/layer/:layerId/settings/display",t),a=!!o&&(null===(n=i(o.params.layerId))||void 0===n?void 0:n.preview.overrideDisplaySettings);return!!r||a}({pathname:D,getLayerById:h});return(0,s.jsx)(u,(0,r.Z)((0,i.Z)({playerRef:t,onLoadedData:function(e){var n=e.target,t=n.parentNode,i=n.videoWidth,r=n.videoHeight;P(t),L=(0,cr.Fe)(i,r),(R=new Jg.Z(M)).observe(t),p()}},f),{children:g&&(0,s.jsx)("div",{onMouseOver:function(){return T(!0)},onMouseOut:function(){return T(!1)},children:(0,s.jsx)(jv,{models:y,layout:Z,didUpdate:A,onSelectionUpdated:l,selectedId:d,showCanvas:E,snappingEnabled:v,outputVideoResolution:c})})}))})),Rv="previewPlayer",Lv=(0,Y.Pi)((function(e){var n=e.onUserGestureRequired,t=void 0===n?h():n,i=e.style,r=(0,q.oR)(),c=r.streamConfig,u=r.controlRoom,l=u.monitors,d=l.displayPreview,p=l.displayPreviewIndicator,f=u.setMonitorReference,m=u.setMonitorsLoaded,g=u.setActiveLayer,v=u.setSelectedInput,x=u.selectedInput,y=u.hasUserGesture,b=u.resetSelectedInput,I=u.localSettings.isPreviewMuted,w=(0,Sp.s0)(),P=(0,Sp.TH)().pathname,S=(0,J.useRef)(null);(0,J.useEffect)((function(){d&&f&&f(Rv,S.current.ref.current)}),[Rv,f,d,S.current]),(0,J.useEffect)((function(){var e;d&&Promise.resolve(null===(e=S.current)||void 0===e?void 0:e.ref.current.play()).catch((function(){return t(re.Preview)}))}),[t,d,S.current]);var Z=(0,o.Z)(J.useState(null===x||void 0===x?void 0:x.id),2),C=Z[0],j=Z[1],k=u.layers.filter((function(e){var n=e.preview;return n.overrideDisplaySettings&&!!n.sourceId})).map((function(e){return{id:e.id,previewSettings:e.preview.settings,requestUpdate:e.updatePreviewSettings}})),T=c.inputObjsInPreview.filter((function(e){var n,t=e.layerIndex;return!(null===(n=u.getLayerByPosition(t))||void 0===n?void 0:n.preview.overrideDisplaySettings)})),R=(0,a.Z)(T).concat((0,a.Z)(k));return(0,s.jsxs)(De,{style:i,displayMonitor:d,children:[p&&(0,s.jsx)(Ee,{type:re.Preview}),(0,s.jsx)(Tv,{ui:u,autoplay:!0,controls:!1,player:Be,playerRef:S,muted:I,selectedId:C,hasUserGesture:y,onLoadedData:m,subscribeToVolume:c.preview.addVolumeListener,videoStreamID:B.Al,modelsInPreview:R,outputDimensions:c.outputDimensions,onSelectionUpdated:function(e){if(j(e),null===e)b();else{var n=c.getInput(e);
1if(n){var t=(0,kv.LX)("/source/:inputId/settings/*",P);t&&w("/source/".concat(e,"/settings/").concat(t.params["*"])),g(n.layerIndex),v(e)}}},onUserGestureRequired:t})]})})),Av=(0,Y.Pi)((function(){var e=(0,o.Z)(J.useState(!0),2),n=e[0],t=e[1],i=(0,q.oR)(),r=i.controlRoom,a=i.streamConfig.id,c=r.splitContainer,u=r.toolbar,l=r.monitors,d=r.monitorLayout,p=r.hasUserGesture,f=r.recordUserGesture,h=r.requestUserGesture;J.useEffect((function(){return $m({eventName:"dblclick",element:document.querySelector(Qm._T),handler:c.resetMonitorSplitSizes})}),[]);var m=function(){var e;l.displayPreview&&l.players.previewPlayer.play(),l.displayProgram&&l.players.livePlayer.play(),l.displayClean&&(null===(e=l.players.cleanPlayer)||void 0===e||e.play()),f()},g=J.useCallback((function(e){switch(e){case re.Program:return void(l.displayProgram&&h());case re.Preview:return void(l.displayPreview&&h());case re.Clean:return void(l.displayClean&&h());default:return}}),[l.displayPreview,l.displayProgram,l.displayClean]);J.useEffect((function(){var e=l.expandedMonitors&&!u.hotSwitching;e||e===n||t(!1)}),[l.expandedMonitors,u.hotSwitching,n]);var v=function(e){switch(e){case re.Preview:return(0,s.jsx)(Lv,{onUserGestureRequired:g});case re.Program:return(0,s.jsx)(he,{onUserGestureRequired:g});case re.Clean:return(0,s.jsx)(Og,{onUserGestureRequired:g});default:return null}},x=function(e){switch(e){case re.Preview:return l.displayPreview;case re.Program:return l.displayProgram;case re.Clean:return l.displayClean;default:return!1}};return(0,s.jsxs)(Ne,{isDragging:c.isDraggingHorizontally||c.isDraggingVertically,isClosingVertically:!l.displayPreview&&!l.displayProgram&&!l.displayClean,onTransitionEnd:function(){var e=l.expandedMonitors&&!u.hotSwitching;e&&e!==n&&setTimeout((function(){t(!0)}),H)},monitorInitialSize:c.verticalSizes[0],children:[(0,s.jsx)(qg,{streamId:a}),(0,s.jsx)(Qm.uU,{hideGutter:l.hasHiddenMonitor||u.hotSwitching,children:(0,s.jsxs)(Ua.Z,{minSize:c.minMonitorSizes,gutterSize:l.displayIndicator?0:11,direction:"horizontal",snapOffset:0,onDragStart:function(){return c.setIsDraggingHorizontally(!0)},onDragEnd:c.setMonitorSizes,sizes:c.monitorSizes,expandToMin:n,children:[(0,s.jsx)(Oe,{children:(0,s.jsx)(wt.ZP,{in:x(d[0]),appear:!0,enter:!0,exit:!0,mountOnEnter:!0,unmountOnExit:!0,timeout:{exit:H},children:(0,s.jsx)(s.Fragment,{children:v(d[0])})})}),(0,s.jsx)(Oe,{children:(0,s.jsx)(wt.ZP,{in:x(d[1]),appear:!0,enter:!0,exit:!0,mountOnEnter:!0,unmountOnExit:!0,timeout:{exit:H},children:(0,s.jsx)(s.Fragment,{children:d[0]!==d[1]&&v(d[1])})})})]})}),!p&&(0,s.jsx)(gn.Z,{title:"Autoplay",confirmCallback:m,cancelCallback:m,confirmLabel:"OK",children:"Your browser has disabled video autoplay on the page. Please click OK to start Producer."})]})})),Mv=t(84674),Ov=t(8243),Dv=t(75774),Ev=t(72418),Nv=function(e){var n=e.input;return(0,r.Z)((0,i.Z)({},n),{previousPositionIndex:n.positionIndex,previousLayerIndex:n.layerIndex,playlistInputsList:n.playlistInputsList,connectPlayerToWebRTCPlayback:n.connectPlayerToWebRTCPlayback,isInLive:n.isInLive,isInPreview:n.isInPreview,isOffline:n.isOffline,debouncedUpdate:n.debouncedUpdate,streamConfig:n.streamConfig,originalPositionIndex:n.positionIndex})},Bv=function(e,n){if(!n.didDrop()){var t=n.getItem().id;App.store.streamConfig.deleteInput(t)}},Vv=(0,a.Z)(Object.values(so.n)).concat(["asset"]),Fv=function(e){var n=e.grab;return{id:n.id,type:"clip"===n.type?"vod":n.type,displayName:n.caption,isGrabItem:!0,thumbnailURI:n.thumbnailUrl}},zv=t(66485),Uv=t(88417),Hv=t(95563),_v=t(55009),Wv=t(5062),Gv=t(27815),Yv=function(e){var n=e.assetLibraryStore,t=e.displaySearch;return n.currentSearchString&&t?(0,s.jsx)(Gv.BV,{}):(0,s.jsx)(Gv.xy,{src:"/static/img/noassetslight.svg",darkTheme:!0,href:"assets/add"})},Xv=(0,Y.Pi)((function(e){var n=e.mode,t=void 0===n?"all":n,o=e.width,a=e.height,c=e.assetLibraryStore,u=e.columnCount,l=e.columnWidth,d=e.AssetItemComponent,p=e.optionalAssetItemProps,f=e.gridStyle,h=void 0===f?{}:f,m="all"===t?c.assets:c.vodAssets;return(0,s.jsx)(Wv.Ym,{height:a,width:o,style:h,columnCount:Math.min(m.length,u),columnWidth:l,rowCount:Math.ceil(m.length/u),rowHeight:110,children:function(e){var n,t,o,a,l,f=e.style,h=e.rowIndex,g=e.columnIndex,v=m[h*u+g];return v?(0,s.jsx)("div",{style:f,children:(0,J.createElement)(d,(0,r.Z)((0,i.Z)({},p),{key:v.inputId,thumbnailURI:v.thumbnailURI,resourceURI:v.resourceURI,duration:v.duration||1/0,type:v.type,title:v.displayName,status:v.status,id:v.inputId,mediaAssetId:v.inputId,hideDropdownToggle:v.hideDropdownToggle,composition:c,disabled:null===(n=p.disabled)||void 0===n?void 0:n.call(p,v),disabledText:null===(t=p.disabledText)||void 0===t?void 0:t.call(p,v),selectable:p.selectable,toggleSelectedAsset:function(){var e;return null===(e=p.toggleSelectedAsset)||void 0===e?void 0:e.call(p,v.inputId)},selectedOrder:(null===(o=p.selectedOrder)||void 0===o?void 0:o.call(p,v.inputId))+1,selectedAsset:null===(a=p.selectedAsset)||void 0===a?void 0:a.call(p,v.inputId),selectableDisabled:p.selectableDisabled||(null===(l=p.disabled)||void 0===l?void 0:l.call(p,v))}))}):null}})})),qv=(0,Y.Pi)((function(e){var n=e.mode,t=void 0===n?"all":n,i=e.AssetItemComponent,r=e.optionalAssetItemProps,o=e.displaySearch,a=e.gridStyle,c=(0,q.oR)().streamConfig.assetLibrary,u="all"===t?c.hasAssets:c.vodAssets.length>0;return(0,s.jsxs)(s.Fragment,{children:[o&&(0,s.jsx)(Ov.Gh,{children:(0,s.jsx)(Ov.kN,{children:(0,s.jsx)(Dv.ZP,{placeholder:"Type to search...",value:c.currentSearchString,onChange:function(e){return c.setSearchString(e.target.value)}})})}),(0,s.jsx)(Hv.L,{children:u?(0,s.jsx)(_v.Z,{children:function(e){var n=e.width,o=e.height,u=Math.floor(n/155)>3?3:Math.floor(n/155),l=Math.floor(n/u);return(0,s.jsx)(Xv,{mode:t,width:n-1,height:o,gridStyle:a,assetLibraryStore:c,columnWidth:l,columnCount:u,AssetItemComponent:i,optionalAssetItemProps:r})}}):(0,s.jsx)(Yv,{assetLibraryStore:c,displaySearch:o})})]})})),Jv=qv,Kv=(0,Y.Pi)((function(e){var n=e.defaultSort,t=(0,q.oR)().streamConfig.assetLibrary;return J.useEffect((function(){return function(){t.setSearchString("")}}),[]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(Ov.Gh,{children:(0,s.jsx)(Ov.kN,{children:(0,s.jsx)(Dv.II,{placeholder:"Type to search...",value:t.currentSearchString,onChange:function(e){return t.setSearchString(e.target.value)}})})}),(0,s.jsx)("hr",{}),(0,s.jsx)(Ov.yt,{children:(0,s.jsx)(Ev.ZP,{buttonText:"Reset",buttonEvent:function(e){e.preventDefault(),t.setDefaultSort(n)},sortOptions:t.sortOptions,onSort:t.setSortType,toggleSortDirectionCallback:t.toggleSortDirection,currentSort:t.currentActiveSort,s
1ortByDescending:t.currentSortByDescending})})]})})),Qv={beginDrag:function(e){var n=e.thumbnailURI;return{type:e.type,displayName:e.title,thumbnailURI:n,id:e.id,isAssetItem:!0}},endDrag:Bv},$v=(0,Uv.E)("asset",Qv,(function(e,n){return{connectDragSource:e.dragSource(),isDragging:n.isDragging()}}))(zv.si),ex={paddingBottom:24},nx=(0,Y.Pi)((function(){var e=(0,q.oR)().streamConfig.assetLibrary,n=(0,Sp.s0)(),t=(0,J.useCallback)((function(e){e.preventDefault(),n("/assets/add")}),[n]);return(0,s.jsxs)(Ov.Qe,{children:[(0,s.jsx)(Kv,{}),(0,s.jsx)(Jv,{AssetItemComponent:$v,optionalAssetItemProps:{deleteAssetMessage:"Deleting an asset will clear all related sections in the layers. Are you sure you wish to continue?"},gridStyle:ex,displaySearch:!1}),e.hasAssets&&(0,s.jsx)(xs.Tv,{disabled:!1,customPosition:"",tooltip:"",onClick:t})]})})),tx=t(45502),ix=t(64065),rx=t(73800);function ox(){var e=(0,R.Z)(["\n width: 100%;\n display: flex;\n flex-direction: column;\n height: 100%;\n background: ",";\n > div {\n flex: 1;\n overflow: scroll;\n }\n"]);return ox=function(){return e},e}var ax=L.ZP.div.withConfig({componentId:"sc-ff5c4594-0"})(ox(),(function(e){return e.theme.colors.backgroundGreySecondary})),sx=(0,Y.Pi)((function(e){var n=e.broadcastStore,t=(0,J.useState)(!1),i=t[0],r=t[1],o=(0,J.useState)(""),a=o[0],c=o[1],u=(0,J.useState)(ix.x.BROADCAST_SELECT),l=u[0],d=u[1],p=(0,J.useState)(null),f=p[0],m=p[1],g=(0,J.useState)(0),v=g[0],x=g[1],y=(0,Sp.TH)().pathname,b=(0,Sp.s0)(),I=function(e){d(e),r(!0)},w=(0,J.useCallback)((function(){I(ix.x.BROADCAST_SELECT),n.reset()}),[n]);return(0,J.useEffect)((function(){(0,kv.LX)("/broadcast/new",y)?w():r(!1)}),[y,w]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(rx.ZP,{onActive:function(){},onChange:h(),broadcastStore:n,gotoStep:I,setLiveDestinationsCount:x}),!i&&(0,s.jsx)(xs.Tv,{onClick:function(){w(),b("broadcast/new")},disabled:!1,tooltip:"Create broadcast",tooltipPosition:"left",customPosition:"30px"}),(0,s.jsx)(L.f6,{theme:an.Z,children:(0,s.jsx)(tx.Z,{isOpen:i,children:(0,s.jsxs)(ax,{children:[(0,s.jsx)(Mv.Z,{title:a,onClose:function(){r(!1),b("../")}}),(0,s.jsx)(ix.Z,{onChangeWizardStep:function(e){var n=e.title,t=e.footer;c(n),m(t)},store:n,startingStepId:l,initialLiveDestinationsCount:v}),f]})})})]})})),cx=t(55682);function ux(){var e=(0,R.Z)(["\n align-self: center;\n font-size: ","px;\n color: ",";\n font-weight: ",";\n flex-grow: 1;\n padding-right: ",";\n text-align: end;\n"]);return ux=function(){return e},e}function lx(){var e=(0,R.Z)(["\n background-color: ",";\n display: flex;\n height: 37px;\n list-style-type: none;\n padding-left: ",";\n"]);return lx=function(){return e},e}function dx(){var e=(0,R.Z)(["\n color: ",";\n font-size: ","px;\n font-weight: ",";\n margin: 0 ",";\n padding: "," 0;\n user-select: none;\n\n &.react-tabs__tab--selected {\n border-bottom: 2px solid ",";\n color: ",";\n font-weight: ",";\n }\n\n :hover {\n cursor: pointer;\n }\n"]);return dx=function(){return e},e}L.ZP.div.withConfig({componentId:"sc-a6f26a59-0"})(ux(),(function(e){return e.theme.fontSizeBase}),(function(e){return e.theme.colors.defaultText}),(function(e){return e.theme.fontWeightBold}),(function(e){return e.theme.largePadding}));var px=(0,L.ZP)(cx.td).withConfig({componentId:"sc-a6f26a59-1"})(lx(),(function(e){return e.theme.colors.tabbedNavBackground}),(function(e){return e.theme.smallPadding}));px.tabsRole="TabList";var fx=(0,L.ZP)(cx.OK).withConfig({componentId:"sc-a6f26a59-2"})(dx(),(function(e){return e.theme.colors.secondaryText}),(function(e){return e.theme.fontSizeBase}),(function(e){return e.theme.fontWeightSemiBold}),(function(e){return e.theme.defaultPadding}),(function(e){return e.theme.defaultPadding}),(function(e){return e.theme.colors.primary}),(function(e){return e.theme.colors.defaultText}),(function(e){return e.theme.fontWeightBold}));fx.tabsRole="Tab";var hx=t(92928);function mx(){var e=(0,R.Z)(["\n color: ",";\n margin-bottom: ",";\n"]);return mx=function(){return e},e}function gx(){var e=(0,R.Z)(["\n color: ",";\n"]);return gx=function(){return e},e}function vx(){var e=(0,R.Z)(["\n background-color: ",";\n border-radius: ",";\n box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);\n color: ",";\n padding: ",";\n"]);return vx=function(){return e},e}function xx(){var e=(0,R.Z)(["\n padding: ",";\n overflow: auto;\n height: calc(100% - 37px);\n"]);return xx=function(){return e},e}function yx(){var e=(0,R.Z)(["\n display: flex;\n flex-direction: column;\n\n .react-tabs {\n height: 100%;\n overflow: hidden;\n }\n\n .react-tabs__tab-panel--selected {\n height: 100%;\n }\n"]);return yx=function(){return e},e}function bx(){var e=(0,R.Z)(["\n color: ",";\n "]);return bx=function(){return e},e}function Ix(){var e=(0,R.Z)(["\n color: #f09d12;\n "]);return Ix=function(){return e},e}function wx(){var e=(0,R.Z)(["\n font-size: 10px;\n font-weight: ",";\n text-transform: capitalize;\n ","\n"]);return wx=function(){return e},e}function Px(){var e=(0,R.Z)(["\n font-size: 10px;\n font-weight: ",";\n margin-left: ",";\n"]);return Px=function(){return e},e}function Sx(){var e=(0,R.Z)(["\n color: #f09d12;\n"]);return Sx=function(){return e},e}var Zx=L.ZP.header.withConfig({componentId:"sc-c8947d8b-0"})(mx(),(function(e){return e.theme.colors.headingText}),(function(e){return e.theme.defaultPadding})),Cx=L.ZP.p.withConfig({componentId:"sc-c8947d8b-1"})(gx(),(function(e){return e.theme.colors.secondaryText})),jx=L.ZP.section.withConfig({componentId:"sc-c8947d8b-2"}
1)(vx(),(function(e){return e.theme.colors.cardBackground}),(function(e){return e.theme.borderRadius}),(function(e){return e.theme.colors.defaultText}),(function(e){return e.theme.defaultPadding})),kx=L.ZP.section.withConfig({componentId:"sc-c8947d8b-3"})(xx(),(function(e){return e.theme.largePadding})),Tx=L.ZP.section.withConfig({componentId:"sc-c8947d8b-4"})(yx()),Rx=L.ZP.div.withConfig({componentId:"sc-c8947d8b-5"})(wx(),(function(e){return e.theme.fontWeightBold}),(function(e){return"recording"===e.recordingState?(0,L.iv)(bx(),(function(e){return e.theme.colors.primary})):(0,L.iv)(Ix())})),Lx=L.ZP.section.withConfig({componentId:"sc-c8947d8b-6"})(Px(),(function(e){return e.theme.fontWeightBold}),(function(e){return e.theme.defaultPadding})),Ax=(0,L.ZP)(hx.Q_).withConfig({componentId:"sc-c8947d8b-7"})(Sx()),Mx=t(32251),Ox=t(98777),Dx=t.n(Ox),Ex=function(e){var n=e.recordingState,t=e.creationTime,i=(0,J.useState)("recording"===n?Dx()().valueOf()-t:0),r=i[0],o=i[1];return(0,J.useEffect)((function(){var e;return"recording"===n&&(e=setInterval((function(){o((function(e){return e+1e3}))}),1e3)),function(){clearInterval(e)}}),[n]),(0,J.useEffect)((function(){o("recording"===n?Dx()().valueOf()-t:0)}),[n,t]),(0,s.jsx)(Lx,{children:kl.ZP.millisecondsToHHMMSS(r)})},Nx=function(e){var n=e.isoRecording,t=e.isSourceOffline;switch(n.state){case Wl.SR.Recording:case Wl.SR.Starting:return(0,s.jsx)(Rx,{recordingState:n.state,children:n.state});case Wl.SR.Failed:return(0,s.jsx)(Rx,{recordingState:n.state,children:(0,s.jsx)(M.Z,{name:"error",size:"18px"})});default:return t?(0,s.jsx)(Rx,{recordingState:n.state,children:t&&(0,s.jsx)(O.Z,{innerHtml:"Source is currently offline",children:(0,s.jsx)(M.Z,{name:"offline-source",size:"18px"})})}):null}},Bx=function(e){var n=e.isoRecording;switch(n.state){case Wl.SR.Recording:case Wl.SR.Starting:return(0,s.jsx)(hx.Q_,{children:n.createdRecordingTimeString});case Wl.SR.Failed:return(0,s.jsx)(Ax,{children:"Input failed to record, press start try again."});default:return null}},Vx=(0,Y.Pi)((function(e){var n=e.input,t=e.autoRecording,i=(0,Mx.a)(-150,0),r=i.showContextMenu,o=i.contextMenuPositionX,a=i.contextMenuPositionY,c=i.toggleContextMenu,u=i.setShowContextMenu,l=(0,J.useRef)(null),d=[{id:"start-stop-recording-section",items:[{id:n.isoRecording.isRecordingInProgress?"stop":"start",text:n.isoRecording.isRecordingInProgress?"Stop":"Start",onClick:n.isoRecording.isRecordingInProgress?n.isoRecording.stop:n.isoRecording.start,disabled:t||n.isOffline}]},{id:"view-recording-section",items:[{id:"view-recording",text:"View Recording",onClick:function(){return window.open("../trim.jsp?streamId=".concat(n.isoRecording.streamId))},disabled:!n.isoRecording.isRecordingInProgress}]}];return(0,s.jsxs)(hx.SA,{ref:l,disabled:n.isoRecording.isFailedRecording,children:[(0,s.jsx)(hx.qk,{children:(0,s.jsx)(M.Z,{name:n.iconName,size:"18px"})}),(0,s.jsxs)(hx._J,{children:[(0,s.jsx)(hx.zF,{children:n.displayName}),(0,s.jsx)(Bx,{isoRecording:n.isoRecording})]}),(0,s.jsx)(hx.Tj,{children:(0,s.jsx)(Nx,{isoRecording:n.isoRecording,isSourceOffline:!n.isLive})}),n.isoRecording.isRecordingInProgress&&(0,s.jsx)(Ex,{recordingState:n.isoRecording.state,creationTime:n.isoRecording.creationDate}),(0,s.jsx)(hx.lX,{icon:"small-menu","aria-label":"recording menu for ".concat(n.displayName),onClick:c}),r&&(0,s.jsx)(gt.Z,{positionX:o,positionY:a,sectionedItems:d,onClose:function(){return u(!1)},parentRef:l})]})}));function Fx(){var e=(0,R.Z)(["\n display: flex;\n\n & > "," {\n flex-grow: 1;\n font-size: ","px;\n padding: ",";\n }\n\n & > "," > span {\n margin: auto;\n }\n"]);return Fx=function(){return e},e}function zx(){var e=(0,R.Z)(["\n font-size: ","px;\n margin: ",";\n"]);return zx=function(){return e},e}var Ux=L.ZP.div.withConfig({componentId:"sc-9f6ac407-0"})(Fx(),xs.ZP,(function(e){return e.theme.fontSizeBase}),(function(e){return e.theme.largePadding}),xs.ZP),Hx=L.ZP.section.withConfig({componentId:"sc-9f6ac407-1"})(zx(),(function(e){return e.theme.fontSizeBase}),(function(e){return e.theme.largePadding}));function _x(){var e=(0,R.Z)(["\n margin-top: ",";\n "]);return _x=function(){return e},e}function Wx(){var e=(0,R.Z)(["\n margin-bottom: ",";\n "]);return Wx=function(){return e},e}var Gx=(0,Y.Pi)((function(e){var n=e.store,t=(0,J.useState)(!1),i=t[0],r=t[1],o=(0,J.useState)(!1),a=o[0],c=o[1],u=(0,J.useState)(!0),l=u[0],d=u[1];return(0,s.jsxs)(Hx,{children:[(0,s.jsx)(Zx,{children:"ISO RECORD ALL AVAILABLE LIVE SOURCES"}),(0,s.jsx)(Xx,{children:"Isolated recordings of live sources including live streams and guests"}),(0,s.jsxs)(jx,{children:[(0,s.jsx)(mn.wA,{uiType:"switch",checkboxLabel:"AUTO ISO RECORD",infoTooltip:"AUTO ISO RECORD",name:"autoIsoRecord",value:n.autoRecording,onChange:function(){n.autoRecording?c(!0):r(!0)}}),(0,s.jsxs)(Yx,{children:[(0,s.jsx)(xs.ZP,{type:"tertiary",onClick:function(){n.startAllRecordings()},disabled:n.autoRecording||n.isAllRecording,children:"START RECORDING ALL"}),(0,s.jsx)(xs.ZP,{type:"tertiary",onClick:function(){n.stopAllRecordings()},disabled:n.autoRecording||!n.isRecording,children:"STOP RECORDING ALL"})]})]}),i&&(0,s.jsx)(gn.Z,{title:"Enable Auto-Recording",confirmCallback:function(){r(!1),n.startAutoRecording()},cancelCallback:function(){return r(!1)},confirmLabel:"Enable",closeLabel:"Cancel",closeIcon:null,children:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("p",{children:"Are you sure you want to enable auto-recording?"}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:"By enabling auto-recording, all inputs will be recorded until you disable auto-recording. All recordings will automatically stop when the Producer stream is turned off."})]})}),a&&(0,s.jsx)(gn.Z,{title:"Disable Auto-Recording",confirmCallback:function(){c(!1),n.stopAutoRecording(l)},cancelCallback:function(){return c(!1)},confirmLabel:"Disable",closeLabel:"Cancel",closeIcon:null,children:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("p",{children:"Are you sure you want to disable auto-recording?"}),(0,s.jsx)("br",{}),(0,s.jsx)(mn.wA,{checkboxLabel:"Continue recording all sources",name:"alignRecordings",value:!l,onChange:function(){return d(!l)}})]})})]})})),Yx=(0,L.ZP)(Ux).withConfig({componentId:"sc-2ee1d5ff-0"})(_x(),(function(e){return e.theme.largePadding})),Xx=(0,L.ZP)(Cx).withConfig({componentId:"sc-2ee1d5ff-1"})(Wx(),(function(e){return e.theme.defaultPadding})),qx=t(92185),Jx=(0,Y.Pi)((function(e){var n=e.recording,t=n.displayName,i=n.created,r=n.trimmerUrl;return(0,s.jsxs)(hx.KW,{children:[(0,s.jsxs)(hx._J,{children:[(0,s.jsx)(hx.zF,{children:t}),(0,s.jsx)(hx.Q_,{children:i})]}),(0,s.jsx)(hx.Qh,{IconComponent:function(){return(0,s.jsx)(qx.Z,{size:"15",viewBox:"20 20 60 60"})},"aria-label":"navigate to trimmer for ".concat(t),onClick:function(){return window.open(r)}})]})}));function Kx(){var e=(0,R.Z)(["\n font-size: 13px;\n font-weight: ",";\n margin-top: ",";\n text-align: center;\n "]);return Kx=function(){return e},e}var Qx=(0,Y.Pi)((function(){var e=(0,q.oR)().streamConfig.isoRecording;return(0,J.useEffect)((function(){e.fetchRecordings();var n=setInterval((function(){e.fetchRecordings()}),2e3);return function(){clearInterval(n)}}),[]),(0,s.jsx)(kx,{"aria-label":"recordings list",children:e.orderedRecordings.length?(0,s.jsx)(hx.Vm,{children:e.orderedRecordings.map((function(e,n){return(0,s.jsx)(Jx,{recording:e},"".concat(e.displayName,"-").concat(n))}))}):(0,s.jsx)($x,{children:"You have no recordings"})})})),$x=(0,L.ZP)(Cx).withConfig({componentId:"sc-7905bed7-0"})(Kx(),(function(e){return e.theme.fontWeightSemiBold}),(function(e){return e.theme.largePadding})),ey=(0,Y.Pi)((function(){var e=(0,q.oR)().streamConfig.isoRecording;return(0,s.jsxs)(Tx,{children:[(0,s.jsx)(Gx,{store:e}),(0,s.jsxs)(cx.mQ,{children:[(0,s.jsxs)(px,{children:[(0,s.jsx)(fx,{children:"SOURCES"}),(0,s.jsx)(fx,{children:"RECORDINGS"})]}),(0,s.jsx)(cx.x4,{children:(0,s.jsx)(kx,{children:(0,s.jsx)(hx.Vm,{children:e.inputs.map((function(n){return(0,s.jsx)(Vx,{input:n,autoRecording:e.autoRecording},n.id)}))})})}),(0,s.jsx)(cx.x4,{children:(0,s.jsx)(Qx,{})})]})]})})),ny=t(27309),ty=t(49420),iy=t(74488),ry=t(64803);function oy(){var e=(0,J.useState)(""),n=e[0],t=e[1];return(0,J.useEffect)((function(){t(window.location.origin)}),[]),n}var ay=t(45941),sy=t(75882),cy=t(47983),uy=t(78653);function ly(){var e=(0,R.Z)(["\n background: white;\n border: 1px solid currentColor;\n border-radius: 50%;\n display: flex;\n justify-content: center;
1\n align-items: center;\n padding: 0;\n position: absolute;\n top: 0;\n right: 0;\n transform: translate(50%, -50%);\n"]);return ly=function(){return e},e}var dy=L.ZP.button.withConfig({componentId:"sc-8d2e979b-0"})(ly()),py=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"message";uy.ZP.custom((function(t){return(0,s.jsxs)(cy.XL,{type:n,as:"div",children:[(0,s.jsx)("span",{children:e}),(0,s.jsx)(dy,{onClick:function(){return uy.ZP.remove(t.id)},children:(0,s.jsx)(sy.Z,{size:25})})]})}))},fy=t(90943),hy=t(60801),my=t(33131);function gy(){var e=(0,R.Z)(["\n display: flex;\n flex-direction: column;\n"]);return gy=function(){return e},e}function vy(){var e=(0,R.Z)(["\n padding: 1rem;\n flex: 1;\n\n "," {\n background: ",";\n border: none;\n border-radius: 3px;\n height: 35px;\n font-size: 12px;\n\n &::placeholder {\n color: rgba(178, 185, 211, 0.5);\n }\n }\n"]);return vy=function(){return e},e}function xy(){var e=(0,R.Z)(["\n text-align: right;\n padding: 1rem;\n"]);return xy=function(){return e},e}function yy(){var e=(0,R.Z)(["\n color: ",";\n font-size: 13px;\n margin-top: 15px;\n"]);return yy=function(){return e},e}function by(){var e=(0,R.Z)(["\n color: ",";\n display: flex;\n gap: 1rem;\n\n .grForm__field {\n height: 40px;\n flex: 1;\n\n input {\n height: 40px;\n font-size: 14px;\n }\n }\n"]);return by=function(){return e},e}var Iy=L.ZP.section.withConfig({componentId:"sc-b838346a-0"})(gy()),wy=L.ZP.fieldset.withConfig({componentId:"sc-b838346a-1"})(vy(),qs.Fy,(function(e){return e.theme.colors.producerMainContentBackground})),Py=L.ZP.footer.withConfig({componentId:"sc-b838346a-2"})(xy()),Sy=L.ZP.label.withConfig({componentId:"sc-b838346a-3"})(yy(),(function(e){return e.theme.colors.outlineSidebar})),Zy=L.ZP.div.withConfig({componentId:"sc-b838346a-4"})(by(),(function(e){return e.theme.colors.outlineSidebar})),Cy=t(11655),jy=t(53414);function ky(e){var n=e.onClick,t=(0,J.useState)(!1),i=t[0],r=t[1];return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(O.Z,{innerHtml:"Refresh link",position:"top",distance:10,children:(0,s.jsx)(Cy.hU,{onClick:function(){return r(!0)},children:(0,s.jsx)(my.Z,{size:40})})}),i&&(0,s.jsx)(gn.Z,{title:"Refresh link",confirmCallback:n,cancelCallback:function(){return r(!1)},confirmLabel:"OK",closeLabel:"Cancel",children:(0,s.jsx)("p",{children:"Refreshing the link will revoke access to anyone that already has this link."})})]})}var Ty=function(e){var n=e.linkUrl,t=e.onRefresh;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(Sy,{htmlFor:"monitoringLinkInput",children:"Public link"}),(0,s.jsxs)(Zy,{children:[(0,s.jsx)(qs.II,{id:"monitoringLinkInput",value:n,disabled:!0}),(0,s.jsx)(ky,{onClick:t}),(0,s.jsx)(Ey,{linkUrl:n,size:40})]})]})},Ry=function(e){return(0,to.X)(e,[function(e){return e.displayName}]).map((function(e){return{label:e.displayName,value:e.id}}))};var Ly={label:"",options:[{label:"Program",value:"programout"}]},Ay=[{label:"Web Tally",value:ay.C.Tally},{label:"Video Return",value:ay.C.VideoReturn}],My=du.Ry().shape({displayName:du.Z_().required("Title is required."),scope:du.Z_().required("Type is required."),sourceId:du.Z_().required("Source is required.")}),Oy=(0,Y.Pi)((function(e){var n=e.onClose,t=e.accessTokenId,i=!!t,r=oy(),c=(0,q.oR)().streamConfig,u=i?c.accessTokens.get(t):null,l=function(e){var n;return{displayName:null===e||void 0===e?void 0:e.displayName,scope:null===e||void 0===e?void 0:e.scope,sourceId:null===e||void 0===e||null===(n=e.viewerAccessList)||void 0===n?void 0:n[0]}}(u),d=(0,su.TA)({initialValues:l,onSubmit:function(e,r){i?c.updateAccessToken(t,{displayName:e.displayName,viewerAccessList:[e.sourceId]}):(c.createAccessToken({scope:e.scope,displayName:e.displayName,viewerAccessList:[e.sourceId]}),py('"'.concat(e.displayName,'" link has been created.'),"success")),r.setSubmitting(!1),r.resetForm({values:e}),n()},validationSchema:My}),p=d.dirty,f=d.errors,h=d.handleChange,m=d.handleSubmit,g=d.isValid,v=d.resetForm,x=d.setFieldValue,y=d.values;(0,J.useEffect)((function(){v({values:l})}),[v,JSON.stringify(l)]);var b=(0,a.Z)(y.scope===ay.C.VideoReturn?[Ly]:[]).concat((0,a.Z)(function(e,n){var t=no()(e,"type");return n.map((function(e){var n=(0,o.Z)(e,2),i=n[0],r=n[1];return{label:i,options:Ry(r.flatMap((function(e){return t[e]})).filter((function(e){return void 0!==e})))}}))}(c.inputsList,y.scope===ay.C.VideoReturn?[["Live Streams",[so.n.Live,so.n.Local]],["Guests",[so.n.Guest,so.n.GuestScreenShare]],["Media Players",[so.n.MediaPlayer]]]:[["Live Streams",[so.n.Live,so.n.Local]]])));return(0,s.jsxs)(Iy,{children:[(0,s.jsxs)(Cy.h4,{children:[(0,s.jsxs)("h3",{children:[i?"Edit":"Create"," Monitoring link"]}),(0,s.jsx)(Cy.hU,{onClick:n,children:(0,s.jsx)(hy.Z,{size:"30"})})]}),(0,s.jsxs)(wy,{children:[(0,s.jsx)(Sy,{htmlFor:"linkTitle",children:"Title"}),(0,s.jsx)(qs.II,{id:"linkTitle",name:"displayName",placeholder:"Insert a title",autoComplete:"off",maxLength:30,value:y.displayName,onChange:h}),f.displayName&&(0,s.jsx)(cu.Z,{type:"error",children:f.displayName}),(0,s.jsx)(Sy,{htmlFor:"typeOfLink",children:"Type"}),(0,s.jsx)(jy.P,{inputId:"typeOfLink",isDisabled:i,isSearchable:!1,onChange:function(e){var n=e.value;x("scope",n),y.sourceId&&x("sourceId",void 0)},options:Ay,value:Ay.find((function(e){return e.value===y.scope}))},"scope-".concat(y.scope)),[ay.C.Tally,ay.C.VideoReturn].includes(y.scope)&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(Sy,{htmlFor:"linkSource",children:"Source"}),(0,s.jsx)(jy.P,{inputId:"linkSource",name:"sourceId",onChange:function(e){var n=e.value;return x("sourceId",n)},options:b,value:b.flatMap((function(e){return e.options})).find((function(e){return e.value===y.sourceId}))}
1,"sourceId-".concat(y.sourceId))]}),i&&(0,s.jsx)(Ty,{linkUrl:Dy({origin:r,scope:u.scope,token:u.token,streamId:c.id}),onRefresh:function(){return c.refreshAccessToken(t)}})]}),(0,s.jsx)(Py,{children:(0,s.jsx)(xs.ZP,{type:"primary",disabled:!(p&&g),onClick:m,children:i?"Save link":"Create link"})})]})})),Dy=function(e){var n=e.origin,t=e.scope,i=e.token,r=e.streamId;return"".concat(n,"/producer/mlink/").concat(function(e){switch(e){case ay.C.Tally:return"tally";case ay.C.VideoReturn:return"return";default:return""}}(t),"?token=").concat(i,"&streamId=").concat(r)},Ey=function(e){var n=e.linkUrl,t=e.size,i=void 0===t?25:t;return(0,s.jsx)(O.Z,{innerHtml:"Copy link",position:"top",distance:10,children:(0,s.jsx)(fy.CopyToClipboard,{text:n,onCopy:function(e,n){n&&py("Link has been copied to the clipboard.")},children:(0,s.jsx)(Cy.hU,{children:(0,s.jsx)(ty.Z,{size:i})})})})};function Ny(e){var n=e.displayName,t=e.onClick,i=(0,J.useState)(!1),r=i[0],o=i[1];return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(O.Z,{innerHtml:"Remove link",position:"top",distance:10,children:(0,s.jsx)(Cy.hU,{onClick:function(){return o(!0)},children:(0,s.jsx)(ny.Z,{size:"25"})})}),r&&(0,s.jsxs)(gn.Z,{title:"Remove link",confirmCallback:t,cancelCallback:function(){return o(!1)},confirmLabel:"Remove",confirmIcon:"bin",closeLabel:"Cancel",children:[(0,s.jsx)("p",{children:"You are about to remove this link:"}),(0,s.jsx)("p",{style:{fontWeight:"bold",margin:"5px auto"},children:n}),(0,s.jsx)("p",{children:"Are you sure?"})]})]})}var By=function(e){return e===ay.C.Tally?"Web Tally":e===ay.C.VideoReturn?"Video Return":""},Vy=function(e){var n=e.displayName,t=e.linkUrl,i=e.scope,r=e.onDelete,o=e.onEdit;return(0,s.jsxs)(Cy.SA,{children:[(0,s.jsxs)(hx._J,{children:[(0,s.jsx)(hx.zF,{style:{color:"#e5e8f0"},children:n}),(0,s.jsx)(Cy.fN,{children:By(i)})]}),(0,s.jsxs)("div",{style:{display:"flex",gap:"4px"},children:[(0,s.jsx)(Ey,{linkUrl:t}),(0,s.jsx)(Ny,{displayName:n,onClick:r}),(0,s.jsx)(O.Z,{innerHtml:"Edit link",position:"top",distance:10,children:(0,s.jsx)(Cy.hU,{onClick:o,children:(0,s.jsx)(iy.Z,{size:"25"})})})]})]})},Fy=function(){return(0,s.jsxs)(Cy.R2,{children:[(0,s.jsx)(ry.Z,{size:"120"}),(0,s.jsx)("h2",{children:"No links"}),(0,s.jsx)(Cy.XU,{children:"You have not created any monitoring links"})]})},zy=(0,Y.Pi)((function(e){var n=e.onCreate,t=e.onEdit,i=oy(),r=(0,q.oR)().streamConfig,c=(0,to.X)((0,a.Z)(r.accessTokens.entries()).filter((function(e){return(0,o.Z)(e,2)[1].scope!==ay.C.Guest})),[function(e){return(0,o.Z)(e,2)[1].displayName}]);return(0,s.jsxs)("section",{style:{padding:"10px 15px"},children:[(0,s.jsxs)(Cy.Bu,{children:["Links created: ",c.length,"/",20]}),(0,s.jsx)(Cy.XU,{children:"Create publicly accessible links to monitor Producer on different devices via video returns and tally lights. Anyone on the internet with the monitoring links will have access to view."}),0===c.length?(0,s.jsx)(Fy,{}):(0,s.jsx)(Cy.Vm,{children:c.map((function(e){var n=(0,o.Z)(e,2),a=n[0],c=n[1];return(0,s.jsx)(Vy,{displayName:c.displayName,scope:c.scope,linkUrl:Dy({origin:i,scope:c.scope,token:c.token,streamId:r.id}),onEdit:function(){return t(a)},onDelete:function(){return r.deleteAccessToken(a)}},a)}))}),(0,s.jsx)(xs.Tv,{disabled:c.length>=20,onClick:n,tooltip:"Create link",tooltipPosition:"left"})]})})),Uy=function(){var e=(0,J.useState)("list"),n=e[0],t=e[1],i=(0,J.useState)(),r=i[0],o=i[1];switch(n){case"create":return(0,s.jsx)(Oy,{onClose:function(){return t("list")}});case"edit":return(0,s.jsx)(Oy,{accessTokenId:r,onClose:function(){return t("list")}});default:return(0,s.jsx)(zy,{onCreate:function(){return t("create")},onEdit:function(e){o(e),t("edit")}})}};function Hy(){var e=(0,R.Z)(["\n overflow-y: auto;\n overflow-x: hidden;\n > *:first-child {\n overflow: unset;\n flex-grow: unset;\n min-height: 50px;\n }\n"]);return Hy=function(){return e},e}var _y=(0,L.ZP)(Rp.et).withConfig({componentId:"sc-c97a6901-0"})(Hy()),Wy=t(66204),Gy=(0,Y.Pi)((function(e){var n=e.children,t=e.subviewHeader,i=(0,q.oR)(),r=i.controlRoom,o=r.drawer,a=r.selectedTab,c=Zp();return(0,s.jsx)(Wy.Z,{className:void 0,isOpen:o.isOpen,onToggle:o.toggle,onTabSelected:function(e){var n=e.selected;i.controlRoom.setSelectedTab(n),c("/".concat(n))},selectedTab:a,subviewHeader:t,children:n})})),Yy=t(91903);function Xy(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:h(),n=J.useRef(e);n.current=e,J.useEffect((function(){return function(){return n.current()}}),[])}var qy,Jy=t(32726),Ky=t(21786),Qy=t(65872),$y=t(99447),eb=t(68447),nb=t(1237),tb=t(22025),ib=t(38197),rb=t(52099),ob=t(22408);!function(e){e.Scrub="SCRUB",e.Jog="JOG"}(qy||(qy={}));var ab,sb=t(38088),cb=t(93768);!function(e){e.Play="play",e.Pause="pause"}(ab||(ab={}));var ub={availableTimeStart:0,availableTimeEnd:0,isCreated:!1,isInited:!1,start:0,end:0,playerTime:3e4,seekToWhenLoaded:null}
1,lb={isCreated:N.V5.optional(N.V5.boolean,!1),isInited:N.V5.optional(N.V5.boolean,!1),isSettingsOpen:N.V5.optional(N.V5.boolean,!1),selectedInputIndex:N.V5.optional(N.V5.number,0),referenceIndex:N.V5.optional(N.V5.number,0),playControl:N.V5.optional(N.V5.string,ab.Play),playerTime:N.V5.optional(N.V5.number,3e4),availableTimeStart:N.V5.optional(N.V5.number,0),availableTimeEnd:N.V5.optional(N.V5.number,0),start:N.V5.optional(N.V5.number,0),end:N.V5.optional(N.V5.number,0),replayLock:N.V5.optional(N.V5.boolean,!1),seekToWhenLoaded:N.V5.maybeNull(N.V5.number),pinnedInput:N.V5.optional(N.V5.string,""),maxInputs:N.V5.optional(N.V5.number,4),inputIds:N.V5.optional(N.V5.array(N.V5.maybeNull(N.V5.string)),Array(4).fill(null)),settings:N.V5.optional(yl,{}),recentLayerTargetInCurrentBatch:N.V5.maybeNull(N.V5.number),recentSourceInCurrentBatch:N.V5.maybeNull(N.V5.string),sharedAudioEnabled:N.V5.optional(N.V5.boolean,!1),audioTracks:N.V5.optional(N.V5.array(cb.Z),[])},db=N.V5.model("ReplayStore",lb).volatile((function(){return{videoRefs:[]}})).views((function(e){return{get streamConfig(){return(0,N.yj)(e).streamConfig},get controlRoom(){return(0,N.yj)(e).controlRoom},get validVideoRefs(){return e.videoRefs.filter((function(e){return!!e}))},get scrubSpeed(){var n,t;return(null===(n=(0,N.yj)(e).keyBindings)||void 0===n||null===(t=n.preferences)||void 0===t?void 0:t.scrub)?qy.Scrub:qy.Jog}}})).actions((function(e){return{reset:function(){(0,N.Xx)(e,(0,i.Z)({},e,ub))},setIsInited:function(n){e.isInited=n},setIsSettingsOpen:function(n){e.isSettingsOpen=n},setSelectedInputIndex:function(n){e.selectedInputIndex=n},setReferenceIndex:function(n){e.referenceIndex=n},setPlayControl:function(n){e.playControl=n},setPlayerTime:function(n){e.playerTime=n},setAvailableTimeStart:function(n){e.availableTimeStart=n},setAvailableTimeEnd:function(n){e.availableTimeEnd=n},setStart:function(n){e.start=n},setEnd:function(n){e.end=n},setStartAndEnd:function(n){var t=(0,o.Z)(n,2),i=t[0],r=t[1];e.start=i,e.end=r},setReplayLock:function(n){e.replayLock=n},setSeekToWhenLoaded:function(n){e.seekToWhenLoaded=n},setPinnedInput:function(n){e.pinnedInput=n},unsetPinnedInput:function(){e.pinnedInput=""},setInputIds:function(n){e.inputIds.replace(n)},setIsCreated:function(n){e.isCreated=n},setRecentLayerTarget:function(n){e.recentLayerTargetInCurrentBatch=n},setRecentSource:function(n){e.recentSourceInCurrentBatch=n},setNumberReplays:function(n){e.maxInputs=n,e.settings.setNumberReplays(n)},setSharedAudioEnabled:function(n){e.sharedAudioEnabled=n},setAudioTracks:function(n){e.audioTracks.replace(n)},sendAudioTracksUpdate:function(n){e.streamConfig.producerAPI.sendPatchCommand("replay/sharedAudio",{tracks:n})},toggleSharedAudioEnabled:function(){e.sharedAudioEnabled=!e.sharedAudioEnabled,e.streamConfig.producerAPI.sendPatchCommand("replay/sharedAudio",{enabled:e.sharedAudioEnabled})}}})).actions((function(e){return{init:function(){var n,t=null===(n=App.Models.serverConfig)||void 0===n?void 0:n._encode.maxReplaysPerSession;e.setNumberReplays(t)},updateReferenceInput:function(n){if(void 0!==e.selectedInputIndex){var t,i=e.selectedInputIndex;if(!n[i]||n[i]&&(n[i].isOffline||!(null===(t=n[i].isoRecording)||void 0===t?void 0:t.streamId)))for(var r=0;r<n.length;r++){var o;if(!n[r].isOffline&&(null===(o=n[r].isoRecording)||void 0===o?void 0:o.streamId)){i=r;break}}e.setReferenceIndex(i)}}}})).actions((function(e){return{seekPlayers:function(n){var t=!0,i=!1,r=void 0;try{for(var o,a=e.validVideoRefs[Symbol.iterator]();!(t=(o=a.next()).done);t=!0){var s=o.value;s&&s.setCurrentTime(n/1e3)}}catch(c){i=!0,r=c}finally{try{t||null==a.return||a.return()}finally{if(i)throw r}}e.setPlayerTime(n)},toggleScrubSpeed:function(){var n=(0,N.yj)(e);e.scrubSpeed===qy.Scrub?n.keyBindings.preferences.setScrub(!1):n.keyBindings.preferences.setScrub(!0)},createReplay:function(n){if(e.replayLock)return!1;var t=e.streamConfig,i=(0,a.Z)(new Set(t.inputsList.filter((function(n){return!n.isOffline&&e.settings.inputIds.includes(n.id)})).map((function(e){return e.id}))));return t.producerAPI.createReplay(i,n/1e3),e.setIsCreated(!0),e.setReplayLock(!0),setTimeout((function(){e.setReplayLock(!1)}),1e3),!0},stepPlayersBySeconds:function(n){var t,i=!0,r=!1,o=void 0;try{for(var a,s=e.validVideoRefs[Symbol.iterator]();!(i=(a=s.next()).done);i=!0){var c=a.value;
1c&&(e.playControl===ab.Play&&c.setCurrentTime(e.playerTime/1e3),c.step(n),c===e.videoRefs[e.selectedInputIndex]&&c.hasMetadata()&&(t=c.currentTime()))}}catch(u){r=!0,o=u}finally{try{i||null==s.return||s.return()}finally{if(r)throw o}}e.setPlayerTime(1e3*t)},stepPlayersByFrames:function(n){var t,i=!0,r=!1,o=void 0;try{for(var a,s=e.validVideoRefs[Symbol.iterator]();!(i=(a=s.next()).done);i=!0){var c=a.value;c&&(e.playControl===ab.Play&&c.setCurrentTime(e.playerTime/1e3),c.stepFrame(n),c===e.videoRefs[e.selectedInputIndex]&&c.hasMetadata()&&(t=c.currentTime()))}}catch(u){r=!0,o=u}finally{try{i||null==s.return||s.return()}finally{if(r)throw o}}e.setPlayerTime(1e3*t)},setPlay:function(n){var t=!0,i=!1,r=void 0;try{for(var o,a=e.validVideoRefs[Symbol.iterator]();!(t=(o=a.next()).done);t=!0){var s=o.value;s&&(n?(s.setCurrentTime(e.playerTime/1e3),s.play()):s.pause())}}catch(c){i=!0,r=c}finally{try{t||null==a.return||a.return()}finally{if(i)throw r}}e.setPlayControl(n?ab.Pause:ab.Play)},togglePlay:function(){var n=!0,t=!1,i=void 0;try{for(var r,o=e.validVideoRefs[Symbol.iterator]();!(n=(r=o.next()).done);n=!0){var a=r.value;a&&(e.playControl===ab.Play&&a.setCurrentTime(e.playerTime/1e3),a.togglePlay())}}catch(s){t=!0,i=s}finally{try{n||null==o.return||o.return()}finally{if(t)throw i}}e.setPlayControl(e.playControl===ab.Play?ab.Pause:ab.Play)},sendReplay:function(n,t,a){var s=e.streamConfig,c=e.controlRoom,u=pl(s,c);if(e.isCreated&&n&&e.end>e.start){var l=t;if(a){var d=function(e){var n=!0,t=!1,i=void 0;try{for(var r,o=u[Symbol.iterator]();!(n=(r=o.next()).done);n=!0){var a=r.value.options.find((function(n){return n.value===e}));if(a)return a}}catch(s){t=!0,i=s}finally{try{n||null==o.return||o.return()}finally{if(t)throw i}}}(a);if(d)l=d;else{var p=(0,o.Z)(a.split("_"),2),f=p[0],h=p[1];if("layer"!==f)return;var m=parseInt(h);if(!(m<s.numberOfLayers))return;l={value:a,label:"Layer ".concat(m+1)}}}if(!(null===l||void 0===l?void 0:l.value))return;var g=(0,o.Z)(l.value.split("_"),2),v=g[0],x=g[1];return"layer"===v&&e.streamConfig.producerAPI.hasBatch&&(e.setRecentLayerTarget(parseInt(x)),e.setRecentSource(n)),s.producerAPI.sendReplay((0,i.Z)((0,r.Z)((0,i.Z)({},"layer"===v?{layerIndex:parseInt(x)}:{mediaPlayer:x}),{type:sb.PO.Vod,replaySourceId:n,displayName:e.settings.autoNamingPattern,playbackStartTime:Math.round(1e3*e.start)/1e3,playbackEndTime:Math.round(1e3*e.end)/1e3}),e.settings.clipsMuted&&{volume:0})),l.label}}}})).actions((function(e){return{initReplay:function(n,t){var i=!0,r=!1,o=void 0;try{for(var a,s=e.validVideoRefs[Symbol.iterator]();!(i=(a=s.next()).done);i=!0){a.value.clear()}}catch(l){r=!0,o=l}finally{try{i||null==s.return||s.return()}finally{if(r)throw o}}e.setPlayControl(ab.Play),e.setAvailableTimeStart(0),e.setAvailableTimeEnd(0),e.setIsInited(!0);var c=3e4-n,u=3e4+t;return e.setStart(c),e.setPlayerTime(c),e.setEnd(u),e.setSeekToWhenLoaded(c),e.createReplay(n)},stepPlayersByScrubSpeed:function(n){e.scrubSpeed===qy.Scrub?e.stepPlayersByFrames(n):e.stepPlayersBySeconds(n)},handleMarkIn:function(n){if(n>=e.end){var t=e.end-e.start;e.setEnd(n+t)}e.setStart(n)},handleMarkOut:function(n){if(n<=e.start){var t=e.end-e.start;e.setStart(n-t)}e.setEnd(n)}}})).actions((function(e){return{initReplayByButtonIndex:function(n){var t=e.settings.buttons[n];return!!t&&e.initReplay(t.preTime,t.postTime)},initDefaultReplay:function(){return e.initReplay(0,9e4)}}})),pb=db,fb=J.forwardRef((function(e,n){var t=e.autoplay,o=void 0!==t&&t,a=e.showControls,c=void 0!==a&&a,u=e.previewAttributes,l=void 0===u?{poster:"",src:""}:u;return(0,s.jsx)("video",(0,r.Z)((0,i.Z)({},e),{autoPlay:o,controls:c,poster:l.poster,playsInline:!0,"x-webkit-airplay":"allow",muted:e.muted,src:l.src,ref:n}))}));fb.displayName="Video";var hb=(0,Y.Pi)(fb);function mb(){var e=(0,R.Z)(["\n margin-top: ",";\n"]);return mb=function(){return e},e}function gb(){var e=(0,R.Z)(["\n position: relative;\n"]);return gb=function(){return e},e}function vb(){var e=(0,R.Z)(["\n position: absolute;\n top: 0.5em;\n right: 0.5em;\n font-size: 2em;\n color: ",";\n"]);return vb=function(){return e},e}function xb(){var e=(0,R.Z)(["\n max-height: 100%;\n width: 100%;\n position: relative;\n z-index: 0;\n"]);return xb=function(){return e},e}function yb(){var e=(0,R.Z)(["\n position: absolute;\n top: 0.5em;\n right: 1em;\n color: ",";\n border: none;\n border-radius: 50%;\n background: ",";\n font-size: 2em;\n z-index: 999;\n\n display: flex;
1\n align-items: center;\n justify-content: center;\n width: 1.5em;\n height: 1.5em;\n"]);return yb=function(){return e},e}var bb=L.ZP.section.withConfig({componentId:"sc-825b8809-0"})(mb(),(function(e){return e.theme.largePadding})),Ib=L.ZP.div.withConfig({componentId:"sc-825b8809-1"})(gb()),wb=(0,L.ZP)(M.Z).withConfig({componentId:"sc-825b8809-2"})(vb(),(function(e){return e.theme.colors.background})),Pb=(0,L.ZP)(hb).withConfig({componentId:"sc-825b8809-3"})(xb()),Sb=L.ZP.button.withConfig({componentId:"sc-825b8809-4"})(yb(),(function(e){return e.theme.colors.text8}),(function(e){return e.theme.colors.background}));function Zb(){var e=(0,R.Z)(["\n aspect-ratio: 16 / 9;\n background-color: black;\n border-top-left-radius: inherit;\n border-top-right-radius: inherit;\n display: ",";\n flex-direction: column;\n max-width: 100%;\n position: relative;\n\n &:hover {\n button {\n display: flex !important;\n }\n }\n"]);return Zb=function(){return e},e}function Cb(){var e=(0,R.Z)(["\n position: absolute;\n border: 4px solid ",";\n top: 0;\n bottom: 0;\n box-sizing: border-box;\n z-index: 1;\n"]);return Cb=function(){return e},e}function jb(){var e=(0,R.Z)(["\n position: absolute;\n top: 0.25em;\n right: 0.5em;\n color: ",";\n border: none;\n border-radius: 50%;\n background: ",";\n transition: background 1s;\n font-size: 2em;\n z-index: 999;\n display: none;\n\n align-items: center;\n justify-content: center;\n width: 1em;\n height: 1em;\n\n &:hover {\n background: ",";\n }\n"]);return jb=function(){return e},e}var kb=L.ZP.div.withConfig({componentId:"sc-22cd5d65-0"})(Zb(),(function(e){return e.visible?"flex":"none"})),Tb=L.ZP.div.withConfig({componentId:"sc-22cd5d65-1"})(Cb(),(function(e){return e.theme.colors.secondaryBorder})),Rb=L.ZP.button.withConfig({componentId:"sc-22cd5d65-2"})(jb(),(function(e){return e.theme.colors.text8}),(function(e){return e.theme.colors.background}),(function(e){return e.theme.colors.primary}));
1function Lb(){var e=(0,R.Z)(["\n width: 100%;\n justify-content: center;\n flex-grow: 1;\n text-transform: unset;\n ",";\n"]);return Lb=function(){return e},e}function Ab(){var e=(0,R.Z)(["\n display: flex;\n background-color: ",";\n"]);return Ab=function(){return e},e}function Mb(){var e=(0,R.Z)(["\n flex: 1;\n color: ",";\n font-size: 0.75em;\n padding: 0.5em;\n border-radius: 0;\n border: 1px solid ",";\n background-color: ",";\n cursor: ",";\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n"]);return Mb=function(){return e},e}function Ob(){var e=(0,R.Z)(["\n box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);\n margin-bottom: ",";\n position: relative;\n\n "," {\n color: ",";\n }\n\n div + &,\n button + & {\n margin-top: ",";\n }\n"]);return Ob=function(){return e},e}function Db(){var e=(0,R.Z)(["\n background-color: black;\n ","\n"]);return Db=function(){return e},e}function Eb(){var e=(0,R.Z)(["\n background-color: black;\n color: ",";\n aspect-ratio: 16 / 9;\n background-color: black;\n border-top-left-radius: inherit;\n border-top-right-radius: inherit;\n display: flex;\n flex-direction: column;\n max-width: 100%;\n position: relative;\n align-items: center;\n justify-content: center;\n"]);return Eb=function(){return e},e}function Nb(){var e=(0,R.Z)(["\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.5);\n cursor: not-allowed;\n"]);return Nb=function(){return e},e}var Bb=(0,L.ZP)(xs.ZP).attrs({type:"secondary"}).withConfig({componentId:"sc-d09f5fbe-0"})(Lb(),(function(e){return e.fullReplayView?"max-width: 200px":""})),Vb=L.ZP.section.withConfig({componentId:"sc-d09f5fbe-1"})(Ab(),(function(e){return e.theme.colors.secondaryLight})),Fb=L.ZP.button.withConfig({componentId:"sc-d09f5fbe-2"})(Mb(),(function(e){return e.theme.colors.playerControls}),(function(e){return e.theme.colors.secondaryLight}),(function(e){return e.isSelected?e.theme.colors.secondaryLight:e.theme.colors.secondaryDark}),(function(e){return e.clickable?"pointer":"not-allowed"})),zb=L.ZP.div.withConfig({componentId:"sc-d09f5fbe-3"})(Ob(),(function(e){return"".concat(e.theme.padding,"em")}),Fb,(function(e){return e.theme.colors.sidebarHeaderColour}),(function(e){return"".concat(e.theme.padding,"em")})),Ub=L.ZP.div.withConfig({componentId:"sc-d09f5fbe-4"})(Db(),(function(e){return e.multiMode?"\n display: grid;\n grid-template-columns: ".concat(3===e.columns?"33.33% 33.33% 33.33%":"50% 50%",";\n grid-auto-flow: dense;\n\n ").concat(Hb,", ").concat(kb," {\n ").concat(Pb," {\n height: 100%;\n width: auto;\n }\n }\n\n ").concat(Hb," {\n padding: 0 50px;\n text-align: center;\n }\n\n ").concat(Hb,", ").concat(kb," {\n max-width: ").concat(3===e.columns?"none":"75%",";\n }\n\n ").concat(Hb,":nth-child(").concat(e.columns,"n+1), ").concat(kb,":nth-child(").concat(e.columns,"n+1) {\n margin-left: ").concat(3===e.columns?"inherit":"25%",";\n\n ").concat(Tb," {\n right: 0;\n }\n }\n "):""})),Hb=L.ZP.div.withConfig({componentId:"sc-d09f5fbe-5"})(Eb(),(function(e){return e.theme.colors.text2})),_b=L.ZP.div.withConfig({componentId:"sc-d09f5fbe-6"})(Nb()),Wb=(0,Y.Pi)((function(e){var n=e.tabOptions,t=e.changeTab,i=e.selectedTab;return(0,s.jsx)(Vb,{children:n.map((function(e,n){return(0,s.jsx)(Fb,{clickable:!!e.srcId,onClick:function(i){e.srcId&&(i.preventDefault(),t(n))},isSelected:n===i,children:e.displayName},e.srcId+n)}))})})),Gb=hd()("mode",{dark:function(e){return e.theme.colors.secondaryLight},light:"#D6D8DD"});function Yb(){var e=(0,R.Z)(["\n display: flex;\n align-items: center;\n background-color: ",";\n color: ",";\n font-weight: ",";\n justify-content: center;\n height: 45px;\n border-top: 1px solid ",";\n border-bottom: 1px solid ",";\n width: 100%;\n padding: 0 15px "," 15px;\n position: relative;\n"]);return Yb=function(){return e},e}function Xb(){var e=(0,R.Z)(["\n display: flex;\n justify-content: space-evenly;\n flex: 2;\n"]);return Xb=function(){return e},e}
1function qb(){var e=(0,R.Z)(["\n align-items: center;\n background-color: inherit;\n border: 0;\n display: flex;\n padding: 0 0.1em;\n"]);return qb=function(){return e},e}function Jb(){var e=(0,R.Z)(["\n flex: 1;\n font-size: 0.75em;\n text-align: ",";\n justify-content: center;\n"]);return Jb=function(){return e},e}var Kb=L.ZP.div.withConfig({componentId:"sc-c75a6188-0"})(Yb(),(function(e){return e.theme.colors.background}),(function(e){return e.theme.colors.playerControls}),(function(e){return e.theme.fontWeightBold}),Gb,Gb,(function(e){return e.theme.smallPadding})),Qb=L.ZP.section.withConfig({componentId:"sc-c75a6188-1"})(Xb()),$b=L.ZP.button.withConfig({componentId:"sc-c75a6188-2"})(qb()),eI=L.ZP.section.withConfig({componentId:"sc-c75a6188-3"})(Jb(),(function(e){return e.alignCenter?"center":"right"}));function nI(){var e=(0,R.Z)(["\n flex: 1;\n justify-content: center;\n\n & > i {\n margin-bottom: -2px;\n }\n"]);return nI=function(){return e},e}function tI(){var e=(0,R.Z)(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: ",";\n\n "," {\n height: 30px;\n }\n"]);return tI=function(){return e},e}var iI=(0,L.ZP)(xs.ZP).withConfig({componentId:"sc-162c33cd-0"})(nI()),rI=L.ZP.div.withConfig({componentId:"sc-162c33cd-1"})(tI(),(function(e){return e.fullWidth?"300px":"100%"}),iI),oI=function(e){var n=e.onMarkIn,t=e.onMarkOut,i=e.fullReplayView,r=void 0!==i&&i,o=e.disabled,a=void 0!==o&&o;return(0,s.jsxs)(rI,{fullWidth:r,children:[(0,s.jsx)(iI,{type:"secondary",icon:"set-in",iconPosition:"left",size:"medium",onClick:n,disabled:a,tabIndex:-1,children:"Mark In"}),(0,s.jsx)(iI,{type:"secondary",icon:"set-out",iconPosition:"right",size:"medium",onClick:t,disabled:a,tabIndex:-1,children:"Mark Out"})]})},aI=(0,Y.Pi)((function(e){var n=e.controls,t=e.showPlayerTime,i=void 0!==t&&t,r=e.fullReplayView,o=void 0!==r&&r,a=e.playerTime,c=e.onMarkIn,u=void 0===c?function(){}:c,l=e.onMarkOut,d=void 0===l?function(){}:l;return(0,s.jsxs)(Kb,{children:[(0,s.jsx)(Qb,{children:n.map((function(e){var n=e.name,t=e.Icon,i=e.onClick,r=e.tooltip;return(0,s.jsx)(O.Z,{disabled:!r,distance:10,innerHtml:r,children:(0,s.jsx)($b,{onClick:i,children:(0,s.jsx)(t,{size:"30px"})})},n)}))}),i&&(0,s.jsx)(eI,{alignCenter:o,children:kl.ZP.millisecondsToInputTimeFormat(a,!0)}),o&&(0,s.jsx)(oI,{fullReplayView:o,onMarkIn:u,onMarkOut:d})]})})),sI=aI,cI=t(23808);function uI(){var e=(0,R.Z)(['\n position: relative;\n\n .noUi-target,\n .noUi-base,\n .noUi-background,\n .noUi-connect,\n .noUi-handle {\n height: var(--timeline-height);\n box-shadow: none;\n }\n\n .noUi-target {\n background: transparent;\n border-radius: 0;\n border: 0;\n }\n\n .noUi-background {\n background: transparent;\n border: 0;\n }\n\n .noUi-connect {\n position: absolute;\n top: 0;\n height: var(--timeline-height);\n background: var(--default-timeline-translucent);\n z-index: 9;\n transform: translate3d(\n 0,\n 0,\n 0\n ); /* Fixes rendering issue at extremely small sizes */\n }\n\n .noUi-connects {\n border-radius: 0;\n }\n\n .noUi-horizontal .noUi-handle {\n top: 0;\n right: 0;\n width: 11px;\n height: var(--timeline-height);\n background-color: var(--default-timeline-main);\n border: 0;\n border-radius: 0;\n box-shadow: none;\n }\n\n .noUi-origin ~ .noUi-origin .noUi-handle {\n right: -11px;\n }\n\n .noUi-handle::before {\n content: "";\n position: absolute;\n top: 20%;\n height: 60%;\n width: 3px;\n background: var(--default-timeline-main);\n border-radius: 0;\n }\n\n .noUi-origin .noUi-handle::before {\n border-radius: 3px 0 0 3px;\n left: -2px;\n }\n\n .noUi-origin ~ .noUi-origin .noUi-handle::before {\n border-radius: 0 3px 3px 0;\n left: 10px;\n }\n\n .noUi-handle::after {\n content: "";\n\n width: 5px;\n height: 50%;\n\n position: absolute;\n top: 25%;\n left: 50%;\n transform: translateX(-50%);\n\n background: repeating-linear-gradient(\n 90deg,\n var(--default-timeline-dark),\n var(--default-timeline-dark) 1px,\n var(--default-timeline-main) 2px,\n var(--default-timeline-main) 3px\n );\n }\n\n .noUi-origin .noUi-handle:hover {\n cursor: w-resize;\n }\n\n .noUi-origin ~ .noUi-origin .noUi-handle:hover {\n cursor: e-resize;\n }\n\n .noUi-draggable:hover {\n cursor: ew-resize;\n }\n']);return uI=function(){return e},e}var lI=L.ZP.div.withConfig({componentId:"sc-fbb4be9a-0"})(uI()),dI={to:function(e){return e},from:function(e){return Number(e)}},pI=(0,Y.Pi)((function(e){var n=e.start,t=e.end,i=e.inPoint,r=e.outPoint,o=e.onChange,a=e.onSlideStart,c=e.onSlideEnd,u=e.isDisabled,l=e.onClick,d=(0,J.useState)(!1),p=d[0],f=d[1],h=function(){f(!1),null===c||void 0===c||c()};return(0,s.jsx)(lI,{isDisabled:u,onMouseUp:function(e){p||l(e),f(!1),null===c||void 0===c||c()},children:(0,s.jsx)(Yo.U,{animate:!1,behaviour:"drag",connect:!0,disabled:u,format:dI,start:[i,r],step:1,range:{min:[n],max:[t]},onSlide:function(e){f(!0),o(e),null===a||void 0===a||a(),window.addEventListener("mouseup",h,{once:!0})}})})})),fI=t(87223),hI=t(98400);function mI(){var e=(0,R.Z)(["\n display: flex;\n justify-content: space-between;\n width: 100%;\n background-color: ",";\n color: ",";\n margin: 0;\n border-top: 1px solid ",";\n border-bottom-left-radius: inherit;\n border-bottom-right-radius: inherit;\n"]);return mI=function(){return e},e}function gI(){var e=(0,R.Z)(["\n display: flex;
1\n align-items: baseline;\n gap: 1em;\n padding: 0.5em 1em;\n position: relative;\n justify-content: space-between;\n\n &:first-child {\n border-right: 1px solid ",";\n ","\n }\n\n &:nth-child(3) {\n border-left: 1px solid ",";\n ","\n }\n"]);return gI=function(){return e},e}function vI(){var e=(0,R.Z)(["\n font-size: 11px;\n font-weight: ",";\n text-transform: uppercase;\n padding: 0 0.5em;\n"]);return vI=function(){return e},e}function xI(){var e=(0,R.Z)(["\n font-size: 10px;\n"]);return xI=function(){return e},e}function yI(){var e=(0,R.Z)(["\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 10px;\n padding: 0.5em 1.5em;\n\n & > p {\n margin-left: 0.5em;\n }\n\n ","\n"]);return yI=function(){return e},e}function bI(){var e=(0,R.Z)([""]);return bI=function(){return e},e}var II=hd()("mode",{dark:function(e){return e.theme.colors.sidebarBorder},light:"#D6D8DD"}),wI=L.ZP.div.withConfig({componentId:"sc-f6adfc24-0"})(mI(),(function(e){return e.theme.colors.secondaryBackground}),(function(e){return e.theme.colors.timeDisplayText}),II),PI=L.ZP.div.withConfig({componentId:"sc-f6adfc24-1"})(gI(),II,(function(e){return e.fullReplayView?"flex-grow: 4.5;":""}),II,(function(e){return e.fullReplayView?"flex-grow: 4.5;":""})),SI=L.ZP.span.withConfig({componentId:"sc-f6adfc24-2"})(vI(),(function(e){return e.theme.fontWeightSemiBold})),ZI=L.ZP.span.withConfig({componentId:"sc-f6adfc24-3"})(xI()),CI=L.ZP.div.withConfig({componentId:"sc-f6adfc24-4"})(yI(),(function(e){return e.fullReplayView?"&:nth-child(2) {\n flex-grow: 1;\n }":""})),jI=(0,L.ZP)(Dg.C).withConfig({componentId:"sc-f6adfc24-5"})(bI()),kI=function(e,n){var t=e.split(":"),i=n.split(":");return"00"===t[0]&&"00"===i[0]&&(t.shift(),i.shift()),{formattedTimeIn:t.join(":"),formattedTimeOut:i.join(":")}},TI=function(e){var n,t=e.timeIn,i=e.timeOut,r=e.selection,o=e.fullReplayView,a=function(e,n){var t=kl.ZP.millisecondsToInputTimeFormat(e,!0),i=kl.ZP.millisecondsToInputTimeFormat(n,!0);return kI(t,i)}(t,i),c=a.formattedTimeIn,u=a.formattedTimeOut;return(0,s.jsxs)(wI,{children:[(0,s.jsxs)(PI,{fullReplayView:o,children:[(0,s.jsx)(SI,{children:"in point"}),(0,s.jsx)(ZI,{children:c})]}),(0,s.jsxs)(CI,{fullReplayView:o,children:[(0,s.jsx)(jI,{type:"live",height:12,width:12}),(0,s.jsxs)("p",{children:[(n=r,hI.Z.formatMillisecondsToDurationDisplay(n-n%100))," ","selected"]})]}),(0,s.jsxs)(PI,{fullReplayView:o,children:[(0,s.jsx)(SI,{children:"out point"}),(0,s.jsx)(ZI,{children:u})]})]})};function RI(){var e=(0,R.Z)(["\n height: ",";\n position: relative;\n"]);return RI=function(){return e},e}var LI="56px",AI=L.ZP.div.withConfig({componentId:"sc-c348cb7f-0"})(RI(),"80px"),MI=t(85106);function OI(){var e=(0,R.Z)(["\n background-color: ",";\n height: ",";\n"]);return OI=function(){return e},e}function DI(){var e=(0,R.Z)(["\n position: absolute;\n margin-bottom: 25%;\n width: 1px;\n height: ",";\n background-color: ",";\n"]);return DI=function(){return e},e}function EI(){var e=(0,R.Z)(["\n position: absolute;\n margin-bottom: 65%;\n width: 1px;\n height: 35%;\n background-color: ",";\n"]);return EI=function(){return e},e}function NI(){var e=(0,R.Z)(["\n position: absolute;\n color: ",";\n margin-top: ",";\n font-size: ","em;\n text-align: center;\n margin-left: ","%;\n height: 24px;\n width: ","%;\n left: ","%;\n display: flex;\n flex-direction: column;\n align-content: center;\n justify-content: center;\n"]);return NI=function(){return e},e}function BI(){var e=(0,R.Z)(["\n background-color: ",";\n position: absolute;\n width: 100%;\n height: 100%;\n"]);return BI=function(){return e},e}var VI="#CBD1E1",FI=hd()("mode",{dark:"transparent",light:"white"}),zI=L.ZP.div.withConfig({componentId:"sc-d6f16ca0-0"})(OI(),FI,LI),UI=L.ZP.div.withConfig({componentId:"sc-d6f16ca0-1"})(DI(),LI,VI),HI=L.ZP.div.withConfig({componentId:"sc-d6f16ca0-2"})(EI(),VI),_I=L.ZP.div.withConfig({componentId:"sc-d6f16ca0-3"})(NI(),(function(e){return e.theme.colors.timeDisplayText}),LI,(function(e){return e.theme.xsmall}),(function(e){return-100/e.count/2}),(function(e){return 100/e.count}),(function(e){return e.percent})),WI=(0,L.ZP)(MI.iR).withConfig({componentId:"sc-d6f16ca0-4"}
1)(BI(),(function(e){return e.theme.colors.secondaryBackground})),GI=function(e,n){for(var t=[],i=e,r=(n-e)/4,o=0;o<5;o++)t.push(i),i+=r;return t},YI=function(e){var n=e.percent,t=[],i=2.5;if(100!==n)for(var r=0;r<9;r++)t.push((0,s.jsx)(HI,{style:{left:"".concat(n+i,"%")}},n+i)),i+=2.5;return(0,s.jsx)(s.Fragment,{children:t})},XI=function(e){var n,t=e.tick,i=e.count,r=[0,100].includes(t.percent);return(0,s.jsxs)("div",{children:[!r&&(0,s.jsx)(UI,{style:{left:"".concat(t.percent,"%")}}),(0,s.jsx)(YI,{percent:t.percent}),!r&&(0,s.jsx)(_I,{percent:t.percent,count:i,children:(0,s.jsx)("p",{children:(n=t.value,hI.Z.formatMillisecondsToTimeDisplay(n))})})]})},qI=function(e){var n=e.clipStart,t=e.clipEnd;return(0,s.jsx)(WI,{domain:[n,t],values:void 0,children:(0,s.jsx)(MI.vb,{values:GI(n,t),children:function(e){var n=e.ticks;return(0,s.jsx)(zI,{children:n.map((function(e){return(0,s.jsx)(XI,{tick:e,count:n.length},e.id)}))})}})})};function JI(){var e=(0,R.Z)(["\n height: ",";\n background-color: rgba(255, 255, 255, 0.5);\n position: absolute;\n"]);return JI=function(){return e},e}var KI=L.ZP.div.withConfig({componentId:"sc-64ebec05-0"})(JI(),"56px"),QI=function(e){return e.preventDefault()},$I=function(e){var n=e.clipEnd,t=void 0===n?12e4:n,i=e.inPoint,r=e.outPoint,a=e.position,c=e.onInOutPointsChange,u=e.onPositionChange,l=e.availableTimeStart,d=void 0===l?0:l,p=e.availableTimeEnd,f=void 0===p?0:p,h=e.isDisabled,m=void 0!==h&&h,g=e.isBuffered,v=void 0!==g&&g,x=e.fullReplayView,y=void 0!==x&&x,b=J.useRef(null);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(AI,{ref:b,onContextMenu:QI,children:[(0,s.jsx)(qI,{clipStart:0,clipEnd:t}),v&&(0,s.jsxs)("div",{children:[(0,s.jsx)(KI,{style:{left:0,width:"".concat(d/(t-0)*100,"%")}}),(0,s.jsx)(KI,{style:{right:0,width:"".concat(100-f/(t-0)*100,"%")}})]}),(0,s.jsx)(pI,{isDisabled:m,start:0,end:t,inPoint:i,outPoint:r,onChange:function(e){var n=(0,o.Z)(e.map(Math.floor),2),t=n[0],a=n[1];(0,cr.Eg)(i,t)?(0,cr.Eg)(r,a)||(0,cr.Eg)(t,0)||u(a):u(t),c([t,a])},onClick:function(e){var n=e.pageX;u((t-0)*(0,fI.iu)(n,b.current))}}),(0,s.jsx)(cI.Z,{clipStart:0,clipEnd:t,isDisabled:m,position:a,onUpdate:u,height:"80px",quietMode:!1})]}),(0,s.jsx)(TI,{fullReplayView:y,timeIn:i,timeOut:r,selection:r-i})]})},ew={isEmpty:!0,startTime:0,duration:0,frameDuration:0,mimeType:"video/mp4",frontTime:0,zeroTime:0,mediaId:""},nw=(0,J.forwardRef)((function(e,n){var t=e.sourceId,i=e.style,r=e.muted,o=void 0!==r&&r,a=e.onTimeUpdate,c=e.onAvailableTimeUpdate,u=e.onLoadedMetadata,l=e.onerror,d=(0,J.useRef)(ew),p=(0,J.useRef)(null),f=(0,J.useRef)(null),h=(0,J.useRef)(null),m=(0,J.useRef)(null);(0,J.useImperativeHandle)(n,(function(){return{setCurrentTime:function(e){y(e)},step:function(e){y(g()+e,!0)},stepFrame:function(e){y(g()+e*d.current.frameDuration,!0)},togglePlay:function(){if(f.current.paused)try{f.current.play()}catch(e){console.warn("could not play player, possibly missing source")}else try{f.current.pause()}catch(n){console.warn("could not pause player, possibly missing source")}},play:function(){try{f.current.play()}catch(e){console.warn("could not play player, possibly missing source")}},pause:function(){try{f.current.pause()}catch(e){console.warn("could not pause player, possibly missing source")}},paused:function(){return f.current.paused},currentTime:function(){return g()},clear:function(){d.current=ew,p.current=null,m.current=null,h.current=null,null===c||void 0===c||c(0,0)},getElement:function(){return f.current},hasMetadata:function(){return d.current!==ew}}}));var g=function(){return f.current.currentTime-d.current.startTime},v=function(e){f.current.currentTime=e+d.current.startTime},x=function(){var e;return!p.current||p.current.buffered.length<1?0:(null===(e=p.current)||void 0===e?void 0:e.buffered.end(p.current.buffered.length-1))-d.current.startTime},y=function(e){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(p.current&&!(p.current.buffered.length<1))try{e>=0&&e<x()&&e<d.current.duration?v(e):n&&v(e<0?0:Math.min(x(),d.current.duration))}catch(t){console.warn("Source buffer buffered time range error")}},b=function(){!p.current||p.current.buffered.length<1||null===c||void 0===c||c(Math.max(0,function(){var e;
1return!p.current||p.current.buffered.length<1?0:(null===(e=p.current)||void 0===e?void 0:e.buffered.start(p.current.buffered.length-1))-d.current.startTime}()),Math.max(0,x()))},I=function(){h.current&&"open"===h.current.readyState&&d.current!==ew&&(p.current=h.current.addSourceBuffer(d.current.mimeType),p.current.timestampOffset=-1*d.current.frontTime,p.current.appendWindowStart=0,p.current.appendWindowEnd=d.current.duration+d.current.startTime,p.current.mode="segments",p.current.onupdate=function(){b()})};return(0,J.useEffect)((function(){var e,n=null===(e=App.Models.serverConfig)||void 0===e?void 0:e.messagingSocket;if(n){var i=function(e,n,i){i&&l&&l(i),void 0!==n.mediaId&&n.sourceId===t&&e===Qe.Messaging.commandMethodType.POST&&(d.current=ew,p.current=null,m.current=null,h.current=new MediaSource,h.current.addEventListener("sourceopen",(function(){I()})),f.current.src=URL.createObjectURL(h.current),d.current=n,d.current.mimeType='video/mp4; codecs="'.concat(n.codecs.join(", "),'"'),d.current.startTime=n.startTime-n.frontTime,u&&u({duration:d.current.duration,zeroTime:d.current.zeroTime-d.current.frontTime-d.current.startTime,frameDuration:d.current.frameDuration}),I())};n.listenToCommandPath("cloudproducer/replay/clip",i);var r=function(e,n){if(null!==h.current&&e===d.current.mediaId)if(null===p.current||p.current.updating)if(null===m.current)m.current=n;else{var t=new Uint8Array(m.current.length+n.length);t.set(m.current,0),t.set(n,m.current.length),m.current=t}else if(null===m.current)try{p.current.appendBuffer(n)}catch(r){}else{var i=new Uint8Array(m.current.length+n.length);i.set(m.current,0),i.set(n,m.current.length);try{p.current.appendBuffer(i)}catch(o){}m.current=null}};return n.on(n.events.DATA_MESSAGE,r),function(){n.off(n.events.DATA_MESSAGE,r),n.stopListeningToCommandPath("cloudproducer/replay/clip",i),d.current=ew,h.current=null,p.current=null,m.current=null}}}),[]),(0,s.jsx)(Pb,{ref:f,style:i,muted:o,onTimeUpdate:function(){a&&a(g())}})}));function tw(){var e=(0,R.Z)(["\n position: absolute;\n right: 0;\n top: 0;\n border-radius: inherit;\n display: flex;\n flex-direction: column;\n position: absolute;\n width: ",";\n height: ",";\n z-index: 1;\n background: rgba(0, 0, 0, 0.5);\n"]);return tw=function(){return e},e}function iw(){var e=(0,R.Z)(["\n border-radius: inherit;\n width: 100%;\n height: 100%;\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(0, 0, 0, 0.7);\n\n i {\n font-size: 1.7em;\n }\n\n "," {\n font-size: 0.8em;\n }\n"]);return iw=function(){return e},e}nw.displayName="FragmentedPlayer";var rw=L.ZP.div.withConfig({componentId:"sc-c96b696a-0"})(tw(),(function(e){return e.full?"100%":"150px"}),(function(e){return e.full?"100%":"40px"})),ow=L.ZP.section.withConfig({componentId:"sc-c96b696a-1"})(iw(),Ic.nv),aw=function(e,n){var t,o=e.visible,a=e.onClick,c=e.highlighted,u=e.sourceId,l=e.isOffline,d=e.showMuteButton,p=void 0!==d&&d,f=e.isPinned,h=void 0!==f&&f,m=e.fullReplayView,g=void 0!==m&&m,v=e.pinInput,x=void 0===v?function(){}:v,y=e.unpinInput,b=void 0===y?function(){}:y,I=(0,G.Z)(e,["visible","onClick","highlighted","sourceId","isOffline","showMuteButton","isPinned","fullReplayView","pinInput","unpinInput"]),w=(0,J.useState)(!0),P=w[0],S=w[1],Z=(0,J.useRef)(null);return(0,s.jsxs)(kb,{visible:o,onClick:a,children:[l&&(0,s.jsx)(rw,{children:(0,s.jsxs)(ow,{children:[(0,s.jsx)(M.Z,{name:"offline-source"}),(0,s.jsx)(Ic.nv,{children:"Source offline"})]})}),(0,s.jsx)(nw,(0,r.Z)((0,i.Z)({},I),{sourceId:u,ref:function(e){n&&n(e),Z.current=e},muted:P||!o})),c&&(0,s.jsx)(Tb,{style:{width:null===(t=Z.current)||void 0===t?void 0:t.getElement().offsetWidth}}),p&&(0,s.jsx)(Sb,{role:"button",name:P?"headphones-mute":"headphones",onClick:function(){S(!P)},children:(0,s.jsx)(M.Z,{name:P?"headphones-mute":"headphones"})}),g&&(0,s.jsx)(Rb,{role:"button",name:h?"unpin":"pin",onClick:function(){h?b():x()},children:(0,s.jsx)(M.Z,{name:"pin"})})]})};aw.displayName="VodPreviewFragmentedPlayer";var sw=(0,Y.Pi)((0,J.forwardRef)(aw)),cw=function(){return(0,s.jsx)(Hb,{children:(0,s.jsx)("span",{children:"Please click one of the buttons to start a replay"})})}
1,uw=(0,Y.Pi)((function(e){var n=e.buttons,t=e.inputs,i=e.fullReplayView,r=(0,q.oR)().replay,o=t.map((function(e){return{displayName:e.displayName,srcId:e.id}})),a=t.map((function(e){return e.id}));(0,J.useEffect)((function(){r.updateReferenceInput(t)}),[t]),J.useEffect((function(){r.selectedInputIndex>=t.length&&l(0)}),[a.join("")]);var c=function(e){return function(n){r.playControl===ab.Pause&&e===r.referenceIndex&&r.setPlayerTime(1e3*n)}},u=function(e){return function(n,t){if(e===r.referenceIndex){var i=1e3*n,o=1e3*t;r.setAvailableTimeStart(i),r.setAvailableTimeEnd(o),null!==r.seekToWhenLoaded&&i<r.seekToWhenLoaded&&r.seekToWhenLoaded<o&&(r.seekPlayers(r.seekToWhenLoaded),r.setSeekToWhenLoaded(null))}}},l=function(e){r.setSelectedInputIndex(e)},d=[{name:"jumpToMarkIn",tooltip:"Jump to In Point",Icon:tb.Z,onClick:function(){return r.seekPlayers(r.start)}},{name:"back5seconds",tooltip:"Go back 5 seconds",Icon:Ky.Z,onClick:function(){return r.stepPlayersBySeconds(-5)}},{name:"back1Second",tooltip:"Go back 1 second",Icon:Jy.Z,onClick:function(){return r.stepPlayersBySeconds(-1)}},{name:"frameLeft",tooltip:"Go back 1 frame",Icon:eb.Z,onClick:function(){return r.stepPlayersByFrames(-1)}},{name:r.playControl,Icon:"play"===r.playControl?ob.Z:rb.Z,tooltip:"play"===r.playControl?"Play":"Pause",onClick:r.togglePlay},{name:"frameRight",tooltip:"Go forward 1 frame",Icon:nb.Z,onClick:function(){return r.stepPlayersByFrames(1)}},{name:"forward1Second",tooltip:"Go forward 1 second",Icon:Qy.Z,onClick:function(){return r.stepPlayersBySeconds(1)}},{name:"forward5seconds",tooltip:"Go forward 5 second",Icon:$y.Z,onClick:function(){return r.stepPlayersBySeconds(5)}},{name:"jumpToMarkOut",tooltip:"Jump to Out Point",Icon:ib.Z,onClick:function(){return r.seekPlayers(r.end)}}];return(0,s.jsxs)(s.Fragment,{children:[n.length?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(Ic.XJ,{children:"START A REPLAY"}),(0,s.jsxs)("div",{style:{display:"flex"},children:[(0,s.jsx)(Bb,{fullReplayView:i,onClick:r.initDefaultReplay,tabIndex:-1,disabled:r.replayLock,children:"0 \xa0\u2192\xa0 90secs"}),n.filter((function(e){return!isNaN(e.preTime)&&!isNaN(e.postTime)})).map((function(e,n){return(0,s.jsxs)(Bb,{fullReplayView:i,onClick:function(){r.initReplay(e.preTime,e.postTime)},tabIndex:-1,disabled:r.replayLock,children:[e.preTimeLabel," \xa0\u2192\xa0"," ",e.postTimeLabel]},"button".concat(n))}))]})]}):(0,s.jsx)(Bb,{onClick:r.initDefaultReplay,children:"START A REPLAY"}),!i&&(0,s.jsx)("hr",{}),(0,s.jsxs)(zb,{children:[o.length>1&&!i&&(0,s.jsx)(Wb,{tabOptions:o,changeTab:l,selectedTab:r.selectedInputIndex}),(0,s.jsx)(Ub,{multiMode:i&&!r.pinnedInput,columns:Math.ceil(t.length/2),children:r.isInited?a.map((function(e,n){return(0,s.jsx)(sw,{ref:function(e){return r.videoRefs[n]=e},onClick:function(e){i&&(e.preventDefault(),l(n))},fullReplayView:i,isPinned:r.pinnedInput===e,pinInput:function(){return r.setPinnedInput(e)},unpinInput:r.unsetPinnedInput,sourceId:e,highlighted:i&&!r.pinnedInput&&n===r.selectedInputIndex,isOffline:t[n].isOffline,visible:i&&(!r.pinnedInput||r.pinnedInput===e)||!i&&n===r.selectedInputIndex,onTimeUpdate:c(n),onAvailableTimeUpdate:u(n)},"".concat(e,"_").concat(n))})):i?o.map((function(e,n){return(0,s.jsx)(cw,{},n)})):(0,s.jsx)(cw,{})}),(0,s.jsx)(aI,{controls:d,showPlayerTime:!0,playerTime:r.playerTime,fullReplayView:i,onMarkIn:function(){return r.handleMarkIn(r.playerTime)},onMarkOut:function(){return r.handleMarkOut(r.playerTime)}}),(0,s.jsx)($I,{isBuffered:!0,isDisabled:!r.isInited,inPoint:r.start,outPoint:r.end,onInOutPointsChange:r.setStartAndEnd,position:0===r.start&&0===r.end?0:r.playerTime,onPositionChange:r.seekPlayers,availableTimeStart:r.availableTimeStart,availableTimeEnd:r.availableTimeEnd,fullReplayView:i}),!r.isInited&&(0,s.jsx)(_b,{})]}),!i&&(0,s.jsx)(oI,{disabled:!r.isInited,onMarkIn:function(){return r.handleMarkIn(r.playerTime)},onMarkOut:function(){return r.handleMarkOut(r.playerTime)}})]})}));function lw(){var e=(0,R.Z)(["\n padding: ",";\n flex-grow: 1;\n\n hr {\n border-top-color: ",";\n margin: ",";\n }\n\n "," {\n color: ",";\n }\n"]);return lw=function(){return e},e}function dw(){var e=(0,R.Z)(["\n padding: ",";\n position: relative;\n\n "," {\n opacity: ",";\n pointer-events: ",";\n padding: ",";\n transition: opacity 0.5s;\n position: absolute;\n width: 100%;\n top: -60px;\n }\n\n ","\n"]);return dw=function(){return e},e}function pw(){var e=(0,R.Z)(["\n display: inline-block;\n width: 50%;\n"]);return pw=function(){return e},e}function fw(){var e=(0,R.Z)(["\n color: #b2b9d3;\n text-transform: uppercase;\n font-size: 11px;\n margin-bottom: ",";\n\n > span {\n display: inline-block;\n width: 50%;\n }\n\n .red {\n color: ",";\n text-align: right;\n\n .icon {\n margin-left: ",";\n }\n\n &:hover {\n cursor: pointer;\n }\n }\n"]);return fw=function(){return e},e}function hw(){var e=(0,R.Z)(["\n display: inline-block;\n width: 50%;\n text-align: right;\n\n "," {\n width: 75%;\n min-width: 100px;\n max-width: 300px;\n justify-content: center;\n }\n"]);return hw=function(){return e},e}function mw(){var e=(0,R.Z)(["\n background: ",";\n display: flex;\n flex-flow: column;\n position: relative;\n"]);return mw=function(){return e},e}function gw(){var e=(0,R.Z)(["\n text-align: center;
1\n align-items: center;\n display: flex;\n justify-content: center;\n flex-flow: column;\n height: 100%;\n"]);return gw=function(){return e},e}function vw(){var e=(0,R.Z)(["\n display: block;\n font-weight: bolder;\n margin-bottom: 20px;\n line-height: 22px;\n font-size: 16px;\n color: ",";\n"]);return vw=function(){return e},e}function xw(){var e=(0,R.Z)(["\n margin-bottom: 30px;\n max-width: 300px;\n line-height: 20px;\n font-size: 14px;\n color: ",";\n"]);return xw=function(){return e},e}function yw(){var e=(0,R.Z)(["\n width: 150px;\n padding-top: ",";\n padding-bottom: ",";\n justify-content: center;\n"]);return yw=function(){return e},e}function bw(){var e=(0,R.Z)([""]);return bw=function(){return e},e}var Iw=L.ZP.div.withConfig({componentId:"sc-8294d941-0"})(lw(),(function(e){return"".concat(e.theme.padding,"em")}),(function(e){return e.theme.colors.sidebarBorder}),(function(e){return"".concat(e.theme.padding,"em ").concat(e.theme.padding/2,"em")}),Ic.XJ,(function(e){return e.theme.colors.text1})),ww=L.ZP.div.withConfig({componentId:"sc-8294d941-1"})(dw(),(function(e){return"".concat(e.theme.padding,"em")}),cu.Z,(function(e){return e.alertVisible?1:0}),(function(e){return e.alertVisible?"all":"none"}),(function(e){return"".concat(e.theme.padding,"em")}),(function(e){return e.fullReplayView?"position: absolute; width: 100%; bottom: 0;":"border-top: 1px solid ".concat(e.theme.colors.sidebarBorder,";")})),Pw=L.ZP.div.withConfig({componentId:"sc-8294d941-2"})(pw()),Sw=L.ZP.div.withConfig({componentId:"sc-8294d941-3"})(fw(),(function(e){return"".concat(e.theme.padding,"em")}),(function(e){return e.theme.colors.primary}),(function(e){return"".concat(e.theme.padding,"em")})),Zw=L.ZP.div.withConfig({componentId:"sc-8294d941-4"})(hw(),xs.ZP),Cw=(0,L.ZP)(rn.Mn).withConfig({componentId:"sc-8294d941-5"})(mw(),(function(e){return e.theme.colors.replayBackground})),jw=L.ZP.div.withConfig({componentId:"sc-8294d941-6"})(gw()),kw=L.ZP.span.withConfig({componentId:"sc-8294d941-7"})(vw(),(function(e){return e.theme.colors.text4})),Tw=L.ZP.p.withConfig({componentId:"sc-8294d941-8"})(xw(),(function(e){return e.theme.colors.text4})),Rw=(0,L.ZP)(xs.ZP).withConfig({componentId:"sc-8294d941-9"})(yw(),(function(e){return"".concat(e.theme.padding/2,"em")}),(function(e){return"".concat(e.theme.padding/2,"em")})),Lw=(0,L.ZP)(Rp.et).withConfig({componentId:"sc-8294d941-10"})(bw()),Aw=(0,Y.Pi)((function(e){var n,t=e.fullReplayView,i=Zp(),r=(0,Sp.TH)(),a=(0,q.oR)(),c=a.replay,u=a.streamConfig,l=a.controlRoom,d=(0,o.Z)((0,Yy.d)(5e3),3),p=d[0],f=d[1],h=d[2],m=(0,J.useState)({label:"None",value:""}),g=m[0],v=m[1],x=c.settings.inputIds.map((function(e){return u.inputs.get(e)})).filter((function(e){return e})),y=pl(u,l);(0,J.useEffect)((function(){var e,n=null!==(e=function(e){var n=!0,t=!1,i=void 0;try{for(var r,o=y[Symbol.iterator]();!(n=(r=o.next()).done);n=!0){var a=r.value.options.find((function(n){return n.value===e}));if(a)return a}}catch(s){t=!0,i=s}finally{try{n||null==o.return||o.return()}finally{if(t)throw i}}}(c.settings.destination))&&void 0!==e?e:{label:"None",value:""};v(n)}),[l.layers.map((function(e){return e.displayName})).join(),u.mediaPlayerInputs.map((function(e){return e.displayName})).join(),c.settings.destination]);return Xy((function(){c.reset()})),(0,J.useEffect)((function(){c.settings.isSetUp()||c.reset()}),[c.settings.isSetUp()]),c.settings.isSetUp()?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(Iw,{children:(0,s.jsx)(uw,{buttons:c.settings.buttons,inputs:x,fullReplayView:t})}),(0,s.jsxs)(ww,{fullReplayView:t,alertVisible:Boolean(p),children:[(0,s.jsx)(cu.Z,{type:"message",children:"Replay has been created and sent to ".concat(h,".")}),(0,s.jsx)(Pw,{children:!t&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(Sw,{children:[(0,s.jsx)("span",{children:"Destination"}),"mediaplayer"===(null===(n=g.value)||void 0===n?void 0:n.split("_")[0])&&(0,s.jsxs)("span",{className:"red",onClick:function(){if(g.value){var e=g.value.split("_")[1];l.setSelectedInput(e),i("/source/".concat(e,"/settings/media-player"))}},children:[(0,s.jsx)("span",{children:"Settings"}),(0,s.jsx)(M.Z,{as:"span",className:"icon",name:"settings",style:{cursor:"pointer"}})]})]}),(0,s.jsx)(Ts.Ph,{value:g,onChange:function(e){try{document.activeElement.blur()}catch(n){}v(e),c.settings.setDestination(e.value),c.settings.save()},options:y,style:Rs.$T,theme:"dark",menuPlacement:"top",placeholder:"Select destination layer"})]})}),(0,s.jsx)(Zw,{children:(0,s.jsx)(xs.ZP,{type:"primary",disabled:!c.isCreated||!g.value,onClick:function(e){var n=x[c.selectedInputIndex];n&&(!function(e,n){var t=c.sendReplay(e,g,n);t&&f(t)}
1(n.id),e.currentTarget.blur())},tabIndex:-1,children:"Send Replay"})})]})]}):(0,s.jsxs)(jw,{children:[(0,s.jsx)(kw,{children:"Replay settings have not been set up"}),(0,s.jsx)(Tw,{children:"To use a replay, you need to create a media player source to send it to."}),(0,s.jsx)(Rw,{type:"primary",onClick:function(){r.pathname.startsWith("/replay-controls")?i("/replay-controls/preferences"):i("/replay/settings")},children:"Set up replay"})]})})),Mw=Aw;function Ow(){var e=(0,R.Z)(["\n color: #b2b9d3;\n position: relative;\n width: 100%;\n border-top: 1px solid\n ",";\n padding: 0.9em;\n background: ",";\n margin-bottom: 20px;\n\n label {\n font-size: 1.1rem;\n }\n\n "," {\n color: ",";\n text-transform: uppercase;\n margin: 0;\n font-weight: ",";\n }\n\n "," {\n color: ",";\n text-transform: uppercase;\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 0.6em;\n }\n"]);return Ow=function(){return e},e}function Dw(){var e=(0,R.Z)(["\n width: 100%;\n color: ",";\n margin-bottom: 15px;\n background: ",";\n border: none;\n padding: 5px;\n font-size: ","px;\n &:focus {\n border: none;\n }\n"]);return Dw=function(){return e},e}function Ew(){var e=(0,R.Z)(["\n color: ",";\n"]);return Ew=function(){return e},e}function Nw(){var e=(0,R.Z)(["\n border-radius: 25px;\n padding: 8px;\n\n thead tr th {\n padding-bottom: 8px;\n }\n\n * {\n text-align: left;\n }\n\n td:first-child {\n padding-right: 20px;\n }\n"]);return Nw=function(){return e},e}var Bw=L.ZP.div.withConfig({componentId:"sc-b3896bcf-0"})(Ow(),(function(e){var n=e.theme;return"dark"!==n.mode?n.colors.text4:n.colors.text1}),(function(e){var n=e.theme;return"dark"!==n.mode?"unset":n.colors.background}),Ic.XJ,(function(e){return e.theme.colors.text1}),(function(e){return e.theme.fontWeightSemiBold}),Ic.k8,(function(e){return e.theme.colors.sidebarBorder})),Vw=L.ZP.input.withConfig({componentId:"sc-b3896bcf-1"})(Dw(),(function(e){return e.theme.colors.sidebarBorder}),(function(e){var n=e.theme;return"dark"!==n.mode?n.colors.background:n.colors.producerMainContentBackground}),(function(e){return e.theme.fontSizeBase})),Fw=(0,L.ZP)(Ic.nv).withConfig({componentId:"sc-b3896bcf-2"})(Ew(),(function(e){return e.theme.colors.sidebarBorder})),zw=L.ZP.table.withConfig({componentId:"sc-b3896bcf-3"})(Nw()),Uw=function(){return(0,s.jsxs)(zw,{children:[(0,s.jsx)("thead",{children:(0,s.jsx)("tr",{children:(0,s.jsx)("th",{colSpan:2,children:"Replacement tokens can be used to add data:"})})}),(0,s.jsxs)("tbody",{children:[(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:"@Source.Title"}),(0,s.jsx)("td",{children:"Title of the replay source"})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:"@Clip.Duration"}),(0,s.jsx)("td",{children:"Duration of the replay clip"})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:"@Clip.Group"}),(0,s.jsx)("td",{children:"Groups replay angles together"})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:"@Clip.Number"}),(0,s.jsx)("td",{children:"Increments each time a replay is sent"})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:"@Destination.Title"}),(0,s.jsx)("td",{children:"Media player or layer name"})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:"@Clock.Date"}),(0,s.jsx)("td",{children:"Date (UTC timezone) of the clip"})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:"@Clock.Time.Utc"}),(0,s.jsx)("td",{children:"UTC time of the clip"})]})]})]})},Hw=function(e){var n,t=e.autoNamingPattern,i=e.setAutoNamingPattern;return(0,s.jsxs)(Bw,{children:[(0,s.jsx)(Ic.XJ,{children:"Automatic Naming"}),(0,s.jsxs)(Ic.k8,{children:["Replay Title",(0,s.jsx)(O.Z,{innerHtml:(0,s.jsx)(Uw,{}),position:"right",size:"small",arrow:!0,children:(0,s.jsx)(M.Z,{name:"info",size:"1.8em"})})]}),(0,s.jsx)(Vw,{value:t,onChange:function(e){return i(e.target.value)}}),(0,s.jsxs)(Fw,{children:["Sample name output: ",(n=t,n.replace(/@Source\.Title/g,"Source 1").replace(/@Clip\.Duration/g,"15s").replace(/@Clip\.Group/g,"2").replace(/@Clip\.Number/g,"3").replace(/@Destination\.Title/g,"Media Player
11").replace(/@Clock\.Date/g,"2020-01-01").replace(/@Clock\.Time\.Utc/g,"08:00:00Z"))]})]})},_w=t(84715),Ww=t.n(_w);function Gw(){var e=(0,R.Z)(["\n position: relative;\n width: 100%;\n display: flex;\n flex-direction: column;\n"]);return Gw=function(){return e},e}function Yw(){var e=(0,R.Z)(["\n position: relative;\n width: 100%;\n height: 100%;\n padding: 0.9em;\n background: ",";\n\n label {\n color: #b2b9d3;\n }\n\n "," {\n color: ",";\n text-transform: uppercase;\n margin: 0;\n font-weight: ",";\n }\n"]);return Yw=function(){return e},e}var Xw=L.ZP.div.withConfig({componentId:"sc-ea731936-0"})(Gw()),qw=L.ZP.div.withConfig({componentId:"sc-ea731936-1"})(Yw(),(function(e){return"dark"!==e.theme.mode?"unset":e.theme.colors.background}),Ic.XJ,(function(e){return e.theme.colors.text1}),(function(e){return e.theme.fontWeightSemiBold})),Jw=(0,Y.Pi)((function(e){var n=e.inputIds,t=e.setInputAt,i=e.theme,r=void 0===i?"dark":i,o=(0,q.oR)().streamConfig,a=o.liveInputs,c=o.getInput,u=Ww()(a,"displayName").filter((function(e){return!n.includes(e.id)}
1)).map((function(e){return{label:e.displayName,value:e.id}}));u.unshift({label:"None",value:-1});var l=function(e){if(n[e]){var t=c(n[e]);if(t)return{label:t.displayName,value:t}}return-1};return(0,s.jsx)(Xw,{children:(0,s.jsxs)(qw,{children:[(0,s.jsx)(Ic.XJ,{children:"Input Settings"}),n.map((function(e,n){return(0,s.jsx)(Ts.ZP,{value:l(n),onChange:function(e){var i=e.value;return t(n,-1===i?void 0:i)},label:"Channel ".concat(n+1),placeholder:"Select a source",options:u,style:"dark"===r?Rs.$T:{},theme:"dark"===r?r:void 0},"".concat(e).concat(n))}))]})})})),Kw=Jw;function Qw(){var e=(0,R.Z)(["\n background: #f0f0f0;\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n padding: 15px;\n display: flex;\n align-items: center;\n"]);return Qw=function(){return e},e}function $w(){var e=(0,R.Z)(["\n width: 107px;\n height: 107px;\n border-radius: ",';\n background-image: url("','");\n background-size: cover;\n background-position: center;\n box-shadow: 0px 2px 4px rgba(80, 80, 80, 0.25);\n margin: 10px 10px 10px 0;\n']);return $w=function(){return e},e}function eP(){var e=(0,R.Z)(["\n flex: 1 0 auto;\n"]);return eP=function(){return e},e}var nP=L.ZP.div.withConfig({componentId:"sc-83ae7987-0"})(Qw()),tP=L.ZP.div.withConfig({componentId:"sc-83ae7987-1"})($w(),(function(e){return e.theme.borderRadius}),(function(e){return e.src})),iP=L.ZP.div.withConfig({componentId:"sc-83ae7987-2"})(eP());function rP(){var e=(0,R.Z)(["\n justify-content: flex-end;\n background-color: ",";\n border-top: 1px solid ",";\n padding: 0.9em 0.8em;\n"]);return rP=function(){return e},e}function oP(){var e=(0,R.Z)(["\n position: absolute;\n top: 50px;\n z-index: ",";\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n padding: 0.5em 0.9em;\n color: #b2b9d3;\n\n i {\n cursor: pointer;\n position: absolute;\n left: 10px;\n }\n\n "," {\n text-transform: uppercase;\n margin: 0;\n font-weight: ",";\n margin-left: 1em;\n }\n"]);return oP=function(){return e},e}function aP(){var e=(0,R.Z)(["\n display: flex;\n flex-flow: column;\n height: calc(100% - 88px);\n overflow-y: scroll;\n"]);return aP=function(){return e},e}function sP(){var e=(0,R.Z)(["\n display: flex;\n flex-flow: column;\n position: relative;\n"]);return sP=function(){return e},e}var cP,uP=(0,L.ZP)(nP).withConfig({componentId:"sc-21a05608-0"})(rP(),(function(e){return e.theme.colors.secondaryDark}),(function(e){return e.theme.colors.background})),lP=L.ZP.header.withConfig({componentId:"sc-21a05608-1"})(oP(),(function(e){return e.theme.zIndex.sidebar}),(function(e){return e.theme.colors.secondaryLight}),Ic.k8,(function(e){return e.theme.fontWeightBold})),dP=L.ZP.div.withConfig({componentId:"sc-21a05608-2"})(aP()),pP=L.ZP.div.withConfig({componentId:"sc-21a05608-3"})(sP()),fP=(0,Y.Pi)((function(e){var n=e.noHead,t=(0,Sp.s0)(),i=(0,J.useState)(!1),r=i[0],o=i[1],a=(0,q.oR)().replay.settings;(0,J.useEffect)((function(){a.isSetUp()&&(a.clearRemovedInputIds(),o(!0))}),[]),Xy((function(){return a.init()}));var c=!a.isValid();return(0,s.jsxs)(dP,{children:[r&&!n&&(0,s.jsxs)(lP,{children:[(0,s.jsx)(M.Z,{name:"back",onClick:function(){t("/replay")}}),(0,s.jsx)(Ic.k8,{children:"Settings"})]}),(0,s.jsxs)(pP,{style:{top:r&&!n?"45px":"auto"},children:[(0,s.jsx)(Jw,{inputIds:a.inputIds,setInputAt:a.setInputAt}),(0,s.jsx)(Hw,{autoNamingPattern:a.autoNamingPattern,setAutoNamingPattern:a.setAutoNamingPattern}),(0,s.jsx)(Cl,{buttons:a.buttons,addButton:a.addButton,removeButton:a.removeButton}),(0,s.jsxs)(Bw,{children:[(0,s.jsx)(Ic.XJ,{children:"Clip settings"}),(0,s.jsx)(mn.wA,{uiType:"switch",infoTooltip:"When creating new replays the clip volume will be set to 0",checkboxLabel:"Create muted replay clips",value:a.clipsMuted,onChange:a.toggleClipsMuted})]})]}),(0,s.jsx)(uP,{children:(0,s.jsx)(xs.ZP,{type:r?"primary":"secondary",onClick:function(){a.save(),t("/replay")},disabled:c,children:r?"Save settings":"Start creating replay"})})]})})),hP=(0,Y.Pi)((function(){return(0,s.jsxs)(Sp.Z5,{children:[(0,s.jsx)(Sp.AW,{path:"/replay/settings",element:(0,s.jsx)(fP,{})}),(0,s.jsx)(Sp.AW,{path:"*",element:(0,s.jsx)(Aw,{})})]})}));!function(e){e.AssetLibrary="assetLibrarySidebar",e.Broadcast="broadcast",e.IsoRecording="recording",e.Replay="replay",e.MonitoringLinks="monitoring-links"}(cP||(cP={}));var mP=(0,Y.Pi)((function(e){var n=e.broadcastStore,t=(0,Sp.TH)().pathname,i=Zp(),r=(0,kv.LX)(":tab",t),o={tab:""};r&&(o=r.params);
1var a=(0,q.oR)(),c=a.controlRoom,l=a.streamConfig;return(0,J.useEffect)((function(){(null===o||void 0===o?void 0:o.tab)&&c.setSelectedTab(o.tab)}),[null===o||void 0===o?void 0:o.tab]),(0,s.jsx)(L.f6,{theme:an.$,children:(0,s.jsxs)(Gy,{subviewHeader:c.selectedTab!==cP.Replay,children:[(0,s.jsx)(Rp.et,{id:cP.Broadcast,name:"Broadcast",noPadding:!0,icon:"cloud-produce",children:(0,s.jsx)(sx,{broadcastStore:n})}),(0,s.jsx)(Ov.Mf,{id:cP.AssetLibrary,name:"Asset Library",icon:"project-library",noPadding:!0,children:(0,s.jsx)(nx,{})}),(0,hn.Re)()&&(0,s.jsx)(Rp.et,{id:cP.IsoRecording,name:"Recording",icon:"recording",iconSize:"45px",noPadding:!0,headerIconSize:"30px",isActive:l.isoRecording.isRecording,children:(0,s.jsx)(ey,{})}),(0,hn.Uw)()&&(0,s.jsxs)(_y,{id:cP.Replay,name:"Replay",Icon:u.Z,noPadding:!0,subviewHeader:!1,children:[(0,s.jsx)(Mv.Z,{title:"Replay",subview:!0,Icon:u.Z,onSettings:function(){return i("/replay/settings")}}),(0,s.jsx)(hP,{})]}),(0,hn.zu)()&&(0,s.jsx)(Rp.et,{id:cP.MonitoringLinks,name:"Monitoring Links",icon:"stream",iconSize:"30px",headerIconSize:"30px",noPadding:!0,children:(0,s.jsx)(Uy,{})})]})})})),gP=function(e){(0,Rl.Z)(t,e);var n=(0,Ll.Z)(t);function t(e){var i;return(0,Tl.Z)(this,t),(i=n.call(this,e)).state={error:null,hasError:!1},i}return(0,Qg.Z)(t,[{key:"componentDidCatch",value:function(e,n){var t=n.componentStack;this.props.onError(e,t)}},{key:"render",value:function(){return this.state.hasError?this.props.fallback:this.props.children}}],[{key:"getDerivedStateFromError",value:function(e){return{error:e,hasError:!0}}}]),t}(J.Component);(0,E.Z)(gP,"defaultProps",{fallback:null,onError:console.error}),(0,E.Z)(gP,"propTypes",{fallback:ev().element,onError:ev().func});var vP=gP,xP=function(e,n){var t=Zp();return function(i){i&&i.preventDefault(),e&&e(),t(n)}};function yP(){var e=(0,R.Z)(["\n padding-top: ",";\n display: flex;\n flex-flow: row;\n margin-top: ",";\n\n .noUi-connect {\n background-color: ",";\n }\n\n .grValueSlider {\n margin: 0 0 35px ",";\n }\n\n > *:first-child {\n width: 80%;\n }\n\n > *:nth-child(2) {\n width: 15%;\n margin-left: ",";\n height: 25px;\n margin-top: ",";\n }\n"]);return yP=function(){return e},e}function bP(){var e=(0,R.Z)(["\n display: flex;\n flex-flow: row;\n margin-bottom: 16px;\n\n p {\n padding-left: 8px;\n text-transform: uppercase;\n font-size: 12px;\n line-height: 22px;\n }\n"]);return bP=function(){return e},e}function IP(){var e=(0,R.Z)(["\n font-weight: bold;\n\n &:hover {\n cursor: pointer;\n text-decoration: underline;\n }\n"]);return IP=function(){return e},e}function wP(){var e=(0,R.Z)(["\n margin-top: ",";\n position: relative;\n\n p {\n font-size: 12px;\n margin-bottom: ",";\n }\n\n textarea {\n resize: none;\n padding-bottom: 24px;\n border: 1px solid ",";\n border-top: 0;\n font-size: 12px;\n\n ::placeholder {\n color: ",";\n }\n }\n"]);return wP=function(){return e},e}function PP(){var e=(0,R.Z)(["\n bottom: -10px;\n right: 0;\n width: 120px;\n font-size: 12px;\n line-height: 18px;\n text-align: center;\n float: right;\n padding: 0 8px;\n position: absolute;\n border: 1px solid ",";\n color: ",";\n background-color: ",";\n border-color: ",";\n"]);return PP=function(){return e},e}var SP,ZP=L.ZP.div.withConfig({componentId:"sc-46e22fa7-0"})(yP(),(function(e){return e.theme.largePadding}),(function(e){return e.theme.defaultMargin}),(function(e){return e.theme.colors.primaryDark}),(function(e){return e.theme.defaultMargin}),(function(e){return e.theme.defaultMargin}),(function(e){return e.theme.defaultMargin})),CP=L.ZP.div.withConfig({componentId:"sc-46e22fa7-1"})(bP()),jP=L.ZP.span.withConfig({componentId:"sc-46e22fa7-2"})(IP()),kP=L.ZP.div.withConfig({componentId:"sc-46e22fa7-3"})(wP(),(function(e){return e.theme.defaultMargin}),(function(e){return e.theme.defaultMargin}),(function(e){return e.theme.colors.backgroundGrey}),(function(e){return e.theme.colors.textDisabled})),TP=L.ZP.p.withConfig({componentId:"sc-46e22fa7-4"})(PP(),(function(e){return e.theme.colors.outline}),(function(e){return e.theme.colors.textDisabled}),(function(e){return e.theme.colors.backgroundGrey}),(function(e){var n=e.isWordLimitReached,t=e.theme;return n?t.colors.shiftKeyBorder:"inherit"})),RP={range:{min:[1],"25%":[5],"50%":[10],"75%":[15],max:[20]},step:.5,connect:[!0,!1],pips:{mode:"values",density:25,values:[1,5,10,15,20],format:{to:function(e){return"".concat(e,"s")}}}}
1,LP=function(e){var n=e.delay,t=e.delayInSeconds,i=e.onChange,r=e.disabled,o=(0,J.useState)(1),a=o[0],c=o[1],u=(0,J.useState)(!1),l=u[0],d=u[1],p=(0,J.useState)(!1),f=p[0],m=p[1],g=(0,J.useState)(),v=g[0],x=g[1];(0,J.useEffect)((function(){x(t.toString())}),[t]);var y=(0,J.useCallback)((function(e){c(e/1e3)}),[]);return aa(n,l||f,y),(0,s.jsxs)(ZP,{children:[(0,s.jsx)($u.ZP,{name:"Delay (seconds)",options:RP,value:[a],setFieldValue:function(e,n){"number"!==typeof n&&(n=n[0]);var t=Number(n);c(t),i(t)},setFieldTouched:h(),onStart:function(){return d(!0)},onEnd:function(){return d(!1)},disabled:r,updateOnSlide:!0}),(0,s.jsx)(qs.II,{value:v,onKeyDown:function(){return m(!0)},onKeyUp:function(){m(!1)},onChange:function(e){x(e.target.value),function(e){var n=Math.floor(2*parseFloat(e.target.value))/2;if(!isNaN(n)){n=Math.floor(2*n)/2;var t=Math.min(Math.max(1,n),20);i(t)}}(e)}})]})},AP=t(27709),MP=t(87754),OP=1e3,DP=function(e){var n=e.dictionary,t=e.dictionaryString,i=e.onChange,r=(0,J.useState)(),o=r[0],a=r[1],c=(0,J.useState)(!1),u=c[0],l=c[1],d=(0,J.useState)(),p=d[0],f=d[1],h=(0,J.useState)(),m=h[0],g=h[1];(0,J.useEffect)((function(){a(t)}),[t]);var v=(0,J.useCallback)((function(e){a(e)}),[]),x=(0,J.useCallback)((function(e){a(e.target.value),p&&clearTimeout(p),f(setTimeout((function(){i(e.target.value.split(",").map((function(e){return e.trim()})))}),500))}),[p]),y=(0,J.useCallback)((function(){p&&clearTimeout(p),g(setTimeout((function(){l(!1)}),250))}),[m]);aa(t,u,v);var b=n.filter((function(e){return!!e})),I=b.length===OP;return(0,s.jsxs)(kP,{children:[(0,s.jsx)(AP.Z,{children:"Custom Dictionary:"}),(0,s.jsx)("p",{children:"Improve caption accuracy by adding custom words or terms. Enter names or technical terms (separated by commas) to help the system detect and display them correctly"}),(0,s.jsx)(MP.Hn,{placeholder:"Example: word1, word2, word3.",value:o,disableGramm:!0,unstyledLabelledInput:!0,onChange:x,onKeyDown:function(){return l(!0)},onKeyUp:y,disabled:OP===b.length}),(0,s.jsxs)(TP,{isWordLimitReached:I,children:["Words Left: ",OP-b.length]})]})},EP={range:{min:[0],"20%":[.2],"40%":[.4],"60%":[.6],"80%":[.8],max:[1]},connect:[!0,!1],pips:{mode:"values",density:20,values:[0,.2,.4,.6,.8,1],format:{to:function(e){return"".concat(100*e)}}}},NP=function(e){var n=e.volumeThreshold,t=e.volumeThresholdInPerc,i=e.onChange,r=e.disabled,o=(0,J.useState)(0),a=o[0],c=o[1],u=(0,J.useState)(!1),l=u[0],d=u[1],p=(0,J.useState)(!1),f=p[0],m=p[1],g=(0,J.useState)(),v=g[0],x=g[1];(0,J.useEffect)((function(){x(t.toString())}),[t]);var y=(0,J.useCallback)((function(e){c(e)}),[]);return aa(n,l||f,y),(0,s.jsxs)(ZP,{children:[(0,s.jsx)($u.ZP,{name:"Volume Threshold",options:EP,value:[a],setFieldValue:function(e,n){"number"!==typeof n&&(n=n[0]);var t=Number(n);c(t),i(t)},setFieldTouched:h(),onStart:function(){return d(!0)},onEnd:function(){return d(!1)},disabled:r,updateOnSlide:!0}),(0,s.jsx)(qs.II,{value:v,onKeyDown:function(){return m(!0)},onKeyUp:function(){m(!1)},onChange:function(e){x(e.target.value),function(e){var n=parseFloat(e.target.value);if(!isNaN(n)){var t=Math.min(Math.max(0,n/100),1);i(t)}}(e)}})]})},BP=[{label:"English (US)",value:"en-US"},{label:"English (GB)",value:"en-GB"},{label:"English (AU)",value:"en-AU"},{label:"Spanish",value:"es"},{label:"French",value:"fr"},{label:"Portuguese",value:"pt"},{label:"German",value:"de"},{label:"Danish",value:"da"},{label:"Italian",value:"it"},{label:"Irish",value:"ga"}],VP=(0,Y.Pi)((function(e){var n=e.title,t=void 0===n?"AI Transcription":n,i=e.onClose,r=e.backRoute,o=e.onBack,a=e.closeRoute,c=(0,hn.aP)(),u=(0,q.oR)(),l=u.controlRoom.sidebars,d=u.streamConfig,p=d.autoTranscription,f=p.enabled,h=p.language,m=p.dictionary,g=p.dictionaryString,v=p.volumeThreshold,x=p.delayInSeconds,y=p.volumeThresholdInPerc,b=p.delay,I=p.applied;(0,J.useEffect)((function(){l.aiTranscriptions.open()}),[]);var w=xP(o,r),P=xP(i,a);return(0,J.useEffect)((function(){c||P()}),[]),(0,s.jsx)(Rp.ZP,{headerTitle:t,onClose:P,onBack:r?w:null,children:(0,s.jsx)(Rp.et,{children:(0,s.jsxs)("section",{children:[(0,s.jsxs)(CP,{children:[(0,s.jsx)(mn.ZP,{uiType:"switch",value:f,onChange:function(){d.autoTranscription.toggle()},disabled:!c}),(0,s.jsx)("p",{children:"Enable AI Transcription"})]}),!I&&f&&c&&(0,s.jsxs)(cu.Z,{type:"message",children:["These settings will be applied next time you enable AI transcription. Click ",(0,s.jsx)(jP,{onClick:function(){d.autoTranscription.restart()},children:"here"})," "," to restart now."]}),(0,s.jsx)(Ts.ZP,{name:"language",label:"Language",value:BP.find((function(e){return e.value===h})),options:BP,onChange:function(e){var n=e.value;d.autoTranscription.setLanguage(n),d.autoTranscription.update()}}),(0,s.jsx)(LP,{delay:b,delayInSeconds:x,onChange:d.autoTranscription.setDelay}),(0,s.jsx)(NP,{volumeThreshold:v,volumeThresholdInPerc:y,onChange:d.autoTranscription.setVolumeThreshold}),(0,s.jsx)(DP,{dictionary:m,dictionaryString:g,onChange:d.autoTranscription.setDictionary})]})})})}));function FP(){var e=(0,R.Z)(["\n padding: 0 !important;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n"]);return FP=function(){return e},e}function zP(){var e=(0,R.Z)(["\n padding: 15px;\n"]);return zP=function(){return e},e}function UP(){var e=(0,R.Z)(["\n display: flex;\n justify-content: center;
1\n align-items: center;\n color: ",";\n font-size: 26px;\n transition: color 0.3s ease;\n"]);return UP=function(){return e},e}function HP(){var e=(0,R.Z)(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 14px;\n background: white;\n border: 1px solid transparent;\n border-radius: ",";\n padding: 11px 10px 11px 5px;\n box-shadow: rgb(0 0 0 / 5%) 0px 2px 8px;\n list-style: none;\n margin-bottom: 8px;\n position: relative;\n cursor: pointer;\n\n div {\n display: flex;\n justify-content: space-between;\n align-items: center;\n overflow: hidden;\n }\n\n .stream-name {\n display: block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n padding-right: 8px;\n }\n\n .status {\n flex: none;\n font-size: 10px;\n color: #f09d12;\n }\n\n &:hover {\n "," {\n color: ",";\n }\n }\n"]);return HP=function(){return e},e}function _P(){var e=(0,R.Z)(["\n &::placeholder {\n color: ",";\n }\n"]);return _P=function(){return e},e}function WP(){var e=(0,R.Z)(["\n margin: 8px;\n height: 1px;\n background: #e8e8e8;\n"]);return WP=function(){return e},e}function GP(){var e=(0,R.Z)(["\n display: flex;\n justify-content: space-between;\n padding: 10px;\n background: white;\n border-top: 1px solid #d8d8d8;\n"]);return GP=function(){return e},e}!function(e){e[e.CreateGroup=0]="CreateGroup",e[e.AddStreams=1]="AddStreams"}(SP||(SP={}));var YP=L.ZP.div.withConfig({componentId:"sc-2a6d477b-0"})(FP()),XP=L.ZP.div.withConfig({componentId:"sc-2a6d477b-1"})(zP()),qP=L.ZP.span.withConfig({componentId:"sc-2a6d477b-2"})(UP(),(function(e){return e.active?e.theme.colors.primary:e.theme.colors.text1})),JP=L.ZP.li.withConfig({componentId:"sc-2a6d477b-3"})(HP(),(function(e){return e.theme.borderRadius}),qP,(function(e){return e.theme.colors.primary})),KP=L.ZP.input.withConfig({componentId:"sc-2a6d477b-4"})(_P(),(function(e){return e.theme.colors.textPlaceholder})),QP=L.ZP.div.withConfig({componentId:"sc-2a6d477b-5"})(WP()),$P=L.ZP.div.withConfig({componentId:"sc-2a6d477b-6"})(GP()),eS=(0,Y.Pi)((function(e){var n=e.onClose,t=e.mode,i=e.group,r=(0,q.oR)(),o=(0,J.useState)(""),c=o[0],u=o[1],l=(0,J.useState)([]),d=l[0],p=l[1],f=(0,J.useState)(!1),h=f[0],m=f[1],g=function(){for(var e=r.streamConfig.streamSyncGroups.map((function(e){return e.displayName})).filter((function(e){return e.startsWith("Group")})),n=1;n<=e.length+1;n++){var t="Group ".concat(n);if(!e.includes(t))return t}return"New Group"},v=function(){switch(t){case SP.CreateGroup:r.streamConfig.addStreamSyncGroup({displayName:c||g(),sourceIds:d});break;case SP.AddStreams:i.addSources(d),i.setCollapsed(!1)}n()},x=function(e){return t===SP.CreateGroup||e.streamSyncGroupId!==i.id},y=function(e,n){return(0,to.q)()(e.displayName,n.displayName)},b=(0,J.useMemo)((function(){var e=r.streamConfig.streamSyncInputsList.filter(x),n=e.filter((function(e){return!e.streamSyncGroupId})).sort(y),t=e.filter((function(e){return e.streamSyncGroupId})).sort(y);return(0,a.Z)(n).concat((0,a.Z)(t))}),[r.streamConfig.streamSyncInputsList.map((function(e){return e.id})).join()]);return(0,s.jsxs)(YP,{children:[(0,s.jsxs)(XP,{children:[t===SP.CreateGroup&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("h5",{style:{fontSize:"11px"},children:"TITLE"}),(0,s.jsx)(KP,{type:"text",onChange:function(e){var n;u(null===e||void 0===e||null===(n=e.target)||void 0===n?void 0:n.value)},placeholder:"Insert a title"}),(0,s.jsx)(QP,{}),(0,s.jsx)("h4",{style:{fontSize:"13px"},children:"STREAMS TO SYNC"})]}),(0,s.jsx)("ul",{children:b.map((function(e){return(0,s.jsxs)(JP,{onClick:function(){return n=e.id,void(d.includes(n)?p(d.filter((function(e){return e!==n}))):p((0,a.Z)(d).concat([n])));var n},children:[(0,s.jsxs)("div",{children:[(0,s.jsx)(qP,{active:d.includes(e.id),children:(0,s.jsx)(M.Z,{name:d.includes(e.id)?"check-filled":"correct"})}),(0,s.jsx)("div",{className:"stream-name",children:e.displayName})]}),(0,s.jsx)("div",{className:"status",children:e.streamSyncGroupId&&(0,s.jsx)("span",{children:"Already in another group"})})]},e.id)}))}),!b.length&&(0,s.jsx)("p",{style:{marginTop:"80px",textAlign:"center"},children:"There are no live streams available to sync."})]}),(0,s.jsxs)($P,{children:[(0,s.jsx)(xs.ZP,{type:"secondary",onClick:n,children:"CANCEL"}),(0,s.jsx)(xs.ZP,{type:"primary",icon:"cta-arrow-right",onClick:function(){var e=d.some((function(e){var n=r.streamConfig.getIn
1put(e);return null===n||void 0===n?void 0:n.streamSyncGroupId}));e?m(!0):v()},children:t===SP.CreateGroup?"ADD GROUP":"ADD STREAMS"})]}),h&&(0,s.jsx)(gn.Z,{title:"Move stream(s) to another group",closeLabel:"Cancel",closeModal:function(){return m(!1)},confirmIcon:"cta-arrow-right",confirmCallback:v,confirmLabel:"Move",children:(0,s.jsx)("p",{style:{textAlign:"center"},children:"By doing this, the stream(s) will be removed from their previous group and will no longer be synchronized with that group. Are you sure?"})})]})})),nS=t(66292),tS=t.n(nS);function iS(){var e=(0,R.Z)(["\n display: flex;\n justify-content: center;\n align-items: center;\n"]);return iS=function(){return e},e}function rS(){var e=(0,R.Z)(["\n margin: 0;\n padding: 0;\n border: none;\n background: transparent;\n outline: none;\n display: flex;\n justify-content: center;\n align-items: center;\n\n &:disabled {\n opacity: 0.5;\n }\n"]);return rS=function(){return e},e}function oS(){var e=(0,R.Z)(["\n position: relative;\n z-index: ",";\n box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);\n border-radius: 3px;\n background: white;\n margin-bottom: 16px;\n font-size: 14px;\n"]);return oS=function(){return e},e}function aS(){var e=(0,R.Z)(["\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 10px 10px 10px 0;\n gap: 10px;\n background: #f7f7f7;\n\n .toggle {\n width: 30px;\n cursor: pointer;\n flex: none;\n }\n"]);return aS=function(){return e},e}function sS(){var e=(0,R.Z)(["\n padding: 4px;\n max-width: 250px;\n\n &::placeholder {\n color: ",";\n }\n"]);return sS=function(){return e},e}function cS(){var e=(0,R.Z)(["\n &:hover {\n color: ",";\n }\n"]);return cS=function(){return e},e}function uS(){var e=(0,R.Z)(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-end;\n font-size: 24px;\n flex: 1;\n\n & > * {\n margin-left: 8px;\n cursor: pointer;\n }\n"]);return uS=function(){return e},e}function lS(){var e=(0,R.Z)(["\n color: ",';\n\n &:after {\n margin-left: 8px;\n content: "";\n height: 24px;\n border-right: 1px solid #adb2bb;\n }\n']);return lS=function(){return e},e}function dS(){var e=(0,R.Z)(["\n display: flex;\n position: relative;\n z-index: 1;\n background: white;\n"]);return dS=function(){return e},e}function pS(){var e=(0,R.Z)(["\n position: relative;\n z-index: 0;\n height: ","px;\n transition: height 250ms ease;\n padding: 0;\n margin: 0;\n background: #f7f7f7;\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n"]);return pS=function(){return e},e}function fS(){var e=(0,R.Z)(["\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 4px 12px;\n background: #f7f7f7;\n\n .sync-by-text {\n padding-right: 8px;\n }\n"]);return fS=function(){return e},e}function hS(){var e=(0,R.Z)(["\n display: flex;\n justify-content: center;
1\n align-items: center;\n width: 30px;\n padding: 8px;\n background: #f7f7f7;\n cursor: grab;\n"]);return hS=function(){return e},e}function mS(){var e=(0,R.Z)(["\n display: grid;\n width: 10px;\n grid-template-columns: 5px 5px;\n"]);return mS=function(){return e},e}function gS(){var e=(0,R.Z)(['\n flex: none;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 5px;\n height: 5px;\n\n &:before {\n width: 2px;\n height: 2px;\n content: "";\n background: gray;\n border-radius: 50%;\n }\n']);return gS=function(){return e},e}function vS(){var e=(0,R.Z)(["\n flex: 1;\n padding: 10px;\n"]);return vS=function(){return e},e}function xS(){var e=(0,R.Z)(["\n height: 100%;\n display: flex;\n align-items: center;\n font-size: 12px;\n"]);return xS=function(){return e},e}function yS(){var e=(0,R.Z)(['\n height: 100%;\n display: grid;\n grid-template-columns: 1fr 1fr 16px;\n padding: 4px;\n font-size: 12px;\n\n div {\n display: flex;\n align-items: center;\n }\n\n .status {\n .state {\n color: orange;\n }\n\n .offset {\n &:before {\n content: "\u2022";\n color: #505050;\n opacity: 0.5;\n margin: 0 2px;\n }\n }\n }\n']);return yS=function(){return e},e}function bS(){var e=(0,R.Z)(['\n width: 1em;\n height: 1em;\n display: flex;\n justify-content: center;
1\n align-items: center;\n margin-right: 4px;\n flex: none;\n\n &:before {\n content: "";\n width: 80%;\n height: 80%;\n border-radius: 50%;\n background: ',";\n }\n"]);return bS=function(){return e},e}var IS=L.ZP.div.withConfig({componentId:"sc-3897e5da-0"})(iS()),wS=L.ZP.button.withConfig({componentId:"sc-3897e5da-1"})(rS()),PS=L.ZP.div.withConfig({componentId:"sc-3897e5da-2"})(oS(),(function(e){return e.zIndex||0})),SS=L.ZP.div.withConfig({componentId:"sc-3897e5da-3"})(aS()),ZS=L.ZP.input.withConfig({componentId:"sc-3897e5da-4"})(sS(),(function(e){return e.theme.colors.textPlaceholder})),CS=(0,L.ZP)(wS).withConfig({componentId:"sc-3897e5da-5"})(cS(),(function(e){return e.theme.colors.primary})),jS=L.ZP.div.withConfig({componentId:"sc-3897e5da-6"})(uS()),kS=(0,L.ZP)(CS).withConfig({componentId:"sc-3897e5da-7"})(lS(),(function(e){var n=e.editing,t=e.theme;return n?t.colors.primary:"inherit"})),TS=L.ZP.div.withConfig({componentId:"sc-3897e5da-8"})(dS()),RS=L.ZP.div.withConfig({componentId:"sc-3897e5da-9"})(pS(),(function(e){return e.height})),LS=L.ZP.div.withConfig({componentId:"sc-3897e5da-10"})(fS()),AS=L.ZP.div.withConfig({componentId:"sc-3897e5da-11"})(hS()),MS=L.ZP.div.withConfig({componentId:"sc-3897e5da-12"})(mS()),OS=L.ZP.div.withConfig({componentId:"sc-3897e5da-13"})(gS()),DS=L.ZP.div.withConfig({componentId:"sc-3897e5da-14"})(vS()),ES=L.ZP.p.withConfig({componentId:"sc-3897e5da-15"})(xS()),NS=L.ZP.div.withConfig({componentId:"sc-3897e5da-16"})(yS()),BS=L.ZP.div.withConfig({componentId:"sc-3897e5da-17"})(bS(),(function(e){return e.healthColor}));function VS(){var e=(0,R.Z)(['\n display: grid;\n grid-template-columns: 1fr 1fr 16px;\n padding: 4px;\n font-size: 14px;\n\n .status {\n font-size: 10px;\n display: flex;\n align-items: center;\n\n .offset {\n &:before {\n content: "\u2022";\n color: #505050;\n opacity: 0.5;\n margin: 0 2px;\n }\n }\n }\n\n .source-name {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n padding-right: 16px;\n }\n']);return VS=function(){return e},e}function FS(){var e=(0,R.Z)(["\n display: flex;\n justify-content: center;
1\n align-items: center;\n"]);return FS=function(){return e},e}var zS,US=L.ZP.div.withConfig({componentId:"sc-11214c21-0"})(VS()),HS=(0,L.ZP)(M.Z).withConfig({componentId:"sc-11214c21-1"})(FS()),_S=(0,Y.Pi)((function(e){var n=e.displayName,t=e.streamSync,i=e.id,r=e.onRemoveStream,o=(0,J.useCallback)((function(){return r(i)}),[]);return(0,s.jsxs)(US,{children:[(0,s.jsx)("div",{className:"source-name",children:n}),(0,s.jsxs)("div",{className:"status",children:[(0,s.jsxs)("span",{style:{color:t.healthColor},children:[t.message," "," "]}),t.offsetMessage&&(0,s.jsx)("span",{className:"offset",children:t.offsetMessage})]}),(0,s.jsx)(CS,{"aria-label":"Remove Stream",onClick:o,children:(0,s.jsx)(HS,{name:"cross"})})]})}));!function(e){e[e.DeleteGroup=0]="DeleteGroup",e[e.RemoveStream=1]="RemoveStream",e[e.SwitchToManual=2]="SwitchToManual",e[e.MoveStream=3]="MoveStream"}(zS||(zS={}));var WS=new Map([[zS.DeleteGroup,{title:"Delete group",body:"You are about to delete this group. Are you sure?",confirmText:"Delete",confirmIcon:"bin"}],[zS.RemoveStream,{title:"Remove stream from group",body:"You are about to remove this stream from the group. Are you sure?",confirmText:"Remove",confirmIcon:"bin"}],[zS.SwitchToManual,{title:"Switch to manual sync",body:"You are about to switch from auto to manual sync. Are you sure?",confirmText:"Yes, Switch"}],[zS.MoveStream,{title:"Move stream to other group",body:"You are about to remove this stream in another group. By doing this is not going to be synchronized with the previous stream. Are you sure?",confirmText:"Move",confirmIcon:"cta-arrow-right"}]]),GS=[{value:"picTiming",label:"Pic Timing"},{value:"pts",label:"PTS"},{value:"elementalBroadcastTime",label:"Elemental Technologies Broadcast Time (RTMP)"},{value:"smpte2038AncillaryTimeCode",label:"SMPTE 2038 (ST 12-2 Ancillary Time Code)"}],YS=(0,wn.W6)((function(){return(0,s.jsx)(AS,{children:(0,s.jsx)(MS,{children:Array.from({length:14}).map((function(e,n){return(0,s.jsx)(OS,{},n)}))})})})),XS=(0,Y.Pi)((function(e){var n=e.group,t=e.onAddStreams,i=e.zIndex,r=void 0===i?0:i,o=(0,q.oR)(),a=(0,J.useState)(!1),c=a[0],u=a[1],l=(0,J.useState)(!1),d=l[0],p=l[1],f=(0,J.useState)(zS.DeleteGroup),h=f[0],m=f[1],g=(0,J.useState)(WS.get(h)),v=g[0],x=g[1],y=(0,J.useState)(0),b=y[0],I=y[1],w=(0,J.useState)(""),P=w[0],S=w[1],Z=(0,J.useRef)(null),C=(0,J.useRef)(null),j=function(e){m(e),x(WS.get(e))},k=function(e){S(e),j(zS.RemoveStream),p(!0)},T=function(){var e,t=null===(e=Z.current)||void 0===e?void 0:e.value;t!==n.displayName&&n.setName(t)},R=(0,J.useMemo)((function(){return tS()(T,500)}),[n]);(0,J.useEffect)((function(){return function(){R.cancel()}}),[]);return(0,s.jsxs)(PS,{zIndex:r,children:[(0,s.jsxs)(SS,{children:[(0,s.jsx)(wS,{className:"toggle",onClick:function(){n.setCollapsed(!n.collapsed)},"aria-label":"Toggle Collapse",disabled:!n.sources.length,children:(0,s.jsx)(M.Z,{name:"arrow-".concat(n.collapsed?"down":"up")})}),(0,s.jsx)(BS,{healthColor:n.healthColor}),c?(0,s.jsx)(ZS,{type:"text",defaultValue:n.displayName,ref:Z,onChange:R,placeholder:"Insert a title"}):(0,s.jsx)(_l.Ld,{style:{padding:"5px"},children:n.displayName}),(0,s.jsxs)(jS,{className:"controls",children:[false,(0,s.jsx)(CS,{"aria-label":"Delete Group",onClick:function(){j(zS.DeleteGroup),p(!0)},children:(0,s.jsx)(O.Z,{innerHtml:"Delete group",position:"top",distance:10,children:(0,s.jsx)(M.Z,{name:"bin"})})}),(0,s.jsx)(kS,{"aria-label":"Edit Group",editing:c,onClick:function(){var e,n;c?(I(0),R.cancel(),T()):I((null===(e=C.current)||void 0===e||null===(n=e.ref)||void 0===n?void 0:n.offsetHeight)||50);u(!c)},children:(0,s.jsx)(O.Z,{innerHtml:"Settings",position:"top",distance:10,children:(0,s.jsx)(M.Z,{name:"settings"})})}),(0,s.jsx)(CS,{"aria-label":"Add Stream",onClick:function(){t(n.id)},children:(0,s.jsx)(O.Z,{innerHtml:"Add streams",position:"top",distance:10,children:(0,s.jsx)(M.Z,{name:"plus-no-border"})})})]})]}),(0,s.jsxs)(TS,{children:[(0,s.jsx)(YS,{}),(0,s.jsxs)(DS,{children:[!n.sources.length&&(0,s.jsx)(ES,{children:"There are no streams in this group."}),!n.collapsed&&!!n.sources.length&&n.sources.slice().sort((function(e,n){return(0,to.q)()(e.displayName,n.displayName)})).map((function(e){var n=e.displayName,t=e.streamSync,i=e.id;return(0,s.jsx)(_S,{displayName:n,streamSync:t,id:i,onRemoveStream:k},i)})),n.collapsed&&!!n.sources.length&&(0,s.jsxs)(NS,{children:[(0,s.jsxs)("div",{children:[n.sources.length," stream",1===n.sources.length?"":"s"]}),(0,s.jsxs)("div",{className:"status",children:[(0,s.jsxs)("span",{className:"state",style:{color:n.healthColor},children:[n.healthMessage," "]}),n.offsetMessage&&(0,s.jsx)("span",{className:"offset",children:n.offsetMessage})]})]})]})]}),(0,s.jsx)(RS,{height:b,children:(0,s.jsxs)(LS,{ref:C,children:[(0,s.jsxs)(IS,{children:[(0,s.jsx)("span",{className:"sync-by-text",children:"Sync by"}),(0,s.jsx)(Ts.ZP,{isSearchable:!1,width:250,name:"sync-by-options",options:GS,defaultValue:GS.find((function(e){return e.value===n.timingFormat})),onChange:function(e){n.setTimingFormat(e.value)}})]}),false]})}),d&&(0,s.jsx)(gn.Z,{title:v.title,closeLabel:"Cancel",closeModal:function(){p(!1)},confirmIcon:v.confirmIcon,confirmCallback:function(){switch(p(!1),h){case zS.DeleteGroup:o.streamConfig.removeStreamSyncGroup(n.id);break;case zS.RemoveStream:n.removeSource(P);break;case zS.SwitchToManual:n.setActiveSync(!1)}},confirmLabel:v.confirmText,children:(0,s.jsx)("p",{style:{textAlign:"center"},children:v.body})})]})})),qS=(0,wn.W8)((function(e){var n=e.group,t=e.onAddStreams,i=e.zIndex;return(0,s.jsx)(XS,{group:n,onAddStreams:t,zIndex:i})})),JS=(0,wn.JN)((0,Y.Pi)((function(e){var n=e.onAddStreams,t=e.groupIds,i=(0,q.oR)().streamConfig;return(0,s.jsx)("ul",{children:t.map((function(e,r){var o=i.getStreamSyncGroup(e);return o&&(0,s.jsx)(qS,{index:r,group:o,onAddStreams:n,zIndex:t.length-r},e)}))})}))),KS=(0,Y.Pi)((function(e){var n,t,i=e.showManageStreams,r=e.setShowManageStreams,o=(0,q.oR)().streamConfig,a=(0,J.useState)(null),c=a[0],u=a[1],l=(0,J.useState)(SP.CreateGroup),d=l[0],p=l[1],f=(0,J.useState)([]),h=f[0],m=f[1];(0,J.useEffect)((function(){m(o.streamSyncGroups.map((function(e){return e.id})))}),[o.streamSyncGroups.map((function(e){return e.id})).join(",")]);return(0,s.jsxs)(s.Fragment,{children:[!i&&(0,s.jsxs)(s.Fragment,{children:[(null===(n=o.streamSyncGroups)||void 0===n?void 0:n.length)>0&&(0,s.jsx)("section",{children:(0,s.jsx)(JS,{lockAxis:"y",lockToContainerEdges:!0,useDragHandle:!0,onSortEnd:function(e){var n=e.oldIndex,t=e.newIndex,i=h[n],r=[];h.filter((function(e){return e!==i}
1)).forEach((function(e,n){n===t&&r.push(i),r.push(e)})),r.length<h.length&&r.push(i),m(r),o.getStreamSyncGroup(i).setIndex(t)},onAddStreams:function(e){u(o.getStreamSyncGroup(e)),r(!0,SP.AddStreams),p(SP.AddStreams)},groupIds:h})}),!(null===(t=o.streamSyncGroups)||void 0===t?void 0:t.length)&&(0,s.jsxs)("div",{style:{paddingTop:"120px"},children:[(0,s.jsx)("p",{style:{textAlign:"center"},children:"There are no groups."}),(0,s.jsx)("p",{style:{textAlign:"center"},children:"Create one and add streams to synchronize them."})]}),(0,s.jsx)("div",{style:{position:"absolute",bottom:0,right:0},children:(0,s.jsx)(xs.Tv,{onClick:function(){r(!0,SP.CreateGroup),p(SP.CreateGroup)},tooltip:"Add group",title:void 0,tooltipPosition:"left",disabled:!1,customPosition:void 0})})]}),i&&(0,s.jsx)(eS,{onClose:function(){r(!1)},mode:d,group:c})]})})),QS="Stream Synchronization",$S=(0,Y.Pi)((function(e){var n=e.onClose,t=e.closeRoute,i=xP(n,t),r=(0,J.useState)(QS),o=r[0],a=r[1],c=(0,J.useState)(null),u=c[0],l=c[1],d=(0,J.useState)(!1),p=d[0],f=d[1],h=function(e,n){f(e),e?(l((function(){return function(){h(!1)}})),n===SP.AddStreams?a("Add Streams"):a("Add Group")):(l(null),a(QS))};return(0,s.jsx)(s.Fragment,{children:(0,s.jsx)(Rp.ZP,{headerTitle:o,onClose:i,onBack:u,children:(0,s.jsx)(Rp.et,{children:(0,s.jsx)(KS,{showManageStreams:p,setShowManageStreams:h})})})})})),eZ=t(28020),nZ=t(45980),tZ=t(89896),iZ=t(18794),rZ=t(80831);function oZ(){var e=(0,R.Z)(["\n width: 100%;\n position: relative;\n height: ",";\n\n li {\n list-style: none;\n }\n"]);return oZ=function(){return e},e}var aZ=L.ZP.ul.withConfig({componentId:"sc-a635b509-0"})(oZ(),(function(e){return e.height?"".concat(e.height,"px"):"100%"})),sZ=function(e){(0,Rl.Z)(t,e);var n=(0,Ll.Z)(t);function t(){return(0,Tl.Z)(this,t),n.apply(this,arguments)}return(0,Qg.Z)(t,[{key:"render",value:function(){var e=this.props,n=e.children,t=e.config,i=e.items,r=e.keys,o=e.heights,a=0,c=i.map((function(e){var n=a,t="function"===typeof o?o(e):o;return a+=t,{y:n,height:t,key:r(e),child:e}}));return(0,s.jsx)(aZ,{height:a,children:(0,s.jsx)(rZ.uT,{native:!0,items:c,keys:function(e){return e.key},initial:null,from:{height:0,opacity:0,scale:1},leave:{height:0,opacity:0},enter:function(e){return{y:e.y,height:e.height,opacity:1}},update:function(e){return{y:e.y,height:e.height,scale:1}},config:t,trail:0,children:function(e,t,i){var r=e.child;return function(e){var t=e.opacity,o=e.y,a=e.height;return(0,s.jsx)(rZ.q.li,{style:{height:a,opacity:t,width:"100%",position:"absolute",zIndex:c.length-i,willChange:"transform, height, opacity",transform:o.interpolate((function(e){return"translate3d(0,".concat(e,"px, 0)")}))},children:(0,s.jsx)("section",{children:n(r)})})}}})})}}]),t}(J.Component);function cZ(){var e=(0,R.Z)(["\n margin: 15px 0 0;\n padding: 15px;\n padding-bottom: 0;\n position: relative;\n display: flex;\n flex-direction: column;\n height: 100%;\n"]);return cZ=function(){return e},e}function uZ(){var e=(0,R.Z)(["\n height: 100%;\n display: flex;\n flex-direction: column;\n padding: 0 15px;\n overflow: auto;\n\n & > p {\n margin-bottom: 10px;\n }\n"]);return uZ=function(){return e},e}function lZ(){var e=(0,R.Z)(["\n position: sticky;\n bottom: -15px;\n padding: 0 15px;\n"]);return lZ=function(){return e},e}function dZ(){var e=(0,R.Z)(["\n background: ",";\n position: sticky;\n bottom: -15px;\n height: ",";\n transition: height 300ms ease-in-out;\n z-index: 9999;\n"]);return dZ=function(){return e},e}function pZ(){var e=(0,R.Z)(["\n flex: 1;\n display: flex;\n margin: 0 5px;\n align-items: center;\n font-size: ","em;\n text-transform: capitalize;\n\n "," {\n margin-right: 5px;\n text-align: right;\n }\n\n @media (max-width: 800px) {\n "," {\n display: none;\n }\n }\n"]);return pZ=function(){return e},e}function fZ(){var e=(0,R.Z)(["\n font-size: 12px;\n line-height: 16px;\n text-transform: uppercase;\n font-weight: bold;\n"]);return fZ=function(){return e},e}function hZ(){var e=(0,R.Z)(["\n font-size: 12px;\n line-height: 14px;\n"]);return hZ=function(){return e},e}(0,E.Z)(sZ,"propTypes",{items:ev().array,keys:ev().func,heights:ev().oneOfType([ev().func,ev().number])}),(0,E.Z)(sZ,"defaultProps",{heights:50});var mZ=L.ZP.section.withConfig({componentId:"sc-955464a7-0"})(cZ()),gZ=L.ZP.div.withConfig({componentId:"sc-955464a7-1"})(uZ()),vZ=(0,L.ZP)(nP).withConfig({componentId:"sc-955464a7-2"})(lZ()),xZ=L.ZP.section.withConfig({componentId:"sc-955464a7-3"})(dZ(),(function(e){return e.theme.colors.outline}),(function(e){return e.show?"127px":"0"})),yZ=L.ZP.span.withConfig({componentId:"sc-955464a7-4"})(pZ(),(function(e){return e.theme.xlarge}),Ic.nv,Ic.nv),bZ=L.ZP.h3.withConfig({componentId:"sc-955464a7-5"})(fZ()),IZ=L.ZP.p.withConfig({componentId:"sc-955464a7-6"}
1)(hZ()),wZ=function(e){var n=e.id,t=e.displayName,i=e.typeForDisplay,r=e.iconName;return{id:n,displayName:t,active:e.isAdBreak,items:[{children:(0,s.jsxs)(yZ,{children:[(0,s.jsx)(Ic.nv,{children:i}),(0,s.jsx)(M.Z,{name:r})]})}]}},PZ=(0,Y.Pi)((function(){var e=(0,q.oR)().streamConfig.adBreak,n=e.hasAdBreakCountdown,t=e.isRunning,i=e.playingInput,r=e.remainingTimeString,o=e.progressPercentage,c=e.supportedInputs,u=e.selectedInput,l=e.updateSelection,d=c.map(wZ),p=(0,to.X)((0,iZ.fD)(d),[function(e){return e.displayName}],["asc"]),f=(0,to.X)((0,iZ.Vx)(d),[function(e){return e.displayName}],["asc"]),h=i&&n;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(mZ,{children:(0,s.jsxs)(gZ,{children:[(0,s.jsx)(bZ,{children:"Replacement Asset"}),(0,s.jsx)(IZ,{children:"Select an asset to replace Program during an Ad Break if an ad marker is detected in any source of the Program"}),(0,s.jsx)(sZ,{items:(0,a.Z)(p).concat((0,a.Z)(f)),keys:function(e){return e.id},heights:45,config:{mass:1,tension:170,friction:20,clamp:!0},children:function(e){return(0,s.jsx)(iZ.ON,{"aria-label":"Ad Item",onClick:function(){return function(e){var n=e.id,t=e.selectedInput,i=e.updateSelection;t&&t.id===n&&(n=""),i(n)}({id:e.id,selectedInput:u,updateSelection:l})},children:(0,s.jsx)(tZ.ZP,{selectItemTitle:e.displayName,active:e.active,items:e.items})},"item-".concat(e.id))}})]})}),(0,s.jsx)(xZ,{show:h,children:h&&(0,s.jsxs)(vZ,{"aria-label":"Ad Footer",children:[(0,s.jsx)(tP,{src:i.thumbnailURI}),(0,s.jsxs)(iP,{children:[(0,s.jsxs)("h1",{children:["Ad ",t?"ends":"starts"," in"," ",r]}),(0,s.jsx)(Fl,{background:void 0,style:"thick",showPercentage:!1,value:o?100-o:0,type:t?"primary":"secondary"})]})]})})]})})),SZ=t(74428);function ZZ(){var e=(0,R.Z)(["\n background: ",";\n border: 1px solid ",";\n border-left: none;\n justify-content: center;
1\n align-items: center;\n margin-right: 1px;\n font-size: 1.5em;\n padding: unset;\n display: flex;\n width: 50px;\n z-index: 1;\n height: 42px;\n margin-top: 20px;\n\n &:active {\n color: ",";\n }\n\n &:disabled {\n cursor: not-allowed;\n color: ",";\n }\n"]);return ZZ=function(){return e},e}function CZ(){var e=(0,R.Z)(["\n display: flex;\n width: 100%;\n\n > div {\n flex-grow: 1;\n }\n\n input {\n border-radius: 0;\n border: 1px solid ",";\n box-sizing: border-box;\n }\n"]);return CZ=function(){return e},e}var jZ=L.ZP.button.attrs({type:"button"}).withConfig({componentId:"sc-7fbf7724-0"})(ZZ(),(function(e){return e.disabled?"rgb(235, 235, 228)":e.theme.colors.background}),(function(e){return e.theme.colors.outlineBorder}),(function(e){return e.theme.colors.primary}),(function(e){return e.theme.colors.textDisabled})),kZ=L.ZP.div.withConfig({componentId:"sc-7fbf7724-1"})(CZ(),(function(e){return e.theme.colors.outlineBorder})),TZ=function(e){var n=e.min,t=void 0===n?0:n,i=e.max,r=void 0===i?1/0:i,o=e.name,a=e.value,c=e.placeholder,u=void 0===c?"00:00:00":c,l=e.increment,d=void 0===l?10:l,p=e.disabled,f=void 0!==p&&p,h=e.onChange,m=void 0===h?function(e){}:h,g=(0,J.useState)(null),v=g[0],x=g[1];(0,J.useEffect)((function(){x(void 0!==a?kl.ZP.millisecondsToInputTimeFormat(a,!0,SZ.ZP.MOMENT_TIME_FORMATS.HOURS_NO_MS):null)}),[a]);var y=function(e){return Math.min(Math.max(t,e),r)};return(0,s.jsxs)(kZ,{children:[(0,s.jsx)(qs.ZP,{type:"text",name:o,placeholder:u,value:v,disabled:f,onChange:function(e){var n=e.target.value;x(n)},onBlur:function(e){var n=e.target.value;m(y(1e3*parseInt(kl.ZP.inputTimeToSecondsFormat(n))))}}),(0,s.jsx)(jZ,{disabled:f,onClick:function(){var e=y(a-d);m(e)},children:(0,s.jsx)(M.Z,{name:"minus"})}),(0,s.jsx)(jZ,{disabled:f,onClick:function(){var e=y(a+d);m(e)},children:(0,s.jsx)(M.Z,{name:"plus"})})]})},RZ=function(e){if(!Array.isArray(e))throw new Error("sanitizeSelectedAssets expects an array");return e.map((function(e){return{assetId:e}}))},LZ=(0,Y.Pi)((function(e){var n=e.selectableAssets,t=void 0!==n&&n,i=e.selectableDisabled,r=void 0!==i&&i,c=e.onSelectionChange,u=void 0===c?h():c,l=e.numberOfAllowedAssets,d=e.isAssetDisabled,p=e.hideSelectedOrder,f=e.disabledAssetTooltipText,m=e.selectedOrder,g=e.selected,v=void 0===g?[]:g,x=(0,o.Z)(J.useState(v),2),y=x[0],b=x[1],I=(0,q.oR)().streamConfig.assetLibrary;J.useEffect((function(){I.setSearchString("")}),[]),J.useEffect((function(){t&&u&&u(y)}),[y]);return(0,s.jsx)(Jv,{mode:"vod",AssetItemComponent:zv.si,optionalAssetItemProps:{selectable:t,selectableDisabled:r,disabled:d,disabledText:f,hideSelectedOrder:p,hideDropdownToggle:!0,toggleSelectedAsset:function(e){if(l&&y.length>=l&&!y.includes(e))b([e]);else if(l&&y.length>=l&&y.includes(e))b([]);else if(!l&&y.includes(e)){var n=y.indexOf(e),t=(0,a.Z)(y.slice(0,n)).concat((0,a.Z)(y.slice(n+1)));b(t)}else b((0,a.Z)(y).concat([e]))},selectedOrder:null!==m&&void 0!==m?m:function(e){return y.indexOf(e)},selectedAsset:function(e){return y.includes(e)}},displaySearch:!0})}));function AZ(){var e=(0,R.Z)(["\n "," {\n padding-bottom: 10px;\n }\n\n & > *:first-child {\n margin: 10px 0 0;\n text-transform: uppercase;\n color: ",";\n font-size: ","em;\n font-weight: ",";\n }\n\n & > *:last-child {\n padding: 0 0 0 4px;\n }\n\n height: 100%;\n width: 100%;\n display: flex;\n flex-flow: column;\n"]);return AZ=function(){return e},e}var MZ=L.ZP.div.withConfig({componentId:"sc-fb1beff4-0"})(AZ(),Ov.yt,(function(e){return e.theme.colors.text1}),(function(e){return e.theme.xsmall}),(function(e){return e.theme.fontWeightRegular}));function OZ(){var e=(0,R.Z)(["\n display: flex;\n justify-content: space-between;\n"]);return OZ=function(){return e},e}var DZ=(0,L.ZP)(Rp.Db).withConfig({componentId:"sc-d00fce89-0"})(OZ()),EZ=(0,Y.Pi)((function(e){var n=e.isOpen,t=e.onSubmit,i=void 0===t?function(e){}:t,r=(0,J.useState)([]),o=r[0],a=r[1];
1return(0,s.jsx)(tx.Z,{isOpen:n,transitionDuration:0,children:(0,s.jsx)(Rp.ZP,{headerTitle:"Select Source from Asset Library",onClose:i,children:(0,s.jsxs)(Rp.et,{children:[(0,s.jsx)(MZ,{children:(0,s.jsx)(LZ,{selectableAssets:!0,selectableDisabled:!!o.length,onSelectionChange:function(e){a(e)}})}),(0,s.jsx)(DZ,{children:(0,s.jsx)(xs.ZP,{disabled:!o.length,icon:"cta-arrow-right",onClick:function(){i(o)},children:"Add source"})})]})})})}));function NZ(){var e=(0,R.Z)(["\n "," {\n justify-content: center;\n }\n"]);return NZ=function(){return e},e}function BZ(){var e=(0,R.Z)(["\n float: right;\n color: #f00;\n display: inline-block;\n background-color: transparent;\n border: none;\n box-shadow: none;\n margin-top: 0.5em;\n padding: 0;\n font-size: 11px;\n width: 70px;\n\n &:not([disabled]):hover {\n background-color: transparent;\n color: #f00;\n box-shadow: none;\n border: none;\n }\n\n &:disabled {\n cursor: not-allowed;\n background-color: transparent;\n box-shadow: none;\n border: none;\n color: ",";\n }\n\n i {\n margin-left: 0.5em;\n transform: scale(1.8);\n display: inline-block;\n }\n"]);return BZ=function(){return e},e}function VZ(){var e=(0,R.Z)(["\n margin-bottom: 0.5em;\n display: block;\n\n > span {\n text-transform: uppercase;\n font-size: 11px;\n display: inline-block;\n }\n"]);return VZ=function(){return e},e}function FZ(){var e=(0,R.Z)(["\n width: 100%;\n background-color: black;\n aspect-ratio: 16/9;\n position: relative;\n\n img,\n video {\n width: 100%;\n max-height: 100%;\n position: absolute;\n }\n"]);return FZ=function(){return e},e}var zZ=L.ZP.div.withConfig({componentId:"sc-1d5d6b35-0"})(NZ(),xs.ZP),UZ=(0,L.ZP)(xs.ZP).withConfig({componentId:"sc-1d5d6b35-1"})(BZ(),(function(e){return e.theme.colors.textDisabled})),HZ=L.ZP.div.withConfig({componentId:"sc-1d5d6b35-2"})(VZ()),_Z=L.ZP.div.withConfig({componentId:"sc-1d5d6b35-3"})(FZ()),WZ=function(e){var n=e.name,t=e.disabled,i=e.asset,r=e.onAdd,o=e.onClear;return(0,s.jsxs)(zZ,{children:[(0,s.jsxs)(HZ,{children:[(0,s.jsx)("span",{children:n}),i.mediaAssetId&&(0,s.jsx)(UZ,{type:"tertiary",icon:"close",iconPosition:"right",onClick:o,disabled:t,children:"Remove"})]}),i.mediaAssetId?(0,s.jsx)(_Z,{children:i.src?(0,s.jsx)("video",{autoPlay:!1,controls:!0,muted:!0,poster:i.poster,playsInline:!0,"x-webkit-airplay":"allow",children:(0,s.jsx)("source",{src:i.src,type:"video/mp4"})}):(0,s.jsx)("img",{src:i.poster})}):(0,s.jsx)(xs.zx,{type:"tertiary",onClick:r,disabled:t,children:"Select Asset"})]})};function GZ(){var e=(0,R.Z)(["\n margin: 15px 0 0;\n padding: 0 15px;\n position: relative;\n display: flex;\n flex-direction: column;\n height: 100%;\n"]);return GZ=function(){return e},e}function YZ(){var e=(0,R.Z)(["\n height: 100%;\n display: flex;\n flex-direction: column;\n padding: 0 15px;\n overflow: auto;\n\n & > p {\n margin-bottom: 10px;\n }\n"]);return YZ=function(){return e},e}function XZ(){var e=(0,R.Z)(["\n position: sticky;\n bottom: -15px;\n padding: 0 15px;\n"]);return XZ=function(){return e},e}function qZ(){var e=(0,R.Z)(["\n background: ",";\n position: sticky;\n bottom: -15px;\n height: ",";\n transition: height 300ms ease-in-out;\n z-index: 9999;\n"]);return qZ=function(){return e},e}function JZ(){var e=(0,R.Z)(["\n font-size: 12px;\n line-height: 16px;\n text-transform: uppercase;\n font-weight: bold;\n margin-bottom: 1em;\n"]);return JZ=function(){return e},e}function KZ(){var e=(0,R.Z)(["\n flex-grow: 1;\n overflow-y: auto;\n\n hr {\n margin: 1em 0 !important;\n }\n"]);return KZ=function(){return e},e}function QZ(){var e=(0,R.Z)(["\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n column-gap: 5%;\n row-gap: 1em;\n"]);return QZ=function(){return e},e}function $Z(){var e=(0,R.Z)(["\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n column-gap: 5%;\n row-gap: 1em;\n"]);return $Z=function(){return e},e}function eC(){var e=(0,R.Z)(["\n margin-bottom: 1em;\n padding-bottom: 1em;\n border-bottom: 1px solid #ddd;\n\n "," {\n height: 2.5em;
1\n vertical-align: bottom;\n\n span {\n text-align: center;\n display: block;\n width: 100%;\n\n i {\n margin-left: 0.5em;\n margin-top: 0.1em;\n vertical-align: baseline;\n }\n }\n\n &:last-child {\n margin-left: 1.25em;\n\n i {\n margin-top: 0.25em;\n }\n }\n }\n"]);return eC=function(){return e},e}var nC,tC=L.ZP.section.withConfig({componentId:"sc-55a95f9b-0"})(GZ()),iC=L.ZP.div.withConfig({componentId:"sc-55a95f9b-1"})(YZ()),rC=(0,L.ZP)(nP).withConfig({componentId:"sc-55a95f9b-2"})(XZ()),oC=L.ZP.section.withConfig({componentId:"sc-55a95f9b-3"})(qZ(),(function(e){return e.theme.colors.outline}),(function(e){return e.show?"127px":"0"})),aC=L.ZP.h3.withConfig({componentId:"sc-55a95f9b-4"})(JZ()),sC=L.ZP.div.withConfig({componentId:"sc-55a95f9b-5"})(KZ()),cC=L.ZP.div.withConfig({componentId:"sc-55a95f9b-6"})(QZ()),uC=L.ZP.div.withConfig({componentId:"sc-55a95f9b-7"})($Z()),lC=L.ZP.div.withConfig({componentId:"sc-55a95f9b-8"})(eC(),xs.ZP);!function(e){e.ReplacementAssetId="replacementAssetId",e.LeadInAssetId="leadInAssetId",e.LeadOutAssetId="leadOutAssetId"}(nC||(nC={}));var dC,pC,fC,hC,mC,gC=(0,Y.Pi)((function(){var e=(0,q.oR)().streamConfig,n=e.SCTEAdBreak,t=e.producerAPI,i=null!==n&&void 0!==n?n:{},r=i.hasAdBreakCountdown,o=i.isRunning,a=i.progressPercentage,c=i.cancellable,u=n.packages.at(0),l=null!==u&&void 0!==u?u:{},d=l.packageId,p=l.breakDuration,f=l.markersOffset,h=l.countdownDuration,m=l.leadInAsset,g=l.leadOutAsset,v=l.replacementAsset,x=(0,J.useState)(f),y=x[0],b=x[1],I=(0,J.useState)(h),w=I[0],P=I[1],S=(0,J.useState)(p),Z=S[0],C=S[1],j=(0,J.useState)(""),k=j[0],T=j[1],R=(0,J.useRef)();(0,J.useEffect)((function(){return R.current&&clearTimeout(R.current),R.current=setTimeout((function(){b(f),P(h),C(p)}),500),function(){clearTimeout(R.current)}}),[f,h,p]);var L=function(e){switch(e){case nC.LeadInAssetId:u.setLeadInAsset(null),A("leadInAssetId",null);break;case nC.LeadOutAssetId:u.setLeadOutAsset(null),A("leadOutAssetId",null);break;case nC.ReplacementAssetId:u.setReplacementAsset(null),A("replacementAssetId",null)}},A=function(e,n){var i={};switch(e){case"markersOffset":case"breakDuration":case"countdownDuration":i[e]={ms:n};break;case"leadInAssetId":case"leadOutAssetId":case"replacementAssetId":i[e]=n}t.updateAdMarker(d,i)};return d?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(EZ,{isOpen:!!k,onSubmit:function(e){switch(k){case nC.LeadInAssetId:A("leadInAssetId",e[0]);break;case nC.LeadOutAssetId:A("leadOutAssetId",e[0]);break;case nC.ReplacementAssetId:A("replacementAssetId",e[0])}T("")}}),(0,s.jsx)(tC,{children:(0,s.jsxs)(iC,{children:[(0,s.jsxs)(lC,{children:[(0,s.jsx)(aC,{children:"Insert Break"}),(0,s.jsxs)(xs.ZP,{disabled:!Z||r,onClick:function(){t.insertAdMarker()},children:["Start Break Now ",(0,s.jsx)(M.Z,{name:"play"})]}),(0,s.jsxs)(xs.ZP,{disabled:!r||!c,onClick:function(){t.removeAdMarker()},type:"secondary",children:[o?"End Break Early":"Cancel Break",(0,s.jsx)(M.Z,{name:"stop"})]})]}),(0,s.jsxs)(sC,{children:[(0,s.jsx)(aC,{children:"Timing"}),(0,s.jsxs)(cC,{children:[(0,s.jsx)(TZ,{name:"DURATION",placeholder:"00:00:00",value:Z,min:1e3,max:18e5,increment:3e4,disabled:r,onChange:function(e){C(e),A("breakDuration",e)}}),(0,s.jsx)(TZ,{name:"MARKER OFFSET",placeholder:"00:00:00",min:0,max:3e4,increment:1e3,value:y,disabled:r,onChange:function(e){b(e),A("markersOffset",e)}}),(0,s.jsx)(TZ,{name:"COUNTDOWN",placeholder:"00:00:00",value:w,min:0,max:3e4,increment:1e3,disabled:r,onChange:function(e){P(e),A("countdownDuration",e)}})]}),(0,s.jsx)("hr",{}),(0,s.jsx)(aC,{children:"Media (optional)"}),(0,s.jsxs)(uC,{children:[(0,s.jsx)(WZ,{name:"Lead In:",asset:m,disabled:r,onAdd:function(){T(nC.LeadInAssetId)},onClear:function(){L(nC.LeadInAssetId)}}),(0,s.jsx)(WZ,{name:"Lead Out:",asset:g,disabled:r,onAdd:function(){T(nC.LeadOutAssetId)},onClear:function(){L(nC.LeadOutAssetId)}}),(0,s.jsx)(WZ,{name:"Replacement:",asset:v,disabled:r,onAdd:function(){T(nC.ReplacementAssetId)},onClear:function(){L(nC.ReplacementAssetId)}})]})]})]})}),(0,s.jsx)(oC,{show:r,children:r&&(0,s.jsx)(rC,{style:{height:"100%"},children:(0,s.jsxs)(iP,{children:[(0,s.jsx)(pe.Z,{inline:!1,SCTEAdBreak:n}),(0,s.jsx)(Fl,{background:void 0,style:"thick",showPercentage:!1,value:a?100-a:0,type:o?"primary":"secondary"})]})})})]}):null})),vC=(0,Y.Pi)((function(e){var n=e.closeRoute,t=e.onClose,i=(0,Sp.s0)(),r=(0,Sp.UO)().tab||"insertion";return(0,s.jsxs)(Rp.ZP,{headerTitle:"Ad Break",onClose:xP(t,n),onTabSelected:function(e){i("/adbreak/".concat(e.selected))},selected:r,children:[(0,s.jsx)(Rp.et,{name:"Ad Insertion",id:"insertion",icon:"advert",style:{paddingRight:0},children:(0,s.jsx)(gC,{})}
1),(0,s.jsx)(Rp.et,{name:"Ad Triggers",id:"swap",Icon:nZ.Z,children:(0,s.jsx)(PZ,{})})]})})),xC=t(12558),yC=t(89302),bC=t(61757),IC=(dC={},(0,E.Z)(dC,sb.PO.Upload,{title:"Upload file",description:"Upload media from desktop/web",icon:"upload"}),(0,E.Z)(dC,sb.PO.Live,{title:"Live stream",description:"Add RTMP or HLS live streams",icon:"stream-now"}),(0,E.Z)(dC,sb.PO.Vod,{title:"Add from campaign",description:"Add existing media from your campaigns",icon:"folder"}),(0,E.Z)(dC,sb.PO.Web,{title:"Web source",description:"Render HTML and web content",icon:"CTA-visit-link"}),(0,E.Z)(dC,sb.PO.Integration,{title:"Live integrations",description:"Add a 3rd party Producer integration",icon:"integrations"}),(0,E.Z)(dC,sb.PO.Local,{title:"Local source",description:"Add local devices",icon:"local-source"}),(0,E.Z)(dC,sb.PO.Guest,{title:"Guest source",description:"Invite someone to contribute to your stream",icon:"add-guest"}),(0,E.Z)(dC,sb.PO.Playlist,{title:"Playlist",description:"Create a sequence of assets to play automatically",icon:"playlist"}),(0,E.Z)(dC,sb.PO.Snapshot,{title:"Snapshot",description:"Create a snapshot of the current preview to quickly recall live streams",icon:"live-snapshot"}),(0,E.Z)(dC,sb.PO.MediaPlayer,{title:"Media Player",description:"Manage, play and queue multiple clips from within a single source",Icon:yC.Z}),(0,E.Z)(dC,sb.PO.TextOverlay,{title:"Text Overlay",description:"Add editable text overlays with customizable styles",icon:"titling",integrationType:sb.WN.Static,webSource:{src:"".concat(SZ.ZP.INTEGRATIONS.GRABYO.TEXT_OVERLAY,"?q=").concat(Date.now()),displayName:"Text Overlay"}}),(0,E.Z)(dC,sb.PO.OpenCaptions,{title:"Open Captions",description:"Add open captions for AI Transcription with customizable styles",icon:"caption",integrationType:sb.WN.Static,webSource:{src:"".concat(SZ.ZP.INTEGRATIONS.GRABYO.OPEN_CAPTIONS,"?q=").concat(Date.now()),displayName:"Open Captions"}}),dC),wC=(pC={},(0,E.Z)(pC,sb.YC.Singular,{title:"Singular.Live",description:"Live, broadcast quality graphics authoring",image:"".concat(SZ.ZP.CDN_URL,"/static/img/logo-singular-coloredontrans
1parent-200x200.png"),integrationType:sb.WN.Iframe,enabled:!0}),(0,E.Z)(pC,sb.YC.Flowics,{title:"Flowics",description:"Overlay graphics with viewer participation",image:"".concat(SZ.ZP.CDN_URL,"/static/img/logo-flowics-coloredontransparent-200x200.png"),integrationType:sb.WN.Iframe,enabled:!0}),(0,E.Z)(pC,sb.YC.Neverno,{title:"Dizplai",description:"Digital social overlays for audience engagement",image:"https://grabyo-prod.s3.eu-west-1.amazonaws.com/static/img/logo-dizplai-coloredontransparent-200x200.png",integrationType:sb.WN.Iframe,enabled:!0}),(0,E.Z)(pC,sb.YC.Twitch,{title:"Twitch Channels",description:"Add live channels with the Twitch embedded player",image:"".concat(SZ.ZP.CDN_URL,"/static/img/twitch_live_integration_logo.png"),integrationType:sb.WN.Static,enabled:!0,webSource:{src:SZ.ZP.INTEGRATIONS.GRABYO.TWITCH,displayName:"Twitch Player"}}),(0,E.Z)(pC,sb.YC.Threads,{title:"Threads",description:"Display posts from Threads",Icon:bC.Z,integrationType:sb.WN.Static,webSource:{src:"".concat(SZ.ZP.INTEGRATIONS.GRABYO.THREADS,"?q=").concat(Date.now()),displayName:"Threads"}}),pC),PC=(fC={},(0,E.Z)(fC,sb.gU.LocalCamera,{title:"Camera and microphone",description:"Connect a camera and microphone",icon:"camera"}),(0,E.Z)(fC,sb.gU.LocalMicrophone,{title:"Microphone only",description:"Connect a microphone",icon:"microphone"}),fC),SC=(hC={},(0,E.Z)(hC,sb.uc.AddGuest,{title:"Guest source",description:"Invite someone to contribute to your stream",icon:"add-guest"}),(0,E.Z)(hC,sb.uc.AddGuestIntercom,{title:"Guest Intercom",description:"Invite crew members to talk with guests and each other",icon:"support"}),(0,E.Z)(hC,sb.uc.AddScreenShare,{title:"Screen sharing",description:"Enable screen sharing for an existing guest source",icon:"screen-share"}),hC),ZC=(mC={},(0,E.Z)(mC,sb.PO.Upload,{title:"Upload file",description:"Upload media from desktop/web",icon:"upload"}),(0,E.Z)(mC,sb.PO.Vod,{title:"Add from campaign",description:"Add existing media from your campaigns",icon:"folder"}),mC);function CC(){var e=[sb.PO.Guest,sb.PO.Integration,sb.PO.Live,sb.PO.Local,sb.PO.MediaPlayer,sb.PO.Playlist,sb.PO.Snapshot,sb.PO.Upload,sb.PO.Vod,sb.PO.Web];return(0,hn.MV)()&&e.push(sb.PO.TextOverlay),(0,hn.QJ)()&&(0,hn.aP)()&&e.push(sb.PO.OpenCaptions),Object.entries(IC).filter((function(n){var t=(0,o.Z)(n,2),i=t[0];t[1];return e.includes(i)}))}function jC(){var e=[sb.PO.Upload,sb.PO.Vod];return Object.entries(IC).filter((function(n){var t=(0,o.Z)(n,1)[0];return e.includes(t)}))}var kC=Object.freeze({Guest:"Guest",GuestIntercom:"GuestIntercom"}),TC=Object.freeze({Guest:"guest",GuestIntercom:"guestIntercom"}),RC=Object.freeze({Guest:"addGuestSource"}),LC=t(29056),AC=[{value:Wl.Yh.Mix,label:"Mixed"},{value:Wl.Yh.Left,label:"Left channel: talkback, right channel: program"},{value:Wl.Yh.Right,label:"Left channel: program, right channel: talkback"}],MC=function(){var e=(0,J.useState)(AC[0]);return[e[0],e[1]]};function OC(){var e=(0,R.Z)(["\n font-size: 13px;\n\n hr {\n border-top: 1px solid ",";\n clear: both;\n margin: 10px -1em;\n width: 100%;\n }\n\n .noBorder {\n border-top: none;\n }\n\n "," {\n width: 100%;\n min-width: 200px;\n height: 36px;\n border: 1px solid #e8e8e8;\n border-radius: 3px;\n background: #ffffff;\n padding-top: 0;\n padding-bottom: 0;\n }\n"]);return OC=function(){return e},e}function DC(){var e=(0,R.Z)(["\n display: flex;\n justify-content: space-between;\n"]);return DC=function(){return e},e}function EC(){var e=(0,R.Z)(["\n font-size: 11px;\n color: ",";\n text-transform: uppercase;\n position: relative;\n margin-bottom: 5px;\n"]);return EC=function(){return e},e}var NC=(0,L.ZP)(su.l0).withConfig({componentId:"sc-8b9ddc59-0"})(OC(),(function(e){return e.theme.colors.outline}),qs.Fy),BC=(0,L.ZP)(Rp.Db).withConfig({componentId:"sc-8b9ddc59-1"})(DC()),VC=(L.ZP.label.withConfig({componentId:"sc-8b9ddc59-2"})(EC(),(function(e){return e.theme.colors.text1})),function(){return(0,s.jsxs)(cu.Z,{type:"message",children:[(0,s.jsx)("p",{children:"Bluetooth headsets do not support stereo audio playback when using the microphone. If stereo audio is required, we recommend your guests use either a wired headset that supports 3 channels or separate headphones and microphone when using wireless devices."}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:"On Android devices Mixed talkback mode will always be used, regardless of the selected mode."})]})}),FC=(0,du.Ry)().shape({title:(0,du.Z_)().required("Title is required")}),zC=function(e){var n=e.title,t=void 0===n?"Invite Director":n,r=e.onClose,a=void 0===r?function(){}:r,c=e.onBack,u=void 0===c?function(){}:c,l=e.closeRoute,d=e.backRoute,p=e.onSubmit,f=void 0===p?function(e){}:p,h=e.organization,m=e.layerIndex,g=(0,o.Z)(MC(),2),v=g[0],x=g[1],y=(0,J.useState)(null===v||void 0===v?void 0:v.value),b=y[0],I=y[1],w=function(e){x(e),I(null===e||void 0===e?void 0:e.value)};
1return(0,s.jsx)(Rp.ZP,{headerTitle:t,onClose:xP(a,l),onBack:xP(u,d),children:(0,s.jsx)(Rp.et,{children:(0,s.jsx)(LC.ZP,{initialValues:{broadcastName:h,listenMode:{label:AC[0].label,value:AC[0].value}},validateOnMount:!0,onChange:function(e){var n=e.listenMode;n&&w(n)},FormComponent:function(e){return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(NC,{className:"grForm",children:[(0,s.jsx)(LC.vw,{children:"Source Details"}),(0,s.jsx)(qs.ZP,(0,i.Z)({label:"Title",type:"text",required:!0,name:"title"},e)),(0,s.jsx)("hr",{}),(0,s.jsx)(LC.vw,{children:"Invite Details"}),(0,s.jsx)(qs.ZP,(0,i.Z)({label:"Broadcast Name",type:"text",required:!1,name:"broadcastName"},e)),(0,s.jsx)(Ts.Ph,{label:"Incoming talkback mode:",name:"listenMode",value:v,options:AC,onChange:w,isSearchable:!1}),"mix"!==b&&(0,s.jsx)(VC,{})]}),(0,s.jsx)(BC,{children:(0,s.jsx)(xs.ZP,{disabled:e.isSubmitting||!e.isValid,icon:"cta-arrow-right",onClick:function(){return e.submitForm(e)},children:"Add source"})})]})},validationSchema:FC,onSubmit:function(e){f({layerIndex:m,resourceURI:"",type:"guestIntercom",displayName:e.title,broadcastName:e.broadcastName,talkback:{listenMode:b}})}})})})},UC=t(63279),HC=t(70094),_C=function(e){var n=e.isVideoQualityFixed,t=e.toggleIsVideoQualityFixed,i=e.videoQuality,r=e.setVideoQuality;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(mn.wA,{uiType:"switch",checkboxLabel:"Set fixed quality for pinned video RETURN",infoTooltip:"Set fixed quality for pinned video RETURN",value:n,name:"isVideoQualityFixed",onChange:t}),(0,s.jsx)(Ts.Ph,{isDisabled:!n,style:{marginLeft:"4em"},name:"videoQuality",value:i,options:UC.xC,onChange:r,isSearchable:!1})]})},WC=(0,du.Ry)().shape({title:(0,du.Z_)().required("Input field is required")}),GC=function(e){var n=e.title,t=void 0===n?"Guest":n,a=e.onClose,c=void 0===a?function(){}:a,u=e.onBack,l=void 0===u?function(){}:u,d=e.closeRoute,p=e.backRoute,f=e.onSubmit,h=e.organization,m=e.layerIndex,g=(0,o.Z)((0,on.Z)(!0),2),v=g[0],x=g[1],y=(0,o.Z)((0,on.Z)(!1),2),b=y[0],I=y[1],w=(0,o.Z)((0,on.Z)(!1),2),P=w[0],S=w[1],Z=(0,o.Z)((0,on.Z)(!1),2),C=Z[0],j=Z[1],k=(0,J.useState)(UC.xC[1]),T=k[0],R=k[1],L=(0,o.Z)(MC(),2),A=L[0],M=L[1],O=(0,J.useState)(A.value),D=O[0],E=O[1],N=(0,o.Z)((0,on.Z)(!0),2),B=N[0],V=N[1],F=(0,o.Z)((0,on.Z)(!0),2),z=F[0],U=F[1],H=(0,o.Z)((0,on.Z)(!0),2),_=H[0],W=H[1],G=function(e){M(e),E(e.value)};return(0,s.jsx)(Rp.ZP,{headerTitle:t,onClose:xP(c,d),onBack:xP(l,p),children:(0,s.jsx)(Rp.et,{children:(0,s.jsx)(LC.ZP,{initialValues:{broadcastName:h},validateOnMount:!0,FormComponent:function(e){return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(NC,{className:"grForm",children:[(0,s.jsx)(LC.vw,{children:"Source Details"}),(0,s.jsx)(qs.ZP,(0,i.Z)({label:"Title",type:"text",required:!0,name:"title"},e)),(0,s.jsx)("hr",{}),(0,s.jsx)(LC.E8,{tooltipTitle:"Broadcast name",tooltip:"The name your guest will see when you send an invite"}),(0,s.jsx)(qs.ZP,(0,i.Z)({label:"Broadcast Name",type:"text",required:!1,name:"broadcastName"},e)),(0,s.jsx)("hr",{className:"noBorder"}),(0,s.jsx)(Ts.ZP,{label:"Incoming talkback mode",name:"listenMode",value:A,options:AC,onChange:G,isSearchable:!1}),"mix"!==D&&(0,s.jsx)(VC,{}),(0,s.jsx)("hr",{className:"noBorder"}),(0,s.jsx)(mn.wA,(0,i.Z)({uiType:"switch",checkboxLabel:"Allow Video",infoTooltip:"Allow your guest to stream from their camera",value:v,name:"allowVideo",onChange:x},e)),(0,s.jsx)("hr",{className:"noBorder"}),(0,s.jsx)(mn.wA,(0,i.Z)({uiType:"switch",checkboxLabel:"Allow Screen Share",infoTooltip:"Allow your guest to share their screen",value:b,name:"allowScreenShare",onChange:I},e)),(0,s.jsx)("hr",{className:"noBorder"}),(0,s.jsx)(mn.wA,(0,i.Z)({uiType:"switch",checkboxLabel:"Allow lazy talkback",infoTooltip:"Enables the lazy button so Guests can talk to Intercom users off-air ",value:P,name:"allowLazyMic",onChange:S},e)),(0,hn.Jh)()&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("hr",{className:"noBorder"}),(0,s.jsx)(_C,{isVideoQualityFixed:C,toggleIsVideoQualityFixed:j,videoQuality:T,setVideoQuality:R})]}),(0,s.jsx)("br",{}),(0,hn.jc)()&&(0,s.jsxs)(Dp.Zb,{children:[(0,s.jsx)(ag.Z,{children:(0,s.jsx)(HC.ll,{children:(0,s.jsx)("h3",{children:"Audio processing"})})}),(0,s.jsx)(HC.eW,{children:(0,s.jsx)(HC.uO,{children:(0,s.jsxs)(HC.kk,{children:[(0,s.jsx)(mn.wA,{uiType:"switch",checkboxLabel:"Automatic gain control",value:B,onChange:V}),(0,s.jsx)(mn.wA,{uiType:"switch",checkboxLabel:"Echo cancellation",value:z,onChange:U}),(0,s.jsx)(mn.wA,{uiType:"switch",checkboxLabel:"Noise suppression",value:_,onCh
1ange:W})]})})})]})]}),(0,s.jsx)(BC,{children:(0,s.jsx)(xs.ZP,{disabled:e.isSubmitting||!e.isValid,icon:"cta-arrow-right",onClick:function(){return e.submitForm(e)},children:"Add source"})})]})},validationSchema:WC,onSubmit:function(e){return f((0,r.Z)((0,i.Z)({},(0,hn.jc)()&&{appSettings:{audio:{autoGainControl:B,echoCancellation:z,noiseSuppression:_}}}),{layerIndex:m,resourceURI:"",audioEnabled:!0,type:"guest",displayName:e.title,broadcastName:e.broadcastName,videoEnabled:v,screenShareEnabled:b,talkback:{listenMode:D,lazyMic:{allowed:P}}}))}})})})},YC=(0,du.Ry)().shape({guestName:(0,du.Ry)().required("Guest source is required")}),XC=(0,Y.Pi)((function(e){var n=e.title,t=void 0===n?"Screen Sharing":n,o=e.onClose,a=void 0===o?function(){}:o,c=e.onBack,u=void 0===c?function(){}:c,l=e.closeRoute,d=e.backRoute,p=e.layerIndex,f=e.nonScreenSharedInputs,h=e.onSubmit;return(0,s.jsx)(Rp.ZP,{headerTitle:t,onClose:xP(a,l),onBack:xP(u,d),children:(0,s.jsx)(Rp.et,{children:(0,s.jsx)(LC.ZP,{validateOnMount:!0,FormComponent:function(e){return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("form",{children:(0,s.jsx)(Ts.Ph,(0,r.Z)((0,i.Z)({},e),{name:"guestName",label:"select a guest:",placeholder:"Select a guest",options:f}))}),(0,s.jsx)(Rp.Db,{children:(0,s.jsx)(xs.ZP,{disabled:e.isSubmitting||!e.isValid,icon:"cta-arrow-right",onClick:function(){return e.submitForm(e)},children:"Add source"})})]})},validationSchema:YC,onSubmit:function(e){h({layerIndex:p,resourceURI:"",type:so.n.GuestScreenShare,displayName:e.guestName.label,guestInputId:e.guestName.value})}})})})}));function qC(){var e=(0,R.Z)(["\n display: flex;\n justify-content: space-between;\n"]);return qC=function(){return e},e}var JC=(0,L.ZP)(Rp.Db).withConfig({componentId:"sc-f6475204-0"})(qC()),KC=(0,du.Ry)({}).shape({title:(0,du.Z_)().required("Required")}),QC=(0,Y.Pi)((function(e){var n=e.title,t=void 0===n?"Add Playlist Source":n,r=e.onClose,o=void 0===r?h():r,a=e.onBack,c=void 0===a?h():a,u=e.onSubmit,l=void 0===u?h():u,d=e.closeRoute,p=e.backRoute,f=(0,G.Z)(e,["title","onClose","onBack","onSubmit","closeRoute","backRoute"]),m=xP(o,d);return(0,s.jsx)(Rp.ZP,{headerTitle:t,onClose:m,onBack:xP(c,p),children:(0,s.jsx)(Rp.et,{children:(0,s.jsx)(LC.ZP,{FormComponent:function(e){var n=f.maxInputsPerPlaylist,t=e.values.assets,r=(null===t||void 0===t?void 0:t.length)>=n;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("form",{children:[(0,s.jsx)(qs.ZP,(0,i.Z)({name:"title",type:"text",label:"title",placeholder:"Insert a title",required:!0},e)),(0,s.jsxs)(MZ,{children:[(0,s.jsx)(Ic.XJ,{children:"Select asset to add:"}),(0,s.jsx)(LZ,{selectableAssets:!0,selectableDisabled:r,onSelectionChange:function(n){var t=e.values,i=e.setFieldValue,r=e.setErrors;n!==t.assets&&(i("assets",n,!1),!t.title&&r(KC))}})]})]}),(0,s.jsx)(JC,{children:(0,s.jsx)(xs.ZP,{disabled:e.isSubmitting||!e.isValid,icon:"cta-arrow-right",onClick:function(){return e.submitForm(e)},children:"Add source"})})]})},initialValues:{assets:[]},validationSchema:KC,onSubmit:function(e){l({displayName:e.title,playlistInputs:RZ(e.assets)}),m()}})})})})),$C=t(71567),ej=t(84989),nj=t(42611),tj=t(6191),ij=function(e){var n=e.store,t=e.layerIndex,r=e.streamId,o=e.addToAssetLibrary,a=e.onUpload,c=void 0===a?function(){}:a,u=e.onFinished;return(0,s.jsx)(ej.Z,{store:n,uploadDataFormatter:function(e){return rj(e,t,r,o)},renderSection:void 0,articleUrl:void 0,hasTagging:void 0,importEndpointUrl:"/ws/media-assets",importFn:function(){var e=(0,ru.Z)((function(e,r,o){return(0,au.__generator)(this,(function(a){return[2,(0,$C.v_)(e,r,o).then((function(e){var r=new nj.Z((0,i.Z)({id:e.data.mediaAssetId,layerIndex:t},e.data),{urlRoot:"media-assets"});return r.checkPipeline(),c({sourceModel:r}),1===n.uploadsArray.length&&u&&u(),e}))]}))}));return function(n,t,i){return e.apply(this,arguments)}}(),footerInfoTooltip:"Automatically add files once uploaded.",footerAddButtonText:"Add"})},rj=function(e,n,t,r){return(0,i.Z)({file:e.href,displayName:e.title,streamId:t,transcribe:e.type!==SZ.ZP.MEDIA_TYPE.IMAGE&&e.type!==SZ.ZP.MEDIA_TYPE.AUDIO&&App.Models.featuresConfig.isTranscriptionEnabled(),type:"upload",as
1pectRatio:e.aspectRatio||"16:9"},!p()(r)&&{addToAssetLibrary:r},!p()(n)&&{layerIndex:n})};function oj(e,n){return e.isOpen===n.isOpen}var aj=function(e){var n=e.closeRoute,t=e.backRoute,i=e.streamId,r=e.onUpload,o=e.layerIndex,a=e.onClose,c=void 0===a?function(){}:a,u=e.onBack,l=void 0===u?function(){}:u,d=e.onFinished,p=e.title,f=e.addToAssetLibrary,h=void 0!==f&&f;return(0,s.jsx)(Rp.ZP,{headerTitle:p,onClose:xP(c,n),onBack:xP(l,t),children:(0,s.jsx)(Rp.et,{noPadding:!0,children:(0,s.jsx)(ij,{store:tj.Z.create({context:"producer",organizationId:App.Models.organization.id}),streamId:i,addToAssetLibrary:h,onUpload:r,onFinished:d,layerIndex:o})})})},sj=J.memo(aj,oj),cj=t(1035),uj=t(23610),lj=t(11295),dj=t(24604),pj=function(){var e=(0,ru.Z)((function(e){var n,t;return(0,au.__generator)(this,(function(i){switch(i.label){case 0:return n=e.caption,t=e.id,[4,(0,dj.VS)(t,{addToAssetLibrary:!0,displayName:n,streamId:App.Models.selectedStream.id}).then((function(){var e=document.querySelector(".js-grabAdded");(0,cm.bA)((0,s.jsxs)(uj.R,{type:"message",style:{width:"90%"},children:[(0,s.jsx)(M.Z,{name:"info"}),"Asset has been added to asset library"]}),e),e&&setTimeout((function(){e.innerHTML=""}),5e3)}))];case 1:return i.sent(),[2]}}))}));return function(n){return e.apply(this,arguments)}}(),fj=function(e){var n=e.grabs,t=e.isGrabDraggable;return(0,s.jsx)(cj.ZP,{items:n,convertDataForDrag:Fv,isGrabDraggable:t,endDrag:Bv,onClickGrab:pj})},hj=(0,Y.Pi)((function(e){var n=e.title,t=e.onClose,i=e.onBack,r=e.closeRoute,o=e.backRoute,a=e.campaignFormProps,c=void 0===a?{campaignsCollection:[],selectedCampaignId:"",usersCollection:[],collection:{}}:a,u=e.isGrabDraggable;
1return(0,s.jsx)(Rp.ZP,{headerTitle:n,onClose:xP(t,r),onBack:xP(i,o),children:(0,s.jsxs)(Rp.et,{children:[(0,s.jsx)(lj.ZP,{campaignOptions:c.campaignsCollection,selectedCampaignId:c.selectedCampaignId,userOptions:c.usersCollection,collection:c.collection,GrabList:fj,isValidGrab:lj.jJ,isGrabDraggable:u}),(0,s.jsx)("div",{className:"js-grabAdded"})]})})}));function mj(){var e=(0,R.Z)(["\n font-size: 13px;\n li:first-child {\n margin-top: 0;\n }\n"]);return mj=function(){return e},e}function gj(){var e=(0,R.Z)(["\n cursor: not-allowed;\n pointer-events: none;\n opacity: 0.5;\n "]);return gj=function(){return e},e}function vj(){var e=(0,R.Z)(["\n display: none;\n "]);return vj=function(){return e},e}function xj(){var e=(0,R.Z)(["\n cursor: pointer;\n margin: 10px 0;\n border: 1px solid #e8e8e8;\n background: #fff;\n border-radius: 3px;\n position: relative;\n padding-right: 35px;\n list-style: none;\n display: flex;\n align-items: center;\n\n ","\n\n ","\n"]);return xj=function(){return e},e}function yj(){var e=(0,R.Z)(["\n align-items: center;\n color: #5a6382;\n display: flex;\n width: 100%;\n\n &:hover {\n color: #f03f55;\n text-decoration: none;\n }\n\n i {\n font-size: 26px;\n margin: 10px;\n }\n\n img {\n height: 32px;\n width: 32px;\n }\n\n .gb-icon-arrow-right,\n .gb-icon-plus,\n .gb-icon-plus-no-border {\n align-items: center;\n bottom: 0;\n border: 1px solid #e8e8e8;\n border-width: 0 0 0 1px;\n background: transparent;\n color: #666e8a;\n display: flex;\n font-size: 1.5em;\n justify-content: center;\n margin: 0;\n position: absolute;\n right: 0;\n top: 0;\n width: 30px;\n }\n\n .gb-icon-plus {\n font-size: 2em;\n }\n"]);return yj=function(){return e},e}function bj(){var e=(0,R.Z)(["\n display: flex;\n padding: 8px;\n"]);return bj=function(){return e},e}function Ij(){var e=(0,R.Z)(["\n align-items: center;\n border-left: 1px solid #e8e8e8;\n display: flex;\n flex: 1;\n flex-direction: row;\n justify-content: space-between;\n padding: 0.3em 0 0.3em 0.5em;\n width: 20%;\n\n i {\n font-size: 26px;\n margin: 0;\n }\n"]);return Ij=function(){return e},e}function wj(){var e=(0,R.Z)(["\n color: #5a6382;\n font-size: 1.1em;\n"]);return wj=function(){return e},e}function Pj(){var e=(0,R.Z)(["\n color: #666e8a;\n font-size: 0.9em;\n"]);return Pj=function(){return e},e}var Sj=L.ZP.ul.withConfig({componentId:"sc-c7f3fdb0-0"})(mj()),Zj=L.ZP.li.withConfig({componentId:"sc-c7f3fdb0-1"})(xj(),(function(e){return"disabled"===e.enabled&&(0,L.iv)(gj())}),(function(e){return"hide"===e.hide&&(0,L.iv)(vj())})),Cj=L.ZP.a.withConfig({componentId:"sc-c7f3fdb0-2"})(yj()),jj=L.ZP.div.withConfig({componentId:"sc-c7f3fdb0-3"})(bj()),kj=L.ZP.div.withConfig({componentId:"sc-c7f3fdb0-4"})(Ij()),Tj=L.ZP.p.withConfig({componentId:"sc-c7f3fdb0-5"})(wj()),Rj=L.ZP.p.withConfig({componentId:"sc-c7f3fdb0-6"})(Pj()),Lj=function(e){var n=e.onClick,t=e.enabledState,i=e.hiddenState,r=e.type,o=e.tooltip,a=e.url,c=e.image,u=e.title,l=e.description,d=e.secondaryIcon,p=e.addSourceIcon,f=e.Icon;return(0,s.jsx)(Zj,{onClick:n,enabled:t,hide:i,"data-type":r,"data-toggle":"tooltip","data-title":o,children:(0,s.jsxs)(Cj,{href:a,"data-type":r,children:[c&&(0,s.jsx)("img",{src:c}),f&&(0,s.jsx)(f,{size:32}),(0,s.jsxs)(kj,{children:[(0,s.jsxs)("section",{children:[(0,s.jsx)(Tj,{children:u}),(0,s.jsx)(Rj,{children:l})]}),d&&(0,s.jsx)(M.Z,{name:d})]}),(0,s.jsx)(M.Z,{name:p})]})})},Aj=(0,Y.Pi)((function(e){var n=e.title,t=e.closeRoute,i=e.backRoute,r=e.layerIndex,a=e.onClose,c=e.onBack,u=function(){var e=[sb.YC.Singular,sb.YC.Flowics,sb.YC.Neverno,sb.YC.Twitch];return(0,hn.UH)()&&e.push(sb.YC.Threads),Object.entries(wC).filter((function(n){var t=(0,o.Z)(n,2),i=t[0];return t[1],e.includes(i)}))}(),l=(0,Sp.s0)(),d=(0,q.oR)().streamConfig;
1return(0,s.jsx)(Rp.ZP,{headerTitle:n,onClose:xP(a,t),onBack:xP(c,i),children:(0,s.jsx)(Rp.et,{children:(0,s.jsx)(Sj,{children:u.map((function(e){var n=(0,o.Z)(e,2),t=n[0],i=n[1],a=!1===i.enabled,c=!0===i.hidden;return(0,s.jsx)(Lj,{title:i.title,description:i.description,secondaryIcon:i.secondaryIcon,Icon:i.Icon,enabledState:a?"disabled":"enabled",hiddenState:c?"hide":"",addSourceIcon:i.integrationType===sb.WN.Static?"plus":"arrow-right",image:i.image,type:t,onClick:function(e){return function(e){var n=e.event,t=e.key,i=e.sourceType,o=e.isDisabled,a=i.integrationType===sb.WN.Static;(o||a)&&n.preventDefault(),Object.hasOwn(i,"integrationType")&&Gm.rX(t),a?(d.createInput({layerIndex:r,resourceURI:i.webSource.src,displayName:i.webSource.displayName,type:so.n.Web}),l("/")):l(t)}({event:e,key:t,sourceType:i})}},t)}))})})})})),Mj=(0,Y.Pi)((function(e){var n=e.title,t=e.closeRoute,i=e.onClose,r="";switch((0,Sp.UO)().type){case sb.zt.Flowics:r=SZ.ZP.INTEGRATIONS.FLOWICS.ADD_SOURCE_IFRAME_URL;break;case sb.zt.Neverno:r=SZ.ZP.INTEGRATIONS.NEVERNO.ADD_SOURCE_IFRAME_URL;break;case sb.zt.Singular:r=SZ.ZP.INTEGRATIONS.SINGULAR.ADD_SOURCE_IFRAME_URL}return(0,s.jsx)(Rp.ZP,{headerTitle:n,onClose:xP(i,t),children:(0,s.jsx)(Rp.et,{children:(0,s.jsx)("iframe",{style:{padding:0},src:r})})})})),Oj=t(6606),Dj=t(67929),Ej=t.n(Dj),Nj=t(78741),Bj=t(91277);function Vj(){var e=(0,R.Z)(["\n hr {\n display: block;\n height: 1px;\n border: 0;\n border-top: 1px solid ",';\n margin: 1em 0;\n padding: 0;\n }\n\n p[type="error"] {\n margin: 0;\n }\n']);return Vj=function(){return e},e}function Fj(){var e=(0,R.Z)(["\n margin-top: 1em;\n border-radius: 3px;\n\n label {\n margin-bottom: 0;\n }\n\n &.no-label {\n label {\n display: none;\n }\n }\n\n .header-title {\n flex: 1 1;\n display: flex;\n align-items: center;\n text-transform: uppercase;\n line-height: 1.5em;\n margin: 0;\n font-size: 11px;\n vertical-align: middle;\n padding: 11px 10px 6px 10px;\n color: ",";\n background: ",";\n }\n\n .no-content {\n padding: 10px;\n word-wrap: break-word;\n color: ",";\n font-size: 12px;\n }\n"]);return Fj=function(){return e},e}function zj(){var e=(0,R.Z)(["\n border-radius: 3px;\n"]);return zj=function(){return e},e}function Uj(){var e=(0,R.Z)(["\n > div:first-child {\n > div:first-child {\n border-radius: 0;\n border-width: 1px 0 0 0;\n }\n }\n"]);return Uj=function(){return e},e}function Hj(){var e=(0,R.Z)(["\n li {\n margin-right: 1em;\n }\n"]);return Hj=function(){return e},e}function _j(){var e=(0,R.Z)(["\n display: flex;\n\n "," {\n margin-right: 0.5em;\n }\n"]);return _j=function(){return e},e}function Wj(){var e=(0,R.Z)(["\n ul {\n list-style: initial;\n padding-left: 2em;\n\n li {\n text-align: left;\n\n b {\n font-weight: bold;\n }\n }\n }\n\n a {\n color: #f03f55;\n }\n"]);return Wj=function(){return e},e}function Gj(){var e=(0,R.Z)(["\n display: flex;\n flex-flow: row;\n padding: 0.5em 1em;\n &:hover {\n background: ",";\n cursor: pointer;\n }\n\n .name {\n width: 80%;\n margin: auto 0;\n padding-left: 0.5em;\n\n .subtitle {\n color: ",";\n }\n\n .display-name {\n color: ",";\n }\n }\n\n .pro-ingest {\n width: 20%;\n color: ",";\n line-height: 35px;\n text-align: right;\n }\n"]);return Gj=function(){return e},e}function Yj(){var e=(0,R.Z)(["\n padding: 0;\n margin-top: 10px;\n"]);return Yj=function(){return e},e}function Xj(){var e=(0,R.Z)(["\n margin-left: 2.5em;\n"]);return Xj=function(){return e},e}function qj(){var e=(0,R.Z)(["\n font-size: 12px;\n font-weight: 400;\n color: ",";\n white-space: nowrap;\n"]);return qj=function(){return e},e}function Jj(){var e=(0,R.Z)(["\n font-size: 14px;\n font-weight: 400;\n color: ",";\n text-transform: uppercase;\n margin-top: 1.5em;\n"]);return Jj=function(){return e},e}function Kj(){var e=(0,R.Z)(["\n display: flex;
1\n align-items: baseline;\n\n div:nth-child(1) {\n flex: 3;\n margin-right: 0.5em;\n }\n\n div:nth-child(2) {\n flex: 1;\n }\n"]);return Kj=function(){return e},e}function Qj(){var e=(0,R.Z)(["\n margin-top: 0.5em;\n"]);return Qj=function(){return e},e}function $j(){var e=(0,R.Z)(["\n display: flex;\n "," {\n display: none;\n }\n"]);return $j=function(){return e},e}function ek(){var e=(0,R.Z)(["\n display: flex;\n justify-content: space-around;\n margin-top: 15px;\n align-items: center;\n\n hr {\n width: 30%;\n border-top: 0.5px solid "," !important;\n }\n"]);return ek=function(){return e},e}function nk(){var e=(0,R.Z)(["\n cursor: pointer;\n display: flex;\n border: none;\n background-color: transparent;\n"]);return nk=function(){return e},e}function tk(){var e=(0,R.Z)(["\n font-size: 1.5em;\n"]);return tk=function(){return e},e}var ik=(0,L.ZP)(su.l0).withConfig({componentId:"sc-43d54de2-0"})(Vj(),(function(e){return e.theme.colors.outline})),rk=L.ZP.section.withConfig({componentId:"sc-43d54de2-1"})(Fj(),(function(e){return e.theme.colors.text2}),(function(e){return e.theme.colors.background}),(function(e){return e.theme.colors.disabledGrey})),ok=(0,L.ZP)(qs.ZP).withConfig({componentId:"sc-43d54de2-2"})(zj()),ak=(0,L.ZP)(Ts.cb).withConfig({componentId:"sc-43d54de2-3"})(Uj()),sk=(0,L.ZP)(Xs.ZP).withConfig({componentId:"sc-43d54de2-4"})(Hj()),ck=(0,L.ZP)(Rp.Db).withConfig({componentId:"sc-43d54de2-5"})(_j(),xs.ZP),uk=L.ZP.div.withConfig({componentId:"sc-43d54de2-6"})(Wj()),lk=L.ZP.div.withConfig({componentId:"sc-43d54de2-7"})(Gj(),(function(e){return e.theme.colors.outline}),(function(e){return e.theme.colors.text7}),(function(e){return e.theme.colors.text1}),(function(e){return e.theme.colors.primary})),dk=L.ZP.section.withConfig({componentId:"sc-43d54de2-8"})(Yj()),pk=(0,L.ZP)(dk).withConfig({componentId:"sc-43d54de2-9"})(Xj()),fk=L.ZP.p.withConfig({componentId:"sc-43d54de2-10"})(qj(),(function(e){return e.theme.colors.text4})),hk=L.ZP.h3.withConfig({componentId:"sc-43d54de2-11"})(Jj(),(function(e){return e.theme.colors.text2})),mk=L.ZP.section.withConfig({componentId:"sc-43d54de2-12"})(Kj()),gk=(0,L.ZP)(sk).withConfig({componentId:"sc-43d54de2-13"})(Qj()),vk=L.ZP.section.withConfig({componentId:"sc-43d54de2-14"})($j(),il.ar),xk=L.ZP.div.withConfig({componentId:"sc-43d54de2-15"})(ek(),(function(e){return e.theme.colors.verticalDivider})),yk=L.ZP.button.withConfig({componentId:"sc-43d54de2-16"})(nk()),bk=L.ZP.i.withConfig({componentId:"sc-43d54de2-17"})(tk()),Ik=function(e){return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(hk,{children:"Which type of source details do you have?"}),(0,s.jsx)(dk,{children:(0,s.jsx)(vk,{children:(0,s.jsx)(gk,{name:"serverAndStreamKey",value:e.values.isRtmpFullUrl?"":"selected",items:[{label:"Server and stream key",id:"serverAndStreamKey",name:"serverAndStreamKey",value:"selected"}],setFieldValue:function(){e.setFieldValue("fullUrl",""),e.setFieldValue("isRtmpFullUrl",!1)}})})}),(0,s.jsxs)(pk,{children:[(0,s.jsx)(fk,{children:"Example:"}),(0,s.jsx)(fk,{children:"Server: rtmp://example.com:1935/application-name"}),(0,s.jsx)(fk,{children:"Stream Key: 1KSzFjZGwEK?token=dxH5seYFMfotA14sG4HL"})]}),!e.values.isRtmpFullUrl&&(0,s.jsxs)(pk,{children:[(0,s.jsx)(ok,(0,i.Z)({type:"text",name:"ingestSource",label:"Server",placeholder:"rtmp://example.com:1935/application-name"},e),"ingestSource"),(0,s.jsx)(ok,(0,i.Z)({type:"text",name:"streamKey",label:"Stream Key",placeholder:"1KSzFjZGwEK?token=dxH5seYFMfotA14sG4HL"},e),"streamKey")]}),(0,s.jsx)(dk,{children:(0,s.jsx)(vk,{children:(0,s.jsx)(gk,{name:"rtmpFullUrl",value:e.values.isRtmpFullUrl?"selected":"",items:[{label:"Full URL",id:"rtmpFullUrl",name:"rtmpFullUrl",value:"selected"}],setFieldValue:function(){e.setFieldValue("ingestSource",""),e.setFieldValue("isRtmpFullUrl",!0)}})})}),(0,s.jsxs)(pk,{children:[(0,s.jsx)(fk,{children:"Example:"}),(0,s.jsx)(fk,{children:"URL: rtmp://example.com:1935/application-name/1KSzFjZGwEK?"}),(0,s.jsx)(fk,{children:"token=dxH5seYFMfotA14sG4HL"})]}),e.values.isRtmpFullUrl&&(0,s.jsx)(pk,{children:(0,s.jsx)(ok,(0,i.Z)({type:"text",name:"fullUrl",label:"URL",placeholder:"rtmp://example.com:1935/application-name/1KSzFjZGwEK?token=dxH5seYFMfotA14sG4HL"},e),"fullUrl")})]})},wk=function(e){return(0,s.jsx)(ok,(0,i.Z)({type:"text",name:"hlsUrl",label:"URL",placeholder:"https://example.com/hls/playlist.m3u8"},e),"hlsUrl")},Pk=function(e){return(0,s.jsxs)(dk,{children:[(0,s.jsxs)(mk,{children:[(0,s.jsx)(ok,(0,i.Z)({type:"text",name:"ipAddress",label:"Hostname / IP Address",placeholder:"192.168.0.1",onPaste:function(n){n.preventDefault();var t=(0,il.$m)(n.clipboardData.getData("Text"));t?(e.setFieldValue("port",t.port),e.setFieldValue("latency",t.latency),e.setFieldValue("streamId",t.streamId),e.setFieldValue("ipAddress",t.ipAddress)):e.setFieldValue("ipAddress",n.clipboardData.getData("Text")),setTimeout((function(){n.target.blur()}),0)},tooltip:{innerHtml:"The hostname or IP address of the SRT listener to pull from.",position:"left",distance:-40}},e),"ipAddress"),(0,s.jsx)(ok,(0,r.Z)((0,i.Z)({type:"number",max:Bj.ab.MAX,hideNumberSpinner:!0,name:"port",label:"Port",placeholder:"4201"},e),{setFieldValue:function(n,t){e.setFieldValue(n,t,!0)}}),"port")]}),(0,s.jsx)(ok,(0,i.Z)({name:"latency",label:"Latency (MS)",type:"number",max:Bj.Lv.MAX,tooltip:{innerHtml:"The maximum accepted transmission latency, 0 to 15,000 milliseconds."}},e)),(0,s.jsx)(ok,(0,i.Z)({type:"text",name:"streamId",label:"Stream ID (Optional)",placeholder:"Enter a stream ID"},e),"streamId")]})},Sk=function(e){var n;switch(null===(n=e.protocol)||void 0===n?void 0:n.value){case Wl.uw.RTMP:return(0,s.jsx)(Ik,(0,i.Z)({},e));case Wl.uw.HLS:return(0,s.jsx)(wk,(0,i.Z)({},e));case Wl.uw.SRT:return(0,s.jsx)(Pk,(0,i.Z)({},e))}},Zk=SZ.ZP.STREAM_TYPE,Ck=Zk.PULL_STREAM,jk=Zk.PUSH_STREAM,kk="add-live-sidebar",Tk=function(e,n){var t={};try{var i;t=null!==(i=JSON.parse(window.localStorage.getItem("".concat(kk,"/").concat(e))))&&void 0!==i?i:{}}catch(r){}Ej()(t,n),window.localStorage.setItem("".concat(kk,"/").concat(e),JSON.stringify(t))},Rk={innerHtml:(0,s.jsxs)(uk,{children:[(0,s.jsx)("p",{className:"u-alignLeft",children:"Choose your source type:"}
1),(0,s.jsxs)("ul",{className:"grSpacingTop u-alignLeft",children:[(0,s.jsx)("li",{children:"Pull source (A publicly accessible URL of a HLS, RTMP or SRT stream that Grabyo can pull from)"}),(0,s.jsx)("li",{children:"Push source (A RTMP stream that can be pushed from an encoder to a Grabyo Ingest)."})]}),(0,s.jsxs)("p",{className:"grSpacingTop u-alignLeft",children:["For more info,"," ",(0,s.jsx)("a",{className:"grLink",href:"https://intercom.help/grabyo/en/articles/5918013-setting-up-your-stream-sources",target:"_blank",rel:"noreferrer",children:"view help"}),"."]})]})},Lk=function(e){var n=e.innerRef,t=e.innerProps,o=e.data,a=o.displayName,c=o.region,u=o.proIngest;return(0,s.jsxs)(lk,(0,r.Z)((0,i.Z)({ref:n},t),{children:[(0,s.jsxs)("div",{className:"name",children:[(0,s.jsx)("p",{className:"display-name",children:a}),(0,s.jsx)("p",{className:"subtitle",children:c})]}),u&&(0,s.jsx)("div",{className:"pro-ingest",children:"PRO INGEST"})]}))},Ak=function(e){var n=e.innerRef,t=e.innerProps,o=e.data.displayName;return(0,s.jsx)(lk,(0,r.Z)((0,i.Z)({ref:n,style:Rs.x_},t),{children:(0,s.jsx)("p",{className:"display-name",children:o})}))},Mk=function(e){var n=e.text,t=e.handleClick,i=e.icon;return(0,s.jsxs)(xk,{children:[(0,s.jsx)("hr",{}),(0,s.jsxs)(yk,{onClick:t,children:[n," ",(0,s.jsx)(bk,{className:i})]}),(0,s.jsx)("hr",{})]})},Ok=function(e,n){var t={};if(e.displayName){if(n){var i=(0,N.yj)(n).getInputByTitle(e.displayName);i&&i!==n&&(t.displayName="A source with this title already exists, please choose another title.")}}else t.displayName="Required";return e.streamType===jk?e.stream||(t.stream="Required"):e.streamType===Ck&&(e.protocol.value===Wl.uw.RTMP&&(t=function(e){var n=e.displayName,t=e.isRtmpFullUrl,i=e.fullUrl,r=e.ingestSource,o=e.streamKey,a={};return n||(a.displayName="Required"),t?i?(0,il.P4)(i,Wl.uw.RTMP)||(a.fullUrl="Please provide a valid complete RTMP URL"):a.fullUrl="Required":(0,il.P4)(r,Wl.uw.RTMP)?!r&&o&&(a.ingestSource="Required"):a.ingestSource="Please provide a valid RTMP URL",a}(e)),e.protocol.value===Wl.uw.HLS&&(t=function(e){var n={};return e.displayName||(n.displayName="Required"),(0,il.P4)(e.hlsUrl,Wl.uw.HLS)?e.hlsUrl||(n.hlsUrl="Required"):n.hlsUrl="Please provide a valid HLS URL",n}(e)),e.protocol.value===Wl.uw.SRT&&(t=function(e){var n,t={};return e.displayName||(t.displayName="Required"),(0,il.P4)(e.ipAddress,Wl.uw.SRT)||(t.ipAddress="Please provide a valid IP address or host name"),e.port?(parseInt(e.port)>Bj.ab.MAX||parseInt(e.port)<Bj.ab.MIN)&&(t.port="Port must be between 0 and 65535"):t.port="Required",(null===(n=e.streamId)||void 0===n?void 0:n.length)>512&&(t.streamId="Stream ID is too long"),(parseInt(e.latency)>Bj.Lv.MAX||parseInt(e.latency)<Bj.Lv.MIN)&&(t.latency="Latency must be between 0 and 15000 milliseconds"),t}(e))),t},Dk={value:"",source:""},Ek=(0,Y.Pi)((function(e){var n=e.title,t=e.closeRoute,a=e.backRoute,c=e.layerIndex,u=e.onSubmit,l=e.onClose,d=e.onBack,p=e.localSettings,f=e.organizationPreferences,h=e.streamId,m={latency:"".concat(Bj.Lv.DEFAULT),isRtmpFullUrl:!1};try{var g;m=null!==(g=JSON.parse(window.localStorage.getItem("".concat(kk,"/").concat(h))))&&void 0!==g?g:{}}catch(B){}m.protocol||(m.protocol=null===p||void 0===p?void 0:p.defaultLiveSourceProtocol);var v,x=App.Collections.streamIngests,y=(0,J.useState)(""),b=y[0],I=y[1],w=(0,J.useState)(m.stream?{source:m.stream,value:m.stream}:Dk),P=w[0],S=w[1],Z=(0,o.Z)((0,on.Z)(!1),2),C=Z[0],j=Z[1],k=(0,o.Z)(J.useState((function(){return new Nj.sB})),1)[0],T=(0,o.Z)((0,on.Z)(!1),2),R=T[0],L=T[1],A=J.useRef(null),D=function(e){e.preventDefault(),setTimeout((function(){var e;null===(e=A.current)||void 0===e||e.scrollIntoView({behavior:"smooth",block:"end"})}),50),L()},E=R?"gb-icon-arrow-up":"gb-icon-arrow-down",N=x.filter((function(e){return!!e.get("displayName")})).map((function(e){return{value:e.get("streamName")||e.get("ingestId"),displayName:e.get("displayName"),hlsPlaybackUrl:e.get("hlsPlaybackUrl"),region:e.get("regionDisplayName")||e.get("region"),proIngest:!!e.get("ingestId"),source:e.getPlaybackStreamUrl()}}));return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(Rp.ZP,{headerTitle:n,onClose:xP(l,t),onBack:xP
1(d,a),children:(0,s.jsx)(Rp.et,{children:(0,s.jsx)(LC.ZP,{initialValues:(0,r.Z)((0,i.Z)({},m),{displayName:b,streamType:null!==(v=m.streamType)&&void 0!==v?v:Ck,stream:P,protocol:(0,Bj.o8)(m.protocol)}),FormComponent:function(e){var n=e.setSubmitting;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(ik,{children:[(0,s.jsx)(ok,(0,i.Z)({type:"text",name:"displayName",label:"Title",placeholder:"Enter source title"},e),"displayName"),(0,s.jsx)(sk,{name:"Stream Source Type",style:{inline:!0},className:"radio-input",labelText:"Stream Source Type",tooltip:Rk,value:e.values.streamType,items:[{id:Ck,label:"PULL",name:"pull",value:Ck},{id:jk,label:"PUSH",name:"push",value:jk}],setFieldValue:function(n,t){e.setFieldValue("streamType",t),Tk(h,{streamType:t})}},"streamType"),(0,s.jsx)(rk,{children:e.values.streamType===jk?x.length>0?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(ak,(0,r.Z)((0,i.Z)({label:(0,s.jsxs)("h1",{className:"header-title",children:["Ingest Stream",(0,s.jsx)(O.Z,{innerHtml:"Choose an existing ingest as your source, or create a new ingest via 'Manage Ingests'.",children:(0,s.jsx)(M.Z,{name:"info",size:"18px"})})]}),name:"stream"},e),{disabled:true,isSearchable:!1,options:N,components:{Option:Lk,SingleValue:Ak},onChange:function(e){I(e.displayName),S(e)},placeholder:"Choose an Ingest"}),"ingestStream"),(0,hn.BR)()&&(0,s.jsx)(Mk,{text:"Advanced options",icon:E,handleClick:D}),R&&(0,s.jsx)(ak,(0,r.Z)((0,i.Z)({label:"Decoding Options:",options:Bj.fW,value:e.values.decode,defaultValue:Bj.UE.VideoAndAudio,name:"decode"},e),{menuPlacement:"auto"}))]}):(0,s.jsx)("p",{className:"no-content",children:"No ingests available"}):(0,s.jsx)(ak,(0,i.Z)({label:"Protocol:",options:Bj.oD,value:e.values.protocol,name:"protocol"},e))}),e.values.streamType===Ck&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(Sk,(0,i.Z)({protocol:e.values.protocol},e)),(0,hn.BR)()&&(0,s.jsx)(Mk,{text:"Advanced options",icon:E,handleClick:D}),R&&(0,s.jsx)(ak,(0,r.Z)((0,i.Z)({label:"Decoding Options:",options:Bj.fW,value:e.values.decode,defaultValue:Bj.UE.VideoAndAudio,name:"decode"},e),{menuPlacement:"auto"}))]}),(0,s.jsx)("div",{ref:A,style:{height:"15px"}})]},"addLiveSource"),(0,s.jsxs)(ck,{children:[e.values.streamType===jk&&(0,s.jsx)(xs.ZP,{type:"secondary",onClick:j,children:"Manage Ingests"}),(0,s.jsx)(xs.ZP,{icon:"cta-arrow-right",disabled:e.isSubmitting||!e.isValid,iconPosition:"right",onClick:function(){return function(e){var t=x.models.find((function(n){return e.stream&&e.stream.value===n.get("ingestId")})),i={};e.protocol.value===Wl.uw.RTMP?(i.type=Wl.uw.RTMP,e.ingestSource&&!e.streamKey?i.uri=e.ingestSource:e.ingestSource&&e.streamKey?(i.server=e.ingestSource,i.streamKey=e.streamKey):e.fullUrl&&(i.uri=e.fullUrl)):e.protocol.value===Wl.uw.HLS?(i.type=Wl.uw.HLS,i.uri=e.hlsUrl):e.protocol.value===Wl.uw.SRT&&(i.type=Wl.uw.SRT,i.hostName=e.ipAddress,i.port=parseInt(e.port),i.latency=parseInt(e.latency),e.streamId&&(i.streamId=e.streamId));var r,o,a,s={layerIndex:c,displayName:e.displayName,type:so.n.Live};e.streamType===jk&&(t?s.resourceURI=(0,Oj.$K)("mediaTransportIngest",t.get("ingestId")):(null===(r=e.stream)||void 0===r?void 0:r.source)&&(s.resourceURI=e.stream.source)),e.streamType===Ck&&(s.mediaResource=i,null===p||void 0===p||p.setDefaultLiveSourceProtocol(e.protocol.value)),(0,hn.BR)()&&(s.audioDecodingEnabled=!e.decode||(null===(o=e.decode)||void 0===o?void 0:o.audioDecodingEnabled),s.videoDecodingEnabled=!e.decode||(null===(a=e.decode)||void 0===a?void 0:a.videoDecodingEnabled)),App.Models.serverConfig.messagingSocket.sendPostCommand(Qe.Messaging.constants.paths.inputs.NON_LIVE,s),(0,Gm.ee)(c,so.n.Live),u&&u(),n(!1)}(e.values)},children:"Add Source"})]})]})},validate:Ok,onChange:function(e){Tk(h,{activeServerAndKey:e.activeServerAndKey,activeRtmpFullUrl:e.activeRtmpFullUrl,stream:e.stream.value,protocol:e.protocol.value})},validateOnMount:!0,validateOnChange:!0,validateOnBlur:!0,enableReinitialize:!0})})}),C&&(0,s.jsx)(Nj.ZP,{organizationPreferences:f,ingestListStore:k,closeModal:j})]})}));function Nk(){var e=(0,R.Z)(["\n font-size: 13px;\n\n hr {\n margin: 1em 0;\n }\n\n .grForm__input {\n margin-top: 0.5em;\n }\n"]);return Nk=function(){return e},e}function Bk(){var e=(0,R.Z)(["\n display: flex;\n justify-content: space-between;\n"]);return Bk=function(){return e},e}var Vk=(0,L.ZP)(su.l0).withConfig({componentId:"sc-bba427d0-0"})(Nk()),Fk=(0,L.ZP)(Rp.Db).withConfig({componentId:"sc-bba427d0-1"})(Bk()),zk=(0,du.Ry)().shape({displayName:(0,du.Z_)().required("Required")}),Uk=function(e){var n=e.backRoute,t=e.closeRoute,r=e.onSubmit,a=e.onClose,c=e.onBack,u=xP(a,t),l=(0,o.Z)((0,on.Z)(!0),2),d=l[0],p=l[1],f=(0,o.Z)((0,on.Z)(!1),2),h=f[0],m=f[1],g=(0,o.Z)((0,on.Z)(!1),2),v=g[0],x=g[1];return(0,s.jsx)(Rp.ZP,{headerTitle:"Add Media Player Source",onClose:u,onBack:xP
1(c,n),children:(0,s.jsx)(Rp.et,{children:(0,s.jsx)(LC.ZP,{FormComponent:function(e){return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(Vk,{children:[(0,s.jsx)(LC.vw,{children:"Source Details"}),(0,s.jsx)(qs.ZP,(0,i.Z)({name:"displayName",type:"text",label:"title",placeholder:"Insert a title",required:!0},e)),(0,s.jsx)("hr",{}),(0,s.jsx)(LC.vw,{children:"Source settings"}),(0,s.jsx)(mn.wA,(0,i.Z)({uiType:"switch",checkboxLabel:"Auto-play when on air",infoTooltip:"Automatically start playing whenever the Media Player source is taken to program out",name:"autoPlayOnProgram",value:d,onChange:p},e)),(0,s.jsx)(mn.wA,(0,i.Z)({uiType:"switch",checkboxLabel:"Auto-pause when off air",infoTooltip:"Automatically paused whenever the Media Player source is taken out of program out",name:"autoPauseOffProgram",value:h,onChange:m},e)),(0,hn.tU)()&&(0,s.jsx)(mn.wA,(0,i.Z)({uiType:"switch",checkboxLabel:"Auto recue on end",infoTooltip:"Recues to the start of the current clip (Play one) or first clip (Play to end) instead of freezing on the last frame. Has no effect when using Loop",name:"autoRecue",value:v,onChange:x},e))]}),(0,s.jsx)(Fk,{children:(0,s.jsx)(xs.ZP,{disabled:e.isSubmitting||!e.isValid,icon:"cta-arrow-right",onClick:function(){return e.submitForm(e)},children:"Add source"})})]})},validationSchema:zk,onSubmit:function(e){r((0,i.Z)({autoPlayOnProgram:d,autoPauseOffProgram:h},(0,hn.tU)()&&{autoRecue:v},e)),u()}})})})},Hk={snapshot:{title:"Oops",message:"You have to put at least one source in Preview to create a Snapshot. Please select your sources and try again."}},_k=function(e){var n=e.sourceType,t=e.closeModal;return(0,s.jsx)(gn.Z,{title:Hk[n].title,confirmLabel:"Ok",confirmCallback:t,cancelCallback:t,children:Hk[n].message})};function Wk(){var e=(0,R.Z)(["\n padding-top: 10px;\n\n li.grRadio__item {\n padding-top: 5px;\n }\n"]);return Wk=function(){return e},e}var Gk=(0,il.jN)(Xs.Ee,{showLabel:!1}),Yk=(0,L.ZP)(Gk).withConfig({componentId:"sc-a8e8c6f8-0"})(Wk()),Xk=(0,du.Ry)().shape({displayName:(0,du.Z_)().required("Title is required"),useParentsAudioSettings:(0,du.Z_)().required("Required")}),qk=[{id:"display-only",label:"Capture display settings only",name:"useParentsAudioSettings",value:"true"}],Jk=function(e){return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(NC,{className:"grForm",children:[(0,s.jsx)(qs.ZP,(0,i.Z)({label:"Title",type:"text",required:!0,name:"displayName"},e)),(0,s.jsx)(Yk,(0,i.Z)({name:"useParentsAudioSettings",items:qk},e))]}),(0,s.jsx)(BC,{children:(0,s.jsx)(xs.ZP,{disabled:e.isSubmitting||!e.isValid,icon:"cta-arrow-right",onClick:function(){return e.submitForm(e)},children:"Add source"})})]})},Kk={displayName:"",useParentsAudioSettings:"true"},Qk=function(e){var n=e.title,t=void 0===n?"Create Snapshot":n,r=e.onSubmit,a=e.layerIndex,c=e.inputsInPreview,u=e.onClose,l=e.onBack,d=e.closeRoute,p=e.backRoute,f=(0,o.Z)(J.useState(!1),2),h=f[0],m=f[1];return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(Rp.ZP,{headerTitle:t,onClose:xP(u,d),onBack:xP(l,p),children:(0,s.jsx)(Rp.et,{children:(0,s.jsx)(su.J9,{initialValues:Kk,validateOnMount:!0,validationSchema:Xk,onSubmit:function(e,n){var t=e.displayName,i=e.useParentsAudioSettings,o=n.setSubmitting;c.length>0?r({displayName:t,layerIndex:a,resourceURI:"",type:so.n.Snapshot,useParentsAudioSettings:"true"===i,setSubmitting:o}):(m(!0),o(!1))},children:function(e){return(0,s.jsx)(Jk,(0,i.Z)({},e))}})})}),h&&(0,s.jsx)(_k,{sourceType:so.n.Snapshot,closeModal:function(){return m(!1)}})]})},$k=function(e){var n=(0,Sp.UO)(),t=parseInt(n.layerIndex),i=e.type||n.type,r=n.inputId,o=(0,Sp.s0)(),a=void 0===t||isNaN(t)?r?"../".concat(i):"/assets/add/".concat(i):function(e){switch(e){case sb.zt.Singular:case sb.zt.Twitter:case sb.zt.Flowics:case sb.zt.Neverno:case sb.zt.Twitch:return!0;default:return!1}}(i)?"/add-integration/".concat(t,"/").concat(i):"/add-source/".concat(t,"/").concat(i);return(0,s.jsx)(Zj,{onClick:e.onClick,enabled:e.enabledState,hide:e.hiddenState,"data-type":e.type,"data-toggle":"tooltip","data-title":e.tooltip,children:(0,s.jsxs)(Cj,{onClick:function(){return o(a)},"data-type":e.type,children:[e.Icon&&(0,s.jsx)(jj,{children:(0,s.jsx)(e.Icon,{size:30})}),e.icon&&(0,s.jsx)(M.Z,{name:e.icon}),e.image&&(0,s.jsx)("img",{src:e.image}),(0,s.jsxs)(kj,{children:[(0,s.jsxs)("section",{children:[(0,s.jsx)(Tj,{children:e.title}),(0,s.jsx)(Rj,{children:e.description})]}),e.secondaryIcon&&(0,s.jsx)(M.Z,{name:e.secondaryIcon})]}),(0,s.jsx)(M.Z,{name:e.addSourceIcon})]})})},eT=(0,Y.Pi)((function(e){var n=e.layerIndex,t=e.title,i=e.closeRoute,r=e.backRoute,a=e.onBack,c=e.onClose,u=e.sourceTypes,l=(0,q.oR)().streamConfig,d=(0,Sp.s0)(),p=xP(a,r);return(0,s.jsx)(Rp.ZP,{headerTitle:t,onClose:xP(c,i),onBack:r?p:null,children:(0,s.jsx)(Rp.et,{children:(0,s.jsx)(Sj,{children:u.map((function(e){var t=(0,o.Z)(e,2),i=t[0],r=t[1],a=!1===r.enabled,c=!0===r.hidden,u=i===sb.PO.Live?"Add RTMP, HLS or SRT live streams":r.description;
1return(0,s.jsx)($k,{title:r.title,description:u,Icon:r.Icon,icon:r.icon,secondaryIcon:r.secondaryIcon,enabledState:a?"disabled":"enabled",hiddenState:c?"hide":"",addSourceIcon:r.integrationType===sb.WN.Static?"plus-no-border":"arrow-right",image:r.image,type:i,onClick:function(e){return function(e){var t=e.event,i=e.key,r=e.sourceType,o=e.isDisabled,a=r.integrationType===sb.WN.Static;(o||a)&&t.preventDefault(),Object.hasOwn(r,"integrationType")&&Gm.rX(i),a&&(l.createInput({layerIndex:n,resourceURI:r.webSource.src,displayName:r.webSource.displayName,type:so.n.Web}),d("/"))}({event:e,key:i,sourceType:r,isDisabled:a})}},i)}))})})})})),nT=(0,Y.Pi)((function(e){var n=e.closeRoute,t=e.backRoute,r=e.layerIndex,o=e.onSubmit,a=e.onClose,c=e.onBack;return(0,s.jsx)(Rp.ZP,{headerTitle:"Add Source",onClose:xP(a,n),onBack:xP(c,t),children:(0,s.jsx)(Rp.et,{children:(0,s.jsx)(LC.ZP,{FormComponent:function(e){var n=e.setSubmitting;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(ik,{children:(0,s.jsx)(rk,{className:"no-label",children:(0,s.jsx)(ok,(0,i.Z)({type:"text",name:"source",placeholder:"Enter source URL"},e),"source")})},"addLiveSource"),(0,s.jsx)(ck,{children:(0,s.jsx)(xs.ZP,{icon:"cta-arrow-right",disabled:e.isSubmitting||!e.isValid,iconPosition:"right",onClick:function(){return function(e){var t={layerIndex:r,resourceURI:e.source,type:so.n.Web};App.Models.serverConfig.messagingSocket.sendPostCommand(Qe.Messaging.constants.paths.inputs.NON_LIVE,t),(0,Gm.ee)(r,so.n.Web),o&&o(),n(!1)}(e.values)},children:"Add Source"})})]})},validate:function(e){var n={};return e.source||(n.source="Please provide a URL."),n},validateOnMount:!0,validateOnChange:!0,validateOnBlur:!0,enableReinitialize:!0})})})})),tT=t(52408);function iT(){var e=(0,R.Z)(["\n hr {\n display: block;\n height: 1px;\n border: 0;\n border-top: 1px solid #e8e8e8;\n margin: 1em 0;\n padding: 0;\n }\n"]);return iT=function(){return e},e}function rT(){var e=(0,R.Z)(["\n display: flex;\n justify-content: space-between;\n"]);return rT=function(){return e},e}var oT=L.ZP.form.withConfig({componentId:"sc-affc70c2-0"})(iT()),aT=(0,L.ZP)(Rp.Db).withConfig({componentId:"sc-affc70c2-1"})(rT()),sT=(0,il.jN)(Ts.Ph,{allowOverflow:!0,showLabel:!1}),cT=function(e){var n=e.title,t=void 0===n?"":n,r=e.onClose,o=e.onBack,a=e.closeRoute,c=e.backRoute,u=e.layerIndex,l=e.localSource,d=e.onSubmit,p=(0,J.useState)([]),f=p[0],h=p[1],m=(0,J.useState)([]),g=m[0],v=m[1],x=(0,J.useState)("Display Name"),y=x[0],b=x[1],I=(0,J.useState)(null),w=I[0],P=I[1],S=(0,J.useState)(null),Z=S[0],C=S[1],j=(0,J.useState)(!1),k=j[0],T=j[1],R=(0,Sp.UO)(),L=(0,q.oR)(),A=L.streamConfig,O=L.controlRoom.localMedia,D=A.getInput(R.inputId);(0,J.useEffect)((function(){var e=function(){var e=(0,ru.Z)((function(){var e;return(0,au.__generator)(this,(function(n){switch(n.label){case 0:return n.trys.push([0,2,,3]),[4,O.getLocalMedia({localSource:l})];case 1:return n.sent(),h(O.audioDevices),v(O.videoDevices),b(O.displayName),P(O.defaultCamera),C(O.defaultMicrophone),T(!0),[3,3];case 2:return e=n.sent(),tT.ZP.handleGetUserMediaException({error:e,isLocalCamera:tT.ZP.isLocalCamera(l),onClose:r}),[3,3];case 3:return[2]}}
1))}));return function(){return e.apply(this,arguments)}}();e()}),[O,l,r]);var E=tT.ZP.isLocalCamera(l),N="".concat(t," ").concat(E?"Camera and Microphone Source":"Microphone Source");return(0,s.jsx)(Rp.ZP,{headerTitle:N,onClose:xP(r,a),onBack:xP(o,c),children:(0,s.jsx)(Rp.et,{children:k&&(0,s.jsx)(LC.ZP,{initialValues:{title:y,camera:w,microphone:Z},FormComponent:function(e){return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(oT,{children:[!D&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(qs.ZP,(0,i.Z)({type:"text",name:"title",placeholder:"Enter source title"},e),"sourceTitle"),(0,s.jsx)("hr",{})]}),E&&(0,s.jsxs)(M.Y,{icon:"camera",uppercase:!0,title:"Camera",children:[(0,s.jsx)(sT,(0,i.Z)({name:"camera",label:"Select Camera:",placeholder:"Select your video source",options:g},e)),(0,s.jsx)("hr",{})]}),(0,s.jsx)(M.Y,{icon:"microphone",uppercase:!0,title:"Microphone",children:(0,s.jsx)(sT,(0,i.Z)({showLabel:!1,name:"microphone",label:"Select Microphone:",placeholder:"Select your audio source",options:f},e))})]},"addSource"),(0,s.jsx)(aT,{children:(0,s.jsx)(xs.ZP,{icon:D?null:"cta-arrow-right",disabled:e.isSubmitting||!e.isValid,iconPosition:"right",onClick:function(){return e.submitForm(e)},children:D?"Save":"Add Source"})})]})},onSubmit:function(e){tT.ZP.addLocalSource({layerIndex:u,localSource:l,displayName:e.title,cameraId:e.camera.value,microphoneId:e.microphone.value,videoID:D&&D.videoStreamID}),d()},validate:function(e){var n={};return e.title||(n.title="Required"),E&&!e.camera.value&&(n.camera="Required"),e.microphone.value||(n.microphone="Required"),n}})})})},uT=(0,Y.Pi)((function(e){var n=e.organizationPreferences,t=(0,Sp.s0)(),r=(0,Sp.UO)(),o="/",a="../",c=function(){t(o)},u=(0,q.oR)(),l=u.controlRoom,d=u.streamConfig,p=r.layerIndex?parseInt(r.layerIndex):void 0,f=(0,J.useMemo)((function(){return{campaignsCollection:(0,xC.Lo)(App.Collections.contexts.where({status:"active"})),selectedCampaignId:App.Models.selectedContext?App.Models.selectedContext.id:null,usersCollection:(0,xC.po)(App.Collections.users),collection:App.Collections.grabs}}),[App.Models.selectedContext]);return(0,s.jsxs)(Sp.Z5,{children:[(0,s.jsx)(Sp.AW,{path:sb.PO.Live,element:(0,s.jsx)(Ek,{title:"Add Source",closeRoute:o,backRoute:a,layerIndex:p,onSubmit:c,localSettings:l.localSettings,streamId:d.id,organizationPreferences:n})}),(0,s.jsx)(Sp.AW,{path:sb.PO.Web,element:(0,s.jsx)(nT,{closeRoute:o,backRoute:a,layerIndex:p,onSubmit:c})}),(0,s.jsx)(Sp.AW,{path:"".concat(sb.PO.Integration,"/:type"),element:(0,s.jsx)(Mj,{title:"Add Source",closeRoute:o})}),(0,s.jsx)(Sp.AW,{path:sb.PO.Integration,element:(0,s.jsx)(Aj,{title:"Live Integration",closeRoute:o,backRoute:a,layerIndex:p})}),(0,s.jsx)(Sp.AW,{path:sb.PO.Local,element:(0,s.jsx)(eT,{title:"".concat(r.inputId?"Connect":"Add"," Local Source"),sourceTypes:Object.entries(PC),layerIndex:p,closeRoute:o,backRoute:a})}),(0,s.jsx)(Sp.AW,{path:sb.PO.Upload,element:(0,s.jsx)(sj,{closeRoute:o,backRoute:a,title:"Upload File",streamId:d.id,layerIndex:p,onUpload:function(e){var n=e.sourceModel,t=(0,E.Z)({},n.id,{id:n.id,layerIndex:p,type:so.n.Pending,positionIndex:d.inputsListByLayerIndex(p).length});d.setInputs(t)},onFinished:c})}),(0,s.jsx)(Sp.AW,{path:"localcamera",element:(0,s.jsx)(cT,{layerIndex:p,localSource:Qe.LocalSources.CAMERA,closeRoute:o,backRoute:"../local",onSubmit:c})}),(0,s.jsx)(Sp.AW,{path:"localmicrophone",element:(0,s.jsx)(cT,{layerIndex:p,localSource:Qe.LocalSources.MICROPHONE,onSubmit:c,closeRoute:o,backRoute:"../local"})}),(0,s.jsx)(Sp.AW,{path:sb.PO.Vod,element:(0,s.jsx)(hj,{title:"Add from Campaign",campaignFormProps:f,closeRoute:o,backRoute:a,isGrabDraggable:!0})}),(0,s.jsx)(Sp.AW,{path:sb.PO.Guest,element:(0,s.jsx)(eT,{title:"Guest Source",closeRoute:o,backRoute:a,sourceTypes:Object.entries(SC),layerIndex:p})}),(0,s.jsx)(Sp.AW,{path:"addguest",element:(0,s.jsx)(GC,{title:"Invite Guest",closeRoute:o,backRoute:"../guest",organization:App.Models.organization.get("name"),layerIndex:p,onSubmit:function(e){d.createInput(e),d.addSourceEmitter.on(RC.Guest,(function(e){t("/source/".concat(e,"/settings/").concat(TC.Guest)),d.addSourceEmitter.off(RC[kC.Guest])}))}})}),(0,s.jsx)(Sp.AW,{path:"addguestintercom",element:(0,s.jsx)(zC,{title:"Invite Director",closeRoute:o,backRoute:"../guest",organization:App.Models.organization.get("name"),layerIndex:p,onSubmit:function(e){d.createInput(e),d.addSourceEmitter.on(RC.Guest,(function(e){t("/source/".concat(e,"/settings/").concat(TC.Guest)),d.addSourceEmitter.off(RC[kC.Guest])}))}})}),(0,s.jsx)(Sp.AW,{path:"addscreenshare",element:(0,s.jsx)(XC,{title:"Screen Sharing",closeRoute:o,backRoute:"../guest",layerIndex:p,nonScreenSharedInputs:d.nonScreenSharedInputs,onSubmit:function(e){d.createInput(e),d.addSourceEmitter.on(RC.Guest,(function(e){t("/source/".concat(e,"/settings/source")),d.addSourceEmitter.off(RC[kC.Guest])}))}})}),(0,s.jsx)(Sp.AW,{path:sb.PO.Playlist,element:(0,s.jsx)(QC,{title:"Add Playlist",maxInputsPerPlaylist:App.Models.serverConfig.maxInputsPerPlaylist,closeRoute:o,backRoute:a,onSubmit:function(e){d.createInput((0,i.Z)({type:so.n.Playlist,layerIndex:p,resourceURI:""},e))}})}),(0,s.jsx)(Sp.AW,{path:sb.PO.MediaPlayer,element:(0,s.jsx)(Uk,{backRoute:a,closeRoute:o,onSubmit:function(e){d.createInput((0,i.Z)({type:so.n.MediaPlayer,layerIndex:p,resourceURI:""},e))}})}),(0,s.jsx)(Sp.AW,{path:sb.PO.Snapshot,element:(0,s.jsx)(Qk,{title:"Create Snapshot",closeRoute:o,backRoute:a,layerIndex:p,inputsInPreview:d.inputObjsInPreview,onSubmit:function(e){d.createInput(e),c()}})}),(0,s.jsx)(Sp.AW,{path:"/",element:(0,s.jsx)(eT,{title:"Add Source",sourceTypes:r.layerIndex?CC():Object.entries(ZC),layerIndex:p,closeRoute:"/"})}),(0,s.jsx)(Sp.AW,{path:"*"})]})})),lT=(0,Y.Pi)((function(){var e=(0,Sp.s0)(),n="../../../assetLibrarySidebar/",t=(0,q.oR)().streamConfig,i=(0,J.useMemo)((function(){var e;return{campaignsCollection:(0,xC.Lo)(null===(e=App.Collections.contexts)||void 0===e?void 0:e.where({status:"active"})),selectedCampaignId:App.Models.selectedContext?App.Models.selectedContext.id:null,usersCollection:(0,xC.po)(App.Collections.users),collection:App.Collections.grabs}}),[App.Models.selectedContext]);return(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)(Sp.Z5,{children:[(0,s.jsx)(Sp.AW,{path:"/upload",element:(0,s.jsx)(sj,{closeRoute:n,backRoute:"../",streamId:t.id,addToAssetLibrary:!0,title:"Upload",onUpload:function(e){var n=e.sourceModel,i={displayName:n.get("displayName"),inputId:n.id};t.assetLibrary.addPendingAsset(i)},onFinished:function(){e(n)}})}),(0,s.jsx)(Sp.AW,{path:"/vod",element:(0,s.jsx)(hj,{title:"Add From Campaign",campaignFormProps:i,closeRoute:n,backRoute:"../",isGrabDraggable:!1})}),(0,s.jsx)(Sp.AW,{path:"/",element:(0,s.jsx)(eT,{title:"Add Source",closeRoute:n,sourceTypes:jC()})}),(0,s.jsx)(Sp.AW,{path:"*"})]})})})),dT=t(36728);function pT(){var e=(0,R.Z)(["\n display: flex;\n justify-content: flex-end;\n"]);return pT=function(){return e},e}function fT(){var e=(0,R.Z)(["\n .grForm__field:first-child label {\n margin-top: 1em;\n }\n"]);return fT=function(){return e},e}function hT(){var e=(0,R.Z)(["\n display: flex;\n justify-content: flex-end;\n margin: "," 0;\n"]);return hT=function(){return e},e}function mT(){var e=(0,R.Z)(["\n font-size: ",";\n color: ",";\n display: flex;\n justify-content: flex-end;\n text-decoration: underline;\n text-transform: uppercase;\n cursor: pointer;\n"]);return mT=function(){return e},e}var gT=(0,L.ZP)(Rp.Db).withConfig({componentId:"sc-3336a94b-0"})(pT()),vT=L.ZP.div.withConfig({componentId:"sc-3336a94b-1"})(fT()),xT=L.ZP.div.withConfig({componentId:"sc-3336a94b-2"})(hT(),(function(e){return e.theme.defaultMargin})),yT=(0,L.ZP)(dT.rU).withConfig({componentId:"sc-3336a94b-3"})(mT(),(function(e){var n=e.theme;return"".concat(n.fontSizeBase,"px")}),(function(e){return e.theme.colors.primary})),bT=function(e){return(null===e||void 0===e?void 0:e.duration)<500||(null===e||void 0===e?void 0:e.duration)>15e3},IT=function(e){return!(!bT(e)&&e.previewURI)},wT=[{id:"displayName",text:"Name"}],PT=function(e){return bT(e)?"Asset duration must be between 0.5s and 15s":"Asset not available, please re-upload asset"},ST=function(e,n,t){e.setSortType(t),e.setDefaultActiveSort(t),e.setSortOptions(n)},ZT=(0,Y.Pi)((function(e){var n=e.isOpen,t=e.title,i=void 0===t?"Select asset for transition":t,r=e.onClose,o=e.backRoute,a=e.onBack,c=e.closeRoute,u=e.onSubmit,l=(0,q.oR)().streamConfig.assetLibrary;J.useEffect((function(){var e;n?(e=wT.concat([{id:"duration",text:"Duration"}]),ST(l,e,"duration")):(e=wT.concat([{id:"type",text:"Type"}]),ST(l,e,"displayName")),l.setSearchString("")}),[n]);var d=xP(a,o);return(0,s.jsx)(Rp.ZP,{headerTitle:i,onClose:xP(r,c),onBack:o?d:null,children:(0,s.jsx)(Rp.et,{noPadding:!0,children:(0,s.jsx)(LC.ZP,{FormComponent:function(e){var n,t;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("form",{children:(0,s.jsxs)(MZ,{children:[(0,s.jsx)(Kv,{defaultSort:"duration"}),(0,s.jsx)(LZ,{selectableAssets:!0,numberOfAllowedAssets:1,isAssetDisabled:IT,hide
1SelectedOrder:!0,disabledAssetTooltipText:PT,onSelectionChange:function(n){var t=e.values,i=e.setFieldValue;n!==t.assets&&i("assets",n,!1)}})]})}),(0,s.jsx)(gT,{children:(0,s.jsx)(xs.ZP,{disabled:!(null===(n=e.values)||void 0===n||null===(t=n.assets)||void 0===t?void 0:t.length)||e.isSubmitting||!e.isValid,icon:"cta-arrow-right",onClick:function(n){n.preventDefault(),e.submitForm(e)},children:"Next"})})]})},onSubmit:function(e){u(e),r()}})})})})),CT=t(87397);function jT(){var e=(0,R.Z)(["\n margin: 0;\n"]);return jT=function(){return e},e}function kT(){var e=(0,R.Z)(["\n display: flex;\n gap: 5px;\n flex-wrap: wrap;\n"]);return kT=function(){return e},e}var TT=(0,L.ZP)(wu.ZP).withConfig({componentId:"sc-9f454744-0"})(jT()),RT=L.ZP.div.withConfig({componentId:"sc-9f454744-1"})(kT()),LT=(0,Y.Pi)((function(e){var n=e.tags,t=void 0===n?[]:n,i=e.handleTagChange,r=e.collapsed,o=(0,q.oR)(),a=t.filter((function(e){return!e.loading}));if(r)return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(Jp,{children:"TAGS"}),a.length?(0,s.jsx)(RT,{children:a.map((function(e){return(0,s.jsx)(CT.c,{tag:{tagId:e.tagId,name:e.name,organizationId:e.organizationId}},e.tagId)}))}):(0,s.jsx)(Kp,{locked:!0,children:"No tags"})]});var c=a.map((function(e){return{label:e.name,value:e.tagId}}));return(0,s.jsx)(TT,{isActiveByDefault:!0,handleTagChange:function(e){if(Array.isArray(e)){var n=e.map((function(e){var n=e.label,t=e.value;return o.streamConfig.tags.has(t)?o.getTagById(t):o.addTag({tagId:t,name:n})}));i(n)}else i([])},initialValues:c,label:"Tags",maxTagCount:o.streamConfig.maxTagsPerResource,confirmBeforeClearingTags:!1})}));function AT(){var e=(0,R.Z)(["\n display: flex;\n font-size: 13px;\n justify-content: space-between;\n margin-bottom: 1em;\n padding: 5px;\n\n div:not(:last-child) {\n margin-right: 1em;\n }\n"]);return AT=function(){return e},e}function MT(){var e=(0,R.Z)(["\n display: flex;\n flex-direction: column;\n\n "," {\n font-size: 11px;\n }\n"]);return MT=function(){return e},e}function OT(){var e=(0,R.Z)(["\n display: flex;\n\n input {\n margin-left: 1em;\n overflow: hidden;\n }\n"]);return OT=function(){return e},e}var DT=L.ZP.div.withConfig({componentId:"sc-980a3e1c-0"})(AT()),ET=L.ZP.div.withConfig({componentId:"sc-980a3e1c-1"})(MT(),cu.Z),NT=L.ZP.div.withConfig({componentId:"sc-980a3e1c-2"})(OT()),BT="Time should be in the format `HH:MM:SS`",VT=function(e){var n=e.value;return!!/^[0-9]{2}:[0-9]{2}:[0-9]{2}(\.[0-9]{1,3})?$/.test(n)},FT=function(e){var n=e.value,t=void 0===n?"":n,i=e.startOrEndtime,r=void 0===i?0:i,o=e.duration,a=void 0===o?0:o,s=e.setStartEndCb,c=void 0===s?function(e){}:s,u=e.setCurrentTimeCb,l=void 0===u?function(e){}:u,d=e.setIn,p=void 0===d||d,f=parseFloat(kl.ZP.inputTimeToSecondsFormat(t)),h=f<=a,m=p?f<r&&h:f>r&&r>=0&&h;VT({value:t})&&m&&(c(parseFloat(kl.ZP.inputTimeToSecondsFormat(t))),l(parseFloat(kl.ZP.inputTimeToSecondsFormat(t))))},zT=(0,Y.Pi)((function(e){var n=e.player,t=e.input,o=e.displaySetInControl,a=void 0===o||o,c=e.displaySetOutControl,u=void 0===c||c,l=e.displayPlaySelectionControl,d=void 0===l||l,p=e.disableSetInInput,f=void 0!==p&&p,h=e.disableSetOutInput,m=void 0!==h&&h,g=e.setInButtonText,v=void 0===g?"Set In":g;return(0,J.useEffect)((function(){var e;null===n||void 0===n||null===(e=n.setStartTime)||void 0===e||e.call(n,t.videoStartTime)}),[n,null===t||void 0===t?void 0:t.videoStartTime]),(0,J.useEffect)((function(){var e;null===n||void 0===n||null===(e=n.setEndTime)||void 0===e||e.call(n,t.videoEndTime||t.player.duration)}),[n,null===t||void 0===t?void 0:t.videoEndTime]),(0,s.jsx)(LC.ZP,{onChange:function(){},onSubmit:function(){},initialValues:{setIn:null===t||void 0===t?void 0:t.videoStartTimeInputString,setOut:null===t||void 0===t?void 0:t.videoEndTimeInputString},FormComponent:function(e){return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(DT,{children:[a&&(0,s.jsxs)(ET,{children:[(0,s.jsxs)(NT,{children:[(0,s.jsx)(xs.ZP,{disabled:void 0!==e.errors.setIn,type:"secondary",onClick:function(){n.setStartTime(n.currentTime),e.setFieldValue("setIn",kl.ZP.secondsToInputTimeFormat(n.inputTime,!0),!1),t.requestUpdate({playbackStartTime:n.startTimeInMilliseconds})},children:v}),(0,s.jsx)(su.gN,{"aria-label":"setIn",name:"setIn",validate:function(e){return function(e){var n,t=e.value,i=void 0===t?"":t,r=e.endTime,o=void 0===r?0:r,a=e.duration,s=void 0===a?0:a,c=parseFloat(kl.ZP.
1inputTimeToSecondsFormat(i));return c>o&&(n="Must be before out point"),c>s&&(n="Time must be before the end of the video"),VT({value:i})||(n=BT),n}({value:e,endTime:n.endTime,duration:t.durationInSeconds})},children:function(o){var a=o.field;return(0,s.jsx)(qs.II,(0,r.Z)((0,i.Z)((0,r.Z)((0,i.Z)({},a),{type:"text",onChange:function(i){e.submitForm(e),FT({value:i.target.value,startOrEndtime:t.videoEndTime,setStartEndCb:n.setStartTime,setCurrentTimeCb:n.setCurrentTime,setIn:!0,duration:t.durationInSeconds})}}),e),{disabled:f,error:null}))}})]}),e.errors.setIn&&(0,s.jsx)(cu.Z,{type:"error",children:e.errors.setIn})]}),u&&(0,s.jsxs)(ET,{children:[(0,s.jsxs)(NT,{children:[(0,s.jsx)(xs.ZP,{disabled:void 0!==e.errors.setOut,type:"secondary",onClick:function(){n.setEndTime(n.currentTime),e.setFieldValue("setOut",kl.ZP.secondsToInputTimeFormat(n.inputTime,!0),!1),t.requestUpdate({playbackEndTime:n.endTimeInMilliseconds})},children:"Set Out"}),(0,s.jsx)(su.gN,{name:"setOut","aria-label":"setOut",validate:function(e){return function(e){var n,t=e.value,i=void 0===t?"":t,r=e.startTime,o=void 0===r?0:r,a=e.duration,s=void 0===a?0:a,c=parseFloat(kl.ZP.inputTimeToSecondsFormat(i));return c<o&&(n="Must be after in point"),c>s&&(n="Time must be before the end of the video"),VT({value:i})||(n=BT),n}({value:e,startTime:n.startTime,duration:t.durationInSeconds})},children:function(o){var a=o.field;return(0,s.jsx)(qs.II,(0,i.Z)((0,r.Z)((0,i.Z)({},a),{type:"text",onChange:function(i){e.submitForm(e),FT({value:i.target.value,startOrEndtime:t.videoEndTime,setStartEndCb:n.setEndTime,setCurrentTimeCb:n.setCurrentTime,setIn:!1,duration:t.durationInSeconds})},disabled:m}),e))}})]}),e.errors.setOut&&(0,s.jsx)(cu.Z,{type:"error",children:e.errors.setOut})]})]}),d&&(0,s.jsx)(xs.ZP,{"aria-label":"playSelection",type:"primary",icon:"play",iconPosition:"right",onClick:function(){return n.setPlayRange(!0)},children:"Play Selection"})]})}})})),UT=t(15786);function HT(){var e=(0,R.Z)(["\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 1;\n position: absolute;\n background-color: rgba(0, 0, 0, 0.8);\n display: flex;\n flex-direction: column;\n text-align: center;\n justify-content: center;
1\n align-items: center;\n"]);return HT=function(){return e},e}function _T(){var e=(0,R.Z)(["\n color: white;\n font-weight: bold;\n font-size: ","em;\n display: flex;\n align-items: center;\n"]);return _T=function(){return e},e}function WT(){var e=(0,R.Z)(["\n color: white;\n font-size: ",";\n margin-left: 5%;\n"]);return WT=function(){return e},e}var GT=L.ZP.div.withConfig({componentId:"sc-f6985d91-0"})(HT()),YT=L.ZP.h3.withConfig({componentId:"sc-f6985d91-1"})(_T(),(function(e){return e.theme.large})),XT=L.ZP.p.withConfig({componentId:"sc-f6985d91-2"})(WT(),(function(e){return"".concat(e.theme.fontSizeBase,"px")})),qT=function(e){var n=e.overlayText;return(0,s.jsxs)(GT,{children:[(0,s.jsxs)(YT,{children:[(0,s.jsx)(UT.Z,{color:"white",size:34})," Asset Unavailable"]}),(0,s.jsx)(XT,{children:n})]})};function JT(){var e=(0,R.Z)(["\n align-items: stretch;\n background-color: ",";\n display: flex;\n font-size: 13px;\n line-height: 30px;\n justify-content: center;\n width: 100%;\n"]);return JT=function(){return e},e}function KT(){var e=(0,R.Z)(["\n align-items: center;\n background-color: ",";\n border: 0;\n display: flex;\n height: 30px;\n padding: 0 2px;\n white-space: nowrap;\n\n i {\n font-size: 26px;\n }\n"]);return KT=function(){return e},e}function QT(){var e=(0,R.Z)(["\n position: relative;\n flex-grow: 1;\n display: flex;\n align-items: center;\n padding: 0 10px;\n\n input {\n -webkit-appearance: none;\n width: 100%;\n padding: 5px 0;\n }\n"]);return QT=function(){return e},e}var $T=L.ZP.section.withConfig({componentId:"sc-860c4a97-0"})(JT(),(function(e){return e.theme.colors.primaryBackground})),eR=L.ZP.button.withConfig({componentId:"sc-860c4a97-1"})(KT(),(function(e){return e.theme.colors.primaryBackground})),nR=L.ZP.div.withConfig({componentId:"sc-860c4a97-2"})(QT()),tR=(0,Y.Pi)((function(e){var n=e.player,t=e.displayMuteControl,i=void 0===t||t;return(0,s.jsxs)($T,{children:[(0,s.jsx)(eR,{name:"step back","aria-label":"stepBack",onClick:function(e){e.preventDefault(),n.setDurationByStep(-1)},children:(0,s.jsx)(M.Z,{name:"fastrewind",title:"Step back 1s"})}),(0,s.jsx)(eR,{name:"step back frame","aria-label":"stepBackFrame",onClick:function(e){e.preventDefault(),n.setDurationByStep(-1,"frame")},children:(0,s.jsx)(M.Z,{name:"frame-left",title:"Step backward frame"})}),(0,s.jsx)(eR,{name:"play toggle","aria-label":"playToggle",onClick:function(e){e.preventDefault(),n.togglePlaying()},children:(0,s.jsx)(M.Z,{name:(null===n||void 0===n?void 0:n.playing)?"pause":"play",title:"Play video"})}),(0,s.jsx)(eR,{name:"step forward frame","aria-label":"stepForwardFrame",onClick:function(e){e.preventDefault(),n.setDurationByStep(1,"frame")},children:(0,s.jsx)(M.Z,{name:"frame-right",title:"Step forward frame"})}),(0,s.jsx)(eR,{name:"step forward","aria-label":"stepForward",onClick:function(e){e.preventDefault(),n.setDurationByStep(1)},children:(0,s.jsx)(M.Z,{name:"fastforward",title:"Step forward 1s"})}),(0,s.jsx)(nR,{children:(0,s.jsx)("input",{name:"time slider",type:"range",className:"grControls__rangeInput js-clip-progress-bar",value:null===n||void 0===n?void 0:n.inputTime,min:"0",max:null===n||void 0===n?void 0:n.duration,step:.001,onChange:function(e){var t=e.currentTarget.value;n.setCurrentTime(parseFloat(t)),n.setInputTime(parseFloat(t))}})}),(0,s.jsx)("span",{children:kl.ZP.secondsToInputTimeFormat(null===n||void 0===n?void 0:n.inputTime,!0)}),i&&(0,s.jsx)(eR,{name:"mute toggle","aria-label":"muteToggle",onClick:function(e){e.preventDefault(),n.toggleMuted()},children:(0,s.jsx)(M.Z,{name:(null===n||void 0===n?void 0:n.muted)?"volume-off":"volume-on",title:"Toggle mute / unmute"})})]})})),iR=(0,Y.Pi)((function(e){var n,t,i,r,o,a=e.input,c=e.assetDeleted,u=e.volume,l=e.displaySetInControl,d=e.displaySetOutControl,p=e.displayPlaySelectionControl,f=e.disableSetInInput,h=(0,J.useRef)(null),m=u?"volume-on":"volume-off";(0,J.useEffect)((function(){var e,n=(null===a||void 0===a?void 0:a.defaultCutPoint)||(null===a||void 0===a?void 0:a.cutPoint);null===a||void 0===a||null===(e=a.player)||void 0===e||e.setCurrentTime(n/1e3)}),[]),(0,J.useEffect)((function(){var e;(null===a||void 0===a||null===(e=a.player)||void 0===e?void 0:e.playing)?h.current.play():h.current.pause()}),[h.current,null===a||void 0===a||null===(n=a.player)||void 0===n?void 0:n.playing]),(0,J.useEffect)((function(){var e,n,t;Number.isNaN(null===a||void 0===a||null===(e=a.player)||void 0===e?void 0:e.currentTime)||(h.current.currentTime=null!==(t=null===a||void 0===a||null===(n=a.player)||void 0===n?void 0:n.currentTime)&&void 0!==t?t:0)}),[h.current,null===a||void 0===a||null===(t=a.player)||void 0===t?void 0:t.currentTime]),(0,J.useEffect)((function(){var e;(null===a||void 0===a||null===(e=a.player)||void 0===e?void 0:e.playRange)&&(h.current.currentTime=null===a||void 0===a?void 0:a.player.startTime,h.current.play())}),[null===a||void 0===a||null===(i=a.player)||void 0===i?void 0:i.playRange,null===a||void 0===a||null===(r=a.player)||void 0===r?void 0:r.startTime,h.current]);return(0,s.jsxs)(bb,{children:[(0,s.jsxs)(Ib,{children:[(0,s.jsx)(Pb,{previewAttributes:a,muted:null===a||void 0===a||null===(o=a.player)||void 0===o?void 0:o.muted,ref:h,onLoadedMetadata:function(e){var n;null===a||void 0===a||null===(n=a.player)||void 0===n||n.setDuration(e.currentTarget.duration)},onContextMenu:function(e){var n;(null===a||void 0===a||null===(n=a.player)||void 0===n?void 0:n.allowContextMenu)||e.preventDefault()},onTimeUpdate:function(e){var n,t,i;null===a||void 0===a||null===(n=a.player)||void 0===n||null===(t=n.setInputTime)||void 0===t||t.call(n,e.currentTarget.currentTime),(null===a||void 0===a||null===(i=a.player)||void 0===i?void 0:i.playRange)&&h.current.currentTime>a.videoEndTime&&h.current.pause()},onPause:function(){var e;null===a||void 0===a||null===(e=a.player)||void 0===e||e.setCurrentTime(h.current.currentTime)}}),(0,s.jsx)(wb,{role:m,name:m}),c&&(0,s.jsx)(qT,{overlayText:"Add asset via replace button"})]}),(0,s.jsx)(tR,{player:null===a||void 0===a?void 0:a.player,displayMuteControl:!1}),(0,s.jsx)(zT,{player:null===a||void 0===a?void 0:a.player,input:a,displaySetInControl:l,displaySetOutControl:d,displayPlaySelectionControl:p,disableSetInInput:f,setInButtonText:"Set Cut Point"})]})})),rR=(0,du.Ry)().shape({displayName:(0,du.Z_)().max(30,"Title must be less than 30 characters").required("Please enter a title."),videoTransitionType:(0,du.Ry)().required("Required"),direction:(0,du.Ry)().when(["videoTransitionType"],{is:function(e){return"cut"!==(null===e||void 0===e?void 0:e.value)},then:function(e){return e.required("Direction is required for your selected transition type.")},otherwise:function(e){return e.notRequired()}}),audioTransitionType:(0,du.Ry)().required("Please select an audio transition."),volume:(0,du.Rx)().required("Please set the transition volume.")}),oR=(0,Y.Pi)((function(e){var n,t,o,a,c,u=e.isEditing,l=e.onClose,d=e.title,p=void 0===d?"Graphic Transitions":d,f=e.closeRoute,h=e.backRoute,m=e.onBack,g=e.assetData,v=e.updateTransition,x=e.createTransition,y=e.transitionNumber,b=e.initialValues,I=e.replaceAssetNavigation,w=e.transitionLimit,P=e.findAsset,S=e.findAssetFromLibrary,Z=e.isAssetAvailable,C=void 0===Z?function(e){return!1}:Z,j=(0,q.oR)(),k=[];(null===b||void 0===b||null===(n=b.tags)||void 0===n?void 0:n.length)&&(k=b.tags.map((function(e){return j.getTagById(e)})));var T,R,L=(0,il.P9)(Bj.uT,(null===(t=null===b||void 0===b?void 0:b.videoTransitionType)||void 0===t?void 0:t.value)||(null===b||void 0===b?void 0:b.videoTransitionType)),A=(0,il.P9)(Bj.v2,(null===(o=null===b||void 0===b?void 0:b.audioTransitionType)||void 0===o?void 0:o.value)||(null===b||void 0===b?void 0:b.audioTransitionType)),M=(0,il.P9)(Bj.Nm,(null===(a=null===b||void 0===b?void 0:b.direction)||void 0===a?void 0:a.value)||(null===b||void 0===b?void 0:b.direction)),O=(0,J.useState)(!1),D=O[0],E=O[1],N=b&&Object.keys(b).length,B=(0,Sp.s0)(),V=(0,Sp.TH)().state,F=(0,Sp.UO)().transitionId,z=null===(c=g.initialValues)||void 0===c?void 0:c.id,U=V||z;U&&(T=u&&!V&&P(U)||S(U),R=!u&&!C(U)),(0,J.useEffect)((function(){D||!U&&B(h)}),[U]);var H=xP(m,h);return(0,s.jsx)(Rp.ZP,{headerTitle:p,onClose:xP(l,f),onBack:h?H:null,children:(0,s.jsx)(Rp.et,{children:(0,s.jsx)(LC.ZP,{validationSchema:rR,validateOnMount:!0,initialValues:{displayName:N?b.displayName:"",videoTransitionType:N?L:Bj.uT.Cut,direction:N?M:Bj.Nm.Right,audioTransitionType:N?A:Bj.v2.Crossfade,volume:N?b.volume:1,tags:N?b.tags:[]},FormComponent:function(e){var n,t,o,a;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("form",{children:[(0,s.jsx)(qs.ZP,(0,i.Z)({name:"displayName",type:"text",label:"title",placeholder:"Insert a title",required:!0},e)),(0,s.jsx)(Ts.ZP,(0,i.Z)({name:"videoTransitionType",label:"Transition style",options:Bj.w1.filter((function(e){return"cut"===e.value}))},e)),(null===(n=e.values)||void 0===n||null===(t=n.videoTransitionType)||void 0===t?void 0:t.value)!==Bj.uT.Cut.value&&(0,s.jsx)(Ts.ZP,(0,i.Z)({name:"direction",label:"".concat(null===(o=e.values.videoTransitionType)||void 0===o?void 0:o.label," Direction"),defaultValue:Bj.Nm.Right,options:Bj.yr},e)),(0,s.jsx)(xT,{children:(0,s.jsx)(yT,{onClick:function(){I((0,r.Z)((0,i.Z)({},e.values),{id:U,transitionId:F}))},children:"Replace"})}),(0,s.jsx)(iR,{input:T,assetDeleted:R,volume:e.values.volume,displaySetInControl:(null===(a=e.values.videoTransitionType)||void 0===a?void 0:a.value)===Bj.uT.Cut.value,displaySetOutControl:!1,displayPlaySelectionControl:!1,disableSetInInput:!0}),(0,s.jsx)(Ts.ZP,(0,i.Z)({name:"audioTransitionType",label:"Audio fade style",options:Bj.Nz},e)),(0,s.jsx)(vT,{children:(0,s.jsx)(cl,(0,i.Z)({name:"volume",onCh
1ange:function(n){var t=n.volume;return e.setFieldValue("volume",t)}},e))}),!u&&y>w&&(0,s.jsx)(cu.Z,{type:"message",children:"You have reached the allocated amount of transitions. Please delete one to enable further transitions."}),(0,s.jsx)(qp,{children:(0,s.jsx)(LT,{tags:k,handleTagChange:function(n){e.setFieldValue("tags",n.map((function(e){return e.tagId})))}})})]}),(0,s.jsx)(gT,{children:(0,s.jsx)(xs.ZP,{disabled:!u&&y>w||e.isSubmitting||!e.isValid,onClick:function(n){n.preventDefault(),e.submitForm(e)},icon:"cta-arrow-right",children:"Save"})})]})},onSubmit:function(e){var n=function(e,n){var t={displayName:e.displayName,baseTransition:{cutPoint:n.cutPoint,video:{type:e.videoTransitionType.value,attributes:{}},audio:{type:e.audioTransitionType.value}},media:{assetId:n.inputId,audio:{volume:e.volume}},tags:[]};return e.videoTransitionType.value!==Bj.uT.Cut.value&&(t.baseTransition.video.attributes={direction:e.direction.value}),t.tags=e.tags,t}(e,T);u?v(F,n):null===x||void 0===x||x(n),E(!0),B("../customTransitions")}})})})})),aR=t(85192);function sR(){var e=(0,R.Z)(["\n display: flex;\n flex-direction: column;\n justify-content: center;
1\n align-items: center;\n color: ",";\n height: 100%;\n\n p {\n font-size: 1em;\n text-align: center;\n }\n\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%);\n"]);return sR=function(){return e},e}function cR(){var e=(0,R.Z)(["\n & > li {\n margin-bottom: ",";\n }\n section {\n overflow: hidden;\n }\n"]);return cR=function(){return e},e}var uR=L.ZP.div.withConfig({componentId:"sc-155cbea8-0"})(sR(),(function(e){return e.theme.colors.text4})),lR=L.ZP.ul.withConfig({componentId:"sc-155cbea8-1"})(cR(),(function(e){return e.theme.largePadding})),dR=function(e){var n=e.transition,t=e.navigate,i=(0,o.Z)(J.useState(!1),2),r=i[0],a=i[1],c=(0,o.Z)(J.useState(!1),2),u=c[0],l=c[1],d=(0,o.Z)(J.useState({}),2),p=d[0],f=d[1],h=(0,Sp.s0)(),m=[{id:"edit-transition-section",items:[{id:"edit",text:"Edit",onClick:function(){t&&t({data:{initialValues:n.toJSON()}}),h("".concat(n.id,"/edit"))}}]},{id:"delete-transition-section",items:[{id:"delete",text:"Delete",onClick:function(){return l(!0)}}]}];return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(Dp.Zb,{as:"li",children:(0,s.jsxs)(ag.Z,{children:[(0,s.jsx)("section",{children:(0,s.jsx)(Ic.Dx,{style:{fontSize:"14px"},children:n.displayName})}),(0,s.jsx)(ng.xC,{ariaLabel:"Options for ".concat(n.displayName),onClick:function(e){e.preventDefault(),f(e.target.getBoundingClientRect()),a(!r)},children:(0,s.jsx)(M.Z,{name:"small-menu"})})]})},n.id),r&&(0,s.jsx)(gt.Z,{positionX:p.left-75,positionY:p.bottom+5,sectionedItems:m,onClose:function(){return a(!1)}}),u&&(0,s.jsxs)(gn.Z,{title:"Delete Graphic Transition?",confirmCallback:function(){n.deleteCustomTransition(),l(!1)},confirmLabel:"Delete",confirmIcon:"cta-arrow-right",closeLabel:"Cancel",cancelCallback:function(){return l(!1)},children:["Are you sure you want to delete"," ",(0,s.jsx)("strong",{children:n.displayName})," ","graphic transition? This action cannot be undone."]})]})},pR=function(){return(0,s.jsxs)(uR,{children:[(0,s.jsx)(aR.Z,{size:300}),(0,s.jsxs)(Ic.nv,{children:["You have no transitions. ",(0,s.jsx)("br",{})," To create, please press the plus button."]})]})},fR=function(e){var n=e.customTransitions,t=e.navigate;return(0,s.jsx)(lR,{children:n.length?(0,to.X)(n,[function(e){return e.displayName}],["asc"]).map((function(e){return(0,s.jsx)(dR,{transition:e,navigate:t},e.id)})):(0,s.jsx)(pR,{})})},hR=function(e){var n=e.numberOfTransitions,t=e.maxNumberOfTransitions,i=e.toggleAddTransition,r=n===t;return(0,s.jsx)(xs.Tv,{tooltip:"",customPosition:"",disabled:r,onClick:i,placement:"left",title:r?"You have met the maximum number of graphic transitions available. Please delete an existing transition to create a new one.":"Add graphic transition"})},mR=function(e){var n,t,i,r;return(null===(n=e.route)||void 0===n||null===(t=n.data)||void 0===t?void 0:t.isEditing)?"../customTransitions/".concat(e.route.data.initialValues.id,"/edit"):(null===(i=e.route)||void 0===i||null===(r=i.data)||void 0===r?void 0:r.initialValues)?"../customTransitions/add":"../customTransitions"},gR=function(e){var n=e.numberOfTransitions,t=void 0===n?0:n,i=e.maxNumberOfTransitions;return(0,s.jsxs)(Ic.XJ,{style:{fontSize:"14px"},children:["TRANSITIONS (",t,"/",i,")"]})},vR=(0,Y.Pi)((function(e){var n=e.title,t=void 0===n?"Graphic Transitions":n,i=e.onClose,r=e.backRoute,o=e.onBack,a=e.closeRoute,c=(0,Sp.s0)(),u=(0,q.oR)(),l=u.controlRoom,d=l.sidebars,p=l.navigate,f=u.streamConfig.customTransitions,h=f.numberOfTransitions,m=f.maxNumberOfTransitions,g=f.listOfTransitions;(0,J.useEffect)((function(){d.customTransitions.open()}),[]);var v=xP(o,r);return(0,s.jsx)(Rp.ZP,{headerTitle:t,onClose:xP(i,a),onBack:r?v:null,children:(0,s.jsx)(Rp.et,{children:(0,s.jsxs)("section",{children:[g.length?(0,s.jsx)(gR,{numberOfTransitions:h,maxNumberOfTransitions:m}):null,(0,s.jsx)(fR,{customTransitions:g,navigate:p}),(0,s.jsx)(hR,{numberOfTransitions:h,maxNumberOfTransitions:m,toggleAddTransition:function(){d.addCustomTransitionAssets.open(),c("asset/add")}})]})})})})),xR=t(60987);function yR(){var e=(0,R.Z)(["\n border-top: 1px solid\n ",";\n margin: ",";\n"]);return yR=function(){return e},e}function bR(){var e=(0,R.Z)(["\n font-size: 1.1rem;\n color: ",";\n text-transform: uppercase;\n"]);return bR=function(){return e},e}function IR(){var e=(0,R.Z)(["\n font-size: 1.2rem;\n color: ",";\n font-weight: ",";\n margin-bottom: 1.5rem;\n text-transform: uppercase;\n"]);return IR=function(){return e},e}function wR(){var e=(0,R.Z)(["\n overflow: hidden;\n width: 50%;\n\n "," {\n margin: 0;\n }\n\n "," {\n padding: 0 ","\n "," 0;\n }\n"]);return wR=function(){return e},e}var PR=L.ZP.div.withConfig({componentId:"sc-c903ce4b-0"})(yR(),(function(e){return e.theme.colors.producerSidebarSubviewDivider}),(function(e){return"".concat(e.theme.largePadding," -").concat(e.theme.largePadding)})),SR=L.ZP.label.withConfig({componentId:"sc-c903ce4b-1"})(bR(),(function(e){return e.theme.colors.defaultText})),ZR=L.ZP.p.withConfig({componentId:"sc-c903ce4b-2"})(IR(),(function(e){return e.theme.colors.defaultText}),(function(e){return e.theme.fontWeightSemiBold})),CR=L.ZP.section.withConfig({componentId:"sc-c903ce4b-3"})(wR(),SR,xR.rj,(function(e){return e.theme.smallPadding}),(function(e){return e.theme.smallPadding})),jR=t(99827),kR=(0,Y.Pi)((function(e){var n,t,i=e.outputDimensions,r=e.previewSettings,a=e.requestUpdate,c=function(e,n,t,i){var r=e[2],o=e[3],a=e[0]+r*t.left,s=e[1]+o*t.top,c=t.horizontalCrop<1?r*(1-t.horizontalCrop):0,u=t.verticalCrop<1?o*(1-t.verticalCrop):0;return tT.ZP.coordinates.dataToValue([a,s,c,u],i)}(r.coordinates,null===(n=r.display)||void 0===n||n.cornerCoordinates,null===(t=r.display)||void 0===t?void 0:t.crop,i);return(0,s.jsx)(jR.F3,{label:"TRANSFORM",name:"coords",constrained:!0,onAutoStepStop:!0,setFieldTouched:h(),value:c,isHeightDisabled:1===r.display.crop.verticalCrop,isWidthDisabled:1===r.display.crop.horizontalCrop,decimalPlaces:0,setFieldValue:function(e,n){var t,s,c=(0,o.Z)(n,4),u=c[0],l=c[1],d=c[2],p=c[3],f=r.display.crop;t=f.horizontalCrop<1?d/(1-f.horizontalCrop):0,s=f.verticalCrop<1?p/(1-f.verticalCrop):0;var h=u-t*f.left,m=l-s*f.top,g=(0,tT.Om)(tT.ZP.coordinates.valueToData([h,m,t,s],i));a({display:{cornerCoordinates:g}})}})})),TR={range:{min:0,max:100},pips:{mode:"values",values:[0,100],density:50},connect:[!0,!1],stickToValues:[0],stickToValueRange:1},RR=TR.range.min,LR=function(e){var n=e.name,t=e.onChange,i=e.value,r=void 0===i?RR:i,a=e.isMixed,c=void 0!==a&&a,u=(0,o.Z)(J.useState(RR),2),l=u[0],d=u[1],p=(0,o.Z)(J.useState(!1),2),f=p[0],h=p[1],m=(0,o.Z)(J.useState(RR),2),g=m[0],v=m[1],x=(0,o.Z)(J.useState(!1),2),y=x[0],b=x[1];J.useEffect((function(){y||v(l)}
1),[l,y]);var I=J.useCallback((function(e){d(e)}),[]);aa(r,f,I);var w=J.useCallback(ee()((function(e,n){return t(e,n)}),100),[t]),P=function(e){return w(n,e)},S=function(e){return e>TR.range.max?TR.range.max:e<=TR.range.min?0:e};return(0,s.jsx)($u.c$,{name:n,options:TR,sliderValue:l,onSliderChange:function(e,n){var t=(0,o.Z)(n,1)[0],i=parseInt(t,10);d(i),P(i)},onSlideStart:function(){return h(!0)},onSlideEnd:function(){return h(!1)},inputPlaceholder:c?"Mixed":void 0,inputValue:c?"":g,onInputChange:function(e){var n=e.target;v(parseInt(n.value))},onInputBlur:function(){var e=S(g);b(!1),v(e),P(e)},onInputFocus:function(e){e.target.select(),b(!0)},onInputKeyDown:function(e){if(e.stopPropagation(),"Enter"===e.key){var n=S(g);v(n),P(n)}else"Escape"===e.key&&(v(r),setTimeout((function(){var n;return null===(n=e.target)||void 0===n?void 0:n.blur()})))}})},AR=t(26818),MR=function(e,n){return tT.ZP.coordinates.dataToValue(e,n).map((function(e){return(0,cr.Iw)(e,0)}))},OR=function(e){var n=e.position,t=e.values,i=e.crop,r=e.outputDimensions;return function(e){var n=e.position,t=e.coords,i=e.coordsPixelValue,r=e.outputDimensions,a=e.crop,s=AR.Z.getPositionCoordinates;if(!i.length)throw new Error("Input coordinates not found");var c=(0,o.Z)(i,4),u=c[2],l=c[3],d=t.slice(-2);return s(n,u,l,r,a).concat(d)}({position:n,coords:t,coordsPixelValue:MR(t,r),outputDimensions:r,crop:i})};function DR(e,n,t){var i=n.coordinates,r=n.crop,o=i[2],a=i[3],s=i[0]+o*r.left,c=i[1]+a*r.top;return(0,tT.Om)(OR({position:e,values:[s,c,o,a],outputDimensions:t,crop:r}))}var ER=function(e){var n=e.positionGridCallback,t=e.isDisabled,i=void 0!==t&&t;return(0,s.jsxs)(CR,{children:[(0,s.jsx)(SR,{children:"Snap To"}),(0,s.jsx)(xR.Pg,{callback:n,gridSize:100,isDisabled:i})]})};function NR(){var e=(0,R.Z)(["\n background-color: ",";\n border: 1px solid ",";\n border-radius: ",";\n display: grid;\n grid-gap: 1px;\n grid-template-columns: repeat(3, 1fr);\n width: 160px;\n"]);return NR=function(){return e},e}function BR(){var e=(0,R.Z)(["\n align-items: center;\n background-color: ",";\n border: 0;\n display: flex;\n flex-direction: column;\n height: 44px;\n padding: 0;\n\n :nth-child(1) {\n border-top-left-radius: ",";\n }\n\n :nth-child(3) {\n border-top-right-radius: ",";\n }\n\n :nth-last-child(3) {\n border-bottom-left-radius: ",";\n }\n\n :last-child {\n border-bottom-right-radius: ",";\n }\n\n i,\n svg {\n height: 100%;\n width: 100%;\n }\n\n &:hover {\n background-color: ",";\n color: ",";\n }\n\n &:focus {\n background-color: ",";\n color: ",";\n }\n"]);return BR=function(){return e},e}function VR(){var e=(0,R.Z)(["\n font-size: ",";\n height: 50%;\n padding-bottom: ",";\n width: 100%;\n"]);return VR=function(){return e},e}var FR,zR=L.ZP.section.withConfig({componentId:"sc-fcf102c3-0"})(NR(),(function(e){return e.theme.colors.primaryBorder}),(function(e){return e.theme.colors.primaryBorder}),(function(e){return e.theme.borderRadius})),UR=L.ZP.button.withConfig({componentId:"sc-fcf102c3-1"})(BR(),(function(e){return e.theme.colors.primaryBackground}),(function(e){return e.theme.borderRadius}),(function(e){return e.theme.borderRadius}),(function(e){return e.theme.borderRadius}),(function(e){return e.theme.borderRadius}),(function(e){return e.theme.colors.hoverIconButtonBackground}),(function(e){return e.theme.colors.primaryButtonText}),(function(e){return e.theme.colors.activeIconButtonBackground}),(function(e){return e.theme.colors.primaryButtonText})),HR=L.ZP.section.withConfig({componentId:"sc-fcf102c3-2"})(VR(),(function(e){return"".concat(e.theme.fontSizeBase,"px")}),(function(e){return e.theme.smallPadding})),_R=t(16644),WR=t(65697),GR=t(98680),YR=t(73698),XR=t(1068),qR=t(15317);!function(e){e.SIXTEEN_BY_NINE="SIXTEEN_BY_NINE",e.NINE_BY_SIXTEEN="NINE_BY_SIXTEEN",e.FOUR_BY_FIVE="FOUR_BY_FIVE",e.FOUR_BY_THREE="FOUR_BY_THREE",e.ONE_BY_ONE="ONE_BY_ONE",e.TWENTY_ONE_BY_NINE="TWENTY_ONE_BY_NINE"}
1(FR||(FR={}));var JR=Object.freeze({SIXTEEN_BY_NINE:{name:FR.SIXTEEN_BY_NINE,IconComponent:qR.Z,text:"16:9",widthRatio:16,heightRatio:9},NINE_BY_SIXTEEN:{name:FR.NINE_BY_SIXTEEN,IconComponent:YR.Z,text:"9:16",widthRatio:9,heightRatio:16},FOUR_BY_FIVE:{name:FR.FOUR_BY_FIVE,IconComponent:GR.Z,text:"4:5",widthRatio:4,heightRatio:5},FOUR_BY_THREE:{name:FR.FOUR_BY_THREE,IconComponent:WR.Z,text:"4:3",widthRatio:4,heightRatio:3},ONE_BY_ONE:{name:FR.ONE_BY_ONE,IconComponent:XR.Z,text:"1:1",widthRatio:1,heightRatio:1},TWENTY_ONE_BY_NINE:{name:FR.TWENTY_ONE_BY_NINE,IconComponent:_R.Z,text:"21:9",widthRatio:21,heightRatio:9}}),KR=Object.values(JR),QR=(KR.map((function(e){return e.text})),function(e){var n=e.aspectRatioCroppingGridCallback;return(0,s.jsx)(zR,{children:KR.map((function(e){var t=e.name,i=e.IconComponent,r=e.text;return(0,s.jsxs)(UR,{name:t,onClick:function(e){var i;i=t,null===n||void 0===n||n(i),e.currentTarget.blur()},children:[(0,s.jsx)(i,{}),(0,s.jsx)(HR,{children:r})]},t)}))})});function $R(){var e=(0,R.Z)(["\n color: ",";\n font-size: 12px;\n font-weight: ",";\n margin-bottom: 1.5em;\n text-transform: uppercase;\n"]);return $R=function(){return e},e}function eL(){var e=(0,R.Z)(["\n color: ",";\n font-size: 12px;\n font-weight: ",";\n text-decoration: underline;\n cursor: pointer;\n"]);return eL=function(){return e},e}function nL(){var e=(0,R.Z)(["\n display: flex;\n justify-content: space-between;\n"]);return nL=function(){return e},e}function tL(){var e=(0,R.Z)(["\n display: flex;\n font-size: 13px;\n justify-content: space-between;\n\n "," {\n width: auto;\n }\n"]);return tL=function(){return e},e}function iL(){var e=(0,R.Z)(["\n width: auto;\n"]);return iL=function(){return e},e}var rL=L.ZP.legend.withConfig({componentId:"sc-b7bdbd0a-0"})($R(),(function(e){return e.theme.colors.text1}),(function(e){return e.theme.fontWeightSemiBold})),oL=L.ZP.span.withConfig({componentId:"sc-b7bdbd0a-1"})(eL(),(function(e){return e.theme.colors.primary}),(function(e){return e.theme.fontWeightSemiBold})),aL=L.ZP.div.withConfig({componentId:"sc-b7bdbd0a-2"})(nL()),sL=L.ZP.section.withConfig({componentId:"sc-b7bdbd0a-3"})(tL(),CR),cL=(0,L.ZP)(CR).withConfig({componentId:"sc-b7bdbd0a-4"})(iL()),uL=function(e){var n=e.position,t=e.requestUpdate,r=function(e){var n=e.position,t=e.display,r=t.crop,o=r.left,a=r.right,s=r.bottom,c=r.top,u=0,l=0,d=0,p=0;switch(n){case SZ.ZP.POSITION.TOP_LEFT:l=o+a,d=s+c;break;case SZ.ZP.POSITION.TOP:u=l=(o+a)/2,d=s+c;break;case SZ.ZP.POSITION.TOP_RIGHT:u=o+a,d=s+c;break;case SZ.ZP.POSITION.LEFT:l=o+a,p=d=(s+c)/2;break;case SZ.ZP.POSITION.MIDDLE:u=l=(o+a)/2,p=d=(s+c)/2;break;case SZ.ZP.POSITION.RIGHT:u=o+a,p=d=(s+c)/2;break;case SZ.ZP.POSITION.BOTTOM_LEFT:l=o+a,p=s+c;break;case SZ.ZP.POSITION.BOTTOM:u=l=(o+a)/2,p=s+c;break;case SZ.ZP.POSITION.BOTTOM_RIGHT:u=o+a,p=s+c;break;default:throw"".concat(n," is not a supported position, supported positions are [").concat(Object.values(SZ.ZP.POSITION).join(", "),"]")}var f=t.cornerCoordinates,h=f.topLeft,m=f.bottomRight,g=(m.x-h.x)*(o-u),v=(m.y-h.y)*(c-p),x=(0,i.Z)({},h),y=(0,i.Z)({},m);return x.x+=g,y.x+=g,x.y+=v,y.y+=v,{crop:{left:u,right:l,top:p,bottom:d},cornerCoordinates:{topLeft:x,bottomRight:y}}}({position:n,display:e.display});t({display:r})},lL={left:"right",right:"left",top:"bottom",bottom:"top"},dL=function(e){var n=e.aspectRatioCroppingGridCallback;return(0,s.jsxs)(cL,{children:[(0,s.jsx)(SR,{children:"Crop to Aspect Ratio"}),(0,s.jsx)(QR,{aspectRatioCroppingGridCallback:n})]})},pL=(0,Y.Pi)((function(e){var n=e.outputDimensions,t=e.previewSettings,r=e.requestUpdate,o=t.display.crop,a=function(e,n){var t=n+100*o[lL[e]];if(t>=100){var a=t-99;o.set({side:lL[e],value:100*o[lL[e]]-a})}o.set({side:e,value:n}),r({display:{crop:(0,i.Z)({},o)}})};return(0,s.jsxs)("fieldset",{children:[(0,s.jsxs)(aL,{children:[(0,s.jsx)(rL,{children:"Cropping:"}),(0,s.jsx)(oL,{onClick:function(){o.reset(),r({display:{crop:(0,i.Z)({},o)}})},children:"RESET"})]}),(0,s.jsx)(LR,{name:"left",value:o.percent.left,onChange:a}),(0,s.jsx)(LR,{name:"right",value:o.percent.right,onChange:a}),(0,s.jsx)(LR,{name:"top",value:o.percent.top,onChange:a}),(0,s.jsx)(LR,{name:"bottom",value:o.percent.bottom,onChange:a}),(0,s.jsxs)(sL,{children:[(0,s.jsx)(ER,{isDisabled:o.isZero,positionGridCallback:function(e){uL({position:e,requestUpdate:r,display:t.display})}}),(0,s.jsx)(dL,{aspectRatioCroppingGridCallback:function(e){!function(e){var o=t.display.cornerCoordinates,a=o.topLeft,s=o.bottomRight,c=s.x-a.x,u=s.y-a.y,l=function(e){var n=e.originalWidth/e.originalHeight,t=e.toWidth/e.toHeight,i=0,r=0,o=0,a=0;return n>t?i=r=(1-t/n)/2:o=a=(1-n/t)/2,{left:i,right:r,bottom:a,top:o}}({originalWidth:c*n.width,originalHeight:u*n.height,toWidth:JR[e].widthRatio,toHeight:JR[e].heightRatio}),d=t.display.crop,p=(d.left-(d.left+d.right)/2)*c,f=(d.top-(d.top+d.bottom)/2)*u,h=(0,i.Z)({},a),m=(0,i.Z)({},s);h.x+=p,m.x+=p,h.y+=f,m.y+=f,r({display:{crop:l,cornerCoordinates:{topLeft:h,bottomRight:m}}})}(e)}})]})]})})),fL=t(85947),hL=t(68476);function mL(){var e=(0,R.Z)(["\n display: flex;\n flex-direction: column;\n\n "," {\n margin: 0;\n }\n"]);return mL=function(){return e},e}function gL(){var e=(0,R.Z)(["\n display: flex;\n\n "," {\n background-color: ",";\n border: 1px solid ",";\n height: 40px;\n width: 40px;\n }\n\n ",":first-of-type {\n border-right: 0;\n }\n"]);return gL=function(){return e},e}var vL=L.ZP.section.withConfig({componentId:"sc-214cdaf5-0"})(mL(),SR),xL=L.ZP.section.withConfig({componentId:"sc-214cdaf5-1"}
1)(gL(),A.Q,(function(e){return e.theme.colors.primaryBackground}),(function(e){return e.theme.colors.primaryBorder}),A.Q),yL={backgroundColor:"#F03F55",color:"#fff"},bL=function(e){var n=e.isActive,t=e.IconComponent,r=e.onChange,o=(0,G.Z)(e,["isActive","IconComponent","onChange"]);return(0,s.jsx)(A.Z,(0,i.Z)({style:n?yL:void 0,IconComponent:t,onClick:function(){return r(!n)},icon:void 0},o))},IL=function(e){var n=e.horizontalFlip,t=e.verticalFlip,i=e.onHorizontalFlipChange,r=e.onVerticalFlipChange;return(0,s.jsxs)(vL,{children:[(0,s.jsx)(SR,{children:"FLIP VIDEO"}),(0,s.jsxs)(xL,{children:[(0,s.jsx)(O.Z,{innerHtml:"Flip Horizontally",position:"bottom",coverParent:!0,children:(0,s.jsx)(bL,{"aria-label":"Flip Horizontally",IconComponent:hL.Z,isActive:n,onChange:i})}),(0,s.jsx)(O.Z,{innerHtml:"Flip Vertically",position:"bottom",coverParent:!0,children:(0,s.jsx)(bL,{"aria-label":"Flip Vertically",IconComponent:fL.Z,isActive:t,onChange:r})})]})]})};function wL(){var e=(0,R.Z)(["\n border: none;\n border-radius: 3px;\n background: #333e54;\n color: white;\n padding: 6px 20px;\n"]);return wL=function(){return e},e}function PL(){var e=(0,R.Z)(["\n opacity: 0.6;\n pointer-events: none;\n user-select: none;\n\n "," {\n pointer-events: none;\n }\n "]);return PL=function(){return e},e}function SL(){var e=(0,R.Z)(["\n position: relative;\n\n ","[for^='coords'] {\n font-size: ",";\n font-weight: ",";\n margin-top: 0;\n margin-bottom: ",";\n }\n\n ",":last-of-type {\n margin-top: ",";\n }\n\n ","\n"]);return SL=function(){return e},e}function ZL(){var e=(0,R.Z)(["\n border: 1px solid #784f09;\n border-radius: 3px;\n background: #fef5e5;\n color: #784f09;\n font-size: 12px;\n padding: 10px;\n"]);return ZL=function(){return e},e}var CL=L.ZP.button.withConfig({componentId:"sc-2f859733-0"})(wL()),jL=L.ZP.section.withConfig({componentId:"sc-2f859733-1"})(SL(),il.ar,(function(e){return"".concat(e.theme.fontSizeBase,"px")}),(function(e){return e.theme.fontWeightSemiBold}),(function(e){return e.theme.largePadding}),PR,(function(e){return e.theme.smallPadding}),(function(e){return e.disabled&&(0,L.iv)(PL(),dT.rU)})),kL=L.ZP.div.withConfig({componentId:"sc-2f859733-2"})(ZL()),TL=function(e){var n=e.value,t=e.onChange,i=e.isMixed,r=void 0!==i&&i;return(0,s.jsx)(LR,{name:"opacity",value:r?void 0:Math.round(100*n),isMixed:r,onChange:function(e,n){t(n/100)}})},RL=(0,Y.Pi)((function(e){var n=e.disabled,t=e.outputDimensions,i=e.previewSettings,r=e.requestUpdate;return(0,s.jsxs)(jL,{disabled:n,children:[(0,s.jsx)(kR,{previewSettings:i,requestUpdate:r,outputDimensions:t}),(0,s.jsx)(TL,{value:i.display.opacity,onChange:function(e){return r({display:{opacity:e}})}}),(0,s.jsxs)("div",{style:{display:"flex"},children:[(0,s.jsx)(ER,{positionGridCallback:function(e){var n=DR(e,i,t);r({display:{cornerCoordinates:n}})}}),(0,s.jsx)(IL,{horizontalFlip:i.display.flip.horizontal,verticalFlip:i.display.flip.vertical,onHorizontalFlipChange:function(e){return r({display:{flip:{horizontal:e}}})},onVerticalFlipChange:function(e){return r({display:{flip:{vertical:e}}
1})}})]}),(0,s.jsx)(PR,{}),(0,s.jsx)(pL,{previewSettings:i,requestUpdate:r,outputDimensions:t})]})})),LL=function(e){var n=e.onChange,t=e.checked;return(0,s.jsx)(mn.wA,{checkboxLabel:"OVERRIDE DISPLAY SETTINGS",infoTooltip:"Overrides the display settings of all sources in this layer",uiType:"switch",value:t,onChange:n})};var AL=function(e){var n=e.title,t=e.onSave,i=e.disableSave,r=e.onToggle,o=e.items,a=void 0===o?[]:o,c=e.errors,u=e.touched,l=e.children,d=(0,J.useState)(!0),p=d[0],f=d[1],h=function(){var e=!p;f(e),r&&r(e)};return(0,s.jsxs)(Dp.Zb,{children:[(0,s.jsxs)(Wp,{children:[(0,s.jsx)(Gp,{children:n}),(0,s.jsx)(Yp,{onClick:h,disabled:!p,children:"Edit"})]}),a.length>0&&(0,s.jsxs)(Xp,{children:[a.map((function(e){var n=e.disabled;return(0,s.jsx)(qp,{children:p||n?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(Jp,{htmlFor:e.title,children:[e.title,":"]}),(0,s.jsx)(Kp,{locked:!p&&n,children:e.value})]}):(0,s.jsx)(qs.ZP,{name:e.title,type:"text",errors:c,touched:u,placeholder:e.placeholder,value:e.value,onChange:function(n){return e.onChange(n.target.value)}})},e.title)})),l&&("function"===typeof l?l({collapsed:p}):l)]}),!p&&(0,s.jsx)(Qp,{leftElement:function(){return(0,s.jsx)(xs.ZP,{type:"outline",icon:"close",size:"small",onClick:h,children:"Cancel"})},rightElement:function(){return(0,s.jsx)(xs.ZP,{type:"primary",icon:"cta-arrow-right",size:"small",disabled:i,onClick:function(){t(),h()},children:"Save"})}})]})};function ML(){var e=(0,R.Z)(["\n color: ",";\n font-size: 1.1rem;\n margin-top: 20px;\n text-transform: uppercase;\n"]);return ML=function(){return e},e}var OL=L.ZP.label.withConfig({componentId:"sc-9ac2855c-0"})(ML(),(function(e){return e.theme.colors.defaultText})),DL=t(76965),EL=t(1798),NL=t(17183);function BL(){var e=(0,R.Z)(["\n border-left: 1px solid ",";\n display: flex;\n height: 20px;\n padding-left: 8px;\n position: relative;\n"]);return BL=function(){return e},e}function VL(){var e=(0,R.Z)(["\n position: absolute;\n top: calc(100% + 15px);\n right: -10px;\n border-radius: 9px;\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);\n z-index: 1;\n"]);return VL=function(){return e},e}function FL(){var e=(0,R.Z)(["\n box-shadow: 0 0 0 1px ",";\n "]);return FL=function(){return e},e}function zL(){var e=(0,R.Z)(["\n min-width: 20px;\n width: 20px;\n height: 20px;\n border-radius: 10px;\n border: 2px solid white;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n ","\n"]);return zL=function(){return e},e}function UL(){var e=(0,R.Z)(["\n background-color: #fff;\n border-radius: 5px;\n display: inline-flex;\n gap: 8px;\n padding: 10px;\n margin-bottom: 20px;\n"]);return UL=function(){return e},e}function HL(){var e=(0,R.Z)(["\n border: none;\n background: transparent;\n color: ",";\n margin-top: -3px;\n padding: 0;\n"]);return HL=function(){return e},e}var _L=L.ZP.div.withConfig({componentId:"sc-2b584214-0"})(BL(),(function(e){return e.theme.colors.primaryBorder})),WL=L.ZP.div.withConfig({componentId:"sc-2b584214-1"})(VL()),GL=L.ZP.div.withConfig({componentId:"sc-2b584214-2"})(zL(),(function(e){return e.selected&&(0,L.iv)(FL(),(function(e){return e.theme.colors.secondary}))})),YL=L.ZP.div.withConfig({componentId:"sc-2b584214-3"})(UL()),XL=(0,L.ZP)(ts.D).withConfig({componentId:"sc-2b584214-4"})(HL(),(function(e){return e.theme.colors.defaultText})),qL=function(){return(0,s.jsx)("svg",{width:"13",height:"13",viewBox:"0 0 13 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{d:"M6.44781 11.3711C7.13207 11.3711 7.77573 11.2435 8.37881 10.9884C8.98189 10.7333 9.50378 10.3853 9.94449 9.94461C10.3968 9.49231 10.7505 8.96461 11.0057 8.36154C11.2608 7.75846 11.3884 7.12059 11.3884 6.44793C11.3884 6.1 11.3536 5.76947 11.284 5.45633C11.2144 5.1316 11.1217 4.81846 11.0057 4.51692L11.6667 3.83846C11.8639 4.23278 12.0147 4.65029 12.119 5.091C12.235 5.53171 12.293 5.98402 12.293 6.44793C12.293 7.24816 12.1364 8.00201 11.8233 8.70947C11.5218 9.41692 11.1043 10.0374 10.5708 10.5709C10.0489 11.0928 9.4342 11.5045 8.72674 11.806C8.01928 12.1192 7.25964 12.2757 6.44781 12.2757C5.9839 12.2757 5.53159 12.2235 5.09088 12.1192C4.66177 12.0148 4.25005 11.864 3.85573 11.6669L4.5342 10.9884C4.83573 11.1044 5.14307 11.1972 5.45621 11.2667C5.78094 11.3363 6.11147 11.3711 6.44781 11.3711ZM12.206 1.03763C12.1017 0.921656 11.9683 0.863667 11.8059 0.863667C11.6435 0.863667 11.5044 0.921656 11.3884 1.03763L10.3272 2.09882C9.81692 1.63491 9.23124 1.27538 8.57017 1.02024C7.90911 0.75349 7.20165 0.620117 6.44781 0.620117C5.64757 0.620117 4.89372 0.770886 4.18627 1.07242C3.47881 1.38556 2.85834 1.80887 2.32485 2.34237C1.80295 2.86426 1.38544 3.47893 1.0723 4.18639C0.770764 4.89384 0.619995 5.64769 0.619995 6.44793C0.619995 7.19018 0.753368 7.89183 1.02011 8.5529C1.28686 9.21396 1.64639 9.80544 2.09869 10.3273L1.03751 11.4059C0.921534 11.5103 0.863545 11.6437 0.863545 11.806C0.863545 11.9684 0.921534 12.1076 1.03751 12.2235C1.14189 12.3279 1.27526 12.3801 1.43763 12.3801C1.6 12.3801 1.73917 12.3279 1.85514 12.2235L12.206 1.83787C12.322 1.73349 12.38 1.60012 12.38 1.43775C12.38 1.27538 12.322 1.14201 12.206 1.03763ZM2.74236 9.68367C2.35964 9.25455 2.0581 8.76165 1.83775 8.20497C1.62899 7.64828 1.52461 7.0626 1.52461 6.44793C1.52461 5.76367 1.65218 5.1258 1.90733 4.53432C2.16248 3.93124 2.51041 3.40935 2.95112 2.96864C3.40343 2.51633 3.93112 2.1626 4.5342 1.90745C5.13727 1.65231 5.77514 1.52473 6.44781 1.52473C7.07408 1.52473 7.65976 1.63491 8.20485 1.85527C8.76153 2.06402 9.26023 2.35396 9.70094 2.72509L2.74236 9.68367Z",fill:"black"})})},JL=function(e){return"rgb(".concat(e.r," ").concat(e.g," ").concat(e.b,")")},KL=function(e){var n=e.color,t=e.onChange,i=e.selected,r=(0,o.Z)((0,on.Z)(!1),2),a=r[0],c=r[1],u=(0,EL.O)(c);return(0,s.jsxs)(_L,{children:[(0,s.jsx)(XL,{onClick:c,children:(0,s.jsx)(DL.Z,{size:"26px"})}),(a||i)&&(0,s.jsx)(GL,{style:{backgroundColor:JL(n)},onClick:c,selected:!0}),a&&(0,s.jsx)(WL,{ref:u,children:(0,s.jsx)(NL.Ts,{color:n,onChange:t})})]})},QL=[{r:190,g:27,b:144},{r:240,g:63,b:85},{r:241,g:99,b:34},{r:255,g:196,b:97},{r:255,g:249,b:97},{r:90,g:169,b:47},{r:101,g:186,b:125}
1,{r:0,g:227,b:173},{r:29,g:161,b:242},{r:1,g:64,b:158}],$L={r:51,g:62,b:84},eA=(0,Y.Pi)((function(e){var n,t=e.layer;return(0,s.jsxs)(YL,{children:[(0,s.jsx)(GL,{onClick:t.resetColour,selected:!t.colour,children:(0,s.jsx)(qL,{})}),QL.map((function(e){var n;return(0,s.jsx)(GL,{onClick:function(){return t.updateColour(e)},selected:Op()(e,null===(n=t.colour)||void 0===n?void 0:n.rgb),style:{backgroundColor:JL(e)}},JSON.stringify(e))})),(0,s.jsx)(KL,{color:(null===(n=t.colour)||void 0===n?void 0:n.rgb)||$L,onChange:t.updateColour,selected:t.colour&&QL.every((function(e){var n;return!Op()(e,null===(n=t.colour)||void 0===n?void 0:n.rgb)}))})]})})),nA=[{label:"Grid",value:!0},{label:"Horizontal",value:!1}],tA=(0,Y.Pi)((function(e){var n=e.layerId,t=(0,(0,q.oR)().controlRoom.getLayerById)(n),i=(0,J.useState)((null===t||void 0===t?void 0:t.tags)||[]),r=i[0],o=i[1];(0,J.useEffect)((function(){return(0,yc.EH)((function(){o(null===t||void 0===t?void 0:t.tags)}))}),[t]);var a=(0,J.useState)(!1),c=a[0],u=a[1],l=(0,J.useState)(""),d=l[0],p=l[1];return(0,J.useEffect)((function(){c||(p(null===t||void 0===t?void 0:t.layerNameToDisplay),o((null===t||void 0===t?void 0:t.tags)||[]))}),[c,null===t||void 0===t?void 0:t.layerNameToDisplay,null===t||void 0===t?void 0:t.tags.map((function(e){return e.tagId})).join(",")]),t?(0,s.jsxs)("section",{children:[(0,s.jsx)(AL,{title:"Details",items:[{title:"Title",value:d,onChange:p}],onSave:function(){t.update({displayName:d,tags:r.map((function(e){return e.tagId}))})},onToggle:function(e){u(!e)},children:function(e){var n=e.collapsed;return(0,s.jsx)(qp,{children:(0,s.jsx)(LT,{tags:r,handleTagChange:o,collapsed:n})})}}),(0,s.jsx)(OL,{children:"Color"}),(0,s.jsx)(eA,{layer:t}),(0,s.jsx)(Ts.Ph,{label:"Layout",options:nA,value:nA.find((function(e){return e.value===t.gridView})),onChange:function(e){var n=e.value;return t.updateGridView(n)},isSearchable:!1,menuPlacement:"auto"})]}):null})),iA=(0,Y.Pi)((function(e){var n=e.layerId,t=(0,q.oR)(),i=t.controlRoom,r=t.streamConfig,o=i.getLayerById(n);return o?(0,s.jsxs)("section",{children:[(0,s.jsx)(LL,{checked:o.preview.overrideDisplaySettings,onChange:o.toggleOverrideDisplaySettings}),(0,s.jsx)(PR,{}),(0,s.jsx)(RL,{disabled:!o.preview.overrideDisplaySettings,outputDimensions:r.outputDimensions,previewSettings:o.preview.settings,requestUpdate:o.updatePreviewSettings})]}):null})),rA=(0,Y.Pi)((function(e){var n=e.closeRoute,t=(0,Sp.UO)(),i=t.layerId,r=t.tab,o=Zp();return(0,s.jsxs)(Rp.ZP,{onClose:function(){return o(n)},headerTitle:"Layer settings",selected:r,onTabSelected:function(e){var n=e.selected;return o("/layer/".concat(i,"/settings/").concat(n))},children:[(0,s.jsx)(Rp.et,{id:"",icon:"settings",name:"Settings",children:(0,s.jsx)(tA,{layerId:i})}),(0,s.jsx)(Rp.et,{id:"display",icon:"thumbnail",name:"Display Settings",children:(0,s.jsx)(iA,{layerId:i})}),(0,s.jsx)(Rp.et,{})]})})),oA=t(86756),aA=t(36726),sA=function(e){var n=e.text,t=e.icon,i=e.title,r=e.confirmIcon,o=e.confirmLabel,a=e.confirmCallback,c=e.type,u=void 0===c?"primary":c,l=e.closeIcon,d=void 0===l?null:l,p=e.closeLabel,f=void 0===p?"Cancel":p,h=(0,J.useState)(!1),m=h[0],g=h[1];return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(xs.ZP,{type:u,icon:t,onClick:function(){return g(!0)},children:i}),m&&(0,s.jsx)(gn.Z,{title:i,confirmCallback:function(){a(),g(!1)},confirmLabel:o,confirmIcon:r,closeLabel:f,closeIcon:d,cancelCallback:function(){return g(!1)},children:n})]})},cA=function(e){var n=e.closeModal;return(0,s.jsx)(gn.Z,{title:"Oops",confirmLabel:"Ok",closeModal:n,children:"Active inputs cannot be deleted."})},uA=t(82518),lA=t(45613),dA=t(85054),pA=t(40949),fA=t(83519),hA=t(80393);function mA(){var e=(0,R.Z)(["\n font-size: 10px;\n color: ",";\n white-space: pre;\n"]);return mA=function(){return e},e}function gA(){var e=(0,R.Z)(["\n display: flex;\n flex-direction: column;\n margin: 10px 0;\n z-index: ",";\n"]);return gA=function(){return e},e}function vA(){var e=(0,R.Z)(["\n ",";\n border-radius: 4px;\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);\n display: flex;\n gap: 0.75rem;\n height: 56px;\n min-width: 255px;\n justify-items: center;
1\n align-items: center;\n background: ",";\n color: ",";\n font-size: ","px;\n padding-left: 5px;\n position: relative;\n"]);return vA=function(){return e},e}function xA(){var e=(0,R.Z)(["\n flex: 1 0.5;\n min-width: 5rem;\n\n > div:last-child {\n margin-top: 2px;\n }\n"]);return xA=function(){return e},e}function yA(){var e=(0,R.Z)(["\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-weight: ",";\n"]);return yA=function(){return e},e}function bA(){var e=(0,R.Z)(["\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"]);return bA=function(){return e},e}function IA(){var e=(0,R.Z)(["\n background-image: radial-gradient(\n "," 30%,\n transparent 30%\n );\n background-position: 2px 1px;\n background-size: 8px 7px;\n cursor: row-resize;\n flex-shrink: 0;\n height: 30px;\n width: 20px;\n"]);return IA=function(){return e},e}function wA(){var e=(0,R.Z)(["\n font-size: 14px;\n"]);return wA=function(){return e},e}function PA(){var e=(0,R.Z)(["\n background-color: transparent;\n border: none;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 30px;\n width: 30px;\n padding: 0;\n flex-shrink: 0;\n\n &:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n }\n\n &:hover:not([disabled]) {\n cursor: pointer;\n color: ",";\n }\n"]);return PA=function(){return e},e}function SA(){var e=(0,R.Z)(["\n background-color: ",";\n flex-shrink: 0;\n margin-left: -0.75rem;\n margin-right: -0.75rem;\n width: 1px;\n height: 20px;\n"]);return SA=function(){return e},e}function ZA(){var e=(0,R.Z)(["\n font-size: 10px;\n color: ",';\n white-space: pre;\n\n &:before {\n content: "\u25cf";\n margin-right: 2px;\n }\n']);return ZA=function(){return e},e}function CA(){var e=(0,R.Z)(["\n aspect-ratio: 16 / 9;\n display: flex;\n flex-direction: column;\n height: 30px;\n\n & > img {\n object-fit: contain;\n max-height: 100%;\n }\n"]);return CA=function(){return e},e}function jA(){var e=(0,R.Z)(["\n display: flex;\n align-items: center;\n font-size: 10px;\n min-width: 42px;\n"]);return jA=function(){return e},e}var kA=L.ZP.span.withConfig({componentId:"sc-842466a-0"})(mA(),(function(e){return e.theme.colors.status.error})),TA=L.ZP.li.withConfig({componentId:"sc-842466a-1"})(gA(),(function(e){return e.theme.zIndex.sidebar})),RA=L.ZP.div.withConfig({componentId:"sc-842466a-2"})(vA(),(function(e){var n=e.isSelected,t=e.theme;return n&&"border: 1px solid ".concat(t.colors.primary,";")}),(function(e){var n=e.isExpired,t=e.theme;return n?t.colors.backgroundGreySecondary:t.colors.background}),(function(e){return e.theme.colors.text1}),(function(e){return e.theme.fontSizeBase})),LA=L.ZP.div.withConfig({componentId:"sc-842466a-3"})(xA()),AA=L.ZP.p.withConfig({componentId:"sc-842466a-4"})(yA(),(function(e){return e.theme.fontWeightBold})),MA=L.ZP.p.withConfig({componentId:"sc-842466a-5"})(bA()),OA=L.ZP.div.withConfig({componentId:"sc-842466a-6"})(IA(),(function(e){return e.theme.colors.defaultText})),DA=L.ZP.p.withConfig({componentId:"sc-842466a-7"})(wA()),EA=(0,L.ZP)(ts.D).withConfig({componentId:"sc-842466a-8"})(PA(),(function(e){return e.theme.colors.primary})),NA=L.ZP.div.withConfig({componentId:"sc-842466a-9"})(SA(),Gb),BA=L.ZP.span.withConfig({componentId:"sc-842466a-10"})(ZA(),(function(e){return e.theme.colors.primary})),VA=L.ZP.figure.withConfig({componentId:"sc-842466a-11"})(CA()),FA=L.ZP.div.withConfig({componentId:"sc-842466a-12"})(jA()),zA=function(e){return!!(0,hA.Z)(e,{scrollMode:"if-needed",block:"nearest"}).length},UA=(0,wn.W6)((function(e){return(0,s.jsx)(OA,(0,i.Z)({},e))})),HA=function(e){var n=e.isPlaying,t=e.onPlay,i=e.onPause;return(0,s.jsx)(EA,{"aria-label":n?"Pause":"Play",onClick:n?i:t,children:n?(0,s.jsx)(rb.Z,{size:"20"}):(0,s.jsx)(ob.Z,{size:"20"})})},_A=J.memo((0,Y.Pi)((function(e){var n=e.playlist,t=e.input,i=e.order,r=e.onChangeInput,a=e.selectedInputs,c=void 0===a?[]:a,u=(0,o.Z)(J.useState(!1),2),l=u[0],d=u[1],p=(0,o.Z)(J.useState(!1),2),f=p[0],h=p[1],m=(0,o.Z)(J.useState(!1),2),g=m[0],v=m[1],x=(0,o.Z)(J.useState(null),2),y=x[0],b=x[1],I=t.displayName,w=t.thumbnailUrl,P=t.adjustedDuration,S=t.resourceURI,Z=t.duration,C=(t.expired,J.useRef(!1)),j=n.selectedPlaylistInputId===t.id,k=c.includes(t.id),T=l,R=J.useRef(null),L=J.useRef(null),A=(0,q.oR)().controlRoom,O=A.playlist,D=O.selectInput,E=O.clearSelectedInputs,N=A.sidebars.playlistInputSettings;J.useEffect((function(){var e=C.current,n=j?setTimeout((function(){return function(e){var n=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).ifNeeded,t=void 0!==n&&n;
1if(e){(!t||zA(e))&&e.scrollIntoView({behavior:"smooth"})}}(R.current,{ifNeeded:e})}),e?50:250):null;return C.current=!0,function(){n&&clearTimeout(n)}}),[j]);var B=null===S||void 0===S?void 0:S.startsWith("grn:udvrMarker"),V=B&&0===Z,F=function(){E(),D(t.id),N.open()},z=function(e){var n=e.openSettings,t=e.deleteSource;return[{id:"settings",text:"Open Settings",onClick:function(e){e.preventDefault(),n()}},{id:"delete",text:"Delete Source",onClick:function(e){e.preventDefault(),t()}}]}({openSettings:F,deleteSource:function(){v(!0)}});return(0,s.jsxs)(TA,{ref:R,children:[(0,s.jsxs)(RA,{isSelected:k,isExpired:T,children:[(0,s.jsx)(UA,{style:{width:"20px"}}),(0,s.jsx)(mn.wA,{style:{marginLeft:"-5px"},value:k,onChange:function(e){return r({id:t.id,isSelected:e.target.checked})}}),(0,s.jsx)(DA,{children:i}),(0,s.jsx)(VA,{children:l?(0,s.jsx)(M.Z,{style:{marginTop:-10},size:"50px",name:"processing-failed"}):(0,s.jsx)("img",{alt:"thumbnail",src:w,onError:function(){return d(!0)}})}),(0,s.jsxs)(LA,{children:[(0,s.jsx)(AA,{children:I}),(0,s.jsxs)(MA,{children:[j&&!T&&(0,s.jsx)(BA,{children:n.paused?"Paused":"Playing"}),B&&T&&(0,s.jsx)(kA,{children:"This marker is no longer available"})]}),j&&!T&&(0,s.jsx)(Fl,{type:"primary",background:V?"frozen-primary":"dark",style:"medthick",isPaused:n.paused,value:V?0:(P-n.timeToNextAsset)/P*100})]}),(0,s.jsxs)(FA,{children:[(0,s.jsx)(pA.Z,{size:"15px"}),(0,s.jsx)("p",{children:V?"Live":kl.ZP.mmssFromTimestamp(P)})]}),(0,s.jsxs)(FA,{children:[(0,s.jsx)(fA.Z,{size:"15px"}),(0,s.jsx)("p",{children:"".concat(~~(100*t.previewSettings.playbackSpeed),"%")})]}),(0,s.jsx)(EA,{ref:L,onClick:function(e){return!g&&function(e){e.preventDefault(),b({positionX:e.pageX,positionY:e.pageY}),h(!0)}(e)},children:(0,s.jsx)(pn.Z,{size:"20"})}),!T&&(0,s.jsxs)(s.Fragment,{children:[(0,hn.NX)()&&(0,s.jsx)(EA,{disabled:!t.src,onClick:function(){N.setTab("trimmer"),F()},style:{marginLeft:"-0.75rem"},children:(0,s.jsx)(dA.Z,{size:"20"})}),(0,s.jsx)(NA,{}),(0,s.jsx)(HA,{isPlaying:j&&!n.paused,onPlay:function(){return n.playSource(t.id)},onPause:n.playOrPause})]})]}),f&&(0,s.jsx)(gt.Z,{positionX:y.positionX,positionY:y.positionY,parentRef:L,alignX:"left",items:z,onClose:function(){return h(!1)}}),g&&(0,s.jsx)(gn.Z,{title:"Remove Media Player Asset",confirmCallback:function(){n.removeInputs([t.id])},cancelCallback:function(){return v(!1)},confirmLabel:"Remove",confirmIcon:"bin",closeLabel:"Cancel",children:"You are about to remove the selected assets from the media player. Are you sure?"})]})})));function WA(){var e=(0,R.Z)(["\n display: flex;\n padding-left: ",";\n background-color: ",";\n border-bottom: 1px solid ",";\n cursor: pointer;\n"]);return WA=function(){return e},e}function GA(){var e=(0,R.Z)(["\n box-sizing: border-box;\n border-style: solid;\n border-width: ",";\n border-color: ",";\n display: flex;\n width: 120px;\n justify-content: center;\n padding: 8px 0 8px 0;\n font-size: 14px;\n"]);return GA=function(){return e},e}var YA=L.ZP.div.withConfig({componentId:"sc-afa2da27-0"})(WA(),(function(e){return e.theme.largePadding}),(function(e){return e.theme.colors.background}),(function(e){return e.theme.colors.primaryBorder})),XA=L.ZP.div.withConfig({componentId:"sc-afa2da27-1"})(GA(),(function(e){return e.selected?"0 0 4px 0":"0"}),(function(e){return e.theme.colors.primary})),qA=(0,Y.Pi)((function(e){var n=e.remainingAssets,t=(0,q.oR)().streamConfig.assetLibrary,i=t.selected,r=t.setSelected;return(0,s.jsxs)(MZ,{children:[(0,s.jsx)(Ic.XJ,{children:"Select assets to add:"}),(0,s.jsx)(LZ,{selectableAssets:!0,selectableDisabled:i.size>=n,selected:Array.from(i.keys()),selectedOrder:function(e){return i.get(e)},onSelectionChange:r})]})})),JA=t(8438),KA=t(83688),QA=t(15073),$A=t(53467),eM=t(93814),nM=t(60961),tM=t(19666);function iM(){var e=(0,R.Z)(["\n position: absolute;\n z-index: 1;\n width: 100%;\n margin-top: 10px;\n\n border: 1px solid ",";\n background-color: ",";\n padding: ",";\n box-shadow: 2px 2px 2px rgba(27, 33, 44, 0.6);\n\n "," {\n color: ",";\n line-height: 1.55;\n }\n\n input {\n border-radius: 5px;\n }\n"]);return iM=function(){return e},e}function rM(){var e=(0,R.Z)(["\n display: flex;\n\n & > *:first-child {\n margin-right: ",";\n }\n\n & > * {\n flex: 1;\n }\n"]);return rM=function(){return e},e}function oM(){var e=(0,R.Z)(["\n display: flex;\n justify-content: space-between;\n margin-top: ",";\n"]);return oM=function(){return e},e}var aM=L.ZP.div.withConfig({componentId:"sc-6555bbb6-0"})(iM(),(function(e){return e.theme.colors.outlineSidebar}),(function(e){return e.theme.colors.backgroundGrey}),(function(e){return e.theme.defaultPadding}),il.ar,(function(e){return e.theme.colors.primaryLabel})),sM=L.ZP.div.withConfig({componentId:"sc-6555bbb6-1"})(rM(),(function(e){return e.theme.defaultMargin})),cM=L.ZP.div.withConfig({componentId:"sc-6555bbb6-2"})(oM(),(function(e){return e.theme.defaultMargin})),uM=(0,Y.Pi)((function(e){var n,t=e.close,o=e.onChange,a=e.onClear,c=e.searchQueryDetails,u=(0,q.oR)().streamConfig.udvr,l=(0,J.useMemo)((function(){var e=Dx()().startOf("day").subtract(7,"d").toDate();c.startTime&&(e=Dx()(c.startTime).startOf("day").toDate());var n=new Date;return c.endTime&&(n=Dx()(c.endTime).endOf("day").toDate()),[e,n]}),[c.startTime,c.endTime]),d=l[0],p=l[1],f=function(){var e=(0,ru.Z)((function(){var e;return(0,au.__generator)(this,(function(n){switch(n.label){case 0:return u.setSearchMode(!0),u.setIsAdvancedSearch(!0),e=(0,r.Z)((0,i.Z)({},c),{pageNumber:0,pageSize:100}),[4,u.loadMarkers(e)];case 1:return n.sent(),t(),[2]}}))}));return function(){return e.apply(this,arguments)}}();return(0,s.jsxs)(aM,{children:[(0,s.jsxs)(sM,{children:[(0,s.jsx)(nM.aj,{name:"date",label:"Date:",maxDate:new Date,canSelectRange:!0,labelFormat:"MMMM YYYY",inputFormat:"DD MMM, YYYY",allowSingleDateInRange:!0,value:[d,p],onChange:function(e){var n=e.every((function(e){return null!==e}));null!==e[0]&&null===e[1]?(c.startTime=e[0].getTime(),c.endTime=null):n?(c.startTime=e[0].getTime(),c.endTime=Dx()(e[1].getTime()).endOf("day").valueOf()):d&&(c.endTime=Dx()(d).endOf("day").valueOf()),o(c)},clearable:!1}),(0,s.jsx)(tM.G,{label:"Color",values:null!==(n=c.colour)&&void 0!==n?n:[],onChange:function(e){var n;if(c.colour)if(null===(n=c.colour)||void 0===n?void 0:n.includes(e)){var t;c.colour=null===(t=c.colour)||void 0===t?void 0:t.filter((function(n){return e!==n}))}else c.colour.push(e);else c.colour=[e];o(c)}})]}),(0,s.jsx)(qs.ZP,{name:"name",label:"Name",autoComplete:"off",type:"text",value:c.name,setFieldValue:function(e,n){c.name=n,o(c)}}),(0,s.jsx)(qs.ZP,{name:"description",label:"Description",type:"text",autoComplete:"off",value:c.description,setFieldValue:function(e,n){c.description=n,o(c)}}),(0,s.jsxs)(cM,{children:[(0,s.jsx)(xs.ZP,{size:"small",onClick:a,type:"tertiary",children:"Clear"}),(0,s.jsx)(xs.ZP,{size:"small",onClick:f,children:"Apply"})]})]})})),lM=t(26561);function dM(){var e=(0,R.Z)(["\n display: flex;\n flex-wrap: wrap;\n margin-bottom: ",";\n"]);return dM=function(){return e},e}function pM(){var e=(0,R.Z)(["\n min-width: 56px;\n display: flex;
1\n align-items: center;\n justify-content: space-between;\n background-color: ",";\n border: 1px solid #1a1f2a;\n border-radius: ",";\n padding: 2px ",";\n padding-right: 0;\n margin-right: 3px;\n margin-bottom: ",";\n\n color: ",";\n font-size: 12px;\n\n cursor: pointer;\n\n svg {\n color: ",";\n cursor: pointer;\n }\n"]);return pM=function(){return e},e}function fM(){var e=(0,R.Z)(["\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 30ch;\n"]);return fM=function(){return e},e}var hM=L.ZP.div.withConfig({componentId:"sc-342dcfd6-0"})(dM(),(function(e){return e.theme.largePadding})),mM=L.ZP.div.withConfig({componentId:"sc-342dcfd6-1"})(pM(),(function(e){return e.theme.colors.dropdownBackground}),(function(e){return e.theme.borderRadius}),(function(e){return e.theme.defaultPadding}),(function(e){return e.theme.smallPadding}),(function(e){return e.theme.colors.inputText}),(function(e){return e.theme.colors.inputText})),gM=L.ZP.div.withConfig({componentId:"sc-342dcfd6-2"})(fM()),vM=function(e){var n=e.onClose,t=e.type,i=e.info,r=e.name;return(0,s.jsxs)(mM,{onClick:function(){return n(t,r)},children:["colour"===t&&(0,s.jsx)(tM.E,{colour:i,"aria-label":r}),"colour"!==t&&(0,s.jsx)(gM,{children:"string"===typeof i?i:JSON.stringify(i)}),(0,s.jsx)(hy.Z,{size:20})]})},xM=(0,Y.Pi)((function(e){var n=e.onTagCloseCallback,t=(0,q.oR)().streamConfig.udvr,r=(0,J.useMemo)((function(){return new Map(Object.entries(lM.e))}),[]),o=(0,J.useMemo)((function(){var e,n,i,o,a=[];if(null===(e=t.searchDetails)||void 0===e||null===(n=e.colour)||void 0===n||n.forEach((function(e){a.push({type:"colour",name:e,info:r.get(e)})})),(null===(i=t.searchDetails)||void 0===i?void 0:i.startTime)&&(null===(o=t.searchDetails)||void 0===o?void 0:o.endTime)){var s=Dx()(t.searchDetails.startTime).format("DD MMM"),c=Dx()(t.searchDetails.endTime).format("DD MMM");a.push({type:"date",name:"date",info:"".concat(s," - ").concat(c)})}return t.searchDetails.description&&a.push({type:"description",name:"description",info:t.searchDetails.description}),a}),[JSON.stringify(t.searchDetails)]),a=function(){var e=(0,ru.Z)((function(e,r){var a;return(0,au.__generator)(this,(function(s){switch(s.label){case 0:return a=(0,i.Z)({},t.searchDetails.toJSON()),"colour"===e?(a.colour=a.colour.filter((function(e){return e!==r})),0===a.colour.length&&delete a.colour):"date"===e?(delete a.startTime,delete a.endTime):delete a[e],1===o.length&&t.setSearchMode(!1),[4,t.loadMarkers(a)];case 1:return s.sent(),null===n||void 0===n||n(e,a),[2]}}))}));return function(n,t){return e.apply(this,arguments)}}();return(0,s.jsx)(hM,{children:o.map((function(e){return(0,s.jsx)(vM,{type:e.type,info:e.info,name:e.name,onClose:a},e.name)}))})})),yM=t(21080);function bM(){var e=(0,R.Z)(["\n position: relative;\n\n "," {\n border: 1px solid ",";\n color: ",";\n\n "," {\n padding-left: ",";\n\n ::placeholder {\n color: ",";\n opacity: 1;\n }\n }\n }\n"]);return bM=function(){return e},e}function IM(){var e=(0,R.Z)(["\n display: flex;\n\n & > *:first-child {\n flex: 1;\n }\n\n svg {\n color: ",";\n }\n"]);return IM=function(){return e},e}var wM=L.ZP.div.withConfig({componentId:"sc-f85cee09-0"})(bM(),yM.Wf,(function(e){return e.theme.colors.inputOutline}),(function(e){return e.theme.colors.illustrationText}),yM.Mj,(function(e){return e.theme.largePadding}),(function(e){return e.theme.colors.illustrationText})),PM=L.ZP.div.withConfig({componentId:"sc-f85cee09-1"})(IM(),(function(e){return e.theme.colors.inputText})),SM=(0,Y.Pi)((function(){var e=(0,q.oR)().streamConfig.udvr,n=(0,J.useState)({}),t=n[0],o=n[1],a=(0,J.useState)(!1),c=a[0],u=a[1],l=function(){var n=(0,ru.Z)((function(){return(0,au.__generator)(this,(function(n){switch(n.label){case 0:return f(),e.setSearchMode(!1),e.setIsAdvancedSearch(!1),[4,e.loadMarkers()];case 1:return n.sent(),[2]}}))}));return function(){return n.apply(this,arguments)}}(),d=function(){var n=(0,ru.Z)((function(n){var o;return(0,au.__generator)(this,(function(a){switch(a.label){case 0:return"Enter"!==n.key?[3,2]:(n.preventDefault(),e.setSearchMode(!0),o=(0,r.Z)((0,i.Z)({},t),{pageNumber:0,pageSize:100}),[4,e.loadMarkers(o)]);case 1:a.sent(),a.label=2;case 2:return[2]}}
1))}));return function(e){return n.apply(this,arguments)}}(),p=function(e){var n=Dx()("yesterday").startOf("day").valueOf(),t=Dx()("today").endOf("day").valueOf(),r=(0,i.Z)({},e);return r.startTime=n,r.endTime=t,r},f=function(){var e=p({});o(e)};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(wM,{"aria-label":"Search Input",children:[(0,s.jsx)(PM,{children:(0,s.jsx)(Dv.pt,{onChange:function(e){var n=(0,i.Z)({},t);n.name=e.currentTarget.value,o(n)},role:"input",name:"query",iconSize:40,closeIconSize:28,placeholder:"Type to search markers...",value:t.name||"",clearInputHandler:l,onKeyPress:d,onAdvancedClick:function(){u(!c)},advancedOpen:c,isSearching:e.searchMode})}),c&&(0,s.jsx)(uM,{close:function(){return u(!1)},onClear:f,onChange:function(e){o(e)},searchQueryDetails:(0,i.Z)({},t)})]}),e.isAdvancedSearch&&(0,s.jsx)(xM,{onTagCloseCallback:function(e,n){var t=(0,i.Z)({},n);"date"===e&&(t=p(n)),o(t)}})]})})),ZM=t(93143);function CM(){var e=(0,R.Z)(["\n color: ",";\n position: relative;\n margin-bottom: ",';\n cursor: pointer;\n border: none;\n\n &:before {\n content: "";\n position: absolute;\n top: 0;\n left: 0;\n width: 10px;\n height: 100%;\n\n background-color: ',";\n border-radius: 5px 0 0 5px;\n\n border: 1px solid #1b212c;\n border-right: none;\n }\n\n "," {\n min-width: 0;\n flex: 1;\n align-items: center;\n position: relative;\n\n "," {\n margin-left: 5px;\n }\n\n section {\n min-width: 0;\n padding-left: 5px;\n }\n\n section > *:first-child {\n margin-bottom: ",";\n }\n\n section div {\n display: inline-block;\n }\n\n border-bottom: none;\n }\n"]);return CM=function(){return e},e}function jM(){var e=(0,R.Z)(["\n display: flex;\n margin-left: ",";\n border: 1.5px solid #1b212c;\n border-left: none;\n border-radius: 0 4px 4px 0;\n\n &:hover {\n background-color: ",";\n }\n"]);return jM=function(){return e},e}function kM(){var e=(0,R.Z)(['\n display: flex;\n font-size: 11px;\n line-height: 1.5;\n\n div:not(:first-of-type) {\n display: flex;\n align-items: center;\n\n &:before {\n content: "";\n margin: 2px ',";\n width: 5px;\n height: 5px;\n border-radius: 50%;\n background-color: ",";\n display: inline-block;\n }\n }\n"]);return kM=function(){return e},e}function TM(){var e=(0,R.Z)(["\n font-size: 13px;\n font-weight: ",";\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"]);return TM=function(){return e},e}function RM(){var e=(0,R.Z)(["\n background-color: rgba(89, 98, 129, 0.8);\n color: ",";\n position: absolute;\n right: 0;\n width: 20%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n"]);return RM=function(){return e},e}function LM(){var e=(0,R.Z)(["\n display: inline-block;\n font-style: italic;\n max-width: 200px;\n padding-left: 15px;\n\n span {\n vertical-align: bottom;\n }\n"]);return LM=function(){return e},e}var AM=(0,L.ZP)(Dp.Zb).withConfig({componentId:"sc-e6a887a8-0"})(CM(),(function(e){return e.theme.colors.primaryLabel}),(function(e){return e.theme.smallPadding}),(function(e){return lM.e[e.colour].card}),ag.Z,eM.Z,(function(e){return e.theme.smallPadding})),MM=L.ZP.div.withConfig({componentId:"sc-e6a887a8-1"})(jM(),(function(e){return e.theme.defaultPadding}),(function(e){return e.theme.colors.backgroundHighlight})),OM=L.ZP.div.withConfig({componentId:"sc-e6a887a8-2"})(kM(),(function(e){return e.theme.smallPadding}),(function(e){return e.theme.colors.text1})),DM=L.ZP.div.withConfig({componentId:"sc-e6a887a8-3"})(TM(),(function(e){return e.theme.fontWeightSemiBold})),EM=L.ZP.div.withConfig({componentId:"sc-e6a887a8-4"})(RM(),(function(e){return e.theme.colors.background})),NM=L.ZP.span.withConfig({componentId:"sc-e6a887a8-5"})(LM()),BM=function(e){if("segment"===e.type){var n=Dx()(e.inPointTimestamp),t=Dx()(e.outPointTimestamp),i=Dx().duration(t.diff(n)),r=i.hours(),o=i.minutes(),a=i.seconds(),s="";return r>0&&(s="".concat(r,"h")),o>0&&(s="".concat(s," ").concat(o,"m")),a>0&&(s="".concat(s," ").concat(a,"s")),s}return""},VM=(0,Y.Pi)((function(e){var n=e.marker,t=(0,q.oR)().streamConfig.udvr;return(0,s.jsx)(AM,{colour:n.colour,"aria-label":n.name,id:"UDVRCard-".concat(n.id),onClick:function(){t.toggleMarker(n.id)},children:(0,s.jsx)(MM,{colour:n.colour,children:(0,s.jsxs)(ag.Z,{children:[(0,s.jsx)(eM.Z,{iconSize:30,height:30,width:30,alt:"custom-marker-card",icon:"moment"===n.type?QA.Z:ZM.Z}),(0,s.jsxs)("section",{children:[(0,s.jsxs)(DM,{title:n.description,children:[""===n.name?"(no name)":n.name,n.streamId!==t.selectedStream&&(0,s.jsx)(NM,{children:(0,s.jsx)(_l.Ld,{children:n.streamName})})]}),(0,s.jsxs)(OM,{children:[(0,s.jsx)("div",{children:Dx()(n.inPointTimestamp).format("DD/MM/YY")}),(0,s.jsx)("div",{children:Dx()(n.inPointTimestamp).format("HH:mm:ss:SSS")}),"segment"===n.type&&(0,s.jsx)("div",{children:BM(n)})]})]}),n.selected&&(0,s.jsx)(EM,{children:(0,s.jsx)("span",{children:t.selected.get(n.id)+1})})]})})})}));function FM(){var e=(0,R.Z)([""]);return FM=function(){return e},e}function zM(){var e=(0,R.Z)(["\n display: flex;
1\n align-items: center;\n justify-content: center;\n height: 100%;\n margin-top: 50px;\n"]);return zM=function(){return e},e}function UM(){var e=(0,R.Z)(["\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100px;\n margin-top: 50px;\n"]);return UM=function(){return e},e}function HM(){var e=(0,R.Z)(["\n flex: 1;\n max-width: 500px;\n"]);return HM=function(){return e},e}function _M(){var e=(0,R.Z)(["\n color: ",";\n padding-left: 30px;\n padding-top: 10px;\n width: 150px;\n height: 40px;\n\n svg {\n vertical-align: text-bottom;\n }\n\n cursor: pointer;\n"]);return _M=function(){return e},e}function WM(){var e=(0,R.Z)(["\n display: flex;\n padding: 10px 0;\n width: 100%;\n justify-content: space-between;\n"]);return WM=function(){return e},e}function GM(){var e=(0,R.Z)([""]);return GM=function(){return e},e}function YM(){var e=(0,R.Z)(["\n margin-top: 10px;\n"]);return YM=function(){return e},e}var XM=L.ZP.div.withConfig({componentId:"sc-67f2ee3a-0"})(FM()),qM=L.ZP.div.withConfig({componentId:"sc-67f2ee3a-1"})(zM()),JM=L.ZP.div.withConfig({componentId:"sc-67f2ee3a-2"})(UM()),KM=L.ZP.div.withConfig({componentId:"sc-67f2ee3a-3"})(HM()),QM=L.ZP.div.withConfig({componentId:"sc-67f2ee3a-4"})(_M(),(function(e){return e.theme.colors.primaryLabel})),$M=L.ZP.section.withConfig({componentId:"sc-67f2ee3a-5"})(WM()),eO=L.ZP.div.withConfig({componentId:"sc-67f2ee3a-6"})(GM()),nO=L.ZP.div.withConfig({componentId:"sc-67f2ee3a-7"})(YM()),tO=(0,Y.Pi)((function(){var e=(0,q.oR)().streamConfig.udvr;(0,J.useEffect)((function(){e.loadMarkers()}),[]);var n,t=e.streams.map((function(e){return{label:e.displayName,value:e.streamId}})),r=e.isoStreams.sort((function(e,n){return e.creationDate-n.creationDate})).map((function(e){return{label:"".concat(e.displayName).concat(e.creationDate?" at ".concat((0,JA.mQ)(e.creationDate)):""),value:e.streamId}})),o=[{label:"Outputs",options:[{label:"Program",value:e.selectedStream}].concat((0,a.Z)(e.cleanStreamId?[{label:"Clean",value:e.cleanStreamId}]:[]))},{label:"ISO Recordings",options:r}],c=function(){var n=(0,ru.Z)((function(){var n;return(0,au.__generator)(this,(function(t){switch(t.label){case 0:return"Newest"===e.sortDirection?e.setSortDirection("Oldest"):e.setSortDirection("Newest"),n=(0,i.Z)({},e.searchDetails),e.isAdvancedSearch&&(n.pageNumber=0,n.pageSize=100),[4,e.loadMarkers(n)];case 1:return t.sent(),[2]}}))}));return function(){return n.apply(this,arguments)}}(),u=t.find((function(n){return n.value===e.selectedStream})),l=null!==(n=o[0].options.find((function(n){return n.value===e.selectedISORecording})))&&void 0!==n?n:o[1].options.find((function(n){return n.value===e.selectedISORecording}));return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(eO,{children:(0,s.jsx)(Ts.ZP,{name:"stream",label:"Select a stream",placeholder:e.isLoadingStreams?"Loading streams...":"Select...",options:t,menuPlacement:"bottom",onChange:function(n){return e.setSelectedStream(n.value)},value:u,disabled:e.isLoadingStreams||!e.selectedStream||!o[0].options.length&&!o[1].options.length})}),(0,s.jsx)(nO,{children:(0,s.jsx)(Ts.ZP,{name:"recording",label:"Select recording",placeholder:e.isLoadingISORecordings?"Loading recordings...":o.length?"Select...":"No recordings",options:o,menuPlacement:"bottom",onChange:function(n){return e.setSelectedISORecording(n.value)},value:l,disabled:e.isLoadingISORecordings||!o.length})}),u&&(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)($M,{children:[(0,s.jsx)(KM,{children:(0,s.jsx)(SM,{})}),(0,s.jsxs)(QM,{onClick:c,children:[(0,s.jsx)("span",{children:e.sortDirection}),"Newest"===e.sortDirection?(0,s.jsx)(KA.Z,{size:"16px","aria-label":"down"}):(0,s.jsx)($A.Z,{size:"16px","aria-label":"down"})]})]})})]})})),iO=(0,Y.Pi)((function(){var e=(0,q.oR)().streamConfig.udvr;return(0,s.jsxs)(XM,{children:[e.markers.length?e.markers.map((function(e){return(0,s.jsx)(VM,{marker:e},e.id)})):e.isLoadingMarkers||e.isLoadingStreams||!e.selectedStream?null:(0,s.jsx)(JM,{children:(0,s.jsxs)("span",{children:[(0,s.jsx)(eM.Z,{iconSize:30,height:30,width:30,icon:QA.Z}),"No markers found"]}
1)}),(e.isLoadingMarkers||e.isLoadingStreams)&&(0,s.jsx)(qM,{children:(0,s.jsx)("img",{src:"/static/img/loader.gif",alt:"Loading..."})})]})}));function rO(){var e=(0,R.Z)(["\n display: flex;\n justify-content: space-between;\n"]);return rO=function(){return e},e}var oO=(0,L.ZP)(Rp.Db).withConfig({componentId:"sc-e8495e70-0"})(rO()),aO=(0,Y.Pi)((function(e){var n=e.isOpen,t=e.onSubmit,i=void 0===t?function(){var e=(0,ru.Z)((function(e,n){return(0,au.__generator)(this,(function(e){return[2]}))}));return function(n,t){return e.apply(this,arguments)}}():t,r=e.onBack,a=void 0===r?function(){}:r,c=e.remainingAssets,u=(0,Sp.s0)();(0,J.useEffect)((function(){d.loadStreams()}),[]);var l=(0,q.oR)().streamConfig,d=l.udvr,p=l.udvr,f=p.selected,h=p.clearSelected,m=l.assetLibrary,g=l.assetLibrary,v=g.selected,x=g.clearSelected,y=(0,J.useState)(!1),b=y[0],I=y[1],w=(0,J.useState)(!1),P=w[0],S=w[1],Z=(0,J.useState)(!0),C=Z[0],j=Z[1],k=function(){h(),x()},T=v.size,R=f.size;return(0,s.jsx)(tx.Z,{isOpen:n,transitionDuration:0,children:(0,s.jsx)(Rp.ZP,{headerTitle:"Add Source",onClose:function(){k(),a(),u("../")},children:(0,s.jsxs)(Rp.et,{mainChild:2,children:[(0,s.jsxs)(YA,{children:[(0,s.jsxs)(XA,{onClick:function(){j(!0),S(!1)},selected:C,children:["Asset Library",T?" (".concat(T,")"):""]}),(0,hn.S8)()&&(0,s.jsxs)(XA,{onClick:function(){j(!1),S(!0)},selected:P,children:["DVR",R?" (".concat(R,")"):""]})]}),P&&(0,s.jsxs)("div",{children:[(0,s.jsx)(tO,{}),(0,s.jsx)(iO,{})]}),C&&(0,s.jsx)(qA,{remainingAssets:c}),(0,s.jsxs)(oO,{children:[(0,s.jsx)(xs.ZP,{type:"secondary",style:{width:100,justifyContent:"center"},disabled:b,onClick:function(){k(),a&&a()},children:"Cancel"}),(0,s.jsx)(xs.ZP,{disabled:b||!(T+R),icon:"cta-arrow-right",onClick:function(){I(!0);var e=[],n=!0,t=!1,r=void 0;try{for(var a,s=v.entries()[Symbol.iterator]();!(n=(a=s.next()).done);n=!0){var c=(0,o.Z)(a.value,2),u=c[0];e[c[1]]=u}}catch(P){t=!0,r=P}finally{try{n||null==s.return||s.return()}finally{if(t)throw r}}var l=!0,p=!1,h=void 0;try{for(var g,x=f.entries()[Symbol.iterator]();!(l=(g=x.next()).done);l=!0){var y=(0,o.Z)(g.value,2),b=y[0];e[y[1]]=b}}catch(P){p=!0,h=P}finally{try{l||null==x.return||x.return()}finally{if(p)throw h}}var w=e.map((function(e){var n=m.findAssetById(e);if(n)return{assetId:n.inputId};var t=d.findMarkerById(e);return t?{type:"vod",displayName:t.name,previewURI:"",resourceURI:"grn:udvrMarker:".concat(t.streamId,":").concat(t.id)}:void 0}));i(w,I),k()},children:"Add sources"})]})]})})})}));function sO(){var e=(0,R.Z)(["\n border: 1px solid\n ",";\n display: grid;\n grid-template-columns: ",";\n grid-template-rows: 25px 25px;\n column-gap: 1em;\n row-gap: 0px;\n ",";\n justify-items: center;
1\n align-items: center;\n background: ",";\n box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05);\n color: ",";\n font-size: ","px;\n margin: 1em 0;\n opacity: ",";\n z-index: ",";\n min-width: 255px;\n"]);return sO=function(){return e},e}function cO(){var e=(0,R.Z)(["\n grid-column: handle;\n grid-row: 1 / span 2;\n align-self: stretch;\n justify-self: stretch;\n"]);return cO=function(){return e},e}function uO(){var e=(0,R.Z)(["\n grid-column: checkbox;\n grid-row: 1 / span 2;\n"]);return uO=function(){return e},e}function lO(){var e=(0,R.Z)(["\n grid-column: order;\n grid-row: 1 / span 2;\n"]);return lO=function(){return e},e}function dO(){var e=(0,R.Z)(["\n grid-column: thumbnail;\n grid-row: 1 / span 2;\n"]);return dO=function(){return e},e}function pO(){var e=(0,R.Z)(["\n grid-column: name;\n grid-row: 1 / span 2;\n justify-self: left;\n min-width: 0;\n max-width: 100%;\n line-height: 20px;\n"]);return pO=function(){return e},e}function fO(){var e=(0,R.Z)(["\n white-space: pre;\n overflow: hidden;\n text-overflow: ellipsis;\n min-height: 20px;\n font-weight: ",";\n"]);return fO=function(){return e},e}function hO(){var e=(0,R.Z)(["\n @media (max-width: 1366px) {\n b {\n display: none;\n }\n }\n\n b {\n font-weight: ",";\n }\n\n font-weight: ",";\n"]);return hO=function(){return e},e}function mO(){var e=(0,R.Z)(["\n grid-column: type;\n grid-row: 2;\n align-self: center;\n margin-bottom: 5px;\n"]);return mO=function(){return e},e}function gO(){var e=(0,R.Z)(["\n grid-column: state;\n grid-row: 2;\n min-width: 0;\n align-self: center;\n justify-self: start;\n margin-bottom: 7px;\n\n @media (max-width: 1350px) {\n justify-self: end;\n }\n"]);return gO=function(){return e},e}function vO(){var e=(0,R.Z)(["\n background-image: radial-gradient(\n circle at 7px 4px,\n "," 1px,\n transparent 2px\n );\n background-size: 10px 8px;\n cursor: row-resize;\n height: 40px;\n width: 25px;\n margin: 5px 0 0 5px;\n"]);return vO=function(){return e},e}function xO(){var e=(0,R.Z)(["\n font-size: 14px;\n"]);return xO=function(){return e},e}function yO(){var e=(0,R.Z)(["\n height: 28.125px;\n"]);return yO=function(){return e},e}function bO(){var e=(0,R.Z)(["\n font-size: 26px;\n line-height: 14px;\n"]);return bO=function(){return e},e}function IO(){var e=(0,R.Z)(["\n display: flex;\n font-size: 10px;\n\n // Hides type text\n @media (max-width: 1180px) {\n p {\n display: none;\n }\n }\n // Hides type\n @media (max-width: 1080px) {\n display: none;\n }\n"]);return IO=function(){return e},e}function wO(){var e=(0,R.Z)(["\n font-size: 10px;\n color: ",';\n white-space: pre;\n\n &:before {\n content: "\u25cf";\n margin-right: 2px;\n }\n']);return wO=function(){return e},e}var PO="[order] 0.3fr [thumbnail] 50px [name] 3fr [type] 1.5fr [state] 1.5fr",SO=L.ZP.li.withConfig({componentId:"sc-8a3abd73-0"})(sO(),(function(e){var n=e.isSelected,t=e.theme;return n?t.colors.primary:"transparent"}),(function(e){return e.isDraggable?"[handle] 25px [checkbox] 0.2fr ".concat(PO):PO}),(function(e){return!e.isDraggable&&"padding-left: 1em"}),(function(e){return function(e,n,t){switch(e){case Wl.Co.Playing:return t.backgroundHighlight;case Wl.Co.Next:return n?t.background:t.backgroundHighlight;case Wl.Co.Played:return t.backgroundFaded;default:return t.background}}(e.state,e.isPlaying,e.theme.colors)}),(function(e){return e.theme.colors.text1}),(function(e){return e.theme.fontSizeBase}),(function(e){return e.state===Wl.Co.Played?"0.6":"1"}),(function(e){return e.theme.zIndex.sidebar})),ZO=L.ZP.div.withConfig({componentId:"sc-8a3abd73-1"})(cO()),CO=(0,wn.W6)((function(){return(0,s.jsx)(ZO,{children:(0,s.jsx)(EO,{})})})),jO=L.ZP.div.withConfig({componentId:"sc-8a3abd73-2"})(uO()),kO=function(e){var n=e.id,t=e.selectedInputs,i=e.onChangeInput;return(0,s.jsx)(jO,{children:(0,s.jsx)(mn.wA,{value:t.includes(n),onChange:function(e){return i({id:n,isSelected:e.target.checked})}})})},TO=L.ZP.div.withConfig({componentId:"sc-8a3abd73-3"})(lO()),RO=L.ZP.div.withConfig({componentId:"sc-8a3abd73-4"})(dO()),LO=L.ZP.div.withConfig({componentId:"sc-8a3abd73-5"})(pO()),AO=L.ZP.p.withConfig({componentId:"sc-8a3abd73-6"})(fO(),(function(e){return e.theme.fontWeightBold})),MO=L.ZP.p.withConfig({componentId:"sc-8a3abd73-7"})(hO(),(function(e){return e.theme.fontWeightSemiBold}),(function(e){return e.theme.fontWeightRegular})),OO=L.ZP.div.withConfig({componentId:"sc-8a3abd73-8"})(mO()),DO=L.ZP.div.withConfig({componentId:"sc-8a3abd73-9"})(gO()),EO=L.ZP.div.withConfig({componentId:"sc-8a3abd73-10"})(vO(),(function(e){return e.theme.colors.secondaryLight})),NO=L.ZP.p.withConfig({componentId:"sc-8a3abd73-11"})(xO()),BO=L.ZP.img.withConfig({componentId:"sc-8a3abd73-12"})(yO()),VO=L.ZP.i.withConfig({componentId:"sc-8a3abd73-13"})(bO()),FO=L.ZP.div.withConfig({componentId:"sc-8a3abd73-14"})(IO()),zO=function(e){var n=e.name;return(0,s.jsx)(VO,{className:"gb-icon-".concat(n)})},UO=function(e){var n=e.icon,t=e.text;return(0,s.jsxs)(FO,{children:[(0,s.jsx)(zO,{name:n}),(0,s.jsx)("p",{children:t})]})};var HO=L.ZP.p.withConfig({componentId:"sc-8a3abd73-15"})(wO(),(function(e){return function(e,n,t){switch(e){case Wl.Co.Playing:return t.primary;case Wl.Co.Next:return n?t.text6:void 0;default:return}}(e.state,e.isPlaying,e.theme.colors)}));function _O(e){switch(e){case Wl.Co.Playing:return"Playing";case Wl.Co.Played:return"Played";case Wl.Co.NotPlayed:return"Not Played";case Wl.Co.Next:return"Up Next";default:return""}}var WO=function(e){var n=e.state,t=e.isPlaying;return(t||n===Wl.Co.Next)&&(0,s.jsx)(HO,{state:n,isPlaying:t,children:(0,s.jsx)("span",{children:_O(n)})})};function GO(e,n){return e.order===n.order&&e.isPlaying===n.isPlaying&&(t=e.input,i=n.input,t.id===i.id&&t.playlistIndex===i.playlistIndex&&t.displayName===i.displayName&&t.state===i.state);var t,i}var YO=J.memo((0,Y.Pi)((function(e){var n=e.input,t=e.order,i=e.isDraggable,r=e.isPlaying,o=e.onChangeInput,a=e.selectedInputs,c=void 0===a?[]:a,u=n.displayName,l=n.thumbnailUrl,d=n.adjustedDuration,p=n.state;return(0,s.jsxs)(SO,{"aria-label":"Asset Item",state:p,isDraggable:i,isPlaying:r,isSelected:c.includes(n.id
1),children:[i&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(CO,{}),(0,s.jsx)(kO,{id:n.id,selectedInputs:c,onChangeInput:o})]}),(0,s.jsx)(TO,{children:(0,s.jsx)(NO,{children:t})}),(0,s.jsx)(RO,{children:(0,s.jsx)(BO,{src:l})}),(0,s.jsxs)(LO,{children:[(0,s.jsx)(AO,{title:u,children:u}),(0,s.jsxs)(MO,{children:[(0,s.jsx)("b",{children:"Duration "}),kl.ZP.millisecondsToHHMMSS(d)]})]}),(0,s.jsx)(OO,{children:(0,s.jsx)(UO,{icon:"video-clip",text:"CLIP"})}),(0,s.jsx)(DO,{children:(0,s.jsx)(WO,{state:p,isPlaying:r})})]})})),GO);function XO(){var e=(0,R.Z)(["\n display: flex;\n flex-direction: column;\n flex: 1;\n flex-basis: 40vh;\n justify-content: space-around;\n text-align: center;\n"]);return XO=function(){return e},e}function qO(){var e=(0,R.Z)(["\n margin-top: 2em;\n"]);return qO=function(){return e},e}function JO(){var e=(0,R.Z)(["\n display: flex;\n flex-direction: column;\n flex: 1;\n padding: 1em;\n overflow: auto;\n user-select: none;\n scroll-padding: 40px;\n"]);return JO=function(){return e},e}var KO=L.ZP.div.withConfig({componentId:"sc-25ac7c67-0"})(XO()),QO=L.ZP.figcaption.withConfig({componentId:"sc-25ac7c67-1"})(qO()),$O=L.ZP.div.withConfig({componentId:"sc-25ac7c67-2"})(JO()),eD=t(55749),nD=t(65439),tD=t.n(nD),iD=t(35609),rD=t.n(iD);function oD(e){var n=e.inputs,t=e.inputIds,i=e.properties,r={},o=(0,eD.Z)(t),a=o[0],s=o.slice(1);if(void 0===a)return r;var c=!0,u=!1,l=void 0;try{for(var d,p=i[Symbol.iterator]();!(c=(d=p.next()).done);c=!0){var f=d.value,h=tD()(n.get(a),f);r[f]={value:h,isMixed:!1}}}catch(T){u=!0,l=T}finally{try{c||null==p.return||p.return()}finally{if(u)throw l}}var m=!0,g=!1,v=void 0;try{for(var x,y=i[Symbol.iterator]();!(m=(x=y.next()).done);m=!0){var b=x.value,I=r[b],w=!0,P=!1,S=void 0;try{for(var Z,C=s[Symbol.iterator]();!(w=(Z=C.next()).done);w=!0){var j=Z.value,k=tD()(n.get(j),b);if(I.value!==k){I.value=void 0,I.isMixed=!0;break}}}catch(T){P=!0,S=T}finally{try{w||null==C.return||C.return()}finally{if(P)throw S}}}}catch(T){g=!0,v=T}finally{try{m||null==y.return||y.return()}finally{if(g)throw v}}return r}var aD,sD=function(e){var n=e.onUpdate,t=e.inputIds;return function(e){return function(i){return n(function(e){var n=e.property,t=e.value;return e.inputIds.reduce((function(e,i){return rD()(e,"".concat(i,".").concat(n),t)}),{})}({property:e,value:i,inputIds:t}))}}};!function(e){e.Volume="previewSettings.audio.volume"}(aD||(aD={}));var cD,uD=(0,Y.Pi)((function(e){var n=e.inputs,t=e.inputIds,o=e.onUpdate,a=oD({inputs:n,inputIds:t,properties:Object.values(aD)}),c=sD({onUpdate:o,inputIds:t});return(0,s.jsx)("section",{children:(0,s.jsx)(ul,(0,r.Z)((0,i.Z)({},a[aD.Volume]),{onChange:function(e){var n=e.volume;return c("volume")(n)}}))})})),lD=t(29974),dD=t.n(lD),pD=t(97797),fD=t.n(pD),hD=function(e){var n=e.position,t=e.coords,i=e.coordsPixelValue,r=e.outputDimensions,a=AR.Z.getPositionCoordinates;if(i.length<=0)throw new Error("Playlist's input coordinates not found");var s=(0,o.Z)(i,4),c=s[2],u=s[3],l=t.slice(-2);return a(n,c,u,r).concat(l)},mD=function(e,n){return gD(tT.ZP.coordinates.dataToValue(e,n))},gD=function(e){return e.map((function(e){return(0,cr.Iw)(e,0)}))},vD=function(e){var n=e.data,t=e.onUpdate,r=(0,i.Z)({},n);Object.keys(r).length>0&&t(r)},xD=function(e){return 1===dD()(e).length},yD=(0,Y.Pi)((function(e){var n=e.items,t=void 0===n?[]:n,c=e.outputDimensions,u=e.onUpdate,l=t.length>1,d=t.map((function(e){return mD(e.previewSettings.coordinates,c)})),f=l?function(e){var n=[],t=(0,o.Z)(fD()(e),4),i=t[0],r=t[1],a=t[2],s=t[3];return!xD(i)&&n.push(jR.H0),!xD(r)&&n.push(jR.pP),!xD(a)&&n.push(jR.P$),!xD(s)&&n.push(jR.oU),n}(d):[],m=(0,o.Z)(J.useState(d[0]||[0,0,0,0]),2),g=m[0],v=m[1],x=(0,o.Z)(J.useState(void 0),2),y=x[0],b=x[1],I=(0,o.Z)(J.useState(!0),2),w=I[0],P=I[1];return J.useEffect((function(){p()(y)&&d.length>0&&b(d),p()(w)&&P(!0),p()(d[0])||Op()(g,d[0])||v(d[0])}),[d,y,w,g]),(0,s.jsx)(jR.if,{constrained:w,onConstrainedChanged:P,mixedValuesIndex:f,onAutoStepStop:!0,setFieldTouched:h(),value:g,decimalPlaces:0,setFieldValue:function(e,n,o,s,l){!function(e){var n=e.value,t=e.items,o=e.coords,s=e.emitInstantly,c=e.onAutoStepStop,u=e.changingIndex,l=e.onUpdate,d=e.originalCoords,f=e.outputDimensions,h=e.constrained,m=-1===u,g=!Op()(n,o);if((s&&p()(c)||s&&c)&&(m||g)){var v=tT.ZP.coordinates.valueToData(n,f),x={};t.forEach((function(e,n){var t;if(m)t=tT.ZP.coordinates.valueToData(d[n],f);else{t=(0,a.Z)(e.previewSettings.coordinates);var o=u!==jR.H0&&u!==jR.pP;h&&o?(t[jR.P$]=v[jR.P$],t[jR.oU]=v[jR.oU]):t[u]=v[u]}x=(0,r.Z)((0,i.Z)({},x),(0,E.Z)({},e.id,{coordinates:t}))})),vD({data:x,onUpdate:l})}}({value:n,items:t,coords:g,onUpdate:u,emitInstantly:o,onAutoStepStop:s,changingIndex:l,originalCoords:y,outputDimensions:c,constrained:w})},spinnerDisabled:l})}
1)),bD=t(39165),ID=t.n(bD),wD=t(54170),PD=function(){var e=(0,ru.Z)((function(e,n){var t,r,o,a;return(0,au.__generator)(this,(function(s){switch(s.label){case 0:return t=e.width,r=e.height,o=-1===t?1280:t,a=-1===r?720:r,[4,(0,Ku.CU)(o,a,n)];case 1:return[2,s.sent().map((function(n){return n.options?{label:n.label,options:n.options.map((function(n){return(0,i.Z)({playlistAssetId:e.id},n)}))}:(0,i.Z)({playlistAssetId:e.id},n)}))]}}))}));return function(n,t){return e.apply(this,arguments)}}(),SD=function(){var e=(0,ru.Z)((function(e,n){var t,i,r,o,a,s,c,u,l;return(0,au.__generator)(this,(function(d){switch(d.label){case 0:t=[],i=!0,r=!1,o=void 0,d.label=1;case 1:d.trys.push([1,6,7,8]),a=e[Symbol.iterator](),d.label=2;case 2:return(i=(s=a.next()).done)?[3,5]:(c=s.value,u=t.push,[4,PD(c,n)]);case 3:u.apply(t,[d.sent()]),d.label=4;case 4:return i=!0,[3,2];case 5:return[3,8];case 6:return l=d.sent(),r=!0,o=l,[3,8];case 7:try{i||null==a.return||a.return()}finally{if(r)throw o}return[7];case 8:return[2,t]}}))}));return function(n,t){return e.apply(this,arguments)}}(),ZD=function(e,n){var t=e.length>1;if(!t)return!1;var i=function(e,n){var t,i=e.map((function(e,t){return n[t]&&n[t].find((function(n){return 0===ID()(e.previewSettings.coordinates,n.value).length}))}));(1===i.length&&1===e.length||i[0]&&i.length>1&&i.length===e.length&&i.every((function(e){return e&&e.label===i[0].label})))&&(t=i[0]);return t}(e,n);return!i&&(!!t||void 0)},CD=function(e){return e.reduce((function(e,n,t){return 0===t?n.map((function(e){return e.playlistAssetId,e.coordinates,(0,G.Z)(e,["playlistAssetId","coordinates"])})):e.filter((function(e){return n.some((function(n){return e.id===n.id}))}))}),[])},jD=function(e){var n=e.data,t=e.onUpdate,r=(0,i.Z)({},n);Object.keys(r).length>0&&t(r)},kD=(0,Y.Pi)((function(e){var n=e.items,t=void 0===n?[]:n,c=e.onUpdate,u=e.outputDimensions,l=(0,o.Z)(J.useState([]),2),d=l[0],p=l[1],f=(0,o.Z)(J.useState([]),2),h=f[0],m=f[1],g=(0,o.Z)(J.useState([0,0,0,0]),2),v=g[0],x=g[1],y=ZD(t,h),b=J.useCallback((0,ru.Z)((function(){var e;return(0,au.__generator)(this,(function(n){switch(n.label){case 0:return t.length>0?[4,SD(t,u)]:[3,2];case 1:e=n.sent(),x(t[0].previewSettings.coordinates),p(CD(e)),m(e.map((function(e){return e.reduce((function(e,n){var t;return n.options?(t=e).push.apply(t,(0,a.Z)(n.options)):e.push(n),e}),[])}))),n.label=2;case 2:return[2]}}
1))})),[t,u]);return J.useEffect((function(){b()}),[t,b]),(0,s.jsx)(wD.Z,{name:"Presets",videoDimensions:u,presetOptions:d,value:v,isMixed:y,onPresetDelete:function(){return b()},onPresetSave:function(){return b()},setFieldValue:function(e,n){!function(e){var n=e.value,t=e.onUpdate,o=e.computedPresets,a={};o.forEach((function(e){var t=e.find((function(e){return e.id===n.id}));t&&(a=(0,r.Z)((0,i.Z)({},a),(0,E.Z)({},t.playlistAssetId,{coordinates:t.value})))})),jD({data:a,onUpdate:t})}({value:n,onUpdate:c,computedPresets:h})}})}));!function(e){e.Opacity="previewSettings.display.opacity"}(cD||(cD={}));var TD=(0,Y.Pi)((function(e){var n=e.inputs,t=e.inputIds,o=e.onUpdate,a=e.outputDimensions,c=e.items,u=oD({inputs:n,inputIds:t,properties:Object.values(cD)}),l=sD({onUpdate:o,inputIds:t});return(0,s.jsxs)("section",{children:[(0,s.jsx)(kD,{items:c,onUpdate:o,outputDimensions:a}),(0,s.jsx)(PR,{}),(0,s.jsx)(ZR,{children:"Transform"}),(0,s.jsx)(yD,{items:c,onUpdate:o,outputDimensions:a}),(0,s.jsx)(TL,(0,r.Z)((0,i.Z)({},u[cD.Opacity]),{onChange:l("display.opacity")})),(0,s.jsx)("div",{style:{display:"flex"},children:(0,s.jsx)(ER,{positionGridCallback:function(e){return function(e){var n=e.position,t=e.items,o=e.onUpdate,a=e.outputDimensions,s={};t.forEach((function(e){var t=mD(e.previewSettings.coordinates,a);s=(0,r.Z)((0,i.Z)({},s),(0,E.Z)({},e.id,{coordinates:hD({position:n,coords:e.previewSettings.coordinates,coordsPixelValue:t,outputDimensions:a})}))})),vD({data:s,onUpdate:o})}({position:e,items:c,onUpdate:o,outputDimensions:a})}})})]})}));function RD(){var e=(0,R.Z)(["\n color: ",";\n font-size: 11px;\n"]);return RD=function(){return e},e}function LD(){var e=(0,R.Z)(["\n font-size: 13px;\n font-weight: 400;\n text-transform: uppercase;\n margin-bottom: 1em;\n\n label {\n color: ",";\n font-size: 0.84615em;\n }\n"]);return LD=function(){return e},e}function AD(){var e=(0,R.Z)(["\n padding-bottom: ",";\n"]);return AD=function(){return e},e}function MD(){var e=(0,R.Z)(["\n img {\n margin-top: ",";\n }\n\n .grValueSlider {\n margin: 0 10px 50px;\n }\n"]);return MD=function(){return e},e}function OD(){var e=(0,R.Z)(["\n margin-top: 10px;\n\n label {\n font-size: 11px;\n }\n"]);return OD=function(){return e},e}function DD(){var e=(0,R.Z)(["\n display: flex;\n align-items: baseline;\n\n & > .grValueSlider.grInputSlider {\n flex: 1;\n }\n\n & > .playbackSpeedSelect {\n flex-basis: 5.5em;\n }\n"]);return DD=function(){return e},e}var ED=L.ZP.label.withConfig({componentId:"sc-5f408ef9-0"})(RD(),(function(e){return e.theme.colors.defaultText})),ND=L.ZP.div.withConfig({componentId:"sc-5f408ef9-1"})(LD(),(function(e){return e.theme.colors.defaultText})),BD=L.ZP.div.withConfig({componentId:"sc-5f408ef9-2"})(AD(),(function(e){return e.theme.largePadding})),VD=L.ZP.section.withConfig({componentId:"sc-5f408ef9-3"})(MD(),(function(e){return e.theme.largePadding})),FD=(0,L.ZP)(mn.wA).attrs({uiType:"switch"}).withConfig({componentId:"sc-5f408ef9-4"})(OD()),zD=L.ZP.div.withConfig({componentId:"sc-5f408ef9-5"})(DD());function UD(){var e=(0,R.Z)(["\n color: ",";\n font-size: 11px;\n"]);return UD=function(){return e},e}var HD=L.ZP.label.withConfig({componentId:"sc-b3125383-0"})(UD(),(function(e){return e.theme.colors.defaultText})),_D=(0,Y.Pi)((function(e){var n,t=e.items,i=void 0===t?[]:t,r=e.onUpdate,o=i.length>0,a=i[0],c=(0,J.useState)(""),u=c[0],l=c[1],d=(0,J.useState)(!1),p=d[0],f=d[1];return(0,J.useEffect)((function(){!p&&l(o?i[0].displayName:"")}),[p,o,null===(n=i[0])||void 0===n?void 0:n.displayName]),(0,s.jsxs)("section",{children:[(0,s.jsx)(AL,{title:"Details",items:[{title:"Title",value:u,onChange:l}],onSave:function(){r((0,E.Z)({},i[0].id,{displayName:u}))},onToggle:function(e){f(!e),e&&o&&l(i[0].displayName)}}),(0,s.jsxs)("div",{style:{marginTop:"1em"},children:[(0,s.jsx)(HD,{children:"PLAYBACK SPEED"}),(0,s.jsx)(zD,{children:(0,s.jsx)(pd,{playbackSpeed:a.previewSettings.playbackSpeed,onChange:function(e){var n=e.playbackSpeed;return a.requestUpdate({playbackSpeed:n})}})})]})]})}));function WD(){var e=(0,R.Z)(["\n position: absolute;\n top: 1em;\n right: 1em;\n width: 32px;\n height: 32px;\n padding: 0;\n color: ",";\n background: ",";\n box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);\n border: none;\n border-radius: 50%;\n display: flex;
1\n align-items: center;\n justify-content: center;\n"]);return WD=function(){return e},e}function GD(){var e=(0,R.Z)(["\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n box-shadow: 0 0px 8px rgba(0, 0, 0, 0.2);\n margin-bottom: 1em;\n"]);return GD=function(){return e},e}function YD(){var e=(0,R.Z)(["\n border-top-left-radius: inherit;\n border-top-right-radius: inherit;\n max-height: 100%;\n width: 100%;\n"]);return YD=function(){return e},e}function XD(){var e=(0,R.Z)(["\n aspect-ratio: 16 / 9;\n background-color: black;\n border-top-left-radius: inherit;\n border-top-right-radius: inherit;\n display: flex;\n flex-direction: column;\n max-width: 100%;\n position: relative;\n"]);return XD=function(){return e},e}var qD=L.ZP.button.withConfig({componentId:"sc-66e2796a-0"})(WD(),(function(e){return e.theme.colors.text8}),(function(e){return e.theme.colors.background})),JD=function(e){var n=e.isMuted,t=e.onToggle,o=(0,G.Z)(e,["isMuted","onToggle"]),a=n?ks.Z:js.Z;return(0,s.jsx)(qD,(0,r.Z)((0,i.Z)({onClick:t},o),{children:(0,s.jsx)(a,{})}))},KD=L.ZP.div.withConfig({componentId:"sc-66e2796a-1"})(GD()),QD=L.ZP.video.withConfig({componentId:"sc-66e2796a-2"})(YD()),$D=L.ZP.div.withConfig({componentId:"sc-66e2796a-3"})(XD()),eE=function(e){var n=e.poster,t=e.src,i=e.duration,r=e.inPoint,a=e.outPoint,c=e.onInOutPointsChange,u=e.contentStartOffset,l=void 0===u?0:u,d=e.mediaStartTime,p=void 0===d?0:d,f=J.useRef(),h=(0,o.Z)((0,on.Z)(!0),2),m=h[0],g=h[1],v=(0,o.Z)(J.useState(!1),2),x=v[0],y=v[1],b=(0,o.Z)(J.useState(r),2),I=b[0],w=b[1],P=(0,o.Z)(J.useState(!1),2),S=P[0],Z=P[1];J.useEffect((function(){var e;null===(e=f.current)||void 0===e||e.load(),j(r)}),[t]);var C=function(e){f.current&&!isNaN(e)&&(f.current.currentTime=(e+p+l)/1e3)},j=function(e){isNaN(e)||(w(e),C(e))},k=[{name:"jumpToMarkIn",tooltip:"Jump to In Point",Icon:tb.Z,onClick:function(){return C(r)}},{name:"back5seconds",tooltip:"Go back 5 seconds",Icon:Ky.Z,onClick:function(){return f.current.currentTime-=5}},{name:"back1Second",tooltip:"Go back 1 second",Icon:Jy.Z,onClick:function(){return f.current.currentTime-=1}},{name:"frameLeft",tooltip:"Go back 1 frame",Icon:eb.Z,onClick:function(){return f.current.currentTime-=.04}},{name:"playPause",Icon:x?rb.Z:ob.Z,tooltip:x?"Pause":"Play",onClick:function(){f.current.paused?(Z(I===r),f.current.play()):f.current.pause()}},{name:"frameRight",tooltip:"Go forward 1 frame",Icon:nb.Z,onClick:function(){return f.current.currentTime+=.04}},{name:"forward1Second",tooltip:"Go forward 1 second",Icon:Qy.Z,onClick:function(){return f.current.currentTime+=1}},{name:"forward5seconds",tooltip:"Go forward 5 second",Icon:$y.Z,onClick:function(){return f.current.currentTime+=5}},{name:"jumpToMarkOut",tooltip:"Jump to Out Point",Icon:ib.Z,onClick:function(){return C(a)}}];return(0,s.jsxs)("section",{children:[(0,s.jsxs)(KD,{children:[(0,s.jsxs)($D,{children:[(0,s.jsx)(QD,{ref:f,autoPlay:!1,controls:!1,muted:m,poster:n,onContextMenu:function(e){return e.preventDefault()},onLoadedMetadata:function(){return C(I)},onPause:function(){return y(!1)},onPlay:function(){return y(!0)},onTimeUpdate:function(){if(f.current){var e=1e3*f.current.currentTime-(p+l);w(e),S&&e>=a&&(Z(!1),f.current.pause())}},playsInline:!0,"x-webkit-airplay":"allow",children:(0,s.jsx)("source",{src:t,type:"video/mp4"})}),(0,s.jsx)(JD,{isMuted:m,onToggle:g})]}),(0,s.jsx)(sI,{controls:k,showPlayerTime:!0,playerTime:I}),(0,s.jsx)($I,{clipEnd:i,inPoint:r,outPoint:a,onInOutPointsChange:c,position:I,onPositionChange:j})]}),(0,s.jsx)(oI,{onMarkIn:function(){return function(e){var n=a;if(e>=a){var t=a-r;n=Math.min(e+t,i)}c([e,n])}(I)},onMarkOut:function(){return function(e){var n=r;if(e<=r){var t=a-r;n=Math.max(0,e-t)}c([n,e])}(I)}})]})},nE=function(){var e=(0,ru.Z)((function(e,n){var t,r,o,a;return(0,au.__generator)(this,(function(s){switch(s.label){case 0:return t=e.width,r=e.height,o=-1===t?1280:t,a=-1===r?720:r,[4,(0,Ku.CU)(o,a,n)];case 1:return[2,s.sent().map((function(n){return n.options?{label:n.label,options:n.options.map((function(n){return(0,i.Z)({playlistAssetId:e.id},n)}))}:(0,i.Z)({playlistAssetId:e.id},n)}))]}}))}));return function(n,t){return e.apply(this,arguments)}}(),tE=function(){var e=(0,ru.Z)((function(e,n){var t,i,r,o,a,s,c,u,l;return(0,au.__generator)(this,(function(d){switch(d.label){case 0:t=[],i=!0,r=!1,o=void 0,d.label=1;case 1:d.trys.push([1,6,7,8]),a=e[Symbol.iterator](),d.label=2;case 2:return(i=(s=a.next()).done)?[3,5]:(c=s.value,u=t.push,[4,nE(c,n)]);case 3:u.apply(t,[d.sent()]),d.label=4;case 4:return i=!0,[3,2];case 5:return[3,8];case 6:return l=d.sent(),r=!0,o=l,[3,8];case 7:try{i||null==a.return||a.return()}finally{if(r)throw o}
1return[7];case 8:return[2,t]}}))}));return function(n,t){return e.apply(this,arguments)}}(),iE=function(e,n){var t=e.length>1;if(!t)return!1;var i=function(e,n){var t,i=e.map((function(e,t){return n[t]&&n[t].find((function(n){return 0===ID()(e.previewSettings.coordinates,n.value).length}))}));(1===i.length&&1===e.length||i[0]&&i.length>1&&i.length===e.length&&i.every((function(e){return e&&e.label===i[0].label})))&&(t=i[0]);return t}(e,n);return!i&&(!!t||void 0)},rE=function(e){return e.reduce((function(e,n,t){return 0===t?n.map((function(e){return e.playlistAssetId,e.coordinates,(0,G.Z)(e,["playlistAssetId","coordinates"])})):e.filter((function(e){return n.some((function(n){return e.id===n.id}))}))}),[])},oE=function(e){var n=e.position,t=e.coords,i=e.coordsPixelValue,r=e.outputDimensions,a=AR.Z.getPositionCoordinates;if(i.length<=0)throw new Error("Playlist's input coordinates not found");var s=(0,o.Z)(i,4),c=s[2],u=s[3],l=t.slice(-2);return a(n,c,u,r).concat(l)},aE=function(e,n){return sE(tT.ZP.coordinates.dataToValue(e,n))},sE=function(e){return e.map((function(e){return(0,cr.Iw)(e,0)}))},cE=function(e){return 1===dD()(e).length},uE=function(e){var n=e.data,t=e.onUpdate,r=(0,i.Z)({},n);Object.keys(r).length>0&&t(r)},lE=(0,Y.Pi)((function(e){var n=e.items,t=void 0===n?[]:n,c=e.outputDimensions,u=e.onUpdate,l=t.length>1,d=(0,o.Z)(J.useState([]),2),f=d[0],m=d[1],g=(0,o.Z)(J.useState([]),2),v=g[0],x=g[1],y=(0,o.Z)(J.useState(iE(t,v)),2),b=y[0],I=y[1],w=t.map((function(e){return aE(e.previewSettings.coordinates,c)})),P=l?function(e){var n=[],t=(0,o.Z)(fD()(e),4),i=t[0],r=t[1],a=t[2],s=t[3];return!cE(i)&&n.push(jR.H0),!cE(r)&&n.push(jR.pP),!cE(a)&&n.push(jR.P$),!cE(s)&&n.push(jR.oU),n}(w):[],S=(0,o.Z)(J.useState(w[0]||[0,0,0,0]),2),Z=S[0],C=S[1],j=(0,o.Z)(J.useState(void 0),2),k=j[0],T=j[1],R=(0,o.Z)(J.useState(!0),2),L=R[0],A=R[1],M=(0,o.Z)(J.useState([0,0,0,0]),2),O=M[0],D=M[1],N=J.useCallback((0,ru.Z)((function(){var e;return(0,au.__generator)(this,(function(n){switch(n.label){case 0:return t.length>0?[4,tE(t,c)]:[3,2];case 1:e=n.sent(),D(t[0].previewSettings.coordinates),m(rE(e)),x(e.map((function(e){return e.reduce((function(e,n){var t;return n.options?(t=e).push.apply(t,(0,a.Z)(n.options)):e.push(n),e}),[])}))),n.label=2;case 2:return[2]}}
1))})),[t,c]);return J.useEffect((function(){N()}),[t,N]),J.useEffect((function(){p()(k)&&w.length>0&&T(w),p()(L)&&A(!0),p()(w[0])||Op()(Z,w[0])||C(w[0])}),[w,k,L,Z]),(0,s.jsx)(LC.ZP,{onSubmit:h(),onChange:h(),FormComponent:function(){return(0,s.jsxs)("form",{children:[(0,s.jsx)(wD.Z,{name:"Presets",videoDimensions:c,presetOptions:f,value:O,isMixed:b,onPresetDelete:function(){return N()},onPresetSave:function(){return N()},setFieldValue:function(e,n){!function(e){var n=e.value,t=e.onUpdate,o=e.computedPresets,a={};o.forEach((function(e){var t=e.find((function(e){return e.id===n.id}));t&&(a=(0,r.Z)((0,i.Z)({},a),(0,E.Z)({},t.playlistAssetId,{coordinates:t.value})))})),uE({data:a,onUpdate:t})}({value:n,onUpdate:u,computedPresets:v})}}),(0,s.jsx)(jR.F3,{label:"ASSET DIMENSIONS",name:"coords",constrained:L,onConstrainedChanged:A,mixedValuesIndex:P,onAutoStepStop:!0,setFieldTouched:h(),value:Z,originalValue:k?k[0]:void 0,alertMessage:"Canvas is ".concat(c.width,"px x ").concat(c.height,"px"),decimalPlaces:0,setFieldValue:function(e,n,o,s,l){!function(e){var n=e.value,t=e.items,o=e.coords,s=e.emitInstantly,c=e.onAutoStepStop,u=e.changingIndex,l=e.onUpdate,d=e.originalCoords,f=e.outputDimensions,h=e.constrained,m=e.setMixedPresetStatus,g=-1===u,v=!Op()(n,o);if((s&&p()(c)||s&&c)&&(g||v)){var x=tT.ZP.coordinates.valueToData(n,f),y={};t.forEach((function(e,n){var o;if(g)o=tT.ZP.coordinates.valueToData(d[n],f),t.length&&m(!0);else{o=(0,a.Z)(e.previewSettings.coordinates);var s=u!==jR.H0&&u!==jR.pP;h&&s?(o[jR.P$]=x[jR.P$],o[jR.oU]=x[jR.oU]):o[u]=x[u],t.length&&m(!1)}y=(0,r.Z)((0,i.Z)({},y),(0,E.Z)({},e.id,{coordinates:o}))})),uE({data:y,onUpdate:l})}}({value:n,items:t,coords:Z,onUpdate:u,emitInstantly:o,onAutoStepStop:s,changingIndex:l,originalCoords:k,outputDimensions:c,constrained:L,setMixedPresetStatus:I})},spinnerDisabled:l}),(0,s.jsx)(ER,{positionGridCallback:function(e){return function(e){var n=e.position,t=e.items,o=e.onUpdate,a=e.outputDimensions,s={};t.forEach((function(e){var t=aE(e.previewSettings.coordinates,a);s=(0,r.Z)((0,i.Z)({},s),(0,E.Z)({},e.id,{coordinates:oE({position:n,coords:e.previewSettings.coordinates,coordsPixelValue:t,outputDimensions:a})}))})),uE({data:s,onUpdate:o})}({position:e,items:t,onUpdate:u,outputDimensions:c})}})]})}})}));var dE=(0,Y.Pi)((function(e){var n,t,i=e.isOpen,r=e.playlist,a=e.onBack,c=e.onUpdate,u=e.canvasOutputDimensions,l=e.tab,d=e.setTab,p=e.inputs,f=void 0===p?[]:p,h=1===f.length,m=f.length>1,g="Source settings ".concat(m?"(".concat(f.length," assets)"):""),v=h?f[0]:void 0,x=(0,Sp.s0)(),y=(0,Sp.TH)(),b=(0,q.oR)().controlRoom.playlist;return(0,J.useEffect)((function(){i||d(void 0)}),[i]),(0,s.jsx)(tx.Z,{isOpen:i,transitionDuration:0,children:(0,s.jsxs)(Rp.ZP,{headerTitle:g,onClose:function(){a(),y.pathname.startsWith("/replay")||x("../")},onBack:a,selected:l,onTabSelected:function(e){var n=e.selected;return d(n)},children:[h&&(0,s.jsx)(Rp.et,{name:"Source settings",id:"settings",icon:"settings",children:(0,s.jsx)(_D,{items:f,onUpdate:c})}),(0,s.jsx)(Rp.et,{name:"Display settings",id:"display",icon:"thumbnail",children:(0,hn._K)()?(0,s.jsx)(TD,{inputs:r.playlistInputs,inputIds:b.selectedInputs,onUpdate:c,outputDimensions:u,items:f}):(0,s.jsx)(lE,{items:f,onUpdate:c,outputDimensions:u})}),!(0,hn.aY)()&&(0,s.jsx)(Rp.et,{name:"Audio settings",id:"audio",icon:"headphones",children:(0,s.jsx)(uD,{inputs:r.playlistInputs,inputIds:b.selectedInputs,onUpdate:r.updateInputs})}),(0,hn.NX)()&&h&&(0,s.jsx)(Rp.et,{name:"Trimmer settings",id:"trimmer",icon:"cut",disabled:!v.src,children:(0,s.jsx)(eE,{src:v.src,contentStartOffset:null===(n=v.preview)||void 0===n?void 0:n.producer.contentStartOffset,mediaStartTime:null===(t=v.preview)||void 0===t?void 0:t.producer.mediaStartTime,poster:v.thumbnailUrl,duration:v.duration,inPoint:v.adjustedStartTime,outPoint:v.adjustedEndTime,onInOutPointsChange:function(e){var n=(0,o.Z)(e,2),t=n[0],i=n[1];return v.optimisticThrottledUpdate({playbackStartTime:t,playbackEndTime:i})}})})]})})}));function pE(){var e=(0,R.Z)(["\n color: ",";\n "]);return pE=function(){return e},e}function fE(){var e=(0,R.Z)(["\n grid-column: message;\n text-align: center;\n margin-right: 4em;\n\n ",";\n"]);return fE=function(){return e},e}function hE(){var e=(0,R.Z)(["\n color: ",";
1\n\n i {\n cursor: not-allowed;\n }\n "]);return hE=function(){return e},e}function mE(){var e=(0,R.Z)(["\n align-self: stretch;\n justify-self: stretch;\n font-size: 20px;\n background: transparent;\n border: none;\n display: flex;\n align-items: center;\n justify-content: center;\n\n ",";\n"]);return mE=function(){return e},e}function gE(){var e=(0,R.Z)(["\n background: ",";\n border-bottom: 1px solid ",";\n display: grid;\n grid-template-columns: [checkbox] 8em [message] 1fr [remove] 3em [settings] 2em;\n align-items: center;\n height: 40px;\n padding: 0 1em;\n user-select: none;\n transition: height 0.3s, opacity 0.3s;\n"]);return gE=function(){return e},e}var vE=L.ZP.p.withConfig({componentId:"sc-6bb3712a-0"})(fE(),(function(e){var n=e.isAlert,t=e.theme;return n&&(0,L.iv)(pE(),t.colors.primary)})),xE=L.ZP.button.withConfig({componentId:"sc-6bb3712a-1"})(mE(),(function(e){return e.disabled&&(0,L.iv)(hE(),e.theme.colors.text7)}));function yE(e){var n=e.onClick,t=e.disabled,i=e.isMediaPlayer,r=(0,J.useState)(!1),o=r[0],a=r[1],c=(0,J.useRef)(!0),u=i?"Media Player":"playlist";return(0,J.useEffect)((function(){return function(){c.current=!1}}),[]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(xE,{onClick:function(){return!o&&a(!0)},disabled:t,children:(0,s.jsx)(O.Z,{innerHtml:"Remove",position:"top",distance:10,children:(0,s.jsx)(M.Z,{name:"bin"})})}),o&&(0,s.jsx)(gn.Z,{title:"Remove ".concat(u," Assets"),confirmCallback:n,cancelCallback:function(){return c.current&&a(!1)},confirmLabel:"Remove",confirmIcon:"bin",closeLabel:"Cancel",children:"You are about to remove the selected assets from the\n ".concat(u,". Are you sure?")})]})}var bE=function(e){var n=e.onClick,t=e.disabled;return(0,s.jsx)(xE,{onClick:n,disabled:t,children:(0,s.jsx)(O.Z,{innerHtml:"Settings",position:"top",distance:10,children:(0,s.jsx)(M.Z,{name:"settings"})})})},IE=L.ZP.div.withConfig({componentId:"sc-6bb3712a-2"})(gE(),(function(e){return e.theme.colors.background}),(function(e){return e.theme.colors.outline})),wE=function(e){return"".concat(e," asset").concat(1===e?"":"s")};var PE=function(e){var n=e.isEditable,t=e.isMediaPlayer,r=e.inputs,a=e.playlistInputSettings,c=e.onChangeAll,u=e.onRemove,l=e.selectedInputs,d=void 0===l?[]:l,p=e.deletedInputs,f=(0,o.Z)(J.useState(!1),2),h=f[0],m=f[1],g=t&&!d.length&&!h,v=n&&r.length>0,x=d.length===r.length,y=p>0,b=d.length>0,I=b?"".concat(wE(d.length)," selected"):"".concat(wE(r.length)," to play");return(0,s.jsxs)(IE,{onMouseEnter:function(){return m(!0)},onMouseLeave:function(){return m(!1)},style:(0,i.Z)({},g&&{height:0,opacity:0,visibility:"hidden"}),children:[v&&!y&&(0,s.jsx)(mn.wA,{value:x,onChange:c,checkboxLabel:x?"Deselect all":"Select all"}),(0,s.jsx)(vE,{isAlert:y,children:y?"".concat(wE(p)," deleted"):I}),v&&!y&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(yE,{isMediaPlayer:t,onClick:u,disabled:!b}),(0,s.jsx)(bE,{onClick:a.open,disabled:!b})]})]})},SE=function(e){var n=e.isMediaPlayer,t=e.isPlaying,r=e.inputs,o=(0,G.Z)(e,["isMediaPlayer","isPlaying","inputs"]);return(0,s.jsxs)(KO,{children:[(0,s.jsxs)("figure",{children:[(0,s.jsx)(lA.Z,{src:uA.gZ,alt:"No assets",width:140,height:140}),(0,s.jsx)(QO,{children:n?"No clips are currently queued":"No asset has been added into this playlist"})]}),!t&&(0,s.jsx)(CE,(0,i.Z)({inputs:r},o))]})},ZE=(0,wn.W8)((function(e){var n=e.input,t=e.isDraggable,i=e.isPlaying,r=e.isMediaPlayer,o=e.ListItem,a=e.playlist,c=e.order,u=e.onChangeInput,l=e.selectedInputs;return(0,s.jsx)(o,{input:n,isDraggable:t,isPlaying:i,isMediaPlayer:r,playlist:a,order:c,onChangeInput:u,selectedInputs:l})})),CE=function(e){var n=e.inputs,t=void 0===n?[]:n,i=e.isMediaPlayer,r=e.toggleAddAsset,o=e.maxInputsPerPlaylist,a=i?"Media Player":"Playlist",c="Add ".concat(a," asset"),u="Maximum number of ".concat(a," assets"),l=t.length>=o;return(0,s.jsx)(xs.Tv,{tooltip:"",customPosition:"",disabled:l,onClick:r,title:l?u:c,placement:"left"})},jE=(0,wn.JN)((function(e){var n=e.inputs,t=e.isMediaPlayer,i=e.isSortable,r=e.isPlaying,o=e.playlist,a=e.onChangeInput,c=e.selectedInputs;return(0,s.jsx)("ul",{children:n.map((function(e,n){return(0,s.jsx)(ZE,{order:n+1,index:n,input:e,isMediaPlayer:t,isDraggable:i,isPlaying:r,ListItem:t?_A:YO,playlist:o,selectedInputs:c,onChangeInput:a},e.id)}))})})),kE=function(e){var n=e.inputs,t=void 0===n?[]:n,o=e.isMediaPlayer,a=e.isEditable,c=e.isPlaying,u=(0,G.Z)(e,["inputs","isMediaPlayer","isEditable","isPlaying"]);return(0,s.jsxs)($O,{children:[(0,s.jsx)(jE,(0,r.Z)((0,i.Z)({},u),{inputs:t,isMediaPlayer:o,isPlaying:c,isSortable:a,useDragHandle:!0,lockAxis:"y",lockToContainerEdges:!0,helperContainer:(0,Rh.K1)()})),a&&(0,s.jsx)(CE,(0,i.Z)({inputs:t,isMediaPlayer:o},u))]})},TE=(0,J.memo)(kE);var RE=(0,Y.Pi)((function(e){var n=e.isEditable,t=e.isPlaying,r=e.playlist,o=e.onAddAsset,a=e.onUpdateAssets,c=e.addPlaylistInputs,u=e.playlistInputSettings,l=e.canvasOutputDimensions,d=e.inputs,p=void 0===d?[]:d,f=e.max
1InputsPerPlaylist,h=(0,G.Z)(e,["isEditable","isPlaying","playlist","onAddAsset","onUpdateAssets","addPlaylistInputs","playlistInputSettings","canvasOutputDimensions","inputs","maxInputsPerPlaylist"]),m=(0,J.useState)(p),g=m[0],v=m[1],x=(0,q.oR)().controlRoom.playlist,y=x.selectInput,b=x.unselectInput,I=x.setSelectedInputs,w=x.clearSelectedInputs,P=x.selectedInputs,S=void 0===P?[]:P,Z=x.deletedInputs,C=x.setDeletedInputs,j=Boolean(r.isMediaPlayer);return(0,J.useEffect)((function(){v(p)}),[p]),(0,J.useEffect)((function(){var e=function(){c.close(),u.close(),w()};return t&&e(),e}),[c,w,t,u]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(PE,{deletedInputs:Z,isEditable:n,isMediaPlayer:j,inputs:p,playlistInputSettings:u,selectedInputs:S,onChangeAll:function(){S.length===p.length?w():I(p.map((function(e){return e.id})))},onRemove:function(){C(S.length),r.removeInputs(S),w()}}),0===g.length?(0,s.jsx)(SE,(0,i.Z)({isMediaPlayer:j,toggleAddAsset:c.toggle,inputs:p},h)):(0,s.jsx)(TE,(0,i.Z)({isEditable:n,isPlaying:t,isMediaPlayer:j,inputs:g,onSortEnd:function(e){var n=e.oldIndex,t=e.newIndex;if(n!==t){var i=(0,vc.Rp)(g,n,t);a(function(e){var n=e.oldIndex,t=e.newIndex,i=e.inputs,r=i[n],o=i[t];return(0,E.Z)({},r.id,{playlistIndex:o.playlistIndex})}({oldIndex:n,newIndex:t,inputs:g})),v(i)}},toggleAddAsset:c.toggle,selectedInputs:S,onChangeInput:function(e){var n=e.id;e.isSelected?y(n):b(n)},playlist:r},h)),(0,s.jsx)(L.f6,{theme:an.Z,children:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(aO,{isOpen:c.isOpen,onBack:c.close,remainingAssets:f-p.length,onSubmit:function(e,n){o(e),c.close(),n(!1)}}),(0,s.jsx)(dE,{isOpen:u.isOpen,onBack:u.close,tab:u.tab,setTab:u.setTab,inputs:S.map((function(e){return p.find((function(n){return n.id===e}))})).filter(Boolean),onUpdate:a,canvasOutputDimensions:l,playlist:r})]})})]})}));function LE(){var e=(0,R.Z)(["\n color: ",";\n display: flex;\n flex-direction: column;\n font-size: ","px;\n overflow: auto;\n"]);return LE=function(){return e},e}var AE=L.ZP.div.withConfig({componentId:"sc-631dce80-0"})(LE(),(function(e){return e.theme.colors.text1}),(function(e){return e.theme.fontSizeBase}));function ME(){var e=(0,R.Z)(["\n background-color: ",";\n border-bottom: 1px solid ",";\n"]);return ME=function(){return e},e}var OE=L.ZP.div.withConfig({componentId:"sc-67edd555-0"})(ME(),(function(e){return e.theme.colors.background}),(function(e){return e.theme.colors.outline})),DE=t(80213),EE=(0,Y.Pi)((function(e){var n=e.videoStreamID,t=(0,q.oR)().streamConfig,i=t.connectPlayerToWebRTCPlayback,r=t.disconnectPlayerFromWebRTCPlayback;return(0,s.jsx)(DE.yj,{children:(0,s.jsx)(DE.My,{autoplay:!0,controls:!1,muted:!0,connectPlayerToWebRTCPlayback:i,disconnectPlayerFromWebRTCPlayback:r,videoStreamID:n})})})),NE=(0,Y.Pi)((function(e){var n=e.playlist,t=e.isDisabled,i=e.isLastInput;return(0,s.jsxs)(jd,{children:[(0,s.jsx)(kd,{"aria-label":"Previous asset",disabled:t,onClick:n.selectPreviousInput,size:40,children:(0,s.jsx)(eb.Z,{})}),(0,s.jsx)(kd,{"aria-label":n.paused?"Play":"Pause",disabled:t,onClick:n.playOrPause,size:50,children:n.paused?(0,s.jsx)(ob.Z,{}):(0,s.jsx)(rb.Z,{})}),(0,s.jsx)(kd,{"aria-label":"Next asset",disabled:t||i,onClick:n.selectNextInput,size:40,children:(0,s.jsx)(nb.Z,{})})]})})),BE=(0,Y.Pi)((function(e){var n,t=e.playlist,r=e.hasAssets,o=e.videoStreamID,a=e.timeToNextAsset,c=void 0===a?0:a,u=t.selectedInputIndex===t.playlistInputsList.length-1,l=null!==(n=t.selectedInput)&&void 0!==n?n:{},d=l.resourceURI,p=void 0===d?"":d,f=l.duration,h=void 0===f?0:f,m=t.selectedPlaylistSourcePlayoutDuration,g=(null===p||void 0===p?void 0:p.startsWith("grn:udvrMarker"))&&0===h;return(0,s.jsxs)(DE.gq,{children:[(0,s.jsx)(DE.Cz,{children:(0,s.jsx)(EE,{videoStreamID:o})}),(0,s.jsxs)(DE.pv,{children:[(0,s.jsxs)(sd,{children:[(0,s.jsx)("h4",{style:(0,i.Z)({},!r&&{visibility:"hidden"}),children:g?"Live play time":u||t.endMode===Wl.UZ.PlayOne?"Queue ends in":"Next asset in"}),(0,s.jsx)(ad,{children:kl.ZP.millisecondsToHHMMSS(g?m:c)})]}),(0,s.jsx)(NE,{playlist:t,isDisabled:!r,isLastInput:u})]})]})})),VE=(0,Y.Pi)((function(e){var n,t=e.playlist,r=(0,q.oR)(),o=r.streamConfig.assetLibrary,a=r.controlRoom,c=a.playlist,u=a.sidebars,l=u.addPlaylistInputs,d=u.playlistInputSettings,p=t.isPlaying,f=t.timeToNextAsset,h=t.maxInputsPerPlaylist,m=t.canvasOutputDimensions,g={playlist:t,hasAssets:Boolean(t.playlistInputsList.length),connectPlayerToWebRTCPlayback:t.connectPlayerToWebRTCPlayback,disconnectPlayerFromWebRTCPlayback:t.disconnectPlayerFromWebRTCPlayback,videoStreamID:t.videoStreamID,timeToNextAsset:f},v=t.selectedInputIndex===t.playlistInputsList.length-1,x=0===(null===(n=t.selectedInput)||void 0===n?void 0:n.duration),y={playlist:t,currentTime:t.playoutDuration,totalTime:t.duration,isFrozen:x,openEnding:v&&x,isPaused:t.paused},b={onUpdateAssets:t.updateInputs,inputs:t.playlistInputsList,onAddAsset:t.addInput
1s,canvasOutputDimensions:m,playlistInputSettings:d,maxInputsPerPlaylist:h,addPlaylistInputs:l,playlistUI:c,assetLibrary:o,isEditable:!0,isPlaying:p,playlist:t};return(0,s.jsxs)(AE,{children:[(0,s.jsxs)(OE,{children:[(0,s.jsx)(BE,(0,i.Z)({},g)),(0,s.jsx)(Vd,(0,i.Z)({},y))]}),(0,s.jsx)(RE,(0,i.Z)({},b))]})})),FE=t(42532),zE=t.n(FE);function UE(){var e=(0,R.Z)(["\n color: ",";\n overflow: scroll;\n padding: 10px 0 10px 5%;\n text-transform: none;\n white-space: nowrap;\n"]);return UE=function(){return e},e}var HE=L.ZP.footer.withConfig({componentId:"sc-e10ac303-0"})(UE(),(function(e){return e.theme.colors.text7})),_E=function(e){(0,Rl.Z)(t,e);var n=(0,Ll.Z)(t);function t(){var e;return(0,Tl.Z)(this,t),(e=n.apply(this,arguments)).state={shouldDisplayIcon:window.innerWidth<=1100},e.mobileCopyButton=J.createRef(),e.copyButton=J.createRef(),e.clipboard=J.createRef(),e.updateDeviceSize=function(){if(window.innerWidth<=1100&&e.state.shouldDisplayIcon||window.innerWidth>1100&&!e.state.shouldDisplayIcon)return!1;e.setState({shouldDisplayIcon:!e.state.shouldDisplayIcon})},e}var i=t.prototype;return i.componentDidMount=function(){var e=this;window.addEventListener("resize",tS()(this.updateDeviceSize,500)),this.clipboard=new(zE())(this.state.shouldDisplayIcon?this.mobileCopyButton.current.myRef.current:this.copyButton.current.myRef.current,{text:function(){return e.props.value}})},i.componentWillUnmount=function(){window.removeEventListener("resize",tS()(this.updateDeviceSize,500))},i.render=function(){var e=this.props,n=e.value,t=e.handleRefreshClick,i=e.handleCopyClick,r=e.dataTestId;return(0,s.jsxs)(Dp.Zb,{"data-testid":r,children:[(0,s.jsxs)(ag.Z,{children:[(0,s.jsx)("section",{children:(0,s.jsx)(Ic.XJ,{children:"INVITE GUEST LINK"})}),this.state.shouldDisplayIcon?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(ng.xC,{onClick:t,children:(0,s.jsx)(O.Z,{position:"bottom",innerHtml:"Refresh access token",children:(0,s.jsx)(M.Z,{name:"reload"})})}),(0,s.jsx)(ng.xC,{ref:this.mobileCopyButton,onClick:i,children:(0,s.jsx)(O.Z,{position:"bottom",innerHtml:"Copy link to clipboard",children:(0,s.jsx)(M.Z,{name:"clone"})})})]}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(ng.xC,{onClick:t,children:[" ","REFRESH"," "]}),(0,s.jsxs)(ng.xC,{ref:this.copyButton,onClick:i,children:[" ","COPY LINK"," "]})]})]}),(0,s.jsx)(HE,{children:n})]})},t}(J.PureComponent);_E.defaultProp={value:"",handleRefreshClick:h(),handleCopyClick:h()};var WE=_E;function GE(){var e=(0,R.Z)(["\n cursor: pointer;\n height: 100%;\n opacity: ",";\n transition: opacity 250ms ease;\n\n ","\n"]);return GE=function(){return e},e}function YE(){var e=(0,R.Z)(["\n color: ",";\n font-size: 32px;\n padding: 0 10px;\n position: relative;\n transition: color 0.3s ease;\n"]);return YE=function(){return e},e}function XE(){var e=(0,R.Z)(["\n color: ",";\n font-size: 13px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n"]);return XE=function(){return e},e}var qE=(0,L.ZP)(hx.SA).withConfig({componentId:"sc-abf245ee-0"})(GE(),(function(e){return e.active?1:.4}),(function(e){return e.active&&"\n\t\tbox-shadow: 0 0 6px 0 rgba(65, 65, 65, 0.2);\n\t"})),JE=(0,L.ZP)(hx.qk).withConfig({componentId:"sc-abf245ee-1"})(YE(),(function(e){var n=e.active,t=e.theme;return n?t.colors.primary:t.colors.text1})),KE=(0,L.ZP)(hx.zF).withConfig({componentId:"sc-abf245ee-2"})(XE(),(function(e){return e.theme.colors.text1}));function QE(){var e=(0,R.Z)(["\n padding: 0 ",";\n"]);return QE=function(){return e},e}var $E=L.ZP.span.withConfig({componentId:"sc-ac94e8bf-0"})(QE(),(function(e){return e.theme.largePadding})),eN=function(e){var n=e.active,t=e.title,i=e.children,r=e.onClick;return(0,s.jsxs)(qE,{active:n,onClick:r,children:[(0,s.jsx)(JE,{active:n,children:(0,s.jsx)(M.Z,{name:n?"check-filled":"correct"})}),(0,s.jsx)(KE,{children:t}),i]})},nN=function(e){var n=e.active,t=e.onClick;return(0,s.jsx)(eN,{active:n,title:"Preview",onClick:t,children:(0,s.jsx)($E,{children:(0,s.jsx)(Dg.C,{type:"success",width:10,height:10})})})},tN=function(e){var n=e.active,t=e.onClick;return(0,s.jsx)(eN,{active:n,title:"Program",onClick:t,children:(0,s.jsx)($E,{children:(0,s.jsx)(Dg.C,{type:"live",width:10,height:10})})})},iN=function(e){var n=e.active,t=e.title,i=e.onClick,r=e.icon;return(0,s.jsx)(eN,{active:n,title:t,onClick:i,children:(0,s.jsx)(M.Z,{name:r})})};function rN(){var e=(0,R.Z)(["\n .gb-icon-profile,\n .gb-icon-support,\n .gb-icon-video-clip,\n .gb-icon-stream-now,\n .gb-icon-screen-share {\n font-size: 20px;\n padding: 5px 10px;\n }\n"]);return rN=function(){return e},e}var oN=(0,L.ZP)(hx.Vm).withConfig({componentId:"sc-5c395abe-0"})(rN()),aN=function(e){switch(e){case so.n.Guest:return"profile";case so.n.GuestScreenShare:return"screen-share";case so.n.GuestIntercom:return"support";case so.n.Live:return"stream-now";default:return"video-clip"}},sN=(0,Y.Pi)((function(e){var n=e.accessToken,t=e.availableSources,i=e.toggleStreamToShare,r=void 0===i?function(e){}:i;return(0,s.jsxs)(oN,{children:[(0,s.jsx)(tN,{active:n.viewerAccessList.includes("programout"),onClick:function(){return r("programout")}}),(0,s.jsx)(nN,{active:n.viewerAccessList.includes("preview"),onClick:function(){return r("preview")}}),t.length>0&&t.map((function(e){return(0,s.jsx)(iN,{active:e.active,title:e.displayName,icon:aN(e.type),onClick:function(){return r(e.id)}},e.id)}))]})})),cN=(0,Y.Pi)((function(e){var n=e.input,t=e.maxGuests,i=void 0===t?10:t,r=n.accessToken,o=n.accessTokenId,c=n.shareableOutputs,u=n.updateAccessToken,l=(0,J.useState)(!1),d=l[0],p=l[1];return(0,s.jsxs)(HC.Tg,{children:[0===r.viewerAccessList.length&&(0,s.jsx)(cu.Z,{type:"message",children:"Note: No stream has been selected. Select one to share with your guest."}),(0,s.jsx)(LC.E8,{tooltipTitle:"Share a stream with your guest",tooltip:"Your guest will be able to view any streams you select"}),(0,s.jsx)(sN,{availableSources:c,accessToken:r,toggleStreamToShare:function(e){var n=r.viewerAccessList,t=n.includes(e)?n.filter((function(n){return n!==e})):(0,a.Z)(n).concat([e]);t.length<=i?u(o,{viewerAccessList:t}):p(!0)}}),d&&(0,s.jsx)(gn.Z,{title:"information",confirmLabel:"Ok",confirmCallback:function(){return p(!1)},cancelCallback:function(){return p(!1)},children:"You have reached the maximum number of streams. Please de-select and re-select to share new streams."})]})}));function uN(){var e=(0,R.Z)(["\n padding: 0 ",";\n"]);return uN=function(){return e},e}L.ZP.span.withConfig({componentId:"sc-6e55e14c-0"})(uN(),(function(e){return e.theme.largePadding}));var lN=(0,Y.Pi)((function(e){var n=e.input,t=e.maxGuests,i=void 0===t?10:t,r=(0,J.useState)(!1),o=r[0],a=r[1];return(0,s.jsxs)(HC.Tg,{children:[(0,s.jsx)(WE,{handleRefreshClick:function(){return a(!0)},handleCopyClick:function(){return py("Invite link has been copied to the clipboard")},value:n.guestUrl}),(0,s.jsx)(Ts.Ph,{isSearchable:!1,label:"Incoming talkback mode:",options:AC,value:AC.find((function(e){return e.value===n.talkback.listenMode})),placeholder:"Select a talkback type...",onChange:function(e){var t=e.value;n.requestUpdate({talkback:{listenMode:t}})}}),n.talkback.listenMode!==Wl.Yh.Mix&&(0,s.jsx)(VC,{}),!n.isGuestIntercom&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("br",{}),(0,s.jsx)(mn.wA,{uiType:"switch",infoTooltip:"Enables the lazy button so Guests can talk to Intercom users off-air",value:n.talkback.lazyMic.allowed,name:"allowLazyMic",checkboxLabel:"allow lazy talkback",onChange:function(){return n.requestUpdate({talkback:{lazyMic:{allowed:!n.talkback.lazyMic.allowed}}})}}),(0,s.jsx)("br",{}),(0,s.jsx)(mn.wA,{uiType:"switch",infoTooltip:"Allow your guest to stream from their camera",value:n.videoEnabled,name:"allowvideo",checkboxLabel:"allow video",onChange:function(){return n.requestUpdate({videoEnabled:!n.videoEnabled})}})]}),(0,s.jsx)("hr",{className:"border"}),(0,s.jsx)(cN,{input:n,maxGuests:i}),o&&(0,s.jsx)(gn.Z,{title:"information",confirmLabel:"Ok",closeLabel:"Cancel",confirmCallback:function(){n.refreshToken(),o&&a(!1),py("Invite link has been refreshed")},cancelCallback:function(){return a(!1)},children:"Refreshing the invite will revoke access to anyone that already has this link."})]})})),dN=t(53400),pN=function(e){var n=e.isOn;return(0,s.jsx)(dN.C,{color:n?"red":"gray",children:n?"On":"Off"})},fN=function(){return(0,s.jsx)(cu.Z,{type:"message",children:(0,s.jsx)("p",{children:"These settings will be applied next time the Guest connects."})})}
1,hN=(0,Y.Pi)((function(e){var n=e.input,t=n.appSettings.audio,i=n.appState.settings.audio,r=null!==i.autoGainControl&&t.autoGainControl!==i.autoGainControl,o=null!==i.echoCancellation&&t.echoCancellation!==i.echoCancellation,a=null!==i.noiseSuppression&&t.noiseSuppression!==i.noiseSuppression,c=r||o||a;return(0,s.jsxs)(Dp.Zb,{children:[(0,s.jsx)(ag.Z,{children:(0,s.jsx)(HC.ll,{children:(0,s.jsx)("h3",{children:"Audio processing"})})}),(0,s.jsx)(HC.eW,{children:(0,s.jsx)(HC.uO,{children:(0,s.jsxs)(HC.kk,{children:[(0,s.jsxs)(HC.X2,{children:[(0,s.jsx)(mn.wA,{uiType:"switch",checkboxLabel:"Automatic gain control",value:t.autoGainControl,onChange:function(){return n.requestUpdate(rD()({},"appSettings.audio.autoGainControl",!t.autoGainControl))}}),r&&(0,s.jsx)(pN,{isOn:i.autoGainControl})]}),(0,s.jsxs)(HC.X2,{children:[(0,s.jsx)(mn.wA,{uiType:"switch",checkboxLabel:"Echo cancellation",value:t.echoCancellation,onChange:function(){return n.requestUpdate(rD()({},"appSettings.audio.echoCancellation",!t.echoCancellation))}}),o&&(0,s.jsx)(pN,{isOn:i.echoCancellation})]}),(0,s.jsxs)(HC.X2,{children:[(0,s.jsx)(mn.wA,{uiType:"switch",checkboxLabel:"Noise suppression",value:t.noiseSuppression,onChange:function(){return n.requestUpdate(rD()({},"appSettings.audio.noiseSuppression",!t.noiseSuppression))}}),a&&(0,s.jsx)(pN,{isOn:i.noiseSuppression})]}),c&&(0,s.jsx)(fN,{})]})})})]})})),mN=t(91788),gN=t(54814),vN=t(33798),xN=function(e){switch(e.state){case null:return null;case vN.a.Granted:return(0,s.jsx)("span",{style:HC.hX,children:"Accepted"});case vN.a.Prompt:return(0,s.jsx)("span",{style:HC.Ag,children:"Not Accepted"});case vN.a.Denied:default:return(0,s.jsx)("span",{style:HC.Ag,children:"Denied"})}},yN=function(e){var n,t=e.isDisabled,i=e.placeholder,r=e.onChange,a=e.options,c=e.value,u=(0,o.Z)(J.useState(!1),2),l=u[0],d=u[1];return J.useEffect((function(){l&&d(!1)}),[c]),(0,s.jsxs)("div",{style:{display:"flex",gap:"5px"},children:[l&&(0,s.jsx)(HC.TK,{}),(0,s.jsx)(Di.ZP,{isDisabled:t,isSearchable:!1,getOptionLabel:function(e){return e.displayName},getOptionValue:function(e){return e.id},options:a,value:null!==(n=a.find((function(e){return e.id===c})))&&void 0!==n?n:"",placeholder:i,onChange:function(e){var n=e.id;n!==c&&(r(n),d(!0))},styles:HC.zQ})]})},bN=(0,Y.Pi)((function(e){var n=e.input,t=e.isConnected,i=e.cameras,r=e.selectedCameraId;return n.videoEnabled?t?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(HC.X2,{children:[(0,s.jsx)("span",{children:"Device"}),(0,s.jsx)(yN,{isDisabled:!t,placeholder:"No camera selected",onChange:n.sendSetCamera,options:i,value:r})]}),(0,s.jsxs)(HC.X2,{children:[(0,s.jsx)("span",{children:"Status"}),(0,s.jsx)("span",{children:n.appState.settings.video.enabled?"On":"Off"})]}),(0,s.jsxs)(HC.X2,{children:[(0,s.jsx)("span",{children:"Browser Permissions"}),(0,s.jsx)(xN,{state:n.appState.permissions.browser.camera})]})]}):(0,s.jsx)(HC.XU,{children:"Guest offline"}):(0,s.jsx)(HC.XU,{children:"Video disabled"})})),IN=(0,Y.Pi)((function(e){var n=e.input;if(!n.appState)return null;var t,i,r=!!n.appState.page,o=null!==(t=n.appState.devices.cameras)&&void 0!==t?t:[],a=null!==(i=n.appState.devices.microphones)&&void 0!==i?i:[],c=n.appState.devices,u=c.selectedCameraId,l=c.selectedMicrophoneId;return(0,s.jsxs)(Dp.Zb,{children:[(0,s.jsxs)(ag.Z,{children:[(0,s.jsxs)(HC.ll,{children:[(0,s.jsx)("h3",{children:n.displayName}),(0,s.jsx)("p",{children:r?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("span",{style:HC.bY,children:"\u25cf Connected"}),(0,s.jsx)("span",{style:HC.S5,children:" \u2022 "}),(0,s.jsxs)("span",{children:["landing"===n.appState.page&&"Currently on the landing page","streaming"===n.appState.page&&"Currently streaming"]})]}):(0,s.jsx)("span",{style:HC.Ag,children:"\u25cf Disconnected"})})]}),(0,s.jsxs)(ng.zx,{disabled:!r,onClick:n.toggleMicrophone,style:{width:"15rem"},children:[n.appState.settings.audio.muted?(0,s.jsx)(mN.Z,{size:25}):(0,s.jsx)(gN.Z,{size:25}),(0,s.jsxs)("span",{children:["Remote",n.appState.settings.audio.muted?" unmute":" mute"]})]})]}),(0,s.jsxs)(HC.eW,{children:[(0,s.jsxs)(HC.uO,{children:[(0,s.jsx)("h4",{children:"Microphone"}),r?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(HC.X2,{children:[(0,s.jsx)("span",{children:"Device"}),(0,s.jsx)(yN,{isDisabled:!r,placeholder:"No microphone selected",onChange:n.sendSetMicrophone,options:a,value:l})]}),(0,s.jsxs)(HC.X2,{children:[(0,s.jsx)("span",{children:"Status"}),(0,s.jsx)("span",{children:n.appState.settings.audio.muted?"Muted":"Unmuted"})]}),(0,s.jsxs)(HC.X2,{children:[(0,s.jsx)("span",{children:"Browser Permissions"}),(0,s.jsx)(xN,{state:n.appState.permissions.browser.microphone})]})]}):(0,s.jsx)(HC.XU,{children:"Guest offline"})]}),(0,s.jsxs)(HC.uO,{children:[(0,s.jsx)("h4",{children:"Camera"}),(0,s.jsx)(bN,{input:n,isConnected:r,cameras:o,selectedCameraId:u})]}),n.hasScreenShare&&(0,s.jsxs)(HC.uO,{children:[(0,s.jsx)("h4",{children:"Screen share"}),r?n.appState.settings.screenSharing.enabled?(0,s.jsx)("span",{style:HC.hX,children:"Sharing"}):(0,s.jsx)(HC.XU,{children:"Not sharing"}):(0,s.jsx)(HC.XU,{children:"Guest offline"})]})]})]})})),wN={borderBottom:"1px solid #e8e8e8"},PN=function(e){switch(e){case"nominal":case"fair":return HC.bY;case"serious":return HC.Am;case"critical":return HC.Ag;default:return}},SN=function(e){var n=e.state;return n?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("span",{style:PN(n),children:"\u25cf "}),(0,s.jsx)("span",{style:{textTransform:"capitalize"},children:n})]}):(0,s.jsx)("span",{children:"Not available"})},ZN=(0,Y.Pi)((function(e){var n=e.input,t=!!n.appState.page,i=n.appState.system;return(0,s.jsxs)(Dp.Zb,{children:[(0,s.jsx)(ag.Z,{children:(0,s.jsx)(HC.ll,{style:HC.Oj,children:"System information"})}),(0,s.jsx)(HC.eW,{style:{fontSize:"14px"},children:t?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(HC.uO,{style:wN,children:[(0,s.jsx)("p",{style:HC.WH,children:"Browser and version"}),(0,s.jsxs)("p",{style:HC.Oj,children:[i.browser," "," - ",i.operatingSystem]})]}),(0,s.jsxs)(HC.uO,{style:wN,children:[(0,s.jsx)("p",{style:HC.WH,children:"Device Memory"}),!!i.deviceMemory&&(0,s.jsxs)("p",{style:HC.Oj,children:[i.deviceMemory>=8?"At least ":"",i.deviceMemory," GB of RAM"]})]}),(0,s.jsxs)(HC.uO,{style:wN,children:[(0,s.jsx)("p",{style:HC.WH,children:"System load"}),(0,s.jsx)("p",{style:HC.Oj,children:(0,s.jsx)(SN,{state:i.cpuPressure})})]})]}):(0,s.jsx)(HC.uO,{children:(0,s.jsx)(HC.XU,{children:"Guest offline"})})})]})})),CN=(0,Y.Pi)((function(e){var n=e.input;return(0,s.jsxs)(HC.Tg,{children:[(0,s.jsx)(hN,{input:n}),(0,s.jsx)("br",{}),(0,s.jsx)(IN,{input:n}),(0,s.jsx)("br",{}),(0,s.jsx)(ZN,{input:n}),(0,s.jsx)("br",{})]})}));function jN(){var e=(0,R.Z)(["\n display: flex;\n flex-direction: column;
1\n align-items: center;\n justify-content: space-around;\n min-height: 7.6em;\n"]);return jN=function(){return e},e}function kN(){var e=(0,R.Z)(["\n padding: 1em;\n"]);return kN=function(){return e},e}function TN(){var e=(0,R.Z)([""]);return TN=function(){return e},e}function RN(){var e=(0,R.Z)(["\n height: 42px;\n"]);return RN=function(){return e},e}function LN(){var e=(0,R.Z)(["\n justify-content: flex-end;\n padding: 0;\n"]);return LN=function(){return e},e}function AN(){var e=(0,R.Z)(["\n font-size: 2.5em;\n line-height: 1em;\n display: flex;\n"]);return AN=function(){return e},e}function MN(){var e=(0,R.Z)(["\n font-size: ","em;\n margin-bottom: auto;\n"]);return MN=function(){return e},e}function ON(){var e=(0,R.Z)(["\n background-color: transparent;\n border: none;\n padding: 0;\n\n &:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n }\n"]);return ON=function(){return e},e}function DN(){var e=(0,R.Z)(["\n font-size: ","em;\n flex: 0.5;\n"]);return DN=function(){return e},e}var EN=L.ZP.div.withConfig({componentId:"sc-c0a1c553-0"})(jN()),NN=(0,L.ZP)(EN).withConfig({componentId:"sc-c0a1c553-1"})(kN()),BN=(0,L.ZP)(NN).withConfig({componentId:"sc-c0a1c553-2"})(TN()),VN=L.ZP.img.withConfig({componentId:"sc-c0a1c553-3"})(RN()),FN=(0,L.ZP)(EN).withConfig({componentId:"sc-c0a1c553-4"})(LN()),zN=L.ZP.div.withConfig({componentId:"sc-c0a1c553-5"})(AN()),UN=L.ZP.h4.withConfig({componentId:"sc-c0a1c553-6"})(MN(),(function(e){return e.theme.large})),HN=(0,L.ZP)(ts.D).withConfig({componentId:"sc-c0a1c553-7"})(ON()),_N=L.ZP.p.withConfig({componentId:"sc-c0a1c553-8"})(DN(),(function(e){return e.theme.small})),WN=function(e){var n=e.icon,t=e.title,o=e.onClick,a=(0,G.Z)(e,["icon","title","onClick"]);return(0,s.jsx)(O.Z,{innerHtml:t,children:(0,s.jsx)(HN,(0,r.Z)((0,i.Z)({},a),{onClick:o,children:(0,s.jsx)(M.Z,{name:n})}))})},GN=function(e){var n={control:function(e){return(0,r.Z)((0,i.Z)({},e),{background:"transparent",border:0,boxShadow:0,width:"102px","&:hover":{border:0}})},dropdownIndicator:function(e,n){var t=n.isDisabled;return(0,r.Z)((0,i.Z)({},e),{color:"#596281",opacity:t?.5:1})},singleValue:function(e,n){var t=n.isDisabled;return(0,r.Z)((0,i.Z)({},e),{color:"#596281",opacity:t?.5:1})}},t=[{label:"Loop",value:"loop"},{label:"Remove",value:"remove"}];return(0,s.jsx)(Di.ZP,(0,i.Z)({components:{IndicatorSeparator:function(){return null}},backspaceRemovesValue:!1,blurInputOnSelect:!0,isSearchable:!1,options:t,styles:n,value:t.find((function(n){return n.value===e.endMode})),onChange:function(n){return e.requestUpdate({endMode:n.value})}},e))},YN=function(e){var n=e.direction,t=e.inputs,i=e.requestUpdate,r=e.selectedPlaylistInputId,o=t.findIndex((function(e){return e.id===r})),a="Back"===n?o-1:o+1;a>-1&&a<=t.length-1&&i({selectedPlaylistInputId:t[a].id})},XN=function(e){var n=e.isPlaying,t=e.playingThumbnail,r=e.nextThumbnail,o=(0,G.Z)(e,["isPlaying","playingThumbnail","nextThumbnail"]),a=function(e){var n=e.inputs,t=e.selectedPlaylistInputId;return n.findIndex((function(e){return e.id===t}))}(o),c=0===a,u=a===o.inputs.length-1;return(0,s.jsxs)(ed,{children:[(0,s.jsxs)(NN,{children:[(0,s.jsx)(UN,{children:"Playing now"}),n?(0,s.jsx)(VN,{src:t}):(0,s.jsx)(_N,{children:"Playlist not started yet"})]}),(0,s.jsxs)(FN,{children:[(0,s.jsxs)(zN,{children:[(0,s.jsx)(WN,{title:"Back","aria-label":"back",icon:"frame-left",disabled:c||n,onClick:function(){return YN((0,i.Z)({direction:"Back"},o))}}),(0,s.jsx)(WN,{title:"Forward","aria-label":"forward",icon:"frame-right",disabled:u||n,onClick:function(){return YN((0,i.Z)({direction:"Forward"},o))}})]}),(0,s.jsx)(GN,(0,i.Z)({isDisabled:n},o))]}),(0,s.jsxs)(BN,{children:[(0,s.jsx)(UN,{children:"Up Next"}),r?(0,s.jsx)(VN,{src:r}):(0,s.jsx)(_N,{children:"No asset on the playlist"})]})]})},qN=J.memo(XN),JN=function(e){var n=e.currentTime,t=void 0===n?0:n,i=e.totalTime,r=void 0===i?0:i,o=r?t/r*100:0;return(0,s.jsxs)(td,{children:[(0,s.jsx)("h4",{children:"Playlist time"}),(0,s.jsxs)(id,{children:[(0,s.jsxs)("p",{children:[(0,s.jsx)(od,{children:kl.ZP.millisecondsToHHMMSS(t)})," ","/"," ",(0,s.jsx)(rd,{children:kl.ZP.millisecondsToHHMMSS(r)})]}),(0,s.jsx)(Fl,{type:"secondary",style:"medium",background:"dark",value:o})]})]})},KN=function(e){var n=e.timeToNextInput,t=void 0===n?0:n;return(0,s.jsxs)(sd,{children:[(0,s.jsx)("h4",{children:"Next asset in"}),(0,s.jsx)(ad,{children:kl.ZP.millisecondsToHHMMSS(t)})]})},QN=function(e){var n=e.currentTime,t=e.totalTime,i=e.timeToNextInput;return(0,s.jsxs)(nd,{children:[(0,s.jsx)(JN,{currentTime:n,totalTime:t}),(0,s.jsx)(KN,{timeToNextInput:i})]})},$N=(0,J.memo)(QN),eB=(0,Y.Pi)((function(e){var n=e.playlist,t=(0,q.oR)(),r=t.streamConfig.assetLibrary,o=t.controlRoom,a=o.playlist,c=o.sidebars,u=c.addPlaylistInputs,l=c.playlistInputSettings,d=n.endMode,p=n.isPlaying,f=n.requestUpdate,h=n.timeToNextInput,m=n.maxInputsPerPlaylist,g=n.canvasOutputDimensions,v=n.selectedPlaylistInputId,x=n.playlistThumbnails,y=x.playingThumbnail,b=x.nextThumbnail,I={currentTime:n.playoutDuration,totalTime:n.duration,timeToNextInput:h}
1,w={inputs:n.playlistInputsList,selectedPlaylistInputId:v,playingThumbnail:y,nextThumbnail:b,requestUpdate:f,isPlaying:p,endMode:d},P={onUpdateAssets:n.updateInputs,inputs:n.playlistInputsList,onAddAsset:n.addInputs,canvasOutputDimensions:g,playlistInputSettings:l,maxInputsPerPlaylist:m,addPlaylistInputs:u,playlistUI:a,assetLibrary:r,isEditable:!p,isPlaying:p,playlist:n};return(0,s.jsxs)(AE,{children:[(0,s.jsx)($N,(0,i.Z)({},I)),(0,s.jsx)(qN,(0,i.Z)({},w)),(0,s.jsx)(RE,(0,i.Z)({},P))]})})),nB=function(e){var n=e.requestUpdate,t=void 0===n?function(){}:n,i=e.audioStreams,r=void 0===i?[]:i,o=e.preferredAudioStreamIndex,a=r.map((function(e){return{value:e.streamIndex,label:tT.ZP.getAudioStreamLabel(e)}})),c=a.find((function(e){return e.value===o}));return(0,s.jsx)(Ts.Ph,{name:"audiotracks",label:"audio tracks",placeholder:"Pick an audio channel",options:a,onChange:function(e){var n=e.value;p()(n)||t({preferredAudioStreamIndex:n})},setFieldValue:null,defaultValue:c,onKeyDown:function(e){e.keyCode===hI.Z.KEY.BACKSPACE&&e.preventDefault()}})},tB={range:{min:[ji],max:[ki]},step:1,pips:{mode:"values",values:[ji,0,ki],density:50}};var iB=function(e){var n=e.label,t=void 0===n?"Gain (dB)":n,i=e.value,r=e.onChange,a=(0,o.Z)(J.useState(tB.range.min),2),c=a[0],u=a[1],l=(0,o.Z)(J.useState(!1),2),d=l[0],f=l[1],m=J.useCallback((function(e){u(function(e){return p()(e)?tB.range.min:Li(e,{minDbLevel:ji})}(e))}),[]);aa(i,d,m);var g=J.useMemo((function(){return ee()(r,100)}),[r]);return(0,s.jsx)($u.ZP,{name:"gain",label:t,options:tB,value:[c],onStart:function(){return f(!0)},onEnd:function(){return f(!1)},setFieldValue:function(e,n){var t=(0,o.Z)(n,1)[0];u(t),g({gain:Ai(t)})},setFieldTouched:h(),updateOnSlide:!0})},rB={range:{min:[0],max:[200]},pips:{mode:"values",values:[0,100,200],density:50,format:{to:function(e){switch(e){case 0:return"L";case 200:return"R";default:return"0"}}}},stickToValues:[0,100,200],stickToValueRange:10};function oB(e){return e/100-1}var aB=function(e){var n=e.value,t=e.onChange,i=(0,o.Z)(J.useState(rB.range.min),2),r=i[0],a=i[1],c=(0,o.Z)(J.useState(!1),2),u=c[0],l=c[1],d=J.useCallback((function(e){a(function(e){return p()(e)?rB.range.min:100*(e+1)}(e))}),[]);aa(n,u,d);var f=J.useMemo((function(){return ee()(t,100)}),[t]);return(0,s.jsx)($u.ZP,{name:"pan",label:"Pan",options:rB,value:[r],onStart:function(){return l(!0)},onEnd:function(){return l(!1)},setFieldValue:function(e,n){var t=(0,o.Z)(n,1)[0];a(t),f({pan:oB(t)})},setFieldTouched:h(),updateOnSlide:!0})},sB={range:{min:[0],max:[200]},pips:{mode:"positions",values:[0,100,200],density:50,format:{to:function(e){return 0===e?"L":"R"}}},stickToValues:[100],stickToValueRange:10},cB=function(e){var n=e.value,t=e.onChange,i=(0,J.useState)(sB.range.min[0]),r=i[0],o=i[1];(0,J.useEffect)((function(){var e=p()(n)?sB.range.min[0]:100*(n+1);o(e)}),[n]);var a=(0,J.useCallback)(tS()((function(e){return t(e)}),400),[t]);return(0,s.jsx)($u.ZP,{name:"stereo balance",options:sB,value:[r],setFieldValue:function(e,n){o(n),a({stereoBalance:n/100-1})},setFieldTouched:h()})};function uB(){var e=(0,R.Z)(["\n flex: 1;\n"]);return uB=function(){return e},e}function lB(){var e=(0,R.Z)(["\n color: ",";\n font-size: 13px;\n font-weight: 700;\n margin-bottom: 1.5em;\n"]);return lB=function(){return e},e}function dB(){var e=(0,R.Z)(["\n border-top: 1px solid ",";\n margin: 1em -15px;\n"]);return dB=function(){return e},e}var pB=L.ZP.div.withConfig({componentId:"sc-b757ffd0-0"})(uB()),fB=L.ZP.p.withConfig({componentId:"sc-b757ffd0-1"})(lB(),(function(e){return e.theme.colors.text1})),hB=L.ZP.div.withConfig({componentId:"sc-b757ffd0-2"})(dB(),(function(e){return e.theme.colors.secondaryBorder})),mB=(0,Y.Pi)((function(e){var n=e.input,t=n.requestUpdate,i=n.audioStreams,r=void 0===i?[]:i,o=n.preferredAudioStreamIndex,a=n.type!==so.n.Playlist,c=tT.ZP.shouldShowAudioStreams(r),u=(0,q.oR)();if((0,hn.aY)()&&u.audioMixer.info.easyMode){var l=u.audioMixer.getInputNodeBySenderId(n.id);return l?(0,s.jsxs)(pB,{children:[(0,s.jsx)(fB,{children:"GENERAL"}),(0,s.jsx)(ul,{value:l.audio.fade.ampRatio,onChange:function(e){var n=e.volume;return l.updateFade(n)}}),a&&(0,s.jsx)(iB,{label:"Trim (dB)",value:l.audio.trim.ampRatio,onChange:function(e){var n=e.gain;return l.updateTrim(n)}})]}):null}return(0,s.jsxs)(pB,{children:[(0,s.jsx)(fB,{children:"GENERAL"}),(0,s.jsx)(ul,{value:n.previewSettings.audio.volume,onChange:n.updatePreviewAudio}),(a||c)&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(hB,{}),(0,s.jsx)(fB,{children:"ADVANCED"})]}),a&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(iB,{value:n.previewSettings.audio.gain,onChange:n.updatePreviewAudio}),(0,s.jsx)(aB,{value:n.previewSettings.audio.pan,onChange:n.updatePreviewAudio}),(0,hn.VX)()&&(0,s.jsx)(cB,{value:n.previewSettings.audio.stereoBalance,onChange:n.updatePreviewAudio})]}),c&&(0,s.jsx)(nB,{requestUpdate:t,audioStreams:r,preferredAudioStreamIndex:o})]})})),gB=t(11467),vB=function(e){var n=e.layerId,t=Zp();return(0,s.jsxs)(kL,{children:[(0,s.jsx)("p",{style:{marginBottom:"10px"},children:"Display settings are enabled for this layer and can only be changed in the layer settings."}),(0,s.jsx)(CL,{onClick:function(){return t("/layer/".concat(n,"/settings/display"))},children:"GO TO LAYER SETTINGS"})]})},xB=(0,Y.Pi)((function(e){var n=e.disabled,t=e.input,i=(0,q.oR)().streamConfig;return(0,s.jsxs)(jL,{disabled:n,children:[(0,s.jsx)(wD.Z,{name:"Presets",videoDimensions:i.outputDimensions,presetOptions:i.getPresets(t),value:t.previewSettings.coordinates,onPresetDelete:i.setCustomPresets,onPresetSave:i.setCustomPresets,setFieldValue:function(e,n){var i;t.requestUpdate({coordinates:n.value,crop:null!==(i=n.crop)&&void 0!==i?i:gB.Rc})},crop:t.previewSettings.display.crop},t.id),(0,s.jsx)(PR,{}),(0,s.jsx)(kR,{previewSettings:t.previewSettings,requestUpdate:t.requestUpdate,outputDimensions:i.outputDimensions}),(0,s.jsx)(TL,{value:t.previewSettings.display.opacity,onChange:function(e){return t.requestUpdate({display:{opacity:e}})}}),(0,s.jsxs)("div",{style:{display:"flex"},children:[(0,s.jsx)(ER,{positionGridCallback:function(e){var n=DR(e,t.previewSettings,i.outputDimensions);t.requestUpdate({display:{cornerCoordinates:n}})}}),(0,s.jsx)(IL,{horizontalFlip:t.previewSettings.display.flip.horizontal,verticalFlip:t.previewSettings.display.flip.vertical,onHorizontalFlipC
1hange:function(e){return t.requestUpdate({display:{flip:{horizontal:e}}})},onVerticalFlipChange:function(e){return t.requestUpdate({display:{flip:{vertical:e}}})}})]}),(0,s.jsx)(PR,{}),(0,s.jsx)(pL,{previewSettings:t.previewSettings,requestUpdate:t.requestUpdate,outputDimensions:i.outputDimensions})]})})),yB=(0,Y.Pi)((function(e){var n=e.input,t=(0,e.getLayerByPosition)(n.layerIndex),i=null===t||void 0===t?void 0:t.preview.overrideDisplaySettings;return(0,s.jsxs)("section",{children:[i&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(vB,{layerId:t.id}),(0,s.jsx)(PR,{})]}),(0,s.jsx)(xB,{disabled:i,input:n})]})})),bB={label:"None",value:""},IB=(0,Y.Pi)((function(e){var n,t=e.input,i=(0,q.oR)().streamConfig.liveInputs.filter((function(e){return e.id!==t.id})).map((function(e){return{label:e.displayName,value:e.id}})),r=t.keySourceId&&null!==(n=i.find((function(e){return e.value===t.keySourceId})))&&void 0!==n?n:bB;return(0,s.jsx)("section",{children:(0,s.jsx)(Ts.Ph,{name:"keySource",label:"Key Source",options:[bB].concat((0,a.Z)(i)),value:r,onChange:function(e){var n=e.value;t.optimisticUpdate({keySourceId:n||null})}})})}));function wB(){var e=(0,R.Z)(["\n display: flex;\n justify-content: space-between;\n"]);return wB=function(){return e},e}var PB=(0,L.ZP)(Rp.Db).withConfig({componentId:"sc-5d387e17-0"})(wB()),SB=(0,Y.Pi)((function(e){var n=e.children,t=e.inputName,o=e.deleteInput,a=void 0===o?function(){}:o,c=e.deletable,u=void 0===c||c,l=e.footerCta,d=void 0===l?function(){}:l;return(0,s.jsxs)(Rp.et,(0,r.Z)((0,i.Z)({},e),{children:[n,(u||d)&&(0,s.jsxs)(PB,{children:[u&&(0,s.jsx)(sA,{icon:"bin",type:"secondary",title:"Delete Source",confirmLabel:"Delete",confirmCallback:a,confirmIcon:void 0,text:(0,s.jsxs)(s.Fragment,{children:["You are about to delete"," ",(0,s.jsx)("strong",{children:t}),". This cannot be undone."]})}),d&&"function"===typeof d&&void 0!==d()&&d()]})]}))}));function ZB(){var e=(0,R.Z)(["\n margin-bottom: ",";\n position: relative;\n\n .grForm__label {\n align-items: center;\n display: flex;\n\n i {\n font-size: 20px;\n }\n }\n\n & > span {\n bottom: 10px;\n position: absolute;\n right: 6em;\n user-select: none;\n }\n"]);return ZB=function(){return e},e}var CB=L.ZP.section.withConfig({componentId:"sc-420d9d3d-0"})(ZB(),(function(e){return e.theme.largePadding})),jB=(0,Y.Pi)((function(e){var n=e.input,t=(0,J.useState)(n.audioVideoSynchronisation),i=t[0],r=t[1];(0,J.useEffect)((function(){i!==n.audioVideoSynchronisation&&r(n.audioVideoSynchronisation)}),[n.audioVideoSynchronisation]);return(0,s.jsx)(CB,{children:(0,s.jsx)(qs.ZP,{type:"number",step:50,name:"Audio/Video Synchronization (ms)",label:"Audio/Video Synchronization (ms)",value:i,autoComplete:"off",setFieldValue:function(e,t){!function(e){var t=""===e&&0!==e?"":Math.min(Math.max(e,-1e4),1e4);r(t),""!==t&&n.optimisticDebouncedUpdate({audioVideoSynchronisation:t})}(t)},tooltip:{innerHtml:"A positive offset will delay the video track and a negative offset will delay the audio track."}})})})),kB=(0,Y.Pi)((function(e){var n=e.input;return(0,s.jsx)("fieldset",{disabled:!0,className:"grForm__field",style:{paddingTop:"10px"},children:(0,s.jsx)("ul",{className:"grRadioGroup",children:(0,s.jsxs)("li",{className:"grRadio__item grRadio__item--disabled",style:{paddingTop:"5px"},children:[(0,s.jsxs)("div",{className:"grRadio__container",children:[(0,s.jsx)("input",{disabled:!0,type:"radio",id:"display-only",className:"grRadio__button",checked:n.useParentsAudioSettings}),(0,s.jsx)("div",{className:"grRadio__button--overlay"})]}),(0,s.jsx)("label",{className:"grForm__label grForm__label--inlineBlock",htmlFor:"display-only",children:"Capture display settings only"})]})})})}));function TB(){var e=(0,R.Z)(["\n padding-bottom: 15px;\n"]);return TB=function(){return e},e}var RB=L.ZP.div.withConfig({componentId:"sc-d7f7c290-0"})(TB()),LB=(0,Y.Pi)((function(e){var n=e.input,t=[{label:"Loop",value:"loop"},{label:"Remove",value:"remove"},{label:"Hold",value:"hold"}],i=t.find((function(e){return e.value===n.previewSettings.vodEndMode}));return(0,s.jsx)(RB,{children:(0,s.jsx)(Ts.Ph,{name:"endmode",label:n.endLabel,options:t,onChange:function(e){var t=e.value;n.requestUpdate({vodEndMode:t})},setFieldValue:null,defaultValue:i,onKeyDown:function(e){e.keyCode===hI.Z.KEY.BACKSPACE&&e.preventDefault()},value:i})})})),AB="Title",MB=(0,Y.Pi)((function(e){var n=e.input,t=e.onToggle,i=(0,q.oR)(),r=(0,J.useState)(n.displayName),o=r[0],a=r[1],c=(0,J.useState)(n.tags),u=c[0],l=c[1];(0,J.useEffect)((function(){return(0,yc.EH)((function(){l(n.tags)}))}),[n]);var d=[{title:AB,value:o,onChange:a}];n.isWebSource&&n.resourceURI&&!n.isGrabyoInternal&&d.push({title:"Source URL",value:n.resourceURI,disabled:!0}),n.isLiveSource&&n.resourceURI&&d.push({title:"Source URL",value:n.isProIngest?"Grabyo Pro Ingest":n.resourceURI,disabled:!0});var p=null,f=i.getInputByTitle(o);o.length?f&&f!==n&&(p="A source with this title already exists, please choose another title."):p="Required";var h=(0,E.Z)({},AB,p),m=(0,E.Z)({},AB,!0);return(0,s.jsx)(AL,{title:"Details",items:d,errors:h,touched:m,onSave:function(){n.optimisticUpdate({displayName:o,tags:u.map((function(e){return e.tagId}))})},disableSave:!!p,onToggle:function(e){t&&t(e),e&&(a(n.displayName),l(n.tags))},children:function(e){var n=e.collapsed;
1return(0,s.jsx)(qp,{children:(0,s.jsx)(LT,{tags:u,handleTagChange:l,collapsed:n})})}})}));function OB(){var e=(0,R.Z)(["\n padding: 1em;\n\n hr {\n display: block;\n height: 1px;\n border: 0;\n border-top: 1px solid ",';\n margin: 1em -1em 0em;\n padding: 0;\n }\n\n p[type="error"] {\n margin: 0;\n }\n']);return OB=function(){return e},e}function DB(){var e=(0,R.Z)([""]);return DB=function(){return e},e}var EB=L.ZP.form.withConfig({componentId:"sc-57e956ee-0"})(OB(),(function(e){return e.theme.colors.outline})),NB=(0,L.ZP)(Ts.Ph).withConfig({componentId:"sc-57e956ee-1"})(DB()),BB=SZ.ZP.STREAM_TYPE,VB=BB.PULL_STREAM,FB=BB.PUSH_STREAM,zB={protocol:(0,Bj.o8)(Wl.uw.RTMP),streamId:"",streamKey:"",source:"",fullUrl:"",hlsUrl:"",port:"",ipAddress:"",ingestSource:"",latency:"".concat(Bj.Lv.DEFAULT),isRtmpFullUrl:!1},UB=function(e,n){var t={displayName:e.displayName,streamType:e.sourceType};if("pull"===e.sourceType){var i,r=e.mediaResource;if(r.type===Wl.uw.RTMP&&(t.protocol=(0,Bj.o8)(Wl.uw.RTMP),r.streamKey?(t.isRtmpFullUrl=!1,t.streamKey=r.streamKey,t.ingestSource=r.server):(t.isRtmpFullUrl=!0,t.fullUrl=r.uri)),r.type===Wl.uw.HLS&&(t.protocol=(0,Bj.o8)(Wl.uw.HLS),t.hlsUrl=r.uri),r.type===Wl.uw.SRT)t.protocol=(0,Bj.o8)(Wl.uw.SRT),t.ipAddress=r.hostName,t.port="".concat(r.port),t.latency="".concat(r.latency),t.streamId=null!==(i=r.streamId)&&void 0!==i?i:""}else"push"===e.sourceType&&(e.isProIngest?t.stream=n.find((function(n){var t=n.value;return"grn:mediaTransportIngest:".concat(t)===e.resourceURI})):t.stream=n.find((function(n){return n.source===e.resourceURI})));return t},HB=(0,Y.Pi)((function(e){var n=e.input,t=e.onCancel,o=void 0===t?h():t,a=e.onSave,c=void 0===a?h():a,u=App.Collections.streamIngests,l=(0,J.useState)(n.tags),d=l[0],p=l[1];(0,J.useEffect)((function(){return(0,yc.EH)((function(){p(n.tags)}))}),[n]);var f=u.filter((function(e){return!!e.get("displayName")})).map((function(e){return{value:e.get("streamName")||e.get("ingestId"),displayName:e.get("displayName"),hlsPlaybackUrl:e.get("hlsPlaybackUrl"),region:e.get("regionDisplayName")||e.get("region"),proIngest:!!e.get("ingestId"),source:e.getPlaybackStreamUrl()}}));return(0,s.jsx)(su.J9,{initialValues:(0,i.Z)({},zB,UB(n,f)),onSubmit:h(),validate:function(e){return Ok(e,n)},validateOnMount:!0,validateOnChange:!0,validateOnBlur:!0,enableReinitialize:!0,children:function(e){var t=e.setSubmitting,a=function(e){n.requestUpdate((0,r.Z)((0,i.Z)({},function(e,n){var t=n.models.find((function(n){return e.stream&&e.stream.value===n.get("ingestId")})),i={};e.protocol.value===Wl.uw.RTMP?(i.type=Wl.uw.RTMP,e.ingestSource&&!e.streamKey?i.uri=e.ingestSource:e.ingestSource&&e.streamKey?(i.server=e.ingestSource,i.streamKey=e.streamKey):e.fullUrl&&(i.uri=e.fullUrl)):e.protocol.value===Wl.uw.HLS?(i.type=Wl.uw.HLS,i.uri=e.hlsUrl):e.protocol.value===Wl.uw.SRT&&(i.type=Wl.uw.SRT,i.hostName=e.ipAddress,i.port=parseInt(e.port),i.latency=parseInt(e.latency),e.streamId&&(i.streamId=e.streamId));var r,o={displayName:e.displayName,type:so.n.Live};return e.streamType===FB&&(t?o.resourceURI=(0,Oj.$K)("mediaTransportIngest",t.get("ingestId")):(null===(r=e.stream)||void 0===r?void 0:r.source)&&(o.resourceURI=e.stream.source)),e.streamType===VB&&(o.mediaResource=i),o}(e,u)),{tags:d.map((function(e){return e.tagId}))})),t(!1),c()};return(0,s.jsxs)(Dp.Zb,{children:[(0,s.jsxs)(Wp,{children:[(0,s.jsx)("section",{children:(0,s.jsx)(Jp,{children:"Details"})}),(0,s.jsx)(ng.xC,{onClick:o,children:"Cancel"})]}),(0,s.jsxs)(EB,{children:[(0,s.jsx)(ok,(0,i.Z)({type:"text",name:"displayName",label:"Title",placeholder:"Enter source title"},e),"displayName"),(0,s.jsx)("hr",{}),(0,s.jsx)(sk,{name:"Stream Source Type",style:{inline:!0},className:"radio-input",labelText:"Stream Source Type",tooltip:Rk,value:e.values.streamType,items:[{id:VB,label:"PULL",name:"pull",value:VB},{id:FB,label:"PUSH",name:"push",value:FB}],setFieldValue:function(n,t){e.setFieldValue("streamType",t)}},"streamType"),e.values.streamType===VB&&(0,s.jsxs)(rk,{children:[(0,s.jsx)(NB,(0,i.Z)({label:"Protocol:",options:Bj.oD,value:e.values.protocol,name:"protocol"},e)),(0,s.jsx)(Sk,(0,i.Z)({protocol:e.values.protocol},e))]}),e.values.streamType===FB&&(0,s.jsx)(rk,{children:u.length>0?(0,s.jsx)(NB,(0,r.Z)((0,i.Z)({label:(0,s.jsxs)("h1",{className:"header-title",children:["Ingest Stream",(0,s.jsx)(O.Z,{innerHtml:"Cho
1ose an existing ingest as your source, or create a new ingest via 'Manage Ingests'.",children:(0,s.jsx)(M.Z,{name:"info",size:"18px"})})]}),name:"stream"},e),{isSearchable:!1,menuPlacement:"auto",menuPortalTarget:document.querySelector("body"),options:f,value:e.values.stream,components:{Option:Lk,SingleValue:Ak},onChange:function(n){e.setFieldValue("stream",n),e.setFieldValue("displayName",n.displayName)},placeholder:"Choose an Ingest"}),"ingestStream"):(0,s.jsx)("p",{className:"no-content",children:"No ingests available"})}),(0,s.jsx)("hr",{}),(0,s.jsx)(rk,{children:(0,s.jsx)(LT,{tags:n.tags,handleTagChange:p})})]}),(0,s.jsx)(Qp,{leftElement:function(){return(0,s.jsx)(xs.ZP,{type:"outline",icon:"close",iconPosition:"right",onClick:o,children:"Cancel"})},rightElement:function(){return(0,s.jsx)(xs.ZP,{icon:"cta-arrow-right",disabled:e.isSubmitting||!e.isValid,iconPosition:"right",onClick:function(){return a(e.values)},children:"Save"})}})]})}})})),_B=(0,Y.Pi)((function(e){var n=e.input,t=(0,J.useState)(!1),i=t[0],r=t[1];return(0,hn.Xl)()&&i?(0,s.jsx)(HB,{input:n,onCancel:function(){return r(!1)},onSave:function(){return r(!1)}}):(0,s.jsx)(MB,{input:n,onToggle:function(e){return r(!e)}})}));function WB(){var e=(0,R.Z)(["\n display: flex;\n\n > div:first-child {\n flex: 1;\n }\n > div:nth-child(2) {\n width: 75px;\n margin-left: ",";\n }\n"]);return WB=function(){return e},e}var GB=L.ZP.div.withConfig({componentId:"sc-3bf67760-0"})(WB(),(function(e){return e.theme.defaultMargin})),YB=(0,Y.Pi)((function(e){var n=e.input,t=(0,hn.Qm)()?30:15,i={range:{min:[0],"25%":[1],"50%":[5],max:[t]},pips:{mode:"values",values:[0,.5,1,5,10,t],density:2.5,format:{to:function(e){return"".concat(e,"s")}}},connect:[!0,!1]},r=(0,J.useState)(n.liveBuffer.toString()),a=r[0],c=r[1];(0,J.useEffect)((function(){c(n.liveBuffer.toString())}),[n.liveBuffer]);return(0,s.jsxs)(GB,{children:[(0,s.jsx)($u.ZP,{name:"delay (seconds)",options:i,value:[n.liveBuffer],setFieldValue:function(e,t){var i=(0,o.Z)(t,1)[0];return n.requestUpdate({liveBuffer:i})},setFieldTouched:function(){}}),(0,s.jsx)(qs.ZP,{type:"number",hideNumberSpinner:!0,value:a,onChange:function(e){var i=e.target.value;c(i);var r=parseFloat(i);r&&(r>t&&(r=t),n.throttledUpdate({liveBuffer:r}))}})]})})),XB=(0,Y.Pi)((function(e){var n=e.mediaPlayer;return(0,s.jsx)(uf,{tracks:n.audioTracks,onSave:function(e){n.requestUpdate({audioTracks:e.map((function(e,n){return(0,r.Z)((0,i.Z)({},e),{streamIndex:n})}))})}})})),qB=(0,Y.Pi)((function(e){var n,t=e.input;if(!(null===(n=t.mpegTs)||void 0===n?void 0:n.pcrDiscontinuity))return null;var o=t.mpegTs.pcrDiscontinuity.resetPlayback,a=(0,J.useState)(!1),c=a[0],u=a[1],l=(0,J.useState)(o.threshold),d=l[0],p=l[1];(0,J.useEffect)((function(){d!==o.threshold&&p(o.threshold)}),[o.threshold]);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(PR,{}),(0,s.jsxs)(ND,{style:{marginBottom:0},children:[(0,s.jsx)("label",{children:"Reconnect on PCR discontinuities"}),(0,s.jsx)(mn.ZP,{uiType:"switch",infoTooltip:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("p",{style:{textAlign:"left"},children:"Monitors the program clock reference (PCR) of the incoming MPEG transport stream for discontinuities above the threshold value and automatically reconnects when they occur."}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{style:{textAlign:"left"},children:"This can be useful for clean playback when changing the underlying source sent to this ingest."}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{style:{textAlign:"left"},children:"The default threshold of 500ms can be adjusted between 100ms and 2000ms."})]}),value:o.enabled,name:"pcrDiscontinuity",onChange:function(e){return u(!0)}})]}),(0,s.jsx)(qs.ZP,{disabled:o.enabled,type:"number",step:50,min:100,max:2e3,name:"Threshold",label:"Threshold (ms)",value:d,autoComplete:"off",setFieldValue:function(e,n){!function(e){var n=""===e?"":Math.min(Math.max(e,100),2e3);p(n),""!==n&&t.optimisticDebouncedUpdate(rD()({},"mpegTs.pcrDiscontinuity.resetPlayback",(0,r.Z)((0,i.Z)({},o),{threshold:n})))}(n)}}),c&&(0,s.jsxs)(gn.Z,{title:"Reconnect on PCR discontinuities",confirmCallback:function(){t.requestUpdate(rD()({},"mpegTs.pcrDiscontinuity.resetPlayback.enabled",!o.enabled)),u(!1)},confirmLabel:"Yes",closeLabel:"No",cancelCallback:function(){return u(!1)},children:[(0,s.jsxs)("p",{children:[o.enabled?"Disabling":"Enabling"," ","reconnect on PCR discontinuities will cause a brief reconnection of this source."]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:"Do you want to continue?"})]}),(0,s.jsx)(PR,{})]})})),JB=(0,Y.Pi)((function(e){var n=e.input;return(0,s.jsxs)(VD,{children:[(0,s.jsxs)(ND,{children:[(0,s.jsx)("label",{children:"Mute sources below"}
1),(0,s.jsx)(mn.ZP,{uiType:"switch",infoTooltip:"Causes all sources below this source to be muted whenever it is active",value:n.previewSettings.muteSourcesBelow,name:"allowvideo",onChange:function(){return n.requestUpdate({muteSourcesBelow:!n.previewSettings.muteSourcesBelow})}})]}),n.isWebSource&&(0,s.jsxs)(BD,{children:[(0,s.jsx)(xs.ZP,{type:"primary",icon:"reload",onClick:n.refreshWebSource,children:"REFRESH"}),(0,s.jsx)(xs.ZP,{type:"primary",icon:"use-app",onClick:n.clearCache,children:"CLEAR CACHE"})]}),n.supportsLiveBuffer&&(0,s.jsx)(YB,{input:n}),n.supportsAVSync&&(0,s.jsx)(jB,{input:n}),n.isLiveSource&&n.mpegTs&&(0,s.jsx)(qB,{input:n}),n.isLiveSource&&(0,hn.i1)()&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(PR,{}),(0,s.jsxs)(ND,{children:[(0,s.jsx)("label",{children:"Ignore invalid audio timestamps"}),(0,s.jsx)(mn.ZP,{uiType:"switch",value:n.acceptsNonIncreasingAudioTimestamps,name:"acceptsNonIncreasingAudioTimestamps",onChange:function(){return n.requestUpdate({acceptsNonIncreasingAudioTimestamps:!n.acceptsNonIncreasingAudioTimestamps})}})]}),(0,s.jsx)(PR,{})]}),n.supportsEndMode&&(0,s.jsx)(LB,{input:n}),n.isVod&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(ED,{children:"PLAYBACK SPEED"}),(0,s.jsx)(zD,{children:(0,s.jsx)(pd,{playbackSpeed:n.previewSettings.playbackSpeed,onChange:n.requestUpdate})})]}),n.isLiveSource?(0,s.jsx)(_B,{input:n}):(0,s.jsx)(MB,{input:n}),n.isMediaPlayer&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(FD,{checkboxLabel:"Auto-play when on air",infoTooltip:"Automatically start playing whenever the Media Player source is taken to program out",name:"autoPlayOnProgram",value:n.autoPlayOnProgram,onChange:function(){return n.requestUpdate({autoPlayOnProgram:!n.autoPlayOnProgram})}}),(0,s.jsx)(FD,{checkboxLabel:"Auto-pause when off air",infoTooltip:"Automatically paused whenever the Media Player source is taken out of program out",name:"autoPauseOffProgram",value:n.autoPauseOffProgram,onChange:function(){return n.requestUpdate({autoPauseOffProgram:!n.autoPauseOffProgram})}}),(0,hn.tU)()&&(0,s.jsx)(FD,{checkboxLabel:"Auto recue on end",infoTooltip:"Recues to the start of the current clip (Play one) or first clip (Play to end
1) instead of freezing on the last frame. Has no effect when using Loop",name:"autoRecue",value:n.autoRecue,onChange:function(){return n.requestUpdate({autoRecue:!n.autoRecue})}}),(0,hn.UI)()&&(0,s.jsx)(XB,{mediaPlayer:n})]}),n.isSnapshot&&(0,s.jsx)(kB,{input:n}),n.resourceURI&&(n.isImage||n.isGif)&&(0,s.jsx)(lA.Z,{src:n.resourceURI})]},n.id)})),KB=[{label:"Cut",value:"cut"},{label:"Fade",value:"fade"},{label:"Wipe",options:[{label:"Right",overrideLabel:"Wipe Right",value:"wipe-right"},{label:"Left",overrideLabel:"Wipe Left",value:"wipe-left"},{label:"Down",overrideLabel:"Wipe Down",value:"wipe-down"},{label:"Up",overrideLabel:"Wipe Up",value:"wipe-up"}]},{label:"Squash / Stretch",options:[{label:"Right",overrideLabel:"Squash / Stretch Right",value:"squashStretch-right"},{label:"Left",overrideLabel:"Squash / Stretch Left",value:"squashStretch-left"},{label:"Up",overrideLabel:"Squash / Stretch Up",value:"squashStretch-up"},{label:"Down",overrideLabel:"Squash / Stretch Down",value:"squashStretch-down"},{label:"Up & Right",overrideLabel:"Squash / Stretch Up & Right",value:"squashStretch-upRight"},{label:"Up & Left",overrideLabel:"Squash / Stretch Up & Left",value:"squashStretch-upLeft"},{label:"Down & Right",overrideLabel:"Squash / Stretch Down & Right",value:"squashStretch-downRight"},{label:"Down & Left",overrideLabel:"Squash / Stretch Down & Left",value:"squashStretch-downLeft"}]},{label:"Slide",options:[{label:"Right",overrideLabel:"Slide Right",value:"slide-right"},{label:"Left",overrideLabel:"Slide Left",value:"slide-left"},{label:"Down",overrideLabel:"Slide Down",value:"slide-down"},{label:"Up",overrideLabel:"Slide Up",value:"slide-up"}]},{label:"Slide (Offset)",options:[{label:"Right",overrideLabel:"Slide (Offset) Right",value:"slideOffset-right"},{label:"Left",overrideLabel:"Slide (Offset) Left",value:"slideOffset-left"},{label:"Down",overrideLabel:"Slide (Offset) Down",value:"slideOffset-down"},{label:"Up",overrideLabel:"Slide (Offset) Up",value:"slideOffset-up"}]}],QB=function(e){var n=e.label,t=e.overrideLabel;return null!==t&&void 0!==t?t:n},$B=function(e){var n=e.type,t=e.direction,i="".concat(n).concat(t?"-":"").concat(null!==t&&void 0!==t?t:"");return KB.filter((function(e){return e.value})).find((function(e){return e.value===i}))||KB.filter((function(e){return e.options})).flatMap((function(e){return e.options})).find((function(e){return e.value===i}))},eV=function(e){var n=(0,o.Z)(e.split("-"),2),t=n[0],r=n[1];return(0,i.Z)({type:t},r&&{direction:r})},nV=(0,Y.Pi)((function(e){var n=e.input;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(ZR,{children:"Dynamic transition"}),(0,s.jsxs)("div",{style:{display:"flex",gap:"10px",width:"100%"},children:[(0,s.jsxs)("div",{style:{flex:1},children:[(0,s.jsx)(HD,{children:"IN"}),(0,s.jsx)(Ts.Ph,{blurInputOnSelect:!0,isSearchable:!1,options:KB,getOptionLabel:QB,value:$B(n.visionMixer.dynamicTransition.in),onChange:function(e){var t=e.value;return n.requestUpdate({visionMixer:{dynamicTransition:{in:eV(t)}}})}})]}),(0,s.jsxs)("div",{style:{flex:1},children:[(0,s.jsx)(HD,{children:"OUT"}),(0,s.jsx)(Ts.Ph,{blurInputOnSelect:!0,isSearchable:!1,options:KB,getOptionLabel:QB,value:$B(n.visionMixer.dynamicTransition.out),onChange:function(e){var t=e.value;return n.requestUpdate({visionMixer:{dynamicTransition:{out:eV(t)}}})}})]})]})]})})),tV=(0,Y.Pi)((function(e){var n=e.input,t=e.cleanFeedEnabled;return(0,s.jsxs)("section",{children:[(0,hn.gJ)()&&(0,s.jsx)(nV,{input:n}),(0,hn.gJ)()&&t&&(0,s.jsx)(PR,{}),t&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(HD,{children:"SEND TO CLEAN OUTPUT"}),(0,s.jsx)(mn.wA,{uiType:"switch",value:n.renderTargets.includes(so.A.Clean),onChange:function(){return n.toggleRenderTarget(so.A.Clean)}})]})]})}));function iV(){var e=(0,R.Z)(["\n display: flex;\n height: 20px;\n position: relative;\n"]);return iV=function(){return e},e}function rV(){var e=(0,R.Z)(["\n position: absolute;\n top: calc(100% + 15px);\n right: -10px;\n border-radius: 9px;\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);\n z-index: 10;\n"]);return rV=function(){return e},e}function oV(){var e=(0,R.Z)(["\n box-shadow: 0 0 0 1px ",";\n "]);return oV=function(){return e},e}
1function aV(){var e=(0,R.Z)(["\n min-width: 20px;\n width: 20px;\n height: 20px;\n border-radius: 10px;\n border: 2px solid white;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n ","\n"]);return aV=function(){return e},e}function sV(){var e=(0,R.Z)(["\n border: none;\n background: transparent;\n color: ",";\n margin-top: -3px;\n padding: 0;\n"]);return sV=function(){return e},e}var cV=L.ZP.div.withConfig({componentId:"sc-d86d3809-0"})(iV()),uV=L.ZP.div.withConfig({componentId:"sc-d86d3809-1"})(rV()),lV=L.ZP.div.withConfig({componentId:"sc-d86d3809-2"})(aV(),(function(e){return e.selected&&(0,L.iv)(oV(),(function(e){return e.theme.colors.secondary}))})),dV=(0,L.ZP)(ts.D).withConfig({componentId:"sc-d86d3809-3"})(sV(),(function(e){return e.theme.colors.defaultText})),pV=function(e){var n=e.color,t=e.onChange,i=e.selected,r=(0,o.Z)((0,on.Z)(!1),2),a=r[0],c=r[1],u=(0,EL.O)(c);return(0,s.jsxs)(cV,{children:[(0,s.jsx)(dV,{onClick:c,children:(0,s.jsx)(DL.Z,{size:"26px"})}),(a||i)&&(0,s.jsx)(lV,{style:{backgroundColor:n},onClick:c,selected:!0}),a&&(0,s.jsx)(uV,{ref:u,children:(0,s.jsx)(NL.gW,{color:n,onChange:t})})]})};function fV(){var e=(0,R.Z)(["\n width: 100%;\n"]);return fV=function(){return e},e}function hV(){var e=(0,R.Z)(["\n margin: 0;\n"]);return hV=function(){return e},e}function mV(){var e=(0,R.Z)(["\n margin-top: 30px;\n padding-right: 5px;\n flex: none !important;\n"]);return mV=function(){return e},e}function gV(){var e=(0,R.Z)(["\n display: flex;\n flex-direction: row;\n justify-content: space-evenly;\n align-items: flex-start;\n gap: 10px;\n padding: 5px;\n\n label {\n margin-top: 0;\n }\n\n > * {\n flex: 1;\n }\n"]);return gV=function(){return e},e}var vV=L.ZP.div.withConfig({componentId:"sc-c4d77d39-0"})(fV()),xV=(0,L.ZP)(cu.Z).withConfig({componentId:"sc-c4d77d39-1"})(hV()),yV=L.ZP.div.withConfig({componentId:"sc-c4d77d39-2"})(mV()),bV=L.ZP.div.withConfig({componentId:"sc-c4d77d39-3"})(gV()),IV="Custom Font",wV=[{label:IV,value:IV},{label:"Sans Serif",options:["Inter","Montserrat","Open Sans"].map((function(e){return{label:e,value:e}}))},{label:"Serif",options:["Lora","Playfair Display","Roboto Slab"].map((function(e){return{label:e,value:e}}))}],PV=function(e){var n=!0,t=!1,i=void 0;try{for(var r,o=wV[Symbol.iterator]();!(n=(r=o.next()).done);n=!0){var a,s=null===(a=r.value.options)||void 0===a?void 0:a.find((function(n){return n.value===e}));if(s)return s}}catch(c){t=!0,i=c}finally{try{n||null==o.return||o.return()}finally{if(t)throw i}}return wV.find((function(n){return n.value===e}))},SV=[{label:"Thin (100)",value:100},{label:"Extra Light (200)",value:200},{label:"Light (300)",value:300},{label:"Normal (400)",value:400},{label:"Medium (500)",value:500},{label:"Semi Bold (600)",value:600},{label:"Bold (700)",value:700},{label:"Extra Bold (800)",value:800},{label:"Black (900)",value:900}],ZV=function(e){return""===e?void 0:e},CV=function(e,n,t){var i=(0,du.Rx)().typeError(e).required(e),r="",o="number"===typeof n,a="number"===typeof t;return o&&!a?r="Value must be ".concat(n," or greater"):!o&&a?r="Value must be ".concat(t," or less"):n&&t&&(r="Value must be between ".concat(n," and ").concat(t," (inclusive)")),n&&(i=i.min(n,r)),t&&(i=i.max(t,r)),i},jV=1e3,kV=-20,TV=20,RV={posX:CV("Please enter an X value"),posY:CV("Please enter a Y value"),fontSize:CV("Please enter a font size",1,jV),fontFamily:(0,du.Z_)().required(),fontUrl:(0,du.Z_)().when(["fontFamily"],{is:function(e){return e===IV},then:function(e){return e.required("Please enter a font URL").url("Font URL must be a valid URL")},otherwise:function(e){return e.optional()}}),fontWeight:CV("Please enter a font weight"),color:(0,du.Z_)().required("Please enter a color").test({name:"is-valid-color",message:"Please enter a valid CSS color",test:function(e){return CSS.supports("color",e)}}),hasTextShadow:(0,du.O7)().optional(),textShadowOffsetX:(0,du.Rx)().when(["hasTextShadow"],{is:!0,then:function(){return CV("Please enter an offset",kV,TV)},otherwise:function(e){return e.optional()}}),textShadowOffsetY:(0,du.Rx)().transform(ZV).when(["hasTextShadow"],{is:!0,then:function(){return CV("Please enter an offset",kV,TV)},otherwise:function(e){return e.optional()}}),textShadowBlurRadius:(0,du.Rx)().transform(ZV).when(["hasTextShadow"],{is:!0,then:function(){return CV("Please enter a blur radius",0,50)},otherwise:function(e){return e.optional()}}),textShadowColor:(0,du.Z_)().when(["hasTextShadow"],{is:!0,then:function(e){return e.required("Please enter a text shadow").test({name:"is-valid-text-shadow-color",message:"Please enter a valid CSS color",test:function(e){return CSS.supports("color",e)}})},otherwise:function(e){return e.optional()}}),hasLetterSpacing:(0,du.O7)().optional(),letterSpacing:(0,du.Rx)().when(["hasLetterSpacing"],{is:!0,then:function(){return CV("Please enter a letter spacing value",-20,100)},otherwise:function(e){return e.optional()}})},LV=function(e,n){try{return e.validateSync(n,{abortEarly:!1}),{}}catch(t){return(0,su.wq)(t)}},AV=Array(4).fill(1).map((function(e,n){return{value:n+1,label:n+1}})),MV=(0,du.Ry)((0,i.Z)({lineWidth:CV("Please enter a line with in characters",20,80),numLines:CV("Please enter number of lines",1,4)},RV)),OV=new Set((0,a.Z)(Object.keys(MV.getDefault()))),DV=(0,Y.Pi)((function(e){var n=e.input,t=n.webS
1ourceData,o=(0,J.useMemo)((function(){return LV(MV,t)}),[t]),a=function(e){var n=e.target,t=n.name,i=n.value;OV.has(t)?c(t,i):console.error("Unknown property")},c=function(e,o){n.setWebSourceData((0,r.Z)((0,i.Z)({},t),(0,E.Z)({},e,o)))},u=Object.fromEntries(Object.keys(o).map((function(e){return[e,!0]})));return(0,s.jsxs)("section",{children:[n.error&&(0,s.jsx)("p",{children:n.error}),(0,s.jsxs)(vV,{children:[(0,s.jsxs)(bV,{children:[(0,s.jsx)(qs.ZP,{type:"number",name:"posX",label:"X Position",step:1,value:t.posX,setFieldValue:c,touched:u,errors:o}),(0,s.jsx)(qs.ZP,{type:"number",name:"posY",label:"Y Position",step:1,value:t.posY,setFieldValue:c,touched:u,errors:o})]}),(0,s.jsxs)(bV,{children:[(0,s.jsx)(qs.ZP,{type:"number",name:"lineWidth",label:"Line width (in characters)",step:1,value:t.lineWidth,setFieldValue:c,touched:u,errors:o}),(0,s.jsx)(Ts.ZP,{options:AV,label:"Number of lines",defaultValue:AV.find((function(e){return e.value===t.numLines})),onChange:function(e){c("numLines",e.value)},isSearchable:!1,captureMenuScroll:!1})]}),(0,s.jsxs)(bV,{children:[(0,s.jsx)(Ts.ZP,{options:wV,label:"Font Family",defaultValue:PV(t.fontFamily),onChange:function(e){c("fontFamily",e.value)},isSearchable:!1,captureMenuScroll:!1}),(0,s.jsx)(Ts.ZP,{options:SV,label:"Font Weight",defaultValue:SV.find((function(e){return e.value===t.fontWeight})),onChange:function(e){c("fontWeight",e.value)},isSearchable:!1})]}),t.fontFamily===IV&&(0,s.jsx)(bV,{children:(0,s.jsx)(qs.ZP,{type:"text",label:"Font Url",name:"fontUrl",tooltip:{innerHtml:"Must be a valid WOFF2 file"},value:t.fontUrl,onChange:a,touched:u,errors:o})}),(0,s.jsxs)(bV,{children:[(0,s.jsx)(qs.ZP,{type:"number",name:"fontSize",label:"Size",step:1,min:1,max:jV,value:t.fontSize,setFieldValue:c,touched:u,errors:o}),(0,s.jsx)(qs.ZP,{type:"text",name:"color",label:"Color",tooltip:{innerHtml:"Any CSS color value such as names, hex code or rgb. Alpha values can be used in rgb and hex values. For example #F03F55 or rgba(240, 63, 85, 0.8)"},value:t.color,onChange:a,touched:u,errors:o}),(0,s.jsx)(yV,{children:(0,s.jsx)(pV,{color:t.color,onChange:function(e){return c("color",e)},selected:!0})})]}),(0,s.jsx)(bV,{children:(0,s.jsx)(mn.wA,{uiType:"switch",name:"hasTextShadow",checkboxLabel:"Text shadow",value:t.hasTextShadow,onChange:function(e){var o=e.target.checked;n.setWebSourceData((0,r.Z)((0,i.Z)({},t),{hasTextShadow:o,textShadowOffsetX:5,textShadowOffsetY:5,textShadowBlurRadius:5,textShadowColor:"black"}))}})}),t.hasTextShadow&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(bV,{children:[(0,s.jsx)(qs.ZP,{type:"number",name:"textShadowOffsetX",label:"Shadow - Offset X",min:kV,max:TV,step:1,value:t.textShadowOffsetX,setFieldValue:c,touched:u,errors:o}),(0,s.jsx)(qs.ZP,{type:"number",name:"textShadowOffsetY",label:"Shadow - Offset Y",min:kV,max:TV,step:1,value:t.textShadowOffsetY,setFieldValue:c,touched:u,errors:o})]}),(0,s.jsxs)(bV,{children:[(0,s.jsx)(qs.ZP,{type:"number",name:"textShadowBlurRadius",label:"Shadow - Blur radius",min:0,max:50,step:1,value:t.textShadowBlurRadius,setFieldValue:c,touched:u,errors:o}),(0,s.jsx)(qs.ZP,{type:"text",name:"textShadowColor",label:"Shadow - color",tooltip:{innerHtml:"Any CSS color value such as names, hex code or rgb. Alpha values can be used in rgb and hex values. For example #F03F55 or rgba(240, 63, 85, 0.8)"},value:t.textShadowColor,onChange:a,touched:u,errors:o}),(0,s.jsx)(yV,{children:(0,s.jsx)(pV,{color:t.textShadowColor,onChange:function(e){return c("textShadowColor",e)},selected:!0})})]})]}),(0,s.jsx)(bV,{children:(0,s.jsx)(mn.wA,{uiType:"switch",name:"hasLetterSpacing",checkboxLabel:"Custom letter spacing",value:t.hasLetterSpacing,onChange:function(e){var n=e.target.checked;return c("hasLetterSpacing",n)}})}),t.hasLetterSpacing&&(0,s.jsx)(bV,{children:(0,s.jsx)(qs.ZP,{type:"number",name:"letterSpacing",label:"Letter spacing",value:t.letterSpacing,setFieldValue:c,min:-20,max:100,step:1,touched:u,errors:o})})]})]})}));function EV(){var e=(0,R.Z)(["\n display: flex;\n justify-content: center;
1\n align-items: center;\n width: 30px;\n padding: 8px;\n background: #f7f7f7;\n cursor: grab;\n"]);return EV=function(){return e},e}function NV(){var e=(0,R.Z)(["\n display: grid;\n width: 10px;\n grid-template-columns: 5px 5px;\n"]);return NV=function(){return e},e}function BV(){var e=(0,R.Z)(['\n flex: none;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 5px;\n height: 5px;\n\n &:before {\n width: 2px;\n height: 2px;\n content: "";\n background: gray;\n border-radius: 50%;\n }\n']);return BV=function(){return e},e}function VV(){var e=(0,R.Z)(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-end;\n gap: 8px;\n font-size: 24px;\n flex: 1;\n\n & > * {\n cursor: pointer;\n }\n"]);return VV=function(){return e},e}function FV(){var e=(0,R.Z)(["\n padding: 4px;\n max-width: 250px;\n\n &::placeholder {\n color: ",";\n }\n"]);return FV=function(){return e},e}function zV(){var e=(0,R.Z)(["\n border-radius: ",";\n box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);\n background: white;\n z-index: ",";\n font-size: 14px;\n"]);return zV=function(){return e},e}function UV(){var e=(0,R.Z)(["\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 10px 10px 10px 30px;\n gap: 10px;\n background: #f7f7f7;\n\n .toggle {\n width: 30px;\n cursor: pointer;\n flex: none;\n }\n"]);return UV=function(){return e},e}function HV(){var e=(0,R.Z)(["\n display: flex;\n position: relative;\n z-index: 1;\n background: white;\n"]);return HV=function(){return e},e}function _V(){var e=(0,R.Z)(["\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n grid-gap: 10px;\n padding: 5px;\n margin-top: 16px;\n flex: none !important;\n"]);return _V=function(){return e},e}function WV(){var e=(0,R.Z)(["\n margin: 0;\n padding: 0;\n border: none;\n background: transparent;\n outline: none;\n display: flex;\n justify-content: center;
1\n align-items: center;\n height: 16px;\n width: 16px;\n font-size: 24px;\n cursor: pointer;\n color: ",";\n\n :hover {\n color: ",";\n }\n"]);return WV=function(){return e},e}var GV=L.ZP.div.withConfig({componentId:"sc-3bc6d2b5-0"})(EV()),YV=L.ZP.div.withConfig({componentId:"sc-3bc6d2b5-1"})(NV()),XV=L.ZP.div.withConfig({componentId:"sc-3bc6d2b5-2"})(BV()),qV=L.ZP.div.withConfig({componentId:"sc-3bc6d2b5-3"})(VV()),JV=L.ZP.input.withConfig({componentId:"sc-3bc6d2b5-4"})(FV(),(function(e){return e.theme.colors.textPlaceholder})),KV=L.ZP.div.withConfig({componentId:"sc-3bc6d2b5-5"})(zV(),(function(e){return e.theme.borderRadius}),(function(e){var n=e.zIndex;return void 0===n?0:n})),QV=L.ZP.div.withConfig({componentId:"sc-3bc6d2b5-6"})(UV()),$V=L.ZP.div.withConfig({componentId:"sc-3bc6d2b5-7"})(HV()),eF=L.ZP.div.withConfig({componentId:"sc-3bc6d2b5-8"})(_V()),nF=L.ZP.button.withConfig({componentId:"sc-3bc6d2b5-9"})(WV(),(function(e){var n=e.theme;return e.active?n.colors.primary:n.colors.text1}),(function(e){return e.theme.colors.primary})),tF=(0,wn.W6)((function(){return(0,s.jsx)(GV,{children:(0,s.jsx)(YV,{children:Array.from({length:14}).map((function(e,n){return(0,s.jsx)(XV,{},n)}))})})})),iF=(0,du.Ry)((0,i.Z)({id:(0,du.Z_)().required(),alignment:(0,du.Z_)().required().oneOf(["left","right","center"]),verticalAlignment:(0,du.Z_)().required().oneOf(["top","center","bottom"]),displayName:(0,du.Z_)().required("Please enter a title"),value:(0,du.Z_)().required("Please enter a text field value")},RV)),rF=new Set((0,a.Z)(Object.keys(iF.getDefault()))),oF=function(e){var n=e.textLayer,t=e.setWebSourceData,i=e.onRemoveTextLayer,r=e.textOverlayWebSourceData,o=e.disableDelete,a=e.zIndex,c=void 0===a?0:a,u=e.showSettings,l=(0,J.useMemo)((function(){return LV(iF,n)}),[n]),d=function(e){var n=e.target,t=n.name,i=n.value;rF.has(t)?p(t,i):console.error("Unknown property")},p=function(e,i){n[e]=i,t(r)},f=Object.fromEntries(Object.keys(l).map((function(e){return[e,!0]})));return(0,s.jsxs)(KV,{zIndex:c,children:[(0,s.jsxs)(QV,{children:[u?(0,s.jsx)(JV,{type:"text",name:"displayName",value:n.displayName,onChange:d}):(0,s.jsx)(_l.Ld,{style:{padding:"5px",userSelect:"none"},children:n.displayName}),(0,s.jsx)(qV,{children:!o&&u&&(0,s.jsx)(nF,{onClick:function(){i(n)},style:{flex:"none"},children:(0,s.jsx)(O.Z,{innerHtml:"Remove text field",position:"top",distance:10,children:(0,s.jsx)(M.Z,{name:"bin"})})})}),l.displayName&&(0,s.jsx)(xV,{type:"error",children:l.displayName})]}),(0,s.jsxs)($V,{children:[(0,s.jsx)(tF,{}),(0,s.jsxs)(vV,{children:[(0,s.jsxs)(bV,{children:[(0,s.jsx)(qs.ZP,{type:"text",label:"Text",name:"value",placeholder:"Enter text here",showDefaultLabel:u,value:n.value,onChange:d,touched:f,errors:l},"".concat(n.id,"-value")),u&&(0,s.jsxs)(eF,{children:[(0,s.jsx)(nF,{onClick:function(){p("alignment","left")},active:"left"===n.alignment.toLowerCase(),children:(0,s.jsx)(O.Z,{innerHtml:"Left-align",position:"top",distance:10,children:(0,s.jsx)(M.Z,{name:"text-align-left"})})}),(0,s.jsx)(nF,{onClick:function(){p("alignment","center")},active:"center"===n.alignment.toLowerCase(),children:(0,s.jsx)(O.Z,{innerHtml:"Center-align",position:"top",distance:10,children:(0,s.jsx)(M.Z,{name:"text-align-centre"})})}),(0,s.jsx)(nF,{onClick:function(){p("alignment","right")},active:"right"===n.alignment.toLowerCase(),children:(0,s.jsx)(O.Z,{innerHtml:"Right-align",position:"top",distance:10,children:(0,s.jsx)(M.Z,{name:"text-align-right"})})}),(0,s.jsx)(nF,{onClick:function(){p("verticalAlignment","top")},active:"top"===n.verticalAlignment,children:(0,s.jsx)(O.Z,{innerHtml:"Vertically top-align",position:"top",distance:10,children:(0,s.jsx)(M.Z,{name:"text-valign-top"})})}),(0,s.jsx)(nF,{onClick:function(){p("verticalAlignment","center")},active:"center"===n.verticalAlignment,children:(0,s.jsx)(O.Z,{innerHtml:"Vertically center-align",position:"top",distance:10,children:(0,s.jsx)(M.Z,{name:"text-valign-centre"})})}),(0,s.jsx)(nF,{onClick:function(){p("verticalAlignment","bottom")},active:"bottom"===n.verticalAlignment,children:(0,s.jsx)(O.Z,{innerHtml:"Vertically bottom-align",position:"top",distance:10,children:(0,s.jsx)(M.Z,{name:"text-valign-bottom"})})})]})]}
1),u&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(bV,{children:[(0,s.jsx)(Ts.ZP,{options:wV,label:"Font Family",defaultValue:PV(n.fontFamily),onChange:function(e){p("fontFamily",e.value)},isSearchable:!1,captureMenuScroll:!1}),(0,s.jsx)(Ts.ZP,{options:SV,label:"Font Weight",defaultValue:SV.find((function(e){return e.value===n.fontWeight})),onChange:function(e){p("fontWeight",e.value)},isSearchable:!1})]}),n.fontFamily===IV&&(0,s.jsx)(bV,{children:(0,s.jsx)(qs.ZP,{type:"text",label:"Font Url",name:"fontUrl",tooltip:{innerHtml:"Must be a valid WOFF2 file"},value:n.fontUrl,onChange:d,touched:f,errors:l})}),(0,s.jsxs)(bV,{children:[(0,s.jsx)(qs.ZP,{type:"number",name:"posX",label:"X Position",step:1,value:n.posX,setFieldValue:p,touched:f,errors:l},"".concat(n.id,"-x")),(0,s.jsx)(qs.ZP,{type:"number",name:"posY",label:"Y Position",step:1,value:n.posY,setFieldValue:p,touched:f,errors:l},"".concat(n.id,"-y"))]}),(0,s.jsxs)(bV,{children:[(0,s.jsx)(qs.ZP,{type:"number",name:"fontSize",label:"Size",step:1,min:1,max:jV,value:n.fontSize,setFieldValue:p,touched:f,errors:l},"".concat(n.id,"-font-size")),(0,s.jsx)(qs.ZP,{type:"text",name:"color",label:"Color",tooltip:{innerHtml:"Any CSS color value such as names, hex code or rgb. Alpha values can be used in rgb and hex values. For example #F03F55 or rgba(240, 63, 85, 0.8)"},value:n.color,onChange:d,touched:f,errors:l},"".concat(n.id,"-color")),(0,s.jsx)(yV,{children:(0,s.jsx)(pV,{color:n.color,onChange:function(e){return p("color",e)},selected:!0})})]}),(0,s.jsx)(bV,{children:(0,s.jsx)(mn.wA,{uiType:"switch",name:"hasTextShadow",checkboxLabel:"Text shadow",value:n.hasTextShadow,onChange:function(e){var i=e.target.checked;p("hasTextShadow",i),i&&(n.textShadowOffsetX=5,n.textShadowOffsetY=5,n.textShadowBlurRadius=5,n.textShadowColor="black",t(r))}})}),n.hasTextShadow&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(bV,{children:[(0,s.jsx)(qs.ZP,{type:"number",name:"textShadowOffsetX",label:"Shadow - Offset X",min:kV,max:TV,step:1,value:n.textShadowOffsetX,setFieldValue:p,touched:f,errors:l},"".concat(n.id,"-text-shadow-offset-x")),(0,s.jsx)(qs.ZP,{type:"number",name:"textShadowOffsetY",label:"Shadow - Offset Y",min:kV,max:TV,step:1,value:n.textShadowOffsetY,setFieldValue:p,touched:f,errors:l},"".concat(n.id,"-text-shadow-offset-y"))]}),(0,s.jsxs)(bV,{children:[(0,s.jsx)(qs.ZP,{type:"number",name:"textShadowBlurRadius",label:"Shadow - Blur radius",min:0,max:50,step:1,value:n.textShadowBlurRadius,setFieldValue:p,touched:f,errors:l},"".concat(n.id,"-text-shadow-blur-radius")),(0,s.jsx)(qs.ZP,{type:"text",name:"textShadowColor",label:"Shadow - color",tooltip:{innerHtml:"Any CSS color value such as names, hex code or rgb. Alpha values can be used in rgb and hex values. For example #F03F55 or rgba(240, 63, 85, 0.8)"},value:n.textShadowColor,onChange:d,touched:f,errors:l},"".concat(n.id,"-text-shadow-color")),(0,s.jsx)(yV,{children:(0,s.jsx)(pV,{color:n.textShadowColor,onChange:function(e){return p("textShadowColor",e)},selected:!0})})]})]}),(0,s.jsx)(bV,{children:(0,s.jsx)(mn.wA,{uiType:"switch",name:"hasLetterSpacing",checkboxLabel:"Custom letter spacing",value:n.hasLetterSpacing,onChange:function(e){var n=e.target.checked;return p("hasLetterSpacing",n)}})}),n.hasLetterSpacing&&(0,s.jsx)(bV,{children:(0,s.jsx)(qs.ZP,{type:"number",name:"letterSpacing",label:"Letter spacing",value:n.letterSpacing,setFieldValue:p,min:-20,max:100,step:1,touched:f,errors:l},"".concat(n.id,"-letter-spacing"))})]})]})]})]},n.id)};function aF(){var e=(0,R.Z)(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"]);return aF=function(){return e},e}var sF=L.ZP.div.withConfig({componentId:"sc-de39b93a-0"})(aF()),cF=(0,wn.W8)((function(e){var n=e.textLayer,t=e.onRemoveTextLayer,i=e.textOverlayWebSourceData,r=e.setWebSourceData,o=e.disableDelete,a=e.zIndex,c=e.showSettings;return(0,s.jsx)(oF,{textLayer:n,onRemoveTextLayer:t,setWebSourceData:r,textOverlayWebSourceData:i,disableDelete:o,zIndex:a,showSettings:c})})),uF=(0,wn.JN)((function(e){var n,t,i=e.onRemoveTextLayer,r=e.textOverlayWebSourceData,o=e.setWebSourceData,a=e.showSettings;e.lockAxis,e.lockToContainerEdges,e.useDragHandle,e.onSortEnd;return(0,s.jsxs)(sF,{children:[null===r||void 0===r||null===(n=r.textLayers)||void 0===n?void 0:n.map((function(e,n){return(0,s.jsx)(cF,{index:n,textLayer:e,onRemoveTextLayer:function(){return i(e)},setWebSourceData:o,textOverlayWebSourceData:r,disableDelete:1===r.textLayers.length,zIndex:r.textLayers.length-n,showSettings:a},e.id)})),!(null===r||void 0===r||null===(t=r.textLayers)||void 0===t?void 0:t.length)&&(0,s.jsx)("p",{children:"You have no text fields. Press the plus button below to add a text field."})]})})),lF=(0,Y.Pi)((function(e){var n,t=e.input,o=(0,J.useState)(!1),c=o[0],u=o[1],l=t.webSourceData;return(0,s.jsxs)("section",{children:[(0,s.jsx)("div",{style:{display:"flex",justifyContent:"flex-end",paddingBottom:"10px"},children:(0,s.jsx)(nF,{active:c,onClick:function(){u(!c)},children:(0,s.jsx)(O.Z,{innerHtml:"Settings",position:"top",distance:10,children:(0,s.jsx)(M.Z,{name:"settings"})})})}),t.error&&(0,s.jsx)("p",{children:t.error}),(0,s.jsx)(uF,{onRemoveTextLayer:function(e){return n=e,void t.setWebSourceData((0,r.Z)((0,i.Z)({},l),{textLayers:l.textLayers.filter((function(e){return e!==n}))}));var n},textOverlayWebSourceData:l,setWebSourceData:t.setWebSourceData,lockAxis:"y",lockToContainerEdges:!0,useDragHandle:!0,onSortEnd:function(e){var n=e.oldIndex,i=e.newIndex,r=l.textLayers,o=r[n],a=[];r.filter((function(e){return e!==o}
1)).forEach((function(e,n){n===i&&a.push(o),a.push(e)})),a.length<r.length&&a.push(o),t.setWebSourceData({textLayers:a})},showSettings:c}),(0,s.jsx)("div",{style:{position:"absolute",bottom:0,right:0},children:(0,s.jsx)(xs.Tv,{onClick:function(){var e,n=null===(e=l.textLayers)||void 0===e?void 0:e.at(-1),o=function(e){var n=0,t=!0,i=!1,r=void 0;try{for(var o,a=e[Symbol.iterator]();!(t=(o=a.next()).done);t=!0){o.value;var s="Text Field ".concat(++n);if(!e.includes(s))return s}}catch(c){i=!0,r=c}finally{try{t||null==a.return||a.return()}finally{if(i)throw r}}return"Text Field ".concat(++n)}((l.textLayers||[]).map((function(e){return e.displayName}))),s=n?(0,r.Z)((0,i.Z)({},n),{id:hI.Z.generateUUIDv4(),value:"New text field",displayName:o}):{id:hI.Z.generateUUIDv4(),value:"New text field",displayName:o,posX:200,posY:200,fontFamily:"Open Sans",fontWeight:400,fontSize:50,alignment:"left",verticalAlignment:"top",color:"white"};t.setWebSourceData({textLayers:(0,a.Z)(l.textLayers||[]).concat([s])})},tooltip:"Add text field",title:void 0,tooltipPosition:"left",disabled:(null===l||void 0===l||null===(n=l.textLayers)||void 0===n?void 0:n.length)>=20,customPosition:void 0})})]})})),dF=(0,du.Ry)({url:(0,du.Z_)().required("Please enter a url").url("Must be a valid URL"),fullScreen:(0,du.Xg)()}),pF=new Set((0,a.Z)(Object.keys(dF.getDefault()))),fF=(0,Y.Pi)((function(e){var n=e.input,t=n.webSourceData,o=(0,J.useMemo)((function(){return LV(dF,t)}),[t]),a=function(e,o){n.setWebSourceData((0,r.Z)((0,i.Z)({},t),(0,E.Z)({},e,o)))},c=Object.fromEntries(Object.keys(o).map((function(e){return[e,!0]})));return(0,s.jsxs)("section",{children:[n.error&&(0,s.jsx)("p",{children:n.error}),(0,s.jsxs)(vV,{children:[(0,s.jsx)(bV,{children:(0,s.jsx)(qs.ZP,{type:"text",label:"Post Url",name:"url",tooltip:{innerHtml:"Full url to threads post"},value:t.url,onChange:function(e){var n=e.target,t=n.name,i=n.value;pF.has(t)?a(t,i):console.error("Unknown property")},touched:c,errors:o,autoComplete:"off"})}),(0,s.jsx)(bV,{children:(0,s.jsx)(mn.wA,{uiType:"switch",name:"fullScreen",checkboxLabel:"Full screen",value:t.fullScreen,onChange:function(e){var o=e.target.checked;n.setWebSourceData((0,r.Z)((0,i.Z)({},t),{fullScreen:o}))}})})]})]})}));function hF(){var e=(0,R.Z)(["\n display: ",";\n height: 100%;\n width: 100%;\n"]);return hF=function(){return e},e}var mF=L.ZP.iframe.withConfig({componentId:"sc-144a4fb6-0"})(hF(),(function(e){return e.isVisible?"unset":"none"})),gF=(0,Y.Pi)((function(e){var n=e.input,t=e.iframeControlledInputs;return(0,s.jsxs)("section",{children:[t.map((function(e){return(0,s.jsx)(mF,{isVisible:e.id===n.id,src:e.controllerUrl},e.id)})),n.isWebNative&&(0,s.jsxs)(s.Fragment,{children:[n.error&&(0,s.jsx)("p",{children:n.error}),n.nativeFields&&n.nativeFields.map((function(e){return(0,s.jsx)(qs.ZP,{type:"text",name:e.label,value:n.webSourceData[e.id],onChange:function(t){var i=t.target.value;return n.setWebSourceData((0,E.Z)({},e.id,i))}},e.id)}))]}),n.isTextOverlay&&(0,s.jsx)(lF,{input:n}),n.isOpenCaptions&&(0,s.jsx)(DV,{input:n}),n.isThreads&&(0,s.jsx)(fF,{input:n})]})}));function vF(){var e=(0,R.Z)(["\n & i {\n padding-left: 5px;\n }\n"]);return vF=function(){return e},e}var xF=(0,L.ZP)(xs.rU).withConfig({componentId:"sc-46bac3b6-0"})(vF()),yF=function(e,n){var t=e.id,i=e.isLocal,r=e.reconnect,o=e.unpublish,a=e.displayName,c=e.isConnected;return e.isLiveSource?(0,s.jsx)(xs.ZP,{icon:"reload",onClick:function(){return r()},children:"Reconnect"}):i?function(e){var n=e.id,t=e.unpublish,i=e.displayName,r=e.isConnected,o=e.navigate,a=(0,s.jsxs)(s.Fragment,{children:["Are you sure you want to disconnect source"," ",(0,s.jsx)("strong",{children:i}),"?"]});return r?(0,s.jsx)(sA,{icon:"reload",title:"Disconnect",text:a,confirmLabel:"Disconnect",confirmIcon:"offline-source",confirmCallback:function(){t()}}):(0,s.jsxs)(xF,{onClick:function(){o("/source/".concat(n,"/reconnect/local"))},children:["Connect",(0,s.jsx)(M.Z,{name:"reload"})]})}({id:t,unpublish:o,displayName:a,isConnected:c,navigate:n}):void 0},bF=(0,Y.Pi)((function(e){var n,t,i=e.onClose,r=e.closeRoute,a=(0,q.oR)(),c=a.c
1ontrolRoom,u=a.streamConfig,l=!!u.serverConfig.cleanFeedEnabled,d=c.selectedInput||{displayName:"",previewSettings:{muteSourcesBelow:!1}},p=c.iframeControlledInputs,f=(0,Sp.s0)(),h=(0,Sp.TH)().pathname,m=(0,o.Z)((0,on.Z)(!1),2),g=m[0],v=m[1],x=function(){d.isInLive?v():((0,kv.LX)("/source/:inputId/settings/*",h)&&f("/"),d.delete())},y=(0,hn.aY)()?a.audioMixer.info.easyMode&&d.hasAudioSettingsTab:d.hasAudioSettingsTab,b=!d.isSnapshot&&(l||(0,hn.gJ)());return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(Rp.ZP,{onClose:xP((function(){c.closeSourceSettings(),null===i||void 0===i||i()}),r),headerTitle:"Settings - ".concat(d.displayName),selected:c.selectedSettingsTab,onTabSelected:function(e){f("/source/".concat(d.id,"/settings/").concat(e.selected))},children:[(0,s.jsx)(SB,{id:Wl.u5.Source,icon:"settings",name:"Source Settings",inputName:d.displayName,deleteInput:x,footerCta:function(){return yF(d,f)},children:(0,s.jsx)(JB,{input:d})}),(0,s.jsx)(SB,{id:Wl.u5.Controls,icon:d.iconName,Icon:d.iconComponent,name:d.controlsName,isOff:!d.isWebControlled,noPadding:d.isWebIframe,inputName:d.displayName,deleteInput:x,children:(0,s.jsx)(gF,{input:d,iframeControlledInputs:p})}),b&&(0,s.jsx)(SB,{id:Wl.u5.VisionMixer,icon:"producer-2",name:"Vision Mixer Settings",inputName:d.displayName,deleteInput:x,children:(0,s.jsx)(tV,{input:d,cleanFeedEnabled:l})}),d.hasDisplaySettingsTab&&(0,s.jsx)(SB,{id:Wl.u5.Display,icon:"thumbnail",name:"Display Settings",inputName:d.displayName,deleteInput:x,children:(0,s.jsx)(yB,{input:d,getLayerByPosition:c.getLayerByPosition})}),y&&(0,s.jsx)(SB,{id:Wl.u5.Audio,icon:"headphones",name:"Audio Settings",inputName:d.displayName,deleteInput:x,children:(0,s.jsx)(mB,{input:d})}),d.isLiveSource&&(0,s.jsx)(SB,{id:Wl.u5.KeyAndFill,icon:"fire",Icon:aA.Z,name:"Key and Fill",inputName:d.displayName,deleteInput:x,footerCta:function(){return yF(d,f)},children:(0,s.jsx)(IB,{input:d})}),(d.isGuest||d.isGuestIntercom)&&(0,s.jsx)(SB,{id:Wl.u5.Guest,icon:"profile",name:"Invite Settings",inputName:d.displayName,deleteInput:x,children:(0,s.jsx)(lN,{input:d,maxGuests:u.producerMaxGuests})}),d.isGuest&&(0,hn.jc)()&&(0,s.jsx)(SB,{id:Wl.u5.GuestRemote,Icon:oA.Z,name:"Monitoring & Remote controls",inputName:d.displayName,deleteInput:x,children:(0,s.jsx)(CN,{input:d})}),d.hasTrimmerTab&&(0,s.jsx)(SB,{id:Wl.u5.Trimmer,icon:"cut",name:"Trimmer Settings",inputName:d.displayName,deleteInput:x,disabled:!d.src,children:(0,s.jsx)(eE,{src:d.src,contentStartOffset:null===(n=d.preview)||void 0===n?void 0:n.producer.contentStartOffset,mediaStartTime:null===(t=d.preview)||void 0===t?void 0:t.producer.mediaStartTime,poster:d.thumbnailUrl,duration:d.duration,inPoint:d.adjustedStartTime,outPoint:d.adjustedEndTime,onInOutPointsChange:function(e){var n=(0,o.Z)(e,2),t=n[0],i=n[1];return d.optimisticThrottledUpdate({playbackStartTime:t,playbackEndTime:i})}})}),d.isPlaylist&&(0,s.jsx)(Rp.et,{id:Wl.u5.Playlist,icon:"playlist",name:"Playlist Settings",noPadding:!0,children:(0,s.jsx)(eB,{playlist:d})}),d.isMediaPlayer&&(0,s.jsx)(Rp.et,{id:Wl.u5.MediaPlayer,icon:"playlist",Icon:yC.Z,name:"Media Player Settings",noPadding:!0,children:(0,s.jsx)(VE,{playlist:d})})]}),g&&(0,s.jsx)(cA,{closeModal:function(){return v()}})]})})),IF=(0,Y.Pi)((function(e){var n,t,a,c,u=e.organizationPreferences,l=(0,Sp.TH)(),d=Zp(),p=(0,J.useRef)(!1),f=(0,q.oR)(),h=f.controlRoom,m=f.streamConfig,g=m.assetLibrary;(0,J.useEffect)((function(){l.pathname.startsWith("/broadcast")?p.current=!0:"/"===l.pathname&&(p.current=!1)}),[l.pathname]);var v=(0,Sp.bS)("/source/:inputId/settings/:tab/*");if(null!==v&&m.inputs.size){var x=v.params,y=x.inputId,b=x.tab;h.openSourceSettingsTab({inputId:y,tab:b})}var I="/"!==l.pathname&&Object.values(cP).every((function(e){return!l.pathname.startsWith("/".concat(e))}));return(0,s.jsx)(vP,{children:(0,s.jsx)(tx.Z,{isOpen:I,slideOnEnter:!p.current,unmountOnExit:0===h.iframeControlledInputs.length,children:(0,s.jsxs)(eZ.Z,{component:null,children:[v?(0,s.jsx)(bF,{closeRoute:"../",onClose:void 0}):(0,s.jsx)(s.Fragment,{}),(0,s.jsx)(wt.ZP,{timeout:300,children:(0,s.jsxs)(Sp.Z5,{location:l,children:[(0,s.jsx)(Sp.AW,{path:"add-source/:layerIndex/*",element:(0,s.jsx)(uT,{organizationPreferences:u})}),(0,s.jsx)(Sp.AW,{path:"assets/add/*",element:(0,s.jsx)(lT,{})}),(0,s.jsx)(Sp.AW,{path:"assetLibrarySidebar",element:(0,s.jsx)(lT,{})}),(0,s.jsx)(Sp.AW,{path:"source/:inputId/reconnect/*",element:(0,s.jsx)(uT,{organizationPreferences:u})}),(0,s.jsx)(Sp.AW,{path:"adbreak/:tab",element:(0,s.jsx)(vC,{closeRoute:"../",onClose:void 0})}),(0,s.jsx)(Sp.AW,{path:"streamsync",element:(0,s.jsx)($S,{onClose:void 0,closeRoute:"../"})}),(0,s.jsx)(Sp.AW,{path:"aitranscription",element:(0,s.jsx)(VP,{onClose:void 0,closeRoute:"../"})}),(0,s.jsx)(Sp.AW,{path:"customTransitions/asset/add",element:(0,s.jsx)(ZT,{isOpen:h.sidebars.addCustomTransitionAssets.isOpen,title:(null===(n=h.route)||void 0===n||null===(t=n.data)||void 0===t?void 0:t.replacingAsset)?"Replace asset for transition":"Select asset for transition",onSubmit:function(e){var n,t,a,s,c=(0,o.Z)(e.assets,1)[0];if(null===(n=h.route)||void 0===n||null===(t=n.data)||void 0===t?void 0:t.isEditing){var u=h.route.data.initialValues,l=u.transitionId||u.id;d("customTransitions/".concat(l,"/edit"),{state:c})}else d("customTransitions/add",{state:c});h.navigate({data:(0,r.Z)((0,i.Z)({},e),{initialValues:(0,i.Z)({},null===(a=h.route)||void 0===a||null===(s=a.data)||void 0===s?void 0:s.initialValues)}),route:void 0,params:void 0}),g.setSearchString("")},onClose:h.sidebars.addCustomTransitionAssets.close,onBack:h.sidebars.addCustomTransitionAssets.close,closeRoute:"/",backRoute:mR(h)})}),(0,s.jsx)(Sp.AW,{path:"customTransitions/add",element:(0,s.jsx)(oR,{backRoute:"../customTransitions/asset/add",closeRoute:"../",onBack:function(){h.navigate({data:{},route:void 0,params:void 0})},findAsset:void 0,onClose:h.reset,assetData:h.route.data,createTransition:function(e){m.customTransitions.createCustomTransition(e),h.reset()},initialValues:null===(a=h.route)||void 0===a||null===(c=a.data)||void 0===c?void 0:c.initialValues,transitionNumber:m.customTransitions.numberOfTransitions+1,transitionLimit:m.customTransitions.maxNumberOfTransitions,replaceAssetNavigation:function(e){h.sidebars.addCustomTransitionAssets.open(),h.navigate({data:{initialValues:e,replacingAsset:!0},route:void 0,params:void 0}),d("customTransitions/asset/add")},findAssetFromLibrary:g.findAssetById,isAssetAvailable:g.assetExists})}),(0,s.jsx)(Sp.AW,{path:"customTransitions/:transitionId/edit",element:(0,s.jsx)(oR,{isEditing:!0,closeRoute:"/",backRoute:"../customTransitions",onBack:function(){h.navigate({data:{},route:void 0,params:void 0})},transitionLimit:void 0,onClose:h.reset,assetData:h.route.data,updateTransition:function(e,n){m.customTransitions.updateCustomTransition(e,n),h.reset()},initialValues:h.route.data.initialValues,transitionNumber:m.customTransitions.numberOfTransitions+1,replaceAssetNavigation:function(e){h.sidebars.addCustomTransitionAssets.open(),h.navigate({data:{initialValues:e,replacingAsset:!0,isEditing:!0,transitionId:null===e||void 0===e?void 0:e.transitionId},route:void 0,params:void 0}),d("customTransitions/asset/add")},findAsset:m.customTransitions.findTransitionById,findAssetFromLibrary:g.findAssetById})}),(0,s.jsx)(Sp.AW,{path:"customTransitions",element:(0,s.jsx)(vR,{closeRoute:"../",onClose:h.sidebars.customTransitions.close})}
1),(0,s.jsx)(Sp.AW,{path:"layer/:layerId/settings/:tab?",element:(0,s.jsx)(rA,{closeRoute:"../"})}),(0,s.jsx)(Sp.AW,{path:"*",element:(0,s.jsx)(s.Fragment,{})})]})},l.pathname)]})})})})),wF=t(13276);function PF(){var e=(0,R.Z)(["\n background-color: ",";\n border-right: 1px solid #2e3459;\n display: flex;\n flex: 1 0 55px;\n padding: 10px;\n"]);return PF=function(){return e},e}function SF(){var e=(0,R.Z)(["\n align-items: center;\n justify-content: center;\n flex-direction: row;\n gap: 10px;\n box-shadow: 4px 0px 8px rgba(0, 0, 0, 0.25);\n"]);return SF=function(){return e},e}function ZF(){var e=(0,R.Z)(["\n display: flex;\n height: 100%;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n gap: 5px;\n"]);return ZF=function(){return e},e}function CF(){var e=(0,R.Z)(["\n a {\n ","\n }\n :hover {\n a {\n ","\n }\n }\n "]);return CF=function(){return e},e}function jF(){var e=(0,R.Z)(["\n border-left: 1px solid #2e3459;\n box-shadow: -4px 0px 8px rgba(0, 0, 0, 0.25);\n ","\n"]);return jF=function(){return e},e}function kF(){var e=(0,R.Z)(["\n display: flex;\n flex-direction: column;\n flex-basis: 20px;\n width: 100%;\n gap: 5px;\n"]);return kF=function(){return e},e}function TF(){var e=(0,R.Z)(["\n width: 100%;\n border-radius: 3px;\n flex: 0 0 5px;\n"]);return TF=function(){return e},e}function RF(){var e=(0,R.Z)(["\n background-color: ",";\n"]);return RF=function(){return e},e}function LF(){var e=(0,R.Z)(["\n background-color: ",";\n"]);return LF=function(){return e},e}function AF(){var e=(0,R.Z)(["\n align-items: center;\n background: ",";\n border: 1px solid ",";\n border-radius: ",";\n color: ",";\n display: flex;\n flex: 1;\n font-size: 30px;\n justify-content: center;\n padding: 0;\n transition: 0.3s ease;\n\n :hover {\n background-color: ",";\n color: white;\n text-decoration: none;\n }\n :active {\n background-color: ",";\n }\n"]);return AF=function(){return e},e}var MF="\n\tbackground-color: ".concat(an.Z.colors.tabbedIcon,";\n\tcolor: ").concat(an.Z.colors.primary,";\n"),OF=L.ZP.div.withConfig({componentId:"sc-3a03123c-0"})(PF(),(function(e){return e.theme.colors.secondaryLight})),DF=(0,L.ZP)(OF).withConfig({componentId:"sc-3a03123c-1"})(SF()),EF=L.ZP.div.withConfig({componentId:"sc-3a03123c-2"})(ZF()),NF=(0,L.ZP)(OF).withConfig({componentId:"sc-3a03123c-3"})(jF(),(function(e){return e.active&&(0,L.iv)(CF(),MF,MF)})),BF=L.ZP.div.withConfig({componentId:"sc-3a03123c-4"})(kF()),VF=L.ZP.div.withConfig({componentId:"sc-3a03123c-5"})(TF()),FF=(0,L.ZP)(VF).withConfig({componentId:"sc-3a03123c-6"})(RF(),(function(e){var n=e.active,t=e.theme.colors;return n?t.inPreview:t.inPreviewOff})),zF=(0,L.ZP)(VF).withConfig({componentId:"sc-3a03123c-7"})(LF(),(function(e){var n=e.active,t=e.theme.colors;return n?t.inProgram:t.inProgramOff})),UF=(0,L.ZP)(ts.D).withConfig({componentId:"sc-3a03123c-8"})(AF(),(function(e){return e.theme.colors.text1}),(function(e){return e.theme.colors.secondaryDark}),(function(e){return e.theme.borderRadius}),(function(e){return e.theme.colors.secondaryDark}),(function(e){return e.theme.colors.secondaryLight}),(function(e){return e.theme.colors.tabbedIcon})),HF=function(e){var n=e.layerIndex,t=void 0===n?1:n,i=e.active,r=(0,Sp.s0)();return(0,s.jsx)(NF,{active:i,children:(0,s.jsx)(UF,{as:"a",href:"#",onClick:function(e){e.preventDefault(),r(Cp.Z.AddSource.replace(":layerIndex",t.toString()))},children:(0,s.jsx)(M.Z,{name:"plus"})})})},_F=(0,Y.Pi)((function(e){var n=e.isCollapsed,t=e.isInLive,i=e.isInPreview,r=e.blankPreview,o=e.blankLive,a=e.hotSwitchEnabled,c=void 0!==a&&a,u=(0,q.oR)().controlRoom;return(0,s.jsxs)(DF,{children:[!u.localSettings.isSplitSwitchingEnabled&&(0,s.jsxs)(EF,{children:[(0,s.jsxs)(BF,{children:[u.localSettings.invertPreviewProgram&&(0,s.jsx)(zF,{active:t}),(0,s.jsx)(FF,{active:!c&&i}),!u.localSettings.invertPreviewProgram&&(0,s.jsx)(zF,{active:t})]}),!n&&(0,s.jsx)(UF,{onClick:r,children:(0,s.jsx)(M.Z,{name:"blank-layer"})})]}),u.localSettings.isSplitSwitchingEnabled&&(0,s.jsxs)(s.Fragment,{children:[u.localSettings.invertPreviewProgram&&(0,s.jsxs)(EF,{children:[(0,s.jsx)(zF,{active:t}),!n&&(0,s.jsx)(UF,{onClick:o,children:(0,s.jsx)(M.Z,{name:"blank-layer"})})]}),(0,s.jsxs)(EF,{children:[(0,s.jsx)(FF,{active:!c&&i}),!n&&(0,s.jsx)(UF,{onClick:r,children:(0,s.jsx)(M.Z,{name:"blank-layer"})})]}),!u.localSettings.invertPreviewProgram&&(0,s.jsxs)(EF,{children:[(0,s.jsx)(zF,{active:t}),!n&&(0,s.jsx)(UF,{onClick:o,children:(0,s.jsx)(M.Z,{name:"blank-layer"})})]})]})]})})),WF=t(75229),GF=t.n(WF);function YF(){var e=(0,R.Z)(["\n display: flex;\n flex-direction: column;\n width: 30px;\n height: 100%;\n text-align: center;\n color: ",";\n border-right: 1px solid ",";\n background: ",";\n"]);return YF=function(){return e},e}function XF(){var e=(0,R.Z)(["\n height: 1.8em;\n cursor: pointer;\n\n i {\n font-size: 1.4em;\n vertical-align: middle;\n }\n\n &:hover {\n color: ",";\n }\n"]);return XF=function(){return e},e}function qF(){var e=(0,R.Z)(["\n height: 100%;\n "]);return qF=function(){return e},e}function JF(){var e=(0,R.Z)(["\n ",";\n"]);return JF=function(){return e},e}function KF(){var e=(0,R.Z)(["\n flex: 1;\n cursor: auto;\n border-top: 1px solid ",";\n"]);return KF=function(){return e},e}function QF(){var e=(0,R.Z)(["\n border-top: 1px solid ",";\n"]);return QF=function(){return e},e}var $F=L.ZP.section.withConfig({componentId:"sc-42aa62dc-0"})(YF(),(function(e){return e.theme.colors.secondaryLighter}
1),(function(e){return e.theme.colors.secondaryDark}),(function(e){return e.theme.colors.secondaryLight})),ez=L.ZP.div.withConfig({componentId:"sc-42aa62dc-1"})(XF(),(function(e){return e.theme.colors.secondaryDark})),nz=(0,L.ZP)(ez).withConfig({componentId:"sc-42aa62dc-2"})(JF(),(function(e){return e.collapsedLayer&&(0,L.iv)(qF())}));nz.displayName="LayerCollapse";var tz=(0,L.ZP)(ez).withConfig({componentId:"sc-42aa62dc-3"})(KF(),(function(e){return e.theme.colors.secondaryDark})),iz=(0,L.ZP)(ez).withConfig({componentId:"sc-42aa62dc-4"})(QF(),(function(e){return e.theme.colors.secondaryDark})),rz={left:0,bottom:0},oz=function(e){(0,Rl.Z)(t,e);var n=(0,Ll.Z)(t);function t(e){var i;return(0,Tl.Z)(this,t),(i=n.call(this,e)).state={showContextMenu:!1,contextMenuX:e.contextMenuX,contextMenuY:e.contextMenuY,collapsedLayer:!p()(i.props.collapsedLayer)&&i.props.collapsedLayer,coords:rz},i.ref=J.createRef(),GF()((0,Kg.Z)(i),"renderDropdown","collapseLayer"),i}var i=t.prototype;return i.openContextMenu=function(e){var n,t,i=this.state.showContextMenu;this.setState({coords:null!==(t=null===e||void 0===e||null===(n=e.target)||void 0===n?void 0:n.getBoundingClientRect())&&void 0!==t?t:rz,showContextMenu:!i})},i.renderDropdown=function(){var e=this,n=this.props,t=n.contextMenuX,i=n.contextMenuY,r=n.contextMenuItems,o=n.layerIndex,a=this.state.coords;return(0,s.jsx)(gt.Z,{positionX:a.left+t,positionY:a.bottom+i,sectionedItems:r,layerIndex:o,onClose:function(){e.setState({showContextMenu:!1})},parentRef:this.ref})},i.collapseLayer=function(){var e=this.state.collapsedLayer;this.setState({collapsedLayer:!e}),this.props.collapseLayerClickHandler(!e)},i.render=function(){var e=this.state,n=e.showContextMenu,t=e.collapsedLayer;return(0,s.jsxs)($F,{ref:this.ref,children:[(0,s.jsx)(nz,{collapsedLayer:t,onClick:this.collapseLayer,children:(0,s.jsx)(M.Z,{name:t?"arrow-down":"arrow-up"})}),!t&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(tz,{}),(0,s.jsx)(iz,{onClick:this.openContextMenu.bind(this),children:(0,s.jsx)(M.Z,{name:"settings"})})]}),n&&this.renderDropdown()]})},t}(J.Component);(0,il.jN)(oz);function az(){var e=(0,R.Z)(["\n background-color: #596281;\n "]);return az=function(){return e},e}function sz(){var e=(0,R.Z)(["\n background-color: ",";\n border-bottom: 2px solid ",";\n display: flex;\n height: 100%;\n position: relative;\n transition: background-color 0.3s;\n\n ","\n\n "," {\n flex: 0 0 30px;\n }\n"]);return sz=function(){return e},e}function cz(){var e=(0,R.Z)(["\n color: ",";\n\n display: flex;\n align-items: center;\n padding: ",";\n padding-bottom: ",";\n user-select: none;\n"]);return cz=function(){return e},e}function uz(){var e=(0,R.Z)(["\n display: flex;\n flex-grow: 1;\n overflow: auto hidden;\n position: relative;\n ","\n"]);return uz=function(){return e},e}function lz(){var e=(0,R.Z)(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n height: 100%;\n width: 100%;\n overflow: auto hidden;\n width: 100%;\n"]);return lz=function(){return e},e}function dz(){var e=(0,R.Z)(["\n flex: 1;\n display: flex;\n align-items: center;\n gap: ",";\n padding-left: ",';\n\n :after {\n content: "";\n width: 8px;\n padding: 1px;\n }\n']);return dz=function(){return e},e}function pz(){var e=(0,R.Z)(["\n flex: 1;\n display: flex;\n flex-wrap: wrap;\n place-content: flex-start;\n gap: ",";\n padding: ",";\n ","\n"]);return pz=function(){return e},e}function fz(){var e=(0,R.Z)(["\n font-size: ","px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n padding-right: 2px;\n"]);return fz=function(){return e},e}function hz(){var e=(0,R.Z)(["\n background: ",";\n font-size: ","px;\n cursor: ",";\n border: none;\n border-radius: 0;\n padding: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n &:focus {\n border: none;\n }\n"]);return hz=function(){return e},e}var mz=L.ZP.li.withConfig({componentId:"sc-9ecb999e-0"})(sz(),(function(e){return e.theme.colors.secondary}
1),(function(e){return e.theme.colors.secondaryDark}),(function(e){return e.active&&(0,L.iv)(az())}),$F),gz=L.ZP.div.withConfig({componentId:"sc-9ecb999e-1"})(cz(),(function(e){var n=e.isActive,t=e.isCustomColor,i=e.theme;return t?"#fff":n?"#c9daf8":i.colors.secondaryLighter}),(function(e){var n=e.theme;return"".concat(n.smallPadding," ").concat(n.defaultPadding)}),(function(e){var n=e.isCollapsed,t=e.theme;return n?t.smallPadding:0})),vz=L.ZP.section.withConfig({componentId:"sc-9ecb999e-2"})(uz(),Js.n),xz=L.ZP.div.withConfig({componentId:"sc-9ecb999e-3"})(lz()),yz=L.ZP.ul.withConfig({componentId:"sc-9ecb999e-4"})(dz(),(function(e){return e.theme.defaultPadding}),(function(e){return e.theme.defaultPadding})),bz=L.ZP.ul.withConfig({componentId:"sc-9ecb999e-5"})(pz(),(function(e){return e.theme.defaultPadding}),(function(e){return e.theme.defaultPadding}),Js.n),Iz=L.ZP.span.withConfig({componentId:"sc-9ecb999e-6"})(fz(),(function(e){return e.theme.fontSizeBase})),wz=L.ZP.input.withConfig({componentId:"sc-9ecb999e-7"})(hz(),(function(e){var n=e.isEditable,t=e.theme;return n?t.colors.secondaryLight:"transparent"}),(function(e){return e.theme.fontSizeBase}),(function(e){return e.isEditable?"text":"auto"})),Pz=t(84973);var Sz=function(e){var n=e.children,t=e.itemCount,r=e.onContextMenu,a=(0,o.Z)((0,Pz.y)(),2),c=a[0],u=a[1],l=u.width,d=u.height;if(!t)return null;var p=function(e){for(var n,t=e.height,i=e.width,r=e.gap,o=e.itemCount,a=e.itemRatio,s=void 0===a?16/9:a,c=e.minItemHeight,u=void 0===c?1:c,l=e.padding,d=void 0===l?r:l,p=i/t,f=1;f<=o;f++){var h=Math.ceil(o/f),m=void 0,g=void 0;if(s*(h/f)<p?g=(m=(t-r*f)/f)*s:m=(g=(i-r*h)/h)/s,m>=u&&g>0){var v=Math.abs(t*i-(m+r)*(g+r)*o);v>d*d&&(!n||v<n.emptyArea)&&(n={emptyArea:v,colCount:h,rowCount:f,itemHeight:m,itemWidth:g})}}return n||{rowCount:1,colCount:o,itemHeight:u,itemWidth:u*s}}({height:d,width:l,gap:10,itemCount:t,minItemHeight:100}).itemHeight;return(0,s.jsx)(bz,{ref:c,style:(0,i.Z)({"--layer-item-height":"".concat(p,"px")},100===p&&{overflowY:"auto"}),onContextMenu:r,children:n})};function Zz(){var e=(0,R.Z)(["\n opacity: 0.25;\n user-select: none;\n -webkit-user-drag: none;\n img {\n user-select: none;\n -webkit-user-drag: none;\n }\n"]);return Zz=function(){return e},e}function Cz(){var e=(0,R.Z)(["\n height: calc(100% - 20px);\n "]);return Cz=function(){return e},e}function jz(){var e=(0,R.Z)(["\n height: var(--layer-item-height);\n "]);return jz=function(){return e},e}function kz(){var e=(0,R.Z)(["\n @supports not (aspect-ratio: 16 / 9) {\n flex: 0 0 175px;\n }\n aspect-ratio: 16 / 9;\n display: flex;\n flex-direction: column;\n border-radius: 3px;\n background-repeat: repeat;\n position: relative;\n box-shadow: 0 0 0 2pt ",";\n\n ","\n\n ","\n\n :hover {\n cursor: ",";\n }\n"]);return kz=function(){return e},e}function Tz(){var e=(0,R.Z)(["\n background-color: black;\n flex: 1;\n"]);return Tz=function(){return e},e}function Rz(){var e=(0,R.Z)(["\n display: flex;\n justify-content: center;\n gap: 5px;\n position: absolute;\n width: 100%;\n flex-grow: 1;\n height: 80%;\n cursor: default;\n"]);return Rz=function(){return e},e}function Lz(){var e=(0,R.Z)(["\n flex-grow: 1;\n height: 100%;\n cursor: pointer;\n"]);return Lz=function(){return e},e}function Az(){var e=(0,R.Z)(["\n width: ","%;\n background-color: rgba(151, 41, 55, ",");\n"]);return Az=function(){return e},e}function Mz(){var e=(0,R.Z)(["\n width: ","%;\n background-color: rgba(0, 68, 52, ",");\n"]);return Mz=function(){return e},e}var Oz=(0,L.iv)(Zz()),Dz=L.ZP.li.withConfig({componentId:"sc-e73c8bae-0"})(kz(),(function(e){var n=e.isInPreview,t=e.isInLive,i=e.theme;return t?i.colors.inProgram:n?i.colors.inPreview:"transparent"}),(function(e){var n=e.fullHeight;return void 0===n||n?(0,L.iv)(Cz()):(0,L.iv)(jz())}),(function(e){return e.pending&&Oz}),(function(e){return e.pending?"not-allowed":e.isSplitSwitching?"default":"pointer"}));Dz.displayName="SourceItem";L.ZP.div.withConfig({componentId:"sc-e73c8bae-1"})(Tz());var Ez=L.ZP.div.withConfig({componentId:"sc-e73c8bae-2"})(Rz()),Nz=L.ZP.div.withConfig({componentId:"sc-e73c8bae-3"})(Lz()),Bz=function(e){return e.mouseDown?"0.2":"0"},Vz=(0,L.ZP)(Nz).withConfig({componentId:"sc-e73c8bae-4"})(Az(),(function(e){return e.width}),Bz),Fz=(0,L.ZP)(Nz).withConfig({componentId:"sc-e73c8bae-5"})(Mz(),(function(e){return e.width}),Bz);function zz(){var e=(0,R.Z)(["\n display: flex;\n flex-direction: column;
1\n align-items: start;\n flex: 1;\n gap: 5px;\n padding: 5px;\n"]);return zz=function(){return e},e}function Uz(){var e=(0,R.Z)(["\n visibility: visible;\n opacity: 1;\n transition: border-radius 0.25s, opacity 0.25s, visibility 0s linear 0s;\n"]);return Uz=function(){return e},e}function Hz(){var e=(0,R.Z)(["\n background-color: rgba(52, 62, 84, 0.7);\n color: white;\n display: flex;\n height: 17px;\n flex-basis: 17px;\n align-items: center;\n justify-content: center;\n font-size: 9px;\n width: 17px;\n border-radius: 3px;\n position: absolute;\n margin-top: 13px;\n border: none;\n"]);return Hz=function(){return e},e}function _z(){var e=(0,R.Z)(["\n color: #fff;\n font-size: 14px;\n margin: auto;\n"]);return _z=function(){return e},e}function Wz(){var e=(0,R.Z)(["\n background-color: ",";\n border: 2px solid #343e54;\n border-radius: 4px;\n color: white;\n display: flex;\n height: 17px;\n min-width: 17px;\n align-items: center;\n justify-content: center;\n font-size: 9px;\n will-change: opacity;\n cursor: pointer;\n"]);return Wz=function(){return e},e}function Gz(){var e=(0,R.Z)(["\n display: flex;\n width: 100%;\n flex-grow: 1;\n gap: 5px;\n"]);return Gz=function(){return e},e}function Yz(){var e=(0,R.Z)(["\n height: 8px;\n border-radius: 3px;\n flex-grow: 1;\n"]);return Yz=function(){return e},e}function Xz(){var e=(0,R.Z)(["\n height: 20px;\n width: 20px;\n display: flex;\n"]);return Xz=function(){return e},e}function qz(){var e=(0,R.Z)(["\n background-color: ",";\n border: 1px solid ",";\n width: ","%;\n"]);return qz=function(){return e},e}function Jz(){var e=(0,R.Z)(["\n background-color: ",";\n border: 1px solid ",";\n width: ","%;\n"]);return Jz=function(){return e},e}function Kz(){var e=(0,R.Z)(["\n align-items: center;\n background: linear-gradient(\n 180deg,\n rgba(0, 0, 0, 0) 0%,\n rgba(0, 0, 0, 0.4) 25%,\n rgba(0, 0, 0, 0.8) 100%\n );\n border-radius: inherit;\n color: ",";\n display: flex;\n flex-basis: 30px;\n padding-left: ",";\n\n & > i {\n font-size: 18px;\n }\n"]);return Kz=function(){return e},e}function Qz(){var e=(0,R.Z)(["\n font-size: 11px;\n overflow: hidden;\n padding-left: 3px;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n"]);return Qz=function(){return e},e}var $z=L.ZP.div.withConfig({componentId:"sc-975c6e70-0"})(zz()),eU=((0,L.iv)(Uz()),L.ZP.div.withConfig({componentId:"sc-975c6e70-1"})(Hz())),nU=(0,L.ZP)(M.Z).withConfig({componentId:"sc-975c6e70-2"})(_z()),tU=L.ZP.div.withConfig({componentId:"sc-975c6e70-3"})(Wz(),(function(e){var n=e.isSelected,t=e.theme;return n?t.colors.primary:"#fff"})),iU=L.ZP.div.withConfig({componentId:"sc-975c6e70-4"})(Gz()),rU=L.ZP.div.withConfig({componentId:"sc-975c6e70-5"})(Yz()),oU=function(e){var n=e.Icon,t=e.title;return(0,s.jsx)(O.Z,{innerHtml:t,position:"top",children:(0,s.jsx)(aU,{children:(0,s.jsx)(n,{})})})},aU=L.ZP.div.withConfig({componentId:"sc-975c6e70-6"})(Xz()),sU=(0,L.ZP)(rU).withConfig({componentId:"sc-975c6e70-7"})(qz(),(function(e){var n=e.active,t=e.theme;return n?t.colors.inPreview:"transparent"}),(function(e){return e.theme.colors.inPreview}),(function(e){return e.width})),cU=(0,L.ZP)(rU).withConfig({componentId:"sc-975c6e70-8"})(Jz(),(function(e){var n=e.active,t=e.theme;return n?t.colors.inProgram:"transparent"}),(function(e){return e.theme.colors.inProgram}),(function(e){return e.width})),uU=L.ZP.section.withConfig({componentId:"sc-975c6e70-9"})(Kz(),(function(e){return e.theme.colors.text3}),(function(e){return e.theme.smallPadding})),lU=L.ZP.span.withConfig({componentId:"sc-975c6e70-10"})(Qz());function dU(){var e=(0,R.Z)(["\n border-radius: inherit;\n display: flex;\n flex-direction: column;\n position: absolute;\n height: 100%;\n width: 100%;\n"]);return dU=function(){return e},e}function pU(){var e=(0,R.Z)(["\n border-radius: inherit;\n width: 100%;\n height: 100%;\n color: white;\n display: flex;
1\n align-items: center;\n justify-content: center;\n background: rgba(0, 0, 0, 0.7);\n\n i {\n font-size: 1.7em;\n }\n\n p {\n font-size: 0.8em;\n }\n"]);return pU=function(){return e},e}function fU(){var e=(0,R.Z)(["\n height: 100%;\n"]);return fU=function(){return e},e}function hU(){var e=(0,R.Z)(["\n display: grid;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n place-items: center;\n background: rgba(0, 0, 0, 0.5);\n font-weight: 700;\n color: ",";\n"]);return hU=function(){return e},e}function mU(){var e=(0,R.Z)(["\n fill: currentColor;\n"]);return mU=function(){return e},e}lU.displayName="SourceTitle";var gU=L.ZP.div.withConfig({componentId:"sc-1cc814f6-0"})(dU()),vU=L.ZP.section.withConfig({componentId:"sc-1cc814f6-1"})(pU()),xU=(0,L.ZP)(O.Z).withConfig({componentId:"sc-1cc814f6-2"})(fU()),yU=L.ZP.section.withConfig({componentId:"sc-1cc814f6-3"})(hU(),(function(e){switch(e.state){case Wl.T7.Ending:return e.theme.colors.primary;case Wl.T7.NearlyEnding:return e.theme.colors.text6;case Wl.T7.Preroll:return e.theme.colors.pending;default:return e.theme.colors.text3}})),bU=L.ZP.svg.withConfig({componentId:"sc-1cc814f6-4"})(mU()),IU=function(e){var n=e.countdown,t=e.state,i=e.isAdBreak,r=t===Wl.T7.Preroll;return(0,s.jsx)(yU,{state:t,children:(0,s.jsx)(bU,{width:"100%",height:"100%",viewBox:"0 0 100 100",children:(0,s.jsxs)("text",{children:[i&&(0,s.jsx)("tspan",{y:"40",x:"50",textAnchor:"middle",dominantBaseline:"middle",children:"AD ".concat(r?"STARTS":"ENDS"," IN")}),(0,s.jsx)("tspan",{y:"".concat(i?60:50),x:"50",textAnchor:"middle",dominantBaseline:"middle",fontSize:i?"100%":"200%",children:n})]})})})},wU=(0,Y.Pi)((function(e){var n=e.input,t=e.isSelected,i=e.isLayerActive,r=e.onToggle;return(0,s.jsx)(tU,{role:"checkbox",isLayerActive:i,isSelected:t,onClick:function(e){e.preventDefault(),r(n.id)},children:t&&(0,s.jsx)(nU,{name:"tick"})})})),PU=(0,Y.Pi)((function(e){var n=e.isSmall,t=e.isSelected,i=e.isLayerActive,r=e.input,a=e.hotSwitchEnabled,c=void 0!==a&&a,u=e.toggleSelectedInput,l=(0,J.useState)(!1),d=l[0],p=l[1],f=(0,o.Z)((0,on.Z)(!1),2),h=f[0],m=f[1],g=(0,Mx.a)(20,0),v=g.showContextMenu,x=g.contextMenuPositionX,y=g.contextMenuPositionY,b=g.toggleContextMenu,I=g.setShowContextMenu,w=(0,J.useRef)(null),P=(0,Sp.s0)(),S=(0,Sp.TH)().pathname,Z=(0,q.oR)().controlRoom,C=WU({input:r,deleteSourceCb:function(){return r.isInLive?m():p(!0)},navigate:P});return(0,s.jsxs)(gU,{children:[(0,s.jsxs)($z,{children:[(0,s.jsxs)(iU,{"data-testid":"source-highlight",children:[Z.localSettings.invertPreviewProgram&&(0,s.jsx)(cU,{"data-testid":"program-highlight",active:r.isInLive,width:Z.localSettings.programAreaValue}),(0,s.jsx)(sU,{"data-testid":"preview-highlight",active:!c&&r.isInPreview,width:100-Z.localSettings.programAreaValue}),!Z.localSettings.invertPreviewProgram&&(0,s.jsx)(cU,{"data-testid":"program-highlight",active:r.isInLive,width:Z.localSettings.programAreaValue})]}),i&&(0,s.jsx)(eU,{children:r.positionIndex+1})]}),!n&&(0,s.jsxs)(uU,{ref:w,children:[(0,s.jsx)(wU,{input:r,isSelected:t,isLayerActive:i,onToggle:function(e){var n=(0,kv.LX)("/source/:inputId/settings/*",S);n&&P("/source/".concat(e,"/settings/").concat(n.params["*"])),u(e)}}),r.Icon?(0,s.jsx)(oU,{Icon:r.Icon,title:r.typeForDisplay}):(0,s.jsx)(M.Z,{name:r.iconName,title:r.typeForDisplay}),(0,s.jsx)(lU,{children:r.displayName}),(0,s.jsx)(A.Z,{icon:"small-menu",IconComponent:void 0,onClick:b}),v&&(0,s.jsx)(gt.Z,{positionX:x,positionY:y,items:C,onClose:function(){return I(!1)},parentRef:w}),d&&(0,s.jsx)(GU,{inputName:r.displayName,deleteInput:function(e){e.preventDefault(),(0,kv.LX)("/source/:inputId/settings/*",S)&&P("/"),r.delete(),p(!1)},cancelCallback:function(){return p(!1)}}),h&&(0,s.jsx)(cA,{closeModal:m})]})]})})),SU=function(){return(0,s.jsx)(gU,{children:(0,s.jsx)(xU,{coverParent:!0,position:"top",innerHtml:"Processing, please wait a moment"})})},ZU=(0,Y.Pi)((function(e){var n=e.input;return(0,s.jsx)(gU,{children:(0,s.jsxs)(vU,{children:[(0,s.jsx)(M.Z,{name:"offline-source"}),(0,s.jsxs)(Ic.nv,{children:[n.isGuest?"Guest":n.isGuestScreenShare?"Screen share":"Source"," offline"]})]})})})),CU=(0,Y.Pi)((function(e){var n,t=e.input,i=t.adBreakCountdown||t.countdown,r=t.adBreakCountdownState||t.countdownState,o=(null===t||void 0===t||null===(n=t.playingAdBreakInput)||void 0===n?void 0:n.id)===t.id;return(0,s.jsx)(IU,{countdown:i,state:r,isAdBreak:o})}));function jU(){var e=(0,R.Z)(["\n border-radius: inherit;\n width: 100%;\n height: 100%;\n position: absolute;\n overflow: hidden;\n background: url(",");\n"]);return jU=function(){return e},e}function kU(){var e=(0,R.Z)(["\n background: ",";\n display: flex;\n"]);return kU=function(){return e},e}function TU(){var e=(0,R.Z)(["\n flex: 1;\n display: flex;\n overflow: hidden;\n justify-content: center;\n"]);return TU=function(){return e},e}function RU(){var e=(0,R.Z)(["\n object-fit: contain;\n max-width: none;\n"]);return RU=function(){return e},e}var LU=L.ZP.section.withConfig({componentId:"sc-f3a736d7-0"})(jU(),"/static/img/playlist-default-thumbnail.svg"),AU=(0,L.ZP)(LU).withConfig({componentId:"sc-f3a736d7-1"})(kU(),(function(e){return e.theme.colors.background})),MU=L.ZP.section.withConfig({componentId:"sc-f3a736d7-2"})(TU()),OU=L.ZP.img.withConfig({componentId:"sc-f3a736d7-3"})(RU()),DU=function(e){var n=e.playlistInputsList;return 0===n.length?(0,s.jsx)(LU,{}):(0,s.jsx)(AU,{children:n.slice(0,3).map((function(e){return(0,s.jsx)(MU,{children:(0,s.jsx)(OU,{src:e.thumbnailUrl})},"PlaylistSubview".concat(e.id))}))})},EU=t(51303);function NU(){var e=(0,R.Z)(["\n background: url(/static/img/checker.jpg);\n border-radius: inherit;\n flex: 1;\n height: 100%;\n width: 100%;\n position: relative;\n\n "," {\n border-radius: inherit;\n height: 100%;\n width: 100%;\n }\n\n video {\n border-radius: inherit;\n height: 100%;\n }\n"]);return NU=function(){return e},e}function BU(){var e=(0,R.Z)(["\n border-radius: inherit;\n display: flex;\n height: 100%;\n width: 100%;\n position: absolute;\n background-color: ",";\n\n & > img {\n border-radius: inherit;\n object-fit: contain;\n max-height: 100%;\n width: 100%;\n }\n"]);return BU=function(){return e},e}var VU=L.ZP.div.withConfig({componentId:"sc-42aa33a9-0"})(NU(),EU.im),FU=L.ZP.div.withConfig({componentId:"sc-42aa33a9-1"})(BU(),(function(e){var n=e.background;return void 0===n?"transparent":n}));function zU(e){var n=e.src,t=e.background;return(0,s.jsx)(FU,{background:t,children:(0,s.jsx)("img",{src:n})})}var UU=(0,Y.Pi)((function(e){var n=e.input,t={videoStreamID:n.videoStreamID,muted:!0,autoplay:!0,controls:!1,connectPlayerToWebRTCPlayback:n.connectPlayerToWebRTCPlayback,disconnectPlayerFromWebRTCPlayback:n.disconnectPlayerFromWebRTCPlayback};return(0,s.jsx)(X.Z,(0,i.Z)({},t))}));UU.displayName="StreamPreview";var HU=(0,Y.Pi)((function(e){var n=e.input;switch(n.type){case so.n.Playlist:return(0,s.jsx)(DU,{playlistInputsList:n.playlistInputsList});case so.n.GuestIntercom:return(0,s.jsx)(zU,{src:"/static/img/producer-guest-intercom-input.svg"});case so.n.Guest:case so.n.GuestScreenShare:case so.n.Live:case so.n.Local:case so.n.MediaPlayer:return n.isAudioOnly?(0,s.jsx)(zU,{src:"/static/img/producer-mic-only-input.svg"}):(0,s.jsx)(UU,{input:n});case so.n.Vod:return(0,s.jsx)(zU,{src:n.thumbnailUrl,background:n.isAudioOnly?"white":void 0});default:return n.isAudioOnly?(0,s.jsx)(zU,{src:"/img/producer-audio-only-input.svg",background:"white"}):(0,s.jsx)(zU,{src:n.thumbnailURI})}}));HU.displayName="SourcePreviewMatcher";var _U=(0,Y.Pi)((function(e){var n=e.input;return(0,s.jsx)(VU,{"aria-label":"sourcePreviewContainer",children:(0,s.jsx)(HU,{input:n})})})),WU=function(e){var n=e.input,t=e.deleteSourceCb,i=e.navigate;return[{id:"settings",text:"Open Settings",onClick:function(e){e.preventDefault(),App.store.controlRoom.openSourceSettings(n.id);var t=Cp.Z.LegacySourceSettings.replace(":inputId",n.id).replace(":tab",App.store.controlRoom.getDefaultSettingsTab(n.id));i(t)}},{id:"delete",text:"Delete Source",onClick:function(e){e.preventDefault(),t()}}]},GU=function(e){var n=e.inputName,t=void 0===n?"":n,i=e.deleteInput,r=void 0===i?function(){}:i,o=e.cancelCallback,a=void 0===o?function(){}:o;return(0,s.jsxs)(gn.Z,{title:"Delete Source",confirmCallback:r,confirmIcon:"bin",confirmLabel:"Confirm",closeLabel:"Cancel",cancelCallback:a,children:["You are about to delete ",t,". This cannot be undone."]})},YU=function(e){var n=e.input;return(0,s.jsxs)(Dz,{pending:!0,children:[(0,s.jsx)(_U,{input:n}),(0,s.jsx)(SU,{})]},n.id)},XU=function(e){var n=e.isSmall,t=e.isSelected,i=e.isLayerActive,r=e.hotSwitchEnabled,a=void 0!==r&&r,c=e.input,u=e.dragRef,l=e.fullHeight,d=e.selectInput,p=void 0===d?h():d,f=e.toggleSelectedInput,m=void 0===f?h():f,g=(0,o.Z)(J.useState(!1),2),v=g[0],x=g[1],y=(0,o.Z)((0,on.Z)(!1),2),b=y[0],I=y[1],w=(0,o.Z)(J.useState(null),2),P=w[0],S=w[1],Z=(0,o.Z)(J.useState(!1),2),C=Z[0],j=Z[1],k=(0,o.Z)(J.useState(!1),2),T=k[0],R=k[1],L=(0,o.Z)(J.useState(!1),2),A=L[0],M=L[1],O=(0,Sp.s0)(),D=(0,Sp.TH)().pathname,E=(0,q.oR)().controlRoom,N=WU({input:c,deleteSourceCb:function(){return c.isInLive?I():j(!0)},navigate:O}
1),B=function(e,n){E.setActiveLayer(n.layerIndex),"program"===e?E.activeLayer.commitToLive(n.id):E.activeLayer.selectInput(n.id)};return(0,s.jsxs)(Dz,{ref:u,fullHeight:l,onContextMenu:function(e){e.preventDefault(),S({positionX:e.pageX,positionY:e.pageY}),x(!0)},isInPreview:!a&&c.isInPreview,isInLive:c.isInLive,isSelected:t,isLayerActive:i,isSplitSwitching:E.localSettings.isSplitSwitchingEnabled&&!a,onClick:function(e){E.localSettings.isSplitSwitchingEnabled&&!a||(e.altKey?(E.toolbar.denyNextAlt(),E.setActiveLayer(c.layerIndex),E.toolbar.hotSwitchInputToLive(c.positionIndex)):e.defaultPrevented||p(c.id))},children:[(0,s.jsx)(_U,{input:c}),c.isOffline&&(0,s.jsx)(ZU,{input:c}),c.hasCountdown&&(0,s.jsx)(CU,{input:c}),(0,s.jsx)(PU,{input:c,isSmall:n,isSelected:t,isLayerActive:i,hotSwitchEnabled:a,toggleSelectedInput:m}),E.localSettings.isSplitSwitchingEnabled&&!a&&(0,s.jsxs)(Ez,{children:[E.localSettings.invertPreviewProgram&&(0,s.jsx)(Vz,{onMouseDown:function(){return R(!0)},onMouseUp:function(){return R(!1)},onMouseLeave:function(){return R(!1)},mouseDown:T,onClick:function(){B("program",c)},width:E.localSettings.programAreaValue}),(0,s.jsx)(Fz,{onMouseDown:function(){return M(!0)},onMouseUp:function(){return M(!1)},onMouseLeave:function(){return M(!1)},mouseDown:A,onClick:function(){B("preview",c)},width:100-E.localSettings.programAreaValue}),!E.localSettings.invertPreviewProgram&&(0,s.jsx)(Vz,{onMouseDown:function(){return R(!0)},onMouseUp:function(){return R(!1)},onMouseLeave:function(){return R(!1)},mouseDown:T,onClick:function(){B("program",c)},width:E.localSettings.programAreaValue})]}),v&&(0,s.jsx)(gt.Z,{positionX:P.positionX,positionY:P.positionY,items:N,onClose:function(){return x(!1)},parentRef:u}),C&&(0,s.jsx)(GU,{inputName:c.displayName,deleteInput:function(e){e.preventDefault(),(0,kv.LX)("/source/:inputId/settings/*",D)&&O("/"),c.delete(),j(!1)},cancelCallback:function(){return j(!1)}}),b&&(0,s.jsx)(cA,{closeModal:I})]},c.id)},qU=(0,Y.Pi)((function(e){var n=e.isSmall,t=e.isSelected,i=e.isLayerActive,r=e.fullHeight,a=e.hotSwitchEnabled,c=void 0!==a&&a,u=e.input,l=e.index,d=void 0===l?0:l,p=e.layerIndex,f=void 0===p?0:p,h=e.moveSourceWithinLayer,m=void 0===h?function(){}:h,g=e.selectInput,v=void 0===g?function(){}:g,x=e.toggleSelectedInput,y=void 0===x?function(){}:x,b=J.useRef(null),I=(0,o.Z)((0,_h.L)({accept:Vv,hover:function(e,n){if(b.current){var t=e.positionIndex,i=d;if(t!==i){var r=b.current&&b.current.getBoundingClientRect(),o=n.getClientOffset(),a=(r.right-r.left)/2,s=o.x-r.left;t<i&&s<a||t>i&&s>a||(u.streamConfig.inputs.has(e.id)&&m({inputId:e.id,currentPositionIndex:t,newPositionIndex:i,layerIndex:f}),e.positionIndex=i,e.previousPositionIndex=i)}}}}),2)[1];return(0,(0,o.Z)((0,Am.c)({type:u.type,item:Nv({input:u})}),2)[1])(I(b)),(0,s.jsx)(XU,{dragRef:b,input:u,isSmall:n,fullHeight:r,isSelected:t,isLayerActive:i,hotSwitchEnabled:c,selectInput:v,toggleSelectedInput:y})})),JU=(0,Y.Pi)((function(e){var n=e.isActive,t=e.isSmall,i=e.layerStore,r=e.layerIndex,a=void 0===r?0:r,u=e.hotSwitchEnabled,l=void 0!==u&&u,d=e.isInputSelected,p=void 0===d?function(){return!1}:d,f=e.moveSourceBetweenLayers,m=void 0===f?h():f,g=e.moveSourceWithinLayer,v=void 0===g?h():g,x=e.revertActiveSourcePosition,y=void 0===x?h():x,b=e.selectInput,I=void 0===b?h():b,w=e.toggleSelectedInput,P=void 0===w?h():w,S=e.openContextMenu,Z=(0,J.useState)(!1),C=Z[0],j=Z[1],k=(0,J.useRef)(null),T=(0,J.useRef)(null),R=(0,J.useState)(i.layerNameToDisplay),L=R[0],A=R[1];J.useEffect((function(){i.isEditingLayerName?(T.current.select(),T.current.focus()):A(i.layerNameToDisplay)}),[i.isEditingLayerName,i.layerNameToDisplay]);var M=(0,o.Z)((0,_h.L)({accept:Vv,hover:function(e){if(k.current){var n=e.layerIndex,t=a;if(!e.isAssetItem&&!e.isGrabItem||i.streamConfig.inputs.get(e.id)){if(n!==t){if(i.streamConfig.inputs.get(e.id)&&n!==t){e.originalPositionIndex=e.positionIndex;var r=i.inputs.filter((function(n){return n.id!==e.id})).length;e.positionIndex=r,m({inputId:e.id,currentLayerIndex:n,newLayerIndex:t,positionIndex:n?r:t,previousPositionIndex:e.previousPositionIndex}),e.previousPositionIndex=e.positionIndex}e.layerIndex=t}}else{var o=e.id,s={id:o,type:e.type,thumbnailURI:e.thumbnailURI,layerIndex:a,positionIndex:i.inputs.length};i.streamConfig.setInputs((0,E.Z)({},o,s))}}},drop:function(e){return(0,ru.Z)((function(){var n,t,r,o;return(0,au.__generator)(this,(function(s){switch(s.label){case 0:return k.current?(n=e.layerIndex,t=e.previousLayerIndex,r=e.positionIndex,o=e.originalPositionIndex,t===n&&o===r?[2]:(e.isInPreview||e.isInLive)&&t!==n?(j(!0),y({inputId:e.id,droppedLayerIndex:n,originalLayerIndex:t,positionIndex:r,previousPositionIndex:e.originalPositionIndex}),[2]):e.isAssetItem?(i.addAsset({asset:e,positionIndex:e.positionIndex,layerIndex:a}),[2]):e.isGrabItem?[4,i.addGrab({grab:e,layerIndex:a})]:[3,2]):[2];case 1:return s.sent(),[2];case 2:return n!==t?(e.debouncedUpdate({layerIndex:n,positionIndex:e.positionIndex}),[2]):(e.debouncedUpdate({positionIndex:e.positionIndex}),e.originalPositionIndex=e.positionIndex,[2])}}))}))()}}),2);(0,M[1])(k);var O=i.gridView,D=O?Sz:yz;return(0,s.jsxs)(xz,{ref:k,children:[(0,s.jsx)(gz,{isActive:n,isCollapsed:i.isCollapsed,isCustomColor:null!==i.colour,children:i.isEditingLayerName?(0,s.jsx)(wz,{"aria-label":"EditLayerName",type:"text",readOnly:!i.isEditingLayerName,isEditable:i.isEditingLayerName,value:L,onBlur:function(e){var n=e.target;i.setIsEditingLayerName(!1);var t=n.value;t!==i.layerNameToDisplay&&i.updateDisplayName(t)},onChange:function(e){var n=e.target.value;A(n)},onKeyDown:function(e){var n=e.nativeEvent.code;n===Go.mW.ENTER&&(T.current.blur(),e.stopPropagation(),c.ZP.emptySelection()),n===Go.mW.ESCAPE&&(A(i.layerNameToDisplay),i.setIsEditingLayerName(!1),c.ZP.emptySelection())},ref:T}):(0,s.jsx)(Iz,{onDoubleClick:function(){i.isEditingLayerName||(i.resetRenamingLayers(),i.setIsEditingLayerName(!0))},"aria-label":"StaticLayerName",children:L})}),!i.isCollapsed&&(0,s.jsxs)(vz,{children:[(0,s.jsx)(D,{itemCount:i.inputs.length,onContextMenu:function(e){return e.defaultPrevented||S(e)},children:i.inputs.map((function(e,i){return e.isPending?(0,s.jsx)(YU,{input:e},"pending"):(0,s.jsx)(qU,{fullHeight:!O,input:e,index:i,isSmall:t,isLayerActive:n,isSelected:p(e.id),hotSwitchEnabled:l,layerIndex:a,moveSourceWithinLayer:v,selectInput:I,toggleSelectedInput
1:P},e.id)}))}),C&&(0,s.jsx)(gn.Z,{title:"Oops!",confirmCallback:function(){return j(!1)},children:"Active inputs cannot be moved to another layer!"})]})]})})),KU=(0,hn.G9)(),QU=function(e){return(0,s.jsx)("div",(0,i.Z)({style:{height:"10px"}},e))},$U=(0,Y.Pi)((function(e){var n=e.isInputSelected,t=e.hotSwitchEnabled,c=void 0!==t&&t,u=e.layerStore,l=e.numberOfLayers,d=void 0===l?0:l,p=e.maxLayers,f=void 0===p?0:p,h=e.monitorsLoaded,m=void 0!==h&&h,g=(0,o.Z)(J.useState(!1),2),v=g[0],x=g[1],y=(0,o.Z)(J.useState(null),2),b=y[0],I=y[1],w=(0,o.Z)(J.useState(!1),2),P=w[0],S=w[1],Z=(0,o.Z)(J.useState(!1),2),C=Z[0],j=Z[1],k=(0,o.Z)(J.useState(!1),2),T=k[0],R=k[1],L=J.useRef(null),A=(0,Sp.TH)().pathname,M=(((0,kv.LX)("/add-source/:layerIndex/*",A)||{}).params||{}).layerIndex,O=Zp(),D=parseInt(M)===u.position;J.useEffect((function(){u.isClicked?u.unclick():m&&u.isActive&&L.current.scrollIntoView({behavior:"smooth",block:"nearest"})}),[m,u.isActive,u.isClicked]);var E=u.gridView;J.useEffect((function(){(E&&u.uiHeight<155||!E&&u.uiHeight>400)&&u.resetHeight()}),[E,u.uiHeight]);var N=E?155:100,B={enable:{bottom:KU&&!u.isCollapsed,top:!1,right:!1,left:!1,topRight:!1,bottomRight:!1,bottomLeft:!1,topLeft:!1},minHeight:P?N:void 0,maxHeight:E?1200:400,minWidth:"100%",maxWidth:"100%",size:{height:u.uiHeight,width:void 0},onResizeStart:function(){return S(!0)},onResizeStop:function(e,n,t,i){S(!1),u.addHeight(i.height)},style:P?void 0:{transition:"height 0.3s ease"},handleComponent:{bottom:(0,s.jsx)(QU,{onMouseDown:function(e){return 2===e.detail&&u.resetHeight()}})}},V=function(e){d<f?e():R(!0)},F=(0,a.Z)([{id:"layer-settings-actions",items:[{id:"open",text:"Layer settings",onClick:function(){O("layer/".concat(u.id,"/settings"))}}]}]).concat([{id:"add-layer-actions",items:[{id:"above",text:"Add layer above",onClick:function(){V(u.addLayerAbove)}},{id:"below",text:"Add layer below",onClick:function(){V(u.addLayerBelow)}}]},{id:"rename-layer-actions",items:[{id:"rename",text:"Rename layer",onClick:function(){u.resetRenamingLayers(),u.setIsEditingLayerName(!0)}}]},{id:"clear-layer-actions",items:[{id:"delete",text:"Remove layer",onClick:function(){u.hasInputs?j(!0):((0,kv.LX)("/layer/".concat(u.id,"/settings/*"),A)&&O("/"),u.removeLayer())}}]}]),z={layerIndex:u.position,collapsedLayer:u.isCollapsed,collapseLayerClickHandler:u.setIsCollapsed,contextMenuX:30,contextMenuY:-55,contextMenuItems:F},U={layerStore:u,layerIndex:u.position,moveSourceBetweenLayers:u.moveSourceBetweenLayers,moveSourceWithinLayer:u.moveSourceWithinLayer,revertActiveSourcePosition:u.revertActiveSourcePosition,isSmall:u.isSmall,isActive:u.isActive,isInputSelected:n,hotSwitchEnabled:c,selectInput:function(e){var n=(0,kv.LX)("/source/:inputId/settings/*",A);n&&O("/source/".concat(e,"/settings/").concat(n.params["*"])),u.selectInput(e)},toggleSelectedInput:u.toggleSelectedInput};return(0,s.jsxs)(wF.e,(0,r.Z)((0,i.Z)({},B),{children:[(0,s.jsxs)(mz,{active:u.isActive,onClick:function(e){return e.defaultPrevented||u.setActive()},ref:L,style:{background:u.backgroundColor},children:[(0,s.jsx)(oz,(0,i.Z)({},z)),(0,s.jsx)(_F,{isCollapsed:u.isCollapsed,isInPreview:u.isInPreview,isInLive:u.isInLive,blankPreview:u.resetLayerSelection,blankLive:u.resetLayerSelectionAndPushLive,hotSwitchEnabled:c}),(0,s.jsx)(JU,(0,r.Z)((0,i.Z)({},U),{openContextMenu:function(e){e.preventDefault(),I({positionX:e.pageX,positionY:e.pageY}),x(!0)}})),!u.isCollapsed&&(0,s.jsx)(HF,{layerIndex:u.position,active:D})]}),C&&(0,s.jsx)(gn.Z,{title:"Layer currently in use",confirmCallback:function(){return j(!1)},confirmLabel:"Ok",cancelCallback:function(){return j(!1)},children:"Only empty layers can be deleted"}),T&&(0,s.jsxs)(gn.Z,{title:"Maximum number of layers exceeded",confirmCallback:function(){return R(!1)},confirmLabel:"Ok",cancelCallback:function(){return R(!1)},children:["You have reached the maximum number of layers (if you need to use more please contact"," ",(0,s.jsx)("a",{href:"mailto:[email protected]",children:"[email protected]"}),")"]}),v&&(0,s.jsx)(gt.Z,{positionX:b.positionX,positionY:b.positionY,sectionedItems:F,onClose:function(){return x(!1)},parentRef:L})]}))}));function eH(){var e=(0,R.Z)(["\n background-color: inherit;\n flex-grow: 1;\n overflow: auto;\n\n ","\n"]);return eH=function(){return e},e}function nH(){var e=(0,R.Z)(["\n display: flex;\n flex: 1;\n flex-direction: column-reverse;\n list-style: none;\n"]);return nH=function(){return e},e}var tH=L.ZP.section.withConfig({componentId:"sc-ee4ebc61-0"})(eH(),Js.n),iH=L.ZP.ul.withConfig({componentId:"sc-ee4ebc61-1"})(nH()),rH=(0,Y.Pi)((function(){var e=(0,q.oR)(),n=e.controlRoom,t=e.streamConfig,i=(0,Sp.TH)().pathname,r=(((0,kv.LX)("/add-source/:layerIndex/*",
1i)||{}).params||{}).layerIndex,o=(0,Sp.s0)();return(0,J.useEffect)((function(){if(r){var e=parseInt(r);e!==n.activeLayerIndex&&n.setActiveLayer(e)}}),[r,n]),(0,J.useEffect)((function(){(0,kv.LX)("/source/:inputId/settings/*",i)&&n.selectedInput&&o("/source/".concat(n.selectedInput.id,"/settings/").concat(n.getDefaultSettingsTab(n.selectedInput.id)))}),[n.selectedInput]),(0,s.jsx)(tH,{children:(0,s.jsx)(iH,{children:n.layers.map((function(e){return(0,s.jsx)($U,{layerStore:e,isInputSelected:n.isInputSelected,numberOfLayers:t.numberOfLayers,maxLayers:t.maxLayers,monitorsLoaded:n.monitorsLoaded,hotSwitchEnabled:n.toolbar.hotSwitching},e.id)}))})})}));function oH(){var e=(0,R.Z)(["\n align-items: center;\n background-color: ",";\n border-bottom: 1px solid ",";\n color: ",';\n display: grid;\n grid-template-columns: 1fr 1fr;\n grid-template-areas: "'," ",'";\n font-size: ',";\n height: 38px;\n min-height: 38px;\n padding: ",";\n position: relative;\n width: 100%;\n"]);return oH=function(){return e},e}function aH(){var e=(0,R.Z)(["\n position: absolute;\n right: 0;\n "]);return aH=function(){return e},e}function sH(){var e=(0,R.Z)(["\n grid-area: ",";\n justify-self: ",";\n ",";\n"]);return sH=function(){return e},e}var cH=Object.freeze({Start:"start",End:"end"}),uH=L.ZP.div.withConfig({componentId:"sc-2c8cebe7-0"})(oH(),(function(e){return e.theme.colors.secondaryLight}),(function(e){return e.theme.colors.secondaryDark}),(function(e){return e.theme.colors.text3}),cH.Start,cH.End,(function(e){return"".concat(e.theme.fontSizeBase,"px")}),(function(e){return e.theme.smallPadding})),lH=L.ZP.section.withConfig({componentId:"sc-2c8cebe7-1"})(sH(),(function(e){return e.position}),(function(e){return e.position}),(function(e){return"end"===e.position&&(0,L.iv)(aH())})),dH=t(20421),pH=t(74562);function fH(){var e=(0,R.Z)(["\n display: flex;\n line-height: normal;\n\n "," {\n margin-left: ",";\n }\n"]);return fH=function(){return e},e}var hH=L.ZP.div.withConfig({componentId:"sc-48f8ca38-0"})(fH(),pH.W2,(function(e){return e.theme.smallPadding})),mH=(0,Y.Pi)((function(){var e=(0,q.oR)().streamConfig.cpuUsage;return(0,s.jsx)(dH.Z,{granularity:7,options:{orientation:"horizontal"},showPercentage:!0,volume:e})})),gH=function(){return(0,s.jsxs)(hH,{children:["Virtual CPU",(0,s.jsx)(mH,{})]})},vH=function(){return(0,s.jsx)(uH,{children:(0,s.jsx)(lH,{position:cH.End,children:(0,s.jsx)(gH,{})})})},xH=t(40131),yH=t(82389);function bH(){var e=(0,R.Z)(["\n display: flex;\n position: relative;\n color: ",";\n font-size: ","px;\n\n & > * {\n pointer-events: none;\n }\n\n &:hover,\n &:focus {\n text-decoration: none;\n color: ",";\n }\n"]);return bH=function(){return e},e}var IH=L.ZP.a.withConfig({componentId:"sc-7b870855-0"})(bH(),(function(e){return e.theme.colors[e.color]}),(function(e){return e.fontSize}),(function(e){return e.theme.colors[e.color]})),wH=function(e,n){var t=e.distance,i=void 0===t?5:t,r=e.position,o=void 0===r?"bottom":r,a=e.tooltip,c=void 0===a?"":a,u=e.role,l=void 0===u?"button":u,d=e.href,p=void 0===d?void 0:d,f=e.onClick,h=void 0===f?void 0:f,m=e.color,g=void 0===m?"text3":m,v=e.fontSize,x=void 0===v?"24":v,y=e.children;return(0,s.jsx)(O.Z,{innerHtml:c,distance:i,position:o,children:(0,s.jsx)(IH,{ref:n,href:p,role:l,color:g,onClick:h,fontSize:x,children:y})})},PH=J.forwardRef(wH);PH.displayName="ToolbarItem";var SH=PH,ZH=(0,Y.Pi)((function(e){var n=e.href,t=void 0===n?"":n,i=e.icon,r=e.onClick,o=(0,q.oR)().streamConfig.adBreak;return(0,s.jsx)(SH,{href:t,onClick:r,tooltip:"Ad Break",children:(0,s.jsx)(Hl,{radius:13,stroke:2,icon:i,value:o.progressPercentage||0,type:o.isRunning?"primary":"secondary"})})}));function CH(){var e=(0,R.Z)(["\n background-color: ",";\n color: white;\n border: none;\n border-radius: 50%;\n height: ","px;\n width: ","px;\n padding: 0;\n display: flex;\n place-items: center;\n\n & i {\n font-size: ","px;\n }\n"]);return CH=function(){return e},e}var jH=function(e){return e.primary?24:22},kH=(0,L.ZP)(ts.D).withConfig({componentId:"sc-74288e5f-0"})(CH(),(function(e){var n=e.primary,t=e.theme;return n?t.colors.primary:t.colors.secondary}),jH,jH,jH),TH=function(e){var n=e.icon,t=e.onClick,i=e.tooltip,r=void 0===i?"":i,o=e.primary;return(0,s.jsx)(O.Z,{innerHtml:r,distance:10,position:"bottom",children:(0,s.jsx)(kH,{onClick:t,primary:o,children:(0,s.jsx)(M.Z,{name:n})})})},RH=function(e){(0,Rl.Z)(t,e);var n=(0,Ll.Z)(t);function t(){var e;return(0,Tl.Z)(this,t),(e=n.apply(this,arguments)).state={isActive:!!e.props._testIsActive},e.handleChange=function(){return e.setState({isActive:(0,Rh.rm)()})},e.handleClick=function(){if(!(0,Rh.kS)())return!1;e.state.isActive?(0,Rh.Qg)():(0,Rh.Zx)(e.props.element)},e}var i=t.prototype;return i.componentDidMount=function(){(0,Rh.BN)(this.handleChange)},i.componentWillUnmount=function(){(0,Rh.Ht)(this.handleChange)},i.render=function(){var e=(0,o.Z)(this.state.isActive?["Exit Full Screen","zoomtoselection"]:["Enter Full Screen","fullscreen-2"],2),n=e[0],t=e[1];return(0,s.jsx)(SH,{tooltip:n,onClick:this.handleClick,children:(0,s.jsx)(M.Z,{name:t})})},t}(J.Component),LH=RH,AH=t(71918),MH=(0,Y.Pi)((function(e){var n=e.isActive,t=e.onClick,i=e.showHotSwitchingModal,r=e.toggleShouldConfirmHotSwitch,o=e.closeHotSwitchModal,a=(0,J.useState)(!1),c=a[0],u=a[1];return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(SH,{tooltip:n?"Disable Hot Switching":"Enable Hot Switching",onClick:t,color:n?"primary":"text3",children:(0,s.jsx)(M.Z,{name:"fire"})}),i&&(0,s.jsx)(gn.Z,{title:"Enable hot switching",confirmCallback:function(){t(),c&&r()},confirmLabel:"OK",closeLabel:"Cancel",closeIcon:null,cancelCallback:function(){return o()},size:"medium",children:(0,s.jsxs)(AH.J$,{children:["Are you sure you want to enable \u201chot switching\u201d?",(0,s.jsx)("br",{}),"With hot switching enabled, sources will be pushed immediately to the LIVE output when previewed.",(0,s.jsx)(mn.ZP,{uiType:"checkbox",checkboxLabel:"Do not show again",value:c,name:"savelocalsetting",onCh
1ange:function(){return u(!c)}})]})})]})})),OH=t(4408);function DH(){var e=(0,R.Z)(["\n position: relative;\n\n & > div:first-child {\n margin: 0;\n }\n"]);return DH=function(){return e},e}function EH(){var e=(0,R.Z)(["\n background: ",";\n box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);\n border-radius: ",";\n\n div {\n margin: 0;\n }\n\n "," {\n margin: 0;\n border: 0;\n width: 50px;\n height: ","px;\n background: ",";\n }\n\n "," div {\n margin: 0;\n user-select: none;\n }\n\n input {\n background: ",";\n color: ",";\n }\n"]);return EH=function(){return e},e}function NH(){var e=(0,R.Z)(["\n top: -","px;\n transform: scale(0.9) translateY(10px);\n "]);return NH=function(){return e},e}function BH(){var e=(0,R.Z)(["\n top: 26px;\n transform: scale(0.9) translateY(-10px);\n "]);return BH=function(){return e},e}function VH(){var e=(0,R.Z)(["\n position: absolute;\n left: -13px;\n height: 100%;\n opacity: 0;\n transition: opacity ","ms, transform ","ms;\n transition-timing-function: ",";\n z-index: 3;\n\n ","\n\n &.entered {\n opacity: 1;\n transform: scale(1);\n }\n"]);return VH=function(){return e},e}var FH="rgba(80, 80, 80, 1)",zH=L.ZP.div.withConfig({componentId:"sc-5d9244fe-0"})(DH()),UH=L.ZP.div.withConfig({componentId:"sc-5d9244fe-1"})(EH(),FH,(function(e){return e.theme.borderRadius}),mh,300,FH,gh,(function(e){return e.theme.colors.background}),(function(e){return e.theme.colors.text8})),HH=L.ZP.div.withConfig({componentId:"sc-5d9244fe-2"})(VH(),200,200,"cubic-bezier(0.175, 0.885, 0.32, 1.175)",(function(e){return"top"===e.position?(0,L.iv)(NH(),300):(0,L.iv)(BH())})),_H=(0,Y.Pi)((function(){var e=J.useRef(),n=J.useRef();J.useEffect((function(){return e.current.focus(),n.current=setTimeout((function(){return e.current.select()})),function(){clearTimeout(n.current)}}),[]);var t=(0,q.oR)(),i=t.audioMixer,r=t.streamConfig,o=(0,hn.aY)()&&i.info.easyMode?{volume:i.masterNode.audio.fade.ampRatio,optimisticThrottledUpdate:function(e){var n=e.volume;return i.masterNode.updateFade(n)}}:r.program.audio;return(0,s.jsx)(wh,{ref:e,audioSettings:o,showVolumeMeter:!1})})),WH=function(e){var n=e.isOpen,t=e.position,i=e.onClickOutside,r=J.useRef();return(0,OH.Z)(r,i),(0,s.jsx)(wt.ZP,{in:n,appear:!0,enter:!0,exit:!0,mountOnEnter:!0,unmountOnExit:!0,timeout:{exit:200},children:function(e){return(0,s.jsx)(HH,{className:e,position:t,children:(0,s.jsx)(UH,{ref:r,children:(0,s.jsx)(_H,{})})})}})},GH=function(){var e,n=J.useRef(null),t=(0,o.Z)(J.useState(!1),2),i=t[0],r=t[1],a=(null===window||void 0===window?void 0:window.innerHeight)-(null===(e=n.current)||void 0===e?void 0:e.getBoundingClientRect().bottom);return(0,s.jsxs)(zH,{children:[(0,s.jsx)(SH,{ref:n,tooltip:"Main Volume",distance:10,position:"left",onClick:function(){return r(!i)},children:(0,s.jsx)(M.Z,{name:"volume-on"})}),(0,s.jsx)(WH,{isOpen:i,onClickOutside:function(e){var t;e&&!(null===(t=null===e||void 0===e?void 0:e.target)||void 0===t?void 0:t.isEqualNode(n.current))&&r(!1)},position:a>300?"bottom":"top"})]})},YH=function(e){var n=e.onClick;return(0,s.jsx)(TH,{icon:"arrow-right",tooltip:"Take Live",onClick:n,primary:!0})},XH=function(e){var n=e.onClick;return(0,s.jsx)(TH,{icon:"arrow-left",tooltip:"Program to Preview",onClick:n})},qH=(0,Y.Pi)((function(e){var n,t=e.streamSync,i=(0,q.oR)(),r=i.streamConfig,a=r.adBreak,c=r.customTransitions,u=c.customTransitionDropdownOptions,l=c.getCustomTransitionExists,d=r.autoTranscription.enabled,p=i.controlRoom,f=p.toolbar,h=p.localSettings,m=i.audioMixer,g=(0,Sp.s0)(),v=(0,o.Z)(J.useState(f.duration),2),x=v[0],y=v[1];J.useEffect((function(){y(f.duration)}),[null===(n=f.duration)||void 0===n?void 0:n.value]),J.useEffect((function(){var e,n;"custom"!==(null===(e=f.transition)||void 0===e||null===(n=e.attributes)||void 0===n?void 0:n.type)||l(f.transition.value)||f.setTransition(Hd)}),[u,f.transition]);var b=!(0,hn.aY)()||m.info.easyMode;return(0,s.jsxs)(AH.W2,{children:[(0,s.jsxs)(AH.Bx,{children:[(0,s.jsx)(LH,{element:(0,Rh.K1)()}),(0,s.jsx)(MH,{isActive:f.hotSwitching,onClick:f.toggleHotSwitching,showH
1otSwitchingModal:f.showHotSwitchingModal,closeHotSwitchModal:f.closeHotSwitchModal,toggleShouldConfirmHotSwitch:h.toggleShouldConfirmHotSwitch})]}),f.hotSwitching?(0,s.jsx)(AH.g,{children:(0,s.jsx)(AH.c8,{children:"Click asset to push to program"})}):(0,s.jsxs)(AH.g,{children:[(0,s.jsx)(Ts.Ph,{name:"transition",options:f.transitionOptions.concat(u),width:"95px",theme:"secondaryDark",persistentIcon:yH.Z,nestedGroup:!0,isSearchable:!1,blurInputOnSelect:!0,backspaceRemovesValue:!1,value:f.transition,onChange:f.setTransition,style:AH.MM,isOptionDisabled:function(e){return e.disabled}}),(0,s.jsx)(Ts.Ph,{name:"duration",options:f.durationOptions,width:"102px",theme:"secondaryDark",persistentIcon:pA.Z,nestedGroup:!0,isSearchable:!1,blurInputOnSelect:!0,backspaceRemovesValue:!1,value:x,onChange:f.setDuration,style:AH.MM,isDisabled:f.isDurationDisabled}),(0,s.jsxs)(AH.HA,{children:[(0,s.jsx)(XH,{onClick:f.programToPreview}),(0,s.jsx)(YH,{onClick:f.takeLive})]})]}),(0,s.jsxs)(AH.lV,{children:[b&&(0,s.jsx)(GH,{}),(0,s.jsx)(SH,{tooltip:"Graphic Transitions",onClick:function(e){e.preventDefault(),g("customTransitions")},children:(0,s.jsx)(xH.Z,{size:"20px"})}),a&&(0,s.jsx)(ZH,{onClick:function(e){e.preventDefault(),g("adbreak/insertion")},icon:"advert"}),t&&(0,s.jsx)(SH,{tooltip:"Stream Sync",onClick:function(e){e.preventDefault(),g("streamsync")},children:(0,s.jsx)(M.Z,{name:"stream-sync"})}),(0,hn.aP)()&&(0,s.jsx)(SH,{color:d?"primary":"text3",tooltip:"AI Transcription",onClick:function(e){e.preventDefault(),g("aitranscription")},children:(0,s.jsx)(M.Z,{name:"caption"})})]})]})})),JH=function(e){var n=e.children;return(0,s.jsx)(L.f6,{theme:an.$,children:(0,s.jsx)(rn.qt,{children:n})})},KH=function(e){var n=e.children,t=e.expanded;return(0,s.jsx)(rn.Mn,{expanded:t,children:n})},QH=(0,Y.Pi)((function(e){var n=e.children,t=e.splitContainer,i=e.hideGutter,r=e.expandToMin;return J.useEffect((function(){return $m({eventName:"dblclick",element:document.querySelector(Qm.qk),handler:t.resetVerticalSplitSizes})}),[]),(0,s.jsx)(Qm.EY,{hideGutter:i,children:(0,s.jsx)(Ua.Z,{direction:"vertical",minSize:t.minVerticalSizes,gutterSize:2,snapOffset:0,sizes:t.verticalSizes,onDragEnd:t.setVerticalSplitSizes,onDragStart:function(){return t.setIsDraggingVertically(!0)},expandToMin:r,children:n})})})),$H=function(){return(0,s.jsx)(qH,{streamSync:App.Models.featuresConfig.isProducerStreamSyncEnabled()})},e_=(0,Y.Pi)((function(e){var n=e.broadcastStore,t=e.organizationPreferences,i=(0,o.Z)(J.useState(!0),2),r=i[0],a=i[1],c=(0,q.oR)().controlRoom,u=c.monitors,l=c.toolbar,d=c.splitContainer,p=c.drawer,f=(0,Sp.TH)();J.useEffect((function(){var e=u.expandedMonitors&&!l.hotSwitching;e||e===r||a(!1)}),[u.expandedMonitors,l.hotSwitching,r]);var h=!p.isOpen&&!Object.values(Cp.i).find((function(e){return f.pathname.startsWith(e)}));return(0,s.jsxs)(If.W,{backend:wf.PD,children:[(0,s.jsxs)(JH,{children:[(0,s.jsx)(KH,{expanded:h,children:(0,s.jsxs)(QH,{splitContainer:d,hideGutter:d.monitorsCollapsed,expandToMin:r,children:[(0,s.jsx)(Av,{}),(0,s.jsx)(L.f6,{theme:an.Z,children:(0,s.jsxs)(qe,{isDragging:d.isDraggingVertically,onTransitionEnd:function(){r||a(!0)},children:[(0,s.jsx)($H,{}),(0,s.jsx)(vH,{}),(0,s.jsx)(rH,{})]})})]})}),(0,s.jsx)(mP,{broadcastStore:n}),(0,s.jsx)(L.f6,{theme:an.Z,children:(0,s.jsx)(IF,{organizationPreferences:t})})]}),(0,s.jsx)(Ag,{})]})})),n_=t(10629),t_=t(36838),i_=t.n(t_),r_=t(25674),o_=t.n(r_);function a_(e){var n,t=e.store,i=e.serverConfig,r=e.onConnectSuccess,o=void 0===r?function(){}:r,a=function(e){o&&Qe.Messaging.protocolMessageType.SetSessionInfo===e&&o()},s=i.messagingSocket;s.on(s.events.PROTOCOL_MESSAGE,a);var c=(n={},(0,E.Z)(n,"cloudproducer/webrtc",(function(e,n){var r=n.type,o=n.sdp,a=n.videoID;"offer"===r&&(i.receiveSDPOffer(o,a),[B.Al,B.NW,B.Pj].includes(a)&&(0,$e.f)({audioDataStreamId:a,peerConnection:i.getPeerConnection(a),volumeEmitter:t.streamConfig.volumeEmitter,label:"control-room:".concat(a)}));"answer"===r&&o_()(App.Models.localMediaStreams).handleAnswer(n)})),(0,E.Z)(n,"cloudproducer/layers",(function(e,n){e===Qe.Messaging.commandMethodType.GET&&i_()(n)&&t.streamConfig.setMaxLayers(n.maxLayers)})),(0,E.Z)(n,"cloudproducer/layers2",(function(e,n){if(0!==n.length){t.streamConfig.setNumberOfLayers(n.length);var i=Ww()(n,"position");0===t.controlRoom.layers.length?t.controlRoom.initLayers(i):t.controlRoom.updateLayers(i)}})),(0,E.Z)(n,"cloudproducer/isorecordings",(function(e,n){t.streamConfig.isoRecording.setAutoRecording(n.autoRecording)})),(0,E.Z)(n,"cloudproducer/adbreak",(function(e,n){i_()(n)&&Object.hasOwn(n,"inputId")&&t.streamConfig.adBreak.setSelectedInputId(n.inputId)})),(0,E.Z)(n,"cloudproducer/adbreak/event",(function(e,n){i_()(n)&&t.streamConfig.setAdBreak(n)})),(0,E.Z)(n,"cloudproducer/accesstokens/",(function(e,n,i){i?n_.Z.showWarningModal("Oops","Guest sources can not be retrieved"):e===Qe.Messaging.commandMethodType.GET&&t.streamConfig.setInitialAccessTokenData(n)})),(0,E.Z)(n,"cloudproducer/accesstokens/:accessTokenId",(function(e,n,i,r){i?n_.Z.showWarningModal("Oops","Guest sources can not be modified"):(e===Qe.Messaging.commandMethodType.DELETE&&t.streamConfig.deleteFromA
1ccessTokens(r),e===Qe.Messaging.commandMethodType.POST&&t.streamConfig.setAccessToken(r,n),e===Qe.Messaging.commandMethodType.PUT&&t.streamConfig.setAccessToken(r,n))})),(0,E.Z)(n,"cloudproducer/assets/",(function(e,n,i){i?n_.Z.showWarningModal("Oops","Can not retrieve the asset list"):e===Qe.Messaging.commandMethodType.PUT&&t.streamConfig.assetLibrary.setAssetList(n)})),(0,E.Z)(n,"cloudproducer/assets/:assetId/",(function(e,n,t){t&&e===Qe.Messaging.commandMethodType.DELETE&&n_.Z.showWarningModal("Oops","Assets cannot be deleted when any linked inputs are active in Program")})),(0,E.Z)(n,"cloudproducer/custom-transitions",(function(e,n,i){n.transitions?(t.streamConfig.customTransitions.setTransitions(n),t.controlRoom.toolbar.setPersistedTransition()):i&&console.error("Graphical Transition error",n)})),(0,E.Z)(n,"cloudproducer/streamSync/groups",(function(e,n,i){i?n_.Z.showWarningModal("Oops","Something went wrong!"):t.streamConfig.setStreamSyncGroups(n.items)})),n);for(var u in c)s.listenToCommandPath(u,c[u]);return function(){for(var e in c)s.stopListeningToCommandPath(e,c[e]);s.off(s.events.PROTOCOL_MESSAGE,a)}}var s_=function(e){var n=e.autoplayFailureId,t=e.clearLoadingState,i=void 0===t?function(){}:t,r=e.organizationPreferences,o=(0,J.useState)(!1),a=o[0],c=o[1],u=(0,J.useState)(!1),l=u[0],d=u[1],p=(0,q.oR)(),f=p.streamConfig,h=p.controlRoom;(0,J.useEffect)((function(){var e=function(){c(!0)};App.Events.on("messagingSocket:disconnected",e),f.serverConfig.messagingSocket.sendProtocolMessage(16,{page:"controlRoom"});var n=a_({store:p,serverConfig:App.Models.serverConfig,onConnectSuccess:function(){return d(!0)}});return i(),m(),function(){n(),App.Events.off("messagingSocket:disconnected",e)}}),[p]);var m=function(){var e=!!App.Models.selectedStream,n=e&&App.Models.selectedStream.isCloudProducerEnabled(),t=e&&App.Models.selectedStream.isEnabled();if(n&&t){var i=App.Models.selectedStream.getDisplayName();$(".studio-bar-title small").text(i),$("title").text("".concat(i," | Control Room | Grabyo Studio"))}};(0,J.useEffect)((function(){a&&g()}),[a]),(0,J.useEffect)((function(){if(n){var e=h.monitors,t=h.requestUserGesture;n===B.Al&&e.displayPreview&&(t(),e.players.previewPlayer.pause()),n===B.NW&&e.displayProgram&&(t(),e.players.livePlayer.pause()),n===B.Pj&&e.displayClean&&(t(),e.players.livePlayer.pause())}}),[n]);var g=function(){c(!1),h.monitors.reconnectMonitors()};return l&&(0,s.jsx)(nn,{children:(0,s.jsx)(e_,{broadcastStore:Km.Z.create({streamId:f.id,contextId:App.Models.selectedContext?"gallery:".concat(App.Models.selectedContext.id):void 0},{isGeoTargetted:function(e){return!!e&&App.Collections.contexts.get(e).isGeotargeted()},getSocialCredentials:function(){return App.Models.user.socialCredentials.getActiveSocialCredentialsForLiveStreaming()},getContexts:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"active";return App.Collections.contexts.where({status:e})},getStream:function(e){return App.Collections.streams.find((function(n){return n.id===e}))},getUserId:function(){return App.Models.user.id},getTwitchCredentialType:function(e){return App.Models.user.socialCredentials.get(e).get("broadcasterType")}}),organizationPreferences:r})})};function c_(){var e=(0,R.Z)(["\n display: grid;\n grid-template-rows: 500px;\n"]);return c_=function(){return e},e}var u_,l_,d_,p_=L.ZP.div.withConfig({componentId:"sc-d19d3452-0"})(c_()),f_=(0,Y.Pi)((function(){var e=(0,q.oR)().replay.settings;return Xy((function(){return e.init()})),(0,s.jsx)(p_,{children:(0,s.jsxs)("div",{children:[(0,s.jsx)(Kw,{inputIds:e.inputIds,setInputAt:e.setInputAt,theme:"light"}),(0,s.jsx)(Hw,{autoNamingPattern:e.autoNamingPattern,setAutoNamingPattern:e.setAutoNamingPattern}),(0,s.jsx)(jl,{buttons:e.buttons,addButton:e.addButton,removeButton:e.removeButton}),(0,s.jsxs)(Bw,{children:[(0,s.jsx)(Ic.XJ,{children:"Clip settings"}),(0,s.jsx)(mn.wA,{uiType:"switch",infoTooltip:"When creating new replays the clip volume will be set to 0",checkboxLabel:"Create muted replay clips",value:e.clipsMuted,onChange:e.toggleClipsMuted})]})]})})})),h_="/replay-controls";!function(e){e.Preferences="/preferences",e.KeyBinding="/preferences/key-binding"}(u_||(u_={})),function(e){e.ReplaySettings="replay-settings",e.KeyBindings="key-bindings"}(l_||(l_={}));var m_=(d_={},(0,E.Z)(d_,l_.ReplaySettings,{title:"Replay settings",size:"medium"}),(0,E.Z)(d_,l_.KeyBindings,{title:"Key Bindings",size:"xlarge"}),d_),g_=(0,Y.Pi)((function(e){var n=e.closeModal,t=(0,q.oR)(),i=t.replay,r=t.keyBindings,o=i.settings,a=function(){o.save(),n()},c=Zp(),u=(0,Sp.UO)().tabIndex||l_.ReplaySettings,l=m_[u].title,d=m_[u].size;return(0,s.jsx)(bc.ZP,{title:l,closeModal:n,height:u===l_.ReplaySettings?"800px":"auto",overflow:"unset",padding:"0",size:d,footer:function(){return u===l_.ReplaySettings&&(0,s.jsx)(bc.mz,{children:(0,s.jsx)(xs.ZP,{icon:"cta-arrow-right",iconPosition:"right",onClick:a,children:"Save"})})},children:(0,s.jsxs)(Rp.ZP,{onTabSelected:function(e){var n=e.selected;c("".concat(h_).concat(u_.Preferences,"/").concat(n))},selected:u,children:[(0,s.jsx)(Rp.et,{icon:"settings",id:l_.ReplaySettings,name:"Settings",children:(0,s.jsx)(f_,{})}),(0,s.jsx)(Rp.et,{icon:"shortcuts",id:l_.KeyBindings,name:"Key bindings",hasNotification:null===r||void 0===r?void 0:r.hasError,children:(0,s.jsx)(Lp.N,{basePath:h_})})]})})})),v_=function(){var e=Zp();return(0,s.jsxs)(Sp.Z5,{children:[(0,s.jsx)(Sp.AW,{path:"".concat(u_.Preferences,"/:tabIndex?/:profileId?"),element:(0,s.jsx)(g_,{closeModal:function(){return e(".")}})}),(0,s.jsx)(Sp.AW,{path:"".concat(u_.KeyBinding,"/:profileId/:bindingId?"),element:(0,s.jsx)(wp,{basePath:h_})})]})};function x_(){var e=(0,R.Z)(["\n flex-grow: 1;\n display: flex;\n flex-flow: column;\n background-color: ",";\n\n "," {\n background: ",";\n }\n\n ",", "," {\n background: ",";\n }\n\n "," {\n flex-grow: 1;\n border: 1px solid ",";\n border-right: 0;\n border-bottom: 0;\n }\n\n "," {\n border-top: 1px solid ",";\n border-bottom: 1px solid ",";\n }\n\n .noUi-target {\n border-color: ",";\n background-color: ",";\n box-shadow: unset;\n }\n"]);return x_=function(){return e},e}function y_(){var e=(0,R.Z)([""]);return y_=function(){return e},e}function b_(){var e=(0,R.Z)(["\n justify-content: center;\n text-transform: unset;\n flex-grow: 1;\n width: 160px;\n padding: 20px;\n border-radius: 0;\n border-bottom: 0;\n border-right: 1px solid ",";\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n\n &:not(:first-of-type) {\n margin-left: 0;\n }\n\n &:first-child {\n border-left: 1px solid ",";\n }\n\n ",";\n\n > span {\n text-overflow: ellipsis;\n overflow: hidden;\n }\n"]);return b_=function(){return e},e}function I_(){var e=(0,R.Z)(["\n text-align: center;
1\n align-items: center;\n display: flex;\n justify-content: center;\n flex-flow: column;\n height: 100%;\n\n span {\n display: block;\n font-weight: bolder;\n margin-bottom: 20px;\n line-height: 22px;\n font-size: 16px;\n color: ",";\n }\n"]);return I_=function(){return e},e}var w_,P_=L.ZP.div.withConfig({componentId:"sc-8151f05f-0"})(x_(),(function(e){return e.theme.colors.replayBackground}),SO,(function(e){return e.theme.colors.tertiaryBackground}),$O,OE,(function(e){return e.theme.colors.replayBackground}),AE,(function(e){return e.theme.colors.secondaryLight}),IE,(function(e){return e.theme.colors.secondaryLight}),(function(e){return e.theme.colors.secondaryLight}),(function(e){return e.theme.colors.secondaryLight}),(function(e){return e.theme.colors.secondaryLight})),S_=L.ZP.div.withConfig({componentId:"sc-8151f05f-1"})(y_()),Z_=(0,L.ZP)(xs.ZP).attrs({type:"secondary"}).withConfig({componentId:"sc-8151f05f-2"})(b_(),(function(e){return e.theme.colors.secondaryLight}),(function(e){return e.theme.colors.secondaryLight}),(function(e){var n=e.selected,t=e.theme;return n?"":"background-color: ".concat(t.colors.replayBackground)})),C_=L.ZP.div.withConfig({componentId:"sc-8151f05f-3"})(I_(),(function(e){return e.theme.colors.text4})),j_="replay-media-player",k_=(0,Y.Pi)((function(){var e=(0,q.oR)(),n=e.streamConfig,t=e.controlRoom,i=e.replay,r=(0,o.Z)(J.useState(),2),a=r[0],c=r[1],u=function(e){c(e),t.setSelectedMediaPlayer(e)};J.useEffect((function(){var e=window.localStorage.getItem("".concat(j_,"/").concat(n.id)),t=n.mediaPlayerInputs.find((function(n){return n.id===e}));t&&(u(t),i.settings.setDestination("".concat(ll).concat(t.id)))}),[n.mediaPlayerInputs]);var l=function(e){u(e),i.settings.setDestination("".concat(ll).concat(e.id)),window.localStorage.setItem("".concat(j_,"/").concat(n.id),e.id)},d=J.useContext(P.ab).componentAction,p=J.useRef(d);return J.useEffect((function(){var e=(0,E.Z)({},xp.X.CycleMediaPlayers,(function(){var e=n.mediaPlayerInputs;if(e){var t=e.indexOf(a);t<e.length-1?l(e[t+1]):l(e[0])}}));d!==p.current&&(e[d.action]&&e[d.action](d),p.current=d)}),[d]),n.mediaPlayerInputs.length?(0,s.jsxs)(P_,{children:[(0,s.jsx)(S_,{children:(0,to.X)(n.mediaPlayerInputs,[function(e){return e.displayName}]).map((function(e){return(0,s.jsx)(Z_,{onClick:function(){return l(e)},selected:a===e,children:e.displayName},e.id)}))}),a?(0,s.jsx)(VE,{playlist:a}):(0,s.jsx)(C_,{children:(0,s.jsx)("span",{children:"No Media Player selected"})})]}):(0,s.jsx)(C_,{children:(0,s.jsx)("span",{children:"No Media Players defined"})})})),T_=(0,Y.Pi)((function(e){var n=e.children,t=e.subviewHeader,i=e.noHeaderPadding,r=(0,q.oR)(),o=r.replayRoom,a=o.drawer,c=o.selectedTab;return(0,s.jsx)(Wy.Z,{className:void 0,isOpen:a.isOpen,onToggle:a.toggle,onTabSelected:function(e){var n=e.selected;r.replayRoom.setSelectedTab(n)},selectedTab:c,subviewHeader:t,noHeaderPadding:i,children:n})})),R_=function(e){var n=e.children;return(0,s.jsx)(L.f6,{theme:an.$,children:(0,s.jsx)(rn.qt,{children:n})})},L_=function(e){var n=e.children,t=e.expanded;return(0,s.jsx)(Cw,{expanded:t,children:n})},A_=(0,Y.Pi)((function(){var e=(0,q.oR)(),n=e.replayRoom,t=e.replay.settings;return window.replaySettings=t,(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)(R_,{children:[(0,s.jsx)(L_,{expanded:!n.drawer.isOpen,children:(0,s.jsx)(Mw,{fullReplayView:!0})}),(0,s.jsx)(L.f6,{theme:an.$,children:(0,s.jsx)(T_,{subviewHeader:!0,noHeaderPadding:!0,children:(0,s.jsx)(Lw,{id:"mediaplayers",name:"Media Players",noPadding:!0,iconSize:"25px",headerIconSize:"25px",icon:"playlist",Icon:void 0,children:(0,s.jsx)(k_,{})})})})]})})})),M_=function(e){var n=e.clearLoadingState,t=void 0===n?function(){}:n,i=(0,q.oR)(),r=(0,J.useState)(!1),o=r[0],a=r[1];(0,J.useEffect)((function(){i.streamConfig.serverConfig.messagingSocket.sendProtocolMessage(16,{page:"replay"});var e=a_({store:i,serverConfig:App.Models.serverConfig,onConnectSuccess:function(){return a(!0)}});return t(),c(),e}),[]);var c=function(){var e=!!App.Models.selectedStream,n=e&&App.Models.selectedStream.isCloudProducerEnabled(),t=e&&App.Models.selectedStream.isEnabled();if(n&&t){var i=App.Models.selectedStream.getDisplayName();$(".studio-bar-title small").text(i),$("title").text("".concat(i," | Replay Room | Grabyo Studio"))}};return o&&(0,s.jsxs)(nn,{children:[(0,s.jsx)(A_,{}),(0,s.jsx)(v_,{})]})},O_=function(e){var n=e.organizationPreferences,t=e.setSelectedHeaderItem,i=e.clearLoadingState,r=e.autoplayFailureId,o=e.loaderIn,a=e.showDisabledStreamModal,c=e.showLoadingStateModal,u=e.maxClientConnections,l=e.isProducerReady,d=(0,q.oR)(),p=(0,Sp.TH)();return(0,J.useEffect)((function(){t("/".concat(p.pathname.split("/")[1])),null===d||void 0===d||d.keyBindings.reinitFocusGate()}),[p.pathname,d]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(Ke,{}),l&&(0,s.jsxs)(Sp.Z5,{location:p,children:[(0,s.jsx)(Sp.AW,{path:"/audio-mixer",element:(0,s.jsx)(_m,{clearLoadingState:i})}),(0,hn.aY)()&&(0,s.jsx)(Sp.AW,{path:"".concat(tu,"/*"),element:(0,s.jsx)(yf,{clearLoadingState:i})}),(0,s.jsx)(Sp.AW,{path:"/replay-controls/*",element:(0,s.jsx)(M_,{clearLoadingState:i})}),(0,s.jsx)(Sp.AW,{path:"*",element:(0,s.jsx)(s_,{autoplayFailureId:r,clearLoadingState:i,organizationPreferences:n})})]}),(0,s.jsx)(Je,{className:o?"in":"out",children:(0,s.jsx)("img",{src:"/static/img/analytics-loader.gif",width:"65",height:"65"})}),a&&(0,s.jsx)(Wm,{streamName:App.Models.selectedStream.get("displayName")}),c&&(0,s.jsx)(qm,{model:App.Models.selectedProducerEncode}),!!u&&(0,s.jsx)(Jm.Z,{maxClientConnections:u,confirmCallback:function(){return window.location.reload()}})]})},D_=t(88931),E_=t.n(D_),N_=t(82691),B_=t.n(N_),V_=t(92042),F_=t.n(V_),z_=t(56549),U_=t.n(z_),H_=function(){function e(n){if((0,Tl.Z)(this,e),i_()(n)&&!B_()(n)){for(var t in n)U_()(t)&&F_()(n[t])||console.warn("Iframe message handler callbacks object has invali
1d message/handler properties");this.handlers=n,this.receiveIframeMessage=this.receiveIframeMessage.bind(this),window.addEventListener("message",this.receiveIframeMessage)}else console.error("Iframe message handler initialized with incorrect params")}return(0,Qg.Z)(e,[{key:"receiveIframeMessage",value:function(e){var n=e.data,t=n.action,i=n.payload;F_()(this.handlers[t])&&this.handlers[t](i,e)}},{key:"destroy",value:function(){window.removeEventListener("message",this.receiveIframeMessage)}}]),e}();!function(e){e.AddInput="ADD_INPUT"}(w_||(w_={}));var __=function(){function e(n){var t=n.messagingSocket,i=n.getSelectedLayerIndex;(0,Tl.Z)(this,e),this.messagingSocket=t,this.getSelectedLayerIndex=i,GF()(this,"addInput"),this.messageHandler=new H_((0,E.Z)({},w_.AddInput,this.addInput))}var n=e.prototype;return n.addInput=function(e){var n=this.getSelectedLayerIndex();if(void 0!==n&&null!==n){var t={layerIndex:n,resourceURI:e.src,displayName:E_()(e.displayName),type:e.type};this.messagingSocket.sendPostCommand("cloudproducer/inputs/",t)}else(0,l.uT)("[ProducerMessageHandler] Add input - layerIndex is not defined")},n.destroy=function(){this.messageHandler.destroy()},e}(),W_=t(98074),G_=(0,t(7308).pE)({mergeArrays:!1}),Y_=N.V5.model("AmpRatio",{ampRatio:N.V5.number}),X_=N.V5.model("Milliseconds",{ms:N.V5.maybeNull(N.V5.integer)}),q_=N.V5.model({attack:X_,autoAttack:!1,autoMakeup:!1,autoRelease:!1,enabled:!1,knee:Y_,makeupGain:Y_,ratio:1,release:X_,threshold:Y_}),J_=N.V5.model("MultiLegAmpRatio",{ampRatio:N.V5.number,legs:N.V5.map(Y_)}),K_=N.V5.model("NodeAudio",{compressor:N.V5.optional(q_,{attack:{ms:0},autoAttack:!1,autoMakeup:!1,autoRelease:!1,enabled:!1,knee:{ampRatio:0},makeupGain:{ampRatio:0},ratio:1,release:{ms:0},threshold:{ampRatio:0}}),fade:J_,trim:Y_,mute:N.V5.boolean}),Q_=N.V5.model("AutoFader",{enabled:N.V5.boolean,inDuration:N.V5.maybeNull(X_),outDuration:N.V5.maybeNull(X_),inDelay:N.V5.maybeNull(X_),outDelay:N.V5.maybeNull(X_),inLevel:N.V5.maybeNull(Y_),outLevel:N.V5.maybeNull(Y_)}),$_=N.V5.model("Receiver",{enabled:N.V5.boolean,hidden:!1,mixMode:N.V5.string,position:N.V5.enumeration(Object.values(fn.Ly)),receiverId:N.V5.string,type:N.V5.enumeration(Object.values(fn.S3))}).views((function(e){return{get parentNode(){return(0,N.G_)(e,2)},get root(){return(0,N.yj)(e)}}})).views((function(e){return{get displayName(){var n,t;return(e.type===fn.S3.Node?null===(n=e.root.audioMixer.nodes.get(e.receiverId))||void 0===n?void 0:n.nameForDisplay:e.type===fn.S3.Output?null===(t=e.root.audioMixer.outputPorts.get(e.receiverId))||void 0===t?void 0:t.nameForDisplay:void 0)||"".concat(e.type," ").concat(e.receiverId)}}})).actions((function(e){return{delete:function(){e.parentNode.deleteReceiver(e.receiverId)},toggle:function(){e.parentNode.updateReceiver(e.receiverId,{enabled:!e.enabled})}}})),eW=N.V5.model("Sender",{hidden:!1,senderId:N.V5.string,mixMode:N.V5.maybe(N.V5.string),trackStreamIndex:N.V5.maybe(N.V5.number),type:N.V5.enumeration(Object.values(fn.AL))}).views((function(e){return{get root(){return(0,N.yj)(e)}}})).views((function(e){return{get displayName(){if(e.type===fn.AL.Source){var n=e.root.getInput(e.senderId);return(null===n||void 0===n?void 0:n.displayName)||"".concat(e.senderId," ").concat(e.type," ")}var t=e.root.audioMixer.nodes.get(e.senderId);return(null===t||void 0===t?void 0:t.nameForDisplay)||"".concat(e.senderId," ").concat(e.type)}}})),nW=N.V5.model("OutputPort",{id:N.V5.identifier,displayName:"",referenceId:N.V5.maybe(N.V5.string),index:N.V5.maybe(N.V5.number),type:N.V5.enumeration(Object.values(fn.DQ)),width:N.V5.enumeration(Object.values(fn.LY))}).views((function(e){return{get root(){return(0,N.yj)(e)}}})).views((function(e){return{get nameForDisplay(){if(e.referenceId){var n=e.root.getInput(e.referenceId);return null===n||void 0===n?void 0:n.displayName}return e.type===fn.DQ.Replay?e.displayName||"Track ".concat(e.index+1):e.displayName}}})).actions((function(e){return{merge:function(n){(0,N.Xx)(e,(0,i.Z)({},(0,N.vM)(e),n))}}})),tW=N.V5.model("Node",{id:N.V5.identifier,audio:K_,autoFader:Q_,displayName:N.V5.optional(N.
1V5.string,""),externalMuteEnabled:!1,hidden:!1,type:N.V5.enumeration(Object.values(fn.Jq)),width:N.V5.enumeration(Object.values(fn.LY)),receives:N.V5.array(eW),sends:N.V5.array($_)}).volatile((function(){return{isExpanded:!1}})).views((function(e){return{get audioMixerApi(){return(0,N.dU)(e).producerAPI.audioMixer},get root(){return(0,N.yj)(e)},get hasSource(){return e.type===fn.Jq.Input&&e.receives.length>0&&e.receives[0].type===fn.AL.Source}}})).views((function(e){return{get source(){return e.hasSource?e.root.getInput(e.receives[0].senderId):void 0},get monitorNodeId(){return e.root.audioMixer.monitor.outputNodeId}}})).views((function(e){return{get isPflOn(){return e.sends.some((function(n){return n.receiverId===e.monitorNodeId&&n.position===fn.Ly.PreFader}))},get isAflOn(){return e.sends.some((function(n){return n.receiverId===e.monitorNodeId&&n.position===fn.Ly.AfterFader}))},get isLatchingOn(){return e.root.audioMixer.isLatchingOn},get nameForDisplay(){var n;return e.type===fn.Jq.Input&&""===e.displayName?null===(n=e.source)||void 0===n?void 0:n.displayName:e.displayName}}})).actions((function(e){return{addVolumeListener:function(n){var t=function(e){e.currentPeak.frontLeft=e.currentPeak.M||e.currentPeak.C||e.currentPeak.L,e.currentPeak.frontRight=e.currentPeak.M||e.currentPeak.C||e.currentPeak.R,e.peakHold.frontLeft=e.peakHold.M||e.peakHold.C||e.peakHold.L,e.peakHold.frontRight=e.peakHold.M||e.peakHold.C||e.peakHold.R,n(e)},i=e.root.streamConfig.volumeEmitter;return i.on(e.id,t),function(){i.off(e.id,t)}},addVolumeListenerLeg:function(n,t){var i=function(e){e.currentPeak.frontLeft=e.currentPeak[t],e.peakHold.frontLeft=e.peakHold[t],n(e)},r=e.root.streamConfig.volumeEmitter;return r.on(e.id,i),function(){r.off(e.id,i)}},merge:function(n){(0,N.Xx)(e,G_((0,N.vM)(e),n)),Array.isArray(n.receives)&&(0,N.Xx)(e.receives,n.receives),Array.isArray(n.sends)&&(0,N.Xx)(e.sends,n.sends)},delete:function(){e.audioMixerApi.deleteNode(e.id)},update:function(n){e.audioMixerApi.updateNode(e.id,n)},updateReceives:function(n){e.audioMixerApi.updateNodeReceives(e.id,n)},addReceiver:function(n){e.audioMixerApi.addNodeReceiver(e.id,n)},updateReceiver:function(n,t){e.audioMixerApi.updateNodeReceiver({nodeId:e.id,receiverId:n,data:t})},toggleExpanded:function(){e.isExpanded=!e.isExpanded},addUnlatchedReceiver:function(n){e.audioMixerApi.updateNodeReceives(e.monitorNodeId,(0,E.Z)({},e.id,{position:n}))},deleteReceiver:function(n){e.audioMixerApi.deleteNodeReceiver({nodeId:e.id,receiverId:n})}}})).actions((function(e){return{togglePfl:function(){e.isLatchingOn?e.isPflOn?e.deleteReceiver(e.monitorNodeId):e.isAflOn?e.updateReceiver(e.monitorNodeId,{position:fn.Ly.PreFader}):e.addReceiver({receiverId:e.monitorNodeId,position:fn.Ly.PreFader}):e.isPflOn?e.deleteReceiver(e.monitorNodeId):e.addUnlatchedReceiver(fn.Ly.PreFader)},toggleAfl:function(){e.isLatchingOn?e.isAflOn?e.deleteReceiver(e.monitorNodeId):e.isPflOn?e.updateReceiver(e.monitorNodeId,{position:fn.Ly.AfterFader}):e.addReceiver({receiverId:e.monitorNodeId,position:fn.Ly.AfterFader}):e.isAflOn?e.deleteReceiver(e.monitorNodeId):e.addUnlatchedReceiver(fn.Ly.AfterFader)},updateCompressor:function(n){e.update({audio:{compressor:n}})}}})).actions((function(e){return{setDisplayName:function(n){e.update({displayName:n})},updateFade:function(n){e.update({audio:{fade:{ampRatio:n}}})},updateFadeLeg:function(n,t){e.update({audio:{fade:{legs:(0,E.Z)({},t,{ampRatio:n})}}})},updateTrim:function(n){e.update({audio:{trim:{ampRatio:n}}})},updateSenderSource:function(n,t){e.updateReceives((0,E.Z)({},n,(0,r.Z)((0,i.Z)({},t),{senderId:n})))},updateAttack:function(n){e.updateCompressor({attack:{ms:Math.trunc(n)}})},updateKnee:function(n){e.updateCompressor({knee:{ampRatio:n}})},updateMakeupGain:function(n){e.updateCompressor({makeupGain:{ampRatio:n}})},updateRatio:function(n){e.updateCompressor({ratio:n})},updateRelease:function(n){e.updateCompressor({release:{ms:Math.trunc(n)}})},updateThreshold:function(n){e.updateCompressor({threshold:{ampRatio:n}})},toggleCompressor:function(){e.updateCompressor({enabled:!e.audio.compressor.enabled})},toggleAutoAttack:function(){e.updateCompressor({autoAttack:!e.audio.compressor.autoAttack})},toggleAutoMakeup:function(){e.updateCompressor({autoMakeup:!e.audio.compressor.autoMakeup}
1)},toggleAutoRelease:function(){e.updateCompressor({autoRelease:!e.audio.compressor.autoRelease})},toggleExternalMute:function(){e.update({externalMuteEnabled:!e.externalMuteEnabled})},toggleMute:function(){e.update({audio:{mute:!e.audio.mute}})},toggleAutoFaderEnabled:function(){e.update({autoFader:{enabled:!e.autoFader.enabled}})},updateAutoFaderMs:function(n,t){e.update({autoFader:(0,E.Z)({},n,null===t?null:{ms:t})})},updateAutoFaderAmpRatio:function(n,t){e.update({autoFader:(0,E.Z)({},n,{ampRatio:t})})}}})),iW=t(65722),rW=N.V5.model("Preset",{multiviewerId:N.V5.optional(N.V5.string,""),name:N.V5.optional(N.V5.string,""),streamId:N.V5.optional(N.V5.string,""),data:N.V5.frozen({layout:{}})}),oW=N.V5.model("MultiViewerModalStore",{autosavedMultiviewer:N.V5.optional(N.V5.boolean,!1),multiviewerPresets:N.V5.optional(N.V5.array(rW),[])}).views((function(e){return{get hasMultiviewerPreset(){return e.autosavedMultiviewer||e.multiviewerPresets.length},get streamId(){return(0,N.G_)(e).selectedStreamId}}})).actions((function(e){return{fetchMultiviewerPresets:(0,N.ls)((function(){return(0,au.__generator)(this,(function(n){switch(n.label){case 0:return[4,(0,iW.ej)({streamId:e.streamId})];case 1:return e.multiviewerPresets=n.sent(),[2]}}))}))}})).actions((function(e){return{afterCreate:function(){e.fetchMultiviewerPresets()},updateMultiviewerPreset:(0,N.ls)((function(n){var t,i,r;return(0,au.__generator)(this,(function(o){switch(o.label){case 0:return t=n.multiviewerId,i=n.name,r=n.data,[4,(0,iW.Vx)({streamId:e.streamId,multiviewerId:t,name:i,data:r})];case 1:return o.sent(),e.fetchMultiviewerPresets(),[2]}}))})),deleteMultiviewerPreset:(0,N.ls)((function(n){var t;return(0,au.__generator)(this,(function(i){switch(i.label){case 0:return t=n.multiviewerId,[4,(0,iW.Jp)({streamId:e.streamId,multiviewerId:t})];case 1:return i.sent(),e.fetchMultiviewerPresets(),[2]}}))})),setAutosavedMultiviewer:function(){Z.Z.PermStore.get("multiviewerPreset:".concat(e.streamId))?e.autosavedMultiviewer=!0:e.autosavedMultiviewer=!1},deleteLocalMultiViewerPreset:function(){return(0,ru.Z)((function(){return(0,au.__generator)(this,(function(n){return Z.Z.PermStore.clear("multiviewerPreset:".concat(e.streamId)),e.autosavedMultiviewer=!1,[2]}))}))()}}}));function aW(e,n){var t=function(e){var n,t=localStorage.getItem("audiomixer.".concat(e));try{n=JSON.parse(t)}catch(i){localStorage.removeItem("audiomixer.".concat(e))}return n}(n);t&&(0,N.Xx)(e,t),(0,N.cf)(e,(function(e){!function(e){var n=e.streamId,t=e.snapshot;localStorage.setItem("audiomixer.".concat(n),JSON.stringify(t))}({streamId:n,snapshot:e})}))}var sW,cW=N.V5.model("LocalSettingsStore",{shouldConfirmNodeDeletion:!0}).actions((function(e){return{toggleShouldConfirmNodeDeletion:function(){e.shouldConfirmNodeDeletion=!e.shouldConfirmNodeDeletion}}}));!function(e){e.Connecting="connecting",e.Connected="connected"}(sW||(sW={}));var uW,lW=N.V5.model("Info",{adBreakSourceId:N.V5.maybe(N.V5.string),autoCreateLiveInputPaths:!1,autoCreateVodInputPaths:!1,autoRouteGuestReturns:!1,autoRouteIsoOutputs:!1,easyMode:!1,mainOutputNodeId:N.V5.maybe(N.V5.string),meteringPosition:N.V5.optional(N.
1V5.enumeration(Object.values(fn.Ly)),fn.Ly.Output),visionMixerSourceId:N.V5.maybe(N.V5.string)}).actions((function(e){return{merge:function(n){(0,N.Xx)(e,(0,i.Z)({},(0,N.vM)(e),n))}}})),dW=N.V5.model("Layer",{displayName:N.V5.string,nodes:N.V5.optional(N.V5.array(N.V5.string),[])}),pW=N.V5.model("Monitor",{outputNodeId:N.V5.maybe(N.V5.string),streamId:N.V5.maybe(N.V5.number)}),fW={id:"",displayName:"No source"},hW=N.V5.model("AudioMixerStore",{activeLayerIndex:N.V5.maybeNull(N.V5.number),info:N.V5.optional(lW,{}),layers:N.V5.optional(N.V5.array(dW),[]),localSettings:N.V5.optional(cW,{}),mode:N.V5.optional(N.V5.enumeration(Object.values(fn.qk)),fn.qk.Receives),monitor:N.V5.optional(pW,{}),multiviewerModal:N.V5.optional(oW,{}),nodes:N.V5.map(tW),outputPorts:N.V5.map(nW),state:sW.Connecting}).volatile((function(){return{audioContext:void 0,isAudioContextRunning:!1,isLatchingOn:!1}})).views((function(e){return{get availableSources(){var n=(0,a.Z)((0,N.yj)(e).streamConfig.filterInputsByType((0,Bj._Y)()));return Ww()(n,"displayName")},get activeLayer(){return e.layers[e.activeLayerIndex]},get nodeList(){return(0,a.Z)(e.nodes.values())},get outputPortList(){return(0,a.Z)(e.outputPorts.values())}}})).views((function(e){return{get selectedNodes(){return null!==e.activeLayerIndex?e.activeLayer.nodes.map((function(n){return e.nodes.get(n)})).filter((function(e){return void 0!==e})):[]},getSource:function(n){if(""===n)return fW;if(n===e.info.visionMixerSourceId)return{id:n,displayName:"Vision Mixer",audioTracks:[{streamIndex:0,width:fn.LY.Stereo}]};if(n===e.info.adBreakSourceId)return{id:n,displayName:"Ad Break",audioTracks:[{streamIndex:0,width:fn.LY.Stereo}]};var t=(0,N.yj)(e).streamConfig.inputs.get(n);return t||fW},getInputNodeBySenderId:function(n){return e.nodeList.find((function(e){return e.type===fn.Jq.Input&&e.receives.some((function(e){return e.type===fn.AL.Source&&e.senderId===n}))}))},get isConnected(){return e.state===sW.Connected},get masterNode(){return e.nodeList.find((function(n){return n.id===e.info.mainOutputNodeId}))}}})).actions((function(e){return{setInfo:function(n){e.info.merge(n)},setMode:function(n){e.mode=n},setMonitor:function(n){e.monitor=n},addOutputPorts:function(n){var t=!0,i=!1,r=void 0;try{for(var o,a=Object.values(n)[Symbol.iterator]();!(t=(o=a.next()).done);t=!0){var s=o.value;e.outputPorts.put(s)}}catch(c){i=!0,r=c}finally{try{t||null==a.return||a.return()}finally{if(i)throw r}}},setOutputPorts:function(n){(0,N.Xx)(e.outputPorts,n)},updateOutputPorts:function(n){var t=!0,i=!1,r=void 0;try{for(var a,s=Object.entries(n)[Symbol.iterator]();!(t=(a=s.next()).done);t=!0){var c=(0,o.Z)(a.value,2),u=c[0],l=c[1],d=e.outputPorts.get(u);d&&d.merge(l)}}catch(p){i=!0,r=p}finally{try{t||null==s.return||s.return()}finally{if(i)throw r}}},addNode:function(n){(0,N.dU)(e).producerAPI.audioMixer.addNode(n)},deleteNode:function(n){e.nodes.has(n)&&e.nodes.delete(n)},moveNode:function(e){e.oldIndex,e.newIndex},setNodes:function(n){Object.entries(n).forEach((function(n){var t=(0,o.Z)(n,2),i=t[0],r=t[1],a=e.nodes.get(i);void 0===a?r.type&&e.nodes.put(r):a.merge(r)}))},setActiveLayerIndex:function(n){e.activeLayerIndex=n},setLayers:function(n){var t=0===e.layers.length&&null===e.activeLayerIndex;e.activeLayerIndex>=n.length&&(e.activeLayerIndex=n.length-1),(0,N.Xx)(e.layers,n),t&&n.length>0&&(e.activeLayerIndex=0)},setConnectedState:function(){e.state=sW.Connected},setAudioContextRunning:function(){e.isAudioContextRunning=!0},toggleLatching:function(){e.isLatchingOn=!e.isLatchingOn},toggleEasyMode:function(){(0,N.dU)(e).producerAPI.audioMixer.updateInfo({easyMode:!e.info.easyMode})},toggleAutoCreateLiveInputPaths:function(){(0,N.dU)(e).producerAPI.audioMixer.updateInfo({autoCreateLiveInputPaths:!e.info.autoCreateLiveInputPaths})},toggleAutoCreateVodInputPaths:function(){(0,N.dU)(e).producerAPI.audioMixer.updateInfo({autoCreateVodInputPaths:!e.info.autoCreateVodInputPaths})},toggleAutoRouteIsoOutputs:function(){(0,N.dU)(e).producerAPI.audioMixer.updateInfo({autoRouteIsoOutputs:!e.info.autoRouteIsoOutputs})},toggleAutoRouteGuestReturns:function(){(0,N.dU)(e).producerAPI.audioMixer.updateInfo({autoRouteGuestReturns:!e.info.autoRouteGuestReturns})},updateMeteringPosition:function(n){(0,N.dU)(e).producerAPI.audioMixer.updateMeteringPosition(n)},initListening:function(){(0,N.dU)(e).producerAPI.initialiseListen()}}})).actions((function(e){return{afterCreate:function(){window.AudioContext&&(e.audioContext=new AudioContext,e.audioContext.onstatechange=function(){"running"===e.audioContext.state&&e.setAudioContextRunning()})}}})),mW=function(e,n){var t=hW.create(e);return aW(t.localSettings,n),t};!function(e){e.Connecting="connecting",e.Connected="connected"}(uW||(uW={}));var gW=N.V5.model("Track",{id:N.V5.identifier,inputId:N.V5.string,position:N.V5.number,removeInProgress:N.V5.optional(N.
1V5.boolean,!1)}),vW=N.V5.model("Page",{id:N.V5.identifier,position:N.V5.number,displayName:N.V5.string,tracks:N.V5.array(gW)}),xW=N.V5.model("Page",{inputIds:N.V5.optional(N.V5.array(N.V5.string),[]),streamId:N.V5.maybeNull(N.V5.number),type:N.V5.optional(N.V5.string,"outputListen"),latching:N.V5.maybe(N.V5.boolean)}),yW={state:uW.Connecting,pages:N.V5.optional(N.V5.array(vW),[]),hasUserGesture:N.V5.optional(N.V5.boolean,!1),activeControl:N.V5.optional(N.V5.boolean,!1),activePageId:N.V5.maybeNull(N.V5.string),listen:N.V5.optional(xW,{}),multiviewerModal:N.V5.optional(oW,{})},bW=N.V5.model("AudioMixerUIStore",yW).volatile((function(){return{audioContext:void 0}})).views((function(e){return{get selectedStreamId(){return(0,N.yj)(e).streamConfig.id},get undefinedSource(){return{id:"",displayName:"No source",requestUpdate:function(){}}},get availableSources(){var n=(0,a.Z)((0,N.yj)(e).streamConfig.filterInputsByType((0,Bj.KB)()));return Ww()(n,"displayName")},get activePage(){return e.pages&&e.pages.find((function(n){return n.id===e.activePageId}))}}})).views((function(e){return{getSource:function(n){if(""===n)return e.undefinedSource;var t=(0,N.yj)(e).streamConfig.inputs.get(n);return t||e.undefinedSource},get sources(){return e.availableSources},get isConnected(){return e.state===uW.Connected},getActivePageFromPages:function(n){return e.activePageId?n.find((function(n){return n.id===e.activePageId})):n[0]},get activeTracks(){var n=e.activePage;return n?n.tracks:[]},get orderedPages(){return e.pages.slice().sort((function(e,n){return e.position>n.position?1:-1}))}}})).views((function(e){return{get sourceOptions(){var n=[{label:"Remove Track",value:void 0},{label:"No Source",value:null}],t=e.sources.map((function(e){return{label:e.displayName,value:e.id}})).filter((function(n){return!e.activeTracks.find((function(e){return e.inputId===n.value}))}));return n.concat(t)},get orderedTracks(){return e.activeTracks.slice().sort((function(e,n){return e.position>n.position?1:-1}))}}})).actions((function(e){return{addPage:function(n){(0,N.dU)(e).producerAPI.addPage(n)},removePage:function(n){(0,N.dU)(e).producerAPI.removePage(n)},updatePage:function(n,t){(0,N.dU)(e).producerAPI.updatePage(n,t)},addEmptyTrack:function(){e.activeTracks.length<20&&(0,N.dU)(e).producerAPI.addAudioTrack({pageId:e.activePageId})},setTrack:function(n,t){(0,N.dU)(e).producerAPI.setAudioTrack({pageId:e.activePageId,trackId:n,data:t})},destroyTrack:function(e){(0,N.ob)(e)},destroyTrackNode:function(e){(0,N.ob)(e)},moveTrack:function(n,t){var o=e.activeTracks.find((function(e){return e.position===n})),a=n<t?1:-1,s=e.activeTracks.map((function(e){var o=e.position;return e.position===n?o=t:a>0&&e.position>n&&e.position<=t?o=e.position-1:a<0&&e.position>=t&&e.position<n&&(o=e.position+1),(0,r.Z)((0,i.Z)({},(0,N.vM)(e)),{position:o})}));(0,N.Xx)(e.activePage.tracks,s),(0,N.dU)(e).producerAPI.setAudioTrack({pageId:e.activePageId,trackId:o.id,data:{position:t}})},setConnectedState:function(){e.state=uW.Connected},setHasUserGesture:function(n){e.hasUserGesture=n},setActiveControl:function(n){e.activeControl=n},setActivePagesId:function(n){e.activePageId=n},persistListenInputs:function(){(0,N.dU)(e).persistenceStore.set("audioMixer:".concat(e.selectedStreamId,":listen:inputIds"),e.listen.inputIds)},persistListenType:function(){(0,N.dU)(e).persistenceStore.set("audioMixer:".concat(e.selectedStreamId,":listen:type"),e.listen.type)},initListening:function(){(0,N.dU)(e).producerAPI.initialiseListen()},setListenStreamId:function(n){e.listen.streamId=n},setLatching:function(n){e.listen.latching=n,(0,N.dU)(e).persistenceStore.set("audioMixer:".concat(e.selectedStreamId,":listen:latching"),e.listen.latching)}}})).actions((function(e){return{updateListenType:function(n){e.listen.type=n,e.persistListenType(),(0,N.dU)(e).producerAPI.updateListenType(n)},setListenInput:function(n){var t=e.listen.inputIds.findIndex((function(e){return e===n}));-1===t?e.listen.latching?e.listen.inputIds.push(n):e.listen.inputIds.replace([n]):!e.listen.latching&&e.listen.inputIds.length>1?e.listen.inputIds.replace([n]):e.listen.inputIds.splice(t,1),e.persistListenInputs()}}})).actions((function(e){return{updateListenInput:function(n){Array.isArray(n)?e.listen.inputIds.replace(n):e.setListenInput(n),(0,N.dU)(e).producerAPI.updateListenInputs(e.listen.inputIds)}}})).actions((function(e){return{afterCreate:function(){window.AudioContext&&(e.audioContext=new AudioContext,e.audioContext.onstatechange=function(){"running"===e.audioContext.state&&e.setHasUserGesture(!0)})},setPages:function(n){if(0!==n.length){(0,N.Xx)(e.pages,n);var t=e.getActivePageFromPages(n);if(0===(null===t||void 0===t?void 0:t.tracks.length))for(var i=0;i<=7;i++)e.addEmptyTrack()}else e.addPage({position:0,displayName:"Page"})},removeTrack:function(n){var t=e.activeTracks.find((function(e){return e.id===n}));t&&(t.removeInProgress=!0,e.listen.inputIds.includes(t.inputId)&&e.updateListenInput(t.inputId),(0,N.dU)(e).producerAPI.removeAudioTrack({pageId:e.activePageId,trackId:n}),setTimeout((function(){e.destroyTrackNode(t)}),200))},loadListen:function(){var n=(0,N.dU)(e).persistenceStore.get("audioMixer:".concat(e.selectedStreamId,":listen:inputIds")),t=(0,N.dU)(e).persistenceStore.get("audioMixer:".concat(e.selectedStreamId,":listen:type")),i=(0,N.dU)(e).persistenceStore.get("audioMixer:".concat(e.selectedStreamId,":listen:latching"));"boolean"===typeof i&&(e.listen.latching=i),t&&e.updateListenType(t),n&&n.length>0&&e.updateListenInput(n)}}})),IW=bW;for(var wW,PW,SW,ZW,CW,jW,kW=function(e){return IW.create(e)},TW={success:!1,message:"Source not found"},RW=function(e){var n=e.title;return{success:!1,message:'No source with title: "'.concat(n,'"')}},LW=function(e){var n=e.layerIndex,t=e.positionIndex;return{success:!1,message:"No source found at position ".concat(t+1," in layer number ").concat(n+1)}},AW=function(e){var n=e.layerIndex;return{success:!1,message:"No source in program in layer ".concat(n+1,".")}},MW=function(e){var n=e.layerIndex;return{success:!1,message:"No source in preview in layer ".concat(n+1,".")}},OW=function(e){var n=e.positionIndex;return{success:!1,message:"No source found at position ".concat(n+1," in active layer")}},DW={success:!1,message:"No active layer selected"},EW=function(e){var n=e.layerIndex;return{success:!1,message:"Layer number ".concat(n+1," not found")}},NW={success:!1,message:"Layer for replay artifact not found"},BW={success:!1,message:"Display preset not found"},VW={success:!1,message:"Replay artifact not found"},FW={success:!1,message:"No active replay"},zW={success:!1,message:"No replay destination selected"},UW=function(e){var n=e.replayInputIndex;return{success:!1,message:"Replay channel at position ".concat(n+1," not found")}},HW={success:!1,message:"Path not found"},_W={success:!1,message:"No main path"},WW=function(e){var n=e.positionIndex;return{success:!1,message:"Path at position ".concat(n+1," not found")}},GW={success:!1,message:"Media player not found"},YW={success:!1,message:"No selected media player"},XW=function(e){var n=e.type,t=e.tagId,i=e.globalRoot.getTagById(t);return{success:!1,message:"Oops, we couldn't find any ".concat(n," with the tag <b>").concat(i.name,"</b>. Please double-check the tag and try again.")}},qW=function(e){var n=e.destination,t=e.tagId,i=e.globalRoot.getTagById(t);return{success:!1,message:"Oops, we've detected multiple sources with the tag <b>".concat(i.name,"</b> in the same layer, which means we can't switch those in ").concat(n,".")}},JW=function(e,n){var t,i;return null===e||void 0===e||null===(t=e.audioMixer)||void 0===t||null===(i=t.nodes)||void 0===i?void 0:i.get(n)},KW=function(e,n){var t,i;if(!(n>(null===e||void 0===e||null===(t=e.audioMixer)||void 0===t||null===(i=t.selectedNodes)||void 0===i?void 0:i.length)))return e.audioMixer.selectedNodes[n]},QW=function(e){return Ai((n=e,Ri().fromStepping(100*n)));var n},$W=function(e){var n=Math.floor(20*e)+ji;return Ai(n)},eG=(wW={},(0,E.Z)(wW,dp.J.SetMainFadeFromRange,(function(e){var n,t=e.globalRoot,i=e.triggerRatio,r=null===(n=t.audioMixer)||void 0===n?void 0:n.masterNode;return r?(r.updateFade(QW(i)),{success:!0}):_W})),(0,E.Z)(wW,dp.J.SetMainFadeToAmpRatio,(function(e){var n,t=e.globalRoot,i=e.params.ampRatio,r=null===(n=t.audioMixer)||void 0===n?void 0:n.masterNode;return r?(r.updateFade(i),{success:!0}):_W})),(0,E.Z)(wW,dp.J.ToggleMainMute,(function(e){var n,t,i,r=e.globalRoot;return(null===(n=r.audioMixer)||void 0===n?void 0:n.masterNode)?(null===(t=r.audioMixer)||void 0===t||null===(i=t.masterNode)||void 0===i||i.toggleMute(),{success:!0}):_W})),(0,E.Z)(wW,dp.J.SetFadeFromRangeByNodePosition,(function(e){var n=e.globalRoot,t=e.params,i=e.triggerRatio,r=t.positionIndex,o=KW(n,r);return o?(o.updateFade(QW(i)),{success:!0}):WW({positionIndex:r})})),(0,E.Z)(wW,dp.J.SetFadeFromRangeByNodeId,(function(e){var n=e.globalRoot,t=e.params,i=e.triggerRatio,r=t.no
1deId,o=JW(n,r);return o?(o.updateFade(QW(i)),{success:!0}):HW})),(0,E.Z)(wW,dp.J.SetFadeToAmpRatioByNodePosition,(function(e){var n=e.globalRoot,t=e.params,i=t.positionIndex,r=t.ampRatio,o=KW(n,i);return o?(o.updateFade(r),{success:!0}):WW({positionIndex:i})})),(0,E.Z)(wW,dp.J.SetFadeToAmpRatioByNodeId,(function(e){var n=e.globalRoot,t=e.params,i=t.nodeId,r=t.ampRatio,o=JW(n,i);return o?(o.updateFade(r),{success:!0}):HW})),(0,E.Z)(wW,dp.J.SetTrimFromRangeByNodePosition,(function(e){var n=e.globalRoot,t=e.params,i=e.triggerRatio,r=t.positionIndex,o=KW(n,r);return o?(o.updateTrim($W(i)),{success:!0}):WW({positionIndex:r})})),(0,E.Z)(wW,dp.J.SetTrimFromRangeByNodeId,(function(e){var n=e.globalRoot,t=e.params,i=e.triggerRatio,r=t.nodeId,o=JW(n,r);return o?(o.updateTrim($W(i)),{success:!0}):HW})),(0,E.Z)(wW,dp.J.SetTrimToAmpRatioByNodePosition,(function(e){var n=e.globalRoot,t=e.params,i=t.positionIndex,r=t.ampRatio,o=KW(n,i);return o?(o.updateTrim(r),{success:!0}):WW({positionIndex:i})})),(0,E.Z)(wW,dp.J.SetTrimToAmpRatioByNodeId,(function(e){var n=e.globalRoot,t=e.params,i=t.nodeId,r=t.ampRatio,o=JW(n,i);return o?(o.updateTrim(r),{success:!0}):HW})),(0,E.Z)(wW,dp.J.ToggleMuteByNodePosition,(function(e){var n=e.globalRoot,t=e.params.positionIndex,i=KW(n,t);return i?(i.toggleMute(),{success:!0}):WW({positionIndex:t})})),(0,E.Z)(wW,dp.J.ToggleMuteByNodeId,(function(e){var n=e.globalRoot,t=e.params.nodeId,i=JW(n,t);return i?(i.toggleMute(),{success:!0}):HW})),(0,E.Z)(wW,dp.J.TogglePFLByNodePosition,(function(e){var n=e.globalRoot,t=e.params.positionIndex,i=KW(n,t);return i?(i.togglePfl(),{success:!0}):WW({positionIndex:t})})),(0,E.Z)(wW,dp.J.TogglePFLByNodeId,(function(e){var n=e.globalRoot,t=e.params.nodeId,i=JW(n,t);return i?(i.togglePfl(),{success:!0}):HW})),(0,E.Z)(wW,dp.J.ToggleAFLByNodePosition,(function(e){var n=e.globalRoot,t=e.params.positionIndex,i=KW(n,t);return i?(i.toggleAfl(),{success:!0}):WW({positionIndex:t})})),(0,E.Z)(wW,dp.J.ToggleAFLByNodeId,(function(e){var n=e.globalRoot,t=e.params.nodeId,i=JW(n,t);return i?(null===i||void 0===i||i.toggleAfl(),{success:!0}):HW})),wW),nG=function(e){if(!e)return 0;var n,t=Li(e);return Math.max(0,(n=t,Ri().convert(n)/100))},tG=function(e){if(!e)return 0;var n=Li(e);return Math.max(0,(n-ji)/20)},iG=function(e,n){return(0,yc.U5)(e,n,{fireImmediately:!0})},rG=(PW={},(0,E.Z)(PW,dp.J.SetMainFadeFromRange,(function(e){var n=e.globalRoot,t=e.callback,i=function(){var e,t,i,r,o=null===(e=n.audioMixer)||void 0===e||null===(t=e.masterNode)||void 0===t||null===(i=t.audio)||void 0===i||null===(r=i.fade)||void 0===r?void 0:r.ampRatio;return nG(o)};return{inspector:i,disposer:iG(i,t)}})),(0,E.Z)(PW,dp.J.SetMainFadeToAmpRatio,(function(e){var n=e.globalRoot,t=e.params,i=e.callback,r=t.ampRatio;return{inspector:function(){var e,t,i,o;return(null===(e=n.audioMixer)||void 0===e||null===(t=e.masterNode)||void 0===t||null===(i=t.audio)||void 0===i||null===(o=i.fade)||void 0===o?void 0:o.ampRatio)===r},disposer:iG((function(){var e,t,i,o;return(null===(e=n.audioMixer)||void 0===e||null===(t=e.masterNode)||void 0===t||null===(i=t.audio)||void 0===i||null===(o=i.fade)||void 0===o?void 0:o.ampRatio)===r}),i)}})),(0,E.Z)(PW,dp.J.ToggleMainMute,(function(e){var n=e.globalRoot,t=e.callback,i=function(){var e;return null===(e=n.audioMixer.masterNode)||void 0===e?void 0:e.audio.mute};return{inspector:i,disposer:iG(i,t)}})),(0,E.Z)(PW,dp.J.SetFadeFromRangeByNodePosition,(function(e){var n=e.globalRoot,t=e.params,i=e.callback,r=function(){var e,i,r=KW(n,null===t||void 0===t?void 0:t.positionIndex),o=null===r||void 0===r||null===(e=r.audio)||void 0===e||null===(i=e.fade)||void 0===i?void 0:i.ampRatio;return nG(o)};return{inspector:r,disposer:iG(r,i)}})),(0,E.Z)(PW,dp.J.SetFadeFromRangeByNodeId,(function(e){var n=e.globalRoot,t=e.params,i=e.callback,r=function(){var e,i,r=JW(n,t.nodeId),o=null===r||void 0===r||null===(e=r.audio)||void 0===e||null===(i=e.fade)||void 0===i?void 0:i.ampRatio;return nG(o)};return{inspector:r,disposer:iG(r,i)}})),(0,E.Z)(PW,dp.J.SetFadeToAmpRatioByNodePosition,(function(e){var n=e.globalRoot,t=e.params,i=e.callback,r=t.positionIndex,o=t.ampRatio,a=function(){var e,t,i=KW(n,r);return(null===i||void 0===i||null===(e=i.audio)||void 0===e||null===(t=e.fade)||void 0===t?void 0:t.ampRatio)===o};return{inspector:a,disposer:iG(a,i)}})),(0,E.Z)(PW,dp.J.SetFadeToAmpRatioByNodeId,(function(e){var n=e.globalRoot,t=e.params,i=e.callback,r=t.nodeId,o=t.ampRatio,a=function(){var e,t,i=JW(n,r);return(null===i||void 0===i||null===(e=i.audio)||void 0===e||null===(t=e.fade)||void 0===t?void 0:t.ampRatio)===o};return{inspector:a,disposer:iG(a,i)}})),(0,E.Z)(PW,dp.J.SetTrimFromRangeByNodePosition,(function(e){var n=e.globalRoot,t=e.params,i=e.callback,r=function(){var e,i,r=KW(n,null===t||void 0===t?void 0:t.positionIndex),o=null===r||void 0===r||null===(e=r.audio)||void 0===e||null===(i=e.trim)||void 0===i?void 0:i.ampRatio;return tG(o)};return{inspector:r,disposer:iG(r,i)}})),(0,E.Z)(PW,dp.J.SetTrimFromRangeByNodeId,(function(e){var n=e.globalRoot,t=e.params,i=e.callback,r=function(){var e,i,r=JW(n,t.nodeId),o=null===r||void 0===r||null===(e=r.audio)||void 0===e||null===(i=e.trim)||void 0===i?void 0:i.ampRatio;return tG(o)};return{inspector:r,disposer:iG(r,i)}})),(0,E.Z)(PW,dp.J.SetTrimToAmpRatioByNodePosition,(function(e){var n=e.globalRoot,t=e.params,i=e.callback,r=t.positionIndex,o=t.ampRatio,a=function(){var e,t,i=KW(n,r);return(null===i||void 0===i||null===(e=i.audio)||void 0===e||null===(t=e.trim)||void 0===t?void 0:t.ampRatio)===o};return{inspector:a,disposer:iG(a,i)}})),(0,E.Z)(PW,dp.J.SetTrimToAmpRatioByNodeId,(function(e){var n=e.globalRoot,t=e.params,i=e.callback,r=t.nodeId,o=t.ampRatio,a=function(){var e,t,i=JW(n,r);return(null===i||void 0===i||null===(e=i.audio)||void 0===e||null===(t=e.trim)||void 0===t?void 0:t.ampRatio)===o};return{inspector:a,disposer:iG(a,i)}})),(0,E.Z)(PW,dp.J.ToggleMuteByNodePosition,(function(e){var n=e.globalRoot,t=e.params,i=e.callback,r=function(){var e=KW(n,t.positionIndex);return null===e||void 0===e?void 0:e.audio.mute};return{inspector:r,disposer:iG(r,i)}})),(0,E.Z)(PW,dp.J.ToggleMuteByNodeId,(function(e){var n=e.globalRoot,t=e.params,i=e.callback,r=function(){var e=JW(n,t.nodeId);return null===e||void 0===e?void 0:e.audio.mute};return{inspector:r,disposer:iG(r,i)}})),(0,E.Z)(PW,dp.J.TogglePFLByNodePosition,(function(e){var n=e.globalRoot,t=e.params,i=e.callback,r=function(){var e=KW(n,t.positionIndex);return null===e||void 0===e?void 0:e.isPflOn};return{inspector:r,disposer:iG(r,i)}})),(0,E.Z)(PW,dp.J.TogglePFLByNodeId,(function(e){var n=e.globalRoot,t=e.params,i=e.callback,r=function(){var e=JW(n,t.nodeId);return null===e||void 0===e?void 0:e.isPflOn};return{inspector:r,disposer:iG(r,i)}})),(0,E.Z)(PW,dp.J.ToggleAFLByNodePosition,(function(e){var n=e.globalRoot,t=e.params,i=e.callback,r=function(){var e=KW(n,t.positionIndex);return null===e||void 0===e?void 0:e.isAflOn};return{inspector:r,disposer:iG(r,i)}})),(0,E.Z)(PW,dp.J.ToggleAFLByNodeId,(function(e){var n=e.globalRoot,t=e.params,i=e.callback,r=function(){var e=JW(n,t.nodeId);return null===e||void 0===e?void 0:e.isAflOn};return{inspector:r,disposer:iG(r,i)}}
1)),PW),oG=function(e,n){return e.streamConfig.getInput(n)},aG=function(e,n,t){return e.streamConfig.inputsList.find((function(e){return e.layerIndex===n&&e.positionIndex===t}))},sG=function(e,n){var t=e.controlRoom.layers[n];return null===t||void 0===t?void 0:t.sourceInProgram},cG=function(e,n){var t=e.controlRoom.layers[n];return null===t||void 0===t?void 0:t.sourceInPreview},uG=function(e,n){var t=e.controlRoom.activeLayer.inputs;if(n>=0&&n<t.length)return t[n]},lG=function(e){var n=new Map;return e.forEach((function(e){var t=n.get(e.layerIndex)||0;n.set(e.layerIndex,t+1)})),(0,a.Z)(n.values()).some((function(e){return e>1}))},dG=function(e,n){if(!n)return!1;if((0,hn.Gd)()){var t=e.controlRoom.layers[n.layerIndex];return!!t&&(t.switchToPreview(n.id),!0)}var i=e.streamConfig.inputIdsInPreview;return i[n.layerIndex]=n.id,e.streamConfig.producerAPI.commitToPreview(i),!0},pG=function(e,n){return!!n&&(e.streamConfig.producerAPI.commitToLive(n.id),!0)},fG=function(e,n){return!!n&&(e.controlRoom.toolbar.hotSwitching?pG(e,n):dG(e,n),!0)},hG=function(e,n,t){if(!n)return TW;var i,r=e.streamConfig.getPresets(n,!0).find((function(e){return e.id===t}));return r?(null===n||void 0===n||n.requestUpdate({coordinates:r.value,crop:null!==(i=r.crop)&&void 0!==i?i:gB.Rc}),{success:!0}):BW},mG=(SW={},(0,E.Z)(SW,hp.u.TakeLive,(function(e){var n=e.globalRoot,t=e.params,i=t.transitionId;return!i||Yd.get(i)||n.streamConfig.customTransitions.findTransitionById(i)?(n.controlRoom.toolbar.takeLive(t),{success:!0}):{success:!1,message:"Transition not found."}})),(0,E.Z)(SW,hp.u.TakeLiveWithTransitionByTagId,(function(e){var n=e.globalRoot,t=e.params.tagId,i=n.streamConfig.customTransitions.transitions.filter((function(e){return e.tags.some((function(e){return e.tagId===t}))}));if(1===i.length){var r=i[0];return n.controlRoom.toolbar.takeLive({transitionId:r.id}),{success:!0}}if(i.length>1){var o=n.getTagById(t);return{success:!1,message:"Hmm, it looks like we've found multiple graphic transitions with the same tag <b>".concat(o.name,"</b>, please make sure each transition has a unique tag.")}}return XW({type:"graphic transition",tagId:t,globalRoot:n})})),(0,E.Z)(SW,hp.u.SwitchSourceInPreviewByInputId,(function(e){var n=e.globalRoot,t=e.params.inputId,i=oG(n,t);return i?{success:dG(n,i)}:TW})),(0,E.Z)(SW,hp.u.SwitchSourceInPreviewByInputPosition,(function(e){var n=e.globalRoot,t=e.params,i=t.positionIndex,r=t.layerIndex,o=aG(n,r,i);return o?{success:dG(n,o)}:LW({positionIndex:i,layerIndex:r})})),(0,E.Z)(SW,hp.u.SwitchSourceInPreviewByPositionInActiveLayer,(function(e){var n=e.globalRoot,t=e.params.positionIndex,i=uG(n,t);return i?{success:dG(n,i)}:OW({positionIndex:t})})),(0,E.Z)(SW,hp.u.SwitchSourceInPreviewByReplayArtifact,(function(e){var n=e.globalRoot,t=n.replay.recentLayerTargetInCurrentBatch;if(t){var i=n.controlRoom.layers[t];if(i)return i.switchPlaceholderToPreview(),{success:!0}}return NW})),(0,E.Z)(SW,hp.u.SwitchSourceInPreviewByLayerProgram,(function(e){var n=e.globalRoot,t=e.params.layerIndex,i=sG(n,t);return i?{success:dG(n,i)}:AW({layerIndex:t})})),(0,E.Z)(SW,hp.u.SwitchSourceInPreviewByLayerPreview,(function(e){var n=e.globalRoot,t=e.params.layerIndex,i=cG(n,t);return i?{success:dG(n,i)}:MW({layerIndex:t})})),(0,E.Z)(SW,hp.u.SwitchSourceInPreviewByTitle,(function(e){var n=e.globalRoot,t=e.params.title,i=n.getInputByTitle(t);return i?{success:dG(n,i)}:RW({title:t})})),(0,E.Z)(SW,hp.u.SwitchSourceInPreviewByTagId,(function(e){var n=e.globalRoot,t=e.params.tagId,i=n.getInputsByTagId(t);if(!i.length)return XW({type:"source",tagId:t,globalRoot:n});if(lG(i))return qW({destination:"preview",tagId:t,globalRoot:n});var r=i.map((function(e){return dG(n,e)}));return{success:r.every((function(e){return!0===e}))}})),(0,E.Z)(SW,hp.u.SwitchSourceInProgramByInputId,(function(e){var n=e.globalRoot,t=e.params.inputId,i=oG(n,t);return i?{success:pG(n,i)}:TW})),(0,E.Z)(SW,hp.u.SwitchSourceInProgramByInputPosition,(function(e){var n=e.globalRoot,t=e.params,i=t.positionIndex,r=t.layerIndex,o=aG(n,r,i);return o?{success:pG(n,o)}:LW({positionIndex:i,layerIndex:r})})),(0,E.Z)(SW,hp.u.SwitchSourceInProgramByPositionInActiveLayer,(function(e){var n=e.globalRoot,t=e.params.positionIndex,i=uG(n,t);return i?{success:pG(n,i)}:OW({positionIndex:t})})),(0,E.Z)(SW,hp.u.SwitchSourceInProgramByReplayArtifact,(function(e){var n=e.globalRoot,t=n.replay.recentLayerTargetInCurrentBatch;if(t&&n.controlRoom.layers[t])return n.streamConfig.producerAPI.commitPlaceholderToLive(),{success:!0};return NW})),(0,E.Z)(SW,hp.u.SwitchSourceInProgramByLayerProgram,(function(e){var n=e.globalRoot,t=e.params.layerIndex,i=sG(n,t);return i?{success:pG(n,i)}:AW({layerIndex:t})})),(0,E.Z)(SW,hp.u.SwitchSourceInProgramByLayerPreview,(function(e){var n=e.globalRoot,t=e.params.layerIndex,i=cG(n,t);return i?{success:pG(n,i)}:MW({layerIndex:t})})),(0,E.Z)(SW,hp.u.SwitchSourceInProgramByTitle,(function(e){var n=e.globalRoot,t=e.params.title,i=n.getInputByTitle(t);return i?{success:pG(n,i)}:RW({title:t})})),(0,E.Z)(SW,hp.u.SwitchSourceInProgramByTagId,(function(e){var n=e.globalRoot,t=e.params.tagId,i=n.getInputsByTagId(t);if(!i.length)return XW({type:"source",tagId:t,globalRoot:n});if(lG(i))return qW({destination:"program",tagId:t,globalRoot:n});var r=i.map((function(e){return pG(n,e)}));return{success:r.every((function(e){return!0===e}))}})),(0,E.Z)(SW,hp.u.SwitchSourceInSelectedModeByInputId,(function(e){var n=e.globalRoot,t=e.params.inputId,i=oG(n,t);return i?{success:fG(n,i)}:TW})),(0,E.Z)(SW,hp.u.SwitchSourceInSelectedModeByInputPosition,(function(e){var n=e.globalRoot,t=e.params,i=t.positionIndex,r=t.layerIndex,o=aG(n,r,i);return o?{success:fG(n,o)}:LW({positionIndex:i,layerIndex:r})})),(0,E.Z)(SW,hp.u.SwitchSourceInSelectedModeByPositionInActiveLayer,(function(e){var n=e.globalRoot,t=e.params.positionIndex,i=uG(n,t);return i?{success:fG(n,i)}:OW({positionIndex:t})})),(0,E.Z)(SW,hp.u.SwitchSourceInSelectedModeByReplayArtifact,(function(e){e.globalRoot;return{success:!1}})),(0,E.Z)(SW,hp.u.SetDisplayPresetByInputId,(function(e){var n=e.globalRoot,t=e.params,i=t.inputId,r=t.presetId,o=n.streamConfig.getIn
1put(i);return o?hG(n,o,r):TW})),(0,E.Z)(SW,hp.u.SetDisplayPresetByInputPosition,(function(e){var n=e.globalRoot,t=e.params,i=t.positionIndex,r=t.layerIndex,o=t.presetId,a=aG(n,r,i);return a?hG(n,a,o):LW({positionIndex:i,layerIndex:r})})),(0,E.Z)(SW,hp.u.SetDisplayPresetByReplayArtifact,(function(e){var n=e.globalRoot,t=e.params.presetId,i=n.replay.recentSourceInCurrentBatch,r=n.streamConfig.getInput(i);if(r){var o,a=n.streamConfig.getPresets(r,!0).find((function(e){return e.id===t}));return a?(n.streamConfig.producerAPI.updatePlaceholderInput({coordinates:a.value,crop:null!==(o=a.crop)&&void 0!==o?o:gB.Rc}),{success:!0}):BW}return VW})),(0,E.Z)(SW,hp.u.SetDisplayPresetByLayerProgram,(function(e){var n=e.globalRoot,t=e.params,i=t.layerIndex,r=t.presetId,o=sG(n,i);return o?hG(n,o,r):AW({layerIndex:i})})),(0,E.Z)(SW,hp.u.SetDisplayPresetByLayerPreview,(function(e){var n=e.globalRoot,t=e.params,i=t.layerIndex,r=t.presetId,o=cG(n,i);return o?hG(n,o,r):MW({layerIndex:i})})),(0,E.Z)(SW,hp.u.SetDisplayPresetByTitle,(function(e){var n=e.globalRoot,t=e.params,i=t.title,r=t.presetId,o=n.getInputByTitle(i);return o?hG(n,o,r):RW({title:i})})),(0,E.Z)(SW,hp.u.SetDisplayPresetByTagId,(function(e){var n=e.globalRoot,t=e.params,i=t.tagId,r=t.presetId,o=n.getInputsByTagId(i);if(!o.length)return XW({type:"source",tagId:i,globalRoot:n});var a=o.map((function(e){return hG(n,e,r)}));return{success:a.every((function(e){return!0===e.success}))}})),(0,E.Z)(SW,hp.u.BlankLayerByLayerPosition,(function(e){var n=e.globalRoot,t=e.params.layerIndex,i=n.controlRoom.layers[t];return i?(i.resetLayerSelection(),{success:!0}):EW({layerIndex:t})})),(0,E.Z)(SW,hp.u.BlankLayerInPreviewByLayerPosition,(function(e){var n=e.globalRoot,t=e.params.layerIndex,i=n.controlRoom.layers[t];if(i){if((0,hn.Gd)())i.blankPreview();else{var r=n.streamConfig.inputIdsInPreview;r[t]="",i.commitToPreview(r)}return{success:!0}}return EW({layerIndex:t})})),(0,E.Z)(SW,hp.u.BlankLayerInPreviewByTagId,(function(e){var n=e.globalRoot,t=e.params.tagId,i=n.getLayersByTagId(t);return console.log({layers:i}),i.length?(i.forEach((function(e){if((0,hn.Gd)())e.blankPreview();else{var t=n.streamConfig.inputIdsInPreview;t[e.position]="",e.commitToPreview(t)}})),{success:!0}):XW({type:"layer",tagId:t,globalRoot:n})})),(0,E.Z)(SW,hp.u.BlankLayerInLiveByLayerPosition,(function(e){var n=e.globalRoot,t=e.params.layerIndex;return n.controlRoom.layers[t]?(n.streamConfig.producerAPI.hotSwitchToBlank(t),{success:!0}):EW({layerIndex:t})})),(0,E.Z)(SW,hp.u.BlankLayerInProgramByTagId,(function(e){var n=e.globalRoot,t=e.params.tagId,i=n.getLayersByTagId(t);return i.length?(i.forEach((function(e){n.streamConfig.producerAPI.hotSwitchToBlank(e.position)})),{success:!0}):XW({type:"layer",tagId:t,globalRoot:n})})),(0,E.Z)(SW,hp.u.SelectLayerUp,(function(e){return e.globalRoot.controlRoom.selectLayerUp(),{success:!0}})),(0,E.Z)(SW,hp.u.SelectLayerDown,(function(e){return e.globalRoot.controlRoom.selectLayerDown(),{success:!0}})),(0,E.Z)(SW,hp.u.SelectPreviousInput,(function(e){return e.globalRoot.controlRoom.selectPreviousSource(),{success:!0}})),(0,E.Z)(SW,hp.u.SelectNextInput,(function(e){return e.globalRoot.controlRoom.selectNextSource(),{success:!0}})),(0,E.Z)(SW,hp.u.BlankActiveLayer,(function(e){var n=e.globalRoot;return n.controlRoom.activeLayer?(n.controlRoom.blankActiveLayer(),{success:!0}):DW})),(0,E.Z)(SW,hp.u.ToggleHotSwitching,(function(e){return e.globalRoot.controlRoom.toolbar.toggleHotSwitching(),{success:!0}})),(0,E.Z)(SW,hp.u.StartAdBreak,(function(e){return e.globalRoot.streamConfig.producerAPI.insertAdMarker(),{success:!0}})),(0,E.Z)(SW,hp.u.CancelAdBreak,(function(e){return e.globalRoot.streamConfig.producerAPI.removeAdMarker(),{success:!0}})),SW),gG=function(e,n){return(0,yc.U5)(e,n,{fireImmediately:!0})},vG=(ZW={},(0,E.Z)(ZW,hp.u.SwitchSourceInPreviewByInputId,(function(e){var n=e.globalRoot,t=e.params,i=e.callback,r=function(){var e=t.inputId,i=n.streamConfig.getInput(e);return null===i||void 0===i?void 0:i.isInPreview};return{inspector:r,disposer:gG(r,i)}})),(0,E.Z)(ZW,hp.u.SwitchSourceInPreviewByInputPosition,(function(e){var n=e.globalRoot,t=e.params,i=e.callback,r=function(){var e=t.positionIndex,i=t.layerIndex,r=aG(n,i,e);return null===r||void 0===r?void 0:r.isInPreview};return{inspector:r,disposer:gG(r,i)}})),(0,E.Z)(ZW,hp.u.SwitchSourceInPreviewByPositionInActiveLayer,(function(e){var n=e.globalRoot,t=e.params,i=e.callback,r=function(){var e=t.positionIndex,i=uG(n,e);return null===i||void 0===i?void 0:i.isInPreview};return{inspector:r,disposer:gG(r,i)}})),(0,E.Z)(ZW,hp.u.SwitchSourceInPreviewByTitle,(function(e){var n=e.globalRoot,t=e.params,i=e.callback,r=function(){var e=t.title,i=n.getInputByTitle(e);return null===i||void 0===i?void 0:i.isInPreview};return{inspector:r,disposer:gG(r,i)}})),(0,E.Z)(ZW,hp.u.SwitchSourceInProgramByInputId,(function(e){var n=e.globalRoot,t=e.params,i=e.callback,r=function(){var e=t.inputId,i=oG(n,e);return null===i||void 0===i?void 0:i.isInLive};return{inspector:r,disposer:gG(r,i)}})),(0,E.Z)(ZW,hp.u.SwitchSourceInProgramByInputPosition,(function(e){var n=e.globalRoot,t=e.params,i=e.callback,r=function(){var e=t.positionIndex,i=t.layerIndex,r=aG(n,i,e);return null===r||void 0===r?void 0:r.isInLive};return{inspector:r,disposer:gG(r,i)}})),(0,E.Z)(ZW,hp.u.SwitchSourceInProgramByPositionInActiveLayer,(function(e){var n=e.globalRoot,t=e.params,i=e.callback,r=function(){var e=t.positionIndex,i=uG(n,e);return null===i||void 0===i?void 0:i.isInLive};return{inspector:r,disposer:gG(r,i)}})),(0,E.Z)(ZW,hp.u.SwitchSourceInProgramByTitle,(function(e){var n=e.globalRoot,t=e.params,i=e.callback,r=function(){var e=t.title,i=n.getInputByTitle(e);return null===i||void 0===i?void 0:i.isInLive};return{inspector:r,disposer:gG(r,i)}})),(0,E.Z)(ZW,hp.u.SwitchSourceInSelectedModeByInputId,(function(e){var n=e.globalRoot,t=e.params,i=e.callback,r=function(){var e=t.inputId,i=oG(n,e);return n.controlRoom.toolbar.hotSwitching?!!(null===i||void 0===i?void 0:i.isInLive):!!(null===i||void 0===i?void 0:i.isInPreview)};return{inspector:r,disposer:gG(r,i)}})),(0,E.Z)(ZW,hp.u.SwitchSourceInSelectedModeByInputPosition,(function(e){var n=e.globalRoot,t=e.params,i=e.callback,r=function(){var e=t.positionIndex,i=t.layerIndex,r=aG(n,i,e);return n.controlRoom.toolbar.hotSwitching?!!(null===r||void 0===r?void 0:r.isInLive):!!(null===r||void 0===r?void 0:r.isInPreview)};return{inspector:r,disposer:gG(r,i)}})),(0,E.Z)(ZW,hp.u.SwitchSourceInSelectedModeByPositionInActiveLayer,(function(e){var n=e.globalRoot,t=e.params,i=e.callback,r=function(){var e=t.positionIndex,i=uG(n,e);return n.controlRoom.toolbar.hotSwitching?!!(null===i||void 0===i?void 0:i.isInLive):!!(null===i||void 0===i?void 0:i.isInPreview)};return{inspector:r,disposer:gG(r,i)}})),(0,E.Z)(ZW,hp.u.BlankLayerByLayerPosition,(function(e){var n=e.globalRoot,t=e.params,i=e.callback,r=function(){var e=t.layerIndex,i=n.controlRoom.layers[e];return i.isHotSwitchingEnabled?null===i||void 0===i?void 0:i.isInLive:null===i||void 0===i?void 0:i.isInPreview};return{inspector:r,disposer:gG(r,i)}})),(0,E.Z)(ZW,hp.u.BlankLayerInPreviewByLayerPosition,(function(e){var n=e.globalRoot,t=e.params,i=e.callback,r=function(){var e=t.layerIndex,i=n.controlRoom.layers[e];return null===i||void 0===i?void 0:i.isInPreview};return{inspector:r,disposer:gG(r,i)}})),(0,E.Z)(ZW,hp.u.BlankLayerInLiveByLayerPosition,(function(e){var n=e.globalRoot,t=e.params,i=e.callback,r=function(){var e=t.layerIndex,i=n.controlRoom.layers[e];return null===i||void 0===i?void 0:i.isInLive};return{inspector:r,disposer:gG(r,i)}})),(0,E.Z)(ZW,hp.u.ToggleHotSwitching,(function(e){var n=e.globalRoot,t=e.callback,i=function(){return n.controlRoom.toolbar.hotSwitching};return{inspector:i,disposer:gG(i,t)}})),ZW),xG=function(e){return e.controlRoom.selectedMediaPlayer},yG=function(e,n){return e.streamConfig.mediaPlayerInputs.find((function(e){return e.id===n}))},bG=(CW={},(0,E.Z)(CW,gp.S.ClearByMediaPlayerId,(function(e){var n=e.globalRoot,t=e.params,i=yG(n,t.mediaPlayerId);return i?(i.removeAllInputs(),{success:!0}):GW})),(0,E.Z)(CW,gp.S.ClearByTagId,(function(e){var n=e.globalRoot,t=e.params.tagId,i=n.streamConfig.mediaPlayerInputs.filter((function(e){return e.tags.some((function(e){return e.tagId===t}))}));return i.length?(i.forEach((function(e){e.removeAllInputs()})),{success:!0}):XW({type:"media player",tagId:t,globalRoot:n})})),(0,E.Z)(CW,gp.S.ClearSelectedPlayer,(function(e){var n=e.globalRoot,t=xG(n);return t?(t.removeAllInputs(),{success:!0}):YW})),(0,E.Z)(CW,gp.S.SetPlaybackSpeedFromRangeByMediaPlayerId,(function(e){var n=e.globalRoot,t=e.params,i=e.triggerRatio,r=yG(n,t.mediaPlayerId);return r?(r.requestUpdate({playbackSpeed:i}),{success:!0}):GW})),(0,E.Z)(CW,gp.S.SetPlaybackSpeedFromRangeByTagId,(function(e){var n=e.globalRoot,t=e.params,i=e.triggerRatio,r=t.tagId,o=n.streamConfig.mediaPlayerInputs.filter((function(e){return e.tags.some((function(e){return e.tagId===r}))}));
1return o.length?(o.forEach((function(e){e.requestUpdate({playbackSpeed:i})})),{success:!0}):XW({type:"media player",tagId:r,globalRoot:n})})),(0,E.Z)(CW,gp.S.SetPlaybackSpeedToPlaybackSpeedValueByMediaPlayerId,(function(e){var n=e.globalRoot,t=e.params,i=yG(n,t.mediaPlayerId),r=t.playbackSpeed;return i?(null===i||void 0===i||i.requestUpdate({playbackSpeed:r}),{success:!0}):GW})),(0,E.Z)(CW,gp.S.SetPlaybackSpeedToPlaybackSpeedValueByTagId,(function(e){var n=e.globalRoot,t=e.params,i=t.tagId,r=t.playbackSpeed,o=n.streamConfig.mediaPlayerInputs.filter((function(e){return e.tags.some((function(e){return e.tagId===i}))}));return o.length?(o.forEach((function(e){e.requestUpdate({playbackSpeed:r})})),{success:!0}):XW({type:"media player",tagId:i,globalRoot:n})})),(0,E.Z)(CW,gp.S.SetPlaybackSpeedOnSelectedPlayerFromRange,(function(e){var n=e.globalRoot,t=e.triggerRatio,i=xG(n);return i?(null===i||void 0===i||i.requestUpdate({playbackSpeed:t}),{success:!0}):YW})),(0,E.Z)(CW,gp.S.SetPlaybackSpeedOnSelectedPlayerToPlaybackSpeedValue,(function(e){var n=e.globalRoot,t=e.params,i=xG(n),r=t.playbackSpeed;return i?(null===i||void 0===i||i.requestUpdate({playbackSpeed:r}),{success:!0}):YW})),(0,E.Z)(CW,gp.S.PlayByMediaPlayerId,(function(e){var n=e.globalRoot,t=e.params,i=yG(n,t.mediaPlayerId);return i?(i.play(),{success:!0}):GW})),(0,E.Z)(CW,gp.S.PlayByTagId,(function(e){var n=e.globalRoot,t=e.params.tagId,i=n.streamConfig.mediaPlayerInputs.filter((function(e){return e.tags.some((function(e){return e.tagId===t}))}));return i.length?(i.forEach((function(e){e.play()})),{success:!0}):XW({type:"media player",tagId:t,globalRoot:n})})),(0,E.Z)(CW,gp.S.PlaySelectedPlayer,(function(e){var n=e.globalRoot,t=xG(n);return t?(null===t||void 0===t||t.play(),{success:!0}):YW})),(0,E.Z)(CW,gp.S.TogglePlayByMediaPlayerId,(function(e){var n=e.globalRoot,t=e.params,i=yG(n,t.mediaPlayerId);return i?(null===i||void 0===i||i.playOrPause(),{success:!0}):GW})),(0,E.Z)(CW,gp.S.TogglePlayByTagId,(function(e){var n=e.globalRoot,t=e.params.tagId,i=n.streamConfig.mediaPlayerInputs.filter((function(e){return e.tags.some((function(e){return e.tagId===t}))}));return i.length?(i.forEach((function(e){e.playOrPause()})),{success:!0}):XW({type:"media player",tagId:t,globalRoot:n})})),(0,E.Z)(CW,gp.S.TogglePlayPauseForSelectedPlayer,(function(e){var n=e.globalRoot,t=xG(n);return t?(null===t||void 0===t||t.playOrPause(),{success:!0}):YW})),(0,E.Z)(CW,gp.S.PauseByMediaPlayerId,(function(e){var n=e.globalRoot,t=e.params,i=yG(n,t.mediaPlayerId);return i?(i.pause(),{success:!0}):GW})),(0,E.Z)(CW,gp.S.PauseByTagId,(function(e){var n=e.globalRoot,t=e.params.tagId,i=n.streamConfig.mediaPlayerInputs.filter((function(e){return e.tags.some((function(e){return e.tagId===t}))}));return i.length?(i.forEach((function(e){e.pause()})),{success:!0}):XW({type:"media player",tagId:t,globalRoot:n})})),(0,E.Z)(CW,gp.S.PauseSelectedPlayer,(function(e){var n=e.globalRoot,t=xG(n);return t?(t.pause(),{success:!0}):YW})),(0,E.Z)(CW,gp.S.SelectNextItemForPlayerByMediaPlayerId,(function(e){var n=e.globalRoot,t=e.params,i=yG(n,t.mediaPlayerId);return i?(i.selectNextInput(),{success:!0}):GW})),(0,E.Z)(CW,gp.S.SelectNextItemForPlayerByTagId,(function(e){var n=e.globalRoot,t=e.params.tagId,i=n.streamConfig.mediaPlayerInputs.filter((function(e){return e.tags.some((function(e){return e.tagId===t}))}));return i.length?(i.forEach((function(e){e.selectNextInput()})),{success:!0}):XW({type:"media player",tagId:t,globalRoot:n})})),(0,E.Z)(CW,gp.S.SelectNextItemForSelectedPlayer,(function(e){var n=e.globalRoot,t=xG(n);return t?(t.selectNextInput(),{success:!0}):YW})),(0,E.Z)(CW,gp.S.SelectPreviousItemForPlayerByMediaPlayerId,(function(e){var n=e.globalRoot,t=e.params,i=yG(n,t.mediaPlayerId);return i?(i.selectPreviousInput(),{success:!0}):GW})),(0,E.Z)(CW,gp.S.SelectPreviousItemForPlayerByTagId,(function(e){var n=e.globalRoot,t=e.params.tagId,i=n.streamConfig.mediaPlayerInputs.filter((function(e){return e.tags.some((function(e){return e.tagId===t}))}));return i.length?(i.forEach((function(e){e.selectPreviousInput()})),{success:!0}):XW({type:"media player",tagId:t,globalRoot:n})})),(0,E.Z)(CW,gp.S.SelectPreviousItemForSelectedPlayer,(function(e){var n=e.globalRoot,t=xG(n);return t?(t.selectPreviousInput(),{success:!0}):YW})),CW),IG=function(e,n){return(0,yc.U5)(e,n,{fireImmediately:!0})},wG=(jW={},(0,E.Z)(jW,gp.S.SetPlaybackSpeedFromRangeByMediaPlayerId,(function(e){var n=e.globalRoot,t=e.params,i=e.callback,r=function(){var e=yG(n,t.inputId);return null===e||void 0===e?void 0:e.playbackSpeed};return{inspector:r,disposer:IG(r,i)}})),(0,E.Z)(jW,gp.S.SetPlaybackSpeedOnSelectedPlayerFromRange,(function(e){var n=e.globalRoot,t=e.callback,i=function(){var e=xG(n);return null===e||void 0===e?void 0:e.playbackSpeed};return{inspector:i,disposer:IG(i,t)}})),(0,E.Z)(jW,gp.S.PlayByMediaPlayerId,(function(e){var n=e.globalRoot,t=e.params,i=e.callback,r=function(){var e=yG(n,t.inputId);return!!e&&!(null===e||void 0===e?void 0:e.paused)};return{inspector:r,disposer:IG(r,i)}})),(0,E.Z)(jW,gp.S.PlaySelectedPlayer,(function(e){var n=e.globalRoot,t=e.callback,i=function(){var e=xG(n);return!!e&&!(null===e||void 0===e?void 0:e.paused)};return{inspector:i,disposer:IG(i,t)}})),(0,E.Z)(jW,gp.S.PauseByMediaPlayerId,(function(e){var n=e.globalRoot,t=e.params,i=e.callback,r=function(){var e=yG(n,t.inputId);return null===e||void 0===e?void 0:e.paused};return{inspector:r,disposer:IG(r,i)}})),(0,E.Z)(jW,gp.S.PauseSelectedPlayer,(function(e){var n=e.globalRoot,t=e.callback,i=function(){var e=xG(n);return null===e||void 0===e?void 0:e.paused};return{inspector:i,disposer:IG(i,t)}})),(0,E.Z)(jW,gp.S.TogglePlayByMediaPlayerId,(function(e){var n=e.globalRoot,t=e.params,i=e.callback,r=function(){var e=yG(n,t.inputId);return!!e&&!(null===e||void 0===e?void 0:e.paused)};return{inspector:r,disposer:IG(r,i)}})),(0,E.Z)(jW,gp.S.TogglePlayPauseForSelectedPlayer,(function(e){var n=e.globalRoot,t=e.callback,i=function(){var e=xG(n);return!!e&&!(null===e||void 0===e?void 0:e.paused)};return{inspector:i,disposer:IG(i,t)}})),jW),PG=function(e,n){return(0,yc.U5)(e,n,{fireImmediately:!0})},SG=(0,E.Z)({},xp.X.ToggleScrubSpeed,(function(e){var n=e.globalRoot,t=e.callback,i=function(){return n.keyBindings.preferences.scrub};return{inspector:i,disposer:PG(i,t)}})),ZG=(0,i.Z)({},vG,rG,SG,wG),CG=t(65710),jG=t(79643),kG=[{actions:[{id:hI.Z.generateUUIDv4(),action:hp.u.SelectLayerUp}],trigger:"ArrowUp"},{actions:[{id:hI.Z.generateUUIDv4(),action:hp.u.SelectLayerDown}],trigger:"ArrowDown"},{actions:[{id:hI.Z.generateUUIDv4(),action:hp.u.SelectPreviousInput}],trigger:"ArrowLeft"},{actions:[{id:hI.Z.generateUUIDv4(),action:hp.u.SelectNextInput}],trigger:"ArrowRight"},{actions:[{id:hI.Z.generateUUIDv4(),action:hp.u.BlankActiveLayer}],trigger:"Backquote"},{actions:[{id:hI.Z.generateUUIDv4(),action:hp.u.TakeLive,params:{transitionId:"cut"}}],trigger:"Space"},{actions:[{id:hI.Z.generateUUIDv4(),action:hp.u.TakeLive}],trigger:"Enter"}],TG=1;TG<=10;TG++){var RG=TG%10;kG.push({trigger:"Digit".concat(RG),actions:[{id:hI.Z.generateUUIDv4(),action:hp.u.SwitchSourceInSelectedModeByPositionInActiveLayer,params:{positionIndex:TG-1}}]}),kG.push({trigger:"Shift+Digit".concat(RG),actions:[{id:hI.Z.generateUUIDv4(),action:hp.u.SwitchSourceInSelectedModeByPositionInActiveLayer,params:{positionIndex:TG+9}}]}),kG.push({trigger:"Alt+Digit".concat(RG),actions:[{id:hI.Z.generateUUIDv4(),action:hp.u.SwitchSourceInProgramByPositionInActiveLayer,params:{positionIndex:TG-1}}]}),kG.push({trigger:"Shift+Alt+Digit".concat(RG),actions:[{id:hI.Z.generateUUIDv4(),action:hp.u.SwitchSourceInProgramByPositionInActiveLayer,params:{positionIndex:TG+9}}]})}var LG,AG={id:"producer-defaults",name:"Producer defaults",scope:W_.s.Producer,deviceType:CG.Yi.Keyboard,profileType:jG.p.KeyboardDefaults,bindings:(0,S.I)(kG)},MG=(LG={},(0,E.Z)(LG,xp.X.JumpToInPoint,(function(e){var n=e.globalRoot.replay;return n.isInited?(n.seekPlayers(n.start),{success:!0}):FW})),(0,E.Z)(LG,xp.X.JumpToOutPoint,(function(e){var n=e.globalRoot.replay;return n.isInited?(n.seekPlayers(n.end),{success:!0}):FW})),(0,E.Z)(LG,xp.X.MarkIn,(function(e){var n=e.globalRoot.replay;return n.isInited?(n.setStart(n.playerTime),{success:!0}):FW})),(0,E.Z)(LG,xp.X.MarkOut,(function(e){var n=e.globalRoot.replay;return n.isInited?(n.setEnd(n.playerTime),{success:!0}):FW})),(0,E.Z)(LG,xp.X.Pause,(function(e){var n=e.globalRoot;return n.replay.setPlay(!1),n.replay.isInited?{success:!0}:FW})),(0,E.Z)(LG,xp.X.Play,(function(e){var n=e.globalRoot;return n.replay.isInited?(n.replay.setPlay(!0),{success:!0}):FW})),(0,E.Z)(LG,xp.X.SendToReplayTargetByReplayInputPosition,(function(e){var n=e.globalRoot,t=e.params,i=n.replay;if(!i.isInited)return FW;var r=t.replayInputIndex,o=t.replayTarget;if(r<i.settings.inputIds.length){var a=i.settings.inputIds[r];return{success:!!i.sendReplay(a,void 0,o)}}return UW({replayInputIndex:r})})),(0,E.Z)(LG,xp.X.SendToSelectedDestinationByReplayInputPosition,(function(e){var n=e.globalRoot,t=e.params,i=n.replay;if(!i.isInited)return FW;if(!i.settings.destination)return zW;var r=t.replayInputIndex;if(r<i.settings.inputIds.length){var o=i.settings.inputIds[r];return{success:!!i.sendReplay(o,void 0,i.settings.destination)}}return UW({replayInputIndex:r})})),(0,E.Z)(LG,xp.X.SendSelectedChannelToReplayTarget,(function(e){var n=e.globalRoot,t=e.params,i=n.replay;if(!i.isInited)return FW;var r=t.replayTarget,o=i.selectedInputIndex;if(o<i.settings.inputIds.length){var a=i.settings.inputIds[o];return{success:!!i.sendReplay(a,void 0,r)}}return UW({replayInputIndex:o})})),(0,E.Z)(LG,xp.X.SendSelectedChannelToSelectedDestination,(function(e){var n=e.globalRoot.replay;if(!n.isInited)return FW;if(!n.settings.destination)return zW;var t=n.selectedInputIndex;if(t<n.settings.inputIds.length){var i=n.settings.inputIds[t];return{success:!!n.sendReplay(i,void 0,n.settings.destination)}}return UW({replayInputIndex:t})})),(0,E.Z)(LG,xp.X.StartReplayByPosition,(function(e){var n=e.globalRoot,t=e.params,i=n.replay,r=t.positionIndex;return 0===r?{success:i.initDefaultReplay()}:i.initReplayByButtonIndex(r-1)?{success:!0}:function(e){var n=e.positionIndex;return{success:!1,message:"Replay button number ".concat(n+1," not found")}}({positionIndex:r})})),(0,E.Z)(LG,xp.X.StartReplayWithConfig,(function(e){var n=e.globalRoot,t=e.params;return{success:n.replay.initReplay(t.preTime,t.postTime)}})),(0,E.Z)(LG,xp.X.StepPlayersForwardByFrames,(function(e){var n=e.globalRoot,t=e.params,i=n.replay;return i.isInited?(i.stepPlayersByFrames(t.numFrames),{success:!0}):FW})),(0,E.Z)(LG,xp.X.StepPlayersForwardBySeconds,(function(e){var n=e.globalRoot,t=e.params,i=n.replay;return i.isInited?(i.stepPlayersBySeconds(t.numSeconds),{success:!0}):FW})),(0,E.Z)(LG,xp.X.StepPlayersForwardByScrubSpeed,(function(e){var n=e.globalRoot.replay;return n.isInited?(n.stepPlayersByScrubSpeed(1),{success:!0}):FW})),(0,E.Z)(LG,xp.X.StepPlayersBackByFrames,(function(e){var n=e.globalRoot,t=e.params,i=n.replay;return i.isInited?(i.stepPlayersByFrames(-t.numFrames),{success:!0}):FW})),(0,E.Z)(LG,xp.X.StepPlayersBackBySeconds,(function(e){var n=e.globalRoot,t=e.params,i=n.replay;return i.isInited?(i.stepPlayersBySeconds(-t.numSeconds),{success:!0}):FW})),(0,E.Z)(LG,xp.X.StepPlayersBackByScrubSpeed,(function(e){var n=e.globalRoot.replay;return n.isInited?(n.stepPlayersByScrubSpeed(-1),{success:!0}):FW})),(0,E.Z)(LG,xp.X.TogglePlay,(function(e){var n=e.globalRoot.replay;return n.isInited?(n.togglePlay(),{success:!0}):FW})),(0,E.Z)(LG,xp.X.ToggleScrubSpeed,(function(e){return e.globalRoot.replay.toggleScrubSpeed(),{success:!0}})),(0,E.Z)(LG,xp.X.SelectChannel,(function(e){var n=e.globalRoot,t=e.params.replayInputIndex;return n.replay.setSelectedInputIndex(t),{success:!0}})),LG),OG=(0,i.Z)({},mG,eG,bG,MG),DG="It might have been deleted, or this profile might have been created on a different Producer Control Room.",EG=function(e){var n=(0,N.yj)(e);if(e.action===xp.X.StepPlayersForwardByScrubSpeed||e.action===xp.X.StepPlayersBackByScrubSpeed)return[{result:"Speed: Selected shuttle/jog mode"}];if(e.action===hp.u.SwitchSourceInPreviewByReplayArtifact||e.action===hp.u.SwitchSourceInProgramByReplayArtifact||e.action===hp.u.SwitchSourceInSelectedModeByReplayArtifact||e.action===hp.u.SetDisplayPresetByReplayArtifact)return[{result:"Replay artifact"}];var t=Object.entries(e.params).map((function(t){var i,r=(0,o.Z)(t,2),a=r[0],s=r[1],c=Cu.TP[a];if("inputId"===a){var u,l=null===(u=n.streamConfig)||void 0===u?void 0:u.getInput(s);return{result:"".concat(c,": ").concat((null===l||void 0===l?void 0:l.displayName)||"not found"),error:!l&&"Source not found. ".concat(DG)}}if("mediaPlayerId"===a){var d,p=null===(d=n.streamConfig)||void 0===d?void 0:d.getInput(s);return{result:"".concat(c,": ").concat((null===p||void 0===p?void 0:p.displayName)||"not found"),error:!p&&"Media player not found. ".concat(DG)}}if("nodeId"===a){var f,h,m=null===n||void 0===n||null===(f=n.audioMixer)||void 0===f||null===(h=f.nodes)||void 0===h?void 0:h.get(s);return{result:"".concat(c,": ").concat((null===m||void 0===m?void 0:m.displayName)||"not found"),error:!m&&"Path not found. ".concat(DG)}}if("ampRatio"===a)return{result:e.action.includes("Fade")?(i=Li(s),Mi(i)):Oi(Li(s))};if("numFrames"===a)return{result:"Frames: ".concat(s)};if("numSeconds"===a)return{result:"Seconds: ".concat(s)};if("playbackSpeed"===a)return{result:"Speed: ".concat(100*s,"%")};if("transitionSeconds"===a)return e.params.transitionId===Qu.x6.Cut?null:{result:"Duration: ".concat(s,"s")};if("preTime"===a)return{result:"Pre time: ".concat(s?"-":"").concat(s/1e3,"s")};if("postTime"===a)return{result:"Post time: ".concat(s/1e3,"s")};if("presetId"===a){var g,v=(0,Ku.aL)(null===n||void 0===n||null===(g=n.streamConfig)||void 0===g?void 0:g.customPresets).find((function(e){return e.value===s}));return{result:"Display preset: ".concat(v?v.label:"not found"),error:!v&&"Display preset not found. ".concat(DG)}}if("transitionId"===a){var x,y;if(!s)return{result:"Transition: Selected transition"};var b=Yd.get(s);if(b)return{result:"Transition: ".concat(b.overrideLabel||b.label)};var I=null===(x=n.streamConfig)||void 0===x||null===(y=x.customTransitions)||void 0===y?void 0:y.findTransitionById(s);return{result:"Transition: ".concat((null===I||void 0===I?void 0:I.displayName)||"not found"),error:!I&&"Transition not found. ".concat(DG)}}if(e.action===xp.X.StartReplayByPosition)return{result:"Button: ".concat(s+1)};if(a.toLowerCase().includes("index"))return{result:"".concat(c,": ").concat(s+1)};if("replayTarget"===a){var w=(0,o.Z)(s.split("_"),2),P=w[0],S=w[1];if("layer"===P)return{result:"Layer: ".concat(parseInt(S)+1)};if("mediaplayer"===P){var Z,C,j=null===(Z=n.streamConfig)||void 0===Z||null===(C=Z.mediaPlayerInputs)||void 0===C?void 0:C.find((function(e){return e.id===S}));return{result:"Media player: ".concat((null===j||void 0===j?void 0:j.displayName)||"not found"),error:!(null===j||void 0===j?void 0:j.displayName)&&"Media player not found. ".concat(DG)}}}if("tagId"===a){var k=n.getTagById(s).name;return k?{result:"".concat(c,": ").concat(k)}:{result:"No tag found",error:"No tag found"}}return c?{result:"".concat(c,": ").concat(s)}:{result:"RENDER-ERROR: key: ".concat(a," - value: ").concat(s),error:"Something is wrong with this action. Please delete it if it is not required, or reach out to Grabyo Support."}}
1)).filter(Boolean);return t.sort((function(e){var n,t;return e.error||(null===(n=e.result)||void 0===n?void 0:n.includes("Layer"))||(null===(t=e.result)||void 0===t?void 0:t.includes("Pre time"))?-1:0})),t},NG=t(71067),BG=function(e){return"string"!==typeof e?"":e.replace(/[A-Z]/g,(function(e){return e.toLowerCase()}))},VG=t(33170),FG=t.n(VG),zG=t(86339),UG=t(4997),HG=t(75534),_G=t(37602),WG=Object.freeze({Collapsed:30,Default:155,Small:115}),GG=function(e){return{isCollapsed:e.isCollapsed,height:e.height,id:e.id}},YG=N.V5.model("RgbColor",{r:N.V5.number,g:N.V5.number,b:N.V5.number}).views((function(e){return{toCss:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1;return"rgb(".concat(e.r," ").concat(e.g," ").concat(e.b," / ").concat(n,")")}}})),XG=N.V5.model("LayerColour",{rgb:YG}),qG=N.V5.model("PreviewSettings",{coordinates:N.V5.optional(N.V5.array(N.V5.number),[]),crop:N.V5.optional(gB.ZP,{}),display:N.V5.optional(HG.Z,{})}),JG=N.V5.model("Preview",{overrideDisplaySettings:!1,settings:N.V5.optional(qG,{}),sourceId:N.V5.maybeNull(N.V5.string)}),KG=N.V5.model("Program",{sourceId:N.V5.maybeNull(N.V5.string)}),QG=N.V5.model("LayerStore",{colour:N.V5.maybeNull(XG),displayName:"",gridView:!1,id:N.V5.identifier,position:N.V5.integer,preview:N.V5.optional(JG,{}),program:N.V5.optional(KG,{}
1),tags:N.V5.array(_G.M),height:N.V5.optional(N.V5.integer,WG.Default),isCollapsed:N.V5.optional(N.V5.boolean,!1),isClicked:N.V5.optional(N.V5.boolean,!1),isEditingLayerName:N.V5.optional(N.V5.boolean,!1),lastSelectedInputId:N.V5.optional(N.V5.string,"")}).views((function(e){return{get producerAPI(){return(0,N.dU)(e).producerAPI},get streamConfig(){return(0,N.yj)(e).streamConfig},get ui(){return(0,N.yj)(e).controlRoom}}})).views((function(e){return{get sourceInPreview(){return e.streamConfig.getInputInPreview(e.position)},get sourceInProgram(){return e.streamConfig.getInputInLive(e.position)},get activeLayerIndex(){var n;return null===(n=e.ui)||void 0===n?void 0:n.activeLayerIndex},get inputs(){return e.streamConfig.inputsList.filter((function(n){return n.layerIndex===e.position})).sort((function(e,n){return e.positionIndex-n.positionIndex}))}}})).views((function(e){return{get isInLive(){return Boolean(e.sourceInProgram)},get isInPreview(){return Boolean(e.sourceInPreview)},get isActive(){return(0,N.fh)(e)&&e.ui.activeLayerIndex===e.position},get isHotSwitchingEnabled(){var n;return null===(n=e.ui)||void 0===n?void 0:n.toolbar.hotSwitching},get isSmall(){return e.height<=WG.Small},get uiHeight(){return e.isCollapsed?WG.Collapsed:e.height},get activeLayer(){var n;return null===(n=e.ui)||void 0===n?void 0:n.layers.get(e.activeLayerIndex)},get hasInputs(){return e.inputs.length>0},get layerNameToDisplay(){return""===e.displayName?"Layer ".concat(e.position+1):e.displayName}}})).views((function(e){return{get backgroundColor(){return null===e.colour?void 0:e.colour.rgb.toCss(e.isActive?.6:.4)}}})).actions((function(e){return{update:function(n){e.producerAPI.updateLayer(e.id,n)}}})).actions((function(e){return{commitToPreview:function(n){e.producerAPI.commitToPreview(n)},commitToLive:function(n){e.producerAPI.commitToLive(n)},blankPreview:function(){e.update({preview:{sourceId:null}})},switchToPreview:function(n){e.update({preview:{sourceId:n}})},switchPlaceholderToPreview:function(){e.update({preview:{sourceId:{"@placeholder":"sourceId"}}})},resetColour:function(){e.update({colour:null})},updateColour:function(n){e.update({colour:{rgb:n}})},updateDisplayName:function(n){e.update({displayName:n})},updateGridView:function(n){e.update({gridView:n})},updatePreviewSettings:function(n){e.update({preview:{settings:n}})}}})).actions((function(e){return{assign:function(n){(0,N.Xx)(e,(0,i.Z)({},e,n))},addHeight:function(n){e.height+=n},resetHeight:function(){e.height=WG.Default},addLayerAbove:function(){var n={atIndex:e.position+1};e.producerAPI.addLayer(n)},addLayerBelow:function(){var n={atIndex:e.position};e.producerAPI.addLayer(n)},removeLayer:function(){var n={atIndex:e.position};e.producerAPI.removeLayer(n)},resetLayerSelection:function(){if(e.isHotSwitchingEnabled)e.producerAPI.hotSwitchToBlank(e.position);else if(e.lastSelectedInputId="",(0,hn.Gd)())e.blankPreview();else{var n=e.streamConfig.inputIdsInPreview;n[e.position]="",e.commitToPreview(n)}},resetLayerSelectionAndPushLive:function(){e.producerAPI.hotSwitchToBlank(e.position)},selectInput:function(n){var t;if(e.isHotSwitchingEnabled)e.commitToLive(n);else if((null===(t=e.sourceInPreview)||void 0===t?void 0:t.id)!==n){var i=e.inputs.find((function(e){return e.id===n}));if(!i||i&&!i.isGuestIntercom)if((0,hn.Gd)())e.switchToPreview(n);else{var r=e.streamConfig.inputIdsInPreview;r[e.position]=n,e.commitToPreview(r)}}e.lastSelectedInputId=n,e.ui.selectInput(n)},toggleOverrideDisplaySettings:function(){e.update({preview:{overrideDisplaySettings:!e.preview.overrideDisplaySettings}})},toggleSelectedInput:function(n){e.ui.toggleSelectedInput(n)},setActive:function(){e.ui.setActiveLayer(e.position),e.isClicked=!0},setIsCollapsed:function(n){e.isCollapsed=n},moveSourceBetweenLayers:function(n){var t=n.inputId,i=n.currentLayerIndex,r=n.newLayerIndex,o=n.positionIndex,a=n.previousPositionIndex,s=e.streamConfig.inputsListByLayerIndex(i).filter((function(e){return e.positionIndex>a})),c=e.streamConfig.inputs.get(t);s.forEach((function(e){return e.assign({positionIndex:e.positionIndex-1})}
1)),c.assign({layerIndex:r,positionIndex:o})},moveSourceWithinLayer:function(n){var t=n.inputId,i=n.newPositionIndex,r=n.currentPositionIndex,o=n.layerIndex,a=e.streamConfig.inputsListByLayerIndex(o),s=e.streamConfig.inputs.get(t);if(i<r){var c=a.filter((function(e){return e.positionIndex>=i&&e.positionIndex<r}));c.forEach((function(e){e.incrementPositionIndex()}))}else{var u=a.filter((function(e){return e.positionIndex<=i&&e.positionIndex>r}));u.forEach((function(e){e.decrementPositionIndex()}))}s.assign({positionIndex:i})},revertActiveSourcePosition:function(n){var t=n.inputId,i=n.droppedLayerIndex,r=n.originalLayerIndex,o=n.positionIndex,a=n.previousPositionIndex,s=e.streamConfig.inputsListByLayerIndex(i).filter((function(e){return e.positionIndex>o})),c=e.streamConfig.inputsListByLayerIndex(r).filter((function(e){return e.positionIndex>=o})),u=e.streamConfig.inputs.get(t);s.forEach((function(e){return e.decrementPositionIndex()})),c.forEach((function(e){return e.incrementPositionIndex()})),u.assign({layerIndex:r,positionIndex:a})},addAsset:function(n){var t=n.asset,i=n.positionIndex,r={layerIndex:n.layerIndex,positionIndex:i,type:t.type,assetId:t.id,resourceURI:t.resourceURI,displayName:t.displayName};e.producerAPI.createInput(r),e.streamConfig.deleteFromInputsMap(t.id)},addGrab:(0,N.ls)((function(n){var t,i;return(0,au.__generator)(this,(function(r){switch(r.label){case 0:return t=n.grab,i=n.layerIndex,[4,(0,dj.VS)(t.id,{displayName:t.displayName,layerIndex:i,streamId:e.ui.selectedStreamId}).then((function(n){var r=(0,E.Z)({},n.data.data.mediaAssetId,{layerIndex:i,positionIndex:e.inputs.length,type:so.n.Pending,displayName:t.displayName});e.streamConfig.setInputs(r)}))];case 1:return r.sent(),e.streamConfig.deleteInput(t.id),[2]}}))})),unclick:function(){e.isClicked=!1},resetRenamingLayers:function(){e.ui.resetRenamingLayers()},setIsEditingLayerName:function(n){e.isEditingLayerName=n},setDisplayName:function(n){e.displayName=n}}})),$G=QG,eY=N.V5.model("LocalMediaStore",{}).volatile((function(){return{displayName:void 0,audioDevices:[],videoDevices:[],defaultCamera:void 0,defaultMicrophone:void 0}})).actions((function(e){return{reset:function(){e.displayName=void 0,e.audioDevices=[],e.videoDevices=[],e.defaultCamera=void 0,e.defaultMicrophone=void 0},getLocalMedia:(0,N.ls)((function(n){var t,i,r,o,a,s,c,u,l,d,p,f;return(0,au.__generator)(this,(function(h){switch(h.label){case 0:return t=n.localSource,i=n.inputId,r=i?(0,N.yj)(e).getInput(i):void 0,o={audio:!0},tT.ZP.isLocalCamera(t)&&(o.video=!0),[4,tT.ZP.getLocalMediaStreamDevices(o)];case 1:return a=h.sent(),s=tT.ZP.getLocalSourceOptions(a),c=tT.ZP.localSourceDefaultFields({localDevices:s,reconnectData:r,type:t,userName:App.Models.user.get("name")}),u=c.displayName,l=c.audioDevices,d=c.videoDevices,p=c.defaultCamera,f=c.defaultMicrophone,e.displayName=u,e.audioDevices=l,e.videoDevices=d,e.defaultCamera=p,e.defaultMicrophone=f,[2]}}))}))}})),nY=eY;function tY(e,n){var t=function(e){return Z.Z.PermStore.get("producer/".concat(e))}(n);t&&(0,N.Xx)(e,t),(0,N.cf)(e,(function(e){return function(e){var n=e.streamId,t=e.snapshot;Z.Z.PermStore.set("producer/".concat(n),t)}({streamId:n,snapshot:e})}))}var iY=N.V5.model("LocalSettingsStore",{isPreviewMuted:!0,isProgramMuted:!1,isCleanMuted:!0,isFlipFlopEnabled:!1,isSplitSwitchingEnabled:!1,invertPreviewProgram:!1,isInteractivePositioningEnabled:!0,isInteractivePositioningSnappingEnabled:!0,shouldConfirmHotSwitch:!0,defaultLiveSourceProtocol:Wl.uw.RTMP,programAreaValue:50}).actions((function(e){return{togglePreviewMuted:function(){e.isPreviewMuted=!e.isPreviewMuted},toggleProgramMuted:function(){e.isProgramMuted=!e.isProgramMuted},toggleCleanMuted:function(){e.isCleanMuted=!e.isCleanMuted},toggleFlipFlop:function(){e.isFlipFlopEnabled=!e.isFlipFlopEnabled},toggleSplitSwitching:function(){e.isSplitSwitchingEnabled=!e.isSplitSwitchingEnabled},toggleInteractivePositioning:function(){e.isInteractivePositioningEnabled=!e.isInteractivePositioningEnabled},toggleInteractivePositioningSnapping:function(){e.isInteractivePositioningSnappingEnabled=!e.isInteractivePositioningSnappingEnabled},toggleInvertPreviewProgram:function(){e.invertPreviewProgram=!e.invertPreviewProgram},toggleShouldConfirmHotSwitch:function(){e.shouldConfirmHotSwitch=!e.shouldConfirmHotSwitch},setDefaultLiveSourceProtocol:function(n){e.defaultLiveSourceProtocol=n},setProgramAreaValue:function(n){e.programAreaValue=n}}})),rY=N.V5.model("PlaylistStore",{selectedInputs:N.V5.optional(N.
1V5.array(N.V5.string),[]),deletedInputs:N.V5.optional(N.V5.number,0)}).volatile((function(){return{timer:null}})).actions((function(e){return{resetTimer:function(){clearTimeout(e.timer),e.timer=null}}})).actions((function(e){return{clearSelectedInputs:function(){e.selectedInputs.replace([])},setSelectedInputs:function(n){e.selectedInputs.replace(n)},selectInput:function(n){e.selectedInputs.push(n)},unselectInput:function(n){e.selectedInputs.remove(n)},setDeletedInputs:function(n){e.deletedInputs=n,0!==n&&(e.timer&&e.resetTimer(),e.timer=setTimeout((function(){e.setDeletedInputs(0),e.resetTimer()}),2e3))}}})),oY=N.V5.model("RouteStore",{id:"",params:N.V5.optional(N.V5.frozen(),{}),data:N.V5.optional(N.V5.frozen(),{})}).views((function(e){return{get isSourceSettings(){return e.id===Cp.Z.LegacySourceSettings},matches:function(n){return e.id.startsWith(n)},navigate:function(n){var t=n.route,i=n.params,r=n.data;e.id=t,e.params=i,e.data=r}}})),aY=N.V5.model("SidebarStore",{isOpen:N.V5.optional(N.V5.boolean,!1),tab:N.V5.maybe(N.V5.string)}).actions((function(e){return{open:function(){e.isOpen=!0},setTab:function(n){e.tab=n},close:function(){e.isOpen=!1},toggle:function(){e.isOpen=!e.isOpen}}})),sY=N.V5.model("SidebarsStore",{adBreak:N.V5.optional(aY,{}),streamSync:N.V5.optional(aY,{}),addGuest:N.V5.optional(aY,{}),addPlaylist:N.V5.optional(aY,{}),addPlaylistInputs:N.V5.optional(aY,{}),playlistInputSettings:N.V5.optional(aY,{}),customTransitions:N.V5.optional(aY,{}),addCustomTransitionAssets:N.V5.optional(aY,{}),addCustomTransition:N.V5.optional(aY,{}),addFromLive:N.V5.optional(aY,{}),addFromWeb:N.V5.optional(aY,{}),editCustomTransition:N.V5.optional(aY,{}),aiTranscriptions:N.V5.optional(aY,{})}).actions((function(e){return{closeAll:function(){Object.keys(e).forEach((function(n){return e[n].close()}))}}})),cY=[50,50],uY=[40,60],lY=220,dY=N.V5.model("SplitContainerStore",{isDraggingHorizontally:N.V5.optional(N.
1V5.boolean,!1),isDraggingVertically:N.V5.optional(N.V5.boolean,!1),monitorSplitSizes:N.V5.optional(N.V5.array(N.V5.number),cY),verticalSplitSizes:N.V5.optional(N.V5.array(N.V5.number),uY)}).views((function(e){return{get ui(){return(0,N.G_)(e)}}})).views((function(e){return{get streamId(){return(0,N.G_)(e).selectedStreamId},get displayPreview(){var n;return null===(n=e.ui)||void 0===n?void 0:n.monitors.displayPreview},get displayProgram(){var n;return null===(n=e.ui)||void 0===n?void 0:n.monitors.displayProgram},get displayClean(){var n;return null===(n=e.ui)||void 0===n?void 0:n.monitors.displayClean},get monitorLayout(){var n;return null===(n=e.ui)||void 0===n?void 0:n.monitorLayout},get hotSwitchingEnabled(){var n;return null===(n=e.ui)||void 0===n?void 0:n.toolbar.hotSwitching}}})).views((function(e){return{get monitorsCollapsed(){return!e.displayProgram&&(!e.displayPreview&&!e.displayClean||e.hotSwitchingEnabled)}}})).views((function(e){return{get minVerticalSizes(){return e.monitorsCollapsed?[40,160]:[170,160]},get verticalSizes(){return e.monitorsCollapsed?[0,100]:(0,a.Z)(e.verticalSplitSizes)},get minMonitorSizes(){return e.hotSwitchingEnabled?e.monitorLayout[0]===U.Program?[lY,0]:[0,lY]:e.ui.monitors.displayProgramIndicator?e.monitorLayout[0]===U.Program&&e.monitorLayout[1]===U.Program||e.monitorLayout[0]===U.Program?[lY,0]:[0,lY]:e.ui.monitors.displayPreviewIndicator?e.monitorLayout[0]===U.Preview&&e.monitorLayout[1]===U.Preview||e.monitorLayout[0]===U.Preview?[lY,0]:[0,lY]:e.ui.monitors.displayCleanIndicator?e.monitorLayout[0]===U.Clean&&e.monitorLayout[1]===U.Clean||e.monitorLayout[0]===U.Clean?[lY,0]:[0,lY]:[lY,lY]},get monitorSizes(){return e.hotSwitchingEnabled?e.monitorLayout[0]===U.Program?[100,0]:[0,100]:e.ui.monitors.displayProgramIndicator?e.monitorLayout[0]===U.Program&&e.monitorLayout[1]===U.Program||e.monitorLayout[0]===U.Program?[100,0]:[0,100]:e.ui.monitors.displayPreviewIndicator?e.monitorLayout[0]===U.Preview&&e.monitorLayout[1]===U.Preview||e.monitorLayout[0]===U.Preview?[100,0]:[0,100]:e.ui.monitors.displayCleanIndicator?e.monitorLayout[0]===U.Clean&&e.monitorLayout[1]===U.Clean||e.monitorLayout[0]===U.Clean?[100,0]:[0,100]:(0,a.Z)(e.monitorSplitSizes)}}})).actions((function(e){return{setIsDraggingVertically:function(n){e.isDraggingVertically=n},setIsDraggingHorizontally:function(n){e.isDraggingHorizontally=n}}})).actions((function(e){return{setMonitorSizes:function(n){e.monitorSplitSizes.replace(n),(0,N.dU)(e).persistenceStore.set("splitReactMonitors:".concat(e.streamId),n),e.setIsDraggingHorizontally(!1)},setVerticalSplitSizes:function(n){e.verticalSplitSizes.replace(n),(0,N.dU)(e).persistenceStore.set("producerVerticalSplit:".concat(e.streamId),n),e.setIsDraggingVertically(!1)}}})).actions((function(e){return{loadVerticalSplitSizes:function(){var n=(0,N.dU)(e).persistenceStore.get("producerVerticalSplit:".concat(e.streamId));n&&(e.verticalSplitSizes=n)},loadMonitorSizes:function(){var n=(0,N.dU)(e).persistenceStore.get("splitReactMonitors:".concat(e.streamId));n&&(e.monitorSplitSizes=n)}}})).actions((function(e){return{afterCreate:function(){e.loadVerticalSplitSizes(),e.loadMonitorSizes()},resetVerticalSplitSizes:function(){e.setVerticalSplitSizes(uY)},resetMonitorSplitSizes:function(){e.setMonitorSizes(cY)}}})),pY=N.V5.model({label:N.V5.string,value:N.V5.number}),fY=N.V5.model({red:N.V5.maybe(N.V5.number),green:N.V5.maybe(N.V5.number),blue:N.V5.maybe(N.V5.number),direction:N.V5.maybe(N.V5.string),style:N.V5.maybe(N.V5.string),type:N.V5.maybe(N.V5.string)}
1),hY=N.V5.model({id:N.V5.optional(N.V5.string,""),label:N.V5.string,value:N.V5.string,overrideLabel:N.V5.maybe(N.V5.string),attributes:N.V5.maybe(fY)}),mY=N.V5.model("ToolbarStore",{hotSwitching:!1,showHotSwitchingModal:!1,nextAlt:!1,transition:N.V5.optional(hY,Hd),duration:N.V5.optional(pY,Ud)}).views((function(e){return{get ui(){return(0,N.G_)(e)},get durationOptions(){return Wd}}})).views((function(e){return{get localSettings(){return e.ui.localSettings},get persistentStoreInstance(){return"producerTransition:".concat(e.ui.selectedStreamId)},findDurationOption:function(n){return e.durationOptions.find((function(e){return e.value===n}))}}})).views((function(e){return{get transitionOptions(){return(0,hn.gJ)()?Gd:Gd.filter((function(e){return e.value!==Qu.x6.Dynamic}))},get isFlipFlopEnabled(){return e.localSettings.isFlipFlopEnabled},get isDurationDisabled(){var n;return e.transition.value===Qu.x6.Cut||(null===(n=e.transition.attributes)||void 0===n?void 0:n.type)===_d},get persistentData(){var n=(0,N.dU)(e).persistenceStore.get(e.persistentStoreInstance);if(n){var t=JSON.parse(n),i=t.duration,r=t.transition;return{duration:e.findDurationOption(i),transition:r}}return{duration:void 0,transition:void 0}},get customTransitions(){return(0,N.G_)(e).streamConfig.customTransitions}}})).actions((function(e){return{updatePersistentData:function(){(0,N.dU)(e).persistenceStore.set(e.persistentStoreInstance,JSON.stringify({transition:e.transition,duration:e.duration.value}))}}})).actions((function(e){return{setDuration:function(n){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];e.duration=n,t&&e.updatePersistentData()}}})).actions((function(e){return{setCustomTransition:function(n){e.transition=n;var t=e.customTransitions.getCustomTransitionDuration(n.value),i=e.persistentData.duration;e.duration=null!==i&&void 0!==i?i:zd,e.updatePersistentData(),e.setDuration(function(e){var n=Math.floor(e/100)/10;return{label:1e3===e?"1 second":"".concat(n," seconds"),value:n}}(t),!1)},setStandardTransition:function(n,t){e.transition=n;var i=e.persistentData.duration;e.duration=null!==i&&void 0!==i?i:zd,t&&e.updatePersistentData(),"cut"===n.value&&(e.duration=Ud)}}})).actions((function(e){return{setTransition:function(n){var t,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];(null===(t=n.attributes)||void 0===t?void 0:t.type)===_d?e.setCustomTransition(n):e.setStandardTransition(n,i)},transitionPreviewToLive:function(n){var t;(0,N.dU)(e).producerAPI.previewToLive(n),Gm.aJ(n.type,e.duration.value||(null===(t=n.attributes)||void 0===t?void 0:t.duration))},flipFlopPreviewProgram:function(n){(0,N.dU)(e).producerAPI.flipFlopPreviewProgram(n)},hotSwitchToggle:function(){e.hotSwitching?(e.ui.monitors.restorePreviewFromLocalStorage(),e.ui.monitors.restoreCleanFromLocalStorage(),e.ui.monitors.hasHiddenMonitor&&e.ui.setMonitorLayout([U.Preview,U.Program])):e.ui.setMonitorLayout(["",U.Program]),e.hotSwitching=!e.hotSwitching},openHotSwitchModal:function(){e.showHotSwitchingModal=!0}}})).actions((function(e){return{setPersistedTransition:function(){var n,t=e.persistentData,i=t.duration,r=t.transition;(null===r||void 0===r||null===(n=r.attributes)||void 0===n?void 0:n.type)===_d?e.customTransitions.getCustomTransitionExists(r.value)?e.setTransition(r):e.setTransition(Hd):(i&&e.setDuration(i),r&&e.setTransition(r))},takeLive:function(){var n,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},i=t.transitionId,r=void 0===i?null:i,o=t.transitionSeconds,a=void 0===o?.5:o;if(r){var s=Yd.get(r);n=s?{type:s.value,duration:a,attributes:s.attributes}:{type:_d,attributes:{id:r}}}else{var c,u,l,d,p,f=(null===(c=e.transition)||void 0===c||null===(u=c.attributes)||void 0===u?void 0:u.type)===_d;n={type:f?null===(l=e.transition)||void 0===l||null===(d=l.attributes)||void 0===d?void 0:d.type:e.transition.value,attributes:f?{id:e.transition.value}:null===(p=e.transition)||void 0===p?void 0:p.attributes},f||(n.duration=e.duration.value)}e.isFlipFlopEnabled?e.flipFlopPreviewProgram(n):e.transitionPreviewToLive(n)},programToPreview:function(){(0,N.dU)(e).producerAPI.programToPreview()},cutPreviewToLive:function(){var n=(0,N.dU)(e).producerAPI,t={type:"cut",duration:0};e.isFlipFlopEnabled?n.flipFlopPreviewProgram(t):n.previewToLive(t)},toggleHotSwitching:function(){!e.showHotSwitchingModal&&e.localSettings.shouldConfirmHotSwitch&&
1!e.hotSwitching?e.openHotSwitchModal():e.hotSwitchToggle()},closeHotSwitchModal:function(){e.showHotSwitchingModal=!1},allowNextAlt:function(){e.nextAlt=!0},denyNextAlt:function(){e.nextAlt=!1},hotSwitchInputToLive:function(n){var t=(0,N.dU)(e).producerAPI,i=e.ui.activeLayer.inputs;i.length>0&&i.length>n&&t.commitToLive(i[n].id)}}})).actions((function(e){return{afterCreate:function(){e.setPersistedTransition()}}})),gY=mY,vY=N.V5.enumeration(Object.values(Wl.u5)),xY=N.V5.model("UIStore",{localSettings:N.V5.optional(iY,{}),route:N.V5.optional(oY,{}),localMedia:N.V5.optional(nY,{}),iframeControlledInputs:N.V5.array(N.V5.safeReference(UG.Z,{acceptsUndefined:!1})),selectedInput:N.V5.safeReference(UG.Z),selectedMediaPlayer:N.V5.safeReference(zG.Z),selectedTab:N.V5.optional(N.V5.string,cP.Broadcast),selectedSettingsTab:N.V5.maybe(vY),drawer:N.V5.optional(aY,{}),sidebars:N.V5.optional(sY,{}),playlist:N.V5.optional(rY,{}),monitorsLoaded:N.V5.optional(N.V5.boolean,!1),toolbar:N.V5.optional(gY,{}),splitContainer:N.V5.optional(dY,{}),multiviewerModal:N.V5.optional(oW,{}
1),hasUserGesture:N.V5.optional(N.V5.boolean,!0),activeLayerIndex:N.V5.optional(N.V5.integer,0),monitors:N.V5.optional(W,{}),layers:N.V5.optional(N.V5.array($G),[]),autosavedMultiviewer:N.V5.optional(N.V5.boolean,!1)}).views((function(e){return{get streamConfig(){var n={id:void 0,setInputs:function(e){},setInputsInPreview:function(e){},setInputsInLive:function(e){}};try{n=(0,N.yj)(e).streamConfig}catch(t){console.warn("[NO STREAM CONFIG] probably in test")}return n}}})).views((function(e){return{get activeLayer(){return e.layers[e.activeLayerIndex]},get selectedStreamId(){return e.streamConfig.id},get monitorLayout(){return e.monitors.monitorLayout},getLayerById:function(n){return e.layers.find((function(e){return e.id===n}))},getLayerByPosition:function(n){return e.layers.find((function(e){return e.position===n}))}}})).views((function(e){return{isInputSelected:function(n){return!!e.selectedInput&&e.selectedInput.id===n},getDefaultSettingsTab:function(n){var t=(0,N.yj)(e).getInput(n);return t?e.route.isSourceSettings&&e.selectedInput?e.selectedInput.defaultSettingsTab===e.selectedSettingsTab?t.defaultSettingsTab:t.hasSettingsTab(e.selectedSettingsTab)?e.selectedSettingsTab:t.defaultSettingsTab:t.defaultSettingsTab:Wl.u5.Source},hasMultiviewerPreset:function(){Z.Z.PermStore.get("multiviewerPreset:".concat(e.selectedStreamId))},get activeLayerSourceInPreview(){var n;return null===(n=e.activeLayer)||void 0===n?void 0:n.sourceInPreview},findDeletedLayer:function(n){return e.layers.filter((function(e){return!FG()(n,{id:e.id})}))[0]},getInputIdByIndex:function(n){var t=e.activeLayer;if(t){var i=t.inputs;return-1!==n&&n<=i.length-1?i[n].id:void 0}}}})).actions((function(e){return{setSelectedInput:function(n){var t=(0,N.yj)(e).getInput(n);e.selectedInput=t,(0,zG.C)(t)&&(e.selectedMediaPlayer=t)},setSelectedMediaPlayer:function(n){(0,zG.C)(n)&&(e.selectedMediaPlayer=n)},addIframeControlledInput:function(n){e.iframeControlledInputs.includes(n)||e.iframeControlledInputs.push(n)},setMonitorLayout:function(n){e.monitors.setMonitorLayout(n)},navigate:function(n){var t=n.route,i=n.params,r=n.data;e.route.navigate({route:t,params:i,data:r})}}})).actions((function(e){return{openSourceSettingsTab:function(n){var t=n.inputId,i=n.tab;e.selectedSettingsTab=i,e.setSelectedInput(t);var r=e.selectedInput;r?(r.isWebIframe&&e.addIframeControlledInput(r),e.navigate({route:Cp.Z.LegacySourceSettings,params:{inputId:t,tab:i}})):console.debug("Unknown input id:",t)}}})).actions((function(e){return{openSourceSettings:function(n){e.openSourceSettingsTab({inputId:n,tab:e.getDefaultSettingsTab(n)})},setActiveLayer:function(n){e.activeLayerIndex=n}}})).actions((function(e){return{resetSelectedInput:function(){e.selectedInput=void 0,e.route.isSourceSettings&&e.navigate({route:""})},selectInput:function(n){e.route.isSourceSettings?e.openSourceSettings(n):e.setSelectedInput(n)},updateLayersFromLocalStorage:function(){var n,t=(n=e.selectedStreamId,Z.Z.PermStore.get("producer/".concat(n,"/layers")));t&&e.layers.forEach((function(e){var n=t.find((function(n){return n.id===e.id}));
1n&&e.assign({height:n.height,isCollapsed:n.isCollapsed})}))},setLayers:function(n){e.layers.replace(n)},selectLayerDown:function(){e.activeLayerIndex>0&&(e.activeLayer&&(e.activeLayer.lastSelectedInputId=""),e.setActiveLayer(e.activeLayerIndex-1))}}})).actions((function(e){return{appendQueryParam:function(e){var n=e.name,t=e.value,i=new URLSearchParams(window.location.search);i.set(n,t);var r="".concat(window.location.pathname,"?").concat(i.toString());history.pushState(null,"",r)},closeSourceSettings:function(){e.route.id="",e.selectedSettingsTab=void 0},reset:function(){e.drawer.open(),e.route.id="",e.route.params={},e.route.data={},e.selectedInput=void 0,e.selectedSettingsTab=void 0,e.localMedia.reset()},toggleSelectedInput:function(n){e.isInputSelected(n)?e.resetSelectedInput():e.selectInput(n)},setSelectedTab:function(n){e.selectedTab=n},setMonitorReference:function(n,t){e.monitors.players[n]=t},setMonitorsLoaded:function(){App.Events.trigger("monitors:loaded"),e.monitorsLoaded=!0},setAutosavedMultiviewer:function(){Z.Z.PermStore.get("multiviewerPreset:".concat(e.selectedStreamId))&&(e.autosavedMultiviewer=!0)},deleteLocalMultiViewerPreset:function(){Z.Z.PermStore.clear("multiviewerPreset:".concat(e.selectedStreamId)),e.autosavedMultiviewer=!1},requestUserGesture:function(){e.hasUserGesture=!1},recordUserGesture:function(){e.hasUserGesture=!0},initLayers:function(n){e.setLayers(n),e.updateLayersFromLocalStorage()},resetRenamingLayers:function(){e.layers.forEach((function(e){return e.setIsEditingLayerName(!1)}))},updateLayers:function(n){e.layers.length>n.length&&(e.findDeletedLayer(n).position===e.activeLayerIndex&&e.selectLayerDown());e.setLayers(n),e.updateLayersFromLocalStorage()},selectLayerUp:function(){e.activeLayerIndex<e.layers.length-1&&(e.activeLayer&&(e.activeLayer.lastSelectedInputId=""),e.setActiveLayer(e.activeLayerIndex+1))},selectNextSource:function(){var n=e.activeLayer;if(n){var t=null===n||void 0===n?void 0:n.inputs,i=e.activeLayerSourceInPreview,r=null===i||void 0===i?void 0:i.positionIndex;if(n.lastSelectedInputId&&(i=t.find((function(e){return e.id===n.lastSelectedInputId})),r=null===i||void 0===i?void 0:i.positionIndex),i||!t[0]){var o=r!==t.length-1;if(i&&o){var a=t[r+1].id;n.selectInput(a)}}else{var s=t[0].id;n.selectInput(s)}}},selectPreviousSource:function(){var n=e.activeLayer;if(n){var t=null===n||void 0===n?void 0:n.inputs,i=e.activeLayerSourceInPreview,r=null===i||void 0===i?void 0:i.positionIndex;if(n.lastSelectedInputId&&(i=t.find((function(e){return e.id===n.lastSelectedInputId})),r=null===i||void 0===i?void 0:i.positionIndex),i&&0===r)n.resetLayerSelection();else if(i){var o=t[r-1].id;n.selectInput(o)}}},selectSourceAtIndex:function(n){var t=e.activeLayer;if(t){var i=t.inputs;if(-1!==n&&n<=i.length-1){var r=i[n].id;t.selectInput(r)}}},blankActiveLayer:function(){var n;null===(n=e.activeLayer)||void 0===n||n.resetLayerSelection()}}})),yY=xY,bY=t(66362),IY={keyBindings:N.V5.optional(NG.I,{scope:W_.s.Producer,tabCollectionId:"producer"}),audioMixer:N.V5.optional(hW,{}),audioMixerV1:N.V5.optional(IW,{}),controlRoom:N.V5.optional(yY,{}),replayRoom:N.V5.optional(yY,{}),replay:N.V5.optional(pb,{}),streamConfig:N.V5.optional(bY.Z,{})},wY=N.V5.model("RootStore",IY).actions((function(e){return{getInput:function(n){return e.streamConfig.inputs.get(n)},getInputByTitle:function(n){var t=BG(n);return e.streamConfig.inputsList.find((function(e){return BG(e.displayName)===t}))},getInputsByTagId:function(n){return e.streamConfig.inputsList.filter((function(e){return e.tags.some((function(e){return e.tagId===n}))}))},getLayersByTagId:function(n){return e.controlRoom.layers.filter((function(e){return e.tags.some((function(e){return e.tagId===n}))}))},getTagById:function(e){return this.addTag({tagId:e})},addTag:function(n){return e.streamConfig.addTag(n)},reset:function(n){var t=n.streamConfig,i=n.messagingSocket;(0,N.Xx)(e.audioMixer,{}),(0,N.Xx)(e.audioMixerV1,{}),(0,N.Xx)(e.replayRoom,{}),(0,N.Xx)(e.replay,{}),e.replay.init(),(0,N.Xx)(e.streamConfig,t),(0,N.dU)(e).producerAPI.setMessagingSocket(i)}}})),PY=wY,SY={localSettings:{isPreviewMuted:!0,isProgramMuted:!1,isCleanMuted:!0,isFlipFlopEnabled:!1,isSplitSwitchingEnabled:!1,isInteractivePositioningEnabled:!0,isInteractivePositioningSnappingEnabled:!0,shouldConfirmHotSwitch:!0,defaultLiveSourceProtocol:Wl.uw.RTMP,invertPreviewProgram:!1,programAreaValue:50},route:{id:"",params:{},data:{}},localMedia:{}
1,iframeControlledInputs:[],selectedInput:void 0,selectedMediaPlayer:void 0,selectedSettingsTab:void 0,selectedTab:cP.Broadcast,drawer:{isOpen:!0},sidebars:{adBreak:{isOpen:!1},streamSync:{isOpen:!1},addGuest:{isOpen:!1},addPlaylist:{isOpen:!1},aiTranscriptions:{isOpen:!1},addPlaylistInputs:{isOpen:!1},playlistInputSettings:{isOpen:!1},customTransitions:{isOpen:!1},addCustomTransitionAssets:{isOpen:!1},addCustomTransition:{isOpen:!1},addFromLive:{isOpen:!1},addFromWeb:{isOpen:!1},editCustomTransition:{isOpen:!1}},playlist:{selectedInputs:[],deletedInputs:0},monitorsLoaded:!1,hasUserGesture:!0,toolbar:{hotSwitching:!1,nextAlt:!1,showHotSwitchingModal:!1,duration:Ud,transition:Hd},splitContainer:{isDraggingHorizontally:!1,isDraggingVertically:!1,monitorSplitSizes:cY,verticalSplitSizes:uY},multiviewerModal:{autosavedMultiviewer:!1,multiviewerPresets:[]},layers:[],activeLayerIndex:0,autosavedMultiviewer:!1,monitors:{displayPreview:!0,displayProgram:!0,displayClean:!0,monitorLayout:["preview","program"],previewPlayerId:B.Al,programPlayerId:B.NW,cleanPlayerId:B.Pj}};var ZY=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=arguments.length>1?arguments[1]:void 0,t=yY.create((0,i.Z)({},SY,e));return tY(t.localSettings,n),(0,N.cf)(t.layers,(function(e){return V({streamId:n,layers:e.map(GG)})})),t};var CY=function(e,n){var t=e.controlRoom,o=void 0===t?{}:t,a=e.replayRoom,s=void 0===a?{}:a,c=e.audioMixerV1,u=void 0===c?{}:c,l=e.audioMixer,d=void 0===l?{}:l,p=e.keyBindings,f=void 0===p?{}:p,h=e.streamConfig,m=void 0===h?{}:h,g=n.getServerConfig,v=n.producerAPI,x=n.persistenceStore,y={getServerConfig:g,producerAPI:v,persistenceStore:x},b=PY.create({controlRoom:(0,N.pE)(ZY(o,m.id)),replayRoom:(0,N.pE)(ZY(s,m.id)),audioMixerV1:kW(u),audioMixer:mW(d,m.id),keyBindings:(0,r.Z)((0,i.Z)({},f),{enabled:!0,scope:W_.s.Producer,keyboard:{defaultProfile:AG},tabCollectionId:"producer-".concat(m.id||""),deviceManagerRoute:"".concat(Cp.Z.Preferences,"/").concat(iu.g.Shortcuts),keyBindingModalRoute:Cp.Z.KeyBinding}),streamConfig:m},y);return b.streamConfig.setCustomPresets(),b.keyBindings.setGlobalHandlers(OG),b.keyBindings.setGlobalActivators(ZG),b.keyBindings.setStartBatch((function(){v.startBatch()})),b.keyBindings.setAddToBatch((function(e){v.addToBatch(e)})),b.keyBindings.setSendBatch((function(e){if(b.keyBindings.actionFocusGate.state.isPrimaryTab)v.sendBatch();else{var n=v.getBatch();b.keyBindings.actionFocusGate.postBatch(n,e,!0)}b.replay.setRecentLayerTarget(null),b.replay.setRecentSource(null)})),b.keyBindings.setCancelBatch((function(e,n){if(b.keyBindings.actionFocusGate.state.isPrimaryTab)v.cancelBatch();else{var t=v.getBatch();b.keyBindings.actionFocusGate.postBatch(t,e,!1,n)}b.replay.setRecentLayerTarget(null),b.replay.setRecentSource(null)})),b.keyBindings.setGetBatchCount((function(){return v.batchCount})),b.keyBindings.setRenderDisplayParams(EG),b.replay.init(),b},jY=t(42772),kY=t(30443),TY=t(35770),RY=function(e){var n=e.users;return(0,s.jsx)(x.Dj,{children:n.map((function(e){var n=e.profileImageUrl,t=e.name;return(0,s.jsxs)(x._z,{children:[(0,s.jsx)(x.tM,{src:n,alt:"".concat(t," profile image")}),(0,s.jsx)(x.H6,{children:t})]},t)}))})};function LY(e){return e.filter((function(e){return e.connected&&e.id!==App.Models.user.id}))}var AY=function(e){var n=e.items,t=(0,o.Z)(J.useState(LY(n)),2),i=t[0],r=t[1],a=(0,o.Z)(J.useState(!1),2),c=a[0],u=a[1];J.useEffect((function(){r(LY(n))}),[n]);var l=function(e){return function(){u(e)}};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(x.xw,{children:[i.length>TY.j.NonOverflowLimit&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(x.om,{onMouseEnter:l(!0),onMouseLeave:l(!1),"data-testid":"connected users overflow",overflowOpen:c,children:["+ ",i.length-3]}),c?(0,s.jsx)(x.zU,{children:(0,s.jsx)(RY,{users:i.slice(3)})}):null]}),i.slice(0,i.length===TY.j.NonOverflowLimit?TY.j.NonOverflowLimit:3).map((function(e){var n=e.profileImageUrl,t=e.name;return(0,s.jsx)(x.n5,{"data-testid":"connected-user",children:(0,s.jsx)(O.Z,{position:"bottom",innerHtml:"".concat(t," is connected"),distance:TY.Y.LargeTooltipDistance,children:(0,s.jsx)(x.sJ,{src:n,alt:"".concat(t," profile image")})})},t)}))]}),i.length?(0,s.jsx)(x.iz,{}):null]})},MY=t(26260),OY=t(30335),DY=t(85773),EY=(0,Y.Pi)((function(){var e,n=Zp(),t=(0,q.oR)();return(0,s.jsx)(O.Z,{innerHtml:"Preferences",distance:5,position:"bottom",interactive:!1,children:(0,s.jsx)(x.ck,{onClick:function(){n("".concat(tu).concat(Kc.Preferences))},children:(0,s.jsx)(DY.S,{name:"settings",hasNotification:null===t||void 0===t||null===(e=t.keyBindings)||void 0===e?void 0:e.hasError})})})})),NY=[{label:"After fader listening ",value:"afterFaderListen"},{label:"Pre fader listening ",value:"preFaderListen"},{label:"Output listening",value:"outputListen"}],BY=(0,Y.Pi)((function(e){var n,t,i,r,o=e.closeModal;return(0,s.jsx)(bc.ZP,{height:"300px",title:"Settings",cancelCallback:o,header:function(e){return(0,s.jsx)(bc.xB,{title:"Settings",closeModal:e.closeModal,type:void 0,imageSrc:void 0})},footer:function(){return(0,s.jsx)(bc.mz,{children:(0,s.jsx)(xs.ZP,{icon:"cta-arrow-right",iconPosition:"right",onClick:o,children:"OK"})})},children:(0,s.jsxs)("section",{children:[(0,s.jsx)(Ts.ZP,{title:"Listening type",options:NY,value:(r=null===(t=null===(n=App.store)||void 0===n?void 0:n.audioMixer.listen)||void 0===t?void 0:t.type,NY.find((function(e){return e.value===r}))||NY[2]),onChange:function(e){var n;null===(n=App.store)||void 0===n||n.audioMixerV1.updateListenType(e.value)},isSearchable:!1}),(0,s.jsx)("label",{className:"grForm__label",children:"Latching:"}),(0,s.jsx)(mn.wA,{value:null===(i=App.store)||void 0===i?void 0:i.audioMixerV1.listen.latching,onChange:function(e){var n;null===(n=App.store)||void 0===n||n.audioMixerV1.setLatching(e.target.checked)},uiType:"switch",checkboxLabel:"This will change the behaviour of listening to allow multiple sources to be listened to at the same time"})]})})})),VY=(0,Y.Pi)((function(){var e=(0,J.useState)(!1),n=e[0],t=e[1];return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(O.Z,{innerHtml:"Open Settings",distance:TY.Y.SmallTooltipDistance,position:"bottom",interactive:!1,children:(0,s.jsx)(x.ck,{onClick:function(){t(!0)},"data-testid":"audio mixer settings",children:(0,s.jsx)(M.Z,{name:"settings"})})}),n&&(0,s.jsx)(BY,{closeModal:function(){t(!1)}})]})})),FY=(0,Y.Pi)((function(){var e,n,t=(0,J.useState)(!1),i=t[0],r=t[1];return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(x.iz,{}),(0,s.jsx)(O.Z,{innerHtml:"Multiviewer",distance:TY.Y.SmallTooltipDistance,position:"bottom",interactive:!1,children:(0,s.jsx)(x.ck,{onClick:function(){var e;App.store&&r(!0);var n=null===(e=App.store)||void 0===e?void 0:e.controlRoom;null===n||void 0===n||n.multiviewerModal.fetchMultiviewerPresets(),null===n||void 0===n||n.multiviewerModal.setAutosavedMultiviewer()},"data-testid":"multiviewer",children:(0,s.jsx)(M.Z,{name:"multiviewer"})})}),i&&(0,s.jsx)(Rg,{multiviewerModalStore:null===(e=App.store)||void 0===e?void 0:e.controlRoom.multiviewerModal,closeLabel:"Cancel",closeModal:function(){return r(!1)},confirmCallback:function(){var e;r(!1),(0,ig.O$)({streamId:null===(e=App.store)||void 0===e?void 0:e.controlRoom.selectedStreamId})},streamId:null===(n=App.store)||void 0===n?void 0:n.controlRoom.selectedStreamId})]})})),zY=(0,Y.Pi)((function(){var e=Zp();return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(x.iz,{}),(0,s.jsx)(O.Z,{innerHtml:"Multiviewer",distance:TY.Y.SmallTooltipDistance,position:"bottom",interactive:!1,children:(0,s.jsx)(x.ck,{onClick:function(){e("/multiviewer")},"data-testid":"multiviewer",children:(0,s.jsx)(M.Z,{name:"multiviewer"})})})]})}
1)),UY=(0,Y.Pi)((function(){var e,n=Zp(),t=(0,q.oR)();return(0,s.jsx)(O.Z,{innerHtml:"Preferences",distance:TY.Y.SmallTooltipDistance,position:"bottom",interactive:!1,children:(0,s.jsx)(x.ck,{onClick:function(){n("/preferences")},"data-testid":"producer-settings",children:(0,s.jsx)(DY.S,{name:"settings",hasNotification:null===t||void 0===t||null===(e=t.keyBindings)||void 0===e?void 0:e.hasError})})})})),HY=(0,Y.Pi)((function(){var e,n=Zp(),t=(0,q.oR)();return(0,s.jsx)(O.Z,{innerHtml:"Open Settings",distance:TY.Y.SmallTooltipDistance,position:"bottom",interactive:!1,children:(0,s.jsx)(x.ck,{onClick:function(){n("".concat(h_).concat(u_.Preferences))},"data-testid":"replay settings",children:(0,s.jsx)(DY.S,{name:"settings",hasNotification:null===t||void 0===t||null===(e=t.keyBindings)||void 0===e?void 0:e.hasError})})})})),_Y=(0,cm.cS)(AY),WY=function(e){var n=e.aspectRatio,t=void 0===n?SZ.ZP.DEFAULT_ASPECT_RATIO:n,i=(0,kY.JK)(t);return(0,s.jsx)(MY.EJ,{children:(0,s.jsx)(MY.HU,{children:"".concat(i," (").concat(t,")")})})};function GY(e){var n=App.Collections.streams.get(e);return n&&n.getDisplayName()}function YY(e){var n;return{itemSelectProps:{domain:"Producer",collection:new OY.Z(App.Collections.streams.getCloudproducerEnabledStreams()),toggleDropdown:e.toggleDropdown,selectItem:e.loadStream,sortOptions:{options:[{id:"displayName",text:"Title"}],sortByDescending:!0},selectedItems:(null===(n=App.Models.selectedStream)||void 0===n?void 0:n.get("producerEncode"))&&App.Models.selectedStream?[App.Models.selectedStream]:[],showStatus:!0,isItemActive:e.isItemActive,customFooter:WY,isOpen:e.showStreamSelect},data:{title:App.Models.selectedStream?null:"Stream live",displayName:e.streamId?GY(e.streamId):"Select a stream",itemCount:"".concat(App.Collections.streams.getCloudproducerEnabledStreams().length," streams")},isDarkTheme:!0,RightComponent:_Y,propsForRightComponent:{collection:App.Collections.users}}}var XY=t(45281);function qY(){var e=(0,R.Z)(["\n\t","\n"]);return qY=function(){return e},e}var JY,KY=(0,L.vJ)(qY(),(function(){return XY.Z.toString()})),QY=t(39718),$Y=function(e){return(0,a.Z)(e.audioMixerV2Enabled?[JY.AudioMixerV2]:[]).concat((0,a.Z)(e.replayEnabled?[JY.Replay]:[]))},eX=function(e){var n=Zp();return(0,s.jsx)(x.PL,(0,r.Z)((0,i.Z)({},e),{onClick:function(t){App.Models.serverConfig.isNavigating=!0,t.preventDefault(),n(e.href.replace("/producer",""))}}))},nX=!0;!function(e){e.AudioMixerV2="audioMixerV2",e.Replay="replay",e.ControlRoom="controlRoom"}(JY||(JY={}));var tX=function(e){var n,t=e.path,a=e.producerMaxGuests,d=e.streams,f=e.users,m=e.campaigns,v=e.organizationPreferences,x=e.deviceProfiles,R=e.deviceProfilesEtag,L=(0,o.Z)(J.useState(!0),2),A=L[0],M=L[1],O=(0,o.Z)(J.useState(""),2),D=O[0],E=O[1],N=(0,o.Z)(J.useState([]),2),V=N[0],F=N[1],z=J.useRef(null);(0,w.Y)()&&((0,j.Pj)(d,e),(0,j.Z3)(f,e),(0,j.bP)(m,e));var U=null===(n=App.Models.selectedStream)||void 0===n?void 0:n.id;(0,J.useEffect)((function(){App.Collections.streamIngests=new T.Z([]),App.Collections.streamIngests.fetch(),App.Collections.grabs=new b.Z([],{listenToContextChange:!0,fetchData:{before:(new Date).getTime()}}),App.Collections.grabs.fetch(),App.Models.selectedContext&&App.Collections.grabs.setContext(App.Models.selectedContext.getCompoundId()),App.Collections.grabs.fetch();var e=function(e){var n="/producer?streamId=".concat(e.id);!p()(e)&&e.isProducerEncode()?(App.Models.selectedProducerEncode=(0,C.Y)(e),App.Models.selectedProducerEncode.updateLastAccessedTimeStamp(),setTimeout((function(){return window.location.href=n}),0)):window.location.href=n};return App.Events.on("change:stream",e),function(){App.Events.off("change:stream",e)}}),[]);var H,_={showStreamSelect:A,toggleDropdown:function(){M(!A)},loadStream:function(e){if(App.Models.selectedStream&&e===App.Models.selectedStream.id)M(!1);else{var n=App.Collections.streams.get(e);App.Events.trigger("change:stream",n)}},isItemActive:function(e){var n=!0,t=App.Collections.streams.get(e),i=t.getEncode(),r=t.get("isEnabled");return t.get("forceEnable")||(n=i?i.isEnabled:!!r),n},streamId:U};H="/audio-mixer"===D?function(e){var n=YY(e);return(0,r.Z)((0,i.Z)({},n),{preferenceOptions:[{Component:VY,href:"#preferences"},{Component:FY,href:"multiviewer"}]})}(_):D===tu?function(e){var n=YY(e);return(0,r.Z)((0,i.Z)({},n),{preferenceOptions:[{Component:EY,href:"#preferences"},{Component:FY,href:"multiviewer"}]})}(_):"/replay-controls"===D?function(e){var n=YY(e);return(0,r.Z)((0,i.Z)({},n),{preferenceOptions:[{Component:HY,href:"#preferences"},{Component:FY,href:"multiviewer"}]})}(_):function(e){var n=YY(e);return(0,r.Z)((0,i.Z)({},n),{preferenceOptions:[{Component:UY,href:"#preferences"},{Component:zY,href:"multiviewer"}]})}(_);var W=[{label:"Control Room",icon:"producer-3",href:"/producer/?streamId=".concat(U),enabled:!0,Component:eX},V.includes(JY.AudioMixerV2)?{label:"Audio Mixer",icon:"audio-workspace",href:"/producer/audio-mixer-v2?streamId=".concat(U),enabled:!0,Component:eX}:{label:"Audio Mixer",icon:"audio-workspace",href:"/producer/audio-mixer?streamId=".concat(U),enabled:!0,Component:eX},{label:"Replay",icon:(0,s.jsx)(u.Z,{color:"white"}),href:"/producer/replay-controls?streamId=".concat(U),enabled:V.includes(JY.Replay)||(0,hn.Uw)(),Component:eX}],G=(0,J.useState)(!1),Y=G[0],X=G[1],K=(0,J.useState)(!0),Q=K[0],ee=K[1],ne=(0,J.useRef)(null),te=(0,J.useState)(!1),ie=te[0],re=te[1],oe=(0,J.useState)(null),ae=oe[0],se=oe[1],ce=(0,J.useState)(null),ue=ce[0],le=ce[1],de=(0,J.useState)(!1),pe=de[0],fe=de[1],he=(0,J.useRef)(h()),me=function(){X(!0),ee(!1),App.Models.serverConfig.messagingSocketConnected=!0,window.addEventListener("beforeunload",(function(){App.Models.serverConfig.redirecting=!0}))},ge=function(){var e;he.current&&he.current();var n=App.Models.selectedStream.attributes,t=n.aspectRatio,r=n.displayName,o=n.streamId;App.Models.selectedProducerEncode.elasticEncoderObject&&App.Models.selectedStream.set("producerEncode",(0,i.Z)({},App.Models.selectedStream.getEncode(),App.Models.selectedProducerEncode.elasticEncoderObject)),(null===(e=App.Models.serverConfig)||void 0===e?void 0:e.messagingSocketConnected)&&(App.Models.serverConfig.disconnectAllWebRTCConnections(),App.Models.serverConfig.disconnectMessagingSocket(),App.Models.serverConfig.destroy()),App.Models.localMediaStreams=[],App.Models.serverConfig=new B.ZP({encode:App.Models.selectedStream.getEncode(),userId:App.Models.user.id}),F($Y(App.Models.serverConfig._encode));var s=App.Models.serverConfig.messagingSocket,c=tT.ZP.getOutputSize(),u=c.height,d=c.width;App.store=null;var p=4;
1isNaN(a)||(p=parseInt(a,10)),ne.current?ne.current.reset({streamConfig:{id:o,displayName:r,aspectRatio:t,width:d,height:u,producerMaxGuests:p},messagingSocket:s}):ne.current=CY({keyBindings:{deviceProfiles:(0,S.I)(x),deviceProfilesEtag:R},streamConfig:{id:o,displayName:r,aspectRatio:t,width:d,height:u,producerMaxGuests:p}},{getServerConfig:function(){return App.Models.serverConfig},producerAPI:new dj.ZP(s),persistenceStore:Z.Z.PermStore}),App.store=ne.current;try{he.current=(0,jY.e)({store:ne.current,serverConfig:App.Models.serverConfig,usersCollection:App.Collections.users,onConnectSuccess:me,onMaxUsers:se})}catch(h){var f=!!s;l.Tb(new Error("Producer: Error on subscribeToWebSocket, messagingSocket - ".concat(f),{cause:h}))}App.Models.serverConfig.connectMessagingSocket(),App.Utils.ProducerMessageHandler&&App.Utils.ProducerMessageHandler.destroy(),App.Utils.ProducerMessageHandler=new __({messagingSocket:s,getSelectedLayerIndex:function(){var e=(0,kv.LX)("/producer/".concat(Cp.Z.AddIntegration2),window.location.pathname);return e?parseInt(e.params.layerIndex):void 0}})},ve=function(e){App.Models.selectedStream=e,(null===e||void 0===e?void 0:e.isCloudProducerEnabled())&&ge()};(0,J.useEffect)((function(){document.createElement("div").classList.add("modal-wrapper");var e=!!App.Models.selectedStream,n=e&&App.Models.selectedStream.isCloudProducerEnabled(),t=e&&App.Models.selectedStream.isEnabled();if(n&&t){App.Models.selectedProducerEncode=(0,C.Y)(App.Models.selectedStream),App.Models.selectedStream.isScalingEnabled()?(App.Models.selectedProducerEncode.pollEncodeState(5e3),App.Models.selectedProducerEncode.onStateChange=function(e){e.isReady()&&ve(App.Models.selectedStream),ee(!1)},fe(!0)):(App.Models.serverConfig=new B.ZP({encode:App.Models.selectedStream.getEncode(),userId:App.Models.user.id,onAutoplayFailure:le}),F($Y(App.Models.serverConfig._encode)),ve(App.Models.selectedStream)),M(!1);var i=App.Models.selectedStream.getDisplayName();$(".studio-bar-title small").text(i)}else n&&!t?(re(!0),ee(!1),Z.Z.PermStore.clear("stream"),M(!0)):M(!0);var r=function(){App.Models.localMediaStreams.forEach((function(e){tT.ZP.stopMediaStreamTracks(e.mediaStream)})),ee(!0),X(!1),ge()};return App.Events.on("messagingSocket:disconnected",r),function(){App.Events.off("messagingSocket:disconnected",r)}}),[]);var xe=(0,I.O)();return xe&&(0,hn.ji)()&&!c.ZP.isProducerSupportedBrowser()?(0,s.jsx)(k.Z,{}):xe&&(0,s.jsx)(q.g3,{store:ne.current,children:(0,s.jsx)(P.t6,{globalRoot:ne.current,children:(0,s.jsx)(QY.VK,{basename:"/producer",children:(0,s.jsxs)(y.Z,{headerData:H,headerItems:W,selectedItem:D,currentPath:t,innerRef:z,gutter:"0",className:"studio-page cloudproducer-page",shortcutsEnabled:!0,children:[(0,s.jsx)(g(),{children:(0,s.jsxs)("title",{children:[(null===App||void 0===App?void 0:App.Models.selectedStream)&&"\n\t\t\t\t\t\t\t".concat(null===App||void 0===App?void 0:App.Models.selectedStream.get("displayName")," |\n\t\t\t\t\t\t"),"Producer"]})}),(0,s.jsx)(KY,{}),(0,s.jsx)(O_,{setSelectedHeaderItem:function(e){E(e)},organizationPreferences:v,clearLoadingState:function(){fe(!1),App.Models.serverConfig&&(App.Models.serverConfig.isNavigating=!1)},autoplayFailureId:ue,loaderIn:Q,showDisabledStreamModal:ie,showLoadingStateModal:pe,maxClientConnections:ae,isProducerReady:Y})]})})})})};tX.isEnabled=function(e){return"true"===e.studioFeature.cloudProducerEnabled};var iX=(0,v.withRouter)(tX)},5961:function(e,n,t){"use strict";t.d(n,{Z:function(){return d}});var i=t(43119),r=t(11527),o=t(14963),a=t.n(o),s=t(25653);function c(){var e=(0,i.Z)(["\n margin: 10px;\n"]);return c=function(){return e},e}var u=(0,t(6379).ZP)(s.ZP).withConfig({componentId:"sc-40a51d78-0"})(c()),l=[{name:"Google Chrome",logo:"logo-browser-chrome.svg",link:"https://www.google.com/chrome/"},{name:"Microsoft Edge",logo:"logo-browser-edge.png",link:"https://www.microsoft.com/edge/"}],d=function(){return(0,r.jsxs)("section",{children:[(0,r.jsx)(a(),{href:"/",children:(0,r.jsx)(u,{icon:"cta-arrow-left",iconPosition:"left",size:"small",children:"Go Back Home"})}),(0,r.jsx)("div",{className:"notice",children:(0,r.jsxs)("div",{className:"notice-content",children:[(0,r.jsxs)("div",{className:"notice-header",children:[(0,r.jsx)("img",{src:"/static/img/skeleton-browser.svg",width:"400",alt:"Browser Unsupported",className:"notice-image"}),(0,r.jsx)("h1",{className:"notice-title",children:"Sorry, but your browser is not supported."}),(0,r.jsx)("p",{children:"In order to guarantee the best experience, Grabyo Producer only works on Google Chrome and Microsoft Edge."})]}),(0,r.jsx)("div",{children:(0,r.jsx)("ul",{className:"card-list",children:l.map((function(e){var n=e.name,t=e.logo,i=e.link;return(0,r.jsxs)("li",{className:"item-card",children:[(0,r.jsxs)("div",{className:"card-info",children:[(0,r.jsx)("img",{src:"static/img/".concat(t),width:"40",height:"40",alt:"",className:"card-image"}),(0,r.jsx)("h2",{className:"card-title",children:n})]}),(0,r.jsxs)("a",{href:i,className:"card-link",target:"_blank",rel:"noreferrer",children:["Install",(0,r.jsx)("i",{className:"gb-icon-arrow-right"})]})]},n)}))})})]})})]})}},20719:function(e,n,t){"use strict";t.d(n,{ZL:function(){return c},ke:function(){return u},rs:function(){return l}});var i=t(43119),r=t(6379);function o(){var e=(0,i.Z)(["\n flex-direction: row ",";\n"]);return o=function(){return e},e}function a(){var e=(0,i.Z)(["\n color: ",";\n display: inline-block;\n font-size: 0.84615em;\n text-transform: uppercase;\n margin-top: 0;\n margin-bottom: 0;\n margin-left: ",";\n width: auto;\n"]);return a=function(){return e},e}function s(){var e=(0,i.Z)(["\n & > .grToggle__label >
1 .grToggle__switch {\n background-color: ",";\n }\n"]);return s=function(){return e},e}var c=r.ZP.div.withConfig({componentId:"sc-a7f26c92-0"})(o(),(function(e){return"right"===e.position&&"-reverse"})),u=r.ZP.label.withConfig({componentId:"sc-a7f26c92-1"})(a(),(function(e){return e.theme.colors.defaultText}),(function(e){return e.theme.smallPadding})),l=r.ZP.div.withConfig({componentId:"sc-a7f26c92-2"})(s(),(function(e){return e.theme.colors.toggleSwitch}))},12159:function(e,n,t){"use strict";t.d(n,{Fy:function(){return O},Gn:function(){return B},Hw:function(){return N},II:function(){return V},Vz:function(){return F},WZ:function(){return z}});var i=t(70902),r=t(66091),o=t(5683),a=t(72006),s=t(4405),c=t(2272),u=t(43119),l=t(45347),d=t(11527),p=t(50959),f=t(6379),h=t(75229),m=t.n(h),g=t(89300),v=t.n(g),x=t(92042),y=t.n(x),b=t(90943),I=t(23028),w=t(18683),P=t(21265),S=t(14107),Z=t(18803),C=t(30418);function j(){var e=(0,u.Z)(["\n border: none;\n border-radius: 0px;\n margin: 0px;\n border-left: ",";\n\n &:focus {\n border: 0px;\n border-left: 1px solid ",";\n }\n "]);return j=function(){return e},e}function k(){var e=(0,u.Z)(["\n border: 1px solid ",";\n border-radius: ",";\n &:hover {\n border: 1px solid ",";\n }\n &:focus {\n border: 1px solid ",";\n }\n "]);return k=function(){return e},e}function T(){var e=(0,u.Z)(["\n background-color: ",";\n color: ",";\n\n ::placeholder {\n color: ",";\n }\n\n &:disabled {\n color: ",";\n }\n\n ","\n"]);return T=function(){return e},e}function R(){var e=(0,u.Z)(["\n border: 1px solid ",";\n background: ",";\n border-radius: ",";\n display: flex;\n width: 100%;\n\n .prefixLabel {\n border-top-left-radius: ",";\n border-bottom-left-radius: ",";\n overflow-wrap: break-word;\n margin: 0 1em;\n align-self: center;\n text-align: center;\n white-space: pre;\n width: auto;\n font-size: 1em;\n ","\n }\n\n .suffixContainer {\n display: flex;\n }\n\n .inputClass {\n border: 0;\n margin-bottom: 0;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-left: 1px solid ",";\n }\n"]);return R=function(){return e},e}function L(){var e=(0,u.Z)(["\n background: ",";\n border: none;\n border-left: 1px solid ",";\n justify-content: center;
1\n align-items: center;\n font-size: 1.5em;\n padding: unset;\n display: flex;\n width: 50px;\n z-index: 1;\n color: ",";\n\n &:active {\n color: ",";\n background: ",";\n }\n\n &:hover {\n text-decoration: none;\n cursor: pointer;\n color: ",";\n }\n"]);return L=function(){return e},e}function A(){var e=(0,u.Z)(["\n border: ",";\n background: ",";\n border-radius: ",";\n border-color: ",';\n display: flex;\n width: 100%;\n\n input[type="number"]::-webkit-inner-spin-button,\n input[type="number"]::-webkit-outer-spin-button {\n appearance: none;\n }\n\n input[type="number"] {\n appearance: textfield;\n }\n\n .inputClass {\n border: 0;\n border-left: ',";\n }\n\n "," {\n border-radius: 0;\n border: none;\n }\n"]);return A=function(){return e},e}function M(){var e=(0,u.Z)(["\n background: ",";\n border: none;\n border-left: 1px solid ",";\n justify-content: center;
1\n align-items: center;\n margin-right: 1px;\n font-size: 1.5em;\n padding: unset;\n display: flex;\n width: 50px;\n z-index: 1;\n\n &:active {\n color: ",";\n }\n\n &:disabled {\n cursor: not-allowed;\n }\n"]);return M=function(){return e},e}var O=f.ZP.input.withConfig({componentId:"sc-f1195662-0"})(T(),(function(e){return e.theme.colors.dropdownBackground}),(function(e){return e.theme.colors.inputText}),(function(e){return e.theme.colors.textPlaceholder}),(function(e){return e.theme.colors.text7}),(function(e){return e.prefix||e.suffix?(0,f.iv)(j(),e.prefix?"1px solid ".concat(S.Z.colors.inputOutline):"none",e.theme.colors.inputOutline):(0,f.iv)(k(),e.theme.colors.inputOutline,e.theme.borderRadius,e.theme.colors.outlineBorder,e.theme.colors.outlineBorder)})),D=f.ZP.div.withConfig({componentId:"sc-f1195662-1"})(R(),S.Z.colors.inputOutline,S.Z.colors.background,S.Z.borderRadius,S.Z.borderRadius,S.Z.borderRadius,(function(e){return e.prefixMaintainCase&&"text-transform: none;"}),S.Z.colors.outlineBorder),E=f.ZP.button.withConfig({componentId:"sc-f1195662-2"})(L(),S.Z.colors.background,S.Z.colors.outlineBorder,P.text1,S.Z.colors.primary,S.Z.colors.outlineBorder,S.Z.colors.primary),N=f.ZP.div.withConfig({componentId:"sc-f1195662-3"})(A(),(function(e){return e.prefix?"0":"1px solid"}),S.Z.colors.background,S.Z.borderRadius,S.Z.colors.outlineBorder,(function(e){return e.prefix?"1px solid ".concat(S.Z.colors.outlineBorder):"0 "}),O),B=f.ZP.button.attrs({type:"button"}).withConfig({componentId:"sc-f1195662-4"})(M(),(function(e){return e.disabled?"rgb(235, 235, 228)":e.theme.colors.background}),S.Z.colors.outlineBorder,S.Z.colors.primary),V=function(e){(0,o.Z)(t,e);var n=(0,l.Z)(t);function t(e){var o;return(0,r.Z)(this,t),(o=n.call(this,e)).state={value:v()(e.value)?"":e.value},o.autoStepDelay=300,m()((0,i.Z)(o),"stopAutoStep","autoStep"),o}var c=t.prototype;return c.componentWillUnmount=function(){clearTimeout(this.autoStepTimeout)},c.renderInput=function(){var e=this.props,n=e.type,t=e.prefix,i=e.hideNumberSpinner,r=e.onWheel;return"number"!==n?this.getInput():(0,d.jsxs)(N,{prefix:t,onWheel:r,children:[this.getInput(),!i&&this.renderInputSpinner(["minu
1s","plus"])]})},c.getInput=function(){var e=this,n={maxLength:this.props.maxLength,name:this.props.name,type:this.props.type,value:this.props.value,placeholder:this.props.placeholder,autoComplete:this.props.autoComplete,onKeyDown:this.props.onKeyDown,onKeyUp:this.props.onKeyUp,onBlur:this.props.onBlur,onFocus:this.props.onFocus,onPaste:this.props.onPaste,disabled:this.props.disabled,className:this.props.className,prefix:this.props.prefix,onChange:function(n){y()(e.props.setFieldValue)?e.props.setFieldValue(e.props.name,n.target.value):e.props.onChange&&e.props.onChange(n)},id:this.props.id,"data-testid":this.props["data-testid"]};return"number"===this.props.type&&(n=(0,s.Z)((0,a.Z)({},n),{step:this.props.step,value:this.state.value,onChange:function(n){n.value=n.target.value,n.spinnerClicked=!1,e.numberOnChange(n)}})),(0,d.jsx)(O,(0,a.Z)({className:"inputClass ".concat(n.className),min:this.props.min,max:this.props.max,suffix:this.props.suffix},n))},c.numberOnChange=function(e){var n="";(0,w.Q7)(e.value)&&(n=parseFloat(e.value)),y()(this.props.setFieldValue)?this.props.setFieldValue(this.props.name,n,e.spinnerClicked):y()(this.props.onChange)&&this.props.onChange(e)},c.renderInputSpinner=function(e){var n=this;return e.map((function(e){return(0,d.jsx)(B,{tabIndex:-1,disabled:n.props.disabled||n.props.spinnerDisabled,onMouseDown:function(t){return n.autoStep(e,t)},onMouseUp:n.stopAutoStep,onMouseOut:n.stopAutoStep,"aria-label":"spinner - ".concat(e),children:(0,d.jsx)(Z.Z,{name:e})},e)}))},c.autoStep=function(e,n){var t=this;this.incrementalStep(e,n),this.autoStepTimeout=setTimeout((function(){return t.autoStep(e,n)}),this.autoStepDelay),this.autoStepDelay/=1.15},c.stopAutoStep=function(){if(300!==this.autoStepDelay){var e=this.props.onAutoStepStop;e&&e(this.state.value),clearTimeout(this.autoStepTimeout),this.autoStepDelay=300}},c.incrementalStep=function(e,n){var t=this.props,i=t.step,r=t.value,o=t.min,a=t.max,s=!v()(o)||!v()(a),c=r||0,u=Number.parseFloat(c)+i*("plus"===e?1:-1),l=u>=Number(o),d=u<=Number(a),p=l&&v()(a)||d&&v()(o)||l&&d;n.value=u,n.target.value=u,n.spinnerClicked=!0,s||this.numberOnChange(n),s&&p&&this.numberOnChange(n)},c.renderInputWithProps=function(){var e=this.props,n=e.prefix,t=e.suffix,i=e.children,r=e.prefixMaintainCase;return(0,d.jsxs)(D,{prefixMaintainCase:r,children:[n&&(0,d.jsx)("label",{className:"prefixLabel",htmlFor:this.inputId,children:n}),this.renderInput(),t&&(0,d.jsx)("div",{className:"suffixContainer",children:i})]})},c.render=function(){var e=this.props,n=e.prefix,t=e.suffix;return n||t?this.renderInputWithProps():this.renderInput()},t.getDerivedStateFromProps=function(e,n){var t=e.value;return t!==n.value?{value:t}:null},t}(p.Component);V.defaultProps={step:1,value:""};var F=function(e){return(0,d.jsx)(E,{"aria-label":"Go To Suffix Button",onClick:function(){return window.open(e.redirect,"_blank")},children:(0,d.jsx)(C.Z,{innerHtml:"Go to",children:(0,d.jsx)(Z.Z,{name:"external-link"})})})},z=function(e){var n=(0,c.Z)(p.useState("Copy link"),2),t=n[0],i=n[1];return(0,d.jsx)(b.CopyToClipboard,{text:e.redirect,children:(0,d.jsx)(E,{onClick:function(){return i("Copied!")},"aria-label":"Copy Suffix Button",onMouseLeave:function(){return i("Copy link")},children:(0,d.jsx)(C.Z,{innerHtml:t,hideOnClick:!1,children:(0,d.jsx)(Z.Z,{name:"clone"})})})})};n.ZP=(0,I.jN)(V)},37452:function(e,n,t){"use strict";var i=t(57135),r=t(72006),o=t(4405),a=t(43119),s=t(9970),c=t(15767),u=t(11527),l=t(6379),d=t(50959),p=t(92042),f=t.n(p),h=t(40002),m=t(64368),g=t(49223),v=t(14107),x=t(32541),y=t(72522),b=t(87397),I=t(76841);function w(){var e=(0,a.Z)(["\n font-size: 11px;\n margin-bottom: ",";\n display: flex;\n"]);return w=function(){return e},e}function P(){var e=(0,a.Z)(["\n margin: 0;\n padding: 0;\n border: none;\n background: transparent;\n outline: none;\n color: ",";\n font-size: 12px;\n pointer-events: all; // Needed to override react-select disabled functionality\n\n &:disabled {\n color: #ffc0c8;\n }\n"]);return P=function(){return e},e}function S(){var e=(0,a.Z)(["\n font-size: 12px;\n color: ",";\n"]);return S=function(){return e},e}function Z(){var e=(0,a.Z)(["\n justify-content: center;\n align-items: center;\n "]);return Z=function(){return e},e}function C(){var e=(0,a.Z)(["\n cursor: default;\n display: flex;\n flex-wrap: wrap;\n gap: 5px;\n ","\n\n padding: 10px;\n border: 1px solid #e8e8e8;\n border-radius: 5px;\n background-color: white;\n"]);return C=function(){return e},e}function j(){var e=(0,a.Z)(["\n cursor: pointer;\n "]);return j=function(){return e},e}function k(){var e=(0,a.Z)(["\n width: 100%;\n ","\n"]);return k=function(){return e},e}function T(){var e=(0,a.Z)(["\n width: 100%;\n display: flex;\n justify-content: space-between;\n margin-bottom: 5px;\n text-transform: uppercase;\n color: ",";\n font-size: ","px;\n"]);return T=function(){return e},e}function R(){var e=(0,a.Z)(["\n display: flex;
1\n align-items: center;\n margin: 0;\n color: inherit; // needed to prevent label style from studio-style.css\n"]);return R=function(){return e},e}function L(){var e=(0,a.Z)(["\n display: flex;\n align-items: center;\n"]);return L=function(){return e},e}l.ZP.label.withConfig({componentId:"sc-8827b6ae-0"})(w(),v.Z.smallPadding);var A=l.ZP.button.withConfig({componentId:"sc-8827b6ae-1"})(P(),(function(e){return e.theme.colors.primary})),M=l.ZP.span.withConfig({componentId:"sc-8827b6ae-2"})(S(),v.Z.colors.textPlaceholder),O=l.ZP.div.withConfig({componentId:"sc-8827b6ae-3"})(C(),(function(e){return e.isEmpty&&(0,l.iv)(Z())})),D=function(e,n){return{container:function(n){return(0,o.Z)((0,r.Z)({},n),{marginBottom:e?"10px":0})},valueContainer:function(e){return(0,o.Z)((0,r.Z)({},e),{padding:"none"})},input:function(e){return(0,o.Z)((0,r.Z)({},e),{padding:0,margin:0})},indicatorSeparator:function(e){return(0,o.Z)((0,r.Z)({},e),{display:"none"})},loadingIndicator:function(){return{display:"none"}},menu:function(e,n){return(0,o.Z)((0,r.Z)({},e),{zIndex:2})},control:function(e,t){return(0,o.Z)((0,r.Z)({},e),{flexWrap:"nowrap",padding:"0 10px",borderColor:v.Z.colors[t.isFocused?"outlineDark":"outline"],boxShadow:"none",outline:"none",cursor:"pointer","&:hover":{borderColor:v.Z.colors.outlineBorder},"&:before":{content:t.isFocused?'""':'"'.concat(n,'"'),color:v.Z.colors.textPlaceholder,fontSize:"14px"}})}}},E=l.ZP.div.withConfig({componentId:"sc-8827b6ae-4"})(k(),(function(e){return e.clickable&&(0,l.iv)(j())})),N=l.ZP.div.withConfig({componentId:"sc-8827b6ae-5"})(T(),(function(e){return e.theme.colors.cardLabelColor}),(function(e){return e.theme.fontSizeBase})),B=l.ZP.label.withConfig({componentId:"sc-8827b6ae-6"})(R()),V=l.ZP.span.withConfig({componentId:"sc-8827b6ae-7"})(L());n.ZP=function(e){var n=e.isActiveByDefault,t=e.handleTagChange,r=e.initialValues,o=void 0===r?[]:r,a=e.initialTagIds,l=e.canCreateTag,p=void 0===l||l,v=e.label,w=e.className,P=e.maxTagCount,S=e.placeholder,Z=void 0===S?"Click here to add tags (Optional)":S,C=e.noTagsMessage,j=void 0===C?"Currently no tags have been assigned":C,k=e.confirmBeforeClearingTags,T=void 0===k||k,R=e.labelStyle,L=void 0===R?{}:R,F=e.tagValues,z=(0,d.useState)(n||!!(null===o||void 0===o?void 0:o.length)||!1),U=z[0],H=z[1],_=(0,d.useState)(o),W=_[0],G=_[1],Y=(0,d.useRef)(null),X=(0,d.useState)(!1),q=X[0],J=X[1],K=function(){var e=(0,i.Z)((function(e){var n,i;return(0,c.__generator)(this,(function(r){switch(r.label){case 0:return[4,(0,g.cC)(e.trim())];case 1:return n=r.sent(),i=(0,s.Z)(W).concat([n]),G(i),f()(t)&&t(i),[2]}}))}));return function(n){return e.apply(this,arguments)}}(),Q=(0,d.useState)(!(null===a||void 0===a?void 0:a.length)),$=Q[0],ee=Q[1];d.useEffect((function(){Array.isArray(F)&&G(F)}),[F]),(0,x.Y)()&&(null===a||void 0===a?void 0:a.length)&&(0,g.hp)("tagId=".concat(a.join(","))).then((function(e){G(e)})).catch((function(e){console.error(e)})).finally((function(){ee(!0)}));var ne=function(e){if(e){var n=W.map((function(e){return e.label}));e.filter((function(e){return!n.includes(e.label)})).length&&10===W.length&&m.Xd(),G(e),f()(t)&&t(e)}};if(!$)return(0,u.jsx)("div",{className:w,children:"Loading..."});var te=1===P,ie=P&&(null===W||void 0===W?void 0:W.length)>=P,re=te&&ie,oe=te&&0===W.length;return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)(E,{onClick:function(){return H(!0)},className:w,clickable:!ie,children:[v&&(0,u.jsxs)(N,{style:L,children:[(0,u.jsxs)(B,{htmlFor:"tag-picker-dropdown",children:[v,":"]}),P&&(0,u.jsxs)(V,{children:[W.length,"/",P]})]}),!re&&(0,u.jsx)(h.Z,{ref:Y,inputId:"tag-picker-dropdown",placeholder:"",onChange:ne,onCreateOption:p?K:null,loadOptions:g.v5,createOptionPosition:"first",styles:D(U,Z),isDisabled:!U||ie,isMulti:!0,value:W,components:{DropdownIndicator:function(){return(0,u.jsx)(A,{onClick:function(){var e;null===(e=Y.current)||void 0===e||e.blur(),T?J(!0):ne([])},disabled:!(null===W||void 0===W?void 0:W.length),children:"CLEAR TAGS"})}},controlShouldRenderValue:!1,isClearable:!1,backspaceRemovesValue:!1,maxMenuHeight:150,openMenuOnFocus:!1,openMenuOnClick:!1,cacheOptions:!1}),U&&!oe&&(0,u.jsxs)(O,{isEmpty:!W.length,children:[!!W.length&&W.map((function(e){return(0,u.jsx)(b.c,{tag:{tagId:e.value,name:e.label,organizationId:""},onDelete:function(){return function(e){var n=W.filter((function(n){return n.value!==e}));ne(n)}(e.value)}},e.value)})),!W.length&&(0,u.jsx)(M,{children:j})]}),ie&&(0,u.jsx)(I.Z,{type:"message",children:"You have reached the maximum number of tags allowed."})]}),q&&(0,u.jsx)(y.Z,{title:"Clear all tags",closeLabel:"Cancel",closeIcon:"",closeModal:function(){return J(!1)},confirmIcon:"delete",confirmCallback:function(){return ne([])},confirmLabel:"Clear all tags",children:(0,u.jsxs)("div",{style:{textAlign:"center"},children:[(0,u.jsx)("p",{children:"You are about to clear all tags."}),(0,u.jsx)("p",{children:"Are you sure?"})]})})]})}},87397:function(e,n,t){"use strict";t.d(n,{c:function(){return p}});var i=t(43119),r=t(11527),o=t(14107),a=t(6379),s=t(18803);function c(){var e=(0,i.Z)(["\n display: flex;\n justify-content: space-between;
1\n align-items: center;\n gap: 5px;\n padding: 5px 7px;\n border: 1px solid #d6d8dd;\n border-radius: 5px;\n background: #f7f7f7;\n\n color: #505050;\n font-size: 10px;\n font-weight: 600;\n"]);return c=function(){return e},e}function u(){var e=(0,i.Z)(["\n margin: 0;\n padding: 0;\n border: none;\n background: transparent;\n outline: none;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 10px;\n width: 10px;\n font-size: 12px;\n cursor: pointer;\n\n :hover {\n color: ",";\n }\n"]);return u=function(){return e},e}var l=a.ZP.div.withConfig({componentId:"sc-90a5059b-0"})(c()),d=a.ZP.button.withConfig({componentId:"sc-90a5059b-1"})(u(),o.Z.colors.primary),p=function(e){var n=e.tag,t=e.onDelete;return(0,r.jsxs)(l,{children:[(0,r.jsx)("span",{children:n.name}),t&&(0,r.jsx)(d,{onClick:function(){return t(n.tagId)},"aria-label":"Delete ".concat(n.name),children:(0,r.jsx)(s.Z,{name:"close"})})]})}},38853:function(e,n,t){"use strict";t.d(n,{Fx:function(){return l},N8:function(){return d},_v:function(){return u}});var i=t(43119),r=t(85106),o=t(6379);function a(){var e=(0,i.Z)(["\n position: absolute;\n width: 100%;\n height: ",";\n top: 0;\n"]);return a=function(){return e},e}function s(){var e=(0,i.Z)(["\n position: absolute;\n height: 100%;\n width: 100%;\n cursor: pointer;\n\n &:active {\n cursor: grabbing;\n }\n"]);return s=function(){return e},e}function c(){var e=(0,i.Z)(["\n position: absolute;\n min-height: 100%;\n border: 0;\n\n top: 0;\n width: 1px;\n margin-left: -1px;\n height: ",';\n background: #f03f55;\n filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.3));\n pointer-events: none;\n will-change: transform;\n z-index: 998;\n\n &:hover {\n cursor: grab;\n }\n\n &:active {\n cursor: grabbing;\n }\n\n &::after {\n content: "";\n width: 0;\n height: 0;\n border-style: solid;\n border-width: 7px 4.125px 0 4.125px;\n border-color: #f03f55 transparent transparent transparent;\n z-index: 10;\n transform: translate3d(-3.5px, -90%, 0);\n position: absolute;\n pointer-events: all;\n top: 0;\n left: 0;\n }\n']);return c=function(){return e},e}var u=(0,o.ZP)(r.iR).withConfig({componentId:"sc-65fd14b1-0"})(a(),(function(e){return e.parentHeight})),l=o.ZP.div.withConfig({componentId:"sc-65fd14b1-1"})(s()),d=o.ZP.div.withConfig({componentId:"sc-65fd14b1-2"})(c(),(function(e){return e.parentHeight}))},23808:function(e,n,t){"use strict";var i=t(72006),r=t(2272),o=t(11527),a=t(50959),s=t(85106),c=t(38853);n.Z=function(e){var n=e.position,t=e.onUpdate,u=e.clipStart,l=e.clipEnd,d=e.height,p=e.quietMode,f=e.isDisabled,h=e.onIsSlidingChange,m=void 0===h?function(e){}:h,g=(0,r.Z)(a.useState(),2),v=g[0],x=g[1],y=(0,r.Z)(a.useState(!1),2),b=y[0],I=y[1];return a.useEffect((function(){b||x(n)}),[b,n]),(0,o.jsxs)(c._v,{domain:[u,l],step:1,mode:2,values:[v],disabled:f,parentHeight:d,onSlideStart:function(){I(!0),m(!0)},onSlideEnd:function(){I(!1),m(!1)},onUpdate:function(e){var i=(0,r.Z)(e,1)[0];b?t(i):p||Math.abs(n-i)>2&&t(i)},children:[(0,o.jsx)(s.wO,{children:function(e){var n=e.handles,t=e.getHandleProps;return(0,o.jsx)("div",{children:n.map((function(e){var n=e.id,r=e.percent;return(0,o.jsx)(c.N8,(0,i.Z)({style:{left:"".concat(r,"%")},parentHeight:d},t(n)),n)}))})}}),(0,o.jsx)(s.OF,{children:function(e){var n=e.tracks,t=e.getTrackProps;return(0,o.jsx)("div",{children:n.map((function(e){var n=e.id,r=e.source,a=e.target;return(0,o.jsx)(c.Fx,(0,i.Z)({source:r,target:a},t()),n)}))})}})]})}},18547:function(e,n,t){"use strict";var i=t(50959);n.Z=function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],n=(0,i.useState)(e),t=n[0],r=n[1],o=(0,i.useCallback)((function(){return r((function(e){return!e}))}),[]);return[t,o]}},57494:function(e,n,t){"use strict";t.d(n,{O:function(){return r}});var i=t(50959),r=function(){var e=(0,i.useState)(!1),n=e[0],t=e[1];return(0,i.useEffect)((function(){t(!0)}),[]),n}},33798:function(e,n,t){"use strict";var i;t.d(n,{a:function(){return i}}),function(e){e.Granted="granted",e.Prompt="prompt",e.Denied="denied"}(i||(i={}))},82574:function(e,n,t){"use strict";t.d(n,{H:function(){return s},v:function(){return c}});var i=t(43119),r=t(6379);function o(){var e=(0,i.Z)(["\n color: ",";\n\n font-size: ",";\n"]);return o=function(){return e},e}function a(){var e=(0,i.Z)(["\n color: ",";\n"]);return a=function(){return e},e}var s=r.ZP.div.withConfig({componentId:"sc-af50d946-0"})(o(),(function(e){var n=e.theme;return"dark"===e.variant?"#fff":n.colors.text2}),(function(e){return e.inline?".75em":"inherit"})),c=r.ZP.span.withConfig({componentId:"sc-af50d946-1"})(a(),(function(e){var n=e.time,t=e.theme;return n<1e4?n<5e3?t.colors.primary:t.colors.warning:"inherit"}))},58776:function(e,n,t){"use strict";var i=t(11527),r=t(48663),o=t(67267),a=t(82574);n.Z=(0,r.Pi)((function(e){var n,t=e.inline,r=e.variant,s=e.SCTEAdBreak,c=(0,o.oR)().streamConfig,u=null!==(n=null!==s&&void 0!==s?s:null===c||void 0===c?void 0:c.SCTEAdBreak)&&void 0!==n?n:{},l=u.hasAdBreakCountdown,d=u.isRunning,p=u.remainingTimeString,f=u.remainingDuration,h=t?"span":"h1";return l?(0,i.jsx)(a.H,{inline:t,variant:r,children:(0,i.jsxs)(h,{children:["Ad Break ",d?"ends":"starts"," in"," ",(0,i.jsx)(a.v,{time:f,children:p})]})}):null}))},37816:function(e,n,t){"use strict";t.d(n,{EY:function(){return d},W2:function(){return h},_T:function(){return p},qk:function(){return l},uU:function(){return f}});var i=t(43119),r=t(6379);function o(){var e=(0,i.Z)(["\n .gutter-vertical:after,\n .gutter-vertical:before {\n visibility: hidden;\n }\n\n .gutter-vertical {\n pointer-events: none;\n }\n "]);return o=function(){return e},e}function a(){var e=(0,i.Z)(["\n height: 100%;\n\n .gutter-vertical {\n cursor: row-resize;\n position: relative;\n background: ",';\n }\n\n .gutter-vertical:after {\n position: absolute;\n right: calc(25% - 20px);\n }\n\n .gutter-vertical:before {\n position: relative;\n left: calc(25% - 20px);\n }\n\n .gutter-vertical:after,\n .gutter-vertical:before {\n content: "\u2014";\n display: flex;\n flex-direction: column;\n align-items: center;\n color: white;\n height: 8px;\n background: ',";\n z-index: 1;\n width: 35px;\n top: -6px;\n border-top-left-radius: 10px;\n border-top-right-radius: 10px;\n line-height: 7px;\n }\n\n ","\n"]);return a=function(){return e},e}function s(){var e=(0,i.Z)(["\n .gutter-horizontal {\n display: none;\n }\n "]);return s=function(){return e},e}function c(){var e=(0,i.Z)(["\n height: 100%;\n width: 100%;\n\n .gutter-horizontal {\n cursor: col-resize;\n background: ",';\n position: relative;\n height: 100%;\n right: -0.5px;\n height: calc(100% + 2px);\n }\n\n .gutter-horizontal:after {\n content: "\u2014";\n position: absolute;\n bottom: calc(50% - 17px);\n text-align: center;\n display: block;\n background: ',";\n color: white;\n line-height: 6px;\n border-radius: 4px;\n margin: 0 -12px;\n transform: rotate(90deg);\n height: 9px;\n width: 35px;\n }\n\n ","\n"]);return c=function(){return e},e}function u(){var e=(0,i.Z)(["\n height: 100%;\n width: 100%;\n\n > div {\n display: flex;\n flex-direction: ",";\n height: 100%;\n overflow: hidden;\n }\n"]);return u=function(){return e},e}var l=".gutter-vertical",d=r.ZP.section.withConfig({componentId:"sc-5c354b90-0"})(a(),(function(e){return e.theme.colors.gutterVerticalBackgroun
1d}),(function(e){return e.theme.colors.producerBackground}),(function(e){return e.hideGutter&&(0,r.iv)(o())})),p=".gutter-horizontal",f=r.ZP.section.withConfig({componentId:"sc-5c354b90-1"})(c(),(function(e){return e.theme.colors.gutterHorizontalBackground}),(function(e){return e.theme.colors.producerBackground}),(function(e){return e.hideGutter&&(0,r.iv)(s())})),h=r.ZP.section.withConfig({componentId:"sc-5c354b90-2"})(u(),(function(e){return"horizontal"===e.direction?"row":"column"}))},36681:function(e,n,t){"use strict";var i=t(11527),r=t(43226),o=t.n(r),a=t(62493),s=t(37816);n.Z=function(e){var n=e.children,t=e.direction,r=e.expandToMin,c=void 0===r||r,u=e.gutterSize,l=void 0===u?0:u,d=e.gutter,p=void 0===d?function(e,n){var t=document.createElement("div");return t.className="gutter gutter-".concat(n),t}:d,f=e.minSize,h=void 0===f?[]:f,m=e.onDragStart,g=void 0===m?o():m,v=e.onDragEnd,x=void 0===v?o():v,y=e.onDoubleClick,b=void 0===y?o():y,I=e.sizes,w=void 0===I?[]:I,P=e.snapOffset,S=void 0===P?0:P,Z="horizontal"===t?"col-resize":"row-resize";return(0,i.jsx)(s.W2,{direction:t,children:(0,i.jsx)(a.Z,{expandToMin:c,sizes:w,minSize:h,gutterSize:l,direction:t,cursor:Z,snapOffset:S,gutter:p,onDragStart:g,onDragEnd:x,onDoubleClick:b,children:n})})}},46276:function(e,n,t){"use strict";t.d(n,{ZF:function(){return v},__:function(){return g},iG:function(){return f},im:function(){return p},ub:function(){return h},xh:function(){return x},z$:function(){return m}});var i=t(43119),r=t(6379);function o(){var e=(0,i.Z)(["\n padding: 10px 10px 15px 25px;\n"]);return o=function(){return e},e}function a(){var e=(0,i.Z)(["\n position: relative;\n height: 100%;\n background: black;\n contain: layout;\n &:after {\n top: calc(",'% - 1px);\n position: absolute;\n left: 0;\n height: 1px;\n width: 100%;\n background: black;\n content: "";\n z-index: 2;\n }\n\n :nth-child(2n + 1) {\n border-left: 1px solid black;\n }\n']);return a=function(){return e},e}function s(){var e=(0,i.Z)(["\n font-size: 8px;\n color: white;\n position: relative;\n flex-direction: row;\n display: flex;\n border: 1px solid black;\n height: 100%;\n"]);return s=function(){return e},e}function c(){var e=(0,i.Z)(["\n background-color: #222;\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n opacity: 0.75;\n transform-origin: top;\n transform: scaleY(1);\n transition: transform 0.2s linear;\n will-change: transform;\n"]);return c=function(){return e},e}function u(){var e=(0,i.Z)(['\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n transform: translateY(-50%);\n right: 0;\n z-index: 3;\n\n :after {\n content: "";\n height: 1px;\n margin-left: 5px;\n flex: 1px;\n width: ',";\n background-color: #ffffff40;\n }\n"]);return u=function(){return e},e}function l(){var e=(0,i.Z)(["\n width: 5px;\n height: 100%;\n position: relative;\n background: linear-gradient(\n #fd6767 0% 3%,\n #f4b443 3% 10.5%,\n #dde951 10.5% 35%,\n #4dc03a 35% 100%\n );\n"]);return l=function(){return e},e}function d(){var e=(0,i.Z)(["\n background: white;\n position: absolute;\n bottom: 0;\n left: 0;\n height: 1px;\n width: 100%;\n"]);return d=function(){return e},e}var p=r.ZP.div.withConfig({componentId:"sc-ca674334-0"})(o()),f=r.ZP.div.withConfig({componentId:"sc-ca674334-1"})(a(),(function(e){return 100*e.overChargeOffset})),h=r.ZP.div.withConfig({componentId:"sc-ca674334-2"})(s()),m=r.ZP.div.withConfig({componentId:"sc-ca674334-3"})(c()),g=r.ZP.div.attrs((function(e){var n=e.distance,t=e.overChargeOffset;
1return{style:{top:"calc(".concat(100*(n*(1-t)+t),"%)")}}})).withConfig({componentId:"sc-ca674334-4"})(u(),(function(e){return e.showNumbers?"15px":"11px"})),v=r.ZP.div.withConfig({componentId:"sc-ca674334-5"})(l()),x=r.ZP.div.withConfig({componentId:"sc-ca674334-6"})(d())},47405:function(e,n,t){"use strict";t.d(n,{Z:function(){return v}});var i=t(2272),r=t(11527),o=t(43226),a=t.n(o),s=t(48663),c=t(50959),u=t(46276),l=function(e,n){return e>=0&&e<=1?e*n:e>1?1:0},d=function(e,n){var t=e.overChargeOffset,i=c.useRef(),o=c.useRef(),a=c.useRef(),s=1-t;return c.useImperativeHandle(n,(function(){return{set:function(e,n){o.current&&(o.current.style.transform="scaleY(".concat(1-l(e,s),")")),a.current&&(a.current.style.bottom="".concat(100*l(n,s),"%"))}}})),(0,r.jsxs)(u.iG,{overChargeOffset:t,ref:i,children:[(0,r.jsx)(u.ZF,{}),(0,r.jsx)(u.z$,{"data-testid":"bar",ref:o}),(0,r.jsx)(u.xh,{ref:a})]})},p=c.forwardRef(d),f=.03,h=[[0,0],[1/12*1,5],[1/12*2,10],[.25,15],[1/12*4,20],[1/12*5,25],[.5,30],[1/12*7,35],[1/12*8,40],[.75,45],[1/12*10,50],[1/12*11,55],[1,"\u221e"]],m=function(e){var n=e.showNumbers,t=void 0===n||n;return(0,r.jsx)(r.Fragment,{children:h.map((function(e){var n=(0,i.Z)(e,2),o=n[0],a=n[1];return(0,r.jsx)(u.__,{distance:o,overChargeOffset:f,showNumbers:t,children:(0,r.jsx)("span",{children:t&&a})},o)}))})},g=function(e){return e/60+1},v=(0,s.Pi)((function(e){var n=e.className,t=e.subscribe,i=void 0===t?function(){return a()}:t,o=e.showScale,s=void 0===o||o,l=e.isStereo,d=void 0===l||l,h=c.useRef(),v=c.useRef();return c.useEffect((function(){return i((function(e){var n,t,i=e.currentPeak,r=i.frontLeft,o=i.frontRight,a=e.peakHold,s=a.frontLeft,c=a.frontRight;null===(n=h.current)||void 0===n||n.set(g(r),g(s)),null===(t=v.current)||void 0===t||t.set(g(o),g(c))}))}),[i]),(0,r.jsx)(u.im,{"aria-label":"Volume meter",className:n,children:(0,r.jsxs)(u.ub,{children:[(0,r.jsx)(m,{showNumbers:s}),(0,r.jsx)(p,{ref:h,overChargeOffset:f}),d&&(0,r.jsx)(p,{ref:v,overChargeOffset:f})]})})}))},67042:function(e,n,t){"use strict";var i=t(43119),r=t(11527),o=t(43226),a=t.n(o),s=t(25653),c=t(34002),u=t(6379);function l(){var e=(0,i.Z)(["\n text-align: center;\n"]);return l=function(){return e},e}function d(){var e=(0,i.Z)(["\n margin: auto;\n"]);return d=function(){return e},e}var p=u.ZP.div.withConfig({componentId:"sc-a679215-0"})(l()),f=(0,u.ZP)(s.ZP).withConfig({componentId:"sc-a679215-1"})(d());n.Z=function(e){var n=e.maxClientConnections,t=e.confirmCallback;return(0,r.jsx)(c.ZP,{type:"loading",height:"auto",closeModal:a(),footer:function(){return(0,r.jsx)(c.mz,{children:(0,r.jsx)(f,{type:"primary",icon:"reload",iconPosition:"right",onClick:t,children:"Retry"})})},children:(0,r.jsxs)(p,{children:[(0,r.jsx)("h1",{children:"Maximum number of users reached"}),(0,r.jsxs)("p",{children:["Each instance of Producer is limited to"," ",n," concurrent users. Please wait for another user to exit Producer and retry."]})]})})}},97561:function(e,n,t){"use strict";var i=t(82400),r=t(38209),o=t.n(r),a=i.V5.model("AutoTranscriptionStore",{enabled:i.V5.optional(i.V5.boolean,!1),applied:i.V5.optional(i.V5.boolean,!1),delay:i.V5.optional(i.V5.number,1e3),volumeThreshold:i.V5.optional(i.V5.number,0),language:i.V5.optional(i.V5.string,"en-GB"),dictionary:i.V5.array(i.V5.string)}).views((function(e){return{get delayInSeconds(){return e.delay/1e3},get volumeThresholdInPerc(){return Math.round(100*e.volumeThreshold)},get dictionaryString(){return e.dictionary.join(", ")}}})).actions((function(e){return{update:function(){(0,i.dU)(e).producerAPI.updateCaptioning({enabled:e.enabled,delay:e.delay,language:e.language,dictionary:e.dictionary,volumeThreshold:e.volumeThreshold})},restart:function(){(0,i.dU)(e).producerAPI.restartCaptioning()}}})).actions((function(e){return{throttledUpdate:o()((function(){return e.update()}),1e3)}})).actions((function(e){return{toggle:function(n){e.enabled=void 0!==n?n:!e.enabled,e.update()},setDelay:function(n){e.delay=1e3*n,e.throttledUpdate()},setLanguage:function(n){e.language=n,e.throttledUpdate()},setDictionary:function(n){var t=n.slice(0,1e3);
1e.dictionary.replace(t),e.update()},setVolumeThreshold:function(n){e.volumeThreshold=n,e.throttledUpdate()}}}));n.Z=a},26601:function(e,n,t){"use strict";t.d(n,{Eu:function(){return l},M1:function(){return d},Sj:function(){return i},yC:function(){return g}});var i,r=t(57389),o=t(82400),a=t(97561);!function(e){e.All="all",e.Rendered="rendered",e.Selected="selected",e.AutoTranscription="autoTranscription"}(i||(i={}));var s={a53:{enabled:!1,mode:i.Rendered,selectedSourceId:""},scte35:{enabled:!1,mode:i.All,selectedSourceId:""},smpte2038:{enabled:!1,mode:i.All,selectedSourceId:""}},c={video:16,scte35:17,smpte2038:18,audio:19},u={mpegTsStartPids:c,passthrough:s,autoTranscription:{applied:!1,delay:1e3,dictionary:[],enabled:!1,language:"en-GB",volumeThreshold:0}},l=16,d=8190,p=o.V5.model("MpegTsStartPids",{video:o.V5.integer,audio:o.V5.integer,scte35:o.V5.integer,smpte2038:o.V5.integer}).views((function(e){return{get producerAPI(){return(0,o.dU)(e).producerAPI}}})),f=o.V5.model("Passthrough",{enabled:!1,mode:o.V5.enumeration(Object.values(i)),selectedSourceId:""}).views((function(e){return{get type(){return(0,o.lt)(e).at(-1)}}})).actions((function(e){return{updateMode:function(n){(0,o.nc)(e,m).updatePassthrough(e.type,{mode:n})},updateSelectedSourceId:function(n){(0,o.nc)(e,m).updatePassthrough(e.type,{selectedSourceId:n})},toggle:function(){(0,o.nc)(e,m).updatePassthrough(e.type,{enabled:!e.enabled})}}})),h=o.V5.model("OutputPassthrough",{a53:f,scte35:f,smpte2038:f}),m=o.V5.model("Output",{mpegTsStartPids:o.V5.optional(p,c),passthrough:o.V5.optional(h,s),autoTranscription:o.V5.optional(a.Z,{})}).views((function(e){return{get producerAPI(){return(0,o.dU)(e).producerAPI}}})).actions((function(e){return{updatePassthrough:function(n,t){var i=(0,o.lt)(e).at(-1);e.producerAPI.updateOutputs((0,r.Z)({},i,{passthrough:(0,r.Z)({},n,t)}))},updateMpegTsStartPids:function(n){var t=(0,o.lt)(e).at(-1);e.producerAPI.updateOutputs((0,r.Z)({},t,{mpegTsStartPids:n}))}}})),g=o.V5.model("Outputs",{program:o.V5.optional(m,u)})},25169:function(e,n,t){"use strict";t.d(n,{n:function(){return o}});var i=t(43119);function r(){var e=(0,i.Z)(["\n ::-webkit-scrollbar {\n height: 11px;\n width: 11px;\n }\n ::-webkit-scrollbar-track {\n background-color: #36425c;\n }\n ::-webkit-scrollbar-thumb {\n background-color: #596281;\n border: 2.5px solid #36425c;\n border-radius: 6px;\n }\n"]);return r=function(){return e},e}var o=(0,t(6379).iv)(r())},42772:function(e,n,t){"use strict";t.d(n,{e:function(){return p},p:function(){return d}});var i=t(57389),r=t(10629),o=t(13927),a=t(36838),s=t.n(a),c=t(84715),u=t.n(c),l=t(35989),d=function(e){return function(n,t){if((0,l.Gd)()){var i,r,o=u()(t,"position");e.setInputsInPreview(o.map((function(e){return null!==(i=e.preview.sourceId)&&void 0!==i?i:""}))),e.setInputsInLive(o.map((function(e){return null!==(r=e.program.sourceId)&&void 0!==r?r:""})))}}};function p(e){var n,t=e.store,a=e.serverConfig,c=e.usersCollection,u=e.onMaxUsers,p=e.onConnectSuccess,f=function(e,n){if(o.Messaging.protocolMessageType.MaxClientConnections===e&&u){var t=JSON.parse(n).maxClientConnections;u(t)}if(c&&o.Messaging.protocolMessageType.UserList===e){var i=JSON.parse(n);c.each((function(e){e.set("connected",i.includes(e.id))}))}o.Messaging.protocolMessageType.SetSessionInfo===e&&a.setSessionInfo(JSON.parse(n)),o.Messaging.protocolMessageType.Login===e&&p&&p()},h=a.messagingSocket;h.on(h.events.PROTOCOL_MESSAGE,f);var m=(n={},(0,i.Z)(n,"cloudproducer/audioMixer/info/",(function(e,n){t.audioMixer.setInfo(n)})),(0,i.Z)(n,"cloudproducer/audioMixer/nodes/",(function(e,n){t.audioMixer.setNodes(n)})),(0,i.Z)(n,"cloudproducer/audioMixer/nodes/:nodeId",(function(e,n,i,r){e===o.Messaging.commandMethodType.DELETE&&t.audioMixer.deleteNode(r)})),(0,i.Z)(n,"cloudproducer/performance",(function(e,n){t.streamConfig.setCpuUsage(100*n.usage)})),(0,i.Z)(n,"cloudproducer/layers2",d(t.streamConfig)),(0,i.Z)(n,o.Messaging.constants.paths.inputs.IN_PREVIEW,(function(e,n){(0,l.Gd)()||t.streamConfig.setInputsInPreview(n)})),(0,i.Z)(n,o.Messaging.constants.paths.inputs.IN_LIVE,(function(e,n){(0,l.Gd)()||t.streamConfig.setInputsInLive(n)}
1)),(0,i.Z)(n,"cloudproducer/inputs/",(function(e,n,i){i?r.Z.showWarningModal("Oops","You have reached the maximum number of live inputs"):t.streamConfig.setInputs(n)})),(0,i.Z)(n,"cloudproducer/inputs/:inputId",(function(e,n,i,a){i?e===o.Messaging.commandMethodType.DELETE?r.Z.showWarningModal("Oops","Active inputs cannot be deleted"):r.Z.showWarningModal("Oops","You have reached the maximum number of live inputs"):e===o.Messaging.commandMethodType.DELETE&&t.streamConfig.deleteInput(a)})),(0,i.Z)(n,"cloudproducer/output/audio",(function(e,n){t.streamConfig.program.audio.volume!==n.volume&&t.streamConfig.program.audio.setVolume(n.volume)})),(0,i.Z)(n,"cloudproducer/adMarkers/insertion/break",(function(e,n){s()(n)&&t.streamConfig.updateSCTEAdBreak(n)})),(0,i.Z)(n,"cloudproducer/adMarkers/insertion",(function(e,n){t.streamConfig.setSCTEAdBreak(n)})),(0,i.Z)(n,"cloudproducer/outputs",(function(e,n){t.streamConfig.setOutputs(n)})),(0,i.Z)(n,"cloudproducer/autoTranscription/sessions/default",(function(e,n){t.streamConfig.setAutoTranscription(n)})),(0,i.Z)(n,"cloudproducer/outputTracks",(function(e,n){t.streamConfig.setOutputTracks(n)})),n);for(var g in m)h.listenToCommandPath(g,m[g]);return function(){for(var e in m)h.stopListeningToCommandPath(e,m[e]);h.off(h.events.PROTOCOL_MESSAGE,f)}}},52408:function(e,n,t){"use strict";t.d(n,{Om:function(){return T}});var i,r=t(57135),o=t(72006),a=t(2272),s=t(15767),c=t(11527),u=t(18683),l=t(66424),d=t(13927),p=t(74428),f=t(24669),h=t.n(f),m=t(82691),g=t.n(m),v=t(56549),x=t.n(v),y=t(89300),b=t.n(y),I=t(43226),w=t.n(I),P=t(72522),S=t(98400);!function(e){e.AudioInput="audioinput",e.VideoInput="videoinput",e.Camera="localcamera",e.Microphone="localmicrophone"}(i||(i={}));var Z={width:1280,height:720},C={aspectRatio:{ideal:16/9},width:{ideal:1280},height:{ideal:720}},j={deviceId:"",label:"",value:"",kind:"audioinput",toJSON:function(){return{}},groupId:""},k={deviceId:"",label:"",value:"",kind:"videoinput",toJSON:function(){return{}},groupId:""},T=function(e){var n=(0,a.Z)(e,4),t=n[0],i=n[1];return{topLeft:{x:t,y:i},bottomRight:{x:t+n[2],y:i+n[3]}}},R={conformCoordinatesArray:function(e){return e.map((function(e){return(0,u.Iw)(e,p.ZP.PRODUCER_COORDINATES_FLOATING_POINT_PRECISION)}))},coordinates:{dataToValue:function(e,n){return h()(e)?R.conformCoordinatesArray([e[0]*n.width,e[1]*n.height,e[2]*n.width,e[3]*n.height]):void 0},valueToData:function(e,n){return h()(e)?[(0,u.Fe)(e[0],n.width,p.ZP.PRODUCER_COORDINATES_FLOATING_POINT_PRECISION),(0,u.Fe)(e[1],n.height,p.ZP.PRODUCER_COORDINATES_FLOATING_POINT_PRECISION),(0,u.Fe)(e[2],n.width,p.ZP.PRODUCER_COORDINATES_FLOATING_POINT_PRECISION),(0,u.Fe)(e[3],n.height,p.ZP.PRODUCER_COORDINATES_FLOATING_POINT_PRECISION)]:void 0}},getOutputSize:function(){var e,n=App.Models.selectedStream.getEncode();switch(b()(n.forcedAspectRatio)?p.ZP.ASPECT_RATIO_16_9_STRING:n.forcedAspectRatio){case p.ZP.ASPECT_RATIO_1_1_STRING:e=n.encodingProfile.squareLiveEncodingPreset;break;case p.ZP.ASPECT_RATIO_9_16_STRING:e=n.encodingProfile.verticalLiveEncodingPreset;break;case p.ZP.ASPECT_RATIO_2_1_STRING:e=n.encodingProfile.live360EncodingPreset;break;default:e=n.encodingProfile.liveEncodingPreset}return b()(e)?Z:{width:e.videoWidth,height:e.videoHeight}},isValidCoordinatesArray:function(e){return h()(e)&&4===e.length&&e.every(u.z0)},getLocalMediaStream:function(){var e=(0,r.Z)((function(e){return(0,s.__generator)(this,(function(n){return[2,navigator.mediaDevices.getUserMedia(e)]}))}));return function(n){return e.apply(this,arguments)}}(),getLocalMediaStreamDevices:function(){var e=(0,r.Z)((function(e){var n,t,i;return(0,s.__generator)(this,(function(r){switch(r.label){case 0:return navigator.mediaDevices?[4,window.navigator.mediaDevices.enumerateDevices()]:[3,6];case 1:return n=r.sent(),!n.find((function(e){return e.label.length>0}))?[4,R.getLocalMediaStream(e)]:[3,4];case 2:return t=r.sent(),[4,R.getLocalMediaStreamDevices(e)];case 3:return i=r.sent(),R.stopMediaStreamTracks(t),[2,i];case 4:return[2,n];case 5:return[3,7];case 6:return[2,Promise.reject(new Error("NotAllowedError"))];case 7:return[2]}}
1))}));return function(n){return e.apply(this,arguments)}}(),getLocalSourceOptions:function(e){var n=[],t=[];return e.forEach((function(e){var r="default"!==e.deviceId;e.value=e.deviceId,r&&e.kind===i.AudioInput?n.push(e):r&&e.kind===i.VideoInput&&t.push(e)})),{audioDevices:n,videoDevices:t}},addLocalSource:function(e){var n=e.layerIndex,t=e.localSource,i=e.displayName,r=e.cameraId,a=e.microphoneId,s=e.videoID,c=(0,o.Z)({},!!a&&{audio:{deviceId:{exact:a}}},!!r&&{video:(0,o.Z)({deviceId:{exact:r}},C)});R.getLocalMediaStream(c).then((function(e){if(e.getTracks().length>0){var o=App.Models.localMediaStreams;o.push(new d.LocalSourcesWebRTCClient({mediaStream:e,videoID:s,displayName:i,layerIndex:n,localSource:t,userID:App.Models.user.get("userId"),messagingSocket:App.Models.serverConfig.messagingSocket,audioDeviceID:a||void 0,videoDeviceID:r||void 0,webrtcConfiguration:App.Models.serverConfig.webrtcConfiguration})),o.find((function(n){return n.mediaStream.id===e.id})).createOffer()}})).catch((function(e){return R.handleGetUserMediaException({error:e,isLocalCamera:!!r,onClose:function(){return location.hash=""}})}))},handleGetUserMediaException:function(e){var n=e.error,t=e.isLocalCamera,i=e.onClose,r=void 0===i?w():i,o=n.name,a=n.message,s=t?"Please ensure browser permissions for camera and microphone have been granted before continuing":"Please ensure browser permission for microphone has been granted before continuing";if("NotAllowedError"!==n.name&&"NotAllowedError"!==a)throw new Error("handleGetUserMediaException : ".concat(o," - ").concat(a));(0,l.bA)((0,c.jsx)(P.Z,{title:"Permission denied",closeModal:r,confirmLabel:"OK",children:s}),document.body)},stopMediaStreamTracks:function(e){e.getTracks().forEach((function(e){return e.stop()}))},deleteLocalMediaStream:function(e){var n,t=(null===App||void 0===App||null===(n=App.Models)||void 0===n?void 0:n.localMediaStreams)||[];return t.forEach((function(n,i){if(n&&n.videoID===e)return R.stopMediaStreamTracks(n.mediaStream),t.splice(i,1),!0})),!1},isLocalCamera:function(e){return e===i.Camera},isLocalMicrophone:function(e){return e===i.Microphone},getDisplayNamePreset:function(e){var n=R.getCameraLabel(e),t=R.getMicrophoneLabel(e);return t?"".concat(e.userName," - ").concat(t):n?"".concat(e.userName," - ").concat(n):void 0},getMicrophoneLabel:function(e){return R.isLocalMicrophone(e.localSource)&&e.microphoneOption&&e.microphoneOption.label},getCameraLabel:function(e){var n=!R.isLocalMicrophone(e.option);return R.isLocalCamera(e.localSource)&&n&&e.cameraOption&&e.cameraOption.label},localSourceDefaultFields:function(e){var n,t,i=e.localDevices,r=e.type,a=void 0===r?"":r,s=e.reconnectData,c=e.userName;if(g()(i)||!i.audioDevices||!i.videoDevices)throw new Error("localSourceDefaultFields: Please ensure localDevices contains properties audioDevices and videoDevices");var u=R.isLocalCamera(a),l=i.audioDevices,d=i.videoDevices,p=l[0]||j,f=u&&d[0]||k;if(s){n=s.displayName;var h=R.findLocalDeviceById(l,s.audioDeviceID),m=u&&R.findLocalDeviceById(d,s.videoDeviceID);t={defaultMicrophone:h||p,defaultCamera:m||f}}else t={defaultMicrophone:p,defaultCamera:f},n=R.getDisplayNamePreset({userName:c,option:a,localSource:a,cameraOption:t.defaultCamera,microphoneOption:t.defaultMicrophone});return(0,o.Z)({displayName:n},i,t)},findLocalDeviceById:function(e,n){return e.find((function(e){var t=e.deviceId,i=e.kind;return t===n&&["audioinput","videoinput"].includes(i)}))},shouldShowAudioStreams:function(e){return h()(e)&&e.length>1},getAudioStreamLabel:function(e){var n=e.language,t=e.streamIndex,i=S.Z.getLanguageNameByISO(n);return i?"".concat(t,": ").concat(i):b()(n)&&x()(n)?"".concat(t,": ").concat(n):"".concat(t,": Unknown")}};i.AudioInput,i.VideoInput,i.Camera,i.Microphone;n.ZP=R},63279:function(e,n,t){"use strict";var i;t.d(n,{jS:function(){return o},xC:function(){return r}}),function(e){e.Low="low",e.Medium="medium",e.High="high"}(i||(i={}));var r=[{id:i.Low,label:"Low",value:"Low"},{id:i.Medium,label:"Medium",value:"Medium"},{id:i.High,label:"High",value:"High"}],o=[{id:i.Low,label:"Low quality",value:i.Low},{id:i.Medium,label:"Medium quality",value:i.Low},{id:i.High,label:"High quality",value:i.Low}]},78026:function(e,n,t){"use strict";t.d(n,{c:function(){return r},f:function(){return i}});var i=function(e){var n=e.audioDataStreamId,t=e.peerConnection,i=e.volumeEmitter,r=e.label;r&&(null===t||void 0===t?void 0:t.createDataChannel)&&t.createDataChannel
1(r),t.ondatachannel=function(e){e.channel.onmessage=function(e){var t=e.data,r=JSON.parse(t).metadata.audio.dBFS;i.emit("".concat(n),r)}}},r=function(e){var n=e.peerConnection,t=e.volumeEmitter,i=e.label;i&&(null===n||void 0===n?void 0:n.createDataChannel)&&n.createDataChannel(i),n.ondatachannel=function(e){e.channel.onmessage=function(e){var n=e.data,i=JSON.parse(n);for(var r in i){var o=i[r].metadata.audio.dBFS;t.emit(r,o)}}}}},57648:function(e,n,t){"use strict";t.d(n,{g:function(){return o}});var i=t(43119);function r(){var e=(0,i.Z)(["\n display: flex;\n height: 90%;\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n margin: 0 ",";\n justify-content: flex-end;\n & > div {\n position: relative;\n top: 0;\n right: 0;\n height: 100%;\n }\n\n & > div ul {\n justify-content: space-between;\n height: 100%;\n }\n\n & > div li {\n margin: 0;\n }\n"]);return r=function(){return e},e}var o=t(6379).ZP.section.withConfig({componentId:"sc-6a7df0-0"})(r(),(function(e){return e.theme.smallPadding}))},36989:function(e,n,t){"use strict";var i=t(72006),r=t(4405),o=t(77637),a=t(11527),s=t(48663),c=t(47405),u=t(76608),l=t(67267),d=t(57648),p=(0,s.Pi)((function(e){var n=e.muted,t=e.events,s=e.controls,p=e.children,f=e.playerRef,h=e.onLoadedData,m=e.videoStreamID,g=e.subscribeToVolume,v=(0,o.Z)(e,["muted","events","controls","children","playerRef","onLoadedData","videoStreamID","subscribeToVolume"]),x=(0,l.oR)().streamConfig,y=x.connectPlayerToWebRTCPlayback,b=x.disconnectPlayerFromWebRTCPlayback;return(0,a.jsxs)(u.Z,(0,r.Z)((0,i.Z)({},v),{ref:f,muted:n,events:t,controls:s,videoStreamID:m,connectPlayerToWebRTCPlayback:y,disconnectPlayerFromWebRTCPlayback:b,onLoadedData:h,children:[p,g&&(0,a.jsx)(d.g,{children:(0,a.jsx)(c.Z,{showScale:!1,subscribe:g})})]}))}));n.Z=p},70094:function(e,n,t){"use strict";t.d(n,{Ag:function(){return Z},Am:function(){return S},Oj:function(){return I},S5:function(){return y},TK:function(){return C},Tg:function(){return R},WH:function(){return b},X2:function(){return j},XU:function(){return x},bY:function(){return P},eW:function(){return g},hX:function(){return w},kk:function(){return k},ll:function(){return m},uO:function(){return v},zQ:function(){return T}});var i=t(72006),r=t(4405),o=t(43119),a=t(6379);function s(){var e=(0,o.Z)(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n flex: 1;\n gap: 5px;\n padding: 10px 15px;\n\n h3 {\n font-size: 14px;\n font-weight: 600;\n margin-bottom: 0;\n }\n\n p {\n font-size: 11px;\n }\n"]);return s=function(){return e},e}function c(){var e=(0,o.Z)(["\n font-size: 12px;\n\n h4 {\n font-weight: 700;\n margin-bottom: 0;\n }\n"]);return c=function(){return e},e}function u(){var e=(0,o.Z)(["\n display: flex;\n flex-direction: column;\n gap: 5px;\n padding: 10px 15px;\n"]);return u=function(){return e},e}function l(){var e=(0,o.Z)(["\n color: #a3a8b4;\n"]);return l=function(){return e},e}function d(){var e=(0,o.Z)(["\n width: 18px;\n height: 18px;\n border: 2px solid currentColor;\n border-bottom-color: transparent;\n border-radius: 50%;\n display: inline-block;\n box-sizing: border-box;\n animation: rotation 1s linear infinite;\n\n @keyframes rotation {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n"]);return d=function(){return e},e}function p(){var e=(0,o.Z)(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"]);return p=function(){return e},e}function f(){var e=(0,o.Z)(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"]);return f=function(){return e},e}function h(){var e=(0,o.Z)(["\n font-size: 13px;\n\n hr {\n border-top: 1px solid ",";\n clear: both;\n width: 100%;\n }\n\n .noBorder {\n border-top: none;\n margin: 10px -1em;\n }\n\n .border {\n margin: 10px -1em;\n }\n"]);return h=function(){return e},e}var m=a.ZP.div.withConfig({componentId:"sc-9874018a-0"})(s()),g=a.ZP.div.withConfig({componentId:"sc-9874018a-1"})(c()),v=a.ZP.div.withConfig({componentId:"sc-9874018a-2"})(u()),x=a.ZP.p.withConfig({componentId:"sc-9874018a-3"}
1)(l()),y={color:"#e2e2e2"},b={color:"#d8d8d8"},I={color:"#505050"},w={color:"#00b187"},P={color:"#00aa82"},S={color:"#f09d12"},Z={color:"#f03f55"},C=a.ZP.div.withConfig({componentId:"sc-9874018a-4"})(d()),j=a.ZP.div.withConfig({componentId:"sc-9874018a-5"})(p()),k=a.ZP.div.withConfig({componentId:"sc-9874018a-6"})(f()),T={container:function(e){return(0,r.Z)((0,i.Z)({},e),{height:"18px"})},control:function(e){return(0,r.Z)((0,i.Z)({},e),{background:"transparent",border:0,boxShadow:0,height:"18px",minHeight:"18px","&:hover":{border:0}})},dropdownIndicator:function(e,n){var t=n.isDisabled;return(0,r.Z)((0,i.Z)({},e),{color:"#596281",opacity:t?.5:1})},indicatorsContainer:function(e){return(0,r.Z)((0,i.Z)({},e),{"& > div":{padding:0}})},indicatorSeparator:function(){return{display:"none"}},singleValue:function(e,n){var t=n.isDisabled;return(0,r.Z)((0,i.Z)({},e),{color:"#596281",opacity:t?.5:1})},valueContainer:function(e){return(0,r.Z)((0,i.Z)({},e),{padding:"0"})}},R=a.ZP.div.withConfig({componentId:"sc-9874018a-7"})(h(),(function(e){return e.theme.colors.outline}))},11655:function(e,n,t){"use strict";t.d(n,{Bu:function(){return b},R2:function(){return m},SA:function(){return w},Vm:function(){return I},XU:function(){return x},fN:function(){return y},h4:function(){return g},hU:function(){return v}});var i=t(43119),r=t(6379),o=t(28195),a=t(92928);function s(){var e=(0,i.Z)(["\n display: flex;\n flex-direction: column;\n align-items: center;\n color: #fff;\n position: absolute;\n top: 50%;\n left: 0;\n transform: translateY(-50%);\n width: 100%;\n"]);return s=function(){return e},e}function c(){var e=(0,i.Z)(["\n background: ",";\n color: #fff;\n font-size: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0.5rem;\n\n h3 {\n margin: 0;\n flex: 1;\n text-align: center;\n }\n"]);return c=function(){return e},e}function u(){var e=(0,i.Z)(["\n background-color: transparent;\n border: none;\n display: flex;\n padding: 0;\n\n &:hover {\n color: ",";\n }\n"]);return u=function(){return e},e}function l(){var e=(0,i.Z)(["\n color: ",";\n font-size: 14px;\n margin-bottom: 1rem;\n"]);return l=function(){return e},e}function d(){var e=(0,i.Z)(["\n font-size: 11px;\n color: #b2b9d3;\n"]);return d=function(){return e},e}function p(){var e=(0,i.Z)(["\n color: #fff;\n font-size: 14px;\n margin-bottom: 1rem;\n"]);return p=function(){return e},e}function f(){var e=(0,i.Z)(["\n margin-top: 15px;\n overflow: initial;\n"]);return f=function(){return e},e}function h(){var e=(0,i.Z)(["\n color: #b2b9d3;\n box-shadow: 1px 1px 1px #1f1f1f;\n background-color: #262f3f;\n padding: 0 10px;\n"]);return h=function(){return e},e}var m=r.ZP.div.withConfig({componentId:"sc-f14264c3-0"})(s()),g=r.ZP.header.withConfig({componentId:"sc-f14264c3-1"})(c(),(function(e){return e.theme.colors.primaryBackground})),v=(0,r.ZP)(o.D).withConfig({componentId:"sc-f14264c3-2"})(u(),(function(e){return e.theme.colors.primary})),x=r.ZP.p.withConfig({componentId:"sc-f14264c3-3"})(l(),(function(e){return e.theme.colors.outlineSidebar})),y=(0,r.ZP)(a.Q_).withConfig({componentId:"sc-f14264c3-4"})(d()),b=r.ZP.header.withConfig({componentId:"sc-f14264c3-5"})(p()),I=(0,r.ZP)(a.Vm).withConfig({componentId:"sc-f14264c3-6"})(f()),w=(0,r.ZP)(a.SA).withConfig({componentId:"sc-f14264c3-7"})(h())},53414:function(e,n,t){"use strict";t.d(n,{P:function(){return l}});var i=t(72006),r=t(4405),o=t(11527),a=t(19079),s=t(82065),c=t(14107),u=(0,r.Z)((0,i.Z)({},a._l),{control:function(e,n){var t=n.isDisabled;return(0,r.Z)((0,i.Z)({},e),{background:"#333E54",boxShadow:0,border:"none",borderRadius:"3px",fontSize:"12px",height:"35px",minHeight:"35px",opacity:t?.5:1})},placeholder:function(e){return(0,r.Z)((0,i.Z)({},e),{color:"rgba(178, 185, 211, 0.5)"})},singleValue:function(e){return(0,r.Z)((0,i.Z)({},e),{color:c.$.colors.inputText})}}),l=function(e){return(0,o.jsx)(s.ZP,(0,i.Z)({classNamePrefix:"react-select",styles:u},e))}},35989:function(e,n,t){"use strict";function i(){var e;return null===(e=App.Models.serverConfig)||void 0===e?void 0:e._encode.audioMixerV2Enabled}function r(){var e;return null===(e=App.Models.serverConfig)||void 0===e?void 0:e._encode.autoTranscriptionEnabled}function o(){return App.Models.featuresConfig.isProducerAutoRecueEnabled()}function a(){return App.Models.featuresConfig.isProducerCompressionEnabled()}function s(){return App.Models.featuresConfig.isProducerDynamicTransitionsEnabled()}function c(){return App.Models.featuresConfig.isProducerEditLiveSourceEnabled()}function u(){return App.Models.featuresConfig.isProducerGuestRemoteControlsEnabled()}function l(){return"function"===typeof CSS.supports&&CSS.supports("aspect-ratio: 16 / 9")}t.d(n,{BR:function(){return P}
1,EY:function(){return S},Fg:function(){return a},G9:function(){return l},Gd:function(){return w},JE:function(){return f},Jh:function(){return g},MV:function(){return j},NX:function(){return h},QJ:function(){return k},Qm:function(){return d},Re:function(){return p},S8:function(){return C},UH:function(){return T},UI:function(){return R},Uw:function(){return x},VX:function(){return I},Xl:function(){return c},_K:function(){return v},aP:function(){return r},aY:function(){return i},gJ:function(){return s},i1:function(){return L},jc:function(){return u},ji:function(){return y},sq:function(){return Z},tU:function(){return o},vP:function(){return m},zu:function(){return b}});var d=function(){return App.Models.featuresConfig.isProducer30SecondDelaySliderEnabled()};function p(){var e;return null===(e=App.Models.selectedStream)||void 0===e?void 0:e.get("producerEncode").isoRecordingEnabled}function f(){var e;return null===(e=App.Models.featuresConfig)||void 0===e?void 0:e.isLiveSourceAudioStreamsEnabled()}function h(){return App.Models.featuresConfig.isProducerMediaPlayerTrimmerEnabled()}function m(){return App.Models.featuresConfig.isMultiviewerQualitySettingEnabled()}function g(){return App.Models.featuresConfig.isProducerQualitySettingEnabled()}var v=function(){return App.Models.featuresConfig.isProducerMultiDisplaySettingsEnabled()};function x(){var e;return null===(e=App.Models.serverConfig)||void 0===e?void 0:e._encode.replayEnabled}function y(){return App.Models.featuresConfig.isProducerSupportedBrowsersOnlyEnabled()}var b=function(){return App.Models.featuresConfig.isProducerMagicLinksEnabled()},I=function(){return App.Models.featuresConfig.isProducerStereoBalanceEnabled()},w=function(){return App.Models.featuresConfig.isProducerSwitchToPreviewEnabled()},P=function(){return App.Models.featuresConfig.isProducerVideoAudioDecodeEnabled()},S=function(){return App.Models.featuresConfig.isProducerMultiTrackEnabled()},Z=function(){return App.Models.featuresConfig.isProducerTargetSourceByTitleEnabled()},C=function(){return App.Models.featuresConfig.isProducerUDVRMarkersEnabled()},j=function(){return App.Models.featuresConfig.isProducerTextOverlayEnabled()},k=function(){return App.Models.featuresConfig.isProducerOpenCaptionsEnabled()},T=function(){return App.Models.featuresConfig.isProducerThreadsWebsourceEnabled()},R=function(){return App.Models.featuresConfig.isProducerMultiTrackMediaPlayersEnabled()},L=function(){return App.Models.featuresConfig.isProducerAcceptsNonIncreasingAudioTimestampsEnabled()}},65722:function(e,n,t){"use strict";t.d(n,{Jp:function(){return f},Ue:function(){return u},Vx:function(){return d},ej:function(){return s}});var i=t(57135),r=t(15767),o=t(71567),a=function(e){return e.data.data};function s(e){return c.apply(this,arguments)}function c(){return(c=(0,i.Z)((function(e){var n,t;return(0,r.__generator)(this,(function(i){return n=e.streamId,t=e.api,[2,(void 0===t?o.hi:t).get("/v1/streams/".concat(n,"/multiviewers")).then(a)]}))}))).apply(this,arguments)}function u(e){return l.apply(this,arguments)}function l(){return(l=(0,i.Z)((function(e){var n,t,i;return(0,r.__generator)(this,(function(r){return n=e.streamId,t=e.name,i=e.data,[2,(0,o.ty)("/v1/streams/".concat(n,"/multiviewers"),{name:t,data:i}).then(a)]}))}))).apply(this,arguments)}function d(e){return p.apply(this,arguments)}function p(){return(p=(0,i.Z)((function(e){var n,t,i,s;return(0,r.__generator)(this,(function(r){return n=e.streamId,t=e.multiviewerId,i=e.name,s=e.data,[2,(0,o.gz)("/v1/streams/".concat(n,"/multiviewers/").concat(t),{name:i,data:s}).then(a)]}))}))).apply(this,arguments)}function f(e){return h.apply(this,arguments)}function h(){return(h=(0,i.Z)((function(e){var n,t;return(0,r.__generator)(this,(function(i){return n=e.streamId,t=e.multiviewerId,[2,(0,o.Od)("/v1/streams/".concat(n,"/multiviewers/").concat(t)).then(a)]}))}))).apply(this,arguments)}},62615:function(e,n,t){"use strict";t.d(n,{$:function(){return o},F:function(){return r}});var i=t(33335),r={layout1:{label:"Layout 1",value:i.A.Layout1,icon:"template"},layout2:{label:"Layout 2",value:i.A.Layout2,icon:"grid-view"}},o="local"},33335:function(e,n,t){"use strict";var i;t.d(n,{A:function(){return i}}),function(e){e.Layout1="layout1",e.Layout2="layout2"}(i||(i={}))},43632:function(e,n,t){"use strict";t.d(n,{O$:function(){return p},Tl:function(){return f},eV:function(){return h}});var i=t(57389),r=t(72006),o=t(13927),a=t(36838),s=t.n(a),c=t(46822),u=t(42772),l=t(78026),d=t(35989);function p(e){var n=e.streamId,t=e.multiviewerId,i=void 0===t?void 0:t,r="/multiviewer.jsp?streamId=".concat(n).concat(i?"&multiviewerId=".concat(i):""),o="Multiviewer ".concat(i),a=.8*window.screen.height,s=.8*window.screen.width,c="noopener,height=".concat(a,",width=").concat(s,",screenX=100,screenY=0");window.open(r,o,c)}function f(e){var n=e.stream,t=e.userId,i=n.producerEncode,o=i.elasticEncoder;return new c.ZP({encode:(0,r.Z)({},i,o),userId:t})}function h(e){var n,t=e.serverConfig,r=e.store,a=e.onConnectSuccess,p=void 0===a?function(){}:a,f=e.onLogin,h=void 0===f?function(){}:f,m=e.onMaxUsers,g=void 0===m?function(){}
1:m,v=function(e,n){if(o.Messaging.protocolMessageType.SetSessionInfo===e&&(t.setSessionInfo(JSON.parse(n)),p&&p()),o.Messaging.protocolMessageType.Login===e&&h&&h(),o.Messaging.protocolMessageType.MaxClientConnections===e&&g){var i=JSON.parse(n).maxClientConnections;g(i)}},x=t.messagingSocket;x.on(x.events.PROTOCOL_MESSAGE,v);var y=(n={},(0,i.Z)(n,"cloudproducer/webrtc",(function(e,n){var i=n.type,o=n.sdp,a=n.videoID;if("offer"===i){t.receiveSDPOffer(o,a);var s=[c.NW,c.Al,c.Pj].includes(a)?a:r.streamConfig.getAudioIDForVideo(a);(0,l.f)({audioDataStreamId:s,peerConnection:t.getPeerConnection(a),volumeEmitter:r.streamConfig.volumeEmitter,label:"multi-viewer:".concat(a)})}})),(0,i.Z)(n,"cloudproducer/layers2",(0,u.p)(r.streamConfig)),(0,i.Z)(n,o.Messaging.constants.paths.inputs.IN_PREVIEW,(function(e,n){(0,d.Gd)()||r.streamConfig.setInputsInPreview(n)})),(0,i.Z)(n,o.Messaging.constants.paths.inputs.IN_LIVE,(function(e,n){(0,d.Gd)()||r.streamConfig.setInputsInLive(n)})),(0,i.Z)(n,"cloudproducer/inputs/",(function(e,n,t){t||r.streamConfig.setInputs(n)})),(0,i.Z)(n,"cloudproducer/inputs/:inputId",(function(e,n,t,i){e===o.Messaging.commandMethodType.DELETE&&r.streamConfig.deleteInput(i)})),(0,i.Z)(n,"cloudproducer/adMarkers/insertion/break",(function(e,n){s()(n)&&r.streamConfig.updateSCTEAdBreak(n)})),(0,i.Z)(n,"cloudproducer/adMarkers/insertion",(function(e,n){r.streamConfig.setSCTEAdBreak(n)})),n);for(var b in y)x.listenToCommandPath(b,y[b]);return function(){for(var e in y)x.stopListeningToCommandPath(e,y[e]);x.off(x.events.PROTOCOL_MESSAGE,v)}}},73283:function(e,n,t){"use strict";t.d(n,{JS:function(){return g},Oo:function(){return x},dj:function(){return v}});var i=t(72006),r=t(13927),o=t(36838),a=t.n(o),s=t(98400),c=t(13795),u=t(46822),l=t(78026),d=t(82400),p=t(66362),f={stream:d.V5.optional(p.Z,{}),streamConfig:d.V5.optional(p.Z,{})},h=d.V5.model("PopOutPlayerStore",f),m=function(e){var n=e.getServerConfig;return h.create({},{getServerConfig:n})},g={1001:"preview",1002:"program",1003:"clean"};function v(e){var n=e.streamId,t=e.sourceId,i="/producer/player?streamId=".concat(n,"&videoStreamID=").concat(t),r="Producer - ".concat(g[t]," - ").concat(s.Z.generateUUIDv4()),o="height=".concat(400,",width=").concat(640,",screenX=100,screenY=0");window.open(i,r,o).opener=null}function x(e){var n=e.userId,t=e.stream,o=e.setPlayerConnected,s=e.onMaxUsers,d=void 0===s?function(){}:s,p=function(e){var n=e.stream,t=e.userId,r=n.producerEncode,o=r.elasticEncoder;return new u.ZP({encode:(0,i.Z)({},r,o),userId:t})}({stream:t,userId:n}),f=m({getServerConfig:function(){return p}});f.stream.init(t);return p.connectMessagingSocket(),function(e){var n=e.store,t=e.serverConfig,i=e.onConnectSuccess,o=void 0===i?function(){}:i,s=e.onLogin,c=void 0===s?function(){}:s,u=e.onMaxUsers,d=void 0===u?function(){}:u,p=t.messagingSocket;p.listenToCommandPath("cloudproducer/webrtc",(function(e,i){var r=i.type,o=i.sdp,a=i.videoID;"offer"===r&&(t.receiveSDPOffer(o,a),(0,l.f)({audioDataStreamId:a,peerConnection:t.getPeerConnection(a),volumeEmitter:n.stream.volumeEmitter,label:"pop-out-player:".concat(a)}))})),p.listenToCommandPath("cloudproducer/adMarkers/insertion/break",(function(e,t){a()(t)&&n.streamConfig.updateSCTEAdBreak(t)})),p.listenToCommandPath("cloudproducer/adMarkers/insertion",(function(e,t){n.streamConfig.setSCTEAdBreak(t)})),p.on(p.events.PROTOCOL_MESSAGE,(function(e,n){if(r.Messaging.protocolMessageType.MaxClientConnections===e){var i=JSON.parse(n).maxClientConnections;d(i)}r.Messaging.protocolMessageType.SetSessionInfo===e&&(t.setSessionInfo(JSON.parse(n)),o&&o()),r.Messaging.protocolMessageType.Login===e&&c&&c()}))}({serverConfig:p,onConnectSuccess:function(){o(!0);var e=t.streamId,n=t.producerEncodeId;return new c.Z({streamId:e,encodeId:n})},onLogin:function(){p.messagingSocket.sendProtocolMessage(16,{page:"popoutPlayer"})},onMaxUsers:d,store:f}),f}},87223:function(e,n,t){"use strict";t.d(n,{iu:function(){return i}});t(98777);var i=function(e,n){var t=e-n.getBoundingClientRect().left,i=n.offsetWidth;return 1-(i-t)/i}},8438:function(e,n,t){"use strict";t.d(n,{HE:function(){return d},Nf:function(){return l},ZQ:function(){return p},mQ:function(){return u},wy:function(){return c}});var i=t(98777),r=t.n(i),o="Do MMM",a="Do",s="h:mma",c=function(e,n,t){var i="",c=r()(e),u=r()(n);
1return u.isSame(c,"days")?i+=c.format(o):u.isSame(c,"months")?i+="".concat(c.format(a)," - ").concat(u.format(o)):i+="".concat(c.format(o)," - ").concat(u.format(o)),i+=" (".concat(c.format(s)," - "),i+=t?"Live)":"".concat(u.format(s),")")},u=function(e){return r()(e).format("h:mma D/MM/YY")},l=function(e){return r()(e).format("D/MM/YY")},d=function(e){return[new Date(Date.UTC(e.getFullYear(),e.getMonth(),1)),new Date(Date.UTC(e.getFullYear(),e.getMonth()+1,1))]},p=function(e,n,t){return r()(e).isBetween(n,t,void 0,"[]")}},18683:function(e,n,t){"use strict";t.d(n,{Dv:function(){return w},E6:function(){return y},Eg:function(){return I},Fe:function(){return g},Iw:function(){return v},Q7:function(){return x},W$:function(){return m},aP:function(){return f},e5:function(){return b},mh:function(){return h},uZ:function(){return P},z0:function(){return p}});var i=t(19692),r=t(40749),o=t.n(r),a=t(59933),s=t.n(a),c=t(4860),u=t.n(c),l=t(89300),d=t.n(l),p=function(e){return s()(e)&&o()(e)&&!u()(e)},f=function(e,n){if(!Number.isInteger(n)||n<0)throw new RangeError("[".concat(e,": ").concat(n,"] needs to be a positive integer."))},h=function(e,n,t){return!!o()(e)&&(!![n,t].every((function(e){return s()(e)&&!u()(e)}))&&(!(n>=t)&&(e>=n&&e<=t)))},m=function(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:100;if(!p(e))throw new TypeError("getValueAsPercentage() first argument is not a number");if(!p(n))throw new TypeError("getValueAsPercentage() second argument is not a number");if(!p(t))throw new TypeError("getValueAsPercentage() third argument is not a number");return e/n*t},g=function(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:3;if(!p(e)||!p(n))throw new TypeError("Invalid argument. First 2 arguments must be finite numbers'");if(!s()(t)||u()(t))throw new TypeError("Invalid argument. decimalPlaces must be a finite number'");return parseFloat((e/n).toFixed(t))},v=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:3;return parseFloat(e.toFixed(n))},x=function(e){return!u()(Number.parseFloat(e))},y=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.value,t=e.levels,i=e.granularity,r=d()(t)||!s()(t),o=d()(n)||!s()(n),a=d()(i)||!s()(i);if(r||o||a)return!1;var c=Math.round(n/100*t);return c>i?i:c},b=function(e,n){if(!p(e)||!p(n))throw new TypeError("difference() passed invalid arguments. Expected Number, got a: ".concat("undefined"===typeof e?"undefined":(0,i.Z)(e),", b: ").concat("undefined"===typeof n?"undefined":(0,i.Z)(n),"."));return Math.abs(Math.min(e,n)-Math.max(e,n))};function I(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=t.tolerance,o=void 0===r?.01:r;if(!p(e)||!p(n)||!p(o))throw new TypeError("nearlyEquals() passed invalid arguments. Expected Number, got a: ".concat("undefined"===typeof e?"undefined":(0,i.Z)(e),", b: ").concat("undefined"===typeof n?"undefined":(0,i.Z)(n),", tolerance: ").concat("undefined"===typeof o?"undefined":(0,i.Z)(o),"."));return Math.abs(e-n)<o}var w=function(e){var n=Number.isInteger(e);return parseFloat(e).toFixed(n?0:2)},P=function(e,n,t){return Math.min(Math.max(n,e),t)}}},function(e){e.O(0,[9774,9881,4859,6992,7957,4555,1771,3927,7786,6057,2771,9398,9718,7346,9733,8962,4963,6022,3260,2642,831,2253,2493,3145,1971,8053,2062,8289,6362,4283,2199,1499,9477,1153,9129,2888,179],(function(){return n=82631,e(e.s=n);var n}));var n=e.O();_N_E=n}]); 2//# sourceMappingURL=producer-3557c21bf797d477.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.