@apteva/integrations 0.3.61 → 0.15.3

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

@@ -0,0 +1,21 @@
+{
+  "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/message-circle.mjs", "../../../src/ui/hubspot/TicketCard.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    {\n      d: \"M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719\",\n      key: \"1sd12s\"\n    }\n  ]\n];\nconst MessageCircle = createLucideIcon(\"message-circle\", __iconNode);\n\nexport { __iconNode, MessageCircle as default };\n//# sourceMappingURL=message-circle.mjs.map\n",
+    "// TicketCard — single HubSpot ticket. Subject + content body up top,\n// priority pill (LOW/MED/HIGH/URGENT — color-coded), pipeline-stage\n// pill, age, associated company. The card the demo uses for Acme's\n// HIGH-priority API-latency ticket.\n\nimport { MessageCircle } from \"lucide-react\";\nimport { Card, CardHeader, StatusPill, DataList } from \"@apteva/ui-kit\";\nimport {\n ticketPriorityMeta, ticketStageMeta, recordUrl, faviconFor,\n pillToDot, timeAgo, minusHoursISO, hubspotVendor,\n} from \"./lib/hubspot\";\n\ninterface Props {\n ticket_id: string;\n subject?: string;\n content?: string;\n /** HubSpot internal priority id: LOW | MEDIUM | HIGH | URGENT. */\n hs_ticket_priority?: string;\n /** Pipeline-stage id (per-pipeline;\"1\" is\"New\" in the default). */\n hs_pipeline_stage?: string;\n /** Optional human-friendly stage label override. */\n stage_label?: string;\n /** ISO timestamp when the ticket was created. */\n createdate?: string;\n /** ISO timestamp of the last update. */\n hs_lastmodifieddate?: string;\n company_name?: string;\n company_domain?: string;\n /** Number of comments / replies on the ticket. */\n comment_count?: number;\n portal_id?: string;\n preview?: boolean;\n projectId?: string;\n}\n\nconst previewSample: Required<Pick<Props,\n |\"ticket_id\" |\"subject\" |\"content\" |\"hs_ticket_priority\"\n |\"hs_pipeline_stage\" |\"createdate\" |\"hs_lastmodifieddate\"\n |\"company_name\" |\"company_domain\" |\"comment_count\" |\"portal_id\"\n>> = {\n ticket_id: \"20100\",\n subject: \"Slow API response times — affecting overnight runs\",\n content: \"Acme reports API p95 latency above 4s for 10 days. Two follow-ups, no resolution.\",\n hs_ticket_priority: \"HIGH\",\n hs_pipeline_stage: \"2\",\n createdate: minusHoursISO(240), // ~10 days\n hs_lastmodifieddate: minusHoursISO(36),\n company_name: \"Acme Logistics\",\n company_domain: \"acme-logistics.com\",\n comment_count: 4,\n portal_id: \"0\",\n};\n\nexport default function TicketCard(props: Props) {\n const p: Props = props.preview ? { ...previewSample, ...props } : props;\n const priority = ticketPriorityMeta(p.hs_ticket_priority);\n const stage = ticketStageMeta(p.hs_pipeline_stage, p.stage_label);\n const url = recordUrl(\"ticket\", p.ticket_id, p.portal_id);\n\n return (\n <Card>\n <CardHeader\n vendor={hubspotVendor}\n title={p.subject || `Ticket ${p.ticket_id}`}\n subtitle={p.company_name}\n status={{ label: priority.label, variant: pillToDot(priority.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-2 flex-wrap\">\n <StatusPill variant={priority.variant}>{priority.label} priority</StatusPill>\n <StatusPill variant={stage.variant}>{stage.label}</StatusPill>\n {p.comment_count !== undefined && p.comment_count > 0 && (\n <span className=\"text-[11px] text-text-dim inline-flex items-center gap-1\"><MessageCircle className=\"w-3 h-3\" />{p.comment_count}</span>\n )}\n </div>\n\n {p.content && (\n <div className=\"text-xs text-text-muted line-clamp-3 border-l-2 border-border pl-2\">\n {p.content}\n </div>\n )}\n\n <DataList\n items={[\n ...(p.company_name ? [{\n label: \"Company\",\n value: (\n <span className=\"inline-flex items-center gap-1.5\">\n {p.company_domain && (\n <img src={faviconFor(p.company_domain)} alt=\"\" width={12} height={12} className=\"rounded-sm\" />\n )}\n <span className=\"text-text\">{p.company_name}</span>\n </span>\n ),\n }] : []),\n ...(p.createdate ? [{ label: \"Opened\", value: timeAgo(p.createdate) }] : []),\n ...(p.hs_lastmodifieddate ? [{ label: \"Updated\", value: timeAgo(p.hs_lastmodifieddate) }] : []),\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": "5F43CC55406576EC64756E2164756E21",
+  "names": []
+}

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

