File: /home/dmstechonline/whatsapp.dmstech.online/public/build/assets/View-29c8a58c.js
import{D as j,r as g,T as D,o as p,f as C,g as n,a as t,h as d,t as f,c as w,j as r,u as a,i as A,n as m,b as U,k,x as M}from"./app-884e4ce3.js";import{_ as T}from"./App-faae56c7.js";import{u as H}from"./vue-flow-core-7c713b94.js";import{a as N}from"./index-9d0d8b85.js";import{_ as Z}from"./Modal-a947e544.js";import{_ as E}from"./FormInput-ab713954.js";import{_ as F}from"./FormTextArea-3daa517d.js";import{_ as O}from"./Tabs.vue_vue_type_script_setup_true_lang-5e4bf3a0.js";import{_ as P}from"./TabsContent.vue_vue_type_script_setup_true_lang-d34e6b10.js";import{_ as I}from"./ScrollArea.vue_vue_type_script_setup_true_lang-95277507.js";import{_ as G}from"./main-canvas.vue_vue_type_style_index_0_lang-a1c38469.js";import{_ as h}from"./Button.vue_vue_type_script_setup_true_lang-4f4ed150.js";import{_ as J}from"./Toaster.vue_vue_type_script_setup_true_lang-0f98369c.js";import{u as K}from"./Toast.vue_vue_type_script_setup_true_lang-4d0a82b3.js";import"./Sidebar-ec4f7223.js";import"./Menu-58091ecb.js";import"./ProfileModal-268f6e59.js";import"./FormPhoneInput-8c055c19.js";/* empty css */import"./FormSelect-1f27a419.js";import"./index-d349a931.js";import"./hidden-733404a0.js";import"./use-text-value-48384026.js";import"./use-outside-click-1c7dcbeb.js";import"./use-resolve-button-type-261165f4.js";import"./transition-15fedc5d.js";import"./micro-task-89dcd6af.js";import"./tabs-3ad99d3f.js";import"./LangToggle-54d6b98e.js";import"./OrganizationModal-83fb7cbd.js";import"./index-ff0eb693.js";import"./MobileSidebar-4319591b.js";/* empty css */import"./pusher-e63f75b9.js";import"./useRtl-295d8c04.js";import"./index-716bb7bd.js";import"./utils-836e31d3.js";import"./ScrollBar.vue_vue_type_script_setup_true_lang-b1345643.js";import"./start-node.vue_vue_type_script_setup_true_lang-9ed264e4.js";import"./Buttons-node-8ed036ea.js";import"./ellipsis-831850d2.js";import"./createLucideIcon-2d10ed3b.js";import"./Menubar.vue_vue_type_script_setup_true_lang-c3b8161c.js";import"./MenubarItem.vue_vue_type_script_setup_true_lang-5be09d31.js";import"./MenubarContent.vue_vue_type_script_setup_true_lang-b8d78c18.js";import"./MenubarMenu.vue_vue_type_script_setup_true_lang-5a2b1a89.js";import"./MenubarTrigger.vue_vue_type_script_setup_true_lang-23020f24.js";import"./FlowMedia-19961029.js";import"./_plugin-vue_export-helper-c27b6911.js";import"./List-node-230c287e.js";import"./Media-node.vue_vue_type_script_setup_true_lang-6d4fc5ac.js";import"./Text-node.vue_vue_type_script_setup_true_lang-0f32324f.js";import"./index-70cab76c.js";import"./ToastViewport.vue_vue_type_script_setup_true_lang-44c1f4a4.js";import"./ToastClose.vue_vue_type_script_setup_true_lang-3dd42995.js";import"./x-6fa73eae.js";import"./ToastTitle.vue_vue_type_script_setup_true_lang-84c8ba74.js";import"./ToastDescription.vue_vue_type_script_setup_true_lang-3b70b05e.js";import"./ToastProvider.vue_vue_type_script_setup_true_lang-ae660630.js";const L={class:""},Q={class:"relative flex h-screen w-full flex-col"},R={class:"h-20 border-l border-b border-gray-200 bg-white px-4 py-3"},W={class:"flex h-full items-center justify-between"},X={class:"flex gap-x-3"},Y={class:"flex items-center gap-x-1"},tt={class:"flex flex-col"},et={class:"flex items-center gap-x-6"},st={class:"flex items-center gap-x-2 text-bold text-md"},ot={class:"flex gap-x-3"},at={key:0,class:"flex gap-x-3"},rt={key:1},it={class:"relative flex h-full w-full flex-1"},lt={class:"w-1/4 bg-white border-l border-r px-4"},nt={class:"relative h-full flex-1 overflow-hidden"},dt={class:"mt-5 grid grid-cols-1 gap-x-6 gap-y-4"},mt={class:"mt-4 flex"},ut=["disabled"],ct={key:0,xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24"},pt={key:1},xe=j({__name:"View",props:["uuid","flow"],setup(z){const i=z,x=g(!1);function v(o,e){o.dataTransfer&&(o.dataTransfer.setData("application/vueflow",e),o.dataTransfer.effectAllowed="move")}H(),N();const{toast:y}=K(),b=g(""),u=g(i.flow.status),q=g(i.flow.metadata),c=g(!1),$=async()=>{c.value=!0;try{const o={metadata:q.value},e=await M.put(`/automation/flows/${i.uuid}`,o);u.value=e.data.original.status,b.value=e.data.original.success?"bg-green-700 text-white":"bg-red-700 text-white",u.value=e.data.original.status,y({title:e.data.original.success?"Success":"Error",description:e.data.original.success?e.data.original.message:e.data.original.errors}),c.value=!1}catch{}};function V(o){q.value=o}const _=async o=>{c.value=!0;try{const e={metadata:q.value,publish:o},s=await M.put(`/automation/flows/${i.uuid}`,e);u.value=s.data.original.status,b.value=s.data.original.success?"bg-green-700 text-white":"bg-red-700 text-white",u.value=s.data.original.status,y({title:s.data.original.success?"Success":"Error",description:s.data.original.success?s.data.original.message:s.data.original.errors}),c.value=!1}catch{}};function B(o){u.value=o}const l=D({name:i.flow.name,description:i.flow.description}),S=()=>{l.put(`/automation/flows/${i.uuid}`,{preserveScroll:!0,onSuccess:()=>{router.visit("/automation/ai",{preserveState:!1})}})};return(o,e)=>(p(),C(T,null,{default:n(()=>[t("div",L,[t("div",Q,[t("header",R,[t("div",W,[t("div",X,[t("div",Y,[t("div",tt,[t("div",et,[t("p",st,[e[11]||(e[11]=t("span",{class:"p-1 rounded-md bg-slate-50"},[t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},[t("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M3 5c0-1.414 0-2.121.44-2.56C3.878 2 4.585 2 6 2s2.121 0 2.56.44C9 2.878 9 3.585 9 5s0 2.121-.44 2.56C8.122 8 7.415 8 6 8s-2.121 0-2.56-.44C3 7.122 3 6.415 3 5m0 14c0-1.414 0-2.121.44-2.56C3.878 16 4.585 16 6 16s2.121 0 2.56.44C9 16.878 9 17.585 9 19s0 2.121-.44 2.56C8.122 22 7.415 22 6 22s-2.121 0-2.56-.44C3 21.122 3 20.415 3 19M15 7c0-1.414 0-2.121.44-2.56C15.878 4 16.585 4 18 4s2.121 0 2.56.44C21 4.878 21 5.585 21 7s0 2.121-.44 2.56c-.439.44-1.146.44-2.56.44s-2.121 0-2.56-.44C15 9.122 15 8.415 15 7m-9 9V8m12 2a3 3 0 0 1-3 3H9a3 3 0 0 0-3 3",color:"currentColor"})])],-1)),d(" "+f(i.flow.name),1)]),t("button",{onClick:e[0]||(e[0]=s=>{x.value=!0}),class:"bg-slate-50 px-4 py-1 rounded-md text-sm"},"Edit")])])])]),t("div",ot,[c.value==!1?(p(),w("div",at,[r(a(A),{href:"/automation/flows",class:"justify-center whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3 flex items-center text-blue-800 flex items-center text-blue-800"},{default:n(()=>e[12]||(e[12]=[t("span",null,[t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},[t("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M20 12H4m0 0l6-6m-6 6l6 6"})])],-1),d(" Go Back ")])),_:1}),r(a(h),{variant:"outline",class:m("bg-green-700 text-white"),size:"sm",onClick:$},{default:n(()=>[d(f(o.$t("Save changes")),1)]),_:1}),u.value=="inactive"&&c.value==!1?(p(),C(a(h),{key:0,variant:"outline",class:m("bg-green-700 text-white"),size:"sm",onClick:e[1]||(e[1]=s=>_(1))},{default:n(()=>[d(f(o.$t("Save changes & publish")),1)]),_:1})):u.value=="active"&&c.value==!1?(p(),C(a(h),{key:1,variant:"outline",class:m("bg-red-500 text-white"),size:"sm",onClick:e[2]||(e[2]=s=>_(0))},{default:n(()=>[d(f(o.$t("Save changes & unpublish")),1)]),_:1})):U("",!0)])):(p(),w("div",rt,[r(a(h),{variant:"outline",class:m("bg-white"),size:"sm"},{default:n(()=>[d(f(o.$t("Updating flow, please wait...")),1)]),_:1})]))])])]),t("main",it,[t("div",lt,[r(a(O),{"default-value":"basic-nodes"},{default:n(()=>[r(a(P),{value:"basic-nodes"},{default:n(()=>[r(a(I),{class:"h-[calc(100vh-150px)] w-full"},{default:n(()=>[t("div",{class:"mx-6 mb-4 cursor-grab rounded-md bg-slate-50 px-4 py-2 border",draggable:!0,onDragstart:e[3]||(e[3]=s=>v(s,"text"))},e[13]||(e[13]=[t("div",{class:"flex items-center justify-between"},[t("div",{class:"flex items-center gap-x-2 text-sm"},[t("span",null,[t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"21",height:"21",viewBox:"0 0 24 24"},[t("g",{fill:"none"},[t("path",{stroke:"currentColor","stroke-linecap":"round","stroke-width":"1.5",d:"M6 14.5h8M6 18h5.5"}),t("path",{stroke:"currentColor","stroke-width":"1.5",d:"M13 2.5V5c0 2.357 0 3.536.732 4.268S15.643 10 18 10h4"}),t("path",{fill:"currentColor",d:"M2.75 10a.75.75 0 0 0-1.5 0zm18.5 4a.75.75 0 0 0 1.5 0zm-5.857-9.946l-.502.557zm3.959 3.563l-.502.557zm2.302 2.537l-.685.305zM3.172 20.828l.53-.53zm17.656 0l-.53-.53zM1.355 5.927a.75.75 0 0 0 1.493.146zm21.29 12.146a.75.75 0 1 0-1.493-.146zM14 21.25h-4v1.5h4zM2.75 14v-4h-1.5v4zm18.5-.437V14h1.5v-.437zM14.891 4.61l3.959 3.563l1.003-1.115l-3.958-3.563zm7.859 8.952c0-1.689.015-2.758-.41-3.714l-1.371.61c.266.598.281 1.283.281 3.104zm-3.9-5.389c1.353 1.218 1.853 1.688 2.119 2.285l1.37-.61c-.426-.957-1.23-1.66-2.486-2.79zM10.03 2.75c1.582 0 2.179.012 2.71.216l.538-1.4c-.852-.328-1.78-.316-3.248-.316zm5.865.746c-1.086-.977-1.765-1.604-2.617-1.93l-.537 1.4c.532.204.98.592 2.15 1.645zM10 21.25c-1.907 0-3.261-.002-4.29-.14c-1.005-.135-1.585-.389-2.008-.812l-1.06 1.06c.748.75 1.697 1.081 2.869 1.239c1.15.155 2.625.153 4.489.153zM1.25 14c0 1.864-.002 3.338.153 4.489c.158 1.172.49 2.121 1.238 2.87l1.06-1.06c-.422-.424-.676-1.004-.811-2.01c-.138-1.027-.14-2.382-.14-4.289zM14 22.75c1.864 0 3.338.002 4.489-.153c1.172-.158 2.121-.49 2.87-1.238l-1.06-1.06c-.424.422-1.004.676-2.01.811c-1.027.138-2.382.14-4.289.14zm-3.97-21.5c-1.875 0-3.356-.002-4.511.153c-1.177.158-2.129.49-2.878 1.238l1.06 1.06c.424-.422 1.005-.676 2.017-.811c1.033-.138 2.395-.14 4.312-.14zM2.848 6.073c.121-1.234.382-1.9.854-2.371l-1.06-1.06c-.836.834-1.153 1.919-1.287 3.285zm18.304 11.854c-.121 1.234-.383 1.9-.854 2.371l1.06 1.06c.836-.834 1.153-1.919 1.287-3.285z"})])])]),d(" Simple text ")]),t("span",null,[t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24"},[t("path",{fill:"currentColor",d:"M9 19.23q-.508 0-.87-.36q-.36-.362-.36-.87t.36-.87t.87-.36t.87.36q.36.362.36.87t-.36.87t-.87.36m6 0q-.508 0-.87-.36q-.36-.362-.36-.87t.36-.87t.87-.36t.87.36q.36.362.36.87t-.36.87t-.87.36m-6-6q-.508 0-.87-.36q-.36-.362-.36-.87t.36-.87t.87-.36t.87.36q.36.362.36.87t-.36.87t-.87.36m6 0q-.508 0-.87-.36q-.36-.362-.36-.87t.36-.87t.87-.36t.87.36q.36.362.36.87t-.36.87t-.87.36m-6-6q-.508 0-.87-.36q-.36-.362-.36-.87t.36-.87t.87-.36t.87.36q.36.362.36.87t-.36.87t-.87.36m6 0q-.508 0-.87-.36q-.36-.362-.36-.87t.36-.87t.87-.36t.87.36q.36.362.36.87t-.36.87t-.87.36"})])])],-1)]),32),t("div",{class:"mx-6 mb-4 cursor-grab rounded-md bg-slate-50 px-4 py-2 border",draggable:!0,onDragstart:e[4]||(e[4]=s=>v(s,"media"))},e[14]||(e[14]=[t("div",{class:"flex items-center justify-between"},[t("div",{class:"flex items-center gap-x-2 text-sm"},[t("span",null,[t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},[t("g",{fill:"none",stroke:"currentColor","stroke-width":"1.5"},[t("path",{d:"M19.562 7a2.132 2.132 0 0 0-2.1-2.5H6.538a2.132 2.132 0 0 0-2.1 2.5M17.5 4.5c.028-.26.043-.389.043-.496a2 2 0 0 0-1.787-1.993C15.65 2 15.52 2 15.26 2H8.74c-.26 0-.391 0-.497.011a2 2 0 0 0-1.787 1.993c0 .107.014.237.043.496"}),t("path",{"stroke-linecap":"round",d:"M21.194 16.793c-.35 2.48-.525 3.721-1.422 4.464s-2.22.743-4.867.743h-5.81c-2.646 0-3.97 0-4.867-.743s-1.072-1.983-1.422-4.464l-.422-3c-.447-3.164-.67-4.745.278-5.77C3.61 7 5.298 7 8.672 7h6.656c3.374 0 5.062 0 6.01 1.024c.749.809.767 1.966.521 3.976"}),t("path",{d:"M14.581 13.616c.559.346.559 1.242 0 1.588l-3.371 2.09c-.543.337-1.21-.1-1.21-.794v-4.18c0-.693.667-1.13 1.21-.794z"})])])]),d(" Media files ")]),t("span",null,[t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24"},[t("path",{fill:"currentColor",d:"M9 19.23q-.508 0-.87-.36q-.36-.362-.36-.87t.36-.87t.87-.36t.87.36q.36.362.36.87t-.36.87t-.87.36m6 0q-.508 0-.87-.36q-.36-.362-.36-.87t.36-.87t.87-.36t.87.36q.36.362.36.87t-.36.87t-.87.36m-6-6q-.508 0-.87-.36q-.36-.362-.36-.87t.36-.87t.87-.36t.87.36q.36.362.36.87t-.36.87t-.87.36m6 0q-.508 0-.87-.36q-.36-.362-.36-.87t.36-.87t.87-.36t.87.36q.36.362.36.87t-.36.87t-.87.36m-6-6q-.508 0-.87-.36q-.36-.362-.36-.87t.36-.87t.87-.36t.87.36q.36.362.36.87t-.36.87t-.87.36m6 0q-.508 0-.87-.36q-.36-.362-.36-.87t.36-.87t.87-.36t.87.36q.36.362.36.87t-.36.87t-.87.36"})])])],-1)]),32),t("div",{class:"mx-6 mb-4 cursor-grab rounded-md bg-slate-50 px-4 py-2 border",draggable:!0,onDragstart:e[5]||(e[5]=s=>v(s,"buttons"))},e[15]||(e[15]=[t("div",{class:"flex items-center justify-between"},[t("div",{class:"flex items-center gap-x-2 text-sm"},[t("span",null,[t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 15 15"},[t("path",{fill:"none",stroke:"currentColor",d:"M5.5 10V8.5m0 0v-5a1 1 0 0 1 2 0v4h3.353c.91 0 1.647.737 1.647 1.647V10A4.5 4.5 0 0 1 8 14.5h-.5a4 4 0 0 1-4-4a2 2 0 0 1 2-2Zm3.5-3h2a2.5 2.5 0 0 0 0-5H4a2.5 2.5 0 0 0 0 5"})])]),d(" Interactive buttons ")]),t("span",null,[t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24"},[t("path",{fill:"currentColor",d:"M9 19.23q-.508 0-.87-.36q-.36-.362-.36-.87t.36-.87t.87-.36t.87.36q.36.362.36.87t-.36.87t-.87.36m6 0q-.508 0-.87-.36q-.36-.362-.36-.87t.36-.87t.87-.36t.87.36q.36.362.36.87t-.36.87t-.87.36m-6-6q-.508 0-.87-.36q-.36-.362-.36-.87t.36-.87t.87-.36t.87.36q.36.362.36.87t-.36.87t-.87.36m6 0q-.508 0-.87-.36q-.36-.362-.36-.87t.36-.87t.87-.36t.87.36q.36.362.36.87t-.36.87t-.87.36m-6-6q-.508 0-.87-.36q-.36-.362-.36-.87t.36-.87t.87-.36t.87.36q.36.362.36.87t-.36.87t-.87.36m6 0q-.508 0-.87-.36q-.36-.362-.36-.87t.36-.87t.87-.36t.87.36q.36.362.36.87t-.36.87t-.87.36"})])])],-1)]),32),t("div",{class:"mx-6 mb-4 cursor-grab rounded-md bg-slate-50 px-4 py-2 border",draggable:!0,onDragstart:e[6]||(e[6]=s=>v(s,"list"))},e[16]||(e[16]=[t("div",{class:"flex items-center justify-between"},[t("div",{class:"flex items-center gap-x-2 text-sm"},[t("span",null,[t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 15 15"},[t("path",{fill:"none",stroke:"currentColor",d:"M5.5 10V8.5m0 0v-5a1 1 0 0 1 2 0v4h3.353c.91 0 1.647.737 1.647 1.647V10A4.5 4.5 0 0 1 8 14.5h-.5a4 4 0 0 1-4-4a2 2 0 0 1 2-2Zm3.5-3h2a2.5 2.5 0 0 0 0-5H4a2.5 2.5 0 0 0 0 5"})])]),d(" Interactive list ")]),t("span",null,[t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24"},[t("path",{fill:"currentColor",d:"M9 19.23q-.508 0-.87-.36q-.36-.362-.36-.87t.36-.87t.87-.36t.87.36q.36.362.36.87t-.36.87t-.87.36m6 0q-.508 0-.87-.36q-.36-.362-.36-.87t.36-.87t.87-.36t.87.36q.36.362.36.87t-.36.87t-.87.36m-6-6q-.508 0-.87-.36q-.36-.362-.36-.87t.36-.87t.87-.36t.87.36q.36.362.36.87t-.36.87t-.87.36m6 0q-.508 0-.87-.36q-.36-.362-.36-.87t.36-.87t.87-.36t.87.36q.36.362.36.87t-.36.87t-.87.36m-6-6q-.508 0-.87-.36q-.36-.362-.36-.87t.36-.87t.87-.36t.87.36q.36.362.36.87t-.36.87t-.87.36m6 0q-.508 0-.87-.36q-.36-.362-.36-.87t.36-.87t.87-.36t.87.36q.36.362.36.87t-.36.87t-.87.36"})])])],-1)]),32)]),_:1})]),_:1})]),_:1})]),t("div",nt,[r(G,{uuid:i.uuid,flow:i.flow,onUpdateStatus:B,onUpdatePayload:V},null,8,["uuid","flow"])])])])]),r(a(J),{class:m(b.value)},null,8,["class"]),r(Z,{label:o.$t("Update Flow Details"),isOpen:x.value},{default:n(()=>[t("div",dt,[t("form",{onSubmit:e[10]||(e[10]=k(s=>S(),["prevent"])),class:"grid gap-x-6 gap-y-4 sm:grid-cols-6"},[r(E,{modelValue:a(l).name,"onUpdate:modelValue":e[7]||(e[7]=s=>a(l).name=s),error:a(l).errors.name,name:o.$t("Name"),type:"text",class:m("sm:col-span-6")},null,8,["modelValue","error","name"]),r(F,{modelValue:a(l).description,"onUpdate:modelValue":e[8]||(e[8]=s=>a(l).description=s),error:a(l).errors.description,name:o.$t("Description"),class:m("sm:col-span-6")},null,8,["modelValue","error","name"]),t("div",mt,[t("button",{type:"button",onClick:e[9]||(e[9]=k(s=>x.value=!1,["self"])),class:"inline-flex justify-center rounded-md border border-transparent bg-slate-50 px-4 py-2 text-sm text-slate-500 hover:bg-slate-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 mr-4"},f(o.$t("Cancel")),1),t("button",{class:m(["inline-flex justify-center rounded-md border border-transparent bg-primary px-4 py-2 text-sm text-white focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2",{"opacity-50":a(l).processing}]),disabled:a(l).processing},[a(l).processing?(p(),w("svg",ct,e[17]||(e[17]=[t("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),t("path",{fill:"currentColor",d:"M20 12h2A10 10 0 0 0 12 2V4A8 8 0 0 1 20 12Z"},[t("animateTransform",{attributeName:"transform",dur:"1s",from:"0 12 12",repeatCount:"indefinite",to:"360 12 12",type:"rotate"})],-1)]))):(p(),w("span",pt,f(o.$t("Save")),1))],10,ut)])],32)])]),_:1},8,["label","isOpen"])]),_:1}))}});export{xe as default};