@getontime/cli 4.0.0-beta.5 → 4.0.0

package/client/assets/{EditorUtils-DxjFOwpn.js → EditorUtils-De0umjb-.js}

@@ -1,2 +1,2 @@
-import{j as o,x as c}from"./vendor-Cnciq4o_.js";import{i as a}from"./index-DdPXqLQ6.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="ebb179af-b686-4c02-8241-b0ad08c460e9",e._sentryDebugIdIdentifier="sentry-dbid-ebb179af-b686-4c02-8241-b0ad08c460e9")}catch{}})();const l="_blink_xcz5k_1",i="_fourtyfive_xcz5k_13",_="_corner_xcz5k_17",b="_header_xcz5k_36",f="_title_xcz5k_40",d="_label_xcz5k_48",u="_separator_xcz5k_56",x="_horizontal_xcz5k_59",p="_vertical_xcz5k_63",s={blink:l,fourtyfive:i,corner:_,header:b,title:f,label:d,separator:u,horizontal:x,vertical:p};function z({className:e,...t}){return o.jsx(c,{className:a([s.corner,e]),...t})}function h({children:e,className:t,...r}){const n=a([s.title,t]);return o.jsx("h3",{className:n,...r,children:e})}function m({children:e,className:t,...r}){const n=a([s.label,t]);return o.jsx("label",{className:n,...r,children:e})}function v({className:e,orientation:t="vertical",...r}){return o.jsx("div",{className:a([s.separator,s[t],e]),role:"separator",...r})}export{z as C,m as L,v as S,h as T};
-//# sourceMappingURL=EditorUtils-DxjFOwpn.js.map
+import{j as o,x as c}from"./vendor-Cu5xgv5K.js";import{i as a}from"./index-5QAOtSTh.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="ebb179af-b686-4c02-8241-b0ad08c460e9",e._sentryDebugIdIdentifier="sentry-dbid-ebb179af-b686-4c02-8241-b0ad08c460e9")}catch{}})();const l="_blink_xcz5k_1",i="_fourtyfive_xcz5k_13",_="_corner_xcz5k_17",b="_header_xcz5k_36",f="_title_xcz5k_40",d="_label_xcz5k_48",u="_separator_xcz5k_56",x="_horizontal_xcz5k_59",p="_vertical_xcz5k_63",s={blink:l,fourtyfive:i,corner:_,header:b,title:f,label:d,separator:u,horizontal:x,vertical:p};function z({className:e,...t}){return o.jsx(c,{className:a([s.corner,e]),...t})}function h({children:e,className:t,...r}){const n=a([s.title,t]);return o.jsx("h3",{className:n,...r,children:e})}function m({children:e,className:t,...r}){const n=a([s.label,t]);return o.jsx("label",{className:n,...r,children:e})}function v({className:e,orientation:t="vertical",...r}){return o.jsx("div",{className:a([s.separator,s[t],e]),role:"separator",...r})}export{z as C,m as L,v as S,h as T};
+//# sourceMappingURL=EditorUtils-De0umjb-.js.map

package/client/assets/{EditorUtils-DxjFOwpn.js.map → EditorUtils-De0umjb-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"EditorUtils-DxjFOwpn.js","sources":["../../src/common/components/editor-utils/EditorUtils.tsx"],"sourcesContent":["import type { HTMLAttributes, LabelHTMLAttributes } from 'react';\nimport { IconBaseProps } from 'react-icons';\nimport { IoArrowUp } from 'react-icons/io5';\n\nimport { cx } from '../../utils/styleUtils';\n\nimport style from './EditorUtils.module.scss';\n\nexport function Corner({ className, ...elementProps }: IconBaseProps) {\n  return <IoArrowUp className={cx([style.corner, className])} {...elementProps} />;\n}\n\nexport function Title({ children, className, ...elementProps }: HTMLAttributes<HTMLHeadingElement>) {\n  const classes = cx([style.title, className]);\n  return (\n    <h3 className={classes} {...elementProps}>\n      {children}\n    </h3>\n  );\n}\n\nexport function Label({ children, className, ...elementProps }: LabelHTMLAttributes<HTMLLabelElement>) {\n  const classes = cx([style.label, className]);\n  return (\n    <label className={classes} {...elementProps}>\n      {children}\n    </label>\n  );\n}\n\ninterface SeparatorProps extends HTMLAttributes<HTMLDivElement> {\n  orientation?: 'horizontal' | 'vertical';\n}\n\nexport function Separator({ className, orientation = 'vertical', ...elementProps }: SeparatorProps) {\n  return <div className={cx([style.separator, style[orientation], className])} role='separator' {...elementProps} />;\n}\n"],"names":["Corner","className","elementProps","jsx","IoArrowUp","cx","style","Title","children","classes","Label","Separator","orientation"],"mappings":"6tBAQO,SAASA,EAAO,CAAE,UAAAC,EAAW,GAAGC,GAA+B,CAC7D,OAAAC,MAACC,EAAU,CAAA,UAAWC,EAAG,CAACC,EAAM,OAAQL,CAAS,CAAC,EAAI,GAAGC,CAAc,CAAA,CAChF,CAEO,SAASK,EAAM,CAAE,SAAAC,EAAU,UAAAP,EAAW,GAAGC,GAAoD,CAClG,MAAMO,EAAUJ,EAAG,CAACC,EAAM,MAAOL,CAAS,CAAC,EAC3C,aACG,KAAG,CAAA,UAAWQ,EAAU,GAAGP,EACzB,SAAAM,EACH,CAEJ,CAEO,SAASE,EAAM,CAAE,SAAAF,EAAU,UAAAP,EAAW,GAAGC,GAAuD,CACrG,MAAMO,EAAUJ,EAAG,CAACC,EAAM,MAAOL,CAAS,CAAC,EAC3C,aACG,QAAM,CAAA,UAAWQ,EAAU,GAAGP,EAC5B,SAAAM,EACH,CAEJ,CAMO,SAASG,EAAU,CAAE,UAAAV,EAAW,YAAAW,EAAc,WAAY,GAAGV,GAAgC,CAClG,aAAQ,MAAI,CAAA,UAAWG,EAAG,CAACC,EAAM,UAAWA,EAAMM,CAAW,EAAGX,CAAS,CAAC,EAAG,KAAK,YAAa,GAAGC,EAAc,CAClH"}
+{"version":3,"file":"EditorUtils-De0umjb-.js","sources":["../../src/common/components/editor-utils/EditorUtils.tsx"],"sourcesContent":["import type { HTMLAttributes, LabelHTMLAttributes } from 'react';\nimport { IconBaseProps } from 'react-icons';\nimport { IoArrowUp } from 'react-icons/io5';\n\nimport { cx } from '../../utils/styleUtils';\n\nimport style from './EditorUtils.module.scss';\n\nexport function Corner({ className, ...elementProps }: IconBaseProps) {\n  return <IoArrowUp className={cx([style.corner, className])} {...elementProps} />;\n}\n\nexport function Title({ children, className, ...elementProps }: HTMLAttributes<HTMLHeadingElement>) {\n  const classes = cx([style.title, className]);\n  return (\n    <h3 className={classes} {...elementProps}>\n      {children}\n    </h3>\n  );\n}\n\nexport function Label({ children, className, ...elementProps }: LabelHTMLAttributes<HTMLLabelElement>) {\n  const classes = cx([style.label, className]);\n  return (\n    <label className={classes} {...elementProps}>\n      {children}\n    </label>\n  );\n}\n\ninterface SeparatorProps extends HTMLAttributes<HTMLDivElement> {\n  orientation?: 'horizontal' | 'vertical';\n}\n\nexport function Separator({ className, orientation = 'vertical', ...elementProps }: SeparatorProps) {\n  return <div className={cx([style.separator, style[orientation], className])} role='separator' {...elementProps} />;\n}\n"],"names":["Corner","className","elementProps","jsx","IoArrowUp","cx","style","Title","children","classes","Label","Separator","orientation"],"mappings":"6tBAQO,SAASA,EAAO,CAAE,UAAAC,EAAW,GAAGC,GAA+B,CAC7D,OAAAC,MAACC,EAAU,CAAA,UAAWC,EAAG,CAACC,EAAM,OAAQL,CAAS,CAAC,EAAI,GAAGC,CAAc,CAAA,CAChF,CAEO,SAASK,EAAM,CAAE,SAAAC,EAAU,UAAAP,EAAW,GAAGC,GAAoD,CAClG,MAAMO,EAAUJ,EAAG,CAACC,EAAM,MAAOL,CAAS,CAAC,EAC3C,aACG,KAAG,CAAA,UAAWQ,EAAU,GAAGP,EACzB,SAAAM,EACH,CAEJ,CAEO,SAASE,EAAM,CAAE,SAAAF,EAAU,UAAAP,EAAW,GAAGC,GAAuD,CACrG,MAAMO,EAAUJ,EAAG,CAACC,EAAM,MAAOL,CAAS,CAAC,EAC3C,aACG,QAAM,CAAA,UAAWQ,EAAU,GAAGP,EAC5B,SAAAM,EACH,CAEJ,CAMO,SAASG,EAAU,CAAE,UAAAV,EAAW,YAAAW,EAAc,WAAY,GAAGV,GAAgC,CAClG,aAAQ,MAAI,CAAA,UAAWG,EAAG,CAACC,EAAM,UAAWA,EAAMM,CAAW,EAAGX,CAAS,CAAC,EAAG,KAAK,YAAa,GAAGC,EAAc,CAClH"}

package/client/assets/{Empty-DiBXyIA8.js → Empty-BYF0tVRk.js}

@@ -1,2 +1,2 @@
-import{j as n}from"./vendor-Cnciq4o_.js";import{i as o,b1 as a}from"./index-DdPXqLQ6.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="896b8487-ed05-4973-9a31-a50ff9e0836c",e._sentryDebugIdIdentifier="sentry-dbid-896b8487-ed05-4973-9a31-a50ff9e0836c")}catch{}})();const r="_emptyContainer_xiuvv_17",d="_empty_xiuvv_17",y="_text_xiuvv_26",s={emptyContainer:r,empty:d,text:y};function m({text:e,className:t,injectedStyles:i}){return n.jsxs("div",{className:o([s.emptyContainer,t]),style:i,children:[n.jsx(a,{className:s.empty}),e&&n.jsx("span",{className:s.text,children:e})]})}export{m as E};
-//# sourceMappingURL=Empty-DiBXyIA8.js.map
+import{j as n}from"./vendor-Cu5xgv5K.js";import{i as o,b1 as a}from"./index-5QAOtSTh.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="896b8487-ed05-4973-9a31-a50ff9e0836c",e._sentryDebugIdIdentifier="sentry-dbid-896b8487-ed05-4973-9a31-a50ff9e0836c")}catch{}})();const r="_emptyContainer_xiuvv_17",d="_empty_xiuvv_17",y="_text_xiuvv_26",s={emptyContainer:r,empty:d,text:y};function m({text:e,className:t,injectedStyles:i}){return n.jsxs("div",{className:o([s.emptyContainer,t]),style:i,children:[n.jsx(a,{className:s.empty}),e&&n.jsx("span",{className:s.text,children:e})]})}export{m as E};
+//# sourceMappingURL=Empty-BYF0tVRk.js.map

package/client/assets/Empty-BYF0tVRk.js.br

