@hubspot/app-connect-sdk 1.0.0-alpha.2 → 1.0.0-alpha.4

package/src/server/hono/utils/cors-middleware.test.ts

@@ -0,0 +1,79 @@
+import { Hono } from 'hono';
+import { describe, expect, it } from 'vitest';
+
+import { HUBSPOT_APP_ORIGIN_COOKIE_NAME } from '../../constants.ts';
+import { corsMiddleware } from './cors-middleware.ts';
+
+const APP_ORIGIN = 'https://app.example.com';
+const PINNED_ORIGIN = 'https://pinned.example.com';
+
+function buildApp(): Hono {
+  const app = new Hono();
+  app.use('*', corsMiddleware());
+  app.get('/echo', (c) => c.json({ ok: true }));
+  app.post('/echo', (c) => c.json({ ok: true }));
+  return app;
+}
+
+describe('corsMiddleware', () => {
+  it('answers OPTIONS preflight with 204 + credentialed CORS headers', async () => {
+    const app = buildApp();
+    const res = await app.request('http://localhost/echo', {
+      method: 'OPTIONS',
+      headers: { Origin: APP_ORIGIN },
+    });
+
+    expect(res.status).toBe(204);
+    expect(res.headers.get('Access-Control-Allow-Origin')).toBe(APP_ORIGIN);
+    expect(res.headers.get('Access-Control-Allow-Credentials')).toBe('true');
+    expect(res.headers.get('Access-Control-Allow-Methods')).toContain('GET');
+    expect(res.headers.get('Access-Control-Allow-Methods')).toContain('POST');
+    expect(res.headers.get('Access-Control-Allow-Methods')).toContain(
+      'OPTIONS'
+    );
+    expect(res.headers.get('Access-Control-Allow-Headers')).toContain(
+      'authorization'
+    );
+    expect(res.headers.get('Access-Control-Allow-Headers')).toContain('apikey');
+    expect(res.headers.get('Access-Control-Max-Age')).toBe('600');
+    expect(res.headers.get('Vary')).toContain('Origin');
+  });
+
+  it('echoes the request Origin when no pinned origin cookie is present', async () => {
+    const app = buildApp();
+    const res = await app.request('http://localhost/echo', {
+      method: 'GET',
+      headers: { Origin: APP_ORIGIN },
+    });
+
+    expect(res.status).toBe(200);
+    expect(res.headers.get('Access-Control-Allow-Origin')).toBe(APP_ORIGIN);
+    expect(res.headers.get('Access-Control-Allow-Credentials')).toBe('true');
+    expect(res.headers.get('Vary')).toContain('Origin');
+    expect(res.headers.get('Vary')).toContain('Cookie');
+  });
+
+  it('prefers the pinned `__Host-hs_app_origin` cookie over the Origin header', async () => {
+    const app = buildApp();
+    const res = await app.request('http://localhost/echo', {
+      method: 'GET',
+      headers: {
+        Origin: APP_ORIGIN,
+        Cookie: `${HUBSPOT_APP_ORIGIN_COOKIE_NAME}=${PINNED_ORIGIN}`,
+      },
+    });
+
+    expect(res.status).toBe(200);
+    expect(res.headers.get('Access-Control-Allow-Origin')).toBe(PINNED_ORIGIN);
+    expect(res.headers.get('Access-Control-Allow-Credentials')).toBe('true');
+  });
+
+  it('omits CORS headers when the request has no Origin (server-to-server / curl)', async () => {
+    const app = buildApp();
+    const res = await app.request('http://localhost/echo', { method: 'GET' });
+
+    expect(res.status).toBe(200);
+    expect(res.headers.get('Access-Control-Allow-Origin')).toBeNull();
+    expect(res.headers.get('Access-Control-Allow-Credentials')).toBeNull();
+  });
+});

package/src/server/hono/utils/cors-middleware.ts

@@ -0,0 +1,95 @@
+import type { Context, MiddlewareHandler } from 'hono';
+
+import { HUBSPOT_APP_ORIGIN_COOKIE_NAME } from '../../constants.ts';
+import { parseCookies } from '../../utils/cookie-utils.ts';
+
+/**
+ * Comma-separated list of request headers the SDK accepts on
+ * cross-site fetches. Mirrors the Supabase Edge Functions defaults
+ * the Lovable AI agent emits today, plus `content-type` for the
+ * `auth/complete` POST body and `accept` so JSON content negotiation
+ * works.
+ */
+const ALLOWED_HEADERS = [
+  'authorization',
+  'x-client-info',
+  'apikey',
+  'content-type',
+  'accept',
+  'x-supabase-client-platform',
+  'x-supabase-client-platform-version',
+  'x-supabase-client-runtime',
+  'x-supabase-client-runtime-version',
+].join(', ');
+
+const ALLOWED_METHODS = 'GET, POST, OPTIONS';
+
+const PREFLIGHT_MAX_AGE_SECONDS = '600';
+
+/**
+ * Reads the persisted app-origin cookie from the request, falling
+ * back to the literal `Origin` request header. The cookie is the
+ * authoritative pin once `auth/init-session` has run; on the very
+ * first init-session call (no cookie yet) we just echo whatever
+ * `Origin` the caller sent — the actual access decision is enforced
+ * by cookie-based authentication on every other route, not by CORS.
+ */
+function resolveAllowedOrigin(c: Context): string | null {
+  const cookies = parseCookies(c.req.header('Cookie'));
+  const pinned = cookies[HUBSPOT_APP_ORIGIN_COOKIE_NAME];
+  if (pinned) return pinned;
+  return c.req.header('Origin') ?? null;
+}
+
+function setSharedCorsHeaders(c: Context, allowOrigin: string): void {
+  c.res.headers.set('Access-Control-Allow-Origin', allowOrigin);
+  c.res.headers.set('Access-Control-Allow-Credentials', 'true');
+  // `Origin` so caches differentiate per-caller responses; `Cookie`
+  // because the allowed origin is derived from the persisted
+  // `__Host-hs_app_origin` cookie.
+  c.res.headers.set('Vary', 'Origin, Cookie');
+}
+
+/**
+ * Hono middleware that emits credentialed CORS response headers for
+ * the cross-origin Lovable / Supabase deployment shape.
+ *
+ * - On `OPTIONS` preflight: short-circuits with a 204 carrying
+ *   `Access-Control-Allow-*` headers. The browser will then send the
+ *   real request with cookies attached.
+ * - On every other method: echoes the pinned `__Host-hs_app_origin`
+ *   cookie value (or, before init-session has run, the request
+ *   `Origin` header) as `Access-Control-Allow-Origin`, with
+ *   `Access-Control-Allow-Credentials: true`. The wildcard `*` is
+ *   forbidden by browsers when credentials are included, so the
+ *   middleware always echoes a concrete origin.
+ *
+ * Skips header emission entirely when the request has no `Origin`
+ * (server-to-server calls, curl, etc.) so non-browser callers are
+ * left untouched.
+ */
+export function corsMiddleware(): MiddlewareHandler {
+  return async (c, next) => {
+    const allowOrigin = resolveAllowedOrigin(c);
+
+    if (c.req.method === 'OPTIONS') {
+      const headers = new Headers();
+      if (allowOrigin) {
+        headers.set('Access-Control-Allow-Origin', allowOrigin);
+        headers.set('Access-Control-Allow-Credentials', 'true');
+        headers.set('Vary', 'Origin, Cookie');
+      }
+      headers.set('Access-Control-Allow-Methods', ALLOWED_METHODS);
+      headers.set('Access-Control-Allow-Headers', ALLOWED_HEADERS);
+      headers.set('Access-Control-Max-Age', PREFLIGHT_MAX_AGE_SECONDS);
+      return new Response(null, { status: 204, headers });
+    }
+
+    await next();
+
+    if (allowOrigin) {
+      setSharedCorsHeaders(c, allowOrigin);
+    }
+    return;
+  };
+}

package/src/server/sanitize-request.ts

@@ -10,18 +10,17 @@ function serializeCookies(cookies: Map<string, string>): string {
 }
 
 /**
- * Returns a clone of `original` whose `Cookie` header has every
- * protected cookie removed (see
- * {@link isProtectedCookieName}). When no other cookies
- * remain, the header is dropped entirely.
+ * Mutates `headers` in place: parses the `Cookie` header, drops every
+ * protected cookie (see {@link isProtectedCookieName}), and rewrites
+ * the header. Deletes the header entirely when nothing survives.
  *
- * Used by `createAppConnectRequestHandler` so the user's route
- * handlers never see — and therefore cannot leak — the access token,
- * session ID, or refresh-token cookies.
+ * Used by the SDK's auth middleware after it has read the access
+ * token / session ID, so user route handlers never see — and
+ * therefore cannot leak — those cookies, while CORS / auth
+ * middleware that ran first still got the raw values.
  */