@@ -0,0 +1,21 @@
+interface TicketRow {
+    ticket_id: string;
+    subject?: string;
+    hs_ticket_priority?: string;
+    hs_pipeline_stage?: string;
+    stage_label?: string;
+    createdate?: string;
+    company_name?: string;
+}
+interface Props {
+    items?: TicketRow[];
+    title?: string;
+    subtitle?: string;
+    max_rows?: number;
+    portal_id?: string;
+    preview?: boolean;
+    projectId?: string;
+}
+export default function TicketList(props: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=TicketList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TicketList.d.ts","sourceRoot":"","sources":["../../../src/ui/hubspot/TicketList.tsx"],"names":[],"mappings":"AAMA,UAAU,SAAS;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,KAAK;IACd,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AASD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,KAAK,+BA8C9C"}

package/dist/ui/hubspot/TicketList.js

@@ -0,0 +1,33 @@
+// TicketList — dense rows of tickets. Same shape as TicketCard.
+// Footer summarises open count and HIGH/URGENT count.
+import { Card, CardHeader, StatusPill, Row } from "@apteva/ui-kit";
+import { ticketPriorityMeta, ticketStageMeta, recordUrl, timeAgo, minusHoursISO, hubspotVendor } from "./lib/hubspot";
+const previewItems = [
+    { ticket_id: "1", subject: "Slow API response times — affecting overnight runs", hs_ticket_priority: "HIGH", hs_pipeline_stage: "2", createdate: minusHoursISO(240), company_name: "Acme Logistics" },
+    { ticket_id: "2", subject: "Quote clarification on enterprise license terms", hs_ticket_priority: "MEDIUM", hs_pipeline_stage: "1", createdate: minusHoursISO(36), company_name: "Initech Corp" },
+    { ticket_id: "3", subject: "SSO integration broken after Okta migration", hs_ticket_priority: "URGENT", hs_pipeline_stage: "2", createdate: minusHoursISO(6), company_name: "Hooli" },
+    { ticket_id: "4", subject: "Bulk export hits row limit on weekly run", hs_ticket_priority: "LOW", hs_pipeline_stage: "3", createdate: minusHoursISO(120), company_name: "Soylent Foods" },
+];
+export default function TicketList(props) {
+    const items = props.preview ? (props.items ?? previewItems) : (props.items ?? []);
+    const max = props.max_rows ?? 6;
+    const visible = items.slice(0, max);
+    const overflow = items.length - visible.length;
+    const urgent = items.filter((t) => t.hs_ticket_priority === "HIGH" || t.hs_ticket_priority === "URGENT").length;
+    return (<Card fullWidth>
+ <CardHeader vendor={hubspotVendor} title={props.title || "Tickets"} subtitle={props.subtitle || (items.length > 0 ? `${items.length} open${urgent > 0 ? ` · ${urgent} HIGH+` : ""}` : "Nothing open")}/>
+ {visible.length === 0 && (<div className="px-3 py-3 text-xs text-text-dim">No tickets match.</div>)}
+ {visible.map((t, i) => {
+            const priority = ticketPriorityMeta(t.hs_ticket_priority);
+            const stage = ticketStageMeta(t.hs_pipeline_stage, t.stage_label);
+            return (<Row key={t.ticket_id} flush={i === 0} href={recordUrl("ticket", t.ticket_id, props.portal_id)} leading={<StatusPill variant={priority.variant}>{priority.label}</StatusPill>} title={t.subject || `Ticket ${t.ticket_id}`} subtitle={t.company_name} trailing={<span className="inline-flex items-center gap-2">
+ <StatusPill variant={stage.variant}>{stage.label}</StatusPill>
+ {t.createdate && (<span className="text-text-dim hidden sm:inline">{timeAgo(t.createdate)}</span>)}
+ </span>}/>);
+        })}
+ {overflow > 0 && (<div className="px-3 py-1.5 text-[11px] text-text-dim border-t border-border">
+ +{overflow} more
+ </div>)}
+ </Card>);
+}
+//# sourceMappingURL=TicketList.js.map

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

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

package/dist/ui/hubspot/TicketList.mjs

@@ -0,0 +1,3 @@
+import{Card as P,CardHeader as S,StatusPill as f,Row as W}from"@apteva/ui-kit";import{jsx as r,jsxs as $}from"react/jsx-runtime";var H={LOW:{label:"Low",variant:"neutral"},MEDIUM:{label:"Medium",variant:"info"},HIGH:{label:"High",variant:"warn"},URGENT:{label:"Urgent",variant:"error"}};function p(t){if(!t)return{label:"—",variant:"neutral"};return H[t]??{label:t,variant:"neutral"}}var N={"1":{label:"New",variant:"info"},"2":{label:"Waiting on us",variant:"warn"},"3":{label:"Waiting on them",variant:"neutral"},"4":{label:"Closed",variant:"success"}};function k(t,e){if(!t)return{label:e??"—",variant:"neutral"};let c=N[t];if(c)return{label:e??c.label,variant:c.variant};return{label:e??t,variant:"neutral"}}function h(t){if(!t)return"—";let e=new Date(t);if(Number.isNaN(e.getTime()))return t;let c=Math.round((Date.now()-e.getTime())/1000);if(c<60)return"just now";let n=Math.round(c/60);if(n<60)return`${n}m ago`;let s=Math.round(n/60);if(s<24)return`${s}h ago`;let a=Math.round(s/24);if(a<7)return`${a}d ago`;let i=Math.round(a/7);if(i<5)return`${i}w ago`;return e.toLocaleDateString("en-US",{month:"short",day:"numeric"})}function _(t){let e=new Date;return e.setHours(e.getHours()-t),e.toISOString()}var G="0";function u(t,e,c){return`https://app.hubspot.com/contacts/${c||G}/${t}/${e}`}var M=$("svg",{viewBox:"0 0 24 24",width:"14",height:"14",fill:"currentColor","aria-hidden":!0,children:[r("circle",{cx:"18",cy:"6",r:"2.2"}),r("circle",{cx:"18",cy:"18",r:"2.2"}),r("circle",{cx:"6",cy:"12",r:"2.2"}),r("circle",{cx:"14",cy:"12",r:"3",fill:"none",stroke:"currentColor",strokeWidth:"1.5"}),r("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"})]}),U="#FF7A59",b={name:"HubSpot",logo:M,color:U};import{jsx as l,jsxs as m}from"react/jsx-runtime";var x=[{ticket_id:"1",subject:"Slow API response times — affecting overnight runs",hs_ticket_priority:"HIGH",hs_pipeline_stage:"2",createdate:_(240),company_name:"Acme Logistics"},{ticket_id:"2",subject:"Quote clarification on enterprise license terms",hs_ticket_priority:"MEDIUM",hs_pipeline_stage:"1",createdate:_(36),company_name:"Initech Corp"},{ticket_id:"3",subject:"SSO integration broken after Okta migration",hs_ticket_priority:"URGENT",hs_pipeline_stage:"2",createdate:_(6),company_name:"Hooli"},{ticket_id:"4",subject:"Bulk export hits row limit on weekly run",hs_ticket_priority:"LOW",hs_pipeline_stage:"3",createdate:_(120),company_name:"Soylent Foods"}];function I(t){let e=t.preview?t.items??x:t.items??[],c=t.max_rows??6,n=e.slice(0,c),s=e.length-n.length,a=e.filter((i)=>i.hs_ticket_priority==="HIGH"||i.hs_ticket_priority==="URGENT").length;return m(P,{fullWidth:!0,children:[l(S,{vendor:b,title:t.title||"Tickets",subtitle:t.subtitle||(e.length>0?`${e.length} open${a>0?` · ${a} HIGH+`:""}`:"Nothing open")}),n.length===0&&l("div",{className:"px-3 py-3 text-xs text-text-dim",children:"No tickets match."}),n.map((i,y)=>{let g=p(i.hs_ticket_priority),o=k(i.hs_pipeline_stage,i.stage_label);return l(W,{flush:y===0,href:u("ticket",i.ticket_id,t.portal_id),leading:l(f,{variant:g.variant,children:g.label}),title:i.subject||`Ticket ${i.ticket_id}`,subtitle:i.company_name,trailing:m("span",{className:"inline-flex items-center gap-2",children:[l(f,{variant:o.variant,children:o.label}),i.createdate&&l("span",{className:"text-text-dim hidden sm:inline",children:h(i.createdate)})]})},i.ticket_id)}),s>0&&m("div",{className:"px-3 py-1.5 text-[11px] text-text-dim border-t border-border",children:["+",s," more"]})]})}export{I as default};
+
+//# debugId=20D5F199285641B864756E2164756E21

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

