@getontime/cli 4.1.0 → 4.2.1

package/client/assets/OperatorExport-DQM14DsN.js

@@ -0,0 +1,2 @@
+import{h as c,j as e,D as ie,q as ae,t as le,v as ce,l as ue}from"./vendor-Cdwxo8bP.js";import{P as de}from"./ProtectRoute-EejQ5o_H.js";import{ak as me,B as Z,t as ee,r as fe,be as pe,aC as he,e as T,f as ve,bf as ge,k as _e,M as be,bg as xe,b0 as ye,a as je,P as Se,b as Ee,L as we,o as Oe,g as Ce,O as Te,bh as Pe}from"./index-CoGiopcb.js";import{t as Ne,i as z,j as Fe}from"./useRundown-CHsh5rnl.js";import{E as De}from"./EmptyPage-DeRjpRKZ.js";import{m as Le,b as Me,O as V,V as ke}from"./ViewParamsEditor-CFedpp6w.js";import{u as Re}from"./useFollowComponent-BjhV6Uv8.js";import{u as Ie}from"./useWindowTitle-mLKt65i7.js";import{T as Ue}from"./editorSettings-BMt-7s8I.js";import{u as Be}from"./dateConfig-BU1RZfIK.js";import{F as Ae}from"./FollowButton-FodezDem.js";import{D as We}from"./DelayIndicator-BFZFpsY5.js";import{f as Ve,T as $e,C as Ge}from"./TimeElements-dIvFHgcd.js";import{S as He}from"./SuperscriptPeriod-DaZq1rr6.js";import{M as Ze}from"./MultiPartProgressBar-BKHk19Hb.js";import{g as ze,a as qe}from"./viewLoader.utils-DuXjY5zb.js";import{i as $,b as q}from"./viewUtils-dKRKkb_F.js";import{u as Qe}from"./useCustomFields-CcTb-GQM.js";import"./useProjectData-B5mjXsMj.js";import"./Empty-D1UteOYj.js";import"./Select-cHK8JrMG.js";import"./validateEvent-CUmvjN95.js";import"./parseUserTime-DZJMcfuJ.js";import"./rundownUtils-Dl1x6NDv.js";import"./Tooltip-BQBvaIZx.js";import"./offset-BS90Rks2.js";import"./playbackstate-CWexoP3a.js";/* empty css                        */import"./getProgress-sdxPEEPi.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new t.Error().stack;s&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[s]="e59b7b3b-ef45-4067-a761-2137555a0e9f",t._sentryDebugIdIdentifier="sentry-dbid-e59b7b3b-ef45-4067-a761-2137555a0e9f")}catch{}})();const Je="_editModal_1k6b9_17",Ke="_title_1k6b9_31",Xe="_body_1k6b9_39",Ye="_label_1k6b9_48",et="_footer_1k6b9_54",C={editModal:Je,title:Ke,body:Xe,label:Ye,footer:et};function tt(t){const{event:s,onClose:o}=t,{updateEntry:r}=Be(),[n,i]=c.useState(!1),d=c.useRef(new Array),v=async()=>{if(!d.current)return;i(!0);const a={id:s.id};d.current.forEach(l=>{l.dataset.field&&l.defaultValue!=l.value&&(a.custom?a.custom[l.dataset.field]=l.value:Object.assign(a,{custom:{[l.dataset.field]:l.value}}))}),a.custom&&await r(a),i(!1),o()};return e.jsx(ie,{open:!0,onOpenChange:a=>{a||o()},children:e.jsx(ae,{children:e.jsxs(le,{className:C.editModal,children:[e.jsxs("div",{className:C.title,children:[`Editing fields in cue ${s.cue}`,e.jsx(me,{variant:"subtle-white",onClick:o,disabled:n,children:e.jsx(ce,{})})]}),e.jsx("div",{className:C.body,children:s.subscriptions.map(a=>e.jsxs(c.Fragment,{children:[e.jsx("label",{htmlFor:a.id,className:C.label,style:{"--user-bg":a.colour},children:a.label}),e.jsx(Ue,{name:a.id,ref:l=>{l&&d.current.push(l)},placeholder:`Add value for ${a.label} field`,defaultValue:a.value,"data-field":a.id,disabled:n,rows:5})]},a.id))}),e.jsxs("div",{className:C.footer,children:[e.jsx(Z,{variant:"subtle",size:"large",onClick:o,disabled:n,children:"Cancel"}),e.jsx(Z,{variant:"primary",size:"large",onClick:v,disabled:n,children:"Save"})]})]})})})}function st(t,s={}){const{threshold:o=700,onStart:r,onFinish:n,onCancel:i}=s,d=c.useRef(!1),v=c.useRef(!1),a=c.useRef(-1);return c.useEffect(()=>()=>window.clearTimeout(a.current),[]),c.useMemo(()=>{if(typeof t!="function")return{};const l=m=>{!J(m)&&!Q(m)||(r&&r(m),v.current=!0,a.current=window.setTimeout(()=>{t(m),d.current=!0},o))},h=m=>{!J(m)&&!Q(m)||(d.current?n==null||n(m):v.current&&(i==null||i(m)),d.current=!1,v.current=!1,a.current&&window.clearTimeout(a.current))};return{onMouseDown:l,onMouseUp:h,onMouseLeave:h,onTouchStart:l,onTouchEnd:h,onTouchMove:ee(h,150)}},[t,o,i,n,r])}function Q(t){return window.TouchEvent?t.nativeEvent instanceof TouchEvent:"touches"in t.nativeEvent}function J(t){return t.nativeEvent instanceof MouseEvent}function ot(t){const{value:s,hideSeconds:o,hideLeadingZero:r,className:n}=t;let i=Ve(s,o||r?2:3);return r&&(i=fe(i)),o&&(i=pe(i)),e.jsx("div",{className:n,children:i})}const nt="_event_1iflv_62",rt="_running_1iflv_79",it="_past_1iflv_83",at="_binder_1iflv_88",lt="_cue_1iflv_98",ct="_mainField_1iflv_108",ut="_secondaryField_1iflv_117",dt="_plannedStart_1iflv_124",mt="_timeUntil_1iflv_125",ft="_runningTime_1iflv_126",pt="_fields_1iflv_155",ht="_field_1iflv_155",vt="_noColour_1iflv_164",gt="_value_1iflv_170",_t="_fieldsWithContent_1iflv_177",f={event:nt,running:rt,past:it,binder:at,cue:lt,mainField:ct,secondaryField:ut,plannedStart:dt,timeUntil:mt,runningTime:ft,fields:pt,field:ht,noColour:vt,value:gt,fieldsWithContent:_t},K=c.memo(bt);function bt({id:t,colour:s,cue:o,main:r,secondary:n,timeStart:i,duration:d,delay:v,dayOffset:a,isLinkedToLoaded:l,isSelected:h,isPast:m,selectedRef:N,showStart:F,subscribed:y,totalGap:S,onLongPress:D}){const _=p=>{p&&p.cancelable&&p.preventDefault(),y&&D({id:t,cue:o,subscriptions:y})},b=st(_),R=s&&he(s),E=T([f.event,h&&f.running,m&&f.past]),I=y.some(p=>p.value),U=y.length?Math.min(y.length,4):0,B=U>0?{gridTemplateColumns:`repeat(${U}, minmax(12rem, 1fr))`}:void 0;return e.jsxs("div",{className:E,"data-testid":o,ref:N,onContextMenu:_,...b,children:[e.jsx("div",{className:f.binder,style:{...R},children:e.jsx("span",{className:f.cue,children:o})}),e.jsxs("span",{className:f.mainField,children:[F&&e.jsx(He,{className:f.plannedStart,time:ve(i)}),r]}),e.jsx("span",{className:f.secondaryField,children:n}),e.jsx(xt,{timeStart:i,isPast:m,isSelected:h,delay:v,dayOffset:a,totalGap:S,isLinkedToLoaded:l}),e.jsxs("span",{className:f.runningTime,children:[e.jsx(We,{delayValue:v}),e.jsx(ot,{className:T([h&&f.muted]),value:d,hideLeadingZero:!0})]}),e.jsx("div",{className:T([f.fields,I&&f.fieldsWithContent]),style:B,children:y.map(p=>p.value?e.jsxs("div",{children:[e.jsx("span",{className:T([f.field,!p.colour&&f.noColour]),style:{backgroundColor:p.colour},children:p.label}),e.jsx("span",{className:f.value,style:{color:p.colour},children:p.value})]},p.id):e.jsx("div",{},p.id))})]})}function xt({timeStart:t,isPast:s,isSelected:o,delay:r,dayOffset:n,totalGap:i,isLinkedToLoaded:d}){return s?e.jsx("span",{className:f.timeUntil,children:"DONE"}):o?e.jsx("span",{className:f.timeUntil,children:"LIVE"}):e.jsx(yt,{timeStart:t,delay:r,dayOffset:n,totalGap:i,isLinkedToLoaded:d})}function yt({timeStart:t,delay:s,dayOffset:o,totalGap:r,isLinkedToLoaded:n}){const i=ge({timeStart:t,delay:s,dayOffset:o},{totalGap:r,isLinkedToLoaded:n}),v=i<xe?"DUE":`${_e(Math.abs(i),i>2*be)}`;return e.jsx("span",{className:f.timeUntil,"data-testid":"time-until",children:v})}const jt="_group_c6uj3_17",St={group:jt},Et=c.memo(wt);function wt({title:t}){return e.jsx("div",{className:St.group,children:t})}const Ot="_statusBar_1va40_17",Ct="_timers_1va40_25",Tt="_runningTimer_1va40_33",Pt="_timeNow_1va40_42",Nt="_progressOverride_1va40_51",P={statusBar:Ot,timers:Ct,runningTimer:Tt,timeNow:Pt,progressOverride:Nt};function Ft({viewSettings:t}){const{current:s,duration:o,timeWarning:r,timeDanger:n}=ye();return e.jsx(Ze,{now:s,complete:o,normalColor:t.normalColor,warning:r,warningColor:t.warningColor,danger:n,dangerColor:t.dangerColor,className:P.progressOverride,ignoreCssOverride:!0})}function Dt(){return e.jsxs("div",{className:P.timers,children:[e.jsx($e,{className:P.runningTimer}),e.jsx(Ge,{className:P.timeNow,shouldFormat:!0})]})}function Lt(){const{data:t}=je();return e.jsxs("div",{className:P.statusBar,children:[e.jsx(Dt,{}),t&&e.jsx(Ft,{viewSettings:t})]})}const Mt=(t,s)=>{const o=Le(t,[{value:"none",label:"None"},{value:"title",label:"Title"},{value:"note",label:"Note"}]),r=Me(t);return[{title:V.ClockOptions,collapsible:!0,options:[ze(s)]},{title:V.DataSources,collapsible:!0,options:[{id:"main",title:"Main data field",description:"Field to be shown in the first line of text",type:"option",values:o,defaultValue:"title"},{id:"secondary-src",title:"Secondary data field",description:"Field to be shown in the second line of text",type:"option",values:o,defaultValue:"none"},{id:"subscribe",title:"Highlight Fields",description:"Choose custom fields to highlight",type:"multi-option",values:r},{id:"shouldEdit",title:"Edit custom field",description:"Allows editing an highlighted custom field by long pressing",type:"boolean",defaultValue:!1}]},{title:V.ElementVisibility,collapsible:!0,options:[{id:"hidePast",title:"Hide Past Events",description:"Whether to hide events that have passed",type:"boolean",defaultValue:!1},{id:"showStart",title:"Show planned start",description:"Whether to prepend the planned start to the items",type:"boolean",defaultValue:!1}]}]};function kt(t,s){const o=n=>(s==null?void 0:s.get(n))??t.get(n),r=n=>s!=null&&s.has(n)?s.getAll(n):t.getAll(n);return{mainSource:o("main"),secondarySource:o("secondary-src"),subscribe:r("subscribe"),shouldEdit:$(o("shouldEdit")),hidePast:$(o("hidePast")),showStart:$(o("showStart"))}}function Rt(){const[t]=ue(),s=c.use(Se);return c.useMemo(()=>{const r=s?new URLSearchParams(s.search):void 0;return kt(t,r)},[s,t])}function X(t,s,o,r,n){const i=s?q(t,s)??"":t.title,d=q(t,o)??"",a=r.filter(l=>Object.hasOwn(n,l)).reduce((l,h)=>{const m=n[h];return m&&l.push({id:h,label:m.label,colour:m.colour,value:t.custom[h]}),l},[]);return{mainField:i,secondaryField:d,subscribedData:a}}function It(){const{data:t,rundownMetadata:s,status:o}=Ne(),{data:r,status:n}=Qe(),{data:i,status:d}=Ee();return{data:{rundown:t,rundownMetadata:s,customFields:r,settings:i},status:qe([o,n,d])}}const Ut="_operatorContainer_1o5o0_17",Bt="_operatorEvents_1o5o0_24",At="_editPrompt_1o5o0_35",Wt="_show_1o5o0_49",k={operatorContainer:Ut,operatorEvents:Bt,editPrompt:At,show:Wt},Y=50;function Vt(){const{data:t,status:s}=It();return Ie("Operator"),s==="pending"?e.jsx(we,{}):s==="error"?e.jsx(De,{text:"There was an error fetching data, please refresh the page."}):e.jsx($t,{...t})}function $t({rundown:t,rundownMetadata:s,customFields:o,settings:r}){const{selectedEventId:n}=Oe(),{subscribe:i,mainSource:d,secondarySource:v,shouldEdit:a,hidePast:l,showStart:h}=Rt(),[m,N]=c.useState(!1),[F,y]=c.useState(null),[S,D]=c.useState(!1),_=c.useRef(null),b=c.useRef(null),R=Re({followRef:_,scrollRef:b,doFollow:!S,topOffset:Y,followTrigger:n}),E=c.useRef(null);c.useEffect(()=>{var x;n||S||(x=b.current)==null||x.scrollTo(0,0)},[n,S,b]);const I=()=>{n&&R(),D(!1)},B=ee(()=>{if(_!=null&&_.current&&(b!=null&&b.current)){const x=_.current.getBoundingClientRect(),u=b.current.getBoundingClientRect();if(x&&u){const j=x.top-u.top,w=j<-8||j>Y;D(w)}}},1e3),p=()=>{E.current&&clearTimeout(E.current),E.current=setTimeout(()=>{N(!1)},700),N(!0),B()},G=c.useCallback(x=>{y({...x})},[]),H=Ce(r==null?void 0:r.timeFormat),te=c.useMemo(()=>Mt(o,H),[o,H]),A=a&&i.length;return e.jsxs("div",{className:k.operatorContainer,"data-testid":"operator-view",children:[e.jsx(ke,{target:Te.Operator,viewOptions:te}),F&&e.jsx(tt,{event:F,onClose:()=>y(null)}),e.jsx(Lt,{}),A&&e.jsx("div",{className:T([k.editPrompt,m&&k.show]),children:Pe?"Press and hold to edit user field":"Right click to edit user field"}),e.jsx("div",{className:k.operatorEvents,onWheel:p,onTouchMove:p,ref:b,children:t.order.map(x=>{const u=t.entries[x];if(z(u)){const{isPast:j,isLinkedToLoaded:w,isLoaded:O,totalGap:g}=s[x];if(l&&j||u.skip)return null;const{mainField:L,secondaryField:M,subscribedData:W}=X(u,d,v,i,o);return e.jsx(K,{id:u.id,colour:u.colour,cue:u.cue,main:L,secondary:M,timeStart:u.timeStart,duration:u.duration,delay:u.delay,dayOffset:u.dayOffset,isLinkedToLoaded:w,isSelected:O,isPast:j,selectedRef:O?_:void 0,showStart:h,subscribed:W,totalGap:g,onLongPress:A?G:()=>{}},u.id)}if(Fe(u)){const{isPast:j}=s[u.id],w=n?s[n].groupId===u.id:!1;return l&&j&&!w?null:e.jsxs(c.Fragment,{children:[e.jsx(Et,{title:u.title},u.id),u.entries.map(O=>{const g=t.entries[O];if(!z(g))return null;const{isPast:L,isLoaded:M,isLinkedToLoaded:W,totalGap:se}=s[O];if(l&&L||g.skip)return null;const{mainField:oe,secondaryField:ne,subscribedData:re}=X(g,d,v,i,o);return e.jsx(K,{id:g.id,colour:g.colour,cue:g.cue,main:oe,secondary:ne,timeStart:g.timeStart,duration:g.duration,delay:g.delay,dayOffset:g.dayOffset,isLinkedToLoaded:W,isSelected:M,isPast:L,selectedRef:M?_:void 0,showStart:h,subscribed:re,totalGap:se,onLongPress:A?G:()=>{}},g.id)})]},u.id)}return null})}),e.jsx(Ae,{isVisible:S,onClickHandler:I})]})}function bs(){return e.jsx(de,{permission:"operator",children:e.jsx(Vt,{})})}export{bs as default};
+//# sourceMappingURL=OperatorExport-DQM14DsN.js.map

