import{j as t,_ as i,s as N,d as y}from"./main.2.8.1.js";import{d as n}from"./react-router-dom.9mCuUg3q.js";import{B as k}from"./BackIcn._kGL_vVw.js";import{z as C,y as v}from"./Note.BeM7sN-p.js";import{t as L}from"./tutorialLinks.kMkIDzcD.js";import{T as d}from"./TutorialLink.BAFX--T3.js";import"./CopyIcn.3gZpHton.js";function B({formID:z,wcConf:o,setWcConf:u,step:r,setStep:h,setSnackbar:p}){const[a,b]=n.useState(!1),[c,m]=n.useState(!1),[g,x]=n.useState(!1),{wooCommerce:e}=L,f=()=>{m("auth"),y({},"wc_authorize").then(s=>{s!=null&&s.success&&(b(!0),p({show:!0,msg:i("Connected with WooCommerce Successfully","bit-integrations")})),m(!1),x(!0)})},j=s=>{const l=v(o);l[s.target.name]=s.target.value,u(l)};return t.jsxs("div",{className:"btcd-stp-page",style:{width:r===1&&900,height:r===1&&"auto"},children:[t.jsx(d,{title:"WooCommerce",youTubeLink:e==null?void 0:e.youTubeLink}),t.jsx(d,{title:"WooCommerce",docLink:e==null?void 0:e.docLink}),t.jsx("div",{className:"mt-3",children:t.jsx("b",{children:i("Integration Name:","bit-integrations")})}),t.jsx("input",{className:"btcd-paper-inp w-6 mt-1",onChange:j,name:"name",value:o.name,type:"text",placeholder:i("Integration Name...","bit-integrations")}),c==="auth"&&t.jsxs("div",{className:"flx mt-5",children:[t.jsx(C,{size:25,clr:"#022217",className:"mr-2"}),"Checking if WooCommerce is active!!!"]}),g&&!a&&!c&&t.jsxs("div",{className:"flx mt-5",style:{color:"red"},children:[t.jsx("span",{className:"btcd-icn mr-2",style:{fontSize:30,marginTop:-5},children:"×"}),N(i("%s plugin must be activated to integrate with Bit Integrations","bit-integrations"),"WooCommerce")]}),!a&&t.jsx("button",{onClick:f,className:"btn btcd-btn-lg purple sh-sm flx mt-5",type:"button",children:i("Connect","bit-integrations")}),a&&t.jsxs("button",{onClick:()=>h(2),className:"btn btcd-btn-lg purple sh-sm flx mt-5",type:"button",disabled:!a,children:[i("Next","bit-integrations"),t.jsx(k,{className:"ml-1 rev-icn"})]})]})}export{B as default};
