https://pleex.com/build/assets/Onboarding-SKnaOQAG.js

1import{S as _}from"./app-JUumZqNJ.js";import{u as C}from"./useInfiniteScroll-DUsJ3BYH.js";import{_ as S}from"./Preloader-CDnTDrRa.js";import{u as I}from"./Events-BgLyD2qa.js";import{a as g,a5 as m,$ as p,a1 as s,a4 as y,a2 as v,aa as x,a0 as w,ad as V,u as t,ah as N,at as B,T as $,a6 as L,a7 as O,a3 as P,_ as W}from"./AchRHcpRHQ-DfxZvTuy.js";import{_ as j}from"./SearchBlock-CySeoq7a.js";import{u as T}from"./useS3Images-CKqHUZoF.js";import"./Mnau8WZklmd-BqlHVNwl.js";import"./QZzVXZ1ZHQ-Dpc377LJ.js";import"./useInfiniteScrollBasic-Do6PWyne.js";import"./CacheStore-CY6wkfvK.js";import"./debounce-xgt6Witk.js";import"./EventsBasic-DCN938qT.js";const U={class:"welcomeCheckbox"},z=["disabled","checked"],D={class:"welcomeCheckboxInner"},E={class:"img"},F=["src"],M={class:"checkTxt"},R={__name:"FollowCheckBox",props:{space:Object},emits:["updated"],setup(d,{emit:l}){const n=d,r=I(),c=g(!1),b=l,k=o=>{c.value=!0,axios.post(route("api.spaces.toggle"),{uuid_space:n.space.uuid,attach:o}).then(e=>{e.status===200&&(n.space.is_subscribed=e.data.is_subscribed,n.space.followers=e.data.followers,b("updated",n.space)),c.value=!1}).catch(function(e){console.log(e),c.value=!1,r.run("banner",{text:"Помилка"})})},h=()=>{k(!n.space.is_subscribed)};return(o,e)=>(p(),m("label",U,[s("input",{type:"checkbox",disabled:c.value,checked:d.space.is_subscribed,onChange:e[0]||(e[0]=f=>h())},null,40,z),s("div",D,[s("div",E,[s("img",{src:d.space.avatar.min,alt:""},null,8,F)]),s("div",M,y(d.space.name),1),e[1]||(e[1]=s("div",{class:"check"},[s("i",{class:"icon icon-check-circle-duotone"},[s("span",{class:"path1"}),s("span",{class:"path2"})])],-1))])]))}},q={key:0,class:"feedWelcomeInner"},G={class:"txt"},A={key:1,class:"feedWelcomeInner gray"},H={class:"welcomeConnect"},J={class:"welcomeConnectGrid"},is={__name:"Onboarding",setup(d){let l=g(1);const{nextMark:n,searchObject:r,objectsData:c,meta:b,clickInfiniteItem:k,isLoading:h}=C(route("api.spaces.index")),o=g([]),e=i=>{const a=o.value.indexOf(i.uuid);a===-1?o.value.push(i.uuid):o.value.splice(a,1)},{s3Url:f}=T();return(i,a)=>(p(),m("div",{class:"feedWelcomeWrapper",style:B({backgroundImage:`url(${t(f)("/static/images/background-gradient.png")})`})},[v(t(_),{as:"button",href:i.route("desktop"),class:V(["closeButton",{white:t(l)===2}])},{default:w(()=>a[2]||(a[2]=[s("i",{class:"icon icon-x"},null,-1)])),_:1,__:[2]},8,["href","class"]),t(l)===1?(p(),m("div",q,[s("div",{class:"image",style:B({backgroundImage:`url(${t(f)("/static/images/icon-empty.png")})`})},null,4),s("div",G,"Вітаємо на просторах, "+y(i.$page.props.auth.user.name)+"!",1),a[3]||(a[3]=N('<h1>Простори Pleex — це місця де збираються люди, <br>яких цікавить певна тема.</h1><div class="welcomeBlocks"><div class="welcomeBlock"><div class="icon"><i class="icon-chat-dots-duotone"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></i></div><div class="title">Спілкуйся</div><p>В просторах люди спілкуються та взаємодіють, заробляють рейтинг та репутацію.</p></div><div class="welcomeBlock"><div class="icon"><i class="icon-smiley-duotone"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></i></div><div class="title">Будь собою</div><p>Почувайся та поводься у просторах так, як би ти поводився в реальному житті — з повагою до себе та інших, адже у Pleex всі користувачі реальні люди.</p></div><div class="welcomeBlock"><div class="icon"><i class="icon-users-three-duotone"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span><span class="path6"></span><span class="path7"></span><span class="path8"></span><span class="path9"></span></i></div><div class="title">Розвивай спільноти</div><p>Публікуй цікаві новини, питання, висловлюй свою думку та долучайся до обговорень.</p></div><div class="welcomeBlock"><div class="icon"><i class="icon-thumbs-up-duotone"><span class="path1"></span><span class="path2"></span><span class="path3"></span></i></div><div class="title">Керуй</div><p>Твій голос — це твій основний важіль впливу на те, якими будуть простори та Pleex завтра. Користуйся ним!</p></div></div>',2)),s("button",{class:"welcomeButton blue smallButton",onClick:a[0]||(a[0]=u=>$(l)?l.value=2:l=2)},"Продовжити")])):x("",!0),t(l)===2?(p(),m("div",A,[s("div",H,[a[4]||(a[4]=s("h2",null,"Приєднуйся до просторів",-1)),a[5]||(a[5]=s("div",{class:"text"},"Обери одну або декілька тем, які тебе цікавлять.",-1)),v(j,{class:"white",placeholder:"Знайти простір",modelValue:t(r),"onUpdate:modelValue":a[1]||(a[1]=u=>$(r)?r.value=u:null)},null,8,["modelValue"]),s("div",J,[(p(!0),m(L,null,O(t(c),u=>(p(),W(R,{key:u.uuid,space:u,onUpdated:e},null,8,["space"]))),128)),s("div",{ref_key:"nextMark",ref:n}

1,null,512),v(S,{isLoading:t(h)},null,8,["isLoading"])])]),v(t(_),{as:"button",href:i.route("spaces.feed.index"),class:"welcomeButton blue smallButton",disabled:!o.value.length},{default:w(()=>a[6]||(a[6]=[P("Продовжити")])),_:1,__:[6]},8,["href","disabled"])])):x("",!0)],4))}};export{is as default};