https://event-us.kr/Content/dist/js/EvEventIntegration-components-…sforceRecordPreview-vue.11a8951bd6878a4b.js

1"use strict";(self["webpackChunkeventus_ui"]=self["webpackChunkeventus_ui"]||[]).push([[6179],{84221:function(e,t,a){a.r(t),a.d(t,{default:function(){return S}});a(57658);var l=a(70821);const r={class:"overflow-hidden rounded-md border"},s={class:"border-b bg-gray-50 px-4 py-3"},n={class:"text-sm text-gray-900"},i={class:"text-xs text-gray-500"},o=(0,l.createElementVNode)("div",{class:"text-xs text-gray-500"},"[email protected]",-1),c={class:"px-4 py-3"},p={class:"mb-2 text-xs text-gray-500"},d={class:"space-y-1.5"},u={class:"shrink-0 text-gray-500"},m={class:"break-all text-right text-gray-900"},v={key:0,class:"border-t px-4 py-3"},f=(0,l.createElementVNode)("div",{class:"mb-2 text-xs text-gray-500"},"연결한 필드",-1),g={class:"space-y-1.5"},x={class:"shrink-0 text-gray-500"},y={class:"font-mono"},k={class:"break-all text-right text-gray-900"},b={class:"border-t px-4 py-3"},h=(0,l.createElementVNode)("div",{class:"mb-2 text-xs text-gray-500"},"설명 (Description)",-1),E={class:"whitespace-pre-wrap break-all font-sans text-xs leading-relaxed text-gray-900"},N=(0,l.createElementVNode)("p",{class:"mt-2 text-xs text-gray-500"},"* 실제 값이 아닌 예시입니다. 좌측 스위치와 저장 위치를 바꾸면 전송되는 항목이 바뀝니다.",-1);var V={__name:"SalesforceRecordPreview",props:{preview:{type:Object,default:()=>({availableFields:[],includedFields:[],utmEnabled:!1,targetObject:"Lead",fieldMappings:[],objectFields:[]})}},setup(e){const t=e,a={name:"김이벤",email:"[email protected]",phone:"010-1234-5678",affiliation:"이벤터스",position:"프로덕트 매니저",department:"프로덕트팀2",ticket:"[VIP] 얼리버드",age:"23",gender:"남성",workExpYear:"12년",userinfo1:"샘플 응답",userinfo2:"샘플 응답",userinfo3:"샘플 응답",userinfo4:"샘플 응답",presurvey:"Q1: 매우 만족 | Q2: 추천함",referrer:"https://google.com/search?q=행사",referrerPath:"3월 인스타 캠페인"},V=(0,l.computed)((()=>new Set(t.preview.includedFields||[]))),w=(0,l.computed)((()=>new Set((t.preview.availableFields||[]).map((e=>e.key))))),S=(0,l.computed)((()=>"Contact"===t.preview.targetObject)),B=(0,l.computed)((()=>S.value?"연락처(Contact)":"리드(Lead)")),D=e=>V.value.has(e)&&w.value.has(e),F=(0,l.computed)((()=>{const e=[];return e.push({label:"이름 (Last Name)",value:D("name")?a.name:"이벤터스 참가자"}),e.push({label:"이메일 (Email)",value:a.email}),D("phone")&&e.push({label:"전화 (Phone)",value:a.phone}),S.value||e.push({label:"회사 (Company)",value:D("affiliation")?a.affiliation:"-"}),D("position")&&e.push({label:"직함 (Title)",value:a.position}),S.value&&D("department")&&e.push({label:"부서 (Department)",value:a.department}),e})),j=(0,l.computed)((()=>{const e=new Map((t.preview.objectFields||[]).map((e=>[e.name,e.label]))),l=new Map((t.preview.availableFields||[]).map((e=>[e.key,e.title])));return(t.preview.fieldMappings||[]).filter((e=>e.key&&e.field&&D(e.key)&&a[e.key])).map((t=>({field:t.field,label:e.get(t.field)||l.get(t.key)||t.key,value:a[t.key]})))})),C=(0,l.computed)((()=>{const e=["이벤터스(event-us.kr) 행사 신청자 자동 연동 — 개발자 컨퍼런스 2026"],l=(t,l)=>{D(t)&&e.push(`${l}: ${a[t]}`)};return S.value?l("affiliation","소속"):l("department","부서"),l("ticket","신청 티켓"),e.push("신청 일시: 2026-07-08 15:53 (KST)"),l("age","나이"),l("gender","성별"),l("workExpYear","연차"),l("userinfo1","기타정보1"),l("userinfo2","기타정보2"),l("userinfo3","기타정보3"),l("userinfo4","기타정보4"),l("presurvey","사전설문"),D("referrer")&&(e.push(`유입경로: ${a.referrer}`),e.push(`신청유입경로: ${a.referrerPath}`)),t.preview.utmEnabled&&e.push("유입 채널: source=google, campaign=spring_2026"),e.join("\n")}));return(e,t)=>((0,l.openBlock)(),(0,l.createElementBlock)("div",null,[(0,l.createElementVNode)("div",r,[(0,l.createElementVNode)("div",s,[(0,l.createElementVNode)("div",n,[(0,l.createTextVNode)("김이벤 "),(0,l.createElementVNode)("span",i,"(샘플 "+(0,l.toDisplayString)((0,l.unref)(B))+")",1)]),o]),(0,l.createElementVNode)("div",c,[(0,l.createElementVNode)("div",p,"표준 필드 (Salesforce "+(0,l.toDisplayString)((0,l.unref)(B))+")",1),(0,l.createElementVNode)("div",d,[((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)((0,l.unref)(F),((e,t)=>((0,l.openBlock)(),(0,l.createElementBlock)("div",{key:"s"+t,class:"flex justify-between gap-3 text-xs"},[(0,l.createElementVNode)("span",u,(0,l.toDisplayString)(e.label),1),(0,l.createElementVNode)("span",m,(0,l.toDisplayString)(e.value),1)])))),128))])]),(0,l.unref)(j).length?((0,l.openBlock)(),(0,l.createElementBlock)("div",v,[f,(0,l.createElementVNode)("div",g,[((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)((0,l.unref)(j),(e=>((0,l.openBlock)(),(0,l.createElementBlock)("div",{key:e.field,class:"flex justify-between gap-3 text-xs"},[(0,l.createElementVNode)("span",x,[(0,l.createTextVNode)((0,l.toDisplayString)(e.label)+" ",1),(0,l.createElementVNode)("span",y,(0,l.toDisplayString)(e.field),1)]),(0,l.createElementVNode)("span",k,(0,l.toDisplayString)(e.value),1)])))),128))])])):(0,l.createCommentVNode)("",!0),(0,l.createElementVNode)("div",b,[h,(0,l.createElementVNode)("pre",E,(0,l.toDisplayString)((0,l.unref)(C)),1)])]),N])

1)}};const w=V;var S=w}}]);