import{ay as e,aL as i,aK as t,H as a,o as s,E as l,k as o,aO as d,aB as r,aT as n}from"./vendor-element-plus.js?ver=3.1.0";import{P as c}from"./PreviewIframeBuilder.js?ver=3.1.0";import{K as m,L as p,a as _,o as h,w as v,c as u,Q as w,as as f,r as b,d as g,n as C,b as y,P as k,a1 as $,O as j}from"./vendor.js?ver=3.1.0";import{_ as P,I as V}from"./fc-bits-ui.js?ver=3.1.0";import{S as M}from"./TestEmail.js?ver=3.1.0";import{C as S}from"./CampaignSubjectLines.js?ver=3.1.0";const z={class:"fc_email_preview"},E={class:"el-drawer__title"},I={class:"fcrm_email_preview_shell"},H={class:"fcrm_preview_toolbar"},B={class:"fcrm_preview_device_toggle"},T={class:"fcrm_device_btn_group"},L=["aria-label","aria-pressed","title"],R=["aria-label","aria-pressed","title"],x=["aria-label","aria-pressed","title"],O={class:"fcrm_device_label"},D={class:"fcrm_preview_toolbar_actions"},U={class:"icon"},Q={class:"contact_selector_title"},A={class:"contact_selector_action"},K={class:"icon"},F={class:"fcrm_preview_meta"},q={key:0},G={key:1},J={key:2,class:"fcrm_preview_meta_subject"},N={key:0,class:"fcrm_preview_loading"},W={key:0,class:"fc_device_notch"},X={key:1,class:"fc_device_home"},Y={key:2,class:"fcrm_preview_empty"};const Z=P({name:"EmailPreview",props:["campaign","show_audit","auto_load","by_campaign_id","drawer_size"],emits:["dataLoaded","modalClosed"],components:{CampaignSubjectLines:S,SendTestEmail:M,Icons:V,PreviewIframeBuilder:c,ContactSelector:P({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,r){const n=i,c=t,b=e;return d.appReady?m((h(),_(c,{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":r.fetchOptions,teleported:!1!==l.field.teleported},{default:v(()=>[(h(!0),u(w,null,f(d.options,e=>(h(),_(n,{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]]):p("",!0)}]]),View:s,Refresh:a},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,a,s,c){const m=b("View"),w=l,f=o,P=b("Icons"),V=b("contact-selector"),M=d,S=b("send-test-email"),Z=b("campaign-subject-lines"),ee=r,ie=b("preview-iframe-builder"),te=n;return h(),u("span",z,[t.auto_load?p("",!0):(h(),_(f,{key:0,class:C([{fc_segmented_active:s.showing_view},"fc_segmented_btn"]),size:"small",onClick:i[0]||(i[0]=e=>c.fetchHtml()),title:e.$t("Preview Email")},{default:v(()=>[g(w,null,{default:v(()=>[g(m)],void 0,!0),_:1})],void 0),_:1},8,["class","title"])),g(te,{direction:s.direction,class:"fc_company_info_drawer fcrm_email_preview_drawer","with-header":!0,size:t.drawer_size||"70%","append-to-body":!0,"before-close":c.fireClose,modelValue:s.showing_view,"onUpdate:modelValue":i[12]||(i[12]=e=>s.showing_view=e)},{title:v(()=>[y("div",E,[j(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:v(()=>[y("div",I,[y("div",H,[y("div",B,[y("div",T,[y("button",{type:"button",class:C(["fcrm_device_btn",{active:"desktop"===s.previewMode}]),onClick:i[1]||(i[1]=e=>s.previewMode="desktop"),"aria-label":e.$t("Desktop Preview"),"aria-pressed":"desktop"===s.previewMode,title:e.$t("Desktop Preview")},[g(P,{"icon-name":"desktop"})],10,L),y("button",{type:"button",class:C(["fcrm_device_btn",{active:"tablet"===s.previewMode}]),onClick:i[2]||(i[2]=e=>s.previewMode="tablet"),"aria-label":e.$t("Tablet Preview"),"aria-pressed":"tablet"===s.previewMode,title:e.$t("Tablet Preview")},[g(P,{"icon-name":"tablet"})],10,R),y("button",{type:"button",class:C(["fcrm_device_btn",{active:"mobile"===s.previewMode}]),onClick:i[3]||(i[3]=e=>s.previewMode="mobile"),"aria-label":e.$t("Mobile Preview"),"aria-pressed":"mobile"===s.previewMode,title:e.$t("Mobile Preview")},[g(P,{"icon-name":"mobile"})],10,x)]),y("span",O,k(c.deviceLabel),1)]),y("div",D,[g(f,{size:"small",disabled:s.loading_preview,onClick:i[4]||(i[4]=e=>c.fetchHtml()),style:{width:"32px"}},{default:v(()=>[y("span",U,[g(P,{"icon-name":"reload",class:C({spining:s.loading_preview})},null,8,["class"])])],void 0,!0),_:1},8,["disabled"]),g(M,{placement:"bottom-end",width:"400",visible:s.showChanger,"onUpdate:visible":i[10]||(i[10]=e=>s.showChanger=e),trigger:"manual"},{reference:v(()=>[g(f,{size:"small",onClick:i[9]||(i[9]=e=>s.showChanger=!s.showChanger)},{default:v(()=>[j(k(e.$t("Change Contact")),1)],void 0,!0),_:1})]),default:v(()=>[y("div",{class:"contact_selector",onClick:i[8]||(i[8]=$(()=>{},["stop"]))},[y("p",Q,k(e.$t("Select Contact")),1),g(V,{onContactSelected:i[5]||(i[5]=e=>{s.selectedContact=e}),modelValue:s.selectedId,"onUpdate:modelValue":i[6]||(i[6]=e=>s.selectedId=e),field:{clearable:!0,size:"small",load_default:!0,teleported:!1}},null,8,["modelValue"]),y("div",A,[g(f,{disabled:!s.selectedId,onClick:i[7]||(i[7]=e=>c.fetchHtml()),type:"primary",size:"small"},{default:v(()=>[y("span",K,[g(P,{"icon-name":"reload"})]),j(" "+k(e.$t("Refresh Email Preview")),1)],void 0,!0),_:1},8,["disabled"])])])],void 0,!0),_:1},8,["visible"]),c.previewCampaign?(h(),_(S,{key:0,btn_text:e.$t("Quick Test"),btn_class:"small",campaign:{email_subject:c.previewCampaign.email_subject,subjects:c.previewCampaign.subjects,email_pre_header:c.previewCampaign.email_pre_header,email_body:c.previewCampaign.email_body||c.previewCampaign.post_content,design_template:c.previewCampaign.design_template,settings:c.previewCampaign.settings}},null,8,["btn_text","campaign"])):p("",!0)])]),y("div",F,[s.selectedContact?(h(),u("span",q,[j(k(e.$t("Showing preview for"))+" ",1),y("b",null,k(s.selectedContact.full_name)+" ("+k(s.selectedContact.email)+") ",1)])):(h(),u("span",G,[j(k(e.$t("Showing preview for"))+" ",1),y("b",null,k(e.$t("current contact")),1)])),c.previewCampaign?(h(),u("span",J,[g(Z,{campaign:c.previewCampaign,"show-priority":!1},null,8,["campaign"])])):p("",!0)]),s.loading_preview?(h(),u("div",N,[g(ee,{rows:10,animated:!0})])):s.preview_html?(h(),u("div",{key:1,class:C(["fcrm_preview_stage","fcrm_preview_stage_"+s.previewMode])},[y("div",{class:C(["fc_device_frame","fc_device_frame_"+s.previewMode])},["mobile"===s.previewMode?(h(),u("div",W)):p("",!0),g(ie,{preview_html:s.preview_html,frame_height:"80vh",show_audit:t.show_audit},null,8,["preview_html","show_audit"]),"mobile"===s.previewMode?(h(),u("div",X)):p("",!0)],2)],2)):(h(),u("div",Y,[y("p",null,k(e.$t("Preview Email")),1),g(f,{type:"primary",size:"small",onClick:i[11]||(i[11]=e=>c.fetchHtml())},{default:v(()=>[j(k(e.$t("Refresh Email Preview")),1)],void 0,!0),_:1})]))])],void 0),_:1},8,["direction","size","before-close","modelValue"])])}],["__scopeId","data-v-a58de905"]]);export{Z as E};