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