https://vocl.com/assets/GroupsContainer-CTs8WrSu.js

1const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/CropperModal-BXB2R--J.js","assets/index-KRfpCm9j.js","assets/index-OMxb1lpZ.css"])))=>i.map(i=>d[i]);
2!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};e.SENTRY_RELEASE={id:"8566dc59cf167e3471c2374f77ce66d586edb89e"};var t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="e54d467b-36aa-4a98-9bdc-3da9663559a5",e._sentryDebugIdIdentifier="sentry-dbid-e54d467b-36aa-4a98-9bdc-3da9663559a5")}catch(o){}}();import{_ as e,a_ as t,a$ as o,b0 as s,b as a,av as i,b1 as l,i as n,I as r,a as u,aN as d,a8 as p,at as c,ab as g,b2 as h,e as m,k as f,T as b,W as y,Y as _,X as k,w as v,a3 as w,a2 as I,$ as C,a1 as x,a0 as z,a4 as G,a5 as $,l as D,F as T,aX as S,m as j,ag as R,q,o as M,b3 as P,b4 as V,aP as U,aR as O,R as E,V as L,cW as N,b7 as A,b8 as K,ar as H,aZ as B,bK as J,aC as F,dc as W,dd as Y,ac as Q,g as X,h as Z,af as ee,ae as te,ad as oe,an as se,c as ae,d as ie,t as le,aG as ne,aY as re,ak as ue,al as de}from"./index-KRfpCm9j.js";import{J as pe}from"./JoinGroupModal-DhYfyELH.js";const ce=E(()=>L(()=>import("./CropperModal-BXB2R--J.js"),__vite__mapDeps([0,1,2]))),ge={key:0,class:"profile-banner-pic"},he=["src"],me={key:1,style:{display:"block","background-color":"rgba(var( --dashboard-urlblock-background-color-rgb), 1.0)",width:"100%",height:"125px"}},fe={class:"profile-header"},be={key:0,class:"profile-header-pic"},ye=["src"],_e={key:1,class:"profile-header-pic"},ke={class:"profile"},ve={class:"joined"},we={class:"bio"},Ie=["onchange"],Ce=["onchange"];const xe=e({name:"CreateGroupPageTwo",props:{title:String},setup:()=>({closeOutline:O,closeModal:()=>{j.dismiss()},isDisabled:!1,camera:U,checkbox:V,trash:P,globe:S,lockClosed:T}),components:{IonContent:f,IonHeader:m,IonTitle:h,IonToolbar:g,IonItem:c,IonLabel:p,IonButton:d,IonGrid:u,IonRow:r,IonIcon:n,IonTextarea:l,IonItemDivider:i,IonCol:a,IonItemSliding:s,IonItemOptions:o,IonItemOption:t},data:()=>({path:M("PHOTO_URL"),storepath:M("AWS_URL")+M("PREMIUM_BUCKET"),profilepath:M("PHOTO_URL")+"/profile/",bannerpath:M("PHOTO_URL")+"/banner/",error:"",loadingIndicator:"",rules:"",questions:[""]}),methods:{async updateGroup(){await this.presentLoading(),1==this.questions.length&&""==this.questions[0].trim()&&(this.questions=null);let e=await this.$store.dispatch("groups/edit",{id:this.group.id,rules:this.rules,questions:this.questions});e?null!=e.error?(this.loadingIndicator.dismiss(),this.error=e.error,this.presentAlert()):(this.$store.commit("groups/setMyGroups",void 0),this.loadingIndicator.dismiss(),j.dismiss(null,"success")):(this.loadingIndicator.dismiss(),this.error=this.$t("errors.unknown"),this.presentAlert())},async addQuestions(){this.questions.push("")},async presentAlert(){const e=await q.create({cssClass:"my-custom-class",header:this.$t("alerthead.errorupdate"),subHeader:this.$t("alertmessage.errorupdate"),message:this.error,buttons:["OK"]});await e.present();const{role:t}=await e.onDidDismiss()},openPicker(e){"profile"==e?this.$refs.fileInput.click():"banner"==e&&this.$refs.fileInput2.click()},async presentLoading(){this.loadingIndicator=await R.create({cssClass:"loading-class",message:this.$t("loadmessage.updating")}),await this.loadingIndicator.present()},async openCropModal(){if(null!=this.$refs.fileInput){const e=await j.create({component:ce,cssClass:"modal-custom-class",componentProps:{image:this.$refs.fileInput,type:"groupprofile",id:this.group.id.toString()}});return await e.present()}},async openCropModalBanner(){if(null!=this.$refs.fileInput2){const e=await j.create({component:ce,cssClass:"modal-custom-class",componentProps:{image:this.$refs.fileInput2,type:"groupbanner",id:this.group.id.toString()}});return await e.present()}},groupStatus:e=>1==e?"Private":"Public",groupStatusIcon:e=>1==e?T:S,groupSearchStatus(e){if(1==e)return"(hidden from search)"}},computed:{group(){return null==this.$store.state.groups.userGroupData||0==this.$store.state.groups.userGroupData.length?[]:this.$store.state.groups.userGroupData}}},[["render",function(e,t,o,s,a,i){const l=b("ion-title"),n=b("ion-toolbar"),r=b("ion-header"),u=b("ion-col"),d=b("ion-icon"),p=b("ion-row"),c=b("ion-grid"),g=b("ion-button"),h=b("ion-item"),m=b("ion-label"),f=b("ion-item-divider"),T=b("ion-textarea"),S=b("ion-item-option"),j=b("ion-item-options"),R=b("ion-item-sliding"),q=b("ion-content");return y(),_(G,null,[k(r,{translucent:!0},{default:v(()=>[k(n,null,{default:v(()=>[k(l,null,{default:v(()=>[w(I(o.title),1)]),_:1})]),_:1})]),_:1}),k(q,{fullscreen:""},{default:v(()=>[null!=i.group.banner_image&&""!=i.group.banner_image?(y(),_("div",ge,[C("img",{src:a.bannerpath+i.group.banner_image},null,8,he)])):(y(),_("div",me)),C("div",fe,[k(c,null,{default:v(()=>[k(p,null,{default:v(()=>[k(u,{size:"sm"},{default:v(()=>[null!=i.group.profile_image&&""!=i.group.profile_image?(y(),_("div",be,[C("img",{src:a.profilepath+i.group.profile_image},null,8,ye)])):x("",!0),""==i.group.profile_image||null==i.group.profile_image?(y(),_("div",_e,[...t[3]||(t[3]=[C("img",{class:"story-thumb-pic",src:z},null,-1)])])):x("",!0)]),_:1}),k(u,null,{default:v(()=>[C("h2",ke,I(i.group.name),1),C("div",ve,[k(d,{style:{"font-size":"10px"},icon:i.groupStatusIcon(i.group.private)},null,8,["icon"]),w(" "+I(i.groupStatus(i.group.private))+" Group · "+I(i.group.category),1),t[4]||(t[4]=C("br",null,null,-1)),w(" "+I(i.groupSearchStatus(i.group.search_visible)),1

2)])]),_:1})]),_:1}),k(p,null,{default:v(()=>[k(u,null,{default:v(()=>[C("div",we,I(i.group.description),1)]),_:1})]),_:1})]),_:1})]),k(h,null,{default:v(()=>[k(c,null,{default:v(()=>[k(p,null,{default:v(()=>[k(u,null,{default:v(()=>[k(g,{expand:"full",color:"light",onClick:t[0]||(t[0]=e=>i.openPicker("profile"))},{default:v(()=>[k(d,{slot:"start",icon:s.camera},null,8,["icon"]),t[5]||(t[5]=w("Group Profile ",-1))]),_:1}),C("input",{ref:"fileInput",id:"file-input",type:"file",name:"file-input",style:{display:"none"},onchange:i.openCropModal},null,8,Ie)]),_:1}),k(u,null,{default:v(()=>[k(g,{color:"light",expand:"full",onClick:t[1]||(t[1]=e=>i.openPicker("banner"))},{default:v(()=>[k(d,{slot:"start",icon:s.camera},null,8,["icon"]),t[6]||(t[6]=w(" Group Banner ",-1))]),_:1}),C("input",{ref:"fileInput2",id:"file-input2",type:"file",name:"file-input2",style:{display:"none"},onchange:i.openCropModalBanner},null,8,Ce)]),_:1})]),_:1})]),_:1})]),_:1}),k(f,null,{default:v(()=>[k(m,null,{default:v(()=>[...t[7]||(t[7]=[w(" Group Requirements (optional) ",-1)])]),_:1})]),_:1}),k(h,null,{default:v(()=>[k(T,{rows:"4",labelPlacement:"stacked",label:"Group Rules Disclaimer",placeholder:"New members must agree to these rules","auto-grow":!0,modelValue:a.rules,"onUpdate:modelValue":t[2]||(t[2]=e=>a.rules=e)},null,8,["modelValue"])]),_:1}),(y(!0),_(G,null,$(a.questions,(e,t)=>(y(),D(R,{key:t},{default:v(()=>[k(h,null,{default:v(()=>[k(T,{modelValue:a.questions[t],"onUpdate:modelValue":e=>a.questions[t]=e,rows:"4",labelPlacement:"stacked",label:"Group Question: "+(t+1),placeholder:"New members must answer this question","auto-grow":!0,value:e},null,8,["modelValue","onUpdate:modelValue","label","value"])]),_:2},1024),0!=t?(y(),D(j,{key:0,side:"end"},{default:v(()=>[k(S,{color:"danger"},{default:v(()=>[k(d,{slot:"icon-only",icon:s.trash},null,8,["icon"])]),_:1})]),_:1})):x("",!0)]),_:2},1024))),128)),k(h,null,{default:v(()=>[k(g,{onClick:i.addQuestions,slot:"end",color:"light",expand:"full"},{default:v(()=>[k(d,{slot:"start",icon:s.checkbox},null,8,["icon"]),t[8]||(t[8]=w(" Add another question ",-1))]),_:1},8,["onClick"])]),_:1})]),_:1}),k(g,{expand:"full",onClick:i.updateGroup},{default:v(()=>[...t[9]||(t[9]=[w("Create Group",-1)])]),_:1},8,["onClick"])],64)}]]),ze={class:"ion-text-center"};const Ge=e({name:"CreateGroupPageOne",props:{title:String},setup:()=>({closeOutline:O,closeModal:()=>{j.dismiss()},isDisabled:!1,peopleCircle:F}),components:{IonContent:f,IonHeader:m,IonTitle:h,IonToolbar:g,IonItem:c,IonLabel:p,IonInput:J,IonButtons:B,IonButton:d,IonIcon:n,IonTextarea:l,IonItemDivider:i,IonNote:H,IonSelect:K,IonSelectOption:A,IonCheckbox:N},data:()=>({path:M("PHOTO_URL"),storepath:M("AWS_URL")+M("PREMIUM_BUCKET"),profilepath:M("PHOTO_URL")+"/profile/",bannerpath:M("PHOTO_URL")+"/banner/",nameError:"",categoryError:"",loadingIndicator:"",name:"",description:"",category_selected:null,private_group:0,search_visible:0}),methods:{async confirmAddGroup(){let e=!1;if(this.categoryError="",this.nameError="",""==this.name&&(this.nameError="required",e=!0),null==this.category_selected&&(this.categoryError="choose",e=!0),e)return;const t=await q.create({cssClass:"my-custom-class",header:"Are you ready?",subHeader:"These group settings are permanent",message:"Make sure you are ready to submit your group name and settings. This cannot be changed once your group is created.",buttons:[{text:"Cancel",role:"cancel"},{text:"OK",role:"confirm",handler:()=>{this.addGroup()}}]});await t.present()},async addGroup(){await this.presentLoading();let e=await this.$store.dispatch("groups/add",{name:this.name,description:this.description,category_id:this.category_selected,private:this.private_group,search_visible:this.search_visible});if(e)if(null!=e.error)this.loadingIndicator.dismiss(),this.error=e.error,this.presentAlert();else{this.loadingIndicator.dismiss();document.querySelector("ion-nav").push(xe,{title:"Create Group"})}else this.loadingIndicator.dismiss(),this.error=this.$t("errors.unknown"),this.presentAlert()},async presentAlert(){const e=await q.create({cssClass:"my-custom-class",header:this.$t("alerthead.errorupdate"),subHeader:this.$t("alertmessage.errorupdate"),message:this.error,buttons:["OK"]});await e.present();const{role:t}=await e.onDidDismiss()},async presentLoading(){this.loadingIndicator=await R.create({cssClass:"loading-class",message:"Creating Group"}),await this.loadingIndicator.present()}},computed:{categories(){return null==this.$store.state.groups.categoryData||0==this.$store.state.groups.categoryData.length?(this.$store.dispatch("groups/categories"),[]):this.$store.state.groups.categoryData}}},[["render",function(e,t,o,s,a,i){const l=b("ion-icon"),n=b("ion-button"),r=b

2("ion-buttons"),u=b("ion-title"),d=b("ion-toolbar"),p=b("ion-header"),c=b("ion-label"),g=b("ion-item-divider"),h=b("ion-input"),m=b("ion-note"),f=b("ion-item"),x=b("ion-textarea"),z=b("ion-select-option"),T=b("ion-select"),S=b("ion-checkbox"),j=b("ion-content");return y(),_(G,null,[k(p,{translucent:!0},{default:v(()=>[k(d,null,{default:v(()=>[k(r,{slot:"secondary"},{default:v(()=>[k(n,{onClick:s.closeModal},{default:v(()=>[k(l,{slot:"icon-only",icon:s.closeOutline},null,8,["icon"])]),_:1},8,["onClick"])]),_:1}),k(u,null,{default:v(()=>[...t[5]||(t[5]=[w("Create Group",-1)])]),_:1})]),_:1})]),_:1}),k(j,{fullscreen:""},{default:v(()=>[C("div",ze,[k(l,{class:"ion-margin",style:{"font-size":"4.4em",color:"rgba(80,80,80,1.0)"},icon:s.peopleCircle},null,8,["icon"]),t[6]||(t[6]=C("h3",{style:{margin:"0 5px 0 5px"}},"Welcome to Groups!",-1)),t[7]||(t[7]=C("div",{class:"ion-margin"},"Groups are a great way to connect with others. To create a new group fill out the form below. ",-1))]),C("form",null,[k(g,null,{default:v(()=>[k(c,null,{default:v(()=>[...t[8]||(t[8]=[w(" Group Details ",-1)])]),_:1})]),_:1}),k(f,null,{default:v(()=>[k(h,{labelPlacement:"stacked",label:e.$t("labels.name"),placeholder:"Group Name",modelValue:a.name,"onUpdate:modelValue":t[0]||(t[0]=e=>a.name=e)},null,8,["label","modelValue"]),k(m,{color:"danger"},{default:v(()=>[w(I(a.nameError),1)]),_:1})]),_:1}),k(f,null,{default:v(()=>[k(x,{rows:"4",labelPlacement:"stacked",label:"Group Description",placeholder:"Description of this group","auto-grow":!0,modelValue:a.description,"onUpdate:modelValue":t[1]||(t[1]=e=>a.description=e)},null,8,["modelValue"])]),_:1}),k(f,null,{default:v(()=>[k(T,{required:"",modelValue:a.category_selected,"onUpdate:modelValue":t[2]||(t[2]=e=>a.category_selected=e),label:"Category",placeholder:"Select Category"},{default:v(()=>[(y(!0),_(G,null,$(i.categories,(e,t)=>(y(),D(z,{key:t,value:e.id},{default:v(()=>[w(I(e.name),1)]),_:2},1032,["value"]))),128))]),_:1},8,["modelValue"]),k(m,{color:"danger"},{default:v(()=>[w(I(a.categoryError),1)]),_:1})]),_:1}),k(g,null,{default:v(()=>[k(c,null,{default:v(()=>[...t[9]||(t[9]=[w(" Group Settings ",-1)])]),_:1})]),_:1}),k(f,null,{default:v(()=>[k(S,{modelValue:a.private_group,"onUpdate:modelValue":t[3]||(t[3]=e=>a.private_group=e),value:"1",id:"private"},{default:v(()=>[...t[10]||(t[10]=[w("Private Group",-1),C("br",null,null,-1),C("span",{class:"ion-text-wrap",style:{color:"#737373"}},"Your group is private, new members must request to be added.",-1)])]),_:1},8,["modelValue"])]),_:1}),k(f,null,{default:v(()=>[k(S,{modelValue:a.search_visible,"onUpdate:modelValue":t[4]||(t[4]=e=>a.search_visible=e),value:"1",id:"searchVisible"},{default:v(()=>[...t[11]||(t[11]=[w("Disable Search",-1),C("br",null,null,-1),C("span",{class:"ion-text-wrap",style:{color:"#737373"}},"Your group will not be visible in search, new members will need to be invited directly by other members.",-1)])]),_:1},8,["modelValue"])]),_:1}),k(f,null,{default:v(()=>[k(c,{class:"ion-text-wrap"},{default:v(()=>[...t[12]||(t[12]=[C("p",null,[C("strong",null,"NOTE:"),w(" The group name, category and privacy settings cannot be changed.")],-1)])]),_:1})]),_:1})])]),_:1}),k(n,{onClick:i.confirmAddGroup,expand:"full"},{default:v(()=>[...t[13]||(t[13]=[w("Next",-1)])]),_:1},8,["onClick"])],64)}]]);const $e=e({components:{IonNav:W},data:()=>({component:Y(Ge)})},[["render",function(e,t,o,s,a,i){const l=b("ion-nav");return y(),D(l,{root:a.component},null,8,["root"])}]]),De=Q({name:"GroupsContainer",props:{name:String},components:{IonRefresher:ie,IonRefresherContent:ae,IonCol:a,IonGrid:u,IonRow:r,IonIcon:n,IonSearchbar:se,IonSelect:K,IonSelectOption:A,IonSkeletonText:oe,IonButton:d,IonInfiniteScrollContent:te,IonInfiniteScroll:ee,IonFab:Z,IonFabButton:X},setup:()=>({playCircle:de,arrowBackCircle:ue,addCircle:re,globe:S,lockClosed:T,send:ne,isDisabled:!1,getEnv:M}),data:()=>({loading:!0,errored:!1,groupType:0,profilepath:M("PHOTO_URL")+"/profile/",bannerpath:M("PHOTO_URL")+"/banner/",searching:!1,grouplist:!1,current_page:0,total_list:20}),methods:{async searchGroups(e){let t=e.target.value;if(0==t.length)await this.$store.dispatch("groups/all",{groupType:this.groupType}),this.grouplist=!1;else if(t.length>3){this.searching=!0,this.grouplist=!0,null!=await this.$store.dispatch("groups/search",{name:t})&&(this.searching=!1)}},async resetSearch(){this.grouplist=!1,this.$store.commit("groups/setUserGroups",[]),await this.$store.dispatch("groups/all",{groupType:this.groupType})},async doRefresh(e){this.$store.commit("groups/setUserGroups",[]),await this.$store.dispatch("groups/all",{groupType:this.groupType}),e.target.complete()},async mainView(){this.grouplist=!1,this.searching=!0,this.current_page=0,this.$store.commit("groups/setUserGroups",[]),null!=await this.$store.dispatch("groups/all",{groupType:this.groupType})&&(this.searching=!1)},async showMore(){this.grouplist=!0,this.searching=!0,this.current_page=0,this.$store.commit("groups/setUserGroups",[]),null!=await this.$store.dispatch("groups/all",{groupType:this.groupType,page:this.current_page,total:this.total_list})&&(this.searching=!1)},async loadMore(e){this.current_page=this.current_page+this.total_list;let t=await this.$store.dispatch("groups/all",{groupType:this.groupType,page:this.current_page,total:this.total_list});null!=t&&(0==t&&(e.target.disabled=!0),e.target.complete())},async updateList(e){this.groupType=e.detail.value,"all"==this.groupType&&(this.groupType=0),this.$store.commit("groups/setUserGroups",[]),await this.$store.dispatch("groups/all",{groupType:this.groupType})},selectGroup(e){this.$router.push({name:"groupview",params:{id:e}})},groupStatus:e=>1==e?"Private":"Public",groupStatusIcon:e=>1==e?T:S,async joinGroup(e,t,o){e.target.disabled=!0;let s=!0;if(1==t.show_rules&&(await this.openJoinModal(t,o),s=!1),s){let e=await this.$store.dispatch("groups/join",{id:t.id});e?null!=e.error?this.showNotification(e.error):"join"==o?(await this.$store.commit("groups/setUserGroups",null),await this.$store.commit("groups/setFeaturedGroups",null),await this.$store.commit("groups/setSectionGroups",null),this.showNotification("Joined Group"),this.$router.push({name:"groupview",params:{id:t.id}})):(await this.$store.commit("groups/setUserGroups",null),this.showNotification("Request Sent")):this.showNotification(this.$t("errors.unknown"))}e.target.disabled=!1},async openJoinModal(e,t){await this.$store.commit("groups/setGroupRules",null);const o=await j.create({component:pe,cssClass:"modal-custom-class",componentProps:{title:"Join Group",group:e,groupId:e.id}});await o.present();const{role:s}=await o.onDidDismiss();"success"==s&&("join"==t?(await this.$store.commit("groups/setUserGroups",null),await this.$store.commit("groups/setFeaturedGroups",null),await this.$store.commit("groups/setSectionGroups",null),this.showNotification("Joined Group"),await this.$router.push({name:"groupview",params:{id:e.id}})):(await this.$store.commit("groups/setUserGroups",null),this.showNotification("Request Sent")))},async showNotification(e){const t=await le.create({message:e,duration:1500,position:"bottom"});await t.present()},async openCreateModal(){const e=await j.create({component:$e,cssClass:"modal-custom-class",componentProps:{title:"Create New Group"}});await e.present();const{role:t}=await e.onDidDismiss();"success"==t&&(await this.$store.commit("groups/setUserGroups",null),await this.$store.commit("groups/setFeaturedGroups",null),await this.$store.commit("groups/setSectionGroups",null))}},computed:{groupsData(){return null==this.$store.state.groups.userGroupsData?(this.$store.dispatch("groups/all"),[]):this.$store.state.groups.userGroupsData},featureData(){return null==this.$store.state.groups.featuredData?(this.$store.dispatch("groups/feature"),[]):this.$store.state.groups.featuredData},sectionData(){if(null==this.$store.state.groups.sectionData){if(null!=this.$store.state.groups.categoryData){let e=this.$store.state.groups.categoryData,t=e.slice();for(;t.length;){t[Math.floor(Math.random()*t.length)]="",t=t.filter(e=>e)}let o=[];e.length>0&&o.push(e[0].id),e.length>1&&o.push(e[1].id),this.$store.dispatch("groups/section",{categories:o})}return[]}return this.$store.state.groups.sectionData},categories(){if(null==this.$store.state.groups.categoryData||0==this.$store.state.groups.categoryData.length)return this.$store.dispatch("groups/categories"),[];{let e=[{id:0,name:"Latest "}];return e=e.concat(this.$store.state.groups.categoryData),e}}}}),Te={key:0,style:{"background-color":"rgba(var(--dashboard-background-color-rgb), 1.0)"}},Se={style:{padding:"0",margin:"0"}},je={class:"ion-text-end ion-no-padding"}

