"use strict";(self.webpackChunkchat=self.webpackChunkchat||[]).push([[696],{2696:(e,t,o)=>{o.r(t),o.d(t,{default:()=>C});var s=o(4914),n=o(678),a=o(3444),i=o.n(a),l=o(8874),r=o.n(l),c=o(6295),d=o(2677),h=o.n(d),m=o(7800),p=o(9133),b=o(2153),f=o(5108),g=o(11),u=o(8774),w=(o(4376),o(4848)),v=(0,c.getIsMobile)(),k=(0,s.memo)(r().div.withConfig({componentId:"sc-1295b4c-0"})(["position:absolute;top:",";left:",";z-index:3;display:flex;flex-direction:column;width:",";height:",";background:#1a1a1a;color:rgb(var(--white));border-radius:",";border:",";border-color:rgba(var(--white),0.1) rgba(var(--white),0.2) rgba(var(--white),0.3);overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);"],v?0:"-0.0625em",v?0:"-0.0625em",v?"100%":"calc(100% + 0.125em)",v?"100svh":"calc(100% + 0.125em)",v?0:"1em",v?"0 none":"1px solid")),x=(0,s.memo)(r().div.withConfig({componentId:"sc-1295b4c-1"})(["display:flex;align-items:center;justify-content:space-between;flex:0 0 2.625em;background:#141414;padding:0.5em 1em;height:2.625em;position:relative;"])),y=(0,s.memo)(r().button.withConfig({componentId:"sc-1295b4c-2"})(["display:block;height:1.75em;width:1.75em;cursor:pointer;border:none;background:transparent;font-size:1em;padding:0;"])),j=(0,s.memo)(r().span.withConfig({componentId:"sc-1295b4c-3"})(["color:rgb(var(--white));font-size:0.875em;letter-spacing:0.28px;text-transform:uppercase;"]));function B(e){var t=e.style,o=(0,n.useDispatch)(),s=(0,m.shallowSelector)(m.selectResources).strChat,a=(0,m.shallowSelector)(b.hQ),i=a.chatId,l=a.smileBlockIsOpened,r=(0,m.shallowSelector)(b.AW);return i&&r?(0,w.jsxs)(k,{style:t.container,children:[(0,w.jsxs)(x,{style:t.header,children:[(0,w.jsx)(j,{style:t.title,children:s||"_Chat"}),(0,w.jsx)(y,{style:t.closeBtn,onClick:function(){o(m.actions.closePopup({name:p.BASE_POPUP_NAMES.CHAT_POPUP}))},children:(0,w.jsx)(h(),{color:"rgba(var(--white), 0.7)"})})]}),(0,w.jsx)(f.A,{style:t.messageBlock}),(0,w.jsx)(g.A,{style:t.inputBlock}),l&&(0,w.jsx)(u.A,{style:t.smileBlock})]}):null}const C=(0,s.memo)(B);B.defaultProps={style:{container:{},header:{},title:{},closeBtn:{},messageBlock:{},inputBlock:{},smileBlock:{}}},B.propTypes={style:i().object}}}]);