@open-mercato/core 0.6.6-develop.6094.1.28b081ea16 → 0.6.6-develop.6121.1.5797a901b3

package/dist/modules/customers/components/calendar/CalendarScreen.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/customers/components/calendar/CalendarScreen.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport dynamic from 'next/dynamic'\nimport { addDays } from 'date-fns/addDays'\nimport { isSameDay } from 'date-fns/isSameDay'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { apiCall, apiCallOrThrow, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'\nimport { matchFeature } from '@open-mercato/shared/lib/auth/featureMatch'\nimport {\n  buildOptimisticLockHeader,\n  extractOptimisticLockConflict,\n} from '@open-mercato/ui/backend/utils/optimisticLock'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { ErrorMessage, LoadingMessage } from '@open-mercato/ui/backend/detail'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { countByCategory } from '../../lib/calendar/categories'\nimport { findConflicts } from '../../lib/calendar/conflicts'\nimport { getVisibleRange } from '../../lib/calendar/range'\nimport { AgendaList } from './AgendaList'\nimport { CalendarFooter } from './CalendarFooter'\nimport { CalendarHeader } from './CalendarHeader'\nimport { CalendarTabs } from './CalendarTabs'\nimport { CalendarToolbar } from './CalendarToolbar'\nimport { MonthGrid } from './MonthGrid'\nimport { ShortcutsDialog } from './ShortcutsDialog'\nimport { TimeGrid } from './TimeGrid'\nimport { UpcomingCards } from './UpcomingCards'\nimport { CalendarSettingsModal } from './CalendarSettingsModal'\nimport { useCalendarPreferences } from './useCalendarPreferences'\nimport { MAX_WINDOW_ITEMS, useCalendarItems } from './useCalendarItems'\nimport type {\n  CalendarFiltersValue,\n  CalendarItem,\n  CalendarRangePreset,\n  CalendarTab,\n  CalendarView,\n  UpcomingCard,\n} from './types'\n\nconst CalendarEventEditor = dynamic(\n  () => import('./CalendarEventEditor').then((mod) => mod.CalendarEventEditor),\n  { ssr: false },\n)\n\nconst SEARCH_DEBOUNCE_MS = 200\nconst PHONE_BREAKPOINT_PX = 640\nconst HIGHLIGHT_CLEAR_MS = 3000\nconst DEFAULT_AGENDA_HORIZON_DAYS = 7\nconst UPCOMING_CARDS_COUNT = 4\nconst EMPTY_FILTERS: CalendarFiltersValue = { types: [], status: null, ownerUserId: null }\n\ntype EditorState = { open: boolean; mode: 'create' | 'edit'; item: CalendarItem | null }\n\nconst MANAGE_FEATURE = 'customers.interactions.manage'\n\nfunction useCanManageInteractions(): boolean {\n  const [canManage, setCanManage] = React.useState(false)\n  React.useEffect(() => {\n    const controller = new AbortController()\n    let cancelled = false\n    apiCall<{ granted?: unknown[] }>('/api/auth/feature-check', {\n      method: 'POST',\n      headers: { 'Content-Type': 'application/json' },\n      signal: controller.signal,\n      body: JSON.stringify({ features: [MANAGE_FEATURE] }),\n    })\n      .then((call) => {\n        if (cancelled || !call.ok) return\n        const granted = Array.isArray(call.result?.granted)\n          ? call.result.granted.map((feature) => String(feature))\n          : []\n        setCanManage(granted.some((grantedFeature) => matchFeature(MANAGE_FEATURE, grantedFeature)))\n      })\n      .catch(() => {\n        if (!cancelled && !controller.signal.aborted) setCanManage(false)\n      })\n    return () => {\n      cancelled = true\n      controller.abort()\n    }\n  }, [])\n  return canManage\n}\n\nfunction buildTimezoneLabel(): string {\n  const timeZone = Intl.DateTimeFormat().resolvedOptions().timeZone\n  const offsetMinutes = -new Date().getTimezoneOffset()\n  const sign = offsetMinutes >= 0 ? '+' : '-'\n  const absolute = Math.abs(offsetMinutes)\n  const hours = Math.floor(absolute / 60)\n  const minutes = absolute % 60\n  const offset = minutes > 0 ? `${sign}${hours}:${String(minutes).padStart(2, '0')}` : `${sign}${hours}`\n  return `${timeZone} (GMT${offset})`\n}\n\nfunction resolveJoinUrl(location: string | null): string | null {\n  const trimmed = location?.trim() ?? ''\n  if (!trimmed) return null\n  if (/^https?:\\/\\//i.test(trimmed)) return trimmed\n  if (/^www\\./i.test(trimmed)) return `https://${trimmed}`\n  return null\n}\n\nfunction asEditableItem(item: CalendarItem): CalendarItem {\n  return item.isRecurringOccurrence ? { ...item, id: item.raw.id } : item\n}\n\nexport function CalendarScreen() {\n  const t = useT()\n  const [view, setView] = React.useState<CalendarView>('week')\n  const [anchor, setAnchor] = React.useState<Date>(() => new Date())\n  const [agendaHorizonDays, setAgendaHorizonDays] = React.useState(DEFAULT_AGENDA_HORIZON_DAYS)\n  const [preset, setPreset] = React.useState<CalendarRangePreset | null>('thisWeek')\n\n  React.useEffect(() => {\n    if (window.innerWidth >= PHONE_BREAKPOINT_PX) return\n    setView('day')\n    setPreset(null)\n  }, [])\n  const [tab, setTab] = React.useState<CalendarTab>('all')\n  const [searchText, setSearchText] = React.useState('')\n  const [debouncedSearch, setDebouncedSearch] = React.useState('')\n  const [filters, setFilters] = React.useState<CalendarFiltersValue>(EMPTY_FILTERS)\n  const [editor, setEditor] = React.useState<EditorState>({ open: false, mode: 'create', item: null })\n  const [editorMounted, setEditorMounted] = React.useState(false)\n  const [createRange, setCreateRange] = React.useState<{ start: Date; end: Date } | null>(null)\n  const [shortcutsOpen, setShortcutsOpen] = React.useState(false)\n  const [settingsOpen, setSettingsOpen] = React.useState(false)\n  const [highlightItemId, setHighlightItemId] = React.useState<string | null>(null)\n  const [hasLoadedOnce, setHasLoadedOnce] = React.useState(false)\n  const { preferences, setPreferences, hydrated: preferencesHydrated, userId: currentUserId } = useCalendarPreferences()\n\n  const range = React.useMemo(\n    () => getVisibleRange(view, anchor, agendaHorizonDays),\n    [view, anchor, agendaHorizonDays],\n  )\n  const { items, isLoading, error, truncated, typeLabels, typeColors, refetch } = useCalendarItems(range)\n\n  React.useEffect(() => {\n    if (!isLoading) setHasLoadedOnce(true)\n  }, [isLoading])\n\n  React.useEffect(() => {\n    const timer = window.setTimeout(() => setDebouncedSearch(searchText), SEARCH_DEBOUNCE_MS)\n    return () => window.clearTimeout(timer)\n  }, [searchText])\n\n  React.useEffect(() => {\n    if (!highlightItemId) return\n    const timer = window.setTimeout(() => setHighlightItemId(null), HIGHLIGHT_CLEAR_MS)\n    return () => window.clearTimeout(timer)\n  }, [highlightItemId])\n\n  const visibleItems = React.useMemo(\n    () => items.filter((item) => item.end > range.from && item.start < range.to),\n    [items, range],\n  )\n\n  const searchedItems = React.useMemo(() => {\n    const query = debouncedSearch.trim().toLowerCase()\n    if (!query) return visibleItems\n    return visibleItems.filter((item) => {\n      if (item.title.toLowerCase().includes(query)) return true\n      if (item.location && item.location.toLowerCase().includes(query)) return true\n      const rawBody = (item.raw as { body?: unknown }).body\n      if (typeof rawBody === 'string' && rawBody.toLowerCase().includes(query)) return true\n      return item.participants.some((participant) =>\n        (participant.name ?? '').toLowerCase().includes(query),\n      )\n    })\n  }, [visibleItems, debouncedSearch])\n\n  const baseItems = React.useMemo(\n    () =>\n      searchedItems.filter((item) => {\n        if (filters.types.length > 0 && !filters.types.includes(item.interactionType)) return false\n        if (filters.status && item.status !== filters.status) return false\n        if (filters.ownerUserId && item.ownerUserId !== filters.ownerUserId) return false\n        if (!preferences.showCrmActivities && item.category !== 'meeting' && item.category !== 'event') return false\n        return true\n      }),\n    [searchedItems, filters, preferences.showCrmActivities],\n  )\n\n  const tabCounts = React.useMemo(() => countByCategory(baseItems), [baseItems])\n\n  const viewItems = React.useMemo(() => {\n    if (tab === 'meetings') return baseItems.filter((item) => item.category === 'meeting')\n    if (tab === 'events') return baseItems.filter((item) => item.category === 'event')\n    return baseItems\n  }, [baseItems, tab])\n\n  const conflictMap = React.useMemo(\n    () => findConflicts(baseItems, { scope: preferences.conflictScope, currentUserId }),\n    [baseItems, preferences.conflictScope, currentUserId],\n  )\n  const conflictIds = React.useMemo(() => new Set(conflictMap.keys()), [conflictMap])\n\n  const upcomingCards = React.useMemo<UpcomingCard[]>(() => {\n    const now = new Date()\n    const nowMs = now.getTime()\n    return baseItems\n      .filter((item) => item.start.getTime() >= nowMs)\n      .sort((first, second) => first.start.getTime() - second.start.getTime())\n      .slice(0, UPCOMING_CARDS_COUNT)\n      .map((item) => {\n        const conflictCount = preferences.conflictWarnings ? (conflictMap.get(item.id)?.length ?? 0) : 0\n        const kind: UpcomingCard['kind'] =\n          item.status === 'canceled'\n            ? 'cancelled'\n            : conflictCount > 0\n              ? 'conflicted'\n              : isSameDay(item.start, now)\n                ? 'today'\n                : 'future'\n        return { item, kind, conflictCount }\n      })\n  }, [baseItems, conflictMap, preferences.conflictWarnings])\n\n  const typeOptions = React.useMemo(() => {\n    const values = new Set<string>(Object.keys(typeLabels))\n    for (const item of items) values.add(item.interactionType)\n    return [...values]\n      .sort()\n      .map((value) => ({ value, label: typeLabels[value] ?? value }))\n  }, [items, typeLabels])\n\n  const ownerOptions = React.useMemo(() => {\n    const participantNames = new Map<string, string>()\n    for (const item of items) {\n      for (const participant of item.participants) {\n        if (participant.name && !participantNames.has(participant.userId)) {\n          participantNames.set(participant.userId, participant.name)\n        }\n      }\n    }\n    const owners = new Map<string, string>()\n    for (const item of items) {\n      if (!item.ownerUserId || owners.has(item.ownerUserId)) continue\n      owners.set(item.ownerUserId, participantNames.get(item.ownerUserId) ?? item.ownerUserId)\n    }\n    return [...owners.entries()]\n      .map(([value, label]) => ({ value, label }))\n      .sort((first, second) => first.label.localeCompare(second.label))\n  }, [items])\n\n  const timezoneLabel = React.useMemo(() => buildTimezoneLabel(), [])\n\n  const canManage = useCanManageInteractions()\n\n  const openCreateEditor = React.useCallback(() => {\n    if (!canManage) return\n    setCreateRange(null)\n    setEditorMounted(true)\n    setEditor({ open: true, mode: 'create', item: null })\n  }, [canManage])\n\n  const openEditEditor = React.useCallback(\n    (item: CalendarItem) => {\n      if (!canManage) return\n      setCreateRange(null)\n      setEditorMounted(true)\n      setEditor({ open: true, mode: 'edit', item: asEditableItem(item) })\n    },\n    [canManage],\n  )\n\n  const handleCreateRange = React.useCallback(\n    (start: Date, end: Date) => {\n      if (!canManage) return\n      setCreateRange({ start, end })\n      setEditorMounted(true)\n      setEditor({ open: true, mode: 'create', item: null })\n    },\n    [canManage],\n  )\n\n  const seedActivityTypes = React.useMemo(() => {\n    const seen = new Set<string>()\n    const labels: string[] = []\n    for (const value of Object.keys(typeLabels)) {\n      const label = typeLabels[value] ?? value\n      if (seen.has(label)) continue\n      seen.add(label)\n      labels.push(label)\n    }\n    return labels\n  }, [typeLabels])\n\n  const handleToday = React.useCallback(() => {\n    setAnchor(new Date())\n    setPreset(null)\n  }, [])\n\n  const handlePresetChange = React.useCallback((next: CalendarRangePreset) => {\n    setPreset(next)\n    setAnchor(new Date())\n    if (next === 'thisWeek') {\n      setView('week')\n    } else if (next === 'thisMonth') {\n      setView('month')\n    } else {\n      setView('agenda')\n      setAgendaHorizonDays(next === 'next30' ? 30 : DEFAULT_AGENDA_HORIZON_DAYS)\n    }\n  }, [])\n\n  const handleAnchorChange = React.useCallback((date: Date) => {\n    setAnchor(date)\n    setPreset(null)\n  }, [])\n\n  const handleViewChange = React.useCallback((next: CalendarView) => {\n    setView(next)\n    setPreset(null)\n  }, [])\n\n  const handleTimeGridNavigate = React.useCallback((deltaDays: number) => {\n    setAnchor((current) => addDays(current, deltaDays))\n    setPreset(null)\n  }, [])\n\n  const handleDayOpen = React.useCallback((date: Date) => {\n    setView('day')\n    setAnchor(date)\n    setPreset(null)\n  }, [])\n\n  const handleSeeConflict = React.useCallback((item: CalendarItem) => {\n    setView('week')\n    setAnchor(item.start)\n    setPreset(null)\n    setHighlightItemId(item.id)\n  }, [])\n\n  const handleJoin = React.useCallback((item: CalendarItem) => {\n    const url = resolveJoinUrl(item.location)\n    if (url) window.open(url, '_blank', 'noopener')\n  }, [])\n\n  const { runMutation, retryLastMutation } = useGuardedMutation<{\n    formId: string\n    resourceKind: string\n    resourceId: string\n    retryLastMutation: () => Promise<boolean>\n  }>({\n    contextId: 'customers-calendar-cancel',\n    blockedMessage: t('ui.forms.flash.saveBlocked', 'Save blocked by validation'),\n  })\n\n  const handleCancelItem = React.useCallback(\n    async (item: CalendarItem) => {\n      const interactionId = item.raw.id\n      try {\n        await runMutation({\n          operation: () =>\n            withScopedApiRequestHeaders(buildOptimisticLockHeader(item.updatedAt), () =>\n              apiCallOrThrow('/api/customers/interactions', {\n                method: 'PUT',\n                headers: { 'content-type': 'application/json' },\n                body: JSON.stringify({ id: interactionId, status: 'canceled' }),\n              }),\n            ),\n          mutationPayload: {\n            operation: 'cancelCalendarEvent',\n            interactionId,\n            interactionType: item.interactionType,\n          },\n          context: {\n            formId: 'customers-calendar-cancel',\n            resourceKind: 'customers.interaction',\n            resourceId: interactionId,\n            retryLastMutation,\n          },\n        })\n        flash(t('customers.calendar.cards.cancelSuccess', 'Event cancelled'), 'success')\n        refetch()\n      } catch (err) {\n        // An optimistic-lock 409 is surfaced as the persistent conflict bar by\n        // useGuardedMutation (surfaceRecordConflict) \u2014 don't re-flash.\n        if (extractOptimisticLockConflict(err)) return\n        flash(t('customers.calendar.cards.cancelError', 'Failed to cancel event'), 'error')\n      }\n    },\n    [refetch, retryLastMutation, runMutation, t],\n  )\n\n  const focusSearch = React.useCallback(() => {\n    const node = document.querySelector('[data-calendar-search]')\n    if (node instanceof HTMLInputElement) node.focus()\n    else if (node instanceof HTMLElement) node.querySelector('input')?.focus()\n  }, [])\n\n  const editorOpen = editor.open\n  React.useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.defaultPrevented) return\n      if (event.metaKey || event.ctrlKey || event.altKey) return\n      const target = event.target\n      if (target instanceof HTMLElement) {\n        const tag = target.tagName\n        if (tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT' || target.isContentEditable) return\n      }\n      if (editorOpen) return\n      switch (event.key) {\n        case 't':\n        case 'T':\n          event.preventDefault()\n          setAnchor(new Date())\n          setPreset(null)\n          break\n        case 'd':\n        case 'D':\n          event.preventDefault()\n          setView('day')\n          setPreset(null)\n          break\n        case 'w':\n        case 'W':\n          event.preventDefault()\n          setView('week')\n          setPreset(null)\n          break\n        case 'm':\n        case 'M':\n          event.preventDefault()\n          setView('month')\n          setPreset(null)\n          break\n        case 'a':\n        case 'A':\n          event.preventDefault()\n          setView('agenda')\n          setPreset(null)\n          break\n        case 'n':\n        case 'N':\n          event.preventDefault()\n          openCreateEditor()\n          break\n        case '/':\n          event.preventDefault()\n          focusSearch()\n          break\n        case '?':\n          event.preventDefault()\n          setShortcutsOpen((open) => !open)\n          break\n        case 'Escape':\n          setHighlightItemId(null)\n          break\n        default:\n          break\n      }\n    }\n    window.addEventListener('keydown', handleKeyDown)\n    return () => window.removeEventListener('keydown', handleKeyDown)\n  }, [editorOpen, focusSearch, openCreateEditor])\n\n  const showInitialLoading = (isLoading && !hasLoadedOnce) || !preferencesHydrated\n\n  let viewArea: React.ReactNode\n  if (error) {\n    viewArea = (\n      <ErrorMessage\n        label={t('customers.calendar.errors.loadFailed', 'Failed to load calendar events.')}\n        action={\n          <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={refetch}>\n            {t('customers.calendar.errors.retry', 'Retry')}\n          </Button>\n        }\n      />\n    )\n  } else if (showInitialLoading) {\n    viewArea = <LoadingMessage label={t('customers.calendar.loading', 'Loading calendar\u2026')} />\n  } else if (view === 'month') {\n    viewArea = (\n      <MonthGrid anchor={anchor} items={viewItems} onItemClick={openEditEditor} onDayOpen={handleDayOpen} />\n    )\n  } else if (view === 'agenda') {\n    viewArea = (\n      <AgendaList\n        anchor={anchor}\n        horizonDays={agendaHorizonDays}\n        items={viewItems}\n        typeLabels={typeLabels}\n        onItemClick={openEditEditor}\n      />\n    )\n  } else {\n    viewArea = (\n      <TimeGrid\n        days={view === 'day' ? 1 : 7}\n        anchor={anchor}\n        items={viewItems}\n        conflictIds={conflictIds}\n        showWeekends={preferences.showWeekends}\n        showConflicts={preferences.conflictWarnings}\n        aiSummaries={preferences.aiSummaries}\n        highlightItemId={highlightItemId}\n        onItemClick={openEditEditor}\n        onJoin={handleJoin}\n        onNavigate={handleTimeGridNavigate}\n        onCreate={canManage ? openCreateEditor : undefined}\n        onCreateRange={canManage ? handleCreateRange : undefined}\n      />\n    )\n  }\n\n  return (\n    <div className=\"flex min-h-0 flex-1 flex-col gap-4\">\n      <CalendarHeader view={view} anchor={anchor} onNewEvent={canManage ? openCreateEditor : undefined} />\n      <CalendarToolbar\n        view={view}\n        anchor={anchor}\n        range={range}\n        preset={preset}\n        search={searchText}\n        filters={filters}\n        typeOptions={typeOptions}\n        ownerOptions={ownerOptions}\n        onToday={handleToday}\n        onPresetChange={handlePresetChange}\n        onAnchorChange={handleAnchorChange}\n        onSearchChange={setSearchText}\n        onFiltersChange={setFilters}\n        onOpenSettings={() => setSettingsOpen(true)}\n      />\n      <UpcomingCards\n        cards={upcomingCards}\n        canManage={canManage}\n        onJoin={handleJoin}\n        onSeeConflict={handleSeeConflict}\n        onOpen={openEditEditor}\n        onEdit={openEditEditor}\n        onCancel={handleCancelItem}\n      />\n      <div className=\"flex min-h-0 flex-1 flex-col gap-3\">\n        <CalendarTabs\n          tab={tab}\n          counts={tabCounts}\n          view={view}\n          onTabChange={setTab}\n          onViewChange={handleViewChange}\n        />\n        {truncated ? (\n          <p className=\"text-xs text-muted-foreground\" role=\"status\">\n            {t('customers.calendar.notice.truncated', 'Showing first {count} items for this range.', {\n              count: MAX_WINDOW_ITEMS,\n            })}\n          </p>\n        ) : null}\n        <div className=\"flex min-h-[560px] flex-1 flex-col [&>*]:flex-1\">{viewArea}</div>\n      </div>\n      <div className=\"hidden md:block\">\n        <CalendarFooter timezoneLabel={timezoneLabel} onOpenShortcuts={() => setShortcutsOpen(true)} />\n      </div>\n      <ShortcutsDialog open={shortcutsOpen} onOpenChange={setShortcutsOpen} />\n      <CalendarSettingsModal\n        open={settingsOpen}\n        preferences={preferences}\n        seedActivityTypes={seedActivityTypes}\n        onOpenChange={setSettingsOpen}\n        onSave={(next) => {\n          setPreferences(next)\n          flash(t('customers.calendar.settings.saved', 'Calendar settings saved'), 'success')\n        }}\n      />\n      {editorMounted ? (\n        <CalendarEventEditor\n          open={editor.open}\n          mode={editor.mode}\n          item={editor.item}\n          defaultDate={anchor}\n          defaultRange={createRange}\n          typeLabels={typeLabels}\n          typeColors={typeColors}\n          surfacedTypes={preferences.activityTypes}\n          eventCategories={preferences.eventCategories}\n          conflictScope={preferences.conflictScope}\n          currentUserId={currentUserId}\n          onOpenChange={(open) => setEditor((current) => ({ ...current, open }))}\n          onSaved={refetch}\n        />\n      ) : null}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/customers/components/calendar/CalendarSettingsModal.js

@@ -0,0 +1,163 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Info, X } from "lucide-react";
+import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Dialog, DialogContent, DialogTitle } from "@open-mercato/ui/primitives/dialog";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import { Switch } from "@open-mercato/ui/primitives/switch";
+import { TagInput } from "@open-mercato/ui/primitives/tag-input";
+import { SimpleTooltip } from "@open-mercato/ui/primitives/tooltip";
+import { useDialogKeyHandler } from "@open-mercato/ui/hooks/useDialogKeyHandler";
+import {
+  MAX_ACTIVITY_TYPES,
+  MAX_EVENT_CATEGORIES
+} from "../../lib/calendar/preferences.js";
+import { SegmentGroup } from "./editor/SegmentGroup.js";
+function buildDraft(preferences, seedActivityTypes) {
+  return {
+    ...preferences,
+    eventCategories: [...preferences.eventCategories],
+    activityTypes: preferences.activityTypes.length > 0 ? [...preferences.activityTypes] : seedActivityTypes.slice(0, MAX_ACTIVITY_TYPES)
+  };
+}
+function CalendarSettingsModal({
+  open,
+  preferences,
+  seedActivityTypes,
+  onOpenChange,
+  onSave
+}) {
+  const t = useT();
+  const [draft, setDraft] = React.useState(() => buildDraft(preferences, seedActivityTypes));
+  const openRef = React.useRef(false);
+  React.useEffect(() => {
+    if (open && !openRef.current) setDraft(buildDraft(preferences, seedActivityTypes));
+    openRef.current = open;
+  }, [open, preferences, seedActivityTypes]);
+  const handleSave = React.useCallback(() => {
+    onSave(draft);
+    onOpenChange(false);
+  }, [draft, onOpenChange, onSave]);
+  const handleKeyDown = useDialogKeyHandler({ onConfirm: handleSave });
+  const toggle = (key) => (checked) => setDraft((current) => ({ ...current, [key]: checked }));
+  const toggleRows = [
+    { key: "showCrmActivities", label: t("customers.calendar.settings.showCrmActivities", "Show CRM activities on calendar") },
+    { key: "aiSummaries", label: t("customers.calendar.settings.aiSummaries", "AI summaries & quick actions") },
+    { key: "conflictWarnings", label: t("customers.calendar.settings.conflictWarnings", "Conflict warnings") },
+    { key: "showWeekends", label: t("customers.calendar.settings.showWeekends", "Show weekends") }
+  ];
+  const title = t("customers.calendar.settings.title", "Customization");
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
+    DialogContent,
+    {
+      onKeyDown: handleKeyDown,
+      "aria-describedby": void 0,
+      dismissible: false,
+      className: "flex w-full max-w-[400px] flex-col gap-0 overflow-hidden rounded-2xl border-0 bg-card p-0 shadow-xl",
+      children: [
+        /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(DialogTitle, { children: title }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-start gap-3.5 border-b border-border py-4 pl-5 pr-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium leading-5 text-foreground", children: title }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs leading-4 text-muted-foreground", children: t("customers.calendar.settings.subtitle", "Customise your calendar module.") })
+          ] }),
+          /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: () => onOpenChange(false),
+              "aria-label": t("customers.calendar.settings.close", "Close"),
+              className: "shrink-0 text-muted-foreground",
+              children: /* @__PURE__ */ jsx(X, { "aria-hidden": true, className: "size-5" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 p-5", children: [
+          /* @__PURE__ */ jsx(
+            SettingsTagInput,
+            {
+              label: t("customers.calendar.settings.eventCategories", "Event Categories"),
+              maxLabel: t("customers.calendar.settings.max", "(max. {count})", { count: MAX_EVENT_CATEGORIES }),
+              hint: t(
+                "customers.calendar.settings.eventCategoriesHint",
+                "Your own grouping labels (e.g. Team Meeting, Sales Call). Offered when creating an event."
+              ),
+              placeholder: t("customers.calendar.settings.addCategory", "Add a category\u2026"),
+              value: draft.eventCategories,
+              maxTags: MAX_EVENT_CATEGORIES,
+              onChange: (eventCategories) => setDraft((current) => ({ ...current, eventCategories }))
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            SettingsTagInput,
+            {
+              label: t("customers.calendar.settings.activityTypes", "Activity Types"),
+              maxLabel: t("customers.calendar.settings.max", "(max. {count})", { count: MAX_ACTIVITY_TYPES }),
+              hint: t(
+                "customers.calendar.settings.activityTypesHint",
+                "The activity types your calendar surfaces when creating an event. Seeded from your workspace dictionary."
+              ),
+              placeholder: t("customers.calendar.settings.addType", "Add a type\u2026"),
+              value: draft.activityTypes,
+              maxTags: MAX_ACTIVITY_TYPES,
+              onChange: (activityTypes) => setDraft((current) => ({ ...current, activityTypes }))
+            }
+          ),
+          toggleRows.map((row) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(
+                Switch,
+                {
+                  checked: draft[row.key],
+                  onCheckedChange: toggle(row.key),
+                  "aria-label": row.label
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "text-sm leading-5 text-foreground", children: row.label })
+            ] }),
+            row.key === "conflictWarnings" && draft.conflictWarnings ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5 pl-11", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-xs leading-4 text-muted-foreground", children: t(
+                "customers.calendar.settings.conflictScopeHint",
+                "Choose whose overlaps the calendar flags as conflicts."
+              ) }),
+              /* @__PURE__ */ jsx(
+                SegmentGroup,
+                {
+                  ariaLabel: t("customers.calendar.settings.conflictScope", "Conflict scope"),
+                  value: draft.conflictScope,
+                  onChange: (conflictScope) => setDraft((current) => ({ ...current, conflictScope })),
+                  options: [
+                    { value: "mine", label: t("customers.calendar.settings.conflictScopeMine", "My meetings only") },
+                    { value: "all", label: t("customers.calendar.settings.conflictScopeAll", "All org meetings") }
+                  ]
+                }
+              )
+            ] }) : null
+          ] }, row.key))
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-3 border-t border-border px-5 py-4", children: [
+          /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", className: "flex-1", onClick: () => onOpenChange(false), children: t("customers.calendar.settings.cancel", "Cancel") }),
+          /* @__PURE__ */ jsx(Button, { type: "button", className: "flex-1", onClick: handleSave, children: t("customers.calendar.settings.save", "Save Changes") })
+        ] })
+      ]
+    }
+  ) });
+}
+function SettingsTagInput({ label, maxLabel, hint, placeholder, value, maxTags, onChange }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-sm font-medium leading-5 text-foreground", children: label }),
+      /* @__PURE__ */ jsx("span", { className: "text-sm leading-5 text-muted-foreground", children: maxLabel }),
+      /* @__PURE__ */ jsx(SimpleTooltip, { content: hint, children: /* @__PURE__ */ jsx("span", { className: "inline-flex text-muted-foreground", tabIndex: 0, role: "img", "aria-label": hint, children: /* @__PURE__ */ jsx(Info, { "aria-hidden": true, className: "size-4" }) }) })
+    ] }),
+    /* @__PURE__ */ jsx(TagInput, { value, onChange, placeholder, maxTags, "aria-label": label })
+  ] });
+}
+export {
+  CalendarSettingsModal
+};
+//# sourceMappingURL=CalendarSettingsModal.js.map