2,Re={style:{"margin-top":"-25px"}},qe={class:"ion-text-center ion-padding-bottom"},Me={style:{"font-weight":"bold"}},Pe={style:{"font-size":"0.7em"}},Ve={key:0},Ue=["id","src"],Oe={key:1,style:{width:"100%","border-radius":"10px",height:"150px","background-color":"rgba(var( --dashboard-urlblock-background-color-rgb), 1.0)"}},Ee={class:"ion-text-center",style:{display:"block",width:"100%","margin-top":"-25px"}},Le={key:0},Ne=["id","src"],Ae={key:1},Ke={key:2,class:"ion-text-center ion-padding-bottom"},He={style:{"font-weight":"bold"}},Be={style:{"font-size":"0.7em"}},Je={key:1,style:{"background-color":"rgba(var(--dashboard-background-color-rgb), 1.0)"}},Fe={style:{padding:"0",margin:"0"}},We={class:"ion-text-end ion-no-padding"},Ye={class:"groups-explore-thumb-container-clear"},Qe={class:"groups-explore-thumb-overlay"},Xe={style:{color:"white",padding:"5%"}},Ze={style:{"font-weight":"bold"}},et={style:{"font-size":"0.7em"}},tt=["onClick"],ot=["id","src"],st={class:"groups-explore-thumb-overlay"},at={style:{color:"white",padding:"5%"}},it={style:{"font-weight":"bold"}},lt={style:{"font-size":"0.7em"}},nt={key:1},rt={key:2},ut={key:0},dt={key:1},pt={class:"groups-explore-thumb-container-clear"},ct={class:"groups-explore-thumb-overlay"},gt={style:{color:"white",padding:"5%"}},ht={style:{"font-weight":"bold"}},mt={style:{"font-size":"0.7em"}},ft=["onClick"],bt=["id","src"],yt={class:"groups-explore-thumb-overlay"},_t={style:{color:"white",padding:"5%"}},kt={style:{"font-weight":"bold"}},vt={style:{"font-size":"0.7em"}},wt={key:1},It={key:2},Ct={key:0},xt={key:1},zt={class:"groups-explore-thumb-container-clear"},Gt={class:"groups-explore-thumb-overlay"},$t={style:{color:"white",padding:"5%"}},Dt={style:{"font-weight":"bold"}},Tt={style:{"font-size":"0.7em"}},St={style:{padding:"0",margin:"0"}},jt=["onClick"],Rt=["id","src"],qt={class:"groups-explore-thumb-overlay"},Mt={style:{color:"white",padding:"5%"}},Pt={style:{"font-weight":"bold"}},Vt={style:{"font-size":"0.7em"}},Ut={key:1},Ot={key:2},Et={key:0},Lt={key:1};const Nt=e(De,[["render",function(e,t,o,s,a,i){const l=b("ion-refresher-content"),n=b("ion-refresher"),r=b("ion-searchbar"),u=b("ion-select-option"),d=b("ion-select"),p=b("ion-col"),c=b("ion-row"),g=b("ion-grid"),h=b("ion-skeleton-text"),m=b("ion-icon"),f=b("ion-infinite-scroll-content"),T=b("ion-infinite-scroll"),S=b("ion-button"),j=b("ion-fab-button"),R=b("ion-fab");return y(),_(G,null,[k(n,{slot:"fixed",onIonRefresh:t[0]||(t[0]=t=>e.doRefresh(t))},{default:v(()=>[k(l)]),_:1}),k(r,{class:"groups-searchbar",debounce:1e3,onIonClear:t[1]||(t[1]=t=>e.resetSearch()),onIonInput:t[2]||(t[2]=t=>e.searchGroups(t)),placeholder:"Search Groups"}),e.grouplist?(y(),_("div",Te,[k(g,{class:"ion-padding-horizontal"},{default:v(()=>[k(c,{class:"ion-align-items-center"},{default:v(()=>[k(p,{class:"ion-no-padding",size:"8"},{default:v(()=>[C("h4",Se,[k(d,{modelValue:e.groupType,"onUpdate:modelValue":t[3]||(t[3]=t=>e.groupType=t),onIonChange:t[4]||(t[4]=t=>e.updateList(t)),interface:"popover"},{default:v(()=>[(y(!0),_(G,null,$(e.categories,(e,t)=>(y(),D(u,{key:t,value:e.id},{default:v(()=>[w(I(e.name),1)]),_:2},1032,["value"]))),128))]),_:1},8,["modelValue"])])]),_:1}),k(p,{size:"4"},{default:v(()=>[C("div",je,[C("span",{style:{"font-weight":"bold",cursor:"pointer"},onClick:t[5]||(t[5]=t=>e.mainView())},"Go back")])]),_:1})]),_:1})]),_:1}),e.searching?(y(),D(g,{key:0,class:"ion-padding-horizontal",style:{"background-color":"rgba(var(--dashboard-background-color-rgb), 1.0)"}},{default:v(()=>[k(c,null,{default:v(()=>[(y(),_(G,null,$(6,e=>k(p,{style:{"padding-right":"5px"},"size-sm":"6","size-xs":"12",key:"exploreKey-"+e},{default:v(()=>[k(h,{style:{width:"100%",height:"150px"},animated:!0}),C("div",Re,[k(h,{style:{"margin-left":"auto","margin-right":"auto",width:"50px",height:"50px","border-radius":"50%",position:"block",border:"0.3em solid rgba(var(--dashboard-background-color-rgb), 1.0)"},animated:!0})]),C("div",qe,[C("span",Me,[k(h,{animated:!0})]),C("span",Pe,[k(h,{animated:!0})])])]),_:1})),64))]),_:1})]),_:1})):x("",!0),k(g,{class:"ion-padding-horizontal",style:{"background-color":"rgba(var(--dashboard-background-color-rgb), 1.0)"}},{default:v(()=>[k(c,null,{default:v(()=>[(y(!0),_(G,null,$(e.groupsData,(o,s)=>(y(),D(p,{"size-sm":"6","size-xs":"12",key:"exploreKey-"+s,style:{"padding-right":"5px",cursor:"pointer"},onClick:t=>e.selectGroup(o.id)},{default:v(()=>[null!=o.banner_image?(y(),_("div",Ve,[C("img",{loading:"lazy",style:{width:"100%","border-radius":"10px"},id:"banner_image_"+o.id,src:e.bannerpath+o.banner_image},null,8,Ue)])):(y(),_("div",Oe)),C("div",Ee,[null!=o.profile_image?(y(),_("div",Le,[C("img",{loading:"lazy",style:{width:"50px",height:"50px","border-radius":"50%",border:"0.3em solid rgba(var(--dashboard-background-color-rgb), 1.0)"},id:"profile_image_"+o.id,src:e.profilepath+o.profile_image},null,8,Ne)])):(y(),_("div",Ae,[...t[10]||(t[10]=[C("img",{style:{width:"50px",height:"50px","border-radius":"50%",border:"0.3em solid rgba(var(--dashboard-background-color-rgb), 1.0)"},src:z},null,-1)])]))]),null!=o?(y(),_("div",Ke,[C("span",He,I(o.name),1),t[11]||(t[11]=C("br",null,null,-1)),k(m,{style:{"font-size":"0.5em","padding-right":"1%"},icon:e.groupStatusIcon(o.private)},null,8,["icon"]),C("span",Be,I(e.groupStatus(o.private))+" "+I(o.membercount)+" Members",1)])):x("",!0)]),_:2},1032,["onClick"]))),128))]),_:1})]),_:1}),k(T,{onIonInfinite:t[6]||(t[6]=t=>e.loadMore(t)),threshold:"400px",id:"infinite-scroll",disabled:e.isDisabled},{default:v(()=>[k(f,{"loading-spinner":"bubbles","loading-text":e.$t("loadmessage.loading")},null,8,["loading-text"])]),_:1},8,["disabled"])])):(y(),_("div",Je,[k(g,{class:"ion-padding-horizontal"},{default:v(()=>[k(c,{class:"ion-align-items-center"},{default:v(()=>[k(p,{class:"ion-no-padding",size:"8"},{default:v(()=>[C("h4",Fe,[k(d,{modelValue:e.groupType,"onUpdate:modelValue":t[7]||(t[7]=t=>e.groupType=t),onIonChange:t[8]||(t[8]=t=>e.updateList(t)),interface:"popover"},{default:v(()=>[(y(!0),_(G,null,$(e.categories,(e,t)=>(y(),D(u,{key:t,value:e.id},{default:v(()=>[w(I(e.name),1)]),_:2},1032,["value"]))),128))]),_:1},8,["modelValue"])])]),_:1}),k(p,{size:"4"},{default:v(()=>[C("div",We,[C("span",{style:{"font-weight":"bold",cursor:"pointer"},onClick:t[9]||(t[9]=t=>e.showMore())},"View more")])]),_:1})]),_:1})]),_:1}),0==e.groupsData.length?(y(),D(g,{key:0,class:"ion-padding-horizontal"},{default:v(()=>[k(c,{class:"horizontal-row"},{default:v(()=>[(y(),_(G,null,$(5,e=>k(p,{style:{"padding-right":"5px"},size:"4.5","size-sm":"4.5","size-lg":"3.5","size-xl":"3.5",key:"exploreKey-"+e},{default:v(()=>[C("div",Ye,[k(h,{class:"groups-explore-thumb-pic",animated:!0}),C("div",Qe,[C("div",Xe,[C("span",Ze,[k(h,{animated:!0})]),t[12]||(t[12]=C("br",null,null,-1)),C("span",et,[k(h,{animated:!0})])])])])]),_:1})),64))]),_:1})]),_:1})):x("",!0),e.groupsData.length>0?(y(),D(g,{key:1,class:"ion-padding-horizontal"},{default:v(()=>[k(c,{class:"horizontal-row"},{default:v(()=>[(y(!0),_(G,null,$(e.groupsData,(o,s)=>(y(),D(p,{style:{"padding-right":"5px"},size:"4.5","size-sm":"4.5","size-lg":"3.5","size-xl":"3.5",key:"exploreKey-"+s},{default:v(()=>[null!=o?(y(),_("div",{key:0,class:"groups-explore-thumb-container",onClick:t=>e.selectGroup(o.id)},[null!=o.profile_image?(y(),_("img",{key:0,loading:"lazy",class:"groups-explore-thumb-pic",id:"image_"+o.id,src:e.profilepath+o.profile_image},null,8,ot)):x("",!0),C("div",st,[C("div",at,[C("span",it,I(o.name),1),t[13]||(t[13]=C("br",null,null,-1)),k(m,{style:{"font-size":"0.5em","padding-right":"2%"},icon:e.groupStatusIcon(o.private)},null,8,["icon"]),C("span",lt,I(e.groupStatus(o.private))+" "+I(o.membercount)+" Members",1)])])],8,tt)):x("",!0),1!=o.private&&1!=o.isMember?(y(),_("div",nt,[k(S,{onClick:t=>e.joinGroup(t,o,"join"),class:"groups-join-lg",style:{position:"absolute",top:"4%",right:"4%"}},{default:v(()=>[k(m,{slot:"start",icon:e.addCircle},null,8,["icon"]),t[14]||(t[14]=w("Join",-1))]),_:1},8,["onClick"]),k(S,{onClick:t=>e.joinGroup(t,o,"join"),size:"small",class:"groups-join-sm",style:{position:"absolute",top:"4%",right:"4%"}},{default:v(()=>[k(m,{icon:e.addCircle},null,8,["icon"])]),_:1},8,["onClick"])])):x("",!0),1==o.private&&1!=o.isMember?(y(),_("div",rt,[0==o.hasRequested?(y(),_("div",ut,[k(S,{onClick:t=>e.joinGroup(t,o,"request"),class:"groups-join-lg",style:{position:"absolute",top:"4%",right:"4%"}},{default:v(()=>[k(m,{slot:"start",icon:e.send},null,8,["icon"]),t[15]||(t[15]=w("Request",-1))]),_:1},8,["onClick"]),k(S,{onClick:t=>e.joinGroup(t,o,"request"),size:"small",class:"groups-join-sm",style:{position:"absolute",top:"4%",right:"4%"}},{default:v(()=>[k(m,{icon:e.send},null,8,["icon"])]),_:1},8,["onClick"])])):(y(),_("div",dt,[k(S,{class:"groups-join-lg",style:{position:"absolute",top:"4%",right:"4%"}},{default:v(()=>[k(m,{slot:"start",icon:e.send},null,8,["icon"]),t[16]||(t[16]=w("Requested",-1))]),_:1}),k(S,{size:"small",class:"groups-join-sm",style:{position:"absolute",top:"4%",right:"4%"}},{default:v(()=>[...t[17]||(t[17]=[w("Requested",-1)])]),_:1})]))])):x("",!0)]),_:2},1024))),128))]),_:1})]),_:1})):x("",!0),k(g,{class:"ion-padding-horizontal"},{default:v(()=>[k(c,{class:"ion-align-items-center"},{default:v(()=>[k(p,{class:"ion-no-padding",size:"8"},{default:v(()=>[...t[18]||(t[18]=[C("h4",{style:{padding:"0",margin:"0"}}," Featured ",-1)])]),_:1})]),_:1})]),_:1}),0==e.featureData.length?(y(),D(g,{key:2,class:"ion-padding-horizontal"},{default:v(()=>[k(c,{class:"horizontal-row"},{default:v(()=>[(y(),_(G,null,$(5,e=>k(p,{style:{"padding-right":"5px"},size:"4.5","size-sm":"4.5","size-lg":"3.5","size-xl":"3.5",key:"exploreKey-"+e},{default:v(()=>[C("div",pt,[k(h,{class:"groups-explore-thumb-pic",animated:!0}),C("div",ct,[C("div",gt,[C("span",ht,[k(h,{animated:!0})]),t[19]||(t[19]=C("br",null,null,-1)),C("span",mt,[k(h,{animated:!0})])])])])]),_:1})),64))]),_:1})]),_:1})):x("",!0),e.featureData.length>0?(y(),D(g,{key:3,class:"ion-padding-horizontal"},{default:v(()=>[k(c,{class:"horizontal-row"},{default:v(()=>[(y(!0),_(G,null,$(e.featureData,(o,s)=>(y(),D(p,{style:{"padding-right":"5px"},size:"4.5","size-sm":"4.5","size-lg":"3.5","size-xl":"3.5",key:"exploreKey-"+s},{default:v(()=>[null!=o?(y(),_("div",{key:0,class:"groups-explore-thumb-container",onClick:t=>e.selectGroup(o.id)},[null!=o.profile_image?(y(),_("img",{key:0,loading:"lazy",class:"groups-explore-thumb-pic",id:"image_"+o.id,src:e.profilepath+o.profile_image},null,8,bt)):x("",!0),C("div",yt,[C("div",_t,[C("span",kt,I(o.name),1),t[20]||(t[20]=C("br",null,null,-1)),k(m,{style:{"font-size":"0.5em","padding-right":"2%"},icon:e.groupStatusIcon(o.private)},null,8,["icon"]),C("span",vt,I(e.groupStatus(o.private))+" "+I(o.membercount)+" Members",1)])])],8,ft)):x("",!0),1!=o.private&&1!=o.isMember?(y(),_("div",wt,[k(S,{onClick:t=>e.joinGroup(t,o,"join"),class:"groups-join-lg",style:{position:"absolute",top:"4%",right:"4%"}},{default:v(()=>[k(m,{slot:"start",icon:e.addCircle},null,8,["icon"]),t[21]||(t[21]=w("Join",-1))]),_:1},8,["onClick"]),k(S,{onClick:t=>e.joinGroup(t,o,"join"),size:"small",class:"groups-join-sm",style:{position:"absolute",top:"4%",right:"4%"}},{default:v(()=>[k(m,{icon:e.addCircle},null,8,["icon"])]),_:1},8,["onClick"])])):x("",!0),1==o.private&&1!=o.isMember?(y(),_("div",It,[0==o.hasRequested?(y(),_("div",Ct,[k(S,{onClick:t=>e.joinGroup(t,o,"request"),class:"groups-join-lg",style:{position:"absolute",top:"4%",right:"4%"}},{default:v(()=>[k(m,{slot:"start",icon:e.send},null,8,["icon"]),t[22]||(t[22]=w("Request",-1))]),_:1},8,["onClick"]),k(S,{onClick:t=>e.joinGroup(t,o,"request"),size:"small",class:"groups-join-sm",style:{position:"absolute",top:"4%",right:"4%"}},{default:v(()=>[k(m,{icon:e.send},null,8,["icon"])]),_:1},8,["onClick"])])):(y(),_("div",xt,[k(S,{class:"groups-join-lg",style:{position:"absolute",top:"4%",right:"4%"}},{default:v(()=>[k(m,{slot:"start",icon:e.send},null,8,["icon"]),t[23]||(t[23]=w("Requested",-1))]),_:1}),k(S,{size:"small",class:"groups-join-sm",style:{position:"absolute",top:"4%",right:"4%"}},{default:v(()=>[...t[24]||(t[24]=[w("Requested",-1)])]),_:1})]))])):x("",!0)]),_:2},1024))),128))]),_:1})]),_:1})):x("",!0),0==e.sectionData.length?(y(),D(g,{key:4,class:"ion-padding-horizontal"},{default:v(()=>[k(c,{class:"horizontal-row"},{default:v(()=>[(y(),_(G,null,$(5,e=>k(p,{style:{"padding-right":"5px"},size:"4.5","size-sm":"4.5","size-lg":"3.5","size-xl":"3.5",key:"exploreKey-"+e},{default:v(()=>[C("div",zt,[k(h,{class:"groups-explore-thumb-pic",animated:!0}),C("div",Gt,[C("div",$t,[C("span",Dt,[k(h,{animated:!0})]),t[25]||(t[25]=C("br",null,null,-1)),C("span",Tt,[k(h,{animated:!0})])])])])]),_:1})),64))]),_:1})]),_:1})):x("",!0),(y(!0),_(G,null,$(e.sectionData,(o,s)=>(y(),_("div",{key:"sectionKey-"+s},[k(g,{class:"ion-padding-horizontal"},{default:v(()=>[k(c,{class:"ion-align-items-center"},{default:v(()=>[k(p,{class:"ion-no-padding"},{default:v(()=>[C("h4",St,I(o.sectionData.name),1),C("p",null,I(o.sectionData.description),1)]),_:2},1024)]),_:2},1024)]),_:2},1024),k(g,{class:"ion-padding-horizontal"},{default:v(()=>[k(c,{class:"horizontal-row"},{default:v(()=>[(y(!0),_(G,null,$(o.groupData,(o,s)=>(y(),D(p,{style:{"padding-right":"5px"},size:"4.5","size-sm":"4.5","size-lg":"3.5","size-xl":"3.5",key:"exploreKey-"+s},{default:v(()=>[null!=o?(y(),_("div",{key:0,class:"groups-explore-thumb-container",onClick:t=>e.selectGroup(o.id)},[null!=o.profile_image?(y(),_("img",{key:0,loading:"lazy",class:"groups-explore-thumb-pic",id:"image_"+o.id,src:e.profilepath+o.profile_image},null,8,Rt)):x("",!0),C("div",qt,[C("div",Mt,[C("span",Pt,I(o.name),1),t[26]||(t[26]=C("br",null,null,-1)),k(m,{style:{"font-size":"0.5em","padding-right":"2%"},icon:e.groupStatusIcon(o.private)},null,8,["icon"]),C("span",Vt,I(e.groupStatus(o.private))+" "+I(o.membercount)+" Members",1)])])],8,jt)):x("",!0),1!=o.private&&1!=o.isMember?(y(),_("div",Ut,[k(S,{onClick:t=>e.joinGroup(t,o,"join"),class:"groups-join-lg",style:{position:"absolute",top:"4%",right:"4%"}},{default:v(()=>[k(m,{slot:"start",icon:e.addCircle},null,8,["icon"]),t[27]||(t[27]=w("Join",-1))]),_:1},8,["onClick"]),k(S,{onClick:t=>e.joinGroup(t,o,"join"),size:"small",class:"groups-join-sm",style:{position:"absolute",top:"4%",right:"4%"}},{default:v(()=>[k(m,{icon:e.addCircle},null,8,["icon"])]),_:1},8,["onClick"])])):x("",!0),1==o.private&&1!=o.isMember?(y(),_("div",Ot,[0==o.hasRequested?(y(),_("div",Et,[k(S,{onClick:t=>e.joinGroup(t,o,"request"),class:"groups-join-lg",style:{position:"absolute",top:"4%",right:"4%"}},{default:v(()=>[k(m,{slot:"start",icon:e.send},null,8,["icon"]),t[28]||(t[28]=w("Request",-1))]),_:1},8,["onClick"]),k(S,{onClick:t=>e.joinGroup(t,o,"request"),size:"small",class:"groups-join-sm",style:{position:"absolute",top:"4%",right:"4%"}},{default:v(()=>[k(m,{icon:e.send},null,8,["icon"])]),_:1},8,["onClick"])])):(y(),_("div",Lt,[k(S,{class:"groups-join-lg",style:{position:"absolute",top:"4%",right:"4%"}},{default:v(()=>[k(m,{slot:"start",icon:e.send},null,8,["icon"]),t[29]||(t[29]=w("Requested",-1))]),_:1}),k(S,{size:"small",class:"groups-join-sm",style:{position:"absolute",top:"4%",right:"4%"}},{default:v(()=>[...t[30]||(t[30]=[w("Requested",-1)])]),_:1})]))])):x("",!0)]),_:2},1024))),128))]),_:2},1024)]),_:2},1024)]))),128))])),1==this.$store.state.profile.certified&&"Vocl"==e.getEnv("APP_NAME")||"Vocl"!=e.getEnv("APP_NAME")?(y(),D(R,{key:2,id:"posting-button",vertical:"bottom",horizontal:"end",slot:"fixed"},{default:v(()=>[k(j,{onClick:e.openCreateModal},{default:v(()=>[k(m,{icon:e.addCircle},null,8,["icon"])]),_:1},8,["onClick"])]),_:1})):x("",!0)],64)}]]),At=Object.freeze(Object.defineProperty({__proto__:null,default:Nt},Symbol.toStringTag,{value:"Module"}));

2export{$e as C,Nt as G,At as a};
3//# sourceMappingURL=GroupsContainer-CTs8WrSu.js.map