Your IP : 216.73.217.77
import{D as ct,r as y,G as yt,m as xt,o as u,c as r,f as o,u as s,a as l,i as _,n as i,t as m,g as c,k as x,d as ft,b as p,F as gt,e as _t,w as Vt,am as Tt}from"./app-f1493ab2.js";import{_ as Bt,E as ht}from"./ellipsis-bc731347.js";import{b as Ut,u as kt,c as V,d as T}from"./vue-flow-core-1994b84f.js";import{_ as Ct}from"./Menubar.vue_vue_type_script_setup_true_lang-d30cbe16.js";import{_ as N}from"./MenubarItem.vue_vue_type_script_setup_true_lang-7f37bf84.js";import{_ as Lt}from"./MenubarContent.vue_vue_type_script_setup_true_lang-8b80fe27.js";import{_ as Nt}from"./MenubarMenu.vue_vue_type_script_setup_true_lang-6ef4056f.js";import{_ as wt}from"./MenubarTrigger.vue_vue_type_script_setup_true_lang-98597622.js";import{_ as b}from"./FormInput-b3450213.js";import{_ as Rt}from"./FormSelect-3a6ffebd.js";import{_ as $t}from"./FormTextArea-95511fff.js";import Et from"./FlowMedia-998969a3.js";import{_ as Dt}from"./_plugin-vue_export-helper-c27b6911.js";import"./createLucideIcon-0561961f.js";import"./index-0cc51898.js";import"./utils-836e31d3.js";import"./index-764662c4.js";import"./hidden-f79cef22.js";import"./use-text-value-ecd8c541.js";import"./use-outside-click-92c6377f.js";const Mt={class:"rounded-sm border border-gray-200 bg-white p-3 shadow-md"},Pt={class:"flex flex-col gap-y-2"},St={class:"flex justify-between items-center"},It={class:"flex gap-x-2"},qt={class:"flex flex-col gap-y-1"},zt={key:1,class:"text-base"},At={key:0,class:"flex items-center gap-x-2 bg-red-500 text-white rounded-md px-2 py-2"},Ht={class:"mb-4"},Ft={key:1,class:"mb-4"},Ot={class:"mb-4"},Zt={class:"mb-4"},jt={class:"mb-4"},Gt={class:"flex space-x-4"},Wt=["value"],Jt={class:"ml-2 text-gray-700"},Kt={key:3,class:"border rounded p-3"},Qt={class:"mb-4 relative"},Xt={class:"text-xs text-gray-500"},Yt={class:"mb-4 relative"},te={class:"text-xs text-gray-500"},ee={class:"mb-2 relative"},le={class:"text-xs text-gray-500"},ae={key:4,class:"border rounded p-3"},oe={class:"mb-4"},se={class:"mb-4"},f=20,ne=ct({__name:"Buttons-node",props:{id:{},type:{},selected:{type:Boolean},connectable:{type:[Boolean,Number,String,Function]},position:{},dimensions:{},label:{},isValidTargetPos:{type:Function},isValidSourcePos:{type:Function},parent:{},parentNodeId:{},dragging:{type:Boolean},resizing:{type:Boolean},zIndex:{},targetPosition:{},sourcePosition:{},dragHandle:{},data:{},events:{}},setup(at){var w,R,$,E,D,M,P,S,I,q,z,A,H,F,O,Z,j,G,W,J,K,Q,X,Y,tt,et,lt;const d=at,U=y("Interactive Buttons"),ot=y(d.data.uuid),e=y({type:"interactive buttons",headerType:((R=(w=d.data.metadata)==null?void 0:w.fields)==null?void 0:R.headerType)||"none",headerText:((E=($=d.data.metadata)==null?void 0:$.fields)==null?void 0:E.headerText)||"",headerMedia:((M=(D=d.data.metadata)==null?void 0:D.fields)==null?void 0:M.headerMedia)||[],body:((S=(P=d.data.metadata)==null?void 0:P.fields)==null?void 0:S.body)||"",footer:((q=(I=d.data.metadata)==null?void 0:I.fields)==null?void 0:q.footer)||"",buttonType:((A=(z=d.data.metadata)==null?void 0:z.fields)==null?void 0:A.buttonType)||"buttons",buttons:{button1:((O=(F=(H=d.data.metadata)==null?void 0:H.fields)==null?void 0:F.buttons)==null?void 0:O.button1)||"",button2:((G=(j=(Z=d.data.metadata)==null?void 0:Z.fields)==null?void 0:j.buttons)==null?void 0:G.button2)||"",button3:((K=(J=(W=d.data.metadata)==null?void 0:W.fields)==null?void 0:J.buttons)==null?void 0:K.button3)||""},ctaUrlButton:{displayText:((Y=(X=(Q=d.data.metadata)==null?void 0:Q.fields)==null?void 0:X.ctaUrlButton)==null?void 0:Y.displayText)||"",url:((lt=(et=(tt=d.data.metadata)==null?void 0:tt.fields)==null?void 0:et.ctaUrlButton)==null?void 0:lt.url)||""}}),st=y([{label:"Reply Buttons",value:"buttons"},{label:"CTA URL Button",value:"cta_url"}]),nt=y([{value:"none",label:"None"},{value:"text",label:"Text"},{value:"image",label:"Image"},{value:"video",label:"Video"},{value:"audio",label:"Audio"},{value:"document",label:"Document"}]);yt(e,n=>{B.node.data.metadata.fields={...n},n.buttons.button1||v("a"),n.buttons.button2||v("b"),n.buttons.button3||v("c"),n.buttonType=="cta_url"?(v("a"),v("b"),v("c")):v("d")},{deep:!0});const k=(n,t)=>t.length<=3,C=y(!1),B=Ut(),{removeNodes:ut,nodes:dt,addNodes:it,removeEdges:rt,edges:mt}=kt();function v(n){mt.value.filter(a=>a.sourceHandle===n).forEach(a=>rt(a.id))}function pt(){ut(B.id)}function bt(){const{type:n,position:t,label:a,data:g}=B.node,h={id:(dt.value.length+1).toString(),type:n,position:{x:t.x+100,y:t.y+100},label:a,data:g};it(h)}const vt=xt(()=>{const n=e.value.buttons.button1!==""||e.value.buttons.button2!==""||e.value.buttons.button3!=="",t=e.value.ctaUrlButton.displayText!==""&&e.value.ctaUrlButton.url!=="",a=g=>/^(https?:\/\/)([a-zA-Z0-9-]+\.)+[a-zA-Z]{2,}(:\d+)?(\/\S*)?$/.test(g);return e.value.headerType!==""&&e.value.headerType==="text"&&e.value.headerText===""||e.value.headerType!==""&&e.value.headerType!=="text"&&e.value.headerType!=="none"&&e.value.headerMedia.length===0||e.value.body===""||e.value.buttonType==="buttons"&&!n||e.value.buttonType==="cta_url"&&(!t||!a(e.value.ctaUrlButton.url))});function L(n){return n.length}return(n,t)=>(u(),r("div",Mt,[o(s(T),{type:"target",position:s(V).Left},null,8,["position"]),l("div",Pt,[l("div",St,[l("div",It,[t[14]||(t[14]=l("img",{src:Bt,class:"mt-1 h-4 w-4",alt:"LLM icon"},null,-1)),l("div",qt,[C.value?(u(),_(b,{key:0,modelValue:U.value,"onUpdate:modelValue":t[0]||(t[0]=a=>U.value=a),name:"",type:"text",class:i("col-span-4"),onBlur:t[1]||(t[1]=()=>C.value=!1)},null,8,["modelValue"])):(u(),r("h3",zt,m(U.value),1))])]),o(s(Ct),{class:"border-none"},{default:c(()=>[o(s(Nt),null,{default:c(()=>[o(s(wt),null,{default:c(()=>[o(s(ht))]),_:1}),o(s(Lt),null,{default:c(()=>[o(s(N),{onClick:bt},{default:c(()=>t[15]||(t[15]=[x(" Duplicated ")])),_:1}),o(s(N),{onClick:pt},{default:c(()=>t[16]||(t[16]=[x(" Delete ")])),_:1}),o(s(N),{onClick:t[2]||(t[2]=a=>C.value=!0)},{default:c(()=>t[17]||(t[17]=[x(" Rename ")])),_:1})]),_:1})]),_:1})]),_:1})]),vt.value?(u(),r("div",At,t[18]||(t[18]=[ft('<span data-v-44c914ea><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" data-v-44c914ea><g fill="none" data-v-44c914ea><path d="m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z" data-v-44c914ea></path><path fill="currentColor" d="m13.299 3.148l8.634 14.954a1.5 1.5 0 0 1-1.299 2.25H3.366a1.5 1.5 0 0 1-1.299-2.25l8.634-14.954c.577-1 2.02-1 2.598 0M12 15a1 1 0 1 0 0 2a1 1 0 0 0 0-2m0-7a1 1 0 0 0-.993.883L11 9v4a1 1 0 0 0 1.993.117L13 13V9a1 1 0 0 0-1-1" data-v-44c914ea></path></g></svg></span><span class="text-sm" data-v-44c914ea>Please fill all the required fields</span>',2)]))):p("",!0),t[31]||(t[31]=l("span",{class:"text-sm text-gray-500"},"Send interactive buttons or a call to action button to your recipients.",-1)),l("div",Ht,[t[19]||(t[19]=l("label",{class:"text-sm mb-2"},"Header (Optional)",-1)),o(Rt,{modelValue:e.value.headerType,"onUpdate:modelValue":t[3]||(t[3]=a=>e.value.headerType=a),name:"",type:"text",optionClassName:"h-32",options:nt.value,class:i("col-span-4")},null,8,["modelValue","options"])]),e.value.headerType=="text"?(u(),r("div",Ft,[t[20]||(t[20]=l("label",{class:"text-sm mb-2"},[l("span",{class:"text-red-500"},"*"),x(" Header Text")],-1)),o(b,{modelValue:e.value.headerText,"onUpdate:modelValue":t[4]||(t[4]=a=>e.value.headerText=a),name:"",placeholder:"Enter header text",type:"text",class:i("col-span-4")},null,8,["modelValue"])])):p("",!0),e.value.headerType!="text"&&e.value.headerType!="none"?(u(),_(Et,{key:2,modelValue:e.value.headerMedia,"onUpdate:modelValue":t[5]||(t[5]=a=>e.value.headerMedia=a),type:e.value.headerType,uuid:ot.value,nodeId:s(B).id},null,8,["modelValue","type","uuid","nodeId"])):p("",!0),l("div",Ot,[t[21]||(t[21]=l("label",{class:"text-sm mb-2"},[l("span",{class:"text-red-500"},"*"),x(" Body")],-1)),o($t,{modelValue:e.value.body,"onUpdate:modelValue":t[6]||(t[6]=a=>e.value.body=a),placeholder:"Enter the main message for this message type",name:"",type:"text",class:i("col-span-4")},null,8,["modelValue"])]),l("div",Zt,[t[22]||(t[22]=l("label",{class:"text-sm mb-2"},"Footer Text (Optional)",-1)),o(b,{modelValue:e.value.footer,"onUpdate:modelValue":t[7]||(t[7]=a=>e.value.footer=a),name:"",placeholder:"Enter footer text",type:"text",class:i("col-span-4")},null,8,["modelValue"])]),l("div",jt,[t[23]||(t[23]=l("label",{class:"text-sm mb-2"},"Button type:",-1)),l("div",Gt,[(u(!0),r(gt,null,_t(st.value,(a,g)=>(u(),r("label",{key:g,class:"inline-flex items-center cursor-pointer text-sm"},[Vt(l("input",{type:"radio",value:a.value,"onUpdate:modelValue":t[8]||(t[8]=h=>e.value.buttonType=h),class:"form-radio text-blue-500 focus:ring-0 transition duration-150 ease-in-out"},null,8,Wt),[[Tt,e.value.buttonType]]),l("span",Jt,m(a.label),1)]))),128))])]),e.value.buttonType=="buttons"?(u(),r("div",Kt,[t[27]||(t[27]=l("label",{class:"mb-2"},[l("span",{class:"text-red-500"},"*"),x(" Reply Buttons (atleast 1 button)")],-1)),l("div",Qt,[t[24]||(t[24]=l("label",{class:"text-sm mb-2"},"Button 1 Label",-1)),o(b,{modelValue:e.value.buttons.button1,"onUpdate:modelValue":t[9]||(t[9]=a=>e.value.buttons.button1=a),maxLength:f,type:"text",class:i("col-span-4")},null,8,["modelValue"]),l("span",Xt,m(L(e.value.buttons.button1))+" / "+m(f),1),e.value.buttons.button1?(u(),_(s(T),{key:0,id:"a",type:"source",position:s(V).Right,style:{right:"-25px"},connectable:k},null,8,["position"])):p("",!0)]),l("div",Yt,[t[25]||(t[25]=l("label",{class:"text-sm mb-2"},"Button 2 Label",-1)),o(b,{modelValue:e.value.buttons.button2,"onUpdate:modelValue":t[10]||(t[10]=a=>e.value.buttons.button2=a),maxLength:f,type:"text",class:i("col-span-4")},null,8,["modelValue"]),l("span",te,m(L(e.value.buttons.button2))+" / "+m(f),1),e.value.buttons.button2?(u(),_(s(T),{key:0,id:"b",type:"source",position:s(V).Right,style:{right:"-25px"},connectable:k},null,8,["position"])):p("",!0)]),l("div",ee,[t[26]||(t[26]=l("label",{class:"text-sm mb-2"},"Button 3 Label",-1)),o(b,{modelValue:e.value.buttons.button3,"onUpdate:modelValue":t[11]||(t[11]=a=>e.value.buttons.button3=a),maxLength:f,type:"text",class:i("col-span-4")},null,8,["modelValue"]),l("span",le,m(L(e.value.buttons.button3))+" / "+m(f),1),e.value.buttons.button3?(u(),_(s(T),{key:0,id:"c",type:"source",position:s(V).Right,style:{right:"-25px"},connectable:k},null,8,["position"])):p("",!0)])])):p("",!0),e.value.buttonType=="cta_url"?(u(),r("div",ae,[t[30]||(t[30]=l("label",{class:"text-sm mb-2"},"CTA Button",-1)),l("div",oe,[t[28]||(t[28]=l("label",{class:"text-sm mb-2"},"Display text",-1)),o(b,{modelValue:e.value.ctaUrlButton.displayText,"onUpdate:modelValue":t[12]||(t[12]=a=>e.value.ctaUrlButton.displayText=a),type:"text",class:i("col-span-4")},null,8,["modelValue"])]),l("div",se,[t[29]||(t[29]=l("label",{class:"text-sm mb-2"},"Button URL",-1)),o(b,{modelValue:e.value.ctaUrlButton.url,"onUpdate:modelValue":t[13]||(t[13]=a=>e.value.ctaUrlButton.url=a),type:"url",class:i("col-span-4")},null,8,["modelValue"])]),o(s(T),{id:"d",type:"source",position:s(V).Right},null,8,["position"])])):p("",!0)])]))}});const Ce=Dt(ne,[["__scopeId","data-v-44c914ea"]]);export{Ce as default};