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