https://podster.fm/build/assets/UpdateProfileView-34a4c819.js

1import{f as $,D as U,o as u,e as C,w as _,a,u as e,c as f,b as l,q as E,d as P,t as j,h as k,m as q,J as S,G as B,T as N,l as R,r as A,O as D}from"./app-f96b9a38.js";import{u as O,_ as G}from"./useResendEmailVerificationLink-43845fde.js";import{_ as I}from"./Alert-026cbf0b.js";import T from"./Layout-0d08d3d7.js";import{_ as F}from"./FormSelect-aebb55fa.js";import{_ as H}from"./FormSection-649b63d4.js";import{_ as w}from"./FormTextInput-85d75d75.js";import{_ as J}from"./FormInputLabel-5489c904.js";import{_ as M}from"./FormTinymceEditor-a8e28d16.js";import{_ as z}from"./FormPrimaryButton-0c835555.js";import{_ as L,P as V,I as W}from"./ImagePlaceholderIcon-af993625.js";import{A as K}from"./AlwaysSquareDiv-259340bf.js";import{v as Q}from"./v4-a960c1f4.js";import{_ as X}from"./FormTextInputGroup-3ab1cead.js";import{_ as Y}from"./FormSecondaryButton-d2d32ab6.js";import Z from"./DeleteProfileFormSectionCollapsed-acfa178c.js";import ee from"./UpdatePasswordFormSectionCollapsed-0fe68ea8.js";import"./LoadingIcon-9ac274f8.js";import"./CloseIcon-82975fa5.js";import"./_plugin-vue_export-helper-c27b6911.js";import"./MainNav-4ac10d57.js";import"./MainAuthUserMenu-64843d4c.js";import"./FavoriteIcon-d21876e3.js";import"./SettingsIcon-17514e01.js";import"./menu-6e48567b.js";import"./dom-cadfdd7e.js";import"./focus-management-dccaee5f.js";import"./use-outside-click-f54ccb8d.js";import"./use-resolve-button-type-e81962cc.js";import"./MainAside-c8eb87d8.js";import"./useDarkMode-eb5341a5.js";import"./RecommendationIcon-375aa968.js";import"./KnowledgebaseIcon-e039e069.js";import"./EpisodeIcon-bc94c554.js";import"./PodcastPlaylistIcon-048cb04c.js";import"./ReportBugButton-3cf539b2.js";import"./Modal-046c4c5e.js";import"./transition-d5d1ed5a.js";import"./hidden-e39bbb26.js";import"./micro-task-89dcd6af.js";import"./description-9a269291.js";import"./FormTextarea-aff24f0e.js";import"./AdSlot-a2b1f874.js";import"./vue.runtime.esm-bundler-cbd40ca6.js";import"./switch-97e49124.js";import"./MainFooter-763d8833.js";import"./CookieNotification-5c729a3c.js";import"./MainNavMobile-ec6d15b4.js";import"./vue-composable.esm-bundler-11aa148c.js";import"./MainNavMobileMenu-8fcb8fd4.js";import"./StatsIcon-2edff3fb.js";import"./ImpersonationHeader-65abc4f8.js";import"./useAudio-1b62b5d5.js";import"./usePlayerStore-ffc1d1da.js";import"./useAuthStore-bd281680.js";import"./isObject-a1be2107.js";import"./style-9a80e7dd.js";import"./FormDangerButton-884054bb.js";import"./FormPasswordInput-48aea3d3.js";const te={key:0,class:"group relative h-full w-full rounded-md bg-brand-gray-300"},re={class:"contains-previewable-images"},le=["src"],oe=l("span",{class:"text-xs"},"Изменить",-1),ae=["for"],se={class:"mb-3"},ie=l("div",{class:"flex flex-col xl:items-center"},[l("p",{class:"mb-1 text-center text-sm font-medium text-brand-300 dark:text-neutral-300"},"Загрузить изображение"),l("p",{class:"mb-1 text-center text-xs text-brand-100 dark:text-neutral-400 lg:text-brand-200"},"PNG, JPG")],-1),ne={key:2,class:"group relative h-full w-full rounded-md bg-brand-gray-300"},me={class:"contains-previewable-images"},de=["src"],ue=l("span",{class:"text-xs"},"Изменить",-1),pe={key:3,class:"flex h-full w-full flex-col items-center justify-center rounded-md bg-brand-gray-300 dark:bg-neutral-700"},ce={key:0},fe={__name:"FormAvatarUploader",props:{initialImageUrl:{type:String,default:null}},emits:["upload","reset"],setup(s,{emit:p}){let b="id-"+Q(),i=$("pending"),t=$(0),g=$({}),n=U({uuid:null,url:null}),x=$(!1),v=o=>{const{canvas:m}=o.cropperResult;m&&m.toBlob(async c=>{y();let h=new FormData;h.append("image",c,o.fileName),i.value="uploading",t.value=0,q.post("/api/avatars",h,{onUploadProgress:d=>{t.value=Math.round(d.loaded*100/d.total)}}).then(d=>{n.uuid=d.data.uuid,n.url=d.data.url,p("upload",n),i.value="upload-successful",S("Аватар загружен")}).catch(d=>{d.response&&d.response.status===422&&(g.value=d.response.data.errors),i.value="upload-failed",B("Ошибка при аватара")})},o.mimeType)},r=()=>{x.value=!0,g.value={},i.value="pending",y(),p("reset")},y=()=>{n={uuid:null,url:null}};return(o,m)=>(u(),C(K,null,{default:_(()=>[a(L,{"aspect-ratio":1/1,"input-id":e(b),accept:"image/png, image/jpg, image/jpeg","input-classes":"hidden",onCrop:e(v)},null,8,["input-id","onCrop"]),s.initialImageUrl&&!e(x)?(u(),f("div",te,[l("div",re,[l("img",{src:s.initialImageUrl,height:"1400",width:"1400",class:"h-full w-full rounded-md"},null,8,le)]),l("button",{type:"button",class:"absolute bottom-4 left-3 flex items-center rounded-md bg-white p-1 text-neutral-900 ring-1 ring-neutral-300",onClick:m[0]||(m[0]=(...c)=>e(r)&&e(r)(...c))},[a(V,{class:"mr-1 h-4 w-4"}),oe])])):e(i)==="pending"?(u(),f("label",{key:1,for:e(b),class:E(["flex h-full w-full flex-1 flex-col items-center justify-center rounded-md border bg-brand-gray-300 px-3 transition-colors duration-300 dark:bg-neutral-700",["border-transparent hover:border-brand-100 dark:hover:border-neutral-500"]]),title:"Загрузить аватар"},[l("div",se,[a(W,{class:"h-12 w-12 text-brand-100 dark:text-neutral-100"})]),ie],8,ae)):e(i)==="upload-successful"?(u(),f("div",ne,[l("div",me,[l("img",{src:e(n).url,height:"1400",width:"1400",class:"h-full w-full rounded-md"},null,8,de)]),l("button",{type:"button",class:"absolute bottom-4 left-3 flex items-center rounded-md bg-white p-1 text-neutral-900 ring-1 ring-neutral-300",onClick:m[1]||(m[1]=(...c)=>e(r)&&e(r)(...c))},[a(V,{class:"mr-1 h-4 w-4"}),ue])])):e(i)==="upload-failed"?(u(),f("div",pe,[a(I,{type:"danger",compact:"",class:"mb-3"},{default:_(()=>[P(" Ошибка"),e(g).image?(u(),f("span",ce,": "+j(e(g).image[0]),1)):k("",!0)]),_:1}),l("button",{type:"button",class:"px-4 py-1 text-sm text-brand-300 dark:text-neutral-200 dark:underline lg:px-4",onClick:m[2]||(m[2]=(...c)=>e(r)&&e(r)(...c))}," Выбрать изображение ")])):k("",!0)]),_:1}))}},ge={class:"max-w-5xl"},be={key:0,class:"mb-4 text-sm font-medium text-green-600 dark:text-green-400"},_e=l("p",{class:"font-medium"},"Внимание, подтвердите ваш email.",-1),xe=l("p",null,"На вашу почту отправлено письмо со ссылкой, пройдите по ней для подтверждения адреса электронной почты.",-1),ve=l("span",{class:"mr-2"},"Не получили письмо?",-1),ye={class:"mb-5 flex flex-col sm:flex-row"},$e={class:"mb-2.5 mr-10 w-56 flex-shrink-0 sm:mb-0 sm:w-48 md:w-56"},ke={class:"min-w-0 sm:flex-1"},he=l("option",{value:""},"Не выбран",-1),we=l("option",{value:"m"},"Мужской",-1),Ve=l("option",{value:"f"},"Женский",-1),Ce={class:"flex justify-center gap-x-5 lg:gap-x-10"},Ie={layout:T},St=Object.assign(Ie,{__name:"UpdateProfileView",props:{user:{type:Object,required:!0},status:{type:String,default:null}},setup(s){const p=s;let{resendingVerificaitonEmail:b,onResendVerificaitonEmail:i}=O(),t=N({name:p.user.name,email:p.user.email,login:p.user.login,gender:p.user.gender,about:p.user.about,avatar_uuid:null}),g=v=>{t.avatar_uuid=v.uuid,t.clearErrors("avatar_uuid")},n=()=>{t.put("/user/profile-information",{errorBag:"updateProfileInformation"})},x=()=>{confirm("Отменить?")&&D.visit("/")};return(v,r)=>{const y=A("Head");return u(),f("div",null,[a(y,{title:"Мой профиль"}),l("div",ge,[l("form",{class:"mb-8 lg:mb-12",onSubmit:r[11]||(r[11]=R((...o)=>e(n)&&e(n)(...o),["prevent"]))},[a(H,{title:"Мой профиль"},{default:_(()=>[s.status&&s.status==="profile-information-updated"?(u(),f("div",be," Профиль успешно обновлен! ")):k("",!0),s.user.has_verified_email?k("",!0):(u(),C(I,{key:1,type:"warning",class:"mb-2 lg:mb-5"},{default:_(()=>[_e,xe,l("p",null,[ve,a(G,{text:"Отправить повторно",processing:e(b),disabled:e(b),"text-classes":"text-yellow-800 underline hover:no-underline",onClick:e(i)},null,8,["processing","disabled","onClick"])])]),_:1})),l("div",ye,[l("div",$e,[a(J,{id:"profile-avatar-input",text:"Аватар",required:"",error:e(t).errors.avatar_uuid},null,8,["error"]),a(fe,{"initial-image-url":s.user.avatar.md,onUpload:e(g),onReset:r[0]||(r[0]=o=>e(t).avatar_uuid=null)},null,8,["initial-image-url","onUpload"])]),l("div",ke,[a(w,{modelValue:e(t).name,"onUpdate:modelValue":r[1]||(r[1]=o=>e(t).name=o),label:"Имя и фамилия",name:"name",error:e(t).errors.name,required:"",class:"mb-2.5 lg:mb-5",onInput:r[2]||(r[2]=o=>e(t).clearErrors("name"))},null,8,["modelValue","error"]),a(w,{modelValue:e(t).email,"onUpdate:modelValue":r[3]||(r[3]=o=>

1e(t).email=o),label:"Email",name:"email",error:e(t).errors.email,required:"",class:"mb-2.5 lg:mb-5",onInput:r[4]||(r[4]=o=>e(t).clearErrors("email"))},null,8,["modelValue","error"]),a(F,{modelValue:e(t).gender,"onUpdate:modelValue":r[5]||(r[5]=o=>e(t).gender=o),label:"Пол",name:"gender",error:e(t).errors.gender,onChange:r[6]||(r[6]=o=>e(t).clearErrors("gender"))},{default:_(()=>[he,we,Ve]),_:1},8,["modelValue","error"])])]),l("div",null,[a(X,{modelValue:e(t).login,"onUpdate:modelValue":r[7]||(r[7]=o=>e(t).login=o),label:"Адрес страницы",name:"login","text-left":"https://podster.fm/user/",error:e(t).errors.login,required:"",class:"mb-2.5 lg:mb-5",onInput:r[8]||(r[8]=o=>e(t).clearErrors("login"))},null,8,["modelValue","error"]),a(M,{modelValue:e(t).about,"onUpdate:modelValue":[r[9]||(r[9]=o=>e(t).about=o),r[10]||(r[10]=o=>e(t).clearErrors("about"))],label:"Расскажите о себе",error:e(t).errors.about},null,8,["modelValue","error"])])]),_:1})],32),a(ee,{status:s.status,class:"mb-8 lg:mb-12"},null,8,["status"]),a(Z,{class:"mb-8 lg:mb-12"}),l("div",Ce,[a(Y,{text:"Отмена",type:"button",disabled:e(t).processing,onClick:e(x)},null,8,["disabled","onClick"]),a(z,{text:"Сохранить",type:"button",disabled:e(t).processing,processing:e(t).processing,onClick:e(n)},null,8,["disabled","processing","onClick"])])])])}}});export{St as default};