@open-mercato/core 0.6.1-develop.3069.d40b4417a9 → 0.6.1-develop.3090.06ab462170

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { Phone, Mail, Users, StickyNote, SlidersHorizontal } from "lucide-react";
+import { Phone, Mail, Users, StickyNote, ListTodo, SlidersHorizontal } from "lucide-react";
 import { cn } from "@open-mercato/shared/lib/utils";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { Button } from "@open-mercato/ui/primitives/button";
@@ -12,7 +12,8 @@ const FILTER_TYPES = [
   { type: "note", icon: StickyNote },
   { type: "call", icon: Phone },
   { type: "meeting", icon: Users },
-  { type: "email", icon: Mail }
+  { type: "email", icon: Mail },
+  { type: "task", icon: ListTodo }
 ];
 const CHIP_BASE = "inline-flex h-7 items-center gap-1.5 rounded-lg px-2.5 text-sm font-medium transition-colors";
 const CHIP_INACTIVE = "border border-border bg-card text-muted-foreground hover:bg-accent/40";
@@ -36,11 +37,19 @@ function ActivityTimelineFilters({
     const controller = new AbortController();
     void (async () => {
       try {
-        const nextCounts = await readApiResultOrThrow(
+        const payload = await readApiResultOrThrow(
           `/api/customers/interactions/counts?entityId=${encodeURIComponent(entityId)}`,
           { signal: controller.signal }
         );
-        setCounts(nextCounts);
+        const source = payload.result ?? payload;
+        setCounts({
+          call: source.call ?? 0,
+          email: source.email ?? 0,
+          meeting: source.meeting ?? 0,
+          note: source.note ?? 0,
+          task: source.task ?? 0,
+          total: source.total ?? 0
+        });
       } catch {
         setCounts(null);
       }
@@ -60,9 +69,11 @@ function ActivityTimelineFilters({
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2.5", children: [
       /* @__PURE__ */ jsx(
-        "button",
+        Button,
         {
           type: "button",
+          variant: "ghost",
+          size: "sm",
           onClick: handleSelectAll,
           "aria-pressed": allActive,
           className: cn(CHIP_BASE, allActive ? CHIP_ACTIVE : CHIP_INACTIVE),
@@ -74,9 +85,11 @@ function ActivityTimelineFilters({
         const count = counts?.[type];
         const hasCount = typeof count === "number" && count > 0;
         return /* @__PURE__ */ jsxs(
-          "button",
+          Button,
           {
             type: "button",
+            variant: "ghost",
+            size: "sm",
             onClick: () => handleTypeToggle(type),
             "aria-pressed": isActive,
             className: cn(CHIP_BASE, isActive ? CHIP_ACTIVE : CHIP_INACTIVE),

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/customers/components/detail/ActivityTimelineFilters.tsx"],
-  "sourcesContent": ["'use client'\nimport * as React from 'react'\nimport { Phone, Mail, Users, StickyNote, SlidersHorizontal } 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 { Popover, PopoverContent, PopoverTrigger } from '@open-mercato/ui/primitives/popover'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\n\nconst FILTER_TYPES = [\n  { type: 'note', icon: StickyNote },\n  { type: 'call', icon: Phone },\n  { type: 'meeting', icon: Users },\n  { type: 'email', icon: Mail },\n] as const\n\ntype InteractionCounts = {\n  call: number\n  email: number\n  meeting: number\n  note: number\n  total: number\n}\n\ninterface ActivityTimelineFiltersProps {\n  entityId: string | null\n  activeTypes: string[]\n  dateFrom: string\n  dateTo: string\n  onTypesChange: (types: string[]) => void\n  onDateFromChange: (value: string) => void\n  onDateToChange: (value: string) => void\n  onReset: () => void\n}\n\nconst CHIP_BASE = 'inline-flex h-7 items-center gap-1.5 rounded-lg px-2.5 text-sm font-medium transition-colors'\nconst CHIP_INACTIVE = 'border border-border bg-card text-muted-foreground hover:bg-accent/40'\nconst CHIP_ACTIVE = 'border border-status-info-border bg-status-info-bg text-status-info-text'\n\nexport function ActivityTimelineFilters({\n  entityId,\n  activeTypes,\n  dateFrom,\n  dateTo,\n  onTypesChange,\n  onDateFromChange,\n  onDateToChange,\n  onReset,\n}: ActivityTimelineFiltersProps) {\n  const t = useT()\n  const hasActiveFilters = activeTypes.length > 0 || dateFrom || dateTo\n  const allActive = activeTypes.length === 0\n  const [counts, setCounts] = React.useState<InteractionCounts | null>(null)\n\n  React.useEffect(() => {\n    if (!entityId) return\n    const controller = new AbortController()\n    void (async () => {\n      try {\n        const nextCounts = await readApiResultOrThrow<InteractionCounts>(\n          `/api/customers/interactions/counts?entityId=${encodeURIComponent(entityId)}`,\n          { signal: controller.signal },\n        )\n        setCounts(nextCounts)\n      } catch {\n        setCounts(null)\n      }\n    })()\n    return () => controller.abort()\n  }, [entityId])\n\n  const handleTypeToggle = React.useCallback((type: string) => {\n    if (activeTypes.includes(type)) {\n      onTypesChange(activeTypes.filter((filterType) => filterType !== type))\n    } else {\n      onTypesChange([...activeTypes, type])\n    }\n  }, [activeTypes, onTypesChange])\n\n  const handleSelectAll = React.useCallback(() => {\n    onTypesChange([])\n  }, [onTypesChange])\n\n  return (\n    <div className=\"flex flex-col gap-3 md:flex-row md:items-center md:justify-between\">\n      <div className=\"flex flex-wrap items-center gap-2.5\">\n        <button\n          type=\"button\"\n          onClick={handleSelectAll}\n          aria-pressed={allActive}\n          className={cn(CHIP_BASE, allActive ? CHIP_ACTIVE : CHIP_INACTIVE)}\n        >\n          <span>{t('customers.timeline.filter.all', 'All Activities')}</span>\n        </button>\n\n        {FILTER_TYPES.map(({ type, icon: Icon }) => {\n          const isActive = activeTypes.includes(type)\n          const count = counts?.[type as keyof InteractionCounts]\n          const hasCount = typeof count === 'number' && count > 0\n          return (\n            <button\n              key={type}\n              type=\"button\"\n              onClick={() => handleTypeToggle(type)}\n              aria-pressed={isActive}\n              className={cn(CHIP_BASE, isActive ? CHIP_ACTIVE : CHIP_INACTIVE)}\n            >\n              <Icon className=\"size-[18px] shrink-0\" />\n              <span>\n                {t(`customers.timeline.filter.${type}`, type)}\n                {hasCount ? ` ${count}` : ''}\n              </span>\n            </button>\n          )\n        })}\n      </div>\n\n      <Popover>\n        <PopoverTrigger asChild>\n          <IconButton\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            className=\"size-7 rounded-md text-muted-foreground\"\n            aria-label={t('customers.people.detail.activities.moreFilters', 'More filters')}\n          >\n            <SlidersHorizontal className=\"size-3.5\" />\n          </IconButton>\n        </PopoverTrigger>\n        <PopoverContent align=\"end\" className=\"w-72 space-y-3\">\n          <div className=\"space-y-1.5\">\n            <label className=\"text-xs font-medium\">\n              {t('customers.activities.filters.dateRange', 'Date range')}\n            </label>\n            <div className=\"flex items-center gap-2\">\n              <input\n                type=\"date\"\n                value={dateFrom}\n                onChange={(event) => onDateFromChange(event.target.value)}\n                className=\"h-8 w-full rounded-md border bg-background px-2 text-xs focus:outline-none focus:ring-1 focus:ring-ring\"\n                aria-label={t('customers.timeline.filter.from', 'From date')}\n              />\n              <span className=\"shrink-0 text-xs text-muted-foreground\">\u2014</span>\n              <input\n                type=\"date\"\n                value={dateTo}\n                onChange={(event) => onDateToChange(event.target.value)}\n                className=\"h-8 w-full rounded-md border bg-background px-2 text-xs focus:outline-none focus:ring-1 focus:ring-ring\"\n                aria-label={t('customers.timeline.filter.to', 'To date')}\n              />\n            </div>\n          </div>\n\n          {hasActiveFilters ? (\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={onReset}\n              className=\"h-7 w-full text-xs\"\n            >\n              {t('customers.activities.filters.clearAll', 'Clear filters')}\n            </Button>\n          ) : null}\n        </PopoverContent>\n      </Popover>\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\nimport * as React from 'react'\nimport { Phone, Mail, Users, StickyNote, ListTodo, SlidersHorizontal } 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 { Popover, PopoverContent, PopoverTrigger } from '@open-mercato/ui/primitives/popover'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\n\nconst FILTER_TYPES = [\n  { type: 'note', icon: StickyNote },\n  { type: 'call', icon: Phone },\n  { type: 'meeting', icon: Users },\n  { type: 'email', icon: Mail },\n  { type: 'task', icon: ListTodo },\n] as const\n\ntype InteractionCounts = {\n  call: number\n  email: number\n  meeting: number\n  note: number\n  task: number\n  total: number\n}\n\ntype InteractionCountsResponse = {\n  ok?: boolean\n  result?: InteractionCounts\n} & Partial<InteractionCounts>\n\ninterface ActivityTimelineFiltersProps {\n  entityId: string | null\n  activeTypes: string[]\n  dateFrom: string\n  dateTo: string\n  onTypesChange: (types: string[]) => void\n  onDateFromChange: (value: string) => void\n  onDateToChange: (value: string) => void\n  onReset: () => void\n}\n\nconst CHIP_BASE = 'inline-flex h-7 items-center gap-1.5 rounded-lg px-2.5 text-sm font-medium transition-colors'\nconst CHIP_INACTIVE = 'border border-border bg-card text-muted-foreground hover:bg-accent/40'\nconst CHIP_ACTIVE = 'border border-status-info-border bg-status-info-bg text-status-info-text'\n\nexport function ActivityTimelineFilters({\n  entityId,\n  activeTypes,\n  dateFrom,\n  dateTo,\n  onTypesChange,\n  onDateFromChange,\n  onDateToChange,\n  onReset,\n}: ActivityTimelineFiltersProps) {\n  const t = useT()\n  const hasActiveFilters = activeTypes.length > 0 || dateFrom || dateTo\n  const allActive = activeTypes.length === 0\n  const [counts, setCounts] = React.useState<InteractionCounts | null>(null)\n\n  React.useEffect(() => {\n    if (!entityId) return\n    const controller = new AbortController()\n    void (async () => {\n      try {\n        const payload = await readApiResultOrThrow<InteractionCountsResponse>(\n          `/api/customers/interactions/counts?entityId=${encodeURIComponent(entityId)}`,\n          { signal: controller.signal },\n        )\n        // Endpoint envelope is `{ ok, result: {...counts} }`. Some legacy fixtures\n        // return the counts at the top level \u2014 fall back to that shape so the chip\n        // badges keep working in either case.\n        const source = (payload.result ?? payload) as Partial<InteractionCounts>\n        setCounts({\n          call: source.call ?? 0,\n          email: source.email ?? 0,\n          meeting: source.meeting ?? 0,\n          note: source.note ?? 0,\n          task: source.task ?? 0,\n          total: source.total ?? 0,\n        })\n      } catch {\n        setCounts(null)\n      }\n    })()\n    return () => controller.abort()\n  }, [entityId])\n\n  const handleTypeToggle = React.useCallback((type: string) => {\n    if (activeTypes.includes(type)) {\n      onTypesChange(activeTypes.filter((filterType) => filterType !== type))\n    } else {\n      onTypesChange([...activeTypes, type])\n    }\n  }, [activeTypes, onTypesChange])\n\n  const handleSelectAll = React.useCallback(() => {\n    onTypesChange([])\n  }, [onTypesChange])\n\n  return (\n    <div className=\"flex flex-col gap-3 md:flex-row md:items-center md:justify-between\">\n      <div className=\"flex flex-wrap items-center gap-2.5\">\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"sm\"\n          onClick={handleSelectAll}\n          aria-pressed={allActive}\n          className={cn(CHIP_BASE, allActive ? CHIP_ACTIVE : CHIP_INACTIVE)}\n        >\n          <span>{t('customers.timeline.filter.all', 'All Activities')}</span>\n        </Button>\n\n        {FILTER_TYPES.map(({ type, icon: Icon }) => {\n          const isActive = activeTypes.includes(type)\n          const count = counts?.[type as keyof InteractionCounts]\n          const hasCount = typeof count === 'number' && count > 0\n          return (\n            <Button\n              key={type}\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={() => handleTypeToggle(type)}\n              aria-pressed={isActive}\n              className={cn(CHIP_BASE, isActive ? CHIP_ACTIVE : CHIP_INACTIVE)}\n            >\n              <Icon className=\"size-[18px] shrink-0\" />\n              <span>\n                {t(`customers.timeline.filter.${type}`, type)}\n                {hasCount ? ` ${count}` : ''}\n              </span>\n            </Button>\n          )\n        })}\n      </div>\n\n      <Popover>\n        <PopoverTrigger asChild>\n          <IconButton\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            className=\"size-7 rounded-md text-muted-foreground\"\n            aria-label={t('customers.people.detail.activities.moreFilters', 'More filters')}\n          >\n            <SlidersHorizontal className=\"size-3.5\" />\n          </IconButton>\n        </PopoverTrigger>\n        <PopoverContent align=\"end\" className=\"w-72 space-y-3\">\n          <div className=\"space-y-1.5\">\n            <label className=\"text-xs font-medium\">\n              {t('customers.activities.filters.dateRange', 'Date range')}\n            </label>\n            <div className=\"flex items-center gap-2\">\n              <input\n                type=\"date\"\n                value={dateFrom}\n                onChange={(event) => onDateFromChange(event.target.value)}\n                className=\"h-8 w-full rounded-md border bg-background px-2 text-xs focus:outline-none focus:ring-1 focus:ring-ring\"\n                aria-label={t('customers.timeline.filter.from', 'From date')}\n              />\n              <span className=\"shrink-0 text-xs text-muted-foreground\">\u2014</span>\n              <input\n                type=\"date\"\n                value={dateTo}\n                onChange={(event) => onDateToChange(event.target.value)}\n                className=\"h-8 w-full rounded-md border bg-background px-2 text-xs focus:outline-none focus:ring-1 focus:ring-ring\"\n                aria-label={t('customers.timeline.filter.to', 'To date')}\n              />\n            </div>\n          </div>\n\n          {hasActiveFilters ? (\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={onReset}\n              className=\"h-7 w-full text-xs\"\n            >\n              {t('customers.activities.filters.clearAll', 'Clear filters')}\n            </Button>\n          ) : null}\n        </PopoverContent>\n      </Popover>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Phone, Mail, Users, StickyNote } from "lucide-react";
+import { ListTodo, Mail, Phone, StickyNote, Users } from "lucide-react";
 import { cn } from "@open-mercato/shared/lib/utils";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { Button } from "@open-mercato/ui/primitives/button";
@@ -8,11 +8,12 @@ const ACTIVITY_TYPES = [
   { type: "call", icon: Phone, labelKey: "customers.activityComposer.types.call", fallback: "Call" },
   { type: "email", icon: Mail, labelKey: "customers.activityComposer.types.email", fallback: "Email" },
   { type: "meeting", icon: Users, labelKey: "customers.activityComposer.types.meeting", fallback: "Meeting" },
-  { type: "note", icon: StickyNote, labelKey: "customers.activityComposer.types.note", fallback: "Note" }
+  { type: "note", icon: StickyNote, labelKey: "customers.activityComposer.types.note", fallback: "Note" },
+  { type: "task", icon: ListTodo, labelKey: "customers.activityComposer.types.task", fallback: "Task" }
 ];
 function ActivityTypeSelector({ selectedType, onSelect }) {
   const t = useT();
-  return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-4 gap-2", children: ACTIVITY_TYPES.map(({ type, icon: Icon, labelKey, fallback }) => {
+  return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-5 gap-2", children: ACTIVITY_TYPES.map(({ type, icon: Icon, labelKey, fallback }) => {
     const isSelected = selectedType === type;
     return /* @__PURE__ */ jsxs(
       Button,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/customers/components/detail/ActivityTypeSelector.tsx"],
-  "sourcesContent": ["'use client'\nimport * as React from 'react'\nimport { Phone, Mail, Users, StickyNote } 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'\n\nconst ACTIVITY_TYPES = [\n  { type: 'call', icon: Phone, labelKey: 'customers.activityComposer.types.call', fallback: 'Call' },\n  { type: 'email', icon: Mail, labelKey: 'customers.activityComposer.types.email', fallback: 'Email' },\n  { type: 'meeting', icon: Users, labelKey: 'customers.activityComposer.types.meeting', fallback: 'Meeting' },\n  { type: 'note', icon: StickyNote, labelKey: 'customers.activityComposer.types.note', fallback: 'Note' },\n] as const\n\nexport type ActivityType = (typeof ACTIVITY_TYPES)[number]['type']\n\ninterface ActivityTypeSelectorProps {\n  selectedType: ActivityType | null\n  onSelect: (type: ActivityType) => void\n}\n\nexport function ActivityTypeSelector({ selectedType, onSelect }: ActivityTypeSelectorProps) {\n  const t = useT()\n\n  return (\n    <div className=\"grid grid-cols-4 gap-2\">\n      {ACTIVITY_TYPES.map(({ type, icon: Icon, labelKey, fallback }) => {\n        const isSelected = selectedType === type\n        return (\n          <Button\n            key={type}\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() => onSelect(type)}\n            aria-pressed={isSelected}\n            className={cn(\n              'h-10 gap-2 rounded-lg',\n              isSelected\n                ? 'border-foreground bg-background text-foreground shadow-sm'\n                : 'border-border text-muted-foreground',\n            )}\n          >\n            <Icon className=\"size-4\" />\n            {t(labelKey, fallback)}\n          </Button>\n        )\n      })}\n    </div>\n  )\n}\n\nexport { ACTIVITY_TYPES }\n"],
-  "mappings": ";AA6BU,SAcE,KAdF;AA3BV,SAAS,OAAO,MAAM,OAAO,kBAAkB;AAC/C,SAAS,UAAU;AACnB,SAAS,YAAY;AACrB,SAAS,cAAc;AAEvB,MAAM,iBAAiB;AAAA,EACrB,EAAE,MAAM,QAAQ,MAAM,OAAO,UAAU,yCAAyC,UAAU,OAAO;AAAA,EACjG,EAAE,MAAM,SAAS,MAAM,MAAM,UAAU,0CAA0C,UAAU,QAAQ;AAAA,EACnG,EAAE,MAAM,WAAW,MAAM,OAAO,UAAU,4CAA4C,UAAU,UAAU;AAAA,EAC1G,EAAE,MAAM,QAAQ,MAAM,YAAY,UAAU,yCAAyC,UAAU,OAAO;AACxG;AASO,SAAS,qBAAqB,EAAE,cAAc,SAAS,GAA8B;AAC1F,QAAM,IAAI,KAAK;AAEf,SACE,oBAAC,SAAI,WAAU,0BACZ,yBAAe,IAAI,CAAC,EAAE,MAAM,MAAM,MAAM,UAAU,SAAS,MAAM;AAChE,UAAM,aAAa,iBAAiB;AACpC,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,SAAS,MAAM,SAAS,IAAI;AAAA,QAC5B,gBAAc;AAAA,QACd,WAAW;AAAA,UACT;AAAA,UACA,aACI,8DACA;AAAA,QACN;AAAA,QAEA;AAAA,8BAAC,QAAK,WAAU,UAAS;AAAA,UACxB,EAAE,UAAU,QAAQ;AAAA;AAAA;AAAA,MAdhB;AAAA,IAeP;AAAA,EAEJ,CAAC,GACH;AAEJ;",
+  "sourcesContent": ["'use client'\nimport * as React from 'react'\nimport { ListTodo, Mail, Phone, StickyNote, Users } 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'\n\nconst ACTIVITY_TYPES = [\n  { type: 'call', icon: Phone, labelKey: 'customers.activityComposer.types.call', fallback: 'Call' },\n  { type: 'email', icon: Mail, labelKey: 'customers.activityComposer.types.email', fallback: 'Email' },\n  { type: 'meeting', icon: Users, labelKey: 'customers.activityComposer.types.meeting', fallback: 'Meeting' },\n  { type: 'note', icon: StickyNote, labelKey: 'customers.activityComposer.types.note', fallback: 'Note' },\n  { type: 'task', icon: ListTodo, labelKey: 'customers.activityComposer.types.task', fallback: 'Task' },\n] as const\n\nexport type ActivityType = (typeof ACTIVITY_TYPES)[number]['type']\n\ninterface ActivityTypeSelectorProps {\n  selectedType: ActivityType | null\n  onSelect: (type: ActivityType) => void\n}\n\nexport function ActivityTypeSelector({ selectedType, onSelect }: ActivityTypeSelectorProps) {\n  const t = useT()\n\n  return (\n    <div className=\"grid grid-cols-5 gap-2\">\n      {ACTIVITY_TYPES.map(({ type, icon: Icon, labelKey, fallback }) => {\n        const isSelected = selectedType === type\n        return (\n          <Button\n            key={type}\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() => onSelect(type)}\n            aria-pressed={isSelected}\n            className={cn(\n              'h-10 gap-2 rounded-lg',\n              isSelected\n                ? 'border-foreground bg-background text-foreground shadow-sm'\n                : 'border-border text-muted-foreground',\n            )}\n          >\n            <Icon className=\"size-4\" />\n            {t(labelKey, fallback)}\n          </Button>\n        )\n      })}\n    </div>\n  )\n}\n\nexport { ACTIVITY_TYPES }\n"],
+  "mappings": ";AA8BU,SAcE,KAdF;AA5BV,SAAS,UAAU,MAAM,OAAO,YAAY,aAAa;AACzD,SAAS,UAAU;AACnB,SAAS,YAAY;AACrB,SAAS,cAAc;AAEvB,MAAM,iBAAiB;AAAA,EACrB,EAAE,MAAM,QAAQ,MAAM,OAAO,UAAU,yCAAyC,UAAU,OAAO;AAAA,EACjG,EAAE,MAAM,SAAS,MAAM,MAAM,UAAU,0CAA0C,UAAU,QAAQ;AAAA,EACnG,EAAE,MAAM,WAAW,MAAM,OAAO,UAAU,4CAA4C,UAAU,UAAU;AAAA,EAC1G,EAAE,MAAM,QAAQ,MAAM,YAAY,UAAU,yCAAyC,UAAU,OAAO;AAAA,EACtG,EAAE,MAAM,QAAQ,MAAM,UAAU,UAAU,yCAAyC,UAAU,OAAO;AACtG;AASO,SAAS,qBAAqB,EAAE,cAAc,SAAS,GAA8B;AAC1F,QAAM,IAAI,KAAK;AAEf,SACE,oBAAC,SAAI,WAAU,0BACZ,yBAAe,IAAI,CAAC,EAAE,MAAM,MAAM,MAAM,UAAU,SAAS,MAAM;AAChE,UAAM,aAAa,iBAAiB;AACpC,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,SAAS,MAAM,SAAS,IAAI;AAAA,QAC5B,gBAAc;AAAA,QACd,WAAW;AAAA,UACT;AAAA,UACA,aACI,8DACA;AAAA,QACN;AAAA,QAEA;AAAA,8BAAC,QAAK,WAAU,UAAS;AAAA,UACxB,EAAE,UAAU,QAAQ;AAAA;AAAA;AAAA,MAdhB;AAAA,IAeP;AAAA,EAEJ,CAAC,GACH;AAEJ;",
   "names": []
 }

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

@@ -4,7 +4,9 @@ import * as React from "react";
 import { Users, Phone, Check, Mail, Calendar, AlertTriangle, X } from "lucide-react";
 import { cn } from "@open-mercato/shared/lib/utils";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { validatePhoneNumber } from "@open-mercato/shared/lib/phone";
 import { apiCallOrThrow, readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { mapCrudServerErrorToFormErrors } from "@open-mercato/ui/backend/utils/serverErrors";
 import { flash } from "@open-mercato/ui/backend/FlashMessages";
 import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
 import { Alert, AlertDescription, AlertTitle } from "@open-mercato/ui/primitives/alert";
@@ -12,7 +14,7 @@ import { Button } from "@open-mercato/ui/primitives/button";
 import { IconButton } from "@open-mercato/ui/primitives/icon-button";
 import { Dialog, DialogContent, DialogTitle } from "@open-mercato/ui/primitives/dialog";
 import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
-import { SwitchableMarkdownInput } from "@open-mercato/ui/backend/inputs";
+import { PhoneNumberField, SwitchableMarkdownInput } from "@open-mercato/ui/backend/inputs";
 import { useConfirmDialog } from "@open-mercato/ui/backend/confirm-dialog";
 import {
   useScheduleFormState,
@@ -106,14 +108,31 @@ function ScheduleActivityDialog({
   const [callDirection, setCallDirection] = React.useState("outbound");
   const [callOutcome, setCallOutcome] = React.useState(null);
   const [callPhoneNumber, setCallPhoneNumber] = React.useState("");
+  const [callPhoneError, setCallPhoneError] = React.useState(null);
   const [taskPriority, setTaskPriority] = React.useState("medium");
+  const callPhoneInvalidMessage = React.useMemo(
+    () => t(
+      "customers.activities.errors.phoneInvalid",
+      "Enter a valid phone number with country code (e.g. +1 212 555 1234)"
+    ),
+    [t]
+  );
+  const translateErrorMessage = React.useCallback(
+    (message, fallback) => {
+      const key = typeof message === "string" ? message.trim() : "";
+      return key ? t(key, key) : fallback;
+    },
+    [t]
+  );
   React.useEffect(() => {
     if (!open) return;
     const raw = editData;
     const cv = raw?.customValues && typeof raw.customValues === "object" ? raw.customValues : null;
     setCallDirection(typeof cv?.callDirection === "string" && cv.callDirection === "inbound" ? "inbound" : "outbound");
     setCallOutcome(typeof cv?.callOutcome === "string" ? cv.callOutcome : null);
-    setCallPhoneNumber(typeof cv?.callPhoneNumber === "string" ? cv.callPhoneNumber : "");
+    const seededPhone = typeof raw?.phoneNumber === "string" && raw.phoneNumber.trim().length > 0 ? raw.phoneNumber : typeof cv?.callPhoneNumber === "string" ? cv.callPhoneNumber : "";
+    setCallPhoneNumber(seededPhone);
+    setCallPhoneError(null);
     setTaskPriority(typeof cv?.taskPriority === "string" ? cv.taskPriority : "medium");
   }, [open, editData]);
   React.useEffect(() => {
@@ -121,8 +140,13 @@ function ScheduleActivityDialog({
     setCallDirection("outbound");
     setCallOutcome(null);
     setCallPhoneNumber("");
+    setCallPhoneError(null);
     setTaskPriority("medium");
   }, [state.activityType, open, isEditing]);
+  const handleCallPhoneChange = React.useCallback((next) => {
+    setCallPhoneNumber(next ?? "");
+    setCallPhoneError(null);
+  }, []);
   const formSnapshot = React.useMemo(() => JSON.stringify({
     activityType: state.activityType,
     title: state.title,
@@ -264,8 +288,36 @@ function ScheduleActivityDialog({
     }, 500);
     return () => clearTimeout(timer);
   }, [editData?.id, open, state.date, state.startTime, state.duration, state.allDay, t]);
+  const trimmedDate = state.date.trim();
+  const trimmedStartTime = state.startTime.trim();
+  const trimmedCallPhone = callPhoneNumber.trim();
+  const isDateMissing = !trimmedDate;
+  const isTimeMissing = !state.allDay && !trimmedStartTime;
+  const isSubmitDisabled = state.saving || !state.title.trim() || isDateMissing || isTimeMissing;
   const handleSave = React.useCallback(async () => {
     if (!state.title.trim()) return;
+    if (isDateMissing) {
+      flash(t("customers.activities.errors.dateRequired", "Date is required"), "error");
+      return;
+    }
+    if (isTimeMissing) {
+      flash(t("customers.activities.errors.timeRequired", "Time is required"), "error");
+      return;
+    }
+    let phoneNumberForPayload;
+    if (state.activityType === "call" && trimmedCallPhone) {
+      const phoneValidation = validatePhoneNumber(trimmedCallPhone);
+      if (!phoneValidation.valid) {
+        setCallPhoneError(callPhoneInvalidMessage);
+        flash(callPhoneInvalidMessage, "error");
+        return;
+      }
+      phoneNumberForPayload = phoneValidation.normalized ?? trimmedCallPhone;
+      setCallPhoneError(null);
+      if (phoneNumberForPayload !== callPhoneNumber) {
+        setCallPhoneNumber(phoneNumberForPayload);
+      }
+    }
     state.setSaving(true);
     try {
       const scheduledAt = state.allDay ? (/* @__PURE__ */ new Date(`${state.date}T00:00:00`)).toISOString() : (/* @__PURE__ */ new Date(`${state.date}T${state.startTime}:00`)).toISOString();
@@ -275,7 +327,7 @@ function ScheduleActivityDialog({
       if (state.activityType === "call") {
         customValues.callDirection = callDirection;
         if (callOutcome) customValues.callOutcome = callOutcome;
-        if (callPhoneNumber.trim()) customValues.callPhoneNumber = callPhoneNumber.trim();
+        if (phoneNumberForPayload) customValues.callPhoneNumber = phoneNumberForPayload;
       }
       if (state.activityType === "task") {
         customValues.taskPriority = taskPriority;
@@ -288,6 +340,9 @@ function ScheduleActivityDialog({
         title: state.title.trim(),
         body: state.description.trim() || null,
         status: "planned",
+        date: trimmedDate,
+        time: state.allDay ? "00:00" : trimmedStartTime,
+        phoneNumber: state.activityType === "call" ? phoneNumberForPayload : void 0,
         scheduledAt,
         durationMinutes: visibleFields.has("duration") && !state.allDay ? state.duration : null,
         location: visibleFields.has("location") ? state.location.trim() || null : null,
@@ -318,12 +373,23 @@ function ScheduleActivityDialog({
       requestAnimationFrame(() => {
         onActivityCreated?.();
       });
-    } catch {
-      flash(t("customers.schedule.error", "Failed to schedule activity"), "error");
+    } catch (err) {
+      const { message, fieldErrors } = mapCrudServerErrorToFormErrors(err);
+      const phoneFieldError = fieldErrors?.phoneNumber;
+      if (state.activityType === "call" && phoneFieldError) {
+        const translatedPhoneError = translateErrorMessage(phoneFieldError, callPhoneInvalidMessage);
+        setCallPhoneError(translatedPhoneError);
+        flash(translatedPhoneError, "error");
+        return;
+      }
+      flash(
+        translateErrorMessage(message, t("customers.schedule.error", "Failed to schedule activity")),
+        "error"
+      );
     } finally {
       state.setSaving(false);
     }
-  }, [state.activityType, state.allDay, state.date, state.description, dealId, state.duration, editData, entityId, state.guestPermissions, state.linkedEntities, state.location, onActivityCreated, onClose, state.participants, state.recurrenceCount, state.recurrenceDays, state.recurrenceEnabled, state.recurrenceEndDate, state.recurrenceEndType, state.reminderMinutes, runGuardedMutation, state.startTime, t, state.title, state.visibility, visibleFields]);
+  }, [callDirection, callOutcome, callPhoneInvalidMessage, callPhoneNumber, isDateMissing, isTimeMissing, state.activityType, state.allDay, state.date, state.description, dealId, state.duration, editData, entityId, state.guestPermissions, state.linkedEntities, state.location, onActivityCreated, onClose, state.participants, state.recurrenceCount, state.recurrenceDays, state.recurrenceEnabled, state.recurrenceEndDate, state.recurrenceEndType, state.reminderMinutes, runGuardedMutation, state.startTime, t, taskPriority, state.title, translateErrorMessage, trimmedCallPhone, trimmedDate, trimmedStartTime, state.visibility, visibleFields]);
   const handleKeyDown = React.useCallback((e) => {
     if ((e.metaKey || e.ctrlKey) && e.key === "Enter") {
       e.preventDefault();
@@ -498,15 +564,17 @@ function ScheduleActivityDialog({
           }
         ),
         state.activityType === "call" ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
-          /* @__PURE__ */ jsx("label", { className: "text-overline font-semibold uppercase text-muted-foreground tracking-wider", children: t("customers.schedule.call.phoneLabel", "Phone number") }),
+          /* @__PURE__ */ jsx("label", { htmlFor: "schedule-call-phone", className: "text-overline font-semibold uppercase text-muted-foreground tracking-wider", children: t("customers.schedule.call.phoneLabel", "Phone number") }),
           /* @__PURE__ */ jsx(
-            "input",
+            PhoneNumberField,
             {
-              type: "tel",
+              id: "schedule-call-phone",
               value: callPhoneNumber,
-              onChange: (e) => setCallPhoneNumber(e.target.value),
+              onValueChange: handleCallPhoneChange,
               placeholder: t("customers.schedule.call.phonePlaceholder", "+1 555 000 0000"),
-              className: "w-full rounded-md border border-border bg-background px-3 py-2.5 text-sm text-foreground outline-none focus:border-foreground"
+              externalError: callPhoneError,
+              invalidLabel: callPhoneInvalidMessage,
+              minDigits: 7
             }
           )
         ] }) : /* @__PURE__ */ jsx(
@@ -556,7 +624,7 @@ function ScheduleActivityDialog({
         /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => {
           void guardedClose();
         }, className: "rounded-md border border-input bg-background px-5 py-3 text-sm font-semibold text-foreground", children: t("customers.schedule.cancel", "Cancel") }),
-        /* @__PURE__ */ jsxs(Button, { type: "button", onClick: handleSave, disabled: state.saving || !state.title.trim(), className: "flex items-center gap-2 rounded-md bg-foreground px-5 py-3 text-sm font-semibold text-background hover:bg-foreground/90 disabled:opacity-50", children: [
+        /* @__PURE__ */ jsxs(Button, { type: "button", onClick: handleSave, disabled: isSubmitDisabled, className: "flex items-center gap-2 rounded-md bg-foreground px-5 py-3 text-sm font-semibold text-background hover:bg-foreground/90 disabled:opacity-50", children: [
           /* @__PURE__ */ jsx(SaveIcon, { className: "size-3.5" }),
           state.saving ? t("customers.schedule.saving", "Saving...") : isEditing ? t("customers.schedule.update", "Update activity") : t(chrome.saveKey, chrome.saveFallback)
         ] })

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/customers/components/detail/ScheduleActivityDialog.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Users, Phone, Check, Mail, Calendar, AlertTriangle, X } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { apiCallOrThrow, readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { Alert, AlertDescription, AlertTitle } from '@open-mercato/ui/primitives/alert'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { Dialog, DialogContent, DialogTitle } from '@open-mercato/ui/primitives/dialog'\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden'\nimport { SwitchableMarkdownInput } from '@open-mercato/ui/backend/inputs'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport {\n  useScheduleFormState,\n  FIELD_VISIBILITY,\n  getFieldLabel,\n  DateTimeFields,\n  ParticipantsField,\n  LocationField,\n  FooterFields,\n  LinkedEntitiesField,\n} from './schedule'\nimport type { ActivityType, ScheduleActivityEditData } from './schedule'\n\nconst TYPE_TABS: Array<{ type: ActivityType; icon: React.ComponentType<{ className?: string }>; labelKey: string; fallback: string }> = [\n  { type: 'meeting', icon: Users, labelKey: 'customers.schedule.types.meeting', fallback: 'Meeting' },\n  { type: 'call', icon: Phone, labelKey: 'customers.schedule.types.call', fallback: 'Call' },\n  { type: 'task', icon: Check, labelKey: 'customers.schedule.types.task', fallback: 'Task' },\n  { type: 'email', icon: Mail, labelKey: 'customers.schedule.types.email', fallback: 'Email' },\n]\n\ntype DialogChrome = { titleKey: string; titleFallback: string; subtitleKey: string; subtitleFallback: string; saveKey: string; saveFallback: string; saveIcon: React.ComponentType<{ className?: string }> }\n\nconst TYPE_CHROME: Record<ActivityType, DialogChrome> = {\n  meeting: {\n    titleKey: 'customers.schedule.meeting.title', titleFallback: 'New meeting',\n    subtitleKey: 'customers.schedule.meeting.subtitle', subtitleFallback: 'Block time on the calendar with attendees',\n    saveKey: 'customers.schedule.meeting.save', saveFallback: 'Save activity', saveIcon: Calendar,\n  },\n  call: {\n    titleKey: 'customers.schedule.call.title', titleFallback: 'Log call',\n    subtitleKey: 'customers.schedule.call.subtitle', subtitleFallback: 'Log a call you just had or schedule one',\n    saveKey: 'customers.schedule.call.save', saveFallback: 'Log call', saveIcon: Phone,\n  },\n  task: {\n    titleKey: 'customers.schedule.task.title', titleFallback: 'New task',\n    subtitleKey: 'customers.schedule.task.subtitle', subtitleFallback: 'Capture something to follow up on',\n    saveKey: 'customers.schedule.task.save', saveFallback: 'Save task', saveIcon: Check,\n  },\n  email: {\n    titleKey: 'customers.schedule.email.title', titleFallback: 'Compose email',\n    subtitleKey: 'customers.schedule.email.subtitle', subtitleFallback: 'Compose and send a tracked email',\n    saveKey: 'customers.schedule.email.save', saveFallback: 'Send email', saveIcon: Mail,\n  },\n}\n\nconst CALL_DIRECTIONS: Array<{ key: 'outbound' | 'inbound'; labelKey: string; labelFallback: string; dot: string }> = [\n  { key: 'outbound', labelKey: 'customers.schedule.call.direction.outbound', labelFallback: 'Outbound', dot: 'bg-status-info-icon' },\n  { key: 'inbound', labelKey: 'customers.schedule.call.direction.inbound', labelFallback: 'Inbound', dot: 'bg-status-success-icon' },\n]\n\nconst CALL_OUTCOMES: Array<{ key: string; labelKey: string; labelFallback: string; dot: string }> = [\n  { key: 'connected', labelKey: 'customers.schedule.call.outcome.connected', labelFallback: 'Connected', dot: 'bg-status-success-icon' },\n  { key: 'voicemail', labelKey: 'customers.schedule.call.outcome.voicemail', labelFallback: 'Voicemail', dot: 'bg-status-warning-icon' },\n  { key: 'noanswer', labelKey: 'customers.schedule.call.outcome.noAnswer', labelFallback: 'No answer', dot: 'bg-muted-foreground' },\n  { key: 'busy', labelKey: 'customers.schedule.call.outcome.busy', labelFallback: 'Busy', dot: 'bg-status-warning-icon' },\n  { key: 'badnumber', labelKey: 'customers.schedule.call.outcome.badNumber', labelFallback: 'Bad number', dot: 'bg-status-error-icon' },\n]\n\nconst TASK_PRIORITIES: Array<{ key: string; labelKey: string; labelFallback: string; dot: string }> = [\n  { key: 'low', labelKey: 'customers.schedule.task.priority.low', labelFallback: 'Low', dot: 'bg-muted-foreground' },\n  { key: 'medium', labelKey: 'customers.schedule.task.priority.medium', labelFallback: 'Medium', dot: 'bg-status-info-icon' },\n  { key: 'high', labelKey: 'customers.schedule.task.priority.high', labelFallback: 'High', dot: 'bg-status-warning-icon' },\n  { key: 'urgent', labelKey: 'customers.schedule.task.priority.urgent', labelFallback: 'Urgent', dot: 'bg-status-error-icon' },\n]\n\ninterface ScheduleActivityDialogProps {\n  open: boolean\n  onClose: () => void\n  entityId: string\n  dealId?: string | null\n  entityName?: string\n  companyName?: string | null\n  entityType: 'company' | 'person' | 'deal'\n  onActivityCreated?: () => void\n  /** When provided, dialog opens in edit mode with pre-filled data */\n  editData?: ScheduleActivityEditData | null\n}\n\nexport function ScheduleActivityDialog({\n  open,\n  onClose,\n  entityId,\n  dealId = null,\n  entityName,\n  companyName,\n  entityType,\n  onActivityCreated,\n  editData,\n}: ScheduleActivityDialogProps) {\n  const t = useT()\n  const state = useScheduleFormState({ open, editData: editData ?? null })\n  const visibleFields = FIELD_VISIBILITY[state.activityType]\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const isEditing = Boolean(editData?.id)\n  const chrome = TYPE_CHROME[state.activityType]\n  const SaveIcon = chrome.saveIcon\n  const [callDirection, setCallDirection] = React.useState<'outbound' | 'inbound'>('outbound')\n  const [callOutcome, setCallOutcome] = React.useState<string | null>(null)\n  const [callPhoneNumber, setCallPhoneNumber] = React.useState('')\n  const [taskPriority, setTaskPriority] = React.useState<string>('medium')\n\n  React.useEffect(() => {\n    if (!open) return\n    const raw = editData as (Record<string, unknown> & { customValues?: unknown }) | null | undefined\n    const cv = (raw?.customValues && typeof raw.customValues === 'object' ? raw.customValues : null) as Record<string, unknown> | null\n    setCallDirection(typeof cv?.callDirection === 'string' && cv.callDirection === 'inbound' ? 'inbound' : 'outbound')\n    setCallOutcome(typeof cv?.callOutcome === 'string' ? cv.callOutcome : null)\n    setCallPhoneNumber(typeof cv?.callPhoneNumber === 'string' ? cv.callPhoneNumber : '')\n    setTaskPriority(typeof cv?.taskPriority === 'string' ? cv.taskPriority : 'medium')\n  }, [open, editData])\n\n  // Reset per-type chip state when the user switches activity type in create mode.\n  // In edit mode, the persisted customValues should win, so we skip the reset.\n  React.useEffect(() => {\n    if (!open || isEditing) return\n    setCallDirection('outbound')\n    setCallOutcome(null)\n    setCallPhoneNumber('')\n    setTaskPriority('medium')\n  }, [state.activityType, open, isEditing])\n\n  const formSnapshot = React.useMemo(() => JSON.stringify({\n    activityType: state.activityType,\n    title: state.title,\n    date: state.date,\n    startTime: state.startTime,\n    duration: state.duration,\n    allDay: state.allDay,\n    description: state.description,\n    location: state.location,\n    reminderMinutes: state.reminderMinutes,\n    visibility: state.visibility,\n    participants: state.participants,\n    linkedEntities: state.linkedEntities,\n    recurrenceEnabled: state.recurrenceEnabled,\n    recurrenceDays: state.recurrenceDays,\n    recurrenceEndType: state.recurrenceEndType,\n    recurrenceCount: state.recurrenceCount,\n    recurrenceEndDate: state.recurrenceEndDate,\n    guestPermissions: state.guestPermissions,\n  }), [\n    state.activityType, state.title, state.date, state.startTime, state.duration, state.allDay,\n    state.description, state.location, state.reminderMinutes, state.visibility, state.participants,\n    state.linkedEntities, state.recurrenceEnabled, state.recurrenceDays, state.recurrenceEndType,\n    state.recurrenceCount, state.recurrenceEndDate, state.guestPermissions,\n  ])\n  const initialSnapshotRef = React.useRef<string | null>(null)\n  const snapshotOpenKeyRef = React.useRef<string | null>(null)\n  const snapshotSettleCountRef = React.useRef(0)\n  const openKey = open ? `${editData?.id ?? 'new'}` : null\n  React.useEffect(() => {\n    if (!open) {\n      initialSnapshotRef.current = null\n      snapshotOpenKeyRef.current = null\n      snapshotSettleCountRef.current = 0\n      return\n    }\n    if (snapshotOpenKeyRef.current !== openKey) {\n      snapshotOpenKeyRef.current = openKey\n      snapshotSettleCountRef.current = 0\n      initialSnapshotRef.current = null\n    }\n    if (snapshotSettleCountRef.current < 2) {\n      initialSnapshotRef.current = formSnapshot\n      snapshotSettleCountRef.current += 1\n    }\n  }, [open, openKey, formSnapshot])\n\n  const isDirty = React.useCallback(() => {\n    if (initialSnapshotRef.current == null) return false\n    return initialSnapshotRef.current !== formSnapshot\n  }, [formSnapshot])\n\n  const guardedClose = React.useCallback(async () => {\n    if (!isDirty()) {\n      onClose()\n      return\n    }\n    const ok = await confirm({\n      title: t('customers.schedule.discardConfirm.title', 'Discard unsaved changes?'),\n      description: t(\n        'customers.schedule.discardConfirm.description',\n        'You have unsaved edits in this activity. Save them first or continue to discard them.',\n      ),\n      confirmText: t('customers.schedule.discardConfirm.confirm', 'Discard'),\n      cancelText: t('customers.schedule.discardConfirm.cancel', 'Keep editing'),\n      variant: 'destructive',\n    })\n    if (ok) onClose()\n  }, [confirm, isDirty, onClose, t])\n\n  const mutationContextId = React.useMemo(\n    () => `customer-activity:${entityType}:${entityId}`,\n    [entityId, entityType],\n  )\n  const { runMutation, retryLastMutation } = useGuardedMutation<{\n    formId: string\n    resourceKind: string\n    resourceId: string\n    entityType: 'company' | 'person' | 'deal'\n    retryLastMutation: () => Promise<boolean>\n  }>({\n    contextId: mutationContextId,\n    blockedMessage: t('ui.forms.flash.saveBlocked', 'Save blocked by validation'),\n  })\n  const mutationContext = React.useMemo(\n    () => ({\n      formId: mutationContextId,\n      resourceKind:\n        entityType === 'company'\n          ? 'customers.company'\n          : entityType === 'person'\n            ? 'customers.person'\n            : 'customers.deal',\n      resourceId: entityId,\n      entityType,\n      retryLastMutation,\n    }),\n    [entityId, entityType, mutationContextId, retryLastMutation],\n  )\n  const runGuardedMutation = React.useCallback(\n    async <T,>(operation: () => Promise<T>, mutationPayload: Record<string, unknown>) =>\n      runMutation({\n        operation,\n        mutationPayload,\n        context: mutationContext,\n      }),\n    [mutationContext, runMutation],\n  )\n\n  // Conflict detection -- debounced check when date/time/duration changes\n  React.useEffect(() => {\n    if (!open || state.allDay || !state.date || !state.startTime) {\n      state.setConflict(null)\n      return\n    }\n    const timer = setTimeout(async () => {\n      try {\n        const localStart = new Date(`${state.date}T${state.startTime}:00`)\n        const params = new URLSearchParams({\n          date: state.date,\n          startTime: state.startTime,\n          duration: String(state.duration),\n        })\n        if (editData?.id) {\n          params.set('excludeId', editData.id)\n        }\n        if (!Number.isNaN(localStart.getTime())) {\n          params.set('timezoneOffsetMinutes', String(-localStart.getTimezoneOffset()))\n        }\n        const data = await readApiResultOrThrow<{\n          hasConflicts: boolean\n          conflicts: Array<{ id: string; title: string | null; startTime: string; endTime: string; type: string }>\n        }>(`/api/customers/interactions/conflicts?${params.toString()}`)\n        if (data?.hasConflicts && Array.isArray(data.conflicts) && data.conflicts.length > 0) {\n          const descriptions = data.conflicts\n            .map((c) => `${c.startTime}\u2013${c.endTime}: ${c.title ?? c.type}`)\n            .join(', ')\n          state.setConflict(\n            t('customers.schedule.conflict.description', 'Overlaps with: {{items}}', { items: descriptions }),\n          )\n        } else {\n          state.setConflict(null)\n        }\n      } catch {\n        state.setConflict(null)\n      }\n    }, 500)\n    return () => clearTimeout(timer)\n  }, [editData?.id, open, state.date, state.startTime, state.duration, state.allDay, t]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  const handleSave = React.useCallback(async () => {\n    if (!state.title.trim()) return\n    state.setSaving(true)\n    try {\n      const scheduledAt = state.allDay\n        ? new Date(`${state.date}T00:00:00`).toISOString()\n        : new Date(`${state.date}T${state.startTime}:00`).toISOString()\n\n      const recurrenceRule = state.recurrenceEnabled\n        ? buildRecurrenceRule(state.recurrenceDays, state.recurrenceEndType, state.recurrenceCount, state.recurrenceEndDate)\n        : null\n\n      const isSaveEdit = Boolean(editData?.id)\n      const customValues: Record<string, unknown> = {}\n      if (state.activityType === 'call') {\n        customValues.callDirection = callDirection\n        if (callOutcome) customValues.callOutcome = callOutcome\n        if (callPhoneNumber.trim()) customValues.callPhoneNumber = callPhoneNumber.trim()\n      }\n      if (state.activityType === 'task') {\n        customValues.taskPriority = taskPriority\n      }\n      const payload = {\n        ...(isSaveEdit ? { id: editData!.id } : {}),\n        entityId,\n        dealId,\n        interactionType: state.activityType,\n        title: state.title.trim(),\n        body: state.description.trim() || null,\n        status: 'planned',\n        scheduledAt,\n        durationMinutes: visibleFields.has('duration') && !state.allDay ? state.duration : null,\n        location: visibleFields.has('location') ? (state.location.trim() || null) : null,\n        allDay: visibleFields.has('allDay') ? state.allDay : null,\n        recurrenceRule: visibleFields.has('recurrence') ? recurrenceRule : null,\n        recurrenceEnd: visibleFields.has('recurrence') && state.recurrenceEndType === 'date' && state.recurrenceEndDate\n          ? new Date(state.recurrenceEndDate).toISOString()\n          : null,\n        participants: visibleFields.has('participants') && state.participants.length > 0\n          ? state.participants.map((p) => ({ userId: p.userId, name: p.name, email: p.email, status: p.status ?? 'pending' }))\n          : null,\n        guestPermissions: visibleFields.has('participants') && state.participants.length > 0 ? state.guestPermissions : null,\n        linkedEntities: state.linkedEntities.length > 0\n          ? state.linkedEntities.map((e) => ({ id: e.id, type: e.type, label: e.label }))\n          : null,\n        reminderMinutes: visibleFields.has('reminder') ? state.reminderMinutes : null,\n        visibility: visibleFields.has('visibility') ? state.visibility : null,\n        ...(Object.keys(customValues).length > 0 ? { customValues } : {}),\n      }\n      await runGuardedMutation(\n        () =>\n          apiCallOrThrow('/api/customers/interactions', {\n            method: isSaveEdit ? 'PUT' : 'POST',\n            headers: { 'content-type': 'application/json' },\n            body: JSON.stringify(payload),\n          }),\n        {\n          operation: isSaveEdit ? 'updateActivity' : 'createActivity',\n          interactionId: editData?.id ?? null,\n          interactionType: state.activityType,\n        },\n      )\n      flash(t('customers.schedule.saved', 'Activity scheduled'), 'success')\n      onClose()\n      // Delay data reload so the dialog can unmount cleanly and Radix restores body scroll\n      requestAnimationFrame(() => { onActivityCreated?.() })\n    } catch {\n      flash(t('customers.schedule.error', 'Failed to schedule activity'), 'error')\n    } finally {\n      state.setSaving(false)\n    }\n  }, [state.activityType, state.allDay, state.date, state.description, dealId, state.duration, editData, entityId, state.guestPermissions, state.linkedEntities, state.location, onActivityCreated, onClose, state.participants, state.recurrenceCount, state.recurrenceDays, state.recurrenceEnabled, state.recurrenceEndDate, state.recurrenceEndType, state.reminderMinutes, runGuardedMutation, state.startTime, t, state.title, state.visibility, visibleFields]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  const handleKeyDown = React.useCallback((e: React.KeyboardEvent) => {\n    if ((e.metaKey || e.ctrlKey) && e.key === 'Enter') {\n      e.preventDefault()\n      handleSave()\n    }\n  }, [handleSave])\n\n  return (\n    <Dialog open={open} onOpenChange={(o) => { if (!o) void guardedClose() }}>\n      {ConfirmDialogElement}\n      <DialogContent className=\"flex max-h-[90vh] flex-col overflow-hidden border-border p-0 shadow-xl sm:max-w-[760px] sm:rounded-xl [&>[data-dialog-close]]:hidden\" onKeyDown={handleKeyDown} aria-describedby={undefined}>\n        <VisuallyHidden>\n          <DialogTitle>{isEditing ? t('customers.schedule.editTitle', 'Edit activity') : t(chrome.titleKey, chrome.titleFallback)}</DialogTitle>\n        </VisuallyHidden>\n\n        {/* Header */}\n        <div className=\"flex shrink-0 items-start justify-between gap-3 border-b border-border bg-background px-6 py-5\">\n          <div className=\"flex flex-col gap-1\">\n            <h2 className=\"text-lg font-semibold leading-tight tracking-tight text-foreground\">\n              {isEditing ? t('customers.schedule.editTitle', 'Edit activity') : t(chrome.titleKey, chrome.titleFallback)}\n            </h2>\n            <p className=\"text-sm text-muted-foreground\">\n              {t(chrome.subtitleKey, chrome.subtitleFallback)}\n            </p>\n            {entityName ? (\n              <p className=\"mt-0.5 text-xs text-muted-foreground/80\">\n                {t('customers.schedule.context', 'On timeline: {{name}}', { name: entityName })}\n                {companyName ? ` \u00B7 ${companyName}` : ''}\n              </p>\n            ) : null}\n          </div>\n          <IconButton type=\"button\" variant=\"ghost\" size=\"sm\" onClick={() => { void guardedClose() }} className=\"flex size-9 shrink-0 items-center justify-center rounded-md border border-border bg-background\" aria-label={t('customers.schedule.cancel', 'Cancel')}>\n            <X className=\"size-4 text-muted-foreground\" />\n          </IconButton>\n        </div>\n\n        <div className=\"flex-1 overflow-y-auto\">\n        <div className=\"flex flex-col gap-4 bg-background p-6\">\n\n        {/* Conflict warning */}\n        {state.conflict && (\n          <Alert variant=\"warning\" className=\"rounded-lg\">\n            <AlertTriangle className=\"size-5\" />\n            <AlertTitle>\n              {t('customers.schedule.conflict.title', 'Calendar conflict')}\n            </AlertTitle>\n            <AlertDescription>{state.conflict}</AlertDescription>\n          </Alert>\n        )}\n\n        {/* Type tabs \u2014 large rectangular tiles per Figma */}\n        <div className=\"grid grid-cols-4 gap-2\">\n          {TYPE_TABS.map(({ type, icon: Icon, labelKey, fallback }) => {\n            const isActive = state.activityType === type\n            return (\n              <button\n                key={type}\n                type=\"button\"\n                onClick={() => state.setActivityType(type)}\n                aria-pressed={isActive}\n                className={cn(\n                  'flex h-[80px] flex-col items-center justify-center gap-2 rounded-md border text-[14px] font-semibold transition-colors',\n                  isActive\n                    ? 'border-transparent bg-foreground text-background'\n                    : 'border-border bg-card text-muted-foreground hover:border-foreground/40 hover:text-foreground',\n                )}\n              >\n                <Icon className=\"size-[18px]\" />\n                {t(labelKey, fallback)}\n              </button>\n            )\n          })}\n        </div>\n\n        {/* Title */}\n        <div className=\"flex flex-col gap-1.5\">\n          <label className=\"text-overline font-semibold text-muted-foreground tracking-wider\">\n            {getFieldLabel(state.activityType, 'title', t, 'customers.schedule.titleLabel', 'Title')}\n          </label>\n          <input\n            type=\"text\"\n            value={state.title}\n            onChange={(e) => state.setTitle(e.target.value)}\n            placeholder={\n              state.activityType === 'email'\n                ? t('customers.schedule.subjectPlaceholder', 'Subject...')\n                : t('customers.schedule.titlePlaceholder', 'Activity title...')\n            }\n            className=\"w-full rounded-md border border-border bg-background px-3 py-2.5 text-sm text-foreground outline-none focus:border-foreground\"\n            autoFocus\n          />\n        </div>\n\n        {/* Date/Time/Duration \u2014 placed before per-type chip rows so the call/task\n            workflows match Figma 829:50 / 790:280 (date row first, then status chips). */}\n        <DateTimeFields\n          visible={visibleFields}\n          activityType={state.activityType}\n          date={state.date}\n          setDate={state.setDate}\n          startTime={state.startTime}\n          setStartTime={state.setStartTime}\n          duration={state.duration}\n          setDuration={state.setDuration}\n          allDay={state.allDay}\n          setAllDay={state.setAllDay}\n          recurrenceEnabled={state.recurrenceEnabled}\n          setRecurrenceEnabled={state.setRecurrenceEnabled}\n          recurrenceDays={state.recurrenceDays}\n          toggleRecurrenceDay={state.toggleRecurrenceDay}\n          recurrenceEndType={state.recurrenceEndType}\n          setRecurrenceEndType={state.setRecurrenceEndType}\n          recurrenceCount={state.recurrenceCount}\n          setRecurrenceCount={state.setRecurrenceCount}\n          recurrenceEndDate={state.recurrenceEndDate}\n          setRecurrenceEndDate={state.setRecurrenceEndDate}\n        />\n\n        {/* Call: Direction + Outcome chips */}\n        {state.activityType === 'call' && (\n          <div className=\"flex flex-col gap-3\">\n            <div>\n              <label className=\"text-overline font-semibold uppercase text-muted-foreground tracking-wider\">\n                {t('customers.schedule.call.directionLabel', 'Direction')}\n              </label>\n              <div className=\"mt-2 flex flex-wrap gap-2\">\n                {CALL_DIRECTIONS.map((opt) => {\n                  const isActive = callDirection === opt.key\n                  return (\n                    <button\n                      key={opt.key}\n                      type=\"button\"\n                      aria-pressed={isActive}\n                      onClick={() => setCallDirection(opt.key)}\n                      className={cn(\n                        'inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-sm font-medium transition-colors',\n                        isActive\n                          ? 'border-transparent bg-foreground text-background'\n                          : 'border-border bg-card text-muted-foreground hover:border-foreground/40',\n                      )}\n                    >\n                      <span className={cn('inline-block size-1.5 rounded-full', opt.dot)} aria-hidden />\n                      {t(opt.labelKey, opt.labelFallback)}\n                    </button>\n                  )\n                })}\n              </div>\n            </div>\n            <div>\n              <label className=\"text-overline font-semibold uppercase text-muted-foreground tracking-wider\">\n                {t('customers.schedule.call.outcomeLabel', 'Outcome')}\n              </label>\n              <div className=\"mt-2 flex flex-wrap gap-2\">\n                {CALL_OUTCOMES.map((opt) => {\n                  const isActive = callOutcome === opt.key\n                  return (\n                    <button\n                      key={opt.key}\n                      type=\"button\"\n                      aria-pressed={isActive}\n                      onClick={() => setCallOutcome(isActive ? null : opt.key)}\n                      className={cn(\n                        'inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-sm font-medium transition-colors',\n                        isActive\n                          ? 'border-transparent bg-foreground text-background'\n                          : 'border-border bg-card text-muted-foreground hover:border-foreground/40',\n                      )}\n                    >\n                      <span className={cn('inline-block size-1.5 rounded-full', opt.dot)} aria-hidden />\n                      {t(opt.labelKey, opt.labelFallback)}\n                    </button>\n                  )\n                })}\n              </div>\n            </div>\n          </div>\n        )}\n\n        {/* Task: Priority chips */}\n        {state.activityType === 'task' && (\n          <div>\n            <label className=\"text-overline font-semibold uppercase text-muted-foreground tracking-wider\">\n              {t('customers.schedule.task.priorityLabel', 'Priority')}\n            </label>\n            <div className=\"mt-2 flex flex-wrap gap-2\">\n              {TASK_PRIORITIES.map((opt) => {\n                const isActive = taskPriority === opt.key\n                return (\n                  <button\n                    key={opt.key}\n                    type=\"button\"\n                    aria-pressed={isActive}\n                    onClick={() => setTaskPriority(opt.key)}\n                    className={cn(\n                      'inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-sm font-medium transition-colors',\n                      isActive\n                        ? 'border-transparent bg-foreground text-background'\n                        : 'border-border bg-card text-muted-foreground hover:border-foreground/40',\n                    )}\n                  >\n                    <span className={cn('inline-block size-1.5 rounded-full', opt.dot)} aria-hidden />\n                    {t(opt.labelKey, opt.labelFallback)}\n                  </button>\n                )\n              })}\n            </div>\n          </div>\n        )}\n\n        {/* Participants */}\n        <ParticipantsField\n          visible={visibleFields}\n          activityType={state.activityType}\n          participants={state.participants}\n          setParticipants={state.setParticipants}\n          removeParticipant={state.removeParticipant}\n          guestPermissions={state.guestPermissions}\n          setGuestPermissions={state.setGuestPermissions}\n        />\n\n        {/* Location (or phone number for calls) */}\n        {state.activityType === 'call' ? (\n          <div className=\"flex flex-col gap-1.5\">\n            <label className=\"text-overline font-semibold uppercase text-muted-foreground tracking-wider\">\n              {t('customers.schedule.call.phoneLabel', 'Phone number')}\n            </label>\n            <input\n              type=\"tel\"\n              value={callPhoneNumber}\n              onChange={(e) => setCallPhoneNumber(e.target.value)}\n              placeholder={t('customers.schedule.call.phonePlaceholder', '+1 555 000 0000')}\n              className=\"w-full rounded-md border border-border bg-background px-3 py-2.5 text-sm text-foreground outline-none focus:border-foreground\"\n            />\n          </div>\n        ) : (\n          <LocationField\n            visible={visibleFields}\n            activityType={state.activityType}\n            location={state.location}\n            setLocation={state.setLocation}\n          />\n        )}\n\n        {/* Linked Entities */}\n        <LinkedEntitiesField\n          visible={visibleFields}\n          activityType={state.activityType}\n          linkedEntities={state.linkedEntities}\n          setLinkedEntities={state.setLinkedEntities}\n        />\n\n        {/* Description */}\n        <div>\n          <label className=\"text-overline font-semibold uppercase text-muted-foreground tracking-wider\">\n            {getFieldLabel(state.activityType, 'description', t, 'customers.schedule.description', 'Description')}\n          </label>\n          <div className=\"mt-[8px]\">\n            <SwitchableMarkdownInput\n              value={state.description}\n              onChange={state.setDescription}\n              isMarkdownEnabled={state.markdownEnabled}\n              height={120}\n              placeholder={t('customers.schedule.descriptionPlaceholder', 'Add details...')}\n            />\n          </div>\n        </div>\n\n        {/* Reminder + Visibility */}\n        <FooterFields\n          visible={visibleFields}\n          activityType={state.activityType}\n          reminderMinutes={state.reminderMinutes}\n          setReminderMinutes={state.setReminderMinutes}\n          visibility={state.visibility}\n          setVisibility={state.setVisibility}\n        />\n\n        </div>\n        </div>\n\n        {/* Footer */}\n        <div className=\"flex shrink-0 items-center justify-end gap-2.5 border-t border-border bg-muted/50 px-6 py-4\">\n          <Button type=\"button\" variant=\"outline\" onClick={() => { void guardedClose() }} className=\"rounded-md border border-input bg-background px-5 py-3 text-sm font-semibold text-foreground\">\n            {t('customers.schedule.cancel', 'Cancel')}\n          </Button>\n          <Button type=\"button\" onClick={handleSave} disabled={state.saving || !state.title.trim()} className=\"flex items-center gap-2 rounded-md bg-foreground px-5 py-3 text-sm font-semibold text-background hover:bg-foreground/90 disabled:opacity-50\">\n            <SaveIcon className=\"size-3.5\" />\n            {state.saving\n              ? t('customers.schedule.saving', 'Saving...')\n              : isEditing\n                ? t('customers.schedule.update', 'Update activity')\n                : t(chrome.saveKey, chrome.saveFallback)}\n          </Button>\n        </div>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nexport type { ScheduleActivityEditData }\n\nfunction buildRecurrenceRule(\n  days: boolean[],\n  endType: 'never' | 'count' | 'date',\n  count: number,\n  endDate: string,\n): string {\n  const dayNames = ['MO', 'TU', 'WE', 'TH', 'FR', 'SA', 'SU']\n  const selectedDays = days.map((active, i) => (active ? dayNames[i] : null)).filter(Boolean)\n  let rule = `FREQ=WEEKLY;BYDAY=${selectedDays.join(',')}`\n  if (endType === 'count') rule += `;COUNT=${count}`\n  if (endType === 'date' && endDate) rule += `;UNTIL=${endDate.replace(/-/g, '')}T235959Z`\n  return rule\n}\n"],
-  "mappings": ";AAmXU,cAaI,YAbJ;AAjXV,YAAY,WAAW;AACvB,SAAS,OAAO,OAAO,OAAO,MAAM,UAAU,eAAe,SAAS;AACtE,SAAS,UAAU;AACnB,SAAS,YAAY;AACrB,SAAS,gBAAgB,4BAA4B;AACrD,SAAS,aAAa;AACtB,SAAS,0BAA0B;AACnC,SAAS,OAAO,kBAAkB,kBAAkB;AACpD,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,QAAQ,eAAe,mBAAmB;AACnD,SAAS,sBAAsB;AAC/B,SAAS,+BAA+B;AACxC,SAAS,wBAAwB;AACjC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,MAAM,YAAkI;AAAA,EACtI,EAAE,MAAM,WAAW,MAAM,OAAO,UAAU,oCAAoC,UAAU,UAAU;AAAA,EAClG,EAAE,MAAM,QAAQ,MAAM,OAAO,UAAU,iCAAiC,UAAU,OAAO;AAAA,EACzF,EAAE,MAAM,QAAQ,MAAM,OAAO,UAAU,iCAAiC,UAAU,OAAO;AAAA,EACzF,EAAE,MAAM,SAAS,MAAM,MAAM,UAAU,kCAAkC,UAAU,QAAQ;AAC7F;AAIA,MAAM,cAAkD;AAAA,EACtD,SAAS;AAAA,IACP,UAAU;AAAA,IAAoC,eAAe;AAAA,IAC7D,aAAa;AAAA,IAAuC,kBAAkB;AAAA,IACtE,SAAS;AAAA,IAAmC,cAAc;AAAA,IAAiB,UAAU;AAAA,EACvF;AAAA,EACA,MAAM;AAAA,IACJ,UAAU;AAAA,IAAiC,eAAe;AAAA,IAC1D,aAAa;AAAA,IAAoC,kBAAkB;AAAA,IACnE,SAAS;AAAA,IAAgC,cAAc;AAAA,IAAY,UAAU;AAAA,EAC/E;AAAA,EACA,MAAM;AAAA,IACJ,UAAU;AAAA,IAAiC,eAAe;AAAA,IAC1D,aAAa;AAAA,IAAoC,kBAAkB;AAAA,IACnE,SAAS;AAAA,IAAgC,cAAc;AAAA,IAAa,UAAU;AAAA,EAChF;AAAA,EACA,OAAO;AAAA,IACL,UAAU;AAAA,IAAkC,eAAe;AAAA,IAC3D,aAAa;AAAA,IAAqC,kBAAkB;AAAA,IACpE,SAAS;AAAA,IAAiC,cAAc;AAAA,IAAc,UAAU;AAAA,EAClF;AACF;AAEA,MAAM,kBAAgH;AAAA,EACpH,EAAE,KAAK,YAAY,UAAU,8CAA8C,eAAe,YAAY,KAAK,sBAAsB;AAAA,EACjI,EAAE,KAAK,WAAW,UAAU,6CAA6C,eAAe,WAAW,KAAK,yBAAyB;AACnI;AAEA,MAAM,gBAA8F;AAAA,EAClG,EAAE,KAAK,aAAa,UAAU,6CAA6C,eAAe,aAAa,KAAK,yBAAyB;AAAA,EACrI,EAAE,KAAK,aAAa,UAAU,6CAA6C,eAAe,aAAa,KAAK,yBAAyB;AAAA,EACrI,EAAE,KAAK,YAAY,UAAU,4CAA4C,eAAe,aAAa,KAAK,sBAAsB;AAAA,EAChI,EAAE,KAAK,QAAQ,UAAU,wCAAwC,eAAe,QAAQ,KAAK,yBAAyB;AAAA,EACtH,EAAE,KAAK,aAAa,UAAU,6CAA6C,eAAe,cAAc,KAAK,uBAAuB;AACtI;AAEA,MAAM,kBAAgG;AAAA,EACpG,EAAE,KAAK,OAAO,UAAU,wCAAwC,eAAe,OAAO,KAAK,sBAAsB;AAAA,EACjH,EAAE,KAAK,UAAU,UAAU,2CAA2C,eAAe,UAAU,KAAK,sBAAsB;AAAA,EAC1H,EAAE,KAAK,QAAQ,UAAU,yCAAyC,eAAe,QAAQ,KAAK,yBAAyB;AAAA,EACvH,EAAE,KAAK,UAAU,UAAU,2CAA2C,eAAe,UAAU,KAAK,uBAAuB;AAC7H;AAeO,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAgC;AAC9B,QAAM,IAAI,KAAK;AACf,QAAM,QAAQ,qBAAqB,EAAE,MAAM,UAAU,YAAY,KAAK,CAAC;AACvE,QAAM,gBAAgB,iBAAiB,MAAM,YAAY;AACzD,QAAM,EAAE,SAAS,qBAAqB,IAAI,iBAAiB;AAC3D,QAAM,YAAY,QAAQ,UAAU,EAAE;AACtC,QAAM,SAAS,YAAY,MAAM,YAAY;AAC7C,QAAM,WAAW,OAAO;AACxB,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAiC,UAAU;AAC3F,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAwB,IAAI;AACxE,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,MAAM,SAAS,EAAE;AAC/D,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAAiB,QAAQ;AAEvE,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,KAAM;AACX,UAAM,MAAM;AACZ,UAAM,KAAM,KAAK,gBAAgB,OAAO,IAAI,iBAAiB,WAAW,IAAI,eAAe;AAC3F,qBAAiB,OAAO,IAAI,kBAAkB,YAAY,GAAG,kBAAkB,YAAY,YAAY,UAAU;AACjH,mBAAe,OAAO,IAAI,gBAAgB,WAAW,GAAG,cAAc,IAAI;AAC1E,uBAAmB,OAAO,IAAI,oBAAoB,WAAW,GAAG,kBAAkB,EAAE;AACpF,oBAAgB,OAAO,IAAI,iBAAiB,WAAW,GAAG,eAAe,QAAQ;AAAA,EACnF,GAAG,CAAC,MAAM,QAAQ,CAAC;AAInB,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,QAAQ,UAAW;AACxB,qBAAiB,UAAU;AAC3B,mBAAe,IAAI;AACnB,uBAAmB,EAAE;AACrB,oBAAgB,QAAQ;AAAA,EAC1B,GAAG,CAAC,MAAM,cAAc,MAAM,SAAS,CAAC;AAExC,QAAM,eAAe,MAAM,QAAQ,MAAM,KAAK,UAAU;AAAA,IACtD,cAAc,MAAM;AAAA,IACpB,OAAO,MAAM;AAAA,IACb,MAAM,MAAM;AAAA,IACZ,WAAW,MAAM;AAAA,IACjB,UAAU,MAAM;AAAA,IAChB,QAAQ,MAAM;AAAA,IACd,aAAa,MAAM;AAAA,IACnB,UAAU,MAAM;AAAA,IAChB,iBAAiB,MAAM;AAAA,IACvB,YAAY,MAAM;AAAA,IAClB,cAAc,MAAM;AAAA,IACpB,gBAAgB,MAAM;AAAA,IACtB,mBAAmB,MAAM;AAAA,IACzB,gBAAgB,MAAM;AAAA,IACtB,mBAAmB,MAAM;AAAA,IACzB,iBAAiB,MAAM;AAAA,IACvB,mBAAmB,MAAM;AAAA,IACzB,kBAAkB,MAAM;AAAA,EAC1B,CAAC,GAAG;AAAA,IACF,MAAM;AAAA,IAAc,MAAM;AAAA,IAAO,MAAM;AAAA,IAAM,MAAM;AAAA,IAAW,MAAM;AAAA,IAAU,MAAM;AAAA,IACpF,MAAM;AAAA,IAAa,MAAM;AAAA,IAAU,MAAM;AAAA,IAAiB,MAAM;AAAA,IAAY,MAAM;AAAA,IAClF,MAAM;AAAA,IAAgB,MAAM;AAAA,IAAmB,MAAM;AAAA,IAAgB,MAAM;AAAA,IAC3E,MAAM;AAAA,IAAiB,MAAM;AAAA,IAAmB,MAAM;AAAA,EACxD,CAAC;AACD,QAAM,qBAAqB,MAAM,OAAsB,IAAI;AAC3D,QAAM,qBAAqB,MAAM,OAAsB,IAAI;AAC3D,QAAM,yBAAyB,MAAM,OAAO,CAAC;AAC7C,QAAM,UAAU,OAAO,GAAG,UAAU,MAAM,KAAK,KAAK;AACpD,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,MAAM;AACT,yBAAmB,UAAU;AAC7B,yBAAmB,UAAU;AAC7B,6BAAuB,UAAU;AACjC;AAAA,IACF;AACA,QAAI,mBAAmB,YAAY,SAAS;AAC1C,yBAAmB,UAAU;AAC7B,6BAAuB,UAAU;AACjC,yBAAmB,UAAU;AAAA,IAC/B;AACA,QAAI,uBAAuB,UAAU,GAAG;AACtC,yBAAmB,UAAU;AAC7B,6BAAuB,WAAW;AAAA,IACpC;AAAA,EACF,GAAG,CAAC,MAAM,SAAS,YAAY,CAAC;AAEhC,QAAM,UAAU,MAAM,YAAY,MAAM;AACtC,QAAI,mBAAmB,WAAW,KAAM,QAAO;AAC/C,WAAO,mBAAmB,YAAY;AAAA,EACxC,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,eAAe,MAAM,YAAY,YAAY;AACjD,QAAI,CAAC,QAAQ,GAAG;AACd,cAAQ;AACR;AAAA,IACF;AACA,UAAM,KAAK,MAAM,QAAQ;AAAA,MACvB,OAAO,EAAE,2CAA2C,0BAA0B;AAAA,MAC9E,aAAa;AAAA,QACX;AAAA,QACA;AAAA,MACF;AAAA,MACA,aAAa,EAAE,6CAA6C,SAAS;AAAA,MACrE,YAAY,EAAE,4CAA4C,cAAc;AAAA,MACxE,SAAS;AAAA,IACX,CAAC;AACD,QAAI,GAAI,SAAQ;AAAA,EAClB,GAAG,CAAC,SAAS,SAAS,SAAS,CAAC,CAAC;AAEjC,QAAM,oBAAoB,MAAM;AAAA,IAC9B,MAAM,qBAAqB,UAAU,IAAI,QAAQ;AAAA,IACjD,CAAC,UAAU,UAAU;AAAA,EACvB;AACA,QAAM,EAAE,aAAa,kBAAkB,IAAI,mBAMxC;AAAA,IACD,WAAW;AAAA,IACX,gBAAgB,EAAE,8BAA8B,4BAA4B;AAAA,EAC9E,CAAC;AACD,QAAM,kBAAkB,MAAM;AAAA,IAC5B,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,cACE,eAAe,YACX,sBACA,eAAe,WACb,qBACA;AAAA,MACR,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,UAAU,YAAY,mBAAmB,iBAAiB;AAAA,EAC7D;AACA,QAAM,qBAAqB,MAAM;AAAA,IAC/B,OAAW,WAA6B,oBACtC,YAAY;AAAA,MACV;AAAA,MACA;AAAA,MACA,SAAS;AAAA,IACX,CAAC;AAAA,IACH,CAAC,iBAAiB,WAAW;AAAA,EAC/B;AAGA,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,QAAQ,MAAM,UAAU,CAAC,MAAM,QAAQ,CAAC,MAAM,WAAW;AAC5D,YAAM,YAAY,IAAI;AACtB;AAAA,IACF;AACA,UAAM,QAAQ,WAAW,YAAY;AACnC,UAAI;AACF,cAAM,aAAa,oBAAI,KAAK,GAAG,MAAM,IAAI,IAAI,MAAM,SAAS,KAAK;AACjE,cAAM,SAAS,IAAI,gBAAgB;AAAA,UACjC,MAAM,MAAM;AAAA,UACZ,WAAW,MAAM;AAAA,UACjB,UAAU,OAAO,MAAM,QAAQ;AAAA,QACjC,CAAC;AACD,YAAI,UAAU,IAAI;AAChB,iBAAO,IAAI,aAAa,SAAS,EAAE;AAAA,QACrC;AACA,YAAI,CAAC,OAAO,MAAM,WAAW,QAAQ,CAAC,GAAG;AACvC,iBAAO,IAAI,yBAAyB,OAAO,CAAC,WAAW,kBAAkB,CAAC,CAAC;AAAA,QAC7E;AACA,cAAM,OAAO,MAAM,qBAGhB,yCAAyC,OAAO,SAAS,CAAC,EAAE;AAC/D,YAAI,MAAM,gBAAgB,MAAM,QAAQ,KAAK,SAAS,KAAK,KAAK,UAAU,SAAS,GAAG;AACpF,gBAAM,eAAe,KAAK,UACvB,IAAI,CAAC,MAAM,GAAG,EAAE,SAAS,SAAI,EAAE,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,EAC9D,KAAK,IAAI;AACZ,gBAAM;AAAA,YACJ,EAAE,2CAA2C,4BAA4B,EAAE,OAAO,aAAa,CAAC;AAAA,UAClG;AAAA,QACF,OAAO;AACL,gBAAM,YAAY,IAAI;AAAA,QACxB;AAAA,MACF,QAAQ;AACN,cAAM,YAAY,IAAI;AAAA,MACxB;AAAA,IACF,GAAG,GAAG;AACN,WAAO,MAAM,aAAa,KAAK;AAAA,EACjC,GAAG,CAAC,UAAU,IAAI,MAAM,MAAM,MAAM,MAAM,WAAW,MAAM,UAAU,MAAM,QAAQ,CAAC,CAAC;AAErF,QAAM,aAAa,MAAM,YAAY,YAAY;AAC/C,QAAI,CAAC,MAAM,MAAM,KAAK,EAAG;AACzB,UAAM,UAAU,IAAI;AACpB,QAAI;AACF,YAAM,cAAc,MAAM,UACtB,oBAAI,KAAK,GAAG,MAAM,IAAI,WAAW,GAAE,YAAY,KAC/C,oBAAI,KAAK,GAAG,MAAM,IAAI,IAAI,MAAM,SAAS,KAAK,GAAE,YAAY;AAEhE,YAAM,iBAAiB,MAAM,oBACzB,oBAAoB,MAAM,gBAAgB,MAAM,mBAAmB,MAAM,iBAAiB,MAAM,iBAAiB,IACjH;AAEJ,YAAM,aAAa,QAAQ,UAAU,EAAE;AACvC,YAAM,eAAwC,CAAC;AAC/C,UAAI,MAAM,iBAAiB,QAAQ;AACjC,qBAAa,gBAAgB;AAC7B,YAAI,YAAa,cAAa,cAAc;AAC5C,YAAI,gBAAgB,KAAK,EAAG,cAAa,kBAAkB,gBAAgB,KAAK;AAAA,MAClF;AACA,UAAI,MAAM,iBAAiB,QAAQ;AACjC,qBAAa,eAAe;AAAA,MAC9B;AACA,YAAM,UAAU;AAAA,QACd,GAAI,aAAa,EAAE,IAAI,SAAU,GAAG,IAAI,CAAC;AAAA,QACzC;AAAA,QACA;AAAA,QACA,iBAAiB,MAAM;AAAA,QACvB,OAAO,MAAM,MAAM,KAAK;AAAA,QACxB,MAAM,MAAM,YAAY,KAAK,KAAK;AAAA,QAClC,QAAQ;AAAA,QACR;AAAA,QACA,iBAAiB,cAAc,IAAI,UAAU,KAAK,CAAC,MAAM,SAAS,MAAM,WAAW;AAAA,QACnF,UAAU,cAAc,IAAI,UAAU,IAAK,MAAM,SAAS,KAAK,KAAK,OAAQ;AAAA,QAC5E,QAAQ,cAAc,IAAI,QAAQ,IAAI,MAAM,SAAS;AAAA,QACrD,gBAAgB,cAAc,IAAI,YAAY,IAAI,iBAAiB;AAAA,QACnE,eAAe,cAAc,IAAI,YAAY,KAAK,MAAM,sBAAsB,UAAU,MAAM,oBAC1F,IAAI,KAAK,MAAM,iBAAiB,EAAE,YAAY,IAC9C;AAAA,QACJ,cAAc,cAAc,IAAI,cAAc,KAAK,MAAM,aAAa,SAAS,IAC3E,MAAM,aAAa,IAAI,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,MAAM,EAAE,MAAM,OAAO,EAAE,OAAO,QAAQ,EAAE,UAAU,UAAU,EAAE,IACjH;AAAA,QACJ,kBAAkB,cAAc,IAAI,cAAc,KAAK,MAAM,aAAa,SAAS,IAAI,MAAM,mBAAmB;AAAA,QAChH,gBAAgB,MAAM,eAAe,SAAS,IAC1C,MAAM,eAAe,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,MAAM,EAAE,MAAM,OAAO,EAAE,MAAM,EAAE,IAC5E;AAAA,QACJ,iBAAiB,cAAc,IAAI,UAAU,IAAI,MAAM,kBAAkB;AAAA,QACzE,YAAY,cAAc,IAAI,YAAY,IAAI,MAAM,aAAa;AAAA,QACjE,GAAI,OAAO,KAAK,YAAY,EAAE,SAAS,IAAI,EAAE,aAAa,IAAI,CAAC;AAAA,MACjE;AACA,YAAM;AAAA,QACJ,MACE,eAAe,+BAA+B;AAAA,UAC5C,QAAQ,aAAa,QAAQ;AAAA,UAC7B,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,UAC9C,MAAM,KAAK,UAAU,OAAO;AAAA,QAC9B,CAAC;AAAA,QACH;AAAA,UACE,WAAW,aAAa,mBAAmB;AAAA,UAC3C,eAAe,UAAU,MAAM;AAAA,UAC/B,iBAAiB,MAAM;AAAA,QACzB;AAAA,MACF;AACA,YAAM,EAAE,4BAA4B,oBAAoB,GAAG,SAAS;AACpE,cAAQ;AAER,4BAAsB,MAAM;AAAE,4BAAoB;AAAA,MAAE,CAAC;AAAA,IACvD,QAAQ;AACN,YAAM,EAAE,4BAA4B,6BAA6B,GAAG,OAAO;AAAA,IAC7E,UAAE;AACA,YAAM,UAAU,KAAK;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,MAAM,cAAc,MAAM,QAAQ,MAAM,MAAM,MAAM,aAAa,QAAQ,MAAM,UAAU,UAAU,UAAU,MAAM,kBAAkB,MAAM,gBAAgB,MAAM,UAAU,mBAAmB,SAAS,MAAM,cAAc,MAAM,iBAAiB,MAAM,gBAAgB,MAAM,mBAAmB,MAAM,mBAAmB,MAAM,mBAAmB,MAAM,iBAAiB,oBAAoB,MAAM,WAAW,GAAG,MAAM,OAAO,MAAM,YAAY,aAAa,CAAC;AAEnc,QAAM,gBAAgB,MAAM,YAAY,CAAC,MAA2B;AAClE,SAAK,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,SAAS;AACjD,QAAE,eAAe;AACjB,iBAAW;AAAA,IACb;AAAA,EACF,GAAG,CAAC,UAAU,CAAC;AAEf,SACE,qBAAC,UAAO,MAAY,cAAc,CAAC,MAAM;AAAE,QAAI,CAAC,EAAG,MAAK,aAAa;AAAA,EAAE,GACpE;AAAA;AAAA,IACD,qBAAC,iBAAc,WAAU,wIAAuI,WAAW,eAAe,oBAAkB,QAC1M;AAAA,0BAAC,kBACC,8BAAC,eAAa,sBAAY,EAAE,gCAAgC,eAAe,IAAI,EAAE,OAAO,UAAU,OAAO,aAAa,GAAE,GAC1H;AAAA,MAGA,qBAAC,SAAI,WAAU,kGACb;AAAA,6BAAC,SAAI,WAAU,uBACb;AAAA,8BAAC,QAAG,WAAU,sEACX,sBAAY,EAAE,gCAAgC,eAAe,IAAI,EAAE,OAAO,UAAU,OAAO,aAAa,GAC3G;AAAA,UACA,oBAAC,OAAE,WAAU,iCACV,YAAE,OAAO,aAAa,OAAO,gBAAgB,GAChD;AAAA,UACC,aACC,qBAAC,OAAE,WAAU,2CACV;AAAA,cAAE,8BAA8B,yBAAyB,EAAE,MAAM,WAAW,CAAC;AAAA,YAC7E,cAAc,SAAM,WAAW,KAAK;AAAA,aACvC,IACE;AAAA,WACN;AAAA,QACA,oBAAC,cAAW,MAAK,UAAS,SAAQ,SAAQ,MAAK,MAAK,SAAS,MAAM;AAAE,eAAK,aAAa;AAAA,QAAE,GAAG,WAAU,kGAAiG,cAAY,EAAE,6BAA6B,QAAQ,GACxP,8BAAC,KAAE,WAAU,gCAA+B,GAC9C;AAAA,SACF;AAAA,MAEA,oBAAC,SAAI,WAAU,0BACf,+BAAC,SAAI,WAAU,yCAGd;AAAA,cAAM,YACL,qBAAC,SAAM,SAAQ,WAAU,WAAU,cACjC;AAAA,8BAAC,iBAAc,WAAU,UAAS;AAAA,UAClC,oBAAC,cACE,YAAE,qCAAqC,mBAAmB,GAC7D;AAAA,UACA,oBAAC,oBAAkB,gBAAM,UAAS;AAAA,WACpC;AAAA,QAIF,oBAAC,SAAI,WAAU,0BACZ,oBAAU,IAAI,CAAC,EAAE,MAAM,MAAM,MAAM,UAAU,SAAS,MAAM;AAC3D,gBAAM,WAAW,MAAM,iBAAiB;AACxC,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,MAAK;AAAA,cACL,SAAS,MAAM,MAAM,gBAAgB,IAAI;AAAA,cACzC,gBAAc;AAAA,cACd,WAAW;AAAA,gBACT;AAAA,gBACA,WACI,qDACA;AAAA,cACN;AAAA,cAEA;AAAA,oCAAC,QAAK,WAAU,eAAc;AAAA,gBAC7B,EAAE,UAAU,QAAQ;AAAA;AAAA;AAAA,YAZhB;AAAA,UAaP;AAAA,QAEJ,CAAC,GACH;AAAA,QAGA,qBAAC,SAAI,WAAU,yBACb;AAAA,8BAAC,WAAM,WAAU,oEACd,wBAAc,MAAM,cAAc,SAAS,GAAG,iCAAiC,OAAO,GACzF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAO,MAAM;AAAA,cACb,UAAU,CAAC,MAAM,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,cAC9C,aACE,MAAM,iBAAiB,UACnB,EAAE,yCAAyC,YAAY,IACvD,EAAE,uCAAuC,mBAAmB;AAAA,cAElE,WAAU;AAAA,cACV,WAAS;AAAA;AAAA,UACX;AAAA,WACF;AAAA,QAIA;AAAA,UAAC;AAAA;AAAA,YACC,SAAS;AAAA,YACT,cAAc,MAAM;AAAA,YACpB,MAAM,MAAM;AAAA,YACZ,SAAS,MAAM;AAAA,YACf,WAAW,MAAM;AAAA,YACjB,cAAc,MAAM;AAAA,YACpB,UAAU,MAAM;AAAA,YAChB,aAAa,MAAM;AAAA,YACnB,QAAQ,MAAM;AAAA,YACd,WAAW,MAAM;AAAA,YACjB,mBAAmB,MAAM;AAAA,YACzB,sBAAsB,MAAM;AAAA,YAC5B,gBAAgB,MAAM;AAAA,YACtB,qBAAqB,MAAM;AAAA,YAC3B,mBAAmB,MAAM;AAAA,YACzB,sBAAsB,MAAM;AAAA,YAC5B,iBAAiB,MAAM;AAAA,YACvB,oBAAoB,MAAM;AAAA,YAC1B,mBAAmB,MAAM;AAAA,YACzB,sBAAsB,MAAM;AAAA;AAAA,QAC9B;AAAA,QAGC,MAAM,iBAAiB,UACtB,qBAAC,SAAI,WAAU,uBACb;AAAA,+BAAC,SACC;AAAA,gCAAC,WAAM,WAAU,8EACd,YAAE,0CAA0C,WAAW,GAC1D;AAAA,YACA,oBAAC,SAAI,WAAU,6BACZ,0BAAgB,IAAI,CAAC,QAAQ;AAC5B,oBAAM,WAAW,kBAAkB,IAAI;AACvC,qBACE;AAAA,gBAAC;AAAA;AAAA,kBAEC,MAAK;AAAA,kBACL,gBAAc;AAAA,kBACd,SAAS,MAAM,iBAAiB,IAAI,GAAG;AAAA,kBACvC,WAAW;AAAA,oBACT;AAAA,oBACA,WACI,qDACA;AAAA,kBACN;AAAA,kBAEA;AAAA,wCAAC,UAAK,WAAW,GAAG,sCAAsC,IAAI,GAAG,GAAG,eAAW,MAAC;AAAA,oBAC/E,EAAE,IAAI,UAAU,IAAI,aAAa;AAAA;AAAA;AAAA,gBAZ7B,IAAI;AAAA,cAaX;AAAA,YAEJ,CAAC,GACH;AAAA,aACF;AAAA,UACA,qBAAC,SACC;AAAA,gCAAC,WAAM,WAAU,8EACd,YAAE,wCAAwC,SAAS,GACtD;AAAA,YACA,oBAAC,SAAI,WAAU,6BACZ,wBAAc,IAAI,CAAC,QAAQ;AAC1B,oBAAM,WAAW,gBAAgB,IAAI;AACrC,qBACE;AAAA,gBAAC;AAAA;AAAA,kBAEC,MAAK;AAAA,kBACL,gBAAc;AAAA,kBACd,SAAS,MAAM,eAAe,WAAW,OAAO,IAAI,GAAG;AAAA,kBACvD,WAAW;AAAA,oBACT;AAAA,oBACA,WACI,qDACA;AAAA,kBACN;AAAA,kBAEA;AAAA,wCAAC,UAAK,WAAW,GAAG,sCAAsC,IAAI,GAAG,GAAG,eAAW,MAAC;AAAA,oBAC/E,EAAE,IAAI,UAAU,IAAI,aAAa;AAAA;AAAA;AAAA,gBAZ7B,IAAI;AAAA,cAaX;AAAA,YAEJ,CAAC,GACH;AAAA,aACF;AAAA,WACF;AAAA,QAID,MAAM,iBAAiB,UACtB,qBAAC,SACC;AAAA,8BAAC,WAAM,WAAU,8EACd,YAAE,yCAAyC,UAAU,GACxD;AAAA,UACA,oBAAC,SAAI,WAAU,6BACZ,0BAAgB,IAAI,CAAC,QAAQ;AAC5B,kBAAM,WAAW,iBAAiB,IAAI;AACtC,mBACE;AAAA,cAAC;AAAA;AAAA,gBAEC,MAAK;AAAA,gBACL,gBAAc;AAAA,gBACd,SAAS,MAAM,gBAAgB,IAAI,GAAG;AAAA,gBACtC,WAAW;AAAA,kBACT;AAAA,kBACA,WACI,qDACA;AAAA,gBACN;AAAA,gBAEA;AAAA,sCAAC,UAAK,WAAW,GAAG,sCAAsC,IAAI,GAAG,GAAG,eAAW,MAAC;AAAA,kBAC/E,EAAE,IAAI,UAAU,IAAI,aAAa;AAAA;AAAA;AAAA,cAZ7B,IAAI;AAAA,YAaX;AAAA,UAEJ,CAAC,GACH;AAAA,WACF;AAAA,QAIF;AAAA,UAAC;AAAA;AAAA,YACC,SAAS;AAAA,YACT,cAAc,MAAM;AAAA,YACpB,cAAc,MAAM;AAAA,YACpB,iBAAiB,MAAM;AAAA,YACvB,mBAAmB,MAAM;AAAA,YACzB,kBAAkB,MAAM;AAAA,YACxB,qBAAqB,MAAM;AAAA;AAAA,QAC7B;AAAA,QAGC,MAAM,iBAAiB,SACtB,qBAAC,SAAI,WAAU,yBACb;AAAA,8BAAC,WAAM,WAAU,8EACd,YAAE,sCAAsC,cAAc,GACzD;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAO;AAAA,cACP,UAAU,CAAC,MAAM,mBAAmB,EAAE,OAAO,KAAK;AAAA,cAClD,aAAa,EAAE,4CAA4C,iBAAiB;AAAA,cAC5E,WAAU;AAAA;AAAA,UACZ;AAAA,WACF,IAEA;AAAA,UAAC;AAAA;AAAA,YACC,SAAS;AAAA,YACT,cAAc,MAAM;AAAA,YACpB,UAAU,MAAM;AAAA,YAChB,aAAa,MAAM;AAAA;AAAA,QACrB;AAAA,QAIF;AAAA,UAAC;AAAA;AAAA,YACC,SAAS;AAAA,YACT,cAAc,MAAM;AAAA,YACpB,gBAAgB,MAAM;AAAA,YACtB,mBAAmB,MAAM;AAAA;AAAA,QAC3B;AAAA,QAGA,qBAAC,SACC;AAAA,8BAAC,WAAM,WAAU,8EACd,wBAAc,MAAM,cAAc,eAAe,GAAG,kCAAkC,aAAa,GACtG;AAAA,UACA,oBAAC,SAAI,WAAU,YACb;AAAA,YAAC;AAAA;AAAA,cACC,OAAO,MAAM;AAAA,cACb,UAAU,MAAM;AAAA,cAChB,mBAAmB,MAAM;AAAA,cACzB,QAAQ;AAAA,cACR,aAAa,EAAE,6CAA6C,gBAAgB;AAAA;AAAA,UAC9E,GACF;AAAA,WACF;AAAA,QAGA;AAAA,UAAC;AAAA;AAAA,YACC,SAAS;AAAA,YACT,cAAc,MAAM;AAAA,YACpB,iBAAiB,MAAM;AAAA,YACvB,oBAAoB,MAAM;AAAA,YAC1B,YAAY,MAAM;AAAA,YAClB,eAAe,MAAM;AAAA;AAAA,QACvB;AAAA,SAEA,GACA;AAAA,MAGA,qBAAC,SAAI,WAAU,+FACb;AAAA,4BAAC,UAAO,MAAK,UAAS,SAAQ,WAAU,SAAS,MAAM;AAAE,eAAK,aAAa;AAAA,QAAE,GAAG,WAAU,gGACvF,YAAE,6BAA6B,QAAQ,GAC1C;AAAA,QACA,qBAAC,UAAO,MAAK,UAAS,SAAS,YAAY,UAAU,MAAM,UAAU,CAAC,MAAM,MAAM,KAAK,GAAG,WAAU,+IAClG;AAAA,8BAAC,YAAS,WAAU,YAAW;AAAA,UAC9B,MAAM,SACH,EAAE,6BAA6B,WAAW,IAC1C,YACE,EAAE,6BAA6B,iBAAiB,IAChD,EAAE,OAAO,SAAS,OAAO,YAAY;AAAA,WAC7C;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAEJ;AAIA,SAAS,oBACP,MACA,SACA,OACA,SACQ;AACR,QAAM,WAAW,CAAC,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,IAAI;AAC1D,QAAM,eAAe,KAAK,IAAI,CAAC,QAAQ,MAAO,SAAS,SAAS,CAAC,IAAI,IAAK,EAAE,OAAO,OAAO;AAC1F,MAAI,OAAO,qBAAqB,aAAa,KAAK,GAAG,CAAC;AACtD,MAAI,YAAY,QAAS,SAAQ,UAAU,KAAK;AAChD,MAAI,YAAY,UAAU,QAAS,SAAQ,UAAU,QAAQ,QAAQ,MAAM,EAAE,CAAC;AAC9E,SAAO;AACT;",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Users, Phone, Check, Mail, Calendar, AlertTriangle, X } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { validatePhoneNumber } from '@open-mercato/shared/lib/phone'\nimport { apiCallOrThrow, readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { mapCrudServerErrorToFormErrors } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { Alert, AlertDescription, AlertTitle } from '@open-mercato/ui/primitives/alert'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { Dialog, DialogContent, DialogTitle } from '@open-mercato/ui/primitives/dialog'\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden'\nimport { PhoneNumberField, SwitchableMarkdownInput } from '@open-mercato/ui/backend/inputs'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport {\n  useScheduleFormState,\n  FIELD_VISIBILITY,\n  getFieldLabel,\n  DateTimeFields,\n  ParticipantsField,\n  LocationField,\n  FooterFields,\n  LinkedEntitiesField,\n} from './schedule'\nimport type { ActivityType, ScheduleActivityEditData } from './schedule'\n\nconst TYPE_TABS: Array<{ type: ActivityType; icon: React.ComponentType<{ className?: string }>; labelKey: string; fallback: string }> = [\n  { type: 'meeting', icon: Users, labelKey: 'customers.schedule.types.meeting', fallback: 'Meeting' },\n  { type: 'call', icon: Phone, labelKey: 'customers.schedule.types.call', fallback: 'Call' },\n  { type: 'task', icon: Check, labelKey: 'customers.schedule.types.task', fallback: 'Task' },\n  { type: 'email', icon: Mail, labelKey: 'customers.schedule.types.email', fallback: 'Email' },\n]\n\ntype DialogChrome = { titleKey: string; titleFallback: string; subtitleKey: string; subtitleFallback: string; saveKey: string; saveFallback: string; saveIcon: React.ComponentType<{ className?: string }> }\n\nconst TYPE_CHROME: Record<ActivityType, DialogChrome> = {\n  meeting: {\n    titleKey: 'customers.schedule.meeting.title', titleFallback: 'New meeting',\n    subtitleKey: 'customers.schedule.meeting.subtitle', subtitleFallback: 'Block time on the calendar with attendees',\n    saveKey: 'customers.schedule.meeting.save', saveFallback: 'Save activity', saveIcon: Calendar,\n  },\n  call: {\n    titleKey: 'customers.schedule.call.title', titleFallback: 'Log call',\n    subtitleKey: 'customers.schedule.call.subtitle', subtitleFallback: 'Log a call you just had or schedule one',\n    saveKey: 'customers.schedule.call.save', saveFallback: 'Log call', saveIcon: Phone,\n  },\n  task: {\n    titleKey: 'customers.schedule.task.title', titleFallback: 'New task',\n    subtitleKey: 'customers.schedule.task.subtitle', subtitleFallback: 'Capture something to follow up on',\n    saveKey: 'customers.schedule.task.save', saveFallback: 'Save task', saveIcon: Check,\n  },\n  email: {\n    titleKey: 'customers.schedule.email.title', titleFallback: 'Compose email',\n    subtitleKey: 'customers.schedule.email.subtitle', subtitleFallback: 'Compose and send a tracked email',\n    saveKey: 'customers.schedule.email.save', saveFallback: 'Send email', saveIcon: Mail,\n  },\n}\n\nconst CALL_DIRECTIONS: Array<{ key: 'outbound' | 'inbound'; labelKey: string; labelFallback: string; dot: string }> = [\n  { key: 'outbound', labelKey: 'customers.schedule.call.direction.outbound', labelFallback: 'Outbound', dot: 'bg-status-info-icon' },\n  { key: 'inbound', labelKey: 'customers.schedule.call.direction.inbound', labelFallback: 'Inbound', dot: 'bg-status-success-icon' },\n]\n\nconst CALL_OUTCOMES: Array<{ key: string; labelKey: string; labelFallback: string; dot: string }> = [\n  { key: 'connected', labelKey: 'customers.schedule.call.outcome.connected', labelFallback: 'Connected', dot: 'bg-status-success-icon' },\n  { key: 'voicemail', labelKey: 'customers.schedule.call.outcome.voicemail', labelFallback: 'Voicemail', dot: 'bg-status-warning-icon' },\n  { key: 'noanswer', labelKey: 'customers.schedule.call.outcome.noAnswer', labelFallback: 'No answer', dot: 'bg-muted-foreground' },\n  { key: 'busy', labelKey: 'customers.schedule.call.outcome.busy', labelFallback: 'Busy', dot: 'bg-status-warning-icon' },\n  { key: 'badnumber', labelKey: 'customers.schedule.call.outcome.badNumber', labelFallback: 'Bad number', dot: 'bg-status-error-icon' },\n]\n\nconst TASK_PRIORITIES: Array<{ key: string; labelKey: string; labelFallback: string; dot: string }> = [\n  { key: 'low', labelKey: 'customers.schedule.task.priority.low', labelFallback: 'Low', dot: 'bg-muted-foreground' },\n  { key: 'medium', labelKey: 'customers.schedule.task.priority.medium', labelFallback: 'Medium', dot: 'bg-status-info-icon' },\n  { key: 'high', labelKey: 'customers.schedule.task.priority.high', labelFallback: 'High', dot: 'bg-status-warning-icon' },\n  { key: 'urgent', labelKey: 'customers.schedule.task.priority.urgent', labelFallback: 'Urgent', dot: 'bg-status-error-icon' },\n]\n\ninterface ScheduleActivityDialogProps {\n  open: boolean\n  onClose: () => void\n  entityId: string\n  dealId?: string | null\n  entityName?: string\n  companyName?: string | null\n  entityType: 'company' | 'person' | 'deal'\n  onActivityCreated?: () => void\n  /** When provided, dialog opens in edit mode with pre-filled data */\n  editData?: ScheduleActivityEditData | null\n}\n\nexport function ScheduleActivityDialog({\n  open,\n  onClose,\n  entityId,\n  dealId = null,\n  entityName,\n  companyName,\n  entityType,\n  onActivityCreated,\n  editData,\n}: ScheduleActivityDialogProps) {\n  const t = useT()\n  const state = useScheduleFormState({ open, editData: editData ?? null })\n  const visibleFields = FIELD_VISIBILITY[state.activityType]\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const isEditing = Boolean(editData?.id)\n  const chrome = TYPE_CHROME[state.activityType]\n  const SaveIcon = chrome.saveIcon\n  const [callDirection, setCallDirection] = React.useState<'outbound' | 'inbound'>('outbound')\n  const [callOutcome, setCallOutcome] = React.useState<string | null>(null)\n  const [callPhoneNumber, setCallPhoneNumber] = React.useState('')\n  const [callPhoneError, setCallPhoneError] = React.useState<string | null>(null)\n  const [taskPriority, setTaskPriority] = React.useState<string>('medium')\n  const callPhoneInvalidMessage = React.useMemo(\n    () =>\n      t(\n        'customers.activities.errors.phoneInvalid',\n        'Enter a valid phone number with country code (e.g. +1 212 555 1234)',\n      ),\n    [t],\n  )\n  const translateErrorMessage = React.useCallback(\n    (message: string | undefined, fallback: string) => {\n      const key = typeof message === 'string' ? message.trim() : ''\n      return key ? t(key, key) : fallback\n    },\n    [t],\n  )\n\n  React.useEffect(() => {\n    if (!open) return\n    const raw = editData as (Record<string, unknown> & { customValues?: unknown; phoneNumber?: unknown }) | null | undefined\n    const cv = (raw?.customValues && typeof raw.customValues === 'object' ? raw.customValues : null) as Record<string, unknown> | null\n    setCallDirection(typeof cv?.callDirection === 'string' && cv.callDirection === 'inbound' ? 'inbound' : 'outbound')\n    setCallOutcome(typeof cv?.callOutcome === 'string' ? cv.callOutcome : null)\n    // Seed phone number from either top-level `phoneNumber` (newer write path)\n    // or legacy `customValues.callPhoneNumber` so previously-saved calls still\n    // round-trip on edit (#1808).\n    const seededPhone =\n      typeof raw?.phoneNumber === 'string' && raw.phoneNumber.trim().length > 0\n        ? raw.phoneNumber\n        : typeof cv?.callPhoneNumber === 'string'\n          ? cv.callPhoneNumber\n          : ''\n    setCallPhoneNumber(seededPhone)\n    setCallPhoneError(null)\n    setTaskPriority(typeof cv?.taskPriority === 'string' ? cv.taskPriority : 'medium')\n  }, [open, editData])\n\n  // Reset per-type chip state when the user switches activity type in create mode.\n  // In edit mode, the persisted customValues should win, so we skip the reset.\n  React.useEffect(() => {\n    if (!open || isEditing) return\n    setCallDirection('outbound')\n    setCallOutcome(null)\n    setCallPhoneNumber('')\n    setCallPhoneError(null)\n    setTaskPriority('medium')\n  }, [state.activityType, open, isEditing])\n\n  const handleCallPhoneChange = React.useCallback((next: string | undefined) => {\n    setCallPhoneNumber(next ?? '')\n    setCallPhoneError(null)\n  }, [])\n\n  const formSnapshot = React.useMemo(() => JSON.stringify({\n    activityType: state.activityType,\n    title: state.title,\n    date: state.date,\n    startTime: state.startTime,\n    duration: state.duration,\n    allDay: state.allDay,\n    description: state.description,\n    location: state.location,\n    reminderMinutes: state.reminderMinutes,\n    visibility: state.visibility,\n    participants: state.participants,\n    linkedEntities: state.linkedEntities,\n    recurrenceEnabled: state.recurrenceEnabled,\n    recurrenceDays: state.recurrenceDays,\n    recurrenceEndType: state.recurrenceEndType,\n    recurrenceCount: state.recurrenceCount,\n    recurrenceEndDate: state.recurrenceEndDate,\n    guestPermissions: state.guestPermissions,\n  }), [\n    state.activityType, state.title, state.date, state.startTime, state.duration, state.allDay,\n    state.description, state.location, state.reminderMinutes, state.visibility, state.participants,\n    state.linkedEntities, state.recurrenceEnabled, state.recurrenceDays, state.recurrenceEndType,\n    state.recurrenceCount, state.recurrenceEndDate, state.guestPermissions,\n  ])\n  const initialSnapshotRef = React.useRef<string | null>(null)\n  const snapshotOpenKeyRef = React.useRef<string | null>(null)\n  const snapshotSettleCountRef = React.useRef(0)\n  const openKey = open ? `${editData?.id ?? 'new'}` : null\n  React.useEffect(() => {\n    if (!open) {\n      initialSnapshotRef.current = null\n      snapshotOpenKeyRef.current = null\n      snapshotSettleCountRef.current = 0\n      return\n    }\n    if (snapshotOpenKeyRef.current !== openKey) {\n      snapshotOpenKeyRef.current = openKey\n      snapshotSettleCountRef.current = 0\n      initialSnapshotRef.current = null\n    }\n    if (snapshotSettleCountRef.current < 2) {\n      initialSnapshotRef.current = formSnapshot\n      snapshotSettleCountRef.current += 1\n    }\n  }, [open, openKey, formSnapshot])\n\n  const isDirty = React.useCallback(() => {\n    if (initialSnapshotRef.current == null) return false\n    return initialSnapshotRef.current !== formSnapshot\n  }, [formSnapshot])\n\n  const guardedClose = React.useCallback(async () => {\n    if (!isDirty()) {\n      onClose()\n      return\n    }\n    const ok = await confirm({\n      title: t('customers.schedule.discardConfirm.title', 'Discard unsaved changes?'),\n      description: t(\n        'customers.schedule.discardConfirm.description',\n        'You have unsaved edits in this activity. Save them first or continue to discard them.',\n      ),\n      confirmText: t('customers.schedule.discardConfirm.confirm', 'Discard'),\n      cancelText: t('customers.schedule.discardConfirm.cancel', 'Keep editing'),\n      variant: 'destructive',\n    })\n    if (ok) onClose()\n  }, [confirm, isDirty, onClose, t])\n\n  const mutationContextId = React.useMemo(\n    () => `customer-activity:${entityType}:${entityId}`,\n    [entityId, entityType],\n  )\n  const { runMutation, retryLastMutation } = useGuardedMutation<{\n    formId: string\n    resourceKind: string\n    resourceId: string\n    entityType: 'company' | 'person' | 'deal'\n    retryLastMutation: () => Promise<boolean>\n  }>({\n    contextId: mutationContextId,\n    blockedMessage: t('ui.forms.flash.saveBlocked', 'Save blocked by validation'),\n  })\n  const mutationContext = React.useMemo(\n    () => ({\n      formId: mutationContextId,\n      resourceKind:\n        entityType === 'company'\n          ? 'customers.company'\n          : entityType === 'person'\n            ? 'customers.person'\n            : 'customers.deal',\n      resourceId: entityId,\n      entityType,\n      retryLastMutation,\n    }),\n    [entityId, entityType, mutationContextId, retryLastMutation],\n  )\n  const runGuardedMutation = React.useCallback(\n    async <T,>(operation: () => Promise<T>, mutationPayload: Record<string, unknown>) =>\n      runMutation({\n        operation,\n        mutationPayload,\n        context: mutationContext,\n      }),\n    [mutationContext, runMutation],\n  )\n\n  // Conflict detection -- debounced check when date/time/duration changes\n  React.useEffect(() => {\n    if (!open || state.allDay || !state.date || !state.startTime) {\n      state.setConflict(null)\n      return\n    }\n    const timer = setTimeout(async () => {\n      try {\n        const localStart = new Date(`${state.date}T${state.startTime}:00`)\n        const params = new URLSearchParams({\n          date: state.date,\n          startTime: state.startTime,\n          duration: String(state.duration),\n        })\n        if (editData?.id) {\n          params.set('excludeId', editData.id)\n        }\n        if (!Number.isNaN(localStart.getTime())) {\n          params.set('timezoneOffsetMinutes', String(-localStart.getTimezoneOffset()))\n        }\n        const data = await readApiResultOrThrow<{\n          hasConflicts: boolean\n          conflicts: Array<{ id: string; title: string | null; startTime: string; endTime: string; type: string }>\n        }>(`/api/customers/interactions/conflicts?${params.toString()}`)\n        if (data?.hasConflicts && Array.isArray(data.conflicts) && data.conflicts.length > 0) {\n          const descriptions = data.conflicts\n            .map((c) => `${c.startTime}\u2013${c.endTime}: ${c.title ?? c.type}`)\n            .join(', ')\n          state.setConflict(\n            t('customers.schedule.conflict.description', 'Overlaps with: {{items}}', { items: descriptions }),\n          )\n        } else {\n          state.setConflict(null)\n        }\n      } catch {\n        state.setConflict(null)\n      }\n    }, 500)\n    return () => clearTimeout(timer)\n  }, [editData?.id, open, state.date, state.startTime, state.duration, state.allDay, t]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  const trimmedDate = state.date.trim()\n  const trimmedStartTime = state.startTime.trim()\n  const trimmedCallPhone = callPhoneNumber.trim()\n  const isDateMissing = !trimmedDate\n  const isTimeMissing = !state.allDay && !trimmedStartTime\n  const isSubmitDisabled =\n    state.saving ||\n    !state.title.trim() ||\n    isDateMissing ||\n    isTimeMissing\n\n  const handleSave = React.useCallback(async () => {\n    if (!state.title.trim()) return\n    if (isDateMissing) {\n      flash(t('customers.activities.errors.dateRequired', 'Date is required'), 'error')\n      return\n    }\n    if (isTimeMissing) {\n      flash(t('customers.activities.errors.timeRequired', 'Time is required'), 'error')\n      return\n    }\n    let phoneNumberForPayload: string | undefined\n    if (state.activityType === 'call' && trimmedCallPhone) {\n      const phoneValidation = validatePhoneNumber(trimmedCallPhone)\n      if (!phoneValidation.valid) {\n        setCallPhoneError(callPhoneInvalidMessage)\n        flash(callPhoneInvalidMessage, 'error')\n        return\n      }\n      phoneNumberForPayload = phoneValidation.normalized ?? trimmedCallPhone\n      setCallPhoneError(null)\n      if (phoneNumberForPayload !== callPhoneNumber) {\n        setCallPhoneNumber(phoneNumberForPayload)\n      }\n    }\n    state.setSaving(true)\n    try {\n      const scheduledAt = state.allDay\n        ? new Date(`${state.date}T00:00:00`).toISOString()\n        : new Date(`${state.date}T${state.startTime}:00`).toISOString()\n\n      const recurrenceRule = state.recurrenceEnabled\n        ? buildRecurrenceRule(state.recurrenceDays, state.recurrenceEndType, state.recurrenceCount, state.recurrenceEndDate)\n        : null\n\n      const isSaveEdit = Boolean(editData?.id)\n      const customValues: Record<string, unknown> = {}\n      if (state.activityType === 'call') {\n        customValues.callDirection = callDirection\n        if (callOutcome) customValues.callOutcome = callOutcome\n        if (phoneNumberForPayload) customValues.callPhoneNumber = phoneNumberForPayload\n      }\n      if (state.activityType === 'task') {\n        customValues.taskPriority = taskPriority\n      }\n      const payload = {\n        ...(isSaveEdit ? { id: editData!.id } : {}),\n        entityId,\n        dealId,\n        interactionType: state.activityType,\n        title: state.title.trim(),\n        body: state.description.trim() || null,\n        status: 'planned',\n        date: trimmedDate,\n        time: state.allDay ? '00:00' : trimmedStartTime,\n        phoneNumber: state.activityType === 'call' ? phoneNumberForPayload : undefined,\n        scheduledAt,\n        durationMinutes: visibleFields.has('duration') && !state.allDay ? state.duration : null,\n        location: visibleFields.has('location') ? (state.location.trim() || null) : null,\n        allDay: visibleFields.has('allDay') ? state.allDay : null,\n        recurrenceRule: visibleFields.has('recurrence') ? recurrenceRule : null,\n        recurrenceEnd: visibleFields.has('recurrence') && state.recurrenceEndType === 'date' && state.recurrenceEndDate\n          ? new Date(state.recurrenceEndDate).toISOString()\n          : null,\n        participants: visibleFields.has('participants') && state.participants.length > 0\n          ? state.participants.map((p) => ({ userId: p.userId, name: p.name, email: p.email, status: p.status ?? 'pending' }))\n          : null,\n        guestPermissions: visibleFields.has('participants') && state.participants.length > 0 ? state.guestPermissions : null,\n        linkedEntities: state.linkedEntities.length > 0\n          ? state.linkedEntities.map((e) => ({ id: e.id, type: e.type, label: e.label }))\n          : null,\n        reminderMinutes: visibleFields.has('reminder') ? state.reminderMinutes : null,\n        visibility: visibleFields.has('visibility') ? state.visibility : null,\n        ...(Object.keys(customValues).length > 0 ? { customValues } : {}),\n      }\n      await runGuardedMutation(\n        () =>\n          apiCallOrThrow('/api/customers/interactions', {\n            method: isSaveEdit ? 'PUT' : 'POST',\n            headers: { 'content-type': 'application/json' },\n            body: JSON.stringify(payload),\n          }),\n        {\n          operation: isSaveEdit ? 'updateActivity' : 'createActivity',\n          interactionId: editData?.id ?? null,\n          interactionType: state.activityType,\n        },\n      )\n      flash(t('customers.schedule.saved', 'Activity scheduled'), 'success')\n      onClose()\n      // Delay data reload so the dialog can unmount cleanly and Radix restores body scroll\n      requestAnimationFrame(() => { onActivityCreated?.() })\n    } catch (err) {\n      const { message, fieldErrors } = mapCrudServerErrorToFormErrors(err)\n      const phoneFieldError = fieldErrors?.phoneNumber\n      if (state.activityType === 'call' && phoneFieldError) {\n        const translatedPhoneError = translateErrorMessage(phoneFieldError, callPhoneInvalidMessage)\n        setCallPhoneError(translatedPhoneError)\n        flash(translatedPhoneError, 'error')\n        return\n      }\n      flash(\n        translateErrorMessage(message, t('customers.schedule.error', 'Failed to schedule activity')),\n        'error',\n      )\n    } finally {\n      state.setSaving(false)\n    }\n  }, [callDirection, callOutcome, callPhoneInvalidMessage, callPhoneNumber, isDateMissing, isTimeMissing, state.activityType, state.allDay, state.date, state.description, dealId, state.duration, editData, entityId, state.guestPermissions, state.linkedEntities, state.location, onActivityCreated, onClose, state.participants, state.recurrenceCount, state.recurrenceDays, state.recurrenceEnabled, state.recurrenceEndDate, state.recurrenceEndType, state.reminderMinutes, runGuardedMutation, state.startTime, t, taskPriority, state.title, translateErrorMessage, trimmedCallPhone, trimmedDate, trimmedStartTime, state.visibility, visibleFields]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  const handleKeyDown = React.useCallback((e: React.KeyboardEvent) => {\n    if ((e.metaKey || e.ctrlKey) && e.key === 'Enter') {\n      e.preventDefault()\n      handleSave()\n    }\n  }, [handleSave])\n\n  return (\n    <Dialog open={open} onOpenChange={(o) => { if (!o) void guardedClose() }}>\n      {ConfirmDialogElement}\n      <DialogContent className=\"flex max-h-[90vh] flex-col overflow-hidden border-border p-0 shadow-xl sm:max-w-[760px] sm:rounded-xl [&>[data-dialog-close]]:hidden\" onKeyDown={handleKeyDown} aria-describedby={undefined}>\n        <VisuallyHidden>\n          <DialogTitle>{isEditing ? t('customers.schedule.editTitle', 'Edit activity') : t(chrome.titleKey, chrome.titleFallback)}</DialogTitle>\n        </VisuallyHidden>\n\n        {/* Header */}\n        <div className=\"flex shrink-0 items-start justify-between gap-3 border-b border-border bg-background px-6 py-5\">\n          <div className=\"flex flex-col gap-1\">\n            <h2 className=\"text-lg font-semibold leading-tight tracking-tight text-foreground\">\n              {isEditing ? t('customers.schedule.editTitle', 'Edit activity') : t(chrome.titleKey, chrome.titleFallback)}\n            </h2>\n            <p className=\"text-sm text-muted-foreground\">\n              {t(chrome.subtitleKey, chrome.subtitleFallback)}\n            </p>\n            {entityName ? (\n              <p className=\"mt-0.5 text-xs text-muted-foreground/80\">\n                {t('customers.schedule.context', 'On timeline: {{name}}', { name: entityName })}\n                {companyName ? ` \u00B7 ${companyName}` : ''}\n              </p>\n            ) : null}\n          </div>\n          <IconButton type=\"button\" variant=\"ghost\" size=\"sm\" onClick={() => { void guardedClose() }} className=\"flex size-9 shrink-0 items-center justify-center rounded-md border border-border bg-background\" aria-label={t('customers.schedule.cancel', 'Cancel')}>\n            <X className=\"size-4 text-muted-foreground\" />\n          </IconButton>\n        </div>\n\n        <div className=\"flex-1 overflow-y-auto\">\n        <div className=\"flex flex-col gap-4 bg-background p-6\">\n\n        {/* Conflict warning */}\n        {state.conflict && (\n          <Alert variant=\"warning\" className=\"rounded-lg\">\n            <AlertTriangle className=\"size-5\" />\n            <AlertTitle>\n              {t('customers.schedule.conflict.title', 'Calendar conflict')}\n            </AlertTitle>\n            <AlertDescription>{state.conflict}</AlertDescription>\n          </Alert>\n        )}\n\n        {/* Type tabs \u2014 large rectangular tiles per Figma */}\n        <div className=\"grid grid-cols-4 gap-2\">\n          {TYPE_TABS.map(({ type, icon: Icon, labelKey, fallback }) => {\n            const isActive = state.activityType === type\n            return (\n              <button\n                key={type}\n                type=\"button\"\n                onClick={() => state.setActivityType(type)}\n                aria-pressed={isActive}\n                className={cn(\n                  'flex h-[80px] flex-col items-center justify-center gap-2 rounded-md border text-[14px] font-semibold transition-colors',\n                  isActive\n                    ? 'border-transparent bg-foreground text-background'\n                    : 'border-border bg-card text-muted-foreground hover:border-foreground/40 hover:text-foreground',\n                )}\n              >\n                <Icon className=\"size-[18px]\" />\n                {t(labelKey, fallback)}\n              </button>\n            )\n          })}\n        </div>\n\n        {/* Title */}\n        <div className=\"flex flex-col gap-1.5\">\n          <label className=\"text-overline font-semibold text-muted-foreground tracking-wider\">\n            {getFieldLabel(state.activityType, 'title', t, 'customers.schedule.titleLabel', 'Title')}\n          </label>\n          <input\n            type=\"text\"\n            value={state.title}\n            onChange={(e) => state.setTitle(e.target.value)}\n            placeholder={\n              state.activityType === 'email'\n                ? t('customers.schedule.subjectPlaceholder', 'Subject...')\n                : t('customers.schedule.titlePlaceholder', 'Activity title...')\n            }\n            className=\"w-full rounded-md border border-border bg-background px-3 py-2.5 text-sm text-foreground outline-none focus:border-foreground\"\n            autoFocus\n          />\n        </div>\n\n        {/* Date/Time/Duration \u2014 placed before per-type chip rows so the call/task\n            workflows match Figma 829:50 / 790:280 (date row first, then status chips). */}\n        <DateTimeFields\n          visible={visibleFields}\n          activityType={state.activityType}\n          date={state.date}\n          setDate={state.setDate}\n          startTime={state.startTime}\n          setStartTime={state.setStartTime}\n          duration={state.duration}\n          setDuration={state.setDuration}\n          allDay={state.allDay}\n          setAllDay={state.setAllDay}\n          recurrenceEnabled={state.recurrenceEnabled}\n          setRecurrenceEnabled={state.setRecurrenceEnabled}\n          recurrenceDays={state.recurrenceDays}\n          toggleRecurrenceDay={state.toggleRecurrenceDay}\n          recurrenceEndType={state.recurrenceEndType}\n          setRecurrenceEndType={state.setRecurrenceEndType}\n          recurrenceCount={state.recurrenceCount}\n          setRecurrenceCount={state.setRecurrenceCount}\n          recurrenceEndDate={state.recurrenceEndDate}\n          setRecurrenceEndDate={state.setRecurrenceEndDate}\n        />\n\n        {/* Call: Direction + Outcome chips */}\n        {state.activityType === 'call' && (\n          <div className=\"flex flex-col gap-3\">\n            <div>\n              <label className=\"text-overline font-semibold uppercase text-muted-foreground tracking-wider\">\n                {t('customers.schedule.call.directionLabel', 'Direction')}\n              </label>\n              <div className=\"mt-2 flex flex-wrap gap-2\">\n                {CALL_DIRECTIONS.map((opt) => {\n                  const isActive = callDirection === opt.key\n                  return (\n                    <button\n                      key={opt.key}\n                      type=\"button\"\n                      aria-pressed={isActive}\n                      onClick={() => setCallDirection(opt.key)}\n                      className={cn(\n                        'inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-sm font-medium transition-colors',\n                        isActive\n                          ? 'border-transparent bg-foreground text-background'\n                          : 'border-border bg-card text-muted-foreground hover:border-foreground/40',\n                      )}\n                    >\n                      <span className={cn('inline-block size-1.5 rounded-full', opt.dot)} aria-hidden />\n                      {t(opt.labelKey, opt.labelFallback)}\n                    </button>\n                  )\n                })}\n              </div>\n            </div>\n            <div>\n              <label className=\"text-overline font-semibold uppercase text-muted-foreground tracking-wider\">\n                {t('customers.schedule.call.outcomeLabel', 'Outcome')}\n              </label>\n              <div className=\"mt-2 flex flex-wrap gap-2\">\n                {CALL_OUTCOMES.map((opt) => {\n                  const isActive = callOutcome === opt.key\n                  return (\n                    <button\n                      key={opt.key}\n                      type=\"button\"\n                      aria-pressed={isActive}\n                      onClick={() => setCallOutcome(isActive ? null : opt.key)}\n                      className={cn(\n                        'inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-sm font-medium transition-colors',\n                        isActive\n                          ? 'border-transparent bg-foreground text-background'\n                          : 'border-border bg-card text-muted-foreground hover:border-foreground/40',\n                      )}\n                    >\n                      <span className={cn('inline-block size-1.5 rounded-full', opt.dot)} aria-hidden />\n                      {t(opt.labelKey, opt.labelFallback)}\n                    </button>\n                  )\n                })}\n              </div>\n            </div>\n          </div>\n        )}\n\n        {/* Task: Priority chips */}\n        {state.activityType === 'task' && (\n          <div>\n            <label className=\"text-overline font-semibold uppercase text-muted-foreground tracking-wider\">\n              {t('customers.schedule.task.priorityLabel', 'Priority')}\n            </label>\n            <div className=\"mt-2 flex flex-wrap gap-2\">\n              {TASK_PRIORITIES.map((opt) => {\n                const isActive = taskPriority === opt.key\n                return (\n                  <button\n                    key={opt.key}\n                    type=\"button\"\n                    aria-pressed={isActive}\n                    onClick={() => setTaskPriority(opt.key)}\n                    className={cn(\n                      'inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-sm font-medium transition-colors',\n                      isActive\n                        ? 'border-transparent bg-foreground text-background'\n                        : 'border-border bg-card text-muted-foreground hover:border-foreground/40',\n                    )}\n                  >\n                    <span className={cn('inline-block size-1.5 rounded-full', opt.dot)} aria-hidden />\n                    {t(opt.labelKey, opt.labelFallback)}\n                  </button>\n                )\n              })}\n            </div>\n          </div>\n        )}\n\n        {/* Participants */}\n        <ParticipantsField\n          visible={visibleFields}\n          activityType={state.activityType}\n          participants={state.participants}\n          setParticipants={state.setParticipants}\n          removeParticipant={state.removeParticipant}\n          guestPermissions={state.guestPermissions}\n          setGuestPermissions={state.setGuestPermissions}\n        />\n\n        {/* Location (or phone number for calls) */}\n        {state.activityType === 'call' ? (\n          <div className=\"flex flex-col gap-1.5\">\n            <label htmlFor=\"schedule-call-phone\" className=\"text-overline font-semibold uppercase text-muted-foreground tracking-wider\">\n              {t('customers.schedule.call.phoneLabel', 'Phone number')}\n            </label>\n            <PhoneNumberField\n              id=\"schedule-call-phone\"\n              value={callPhoneNumber}\n              onValueChange={handleCallPhoneChange}\n              placeholder={t('customers.schedule.call.phonePlaceholder', '+1 555 000 0000')}\n              externalError={callPhoneError}\n              invalidLabel={callPhoneInvalidMessage}\n              minDigits={7}\n            />\n          </div>\n        ) : (\n          <LocationField\n            visible={visibleFields}\n            activityType={state.activityType}\n            location={state.location}\n            setLocation={state.setLocation}\n          />\n        )}\n\n        {/* Linked Entities */}\n        <LinkedEntitiesField\n          visible={visibleFields}\n          activityType={state.activityType}\n          linkedEntities={state.linkedEntities}\n          setLinkedEntities={state.setLinkedEntities}\n        />\n\n        {/* Description */}\n        <div>\n          <label className=\"text-overline font-semibold uppercase text-muted-foreground tracking-wider\">\n            {getFieldLabel(state.activityType, 'description', t, 'customers.schedule.description', 'Description')}\n          </label>\n          <div className=\"mt-[8px]\">\n            <SwitchableMarkdownInput\n              value={state.description}\n              onChange={state.setDescription}\n              isMarkdownEnabled={state.markdownEnabled}\n              height={120}\n              placeholder={t('customers.schedule.descriptionPlaceholder', 'Add details...')}\n            />\n          </div>\n        </div>\n\n        {/* Reminder + Visibility */}\n        <FooterFields\n          visible={visibleFields}\n          activityType={state.activityType}\n          reminderMinutes={state.reminderMinutes}\n          setReminderMinutes={state.setReminderMinutes}\n          visibility={state.visibility}\n          setVisibility={state.setVisibility}\n        />\n\n        </div>\n        </div>\n\n        {/* Footer */}\n        <div className=\"flex shrink-0 items-center justify-end gap-2.5 border-t border-border bg-muted/50 px-6 py-4\">\n          <Button type=\"button\" variant=\"outline\" onClick={() => { void guardedClose() }} className=\"rounded-md border border-input bg-background px-5 py-3 text-sm font-semibold text-foreground\">\n            {t('customers.schedule.cancel', 'Cancel')}\n          </Button>\n          <Button type=\"button\" onClick={handleSave} disabled={isSubmitDisabled} className=\"flex items-center gap-2 rounded-md bg-foreground px-5 py-3 text-sm font-semibold text-background hover:bg-foreground/90 disabled:opacity-50\">\n            <SaveIcon className=\"size-3.5\" />\n            {state.saving\n              ? t('customers.schedule.saving', 'Saving...')\n              : isEditing\n                ? t('customers.schedule.update', 'Update activity')\n                : t(chrome.saveKey, chrome.saveFallback)}\n          </Button>\n        </div>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nexport type { ScheduleActivityEditData }\n\nfunction buildRecurrenceRule(\n  days: boolean[],\n  endType: 'never' | 'count' | 'date',\n  count: number,\n  endDate: string,\n): string {\n  const dayNames = ['MO', 'TU', 'WE', 'TH', 'FR', 'SA', 'SU']\n  const selectedDays = days.map((active, i) => (active ? dayNames[i] : null)).filter(Boolean)\n  let rule = `FREQ=WEEKLY;BYDAY=${selectedDays.join(',')}`\n  if (endType === 'count') rule += `;COUNT=${count}`\n  if (endType === 'date' && endDate) rule += `;UNTIL=${endDate.replace(/-/g, '')}T235959Z`\n  return rule\n}\n"],
+  "mappings": "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",
   "names": []
 }