@getontime/cli/client/assets/Studio-BcvGG2l-.js

Time keeping for live events

(function(){try{var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{};e.SENTRY_RELEASE={id:`f14ad0099eab1969fdd065b56af5fdd3cf530de6`};var t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]=`5a61cb20-29e5-49a0-bf14-c41e363b2bb3`,e._sentryDebugIdIdentifier=`sentry-dbid-5a61cb20-29e5-49a0-bf14-c41e363b2bb3`)}catch{}})();import{a as e,n as t,t as n}from"./jsx-runtime-BNC90REB.js";import{$ as r,Et as i,Kt as a,M as o,Rt as s,Ut as c,_t as l,et as u,j as d,l as f}from"./useSocket-B9-0Z7zf.js";import"./Button-CsttsbOH.js";import{t as p,y as m}from"./useIsSmallScreen-Db4lRgi0.js";import"./Select-CujoWFOD.js";import{K as h}from"./constants-8b9Q9Bj6.js";import"./SwatchPicker-C0WK8dMM.js";import"./viewParamsEditor.store-BcLRa99Z.js";import{t as g}from"./useSettings-CeUw01Bu.js";import"./Input-D-3bhaHU.js";import{t as _}from"./PresetContext-DZh_OrO5.js";import{t as v}from"./viewOptions-z3iLoQCB.js";import"./assets-DU19UGw8.js";import{i as y,s as b,t as x}from"./index-qU8RbaVt.js";import"./Info-QUjDr4I8.js";import"./Empty-CSL3pipV.js";import{i as S,n as C,o as w,t as T}from"./ViewParamsEditor-ZtF4EeBG.js";import{i as E,n as D}from"./viewUtils-CulstVIy.js";import{t as O}from"./useWindowTitle-Dvj2xEXy.js";import{t as k}from"./useAutoTickingClock-CjJeDQz8.js";import{n as A,t as j}from"./common.options-DXL-8UPx.js";import{n as M,t as N}from"./offset-69iljPHz.js";import{t as P}from"./useCustomFields-BMD3tm-0.js";import{t as F}from"./viewLoader.utils-BLkafrJE.js";import{t as I}from"./ViewLogo-BuLAMmbq.js";import{t as L}from"./SuperscriptTime-Byp3JLgw.js";import{t as R}from"./useProjectData-DHesqFeW.js";import{t as z}from"./presentation.utils-Co5R9T_c.js";var B=e(t(),1),V=(e,t)=>{let n=S(t,[{value:`title`,label:`Title`}]);return[{title:C.ClockOptions,collapsible:!0,options:[j(e)]},{title:C.DataSources,collapsible:!0,options:[{id:`main`,title:`Main text`,description:`Select the data source for the main text`,type:`option`,values:n,defaultValue:`title`}]},{title:C.ElementVisibility,collapsible:!0,options:[{id:`hideCards`,title:`Hide cards section`,description:`Hides the card section with the timers`,type:`boolean`,defaultValue:!1}]}]};function H(e,t){let n=n=>t?.get(n)??e.get(n);return{mainSource:n(`main`),hideCards:E(n(`hideCards`)),timeformat:A(e,t)}}function U(){let[e]=m(),t=(0,B.use)(_);return(0,B.useMemo)(()=>H(e,t?new URLSearchParams(t.search):void 0),[t,e])}function W(e,t){let[n,a]=(()=>{let n=r(e,{override:t});return n.endsWith(`AM`)?[n.slice(0,-2),`AM`]:n.endsWith(`PM`)?[n.slice(0,-2),`PM`]:[n,void 0]})();return{seconds:i(e),display:n,meridian:a}}var G=n(),K=[...Array(12).keys()],q=[...Array(60).keys()];function J({hideCards:e}){let{timeformat:t}=U(),n=p(),r=k(),{playback:i}=d(),a=i!==c.Stop;if(n&&!e)return(0,G.jsx)(Y,{clock:r,onAir:a,timeformat:t});let{seconds:o,display:s,meridian:l}=W(r,t);return(0,G.jsx)(`div`,{className:`studio__clock`,children:(0,G.jsxs)(`div`,{className:`clock-container`,children:[q.map(e=>(0,G.jsx)(`div`,{className:h([`tick`,e<=o&&`tick--active`]),style:{transform:`rotate(${180+e*6}deg) translateY(var(--half-size))`}},e)),K.map(e=>(0,G.jsx)(`div`,{className:`tick tick--active`,style:{transform:`rotate(${180+e*30}deg) translateX(var(--smaller-half-size))`}},e)),(0,G.jsx)(`div`,{className:h([`ampm`,!!l&&`ampm--active`]),children:l}),(0,G.jsx)(`div`,{className:`time time--large`,children:s}),(0,G.jsx)(`div`,{className:h([`on-air`,a&&`on-air--active`]),children:`ON AIR`})]})})}function Y({clock:e,onAir:t,timeformat:n}){return(0,G.jsxs)(`div`,{className:`studio__clock studio__clock--small`,children:[(0,G.jsx)(L,{className:`time time--small`,time:r(e,{override:n})}),(0,G.jsx)(`div`,{className:h([`on-air`,t&&`on-air--active`]),children:`ON AIR`})]})}var X={format12:`h:mm a`,format24:`HH:mm`};function Z(e){return{actualStart:r(e.actualStart,X),expectedEnd:r(e.expectedEnd,X),offset:M(e.offset)}}function Q(e,t,n){return{title:e?.[n??`title`]||`-`,startedAt:r(t.startedAt,X),expectedEnd:r(t.expectedFinish,X),timer:l(t.current)}}function $({viewSettings:e}){let{getLocalizedString:t}=x(),{mainSource:n}=U(),{eventNow:r,eventNext:i,message:a,time:l,offset:u,rundown:d,expectedRundownEnd:f}=o(),p=Z({offset:u,actualStart:d.actualStart,expectedEnd:f}),m=Q(r,l,n),g=D(i,n??`title`)||`-`,_=a.timer.visible&&a.timer.text||`-`,v=a.timer.secondarySource===`secondary`&&a.secondary||`-`,y=z(e,void 0,l.phase===s.Warning,l.phase===s.Danger),b=N(u);return(0,G.jsxs)(`div`,{className:`studio__timers`,children:[(0,G.jsx)(`div`,{className:`card`,id:`card-schedule`,children:(0,G.jsxs)(`div`,{className:`card__row`,children:[(0,G.jsxs)(`div`,{children:[(0,G.jsx)(`div`,{className:`label`,children:t(`common.started_at`)}),(0,G.jsx)(`div`,{className:`runtime-timer`,children:p.actualStart})]}),(0,G.jsxs)(`div`,{children:[(0,G.jsx)(`div`,{className:`label center`,children:`Over / under`}),(0,G.jsx)(`div`,{className:h([`runtime-timer`,`center`,!r&&`muted`,b]),children:p.offset})]}),(0,G.jsxs)(`div`,{children:[(0,G.jsx)(`div`,{className:`label right`,children:t(`common.expected_end`)}),(0,G.jsx)(`div`,{className:`runtime-timer right`,children:p.expectedEnd})]})]})}),(0,G.jsxs)(`div`,{className:`card`,id:`card-event-now`,children:[(0,G.jsxs)(`div`,{className:`card__row`,children:[(0,G.jsxs)(`div`,{children:[(0,G.jsx)(`div`,{className:`label`,children:t(`common.now`)}),(0,G.jsx)(`div`,{className:`title`,children:m.title})]}),(0,G.jsxs)(`div`,{children:[(0,G.jsx)(`div`,{className:`label right`,children:t(`common.next`)}),(0,G.jsx)(`div`,{className:`title right`,children:g})]})]}),(0,G.jsxs)(`div`,{className:`card__row`,children:[(0,G.jsxs)(`div`,{children:[(0,G.jsx)(`div`,{className:`label`,children:t(`common.started_at`)}),(0,G.jsx)(`div`,{className:`runtime-timer`,children:m.startedAt})]}),(0,G.jsxs)(`div`,{children:[(0,G.jsx)(`div`,{className:`label`}),(0,G.jsx)(`div`,{className:h([`event-timer`,l.phase===s.Overtime&&`event-timer--finished`,l.playback===c.Pause&&`event-timer--paused`]),style:{"--phase-color":y},"data-phase":l.phase,children:m.timer})]}),(0,G.jsxs)(`div`,{children:[(0,G.jsx)(`div`,{className:`label right`,children:t(`common.expected_end`)}),(0,G.jsx)(`div`,{className:`runtime-timer right`,children:m.expectedEnd})]})]})]}),(0,G.jsx)(ee,{}),(0,G.jsx)(`div`,{className:`card`,id:`card-timer-message`,children:(0,G.jsxs)(`div`,{children:[(0,G.jsx)(`div`,{className:`label`,children:t(`common.timer_message`)}),(0,G.jsx)(`div`,{className:h([`extra`,!_&&`muted`]),children:_})]})}),(0,G.jsx)(`div`,{className:`card`,id:`card-secondary-message`,children:(0,G.jsxs)(`div`,{children:[(0,G.jsx)(`div`,{className:`label`,children:t(`common.secondary_message`)}),(0,G.jsx)(`div`,{className:h([`extra`,!v&&`muted`]),children:v})]})})]})}function ee(){let e=f();return(0,G.jsx)(`div`,{className:`card`,id:`card-aux`,children:(0,G.jsxs)(`div`,{className:`card__row`,children:[(0,G.jsxs)(`div`,{children:[(0,G.jsx)(`div`,{className:`label`,children:`Aux 1`}),(0,G.jsx)(`div`,{className:`extra`,children:l(e.aux1)})]}),(0,G.jsxs)(`div`,{children:[(0,G.jsx)(`div`,{className:`label center`,children:`Aux 2`}),(0,G.jsx)(`div`,{className:`extra center`,children:l(e.aux2)})]}),(0,G.jsxs)(`div`,{children:[(0,G.jsx)(`div`,{className:`label right`,children:`Aux 3`}),(0,G.jsx)(`div`,{className:`extra right`,children:l(e.aux3)})]})]})})}function te(){let e=v(e=>e.mirror),{data:t,status:n}=R(),{data:r,status:i}=y(),{data:a,status:o}=g(),{data:s,status:c}=P();return{data:{customFields:s,projectData:t,isMirrored:e,settings:a,viewSettings:r},status:F([n,i,o,c])}}function ne(){let{data:e,status:t}=te();return O(`Studio Clock`),t===`pending`?(0,G.jsx)(b,{}):t===`error`?(0,G.jsx)(w,{variant:`error`,text:`There was an error fetching data, please refresh the page.`}):(0,G.jsx)(re,{...e})}function re({customFields:e,projectData:t,isMirrored:n,settings:r,viewSettings:i}){let{hideCards:o}=U(),s=u(r?.timeFormat),c=(0,B.useMemo)(()=>V(s,e),[s,e]);return(0,G.jsxs)(`div`,{className:h([`studio`,n&&`mirror`]),"data-testid":`studio-view`,children:[(0,G.jsx)(T,{target:a.StudioClock,viewOptions:c}),(0,G.jsx)(`div`,{className:`project-header`,children:(0,G.jsxs)(`div`,{className:h([`project-header__brand`,!t?.logo&&`project-header__brand--without-logo`]),children:[t?.logo&&(0,G.jsx)(I,{name:t.logo,className:`logo`}),(0,G.jsx)(`div`,{className:`title`,children:t.title})]})}),(0,G.jsxs)(`div`,{className:h([`studio-contents`,o&&`studio-contents--onecol`]),children:[(0,G.jsx)(J,{hideCards:o}),!o&&(0,G.jsx)($,{viewSettings:i})]})]})}export{ne as default};
//# sourceMappingURL=Studio-BcvGG2l-.js.map