How to Integrate Bolt.new with Intercom

1'use client';
2import { useEffect } from 'react';
3
4interface IntercomProviderProps {
5  children: React.ReactNode;
6  user?: {
7    id: string;
8    email: string;
9    name: string;
10    createdAt: number; // Unix timestamp
11  };
12}
13
14declare global {
15  interface Window {
16    Intercom?: (command: string, data?: Record<string, unknown>) => void;
17    intercomSettings?: Record<string, unknown>;
18  }
19}
20
21export function IntercomProvider({ children, user }: IntercomProviderProps) {
22  const appId = process.env.NEXT_PUBLIC_INTERCOM_APP_ID!;
23
24  useEffect(() => {
25    // Load Intercom script
26    (function () {
27      const w = window;
28      const ic = w.Intercom;
29      if (typeof ic === 'function') {
30        ic('reattach_activator');
31        ic('update', w.intercomSettings);
32      } else {
33        const d = document;
34        const i = function (...args: unknown[]) {
35          (i as unknown as { q: unknown[] }).q.push(args);
36        };
37        (i as unknown as { q: unknown[]; c: (...args: unknown[]) => void }).q = [];
38        (i as unknown as { c: (...args: unknown[]) => void }).c = function (...args: unknown[]) {
39          (i as unknown as { q: unknown[] }).q.push(args);
40        };
41        w.Intercom = i as unknown as (command: string, data?: Record<string, unknown>) => void;
42        const l = function () {
43          const s = d.createElement('script');
44          s.type = 'text/javascript';
45          s.async = true;
46          s.src = `https://widget.intercom.io/widget/${appId}`;
47          const x = d.getElementsByTagName('script')[0];
48          x?.parentNode?.insertBefore(s, x);
49        };
50        if (document.readyState === 'complete') {
51          l();
52        } else {
53          window.addEventListener('load', l);
54        }
55      }
56    })();
57
58    // Initialize with user data or anonymous
59    const config: Record<string, unknown> = { app_id: appId };
60    if (user) {
61      config.user_id = user.id;
62      config.email = user.email;
63      config.name = user.name;
64      config.created_at = user.createdAt;
65    }
66    window.Intercom?.('boot', config);
67
68    return () => {
69      window.Intercom?.('shutdown');
70    };
71  }, [appId, user?.id]);
72
73  return <>{children}</>;
74}

1// app/api/intercom/contacts/route.ts
2import { NextResponse } from 'next/server';
3
4const INTERCOM_API_BASE = 'https://api.intercom.io';
5const INTERCOM_VERSION = '2.10';
6
7function getHeaders() {
8  return {
9    Authorization: `Bearer ${process.env.INTERCOM_ACCESS_TOKEN}`,
10    'Intercom-Version': INTERCOM_VERSION,
11    'Content-Type': 'application/json',
12    Accept: 'application/json',
13  };
14}
15
16export async function GET(request: Request) {
17  const { searchParams } = new URL(request.url);
18  const email = searchParams.get('email');
19
20  try {
21    let url = `${INTERCOM_API_BASE}/contacts`;
22    if (email) {
23      // Search by email using filter
24      url = `${INTERCOM_API_BASE}/contacts/search`;
25      const body = JSON.stringify({
26        query: {
27          operator: 'AND',
28          value: [{ field: 'email', operator: '=', value: email }],
29        },
30      });
31      const response = await fetch(url, {
32        method: 'POST',
33        headers: getHeaders(),
34        body,
35      });
36      const data = await response.json();
37      return NextResponse.json(data);
38    }
39
40    const response = await fetch(url, { headers: getHeaders() });
41    const data = await response.json();
42    return NextResponse.json(data);
43  } catch (error: unknown) {
44    const e = error as { message: string };
45    return NextResponse.json({ error: e.message }, { status: 500 });
46  }
47}

1// app/api/intercom/webhook/route.ts
2import { NextResponse } from 'next/server';
3import crypto from 'crypto';
4
5export async function POST(request: Request) {
6  const rawBody = await request.text();
7  const signature = request.headers.get('X-Hub-Signature');
8
9  // Verify webhook signature
10  if (process.env.INTERCOM_WEBHOOK_SECRET && signature) {
11    const expectedSig = crypto
12      .createHmac('sha1', process.env.INTERCOM_WEBHOOK_SECRET)
13      .update(rawBody)
14      .digest('hex');
15    if (`sha1=${expectedSig}` !== signature) {
16      return NextResponse.json({ error: 'Invalid signature' }, { status: 403 });
17    }
18  }
19
20  try {
21    const payload = JSON.parse(rawBody);
22    const { topic, data } = payload;
23
24    switch (topic) {
25      case 'conversation.created':
26        console.log('New conversation:', data.item.id);
27        break;
28      case 'conversation.user.replied':
29        console.log('User replied to conversation:', data.item.id);
30        break;
31      case 'contact.created':
32        console.log('New contact created:', data.item.email);
33        break;
34      default:
35        console.log('Unhandled Intercom event:', topic);
36    }
37
38    return NextResponse.json({ received: true });
39  } catch (error: unknown) {
40    const e = error as { message: string };
41    return NextResponse.json({ error: e.message }, { status: 500 });
42  }
43}