import{aw as e,aF as i,a_ as t,Q as a,aL as s,b0 as l,af as o}from"./vendor-element-plus.js?ver=3.2.0";import{P as d}from"./PreviewIframeBuilder.js?ver=3.2.0";import{aa as r,Y as c,Z as n,a4 as m,a2 as p,P as _,aA as h,ac as v,aR as u,a5 as w,a3 as f,a7 as b,ae as g,ay as C,ad as y}from"./vendor.js?ver=3.2.0";import{_ as k,I as $}from"./fc-bits-ui.js?ver=3.2.0";import{S as j}from"./TestEmail.js?ver=3.2.0";import{C as P}from"./CampaignSubjectLines.js?ver=3.2.0";const M={class:"fc_email_preview"},S={class:"icon"},V={class:"el-drawer__title"},z={class:"fcrm_email_preview_shell"},I={class:"fcrm_preview_toolbar"},E={class:"fcrm_preview_device_toggle"},H={class:"fcrm_device_btn_group"},B=["aria-label","aria-pressed","title"],R=["aria-label","aria-pressed","title"],T=["aria-label","aria-pressed","title"],x={class:"fcrm_device_label"},L={class:"fcrm_preview_toolbar_actions"},D={class:"icon"},O={class:"contact_selector_title"},U={class:"contact_selector_action"},A={class:"icon"},Q={class:"fcrm_preview_meta"},F={key:0},Y={key:1},Z={key:2,class:"fcrm_preview_meta_subject"},q={key:0,class:"fcrm_preview_loading"},G={key:0,class:"fc_device_notch"},J={key:1,class:"fc_device_home"},K={key:2,class:"fcrm_preview_empty"};const N=k({name:"EmailPreview",props:["campaign","show_audit","auto_load","by_campaign_id","drawer_size"],emits:["dataLoaded","modalClosed"],components:{CampaignSubjectLines:P,SendTestEmail:j,Icons:$,PreviewIframeBuilder:d,ContactSelector:k({name:"ContactSelector",props:["field","modelValue"],emits:["contactSelected","update:modelValue"],data(){return{model:this.modelValue,loading:!1,options:{},appReady:!1}},watch:{model(e){this.$emit("update:modelValue",e),this.$emit("contactSelected",this.options[e])}},methods:{fetchOptions(e){this.loading=!0,this.$get("subscribers/search-contacts",{search:e,values:this.model,load_default:!!this.field.load_default}).then(e=>{this.options=e.contacts}).catch(e=>{this.handleError(e)}).finally(()=>{this.loading=!1})}},mounted(){this.model&&"0"!=this.model||this.field.is_multiple||(this.model=""),this.field.pre_options&&this.field.pre_options.length&&this.each(this.field.pre_options,e=>{e&&e.id&&(e.id=e.id.toString(),this.options[e.id]=e)}),this.appReady=!0,this.field.load_default&&this.fetchOptions(""),this.model&&"object"!=typeof this.model&&!this.options[this.model]&&this.fetchOptions("")}},[["render",function(a,s,l,o,d,u){const w=i,f=t,b=e;return d.appReady?r((c(),n(f,{key:0,modelValue:d.model,"onUpdate:modelValue":s[0]||(s[0]=e=>d.model=e),multiple:l.field.is_multiple,filterable:"",remote:!l.field.cacheable,clearable:l.field.clearable,disabled:l.field.disabled,"reserve-keyword":"",size:l.field.size,placeholder:l.field.placeholder||a.$t("Search contact"),"remote-method":u.fetchOptions,teleported:!1!==l.field.teleported},{default:m(()=>[(c(!0),p(_,null,h(d.options,e=>(c(),n(w,{key:e.id,label:e.full_name+" ("+e.email+")",value:e.id},null,8,["label","value"]))),128))],void 0),_:1},8,["modelValue","multiple","remote","clearable","disabled","size","placeholder","remote-method","teleported"])),[[b,d.loading]]):v("",!0)}]])},data:()=>({direction:"rtl",showing_view:!1,preview_html:"",loading_preview:!1,showChanger:!1,selectedId:!1,selectedContact:!1,previewSubjects:[],previewMode:"desktop"}),computed:{previewCampaign(){return this.campaign?{...this.campaign,subjects:this.previewSubjects.length?this.previewSubjects:this.campaign.subjects||[]}:null},deviceLabel(){return{desktop:this.$t("Desktop"),tablet:this.$t("Tablet")+" · 768px",mobile:this.$t("Mobile")+" · 375px"}[this.previewMode]||""}},methods:{open(){this.showing_view=!0,this.fetchHtml()},fetchHtml(){this.shouldRefreshVisualBuilderContent()?this.refreshVisualBuilderContentBeforePreview():this.fetchPreviewHtml()},shouldRefreshVisualBuilderContent(){return!(!this.campaign||"visual_builder"!==this.campaign.design_template||this.by_campaign_id||this.loading_preview)},refreshVisualBuilderContentBeforePreview(){let e=!1;this.loading_preview=!0,this.showing_view=!0;const i=()=>{e||(e=!0,this.fetchPreviewHtml())};this.$bus.emit("getVisualData",{callback:i,reference:"update_only"}),setTimeout(i,600)},fetchPreviewHtml(){this.loading_preview=!0,this.showing_view=!0;const e=this.campaign||{},i=e.id||e.ID||null,t=e.settings||{},a=e.email_body||e.post_content||"",s=e.title||e.post_title||"",l=e.email_pre_header||e.post_excerpt||"",o={campaign:{id:i,settings:t,email_body:a,title:s,design_template:e.design_template,email_subject:e.email_subject,subjects:e.subjects||[],email_pre_header:l,utm_status:e.utm_status,utm_source:e.utm_source,utm_medium:e.utm_medium,utm_campaign:e.utm_campaign},contact_id:this.selectedId};this.by_campaign_id&&(o.campaign={id:i},o.campaign_id=i),this.$post("campaigns/email-preview-html",o).then(e=>{this.preview_html=e.preview_html,this.previewSubjects=e.subjects||[],this.$emit("dataLoaded",e)}).catch(e=>{this.handleError(e)}).finally(()=>{this.loading_preview=!1,this.showChanger=!1})},fireClose(){this.$emit("modalClosed"),this.showing_view=!1}},mounted(){window.fcAdmin&&window.fcAdmin.is_rtl&&(this.direction="ltr"),this.auto_load&&this.fetchHtml()}},[["render",function(e,i,t,d,r,_){const h=u("Icons"),k=a,$=u("contact-selector"),j=s,P=u("send-test-email"),N=u("campaign-subject-lines"),W=l,X=u("preview-iframe-builder"),ee=o;return c(),p("span",M,[t.auto_load?v("",!0):(c(),n(k,{key:0,class:b([{fc_segmented_active:r.showing_view},"fc_segmented_btn"]),size:"small",onClick:i[0]||(i[0]=e=>_.fetchHtml()),title:e.$t("Preview Email")},{default:m(()=>[w("span",S,[f(h,{"icon-name":"eye"})])],void 0),_:1},8,["class","title"])),f(ee,{direction:r.direction,class:"fc_company_info_drawer fcrm_email_preview_drawer","with-header":!0,size:t.drawer_size||"70%","append-to-body":!0,"before-close":_.fireClose,modelValue:r.showing_view,"onUpdate:modelValue":i[12]||(i[12]=e=>r.showing_view=e)},{title:m(()=>[w("div",V,[y(g(e.$t("Email Preview"))+" ",1),w("small",null,g(e.$t("For the most accurate preview, send a test email using the Quick Test button.")),1)])]),default:m(()=>[w("div",z,[w("div",I,[w("div",E,[w("div",H,[w("button",{type:"button",class:b(["fcrm_device_btn",{active:"desktop"===r.previewMode}]),onClick:i[1]||(i[1]=e=>r.previewMode="desktop"),"aria-label":e.$t("Desktop Preview"),"aria-pressed":"desktop"===r.previewMode,title:e.$t("Desktop Preview")},[f(h,{"icon-name":"desktop"})],10,B),w("button",{type:"button",class:b(["fcrm_device_btn",{active:"tablet"===r.previewMode}]),onClick:i[2]||(i[2]=e=>r.previewMode="tablet"),"aria-label":e.$t("Tablet Preview"),"aria-pressed":"tablet"===r.previewMode,title:e.$t("Tablet Preview")},[f(h,{"icon-name":"tablet"})],10,R),w("button",{type:"button",class:b(["fcrm_device_btn",{active:"mobile"===r.previewMode}]),onClick:i[3]||(i[3]=e=>r.previewMode="mobile"),"aria-label":e.$t("Mobile Preview"),"aria-pressed":"mobile"===r.previewMode,title:e.$t("Mobile Preview")},[f(h,{"icon-name":"mobile"})],10,T)]),w("span",x,g(_.deviceLabel),1)]),w("div",L,[f(k,{size:"small",disabled:r.loading_preview,onClick:i[4]||(i[4]=e=>_.fetchHtml()),style:{width:"32px"}},{default:m(()=>[w("span",D,[f(h,{"icon-name":"reload",class:b({spining:r.loading_preview})},null,8,["class"])])],void 0,!0),_:1},8,["disabled"]),f(j,{placement:"bottom-end",width:"400",visible:r.showChanger,"onUpdate:visible":i[10]||(i[10]=e=>r.showChanger=e),trigger:"manual"},{reference:m(()=>[f(k,{size:"small",onClick:i[9]||(i[9]=e=>r.showChanger=!r.showChanger)},{default:m(()=>[y(g(e.$t("Change Contact")),1)],void 0,!0),_:1})]),default:m(()=>[w("div",{class:"contact_selector",onClick:i[8]||(i[8]=C(()=>{},["stop"]))},[w("p",O,g(e.$t("Select Contact")),1),f($,{onContactSelected:i[5]||(i[5]=e=>{r.selectedContact=e}),modelValue:r.selectedId,"onUpdate:modelValue":i[6]||(i[6]=e=>r.selectedId=e),field:{clearable:!0,size:"small",load_default:!0,teleported:!1}},null,8,["modelValue"]),w("div",U,[f(k,{disabled:!r.selectedId,onClick:i[7]||(i[7]=e=>_.fetchHtml()),type:"primary",size:"small"},{default:m(()=>[w("span",A,[f(h,{"icon-name":"reload"})]),y(" "+g(e.$t("Refresh Email Preview")),1)],void 0,!0),_:1},8,["disabled"])])])],void 0,!0),_:1},8,["visible"]),_.previewCampaign?(c(),n(P,{key:0,btn_text:e.$t("Quick Test"),btn_class:"small",campaign:{email_subject:_.previewCampaign.email_subject,subjects:_.previewCampaign.subjects,email_pre_header:_.previewCampaign.email_pre_header,email_body:_.previewCampaign.email_body||_.previewCampaign.post_content,design_template:_.previewCampaign.design_template,settings:_.previewCampaign.settings}},null,8,["btn_text","campaign"])):v("",!0)])]),w("div",Q,[r.selectedContact?(c(),p("span",F,[y(g(e.$t("Showing preview for"))+" ",1),w("b",null,g(r.selectedContact.full_name)+" ("+g(r.selectedContact.email)+") ",1)])):(c(),p("span",Y,[y(g(e.$t("Showing preview for"))+" ",1),w("b",null,g(e.$t("current contact")),1)])),_.previewCampaign?(c(),p("span",Z,[f(N,{campaign:_.previewCampaign,"show-priority":!1},null,8,["campaign"])])):v("",!0)]),r.loading_preview?(c(),p("div",q,[f(W,{rows:10,animated:!0})])):r.preview_html?(c(),p("div",{key:1,class:b(["fcrm_preview_stage","fcrm_preview_stage_"+r.previewMode])},[w("div",{class:b(["fc_device_frame","fc_device_frame_"+r.previewMode])},["mobile"===r.previewMode?(c(),p("div",G)):v("",!0),f(X,{preview_html:r.preview_html,frame_height:"80vh",show_audit:t.show_audit},null,8,["preview_html","show_audit"]),"mobile"===r.previewMode?(c(),p("div",J)):v("",!0)],2)],2)):(c(),p("div",K,[w("p",null,g(e.$t("Preview Email")),1),f(k,{type:"primary",size:"small",onClick:i[11]||(i[11]=e=>_.fetchHtml())},{default:m(()=>[y(g(e.$t("Refresh Email Preview")),1)],void 0,!0),_:1})]))])],void 0),_:1},8,["direction","size","before-close","modelValue"])])}],["__scopeId","data-v-f370520c"]]);export{N as E};