import{bh as e,G as t,P as i,b1 as a,bk as l,v as s,d as o,J as d,Q as r,o as c}from"./vendor-element-plus.js?ver=3.0.6";import{c6 as n,b1 as m,y as p,c5 as _,A as h,F as v,bg as u,z as w,bi as f,J as b,aO as g,x as y,br as k,c8 as C,I as $}from"./vendor.js?ver=3.0.6";import{P}from"./PreviewIframeBuilder.js?ver=3.0.6";import{_ as V,I as M}from"./fc-bits-ui.js?ver=3.0.6";import{S as z}from"./TestEmail.js?ver=3.0.6";const I={class:"fc_email_preview"},S={class:"el-drawer__title"},E={class:"fcrm_email_preview_shell"},j={class:"fcrm_preview_toolbar"},H={class:"fcrm_preview_device_toggle"},x={class:"fcrm_device_btn_group"},B=["aria-label","aria-pressed","title"],R=["aria-label","aria-pressed","title"],T=["aria-label","aria-pressed","title"],D={class:"fcrm_device_label"},O={class:"fcrm_preview_toolbar_actions"},L={class:"icon"},U={class:"contact_selector_title"},A={class:"contact_selector_action"},Q={class:"icon"},F={class:"fcrm_preview_meta"},J={key:0},G={key:1},q={key:0,class:"fcrm_preview_loading"},K={key:0,class:"fc_device_notch"},N={key:1,class:"fc_device_home"},W={key:2,class:"fcrm_preview_empty"};const X=V({name:"EmailPreview",props:["campaign","show_audit","auto_load","by_campaign_id"],emits:["dataLoaded","modalClosed"],components:{SendTestEmail:z,Icons:M,PreviewIframeBuilder:P,ContactSelector:V({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,l,s,o,d,r){const c=t,f=i,b=e;return d.appReady?n((m(),p(f,{key:0,modelValue:d.model,"onUpdate:modelValue":l[0]||(l[0]=e=>d.model=e),multiple:s.field.is_multiple,filterable:"",remote:!s.field.cacheable,clearable:s.field.clearable,disabled:s.field.disabled,"reserve-keyword":"",size:s.field.size,placeholder:s.field.placeholder||a.$t("Search contact"),"remote-method":r.fetchOptions,teleported:!1!==s.field.teleported},{default:_(()=>[(m(!0),h(v,null,u(d.options,e=>(m(),p(c,{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]]):w("",!0)}]]),View:l,Refresh:a},data:()=>({direction:"rtl",showing_view:!1,preview_html:"",loading_preview:!1,showChanger:!1,selectedId:!1,selectedContact:!1,previewMode:"desktop"}),computed:{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 t=()=>{e||(e=!0,this.fetchPreviewHtml())};this.$bus.emit("getVisualData",{callback:t,reference:"update_only"}),setTimeout(t,600)},fetchPreviewHtml(){this.loading_preview=!0,this.showing_view=!0;const e=this.campaign||{},t=e.id||e.ID||null,i=e.settings||{},a=e.email_body||e.post_content||"",l=e.title||e.post_title||"",s=e.email_pre_header||e.post_excerpt||"",o={campaign:{id:t,settings:i,email_body:a,title:l,design_template:e.design_template,email_subject:e.email_subject,email_pre_header:s,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:t},o.campaign_id=t),this.$post("campaigns/email-preview-html",o).then(e=>{this.preview_html=e.preview_html,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,t,i,a,l,n){const v=f("View"),u=s,P=o,V=f("Icons"),M=f("contact-selector"),z=d,X=f("send-test-email"),Y=r,Z=f("preview-iframe-builder"),ee=c;return m(),h("span",I,[i.auto_load?w("",!0):(m(),p(P,{key:0,class:g([{fc_segmented_active:l.showing_view},"fc_segmented_btn"]),size:"small",onClick:t[0]||(t[0]=e=>n.fetchHtml()),title:e.$t("Preview Email")},{default:_(()=>[b(u,null,{default:_(()=>[b(v)],void 0,!0),_:1})],void 0),_:1},8,["class","title"])),b(ee,{direction:l.direction,class:"fc_company_info_drawer fcrm_email_preview_drawer","with-header":!0,size:e.globalDrawerSize,"append-to-body":!0,"before-close":n.fireClose,modelValue:l.showing_view,"onUpdate:modelValue":t[12]||(t[12]=e=>l.showing_view=e)},{title:_(()=>[y("div",S,[$(k(e.$t("Email Preview"))+" ",1),y("small",null,k(e.$t("For the most accurate preview, send a test email using the Quick Test button.")),1)])]),default:_(()=>[y("div",E,[y("div",j,[y("div",H,[y("div",x,[y("button",{type:"button",class:g(["fcrm_device_btn",{active:"desktop"===l.previewMode}]),onClick:t[1]||(t[1]=e=>l.previewMode="desktop"),"aria-label":e.$t("Desktop Preview"),"aria-pressed":"desktop"===l.previewMode,title:e.$t("Desktop Preview")},[b(V,{"icon-name":"desktop"})],10,B),y("button",{type:"button",class:g(["fcrm_device_btn",{active:"tablet"===l.previewMode}]),onClick:t[2]||(t[2]=e=>l.previewMode="tablet"),"aria-label":e.$t("Tablet Preview"),"aria-pressed":"tablet"===l.previewMode,title:e.$t("Tablet Preview")},[b(V,{"icon-name":"tablet"})],10,R),y("button",{type:"button",class:g(["fcrm_device_btn",{active:"mobile"===l.previewMode}]),onClick:t[3]||(t[3]=e=>l.previewMode="mobile"),"aria-label":e.$t("Mobile Preview"),"aria-pressed":"mobile"===l.previewMode,title:e.$t("Mobile Preview")},[b(V,{"icon-name":"mobile"})],10,T)]),y("span",D,k(n.deviceLabel),1)]),y("div",O,[b(P,{size:"small",disabled:l.loading_preview,onClick:t[4]||(t[4]=e=>n.fetchHtml()),style:{width:"32px"}},{default:_(()=>[y("span",L,[b(V,{"icon-name":"reload",class:g({spining:l.loading_preview})},null,8,["class"])])],void 0,!0),_:1},8,["disabled"]),b(z,{placement:"bottom-end",width:"400",visible:l.showChanger,"onUpdate:visible":t[10]||(t[10]=e=>l.showChanger=e),trigger:"manual"},{reference:_(()=>[b(P,{size:"small",onClick:t[9]||(t[9]=e=>l.showChanger=!l.showChanger)},{default:_(()=>[$(k(e.$t("Change Contact")),1)],void 0,!0),_:1})]),default:_(()=>[y("div",{class:"contact_selector",onClick:t[8]||(t[8]=C(()=>{},["stop"]))},[y("p",U,k(e.$t("Select Contact")),1),b(M,{onContactSelected:t[5]||(t[5]=e=>{l.selectedContact=e}),modelValue:l.selectedId,"onUpdate:modelValue":t[6]||(t[6]=e=>l.selectedId=e),field:{clearable:!0,size:"small",load_default:!0,teleported:!1}},null,8,["modelValue"]),y("div",A,[b(P,{disabled:!l.selectedId,onClick:t[7]||(t[7]=e=>n.fetchHtml()),type:"primary",size:"small"},{default:_(()=>[y("span",Q,[b(V,{"icon-name":"reload"})]),$(" "+k(e.$t("Refresh Email Preview")),1)],void 0,!0),_:1},8,["disabled"])])])],void 0,!0),_:1},8,["visible"]),i.campaign?(m(),p(X,{key:0,btn_text:e.$t("Quick Test"),btn_class:"small",campaign:{email_subject:i.campaign.email_subject,email_pre_header:i.campaign.email_pre_header,email_body:i.campaign.email_body||i.campaign.post_content,design_template:i.campaign.design_template,settings:i.campaign.settings}},null,8,["btn_text","campaign"])):w("",!0)])]),y("div",F,[l.selectedContact?(m(),h("span",J,[$(k(e.$t("Showing preview for"))+" ",1),y("b",null,k(l.selectedContact.full_name)+" ("+k(l.selectedContact.email)+") ",1)])):(m(),h("span",G,[$(k(e.$t("Showing preview for"))+" ",1),y("b",null,k(e.$t("current contact")),1)]))]),l.loading_preview?(m(),h("div",q,[b(Y,{rows:10,animated:!0})])):l.preview_html?(m(),h("div",{key:1,class:g(["fcrm_preview_stage","fcrm_preview_stage_"+l.previewMode])},[y("div",{class:g(["fc_device_frame","fc_device_frame_"+l.previewMode])},["mobile"===l.previewMode?(m(),h("div",K)):w("",!0),b(Z,{preview_html:l.preview_html,frame_height:"80vh",show_audit:i.show_audit},null,8,["preview_html","show_audit"]),"mobile"===l.previewMode?(m(),h("div",N)):w("",!0)],2)],2)):(m(),h("div",W,[y("p",null,k(e.$t("Preview Email")),1),b(P,{type:"primary",size:"small",onClick:t[11]||(t[11]=e=>n.fetchHtml())},{default:_(()=>[$(k(e.$t("Refresh Email Preview")),1)],void 0,!0),_:1})]))])],void 0),_:1},8,["direction","size","before-close","modelValue"])])}],["__scopeId","data-v-85e52618"]]);export{X as E};