package/dist/modules/customers/components/calendar/CalendarSettingsModal.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/customers/components/calendar/CalendarSettingsModal.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Info, X } from 'lucide-react'\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Dialog, DialogContent, DialogTitle } from '@open-mercato/ui/primitives/dialog'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { Switch } from '@open-mercato/ui/primitives/switch'\nimport { TagInput } from '@open-mercato/ui/primitives/tag-input'\nimport { SimpleTooltip } from '@open-mercato/ui/primitives/tooltip'\nimport { useDialogKeyHandler } from '@open-mercato/ui/hooks/useDialogKeyHandler'\nimport {\n  CalendarPreferences,\n  ConflictScope,\n  MAX_ACTIVITY_TYPES,\n  MAX_EVENT_CATEGORIES,\n} from '../../lib/calendar/preferences'\nimport { SegmentGroup } from './editor/SegmentGroup'\n\nexport type CalendarSettingsModalProps = {\n  open: boolean\n  preferences: CalendarPreferences\n  seedActivityTypes: string[]\n  onOpenChange(open: boolean): void\n  onSave(next: CalendarPreferences): void\n}\n\ntype ToggleKey = 'showCrmActivities' | 'aiSummaries' | 'conflictWarnings' | 'showWeekends'\n\n// An empty Activity Types list is an intentional floor meaning \"surface all\n// dictionary types\" (see buildEditorCategoryOptions) rather than \"surface none\" \u2014\n// it keeps the editor's category picker usable. So when the stored list is empty\n// the modal seeds the dictionary types for display; curating a non-empty subset\n// persists and filters the editor as expected.\nfunction buildDraft(preferences: CalendarPreferences, seedActivityTypes: string[]): CalendarPreferences {\n  return {\n    ...preferences,\n    eventCategories: [...preferences.eventCategories],\n    activityTypes:\n      preferences.activityTypes.length > 0\n        ? [...preferences.activityTypes]\n        : seedActivityTypes.slice(0, MAX_ACTIVITY_TYPES),\n  }\n}\n\nexport function CalendarSettingsModal({\n  open,\n  preferences,\n  seedActivityTypes,\n  onOpenChange,\n  onSave,\n}: CalendarSettingsModalProps) {\n  const t = useT()\n  const [draft, setDraft] = React.useState<CalendarPreferences>(() => buildDraft(preferences, seedActivityTypes))\n  const openRef = React.useRef(false)\n\n  React.useEffect(() => {\n    if (open && !openRef.current) setDraft(buildDraft(preferences, seedActivityTypes))\n    openRef.current = open\n  }, [open, preferences, seedActivityTypes])\n\n  const handleSave = React.useCallback(() => {\n    onSave(draft)\n    onOpenChange(false)\n  }, [draft, onOpenChange, onSave])\n\n  const handleKeyDown = useDialogKeyHandler({ onConfirm: handleSave })\n\n  const toggle = (key: ToggleKey) => (checked: boolean) => setDraft((current) => ({ ...current, [key]: checked }))\n\n  const toggleRows: Array<{ key: ToggleKey; label: string }> = [\n    { key: 'showCrmActivities', label: t('customers.calendar.settings.showCrmActivities', 'Show CRM activities on calendar') },\n    { key: 'aiSummaries', label: t('customers.calendar.settings.aiSummaries', 'AI summaries & quick actions') },\n    { key: 'conflictWarnings', label: t('customers.calendar.settings.conflictWarnings', 'Conflict warnings') },\n    { key: 'showWeekends', label: t('customers.calendar.settings.showWeekends', 'Show weekends') },\n  ]\n\n  const title = t('customers.calendar.settings.title', 'Customization')\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent\n        onKeyDown={handleKeyDown}\n        aria-describedby={undefined}\n        dismissible={false}\n        className=\"flex w-full max-w-[400px] flex-col gap-0 overflow-hidden rounded-2xl border-0 bg-card p-0 shadow-xl\"\n      >\n        <VisuallyHidden>\n          <DialogTitle>{title}</DialogTitle>\n        </VisuallyHidden>\n        <div className=\"flex shrink-0 items-start gap-3.5 border-b border-border py-4 pl-5 pr-4\">\n          <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n            <p className=\"text-sm font-medium leading-5 text-foreground\">{title}</p>\n            <p className=\"text-xs leading-4 text-muted-foreground\">\n              {t('customers.calendar.settings.subtitle', 'Customise your calendar module.')}\n            </p>\n          </div>\n          <IconButton\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={() => onOpenChange(false)}\n            aria-label={t('customers.calendar.settings.close', 'Close')}\n            className=\"shrink-0 text-muted-foreground\"\n          >\n            <X aria-hidden className=\"size-5\" />\n          </IconButton>\n        </div>\n\n        <div className=\"flex flex-col gap-4 p-5\">\n          <SettingsTagInput\n            label={t('customers.calendar.settings.eventCategories', 'Event Categories')}\n            maxLabel={t('customers.calendar.settings.max', '(max. {count})', { count: MAX_EVENT_CATEGORIES })}\n            hint={t(\n              'customers.calendar.settings.eventCategoriesHint',\n              'Your own grouping labels (e.g. Team Meeting, Sales Call). Offered when creating an event.',\n            )}\n            placeholder={t('customers.calendar.settings.addCategory', 'Add a category\u2026')}\n            value={draft.eventCategories}\n            maxTags={MAX_EVENT_CATEGORIES}\n            onChange={(eventCategories) => setDraft((current) => ({ ...current, eventCategories }))}\n          />\n          <SettingsTagInput\n            label={t('customers.calendar.settings.activityTypes', 'Activity Types')}\n            maxLabel={t('customers.calendar.settings.max', '(max. {count})', { count: MAX_ACTIVITY_TYPES })}\n            hint={t(\n              'customers.calendar.settings.activityTypesHint',\n              'The activity types your calendar surfaces when creating an event. Seeded from your workspace dictionary.',\n            )}\n            placeholder={t('customers.calendar.settings.addType', 'Add a type\u2026')}\n            value={draft.activityTypes}\n            maxTags={MAX_ACTIVITY_TYPES}\n            onChange={(activityTypes) => setDraft((current) => ({ ...current, activityTypes }))}\n          />\n          {toggleRows.map((row) => (\n            <React.Fragment key={row.key}>\n              <div className=\"flex items-center gap-2\">\n                <Switch\n                  checked={draft[row.key]}\n                  onCheckedChange={toggle(row.key)}\n                  aria-label={row.label}\n                />\n                <span className=\"text-sm leading-5 text-foreground\">{row.label}</span>\n              </div>\n              {row.key === 'conflictWarnings' && draft.conflictWarnings ? (\n                <div className=\"flex flex-col gap-1.5 pl-11\">\n                  <span className=\"text-xs leading-4 text-muted-foreground\">\n                    {t(\n                      'customers.calendar.settings.conflictScopeHint',\n                      'Choose whose overlaps the calendar flags as conflicts.',\n                    )}\n                  </span>\n                  <SegmentGroup<ConflictScope>\n                    ariaLabel={t('customers.calendar.settings.conflictScope', 'Conflict scope')}\n                    value={draft.conflictScope}\n                    onChange={(conflictScope) => setDraft((current) => ({ ...current, conflictScope }))}\n                    options={[\n                      { value: 'mine', label: t('customers.calendar.settings.conflictScopeMine', 'My meetings only') },\n                      { value: 'all', label: t('customers.calendar.settings.conflictScopeAll', 'All org meetings') },\n                    ]}\n                  />\n                </div>\n              ) : null}\n            </React.Fragment>\n          ))}\n        </div>\n\n        <div className=\"flex shrink-0 items-center gap-3 border-t border-border px-5 py-4\">\n          <Button type=\"button\" variant=\"outline\" className=\"flex-1\" onClick={() => onOpenChange(false)}>\n            {t('customers.calendar.settings.cancel', 'Cancel')}\n          </Button>\n          <Button type=\"button\" className=\"flex-1\" onClick={handleSave}>\n            {t('customers.calendar.settings.save', 'Save Changes')}\n          </Button>\n        </div>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\ntype SettingsTagInputProps = {\n  label: string\n  maxLabel: string\n  hint: string\n  placeholder: string\n  value: string[]\n  maxTags: number\n  onChange(value: string[]): void\n}\n\nfunction SettingsTagInput({ label, maxLabel, hint, placeholder, value, maxTags, onChange }: SettingsTagInputProps) {\n  return (\n    <div className=\"flex flex-col gap-1\">\n      <div className=\"flex items-center gap-1\">\n        <span className=\"text-sm font-medium leading-5 text-foreground\">{label}</span>\n        <span className=\"text-sm leading-5 text-muted-foreground\">{maxLabel}</span>\n        <SimpleTooltip content={hint}>\n          <span className=\"inline-flex text-muted-foreground\" tabIndex={0} role=\"img\" aria-label={hint}>\n            <Info aria-hidden className=\"size-4\" />\n          </span>\n        </SimpleTooltip>\n      </div>\n      <TagInput value={value} onChange={onChange} placeholder={placeholder} maxTags={maxTags} aria-label={label} />\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/customers/components/calendar/CalendarTabs.js

