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

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

@@ -0,0 +1,283 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import {
+  Building2,
+  Clock,
+  Copy,
+  CreditCard,
+  ExternalLink,
+  FileText,
+  Hash,
+  MapPin,
+  TrendingUp,
+  Zap,
+  Tag as TagIcon,
+  Users
+} from "lucide-react";
+import { Badge } from "@open-mercato/ui/primitives/badge";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { renderDictionaryIcon } from "../../../dictionaries/components/dictionaryAppearance.js";
+import { formatFallbackLabel } from "./utils.js";
+function copyToClipboard(text, t) {
+  navigator.clipboard.writeText(text).then(() => {
+    flash(t("customers.companies.detail.copied", "Copied to clipboard"), "success");
+  }).catch((err) => console.warn("[CompanyCard] clipboard write failed", err));
+}
+function formatRelativeTime(isoDate, t) {
+  const date = new Date(isoDate);
+  const now = /* @__PURE__ */ new Date();
+  const diffMs = now.getTime() - date.getTime();
+  const diffDays = Math.floor(diffMs / (1e3 * 60 * 60 * 24));
+  if (diffDays === 0) {
+    return `${t("customers.companies.detail.relativeTime.today", "today")}, ${date.toLocaleTimeString(void 0, { hour: "2-digit", minute: "2-digit" })}`;
+  }
+  if (diffDays === 1) return t("customers.companies.detail.relativeTime.oneDayAgo", "1 day ago");
+  if (diffDays < 7) return t("customers.companies.detail.relativeTime.daysAgo", "{{days}} days ago", { days: diffDays });
+  if (diffDays < 30) return t("customers.companies.detail.relativeTime.weeksAgo", "{{weeks}} wk. ago", { weeks: Math.floor(diffDays / 7) });
+  return t("customers.companies.detail.relativeTime.monthsAgo", "{{months}} mo. ago", { months: Math.floor(diffDays / 30) });
+}
+function formatCurrency(amount, currency) {
+  try {
+    return new Intl.NumberFormat(void 0, {
+      style: "currency",
+      currency,
+      maximumFractionDigits: 0,
+      notation: amount >= 1e6 ? "compact" : "standard"
+    }).format(amount);
+  } catch {
+    if (amount >= 1e6) return `${(amount / 1e6).toFixed(2)} M ${currency}`;
+    if (amount >= 1e3) return `${Math.round(amount / 1e3)}k ${currency}`;
+    return `${amount} ${currency}`;
+  }
+}
+function ColorBadge({
+  value,
+  map,
+  fallbackIcon
+}) {
+  const entry = map?.[value];
+  const color = entry?.color ?? null;
+  const icon = entry?.icon ?? null;
+  const label = entry?.label ?? formatFallbackLabel(value);
+  const colorStyle = color ? { color, borderColor: color, backgroundColor: `${color}1A` } : void 0;
+  return /* @__PURE__ */ jsxs(
+    Badge,
+    {
+      variant: "outline",
+      className: "rounded-sm gap-1.5 text-xs font-medium",
+      style: colorStyle,
+      children: [
+        icon ? renderDictionaryIcon(icon, "size-2.5") : fallbackIcon ?? null,
+        label
+      ]
+    }
+  );
+}
+function StatusDotBadge({
+  value,
+  map
+}) {
+  const entry = map?.[value];
+  const color = entry?.color ?? null;
+  const label = entry?.label ?? formatFallbackLabel(value);
+  const colorStyle = color ? { color, borderColor: color, backgroundColor: `${color}1A` } : void 0;
+  return /* @__PURE__ */ jsxs(
+    Badge,
+    {
+      variant: "outline",
+      className: "rounded-sm gap-1.5 text-xs font-medium",
+      style: colorStyle,
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "size-1.5 rounded-full",
+            style: color ? { backgroundColor: color } : void 0
+          }
+        ),
+        label
+      ]
+    }
+  );
+}
+function BillingRow({
+  icon: Icon,
+  label,
+  value,
+  showCopy = true,
+  showDottedLine = true,
+  t
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-1.5 min-h-[22px]", children: [
+    /* @__PURE__ */ jsx(Icon, { className: "size-3 shrink-0 text-muted-foreground" }),
+    /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground font-medium shrink-0", children: [
+      label,
+      ":"
+    ] }),
+    showDottedLine && /* @__PURE__ */ jsx("div", { className: "mx-1 hidden flex-1 border-b border-dotted border-border/50 sm:block" }),
+    /* @__PURE__ */ jsx("span", { className: "min-w-0 break-words text-xs font-medium text-foreground", children: value }),
+    showCopy && /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "sm",
+        className: "h-auto shrink-0 text-muted-foreground hover:text-foreground transition-colors p-0",
+        onClick: () => copyToClipboard(value, t),
+        "aria-label": t("customers.companies.detail.copy", "Copy"),
+        children: /* @__PURE__ */ jsx(Copy, { className: "size-2.5" })
+      }
+    )
+  ] });
+}
+function CompanyCard({
+  data,
+  personName,
+  statusMap,
+  lifecycleMap,
+  temperatureMap,
+  renewalQuarterMap,
+  roleMap
+}) {
+  const t = useT();
+  const hasBillingSection = data.profile?.legalName || data.primaryAddress?.formatted || data.billing?.bankName || data.billing?.bankAccountMasked || data.billing?.paymentTerms || data.billing?.preferredCurrency;
+  const dealValue = data.activeDeal?.valueAmount && data.activeDeal?.valueCurrency ? `${data.activeDeal.valueAmount} ${data.activeDeal.valueCurrency}` : null;
+  return /* @__PURE__ */ jsxs("div", { className: "min-w-0 overflow-hidden rounded-2xl border border-border/60 bg-card", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 px-5 py-5 sm:flex-row sm:items-center", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex size-12 shrink-0 items-center justify-center rounded-xl bg-muted", children: /* @__PURE__ */ jsx(Building2, { className: "size-5 text-muted-foreground" }) }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "break-words text-base font-bold", children: data.displayName }),
+            data.isPrimary && /* @__PURE__ */ jsx(Badge, { variant: "default", className: "rounded-sm px-1.5 py-0 text-overline font-bold uppercase tracking-wider", children: "PRIMARY" })
+          ] }),
+          data.subtitle && /* @__PURE__ */ jsx("p", { className: "break-words text-sm text-muted-foreground", children: data.subtitle })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "self-start sm:self-auto", children: /* @__PURE__ */ jsx(Link, { href: `/backend/customers/companies-v2/${data.companyId}`, children: /* @__PURE__ */ jsx(IconButton, { variant: "ghost", size: "sm", type: "button", children: /* @__PURE__ */ jsx(ExternalLink, { className: "size-4" }) }) }) })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "border-t border-border/60" }),
+    /* @__PURE__ */ jsxs("div", { className: "px-5 py-4 space-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1.5", children: [
+        data.profile?.industry && /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: "rounded-sm gap-1.5 text-xs font-medium", children: [
+          /* @__PURE__ */ jsx(TagIcon, { className: "size-2.5" }),
+          data.profile.industry
+        ] }),
+        data.profile?.sizeBucket && /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: "rounded-sm gap-1.5 text-xs font-medium", children: [
+          /* @__PURE__ */ jsx(Users, { className: "size-2.5" }),
+          data.profile.sizeBucket,
+          " ",
+          t("customers.companies.detail.employees", "employees")
+        ] }),
+        data.status && /* @__PURE__ */ jsx(StatusDotBadge, { value: data.status, map: statusMap }),
+        data.renewalQuarter && /* @__PURE__ */ jsx(
+          ColorBadge,
+          {
+            value: data.renewalQuarter,
+            map: renewalQuarterMap,
+            fallbackIcon: /* @__PURE__ */ jsx(Clock, { className: "size-2.5" })
+          }
+        ),
+        data.temperature && /* @__PURE__ */ jsx(
+          ColorBadge,
+          {
+            value: data.temperature,
+            map: temperatureMap,
+            fallbackIcon: /* @__PURE__ */ jsx(Zap, { className: "size-2.5" })
+          }
+        )
+      ] }),
+      data.roles.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-overline font-bold uppercase tracking-wider text-muted-foreground", children: t("customers.companies.detail.roleInCompany", "ROLE OF {{name}} IN THIS COMPANY", { name: personName.toUpperCase() }) }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: data.roles.map((role) => /* @__PURE__ */ jsx(
+          ColorBadge,
+          {
+            value: role.roleValue,
+            map: roleMap
+          },
+          role.id
+        )) })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "border-t border-border/60" }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-overline font-bold uppercase tracking-wider text-muted-foreground block mb-1", children: t("customers.companies.detail.activeDeal", "ACTIVE DEAL") }),
+          /* @__PURE__ */ jsx("span", { className: "flex min-w-0 items-center gap-1 text-xs font-medium text-foreground", children: data.activeDeal ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Building2, { className: "size-3 shrink-0" }),
+            /* @__PURE__ */ jsxs("span", { className: "min-w-0 break-words", children: [
+              data.activeDeal.title,
+              dealValue ? ` \xB7 ${dealValue}` : ""
+            ] })
+          ] }) : "\u2014" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-overline font-bold uppercase tracking-wider text-muted-foreground block mb-1", children: t("customers.companies.detail.lastContact", "LAST CONTACT") }),
+          /* @__PURE__ */ jsx("span", { className: "flex min-w-0 items-center gap-1 break-words text-xs font-medium text-foreground", children: data.lastContactAt ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Clock, { className: "size-3 shrink-0" }),
+            formatRelativeTime(data.lastContactAt, t)
+          ] }) : "\u2014" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-overline font-bold uppercase tracking-wider text-muted-foreground block mb-1", children: "CLV" }),
+          /* @__PURE__ */ jsx("span", { className: "flex min-w-0 items-center gap-1 break-words text-xs font-medium text-foreground", children: data.clv ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(TrendingUp, { className: "size-3 shrink-0" }),
+            formatCurrency(data.clv.amount, data.clv.currency)
+          ] }) : "\u2014" })
+        ] })
+      ] }),
+      hasBillingSection && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: "border-t border-border/60" }),
+        /* @__PURE__ */ jsxs("div", { className: "rounded-lg bg-muted/40 border border-border/40 px-3.5 py-3 space-y-1.5", children: [
+          data.profile?.legalName && /* @__PURE__ */ jsx(BillingRow, { icon: FileText, label: t("customers.companies.detail.billing.name", "Name"), value: data.profile.legalName, t }),
+          data.primaryAddress?.formatted && /* @__PURE__ */ jsx(
+            BillingRow,
+            {
+              icon: MapPin,
+              label: t("customers.companies.detail.billing.address", "Address"),
+              value: data.primaryAddress.formatted,
+              t
+            }
+          ),
+          (data.billing?.bankName || data.billing?.bankAccountMasked) && /* @__PURE__ */ jsx(
+            BillingRow,
+            {
+              icon: CreditCard,
+              label: t("customers.fields.bankIban", "Bank / IBAN"),
+              value: [data.billing?.bankName, data.billing?.bankAccountMasked].filter(Boolean).join(" \xB7 "),
+              t
+            }
+          ),
+          data.billing?.paymentTerms && /* @__PURE__ */ jsx(
+            BillingRow,
+            {
+              icon: Clock,
+              label: t("customers.companies.detail.billing.paymentTerms", "Payment terms"),
+              value: data.billing.paymentTerms,
+              showCopy: false,
+              showDottedLine: false,
+              t
+            }
+          ),
+          data.billing?.preferredCurrency && /* @__PURE__ */ jsx(
+            BillingRow,
+            {
+              icon: Hash,
+              label: t("customers.companies.detail.billing.currency", "Currency"),
+              value: data.billing.preferredCurrency,
+              showCopy: false,
+              showDottedLine: false,
+              t
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+}
+export {
+  CompanyCard
+};
+//# sourceMappingURL=CompanyCard.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/customers/components/detail/CompanyCard.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport {\n  Building2,\n  Clock,\n  Copy,\n  CreditCard,\n  ExternalLink,\n  FileText,\n  Hash,\n  MapPin,\n  TrendingUp,\n  Zap,\n  Tag as TagIcon,\n  Users,\n} from 'lucide-react'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { renderDictionaryIcon } from '../../../dictionaries/components/dictionaryAppearance'\nimport type { CustomerDictionaryDisplayEntry, CustomerDictionaryMap } from '../../lib/dictionaries'\nimport { formatFallbackLabel } from './utils'\n\nexport type EnrichedCompanyData = {\n  linkId: string\n  companyId: string\n  displayName: string\n  isPrimary: boolean\n  subtitle: string | null\n  profile: {\n    industry: string | null\n    sizeBucket: string | null\n    legalName: string | null\n    domain: string | null\n    websiteUrl: string | null\n  } | null\n  billing: {\n    bankName: string | null\n    bankAccountMasked: string | null\n    paymentTerms: string | null\n    preferredCurrency: string | null\n  } | null\n  primaryAddress: { formatted: string } | null\n  tags: Array<{ id: string; label: string; color: string | null }>\n  roles: Array<{ id: string; roleValue: string }>\n  activeDeal: {\n    title: string\n    valueAmount: string | null\n    valueCurrency: string | null\n  } | null\n  lastContactAt: string | null\n  clv: { amount: number; currency: string } | null\n  status: string | null\n  lifecycleStage: string | null\n  temperature: string | null\n  renewalQuarter: string | null\n}\n\ntype CompanyCardProps = {\n  data: EnrichedCompanyData\n  personName: string\n  statusMap?: CustomerDictionaryMap | undefined\n  lifecycleMap?: CustomerDictionaryMap | undefined\n  temperatureMap?: CustomerDictionaryMap | undefined\n  renewalQuarterMap?: CustomerDictionaryMap | undefined\n  roleMap?: CustomerDictionaryMap | undefined\n}\n\nfunction copyToClipboard(text: string, t: ReturnType<typeof useT>) {\n  navigator.clipboard\n    .writeText(text)\n    .then(() => {\n      flash(t('customers.companies.detail.copied', 'Copied to clipboard'), 'success')\n    })\n    .catch((err) => console.warn('[CompanyCard] clipboard write failed', err))\n}\n\nfunction formatRelativeTime(isoDate: string, t: ReturnType<typeof useT>): string {\n  const date = new Date(isoDate)\n  const now = new Date()\n  const diffMs = now.getTime() - date.getTime()\n  const diffDays = Math.floor(diffMs / (1000 * 60 * 60 * 24))\n  if (diffDays === 0) {\n    return `${t('customers.companies.detail.relativeTime.today', 'today')}, ${date.toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit' })}`\n  }\n  if (diffDays === 1) return t('customers.companies.detail.relativeTime.oneDayAgo', '1 day ago')\n  if (diffDays < 7) return t('customers.companies.detail.relativeTime.daysAgo', '{{days}} days ago', { days: diffDays })\n  if (diffDays < 30) return t('customers.companies.detail.relativeTime.weeksAgo', '{{weeks}} wk. ago', { weeks: Math.floor(diffDays / 7) })\n  return t('customers.companies.detail.relativeTime.monthsAgo', '{{months}} mo. ago', { months: Math.floor(diffDays / 30) })\n}\n\nfunction formatCurrency(amount: number, currency: string): string {\n  try {\n    return new Intl.NumberFormat(undefined, {\n      style: 'currency',\n      currency,\n      maximumFractionDigits: 0,\n      notation: amount >= 1_000_000 ? 'compact' : 'standard',\n    }).format(amount)\n  } catch {\n    if (amount >= 1_000_000) return `${(amount / 1_000_000).toFixed(2)} M ${currency}`\n    if (amount >= 1_000) return `${Math.round(amount / 1000)}k ${currency}`\n    return `${amount} ${currency}`\n  }\n}\n\nfunction ColorBadge({\n  value,\n  map,\n  fallbackIcon,\n}: {\n  value: string\n  map: Record<string, CustomerDictionaryDisplayEntry> | undefined\n  fallbackIcon?: React.ReactNode\n}) {\n  const entry = map?.[value]\n  const color = entry?.color ?? null\n  const icon = entry?.icon ?? null\n  const label = entry?.label ?? formatFallbackLabel(value)\n  const colorStyle: React.CSSProperties | undefined = color\n    ? { color, borderColor: color, backgroundColor: `${color}1A` }\n    : undefined\n  return (\n    <Badge\n      variant=\"outline\"\n      className=\"rounded-sm gap-1.5 text-xs font-medium\"\n      style={colorStyle}\n    >\n      {icon ? renderDictionaryIcon(icon, 'size-2.5') : fallbackIcon ?? null}\n      {label}\n    </Badge>\n  )\n}\n\nfunction StatusDotBadge({\n  value,\n  map,\n}: {\n  value: string\n  map: Record<string, CustomerDictionaryDisplayEntry> | undefined\n}) {\n  const entry = map?.[value]\n  const color = entry?.color ?? null\n  const label = entry?.label ?? formatFallbackLabel(value)\n  const colorStyle: React.CSSProperties | undefined = color\n    ? { color, borderColor: color, backgroundColor: `${color}1A` }\n    : undefined\n  return (\n    <Badge\n      variant=\"outline\"\n      className=\"rounded-sm gap-1.5 text-xs font-medium\"\n      style={colorStyle}\n    >\n      <span\n        className=\"size-1.5 rounded-full\"\n        style={color ? { backgroundColor: color } : undefined}\n      />\n      {label}\n    </Badge>\n  )\n}\n\nfunction BillingRow({\n  icon: Icon,\n  label,\n  value,\n  showCopy = true,\n  showDottedLine = true,\n  t,\n}: {\n  icon: React.ComponentType<{ className?: string }>\n  label: string\n  value: string\n  showCopy?: boolean\n  showDottedLine?: boolean\n  t: ReturnType<typeof useT>\n}) {\n  return (\n    <div className=\"flex min-w-0 flex-wrap items-center gap-1.5 min-h-[22px]\">\n      <Icon className=\"size-3 shrink-0 text-muted-foreground\" />\n      <span className=\"text-xs text-muted-foreground font-medium shrink-0\">{label}:</span>\n      {showDottedLine && <div className=\"mx-1 hidden flex-1 border-b border-dotted border-border/50 sm:block\" />}\n      <span className=\"min-w-0 break-words text-xs font-medium text-foreground\">{value}</span>\n      {showCopy && (\n        <IconButton\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"h-auto shrink-0 text-muted-foreground hover:text-foreground transition-colors p-0\"\n          onClick={() => copyToClipboard(value, t)}\n          aria-label={t('customers.companies.detail.copy', 'Copy')}\n        >\n          <Copy className=\"size-2.5\" />\n        </IconButton>\n      )}\n    </div>\n  )\n}\n\nexport function CompanyCard({\n  data,\n  personName,\n  statusMap,\n  lifecycleMap,\n  temperatureMap,\n  renewalQuarterMap,\n  roleMap,\n}: CompanyCardProps) {\n  const t = useT()\n\n  const hasBillingSection =\n    data.profile?.legalName ||\n    data.primaryAddress?.formatted ||\n    data.billing?.bankName ||\n    data.billing?.bankAccountMasked ||\n    data.billing?.paymentTerms ||\n    data.billing?.preferredCurrency\n\n  const dealValue =\n    data.activeDeal?.valueAmount && data.activeDeal?.valueCurrency\n      ? `${data.activeDeal.valueAmount} ${data.activeDeal.valueCurrency}`\n      : null\n\n  return (\n    <div className=\"min-w-0 overflow-hidden rounded-2xl border border-border/60 bg-card\">\n      {/* Header */}\n      <div className=\"flex flex-col gap-3 px-5 py-5 sm:flex-row sm:items-center\">\n        <div className=\"flex min-w-0 flex-1 items-center gap-3\">\n          <div className=\"flex size-12 shrink-0 items-center justify-center rounded-xl bg-muted\">\n            <Building2 className=\"size-5 text-muted-foreground\" />\n          </div>\n          <div className=\"min-w-0 flex-1\">\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <span className=\"break-words text-base font-bold\">{data.displayName}</span>\n              {data.isPrimary && (\n                <Badge variant=\"default\" className=\"rounded-sm px-1.5 py-0 text-overline font-bold uppercase tracking-wider\">\n                  PRIMARY\n                </Badge>\n              )}\n            </div>\n            {data.subtitle && (\n              <p className=\"break-words text-sm text-muted-foreground\">{data.subtitle}</p>\n            )}\n          </div>\n        </div>\n        <div className=\"self-start sm:self-auto\">\n          <Link href={`/backend/customers/companies-v2/${data.companyId}`}>\n            <IconButton variant=\"ghost\" size=\"sm\" type=\"button\">\n              <ExternalLink className=\"size-4\" />\n            </IconButton>\n          </Link>\n        </div>\n      </div>\n\n      {/* Divider */}\n      <div className=\"border-t border-border/60\" />\n\n      {/* Body */}\n      <div className=\"px-5 py-4 space-y-4\">\n        {/* Info badges */}\n        <div className=\"flex flex-wrap gap-1.5\">\n          {data.profile?.industry && (\n            <Badge variant=\"outline\" className=\"rounded-sm gap-1.5 text-xs font-medium\">\n              <TagIcon className=\"size-2.5\" />\n              {data.profile.industry}\n            </Badge>\n          )}\n          {data.profile?.sizeBucket && (\n            <Badge variant=\"outline\" className=\"rounded-sm gap-1.5 text-xs font-medium\">\n              <Users className=\"size-2.5\" />\n              {data.profile.sizeBucket} {t('customers.companies.detail.employees', 'employees')}\n            </Badge>\n          )}\n          {data.status && <StatusDotBadge value={data.status} map={statusMap} />}\n          {data.renewalQuarter && (\n            <ColorBadge\n              value={data.renewalQuarter}\n              map={renewalQuarterMap}\n              fallbackIcon={<Clock className=\"size-2.5\" />}\n            />\n          )}\n          {data.temperature && (\n            <ColorBadge\n              value={data.temperature}\n              map={temperatureMap}\n              fallbackIcon={<Zap className=\"size-2.5\" />}\n            />\n          )}\n        </div>\n\n        {/* Roles */}\n        {data.roles.length > 0 && (\n          <div className=\"space-y-1.5\">\n            <span className=\"text-overline font-bold uppercase tracking-wider text-muted-foreground\">\n              {t('customers.companies.detail.roleInCompany', 'ROLE OF {{name}} IN THIS COMPANY', { name: personName.toUpperCase() })}\n            </span>\n            <div className=\"flex flex-wrap gap-1.5\">\n              {data.roles.map((role) => (\n                <ColorBadge\n                  key={role.id}\n                  value={role.roleValue}\n                  map={roleMap}\n                />\n              ))}\n            </div>\n          </div>\n        )}\n\n        {/* Stats divider */}\n        <div className=\"border-t border-border/60\" />\n\n        {/* Stats row */}\n        <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3\">\n          <div className=\"min-w-0\">\n            <span className=\"text-overline font-bold uppercase tracking-wider text-muted-foreground block mb-1\">\n              {t('customers.companies.detail.activeDeal', 'ACTIVE DEAL')}\n            </span>\n            <span className=\"flex min-w-0 items-center gap-1 text-xs font-medium text-foreground\">\n              {data.activeDeal ? (\n                <>\n                  <Building2 className=\"size-3 shrink-0\" />\n                  <span className=\"min-w-0 break-words\">\n                    {data.activeDeal.title}\n                    {dealValue ? ` \u00B7 ${dealValue}` : ''}\n                  </span>\n                </>\n              ) : (\n                '\u2014'\n              )}\n            </span>\n          </div>\n          <div className=\"min-w-0\">\n            <span className=\"text-overline font-bold uppercase tracking-wider text-muted-foreground block mb-1\">\n              {t('customers.companies.detail.lastContact', 'LAST CONTACT')}\n            </span>\n            <span className=\"flex min-w-0 items-center gap-1 break-words text-xs font-medium text-foreground\">\n              {data.lastContactAt ? (\n                <>\n                  <Clock className=\"size-3 shrink-0\" />\n                  {formatRelativeTime(data.lastContactAt, t)}\n                </>\n              ) : (\n                '\u2014'\n              )}\n            </span>\n          </div>\n          <div className=\"min-w-0\">\n            <span className=\"text-overline font-bold uppercase tracking-wider text-muted-foreground block mb-1\">\n              CLV\n            </span>\n            <span className=\"flex min-w-0 items-center gap-1 break-words text-xs font-medium text-foreground\">\n              {data.clv ? (\n                <>\n                  <TrendingUp className=\"size-3 shrink-0\" />\n                  {formatCurrency(data.clv.amount, data.clv.currency)}\n                </>\n              ) : (\n                '\u2014'\n              )}\n            </span>\n          </div>\n        </div>\n\n        {/* Billing section */}\n        {hasBillingSection && (\n          <>\n            <div className=\"border-t border-border/60\" />\n            <div className=\"rounded-lg bg-muted/40 border border-border/40 px-3.5 py-3 space-y-1.5\">\n              {data.profile?.legalName && (\n                <BillingRow icon={FileText} label={t('customers.companies.detail.billing.name', 'Name')} value={data.profile.legalName} t={t} />\n              )}\n              {data.primaryAddress?.formatted && (\n                <BillingRow\n                  icon={MapPin}\n                  label={t('customers.companies.detail.billing.address', 'Address')}\n                  value={data.primaryAddress.formatted}\n                  t={t}\n                />\n              )}\n              {(data.billing?.bankName || data.billing?.bankAccountMasked) && (\n                <BillingRow\n                  icon={CreditCard}\n                  label={t('customers.fields.bankIban', 'Bank / IBAN')}\n                  value={[data.billing?.bankName, data.billing?.bankAccountMasked]\n                    .filter(Boolean)\n                    .join(' \u00B7 ')}\n                  t={t}\n                />\n              )}\n              {data.billing?.paymentTerms && (\n                <BillingRow\n                  icon={Clock}\n                  label={t('customers.companies.detail.billing.paymentTerms', 'Payment terms')}\n                  value={data.billing.paymentTerms}\n                  showCopy={false}\n                  showDottedLine={false}\n                  t={t}\n                />\n              )}\n              {data.billing?.preferredCurrency && (\n                <BillingRow\n                  icon={Hash}\n                  label={t('customers.companies.detail.billing.currency', 'Currency')}\n                  value={data.billing.preferredCurrency}\n                  showCopy={false}\n                  showDottedLine={false}\n                  t={t}\n                />\n              )}\n            </div>\n          </>\n        )}\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,133 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { EyeOff } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { KpiCard } from "@open-mercato/ui/backend/charts/KpiCard";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import { InlineActivityComposer } from "./InlineActivityComposer.js";
+import { formatCurrency } from "./utils.js";
+import { computeHealthScore } from "./healthScoreUtils.js";
+import {
+  readJsonFromLocalStorage,
+  writeJsonToLocalStorage,
+  removeLocalStorageKey
+} from "@open-mercato/shared/lib/browser/safeLocalStorage";
+import {
+  sumActiveDeals,
+  getActiveDeals,
+  getOpenTasks,
+  getUpcomingMeetings,
+  getRecentActivity,
+  computeActivityTrend,
+  computeDealTrend
+} from "./dashboard/helpers.js";
+import { UpcomingMeetingsWidget } from "./dashboard/UpcomingMeetingsWidget.js";
+import { RelationshipHealthWidget } from "./dashboard/RelationshipHealthWidget.js";
+import { ActiveDealWidget } from "./dashboard/ActiveDealWidget.js";
+import { OpenTasksWidget } from "./dashboard/OpenTasksWidget.js";
+import { RecentActivityWidget } from "./dashboard/RecentActivityWidget.js";
+function CompanyDashboardTab({ data, companyId, onTabChange, onActivityCreated, onScheduleRequested, runGuardedMutation, useCanonicalInteractions }) {
+  const t = useT();
+  const activeDeals = React.useMemo(() => getActiveDeals(data.deals), [data.deals]);
+  const activeDealsValue = React.useMemo(() => sumActiveDeals(data.deals), [data.deals]);
+  const openTasks = React.useMemo(() => getOpenTasks(data.todos), [data.todos]);
+  const upcomingMeetings = React.useMemo(() => getUpcomingMeetings(data.interactions), [data.interactions]);
+  const recentActivity = React.useMemo(() => getRecentActivity(data.interactions), [data.interactions]);
+  const dealCurrency = activeDeals[0]?.valueCurrency ?? data.deals[0]?.valueCurrency ?? "PLN";
+  const activityTrend = React.useMemo(() => computeActivityTrend(data.interactions), [data.interactions]);
+  const dealTrend = React.useMemo(() => computeDealTrend(data.deals), [data.deals]);
+  const healthScore = React.useMemo(() => computeHealthScore(data.interactions), [data.interactions]);
+  const ltvValue = React.useMemo(() => {
+    const wonDeals = data.deals.filter((d) => d.status === "won");
+    if (wonDeals.length === 0) return null;
+    return wonDeals.reduce((sum, d) => {
+      const amt = typeof d.valueAmount === "number" ? d.valueAmount : parseFloat(String(d.valueAmount ?? "0"));
+      return sum + (Number.isFinite(amt) ? amt : 0);
+    }, 0);
+  }, [data.deals]);
+  const clientTenureYears = React.useMemo(() => {
+    const allDates = data.interactions.map((i) => i.occurredAt ?? i.scheduledAt ?? i.createdAt).filter(Boolean).map((d) => new Date(d).getTime());
+    if (allDates.length === 0) return null;
+    const earliest = Math.min(...allDates);
+    return Math.floor((Date.now() - earliest) / (365.25 * 864e5));
+  }, [data.interactions]);
+  const [hiddenTiles, setHiddenTiles] = React.useState(
+    () => new Set(readJsonFromLocalStorage("om:dashboard-hidden-tiles", []))
+  );
+  const toggleTile = React.useCallback((tileId) => {
+    setHiddenTiles((prev) => {
+      const next = new Set(prev);
+      if (next.has(tileId)) next.delete(tileId);
+      else next.add(tileId);
+      writeJsonToLocalStorage("om:dashboard-hidden-tiles", [...next]);
+      return next;
+    });
+  }, []);
+  const kpiTiles = [
+    { id: "activeDeals", title: t("customers.companies.dashboard.kpi.activeDeals", "ACTIVE DEALS"), value: activeDealsValue, trend: dealTrend, formatValue: (v) => formatCurrency(v, dealCurrency), comparisonLabel: `${activeDeals.length} ${activeDeals.length === 1 ? "pipeline" : "pipelines"}` },
+    { id: "activities", title: t("customers.companies.dashboard.kpi.activities", "ACTIVITIES"), value: data.interactions.length, trend: activityTrend, comparisonLabel: t("customers.companies.dashboard.kpi.last12months", "last 12 months") },
+    { id: "ltv", title: t("customers.companies.dashboard.kpi.ltv", "CUSTOMER VALUE (LTV)"), value: ltvValue, formatValue: ltvValue !== null ? (v) => formatCurrency(v, dealCurrency) : void 0, comparisonLabel: ltvValue !== null ? t("customers.companies.dashboard.kpi.wonDeals", "won deals total") : t("customers.companies.dashboard.kpi.noWonDeals", "No won deals") },
+    { id: "clientSince", title: t("customers.companies.dashboard.kpi.clientSince", "CLIENT SINCE"), value: clientTenureYears, formatValue: clientTenureYears !== null ? (v) => v < 1 ? `< 1 ${t("customers.companies.dashboard.kpi.year", "year")}` : `${v} ${v === 1 ? t("customers.companies.dashboard.kpi.year", "year") : t("customers.companies.dashboard.kpi.years", "years")}` : void 0, comparisonLabel: clientTenureYears !== null ? `${data.deals.filter((d) => d.status === "won").length} ${t("customers.companies.dashboard.kpi.completedDeals", "completed deals")}` : t("customers.companies.dashboard.kpi.noInteractions", "No interactions yet") }
+  ];
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-4 lg:grid-cols-4", children: kpiTiles.filter((tile) => !hiddenTiles.has(tile.id)).map((tile) => /* @__PURE__ */ jsxs("div", { className: "relative group", children: [
+      /* @__PURE__ */ jsx(
+        KpiCard,
+        {
+          title: tile.title,
+          value: tile.value,
+          trend: tile.trend,
+          formatValue: tile.formatValue,
+          comparisonLabel: tile.comparisonLabel
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          onClick: () => toggleTile(tile.id),
+          className: "h-auto absolute top-2 right-2 opacity-0 group-hover:opacity-60 transition-opacity text-muted-foreground hover:text-foreground p-0",
+          "aria-label": t("customers.companies.dashboard.hideTile", "Hide tile"),
+          children: /* @__PURE__ */ jsx(EyeOff, { className: "size-3.5" })
+        }
+      )
+    ] }, tile.id)) }),
+    hiddenTiles.size > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("customers.companies.dashboard.hiddenTiles", "{{count}} tiles hidden", { count: hiddenTiles.size }) }),
+      /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "h-auto text-xs px-1.5 py-0.5", onClick: () => {
+        setHiddenTiles(/* @__PURE__ */ new Set());
+        removeLocalStorageKey("om:dashboard-hidden-tiles");
+      }, children: t("customers.companies.dashboard.showAll", "Show all") })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-6 lg:grid-cols-[1fr_380px]", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ jsx(UpcomingMeetingsWidget, { meetings: upcomingMeetings, t }),
+        /* @__PURE__ */ jsx(OpenTasksWidget, { tasks: openTasks, t, onViewAll: () => onTabChange("activity-log"), currentUserId: null })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ jsx(RelationshipHealthWidget, { health: healthScore, t }),
+        /* @__PURE__ */ jsx(ActiveDealWidget, { deals: activeDeals, t })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      InlineActivityComposer,
+      {
+        entityType: "company",
+        entityId: companyId,
+        onActivityCreated,
+        runGuardedMutation,
+        onScheduleRequested,
+        useCanonicalInteractions
+      }
+    ),
+    /* @__PURE__ */ jsx(RecentActivityWidget, { interactions: recentActivity, t })
+  ] });
+}
+export {
+  CompanyDashboardTab
+};
+//# sourceMappingURL=CompanyDashboardTab.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/customers/components/detail/CompanyDashboardTab.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { EyeOff } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { KpiCard, type KpiTrend } from '@open-mercato/ui/backend/charts/KpiCard'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { InlineActivityComposer } from './InlineActivityComposer'\nimport type { CompanyOverview } from '../formConfig'\nimport { formatCurrency } from './utils'\nimport { computeHealthScore } from './healthScoreUtils'\nimport {\n  readJsonFromLocalStorage,\n  writeJsonToLocalStorage,\n  removeLocalStorageKey,\n} from '@open-mercato/shared/lib/browser/safeLocalStorage'\nimport {\n  sumActiveDeals,\n  getActiveDeals,\n  getOpenTasks,\n  getUpcomingMeetings,\n  getRecentActivity,\n  computeActivityTrend,\n  computeDealTrend,\n} from './dashboard/helpers'\nimport { UpcomingMeetingsWidget } from './dashboard/UpcomingMeetingsWidget'\nimport { RelationshipHealthWidget } from './dashboard/RelationshipHealthWidget'\nimport { ActiveDealWidget } from './dashboard/ActiveDealWidget'\nimport { OpenTasksWidget } from './dashboard/OpenTasksWidget'\nimport { RecentActivityWidget } from './dashboard/RecentActivityWidget'\n\ntype GuardedMutationRunner = <T>(\n  operation: () => Promise<T>,\n  mutationPayload?: Record<string, unknown>,\n) => Promise<T>\n\ntype CompanyDashboardTabProps = {\n  data: CompanyOverview\n  companyId: string\n  onTabChange: (tab: string) => void\n  onActivityCreated?: () => void\n  onScheduleRequested?: () => void\n  runGuardedMutation?: GuardedMutationRunner\n  useCanonicalInteractions?: boolean\n}\n\nexport function CompanyDashboardTab({ data, companyId, onTabChange, onActivityCreated, onScheduleRequested, runGuardedMutation, useCanonicalInteractions }: CompanyDashboardTabProps) {\n  const t = useT()\n\n  const activeDeals = React.useMemo(() => getActiveDeals(data.deals), [data.deals])\n  const activeDealsValue = React.useMemo(() => sumActiveDeals(data.deals), [data.deals])\n  const openTasks = React.useMemo(() => getOpenTasks(data.todos), [data.todos])\n  const upcomingMeetings = React.useMemo(() => getUpcomingMeetings(data.interactions), [data.interactions])\n  const recentActivity = React.useMemo(() => getRecentActivity(data.interactions), [data.interactions])\n\n  const dealCurrency = activeDeals[0]?.valueCurrency ?? data.deals[0]?.valueCurrency ?? 'PLN'\n  const activityTrend = React.useMemo(() => computeActivityTrend(data.interactions), [data.interactions])\n  const dealTrend = React.useMemo(() => computeDealTrend(data.deals), [data.deals])\n  const healthScore = React.useMemo(() => computeHealthScore(data.interactions), [data.interactions])\n\n  const ltvValue = React.useMemo(() => {\n    const wonDeals = data.deals.filter((d) => d.status === 'won')\n    if (wonDeals.length === 0) return null\n    return wonDeals.reduce((sum, d) => {\n      const amt = typeof d.valueAmount === 'number' ? d.valueAmount : parseFloat(String(d.valueAmount ?? '0'))\n      return sum + (Number.isFinite(amt) ? amt : 0)\n    }, 0)\n  }, [data.deals])\n\n  const clientTenureYears = React.useMemo(() => {\n    const allDates = data.interactions\n      .map((i) => i.occurredAt ?? i.scheduledAt ?? i.createdAt)\n      .filter(Boolean)\n      .map((d) => new Date(d).getTime())\n    if (allDates.length === 0) return null\n    const earliest = Math.min(...allDates)\n    return Math.floor((Date.now() - earliest) / (365.25 * 86_400_000))\n  }, [data.interactions])\n\n  const [hiddenTiles, setHiddenTiles] = React.useState<Set<string>>(\n    () => new Set(readJsonFromLocalStorage<string[]>('om:dashboard-hidden-tiles', [])),\n  )\n\n  const toggleTile = React.useCallback((tileId: string) => {\n    setHiddenTiles((prev) => {\n      const next = new Set(prev)\n      if (next.has(tileId)) next.delete(tileId)\n      else next.add(tileId)\n      writeJsonToLocalStorage('om:dashboard-hidden-tiles', [...next])\n      return next\n    })\n  }, [])\n\n  const kpiTiles: Array<{ id: string; title: string; value: number | null; trend?: KpiTrend; formatValue?: (v: number) => string; comparisonLabel: string }> = [\n    { id: 'activeDeals', title: t('customers.companies.dashboard.kpi.activeDeals', 'ACTIVE DEALS'), value: activeDealsValue, trend: dealTrend, formatValue: (v: number) => formatCurrency(v, dealCurrency), comparisonLabel: `${activeDeals.length} ${activeDeals.length === 1 ? 'pipeline' : 'pipelines'}` },\n    { id: 'activities', title: t('customers.companies.dashboard.kpi.activities', 'ACTIVITIES'), value: data.interactions.length, trend: activityTrend, comparisonLabel: t('customers.companies.dashboard.kpi.last12months', 'last 12 months') },\n    { id: 'ltv', title: t('customers.companies.dashboard.kpi.ltv', 'CUSTOMER VALUE (LTV)'), value: ltvValue, formatValue: ltvValue !== null ? (v: number) => formatCurrency(v, dealCurrency) : undefined, comparisonLabel: ltvValue !== null ? t('customers.companies.dashboard.kpi.wonDeals', 'won deals total') : t('customers.companies.dashboard.kpi.noWonDeals', 'No won deals') },\n    { id: 'clientSince', title: t('customers.companies.dashboard.kpi.clientSince', 'CLIENT SINCE'), value: clientTenureYears, formatValue: clientTenureYears !== null ? (v: number) => v < 1 ? `< 1 ${t('customers.companies.dashboard.kpi.year', 'year')}` : `${v} ${v === 1 ? t('customers.companies.dashboard.kpi.year', 'year') : t('customers.companies.dashboard.kpi.years', 'years')}` : undefined, comparisonLabel: clientTenureYears !== null ? `${data.deals.filter(d => d.status === 'won').length} ${t('customers.companies.dashboard.kpi.completedDeals', 'completed deals')}` : t('customers.companies.dashboard.kpi.noInteractions', 'No interactions yet') },\n  ]\n\n  return (\n    <div className=\"space-y-6\">\n      <div className=\"grid grid-cols-2 gap-4 lg:grid-cols-4\">\n        {kpiTiles.filter((tile) => !hiddenTiles.has(tile.id)).map((tile) => (\n          <div key={tile.id} className=\"relative group\">\n            <KpiCard\n              title={tile.title}\n              value={tile.value}\n              trend={tile.trend}\n              formatValue={tile.formatValue}\n              comparisonLabel={tile.comparisonLabel}\n            />\n            <IconButton\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={() => toggleTile(tile.id)}\n              className=\"h-auto absolute top-2 right-2 opacity-0 group-hover:opacity-60 transition-opacity text-muted-foreground hover:text-foreground p-0\"\n              aria-label={t('customers.companies.dashboard.hideTile', 'Hide tile')}\n            >\n              <EyeOff className=\"size-3.5\" />\n            </IconButton>\n          </div>\n        ))}\n      </div>\n      {hiddenTiles.size > 0 && (\n        <div className=\"flex items-center gap-2\">\n          <span className=\"text-xs text-muted-foreground\">\n            {t('customers.companies.dashboard.hiddenTiles', '{{count}} tiles hidden', { count: hiddenTiles.size })}\n          </span>\n          <Button type=\"button\" variant=\"ghost\" size=\"sm\" className=\"h-auto text-xs px-1.5 py-0.5\" onClick={() => { setHiddenTiles(new Set()); removeLocalStorageKey('om:dashboard-hidden-tiles') }}>\n            {t('customers.companies.dashboard.showAll', 'Show all')}\n          </Button>\n        </div>\n      )}\n\n      <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-[1fr_380px]\">\n        <div className=\"space-y-6\">\n          <UpcomingMeetingsWidget meetings={upcomingMeetings} t={t} />\n          <OpenTasksWidget tasks={openTasks} t={t} onViewAll={() => onTabChange('activity-log')} currentUserId={null} />\n        </div>\n        <div className=\"space-y-6\">\n          <RelationshipHealthWidget health={healthScore} t={t} />\n          <ActiveDealWidget deals={activeDeals} t={t} />\n        </div>\n      </div>\n\n      <InlineActivityComposer\n        entityType=\"company\"\n        entityId={companyId}\n        onActivityCreated={onActivityCreated}\n        runGuardedMutation={runGuardedMutation}\n        onScheduleRequested={onScheduleRequested}\n        useCanonicalInteractions={useCanonicalInteractions}\n      />\n\n      <RecentActivityWidget interactions={recentActivity} t={t} />\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}