import{j as s}from"./main.2.9.0.js";import{u as g,e as x,b as t}from"./react-router.DMwpH23k.js";import"./CopyIcn.CEA_lFLo.js";import{S as h}from"./SnackMsg.DYSD96P4.js";import{S as j}from"./Steps.BYe8zHkm.js";import{g as k}from"./Integrations.DL8wqGct.js";import b from"./WebHooksIntegration.CesI9y9U.js";import{W as v}from"./WebHooksStepTwo.C9DaqOtP.js";import{T as I}from"./TutorialLink.CFG7bS5c.js";import"./react-vendor.P7K3d6op.js";import"./Note.NSUdvR3c.js";import"./Table.BfF8RYFZ.js";import"./index.DpWdl9V1.js";import"./BackIcn._8Wofmn2.js";function R({formFields:r,setFlow:i,flow:p,allIntegURL:m}){const n=g(),{formID:c}=x(),[e,d]=t.useState(1),[l,o]=t.useState({show:!1}),[u,S]=t.useState(!1),[a,f]=t.useState({name:"SperseIO Web Hooks",type:"SperseIO",method:"POST",url:"",apiConsole:"https://sperse.io/"});return s.jsxs("div",{children:[s.jsx(h,{snack:l,setSnackbar:o}),s.jsx("div",{className:"txt-center mt-2",children:s.jsx(j,{step:2,active:e})}),s.jsxs("div",{className:"btcd-stp-page",style:{width:e===1&&1100,height:e===1&&"auto"},children:[s.jsx(I,{linkKey:"sperse"}),s.jsx(b,{formID:c,formFields:r,webHooks:a,setWebHooks:f,step:e,setStep:d,setSnackbar:o,create:!0})]}),s.jsx("div",{className:"btcd-stp-page",style:{width:e===2&&"100%",height:e===2&&"auto"},children:s.jsx(v,{step:e,saveConfig:()=>k(p,i,m,a,n,"","",S),isLoading:u})})]})}export{R as default};
