https://carersgarden.org/_next/static/chunks/9445-cccbf2013ce89ced.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9445],{84609:function(e,n,t){var r=t(85893),i=t(9008),l=t.n(i),a=t(11163);let s=e=>{let{title:n,seoTitle:t,seoDescription:i,seoKeywords:s,ogUrl:o,ogImageUrl:d}=e,c=(0,a.useRouter)(),h=()=>t?"".concat(t," | 照顧者花園"):n?"".concat(n," | 照顧者花園"):"照顧者花園";return(0,r.jsxs)(l(),{children:[(0,r.jsx)("title",{children:h()}),(0,r.jsx)("meta",{name:"description",content:i}),(0,r.jsx)("meta",{name:"keywords",content:s}),(0,r.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1, shrink-to-fit=no"}),(0,r.jsx)("meta",{httpEquiv:"X-UA-Compatible",content:"ie=edge"}),(0,r.jsx)("meta",{property:"og:title",content:h()}),(0,r.jsx)("meta",{property:"og:type",content:"movie"}),o&&(0,r.jsx)("meta",{property:"og:url",content:o}),d&&(0,r.jsx)("meta",{property:"og:image",content:d}),(0,r.jsx)("meta",{property:"og:site_name",content:"照顧者花園"}),(0,r.jsx)("meta",{property:"og:description",content:i}),!1,(0,r.jsx)("link",{rel:"alternate",hrefLang:"zh-Hant",href:"https://carersgarden.org/".concat(c.asPath)}),(0,r.jsx)("link",{rel:"alternate",hrefLang:"x-default",href:"https://carersgarden.org/".concat(c.asPath)}),(0,r.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:'{\n            "@context": "https://schema.org",\n            "@type": "Organization",\n            "name": "照顧者花園 Carers Garden",\n            "url": "https://carersgarden.org/",\n            "logo": "https://carersgarden.org/wp-content/uploads/2021/03/logo-s2.png",\n            "contactPoint": {\n              "@type": "ContactPoint",\n              "telephone": "+85291719593",\n              "contactType": "customer service"\n            },\n            "sameAs": "https://www.facebook.com/groups/bigsilver.carers.garden"\n          }\n        '}})]})};n.Z=s},79445:function(e,n,t){t.d(n,{Z:function(){return H}});var r=t(85893),i=t(67294),l=t(73837),a=t(96411),s=t(6796),o=t(1965),d=t(2691),c=t(11163),h=t(56445),p=t(90948),u=t(79104),g=t(13170),m=t(95554),x=t(42391),f=t(72096),b=t(55819),j=t(83321),C=t(83094),y=t(18377),v=t(96682),Z=t(72167);let k=(0,p.ZP)("div")(()=>({height:64,borderBottom:"1px solid rgba(0, 0, 0, 0.12)",display:"flex",alignItems:"center",paddingLeft:16,paddingRight:16,"& > img":{marginRight:12,width:40,height:40,borderRadius:1e3,objectFit:"cover"}})),w=(0,p.ZP)(f.Z)(()=>({padding:0,maxHeight:"calc(100% - 64px)",overflow:"auto",marginBottom:-1,"& .MuiMenuItem-root":{padding:0,borderBottom:"1px solid rgba(0, 0, 0, 0.12)"}})),S=(0,p.ZP)(y.Z)(()=>({paddingLeft:12,paddingRight:16,paddingTop:16,paddingBottom:16,borderLeft:"4px solid transparent",width:"100%",minHeight:80,display:"flex",alignItems:"center","& > img":{marginRight:12,width:50,height:50,flexShrink:0,objectFit:"cover",borderRadius:1e3}})),M=(0,p.ZP)(y.Z)(e=>{let{theme:n}=e;return{marginLeft:4,width:26,height:26,borderRadius:1e3,backgroundColor:n.palette.primary.main,display:"flex",justifyContent:"center",alignItems:"center","& > *":{color:"white"}}}),L=e=>{let{sendbirdChat:n,onSelectChannelUrl:t}=e,l=(0,v.Z)(),{value:a}=(0,d.Z)(),[s,o]=(0,i.useState)([]),[c,h]=(0,i.useState)(null),p=(0,i.useRef)(null),u=(0,i.useRef)(null),g=(0,i.useCallback)(()=>{if(p.current&&u.current){let e=[...p.current,...u.current].sort((e,n)=>{var t,r,i,l;return(null!==(i=null===(t=n.lastMessage)||void 0===t?void 0:t.createdAt)&&void 0!==i?i:0)-(null!==(l=null===(r=e.lastMessage)||void 0===r?void 0:r.createdAt)&&void 0!==l?l:0)});o(e.filter(e=>{let n=e.name;if("Group Channel"===n&&2===e.memberCount){let t=e.members.filter(e=>e.userId!==a.id);if(1===t.length){let r=t[0].userId,i=t[0].nickname;return"大銀"===i||a.friendUserIds.includes(r)}}return!0})),console.log("tempChannels",e)}},[a.friendUserIds,a.id]),m=(0,i.useCallback)(()=>{console.log("fetchPublicGroupChannelList"),p.current=null;let e=n.groupChannel.createPublicGroupChannelListQuery({includeEmpty:!0,membershipFilter:x.Zr.ALL,limit:100});e.next().then(e=>{console.log("fetchPublicGroupChannelList",e),p.current=e,g()})},[n.groupChannel,g]),f=(0,i.useCallback)(()=>{console.log("fetchMyGroupChannelListList"),u.current=null;let e=n.groupChannel.createMyGroupChannelListQuery({includeEmpty:!0,myMemberStateFilter:x.dy.ALL,superChannelFilter:x.KT.NON_SUPER,order:x.cB.LATEST_LAST_MESSAGE,limit:100});e.next().then(e=>{console.log("fetchMyGroupChannelList",e),u.current=e,g()})},[n.groupChannel,g]),L=(0,i.useCallback)(()=>{m(),f()},[m,f]);(0,i.useEffect)(()=>{L();let e=new x.pe({onMessageReceived:L,onMessageUpdated:L,onMessageDeleted:L,onChannelChanged:L,onChannelDeleted:L,onChannelHidden:L,onUserJoined:L,onUserLeft:L,onChannelMemberCountChanged:L});n.groupChannel.addGroupChannelHandler("UNIQUE_HANDLER_ID",e)},[n,L]),(0,i.useEffect)(()=>

