@open-mercato/core 0.5.1-develop.2663.2c29774b5b → 0.5.1-develop.2681.c559bb2bc3

package/dist/modules/customers/components/detail/MobilePersonDetail.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/customers/components/detail/MobilePersonDetail.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { useRouter, useSearchParams } from 'next/navigation'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { Button } from '@open-mercato/ui/primitives/button'\n\nexport type MobilePersonZone = 'details' | 'activity'\n\nexport type MobilePersonDetailProps = {\n  zone1: React.ReactNode\n  zone2: React.ReactNode\n  defaultZone?: MobilePersonZone\n  /**\n   * Controls whether zone state is synced to the URL `?zone=` query param.\n   * Defaults to true on the page route so deep links round-trip.\n   */\n  syncToUrl?: boolean\n}\n\nconst ZONES: Array<{ id: MobilePersonZone; labelKey: string; fallback: string }> = [\n  { id: 'details', labelKey: 'customers.people.mobile.zoneSwitcher.details', fallback: 'Details' },\n  { id: 'activity', labelKey: 'customers.people.mobile.zoneSwitcher.activity', fallback: 'Activity' },\n]\n\nexport function MobilePersonDetail({\n  zone1,\n  zone2,\n  defaultZone = 'details',\n  syncToUrl = true,\n}: MobilePersonDetailProps) {\n  const t = useT()\n  const router = useRouter()\n  const searchParams = useSearchParams()\n\n  const initialZone = React.useMemo<MobilePersonZone>(() => {\n    if (!syncToUrl) return defaultZone\n    const raw = searchParams?.get('zone')\n    if (raw === 'activity' || raw === 'details') return raw\n    return defaultZone\n    // Intentionally compute only from the initial searchParams snapshot; external URL updates\n    // (browser back, manual edit) are acceptable to be out of sync on mobile \u2014 local clicks\n    // own the zone state thereafter.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  const [zone, setZone] = React.useState<MobilePersonZone>(initialZone)\n  const lastWrittenZoneRef = React.useRef<MobilePersonZone | null>(null)\n\n  const handleZoneChange = React.useCallback(\n    (next: MobilePersonZone) => {\n      setZone(next)\n      lastWrittenZoneRef.current = next\n      if (!syncToUrl) return\n      const params = new URLSearchParams(searchParams?.toString() ?? '')\n      if (next === defaultZone) {\n        params.delete('zone')\n      } else {\n        params.set('zone', next)\n      }\n      const query = params.toString()\n      router.replace(query.length ? `?${query}` : '?', { scroll: false })\n    },\n    [defaultZone, router, searchParams, syncToUrl],\n  )\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight') return\n      event.preventDefault()\n      const currentIndex = ZONES.findIndex((entry) => entry.id === zone)\n      if (currentIndex < 0) return\n      const offset = event.key === 'ArrowRight' ? 1 : -1\n      const nextIndex = (currentIndex + offset + ZONES.length) % ZONES.length\n      handleZoneChange(ZONES[nextIndex].id)\n    },\n    [handleZoneChange, zone],\n  )\n\n  return (\n    <div className=\"space-y-4\">\n      <div\n        role=\"tablist\"\n        aria-label={t(\n          'customers.people.mobile.zoneSwitcher.ariaLabel',\n          'Zone selector',\n        )}\n        className=\"grid grid-cols-2 gap-1 rounded-lg border border-border/70 bg-muted/20 p-1\"\n        onKeyDown={handleKeyDown}\n      >\n        {ZONES.map((entry) => {\n          const isActive = zone === entry.id\n          return (\n            <Button\n              key={entry.id}\n              type=\"button\"\n              role=\"tab\"\n              aria-selected={isActive}\n              aria-controls={`mobile-person-zone-${entry.id}`}\n              variant={isActive ? 'default' : 'ghost'}\n              className={cn(\n                'h-11 rounded-lg text-sm font-semibold',\n                isActive ? '' : 'text-muted-foreground',\n              )}\n              onClick={() => handleZoneChange(entry.id)}\n            >\n              {t(entry.labelKey, entry.fallback)}\n            </Button>\n          )\n        })}\n      </div>\n      <div\n        id={`mobile-person-zone-${zone}`}\n        role=\"tabpanel\"\n        aria-labelledby={`mobile-person-zone-${zone}-tab`}\n      >\n        {zone === 'details' ? zone1 : zone2}\n      </div>\n    </div>\n  )\n}\n\nexport default MobilePersonDetail\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/customers/components/detail/NextStepCard.js

@@ -0,0 +1,72 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { CalendarClock, Phone, FileText, EyeOff } from "lucide-react";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@open-mercato/ui/primitives/tooltip";
+function NextStepCard({ nextInteractionAt, nextInteractionName, onHide }) {
+  const t = useT();
+  const daysUntil = React.useMemo(() => {
+    if (!nextInteractionAt) return null;
+    const diff = new Date(nextInteractionAt).getTime() - Date.now();
+    return Math.ceil(diff / 864e5);
+  }, [nextInteractionAt]);
+  if (!nextInteractionAt) {
+    return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-5", children: [
+      /* @__PURE__ */ jsxs("h3", { className: "flex items-center gap-2 text-sm font-semibold text-foreground", children: [
+        /* @__PURE__ */ jsx(CalendarClock, { className: "size-4" }),
+        t("customers.companies.detail.nextStep.title", "Next Step")
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "mt-3 text-sm text-muted-foreground", children: t("customers.companies.detail.nextStep.none", "No upcoming interactions scheduled") })
+    ] });
+  }
+  const isOverdue = daysUntil !== null && daysUntil < 0;
+  const countdownText = daysUntil !== null ? daysUntil === 0 ? t("customers.companies.detail.nextStep.today", "today") : daysUntil > 0 ? t("customers.companies.detail.nextStep.in", "in {days} days", { days: daysUntil }) : t("customers.companies.detail.nextStep.overdue", "{days} days overdue", { days: Math.abs(daysUntil) }) : null;
+  return /* @__PURE__ */ jsxs("div", { className: "group relative rounded-lg border bg-card p-5", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("h3", { className: "flex items-center gap-2 text-sm font-semibold text-foreground", children: [
+        /* @__PURE__ */ jsx(CalendarClock, { className: "size-4" }),
+        t("customers.companies.detail.nextStep.title", "Next Step")
+      ] }),
+      onHide && /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "xs",
+          onClick: onHide,
+          className: "opacity-0 transition-opacity group-hover:opacity-60",
+          "aria-label": t("customers.companies.dashboard.hideTile", "Hide tile"),
+          children: /* @__PURE__ */ jsx(EyeOff, { className: "size-3.5" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-3", children: [
+      /* @__PURE__ */ jsx("p", { className: "font-semibold text-foreground", children: nextInteractionName || t("customers.companies.detail.nextStep.untitled", "Scheduled interaction") }),
+      countdownText && /* @__PURE__ */ jsx("p", { className: cn("mt-1 text-sm", isOverdue ? "font-medium text-destructive" : "text-muted-foreground"), children: countdownText })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-3 flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", size: "sm", className: "h-7 text-xs", disabled: true, children: [
+          /* @__PURE__ */ jsx(Phone, { className: "mr-1 size-3" }),
+          t("customers.companies.detail.nextStep.call", "Call")
+        ] }) }),
+        /* @__PURE__ */ jsx(TooltipContent, { children: t("customers.ai.comingSoon", "Coming soon") })
+      ] }),
+      /* @__PURE__ */ jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", size: "sm", className: "h-7 text-xs", disabled: true, children: [
+          /* @__PURE__ */ jsx(FileText, { className: "mr-1 size-3" }),
+          t("customers.companies.detail.nextStep.proposal", "Proposal")
+        ] }) }),
+        /* @__PURE__ */ jsx(TooltipContent, { children: t("customers.ai.comingSoon", "Coming soon") })
+      ] })
+    ] })
+  ] });
+}
+export {
+  NextStepCard
+};
+//# sourceMappingURL=NextStepCard.js.map

