import{j as t}from"./main.2.8.1.js";import{u as j,h as k,d as e}from"./react-router-dom.9mCuUg3q.js";import"./Note.BeM7sN-p.js";import{S as w}from"./SnackMsg.S8DrwLlT.js";import{S}from"./Steps.1hz7v9Vj.js";import{g as b}from"./Integrations.D2bgBas2.js";import v from"./WebHooksIntegration.B7pcODxw.js";import{W as T}from"./WebHooksStepTwo.CLsJIPcj.js";import{t as Z}from"./tutorialLinks.kMkIDzcD.js";import{T as r}from"./TutorialLink.BAFX--T3.js";import"./CopyIcn.3gZpHton.js";import"./Table.DAL7rcPQ.js";import"./index.wO-AxluA.js";import"./BackIcn._kGL_vVw.js";function q({formFields:m,setFlow:n,flow:p,allIntegURL:c}){const l=j(),{formID:u}=k(),[o,d]=e.useState(1),[f,a]=e.useState({show:!1}),[h,x]=e.useState(!1),{zohoFlowLinks:s}=Z,[i,g]=e.useState({name:"Zoho Flow Web Hooks",type:"Zoho Flow",method:"POST",url:"",apiConsole:"https://flow.zoho.com/#/workspace/default/flows/create"});return t.jsxs("div",{children:[t.jsx(w,{snack:f,setSnackbar:a}),t.jsx("div",{className:"txt-center mt-2",children:t.jsx(S,{step:2,active:o})}),t.jsxs("div",{className:"btcd-stp-page",style:{width:o===1&&900,height:o===1&&"auto"},children:[t.jsx(r,{title:"Zoho Flow",youTubeLink:s==null?void 0:s.youTubeLink}),t.jsx(r,{title:"Zoho Flow",docLink:s==null?void 0:s.docLink}),t.jsx(v,{formID:u,formFields:m,webHooks:i,setWebHooks:g,step:o,setStep:d,setSnackbar:a,create:!0})]}),t.jsx("div",{className:"btcd-stp-page",style:{width:o===2&&900,height:o===2&&"auto"},children:t.jsx(T,{step:o,saveConfig:()=>b(p,n,c,i,l,"","",x),isLoading:h})})]})}export{q as default};
