https://cdn.stackby.com/build/6011.fd62429a99a513c9375c.bundle.js

1"use strict";(self.webpackChunkStackby_webapp=self.webpackChunkStackby_webapp||[]).push([[6011],{26011:(e,t,n)=>{n.r(t),n.d(t,{default:()=>D});var a=n(379),r=n.n(a),i=n(71468),o=n(27089),c=n(92257),s=n(92672),l=n(71083),u=n(86663),h=n(10159),d=n(21345),p=n(9872),f=n(74046),b=n.n(f),g=n(91003),y=n.n(g),v=n(77452),m=n(17041),k=n(70510),w=n(96763);function j(e){return j="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},j(e)}function C(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,a)}return n}function x(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?C(Object(n),!0).forEach(function(t){O(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):C(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function O(e,t,n){return(t=S(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function A(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,S(a.key),a)}}function S(e){var t=function(e,t){if("object"!=j(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,t||"default");if("object"!=j(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==j(t)?t:t+""}function N(e,t,n){return t=P(t),function(e,t){if(t&&("object"==j(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,I()?Reflect.construct(t,n||[],P(e).constructor):t.apply(e,n))}function I(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(I=function(){return!!e})()}function P(e){return P=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},P(e)}function T(e,t){return T=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},T(e,t)}var _=function(e){function t(e){var n;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(n=N(this,t,[e])).state=O(O(O({activeCate:"All",searchValue:"",notFound:!1,integrations:(0,d.integrations)(),loading:!0,workspaceId:null,apiWorkspace:null},"loading",!0),"activeTab","API Connectors"),"filteredIntegrations",(0,d.integrations)()),n.handleSearchChange=n.handleSearchChange.bind(n),n.getWorkspaceInfo=n.getWorkspaceInfo.bind(n),n.handleTabClick=n.handleTabClick.bind(n),n.handleChangeCategory=n.handleChangeCategory.bind(n),n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&T(e,t)}(t,e),n=t,a=[{key:"componentDidMount",value:function(){var e=this;b().pageView("/integrate"),y().dataLayer({dataLayer:{page:"/integrate"}}),(0,m.Of)(this.props.auth,"integrate","user in integrate page");var t=u.parse(this.props.location.search).workspaceId,n=void 0===t?null:t;this.setState({workspaceId:n},function(){e.getWorkspaceInfo()})}},{key:"getWorkspaceInfo",value:function(){var e=this;this.setState({loading:!0});var t=this.state,n=t.integrations,a=t.workspaceId;a?a&&l.A.get("/api/v1/workspacesettings/"+a).then(function(t){var a=t.data,r=JSON.parse((0,p.Y)(a.data)).apiWorkspace;r&&r.map(function(e){var t=n.findIndex(function(t){return t.key==e.apiProvider});t&&(n[t]=x(x({},n[t]),{},{connected:!0}))}),e.setState({apiWorkspace:r,loading:!1,integrations:n})}).catch(function(e){w.error(e)}):this.setState({loading:!1})}},{key:"handleSearchChange",value:function(e,t){var n=t.value;this.setState({searchValue:n});

1var a=this.state,r=a.integrations,i=a.activeCate,o=r.filter(function(e){var t="All"===i||e.type===i,a=e.name.toLowerCase().includes(n.toLowerCase());return t&&a});this.setState({filteredIntegrations:o,notFound:0===o.length})}},{key:"handleActionButton",value:function(e){var t=this.state.workspaceId;switch(e.key){case"zapier":window.open("https://zapier.com/apps/stackby/integrations","_blank");break;case"integromat":window.open("https://www.integromat.com/en/integrations/stackby","_blank");break;case"n8n":window.open("https://n8n.io/integrations/n8n-nodes-base.stackby","_blank");break;case"Integrately":window.open("https://integrately.com/store/stackby","_blank");break;case"Pabbly":window.open("https://www.pabbly.com/connect/integrations/stackby/","_blank");break;case"11Za":window.open("https://11za.com/","_blank");break;default:var n=t?"/integrate/".concat(e.key,"/configure?workspaceId=").concat(t):"/integrate/".concat(e.key,"/configure");window.location.href=n}}},{key:"handleChangeCategory",value:function(e){var t=this.state.integrations;if("All"==e)this.setState({filteredIntegrations:t,activeCate:"All"});else{var n=t.filter(function(t){return t.type===e});this.setState({filteredIntegrations:n,activeCate:e})}}},{key:"handleTabClick",value:function(e){var t=this.state.integrations.filter(function(t){return t.tab===e});this.setState({activeTab:e,filteredIntegrations:t,activeCate:"All",notFound:0===t.length})}},{key:"render",value:function(){var e=this,t=this.state,n=t.searchValue,a=t.activeCate,r=t.notFound,i=(t.integrations,t.loading),s=(t.workspaceId,t.activeTab),l=t.filteredIntegrations;return(0,k.jsxs)("div",{id:"integrations",children:[(0,k.jsx)(v.A,{history:this.props.history}),(0,k.jsx)(o.A,{className:"header-container",children:i?(0,k.jsx)("div",{style:{display:"flex",alignItems:"center",height:"100vh",justifyContent:"center"},children:(0,k.jsx)("img",{src:"https://stackbybucketprod.s3-ap-southeast-1.amazonaws.com/stack_loader.gif",width:"50px"})}):(0,k.jsxs)("div",{className:"int-list",children:[!h.Fr&&(0,k.jsxs)("div",{className:"category",children:[(0,k.jsx)(c.A,{icon:"search",className:"search-template",value:n,style:{marginBottom:20,width:"-webkit-fill-available"},onChange:this.handleSearchChange,placeholder:"Search..."}),(0,k.jsx)("div",{className:"sidebar-title",children:(0,k.jsx)("h3",{style:{marginBottom:10},children:"CATEGORIES"})}),(0,k.jsxs)("ul",{className:"sidebar-items",children:[(0,k.jsx)("li",{className:"All"===a?"active":"",children:(0,k.jsx)("a",{href:"#",onClick:function(t){t.preventDefault(),e.handleChangeCategory("All")},children:"All"})}),d.category.map(function(t,n){return(0,k.jsx)("li",{className:a===t?"active":" ",children:(0,k.jsx)("a",{href:"#",onClick:function(n){n.preventDefault(),e.handleChangeCategory(t)},children:t})},n)})]})]}),(0,k.jsxs)("div",{className:"list",style:{width:h.Fr&&"100%",textAlign:h.Fr&&"center"},children:[(0,k.jsx)("h3",{className:"int-title",children:a}),(0,k.jsxs)("div",{className:"inte-tabs",children:[(0,k.jsx)("div",{className:"inte-capsule ".concat("All"==a&&"API Connectors"===s?"activeTab":""),onClick:function(){return e.handleTabClick("API Connectors")},children:"API Connectors"}),(0,k.jsx)("div",{className:"inte-capsule ".concat("All"==a&&"Automations"===s?"activeTab":""),onClick:function(){return e.handleTabClick("Automations")},children:"Automations"}),(0,k.jsx)("div",{className:"inte-capsule ".concat("All"==a&&"Third Party"===s?"activeTab":""),onClick:function(){return e.handleTabClick("Third Party")},children:"Third Party"}),(0,k.jsx)("div",{className:"inte-capsule ".concat("All"==a&&"AI"===s?"activeTab":""),onClick:function(){return e.handleTabClick("AI")},children:"AI"})]}),h.Fr&&(0,k.jsx)("div",{style:{width:"100%"},children:(0,k.jsx)(c.A,{icon:"search",className:"search-template",value:n,style:{marginBottom:20,width:"-webkit-fill-available"},onChange:this.handleSearchChange,placeholder:"Search..."})}),(0,k.jsxs)("div",{className:"grid-integration",children:[l.map(function(t,n){return(0,k.jsx)("a",{className:"integrationLink",onClick:function(n){n.preventDefault(),t.live&&e.handleActionButton(t)},children:(0,k.jsxs)("div",{className:"integration-card",children:[(0,k.jsx)("div",{className:"inte-logoSection",children:(0,k.jsx)("img",{src:t.logo,className:"inte-logo"})}),(0,k.jsxs)("div",{className:"inte-caption",children:[(0,k.jsxs)("div",{className:"inte-title",children:[" ",t.name," "]}),(0,k.jsxs)("div",{className:"inte-type",children:[" ",t.type," "]})]})]})},n)}),r&&(0,k.jsx)("p",{className:"no-match-message",children:"No results were found."})]})]})]})})]})}}],a&&A(n.prototype,a),r&&A(n,r),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,a,r}(r().Component);const D=(0,i.Ng)(function(e){return{auth:e.auth}})((0,s.A)(_))}}]);