@@ -0,0 +1,2 @@
+% �i���;Əл��߻LyT� �_\"W3h�z�K)*�����F�wn��0K�0������#x�H�~���eID��Ħ��B*݀0.�mJ�f�5w�XW�H��#H̦��������|����1���fX-�Yx�g7Ȍ�]I�Gv&ӆ��B�|�B���Hp��Y�Q w��А���UV�i/��Rٟ�
+"����b�H}��v`��/��C��K'�)f�K�зi�&�]���l/%�/ơ�4;8�!��4K:5hT�����^�#m�C�0�t��[vf�������dd�#�ʘ��;+
������R��AeS(��:�.�3���e��!능���3'�Q;2�|	v�ȟ* 5�������Tb}�T�T��N���JQU΁�%����DE9�o�P��/�w��^�ÏSC�걮`�x�

package/client/assets/{Empty-DiBXyIA8.js.map → Empty-BYF0tVRk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Empty-DiBXyIA8.js","sources":["../../src/common/components/state/Empty.tsx"],"sourcesContent":["import { CSSProperties } from 'react';\n\nimport EmptyImage from '../../../assets/images/empty.svg?react';\nimport { cx } from '../../utils/styleUtils';\n\nimport style from './Empty.module.scss';\n\ninterface EmptyProps {\n  text?: string;\n  injectedStyles?: CSSProperties;\n  className?: string;\n}\n\nexport default function Empty({ text, className, injectedStyles }: EmptyProps) {\n  return (\n    <div className={cx([style.emptyContainer, className])} style={injectedStyles}>\n      <EmptyImage className={style.empty} />\n      {text && <span className={style.text}>{text}</span>}\n    </div>\n  );\n}\n"],"names":["Empty","text","className","injectedStyles","jsxs","cx","style","jsx","EmptyImage"],"mappings":"iiBAaA,SAAwBA,EAAM,CAAE,KAAAC,EAAM,UAAAC,EAAW,eAAAC,GAA8B,CAE3E,OAAAC,EAAA,KAAC,MAAI,CAAA,UAAWC,EAAG,CAACC,EAAM,eAAgBJ,CAAS,CAAC,EAAG,MAAOC,EAC5D,SAAA,CAACI,EAAAA,IAAAC,EAAA,CAAW,UAAWF,EAAM,KAAO,CAAA,EACnCL,GAASM,EAAAA,IAAA,OAAA,CAAK,UAAWD,EAAM,KAAO,SAAKL,CAAA,CAAA,CAAA,EAC9C,CAEJ"}
+{"version":3,"file":"Empty-BYF0tVRk.js","sources":["../../src/common/components/state/Empty.tsx"],"sourcesContent":["import { CSSProperties } from 'react';\n\nimport EmptyImage from '../../../assets/images/empty.svg?react';\nimport { cx } from '../../utils/styleUtils';\n\nimport style from './Empty.module.scss';\n\ninterface EmptyProps {\n  text?: string;\n  injectedStyles?: CSSProperties;\n  className?: string;\n}\n\nexport default function Empty({ text, className, injectedStyles }: EmptyProps) {\n  return (\n    <div className={cx([style.emptyContainer, className])} style={injectedStyles}>\n      <EmptyImage className={style.empty} />\n      {text && <span className={style.text}>{text}</span>}\n    </div>\n  );\n}\n"],"names":["Empty","text","className","injectedStyles","jsxs","cx","style","jsx","EmptyImage"],"mappings":"iiBAaA,SAAwBA,EAAM,CAAE,KAAAC,EAAM,UAAAC,EAAW,eAAAC,GAA8B,CAE3E,OAAAC,EAAA,KAAC,MAAI,CAAA,UAAWC,EAAG,CAACC,EAAM,eAAgBJ,CAAS,CAAC,EAAG,MAAOC,EAC5D,SAAA,CAACI,EAAAA,IAAAC,EAAA,CAAW,UAAWF,EAAM,KAAO,CAAA,EACnCL,GAASM,EAAAA,IAAA,OAAA,CAAK,UAAWD,EAAM,KAAO,SAAKL,CAAA,CAAA,CAAA,EAC9C,CAEJ"}

package/client/assets/{EmptyPage-X6EO1Y5W.js → EmptyPage-DYH2bswA.js}

@@ -1,2 +1,2 @@
-import{j as n}from"./vendor-Cnciq4o_.js";import{E as s}from"./Empty-DiBXyIA8.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="6a2fc055-09c3-4c46-a7fd-6a27bcc357e8",e._sentryDebugIdIdentifier="sentry-dbid-6a2fc055-09c3-4c46-a7fd-6a27bcc357e8")}catch{}})();const a="_page_27rqx_22",d={page:a};function f({text:e,injectedStyles:t}){return n.jsx("div",{className:d.page,children:n.jsx(s,{text:e,injectedStyles:t})})}export{f as E};
-//# sourceMappingURL=EmptyPage-X6EO1Y5W.js.map
+import{j as n}from"./vendor-Cu5xgv5K.js";import{E as s}from"./Empty-BYF0tVRk.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="6a2fc055-09c3-4c46-a7fd-6a27bcc357e8",e._sentryDebugIdIdentifier="sentry-dbid-6a2fc055-09c3-4c46-a7fd-6a27bcc357e8")}catch{}})();const a="_page_27rqx_22",d={page:a};function f({text:e,injectedStyles:t}){return n.jsx("div",{className:d.page,children:n.jsx(s,{text:e,injectedStyles:t})})}export{f as E};
+//# sourceMappingURL=EmptyPage-DYH2bswA.js.map

package/client/assets/{EmptyPage-X6EO1Y5W.js.map → EmptyPage-DYH2bswA.js.map}

@@ -1 +1 @@
-{"version":3,"file":"EmptyPage-X6EO1Y5W.js","sources":["../../src/common/components/state/EmptyPage.tsx"],"sourcesContent":["import { CSSProperties } from 'react';\n\nimport Empty from './Empty';\n\nimport style from './EmptyPage.module.scss';\n\ninterface EmptyPageProps {\n  text?: string;\n  injectedStyles?: CSSProperties;\n}\n\nexport default function EmptyPage({ text, injectedStyles }: EmptyPageProps) {\n  return (\n    <div className={style.page}>\n      <Empty text={text} injectedStyles={injectedStyles} />\n    </div>\n  );\n}\n"],"names":["EmptyPage","text","injectedStyles","jsx","style","Empty"],"mappings":"+cAWA,SAAwBA,EAAU,CAAE,KAAAC,EAAM,eAAAC,GAAkC,CAExE,OAAAC,EAAA,IAAC,OAAI,UAAWC,EAAM,KACpB,SAACD,EAAAA,IAAAE,EAAA,CAAM,KAAAJ,EAAY,eAAAC,CAAA,CAAgC,CACrD,CAAA,CAEJ"}
+{"version":3,"file":"EmptyPage-DYH2bswA.js","sources":["../../src/common/components/state/EmptyPage.tsx"],"sourcesContent":["import { CSSProperties } from 'react';\n\nimport Empty from './Empty';\n\nimport style from './EmptyPage.module.scss';\n\ninterface EmptyPageProps {\n  text?: string;\n  injectedStyles?: CSSProperties;\n}\n\nexport default function EmptyPage({ text, injectedStyles }: EmptyPageProps) {\n  return (\n    <div className={style.page}>\n      <Empty text={text} injectedStyles={injectedStyles} />\n    </div>\n  );\n}\n"],"names":["EmptyPage","text","injectedStyles","jsx","style","Empty"],"mappings":"+cAWA,SAAwBA,EAAU,CAAE,KAAAC,EAAM,eAAAC,GAAkC,CAExE,OAAAC,EAAA,IAAC,OAAI,UAAWC,EAAM,KACpB,SAACD,EAAAA,IAAAE,EAAA,CAAM,KAAAJ,EAAY,eAAAC,CAAA,CAAgC,CACrD,CAAA,CAEJ"}

package/client/assets/{FollowButton-Cr-HA2-6.js → FollowButton-DyWsvyFF.js}

@@ -1,2 +1,2 @@
-import{j as e,b1 as d}from"./vendor-Cnciq4o_.js";import{i}from"./index-DdPXqLQ6.js";(function(){try{var o=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new o.Error().stack;t&&(o._sentryDebugIds=o._sentryDebugIds||{},o._sentryDebugIds[t]="0c586c03-1aa6-405b-816c-116786379711",o._sentryDebugIdIdentifier="sentry-dbid-0c586c03-1aa6-405b-816c-116786379711")}catch{}})();const c="_followButton_58wqq_17",r="_hidden_58wqq_38",s={followButton:c,hidden:r};function u(o){const{isVisible:t,onClickHandler:n}=o,l=i([s.followButton,!t&&s.hidden]);return e.jsxs("button",{className:l,onClick:n,type:"button",children:[e.jsx(d,{}),"Follow"]})}export{u as F};
-//# sourceMappingURL=FollowButton-Cr-HA2-6.js.map
+import{j as e,b1 as d}from"./vendor-Cu5xgv5K.js";import{i}from"./index-5QAOtSTh.js";(function(){try{var o=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new o.Error().stack;t&&(o._sentryDebugIds=o._sentryDebugIds||{},o._sentryDebugIds[t]="0c586c03-1aa6-405b-816c-116786379711",o._sentryDebugIdIdentifier="sentry-dbid-0c586c03-1aa6-405b-816c-116786379711")}catch{}})();const c="_followButton_58wqq_17",r="_hidden_58wqq_38",s={followButton:c,hidden:r};function u(o){const{isVisible:t,onClickHandler:n}=o,l=i([s.followButton,!t&&s.hidden]);return e.jsxs("button",{className:l,onClick:n,type:"button",children:[e.jsx(d,{}),"Follow"]})}export{u as F};
+//# sourceMappingURL=FollowButton-DyWsvyFF.js.map

package/client/assets/{FollowButton-Cr-HA2-6.js.map → FollowButton-DyWsvyFF.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FollowButton-Cr-HA2-6.js","sources":["../../src/features/operator/follow-button/FollowButton.tsx"],"sourcesContent":["import { IoLocate } from 'react-icons/io5';\n\nimport { cx } from '../../../common/utils/styleUtils';\n\nimport style from './FollowButton.module.scss';\n\ninterface FollowButtonProps {\n  isVisible: boolean;\n  onClickHandler: () => void;\n}\n\nexport default function FollowButton(props: FollowButtonProps) {\n  const { isVisible, onClickHandler } = props;\n\n  const classes = cx([style.followButton, !isVisible && style.hidden]);\n\n  return (\n    <button className={classes} onClick={onClickHandler} type='button'>\n      <IoLocate />\n      Follow\n    </button>\n  );\n}\n"],"names":["FollowButton","props","isVisible","onClickHandler","classes","cx","style","jsx","IoLocate"],"mappings":"ggBAWA,SAAwBA,EAAaC,EAA0B,CACvD,KAAA,CAAE,UAAAC,EAAW,eAAAC,CAAA,EAAmBF,EAEhCG,EAAUC,EAAG,CAACC,EAAM,aAAc,CAACJ,GAAaI,EAAM,MAAM,CAAC,EAEnE,cACG,SAAO,CAAA,UAAWF,EAAS,QAASD,EAAgB,KAAK,SACxD,SAAA,CAAAI,EAAA,IAACC,EAAS,EAAA,EAAE,QAAA,EAEd,CAEJ"}
+{"version":3,"file":"FollowButton-DyWsvyFF.js","sources":["../../src/features/operator/follow-button/FollowButton.tsx"],"sourcesContent":["import { IoLocate } from 'react-icons/io5';\n\nimport { cx } from '../../../common/utils/styleUtils';\n\nimport style from './FollowButton.module.scss';\n\ninterface FollowButtonProps {\n  isVisible: boolean;\n  onClickHandler: () => void;\n}\n\nexport default function FollowButton(props: FollowButtonProps) {\n  const { isVisible, onClickHandler } = props;\n\n  const classes = cx([style.followButton, !isVisible && style.hidden]);\n\n  return (\n    <button className={classes} onClick={onClickHandler} type='button'>\n      <IoLocate />\n      Follow\n    </button>\n  );\n}\n"],"names":["FollowButton","props","isVisible","onClickHandler","classes","cx","style","jsx","IoLocate"],"mappings":"ggBAWA,SAAwBA,EAAaC,EAA0B,CACvD,KAAA,CAAE,UAAAC,EAAW,eAAAC,CAAA,EAAmBF,EAEhCG,EAAUC,EAAG,CAACC,EAAM,aAAc,CAACJ,GAAaI,EAAM,MAAM,CAAC,EAEnE,cACG,SAAO,CAAA,UAAWF,EAAS,QAASD,EAAgB,KAAK,SACxD,SAAA,CAAAI,EAAA,IAACC,EAAS,EAAA,EAAE,QAAA,EAEd,CAEJ"}

package/client/assets/{MessageControlExport-VUkIayAJ.js → MessageControlExport-yLGU2dMq.js}

@@ -1,2 +1,2 @@
-import{h as l,j as e,aL as A,x as B,bR as P,br as R,bS as D,bT as S,bU as w}from"./vendor-Cnciq4o_.js";import{C as I,S as L}from"./EditorUtils-DxjFOwpn.js";import{i as _,af as V,bI as F,c as O,T as d,bh as q,a as y,av as k,bJ as T,B as C,bK as o,bL as H,ai as N,bM as U,bf as $,bw as z}from"./index-DdPXqLQ6.js";import{P as J}from"./ProtectRoute-DnUCrlh6.js";import{S as K}from"./Select-CUjlJirY.js";import{T as f}from"./Tooltip-BZrLdTBU.js";import{s as j}from"./Editor.module-DvV2efYs.js";(function(){try{var s=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new s.Error().stack;t&&(s._sentryDebugIds=s._sentryDebugIds||{},s._sentryDebugIds[t]="17697973-3cd5-413c-8dae-b8cb94b603be",s._sentryDebugIdIdentifier="sentry-dbid-17697973-3cd5-413c-8dae-b8cb94b603be")}catch{}})();const W="_label_o0qma_17",G="_active_o0qma_21",Q="_inputItems_o0qma_90",h={label:W,active:G,inputItems:Q};function E(s){const{label:t,placeholder:n,text:a,visible:u,changeHandler:g,children:c}=s,[m,x]=l.useState(a),i=l.useRef(null),p=l.useRef(0);l.useEffect(()=>{i.current&&i.current!==document.activeElement&&(i.current.selectionStart=p.current,i.current.selectionEnd=p.current)},[a]),l.useEffect(()=>{i.current!==document.activeElement&&x(a)},[a]);const v=b=>{p.current=b.target.selectionStart??0,x(b.target.value),g(b.target.value)};return e.jsxs("div",{className:h.inputRow,children:[e.jsx("label",{className:_([h.label,u??h.active]),htmlFor:t,children:t}),e.jsxs("div",{className:h.inputItems,children:[e.jsx(V,{id:t,ref:i,value:m,onChange:v,placeholder:n}),c]})]})}const X="_blink_18658_1",Y="_previewContainer_18658_25",Z="_preview_18658_25",ee="_options_18658_39",te="_eventStatus_18658_45",se="_mainContent_18658_54",ne="_secondaryContent_18658_70",ae="_blackout_18658_74",re="_statusIcon_18658_83",r={blink:X,previewContainer:Y,preview:Z,options:ee,eventStatus:te,mainContent:se,secondaryContent:ne,blackout:ae,statusIcon:re},oe={aux1:"Aux 1",aux2:"Aux 2",aux3:"Aux 3",secondary:"Secondary message"};function ie(){const{blink:s,blackout:t,countToEnd:n,phase:a,secondarySource:u,showTimerMessage:g,timerType:c}=F(),{data:m}=O(),x=g?"Message":c===d.None?q:a===y.Pending?"Standby to start":a===y.Overtime?"Timer Overtime":c===d.Clock?"Clock":n?"Count to End":"Timer",i=g||!u?null:oe[u],p=a===y.Warning?m.warningColor??"#ffa528":a===y.Danger?m.dangerColor??"#ff7300":m.normalColor??"#FFFC",v=x=="Timer",b=_([s&&r.blink,t&&r.blackout]);return e.jsxs("div",{className:r.preview,children:[e.jsx(I,{onClick:M=>k("timer",M)}),e.jsxs("div",{className:b,children:[e.jsx("div",{className:r.mainContent,"data-phase":v&&a,style:v?{"--override-colour":p}:{},children:x}),i!==null&&e.jsx("div",{className:r.secondaryContent,children:i})]}),e.jsxs("div",{className:r.eventStatus,children:[e.jsx(f,{text:"Time type: Count down",render:e.jsx("span",{}),className:r.statusIcon,"data-active":c===d.CountDown,children:e.jsx(A,{})}),e.jsx(f,{text:"Time type: Count up",render:e.jsx("span",{}),className:r.statusIcon,"data-active":c===d.CountUp,children:e.jsx(B,{})}),e.jsx(f,{text:"Time type: Clock",render:e.jsx("span",{}),className:r.statusIcon,"data-active":c===d.Clock,children:e.jsx(P,{})}),e.jsx(f,{text:"Time type: None",render:e.jsx("span",{}),className:r.statusIcon,"data-active":c===d.None,children:e.jsx(R,{})}),e.jsx(f,{text:n?"Count to end":"Count duration",render:e.jsx("span",{}),className:r.statusIcon,"data-active":n,children:e.jsx(D,{})})]})]})}function ce(){const{blackout:s,blink:t}=T();return e.jsxs("div",{className:r.previewContainer,children:[e.jsx(ie,{}),e.jsxs("div",{className:r.options,children:[e.jsx(le,{}),e.jsx(L,{orientation:"horizontal"}),e.jsx(C,{variant:t?"primary":"subtle",fluid:!0,onClick:()=>o.timerBlink(!t),"data-testid":"toggle timer blink",children:"Blink"}),e.jsx(C,{variant:s?"primary":"subtle",fluid:!0,onClick:()=>o.timerBlackout(!s),"data-testid":"toggle timer blackout",children:"Blackout screen"})]})]})}function le(){const{secondarySource:s}=T(),[t,n]=l.useState("aux1");l.useEffect(()=>{s!==null&&n(s)},[s]);const a=()=>{s===t?o.timerSecondarySource(null):o.timerSecondarySource(t)};return e.jsxs(e.Fragment,{children:[e.jsx(K,{value:t,options:[{value:"aux1",label:"Aux 1"},{value:"aux2",label:"Aux 2"},{value:"aux3",label:"Aux 3"},{value:"secondary",label:"Secondary message"}],onValueChange:u=>{s!==null&&o.timerSecondarySource(u),n(u)}}),e.jsx(C,{variant:s!==null?"primary":"subtle",fluid:!0,onClick:a,"data-testid":"toggle secondary",children:"Show secondary"})]})}function ue(){return e.jsxs(e.Fragment,{children:[e.jsx(ce,{}),e.jsx(de,{}),e.jsx(me,{})]})}function de(){const{text:s,visible:t}=H();return e.jsx(E,{label:"Timer Message",placeholder:"Message shown fullscreen in stage timer",text:s,visible:t,changeHandler:n=>o.timerText(n),children:e.jsx(N,{"aria-label":"Toggle timer message visibility",onClick:()=>o.timerVisible(!t),variant:t?"primary":"subtle",children:t?e.jsx(S,{}):e.jsx(w,{})})})}function me(){const{text:s,visible:t}=U(),n=()=>{t?o.timerSecondarySource(null):o.timerSecondarySource("secondary")};return e.jsx(E,{label:"Secondary Message",placeholder:"Message shown as secondary text in stage timer",text:s,visible:t,changeHandler:a=>o.secondaryMessage(a),children:e.jsx(N,{"aria-label":"Toggle secondary message visibility",onClick:n,variant:t?"primary":"subtle",children:t?e.jsx(S,{}):e.jsx(w,{})})})}const je=l.memo(xe);function xe(){const s=window.location.pathname.includes("/messagecontrol"),t=_([j.content,j.contentColumnLayout]);return e.jsx(J,{permission:"editor",children:e.jsxs("div",{className:j.messages,"data-testid":"panel-messages-control",children:[!s&&e.jsx(I,{onClick:n=>k("messagecontrol",n)}),s&&e.jsx($,{suppressSettings:!0}),e.jsx("div",{className:t,children:e.jsx(z,{children:e.jsx(ue,{})})})]})})}export{je as default};
-//# sourceMappingURL=MessageControlExport-VUkIayAJ.js.map
+import{h as l,j as e,aL as A,x as B,bR as P,br as R,bS as D,bT as S,bU as w}from"./vendor-Cu5xgv5K.js";import{C as I,S as L}from"./EditorUtils-De0umjb-.js";import{i as _,af as V,bI as F,c as O,T as d,bg as q,a as y,av as k,bJ as T,B as C,bK as o,bL as H,ai as N,bM as U,bv as $,bw as z}from"./index-5QAOtSTh.js";import{P as J}from"./ProtectRoute-p1fmtLeu.js";import{S as K}from"./Select-niU9Razm.js";import{T as g}from"./Tooltip-DJ8Y4CO4.js";import{s as j}from"./Editor.module-DvV2efYs.js";(function(){try{var s=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new s.Error().stack;t&&(s._sentryDebugIds=s._sentryDebugIds||{},s._sentryDebugIds[t]="34a975dc-77bc-49c8-9b4e-918d39012530",s._sentryDebugIdIdentifier="sentry-dbid-34a975dc-77bc-49c8-9b4e-918d39012530")}catch{}})();const W="_label_o0qma_17",G="_active_o0qma_21",Q="_inputItems_o0qma_90",h={label:W,active:G,inputItems:Q};function E(s){const{label:t,placeholder:n,text:a,visible:u,changeHandler:f,children:c}=s,[m,x]=l.useState(a),i=l.useRef(null),p=l.useRef(0);l.useEffect(()=>{i.current&&i.current!==document.activeElement&&(i.current.selectionStart=p.current,i.current.selectionEnd=p.current)},[a]),l.useEffect(()=>{i.current!==document.activeElement&&x(a)},[a]);const v=b=>{p.current=b.target.selectionStart??0,x(b.target.value),f(b.target.value)};return e.jsxs("div",{className:h.inputRow,children:[e.jsx("label",{className:_([h.label,u??h.active]),htmlFor:t,children:t}),e.jsxs("div",{className:h.inputItems,children:[e.jsx(V,{id:t,ref:i,value:m,onChange:v,placeholder:n}),c]})]})}const X="_blink_18658_1",Y="_previewContainer_18658_25",Z="_preview_18658_25",ee="_options_18658_39",te="_eventStatus_18658_45",se="_mainContent_18658_54",ne="_secondaryContent_18658_70",ae="_blackout_18658_74",re="_statusIcon_18658_83",r={blink:X,previewContainer:Y,preview:Z,options:ee,eventStatus:te,mainContent:se,secondaryContent:ne,blackout:ae,statusIcon:re},oe={aux1:"Aux 1",aux2:"Aux 2",aux3:"Aux 3",secondary:"Secondary message"};function ie(){const{blink:s,blackout:t,countToEnd:n,phase:a,secondarySource:u,showTimerMessage:f,timerType:c}=F(),{data:m}=O(),x=f?"Message":c===d.None?q:a===y.Pending?"Standby to start":a===y.Overtime?"Timer Overtime":c===d.Clock?"Clock":n?"Count to End":"Timer",i=f||!u?null:oe[u],p=a===y.Warning?m.warningColor??"#ffa528":a===y.Danger?m.dangerColor??"#ff7300":m.normalColor??"#FFFC",v=x=="Timer",b=_([s&&r.blink,t&&r.blackout]);return e.jsxs("div",{className:r.preview,children:[e.jsx(I,{onClick:M=>k("timer",M)}),e.jsxs("div",{className:b,children:[e.jsx("div",{className:r.mainContent,"data-phase":v&&a,style:v?{"--override-colour":p}:{},children:x}),i!==null&&e.jsx("div",{className:r.secondaryContent,children:i})]}),e.jsxs("div",{className:r.eventStatus,children:[e.jsx(g,{text:"Time type: Count down",render:e.jsx("span",{}),className:r.statusIcon,"data-active":c===d.CountDown,children:e.jsx(A,{})}),e.jsx(g,{text:"Time type: Count up",render:e.jsx("span",{}),className:r.statusIcon,"data-active":c===d.CountUp,children:e.jsx(B,{})}),e.jsx(g,{text:"Time type: Clock",render:e.jsx("span",{}),className:r.statusIcon,"data-active":c===d.Clock,children:e.jsx(P,{})}),e.jsx(g,{text:"Time type: None",render:e.jsx("span",{}),className:r.statusIcon,"data-active":c===d.None,children:e.jsx(R,{})}),e.jsx(g,{text:n?"Count to end":"Count duration",render:e.jsx("span",{}),className:r.statusIcon,"data-active":n,children:e.jsx(D,{})})]})]})}function ce(){const{blackout:s,blink:t}=T();return e.jsxs("div",{className:r.previewContainer,children:[e.jsx(ie,{}),e.jsxs("div",{className:r.options,children:[e.jsx(le,{}),e.jsx(L,{orientation:"horizontal"}),e.jsx(C,{variant:t?"primary":"subtle",fluid:!0,onClick:()=>o.timerBlink(!t),"data-testid":"toggle timer blink",children:"Blink"}),e.jsx(C,{variant:s?"primary":"subtle",fluid:!0,onClick:()=>o.timerBlackout(!s),"data-testid":"toggle timer blackout",children:"Blackout screen"})]})]})}function le(){const{secondarySource:s}=T(),[t,n]=l.useState("aux1");l.useEffect(()=>{s!==null&&n(s)},[s]);const a=()=>{s===t?o.timerSecondarySource(null):o.timerSecondarySource(t)};return e.jsxs(e.Fragment,{children:[e.jsx(K,{value:t,options:[{value:"aux1",label:"Aux 1"},{value:"aux2",label:"Aux 2"},{value:"aux3",label:"Aux 3"},{value:"secondary",label:"Secondary message"}],onValueChange:u=>{s!==null&&o.timerSecondarySource(u),n(u)}}),e.jsx(C,{variant:s!==null?"primary":"subtle",fluid:!0,onClick:a,"data-testid":"toggle secondary",children:"Show secondary"})]})}function ue(){return e.jsxs(e.Fragment,{children:[e.jsx(ce,{}),e.jsx(de,{}),e.jsx(me,{})]})}function de(){const{text:s,visible:t}=H();return e.jsx(E,{label:"Timer Message",placeholder:"Message shown fullscreen in stage timer",text:s,visible:t,changeHandler:n=>o.timerText(n),children:e.jsx(N,{"aria-label":"Toggle timer message visibility",onClick:()=>o.timerVisible(!t),variant:t?"primary":"subtle",children:t?e.jsx(S,{}):e.jsx(w,{})})})}function me(){const{text:s,visible:t}=U(),n=()=>{t?o.timerSecondarySource(null):o.timerSecondarySource("secondary")};return e.jsx(E,{label:"Secondary Message",placeholder:"Message shown as secondary text in stage timer",text:s,visible:t,changeHandler:a=>o.secondaryMessage(a),children:e.jsx(N,{"aria-label":"Toggle secondary message visibility",onClick:n,variant:t?"primary":"subtle",children:t?e.jsx(S,{}):e.jsx(w,{})})})}const je=l.memo(xe);function xe(){const s=window.location.pathname.includes("/messagecontrol"),t=_([j.content,j.contentColumnLayout]);return e.jsx(J,{permission:"editor",children:e.jsxs("div",{className:j.messages,"data-testid":"panel-messages-control",children:[!s&&e.jsx(I,{onClick:n=>k("messagecontrol",n)}),s&&e.jsx($,{suppressSettings:!0}),e.jsx("div",{className:t,children:e.jsx(z,{children:e.jsx(ue,{})})})]})})}export{je as default};
+//# sourceMappingURL=MessageControlExport-yLGU2dMq.js.map

package/client/assets/{MessageControlExport-VUkIayAJ.js.map → MessageControlExport-yLGU2dMq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MessageControlExport-VUkIayAJ.js","sources":["../../src/features/control/message/InputRow.tsx","../../src/features/control/message/TimerPreview.tsx","../../src/features/control/message/TimerViewControl.tsx","../../src/features/control/message/MessageControl.tsx","../../src/features/control/message/MessageControlExport.tsx"],"sourcesContent":["import { PropsWithChildren, useEffect, useRef, useState } from 'react';\n\nimport Input from '../../../common/components/input/input/Input';\nimport { cx } from '../../../common/utils/styleUtils';\n\nimport style from './InputRow.module.scss';\n\ninterface InputRowProps {\n  label: string;\n  placeholder: string;\n  text: string;\n  visible: boolean;\n  changeHandler: (newValue: string) => void;\n}\n\nexport default function InputRow(props: PropsWithChildren<InputRowProps>) {\n  const { label, placeholder, text, visible, changeHandler, children } = props;\n\n  const [value, setValue] = useState(text);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const cursorPositionRef = useRef(0);\n\n  // sync cursor position with text\n  useEffect(() => {\n    if (inputRef.current && inputRef.current !== document.activeElement) {\n      inputRef.current.selectionStart = cursorPositionRef.current;\n      inputRef.current.selectionEnd = cursorPositionRef.current;\n    }\n  }, [text]);\n\n  // synchronise external text\n  useEffect(() => {\n    if (inputRef.current !== document.activeElement) {\n      setValue(text);\n    }\n  }, [text]);\n\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    cursorPositionRef.current = event.target.selectionStart ?? 0;\n    setValue(event.target.value);\n    changeHandler(event.target.value);\n  };\n\n  return (\n    <div className={style.inputRow}>\n      <label className={cx([style.label, visible ?? style.active])} htmlFor={label}>\n        {label}\n      </label>\n      <div className={style.inputItems}>\n        <Input id={label} ref={inputRef} value={value} onChange={handleInputChange} placeholder={placeholder} />\n        {children}\n      </div>\n    </div>\n  );\n}\n","import { IoArrowDown, IoArrowUp, IoBan, IoTime } from 'react-icons/io5';\nimport { LuArrowDownToLine } from 'react-icons/lu';\nimport { TimerPhase, TimerType } from 'ontime-types';\n\nimport { Corner } from '../../../common/components/editor-utils/EditorUtils';\nimport Tooltip from '../../../common/components/tooltip/Tooltip';\nimport { useMessagePreview } from '../../../common/hooks/useSocket';\nimport useViewSettings from '../../../common/hooks-query/useViewSettings';\nimport { handleLinks } from '../../../common/utils/linkUtils';\nimport { cx, timerPlaceholder } from '../../../common/utils/styleUtils';\n\nimport style from './MessageControl.module.scss';\n\nconst secondarySourceLabels: Record<string, string> = {\n  aux1: 'Aux 1',\n  aux2: 'Aux 2',\n  aux3: 'Aux 3',\n  secondary: 'Secondary message',\n};\n\nexport default function TimerPreview() {\n  const { blink, blackout, countToEnd, phase, secondarySource, showTimerMessage, timerType } = useMessagePreview();\n  const { data } = useViewSettings();\n\n  const main = (() => {\n    if (showTimerMessage) return 'Message';\n    if (timerType === TimerType.None) return timerPlaceholder;\n    if (phase === TimerPhase.Pending) return 'Standby to start';\n    if (phase === TimerPhase.Overtime) return 'Timer Overtime';\n    if (timerType === TimerType.Clock) return 'Clock';\n    if (countToEnd) return 'Count to End';\n    return 'Timer';\n  })();\n\n  const secondary = (() => {\n    // message is a fullscreen overlay or secondary is not active\n    if (showTimerMessage || !secondarySource) return null;\n\n    // we need to check aux first since it takes priority\n    return secondarySourceLabels[secondarySource];\n  })();\n\n  const overrideColour = (() => {\n    // override fallback colours from starter project\n    if (phase === TimerPhase.Warning) return data.warningColor ?? '#ffa528';\n    if (phase === TimerPhase.Danger) return data.dangerColor ?? '#ff7300';\n    return data.normalColor ?? '#FFFC';\n  })();\n\n  const showColourOverride = main == 'Timer';\n  const contentClasses = cx([blink && style.blink, blackout && style.blackout]);\n\n  return (\n    <div className={style.preview}>\n      <Corner onClick={(event) => handleLinks('timer', event)} />\n      <div className={contentClasses}>\n        <div\n          className={style.mainContent}\n          data-phase={showColourOverride && phase}\n          style={showColourOverride ? { '--override-colour': overrideColour } : {}}\n        >\n          {main}\n        </div>\n        {secondary !== null && <div className={style.secondaryContent}>{secondary}</div>}\n      </div>\n      <div className={style.eventStatus}>\n        <Tooltip\n          text='Time type: Count down'\n          render={<span />}\n          className={style.statusIcon}\n          data-active={timerType === TimerType.CountDown}\n        >\n          <IoArrowDown />\n        </Tooltip>\n        <Tooltip\n          text='Time type: Count up'\n          render={<span />}\n          className={style.statusIcon}\n          data-active={timerType === TimerType.CountUp}\n        >\n          <IoArrowUp />\n        </Tooltip>\n        <Tooltip\n          text='Time type: Clock'\n          render={<span />}\n          className={style.statusIcon}\n          data-active={timerType === TimerType.Clock}\n        >\n          <IoTime />\n        </Tooltip>\n        <Tooltip\n          text='Time type: None'\n          render={<span />}\n          className={style.statusIcon}\n          data-active={timerType === TimerType.None}\n        >\n          <IoBan />\n        </Tooltip>\n        <Tooltip\n          text={countToEnd ? 'Count to end' : 'Count duration'}\n          render={<span />}\n          className={style.statusIcon}\n          data-active={countToEnd}\n        >\n          <LuArrowDownToLine />\n        </Tooltip>\n      </div>\n    </div>\n  );\n}\n","import { useEffect, useState } from 'react';\nimport { SecondarySource } from 'ontime-types';\n\nimport Button from '../../../common/components/buttons/Button';\nimport * as Editor from '../../../common/components/editor-utils/EditorUtils';\nimport Select from '../../../common/components/select/Select';\nimport { setMessage, useTimerViewControl } from '../../../common/hooks/useSocket';\n\nimport TimerPreview from './TimerPreview';\n\nimport style from './MessageControl.module.scss';\n\nexport default function TimerControlsPreview() {\n  const { blackout, blink } = useTimerViewControl();\n\n  return (\n    <div className={style.previewContainer}>\n      <TimerPreview />\n      <div className={style.options}>\n        <SecondarySourceControl />\n\n        <Editor.Separator orientation='horizontal' />\n\n        <Button\n          variant={blink ? 'primary' : 'subtle'}\n          fluid\n          onClick={() => setMessage.timerBlink(!blink)}\n          data-testid='toggle timer blink'\n        >\n          Blink\n        </Button>\n        <Button\n          variant={blackout ? 'primary' : 'subtle'}\n          fluid\n          onClick={() => setMessage.timerBlackout(!blackout)}\n          data-testid='toggle timer blackout'\n        >\n          Blackout screen\n        </Button>\n      </div>\n    </div>\n  );\n}\n\nfunction SecondarySourceControl() {\n  const { secondarySource } = useTimerViewControl();\n  const [value, setValue] = useState<SecondarySource>('aux1');\n\n  // sync secondary source with external changes\n  useEffect(() => {\n    if (secondarySource !== null) {\n      setValue(secondarySource);\n    }\n  }, [secondarySource]);\n\n  const toggleSecondary = () => {\n    if (secondarySource === value) {\n      setMessage.timerSecondarySource(null);\n    } else {\n      setMessage.timerSecondarySource(value);\n    }\n  };\n\n  return (\n    <>\n      <Select\n        value={value}\n        options={[\n          { value: 'aux1', label: 'Aux 1' },\n          { value: 'aux2', label: 'Aux 2' },\n          { value: 'aux3', label: 'Aux 3' },\n          { value: 'secondary', label: 'Secondary message' },\n        ]}\n        onValueChange={(value) => {\n          // we can only update the remote if it is enabled\n          if (secondarySource !== null) {\n            setMessage.timerSecondarySource(value as SecondarySource);\n          }\n          setValue(value as SecondarySource);\n        }}\n      />\n      <Button\n        variant={secondarySource !== null ? 'primary' : 'subtle'}\n        fluid\n        onClick={toggleSecondary}\n        data-testid='toggle secondary'\n      >\n        Show secondary\n      </Button>\n    </>\n  );\n}\n","import { IoEye, IoEyeOffOutline } from 'react-icons/io5';\n\nimport IconButton from '../../../common/components/buttons/IconButton';\nimport {\n  setMessage,\n  useExternalMessageInput as useSecondaryMessageInput,\n  useTimerMessageInput,\n} from '../../../common/hooks/useSocket';\n\nimport InputRow from './InputRow';\nimport TimerControlsPreview from './TimerViewControl';\n\nexport default function MessageControl() {\n  return (\n    <>\n      <TimerControlsPreview />\n      <TimerMessageInput />\n      <SecondaryInput />\n    </>\n  );\n}\n\nfunction TimerMessageInput() {\n  const { text, visible } = useTimerMessageInput();\n\n  return (\n    <InputRow\n      label='Timer Message'\n      placeholder='Message shown fullscreen in stage timer'\n      text={text}\n      visible={visible}\n      changeHandler={(newValue) => setMessage.timerText(newValue)}\n    >\n      <IconButton\n        aria-label='Toggle timer message visibility'\n        onClick={() => setMessage.timerVisible(!visible)}\n        variant={visible ? 'primary' : 'subtle'}\n      >\n        {visible ? <IoEye /> : <IoEyeOffOutline />}\n      </IconButton>\n    </InputRow>\n  );\n}\n\nfunction SecondaryInput() {\n  const { text, visible } = useSecondaryMessageInput();\n\n  const toggleSecondary = () => {\n    if (visible) {\n      setMessage.timerSecondarySource(null);\n    } else {\n      setMessage.timerSecondarySource('secondary');\n    }\n  };\n\n  return (\n    <InputRow\n      label='Secondary Message'\n      placeholder='Message shown as secondary text in stage timer'\n      text={text}\n      visible={visible}\n      changeHandler={(newValue) => setMessage.secondaryMessage(newValue)}\n    >\n      <IconButton\n        aria-label='Toggle secondary message visibility'\n        onClick={toggleSecondary}\n        variant={visible ? 'primary' : 'subtle'}\n      >\n        {visible ? <IoEye /> : <IoEyeOffOutline />}\n      </IconButton>\n    </InputRow>\n  );\n}\n","import { memo } from 'react';\n\nimport { Corner } from '../../../common/components/editor-utils/EditorUtils';\nimport ErrorBoundary from '../../../common/components/error-boundary/ErrorBoundary';\nimport ViewNavigationMenu from '../../../common/components/navigation-menu/ViewNavigationMenu';\nimport ProtectRoute from '../../../common/components/protect-route/ProtectRoute';\nimport { handleLinks } from '../../../common/utils/linkUtils';\nimport { cx } from '../../../common/utils/styleUtils';\n\nimport MessageControl from './MessageControl';\n\nimport style from '../../../views/editor/Editor.module.scss';\n\nexport default memo(MessageControlExport);\nfunction MessageControlExport() {\n  const isExtracted = window.location.pathname.includes('/messagecontrol');\n  const classes = cx([style.content, style.contentColumnLayout]);\n\n  return (\n    <ProtectRoute permission='editor'>\n      <div className={style.messages} data-testid='panel-messages-control'>\n        {!isExtracted && <Corner onClick={(event) => handleLinks('messagecontrol', event)} />}\n        {isExtracted && <ViewNavigationMenu suppressSettings />}\n\n        <div className={classes}>\n          <ErrorBoundary>\n            <MessageControl />\n          </ErrorBoundary>\n        </div>\n      </div>\n    </ProtectRoute>\n  );\n}\n"],"names":["InputRow","props","label","placeholder","text","visible","changeHandler","children","value","setValue","useState","inputRef","useRef","cursorPositionRef","useEffect","handleInputChange","event","jsxs","style","jsx","cx","Input","secondarySourceLabels","TimerPreview","blink","blackout","countToEnd","phase","secondarySource","showTimerMessage","timerType","useMessagePreview","data","useViewSettings","main","TimerType","timerPlaceholder","TimerPhase","secondary","overrideColour","showColourOverride","contentClasses","Corner","handleLinks","Tooltip","IoArrowDown","IoArrowUp","IoTime","IoBan","LuArrowDownToLine","TimerControlsPreview","useTimerViewControl","SecondarySourceControl","Editor.Separator","Button","setMessage","toggleSecondary","Fragment","Select","MessageControl","TimerMessageInput","SecondaryInput","useTimerMessageInput","newValue","IconButton","IoEye","IoEyeOffOutline","useSecondaryMessageInput","memo","MessageControlExport","isExtracted","classes","ProtectRoute","ViewNavigationMenu","ErrorBoundary"],"mappings":"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"}
+{"version":3,"file":"MessageControlExport-yLGU2dMq.js","sources":["../../src/features/control/message/InputRow.tsx","../../src/features/control/message/TimerPreview.tsx","../../src/features/control/message/TimerViewControl.tsx","../../src/features/control/message/MessageControl.tsx","../../src/features/control/message/MessageControlExport.tsx"],"sourcesContent":["import { PropsWithChildren, useEffect, useRef, useState } from 'react';\n\nimport Input from '../../../common/components/input/input/Input';\nimport { cx } from '../../../common/utils/styleUtils';\n\nimport style from './InputRow.module.scss';\n\ninterface InputRowProps {\n  label: string;\n  placeholder: string;\n  text: string;\n  visible: boolean;\n  changeHandler: (newValue: string) => void;\n}\n\nexport default function InputRow(props: PropsWithChildren<InputRowProps>) {\n  const { label, placeholder, text, visible, changeHandler, children } = props;\n\n  const [value, setValue] = useState(text);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const cursorPositionRef = useRef(0);\n\n  // sync cursor position with text\n  useEffect(() => {\n    if (inputRef.current && inputRef.current !== document.activeElement) {\n      inputRef.current.selectionStart = cursorPositionRef.current;\n      inputRef.current.selectionEnd = cursorPositionRef.current;\n    }\n  }, [text]);\n\n  // synchronise external text\n  useEffect(() => {\n    if (inputRef.current !== document.activeElement) {\n      setValue(text);\n    }\n  }, [text]);\n\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    cursorPositionRef.current = event.target.selectionStart ?? 0;\n    setValue(event.target.value);\n    changeHandler(event.target.value);\n  };\n\n  return (\n    <div className={style.inputRow}>\n      <label className={cx([style.label, visible ?? style.active])} htmlFor={label}>\n        {label}\n      </label>\n      <div className={style.inputItems}>\n        <Input id={label} ref={inputRef} value={value} onChange={handleInputChange} placeholder={placeholder} />\n        {children}\n      </div>\n    </div>\n  );\n}\n","import { IoArrowDown, IoArrowUp, IoBan, IoTime } from 'react-icons/io5';\nimport { LuArrowDownToLine } from 'react-icons/lu';\nimport { TimerPhase, TimerType } from 'ontime-types';\n\nimport { Corner } from '../../../common/components/editor-utils/EditorUtils';\nimport Tooltip from '../../../common/components/tooltip/Tooltip';\nimport { useMessagePreview } from '../../../common/hooks/useSocket';\nimport useViewSettings from '../../../common/hooks-query/useViewSettings';\nimport { handleLinks } from '../../../common/utils/linkUtils';\nimport { cx, timerPlaceholder } from '../../../common/utils/styleUtils';\n\nimport style from './MessageControl.module.scss';\n\nconst secondarySourceLabels: Record<string, string> = {\n  aux1: 'Aux 1',\n  aux2: 'Aux 2',\n  aux3: 'Aux 3',\n  secondary: 'Secondary message',\n};\n\nexport default function TimerPreview() {\n  const { blink, blackout, countToEnd, phase, secondarySource, showTimerMessage, timerType } = useMessagePreview();\n  const { data } = useViewSettings();\n\n  const main = (() => {\n    if (showTimerMessage) return 'Message';\n    if (timerType === TimerType.None) return timerPlaceholder;\n    if (phase === TimerPhase.Pending) return 'Standby to start';\n    if (phase === TimerPhase.Overtime) return 'Timer Overtime';\n    if (timerType === TimerType.Clock) return 'Clock';\n    if (countToEnd) return 'Count to End';\n    return 'Timer';\n  })();\n\n  const secondary = (() => {\n    // message is a fullscreen overlay or secondary is not active\n    if (showTimerMessage || !secondarySource) return null;\n\n    // we need to check aux first since it takes priority\n    return secondarySourceLabels[secondarySource];\n  })();\n\n  const overrideColour = (() => {\n    // override fallback colours from starter project\n    if (phase === TimerPhase.Warning) return data.warningColor ?? '#ffa528';\n    if (phase === TimerPhase.Danger) return data.dangerColor ?? '#ff7300';\n    return data.normalColor ?? '#FFFC';\n  })();\n\n  const showColourOverride = main == 'Timer';\n  const contentClasses = cx([blink && style.blink, blackout && style.blackout]);\n\n  return (\n    <div className={style.preview}>\n      <Corner onClick={(event) => handleLinks('timer', event)} />\n      <div className={contentClasses}>\n        <div\n          className={style.mainContent}\n          data-phase={showColourOverride && phase}\n          style={showColourOverride ? { '--override-colour': overrideColour } : {}}\n        >\n          {main}\n        </div>\n        {secondary !== null && <div className={style.secondaryContent}>{secondary}</div>}\n      </div>\n      <div className={style.eventStatus}>\n        <Tooltip\n          text='Time type: Count down'\n          render={<span />}\n          className={style.statusIcon}\n          data-active={timerType === TimerType.CountDown}\n        >\n          <IoArrowDown />\n        </Tooltip>\n        <Tooltip\n          text='Time type: Count up'\n          render={<span />}\n          className={style.statusIcon}\n          data-active={timerType === TimerType.CountUp}\n        >\n          <IoArrowUp />\n        </Tooltip>\n        <Tooltip\n          text='Time type: Clock'\n          render={<span />}\n          className={style.statusIcon}\n          data-active={timerType === TimerType.Clock}\n        >\n          <IoTime />\n        </Tooltip>\n        <Tooltip\n          text='Time type: None'\n          render={<span />}\n          className={style.statusIcon}\n          data-active={timerType === TimerType.None}\n        >\n          <IoBan />\n        </Tooltip>\n        <Tooltip\n          text={countToEnd ? 'Count to end' : 'Count duration'}\n          render={<span />}\n          className={style.statusIcon}\n          data-active={countToEnd}\n        >\n          <LuArrowDownToLine />\n        </Tooltip>\n      </div>\n    </div>\n  );\n}\n","import { useEffect, useState } from 'react';\nimport { SecondarySource } from 'ontime-types';\n\nimport Button from '../../../common/components/buttons/Button';\nimport * as Editor from '../../../common/components/editor-utils/EditorUtils';\nimport Select from '../../../common/components/select/Select';\nimport { setMessage, useTimerViewControl } from '../../../common/hooks/useSocket';\n\nimport TimerPreview from './TimerPreview';\n\nimport style from './MessageControl.module.scss';\n\nexport default function TimerControlsPreview() {\n  const { blackout, blink } = useTimerViewControl();\n\n  return (\n    <div className={style.previewContainer}>\n      <TimerPreview />\n      <div className={style.options}>\n        <SecondarySourceControl />\n\n        <Editor.Separator orientation='horizontal' />\n\n        <Button\n          variant={blink ? 'primary' : 'subtle'}\n          fluid\n          onClick={() => setMessage.timerBlink(!blink)}\n          data-testid='toggle timer blink'\n        >\n          Blink\n        </Button>\n        <Button\n          variant={blackout ? 'primary' : 'subtle'}\n          fluid\n          onClick={() => setMessage.timerBlackout(!blackout)}\n          data-testid='toggle timer blackout'\n        >\n          Blackout screen\n        </Button>\n      </div>\n    </div>\n  );\n}\n\nfunction SecondarySourceControl() {\n  const { secondarySource } = useTimerViewControl();\n  const [value, setValue] = useState<SecondarySource>('aux1');\n\n  // sync secondary source with external changes\n  useEffect(() => {\n    if (secondarySource !== null) {\n      setValue(secondarySource);\n    }\n  }, [secondarySource]);\n\n  const toggleSecondary = () => {\n    if (secondarySource === value) {\n      setMessage.timerSecondarySource(null);\n    } else {\n      setMessage.timerSecondarySource(value);\n    }\n  };\n\n  return (\n    <>\n      <Select\n        value={value}\n        options={[\n          { value: 'aux1', label: 'Aux 1' },\n          { value: 'aux2', label: 'Aux 2' },\n          { value: 'aux3', label: 'Aux 3' },\n          { value: 'secondary', label: 'Secondary message' },\n        ]}\n        onValueChange={(value) => {\n          // we can only update the remote if it is enabled\n          if (secondarySource !== null) {\n            setMessage.timerSecondarySource(value as SecondarySource);\n          }\n          setValue(value as SecondarySource);\n        }}\n      />\n      <Button\n        variant={secondarySource !== null ? 'primary' : 'subtle'}\n        fluid\n        onClick={toggleSecondary}\n        data-testid='toggle secondary'\n      >\n        Show secondary\n      </Button>\n    </>\n  );\n}\n","import { IoEye, IoEyeOffOutline } from 'react-icons/io5';\n\nimport IconButton from '../../../common/components/buttons/IconButton';\nimport {\n  setMessage,\n  useExternalMessageInput as useSecondaryMessageInput,\n  useTimerMessageInput,\n} from '../../../common/hooks/useSocket';\n\nimport InputRow from './InputRow';\nimport TimerControlsPreview from './TimerViewControl';\n\nexport default function MessageControl() {\n  return (\n    <>\n      <TimerControlsPreview />\n      <TimerMessageInput />\n      <SecondaryInput />\n    </>\n  );\n}\n\nfunction TimerMessageInput() {\n  const { text, visible } = useTimerMessageInput();\n\n  return (\n    <InputRow\n      label='Timer Message'\n      placeholder='Message shown fullscreen in stage timer'\n      text={text}\n      visible={visible}\n      changeHandler={(newValue) => setMessage.timerText(newValue)}\n    >\n      <IconButton\n        aria-label='Toggle timer message visibility'\n        onClick={() => setMessage.timerVisible(!visible)}\n        variant={visible ? 'primary' : 'subtle'}\n      >\n        {visible ? <IoEye /> : <IoEyeOffOutline />}\n      </IconButton>\n    </InputRow>\n  );\n}\n\nfunction SecondaryInput() {\n  const { text, visible } = useSecondaryMessageInput();\n\n  const toggleSecondary = () => {\n    if (visible) {\n      setMessage.timerSecondarySource(null);\n    } else {\n      setMessage.timerSecondarySource('secondary');\n    }\n  };\n\n  return (\n    <InputRow\n      label='Secondary Message'\n      placeholder='Message shown as secondary text in stage timer'\n      text={text}\n      visible={visible}\n      changeHandler={(newValue) => setMessage.secondaryMessage(newValue)}\n    >\n      <IconButton\n        aria-label='Toggle secondary message visibility'\n        onClick={toggleSecondary}\n        variant={visible ? 'primary' : 'subtle'}\n      >\n        {visible ? <IoEye /> : <IoEyeOffOutline />}\n      </IconButton>\n    </InputRow>\n  );\n}\n","import { memo } from 'react';\n\nimport { Corner } from '../../../common/components/editor-utils/EditorUtils';\nimport ErrorBoundary from '../../../common/components/error-boundary/ErrorBoundary';\nimport ViewNavigationMenu from '../../../common/components/navigation-menu/ViewNavigationMenu';\nimport ProtectRoute from '../../../common/components/protect-route/ProtectRoute';\nimport { handleLinks } from '../../../common/utils/linkUtils';\nimport { cx } from '../../../common/utils/styleUtils';\n\nimport MessageControl from './MessageControl';\n\nimport style from '../../../views/editor/Editor.module.scss';\n\nexport default memo(MessageControlExport);\nfunction MessageControlExport() {\n  const isExtracted = window.location.pathname.includes('/messagecontrol');\n  const classes = cx([style.content, style.contentColumnLayout]);\n\n  return (\n    <ProtectRoute permission='editor'>\n      <div className={style.messages} data-testid='panel-messages-control'>\n        {!isExtracted && <Corner onClick={(event) => handleLinks('messagecontrol', event)} />}\n        {isExtracted && <ViewNavigationMenu suppressSettings />}\n\n        <div className={classes}>\n          <ErrorBoundary>\n            <MessageControl />\n          </ErrorBoundary>\n        </div>\n      </div>\n    </ProtectRoute>\n  );\n}\n"],"names":["InputRow","props","label","placeholder","text","visible","changeHandler","children","value","setValue","useState","inputRef","useRef","cursorPositionRef","useEffect","handleInputChange","event","jsxs","style","jsx","cx","Input","secondarySourceLabels","TimerPreview","blink","blackout","countToEnd","phase","secondarySource","showTimerMessage","timerType","useMessagePreview","data","useViewSettings","main","TimerType","timerPlaceholder","TimerPhase","secondary","overrideColour","showColourOverride","contentClasses","Corner","handleLinks","Tooltip","IoArrowDown","IoArrowUp","IoTime","IoBan","LuArrowDownToLine","TimerControlsPreview","useTimerViewControl","SecondarySourceControl","Editor.Separator","Button","setMessage","toggleSecondary","Fragment","Select","MessageControl","TimerMessageInput","SecondaryInput","useTimerMessageInput","newValue","IconButton","IoEye","IoEyeOffOutline","useSecondaryMessageInput","memo","MessageControlExport","isExtracted","classes","ProtectRoute","ViewNavigationMenu","ErrorBoundary"],"mappings":"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"}

package/client/assets/MilestoneEditor-GkzJ-h1C.js

@@ -0,0 +1,2 @@
+import{j as e,h as m,bj as Z,bk as oe,am as de,bl as ue,bm as U,bn as K,bo as me,bp as he,ah as xe,ba as je,bq as be}from"./vendor-Cu5xgv5K.js";import{L as g,T as p}from"./EditorUtils-De0umjb-.js";import{T as S,A as W,s as ge}from"./TimeInput-wQ67FbW6.js";import{u as T,m as ve}from"./dateConfig-8rhb0Dbh.js";import{u as J}from"./useCustomFields-BuxKsqGS.js";import{T as O,E as P}from"./validateEvent-Bvgk1E-Y.js";import{af as B,aA as fe,i as A,ai as F,r as ye,y as w,T as H,B as _e,b8 as pe,w as z,bg as ee}from"./index-5QAOtSTh.js";import{S as R}from"./Select-niU9Razm.js";import{S as ae}from"./useProjectData-CetvEK9E.js";import{T as I}from"./Tooltip-DJ8Y4CO4.js";import{p as ie}from"./parseUserTime-CCDHpp7D.js";import{S as Q,u as re,T as te}from"./Modal-BKL-5GzU.js";import{g as Ee}from"./offset-CLDSqOP5.js";import{T as ke}from"./editorSettings-LMnfWux6.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]="0bb767ec-02a3-42da-88b2-9b7c211addb0",t._sentryDebugIdIdentifier="sentry-dbid-0bb767ec-02a3-42da-88b2-9b7c211addb0")}catch{}})();var N=(t=>(t.onLoad="onLoad",t.onStart="onStart",t.onPause="onPause",t.onStop="onStop",t.onClock="onClock",t.onUpdate="onUpdate",t.onFinish="onFinish",t.onWarning="onWarning",t.onDanger="onDanger",t))(N||{});const Ce=Object.keys(N);function Ne(t){return t.replaceAll(" ","").replaceAll(",",".")}const Te="_imageContainer_1k5qa_17",we="_imageOverlay_1k5qa_25",ne={imageContainer:Te,imageOverlay:we};function Ie({src:t}){return e.jsxs("div",{className:ne.imageContainer,children:[!!t&&e.jsx("img",{loading:"lazy",src:t}),e.jsx("div",{className:ne.imageOverlay})]})}function De({value:t,inputref:s,...a}){return m.useEffect(()=>{const n=s.current;return Z(s.current),()=>{Z.destroy(n)}},[s,t]),e.jsx(ke,{ref:s,value:t,...a})}function le(t,s,a,n){const[o,l]=m.useState(t),i=m.useRef(!1);m.useEffect(()=>{l(typeof t>"u"?"":t)},[t]);const c=m.useCallback(d=>{d!==o&&l(d)},[o]),h=m.useCallback(d=>{var j;if(d===t&&!(n!=null&&n.allowSubmitSameValue))(j=n==null?void 0:n.onCancelUpdate)==null||j.call(n);else{const r=d.trim();s(r),r!==d&&l(r)}setTimeout(()=>{var r,f,y;n!=null&&n.allowKeyboardNavigation?(f=(r=a.current)==null?void 0:r.parentElement)==null||f.focus():(y=a.current)==null||y.blur()})},[t,n,a,s]),x=m.useCallback(()=>{var d;l(t),a.current&&(a.current.value=t),(d=n==null?void 0:n.onCancelUpdate)==null||d.call(n),setTimeout(()=>{var j;return(j=a.current)==null?void 0:j.blur()})},[t,n,a]),b=m.useMemo(()=>{const d=[["Escape",r=>{r.preventDefault(),x()},{preventDefault:!0}]];n!=null&&n.submitOnEnter&&d.push(["Enter",()=>{i.current=!0,h(o),setTimeout(()=>{i.current=!1},0)}]),n!=null&&n.submitOnCtrlEnter&&d.push(["mod + Enter",()=>{i.current=!0,h(o),setTimeout(()=>{i.current=!1},0)}]);const j=oe(d);return r=>{(r.key==="ArrowLeft"||r.key==="ArrowRight"||r.key==="ArrowUp"||r.key==="ArrowDown")&&r.stopPropagation(),j(r)}},[x,h,n==null?void 0:n.submitOnCtrlEnter,n==null?void 0:n.submitOnEnter,o]);return{value:o,onChange:d=>c(d.target.value),onBlur:d=>{i.current||h(d.target.value)},onKeyDown:b}}function G({className:t,field:s,label:a,initialValue:n,style:o,submitHandler:l}){const i=m.useRef(null),c=m.useCallback(j=>l(s,j),[s,l]),{value:h,onChange:x,onBlur:b,onKeyDown:d}=le(n,c,i,{submitOnCtrlEnter:!0});return e.jsxs("div",{children:[e.jsx(g,{className:t,htmlFor:s,style:o,children:a}),e.jsx(De,{id:s,inputref:i,rows:1,"data-testid":"input-textarea",fluid:!0,value:h,onChange:x,onBlur:b,onKeyDown:d})]})}function L({className:t,field:s,label:a,initialValue:n,style:o,submitHandler:l,maxLength:i,placeholder:c}){const h=m.useRef(null),x=m.useCallback(f=>l(s,f),[s,l]),{value:b,onChange:d,onBlur:j,onKeyDown:r}=le(n,x,h,{submitOnEnter:!0});return e.jsxs("div",{children:[e.jsx(g,{className:t,htmlFor:s,style:o,children:a}),e.jsx(B,{id:s,ref:h,maxLength:i,fluid:!0,"data-testid":"input-textfield",value:b,placeholder:c,onChange:d,onBlur:j,onKeyDown:r})]})}const Le="_rundownEditor_nbvvy_19",Se="_content_nbvvy_29",Fe="_column_nbvvy_48",Ae="_decorated_nbvvy_57",Oe="_delayLabel_nbvvy_65",He="_switchLabel_nbvvy_73",$e="_inline_nbvvy_83",Ve="_splitTwo_nbvvy_89",qe="_splitThree_nbvvy_96",Me="_tooltipIcon_nbvvy_103",We="_customImage_nbvvy_110",Re="_textLikeInput_nbvvy_117",Be="_inactive_nbvvy_125",Ge="_active_nbvvy_129",u={rundownEditor:Le,content:Se,column:Fe,decorated:Ae,delayLabel:Oe,switchLabel:He,inline:$e,splitTwo:Ve,splitThree:qe,tooltipIcon:Me,customImage:We,textLikeInput:Re,inactive:Be,active:Ge};function X({fields:t,handleSubmit:s,entry:a}){return e.jsx(m.Fragment,{children:Object.keys(t).map(n=>{const o=`${a.id}-${n}`,l=`custom-${n}`,i=a.custom[n]??"",{backgroundColor:c,color:h}=fe(t[n].colour),x=t[n].label;return t[n].type==="text"?e.jsx(G,{field:l,label:x,initialValue:i,submitHandler:s,className:u.decorated,style:{"--decorator-bg":c,"--decorator-color":h}},o):t[n].type==="image"?e.jsxs("div",{className:u.customImage,children:[e.jsx(L,{field:l,label:x,initialValue:i,placeholder:"Paste image URL",submitHandler:s,className:u.decorated,maxLength:255,style:{"--decorator-bg":c,"--decorator-color":h}},o),e.jsx(Ie,{src:i})]},o):null})})}const Pe="_inputGroup_1e1jq_17",Ue="_delayed_1e1jq_24",se={inputGroup:Pe,delayed:Ue};function q({hasDelay:t,children:s}){return e.jsx("div",{className:A([se.inputGroup,t&&se.delayed]),children:s})}const Ke="_fourtyfive_w3aej_13",ze="_timerNote_w3aej_21",Je="_inactive_w3aej_27",Qe="_active_w3aej_31",C={fourtyfive:Ke,timerNote:ze,inactive:Je,active:Qe},Xe=m.memo(Ye);function Ye({eventId:t,countToEnd:s,timeStart:a,timeEnd:n,duration:o,timeStrategy:l,linkStart:i,delay:c,showLabels:h}){const{updateEntry:x,updateTimer:b}=T(),d=(k,_)=>{b(t,k,_)},j=k=>{x({id:t,timeStrategy:k})},r=k=>{x({id:t,linkStart:k})},f=[];a+o>ye&&f.push("Over midnight"),s&&f.push("Count to End");const y=c!==0,v=l===O.LockEnd,E=l===O.LockDuration;return e.jsxs(e.Fragment,{children:[e.jsxs("div",{children:[h&&e.jsx(g,{className:C.sectionTitle,children:"Start time"}),e.jsxs(q,{hasDelay:y,children:[e.jsx(S,{name:"timeStart",submitHandler:d,time:a,placeholder:"Start",align:"left",disabled:i}),e.jsx(I,{text:"Link start to previous end",onClick:()=>r(!i),render:e.jsx(F,{variant:"subtle-white",className:i?C.active:C.inactive}),children:e.jsx("span",{className:C.fourtyfive,children:i?e.jsx(de,{}):e.jsx(ue,{})})})]})]}),e.jsxs("div",{children:[h&&e.jsx(g,{children:"End time"}),e.jsxs(q,{hasDelay:y,children:[e.jsx(S,{name:"timeEnd",submitHandler:d,time:n,placeholder:"End",align:"left",disabled:E}),e.jsx(I,{text:"Lock end",render:e.jsx(F,{variant:"subtle-white",className:v?C.active:C.inactive}),onClick:()=>j(O.LockEnd),"data-testid":"lock__end",children:v?e.jsx(U,{}):e.jsx(K,{})})]})]}),e.jsxs("div",{children:[h&&e.jsx(g,{children:"Duration"}),e.jsxs(q,{hasDelay:y,children:[e.jsx(S,{name:"duration",submitHandler:d,time:o,placeholder:"Duration",align:"left",disabled:v}),e.jsx(I,{text:"Lock duration",render:e.jsx(F,{variant:"subtle-white",className:E?C.active:C.inactive}),onClick:()=>j(O.LockDuration),"data-testid":"lock__duration",children:E?e.jsx(U,{}):e.jsx(K,{})})]})]}),f.length>0&&e.jsx(I,{text:f.join(" - "),className:C.timerNote,"data-testid":"event-warning",render:e.jsx("span",{}),children:e.jsx(me,{})})]})}const Ze=m.memo(et);function et({eventId:t,timeStart:s,timeEnd:a,duration:n,timeStrategy:o,linkStart:l,countToEnd:i,delay:c,endAction:h,timerType:x,timeWarning:b,timeDanger:d}){const{updateEntry:j}=T(),r=(v,E)=>{if(v==="countToEnd"){j({id:t,countToEnd:E});return}if(v==="timeWarning"||v==="timeDanger"){const k=ie(E);j({id:t,[v]:k});return}if(v==="timerType"||v==="endAction"){j({id:t,[v]:E});return}},y=c!==0?`Event is ${ve(c,"expanded")}. New schedule ${w(s+c)} → ${w(a+c)}`:"";return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:u.column,children:[e.jsx(p,{children:"Event schedule"}),e.jsxs("div",{children:[e.jsx("div",{className:u.inline,children:e.jsx(Xe,{eventId:t,timeStart:s,timeEnd:a,duration:n,timeStrategy:o,linkStart:l,delay:c,countToEnd:i,showLabels:!0})}),e.jsx("div",{className:u.delayLabel,children:y})]})]}),e.jsxs("div",{className:u.column,children:[e.jsx(p,{children:"Event Behaviour"}),e.jsxs("div",{className:u.splitTwo,children:[e.jsxs("div",{children:[e.jsx(g,{htmlFor:"endAction",children:"End Action"}),e.jsx(R,{value:h,onValueChange:v=>r("endAction",v),options:[{value:P.None,label:"None"},{value:P.LoadNext,label:"Load next event"},{value:P.PlayNext,label:"Play next event"}]})]}),e.jsxs("div",{children:[e.jsx(g,{htmlFor:"countToEnd",children:"Count to End"}),e.jsxs(g,{className:u.switchLabel,children:[e.jsx(ae,{id:"countToEnd",checked:i,onCheckedChange:v=>r("countToEnd",v)}),i?"On":"Off"]})]})]})]}),e.jsxs("div",{className:u.column,children:[e.jsx(p,{children:e.jsxs(I,{text:"Changes how the timer is displayed in different views. It is not reflected in the rundown",render:e.jsx("span",{}),children:["Display Options",e.jsx(he,{className:u.tooltipIcon})]})}),e.jsxs("div",{className:u.splitTwo,children:[e.jsxs("div",{children:[e.jsx(g,{htmlFor:"timerType",children:"Timer Type"}),e.jsx(R,{value:x,onValueChange:v=>r("timerType",v),options:[{value:H.CountDown,label:"Count down"},{value:H.CountUp,label:"Count up"},{value:H.Clock,label:"Clock"},{value:H.None,label:"None"}]})]}),e.jsxs("div",{className:u.inline,children:[e.jsxs("div",{children:[e.jsx(g,{htmlFor:"timeWarning",children:"Warning Time"}),e.jsx(S,{id:"timeWarning",name:"timeWarning",submitHandler:r,time:b,placeholder:"Duration"})]}),e.jsxs("div",{children:[e.jsx(g,{htmlFor:"timeDanger",children:"Danger Time"}),e.jsx(S,{id:"timeDanger",name:"timeDanger",submitHandler:r,time:d,placeholder:"Duration"})]})]})]})]})]})}const tt=m.memo(nt);function nt({eventId:t,cue:s,flag:a,title:n,note:o,colour:l}){const{updateEntry:i}=T(),c=(b,d)=>{i({id:t,cue:Ne(d)})},h=b=>{i({id:t,flag:b})},x=(b,d)=>{i({id:t,[b]:d})};return e.jsxs("div",{className:u.column,children:[e.jsx(p,{children:"Event Data"}),e.jsxs("div",{className:u.splitThree,children:[e.jsxs("div",{children:[e.jsx(g,{htmlFor:"eventId",children:"Event ID (read only)"}),e.jsx(B,{id:"eventId","data-testid":"input-textfield",value:t,readOnly:!0,fluid:!0})]}),e.jsx(L,{field:"cue",label:"Cue",initialValue:s,submitHandler:c,maxLength:10}),e.jsxs("div",{children:[e.jsx(g,{htmlFor:"flag",children:"Flag"}),e.jsxs(g,{className:u.switchLabel,children:[e.jsx(ae,{id:"flag",checked:a,onCheckedChange:h}),a?"On":"Off"]})]})]}),e.jsxs("div",{children:[e.jsx(g,{children:"Colour"}),e.jsx(Q,{name:"colour",value:l,handleChange:x})]}),e.jsx(L,{field:"title",label:"Title",initialValue:n,submitHandler:x}),e.jsx(G,{field:"note",label:"Note",initialValue:o,submitHandler:x})]})}const st=[N.onLoad,N.onStart,N.onPause,N.onFinish,N.onWarning,N.onDanger],at="_triggerForm_l7413_17",it="_trigger_l7413_17",rt="_errorLabel_l7413_38",lt="_success_l7413_42",M={triggerForm:at,trigger:it,errorLabel:rt,success:lt};function ct({triggers:t,eventId:s}){const a=t.length>0;return e.jsxs(e.Fragment,{children:[a&&e.jsx(dt,{triggers:t,eventId:s}),e.jsx(ot,{triggers:t,eventId:s})]})}function ot({eventId:t,triggers:s}){const{data:a}=re(),{updateEntry:n}=T(),[o,l]=m.useState(void 0),[i,c]=m.useState(N.onStart),h=(r,f)=>{const y=s??new Array,v=pe();y.push({id:v,title:"",trigger:r,automationId:f}),n({id:t,triggers:y})},b=((r,f)=>{if(f===void 0)return"Select an automation";if(!Object.keys(a.automations).includes(f))return"This automation does not exist";if(s!==void 0)return Object.values(s).some(y=>y.automationId===f&&y.trigger===r)?"Automation can only be used once":void 0})(i,o),d=m.useMemo(()=>[{value:null,label:"Select Trigger"},...st.map(r=>({value:r,label:r}))],[]),j=m.useMemo(()=>[{value:null,label:"Select Automation"},...Object.values(a.automations).map(({id:r,title:f})=>({value:r,label:f}))],[a.automations]);return e.jsxs("div",{className:M.triggerForm,children:[e.jsx(R,{value:i,onValueChange:r=>{r!==null&&c(r)},options:d}),e.jsx(R,{value:o??null,onValueChange:r=>{r!==null&&l(r)},options:j}),e.jsx(_e,{disabled:b!==void 0,onClick:()=>o&&h(i,o),children:"Add"}),b!==void 0?e.jsx(I,{text:b,render:e.jsx("span",{}),children:e.jsx(je,{className:M.errorLabel})}):e.jsx(be,{className:M.success})]})}function dt({eventId:t,triggers:s}){const{updateEntry:a}=T(),{data:n}=re(),o=m.useCallback(i=>{const c=s.filter(h=>h.id!==i);a({id:t,triggers:c})},[t,s,a]),l={};return Ce.forEach(i=>{const c=s.filter(h=>h.trigger===i);c.length&&Object.assign(l,{[i]:c})}),e.jsx("div",{children:Object.entries(l).map(([i,c])=>e.jsx(m.Fragment,{children:c.map(h=>{var j;const{id:x,automationId:b}=h,d=((j=n.automations[b])==null?void 0:j.title)??"<MISSING AUTOMATION>";return e.jsxs("div",{className:M.trigger,children:[e.jsx(te,{children:i}),e.jsx(te,{children:d}),e.jsx(F,{variant:"ghosted-destructive",onClick:()=>o(x),children:e.jsx(xe,{})})]},x)})},i))})}function At({event:t}){const{data:s}=J(),{updateEntry:a}=T(),n=window.location.pathname.includes("editor"),o=m.useCallback((l,i)=>{if(l.startsWith("custom-")){const c=l.split("custom-")[1];a({id:t.id,custom:{[c]:i}})}else a({id:t.id,[l]:i})},[t.id,a]);return e.jsxs("div",{className:u.content,children:[e.jsx(Ze,{eventId:t.id,timeStart:t.timeStart,timeEnd:t.timeEnd,duration:t.duration,timeStrategy:t.timeStrategy,linkStart:t.linkStart,countToEnd:t.countToEnd,delay:t.delay,endAction:t.endAction,timerType:t.timerType,timeWarning:t.timeWarning,timeDanger:t.timeDanger},`${t.id}-times`),e.jsx(tt,{eventId:t.id,cue:t.cue,flag:t.flag,title:t.title,note:t.note,colour:t.colour},`${t.id}-titles`),e.jsxs("div",{className:u.column,children:[e.jsxs(p,{children:["Custom Fields",n&&e.jsx(W,{search:"settings=manage__custom",children:"Manage Custom Fields"})]}),e.jsx(X,{fields:s,handleSubmit:o,entry:t})]}),e.jsxs("div",{className:u.column,children:[e.jsxs(p,{children:["Automations",n&&e.jsx(W,{search:"settings=automation",children:"Manage Automations"})]}),e.jsx(ct,{triggers:t.triggers,eventId:t.id})]})]})}const ut="_blink_1qqxl_1",mt="_fourtyfive_1qqxl_13",ht="_textInput_1qqxl_18",xt="_under_1qqxl_31",jt="_over_1qqxl_34",bt="_muted_1qqxl_37",gt="_disabled_1qqxl_40",$={blink:ut,fourtyfive:mt,textInput:ht,under:xt,over:jt,muted:bt,disabled:gt},ce=m.forwardRef(({offset:t,muted:s,disabled:a,children:n,className:o,...l},i)=>{const c=m.useRef(null),h=A([$.textInput,t&&$[t],s&&$.muted,a&&$.disabled,o]);return m.useImperativeHandle(i,()=>({focusParentElement(){var x,b;(b=(x=c.current)==null?void 0:x.parentElement)==null||b.focus()}})),e.jsx("div",{className:h,tabIndex:a?-1:0,...l,ref:c,children:n})});ce.displayName="TextLikeInput";const V=m.memo(ce);function vt({id:t,name:s,submitHandler:a,time:n,emptyDisplay:o,placeholder:l,disabled:i,align:c="center",className:h}){const x=m.useRef(null),[b,d]=m.useState(""),j=m.useRef(!1),r=m.useCallback(()=>{typeof n!="number"||isNaN(n)?d(o):d(w(n))},[o,n]),f=m.useCallback(()=>{var _;(_=x.current)==null||_.select()},[]),y=m.useCallback(_=>{if(_===""&&n===null)return!1;const D=ie(_);return D===n?!1:(a(s,D),!0)},[s,a,n]),v=m.useCallback(_=>{y(_)||r()},[y,r]),E=m.useCallback(_=>{var D,Y;_.key==="Enter"&&((D=x.current)==null||D.blur()),_.key==="Escape"&&(j.current=!0,(Y=x.current)==null||Y.blur(),r())},[r]),k=m.useCallback(_=>{if(j.current){j.current=!1;return}v(_.target.value)},[v]);return m.useEffect(()=>{r()},[r]),e.jsx(B,{id:t,disabled:i,ref:x,"data-testid":`time-input-${s}`,className:A([ge.timeInput,h]),placeholder:l,onFocus:f,onChange:_=>d(_.target.value),onBlur:k,onKeyDown:E,value:b,maxLength:8,autoComplete:"off",style:{textAlign:c}})}function ft({duration:t,targetDuration:s,submitHandler:a}){const n=s!==null;return e.jsxs("div",{children:[e.jsx(g,{htmlFor:"targetDuration",children:"Target duration"}),e.jsxs(q,{hasDelay:n&&s!==t,children:[e.jsx(vt,{name:"targetDuration",time:s,submitHandler:a,emptyDisplay:z,className:n?"":u.inactive}),e.jsx(I,{text:"Lock to target duration",className:A([u.timeAction,n&&u.active]),onClick:()=>a("targetDuration",n?null:t),"data-testid":"lock__duration",render:e.jsx(F,{variant:"subtle-white",className:n?u.active:u.inactive}),children:n?e.jsx(U,{}):e.jsx(K,{})})]})]})}function Ot({group:t}){const{data:s}=J(),{updateEntry:a}=T(),n=m.useCallback((c,h)=>{if(typeof c=="string"&&c.startsWith("custom-")){const x=c.split("custom-")[1];a({id:t.id,custom:{[x]:h}});return}return a(c==="targetDuration"?{id:t.id,targetDuration:h}:{id:t.id,[c]:h})},[t.id,a]),o=window.location.pathname.includes("editor"),l=t.targetDuration===null?null:t.duration-t.targetDuration,i=l!==null?Ee(l):null;return e.jsxs("div",{className:u.content,children:[e.jsxs("div",{className:u.column,children:[e.jsx(p,{children:"Group schedule"}),e.jsxs("div",{className:u.inline,children:[e.jsxs("div",{children:[e.jsx(g,{children:"First event start"}),e.jsx(V,{className:u.textLikeInput,disabled:!0,children:w(t.timeStart,{fallback:ee})})]}),e.jsxs("div",{children:[e.jsx(g,{children:"Last event end"}),e.jsx(V,{className:u.textLikeInput,disabled:!0,children:w(t.timeEnd,{fallback:ee})})]}),e.jsxs("div",{children:[e.jsx(g,{htmlFor:"duration",children:"Scheduled duration"}),e.jsx(V,{className:u.textLikeInput,disabled:!0,children:w(t.duration,{fallback:z})})]})]}),e.jsxs("div",{className:u.inline,children:[e.jsxs("div",{children:[e.jsx(g,{htmlFor:"eventId",children:"Plan offset"}),e.jsxs(V,{offset:i,className:A([u.textLikeInput,l===null&&u.inactive]),disabled:!0,children:[l!==null&&l>0?"+":"",w(l,{fallback:z})]})]}),e.jsx(ft,{duration:t.duration,targetDuration:t.targetDuration,submitHandler:n})]})]}),e.jsxs("div",{className:u.column,children:[e.jsx(p,{children:"Group data"}),e.jsxs("div",{children:[e.jsx(g,{children:"Colour"}),e.jsx(Q,{name:"colour",value:t.colour,handleChange:n})]}),e.jsx(L,{field:"title",label:"Title",initialValue:t.title,submitHandler:n}),e.jsx(G,{field:"note",label:"Note",initialValue:t.note,submitHandler:n})]}),e.jsxs("div",{className:u.column,children:[e.jsxs(p,{children:["Custom Fields",o&&e.jsx(W,{search:"settings=manage__custom",children:"Manage Custom Fields"})]}),e.jsx(X,{fields:s,handleSubmit:n,entry:t})]})]})}function Ht({milestone:t}){const{data:s}=J(),{updateEntry:a}=T(),n=m.useCallback((l,i)=>{if(typeof l=="string"&&l.startsWith("custom-")){const c=l.split("custom-")[1];a({id:t.id,custom:{[c]:i}});return}return a({id:t.id,[l]:i})},[t.id,a]),o=window.location.pathname.includes("editor");return e.jsxs("div",{className:u.content,children:[e.jsxs("div",{className:u.column,children:[e.jsx(p,{children:"Milestone data"}),e.jsxs("div",{className:u.splitTwo,children:[e.jsxs("div",{children:[e.jsx(g,{htmlFor:"entryId",children:"Milestone ID (read only)"}),e.jsx(B,{id:"entryId","data-testid":"input-textfield",value:t.id,readOnly:!0,fluid:!0})]}),e.jsx(L,{field:"cue",label:"Cue",initialValue:t.cue,submitHandler:n,maxLength:10})]}),e.jsxs("div",{children:[e.jsx(g,{children:"Colour"}),e.jsx(Q,{name:"colour",value:t.colour,handleChange:n})]}),e.jsx(L,{field:"title",label:"Title",initialValue:t.title,submitHandler:n}),e.jsx(G,{field:"note",label:"Note",initialValue:t.note,submitHandler:n})]}),e.jsxs("div",{className:u.column,children:[e.jsxs(p,{children:["Custom Fields",o&&e.jsx(W,{search:"settings=manage__custom",children:"Manage Custom Fields"})]}),e.jsx(X,{fields:s,handleSubmit:n,entry:t})]})]})}export{De as A,At as E,Ot as G,Ht as M,V as T,Xe as a,u as s,le as u};
+//# sourceMappingURL=MilestoneEditor-GkzJ-h1C.js.map