package/dist/modules/customers/components/detail/NextStepCard.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/customers/components/detail/NextStepCard.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { CalendarClock, Phone, FileText, EyeOff } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@open-mercato/ui/primitives/tooltip'\n\ntype NextStepCardProps = {\n  nextInteractionAt?: string | null\n  nextInteractionName?: string | null\n  onHide?: () => void\n}\n\nexport function NextStepCard({ nextInteractionAt, nextInteractionName, onHide }: NextStepCardProps) {\n  const t = useT()\n\n  const daysUntil = React.useMemo(() => {\n    if (!nextInteractionAt) return null\n    const diff = new Date(nextInteractionAt).getTime() - Date.now()\n    return Math.ceil(diff / 86_400_000)\n  }, [nextInteractionAt])\n\n  if (!nextInteractionAt) {\n    return (\n      <div className=\"rounded-lg border bg-card p-5\">\n        <h3 className=\"flex items-center gap-2 text-sm font-semibold text-foreground\">\n          <CalendarClock className=\"size-4\" />\n          {t('customers.companies.detail.nextStep.title', 'Next Step')}\n        </h3>\n        <p className=\"mt-3 text-sm text-muted-foreground\">\n          {t('customers.companies.detail.nextStep.none', 'No upcoming interactions scheduled')}\n        </p>\n      </div>\n    )\n  }\n\n  const isOverdue = daysUntil !== null && daysUntil < 0\n  const countdownText = daysUntil !== null\n    ? daysUntil === 0\n      ? t('customers.companies.detail.nextStep.today', 'today')\n      : daysUntil > 0\n        ? t('customers.companies.detail.nextStep.in', 'in {days} days', { days: daysUntil })\n        : t('customers.companies.detail.nextStep.overdue', '{days} days overdue', { days: Math.abs(daysUntil) })\n    : null\n\n  return (\n    <div className=\"group relative rounded-lg border bg-card p-5\">\n      <div className=\"flex items-center justify-between\">\n        <h3 className=\"flex items-center gap-2 text-sm font-semibold text-foreground\">\n          <CalendarClock className=\"size-4\" />\n          {t('customers.companies.detail.nextStep.title', 'Next Step')}\n        </h3>\n        {onHide && (\n          <IconButton\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"xs\"\n            onClick={onHide}\n            className=\"opacity-0 transition-opacity group-hover:opacity-60\"\n            aria-label={t('customers.companies.dashboard.hideTile', 'Hide tile')}\n          >\n            <EyeOff className=\"size-3.5\" />\n          </IconButton>\n        )}\n      </div>\n\n      <div className=\"mt-3\">\n        <p className=\"font-semibold text-foreground\">\n          {nextInteractionName || t('customers.companies.detail.nextStep.untitled', 'Scheduled interaction')}\n        </p>\n        {countdownText && (\n          <p className={cn('mt-1 text-sm', isOverdue ? 'font-medium text-destructive' : 'text-muted-foreground')}>\n            {countdownText}\n          </p>\n        )}\n      </div>\n\n      {/* Quick action buttons (disabled stubs) */}\n      <div className=\"mt-3 flex items-center gap-2\">\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <Button type=\"button\" variant=\"outline\" size=\"sm\" className=\"h-7 text-xs\" disabled>\n              <Phone className=\"mr-1 size-3\" />\n              {t('customers.companies.detail.nextStep.call', 'Call')}\n            </Button>\n          </TooltipTrigger>\n          <TooltipContent>{t('customers.ai.comingSoon', 'Coming soon')}</TooltipContent>\n        </Tooltip>\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <Button type=\"button\" variant=\"outline\" size=\"sm\" className=\"h-7 text-xs\" disabled>\n              <FileText className=\"mr-1 size-3\" />\n              {t('customers.companies.detail.nextStep.proposal', 'Proposal')}\n            </Button>\n          </TooltipTrigger>\n          <TooltipContent>{t('customers.ai.comingSoon', 'Coming soon')}</TooltipContent>\n        </Tooltip>\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": ";AA4BQ,SACE,KADF;AA1BR,YAAY,WAAW;AACvB,SAAS,eAAe,OAAO,UAAU,cAAc;AACvD,SAAS,UAAU;AACnB,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,SAAS,gBAAgB,sBAAsB;AAQjD,SAAS,aAAa,EAAE,mBAAmB,qBAAqB,OAAO,GAAsB;AAClG,QAAM,IAAI,KAAK;AAEf,QAAM,YAAY,MAAM,QAAQ,MAAM;AACpC,QAAI,CAAC,kBAAmB,QAAO;AAC/B,UAAM,OAAO,IAAI,KAAK,iBAAiB,EAAE,QAAQ,IAAI,KAAK,IAAI;AAC9D,WAAO,KAAK,KAAK,OAAO,KAAU;AAAA,EACpC,GAAG,CAAC,iBAAiB,CAAC;AAEtB,MAAI,CAAC,mBAAmB;AACtB,WACE,qBAAC,SAAI,WAAU,iCACb;AAAA,2BAAC,QAAG,WAAU,iEACZ;AAAA,4BAAC,iBAAc,WAAU,UAAS;AAAA,QACjC,EAAE,6CAA6C,WAAW;AAAA,SAC7D;AAAA,MACA,oBAAC,OAAE,WAAU,sCACV,YAAE,4CAA4C,oCAAoC,GACrF;AAAA,OACF;AAAA,EAEJ;AAEA,QAAM,YAAY,cAAc,QAAQ,YAAY;AACpD,QAAM,gBAAgB,cAAc,OAChC,cAAc,IACZ,EAAE,6CAA6C,OAAO,IACtD,YAAY,IACV,EAAE,0CAA0C,kBAAkB,EAAE,MAAM,UAAU,CAAC,IACjF,EAAE,+CAA+C,uBAAuB,EAAE,MAAM,KAAK,IAAI,SAAS,EAAE,CAAC,IACzG;AAEJ,SACE,qBAAC,SAAI,WAAU,gDACb;AAAA,yBAAC,SAAI,WAAU,qCACb;AAAA,2BAAC,QAAG,WAAU,iEACZ;AAAA,4BAAC,iBAAc,WAAU,UAAS;AAAA,QACjC,EAAE,6CAA6C,WAAW;AAAA,SAC7D;AAAA,MACC,UACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,SAAS;AAAA,UACT,WAAU;AAAA,UACV,cAAY,EAAE,0CAA0C,WAAW;AAAA,UAEnE,8BAAC,UAAO,WAAU,YAAW;AAAA;AAAA,MAC/B;AAAA,OAEJ;AAAA,IAEA,qBAAC,SAAI,WAAU,QACb;AAAA,0BAAC,OAAE,WAAU,iCACV,iCAAuB,EAAE,gDAAgD,uBAAuB,GACnG;AAAA,MACC,iBACC,oBAAC,OAAE,WAAW,GAAG,gBAAgB,YAAY,iCAAiC,uBAAuB,GAClG,yBACH;AAAA,OAEJ;AAAA,IAGA,qBAAC,SAAI,WAAU,gCACb;AAAA,2BAAC,WACC;AAAA,4BAAC,kBAAe,SAAO,MACrB,+BAAC,UAAO,MAAK,UAAS,SAAQ,WAAU,MAAK,MAAK,WAAU,eAAc,UAAQ,MAChF;AAAA,8BAAC,SAAM,WAAU,eAAc;AAAA,UAC9B,EAAE,4CAA4C,MAAM;AAAA,WACvD,GACF;AAAA,QACA,oBAAC,kBAAgB,YAAE,2BAA2B,aAAa,GAAE;AAAA,SAC/D;AAAA,MACA,qBAAC,WACC;AAAA,4BAAC,kBAAe,SAAO,MACrB,+BAAC,UAAO,MAAK,UAAS,SAAQ,WAAU,MAAK,MAAK,WAAU,eAAc,UAAQ,MAChF;AAAA,8BAAC,YAAS,WAAU,eAAc;AAAA,UACjC,EAAE,gDAAgD,UAAU;AAAA,WAC/D,GACF;AAAA,QACA,oBAAC,kBAAgB,YAAE,2BAA2B,aAAa,GAAE;AAAA,SAC/D;AAAA,OACF;AAAA,KACF;AAEJ;",
+  "names": []
+}

