https://erobella.com/_nuxt/lh51zmdP.js

1const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./CgtYgKg9.js","./DW5RsQCN.js","./S52Y-F7o.js","./DSV61gAW.js","./DlAUqK2U.js","./-6Lls737.js","./nuxt-icon.MfBulapQ.css","./CiiYzqQD.js","./C2j6UuSi.js","./BjifuwS5.js","./B5spvOTL.js","./pbeGVN8L.js","./0TMV73nw.js","./hcgo3rj9.js","./BswGyJcZ.js","./DTkNhqIJ.js","./i-JovrxE.js","./CI1rb40-.js","./3-VggreL.js"])))=>i.map(i=>d[i]);
2import{d as S,o,k as f,w as C,j as n,b as _,m as D,y as Y,a as i,z as q,Q as U,l as p,n as I,f as H,an as J,s as N,W as T,c as g,aU as X,r as k,g as E,e as P,R as Z,C as ee,a2 as te,au as oe,x as se,a8 as ne}from"./-6Lls737.js";import ae from"./B5spvOTL.js";import le from"./pbeGVN8L.js";import{_ as re}from"./0TMV73nw.js";import{O as ie}from"./hcgo3rj9.js";import ue from"./BswGyJcZ.js";import{_ as de}from"./DTkNhqIJ.js";import{_ as ce}from"./C2j6UuSi.js";import{_ as pe}from"./i-JovrxE.js";import me from"./3-VggreL.js";const fe={class:"flex justify-center"},_e={class:"bg-gradient-vertical-light-pink p-3 rounded-xl"},ve=n("div",{class:"flex flex-col gap-2 items-center text-center"},[n("span",{class:"text-xl font-semibold"},"Delete Photo"),n("p",{class:"text-sm text-dark-grey"},"Are you sure you want to delete photo from your gallery?")],-1),ge={class:"grid gap-2"},he=S({__name:"PhotoDeleteConfirmationModal",emits:["confirm","close"],setup($,{emit:d}){const c=d;function m(){c("confirm")}function l(){c("close")}return(r,s)=>{const v=ue;return o(),f(de,{onOutsideClick:s[2]||(s[2]=u=>c("close"))},{header:C(()=>[n("div",fe,[n("div",_e,[_(v,{class:"w-12 h-12",fontControlled:!1})])])]),footer:C(()=>[n("div",ge,[_(ce,{onClick:s[0]||(s[0]=u=>l())},{default:C(()=>[D("No, Keep it")]),_:1}),n("button",{class:"button-secondary button-xs",onClick:s[1]||(s[1]=u=>m())},"Yes, Delete")])]),default:C(()=>[ve]),_:1})}}}),ye={key:0,class:"text-sm text-x-grey-15"},xe=n("span",{class:"text-x-pink font-bold"},"Choose File",-1),be=["value","accept","multiple"],Ce=S({__name:"DragAndDropBox",props:{accept:{default:"image/*"},isMultiple:{type:Boolean,default:!1},customStyling:{}},emits:["update:modelValue"],setup($){const d=$,c=Y(),m=l=>!!c[l];return(l,r)=>{const s=me;return o(),i("label",null,[n("span",{class:I(["flex gap-4 items-center justify-center p-4 w-full h-[120px] border border-dashed border-x-grey-18 rounded-2xl",[l.customStyling]])},[q(l.$slots,"text"),m("text")?p("",!0):(o(),i(U,{key:0},[_(s,{class:"w-5 h-5 text-x-grey-15",fontControlled:!1}),m("text")?p("",!0):(o(),i("span",ye,[D(" Drag & Drop or "),xe,D(" to upload ")]))],64))],2),n("input",{type:"file",name:"file_upload",class:"hidden",value:d.modelValue,accept:d.accept,multiple:d.isMultiple,onInput:r[0]||(r[0]=v=>l.$emit("update:modelValue",v.target))},null,40,be)])}}}),ke={class:"flex flex-col gap-6"},Pe={key:0,class:"border border-x-grey-18 border-dashed bg-x-grey-8 p-4 rounded-2xl text-dark-grey text-sm"},$e={class:"grid grid-cols-2 gap-6"},we={key:0},De=["onClick"],Ue=S({__name:"media",setup($){const{t:d}=H(),c=J(),{onboardingMeta:m,isContinueButtonDisabled:l}=N(c);m.value={step:ie.MEDIA,title:"Upload Content",description:"Upload photos and videos to showcase on your profile.",progress:80,backButtonUrl:T.ONBOARDING_ABOUT,nextButtonUrl:T.ONBOARDING_SERVICES,nextButtonText:g(()=>d("account.onboard.continue")).value};const r=X(),{userPhotos:s,uploadPhotosPayload:v,deletePhotosPayload:u}=N(r),w=k(!1),h=k([]),V=oe({loader:()=>se(()=>import("./CgtYgKg9.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18]),import.meta.url)}),y=k(!1),B=g(()=>[...h.value,...s.value.results]),A=g(()=>h.value.some(e=>e.isLoading)),M=g(()=>s.value.results.length?s.value.results.sort((e,t)=>t.sort-e.sort)[0].sort:0),x=k();let O=E({});async function j(e){w.value=!1,h.value.push(e),x.value||(x.value=M.value);const t=new FormData;t.append("uploadedFile",e.originalFile),t.append("sort",`${++x.value}`),v.value=t;try{await r.uploadUserPhoto()}catch{ne.error()}finally{e.isLoading=!1,A.value||(await r.fetchUserPhotos(),h.value=[],x.value=void 0)}}function R(e){y.value=!0,u.value.push(e.id)}async function z(){if(y.value=!1,u.value.length){const e=u.value[0],t=B.value.find(b=>b.id===e);t.isDeleting=!0,await r.deleteUserPhotos(),u.value=[],await r.fetchUserPhotos();return}}

2function F(e){Array.from(e.files).forEach(t=>L(t))}async function L(e){O=E({originalFile:e,isLoading:!0,name:e.name,type:e.type,size:e.size,lastModified:e.lastModified,blob:URL.createObjectURL(e)}),await j(O)}const G=g(()=>{const e=s.value.results.length<2;return l.value=e,e});function K(){y.value=!1,u.value=[]}return(e,t)=>{const b=ae,Q=le,W=re;return o(),i(U,null,[n("div",ke,[G.value?(o(),i("div",Pe," Please ensure to upload at least 2 photos to make your profile stand out ")):p("",!0),_(P(Ce),{"onUpdate:modelValue":F,"is-multiple":!0}),n("div",$e,[(o(!0),i(U,null,Z(B.value,a=>(o(),i("div",{class:"relative",key:a.name},[a.isLoading?(o(),i("div",we,[_(P(pe),{fullPage:!0,withTransparentBackground:!0})])):p("",!0),a.isLoading?p("",!0):(o(),i("button",{key:1,class:"flex items-center justify-center w-10 h-10 rounded-full bg-white absolute right-6 bottom-6 shadow",onClick:Se=>R(a)},[a.isDeleting?(o(),f(b,{key:0,class:"animate-spin",filled:""})):(o(),f(Q,{key:1,class:"w-6 h-6",fontControlled:!1}))],8,De)),_(W,{src:a.blob||a.links.portraitSizes.default,class:I(["w-full h-auto aspect-user object-cover rounded-xl",{"opacity-80":a.isLoading}]),alt:""},null,8,["src","class"])]))),128))])]),(o(),f(te,{to:"body"},[w.value?(o(),f(ee(P(V)),{key:0,onClose:t[0]||(t[0]=a=>w.value=!1),onConfirm:L},null,32)):p("",!0),y.value?(o(),f(P(he),{key:1,onClose:t[1]||(t[1]=a=>K()),onConfirm:t[2]||(t[2]=a=>z())})):p("",!0)]))],64)}}}),je=Object.freeze(Object.defineProperty({__proto__:null,default:Ue},Symbol.toStringTag,{value:"Module"}));export{Ce as _,je as m};