https://snapbox.ai/assets/JoinCreatorGoogle-CNqp3x5g.js

1import{A as k,_ as z,m as G,B as x,r as S,o as A,a as q,p as K,c as p,b as l,t as c,w as s,q as f,F as O,n as g,v as y,f as H,i as Q,s as b,e as u,y as B,l as W,g as m}from"./index-GRB8Jcml.js";const Y={join(o){return k.instance().post("/api/v1/google/join",o,{headers:k.headers()})}},Z={name:"JoinCreatorGoogle",props:{isCreator:{type:Boolean,default:!1}},setup(o){let e=G({email:"",link_id:"",phone:"",type:"일반",nickname:"",payload:"",event_agree:!1,check_modal_event:!1,modal_event:!1,alert_display:!1,alert_confirm:!1,msg:"",rule:!1,privacy:!1,is_loading:!1,creator_apply:o.isCreator,creator_channel:"",creator_channel_id:"",creator_status:null});const r=W("cryptojs"),a=x(()=>({instagram:"인스타그램 아이디 (@제외) *",youtube:"유튜브 채널 URL 또는 핸들 *",tiktok:"틱톡 아이디 (@제외) *",twitter:"X(구 트위터) 아이디 (@제외) *",etc:"플랫폼 : 아이디 형식 (예: 네이버 블로그 : yourname) *"})[e.creator_channel]||"SNS 아이디 또는 채널 링크 *"),h=[{value:"instagram",label:"인스타그램"},{value:"youtube",label:"유튜브"},{value:"tiktok",label:"틱톡"},{value:"twitter",label:"트위터 / X"},{value:"etc",label:"기타"}],v=S(!1),n=S(null),C=x(()=>{if(!e.creator_channel)return"주 소셜 채널 선택 *";const t=h.find(i=>i.value===e.creator_channel);return t?t.label:""}),E=t=>{e.creator_channel=t,v.value=!1},w=t=>{n.value&&!n.value.contains(t.target)&&(v.value=!1)};A(()=>document.addEventListener("click",w)),q(()=>document.removeEventListener("click",w));const V=()=>{e.modal_event=!1,e.event_agree=!0,e.check_modal_event=!0},D=()=>{e.modal_event=!1,e.event_agree=!1,e.check_modal_event=!0},U=()=>{if(e.alert_confirm){if(e.is_loading==!1){e.is_loading=!0,o.isCreator&&(e.creator_status="pending");let t=new FormData;t.append("email",e.email),t.append("link_id",e.link_id),t.append("phone",e.phone),t.append("nickname",e.nickname),t.append("payload",e.payload),t.append("event_agree",e.event_agree===!0?1:0),o.isCreator&&(t.append("creator_apply",1),t.append("creator_channel",e.creator_channel),t.append("creator_channel_id",e.creator_channel_id),t.append("creator_status",e.creator_status||"")),Y.join(t).then(i=>{console.log(i);let d=i.data.code,_=i.data.msg;d=="S"&&i.status==200?(e.alert_display=!0,e.alert_confirm=!1,e.msg=(o.isCreator,"가입되었습니다.")):(e.alert_display=!0,e.alert_confirm=!1,e.msg=_),e.is_loading=!1}).catch(i=>{if(i.message=="Network Error")e.alert_display=!0,e.alert_confirm=!1,e.msg="서버 응답이 없습니다. 관리자에게 문의해주세요.";else{let d=i.response.status;console.log(d),alert(i.response.data)}e.is_loading=!1})}}else e.msg.includes("가입되었습니다")?k.login("","",e.payload,"","google"):e.alert_display=!1},N=()=>{if(!e.nickname)return e.alert_display=!0,e.alert_confirm=!1,e.msg="닉네임을 입력해주세요.",!1;if(!e.phone)return e.alert_display=!0,e.alert_confirm=!1,e.msg="전화번호를 입력해주세요.",!1;if(e.rule==!1)return e.alert_display=!0,e.alert_confirm=!1,e.msg="이용약관에 동의해주세요.",!1;if(e.privacy==!1)return e.alert_display=!0,e.alert_confirm=!1,e.msg="개인정보처리방침에 동의해주세요.",!1;if(o.isCreator){if(!e.creator_channel)return e.alert_display=!0,e.alert_confirm=!1,e.msg="주 소셜 채널을 선택해주세요.",!1;if(!e.creator_channel_id)return e.alert_display=!0,e.alert_confirm=!1,e.msg="채널 아이디를 입력해주세요.",!1}if(e.event_agree==!1&&e.check_modal_event==!1)return e.modal_event=!0,!1;e.alert_confirm=!0,U()};return A(()=>{const t=location.href;let d=new URLSearchParams(new URL(t).search).get("code");e.payload=d;const _=decodeURIComponent(d);if(_==null)return;var P=r.enc.Utf8.parse("abcfye0123456789abcdef0123456789"),L=r.enc.Utf8.parse("abcfye0123456789");function R(I,M,F){var J=r.enc.Base64.parse(I),T=r.AES.decrypt({ciphertext:J},M,{iv:F,mode:r.mode.CBC,padding:r.pad.Pkcs7});return T.toString(r.enc.Utf8)}var X=R(_,P,L);let j=JSON.parse(X);console.log(j),e.email=j.email??""}),{user:e,join:N,...K(e),clickConfirm:U,checkEventAgree:V,cancelEventAgree:D,channelIdPlaceholder:a,channelOptions:h,isChannelOpen:v,channelDropdownRef:n,selectedChannelLabel:C,selectChannel:E}}},$={class:"join-container"},ee={class:"join-wrapper"},le={class:"join-header"},ae={class:"join-form"},ne={class:"channel-dropdown-wrap",ref:"channelDropdownRef"},te={class:"channel-dropdown-panel"},oe=["onClick"],re=["placeholder"],se={class:"terms-section"},ie={class:"term-item"},de={class:"term-item"},ce={class:"term-item"},ue=["disabled"],pe={class:"alert-header"},fe={class:"alert-body"},me={class:"alert-footer"},ve={class:"popup-overlay"},_e={class:"alert-footer"};function ye(o,e,r,a,h,v){return m(),p("section",$,[l("div",ee,[e[22]||(e[22]=l("div",{class:"logo-section"},[l("div",{class:"logo-snapbox","aria-label":"SNAPBOX"})],-1)),l("div",le,[l("h2",null,c((r.isCreator,"회원가입")),1),l("p",null,c(r.isCreator?"SNAPBOX에서 활동을 시작해보세요":"SNAPBOX와 함께 시작해보세요"),1)]),l("div",ae,[s(l("input",{type:"text","onUpdate:modelValue":e[0]||(e[0]=n=>a.user.email=n),placeholder:"이메일",class:"form-input",disabled:""},null,512),[[f,a.user.email]]),s(l("input",{type:"text","onUpdate:modelValue":e[1]||(e[1]=n=>

1a.user.link_id=n),placeholder:"아이디 (선택)",class:"form-input"},null,512),[[f,a.user.link_id]]),s(l("input",{type:"text","onUpdate:modelValue":e[2]||(e[2]=n=>a.user.phone=n),placeholder:"전화번호 *",class:"form-input",oninput:"this.value = this.value.replace(/[^0-9.]/g, '')",maxlength:"12"},null,512),[[f,a.user.phone,void 0,{lazy:!0}]]),s(l("input",{type:"text","onUpdate:modelValue":e[3]||(e[3]=n=>a.user.nickname=n),placeholder:"닉네임 *",class:"form-input"},null,512),[[f,a.user.nickname]]),r.isCreator?(m(),p(O,{key:0},[l("div",ne,[l("button",{type:"button",class:"channel-dropdown-btn",onClick:e[4]||(e[4]=n=>a.isChannelOpen=!a.isChannelOpen)},[l("span",{class:g(["channel-label",{"channel-label-placeholder":!a.user.creator_channel}])},c(a.selectedChannelLabel),3),(m(),p("svg",{class:g(["channel-chevron",{"channel-chevron-open":a.isChannelOpen}]),width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},e[18]||(e[18]=[l("polyline",{points:"6 9 12 15 18 9"},null,-1)]),2))]),s(l("div",te,[(m(!0),p(O,null,H(a.channelOptions,n=>(m(),p("button",{key:n.value,type:"button",class:g(["channel-option",{"channel-option-active":a.user.creator_channel===n.value}]),onClick:C=>a.selectChannel(n.value)},c(n.label),11,oe))),128))],512),[[y,a.isChannelOpen]])],512),s(l("input",{type:"text","onUpdate:modelValue":e[5]||(e[5]=n=>a.user.creator_channel_id=n),placeholder:a.channelIdPlaceholder,class:"form-input"},null,8,re),[[f,a.user.creator_channel_id]])],64)):Q("",!0),l("div",se,[l("div",ie,[s(l("input",{type:"checkbox",id:"rule01","onUpdate:modelValue":e[6]||(e[6]=n=>a.user.rule=n),class:"custom-checkbox"},null,512),[[b,a.user.rule]]),e[19]||(e[19]=l("label",{for:"rule01"},[u(" [필수] "),l("a",{href:"/rule",target:"_blank"},"이용약관"),u(" 동의 ")],-1))]),l("div",de,[s(l("input",{type:"checkbox",id:"rule02","onUpdate:modelValue":e[7]||(e[7]=n=>a.user.privacy=n),class:"custom-checkbox"},null,512),[[b,a.user.privacy]]),e[20]||(e[20]=l("label",{for:"rule02"},[u(" [필수] "),l("a",{href:"/privacy",target:"_blank"},"개인정보처리방침"),u(" 동의 ")],-1))]),l("div",ce,[s(l("input",{type:"checkbox",id:"rule03","onUpdate:modelValue":e[8]||(e[8]=n=>a.user.event_agree=n),class:"custom-checkbox"},null,512),[[b,a.user.event_agree]]),e[21]||(e[21]=l("label",{for:"rule03"},"[선택] 이벤트 수신 동의",-1))])]),l("button",{type:"button",class:"btn-join",disabled:o.is_loading,onClick:e[9]||(e[9]=(...n)=>a.join&&a.join(...n))},c((r.isCreator,"회원가입")),9,ue)])]),s(l("div",{class:"popup-overlay",onClick:e[14]||(e[14]=n=>o.alert_display=!1)},[l("div",{class:"alert-modal",onClick:e[13]||(e[13]=B(()=>{},["stop"]))},[l("div",pe,[e[23]||(e[23]=l("h3",null,"알림",-1)),l("button",{type:"button",class:"btn-close",onClick:e[10]||(e[10]=n=>o.alert_display=!1)}," ✕ ")]),l("div",fe,c(o.msg),1),l("div",me,[s(l("button",{type:"button",class:"btn-cancel",onClick:e[11]||(e[11]=n=>o.alert_display=!1)}," 취소 ",512),[[y,o.alert_confirm]]),l("button",{type:"button",class:"btn-confirm",onClick:e[12]||(e[12]=(...n)=>a.clickConfirm&&a.clickConfirm(...n))}," 확인 ")])])],512),[[y,o.alert_display]]),s(l("div",ve,[l("div",{class:"alert-modal",onClick:e[17]||(e[17]=B(()=>{},["stop"]))},[e[24]||(e[24]=l("div",{class:"alert-header"},[l("h3",null,"이벤트 수신 동의")],-1)),e[25]||(e[25]=l("div",{class:"alert-body"},[u(" 브랜드 혜택 및 다양한 이벤트 참여를 위해"),l("br"),u("이벤트 수신 동의를 진행해 주세요. ")],-1)),l("div",_e,[l("button",{type:"button",class:"btn-cancel",onClick:e[15]||(e[15]=(...n)=>a.cancelEventAgree&&a.cancelEventAgree(...n))}," 취소 "),l("button",{type:"button",class:"btn-confirm",onClick:e[16]||(e[16]=(...n)=>a.checkEventAgree&&a.checkEventAgree(...n))}," 수신동의 ")])])],512),[[y,o.modal_event]])])}const ge=z(Z,[["render",ye],["__scopeId","data-v-22e258af"]]);export{ge as default};