Your IP : 216.73.217.77
import{_ as ne,E as ie}from"./ellipsis-bc731347.js";import{b as ue,u as me,c as j,d as A}from"./vue-flow-core-1994b84f.js";import{_ as re}from"./Menubar.vue_vue_type_script_setup_true_lang-d30cbe16.js";import{_ as C}from"./MenubarItem.vue_vue_type_script_setup_true_lang-7f37bf84.js";import{_ as pe}from"./MenubarContent.vue_vue_type_script_setup_true_lang-8b80fe27.js";import{_ as ce}from"./MenubarMenu.vue_vue_type_script_setup_true_lang-6ef4056f.js";import{_ as ve}from"./MenubarTrigger.vue_vue_type_script_setup_true_lang-98597622.js";import{_ as v}from"./FormInput-b3450213.js";import{_ as fe}from"./FormSelect-3a6ffebd.js";import{_ as be}from"./FormTextArea-95511fff.js";import xe from"./FlowMedia-998969a3.js";import{D as ye,r as _,G as _e,m as ge,o as u,c as m,f as d,u as n,a as t,i as z,n as r,t as x,g as f,k as p,d as he,b as g,F as O,e as G}from"./app-f1493ab2.js";import{_ as Ve}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 Te={class:"rounded-sm border border-gray-200 bg-white p-3 shadow-md"},ke={class:"flex flex-col gap-y-2"},Ce={class:"flex justify-between items-center"},Le={class:"flex gap-x-2"},Ee={class:"flex flex-col gap-y-1"},Ne={key:1,class:"text-base"},Ue={key:0,class:"flex items-center gap-x-2 bg-red-500 text-white rounded-md px-2 py-2"},Be={class:"mb-4"},Se={key:1,class:"mb-4"},$e={class:"mb-4"},Re={class:"mb-4"},we={class:"mb-4"},De={class:"flex justify-between items-center mb-2"},Fe={class:"text-sm"},Me=["onClick"],qe={class:"mb-4"},He={class:"flex justify-between items-center mb-4"},Pe=["onClick"],je={class:"flex justify-between items-center mb-2"},Ae={class:"text-sm"},ze=["onClick"],Oe={class:"grid grid-cols-2 gap-x-6"},Ge={class:"mb-4"},We={class:"text-sm"},Je={class:"mb-2"},Ke={class:"text-sm"},Qe={class:"mb-2"},Xe={class:"text-sm"},Ye=ye({__name:"List-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(W){var E,N,U,B,S,$,R,w,D,F,M,q,H,P;const c=W,V=_(c.data.title),J=_(c.data.uuid),T=_(!1),l=_({type:"interactive list",headerType:((N=(E=c.data.metadata)==null?void 0:E.fields)==null?void 0:N.headerType)||"none",headerText:((B=(U=c.data.metadata)==null?void 0:U.fields)==null?void 0:B.headerText)||"",headerMedia:(($=(S=c.data.metadata)==null?void 0:S.fields)==null?void 0:$.headerMedia)||[],body:((w=(R=c.data.metadata)==null?void 0:R.fields)==null?void 0:w.body)||"",footer:((F=(D=c.data.metadata)==null?void 0:D.fields)==null?void 0:F.footer)||"",buttonLabel:((q=(M=c.data.metadata)==null?void 0:M.fields)==null?void 0:q.buttonLabel)||"",sections:((P=(H=c.data.metadata)==null?void 0:H.fields)==null?void 0:P.sections)||[{rows:[{}]}]}),K=_([{value:"none",label:"None"},{value:"text",label:"Text"},{value:"image",label:"Image"},{value:"video",label:"Video"},{value:"audio",label:"Audio"},{value:"document",label:"Document"}]),h=ue(),{removeNodes:Q,nodes:X,addNodes:Y,removeEdges:Z,edges:I}=me();function L(s){I.value.filter(a=>a.sourceHandle===s).forEach(a=>Z(a.id))}_e(l,s=>{h.node.data.metadata.fields={...s}},{deep:!0});function ee(){l.value.sections.length<10&&l.value.sections.push({rows:[{}]})}function te(s){l.value.sections[s].rows.length<10&&l.value.sections[s].rows.push({})}function le(s){l.value.sections.length>1&&(l.value.sections[s].rows.forEach((e,a)=>{const i="a"+s+a;L(i)}),l.value.sections.splice(s,1))}function ae(s,e){l.value.sections[s].rows.length>1&&(l.value.sections[s].rows.splice(e,1),l.value.sections[s].rows=l.value.sections[s].rows.map((a,i)=>({...a,id:a.id,title:a.title||"",description:a.description||""})),L("a"+s+e))}function se(){Q(h.id)}function oe(){const{type:s,position:e,label:a,data:i}=h.node,o={id:(X.value.length+1).toString(),type:s,position:{x:e.x+100,y:e.y+100},label:a,data:i};Y(o)}const de=ge(()=>{const s=l.value.sections.some(e=>e.title?e.rows.every(a=>!a.title||!a.id):!0);return l.value.headerType!==""&&l.value.headerType==="text"&&l.value.headerText===""||l.value.headerType!==""&&l.value.headerType!=="text"&&l.value.headerType!=="none"&&l.value.headerMedia.length===0||l.value.body===""||l.value.buttonLabel===""||s});function k(s){return s.length}return(s,e)=>(u(),m("div",Te,[d(n(A),{type:"target",position:n(j).Left},null,8,["position"]),t("div",ke,[t("div",Ce,[t("div",Le,[e[9]||(e[9]=t("img",{src:ne,class:"mt-1 h-4 w-4",alt:"LLM icon"},null,-1)),t("div",Ee,[T.value?(u(),z(v,{key:0,modelValue:V.value,"onUpdate:modelValue":e[0]||(e[0]=a=>V.value=a),name:"",type:"text",class:r("col-span-4"),onBlur:e[1]||(e[1]=()=>T.value=!1)},null,8,["modelValue"])):(u(),m("h3",Ne,x(V.value),1))])]),d(n(re),{class:"border-none"},{default:f(()=>[d(n(ce),null,{default:f(()=>[d(n(ve),null,{default:f(()=>[d(n(ie))]),_:1}),d(n(pe),null,{default:f(()=>[d(n(C),{onClick:oe},{default:f(()=>e[10]||(e[10]=[p(" Duplicated ")])),_:1}),d(n(C),{onClick:se},{default:f(()=>e[11]||(e[11]=[p(" Delete ")])),_:1}),d(n(C),{onClick:e[2]||(e[2]=a=>T.value=!0)},{default:f(()=>e[12]||(e[12]=[p(" Rename ")])),_:1})]),_:1})]),_:1})]),_:1})]),de.value?(u(),m("div",Ue,e[13]||(e[13]=[he('<span data-v-edf0961a><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" data-v-edf0961a><g fill="none" data-v-edf0961a><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-edf0961a></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-edf0961a></path></g></svg></span><span class="text-sm" data-v-edf0961a>Please fill all the required fields</span>',2)]))):g("",!0),e[25]||(e[25]=t("span",{class:"text-sm text-gray-500"},"Send interactive list message to your recipients.",-1)),t("div",Be,[e[14]||(e[14]=t("label",{class:"text-sm mb-2"},"Header (Optional)",-1)),d(fe,{modelValue:l.value.headerType,"onUpdate:modelValue":e[3]||(e[3]=a=>l.value.headerType=a),name:"",type:"text",optionClassName:"h-32",options:K.value,class:r("col-span-4")},null,8,["modelValue","options"])]),l.value.headerType=="text"?(u(),m("div",Se,[e[15]||(e[15]=t("label",{class:"text-sm mb-2"},[t("span",{class:"text-red-500"},"*"),p(" Header Text")],-1)),d(v,{modelValue:l.value.headerText,"onUpdate:modelValue":e[4]||(e[4]=a=>l.value.headerText=a),name:"",placeholder:"Enter header text",type:"text",class:r("col-span-4")},null,8,["modelValue"])])):g("",!0),l.value.headerType!="text"&&l.value.headerType!="none"?(u(),z(xe,{key:2,modelValue:l.value.headerMedia,"onUpdate:modelValue":e[5]||(e[5]=a=>l.value.headerMedia=a),type:l.value.headerType,uuid:J.value,nodeId:n(h).id},null,8,["modelValue","type","uuid","nodeId"])):g("",!0),t("div",$e,[e[16]||(e[16]=t("label",{class:"text-sm mb-2"},[t("span",{class:"text-red-500"},"*"),p(" Body")],-1)),d(be,{modelValue:l.value.body,"onUpdate:modelValue":e[6]||(e[6]=a=>l.value.body=a),placeholder:"Enter the main message for this message type",name:"",type:"text",class:r("col-span-4")},null,8,["modelValue"])]),t("div",Re,[e[17]||(e[17]=t("label",{class:"text-sm mb-2"},"Footer Text (Optional)",-1)),d(v,{modelValue:l.value.footer,"onUpdate:modelValue":e[7]||(e[7]=a=>l.value.footer=a),name:"",placeholder:"Enter footer text",type:"text",class:r("col-span-4")},null,8,["modelValue"])]),t("div",we,[e[18]||(e[18]=t("label",{class:"text-sm mb-2"},[t("span",{class:"text-red-500"},"*"),p(" Button Label")],-1)),d(v,{modelValue:l.value.buttonLabel,"onUpdate:modelValue":e[8]||(e[8]=a=>l.value.buttonLabel=a),name:"",placeholder:"Enter footer text",type:"text",class:r("col-span-4")},null,8,["modelValue"])]),t("div",{class:"flex justify-between items-center mb-4"},[e[19]||(e[19]=t("label",{class:"text-sm"},"Sections (Atleast one section)",-1)),t("button",{onClick:ee,class:"bg-slate-100 p-1 rounded-md text-sm px-2"},"Add Section")]),(u(!0),m(O,null,G(l.value.sections,(a,i)=>(u(),m("div",{key:i,class:"border rounded p-3 mb-4"},[t("div",De,[t("label",Fe,"Section "+x(i+1),1),i>0?(u(),m("button",{key:0,onClick:o=>le(i),class:"text-red-500 text-sm"}," Remove Section ",8,Me)):g("",!0)]),t("div",qe,[e[20]||(e[20]=t("label",{class:"text-sm mb-2"},[t("span",{class:"text-red-500"},"*"),p(" Title")],-1)),d(v,{modelValue:a.title,"onUpdate:modelValue":o=>a.title=o,name:"",placeholder:"Enter section title",type:"text",class:r("col-span-4")},null,8,["modelValue","onUpdate:modelValue"])]),t("div",He,[e[21]||(e[21]=t("label",{class:"text-sm"},"Rows (Atleast one row)",-1)),t("button",{onClick:o=>te(i),class:"bg-slate-100 p-1 rounded-md text-sm px-2"},"Add Row",8,Pe)]),(u(!0),m(O,null,G(a.rows,(o,y)=>(u(),m("div",{key:y,class:"relative border rounded p-3 bg-slate-50 mb-2"},[t("div",je,[t("label",Ae,"Row "+x(y+1),1),y>0?(u(),m("button",{key:0,onClick:b=>ae(i,y),class:"text-red-500 text-sm"}," Remove Row ",8,ze)):g("",!0)]),t("div",Oe,[t("div",Ge,[e[22]||(e[22]=t("label",{class:"text-sm mb-2"},[t("span",{class:"text-red-500"},"*"),p(" ID")],-1)),d(v,{modelValue:o.id,"onUpdate:modelValue":b=>o.id=b,maxLength:"200",name:"",placeholder:"Enter ID",type:"text",class:r("col-span-4")},null,8,["modelValue","onUpdate:modelValue"]),t("span",We,x(k((o==null?void 0:o.id)??""))+"/200",1)]),t("div",Je,[e[23]||(e[23]=t("label",{class:"text-sm mb-2"},[t("span",{class:"text-red-500"},"*"),p(" Title")],-1)),d(v,{modelValue:o.title,"onUpdate:modelValue":b=>o.title=b,maxLength:"24",name:"",placeholder:"Enter row title",type:"text",class:r("col-span-4")},null,8,["modelValue","onUpdate:modelValue"]),t("span",Ke,x(k((o==null?void 0:o.title)??""))+"/24",1)])]),t("div",Qe,[e[24]||(e[24]=t("label",{class:"text-sm mb-2"},[t("span",{class:"text-red-500"},"*"),p(" Description")],-1)),d(v,{modelValue:o.description,"onUpdate:modelValue":b=>o.description=b,maxLength:"72",name:"",placeholder:"Enter description",type:"text",class:r("col-span-4")},null,8,["modelValue","onUpdate:modelValue"]),t("span",Xe,x(k((o==null?void 0:o.description)??""))+"/72",1)]),d(n(A),{id:"a"+i+y,type:"source",position:n(j).Right,style:{right:"-25px"}},null,8,["id","position"])]))),128))]))),128))])]))}});const yt=Ve(Ye,[["__scopeId","data-v-edf0961a"]]);export{yt as default};