@@ -0,0 +1,11 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ui/hubspot/TicketList.tsx", "../../../src/ui/hubspot/lib/hubspot.tsx"],
+  "sourcesContent": [
+    "// TicketList — dense rows of tickets. Same shape as TicketCard.\n// Footer summarises open count and HIGH/URGENT count.\n\nimport { Card, CardHeader, StatusPill, Row } from \"@apteva/ui-kit\";\nimport { ticketPriorityMeta, ticketStageMeta, recordUrl, timeAgo, minusHoursISO, hubspotVendor } from \"./lib/hubspot\";\n\ninterface TicketRow {\n ticket_id: string;\n subject?: string;\n hs_ticket_priority?: string;\n hs_pipeline_stage?: string;\n stage_label?: string;\n createdate?: string;\n company_name?: string;\n}\n\ninterface Props {\n items?: TicketRow[];\n title?: string;\n subtitle?: string;\n max_rows?: number;\n portal_id?: string;\n preview?: boolean;\n projectId?: string;\n}\n\nconst previewItems: TicketRow[] = [\n { ticket_id: \"1\", subject: \"Slow API response times — affecting overnight runs\", hs_ticket_priority: \"HIGH\", hs_pipeline_stage: \"2\", createdate: minusHoursISO(240), company_name: \"Acme Logistics\" },\n { ticket_id: \"2\", subject: \"Quote clarification on enterprise license terms\", hs_ticket_priority: \"MEDIUM\", hs_pipeline_stage: \"1\", createdate: minusHoursISO(36), company_name: \"Initech Corp\" },\n { ticket_id: \"3\", subject: \"SSO integration broken after Okta migration\", hs_ticket_priority: \"URGENT\", hs_pipeline_stage: \"2\", createdate: minusHoursISO(6), company_name: \"Hooli\" },\n { ticket_id: \"4\", subject: \"Bulk export hits row limit on weekly run\", hs_ticket_priority: \"LOW\", hs_pipeline_stage: \"3\", createdate: minusHoursISO(120), company_name: \"Soylent Foods\" },\n];\n\nexport default function TicketList(props: Props) {\n const items = props.preview ? (props.items ?? previewItems) : (props.items ?? []);\n const max = props.max_rows ?? 6;\n const visible = items.slice(0, max);\n const overflow = items.length - visible.length;\n const urgent = items.filter((t) => t.hs_ticket_priority === \"HIGH\" || t.hs_ticket_priority === \"URGENT\").length;\n\n return (\n <Card fullWidth>\n <CardHeader\n vendor={hubspotVendor}\n title={props.title || \"Tickets\"}\n subtitle={props.subtitle || (items.length > 0 ? `${items.length} open${urgent > 0 ? ` · ${urgent} HIGH+` :\"\"}` :\"Nothing open\")}\n />\n {visible.length === 0 && (\n <div className=\"px-3 py-3 text-xs text-text-dim\">No tickets match.</div>\n )}\n {visible.map((t, i) => {\n const priority = ticketPriorityMeta(t.hs_ticket_priority);\n const stage = ticketStageMeta(t.hs_pipeline_stage, t.stage_label);\n return (\n <Row\n key={t.ticket_id}\n flush={i === 0}\n href={recordUrl(\"ticket\", t.ticket_id, props.portal_id)}\n leading={<StatusPill variant={priority.variant}>{priority.label}</StatusPill>}\n title={t.subject || `Ticket ${t.ticket_id}`}\n subtitle={t.company_name}\n trailing={\n <span className=\"inline-flex items-center gap-2\">\n <StatusPill variant={stage.variant}>{stage.label}</StatusPill>\n {t.createdate && (\n <span className=\"text-text-dim hidden sm:inline\">{timeAgo(t.createdate)}</span>\n )}\n </span>\n }\n />\n );\n })}\n {overflow > 0 && (\n <div className=\"px-3 py-1.5 text-[11px] text-text-dim border-t border-border\">\n +{overflow} more\n </div>\n )}\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": "20D5F199285641B864756E2164756E21",
+  "names": []
+}

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

