"use strict";(self.webpackChunkchat=self.webpackChunkchat||[]).push([[165],{5165:(t,e,n)=>{n.r(e),n.d(e,{default:()=>Z});var o,s,l,r,i=n(8416),a=n(5694),c=n(5439),d=n.n(c),h=n(9411),p=n.n(h),m=n(6606),u=n(4528),f=n.n(u),b=n(1277),g=n(8030),k=n(8430),x=n(6598),y=n(6469),w=n(5531),j=(n(4404),n(5893));function v(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}var B=(0,m.getIsMobile)(),P=(0,i.memo)(p().div(o||(o=v(["\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tz-index: 3;\n\tdisplay: flex;\n\tflex-direction: column;\n\twidth: 100%;\n\theight: ",";\n\tbackground: #121212;\n\tcolor: rgb(var(--white, #fff));\n\tborder-radius: ",";\n\toverflow: hidden;\n"])),B?"100svh":"100%",B?"0":"1em")),z=(0,i.memo)(p().div(s||(s=v(['\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tflex: 0 0 2.625em;\n\tbackground: radial-gradient(100% 100% at 50% 0%, #242424 0%, #4d3726 100%);\n\tpadding: 0.5em 1em;\n\theight: 2.625em;\n\tposition: relative;\n\n\t&:after {\n\t\tcontent: "";\n\t\tposition: absolute;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\theight: 0.125em;\n\t\twidth: 100%;\n\t\tbackground: radial-gradient(50% 50% at 50% 50%, rgba(255, 132, 37, 0.32) 0%, rgba(255, 132, 37, 0) 100%);\n\t}\n'])))),C=(0,i.memo)(p().button(l||(l=v(["\n\tdisplay: block;\n\theight: 1.75em;\n\twidth: 1.75em;\n\tcursor: pointer;\n\tborder: none;\n\tbackground: transparent;\n\tfont-size: 1em;\n\tpadding: 0;\n"])))),O=(0,i.memo)(p().span(r||(r=v(["\n\tcolor: rgb(var(--white), #fff);\n\tfont-size: 0.875em;\n\tletter-spacing: 0.28px;\n\ttext-transform: uppercase;\n"]))));function S(t){var e=t.style,n=(0,a.useDispatch)(),o=(0,b.shallowSelector)(b.selectResources).strChat,s=(0,b.shallowSelector)(k.eh),l=s.chatId,r=s.smileBlockIsOpened,i=(0,b.shallowSelector)(k.zZ);return l&&i?(0,j.jsxs)(P,{style:e.container,children:[(0,j.jsxs)(z,{style:e.header,children:[(0,j.jsx)(O,{style:e.title,children:o||"_Chat"}),(0,j.jsx)(C,{style:e.closeBtn,onClick:function(){n(b.actions.closePopup({name:g.BASE_POPUP_NAMES.CHAT_POPUP}))},children:(0,j.jsx)(f(),{color:"rgba(var(--white), 0.7)"})})]}),(0,j.jsx)(x.Z,{style:e.messageBlock}),(0,j.jsx)(y.Z,{style:e.inputBlock}),r&&(0,j.jsx)(w.Z,{style:e.smileBlock})]}):null}const Z=(0,i.memo)(S);S.defaultProps={style:{container:{},header:{},title:{},closeBtn:{},messageBlock:{},inputBlock:{},smileBlock:{}}},S.propTypes={style:d().object}}}]);