https://snapbox.ai/assets/ProfileBrand-Bg0XnLZ-.js

1import{_ as j,r as P,A as S,m as B,o as O,p as D,c as _,b as o,h as v,k as F,w as r,q as p,i as U,v as x,e as I,t as M,F as z,u as T,V as E,j as y,g as b}from"./index-GRB8Jcml.js";import{U as V}from"./UserService-B39Vk0W_.js";import{C as q}from"./compressor.esm-FeJMiU6q.js";import{S as H,a as K,b as L}from"./snap_footer-B9eSqtLO.js";const $={name:"ProfileBrand",components:{SNAP_MENU:H,SNAP_HEADER:K,SNAP_FOOTER:L},setup(){var t=P({}),s=P("");s=S.type();const e=B({user:{email:"",phone:"",name:"",nickname:"",nickname_origin:"",password:"",profile:""},password_check:"",alert_display:!1,alert_confirm:!1,msg:"",is_uploading:!1,instagram_user_name:"",admin_approved:"0",is_connected:"0",contents_connected:"0"}),l=T(),k=n=>{const a=n.target.files[0];if(console.log(a),a.type!="image/png"&&a.type!="image/jpeg"&&a.type!="image/jpg")return e.alert_display=!0,e.alert_confirm=!1,e.msg="이미지 파일을 선택해주세요.",!1;var i=1;a.size>3145728?i=.1:a.size>2097152?i=.2:a.size>1024e3?i=.4:i=1,new q(a,{quality:i,success(d){let m={file:d,style:"background-image: url("+URL.createObjectURL(d)+");background-position: center"};t.value=m},error(d){console.log(d.message)}})};let u=n=>{V.myinfo().then(a=>{var i,d,m,w,h,C,N,A;if(console.log(a),e.user=a.data,e.user.nickname_origin=a.data.nickname,n&&e.user.profile&&(E.setCookie("profile",e.user.profile,{expire:"12h"}),location.reload()),e.user.profile){let R={style:"background-image: url("+e.user.profile+");background-position: center"};t.value=R}e.instagram_user_name=((d=(i=e.user)==null?void 0:i.instagram_connect)==null?void 0:d.user_name)??"",e.admin_approved=((w=(m=e.user)==null?void 0:m.instagram_connect)==null?void 0:w.admin_approved)??0,e.is_connected=((C=(h=e.user)==null?void 0:h.instagram_connect)==null?void 0:C.is_connected)??0,e.contents_connected=((A=(N=e.user)==null?void 0:N.instagram_connect)==null?void 0:A.contents_connected)??0}).catch(a=>{console.log(a)})},c=()=>{confirm("먼저 인스타그램 앱/웹사이트로 이동하여 snapbox.ai-IG를 승인해주셔야 합니다. 승인을 이미 완료하셨다면 취소를 눌러주시고 사이트로 이동하시려면 확인을 눌러주세요.")?window.location.href="https://www.instagram.com/accounts/manage_access":confirm("인스타그램 연동을 진행하시겠습니까?")&&(window.location.href=S.instagramAuthUrl())},f=()=>{if(e.alert_confirm){if(e.is_uploading==!1){e.is_uploading=!0;const n=new FormData;t.value.file&&n.append("photo",t.value.file),n.append("type","브랜드"),n.append("name",e.user.name),e.user.nickname_origin!=e.user.nickname&&n.append("brand_name",e.user.nickname),e.user.password&&n.append("password",e.user.password),n.append("phone",e.user.phone),n.append("user_name",e.instagram_user_name),V.updateProfile(n).then(a=>{console.log(a),a.status==200&&(e.alert_display=!0,e.alert_confirm=!1,e.msg="저장되었습니다.",E.setCookie("nickname",e.user.nickname,{expire:"12h"}),u(!0)),e.is_uploading=!1}).catch(a=>{e.is_uploading=!1,e.alert_display=!0,e.alert_confirm=!1,e.msg=a.response.data})}}else e.alert_display=!1},g=()=>{if(!e.user.phone)return e.alert_display=!0,e.alert_confirm=!1,e.msg="전화번호를 입력해주세요.",!1;if(!e.password)e.alert_display=!0,e.alert_confirm=!1,e.msg="비밀번호를 입력해주세요.";else if(e.password_check!==e.user.password)return e.alert_display=!0,e.alert_confirm=!1,e.msg="비밀번호가 일치하지 않습니다.",!1;e.alert_display=!0,e.alert_confirm=!0,e.msg="저장하시겠습니까?"};return O(()=>{u()}),{type:s,...D(e),photo:t,onPhotoChange:k,loadMyInfo:u,save:g,clickConfirm:f,router:l,connectInstagram:c}}},G={class:"dashboard_body flex flex-col"},J={class:"contents_box w-full flex justify-start grow"},Q={class:"contents_area grow p-8"},W={class:"con grow"},X={class:"join flex flex-col gap-3 mx-auto"},Y={class:"profile mb-5 text-center"},Z={class:"flex justify-center"},ee={class:"flex flex-col gap-1"},se={class:"flex flex-col gap-1"},oe={class:"flex flex-col gap-1"},ne={class:"flex flex-col gap-1"},te={class:"flex flex-col gap-1"},ae={class:"flex flex-col gap-1"},le=["disabled"],ie={class:"grid grid-cols-2 gap-3"},re={class:"popup_layer"},de={class:"alert"},pe={class:"msg"},ue={class:"btn_area"};function me(t,s,e,l,k,u){const c=y("SNAP_HEADER"),f=y("SNAP_MENU"),g=y("SNAP_FOOTER");return b(),_(z,null,[o("div",G,[v(c),o("div",J,[v(f),o("div",Q,[o("div",W,[o("div",X,[o("div",Y,[o("input",{type:"file",onChange:s[0]||(s[0]=(...n)=>l.onPhotoChange&&l.onPhotoChange(...n)),ref:"file",id:"photo",style:{display:"none"}},null,544),o("div",{class:"photo",style:F(this.photo.style)},null,4)]),o("div",Z,[o("button",{type:"button",class:"border-2 border-gray-300 rounded py-2 h-10 px-4 w-32 bg-white text-gray-800 font-medium text-base hover:bg-gray-200 transition-colors",onClick:s[1]||(s[1]=n=>t.$refs.file.click())}," 이미지 선택 ")]),o("div",ee,[s[15]||(s[15]=o("div",null,"이메일주소(아이디)",-1)),r(o("input",{type:"text",placeholder:"이메일주소를 입력해 주세요.",readonly:"","onUpdate:modelValue":s[2]||(s[2]=n=>t.user.email=n)},null,512),[[p,t.user.email]])]),o("div",se,[s[16]||(s[16]=o("div",null,"비밀번호",-1)),r(o("input",{type:"password",placeholder:"비밀번호를 입력해 주세요.","onUpdate:modelValue":s[3]||(s[3]=n=>t.user.password=n)},null,512),[[p,t.user.password]])]),o("div",oe,[s[17]||(s[17]=o("div",null,"비밀번호확인",-1)),r(o("input",{type:"password",placeholder:"비밀번호를 한번 더 입력해 주세요.","onUpdate:modelValue":s[4]||(s[4]=n=>t.password_check=n)},null,512),[[p,t.password_check]])]),o("div",ne,[s[18]||(s[18]=o("div",null,"브랜드명",-1)),r(o("input",{type:"text",placeholder:"브랜드명을 입력해 주세요.","onUpdate:modelValue":s[5]||(s[5]=n=>

1t.user.nickname=n),oninput:"this.value = this.value.replace(/[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]/g, '' )"},null,512),[[p,t.user.nickname,void 0,{lazy:!0}]])]),o("div",te,[s[19]||(s[19]=o("div",null,"담당자 전화번호",-1)),r(o("input",{type:"text",placeholder:"담당자 전화번호를 입력해 주세요.","onUpdate:modelValue":s[6]||(s[6]=n=>t.user.phone=n)},null,512),[[p,t.user.phone]])]),o("div",ae,[s[20]||(s[20]=o("div",null,"인스타그램 위젯 체험하기",-1)),r(o("input",{type:"text",placeholder:"연동할 인스타그램 아이디를 입력해주세요","onUpdate:modelValue":s[7]||(s[7]=n=>t.instagram_user_name=n),disabled:t.admin_approved==1},null,8,le),[[p,t.instagram_user_name]])]),(t.admin_approved==1||t.user.email==="[email protected]")&&t.is_connected==0?(b(),_("button",{key:0,type:"button",class:"btn_basic btn_cancel",onClick:s[8]||(s[8]=(...n)=>l.connectInstagram&&l.connectInstagram(...n))}," 인스타그램 연동하기 ")):U("",!0),t.admin_approved==1&&t.is_connected==1&&t.contents_connected==1?(b(),_("button",{key:1,type:"button",class:"btn_basic btn_cancel",onClick:s[9]||(s[9]=n=>l.router.push("/snap-instagram"))}," 인스타그램 위젯으로 이동 ")):U("",!0),o("div",ie,[o("button",{type:"button",class:"btn_basic btn_cancel",onClick:s[10]||(s[10]=n=>this.$router.go(-1))}," 취소 "),o("button",{type:"button",class:"btn_basic btn_BK",onClick:s[11]||(s[11]=(...n)=>l.save&&l.save(...n))}," 저장 ")])])]),v(g)])])]),r(o("div",re,[o("div",de,[o("h1",null,[s[21]||(s[21]=I(" 알림")),o("button",{type:"button",class:"btn_close",onClick:s[12]||(s[12]=n=>t.alert_display=!1)}," 닫기 ")]),o("div",pe,M(t.msg),1),o("div",ue,[r(o("button",{type:"button",class:"btn_basic",onClick:s[13]||(s[13]=n=>t.alert_display=!1)}," 취소 ",512),[[x,t.alert_confirm]]),o("button",{type:"button",class:"btn_basic btn_color_BK",style:{"margin-left":"5px"},onClick:s[14]||(s[14]=(...n)=>l.clickConfirm&&l.clickConfirm(...n))}," 확인 ")])])],512),[[x,t.alert_display]])],64)}const ve=j($,[["render",me],["__scopeId","data-v-71504e68"]]);export{ve as default};