https://wheelsnextdoor.com/_nuxt/Dev87bs_.js

1import{_ as J}from"./B8Nn3HoX.js";import{ak as I,c as l,o as n,N as f,a as i,l as y,t as v,j as s,z as D,bc as j,ah as N,b as p,v as V,R as M,g as S,bd as H,O as Q,u as P,G as L,r as U,f as X,a0 as Y,aD as Z,d as k,k as ee,aP as te,w as c,a4 as se,K as ae,F as R,y as z,am as ne,L as oe,s as ie,H as le,A as re,m as de,i as ue,ad as ce,ae as pe}from"./BOEYUW13.js";import{_ as me}from"./DRDB962W.js";import{_ as ve}from"./DSy_LxYT.js";import{M as ge}from"./Ygql5m-s.js";const ye=["textContent"],he={style:{"font-size":"x-small","padding-right":"4px","padding-left":"4px"}},ke={key:0},be={key:1},fe=I({__name:"MessageComponent",props:{message:{},userId:{}},setup(a){return(t,m)=>{const g=V;return n(),l("div",{style:f({textAlign:t.userId==t.message.from?"end":"start",paddingBottom:"4px"})},[i("p",{style:f([{backgroundColor:t.userId==t.message.from?"grey":"green",minWidth:"60px",padding:"4px",margin:"2px",borderRadius:"10px",display:"inline-block"},{"white-space":"pre-line"}]),textContent:v(t.message.text)},null,12,ye),i("p",he,v(("calculateDaysLocal"in t?t.calculateDaysLocal:s(D))(t.message.time)),1),t.message.type==s(j)().bookingAccepted&&("isEmptyObject"in t?t.isEmptyObject:s(N))(t.message.booking)==!1?(n(),l("div",ke,[p(g,{variant:"text","btn-name":"view_booking",onBtnClicked:m[0]||(m[0]=C=>("pushRoute"in t?t.pushRoute:s(M))(`${s(S).ROUTE_CHATS}/trip-info`,{id:t.message.booking.id}))})])):y("",!0),t.message.type==s(j)().bookingUpdate&&("isEmptyObject"in t?t.isEmptyObject:s(N))(t.message.booking)==!1?(n(),l("div",be,[p(g,{variant:"text","btn-name":"view_booking",onBtnClicked:m[1]||(m[1]=C=>("pushRoute"in t?t.pushRoute:s(M))(`${s(S).ROUTE_CHATS}/trip-info`,{id:t.message.booking.id}))})])):y("",!0)],4)}}}),Ce={style:{"padding-top":"1px"}},$e={key:0},we={key:1,style:{"border-radius":"100%","background-color":"green",padding:"4px","font-size":"small"}},_e={key:0,style:{"text-align":"center"}},Se={style:{"list-style":"none",padding:"0",margin:"0"}},Me={class:"col-center"},Oe={key:0,style:{"border-radius":"100%","background-color":"blue",padding:"4px","font-size":"small"}},Te={style:{"font-size":"small"}},Le={key:0},Re={style:{position:"sticky",top:"0"}},Ie={class:"top-bar"},Ae={key:0},Be={style:{"background-color":"var(--bg)"}},Ee={style:{"list-style":"none",padding:"0",margin:"0"}},je={style:{position:"sticky",bottom:"0"},class:"bottom-bar"},Ne=I({__name:"ChatScreen",props:{messagesArray:Object,chats:H},setup(a){const{height:t}=Q(),m=a;let g=P();L();let C=U(0),h=U("");X(async()=>{var e;C.value++,await((e=m.chats)==null?void 0:e.init())}),Y(L(),async()=>{var e;re(`wathing route ${L().path}`),await((e=m.chats)==null?void 0:e.init())});const b=Z(()=>{var e;return(e=m.chats)==null?void 0:e.showChatsSection()});async function A(){await m.chats.sendMessage(h.value,void 0),await le(100),h.value=""}return(e,o)=>{var B;const x=ee,O=se,T=me,F=ve,W=ne,G=fe,K=V,q=oe;return n(),l(R,null,[i("div",Ce,[(B=a.chats)!=null&&B.isLoading.value?(n(),k(x,{key:0,height:"4px",type:"linear"})):y("",!0)]),p(ge,{cols1:s(b)&&(e.$viewport.breakpoint.value=="xs"||e.$viewport.breakpoint.value=="sm")?12:!s(b)&&(e.$viewport.breakpoint.value=="xs"||e.$viewport.breakpoint.value=="sm")?0:4,cols2:s(b)&&(e.$viewport.breakpoint.value=="xs"||e.$viewport.breakpoint.value=="sm")?0:!s(b)&&(e.$viewport.breakpoint.value=="xs"||e.$viewport.breakpoint.value=="sm")?12:8},te({_:2},[s(b)||e.$viewport.breakpoint.value!="xs"&&e.$viewport.breakpoint.value!="sm"?{name:"col-0",fn:c(()=>{var $,w,_;return[i("div",{style:f({height:`${s(t)-60}px`,overflow:"scroll","background-color":"var(--bg-secondary)","flex-grow":1})},[p(T,null,{title:c(()=>{var d,u,r;return[i("p",null,[ae(v(e.$t("chats"))+" ",1),((d=a.chats)==null?void 0:d.unreadChats.value)>0?(n(),l("span",$e," - ")):y("",!0),((u=a.chats)==null?void 0:u.unreadChats.value)>0?(n(),l("span",we,v((r=a.chats)==null?void 0:r.unreadChats.value),1)):y("",!0)])]}),append:c(()=>[p(F,{mode:"hover",position:"left",width:"240px"},{activator:c(()=>[p(O,{icon:"dots-vertical"})]),content:c(()=>[p(T,{title:e.$t("mark_all_as_read"),onClick:o[0]||(o[0]=d=>{var u;return(u=a.chats)==null?void 0:u.markAllAsRead(s(g).user.id)}),clickable:!0},null,8,["title"])]),_:1})]),_:1}),o[6]||(o[6]=i("div",{class:"divider"},null,-1)),(($=a.chats)==null?void 0:$.chatRooms.value.length)==0&&((w=a.chats)==null?void 0:w.isLoading.value)==!1?(n(),l("p",_e,v(e.$t("no_chats")),1)):y("",!0),i("ul",Se,[(n(!0),l(R,null,z((_=a.chats)==null?void 0:_.chatRooms.value,d=>(n(),l("li",null,[(n(),k(T,{clickable:!0,key:d.id,onClick:u=>("pushRoute"in e?e.pushRoute:s(M))(s(S).ROUTE_CHATS,{chatId:d.id})},{prepend:c(()=>{var u,r;return[p(W,{color:((u=a.chats)==null?void 0:u.selectedChat.value)!=null&&((r=a.chats)==null?void 0:r.selectedChat.value.id)==d.id?"green":"var(--color-primary)",icon:"account"},null,8,["color"])]}),title:c(()=>{var u,r,E;return[i("p",{style:f({color:((u=a.chats)==null?void 0:u.selectedChat.value)!=null&&((r=a.chats)==null?void 0:r.selectedChat.value.id)==d.id?"green":"var(--color)"})},v((E=a.chats)==null?void 0:E.getOpponentName(d)),5)]}),append:c(()=>[i("div",Me,[d.info[s(g).user.id].unread>0?(n(),l("p",Oe,v(d.info[s(g).user.id].unread),1)):y("",!0),i("p",Te,v(("calculateDaysLocal"in e?e.calculateDaysLocal:s(D))(d.lastMessageTime)),1)])]),_:2},1032,["onClick"])),o[5]||(o[5]=i("div",{class:"divider"},null,-1))]))),256))])],4)]}),key:"0"}:void 0,!s(b)||e.$viewport.breakpoint.value!="xs"&&e.$viewport.breakpoint.value!="sm"?{name:"col-1",fn:c(()=>{var $,w,_,d,u;return[(($=a.chats)==null?void 0:$.selectedChat.value)==null?(n(),l("div",{key:0,style:f({height:`${s(t)-60}px`,display:"flex","justify-content":"center","align-items":"center"})},[((w=a.chats)==null?void 0:w.isLoading.value)==!1?(n(),l("p",Le,v(e.$t("select_chat")),1)):y("",!0)],4)):(n(),l("div",{key:1,id:"chatScroll",style:f({position:"relative",height:`${s(t)-60}px`,overflow:"scroll","background-color":"var(--bg-secondary)","flex-grow":1})},[i("div",Re,[i("div",Ie,[o[7]||(o[7]=i("div",null,null,-1)),((_=a.chats)==null?void 0:_.selectedChat.value)!=null?(n(),l("p",Ae,v((d=a.chats)==null?void 0:d.getOpponentName(a.chats.selectedChat.value)),1)):y("",!0),p(O,{icon:"messages",onIconClicked:o[1]||(o[1]=r=>("pushRoute"in e?e.pushRoute:s(M))(s(S).ROUTE_CHATS))})])]),i("div",Be,[i("ul",Ee,[(n(!0),l(R,null,z((u=a.chats)==null?void 0:u.messages.value,r=>(n(),l("li",null,[p(G,{userId:s(g).user.id,message:r},null,8,["userId","message"])]))),256)),o[8]||(o[8]=i("br",null,null,-1)),o[9]||(o[9]=i("br",null,null,-1))])]),i("div",je,[p(q,{modelValue:s(h),"onUpdate:modelValue":o[4]||(o[4]=r=>ie(h)?h.value=r:h=r),style:{padding:"4px"},rows:2},{append:c(()=>[e.$viewport.breakpoint.value!="xs"?(n(),k(K,{key:0,"btn-name":"send",onBtnClicked:o[2]||(o[2]=r=>A()),disabled:a.chats.isLoading.value},null,8,["disabled"])):(n(),k(O,{key:1,disabled:a.chats.isLoading.value,icon:"send",onIconClicked:o[3]||(o[3]=r=>A())},null,8,["disabled"]))]),_:1},8,["modelValue"])])],4))]}),key:"1"}:void 0]),1032,["cols1","cols2"])],64)}}}),Ue={key:1},xe=I({__name:"chats",props:{messagesArray:Object,chats:H},setup(a){return de("Messages","Chat with renters or owners easily with live time updates"),(t,m)=>{const g=J,C=pe,h=ue;return n(),k(h,null,{default:c(()=>[("useStore"in t?t.useStore:s(P))().isLoggedIn==!1?(n(),k(g,{key:0})):(n(),l("div",Ue,[(t._.provides[ce]||t.$route).path==s(S).ROUTE_CHATS?(n(),k(Ne,{key:0,"messages-array":a.messagesArray,chats:a.chats},null,8,["messages-array","chats"])):(n(),k(C,{key:1}))]))]),_:1})}}});

1export{xe as default};