package/client/assets/OperatorExport-DQM14DsN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OperatorExport-DQM14DsN.js","sources":["../../src/features/operator/edit-modal/EditModal.tsx","../../src/common/hooks/useLongPress.ts","../../src/features/viewers/common/running-time/RunningTime.tsx","../../src/features/operator/operator-event/OperatorEvent.tsx","../../src/features/operator/operator-group/OperatorGroup.tsx","../../src/features/operator/status-bar/StatusBarProgress.tsx","../../src/features/operator/status-bar/StatusBarTimers.tsx","../../src/features/operator/status-bar/StatusBar.tsx","../../src/features/operator/operator.options.tsx","../../src/features/operator/operator.utils.ts","../../src/features/operator/useOperatorData.ts","../../src/features/operator/Operator.tsx","../../src/features/operator/OperatorExport.tsx"],"sourcesContent":["import { Fragment, useRef, useState } from 'react';\nimport { IoClose } from 'react-icons/io5';\nimport { Dialog } from '@base-ui-components/react/dialog';\nimport { OntimeEvent } from 'ontime-types';\n\nimport Button from '../../../common/components/buttons/Button';\nimport IconButton from '../../../common/components/buttons/IconButton';\nimport Textarea from '../../../common/components/input/textarea/Textarea';\nimport { useEntryActions } from '../../../common/hooks/useEntryAction';\nimport { EditEvent } from '../operator.types';\n\nimport style from './EditModal.module.scss';\n\ninterface EditModalProps {\n  event: EditEvent;\n  onClose: () => void;\n}\n\nexport default function EditModal(props: EditModalProps) {\n  const { event, onClose } = props;\n\n  const { updateEntry } = useEntryActions();\n  const [loading, setLoading] = useState(false);\n  const inputRef = useRef<HTMLTextAreaElement[]>(new Array<HTMLTextAreaElement>());\n\n  const handleSave = async () => {\n    if (!inputRef.current) return;\n    setLoading(true);\n\n    const patchObject: Partial<OntimeEvent> = { id: event.id };\n\n    inputRef.current.forEach((element) => {\n      if (element.dataset.field && element.defaultValue != element.value) {\n        if (patchObject.custom) {\n          patchObject.custom[element.dataset.field] = element.value;\n        } else {\n          Object.assign(patchObject, { custom: { [element.dataset.field]: element.value } });\n        }\n      }\n    });\n\n    if (patchObject.custom) {\n      await updateEntry(patchObject);\n    }\n\n    setLoading(false);\n    onClose();\n  };\n\n  return (\n    <Dialog.Root\n      open\n      onOpenChange={(isOpen) => {\n        if (!isOpen) onClose();\n      }}\n    >\n      <Dialog.Portal>\n        <Dialog.Popup className={style.editModal}>\n          <div className={style.title}>\n            {`Editing fields in cue ${event.cue}`}\n            <IconButton variant='subtle-white' onClick={onClose} disabled={loading}>\n              <IoClose />\n            </IconButton>\n          </div>\n          <div className={style.body}>\n            {event.subscriptions.map((field) => {\n              return (\n                <Fragment key={field.id}>\n                  <label htmlFor={field.id} className={style.label} style={{ '--user-bg': field.colour }}>\n                    {field.label}\n                  </label>\n                  <Textarea\n                    name={field.id}\n                    ref={(element) => {\n                      if (element) inputRef.current.push(element);\n                    }}\n                    placeholder={`Add value for ${field.label} field`}\n                    defaultValue={field.value}\n                    data-field={field.id}\n                    disabled={loading}\n                    rows={5}\n                  />\n                </Fragment>\n              );\n            })}\n          </div>\n\n          <div className={style.footer}>\n            <Button variant='subtle' size='large' onClick={onClose} disabled={loading}>\n              Cancel\n            </Button>\n            <Button variant='primary' size='large' onClick={handleSave} disabled={loading}>\n              Save\n            </Button>\n          </div>\n        </Dialog.Popup>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n}\n","import React, { useEffect, useMemo, useRef } from 'react';\n\nimport { throttle } from '../utils/throttle';\n\nexport interface UseLongPressOptions {\n  /** Time in milliseconds to trigger the long press, default is 400ms */\n  threshold?: number;\n\n  /** Callback triggered when the long press starts */\n  onStart?: (event: React.MouseEvent | React.TouchEvent) => void;\n\n  /** Callback triggered when the long press finishes */\n  onFinish?: (event: React.MouseEvent | React.TouchEvent) => void;\n\n  /** Callback triggered when the long press is canceled */\n  onCancel?: (event: React.MouseEvent | React.TouchEvent) => void;\n}\n\nexport interface UseLongPressReturnValue {\n  onMouseDown: (event: React.MouseEvent) => void;\n  onMouseUp: (event: React.MouseEvent) => void;\n  onMouseLeave: (event: React.MouseEvent) => void;\n  onTouchStart: (event: React.TouchEvent) => void;\n  onTouchEnd: (event: React.TouchEvent) => void;\n}\n\nexport function useLongPress(\n  onLongPress: (event: React.MouseEvent | React.TouchEvent) => void,\n  options: UseLongPressOptions = {},\n): UseLongPressReturnValue {\n  const { threshold = 700, onStart, onFinish, onCancel } = options;\n  const isLongPressActive = useRef(false);\n  const isPressed = useRef(false);\n  const timeout = useRef<number>(-1);\n\n  useEffect(() => () => window.clearTimeout(timeout.current), []);\n\n  return useMemo(() => {\n    if (typeof onLongPress !== 'function') {\n      return {} as UseLongPressReturnValue;\n    }\n\n    const start = (event: React.MouseEvent | React.TouchEvent) => {\n      if (!isMouseEvent(event) && !isTouchEvent(event)) {\n        return;\n      }\n\n      if (onStart) {\n        onStart(event);\n      }\n\n      isPressed.current = true;\n      timeout.current = window.setTimeout(() => {\n        onLongPress(event);\n        isLongPressActive.current = true;\n      }, threshold);\n    };\n\n    const cancel = (event: React.MouseEvent | React.TouchEvent) => {\n      if (!isMouseEvent(event) && !isTouchEvent(event)) {\n        return;\n      }\n\n      if (isLongPressActive.current) {\n        onFinish?.(event);\n      } else if (isPressed.current) {\n        onCancel?.(event);\n      }\n\n      isLongPressActive.current = false;\n      isPressed.current = false;\n\n      if (timeout.current) {\n        window.clearTimeout(timeout.current);\n      }\n    };\n\n    return {\n      onMouseDown: start,\n      onMouseUp: cancel,\n      onMouseLeave: cancel,\n      onTouchStart: start,\n      onTouchEnd: cancel,\n      onTouchMove: throttle(cancel, 150),\n    };\n  }, [onLongPress, threshold, onCancel, onFinish, onStart]);\n}\n\nfunction isTouchEvent(event: React.MouseEvent | React.TouchEvent): event is React.TouchEvent {\n  return window.TouchEvent ? event.nativeEvent instanceof TouchEvent : 'touches' in event.nativeEvent;\n}\n\nfunction isMouseEvent(event: React.MouseEvent | React.TouchEvent): event is React.MouseEvent {\n  return event.nativeEvent instanceof MouseEvent;\n}\n","/**\n * encapsulate logic related to showing a running timer\n */\n\nimport { MaybeNumber } from 'ontime-types';\nimport { removeLeadingZero, removeSeconds } from 'ontime-utils';\n\nimport { formattedTime } from '../../../overview/overview.utils';\n\ninterface RunningTimeProps {\n  value: MaybeNumber;\n  hideSeconds?: boolean;\n  hideLeadingZero?: boolean;\n  className?: string;\n}\n\nexport default function RunningTime(props: RunningTimeProps) {\n  const { value, hideSeconds, hideLeadingZero, className } = props;\n  let display = formattedTime(value, hideSeconds || hideLeadingZero ? 2 : 3);\n\n  if (hideLeadingZero) {\n    display = removeLeadingZero(display);\n  }\n\n  if (hideSeconds) {\n    display = removeSeconds(display);\n  }\n\n  return <div className={className}>{display}</div>;\n}\n","import { CSSProperties, memo, RefObject, SyntheticEvent } from 'react';\nimport { MILLIS_PER_MINUTE, MILLIS_PER_SECOND } from 'ontime-utils';\n\nimport DelayIndicator from '../../../common/components/delay-indicator/DelayIndicator';\nimport { useLongPress } from '../../../common/hooks/useLongPress';\nimport { cx, getAccessibleColour } from '../../../common/utils/styleUtils';\nimport { formatDuration, formatTime, useTimeUntilExpectedStart } from '../../../common/utils/time';\nimport RunningTime from '../../viewers/common/running-time/RunningTime';\nimport SuperscriptPeriod from '../../viewers/common/superscript-time/SuperscriptPeriod';\nimport type { EditEvent, Subscribed } from '../operator.types';\n\nimport style from './OperatorEvent.module.scss';\n\ninterface OperatorEventProps {\n  id: string;\n  colour: string;\n  cue: string;\n  main: string;\n  secondary: string;\n  timeStart: number;\n  duration: number;\n  delay: number;\n  dayOffset: number;\n  isLinkedToLoaded: boolean;\n  isSelected: boolean;\n  isPast: boolean;\n  selectedRef?: RefObject<HTMLDivElement | null>;\n  showStart: boolean;\n  subscribed: Subscribed;\n  totalGap: number;\n  onLongPress: (event: EditEvent) => void;\n}\n\nexport default memo(OperatorEvent);\nfunction OperatorEvent({\n  id,\n  colour,\n  cue,\n  main,\n  secondary,\n  timeStart,\n  duration,\n  delay,\n  dayOffset,\n  isLinkedToLoaded,\n  isSelected,\n  isPast,\n  selectedRef,\n  showStart,\n  subscribed,\n  totalGap,\n  onLongPress,\n}: OperatorEventProps) {\n  /**\n   * gather behaviour for long press and context menu\n   */\n  const handleLongPress = (event?: SyntheticEvent) => {\n    // prevent default if the event is cancelable to avoid browser intervention warnings\n    if (event && event.cancelable) {\n      event.preventDefault();\n    }\n    if (subscribed) {\n      onLongPress({ id, cue, subscriptions: subscribed });\n    }\n  };\n\n  const mouseHandlers = useLongPress(handleLongPress);\n  const cueColours = colour && getAccessibleColour(colour);\n\n  const operatorClasses = cx([style.event, isSelected && style.running, isPast && style.past]);\n\n  const hasFields = subscribed.some((field) => field.value);\n  const columnCount = subscribed.length ? Math.min(subscribed.length, 4) : 0;\n  const fieldGridStyle =\n    columnCount > 0\n      ? ({\n          gridTemplateColumns: `repeat(${columnCount}, minmax(12rem, 1fr))`,\n        } satisfies CSSProperties)\n      : undefined;\n\n  return (\n    <div\n      className={operatorClasses}\n      data-testid={cue}\n      ref={selectedRef}\n      onContextMenu={handleLongPress}\n      {...mouseHandlers}\n    >\n      <div className={style.binder} style={{ ...cueColours }}>\n        <span className={style.cue}>{cue}</span>\n      </div>\n\n      <span className={style.mainField}>\n        {showStart && <SuperscriptPeriod className={style.plannedStart} time={formatTime(timeStart)} />}\n        {main}\n      </span>\n      <span className={style.secondaryField}>{secondary}</span>\n      <OperatorEventSchedule\n        timeStart={timeStart}\n        isPast={isPast}\n        isSelected={isSelected}\n        delay={delay}\n        dayOffset={dayOffset}\n        totalGap={totalGap}\n        isLinkedToLoaded={isLinkedToLoaded}\n      />\n      <span className={style.runningTime}>\n        <DelayIndicator delayValue={delay} />\n        <RunningTime className={cx([isSelected && style.muted])} value={duration} hideLeadingZero />\n      </span>\n\n      <div className={cx([style.fields, hasFields && style.fieldsWithContent])} style={fieldGridStyle}>\n        {subscribed.map((field) => {\n          if (!field.value) {\n            return <div key={field.id} />;\n          }\n          return (\n            <div key={field.id}>\n              <span\n                className={cx([style.field, !field.colour && style.noColour])}\n                style={{ backgroundColor: field.colour }}\n              >\n                {field.label}\n              </span>\n              <span className={style.value} style={{ color: field.colour }}>\n                {field.value}\n              </span>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\ninterface OperatorEventScheduleProps {\n  timeStart: number;\n  isPast: boolean;\n  isSelected: boolean;\n  delay: number;\n  dayOffset: number;\n  totalGap: number;\n  isLinkedToLoaded: boolean;\n}\nfunction OperatorEventSchedule({\n  timeStart,\n  isPast,\n  isSelected,\n  delay,\n  dayOffset,\n  totalGap,\n  isLinkedToLoaded,\n}: OperatorEventScheduleProps) {\n  if (isPast) {\n    return <span className={style.timeUntil}>DONE</span>;\n  }\n\n  if (isSelected) {\n    return <span className={style.timeUntil}>LIVE</span>;\n  }\n\n  return (\n    <TimeUntil\n      timeStart={timeStart}\n      delay={delay}\n      dayOffset={dayOffset}\n      totalGap={totalGap}\n      isLinkedToLoaded={isLinkedToLoaded}\n    />\n  );\n}\n\ninterface TimeUntilProps {\n  timeStart: number;\n  delay: number;\n  dayOffset: number;\n  totalGap: number;\n  isLinkedToLoaded: boolean;\n}\nfunction TimeUntil({ timeStart, delay, dayOffset, totalGap, isLinkedToLoaded }: TimeUntilProps) {\n  // we isolate this to avoid unnecessary re-renders\n  const timeUntil = useTimeUntilExpectedStart({ timeStart, delay, dayOffset }, { totalGap, isLinkedToLoaded });\n\n  const isDue = timeUntil < MILLIS_PER_SECOND;\n  const timeUntilString = isDue ? 'DUE' : `${formatDuration(Math.abs(timeUntil), timeUntil > 2 * MILLIS_PER_MINUTE)}`;\n\n  return (\n    <span className={style.timeUntil} data-testid='time-until'>\n      {timeUntilString}\n    </span>\n  );\n}\n","import { memo } from 'react';\n\nimport style from './OperatorGroup.module.scss';\n\ninterface OperatorGroup {\n  title: string;\n}\n\nexport default memo(OperatorGroup);\nfunction OperatorGroup({ title }: OperatorGroup) {\n  return <div className={style.group}>{title}</div>;\n}\n","import { ViewSettings } from 'ontime-types';\n\nimport MultiPartProgressBar from '../../../common/components/multi-part-progress-bar/MultiPartProgressBar';\nimport { useProgressData } from '../../../common/hooks/useSocket';\n\nimport styles from './StatusBar.module.scss';\n\ninterface StatusBarProgressProps {\n  viewSettings: ViewSettings;\n}\n\nexport default function StatusBarProgress({ viewSettings }: StatusBarProgressProps) {\n  const { current, duration, timeWarning, timeDanger } = useProgressData();\n\n  return (\n    <MultiPartProgressBar\n      now={current}\n      complete={duration}\n      normalColor={viewSettings.normalColor}\n      warning={timeWarning}\n      warningColor={viewSettings.warningColor}\n      danger={timeDanger}\n      dangerColor={viewSettings.dangerColor}\n      className={styles.progressOverride}\n      ignoreCssOverride\n    />\n  );\n}\n","import { ClockOverview, TimerOverview } from '../../overview/composite/TimeElements';\n\nimport style from './StatusBar.module.scss';\n\nexport default function StatusBarTimers() {\n  return (\n    <div className={style.timers}>\n      <TimerOverview className={style.runningTimer} />\n      <ClockOverview className={style.timeNow} shouldFormat />\n    </div>\n  );\n}\n","import useViewSettings from '../../../common/hooks-query/useViewSettings';\n\nimport StatusBarProgress from './StatusBarProgress';\nimport StatusBarTimers from './StatusBarTimers';\n\nimport styles from './StatusBar.module.scss';\n\nexport default function StatusBar() {\n  const { data } = useViewSettings();\n\n  return (\n    <div className={styles.statusBar}>\n      <StatusBarTimers />\n      {data && <StatusBarProgress viewSettings={data} />}\n    </div>\n  );\n}\n","import { use, useMemo } from 'react';\nimport { useSearchParams } from 'react-router';\nimport { CustomFields, EntryId, OntimeEvent } from 'ontime-types';\n\nimport { getTimeOption } from '../../common/components/view-params-editor/common.options';\nimport { OptionTitle } from '../../common/components/view-params-editor/constants';\nimport { ViewOption } from '../../common/components/view-params-editor/viewParams.types';\nimport {\n  makeCustomFieldSelectOptions,\n  makeOptionsFromCustomFields,\n} from '../../common/components/view-params-editor/viewParams.utils';\nimport { PresetContext } from '../../common/context/PresetContext';\nimport { isStringBoolean } from '../viewers/common/viewUtils';\n\nexport const getOperatorOptions = (customFields: CustomFields, timeFormat: string): ViewOption[] => {\n  const fieldOptions = makeOptionsFromCustomFields(customFields, [\n    { value: 'none', label: 'None' },\n    { value: 'title', label: 'Title' },\n    { value: 'note', label: 'Note' },\n  ]);\n  const customFieldSelect = makeCustomFieldSelectOptions(customFields);\n\n  return [\n    { title: OptionTitle.ClockOptions, collapsible: true, options: [getTimeOption(timeFormat)] },\n    {\n      title: OptionTitle.DataSources,\n      collapsible: true,\n      options: [\n        {\n          id: 'main',\n          title: 'Main data field',\n          description: 'Field to be shown in the first line of text',\n          type: 'option',\n          values: fieldOptions,\n          defaultValue: 'title',\n        },\n        {\n          id: 'secondary-src',\n          title: 'Secondary data field',\n          description: 'Field to be shown in the second line of text',\n          type: 'option',\n          values: fieldOptions,\n          defaultValue: 'none',\n        },\n        {\n          id: 'subscribe',\n          title: 'Highlight Fields',\n          description: 'Choose custom fields to highlight',\n          type: 'multi-option',\n          values: customFieldSelect,\n        },\n        {\n          id: 'shouldEdit',\n          title: 'Edit custom field',\n          description: 'Allows editing an highlighted custom field by long pressing',\n          type: 'boolean',\n          defaultValue: false,\n        },\n      ],\n    },\n    {\n      title: OptionTitle.ElementVisibility,\n      collapsible: true,\n      options: [\n        {\n          id: 'hidePast',\n          title: 'Hide Past Events',\n          description: 'Whether to hide events that have passed',\n          type: 'boolean',\n          defaultValue: false,\n        },\n        {\n          id: 'showStart',\n          title: 'Show planned start',\n          description: 'Whether to prepend the planned start to the items',\n          type: 'boolean',\n          defaultValue: false,\n        },\n      ],\n    },\n  ];\n};\n\ntype OperatorOptions = {\n  mainSource: keyof OntimeEvent | null;\n  secondarySource: keyof OntimeEvent | null;\n  subscribe: string[];\n  shouldEdit: boolean;\n  hidePast: boolean;\n  showStart: boolean;\n};\n\n/**\n * Utility extract the view options from URL Params\n * the names and fallback are manually matched with timerOptions\n */\nfunction getOptionsFromParams(searchParams: URLSearchParams, defaultValues?: URLSearchParams): OperatorOptions {\n  // Helper to get value from either source, prioritizing defaultValues\n  const getValue = (key: string) => defaultValues?.get(key) ?? searchParams.get(key);\n\n  // Helper to get array values from either source\n  const getArrayValues = (key: string): EntryId[] => {\n    if (defaultValues?.has(key)) {\n      return defaultValues.getAll(key) as EntryId[];\n    }\n    return searchParams.getAll(key) as EntryId[];\n  };\n\n  // we manually make an object that matches the key above\n  return {\n    mainSource: getValue('main') as keyof OntimeEvent | null,\n    secondarySource: getValue('secondary-src') as keyof OntimeEvent | null,\n    subscribe: getArrayValues('subscribe'),\n    shouldEdit: isStringBoolean(getValue('shouldEdit')),\n    hidePast: isStringBoolean(getValue('hidePast')),\n    showStart: isStringBoolean(getValue('showStart')),\n  };\n}\n\n/**\n * Hook exposes the operator view options\n */\nexport function useOperatorOptions(): OperatorOptions {\n  const [searchParams] = useSearchParams();\n  const maybePreset = use(PresetContext);\n\n  const options = useMemo(() => {\n    const defaultValues = maybePreset ? new URLSearchParams(maybePreset.search) : undefined;\n    return getOptionsFromParams(searchParams, defaultValues);\n  }, [maybePreset, searchParams]);\n\n  return options;\n}\n","import { CustomFields, MaybeString, OntimeEvent } from 'ontime-types';\r\n\r\nimport { getPropertyValue } from '../viewers/common/viewUtils';\r\n\r\nimport type { Subscribed } from './operator.types';\r\n\r\nexport function getEventData(\r\n  event: OntimeEvent,\r\n  main: MaybeString,\r\n  secondary: MaybeString,\r\n  subscriptions: string[],\r\n  customFields: CustomFields,\r\n) {\r\n  const mainField = main ? getPropertyValue(event, main) ?? '' : event.title;\r\n  const secondaryField = getPropertyValue(event, secondary) ?? '';\r\n\r\n  // remove subscriptions that are not in customFields\r\n  const sanitisedSubscriptions = subscriptions.filter((field) => Object.hasOwn(customFields, field));\r\n  const subscribedData = sanitisedSubscriptions.reduce<Subscribed>((acc, id) => {\r\n    const field = customFields[id];\r\n    if (field) {\r\n      acc.push({\r\n        id,\r\n        label: field.label,\r\n        colour: field.colour,\r\n        value: event.custom[id],\r\n      });\r\n    }\r\n    return acc;\r\n  }, []);\r\n\r\n  return { mainField, secondaryField, subscribedData };\r\n}\r\n","import { CustomFields, Rundown, Settings } from 'ontime-types';\n\nimport useCustomFields from '../../common/hooks-query/useCustomFields';\nimport { useRundownWithMetadata } from '../../common/hooks-query/useRundown';\nimport useSettings from '../../common/hooks-query/useSettings';\nimport { RundownMetadataObject } from '../../common/utils/rundownMetadata';\nimport { aggregateQueryStatus, ViewData } from '../../views/utils/viewLoader.utils';\n\nexport interface OperatorData {\n  rundown: Rundown;\n  rundownMetadata: RundownMetadataObject;\n  customFields: CustomFields;\n  settings: Settings;\n}\n\nexport function useOperatorData(): ViewData<OperatorData> {\n  const { data: rundown, rundownMetadata, status: rundownStatus } = useRundownWithMetadata();\n  const { data: customFields, status: customFieldStatus } = useCustomFields();\n  const { data: settings, status: settingsStatus } = useSettings();\n\n  return {\n    data: {\n      rundown,\n      rundownMetadata,\n      customFields,\n      settings,\n    },\n    status: aggregateQueryStatus([rundownStatus, customFieldStatus, settingsStatus]),\n  };\n}\n","import { Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { isOntimeEvent, isOntimeGroup, OntimeView } from 'ontime-types';\n\nimport EmptyPage from '../../common/components/state/EmptyPage';\nimport ViewParamsEditor from '../../common/components/view-params-editor/ViewParamsEditor';\nimport useFollowComponent from '../../common/hooks/useFollowComponent';\nimport { useSelectedEventId } from '../../common/hooks/useSocket';\nimport { useWindowTitle } from '../../common/hooks/useWindowTitle';\nimport { cx } from '../../common/utils/styleUtils';\nimport { throttle } from '../../common/utils/throttle';\nimport { getDefaultFormat } from '../../common/utils/time';\nimport { isTouchDevice } from '../../externals';\nimport Loader from '../../views/common/loader/Loader';\n\nimport EditModal from './edit-modal/EditModal';\nimport FollowButton from './follow-button/FollowButton';\nimport OperatorEvent from './operator-event/OperatorEvent';\nimport OperatorGroup from './operator-group/OperatorGroup';\nimport StatusBar from './status-bar/StatusBar';\nimport { getOperatorOptions, useOperatorOptions } from './operator.options';\nimport type { EditEvent } from './operator.types';\nimport { getEventData } from './operator.utils';\nimport { OperatorData, useOperatorData } from './useOperatorData';\n\nimport style from './Operator.module.scss';\n\nconst selectedOffset = 50;\n\nexport default function OperatorLoader() {\n  const { data, status } = useOperatorData();\n\n  useWindowTitle('Operator');\n\n  if (status === 'pending') {\n    return <Loader />;\n  }\n\n  if (status === 'error') {\n    return <EmptyPage text='There was an error fetching data, please refresh the page.' />;\n  }\n\n  return <Operator {...data} />;\n}\n\nfunction Operator({ rundown, rundownMetadata, customFields, settings }: OperatorData) {\n  const { selectedEventId } = useSelectedEventId();\n  const { subscribe, mainSource, secondarySource, shouldEdit, hidePast, showStart } = useOperatorOptions();\n\n  const [showEditPrompt, setShowEditPrompt] = useState(false);\n  const [editEvent, setEditEvent] = useState<EditEvent | null>(null);\n\n  const [lockAutoScroll, setLockAutoScroll] = useState(false);\n  const selectedRef = useRef<HTMLDivElement | null>(null);\n  const scrollRef = useRef<HTMLDivElement | null>(null);\n  const scrollToComponent = useFollowComponent({\n    followRef: selectedRef,\n    scrollRef,\n    doFollow: !lockAutoScroll,\n    topOffset: selectedOffset,\n    followTrigger: selectedEventId,\n  });\n\n  const timeoutId = useRef<NodeJS.Timeout | null>(null);\n\n  // reset scroll if nothing is selected\n  useEffect(() => {\n    if (!selectedEventId) {\n      if (!lockAutoScroll) {\n        scrollRef.current?.scrollTo(0, 0);\n      }\n    }\n  }, [selectedEventId, lockAutoScroll, scrollRef]);\n\n  const handleOffset = () => {\n    if (selectedEventId) {\n      scrollToComponent();\n    }\n    setLockAutoScroll(false);\n  };\n\n  // prevent considering automated scrolls as user scrolls\n  const handleUserScroll = () => {\n    if (selectedRef?.current && scrollRef?.current) {\n      const selectedRect = selectedRef.current.getBoundingClientRect();\n      const scrollerRect = scrollRef.current.getBoundingClientRect();\n      if (selectedRect && scrollerRect) {\n        const distanceFromTop = selectedRect.top - scrollerRect.top;\n        const hasScrolledOutOfThreshold = distanceFromTop < -8 || distanceFromTop > selectedOffset;\n        setLockAutoScroll(hasScrolledOutOfThreshold);\n      }\n    }\n  };\n  const throttledHandleScroll = throttle(handleUserScroll, 1000);\n\n  const handleScroll = () => {\n    if (timeoutId.current) {\n      clearTimeout(timeoutId.current);\n    }\n    timeoutId.current = setTimeout(() => {\n      setShowEditPrompt(false);\n    }, 700);\n\n    setShowEditPrompt(true);\n\n    throttledHandleScroll();\n  };\n\n  const handleEdit = useCallback((event: EditEvent) => {\n    setEditEvent({ ...event });\n  }, []);\n\n  // gather option data\n  const defaultFormat = getDefaultFormat(settings?.timeFormat);\n  const operatorOptions = useMemo(() => getOperatorOptions(customFields, defaultFormat), [customFields, defaultFormat]);\n\n  const canEdit = shouldEdit && subscribe.length;\n\n  return (\n    <div className={style.operatorContainer} data-testid='operator-view'>\n      <ViewParamsEditor target={OntimeView.Operator} viewOptions={operatorOptions} />\n      {editEvent && <EditModal event={editEvent} onClose={() => setEditEvent(null)} />}\n\n      <StatusBar />\n\n      {canEdit && (\n        <div className={cx([style.editPrompt, showEditPrompt && style.show])}>\n          {isTouchDevice ? 'Press and hold to edit user field' : 'Right click to edit user field'}\n        </div>\n      )}\n\n      <div className={style.operatorEvents} onWheel={handleScroll} onTouchMove={handleScroll} ref={scrollRef}>\n        {rundown.order.map((entryId) => {\n          const entry = rundown.entries[entryId];\n          if (isOntimeEvent(entry)) {\n            const { isPast, isLinkedToLoaded, isLoaded, totalGap } = rundownMetadata[entryId];\n            // hide past events (if setting) and skipped events\n            if ((hidePast && isPast) || entry.skip) {\n              return null;\n            }\n\n            const { mainField, secondaryField, subscribedData } = getEventData(\n              entry,\n              mainSource,\n              secondarySource,\n              subscribe,\n              customFields,\n            );\n\n            return (\n              <OperatorEvent\n                key={entry.id}\n                id={entry.id}\n                colour={entry.colour}\n                cue={entry.cue}\n                main={mainField}\n                secondary={secondaryField}\n                timeStart={entry.timeStart}\n                duration={entry.duration}\n                delay={entry.delay}\n                dayOffset={entry.dayOffset}\n                isLinkedToLoaded={isLinkedToLoaded}\n                isSelected={isLoaded}\n                isPast={isPast}\n                selectedRef={isLoaded ? selectedRef : undefined}\n                showStart={showStart}\n                subscribed={subscribedData}\n                totalGap={totalGap}\n                onLongPress={canEdit ? handleEdit : () => undefined}\n              />\n            );\n          }\n\n          if (isOntimeGroup(entry)) {\n            const { isPast } = rundownMetadata[entry.id];\n\n            const isCurrentParent = selectedEventId ? rundownMetadata[selectedEventId].groupId === entry.id : false;\n\n            if (hidePast && isPast && !isCurrentParent) {\n              return null;\n            }\n\n            return (\n              <Fragment key={entry.id}>\n                <OperatorGroup key={entry.id} title={entry.title} />\n                {entry.entries.map((nestedEntryId) => {\n                  const nestedEntry = rundown.entries[nestedEntryId];\n                  if (!isOntimeEvent(nestedEntry)) {\n                    return null;\n                  }\n\n                  const { isPast, isLoaded, isLinkedToLoaded, totalGap } = rundownMetadata[nestedEntryId];\n\n                  // hide past events (if setting) and skipped events\n                  if ((hidePast && isPast) || nestedEntry.skip) {\n                    return null;\n                  }\n\n                  const { mainField, secondaryField, subscribedData } = getEventData(\n                    nestedEntry,\n                    mainSource,\n                    secondarySource,\n                    subscribe,\n                    customFields,\n                  );\n\n                  return (\n                    <OperatorEvent\n                      key={nestedEntry.id}\n                      id={nestedEntry.id}\n                      colour={nestedEntry.colour}\n                      cue={nestedEntry.cue}\n                      main={mainField}\n                      secondary={secondaryField}\n                      timeStart={nestedEntry.timeStart}\n                      duration={nestedEntry.duration}\n                      delay={nestedEntry.delay}\n                      dayOffset={nestedEntry.dayOffset}\n                      isLinkedToLoaded={isLinkedToLoaded}\n                      isSelected={isLoaded}\n                      isPast={isPast}\n                      selectedRef={isLoaded ? selectedRef : undefined}\n                      showStart={showStart}\n                      subscribed={subscribedData}\n                      totalGap={totalGap}\n                      onLongPress={canEdit ? handleEdit : () => undefined}\n                    />\n                  );\n                })}\n              </Fragment>\n            );\n          }\n          return null;\n        })}\n      </div>\n      <FollowButton isVisible={lockAutoScroll} onClickHandler={handleOffset} />\n    </div>\n  );\n}\n","import ProtectRoute from '../../common/components/protect-route/ProtectRoute';\n\nimport Operator from './Operator';\n\nexport default function OperatorExport() {\n  return (\n    <ProtectRoute permission='operator'>\n      <Operator />\n    </ProtectRoute>\n  );\n}\n"],"names":["EditModal","props","event","onClose","updateEntry","useEntryActions","loading","setLoading","useState","inputRef","useRef","Array","handleSave","current","patchObject","id","forEach","element","dataset","field","defaultValue","value","custom","Object","assign","Dialog.Root","isOpen","jsx","Dialog.Portal","jsxs","Dialog.Popup","style","editModal","title","cue","IconButton","IoClose","body","subscriptions","map","Fragment","label","colour","Textarea","push","footer","Button","useLongPress","onLongPress","options","threshold","onStart","onFinish","onCancel","isLongPressActive","isPressed","timeout","useEffect","window","clearTimeout","useMemo","start","isMouseEvent","isTouchEvent","setTimeout","cancel","onMouseDown","onMouseUp","onMouseLeave","onTouchStart","onTouchEnd","onTouchMove","throttle","TouchEvent","nativeEvent","MouseEvent","RunningTime","hideSeconds","hideLeadingZero","className","display","formattedTime","removeLeadingZero","removeSeconds","memo","OperatorEvent","main","secondary","timeStart","duration","delay","dayOffset","isLinkedToLoaded","isSelected","isPast","selectedRef","showStart","subscribed","totalGap","handleLongPress","cancelable","preventDefault","mouseHandlers","cueColours","getAccessibleColour","operatorClasses","cx","running","past","hasFields","some","columnCount","length","Math","min","fieldGridStyle","gridTemplateColumns","undefined","binder","mainField","SuperscriptPeriod","plannedStart","formatTime","secondaryField","OperatorEventSchedule","runningTime","DelayIndicator","muted","fields","fieldsWithContent","noColour","backgroundColor","color","timeUntil","TimeUntil","useTimeUntilExpectedStart","timeUntilString","MILLIS_PER_SECOND","formatDuration","abs","MILLIS_PER_MINUTE","OperatorGroup","group","StatusBarProgress","viewSettings","timeWarning","timeDanger","useProgressData","MultiPartProgressBar","normalColor","warningColor","dangerColor","styles","progressOverride","StatusBarTimers","timers","TimerOverview","runningTimer","ClockOverview","timeNow","StatusBar","data","useViewSettings","statusBar","getOperatorOptions","customFields","timeFormat","fieldOptions","makeOptionsFromCustomFields","customFieldSelect","makeCustomFieldSelectOptions","OptionTitle","ClockOptions","collapsible","getTimeOption","DataSources","description","type","values","ElementVisibility","getOptionsFromParams","searchParams","defaultValues","getValue","key","get","getArrayValues","has","getAll","mainSource","secondarySource","subscribe","shouldEdit","isStringBoolean","hidePast","useOperatorOptions","useSearchParams","maybePreset","use","PresetContext","URLSearchParams","search","getEventData","getPropertyValue","subscribedData","filter","hasOwn","reduce","acc","useOperatorData","rundown","rundownMetadata","status","rundownStatus","useRundownWithMetadata","customFieldStatus","useCustomFields","settings","settingsStatus","useSettings","aggregateQueryStatus","selectedOffset","OperatorLoader","useWindowTitle","Loader","EmptyPage","Operator","selectedEventId","useSelectedEventId","showEditPrompt","setShowEditPrompt","editEvent","setEditEvent","lockAutoScroll","setLockAutoScroll","scrollRef","scrollToComponent","useFollowComponent","followRef","doFollow","topOffset","followTrigger","timeoutId","scrollTo","handleOffset","throttledHandleScroll","handleUserScroll","selectedRect","getBoundingClientRect","scrollerRect","distanceFromTop","top","hasScrolledOutOfThreshold","handleScroll","handleEdit","useCallback","defaultFormat","getDefaultFormat","operatorOptions","canEdit","operatorContainer","ViewParamsEditor","OntimeView","editPrompt","show","isTouchDevice","operatorEvents","order","entryId","entry","entries","isOntimeEvent","isLoaded","skip","isOntimeGroup","isCurrentParent","groupId","nestedEntryId","nestedEntry","FollowButton","OperatorExport","ProtectRoute"],"mappings":"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"}

package/client/assets/OverviewWrapper-9aebU9w0.css

@@ -0,0 +1 @@
+._blink_1cc8f_1{animation:_blink_1cc8f_1 1s step-start infinite}@keyframes _blink_1cc8f_1{0%{opacity:100%}50%{opacity:20%}}._fourtyfive_1cc8f_13{transform:rotate(45deg)}._radioGroup_1cc8f_17{display:flex;color:#4c4c4c;font-size:calc(1rem - 2px);color:#f6f6f6}._radioGroup_1cc8f_17[data-disabled] ._item_1cc8f_23{opacity:.4;cursor:not-allowed}._horizontal_1cc8f_28{align-items:center;flex-direction:row;gap:1rem;width:100%}._vertical_1cc8f_35{align-items:start;flex-direction:column}._item_1cc8f_23{display:flex;align-items:center;gap:.5rem;height:2rem}._item_1cc8f_23:has([data-checked]){color:#f6f6f6}._radio_1cc8f_17{box-sizing:border-box;display:flex;width:16px;height:16px;align-items:center;justify-content:center;border-radius:100%;outline:0;border:none}._radio_1cc8f_17[data-unchecked]{border:1px solid #262626;background-color:#262626}._radio_1cc8f_17[data-checked]{background-color:#2b5abc}._radio_1cc8f_17:focus-visible{outline:2px solid #578AF4;outline-offset:2px}._indicator_1cc8f_73{display:grid;place-content:center}._indicator_1cc8f_73[data-unchecked]{display:none}._indicator_1cc8f_73:before{content:"";border-radius:100%;width:6px;height:6px;aspect-ratio:1;background-color:#f6f6f6}._blink_1wch9_1{animation:_blink_1wch9_1 1s step-start infinite}@keyframes _blink_1wch9_1{0%{opacity:100%}50%{opacity:20%}}._fourtyfive_1wch9_13{transform:rotate(45deg)}._twoCols_1wch9_17{display:grid;grid-template-columns:max-content max-content;column-gap:3rem}._grid_1wch9_23{display:grid;grid-template-columns:repeat(3,max-content);column-gap:1rem;row-gap:.5rem;align-content:start}._inline_1wch9_31{display:flex;gap:.5rem}._blink_1989f_1{animation:_blink_1989f_1 1s step-start infinite}@keyframes _blink_1989f_1{0%{opacity:100%}50%{opacity:20%}}._fourtyfive_1989f_13{transform:rotate(45deg)}._qrCode_1989f_17{padding:.5rem;background:#f6f6f6;border-radius:3px}._column_1989f_23{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem;color:#8a8a8a;-webkit-user-select:text;user-select:text}._copiableLink_1989f_32{-webkit-user-select:text;user-select:text;color:#f6f6f6;white-space:nowrap;overflow-x:auto}._shareInline_1989f_39{display:grid;grid-template-columns:1fr 172px;gap:1rem}._end_1989f_45{padding-right:2rem}._blink_1kaxc_1{animation:_blink_1kaxc_1 1s step-start infinite}@keyframes _blink_1kaxc_1{0%{opacity:100%}50%{opacity:20%}}._fourtyfive_1kaxc_13{transform:rotate(45deg)}._title_1kaxc_17{font-size:1.75rem;font-weight:600;color:#f6f6f6;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._description_1kaxc_27{font-size:1rem;color:#b1b1b1;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._blink_1p0vh_1{animation:_blink_1p0vh_1 1s step-start infinite}@keyframes _blink_1p0vh_1{0%{opacity:100%}50%{opacity:20%}}._fourtyfive_1p0vh_13{transform:rotate(45deg)}._overview_1p0vh_17{grid-area:overview;font-size:calc(1rem - 2px);display:flex;overflow:hidden}._isOffline_1p0vh_24 ._info_1p0vh_24{opacity:.4}._isOffline_1p0vh_24:after{content:"Disconnected";position:absolute;padding-inline:.5rem;bottom:.5rem;right:.5rem;background-color:#d20300;border-radius:2px;font-size:calc(1rem - 2px);z-index:1000}._nav_1p0vh_39{display:flex;align-items:center;gap:.5rem}._info_1p0vh_24{flex:1;padding-left:1rem;display:flex;align-items:center;justify-content:space-between;overflow-x:auto;overflow-y:hidden}

package/client/assets/{OverviewWrapper-MGJ1uE5W.js → OverviewWrapper-D1hUkrRi.js}

@@ -1,2 +1,2 @@
-import{j as e,aY as ee,aZ as te,a_ as ae,f as se,a$ as ie,h as d,ad as re,ab as ne,aw as le}from"./vendor-9UkPSc5K.js";import{i as X,ah as oe,ae as j,ar as g,b7 as T,b8 as ce,aq as de,O as x,a9 as ue,ac as he,Y as V,ad as S,af as fe,X as me,a7 as pe,B as ve,_ as be,an as xe,b9 as M,ba as Y,ag as je,al as ge,au as _e,bb as we}from"./index-njXwwjfn.js";import{I as Ce}from"./useWindowTitle-B2UzPuki.js";import{S as H}from"./Select-BLA-yQMq.js";import{S as _,u as ke}from"./useProjectData-DW06zQvF.js";import{u as ye}from"./useCustomFields-Da0Li7nQ.js";(function(){try{var s=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new s.Error().stack;r&&(s._sentryDebugIds=s._sentryDebugIds||{},s._sentryDebugIds[r]="9aa8078a-d67a-43a4-9130-b662c668de6f",s._sentryDebugIdIdentifier="sentry-dbid-9aa8078a-d67a-43a4-9130-b662c668de6f")}catch{}})();const st=/^\d+$/,it=/^https?:\/\//,rt=/^[a-z0-9]+$/i,Se=/^[a-zA-Z0-9_-]*$/,Oe="_blink_1cc8f_1",Re="_fourtyfive_1cc8f_13",Ne="_radioGroup_1cc8f_17",Ie="_item_1cc8f_23",$e="_horizontal_1cc8f_28",De="_vertical_1cc8f_35",Ue="_radio_1cc8f_17",We="_indicator_1cc8f_73",I={blink:Oe,fourtyfive:Re,radioGroup:Ne,item:Ie,horizontal:$e,vertical:De,radio:Ue,indicator:We};function Z({items:s,className:r,orientation:n="vertical",onValueChange:o,...h}){return e.jsx(ee,{onValueChange:l=>o==null?void 0:o(l),className:X([I.radioGroup,I[n],r]),...h,children:s.map(l=>e.jsxs("label",{className:I.item,children:[e.jsx(te,{value:l.value.toString(),className:I.radio,children:e.jsx(ae,{className:I.indicator})}),l.label]},l.value.toString()))})}const K={hideTableSeconds:!1,hideIndexColumn:!1,showDelayedTimes:!1,hideDelays:!1},nt=se()(ie(s=>({...K,setOption:(r,n)=>s(o=>({...o,[r]:n})),toggleOption:r=>s(n=>({...n,[r]:!n[r]})),resetOptions:()=>s(K)}),{name:"cuesheet-options"})),W=[{value:"flag",label:"Flag"},{value:"cue",label:"Cue"},{value:"title",label:"Title"},{value:"timeStart",label:"Time start"},{value:"timeEnd",label:"Time end"},{value:"duration",label:"Duration"},{value:"note",label:"Note"}];function Ee(s){return Object.entries(s).map(([r,n])=>({value:`custom-${r}`,label:n.label}))}const ze="_twoCols_1wch9_17",Fe="_grid_1wch9_23",G={twoCols:ze,grid:Fe};function Le({readRef:s,writeRef:r}){const{data:n}=ye(),o=d.useMemo(()=>Ee(n),[n]),[h,l]=d.useState("full"),[u,$]=d.useState("full"),[w,C]=d.useState(()=>{const t={};return[...W,...o].forEach(i=>{t[i.value]=!0}),t}),[R,D]=d.useState(()=>{const t={};return[...W,...o].forEach(i=>{t[i.value]=!0}),t}),z=t=>{l(t),C(i=>{const f={...i};return Object.keys(f).forEach(m=>{f[m]=!0}),f})},F=t=>{t==="full"&&l("full"),$(t),C(i=>{const f={...i};return D(m=>{const k={...m};return[...W,...o].forEach(N=>{f[N.value]=!0,k[N.value]=!0}),k}),f})},c=(t,i,f)=>{i==="read"?C(m=>({...m,[t]:f})):D(m=>({...m,[t]:f}))},p=()=>h==="full"||u==="full"?"full":Object.entries(w).filter(([t,i])=>i).map(([t])=>t).join(","),L=()=>u==="full"?"full":Object.entries(R).filter(([t,i])=>i).map(([t])=>t).join(",");return e.jsxs(oe,{children:[e.jsx("input",{name:"read",hidden:!0,readOnly:!0,ref:s,value:p()||"-"}),e.jsx("input",{name:"write",hidden:!0,readOnly:!0,ref:r,value:L()||"-"}),e.jsxs("div",{children:[e.jsx(j,{title:"Access mode",description:"Which parts of the data will the link give access to"}),e.jsxs("div",{children:[e.jsx(Z,{value:u,onValueChange:F,orientation:"horizontal",items:[{value:"full",label:"Full write (edit all existing and future columns)"},{value:"custom",label:"Custom write"}]}),e.jsx(Z,{value:h,onValueChange:z,orientation:"horizontal",disabled:u==="full",items:[{value:"full",label:"Full read (view all existing and future columns)"},{value:"custom",label:"Custom read"}]})]})]}),e.jsxs("div",{className:G.twoCols,children:[e.jsxs("div",{className:G.grid,children:[e.jsx(g,{children:"Ontime columns"}),e.jsx(g,{children:"Read"}),e.jsx(g,{children:"Write"}),W.map(t=>e.jsxs(d.Fragment,{children:[e.jsx("div",{children:t.label}),e.jsx(_,{checked:!!w[t.value],onCheckedChange:i=>c(t.value,"read",i),disabled:h==="full"||u==="full","data-testid":`read-${t.value}`}),e.jsx(_,{checked:!!R[t.value],onCheckedChange:i=>c(t.value,"write",i),disabled:u==="full","data-testid":`write-${t.value}`})]},t.value))]}),o.length>0&&e.jsxs("div",{className:G.grid,children:[e.jsx(g,{children:"Custom fields"}),e.jsx(g,{children:"Read"}),e.jsx(g,{children:"Write"}),o.map(t=>e.jsxs(d.Fragment,{children:[t.label,e.jsx(_,{checked:!!w[t.value],onCheckedChange:i=>c(t.value,"read",i),disabled:h==="full"||u==="full","data-testid":`read-${t.value}`}),e.jsx(_,{checked:!!R[t.value],onCheckedChange:i=>c(t.value,"write",i),disabled:u==="full","data-testid":`write-${t.value}`})]},t.value))]})]})]})}const Pe="_qrCode_kmiy6_17",Te="_column_kmiy6_23",Ge="_copiableLink_kmiy6_32",Be="_shareInline_kmiy6_39",qe="_end_kmiy6_45",O={qrCode:Pe,column:Te,copiableLink:Ge,shareInline:Be,end:qe};function Ae({hostOptions:s,pathOptions:r,presets:n,isLockedToView:o}){var B,q;const[h,l]=d.useState("pending"),[u,$]=d.useState(T),w=d.useRef(null),C=d.useRef(null),R=d.useRef(`cuesheet-${ce()}`),{addPreset:D}=de(),{handleSubmit:z,setError:F,watch:c,setValue:p,reset:L,register:t,formState:{errors:i,isDirty:f}}=re({mode:"onChange",defaultValues:{baseUrl:T,path:o?r[0].value:x.Timer,authenticate:!1,lockConfig:!1,lockNav:!1}}),m=async(a,y)=>{if(y.read==="-")throw new Error("Cannot create a share with no read permissions");return(await D({target:x.Cuesheet,enabled:!0,alias:a,search:"",options:{read:y.read,write:y.write}})).find(U=>U.alias===a)},k=async a=>{var y,P,U;try{if(l("loading"),a.path===x.Cuesheet){const v=await m(a.alias,{read:((y=w.current)==null?void 0:y.value)??"full",write:((P=C.current)==null?void 0:P.value)??"full"});if(!v)throw new Error("Failed to create URL preset for Cuesheet");const b=await M({baseUrl:a.baseUrl,path:a.path,authenticate:a.authenticate,lockConfig:a.lockConfig,lockNav:a.lockNav,preset:v.alias});await Y(b),$(b)}else{const v=a.path.startsWith("preset-")?a.path.replace("preset-",""):void 0,b=v?(U=n.find(J=>J.alias===v))==null?void 0:U.target:a.path;if(!b)throw new Error(`Could not resolve preset: ${b}`);const A=await M({baseUrl:a.baseUrl,path:b,authenticate:a.authenticate,lockConfig:a.lockConfig,lockNav:a.lockNav,preset:v});await Y(A),$(A)}L(a,{keepValues:!0,keepDirty:!1}),l("success")}catch(v){const b=je(v);F("root",{message:b}),l("error")}},N=f||h!=="success";return e.jsxs("form",{onSubmit:z(k),onKeyDown:a=>ue(a),children:[!o&&e.jsx(Ce,{children:"You can generate a link to share with your team or to use in automation (such as companion)."}),e.jsxs("div",{className:O.shareInline,children:[e.jsxs("div",{className:O.column,children:[e.jsxs(he,{children:[V?e.jsx("input",{hidden:!0,readOnly:!0,name:"baseUrl",value:T}):e.jsxs(S,{children:[e.jsx(j,{title:"Host IP",description:`Which IP address will be used${V?" (not applicable in Ontime Cloud)":""}`}),e.jsx(H,{options:s,value:c("baseUrl"),onValueChange:a=>p("baseUrl",a)})]}),o?e.jsx("input",{type:"hidden",value:c("path")}):e.jsxs(S,{children:[e.jsx(j,{title:"Ontime view",description:"Which view or preset will the link point to"}),e.jsx(H,{options:r,value:c("path"),onValueChange:a=>p("path",a,{shouldDirty:!0})})]}),c("path")===x.Cuesheet&&e.jsxs(e.Fragment,{children:[e.jsxs(S,{children:[e.jsx(j,{title:"Preset alias",description:"The name of the preset we will create to hold this options",error:(B=i.alias)==null?void 0:B.message}),e.jsx(fe,{defaultValue:R.current,...t("alias",{required:"Alias cannot be empty and must be unique",pattern:{value:Se,message:"Field can only contain URL safe characters (a-z, 0-9, _ and -)"}})})]}),e.jsx(Le,{readRef:w,writeRef:C})]}),e.jsxs(S,{children:[e.jsx(j,{title:"Lock navigation",description:"Whether to hide the navigation menu"}),e.jsx(_,{size:"large",name:"lockNav","data-testid":"lockNav",checked:c("lockNav"),onCheckedChange:a=>p("lockNav",a,{shouldDirty:!0}),disabled:c("lockConfig")})]}),c("path")!==x.Cuesheet&&e.jsxs(S,{children:[e.jsx(j,{title:"Lock configuration",description:"Whether to hide the configuration panel (also hides navigation)"}),e.jsx(_,{size:"large",name:"lockConfig","data-testid":"lockConfig",checked:c("lockConfig"),onCheckedChange:a=>{a&&p("lockNav",a,{shouldDirty:!0}),p("lockConfig",a,{shouldDirty:!0})}})]}),e.jsxs(S,{children:[e.jsx(j,{title:"Authenticate",description:"Whether the URL should be pre-authenticated"}),e.jsx(_,{size:"large",name:"authenticate","data-testid":"authenticate",checked:c("authenticate"),onCheckedChange:a=>p("authenticate",a,{shouldDirty:!0})})]})]}),e.jsx(me,{children:(q=i.root)==null?void 0:q.message}),e.jsx(pe,{align:"end",className:O.end,children:e.jsx(ve,{type:"submit",variant:N?"primary":"subtle",loading:h==="loading",children:N?"Create share link":"Link copied to clipboard!"})})]}),e.jsxs(be,{className:O.column,children:[e.jsx(g,{children:"Share this link"}),e.jsx(ne,{size:172,value:u,className:O.qrCode}),e.jsx("div",{className:O.copiableLink,"data-testid":"copy-link",children:u}),e.jsx(xe,{copyValue:u,children:"Copy link"})]})]})]})}function lt({lockedPath:s}){const{data:r}=ge(),{data:n}=_e({skip:s===void 0}),o=d.useMemo(()=>r.networkInterfaces.map(l=>({value:`http://${l.address}:${r.serverPort}`,label:`${l.name} - ${l.address}`})),[r.networkInterfaces,r.serverPort]),h=d.useMemo(()=>s?[{value:s.value,label:s.label}]:[{value:x.Timer,label:"Timer"},{value:x.Cuesheet,label:"Cuesheet"},{value:x.Operator,label:"Operator"},{value:"<<companion>>",label:"Companion"},...n.map(l=>({value:`preset-${l.alias}`,label:`URL Preset: ${l.alias}`}))],[s,n]);return e.jsx(Ae,{hostOptions:o,pathOptions:h,presets:n,isLockedToView:!!s})}const Ve="_title_g70eo_17",Me="_description_g70eo_24",Q={title:Ve,description:Me};function ot(){const{data:s}=ke();return!s.title&&!s.description?null:e.jsxs("div",{children:[e.jsx("div",{className:Q.title,children:s.title}),e.jsx("div",{className:Q.description,children:s.description})]})}const Ye="_overview_zh5tn_17",He="_isOffline_zh5tn_24",Ze="_info_zh5tn_24",Ke="_nav_zh5tn_39",E={overview:Ye,isOffline:He,info:Ze,nav:Ke};function ct({navElements:s,children:r}){const{isOnline:n}=we();return e.jsx("div",{className:X([E.overview,!n&&E.isOffline]),children:e.jsxs(le,{children:[e.jsx("div",{className:E.nav,children:s}),e.jsx("div",{className:E.info,children:r})]})})}export{lt as G,ct as O,Z as R,ot as T,rt as a,st as i,it as s,nt as u};
-//# sourceMappingURL=OverviewWrapper-MGJ1uE5W.js.map
+import{j as e,aY as ee,aZ as te,a_ as ae,f as se,a$ as ie,h as d,ad as re,ab as ne,ax as le}from"./vendor-Cdwxo8bP.js";import{e as J,aj as oe,ag as j,at as g,b9 as z,ba as ce,as as de,O as x,ab as ue,ae as he,Z as V,af as S,ah as fe,Y as pe,a9 as ve,B as me,$ as be,ap as xe,bb as M,bc as Y,ai as je,an as ge,aw as _e,bd as we}from"./index-CoGiopcb.js";import{I as Ce}from"./useWindowTitle-mLKt65i7.js";import{S as Z}from"./Select-cHK8JrMG.js";import{S as _,u as ke}from"./useProjectData-B5mjXsMj.js";import{u as ye}from"./useCustomFields-CcTb-GQM.js";(function(){try{var s=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new s.Error().stack;r&&(s._sentryDebugIds=s._sentryDebugIds||{},s._sentryDebugIds[r]="04564445-ab1a-49bf-a9c9-da3a85ade8cf",s._sentryDebugIdIdentifier="sentry-dbid-04564445-ab1a-49bf-a9c9-da3a85ade8cf")}catch{}})();const st=/^\d+$/,it=/^https?:\/\//,rt=/^[a-z0-9]+$/i,Se=/^[a-zA-Z0-9_-]*$/,Oe="_blink_1cc8f_1",Re="_fourtyfive_1cc8f_13",Ne="_radioGroup_1cc8f_17",$e="_item_1cc8f_23",Ie="_horizontal_1cc8f_28",De="_vertical_1cc8f_35",Ue="_radio_1cc8f_17",We="_indicator_1cc8f_73",$={blink:Oe,fourtyfive:Re,radioGroup:Ne,item:$e,horizontal:Ie,vertical:De,radio:Ue,indicator:We};function H({items:s,className:r,orientation:n="vertical",onValueChange:o,...h}){return e.jsx(ee,{onValueChange:l=>o==null?void 0:o(l),className:J([$.radioGroup,$[n],r]),...h,children:s.map(l=>e.jsxs("label",{className:$.item,children:[e.jsx(te,{value:l.value.toString(),className:$.radio,children:e.jsx(ae,{className:$.indicator})}),l.label]},l.value.toString()))})}const K={hideTableSeconds:!1,hideIndexColumn:!1,showDelayedTimes:!1,hideDelays:!1},nt=se()(ie(s=>({...K,setOption:(r,n)=>s(o=>({...o,[r]:n})),toggleOption:r=>s(n=>({...n,[r]:!n[r]})),resetOptions:()=>s(K)}),{name:"cuesheet-options"})),W=[{value:"flag",label:"Flag"},{value:"cue",label:"Cue"},{value:"title",label:"Title"},{value:"timeStart",label:"Time start"},{value:"timeEnd",label:"Time end"},{value:"duration",label:"Duration"},{value:"note",label:"Note"}];function Ee(s){return Object.entries(s).map(([r,n])=>({value:`custom-${r}`,label:n.label}))}const Fe="_twoCols_1wch9_17",Le="_grid_1wch9_23",G={twoCols:Fe,grid:Le};function Pe({readRef:s,writeRef:r}){const{data:n}=ye(),o=d.useMemo(()=>Ee(n),[n]),[h,l]=d.useState("full"),[u,I]=d.useState("full"),[w,C]=d.useState(()=>{const t={};return[...W,...o].forEach(i=>{t[i.value]=!0}),t}),[R,D]=d.useState(()=>{const t={};return[...W,...o].forEach(i=>{t[i.value]=!0}),t}),F=t=>{l(t),C(i=>{const f={...i};return Object.keys(f).forEach(p=>{f[p]=!0}),f})},L=t=>{t==="full"&&l("full"),I(t),C(i=>{const f={...i};return D(p=>{const k={...p};return[...W,...o].forEach(N=>{f[N.value]=!0,k[N.value]=!0}),k}),f})},c=(t,i,f)=>{i==="read"?C(p=>({...p,[t]:f})):D(p=>({...p,[t]:f}))},v=()=>h==="full"||u==="full"?"full":Object.entries(w).filter(([t,i])=>i).map(([t])=>t).join(","),P=()=>u==="full"?"full":Object.entries(R).filter(([t,i])=>i).map(([t])=>t).join(",");return e.jsxs(oe,{children:[e.jsx("input",{name:"read",hidden:!0,readOnly:!0,ref:s,value:v()||"-"}),e.jsx("input",{name:"write",hidden:!0,readOnly:!0,ref:r,value:P()||"-"}),e.jsxs("div",{children:[e.jsx(j,{title:"Access mode",description:"Which parts of the data will the link give access to"}),e.jsxs("div",{children:[e.jsx(H,{value:u,onValueChange:L,orientation:"horizontal",items:[{value:"full",label:"Full write (edit all existing and future columns)"},{value:"custom",label:"Custom write"}]}),e.jsx(H,{value:h,onValueChange:F,orientation:"horizontal",disabled:u==="full",items:[{value:"full",label:"Full read (view all existing and future columns)"},{value:"custom",label:"Custom read"}]})]})]}),e.jsxs("div",{className:G.twoCols,children:[e.jsxs("div",{className:G.grid,children:[e.jsx(g,{children:"Ontime columns"}),e.jsx(g,{children:"Read"}),e.jsx(g,{children:"Write"}),W.map(t=>e.jsxs(d.Fragment,{children:[e.jsx("div",{children:t.label}),e.jsx(_,{checked:!!w[t.value],onCheckedChange:i=>c(t.value,"read",i),disabled:h==="full"||u==="full","data-testid":`read-${t.value}`}),e.jsx(_,{checked:!!R[t.value],onCheckedChange:i=>c(t.value,"write",i),disabled:u==="full","data-testid":`write-${t.value}`})]},t.value))]}),o.length>0&&e.jsxs("div",{className:G.grid,children:[e.jsx(g,{children:"Custom fields"}),e.jsx(g,{children:"Read"}),e.jsx(g,{children:"Write"}),o.map(t=>e.jsxs(d.Fragment,{children:[t.label,e.jsx(_,{checked:!!w[t.value],onCheckedChange:i=>c(t.value,"read",i),disabled:h==="full"||u==="full","data-testid":`read-${t.value}`}),e.jsx(_,{checked:!!R[t.value],onCheckedChange:i=>c(t.value,"write",i),disabled:u==="full","data-testid":`write-${t.value}`})]},t.value))]})]})]})}const Te="_qrCode_1989f_17",ze="_column_1989f_23",Ge="_copiableLink_1989f_32",Be="_shareInline_1989f_39",Ae="_end_1989f_45",O={qrCode:Te,column:ze,copiableLink:Ge,shareInline:Be,end:Ae};function qe({hostOptions:s,pathOptions:r,presets:n,isLockedToView:o}){var B,A;const[h,l]=d.useState("pending"),[u,I]=d.useState(z),w=d.useRef(null),C=d.useRef(null),R=d.useRef(`cuesheet-${ce()}`),{addPreset:D}=de(),{handleSubmit:F,setError:L,watch:c,setValue:v,reset:P,register:t,formState:{errors:i,isDirty:f}}=re({mode:"onChange",defaultValues:{baseUrl:z,path:o?r[0].value:x.Timer,authenticate:!1,lockConfig:!1,lockNav:!1}}),p=async(a,y)=>{if(y.read==="-")throw new Error("Cannot create a share with no read permissions");return(await D({target:x.Cuesheet,enabled:!0,alias:a,search:"",options:{read:y.read,write:y.write}})).find(U=>U.alias===a)},k=async a=>{var y,T,U;try{if(l("loading"),a.path===x.Cuesheet){const m=await p(a.alias,{read:((y=w.current)==null?void 0:y.value)??"full",write:((T=C.current)==null?void 0:T.value)??"full"});if(!m)throw new Error("Failed to create URL preset for Cuesheet");const b=await M({baseUrl:a.baseUrl,path:a.path,authenticate:a.authenticate,lockConfig:a.lockConfig,lockNav:a.lockNav,preset:m.alias});await Y(b),I(b)}else{const m=a.path.startsWith("preset-")?a.path.replace("preset-",""):void 0,b=m?(U=n.find(X=>X.alias===m))==null?void 0:U.target:a.path;if(!b)throw new Error(`Could not resolve preset: ${b}`);const q=await M({baseUrl:a.baseUrl,path:b,authenticate:a.authenticate,lockConfig:a.lockConfig,lockNav:a.lockNav,preset:m});await Y(q),I(q)}P(a,{keepValues:!0,keepDirty:!1}),l("success")}catch(m){const b=je(m);L("root",{message:b}),l("error")}},N=f||h!=="success";return e.jsxs("form",{onSubmit:F(k),onKeyDown:a=>ue(a),children:[!o&&e.jsx(Ce,{children:"You can generate a link to share with your team or to use in automation (such as companion)."}),e.jsxs("div",{className:O.shareInline,children:[e.jsxs("div",{className:O.column,children:[e.jsxs(he,{children:[V?e.jsx("input",{hidden:!0,readOnly:!0,name:"baseUrl",value:z}):e.jsxs(S,{children:[e.jsx(j,{title:"Host IP",description:`Which IP address will be used${V?" (not applicable in Ontime Cloud)":""}`}),e.jsx(Z,{options:s,value:c("baseUrl"),onValueChange:a=>v("baseUrl",a)})]}),o?e.jsx("input",{type:"hidden",value:c("path")}):e.jsxs(S,{children:[e.jsx(j,{title:"Ontime view",description:"Which view or preset will the link point to"}),e.jsx(Z,{options:r,value:c("path"),onValueChange:a=>v("path",a,{shouldDirty:!0})})]}),c("path")===x.Cuesheet&&e.jsxs(e.Fragment,{children:[e.jsxs(S,{children:[e.jsx(j,{title:"Preset alias",description:"The name of the preset we will create to hold this options",error:(B=i.alias)==null?void 0:B.message}),e.jsx(fe,{defaultValue:R.current,...t("alias",{required:"Alias cannot be empty and must be unique",pattern:{value:Se,message:"Field can only contain URL safe characters (a-z, 0-9, _ and -)"}})})]}),e.jsx(Pe,{readRef:w,writeRef:C})]}),e.jsxs(S,{children:[e.jsx(j,{title:"Lock navigation",description:"Whether to hide the navigation menu"}),e.jsx(_,{size:"large",name:"lockNav","data-testid":"lockNav",checked:c("lockNav"),onCheckedChange:a=>v("lockNav",a,{shouldDirty:!0}),disabled:c("lockConfig")})]}),c("path")!==x.Cuesheet&&e.jsxs(S,{children:[e.jsx(j,{title:"Lock configuration",description:"Whether to hide the configuration panel (also hides navigation)"}),e.jsx(_,{size:"large",name:"lockConfig","data-testid":"lockConfig",checked:c("lockConfig"),onCheckedChange:a=>{a&&v("lockNav",a,{shouldDirty:!0}),v("lockConfig",a,{shouldDirty:!0})}})]}),e.jsxs(S,{children:[e.jsx(j,{title:"Authenticate",description:"Whether the URL should be pre-authenticated"}),e.jsx(_,{size:"large",name:"authenticate","data-testid":"authenticate",checked:c("authenticate"),onCheckedChange:a=>v("authenticate",a,{shouldDirty:!0})})]})]}),e.jsx(pe,{children:(A=i.root)==null?void 0:A.message}),e.jsx(ve,{align:"end",className:O.end,children:e.jsx(me,{type:"submit",variant:N?"primary":"subtle",loading:h==="loading",children:N?"Create share link":"Link copied to clipboard!"})})]}),e.jsxs(be,{className:O.column,children:[e.jsx(g,{children:"Share this link"}),e.jsx(ne,{size:172,value:u,className:O.qrCode}),e.jsx("div",{className:O.copiableLink,"data-testid":"copy-link",children:u}),e.jsx(xe,{copyValue:u,children:"Copy link"})]})]})]})}function lt({lockedPath:s}){const{data:r}=ge(),{data:n}=_e({skip:s===void 0}),o=d.useMemo(()=>r.networkInterfaces.map(l=>({value:`http://${l.address}:${r.serverPort}`,label:`${l.name} - ${l.address}`})),[r.networkInterfaces,r.serverPort]),h=d.useMemo(()=>s?[{value:s.value,label:s.label}]:[{value:x.Timer,label:"Timer"},{value:x.Cuesheet,label:"Cuesheet"},{value:x.Operator,label:"Operator"},{value:"<<companion>>",label:"Companion"},...n.map(l=>({value:`preset-${l.alias}`,label:`URL Preset: ${l.alias}`}))],[s,n]);return e.jsx(qe,{hostOptions:o,pathOptions:h,presets:n,isLockedToView:!!s})}const Ve="_title_1kaxc_17",Me="_description_1kaxc_27",Q={title:Ve,description:Me};function ot(){const{data:s}=ke();return!s.title&&!s.description?null:e.jsxs("div",{children:[e.jsx("div",{className:Q.title,children:s.title}),e.jsx("div",{className:Q.description,children:s.description})]})}const Ye="_overview_1p0vh_17",Ze="_isOffline_1p0vh_24",He="_info_1p0vh_24",Ke="_nav_1p0vh_39",E={overview:Ye,isOffline:Ze,info:He,nav:Ke};function ct({navElements:s,children:r}){const{isOnline:n}=we();return e.jsx("div",{className:J([E.overview,!n&&E.isOffline]),children:e.jsxs(le,{children:[e.jsx("div",{className:E.nav,children:s}),e.jsx("div",{className:E.info,children:r})]})})}export{lt as G,ct as O,H as R,ot as T,Se as a,rt as b,st as i,it as s,nt as u};
+//# sourceMappingURL=OverviewWrapper-D1hUkrRi.js.map

package/client/assets/{OverviewWrapper-MGJ1uE5W.js.map → OverviewWrapper-D1hUkrRi.js.map}

@@ -1 +1 @@
-{"version":3,"file":"OverviewWrapper-MGJ1uE5W.js","sources":["../../src/common/utils/regex.ts","../../src/common/components/radio-group/RadioGroup.tsx","../../src/views/cuesheet/cuesheet.options.ts","../../src/features/sharing/composite/CuesheetLinkOptions.tsx","../../src/features/sharing/GenerateLinkForm.tsx","../../src/features/sharing/GenerateLinkFormExport.tsx","../../src/features/overview/composite/TitleOverview.tsx","../../src/features/overview/OverviewWrapper.tsx"],"sourcesContent":["/**\n * Simple regex patterns for common use cases\n * mostly used in form validation\n */\n\nexport const isOnlyNumbers = /^\\d+$/;\nexport const isIPAddress = /^((25[0-5]|(2[0-4]|1\\d|[1-9]|)\\d)\\.?\\b){4}$/;\nexport const startsWithHttp = /^https?:\\/\\//;\nexport const startsWithSlash = /^\\//;\nexport const isAlphanumeric = /^[a-z0-9]+$/i;\nexport const isASCII = /^[ -~]+$/; //https://catonmat.net/my-favorite-regex\nexport const isASCIIorEmpty = /^$|^[ -~]+$/; //https://catonmat.net/my-favorite-regex\nexport const isNotEmpty = /\\S/;\nexport const isUrlSafe = /^[a-zA-Z0-9_-]*$/; // https://stackoverflow.com/questions/24419067/validate-a-string-to-be-url-safe-using-regex\n","import { Radio } from '@base-ui-components/react/radio';\nimport { RadioGroup as BaseRadioGroup } from '@base-ui-components/react/radio-group';\n\nimport { cx } from '../../utils/styleUtils';\n\nimport style from './RadioGroup.module.scss';\n\ninterface RadioGroupProps<T extends string | number | boolean> extends Omit<BaseRadioGroup.Props, 'onValueChange'> {\n  items: {\n    value: T;\n    label: string;\n  }[];\n  onValueChange?: (value: T) => void;\n  orientation?: 'horizontal' | 'vertical';\n}\n\nexport default function RadioGroup<T extends string | number | boolean>({\n  items,\n  className,\n  orientation = 'vertical',\n  onValueChange,\n  ...elementProps\n}: RadioGroupProps<T>) {\n  return (\n    <BaseRadioGroup\n      onValueChange={(value) => onValueChange?.(value as T)}\n      className={cx([style.radioGroup, style[orientation], className])}\n      {...elementProps}\n    >\n      {items.map((item) => (\n        <label className={style.item} key={item.value.toString()}>\n          <Radio.Root value={item.value.toString()} className={style.radio}>\n            <Radio.Indicator className={style.indicator} />\n          </Radio.Root>\n          {item.label}\n        </label>\n      ))}\n    </BaseRadioGroup>\n  );\n}\n","import { CustomFields } from 'ontime-types';\nimport { create } from 'zustand';\nimport { persist } from 'zustand/middleware';\n\ntype OptionValues = {\n  hideTableSeconds: boolean;\n  hideIndexColumn: boolean;\n  showDelayedTimes: boolean;\n  hideDelays: boolean;\n};\n\nconst defaultOptions: OptionValues = {\n  hideTableSeconds: false,\n  hideIndexColumn: false,\n  showDelayedTimes: false,\n  hideDelays: false,\n};\n\nexport type CuesheetOptionKeys = keyof OptionValues;\n\nexport interface CuesheetOptions extends OptionValues {\n  setOption: <K extends CuesheetOptionKeys>(key: K, value: OptionValues[K]) => void;\n  toggleOption: (key: CuesheetOptionKeys) => void;\n  resetOptions: () => void;\n}\n\nexport const usePersistedCuesheetOptions = create<CuesheetOptions>()(\n  persist(\n    (set) => {\n      return {\n        ...defaultOptions,\n        setOption: (key, value) => set((state) => ({ ...state, [key]: value })),\n        toggleOption: (key) => set((state) => ({ ...state, [key]: !state[key] })),\n        resetOptions: () => set(defaultOptions),\n      };\n    },\n    {\n      name: 'cuesheet-options',\n    },\n  ),\n);\n\nexport const cuesheetDefaultColumns = [\n  { value: 'flag', label: 'Flag' },\n  { value: 'cue', label: 'Cue' },\n  { value: 'title', label: 'Title' },\n  { value: 'timeStart', label: 'Time start' },\n  { value: 'timeEnd', label: 'Time end' },\n  { value: 'duration', label: 'Duration' },\n  { value: 'note', label: 'Note' },\n];\n\nexport function makeCuesheetCustomColumns(customFields: CustomFields) {\n  return Object.entries(customFields).map(([key, field]) => {\n    return {\n      value: `custom-${key}`,\n      label: field.label,\n    };\n  });\n}\n","import { Fragment, RefObject, useMemo, useState } from 'react';\n\nimport RadioGroup from '../../../common/components/radio-group/RadioGroup';\nimport Switch from '../../../common/components/switch/Switch';\nimport useCustomFields from '../../../common/hooks-query/useCustomFields';\nimport { cuesheetDefaultColumns, makeCuesheetCustomColumns } from '../../../views/cuesheet/cuesheet.options';\nimport * as Panel from '../../app-settings/panel-utils/PanelUtils';\n\nimport style from './CuesheetLinkOptions.module.scss';\n\ntype AccessMode = 'full' | 'custom';\n\ninterface CuesheetLinkOptionsProps {\n  readRef?: RefObject<HTMLInputElement | null>;\n  writeRef?: RefObject<HTMLInputElement | null>;\n}\n\nexport default function CuesheetLinkOptions({ readRef, writeRef }: CuesheetLinkOptionsProps) {\n  const { data } = useCustomFields();\n  const customFieldColumns = useMemo(() => makeCuesheetCustomColumns(data), [data]);\n\n  const [readPermissions, setReadPermissions] = useState<AccessMode>('full');\n  const [writePermissions, setWritePermissions] = useState<AccessMode>('full');\n\n  const [readSwitches, setReadSwitches] = useState<Record<string, boolean>>(() => {\n    const initialState: Record<string, boolean> = {};\n    [...cuesheetDefaultColumns, ...customFieldColumns].forEach((column) => {\n      initialState[column.value] = true;\n    });\n    return initialState;\n  });\n\n  const [writeSwitches, setWriteSwitches] = useState<Record<string, boolean>>(() => {\n    const initialState: Record<string, boolean> = {};\n    [...cuesheetDefaultColumns, ...customFieldColumns].forEach((column) => {\n      initialState[column.value] = true;\n    });\n    return initialState;\n  });\n\n  const handleReadModeChange = (value: AccessMode) => {\n    setReadPermissions(value);\n\n    setReadSwitches((prevReadSwitches) => {\n      const updatedReadSwitches = { ...prevReadSwitches };\n      Object.keys(updatedReadSwitches).forEach((key) => {\n        updatedReadSwitches[key] = true;\n      });\n      return updatedReadSwitches;\n    });\n  };\n\n  const handleWriteModeChange = (value: AccessMode) => {\n    if (value === 'full') {\n      setReadPermissions('full');\n    }\n    setWritePermissions(value);\n\n    setReadSwitches((prevReadSwitches) => {\n      const updatedReadSwitches = { ...prevReadSwitches };\n      setWriteSwitches((prevWriteSwitches) => {\n        const updatedWriteSwitches = { ...prevWriteSwitches };\n        [...cuesheetDefaultColumns, ...customFieldColumns].forEach((column) => {\n          updatedReadSwitches[column.value] = true;\n          updatedWriteSwitches[column.value] = true;\n        });\n        return updatedWriteSwitches;\n      });\n      return updatedReadSwitches;\n    });\n  };\n\n  const handleSwitchChange = (key: string, type: 'read' | 'write', value: boolean) => {\n    if (type === 'read') {\n      setReadSwitches((prevReadSwitches) => {\n        const updatedReadSwitches = { ...prevReadSwitches, [key]: value };\n        return updatedReadSwitches;\n      });\n    } else {\n      setWriteSwitches((prevWriteSwitches) => {\n        const updatedWriteSwitches = { ...prevWriteSwitches, [key]: value };\n        return updatedWriteSwitches;\n      });\n    }\n  };\n\n  const getReadPermissions = () => {\n    if (readPermissions === 'full' || writePermissions === 'full') {\n      return 'full';\n    }\n\n    return Object.entries(readSwitches)\n      .filter(([_, value]) => value)\n      .map(([key]) => key)\n      .join(',');\n  };\n\n  const getWritePermissions = () => {\n    if (writePermissions === 'full') {\n      return 'full';\n    }\n\n    return Object.entries(writeSwitches)\n      .filter(([_, value]) => value)\n      .map(([key]) => key)\n      .join(',');\n  };\n\n  return (\n    <Panel.Indent>\n      <input name='read' hidden readOnly ref={readRef} value={getReadPermissions() || '-'} />\n      <input name='write' hidden readOnly ref={writeRef} value={getWritePermissions() || '-'} />\n      <div>\n        <Panel.Field title='Access mode' description='Which parts of the data will the link give access to' />\n        <div>\n          <RadioGroup\n            value={writePermissions}\n            onValueChange={handleWriteModeChange}\n            orientation='horizontal'\n            items={[\n              { value: 'full', label: 'Full write (edit all existing and future columns)' },\n              { value: 'custom', label: 'Custom write' },\n            ]}\n          />\n          <RadioGroup\n            value={readPermissions}\n            onValueChange={handleReadModeChange}\n            orientation='horizontal'\n            disabled={writePermissions === 'full'}\n            items={[\n              { value: 'full', label: 'Full read (view all existing and future columns)' },\n              { value: 'custom', label: 'Custom read' },\n            ]}\n          />\n        </div>\n      </div>\n      <div className={style.twoCols}>\n        <div className={style.grid}>\n          <Panel.Description>Ontime columns</Panel.Description>\n          <Panel.Description>Read</Panel.Description>\n          <Panel.Description>Write</Panel.Description>\n          {cuesheetDefaultColumns.map((column) => (\n            <Fragment key={column.value}>\n              <div>{column.label}</div>\n              <Switch\n                checked={Boolean(readSwitches[column.value])}\n                onCheckedChange={(value: boolean) => handleSwitchChange(column.value, 'read', value)}\n                disabled={readPermissions === 'full' || writePermissions === 'full'}\n                data-testid={`read-${column.value}`}\n              />\n              <Switch\n                checked={Boolean(writeSwitches[column.value])}\n                onCheckedChange={(value: boolean) => handleSwitchChange(column.value, 'write', value)}\n                disabled={writePermissions === 'full'}\n                data-testid={`write-${column.value}`}\n              />\n            </Fragment>\n          ))}\n        </div>\n        {customFieldColumns.length > 0 && (\n          <div className={style.grid}>\n            <Panel.Description>Custom fields</Panel.Description>\n            <Panel.Description>Read</Panel.Description>\n            <Panel.Description>Write</Panel.Description>\n            {customFieldColumns.map((column) => (\n              <Fragment key={column.value}>\n                {column.label}\n                <Switch\n                  checked={Boolean(readSwitches[column.value])}\n                  onCheckedChange={(value: boolean) => handleSwitchChange(column.value, 'read', value)}\n                  disabled={readPermissions === 'full' || writePermissions === 'full'}\n                  data-testid={`read-${column.value}`}\n                />\n                <Switch\n                  checked={Boolean(writeSwitches[column.value])}\n                  onCheckedChange={(value: boolean) => handleSwitchChange(column.value, 'write', value)}\n                  disabled={writePermissions === 'full'}\n                  data-testid={`write-${column.value}`}\n                />\n              </Fragment>\n            ))}\n          </div>\n        )}\n      </div>\n    </Panel.Indent>\n  );\n}\n","import { useRef, useState } from 'react';\nimport { FieldErrors, useForm } from 'react-hook-form';\nimport QRCode from 'react-qr-code';\nimport { OntimeView, URLPreset } from 'ontime-types';\nimport { generateId } from 'ontime-utils';\n\nimport { generateUrl } from '../../common/api/session';\nimport { maybeAxiosError } from '../../common/api/utils';\nimport Button from '../../common/components/buttons/Button';\nimport CopyTag from '../../common/components/copy-tag/CopyTag';\nimport Info from '../../common/components/info/Info';\nimport Input from '../../common/components/input/input/Input';\nimport Select from '../../common/components/select/Select';\nimport Switch from '../../common/components/switch/Switch';\nimport { useUpdateUrlPreset } from '../../common/hooks-query/useUrlPresets';\nimport copyToClipboard from '../../common/utils/copyToClipboard';\nimport { preventEscape } from '../../common/utils/keyEvent';\nimport { isUrlSafe } from '../../common/utils/regex';\nimport { isOntimeCloud, serverURL } from '../../externals';\nimport * as Panel from '../app-settings/panel-utils/PanelUtils';\n\nimport CuesheetLinkOptions from './composite/CuesheetLinkOptions';\n\nimport style from './GenerateLinkForm.module.scss';\n\ninterface GenerateLinkFormProps {\n  hostOptions: { value: string; label: string }[];\n  pathOptions: { value: OntimeView | string; label: string }[];\n  presets: URLPreset[];\n  isLockedToView?: boolean;\n}\n\ntype GenericLinkOptions = {\n  baseUrl: string;\n  path: OntimeView | string; // we use empty string for Companion view\n  authenticate: boolean;\n  lockConfig: boolean;\n  lockNav: boolean;\n};\n\ntype CuesheetLinkOptions = GenericLinkOptions & {\n  path: OntimeView.Cuesheet;\n\n  alias: string;\n  options: {\n    read?: string;\n    write?: string;\n  };\n};\n\ntype GenerateLinkFormOptions = GenericLinkOptions | CuesheetLinkOptions;\n\ntype GenerateLinkState = 'pending' | 'loading' | 'success' | 'error';\n\nexport default function GenerateLinkForm({ hostOptions, pathOptions, presets, isLockedToView }: GenerateLinkFormProps) {\n  const [formState, setFormState] = useState<GenerateLinkState>('pending');\n  const [url, setUrl] = useState(serverURL);\n  const cuesheetReadRef = useRef<HTMLInputElement>(null);\n  const cuesheetWriteRef = useRef<HTMLInputElement>(null);\n  const generatedAlias = useRef<string>(`cuesheet-${generateId()}`);\n\n  const { addPreset } = useUpdateUrlPreset();\n\n  const {\n    handleSubmit,\n    setError,\n    watch,\n    setValue,\n    reset,\n    register,\n    formState: { errors, isDirty },\n  } = useForm<GenerateLinkFormOptions>({\n    mode: 'onChange',\n    defaultValues: {\n      baseUrl: serverURL,\n      path: isLockedToView ? pathOptions[0].value : OntimeView.Timer,\n      authenticate: false,\n      lockConfig: false,\n      lockNav: false,\n    },\n  });\n\n  /**\n   * If the user is generating a link to the cuesheet we gather extra options\n   * The extra options are saved into a URL preset which we then request a share link for\n   */\n  const createPresetFromOptions = async (\n    alias: string,\n    options: Required<CuesheetLinkOptions['options']>,\n  ): Promise<URLPreset | undefined> => {\n    if (options.read === '-') {\n      throw new Error('Cannot create a share with no read permissions');\n    }\n    const presets = await addPreset({\n      target: OntimeView.Cuesheet,\n      enabled: true,\n      alias,\n      search: '',\n      options: {\n        read: options.read,\n        write: options.write,\n      },\n    });\n    return presets.find((preset) => preset.alias === alias);\n  };\n\n  const onSubmit = async (options: GenerateLinkFormOptions) => {\n    try {\n      setFormState('loading');\n      if (options.path === OntimeView.Cuesheet) {\n        const urlPreset = await createPresetFromOptions((options as CuesheetLinkOptions).alias, {\n          read: cuesheetReadRef.current?.value ?? 'full',\n          write: cuesheetWriteRef.current?.value ?? 'full',\n        });\n\n        if (!urlPreset) {\n          throw new Error('Failed to create URL preset for Cuesheet');\n        }\n\n        const url = await generateUrl({\n          baseUrl: options.baseUrl,\n          path: options.path,\n          authenticate: options.authenticate,\n          lockConfig: options.lockConfig,\n          lockNav: options.lockNav,\n          preset: urlPreset.alias,\n        });\n        await copyToClipboard(url);\n        setUrl(url);\n      } else {\n        const presetPath = options.path.startsWith('preset-') ? options.path.replace('preset-', '') : undefined;\n        const path = presetPath ? presets.find((preset) => preset.alias === presetPath)?.target : options.path;\n        if (!path) {\n          throw new Error(`Could not resolve preset: ${path}`);\n        }\n\n        const url = await generateUrl({\n          baseUrl: options.baseUrl,\n          path,\n          authenticate: options.authenticate,\n          lockConfig: options.lockConfig,\n          lockNav: options.lockNav,\n          preset: presetPath,\n        });\n\n        await copyToClipboard(url);\n        setUrl(url);\n      }\n      reset(options, {\n        keepValues: true,\n        keepDirty: false,\n      });\n      setFormState('success');\n    } catch (error) {\n      const message = maybeAxiosError(error);\n      setError('root', { message });\n      setFormState('error');\n    }\n  };\n\n  const canSubmit = isDirty || formState !== 'success';\n\n  return (\n    <form onSubmit={handleSubmit(onSubmit)} onKeyDown={(event) => preventEscape(event)}>\n      {!isLockedToView && (\n        <Info>You can generate a link to share with your team or to use in automation (such as companion).</Info>\n      )}\n      <div className={style.shareInline}>\n        <div className={style.column}>\n          <Panel.ListGroup>\n            {isOntimeCloud ? (\n              <input hidden readOnly name='baseUrl' value={serverURL} />\n            ) : (\n              <Panel.ListItem>\n                <Panel.Field\n                  title='Host IP'\n                  description={`Which IP address will be used${isOntimeCloud ? ' (not applicable in Ontime Cloud)' : ''}`}\n                />\n                <Select\n                  options={hostOptions}\n                  value={watch('baseUrl')}\n                  onValueChange={(value) => setValue('baseUrl', value)}\n                />\n              </Panel.ListItem>\n            )}\n            {isLockedToView ? (\n              <input type='hidden' value={watch('path')} />\n            ) : (\n              <Panel.ListItem>\n                <Panel.Field title='Ontime view' description='Which view or preset will the link point to' />\n                <Select\n                  options={pathOptions}\n                  value={watch('path')}\n                  onValueChange={(value) => setValue('path', value, { shouldDirty: true })}\n                />\n              </Panel.ListItem>\n            )}\n\n            {watch('path') === OntimeView.Cuesheet && (\n              <>\n                <Panel.ListItem>\n                  <Panel.Field\n                    title='Preset alias'\n                    description='The name of the preset we will create to hold this options'\n                    error={(errors as FieldErrors<CuesheetLinkOptions>).alias?.message}\n                  />\n                  <Input\n                    defaultValue={generatedAlias.current}\n                    {...register('alias', {\n                      required: 'Alias cannot be empty and must be unique',\n                      pattern: {\n                        value: isUrlSafe,\n                        message: 'Field can only contain URL safe characters (a-z, 0-9, _ and -)',\n                      },\n                    })}\n                  />\n                </Panel.ListItem>\n                <CuesheetLinkOptions readRef={cuesheetReadRef} writeRef={cuesheetWriteRef} />\n              </>\n            )}\n\n            <Panel.ListItem>\n              <Panel.Field title='Lock navigation' description='Whether to hide the navigation menu' />\n              <Switch\n                size='large'\n                name='lockNav'\n                data-testid='lockNav'\n                checked={watch('lockNav')}\n                onCheckedChange={(checked) => setValue('lockNav', checked, { shouldDirty: true })}\n                disabled={watch('lockConfig')}\n              />\n            </Panel.ListItem>\n            {watch('path') !== OntimeView.Cuesheet && (\n              <Panel.ListItem>\n                <Panel.Field\n                  title='Lock configuration'\n                  description='Whether to hide the configuration panel (also hides navigation)'\n                />\n                <Switch\n                  size='large'\n                  name='lockConfig'\n                  data-testid='lockConfig'\n                  checked={watch('lockConfig')}\n                  onCheckedChange={(checked) => {\n                    if (checked) {\n                      setValue('lockNav', checked, { shouldDirty: true });\n                    }\n                    setValue('lockConfig', checked, { shouldDirty: true });\n                  }}\n                />\n              </Panel.ListItem>\n            )}\n            <Panel.ListItem>\n              <Panel.Field title='Authenticate' description='Whether the URL should be pre-authenticated' />\n              <Switch\n                size='large'\n                name='authenticate'\n                data-testid='authenticate'\n                checked={watch('authenticate')}\n                onCheckedChange={(checked) => setValue('authenticate', checked, { shouldDirty: true })}\n              />\n            </Panel.ListItem>\n          </Panel.ListGroup>\n          <Panel.Error>{errors.root?.message}</Panel.Error>\n          <Panel.InlineElements align='end' className={style.end}>\n            <Button type='submit' variant={canSubmit ? 'primary' : 'subtle'} loading={formState === 'loading'}>\n              {canSubmit ? 'Create share link' : 'Link copied to clipboard!'}\n            </Button>\n          </Panel.InlineElements>\n        </div>\n        <Panel.Section className={style.column}>\n          <Panel.Description>Share this link</Panel.Description>\n          <QRCode size={172} value={url} className={style.qrCode} />\n          <div className={style.copiableLink} data-testid='copy-link'>\n            {url}\n          </div>\n          <CopyTag copyValue={url}>Copy link</CopyTag>\n        </Panel.Section>\n      </div>\n    </form>\n  );\n}\n","import { useMemo } from 'react';\nimport { OntimeView } from 'ontime-types';\n\nimport useInfo from '../../common/hooks-query/useInfo';\nimport useUrlPresets from '../../common/hooks-query/useUrlPresets';\n\nimport GenerateLinkForm from './GenerateLinkForm';\n\ninterface GenerateLinkFormExportProps {\n  lockedPath?: { value: OntimeView; label: string };\n}\n\nexport default function GenerateLinkFormExport({ lockedPath }: GenerateLinkFormExportProps) {\n  const { data: infoData } = useInfo();\n  const { data: urlPresetData } = useUrlPresets({ skip: lockedPath === undefined });\n\n  /**\n   * hostOptions are only used for local networks\n   * the NIF address is a local IP address: 192.168.x.x or 10.x.x.x\n   * We need to inject the port and protocol to create a valid URL\n   * eg: http://192.168.x.x:port\n   */\n  const hostOptions = useMemo(() => {\n    return infoData.networkInterfaces.map((nif) => ({\n      value: `http://${nif.address}:${infoData.serverPort}`,\n      label: `${nif.name} - ${nif.address}`,\n    }));\n  }, [infoData.networkInterfaces, infoData.serverPort]);\n\n  const pathOptions = useMemo(() => {\n    if (lockedPath) {\n      return [{ value: lockedPath.value, label: lockedPath.label }];\n    }\n    return [\n      { value: OntimeView.Timer, label: 'Timer' },\n      { value: OntimeView.Cuesheet, label: 'Cuesheet' },\n      { value: OntimeView.Operator, label: 'Operator' },\n      { value: '<<companion>>', label: 'Companion' },\n      ...urlPresetData.map((preset) => ({\n        value: `preset-${preset.alias}`,\n        label: `URL Preset: ${preset.alias}`,\n      })),\n    ];\n  }, [lockedPath, urlPresetData]);\n\n  return (\n    <GenerateLinkForm\n      hostOptions={hostOptions}\n      pathOptions={pathOptions}\n      presets={urlPresetData}\n      isLockedToView={Boolean(lockedPath)}\n    />\n  );\n}\n","import useProjectData from '../../../common/hooks-query/useProjectData';\n\nimport style from './TitleOverview.module.scss';\n\nexport default function TitleOverview() {\n  const { data } = useProjectData();\n\n  if (!data.title && !data.description) {\n    return null;\n  }\n\n  return (\n    <div>\n      <div className={style.title}>{data.title}</div>\n      <div className={style.description}>{data.description}</div>\n    </div>\n  );\n}\n","import { PropsWithChildren, ReactNode } from 'react';\nimport { ErrorBoundary } from '@sentry/react';\n\nimport { useIsOnline } from '../../common/hooks/useSocket';\nimport { cx } from '../../common/utils/styleUtils';\n\nimport style from './Overview.module.scss';\n\ninterface OverviewWrapperProps {\n  navElements: ReactNode;\n}\n\nexport function OverviewWrapper({ navElements, children }: PropsWithChildren<OverviewWrapperProps>) {\n  const { isOnline } = useIsOnline();\n  return (\n    <div className={cx([style.overview, !isOnline && style.isOffline])}>\n      <ErrorBoundary>\n        <div className={style.nav}>{navElements}</div>\n        <div className={style.info}>{children}</div>\n      </ErrorBoundary>\n    </div>\n  );\n}\n"],"names":["isOnlyNumbers","startsWithHttp","isAlphanumeric","isUrlSafe","RadioGroup","items","className","orientation","onValueChange","elementProps","jsx","BaseRadioGroup","value","cx","style","item","Radio.Root","Radio.Indicator","defaultOptions","usePersistedCuesheetOptions","create","persist","set","key","state","cuesheetDefaultColumns","makeCuesheetCustomColumns","customFields","field","CuesheetLinkOptions","readRef","writeRef","data","useCustomFields","customFieldColumns","useMemo","readPermissions","setReadPermissions","useState","writePermissions","setWritePermissions","readSwitches","setReadSwitches","initialState","column","writeSwitches","setWriteSwitches","handleReadModeChange","prevReadSwitches","updatedReadSwitches","handleWriteModeChange","prevWriteSwitches","updatedWriteSwitches","handleSwitchChange","type","getReadPermissions","_","getWritePermissions","jsxs","Panel.Indent","Panel.Field","Panel.Description","Fragment","Switch","GenerateLinkForm","hostOptions","pathOptions","presets","isLockedToView","formState","setFormState","url","setUrl","serverURL","cuesheetReadRef","useRef","cuesheetWriteRef","generatedAlias","generateId","addPreset","useUpdateUrlPreset","handleSubmit","setError","watch","setValue","reset","register","errors","isDirty","useForm","OntimeView","createPresetFromOptions","alias","options","preset","onSubmit","urlPreset","_a","_b","generateUrl","copyToClipboard","presetPath","path","_c","error","message","maybeAxiosError","canSubmit","event","preventEscape","Info","Panel.ListGroup","isOntimeCloud","Panel.ListItem","Select","Input","checked","Panel.Error","Panel.InlineElements","Button","Panel.Section","QRCode","CopyTag","GenerateLinkFormExport","lockedPath","infoData","useInfo","urlPresetData","useUrlPresets","nif","TitleOverview","useProjectData","OverviewWrapper","navElements","children","isOnline","useIsOnline","ErrorBoundary"],"mappings":"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"}
+{"version":3,"file":"OverviewWrapper-D1hUkrRi.js","sources":["../../src/common/utils/regex.ts","../../src/common/components/radio-group/RadioGroup.tsx","../../src/views/cuesheet/cuesheet.options.ts","../../src/features/sharing/composite/CuesheetLinkOptions.tsx","../../src/features/sharing/GenerateLinkForm.tsx","../../src/features/sharing/GenerateLinkFormExport.tsx","../../src/features/overview/composite/TitleOverview.tsx","../../src/features/overview/OverviewWrapper.tsx"],"sourcesContent":["/**\n * Simple regex patterns for common use cases\n * mostly used in form validation\n */\n\nexport const isOnlyNumbers = /^\\d+$/;\nexport const isIPAddress = /^((25[0-5]|(2[0-4]|1\\d|[1-9]|)\\d)\\.?\\b){4}$/;\nexport const startsWithHttp = /^https?:\\/\\//;\nexport const startsWithSlash = /^\\//;\nexport const isAlphanumeric = /^[a-z0-9]+$/i;\nexport const isASCII = /^[ -~]+$/; //https://catonmat.net/my-favorite-regex\nexport const isASCIIorEmpty = /^$|^[ -~]+$/; //https://catonmat.net/my-favorite-regex\nexport const isNotEmpty = /\\S/;\nexport const isUrlSafe = /^[a-zA-Z0-9_-]*$/; // https://stackoverflow.com/questions/24419067/validate-a-string-to-be-url-safe-using-regex\n","import { Radio } from '@base-ui-components/react/radio';\nimport { RadioGroup as BaseRadioGroup } from '@base-ui-components/react/radio-group';\n\nimport { cx } from '../../utils/styleUtils';\n\nimport style from './RadioGroup.module.scss';\n\ninterface RadioGroupProps<T extends string | number | boolean> extends Omit<BaseRadioGroup.Props, 'onValueChange'> {\n  items: {\n    value: T;\n    label: string;\n  }[];\n  onValueChange?: (value: T) => void;\n  orientation?: 'horizontal' | 'vertical';\n}\n\nexport default function RadioGroup<T extends string | number | boolean>({\n  items,\n  className,\n  orientation = 'vertical',\n  onValueChange,\n  ...elementProps\n}: RadioGroupProps<T>) {\n  return (\n    <BaseRadioGroup\n      onValueChange={(value) => onValueChange?.(value as T)}\n      className={cx([style.radioGroup, style[orientation], className])}\n      {...elementProps}\n    >\n      {items.map((item) => (\n        <label className={style.item} key={item.value.toString()}>\n          <Radio.Root value={item.value.toString()} className={style.radio}>\n            <Radio.Indicator className={style.indicator} />\n          </Radio.Root>\n          {item.label}\n        </label>\n      ))}\n    </BaseRadioGroup>\n  );\n}\n","import { CustomFields } from 'ontime-types';\nimport { create } from 'zustand';\nimport { persist } from 'zustand/middleware';\n\ntype OptionValues = {\n  hideTableSeconds: boolean;\n  hideIndexColumn: boolean;\n  showDelayedTimes: boolean;\n  hideDelays: boolean;\n};\n\nconst defaultOptions: OptionValues = {\n  hideTableSeconds: false,\n  hideIndexColumn: false,\n  showDelayedTimes: false,\n  hideDelays: false,\n};\n\nexport type CuesheetOptionKeys = keyof OptionValues;\n\nexport interface CuesheetOptions extends OptionValues {\n  setOption: <K extends CuesheetOptionKeys>(key: K, value: OptionValues[K]) => void;\n  toggleOption: (key: CuesheetOptionKeys) => void;\n  resetOptions: () => void;\n}\n\nexport const usePersistedCuesheetOptions = create<CuesheetOptions>()(\n  persist(\n    (set) => {\n      return {\n        ...defaultOptions,\n        setOption: (key, value) => set((state) => ({ ...state, [key]: value })),\n        toggleOption: (key) => set((state) => ({ ...state, [key]: !state[key] })),\n        resetOptions: () => set(defaultOptions),\n      };\n    },\n    {\n      name: 'cuesheet-options',\n    },\n  ),\n);\n\nexport const cuesheetDefaultColumns = [\n  { value: 'flag', label: 'Flag' },\n  { value: 'cue', label: 'Cue' },\n  { value: 'title', label: 'Title' },\n  { value: 'timeStart', label: 'Time start' },\n  { value: 'timeEnd', label: 'Time end' },\n  { value: 'duration', label: 'Duration' },\n  { value: 'note', label: 'Note' },\n];\n\nexport function makeCuesheetCustomColumns(customFields: CustomFields) {\n  return Object.entries(customFields).map(([key, field]) => {\n    return {\n      value: `custom-${key}`,\n      label: field.label,\n    };\n  });\n}\n","import { Fragment, RefObject, useMemo, useState } from 'react';\n\nimport RadioGroup from '../../../common/components/radio-group/RadioGroup';\nimport Switch from '../../../common/components/switch/Switch';\nimport useCustomFields from '../../../common/hooks-query/useCustomFields';\nimport { cuesheetDefaultColumns, makeCuesheetCustomColumns } from '../../../views/cuesheet/cuesheet.options';\nimport * as Panel from '../../app-settings/panel-utils/PanelUtils';\n\nimport style from './CuesheetLinkOptions.module.scss';\n\ntype AccessMode = 'full' | 'custom';\n\ninterface CuesheetLinkOptionsProps {\n  readRef?: RefObject<HTMLInputElement | null>;\n  writeRef?: RefObject<HTMLInputElement | null>;\n}\n\nexport default function CuesheetLinkOptions({ readRef, writeRef }: CuesheetLinkOptionsProps) {\n  const { data } = useCustomFields();\n  const customFieldColumns = useMemo(() => makeCuesheetCustomColumns(data), [data]);\n\n  const [readPermissions, setReadPermissions] = useState<AccessMode>('full');\n  const [writePermissions, setWritePermissions] = useState<AccessMode>('full');\n\n  const [readSwitches, setReadSwitches] = useState<Record<string, boolean>>(() => {\n    const initialState: Record<string, boolean> = {};\n    [...cuesheetDefaultColumns, ...customFieldColumns].forEach((column) => {\n      initialState[column.value] = true;\n    });\n    return initialState;\n  });\n\n  const [writeSwitches, setWriteSwitches] = useState<Record<string, boolean>>(() => {\n    const initialState: Record<string, boolean> = {};\n    [...cuesheetDefaultColumns, ...customFieldColumns].forEach((column) => {\n      initialState[column.value] = true;\n    });\n    return initialState;\n  });\n\n  const handleReadModeChange = (value: AccessMode) => {\n    setReadPermissions(value);\n\n    setReadSwitches((prevReadSwitches) => {\n      const updatedReadSwitches = { ...prevReadSwitches };\n      Object.keys(updatedReadSwitches).forEach((key) => {\n        updatedReadSwitches[key] = true;\n      });\n      return updatedReadSwitches;\n    });\n  };\n\n  const handleWriteModeChange = (value: AccessMode) => {\n    if (value === 'full') {\n      setReadPermissions('full');\n    }\n    setWritePermissions(value);\n\n    setReadSwitches((prevReadSwitches) => {\n      const updatedReadSwitches = { ...prevReadSwitches };\n      setWriteSwitches((prevWriteSwitches) => {\n        const updatedWriteSwitches = { ...prevWriteSwitches };\n        [...cuesheetDefaultColumns, ...customFieldColumns].forEach((column) => {\n          updatedReadSwitches[column.value] = true;\n          updatedWriteSwitches[column.value] = true;\n        });\n        return updatedWriteSwitches;\n      });\n      return updatedReadSwitches;\n    });\n  };\n\n  const handleSwitchChange = (key: string, type: 'read' | 'write', value: boolean) => {\n    if (type === 'read') {\n      setReadSwitches((prevReadSwitches) => {\n        const updatedReadSwitches = { ...prevReadSwitches, [key]: value };\n        return updatedReadSwitches;\n      });\n    } else {\n      setWriteSwitches((prevWriteSwitches) => {\n        const updatedWriteSwitches = { ...prevWriteSwitches, [key]: value };\n        return updatedWriteSwitches;\n      });\n    }\n  };\n\n  const getReadPermissions = () => {\n    if (readPermissions === 'full' || writePermissions === 'full') {\n      return 'full';\n    }\n\n    return Object.entries(readSwitches)\n      .filter(([_, value]) => value)\n      .map(([key]) => key)\n      .join(',');\n  };\n\n  const getWritePermissions = () => {\n    if (writePermissions === 'full') {\n      return 'full';\n    }\n\n    return Object.entries(writeSwitches)\n      .filter(([_, value]) => value)\n      .map(([key]) => key)\n      .join(',');\n  };\n\n  return (\n    <Panel.Indent>\n      <input name='read' hidden readOnly ref={readRef} value={getReadPermissions() || '-'} />\n      <input name='write' hidden readOnly ref={writeRef} value={getWritePermissions() || '-'} />\n      <div>\n        <Panel.Field title='Access mode' description='Which parts of the data will the link give access to' />\n        <div>\n          <RadioGroup\n            value={writePermissions}\n            onValueChange={handleWriteModeChange}\n            orientation='horizontal'\n            items={[\n              { value: 'full', label: 'Full write (edit all existing and future columns)' },\n              { value: 'custom', label: 'Custom write' },\n            ]}\n          />\n          <RadioGroup\n            value={readPermissions}\n            onValueChange={handleReadModeChange}\n            orientation='horizontal'\n            disabled={writePermissions === 'full'}\n            items={[\n              { value: 'full', label: 'Full read (view all existing and future columns)' },\n              { value: 'custom', label: 'Custom read' },\n            ]}\n          />\n        </div>\n      </div>\n      <div className={style.twoCols}>\n        <div className={style.grid}>\n          <Panel.Description>Ontime columns</Panel.Description>\n          <Panel.Description>Read</Panel.Description>\n          <Panel.Description>Write</Panel.Description>\n          {cuesheetDefaultColumns.map((column) => (\n            <Fragment key={column.value}>\n              <div>{column.label}</div>\n              <Switch\n                checked={Boolean(readSwitches[column.value])}\n                onCheckedChange={(value: boolean) => handleSwitchChange(column.value, 'read', value)}\n                disabled={readPermissions === 'full' || writePermissions === 'full'}\n                data-testid={`read-${column.value}`}\n              />\n              <Switch\n                checked={Boolean(writeSwitches[column.value])}\n                onCheckedChange={(value: boolean) => handleSwitchChange(column.value, 'write', value)}\n                disabled={writePermissions === 'full'}\n                data-testid={`write-${column.value}`}\n              />\n            </Fragment>\n          ))}\n        </div>\n        {customFieldColumns.length > 0 && (\n          <div className={style.grid}>\n            <Panel.Description>Custom fields</Panel.Description>\n            <Panel.Description>Read</Panel.Description>\n            <Panel.Description>Write</Panel.Description>\n            {customFieldColumns.map((column) => (\n              <Fragment key={column.value}>\n                {column.label}\n                <Switch\n                  checked={Boolean(readSwitches[column.value])}\n                  onCheckedChange={(value: boolean) => handleSwitchChange(column.value, 'read', value)}\n                  disabled={readPermissions === 'full' || writePermissions === 'full'}\n                  data-testid={`read-${column.value}`}\n                />\n                <Switch\n                  checked={Boolean(writeSwitches[column.value])}\n                  onCheckedChange={(value: boolean) => handleSwitchChange(column.value, 'write', value)}\n                  disabled={writePermissions === 'full'}\n                  data-testid={`write-${column.value}`}\n                />\n              </Fragment>\n            ))}\n          </div>\n        )}\n      </div>\n    </Panel.Indent>\n  );\n}\n","import { useRef, useState } from 'react';\nimport { FieldErrors, useForm } from 'react-hook-form';\nimport QRCode from 'react-qr-code';\nimport { OntimeView, URLPreset } from 'ontime-types';\nimport { generateId } from 'ontime-utils';\n\nimport { generateUrl } from '../../common/api/session';\nimport { maybeAxiosError } from '../../common/api/utils';\nimport Button from '../../common/components/buttons/Button';\nimport CopyTag from '../../common/components/copy-tag/CopyTag';\nimport Info from '../../common/components/info/Info';\nimport Input from '../../common/components/input/input/Input';\nimport Select from '../../common/components/select/Select';\nimport Switch from '../../common/components/switch/Switch';\nimport { useUpdateUrlPreset } from '../../common/hooks-query/useUrlPresets';\nimport copyToClipboard from '../../common/utils/copyToClipboard';\nimport { preventEscape } from '../../common/utils/keyEvent';\nimport { isUrlSafe } from '../../common/utils/regex';\nimport { isOntimeCloud, serverURL } from '../../externals';\nimport * as Panel from '../app-settings/panel-utils/PanelUtils';\n\nimport CuesheetLinkOptions from './composite/CuesheetLinkOptions';\n\nimport style from './GenerateLinkForm.module.scss';\n\ninterface GenerateLinkFormProps {\n  hostOptions: { value: string; label: string }[];\n  pathOptions: { value: OntimeView | string; label: string }[];\n  presets: URLPreset[];\n  isLockedToView?: boolean;\n}\n\ntype GenericLinkOptions = {\n  baseUrl: string;\n  path: OntimeView | string; // we use empty string for Companion view\n  authenticate: boolean;\n  lockConfig: boolean;\n  lockNav: boolean;\n};\n\ntype CuesheetLinkOptions = GenericLinkOptions & {\n  path: OntimeView.Cuesheet;\n\n  alias: string;\n  options: {\n    read?: string;\n    write?: string;\n  };\n};\n\ntype GenerateLinkFormOptions = GenericLinkOptions | CuesheetLinkOptions;\n\ntype GenerateLinkState = 'pending' | 'loading' | 'success' | 'error';\n\nexport default function GenerateLinkForm({ hostOptions, pathOptions, presets, isLockedToView }: GenerateLinkFormProps) {\n  const [formState, setFormState] = useState<GenerateLinkState>('pending');\n  const [url, setUrl] = useState(serverURL);\n  const cuesheetReadRef = useRef<HTMLInputElement>(null);\n  const cuesheetWriteRef = useRef<HTMLInputElement>(null);\n  const generatedAlias = useRef<string>(`cuesheet-${generateId()}`);\n\n  const { addPreset } = useUpdateUrlPreset();\n\n  const {\n    handleSubmit,\n    setError,\n    watch,\n    setValue,\n    reset,\n    register,\n    formState: { errors, isDirty },\n  } = useForm<GenerateLinkFormOptions>({\n    mode: 'onChange',\n    defaultValues: {\n      baseUrl: serverURL,\n      path: isLockedToView ? pathOptions[0].value : OntimeView.Timer,\n      authenticate: false,\n      lockConfig: false,\n      lockNav: false,\n    },\n  });\n\n  /**\n   * If the user is generating a link to the cuesheet we gather extra options\n   * The extra options are saved into a URL preset which we then request a share link for\n   */\n  const createPresetFromOptions = async (\n    alias: string,\n    options: Required<CuesheetLinkOptions['options']>,\n  ): Promise<URLPreset | undefined> => {\n    if (options.read === '-') {\n      throw new Error('Cannot create a share with no read permissions');\n    }\n    const presets = await addPreset({\n      target: OntimeView.Cuesheet,\n      enabled: true,\n      alias,\n      search: '',\n      options: {\n        read: options.read,\n        write: options.write,\n      },\n    });\n    return presets.find((preset) => preset.alias === alias);\n  };\n\n  const onSubmit = async (options: GenerateLinkFormOptions) => {\n    try {\n      setFormState('loading');\n      if (options.path === OntimeView.Cuesheet) {\n        const urlPreset = await createPresetFromOptions((options as CuesheetLinkOptions).alias, {\n          read: cuesheetReadRef.current?.value ?? 'full',\n          write: cuesheetWriteRef.current?.value ?? 'full',\n        });\n\n        if (!urlPreset) {\n          throw new Error('Failed to create URL preset for Cuesheet');\n        }\n\n        const url = await generateUrl({\n          baseUrl: options.baseUrl,\n          path: options.path,\n          authenticate: options.authenticate,\n          lockConfig: options.lockConfig,\n          lockNav: options.lockNav,\n          preset: urlPreset.alias,\n        });\n        await copyToClipboard(url);\n        setUrl(url);\n      } else {\n        const presetPath = options.path.startsWith('preset-') ? options.path.replace('preset-', '') : undefined;\n        const path = presetPath ? presets.find((preset) => preset.alias === presetPath)?.target : options.path;\n        if (!path) {\n          throw new Error(`Could not resolve preset: ${path}`);\n        }\n\n        const url = await generateUrl({\n          baseUrl: options.baseUrl,\n          path,\n          authenticate: options.authenticate,\n          lockConfig: options.lockConfig,\n          lockNav: options.lockNav,\n          preset: presetPath,\n        });\n\n        await copyToClipboard(url);\n        setUrl(url);\n      }\n      reset(options, {\n        keepValues: true,\n        keepDirty: false,\n      });\n      setFormState('success');\n    } catch (error) {\n      const message = maybeAxiosError(error);\n      setError('root', { message });\n      setFormState('error');\n    }\n  };\n\n  const canSubmit = isDirty || formState !== 'success';\n\n  return (\n    <form onSubmit={handleSubmit(onSubmit)} onKeyDown={(event) => preventEscape(event)}>\n      {!isLockedToView && (\n        <Info>You can generate a link to share with your team or to use in automation (such as companion).</Info>\n      )}\n      <div className={style.shareInline}>\n        <div className={style.column}>\n          <Panel.ListGroup>\n            {isOntimeCloud ? (\n              <input hidden readOnly name='baseUrl' value={serverURL} />\n            ) : (\n              <Panel.ListItem>\n                <Panel.Field\n                  title='Host IP'\n                  description={`Which IP address will be used${isOntimeCloud ? ' (not applicable in Ontime Cloud)' : ''}`}\n                />\n                <Select\n                  options={hostOptions}\n                  value={watch('baseUrl')}\n                  onValueChange={(value) => setValue('baseUrl', value)}\n                />\n              </Panel.ListItem>\n            )}\n            {isLockedToView ? (\n              <input type='hidden' value={watch('path')} />\n            ) : (\n              <Panel.ListItem>\n                <Panel.Field title='Ontime view' description='Which view or preset will the link point to' />\n                <Select\n                  options={pathOptions}\n                  value={watch('path')}\n                  onValueChange={(value) => setValue('path', value, { shouldDirty: true })}\n                />\n              </Panel.ListItem>\n            )}\n\n            {watch('path') === OntimeView.Cuesheet && (\n              <>\n                <Panel.ListItem>\n                  <Panel.Field\n                    title='Preset alias'\n                    description='The name of the preset we will create to hold this options'\n                    error={(errors as FieldErrors<CuesheetLinkOptions>).alias?.message}\n                  />\n                  <Input\n                    defaultValue={generatedAlias.current}\n                    {...register('alias', {\n                      required: 'Alias cannot be empty and must be unique',\n                      pattern: {\n                        value: isUrlSafe,\n                        message: 'Field can only contain URL safe characters (a-z, 0-9, _ and -)',\n                      },\n                    })}\n                  />\n                </Panel.ListItem>\n                <CuesheetLinkOptions readRef={cuesheetReadRef} writeRef={cuesheetWriteRef} />\n              </>\n            )}\n\n            <Panel.ListItem>\n              <Panel.Field title='Lock navigation' description='Whether to hide the navigation menu' />\n              <Switch\n                size='large'\n                name='lockNav'\n                data-testid='lockNav'\n                checked={watch('lockNav')}\n                onCheckedChange={(checked) => setValue('lockNav', checked, { shouldDirty: true })}\n                disabled={watch('lockConfig')}\n              />\n            </Panel.ListItem>\n            {watch('path') !== OntimeView.Cuesheet && (\n              <Panel.ListItem>\n                <Panel.Field\n                  title='Lock configuration'\n                  description='Whether to hide the configuration panel (also hides navigation)'\n                />\n                <Switch\n                  size='large'\n                  name='lockConfig'\n                  data-testid='lockConfig'\n                  checked={watch('lockConfig')}\n                  onCheckedChange={(checked) => {\n                    if (checked) {\n                      setValue('lockNav', checked, { shouldDirty: true });\n                    }\n                    setValue('lockConfig', checked, { shouldDirty: true });\n                  }}\n                />\n              </Panel.ListItem>\n            )}\n            <Panel.ListItem>\n              <Panel.Field title='Authenticate' description='Whether the URL should be pre-authenticated' />\n              <Switch\n                size='large'\n                name='authenticate'\n                data-testid='authenticate'\n                checked={watch('authenticate')}\n                onCheckedChange={(checked) => setValue('authenticate', checked, { shouldDirty: true })}\n              />\n            </Panel.ListItem>\n          </Panel.ListGroup>\n          <Panel.Error>{errors.root?.message}</Panel.Error>\n          <Panel.InlineElements align='end' className={style.end}>\n            <Button type='submit' variant={canSubmit ? 'primary' : 'subtle'} loading={formState === 'loading'}>\n              {canSubmit ? 'Create share link' : 'Link copied to clipboard!'}\n            </Button>\n          </Panel.InlineElements>\n        </div>\n        <Panel.Section className={style.column}>\n          <Panel.Description>Share this link</Panel.Description>\n          <QRCode size={172} value={url} className={style.qrCode} />\n          <div className={style.copiableLink} data-testid='copy-link'>\n            {url}\n          </div>\n          <CopyTag copyValue={url}>Copy link</CopyTag>\n        </Panel.Section>\n      </div>\n    </form>\n  );\n}\n","import { useMemo } from 'react';\nimport { OntimeView } from 'ontime-types';\n\nimport useInfo from '../../common/hooks-query/useInfo';\nimport useUrlPresets from '../../common/hooks-query/useUrlPresets';\n\nimport GenerateLinkForm from './GenerateLinkForm';\n\ninterface GenerateLinkFormExportProps {\n  lockedPath?: { value: OntimeView; label: string };\n}\n\nexport default function GenerateLinkFormExport({ lockedPath }: GenerateLinkFormExportProps) {\n  const { data: infoData } = useInfo();\n  const { data: urlPresetData } = useUrlPresets({ skip: lockedPath === undefined });\n\n  /**\n   * hostOptions are only used for local networks\n   * the NIF address is a local IP address: 192.168.x.x or 10.x.x.x\n   * We need to inject the port and protocol to create a valid URL\n   * eg: http://192.168.x.x:port\n   */\n  const hostOptions = useMemo(() => {\n    return infoData.networkInterfaces.map((nif) => ({\n      value: `http://${nif.address}:${infoData.serverPort}`,\n      label: `${nif.name} - ${nif.address}`,\n    }));\n  }, [infoData.networkInterfaces, infoData.serverPort]);\n\n  const pathOptions = useMemo(() => {\n    if (lockedPath) {\n      return [{ value: lockedPath.value, label: lockedPath.label }];\n    }\n    return [\n      { value: OntimeView.Timer, label: 'Timer' },\n      { value: OntimeView.Cuesheet, label: 'Cuesheet' },\n      { value: OntimeView.Operator, label: 'Operator' },\n      { value: '<<companion>>', label: 'Companion' },\n      ...urlPresetData.map((preset) => ({\n        value: `preset-${preset.alias}`,\n        label: `URL Preset: ${preset.alias}`,\n      })),\n    ];\n  }, [lockedPath, urlPresetData]);\n\n  return (\n    <GenerateLinkForm\n      hostOptions={hostOptions}\n      pathOptions={pathOptions}\n      presets={urlPresetData}\n      isLockedToView={Boolean(lockedPath)}\n    />\n  );\n}\n","import useProjectData from '../../../common/hooks-query/useProjectData';\n\nimport style from './TitleOverview.module.scss';\n\nexport default function TitleOverview() {\n  const { data } = useProjectData();\n\n  if (!data.title && !data.description) {\n    return null;\n  }\n\n  return (\n    <div>\n      <div className={style.title}>{data.title}</div>\n      <div className={style.description}>{data.description}</div>\n    </div>\n  );\n}\n","import { PropsWithChildren, ReactNode } from 'react';\nimport { ErrorBoundary } from '@sentry/react';\n\nimport { useIsOnline } from '../../common/hooks/useSocket';\nimport { cx } from '../../common/utils/styleUtils';\n\nimport style from './Overview.module.scss';\n\ninterface OverviewWrapperProps {\n  navElements: ReactNode;\n}\n\nexport function OverviewWrapper({ navElements, children }: PropsWithChildren<OverviewWrapperProps>) {\n  const { isOnline } = useIsOnline();\n  return (\n    <div className={cx([style.overview, !isOnline && style.isOffline])}>\n      <ErrorBoundary>\n        <div className={style.nav}>{navElements}</div>\n        <div className={style.info}>{children}</div>\n      </ErrorBoundary>\n    </div>\n  );\n}\n"],"names":["isOnlyNumbers","startsWithHttp","isAlphanumeric","isUrlSafe","RadioGroup","items","className","orientation","onValueChange","elementProps","jsx","BaseRadioGroup","value","cx","style","radioGroup","map","item","jsxs","Radio.Root","toString","radio","Radio.Indicator","indicator","label","defaultOptions","hideTableSeconds","hideIndexColumn","showDelayedTimes","hideDelays","usePersistedCuesheetOptions","create","persist","set","setOption","key","state","toggleOption","resetOptions","name","cuesheetDefaultColumns","makeCuesheetCustomColumns","customFields","Object","entries","field","CuesheetLinkOptions","readRef","writeRef","data","useCustomFields","customFieldColumns","useMemo","readPermissions","setReadPermissions","useState","writePermissions","setWritePermissions","readSwitches","setReadSwitches","initialState","forEach","column","writeSwitches","setWriteSwitches","handleReadModeChange","prevReadSwitches","updatedReadSwitches","keys","handleWriteModeChange","prevWriteSwitches","updatedWriteSwitches","handleSwitchChange","type","getReadPermissions","filter","_","join","getWritePermissions","Panel.Indent","Panel.Field","twoCols","grid","Panel.Description","Fragment","Switch","Boolean","length","GenerateLinkForm","hostOptions","pathOptions","presets","isLockedToView","formState","setFormState","url","setUrl","serverURL","cuesheetReadRef","useRef","cuesheetWriteRef","generatedAlias","generateId","addPreset","useUpdateUrlPreset","handleSubmit","setError","watch","setValue","reset","register","errors","isDirty","useForm","mode","defaultValues","baseUrl","path","OntimeView","Timer","authenticate","lockConfig","lockNav","createPresetFromOptions","alias","options","read","Error","target","Cuesheet","enabled","search","write","find","preset","onSubmit","urlPreset","current","generateUrl","copyToClipboard","presetPath","startsWith","replace","undefined","keepValues","keepDirty","error","message","maybeAxiosError","canSubmit","event","preventEscape","Info","shareInline","Panel.ListGroup","isOntimeCloud","Panel.ListItem","Select","shouldDirty","Input","required","pattern","checked","Panel.Error","root","Panel.InlineElements","end","Button","Panel.Section","QRCode","qrCode","copiableLink","CopyTag","GenerateLinkFormExport","lockedPath","infoData","useInfo","urlPresetData","useUrlPresets","skip","networkInterfaces","nif","address","serverPort","Operator","TitleOverview","useProjectData","title","description","OverviewWrapper","navElements","children","isOnline","useIsOnline","overview","isOffline","ErrorBoundary","nav","info"],"mappings":"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"}

package/client/assets/PipHost-B9-cZ8Lm.js

@@ -0,0 +1,2 @@
+import{j as n,a7 as E,ax as j}from"./vendor-Cdwxo8bP.js";import{b as S}from"./EditorUtils-DoaSwWiz.js";import{c as I,e as c,a as k}from"./index-CoGiopcb.js";import{g as D,a as B,b as F,d as _,f as N,h as R,i as M,F as h}from"./timer.utils-BnMyVO6Z.js";import{M as W}from"./MultiPartProgressBar-BKHk19Hb.js";import{g as z,a as A}from"./viewUtils-dKRKkb_F.js";import{g as L}from"./presentation.utils-Zo5hNQje.js";import"./playbackstate-CWexoP3a.js";import"./getProgress-sdxPEEPi.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new t.Error().stack;s&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[s]="e71f58e0-a20c-472e-b438-a324f7873139",t._sentryDebugIdIdentifier="sentry-dbid-e71f58e0-a20c-472e-b438-a324f7873139")}catch{}})();function O({viewSettings:t}){const{eventNow:s,message:i,time:e,clock:d,timerTypeNow:a,countToEndNow:o,auxTimer:r}=I(),l=D(i.timer),{showFinished:m,showWarning:y,showDanger:x}=B(a,o,e.phase,!1,"",!1),p=F(e.playback),w=_(a),b=N(e.duration,e.addedTime),T=z(!1,a,d,e,a),f=A(T,a,"min",{removeSeconds:!1,removeLeadingZero:!1}),v=i.timer.secondarySource==="aux1"?r.aux1:i.timer.secondarySource==="aux2"?r.aux2:i.timer.secondarySource==="aux3"?r.aux3:null,u=R(i,v,"min",!1,!0,!1),g=L(t,void 0,y,x),P=M(f,u),C={...g&&{"--timer-colour":g}};return n.jsxs("div",{className:c(["pip-timer",m&&"pip-timer--finished"]),style:C,children:[n.jsx("div",{className:c(["message-overlay",l&&"message-overlay--active"]),children:n.jsx(h,{mode:"multi",min:12,max:256,className:c(["message",i.timer.blink&&"blink"]),children:i.timer.text})}),n.jsxs("div",{className:"timer-container",children:[n.jsx("div",{className:c(["timer",!p&&"timer--paused",m&&"timer--finished"]),style:{fontSize:`${P}vw`},"data-phase":e.phase,children:f}),n.jsx("div",{className:c(["secondary",!u&&"secondary--hidden"]),children:n.jsx(h,{mode:"multi",min:12,max:256,children:u})})]}),w&&n.jsx(W,{className:c(["progress-container",!p&&"progress-container--paused"]),now:e.current,complete:b,normalColor:t.normalColor,warning:s==null?void 0:s.timeWarning,warningColor:t.warningColor,danger:s==null?void 0:s.timeDanger,dangerColor:t.dangerColor,hideOvertime:!m})]})}function Q(){const{data:t,status:s}=k(),i=async()=>{if(window.documentPictureInPicture.window)return;let e;try{e=await window.documentPictureInPicture.requestWindow()}catch(o){console.error("Failed to open Picture-in-Picture:",o);return}[...document.styleSheets].forEach(o=>{try{if(o.href){const r=e.document.createElement("link");r.rel="stylesheet",r.href=o.href,e.document.head.appendChild(r)}else if(o.cssRules){const r=e.document.createElement("style");r.textContent=[...o.cssRules].map(l=>l.cssText).join(""),e.document.head.appendChild(r)}}catch(r){console.warn("Stylesheet copy blocked:",r)}});const d=e.document.createElement("div");d.setAttribute("id","pip-root"),d.style.height="100vh",e.document.body.append(d);const a=E.createRoot(e.document.getElementById("pip-root"),{onCaughtError:(o,r)=>console.error(o),onUncaughtError:(o,r)=>console.error(o),onRecoverableError:(o,r)=>console.error(o)});e.addEventListener("pagehide",()=>{a.unmount()}),a.render(n.jsx(j,{children:n.jsx(O,{viewSettings:t})}))};return n.jsx(S,{onClick:s==="success"?i:void 0})}export{Q as default};
+//# sourceMappingURL=PipHost-B9-cZ8Lm.js.map

package/client/assets/PipHost-B9-cZ8Lm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PipHost-B9-cZ8Lm.js","sources":["../../src/views/editor/pip-timer/PipTimer.tsx","../../src/views/editor/pip-timer/PipHost.tsx"],"sourcesContent":["import { ViewSettings } from 'ontime-types';\n\nimport { FitText } from '../../../common/components/fit-text/FitText';\nimport MultiPartProgressBar from '../../../common/components/multi-part-progress-bar/MultiPartProgressBar';\nimport { useTimerSocket } from '../../../common/hooks/useSocket';\nimport { cx } from '../../../common/utils/styleUtils';\nimport { getFormattedTimer, getTimerByType } from '../../../features/viewers/common/viewUtils';\nimport {\n  getEstimatedFontSize,\n  getIsPlaying,\n  getSecondaryDisplay,\n  getShowMessage,\n  getShowModifiers,\n  getShowProgressBar,\n  getTotalTime,\n} from '../../timer/timer.utils';\nimport { getTimerColour } from '../../utils/presentation.utils';\n\nimport './PipTimer.scss';\n\ninterface PipTimerProps {\n  viewSettings: ViewSettings;\n}\n\nexport function PipTimer({ viewSettings }: PipTimerProps) {\n  const { eventNow, message, time, clock, timerTypeNow, countToEndNow, auxTimer } = useTimerSocket();\n\n  // gather modifiers\n  const showOverlay = getShowMessage(message.timer);\n  const { showFinished, showWarning, showDanger } = getShowModifiers(\n    timerTypeNow,\n    countToEndNow,\n    time.phase,\n    false,\n    '',\n    false,\n  );\n  const isPlaying = getIsPlaying(time.playback);\n  const showProgressBar = getShowProgressBar(timerTypeNow);\n\n  // gather timer data\n  const totalTime = getTotalTime(time.duration, time.addedTime);\n  const stageTimer = getTimerByType(false, timerTypeNow, clock, time, timerTypeNow);\n  const display = getFormattedTimer(stageTimer, timerTypeNow, 'min', {\n    removeSeconds: false,\n    removeLeadingZero: false,\n  });\n\n  const currentAux = (() => {\n    if (message.timer.secondarySource === 'aux1') {\n      return auxTimer.aux1;\n    }\n    if (message.timer.secondarySource === 'aux2') {\n      return auxTimer.aux2;\n    }\n    if (message.timer.secondarySource === 'aux3') {\n      return auxTimer.aux3;\n    }\n    return null;\n  })();\n\n  const secondaryContent = getSecondaryDisplay(message, currentAux, 'min', false, true, false);\n\n  // gather presentation styles\n  const resolvedTimerColour = getTimerColour(viewSettings, undefined, showWarning, showDanger);\n  const timerFontSize = getEstimatedFontSize(display, secondaryContent);\n  const userStyles = {\n    ...(resolvedTimerColour && { '--timer-colour': resolvedTimerColour }),\n  };\n\n  return (\n    <div className={cx(['pip-timer', showFinished && 'pip-timer--finished'])} style={userStyles}>\n      <div className={cx(['message-overlay', showOverlay && 'message-overlay--active'])}>\n        <FitText mode='multi' min={12} max={256} className={cx(['message', message.timer.blink && 'blink'])}>\n          {message.timer.text}\n        </FitText>\n      </div>\n\n      <div className='timer-container'>\n        <div\n          className={cx(['timer', !isPlaying && 'timer--paused', showFinished && 'timer--finished'])}\n          style={{ fontSize: `${timerFontSize}vw` }}\n          data-phase={time.phase}\n        >\n          {display}\n        </div>\n        <div className={cx(['secondary', !secondaryContent && 'secondary--hidden'])}>\n          <FitText mode='multi' min={12} max={256}>\n            {secondaryContent}\n          </FitText>\n        </div>\n      </div>\n\n      {showProgressBar && (\n        <MultiPartProgressBar\n          className={cx(['progress-container', !isPlaying && 'progress-container--paused'])}\n          now={time.current}\n          complete={totalTime}\n          normalColor={viewSettings.normalColor}\n          warning={eventNow?.timeWarning}\n          warningColor={viewSettings.warningColor}\n          danger={eventNow?.timeDanger}\n          dangerColor={viewSettings.dangerColor}\n          hideOvertime={!showFinished}\n        />\n      )}\n    </div>\n  );\n}\n","import { createRoot } from 'react-dom/client';\nimport { ErrorBoundary } from '@sentry/react';\n\nimport { CornerPipButton } from '../../../common/components/editor-utils/EditorUtils';\nimport useViewSettings from '../../../common/hooks-query/useViewSettings';\n\nimport { PipTimer } from './PipTimer';\n\nexport default function PipTimerHost() {\n  const { data, status } = useViewSettings();\n\n  const openPictureInPicture = async () => {\n    if (window.documentPictureInPicture.window) {\n      return;\n    }\n\n    let pipWindow: Window;\n    try {\n      pipWindow = await window.documentPictureInPicture.requestWindow();\n    } catch (err) {\n      console.error('Failed to open Picture-in-Picture:', err);\n      return;\n    }\n\n    [...document.styleSheets].forEach((sheet) => {\n      try {\n        if (sheet.href) {\n          const link = pipWindow.document.createElement('link');\n          link.rel = 'stylesheet';\n          link.href = sheet.href;\n          pipWindow.document.head.appendChild(link);\n        } else if (sheet.cssRules) {\n          const style = pipWindow.document.createElement('style');\n          style.textContent = [...sheet.cssRules].map((rule) => rule.cssText).join('');\n          pipWindow.document.head.appendChild(style);\n        }\n      } catch (e) {\n        console.warn('Stylesheet copy blocked:', e);\n      }\n    });\n\n    const pipDiv = pipWindow.document.createElement('div');\n    pipDiv.setAttribute('id', 'pip-root');\n    pipDiv.style.height = '100vh';\n    pipWindow.document.body.append(pipDiv);\n\n    const pipRoot = createRoot(pipWindow.document.getElementById('pip-root') as Element, {\n      onCaughtError: (err, _errInfo) => console.error(err),\n      onUncaughtError: (err, _errInfo) => console.error(err),\n      onRecoverableError: (err, _errInfo) => console.error(err),\n    });\n\n    pipWindow.addEventListener('pagehide', () => {\n      pipRoot.unmount();\n    });\n\n    pipRoot.render(\n      <ErrorBoundary>\n        <PipTimer viewSettings={data} />\n      </ErrorBoundary>,\n    );\n  };\n\n  return <CornerPipButton onClick={status === 'success' ? openPictureInPicture : undefined} />;\n}\n"],"names":["PipTimer","viewSettings","eventNow","message","time","clock","timerTypeNow","countToEndNow","auxTimer","useTimerSocket","showOverlay","getShowMessage","timer","showFinished","showWarning","showDanger","getShowModifiers","phase","isPlaying","getIsPlaying","playback","showProgressBar","getShowProgressBar","totalTime","getTotalTime","duration","addedTime","stageTimer","getTimerByType","display","getFormattedTimer","removeSeconds","removeLeadingZero","currentAux","secondarySource","aux1","aux2","aux3","secondaryContent","getSecondaryDisplay","resolvedTimerColour","getTimerColour","undefined","timerFontSize","getEstimatedFontSize","userStyles","jsxs","cx","jsx","FitText","blink","text","fontSize","MultiPartProgressBar","current","normalColor","timeWarning","warningColor","timeDanger","dangerColor","PipTimerHost","data","status","useViewSettings","openPictureInPicture","window","documentPictureInPicture","pipWindow","requestWindow","err","error","document","styleSheets","forEach","sheet","href","link","createElement","rel","head","appendChild","cssRules","style","textContent","map","rule","cssText","join","e","warn","pipDiv","setAttribute","height","body","append","pipRoot","createRoot","getElementById","onCaughtError","_errInfo","console","onUncaughtError","onRecoverableError","addEventListener","unmount","render","ErrorBoundary","CornerPipButton"],"mappings":"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"}

package/client/assets/PipHost-DEhjTbGT.css

@@ -0,0 +1 @@
+.blink{animation:blink 1s step-start infinite}@keyframes blink{0%{opacity:100%}50%{opacity:20%}}.fourtyfive{transform:rotate(45deg)}.mirror{transform:rotate(180deg)}.pip-timer{margin:0;padding:0;box-sizing:border-box;overflow:hidden;width:100%;height:100vh;transition:opacity .5s ease-in-out;font-family:Open Sans,Segoe UI,sans-serif;background:#101010;color:#fffc;gap:min(2vh,16px);display:flex;flex-direction:column}.pip-timer--finished{outline:clamp(4px,1vw,16px) solid #FA5656;outline-offset:calc(clamp(4px,1vw,16px)*-1);transition:.5s}.pip-timer .timer-container{flex:1;align-content:center;justify-self:center;align-self:center;width:100%;overflow:hidden}.pip-timer .timer-container .timer{opacity:1;font-family:Open Sans,Segoe UI,sans-serif;color:var(--timer-colour, #f6f6f6);line-height:.9em;text-align:center;letter-spacing:.05em;font-weight:600;transition-property:font-size;transition-duration:.5s}.pip-timer .timer-container .timer--paused{opacity:.6;transition:.5s}.pip-timer .timer-container .timer--finished{color:var(--timer-overtime-color-override, #FA5656)}.pip-timer .timer-container .timer[data-phase=warning]{color:var(--timer-colour, var(--timer-warning-color-override))}.pip-timer .timer-container .timer[data-phase=danger]{color:var(--timer-colour, var(--timer-danger-color-override))}.pip-timer .timer-container .timer[data-type=none]{transition:1s;opacity:0}.pip-timer .secondary{white-space:nowrap;max-height:100%;height:auto;margin-top:.125em;padding-block:.125em;font-weight:600;text-align:center;color:#ffffffd9;letter-spacing:.5px;line-height:1;transition-property:opacity,height;transition-duration:.5s;border-top:1px solid color-mix(in srgb,rgba(255,255,255,.85) 10%,transparent)}.pip-timer .secondary--hidden{opacity:0;height:0}.pip-timer .progress-container{width:100%;margin:0 auto;opacity:1;transition:.5s}.pip-timer .progress-container--paused{opacity:.6;transition:.5s}.pip-timer .message-overlay{position:fixed;top:0;right:0;bottom:0;left:0;padding:2vw;background:#101010;opacity:0;transition:opacity .5s}.pip-timer .message-overlay--active{z-index:100;opacity:1}.pip-timer .message{display:grid;place-content:center;height:100%;width:100%;color:#fffc;text-align:center;font-weight:600}

package/client/assets/ProjectInfo-Dp1TZyBd.js

@@ -0,0 +1,2 @@
+import{j as e,ac as f}from"./vendor-Cdwxo8bP.js";import{u as m,L as u,d as j,O as o}from"./index-CoGiopcb.js";import{E as l}from"./EmptyPage-DeRjpRKZ.js";import{V as x}from"./ViewLogo-BdL1hUV1.js";import{V as a}from"./ViewParamsEditor-CFedpp6w.js";import{u as _}from"./useWindowTitle-mLKt65i7.js";import{u as h}from"./useProjectData-B5mjXsMj.js";import"./Empty-D1UteOYj.js";import"./viewUtils-dKRKkb_F.js";import"./Select-cHK8JrMG.js";(function(){try{var s=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new s.Error().stack;r&&(s._sentryDebugIds=s._sentryDebugIds||{},s._sentryDebugIds[r]="0d675acf-08ad-457a-9bef-52dcc3a27406",s._sentryDebugIdIdentifier="sentry-dbid-0d675acf-08ad-457a-9bef-52dcc3a27406")}catch{}})();function g(){const s=m(t=>t.mirror),{data:r,status:n}=h();return{data:{projectData:r,isMirrored:s},status:n}}function L(){const{data:s,status:r}=g();return _("Project info"),r==="pending"?e.jsx(u,{}):r==="error"?e.jsx(l,{text:"There was an error fetching data, please refresh the page."}):e.jsx(v,{...s})}function v({projectData:s,isMirrored:r}){const{getLocalizedString:n}=j();return!s||Object.values(s).every(i=>!i||i&&Array.isArray(i)&&i.length===0)?e.jsxs(e.Fragment,{children:[e.jsx(a,{target:o.ProjectInfo,viewOptions:[]}),e.jsx(l,{text:n("common.no_data")}),";"]}):e.jsxs("div",{className:`project ${r?"mirror":""}`,"data-testid":"project-view",children:[e.jsx(a,{target:o.ProjectInfo,viewOptions:[]}),s.logo&&e.jsx(x,{name:s.logo,className:"logo"}),e.jsxs("div",{className:"info",children:[s.title&&e.jsxs("div",{children:[e.jsx("div",{className:"info__label",children:n("project.title")}),e.jsx("div",{className:"info__value",children:s.title})]}),s.description&&e.jsxs("div",{children:[e.jsx("div",{className:"info__label",children:n("project.description")}),e.jsx("div",{className:"info__value",children:s.description})]}),s.info&&e.jsxs("div",{children:[e.jsx("div",{className:"info__label",children:n("project.info")}),e.jsx("div",{className:"info__value",children:s.info})]}),s.url&&e.jsxs("div",{children:[e.jsx("div",{className:"info__label",children:n("project.url")}),e.jsxs("a",{href:s.url,target:"_blank",rel:"noreferrer",className:"info__value link",children:[s.url," ",e.jsx(f,{style:{fontSize:"1em"}})]})]}),s.custom.map((i,d)=>{const c=!!i.url;return e.jsxs("div",{className:"info__custom",children:[c&&e.jsx("div",{className:"info__image-container",children:e.jsx("img",{className:"info__image",src:i.url,loading:"lazy"})}),e.jsxs("div",{children:[e.jsx("div",{className:"info__label",children:i.title}),e.jsx("div",{className:"info__value",children:i.value})]})]},`${i.title}-${d}`)})]})]})}export{L as default};
+//# sourceMappingURL=ProjectInfo-Dp1TZyBd.js.map