https://cdn.shef.com/assets/ChatWidget-95f91106.js

1import{ae as l,s as n,r as c,j as t}from"./vendor-4dc6bb9b.js";import{u as m}from"./useChatContext-ee75d338.js";import{ak as u,b1 as p,O as i,c as r,aK as x,C as d,b2 as C,q as b}from"./index-53eeb11a.js";import{u as g,C as f,a as j}from"./Channel-4e9712d8.js";import{C as S,a as $}from"./Chat-45e0cccf.js";import"./PhoneUtils-6c4592b7.js";import"./utils-5ef0c418.js";import"./index-65c897e8.js";import"./memoize-one.esm-7a977b26.js";const w=l`
2  from {
3    right: -100%;
4  }
5  to {
6    right: 0;
7  }
8`,M=n(u)`
9  position: fixed;
10  box-shadow: ${p.CHAT_WIDGET};
11  right: 0;
12  padding: 0;
13  border-radius: 0;
14  animation: ${w} 0.3s both;
15
16  ${i.Media.minWidthMedium(`
17    width: 420px;
18  `)}
19
20  .${S.chat} {
21    border-radius: 0;
22  }
23
24  > div {
25    height: 100vh;
26  }
27`,W=n.div`
28  ${i.Flex.set("space-between","center","row")}
29  gap: ${r.HALF};
30  padding: ${r.SINGLE};
31  border-bottom: ${x.Base} ${d.GRAY_LITE_10};
32`,H=n.button`
33  display: flex;
34  background: none;
35  border: none;
36`,I=({onClose:a,userId:s})=>{const{channel:e}=g(),o=c.useMemo(()=>Object.values(e.state.members).find(({user_id:h})=>h!==s),[e.state.members,s]);return t.jsxs(W,{children:[t.jsx(f,{recipient:o}),t.jsx(H,{onClick:a,children:t.jsx(C,{color:d.GRAY_DARK_10,width:14,height:14})})]})},G=({channel:a,onClose:s})=>{const{client:e}=m(),{isSmallScreen:o}=b();return e!=null&&e.userID?t.jsx(M,{isShowing:!0,blockScrollOnMount:o,showBackdrop:!1,isFullWidth:o,isFullHeight:!0,animation:"none",onClose:s,children:t.jsx($,{client:e,children:t.jsx(j,{channel:a,HeaderComponent:()=>t.jsx(I,{onClose:s,userId:e.userID})})})}):null};export{G as ChatWidget,G as default};
37//# sourceMappingURL=ChatWidget-95f91106.js.map