Front: Display Intercom connections as coming soon

front/components/poke/plans/form.tsx

@@ -4,6 +4,7 @@ import {
   DropdownMenu,
   GithubLogo,
   Input,
+  IntercomLogo,
   NotionLogo,
   SlackLogo,
 } from "@dust-tt/sparkle";
@@ -21,6 +22,7 @@ export type EditingPlanType = {
   isNotionAllowed: boolean;
   isGoogleDriveAllowed: boolean;
   isGithubAllowed: boolean;
+  isIntercomAllowed: boolean;
   maxMessages: string | number;
   dataSourcesCount: string | number;
   dataSourcesDocumentsCount: string | number;
@@ -40,6 +42,7 @@ export const fromPlanType = (plan: PlanType): EditingPlanType => {
     isNotionAllowed: plan.limits.connections.isNotionAllowed,
     isGoogleDriveAllowed: plan.limits.connections.isGoogleDriveAllowed,
     isGithubAllowed: plan.limits.connections.isGithubAllowed,
+    isIntercomAllowed: plan.limits.connections.isIntercomAllowed,
     maxMessages: plan.limits.assistant.maxMessages,
     dataSourcesCount: plan.limits.dataSources.count,
     dataSourcesDocumentsCount: plan.limits.dataSources.documents.count,
@@ -64,6 +67,7 @@ export const toPlanType = (editingPlan: EditingPlanType): PlanType => {
         isNotionAllowed: editingPlan.isNotionAllowed,
         isGoogleDriveAllowed: editingPlan.isGoogleDriveAllowed,
         isGithubAllowed: editingPlan.isGithubAllowed,
+        isIntercomAllowed: editingPlan.isIntercomAllowed,
       },
       dataSources: {
         count: parseInt(editingPlan.dataSourcesCount.toString(), 10),
@@ -92,6 +96,7 @@ const getEmptyPlan = (): EditingPlanType => ({
   isNotionAllowed: false,
   isGoogleDriveAllowed: false,
   isGithubAllowed: false,
+  isIntercomAllowed: false,
   maxMessages: "",
   dataSourcesCount: "",
   dataSourcesDocumentsCount: "",
@@ -199,6 +204,12 @@ export const PLAN_FIELDS = {
     title: "Github",
     IconComponent: () => <GithubLogo className="h-4 w-4" />,
   },
+  isIntercomAllowed: {
+    type: "boolean",
+    width: "tiny",
+    title: "Intercom",
+    IconComponent: () => <IntercomLogo className="h-4 w-4" />,
+  },
   maxMessages: {
     type: "number",
     width: "medium",

front/lib/connector_providers.ts

@@ -1,6 +1,13 @@
-import { DriveLogo, GithubLogo, NotionLogo, SlackLogo } from "@dust-tt/sparkle";
+import {
+  DriveLogo,
+  GithubLogo,
+  IntercomLogo,
+  NotionLogo,
+  SlackLogo,
+} from "@dust-tt/sparkle";
 
 import { ConnectorProvider } from "@app/lib/connectors_api";
+import { isDevelopment } from "@app/lib/development";
 
 export const CONNECTOR_CONFIGURATIONS: Record<
   ConnectorProvider,
@@ -47,11 +54,21 @@ export const CONNECTOR_CONFIGURATIONS: Record<
   github: {
     name: "GitHub",
     connectorProvider: "github",
-    isBuilt: true,
+    isBuilt: isDevelopment(), // TODO @daph Activate Intercom connector
     logoPath: "/static/github_black_32x32.png",
     description:
       "Authorize access to your company's GitHub on a repository-by-repository basis. Dust can access Issues, Discussions, and Pull Request threads. We're working on adding support for code indexing.",
     logoComponent: GithubLogo,
     isNested: false,
   },
+  intercom: {
+    name: "Intercom",
+    connectorProvider: "intercom",
+    isBuilt: true,
+    logoPath: "/static/intercom_32x32.png",
+    description:
+      "Authorize access to your company's Intercom. Dust can access your Intercom Knowledge Base. Dust does not access Intercom conversations.",
+    logoComponent: IntercomLogo,
+    isNested: false,
+  },
 };

front/lib/connectors_api.ts

@@ -22,12 +22,14 @@ const CONNECTOR_PROVIDERS = [
   "notion",
   "github",
   "google_drive",
+  "intercom",
 ] as const;
 export type ConnectorProvider = (typeof CONNECTOR_PROVIDERS)[number];
 export const CONNECTOR_PROVIDERS_USING_NANGO = [
   "slack",
   "notion",
   "google_drive",
+  "intercom",
 ] as const;
 type ConnectorProviderUsingNango =
   (typeof CONNECTOR_PROVIDERS_USING_NANGO)[number];

front/lib/models/plan.ts

@@ -41,6 +41,7 @@ export class Plan extends Model<
   declare isManagedNotionAllowed: boolean;
   declare isManagedGoogleDriveAllowed: boolean;
   declare isManagedGithubAllowed: boolean;
+  declare isManagedIntercomAllowed: boolean;
   declare maxDataSourcesCount: number;
   declare maxDataSourcesDocumentsCount: number;
   declare maxDataSourcesDocumentsSizeMb: number;
@@ -110,6 +111,10 @@ Plan.init(
       type: DataTypes.BOOLEAN,
       defaultValue: false,
     },
+    isManagedIntercomAllowed: {
+      type: DataTypes.BOOLEAN,
+      defaultValue: false,
+    },
     maxDataSourcesCount: {
       type: DataTypes.INTEGER,
       allowNull: false,

front/lib/plans/enterprise_plans.ts

@@ -30,6 +30,7 @@ export const ENT_PLAN_FAKE_DATA: PlanAttributes = {
   isManagedNotionAllowed: true,
   isManagedGoogleDriveAllowed: true,
   isManagedGithubAllowed: true,
+  isManagedIntercomAllowed: true,
   maxDataSourcesCount: -1,
   maxDataSourcesDocumentsCount: -1,
   maxDataSourcesDocumentsSizeMb: 2,

front/lib/plans/free_plans.ts

@@ -36,6 +36,7 @@ export const FREE_TEST_PLAN_DATA: PlanAttributes = {
   isManagedNotionAllowed: false,
   isManagedGoogleDriveAllowed: false,
   isManagedGithubAllowed: false,
+  isManagedIntercomAllowed: false,
   maxDataSourcesCount: 5,
   maxDataSourcesDocumentsCount: 10,
   maxDataSourcesDocumentsSizeMb: 2,
@@ -58,6 +59,7 @@ const FREE_PLANS_DATA: PlanAttributes[] = [
     isManagedNotionAllowed: true,
     isManagedGoogleDriveAllowed: true,
     isManagedGithubAllowed: true,
+    isManagedIntercomAllowed: true,
     maxDataSourcesCount: -1,
     maxDataSourcesDocumentsCount: -1,
     maxDataSourcesDocumentsSizeMb: 2,

front/lib/plans/pro_plans.ts

@@ -40,6 +40,7 @@ if (isDevelopment()) {
     isManagedNotionAllowed: true,
     isManagedGoogleDriveAllowed: true,
     isManagedGithubAllowed: true,
+    isManagedIntercomAllowed: true,
     maxDataSourcesCount: -1,
     maxDataSourcesDocumentsCount: -1,
     maxDataSourcesDocumentsSizeMb: 2,

front/package.json

@@ -13,7 +13,7 @@
     "initdb": "env $(cat .env.local) npx tsx admin/db.ts"
   },
   "dependencies": {
-    "@dust-tt/sparkle": "^0.2.41",
+    "@dust-tt/sparkle": "^0.2.43",
     "@emoji-mart/data": "^1.1.2",
     "@emoji-mart/react": "^1.1.1",
     "@headlessui/react": "^1.7.7",

front/pages/api/w/[wId]/data_sources/managed.ts

@@ -82,7 +82,7 @@ async function handler(
 
       if (
         !req.body.provider ||
-        !["slack", "notion", "github", "google_drive"].includes(
+        !["slack", "notion", "github", "google_drive", "intercom"].includes(
           req.body.provider
         )
       ) {
@@ -133,6 +133,9 @@ async function handler(
           isDataSourceAllowedInPlan =
             plan.limits.connections.isGoogleDriveAllowed;
           break;
+        case "intercom":
+          isDataSourceAllowedInPlan = plan.limits.connections.isIntercomAllowed;
+          break;
         default:
           isDataSourceAllowedInPlan = false; // default to false if provider is not recognized
       }

front/pages/w/[wId]/builder/data-sources/[name]/index.tsx

@@ -49,6 +49,7 @@ const {
   NANGO_SLACK_CONNECTOR_ID = "",
   NANGO_NOTION_CONNECTOR_ID = "",
   NANGO_GOOGLE_DRIVE_CONNECTOR_ID = "",
+  NANGO_INTERCOM_CONNECTOR_ID = "",
   NANGO_PUBLIC_KEY = "",
   GITHUB_APP_URL = "",
 } = process.env;
@@ -67,6 +68,7 @@ export const getServerSideProps: GetServerSideProps<{
     slackConnectorId: string;
     notionConnectorId: string;
     googleDriveConnectorId: string;
+    intercomConnectorId: string;
   };
   githubAppUrl: string;
   gaTrackingId: string;
@@ -125,6 +127,7 @@ export const getServerSideProps: GetServerSideProps<{
         slackConnectorId: NANGO_SLACK_CONNECTOR_ID,
         notionConnectorId: NANGO_NOTION_CONNECTOR_ID,
         googleDriveConnectorId: NANGO_GOOGLE_DRIVE_CONNECTOR_ID,
+        intercomConnectorId: NANGO_INTERCOM_CONNECTOR_ID,
       },
       githubAppUrl: GITHUB_APP_URL,
       gaTrackingId: GA_TRACKING_ID,
@@ -434,6 +437,7 @@ const CONNECTOR_TYPE_TO_HELPER_TEXT: Record<ConnectorProvider, string> = {
   google_drive: "Google Drive folders and files Dust has access to.",
   slack: "Slack channels synchronized with Dust:",
   github: "GitHub repositories Dust has access to.",
+  intercom: "Intercom Help Centers synchronized with Dust:",
 };
 
 const CONNECTOR_TYPE_TO_MISMATCH_ERROR: Record<ConnectorProvider, string> = {
@@ -444,6 +448,8 @@ const CONNECTOR_TYPE_TO_MISMATCH_ERROR: Record<ConnectorProvider, string> = {
     "You cannot select another Github Organization.\nPlease contact us at team@dust.tt if you initially selected a wrong Organization.",
   google_drive:
     "You cannot select another Google Drive Domain.\nPlease contact us at team@dust.tt if you initially selected a wrong shared Drive.",
+  intercom:
+    "You cannot select another Intercom Workspace.\nPlease contact us at team@dust.tt if you initially selected a wrong Workspace.",
 };
 
 function ManagedDataSourceView({
@@ -466,6 +472,7 @@ function ManagedDataSourceView({
     slackConnectorId: string;
     notionConnectorId: string;
     googleDriveConnectorId: string;
+    intercomConnectorId: string;
   };
   githubAppUrl: string;
   plan: PlanType;
@@ -518,6 +525,7 @@ function ManagedDataSourceView({
         slack: nangoConfig.slackConnectorId,
         notion: nangoConfig.notionConnectorId,
         google_drive: nangoConfig.googleDriveConnectorId,
+        intercom: nangoConfig.intercomConnectorId,
       }[provider];
 
       const nango = new Nango({ publicKey: nangoConfig.publicKey });
@@ -670,6 +678,7 @@ function ManagedDataSourceView({
                       );
                     case "notion":
                     case "github":
+                    case "intercom":
                       return (
                         <Button
                           label="Add / Remove data, manage permissions"

front/pages/w/[wId]/builder/data-sources/managed.tsx

@@ -38,6 +38,7 @@ const {
   NANGO_SLACK_CONNECTOR_ID = "",
   NANGO_NOTION_CONNECTOR_ID = "",
   NANGO_GOOGLE_DRIVE_CONNECTOR_ID = "",
+  NANGO_INTERCOM_CONNECTOR_ID = "",
   NANGO_PUBLIC_KEY = "",
   GITHUB_APP_URL = "",
 } = process.env;
@@ -70,6 +71,7 @@ export const getServerSideProps: GetServerSideProps<{
     slackConnectorId: string;
     notionConnectorId: string;
     googleDriveConnectorId: string;
+    intercomConnectorId: string;
   };
   githubAppUrl: string;
 }> = async (context) => {
@@ -221,6 +223,7 @@ export const getServerSideProps: GetServerSideProps<{
         slackConnectorId: NANGO_SLACK_CONNECTOR_ID,
         notionConnectorId: NANGO_NOTION_CONNECTOR_ID,
         googleDriveConnectorId: NANGO_GOOGLE_DRIVE_CONNECTOR_ID,
+        intercomConnectorId: NANGO_INTERCOM_CONNECTOR_ID,
       },
       githubAppUrl: GITHUB_APP_URL,
     },
@@ -258,6 +261,7 @@ export default function DataSourcesView({
           slack: nangoConfig.slackConnectorId,
           notion: nangoConfig.notionConnectorId,
           google_drive: nangoConfig.googleDriveConnectorId,
+          intercom: nangoConfig.intercomConnectorId,
         }[provider];
         const nango = new Nango({ publicKey: nangoConfig.publicKey });
         const newConnectionId = buildConnectionId(owner.sId, provider);
@@ -404,6 +408,10 @@ export default function DataSourcesView({
                               isDataSourceAllowedInPlan =
                                 planConnectionsLimits.isGoogleDriveAllowed;
                               break;
+                            case "intercom":
+                              isDataSourceAllowedInPlan =
+                                planConnectionsLimits.isIntercomAllowed;
+                              break;
                             default:
                               ((p: never) => {
                                 throw new Error(

front/types/plan.ts

@@ -8,6 +8,7 @@ export type ManageDataSourcesLimitsType = {
   isNotionAllowed: boolean;
   isGoogleDriveAllowed: boolean;
   isGithubAllowed: boolean;
+  isIntercomAllowed: boolean;
 };
 export type LimitsType = {
   assistant: {