var S=Object.defineProperty;var x=Object.getOwnPropertySymbols;var y=Object.prototype.hasOwnProperty,_=Object.prototype.propertyIsEnumerable;var j=(i,e,r)=>e in i?S(i,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):i[e]=r,b=(i,e)=>{for(var r in e||(e={}))y.call(e,r)&&j(i,r,e[r]);if(x)for(var r of x(e))_.call(e,r)&&j(i,r,e[r]);return i};import{_ as a,j as t}from"./main.2.8.1.js";import{d as k}from"./react-router-dom.9mCuUg3q.js";import{z,a9 as L}from"./Note.BeM7sN-p.js";import{s as w,a as K,g as $}from"./SystemeIOCommonFunc.8zywhAgK.js";import{t as E}from"./tutorialLinks.kMkIDzcD.js";import{T as A}from"./TutorialLink.BAFX--T3.js";import"./CopyIcn.3gZpHton.js";function D({systemeIOConf:i,setSystemeIOConf:e,step:r,setStep:N,loading:s,setLoading:l,isInfo:o}){const[c,T]=k.useState(!1),{systemeIO:n}=E,[u,p]=k.useState({api_key:""}),P=()=>{setTimeout(()=>{document.getElementById("btcd-settings-wrp").scrollTop=0},300),K(i,e,l),$(i,e,l),i!=null&&i.default,N(2)},h=d=>{const m=b({},i),g=b({},u);g[d.target.name]="",m[d.target.name]=d.target.value,p(g),e(m)},v=`
            <h4>${a("To Get API Key & API Secret","bit-integrations")}</h4>
            <ul>
                <li>${a("First go to your SystemeIO dashboard.","bit-integrations")}</li>
                <li>${a('Click go to "Settings" from Right Top corner',"bit-integrations")}</li>
                <li>${a('Then Click "Public API Keys" from the "Settings Menu"',"bit-integrations")}</li>
                <li>${a('Then Click "Create Api key"',"bit-integrations")}</li>
                <li>${a('Then copy "API Token"',"bit-integrations")}</li>
            </ul>`;return t.jsxs("div",{className:"btcd-stp-page",style:{width:r===1&&900,height:r===1&&"auto"},children:[(n==null?void 0:n.youTubeLink)&&t.jsx(A,{title:"SystemeIO",youTubeLink:n==null?void 0:n.youTubeLink}),(n==null?void 0:n.docLink)&&t.jsx(A,{title:"SystemeIO",docLink:n==null?void 0:n.docLink}),t.jsx("div",{className:"mt-3",children:t.jsx("b",{children:a("Integration Name:","bit-integrations")})}),t.jsx("input",{className:"btcd-paper-inp w-6 mt-1",onChange:h,name:"name",value:i.name,type:"text",placeholder:a("Integration Name...","bit-integrations"),disabled:o}),t.jsx("div",{className:"mt-3",children:t.jsx("b",{children:a("API Key:","bit-integrations")})}),t.jsx("input",{className:"btcd-paper-inp w-6 mt-1",onChange:h,name:"api_key",value:i.api_key,type:"text",placeholder:a("API Key...","bit-integrations"),disabled:o}),t.jsx("div",{style:{color:"red",fontSize:"15px"},children:u.api_key}),t.jsxs("small",{className:"d-blk mt-3",children:[a("To Get API Key & API Secret, Please Visit","bit-integrations")," ",t.jsx("a",{className:"btcd-link",href:"https://systeme.io/dashboard/profile/public-api-settings",target:"_blank",children:a("SystemeIO API Key & Secret","bit-integrations")})]}),t.jsx("br",{}),t.jsx("br",{}),!o&&t.jsxs("div",{children:[t.jsxs("button",{onClick:()=>w(i,e,p,T,s,l),className:"btn btcd-btn-lg purple sh-sm flx",type:"button",disabled:c||s.auth,children:[c?a("Authorized ✔","bit-integrations"):a("Authorize","bit-integrations"),s.auth&&t.jsx(z,{size:"20",clr:"#022217",className:"ml-2"})]}),t.jsx("br",{}),t.jsxs("button",{onClick:P,className:"btn ml-auto btcd-btn-lg purple sh-sm flx",type:"button",disabled:!c,children:[a("Next","bit-integrations"),t.jsx("div",{className:"btcd-icn icn-arrow_back rev-icn d-in-b"})]})]}),t.jsx(L,{note:v})]})}export{D as default};
