https://velaflow.com/_next/static/chunks/pages/lists-a5dfea02726ff044.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1267],{25035:(e,t,l)=>{"use strict";l.d(t,{A:()=>r});var n=l(37876);l(14232);var s=l(96145);let r=e=>{let{onBack:t,text:l}=e;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{className:"flex items-center ml-7 space-x-2 mb-6",children:[(0,n.jsx)(s.In,{onClick:t,id:"arrow-left-icn",className:"w-5 h-5 align-middle inline-block cursor-pointer"}),(0,n.jsx)(s.DZ,{type:"h2",text:l,className:"text-14 text-black"})]}),(0,n.jsx)("hr",{className:"my-2 pl-0 border-dividerGrey"})]})}},29649:(e,t,l)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/lists",function(){return l(80657)}])},48028:(e,t,l)=>{"use strict";l.d(t,{A:()=>r});var n=l(51935);let s={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"}]]};s.node;let r=(0,n.A)(s)},48948:(e,t,l)=>{"use strict";l.d(t,{A:()=>r});var n=l(51935);let s={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"}]]};s.node;let r=(0,n.A)(s)},51935:(e,t,l)=>{"use strict";l.d(t,{A:()=>o});var n=l(14232);let s=function(){for(var e=arguments.length,t=Array(e),l=0;l<e;l++)t[l]=arguments[l];return t.filter((e,t,l)=>!!e&&""!==e.trim()&&l.indexOf(e)===t).join(" ").trim()},r={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round"},i=(0,n.createContext)({}),a=(0,n.forwardRef)((e,t)=>{var l,a,o;let{color:c,size:d,width:u,height:m,strokeWidth:h,absoluteStrokeWidth:p,nonScalingStroke:x,className:v="",children:f,iconNode:g=[],icon:j={node:g,aliases:[],size:24},...w}=e,{size:N=24,strokeWidth:y=2,absoluteStrokeWidth:b=!1,nonScalingStroke:k=!1,color:C="currentColor",className:_=""}=null!=(l=(0,n.useContext)(i))?l:{},A=!!f||(e=>{for(let t in e)if(t.startsWith("aria-")||"role"===t||"title"===t)return!0;return!1})(w),[L,S,E=[]]=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return function(e){var t,l,n,i,a,o,c,d,u,m,h,p,x,v,f;let g=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},j=null!=(n=g.attributeNames)?n:{},w=e=>{var t;return null!=(t=j[e])?t:e},N=null!=(a=null!=(i=e.size)?i:e.width)?a:r.width,y=null!=(c=null!=(o=e.size)?o:e.height)?c:r.height,b=null!=(d=null==(t=e.aliases)?void 0:t.filter(e=>"string"==typeof e&&""!==e.trim()).map(e=>"lucide-".concat(e)))?d:[],k=[...e.name?["lucide-".concat(e.name)]:[],...b],C=null!=(u=null==(l=g.className)?void 0:l.split(" ").filter(Boolean))?u:[],_=!1===g.includeDefaultClasses?s(...C):s("lucide",...k,...C),A=g.absoluteStrokeWidth?Number(null!=(m=g.strokeWidth)?m:r["stroke-width"])*Number(null!=(p=null!=(h=e.size)?h:e.width)?p:r.width)/Number(null!=(v=null!=(x=g.size)?x:g.width)?v:r.width):null!=(f=g.strokeWidth)?f:r["stroke-width"];return["svg",{...Object.entries(r).reduce((e,t)=>{let[l,n]=t;return e[w(l)]=n,e},{}),..."color"in g&&g.color&&{[w("stroke")]:g.color},..."size"in g&&null!=g.size&&{[w("width")]:g.size,[w("height")]:g.size},..."width"in g&&null!=g.width&&{[w("width")]:g.width},..."height"in g&&null!=g.height&&{[w("height")]:g.height},[w("stroke-width")]:A,..._&&{[w("class")]:_},[w("viewBox")]:"0 0 ".concat(N," ").concat(y),...!1===g.hasA11yProp?{[w("aria-hidden")]:"true"}:{},..."attributes"in g&&g.attributes},e.node.map(e=>{let[t,l,n]=e,s=g.nonScalingStroke?{[w("vector-effect")]:"non-scaling-stroke",...l}:l;return n?[t,s,n]:[t,s]})]}(e,{...t,attributeNames:{...t.attributeNames,class:"className","stroke-width":"strokeWidth","stroke-linecap":"strokeLinecap","stroke-linejoin":"strokeLinejoin","vector-effect":"vectorEffect"}})}(j,{color:null!=c?c:C,width:null!=(a=null!=u?u:d)?a:N,height:null!=(o=null!=m?m:d)?o:N,strokeWidth:null!=h?h:y,absoluteStrokeWidth:null!=p?p:b,nonScalingStroke:null!=x?x:k,className:s(_,v),hasA11yProp:A,attributes:w});return(0,n.createElement)(L,{ref:t,...S},[...E.map(e=>{let[t,l]=e;return(0,n.createElement)(t,l)}),...Array.isArray(f)?f:[f]])});function o(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],s="string"==typeof e?function(e,t){let l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[];if(null==t)throw Error("[lucide]: iconNode is required when icon name is used");return{name:null==e?void 0:e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),size:24,node:t,...l.length>0?{aliases:l}:{}}}(e,t,l):e,r=(0,n.forwardRef)((e,t)=>{let{className:l,...r}=e;return(0,n.createElement)(a,{ref:t,icon:s,className:l,...r})});return s.name&&(r.displayName=(e=>{let t=(e=>{let t="",l=!1;for(let n of e){if("-"===n||"_"===n||n<=" "){l=t.length>0;continue}0===t.length?t+=n.toLowerCase():t+=l?n.toUpperCase():n,l=!1}return t})(e);return t.charAt(0).toUpperCase()+t.slice(1)})(s.name)),r}},63065:(e,t,l)=>{"use strict";l.d(t,{A:()=>r});var n=l(51935);let s={name:"video",size:24,node:[["path",{d:"m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5",key:"ftymec"}],["rect",{x:"2",y:"6",width:"14",height:"12",rx:"2",key:"158x01"}]]};s.node;let r=(0,n.A)(s)},64215:(e,t,l)=>{"use strict";l.d(t,{A:()=>i});var n=l(37876),s=l(14232),r=l(96145);function i(e){let{listActions:t,currentList:l={}}