@@ -0,0 +1,24 @@
+import type { StatusDotVariant, StatusPillVariant } from "@apteva/ui-kit";
+export type PillMeta = {
+    label: string;
+    variant: StatusPillVariant;
+};
+export declare function dealStageMeta(id: string | undefined, override?: string): PillMeta;
+export declare function ticketPriorityMeta(id: string | undefined): PillMeta;
+export declare function ticketStageMeta(id: string | undefined, override?: string): PillMeta;
+export declare function lifecycleMeta(id: string | undefined): PillMeta;
+export declare function formatUSD(raw: string | number | undefined | null): string;
+export declare function formatRelativeDate(iso: string | undefined): string;
+export declare function timeAgo(iso: string | undefined): string;
+export declare function addDaysISO(n: number): string;
+export declare function minusHoursISO(n: number): string;
+export declare function recordUrl(type: "deal" | "company" | "contact" | "ticket" | "engagement", id: string, portalId?: string): string;
+export declare function pipelineUrl(portalId?: string, pipeline?: string): string;
+export declare function faviconFor(domain: string | undefined, size?: number): string | undefined;
+export declare function pillToDot(v: StatusPillVariant): StatusDotVariant;
+import type { ReactNode } from "react";
+import type { CardVendor } from "@apteva/ui-kit";
+export declare const hubspotLogo: ReactNode;
+export declare const HUBSPOT_BRAND_COLOR = "#FF7A59";
+export declare const hubspotVendor: CardVendor;
+//# sourceMappingURL=hubspot.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hubspot.d.ts","sourceRoot":"","sources":["../../../../src/ui/hubspot/lib/hubspot.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAI1E,MAAM,MAAM,QAAQ,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,iBAAiB,CAAA;CAAE,CAAC;AAYrE,wBAAgB,aAAa,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,CAKjF;AASD,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAGnE;AASD,wBAAgB,eAAe,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,CAKnF;AAaD,wBAAgB,aAAa,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAG9D;AAID,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,MAAM,CASzE;AAED,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAWlE;AAED,wBAAgB,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAevD;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAI5C;AAED,wBAAgB,aAAa,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAI/C;AAMD,wBAAgB,SAAS,CACvB,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,YAAY,EAC9D,EAAE,EAAE,MAAM,EACV,QAAQ,CAAC,EAAE,MAAM,GAChB,MAAM,CAGR;AAED,wBAAgB,WAAW,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAIxE;AAID,wBAAgB,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,EAAE,IAAI,SAAK,GAAG,MAAM,GAAG,SAAS,CAGpF;AAOD,wBAAgB,SAAS,CAAC,CAAC,EAAE,iBAAiB,GAAG,gBAAgB,CAQhE;AASD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,eAAO,MAAM,WAAW,EAAE,SAQzB,CAAC;AAKF,eAAO,MAAM,mBAAmB,YAAY,CAAC;AAE7C,eAAO,MAAM,aAAa,EAAE,UAI3B,CAAC"}

