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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/customers/components/detail/PersonDetailHeader.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { Phone, Mail, Building2, Trash2, Pencil } 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 { Badge } from '@open-mercato/ui/primitives/badge'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { PersonTagsDialog } from './PersonTagsDialog'\nimport { useCustomerDictionary, invalidateCustomerDictionary } from './hooks/useCustomerDictionary'\nimport { renderDictionaryIcon } from '../../../dictionaries/components/dictionaryAppearance'\nimport type { TagSummary } from './types'\nimport type { TagsSectionController } from '@open-mercato/ui/backend/detail'\nimport type { PersonOverview } from '../formConfig'\nimport type { CustomerDictionaryMap } from '@open-mercato/core/modules/customers/lib/dictionaries'\nimport { getInitials, formatFallbackLabel } from './utils'\n\ntype PersonDetailHeaderProps = {\n  data: PersonOverview\n  onTagsChange: (tags: TagSummary[]) => void\n  tagsSectionControllerRef: React.RefObject<TagsSectionController | null>\n  onSave: () => void\n  onDelete: () => Promise<void>\n  isDirty: boolean\n  isSaving: boolean\n  /** Callback to focus a specific field in the Zone 1 CrudForm by field name. */\n  onFocusField?: (fieldName: string) => void\n  /**\n   * @deprecated Kept for backward compatibility. The \"+ Link company\" header CTA was removed;\n   * company linking now happens exclusively through the Zone 2 Companies tab via\n   * `PersonCompaniesSection`. This prop is a no-op and will be removed in a future major release.\n   */\n  onOpenCompaniesTab?: () => void\n  /** Callback to reload person data after tags dialog save. */\n  onDataReload?: () => void\n}\n\nfunction DictionaryBadge({ value, map, categoryIcon, className }: { value: string; map: CustomerDictionaryMap | undefined; categoryIcon?: React.ReactNode; className?: string }) {\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={cn(\n        'rounded-sm gap-1.5 text-xs font-medium',\n        className,\n      )}\n      style={colorStyle}\n    >\n      {icon ? renderDictionaryIcon(icon, 'size-2.5') : categoryIcon ?? null}\n      {label}\n    </Badge>\n  )\n}\n\n/** Renders a tag badge with color-based text/border/background from TagSummary.color. */\nfunction TagBadge({ tag }: { tag: TagSummary }) {\n  const colorStyle: React.CSSProperties | undefined = tag.color\n    ? { color: tag.color, borderColor: tag.color, backgroundColor: `${tag.color}1A` }\n    : undefined\n  return (\n    <Badge variant=\"outline\" className=\"rounded-sm gap-1.5 text-xs font-medium\" style={colorStyle}>\n      {tag.label}\n    </Badge>\n  )\n}\n\nexport function PersonDetailHeader({\n  data,\n  onTagsChange,\n  tagsSectionControllerRef,\n  onSave,\n  onDelete,\n  isDirty,\n  isSaving,\n  onFocusField,\n  onOpenCompaniesTab,\n  onDataReload,\n}: PersonDetailHeaderProps) {\n  const t = useT()\n  const queryClient = useQueryClient()\n  const [manageTagsOpen, setManageTagsOpen] = React.useState(false)\n  const person = data.person\n  const profile = data.profile\n  const displayName = person.displayName || t('customers.people.detail.untitled', 'Untitled')\n\n  const jobTitle = profile?.jobTitle ?? null\n  const linkedCompanies = React.useMemo(() => {\n    const items = Array.isArray(data.companies) && data.companies.length > 0\n      ? data.companies\n      : data.company\n        ? [{ ...data.company, isPrimary: Boolean(data.isPrimary) }]\n        : []\n    return items\n  }, [data.companies, data.company, data.isPrimary])\n  const visibleCompanies = React.useMemo(() => linkedCompanies.slice(0, 3), [linkedCompanies])\n  const hiddenCompaniesCount = Math.max(0, linkedCompanies.length - visibleCompanies.length)\n  const visibleTags = React.useMemo(() => data.tags.slice(0, 6), [data.tags])\n  const hiddenTagsCount = Math.max(0, data.tags.length - visibleTags.length)\n  const primaryCompany = linkedCompanies.find((entry) => entry.isPrimary) ?? linkedCompanies[0] ?? null\n  const companyName = primaryCompany?.displayName ?? null\n  const companyId = primaryCompany?.id ?? profile?.companyEntityId ?? null\n\n  // Fetch dictionary maps for colored badge rendering (scoped to person's organization)\n  const personOrgId = person.organizationId ?? null\n  const { data: statusDict } = useCustomerDictionary('statuses', 0, personOrgId)\n  const { data: lifecycleDict } = useCustomerDictionary('lifecycle-stages', 0, personOrgId)\n  const { data: sourceDict } = useCustomerDictionary('sources', 0, personOrgId)\n  const { data: temperatureDict } = useCustomerDictionary('temperature', 0, personOrgId)\n  const { data: renewalQuarterDict } = useCustomerDictionary('renewal-quarters', 0, personOrgId)\n\n  return (\n    <div className=\"rounded-lg border bg-card px-6 py-5\">\n      <div className=\"flex flex-col gap-4 sm:flex-row sm:items-start sm:gap-5\">\n        {/* Avatar */}\n        <div className=\"flex size-18 shrink-0 items-center justify-center rounded-full bg-muted text-xl font-bold text-muted-foreground\">\n          {getInitials(displayName)}\n        </div>\n\n        {/* Person info */}\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"flex items-center gap-2\">\n            <h1 className=\"truncate text-2xl font-bold text-foreground\">{displayName}</h1>\n            {data.isPrimary && (\n              <span className=\"shrink-0 rounded-sm bg-status-warning-bg px-1.5 py-0.5 text-overline font-bold text-status-warning-text\">\n                {t('customers.people.detail.header.primary', 'PRIMARY')}\n              </span>\n            )}\n          </div>\n\n          {/* Subtitle: job title + company link */}\n          {(jobTitle || companyName) && (\n            <p className=\"mt-0.5 text-sm text-muted-foreground\">\n              {jobTitle}\n              {jobTitle && companyName && ` ${t('customers.people.detail.header.at', 'at')} `}\n              {companyName && companyId && (\n                <Link href={`/backend/customers/companies-v2/${companyId}`} className=\"text-primary hover:underline\">\n                  {companyName}\n                </Link>\n              )}\n              {companyName && !companyId && companyName}\n            </p>\n          )}\n\n          {/* Contact row */}\n          <div className=\"mt-1.5 flex flex-wrap items-center gap-x-5 gap-y-1 text-sm text-muted-foreground\">\n            {person.primaryPhone && (\n              <span className=\"inline-flex items-center gap-1.5\">\n                <Phone className=\"size-3.5\" />\n                <a href={`tel:${person.primaryPhone}`} className=\"hover:text-foreground\">{person.primaryPhone}</a>\n              </span>\n            )}\n            {person.primaryEmail && (\n              <span className=\"inline-flex items-center gap-1.5\">\n                <Mail className=\"size-3.5\" />\n                <a href={`mailto:${person.primaryEmail}`} className=\"hover:text-foreground\">{person.primaryEmail}</a>\n              </span>\n            )}\n          </div>\n\n          {/* Company chips (annotation 1a) */}\n          {linkedCompanies.length > 0 && (\n            <div className=\"mt-1.5 flex flex-wrap items-center gap-2 text-sm\">\n              <span className=\"text-muted-foreground\">\n                <Building2 className=\"mr-1 inline size-3.5\" />\n                {t('customers.people.detail.header.companies', 'Companies')} ({linkedCompanies.length}):\n              </span>\n              {visibleCompanies.map((company) => (\n                <Link\n                  key={company.id}\n                  href={`/backend/customers/companies-v2/${company.id}`}\n                  className={cn(\n                    'inline-flex items-center gap-1.5 rounded-sm border px-2 py-0.5 text-xs font-semibold transition-colors hover:bg-status-info-bg',\n                    company.isPrimary\n                      ? 'border-status-info-border bg-status-info-bg text-status-info-text'\n                      : 'border-border bg-background text-foreground',\n                  )}\n                >\n                  <Building2 className=\"size-3\" />\n                  {company.displayName}\n                  {company.isPrimary ? (\n                    <span className=\"rounded-sm bg-status-info-icon px-1 py-px text-overline font-bold text-white\">\n                      {t('customers.people.detail.header.primary', 'PRIMARY')}\n                    </span>\n                  ) : null}\n                </Link>\n              ))}\n              {hiddenCompaniesCount > 0 ? (\n                <Badge variant=\"outline\" className=\"rounded-sm text-xs font-semibold\">\n                  +{hiddenCompaniesCount} {t('customers.people.detail.header.more', 'more')}\n                </Badge>\n              ) : null}\n            </div>\n          )}\n\n          {/* Status badges + inline tags + manage tags */}\n          <div className=\"mt-2.5 flex flex-wrap items-center gap-2\">\n            {person.status && (\n              <DictionaryBadge value={person.status} map={statusDict?.map} />\n            )}\n            {person.lifecycleStage && (\n              <DictionaryBadge value={person.lifecycleStage} map={lifecycleDict?.map} />\n            )}\n            {person.source && (\n              <DictionaryBadge value={person.source} map={sourceDict?.map} />\n            )}\n            {person.temperature && (\n              <DictionaryBadge value={person.temperature} map={temperatureDict?.map} />\n            )}\n            {person.renewalQuarter && (\n              <DictionaryBadge value={person.renewalQuarter} map={renewalQuarterDict?.map} />\n            )}\n            {/* Inline tag pills */}\n            {visibleTags.map((tag) => (\n              <TagBadge key={tag.id ?? tag.label} tag={tag} />\n            ))}\n            {hiddenTagsCount > 0 ? (\n              <Badge variant=\"outline\" className=\"rounded-sm gap-1.5 text-xs font-medium\">\n                +{hiddenTagsCount} {t('customers.people.detail.header.more', 'more')}\n              </Badge>\n            ) : null}\n            {/* Manage tags \u2014 opens dialog directly */}\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              className=\"h-auto rounded-sm px-2 py-1 text-xs font-medium text-muted-foreground hover:text-foreground\"\n              onClick={() => setManageTagsOpen(true)}\n            >\n              <Pencil className=\"mr-1 size-3\" />\n              {t('customers.people.detail.actions.manageTags', 'Edit tags')}\n            </Button>\n          </div>\n        </div>\n\n        {/* Right side: actions */}\n        <div className=\"flex w-full shrink-0 items-center justify-start gap-2 sm:w-auto sm:justify-end\">\n          <IconButton\n            variant=\"outline\"\n            size=\"sm\"\n            type=\"button\"\n            aria-label={t('customers.people.detail.actions.delete', 'Delete')}\n            onClick={() => {\n              void onDelete()\n            }}\n          >\n            <Trash2 className=\"size-4\" />\n          </IconButton>\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            onClick={onSave}\n            disabled={!isDirty || isSaving}\n          >\n            {t('customers.people.detail.actions.save', 'Save')}\n          </Button>\n        </div>\n      </div>\n      <PersonTagsDialog\n        open={manageTagsOpen}\n        onClose={() => setManageTagsOpen(false)}\n        personId={person.id}\n        personOrganizationId={person.organizationId ?? null}\n        personData={{\n          status: person.status,\n          lifecycleStage: person.lifecycleStage,\n          source: person.source,\n          temperature: person.temperature,\n          renewalQuarter: person.renewalQuarter,\n          jobTitle: data.profile?.jobTitle ?? null,\n          customFields: data.customFields,\n          tags: data.tags,\n        }}\n        onSaved={() => {\n          // Invalidate dictionary caches so header badges pick up fresh colors\n          void invalidateCustomerDictionary(queryClient, 'statuses')\n          void invalidateCustomerDictionary(queryClient, 'lifecycle-stages')\n          void invalidateCustomerDictionary(queryClient, 'sources')\n          void invalidateCustomerDictionary(queryClient, 'temperature')\n          void invalidateCustomerDictionary(queryClient, 'renewal-quarters')\n          onDataReload?.()\n        }}\n      />\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,122 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "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 {
+  SquareCheckBig,
+  Briefcase,
+  Building2,
+  Check,
+  History,
+  Paperclip
+} from "lucide-react";
+const SUPPORTED_TAB_IDS = /* @__PURE__ */ new Set(["activities", "deals", "companies", "tasks", "changelog", "files"]);
+function resolveLegacyTab(tab) {
+  if (!tab) return "activities";
+  return SUPPORTED_TAB_IDS.has(tab) ? tab : "activities";
+}
+function CountBadge({ count }) {
+  if (count <= 0) return null;
+  return /* @__PURE__ */ jsx("span", { className: "ml-1 rounded-full bg-muted px-1.5 py-0.5 text-xs font-medium leading-none text-muted-foreground", children: count > 999 ? "999+" : count });
+}
+function NewBadge() {
+  return /* @__PURE__ */ jsx("span", { className: "ml-1.5 rounded bg-foreground px-1.5 py-0.5 text-overline font-semibold leading-none text-background", children: "NEW" });
+}
+function PersonDetailTabs({
+  activeTab,
+  onTabChange,
+  injectedTabs = [],
+  activitiesCount = 0,
+  dealsCount = 0,
+  companiesCount = 0,
+  tasksCount = 0,
+  filesCount = 0,
+  children
+}) {
+  const t = useT();
+  const builtInTabs = React.useMemo(
+    () => [
+      {
+        id: "activities",
+        label: t("customers.people.detail.tabs.activities", "Activities"),
+        icon: /* @__PURE__ */ jsx(SquareCheckBig, { className: "size-4" }),
+        badge: /* @__PURE__ */ jsx(CountBadge, { count: activitiesCount })
+      },
+      {
+        id: "deals",
+        label: t("customers.people.detail.tabs.deals", "Deals"),
+        icon: /* @__PURE__ */ jsx(Briefcase, { className: "size-4" }),
+        badge: /* @__PURE__ */ jsx(CountBadge, { count: dealsCount })
+      },
+      {
+        id: "companies",
+        label: t("customers.people.detail.tabs.companies", "Companies"),
+        icon: /* @__PURE__ */ jsx(Building2, { className: "size-4" }),
+        badge: /* @__PURE__ */ jsx(CountBadge, { count: companiesCount })
+      },
+      {
+        id: "tasks",
+        label: t("customers.people.detail.tabs.tasks", "Tasks"),
+        icon: /* @__PURE__ */ jsx(Check, { className: "size-4" }),
+        badge: /* @__PURE__ */ jsx(CountBadge, { count: tasksCount })
+      },
+      {
+        id: "changelog",
+        label: t("customers.people.detail.tabs.changelog", "Change log"),
+        icon: /* @__PURE__ */ jsx(History, { className: "size-4" }),
+        badge: /* @__PURE__ */ jsx(NewBadge, {})
+      },
+      {
+        id: "files",
+        label: t("customers.people.detail.tabs.files", "Files"),
+        icon: /* @__PURE__ */ jsx(Paperclip, { className: "size-4" }),
+        badge: /* @__PURE__ */ jsx(CountBadge, { count: filesCount })
+      }
+    ],
+    [t, activitiesCount, dealsCount, companiesCount, tasksCount, filesCount]
+  );
+  const allTabs = React.useMemo(
+    () => [
+      ...builtInTabs,
+      ...injectedTabs.map((tab) => ({
+        id: tab.id,
+        label: tab.label
+      }))
+    ],
+    [builtInTabs, injectedTabs]
+  );
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("div", { className: "border-b", role: "tablist", "aria-label": t("customers.people.detail.tabs.label", "Person detail sections"), children: /* @__PURE__ */ jsx("nav", { className: "-mb-px flex gap-1 overflow-x-auto px-1", children: allTabs.map((tab) => {
+      const isActive = activeTab === tab.id;
+      return /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          role: "tab",
+          "aria-selected": isActive,
+          onClick: () => onTabChange(tab.id),
+          className: cn(
+            "h-auto shrink-0 rounded-none border-b-2 px-3 py-2.5 hover:bg-transparent",
+            isActive ? "border-foreground text-foreground font-semibold" : "border-transparent text-muted-foreground hover:text-foreground"
+          ),
+          children: [
+            tab.icon && /* @__PURE__ */ jsx("span", { className: "mr-1.5", children: tab.icon }),
+            tab.label,
+            tab.badge
+          ]
+        },
+        tab.id
+      );
+    }) }) }),
+    /* @__PURE__ */ jsx("div", { className: "pt-6", children })
+  ] });
+}
+export {
+  PersonDetailTabs,
+  resolveLegacyTab
+};
+//# sourceMappingURL=PersonDetailTabs.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/customers/components/detail/PersonDetailTabs.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from '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 {\n  SquareCheckBig,\n  Briefcase,\n  Building2,\n  Check,\n  History,\n  Paperclip,\n} from 'lucide-react'\n\nexport type PersonTabId =\n  | 'activities'\n  | 'deals'\n  | 'companies'\n  | 'tasks'\n  | 'changelog'\n  | 'files'\n  | string\n\ntype TabDef = {\n  id: PersonTabId\n  label: string\n  icon?: React.ReactNode\n  badge?: React.ReactNode\n}\n\ntype PersonDetailTabsProps = {\n  activeTab: PersonTabId\n  onTabChange: (tab: PersonTabId) => void\n  injectedTabs?: Array<{ id: string; label: string }>\n  activitiesCount?: number\n  dealsCount?: number\n  companiesCount?: number\n  tasksCount?: number\n  filesCount?: number\n  children: React.ReactNode\n}\n\nconst SUPPORTED_TAB_IDS = new Set<PersonTabId>(['activities', 'deals', 'companies', 'tasks', 'changelog', 'files'])\n\nexport function resolveLegacyTab(tab: string | null | undefined): PersonTabId {\n  if (!tab) return 'activities'\n  return SUPPORTED_TAB_IDS.has(tab as PersonTabId) ? (tab as PersonTabId) : 'activities'\n}\n\nfunction CountBadge({ count }: { count: number }) {\n  if (count <= 0) return null\n  return (\n    <span className=\"ml-1 rounded-full bg-muted px-1.5 py-0.5 text-xs font-medium leading-none text-muted-foreground\">\n      {count > 999 ? '999+' : count}\n    </span>\n  )\n}\n\nfunction NewBadge() {\n  return (\n    <span className=\"ml-1.5 rounded bg-foreground px-1.5 py-0.5 text-overline font-semibold leading-none text-background\">\n      NEW\n    </span>\n  )\n}\n\nexport function PersonDetailTabs({\n  activeTab,\n  onTabChange,\n  injectedTabs = [],\n  activitiesCount = 0,\n  dealsCount = 0,\n  companiesCount = 0,\n  tasksCount = 0,\n  filesCount = 0,\n  children,\n}: PersonDetailTabsProps) {\n  const t = useT()\n\n  const builtInTabs: TabDef[] = React.useMemo(\n    () => [\n      {\n        id: 'activities',\n        label: t('customers.people.detail.tabs.activities', 'Activities'),\n        icon: <SquareCheckBig className=\"size-4\" />,\n        badge: <CountBadge count={activitiesCount} />,\n      },\n      {\n        id: 'deals',\n        label: t('customers.people.detail.tabs.deals', 'Deals'),\n        icon: <Briefcase className=\"size-4\" />,\n        badge: <CountBadge count={dealsCount} />,\n      },\n      {\n        id: 'companies',\n        label: t('customers.people.detail.tabs.companies', 'Companies'),\n        icon: <Building2 className=\"size-4\" />,\n        badge: <CountBadge count={companiesCount} />,\n      },\n      {\n        id: 'tasks',\n        label: t('customers.people.detail.tabs.tasks', 'Tasks'),\n        icon: <Check className=\"size-4\" />,\n        badge: <CountBadge count={tasksCount} />,\n      },\n      {\n        id: 'changelog',\n        label: t('customers.people.detail.tabs.changelog', 'Change log'),\n        icon: <History className=\"size-4\" />,\n        badge: <NewBadge />,\n      },\n      {\n        id: 'files',\n        label: t('customers.people.detail.tabs.files', 'Files'),\n        icon: <Paperclip className=\"size-4\" />,\n        badge: <CountBadge count={filesCount} />,\n      },\n    ],\n    [t, activitiesCount, dealsCount, companiesCount, tasksCount, filesCount],\n  )\n\n  const allTabs: TabDef[] = React.useMemo(\n    () => [\n      ...builtInTabs,\n      ...injectedTabs.map((tab) => ({\n        id: tab.id as PersonTabId,\n        label: tab.label,\n      })),\n    ],\n    [builtInTabs, injectedTabs],\n  )\n\n  return (\n    <div>\n      {/* Tab navigation \u2014 full width above both zones */}\n      <div className=\"border-b\" role=\"tablist\" aria-label={t('customers.people.detail.tabs.label', 'Person detail sections')}>\n        <nav className=\"-mb-px flex gap-1 overflow-x-auto px-1\">\n          {allTabs.map((tab) => {\n            const isActive = activeTab === tab.id\n            return (\n              <Button\n                key={tab.id}\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                role=\"tab\"\n                aria-selected={isActive}\n                onClick={() => onTabChange(tab.id)}\n                className={cn(\n                  'h-auto shrink-0 rounded-none border-b-2 px-3 py-2.5 hover:bg-transparent',\n                  isActive\n                    ? 'border-foreground text-foreground font-semibold'\n                    : 'border-transparent text-muted-foreground hover:text-foreground',\n                )}\n              >\n                {tab.icon && <span className=\"mr-1.5\">{tab.icon}</span>}\n                {tab.label}\n                {tab.badge}\n              </Button>\n            )\n          })}\n        </nav>\n      </div>\n\n      {/* Two-column content below tabs */}\n      <div className=\"pt-6\">\n        {children}\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,24 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { EntityTagsDialog } from "./EntityTagsDialog.js";
+function PersonTagsDialog({
+  personId,
+  personOrganizationId,
+  personData,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    EntityTagsDialog,
+    {
+      ...props,
+      entityId: personId,
+      entityType: "person",
+      entityOrganizationId: personOrganizationId,
+      entityData: personData
+    }
+  );
+}
+export {
+  PersonTagsDialog
+};
+//# sourceMappingURL=PersonTagsDialog.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/customers/components/detail/PersonTagsDialog.tsx"],
+  "sourcesContent": ["'use client'\n\nimport { EntityTagsDialog, type EntityTagsDialogProps } from './EntityTagsDialog'\n\ntype PersonTagsDialogProps = Omit<EntityTagsDialogProps, 'entityId' | 'entityType' | 'entityOrganizationId' | 'entityData'> & {\n  personId: string\n  personOrganizationId: string | null\n  personData: EntityTagsDialogProps['entityData']\n}\n\nexport function PersonTagsDialog({\n  personId,\n  personOrganizationId,\n  personData,\n  ...props\n}: PersonTagsDialogProps) {\n  return (\n    <EntityTagsDialog\n      {...props}\n      entityId={personId}\n      entityType=\"person\"\n      entityOrganizationId={personOrganizationId}\n      entityData={personData}\n    />\n  )\n}\n"],
+  "mappings": ";AAiBI;AAfJ,SAAS,wBAAoD;AAQtD,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA0B;AACxB,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,UAAU;AAAA,MACV,YAAW;AAAA,MACX,sBAAsB;AAAA,MACtB,YAAY;AAAA;AAAA,EACd;AAEJ;",
+  "names": []
+}

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