-export function sanitizeRequest(original: Request): Request {
-  const cookies = parseCookies(original.headers.get('Cookie'));
-
+export function stripProtectedCookies(headers: Headers): void {
+  const cookies = parseCookies(headers.get('Cookie'));
   const surviving = new Map<string, string>();
   for (const [name, value] of Object.entries(cookies)) {
     if (!isProtectedCookieName(name)) {
@@ -29,12 +28,27 @@ export function sanitizeRequest(original: Request): Request {
     }
   }
 
-  const headers = new Headers(original.headers);
   if (surviving.size === 0) {
     headers.delete('cookie');
   } else {
     headers.set('cookie', serializeCookies(surviving));
   }
+}
+
+/**
+ * Returns a clone of `original` whose `Cookie` header has every
+ * protected cookie removed (see {@link isProtectedCookieName}). When
+ * no other cookies remain, the header is dropped entirely.
+ *
+ * Standalone helper retained for callers that want a new Request
+ * (e.g. tests). Inside the SDK's per-request handler, the auth
+ * middleware uses {@link stripProtectedCookies} directly on
+ * `c.req.raw.headers` so the auth check itself can still read the
+ * protected cookies before they are stripped.
+ */
+export function sanitizeRequest(original: Request): Request {
+  const headers = new Headers(original.headers);
+  stripProtectedCookies(headers);
 
   const init: RequestInit = {
     method: original.method,

package/src/server/types.ts

@@ -56,7 +56,7 @@ export interface JwkSet {
 
 export interface UserCredentials {
   /** Access token. */
-  accessToken: string;
+  accessToken: string | undefined;
   /** Session ID. */
-  sessionId: string;
+  sessionId: string | undefined;
 }

package/src/shared/constants.ts

@@ -6,8 +6,36 @@
 
 /**
  * Query parameter on the OAuth return URL that carries the new access
- * token's expiry (Unix epoch milliseconds). The server emits this on
- * the `auth/callback` redirect; the browser parses it during `initSdk`
- * and then strips it from the URL via `history.replaceState`.
+ * token's expiry (Unix epoch milliseconds). The browser controller
+ * sets this in the URL after a successful `auth/complete` call and
+ * then strips it during `initAppConnect` via `history.replaceState`.
  */
 export const EXPIRES_AT_URL_PARAM = '__hs_expires_at';
+
+/**
+ * Path the browser visits after HubSpot's authorize endpoint
+ * redirects back to the app. Mounted on the **frontend** origin (not
+ * the SDK's edge function host) so all OAuth-related cookies live in
+ * the `(frontend, edge)` CHIPS partition.
+ *
+ * The SDK's `auth/init-session` builds the OAuth `redirect_uri` as
+ * `${requestOrigin}${HUBSPOT_FRONTEND_CALLBACK_PATH}`. The browser
+ * controller, on `start()`, recognizes this path on `window.location`
+ * and forwards `?code` + `?state` to the SDK's `auth/complete`
+ * endpoint via a credentialed cross-site fetch. The host app must
+ * register `${app_origin}${HUBSPOT_FRONTEND_CALLBACK_PATH}` as a
+ * redirect URI in its HubSpot app settings.
+ */
+export const HUBSPOT_FRONTEND_CALLBACK_PATH = '/__hubspot_oauth_callback';
+
+/**
+ * Query parameter on the `auth/complete` POST request carrying the
+ * authorization `code` HubSpot returned to the frontend callback.
+ */
+export const AUTH_COMPLETE_CODE_PARAM = 'code';
+
+/**
+ * Query parameter on the `auth/complete` POST request carrying the
+ * OAuth `state` HubSpot echoed back to the frontend callback.
+ */
+export const AUTH_COMPLETE_STATE_PARAM = 'state';

package/src/shared/wire-types.ts

@@ -15,6 +15,25 @@ export interface InitSessionResponse {
   authorization_url: string;
 }
 
+/**
+ * Body returned by `POST /auth/complete` once the SDK has exchanged
+ * the OAuth authorization code for an access + refresh token. The
+ * SDK has set the durable session cookies on the response by this
+ * point; the browser controller uses these fields to update its
+ * client-side expiry tracking and to navigate the user back to the
+ * page they started the connect flow from.
+ */
+export interface AuthCompleteResponse {
+  /** Access-token expiry as Unix epoch milliseconds. */
+  expires_at: number;
+  /**
+   * Path the browser should land on after the connect flow finishes,
+   * carried through the OAuth `state` round-trip. Always begins with
+   * `/` and is restricted to safe internal paths.
+   */
+  return_path: string;
+}
+
 /**
  * Body returned by `POST /auth/refresh` after a successful access-token
  * refresh.

package/tsdown.config.ts

@@ -33,6 +33,6 @@ export default defineConfig([
     sourcemap: true,
     clean: true,
     exports: false,
-    unbundle: true,
+    unbundle: false,
   },
 ]);

package/.turbo/turbo-format$colon$check.log

@@ -1,4 +0,0 @@
-
-$ prettier --check . --ignore-path ../../.prettierignore
-Checking formatting...
-.turbo/turbo-format$colon$check.log.turbo/turbo-lint.log.turbo/turbo-tsc.log.turbo/turbo-tsdown.logeslint.config.jspackage.jsonREADME.mdsrc/browser/app-connect-controller/connect-start.tssrc/browser/app-connect-controller/constants.tssrc/browser/app-connect-controller/create.tssrc/browser/app-connect-controller/default-session-storage.tssrc/browser/app-connect-controller/disconnect.tssrc/browser/app-connect-controller/init.tssrc/browser/app-connect-controller/README.mdsrc/browser/app-connect-controller/refresh.tssrc/browser/app-connect-controller/types.tssrc/browser/app-connect-controller/utils/crypto-utils.tssrc/browser/app-connect-controller/utils/encode-utils.tssrc/browser/app-connect-controller/utils/memoize-utils.test.tssrc/browser/app-connect-controller/utils/memoize-utils.tssrc/browser/app-connect-controller/utils/session-utils.test.tssrc/browser/app-connect-controller/utils/session-utils.tssrc/browser/app-connect-controller/utils/store-utils.test.tssrc/browser/app-connect-controller/utils/store-utils.tssrc/browser/app-connect-controller/utils/timeout-utils.tssrc/browser/app-connect-controller/view-state.test.tssrc/browser/app-connect-controller/view-state.tssrc/browser/index.tssrc/browser/react/components/AppConnectHeader/AppConnectHeader.css.tssrc/browser/react/components/AppConnectHeader/AppConnectHeader.tsxsrc/browser/react/components/Button/Button.css.tssrc/browser/react/components/Button/Button.tsxsrc/browser/react/components/ConnectButton/ConnectButton.css.tssrc/browser/react/components/ConnectButton/ConnectButton.tsxsrc/browser/react/components/DisconnectedBody/DisconnectedBody.css.tssrc/browser/react/components/DisconnectedBody/DisconnectedBody.tsxsrc/browser/react/components/HubSpotAppConnect/HubSpotAppConnect.css.tssrc/browser/react/components/HubSpotAppConnect/HubSpotAppConnect.tsxsrc/browser/react/components/icons/ChevronDownIcon.tsxsrc/browser/react/components/icons/ExternalLinkIcon.tsxsrc/browser/react/components/icons/HubSpotDataSourceIcon.tsxsrc/browser/react/components/icons/LogoutIcon.tsxsrc/browser/react/components/icons/ShareIcon.tsxsrc/browser/react/components/LoadingIndicator/LoadingIndicator.css.tssrc/browser/react/components/LoadingIndicator/LoadingIndicator.tsxsrc/browser/react/components/ShareButton/ShareButton.css.tssrc/browser/react/components/ShareButton/ShareButton.tsxsrc/browser/react/context.tssrc/browser/react/hooks.tssrc/browser/react/index.tssrc/browser/react/lovable/index.tssrc/browser/react/lovable/LovableHubSpotAppConnect.tsxsrc/browser/theme-tokens.generated.css.tssrc/browser/theme.css.tssrc/browser/types.tssrc/server/api-client-core/apis/account/account-info-types.generated.tssrc/server/api-client-core/apis/account/account-info.generated.tssrc/server/api-client-core/apis/account/audit-logs-types.generated.tssrc/server/api-client-core/apis/account/audit-logs.generated.tssrc/server/api-client-core/apis/auth/oauth-types.generated.tssrc/server/api-client-core/apis/auth/oauth.generated.tssrc/server/api-client-core/apis/automation/actions-types.generated.tssrc/server/api-client-core/apis/automation/actions.generated.tssrc/server/api-client-core/apis/automation/sequences-types.generated.tssrc/server/api-client-core/apis/automation/sequences.generated.tssrc/server/api-client-core/apis/business-units-types.generated.tssrc/server/api-client-core/apis/business-units.generated.tssrc/server/api-client-core/apis/cms/authors-types.generated.tssrc/server/api-client-core/apis/cms/authors.generated.tssrc/server/api-client-core/apis/cms/blog-settings-types.generated.tssrc/server/api-client-core/apis/cms/blog-settings.generated.tssrc/server/api-client-core/apis/cms/cms-content-audit-types.generated.tssrc/server/api-client-core/apis/cms/cms-content-audit.generated.tssrc/server/api-client-core/apis/cms/domains-types.generated.tssrc/server/api-client-core/apis/cms/domains.generated.tssrc/server/api-client-core/apis/cms/hubdb-types.generated.tssrc/server/api-client-core/apis/cms/hubdb.generated.tssrc/server/api-client-core/apis/cms/media-bridge-types.generated.tssrc/server/api-client-core/apis/cms/media-bridge.generated.tssrc/server/api-client-core/apis/cms/pages-types.generated.tssrc/server/api-client-core/apis/cms/pages.generated.tssrc/server/api-client-core/apis/cms/posts-types.generated.tssrc/server/api-client-core/apis/cms/posts.generated.tssrc/server/api-client-core/apis/cms/site-search-types.generated.tssrc/server/api-client-core/apis/cms/site-search.generated.tssrc/server/api-client-core/apis/cms/source-code-types.generated.tssrc/server/api-client-core/apis/cms/source-code.generated.tssrc/server/api-client-core/apis/cms/tags-types.generated.tssrc/server/api-client-core/apis/cms/tags.generated.tssrc/server/api-client-core/apis/cms/url-mappings-types.generated.tssrc/server/api-client-core/apis/cms/url-mappings.generated.tssrc/server/api-client-core/apis/cms/url-redirects-types.generated.tssrc/server/api-client-core/apis/cms/url-redirects.generated.tssrc/server/api-client-core/apis/communication-preferences/subscriptions-types.generated.tssrc/server/api-client-core/apis/communication-preferences/subscriptions.generated.tssrc/server/api-client-core/apis/conversations-types.generated.tssrc/server/api-client-core/apis/conversations.generated.tssrc/server/api-client-core/apis/conversations/custom-channels-types.generated.tssrc/server/api-client-core/apis/conversations/custom-channels.generated.tssrc/server/api-client-core/apis/conversations/visitor-identification-types.generated.tssrc/server/api-client-core/apis/conversations/visitor-identification.generated.tssrc/server/api-client-core/apis/crm/app-uninstalls-types.generated.tssrc/server/api-client-core/apis/crm/app-uninstalls.generated.tssrc/server/api-client-core/apis/crm/appointments-types.generated.tssrc/server/api-client-core/apis/crm/appointments.generated.tssrc/server/api-client-core/apis/crm/associations-schema-types.generated.tssrc/server/api-client-core/apis/crm/associations-schema.generated.tssrc/server/api-client-core/apis/crm/associations-types.generated.tssrc/server/api-client-core/apis/crm/associations.generated.tssrc/server/api-client-core/apis/crm/calling-extensions-types.generated.tssrc/server/api-client-core/apis/crm/calling-extensions.generated.tssrc/server/api-client-core/apis/crm/calls-types.generated.tssrc/server/api-client-core/apis/crm/calls.generated.tssrc/server/api-client-core/apis/crm/carts-types.generated.tssrc/server/api-client-core/apis/crm/carts.generated.tssrc/server/api-client-core/apis/crm/commerce-payments-types.generated.tssrc/server/api-client-core/apis/crm/commerce-payments.generated.tssrc/server/api-client-core/apis/crm/commerce-subscriptions-types.generated.tssrc/server/api-client-core/apis/crm/commerce-subscriptions.generated.tssrc/server/api-client-core/apis/crm/communications-types.generated.tssrc/server/api-client-core/apis/crm/communications.generated.tssrc/server/api-client-core/apis/crm/companies-types.generated.tssrc/server/api-client-core/apis/crm/companies.generated.tssrc/server/api-client-core/apis/crm/contacts-types.generated.tssrc/server/api-client-core/apis/crm/contacts.generated.tssrc/server/api-client-core/apis/crm/contracts-types.generated.tssrc/server/api-client-core/apis/crm/contracts.generated.tssrc/server/api-client-core/apis/crm/courses-types.generated.tssrc/server/api-client-core/apis/crm/courses.generated.tssrc/server/api-client-core/apis/crm/crm-owners-types.generated.tssrc/server/api-client-core/apis/crm/crm-owners.generated.tssrc/server/api-client-core/apis/crm/custom-objects-types.generated.tssrc/server/api-client-core/apis/crm/custom-objects.generated.tssrc/server/api-client-core/apis/crm/deal-splits-types.generated.tssrc/server/api-client-core/apis/crm/deal-splits.generated.tssrc/server/api-client-core/apis/crm/deals-types.generated.tssrc/server/api-client-core/apis/crm/deals.generated.tssrc/server/api-client-core/apis/crm/discounts-types.generated.tssrc/server/api-client-core/apis/crm/discounts.generated.tssrc/server/api-client-core/apis/crm/emails-types.generated.tssrc/server/api-client-core/apis/crm/emails.generated.tssrc/server/api-client-core/apis/crm/exports-types.generated.tssrc/server/api-client-core/apis/crm/exports.generated.tssrc/server/api-client-core/apis/crm/feedback-submissions-types.generated.tssrc/server/api-client-core/apis/crm/feedback-submissions.generated.tssrc/server/api-client-core/apis/crm/fees-types.generated.tssrc/server/api-client-core/apis/crm/fees.generated.tssrc/server/api-client-core/apis/crm/goal-targets-types.generated.tssrc/server/api-client-core/apis/crm/goal-targets.generated.tssrc/server/api-client-core/apis/crm/imports-types.generated.tssrc/server/api-client-core/apis/crm/imports.generated.tssrc/server/api-client-core/apis/crm/invoices-types.generated.tssrc/server/api-client-core/apis/crm/invoices.generated.tssrc/server/api-client-core/apis/crm/leads-types.generated.tssrc/server/api-client-core/apis/crm/leads.generated.tssrc/server/api-client-core/apis/crm/limits-tracking-types.generated.tssrc/server/api-client-core/apis/crm/limits-tracking.generated.tssrc/server/api-client-core/apis/crm/line-items-types.generated.tssrc/server/api-client-core/apis/crm/line-items.generated.tssrc/server/api-client-core/apis/crm/listings-types.generated.tssrc/server/api-client-core/apis/crm/listings.generated.tssrc/server/api-client-core/apis/crm/lists-types.generated.tssrc/server/api-client-core/apis/crm/lists.generated.tssrc/server/api-client-core/apis/crm/meetings-types.generated.tssrc/server/api-client-core/apis/crm/meetings.generated.tssrc/server/api-client-core/apis/crm/notes-types.generated.tssrc/server/api-client-core/apis/crm/notes.generated.tssrc/server/api-client-core/apis/crm/object-library-types.generated.tssrc/server/api-client-core/apis/crm/object-library.generated.tssrc/server/api-client-core/apis/crm/objects-types.generated.tssrc/server/api-client-core/apis/crm/objects.generated.tssrc/server/api-client-core/apis/crm/orders-types.generated.tssrc/server/api-client-core/apis/crm/orders.generated.tssrc/server/api-client-core/apis/crm/partner-clients-types.generated.tssrc/server/api-client-core/apis/crm/partner-clients.generated.tssrc/server/api-client-core/apis/crm/partner-services-types.generated.tssrc/server/api-client-core/apis/crm/partner-services.generated.tssrc/server/api-client-core/apis/crm/pipelines-types.generated.tssrc/server/api-client-core/apis/crm/pipelines.generated.tssrc/server/api-client-core/apis/crm/postal-mail-types.generated.tssrc/server/api-client-core/apis/crm/postal-mail.generated.tssrc/server/api-client-core/apis/crm/products-types.generated.tssrc/server/api-client-core/apis/crm/products.generated.tssrc/server/api-client-core/apis/crm/projects-types.generated.tssrc/server/api-client-core/apis/crm/projects.generated.tssrc/server/api-client-core/apis/crm/properties-types.generated.tssrc/server/api-client-core/apis/crm/properties.generated.tssrc/server/api-client-core/apis/crm/property-validations-types.generated.tssrc/server/api-client-core/apis/crm/property-validations.generated.tssrc/server/api-client-core/apis/crm/public-app-crm-cards-types.generated.tssrc/server/api-client-core/apis/crm/public-app-crm-cards.generated.tssrc/server/api-client-core/apis/crm/public-app-feature-flags-types.generated.tssrc/server/api-client-core/apis/crm/public-app-feature-flags.generated.tssrc/server/api-client-core/apis/crm/quotes-types.generated.tssrc/server/api-client-core/apis/crm/quotes.generated.tssrc/server/api-client-core/apis/crm/schemas-types.generated.tssrc/server/api-client-core/apis/crm/schemas.generated.tssrc/server/api-client-core/apis/crm/services-types.generated.tssrc/server/api-client-core/apis/crm/services.generated.tssrc/server/api-client-core/apis/crm/tasks-types.generated.tssrc/server/api-client-core/apis/crm/tasks.generated.tssrc/server/api-client-core/apis/crm/taxes-types.generated.tssrc/server/api-client-core/apis/crm/taxes.generated.tssrc/server/api-client-core/apis/crm/tickets-types.generated.tssrc/server/api-client-core/apis/crm/tickets.generated.tssrc/server/api-client-core/apis/crm/timeline-types.generated.tssrc/server/api-client-core/apis/crm/timeline.generated.tssrc/server/api-client-core/apis/crm/transcriptions-types.generated.tssrc/server/api-client-core/apis/crm/transcriptions.generated.tssrc/server/api-client-core/apis/crm/users-types.generated.tssrc/server/api-client-core/apis/crm/users.generated.tssrc/server/api-client-core/apis/crm/video-conferencing-extension-types.generated.tssrc/server/api-client-core/apis/crm/video-conferencing-extension.generated.tssrc/server/api-client-core/apis/events-types.generated.tssrc/server/api-client-core/apis/events.generated.tssrc/server/api-client-core/apis/events/manage-event-definitions-types.generated.tssrc/server/api-client-core/apis/events/manage-event-definitions.generated.tssrc/server/api-client-core/apis/events/send-event-completions-types.generated.tssrc/server/api-client-core/apis/events/send-event-completions.generated.tssrc/server/api-client-core/apis/files-types.generated.tssrc/server/api-client-core/apis/files.generated.tssrc/server/api-client-core/apis/index.generated.tssrc/server/api-client-core/apis/marketing/campaigns-public-api-types.generated.tssrc/server/api-client-core/apis/marketing/campaigns-public-api.generated.tssrc/server/api-client-core/apis/marketing/marketing-emails-types.generated.tssrc/server/api-client-core/apis/marketing/marketing-emails.generated.tssrc/server/api-client-core/apis/marketing/marketing-events-types.generated.tssrc/server/api-client-core/apis/marketing/marketing-events.generated.tssrc/server/api-client-core/apis/marketing/single-send-types.generated.tssrc/server/api-client-core/apis/marketing/single-send.generated.tssrc/server/api-client-core/apis/marketing/transactional-single-send-types.generated.tssrc/server/api-client-core/apis/marketing/transactional-single-send.generated.tssrc/server/api-client-core/apis/meta/origins-types.generated.tssrc/server/api-client-core/apis/meta/origins.generated.tssrc/server/api-client-core/apis/scheduler/meetings-types.generated.tssrc/server/api-client-core/apis/scheduler/meetings.generated.tssrc/server/api-client-core/apis/settings/multicurrency-types.generated.tssrc/server/api-client-core/apis/settings/multicurrency.generated.tssrc/server/api-client-core/apis/settings/tax-rates-types.generated.tssrc/server/api-client-core/apis/settings/tax-rates.generated.tssrc/server/api-client-core/apis/settings/user-provisioning-types.generated.tssrc/server/api-client-core/apis/settings/user-provisioning.generated.tssrc/server/api-client-core/apis/webhooks-journal-types.generated.tssrc/server/api-client-core/apis/webhooks-journal.generated.tssrc/server/api-client-core/apis/webhooks-types.generated.tssrc/server/api-client-core/apis/webhooks.generated.tssrc/server/api-client-core/binary-data.tssrc/server/api-client-core/client.tssrc/server/api-client-core/codegen-helpers/file-op-wrappers.tssrc/server/api-client-core/errors.tssrc/server/api-client-core/index.tssrc/server/api-client-core/op.tssrc/server/api-client-core/pagination.tssrc/server/api-client-core/plugins/fetch-transport.tssrc/server/api-client-core/plugins/index.tssrc/server/api-client-core/types.tssrc/server/api-client.tssrc/server/constants.tssrc/server/deno/index.tssrc/server/deno/start.tssrc/server/hono/hono-request-handler.tssrc/server/hono/hubspot-connect-routes/auth-callback.test.tssrc/server/hono/hubspot-connect-routes/auth-callback.tssrc/server/hono/hubspot-connect-routes/auth-init-session.test.tssrc/server/hono/hubspot-connect-routes/auth-init-session.tssrc/server/hono/hubspot-connect-routes/auth-logout.test.tssrc/server/hono/hubspot-connect-routes/auth-logout.tssrc/server/hono/hubspot-connect-routes/auth-refresh.test.tssrc/server/hono/hubspot-connect-routes/auth-refresh.tssrc/server/hono/hubspot-connect-routes/cimd-client-metadata-types.tssrc/server/hono/hubspot-connect-routes/cimd-public-routes.test.tssrc/server/hono/hubspot-connect-routes/cimd-public-routes.tssrc/server/hono/hubspot-connect-routes/constants.tssrc/server/hono/hubspot-connect-routes/fetch-hubspot-client-metadata.test.tssrc/server/hono/hubspot-connect-routes/fetch-hubspot-client-metadata.tssrc/server/hono/hubspot-connect-routes/hubspot-connect-routes.tssrc/server/hono/hubspot-connect-routes/load-hubspot-connect-routes-env.test.tssrc/server/hono/hubspot-connect-routes/load-hubspot-connect-routes-env.tssrc/server/hono/hubspot-connect-routes/oauth-client.tssrc/server/hono/hubspot-connect-routes/types.tssrc/server/hono/hubspot-connect-routes/utils.test.tssrc/server/hono/hubspot-connect-routes/utils.tssrc/server/hono/index.tssrc/server/hono/types.tssrc/server/hono/utils/cookie-utils.tssrc/server/import-app-keys.tssrc/server/lovable/create-app-function-start.tssrc/server/lovable/hubspot-connect/index.tssrc/server/lovable/hubspot-connect/run-hubspot-connect-lovable-server.tssrc/server/lovable/index.tssrc/server/node/index.tssrc/server/node/start.tssrc/server/oauth.tssrc/server/proxy.test.tssrc/server/proxy.tssrc/server/sanitize-request.test.tssrc/server/sanitize-request.tssrc/server/secure-start-core.tssrc/server/types.tssrc/server/utils/base64-utils.tssrc/server/utils/cookie-utils.test.tssrc/server/utils/cookie-utils.tssrc/server/utils/crypto-utils.tssrc/server/utils/dpop-utils.test.tssrc/server/utils/dpop-utils.tssrc/server/utils/env-utils.test.tssrc/server/utils/env-utils.tssrc/server/utils/jwk-utils.test.tssrc/server/utils/jwk-utils.tssrc/server/utils/jwt-utils.test.tssrc/server/utils/jwt-utils.tssrc/server/utils/test-fixtures.tssrc/shared/constants.tssrc/shared/encoding/base64.test.tssrc/shared/encoding/base64.tssrc/shared/encoding/sha256.test.tssrc/shared/encoding/sha256.tssrc/shared/logger.tssrc/shared/wire-types.tstsconfig.browser.jsontsconfig.jsontsconfig.server.jsontsdown.config.tsvitest.config.tsAll matched files use Prettier code style!

package/.turbo/turbo-lint.log

@@ -1,2 +0,0 @@
-
-$ eslint .

package/.turbo/turbo-test.log

@@ -1,76 +0,0 @@
-
-$ vitest run
-[?25l
- RUN  v4.0.18 /Users/psteeleidem/src/HubSpotEngineering/app-connect-sdk/packages/app-connect-sdk
-
-[?2026h
- ❯ src/server/hono/hubspot-connect-routes/load-hubspot-connect-routes-env.test.ts [queued]
-
- Test Files 0 passed (21)
-      Tests 0 passed (0)
-   Start at 13:43:31
-   Duration 101ms
-[?2026l[?2026h ✓ src/browser/app-connect-controller/utils/store-utils.test.ts (11 tests) 2ms
- ✓ src/server/utils/env-utils.test.ts (13 tests) 2ms
- ✓ src/server/hono/hubspot-connect-routes/load-hubspot-connect-routes-env.test.ts (11 tests) 3ms
- ✓ src/server/hono/hubspot-connect-routes/utils.test.ts (10 tests) 2ms
- ✓ src/browser/app-connect-controller/utils/session-utils.test.ts (9 tests) 5ms
- ✓ src/server/utils/jwt-utils.test.ts (6 tests) 11ms
-
- ❯ src/browser/app-connect-controller/utils/session-utils.test.ts 9/9
- ❯ src/browser/app-connect-controller/utils/store-utils.test.ts 11/11
- ❯ src/server/hono/hubspot-connect-routes/auth-callback.test.ts [queued]
- ❯ src/server/hono/hubspot-connect-routes/auth-init-session.test.ts 0/4
- ❯ src/server/hono/hubspot-connect-routes/auth-logout.test.ts [queued]
- ❯ src/server/hono/hubspot-connect-routes/auth-refresh.test.ts [queued]
- ❯ src/server/hono/hubspot-connect-routes/cimd-public-routes.test.ts 0/4
- ❯ src/server/hono/hubspot-connect-routes/load-hubspot-connect-routes-env.test.ts 11/11
- ❯ src/server/hono/hubspot-connect-routes/utils.test.ts 10/10
- ❯ src/server/proxy.test.ts 0/3
- ❯ src/server/utils/dpop-utils.test.ts 0/7
- ❯ src/server/utils/env-utils.test.ts 13/13
- ❯ src/server/utils/jwt-utils.test.ts 6/6
-
- Test Files 6 passed (21)
-      Tests 60 passed (78)
-   Start at 13:43:31
-   Duration 202ms
-[?2026l[?2026h ✓ src/server/hono/hubspot-connect-routes/cimd-public-routes.test.ts (4 tests) 16ms
- ✓ src/server/utils/dpop-utils.test.ts (7 tests) 20ms
- ✓ src/server/proxy.test.ts (3 tests) 56ms
- ✓ src/server/hono/hubspot-connect-routes/auth-logout.test.ts (2 tests) 15ms
- ✓ src/server/hono/hubspot-connect-routes/auth-init-session.test.ts (4 tests) 21ms
- ✓ src/server/hono/hubspot-connect-routes/auth-callback.test.ts (8 tests) 17ms
- ✓ src/server/hono/hubspot-connect-routes/auth-refresh.test.ts (6 tests) 18ms
- ✓ src/server/hono/hubspot-connect-routes/fetch-hubspot-client-metadata.test.ts (5 tests) 2ms
- ✓ src/shared/encoding/base64.test.ts (7 tests) 2ms
- ✓ src/browser/app-connect-controller/view-state.test.ts (7 tests) 1ms
- ✓ src/server/sanitize-request.test.ts (6 tests) 11ms
- ✓ src/server/utils/cookie-utils.test.ts (8 tests) 2ms
-
-
-
-
-
-
-
-
-
- ❯ src/browser/app-connect-controller/utils/memoize-utils.test.ts 1/4
- ❯ src/server/utils/jwk-utils.test.ts [queued]
- ❯ src/shared/encoding/sha256.test.ts [queued]
-
- Test Files 18 passed (21)
-      Tests 128 passed (131)
-   Start at 13:43:31
-   Duration 302ms
-[?2026l ✓ src/browser/app-connect-controller/utils/memoize-utils.test.ts (4 tests) 2ms
- ✓ src/shared/encoding/sha256.test.ts (3 tests) 3ms
- ✓ src/server/utils/jwk-utils.test.ts (3 tests) 4ms
-
- Test Files  21 passed (21)
-      Tests  137 passed (137)
-   Start at  13:43:31
-   Duration  379ms (transform 631ms, setup 0ms, import 1.07s, tests 215ms, environment 1ms)
-
-[?25h

package/dist/browser/HubSpotAppConnect-BW45gyDs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HubSpotAppConnect-BW45gyDs.js","names":["styles.root","styles.variant","variant","styles.size","size","styles","styles","styles","styles"],"sources":["../../src/browser/react/context.ts","../../src/browser/react/hooks.ts","../../src/browser/react/components/Button/Button.css.ts","../../src/browser/react/components/Button/Button.tsx","../../src/browser/react/components/ConnectButton/ConnectButton.css.ts","../../src/browser/react/components/ConnectButton/ConnectButton.tsx","../../src/browser/react/components/icons/ChevronDownIcon.tsx","../../src/browser/react/components/icons/ExternalLinkIcon.tsx","../../src/browser/react/components/icons/HubSpotDataSourceIcon.tsx","../../src/browser/react/components/icons/LogoutIcon.tsx","../../src/browser/react/components/icons/ShareIcon.tsx","../../src/browser/react/components/ShareButton/ShareButton.css.ts","../../src/browser/react/components/ShareButton/ShareButton.tsx","../../src/browser/react/components/AppConnectHeader/AppConnectHeader.css.ts","../../src/browser/react/components/AppConnectHeader/AppConnectHeader.tsx","../../src/browser/react/components/DisconnectedBody/DisconnectedBody.css.ts","../../src/browser/react/components/DisconnectedBody/DisconnectedBody.tsx","../../src/browser/react/components/LoadingIndicator/LoadingIndicator.css.ts","../../src/browser/react/components/LoadingIndicator/LoadingIndicator.tsx","../../src/browser/react/components/HubSpotAppConnect/HubSpotAppConnect.css.ts","../../src/browser/react/components/HubSpotAppConnect/HubSpotAppConnect.tsx"],"sourcesContent":["import { createContext } from 'react';\n\nimport type { AppConnectController } from '../types.ts';\n\n/**\n * React context that carries the `AppConnectController` from the\n * `HubSpotAppConnect` provider down to consumers of\n * `useHubSpotAppConnect`. `null` indicates the hook is being used\n * outside a provider.\n */\nexport const HubSpotAppConnectControllerContext =\n  createContext<AppConnectController | null>(null);\n","import { useContext, useSyncExternalStore } from 'react';\n\nimport type { AppConnectState } from '../types.ts';\nimport { HubSpotAppConnectControllerContext } from './context.ts';\n\nexport type UseHubSpotAppConnectResult = AppConnectState;\n\n/**\n * React hook that returns the current `AppConnectState`. Must be\n * called inside a {@link HubSpotAppConnect} provider — throws when\n * no controller is available.\n *\n * The hook subscribes to the controller via `useSyncExternalStore`\n * so React 18+ batched updates and SSR work correctly.\n */\nexport function useHubSpotAppConnect(): UseHubSpotAppConnectResult {\n  const controller = useContext(HubSpotAppConnectControllerContext);\n  if (controller == null) {\n    throw new Error(\n      'useHubSpotAppConnect must be used within HubSpotAppConnect'\n    );\n  }\n  return useSyncExternalStore(\n    controller.subscribe,\n    controller.getSnapshot,\n    controller.getServerSnapshot\n  );\n}\n","import { style, styleVariants } from '@vanilla-extract/css';\n\nimport { themeVars } from '../../../theme.css.ts';\n\nexport const root = style({\n  appearance: 'none',\n  WebkitAppearance: 'none',\n  margin: 0,\n  font: 'inherit',\n  fontWeight: 500,\n  lineHeight: 'inherit',\n  textAlign: 'center',\n  cursor: 'pointer',\n  borderWidth: 1,\n  borderStyle: 'solid',\n  borderRadius: themeVars.borderRadius[100],\n  transition:\n    'background-color 120ms ease, border-color 120ms ease, color 120ms ease, opacity 120ms ease',\n  selectors: {\n    '&:disabled': {\n      cursor: 'wait',\n      opacity: 0.55,\n    },\n  },\n});\n\nexport const variant = styleVariants({\n  primary: {\n    backgroundColor: themeVars.fill.primary.default,\n    color: themeVars.text.primary.default,\n    borderColor: themeVars.border.primary.default,\n    selectors: {\n      '&:hover:not(:disabled)': {\n        filter: 'brightness(0.95)',\n      },\n    },\n  },\n  secondary: {\n    backgroundColor: themeVars.fill.surface.default.default,\n    color: themeVars.text.core.default,\n    borderColor: themeVars.border.core.default,\n    selectors: {\n      '&:hover:not(:disabled)': {\n        backgroundColor: '#f7f7f7',\n      },\n    },\n  },\n});\n\nexport const size = styleVariants({\n  md: {\n    padding: `${themeVars.space[200]} ${themeVars.space[300]}`,\n    fontSize: 14,\n  },\n  lg: {\n    padding: `${themeVars.space[300]} ${themeVars.space[500]}`,\n    fontSize: 16,\n  },\n});\n","import type { ButtonHTMLAttributes, ReactNode } from 'react';\n\nimport * as styles from './Button.css.ts';\n\nexport type ButtonVariant = 'primary' | 'secondary';\nexport type ButtonSize = 'md' | 'lg';\n\nexport interface ButtonProps extends Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  'children'\n> {\n  children: ReactNode;\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n}\n\nexport function Button({\n  children,\n  className,\n  variant = 'primary',\n  size = 'md',\n  type = 'button',\n  ...rest\n}: ButtonProps) {\n  const composedClassName = [\n    styles.root,\n    styles.variant[variant],\n    styles.size[size],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n  return (\n    <button {...rest} type={type} className={composedClassName}>\n      {children}\n    </button>\n  );\n}\n","import { keyframes, style, styleVariants } from '@vanilla-extract/css';\n\nimport { themeVars } from '../../../theme.css.ts';\n\nconst spin = keyframes({\n  from: { transform: 'rotate(0deg)' },\n  to: { transform: 'rotate(360deg)' },\n});\n\nexport const root = style({\n  position: 'relative',\n});\n\nexport const label = style({\n  position: 'relative',\n  zIndex: 0,\n});\n\nexport const labelMuted = style({\n  opacity: 0.22,\n});\n\nexport const loadingBackdrop = styleVariants({\n  primary: {\n    position: 'absolute',\n    left: '50%',\n    top: '50%',\n    zIndex: 1,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 36,\n    height: 36,\n    marginLeft: -18,\n    marginTop: -18,\n    borderRadius: '50%',\n    backgroundColor: 'rgba(255, 255, 255, 0.88)',\n    boxShadow: '0 1px 6px rgba(0, 0, 0, 0.14)',\n    pointerEvents: 'none',\n  },\n  secondary: {\n    position: 'absolute',\n    left: '50%',\n    top: '50%',\n    zIndex: 1,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 36,\n    height: 36,\n    marginLeft: -18,\n    marginTop: -18,\n    borderRadius: '50%',\n    backgroundColor: 'rgba(255, 255, 255, 0.82)',\n    borderWidth: 1,\n    borderStyle: 'solid',\n    borderColor: themeVars.border.core.subtle.default,\n    boxShadow: '0 1px 4px rgba(0, 0, 0, 0.08)',\n    pointerEvents: 'none',\n  },\n});\n\nexport const spinner = style({\n  display: 'block',\n  width: 14,\n  height: 14,\n  borderWidth: 2,\n  borderStyle: 'solid',\n  borderColor: themeVars.border.core.subtle.default,\n  borderTopColor: themeVars.fill.primary.default,\n  borderRadius: '50%',\n  animation: `${spin} 0.8s linear infinite`,\n});\n","import { useHubSpotAppConnect } from '../../hooks.ts';\nimport type { ButtonProps } from '../Button/Button.tsx';\nimport { Button } from '../Button/Button.tsx';\nimport {\n  label,\n  labelMuted,\n  loadingBackdrop,\n  root,\n  spinner,\n} from './ConnectButton.css.ts';\n\nexport interface ConnectButtonProps extends Pick<\n  ButtonProps,\n  'variant' | 'size' | 'className'\n> {}\n\nexport function ConnectButton({\n  variant = 'primary',\n  size = 'md',\n  className,\n}: ConnectButtonProps) {\n  const { status, connectToHubSpot } = useHubSpotAppConnect();\n  const isConnecting = status === 'connecting';\n  const composedClassName = [root, className].filter(Boolean).join(' ');\n  const labelClassName = isConnecting ? `${label} ${labelMuted}` : label;\n  return (\n    <Button\n      variant={variant}\n      size={size}\n      className={composedClassName}\n      aria-busy={isConnecting}\n      onClick={() => void connectToHubSpot()}\n      disabled={isConnecting}\n    >\n      <span className={labelClassName}>Connect to HubSpot</span>\n      {isConnecting ? (\n        <span className={loadingBackdrop[variant]} aria-hidden=\"true\">\n          <span className={spinner} />\n        </span>\n      ) : null}\n    </Button>\n  );\n}\n","export interface ChevronDownIconProps {\n  className?: string;\n}\n\nexport function ChevronDownIcon({ className }: ChevronDownIconProps) {\n  return (\n    <svg\n      className={className}\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M4 6l4 4 4-4\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n}\n","export interface ExternalLinkIconProps {\n  className?: string;\n}\n\nexport function ExternalLinkIcon({ className }: ExternalLinkIconProps) {\n  return (\n    <svg\n      className={className}\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M6.5 3.5H4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-2.5M10 2.5h3.5V6M9 7l5-5\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.25\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n}\n","export interface HubSpotDataSourceIconProps {\n  className?: string;\n}\n\nexport function HubSpotDataSourceIcon({\n  className,\n}: HubSpotDataSourceIconProps) {\n  return (\n    <svg\n      className={className}\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <rect\n        x=\"2.5\"\n        y=\"2.5\"\n        width=\"11\"\n        height=\"11\"\n        rx=\"1.5\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.25\"\n      />\n      <path\n        d=\"M5 6h6M5 8.25h6M5 10.5h4\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.25\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  );\n}\n","export interface LogoutIconProps {\n  className?: string;\n}\n\nexport function LogoutIcon({ className }: LogoutIconProps) {\n  return (\n    <svg\n      className={className}\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M6.5 2.5h-3a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h3\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M10.5 11l3-3-3-3\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M13.5 8h-7\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n}\n","export interface ShareIconProps {\n  className?: string;\n}\n\nexport function ShareIcon({ className }: ShareIconProps) {\n  return (\n    <svg\n      className={className}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <circle cx=\"18\" cy=\"5\" r=\"2.75\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n      <circle cx=\"6\" cy=\"12\" r=\"2.75\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n      <circle\n        cx=\"18\"\n        cy=\"19\"\n        r=\"2.75\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.5\"\n      />\n      <path\n        d=\"M8.6 10.5L15.4 6.5M8.6 13.5L15.4 17.5\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  );\n}\n","import { style } from '@vanilla-extract/css';\n\nimport { themeVars } from '../../../theme.css.ts';\n\nconst shareBorder = '#cbd6e2';\nconst shareText = '#33475b';\n\nexport const styles = {\n  shareButton: style({\n    flexShrink: 0,\n    appearance: 'none',\n    WebkitAppearance: 'none',\n    margin: 0,\n    fontFamily: 'inherit',\n    fontSize: 14,\n    fontWeight: 500,\n    lineHeight: 1,\n    cursor: 'pointer',\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: themeVars.space[200],\n    padding: `8px ${themeVars.space[300]}`,\n    color: shareText,\n    backgroundColor: themeVars.fill.surface.default.default,\n    borderWidth: 1,\n    borderStyle: 'solid',\n    borderColor: shareBorder,\n    borderRadius: 100,\n    transition:\n      'background-color 120ms ease, border-color 120ms ease, color 120ms ease',\n    selectors: {\n      '&:hover:not(:disabled)': {\n        backgroundColor: '#f5f8fa',\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${themeVars.border.tertiary.default}`,\n        outlineOffset: 2,\n      },\n      '&:disabled': {\n        cursor: 'not-allowed',\n        opacity: 0.55,\n      },\n    },\n  }),\n  shareIcon: style({\n    width: 16,\n    height: 16,\n    flexShrink: 0,\n    display: 'block',\n  }),\n} as const;\n","import { ShareIcon } from '../icons/ShareIcon.tsx';\nimport { styles } from './ShareButton.css.ts';\n\ninterface ShareAppConnectPageOptions {\n  pageTitle: string;\n}\n\nasync function shareAppConnectPage(\n  options: ShareAppConnectPageOptions\n): Promise<void> {\n  const { pageTitle } = options;\n  const url = window.location.href;\n  if (typeof navigator.share === 'function') {\n    try {\n      await navigator.share({ title: pageTitle, text: pageTitle, url });\n      return;\n    } catch (error) {\n      if (error instanceof DOMException && error.name === 'AbortError') {\n        return;\n      }\n    }\n  }\n  if (typeof navigator.clipboard?.writeText === 'function') {\n    await navigator.clipboard.writeText(url);\n  }\n}\n\nexport interface ShareButtonProps {\n  pageTitle: string;\n}\n\nexport function ShareButton({ pageTitle }: ShareButtonProps) {\n  return (\n    <button\n      type=\"button\"\n      className={styles.shareButton}\n      onClick={() => void shareAppConnectPage({ pageTitle })}\n    >\n      <ShareIcon className={styles.shareIcon} />\n      <span>Share</span>\n    </button>\n  );\n}\n","import { style } from '@vanilla-extract/css';\n\nimport { themeVars } from '../../../theme.css.ts';\n\nconst avatarOrange = themeVars.fill.brand.default;\nconst avatarTextColor = themeVars.text.primary.default;\n\nexport const styles = {\n  header: style({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: themeVars.space[300],\n    paddingBottom: themeVars.space[300],\n    borderBottomWidth: 1,\n    borderBottomStyle: 'solid',\n    borderBottomColor: themeVars.border.core.subtle.default,\n  }),\n  titleRow: style({\n    display: 'flex',\n    alignItems: 'center',\n    flex: 1,\n    minWidth: 0,\n  }),\n  leftStack: style({\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'flex-start',\n    gap: themeVars.space[200],\n    minWidth: 0,\n    flex: 1,\n  }),\n  contextRow: style({\n    display: 'flex',\n    alignItems: 'center',\n    gap: 6,\n    fontSize: 14,\n    lineHeight: 1.35,\n    color: themeVars.text.core.subtle,\n    minWidth: 0,\n  }),\n  contextIcon: style({\n    width: 16,\n    height: 16,\n    flexShrink: 0,\n    color: themeVars.text.core.subtle,\n  }),\n  contextPrefix: style({\n    flexShrink: 0,\n  }),\n  contextLink: style({\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: 4,\n    color: themeVars.fill.brand.default,\n    textDecoration: 'none',\n    fontWeight: 500,\n    selectors: {\n      '&:hover': {\n        textDecoration: 'underline',\n      },\n    },\n  }),\n  contextExternalIcon: style({\n    width: 14,\n    height: 14,\n    flexShrink: 0,\n  }),\n  titleCluster: style({\n    display: 'flex',\n    alignItems: 'center',\n    gap: themeVars.space[200],\n    width: 'max-content',\n    maxWidth: '100%',\n    minWidth: 0,\n  }),\n  title: style({\n    flex: '0 1 auto',\n    fontSize: 20,\n    fontWeight: 600,\n    margin: 0,\n    color: themeVars.text.core.default,\n    minWidth: 0,\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  }),\n  userTrigger: style({\n    appearance: 'none',\n    WebkitAppearance: 'none',\n    margin: 0,\n    font: 'inherit',\n    lineHeight: 1,\n    cursor: 'pointer',\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: themeVars.space[200],\n    padding: `6px ${themeVars.space[300]} 6px 6px`,\n    backgroundColor: themeVars.fill.surface.default.default,\n    color: themeVars.text.core.default,\n    borderWidth: 1,\n    borderStyle: 'solid',\n    borderColor: themeVars.border.core.default,\n    borderRadius: 999,\n    transition: 'background-color 120ms ease, border-color 120ms ease',\n    selectors: {\n      '&:hover': {\n        backgroundColor: '#f7f7f7',\n      },\n      '&[data-popup-open]': {\n        backgroundColor: '#f7f7f7',\n      },\n    },\n  }),\n  triggerName: style({\n    fontWeight: 500,\n    fontSize: 14,\n  }),\n  chevron: style({\n    width: 14,\n    height: 14,\n    color: themeVars.text.core.subtle,\n    transition: 'transform 150ms ease',\n    selectors: {\n      '[data-popup-open] &': {\n        transform: 'rotate(180deg)',\n      },\n    },\n  }),\n  avatar: style({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    backgroundColor: avatarOrange,\n    color: avatarTextColor,\n    fontWeight: 600,\n    flexShrink: 0,\n    borderRadius: '50%',\n    userSelect: 'none',\n  }),\n  avatarSm: style({\n    width: 28,\n    height: 28,\n    fontSize: 11,\n  }),\n  avatarLg: style({\n    width: 40,\n    height: 40,\n    fontSize: 14,\n  }),\n  popup: style({\n    minWidth: 240,\n    backgroundColor: themeVars.fill.surface.default.default,\n    color: themeVars.text.core.default,\n    borderWidth: 1,\n    borderStyle: 'solid',\n    borderColor: themeVars.border.core.subtle.default,\n    borderRadius: themeVars.borderRadius[300],\n    boxShadow:\n      '0 6px 16px rgba(17, 17, 17, 0.08), 0 2px 6px rgba(17, 17, 17, 0.04)',\n    padding: `${themeVars.space[200]} 0`,\n    outline: 'none',\n    transformOrigin: 'top right',\n    opacity: 0,\n    transform: 'scale(0.96)',\n    transition: 'opacity 120ms ease, transform 120ms ease',\n    selectors: {\n      '&[data-starting-style]': {\n        opacity: 0,\n        transform: 'scale(0.96)',\n      },\n      '&[data-open]': {\n        opacity: 1,\n        transform: 'scale(1)',\n      },\n    },\n  }),\n  userInfo: style({\n    display: 'flex',\n    alignItems: 'center',\n    gap: themeVars.space[300],\n    padding: `${themeVars.space[200]} ${themeVars.space[300]}`,\n  }),\n  userInfoText: style({\n    display: 'flex',\n    flexDirection: 'column',\n    minWidth: 0,\n  }),\n  userInfoName: style({\n    fontWeight: 600,\n    fontSize: 14,\n    color: themeVars.text.core.default,\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n  }),\n  userInfoEmail: style({\n    fontSize: 13,\n    color: themeVars.text.core.subtle,\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n  }),\n  separator: style({\n    height: 1,\n    margin: `${themeVars.space[200]} 0`,\n    backgroundColor: themeVars.border.core.subtle.default,\n    border: 'none',\n  }),\n  disconnectItem: style({\n    display: 'flex',\n    alignItems: 'center',\n    gap: themeVars.space[200],\n    padding: `${themeVars.space[200]} ${themeVars.space[300]}`,\n    color: themeVars.text.alert.default,\n    fontSize: 14,\n    fontWeight: 500,\n    cursor: 'pointer',\n    outline: 'none',\n    userSelect: 'none',\n    selectors: {\n      '&[data-highlighted]': {\n        backgroundColor: themeVars.fill.accent.red.subtle.default,\n      },\n    },\n  }),\n  disconnectIcon: style({\n    width: 16,\n    height: 16,\n  }),\n} as const;\n","import { Menu } from '@base-ui/react/menu';\n\nimport { useHubSpotAppConnect } from '../../hooks.ts';\nimport { ConnectButton } from '../ConnectButton/ConnectButton.tsx';\nimport { ChevronDownIcon } from '../icons/ChevronDownIcon.tsx';\nimport { ExternalLinkIcon } from '../icons/ExternalLinkIcon.tsx';\nimport { HubSpotDataSourceIcon } from '../icons/HubSpotDataSourceIcon.tsx';\nimport { LogoutIcon } from '../icons/LogoutIcon.tsx';\nimport { ShareButton } from '../ShareButton/ShareButton.tsx';\nimport { styles } from './AppConnectHeader.css.ts';\n\ninterface FakeUser {\n  firstName: string;\n  lastName: string;\n  email: string;\n}\n\nconst FAKE_USER: FakeUser = {\n  firstName: 'Gabby',\n  lastName: 'Martinez',\n  email: 'gabby.martinez@acmecorp.com',\n};\n\nfunction getUserInitials(user: FakeUser): string {\n  const first = user.firstName.charAt(0).toUpperCase();\n  const last = user.lastName.charAt(0).toUpperCase();\n  return `${first}${last}`;\n}\n\nfunction getFullName(user: FakeUser): string {\n  return `${user.firstName} ${user.lastName}`;\n}\n\ninterface AppConnectHeaderProps {\n  title: string;\n}\n\nexport function AppConnectHeader({ title }: AppConnectHeaderProps) {\n  const { status } = useHubSpotAppConnect();\n  return (\n    <header className={styles.header}>\n      <div className={styles.titleRow}>\n        <div className={styles.leftStack}>\n          <div className={styles.titleCluster}>\n            <h1 className={styles.title}>{title}</h1>\n            <ShareButton pageTitle={title} />\n          </div>\n          {status === 'connected' ? <ViewingHubSpotContextRow /> : null}\n        </div>\n      </div>\n      {status === 'connected' ? (\n        <UserMenu />\n      ) : (\n        <ConnectButton variant=\"secondary\" />\n      )}\n    </header>\n  );\n}\n\nfunction ViewingHubSpotContextRow() {\n  return (\n    <div className={styles.contextRow}>\n      <HubSpotDataSourceIcon className={styles.contextIcon} />\n      <span className={styles.contextPrefix}>Viewing HubSpot data from </span>\n      <a\n        className={styles.contextLink}\n        href=\"#\"\n        onClick={(event) => {\n          event.preventDefault();\n        }}\n      >\n        Acme Corp · HubSpot\n        <ExternalLinkIcon className={styles.contextExternalIcon} />\n      </a>\n    </div>\n  );\n}\n\nfunction UserMenu() {\n  const { disconnectFromHubSpot } = useHubSpotAppConnect();\n  const initials = getUserInitials(FAKE_USER);\n  const fullName = getFullName(FAKE_USER);\n\n  return (\n    <Menu.Root modal={false}>\n      <Menu.Trigger className={styles.userTrigger}>\n        <span\n          className={`${styles.avatar} ${styles.avatarSm}`}\n          aria-hidden=\"true\"\n        >\n          {initials}\n        </span>\n        <span className={styles.triggerName}>{fullName}</span>\n        <ChevronDownIcon className={styles.chevron} />\n      </Menu.Trigger>\n      <Menu.Portal>\n        <Menu.Positioner sideOffset={8} align=\"end\">\n          <Menu.Popup className={styles.popup}>\n            <div className={styles.userInfo}>\n              <span\n                className={`${styles.avatar} ${styles.avatarLg}`}\n                aria-hidden=\"true\"\n              >\n                {initials}\n              </span>\n              <div className={styles.userInfoText}>\n                <span className={styles.userInfoName}>{fullName}</span>\n                <span className={styles.userInfoEmail}>{FAKE_USER.email}</span>\n              </div>\n            </div>\n            <Menu.Separator className={styles.separator} />\n            <Menu.Item\n              className={styles.disconnectItem}\n              onClick={() => void disconnectFromHubSpot()}\n            >\n              <LogoutIcon className={styles.disconnectIcon} />\n              Disconnect\n            </Menu.Item>\n          </Menu.Popup>\n        </Menu.Positioner>\n      </Menu.Portal>\n    </Menu.Root>\n  );\n}\n","import { style } from '@vanilla-extract/css';\n\nimport { themeVars } from '../../../theme.css.ts';\n\nexport const styles = {\n  card: style({\n    borderWidth: 1,\n    borderStyle: 'solid',\n    borderColor: themeVars.border.core.default,\n    borderRadius: themeVars.borderRadius[400],\n    padding: themeVars.space[500],\n    textAlign: 'center',\n    backgroundColor: themeVars.fill.surface.default.default,\n    color: themeVars.text.core.default,\n  }),\n  message: style({\n    marginTop: 0,\n    marginBottom: themeVars.space[400],\n  }),\n  errorText: style({\n    marginTop: themeVars.space[300],\n    marginBottom: 0,\n    color: themeVars.text.alert.default,\n  }),\n} as const;\n","import type { ReactNode } from 'react';\n\nimport { useHubSpotAppConnect } from '../../hooks.ts';\nimport { ConnectButton } from '../ConnectButton/ConnectButton.tsx';\nimport { styles } from './DisconnectedBody.css.ts';\n\ninterface DisconnectedBodyProps {\n  message: ReactNode;\n}\n\nexport function DisconnectedBody({ message }: DisconnectedBodyProps) {\n  const { error } = useHubSpotAppConnect();\n\n  return (\n    <div className={styles.card}>\n      <p className={styles.message}>{message}</p>\n      <ConnectButton size=\"lg\" />\n      {error && (\n        <p className={styles.errorText}>\n          Failed to connect to HubSpot. {error}\n        </p>\n      )}\n    </div>\n  );\n}\n","import { keyframes, style } from '@vanilla-extract/css';\n\nimport { themeVars } from '../../../theme.css.ts';\n\nconst spin = keyframes({\n  from: { transform: 'rotate(0deg)' },\n  to: { transform: 'rotate(360deg)' },\n});\n\nexport const styles = {\n  wrapper: style({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    minHeight: 200,\n    padding: themeVars.space[600],\n  }),\n  spinner: style({\n    width: 40,\n    height: 40,\n    borderWidth: 3,\n    borderStyle: 'solid',\n    borderColor: themeVars.border.core.subtle.default,\n    borderTopColor: themeVars.fill.primary.default,\n    borderRadius: '50%',\n    animation: `${spin} 0.8s linear infinite`,\n  }),\n} as const;\n","import { styles } from './LoadingIndicator.css.ts';\n\nexport function LoadingIndicator() {\n  return (\n    <div className={styles.wrapper} role=\"status\" aria-label=\"Loading\">\n      <div className={styles.spinner} />\n    </div>\n  );\n}\n","import { style } from '@vanilla-extract/css';\n\nimport { themeVars } from '../../../theme.css.ts';\n\nexport const styles = {\n  shell: style({\n    width: '100%',\n    padding: `${themeVars.space[400]} ${themeVars.space[500]}`,\n  }),\n  content: style({\n    marginTop: themeVars.space[500],\n  }),\n  connectedErrorBanner: style({\n    backgroundColor: themeVars.fill.alert.subtle,\n    borderWidth: 1,\n    borderStyle: 'solid',\n    borderColor: themeVars.border.alert.default,\n    borderRadius: themeVars.borderRadius[300],\n    padding: themeVars.space[300],\n    marginBottom: themeVars.space[300],\n    color: themeVars.text.alert.default,\n  }),\n} as const;\n","import { useEffect, type ReactNode } from 'react';\n\nimport { themeClass } from '../../../theme.css.ts';\nimport type { AppConnectController } from '../../../types.ts';\nimport { HubSpotAppConnectControllerContext } from '../../context.ts';\nimport { useHubSpotAppConnect } from '../../hooks.ts';\nimport { AppConnectHeader } from '../AppConnectHeader/AppConnectHeader.tsx';\nimport { DisconnectedBody } from '../DisconnectedBody/DisconnectedBody.tsx';\nimport { LoadingIndicator } from '../LoadingIndicator/LoadingIndicator.tsx';\nimport { styles } from './HubSpotAppConnect.css.ts';\n\n/**\n * Props accepted by {@link HubSpotAppConnect}.\n */\nexport interface HubSpotAppConnectProps {\n  /** Title text rendered in the standard SDK header. */\n  title: string;\n  /** Controller produced by `createAppConnectController`. */\n  controller: AppConnectController;\n  /** Content rendered when the controller is in the `connected` state. */\n  connected: ReactNode;\n  /**\n   * Description text rendered inside the SDK-owned disconnected card,\n   * above the primary \"Connect to HubSpot\" button.\n   */\n  disconnectedMessage: ReactNode;\n}\n\n/**\n * Layout component that exposes `controller` to {@link useHubSpotAppConnect},\n * starts it once on mount, and renders a standard header plus the content\n * slot that matches the current connection status.\n */\nexport function HubSpotAppConnect({\n  title,\n  controller,\n  connected,\n  disconnectedMessage,\n}: HubSpotAppConnectProps) {\n  useEffect(() => {\n    controller.start();\n  }, [controller]);\n  useEffect(() => {\n    document.documentElement.classList.add(themeClass);\n    return () => {\n      document.documentElement.classList.remove(themeClass);\n    };\n  }, []);\n  return (\n    <HubSpotAppConnectControllerContext.Provider value={controller}>\n      <div className={styles.shell}>\n        <AppConnectHeader title={title} />\n        <div className={styles.content}>\n          <HubSpotAppConnectContent\n            connected={connected}\n            disconnectedMessage={disconnectedMessage}\n          />\n        </div>\n      </div>\n    </HubSpotAppConnectControllerContext.Provider>\n  );\n}\n\ninterface HubSpotAppConnectContentProps {\n  connected: ReactNode;\n  disconnectedMessage: ReactNode;\n}\n\nfunction HubSpotAppConnectContent({\n  connected,\n  disconnectedMessage,\n}: HubSpotAppConnectContentProps) {\n  const { status, error } = useHubSpotAppConnect();\n  if (status === 'initializing') {\n    return <LoadingIndicator />;\n  }\n  if (status === 'connected') {\n    return (\n      <>\n        {error ? (\n          <div className={styles.connectedErrorBanner} role=\"alert\">\n            {error}\n          </div>\n        ) : null}\n        {connected}\n      </>\n    );\n  }\n  return <DisconnectedBody message={disconnectedMessage} />;\n}\n"],"mappings":"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"}