https://jebbee.com/_next/static/chunks/pages/join-group/[id]-73f2e73a978c5889.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},i=(new e.Error).stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="fb0431a2-3279-4fec-976c-1f7eaca5f510",e._sentryDebugIdIdentifier="sentry-dbid-fb0431a2-3279-4fec-976c-1f7eaca5f510")}catch(t){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[690],{880:function(e,i,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/join-group/[id]",function(){return t(82121)}])},64382:function(e,i,t){"use strict";var n=t(85893),r=t(67294),l=t(90948),o=t(80822),a=t(23972);let s=(0,l.ZP)("pre")({whiteSpace:"pre-wrap",fontSize:"0.875rem",lineHeight:"1.3rem",maxHeight:"6.5rem",overflow:"hidden",position:"relative"}),d=(0,l.ZP)("div")({position:"absolute",bottom:0,left:0,right:0,height:"1.3rem",background:"linear-gradient(transparent, white)"}),c=(0,l.ZP)("span")(e=>{let{colors:i}=e;return{fontWeight:400,display:"block",textAlign:"center",width:"100%",...i&&{color:i.primaryColor}}}),u=e=>{let{data:i="",padding:t=!1,colors:l}=e,[u,p]=r.useState(!1),x=r.useRef(null),[m,h]=r.useState(!1);r.useEffect(()=>{x.current&&h(x.current.scrollHeight>x.current.clientHeight)},[i]);let g=e=>{e.preventDefault(),p(!u)};return(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(s,{ref:x,style:{maxHeight:u?"none":"6.5rem"},children:[(0,n.jsx)(a.Z,{variant:"body2",sx:{paddingBottom:t?"0px":0,lineHeight:"1.3rem",fontSize:"0.875rem",textTransform:"none",fontWeight:"500"},children:i}),m&&!u&&(0,n.jsx)(d,{})]}),m&&(0,n.jsx)(a.Z,{variant:"body2",sx:{cursor:"pointer",color:"primary.main",mt:1,textAlign:"center",paddingBottom:"15px",fontWeight:"500",margin:"-8px 0px 20px 0px"},onClick:g,children:u?(0,n.jsx)(c,{colors:l,children:"Show less"}):(0,n.jsx)(c,{colors:l,children:"Show more"})})]})};i.Z=u},46291:function(e,i,t){"use strict";var n=t(85893),r=t(62023),l=t(66242),o=t(78445),a=t(44267),s=t(90948);t(67294);let d=(0,s.ZP)(r.Z)({borderTop:"1px solid #eeeeee",padding:"1rem 1.5rem !important",alignItems:"left"}),c=(0,s.ZP)(l.Z)({marginBottom:20,scrollSnapAlign:"center"}),u=(0,s.ZP)(o.Z)({paddingBottom:2,margin:0,".MuiCardHeader-title":{fontSize:"1.286rem"}}),p=e=>{let{children:i,actions:t,title:r,id:l,headerAction:o,subtitle:s,paddingBottom:p,noPadding:x}=e;return(0,n.jsxs)(c,{id:l,children:["string"==typeof r?(0,n.jsx)(u,{title:r,action:o,subheader:s}):r,(0,n.jsx)(a.Z,{sx:{paddingBottom:p?0:"unset",textTransform:"capitalize",fontSize:"0.875rem",...x&&{padding:"0 !important"}},children:i}),!!t&&(0,n.jsx)(d,{children:t})]})};i.Z=p},82121:function(e,i,t){"use strict";t.r(i),t.d(i,{__N_SSP:function(){return et},default:function(){return en}});var n=t(85893),r=t(54799),l=t(80822),o=t(26447),a=t(23972),s=t(46574),d=t(86886),c=t(82589),u=t(66242),p=t(90948),x=t(30202),m=t(33934),h=t(98029),g=t(9008),v=t.n(g),j=t(11163),b=t(67294),f=t(55654),y=t(54274),Z=t(19589),w=t(12590),P=t(44309),S=t(18357),_=t(21500),k=t(64382),C=t(64666),T=t(37645),I=t(35713),D=t(79717),E=t(50480),B=t(36872),H=t(91894),q=t(87536),W=t(74231),A=t(62772),G=t(47533),N=t(18763);let z=W.Ry().shape({name:W.Z_().required("Please enter a valid name.").max(30),description:W.Z_().required("Please enter a valid description."),privacy:W.Z_().required("Please specify if Public or Private."),visibility:W.Z_().required("Please specify if Hidden or Visible")}),J=async e=>{let i="Bearer ".concat(window.localStorage.getItem("accessToken"));return await N._i.patch(N.ET.group.detail(e.id),e,{headers:{Authorization:i}})},F=e=>{let{open:i,onClose:t,group:r}=e,l=(0,x.NL)(),{mutate:o,isPending:s}=(0,h.D)({mutationFn:e=>J({...e,id:r.id}),onSuccess:async()=>{await l.invalidateQueries({queryKey:["groupDetails"]}),await l.invalidateQueries({queryKey:["groups"]}),t(!1)}}),u=(0,q.cI)({defaultValues:{name:r.name||"",privacy:r.privacy||"private",visibility:r.visibility||"visible",description:r.description||""},resolver:(0,G.X)(z)}),{control:p,watch:m,handleSubmit:g,formState:{isSubmitting:v}}=u,j=m(),b=()=>o(j);return(0,n.jsx)(C.Z,{fullWidth:!0,maxWidth:"md",open:i,onClose:t,children:(0,n.jsx)(q.RV,{...u,children:(0,n.jsxs)("form",{onSubmit:g(b),children:[(0,n.jsx)(T.Z,{children:"Edit Group"}),(0,n.jsx)(I.Z,{children:(0,n.jsxs)(d.ZP,{container:!0,spacing:4,children:[(0,n.jsx)(d.ZP,{item:!0,xs:12,children:(0,n.jsx)(q.Qr,{control:p,name:"name",render:e=>{let{field:i,fieldState:{error:t}}=e;return(0,n.jsx)(A.Z,{...i,label:"Name",placeholder:"Name your group",fullWidth:!0,error:Boolean(t),helperText:null==t?void 0:t.message})}})}),(0,n.jsx)(d.ZP,{item:!0,xs:12,children:(0,n.jsx)(q.Qr,{control:p,name:"description",render:e=>{let{field:i,fieldState:{error:t}}=e;return(0,n.jsx)(A.Z,{...i,multiline:!0,minRows:4,label:"Description",placeholder:"Write your description here",fullWidth:!0,error:Boolean(t),helperText:null==t?void 0:t.message})}})}),(0,n.jsx)(d.ZP,{item:!0,xs:12,sm:6,children:(0,n.jsx)(q.Qr,{name:"privacy",control:p,render:e=>{let{field:{value:i,onChange:t}}=e;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(a.Z,{children:"Privacy"}),(0,n.jsxs)(D.Z,{value:i,onChange:t,children:[(0,n.jsx)(E.Z,{value:"public",label:"Public",control:(0,n.jsx)(B.Z,{})}),(0,n.jsx)(E.Z,{value:"private",label:"Private",control:(0,n.jsx)(B.Z,{})})]})]})}})}),(0,n.jsx)(d.ZP,{item:!0,xs:12,sm:6,children:(0,n.jsx)(q.Qr,{name:"visibility",control:p,render:e=>{let{field:{value:i,onChange:t}}=e;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(a.Z,{children:"Hide Group"}),(0,n.jsxs)(D.Z,{value:i,onChange:t,children:[(0,n.jsx)(E.Z,{value:"visible",label:"Visible",control:(0,n.jsx)(B.Z,{})}),(0,n.jsx)(E.Z,{value:"hidden",label:"Hidden",control:(0,n.jsx)(B.Z,{})})]})]})}})})]})}),(0,n.jsx)(H.Z,{sx:{justifyContent:"center"},children:(0,n.jsx)(c.Z,{variant:"contained",type:"submit",disabled:v||s,children:"Edit Group"})})]})})})};var M=t(46291),R=t(18424),L=t(79750),Q=t(5085);let Y=(0,p.ZP)("img")({width:"100px",maxHeight:"100px",borderRadius:"10px",border:"0.5px solid #666"}),V=(0,p.ZP)(r.Z)({"&:hover":{color:"#A54BFA"}}),K=(0,p.ZP)(l.Z)(e=>{let{browser:i}=e;return{width:"100%",overflow:"auto",display:"flex",alignItems:"center",flexDirection:"column",maxHeight:"calc(100vh - 108px)",scrollSnapType:"y mandatory",overscrollBehaviorY:"contain",scrollbarWidth:"none",overflowY:"auto"}}),O=async e=>{let i=await N._i.get(N.ET.group.detail(e));return i},X=async e=>{let{id:i,userId:t}=e,n="Bearer ".concat(window.localStorage.getItem("accessToken"));return await N._i.post(N.ET.group.join(i),{userId:t},{headers:{Authorization:n}})},U=async e=>{let i="Bearer ".concat(window.localStorage.getItem("accessToken"));return await N._i.delete(N.ET.groupMember.leave(e),{headers:{Authorization:i}})},$=e=>{let{icon:i,title:t,text:r}=e;return(0,n.jsxs)(o.Z,{display:"grid",columnGap:"20px",gridTemplateColumns:"15px 1fr",mb:"10px",children:[(0,n.jsx)(l.Z,{mt:"3px",children:i}),(0,n.jsxs)(o.Z,{flexDirection:"column",children:[(0,n.jsx)(a.Z,{variant:"subtitle1",fontWeight:"bold",children:t}),(0,n.jsx)(a.Z,{variant:"subtitle2",children:r})]})]})},ee=async(e,i,t)=>{let n="Bearer ".concat(window.localStorage.getItem("accessToken")),r=t?N.ET.feed.forYou:N.ET.feed.trending;return await N._i.get(r,{params:{page:i,type:"video",groupId:e},headers:{Authorization:n}})},ei=e=>{var i,t,r,p,g,C,T;let{group:I}=e,D=(0,x.NL)(),[E,B]=(0,b.useState)(!1),H=(0,L.Z)(),{user:q}=(0,R.a)(),{ref:W,inView:A}=(0,S.YD)(),[G,N]=(0,b.useState)(1),[z,J]=(0,b.useState)(!0),[Q,ei]=(0,b.useState)([]),et=(0,j.useRouter)(),{data:en}

