import{j as t}from"./main.2.8.1.js";import{u as h,h as k,d as o}from"./react-router-dom.9mCuUg3q.js";import"./Note.BeM7sN-p.js";import{S as j}from"./SnackMsg.S8DrwLlT.js";import{S as I}from"./Steps.1hz7v9Vj.js";import{g as b}from"./Integrations.D2bgBas2.js";import v from"./WebHooksIntegration.B7pcODxw.js";import{W as L}from"./WebHooksStepTwo.CLsJIPcj.js";import{t as O}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 z({formFields:n,setFlow:p,flow:m,allIntegURL:c}){const u=h(),{formID:d}=k(),[s,l]=o.useState(1),[S,a]=o.useState({show:!1}),[f,x]=o.useState(!1),{sperse:e}=O,[i,g]=o.useState({name:"SperseIO Web Hooks",type:"SperseIO",method:"POST",url:"",apiConsole:"https://sperse.io/"});return t.jsxs("div",{children:[t.jsx(j,{snack:S,setSnackbar:a}),t.jsx("div",{className:"txt-center mt-2",children:t.jsx(I,{step:2,active:s})}),t.jsxs("div",{className:"btcd-stp-page",style:{width:s===1&&1100,height:s===1&&"auto"},children:[t.jsx(r,{title:"Sperse IO",youTubeLink:e==null?void 0:e.youTubeLink}),t.jsx(r,{title:"Sperse IO",docLink:e==null?void 0:e.docLink}),t.jsx(v,{formID:d,formFields:n,webHooks:i,setWebHooks:g,step:s,setStep:l,setSnackbar:a,create:!0})]}),t.jsx("div",{className:"btcd-stp-page",style:{width:s===2&&"100%",height:s===2&&"auto"},children:t.jsx(L,{step:s,saveConfig:()=>b(m,p,c,i,u,"","",x),isLoading:f})})]})}export{z as default};
