@getontime/cli/client/assets/Countdown-B-MuMf1C.js

Time keeping for live events

import{l as tt,h as g,j as t,x as et,a8 as st,v as nt,a9 as ot,aa as B,T as H}from"./vendor-q6fv0YT2.js";import{P as at,h as E,i as V,j as rt,d as O,f as I,M as A,r as it,m as ct,k as lt,F as dt,l as ut,e as D,B as w,n as mt,o as pt,p as $,q as W,s as ft,t as xt,u as ht,b as gt,L as St,g as jt,O as yt,v as wt}from"./index-B81u4hxi.js";import{u as bt,i as vt,a as _t}from"./useRundown-Bn6ZPsz0.js";import{E as P}from"./Empty-CJbZxh45.js";import{E as Ct}from"./EmptyPage-Bc358YpE.js";import{V as Nt}from"./ViewLogo-G7EosFIr.js";import{m as kt,O as F,V as Dt}from"./ViewParamsEditor-C2-TRP6e.js";import{u as Ft}from"./useWindowTitle-Bpmo_HzW.js";import{S as T}from"./SuperscriptTime-CA6S2R55.js";import{g as Et,a as Ot}from"./viewLoader.utils-b42scp-I.js";import{i as Tt,b as G}from"./viewUtils-B8Dr4GHH.js";import{u as Lt}from"./useFollowComponent-B7vvPzG2.js";import{u as q}from"./useReport-DSuFnUb9.js";import{g as U}from"./offset-R98EXhWK.js";import{F as At}from"./FollowButton-C6Fvaqh0.js";import{u as Pt}from"./useCustomFields-k4piRt9n.js";import{u as It}from"./useProjectData-DdgKoYzk.js";import"./Select-BGGVCKqU.js";import"./SwatchPicker-Cm5Eicvv.js";/* empty css                        */(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="f89901f5-866a-4f6d-ab05-5dee52a5677c",e._sentryDebugIdIdentifier="sentry-dbid-f89901f5-866a-4f6d-ab05-5dee52a5677c")}catch{}})();const Rt=(e,s,o)=>{const a=kt(s,[{value:"none",label:"None"},{value:"note",label:"Note"}]);return[{title:F.ClockOptions,collapsible:!0,options:[Et(e)]},{title:F.DataSources,collapsible:!0,options:[{id:"secondary-src",title:"Event secondary text",description:"Select the data source for auxiliary text shown in the card",type:"option",values:a,defaultValue:"none"}]},{title:F.BehaviourOptions,collapsible:!0,options:[{id:"showExpected",title:"Show expected time",description:"Whether the times shown should account for the runtime offset.",type:"boolean",defaultValue:!1}]},{title:F.Hidden,options:[{id:"sub",title:"Event subscription",description:"The events to follow",values:o,type:"persist"}]}]};function Mt(e,s){const o=n=>(s==null?void 0:s.get(n))??e.get(n);return{subscriptions:(n=>s!=null&&s.has(n)?s.getAll(n):e.getAll(n))("sub"),secondarySource:o("secondary-src"),showExpected:Tt(o("showExpected"))}}function R(){const[e]=tt(),s=g.use(at);return g.useMemo(()=>{const a=s?new URLSearchParams(s.search):void 0;return Mt(e,a)},[s,e])}const N="h:mm a",k="HH:mm";function zt(e,s,o){return e===s&&o!==E.Armed}const y={future:"countdown.to_start",due:"timeline.due",live:"countdown.running",pending:"countdown.waiting",loaded:"countdown.loaded",done:"countdown.ended"};function K(e){const{playback:s,current:o,clock:a}=rt(),{getLocalizedString:n}=O(),r=c=>c<=0?n("countdown.overtime").toUpperCase():c<A*10?it(ct(c)):lt(c,c>A*10).replace("m",`${n("common.minutes")} `).replace("s",n("common.seconds"));return e.isLoaded?s===E.Armed?{status:"loaded",statusDisplay:n(y.loaded),timeDisplay:r(e.duration)}:{status:"live",statusDisplay:n(y.live),timeDisplay:r(o??0)}:s===E.Stop||s===E.Armed?{status:"pending",statusDisplay:n(y.pending),timeDisplay:" "}:e.isPast?{status:"done",statusDisplay:n(y.done),timeDisplay:I(e.endedAt,{format12:N,format24:k})}:e.expectedStart-a<=0?{status:"due",statusDisplay:n(y.future),timeDisplay:n(y.due).toUpperCase()}:{status:"future",statusDisplay:n(y.future),timeDisplay:r(e.expectedStart-a)}}function Ht(e,s){const o=new URL(e),a=new URLSearchParams;for(const[n,r]of o.searchParams.entries())n!=="sub"&&a.append(n,r);return s.forEach(n=>{a.append("sub",n)}),o.search=a.toString(),o}function Ut(e,s){return s.filter(o=>e.includes(o.id))}function Bt(e,s){return Math.abs(e-s)>A}function Vt(e,s,o,a,n,r,c){const{totalGap:m,isLinkedToLoaded:d}=e,i=V(e,{currentDay:s,totalGap:m,actualStart:o,plannedStart:a,isLinkedToLoaded:d,offset:n,mode:r}),{endedAt:l}=c[e.id]??{endedAt:null};return{...e,expectedStart:i,endedAt:l}}function _(e){const{value:s,preferredFormat12:o=dt,preferredFormat24:a=ut,className:n}=e,r=I(s,{format12:o,format24:a});return t.jsx(T,{className:n,time:r})}function $t({events:e,subscriptions:s,disableEdit:o}){const[a,n]=g.useState(s),r=et(),c=i=>{n(l=>l.includes(i)?l.filter(p=>p!==i):[...l,i])},m=()=>{const i=a.filter(p=>e.some(f=>f.id===p)),l=Ht(window.location.href,i);o(),n([]),r(l.search.toString())},d=new Set(a);return t.jsxs("div",{className:"list-container",children:[e.map((i,l)=>{const p=i.title||"{no title}",f=d.has(i.id);return t.jsxs("div",{role:"button",tabIndex:0,onClick:()=>c(i.id),onKeyDown:x=>{(x.key==="Enter"||x.key===" ")&&(c(i.id),x.stopPropagation())},className:D(["sub",f&&"sub--selected"]),children:[t.jsx("div",{className:"sub__binder",style:{"--user-color":(i==null?void 0:i.colour)??""}}),t.jsxs("div",{className:"sub__schedule",children:[t.jsx(_,{value:i.timeStart,preferredFormat12:"h:mm a",preferredFormat24:"HH:mm"}),"→",t.jsx(_,{value:i.timeEnd,preferredFormat12:"h:mm a",preferredFormat24:"HH:mm"})]}),t.jsx("div",{className:"sub__label",children:f?"Click to remove":"Click to add"}),t.jsx("div",{className:"sub__title",children:p})]},l)}),t.jsxs("div",{className:"fab-container",children:[t.jsxs(w,{variant:"subtle",size:"xlarge",onClick:o,children:[t.jsx(st,{})," Go back"]}),t.jsxs(w,{variant:"subtle",size:"xlarge",onClick:()=>n([]),disabled:a.length===0,children:[t.jsx(nt,{})," Clear"]}),t.jsxs(w,{variant:"primary",size:"xlarge",disabled:e.length<1,onClick:m,children:[t.jsx(ot,{})," Save"]})]})]})}function Wt({subscribedEvents:e,goToEditMode:s}){const{secondarySource:o,showExpected:a}=R(),{playback:n}=mt(),{selectedEventId:r}=pt(),c=$(!0),{data:m}=q(),{offset:d,currentDay:i,actualStart:l,plannedStart:p,mode:f}=W(),x=g.useRef(null),[S,b]=g.useState(!1),j=g.useRef(null),h=g.useRef(null),Z=Lt({followRef:j,scrollRef:h,doFollow:!S,topOffset:0,followTrigger:r});g.useEffect(()=>{var u;r||S||(u=h.current)==null||u.scrollTo(0,0)},[r,S,h]);const J=()=>{r&&Z(),b(!1)},X=xt(()=>{if(j!=null&&j.current&&(h!=null&&h.current)){const u=j.current.getBoundingClientRect(),C=h.current.getBoundingClientRect();if(u&&C){const v=u.top-C.top,L=v<-8||v>50;b(L)}}},1e3),M=()=>{x.current&&clearTimeout(x.current),X()};return t.jsxs("div",{className:"list-container",onWheel:M,onTouchMove:M,ref:h,children:[e.map(u=>{const C=G(u,o),v=zt(u.id,r,n),L=!v&&u.id===r,z=Vt(u,i,l,p,d,f,m),Y=u.title.length?u.title:" ";return t.jsxs("div",{ref:v?j:void 0,className:D(["sub",v&&"sub--live",L&&"sub--armed"]),"data-testid":u.cue,children:[t.jsx("div",{className:"sub__binder",style:{"--user-color":u.colour}}),t.jsx(Q,{event:z,showExpected:a}),t.jsx(Gt,{event:z}),t.jsx("div",{className:D(["sub__title",!u.title&&"subdued"]),children:Y}),C&&t.jsx("div",{className:"sub__secondary",children:C})]},u.id)}),t.jsx("div",{className:D(["fab-container",!c&&"fab-container--hidden"]),children:t.jsxs(w,{variant:"primary",size:"xlarge",onClick:s,children:[t.jsx(B,{})," Edit"]})}),t.jsx(At,{isVisible:S,onClickHandler:J})]})}function Q(e){const{event:s,showExpected:o}=e,{timeStart:a,duration:n,delay:r,expectedStart:c,countToEnd:m}=s,d=a+r+s.dayOffset*ft,i=o&&Bt(d,c),l=i?"sub__schedule--strike":r!==0?"sub__schedule--delayed":"",p=`sub__schedule--${U(c-d)}`,f=d+n+r,x=m?Math.max(c+n,f):c+n,S=`sub__schedule--${U(x-f)}`;return t.jsxs("div",{className:"sub__schedule",children:[t.jsx(_,{value:d,preferredFormat12:N,preferredFormat24:k,className:l}),!i&&t.jsxs(t.Fragment,{children:["→",t.jsx(_,{value:f,preferredFormat12:N,preferredFormat24:k,className:l})]}),i&&t.jsxs(t.Fragment,{children:[t.jsx(_,{value:c,className:p,preferredFormat12:N,preferredFormat24:k}),"→",t.jsx(_,{value:x,className:S,preferredFormat12:N,preferredFormat24:k})]})]})}function Gt({event:e}){const{status:s,statusDisplay:o,timeDisplay:a}=K(e);return t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"sub__status",children:o}),s==="done"?t.jsx(T,{className:"sub__timer",time:a}):t.jsx("div",{className:"sub__timer",children:a})]})}function qt({subscribedEvent:e,goToEditMode:s}){const{secondarySource:o,showExpected:a}=R(),n=$(!0),{data:r}=q(),{offset:c,currentDay:m,actualStart:d,plannedStart:i,mode:l}=W(),{totalGap:p,isLinkedToLoaded:f}=e,x=V(e,{currentDay:m,totalGap:p,actualStart:d,plannedStart:i,isLinkedToLoaded:f,offset:c,mode:l}),{endedAt:S}=r[e.id]??{endedAt:null},b={...e,expectedStart:x,endedAt:S},j=e.title.length?e.title:" ",h=G(e,o);return t.jsxs("div",{className:"single-container","data-testid":"countdown-event",children:[t.jsx(Kt,{event:b}),t.jsxs("div",{className:"event__title",style:{borderColor:b.colour},children:[t.jsx(Q,{event:b,showExpected:a}),j,h&&t.jsx("div",{className:"secondary",children:h})]}),t.jsx("div",{className:D(["fab-container",!n&&"fab-container--hidden"]),children:t.jsxs(w,{variant:"primary",size:"xlarge",onClick:s,children:[t.jsx(B,{})," Edit"]})})]})}function Kt({event:e}){const{status:s,statusDisplay:o,timeDisplay:a}=K(e);return t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"event__status",children:o}),s==="done"?t.jsx(T,{className:"event__timer",time:a}):t.jsx("div",{className:"event__timer",children:a})]})}function Qt(){const e=ht(i=>i.mirror),{data:s,status:o}=bt(),{data:a,status:n}=It(),{data:r,status:c}=gt(),{data:m,status:d}=Pt();return{data:{customFields:m,rundownData:s,projectData:a,isMirrored:e,settings:r},status:Ot([o,n,c,d])}}function ye(){const{data:e,status:s}=Qt();return Ft("Countdown"),s==="pending"?t.jsx(St,{}):s==="error"?t.jsx(Ct,{text:"There was an error fetching data, please refresh the page."}):t.jsx(Zt,{...e})}function Zt({customFields:e,rundownData:s,projectData:o,isMirrored:a,settings:n}){const{getLocalizedString:r}=O(),{subscriptions:c}=R(),[m,d]=g.useState(!1),i=s.filter(x=>vt(x)&&_t(x)),l=i.length>0,p=jt(n==null?void 0:n.timeFormat),f=g.useMemo(()=>Rt(p,e,c),[p,e,c]);return t.jsxs("div",{className:`countdown ${a?"mirror":""}`,"data-testid":"countdown-view",children:[t.jsx(Dt,{target:yt.Countdown,viewOptions:f}),t.jsxs("div",{className:"project-header",children:[(o==null?void 0:o.logo)&&t.jsx(Nt,{name:o.logo,className:"logo"}),t.jsx("div",{className:"title",children:o.title}),t.jsx(Xt,{})]}),!l&&t.jsx(P,{text:r("common.no_data"),className:"empty-container"}),l&&m&&t.jsx($t,{events:i,subscriptions:c,disableEdit:()=>d(!1)}),l&&!m&&t.jsx(Jt,{playableEvents:i,subscriptions:c,goToEditMode:()=>d(!0)})]})}function Jt({playableEvents:e,subscriptions:s,goToEditMode:o}){const{getLocalizedString:a}=O();if(s.length===0)return t.jsxs("div",{className:"empty-container",children:[t.jsx(P,{text:a("countdown.select_event"),className:"empty-container"}),t.jsxs(w,{variant:"primary",size:"xlarge",onClick:o,children:[t.jsx(H,{})," Add"]})]});const n=Ut(s,e);if(n.length===0)return t.jsxs("div",{className:"empty-container",children:[t.jsx(P,{text:a("countdown.select_event"),className:"empty-container"}),t.jsxs(w,{variant:"primary",size:"xlarge",onClick:o,children:[t.jsx(H,{})," Add"]})]});if(n.length===1){const r=n.at(0);return r?t.jsx(qt,{subscribedEvent:r,goToEditMode:o}):null}return t.jsx(Wt,{subscribedEvents:n,goToEditMode:o})}function Xt(){const{getLocalizedString:e}=O(),{clock:s}=wt(),o=I(s);return t.jsxs("div",{className:"clock-container",children:[t.jsx("div",{className:"label",children:e("common.time_now")}),t.jsx(T,{time:o,className:"time"})]})}export{ye as default};
//# sourceMappingURL=Countdown-B-MuMf1C.js.map