@apteva/integrations 0.3.61 → 0.15.3

package/dist/ui/github/lib/github.js

@@ -0,0 +1,151 @@
+// Shared helpers for every GitHub UI component.
+//
+//   * githubVendor — CardHeader brand pill (logo + name + color)
+//   * URL builders — repo, issue, PR, commit, workflow run, branch
+//   * formatters — relative time, short sha, file-stat string
+//   * status mappers — PR state → StatusPill variant, run conclusion
+//     → StatusDot variant, etc.
+//
+// Mirrors the lib/hubspot.tsx pattern so any vendor lib has the
+// same shape (logo + vendor + URL helpers + status mappers + time
+// helpers).
+// ─── Brand mark ───────────────────────────────────────────────────
+//
+// Octocat outline. currentColor so CardHeader's vendor pill can
+// recolor it via inline `style.color`.
+export const githubLogo = (<svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor" aria-hidden>
+    <path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.807 1.305 3.492.998.108-.776.42-1.305.762-1.604-2.665-.305-5.466-1.334-5.466-5.93 0-1.31.467-2.38 1.235-3.22-.135-.303-.54-1.524.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.4 3-.405 1.02.005 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.652.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.435.375.81 1.102.81 2.222 0 1.605-.015 2.898-.015 3.293 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/>
+  </svg>);
+// GitHub Mona Purple — secondary brand color, used in the vendor
+// pill and any GitHub-specific accents. Distinct from HubSpot orange
+// so two cards from different vendors read as different upstreams at
+// a glance.
+export const GITHUB_BRAND_COLOR = "#8957e5";
+export const githubVendor = {
+    name: "GitHub",
+    logo: githubLogo,
+    color: GITHUB_BRAND_COLOR,
+};
+// ─── URL builders ─────────────────────────────────────────────────
+export function repoUrl(repo) {
+    return `https://github.com/${repo}`;
+}
+export function issueUrl(repo, number) {
+    return `https://github.com/${repo}/issues/${number}`;
+}
+export function pullRequestUrl(repo, number) {
+    return `https://github.com/${repo}/pull/${number}`;
+}
+export function commitUrl(repo, sha) {
+    return `https://github.com/${repo}/commit/${sha}`;
+}
+export function workflowRunUrl(repo, run_id) {
+    return `https://github.com/${repo}/actions/runs/${run_id}`;
+}
+export function branchUrl(repo, branch) {
+    return `https://github.com/${repo}/tree/${encodeURIComponent(branch)}`;
+}
+export function userUrl(login) {
+    return `https://github.com/${login}`;
+}
+// ─── Formatters ───────────────────────────────────────────────────
+/** "3d ago" / "12m ago" / "just now" — coarse human-readable delta. */
+export function timeAgo(iso) {
+    if (!iso)
+        return "";
+    const t = new Date(iso).getTime();
+    if (!Number.isFinite(t))
+        return "";
+    const s = Math.max(0, (Date.now() - t) / 1000);
+    if (s < 60)
+        return "just now";
+    const m = s / 60;
+    if (m < 60)
+        return `${Math.round(m)}m ago`;
+    const h = m / 60;
+    if (h < 24)
+        return `${Math.round(h)}h ago`;
+    const d = h / 24;
+    if (d < 30)
+        return `${Math.round(d)}d ago`;
+    const mo = d / 30;
+    if (mo < 12)
+        return `${Math.round(mo)}mo ago`;
+    return `${Math.round(mo / 12)}y ago`;
+}
+/** Coerce ISO durations to mm:ss / hh:mm:ss. Used for run/job times. */
+export function formatDuration(ms) {
+    if (!ms || ms < 0)
+        return "—";
+    const s = Math.round(ms / 1000);
+    if (s < 60)
+        return `${s}s`;
+    const m = Math.floor(s / 60);
+    const rs = s % 60;
+    if (m < 60)
+        return rs ? `${m}m ${rs}s` : `${m}m`;
+    const h = Math.floor(m / 60);
+    return `${h}h ${m % 60}m`;
+}
+/** "abc1234" — 7-char short sha. Tolerates already-short input. */
+export function shortSha(sha) {
+    if (!sha)
+        return "";
+    return sha.length > 7 ? sha.slice(0, 7) : sha;
+}
+/** Test fixture helper — same shape as lib/hubspot's minusHoursISO. */
+export function minusHoursISO(h) {
+    return new Date(Date.now() - h * 60 * 60 * 1000).toISOString();
+}
+// ─── Status mappers ───────────────────────────────────────────────
+/** PR state → StatusPill variant + label. */
+export function pullRequestState(opts) {
+    if (opts.merged)
+        return { label: "merged", variant: "success", dot: "live" };
+    if (opts.state === "closed")
+        return { label: "closed", variant: "error", dot: "error" };
+    if (opts.draft)
+        return { label: "draft", variant: "neutral", dot: "muted" };
+    return { label: "open", variant: "info", dot: "active" };
+}
+/** Workflow-run status + conclusion → label/variant pair. */
+export function runState(opts) {
+    if (opts.status === "in_progress")
+        return { label: "running", variant: "info", dot: "active" };
+    if (opts.status === "queued")
+        return { label: "queued", variant: "neutral", dot: "muted" };
+    switch (opts.conclusion) {
+        case "success": return { label: "success", variant: "success", dot: "live" };
+        case "failure": return { label: "failed", variant: "error", dot: "error" };
+        case "cancelled": return { label: "cancelled", variant: "neutral", dot: "muted" };
+        case "skipped": return { label: "skipped", variant: "neutral", dot: "muted" };
+        case "timed_out": return { label: "timed out", variant: "warn", dot: "warn" };
+        case "neutral": return { label: "neutral", variant: "neutral", dot: "muted" };
+        default: return { label: "—", variant: "neutral", dot: "muted" };
+    }
+}
+/** Job conclusion → small dot variant for inline lists. */
+export function jobDot(conclusion, status) {
+    if (status === "in_progress")
+        return "active";
+    if (status === "queued")
+        return "muted";
+    switch (conclusion) {
+        case "success": return "live";
+        case "failure": return "error";
+        case "cancelled": return "muted";
+        case "skipped": return "muted";
+        case "timed_out": return "warn";
+        default: return "muted";
+    }
+}
+// ─── Mini avatar fallback (data URL) ──────────────────────────────
+//
+// IssueCard's preview avatars used inline data:image/svg+xml URLs so
+// the explorer doesn't depend on network requests. Same helper
+// reused across cards' preview samples.
+export function avatarDataUrl(hexFill) {
+    return ("data:image/svg+xml;utf8," +
+        encodeURIComponent(`<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><circle cx='8' cy='8' r='8' fill='%23${hexFill}'/></svg>`));
+}
+//# sourceMappingURL=github.js.map

package/dist/ui/github/lib/github.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"github.js","sourceRoot":"","sources":["../../../../src/ui/github/lib/github.tsx"],"names":[],"mappings":"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"}

package/dist/ui/hubspot/ActivityFeed.d.ts

