https://qooqa.ru/assets/webinars-ILkH7GYH.js

1import{i as e}from"./rolldown-runtime-8BhlS34s.js";import{A as t,C as n,D as r,E as i,M as a,S as o,T as s,V as c,W as l,a as u,c as d,g as f,k as p,l as m,r as h,t as g,u as _,y as ee}from"./Layout-BigfTv8n.js";import{t as v}from"./react-B5Ws8Y4Y.js";import{a as y,d as b,g as x,h as te,i as S,l as C,m as w,n as T,o as E,p as D,r as O,t as k,u as A}from"./useNow-D1ulTOM8.js";import{t as j}from"./JsonLd-OzjvfMhA.js";import{n as M,t as N}from"./webinars-CIjLlL2B.js";var P=e(v(),1),F={root:`_root_190y1_1`,upcoming:`_upcoming_190y1_8`,live:`_live_190y1_13`,past:`_past_190y1_18`},I=l(),L=({phase:e})=>(0,I.jsx)(`span`,{className:i(F.root,F[e]),children:(0,I.jsx)(o,{as:`span`,variant:`bodyS`,weight:`medium`,children:(0,I.jsx)(p,{id:`webinar.badge.${e}`})})}),R={root:`_root_bm0ry_1`,coverLink:`_coverLink_bm0ry_18`,cover:`_cover_bm0ry_18`,srOnly:`_srOnly_bm0ry_43`,action:`_action_bm0ry_55`},z=({webinar:e,phase:t})=>{let r=`/webinars/${e.slug}`;return(0,I.jsxs)(`article`,{className:R.root,children:[(0,I.jsxs)(a,{className:R.coverLink,to:r,children:[(0,I.jsx)(o,{as:`h2`,className:R.srOnly,children:e.title}),(0,I.jsx)(`img`,{className:R.cover,src:D(e,t),alt:``,width:1280,height:720,loading:`lazy`})]}),(0,I.jsx)(a,{className:R.action,to:r,tabIndex:-1,children:(0,I.jsxs)(n,{variant:t===`past`?`outline`:`solid`,size:`m`,children:[(0,I.jsx)(p,{id:t===`past`?`webinars.card.recording`:`webinars.card.register`}),` `,(0,I.jsx)(s,{name:`arrow-right`,size:`s`})]})})]})},B={root:`_root_bsm5g_1`,header:`_header_bsm5g_24`,liveDot:`_liveDot_bsm5g_39`,chevron:`_chevron_bsm5g_47`,collapsed:`_collapsed_bsm5g_52`,body:`_body_bsm5g_57`,frame:`_frame_bsm5g_73`},V=(e,t)=>`${e}?lang=${t===`ru`?`ru`:`en`}&theme=light&radius=0`,ne=({chatUrl:e,title:n})=>{let a=t(),{locale:c}=r(),[l,u]=m(!0);return d(()=>document.body.setAttribute(`data-chat-dock`,``)),_(()=>document.body.removeAttribute(`data-chat-dock`)),(0,I.jsxs)(`section`,{className:i(B.root,!l&&B.collapsed),"aria-label":a.formatMessage({id:`webinar.chat.title`}),children:[(0,I.jsxs)(`button`,{type:`button`,className:B.header,"aria-expanded":l,onClick:()=>u(),children:[(0,I.jsx)(`span`,{className:B.liveDot}),(0,I.jsx)(o,{as:`span`,variant:`bodyM`,weight:`medium`,children:(0,I.jsx)(p,{id:`webinar.chat.title`})}),(0,I.jsx)(s,{className:B.chevron,name:`chevron-down`,size:`s`})]}),(0,I.jsx)(`div`,{className:B.body,hidden:!l,children:(0,I.jsx)(`iframe`,{className:B.frame,src:V(e,c),title:`${n}: ${a.formatMessage({id:`webinar.chat.title`})}`})})]})},H=`https://console.qoo.qa/crm-api/v1/public`,re=`${H}/leads/webinar`,U=`${H}/leads/webinar/attendance`,W=e=>e.trim()||null,G=(e,t,n,r=``)=>({name:t.name.trim(),email:t.email.trim().toLowerCase(),phone:W(t.phone),company:W(t.company),utm_source:n?.trim()||null,website:r,webinar:{slug:e.slug,title:e.title,starts_at:e.startsAt,duration_minutes:e.durationMinutes,url:e.url}}),K=e=>e.get(`v`),q=e=>fetch(U,{method:`post`,headers:{"Content-Type":`application/json`},body:JSON.stringify({token:e}),keepalive:!0}).catch(()=>void 0),J={root:`_root_ker9d_1`,input:`_input_ker9d_6`,consent:`_consent_ker9d_10`,consentLink:`_consentLink_ker9d_15`,consentError:`_consentError_ker9d_20`,submitError:`_submitError_ker9d_21`,button:`_button_ker9d_26`,result:`_result_ker9d_30`,resultIcon:`_resultIcon_ker9d_36`,resultTitle:`_resultTitle_ker9d_41`,resultText:`_resultText_ker9d_45`,honeypot:`_honeypot_ker9d_50`},Y=({webinar:e,registered:r=!1})=>{let i=t(),{utmSource:c}=w(),[l,d]=(0,P.useState)(`idle`),[m,h]=(0,P.useState)(``),[g,_]=(0,P.useState)(``),[v,y]=(0,P.useState)(``),[b,x]=(0,P.useState)(``),[S,C]=(0,P.useState)(``),[T,E]=(0,P.useState)(!1),[D,O]=(0,P.useState)(``),[k,A]=(0,P.useState)(``),[j,M]=(0,P.useState)(``),[N,F]=(0,P.useState)(!1);return r||l===`success`?(0,I.jsxs)(`div`,{className:J.result,children:[(0,I.jsx)(s,{className:J.resultIcon,name:`check-contained`,size:`xxl`}),(0,I.jsx)(o,{variant:`subtitle`,weight:`medium`,className:J.resultTitle,children:(0,I.jsx)(p,{id:`webinar.form.success.title`})}),(0,I.jsx)(o,{variant:`bodyM`,className:J.resultText,children:(0,I.jsx)(p,{id:r?`webinar.form.registered.text`:`webinar.form.success.text`})})]}):(0,I.jsxs)(`form`,{className:J.root,noValidate:!0,onSubmit:async t=>{t.preventDefault();let n=!1,r=i.formatMessage({id:`contacts.form.error.required`});if(m.trim()||(n=!0,O(r)),g.trim()?te(g.trim())||(n=!0,A(i.formatMessage({id:`contacts.form.error.email`}))):(n=!0,A(r)),b.trim()||(n=!0,M(r)),T||(n=!0,F(!0)),!(n||l===`submitting`)){d(`submitting`);try{let t=await fetch(re,{method:`post`,headers:{"Content-Type":`application/json`},body:JSON.stringify(G(e,{name:m,email:g,phone:v,company:b},c,S))});t.ok&&u(`webinar_register`),d(t.ok?`success`:`error`)}catch{d(`error`)}}},children:[(0,I.jsx)(f,{className:J.input,name:`name`,value:m,label:i.formatMessage({id:`webinar.form.name.label`}),message:D,error:!!D,fullwidth:!0,required:!0,onChange:e=>{O(``),h(e.target.value)}}),(0,I.jsx)(f,{className:J.input,name:`email`,type:`email`,value:g,label:i.formatMessage({id:`webinar.form.email.label`}),message:k,error:!!k,fullwidth:!0,required:!0,onChange:e=>{A(``),_(e.target.value)}}),(0,I.jsx)(f,{className:J.input,name:`company`,value:b,label:i.formatMessage({id:`webinar.form.company.label`}),message:j,error:!!j,fullwidth:!0,required:!0,onChange:e=>{M(``),x(e.target.value)}}),(0,I.jsx)(f,{className:J.input,name:`phone`,type:`tel`,value:v,label:i.formatMessage({id:`webinar.form.phone.label`}),fullwidth:!0,onChange:e=>{y(e.target.value)}}),(0,I.jsx)(`input`,{className:J.honeypot,name:`website`,type:`text`,value:S,tabIndex:-1,autoComplete:`off`,"aria-hidden":`true`,onChange:e=>C(e.target.value)}),(0,I.jsx)(ee,{className:J.consent,name:`consent`,checked:T,onChange:e=>{F(!1),E(e.target.checked)},children:(0,I.jsx)(o,{as:`span`,variant:`bodyM`,children:(0,I.jsx)(p,{id:`webinar.form.consent`,values:{link:e=>

1(0,I.jsx)(a,{className:J.consentLink,to:`/consent/website`,target:`_blank`,children:e})}})})}),N&&(0,I.jsx)(o,{className:J.consentError,variant:`bodyS`,children:(0,I.jsx)(p,{id:`webinar.form.error.consent`})}),l===`error`&&(0,I.jsx)(o,{className:J.submitError,variant:`bodyS`,children:(0,I.jsx)(p,{id:`webinar.form.error.submit`})}),(0,I.jsx)(n,{className:J.button,size:`l`,fullwidth:!0,loading:l===`submitting`,children:(0,I.jsx)(p,{id:`webinar.form.submit`})})]})},X={section:`_section_17uob_1`,header:`_header_17uob_11`,pageTitle:`_pageTitle_17uob_22`,pageSubtitle:`_pageSubtitle_17uob_26`,groupTitle:`_groupTitle_17uob_30`,cards:`_cards_17uob_38`,empty:`_empty_17uob_52`,backLink:`_backLink_17uob_56`,hero:`_hero_17uob_70`,heroDots:`_heroDots_17uob_89`,heroBody:`_heroBody_17uob_111`,heroCards:`_heroCards_17uob_116`,heroShowcase:`_heroShowcase_17uob_128`,plates:`_plates_17uob_134`,plate:`_plate_17uob_134`,plateLabel:`_plateLabel_17uob_176`,plateValue:`_plateValue_17uob_182`,playerLead:`_playerLead_17uob_189`,heroUnder:`_heroUnder_17uob_198`,heroMeta:`_heroMeta_17uob_210`,heroDate:`_heroDate_17uob_218`,heroDuration:`_heroDuration_17uob_223`,heroTitle:`_heroTitle_17uob_227`,heroLead:`_heroLead_17uob_234`,layout:`_layout_17uob_239`,content:`_content_17uob_260`,layoutSolo:`_layoutSolo_17uob_266`,paragraph:`_paragraph_17uob_279`,contentTitle:`_contentTitle_17uob_284`,program:`_program_17uob_288`,programItem:`_programItem_17uob_297`,programIndex:`_programIndex_17uob_303`,programTitle:`_programTitle_17uob_316`,programText:`_programText_17uob_320`,programNote:`_programNote_17uob_324`,also:`_also_17uob_329`,speakers:`_speakers_17uob_339`,speakerRole:`_speakerRole_17uob_348`,player:`_player_17uob_189`,aside:`_aside_17uob_363`,asideCard:`_asideCard_17uob_382`,formTitle:`_formTitle_17uob_397`,formText:`_formText_17uob_401`},Z=`https://qooqa.ru`,Q=(e,t)=>t?A(e,t):`upcoming`,ie=()=>{let e=t(),n=k(),{upcoming:r,past:i}=b(M,n);return(0,I.jsxs)(g,{children:[(0,I.jsx)(h,{title:e.formatMessage({id:`meta.webinars.title`}),description:e.formatMessage({id:`meta.webinars.description`}),keywords:e.formatMessage({id:`meta.webinars.keywords`}),canonical:`${Z}/webinars`}),(0,I.jsx)(j,{data:{"@context":`https://schema.org`,"@type":`CollectionPage`,name:e.formatMessage({id:`webinars.title`}),description:e.formatMessage({id:`meta.webinars.description`}),url:`${Z}/webinars`,mainEntity:{"@type":`ItemList`,itemListElement:M.map((e,t)=>({"@type":`ListItem`,position:t+1,url:`${Z}/webinars/${e.slug}`,name:e.title}))}}}),(0,I.jsxs)(`section`,{className:X.section,children:[(0,I.jsxs)(`header`,{className:X.header,children:[(0,I.jsx)(o,{as:`h1`,variant:`h1`,weight:`semibold`,className:X.pageTitle,children:(0,I.jsx)(p,{id:`webinars.title`})}),(0,I.jsx)(o,{variant:`bodyXL`,className:X.pageSubtitle,children:(0,I.jsx)(p,{id:`webinars.subtitle`})})]}),(0,I.jsx)(o,{as:`h2`,variant:`h4`,weight:`medium`,className:X.groupTitle,children:(0,I.jsx)(p,{id:`webinars.upcoming`})}),r.length>0?(0,I.jsx)(`div`,{className:X.cards,children:r.map(e=>(0,I.jsx)(z,{webinar:e,phase:Q(e,n)},e.slug))}):(0,I.jsx)(o,{variant:`bodyL`,className:X.empty,children:(0,I.jsx)(p,{id:`webinars.empty`})}),i.length>0&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(o,{as:`h2`,variant:`h4`,weight:`medium`,className:X.groupTitle,children:(0,I.jsx)(p,{id:`webinars.past`})}),(0,I.jsx)(`div`,{className:X.cards,children:i.map(e=>(0,I.jsx)(z,{webinar:e,phase:`past`},e.slug))})]})]})]})},ae=({webinar:e,url:t,leadToken:n})=>(0,I.jsxs)(I.Fragment,{children:[!n&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(o,{variant:`h4`,weight:`semibold`,className:X.formTitle,children:(0,I.jsx)(p,{id:`webinar.form.title`})}),(0,I.jsx)(o,{variant:`bodyM`,className:X.formText,children:(0,I.jsx)(p,{id:`webinar.form.text`})})]}),(0,I.jsx)(Y,{webinar:{slug:e.slug,title:e.title,startsAt:e.startsAt,durationMinutes:e.durationMinutes,url:t},registered:!!n})]}),oe=()=>{let[e,t]=(0,P.useState)(null);return d(()=>t(K(new URLSearchParams(window.location.search)))),e},se=(e,t)=>{(0,P.useEffect)(()=>{e===`live`&&t&&q(t)},[e,t])},$=({titleId:e,items:t})=>(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(o,{as:`h2`,variant:`h3`,weight:`semibold`,className:X.contentTitle,children:(0,I.jsx)(p,{id:e})}),(0,I.jsx)(`ul`,{className:X.also,children:t.map(e=>(0,I.jsx)(`li`,{children:(0,I.jsx)(o,{variant:`bodyL`,children:e})},e))})]}),ce=({webinar:e})=>{let n=t(),r=Q(e,k()),c=`${Z}/webinars/${e.slug}`,l=oe();se(r,l);let u=r===`past`&&!!e.recordingUrl,d=!u&&r!==`live`,f=[{labelId:`webinar.plate.date`,value:y(e.startsAt)},{labelId:`webinar.plate.start`,value:E(e.startsAt)},{labelId:`webinar.plate.duration`,value:n.formatMessage({id:`webinars.duration`},{minutes:e.durationMinutes})}];return(0,I.jsxs)(g,{children:[(0,I.jsx)(h,{title:`${e.title} — ${n.formatMessage({id:`webinars.title`})}

1`,description:e.lead,keywords:n.formatMessage({id:`meta.webinars.keywords`}),canonical:c,ogImage:`${Z}${D(e,r)}`,ogType:`article`}),(0,I.jsx)(j,{data:C(e,c)}),(0,I.jsxs)(`section`,{className:X.section,children:[(0,I.jsxs)(a,{className:X.backLink,to:`/webinars`,children:[(0,I.jsx)(s,{name:`arrow-left`,size:`s`}),(0,I.jsx)(o,{as:`span`,variant:`bodyM`,children:(0,I.jsx)(p,{id:`webinar.back`})})]}),r===`past`&&e.recordingUrl&&(0,I.jsx)(`div`,{className:X.playerLead,children:(0,I.jsx)(T,{src:e.recordingUrl,title:e.title,poster:D(e,`past`)})}),(0,I.jsxs)(`div`,{className:i(X.hero,u&&X.heroUnder,d&&X.heroShowcase),children:[d&&(0,I.jsx)(`div`,{className:X.heroDots,"aria-hidden":`true`}),(0,I.jsxs)(`div`,{className:X.heroBody,children:[(0,I.jsxs)(`div`,{className:X.heroMeta,children:[(0,I.jsx)(L,{phase:r}),!d&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)(o,{as:`span`,variant:`bodyM`,className:X.heroDate,children:[y(e.startsAt),`, `,E(e.startsAt)]}),(0,I.jsx)(o,{as:`span`,variant:`bodyM`,className:X.heroDuration,children:(0,I.jsx)(p,{id:`webinars.duration`,values:{minutes:e.durationMinutes}})})]}),(0,I.jsx)(o,{as:`span`,variant:`bodyM`,className:X.heroDuration,children:(0,I.jsx)(p,{id:`webinar.free`})})]}),(0,I.jsx)(o,{as:`h1`,variant:u?`h3`:`h1`,weight:`semibold`,className:X.heroTitle,children:(0,I.jsx)(O,{title:e.title})}),(0,I.jsx)(o,{variant:`bodyXL`,className:X.heroLead,children:e.lead}),d&&(0,I.jsx)(`dl`,{className:X.plates,children:f.map(e=>(0,I.jsxs)(`div`,{className:X.plate,children:[(0,I.jsx)(`dt`,{className:X.plateLabel,children:(0,I.jsx)(o,{as:`span`,variant:`caps`,weight:`medium`,children:(0,I.jsx)(p,{id:e.labelId})})}),(0,I.jsx)(`dd`,{className:X.plateValue,children:(0,I.jsx)(o,{as:`span`,variant:`subtitle`,weight:`semibold`,children:e.value})})]},e.labelId))})]}),d&&(0,I.jsx)(`div`,{className:X.heroCards,children:(0,I.jsx)(S,{})})]}),r===`live`&&e.live&&(0,I.jsx)(`div`,{className:X.player,children:(0,I.jsx)(T,{src:e.live.playerUrl,title:e.title,poster:D(e,`live`)})}),(0,I.jsxs)(`div`,{className:i(X.layout,r===`past`&&X.layoutSolo),children:[(0,I.jsxs)(`div`,{className:X.content,children:[r===`past`&&!e.recordingUrl&&(0,I.jsx)(o,{variant:`bodyL`,className:X.paragraph,children:(0,I.jsx)(p,{id:`webinar.past.text`})}),e.intro.map(e=>(0,I.jsx)(o,{variant:`bodyL`,className:X.paragraph,children:e},e)),e.program&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(o,{as:`h2`,variant:`h3`,weight:`semibold`,className:X.contentTitle,children:(0,I.jsx)(p,{id:`webinar.program.title`})}),(0,I.jsx)(`ol`,{className:X.program,children:e.program.map((e,t)=>(0,I.jsxs)(`li`,{className:X.programItem,children:[(0,I.jsx)(`span`,{className:X.programIndex,children:t+1}),(0,I.jsxs)(`div`,{children:[(0,I.jsx)(o,{as:`h3`,variant:`subtitle`,weight:`semibold`,className:X.programTitle,children:e.title}),(0,I.jsx)(o,{variant:`bodyL`,className:X.programText,children:e.text}),e.note&&(0,I.jsx)(o,{variant:`bodyM`,className:X.programNote,children:e.note})]})]},e.title))})]}),e.topics&&(0,I.jsx)($,{titleId:`webinar.program.title`,items:e.topics}),e.also&&(0,I.jsx)($,{titleId:`webinar.also.title`,items:e.also}),e.audience&&(0,I.jsx)($,{titleId:`webinar.audience.title`,items:e.audience}),e.speakers&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(o,{as:`h2`,variant:`h3`,weight:`semibold`,className:X.contentTitle,children:(0,I.jsx)(p,{id:`webinar.speakers.title`})}),(0,I.jsx)(`ul`,{className:X.speakers,children:e.speakers.map(e=>(0,I.jsxs)(`li`,{children:[(0,I.jsx)(o,{as:`h3`,variant:`subtitle`,weight:`semibold`,children:e.name}),(0,I.jsx)(o,{variant:`bodyM`,className:X.speakerRole,children:e.role})]},e.name))})]}),e.outro?.map(e=>(0,I.jsx)(o,{variant:`bodyL`,className:X.paragraph,children:e},e))]}),r===`upcoming`&&(0,I.jsx)(`aside`,{className:X.aside,children:(0,I.jsx)(`div`,{className:X.asideCard,children:(0,I.jsx)(ae,{webinar:e,url:c,leadToken:l})})})]})]}),r===`live`&&e.live&&(0,I.jsx)(ne,{chatUrl:e.live.chatUrl,title:e.title})]})},le=()=>{let{slug:e}=c();if(!e)return(0,I.jsx)(ie,{});let t=N(e);return t?(0,I.jsx)(ce,{webinar:t}):(0,I.jsx)(x,{})};export{le as default};