Your IP : 216.73.217.77
import{r as w,T as Y,q as J,o as r,c as i,a,t as m,f as x,g as _,b as u,u as s,l as L,h as W,n as p,i as h,w as K,s as P,F as M,e as U,k as v,x as Q}from"./app-f1493ab2.js";import{_ as $}from"./FormInput-b3450213.js";import{_ as b}from"./FormSelect-3a6ffebd.js";import{_ as X}from"./WhatsappTemplate-2436fab9.js";/* empty css */import{t as y}from"./index-764662c4.js";const ee={class:p("md:flex md:flex-grow-1")},te={key:0,class:"md:w-[50%] p-4 md:p-8 overflow-y-auto h-[90vh]"},ae={class:"bg-slate-50 border border-primary shadow rounded-md p-4 py-8"},se={class:"text-center text-lg font-medium mb-4"},le={class:"text-center mb-4"},oe={class:"flex justify-center"},re={key:0},ne={key:0,class:"m-1 rounded px-3 pt-3 pb-3 bg-slate-100 flex items-center justify-between mb-4"},ie={class:"text-[15px]"},de={key:3,class:"relative flex gap-x-3 sm:col-span-6"},ue={class:"flex h-6 items-center"},me={class:"text-sm leading-6"},pe={for:"skip-schedule",class:"font-medium text-gray-900"},ce={key:0,class:"bg-slate-100 p-3 mt-4 text-sm"},fe={class:"flex items-center justify-between space-x-2 pb-2 border-b"},ve={class:"flex items-center space-x-2"},he={key:0,class:"w-full"},ye={key:1,class:"w-full"},be={key:2,class:"w-full mt-3"},ge={class:"flex items-center space-x-4"},we=["accept"],xe={key:0,class:"w-[20em] truncate"},Ve={key:1},ke={key:0,class:"text-left text-xs mt-2"},Ce={key:1,class:"text-left text-xs mt-2"},$e={key:2,class:"text-left text-xs mt-2"},Me={key:0,class:"form-error text-[#b91c1c] text-xs"},Ue={key:1,class:"bg-slate-100 p-3 mt-1 text-sm"},Ee={class:"flex items-center justify-between space-x-2 pb-2 border-b"},Be={class:"flex items-center space-x-2"},Te={class:"w-[30%]"},Oe=["textContent"],Ae={class:"w-full"},Fe={class:"w-full"},Se={key:2,class:"bg-slate-100 p-3 mt-1 text-sm"},ze={class:"flex items-center justify-between space-x-2 pb-2 border-b"},De={class:"flex items-center space-x-2"},_e={key:0,class:"mt-4 bg-slate-50 p-3"},Le={class:"w-[100%] mb-1"},je={class:"w-full"},Ne={class:"w-full"},Ie={class:"flex items-center justify-end space-x-3 mt-3"},qe={key:0},Ge=["disabled"],He={key:0},Re={key:1,xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},Qe={__name:"CampaignForm",props:{templates:Object,contactGroups:Object,settings:Array,contact:{type:String,default:null},displayTitle:{type:Boolean,default:!1},displayCancelBtn:{type:Boolean,default:!0},isCampaignFlow:{type:Boolean,default:!0},sendText:{type:String,default:"Save"}},emits:["viewTemplate"],setup(c,{emit:j}){var D;const V=c,k=w(!1),E=w([{value:"all",label:y("all contacts")}]),A=w([]),F=w((D=V.settings)==null?void 0:D.metadata),N=w(F.value?JSON.parse(F.value):null),B=w([{value:"static",label:y("static")},{value:"dynamic",label:y("dynamic")}]),T=w([{value:"first name",label:y("contact first name")},{value:"last name",label:y("contact last name")},{value:"name",label:y("contact full name")},{value:"phone",label:y("contact phone")},{value:"email",label:y("contact email")}]),e=Y({name:null,template:null,contacts:null,time:null,skip_schedule:!1,header:{format:null,text:null,parameters:[]},body:{text:null,parameters:[]},footer:{text:null},buttons:[]}),I=async()=>{try{const l=await Q.get("/templates/"+e.template);if(l){const t=JSON.parse(l.data.metadata);e.header.format=g(t,"HEADER","format"),e.header.text=g(t,"HEADER","text");const f=g(t,"HEADER","example");f?e.header.format==="TEXT"?e.header.parameters=f.header_text.map(n=>({type:"text",selection:"static",value:n})):(e.header.format==="IMAGE"||e.header.format==="DOCUMENT"||e.header.format==="VIDEO")&&(e.header.parameters=f.header_handle.map(n=>({type:e.header.format,selection:"default",value:null,url:n}))):e.header.parameters=[],e.body.text=g(t,"BODY","text");const d=g(t,"BODY","example");d?e.body.parameters=d.body_text[0].map(n=>({type:"text",selection:"static",value:n})):e.body.parameters=[],e.footer.text=g(t,"FOOTER","text");const o=g(t,"BUTTONS","buttons");o?e.buttons=o.map(n=>({type:n.type,text:n.text,value:n[n.type.toLowerCase()]??null,parameters:n.type==="QUICK_REPLY"?[{type:"static",value:null}]:n.example?n.example.map(O=>({type:"static",value:O})):[]})):e.buttons=[]}}catch{}},q=l=>{const t=H(e.header.parameters[0].type),f=l.target.files[0];if(f&&f.size>t)alert(y("file size exceeds the limit. Max allowed size:")+" "+t+"b"),l.target.value=null;else{const d=new FileReader;d.onload=o=>{e.header.parameters[0].url=o.target.result},e.header.parameters[0].selection="upload",e.header.parameters[0].value=f,d.readAsDataURL(f)}},G=l=>{switch(l){case"IMAGE":return".png, .jpg";case"DOCUMENT":return".pdf, .txt, .ppt, .doc, .xls, .docx, .pptx, .xlsx";case"VIDEO":return".mp4";default:return""}},H=l=>{switch(l){case"IMAGE":return 5*1024*1024;case"DOCUMENT":return 100*1024*1024;case"VIDEO":return 16*1024*1024;default:return 1/0}},g=(l,t,f)=>{const d=l.components.find(o=>o.type===t);return d?d[f]:null},S=l=>l.map(t=>({value:t.uuid,label:t.language?t.name+" ["+t.language+"]":t.name})),R=()=>{k.value=!0,e.post(V.isCampaignFlow?"/campaigns":"/chat/"+V.contact+"/send/template",{onFinish:()=>{k.value=!1,V.isCampaignFlow||z("viewTemplate",!1)}})},z=j,Z=()=>{z("viewTemplate",!1)};return J(()=>{A.value=S(V.templates),E.value=[...E.value,...S(V.contactGroups)]}),(l,t)=>{var f;return r(),i("div",ee,[(f=N.value)!=null&&f.whatsapp?(r(),i("form",{key:1,onSubmit:t[6]||(t[6]=W(d=>R(),["prevent"])),class:p(["overflow-y-auto md:w-[50%]",c.isCampaignFlow?"p-4 md:p-8 h-[90vh]":" h-full"])},[c.displayTitle?(r(),i("div",ne,[a("h3",ie,m(l.$t("Send Template Message")),1),a("button",{onClick:t[0]||(t[0]=d=>Z()),class:"text-sm md:inline-flex hidden justify-center rounded-md border border-transparent bg-red-800 px-4 py-1 text-white focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"},"Cancel")])):u("",!0),a("div",{class:p(["grid gap-x-6 gap-y-4 mb-8",c.isCampaignFlow?"sm:grid-cols-6":"p-3 md:p-3"])},[c.isCampaignFlow?(r(),h($,{key:0,modelValue:s(e).name,"onUpdate:modelValue":t[1]||(t[1]=d=>s(e).name=d),name:l.$t("Campaign name"),type:"text",error:s(e).errors.name,required:!0,class:p("sm:col-span-6")},null,8,["modelValue","name","error"])):u("",!0),x(b,{modelValue:s(e).template,"onUpdate:modelValue":[t[2]||(t[2]=d=>s(e).template=d),I],options:A.value,required:!0,error:s(e).errors.template,name:l.$t("Template"),class:p("sm:col-span-3"),placeholder:l.$t("Select template")},null,8,["modelValue","options","error","name","placeholder"]),c.isCampaignFlow?(r(),h(b,{key:1,modelValue:s(e).contacts,"onUpdate:modelValue":t[3]||(t[3]=d=>s(e).contacts=d),options:E.value,name:l.$t("Send to"),required:!0,class:p("sm:col-span-3"),placeholder:l.$t("Select contacts"),error:s(e).errors.contacts},null,8,["modelValue","options","name","placeholder","error"])):u("",!0),c.isCampaignFlow&&!s(e).skip_schedule?(r(),h($,{key:2,modelValue:s(e).time,"onUpdate:modelValue":t[4]||(t[4]=d=>s(e).time=d),name:l.$t("Scheduled time"),type:"datetime-local",error:s(e).errors.time,required:!0,class:p("sm:col-span-6")},null,8,["modelValue","name","error"])):u("",!0),c.isCampaignFlow?(r(),i("div",de,[a("div",ue,[K(a("input",{"onUpdate:modelValue":t[5]||(t[5]=d=>s(e).skip_schedule=d),id:"skip-schedule",name:"skip-schedule",type:"checkbox",class:"h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-600"},null,512),[[P,s(e).skip_schedule]])]),a("div",me,[a("label",pe,m(l.$t("Skip scheduling & send immediately")),1)])])):u("",!0)],2),a("div",{class:p(c.isCampaignFlow?"":"px-3 md:px-3")},[s(e).header.parameters.length>0?(r(),i("div",ce,[a("h2",fe,[a("div",ve,[a("span",null,m(l.$t("Header variables")),1),t[8]||(t[8]=a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 1024 1024"},[a("path",{fill:"currentColor",d:"M512 64a448 448 0 1 1 0 896.064A448 448 0 0 1 512 64zm67.2 275.072c33.28 0 60.288-23.104 60.288-57.344s-27.072-57.344-60.288-57.344c-33.28 0-60.16 23.104-60.16 57.344s26.88 57.344 60.16 57.344zM590.912 699.2c0-6.848 2.368-24.64 1.024-34.752l-52.608 60.544c-10.88 11.456-24.512 19.392-30.912 17.28a12.992 12.992 0 0 1-8.256-14.72l87.68-276.992c7.168-35.136-12.544-67.2-54.336-71.296c-44.096 0-108.992 44.736-148.48 101.504c0 6.784-1.28 23.68.064 33.792l52.544-60.608c10.88-11.328 23.552-19.328 29.952-17.152a12.8 12.8 0 0 1 7.808 16.128L388.48 728.576c-10.048 32.256 8.96 63.872 55.04 71.04c67.84 0 107.904-43.648 147.456-100.416z"})],-1))]),t[9]||(t[9]=a("span",null,[a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24"},[a("path",{fill:"currentColor",d:"M6.102 16.98c-1.074 0-1.648-1.264-.94-2.073l5.521-6.31a1.75 1.75 0 0 1 2.634 0l5.522 6.31c.707.809.133 2.073-.94 2.073H6.101Z"})])],-1))]),(r(!0),i(M,null,U(s(e).header.parameters,(d,o)=>(r(),i("div",{key:o,class:"mt-2 flex items-center space-x-4"},[s(e).header.parameters[o].type==="text"?(r(),i("div",he,[x(b,{modelValue:s(e).header.parameters[o].selection,"onUpdate:modelValue":n=>s(e).header.parameters[o].selection=n,name:l.$t("Content type"),options:B.value,class:p("sm:col-span-6")},null,8,["modelValue","onUpdate:modelValue","name","options"])])):u("",!0),s(e).header.parameters[o].type==="text"?(r(),i("div",ye,[s(e).header.parameters[o].selection==="static"?(r(),h($,{key:0,name:l.$t("Value"),required:!0,error:s(e).errors["header.parameters.0.value"],modelValue:s(e).header.parameters[o].value,"onUpdate:modelValue":n=>s(e).header.parameters[o].value=n,type:"text",class:p("sm:col-span-6")},null,8,["name","error","modelValue","onUpdate:modelValue"])):u("",!0),s(e).header.parameters[o].selection==="dynamic"?(r(),h(b,{key:1,name:l.$t("Value"),required:!0,error:s(e).errors["header.parameters.0.value"],modelValue:s(e).header.parameters[o].value,"onUpdate:modelValue":n=>s(e).header.parameters[o].value=n,options:T.value,class:p("sm:col-span-6")},null,8,["name","error","modelValue","onUpdate:modelValue","options"])):u("",!0)])):u("",!0),["IMAGE","DOCUMENT","VIDEO"].includes(s(e).header.parameters[o].type)?(r(),i("div",be,[a("div",null,[a("div",ge,[a("label",{class:p(["cursor-pointer flex justify-center px-2 py-2 w-[30%] bg-slate-200 shadow-sm rounded-lg border",s(e).errors["header.parameters.0.value"]?"border border-red-700":""]),for:"file-upload"},m(l.$t("Upload")),3),a("input",{type:"file",class:"sr-only",accept:G(s(e).header.parameters[o].type),ref_for:!0,ref:"fileInput",id:"file-upload",onChange:q},null,40,we),s(e).header.parameters[o].value?(r(),i("div",xe,m(s(e).header.parameters[o].selection==="default"?s(e).header.parameters[o].value:s(e).header.parameters[o].value.name),1)):(r(),i("span",Ve,m(l.$t("No file chosen")),1))]),s(e).header.parameters[o].type==="IMAGE"?(r(),i("p",ke,[v(m(l.$t("Max file upload size is"))+" ",1),t[10]||(t[10]=a("b",null,"5MB",-1)),t[11]||(t[11]=v()),t[12]||(t[12]=a("br",null,null,-1)),v(" "+m(l.$t("Supported file extensions"))+": .png, jpg",1)])):u("",!0),s(e).header.parameters[o].type==="DOCUMENT"?(r(),i("p",Ce,[v(m(l.$t("Max file upload size is"))+" ",1),t[13]||(t[13]=a("b",null,"100MB",-1)),t[14]||(t[14]=v()),t[15]||(t[15]=a("br",null,null,-1)),v(" "+m(l.$t("Supported file extensions"))+": .pdf, .txt, .ppt, .doc, .xls, .docx, .pptx, .xlsx",1)])):u("",!0),s(e).header.parameters[o].type==="VIDEO"?(r(),i("p",$e,[v(m(l.$t("Max file upload size is"))+" ",1),t[16]||(t[16]=a("b",null,"16MB",-1)),t[17]||(t[17]=v()),t[18]||(t[18]=a("br",null,null,-1)),v(" "+m(l.$t("Supported file extensions"))+": .mp4",1)])):u("",!0)]),s(e).errors["header.parameters.0.value"]?(r(),i("div",Me,m(s(e).errors["header.parameters.0.value"]),1)):u("",!0)])):u("",!0)]))),128))])):u("",!0),s(e).body.parameters.length>0?(r(),i("div",Ue,[a("h2",Ee,[a("div",Be,[a("span",null,m(l.$t("Body variables")),1),t[19]||(t[19]=a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 1024 1024"},[a("path",{fill:"currentColor",d:"M512 64a448 448 0 1 1 0 896.064A448 448 0 0 1 512 64zm67.2 275.072c33.28 0 60.288-23.104 60.288-57.344s-27.072-57.344-60.288-57.344c-33.28 0-60.16 23.104-60.16 57.344s26.88 57.344 60.16 57.344zM590.912 699.2c0-6.848 2.368-24.64 1.024-34.752l-52.608 60.544c-10.88 11.456-24.512 19.392-30.912 17.28a12.992 12.992 0 0 1-8.256-14.72l87.68-276.992c7.168-35.136-12.544-67.2-54.336-71.296c-44.096 0-108.992 44.736-148.48 101.504c0 6.784-1.28 23.68.064 33.792l52.544-60.608c10.88-11.328 23.552-19.328 29.952-17.152a12.8 12.8 0 0 1 7.808 16.128L388.48 728.576c-10.048 32.256 8.96 63.872 55.04 71.04c67.84 0 107.904-43.648 147.456-100.416z"})],-1))]),t[20]||(t[20]=a("span",null,[a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24"},[a("path",{fill:"currentColor",d:"M6.102 16.98c-1.074 0-1.648-1.264-.94-2.073l5.521-6.31a1.75 1.75 0 0 1 2.634 0l5.522 6.31c.707.809.133 2.073-.94 2.073H6.101Z"})])],-1))]),(r(!0),i(M,null,U(s(e).body.parameters,(d,o)=>(r(),i("div",{key:o,class:"mt-2 flex items-center space-x-4"},[a("div",Te,[a("span",{textContent:m("{{"+(o+1)+"}}")},null,8,Oe)]),a("div",Ae,[x(b,{modelValue:s(e).body.parameters[o].selection,"onUpdate:modelValue":n=>s(e).body.parameters[o].selection=n,options:B.value,class:p("sm:col-span-6")},null,8,["modelValue","onUpdate:modelValue","options"])]),a("div",Fe,[s(e).body.parameters[o].selection==="static"?(r(),h($,{key:0,modelValue:s(e).body.parameters[o].value,"onUpdate:modelValue":n=>s(e).body.parameters[o].value=n,required:!0,error:s(e).errors["body.parameters.0.value"],type:"text",class:p("sm:col-span-6")},null,8,["modelValue","onUpdate:modelValue","error"])):u("",!0),s(e).body.parameters[o].selection==="dynamic"?(r(),h(b,{key:1,modelValue:s(e).body.parameters[o].value,"onUpdate:modelValue":n=>s(e).body.parameters[o].value=n,required:!0,error:s(e).errors["body.parameters.0.value"],options:T.value,class:p("sm:col-span-6")},null,8,["modelValue","onUpdate:modelValue","error","options"])):u("",!0)])]))),128))])):u("",!0),s(e).buttons.length>0?(r(),i("div",Se,[a("h2",ze,[a("div",De,[a("span",null,m(l.$t("Button variables")),1),t[21]||(t[21]=a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 1024 1024"},[a("path",{fill:"currentColor",d:"M512 64a448 448 0 1 1 0 896.064A448 448 0 0 1 512 64zm67.2 275.072c33.28 0 60.288-23.104 60.288-57.344s-27.072-57.344-60.288-57.344c-33.28 0-60.16 23.104-60.16 57.344s26.88 57.344 60.16 57.344zM590.912 699.2c0-6.848 2.368-24.64 1.024-34.752l-52.608 60.544c-10.88 11.456-24.512 19.392-30.912 17.28a12.992 12.992 0 0 1-8.256-14.72l87.68-276.992c7.168-35.136-12.544-67.2-54.336-71.296c-44.096 0-108.992 44.736-148.48 101.504c0 6.784-1.28 23.68.064 33.792l52.544-60.608c10.88-11.328 23.552-19.328 29.952-17.152a12.8 12.8 0 0 1 7.808 16.128L388.48 728.576c-10.048 32.256 8.96 63.872 55.04 71.04c67.84 0 107.904-43.648 147.456-100.416z"})],-1))]),t[22]||(t[22]=a("span",null,[a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24"},[a("path",{fill:"currentColor",d:"M6.102 16.98c-1.074 0-1.648-1.264-.94-2.073l5.521-6.31a1.75 1.75 0 0 1 2.634 0l5.522 6.31c.707.809.133 2.073-.94 2.073H6.101Z"})])],-1))]),(r(!0),i(M,null,U(s(e).buttons,(d,o)=>(r(),i("div",{key:o},[d.parameters.length>0?(r(),i("div",_e,[a("div",Le,[a("span",null,m(l.$t("Label"))+": "+m(d.text),1)]),(r(!0),i(M,null,U(d.parameters,(n,O)=>(r(),i("div",{key:O,class:"flex items-center space-x-4"},[a("div",je,[x(b,{modelValue:n.type,"onUpdate:modelValue":C=>n.type=C,name:l.$t("Button type"),options:B.value,class:p("sm:col-span-6")},null,8,["modelValue","onUpdate:modelValue","name","options"])]),a("div",Ne,[n.type==="static"?(r(),h($,{key:0,modelValue:n.value,"onUpdate:modelValue":C=>n.value=C,name:l.$t("Value"),required:!0,error:s(e).errors["buttons."+o+".parameters.0.value"],type:"text",class:p("sm:col-span-6")},null,8,["modelValue","onUpdate:modelValue","name","error"])):u("",!0),n.type==="dynamic"?(r(),h(b,{key:1,modelValue:n.value,"onUpdate:modelValue":C=>n.value=C,name:l.$t("Value"),required:!0,error:s(e).errors["buttons."+o+".parameters.0.value"],options:T.value,class:p("sm:col-span-6")},null,8,["modelValue","onUpdate:modelValue","name","error","options"])):u("",!0)])]))),128))])):u("",!0)]))),128))])):u("",!0),a("div",Ie,[c.displayCancelBtn?(r(),i("div",qe,[x(s(L),{href:"/campaigns",class:"block rounded-md px-3 py-2 text-sm text-gray-600 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 bg-slate-200"},{default:_(()=>[v(m(l.$t("Cancel")),1)]),_:1})])):u("",!0),a("div",null,[a("button",{type:"submit",class:"rounded-md px-3 py-2 text-sm text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 bg-primary",disabled:k.value},[k.value?(r(),i("svg",Re,t[23]||(t[23]=[a("path",{fill:"currentColor",d:"M12 2A10 10 0 1 0 22 12A10 10 0 0 0 12 2Zm0 18a8 8 0 1 1 8-8A8 8 0 0 1 12 20Z",opacity:".5"},null,-1),a("path",{fill:"currentColor",d:"M20 12h2A10 10 0 0 0 12 2V4A8 8 0 0 1 20 12Z"},[a("animateTransform",{attributeName:"transform",dur:"1s",from:"0 12 12",repeatCount:"indefinite",to:"360 12 12",type:"rotate"})],-1)]))):(r(),i("span",He,m(c.sendText?c.sendText:l.$t("Save")),1))],8,Ge)])])],2)],34)):(r(),i("div",te,[a("div",ae,[t[7]||(t[7]=a("div",{class:"flex justify-center mb-4"},[a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"72",height:"72",viewBox:"0 0 48 48"},[a("path",{fill:"black",d:"M43.634 4.366a1.25 1.25 0 0 1 0 1.768l-4.913 4.913a9.253 9.253 0 0 1-.744 12.244l-3.343 3.343a1.25 1.25 0 0 1-1.768 0l-11.5-11.5a1.25 1.25 0 0 1 0-1.768l3.343-3.343a9.25 9.25 0 0 1 12.244-.743l4.913-4.914a1.25 1.25 0 0 1 1.768 0m-7.611 7.425a6.75 6.75 0 0 0-9.546 0l-2.46 2.459l9.733 9.732l2.46-2.459a6.75 6.75 0 0 0 0-9.546zM9.28 36.953l-4.914 4.913a1.25 1.25 0 0 0 1.768 1.768l4.913-4.913a9.253 9.253 0 0 0 12.244-.744l3.343-3.343a1.25 1.25 0 0 0 0-1.768L25.268 31.5l3.366-3.366a1.25 1.25 0 0 0-1.768-1.768L23.5 29.732L18.268 24.5l3.366-3.366a1.25 1.25 0 0 0-1.768-1.768L16.5 22.732l-1.366-1.366a1.25 1.25 0 0 0-1.768 0l-3.343 3.343a9.25 9.25 0 0 0-.743 12.244m2.51-10.476l2.46-2.46l9.732 9.733l-2.459 2.46a6.75 6.75 0 0 1-9.546 0l-.186-.187a6.75 6.75 0 0 1 0-9.546"})])],-1)),a("h3",se,m(l.$t("Connect your whatsapp account")),1),a("h4",le,m(l.$t("You need to connect your WhatsApp account first before you can send out campaigns.")),1),a("div",oe,[x(s(L),{href:"/settings/whatsapp",class:"rounded-md px-3 py-2 text-sm hover:shadow-md text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 bg-primary",disabled:k.value},{default:_(()=>[k.value?u("",!0):(r(),i("span",re,m(l.$t("Connect Whatsapp account")),1))]),_:1},8,["disabled"])])])])),a("div",{class:p(["md:w-[50%] py-20 flex justify-center chat-bg",c.isCampaignFlow?"px-20":"px-10"])},[a("div",null,[x(X,{parameters:s(e),visible:!!s(e).template},null,8,["parameters","visible"])])],2)])}}};export{Qe as _};