@@ -0,0 +1,22 @@
+type Kind = "email" | "call" | "note" | "task" | "meeting" | "record_change";
+interface Event {
+    id: string;
+    kind: Kind;
+    /** ISO timestamp. */
+    timestamp: string;
+    title: string;
+    subtitle?: string;
+    /** Engagement id — used to build the canonical link. */
+    engagement_id?: string;
+}
+interface Props {
+    events?: Event[];
+    /** Cap rendered events; show "+N more" when exceeded. Default 12. */
+    max?: number;
+    portal_id?: string;
+    preview?: boolean;
+    projectId?: string;
+}
+export default function ActivityFeed(props: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=ActivityFeed.d.ts.map

package/dist/ui/hubspot/ActivityFeed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityFeed.d.ts","sourceRoot":"","sources":["../../../src/ui/hubspot/ActivityFeed.tsx"],"names":[],"mappings":"AAcA,KAAK,IAAI,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,eAAe,CAAC;AAE7E,UAAU,KAAK;IACb,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,IAAI,CAAC;IACX,qBAAqB;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wDAAwD;IACxD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,KAAK;IACb,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IACjB,qEAAqE;IACrE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA6BD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,KAAK,+BAwBhD"}

package/dist/ui/hubspot/ActivityFeed.js

@@ -0,0 +1,52 @@
+// ActivityFeed — mixed engagement timeline grouped by day. Replaces
+// the demo runner's raw event log with a CRM-shaped view: emails,
+// calls, notes, tasks, and record changes side-by-side, color-banded
+// by kind.
+//
+// Caller pre-merges events from HubSpot's per-engagement-type tools
+// into a flat list. The component groups by local day.
+import { Mail, Phone, FileText, CheckSquare, Calendar, RefreshCw } from "lucide-react";
+import { Card, CardHeader, Timeline } from "@apteva/ui-kit";
+import { recordUrl, minusHoursISO, hubspotVendor } from "./lib/hubspot";
+const previewEvents = [
+    { id: "1", kind: "email", timestamp: minusHoursISO(2), title: "Inbound email from Sarah Chen", subtitle: "Acme · board review tomorrow", engagement_id: "30100" },
+    { id: "2", kind: "task", timestamp: minusHoursISO(2), title: "Created task: Draft renewal response", subtitle: "Owner: marc-olivier", engagement_id: "30101" },
+    { id: "3", kind: "note", timestamp: minusHoursISO(3), title: "Note added to Acme Q4 Renewal", subtitle: "Pricing locked at $48k", engagement_id: "30102" },
+    { id: "4", kind: "record_change", timestamp: minusHoursISO(28), title: "Deal stage → Contract sent", subtitle: "Acme Q4 Renewal · was Decision-maker bought in " },
+    { id: "5", kind: "call", timestamp: minusHoursISO(31), title: "Call logged with Lisa Rodriguez", subtitle: "Initech · 12 min", engagement_id: "30103" },
+    { id: "6", kind: "email", timestamp: minusHoursISO(54), title: "Outbound email to David Park", subtitle: "Globex · pilot follow-up", engagement_id: "30104" },
+];
+const KIND_TONE = {
+    email: "info",
+    call: "accent",
+    note: "neutral",
+    task: "warn",
+    meeting: "accent",
+    record_change: "neutral",
+};
+const KIND_ICON = {
+    email: Mail,
+    call: Phone,
+    note: FileText,
+    task: CheckSquare,
+    meeting: Calendar,
+    record_change: RefreshCw,
+};
+export default function ActivityFeed(props) {
+    const evts = props.preview ? (props.events ?? previewEvents) : (props.events ?? []);
+    const max = props.max ?? 12;
+    const timelineEvents = evts.map((e) => ({
+        id: e.id,
+        timestamp: e.timestamp,
+        tone: KIND_TONE[e.kind],
+        icon: (() => { const Ico = KIND_ICON[e.kind]; return <Ico className="w-3.5 h-3.5"/>; })(),
+        title: e.title,
+        subtitle: e.subtitle,
+        href: e.engagement_id ? recordUrl("engagement", e.engagement_id, props.portal_id) : undefined,
+    }));
+    return (<Card fullWidth>
+      <CardHeader vendor={hubspotVendor} title="Recent CRM activity" subtitle={evts.length > 0 ? `${evts.length} event${evts.length === 1 ? "" : "s"}` : "Quiet"}/>
+      <Timeline events={timelineEvents} max={max} emptyLabel="No CRM activity yet."/>
+    </Card>);
+}
+//# sourceMappingURL=ActivityFeed.js.map

package/dist/ui/hubspot/ActivityFeed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityFeed.js","sourceRoot":"","sources":["../../../src/ui/hubspot/ActivityFeed.tsx"],"names":[],"mappings":"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"}

package/dist/ui/hubspot/ActivityFeed.mjs

@@ -0,0 +1,3 @@
+import{forwardRef as j,createElement as d}from"react";var O=(...Q)=>Q.filter((J,X,V)=>{return Boolean(J)&&J.trim()!==""&&V.indexOf(J)===X}).join(" ").trim();var R=(Q)=>Q.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase();var y=(Q)=>Q.replace(/^([A-Z])|[\s-_]+(\w)/g,(J,X,V)=>V?V.toUpperCase():X.toLowerCase());var U=(Q)=>{let J=y(Q);return J.charAt(0).toUpperCase()+J.slice(1)};import{forwardRef as l,createElement as z}from"react";var T={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};var S=(Q)=>{for(let J in Q)if(J.startsWith("aria-")||J==="role"||J==="title")return!0;return!1};import{createContext as h,useContext as p,useMemo as TJ,createElement as PJ}from"react";var u=h({});var _=()=>p(u);var I=l(({color:Q,size:J,strokeWidth:X,absoluteStrokeWidth:V,className:Z="",children:G,iconNode:x,...W},L)=>{let{size:P=24,strokeWidth:A=2,absoluteStrokeWidth:C=!1,color:g="currentColor",className:f=""}=_()??{},k=V??C?Number(X??A)*24/Number(J??P):X??A;return z("svg",{ref:L,...T,width:J??P??T.width,height:J??P??T.height,stroke:Q??g,strokeWidth:k,className:O("lucide",f,Z),...!G&&!S(W)&&{"aria-hidden":"true"},...W},[...x.map(([v,w])=>z(v,w)),...Array.isArray(G)?G:[G]])});var $=(Q,J)=>{let X=j(({className:V,...Z},G)=>d(I,{ref:G,iconNode:J,className:O(`lucide-${R(U(Q))}`,`lucide-${Q}`,V),...Z}));return X.displayName=U(Q),X};var m=[["path",{d:"M21 10.656V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h12.344",key:"2acyp4"}],["path",{d:"m9 11 3 3L22 4",key:"1pflzl"}]],Y=$("square-check-big",m);var t=[["path",{d:"M8 2v4",key:"1cmpym"}],["path",{d:"M16 2v4",key:"4m81vk"}],["rect",{width:"18",height:"18",x:"3",y:"4",rx:"2",key:"1hopcy"}],["path",{d:"M3 10h18",key:"8toen8"}]],B=$("calendar",t);var a=[["path",{d:"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",key:"1oefj6"}],["path",{d:"M14 2v5a1 1 0 0 0 1 1h5",key:"wfsgrz"}],["path",{d:"M10 9H8",key:"b1mrlr"}],["path",{d:"M16 13H8",key:"t4e002"}],["path",{d:"M16 17H8",key:"z1uh3a"}]],D=$("file-text",a);var r=[["path",{d:"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7",key:"132q7q"}],["rect",{x:"2",y:"4",width:"20",height:"16",rx:"2",key:"izxlao"}]],F=$("mail",r);var c=[["path",{d:"M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384",key:"9njp5v"}]],H=$("phone",c);var n=[["path",{d:"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",key:"v9h5vc"}],["path",{d:"M21 3v5h-5",key:"1q7to0"}],["path",{d:"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16",key:"3uifl3"}],["path",{d:"M8 16H3v5",key:"1cv678"}]],K=$("refresh-cw",n);import{Card as JJ,CardHeader as QJ,Timeline as XJ}from"@apteva/ui-kit";import{jsx as E,jsxs as s}from"react/jsx-runtime";function q(Q){let J=new Date;return J.setHours(J.getHours()-Q),J.toISOString()}var i="0";function b(Q,J,X){return`https://app.hubspot.com/contacts/${X||i}/${Q}/${J}`}var o=s("svg",{viewBox:"0 0 24 24",width:"14",height:"14",fill:"currentColor","aria-hidden":!0,children:[E("circle",{cx:"18",cy:"6",r:"2.2"}),E("circle",{cx:"18",cy:"18",r:"2.2"}),E("circle",{cx:"6",cy:"12",r:"2.2"}),E("circle",{cx:"14",cy:"12",r:"3",fill:"none",stroke:"currentColor",strokeWidth:"1.5"}),E("path",{d:"M8.2 12 L11 12 M16 7.5 L15 10.2 M16 16.5 L15 13.8",stroke:"currentColor",strokeWidth:"1.2",fill:"none"})]}),e="#FF7A59",N={name:"HubSpot",logo:o,color:e};import{jsx as M,jsxs as YJ}from"react/jsx-runtime";var ZJ=[{id:"1",kind:"email",timestamp:q(2),title:"Inbound email from Sarah Chen",subtitle:"Acme · board review tomorrow",engagement_id:"30100"},{id:"2",kind:"task",timestamp:q(2),title:"Created task: Draft renewal response",subtitle:"Owner: marc-olivier",engagement_id:"30101"},{id:"3",kind:"note",timestamp:q(3),title:"Note added to Acme Q4 Renewal",subtitle:"Pricing locked at $48k",engagement_id:"30102"},{id:"4",kind:"record_change",timestamp:q(28),title:"Deal stage → Contract sent",subtitle:"Acme Q4 Renewal · was Decision-maker bought in "},{id:"5",kind:"call",timestamp:q(31),title:"Call logged with Lisa Rodriguez",subtitle:"Initech · 12 min",engagement_id:"30103"},{id:"6",kind:"email",timestamp:q(54),title:"Outbound email to David Park",subtitle:"Globex · pilot follow-up",engagement_id:"30104"}],$J={email:"info",call:"accent",note:"neutral",task:"warn",meeting:"accent",record_change:"neutral"},VJ={email:F,call:H,note:D,task:Y,meeting:B,record_change:K};function GJ(Q){let J=Q.preview?Q.events??ZJ:Q.events??[],X=Q.max??12,V=J.map((Z)=>({id:Z.id,timestamp:Z.timestamp,tone:$J[Z.kind],icon:(()=>{let G=VJ[Z.kind];return M(G,{className:"w-3.5 h-3.5"})})(),title:Z.title,subtitle:Z.subtitle,href:Z.engagement_id?b("engagement",Z.engagement_id,Q.portal_id):void 0}));return YJ(JJ,{fullWidth:!0,children:[M(QJ,{vendor:N,title:"Recent CRM activity",subtitle:J.length>0?`${J.length} event${J.length===1?"":"s"}`:"Quiet"}),M(XJ,{events:V,max:X,emptyLabel:"No CRM activity yet."})]})}export{GJ as default};
+
+//# debugId=C7DA5F38C945DC3864756E2164756E21

package/dist/ui/hubspot/ActivityFeed.mjs.map

@@ -0,0 +1,26 @@
+{
+  "version": 3,
+  "sources": ["../../../node_modules/lucide-react/dist/esm/createLucideIcon.mjs", "../../../node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.mjs", "../../../node_modules/lucide-react/dist/esm/shared/src/utils/toKebabCase.mjs", "../../../node_modules/lucide-react/dist/esm/shared/src/utils/toCamelCase.mjs", "../../../node_modules/lucide-react/dist/esm/shared/src/utils/toPascalCase.mjs", "../../../node_modules/lucide-react/dist/esm/Icon.mjs", "../../../node_modules/lucide-react/dist/esm/defaultAttributes.mjs", "../../../node_modules/lucide-react/dist/esm/shared/src/utils/hasA11yProp.mjs", "../../../node_modules/lucide-react/dist/esm/context.mjs", "../../../node_modules/lucide-react/dist/esm/icons/square-check-big.mjs", "../../../node_modules/lucide-react/dist/esm/icons/calendar.mjs", "../../../node_modules/lucide-react/dist/esm/icons/file-text.mjs", "../../../node_modules/lucide-react/dist/esm/icons/mail.mjs", "../../../node_modules/lucide-react/dist/esm/icons/phone.mjs", "../../../node_modules/lucide-react/dist/esm/icons/refresh-cw.mjs", "../../../src/ui/hubspot/ActivityFeed.tsx", "../../../src/ui/hubspot/lib/hubspot.tsx"],
+  "sourcesContent": [
+    "/**\n * @license lucide-react v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { forwardRef, createElement } from 'react';\nimport { mergeClasses } from './shared/src/utils/mergeClasses.mjs';\nimport { toKebabCase } from './shared/src/utils/toKebabCase.mjs';\nimport { toPascalCase } from './shared/src/utils/toPascalCase.mjs';\nimport Icon from './Icon.mjs';\n\nconst createLucideIcon = (iconName, iconNode) => {\n  const Component = forwardRef(\n    ({ className, ...props }, ref) => createElement(Icon, {\n      ref,\n      iconNode,\n      className: mergeClasses(\n        `lucide-${toKebabCase(toPascalCase(iconName))}`,\n        `lucide-${iconName}`,\n        className\n      ),\n      ...props\n    })\n  );\n  Component.displayName = toPascalCase(iconName);\n  return Component;\n};\n\nexport { createLucideIcon as default };\n//# sourceMappingURL=createLucideIcon.mjs.map\n",
+    "/**\n * @license lucide-react v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nconst mergeClasses = (...classes) => classes.filter((className, index, array) => {\n  return Boolean(className) && className.trim() !== \"\" && array.indexOf(className) === index;\n}).join(\" \").trim();\n\nexport { mergeClasses };\n//# sourceMappingURL=mergeClasses.mjs.map\n",
+    "/**\n * @license lucide-react v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nconst toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase();\n\nexport { toKebabCase };\n//# sourceMappingURL=toKebabCase.mjs.map\n",
+    "/**\n * @license lucide-react v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nconst toCamelCase = (string) => string.replace(\n  /^([A-Z])|[\\s-_]+(\\w)/g,\n  (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()\n);\n\nexport { toCamelCase };\n//# sourceMappingURL=toCamelCase.mjs.map\n",
+    "/**\n * @license lucide-react v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { toCamelCase } from './toCamelCase.mjs';\n\nconst toPascalCase = (string) => {\n  const camelCase = toCamelCase(string);\n  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);\n};\n\nexport { toPascalCase };\n//# sourceMappingURL=toPascalCase.mjs.map\n",
+    "\"use strict\";\n\"use client\";\n/**\n * @license lucide-react v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { forwardRef, createElement } from 'react';\nimport defaultAttributes from './defaultAttributes.mjs';\nimport { hasA11yProp } from './shared/src/utils/hasA11yProp.mjs';\nimport { mergeClasses } from './shared/src/utils/mergeClasses.mjs';\nimport { useLucideContext } from './context.mjs';\n\nconst Icon = forwardRef(\n  ({ color, size, strokeWidth, absoluteStrokeWidth, className = \"\", children, iconNode, ...rest }, ref) => {\n    const {\n      size: contextSize = 24,\n      strokeWidth: contextStrokeWidth = 2,\n      absoluteStrokeWidth: contextAbsoluteStrokeWidth = false,\n      color: contextColor = \"currentColor\",\n      className: contextClass = \"\"\n    } = useLucideContext() ?? {};\n    const calculatedStrokeWidth = absoluteStrokeWidth ?? contextAbsoluteStrokeWidth ? Number(strokeWidth ?? contextStrokeWidth) * 24 / Number(size ?? contextSize) : strokeWidth ?? contextStrokeWidth;\n    return createElement(\n      \"svg\",\n      {\n        ref,\n        ...defaultAttributes,\n        width: size ?? contextSize ?? defaultAttributes.width,\n        height: size ?? contextSize ?? defaultAttributes.height,\n        stroke: color ?? contextColor,\n        strokeWidth: calculatedStrokeWidth,\n        className: mergeClasses(\"lucide\", contextClass, className),\n        ...!children && !hasA11yProp(rest) && { \"aria-hidden\": \"true\" },\n        ...rest\n      },\n      [\n        ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),\n        ...Array.isArray(children) ? children : [children]\n      ]\n    );\n  }\n);\n\nexport { Icon as default };\n//# sourceMappingURL=Icon.mjs.map\n",
+    "/**\n * @license lucide-react v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nvar defaultAttributes = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: 24,\n  height: 24,\n  viewBox: \"0 0 24 24\",\n  fill: \"none\",\n  stroke: \"currentColor\",\n  strokeWidth: 2,\n  strokeLinecap: \"round\",\n  strokeLinejoin: \"round\"\n};\n\nexport { defaultAttributes as default };\n//# sourceMappingURL=defaultAttributes.mjs.map\n",
+    "/**\n * @license lucide-react v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nconst hasA11yProp = (props) => {\n  for (const prop in props) {\n    if (prop.startsWith(\"aria-\") || prop === \"role\" || prop === \"title\") {\n      return true;\n    }\n  }\n  return false;\n};\n\nexport { hasA11yProp };\n//# sourceMappingURL=hasA11yProp.mjs.map\n",
+    "\"use strict\";\n\"use client\";\n/**\n * @license lucide-react v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { createContext, useContext, useMemo, createElement } from 'react';\n\nconst LucideContext = createContext({});\nfunction LucideProvider({\n  children,\n  size,\n  color,\n  strokeWidth,\n  absoluteStrokeWidth,\n  className\n}) {\n  const value = useMemo(\n    () => ({\n      size,\n      color,\n      strokeWidth,\n      absoluteStrokeWidth,\n      className\n    }),\n    [size, color, strokeWidth, absoluteStrokeWidth, className]\n  );\n  return createElement(LucideContext.Provider, { value }, children);\n}\nconst useLucideContext = () => useContext(LucideContext);\n\nexport { LucideProvider, useLucideContext };\n//# sourceMappingURL=context.mjs.map\n",
+    "/**\n * @license lucide-react v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\n    \"path\",\n    { d: \"M21 10.656V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h12.344\", key: \"2acyp4\" }\n  ],\n  [\"path\", { d: \"m9 11 3 3L22 4\", key: \"1pflzl\" }]\n];\nconst SquareCheckBig = createLucideIcon(\"square-check-big\", __iconNode);\n\nexport { __iconNode, SquareCheckBig as default };\n//# sourceMappingURL=square-check-big.mjs.map\n",
+    "/**\n * @license lucide-react v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"M8 2v4\", key: \"1cmpym\" }],\n  [\"path\", { d: \"M16 2v4\", key: \"4m81vk\" }],\n  [\"rect\", { width: \"18\", height: \"18\", x: \"3\", y: \"4\", rx: \"2\", key: \"1hopcy\" }],\n  [\"path\", { d: \"M3 10h18\", key: \"8toen8\" }]\n];\nconst Calendar = createLucideIcon(\"calendar\", __iconNode);\n\nexport { __iconNode, Calendar as default };\n//# sourceMappingURL=calendar.mjs.map\n",
+    "/**\n * @license lucide-react v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\",\n      key: \"1oefj6\"\n    }\n  ],\n  [\"path\", { d: \"M14 2v5a1 1 0 0 0 1 1h5\", key: \"wfsgrz\" }],\n  [\"path\", { d: \"M10 9H8\", key: \"b1mrlr\" }],\n  [\"path\", { d: \"M16 13H8\", key: \"t4e002\" }],\n  [\"path\", { d: \"M16 17H8\", key: \"z1uh3a\" }]\n];\nconst FileText = createLucideIcon(\"file-text\", __iconNode);\n\nexport { __iconNode, FileText as default };\n//# sourceMappingURL=file-text.mjs.map\n",
+    "/**\n * @license lucide-react v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7\", key: \"132q7q\" }],\n  [\"rect\", { x: \"2\", y: \"4\", width: \"20\", height: \"16\", rx: \"2\", key: \"izxlao\" }]\n];\nconst Mail = createLucideIcon(\"mail\", __iconNode);\n\nexport { __iconNode, Mail as default };\n//# sourceMappingURL=mail.mjs.map\n",
+    "/**\n * @license lucide-react v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384\",\n      key: \"9njp5v\"\n    }\n  ]\n];\nconst Phone = createLucideIcon(\"phone\", __iconNode);\n\nexport { __iconNode, Phone as default };\n//# sourceMappingURL=phone.mjs.map\n",
+    "/**\n * @license lucide-react v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\", key: \"v9h5vc\" }],\n  [\"path\", { d: \"M21 3v5h-5\", key: \"1q7to0\" }],\n  [\"path\", { d: \"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\", key: \"3uifl3\" }],\n  [\"path\", { d: \"M8 16H3v5\", key: \"1cv678\" }]\n];\nconst RefreshCw = createLucideIcon(\"refresh-cw\", __iconNode);\n\nexport { __iconNode, RefreshCw as default };\n//# sourceMappingURL=refresh-cw.mjs.map\n",
+    "// ActivityFeed — mixed engagement timeline grouped by day. Replaces\n// the demo runner's raw event log with a CRM-shaped view: emails,\n// calls, notes, tasks, and record changes side-by-side, color-banded\n// by kind.\n//\n// Caller pre-merges events from HubSpot's per-engagement-type tools\n// into a flat list. The component groups by local day.\n\nimport type { ComponentType } from \"react\";\nimport { Mail, Phone, FileText, CheckSquare, Calendar, RefreshCw } from \"lucide-react\";\nimport { Card, CardHeader, Timeline } from \"@apteva/ui-kit\";\nimport type { TimelineEvent, TimelineTone } from \"@apteva/ui-kit\";\nimport { recordUrl, minusHoursISO, hubspotVendor } from \"./lib/hubspot\";\n\ntype Kind = \"email\" | \"call\" | \"note\" | \"task\" | \"meeting\" | \"record_change\";\n\ninterface Event {\n  id: string;\n  kind: Kind;\n  /** ISO timestamp. */\n  timestamp: string;\n  title: string;\n  subtitle?: string;\n  /** Engagement id — used to build the canonical link. */\n  engagement_id?: string;\n}\n\ninterface Props {\n  events?: Event[];\n  /** Cap rendered events; show \"+N more\" when exceeded. Default 12. */\n  max?: number;\n  portal_id?: string;\n  preview?: boolean;\n  projectId?: string;\n}\n\nconst previewEvents: Event[] = [\n  { id: \"1\", kind: \"email\",          timestamp: minusHoursISO(2),   title: \"Inbound email from Sarah Chen\",                subtitle: \"Acme · board review tomorrow\", engagement_id: \"30100\" },\n  { id: \"2\", kind: \"task\",           timestamp: minusHoursISO(2),   title: \"Created task: Draft renewal response\",         subtitle: \"Owner: marc-olivier\",          engagement_id: \"30101\" },\n  { id: \"3\", kind: \"note\",           timestamp: minusHoursISO(3),   title: \"Note added to Acme Q4 Renewal\",                subtitle: \"Pricing locked at $48k\",       engagement_id: \"30102\" },\n  { id: \"4\", kind: \"record_change\",  timestamp: minusHoursISO(28),  title: \"Deal stage → Contract sent\",                   subtitle: \"Acme Q4 Renewal · was Decision-maker bought in \" },\n  { id: \"5\", kind: \"call\",           timestamp: minusHoursISO(31),  title: \"Call logged with Lisa Rodriguez\",              subtitle: \"Initech · 12 min\",              engagement_id: \"30103\" },\n  { id: \"6\", kind: \"email\",          timestamp: minusHoursISO(54),  title: \"Outbound email to David Park\",                 subtitle: \"Globex · pilot follow-up\",      engagement_id: \"30104\" },\n];\n\nconst KIND_TONE: Record<Kind, TimelineTone> = {\n  email:         \"info\",\n  call:          \"accent\",\n  note:          \"neutral\",\n  task:          \"warn\",\n  meeting:       \"accent\",\n  record_change: \"neutral\",\n};\n\nconst KIND_ICON: Record<Kind, ComponentType<{ className?: string }>> = {\n  email:         Mail,\n  call:          Phone,\n  note:          FileText,\n  task:          CheckSquare,\n  meeting:       Calendar,\n  record_change: RefreshCw,\n};\n\nexport default function ActivityFeed(props: Props) {\n  const evts = props.preview ? (props.events ?? previewEvents) : (props.events ?? []);\n  const max = props.max ?? 12;\n\n  const timelineEvents: TimelineEvent[] = evts.map((e) => ({\n    id: e.id,\n    timestamp: e.timestamp,\n    tone: KIND_TONE[e.kind],\n    icon: (() => { const Ico = KIND_ICON[e.kind]; return <Ico className=\"w-3.5 h-3.5\" />; })(),\n    title: e.title,\n    subtitle: e.subtitle,\n    href: e.engagement_id ? recordUrl(\"engagement\", e.engagement_id, props.portal_id) : undefined,\n  }));\n\n  return (\n    <Card fullWidth>\n      <CardHeader\n        vendor={hubspotVendor}\n        title=\"Recent CRM activity\"\n        subtitle={evts.length > 0 ? `${evts.length} event${evts.length === 1 ? \"\" : \"s\"}` : \"Quiet\"}\n      />\n      <Timeline events={timelineEvents} max={max} emptyLabel=\"No CRM activity yet.\" />\n    </Card>\n  );\n}\n",
+    "// Shared helpers for every HubSpot UI component.\n//\n//   * pill metadata for deal stages, ticket priorities, lifecycle\n//     stages — one source of truth for label + color across cards\n//   * formatters: USD, relative date, relative time-since\n//   * URL builders for HubSpot canonical record links\n//   * favicon helper (Google s2)\n//   * pillToDot — bridges StatusPill variant → StatusDot variant for\n//     CardHeader's status slot\n//   * HubSpot brand mark SVG used in every card header\n\nimport type { StatusDotVariant, StatusPillVariant } from \"@apteva/ui-kit\";\n\n// ─── pill metadata ────────────────────────────────────────────────\n\nexport type PillMeta = { label: string; variant: StatusPillVariant };\n\nconst DEAL_STAGE: Record<string, PillMeta> = {\n  appointmentscheduled:  { label: \"Appointment scheduled\",    variant: \"info\" },\n  qualifiedtobuy:        { label: \"Qualified to buy\",         variant: \"info\" },\n  presentationscheduled: { label: \"Presentation scheduled\",   variant: \"info\" },\n  decisionmakerboughtin: { label: \"Decision-maker bought in \", variant: \"info\" },\n  contractsent:          { label: \"Contract sent\",            variant: \"warn\" },\n  closedwon:             { label: \"Closed (won)\",             variant: \"success\" },\n  closedlost:            { label: \"Closed (lost)\",            variant: \"error\" },\n};\n\nexport function dealStageMeta(id: string | undefined, override?: string): PillMeta {\n  if (!id) return { label: override ?? \"—\", variant: \"neutral\" };\n  const known = DEAL_STAGE[id];\n  if (known) return { label: override ?? known.label, variant: known.variant };\n  return { label: override ?? id, variant: \"neutral\" };\n}\n\nconst TICKET_PRIORITY: Record<string, PillMeta> = {\n  LOW:    { label: \"Low\",    variant: \"neutral\" },\n  MEDIUM: { label: \"Medium\", variant: \"info\" },\n  HIGH:   { label: \"High\",   variant: \"warn\" },\n  URGENT: { label: \"Urgent\", variant: \"error\" },\n};\n\nexport function ticketPriorityMeta(id: string | undefined): PillMeta {\n  if (!id) return { label: \"—\", variant: \"neutral\" };\n  return TICKET_PRIORITY[id] ?? { label: id, variant: \"neutral\" };\n}\n\nconst TICKET_STAGE: Record<string, PillMeta> = {\n  \"1\": { label: \"New\",          variant: \"info\" },\n  \"2\": { label: \"Waiting on us\", variant: \"warn\" },\n  \"3\": { label: \"Waiting on them\", variant: \"neutral\" },\n  \"4\": { label: \"Closed\",       variant: \"success\" },\n};\n\nexport function ticketStageMeta(id: string | undefined, override?: string): PillMeta {\n  if (!id) return { label: override ?? \"—\", variant: \"neutral\" };\n  const known = TICKET_STAGE[id];\n  if (known) return { label: override ?? known.label, variant: known.variant };\n  return { label: override ?? id, variant: \"neutral\" };\n}\n\nconst LIFECYCLE: Record<string, PillMeta> = {\n  subscriber:        { label: \"Subscriber\",        variant: \"neutral\" },\n  lead:              { label: \"Lead\",              variant: \"neutral\" },\n  marketingqualifiedlead: { label: \"MQL\",          variant: \"info\" },\n  salesqualifiedlead:     { label: \"SQL\",          variant: \"info\" },\n  opportunity:       { label: \"Opportunity\",       variant: \"info\" },\n  customer:          { label: \"Customer\",          variant: \"success\" },\n  evangelist:        { label: \"Evangelist\",        variant: \"success\" },\n  other:             { label: \"Other\",             variant: \"neutral\" },\n};\n\nexport function lifecycleMeta(id: string | undefined): PillMeta {\n  if (!id) return { label: \"—\", variant: \"neutral\" };\n  return LIFECYCLE[id] ?? { label: id, variant: \"neutral\" };\n}\n\n// ─── formatters ───────────────────────────────────────────────────\n\nexport function formatUSD(raw: string | number | undefined | null): string {\n  if (raw === undefined || raw === null || raw === \"\") return \"—\";\n  const n = typeof raw === \"number\" ? raw : Number(raw);\n  if (!Number.isFinite(n)) return String(raw);\n  return n.toLocaleString(\"en-US\", {\n    style: \"currency\",\n    currency: \"USD\",\n    maximumFractionDigits: n >= 1000 ? 0 : 2,\n  });\n}\n\nexport function formatRelativeDate(iso: string | undefined): string {\n  if (!iso) return \"—\";\n  const d = new Date(iso);\n  if (Number.isNaN(d.getTime())) return iso;\n  const now = new Date();\n  const days = Math.round((d.getTime() - now.getTime()) / 86_400_000);\n  const dateStr = d.toLocaleDateString(\"en-US\", { month: \"short\", day: \"numeric\" });\n  if (days === 0) return `${dateStr} · today`;\n  if (days > 0)  return `${dateStr} · in ${days} day${days === 1 ? \"\" : \"s\"}`;\n  const overdue = -days;\n  return `${dateStr} · ${overdue} day${overdue === 1 ? \"\" : \"s\"} overdue`;\n}\n\nexport function timeAgo(iso: string | undefined): string {\n  if (!iso) return \"—\";\n  const d = new Date(iso);\n  if (Number.isNaN(d.getTime())) return iso;\n  const sec = Math.round((Date.now() - d.getTime()) / 1000);\n  if (sec < 60) return \"just now\";\n  const min = Math.round(sec / 60);\n  if (min < 60) return `${min}m ago`;\n  const hr = Math.round(min / 60);\n  if (hr < 24) return `${hr}h ago`;\n  const day = Math.round(hr / 24);\n  if (day < 7) return `${day}d ago`;\n  const wk = Math.round(day / 7);\n  if (wk < 5) return `${wk}w ago`;\n  return d.toLocaleDateString(\"en-US\", { month: \"short\", day: \"numeric\" });\n}\n\nexport function addDaysISO(n: number): string {\n  const d = new Date();\n  d.setDate(d.getDate() + n);\n  return d.toISOString().slice(0, 10);\n}\n\nexport function minusHoursISO(n: number): string {\n  const d = new Date();\n  d.setHours(d.getHours() - n);\n  return d.toISOString();\n}\n\n// ─── URL builders ─────────────────────────────────────────────────\n\nconst PORTAL_FALLBACK = \"0\";\n\nexport function recordUrl(\n  type: \"deal\" | \"company\" | \"contact\" | \"ticket\" | \"engagement\",\n  id: string,\n  portalId?: string,\n): string {\n  const portal = portalId || PORTAL_FALLBACK;\n  return `https://app.hubspot.com/contacts/${portal}/${type}/${id}`;\n}\n\nexport function pipelineUrl(portalId?: string, pipeline?: string): string {\n  const portal = portalId || PORTAL_FALLBACK;\n  const path = pipeline ? `?pipeline=${encodeURIComponent(pipeline)}` : \"\";\n  return `https://app.hubspot.com/pipelines/${portal}/deals${path}`;\n}\n\n// ─── favicon helper ───────────────────────────────────────────────\n\nexport function faviconFor(domain: string | undefined, size = 32): string | undefined {\n  if (!domain) return undefined;\n  return `https://www.google.com/s2/favicons?domain=${encodeURIComponent(domain)}&sz=${size}`;\n}\n\n// ─── pill → dot bridge ────────────────────────────────────────────\n//\n// CardHeader's status slot wants a StatusDot variant. StatusPill's\n// variant set is wider; this is the canonical mapping.\n\nexport function pillToDot(v: StatusPillVariant): StatusDotVariant {\n  switch (v) {\n    case \"success\": return \"live\";\n    case \"info\":    return \"active\";\n    case \"warn\":    return \"warn\";\n    case \"error\":   return \"error\";\n    default:        return \"muted\";\n  }\n}\n\n// ─── HubSpot brand mark ───────────────────────────────────────────\n//\n// Simplified mark — three satellites linked to a central node. Reads\n// at 14×14 without shipping the full brand artwork. Uses currentColor\n// so the consumer can recolor it (CardHeader's vendor strip pipes the\n// HubSpot brand orange in via inline `style.color`).\n\nimport type { ReactNode } from \"react\";\nimport type { CardVendor } from \"@apteva/ui-kit\";\n\nexport const hubspotLogo: ReactNode = (\n  <svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"currentColor\" aria-hidden>\n    <circle cx=\"18\" cy=\"6\" r=\"2.2\" />\n    <circle cx=\"18\" cy=\"18\" r=\"2.2\" />\n    <circle cx=\"6\" cy=\"12\" r=\"2.2\" />\n    <circle cx=\"14\" cy=\"12\" r=\"3\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n    <path d=\"M8.2 12 L11 12 M16 7.5 L15 10.2 M16 16.5 L15 13.8\" stroke=\"currentColor\" strokeWidth=\"1.2\" fill=\"none\" />\n  </svg>\n);\n\n// HubSpot's official brand orange. Passed through CardHeader's\n// `vendor.color` so the brand strip on every HubSpot-emitted card\n// reads as obviously HubSpot at a glance, in both light and dark.\nexport const HUBSPOT_BRAND_COLOR = \"#FF7A59\";\n\nexport const hubspotVendor: CardVendor = {\n  name: \"HubSpot\",\n  logo: hubspotLogo,\n  color: HUBSPOT_BRAND_COLOR,\n};\n"
+  ],
+  "mappings": "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",
+  "debugId": "C7DA5F38C945DC3864756E2164756E21",
+  "names": []
+}

package/dist/ui/hubspot/CompanyCard.d.ts

@@ -0,0 +1,22 @@
+interface Props {
+    company_id: string;
+    name?: string;
+    domain?: string;
+    industry?: string;
+    /** HubSpot returns numberofemployees as a string. */
+    numberofemployees?: string;
+    city?: string;
+    country?: string;
+    lifecyclestage?: string;
+    /** Sum of open-deal amounts associated with this company. Caller
+    * pre-computes (avoids an extra fetch on render). */
+    open_deal_total?: string;
+    open_deal_count?: number;
+    description?: string;
+    portal_id?: string;
+    preview?: boolean;
+    projectId?: string;
+}
+export default function CompanyCard(props: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=CompanyCard.d.ts.map

package/dist/ui/hubspot/CompanyCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompanyCard.d.ts","sourceRoot":"","sources":["../../../src/ui/hubspot/CompanyCard.tsx"],"names":[],"mappings":"AAQA,UAAU,KAAK;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qDAAqD;IACrD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;wDACoD;IACpD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AA+BD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,KAAK,+BAwD/C"}

package/dist/ui/hubspot/CompanyCard.js

@@ -0,0 +1,63 @@
+// CompanyCard — single HubSpot company. Domain favicon as the leading
+// visual, lifecycle stage as the right-side pill, key facts in the
+// data list. Designed to slot into chat after a get-by-id and into
+// the dashboard's"key accounts" tile.
+import { Card, CardHeader, StatusPill, DataList } from "@apteva/ui-kit";
+import { lifecycleMeta, recordUrl, faviconFor, pillToDot, formatUSD, hubspotVendor } from "./lib/hubspot";
+const previewSample = {
+    company_id: "1234567890",
+    name: "Acme Logistics",
+    domain: "acme-logistics.com",
+    industry: "Transportation & Logistics",
+    numberofemployees: "250",
+    city: "Chicago",
+    country: "United States",
+    lifecyclestage: "customer",
+    open_deal_total: "48000",
+    open_deal_count: 1,
+    description: "Mid-market freight + last-mile logistics provider.",
+    portal_id: "0",
+};
+function prettyIndustry(raw) {
+    if (!raw)
+        return undefined;
+    // HubSpot industries are SHOUTY_SNAKE_CASE — humanize for display.
+    return raw
+        .split("_")
+        .map((s) => s.length > 0 ? s[0].toUpperCase() + s.slice(1).toLowerCase() : s)
+        .join(" ")
+        .replace(/_/g, "");
+}
+export default function CompanyCard(props) {
+    const p = props.preview ? { ...previewSample, ...props } : props;
+    const lifecycle = lifecycleMeta(p.lifecyclestage);
+    const url = recordUrl("company", p.company_id, p.portal_id);
+    const favicon = faviconFor(p.domain, 32);
+    return (<Card>
+ <CardHeader vendor={hubspotVendor} title={p.name || `Company ${p.company_id}`} subtitle={p.domain} status={{ label: lifecycle.label, variant: pillToDot(lifecycle.variant) }} action={{ label: "View in HubSpot", href: url }}/>
+ <div className="px-3 py-3 flex flex-col gap-3">
+ <div className="flex items-center gap-3">
+ {favicon && (<img src={favicon} alt="" width={32} height={32} className="rounded-md bg-bg-hover flex-shrink-0"/>)}
+ <div className="min-w-0 flex-1">
+ <div className="text-text font-medium truncate">{p.name}</div>
+ {p.description && (<div className="text-text-dim text-xs line-clamp-2">{p.description}</div>)}
+ </div>
+ </div>
+
+ <DataList items={[
+            { label: "Lifecycle", value: <StatusPill variant={lifecycle.variant}>{lifecycle.label}</StatusPill> },
+            ...(p.industry ? [{ label: "Industry", value: prettyIndustry(p.industry) }] : []),
+            ...(p.numberofemployees ? [{ label: "Employees", value: <span className="tabular-nums">{Number(p.numberofemployees).toLocaleString("en-US")}</span> }] : []),
+            ...(p.city || p.country ? [{ label: "Location", value: [p.city, p.country].filter(Boolean).join(",") }] : []),
+            ...(p.open_deal_count !== undefined && p.open_deal_count > 0 ? [{
+                    label: "Open deals",
+                    value: (<span className="inline-flex items-center gap-1.5 tabular-nums">
+ <span className="text-text font-medium">{p.open_deal_count}</span>
+ {p.open_deal_total !== undefined && (<span className="text-text-dim">· {formatUSD(p.open_deal_total)}</span>)}
+ </span>),
+                }] : []),
+        ]}/>
+ </div>
+ </Card>);
+}
+//# sourceMappingURL=CompanyCard.js.map

package/dist/ui/hubspot/CompanyCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompanyCard.js","sourceRoot":"","sources":["../../../src/ui/hubspot/CompanyCard.tsx"],"names":[],"mappings":"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"}

package/dist/ui/hubspot/CompanyCard.mjs

@@ -0,0 +1,3 @@
+import{Card as K,CardHeader as P,StatusPill as R,DataList as O}from"@apteva/ui-kit";import{jsx as Z,jsxs as H}from"react/jsx-runtime";var B={subscriber:{label:"Subscriber",variant:"neutral"},lead:{label:"Lead",variant:"neutral"},marketingqualifiedlead:{label:"MQL",variant:"info"},salesqualifiedlead:{label:"SQL",variant:"info"},opportunity:{label:"Opportunity",variant:"info"},customer:{label:"Customer",variant:"success"},evangelist:{label:"Evangelist",variant:"success"},other:{label:"Other",variant:"neutral"}};function V(J){if(!J)return{label:"—",variant:"neutral"};return B[J]??{label:J,variant:"neutral"}}function G(J){if(J===void 0||J===null||J==="")return"—";let q=typeof J==="number"?J:Number(J);if(!Number.isFinite(q))return String(J);return q.toLocaleString("en-US",{style:"currency",currency:"USD",maximumFractionDigits:q>=1000?0:2})}var F="0";function N(J,q,W){return`https://app.hubspot.com/contacts/${W||F}/${J}/${q}`}function g(J,q=32){if(!J)return;return`https://www.google.com/s2/favicons?domain=${encodeURIComponent(J)}&sz=${q}`}function z(J){switch(J){case"success":return"live";case"info":return"active";case"warn":return"warn";case"error":return"error";default:return"muted"}}var U=H("svg",{viewBox:"0 0 24 24",width:"14",height:"14",fill:"currentColor","aria-hidden":!0,children:[Z("circle",{cx:"18",cy:"6",r:"2.2"}),Z("circle",{cx:"18",cy:"18",r:"2.2"}),Z("circle",{cx:"6",cy:"12",r:"2.2"}),Z("circle",{cx:"14",cy:"12",r:"3",fill:"none",stroke:"currentColor",strokeWidth:"1.5"}),Z("path",{d:"M8.2 12 L11 12 M16 7.5 L15 10.2 M16 16.5 L15 13.8",stroke:"currentColor",strokeWidth:"1.2",fill:"none"})]}),D="#FF7A59",Y={name:"HubSpot",logo:U,color:D};import{jsx as Q,jsxs as X}from"react/jsx-runtime";var b={company_id:"1234567890",name:"Acme Logistics",domain:"acme-logistics.com",industry:"Transportation & Logistics",numberofemployees:"250",city:"Chicago",country:"United States",lifecyclestage:"customer",open_deal_total:"48000",open_deal_count:1,description:"Mid-market freight + last-mile logistics provider.",portal_id:"0"};function E(J){if(!J)return;return J.split("_").map((q)=>q.length>0?q[0].toUpperCase()+q.slice(1).toLowerCase():q).join(" ").replace(/_/g,"")}function _(J){let q=J.preview?{...b,...J}:J,W=V(q.lifecyclestage),$=N("company",q.company_id,q.portal_id),M=g(q.domain,32);return X(K,{children:[Q(P,{vendor:Y,title:q.name||`Company ${q.company_id}`,subtitle:q.domain,status:{label:W.label,variant:z(W.variant)},action:{label:"View in HubSpot",href:$}}),X("div",{className:"px-3 py-3 flex flex-col gap-3",children:[X("div",{className:"flex items-center gap-3",children:[M&&Q("img",{src:M,alt:"",width:32,height:32,className:"rounded-md bg-bg-hover flex-shrink-0"}),X("div",{className:"min-w-0 flex-1",children:[Q("div",{className:"text-text font-medium truncate",children:q.name}),q.description&&Q("div",{className:"text-text-dim text-xs line-clamp-2",children:q.description})]})]}),Q(O,{items:[{label:"Lifecycle",value:Q(R,{variant:W.variant,children:W.label})},...q.industry?[{label:"Industry",value:E(q.industry)}]:[],...q.numberofemployees?[{label:"Employees",value:Q("span",{className:"tabular-nums",children:Number(q.numberofemployees).toLocaleString("en-US")})}]:[],...q.city||q.country?[{label:"Location",value:[q.city,q.country].filter(Boolean).join(",")}]:[],...q.open_deal_count!==void 0&&q.open_deal_count>0?[{label:"Open deals",value:X("span",{className:"inline-flex items-center gap-1.5 tabular-nums",children:[Q("span",{className:"text-text font-medium",children:q.open_deal_count}),q.open_deal_total!==void 0&&X("span",{className:"text-text-dim",children:["· ",G(q.open_deal_total)]})]})}]:[]]})]})]})}export{_ as default};
+
+//# debugId=58E670420209060564756E2164756E21

package/dist/ui/hubspot/CompanyCard.mjs.map

@@ -0,0 +1,11 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ui/hubspot/CompanyCard.tsx", "../../../src/ui/hubspot/lib/hubspot.tsx"],
+  "sourcesContent": [
+    "// CompanyCard — single HubSpot company. Domain favicon as the leading\n// visual, lifecycle stage as the right-side pill, key facts in the\n// data list. Designed to slot into chat after a get-by-id and into\n// the dashboard's\"key accounts\" tile.\n\nimport { Card, CardHeader, StatusPill, DataList } from \"@apteva/ui-kit\";\nimport { lifecycleMeta, recordUrl, faviconFor, pillToDot, formatUSD, hubspotVendor } from \"./lib/hubspot\";\n\ninterface Props {\n company_id: string;\n name?: string;\n domain?: string;\n industry?: string;\n /** HubSpot returns numberofemployees as a string. */\n numberofemployees?: string;\n city?: string;\n country?: string;\n lifecyclestage?: string;\n /** Sum of open-deal amounts associated with this company. Caller\n * pre-computes (avoids an extra fetch on render). */\n open_deal_total?: string;\n open_deal_count?: number;\n description?: string;\n portal_id?: string;\n preview?: boolean;\n projectId?: string;\n}\n\nconst previewSample: Required<Pick<Props,\n |\"company_id\" |\"name\" |\"domain\" |\"industry\" |\"numberofemployees\"\n |\"city\" |\"country\" |\"lifecyclestage\" |\"open_deal_total\"\n |\"open_deal_count\" |\"description\" |\"portal_id\"\n>> = {\n company_id: \"1234567890\",\n name: \"Acme Logistics\",\n domain: \"acme-logistics.com\",\n industry: \"Transportation & Logistics\",\n numberofemployees: \"250\",\n city: \"Chicago\",\n country: \"United States\",\n lifecyclestage: \"customer\",\n open_deal_total: \"48000\",\n open_deal_count: 1,\n description: \"Mid-market freight + last-mile logistics provider.\",\n portal_id: \"0\",\n};\n\nfunction prettyIndustry(raw: string | undefined): string | undefined {\n if (!raw) return undefined;\n // HubSpot industries are SHOUTY_SNAKE_CASE — humanize for display.\n return raw\n .split(\"_\")\n .map((s) => s.length > 0 ? s[0]!.toUpperCase() + s.slice(1).toLowerCase() : s)\n .join(\" \")\n .replace(/_/g,\"\");\n}\n\nexport default function CompanyCard(props: Props) {\n const p: Props = props.preview ? { ...previewSample, ...props } : props;\n const lifecycle = lifecycleMeta(p.lifecyclestage);\n const url = recordUrl(\"company\", p.company_id, p.portal_id);\n const favicon = faviconFor(p.domain, 32);\n\n return (\n <Card>\n <CardHeader\n vendor={hubspotVendor}\n title={p.name || `Company ${p.company_id}`}\n subtitle={p.domain}\n status={{ label: lifecycle.label, variant: pillToDot(lifecycle.variant) }}\n action={{ label: \"View in HubSpot\", href: url }}\n />\n <div className=\"px-3 py-3 flex flex-col gap-3\">\n <div className=\"flex items-center gap-3\">\n {favicon && (\n <img\n src={favicon}\n alt=\"\"\n width={32}\n height={32}\n className=\"rounded-md bg-bg-hover flex-shrink-0\"\n />\n )}\n <div className=\"min-w-0 flex-1\">\n <div className=\"text-text font-medium truncate\">{p.name}</div>\n {p.description && (\n <div className=\"text-text-dim text-xs line-clamp-2\">{p.description}</div>\n )}\n </div>\n </div>\n\n <DataList\n items={[\n { label: \"Lifecycle\", value: <StatusPill variant={lifecycle.variant}>{lifecycle.label}</StatusPill> },\n ...(p.industry ? [{ label: \"Industry\", value: prettyIndustry(p.industry)! }] : []),\n ...(p.numberofemployees ? [{ label: \"Employees\", value: <span className=\"tabular-nums\">{Number(p.numberofemployees).toLocaleString(\"en-US\")}</span> }] : []),\n ...(p.city || p.country ? [{ label: \"Location\", value: [p.city, p.country].filter(Boolean).join(\",\") }] : []),\n ...(p.open_deal_count !== undefined && p.open_deal_count > 0 ? [{\n label: \"Open deals\",\n value: (\n <span className=\"inline-flex items-center gap-1.5 tabular-nums\">\n <span className=\"text-text font-medium\">{p.open_deal_count}</span>\n {p.open_deal_total !== undefined && (\n <span className=\"text-text-dim\">· {formatUSD(p.open_deal_total)}</span>\n )}\n </span>\n ),\n }] : []),\n ]}\n />\n </div>\n </Card>\n );\n}\n",
+    "// Shared helpers for every HubSpot UI component.\n//\n//   * pill metadata for deal stages, ticket priorities, lifecycle\n//     stages — one source of truth for label + color across cards\n//   * formatters: USD, relative date, relative time-since\n//   * URL builders for HubSpot canonical record links\n//   * favicon helper (Google s2)\n//   * pillToDot — bridges StatusPill variant → StatusDot variant for\n//     CardHeader's status slot\n//   * HubSpot brand mark SVG used in every card header\n\nimport type { StatusDotVariant, StatusPillVariant } from \"@apteva/ui-kit\";\n\n// ─── pill metadata ────────────────────────────────────────────────\n\nexport type PillMeta = { label: string; variant: StatusPillVariant };\n\nconst DEAL_STAGE: Record<string, PillMeta> = {\n  appointmentscheduled:  { label: \"Appointment scheduled\",    variant: \"info\" },\n  qualifiedtobuy:        { label: \"Qualified to buy\",         variant: \"info\" },\n  presentationscheduled: { label: \"Presentation scheduled\",   variant: \"info\" },\n  decisionmakerboughtin: { label: \"Decision-maker bought in \", variant: \"info\" },\n  contractsent:          { label: \"Contract sent\",            variant: \"warn\" },\n  closedwon:             { label: \"Closed (won)\",             variant: \"success\" },\n  closedlost:            { label: \"Closed (lost)\",            variant: \"error\" },\n};\n\nexport function dealStageMeta(id: string | undefined, override?: string): PillMeta {\n  if (!id) return { label: override ?? \"—\", variant: \"neutral\" };\n  const known = DEAL_STAGE[id];\n  if (known) return { label: override ?? known.label, variant: known.variant };\n  return { label: override ?? id, variant: \"neutral\" };\n}\n\nconst TICKET_PRIORITY: Record<string, PillMeta> = {\n  LOW:    { label: \"Low\",    variant: \"neutral\" },\n  MEDIUM: { label: \"Medium\", variant: \"info\" },\n  HIGH:   { label: \"High\",   variant: \"warn\" },\n  URGENT: { label: \"Urgent\", variant: \"error\" },\n};\n\nexport function ticketPriorityMeta(id: string | undefined): PillMeta {\n  if (!id) return { label: \"—\", variant: \"neutral\" };\n  return TICKET_PRIORITY[id] ?? { label: id, variant: \"neutral\" };\n}\n\nconst TICKET_STAGE: Record<string, PillMeta> = {\n  \"1\": { label: \"New\",          variant: \"info\" },\n  \"2\": { label: \"Waiting on us\", variant: \"warn\" },\n  \"3\": { label: \"Waiting on them\", variant: \"neutral\" },\n  \"4\": { label: \"Closed\",       variant: \"success\" },\n};\n\nexport function ticketStageMeta(id: string | undefined, override?: string): PillMeta {\n  if (!id) return { label: override ?? \"—\", variant: \"neutral\" };\n  const known = TICKET_STAGE[id];\n  if (known) return { label: override ?? known.label, variant: known.variant };\n  return { label: override ?? id, variant: \"neutral\" };\n}\n\nconst LIFECYCLE: Record<string, PillMeta> = {\n  subscriber:        { label: \"Subscriber\",        variant: \"neutral\" },\n  lead:              { label: \"Lead\",              variant: \"neutral\" },\n  marketingqualifiedlead: { label: \"MQL\",          variant: \"info\" },\n  salesqualifiedlead:     { label: \"SQL\",          variant: \"info\" },\n  opportunity:       { label: \"Opportunity\",       variant: \"info\" },\n  customer:          { label: \"Customer\",          variant: \"success\" },\n  evangelist:        { label: \"Evangelist\",        variant: \"success\" },\n  other:             { label: \"Other\",             variant: \"neutral\" },\n};\n\nexport function lifecycleMeta(id: string | undefined): PillMeta {\n  if (!id) return { label: \"—\", variant: \"neutral\" };\n  return LIFECYCLE[id] ?? { label: id, variant: \"neutral\" };\n}\n\n// ─── formatters ───────────────────────────────────────────────────\n\nexport function formatUSD(raw: string | number | undefined | null): string {\n  if (raw === undefined || raw === null || raw === \"\") return \"—\";\n  const n = typeof raw === \"number\" ? raw : Number(raw);\n  if (!Number.isFinite(n)) return String(raw);\n  return n.toLocaleString(\"en-US\", {\n    style: \"currency\",\n    currency: \"USD\",\n    maximumFractionDigits: n >= 1000 ? 0 : 2,\n  });\n}\n\nexport function formatRelativeDate(iso: string | undefined): string {\n  if (!iso) return \"—\";\n  const d = new Date(iso);\n  if (Number.isNaN(d.getTime())) return iso;\n  const now = new Date();\n  const days = Math.round((d.getTime() - now.getTime()) / 86_400_000);\n  const dateStr = d.toLocaleDateString(\"en-US\", { month: \"short\", day: \"numeric\" });\n  if (days === 0) return `${dateStr} · today`;\n  if (days > 0)  return `${dateStr} · in ${days} day${days === 1 ? \"\" : \"s\"}`;\n  const overdue = -days;\n  return `${dateStr} · ${overdue} day${overdue === 1 ? \"\" : \"s\"} overdue`;\n}\n\nexport function timeAgo(iso: string | undefined): string {\n  if (!iso) return \"—\";\n  const d = new Date(iso);\n  if (Number.isNaN(d.getTime())) return iso;\n  const sec = Math.round((Date.now() - d.getTime()) / 1000);\n  if (sec < 60) return \"just now\";\n  const min = Math.round(sec / 60);\n  if (min < 60) return `${min}m ago`;\n  const hr = Math.round(min / 60);\n  if (hr < 24) return `${hr}h ago`;\n  const day = Math.round(hr / 24);\n  if (day < 7) return `${day}d ago`;\n  const wk = Math.round(day / 7);\n  if (wk < 5) return `${wk}w ago`;\n  return d.toLocaleDateString(\"en-US\", { month: \"short\", day: \"numeric\" });\n}\n\nexport function addDaysISO(n: number): string {\n  const d = new Date();\n  d.setDate(d.getDate() + n);\n  return d.toISOString().slice(0, 10);\n}\n\nexport function minusHoursISO(n: number): string {\n  const d = new Date();\n  d.setHours(d.getHours() - n);\n  return d.toISOString();\n}\n\n// ─── URL builders ─────────────────────────────────────────────────\n\nconst PORTAL_FALLBACK = \"0\";\n\nexport function recordUrl(\n  type: \"deal\" | \"company\" | \"contact\" | \"ticket\" | \"engagement\",\n  id: string,\n  portalId?: string,\n): string {\n  const portal = portalId || PORTAL_FALLBACK;\n  return `https://app.hubspot.com/contacts/${portal}/${type}/${id}`;\n}\n\nexport function pipelineUrl(portalId?: string, pipeline?: string): string {\n  const portal = portalId || PORTAL_FALLBACK;\n  const path = pipeline ? `?pipeline=${encodeURIComponent(pipeline)}` : \"\";\n  return `https://app.hubspot.com/pipelines/${portal}/deals${path}`;\n}\n\n// ─── favicon helper ───────────────────────────────────────────────\n\nexport function faviconFor(domain: string | undefined, size = 32): string | undefined {\n  if (!domain) return undefined;\n  return `https://www.google.com/s2/favicons?domain=${encodeURIComponent(domain)}&sz=${size}`;\n}\n\n// ─── pill → dot bridge ────────────────────────────────────────────\n//\n// CardHeader's status slot wants a StatusDot variant. StatusPill's\n// variant set is wider; this is the canonical mapping.\n\nexport function pillToDot(v: StatusPillVariant): StatusDotVariant {\n  switch (v) {\n    case \"success\": return \"live\";\n    case \"info\":    return \"active\";\n    case \"warn\":    return \"warn\";\n    case \"error\":   return \"error\";\n    default:        return \"muted\";\n  }\n}\n\n// ─── HubSpot brand mark ───────────────────────────────────────────\n//\n// Simplified mark — three satellites linked to a central node. Reads\n// at 14×14 without shipping the full brand artwork. Uses currentColor\n// so the consumer can recolor it (CardHeader's vendor strip pipes the\n// HubSpot brand orange in via inline `style.color`).\n\nimport type { ReactNode } from \"react\";\nimport type { CardVendor } from \"@apteva/ui-kit\";\n\nexport const hubspotLogo: ReactNode = (\n  <svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"currentColor\" aria-hidden>\n    <circle cx=\"18\" cy=\"6\" r=\"2.2\" />\n    <circle cx=\"18\" cy=\"18\" r=\"2.2\" />\n    <circle cx=\"6\" cy=\"12\" r=\"2.2\" />\n    <circle cx=\"14\" cy=\"12\" r=\"3\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n    <path d=\"M8.2 12 L11 12 M16 7.5 L15 10.2 M16 16.5 L15 13.8\" stroke=\"currentColor\" strokeWidth=\"1.2\" fill=\"none\" />\n  </svg>\n);\n\n// HubSpot's official brand orange. Passed through CardHeader's\n// `vendor.color` so the brand strip on every HubSpot-emitted card\n// reads as obviously HubSpot at a glance, in both light and dark.\nexport const HUBSPOT_BRAND_COLOR = \"#FF7A59\";\n\nexport const hubspotVendor: CardVendor = {\n  name: \"HubSpot\",\n  logo: hubspotLogo,\n  color: HUBSPOT_BRAND_COLOR,\n};\n"
+  ],
+  "mappings": "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",
+  "debugId": "58E670420209060564756E2164756E21",
+  "names": []
+}

package/dist/ui/hubspot/ContactCard.d.ts

@@ -0,0 +1,22 @@
+interface Props {
+    contact_id: string;
+    firstname?: string;
+    lastname?: string;
+    email?: string;
+    phone?: string;
+    jobtitle?: string;
+    lifecyclestage?: string;
+    /** Pre-resolved by the agent (HubSpot returns associated company id). */
+    company_name?: string;
+    company_domain?: string;
+    /** ISO timestamp of the most recent engagement (email open, call,
+    * note, etc.) — surfaced as"emailed 3d ago" /"no contact in 14d". */
+    last_engagement_at?: string;
+    last_engagement_kind?: string;
+    portal_id?: string;
+    preview?: boolean;
+    projectId?: string;
+}
+export default function ContactCard(props: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=ContactCard.d.ts.map

package/dist/ui/hubspot/ContactCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactCard.d.ts","sourceRoot":"","sources":["../../../src/ui/hubspot/ContactCard.tsx"],"names":[],"mappings":"AAQA,UAAU,KAAK;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,yEAAyE;IACzE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;wEACoE;IACpE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AA8BD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,KAAK,+BA+C/C"}