package/dist/ui/hubspot/lib/hubspot.js

@@ -0,0 +1,176 @@
+// Shared helpers for every HubSpot UI component.
+//
+//   * pill metadata for deal stages, ticket priorities, lifecycle
+//     stages — one source of truth for label + color across cards
+//   * formatters: USD, relative date, relative time-since
+//   * URL builders for HubSpot canonical record links
+//   * favicon helper (Google s2)
+//   * pillToDot — bridges StatusPill variant → StatusDot variant for
+//     CardHeader's status slot
+//   * HubSpot brand mark SVG used in every card header
+const DEAL_STAGE = {
+    appointmentscheduled: { label: "Appointment scheduled", variant: "info" },
+    qualifiedtobuy: { label: "Qualified to buy", variant: "info" },
+    presentationscheduled: { label: "Presentation scheduled", variant: "info" },
+    decisionmakerboughtin: { label: "Decision-maker bought in ", variant: "info" },
+    contractsent: { label: "Contract sent", variant: "warn" },
+    closedwon: { label: "Closed (won)", variant: "success" },
+    closedlost: { label: "Closed (lost)", variant: "error" },
+};
+export function dealStageMeta(id, override) {
+    if (!id)
+        return { label: override ?? "—", variant: "neutral" };
+    const known = DEAL_STAGE[id];
+    if (known)
+        return { label: override ?? known.label, variant: known.variant };
+    return { label: override ?? id, variant: "neutral" };
+}
+const TICKET_PRIORITY = {
+    LOW: { label: "Low", variant: "neutral" },
+    MEDIUM: { label: "Medium", variant: "info" },
+    HIGH: { label: "High", variant: "warn" },
+    URGENT: { label: "Urgent", variant: "error" },
+};
+export function ticketPriorityMeta(id) {
+    if (!id)
+        return { label: "—", variant: "neutral" };
+    return TICKET_PRIORITY[id] ?? { label: id, variant: "neutral" };
+}
+const TICKET_STAGE = {
+    "1": { label: "New", variant: "info" },
+    "2": { label: "Waiting on us", variant: "warn" },
+    "3": { label: "Waiting on them", variant: "neutral" },
+    "4": { label: "Closed", variant: "success" },
+};
+export function ticketStageMeta(id, override) {
+    if (!id)
+        return { label: override ?? "—", variant: "neutral" };
+    const known = TICKET_STAGE[id];
+    if (known)
+        return { label: override ?? known.label, variant: known.variant };
+    return { label: override ?? id, variant: "neutral" };
+}
+const LIFECYCLE = {
+    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" },
+};
+export function lifecycleMeta(id) {
+    if (!id)
+        return { label: "—", variant: "neutral" };
+    return LIFECYCLE[id] ?? { label: id, variant: "neutral" };
+}
+// ─── formatters ───────────────────────────────────────────────────
+export function formatUSD(raw) {
+    if (raw === undefined || raw === null || raw === "")
+        return "—";
+    const n = typeof raw === "number" ? raw : Number(raw);
+    if (!Number.isFinite(n))
+        return String(raw);
+    return n.toLocaleString("en-US", {
+        style: "currency",
+        currency: "USD",
+        maximumFractionDigits: n >= 1000 ? 0 : 2,
+    });
+}
+export function formatRelativeDate(iso) {
+    if (!iso)
+        return "—";
+    const d = new Date(iso);
+    if (Number.isNaN(d.getTime()))
+        return iso;
+    const now = new Date();
+    const days = Math.round((d.getTime() - now.getTime()) / 86_400_000);
+    const dateStr = d.toLocaleDateString("en-US", { month: "short", day: "numeric" });
+    if (days === 0)
+        return `${dateStr} · today`;
+    if (days > 0)
+        return `${dateStr} · in ${days} day${days === 1 ? "" : "s"}`;
+    const overdue = -days;
+    return `${dateStr} · ${overdue} day${overdue === 1 ? "" : "s"} overdue`;
+}
+export function timeAgo(iso) {
+    if (!iso)
+        return "—";
+    const d = new Date(iso);
+    if (Number.isNaN(d.getTime()))
+        return iso;
+    const sec = Math.round((Date.now() - d.getTime()) / 1000);
+    if (sec < 60)
+        return "just now";
+    const min = Math.round(sec / 60);
+    if (min < 60)
+        return `${min}m ago`;
+    const hr = Math.round(min / 60);
+    if (hr < 24)
+        return `${hr}h ago`;
+    const day = Math.round(hr / 24);
+    if (day < 7)
+        return `${day}d ago`;
+    const wk = Math.round(day / 7);
+    if (wk < 5)
+        return `${wk}w ago`;
+    return d.toLocaleDateString("en-US", { month: "short", day: "numeric" });
+}
+export function addDaysISO(n) {
+    const d = new Date();
+    d.setDate(d.getDate() + n);
+    return d.toISOString().slice(0, 10);
+}
+export function minusHoursISO(n) {
+    const d = new Date();
+    d.setHours(d.getHours() - n);
+    return d.toISOString();
+}
+// ─── URL builders ─────────────────────────────────────────────────
+const PORTAL_FALLBACK = "0";
+export function recordUrl(type, id, portalId) {
+    const portal = portalId || PORTAL_FALLBACK;
+    return `https://app.hubspot.com/contacts/${portal}/${type}/${id}`;
+}
+export function pipelineUrl(portalId, pipeline) {
+    const portal = portalId || PORTAL_FALLBACK;
+    const path = pipeline ? `?pipeline=${encodeURIComponent(pipeline)}` : "";
+    return `https://app.hubspot.com/pipelines/${portal}/deals${path}`;
+}
+// ─── favicon helper ───────────────────────────────────────────────
+export function faviconFor(domain, size = 32) {
+    if (!domain)
+        return undefined;
+    return `https://www.google.com/s2/favicons?domain=${encodeURIComponent(domain)}&sz=${size}`;
+}
+// ─── pill → dot bridge ────────────────────────────────────────────
+//
+// CardHeader's status slot wants a StatusDot variant. StatusPill's
+// variant set is wider; this is the canonical mapping.
+export function pillToDot(v) {
+    switch (v) {
+        case "success": return "live";
+        case "info": return "active";
+        case "warn": return "warn";
+        case "error": return "error";
+        default: return "muted";
+    }
+}
+export const hubspotLogo = (<svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor" aria-hidden>
+    <circle cx="18" cy="6" r="2.2"/>
+    <circle cx="18" cy="18" r="2.2"/>
+    <circle cx="6" cy="12" r="2.2"/>
+    <circle cx="14" cy="12" r="3" fill="none" stroke="currentColor" strokeWidth="1.5"/>
+    <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"/>
+  </svg>);
+// HubSpot's official brand orange. Passed through CardHeader's
+// `vendor.color` so the brand strip on every HubSpot-emitted card
+// reads as obviously HubSpot at a glance, in both light and dark.
+export const HUBSPOT_BRAND_COLOR = "#FF7A59";
+export const hubspotVendor = {
+    name: "HubSpot",
+    logo: hubspotLogo,
+    color: HUBSPOT_BRAND_COLOR,
+};
+//# sourceMappingURL=hubspot.js.map

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

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

