https://event-us.kr/Content/dist/js/EvHostNotify-index-vue.32fcd2af35fbacd4.js

1"use strict";(self["webpackChunkeventus_ui"]=self["webpackChunkeventus_ui"]||[]).push([[1781],{95901:function(e,t,o){o.r(t),o.d(t,{default:function(){return N}});var n=o(70821),l=o(6154),a=o(39663),s=o(62107);const c={class:"flex h-[15px] w-[15px] items-center justify-center"},i={key:0,class:"flex w-full flex-col items-center space-y-6 text-center"},r=(0,n.createElementVNode)("div",null,[(0,n.createElementVNode)("div",{class:"text-lg text-gray-700"},"Slack 연결"),(0,n.createElementVNode)("div",{class:"mt-2.5 text-xs text-gray-600"},"Slack 채널에 연결하여 신청 알림을 받습니다")],-1),d=(0,n.createElementVNode)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},[(0,n.createElementVNode)("path",{d:"M8.79335 5.79199C9.22657 5.99883 9.60382 6.30661 9.89342 6.68948C10.183 7.07235 10.3765 7.51913 10.4576 7.99229C10.5388 8.46545 10.5052 8.95116 10.3596 9.40864C10.2141 9.86611 9.96093 10.282 9.62135 10.6213L6.62135 13.6213C6.05874 14.1839 5.29567 14.5 4.50002 14.5C3.70436 14.5 2.9413 14.1839 2.37869 13.6213C1.81607 13.0587 1.5 12.2956 1.5 11.5C1.5 10.7043 1.81607 9.94127 2.37869 9.37865L3.55002 8.20732M12.45 7.79265L13.6213 6.62132C14.184 6.05871 14.5 5.29564 14.5 4.49999C14.5 3.70433 14.184 2.94127 13.6213 2.37865C13.0587 1.81604 12.2957 1.49997 11.5 1.49997C10.7044 1.49997 9.9413 1.81604 9.37868 2.37865L6.37868 5.37865C6.03911 5.71799 5.78593 6.13386 5.64041 6.59134C5.49488 7.04881 5.46127 7.53453 5.5424 8.00768C5.62352 8.48084 5.81701 8.92762 6.10661 9.3105C6.39621 9.69337 6.77347 10.0011 7.20669 10.208",stroke:"white","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"})],-1),u=(0,n.createElementVNode)("span",{class:"ml-2.5"},"Slack 알림 연결하기",-1),m={key:1,class:"flex h-10 w-full items-center justify-center rounded-[10px] bg-[#4A154B]/50 text-xs text-white"},p=(0,n.createElementVNode)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",class:"animate-spin"},[(0,n.createElementVNode)("path",{d:"M8.49992 14.6666C7.58881 14.6666 6.7277 14.4916 5.91658 14.1416C5.10547 13.7916 4.39714 13.3139 3.79159 12.7083C3.18603 12.1028 2.70825 11.3944 2.35825 10.5833C2.00825 9.7722 1.83325 8.91109 1.83325 7.99998C1.83325 7.07776 2.00825 6.21387 2.35825 5.40831C2.70825 4.60276 3.18603 3.8972 3.79159 3.29165C4.39714 2.68609 5.10547 2.20831 5.91658 1.85831C6.7277 1.50831 7.58881 1.33331 8.49992 1.33331C8.68881 1.33331 8.84714 1.3972 8.97492 1.52498C9.1027 1.65276 9.16658 1.81109 9.16658 1.99998C9.16658 2.18887 9.1027 2.3472 8.97492 2.47498C8.84714 2.60276 8.68881 2.66665 8.49992 2.66665C7.02214 2.66665 5.76381 3.18609 4.72492 4.22498C3.68603 5.26387 3.16659 6.5222 3.16659 7.99998C3.16659 9.47776 3.68603 10.7361 4.72492 11.775C5.76381 12.8139 7.02214 13.3333 8.49992 13.3333C9.9777 13.3333 11.236 12.8139 12.2749 11.775C13.3138 10.7361 13.8333 9.47776 13.8333 7.99998C13.8333 7.81109 13.8971 7.65276 14.0249 7.52498C14.1527 7.3972 14.311 7.33331 14.4999 7.33331C14.6888 7.33331 14.8471 7.3972 14.9749 7.52498C15.1027 7.65276 15.1666 7.81109 15.1666 7.99998C15.1666 8.91109 14.9916 9.7722 14.6416 10.5833C14.2916 11.3944 13.8138 12.1028 13.2083 12.7083C12.6027 13.3139 11.8971 13.7916 11.0916 14.1416C10.286 14.4916 9.42214 14.6666 8.49992 14.6666Z",fill:"white"})],-1),C=(0,n.createElementVNode)("span",{class:"ml-2.5"},"연결 대기 중...",-1),v=[p,C],g=(0,n.createElementVNode)("div",{class:"text-[10px] text-gray-500"},[(0,n.createTextVNode)(" 연결하면 선택한 채널로 신청 발생 알림을 받습니다."),(0,n.createElementVNode)("br"),(0,n.createTextVNode)(" 신청자 개인정보(이름·이메일 등)는 전송되지 않습니다. ")],-1),x={key:1,class:"flex w-full flex-col items-center space-y-6 text-center"},f=(0,n.createElementVNode)("div",null,[(0,n.createElementVNode)("div",{class:"text-lg text-gray-700"},"Slack 연결 중"),(0,n.createElementVNode)("div",{class:"mt-2.5 text-xs text-gray-600"},[(0,n.createTextVNode)(" 연결을 확인하고 있습니다."),(0,n.createElementVNode)("br"),(0,n.createTextVNode)(" 잠시만 기다려주ì

1„¸ìš”. ")])],-1),h=(0,n.createElementVNode)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"30",height:"30",viewBox:"0 0 30 30",fill:"none",class:"animate-spin"},[(0,n.createElementVNode)("path",{d:"M15 27.5C13.2917 27.5 11.6771 27.1719 10.1562 26.5156C8.63542 25.8594 7.30729 24.9635 6.17188 23.8281C5.03646 22.6927 4.14062 21.3646 3.48438 19.8438C2.82812 18.3229 2.5 16.7083 2.5 15C2.5 13.2708 2.82812 11.651 3.48438 10.1406C4.14062 8.63021 5.03646 7.30729 6.17188 6.17188C7.30729 5.03646 8.63542 4.14062 10.1562 3.48438C11.6771 2.82812 13.2917 2.5 15 2.5C15.3542 2.5 15.651 2.61979 15.8906 2.85938C16.1302 3.09896 16.25 3.39583 16.25 3.75C16.25 4.10417 16.1302 4.40104 15.8906 4.64062C15.651 4.88021 15.3542 5 15 5C12.2292 5 9.86979 5.97396 7.92188 7.92188C5.97396 9.86979 5 12.2292 5 15C5 17.7708 5.97396 20.1302 7.92188 22.0781C9.86979 24.026 12.2292 25 15 25C17.7708 25 20.1302 24.026 22.0781 22.0781C24.026 20.1302 25 17.7708 25 15C25 14.6458 25.1198 14.349 25.3594 14.1094C25.599 13.8698 25.8958 13.75 26.25 13.75C26.6042 13.75 26.901 13.8698 27.1406 14.1094C27.3802 14.349 27.5 14.6458 27.5 15C27.5 16.7083 27.1719 18.3229 26.5156 19.8438C25.8594 21.3646 24.9635 22.6927 23.8281 23.8281C22.6927 24.9635 21.3698 25.8594 19.8594 26.5156C18.349 27.1719 16.7292 27.5 15 27.5Z",fill:"#171717"})],-1),w=[f,h];var k={__name:"SlackOAuthModal",props:{open:{type:Boolean,default:!1},detailUrl:{type:String,required:!0}},emits:["close"],setup(e){const t=e,{services:o}=(0,a.Z)(),{subdomain:p,projectid:C}=(0,s.Z)(),f=(0,n.ref)(0),h=(0,n.computed)((()=>o.value.slackoauth));let k=!1;function y(){const e=`/EventIntegration/SlackOAuth/Authorize?subDomain=${encodeURIComponent(p.value)}&projectId=${encodeURIComponent(C.value)}`,t=600,o=720,n=void 0!==window.screenLeft?window.screenLeft:window.screenX,l=void 0!==window.screenTop?window.screenTop:window.screenY,a=window.innerWidth||document.documentElement.clientWidth||screen.width,s=window.innerHeight||document.documentElement.clientHeight||screen.height,c=n+(a-t)/2,i=l+(s-o)/2,r=[`width=${t}`,`height=${o}`,`left=${c}`,`top=${i}`].join(","),d=window.open(e,"",r);if(!d)return void ui.alert("팝업이 차단되어 있습니다. 팝업 설정을 허용해주세요.");f.value=1;const u=setInterval((()=>{d.closed&&(clearInterval(u),1===f.value&&(f.value=0))}),1e3);k||(k=!0,window.addEventListener("googleAuthResult",(e=>{"success"===e.detail&&(clearInterval(u),f.value=2,N())})))}async function N(){try{const e=await l.Z.get("/EventIntegration/SlackOAuth/IntegrationInfo/List",{params:{subDomain:p.value,projectId:C.value}}),o=e.data?.success&&e.data.data||[];o.length?location.href=t.detailUrl:(f.value=0,ui.alert("연결을 확인하지 못했습니다. 다시 시도해주세요."))}catch(e){f.value=0,ui.alert("연결 확인 중 오류가 발생했습니다.")}}return(t,o)=>{const l=(0,n.resolveComponent)("ev-button"),a=(0,n.resolveComponent)("ev-modal"),s=(0,n.resolveDirective)("dompurify-html");return(0,n.openBlock)(),(0,n.createBlock)(a,{class:"flex max-w-[448px] flex-col items-center",open:e.open,onClose:o[0]||(o[0]=e=>t.$emit("close"))},{default:(0,n.withCtx)((()=>[(0,n.createElementVNode)("div",{class:(0,n.normalizeClass)(["flex h-[50px] w-[50px] items-center justify-center rounded-full",(0,n.unref)(h).logoBgColorClass])},[(0,n.withDirectives)((0,n.createElementVNode)("div",c,null,512),[[s,(0,n.unref)(h).logoSvg]])],2),f.value<=1?((0,n.openBlock)(),(0,n.createElementBlock)("div",i,[r,0===f.value?((0,n.openBlock)(),(0,n.createBlock)(l,{key:0,class:"h-10 rounded-[10px] bg-[#4A154B] text-xs text-white",onClick:y},{default:(0,n.withCtx)((()=>[d,u])),_:1})):1===f.value?((0,n.openBlock)(),(0,n.createElementBlock)("div",m,v)):(0,n.createCommentVNode)("",!0),g])):2===f.value?((0,n.openBlock)(),(0,n.createElementBlock)("div",x,w)):(0,n.createCommentVNode)("",!0)])),_:1},8,["open"])}}};const y=k;var N=y},45190:function(e,t,o){o.r(t),o.d(t,{default:function(){return k}});var n=o(70821),l=o(6154),a=o(89863),s=o(95901),c=o(39663),i=o(62107);const r=(0,n.createElementVNode)("div",{class:"flex items-center space-x-1"},[(0,n.createElementVNode)("h1",{class:"text-xl"},"호스트 알림 설정")],-1),d=(0,n.createElementVNode)("div",{class:"mt-2.5 text-xs text-gray-500"}

1,"참가자가 신청하면 설정한 채널로 알림을 받을 수 있습니다.",-1),u={class:"mt-6 grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-4"},m={key:0,class:"absolute right-3 top-3 rounded-md border border-success-200 bg-[#DCFCE7] px-2 py-0.5 text-xs leading-[19px] text-success-500"},p={key:1,class:"absolute right-3 top-3 rounded-md border border-warning-900 bg-warning-50 px-2 py-0.5 text-xs leading-[19px] text-danger-900"},C={class:"flex flex-col items-center"},v={class:"flex h-[30px] w-[30px] items-center justify-center"},g={class:"mt-4 text-gray-900"},x={class:"mt-1 text-gray-500"},f={class:"mt-6 flex items-center space-x-2.5"};var h={__name:"index",props:{subdomain:{type:String,required:!0},projectid:{type:String,required:!0}},setup(e){const t=e,{setSubdomain:o,setProjectid:h}=(0,i.Z)(),{services:w}=(0,c.Z)();o(t.subdomain),h(t.projectid);const k=`/hostcenter/channel/${t.subdomain}/${t.projectid}`,y={notify:"basic",googlesheets:"googlesheet",slackoauth:"slack"};function N(e){return`${k}/set/hostnotify/${y[e]}`}const E=(0,n.ref)({googlesheets:!1,slackoauth:!1});function V(e){return"connected"===e||"inprogress"===e}function b(e){location.href=N(e)}function B(e){E.value[e]=!0}function S(e){ui.alert({title:"정말 연동을 해제하시겠습니까?",confirmTheme:"delete",confirmTitle:"해제하기",onConfirm:()=>j(e)})}async function j(e){if("googlesheets"!==e)"slackoauth"===e&&(location.href=N(e));else{const e=await l.Z.post("/EventIntegration/RevokeGoogleSheetsAccess",{subdomain:t.subdomain,projectid:t.projectid});e.data?.success?(ui.alert("연동이 해제되었습니다."),L()):ui.alert("연동 해제에 실패했습니다.")}}async function _(){const e=await l.Z.get("/eventIntegration/getIntegrationState",{params:{subdomain:t.subdomain,projectid:t.projectid}}),{success:o,data:n}=e.data;if(!o)return;const a={2:"connected",1:"inprogress",0:"disconnected"};w.value.googlesheets.state=a[n.GoogleSheets]||"disconnected",w.value.slackoauth.state=a[n.SlackOAuth]||"disconnected"}async function I(){const e=await l.Z.get(`${k}/set/hostnotify/get`),t=e.data&&e.data.noti;t&&("kakao"===t.NotifyChannel?(w.value.notify.state="connected",w.value.notify.stateLabel="알림톡 사용 중"):"email"===t.NotifyChannel?(w.value.notify.state="connected",w.value.notify.stateLabel="이메일 사용 중"):(w.value.notify.state="disconnected",w.value.notify.stateLabel=""))}function L(){_(),I()}return L(),(e,t)=>{const o=(0,n.resolveComponent)("ev-button"),l=(0,n.resolveDirective)("dompurify-html");return(0,n.openBlock)(),(0,n.createElementBlock)("div",null,[r,d,(0,n.createElementVNode)("div",u,[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)((0,n.unref)(w),(e=>((0,n.openBlock)(),(0,n.createElementBlock)("div",{key:e.id,class:"relative flex flex-col justify-between rounded-[10px] border p-6 hover:shadow-[0px_10px_18px_0px_rgba(0,0,0,0.10)]"},["connected"===e.state?((0,n.openBlock)(),(0,n.createElementBlock)("div",m,(0,n.toDisplayString)(e.stateLabel||"연동 중"),1)):"inprogress"===e.state?((0,n.openBlock)(),(0,n.createElementBlock)("div",p," 추가 설정 필요 ")):(0,n.createCommentVNode)("",!0),(0,n.createElementVNode)("div",C,[(0,n.createElementVNode)("div",{class:(0,n.normalizeClass)(["flex h-[60px] w-[60px] items-center justify-center rounded-full",e.logoBgColorClass])},[(0,n.withDirectives)((0,n.createElementVNode)("div",v,null,512),[[l,e.logoSvg]])],2),(0,n.createElementVNode)("div",g,(0,n.toDisplayString)(e.name),1),(0,n.createElementVNode)("div",x,(0,n.toDisplayString)(e.description),1)]),(0,n.createElementVNode)("div",f,["notify"===e.id||

1V(e.state)?((0,n.openBlock)(),(0,n.createBlock)(o,{key:0,class:(0,n.normalizeClass)("notify"===e.id?"text-primary-600 shadow-none":"bg-gray-900 text-white shadow-none"),small:"",onClick:t=>b(e.id)},{default:(0,n.withCtx)((()=>[(0,n.createTextVNode)((0,n.toDisplayString)("notify"===e.id?"설정하기":"설정"),1)])),_:2},1032,["class","onClick"])):(0,n.createCommentVNode)("",!0),"notify"!==e.id&&V(e.state)?((0,n.openBlock)(),(0,n.createBlock)(o,{key:1,class:"text-danger-500 shadow-none",small:"",onClick:t=>S(e.id)},{default:(0,n.withCtx)((()=>[(0,n.createTextVNode)("연동해제")])),_:2},1032,["onClick"])):(0,n.createCommentVNode)("",!0),"notify"!==e.id&&"disconnected"===e.state?((0,n.openBlock)(),(0,n.createBlock)(o,{key:2,class:"text-primary-600 shadow-none",small:"",onClick:t=>B(e.id)},{default:(0,n.withCtx)((()=>[(0,n.createTextVNode)("연동하기")])),_:2},1032,["onClick"])):(0,n.createCommentVNode)("",!0)])])))),128))]),(0,n.createVNode)(a["default"],{open:E.value.googlesheets,"detail-url":N("googlesheets"),onClose:t[0]||(t[0]=e=>E.value.googlesheets=!1),onChange:L},null,8,["open","detail-url"]),(0,n.createVNode)(s["default"],{open:E.value.slackoauth,"detail-url":N("slackoauth"),onClose:t[1]||(t[1]=e=>E.value.slackoauth=!1),onChange:L},null,8,["open","detail-url"])])}}};const w=h;var k=w}}]);