https://snapbox.ai/assets/SnapReviewPanelRecommends-HIY-v2QL.js

1import{_ as I,m as F,o as L,p as j,c as p,b as t,h as w,e as f,F as x,f as N,w as m,q as z,D as O,t as g,v as q,x as H,i as B,u as U,j as S,g as u}from"./index-GRB8Jcml.js";import{S as V,a as K,b as J}from"./snap_footer-B9eSqtLO.js";import{S as D}from"./ReviewPanelsService-Dz7xZIos.js";/* empty css             */import"./UserService-B39Vk0W_.js";const Z={name:"SnapCreator",components:{SNAP_MENU:V,SNAP_HEADER:K,SNAP_FOOTER:J},setup(){const e=F({data:[],current:1,total:0,page_size:40,pagedata:[],request_tags:[],required_tags:[],request_tagInput:[],required_tagInput:[],isModalOpened:!1,modalData:[],is_paying:!1,is_package:!1,price_total:0,price_package:0,package_id:"",is_load_finish:!1}),s=U(),E={url:/(http(s)?:\/\/.)?(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/g},r={url:function(a){return'<a style="color: #9481F0" target="_blank" href="'+a+'">'+a+"</a>"}};let T=()=>{let a=(e.current-1)*e.page_size;e.pagedata=e.data.slice(a,a+e.page_size)},P=a=>{window.open(a,"_blank")},C=a=>{e.isModalOpened=!0,document.body.style.overflow="hidden";let l=a.note;l=l.replace(E.url,r.url),e.modalData={...a,note:l}},v=()=>{e.isModalOpened=!1,document.body.style.overflow="auto"},h=()=>{e.price_total=0,D.getData().then(a=>{a.data.review_panel_recommends.forEach(d=>{e.data.push(d),e.price_total+=Number(d.price),e.package_id=d.review_panel_package_id;const{price:_}=d.review_panel_package??{};_&&(e.price_package=_,e.is_package=!0)}),console.log("state.data",e.data),e.pagedata=e.data.slice(0,e.page_size),e.total=e.data.length;const n=a.data.review_panel_tags,c=JSON.parse(n.request_tags),i=JSON.parse(n.required_tags);c.forEach(d=>{e.request_tags.push({name:d.name,type:d.type})}

1),i.forEach(d=>{e.required_tags.push({name:d.name,type:d.type})}),e.is_load_finish=!0}).catch(a=>{console.log(a),e.is_load_finish=!0})};const M=()=>{var l;if(!confirm(((l=e.price_package)==null?void 0:l.toLocaleString())+"원을 결제하시겠습니까?")||e.is_paying)return;e.is_paying=!0;let a={package_id:e.package_id,price:e.price_package};D.payPackage(a).then(n=>{if(console.log("성공",n),n.data.code=="S")alert("결제가 완료되었습니다."),location.reload();else{let i=n.data.msg;alert(i)}}).catch(n=>{console.log("실패",n)}).finally(()=>{e.is_paying=!1})},y=()=>{if(console.log(e.modalData),e.is_package){alert("패키지 상품은 패키지 상품으로 결제해주세요.");return}let a=e.modalData.price,l=e.modalData.creator_id,n=e.modalData.type;if(e.is_paying||!confirm(a.toLocaleString()+"원을 결제하시겠습니까?"))return;e.is_paying=!0;let c={creator_id:l,price:a,item_name:"리뷰체험단 "+n};D.pay(c).then(i=>{if(console.log("성공",i),i.data.code=="S")alert("결제가 완료되었습니다."),v();else{let _=i.data.msg;alert(_)}e.is_paying=!1}).catch(i=>{console.log("실패",i),e.is_paying=!1})},b={HandleEnter(a,l){const n=l.trim();n&&(this.editTags(a,n),a==="required"?e.required_tagInput="":a==="request"&&(e.request_tagInput=""))},sendToserver(){let a={request_tags:e.request_tags,required_tags:e.required_tags};D.editing(a).then(l=>{console.log("성공",l),alert("남겨주신 내용대로 크리에이터를 추천해드릴게요!")}).catch(l=>{console.log("실패",l)})},editTags(a,l){const n=e.request_tags.some(i=>i.name===l&&i.type==="brand"),c=e.required_tags.some(i=>i.name===l&&i.type==="brand");!n&&a==="request"?(e.request_tags.push({name:l,type:"brand"}),e.request_name=""):!c&&a==="required"?(e.required_tags.push({name:l,type:"brand"}),e.required_name=""):alert(l+"는 중복된 태그입니다.")},deleteTags(a,l){a==="request"?e.request_tags=e.request_tags.filter(n=>n.name!==l):a==="required"&&(e.required_tags=e.required_tags.filter(n=>n.name!==l))}};return L(()=>{console.log("mounted!"),h()}),{router:s,onChange:T,toLink:P,fetch:h,openModal:C,closeModal:v,methods_for_tag:b,payForReview:y,payPackage:M,...j(e)}}},G={class:"dashboard_body flex flex-col"},Q={class:"contents_box w-full flex justify-start grow"},W={class:"contents_area grow p-8"},X={class:"con grow"},Y={class:"box"},$={class:"flex items-center tag_box"},ee={class:"flex items-center gap-2"},te=["onClick"],se={class:"tag_input"},ae={class:"flex items-center tag_box mb10"},oe={class:"flex items-center gap-2"},le=["onClick"],ne={class:"tag_input"},ie={class:"text-center mt-3"},re={class:"box mt-5"},de={class:"flex justify-between items-center pb-3"},pe={class:"flex items-center gap-1"},ge={class:"font-bold text-lg"},ue={class:""},ce={class:"pt-[80px] pb-[50px] text-center text-gray-400 flex flex-col gap-5"},_e={class:"pt-[80px] pb-[50px] text-center text-gray-400 flex flex-col gap-5 justify-center items-center"},fe={class:"flex gap-5 justify-center items-end mb-2"},me={class:"line-through text-xl"},ve={class:"font-black text-2xl"},he={class:"listview grid grid-cols-8 gap-2 mt-10"},ye=["onClick"],be=["src"],ke={class:"pagination mb-5"},we={class:"modal_layer",style:{width:"100%"}},xe={class:"modal_box !max-w-[800px]"},qe={class:"modal_box_header"},Se={class:"modal_box_contents"},De={class:"w-full flex gap-5 mb-5"},Ce={class:"max-w-[250px]"},Me=["src"],Ne={class:"grow flex flex-col self-stretch gap5"},Ee={class:"box border border-solid border-gray-300"},Te={class:"flex items-center gap-2"},Pe={class:"font-semibold text-lg"},Re=["href"],Ae={class:"box border border-solid border-gray-300 mt-3"},ze=["innerHTML"],Oe={class:"flex justify-center items-center gap-3 text-right"},Ie={class:"font-semibold text-xl"},Fe={key:0,class:"grid grid-cols-none gap-3"};function Le(e,s,E,r,T,P){var y,b,a,l,n,c,i,d,_;const C=S("SNAP_HEADER"),v=S("SNAP_MENU"),h=S("a-pagination"),M=S("SNAP_FOOTER");return u(),p(x,null,[t("div",G,[w(C),t("div",Q,[w(v),t("div",W,[t("div",X,[s[20]||(s[20]=t("div",{class:"contents_title"},[t("h1",null,"추천 크리에이터"),t("h2",null,[f(" 브랜드에 맞는 크리에이터들을 매칭하여 크리에이터 선정에 쏟는 시간을 단축시켜 드립니다."),t("br"),f(" 아래 요청사항을 작성해주시면 보다 정확한 매칭이 가능해요! ")])],-1)),t("div",Y,[t("div",$,[s[11]||(s[11]=t("div",null,"요청사항",-1)),t("div",ee,[(u(!0),p(x,null,N(e.request_tags.filter(o=>o.type==="brand"),o=>(u(),p("div",{class:"tag",key:o.name},[f(g(o.name)+" ",1),(u(),p("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",style:{width:"14px",height:"14px"},class:"cursor-pointer",onClick:k=>r.methods_for_tag.deleteTags("request",o.name)},s[10]||(s[10]=[t("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M6 18 

118 6M6 6l12 12"},null,-1)]),8,te))]))),128)),t("div",se,[m(t("input",{type:"text",placeholder:"+ 추가",onKeyup:s[0]||(s[0]=O(o=>r.methods_for_tag.HandleEnter("request",e.request_tagInput),["enter"])),"onUpdate:modelValue":s[1]||(s[1]=o=>e.request_tagInput=o)},null,544),[[z,e.request_tagInput]])])])]),t("div",ae,[s[13]||(s[13]=t("div",null,"필수태그",-1)),t("div",oe,[(u(!0),p(x,null,N(e.required_tags.filter(o=>o.type==="brand"),o=>(u(),p("div",{class:"tag02",key:o.name},[f(g(o.name)+" ",1),(u(),p("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",style:{width:"14px",height:"14px"},class:"cursor-pointer",onClick:k=>r.methods_for_tag.deleteTags("required",o.name)},s[12]||(s[12]=[t("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M6 18 18 6M6 6l12 12"},null,-1)]),8,le))]))),128)),t("div",ne,[m(t("input",{type:"text",placeholder:"+ 추가(#,@포함입력)",onKeyup:s[2]||(s[2]=O(o=>r.methods_for_tag.HandleEnter("required",e.required_tagInput),["enter"])),"onUpdate:modelValue":s[3]||(s[3]=o=>e.required_tagInput=o)},null,544),[[z,e.required_tagInput]])])])]),t("div",ie,[t("button",{type:"button",class:"btn_save",onClick:s[4]||(s[4]=(...o)=>r.methods_for_tag.sendToserver&&r.methods_for_tag.sendToserver(...o))}," 저장 ")])]),t("div",re,[t("div",de,[t("div",pe,[s[14]||(s[14]=t("div",null,"총",-1)),t("div",ge,g(e.total),1),s[15]||(s[15]=t("div",null,"건",-1))]),t("div",ue,[t("button",{type:"button",class:"btn_basic btn_BK flex gap-2 items-center",onClick:s[5]||(s[5]=o=>r.router.push("snap-creator"))}," 전체 크리에이터 보기 ")])]),m(t("div",ce,s[16]||(s[16]=[t("i",{class:"fa-regular fa-solid fa-list-check fa-2xl"},null,-1),t("div",null," 추천 크리에이터 선정 중입니다. 잠시만 기다려주세요! ",-1)]),512),[[q,e.total==0]]),m(t("div",_e,[s[17]||(s[17]=t("i",{class:"fa-solid fa-gift fa-regular fa-2xl"},null,-1)),s[18]||(s[18]=t("div",null," 아래 추천 크리에이터를 패키지로 진행해보세요! ",-1)),t("div",fe,[t("div",me,g((y=e.price_total)==null?void 0:y.toLocaleString()),1),t("div",ve," ₩"+g((b=e.price_package)==null?void 0:b.toLocaleString()),1)]),t("div",null,[t("button",{type:"button",class:"btn_basic bg_hpink text-white flex gap-2 items-center",onClick:s[6]||(s[6]=o=>r.payPackage())}," 패키지로 결제하기 ")])],512),[[q,e.is_package]]),t("div",he,[(u(!0),p(x,null,N(e.pagedata,(o,k)=>{var R,A;return u(),p("div",{class:"listview_con",key:k,onClick:je=>r.openModal(e.pagedata[k])},[t("a",null,[t("img",{src:(A=(R=o.latest_photo)==null?void 0:R.latest_photo)==null?void 0:A.photo,loading:"lazy"},null,8,be)])],8,ye)}),128))]),t("div",null,[m(t("ul",ke,[t("li",null,[w(h,{current:e.current,"onUpdate:current":s[7]||(s[7]=o=>e.current=o),onChange:r.onChange,total:e.total,defaultPageSize:e.page_size,showSizeChanger:!1,class:"custom-pagination px-3 py-1.5",href:"#","aria-label":"Previous"},{default:H(()=>s[19]||(s[19]=[t("span",{"aria-hidden":"true"},"«",-1)])),_:1},8,["current","onChange","total","defaultPageSize"])])],512),[[q,e.total>0]])])])]),w(M)])])]),m(t("div",we,[t("div",xe,[t("div",qe,[s[22]||(s[22]=t("h3",null,"추천 크리에이터",-1)),t("a",{onClick:s[8]||(s[8]=(...o)=>r.closeModal&&r.closeModal(...o))},s[21]||(s[21]=[t("i",{class:"fa-solid fa-xmark fa-2xl"},null,-1)]))]),t("div",Se,[t("div",De,[t("div",Ce,[t("img",{src:(l=(a=e.modalData.latest_photo)==null?void 0:a.latest_photo)==null?void 0:l.photo,style:{"max-height":"60vh"}},null,8,Me)]),t("div",Ne,[t("div",Ee,[t("div",Te,[t("div",Pe,g((n=e.modalData.info)==null?void 0:n.nickname),1),t("a",{target:"_blank",href:"@"+((c=e.modalData.info)==null?void 0:c.link_id)},s[23]||(s[23]=[t("i",{class:"fa-solid fa-house"},null,-1)]),8,Re)]),t("div",null,[t("span",null,g((i=e.modalData.info)==null?void 0:i.height),1),s[24]||(s[24]=f(" / ")),t("span",null,g((d=e.modalData.info)==null?void 0:d.weight),1)]),s[25]||(s[25]=t("div",{class:"border-t border-solid border-gray-300 pt-5 mt-5"},null,-1))]),t("div",Ae,[t("pre",{innerHTML:e.modalData.note},null,8,ze)])]),s[26]||(s[26]=t("div",{class:"info"},null,-1))])]),t("div",Oe,[t("div",null,g(e.modalData.type),1),t("div",Ie,[f(g((_=e.modalData.price)==null?void 0:_.toLocaleStr

1ing())+" ",1),s[27]||(s[27]=t("span",{class:"font-normal text-sm text-gray-600"},"원",-1))])]),e.is_package==!1&&e.is_load_finish==!0?(u(),p("div",Fe,[t("button",{type:"button",class:"btn_basic btn_BK",onClick:s[9]||(s[9]=o=>r.payForReview())}," 패션체험단 결제 ")])):B("",!0)])],512),[[q,e.isModalOpened]])],64)}const Je=I(Z,[["render",Le]]);export{Je as default};