https://velaflow.com/_next/static/chunks/pages/lists/listData/[...slug]-87bac644e235d085.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5860],{11460:(e,l,s)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/lists/listData/[...slug]",function(){return s(26730)}])},25035:(e,l,s)=>{"use strict";s.d(l,{A:()=>n});var t=s(37876);s(14232);var a=s(96145);let n=e=>{let{onBack:l,text:s}=e;return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"flex items-center ml-7 space-x-2 mb-6",children:[(0,t.jsx)(a.In,{onClick:l,id:"arrow-left-icn",className:"w-5 h-5 align-middle inline-block cursor-pointer"}),(0,t.jsx)(a.DZ,{type:"h2",text:s,className:"text-14 text-black"})]}),(0,t.jsx)("hr",{className:"my-2 pl-0 border-dividerGrey"})]})}},26730:(e,l,s)=>{"use strict";s.r(l),s.d(l,{__N_SSP:()=>w,default:()=>_});var t=s(37876),a=s(14232),n=s(89099),r=s(25035),i=s(96145);let d=e=>{let{handleChangeTab:l,selectedTab:s}=e;return(0,t.jsx)("div",{className:"flex w-full",children:[{label:"Posts",id:1},{label:"People",id:2}].map((e,a)=>(0,t.jsx)(i.$n,{onClick:()=>l(e),className:"py-3 hover:bg-gray-200 hover:text-black w-1/2 ".concat((null==s?void 0:s.id)===(null==e?void 0:e.id)?"border-b-2 border-b-primary text-black":"text-grey"),children:e.label},"".concat(e.label,"-").concat(a)))})};var c=s(48028),o=s(48948),u=s(63065);let m=e=>{let{allLists:l,listId:s}=e,a=(0,n.useRouter)(),r=null==l?void 0:l.find(e=>(null==e?void 0:e.id)===s);return r?(0,t.jsxs)("div",{className:"w-full flex items-start px-5 py-3",children:[(0,t.jsx)("div",{children:(0,t.jsx)(i.Zc,{src:(null==r?void 0:r.icon_image)||"/images/addList.png",className:"cursor-pointer w-20 h-20 rounded"})}),(0,t.jsxs)("div",{className:"px-3 flex-1 min-w-0",children:[(0,t.jsx)("span",{className:"font-medium text-16 leading-5",children:null==r?void 0:r.list_name}),(0,t.jsx)("span",{className:"block text-12 leading-6 mt-1 text-gray-600",children:null==r?void 0:r.description})]}),(0,t.jsxs)("div",{className:"flex items-center gap-1 sm:gap-2 flex-shrink-0",children:[(0,t.jsx)("button",{onClick:()=>{r&&a.push("/messenger?groupId=".concat(r.id,"&groupName=").concat(encodeURIComponent(r.list_name||"Group")))},className:"p-2 hover:bg-blue-50 rounded-full transition",title:"Group Chat",children:(0,t.jsx)(c.A,{className:"w-5 h-5 text-[#2755ff]"})}),(0,t.jsx)("button",{onClick:()=>{r&&a.push("/messenger?groupId=".concat(r.id,"&groupName=").concat(encodeURIComponent(r.list_name||"Group"),"&startCall=voice"))},className:"p-2 hover:bg-purple-50 rounded-full transition",title:"Group Voice Call",children:(0,t.jsx)(o.A,{className:"w-5 h-5 text-[#2755ff]"})}),(0,t.jsx)("button",{onClick:()=>{r&&a.push("/messenger?groupId=".concat(r.id,"&groupName=").concat(encodeURIComponent(r.list_name||"Group"),"&startCall=video"))},className:"p-2 hover:bg-purple-50 rounded-full transition",title:"Group Video Call",children:(0,t.jsx)(u.A,{className:"w-5 h-5 text-[#2755ff]"})})]})]}):null};var x=s(84768),h=s(81220);function p(e){let{listPosts:l=[],listId:s=""}=e,[n,r]=(0,a.useState)(l),[d,c]=(0,a.useState)(l.length||0),[o]=(0,a.useState)(10),[u,m]=(0,a.useState)(!1),[p,v]=(0,a.useState)(!0),[f,j]=(0,a.useState)(!1),N=(0,a.useRef)(null),y=(0,a.useCallback)(async()=>{m(!0);try{var e;let l=new FormData;l.append("limit",o),l.append("offset",d),l.append("list_id",s);let t=await (0,h.ZJ)(l),a=(null==t||null==(e=t.content)?void 0:e.posts)||[];a.length>0?(r(e=>[...e,...a]),c(e=>e+o),v(a.length===o)):v(!1)}catch(e){console.error("Error loading For You posts",e)}finally{m(!1)}},[d,o,s]);return(0,a.useEffect)(()=>{if(!p||u)return;let e=new IntersectionObserver(l=>{l[0].isIntersecting&&(y(),e.disconnect())}),l=N.current;return l&&e.observe(l),()=>{l&&e.unobserve(l)}},[y,u,p]),(0,a.useEffect)(()=>{if(!p&&!u){j(!0);let e=setTimeout(()=>j(!1),3e3);return()=>clearTimeout(e)}},[p,u]),(0,t.jsxs)("div",{className:"space-y-5",children:[n.length>0?n.map(e=>(0,t.jsx)(x.A,{postData:e},e.id)):(0,t.jsx)("div",{className:"text-center text-14 text-grey mt-20",children:"No new posts in your feed!!"}),u&&(0,t.jsx)("div",{className:"text-center",children:(0,t.jsx)(i.aH,{className:"text-black"})}),f&&(0,t.jsx)("div",{className:"text-center text-gray-400 text-sm py-4 animate-fade-in",children:"You’ve reached the end of the feed!"}),p&&(0,t.jsx)("div",{ref:N,className:"h-10"})]})}var v=s(97685);let f=e=>{let{listPeopleAdded:l,listId:s,fetchPeopleInList:n}=e,[r,d]=(0,a.useState)(!1),[c,o]=(0,a.useState)(null),u=async e=>{o(e),d(!0);try{let l=await (0,h.A2)(s,e);

