| 1 |
"use strict";(self.webpackChunk_bitforms=self.webpackChunk_bitforms||[]).push([[5243],{7751:(t,e,i)=>{i.d(e,{Z:()=>o});const o={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"}}},5243:(t,e,i)=>{i.r(e),i.d(e,{default:()=>p});var o=i(7294),n=(i(8774),i(5256)),s=i(1238),l=i(5637),a=i(5001),c=i(3231),r=i(4383),h=i(5813),w=i(769),u=i(1212),m=i(1371),d=i(5893);const p=function(t){var e=t.formFields,i=t.setIntegration,p=t.integrations,b=t.allIntegURL,g=(0,n.k6)(),x=(0,n.UO)().formID,v=(0,o.useState)(!1),f=v[0],j=v[1],k=(0,o.useState)(1),C=k[0],y=k[1],S=(0,o.useState)({show:!1}),z=S[0],H=S[1],_=(0,o.useState)({name:"Zoho Marketing Hub API",type:"Zoho Marketing Hub",clientId:"",clientSecret:"",list:"",field_map:[{formField:"",zohoFormField:""}]}),N=_[0],Z=_[1];return(0,o.useEffect)((function(){window.opener&&(0,u.WK)()}),[]),(0,d.jsxs)("div",{children:[(0,d.jsx)(a.Z,{snack:z,setSnackbar:H}),(0,d.jsx)("div",{className:"txt-center w-9 mt-2",children:(0,d.jsx)(c.Z,{step:3,active:C})}),(0,d.jsx)(w.default,{formID:x,marketingHubConf:N,setMarketingHubConf:Z,step:C,setstep:y,isLoading:f,setisLoading:j,setSnackbar:H}),(0,d.jsxs)("div",{className:"btcd-stp-page",style:{width:2===C&&900,height:2===C&&"100%"},children:[(0,d.jsx)(m.Z,{formID:x,formFields:e,handleInput:function(t){return(0,u.Rx)(t,x,N,Z,j,H)},marketingHubConf:N,setMarketingHubConf:Z,isLoading:f,setisLoading:j,setSnackbar:H}),(0,d.jsxs)("button",{onClick:function(){return function(t){if(3===t){if(!(0,u.Pd)(N))return void H({show:!0,msg:(0,l.__)("Please map mandatory fields","bitform")});""!==N.list&&""!==N.table&&N.field_map.length>0&&y(t)}else y(t),2!==t||N.list||(0,u.aS)(x,N,Z,j,H)}(3)},disabled:""===N.list||""===N.table||N.field_map.length<1,className:"btn f-right btcd-btn-lg green sh-sm flx",type:"button",children:[(0,l.__)("Next","bitform"),(0,d.jsx)(s.Z,{className:"ml-1 rev-icn"})]})]}),(0,d.jsx)(h.Z,{step:C,saveConfig:function(){return(0,r.Mm)(p,i,b,N,g)}})]})}},769:(t,e,i)=>{i.r(e),i.d(e,{default:()=>m});var o=i(7462),n=i(7294),s=i(1238),l=i(5637),a=i(7751),c=i(5257),r=i(9151),h=i(2138),w=i(1212),u=i(5893);function m(t){var e=t.formID,i=t.marketingHubConf,m=t.setMarketingHubConf,d=t.step,p=t.setstep,b=t.isLoading,g=t.setisLoading,x=t.setSnackbar,v=t.redirectLocation,f=t.isInfo,j=(0,n.useState)(!1),k=j[0],C=j[1],y=(0,n.useState)({dataCenter:"",clientId:"",clientSecret:""}),S=y[0],z=y[1],H=function(t){var e=(0,o.Z)({},i),n=(0,o.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:a.Z.zohoMarketingHub.title,youTubeLink:a.Z.zohoMarketingHub.link}),(0,u.jsxs)("div",{className:"btcd-stp-page",style:(0,o.Z)({},{width:1===d&&900},{height:1===d&&"100%"}),children:[(0,u.jsx)("div",{className:"mt-3",children:(0,u.jsx)("b",{children:(0,l.__)("Integration Name:","bitform")})}),(0,u.jsx)("input",{className:"btcd-paper-inp w-6 mt-1",onChange:H,name:"name",value:i.name,type:"text",placeholder:(0,l.__)("Integration Name...","bitform"),disabled:f}),(0,u.jsx)("div",{className:"mt-3",children:(0,u.jsx)("b",{children:(0,l.__)("Data Center:","bitform")})}),(0,u.jsxs)("select",{onChange:H,name:"dataCenter",value:i.dataCenter,className:"btcd-paper-inp w-6 mt-1",disabled:f,children:[(0,u.jsx)("option",{value:"",children:(0,l.__)("--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,l.__)("Homepage URL:","bitform")})}),(0,u.jsx)(r.Z,{value:""+window.location.origin,className:"field-key-cpy w-6 ml-0",readOnly:f}),(0,u.jsx)("div",{className:"mt-3",children:(0,u.jsx)("b",{children:(0,l.__)("Authorized Redirect URIs:","bitform")})}),(0,u.jsx)(r.Z,{value:v||window.location.href+"/redirect",className:"field-key-cpy w-6 ml-0",readOnly:f}),(0,u.jsxs)("small",{className:"d-blk mt-5",children:[(0,l.__)("To get Client ID and SECRET , Please Visit","bitform")," ",(0,u.jsx)("a",{className:"btcd-link",href:"https://api-console.zoho."+((null==i?void 0:i.dataCenter)||"com")+"/",target:"_blank",rel:"noreferrer",children:(0,l.__)("Zoho API Console","bitform")})]}),(0,u.jsx)("div",{className:"mt-3",children:(0,u.jsx)("b",{children:(0,l.__)("Client id:","bitform")})}),(0,u.jsx)("input",{className:"btcd-paper-inp w-6 mt-1",onChange:H,name:"clientId",value:i.clientId,type:"text",placeholder:(0,l.__)("Client id...","bitform"),disabled:f}),(0,u.jsx)("div",{style:{color:"red"},children:S.clientId}),(0,u.jsx)("div",{className:"mt-3",children:(0,u.jsx)("b",{children:(0,l.__)("Client secret:","bitform")})}),(0,u.jsx)("input",{className:"btcd-paper-inp w-6 mt-1",onChange:H,name:"clientSecret",value:i.clientSecret,type:"text",placeholder:(0,l.__)("Client secret...","bitform"),disabled:f}),(0,u.jsx)("div",{style:{color:"red"},children:S.clientSecret}),!f&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)("button",{onClick:function(){return(0,w.P_)(i,m,z,C,g,x)},className:"btn btcd-btn-lg green sh-sm flx",type:"button",disabled:k,children:[k?(0,l.__)("Authorized ✔","bitform"):(0,l.__)("Authorize","bitform"),b&&(0,u.jsx)(c.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.aS)(e,i,m,g,x)},className:"btn f-right btcd-btn-lg green sh-sm flx",type:"button",disabled:!k,children:[(0,l.__)("Next","bitform"),(0,u.jsx)(s.Z,{className:"ml-1 rev-icn"})]})]})]})]})}},3231:(t,e,i)=>{i.d(e,{Z:()=>s});var o=i(7294),n=i(5893);const s=function(t){var e=t.step,i=t.active,s=t.className;return(0,n.jsx)("div",{className:"d-in-b "+s,children:(0,n.jsxs)("div",{className:"flx flx-center",children:[Array(i).fill(0).map((function(t,e){return(0,n.jsxs)(o.Fragment,{children:[(0,n.jsx)("div",{className:"btcd-stp flx flx-center stp-a txt-center",children:e+1}),i-1!==e&&(0,n.jsx)("div",{className:"btcd-stp-line stp-line-a"})]},"stp-"+(e+21))})),e-i!==0&&(0,n.jsx)("div",{className:"btcd-stp-line"}),Array(e-i).fill(0).map((function(t,s){return(0,n.jsxs)(o.Fragment,{children:[(0,n.jsx)("div",{className:"btcd-stp flx flx-center txt-center",children:s+i+1}),e-i-1!==s&&(0,n.jsx)("div",{className:"btcd-stp-line "})]},"stp-"+(s+23))}))]})})}},2138:(t,e,i)=>{i.d(e,{Z:()=>l});var o=i(5893);function n(t){var e=t.size,i=t.className;return(0,o.jsx)("svg",{viewBox:"0 0 512 512",width:e,height:e,className:i,children:(0,o.jsx)("g",{children:(0,o.jsx)("g",{children:(0,o.jsxs)("g",{children:[(0,o.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,o.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,o.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,o.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,o.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 s(t){var e=t.size,i=t.color,n=void 0===i?"#FF3D00":i,s=t.className;return(0,o.jsxs)("svg",{viewBox:"0 0 48 48",width:e,height:e,className:s,children:[(0,o.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,o.jsx)("path",{fill:"#FFF",d:"M20 31L20 17 32 24z"})]})}function l(t){var e=t.title,i=t.subtitle,l=t.youTubeLink,a=t.docLink,c=t.style;return(0,o.jsxs)("div",{style:c,children:[(0,o.jsxs)("span",{className:"tutoriallink p-1 "+(l&&"youtube"),children:[l?(0,o.jsx)(s,{size:"25",className:"mr-1"}):(0,o.jsx)(n,{size:"18",className:"mr-1"}),(0,o.jsx)("a",{target:"_blank",rel:"noreferrer",href:l||a,children:e})]}),i&&(0,o.jsx)("p",{className:"mt-1",children:i})]})}}}]); |
