https://snich.ai/assets/SiteEmbed-cde56f99.js

1import{r as o,j as e}from"./vendor-react-72e4a099.js";import{l as se}from"./index-d9998155.js";import{u as fe,c as ie,B as L,f as te,F as J,I as W}from"./Toast-43ee7788.js";import{u as he,a as xe,b as ge,c as ne,S as je}from"./StudioRealtime-3ad3f1c0.js";import{a as ve,V as ye,b as we}from"./ViewerQuestions-10e8edd1.js";import{u as be,V as Ne}from"./ViewerPoll-f209eb79.js";import{P as Ie}from"./LandingView-54e2e5c3.js";import{z as Se}from"./EventPreview-a5c61118.js";import{e as ke,h as re,a as ce}from"./buildLifecycle-a44b0e05.js";import{R as Ce}from"./radio-dc3b7f8c.js";import{C as Pe}from"./calendar-days-6829c81b.js";import{E as oe}from"./external-link-63c5a0ce.js";import{W as Ee}from"./wifi-off-4fc4a3bc.js";import{U as le}from"./user-round-31d3de96.js";import{S as Me}from"./shield-check-111738a3.js";import"./createLucideIcon-581cd729.js";import"./eye-5711d0dd.js";import"./x-b9f3d093.js";import"./circle-check-63b159d4.js";import"./circle-alert-67975319.js";import"./mic-off-05523af3.js";import"./video-off-a445220e.js";import"./mic-098d6d5b.js";import"./Display-48adcc24.js";import"./format-5039f022.js";import"./pin-70ee9bd9.js";import"./arrow-down-5480e148.js";import"./send-ef7332d3.js";import"./timer-dd0230bd.js";import"./lock-73755c1f.js";import"./message-square-off-bea6f74e.js";import"./chevron-down-888c3b30.js";import"./chevron-up-f536cc4c.js";import"./clock-e6794ea5.js";import"./user-2d8f405f.js";import"./users-a990a1e8.js";import"./hourglass-26ebe251.js";import"./circle-x-d5c7be80.js";import"./check-083433f7.js";import"./EntryChrome-3815c94b.js";import"./Controls-5a18fd37.js";import"./copy-34f4069e.js";/* empty css              */import"./eventDuration-e09aabf0.js";const ae="Зритель";function K(n,m,p,b=12e3){return new Promise(l=>{let a=!1;const N=window.setTimeout(()=>{a||(a=!0,l(null))},b);n.emit(m,p,s=>{a||(a=!0,window.clearTimeout(N),l(s))})})}function de(n){try{return window.localStorage.getItem(n)}catch{return null}}function ue(n,m){try{window.localStorage.setItem(n,m)}catch{}}function Ae(){var n;return(n=window.crypto)!=null&&n.randomUUID?window.crypto.randomUUID():`guest-${Date.now()}-${Math.random().toString(36).slice(2,12)}`}function Te(n){return o.useMemo(()=>{const m=`snich:guest-access:${n}`,p=de(m);if(p)return p;const b=Ae();return ue(m,b),b},[n])}function Re(n){try{const m=de(`snich:site-contact:${n}`),p=m?JSON.parse(m):null;return p&&typeof p.name=="string"&&typeof p.phone=="string"?{name:p.name,phone:p.phone,email:p.email||""}:null}catch{return null}}function Ue(n,m,p,b){const[l,a]=o.useState(null),[N,s]=o.useState(null),[y,k]=o.useState("connecting"),[i,V]=o.useState(null),[R,M]=o.useState([]),f=o.useRef(b);f.current=b,o.useEffect(()=>{let d=!1,v=null,c=null;const I=se(re(),{forceNew:!0,transports:["websocket","polling"],reconnection:!0,reconnectionAttempts:1/0,reconnectionDelay:1e3,reconnectionDelayMax:5e3,timeout:15e3});s(I);const U=async()=>{var h;if(d||!I.connected)return;const x=I.id,g=await K(I,"lk:joinRoom",{roomId:n,peerId:x,name:f.current,guestAccessToken:p,accessToken:m,deviceProfile:"low-power"});if(d||I.id!==x)return;if(!g||!g.success){if((g==null?void 0:g.code)==="blocked"||(g==null?void 0:g.code)==="rejected"){k("removed");return}c=window.setTimeout(()=>void U(),5e3);return}const A=(h=g.roomState)==null?void 0:h.rundown;V(A&&typeof A.itemId=="string"?A.itemId:null),v==null||v.disconnect(),v=se(`${re()}/comms`,{forceNew:!0,auth:{roomId:n,peerId:x,guestAccessToken:p},query:{roomId:n,peerId:x,guestAccessToken:p},transports:["websocket","polling"],reconnection:!0,reconnectionAttempts:1/0,reconnectionDelay:1e3,reconnectionDelayMax:5e3}),M(C=>C.includes(x)?C:[...C,x].slice(-20)),a(v),k("ready")};return I.on("connect",()=>void U()),I.on("disconnect",()=>{d||k(x=>x==="removed"?x:"reconnecting")}),I.on("studio:rundown-changed",x=>{var g;V(((g=x==null?void 0:x.rundown)==null?void 0:g.itemId)??null)}),()=>{d=!0,c&&window.clearTimeout(c),v==null||v.disconnect(),I.disconnect()}},[n,m,p]);const j=o.useCallback(async d=>{N!=null&&N.connected&&await K(N,"ms:updatePeerName",{name:d})},[N]);return{comms:l,status:y,rundownItemId:i,myPeerIds:R,rename:j}}function De(n,m){const[p,b]=o.useState([]);return o.useEffect(()=>{if(!n)return;const l=()=>{n.emit("chat:history",{roomId:m,limit:100},s=>{Array.isArray(s)&&b(s.filter(y=>y&&!y.isDeleted))})},a=s=>{!s||!s.id||b(y=>{if(s.isDeleted)return y.filter(i=>

1i.id!==s.id);const k=y.findIndex(i=>i.id===s.id);if(k>=0){const i=y.slice();return i[k]=s,i}return[...y,s].slice(-300)})},N=s=>{s!=null&&s.messageId&&b(y=>y.filter(k=>k.id!==s.messageId))};return n.on("connect",l),n.connected&&l(),n.on("chat:message",a),n.on("chat:edited",a),n.on("chat:deleted",N),()=>{n.off("connect",l),n.off("chat:message",a),n.off("chat:edited",a),n.off("chat:deleted",N)}},[n,m]),p}const Fe=/^[\p{L}][\p{L}'’.\- ]*$/u,Ve=/^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/;function $e({open:n,onClose:m,onSaved:p,slug:b,guestToken:l,policyUrl:a,organizer:N,initial:s}){const[y,k]=o.useState((s==null?void 0:s.name)||""),[i,V]=o.useState((s==null?void 0:s.phone)||""),[R,M]=o.useState((s==null?void 0:s.email)||""),[f,j]=o.useState(!1),[d,v]=o.useState({}),[c,I]=o.useState(!1),[U,x]=o.useState(!1);o.useEffect(()=>{n&&(k((s==null?void 0:s.name)||""),V((s==null?void 0:s.phone)||""),M((s==null?void 0:s.email)||""),j(!1),v({}))},[n,s]);const g=async()=>{const h={},C=y.replace(/\s+/g," ").trim(),z=i.replace(/\D/g,"");if((C.split(" ").length<2||!Fe.test(C))&&(h.name="Укажите фамилию и имя (можно с отчеством)"),(z.length<10||z.length>15)&&(h.phone="Укажите телефон, например +7 900 123-45-67"),R.trim()&&!Ve.test(R.trim())&&(h.email="Проверьте email — кажется, в нём опечатка"),f||(h.consent="Отметьте согласие, чтобы участвовать"),v(h),!Object.keys(h).length){I(!0);try{let D="";try{D=document.referrer||""}catch{D=""}const q=await fetch(ce(`/api/v1/public/events/${encodeURIComponent(b)}/site-contact`),{method:"POST",headers:{"Content-Type":"application/json"},credentials:"omit",body:JSON.stringify({name:C,phone:i.trim(),email:R.trim()||void 0,consent:!0,guestKey:l,pageUrl:/^https?:\/\//.test(D)?D:void 0})}),S=await q.json().catch(()=>({}));if(!q.ok){const P=Array.isArray(S==null?void 0:S.message)?S.message[0]:S==null?void 0:S.message,O=String((S==null?void 0:S.code)||"");v(O==="invalid_phone"?{phone:String(P)}:O==="invalid_name"?{name:String(P)}:{form:String(P||"Не получилось сохранить — попробуйте ещё раз")});return}p({name:String(S.name||C),phone:String(S.phone||i.trim()),email:String(S.email||"")})}catch{v({form:"Нет связи с сервером — проверьте интернет и попробуйте ещё раз"})}finally{I(!1)}}},A=a?e.jsx("a",{href:a,target:"_blank",rel:"noopener noreferrer",children:"политикой конфиденциальности"}):e.jsx("button",{type:"button",className:"sn-se-linkbtn",onClick:()=>x(!0),children:"политикой конфиденциальности"});return e.jsxs(e.Fragment,{children:[e.jsx(te,{open:n,onClose:()=>c?void 0:m(),title:"Представьтесь, чтобы участвовать",subtitle:"Чат, вопросы спикерам и голосования — после этого шаÐ

1³Ð°",icon:e.jsx(le,{className:"sn-i"}),width:460,className:"sn-se-modal",footer:e.jsxs(e.Fragment,{children:[e.jsx("div",{style:{flex:1}}),e.jsx(L,{variant:"text",onClick:m,disabled:c,children:"Отмена"}),e.jsx(L,{variant:"primary",loading:c,onClick:()=>void g(),children:"Продолжить"})]}),children:e.jsxs("form",{className:"sn-se-contact",noValidate:!0,onSubmit:h=>{h.preventDefault(),g()},children:[e.jsx(J,{label:"Фамилия, имя, отчество",htmlFor:"se-name",error:d.name,children:e.jsx(W,{id:"se-name",value:y,onChange:h=>k(h.target.value),autoComplete:"name",maxLength:160,placeholder:"Иванов Иван Иванович",invalid:!!d.name,"data-autofocus":!0})}),e.jsx(J,{label:"Телефон",htmlFor:"se-phone",error:d.phone,children:e.jsx(W,{id:"se-phone",type:"tel",inputMode:"tel",value:i,onChange:h=>V(h.target.value.replace(/[^\d+()\-\s]/g,"").slice(0,24)),autoComplete:"tel",placeholder:"+7 900 123-45-67",invalid:!!d.phone})}),e.jsx(J,{label:"Email",aside:"необязательно",htmlFor:"se-email",error:d.email,children:e.jsx(W,{id:"se-email",type:"email",inputMode:"email",value:R,onChange:h=>M(h.target.value),autoComplete:"email",maxLength:254,placeholder:"[email protected]",invalid:!!d.email})}),e.jsxs("div",{className:ie("sn-se-consent",d.consent&&"is-invalid"),children:[e.jsx("input",{id:"se-consent",type:"checkbox",className:"sn-check",checked:f,onChange:h=>{j(h.target.checked),v(C=>({...C,consent:""}))},"aria-describedby":"se-consent-err"}),e.jsxs("span",{children:[e.jsx("label",{htmlFor:"se-consent",children:"Я ознакомлен(а) с "}),A,e.jsxs("label",{htmlFor:"se-consent",children:[" и согласен(на) на обработку моих персональных данных (оператор — ",N,")"]})]})]}),d.consent&&e.jsx("span",{id:"se-consent-err",className:"sn-error",role:"alert",children:d.consent}),d.form&&e.jsx("span",{className:"sn-error",role:"alert",children:d.form}),e.jsx("button",{type:"submit",hidden:!0,"aria-hidden":"true",tabIndex:-1})]})}),e.jsx(te,{open:U,onClose:()=>x(!1),width:480,title:"Политика конфиденциальности",icon:e.jsx(Me,{className:"sn-i"}),footer:e.jsx(L,{variant:"primary",onClick:()=>x(!1),children:"Понятно"}),children:e.jsxs("div",{className:"sn-se-policy",children:[e.jsxs("p",{children:["ФИО, телефон и email (если вы его указали) получит оператор персональных данных — ",N,". Данные нужны, чтобы:"]}),e.jsxs("ul",{children:[e.jsx("li",{children:"подписывать ваши сообщения в чате и вопросы спикерам вашим именем;"}),e.jsx("li",{children:"связаться с вами по вопросам мероприятия;"}),e.jsx("li",{children:"учесть ваше участие в голосованиях."})]}),e.jsx("p",{children:"Отозвать согласие и попросить удалить данные можно, написав оператору."})]})})]})}function Es({slug:n,event:m,accessToken:p}){const b=fe(),l=m.roomId,[a,N]=o.useState(m),[s,y]=o.useState(m.sitePlayer||null),k=Te(l),[i,V]=o.useState(()=>Re(l)),[R,M]=o.useState(!1),f=Ue(l,p,k,(i==null?void 0:i.name)||ae),{comms:j}=f,d=he({socket:j,roomId:l,canModerate:!1}),v=xe({socket:j,roomId:l,canModerate:!1});ge({socket:j,roomId:l,isHost:!1});const c=be(),I=ne(t=>t.myVotes),U=De(j,l),x=f.myPeerIds[f.myPeerIds.length-1]||"";o.useEffect(()=>{let t=!1;const w=async()=>{try{const E=await fetch(ce(`/api/v1/public/events/${encodeURIComponent(n)}`),{credentials:"omit"});if(!E.ok||t)return;const r=await E.json();if(t)return;N(r),r.sitePlayer!==void 0&&y(r.sitePlayer||null)}catch{}},u=window.setInterval(()=>void w(),24e4+Math.floor(Math.random()*6e4));return()=>{t=!0,window.clearInterval(u)}},[n]),o.useEffect(()=>{if(!j)return;const t=u=>y((u==null?void 0:u.sitePlayer)||null),w=()=>{j.emit("site-player:get",{roomId:l},u=>{u!=null&&u.ok&&y(u.sitePlayer||null)})};return j.on("site-player:changed",t),j.on("connect",w),j.connected&&w(),()=>{j.off("site-player:changed",t),j.off("connect",w)}},[j,l]);const g=o.useMemo(()=>{const t={},w=U.filter(r=>r.visibility==="public"||r.visibility==="private"&&(f.myPeerIds.includes(r.peerId)||f.myPeerIds.includes(String(r.recipientPeerId||"")))).map(r=>(t[r.id]={senderRole:r.senderRole??null,senderIsTeam:!!r.senderIsTeam},{id:r.id,peerId:r.peerId,senderName:r.senderName,senderAvatar:r.senderAvatar,text:r.text,type:r.type,visibility:r.visibility,recipientPeerId:r.recipientPeerId,reactions:r.reactions||{},createdAt:r.createdAt,isMine:f.myPeerIds.includes(r.peerId)})),u=j;return{chat:w,chatMeta:t,chatSenderIsTeam:r=>{var _;return!!((_=t[r])!=null&&_.senderIsTeam)},me:{peerId:x,name:(i==null?void 0:i.name)||ae,avatarUrl:null,userId:null},brand:{logo:a.brand.logoUrl||null},participants:[],roomFeatures:null,commsSocket:u,votePoll:async(r,_)=>{if(!u)return{ok:!1,error:"Нет связи — подождите пару секунд"};const T=await K(u,"poll:vote",{roomId:l,pollId:r,optionId:_});return{ok:!!((T==null?void 0:T.success)??(T==null?void 0:T.ok)),error:(T==null?void 0:T.error)||(T?void 0:"Нет ответа от сервера — попробуйте ещё раз")}},fetchMyPollVotes:async()=>

1{if(!u)return null;const r=await K(u,"poll:my_state",{roomId:l});return(r!=null&&r.ok||r!=null&&r.success)&&Array.isArray(r.votes)?r.votes:null},fetchQuizStandings:async()=>null}},[U,f.myPeerIds,x,i==null?void 0:i.name,a.brand.logoUrl,j,l]),[A,h]=o.useState(!1),C=!!c;o.useEffect(()=>{if(!C||A||f.status!=="ready")return;let t=!1;return g.fetchMyPollVotes().then(w=>{if(t)return;const u=ne.getState();(w||[]).forEach(E=>{u.myVotes.has(E.pollId)||u.setMyVote(E.pollId,E.optionId,E.isCorrect)}),h(!0)}),()=>{t=!0}},[C,A,f.status]);const z=o.useMemo(()=>({qna:d,chat:v}),[d,v]),D=o.useMemo(()=>ve(d.questions),[d.questions]),q=a.features.chat!==!1||U.length>0,S=a.features.questions!==!1||D.length>0,P=[];q&&P.push("chat"),S&&P.push("questions"),c&&P.push("poll"),a.program.length&&P.push("program");const[O,G]=o.useState(q?"chat":"program"),F=P.includes(O)?O:P[0]||null,X=o.useRef(null);o.useEffect(()=>{if(!c||c.status!=="live"||!A||X.current===c.id)return;X.current=c.id;const t=document.activeElement instanceof HTMLElement&&/^(INPUT|TEXTAREA)$/.test(document.activeElement.tagName);!I.has(c.id)&&!t&&G("poll")},[c==null?void 0:c.id,c==null?void 0:c.status,A]);const me=!!c&&c.status==="live"&&!I.has(c.id),Q=!!i,B=t=>{var E;if(Q)return;const w=t.target,u=(E=w==null?void 0:w.closest)==null?void 0:E.call(w,'input, textarea, button, select, [role="button"], [role="radio"], [role="checkbox"], label');if(!(!u||u.closest(".sn-vw-unseen, [data-free]"))){if(t.type==="keydown"){const r=t.key;if(r==="Tab"||r==="Escape"||!/^(INPUT|TEXTAREA)$/.test(u.tagName))return}t.preventDefault(),t.stopPropagation(),M(!0)}},pe=async t=>{V(t),ue(`snich:site-contact:${l}`,JSON.stringify(t)),M(!1),await f.rename(t.name),b.success(`Готово, ${t.name.split(" ")[1]||t.name} — можно писать, спрашивать и голосовать`),window.setTimeout(()=>{var w;(w=document.querySelector(".sn-se-aside .sn-vw-composer input, .sn-se-aside textarea"))==null||w.focus()},60)},Y=a.scheduledAt?Se(new Date(a.scheduledAt),a.timezone):null,Z=a.status==="live",H=(s==null?void 0:s.src)||null,ee=f.rundownItemId&&a.program.find(t=>t.id===f.rundownItemId)||null;let $=null;return F==="chat"?$=e.jsx(ye,{api:g}):F==="questions"?$=e.jsx(we,{api:g}):F==="poll"?$=e.jsx(Ne,{api:g,poll:c,standings:null}):F==="program"?$=e.jsxs("div",{className:"sn-se-program sn-scroll","data-free":"",children:[ee&&e.jsxs("div",{className:"sn-se-now",role:"status",children:[e.jsx(Ce,{className:"sn-i sn-i-16"}),e.jsxs("span",{children:["Сейчас: ",e.jsx("b",{children:ee.title})]})]}),e.jsx(Ie,{event:a})]}):$=e.jsxs("div",{className:"sn-vw-empty",children:[e.jsx("b",{children:"Чат и вопросы в этом эфире выключены"}),e.jsx("span",{children:"Смотрите трансляцию"})]}),e.jsxs(je.Provider,{value:z,children:[e.jsxs("div",{className:"sn sn-se","data-embed":"","data-site-player":"",children:[e.jsxs("section",{className:"sn-se-main","aria-label":"Трансляция",children:[e.jsx("div",{className:"sn-se-video",children:H?e.jsx("iframe",{src:H,title:`${a.title} — VK Видео`,allow:"autoplay; encrypted-media; fullscreen; picture-in-picture; screen-wake-lock",allowFullScreen:!0,referrerPolicy:"strict-origin-when-cross-origin"},H):e.jsxs("div",{className:"sn-se-poster",children:[e.jsx("span",{className:"sn-se-soon",children:Z?e.jsxs(e.Fragment,{children:[e.jsx("i",{className:"sn-live-dot"})," Эфир идёт"]}):e.jsxs(e.Fragment,{children:[e.jsx(Pe,{className:"sn-i sn-i-14"})," ",Y?`Начало в ${Y}`:"Скоро начнётся"]})}),e.jsx("h1",{children:a.title}),e.jsx("p",{children:Z?"Видео появится здесь через несколько секунд":"Трансляция появится здесь в начале эфира — чат и программа уже открыты"})]})}),e.jsxs("div",{className:"sn-se-bar",children:[e.jsx("b",{className:"sn-ellipsis",children:a.title}),(s==null?void 0:s.pageUrl)&&e.jsxs("a",{href:s.pageUrl,target:"_blank",rel:"noopener noreferrer",className:"sn-se-barlink",children:["Открыть в VK Видео ",e.jsx(oe,{className:"sn-i sn-i-14","aria-hidden":"true"})]}),e.jsxs("a",{href:ke(n),target:"_blank",rel:"noopener noreferrer",className:"sn-se-barlink is-quiet",children:["SNICH ",e.jsx(oe,{className:"sn-i sn-i-14","aria-hidden":"true"})]})]})]}),e.jsxs("aside",{className:"sn-vw-aside sn-se-aside","aria-label":"Чат, вопросы, голосование и программа",children:[P.length>1&&e.jsx("nav",{className:"sn-vw-tabs sn-se-tabs","aria-label":"Разделы",children:P.map(t=>e.jsxs("button",{type:"button",className:ie("sn-vw-tab",F===t&&"is-on"),"aria-current":F===t?"page":void 0,onClick:()=>G(t),children:[t==="chat"&&"Чат",t==="questions"&&e.jsxs(e.Fragment,{children:["Вопросы",D.length>0&&e.jsx("span",{className:"sn-vw-tab-count sn-mono",children:D.length})]}),t==="poll"&&e.jsxs(e.Fragment,{children:[(c==null?void 0:c.mode)==="quiz"?"Викторина":"Голосование",me&&e.jsx("i",{className:"sn-vw-tab-dot","aria-hidden":"true"})]}),t==="program"&&"Программа"]},t))}),f.status!=="ready"&&e.jsxs("div",{className:"sn-se-conn",role:"status",children:[e.jsx(Ee,{className:"sn-i sn-i-14"}),f.status==="removed"?"Модератор ограничил вам участие в этом эфире":f.status==="reconnecting"?"Связь прервалась — переподключаемся…":"Подключаемся к чату…"]}),!Q&&F!=="program"&&e.jsxs("div",{className:"sn-se-gate",children:[e.jsx("span",{children:"Чтобы писать в чат, задавать вопросы и голосовать — представьтесь"}),e.jsx(L,{size:"sm",variant:"primary",onClick:()=>M(!0),children:"Представиться"})]}),e.jsx("div",{className:"sn-vw-panel",onPointerDownCapture:B,onClickCapture:B,onKeyDownCapture:B,children:$}),Q&&F!=="program"&&e.jsxs("div",{className:"sn-se-me",children:[e.jsx(le,{className:"sn-i sn-i-14"}),e.jsxs("span",{className:"sn-ellipsis",children:["Вы — ",i==null?void 0:i.name]}),e.jsx("button",{type:"button",className:"sn-se-linkbtn",onClick:()=>M(!0),children:"Изменить"})]})]})]}),e.jsx($e,{open:R,onClose:()=>M(!1),onSaved:t=>void pe(t),slug:n,guestToken:k,policyUrl:(s==null?void 0:s.policyUrl)||null,organizer:(s==null?void 0:s.operator)||a.organizer.name,initial:i})]})}export{Es as default};