https://start.ru/_next/static/chunks/8690-1b193778d93f5219.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8690],{28690:(t,e,s)=>{"use strict";s.d(e,{A:()=>H});var i=s(74848),r=s(96540),a=s(74368),o=s(47819),n=s(27116),p=s(35296),l=s(58567),_=s(67265),c=s(98126),h=s(98047),d=s(91106),u=s.n(d),m=s(86715),g=s.n(m),f=s(31083),x=s(97461),k=s(97093),b=s(30291),v=s(10059),S=s(64375),j=s.n(S);let y={clickHouseShoot:c.Y3};class N extends r.PureComponent{render(){let{focus:t}=this.state,{id:e,label:s,placeholder:r,rows:a,value:o}=this.props;return(0,i.jsxs)("div",{className:"".concat(j()["start-input"]," ").concat(j()["start-textarea"]," ").concat(r?j()["start-textarea_n"]:null),children:[r?null:(0,i.jsx)("label",{className:"".concat(j()["start-input__label"]," ").concat(o&&o.length>0||t?j()["start-input__focused"]:""),htmlFor:e,children:s}),(0,i.jsx)("textarea",{value:o,onChange:this.handleChange,onBlur:this.handleBlur,onFocus:this.handleFocus,id:e,placeholder:r?s:"",rows:a||4,style:{resize:"none"}})]})}constructor(t){super(t),this.handleChange=t=>{let{value:e}=t.target;this.props.onChange(e)},this.handleFocus=()=>{this.setState({focus:!0})},this.handleBlur=()=>{this.setState({focus:!1})},this.state={focus:!1}}}let E=(0,a.Ng)(t=>({systemInformation:t.systemInformation}),y)(N),C={clickHouseShoot:c.Y3};class w extends r.PureComponent{componentDidUpdate(t){t.reset!==this.props.reset&&this.props.reset&&this.setState({file:"",fileSource:""})}render(){let{file:t,fileSource:e}=this.state,{id:s,small:a,accept:o,data:n}=this.props;return(0,i.jsx)("div",{className:"".concat(j()["start-input"]," ").concat(j()["start-input__transparent"]," ").concat(t&&n&&n.length>1||a?j()["start-input__none"]:""),children:t&&n&&n.length>1?(0,i.jsxs)("div",{className:j()["start-input__file-block"],children:[(0,i.jsx)("div",{className:j()["start-input__file-wrap"],children:(0,i.jsx)("img",{src:e,className:j()["start-input__file-image"],alt:"start input"})}),(0,i.jsx)("img",{src:"/static/images/support/remove.svg",className:j()["start-input__file-remove"],onClick:this.handleFileClear,alt:"start input"})]}):a?(0,i.jsx)("div",{className:"".concat(j()["start-input__file-files"]," ").concat(j()["start-input__file-full"]),children:(0,i.jsxs)("div",{className:j()["start-input__file-block"],children:[this.renderInput(o,s,""),(0,i.jsx)("div",{className:j()["start-input__file-field"],children:(0,i.jsx)("img",{src:"/static/images/support/camera.svg",className:j()["start-input__file-img"],alt:"support"})})]})}):(0,i.jsxs)(r.Fragment,{children:[this.renderInput(o,s),(0,i.jsxs)("div",{className:j()["start-input__file-field"],children:[(0,i.jsx)("img",{src:"/static/images/support/camera.svg",className:j()["start-input__file-img"],alt:"support"}),(0,i.jsx)("span",{className:j()["start-input__file-text"],children:"Прикрепить скриншот"})]})]})})}constructor(...t){super(...t),this.state={file:"",fileSource:""},this.handleChange=t=>{let e=t.target.files[0],{size:s,data:i}=this.props;if(i&&i.length>1&&i.find(t=>t.size===e.size&&t.name===e.name))return this.props.onError("duplicate"),t.target.value=null,!1;e.size>1e6*s?this.props.onError("size"):-1===e.type.indexOf("png")&&-1===e.type.indexOf("jpg")&&-1===e.type.indexOf("jpeg")?this.props.onError("format"):this.setState({fileSource:URL.createObjectURL(e),file:e},()=>{this.props.onChange(this.state.file),this.props.onError("")})},this.handleFileClear=()=>{this.props.onChange(this.state.file,!0),this.setState({file:"",fileSource:""})},this.renderInput=(t,e)=>(0,i.jsx)("input",{className:"".concat(j()["start-input__file"]),type:"file",onChange:this.handleChange,accept:t||"image/jpg, image/jpeg, image/png",id:e})}}let T=(0,a.Ng)(t=>({systemInformation:t.systemInformation}),C)(w);var I=s(38159),A=s.n(I);let D={clickHouseShoot:c.Y3};class R extends r.Component{render(){let{title:t,description:e,emailLabel:s,width:r,mobile:a}=this.props,{text:o,email:n,error:p,errorText:l,inputFilesCount:_,files:c,filesError:h,textError:d,sended:u}=this.state,{deviceData:m}=this.props.systemInformation,g="desktop_web"===m?x.GO.REGULAR:x.GO.MEDIUM;return(0,i.jsxs)("div",{style:{width:a?"100%":r,minWidth:"272px"},children:[(0,i.jsx)("div",{className:A().support__sign_title,children:t}),(0,i.jsx)(E,{rows:"4",value:o,onChange:this.handleTextareaChange,className:A().support__sign_text,label:e,placeholder:!0}),d?(0,i.jsx)("div",{className:A().support__errorText,children:d}):null,(0,i.jsx)(v.A,{value:n,label:s,onChange:t=>this.setState({email:t.target.value,error:!1,errorText:""}),onValidate:this.handleInputBlur,onBlur:this.handleBlur,id:"recoveryEmail",type:"text",validationType:"email_support",maxLengthForEmail:254,error:p,errorText:l||"Некорректный формат почты"}),(0,i.jsx)("div",{className:A().support__sign_files,onClick:this.handleFilesEvent,children:c.map((t,e)=>e<_?(0,i.jsx)(T,{id:"recoveryImages-".concat(e),small:c.length>1,onChange:this.handleFileChage,onError:this.handleFileError,data:c,size:5,reset:u},"recoveryImages-".concat(e)):null)}),h?(0,i.jsx)("div",{className:A().support__errorText,children:h}):null,(0,i.jsx)(x.$n,{size:g,title:"Отправить",onClick:this.handleSubmit,fullWidth:!0})]})}constructor(t){super(t),this.handleTextareaChange=t=>{this.setState({text:t,textError:null})},this.handleInputBlur=(t,e,s)=>{this.setState({error:!t,errorText:s})},this.handleBlur=()=>{let{email:t}=this.state;t||this.setState({error:!0,errorText:"Вы забыли ввести почту"})},this.handleFileChage=(t,e)=>{let s=[...this.state.files];e?s.map((e,i)=>{e.name==t.name&&e.size===t.size&&(s[i]="")}):s.push(t),this.setState({files:s,filesErorr:""})},this.handleFileError=t=>{"size"===t?this.setState({filesError:"Максимальный размер файла 5мб"}):"duplicate"===t?this.setState({filesError:"Этот файл уже прикреплён"}):"format"===t?this.setState({filesError:"Неверный формат изображения"}):this.setState({filesError:t})},this.handleFilesEvent=()=>{let{clickHouseData:t}