package/dist/modules/customers/components/detail/PersonCard.js

@@ -0,0 +1,192 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Link from "next/link";
+import { Mail, Phone, Star, MoreHorizontal, ArrowUpRight, Unlink } from "lucide-react";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Badge } from "@open-mercato/ui/primitives/badge";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import { Popover, PopoverContent, PopoverTrigger } from "@open-mercato/ui/primitives/popover";
+import { formatDate, formatFallbackLabel, getInitials } from "./utils.js";
+const sourceColorMap = {
+  linkedin: "border-status-info-icon text-status-info-icon",
+  email: "border-status-success-icon text-status-success-icon",
+  web_form: "border-status-info-icon text-status-info-icon",
+  "web form": "border-status-info-icon text-status-info-icon",
+  referral: "border-status-warning-icon text-status-warning-icon",
+  customer_referral: "border-status-warning-icon text-status-warning-icon",
+  "customer referral": "border-status-warning-icon text-status-warning-icon",
+  partner_referral: "border-status-warning-icon text-status-warning-icon",
+  "partner referral": "border-status-warning-icon text-status-warning-icon",
+  event: "border-status-info-icon text-status-info-icon",
+  "conference/event": "border-status-info-icon text-status-info-icon",
+  cold_outreach: "border-status-neutral-icon text-status-neutral-icon",
+  "cold outreach": "border-status-neutral-icon text-status-neutral-icon",
+  facebook: "border-status-info-icon text-status-info-icon",
+  typeform: "border-status-info-icon text-status-info-icon",
+  other: "border-status-neutral-icon text-status-neutral-icon"
+};
+const temperatureConfig = {
+  hot: { filled: 5, dotClassName: "bg-status-error-icon", labelKey: "customers.temperature.hot", fallback: "Hot Client" },
+  warm: { filled: 4, dotClassName: "bg-status-warning-icon", labelKey: "customers.temperature.warm", fallback: "High Interest" },
+  high: { filled: 4, dotClassName: "bg-status-warning-icon", labelKey: "customers.temperature.high", fallback: "High Interest" },
+  neutral: { filled: 3, dotClassName: "bg-status-info-icon", labelKey: "customers.temperature.neutral", fallback: "Engaged" },
+  medium: { filled: 3, dotClassName: "bg-status-info-icon", labelKey: "customers.temperature.medium", fallback: "Engaged" },
+  cool: { filled: 2, dotClassName: "bg-status-neutral-icon", labelKey: "customers.temperature.cool", fallback: "Low Activity" },
+  low: { filled: 2, dotClassName: "bg-status-neutral-icon", labelKey: "customers.temperature.low", fallback: "Low Activity" },
+  cold: { filled: 1, dotClassName: "bg-status-neutral-icon", labelKey: "customers.temperature.cold", fallback: "At Risk" }
+};
+function splitSourceTags(source) {
+  if (typeof source !== "string") return [];
+  return source.split(/[;,|]/).map((entry) => entry.trim()).filter((entry, index, array) => entry.length > 0 && array.indexOf(entry) === index);
+}
+function PersonCard({ person, isStarred, onToggleStar, onUnlink }) {
+  const t = useT();
+  const sourceTags = React.useMemo(() => splitSourceTags(person.source), [person.source]);
+  const temperature = React.useMemo(() => {
+    const value = typeof person.temperature === "string" ? person.temperature.trim().toLowerCase() : "";
+    return value in temperatureConfig ? temperatureConfig[value] : null;
+  }, [person.temperature]);
+  const linkedDate = React.useMemo(() => formatDate(person.linkedAt ?? person.createdAt), [person.createdAt, person.linkedAt]);
+  return /* @__PURE__ */ jsxs("div", { className: "min-w-0 overflow-hidden rounded-lg border bg-card p-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-start gap-3", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex size-11 shrink-0 items-center justify-center rounded-full bg-muted text-sm font-bold text-muted-foreground", children: getInitials(person.displayName) }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-1", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx("span", { className: "min-w-0 break-words text-sm font-bold leading-5 text-foreground", children: person.displayName }),
+            onToggleStar && /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "sm",
+                onClick: () => onToggleStar(person.id),
+                className: "h-auto shrink-0 p-0 text-muted-foreground hover:text-status-warning-icon",
+                "aria-label": t("customers.people.card.toggleStar", "Toggle star"),
+                children: /* @__PURE__ */ jsx(Star, { className: cn("size-3.5", isStarred && "fill-status-warning-icon text-status-warning-icon") })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+            person.jobTitle && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "max-w-full truncate px-2 py-0.5 text-xs font-semibold", children: person.jobTitle }),
+            person.status && /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: "shrink-0 px-2 py-0.5 text-xs font-medium", children: [
+              /* @__PURE__ */ jsx("span", { className: "mr-1 inline-block size-1.5 rounded-full bg-status-success-icon" }),
+              person.status
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Popover, { children: [
+        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "xs",
+            className: "shrink-0",
+            "aria-label": t("customers.people.card.more", "More"),
+            children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "size-3.5" })
+          }
+        ) }),
+        /* @__PURE__ */ jsx(PopoverContent, { align: "end", className: "w-36 p-1", children: onUnlink && /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "sm",
+            className: "w-full justify-start text-xs text-destructive hover:text-destructive",
+            onClick: () => onUnlink(person.id),
+            children: [
+              /* @__PURE__ */ jsx(Unlink, { className: "mr-1.5 size-3" }),
+              t("customers.people.card.unlink", "Unlink")
+            ]
+          }
+        ) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-3 space-y-2 border-t pt-3 text-xs text-foreground", children: [
+      person.primaryEmail && /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx(Mail, { className: "size-3 shrink-0 text-muted-foreground" }),
+        /* @__PURE__ */ jsx("span", { className: "break-all", children: person.primaryEmail })
+      ] }),
+      person.primaryPhone && /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx(Phone, { className: "size-3 shrink-0 text-muted-foreground" }),
+        /* @__PURE__ */ jsx("span", { className: "break-all", children: person.primaryPhone })
+      ] }),
+      (person.lifecycleStage || linkedDate) && /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-1 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx("span", { className: "truncate", children: person.lifecycleStage ?? t("customers.people.card.defaultStage", "customer") }),
+        linkedDate ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: "\xB7" }),
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: t("customers.people.card.linkedOn", "Linked {{date}}", { date: linkedDate }) })
+        ] }) : null
+      ] })
+    ] }),
+    (temperature || sourceTags.length > 0) && /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-col gap-3 border-t pt-3 sm:flex-row sm:items-start sm:justify-between", children: [
+      /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1 space-y-1", children: sourceTags.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("p", { className: "text-overline font-bold uppercase tracking-wide text-muted-foreground", children: t("customers.people.card.source", "Source") }),
+        /* @__PURE__ */ jsx("div", { className: "flex min-w-0 flex-wrap items-center gap-1.5", children: sourceTags.map((sourceTag) => {
+          const normalized = sourceTag.toLowerCase().replace(/\s+/g, "_");
+          return /* @__PURE__ */ jsx(
+            Badge,
+            {
+              variant: "outline",
+              className: cn(
+                "max-w-full truncate px-2 py-0.5 text-xs font-semibold",
+                sourceColorMap[normalized] ?? sourceColorMap[sourceTag.toLowerCase()] ?? "border-border text-muted-foreground"
+              ),
+              children: formatFallbackLabel(sourceTag)
+            },
+            sourceTag
+          );
+        }) })
+      ] }) : null }),
+      temperature ? /* @__PURE__ */ jsxs("div", { className: "space-y-1 sm:ml-auto sm:text-right", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 text-overline font-bold text-muted-foreground sm:justify-end", children: /* @__PURE__ */ jsx("span", { children: t(temperature.labelKey, temperature.fallback) }) }),
+        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 sm:justify-end", children: Array.from({ length: 5 }).map((_, index) => /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "inline-block size-2 rounded-full border border-border/70",
+              index < temperature.filled ? temperature.dotClassName : "bg-muted"
+            )
+          },
+          index
+        )) })
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-col gap-2 border-t pt-3 sm:flex-row sm:flex-wrap", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          asChild: true,
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          className: "h-8 w-full text-xs font-semibold sm:min-w-[9rem] sm:flex-1",
+          children: /* @__PURE__ */ jsxs(Link, { href: `/backend/customers/people-v2/${person.id}`, children: [
+            /* @__PURE__ */ jsx(ArrowUpRight, { className: "mr-1 size-3" }),
+            t("customers.people.card.open", "Open person")
+          ] })
+        }
+      ),
+      onUnlink && /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          className: "h-8 w-full border-destructive/30 text-xs font-semibold text-destructive hover:bg-destructive/10 sm:min-w-[7rem] sm:flex-none",
+          onClick: () => onUnlink(person.id),
+          children: t("customers.people.card.unlink", "Unlink")
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  PersonCard
+};
+//# sourceMappingURL=PersonCard.js.map

