import{j as s}from"./main.2.8.10.js";import{u as g,e as x,b as t}from"./react-router.DMwpH23k.js";import"./CopyIcn.BnhKHfEP.js";import{S as h}from"./SnackMsg.7BjcJK1j.js";import{S as j}from"./Steps.B84Ui3GU.js";import{g as k}from"./Integrations.BFhED4ck.js";import b from"./WebHooksIntegration.CoprJ8QL.js";import{W as v}from"./WebHooksStepTwo.BQfnOc8x.js";import{T as I}from"./TutorialLink.D6K_DiHL.js";import"./react-vendor.P7K3d6op.js";import"./Note.DalStCGz.js";import"./Table.DSsAy4VI.js";import"./index.DpWdl9V1.js";import"./BackIcn.BFDZx8No.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};