1{if(null!=s){let e=s.find(e=>e.url===c);(null==e||"joined"!==e.myMemberState)&&h(null)}},[s,c]),(0,i.useEffect)(()=>{t(c)},[t,c]);let E=e=>{let n=s.find(n=>n.url===e);n.join().then(()=>{h(e)})};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(k,{children:[(0,r.jsx)("img",{src:a.avatarColorEmoticon.image.url,alt:a.nickname,style:{background:"linear-gradient(180deg, ".concat(a.avatarColorEmoticon.topGradientColor," 0%, ").concat(a.avatarColorEmoticon.bottomGradientColor," 100%)")}}),(0,r.jsx)(C.Z,{fontSize:14,lineHeight:1.2,bold:!0,children:a.nickname})]}),(0,r.jsx)(w,{children:s.map(e=>{let n=e.unreadMessageCount,t="joined"===e.myMemberState,i=e.coverUrl,s=e.name,o=!1,d=e.memberCount;if("Group Channel"===s&&2===d){let p=e.members.filter(e=>e.userId!==a.id);1===p.length&&(i=p[0].plainProfileUrl,s=p[0].nickname,o=!0)}let u=null,g=null;if(null!=e.lastMessage){var m;u=null===(m=e.lastMessage)||void 0===m?void 0:m.message,"file"===e.lastMessage.messageType&&(u=e.lastMessage.type.includes("image")?"\uD83D\uDCF7 圖片":e.lastMessage.type.includes("video")?"(影片)":"(文件)"),u=e.lastMessage.sender.userId===a.id?"我: ".concat(u):"".concat(e.lastMessage.sender.nickname,": ").concat(u),g=(0,Z.Z)(new Date(e.lastMessage.createdAt),"yyyy-MM-dd",new Date)}let x=e.url===c;return(0,r.jsx)(b.Z,{onClick:t?()=>h(e.url):void 0,disableRipple:!t,sx:{backgroundColor:t?"":"white !important",cursor:t?"":"unset"},children:(0,r.jsxs)(S,{sx:{borderLeft:"4px solid ".concat(x?l.palette.primary.main:"transparent")},children:[(0,r.jsx)("img",{src:i,alt:s}),(0,r.jsxs)(y.Z,{flex:1,children:[(0,r.jsxs)(y.Z,{display:"flex",children:[(0,r.jsx)(y.Z,{flex:1,children:(0,r.jsxs)(C.Z,{variant:"h6",fontSize:16,lineHeight:1.4,sx:{whiteSpace:"break-spaces"},children:[s,!o&&(0,r.jsx)(C.Z,{component:"span",fontSize:12,sx:{ml:.75,display:"inline-block",transform:"translate(0, -1px)"},children:d})]})}),t&&(0,r.jsx)(y.Z,{flexShrink:0,children:g&&(0,r.jsx)(C.Z,{fontSize:12,lineHeight:1.2,sx:{ml:1.5},children:g})})]}),(0,r.jsxs)(y.Z,{display:"flex",children:[(0,r.jsx)(y.Z,{flex:1,children:(0,r.jsx)(C.Z,{fontSize:14,lineHeight:1.2,sx:{mt:.75,height:20,wordBreak:"break-all",whiteSpace:"pre-wrap",lineHeight:1.3,display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:1,overflow:"hidden"},children:u})}),t&&(0,r.jsx)(y.Z,{flexShrink:0,children:n>0&&(0,r.jsx)(M,{children:(0,r.jsx)(C.Z,{fontSize:11,lineHeight:1,children:n>99?"99+":n})})})]})]}),!t&&(0,r.jsx)(y.Z,{flexShrink:0,ml:1.5,children:(0,r.jsx)(j.Z,{variant:"contained",size:"small",onClick:()=>E(e.url),sx:{minWidth:48},children:"加入"})})]})},e.url)})})]})};t(47523);var E=t(84609);let P=(0,p.ZP)("div")(e=>{let{theme:n}=e;return{position:"relative",maxHeight:"calc(100vh - 60px)",height:"calc(100vh - 60px)",paddingTop:24,paddingBottom:24,display:"flex","& > *":{flexShrink:0,height:"100%"},"& .sendbird-channel-settings":{borderLeft:"0 !important"},"& .sendbird-icon-color--primary svg path":{fill:"".concat(n.palette.primary.main," !important")}}}),A=(0,p.ZP)("div")(()=>({width:320,borderTop:"1px solid rgba(0, 0, 0, 0.12)",borderLeft:"1px solid rgba(0, 0, 0, 0.12)",borderBottom:"1px solid rgba(0, 0, 0, 0.12)"})),I=(0,p.ZP)("div")(()=>({flex:1,"& .sendbird-word":{whiteSpace:"pre-wrap"}})),R=(0,p.ZP)("div")(()=>({flex:1,border:"1px solid rgba(0, 0, 0, 0.12)",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"})),_=(0,p.ZP)("div")(()=>({width:321,borderTop:"1px solid rgba(0, 0, 0, 0.12)",borderRight:"1px solid rgba(0, 0, 0, 0.12)",borderBottom:"1px solid rgba(0, 0, 0, 0.12)","& .sendbird-channel-profile__edit, .sendbird-channel-settings-accordion__footer":{display:"none"}})),D=()=>{let e=(0,c.useRouter)(),{value:n}=(0,h.Z)(),{value:t}=(0,d.Z)(),[p,f]=(0,i.useState)(null),[b,j]=(0,i.useState)(null),[y,v]=(0,i.useState)(!1);return(0,i.useEffect)(()=>{n||e.push("/login").then()},[e,n]),(0,i.useEffect)(()=>{async function e(){let e=await m.ZP.init({appId:"5476FD6F-1D14-41D2-878F-57A9A7E65E1C",localCacheEnabled:!0,modules:[new x.rY]});await e.connect(t.id,t.sendbirdAccessToken),f(e)}t&&e().then()},[t]),(0,r.jsxs)(o.Z,{children:[(0,r.jsx)(E.Z,{title:"啱傾聊天室 | 照顧者花園"}),(0,r.jsx)(u.Z,{children:t&&(0,r.jsx)(g.Z,{children:(0,r.jsx)(P,{children:p&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(A,{children:(0,r.jsx)(L,{sendbirdChat:p,onSelectChannelUrl:j})}

1),(0,r.jsxs)(s.Z,{appId:"5476FD6F-1D14-41D2-878F-57A9A7E65E1C",userId:t.id,nickname:t.nickname,children:[(0,r.jsx)(I,{children:b?(0,r.jsx)(l.Z,{channelUrl:b,onChatHeaderActionClick:()=>v(!0)}):(0,r.jsx)(R,{children:(0,r.jsx)(C.Z,{bold:!0,children:"請選擇聊天室"})})}),y&&(0,r.jsx)(_,{children:(0,r.jsx)(a.Z,{channelUrl:b,onCloseClick(){v(!1)}})})]})]})})})})]})};var H=D}}]);