package/dist/ui/notion/DatabaseCard.d.ts

@@ -0,0 +1,24 @@
+interface Props {
+    database_id: string;
+    title?: string;
+    /** Emoji or https URL. */
+    icon?: string;
+    description?: string;
+    parent_path?: string;
+    workspace?: string;
+    url?: string;
+    /** Total rows in the database. */
+    item_count?: number;
+    /** Comma-separated"Name:type" pairs. */
+    schema?: string;
+    /** Comma-separated view names. */
+    views?: string;
+    last_edited_at?: string;
+    last_edited_by?: string;
+    last_edited_by_avatar?: string;
+    preview?: boolean;
+    projectId?: string;
+}
+export default function DatabaseCard(props: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=DatabaseCard.d.ts.map

package/dist/ui/notion/DatabaseCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatabaseCard.d.ts","sourceRoot":"","sources":["../../../src/ui/notion/DatabaseCard.tsx"],"names":[],"mappings":"AAeA,UAAU,KAAK;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAiBD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,KAAK,+BAuFhD"}

package/dist/ui/notion/DatabaseCard.js

@@ -0,0 +1,86 @@
+// DatabaseCard — overview of a Notion database. Useful when the
+// agent is referencing or about to query a database the operator
+// hasn't seen before.
+//
+// Surfaces:
+// - icon + title + breadcrumb
+// - optional description block
+// - schema as small typed pills (Status: select · Owner: person · …)
+// - item count + last-edited byline
+import { Avatar, Card, CardHeader, DataList } from "@apteva/ui-kit";
+import { databaseUrl, notionVendor, PageIcon, parseSchema, propTone, timeAgo, } from "./lib/notion";
+const previewSample = {
+    database_id: "f1e2d3c4-b5a6-7890-1234-567890abcdef",
+    title: "Q4 Sprint Tasks",
+    icon: "🗂",
+    description: "Tasks tracked for the Q4 engineering sprint.",
+    parent_path: "Apteva › Engineering",
+    workspace: "apteva",
+    item_count: 38,
+    schema: "Title:title, Status:status, Owner:person, Due:date, Sprint:select, Priority:select",
+    views: "Board · Calendar · Table · By owner",
+    last_edited_at: new Date(Date.now() - 12 * 60 * 1000).toISOString(),
+    last_edited_by: "marc-olivier",
+    last_edited_by_avatar: "",
+};
+export default function DatabaseCard(props) {
+    const p = props.preview
+        ? previewSample
+        : {
+            database_id: props.database_id,
+            title: props.title || "Untitled database",
+            icon: props.icon ?? "",
+            description: props.description || "",
+            parent_path: props.parent_path || "",
+            workspace: props.workspace || "",
+            item_count: props.item_count ?? 0,
+            schema: props.schema || "",
+            views: props.views || "",
+            last_edited_at: props.last_edited_at || new Date().toISOString(),
+            last_edited_by: props.last_edited_by || "",
+            last_edited_by_avatar: props.last_edited_by_avatar || "",
+        };
+    const url = props.url || databaseUrl(p.database_id, p.workspace);
+    const schemaProps = parseSchema(p.schema);
+    return (<Card>
+ <CardHeader vendor={notionVendor} title={<span className="inline-flex items-center gap-2">
+ <PageIcon icon={p.icon} fallback={p.title} size={16}/>
+ <span className="truncate">{p.title}</span>
+ </span>} subtitle={p.parent_path || undefined} action={{ label: "Open database", href: url }}/>
+
+ <div className="px-4 py-3 flex flex-col gap-3">
+ {p.description && (<p className="text-sm text-text leading-relaxed line-clamp-2">
+ {p.description}
+ </p>)}
+
+ <DataList items={[
+            {
+                label: "Items",
+                value: (<span className="tabular-nums">{p.item_count.toLocaleString()}</span>),
+            },
+            ...(schemaProps.length > 0
+                ? [{
+                        label: "Schema",
+                        value: (<span className="inline-flex flex-wrap gap-1">
+ {schemaProps.map((s) => (<span key={s.name} className={`text-[11px] font-medium px-1.5 py-0.5 rounded-md ${propTone(s.type)}`}>
+ {s.name}
+ <span className="opacity-60 ml-1">{s.type}</span>
+ </span>))}
+ </span>),
+                    }]
+                : []),
+            ...(p.views
+                ? [{ label: "Views", value: <span className="text-sm text-text">{p.views}</span> }]
+                : []),
+        ]}/>
+
+ {/* last-edited byline */}
+ <div className="flex items-center gap-2 text-xs pt-1">
+ {p.last_edited_by && (<Avatar src={p.last_edited_by_avatar} name={p.last_edited_by} size={18}/>)}
+ {p.last_edited_by && (<span className="text-text font-medium">{p.last_edited_by}</span>)}
+ <span className="text-text-dim">edited {timeAgo(p.last_edited_at)}</span>
+ </div>
+ </div>
+ </Card>);
+}
+//# sourceMappingURL=DatabaseCard.js.map

package/dist/ui/notion/DatabaseCard.js.map

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

package/dist/ui/notion/DatabaseCard.mjs

@@ -0,0 +1,3 @@
+import{Avatar as A,Card as I,CardHeader as L,DataList as P}from"@apteva/ui-kit";import{jsx as Z}from"react/jsx-runtime";var D=Z("svg",{viewBox:"0 0 32 32",width:"14",height:"14",fill:"currentColor","aria-hidden":!0,children:Z("path",{d:"M5 4.7l3.4 2.3a1 1 0 00.8.2l16-1.6c.5-.1 1 .2 1 .7v18.4c0 .5-.4.9-.9.9L8 26.2c-.5 0-1-.3-1.2-.7l-1.7-3.4V4.7zm4 4.5v15l16-.9V8.3l-16 .9zm3.4 2.3v9.3l1.7.1V13l4.7 7.7 1.6.1v-9.4l-1.7-.1v6.6l-4.6-7.4-1.7.1z"})}),R={light:"#191919",dark:"#e8e8e8"},$={name:"Notion",logo:D,color:R};function S(F){if(!F)return"";return F.replace(/-/g,"")}function _(F,G){return`https://www.notion.so/${G?`${encodeURIComponent(G)}/`:""}${S(F)}`}function B(F,G){return _(F,G)}function E(F){if(!F)return"";let G=new Date(F).getTime();if(!Number.isFinite(G))return"";let M=Math.max(0,(Date.now()-G)/1000);if(M<60)return"just now";let K=M/60;if(K<60)return`${Math.round(K)}m ago`;let J=K/60;if(J<24)return`${Math.round(J)}h ago`;let W=J/24;if(W<30)return`${Math.round(W)}d ago`;let Y=W/30;if(Y<12)return`${Math.round(Y)}mo ago`;return`${Math.round(Y/12)}y ago`}function H({icon:F,fallback:G,size:M=18,className:K=""}){let J={width:M,height:M,fontSize:Math.round(M*0.66)},W=!!F&&/^https?:\/\//i.test(F),Y=!!F&&!W&&Array.from(F).length<=3;if(W)return Z("img",{src:F,alt:"",className:`rounded-sm flex-shrink-0 object-cover ${K}`,style:J});if(Y)return Z("span",{"aria-hidden":!0,className:`flex-shrink-0 inline-flex items-center justify-center leading-none ${K}`,style:J,children:F});return Z("span",{"aria-hidden":!0,className:`flex-shrink-0 inline-flex items-center justify-center rounded-sm bg-bg-hover text-text-dim font-medium ${K}`,style:J,children:G?G.charAt(0).toUpperCase():"·"})}function V(F){if(!F)return[];return F.split(",").map((G)=>{let[M,K]=G.split(":").map((J)=>J.trim());return{name:M||"—",type:K||"rich_text"}})}function q(F){switch(F){case"select":case"status":return"bg-accent/10 text-blue-700 dark:bg-accent/15 dark:text-blue-400";case"multi_select":return"bg-purple-500/10 text-purple-700 dark:bg-purple-500/15 dark:text-purple-400";case"person":case"created_by":case"last_edited_by":return"bg-emerald-500/10 text-emerald-700 dark:bg-emerald-500/15 dark:text-emerald-400";case"date":case"created_time":case"last_edited_time":return"bg-warn/10 text-amber-700 dark:bg-warn/15 dark:text-amber-400";case"checkbox":return"bg-bg-hover text-text dark:bg-bg-hover dark:text-zinc-300";case"number":return"bg-cyan-500/10 text-cyan-700 dark:bg-cyan-500/15 dark:text-cyan-400";default:return"bg-zinc-100 text-text dark:bg-bg-hover dark:text-zinc-300"}}import{jsx as Q,jsxs as X}from"react/jsx-runtime";var T={database_id:"f1e2d3c4-b5a6-7890-1234-567890abcdef",title:"Q4 Sprint Tasks",icon:"\uD83D\uDDC2",description:"Tasks tracked for the Q4 engineering sprint.",parent_path:"Apteva › Engineering",workspace:"apteva",item_count:38,schema:"Title:title, Status:status, Owner:person, Due:date, Sprint:select, Priority:select",views:"Board · Calendar · Table · By owner",last_edited_at:new Date(Date.now()-720000).toISOString(),last_edited_by:"marc-olivier",last_edited_by_avatar:""};function g(F){let G=F.preview?T:{database_id:F.database_id,title:F.title||"Untitled database",icon:F.icon??"",description:F.description||"",parent_path:F.parent_path||"",workspace:F.workspace||"",item_count:F.item_count??0,schema:F.schema||"",views:F.views||"",last_edited_at:F.last_edited_at||new Date().toISOString(),last_edited_by:F.last_edited_by||"",last_edited_by_avatar:F.last_edited_by_avatar||""},M=F.url||B(G.database_id,G.workspace),K=V(G.schema);return X(I,{children:[Q(L,{vendor:$,title:X("span",{className:"inline-flex items-center gap-2",children:[Q(H,{icon:G.icon,fallback:G.title,size:16}),Q("span",{className:"truncate",children:G.title})]}),subtitle:G.parent_path||void 0,action:{label:"Open database",href:M}}),X("div",{className:"px-4 py-3 flex flex-col gap-3",children:[G.description&&Q("p",{className:"text-sm text-text leading-relaxed line-clamp-2",children:G.description}),Q(P,{items:[{label:"Items",value:Q("span",{className:"tabular-nums",children:G.item_count.toLocaleString()})},...K.length>0?[{label:"Schema",value:Q("span",{className:"inline-flex flex-wrap gap-1",children:K.map((J)=>X("span",{className:`text-[11px] font-medium px-1.5 py-0.5 rounded-md ${q(J.type)}`,children:[J.name,Q("span",{className:"opacity-60 ml-1",children:J.type})]},J.name))})}]:[],...G.views?[{label:"Views",value:Q("span",{className:"text-sm text-text",children:G.views})}]:[]]}),X("div",{className:"flex items-center gap-2 text-xs pt-1",children:[G.last_edited_by&&Q(A,{src:G.last_edited_by_avatar,name:G.last_edited_by,size:18}),G.last_edited_by&&Q("span",{className:"text-text font-medium",children:G.last_edited_by}),X("span",{className:"text-text-dim",children:["edited ",E(G.last_edited_at)]})]})]})]})}export{g as default};
+
+//# debugId=5B09CB78B0AB322664756E2164756E21