https://snapbox.ai/assets/Cafe24SnapSetting-DkyPxd4O.js

1import{_ as E,m as T,o as C,p as U,c as O,b as e,h,e as c,t as r,w as n,v as d,I as u,d as m,n as j,F as V,u as F,E as M,A as D,j as k,g as G}from"./index-GRB8Jcml.js";import{S as I,a as $,b as H,r as B,c as L}from"./snap_footer-B9eSqtLO.js";import{U as Y}from"./UserService-B39Vk0W_.js";import{S as R}from"./Cafe24Service-JcfuYLwI.js";/* empty css             */const z={name:"SnapSetting",components:{SNAP_MENU:I,SNAP_HEADER:$,SNAP_FOOTER:H},setup(){const t=T({price:{payment1:0,payment2:33e3,payment3:55e3,payment4:99e3,payment5:399e3},rules:[""],modal_update_subscription:!1,modal_cancel_subscription:!1,modal_add_auto:!1,current_payment:{payment_type:""},selected:{payment_value:0,payment_type:"",price:""},is_toss:"F"});function s(a){let l="",i=0;switch(a=Number(a),a){case 0:l="Free",i=t.price.payment1;break;case 1:l="Start",i=t.price.payment2;break;case 2:l="Basic",i=t.price.payment3;break;case 3:l="Pro",i=t.price.payment4;break;case 4:l="Business",i=t.price.payment5;break}return{payment_type:l,price:i}}const w=F();function f(a,l){const i={0:0,1:1,2:2,3:3};return i[l]<i[a]?(alert("현재보다 낮은 금액의 요금제로는 변경이 불가합니다."),!1):!0}let S=()=>

1{if(t.selected.payment_value==="")return alert("변경할 요금제를 선택해주세요."),!1;if(t.current_payment.payment_value==t.selected.payment_value)return alert("현재 이용중인 이용권입니다."),!1;let{payment_type:a,price:l}=s(t.selected.payment_value);t.selected.payment_type=a,t.selected.price=l,t.is_toss=="T"&&t.selected.payment_value==3&&(t.selected.price=39600),f(t.current_payment.payment_value,t.selected.payment_value)&&(t.modal_update_subscription=!0)};function A(a){return confirm("카페24 로그인 연동시간이 만료되어 상품목록을 가져올 수 없습니다. 카페24에서 다시 로그인 후에 스냅박스 앱 관리를 실행해주세요. 카페24 로그인 페이지로 이동하시겠습니까? ")&&(location.href=a),!1}let _=()=>{if(t.rules.indexOf("rule1")==-1||t.rules.indexOf("rule2")==-1)return alert("약관에 동의해주세요."),!1;if(t.selected.payment_value==0){if(!confirm("결제하시겠습니까?"))return;let a=M().format("YYMMDDHHmm"),l=Math.floor(1e4+Math.random()*9e4),p={order_id:a+""+l};L.freeService(p).then(o=>{console.log(o),o.status==200&&(alert("구매되었습니다."),B())}).catch(o=>{console.log(o)})}else{if(!confirm("결제페이지로 이동하시겠습니까?"))return;let a={amount:t.selected.price,payment_value:t.selected.payment_value,is_auto:1,name:t.selected.payment_type};R.pay(a).then(l=>{var N;console.log(l);const{code:i,msg:p,url:o}=l.data||{};if(i==="F"&&p==="invalid access token")return A(o);{let b=(N=l.data)==null?void 0:N.order,P=b==null?void 0:b.confirmation_url;P&&(window.location.href=P)}}).catch(l=>{console.log(l)})}};const x=(a,l)=>{if(l)t.rules.includes(a)||t.rules.push(a);else{const i=t.rules.indexOf(a);i!==-1&&t.rules.splice(i,1)}};function g(){Y.myinfo().then(a=>{var l;console.log(a),t.is_toss=(l=a.data)==null?void 0:l.is_toss}).catch(a=>{console.log(a)})}function v(a=0){const p=D.getCookie("snap_payment");if(p){if(t.current_payment=p,t.current_payment){let{price:o}=s(t.current_payment.payment_value);t.current_payment.current_price=o,t.current_payment.payment_value==0&&(t.current_payment.expiry_date="")}}else a<3&&setTimeout(()=>v(a+1),500)}async function y(){const a=await R.payList(),{payments:l}=a.data||{};console.log(l),B()}return C(()=>{console.log("mounted!");const a=window.location.href,l=new URL(a);new URLSearchParams(l.search).get("result")==="success"?(alert("결제가 완료되었습니다."),y()):(g(),B(!0),v())}),{router:w,fetch,...U(t),buySubscription:_,clickBuySubscription:S,updateRule:x}}},K={class:"dashboard_body flex flex-col"},q={class:"contents_box w-full flex justify-start grow"},J={class:"contents_area grow p-8"},Q={class:"con grow"},W={class:"box mb-8"},X={class:"flex items-center mb-3",style:{display:"block"}},Z={class:"flex items-center mb-3"},ee={class:"text_pink text-[32px] font-extrabold"},se={class:"text_pink",style:{"font-weight":"400"}},te={class:"flex items-center mb-3"},ae={class:"flex gap-2 items-center"},le={class:"mr-3"},ie={class:"flex gap-2 items-center"},ne={class:"mr-3"},de={class:"flex gap-2 items-center"},oe={class:"mr-3 ml-3"},ce={class:"box flex flex-col gap-7 !p-10"},pe={class:"snapBuy grid grid-cols-5 gap-5"},re={for:"snapBuy01"},fe={class:"tag"},ve={for:"snapBuy02"},ue={class:"tag"},me={for:"snapBuy03"},ye={class:"tag"},_e={for:"snapBuy04"},xe={class:"tag_event"},ge={class:"tag"},be={class:"flex flex-col gap-2"},he={class:"flex flex-col gap-2 min-h-[210px]"},ke={class:"snapBuy_price flex flex-col justify-end"},Be={class:"snapBuy_price flex flex-col justify-end toss"},we={for:"snapBuy05"},Se={class:"tag"},Ae={class:"text-center"},Ne={class:"modal_layer",id:"modal_snapchange"},Pe={class:"modal_box"},Re={class:"modal_box_header"},Ee={class:"modal_box_contents"},Te={class:"flex gap-2"},Ce={class:"font-bold"},Ue={class:"flex gap-2 mt-1 mb-8"},Oe={class:"font-bold"},je={class:"flex flex-col gap-1 ml-1 mb-1"},Ve={class:"flex items-center gap-2"},Fe={class:"flex items-center gap-2"},Me={class:"grid grid-rows-1 gap-1 mt-3"};function De(t,s,w,f,S,A){var v,y;const _=k("SNAP_HEADER"),x=k("SNAP_MENU"),g=k("SNAP_FOOTER");return G(),O(V,null,[e("div",K,[h(_),e("div",q,[h(x),e("div",J,[e("div",Q,[s[26]||(s[26]=e("div",{class:"contents_title"},[e("h1",null,"스냅설정")],-1)),e("div",W,[e("div",X,[e("div",Z,[s[11]||(s[11]=e("h2",{class:"w-[120px]"},"나의 스냅타입",-1)),e("div",ee,[c(r(t.current_payment.payment_type)+" ",1),n(e("span",se,"promotion",512),[[d,t.current_payment.is_promotion=="T"]])])]),e("div",te,[s[12]||(s[12]=e("h2",{class:"w-[120px]"},"사용기한",-1)),n(e("div",ae,[e("div",le,r(t.current_payment.expiry_date),1)],512),[[d,t.current_payment.expiry_date]]),e("div",ie,[e("div",ne,r(t.current_payment.is_auto==1&&t.current_payment.is_auto_cancel==0?"자동결제 이용 중 ":"자동결제 이용 안 함 "),1),e("button",{type:"button",class:"border border-solid border-gray-300 rounded-md px-3 py-1",onClick:s[0]||(s[0]=a=>this.$router.push("/pay-list"))}," 결제내역 ")]),n(e("div",de,[e("div",oe,r(t.current_payment.end_date),1)],512),[[d,t.current_payment.is_auto==0]])])])]),e("div",ce,[e("div",pe,[n(e("input",{type:"radio",id:"snapBuy01",name:"snapBuy","onUpdate:modelValue":s[1]||(s[1]=a=>t.selected.payment_value=a),value:"0"},null,512),[[u,t.selected.payment_value]]),e("label",re,[n(e("div",fe," 이용중 ",512),[[d,t.current_payment.payment_value==0]]),s[13]||(s[13]=m('<div class="flex flex-col gap-2"><div class="flex flex-col gap-2 min-h-[210px]"><div class="rounded-full text-white py-1 px-4 inline-block max-w-fit">   </div><div>콘텐츠 도입을 시작하는 쇼핑몰</div><div class="snapBuy_title font-black pt-2 pb-3 grow">

1 Free </div><div class="snapBuy_price flex flex-col justify-end"><div class=""> </div><div class="text-sm text-red-600">   </div><div class="font-bold">0</div></div></div><div class="snapBuy_content flex flex-col gap-1"><div class="flex gap-2 items-start"><i class="fa-solid fa-check pt-1"></i>제품 1건 스냅박스 적용 </div><div class="flex gap-2 items-start"><i class="fa-solid fa-check pt-1"></i>콘텐츠 구매 기능 </div><div class="flex gap-2 items-start"><i class="fa-solid fa-check pt-1"></i>동영상 1개 등록 무료 </div><div class="flex gap-2 items-start"><i class="fa-solid fa-check pt-1"></i>스냅링크 3건 제공 </div><div class="flex gap-2 items-start"><i class="fa-solid fa-check pt-1"></i>드랍쉬핑 무료 무제한 </div></div></div>',1))]),n(e("input",{type:"radio",id:"snapBuy02",name:"snapBuy","onUpdate:modelValue":s[2]||(s[2]=a=>t.selected.payment_value=a),value:"1"},null,512),[[u,t.selected.payment_value]]),e("label",ve,[n(e("div",ue," 이용중 ",512),[[d,t.current_payment.payment_value==1]]),s[14]||(s[14]=m('<div class="flex flex-col gap-2"><div class="flex flex-col gap-2 min-h-[210px]"><div class="rounded-full bg-black text-white py-1 px-4 inline-block max-w-fit text-sm"> 보관기능 1GB </div><div> 콘텐츠 활용을 본격화하는 브랜드 </div><div class="snapBuy_title font-black pt-2 pb-3 grow"> START </div><div class="snapBuy_price flex flex-col justify-end"><div class="line-through"> 99,000 </div><div class="text-sm text-red-600"> 오픈기념 이벤트 </div><div class="font-bold">33,000</div></div></div><div class="snapBuy_content flex flex-col gap-1"><div class="flex gap-2 items-start"><i class="fa-solid fa-check pt-1"></i>콘텐츠 보관 가능 용량 1GB </div><div class="flex gap-2 items-start"><i class="fa-solid fa-check pt-1"></i>콘텐츠 구매 기능 </div><div class="flex gap-2 items-start"><i class="fa-solid fa-check pt-1"></i>제품 무제한 스냅박스 적용 </div><div class="flex gap-2 items-start"><i class="fa-solid fa-check pt-1"></i>동영상 개수 무제한 / 월 1,000분 제공 </div><div class="flex gap-2 items-start"><i class="fa-solid fa-check pt-1"></i>스냅링크 10건 제공 </div><div class="flex gap-2 items-start"><i class="fa-solid fa-check pt-1"></i>드랍쉬핑 무료 무제한 </div></div></div>',1))]),n(e("input",{type:"radio",id:"snapBuy03",name:"snapBuy","onUpdate:modelValue":s[3]||(s[3]=a=>t.selected.payment_value=a),value:"2"},null,512),[[u,t.selected.payment_value]]),e("label",me,[n(e("div",ye," 이용중 ",512),[[d,t.current_payment.payment_value==2]]),s[15]||(s[15]=m('<div class="flex flex-col gap-2"><div class="flex flex-col gap-2 min-h-[210px]"><div class="rounded-full bg-black text-white py-1 px-4 inline-block max-w-fit text-sm"> 보관기능 3GB </div><div>콘텐츠 노출을 확장하는 브랜드</div><div class="snapBuy_title font-black pt-2 pb-3 grow"> BASIC </div><div class="snapBuy_price flex flex-col justify-end"><div class="line-through"> 129,000 </div><div class="text-sm text-red-600"> 오픈기념 이벤트 </div><div class="font-bold">55,000</div></div></div><div class="snapBuy_content flex flex-col gap-1"><div class="flex gap-2 items-start"><i class="fa-solid fa-check pt-1"></i>콘텐츠 보관 가능 용량 3GB </div><div class="flex gap-2 items-start"><i class="fa-solid fa-check pt-1"></i>콘텐츠 구매 기능 </div><div class="flex gap-2 items-start"><i class="fa-solid fa-check pt-1"></i>제품 무제한 스냅박스 적용 </div><div class="flex gap-2 items-start"><i class="fa-solid fa-check pt-1"></i>동영상 개수 무제한 / 월 3,000분 제공 </div><div class="flex gap-2 items-start"><i class="fa-solid fa-check pt-1"></i>스냅링크 30건 제공 </div><div class="flex gap-2 items-start"><i class="fa-solid fa-check pt-1"></i>드랍쉬핑 무료 무제한 </div></div></div>',1))]),n(e("input",{type:"radio",id:"snapBuy04",name:"snapBuy","onUpdate:modelValue":s[4]||(s[4]=a=>t.selected.payment_value=a),value:"3"},null,512),[[u,t.selected.payment_value]]),e("label",_e,[n(e("div",xe,s[16]||(s[16]=[c(" 토스"),e("br",null,null,-1),c("특전 ")]),512),[[d,t.is_toss==="T"]]),n(e("div",ge," 이용중 ",512),[[d,t.current_payment.payment_value==3]]),e("div",be,[e("div",he,[

1s[20]||(s[20]=e("div",{class:"rounded-full bg-black text-white py-1 px-4 inline-block max-w-fit text-sm"}," 보관기능 5GB ",-1)),s[21]||(s[21]=e("div",null,"전환 구조를 고도화하는 브랜드",-1)),s[22]||(s[22]=e("div",{class:"snapBuy_title font-black pt-2 pb-3 grow"}," PRO ",-1)),e("div",ke,[s[17]||(s[17]=e("div",{class:"line-through"}," 198,000 ",-1)),s[18]||(s[18]=e("div",{class:"text-sm text-red-600"}," 오픈기념 이벤트 ",-1)),e("div",{class:j({"font-bold":!0,"line-through":t.is_toss==="T"})}," 99,000 ",2)]),n(e("div",Be,s[19]||(s[19]=[e("div",{class:"text-sm font-bold text_hpink"}," 토스특전 60% 할인적용 12개월 제공 ",-1),e("div",{class:"font-bold"},"39,600",-1)]),512),[[d,t.is_toss==="T"]])]),s[23]||(s[23]=m('<div class="snapBuy_content flex flex-col gap-1"><div class="flex gap-2 items-start"><i class="fa-solid fa-check pt-1"></i>콘텐츠 보관 가능 용량 5GB </div><div class="flex gap-2 items-start"><i class="fa-solid fa-check pt-1"></i>콘텐츠 구매 기능 </div><div class="flex gap-2 items-start"><i class="fa-solid fa-check pt-1"></i>제품 무제한 스냅박스 적용 </div><div class="flex gap-2 items-start"><i class="fa-solid fa-check pt-1"></i> 동영상 개수 무제한 / 월 10,000분 제공 </div><div class="flex gap-2 items-start"><i class="fa-solid fa-check pt-1"></i>스냅링크 50건 제공 </div><div class="flex gap-2 items-start"><i class="fa-solid fa-check pt-1"></i>드랍쉬핑 무료 무제한 </div></div>',1))])]),n(e("input",{type:"radio",id:"snapBuy05",name:"snapBuy","onUpdate:modelValue":s[5]||(s[5]=a=>t.selected.payment_value=a),value:"4"},null,512),[[u,t.selected.payment_value]]),e("label",we,[n(e("div",Se," 이용중 ",512),[[d,t.current_payment.payment_value==4]]),s[24]||(s[24]=m('<div class="flex flex-col gap-2"><div class="flex flex-col gap-2 min-h-[210px]"><div class="rounded-full bg-black text-white py-1 px-4 inline-block max-w-fit text-sm"> 콘텐츠 보관기능 50GB </div><div> 콘텐츠 기반 D2C를 구축하는 브랜드 </div><div class="snapBuy_title font-black pt-2 pb-3 grow"> BUSINESS </div><div class="snapBuy_price flex flex-col justify-end"><div class="line-through"> 900,000 </div><div class="text-sm text-red-600"> 오픈기념 이벤트 </div><div class="font-bold">399,000</div></div></div><div class="snapBuy_content flex flex-col gap-1"><div class="flex gap-2 items-start"><i class="fa-solid fa-check pt-1"></i>콘텐츠 보관 가능 용량 50GB </div><div class="flex gap-2 items-start"><i class="fa-solid fa-check pt-1"></i>콘텐츠 구매 기능 </div><div class="flex gap-2 items-start"><i class="fa-solid fa-check pt-1"></i>제품 무제한 스냅박스 적용 </div><div class="flex gap-2 items-start"><i class="fa-solid fa-check pt-1"></i>동영상 개수 무제한 / 월 100,000분 제공 </div><div class="flex gap-2 items-start"><i class="fa-solid fa-check pt-1"></i>스냅링크 무제한 제공 </div><div class="flex gap-2 items-start"><i class="fa-solid fa-check pt-1"></i>드랍쉬핑 무료 무제한 </div></div></div>',1))])]),e("div",null,[s[25]||(s[25]=e("ul",{class:"ul_notice mb-10"},[e("li",null," 스냅박스 이용은 결제일로 부터 사용 가능합니다. "),e("li",null," 이용권 구매 후, 업그레이드 하고 싶으신 경우 [카페24 스토어에서 환불 신청]후 변경하고자 하는 요금제를 다시 결제해주시기 바랍니다. "),e("li",null,[c(" 서비스의 제공이 개시되는 것은 전자상거래등에서의 소비자보호에 관한 법률 상 '용역 또는 디지털콘텐츠의 제공'이 개시된 경우로서 사업자의 의사에 반해서는"),e("br"),c("주문 취소 및 반품/환불을 할 수 없습니다. 따라서 스냅박스 월 이용 서비스 해지 시, 구독 서비스 시작일 또는 갱신일부터 서비스 해지월까지의 이용료는 환불이 불가합니다. ")]),e("li",null," 안정적인 스냅박스 제공을 위하여 스냅박스의 내용, 운영상 또는 기술상 사항 등이 사전고지 후 변경될 수 있습니다. ")],-1)),e("div",Ae,[e("button",{type:"button",class:"btn_basic btn_BK",onClick:s[6]||(s[6]=a=>f.clickBuySubscription())}," 스냅타입 변경하기 ")])])])]),h(g)])])]),n(e("div",Ne,[e("div",Pe,[e("div",Re,[s[28]||(s[28]=e("h3",null,"스냅박스 변경하기",-1)),e("a",{onClick:s[7]||(s[7]=a=>t.modal_update_subscription=!1)},s[27]||(s[27]=[e("i",{class:"fa-solid fa-xmark fa-2xl"},null,-1)]))]),e("div",Ee,[e("div",Te,[s[29]||(s[29]=e("div",{class:"text-gray-400 w-[100px]"},"변경할 스냅타입",-1)),e("div",Ce,r(t.selected.payment_type),1)]),e("div",Ue,[s[30]||(s[30]=e("div",{class:"text-gray-400 w-[100px]"},"스냅 이용금액",-1)),e("div",Oe," 월 "+r((v=t.selected.price)==null?void 0:v.toLocaleStr

1ing()),1)]),e("div",je,[e("div",Ve,[e("input",{type:"checkbox",id:"check01",onChange:s[8]||(s[8]=a=>f.updateRule("rule1",a.target.checked))},null,32),s[31]||(s[31]=e("label",{for:"check01",style:{padding:"0"}},[e("a",{href:"/rule",target:"_blank",class:"underline"},"이용약관"),c("에 동의합니다. ")],-1))]),e("div",Fe,[e("input",{type:"checkbox",id:"check02",onChange:s[9]||(s[9]=a=>f.updateRule("rule2",a.target.checked))},null,32),s[32]||(s[32]=e("label",{for:"check02",style:{padding:"0"}},[e("a",{href:"/privacy",target:"_blank",class:"underline"},"개인정보 취급방침"),c("에 동의합니다. ")],-1))])])]),e("div",Me,[e("button",{type:"button",class:"btn_basic btn_border hover:bg-black hover:text-white",onClick:s[10]||(s[10]=a=>f.buySubscription())},[s[33]||(s[33]=e("b",{class:"text_hpink"},"자동결제",-1)),c(" 월 "+r((y=t.selected.price)==null?void 0:y.toLocaleString())+"원 ",1)])])])],512),[[d,t.modal_update_subscription]])],64)}const Ye=E(z,[["render",De]]);export{Ye as default};