@open-mercato/core 0.6.7 → 0.6.8-develop.6874.1.982d6097d8

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/customers/components/detail/PersonDetailTabs.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Tabs, TabsList, TabsTrigger } from '@open-mercato/ui/primitives/tabs'\nimport {\n  SquareCheckBig,\n  Mail,\n  Briefcase,\n  Building2,\n  Check,\n  History,\n  Paperclip,\n  Plus,\n  MapPin,\n} from 'lucide-react'\nimport type { SectionAction } from '@open-mercato/ui/backend/detail'\n\nexport type PersonTabId =\n  | 'activities'\n  | 'emails'\n  | 'deals'\n  | 'companies'\n  | 'addresses'\n  | 'tasks'\n  | 'changelog'\n  | 'files'\n  | string\n\ntype TabDef = {\n  id: PersonTabId\n  label: string\n  icon?: React.ReactNode\n  count?: React.ReactNode\n}\n\ntype PersonDetailTabsProps = {\n  activeTab: PersonTabId\n  onTabChange: (tab: PersonTabId) => void\n  injectedTabs?: Array<{ id: string; label: string }>\n  activitiesCount?: number\n  dealsCount?: number\n  companiesCount?: number\n  addressesCount?: number\n  tasksCount?: number\n  filesCount?: number\n  sectionAction?: SectionAction | null\n  children: React.ReactNode\n}\n\nconst SUPPORTED_TAB_IDS = new Set<PersonTabId>(['activities', 'emails', 'deals', 'companies', 'addresses', 'tasks', 'changelog', 'files'])\n\nexport function resolveLegacyTab(tab: string | null | undefined): PersonTabId {\n  if (!tab) return 'activities'\n  return SUPPORTED_TAB_IDS.has(tab as PersonTabId) ? (tab as PersonTabId) : 'activities'\n}\n\nfunction formatTabCount(count: number): string | number | undefined {\n  if (count <= 0) return undefined\n  return count > 999 ? '999+' : count\n}\n\nexport function PersonDetailTabs({\n  activeTab,\n  onTabChange,\n  injectedTabs = [],\n  activitiesCount = 0,\n  dealsCount = 0,\n  companiesCount = 0,\n  addressesCount = 0,\n  tasksCount = 0,\n  filesCount = 0,\n  sectionAction = null,\n  children,\n}: PersonDetailTabsProps) {\n  const t = useT()\n\n  const builtInTabs: TabDef[] = React.useMemo(\n    () => [\n      {\n        id: 'activities',\n        label: t('customers.people.detail.tabs.activities', 'Activities'),\n        icon: <SquareCheckBig className=\"size-4\" />,\n        count: formatTabCount(activitiesCount),\n      },\n      {\n        id: 'emails',\n        label: t('customers.people.detail.tabs.emails', 'Emails'),\n        icon: <Mail className=\"size-4\" />,\n      },\n      {\n        id: 'deals',\n        label: t('customers.people.detail.tabs.deals', 'Deals'),\n        icon: <Briefcase className=\"size-4\" />,\n        count: formatTabCount(dealsCount),\n      },\n      {\n        id: 'companies',\n        label: t('customers.people.detail.tabs.companies', 'Companies'),\n        icon: <Building2 className=\"size-4\" />,\n        count: formatTabCount(companiesCount),\n      },\n      {\n        id: 'addresses',\n        label: t('customers.people.detail.tabs.addresses', 'Addresses'),\n        icon: <MapPin className=\"size-4\" />,\n        count: formatTabCount(addressesCount),\n      },\n      {\n        id: 'tasks',\n        label: t('customers.people.detail.tabs.tasks', 'Tasks'),\n        icon: <Check className=\"size-4\" />,\n        count: formatTabCount(tasksCount),\n      },\n      {\n        id: 'changelog',\n        label: t('customers.people.detail.tabs.changelog', 'Change log'),\n        icon: <History className=\"size-4\" />,\n        count: 'NEW',\n      },\n      {\n        id: 'files',\n        label: t('customers.people.detail.tabs.files', 'Files'),\n        icon: <Paperclip className=\"size-4\" />,\n        count: formatTabCount(filesCount),\n      },\n    ],\n    [t, activitiesCount, dealsCount, companiesCount, addressesCount, tasksCount, filesCount],\n  )\n\n  const allTabs: TabDef[] = React.useMemo(\n    () => [\n      ...builtInTabs,\n      ...injectedTabs.map((tab) => ({\n        id: tab.id as PersonTabId,\n        label: tab.label,\n      })),\n    ],\n    [builtInTabs, injectedTabs],\n  )\n\n  return (\n    <div>\n      {/* Tab navigation \u2014 full width above both zones */}\n      <div className=\"flex items-end justify-between gap-2 border-b\">\n        <Tabs\n          value={activeTab}\n          onValueChange={(value) => onTabChange(value as PersonTabId)}\n          variant=\"underline\"\n          className=\"min-w-0 flex-1\"\n        >\n          <TabsList\n            aria-label={t('customers.people.detail.tabs.label', 'Person detail sections')}\n            className=\"-mb-px w-full overflow-x-auto border-b-0 px-1\"\n          >\n            {allTabs.map((tab) => (\n              <TabsTrigger key={tab.id} value={tab.id} leading={tab.icon} count={tab.count}>\n                {tab.label}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n        </Tabs>\n        {sectionAction ? (\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            onClick={sectionAction.onClick}\n            disabled={sectionAction.disabled}\n            className=\"mb-1.5 mr-1 shrink-0\"\n          >\n            <Plus className=\"mr-1.5 h-4 w-4\" />\n            {sectionAction.label}\n          </Button>\n        ) : null}\n      </div>\n\n      {/* Two-column content below tabs */}\n      <div className=\"pt-6\">\n        {children}\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Tabs, TabsList, TabsTrigger } from '@open-mercato/ui/primitives/tabs'\nimport {\n  SquareCheckBig,\n  Mail,\n  Briefcase,\n  Building2,\n  Check,\n  History,\n  Paperclip,\n  Plus,\n  MapPin,\n} from 'lucide-react'\nimport type { SectionAction } from '@open-mercato/ui/backend/detail'\nimport { registerComponent } from '@open-mercato/shared/modules/widgets/component-registry'\nimport { useRegisteredComponent } from '@open-mercato/ui/backend/injection/useRegisteredComponent'\n\nexport type PersonTabId =\n  | 'activities'\n  | 'emails'\n  | 'deals'\n  | 'companies'\n  | 'addresses'\n  | 'tasks'\n  | 'changelog'\n  | 'files'\n  | string\n\ntype TabDef = {\n  id: PersonTabId\n  label: string\n  icon?: React.ReactNode\n  count?: React.ReactNode\n}\n\nexport const PERSON_DETAIL_TABS_COMPONENT_ID = 'section:customers.people.detailTabs'\n\nexport type PersonDetailTabsProps = {\n  activeTab: PersonTabId\n  onTabChange: (tab: PersonTabId) => void\n  injectedTabs?: Array<{ id: string; label: string }>\n  hiddenTabIds?: string[]\n  activitiesCount?: number\n  dealsCount?: number\n  companiesCount?: number\n  addressesCount?: number\n  tasksCount?: number\n  filesCount?: number\n  sectionAction?: SectionAction | null\n  children: React.ReactNode\n}\n\nconst SUPPORTED_TAB_IDS = new Set<PersonTabId>(['activities', 'emails', 'deals', 'companies', 'addresses', 'tasks', 'changelog', 'files'])\n\nexport function resolveLegacyTab(tab: string | null | undefined, knownTabIds?: Iterable<string>): PersonTabId {\n  if (!tab) return 'activities'\n  if (SUPPORTED_TAB_IDS.has(tab as PersonTabId)) return tab as PersonTabId\n  if (knownTabIds && new Set(knownTabIds).has(tab)) return tab\n  return 'activities'\n}\n\nfunction formatTabCount(count: number): string | number | undefined {\n  if (count <= 0) return undefined\n  return count > 999 ? '999+' : count\n}\n\nfunction DefaultPersonDetailTabs({\n  activeTab,\n  onTabChange,\n  injectedTabs = [],\n  hiddenTabIds = [],\n  activitiesCount = 0,\n  dealsCount = 0,\n  companiesCount = 0,\n  addressesCount = 0,\n  tasksCount = 0,\n  filesCount = 0,\n  sectionAction = null,\n  children,\n}: PersonDetailTabsProps) {\n  const t = useT()\n\n  const builtInTabs: TabDef[] = React.useMemo(\n    () => [\n      {\n        id: 'activities',\n        label: t('customers.people.detail.tabs.activities', 'Activities'),\n        icon: <SquareCheckBig className=\"size-4\" />,\n        count: formatTabCount(activitiesCount),\n      },\n      {\n        id: 'emails',\n        label: t('customers.people.detail.tabs.emails', 'Emails'),\n        icon: <Mail className=\"size-4\" />,\n      },\n      {\n        id: 'deals',\n        label: t('customers.people.detail.tabs.deals', 'Deals'),\n        icon: <Briefcase className=\"size-4\" />,\n        count: formatTabCount(dealsCount),\n      },\n      {\n        id: 'companies',\n        label: t('customers.people.detail.tabs.companies', 'Companies'),\n        icon: <Building2 className=\"size-4\" />,\n        count: formatTabCount(companiesCount),\n      },\n      {\n        id: 'addresses',\n        label: t('customers.people.detail.tabs.addresses', 'Addresses'),\n        icon: <MapPin className=\"size-4\" />,\n        count: formatTabCount(addressesCount),\n      },\n      {\n        id: 'tasks',\n        label: t('customers.people.detail.tabs.tasks', 'Tasks'),\n        icon: <Check className=\"size-4\" />,\n        count: formatTabCount(tasksCount),\n      },\n      {\n        id: 'changelog',\n        label: t('customers.people.detail.tabs.changelog', 'Change log'),\n        icon: <History className=\"size-4\" />,\n        count: 'NEW',\n      },\n      {\n        id: 'files',\n        label: t('customers.people.detail.tabs.files', 'Files'),\n        icon: <Paperclip className=\"size-4\" />,\n        count: formatTabCount(filesCount),\n      },\n    ],\n    [t, activitiesCount, dealsCount, companiesCount, addressesCount, tasksCount, filesCount],\n  )\n\n  const allTabs: TabDef[] = React.useMemo(() => {\n    const hidden = new Set(hiddenTabIds)\n    return [\n      ...builtInTabs,\n      ...injectedTabs.map((tab) => ({\n        id: tab.id as PersonTabId,\n        label: tab.label,\n      })),\n    ].filter((tab) => !hidden.has(tab.id))\n  }, [builtInTabs, hiddenTabIds, injectedTabs])\n\n  return (\n    <div>\n      {/* Tab navigation \u2014 full width above both zones */}\n      <div className=\"flex items-end justify-between gap-2 border-b\">\n        <Tabs\n          value={activeTab}\n          onValueChange={(value) => onTabChange(value as PersonTabId)}\n          variant=\"underline\"\n          className=\"min-w-0 flex-1\"\n        >\n          <TabsList\n            aria-label={t('customers.people.detail.tabs.label', 'Person detail sections')}\n            className=\"-mb-px w-full overflow-x-auto border-b-0 px-1\"\n          >\n            {allTabs.map((tab) => (\n              <TabsTrigger key={tab.id} value={tab.id} leading={tab.icon} count={tab.count}>\n                {tab.label}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n        </Tabs>\n        {sectionAction ? (\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            onClick={sectionAction.onClick}\n            disabled={sectionAction.disabled}\n            className=\"mb-1.5 mr-1 shrink-0\"\n          >\n            <Plus className=\"mr-1.5 h-4 w-4\" />\n            {sectionAction.label}\n          </Button>\n        ) : null}\n      </div>\n\n      {/* Two-column content below tabs */}\n      <div className=\"pt-6\">\n        {children}\n      </div>\n    </div>\n  )\n}\n\nregisterComponent<PersonDetailTabsProps>({\n  id: PERSON_DETAIL_TABS_COMPONENT_ID,\n  component: DefaultPersonDetailTabs,\n  metadata: {\n    module: 'customers',\n    description: 'Person detail tab navigation and content.',\n  },\n})\n\nexport function PersonDetailTabs(props: PersonDetailTabsProps) {\n  const ResolvedTabs = useRegisteredComponent<PersonDetailTabsProps>(\n    PERSON_DETAIL_TABS_COMPONENT_ID,\n    DefaultPersonDetailTabs,\n  )\n  return <ResolvedTabs {...props} />\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -108,7 +108,8 @@ function ScheduleActivityDialog({
   companyName,
   entityType,
   onActivityCreated,
-  editData
+  editData,
+  defaultCountryIso2
 }) {
   const t = useT();
   const state = useScheduleFormState({ open, editData: editData ?? null });
@@ -201,6 +202,7 @@ function ScheduleActivityDialog({
   const initialSnapshotRef = React.useRef(null);
   const snapshotOpenKeyRef = React.useRef(null);
   const snapshotSettleCountRef = React.useRef(0);
+  const closeConfirmPendingRef = React.useRef(false);
   const openKey = open ? `${editData?.id ?? "new"}` : null;
   React.useEffect(() => {
     if (!open) {
@@ -224,21 +226,27 @@ function ScheduleActivityDialog({
     return initialSnapshotRef.current !== formSnapshot;
   }, [formSnapshot]);
   const guardedClose = React.useCallback(async () => {
+    if (closeConfirmPendingRef.current) return;
     if (!isDirty()) {
       onClose();
       return;
     }
-    const ok = await confirm({
-      title: t("customers.schedule.discardConfirm.title", "Discard unsaved changes?"),
-      description: t(
-        "customers.schedule.discardConfirm.description",
-        "You have unsaved edits in this activity. Save them first or continue to discard them."
-      ),
-      confirmText: t("customers.schedule.discardConfirm.confirm", "Discard"),
-      cancelText: t("customers.schedule.discardConfirm.cancel", "Keep editing"),
-      variant: "destructive"
-    });
-    if (ok) onClose();
+    closeConfirmPendingRef.current = true;
+    try {
+      const ok = await confirm({
+        title: t("customers.schedule.discardConfirm.title", "Discard unsaved changes?"),
+        description: t(
+          "customers.schedule.discardConfirm.description",
+          "You have unsaved edits in this activity. Save them first or continue to discard them."
+        ),
+        confirmText: t("customers.schedule.discardConfirm.confirm", "Discard"),
+        cancelText: t("customers.schedule.discardConfirm.cancel", "Keep editing"),
+        variant: "destructive"
+      });
+      if (ok) onClose();
+    } finally {
+      closeConfirmPendingRef.current = false;
+    }
   }, [confirm, isDirty, onClose, t]);
   const mutationContextId = React.useMemo(
     () => `customer-activity:${entityType}:${entityId}`,
@@ -410,123 +418,152 @@ function ScheduleActivityDialog({
     }
   }, [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 = useDialogKeyHandler({ onConfirm: handleSave });
-  return /* @__PURE__ */ jsxs(Dialog, { open, onOpenChange: (o) => {
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (o) => {
     if (!o) void guardedClose();
-  }, children: [
-    ConfirmDialogElement,
-    /* @__PURE__ */ jsxs(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": void 0, children: [
-      /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(DialogTitle, { children: isEditing ? t("customers.schedule.editTitle", "Edit activity") : t(chrome.titleKey, chrome.titleFallback) }) }),
-      /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-start justify-between gap-3 border-b border-border bg-background px-6 py-5", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold leading-tight tracking-tight text-foreground", children: isEditing ? t("customers.schedule.editTitle", "Edit activity") : t(chrome.titleKey, chrome.titleFallback) }),
-          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t(chrome.subtitleKey, chrome.subtitleFallback) }),
-          entityName ? /* @__PURE__ */ jsxs("p", { className: "mt-0.5 text-xs text-muted-foreground/80", children: [
-            t("customers.schedule.context", "On timeline: {{name}}", { name: entityName }),
-            companyName ? ` \xB7 ${companyName}` : ""
-          ] }) : null
-        ] }),
-        /* @__PURE__ */ jsx(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"), children: /* @__PURE__ */ jsx(X, { className: "size-4 text-muted-foreground" }) })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 bg-background p-6", children: [
-        state.conflict && /* @__PURE__ */ jsxs(Alert, { variant: "warning", className: "rounded-lg", children: [
-          /* @__PURE__ */ jsx(AlertTitle, { children: t("customers.schedule.conflict.title", "Calendar conflict") }),
-          /* @__PURE__ */ jsx(AlertDescription, { children: state.conflict })
+  }, children: /* @__PURE__ */ jsxs(
+    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": void 0,
+      children: [
+        ConfirmDialogElement,
+        /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(DialogTitle, { children: isEditing ? t("customers.schedule.editTitle", "Edit activity") : t(chrome.titleKey, chrome.titleFallback) }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-start justify-between gap-3 border-b border-border bg-background px-6 py-5", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold leading-tight tracking-tight text-foreground", children: isEditing ? t("customers.schedule.editTitle", "Edit activity") : t(chrome.titleKey, chrome.titleFallback) }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t(chrome.subtitleKey, chrome.subtitleFallback) }),
+            entityName ? /* @__PURE__ */ jsxs("p", { className: "mt-0.5 text-xs text-muted-foreground/80", children: [
+              t("customers.schedule.context", "On timeline: {{name}}", { name: entityName }),
+              companyName ? ` \xB7 ${companyName}` : ""
+            ] }) : null
+          ] }),
+          /* @__PURE__ */ jsx(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"), children: /* @__PURE__ */ jsx(X, { className: "size-4 text-muted-foreground" }) })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "grid grid-cols-4 gap-2", children: TYPE_TABS.map(({ type, icon: Icon, labelKey, fallback }) => {
-          const isActive = state.activityType === type;
-          return /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              onClick: () => state.setActivityType(type),
-              "aria-pressed": isActive,
-              className: cn(
-                "flex h-[80px] flex-col items-center justify-center gap-2 rounded-md border text-[14px] font-semibold transition-colors",
-                isActive ? "border-transparent bg-foreground text-background" : "border-border bg-card text-muted-foreground hover:border-foreground/40 hover:text-foreground"
-              ),
-              children: [
-                /* @__PURE__ */ jsx(Icon, { className: "size-[18px]" }),
-                t(labelKey, fallback)
-              ]
-            },
-            type
-          );
-        }) }),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
-          /* @__PURE__ */ jsx("label", { className: "text-overline font-semibold text-muted-foreground tracking-wider", children: getFieldLabel(state.activityType, "title", t, "customers.schedule.titleLabel", "Title") }),
+        /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 bg-background p-6", children: [
+          state.conflict && /* @__PURE__ */ jsxs(Alert, { status: "warning", className: "rounded-lg", children: [
+            /* @__PURE__ */ jsx(AlertTitle, { children: t("customers.schedule.conflict.title", "Calendar conflict") }),
+            /* @__PURE__ */ jsx(AlertDescription, { children: state.conflict })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "grid grid-cols-4 gap-2", children: TYPE_TABS.map(({ type, icon: Icon, labelKey, fallback }) => {
+            const isActive = state.activityType === type;
+            return /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => state.setActivityType(type),
+                "aria-pressed": isActive,
+                className: cn(
+                  "flex h-[80px] flex-col items-center justify-center gap-2 rounded-md border text-[14px] font-semibold transition-colors",
+                  isActive ? "border-transparent bg-foreground text-background" : "border-border bg-card text-muted-foreground hover:border-foreground/40 hover:text-foreground"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx(Icon, { className: "size-[18px]" }),
+                  t(labelKey, fallback)
+                ]
+              },
+              type
+            );
+          }) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+            /* @__PURE__ */ jsx("label", { className: "text-overline font-semibold text-muted-foreground tracking-wider", children: getFieldLabel(state.activityType, "title", t, "customers.schedule.titleLabel", "Title") }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "text",
+                value: state.title,
+                onChange: (e) => state.setTitle(e.target.value),
+                placeholder: state.activityType === "email" ? t("customers.schedule.subjectPlaceholder", "Subject...") : t("customers.schedule.titlePlaceholder", "Activity title..."),
+                className: "w-full rounded-md border border-border bg-background px-3 py-2.5 text-sm text-foreground outline-none focus:border-foreground",
+                autoFocus: true
+              }
+            )
+          ] }),
           /* @__PURE__ */ jsx(
-            "input",
+            DateTimeFields,
             {
-              type: "text",
-              value: state.title,
-              onChange: (e) => state.setTitle(e.target.value),
-              placeholder: state.activityType === "email" ? t("customers.schedule.subjectPlaceholder", "Subject...") : t("customers.schedule.titlePlaceholder", "Activity title..."),
-              className: "w-full rounded-md border border-border bg-background px-3 py-2.5 text-sm text-foreground outline-none focus:border-foreground",
-              autoFocus: true
+              visible: visibleFields,
+              activityType: state.activityType,
+              date: state.date,
+              setDate: state.setDate,
+              startTime: state.startTime,
+              setStartTime: state.setStartTime,
+              duration: state.duration,
+              setDuration: state.setDuration,
+              allDay: state.allDay,
+              setAllDay: state.setAllDay,
+              recurrenceEnabled: state.recurrenceEnabled,
+              setRecurrenceEnabled: state.setRecurrenceEnabled,
+              recurrenceDays: state.recurrenceDays,
+              toggleRecurrenceDay: state.toggleRecurrenceDay,
+              recurrenceEndType: state.recurrenceEndType,
+              setRecurrenceEndType: state.setRecurrenceEndType,
+              recurrenceCount: state.recurrenceCount,
+              setRecurrenceCount: state.setRecurrenceCount,
+              recurrenceEndDate: state.recurrenceEndDate,
+              setRecurrenceEndDate: state.setRecurrenceEndDate
             }
-          )
-        ] }),
-        /* @__PURE__ */ jsx(
-          DateTimeFields,
-          {
-            visible: visibleFields,
-            activityType: state.activityType,
-            date: state.date,
-            setDate: state.setDate,
-            startTime: state.startTime,
-            setStartTime: state.setStartTime,
-            duration: state.duration,
-            setDuration: state.setDuration,
-            allDay: state.allDay,
-            setAllDay: state.setAllDay,
-            recurrenceEnabled: state.recurrenceEnabled,
-            setRecurrenceEnabled: state.setRecurrenceEnabled,
-            recurrenceDays: state.recurrenceDays,
-            toggleRecurrenceDay: state.toggleRecurrenceDay,
-            recurrenceEndType: state.recurrenceEndType,
-            setRecurrenceEndType: state.setRecurrenceEndType,
-            recurrenceCount: state.recurrenceCount,
-            setRecurrenceCount: state.setRecurrenceCount,
-            recurrenceEndDate: state.recurrenceEndDate,
-            setRecurrenceEndDate: state.setRecurrenceEndDate
-          }
-        ),
-        state.activityType === "call" && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("label", { className: "text-overline font-semibold uppercase text-muted-foreground tracking-wider", children: t("customers.schedule.call.directionLabel", "Direction") }),
-            /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-wrap gap-2", children: CALL_DIRECTIONS.map((opt) => {
-              const isActive = callDirection === opt.key;
-              return /* @__PURE__ */ jsxs(
-                "button",
-                {
-                  type: "button",
-                  "aria-pressed": isActive,
-                  onClick: () => setCallDirection(opt.key),
-                  className: cn(
-                    "inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-sm font-medium transition-colors",
-                    isActive ? "border-transparent bg-foreground text-background" : "border-border bg-card text-muted-foreground hover:border-foreground/40"
-                  ),
-                  children: [
-                    /* @__PURE__ */ jsx("span", { className: cn("inline-block size-1.5 rounded-full", opt.dot), "aria-hidden": true }),
-                    t(opt.labelKey, opt.labelFallback)
-                  ]
-                },
-                opt.key
-              );
-            }) })
+          ),
+          state.activityType === "call" && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("label", { className: "text-overline font-semibold uppercase text-muted-foreground tracking-wider", children: t("customers.schedule.call.directionLabel", "Direction") }),
+              /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-wrap gap-2", children: CALL_DIRECTIONS.map((opt) => {
+                const isActive = callDirection === opt.key;
+                return /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-pressed": isActive,
+                    onClick: () => setCallDirection(opt.key),
+                    className: cn(
+                      "inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-sm font-medium transition-colors",
+                      isActive ? "border-transparent bg-foreground text-background" : "border-border bg-card text-muted-foreground hover:border-foreground/40"
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsx("span", { className: cn("inline-block size-1.5 rounded-full", opt.dot), "aria-hidden": true }),
+                      t(opt.labelKey, opt.labelFallback)
+                    ]
+                  },
+                  opt.key
+                );
+              }) })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("label", { className: "text-overline font-semibold uppercase text-muted-foreground tracking-wider", children: t("customers.schedule.call.outcomeLabel", "Outcome") }),
+              /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-wrap gap-2", children: CALL_OUTCOMES.map((opt) => {
+                const isActive = callOutcome === opt.key;
+                return /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-pressed": isActive,
+                    onClick: () => setCallOutcome(isActive ? null : opt.key),
+                    className: cn(
+                      "inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-sm font-medium transition-colors",
+                      isActive ? "border-transparent bg-foreground text-background" : "border-border bg-card text-muted-foreground hover:border-foreground/40"
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsx("span", { className: cn("inline-block size-1.5 rounded-full", opt.dot), "aria-hidden": true }),
+                      t(opt.labelKey, opt.labelFallback)
+                    ]
+                  },
+                  opt.key
+                );
+              }) })
+            ] })
           ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("label", { className: "text-overline font-semibold uppercase text-muted-foreground tracking-wider", children: t("customers.schedule.call.outcomeLabel", "Outcome") }),
