(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[405],{87314:function(e,o,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return t(81673)}])},81673:function(e,o,t){"use strict";t.r(o),t.d(o,{__N_SSP:function(){return Ot},default:function(){return Bt}});var r=t(52322),i=t(2784),n=t(41123),a=t(1848),s=t(1493),l=t(37327),c=t(4678),d=t(41319);const u={"&.enter":{opacity:0},"&.enter-active":{opacity:1,transition:"opacity 200ms"},"&.exit":{opacity:1},"&.exit-active":{opacity:0,transition:"opacity 200ms"}},m={"&.enter":{opacity:0,transform:"scale(0.9)"},"&.enter-active":{opacity:1,transform:"translateX(0)",transition:"opacity 200ms, transform 200ms"},"&.exit":{opacity:1},"&.exit-active":{opacity:0,transform:"scale(0.9)",transition:"opacity 200ms, transform 200ms"}},p={position:"absolute",top:0,right:0,bottom:0,left:0};var h=t(18316);var g=(0,d.k)(((e,o)=>{let{isMobile:t}=o;return{root:{position:"relative",minWidth:0,maxWidth:t?"100%":h.V9,width:"100%",minHeight:0,maxHeight:t?"100%":h.EE,height:"100%",display:"flex",flexDirection:"column",backgroundColor:"dark"===e.colorScheme?e.colors.dark[7]:e.white,...t?u:m,...!t&&{borderRadius:10,boxShadow:"4px 0 24px rgba(0, 0, 0, .12)"}},header:{padding:e.spacing.lg,borderBottom:"1px solid ".concat("dark"===e.colorScheme?e.colors.dark[4]:e.colors.gray[3])},actions:{margin:"0 -6px 0 auto",display:"flex",gap:24},closeBtn:{color:"dark"===e.colorScheme?e.colors.dark[1]:e.colors.gray[7],"&:hover":{color:"dark"===e.colorScheme?e.colors.dark[0]:e.colors.gray[7]}},content:{flex:1,display:"flex",minHeight:0,flexDirection:"column"}}})),v=t(34392),f=t(49102),x=t(69976),y=t(77009),b=t(13888),k=t.n(b);var j=t(96769),w=t(21805),C=t(77795),S=t(6401);var R=e=>{let{children:o,header:t,subHeader:n}=e;const{params:s}=(0,x.E)(),[l]=(0,S.$G)(),{isMobile:d}=s,{classes:u}=g({isMobile:d}),m=function(){const e=(0,f.T)(),{cookies:o}=(0,x.E)();return(0,i.useCallback)((()=>{e((0,y.X0)(!1))}),[e])}(),p=w.Z.get(h.xh.messageSoundActive),[b,k]=(0,i.useState)(!p||Boolean(Number(p))),R=e=>{k(Boolean(e)),w.Z.set(h.xh.messageSoundActive,"".concat(e),h._V)};return(0,i.useEffect)((()=>{p||w.Z.set(h.xh.messageSoundActive,"1",h._V)}),[p]),(0,r.jsxs)("div",{className:u.root,children:[(0,r.jsxs)(c.Z,{className:u.header,children:[t,(0,r.jsxs)("div",{className:u.actions,children:[(0,r.jsx)(C.u,{label:l("\u0417\u0432\u0443\u043a\u043e\u0432\u044b\u0435 \u0443\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u044f"),withArrow:!0,children:(0,r.jsx)(a.A,{variant:"transparent",size:26,className:u.closeBtn,...(0,j.N)("sound-button"),children:b?(0,r.jsx)(v.d2K,{style:{stroke:"#258C60"},onClick:()=>R(0)}):(0,r.jsx)(v.DXn,{onClick:()=>R(1)})})}),(0,r.jsx)(a.A,{variant:"transparent",size:26,className:u.closeBtn,onClick:m,...(0,j.N)("close-widget-button"),children:(0,r.jsx)(v.kLi,{})})]}),n]}),(0,r.jsx)("div",{className:u.content,children:o})]})},N=t(93490),I=t(69558),z=t(94225);var M=(0,d.k)(((e,o,t)=>({root:{position:"relative",height:"100%",display:"flex",flexDirection:"column"},messagesBlock:{position:"relative",minHeight:0,display:"flex",flex:"auto"},messageList:{flex:"auto",minHeight:0,padding:"16px 20px 19px 20px",overflowY:"auto",["& .".concat(t("message"),", & .").concat(t("serviceMessage"))]:{":not(:first-of-type)":{marginTop:e.spacing.xs},":not(:last-of-type)":{marginBottom:e.spacing.xs}},["& .".concat(t("messageDivider"))]:{":not(:first-of-type)":{marginTop:e.spacing.sm},":not(:last-of-type)":{marginBottom:e.spacing.sm}}},messageGroup:{"&:not(:first-of-type)":{marginTop:e.spacing.xs},"&:not(:last-of-type)":{marginBottom:e.spacing.xs}}})));var T=(0,d.k)(((e,o)=>{let{bottomEmoji:t}=o;return{root:{flex:"none",position:"relative"},container:{position:"relative",padding:"8px 15px",borderTop:"1px solid ".concat("dark"===e.colorScheme?e.colors.dark[4]:e.colors.gray[3]),"> .mantine-Grid-root > *, > .mantine-rtl-Grid-root > *":{display:"flex",minHeight:53,alignItems:"center",userSelect:"none"},".mantine-ActionIcon-root, .mantine-rtl-ActionIcon-root":{color:"dark"===e.colorScheme?e.colors.dark[3]:e.colors.gray[5],"&:hover":{color:"dark"===e.colorScheme?e.colors.dark[2]:e.colors.gray[6]}},textarea:{padding:"6px 0 8px 0"},"textarea::placeholder":{color:"dark"===e.colorScheme?e.colors.dark[3]:e.colors.gray[6]}},uploadButton:{".icon.icon-tabler-paperclip":{transform:"scale(".concat("rtl"===e.dir?"-1":"1",", 1)")}},sendButton:{color:"".concat(e.white," !important"),backgroundColor:"".concat("dark"===e.colorScheme?e.colors[e.primaryColor][8]:e.colors[e.primaryColor][6]," !important"),"&:hover":{backgroundColor:"".concat("dark"===e.colorScheme?e.colors[e.primaryColor][8]:e.colors[e.primaryColor][7]," !important")},".icon":{fill:"currentColor"},".icon.icon-tabler-send":{margin:"0 3px 0 0",fill:"currentColor",transform:"rotate(".concat("rtl"===e.dir?"220deg":"40deg",")")}},emoji:{position:"absolute",bottom:t,left:25,zIndex:3,"em-emoji-picker":{maxHeight:350}}}})),L=t(51389),A=t(82073),F=t(38443),E=t(3178),O=t(81702),B=t(6804),G=t(16223),D=t(54489),P=t(69584),H=t(83958);function Z(){const e=(0,f.T)();return(0,i.useCallback)((o=>{e((0,H.cl)(o))}),[e])}var $=t(22016),W=t(37735),U=t(75031);var _=(0,d.k)((()=>({modalRoot:{position:"absolute",borderRadius:"10px !important",overflow:"hidden"},modalOverlay:{position:"absolute !important",inset:25},modalModal:{width:"100%",maxWidth:350,borderRadius:10}}))),V=t(59756),Y=t.n(V),q=t(55281),X=t.n(q),J=t(256),K=t(26042),Q=t(66692);const ee=()=>{const[e,o]=(0,i.useState)([]),[t,r]=(0,i.useState)([]);return{mediaDocuments:e,getMediaDocuments:async e=>{var i;const n=null===(i=await Promise.all(e.map((async e=>{var o;return null===(o=await(async e=>{if(!e)return;const o=h.oG.has(e.type),i=await(0,K._A)(e);if(X()(t,(e=>(0,Q.vt)(e)===(0,Q.vt)(i))))return;const n=[...t];if(o){const o=(0,Q.t_)(i);n.push({...i,width:(null===o||void 0===o?void 0:o.width)||0,height:(null===o||void 0===o?void 0:o.height)||0,src:i.src||"",originName:e.name})}return o||n.push({...i,width:0,height:0,src:"",originName:e.name}),await r(n),n})(e))||void 0===o?void 0:o[0]}))))||void 0===i?void 0:i.filter((e=>void 0!==e));await o(n),r([])},deleteMediaDocument:e=>{o((o=>o.filter((o=>o.id!==e))))}}};var oe=t(23800),te=t(28165);const re=(0,te.F4)({from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}});var ie=(0,d.k)(((e,o)=>{let{isImages:t}=o;return{root:{position:"relative",overflowY:"auto",overflowX:"hidden",maxHeight:"400px",".mantine-List-root":{maxWidth:"297px"},".react-photo-album--row":{marginLeft:"auto",marginRight:"auto"}},container:{margin:"40px 0px 30px"},ringProgress:{".mantine-RingProgress-root, .mantine-rtl-RingProgress-root":{position:"absolute",top:"50%",left:"50%",backgroundColor:e.colors.gray[9],transform:"translate(-50%, -50%)",zIndex:1,...!t&&{top:"15px",left:"90%",transform:"translate(-50%, -50%) scale(0.6)"}},".mantine-RingProgress-root > svg, .mantine-rtl-RingProgress-root > svg":{animation:"".concat(re," 2s linear infinite")},".mantine-ActionIcon-root, .mantine-rtl-ActionIcon-root":{color:e.white}}}}));var ne=(0,d.k)(((e,o)=>{let{hidable:t}=o;return{root:{position:"relative",maxWidth:"fit-content",img:{minHeight:70,borderRadius:6},...t&&{"&:hover .mantine-RingProgress-root, &:hover .mantine-rtl-RingProgress-root":{visibility:"visible",opacity:.65}},".mantine-RingProgress-root, .mantine-rtl-RingProgress-root":{position:"absolute",top:"50%",left:"50%",backgroundColor:e.colors.gray[9],transform:"translate(-50%, -50%)",zIndex:1,...t&&{visibility:"hidden",transition:"all 200ms"}},"circle:first-of-type":{stroke:e.colors.gray[9]},".mantine-ActionIcon-root, .mantine-rtl-ActionIcon-root":{color:e.white}},icon:{position:"absolute",top:3,right:0,width:26,height:26,backgroundColor:"".concat(e.colors.dark[9]),color:"".concat(e.colors.gray[1]),padding:4,margin:2,borderRadius:6,opacity:0,cursor:"pointer","&:hover":{opacity:.65}},overlay:{...p,backdropFilter:"blur(8px) invert(0.15)",borderRadius:6}}})),ae=t(79830),se=t(33538),le=t(23766);new Map;function ce(){const e=(0,f.C)(se.sR),{api:o}=(0,G.E)(),[t,r]=(0,le.Z)(),n=(0,i.useCallback)((async(t,i,n)=>{if(!e||!t)return;if((null===i||void 0===i?void 0:i.uri)&&(0,Q.JN)(i.expiryIn))return i.uri;const a=await o.getDownloadMediaLink(t.id,n);return r({uri:a.uri,expiryIn:a.expiryIn}),a.uri}),[o,e,r]);return{mediaLink:t,getMediaLink:n,downloadMedia:async e=>{const t=(0,Q.vt)(e);((e,o)=>{const t=document.createElement("a");t.setAttribute("href",e),t.setAttribute("download",o||"unknown"),t.click()})((await o.getDownloadMediaLink(e.id)).uri,t)}}}var de=t(34914),ue=t(57591);const me=(0,te.F4)({from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}});var pe=(0,d.k)((e=>({root:{background:"light"===e.colorScheme?"rgba(0, 0, 0, .5)":e.colors[e.primaryColor][6],borderRadius:"50%","> svg":{animation:"".concat(me," 2s linear infinite")},"circle:first-of-type":{stroke:"transparent"}},icon:{color:e.white}})));var he=e=>{let{progress:o,onIconClick:t,children:i}=e;const{classes:n}=pe(),s=void 0!==o;return(0,r.jsx)(de.T,{roundCaps:!0,size:44,thickness:2,sections:[s?{value:o,color:"white"}:{value:0,color:"transparent"}],label:(0,r.jsx)(ue.M,{children:(0,r.jsx)(a.A,{variant:"transparent",size:28,onClick:t,className:n.icon,children:i})}),classNames:{root:n.root}})};const ge=e=>{const{image:o,wrapperStyle:t,fileUpload:n,deleteImage:a}=e,{mediaLink:s,getMediaLink:l,downloadMedia:c}=ce(),[d,{setFalse:u}]=(0,$.Z)(!0),m=!a,p=void 0!==(null===n||void 0===n?void 0:n.progress),{classes:h}=ne({hidable:!p});return(0,i.useEffect)((()=>{const e=(0,Q.og)(o);o.src||(async()=>{await l(o,s,null===e||void 0===e?void 0:e.sizeOption)})()}),[o]),(0,r.jsxs)(I.x,{className:h.root,style:{...t},children:[(0,r.jsx)(ae.E,{src:o.src||(null===s||void 0===s?void 0:s.uri),fit:"contain",onLoad:u}),a&&(0,r.jsx)("div",{className:h.icon,onClick:()=>null===a||void 0===a?void 0:a(o.id),children:(0,r.jsx)(v.IT9,{size:18})}),m&&!p&&(0,r.jsx)(he,{onIconClick:()=>c(o),children:(0,r.jsx)(v.DjJ,{})}),(p||d)&&(0,r.jsx)("div",{className:h.overlay})]})};var ve=t(18328),fe=t(19245);var xe=(0,d.k)(((e,o)=>{let{hidable:t}=o;return{root:{fontSize:e.fontSizes.sm,".mantine-Image-image, .mantine-rtl-Image-image":{maxWidth:64,maxHeight:64,objectFit:"contain",borderRadius:6}},box:{position:"relative",maxWidth:"fit-content",img:{minHeight:70,borderRadius:6},...t&&{"&:hover .mantine-RingProgress-root, &:hover .mantine-rtl-RingProgress-root":{visibility:"visible",opacity:.65}},".mantine-RingProgress-root, .mantine-rtl-RingProgress-root":{position:"absolute",top:"50%",left:"50%",backgroundColor:e.colors.gray[9],transform:"translate(-50%, -50%)",zIndex:1,...t&&{visibility:"hidden",transition:"all 200ms"}},"circle:first-of-type":{stroke:e.colors.gray[9]},".mantine-ActionIcon-root, .mantine-rtl-AspectRatio-root":{color:e.white}},name:{textOverflow:"ellipsis",whiteSpace:"nowrap"},size:{textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},overlay:{...p,backdropFilter:"blur(8px) invert(0.15)",borderRadius:6}}}));const ye=e=>{const{textSize:o,filename:t,progress:i,src:n,icon:a,onClick:s}=e,[l,{setFalse:c}]=(0,$.Z)(!0),d=n?22:26,u=void 0!==i,{classes:m}=xe({hidable:!u}),p=null===t||void 0===t?void 0:t.split("."),h=t&&t.length>d?"".concat(t.substring(0,d),"...").concat(null===p||void 0===p?void 0:p.at(-1)):t;return(0,r.jsx)("div",{className:m.root,children:(0,r.jsxs)(L.Grid,{gutter:8,align:"center",style:{flexWrap:"nowrap"},children:[(0,r.jsxs)(fe.J,{style:{flex:"none"},children:[!n&&(0,r.jsx)(he,{progress:i,onIconClick:s,children:a||(0,r.jsx)(v.XhR,{style:{marginLeft:1}})}),n&&(0,r.jsxs)(I.x,{className:m.box,children:[(0,r.jsx)(ae.E,{src:n,fit:"contain",onLoad:c}),s&&!u&&(0,r.jsx)(he,{progress:i,onIconClick:s,children:(0,r.jsx)(v.DjJ,{})}),(u||l)&&(0,r.jsx)("div",{className:m.overlay})]})]}),(0,r.jsxs)(fe.J,{style:{flex:"auto",minWidth:0,lineHeight:1.5},children:[!!h&&(0,r.jsx)("div",{className:m.name,children:h}),(0,r.jsx)("div",{className:m.size,children:o})]})]})})};var be=i.memo(ye),ke=t(8938),je=t.n(ke);var we=(0,d.k)(((e,o)=>{let{cursor:t}=o;return{root:{".mantine-ActionIcon-root, .mantine-rtl-ActionIcon-root":{cursor:t||"default"}},deletedIcon:{color:"".concat(e.colors.gray[7]),cursor:"pointer"}}}));var Ce=e=>{let{file:o,progress:t,deleteFile:n}=e;var a;const[s]=(0,S.$G)(),{classes:l}=we({cursor:n?"default":"pointer"}),c=h.oG.has(o.mimeType)&&2===(null===(a=o.attributes)||void 0===a?void 0:a.length),d=(0,Q.vt)(o),u=void 0!==t,m=!n&&!u,[p,{setTrue:g}]=(0,$.Z)(!1),{mediaLink:f,getMediaLink:x,downloadMedia:y}=ce();(0,i.useEffect)((()=>{c&&!o.src&&(async()=>{await x(o)})()}),[o]);const b=u?s("\u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0430")+"...":je()((null===o||void 0===o?void 0:o.size)||0,{unitSeparator:" "});return(0,r.jsxs)(L.Grid,{align:"center",style:{margin:"8px 0"},className:l.root,children:[(0,r.jsx)(fe.J,{span:11,children:(0,r.jsx)(be,{filename:d,textSize:b,progress:t,src:c&&((null===f||void 0===f?void 0:f.uri)||o.src)||"",onClick:m?()=>y(o):void 0})}),!!n&&(0,r.jsx)(fe.J,{span:1,children:(0,r.jsx)("div",{className:l.deletedIcon,onClick:()=>p?void 0:(g(),void(null===n||void 0===n||n(o.id))),children:(0,r.jsx)(v.IT9,{size:18})})})]})};var Se=e=>{let{medias:o,fileUpload:t,onClose:n,deleteMedia:a}=e;const s=!o.find((e=>{var o;return!h.oG.has(e.mimeType)||(null===(o=e.attributes)||void 0===o?void 0:o.length)<2})),{classes:l}=ie({isImages:s}),c=null===t||void 0===t?void 0:t.progress,d=void 0!==c,u=e=>{1===o.length&&(null===n||void 0===n||n()),null===a||void 0===a||a(e)};return(0,r.jsxs)("div",{className:l.root,children:[s?(0,r.jsx)(oe.Z,{layout:"rows",photos:o,spacing:5,targetRowHeight:50,defaultContainerWidth:1,renderContainer:e=>{let{containerProps:o,children:t,containerRef:i}=e;return(0,r.jsx)("div",{className:l.container,ref:i,...o,children:t})},renderRowContainer:e=>{let{rowContainerProps:o,rowIndex:t,children:r}=e;return(0,i.createElement)("div",{...o,key:t},null===r||void 0===r?void 0:r.map(((e,o)=>({...e,key:"".concat(t,"-").concat(o)}))))},renderPhoto:e=>(e=>{let{photo:o,...t}=e;return(0,i.createElement)(ge,{image:o,...t,key:o.id||o.originName})})({...e,fileUpload:t,deleteImage:a?u:void 0}),rowConstraints:{maxPhotos:3,singleRowMaxHeight:250}}):(0,r.jsx)(ve.a,{children:o.map((e=>(0,r.jsx)(Ce,{file:e,progress:c,deleteFile:a?u:void 0},e.id)))}),d&&(0,r.jsx)("div",{className:l.ringProgress,children:(0,r.jsx)(he,{progress:c,onIconClick:()=>{d&&(null===t||void 0===t||t.cancel())},children:(0,r.jsx)(v.kLi,{})})})]})};var Re=(0,d.k)((e=>({root:{".mantine-RingProgress-root, .mantine-rtl-RingProgress-root":{background:"dark"===e.colorScheme?e.colors[e.primaryColor][8]:e.colors[e.primaryColor][6]},"circle:first-of-type":{stroke:"dark"===e.colorScheme?e.colors[e.primaryColor][8]:e.colors[e.primaryColor][6]},".mantine-ActionIcon-root, .mantine-rtl-ActionIcon-root":{color:e.white}}})));const Ne=e=>{let{medias:o,onChange:t,onClose:n}=e;const[a]=(0,S.$G)(),s=(0,f.C)(H.Kk),l=(0,i.useRef)(null),{mediaDocuments:d,getMediaDocuments:u}=ee(),m=(0,f.C)(y.yT),p=(0,O.$3)(),h=Z(),[g,v]=(0,i.useState)([]),[x,{setTrue:b,setFalse:k}]=(0,$.Z)(!1),{classes:w}=Re(),C=m===P.w.Ready;(0,i.useEffect)((()=>{v([]);(async()=>{await u(o)})().catch(console.error)}),[o]);const R=(0,J.c)({initialValues:{comment:s},validate:{comment:e=>e&&e.trim().length<2?a("\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u043d\u0435 \u043c\u0435\u043d\u0435\u0435 {{min}} \u0441\u0438\u043c\u0432\u043e\u043b\u043e\u0432",{min:2}):e&&e.trim().length>4096?a("\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u043d\u0435 \u0431\u043e\u043b\u0435\u0435 {{max}} \u0441\u0438\u043c\u0432\u043e\u043b\u043e\u0432",{max:4096}):null}});return(0,r.jsxs)("form",{name:"add-media",className:w.root,onSubmit:R.onSubmit((async e=>{var t;if(!C)return;const r=null===(t=e.comment)||void 0===t?void 0:t.trim();if(!r&&!(null===o||void 0===o?void 0:o.length))return;const i=()=>{n(),h("")};try{b(),await p(r,o),setTimeout(i,100)}catch(s){s instanceof K.r9?v(s.errors):R.setFieldError("comment",a("\u041d\u0435 \u0443\u0434\u0430\u043b\u043e\u0441\u044c \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c, \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u0435\u0449\u0435 \u0440\u0430\u0437"))}finally{k()}})),children:[(0,r.jsx)(Se,{medias:d,onClose:n,deleteMedia:e=>{var o;const r=null===(o=d.filter((o=>o.id!==e)))||void 0===o?void 0:o.map((e=>e.originName));t(r)}}),(0,r.jsx)(F.g,{style:{marginTop:"20px"},ref:l,autoFocus:!0,placeholder:a("\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435"),size:"sm",autosize:!0,minRows:2,maxRows:2,...R.getInputProps("comment")}),(0,r.jsxs)(c.Z,{position:"right",mt:"xs",children:[(0,r.jsx)(E.z,{size:"xs",variant:"outline",loading:!1,onClick:n,...(0,j.N)("close-form-button"),children:a("\u041e\u0442\u043c\u0435\u043d\u0438\u0442\u044c")}),(0,r.jsx)(E.z,{type:"submit",size:"xs",disabled:x,...(0,j.N)("send-media-button"),children:a("\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c")})]})]})};var Ie=t(19034),ze=t.n(Ie),Me=t(80537),Te=t.n(Me);function Le(e,o){let t=Array.from(e.current.querySelectorAll(".message-container-to-scroll[data-message-id]"));return o&&(t=t.filter((e=>o.includes(Number(e.dataset.messageId))))),t}function Ae(e,o){if(!e||!o)return;const t=e.indexOf(o);return-1!==t&&void 0!==t?e[t+1]:void 0}var Fe=t(64079);const Ee=e=>(0,Fe.c0)({styles:e=>({root:{backgroundColor:e.colors.red[0],"&::before":{backgroundColor:e.colors.red[5]},borderRadius:"8px",width:"350px",margin:"auto 10px 10px auto"},title:{color:e.colors.red},description:{color:e.colors.red[5]},closeButton:{color:e.colors.gray[6],"&:hover":{color:e.colors.gray[7]}}}),...e});var Oe,Be=t(68015),Ge=t.n(Be),De=t(37804);function Pe(){const[e]=(0,S.$G)();(0,f.C)(De.CR);return{validateUploadFiles:o=>{for(const{code:t,details:r}of o){if("too-many-files"===t)return void Ee({message:e("\u0412\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u0442\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u0431\u043e\u043b\u0435\u0435 {{n}} \u0444\u0430\u0439\u043b\u043e\u0432",{n:10})});if("file-too-large"===t){const{contentType:o,lengthLimit:t}=(null===r||void 0===r?void 0:r.availableType)||{},i=t&&Ge()(t/1024/1024);return void Ee({message:e("\u0420\u0430\u0437\u043c\u0435\u0440 \u0444\u0430\u0439\u043b\u0430 {{fileType}} \u043d\u0435 \u0434\u043e\u043b\u0436\u0435\u043d \u043f\u0440\u0435\u0432\u044b\u0448\u0430\u0442\u044c {{max}} \u041c\u0431",{fileType:o,max:i})})}if("invalid-file-format"===t)return void Ee({message:e("\u0424\u043e\u0440\u043c\u0430\u0442 {{fileType}} \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442\u0441\u044f",{fileType:null===r||void 0===r?void 0:r.fileType})})}}}}!function(e){e.InvalidFileFormat="invalid-file-format",e.ManyFiles="too-many-files",e.FileLarge="file-too-large"}(Oe||(Oe={}));var He=(0,d.k)(((e,o)=>{let{isFull:t}=o;return{background:{position:"absolute",backgroundColor:"".concat(e.colors.dark[9]),opacity:.45,inset:"0px",zIndex:4,height:"100%"},container:{position:"absolute",backgroundColor:"".concat(e.colors.gray[1]),inset:"50px 20px",zIndex:4,borderRadius:"8px"},border:{position:"inherit",inset:"20px",borderRadius:"8px",border:"1px dashed ".concat(e.colors.gray[5])},content:{position:"absolute",textAlign:"center",width:t?"272px":"200px",fontSize:t?"18px":"16px",lineHeight:t?"28px":"14px",top:"50%",left:"50%",transform:"translate(-50%, -50%)"}}})),Ze={src:"/_next/static/media/files-upload.cdddc3b1.svg",height:113,width:189,blurWidth:0,blurHeight:0},$e=t(38421),We=t.n($e);const Ue=e=>{let{isShowIcon:o}=e;const[t]=(0,S.$G)(),{classes:i}=He({isFull:o});return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:i.background}),(0,r.jsx)("div",{className:i.container,children:(0,r.jsxs)("div",{className:i.border,children:[(0,r.jsxs)("div",{className:i.content,children:[o&&(0,r.jsx)(We(),{alt:"",src:Ze}),(0,r.jsx)("p",{children:t("\u041f\u0435\u0440\u0435\u0442\u0430\u0449\u0438\u0442\u0435 \u0441\u044e\u0434\u0430 \u0444\u0430\u0439\u043b(\u044b) \u0434\u043b\u044f \u0431\u044b\u0441\u0442\u0440\u043e\u0439 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438")})]})," "]})})]})};var _e=t(44880);const Ve=e=>{let{isOpen:o,files:t,onClose:n}=e;const[a]=(0,S.$G)(),{classes:s}=_(),l=(0,f.C)(De.CR),[c,d]=(0,i.useState)(t),{validateUploadFiles:u}=Pe(),{getRootProps:m,getInputProps:p,isDragActive:h}=(0,U.uI)({noClick:!0,maxFiles:10-(null===c||void 0===c?void 0:c.length),onDropAccepted:e=>{const o=[...c];Y()(e,(e=>X()(c,(o=>o.name===e.name))?void 0:o.push(e)));const r=(null===o||void 0===o?void 0:o.length)===(null===t||void 0===t?void 0:t.length),i=(null===o||void 0===o?void 0:o.length)!==(null===c||void 0===c?void 0:c.length);(r||i)&&d(o)},validator(e){if(!(e instanceof File))return null;const o=(0,_e.J)(e),t=X()(l.uploadMediaRestrictions,["contentType",o]);return t?e.size>t.lengthLimit?{code:Oe.FileLarge,message:"",details:{availableType:t}}:null:{code:Oe.InvalidFileFormat,message:"",details:{fileType:o}}},onDropRejected(e){if(!o){const o=e.map((e=>e.errors)).flat();u(o)}}});return(0,r.jsx)(W.u,{opened:o,onClose:n,closeButtonLabel:a("\u041e\u0442\u043c\u0435\u043d\u0438\u0442\u044c"),withCloseButton:!1,centered:!0,classNames:{root:s.modalRoot,overlay:s.modalOverlay,modal:s.modalModal},children:(0,r.jsxs)("div",{...m({className:"dropzone",tabIndex:void 0}),children:[(0,r.jsx)("input",{...p()}),h&&(0,r.jsx)(Ue,{}),(0,r.jsx)(Ne,{medias:c,onClose:n,onChange:e=>{const o=[...c];d(o.filter((o=>e.includes(o.name))))}})]})})};var Ye=t(72126),qe=t(99414),Xe=t(45455),Je=t.n(Xe);const{Col:Ke}=L.Grid,Qe=()=>{var e;const[o]=(0,S.$G)(),{params:t}=(0,x.E)(),n=(0,f.C)(D.Z1),s=(0,f.C)(D.XM),l=(0,f.C)(De.CR),{api:c}=(0,G.E)(),d=(0,i.useRef)(null),[u,m]=(0,i.useState)(null),p=(0,O.$3)(),h=(0,f.C)(y.yT),[g,{setTrue:b,setFalse:k}]=(0,$.Z)(!1),{validateUploadFiles:w}=Pe(),C=Z(),R=(0,f.C)(H.Kk),[N,I]=(0,i.useState)(),{classes:M}=T({bottomEmoji:N}),W=(0,i.useRef)(null),[U,{set:_,setFalse:V}]=(0,$.Z)(!1),Y=h===P.w.Ready,q=(0,z.zl)((()=>Y?c.setMessageTyping():void 0),3e3,{trailing:!1}),J=(0,i.useCallback)((e=>{const o=[];e.length>10&&o.push({code:Oe.ManyFiles});for(const t of e){const e=(0,_e.J)(t),r=X()(l.uploadMediaRestrictions,["contentType",e]);r?t.size>r.lengthLimit&&o.push({code:Oe.FileLarge,details:{availableType:r}}):o.push({code:Oe.InvalidFileFormat,details:{fileType:e}})}Je()(o)?(m(e),b()):w(o)}),[l.uploadMediaRestrictions,b,w]),K=async()=>{const e=null===R||void 0===R?void 0:R.trim();if(e)try{await p(e),C("")}catch(r){Ee({message:o("\u041d\u0435 \u0443\u0434\u0430\u043b\u043e\u0441\u044c \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c, \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u0435\u0449\u0435 \u0440\u0430\u0437")})}finally{var t;null===(t=d.current)||void 0===t||t.focus()}};return function(e){const o=(0,i.useCallback)((o=>{var t;const r=o;(null===(t=r.clipboardData)||void 0===t?void 0:t.files.length)&&e(Array.from(r.clipboardData.files))}),[e]);(0,i.useEffect)((()=>(window.addEventListener("paste",o),()=>{window.removeEventListener("paste",o)})),[o])}(J),(0,r.jsxs)("div",{className:M.root,ref:W,children:[(0,r.jsx)("div",{className:M.container,children:(0,r.jsxs)(L.Grid,{gutter:8,align:"flex-end",style:{height:"100%"},children:[(0,r.jsx)(Ke,{style:{flex:"none"},children:(0,r.jsx)(A.S,{multiple:!0,onChange:e=>{(null===e||void 0===e?void 0:e.length)&&J(e)},children:e=>(0,r.jsx)(a.A,{...e,className:M.uploadButton,variant:"transparent",size:22,...(0,j.N)("upload-button"),children:(0,r.jsx)(v.yl$,{})})},(0,B.Z)())}),(0,r.jsx)(Ke,{style:{flex:"auto"},children:(0,r.jsx)(F.g,{ref:d,style:{width:"100%"},autoFocus:!0,placeholder:o("\u041d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435")+"...",value:R,onChange:e=>{const o=e.target.value.slice(0,4096);C(o),q()},variant:"unstyled",size:"md",autosize:!0,maxRows:4,onKeyPress:e=>{"Enter"!==e.key||e.shiftKey||(e.preventDefault(),K())},...(0,j.N)("write-message-textarea",!0)})}),(0,r.jsx)(Ke,{style:{flex:"none"},children:(0,r.jsx)(a.A,{variant:"transparent",size:24,children:(0,r.jsx)(v.hRw,{name:"emoji-button",onClick:async()=>{var e;await I(((null===(e=W.current)||void 0===e?void 0:e.clientHeight)||0)+10),_(!U)}})})}),(0,r.jsx)(Ke,{style:{flex:"none"},children:(0,r.jsx)(a.A,{className:M.sendButton,...(0,j.N)("send-button",!0),onClick:K,variant:"filled",radius:"xl",size:32,children:(0,r.jsx)(v.h9l,{size:20})})})]})}),(null===n||void 0===n?void 0:n.operatorInvokeAllowed)&&!s&&(0,r.jsx)(E.z,{variant:"default",size:"xs",fullWidth:!0,sx:{borderRadius:0,borderBottomLeftRadius:10,borderBottomRightRadius:10},onClick:c.invokeOperator,...(0,j.N)("invoke-operator-button"),children:o("\u041f\u043e\u0437\u0432\u0430\u0442\u044c \u043e\u043f\u0435\u0440\u0430\u0442\u043e\u0440\u0430")}),g&&(null===u||void 0===u?void 0:u.length)&&(0,r.jsx)(Ve,{isOpen:g,files:u,onClose:k,...(0,j.N)("add-media-modal")}),U&&(0,r.jsx)("div",{className:M.emoji,children:(0,r.jsx)(qe.Z,{set:"emojione",data:Ye,locale:null===S.ag||void 0===S.ag?void 0:S.ag.language,skinTonePosition:"search",autoFocus:!0,onEmojiSelect:async e=>{var o,t;const r=R||"",i=e.native,n=(null===(o=d.current)||void 0===o?void 0:o.selectionStart)||0,a=i.length;await C(!r||r.length<=4096-a?(null===r||void 0===r?void 0:r.slice(0,n))+i+(null===r||void 0===r?void 0:r.slice(n)):r),null===(t=d.current)||void 0===t||t.setSelectionRange(n+a,n+a)},theme:null===(e=t.theme)||void 0===e?void 0:e.colorScheme,categories:["people","nature","foods","activity","places","objects","symbols"],onClickOutside:e=>"emoji-button"!==e.target.getAttribute("name")?V():void 0})})]})};var eo=i.memo(Qe),oo=t(30299),to=t(57788),ro=t(53237),io=t.n(ro),no=t(56974),ao=t.n(no),so=t(34498),lo=t.n(so),co=t(35676),uo=t.n(co),mo=t(60417),po=t.n(mo),ho=t(16760),go=t.n(ho);var vo=(0,d.k)(((e,o,t)=>{let{onRight:r}=o;return{root:{ref:t("message"),position:"relative",marginRight:"auto",maxWidth:520,paddingRight:22,...r&&{marginRight:0,marginLeft:"auto",paddingRight:0,paddingLeft:22}},container:{display:"flex",alignItems:"end",...r&&{flexFlow:"row-reverse"}},containerAfter:{marginTop:8,paddingLeft:52,minWidth:122,...r&&{paddingLeft:0,paddingRight:52},".mantine-Button-root, .mantine-rtl-Button-root":{lineHeight:e.lineHeight,minWidth:0,".mantine-Button-label > span, .mantine-rtl-Button-label > span":{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}}},avatar:{flex:"none",marginRight:10,...r&&{display:"none",marginLeft:10,marginRight:0}},main:{minWidth:70},username:{marginBottom:2,fontSize:e.fontSizes.sm,color:"dark"===e.colorScheme?e.colors.dark[3]:e.colors.gray[6]},content:{padding:5,background:"dark"===e.colorScheme?e.colors.dark[5]:e.colors.gray[2],borderRadius:10,borderBottomLeftRadius:0,...r&&{color:e.white,background:"dark"===e.colorScheme?e.colors[e.primaryColor][8]:e.colors[e.primaryColor][6],borderBottomLeftRadius:10,borderBottomRightRadius:0,"&::selection, *::selection":{}},".react-photo-album":{marginBottom:2},".mantine-Grid-col .mantine-RingProgress-root, .mantine-rtl-Grid-col .mantine-rtl-RingProgress-root":{background:r&&e.white||e.primaryColor},".mantine-Grid-col circle:first-of-type, .mantine-rtl-Grid-col circle:first-of-type":{stroke:r&&e.white||e.primaryColor},".mantine-Grid-col .mantine-ActionIcon-root, .mantine-rtl-Grid-col .mantine-rtl-ActionIcon-root":{color:r&&e.colors.gray[6]||e.white},".mantine-Grid-col, .mantine-rtl-Grid-col":{color:r&&e.white||"inherit"}},typography:{marginTop:"0 !important",marginBottom:"0 !important","*":{marginTop:"0 !important"},"*:last-child":{marginBottom:"0 !important"},"> p:last-child":{display:"inline"},a:{textDecoration:"underline"}},body:{padding:"0 7px 0 8px",wordBreak:"break-word",whiteSpace:"pre-wrap","::after":{content:'""',display:"block",clear:"both"},".mantine-List-root, .mantine-rtl-List-root":{".mantine-List-item, .mantine-rtl-List-item":{":not(:first-of-type)":{marginTop:e.spacing.xs/2},":not(:last-of-type)":{marginBottom:e.spacing.xs/2}},".mantine-List-itemWrapper, .mantine-rtl-List-itemWrapper":{width:"calc( 100% - 15px )"}},a:{color:r?e.colors.gray[3]:e.colors.green[7],textDecoration:"underline",cursor:"pointer","&:hover":{color:r?e.colors.gray[4]:e.colors.green[6]}},p:{marginBottom:"1em"},"h1, h2, h3, h4, h5":{marginBottom:"0.5em",fontWeight:600},h1:{fontSize:"38px",lineHeight:1.23},h2:{fontSize:"30px",lineHeight:1.35},h3:{fontSize:"24px",lineHeight:1.35},h4:{fontSize:"20px",lineHeight:1.4},h5:{fontSize:"16px",lineHeight:1.5},"div + h1, ul + h1, li + h1, p + h1, h1 + h1, h2 + h1, h3 + h1, h4 + h1, h5 + h1, div + h2, ul + h2, li + h2, p + h2, h1 + h2, h2 + h2, h3 + h2, h4 + h2, h5 + h2, div + h3, ul + h3, li + h3, p + h3, h1 + h3, h2 + h3, h3 + h3, h4 + h3, h5 + h3, div + h4, ul + h4, li + h4, p + h4, h1 + h4, h2 + h4, h3 + h4, h4 + h4, h5 + h4, div + h5, ul + h5, li + h5, p + h5, h1 + h5, h2 + h5, h3 + h5, h4 + h5, h5 + h5":{marginTop:"1.2em"},"code, kbd":{margin:"0 0.2em",borderRadius:"3px",border:"1px solid rgba(100, 100, 100, 0.2)"},code:{padding:"0.2em 0.4em 0.1em",fontSize:"85%",background:"rgba(150, 150, 150, 0.1)"},kbd:{padding:"0.15em 0.4em 0.1em",fontSize:"90%",background:"rgba(150, 150, 150, 0.06)",borderBottomWidth:"2px"},mark:{padding:0,backgroundColor:"#685123"},"u, ins":{textDecoration:"underline",textDecorationSkipInk:"auto"},"s, del":{textDecoration:"line-through"},strong:{fontWeight:600},"ul, ol":{margin:"0 0 1em",padding:0},"ul li, ol li":{margin:"0 0 0 20px",padding:"0 0 0 4px"},ul:{listStyleType:"disc",color:e.colors[e.primaryColor][8]},"ul ul":{listStyleType:"disc"},ol:{listStyleType:"decimal"},"pre, blockquote":{margin:"1em 0"},pre:{padding:"0.4em 0.6em",whiteSpace:"pre-wrap",wordWrap:"break-word",background:"rgba(150, 150, 150, 0.1)",border:"1px solid rgba(100, 100, 100, 0.2)",borderRadius:"3px"},"pre code":{display:"inline",margin:0,padding:0,fontSize:"inherit",fontFamily:"inherit",background:"transparent",border:0},blockquote:{padding:"0 0 0 0.6em",borderLeft:"4px solid rgba(100, 100, 100, 0.2)",opacity:"0.85"}},datetime:{userSelect:"none",marginLeft:8,float:"right",span:{fontSize:e.fontSizes.sm},...r&&{marginLeft:8,float:"right"}},readOutbox:{marginLeft:4,svg:{marginBottom:-3}},markupRow:{margin:" 0 !important",padding:"0 0 0 4px !important"}}})),fo=t(42078);const xo=e=>{let{data:o,fileUpload:t}=e;const n=(0,i.useMemo)((()=>o.map((e=>{const{width:o,height:t}=(0,Q.t_)(e),r=(0,Q.vt)(e);return{...e,src:e.src||"",width:o,height:t,originName:r}}))),[o]);return(0,r.jsx)(Se,{medias:n,fileUpload:t})};var yo=i.memo(xo),bo=t(71655),ko=t(18149),jo=t.n(ko),wo=t(31626),Co=t(1313),So=t.n(Co);var Ro=(0,d.k)((e=>({root:{".mantine-Avatar-placeholder, .mantine-rtl-Avatar-placeholder":{fontWeight:500}}})));const No=["red","pink","grape","violet","indigo","blue","cyan","green","lime","yellow","orange","teal"],Io=e=>{let{user:o,iconSize:t,style:n,...a}=e;const{classes:s}=Ro(),l=(0,i.useMemo)((()=>{if(!(null===o||void 0===o?void 0:o.id))return;const e=Math.abs(So()(o.id).int32());return No[e%No.length]}),[null===o||void 0===o?void 0:o.id]);switch(null===o||void 0===o?void 0:o.$type){case"Client":return null;case"Operator":{var c;const e=o.avatarLink||void 0;return e?(0,r.jsx)(wo.q,{...a,className:s.root,src:e}):(0,r.jsx)(wo.q,{...a,className:s.root,color:l,children:null===(c=o.name)||void 0===c?void 0:c.slice(0,2).toLocaleUpperCase()})}case"OperatorBot":return(0,r.jsx)(wo.q,{...a,className:s.root,color:l,children:(0,r.jsx)(v.YeJ,{size:t})})}return(0,r.jsx)(wo.q,{...a,style:n})};var zo=i.memo(Io);const Mo=(0,i.forwardRef)(((e,o)=>{const{id:t,date:i,sendStatus:n,withTitle:a,title:s,text:d,medias:u,onRight:m,withAvatar:p,sender:h,isViewed:g,replyMarkup:x,onView:y}=e,{classes:b}=vo({onRight:m}),k=(0,f.C)((e=>(0,fo.QV)(e,t))),j=(0,O.$3)(),w=ze().unix(i),C="Client"===(null===h||void 0===h?void 0:h.type),{ref:S}=(0,oo.YD)({skip:!y,triggerOnce:!0,onChange:e=>{e&&(null===y||void 0===y||y(t))}}),R=async e=>{j(e.text,void 0,{$type:"SelectVariantCommand",variantId:e.id})},N=(()=>{const e=null===x||void 0===x?void 0:x.rows;return(null===e||void 0===e?void 0:e.length)?(0,r.jsx)(ve.a,{children:e.map((e=>(0,r.jsx)(ve.a.Item,{mt:5,className:b.markupRow,children:(0,r.jsx)(l.x,{variant:"RowVariant"===e.$type?"link":void 0,onClick:"RowVariant"===e.$type?()=>R(e):void 0,children:e.text})},e.id)))}):null})(),I=(()=>{const e=null===x||void 0===x?void 0:x.buttons;return(null===e||void 0===e?void 0:e.length)?(0,r.jsx)(c.Z,{spacing:6,children:e.map((e=>(0,r.jsx)(E.z,{variant:"outline",radius:"md",compact:!0,onClick:"ButtonVariant"===e.$type?()=>R(e):void 0,children:(0,r.jsx)("span",{children:e.text})},e.id)))}):null})(),z="string"===typeof d&&d.replace(/^(\d{4,})\./,"$1");return(0,r.jsxs)("div",{ref:o,className:b.root,"data-message-id":t,children:[(0,r.jsxs)("div",{className:b.container,children:[(0,r.jsx)("div",{className:b.avatar,style:{width:42},children:p&&(0,r.jsx)(zo,{size:42,iconSize:24,user:h,radius:"xl"})}),(0,r.jsxs)("div",{className:b.main,children:[a&&!!s&&(0,r.jsx)("div",{className:b.username,children:s}),(0,r.jsxs)("div",{className:b.content,children:[!!(null===u||void 0===u?void 0:u.length)&&(0,r.jsx)(yo,{data:u,fileUpload:k}),(0,r.jsxs)("div",{className:b.body,children:[(0,r.jsxs)("span",{className:b.typography,children:["string"===typeof z?(0,r.jsx)(bo.UG,{allowedConstructs:C?[]:void 0,children:z}):(0,r.jsx)(r.Fragment,{children:d}),N]}),(0,r.jsx)("span",{className:b.datetime,children:"sending"===n?(0,r.jsx)(v.joI,{size:14,style:{margin:-2}}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("span",{suppressHydrationWarning:!0,title:w.format("D MMMM YYYY, HH:mm:ss"),children:w.format("HH:mm")}),m&&(0,r.jsx)("span",{className:b.readOutbox,children:g?(0,r.jsx)(v.rdd,{size:16}):(0,r.jsx)(v.NOm,{size:16})})]})})]})]})]})]}),(0,r.jsx)("div",{className:b.containerAfter,children:I}),(0,r.jsx)("div",{ref:S}),(0,r.jsx)("div",{className:"message-container-to-scroll","data-message-id":t,style:{position:"absolute",top:0,right:0,bottom:-19,left:0,zIndex:-1}})]})}));var To=i.memo(Mo,jo());var Lo=(0,d.k)(((e,o,t)=>{let{sticky:r}=o;return{root:{ref:t("serviceMessage"),position:"relative",display:"flex"},content:{margin:"0 auto",padding:"4px 10px",fontSize:e.fontSizes.sm,textAlign:"center",wordBreak:"break-word",whiteSpace:"pre-wrap",...r&&{position:"sticky",top:0,userSelect:"none",pointerEvents:"none",zIndex:2}}}}));var Ao,Fo,Eo,Oo=(0,i.forwardRef)(((e,o)=>{let{id:t,sticky:i,text:n,onView:a}=e;const{classes:s}=Lo({sticky:i}),{ref:l}=(0,oo.YD)({skip:!a,triggerOnce:!0,onChange:e=>{e&&"number"===typeof t&&(null===a||void 0===a||a(t))}});return(0,r.jsxs)("div",{ref:o,className:s.root,"data-message-id":t,children:[(0,r.jsx)("div",{className:s.content,suppressHydrationWarning:!0,children:n}),(0,r.jsx)("div",{ref:l}),(0,r.jsx)("div",{className:"message-container-to-scroll","data-message-id":t,style:{position:"absolute",top:0,right:0,bottom:-19,left:0,zIndex:-1}})]})}));!function(e){e.Logout="Logout",e.OperatorNotOnline="OperatorNotOnline",e.OperatorOnPause="OperatorOnPause"}(Ao||(Ao={})),function(e){e.NoOnline="NoOnline",e.Timeout="Timeout"}(Fo||(Fo={})),function(e){e.Low="Low",e.Medium="Medium"}(Eo||(Eo={}));const Bo=(0,i.forwardRef)(((e,o)=>{let{id:t,action:i,users:n,onView:a}=e;const[s]=(0,S.$G)(),l=function(){const[e]=(0,S.$G)(),o=new Map([["NoOnline",e("\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435\u0441\u044c \u0430\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u043d\u044b\u043c\u0438 \u043a\u0430\u043d\u0430\u043b\u0430\u043c\u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 \u0438\u043b\u0438 \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u043d\u0430\u0439\u0442\u0438 \u043e\u0442\u0432\u0435\u0442 \u0441\u0430\u043c\u043e\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u043d\u043e, \u043d\u0430\u043f\u0438\u0441\u0430\u0432 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u0431\u043e\u0442\u0443 \u0438\u043b\u0438 \u043d\u0430 \u0441\u0430\u0439\u0442\u0435.")],["Timeout",e("\u041a \u0441\u043e\u0436\u0430\u043b\u0435\u043d\u0438\u044e, \u043c\u044b \u043d\u0435 \u0443\u0441\u043f\u0435\u0432\u0430\u0435\u043c \u043e\u0442\u0432\u0435\u0442\u0438\u0442\u044c \u0432\u0441\u0435\u043c \u043d\u0430\u0448\u0438\u043c \u043a\u043b\u0438\u0435\u043d\u0442\u0430\u043c. \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u043e\u0431\u0440\u0430\u0442\u0438\u0442\u044c\u0441\u044f \u043f\u043e\u0437\u0434\u043d\u0435\u0435 \u0438\u043b\u0438 \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435\u0441\u044c \u0430\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u043d\u044b\u043c\u0438 \u043a\u0430\u043d\u0430\u043b\u0430\u043c\u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 \u0438\u043b\u0438 \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u043d\u0430\u0439\u0442\u0438 \u043e\u0442\u0432\u0435\u0442 \u0441\u0430\u043c\u043e\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u043d\u043e, \u043d\u0430\u043f\u0438\u0441\u0430\u0432 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u0431\u043e\u0442\u0443 \u0438\u043b\u0438 \u043d\u0430 \u0441\u0430\u0439\u0442\u0435.")]]);return e=>o.get(e)}(),c=function(){const[e]=(0,S.$G)(),o=new Map([["Low",e("\u0412 \u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0435\u0435 \u0432\u0440\u0435\u043c\u044f \u0432\u0441\u0435 \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u043a\u0438 \u0437\u0430\u043d\u044f\u0442\u044b, \u043f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043e\u0436\u0438\u0434\u0430\u0439\u0442\u0435, \u0432\u0430\u043c \u043e\u0442\u0432\u0435\u0442\u0438\u0442 \u043f\u0435\u0440\u0432\u044b\u0439 \u043e\u0441\u0432\u043e\u0431\u043e\u0434\u0438\u0432\u0448\u0438\u0439\u0441\u044f \u043e\u043f\u0435\u0440\u0430\u0442\u043e\u0440.")],["Medium",e("\u041a \u0441\u043e\u0436\u0430\u043b\u0435\u043d\u0438\u044e, \u043c\u044b \u043d\u0435 \u0443\u0441\u043f\u0435\u0432\u0430\u0435\u043c \u043e\u0442\u0432\u0435\u0442\u0438\u0442\u044c \u0432\u0441\u0435\u043c \u043d\u0430\u0448\u0438\u043c \u043a\u043b\u0438\u0435\u043d\u0442\u0430\u043c \u0432 \u043a\u043e\u0440\u043e\u0442\u043a\u0438\u0435 \u0441\u0440\u043e\u043a\u0438. \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043e\u0436\u0438\u0434\u0430\u0439\u0442\u0435, \u043c\u044b \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u043d\u0430\u0434 \u0442\u0435\u043c, \u0447\u0442\u043e\u0431\u044b \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f \u0432\u0430\u043c \u043e\u0442\u0432\u0435\u0442\u0438\u043b \u043f\u0435\u0440\u0432\u044b\u0439 \u043e\u0441\u0432\u043e\u0431\u043e\u0434\u0438\u0432\u0448\u0438\u0439\u0441\u044f \u043e\u043f\u0435\u0440\u0430\u0442\u043e\u0440.")]]);return e=>o.get(e)}();let d="Unknown service message";if("OperatorSetBanAction"===i.$type){const e=null===n||void 0===n?void 0:n[i.userId];let o="Unknown";if("Operator"===(null===e||void 0===e?void 0:e.$type))o="".concat(e.name);d=s("\u041a\u043b\u0438\u0435\u043d\u0442 \u0437\u0430\u0431\u0430\u043d\u0435\u043d \u043e\u043f\u0435\u0440\u0430\u0442\u043e\u0440\u043e\u043c {{operator}}",{operator:o}),i.reason&&(d+=". "+s('\u041f\u0440\u0438\u0447\u0438\u043d\u0430: "{{reason}}"',{reason:i.reason})+"."),d+=" "+s("\u0414\u043b\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u0431\u0430\u043d\u0430: {{duration}}",{duration:i.timeSeconds})+"."}return"OperatorInvokedAction"===i.$type&&(d=s("\u041f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0435\u043c \u0432\u0430\u0448 \u0434\u0438\u0430\u043b\u043e\u0433 \u043d\u0430 \u043e\u043f\u0435\u0440\u0430\u0442\u043e\u0440\u0430. \u041c\u044b \u0443\u0436\u0435 \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u043c\u0441\u044f \u0432\u0430\u0448\u0438\u043c \u0432\u043e\u043f\u0440\u043e\u0441\u043e\u043c, \u043e\u0442\u0432\u0435\u0442\u0438\u043c \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f.")),"OperatorAddedAction"===i.$type&&(d=s("\u0412 \u0447\u0430\u0442 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d \u043e\u043f\u0435\u0440\u0430\u0442\u043e\u0440")),"OperatorInvokeFailedAction"===i.$type&&(d=l(i.reason)||""),"LongOperatorSearch"===i.$type&&(d=c(i.time)||""),(0,r.jsx)(Oo,{ref:o,id:t,onView:a,text:d})}));var Go=i.memo(Bo),Do=t(69031);var Po=(e,o)=>{const t=(0,Do.Z)(o,(()=>!0));return(0,i.useMemo)((()=>e(t||[])),o)},Ho=t(84337);var Zo=(e,o)=>{const t=(0,Do.Z)(o,(()=>!0));return(0,Ho.Z)((()=>e(t||[])),o)},$o=t(85533);var Wo=(0,d.k)(((e,o,t)=>{let{sticky:r,block:i}=o;return{root:{ref:t("messageDivider"),position:"relative",display:"flex",...i&&{display:"block"}},content:{margin:"0 auto",padding:"4px 10px",fontSize:e.fontSizes.sm,textAlign:"center",wordBreak:"break-word",whiteSpace:"pre-wrap",...r&&{position:"sticky",top:0,userSelect:"none",pointerEvents:"none",zIndex:2}}}}));var Uo=(0,i.forwardRef)(((e,o)=>{let{text:t,sticky:i,block:n}=e;const{classes:a}=Wo({sticky:i,block:n});return(0,r.jsx)("div",{ref:o,className:a.root,children:(0,r.jsx)("div",{className:a.content,suppressHydrationWarning:!0,children:t})})}));var _o=t(480);var Vo=(0,d.k)((()=>({dropzone:{height:"100%",paddingTop:1,outline:"none !important",minHeight:0,zIndex:4}})));const Yo=e=>{let{children:o}=e;const t=(0,f.C)(De.CR),{validateUploadFiles:i}=Pe(),[n,{setTrue:a,setFalse:s}]=(0,$.Z)(!1),{classes:l}=Vo(),{getRootProps:c,getInputProps:d,acceptedFiles:u,fileRejections:m,isDragActive:p}=(0,U.uI)({disabled:n,noClick:!0,maxFiles:10,onDropAccepted:a,validator(e){if(!(e instanceof File))return null;const o=(0,_e.J)(e),r=X()(t.uploadMediaRestrictions,["contentType",o]);return r?e.size>r.lengthLimit?{code:Oe.FileLarge,message:"",details:{availableType:r}}:null:{code:Oe.InvalidFileFormat,message:"",details:{fileType:o}}},onDropRejected(e){if(!n){const o=e.map((e=>e.errors)).flat();i(o)}}}),h=Je()(m)?u:[];return(0,r.jsxs)("div",{...c({className:l.dropzone}),children:[(0,r.jsx)("input",{...d()}),o,!n&&p&&(0,r.jsx)(Ue,{isShowIcon:!0}),n&&!Je()(h)&&(0,r.jsx)(Ve,{isOpen:n,files:h,onClose:s,...(0,j.N)("add-media-modal")})]})};var qo=function(e,o){const t=(0,i.useRef)(),{current:r}=t;return o&&void 0===e||(t.current=e),r};var Xo=function(e,o){const t=qo(o);t&&!o.some(((e,o)=>e!==t[o]))||e(t||[])},Jo=t(64138),Ko=t(18198);var Qo=function(e){let o;const t=t=>()=>{o=null,e(...t)},r=function(){for(var e=arguments.length,r=new Array(e),i=0;i<e;i++)r[i]=arguments[i];null==o&&(o=(0,Ko.Z)(t(r)))};return r.cancel=()=>{Ko.Z.cancel(o),o=null},r};function et(e){return null!==e&&void 0!==e&&e===e.window}function ot(e,o){const t=o?"scrollTop":"scrollLeft";let r=0;var i,n;(et(e)?r=e[o?"pageYOffset":"pageXOffset"]:e instanceof Document?r=e.documentElement[t]:(e instanceof HTMLElement||e)&&(r=e[t]),e&&!et(e)&&"number"!==typeof r)&&(r=null===(i=(null!==(n=e.ownerDocument)&&void 0!==n?n:e).documentElement)||void 0===i?void 0:i[t]);return r}function tt(e,o,t,r){const i=t-o;return(e/=r/2)<1?i/2*e*e*e+o:i/2*((e-=2)*e*e+2)+o}var rt=t(50527);var it=(0,d.k)((e=>{const o="dark"===e.colorScheme?e.colors.gray[8]:e.white,t="dark"===e.colorScheme?e.colors.gray[7]:e.colors.gray[0],r="dark"===e.colorScheme?e.colors.gray[7]:e.colors.gray[6],i="dark"===e.colorScheme?e.colors.gray[4]:e.colors.gray[7];return{icon:{position:"absolute",right:20,bottom:10,cursor:"pointer",border:"none",borderRadius:"50%",backgroundColor:o,height:40,width:40,boxShadow:"0 2px 3px ".concat(r),".mantine-ActionIcon-root, .mantine-rtl-ActionIcon-root":{color:i,margin:"auto",marginTop:4,"&:hover":{backgroundColor:t}},"&:hover":{backgroundColor:t}}}}));const nt=e=>{const{target:o,visibilityHeight:t=200,onClick:n,duration:s}=e,[l,c]=(0,i.useState)(0===t),{classes:d}=it(),u=Qo((e=>{const o=e.target.scrollHeight-e.target.clientHeight;c(o-e.target.scrollTop>=t)}));(0,i.useEffect)((()=>{const e=null===o||void 0===o?void 0:o();return u({target:e}),null===e||void 0===e||e.addEventListener("scroll",u),()=>{u.cancel(),null===e||void 0===e||e.removeEventListener("scroll",u)}}),[o]);const m=e=>{const t=null===o||void 0===o?void 0:o();t&&(!function(e){let o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const{getContainer:t=(()=>window),callback:r,duration:i=450}=o,n=t(),a=ot(n,!0),s=Date.now(),l=()=>{const o=Date.now()-s,t=tt(o>i?i:o,a,e,i);et(n)?n.scrollTo(window.pageXOffset,t):n instanceof Document||"HTMLDocument"===n.constructor.name?n.documentElement.scrollTop=t:n.scrollTop=t,o<i?(0,Ko.Z)(l):"function"===typeof r&&r()};(0,Ko.Z)(l)}(t.scrollHeight-t.clientHeight,{getContainer:o,duration:s}),null===n||void 0===n||n(e))};return(0,r.jsx)(rt.u,{mounted:l,transition:"fade",children:e=>(0,r.jsx)("div",{className:d.icon,style:e,children:(0,r.jsx)(a.A,{onClick:m,...(0,j.N)("go-to-the-end-button"),children:(0,r.jsx)(v.BDo,{})})})})};var at=(0,i.memo)(nt);var st=e=>{const{id:o,onClose:t,unstyled:n,classNames:a,className:s,...l}=e,{classes:c,cx:d}=M(void 0,{name:"Chat",classNames:a,unstyled:n}),[u]=(0,S.$G)(),m=(0,f.T)(),p=(0,f.C)(y.yT),g=(0,f.C)(y.Me),v=(0,f.C)((e=>e.users.byId)),x=(0,f.C)(D.Z1),b=!x,k=(0,f.C)(to.F9),j=!k,w=(0,$o.NY)((()=>null===k||void 0===k?void 0:k.map((e=>e.id))),[go()(k,"id")]),C=function(e){if(e)return Te()(e.lastReadInboxMessageId)?e.lastReadInboxMessageId:void 0}(x),R=(0,i.useRef)(Ae(w,C)),N=(0,O.PP)(),T=(0,O.Ys)(),L=(0,i.useRef)(null),A=(0,i.useRef)(void 0),F=(0,i.useRef)(),E=(0,i.useRef)(),{backwardsTriggerRef:B}=function(e){const{root:o,messageIds:t}=e,r=(0,O.PP)(),i=(0,z.y1)((()=>r(O.Uq.Backwards)),500,{leading:!0,trailing:!1}),n=(0,z.y1)((()=>r(O.Uq.Forwards)),500,{leading:!0,trailing:!1}),{ref:a}=(0,oo.YD)({root:o,rootMargin:h.gZ+"px",onChange:async e=>{e&&((null===t||void 0===t?void 0:t[0])&&t[0]>=h.Cu||await i())}}),{ref:s}=(0,oo.YD)({skip:!0,root:o,rootMargin:h.gZ+"px",onChange:async e=>{e&&((null===t||void 0===t?void 0:t[0])&&t[0]>=h.Cu||await n())}});return{backwardsTriggerRef:a,forwardsTriggerRef:s}}({root:L.current,messageIds:w}),G=!k||!x,H=(0,i.useRef)(),Z=(0,z.zl)((e=>{b||T(o,e)}),500,{leading:!1});Xo((()=>{!b&&H.current&&T(o,H.current)}),[true]);const $=(0,i.useMemo)((()=>null===k||void 0===k?void 0:k.map((e=>function(e,o){if("fromId"in e){const t=null===o||void 0===o?void 0:o[e.fromId],r=e.text;return{...e,text:r,sender:t,senderAvatar:void 0}}return e}(e,v))).filter(Boolean)),[v,k]),W=(0,i.useMemo)((()=>{if($)return function(e,o){if(!e.length)return[];let t=[],r={datetime:ze().unix(e[0].createdAt).startOf("day").unix(),senderGroups:[t]};const i=[r];return e.forEach(((n,a)=>{t.push(n);const s=e[a+1];if(s){const e=ze().unix(s.createdAt).startOf("day").unix();r.datetime!==e?(r={datetime:e,senderGroups:[]},i.push(r),t=[],r.senderGroups.push(t)):(s.id===o||!("fromId"in n)||!("fromId"in s)||n.fromId!==s.fromId||s.createdAt-n.createdAt>6001e3)&&(t=[],r.senderGroups.push(t))}})),i}(lo()($,["date","id"]),R.current)}),[$]);(0,i.useMemo)((()=>{j&&!g||(R.current=Ae(w,C))}),[g,j]);const U=(0,i.useMemo)((()=>(0,r.jsx)(Uo,{text:u("\u041d\u0435\u043f\u0440\u043e\u0447\u0438\u0442\u0430\u043d\u043d\u044b\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f"),block:!0},"unread-messages")),[u]),_=(0,Jo.Z)((e=>{e>(C||0)&&e<h.Cu&&Z(e)})),V=null===W||void 0===W?void 0:W.map(((e,o,t)=>{const i=e.senderGroups.map(((e,i,n)=>uo()(e.map(((a,s)=>{const l={isFirstInGroup:0===s,isLastInGroup:s===e.length-1,isLastInList:s===e.length-1&&i===n.length-1&&o===t.length-1};let c=null;if("ChatSystemMessage"===a.$type&&(c=(0,r.jsx)(Go,{id:a.id,action:a.action,users:v,onView:_},a.id)),"ChatParticipantMessage"===a.$type){var d;let e=!1,o="Unknown";switch(null===(d=a.sender)||void 0===d?void 0:d.$type){case"Client":e=!1;break;case"OperatorBot":e=!0,o=u("\u0410\u0441\u0441\u0438\u0441\u0442\u0435\u043d\u0442");break;case"Operator":e=!0,o=a.sender.name}c=(0,r.jsx)(To,{id:a.id,onRight:!e,date:a.createdAt,sendStatus:a.sendStatus,withTitle:l.isFirstInGroup&&e,title:o,text:a.text,medias:a.medias,withAvatar:l.isLastInGroup&&e,sender:a.sender,replyMarkup:a.replyMarkup,onView:_,isViewed:(null===x||void 0===x?void 0:x.lastReadOutboxMessageId)&&a.id<=(null===x||void 0===x?void 0:x.lastReadOutboxMessageId)||!1},a.prevLocalId||a.id)}return po()([a.id===R.current&&U,c])})))));return(0,r.jsxs)("div",{className:c.messageGroup,children:[(0,r.jsx)(Oo,{sticky:!0,text:ze().unix(e.datetime).format("D MMMM")}),uo()(i)]},e.datetime)})),{ref:Y}=(0,oo.YD)({onChange:e=>{A.current=e,m((0,y.cw)(e))}});return Po((e=>{let[o]=e;if(!w)return;if(!o)return;if(o&&io()(w)!==io()(o)){const e=Le(L,w),o=e[1]||e[0];F.current=null===o||void 0===o?void 0:o.id,E.current=null===o||void 0===o?void 0:o.getBoundingClientRect().top}}),[w]),Zo((e=>{let[o]=e;const t=L.current,{scrollTop:r,scrollHeight:i,offsetHeight:n}=t;if(!w)return;if(!o){const e=Te()(R.current)?R.current:C,o=Le(L,e?[e]:[])[0];return void(o?o.scrollIntoView({behavior:"auto",block:"end"}):t.scrollTop=0)}const a=o&&io()(w)!==io()(o),s=F.current?t.querySelector("#".concat(F.current)):null;if(a&&s){const e=E.current||0,o=s.getBoundingClientRect().top,i=r+(Math.round(o)-Math.round(e));return void(t.scrollTop=i)}const l=o&&ao()(w)!==ao()(o),c=ao()($),d="ChatParticipantMessage"===(null===c||void 0===c?void 0:c.$type)&&c.fromId===_o.Z.getState().currentUser.entity.id;l&&(A.current||d)&&(t.scrollTop=i)}),[w]),(0,i.useEffect)((()=>{p===P.w.Ready&&!b&&j&&N()}),[b,p,N,j]),(0,r.jsx)(Yo,{children:(0,r.jsxs)(I.x,{className:d(c.root,s),...l,children:[(0,r.jsxs)("div",{className:c.messagesBlock,children:[(0,r.jsxs)("div",{ref:L,className:c.messageList,children:[!G&&(0,r.jsx)("div",{ref:B}),uo()(V),!G&&(0,r.jsx)("div",{ref:Y})]}),(0,r.jsx)(at,{target:()=>L.current})]}),(0,r.jsx)(eo,{})]})})},lt=t(40322);var ct=(0,d.k)(((e,o)=>{let{isMobile:t,openerShadow:r}=o;return{root:{width:"100%",height:"100%",...!t&&{padding:h.F7}},container:{position:"relative",width:"100%",height:"100%"},indicator:{position:"absolute","&.enter":{opacity:0,transform:"scale(0.9)"},"&.enter-active":{opacity:1,transform:"scale(1)",transition:"opacity 400ms, transform 400ms"},"&.exit":{opacity:1,transform:"scale(1)"},"&.exit-active":{opacity:0,transform:"scale(0.9)",transition:"opacity 100ms, transform 100ms"}},button:{padding:"0 0px 2px 1px",boxShadow:"none"===r?"none":"0 10px 25px 0 rgba(0, 0, 0, .10)"}}})),dt=t(58465),ut=t(69697),mt=t(75683),pt=t(3138),ht=t(97897);const gt=(0,d.k)(((e,o)=>{let{size:t="default"}=o;return{root:{boxSizing:"border-box",display:"inline-block",margin:0,padding:0,color:e.colors.orange[3],fontVariant:"tabular-nums",fontFeatureSettings:"'tnum'",fontSize:0,lineHeight:"unset",listStyle:"none",outline:"none","&.rc-rate-disabled":{".rc-rate-star":{cursor:"default","> div:hover":{transform:"scale(1)"}}},".rc-rate-star":{position:"relative",display:"inline-block",color:"inherit",cursor:"pointer","&:not(:last-child)":{marginRight:(()=>{switch(t){case"small":return 4;case"large":return 10;default:return 8}})()},"> div":{transition:"all 0.3s, outline 0s","&:hover":{transform:"scale(1.1)"},"&:focus":{outline:0},"&:focus-visible":{outline:"1px dashed ".concat(e.colors.orange[3]),transform:"scale(1.1)"}}},".rc-rate-star-first, .rc-rate-star-second":{color:e.colors.gray[3],transition:"all 0.3s",userSelect:"none",".rcicon":{verticalAlign:"middle"}},".rc-rate-star-first":{position:"absolute",top:0,left:0,width:"50%",height:"100%",overflow:"hidden",opacity:0},".rc-rate-star-half":{".rc-rate-star-first, .rc-rate-star-second":{opacity:1}},".rc-rate-star-half .rc-rate-star-first, .rc-rate-star-full .rc-rate-star-second":{color:"inherit"},".rc-rate-text":{display:"inline-block",margin:(()=>{switch(t){case"small":return"0 4px";case"large":return"0 10px";default:return"0 8px"}})(),fontSize:15}}}}));var vt=gt;const ft=i.forwardRef(((e,o)=>{let{tooltips:t,character:i,size:n="default",className:a,...s}=e;const l=(()=>{switch(n){case"small":return 16;case"large":return 30;default:return 20}})();i=i||(0,r.jsx)(v.GK,{style:{fill:"currentColor"},size:l});const{classes:c,cx:d}=vt({size:n});return(0,r.jsx)(ht.Z,{...s,ref:o,className:d(c.root,a),character:i,characterRender:(e,o)=>{let{index:i}=o;return t&&void 0!==i?(0,r.jsx)(C.u,{label:t[i],withArrow:!0,children:e}):e}})}));var xt=ft;var yt=(0,d.k)((e=>({modalRoot:{position:"absolute",borderRadius:"10px !important",overflow:"hidden"},modalOverlay:{position:"absolute !important"},modalInner:{paddingLeft:24,paddingRight:24},modalModal:{width:"100%",maxWidth:300,borderRadius:10},modalClose:{"&:focus":{outline:0},"&:focus-visible":{outline:0}},modalHeader:{position:"absolute",right:15,top:10},modalBody:{},form:{width:"100%"},buttonGroup:{width:"80%"},cancelLink:{},mark:{marginRight:3,color:e.colors.red[6]},requiredText:{marginTop:15}}))),bt=t(41256),kt=t(34291),jt=t.n(kt),wt=t(52060),Ct=t.n(wt);var St=()=>{const[e]=(0,S.$G)(),o=(0,f.C)((e=>e.feedback)),t=(0,f.T)(),{classes:n,cx:a}=yt(),{api:s}=(0,G.E)(),d=!!o.dialogId,[u,m]=(0,i.useState)(!1),[p,h]=(0,i.useState)(!1),g={rate:0,resolved:void 0},v=(0,J.c)({initialValues:g,transformValues:e=>({...e}),validate:{rate:o=>o?null:e("\u041e\u0446\u0435\u043d\u043a\u0430 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u0430"),resolved:o=>o?null:e("\u0412\u044b\u0431\u043e\u0440 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u0435\u043d")}});(0,i.useEffect)((()=>{v.values.rate>0&&void 0!==v.values.resolved&&b(v.values)}),[v.values]);const x=()=>{v.reset(),m(!1),h(!1),t((0,bt.dS)()),v.clearErrors()},{runAsync:y}=(0,pt.Z)((e=>o.dialogId?s.setChatFeedback(o.dialogId,e):new Promise(jt())),{manual:!0,loadingDelay:300}),b=async t=>{const r={...t,resolved:"true"===t.resolved};try{jo()(o.previous,r)||await y(function(e){let o=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return Ct()(e,((e,t)=>{let r=t;return"string"===typeof t&&(r=t.trim()),["string","object","array","undefined","null"].includes(typeof r)&&o&&Je()(r)?wt.mapObjectSkip:[e,r]}),{deep:!0})}(r)),m(!0),setTimeout(x,3e3)}catch(i){v.setFieldError("rate",e("\u041d\u0435 \u0443\u0434\u0430\u043b\u043e\u0441\u044c \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c, \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u0435\u0449\u0435 \u0440\u0430\u0437"))}};return(0,r.jsxs)(W.u,{opened:d,onClose:u?x:()=>{v.clearErrors(),h(!0)},withCloseButton:!p&&!0,withinPortal:!1,transition:"fade",centered:!0,transitionDuration:0,classNames:{root:n.modalRoot,inner:n.modalInner,modal:n.modalModal,body:n.modalBody,overlay:n.modalOverlay,header:n.modalHeader,close:n.modalClose},children:[!p&&!u&&(0,r.jsx)("form",{className:n.form,...(0,j.N)("feedback-form"),children:(0,r.jsxs)(ut.K,{spacing:15,children:[(0,r.jsxs)(I.x,{children:[(0,r.jsxs)(l.x,{fz:"sm",children:[(0,r.jsx)("span",{className:n.mark,children:"*"}),e("\u041c\u044b \u0440\u0435\u0448\u0438\u043b\u0438 \u0432\u0430\u0448 \u0432\u043e\u043f\u0440\u043e\u0441?")]}),(0,r.jsxs)(mt.Y.Group,{...v.getInputProps("resolved"),children:[(0,r.jsx)(mt.Y,{value:"true",label:e("\u0414\u0430"),...(0,j.N)("resolved-radio-button")}),(0,r.jsx)(mt.Y,{value:"false",label:e("\u041d\u0435\u0442"),...(0,j.N)("unresolved-radio-button")})]})]}),(0,r.jsxs)(I.x,{children:[(0,r.jsxs)(l.x,{fz:"sm",children:[(0,r.jsx)("span",{className:n.mark,children:"*"}),e("\u041d\u0430\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0432\u044b \u0443\u0434\u043e\u0432\u043b\u0435\u0442\u0432\u043e\u0440\u0435\u043d\u044b \u0440\u0430\u0431\u043e\u0442\u043e\u0439 \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u043d\u0442\u043e\u0432 \u043d\u0430\u0448\u0435\u0439 \u0441\u043b\u0443\u0436\u0431\u044b \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438?")]}),(0,r.jsx)(xt,{...v.getInputProps("rate"),size:"large",style:{display:"block",paddingTop:10}}),(0,r.jsx)(I.x,{mt:5,sx:e=>({fontSize:11,color:e.colors.red[6]}),children:v.errors.rate})]}),(0,r.jsxs)(l.x,{fz:"xs",className:a(n.requiredText),children:[(0,r.jsx)("span",{className:n.mark,children:"*"}),e("\u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u043a \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044e")]})]})}),p&&(0,r.jsxs)(ut.K,{spacing:15,style:{textAlign:"center"},children:[e("\u0412\u044b \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0445\u043e\u0442\u0438\u0442\u0435 \u0437\u0430\u043a\u0440\u044b\u0442\u044c \u0444\u043e\u0440\u043c\u0443?"),(0,r.jsxs)(c.Z,{m:"0 auto",spacing:8,className:n.buttonGroup,children:[(0,r.jsx)(E.z,{type:"submit",fullWidth:!0,onClick:()=>x(),...(0,j.N)("close-form-button"),children:e("\u0414\u0430, \u0437\u0430\u043a\u0440\u044b\u0442\u044c")}),(0,r.jsx)(E.z,{variant:"default",fullWidth:!0,className:n.cancelLink,onClick:()=>{h(!1)},...(0,j.N)("return-to-form-button"),children:e("\u041d\u0435\u0442, \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0438\u0442\u044c")})]})]}),u&&(0,r.jsx)(I.x,{m:"0 auto",style:{textAlign:"center"},children:e("\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u043e\u0446\u0435\u043d\u043a\u0443 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u044f")})]})};const Rt=(0,te.F4)({"0%, 80%, 100%":{boxShadow:"0 ".concat(5,"px 0 -0.7px"),opacity:.9},"40%":{boxShadow:"0 ".concat(5,"px 0 0"),opacity:1}});var Nt=(0,d.k)(((e,o)=>({root:{display:"flex",alignItems:"center",gap:7,".loader, .loader:before, .loader:after":{display:"inline-flex",width:5,height:5,borderRadius:"50%",animation:"".concat(Rt," 0.8s infinite ease-in-out"),animationFillMode:"both"},".loader":{position:"relative",transform:"translateY(-".concat(5,"px)"),marginLeft:7,marginRight:7,"&:before, &:after":{content:'""',position:"absolute",top:0},"&:before":{left:-7,animationDelay:"-0.18s"},"&:after":{left:7,animationDelay:"0.18s"}}}})));var It=e=>{let{data:o,...t}=e;const[i]=(0,S.$G)(),{classes:n}=Nt(),a=(0,f.C)((e=>e.users.byId)),s=null===a||void 0===a?void 0:a[o.fromId];let l="Unknown";switch(null===s||void 0===s?void 0:s.$type){case"Client":l=i("\u041a\u043b\u0438\u0435\u043d\u0442 \u2116{{n}}",{n:s.publicId});break;case"OperatorBot":l=i("\u0410\u0441\u0441\u0438\u0441\u0442\u0435\u043d\u0442");break;case"Operator":var c;s.id!==(null===(c=_o.Z.getState().currentUser.entity)||void 0===c?void 0:c.id)&&(l=s.name)}return(0,r.jsxs)("div",{className:n.root,children:[(0,r.jsx)("span",{className:"loader"})," ",i("{{user}} \u043f\u0435\u0447\u0430\u0442\u0430\u0435\u0442",{user:l})]})},zt=t(81645),Mt=t(47994);var Tt=t(29259),Lt=t.n(Tt),At=t(79614),Ft=t(54758);var Et=()=>{const[e]=(0,S.$G)(),{params:o,setFrameSize:t,cookies:c}=(0,x.E)(),{isMobile:d,opener:u}=o,{orientation:m}=(0,i.useMemo)((()=>(0,At.oS)(o.language,o.position,o.isMobile)),[o.isMobile,o.language,o.position]),{classes:p}=ct({isMobile:d,openerShadow:(0,At.Kr)(u)}),g=(0,f.T)(),b=(0,f.C)(y.yT),w=(0,f.C)(D.Z1),C=(0,f.C)(se.Zv),I=(0,f.C)(se.Ni),z=(0,f.C)(D.XM),{alert:M}=function(){const[e]=(0,S.$G)(),o=(0,f.C)(se.Hn),t=(0,f.C)(y.yT);let n,a,l;if(o)n="Auth error: "+o,a="red",l=(0,r.jsx)(v.Ldj,{size:16});else switch(t){case P.w.NotReady:case P.w.Syncing:n=e("\u0421\u0438\u043d\u0445\u0440\u043e\u043d\u0438\u0437\u0430\u0446\u0438\u044f")+"...",a="blue",l=(0,r.jsx)(v.Ldj,{size:16});break;case P.w.Reconnecting:n=e("\u041f\u0435\u0440\u0435\u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435")+"...",a="blue",l=(0,r.jsx)(v.Ldj,{size:16});break;case P.w.Error:n=e("\u041e\u0448\u0438\u0431\u043a\u0430 \u0441\u043e\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u044f. \u041f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u043f\u0435\u0440\u0435\u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0438\u043b\u0438 \u043e\u0431\u0440\u0430\u0442\u0438\u0442\u044c\u0441\u044f \u0432 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0443."),a="red",l=(0,r.jsx)(v.Ldj,{size:16})}const c=(0,i.useMemo)((()=>n&&(0,r.jsx)(s.b,{icon:l,color:a,sx:{flex:"none"},children:n})),[n,a,l]);return(0,i.useMemo)((()=>({alert:c})),[c])}(),T=function(){const{api:e}=(0,G.E)(),o=(0,f.T)();return(0,i.useCallback)((async()=>{try{const t=await e.getCurrentUser();if(!t)return;o((0,Mt.lx)(t))}catch(t){zt.k.error(t)}}),[e,o])}(),L=function(){const{api:e}=(0,G.E)(),o=(0,f.T)();return(0,i.useCallback)((async()=>{try{const t=await e.getConfiguration();if(!t)return;o((0,De.Dg)(t))}catch(t){zt.k.error(t)}}),[e,o])}(),A=(0,N.L)(),F=(0,f.C)(y.Me),E=function(){const e=(0,f.T)(),{params:o,setFrameSize:t}=(0,x.E)();return(0,i.useCallback)((async()=>{await t("open",k()(o,["isMobile","opener"])),e((0,y.X0)(!0))}),[e,o,t])}(),O=(0,f.C)(y.S9),B=(0,f.C)(y.S9),[H,Z]=(0,i.useState)();(0,i.useEffect)((()=>{b===P.w.Syncing&&Promise.all([L(),T(),A()]).then((()=>{g((0,to.o_)()),g((0,y.Wf)(P.w.Ready))})).catch((e=>{zt.k.error("Sync failed",e)}))}),[b]);const $=(0,i.useCallback)((()=>{const e=(0,Q.ab)(H,h.dx);if(H&&e<0&&F&&g((0,y.X0)(!1)),document.hidden||!F)return;const o=ze()(),t=o.toISOString();g((0,y.ic)(t)),c.set(h.xh.lastActivity,t,{expires:o.add(h.dx).toDate(),path:"/"})}),[c,g,F,H]),W=(0,dt.Y)($,15e3);(0,i.useEffect)((()=>(F&&($(),W.start()),W.stop)),[F,$]);const{runAsync:U}=(0,pt.Z)((async()=>{let e=null===o||void 0===o?void 0:o.credentials;if(e||(null===o||void 0===o?void 0:o.user)||(e={$type:"GuestCredentials",id:null===o||void 0===o?void 0:o.sessionId}),e){var t;const r=await Ft.ZP.get("".concat("/services/widget/v2","/most-required"),{params:{projectId:o.projectId,credentials:JSON.stringify(e)}});return null===r||void 0===r||null===(t=r.data)||void 0===t?void 0:t.unreadMessageCount}{var r,i,n;const e=await Ft.ZP.get("".concat("/services/widget/v2".replace("v2","v1"),"/projects/").concat(o.projectId,"/sessions/").concat(null===o||void 0===o||null===(r=o.user)||void 0===r?void 0:r.id));return null===e||void 0===e||null===(n=e.data)||void 0===n||null===(i=n.chat)||void 0===i?void 0:i.unreadMessageCount}}),{manual:!0});Xo((async()=>{const e=(0,Q.ab)(B,h.dx);if(!F&&e<=0){const e=await U();g((0,D.OK)({unreadMessageCount:e}))}}),[]),(0,i.useEffect)((()=>{const e=async()=>{document.hidden?Z(O):Z(void 0)};return document.addEventListener("visibilitychange",e),()=>{document.removeEventListener("visibilitychange",e)}}),[W,F,O]);let _=h.zi;if(Lt()(u))if("number"===typeof u.size)_=u.size;else switch(u.size){case"small":_=h.Gp;break;case"middle":_=h.zi;break;case"large":_=h.qE}const V=Math.round(.6*_),Y=(0,At.CU)(u);return(0,r.jsx)("div",{className:p.root,children:(0,r.jsxs)("div",{className:p.container,children:["hidden"!==(0,At.yO)(u)&&(0,r.jsx)(lt.Z,{in:!F,timeout:{enter:400,exit:100},unmountOnExit:!0,children:(0,r.jsx)(n.z,{label:"simple"===Y||null===w||void 0===w?void 0:w.unreadMessageCount,disabled:!(null===w||void 0===w?void 0:w.unreadMessageCount),size:"simple"===Y?18:24,color:"red.8",offset:8,className:p.indicator,style:{[m]:0,bottom:0},children:(0,r.jsx)(a.A,{className:p.button,variant:"filled",style:{borderRadius:"50%"},size:_,color:"primaryColor",...(0,j.N)("open-widget-button",!0),onClick:E,children:(0,r.jsx)(v.HOU,{size:V,fill:"white"})})})}),(0,r.jsx)(lt.Z,{in:F,timeout:200,unmountOnExit:!0,onExited:()=>t("collapse",k()(o,["isMobile","opener"])),children:C||I?(0,r.jsx)(R,{header:e("\u0427\u0430\u0442 \u0441 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u043e\u0439"),children:(0,r.jsx)(s.b,{icon:(0,r.jsx)(v.Ldj,{size:16}),title:e("\u0427\u0430\u0442 \u043d\u0435\u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d"),color:"red",children:e(C?"\u0412\u0430\u0441 \u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e \u0437\u0430\u0431\u043b\u043e\u043a\u0438\u0440\u043e\u0432\u0430\u043b\u0438 \u0432 \u0447\u0430\u0442\u0435":"\u041a \u0441\u043e\u0436\u0430\u043b\u0435\u043d\u0438\u044e, \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e \u043d\u0435\u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430")})}):(0,r.jsxs)(R,{header:z?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(zo,{user:z,radius:"xl"}),(0,r.jsxs)("div",{style:{flex:1},children:[(0,r.jsx)(l.x,{size:"sm",weight:500,children:z.name}),(null===w||void 0===w?void 0:w.typingStatus)?(0,r.jsx)(l.x,{size:"xs",children:(0,r.jsx)(It,{data:w.typingStatus})}):(0,r.jsx)(l.x,{color:"dimmed",size:"xs",children:e("\u041e\u043f\u0435\u0440\u0430\u0442\u043e\u0440").toLocaleLowerCase()})]})]}):(0,r.jsx)(r.Fragment,{children:e("\u0427\u0430\u0442 \u0441 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u043e\u0439")}),children:[M,w&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(st,{id:w.id,sx:{flex:"auto",overflow:"hidden"}}),(0,r.jsx)(St,{})]})]})})]})})};var Ot=!0,Bt=()=>(0,r.jsx)(Et,{})},80660:function(){}},function(e){e.O(0,[922,741,891,754,774,888,179],(function(){return o=87314,e(e.s=o);var o}));var o=e.O();_N_E=o}]);