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