1(null==l?void 0:l.error)||(d(!1),v.Ay.success(null==l?void 0:l.message),n())}catch(e){var l,t,a;v.Ay.error(null!=(a=null==e||null==(t=e.response)||null==(l=t.data)?void 0:l.message)?a:"Please try again"),d(!1)}};return(0,t.jsx)("div",{className:"mt-3",children:(0,t.jsxs)("ul",{className:"space-y-3 text-sm",children:[null==l?void 0:l.map((e,l)=>{var s,a,n,d,o;return(0,t.jsxs)("li",{className:"flex items-center justify-between mt-2",children:[(0,t.jsx)(i.N_,{href:"/profile-details/".concat(null==e||null==(s=e.follower)?void 0:s.username),children:(0,t.jsxs)("div",{className:"flex justify-between items-center gap-3",children:[(0,t.jsx)(i.Zc,{src:null==e||null==(a=e.follower)?void 0:a.profile_pic,alt:null==e||null==(n=e.follower)?void 0:n.first_name,className:"rounded-full w-12 h-12 object-cover shadow-sm"}),(0,t.jsxs)("span",{className:"text-[16px] text-black",children:[null==e||null==(d=e.follower)?void 0:d.first_name," ",null==e||null==(o=e.follower)?void 0:o.last_name]})]})}),(0,t.jsx)("div",{children:(0,t.jsx)(i.$n,{disabled:r,onClick:()=>u(null==e?void 0:e.follower_id),className:"text-12 text-black",children:r&&c===(null==e?void 0:e.follower_id)?(0,t.jsx)("div",{className:"flex justify-center",children:(0,t.jsx)(i.aH,{className:"text-primary"})}):(0,t.jsx)(i.In,{id:"close-cross-icn",className:"inline-block text-primary"})})})]},l)}),(null==l?void 0:l.length)===0&&(0,t.jsx)("div",{className:"flex justify-center items-center mt-4",children:"You have not added anyone yet!"})]})})};var j=s(15234);let N=e=>{let{showAddModal:l,handleAddModal:s,listId:n,fetchPeopleInList:r}=e,[d,c]=(0,a.useState)(""),[o,u]=(0,a.useState)(!1),[m,x]=(0,a.useState)([]),[p,f]=(0,a.useState)(null);(0,a.useEffect)(()=>{(null==d?void 0:d.length)<3||(async()=>{var e;let l=await (0,h.I6)({limit:100,offset:0,search:d});x((null==l||null==(e=l.content)?void 0:e.users)||[])})()},[d]);let N=async e=>{var l,s,t;u(!0),f(null==e?void 0:e.id);try{let s=await (0,h.id)(n,null==e?void 0:e.id);s.error||(u(!1),f(null),v.Ay.success(null!=(l=null==s?void 0:s.message)?l:"User added to list successfullyyyy."),r())}catch(e){u(!1),f(null),v.Ay.error(null==e||null==(t=e.response)||null==(s=t.data)?void 0:s.message)}};return(0,t.jsx)(j.A,{isOpen:l,onClose:s,children:(0,t.jsxs)("div",{className:"mt-10",children:[(0,t.jsx)("div",{className:"w-full mt-3",children:(0,t.jsx)(i.pd,{name:"searchKey",value:d,onChange:e=>{let{target:l}=e,{type:s,checked:t}=l;c("checkbox"===s?t:l.value)},className:"w-full h-40 px-4 py-3 text-12 text-black border border-grey rounded outline-none focus:ring-2 focus:primary",placeholder:"Search User"})}),(0,t.jsx)("div",{className:"w-full",children:null==m?void 0:m.map((e,l)=>(0,t.jsx)("div",{className:"flex items-center justify-end gap-5 mt-5 w-full",children:(0,t.jsxs)("div",{className:"flex justify-between items-center w-full gap-3",children:[(0,t.jsxs)(i.N_,{className:"flex items-center justify-center",href:"/profile-details/".concat(null==e?void 0:e.username),children:[(0,t.jsx)(i.Zc,{src:null==e?void 0:e.profile_pic,alt:null==e?void 0:e.first_name,className:"rounded-full w-12 h-12 object-cover shadow-sm"}),(0,t.jsxs)("span",{className:"text-[16px] text-black ml-4",children:[null==e?void 0:e.first_name," ",null==e?void 0:e.last_name]})]}),(0,t.jsx)(i.$n,{className:"text-[12px] text-primary",onClick:()=>N(e),children:o&&p===(null==e?void 0:e.id)?(0,t.jsx)(i.aH,{className:"text-primary"}):(0,t.jsx)("div",{className:"items-center p-2 mt-1",children:(0,t.jsx)(i.In,{id:"add-icn",className:"text-primary w-5 h-5 align-middle inline-block"})})})]})},l))})]})})},y=e=>{let{listPeopleAdded:l,listId:s,fetchPeopleInList:n}=e,[r,d]=(0,a.useState)(!1),c=()=>{d(!r)};return(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"flex justify-end pr-5 mt-3 mb-3",children:(0,t.jsx)(i.$n,{onClick:c,className:"px-5 py-3 text-primary text-14 rounded-[5px]",children:"+ Add People"})}),(0,t.jsx)("div",{className:"border-t border-dividerGrey",children:(0,t.jsx)(f,{listId:s,listPeopleAdded:l,fetchPeopleInList:n})}),r&&(0,t.jsx)(N,{showAddModal:r,handleAddModal:c,listId:s,fetchPeopleInList:n})]})},g=e=>{var l,s;let{listPeopleAdded:c,allLists:o,listPosts:u}=e,x=(0,n.useRouter)(),v=parseInt(null==x||null==(s=x.query)||null==(l=s.slug)?void 0:l[0],10),[f,j]=(0,a.useState)(!1),[N,g]=(0,a.useState)(c),[b,w]=(0,a.useState)({label:"Posts",id:1}),_=async()=>{j(!0);try{let e=await (0,h.ff)(v);(null==e?void 0:e.error)||(g(null==e?void 0:e.content),j(!1))}catch(e){console.error(e,"error"),j(!1)}};return(0,t.jsxs)("div",{className:"w-full mt-6 rounded-[5px]",children:[(0,t.jsx)("div",{children:(0,t.jsx)(r.A,{onBack:()=>{x.push("/lists")}

1,text:"Back"})}),(0,t.jsx)("div",{children:(0,t.jsx)(m,{allLists:o,listId:v})}),(0,t.jsx)("div",{children:(0,t.jsx)(d,{selectedTab:b,handleChangeTab:e=>{w(e)}})}),(0,t.jsx)("div",{className:"px-3",children:1===b.id?(0,t.jsx)(p,{listPosts:u,listId:v}):f?(0,t.jsx)("div",{className:"flex justify-center",children:(0,t.jsx)(i.aH,{})}):(0,t.jsx)(y,{listPeopleAdded:N,listId:v,fetchPeopleInList:_})})]})};var b=s(42489),w=!0;function _(e){let{userDetails:l,allLists:s,listPosts:a,listPeopleAdded:n,suggestionList:r,tagsList:i}=e;return(0,t.jsx)(b.A,{userDetails:l,tagsList:i,suggestionList:r,children:(0,t.jsx)(g,{allLists:s,listPosts:a,listPeopleAdded:n})})}},48028:(e,l,s)=>{"use strict";s.d(l,{A:()=>n});var t=s(51935);let a={name:"message-circle",size:24,node:[["path",{d:"M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719",key:"1sd12s"}]]};a.node;let n=(0,t.A)(a)},48948:(e,l,s)=>{"use strict";s.d(l,{A:()=>n});var t=s(51935);let a={name:"phone",size:24,node:[["path",{d:"M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384",key:"9njp5v"}]]};a.node;let n=(0,t.A)(a)}},e=>{e.O(0,[3716,4668,9634,2489,3433,4768,636,6593,8792],()=>e(e.s=11460)),_N_E=e.O()}]);