1=this.props.systemInformation,e={...t,action_id:"click",screen_type:"support",screen_attributes_id:"main",block_type:"block",block_attributes_id:"another_trouble",element_type:"button",element_attributes_id:"link_screenshot",element_attributes_text:"Прикрепить скриншот",event_time:new Date().getTime()};this.props.clickHouseShoot(this.apiUrl,this.apiKey,e)},this.handleSubmit=t=>{let{email:e,text:s,error:i,textError:r,files:a}=this.state,{noAuth:l,mobile:_}=this.props,c=(0,p.Ri)("app_version"),h=(0,p.Ri)("device_info"),d=(0,p.Ri)("platform_version");if(this.handleSubmitEvent(t),s&&!(s.length<=20)&&s.replace(/\s/g,"").length||this.setState({textError:"Пожалуйста, опишите проблему подробнее"}),e||this.setState({error:!0,errorText:"Нам нужна ваша почта для связи"}),e&&!(0,n.B9)(e)||!e||!s||s.length<=20||!s.replace(/\s/g,"").length)return!1;if(!i&&!r&&s.replace(/\s/g,"").length){let{userBrowser:i,userOs:r,deviceData:u}=this.props.systemInformation,m=new FormData;m.append("email",e),m.append("content",s),m.append("subject",s.substring(0,80)),m.append("app_version",c||"".concat(i.browserName," - ").concat(i.browserVersion)),m.append("device_info",h||"".concat(r.os," - ").concat(r.osVersion)),m.append("platform_version",d||u),m.append("group_id",n.ob),a.length>1&&(a.shift(),a.map(t=>{m.append("attachments",t)})),fetch("".concat(this.apiUrl).concat(o.PI.omnidesk.create).concat(this.apiKey),{credentials:"include",method:"POST",body:m}).then(e=>{if(e.status<400){let{clickHouseData:i}=this.props.systemInformation,r={...i,action_id:"send_form",custom_field_str1:s,screen_type:"support",screen_attributes_id:"main",block_type:"block",block_attributes_id:"another_trouble",event_time:new Date().getTime()};this.props.clickHouseShoot(this.apiUrl,this.apiKey,r),e.json().then(t=>{l||(this.props.ticket(!0,t.data.case_id,!1,_),this.props.allTickets())}),this.setState({sended:!0,text:"",textError:"",email:"",reset:!1,filesError:"",errorText:"",files:[""]}),(0,p.Yj)("app_version"),(0,p.Yj)("device_info"),(0,p.Yj)("platform_version"),this.props.submited(),this.props.reset(),t.target.style.pointerEvents="auto"}else e.json().then(e=>{this.props.handleOmnidekError(e.code),t.target.style.pointerEvents="auto"})}),t.target.style.pointerEvents="none"}},this.handleSubmitEvent=t=>{let{clickHouseData:e}=this.props.systemInformation,s={...e,action_id:"click",screen_type:"support",screen_attributes_id:"main",block_type:"block",block_attributes_id:"another_trouble",element_type:"button",element_attributes_id:"send",element_attributes_text:t.target.innerText,event_time:new Date().getTime()};this.props.clickHouseShoot(this.apiUrl,this.apiKey,s)},this.state={text:"",textError:null,reset:!1,email:t.registration.authData.email||"",error:!1,errorText:"",inputFilesCount:3,files:[""],filesError:"",sended:!1},this.apiUrl=t.systemInformation.API_URL||n.H$,this.apiKey=t.systemInformation.API_KEY||n.Lq}}let M=(0,a.Ng)(t=>({systemInformation:t.systemInformation,registration:t.registration}),D)(R),O={fetchCategories:l.jE,fetchSections:l.HQ,fetchArticles:l.qq,fetchArticle:l.xZ,fetchTickets:l.WS,fetchMessages:l.lj,toggleImageComponent:h.lq,toggleVisiblePopup:h.TX,clickHouseShoot:c.Y3,pushStackAddItem:_.nD};class B extends r.Component{componentDidMount(){let{authData:t}=this.props.registration,{type:e}=this.state;if((0,p.Yj)("supportReturn"),t&&(t.phone||t.email)&&(this.fetchAllTickets(),this.loadedData=!0),e){let t=(0,o.JE)("app_version"),e=(0,o.JE)("device_info"),s=(0,o.JE)("platform_version");t&&(0,p.TV)("app_version",(0,o.JE)("app_version")),e&&(0,p.TV)("device_info",e),s&&(0,p.TV)("platform_version",s)}}componentDidUpdate(){let{authData:t}=this.props.registration,{renderOther:e,reset:s,chatMessagesLength:i}=this.state,{messages:r}=this.props.omnidesk;if(t&&(t.phone||t.email)&&!this.loadedData&&("/support"===g().asPath&&g().push("/account/support"),this.loadedData=!0,this.fetchAllTickets(),s&&g().push("/account/support")),t&&!(t.phone||t.email)&&!this.virtualLoad&&e){if(t.profile_for_child)return!1;this.virtualLoad=!0,(0,p.TV)("support","/support/appeal"),g().push("/auth")}r&&r.length!==i&&(this.scrollToBottom(),this.setState({chatMessagesLength:r.length}))}componentWillUnmount(){this.props.fetchCategories(null),this.props.fetchSections(null),this.props.fetchArticles(null),this.props.fetchArticle(null),this.props.fetchTickets([]),this.props.fetchMessages(null)}render(){let t=[{title:"Служба поддержки",name:"Служба поддержки"}],{authData:e}=this.props.registration;if(!e)return null;let{childProfile:s}=this.props.profile;if(s||e.profile_for_child)return(0,i.jsx)(k.A,{});let{reset:a,selectedCategory:o,selectedSection:p,selectedArticle:l,renderOther:_,message:c,selectedCaseId:h,benef

1itVisible:d,articleError:m,sectionError:v,omnideskRateLimitError:S,omnideskApiError:j}=this.state,{categories:y,sections:N,articles:E,article:C,tickets:w,messages:T}=this.props.omnidesk,{deviceSize:I,deviceData:D}=this.props.systemInformation,R=this.handleMessages(T),O=R&&h&&w&&w.length?w.find(t=>t.case_id===h):null,B=window.innerWidth<=1440?"532px":"36.94vw",H="desktop_web"===D?x.GO.REGULAR:x.GO.MEDIUM;return(0,i.jsxs)("div",{className:"".concat((null==e?void 0:e.virtual)?A().support:A().support__account),children:[(0,i.jsx)(b.A,{title:"Служба поддержки",description:"На данной странице вы можете обратиться в службу поддержки онлайн кинотеатра START и решить любой возникший вопрос",breadCrumbs:t}),(null==e?void 0:e.virtual)&&(0,i.jsx)(f.A,{breadcrumbs:t}),(null==e?void 0:e.virtual)?(0,i.jsxs)("div",{className:A().support__header,children:[(0,i.jsx)(u(),{href:"/",prefetch:!1,className:A().support__header_back,onClick:this.handleBack,children:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("img",{src:"/static/images/support/left_arrow.svg",alt:""}),(0,i.jsx)("span",{children:"Назад"})]})}),(0,i.jsx)("div",{className:A().support__header_title,children:"Служба поддержки"})]}):(0,i.jsx)("div",{className:A().support__header_title_account,children:"Служба поддержки"}),"desktop_web"!==I&&R&&O?(0,i.jsxs)("div",{className:A().support__mBack,onClick:this.handleBack,children:[(0,i.jsx)("img",{src:"/static/images/support/arrow_left.svg",alt:""}),(0,i.jsxs)("div",{children:[(0,i.jsxs)("div",{className:A().support__ticket_title,children:[O.subject,80===O.subject.length?"...":""]}),(0,i.jsxs)("div",{className:A().support__ticket_info,children:[(0,i.jsx)("div",{className:A().support__ticket_text,children:this.handleTicketDate(O.created_at)}),(0,i.jsxs)("div",{className:A().support__ticket_status,children:[(0,i.jsx)("div",{className:"".concat(A().support__ticket_dot," ").concat("closed"===O.status?A().closed:A().work)}),(0,i.jsx)("div",{className:A().support__ticket_text,children:"closed"===O.status?"Решён":"В работе"})]})]})]})]}):null,(0,i.jsx)("div",{className:A().support__body,children:(null==e?void 0:e.virtual)===!0?(0,i.jsx)("div",{className:A().support__sign,children:a?(0,i.jsx)(M,{title:"Не смогли восстановить доступ к аккаунту? Напишите в поддержку, мы поможем",description:"Опишите, как вы потеряли доступ к аккаунту и любые данные об аккаунте, которые вы помните",emailLabel:"Электронная почта для связи",reset:this.handleReset,submited:this.handleSubmit,ticket:this.handleTicketClick,allTickets:this.fetchAllTickets,handleOmnidekError:this.handleOmnidekError,noAuth:!0,aas:"Восстановить доступ к аккаунту"}):(0,i.jsxs)(r.Fragment,{children:[(0,i.jsx)("div",{className:A().support__sign_title,children:"Чтобы обратиться в службу поддержки, вам необходимо зарегистрироваться или войти в аккаунт"}),(0,i.jsx)(x.$n,{size:H,title:"Войти",onClick:()=>{this.handleReturnCookieSet(),g().push("/auth")},fullWidth:!0}),(0,i.jsx)(x.$n,{size:H,variant:x.Vt.OUTLINE,className:A().support__sign_button_s,title:"Восстановить доступ к аккаунту",onClick:()=>this.setState({reset:!0}),fullWidth:!0})]})}):j?(0,i.jsxs)("div",{className:A().support__error,children:[(0,i.jsx)("div",{className:A().support__error_image,children:(0,i.jsx)("img",{src:"/static/images/support/failed.svg",alt:""})}),(0,i.jsx)("div",{className:A().support__error_description,children:"К сожалению, сервис поддержки временно недоступен. Пожалуйста, вернитесь позже"}),(0,i.jsx)("div",{className:A().support__error_text,children:"Связаться с нами"}),(0,i.jsx)("a",{className:A().support__error_contact,href:"mailto:[email protected]",children:"[email protected]"})]}):(0,i.jsxs)("div",{className:A().support__data,children:["desktop_web"!==I&&("desktop_web"===I||R||C||y||_)?null:(0,i.jsxs)("div",{className:"".concat(A().support__left," ").concat(A().support__scroll),children:[(0,i.jsxs)("div",{className:"".concat(A().support__create," ").concat(y&&!R?A().support__create_active:""),onClick:()=>this.handleCreate(y&&!R),children:[(0,i.jsx)("img",{src:"/static/images/support/".concat(y&&!R?"dots":"add",".svg"),alt:""}),(0,i.jsx)("span",{children:y&&!R?"Создание обращения":"Создать обращение"})]}),S?(0,i.jsxs)("div",{className:"".concat(A().support__error," ").concat(A().support__error_h),children:[(0,i.jsx)("div",{className:A().support__error_image,children:(0,i.jsx)("img",{src:"/static/images/support/failed.svg",alt:""})}),(0,i.jsx)("div",{className:A().support__error_description,children:"К сожалению, сервис поддержки временно недоступен. Пожалуйста, вернитесь позже"}),(0,i.jsx)("div",{className:A().support__error_text,children:"Связаться с нами"}),(0,i.jsx)("a",{className:A().support__error_contact,href:"mailto:[email protected]",children:"[email protected]"})]}):null,"desktop_web"===I||w&&w.length||S?null:(0,i.jsxs)("div",{className:A().support__empty,children:[(0,i.jsx)("img",{src:"/static/images/support/caption.svg",alt:""}),(0,i.jsx)("span",{children:"Чтобы начать чат, нажмите \xabСоздать обращение\xbb в колонке слева. Наши специалисты ответят максимально оперативно."})]}),w&&w.length&&!S?w.map(t=>(0,i.jsxs)("div",{className:"".concat(A().support__ticket," ").concat(h===t.case_id?A().support__ticket_active:""),onClick:()=>this.handleTicketClick(!1,t.case_id,h===t.case_id,"mobile_web"===I),children:[(0,i.jsxs)("div",{className:A().support__ticket_title,children:[t.subject,80===t.subject.length?"...":""]}),(0,i.jsxs)("div",{className:A().support__ticket_info,children:[(0,i.jsx)("div",{className:A().support__ticket_text,children:this.handleTicketDate(t.created_at)}),(0,i.jsxs)("div",{className:A().support__ticket_status,children:[(0,i.jsx)("div",{className:"".concat(A().support__ticket_dot," ").concat("closed"===t.status?A().closed:A().work)}),(0,i.jsx)("div",{className:A().support__ticket_text,children:"closed"===t.status?"Решён":"В работе"})]})]})]},t.case_id)):null]}),"desktop_web"===I||"desktop_web"!==I&&(R||C||y||_)?(0,i.jsxs)("div",{className:"".concat(A().support__right," ").concat(A().support__scroll),children:[_&&!h&&"desktop_web"===I?this.renderBackButton(()=>this.handleBackToArticles(!1)):"desktop_web"===I||R||l?null:_?this.renderBackButton(()=>this.handleBackToArticles(!1)):this.renderBackButton(this.handleBack),_&&!h?(0,i.jsx)(M,{title:"Не смогли решить проблему? Напишите в поддержку, мы поможем",description:"Опишите вашу проблему",emailLabel:"Введите свою почту",width:B,ticket:this.handleTicketClick,allTickets:this.fetchAllTickets,reset:this.handleReset,submited:this.handleSubmit,mobile:"mobile_web"===I,handleOmnidekError:this.handleOmnidekError,aas:"У меня другая проблема"}):R&&R.length?(0,i.jsxs)("div",{className:A().support__text,children:[(0,i.jsx)("div",{className:"".concat(A().support__response," ").concat(A().support__scroll),id:"messages",children:R.map((t,e)=>{let s=this.handleDate(t.created_at);if(this.renderDate!==s&&(this.renderPrevDate=this.renderDate,this.renderDate=s,this.renderIndex=e),t.content&&t.content.length||t.content_html&&t.content_html.length)return[this.renderDate&&this.renderPrevDate&&this.renderIndex===e&&e>0&&this.renderDate!==this.renderPrevDate?(0,i.jsx)("div",{className:"".concat(A().support__answer," ").concat(A().support__dm),children:this.renderDate},this.renderDate):"",(0,i.jsx)("div",{className:"".concat(A().support__answer," ").concat("reply_staff"===t.message_type?A().support__answer_left:A().support__answer_right),children:"reply_staff"===t.message_type?(0,i.jsxs)("div",{className:A().support__staff,children:[(0,i.jsx)("div",{className:A().support__staff_logo,children:(0,i.jsx)("img",{src:"/static/images/support/logo.svg",alt:""})}),(0,i.jsxs)("div",{className:A().support__staff_reply,children:[(0,i.jsx)("div",{className:A().support__staff_title,children:"Служба поддержки START"}),(0,i.jsxs)("div",{className:A().support__reply,children:[(0,i.jsx)("div",{dangerouslySetInnerHTML:{__html:t.content_html},onClick:this.handleReplyClick}),(0,i.jsx)("div",{className:A().support__date,children:this.handleMessageDate(t.created_at)})]}),t.attachments&&t.attachments.length?t.attachments.map(e=>(0,i.jsxs)("div",{className:A().support__attachment,children:[(0,i.jsx)("img",{src:e.url,onClick:()=>this.handleImageClick(e.url),alt:""}),(0,i.jsx)("span",{children:this.handleMessageDate(t.created_at)})]},"".concat(t.message_id,"-").concat(e.url))):null]})]}):(0,i.jsxs)("div",{className:A().support__user,children:[(0,i.jsxs)("div",{className:A().support__reply,children:[t.content?(0,i.jsx)("div",{children:t.content}):(0,i.jsx)("div",{dangerouslySetInnerHTML:{__html:t.content_html}}

1),(0,i.jsx)("div",{className:A().support__date,children:this.handleMessageDate(t.created_at)})]}),t.attachments&&t.attachments.length?t.attachments.map(e=>(0,i.jsxs)("div",{className:A().support__attachment,children:[(0,i.jsx)("img",{src:e.url,onClick:()=>this.handleImageClick(e.url),alt:""}),(0,i.jsx)("span",{children:this.handleMessageDate(t.created_at)})]},"".concat(t.message_id,"-").concat(e.url))):null]})},t.message_id)]})}),(0,i.jsxs)("div",{className:A().support__send,children:[(0,i.jsx)("textarea",{placeholder:"Напишите сообщение...",className:"".concat(A().support__field," ").concat(A().autoexpand),rows:"1","data-minrows":"1",onChange:this.onExpandableTextareaInput,value:c,style:{resize:"none"},id:"text"}),(0,i.jsxs)("div",{className:A().support__button,onClick:this.handleMessageSend,children:[(0,i.jsx)("img",{src:"/static/images/support/send.svg",alt:""}),(0,i.jsx)("span",{children:"Отправить"})]}),c?null:(0,i.jsxs)("div",{className:A().support__attach,children:[(0,i.jsx)("img",{src:"/static/images/support/camera_grey.svg",alt:""}),(0,i.jsx)("input",{type:"file",className:A().support__attach_input,accept:"image/jpg, image/jpeg, image/png",onChange:this.handleMomentFileSend})]})]})]}):C?(0,i.jsxs)("div",{className:A().support__article,children:[(0,i.jsx)("div",{className:A().support__part_item,onClick:()=>this.handleBackToArticles(!1),children:(0,i.jsxs)("div",{className:A().support__part_wrap,children:[(0,i.jsx)("img",{src:"/static/images/support/arrow_left.svg",alt:""}),(0,i.jsx)("span",{className:A().support__back,children:"Назад"})]})}),(0,i.jsx)("div",{className:A().support__article_title,children:C.article_title}),(0,i.jsx)("div",{dangerouslySetInnerHTML:{__html:C.article_content},className:A().support__article_content}),d?(0,i.jsxs)("div",{className:A().support__benefit,children:[(0,i.jsx)("div",{className:A().support__benefit_title,children:"Эта статья помогла вам?"}),(0,i.jsxs)("div",{className:A().support__benefit_buttons,children:[(0,i.jsx)("div",{className:A().support__benefit_l,onClick:()=>this.handleBenefitClick(!0,C.article_id),children:(0,i.jsx)("img",{src:"/static/images/support/like.svg",className:"".concat(A().support__benefit_like," ").concat(A().support__benefit_img),alt:""})}),(0,i.jsx)("div",{className:A().support__benefit_divider}),(0,i.jsx)("div",{className:A().support__benefit_l,onClick:()=>this.handleBenefitClick(!1,C.article_id),children:(0,i.jsx)("img",{src:"/static/images/support/dislike.svg",className:"".concat(A().support__benefit_dislike," ").concat(A().support__benefit_img),alt:""})})]})]}):null,(0,i.jsx)("div",{className:A().support__mTop,children:(0,i.jsx)(M,{title:"Статья не помогла или у вас другой вопрос? Напишите в поддержку, мы поможем.",description:"Ваш вопрос или описание проблемы",emailLabel:"Введите свою почту",width:B,reset:this.handleReset,submited:this.handleSubmit,ticket:this.handleTicketClick,allTickets:this.fetchAllTickets,mobile:"mobile_web"===I,handleOmnidekError:this.handleOmnidekError,aas:C.article_title})})]}):(0,i.jsxs)(r.Fragment,{children:[y?(0,i.jsxs)("div",{className:A().support__part,children:[(0,i.jsxs)("div",{className:A().support__part_title,children:[(0,i.jsx)("div",{className:A().support__part_title_cnt,children:"1/3"}),(0,i.jsx)("span",{children:"В каком из наших приложений у вас возникла проблема?"})]}),o?(0,i.jsx)("div",{className:A().support__part_wrap,children:(0,i.jsxs)("div",{className:"".concat(A().support__part_item," ").concat(A().support__close),children:[(0,i.jsx)("span",{children:o.category_title}),(0,i.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:()=>this.handleCloseCategories(!1),children:(0,i.jsx)("path",{d:"M14.1663 14.1668L5.83301 5.83351M5.83301 14.1668L14.1663 5.8335",stroke:"#757d8a",strokeLinecap:"round",strokeLinejoin:"round"})})]})},o.category_id):y&&y.map(t=>t.active&&-1!==n.qD.indexOf(t.category_id)?(0,i.jsx)("div",{children:(0,i.jsx)("div",{className:A().support__part_item,onClick:()=>this.handleCategorySelect(t),children:t.category_title})},t.category_id):null)]}):(0,i.jsxs)("div",{className:A().support__empty,children:[(0,i.jsx)("img",{src:"/static/images/support/caption.svg",alt:""}),(0,i.jsx)("span",{children:"Чтобы начать чат, нажмите \xabСоздать обращение\xbb в колонке слева. Наши специалисты ответят максимально оперативно."})]}),o&&(p||N&&N.length)?(0,i.jsxs)("div",{className:A().support__part,children:[(0,i.jsxs)("div",{className:A().support__part_title,children:[(0,i.jsx)("div",{className:A().support__part_title_cnt,children:"2/3"}),(0,i.jsx)("span",{children:"Решение проблем в приложении для ".concat(o.category_title)})]}),p?(0,i.jsx)("div",{className:A().support__part_wrap,children:(0,i.jsxs)("div",{className:"".concat(A().support__part_item," ").concat(A().support__close),children:[(0,i.jsx)("span",{children:p.section_title}),v?null:(0,i.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:()=>this.handleCloseSections(!1),children:(0,i.jsx)("path",{d:"M14.1663 14.1668L5.83301 5.83351M5.83301 14.1668L14.1663 5.8335",stroke:"#757d8a",strokeLinecap:"round",strokeLinejoin:"round"})})]})},p.section_id):N&&N.map(t=>t.active?(0,i.jsx)("div",{children:(0,i.jsx)("div",{className:A().support__part_item,onClick:()=>this.handleSectionSelect(t),children:t.section_title})},"".concat(t.category_id,"-").concat(t.section_id)):null),p&&o&&(l||E&&E.length)?null:(0,i.jsx)("div",{children:(0,i.jsx)("div",{className:A().support__part_item,onClick:t=>this.handleOther(t,"sections"),children:"У меня другая проблема"})})]}):null,p&&o&&(l||E&&E.length)?(0,i.jsxs)("div",{className:A().support__part,children:[(0,i.jsxs)("div",{className:A().support__part_title,children:[(0,i.jsx)("div",{className:A().support__part_title_cnt,children:"3/3"}),(0,i.jsx)("span",{children:"".concat(p.section_title," в приложении для ").concat(o.category_title)})]}),m?(0,i.jsx)("div",{children:(0,i.jsx)("div",{className:A().support__part_item,children:l?l.article_title:E?E.article_title:""})},"article-error"):E&&E.map(t=>t.active?(0,i.jsx)("div",{children:(0,i.jsx)("div",{className:A().support__part_item,onClick:()=>this.handleArticleSelect(t),children:t.article_title})},"".concat(t.category_id,"-").concat(t.section_id,"-").concat(t.article_id)):null),(0,i.jsx)("div",{children:(0,i.jsx)("div",{className:A().support__part_item,onClick:t=>this.handleOther(t,"articles"),children:"У меня другая проблема"})})]}):null]})]}):null]})})]})}constructor(...t){super(...t),this.state={type:this.props.type,reset:"recovery"===this.props.type,selectedCategory:null,selectedSection:null,selectedArticle:null,currentArticle:null,sectionError:!1,articleError:!1,renderOther:"appeal"===this.props.type,message:"",selectedCaseId:null,imageClicked:{visible:!1,source:""},benefitVisible:!0,createMessage:!1,omnideskRateLimitError:!1,omnideskApiError:!1,chatMessagesLength:null},this.loadedData=!1,this.virtualLoad=!1,this.firstEnter=0,this.renderDate=null,this.renderPrevDate=null,this.renderIndex=null,this.apiUrl=this.props.systemInformation.API_URL||n.H$,this.apiKey=this.props.systemInformation.API_KEY||n.Lq,this.scrollToBottom=()=>{let t=document.getElementById("messages");t&&(t.scrollTop=t.scrollHeight)},this.fetchAllTickets=()=>{let t=Math.floor(Date.now()/1e3);fetch("".concat(this.apiUrl).concat(o.PI.omnidesk.tickets).concat(this.apiKey,"&sort=updated_at_desc&to_time=").concat(t,"&from_time=").concat(t-0x1dfe200),{credentials:"include"}).then(t=>{t.status<400?t.json().then(t=>{this.props.fetchTickets(t.data)}):t.json().then(t=>{this.handleOmnidekError(t.code)})})},this.handleOmnidekError=(t,e)=>{switch(t){case"INTERNAL_ERROR":"articles"===e?this.setState({articleError:!0,selectedArticle:{article_id:null,article_title:"\uD83D\uDE14 К сожалению, статей на эту тему пока нет."},benefitVisible:!0}):"sections"===e&&this.setState({sectionError:!0,selectedSection:{section_id:null,

1section_title:"\uD83D\uDE14 К сожалению, статей на эту тему пока нет."},benefitVisible:!0});break;case"OMNIDESK_USER_RATE_LIMIT_ERROR":this.props.pushStackAddItem({text:"<span>Превышен лимит обращений</span> Попробуйте позже",withError:!0,withTitle:!0});break;case"OMNIDESK_RATE_LIMIT_ERROR":this.setState({omnideskRateLimitError:!0}),this.props.pushStackAddItem({text:"<span>Сервис поддержки временно недоступен</span> Попробуйте позже",withError:!0,withTitle:!0});break;case"OMNIDESK_API_ERROR":this.setState({omnideskApiError:!0})}},this.handleCreate=t=>{if(t)return!1;this.handleBackToArticles(!0),this.handleCloseSections(!0),this.handleCloseCategories(!0);let{clickHouseData:e}=this.props.systemInformation,s={...e,action_id:"click",screen_type:"settings",screen_attributes_id:"support",element_type:"button",element_attributes_id:"trouble",element_attributes_text:t?"Создание обращения":"Создать обращение",event_time:new Date().getTime()};this.props.clickHouseShoot(this.apiUrl,this.apiKey,s);let{categories:i}=this.props.omnidesk;i||fetch("".concat(this.apiUrl).concat(o.PI.omnidesk.categories).concat(this.apiKey,"&language=ru"),{credentials:"include"}).then(t=>{t.status<400?t.json().then(t=>{t.success&&t.data&&t.data.length&&(this.props.fetchCategories(t.data),this.props.fetchMessages(null)),this.setState({benefitVisible:!0,selectedCaseId:null,message:""})}):t.json().then(t=>{this.handleOmnidekError(t.code)})})},this.handleCategorySelect=t=>{if(!t||!t.category_id)return!1;this.setState({selectedCategory:t,articleError:!1,selectedArticle:null,sectionError:!1});let{clickHouseData:e}=this.props.systemInformation,s={...e,action_id:"click",screen_type:"support",screen_attributes_id:"main",block_type:"block",block_attributes_id:"category",element_type:"button",element_attributes_id:t.category_title,element_attributes_text:t.category_title,event_time:new Date().getTime()};this.props.clickHouseShoot(this.apiUrl,this.apiKey,s),fetch("".concat(this.apiUrl).concat(o.PI.omnidesk.sections).concat(this.apiKey,"&language=ru&category_id=").concat(t.category_id),{credentials:"include"}).then(t=>{t.status<400?t.json().then(t=>{this.props.fetchSections(t.data)}):t.json().then(t=>{this.handleOmnidekError(t.code,"sections")})})},this.handleSectionSelect=t=>{if(!t||!t.section_id)return!1;this.setState({selectedSection:t});let{clickHouseData:e}=this.props.systemInformation,s={...e,action_id:"click",screen_type:"support",screen_attributes_id:"main",block_type:"block",block_attributes_id:"section",element_type:"button",element_attributes_id:t.section_title,element_attributes_text:t.section_title,event_time:new Date().getTime()};this.props.clickHouseShoot(this.apiUrl,this.apiKey,s),fetch("".concat(this.apiUrl).concat(o.PI.omnidesk.articles).concat(this.apiKey,"&language=ru&section_id=").concat(t.section_id),{credentials:"include"}).then(t=>{t.status<400?t.json().then(t=>{this.props.fetchArticles(t.data),this.setState({articleError:!1})}):t.json().then(t=>{this.handleOmnidekError(t.code,"articles")})})},this.handleArticleSelect=t=>{if(!t||!t.article_id)return!1;this.setState({selectedArticle:t});let{clickHouseData:e,deviceSize:s}=this.props.systemInformation,i={...e,action_id:"click",screen_type:"support",screen_attributes_id:"main",block_type:"block",block_attributes_id:"article",element_type:"button",element_attributes_id:t.article_title,element_attributes_text:t.article_title,event_time:new Date().getTime()};this.props.clickHouseShoot(this.apiUrl,this.apiKey,i),fetch("".concat(this.apiUrl).concat(o.PI.omnidesk.article).concat(t.article_id).concat(this.apiKey,"&language=ru"),{credentials:"include"}).then(t=>{t.status<400?t.json().then(t=>{this.props.fetchArticle(t.data),"desktop_web"!==s&&window.scroll(0,0)}):t.json().then(t=>{this.handleOmnidekError(t.code,"articles"),this.setState({articleError:!0,currentArticle:{article_id:null,article_title:"\uD83D\uDE14 К сожалению, статей на эту тему пока нет."},benefitVisible:!0})})})},this.handleBackToArticles=t=>{if(this.props.fetchArticle(null),this.setState({selectedArticle:null,renderOther:!1,benefitVisible:!0}),!t){let{clickHouseData:t}

1=this.props.systemInformation,e={...t,action_id:"click",screen_type:"support",screen_attributes_id:"main",block_type:"block",block_attributes_id:"another_trouble",element_type:"button",element_attributes_id:"back",element_attributes_text:"Назад",event_time:new Date().getTime()};this.props.clickHouseShoot(this.apiUrl,this.apiKey,e)}},this.handleCloseSections=t=>{if(this.setState({selectedSection:null,selectedArticle:null,benefitVisible:!0}),!t){let{clickHouseData:t}=this.props.systemInformation,e={...t,action_id:"click",element_type:"button",element_attributes_id:"close_sections",event_time:new Date().getTime()};this.props.clickHouseShoot(this.apiUrl,this.apiKey,e)}},this.handleCloseCategories=t=>{if(this.setState({selectedCategory:null,selectedSection:null,selectedArticle:null,benefitVisible:!0}),!t){let{clickHouseData:t}=this.props.systemInformation,e={...t,action_id:"click",element_type:"button",element_attributes_id:"close_categories",event_time:new Date().getTime()};this.props.clickHouseShoot(this.apiUrl,this.apiKey,e)}},this.handleOther=(t,e)=>{this.setState({renderOther:!0,benefitVisible:!0,selectedCaseId:null});let{clickHouseData:s,deviceSize:i}=this.props.systemInformation,r={...s,action_id:"click",screen_type:"support",screen_attributes_id:"main",block_type:"block",block_attributes_id:"articles"===e?"article":"section",element_type:"button",element_attributes_id:t.target.innerText,element_attributes_text:"У меня другая проблема",event_time:new Date().getTime()};this.props.clickHouseShoot(this.apiUrl,this.apiKey,r),"desktop_web"!==i&&window.scroll(0,0)},this.handleTicketDate=t=>{let e=new Date(t),s=e.getDate(),i=n.wp[e.getMonth()];return"".concat(s," ").concat(i)},this.handleTicketClick=(t,e,s,i)=>{if(!t){let{clickHouseData:t}=this.props.systemInformation,s={...t,action_id:"click",element_type:"ticket",element_attributes_id:e,event_time:new Date().getTime()};this.props.clickHouseShoot(this.apiUrl,this.apiKey,s)}if(s)return!1;this.props.fetchCategories(null),this.textareaSizeReset(),fetch("".concat(this.apiUrl).concat(o.PI.omnidesk.messages).concat(e).concat(this.apiKey),{credentials:"include"}).then(t=>{t.status<400?t.json().then(t=>{this.props.fetchMessages(t.data),this.setState({selectedCaseId:e,benefitVisible:!0,message:""}),i?window.scroll(0,0):this.scrollToBottom()}):t.json().then(t=>{this.handleOmnidekError(t.code)})})},this.handleMessages=t=>t&&t.length?t.filter(t=>"reply_user"===t.message_type&&"Microsoft Outlook"!==t.full_name||"reply_staff"===t.message_type):null,this.handleDate=t=>{let e=t?new Date(t):new Date,s=e.getDate(),i=n.wp[e.getMonth()];return"".concat(s," ").concat(i)},this.handleMessageDate=t=>{let e=new Date(t),s=(0,n.gv)(e.getMinutes()),i=(0,n.gv)(e.getHours());return"".concat(i,":").concat(s)}

1,this.getScrollHeight=t=>{let e=t.value;t.value="",t._baseScrollHeight=t.scrollHeight,t.value=e},this.onExpandableTextareaInput=t=>{let{target:e}=t;if(!e.classList.contains(A().autoexpand)||"TEXTAREA"==!e.nodeName)return;let s=0|e.getAttribute("data-minrows"),i;if(e._baseScrollHeight||this.getScrollHeight(e),e.rows=s,!this.firstEnter&&e.scrollHeight-e._baseScrollHeight>0&&(this.firstEnter=e.scrollHeight-e._baseScrollHeight),i=Math.ceil((e.scrollHeight-e._baseScrollHeight)/this.firstEnter)){let t=s+i;e.rows=t>=5?5:t,"mobile_web"!==this.props.systemInformation.deviceSize&&this.scrollToBottom(),5===t&&(e.style.overflowY="scroll")}this.setState({message:e.value||""})},this.sendMessage=(t,e)=>{fetch("".concat(this.apiUrl).concat(o.PI.omnidesk.addMessage).concat(e).concat(this.apiKey),{credentials:"include",method:"POST",body:t}).then(t=>{t.status<400?this.handleTicketClick(!0,e):t.json().then(t=>{this.handleOmnidekError(t.code)})})},this.handleMomentFileSend=t=>{let{name:e,size:s,type:i}=t.target.files[0];if(s>5e6)return this.props.pushStackAddItem({text:"Максимальный размер файла 5мб",withError:!0}),!1;if(-1===i.indexOf("png")&&-1===i.indexOf("jpg")&&-1===i.indexOf("jpeg"))return this.props.pushStackAddItem({text:"Неверный формат изображения",withError:!0}),!1;let{selectedCaseId:r}=this.state,a=new FormData;a.append("content",e),a.append("attachments",t.target.files[0]),this.sendMessage(a,r)},this.handleMessageSend=()=>{let{message:t,selectedCaseId:e}=this.state;if(!t||!t.replace(/\s/g,"").length)return this.props.pushStackAddItem({text:"Сообщение не может быть пустым",withError:!0}),!1;let s=new FormData;s.append("content",t),this.sendMessage(s,e),this.textareaSizeReset()},this.textareaSizeReset=()=>{this.setState({message:""});let t=document.getElementById("text");t&&(t.rows="1",t.dataset.minrows="1")},this.handleImageClick=t=>{this.props.toggleImageComponent({source:t,visible:!0}),this.props.toggleVisiblePopup(!0)},this.handleReplyClick=t=>{let e=t.target.closest("img");this.handleImageClick(e.src)},this.handleBenefitClick=(t,e)=>{this.setState({benefitVisible:!1}),this.props.pushStackAddItem({text:"Спасибо за ответ"});let{clickHouseData:s}=this.props.systemInformation,i={...s,action_id:"click",action_result:t?"like":"dislike",action_attributes_str:e,action_parameter:"article",event_time:new Date().getTime()};this.props.clickHouseShoot(this.apiUrl,this.apiKey,i)},this.handleBack=()=>{this.props.fetchCategories(null),this.props.fetchMessages(null),this.props.fetchSections(null),this.props.fetchArticles(null),this.props.fetchArticle(null),this.setState({selectedCategory:null,selectedSection:null,selectedArticle:null,benefitVisible:!1,renderOther:!1,selectedCaseId:null});let{clickHouseData:t}=this.props.systemInformation,e={...t,action_id:"click",element_type:"button",element_attributes_id:"back",event_time:new Date().getTime()};this.props.clickHouseShoot(this.apiUrl,this.apiKey,e)},this.handleReset=()=>{this.setState({renderOther:!1,benefitVisible:!1})},this.handleSubmit=()=>{this.props.pushStackAddItem({text:"Обращение создано"})},this.handleReturnCookieSet=()=>{(0,p.TV)("supportReturn","/support")},this.renderBackButton=t=>(0,i.jsx)("div",{className:"".concat(A().support__mBot," ").concat(A().support__part_item),onClick:t,children:(0,i.jsxs)("div",{className:A().support__part_wrap,children:[(0,i.jsx)("img",{src:"/static/images/support/arrow_left.svg"}),(0,i.jsx)("span",{className:A().support__back,children:"Назад"})]})})}}let H=(0,a.Ng)(t=>({registration:t.registration,systemInformation:t.systemInformation,omnidesk:t.omnidesk,profile:t.profile}),O)(B)},58567:(t,e,s)=>{"use strict";function i(t){return{type:"FETCH_TICKETS",payload:t}}function r(t){return{type:"FETCH_CATEGORIES",payload:t}}function a(t){return{type:"FETCH_SECTIONS",payload:t}}function o(t){return{type:"FETCH_ARTICLES",payload:t}}function n(t){return{type:"FETCH_ARTICLE",payload:t}}function p(t){return{type:"FETCH_MESSAGES",payload:t}}s.d(e,{HQ:()=>a,WS:()=>i,jE:()=>r,lj:()=>p,qq:()=>o,xZ:()=>n})},38159:t=>{t.exports={"storybook-root":"Support_storybook-root__DvGPu",support:"Support_support__m1ugT",support__account:"Support_support__account__IgG52",support__header:"Support_support__header__Wwj_L",support__header_back:"Support_support__header_back__vHJfc",support__header_title_account:"Support_support__header_title_account__zL4h2",support__header_title:"Support_support__header_title__eDXKp",support__body:"Support_support__body__YY1mX",support__sign:"Support_support__sign__PMWR6",support__sign_title:"Support_support__sign_title__NrxIY",support__sign_button_m:"Support_support__sign_button_m__UmAYS",support__sign_button_s:"Support_support__sign_button_s__xAbn0",supp

1ort__mb:"Support_support__mb__0mZG2",support__sign_files:"Support_support__sign_files__nKksb",support__errorText:"Support_support__errorText__mq5vq",support__data:"Support_support__data__rBMsr",support__left:"Support_support__left__VUMkh",support__right:"Support_support__right__Fe1k0",support__create:"Support_support__create__StBRh",support__create_active:"Support_support__create_active__KFIfJ",support__empty:"Support_support__empty__z2p0g",support__part:"Support_support__part__CR8_O",support__part_title:"Support_support__part_title__qugEQ",support__part_title_cnt:"Support_support__part_title_cnt__mTS0t",support__part_item:"Support_support__part_item__EmSvA",support__part_wrap:"Support_support__part_wrap__EJOuP",support__close:"Support_support__close__zGW_4",support__article_title:"Support_support__article_title__fx4KR",support__article_content:"Support_support__article_content__wXS2l",support__back:"Support_support__back__ACeTw",support__ticket:"Support_support__ticket__PnAkX",support__ticket_active:"Support_support__ticket_active__jnaPM",support__ticket_title:"Support_support__ticket_title__izbOV",support__ticket_info:"Support_support__ticket_info__gxqiy",support__ticket_text:"Support_support__ticket_text__Gf1mY",support__ticket_status:"Support_support__ticket_status__MSo6w",support__ticket_dot:"Support_support__ticket_dot__Zmi0G",closed:"Support_closed__H2ApK",work:"Support_work__hv70E",support__text:"Support_support__text__4ByRM",support__response:"Support_support__response__BTUYl",support__answer:"Support_support__answer__28uJe",support__dm:"Support_support__dm__tjCjR",support__reply:"Support_support__reply__TvNLh",support__answer_left:"Support_support__answer_left__CPyI_",support__answer_right:"Support_support__answer_right__xl6JS",support__date:"Support_support__date__LuBb2",support__attachment:"Support_support__attachment__MSdzn",support__user:"Support_support__user__kb7TI",support__send:"Support_support__send__g9iuE",support__button:"Support_support__button__1KOUV",support__field:"Support_support__field__EUYvq",support__attach:"Support_support__attach__k9rde",support__attach_input:"Support_support__attach_input__RX9Gz",support__staff:"Support_support__staff__B7KV_",support__staff_logo:"Support_support__staff_logo__ZS6Sg",support__staff_title:"Support_support__staff_title__doIu2",support__scroll:"Support_support__scroll___wRdx",support__mTop:"Support_support__mTop__Tn2Rv",support__mBot:"Support_support__mBot__r3dIX",support__benefit:"Support_support__benefit__wlp57",support__benefit_title:"Support_support__benefit_title___YsS6",support__benefit_buttons:"Support_support__benefit_buttons__dtLH8",support__benefit_l:"Support_support__benefit_l__3FIOu",support__benefit_img:"Support_support__benefit_img__mdMRC",support__benefit_divider:"Support_support__benefit_divider__LeC7c",support__error:"Support_support__error__Cc2FO",support__error_h:"Support_support__error_h__LGRHD",support__error_image:"Support_support__error_image__1Wnb8",support__error_description:"Support_support__error_description__CEyB8",support__error_text:"Support_support__error_text__KEqGt",support__error_contact:"Support_support__error_contact__SPO_B",support__mBack:"Support_support__mBack__xoF_5"}}}]);