package/dist/modules/customers/components/detail/PersonCard.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/customers/components/detail/PersonCard.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { Mail, Phone, Star, MoreHorizontal, ArrowUpRight, Unlink } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { Popover, PopoverContent, PopoverTrigger } from '@open-mercato/ui/primitives/popover'\nimport type { CompanyPersonSummary } from './CompanyPeopleSection'\nimport { formatDate, formatFallbackLabel, getInitials } from './utils'\n\nconst sourceColorMap: Record<string, string> = {\n  linkedin: 'border-status-info-icon text-status-info-icon',\n  email: 'border-status-success-icon text-status-success-icon',\n  web_form: 'border-status-info-icon text-status-info-icon',\n  'web form': 'border-status-info-icon text-status-info-icon',\n  referral: 'border-status-warning-icon text-status-warning-icon',\n  customer_referral: 'border-status-warning-icon text-status-warning-icon',\n  'customer referral': 'border-status-warning-icon text-status-warning-icon',\n  partner_referral: 'border-status-warning-icon text-status-warning-icon',\n  'partner referral': 'border-status-warning-icon text-status-warning-icon',\n  event: 'border-status-info-icon text-status-info-icon',\n  'conference/event': 'border-status-info-icon text-status-info-icon',\n  cold_outreach: 'border-status-neutral-icon text-status-neutral-icon',\n  'cold outreach': 'border-status-neutral-icon text-status-neutral-icon',\n  facebook: 'border-status-info-icon text-status-info-icon',\n  typeform: 'border-status-info-icon text-status-info-icon',\n  other: 'border-status-neutral-icon text-status-neutral-icon',\n}\n\nconst temperatureConfig = {\n  hot: { filled: 5, dotClassName: 'bg-status-error-icon', labelKey: 'customers.temperature.hot', fallback: 'Hot Client' },\n  warm: { filled: 4, dotClassName: 'bg-status-warning-icon', labelKey: 'customers.temperature.warm', fallback: 'High Interest' },\n  high: { filled: 4, dotClassName: 'bg-status-warning-icon', labelKey: 'customers.temperature.high', fallback: 'High Interest' },\n  neutral: { filled: 3, dotClassName: 'bg-status-info-icon', labelKey: 'customers.temperature.neutral', fallback: 'Engaged' },\n  medium: { filled: 3, dotClassName: 'bg-status-info-icon', labelKey: 'customers.temperature.medium', fallback: 'Engaged' },\n  cool: { filled: 2, dotClassName: 'bg-status-neutral-icon', labelKey: 'customers.temperature.cool', fallback: 'Low Activity' },\n  low: { filled: 2, dotClassName: 'bg-status-neutral-icon', labelKey: 'customers.temperature.low', fallback: 'Low Activity' },\n  cold: { filled: 1, dotClassName: 'bg-status-neutral-icon', labelKey: 'customers.temperature.cold', fallback: 'At Risk' },\n} as const\n\nfunction splitSourceTags(source: string | null | undefined): string[] {\n  if (typeof source !== 'string') return []\n  return source\n    .split(/[;,|]/)\n    .map((entry) => entry.trim())\n    .filter((entry, index, array) => entry.length > 0 && array.indexOf(entry) === index)\n}\n\ninterface PersonCardProps {\n  person: CompanyPersonSummary\n  isStarred?: boolean\n  onToggleStar?: (personId: string) => void\n  onUnlink?: (personId: string) => void\n}\n\nexport function PersonCard({ person, isStarred, onToggleStar, onUnlink }: PersonCardProps) {\n  const t = useT()\n  const sourceTags = React.useMemo(() => splitSourceTags(person.source), [person.source])\n  const temperature = React.useMemo(() => {\n    const value = typeof person.temperature === 'string' ? person.temperature.trim().toLowerCase() : ''\n    return value in temperatureConfig ? temperatureConfig[value as keyof typeof temperatureConfig] : null\n  }, [person.temperature])\n  const linkedDate = React.useMemo(() => formatDate(person.linkedAt ?? person.createdAt), [person.createdAt, person.linkedAt])\n\n  return (\n    <div className=\"min-w-0 overflow-hidden rounded-lg border bg-card p-4\">\n      <div className=\"flex items-start justify-between gap-3\">\n        <div className=\"flex min-w-0 flex-1 items-start gap-3\">\n          <div className=\"flex size-11 shrink-0 items-center justify-center rounded-full bg-muted text-sm font-bold text-muted-foreground\">\n            {getInitials(person.displayName)}\n          </div>\n          <div className=\"min-w-0 flex-1 space-y-1\">\n            <div className=\"flex min-w-0 flex-wrap items-center gap-1.5\">\n              <span className=\"min-w-0 break-words text-sm font-bold leading-5 text-foreground\">{person.displayName}</span>\n              {onToggleStar && (\n                <IconButton\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  onClick={() => onToggleStar(person.id)}\n                  className=\"h-auto shrink-0 p-0 text-muted-foreground hover:text-status-warning-icon\"\n                  aria-label={t('customers.people.card.toggleStar', 'Toggle star')}\n                >\n                  <Star className={cn('size-3.5', isStarred && 'fill-status-warning-icon text-status-warning-icon')} />\n                </IconButton>\n              )}\n            </div>\n            <div className=\"flex flex-wrap items-center gap-1.5\">\n              {person.jobTitle && (\n                <Badge variant=\"secondary\" className=\"max-w-full truncate px-2 py-0.5 text-xs font-semibold\">\n                  {person.jobTitle}\n                </Badge>\n              )}\n              {person.status && (\n                <Badge variant=\"outline\" className=\"shrink-0 px-2 py-0.5 text-xs font-medium\">\n                  <span className=\"mr-1 inline-block size-1.5 rounded-full bg-status-success-icon\" />\n                  {person.status}\n                </Badge>\n              )}\n            </div>\n          </div>\n        </div>\n        <Popover>\n          <PopoverTrigger asChild>\n            <IconButton\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"xs\"\n              className=\"shrink-0\"\n              aria-label={t('customers.people.card.more', 'More')}\n            >\n              <MoreHorizontal className=\"size-3.5\" />\n            </IconButton>\n          </PopoverTrigger>\n          <PopoverContent align=\"end\" className=\"w-36 p-1\">\n            {onUnlink && (\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                className=\"w-full justify-start text-xs text-destructive hover:text-destructive\"\n                onClick={() => onUnlink(person.id)}\n              >\n                <Unlink className=\"mr-1.5 size-3\" />\n                {t('customers.people.card.unlink', 'Unlink')}\n              </Button>\n            )}\n          </PopoverContent>\n        </Popover>\n      </div>\n\n      <div className=\"mt-3 space-y-2 border-t pt-3 text-xs text-foreground\">\n        {person.primaryEmail && (\n          <div className=\"flex min-w-0 items-center gap-1.5\">\n            <Mail className=\"size-3 shrink-0 text-muted-foreground\" />\n            <span className=\"break-all\">{person.primaryEmail}</span>\n          </div>\n        )}\n        {person.primaryPhone && (\n          <div className=\"flex min-w-0 items-center gap-1.5\">\n            <Phone className=\"size-3 shrink-0 text-muted-foreground\" />\n            <span className=\"break-all\">{person.primaryPhone}</span>\n          </div>\n        )}\n        {(person.lifecycleStage || linkedDate) && (\n          <div className=\"flex min-w-0 flex-wrap items-center gap-1 text-xs text-muted-foreground\">\n            <span className=\"truncate\">{person.lifecycleStage ?? t('customers.people.card.defaultStage', 'customer')}</span>\n            {linkedDate ? (\n              <>\n                <span aria-hidden>&middot;</span>\n                <span className=\"truncate\">{t('customers.people.card.linkedOn', 'Linked {{date}}', { date: linkedDate })}</span>\n              </>\n            ) : null}\n          </div>\n        )}\n      </div>\n\n      {(temperature || sourceTags.length > 0) && (\n        <div className=\"mt-3 flex flex-col gap-3 border-t pt-3 sm:flex-row sm:items-start sm:justify-between\">\n          <div className=\"min-w-0 flex-1 space-y-1\">\n            {sourceTags.length > 0 ? (\n              <>\n                <p className=\"text-overline font-bold uppercase tracking-wide text-muted-foreground\">\n                  {t('customers.people.card.source', 'Source')}\n                </p>\n                <div className=\"flex min-w-0 flex-wrap items-center gap-1.5\">\n                  {sourceTags.map((sourceTag) => {\n                    const normalized = sourceTag.toLowerCase().replace(/\\s+/g, '_')\n                    return (\n                      <Badge\n                        key={sourceTag}\n                        variant=\"outline\"\n                        className={cn(\n                          'max-w-full truncate px-2 py-0.5 text-xs font-semibold',\n                          sourceColorMap[normalized] ?? sourceColorMap[sourceTag.toLowerCase()] ?? 'border-border text-muted-foreground',\n                        )}\n                      >\n                        {formatFallbackLabel(sourceTag)}\n                      </Badge>\n                    )\n                  })}\n                </div>\n              </>\n            ) : null}\n          </div>\n          {temperature ? (\n            <div className=\"space-y-1 sm:ml-auto sm:text-right\">\n              <div className=\"flex items-center gap-1 text-overline font-bold text-muted-foreground sm:justify-end\">\n                <span>{t(temperature.labelKey, temperature.fallback)}</span>\n              </div>\n              <div className=\"flex items-center gap-1 sm:justify-end\">\n                {Array.from({ length: 5 }).map((_, index) => (\n                  <span\n                    key={index}\n                    className={cn(\n                      'inline-block size-2 rounded-full border border-border/70',\n                      index < temperature.filled ? temperature.dotClassName : 'bg-muted',\n                    )}\n                  />\n                ))}\n              </div>\n            </div>\n          ) : null}\n        </div>\n      )}\n\n      <div className=\"mt-3 flex flex-col gap-2 border-t pt-3 sm:flex-row sm:flex-wrap\">\n        <Button\n          asChild\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          className=\"h-8 w-full text-xs font-semibold sm:min-w-[9rem] sm:flex-1\"\n        >\n          <Link href={`/backend/customers/people-v2/${person.id}`}>\n            <ArrowUpRight className=\"mr-1 size-3\" />\n            {t('customers.people.card.open', 'Open person')}\n          </Link>\n        </Button>\n        {onUnlink && (\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            className=\"h-8 w-full border-destructive/30 text-xs font-semibold text-destructive hover:bg-destructive/10 sm:min-w-[7rem] sm:flex-none\"\n            onClick={() => onUnlink(person.id)}\n          >\n            {t('customers.people.card.unlink', 'Unlink')}\n          </Button>\n        )}\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}