1=(0,m.a)({initialData:I,queryKey:["groupDetails",et.query.id],queryFn:()=>O(et.query.id)}),er=(0,b.useMemo)(()=>null==q?void 0:q.groupMemberships.find(e=>{let{groupId:i}=e;return i==et.query.id}),[q,et.query.id]),el=(null==er?void 0:er.role)==="owner"||(null==er?void 0:er.role)==="administrator",eo=(0,b.useMemo)(()=>(null==q?void 0:q.role.name)==="Super User",[q]),ea=!!(null==q?void 0:q.id),{data:es,isFetching:ed}=(0,m.a)({placeholderData:e=>e,refetchOnWindowFocus:!1,queryKey:["feed",G,ea],queryFn:()=>ee(null==en?void 0:en.id,G,ea)});(0,b.useEffect)(()=>{(null==es?void 0:es.data)&&ei(e=>[...e,...(null==es?void 0:es.data.filter(i=>{let{id:t}=i;return!e.some(e=>e.id===t)}))||[]])},[es]);let ec=()=>N(e=>e+1),eu=()=>B(e=>!e),{mutate:ep,isPending:ex}=(0,h.D)({mutationFn:()=>er?U(er.id):X({userId:null==q?void 0:q.id,id:null==en?void 0:en.id}),onSuccess:async()=>await D.invalidateQueries({queryKey:["groupDetails"]})}),em=()=>ep();return(0,b.useEffect)(()=>{A&&ec()},[A]),(0,n.jsxs)(s.Z,{maxWidth:"xl",children:[(0,n.jsxs)(v(),{children:[(0,n.jsx)("title",{children:"".concat(null==en?void 0:en.name," on Jebbee")}),(0,n.jsx)("meta",{name:"description",content:"Join the ".concat(null==en?void 0:en.name," group on Jebbee.")},"description"),(0,n.jsx)("meta",{property:"og:title",content:"".concat(null==en?void 0:en.name," on Jebbee")}),(0,n.jsx)("meta",{property:"og:description",content:"Check out ".concat(null==en?void 0:en.name," group on Jebbee")}),(0,n.jsx)("meta",{property:"og:url",content:"https://www.jebbee.com/join-group/".concat(null==en?void 0:en.id)}),(0,n.jsx)("meta",{property:"og:image",content:null==en?void 0:null===(i=en.image)||void 0===i?void 0:i.url}),(0,n.jsx)("meta",{property:"og:image:alt",content:null==en?void 0:en.name}),(0,n.jsx)("meta",{property:"og:type",content:"website"}),(0,n.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,n.jsx)("meta",{name:"twitter:title",content:"".concat(null==en?void 0:en.name," on Jebbee")}),(0,n.jsx)("meta",{name:"twitter:description",content:"Check out ".concat(null==en?void 0:en.name," group on Jebbee")}),(0,n.jsx)("meta",{name:"twitter:image",content:null==en?void 0:null===(t=en.image)||void 0===t?void 0:t.url}),(0,n.jsx)("meta",{name:"twitter:url",content:"https://www.jebbee.com/join-group/".concat(null==en?void 0:en.id)}),(0,n.jsx)("meta",{itemProp:"name",content:"".concat(null==en?void 0:en.name," on Jebbee")}),(0,n.jsx)("meta",{itemProp:"description",content:"Check out ".concat(null==en?void 0:en.name," group on Jebbee")}),(0,n.jsx)("meta",{itemProp:"image",content:null==en?void 0:null===(r=en.image)||void 0===r?void 0:r.url})]}),(0,n.jsx)(l.Z,{py:6,children:(0,n.jsxs)(d.ZP,{container:!0,spacing:6,children:[(0,n.jsx)(d.ZP,{item:!0,xs:12,md:5,children:(0,n.jsx)(M.Z,{title:(0,n.jsxs)(o.Z,{direction:"row",gap:4,alignItems:"center",width:"100%",p:"1.5rem",py:4,children:[(0,n.jsx)(l.Z,{sx:{borderRadius:"10px",backgorundColor:"white",padding:"5px",boxShadow:3},children:(0,n.jsx)(Y,{src:(null==en?void 0:null===(p=en.image)||void 0===p?void 0:p.url)||"/images/placeholder.png",alt:null==en?void 0:en.name})}),(0,n.jsxs)(o.Z,{direction:"column",flexGrow:1,children:[(0,n.jsx)(a.Z,{lineHeight:1.5,variant:"subtitle1",mb:0,fontWeight:"bold",children:null==en?void 0:en.name}),(0,n.jsxs)(a.Z,{lineHeight:1.5,variant:"subtitle2",mb:1,sx:{textTransform:"capitalize",fontSize:"0.875rem"},children:[null==en?void 0:en.privacy," | ",null==en?void 0:en.approximateMembers," ","Members"]})]})]}),actions:(0,n.jsxs)(o.Z,{justifyContent:"center",width:"100%",alignItems:"center",gap:5,children:[(0,n.jsxs)(c.Z,{onClick:em,disabled:!(null==q?void 0:q.id)||ex,variant:"contained",children:[er?"Leave":"Join"," Group"]}),!(null==q?void 0:q.id)&&(0,n.jsxs)(o.Z,{flexDirection:"column",gap:"10px",children:[(0,n.jsx)(a.Z,{variant:"body1",textAlign:"center",children:"You must be logged in to join this Group."}),(0,n.jsx)(a.Z,{variant:"h5",textAlign:"center",children:"Download the Jebbee App."}),(0,n.jsxs)(o.Z,{flexDirection:"row",alignItems:"center",justifyContent:"center",gap:"10px",children:[(0,n.jsx)("a",{href:"https://apps.apple.com/us/app/jebbee/id6444168612",title:"apple-link",target:"_blank",rel:"noopener",children:(0,n.jsx)("img",{style:{width:150},src:"https://about.jebbee.com/assets/images/app-store-black.png",className:"appStoreBtn",alt:"apple-link","data-no-retina":""})}),(0,n.jsx)("a",{href:"https://play.google.com/store/apps/details?id=com.jebee&pli=1",title:"android-link",target:"_blank",rel:"noopener",children:(0,n.jsx)("img",{style:{width:150},src:"https://about.jebbee.com/assets/images/google-play-black.png",className:"appStoreBtn",alt:"android-link","data-no-retina":""})})]})]})]}),children:(0,n.jsxs)(o.Z,{gap:1,children:[((null==en?void 0:null===(g=en.description)||void 0===g?void 0:g.length)||el||eo)&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(o.Z,{justifyContent:"space-between",alignItems:"center",flexDirection:"row",children:[(0,n.jsx)(a.Z,{variant:"subtitle1",fontWeight:500,children:"About"}),eo&&(0,n.jsx)(V,{onClick:()=>B(!0),disableRipple:!0,"aria-label":"edit aobut info",children:(0,n.jsx)(f.Z,{size:"16px"})})]}),(0,n.jsx)(k.Z,{data:null==en?void 0:en.description})]}),(0,n.jsxs)(l.Z,{sx:{backgroundColor:"#f1f1f1",padding:"15px",marginBottom:4,borderRadius:"10px"},children:[(0,n.jsx)($,{icon:(null==I?void 0:I.privacy)==="public"?(0,n.jsx)(y.Z,{size:"15px"}):(0,n.jsx)(Z.Z,{size:"15px"}),title:(null==I?void 0:I.privacy)==="public"?"Public":"Private",text:(null==I?void 0:I.privacy)==="public"?"Anyone can see posts from this group in their feed.":"Only members of this group can see posts related to this group."}),(0,n.jsx)($,{icon:(null==I?void 0:I.visibility)==="visible"?(0,n.jsx)(w.Z,{size:"15px"}):(0,n.jsx)(P.Z,{size:"15px"}),title:(null==I?void 0:I.visibility)==="visible"?"Visible":"Hidden",text:(null==I?void 0:I.visibility)==="visible"?"Anyone can find this group.":"Only invited members can find this group."})]})]})})}),(0,n.jsx)(d.ZP,{item:!0,xs:12,md:7,children:(0,n.jsx)(u.Z,{sx:{minHeight:"calc(100vh - 140px)",display:"flex",alignItems:"center",justifyContent:"center",px:5},children:(null==en?void 0:en.privacy)!=="private"||er?(0,n.jsxs)(K,{browser:H,children:[null==Q?void 0:Q.map((e,i)=>(0,n.jsx)(_.Z,{isGroup:!0,withLink:!0,currentGroup:null!=en?en:void 0,muted:z,setIsMuted:J,length:Q.length,loading:ed,getMoreFn:ec,idx:i,...e},e.id)),!ed&&(null===(C=(null==es?void 0:es.data)||[])||void 0===C?void 0:C.length)>0&&(0,n.jsx)(l.Z,{ref:W,children:"...Loading"}),(null==es?void 0:null===(T=es.data)||void 0===T?void 0:T.length)===0&&(0,n.jsx)(l.Z,{children:"No Videos"})]}):(0,n.jsxs)(o.Z,{justifyContent:"center",alignItems:"center",gap:"25px",children:[(0,n.jsx)(a.Z,{variant:"h6",children:"Private Group"}),(0,n.jsxs)(a.Z,{variant:"body1",textAlign:"center",children:["You must be a member of this group ",(0,n.jsx)("br",{})," in order to see posts."]}),(0,n.jsxs)(c.Z,{onClick:em,disabled:!(null==q?void 0:q.id)||ex,variant:"contained",children:[er?"Leave":"Join"," Group"]}),!(null==q?void 0:q.id)&&(0,n.jsx)(a.Z,{variant:"body1",textAlign:"center",children:"You must be logged in to join this Group."})]})})})]})}),E&&(0,n.jsx)(F,{open:E,onClose:eu,group:en})]})};ei.getLayout=e=>(0,n.jsx)(Q.Z,{children:e}),ei.guestGuard=!0;

1var et=!0,en=ei}},function(e){e.O(0,[6886,7136,8739,5027,241,9491,1442,2260,4661,8960,8936,2179,5242,7093,2933,2469,5085,1500,9774,2888,179],function(){return e(e.s=880)}),_N_E=e.O()}]);
2//# sourceMappingURL=[id]-73f2e73a978c5889.js.map