1=e,[i,a]=(0,s.useState)(!1),o=(0,s.useRef)(null);return(0,s.useEffect)(()=>{function e(e){o.current&&!o.current.contains(e.target)&&a(!1)}return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]),(0,n.jsxs)("div",{className:"relative inline-block text-left",ref:o,children:[(0,n.jsx)(r.$n,{onClick:()=>a(!i),className:"w-8 h-8 flex items-center justify-center font-black rounded-full hover:bg-gray-100 transition",children:(0,n.jsx)("span",{className:"text-[13px]",children:"•••"})}),i&&(0,n.jsx)("div",{className:"absolute right-0 w-48 rounded-lg bg-white shadow-lg ring-1 ring-black/5 z-50",children:(0,n.jsx)("div",{className:"py-1",children:null==t?void 0:t.map((e,t)=>(0,n.jsx)(r.$n,{className:"flex w-full items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100",onClick:()=>(null==e?void 0:e.callBack)?null==e?void 0:e.onClick(null==e?void 0:e.callBack):null==e?void 0:e.onClick(l),children:(null==e?void 0:e.label)||""},"".concat(null==e?void 0:e.label,"-").concat(t)))})})]})}},80612:(e,t,l)=>{"use strict";l.d(t,{A:()=>i});var n=l(37876),s=l(77328),r=l.n(s);function i(e){let{title:t}=e;return(0,n.jsx)(r(),{children:(0,n.jsx)("title",{children:t?"".concat(t," | Velaflow"):"Velaflow"})})}},80657:(e,t,l)=>{"use strict";l.r(t),l.d(t,{__N_SSP:()=>k,default:()=>C});var n=l(37876),s=l(14232),r=l(96145),i=l(89099),a=l(25035),o=l(64215),c=l(48028),d=l(48948),u=l(63065);let m=e=>{let{userLists:t,loading:l,listActions:s}=e,a=(0,i.useRouter)();return(0,n.jsxs)("div",{children:[(null==t?void 0:t.length)>0&&!l&&(null==t?void 0:t.map((e,t)=>{var l;return(0,n.jsxs)("div",{className:"max-w-4xl border-b border-gray-300 py-3 flex justify-between items-start space-x-4 max-[576px]:flex-col",children:[(0,n.jsxs)(r.N_,{href:"/lists/listData/".concat(null==e?void 0:e.id),className:"flex items-start justify-start space-x-4 min-w-0 flex-1",children:[(0,n.jsx)(r.Zc,{className:"rounded-full object-cover w-11 h-11 min-w-11 min-h-11",src:null!=(l=null==e?void 0:e.icon_image)?l:"/images/addList.png"}),(0,n.jsxs)("div",{className:"flex flex-col min-w-0",children:[(0,n.jsx)("div",{className:"flex items-center space-x-2",children:(0,n.jsx)(r.DZ,{type:"h2",text:null==e?void 0:e.list_name,className:"font-medium text-16 leading-5"})}),(0,n.jsx)("p",{className:"text-12 leading-6 mt-1",children:null==e?void 0:e.description})]})]}),(0,n.jsxs)("div",{className:"flex items-center gap-1 sm:gap-2 pr-2 flex-shrink-0 max-[576px]:self-end",children:[(0,n.jsx)("button",{type:"button",onClick:t=>{t.preventDefault(),t.stopPropagation(),(e=>{(null==e?void 0:e.id)&&a.push("/messenger?groupId=".concat(e.id,"&groupName=").concat(encodeURIComponent(e.list_name||"Group")))})(e)},className:"p-2 hover:bg-blue-50 rounded-full transition",title:"Group Chat",children:(0,n.jsx)(c.A,{className:"w-5 h-5 text-[#2755ff]"})}),(0,n.jsx)("button",{type:"button",onClick:t=>{t.preventDefault(),t.stopPropagation(),(e=>{(null==e?void 0:e.id)&&a.push("/messenger?groupId=".concat(e.id,"&groupName=").concat(encodeURIComponent(e.list_name||"Group"),"&startCall=voice"))})(e)},className:"p-2 hover:bg-purple-50 rounded-full transition",title:"Group Voice Call",children:(0,n.jsx)(d.A,{className:"w-5 h-5 text-[#2755ff]"})}),(0,n.jsx)("button",{type:"button",onClick:t=>{t.preventDefault(),t.stopPropagation(),(e=>{(null==e?void 0:e.id)&&a.push("/messenger?groupId=".concat(e.id,"&groupName=").concat(encodeURIComponent(e.list_name||"Group"),"&startCall=video"))})(e)},className:"p-2 hover:bg-purple-50 rounded-full transition",title:"Group Video Call",children:(0,n.jsx)(u.A,{className:"w-5 h-5 text-[#2755ff]"})}),(0,n.jsx)(o.A,{currentList:e,listActions:s})]})]},"".concat((null==e?void 0:e.id)||(null==e?void 0:e.name),"-").concat(t))})),!l&&(null==t?void 0:t.length)===0&&(0,n.jsx)("div",{className:"flex justify-center mt-5 p-5",children:"You have not created any groups yet"}),l&&(0,n.jsx)("div",{className:"flex justify-center mt-5 p-5",children:(0,n.jsx)(r.aH,{})})]})};var h=l(15234),p=l(81220),x=l(91408),v=l(97685);let f=x.Ik().shape({list_name:x.Yj().required("Group name is required").max(100,"Group name cannot exceed 100 characters"),description:x.Yj().max(100,"Group description cannot exceed 100 characters")}),g={list_name:"",description:""},j=e=>{var t;let{handleCreateListModal:l,createListModal:i,fetchUserLists:a,selectedList:o,setSelectedList:c}=e,d=(null==(t=Object.keys(o))?void 0:t.length)>

10,u=(0,s.useRef)(null),[m,x]=(0,s.useState)(g),[j,w]=(0,s.useState)(null),[N,y]=(0,s.useState)(!1),[b,k]=(0,s.useState)(d?[null==o?void 0:o.icon_image]:[]),[C,_]=(0,s.useState)(d?[null==o?void 0:o.icon_image]:[]);(0,s.useEffect)(()=>{if(d){var e,t;x({list_name:null==o?void 0:o.list_name,description:null==o?void 0:o.description}),k([null!=(e=null==o?void 0:o.icon_image)?e:"/images/addList.png"]),_([null!=(t=null==o?void 0:o.icon_image)?t:"/images/addList.png"])}else x(g),k([]),_([])},[o,d]);let A=e=>{let{target:t}=e,{type:l,checked:n,name:s}=t,r="checkbox"===l?n:t.value;x({...m,[s]:r})},L=async()=>{y(!0);let{list_name:e,description:t}=m;try{await f.validate(m,{abortEarly:!1}),w({});let i=new FormData;i.append("list_name",e),i.append("description",t),(null==b?void 0:b.length)>0&&b.forEach(e=>{i.append("icon_image",e)}),d&&"string"==typeof(null==b?void 0:b[0])&&i.delete("icon_image");let u=d?await (0,p.cd)(i,null==o?void 0:o.id):await (0,p.aJ)(i);if(u.error){var n,s,r;w({apiError:null==u||null==(r=u.message)||null==(s=r.response)||null==(n=s.data)?void 0:n.errors}),y(!1)}else x(g),y(!1),c({}),k([]),_([]),l(),a(),v.Ay.success(null==u?void 0:u.message)}catch(t){y(!1);let e={};t.inner?t.inner.forEach(t=>{e[t.path]=t.message}):e[t.path]=t.message,w(e)}},{list_name:S,description:E,icon_image:G}=m,z=d?"Update User Group":"New User Group";return(0,n.jsx)(h.A,{isOpen:i,onClose:()=>{w({}),c({}),k([]),_([]),l()},header:z,headerClass:"text-[24px]",children:(0,n.jsxs)("div",{className:"mt-3",children:[(0,n.jsxs)("div",{className:"w-full mt-5 rounded-[5px]",children:[(0,n.jsxs)("div",{className:"mt-4",children:[(0,n.jsx)("p",{children:"Group Avatar"}),(0,n.jsxs)("div",{children:[(0,n.jsx)(r.$n,{onClick:()=>{u.current&&u.current.click()},children:(0,n.jsx)(r.Zc,{src:(null==b?void 0:b.length)>0?null==C?void 0:C[0]:"/images/addList.png",className:"cursor-pointer w-20 h-20 rounded-full object-cover"})}),(0,n.jsx)(r.pd,{ref:u,name:"icon_name",type:"file",value:G,onChange:e=>{var t;let l=null==(t=e.target.files)?void 0:t[0];if(!l)return;if(l.size>0x6400000)return void alert("".concat(l.name," exceeds the 100MB limit."));let n=[l];k(n),_(n.map(e=>URL.createObjectURL(e)))},className:"w-full hidden px-4 py-3 text-12 text-black border border-grey rounded outline-none focus:ring-2 focus:primary",placeholder:"Group Icon"})]})]}),(0,n.jsxs)("div",{className:"mt-4",children:[(0,n.jsx)(r.pd,{name:"list_name",value:S,onChange:A,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:"Group name"}),(null==j?void 0:j.list_name)&&(0,n.jsx)("p",{className:"text-12 text-red",children:j.list_name})]}),(0,n.jsx)("div",{className:"mt-4",children:(0,n.jsxs)("div",{children:[(0,n.jsx)(r.pd,{name:"description",value:E,onChange:A,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:"Group Description"}),(null==j?void 0:j.description)&&(0,n.jsx)("p",{className:"text-12 text-red",children:j.description})]})})]}),(0,n.jsxs)("div",{className:"flex flex-col gap-4 mt-6",children:[(0,n.jsx)(r.$n,{onClick:L,disabled:N,className:"w-full text-12 bg-primary px-6 py-2 text-white rounded-[5px]",children:N?(0,n.jsx)("div",{className:"flex justify-center",children:(0,n.jsx)(r.aH,{})}):(0,n.jsx)("div",{className:"flex justify-center items-center",children:d?"Update Group":"Create Group"})}),(null==j?void 0:j.apiError)&&Object.entries(j.apiError).map(e=>{let[t,l]=e;return(0,n.jsx)("div",{children:l.map((e,t)=>(0,n.jsx)("p",{className:"text-red text-12",children:e},t))},t)})]})]})})},w=e=>{let{showAlertModal:t,onCloseAlertModal:l,selectedList:s,handleRemoveList:i,isLoading:a}=e;return(0,n.jsx)(h.A,{isOpen:t,onClose:l,children:(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{className:"flex flex-col mt-6",children:[(0,n.jsx)(r.DZ,{className:"font-bold text-[20px]",type:"h2",text:"Are you sure?"}),(0,n.jsxs)("p",{className:"text-14 text-black",children:["This will delete ","“".concat(null==s?void 0:s.list_name,"”")," from your Groups. You can add it back later."]})]}),(0,n.jsxs)("div",{className:"mt-4 flex justify-end",children:[(0,n.jsx)(r.$n,{className:"bg-grey text-14 px-5 py-2 rounded-[5px]",onClick:l,children:"Cancel"}),(0,n.jsx)(r.$n,{disabled:a,className:"ml-3 bg-primary text-14 px-5 py-2 rounded-[5px] text-white",onClick:i,children:a?(0,n.jsx)("div",{className:"flex justify-center",children:(0,n.jsx)(r.aH,{})}):"Delete"})]})]})})},N=e=>{let{userLists:t}

1=e,[l,o]=(0,s.useState)(t),[c,d]=(0,s.useState)(!1),[u,h]=(0,s.useState)(!1),[x,v]=(0,s.useState)(!1),f=(0,i.useRouter)(),[g,N]=(0,s.useState)({}),y=()=>{h(!u)},b=async()=>{try{let e=await (0,p.Fm)({limit:10,offSer:0}),t=(null==e?void 0:e.content)||[];e.error||(o(t),d(!1),h(!1))}catch(e){console.error(e,"error"),d(!1)}},k=async()=>{d(!0);try{let e=await (0,p.I)(null==g?void 0:g.id);(null==e?void 0:e.error)||(v(!1),N({}),b())}catch(e){console.error(e,"error"),d(!1)}},C=[{label:"Edit group details",onClick:e=>{N(e),y()}},{label:"Delete group",onClick:async e=>{N(e),v(!0)}}];return(0,n.jsxs)("div",{className:"w-full mt-6 rounded-[5px]",children:[(0,n.jsx)("div",{children:(0,n.jsx)(a.A,{onBack:()=>{f.push("/")},text:"Back"})}),(0,n.jsx)("div",{className:"flex justify-end mr-3 mt-3",children:(0,n.jsx)(r.$n,{onClick:y,className:"bg-primary px-3 py-2 text-white rounded-md text-14",children:"Create New"})}),(0,n.jsx)("div",{className:"ml-7",children:(0,n.jsx)(m,{userLists:l,loading:c,listActions:C})}),(0,n.jsx)(j,{handleCreateListModal:y,createListModal:u,fetchUserLists:b,selectedList:g,setSelectedList:N}),(0,n.jsx)(w,{showAlertModal:x,selectedList:g,onCloseAlertModal:()=>{N({}),v(!1)},handleRemoveList:k,isLoading:c})]})};var y=l(23555),b=l(80612),k=!0;function C(e){let{userDetails:t,userLists:l,suggestionList:s,tagsList:r}=e;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(b.A,{title:"Lists"}),(0,n.jsx)(y.A,{userDetails:t,suggestionList:s,tagsList:r,children:(0,n.jsx)(N,{userLists:l})})]})}}},e=>{e.O(0,[9634,1408,3555,636,6593,8792],()=>e(e.s=29649)),_N_E=e.O()}]);