@@ -0,0 +1,191 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Check } from "lucide-react";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { isTerminalPipelineOutcomeLabel } from "./pipelineStageUtils.js";
+function isTerminalOutcomeStage(stage) {
+  return isTerminalPipelineOutcomeLabel(stage.label);
+}
+function formatTransitionDate(value, t) {
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return t("customers.deals.detail.pipeline.current", "current");
+  return date.toLocaleDateString(void 0, { month: "short", day: "numeric" });
+}
+function formatStageSubtitle(transition, isCurrent, t) {
+  if (transition && isCurrent) {
+    return t("customers.deals.detail.pipeline.currentWithDate", "{{date}} \xB7 {{state}}", {
+      date: formatTransitionDate(transition.transitionedAt, t),
+      state: t("customers.deals.detail.pipeline.current", "current")
+    });
+  }
+  if (transition) return formatTransitionDate(transition.transitionedAt, t);
+  if (isCurrent) return t("customers.deals.detail.pipeline.current", "current");
+  return "\u2014";
+}
+function PipelineStepper({
+  stages,
+  transitions,
+  currentStageId,
+  pipelineName,
+  closureOutcome = null,
+  footer = null
+}) {
+  const t = useT();
+  const allStages = React.useMemo(
+    () => [...stages].sort((left, right) => left.order - right.order),
+    [stages]
+  );
+  const sortedStages = React.useMemo(
+    () => allStages.filter((stage) => !isTerminalOutcomeStage(stage)),
+    [allStages]
+  );
+  const transitionByStageId = React.useMemo(
+    () => new Map(transitions.map((transition) => [transition.stageId, transition])),
+    [transitions]
+  );
+  const lastVisibleTransitionStage = React.useMemo(() => {
+    const transitionedStageIds = new Set(transitions.map((transition) => transition.stageId));
+    const visibleTransitionStages = sortedStages.filter((stage) => transitionedStageIds.has(stage.id));
+    return visibleTransitionStages[visibleTransitionStages.length - 1] ?? null;
+  }, [sortedStages, transitions]);
+  const currentVisibleStage = React.useMemo(() => {
+    const exactVisibleStage = sortedStages.find((stage) => stage.id === currentStageId) ?? null;
+    if (exactVisibleStage) return exactVisibleStage;
+    const currentStage = allStages.find((stage) => stage.id === currentStageId) ?? null;
+    if (currentStage && isTerminalOutcomeStage(currentStage)) {
+      const earlierVisibleStages = sortedStages.filter((stage) => stage.order < currentStage.order);
+      return earlierVisibleStages[earlierVisibleStages.length - 1] ?? sortedStages[sortedStages.length - 1] ?? null;
+    }
+    return lastVisibleTransitionStage;
+  }, [allStages, currentStageId, lastVisibleTransitionStage, sortedStages]);
+  const currentIndex = currentVisibleStage ? sortedStages.findIndex((stage) => stage.id === currentVisibleStage.id) : -1;
+  const compactStage = currentVisibleStage ?? sortedStages[0] ?? null;
+  const renderClosedProgress = closureOutcome !== null;
+  const progressValue = currentIndex >= 0 ? currentIndex + 1 : 0;
+  const progressValueText = renderClosedProgress ? closureOutcome === "won" ? t("customers.deals.detail.pipeline.ariaClosedWon", "Pipeline closed \u2014 deal won.") : t("customers.deals.detail.pipeline.ariaClosedLost", "Pipeline closed \u2014 deal lost.") : t("customers.deals.detail.pipeline.ariaValueText", "Stage {{current}} of {{total}}: {{label}}", {
+    current: progressValue,
+    total: sortedStages.length,
+    label: currentVisibleStage?.label ?? t("customers.deals.detail.pipeline.noCurrent", "no current stage")
+  });
+  const progressLabel = pipelineName ? t("customers.deals.detail.pipeline.ariaLabelNamed", "Pipeline progress \u2014 {{name}}", { name: pipelineName }) : t("customers.deals.detail.pipeline.ariaLabel", "Pipeline progress");
+  if (!sortedStages.length) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "rounded-lg border border-border bg-card px-5 py-3.5 sm:px-6",
+      role: "progressbar",
+      "aria-label": progressLabel,
+      "aria-valuemin": 0,
+      "aria-valuemax": sortedStages.length,
+      "aria-valuenow": progressValue,
+      "aria-valuetext": progressValueText,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "mb-5 flex flex-wrap items-center gap-2 text-xs leading-none", children: [
+          /* @__PURE__ */ jsx("p", { className: "font-semibold uppercase tracking-[0.02em] text-muted-foreground", children: t("customers.deals.detail.pipeline.label", "Pipeline stages") }),
+          /* @__PURE__ */ jsx("span", { className: "text-border", children: "\xB7" }),
+          /* @__PURE__ */ jsx("p", { className: "font-normal text-muted-foreground", children: t("customers.deals.detail.pipeline.stageOf", "Stage {{current}} of {{total}}", {
+            current: currentIndex >= 0 ? currentIndex + 1 : 0,
+            total: sortedStages.length
+          }) }),
+          /* @__PURE__ */ jsx("span", { className: "text-border", children: "\xB7" }),
+          /* @__PURE__ */ jsx("p", { className: "font-normal text-muted-foreground", children: pipelineName ?? t("customers.deals.detail.pipeline.defaultName", "Current pipeline") })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "space-y-4 sm:hidden", children: compactStage ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "rounded-lg border border-border bg-muted/20 px-4 py-4",
+            "aria-current": !renderClosedProgress && compactStage.id === currentVisibleStage?.id ? "step" : void 0,
+            children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "flex size-9 items-center justify-center rounded-full border-2 bg-background text-foreground",
+                    renderClosedProgress ? "border-status-success-icon bg-status-success-icon text-white" : "border-foreground"
+                  ),
+                  children: renderClosedProgress ? /* @__PURE__ */ jsx(Check, { className: "size-4 stroke-[2.5]" }) : /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold leading-none", children: (currentIndex >= 0 ? currentIndex : 0) + 1 })
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-semibold text-foreground", children: compactStage.label }),
+                /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: formatStageSubtitle(transitionByStageId.get(compactStage.id) ?? null, !renderClosedProgress, t) })
+              ] })
+            ] })
+          }
+        ) : null }),
+        /* @__PURE__ */ jsx("div", { className: "hidden min-h-[115px] items-start sm:flex", children: sortedStages.map((stage, index) => {
+          const transition = transitionByStageId.get(stage.id) ?? null;
+          const isCurrent = !renderClosedProgress && currentVisibleStage?.id === stage.id;
+          const isCompleted = renderClosedProgress ? currentIndex >= 0 && index <= currentIndex : !isCurrent && (transition !== null || currentIndex >= 0 && index < currentIndex);
+          const isFuture = !isCurrent && !isCompleted;
+          const isFirst = index === 0;
+          const isLast = index === sortedStages.length - 1;
+          const beforeFilled = renderClosedProgress ? index <= currentIndex : index <= currentIndex;
+          const afterFilled = renderClosedProgress ? index < currentIndex : index < currentIndex;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "flex min-w-0 flex-1 flex-col items-center justify-center gap-2",
+              "aria-current": isCurrent ? "step" : void 0,
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center", "aria-hidden": "true", children: [
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: cn(
+                        "h-[2px] flex-1",
+                        isFirst ? "bg-transparent" : beforeFilled ? "bg-status-success-icon" : "bg-border/60"
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: cn(
+                        "mx-0 flex size-9 items-center justify-center rounded-full border-2 text-sm leading-none transition-colors",
+                        isCurrent && "border-foreground bg-background font-bold text-foreground",
+                        isCompleted && !isCurrent && "border-status-success-icon bg-status-success-icon text-white",
+                        isFuture && "border-border bg-background font-medium text-muted-foreground"
+                      ),
+                      children: isCompleted ? /* @__PURE__ */ jsx(Check, { className: "size-4 stroke-[2.5]" }) : /* @__PURE__ */ jsx("span", { children: index + 1 })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: cn(
+                        "h-[2px] flex-1",
+                        isLast ? "bg-transparent" : afterFilled ? "bg-status-success-icon" : "bg-border/60"
+                      )
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex max-w-[12rem] flex-col items-center gap-0.5 text-center", children: [
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: cn(
+                        "text-xs leading-[1.2]",
+                        isCurrent ? "font-bold text-foreground" : isFuture ? "font-medium text-muted-foreground" : "font-semibold text-foreground"
+                      ),
+                      children: stage.label
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: formatStageSubtitle(transition, isCurrent, t) })
+                ] })
+              ]
+            },
+            stage.id
+          );
+        }) }),
+        footer ? /* @__PURE__ */ jsx("div", { className: "mt-5 border-t border-border/80 pt-4", children: footer }) : null
+      ]
+    }
+  );
+}
+export {
+  PipelineStepper
+};
+//# sourceMappingURL=PipelineStepper.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/customers/components/detail/PipelineStepper.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Check } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { isTerminalPipelineOutcomeLabel } from './pipelineStageUtils'\n\ntype PipelineStageInfo = {\n  id: string\n  label: string\n  order: number\n  color?: string | null\n  icon?: string | null\n}\n\ntype StageTransitionInfo = {\n  stageId: string\n  stageLabel: string\n  stageOrder: number\n  transitionedAt: string\n}\n\ntype PipelineStepperProps = {\n  stages: PipelineStageInfo[]\n  transitions: StageTransitionInfo[]\n  currentStageId: string | null\n  pipelineName?: string | null\n  closureOutcome?: 'won' | 'lost' | null\n  footer?: React.ReactNode\n}\n\nfunction isTerminalOutcomeStage(stage: PipelineStageInfo): boolean {\n  return isTerminalPipelineOutcomeLabel(stage.label)\n}\n\nfunction formatTransitionDate(value: string, t: ReturnType<typeof useT>): string {\n  const date = new Date(value)\n  if (Number.isNaN(date.getTime())) return t('customers.deals.detail.pipeline.current', 'current')\n  return date.toLocaleDateString(undefined, { month: 'short', day: 'numeric' })\n}\n\nfunction formatStageSubtitle(\n  transition: StageTransitionInfo | null,\n  isCurrent: boolean,\n  t: ReturnType<typeof useT>,\n): string {\n  if (transition && isCurrent) {\n    return t('customers.deals.detail.pipeline.currentWithDate', '{{date}} \u00B7 {{state}}', {\n      date: formatTransitionDate(transition.transitionedAt, t),\n      state: t('customers.deals.detail.pipeline.current', 'current'),\n    })\n  }\n  if (transition) return formatTransitionDate(transition.transitionedAt, t)\n  if (isCurrent) return t('customers.deals.detail.pipeline.current', 'current')\n  return '\u2014'\n}\n\nexport function PipelineStepper({\n  stages,\n  transitions,\n  currentStageId,\n  pipelineName,\n  closureOutcome = null,\n  footer = null,\n}: PipelineStepperProps) {\n  const t = useT()\n  const allStages = React.useMemo(\n    () => [...stages].sort((left, right) => left.order - right.order),\n    [stages],\n  )\n  const sortedStages = React.useMemo(\n    () => allStages.filter((stage) => !isTerminalOutcomeStage(stage)),\n    [allStages],\n  )\n  const transitionByStageId = React.useMemo(\n    () => new Map(transitions.map((transition) => [transition.stageId, transition])),\n    [transitions],\n  )\n  const lastVisibleTransitionStage = React.useMemo(() => {\n    const transitionedStageIds = new Set(transitions.map((transition) => transition.stageId))\n    const visibleTransitionStages = sortedStages.filter((stage) => transitionedStageIds.has(stage.id))\n    return visibleTransitionStages[visibleTransitionStages.length - 1] ?? null\n  }, [sortedStages, transitions])\n  const currentVisibleStage = React.useMemo(() => {\n    const exactVisibleStage = sortedStages.find((stage) => stage.id === currentStageId) ?? null\n    if (exactVisibleStage) return exactVisibleStage\n    const currentStage = allStages.find((stage) => stage.id === currentStageId) ?? null\n    if (currentStage && isTerminalOutcomeStage(currentStage)) {\n      const earlierVisibleStages = sortedStages.filter((stage) => stage.order < currentStage.order)\n      return earlierVisibleStages[earlierVisibleStages.length - 1] ?? sortedStages[sortedStages.length - 1] ?? null\n    }\n    return lastVisibleTransitionStage\n  }, [allStages, currentStageId, lastVisibleTransitionStage, sortedStages])\n  const currentIndex = currentVisibleStage ? sortedStages.findIndex((stage) => stage.id === currentVisibleStage.id) : -1\n  const compactStage = currentVisibleStage ?? sortedStages[0] ?? null\n  const renderClosedProgress = closureOutcome !== null\n  const progressValue = currentIndex >= 0 ? currentIndex + 1 : 0\n  const progressValueText = renderClosedProgress\n    ? closureOutcome === 'won'\n      ? t('customers.deals.detail.pipeline.ariaClosedWon', 'Pipeline closed \u2014 deal won.')\n      : t('customers.deals.detail.pipeline.ariaClosedLost', 'Pipeline closed \u2014 deal lost.')\n    : t('customers.deals.detail.pipeline.ariaValueText', 'Stage {{current}} of {{total}}: {{label}}', {\n        current: progressValue,\n        total: sortedStages.length,\n        label: currentVisibleStage?.label ?? t('customers.deals.detail.pipeline.noCurrent', 'no current stage'),\n      })\n  const progressLabel = pipelineName\n    ? t('customers.deals.detail.pipeline.ariaLabelNamed', 'Pipeline progress \u2014 {{name}}', { name: pipelineName })\n    : t('customers.deals.detail.pipeline.ariaLabel', 'Pipeline progress')\n\n  if (!sortedStages.length) return null\n\n  return (\n    <div\n      className=\"rounded-lg border border-border bg-card px-5 py-3.5 sm:px-6\"\n      role=\"progressbar\"\n      aria-label={progressLabel}\n      aria-valuemin={0}\n      aria-valuemax={sortedStages.length}\n      aria-valuenow={progressValue}\n      aria-valuetext={progressValueText}\n    >\n      <div className=\"mb-5 flex flex-wrap items-center gap-2 text-xs leading-none\">\n        <p className=\"font-semibold uppercase tracking-[0.02em] text-muted-foreground\">\n          {t('customers.deals.detail.pipeline.label', 'Pipeline stages')}\n        </p>\n        <span className=\"text-border\">\u00B7</span>\n        <p className=\"font-normal text-muted-foreground\">\n          {t('customers.deals.detail.pipeline.stageOf', 'Stage {{current}} of {{total}}', {\n            current: currentIndex >= 0 ? currentIndex + 1 : 0,\n            total: sortedStages.length,\n          })}\n        </p>\n        <span className=\"text-border\">\u00B7</span>\n        <p className=\"font-normal text-muted-foreground\">\n          {pipelineName ?? t('customers.deals.detail.pipeline.defaultName', 'Current pipeline')}\n        </p>\n      </div>\n\n      <div className=\"space-y-4 sm:hidden\">\n        {compactStage ? (\n          <div\n            className=\"rounded-lg border border-border bg-muted/20 px-4 py-4\"\n            aria-current={!renderClosedProgress && compactStage.id === currentVisibleStage?.id ? 'step' : undefined}\n          >\n            <div className=\"flex items-center gap-3\">\n              <div\n                className={cn(\n                  'flex size-9 items-center justify-center rounded-full border-2 bg-background text-foreground',\n                  renderClosedProgress ? 'border-status-success-icon bg-status-success-icon text-white' : 'border-foreground',\n                )}\n              >\n                {renderClosedProgress ? (\n                  <Check className=\"size-4 stroke-[2.5]\" />\n                ) : (\n                  <span className=\"text-sm font-semibold leading-none\">\n                    {(currentIndex >= 0 ? currentIndex : 0) + 1}\n                  </span>\n                )}\n              </div>\n              <div className=\"min-w-0\">\n                <div className=\"truncate text-sm font-semibold text-foreground\">{compactStage.label}</div>\n                <div className=\"text-xs text-muted-foreground\">\n                  {formatStageSubtitle(transitionByStageId.get(compactStage.id) ?? null, !renderClosedProgress, t)}\n                </div>\n              </div>\n            </div>\n          </div>\n        ) : null}\n      </div>\n\n      <div className=\"hidden min-h-[115px] items-start sm:flex\">\n        {sortedStages.map((stage, index) => {\n          const transition = transitionByStageId.get(stage.id) ?? null\n          const isCurrent = !renderClosedProgress && currentVisibleStage?.id === stage.id\n          const isCompleted = renderClosedProgress\n            ? currentIndex >= 0 && index <= currentIndex\n            : !isCurrent && (transition !== null || (currentIndex >= 0 && index < currentIndex))\n          const isFuture = !isCurrent && !isCompleted\n          const isFirst = index === 0\n          const isLast = index === sortedStages.length - 1\n          const beforeFilled = renderClosedProgress ? index <= currentIndex : index <= currentIndex\n          const afterFilled = renderClosedProgress ? index < currentIndex : index < currentIndex\n\n          return (\n            <div\n              key={stage.id}\n              className=\"flex min-w-0 flex-1 flex-col items-center justify-center gap-2\"\n              aria-current={isCurrent ? 'step' : undefined}\n            >\n              <div className=\"flex w-full items-center\" aria-hidden=\"true\">\n                <div\n                  className={cn(\n                    'h-[2px] flex-1',\n                    isFirst ? 'bg-transparent' : beforeFilled ? 'bg-status-success-icon' : 'bg-border/60',\n                  )}\n                />\n                <div\n                  className={cn(\n                    'mx-0 flex size-9 items-center justify-center rounded-full border-2 text-sm leading-none transition-colors',\n                    isCurrent && 'border-foreground bg-background font-bold text-foreground',\n                    isCompleted && !isCurrent && 'border-status-success-icon bg-status-success-icon text-white',\n                    isFuture && 'border-border bg-background font-medium text-muted-foreground',\n                  )}\n                >\n                  {isCompleted ? (\n                    <Check className=\"size-4 stroke-[2.5]\" />\n                  ) : (\n                    <span>{index + 1}</span>\n                  )}\n                </div>\n                <div\n                  className={cn(\n                    'h-[2px] flex-1',\n                    isLast ? 'bg-transparent' : afterFilled ? 'bg-status-success-icon' : 'bg-border/60',\n                  )}\n                />\n              </div>\n              <div className=\"flex max-w-[12rem] flex-col items-center gap-0.5 text-center\">\n                <div\n                  className={cn(\n                    'text-xs leading-[1.2]',\n                    isCurrent ? 'font-bold text-foreground' : isFuture ? 'font-medium text-muted-foreground' : 'font-semibold text-foreground',\n                  )}\n                >\n                  {stage.label}\n                </div>\n                <div className=\"text-xs text-muted-foreground\">\n                  {formatStageSubtitle(transition, isCurrent, t)}\n                </div>\n              </div>\n            </div>\n          )\n        })}\n      </div>\n\n      {footer ? (\n        <div className=\"mt-5 border-t border-border/80 pt-4\">\n          {footer}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}