Files
owncast/static/web/_next/static/chunks/pages/admin/config-notify-b525013f97b7a9a9.js
2022-11-23 18:55:53 +00:00

1 line
19 KiB
JavaScript

(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4440],{24308:function(e,n,t){"use strict";t.d(n,{c4:function(){return i}});var a=t(4942),r=t(87462),i=["xxl","xl","lg","md","sm","xs"],s={xs:"(max-width: 575px)",sm:"(min-width: 576px)",md:"(min-width: 768px)",lg:"(min-width: 992px)",xl:"(min-width: 1200px)",xxl:"(min-width: 1600px)"},l=new Map,o=-1,c={};n.ZP={matchHandlers:{},dispatch:function(e){return c=e,l.forEach(function(e){return e(c)}),l.size>=1},subscribe:function(e){return l.size||this.register(),o+=1,l.set(o,e),e(c),o},unsubscribe:function(e){l.delete(e),l.size||this.unregister()},unregister:function(){var e=this;Object.keys(s).forEach(function(n){var t=s[n],a=e.matchHandlers[t];null==a||a.mql.removeListener(null==a?void 0:a.listener)}),l.clear()},register:function(){var e=this;Object.keys(s).forEach(function(n){var t=s[n],i=function(t){var i=t.matches;e.dispatch((0,r.Z)((0,r.Z)({},c),(0,a.Z)({},n,i)))},l=window.matchMedia(t);l.addListener(i),e.matchHandlers[t]={mql:l,listener:i},i(l)})}}},15746:function(e,n,t){"use strict";var a=t(21584);n.Z=a.Z},99134:function(e,n,t){"use strict";var a=(0,t(67294).createContext)({});n.Z=a},21584:function(e,n,t){"use strict";var a=t(4942),r=t(87462),i=t(71002),s=t(94184),l=t.n(s),o=t(67294),c=t(53124),d=t(99134),u=function(e,n){var t={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&0>n.indexOf(a)&&(t[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var r=0,a=Object.getOwnPropertySymbols(e);r<a.length;r++)0>n.indexOf(a[r])&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(t[a[r]]=e[a[r]]);return t},f=["xs","sm","md","lg","xl","xxl"],p=o.forwardRef(function(e,n){var t,s=o.useContext(c.E_),p=s.getPrefixCls,h=s.direction,m=o.useContext(d.Z),x=m.gutter,v=m.wrap,g=m.supportFlexGap,b=e.prefixCls,y=e.span,j=e.order,Z=e.offset,w=e.push,k=e.pull,C=e.className,N=e.children,E=e.flex,S=e.style,T=u(e,["prefixCls","span","order","offset","push","pull","className","children","flex","style"]),O=p("col",b),P={};f.forEach(function(n){var t,s={},l=e[n];"number"==typeof l?s.span=l:"object"===(0,i.Z)(l)&&(s=l||{}),delete T[n],P=(0,r.Z)((0,r.Z)({},P),(t={},(0,a.Z)(t,"".concat(O,"-").concat(n,"-").concat(s.span),void 0!==s.span),(0,a.Z)(t,"".concat(O,"-").concat(n,"-order-").concat(s.order),s.order||0===s.order),(0,a.Z)(t,"".concat(O,"-").concat(n,"-offset-").concat(s.offset),s.offset||0===s.offset),(0,a.Z)(t,"".concat(O,"-").concat(n,"-push-").concat(s.push),s.push||0===s.push),(0,a.Z)(t,"".concat(O,"-").concat(n,"-pull-").concat(s.pull),s.pull||0===s.pull),(0,a.Z)(t,"".concat(O,"-rtl"),"rtl"===h),t))});var _=l()(O,(t={},(0,a.Z)(t,"".concat(O,"-").concat(y),void 0!==y),(0,a.Z)(t,"".concat(O,"-order-").concat(j),j),(0,a.Z)(t,"".concat(O,"-offset-").concat(Z),Z),(0,a.Z)(t,"".concat(O,"-push-").concat(w),w),(0,a.Z)(t,"".concat(O,"-pull-").concat(k),k),t),C,P),L={};if(x&&x[0]>0){var I=x[0]/2;L.paddingLeft=I,L.paddingRight=I}if(x&&x[1]>0&&!g){var F=x[1]/2;L.paddingTop=F,L.paddingBottom=F}return E&&(L.flex="number"==typeof E?"".concat(E," ").concat(E," auto"):/^\d+(\.\d+)?(px|em|rem|%)$/.test(E)?"0 0 ".concat(E):E,!1!==v||L.minWidth||(L.minWidth=0)),o.createElement("div",(0,r.Z)({},T,{style:(0,r.Z)((0,r.Z)({},L),S),className:_,ref:n}),N)});n.Z=p},92820:function(e,n,t){"use strict";var a=t(87462),r=t(4942),i=t(71002),s=t(97685),l=t(94184),o=t.n(l),c=t(67294),d=t(53124),u=t(98082),f=t(24308),p=t(93355),h=t(99134),m=function(e,n){var t={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&0>n.indexOf(a)&&(t[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var r=0,a=Object.getOwnPropertySymbols(e);r<a.length;r++)0>n.indexOf(a[r])&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(t[a[r]]=e[a[r]]);return t};function x(e,n){var t=c.useState("string"==typeof e?e:""),a=(0,s.Z)(t,2),r=a[0],l=a[1],o=function(){if("object"===(0,i.Z)(e))for(var t=0;t<f.c4.length;t++){var a=f.c4[t];if(n[a]){var r=e[a];if(void 0!==r){l(r);return}}}};return c.useEffect(function(){o()},[JSON.stringify(e),n]),r}(0,p.b)("top","middle","bottom","stretch"),(0,p.b)("start","end","center","space-around","space-between","space-evenly");var v=c.forwardRef(function(e,n){var t,l,p=e.prefixCls,v=e.justify,g=e.align,b=e.className,y=e.style,j=e.children,Z=e.gutter,w=void 0===Z?0:Z,k=e.wrap,C=m(e,["prefixCls","justify","align","className","style","children","gutter","wrap"]),N=c.useContext(d.E_),E=N.getPrefixCls,S=N.direction,T=c.useState({xs:!0,sm:!0,md:!0,lg:!0,xl:!0,xxl:!0}),O=(0,s.Z)(T,2),P=O[0],_=O[1],L=c.useState({xs:!1,sm:!1,md:!1,lg:!1,xl:!1,xxl:!1}),I=(0,s.Z)(L,2),F=I[0],D=I[1],q=x(g,F),A=x(v,F),U=(0,u.Z)(),R=c.useRef(w);c.useEffect(function(){var e=f.ZP.subscribe(function(e){D(e);var n=R.current||0;(!Array.isArray(n)&&"object"===(0,i.Z)(n)||Array.isArray(n)&&("object"===(0,i.Z)(n[0])||"object"===(0,i.Z)(n[1])))&&_(e)});return function(){return f.ZP.unsubscribe(e)}},[]);var z=E("row",p),M=(t=[void 0,void 0],(Array.isArray(w)?w:[w,void 0]).forEach(function(e,n){if("object"===(0,i.Z)(e))for(var a=0;a<f.c4.length;a++){var r=f.c4[a];if(P[r]&&void 0!==e[r]){t[n]=e[r];break}}else t[n]=e}),t),$=o()(z,(l={},(0,r.Z)(l,"".concat(z,"-no-wrap"),!1===k),(0,r.Z)(l,"".concat(z,"-").concat(A),A),(0,r.Z)(l,"".concat(z,"-").concat(q),q),(0,r.Z)(l,"".concat(z,"-rtl"),"rtl"===S),l),b),H={},K=null!=M[0]&&M[0]>0?-(M[0]/2):void 0,B=null!=M[1]&&M[1]>0?-(M[1]/2):void 0;if(K&&(H.marginLeft=K,H.marginRight=K),U){var G=(0,s.Z)(M,2);H.rowGap=G[1]}else B&&(H.marginTop=B,H.marginBottom=B);var J=(0,s.Z)(M,2),V=J[0],W=J[1],X=c.useMemo(function(){return{gutter:[V,W],wrap:k,supportFlexGap:U}},[V,W,k,U]);return c.createElement(h.Z.Provider,{value:X},c.createElement("div",(0,a.Z)({},C,{className:$,style:(0,a.Z)((0,a.Z)({},H),y),ref:n}),j))});n.Z=v},71230:function(e,n,t){"use strict";var a=t(92820);n.Z=a.Z},94594:function(e,n,t){"use strict";t.d(n,{Z:function(){return y}});var a=t(87462),r=t(4942),i=t(50888),s=t(94184),l=t.n(s),o=t(97685),c=t(45987),d=t(67294),u=t(21770),f=t(15105),p=d.forwardRef(function(e,n){var t,a=e.prefixCls,i=void 0===a?"rc-switch":a,s=e.className,p=e.checked,h=e.defaultChecked,m=e.disabled,x=e.loadingIcon,v=e.checkedChildren,g=e.unCheckedChildren,b=e.onClick,y=e.onChange,j=e.onKeyDown,Z=(0,c.Z)(e,["prefixCls","className","checked","defaultChecked","disabled","loadingIcon","checkedChildren","unCheckedChildren","onClick","onChange","onKeyDown"]),w=(0,u.Z)(!1,{value:p,defaultValue:h}),k=(0,o.Z)(w,2),C=k[0],N=k[1];function E(e,n){var t=C;return m||(N(t=e),null==y||y(t,n)),t}var S=l()(i,s,(t={},(0,r.Z)(t,"".concat(i,"-checked"),C),(0,r.Z)(t,"".concat(i,"-disabled"),m),t));return d.createElement("button",Object.assign({},Z,{type:"button",role:"switch","aria-checked":C,disabled:m,className:S,ref:n,onKeyDown:function(e){e.which===f.Z.LEFT?E(!1,e):e.which===f.Z.RIGHT&&E(!0,e),null==j||j(e)},onClick:function(e){var n=E(!C,e);null==b||b(n,e)}}),x,d.createElement("span",{className:"".concat(i,"-inner")},C?v:g))});p.displayName="Switch";var h=t(53124),m=t(98866),x=t(97647),v=t(68349),g=function(e,n){var t={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&0>n.indexOf(a)&&(t[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var r=0,a=Object.getOwnPropertySymbols(e);r<a.length;r++)0>n.indexOf(a[r])&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(t[a[r]]=e[a[r]]);return t},b=d.forwardRef(function(e,n){var t,s=e.prefixCls,o=e.size,c=e.disabled,u=e.loading,f=e.className,b=g(e,["prefixCls","size","disabled","loading","className"]),y=d.useContext(h.E_),j=y.getPrefixCls,Z=y.direction,w=d.useContext(x.Z),k=d.useContext(m.Z),C=j("switch",s),N=d.createElement("div",{className:"".concat(C,"-handle")},u&&d.createElement(i.Z,{className:"".concat(C,"-loading-icon")})),E=l()((t={},(0,r.Z)(t,"".concat(C,"-small"),"small"===(o||w)),(0,r.Z)(t,"".concat(C,"-loading"),u),(0,r.Z)(t,"".concat(C,"-rtl"),"rtl"===Z),t),void 0===f?"":f);return d.createElement(v.Z,{insertExtraNode:!0},d.createElement(p,(0,a.Z)({},b,{prefixCls:C,className:E,disabled:(null!=c?c:k)||u,ref:n,loadingIcon:N})))});b.__ANT_SWITCH=!0;var y=b},7148:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/admin/config-notify",function(){return t(4737)}])},73706:function(e,n,t){"use strict";t.d(n,{Z:function(){return d}});var a=t(85893),r=t(67294),i=t(94594),s=t(41983),l=t(39664),o=t(90745),c=t(99519);let d=e=>{let{apiPath:n,checked:t,reversed:d=!1,configPath:u="",disabled:f=!1,fieldName:p,label:h,tip:m,useSubmit:x,onChange:v}=e,[g,b]=(0,r.useState)(null),y=null,j=(0,r.useContext)(c.aC),{setFieldInConfigState:Z}=j||{},w=()=>{b(null),clearTimeout(y),y=null},k=async e=>{if(x){b((0,s.kg)(s.Jk));let t=d?!e:e;await (0,o.Si)({apiPath:n,data:{value:t},onSuccess(){Z({fieldName:p,value:t,path:u}),b((0,s.kg)(s.zv))},onError(e){b((0,s.kg)(s.Un,"There was an error: ".concat(e)))}}),y=setTimeout(w,o.sI)}v&&v(e)},C=null!==g&&g.type===s.Jk;return(0,a.jsxs)("div",{className:"formfield-container toggleswitch-container",children:[h&&(0,a.jsx)("div",{className:"label-side",children:(0,a.jsx)("span",{className:"formfield-label",children:h})}),(0,a.jsxs)("div",{className:"input-side",children:[(0,a.jsxs)("div",{className:"input-group",children:[(0,a.jsx)(i.Z,{className:"switch field-".concat(p),loading:C,onChange:k,defaultChecked:t,checked:t,checkedChildren:"ON",unCheckedChildren:"OFF",disabled:f}),(0,a.jsx)(l.E,{status:g})]}),(0,a.jsx)("p",{className:"field-tip",children:m})]})]})};d.defaultProps={apiPath:"",checked:!1,reversed:!1,configPath:"",disabled:!1,label:"",tip:"",useSubmit:!1,onChange:null}},4737:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return T}});var a=t(85893),r=t(84485),i=t(14670),s=t(71230),l=t(15746),o=t(71577),c=t(67294),d=t(41664),u=t.n(d),f=t(99519),p=t(40117),h=t(39664),m=t(90745),x=t(73706),v=t(41983);let{Title:g}=r.Z,b=()=>{let e=(0,c.useContext)(f.aC),{serverConfig:n,setFieldInConfigState:t}=e||{},{notifications:r}=n||{},{discord:i}=r||{},{enabled:s,webhook:l,goLiveMessage:d}=i||{},[u,b]=(0,c.useState)({}),[y,j]=(0,c.useState)(null),[Z,w]=(0,c.useState)(!1);(0,c.useEffect)(()=>{b({enabled:s,webhook:l,goLiveMessage:d})},[r,i]);let k=()=>""!==l&&""!==d,C=e=>{let{fieldName:n,value:t}=e;b({...u,[n]:t}),w(k())},N=()=>{j(null),clearTimeout(null)},E=async()=>{await (0,m.Si)({apiPath:"/notifications/discord",data:{value:u},onSuccess(){t({fieldName:"discord",value:u,path:"notifications"}),j((0,v.kg)(v.zv,"Updated.")),setTimeout(N,m.sI)},onError(e){j((0,v.kg)(v.Un,e)),setTimeout(N,m.sI)}})},S=e=>{C({fieldName:"enabled",value:e})};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(g,{children:"Discord"}),(0,a.jsx)("p",{className:"description reduced-margins",children:"Let your Discord channel know each time you go live."}),(0,a.jsxs)("p",{className:"description reduced-margins",children:[(0,a.jsx)("a",{href:"https://support.discord.com/hc/en-us/articles/228383668",target:"_blank",rel:"noreferrer",children:"Create a webhook"})," ","under ",(0,a.jsx)("i",{children:"Edit Channel / Integrations"})," on your Discord channel and provide it below."]}),(0,a.jsx)(x.Z,{apiPath:"",fieldName:"discordEnabled",label:"Enable Discord",checked:u.enabled,onChange:S}),(0,a.jsx)("div",{style:{display:u.enabled?"block":"none"},children:(0,a.jsx)(p.nv,{...m.oy.webhookUrl,required:!0,value:u.webhook,onChange:C})}),(0,a.jsx)("div",{style:{display:u.enabled?"block":"none"},children:(0,a.jsx)(p.nv,{...m.oy.goLiveMessage,required:!0,value:u.goLiveMessage,onChange:C})}),(0,a.jsx)(o.Z,{type:"primary",onClick:E,style:{display:Z?"inline-block":"none",position:"relative",marginLeft:"auto",right:"0",marginTop:"20px"},children:"Save"}),(0,a.jsx)(h.E,{status:y})]})},{Title:y}=r.Z,j=()=>{let e=(0,c.useContext)(f.aC),{serverConfig:n,setFieldInConfigState:t}=e||{},{notifications:r}=n||{},{browser:i}=r||{},{enabled:s,goLiveMessage:l}=i||{},[d,u]=(0,c.useState)({}),[g,b]=(0,c.useState)(null),[j,Z]=(0,c.useState)(!1);(0,c.useEffect)(()=>{u({enabled:s,goLiveMessage:l})},[r,i]);let w=()=>!0,k=e=>{let{fieldName:n,value:t}=e;console.log(n,t),u({...d,[n]:t}),Z(w())},C=e=>{k({fieldName:"enabled",value:e})},N=()=>{b(null),clearTimeout(null)},E=async()=>{await (0,m.Si)({apiPath:"/notifications/browser",data:{value:d},onSuccess(){t({fieldName:"browser",value:d,path:"notifications"}),b((0,v.kg)(v.zv,"Updated.")),setTimeout(N,m.sI)},onError(e){b((0,v.kg)(v.Un,e)),setTimeout(N,m.sI)}})};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(y,{children:"Browser Alerts"}),(0,a.jsx)("p",{className:"description reduced-margins",children:"Viewers can opt into being notified when you go live with their browser."}),(0,a.jsx)("p",{className:"description reduced-margins",children:"Not all browsers support this."}),(0,a.jsx)(x.Z,{apiPath:"",fieldName:"enabled",label:"Enable browser notifications",onChange:C,checked:d.enabled}),(0,a.jsx)("div",{style:{display:d.enabled?"block":"none"},children:(0,a.jsx)(p.nv,{...m.mv.goLiveMessage,required:!0,type:p.Sk,value:d.goLiveMessage,onChange:k})}),(0,a.jsx)(o.Z,{type:"primary",style:{display:j?"inline-block":"none",position:"relative",marginLeft:"auto",right:"0",marginTop:"20px"},onClick:E,children:"Save"}),(0,a.jsx)(h.E,{status:g})]})};var Z=t(10135);let{Title:w}=r.Z,k=()=>{let e=(0,c.useContext)(f.aC),{serverConfig:n,setFieldInConfigState:t}=e||{},{notifications:r}=n||{},{twitter:i}=r||{},[s,l]=(0,c.useState)({}),[d,u]=(0,c.useState)(null),[g,b]=(0,c.useState)(!1);(0,c.useEffect)(()=>{let{enabled:e,apiKey:n,apiSecret:t,accessToken:a,accessTokenSecret:r,bearerToken:s,goLiveMessage:o}=i||{};l({enabled:e,apiKey:n,apiSecret:t,accessToken:a,accessTokenSecret:r,bearerToken:s,goLiveMessage:o})},[i]);let y=()=>{let{enabled:e,apiKey:n,apiSecret:t,accessToken:a,accessTokenSecret:r,bearerToken:i,goLiveMessage:l}=s;return e&&!!n&&!!t&&!!a&&!!r&&!!i&&!!l},j=e=>{let{fieldName:n,value:t}=e;l({...s,[n]:t}),b(y())},k=e=>{let n=s.enabled;return j({fieldName:"enabled",value:e}),e!==n},C=()=>{u(null),clearTimeout(null),b(!1)},N=async()=>{await (0,m.Si)({apiPath:"/notifications/twitter",data:{value:s},onSuccess(){t({fieldName:"twitter",value:s,path:"notifications"}),u((0,v.kg)(v.zv,"Updated.")),setTimeout(C,m.sI)},onError(e){u((0,v.kg)(v.Un,e)),setTimeout(C,m.sI)}})};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(w,{children:"Twitter"}),(0,a.jsx)("p",{className:"description reduced-margins",children:"Let your Twitter followers know each time you go live."}),(0,a.jsxs)("div",{style:{display:s.enabled?"block":"none"},children:[(0,a.jsxs)("p",{className:"description reduced-margins",children:[(0,a.jsx)("a",{href:"https://owncast.online/docs/notifications",target:"_blank",rel:"noreferrer",children:"Read how to configure your Twitter account"})," ","to support posting from Owncast."]}),(0,a.jsxs)("p",{className:"description reduced-margins",children:[(0,a.jsx)("a",{href:"https://developer.twitter.com/en/portal/dashboard",target:"_blank",rel:"noreferrer",children:"And then get your Twitter developer credentials"})," ","to fill in below."]})]}),(0,a.jsx)(x.Z,{apiPath:"",fieldName:"enabled",label:"Enable Twitter",onChange:k,checked:s.enabled}),(0,a.jsx)("div",{style:{display:s.enabled?"block":"none"},children:(0,a.jsx)(p.nv,{...m.$Z.apiKey,required:!0,value:s.apiKey,onChange:j})}),(0,a.jsx)("div",{style:{display:s.enabled?"block":"none"},children:(0,a.jsx)(p.nv,{...m.$Z.apiSecret,type:p.A8,required:!0,value:s.apiSecret,onChange:j})}),(0,a.jsx)("div",{style:{display:s.enabled?"block":"none"},children:(0,a.jsx)(p.nv,{...m.$Z.accessToken,required:!0,value:s.accessToken,onChange:j})}),(0,a.jsx)("div",{style:{display:s.enabled?"block":"none"},children:(0,a.jsx)(p.nv,{...m.$Z.accessTokenSecret,type:p.A8,required:!0,value:s.accessTokenSecret,onChange:j})}),(0,a.jsx)("div",{style:{display:s.enabled?"block":"none"},children:(0,a.jsx)(p.nv,{...m.$Z.bearerToken,required:!0,value:s.bearerToken,onChange:j})}),(0,a.jsx)("div",{style:{display:s.enabled?"block":"none"},children:(0,a.jsx)(p.nv,{...m.$Z.goLiveMessage,type:Z.Kx,required:!0,value:s.goLiveMessage,onChange:j})}),(0,a.jsx)(o.Z,{type:"primary",onClick:N,style:{display:g?"inline-block":"none",position:"relative",marginLeft:"auto",right:"0",marginTop:"20px"},children:"Save"}),(0,a.jsx)(h.E,{status:d})]})},{Title:C}=r.Z,N=()=>{let e=(0,c.useContext)(f.aC),{serverConfig:n}=e||{},{federation:t}=n||{},{enabled:r}=t||{},[i,s]=(0,c.useState)({});return(0,c.useEffect)(()=>{s({enabled:r})},[r]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(C,{children:"Fediverse Social"}),(0,a.jsx)("p",{className:"description",children:"Enabling the Fediverse social features will not just alert people to when you go live, but also enable other functionality."}),(0,a.jsxs)("p",{children:["Fediverse social features:"," ",(0,a.jsx)("span",{style:{color:t.enabled?"green":"red"},children:i.enabled?"Enabled":"Disabled"})]}),(0,a.jsx)(u(),{passHref:!0,href:"/config-federation",children:(0,a.jsx)(o.Z,{type:"primary",style:{position:"relative",marginLeft:"auto",right:"0",marginTop:"20px"},children:"Configure"})})]})};var E=t(37174);let{Title:S}=r.Z;function T(){let[e,n]=(0,c.useState)(null),t=(0,c.useContext)(f.aC),{serverConfig:r}=t||{},{yp:d}=r,{instanceUrl:p}=d,[h,x]=(0,c.useState)(!1);(0,c.useEffect)(()=>{n({instanceUrl:p})},[d]);let v=()=>{h&&n({...e,enabled:!1})},g=t=>{let{fieldName:a,value:r}=t;x((0,E.Z)(r)),n({...e,[a]:r})},y=""!==p,w=!y&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.Z,{message:"You must set your server URL before you can enable this feature.",type:"warning",showIcon:!0}),(0,a.jsx)("br",{}),(0,a.jsx)(Z.$7,{fieldName:"instanceUrl",...m.yi,value:(null==e?void 0:e.instanceUrl)||"",initialValue:d.instanceUrl,type:Z.xA,onChange:g,onSubmit:v,required:!0})]});return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(S,{children:"Notifications"}),(0,a.jsxs)("p",{className:"description",children:["Let your viewers know when you go live by supporting any of the below notification channels."," ",(0,a.jsx)("a",{href:"https://owncast.online/docs/notifications/?source=admin",target:"_blank",rel:"noopener noreferrer",children:"Learn more about live notifications."})]}),w,(0,a.jsxs)(s.Z,{children:[(0,a.jsx)(l.Z,{span:10,className:"form-module ".concat(y?"":"disabled"),style:{margin:"5px",display:"flex",flexDirection:"column"},children:(0,a.jsx)(j,{})}),(0,a.jsx)(l.Z,{span:10,className:"form-module ".concat(y?"":"disabled"),style:{margin:"5px",display:"flex",flexDirection:"column"},children:(0,a.jsx)(k,{})}),(0,a.jsx)(l.Z,{span:10,className:"form-module ".concat(y?"":"disabled"),style:{margin:"5px",display:"flex",flexDirection:"column"},children:(0,a.jsx)(b,{})}),(0,a.jsx)(l.Z,{span:10,className:"form-module ".concat(y?"":"disabled"),style:{margin:"5px",display:"flex",flexDirection:"column"},children:(0,a.jsx)(N,{})}),(0,a.jsxs)(l.Z,{span:10,className:"form-module ".concat(y?"":"disabled"),style:{margin:"5px",display:"flex",flexDirection:"column"},children:[(0,a.jsx)(S,{children:"Custom"}),(0,a.jsx)("p",{className:"description",children:"Build your own notifications by using custom webhooks."}),(0,a.jsx)(u(),{passHref:!0,href:"/webhooks",children:(0,a.jsx)(o.Z,{type:"primary",style:{position:"relative",marginLeft:"auto",right:"0",marginTop:"20px"},children:"Create"})})]})]})]})}}},function(e){e.O(0,[9774,2888,179],function(){return e(e.s=7148)}),_N_E=e.O()}]);