-            /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-wrap gap-2", children: CALL_OUTCOMES.map((opt) => {
-              const isActive = callOutcome === opt.key;
+          state.activityType === "task" && /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { className: "text-overline font-semibold uppercase text-muted-foreground tracking-wider", children: t("customers.schedule.task.priorityLabel", "Priority") }),
+            /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-wrap gap-2", children: TASK_PRIORITIES.map((opt) => {
+              const isActive = taskPriority === opt.key;
               return /* @__PURE__ */ jsxs(
                 "button",
                 {
                   type: "button",
                   "aria-pressed": isActive,
-                  onClick: () => setCallOutcome(isActive ? null : opt.key),
+                  onClick: () => setTaskPriority(opt.key),
                   className: cn(
                     "inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-sm font-medium transition-colors",
                     isActive ? "border-transparent bg-foreground text-background" : "border-border bg-card text-muted-foreground hover:border-foreground/40"
@@ -539,111 +576,89 @@ function ScheduleActivityDialog({
                 opt.key
               );
             }) })
-          ] })
-        ] }),
-        state.activityType === "task" && /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("label", { className: "text-overline font-semibold uppercase text-muted-foreground tracking-wider", children: t("customers.schedule.task.priorityLabel", "Priority") }),
-          /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-wrap gap-2", children: TASK_PRIORITIES.map((opt) => {
-            const isActive = taskPriority === opt.key;
-            return /* @__PURE__ */ jsxs(
-              "button",
+          ] }),
+          /* @__PURE__ */ jsx(
+            ParticipantsField,
+            {
+              visible: visibleFields,
+              activityType: state.activityType,
+              participants: state.participants,
+              setParticipants: state.setParticipants,
+              removeParticipant: state.removeParticipant,
+              guestPermissions: state.guestPermissions,
+              setGuestPermissions: state.setGuestPermissions
+            }
+          ),
+          state.activityType === "call" ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+            /* @__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(
+              PhoneNumberField,
               {
-                type: "button",
-                "aria-pressed": isActive,
-                onClick: () => setTaskPriority(opt.key),
-                className: cn(
-                  "inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-sm font-medium transition-colors",
-                  isActive ? "border-transparent bg-foreground text-background" : "border-border bg-card text-muted-foreground hover:border-foreground/40"
-                ),
-                children: [
-                  /* @__PURE__ */ jsx("span", { className: cn("inline-block size-1.5 rounded-full", opt.dot), "aria-hidden": true }),
-                  t(opt.labelKey, opt.labelFallback)
-                ]
-              },
-              opt.key
-            );
-          }) })
-        ] }),
-        /* @__PURE__ */ jsx(
-          ParticipantsField,
-          {
-            visible: visibleFields,
-            activityType: state.activityType,
-            participants: state.participants,
-            setParticipants: state.setParticipants,
-            removeParticipant: state.removeParticipant,
-            guestPermissions: state.guestPermissions,
-            setGuestPermissions: state.setGuestPermissions
-          }
-        ),
-        state.activityType === "call" ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
-          /* @__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") }),
+                id: "schedule-call-phone",
+                value: callPhoneNumber,
+                onValueChange: handleCallPhoneChange,
+                placeholder: t("customers.schedule.call.phonePlaceholder", "+1 555 000 0000"),
+                externalError: callPhoneError,
+                invalidLabel: callPhoneInvalidMessage,
+                minDigits: 7,
+                defaultCountryIso2
+              }
+            )
+          ] }) : /* @__PURE__ */ jsx(
+            LocationField,
+            {
+              visible: visibleFields,
+              activityType: state.activityType,
+              location: state.location,
+              setLocation: state.setLocation
+            }
+          ),
           /* @__PURE__ */ jsx(
-            PhoneNumberField,
+            LinkedEntitiesField,
             {
-              id: "schedule-call-phone",
-              value: callPhoneNumber,
-              onValueChange: handleCallPhoneChange,
-              placeholder: t("customers.schedule.call.phonePlaceholder", "+1 555 000 0000"),
-              externalError: callPhoneError,
-              invalidLabel: callPhoneInvalidMessage,
-              minDigits: 7
+              visible: visibleFields,
+              activityType: state.activityType,
+              linkedEntities: state.linkedEntities,
+              setLinkedEntities: state.setLinkedEntities
             }
-          )
-        ] }) : /* @__PURE__ */ jsx(
-          LocationField,
-          {
-            visible: visibleFields,
-            activityType: state.activityType,
-            location: state.location,
-            setLocation: state.setLocation
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          LinkedEntitiesField,
-          {
-            visible: visibleFields,
-            activityType: state.activityType,
-            linkedEntities: state.linkedEntities,
-            setLinkedEntities: state.setLinkedEntities
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("label", { className: "text-overline font-semibold uppercase text-muted-foreground tracking-wider", children: getFieldLabel(state.activityType, "description", t, "customers.schedule.description", "Description") }),
-          /* @__PURE__ */ jsx("div", { className: "mt-[8px]", children: /* @__PURE__ */ jsx(
-            SwitchableMarkdownInput,
+          ),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { className: "text-overline font-semibold uppercase text-muted-foreground tracking-wider", children: getFieldLabel(state.activityType, "description", t, "customers.schedule.description", "Description") }),
+            /* @__PURE__ */ jsx("div", { className: "mt-[8px]", children: /* @__PURE__ */ jsx(
+              SwitchableMarkdownInput,
+              {
+                value: state.description,
+                onChange: state.setDescription,
+                isMarkdownEnabled: state.markdownEnabled,
+                height: 120,
+                placeholder: t("customers.schedule.descriptionPlaceholder", "Add details...")
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsx(
+            FooterFields,
             {
-              value: state.description,
-              onChange: state.setDescription,
-              isMarkdownEnabled: state.markdownEnabled,
-              height: 120,
-              placeholder: t("customers.schedule.descriptionPlaceholder", "Add details...")
+              visible: visibleFields,
+              activityType: state.activityType,
+              reminderMinutes: state.reminderMinutes,
+              setReminderMinutes: state.setReminderMinutes,
+              visibility: state.visibility,
+              setVisibility: state.setVisibility
             }
-          ) })
-        ] }),
-        /* @__PURE__ */ jsx(
-          FooterFields,
-          {
-            visible: visibleFields,
-            activityType: state.activityType,
-            reminderMinutes: state.reminderMinutes,
-            setReminderMinutes: state.setReminderMinutes,
-            visibility: state.visibility,
-            setVisibility: state.setVisibility
-          }
-        )
-      ] }) }),
-      /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center justify-end gap-2.5 border-t border-border bg-muted/50 px-6 py-4", children: [
-        /* @__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: 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)
+          )
+        ] }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center justify-end gap-2.5 border-t border-border bg-muted/50 px-6 py-4", children: [
+          /* @__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: 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)
+          ] })
         ] })
-      ] })
-    ] })
-  ] });
+      ]
+    }
+  ) });
 }
 function buildRecurrenceRule(days, endType, count, endDate) {
   const dayNames = ["MO", "TU", "WE", "TH", "FR", "SA", "SU"];