@@ -0,0 +1,60 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Clock, LayoutGrid, List } from "lucide-react";
+import {
+  SegmentedControl,
+  SegmentedControlItem
+} from "@open-mercato/ui/primitives/segmented-control";
+import { Tabs, TabsList, TabsTrigger } from "@open-mercato/ui/primitives/tabs";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+function TabCount({ value }) {
+  return /* @__PURE__ */ jsxs("span", { className: "text-xs font-medium text-muted-foreground", children: [
+    "(",
+    value,
+    ")"
+  ] });
+}
+function CalendarTabs({ tab, counts, view, onTabChange, onViewChange }) {
+  const t = useT();
+  return /* @__PURE__ */ jsx(
+    Tabs,
+    {
+      value: tab,
+      onValueChange: (value) => onTabChange(value),
+      variant: "underline",
+      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-stretch justify-between gap-x-3 gap-y-2", children: [
+        /* @__PURE__ */ jsx("div", { className: "min-w-0 max-w-full overflow-x-auto", children: /* @__PURE__ */ jsxs(TabsList, { className: "shrink-0", children: [
+          /* @__PURE__ */ jsx(TabsTrigger, { value: "all", leading: /* @__PURE__ */ jsx(LayoutGrid, { className: "size-4" }), children: t("customers.calendar.tabs.all", "All Scheduled") }),
+          /* @__PURE__ */ jsxs(TabsTrigger, { value: "meetings", leading: /* @__PURE__ */ jsx(List, { className: "size-4" }), children: [
+            t("customers.calendar.tabs.meetings", "Meetings"),
+            " ",
+            /* @__PURE__ */ jsx(TabCount, { value: counts.meetings })
+          ] }),
+          /* @__PURE__ */ jsxs(TabsTrigger, { value: "events", leading: /* @__PURE__ */ jsx(Clock, { className: "size-4" }), children: [
+            t("customers.calendar.tabs.events", "Events"),
+            " ",
+            /* @__PURE__ */ jsx(TabCount, { value: counts.events })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsx("div", { className: "flex min-w-0 flex-1 items-center justify-end border-b border-input", children: /* @__PURE__ */ jsxs(
+          SegmentedControl,
+          {
+            value: view,
+            onValueChange: (value) => onViewChange(value),
+            "aria-label": t("customers.calendar.views.label", "Calendar view"),
+            children: [
+              /* @__PURE__ */ jsx(SegmentedControlItem, { value: "day", children: t("customers.calendar.views.day", "Day") }),
+              /* @__PURE__ */ jsx(SegmentedControlItem, { value: "week", children: t("customers.calendar.views.week", "Week") }),
+              /* @__PURE__ */ jsx(SegmentedControlItem, { value: "month", children: t("customers.calendar.views.month", "Month") }),
+              /* @__PURE__ */ jsx(SegmentedControlItem, { value: "agenda", children: t("customers.calendar.views.agenda", "Agenda") })
+            ]
+          }
+        ) })
+      ] })
+    }
+  );
+}
+export {
+  CalendarTabs
+};
+//# sourceMappingURL=CalendarTabs.js.map

package/dist/modules/customers/components/calendar/CalendarTabs.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/customers/components/calendar/CalendarTabs.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Clock, LayoutGrid, List } from 'lucide-react'\nimport {\n  SegmentedControl,\n  SegmentedControlItem,\n} from '@open-mercato/ui/primitives/segmented-control'\nimport { Tabs, TabsList, TabsTrigger } from '@open-mercato/ui/primitives/tabs'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { CalendarTab, CalendarTabsProps, CalendarView } from './types'\n\nfunction TabCount({ value }: { value: number }) {\n  return <span className=\"text-xs font-medium text-muted-foreground\">({value})</span>\n}\n\nexport function CalendarTabs({ tab, counts, view, onTabChange, onViewChange }: CalendarTabsProps) {\n  const t = useT()\n\n  return (\n    <Tabs\n      value={tab}\n      onValueChange={(value) => onTabChange(value as CalendarTab)}\n      variant=\"underline\"\n    >\n      <div className=\"flex flex-wrap items-stretch justify-between gap-x-3 gap-y-2\">\n        <div className=\"min-w-0 max-w-full overflow-x-auto\">\n          <TabsList className=\"shrink-0\">\n            <TabsTrigger value=\"all\" leading={<LayoutGrid className=\"size-4\" />}>\n              {t('customers.calendar.tabs.all', 'All Scheduled')}\n            </TabsTrigger>\n            <TabsTrigger value=\"meetings\" leading={<List className=\"size-4\" />}>\n              {t('customers.calendar.tabs.meetings', 'Meetings')} <TabCount value={counts.meetings} />\n            </TabsTrigger>\n            <TabsTrigger value=\"events\" leading={<Clock className=\"size-4\" />}>\n              {t('customers.calendar.tabs.events', 'Events')} <TabCount value={counts.events} />\n            </TabsTrigger>\n          </TabsList>\n        </div>\n        <div className=\"flex min-w-0 flex-1 items-center justify-end border-b border-input\">\n          <SegmentedControl\n            value={view}\n            onValueChange={(value) => onViewChange(value as CalendarView)}\n            aria-label={t('customers.calendar.views.label', 'Calendar view')}\n          >\n            <SegmentedControlItem value=\"day\">\n              {t('customers.calendar.views.day', 'Day')}\n            </SegmentedControlItem>\n            <SegmentedControlItem value=\"week\">\n              {t('customers.calendar.views.week', 'Week')}\n            </SegmentedControlItem>\n            <SegmentedControlItem value=\"month\">\n              {t('customers.calendar.views.month', 'Month')}\n            </SegmentedControlItem>\n            <SegmentedControlItem value=\"agenda\">\n              {t('customers.calendar.views.agenda', 'Agenda')}\n            </SegmentedControlItem>\n          </SegmentedControl>\n        </div>\n      </div>\n    </Tabs>\n  )\n}\n"],
+  "mappings": ";AAaS,SAeqC,KAfrC;AAVT,SAAS,OAAO,YAAY,YAAY;AACxC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,MAAM,UAAU,mBAAmB;AAC5C,SAAS,YAAY;AAGrB,SAAS,SAAS,EAAE,MAAM,GAAsB;AAC9C,SAAO,qBAAC,UAAK,WAAU,6CAA4C;AAAA;AAAA,IAAE;AAAA,IAAM;AAAA,KAAC;AAC9E;AAEO,SAAS,aAAa,EAAE,KAAK,QAAQ,MAAM,aAAa,aAAa,GAAsB;AAChG,QAAM,IAAI,KAAK;AAEf,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,eAAe,CAAC,UAAU,YAAY,KAAoB;AAAA,MAC1D,SAAQ;AAAA,MAER,+BAAC,SAAI,WAAU,gEACb;AAAA,4BAAC,SAAI,WAAU,sCACb,+BAAC,YAAS,WAAU,YAClB;AAAA,8BAAC,eAAY,OAAM,OAAM,SAAS,oBAAC,cAAW,WAAU,UAAS,GAC9D,YAAE,+BAA+B,eAAe,GACnD;AAAA,UACA,qBAAC,eAAY,OAAM,YAAW,SAAS,oBAAC,QAAK,WAAU,UAAS,GAC7D;AAAA,cAAE,oCAAoC,UAAU;AAAA,YAAE;AAAA,YAAC,oBAAC,YAAS,OAAO,OAAO,UAAU;AAAA,aACxF;AAAA,UACA,qBAAC,eAAY,OAAM,UAAS,SAAS,oBAAC,SAAM,WAAU,UAAS,GAC5D;AAAA,cAAE,kCAAkC,QAAQ;AAAA,YAAE;AAAA,YAAC,oBAAC,YAAS,OAAO,OAAO,QAAQ;AAAA,aAClF;AAAA,WACF,GACF;AAAA,QACA,oBAAC,SAAI,WAAU,sEACb;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,YACP,eAAe,CAAC,UAAU,aAAa,KAAqB;AAAA,YAC5D,cAAY,EAAE,kCAAkC,eAAe;AAAA,YAE/D;AAAA,kCAAC,wBAAqB,OAAM,OACzB,YAAE,gCAAgC,KAAK,GAC1C;AAAA,cACA,oBAAC,wBAAqB,OAAM,QACzB,YAAE,iCAAiC,MAAM,GAC5C;AAAA,cACA,oBAAC,wBAAqB,OAAM,SACzB,YAAE,kCAAkC,OAAO,GAC9C;AAAA,cACA,oBAAC,wBAAqB,OAAM,UACzB,YAAE,mCAAmC,QAAQ,GAChD;AAAA;AAAA;AAAA,QACF,GACF;AAAA,SACF;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/modules/customers/components/calendar/CalendarToolbar.js

@@ -0,0 +1,262 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { format } from "date-fns/format";
+import { CalendarRange, ListFilter, Settings } from "lucide-react";
+import { Badge } from "@open-mercato/ui/primitives/badge";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Calendar } from "@open-mercato/ui/primitives/calendar";
+import { CheckboxField } from "@open-mercato/ui/primitives/checkbox-field";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import { Kbd } from "@open-mercato/ui/primitives/kbd";
+import { Popover, PopoverContent, PopoverTrigger } from "@open-mercato/ui/primitives/popover";
+import { SearchInput } from "@open-mercato/ui/primitives/search-input";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+const RANGE_PRESETS = ["thisWeek", "next7", "thisMonth", "next30"];
+const STATUS_OPTIONS = ["planned", "done", "canceled"];
+const ALL_OPTION = "all";
+const EMPTY_FILTERS = { types: [], status: null, ownerUserId: null };
+function formatRangeLabel(from, to) {
+  return `${format(from, "MMM dd")} \u2013 ${format(to, "MMM dd, yyyy")}`;
+}
+function CalendarToolbar(props) {
+  const {
+    anchor,
+    range,
+    preset,
+    search,
+    filters,
+    typeOptions,
+    ownerOptions,
+    onToday,
+    onPresetChange,
+    onAnchorChange,
+    onSearchChange,
+    onFiltersChange,
+    onOpenSettings
+  } = props;
+  const t = useT();
+  const [rangeOpen, setRangeOpen] = React.useState(false);
+  const [filtersOpen, setFiltersOpen] = React.useState(false);
+  const [pendingFilters, setPendingFilters] = React.useState(filters);
+  const presetLabels = {
+    thisWeek: t("customers.calendar.toolbar.presets.thisWeek", "This week"),
+    next7: t("customers.calendar.toolbar.presets.next7", "Next 7 days"),
+    thisMonth: t("customers.calendar.toolbar.presets.thisMonth", "This month"),
+    next30: t("customers.calendar.toolbar.presets.next30", "Next 30 days")
+  };
+  const activeFilterCount = filters.types.length + (filters.status ? 1 : 0) + (filters.ownerUserId ? 1 : 0);
+  const handleFiltersOpenChange = (open) => {
+    if (open) setPendingFilters(filters);
+    setFiltersOpen(open);
+  };
+  const applyFilters = () => {
+    onFiltersChange(pendingFilters);
+    setFiltersOpen(false);
+  };
+  const clearFilters = () => {
+    setPendingFilters(EMPTY_FILTERS);
+    onFiltersChange(EMPTY_FILTERS);
+    setFiltersOpen(false);
+  };
+  const togglePendingType = (value, checked) => {
+    setPendingFilters((current) => ({
+      ...current,
+      types: checked ? [...current.types, value] : current.types.filter((entry) => entry !== value)
+    }));
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 sm:gap-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-2 sm:gap-3", children: [
+      /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: onToday, children: t("customers.calendar.toolbar.today", "Today") }),
+      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center", children: [
+        /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: preset ?? "",
+            onValueChange: (value) => onPresetChange(value),
+            children: [
+              /* @__PURE__ */ jsx(
+                SelectTrigger,
+                {
+                  className: "hidden w-auto min-w-32 rounded-r-none sm:flex",
+                  "aria-label": t("customers.calendar.toolbar.presetLabel", "Date range preset"),
+                  children: /* @__PURE__ */ jsx(
+                    SelectValue,
+                    {
+                      placeholder: t("customers.calendar.toolbar.presetPlaceholder", "Custom range")
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx(SelectContent, { children: RANGE_PRESETS.map((value) => /* @__PURE__ */ jsx(SelectItem, { value, children: presetLabels[value] }, value)) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(Popover, { open: rangeOpen, onOpenChange: setRangeOpen, children: [
+          /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              className: "min-w-0 text-muted-foreground sm:-ml-px sm:rounded-l-none",
+              children: [
+                /* @__PURE__ */ jsx(CalendarRange, { "aria-hidden": "true" }),
+                /* @__PURE__ */ jsx("span", { className: "truncate", children: formatRangeLabel(range.from, range.to) })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsx(PopoverContent, { align: "start", className: "w-auto min-w-0 p-2", children: /* @__PURE__ */ jsx(
+            Calendar,
+            {
+              mode: "single",
+              selected: anchor,
+              defaultMonth: anchor,
+              onSelect: (date) => {
+                if (!date) return;
+                onAnchorChange(date);
+                setRangeOpen(false);
+              }
+            }
+          ) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex w-full min-w-0 items-center gap-2 sm:ml-auto sm:w-auto sm:flex-none sm:gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "relative min-w-0 flex-1 sm:w-72 sm:flex-none", children: [
+        /* @__PURE__ */ jsx(
+          SearchInput,
+          {
+            value: search,
+            onChange: onSearchChange,
+            placeholder: t("customers.calendar.toolbar.searchPlaceholder", "Search\u2026"),
+            "aria-label": t("customers.calendar.toolbar.searchPlaceholder", "Search\u2026"),
+            "data-calendar-search": ""
+          }
+        ),
+        search.length === 0 ? /* @__PURE__ */ jsx(Kbd, { className: "pointer-events-none absolute right-2 top-1/2 hidden -translate-y-1/2 sm:inline-flex", children: "/" }) : null
+      ] }),
+      /* @__PURE__ */ jsxs(Popover, { open: filtersOpen, onOpenChange: handleFiltersOpenChange, children: [
+        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            "aria-label": t("customers.calendar.toolbar.filters.label", "Filter"),
+            children: [
+              /* @__PURE__ */ jsx(ListFilter, { "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: t("customers.calendar.toolbar.filters.label", "Filter") }),
+              activeFilterCount > 0 ? /* @__PURE__ */ jsx(Badge, { variant: "secondary", size: "sm", children: activeFilterCount }) : null
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          PopoverContent,
+          {
+            align: "end",
+            className: "w-72 p-3",
+            onKeyDown: (event) => {
+              if (event.key === "Enter" && (event.metaKey || event.ctrlKey)) {
+                event.preventDefault();
+                applyFilters();
+              }
+            },
+            children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+              typeOptions.length > 0 ? /* @__PURE__ */ jsxs("fieldset", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ jsx("legend", { className: "pb-1 text-overline font-semibold uppercase tracking-widest text-muted-foreground", children: t("customers.calendar.toolbar.filters.types", "Type") }),
+                typeOptions.map((option) => /* @__PURE__ */ jsx(
+                  CheckboxField,
+                  {
+                    label: option.label,
+                    size: "sm",
+                    checked: pendingFilters.types.includes(option.value),
+                    onCheckedChange: (checked) => togglePendingType(option.value, checked === true)
+                  },
+                  option.value
+                ))
+              ] }) : null,
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+                /* @__PURE__ */ jsx("span", { className: "text-overline font-semibold uppercase tracking-widest text-muted-foreground", children: t("customers.calendar.toolbar.filters.status", "Status") }),
+                /* @__PURE__ */ jsxs(
+                  Select,
+                  {
+                    value: pendingFilters.status ?? ALL_OPTION,
+                    onValueChange: (value) => setPendingFilters((current) => ({
+                      ...current,
+                      status: value === ALL_OPTION ? null : value
+                    })),
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        SelectTrigger,
+                        {
+                          size: "sm",
+                          "aria-label": t("customers.calendar.toolbar.filters.status", "Status"),
+                          children: /* @__PURE__ */ jsx(SelectValue, {})
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs(SelectContent, { children: [
+                        /* @__PURE__ */ jsx(SelectItem, { value: ALL_OPTION, children: t("customers.calendar.toolbar.filters.allStatuses", "All statuses") }),
+                        STATUS_OPTIONS.map((status) => /* @__PURE__ */ jsx(SelectItem, { value: status, children: t(`customers.calendar.toolbar.filters.statuses.${status}`, status) }, status))
+                      ] })
+                    ]
+                  }
+                )
+              ] }),
+              ownerOptions.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+                /* @__PURE__ */ jsx("span", { className: "text-overline font-semibold uppercase tracking-widest text-muted-foreground", children: t("customers.calendar.toolbar.filters.owner", "Owner") }),
+                /* @__PURE__ */ jsxs(
+                  Select,
+                  {
+                    value: pendingFilters.ownerUserId ?? ALL_OPTION,
+                    onValueChange: (value) => setPendingFilters((current) => ({
+                      ...current,
+                      ownerUserId: value === ALL_OPTION ? null : value
+                    })),
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        SelectTrigger,
+                        {
+                          size: "sm",
+                          "aria-label": t("customers.calendar.toolbar.filters.owner", "Owner"),
+                          children: /* @__PURE__ */ jsx(SelectValue, {})
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs(SelectContent, { children: [
+                        /* @__PURE__ */ jsx(SelectItem, { value: ALL_OPTION, children: t("customers.calendar.toolbar.filters.allOwners", "All owners") }),
+                        ownerOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, children: option.label }, option.value))
+                      ] })
+                    ]
+                  }
+                )
+              ] }) : null,
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2 border-t pt-3", children: [
+                /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: clearFilters, children: t("customers.calendar.toolbar.filters.clear", "Clear") }),
+                /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", onClick: applyFilters, children: t("customers.calendar.toolbar.filters.apply", "Apply") })
+              ] })
+            ] })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          type: "button",
+          variant: "outline",
+          "aria-label": t("customers.calendar.toolbar.settings", "Calendar settings"),
+          onClick: onOpenSettings,
+          children: /* @__PURE__ */ jsx(Settings, { "aria-hidden": true })
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  CalendarToolbar
+};
+//# sourceMappingURL=CalendarToolbar.js.map