| 1 |
"use strict";(self.webpackChunk_bitforms=self.webpackChunk_bitforms||[]).push([[6870],{7751:(t,e,o)=>{o.d(e,{Z:()=>i});const i={acf:{title:"",link:""},activeCampaign:{title:"How to Setup ActiveCampaign integration",link:"https://www.youtube.com/watch?v=CfKrN2yHDxw&t=243s"},encharge:{title:"How to Setup Encharge integration",link:"https://www.youtube.com/watch?v=0XM9KhOKWWw&t=82s"},fluentCRM:{title:"How to Setup Fluent-CRM integration",link:"https://www.youtube.com/watch?v=kJ2pCH2FQwU&t=3s"},googelSheets:{title:"How to Setup Google Sheets integration",link:"https://www.youtube.com/watch?v=Vb4CE-hXbbo&t=2s"},integrately:{title:"How to Setup Integrately integration",link:"https://www.youtube.com/watch?v=2tj8MrDzfAA&t=2s"},integromat:{title:"How to Setup Integromat integration",link:"https://www.youtube.com/watch?v=myB_pia6bBM&t=1s"},mailChimp:{title:"How to Setup MailChamp integration",link:"https://www.youtube.com/watch?v=ZjAVXYbh7LY&t=11s"},mailPoet:{title:"How to Setup MailPoet integration",link:"https://www.youtube.com/watch?v=5hDcm4vVwcg&t=16s"},metaBox:{title:"How to Setup MetaBox integration",link:""},pabbly:{title:"How to Setup Pabbly integration",link:"https://www.youtube.com/watch?v=SE_ncIRtv7Q&t=2s"},pods:{title:"How to Setup Pods integration",link:"https://www.youtube.com/watch?v=81Uu2Rbmm0Y&t=10s"},sendinblue:{title:"How to Setup SendinBlue integration",link:"https://www.youtube.com/watch?v=DLWvKoPbbN8&t=6s"},telegram:{title:"How to Setup Telegram integration",link:"https://www.youtube.com/watch?v=M0u1joqrRTA&t=4s"},wooCommerce:{title:"How to Setup WooCommerce integration",link:"https://www.youtube.com/watch?v=Jxn1110dzNc&t=263s"},zapier:{title:"How to Setup Zapier integration",link:"https://www.youtube.com/watch?v=nm2Y31KT0bI&t=5s"},zohoAnalytics:{title:"How to Setup Zoho Analytics integration",link:"https://www.youtube.com/watch?v=Eoxxu3U_3_s&list=PL7c6CDwwm-ALD2gI3wHE23SObeh8yM2RS"},zohoBigin:{title:"How to Setup Zoho Bigin integration",link:"https://www.youtube.com/watch?v=ixJXIzy8hOQ&list=PL7c6CDwwm-ALhsMoiWS1Bel1TtjIbtibB"},zohoCampaigns:{title:"How to Setup Zoho Campaigns integration",link:"https://www.youtube.com/watch?v=uGzD8vLzdeQ&list=PL7c6CDwwm-AI2s42ooej4Gpn92v93-Qeg"},zohoCreator:{title:"How to Setup Zoho Creator integration",link:"https://www.youtube.com/watch?v=muB8tE1-bVg&list=PL7c6CDwwm-AIQLjwPBmjmDlcU1dbBgkwz"},zohoCrm:{title:"How to Setup Zoho-CRM integration",link:"https://www.youtube.com/watch?v=0fYVHhXqSJI&list=PL7c6CDwwm-ALDlpDo9vCBjdiJDJ33Xx0z"},zohoDesk:{title:"How to Setup Zoho Desk integration",link:"https://www.youtube.com/watch?v=zDKRmhTsYEM&list=PL7c6CDwwm-ALqMHEVpkEtMFJrcXAlLeR_"},zohoFlow:{title:"How to Setup Zoho Flow integration",link:"https://www.youtube.com/watch?v=-KrYBC0_07A"},zohoMail:{title:"How to Setup Zoho Mail integration",link:"https://www.youtube.com/watch?v=en6GWQ_8who&list=PL7c6CDwwm-ALJko8nEwetraIZAE2OoDdE"},zohoMarketingHub:{title:"How to Setup Zoho Marketing Hub integration",link:"https://www.youtube.com/watch?v=k_Es1XiSQrY&t=3s"},zohoProjects:{title:"How to Setup Zoho Projects integration",link:"https://www.youtube.com/watch?v=CaxLekQ-xVY&list=PL7c6CDwwm-AJoFFks8-X5HhaM19_W9y3j"},zohoRecruit:{title:"How to Setup Zoho Recruit integration",link:"https://www.youtube.com/watch?v=Bj-oMYQLDqI&list=PL7c6CDwwm-AJ2qnbOYW-UzZBQjWhRE0hg"},zohoSheet:{title:"How to Setup Zoho Sheet integration",link:"https://www.youtube.com/watch?v=uIdOUW-7SYA&list=PL7c6CDwwm-AKN4gEgctrcyht7zOwCyWpz"},zohoSign:{title:"How to Setup Zoho Sign integration",link:"https://www.youtube.com/watch?v=3ClKsZ9CBYM&t=1s"},zohoWorkDrive:{title:"How to Setup Zoho Work Drive integration",link:"https://www.youtube.com/watch?v=27v1F-cZLgg&list=PL7c6CDwwm-AKkKEqcRQWfpsDkT1-sJ_rZ"}}},6870:(t,e,o)=>{o.r(e),o.d(e,{default:()=>m});var i=o(7462),n=o(7294),l=o(1238),c=o(5637),s=o(7751),a=o(5257),r=o(9151),h=o(2138),w=o(5414),u=o(5893);function m(t){var e=t.formID,o=t.projectsConf,m=t.setProjectsConf,d=t.step,p=t.setstep,b=t.isLoading,g=t.setisLoading,v=t.setSnackbar,x=t.redirectLocation,j=t.isInfo,C=(0,n.useState)(!1),k=C[0],y=C[1],f=(0,n.useState)({dataCenter:"",clientId:"",clientSecret:""}),S=f[0],z=f[1],_=function(t){var e=(0,i.Z)({},o),n=(0,i.Z)({},S);n[t.target.name]="",e[t.target.name]=t.target.value,z(n),m(e)};return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(h.Z,{title:s.Z.zohoProjects.title,youTubeLink:s.Z.zohoProjects.link}),(0,u.jsxs)("div",{className:"btcd-stp-page",style:(0,i.Z)({},{width:1===d&&900},{height:1===d&&"100%"}),children:[(0,u.jsx)("div",{className:"mt-3",children:(0,u.jsx)("b",{children:(0,c.__)("Integration Name:","bitform")})}),(0,u.jsx)("input",{className:"btcd-paper-inp w-6 mt-1",onChange:_,name:"name",value:o.name,type:"text",placeholder:(0,c.__)("Integration Name...","bitform"),disabled:j}),(0,u.jsx)("div",{className:"mt-3",children:(0,u.jsx)("b",{children:(0,c.__)("Data Center:","bitform")})}),(0,u.jsxs)("select",{onChange:_,name:"dataCenter",value:o.dataCenter,className:"btcd-paper-inp w-6 mt-1",disabled:j,children:[(0,u.jsx)("option",{value:"",children:(0,c.__)("--Select a data center--","bitform")}),(0,u.jsx)("option",{value:"com",children:"zoho.com"}),(0,u.jsx)("option",{value:"eu",children:"zoho.eu"}),(0,u.jsx)("option",{value:"com.cn",children:"zoho.com.cn"}),(0,u.jsx)("option",{value:"in",children:"zoho.in"}),(0,u.jsx)("option",{value:"com.au",children:"zoho.com.au"})]}),(0,u.jsx)("div",{style:{color:"red"},children:S.dataCenter}),(0,u.jsx)("div",{className:"mt-3",children:(0,u.jsx)("b",{children:(0,c.__)("Homepage URL:","bitform")})}),(0,u.jsx)(r.Z,{value:""+window.location.origin,className:"field-key-cpy w-6 ml-0",readOnly:j}),(0,u.jsx)("div",{className:"mt-3",children:(0,u.jsx)("b",{children:(0,c.__)("Authorized Redirect URIs:","bitform")})}),(0,u.jsx)(r.Z,{value:x||window.location.href+"/redirect",className:"field-key-cpy w-6 ml-0",readOnly:j}),(0,u.jsxs)("small",{className:"d-blk mt-5",children:[(0,c.__)("To get Client ID and SECRET , Please Visit","bitform")," ",(0,u.jsx)("a",{className:"btcd-link",href:"https://api-console.zoho."+((null==o?void 0:o.dataCenter)||"com")+"/",target:"_blank",rel:"noreferrer",children:(0,c.__)("Zoho API Console","bitform")})]}),(0,u.jsx)("div",{className:"mt-3",children:(0,u.jsx)("b",{children:(0,c.__)("Client id:","bitform")})}),(0,u.jsx)("input",{className:"btcd-paper-inp w-6 mt-1",onChange:_,name:"clientId",value:o.clientId,type:"text",placeholder:(0,c.__)("Client id...","bitform"),disabled:j}),(0,u.jsx)("div",{style:{color:"red"},children:S.clientId}),(0,u.jsx)("div",{className:"mt-3",children:(0,u.jsx)("b",{children:(0,c.__)("Client secret:","bitform")})}),(0,u.jsx)("input",{className:"btcd-paper-inp w-6 mt-1",onChange:_,name:"clientSecret",value:o.clientSecret,type:"text",placeholder:(0,c.__)("Client secret...","bitform"),disabled:j}),(0,u.jsx)("div",{style:{color:"red"},children:S.clientSecret}),!j&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)("button",{onClick:function(){return(0,w.P_)(o,m,z,y,g,v)},className:"btn btcd-btn-lg green sh-sm flx",type:"button",disabled:k,children:[k?(0,c.__)("Authorized ✔","bitform"):(0,c.__)("Authorize","bitform"),b&&(0,u.jsx)(a.Z,{size:20,clr:"#022217",className:"ml-2"})]}),(0,u.jsx)("br",{}),(0,u.jsxs)("button",{onClick:function(){setTimeout((function(){document.getElementById("btcd-settings-wrp").scrollTop=0}),300),p(2),(0,w.c0)(e,o,m,g,v)},className:"btn f-right btcd-btn-lg green sh-sm flx",type:"button",disabled:!k,children:[(0,c.__)("Next","bitform"),(0,u.jsx)(l.Z,{className:"ml-1 rev-icn"})]})]})]})]})}},2138:(t,e,o)=>{o.d(e,{Z:()=>c});var i=o(5893);function n(t){var e=t.size,o=t.className;return(0,i.jsx)("svg",{viewBox:"0 0 512 512",width:e,height:e,className:o,children:(0,i.jsx)("g",{children:(0,i.jsx)("g",{children:(0,i.jsxs)("g",{children:[(0,i.jsx)("path",{fill:"currentColor",d:"M352.459,220c0-11.046-8.954-20-20-20h-206c-11.046,0-20,8.954-20,20s8.954,20,20,20h206 C343.505,240,352.459,231.046,352.459,220z"}),(0,i.jsx)("path",{fill:"currentColor",d:"M126.459,280c-11.046,0-20,8.954-20,20c0,11.046,8.954,20,20,20H251.57c11.046,0,20-8.954,20-20c0-11.046-8.954-20-20-20 H126.459z"}),(0,i.jsx)("path",{fill:"currentColor",d:"M173.459,472H106.57c-22.056,0-40-17.944-40-40V80c0-22.056,17.944-40,40-40h245.889c22.056,0,40,17.944,40,40v123 c0,11.046,8.954,20,20,20c11.046,0,20-8.954,20-20V80c0-44.112-35.888-80-80-80H106.57c-44.112,0-80,35.888-80,80v352 c0,44.112,35.888,80,80,80h66.889c11.046,0,20-8.954,20-20C193.459,480.954,184.505,472,173.459,472z"}),(0,i.jsx)("path",{fill:"currentColor",d:"M467.884,289.572c-23.394-23.394-61.458-23.395-84.837-0.016l-109.803,109.56c-2.332,2.327-4.052,5.193-5.01,8.345 l-23.913,78.725c-2.12,6.98-0.273,14.559,4.821,19.78c3.816,3.911,9,6.034,14.317,6.034c1.779,0,3.575-0.238,5.338-0.727 l80.725-22.361c3.322-0.92,6.35-2.683,8.79-5.119l109.573-109.367C491.279,351.032,491.279,312.968,467.884,289.572z M333.776,451.768l-40.612,11.25l11.885-39.129l74.089-73.925l28.29,28.29L333.776,451.768z M439.615,346.13l-3.875,3.867 l-28.285-28.285l3.862-3.854c7.798-7.798,20.486-7.798,28.284,0C447.399,325.656,447.399,338.344,439.615,346.13z"}),(0,i.jsx)("path",{fill:"currentColor",d:"M332.459,120h-206c-11.046,0-20,8.954-20,20s8.954,20,20,20h206c11.046,0,20-8.954,20-20S343.505,120,332.459,120z"})]})})})})}function l(t){var e=t.size,o=t.color,n=void 0===o?"#FF3D00":o,l=t.className;return(0,i.jsxs)("svg",{viewBox:"0 0 48 48",width:e,height:e,className:l,children:[(0,i.jsx)("path",{fill:n,d:"M43.2,33.9c-0.4,2.1-2.1,3.7-4.2,4c-3.3,0.5-8.8,1.1-15,1.1c-6.1,0-11.6-0.6-15-1.1c-2.1-0.3-3.8-1.9-4.2-4C4.4,31.6,4,28.2,4,24c0-4.2,0.4-7.6,0.8-9.9c0.4-2.1,2.1-3.7,4.2-4C12.3,9.6,17.8,9,24,9c6.2,0,11.6,0.6,15,1.1c2.1,0.3,3.8,1.9,4.2,4c0.4,2.3,0.9,5.7,0.9,9.9C44,28.2,43.6,31.6,43.2,33.9z"}),(0,i.jsx)("path",{fill:"#FFF",d:"M20 31L20 17 32 24z"})]})}function c(t){var e=t.title,o=t.subtitle,c=t.youTubeLink,s=t.docLink,a=t.style;return(0,i.jsxs)("div",{style:a,children:[(0,i.jsxs)("span",{className:"tutoriallink p-1 "+(c&&"youtube"),children:[c?(0,i.jsx)(l,{size:"25",className:"mr-1"}):(0,i.jsx)(n,{size:"18",className:"mr-1"}),(0,i.jsx)("a",{target:"_blank",rel:"noreferrer",href:c||s,children:e})]}),o&&(0,i.jsx)("p",{className:"mt-1",children:o})]})}}}]); |
