@fluid-app/portal-sdk 0.1.336 → 0.1.338

package/dist/{task-composer-form-CHyQZUCo.mjs.map → task-composer-form-Cq3KTV0Y.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"task-composer-form-CHyQZUCo.mjs","names":[],"sources":["../../../platform/api-client-core/src/parse-api-errors.ts","../../../contacts/core/src/contacts-api-context.ts","../../../contacts/core/src/translation-api-context.ts","../../../contacts/core/src/parse-task-body.ts","../../../contacts/core/src/query-keys.ts","../../../contacts/core/src/hooks/use-infinite-contacts.ts","../../../contacts/core/src/iso-date.ts","../../../contacts/ui/src/portal/hooks/contacts/use-create-contact-task.ts","../../../contacts/ui/src/portal/components/tasks/task-composer-form.tsx"],"sourcesContent":["/**\n * Framework-agnostic API error parsing utilities.\n *\n * Extracts structured field-level errors from API responses and formats\n * them into human-readable messages. Works with ApiError from this package\n * as well as any error object that has `status`, `data`, and optional `message`.\n */\n\n/**\n * Converts snake_case or camelCase field names to Title Case\n */\nexport function formatFieldName(field: string): string {\n  return field\n    .replace(/_/g, \" \")\n    .replace(/([A-Z])/g, \" $1\")\n    .split(\" \")\n    .map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())\n    .join(\" \")\n    .trim();\n}\n\nexport interface ParsedFieldError {\n  field: string;\n  messages: string[];\n}\n\n/**\n * Type guard to check if an error looks like an API error\n */\nexport function isApiLikeError(\n  error: unknown,\n): error is { message: string | undefined; status: number; data: unknown } {\n  if (!error || typeof error !== \"object\") {\n    return false;\n  }\n\n  const err = error as Record<string, unknown>;\n  return (\n    typeof err.status === \"number\" &&\n    \"data\" in err &&\n    (typeof err.message === \"string\" || err.message === undefined)\n  );\n}\n\n/**\n * Extracts field-level errors from API error data\n */\nexport function extractFieldErrors(data: unknown): ParsedFieldError[] {\n  const errors: ParsedFieldError[] = [];\n\n  if (!data || typeof data !== \"object\") {\n    return errors;\n  }\n\n  const errorObj = data as Record<string, unknown>;\n\n  for (const [key, value] of Object.entries(errorObj)) {\n    if (Array.isArray(value) && value.length > 0) {\n      errors.push({\n        field: formatFieldName(key),\n        messages: value.map((item) =>\n          typeof item === \"string\" ? item : JSON.stringify(item),\n        ),\n      });\n    } else if (typeof value === \"string\" && value.length > 0) {\n      errors.push({\n        field: formatFieldName(key),\n        messages: [value],\n      });\n    } else if (value && typeof value === \"object\" && !Array.isArray(value)) {\n      const nestedErrors = extractFieldErrors(value);\n      nestedErrors.forEach((nestedError) => {\n        errors.push({\n          field: `${formatFieldName(key)} → ${nestedError.field}`,\n          messages: nestedError.messages,\n        });\n      });\n    }\n  }\n\n  return errors;\n}\n\n/**\n * Formats field errors into a readable description string\n */\nexport function formatErrorDescription(errors: ParsedFieldError[]): string {\n  if (errors.length === 0) {\n    return \"\";\n  }\n\n  if (errors.length === 1) {\n    const err = errors[0];\n    if (!err) return \"\";\n    const message = err.messages[0] || \"is invalid\";\n    return `${err.field} ${message}`;\n  }\n\n  if (errors.length <= 3) {\n    return errors\n      .map((e) => `${e.field} ${e.messages[0] || \"is invalid\"}`)\n      .join(\"\\n\");\n  }\n\n  const shown = errors\n    .slice(0, 3)\n    .map((e) => `${e.field} ${e.messages[0] || \"is invalid\"}`)\n    .join(\"\\n\");\n  const remaining = errors.length - 3;\n  return `${shown}\\n...and ${remaining} more ${remaining === 1 ? \"error\" : \"errors\"}`;\n}\n\n/**\n * Parses an error and returns a human-readable description string.\n *\n * Handles:\n * - API-like errors with structured field-level data\n * - API-like errors with a top-level message\n * - Standard Error instances\n * - Falls back to the provided fallback string\n *\n * @param error - The error to parse (ApiError, Error, or unknown)\n * @param fallback - Optional fallback description if error cannot be parsed\n * @returns A human-readable error description, or undefined if nothing could be extracted\n */\nexport function parseApiErrors(\n  error: unknown,\n  fallback?: string,\n): string | undefined {\n  if (isApiLikeError(error)) {\n    if (error.data) {\n      const fieldErrors = extractFieldErrors(error.data);\n      if (fieldErrors.length > 0) {\n        return formatErrorDescription(fieldErrors);\n      }\n    }\n\n    if (error.message) {\n      return error.message;\n    }\n  } else if (error instanceof Error) {\n    return error.message;\n  }\n\n  return fallback;\n}\n","import { createContext, useContext } from \"react\";\nimport type { ContactsApi } from \"./contacts-api\";\nimport type { NotesApi } from \"./notes-api\";\nimport type { TasksApi } from \"./tasks-api\";\nimport type { GroupsApi } from \"./groups-api\";\n\nexport interface ContactsDomainApi {\n  contacts: ContactsApi;\n  notes: NotesApi;\n  tasks: TasksApi;\n  groups?: GroupsApi;\n}\n\nconst ContactsApiContext = createContext<ContactsDomainApi | null>(null);\n\nexport const ContactsApiProvider = ContactsApiContext.Provider;\n\nexport function useContactsDomainApi(): ContactsDomainApi {\n  const api = useContext(ContactsApiContext);\n  if (!api) {\n    throw new Error(\n      \"useContactsDomainApi must be used within a ContactsApiProvider\",\n    );\n  }\n  return api;\n}\n\nexport function useContactsCrud(): ContactsApi {\n  return useContactsDomainApi().contacts;\n}\n\nexport function useNotesApi(): NotesApi {\n  return useContactsDomainApi().notes;\n}\n\nexport function useTasksApi(): TasksApi {\n  return useContactsDomainApi().tasks;\n}\n\n/** Returns GroupsApi if the provider supplies one, otherwise null. */\nexport function useGroupsApi(): GroupsApi | null {\n  return useContactsDomainApi().groups ?? null;\n}\n","import type { Provider } from \"react\";\nimport { createTranslationContext } from \"@fluid-app/i18n/translation-api-context-factory\";\nimport type { TranslationApi } from \"@fluid-app/i18n/translation-api\";\nimport type { ContactsDict } from \"./translation-dictionary\";\n\nconst { Provider: ContactsProvider, useTranslation } =\n  createTranslationContext<ContactsDict>(\"Contacts\");\n\nexport const ContactsTranslationProvider: Provider<TranslationApi<ContactsDict> | null> =\n  ContactsProvider;\nexport const useContactsTranslation = useTranslation;\n","/**\n * Tasks store both a title (first line) and an optional body separated by a\n * blank line. This is the canonical convention used by the task editor and\n * by every consumer that displays tasks (contacts UI list, portal todo\n * widget). Drift across consumers would mean some surfaces show \"Title\\n\\n\n * body details\" verbatim while others split correctly — keep the delimiter\n * convention in one place.\n */\nexport function parseTaskBody(raw: string): { title: string; body: string } {\n  const split = raw.indexOf(\"\\n\\n\");\n  if (split >= 0) {\n    return {\n      title: raw.slice(0, split),\n      body: raw.slice(split + 2),\n    };\n  }\n  return { title: raw, body: \"\" };\n}\n","export const CONTACTS_QUERY_KEYS = {\n  all: (prefix: string) => [prefix] as const,\n  list: (prefix: string) =>\n    [...CONTACTS_QUERY_KEYS.all(prefix), \"list\"] as const,\n  detail: (prefix: string, id: string) =>\n    [...CONTACTS_QUERY_KEYS.all(prefix), \"detail\", id] as const,\n} as const;\n\nexport const contactsKeys = {\n  activities: (contactId: string) =>\n    [\"portal-contacts\", \"activities\", contactId] as const,\n  tasks: (contactId: string) =>\n    [\"portal-contacts\", \"tasks\", contactId] as const,\n  notes: (contactId: string) =>\n    [\"portal-contacts\", \"notes\", contactId] as const,\n  orders: (contactId: string) => [\"rep-contacts\", \"orders\", contactId] as const,\n  subscriptionOrders: (contactId: string) =>\n    [\"rep-contacts\", \"subscription-orders\", contactId] as const,\n  groups: () => [\"portal-contacts\", \"groups\"] as const,\n} as const;\n","import { useInfiniteQuery } from \"@tanstack/react-query\";\nimport { useContactsCrud } from \"../contacts-api-context\";\nimport { CONTACTS_QUERY_KEYS } from \"../query-keys\";\n\nexport interface UseInfiniteContactsParams {\n  search_query?: string;\n  status?: string;\n  sort_by?: string;\n  sort_direction?: string;\n  per_page?: number;\n  tags?: string[];\n}\n\nexport function useInfiniteContacts(params: UseInfiniteContactsParams) {\n  const api = useContactsCrud();\n  return useInfiniteQuery({\n    queryKey: [...CONTACTS_QUERY_KEYS.list(\"contacts\"), params],\n    queryFn: ({ pageParam }) =>\n      api.listContacts({\n        ...params,\n        page: pageParam,\n      }),\n    getNextPageParam: (lastPage) => {\n      const currentPage = lastPage.meta.current_page;\n      // Contacts API is page-number based; next_cursor and total_pages\n      // are both used as \"has-next-page\" signals.\n      if (currentPage == null) return undefined;\n      if (lastPage.meta.next_cursor) return currentPage + 1;\n      if (\n        lastPage.meta.total_pages != null &&\n        currentPage < lastPage.meta.total_pages\n      ) {\n        return currentPage + 1;\n      }\n      return undefined;\n    },\n    initialPageParam: 1,\n  });\n}\n","/**\n * Format a date as YYYY-MM-DD in the renderer's local timezone, optionally\n * shifted by `offsetDays`. Use this for due-date inputs where \"today\" must\n * resolve to the user's local calendar date — never `toISOString().slice(0, 10)`,\n * which returns the UTC date and silently rolls over a day for users east/west\n * of UTC at the wrong hours.\n */\nexport function isoDate(offsetDays: number, now: Date = new Date()): string {\n  const d = new Date(now);\n  d.setDate(d.getDate() + offsetDays);\n  const yyyy = d.getFullYear();\n  const mm = String(d.getMonth() + 1).padStart(2, \"0\");\n  const dd = String(d.getDate()).padStart(2, \"0\");\n  return `${yyyy}-${mm}-${dd}`;\n}\n\n/**\n * Return a Date pinned to local midnight of the calendar day represented by\n * `input`. Use this whenever you need to compare two due dates by calendar day\n * (overdue / today / tomorrow / future).\n *\n * Why not just `new Date(input)`?  `new Date(\"YYYY-MM-DD\")` parses the string\n * as UTC midnight, which lands on the *previous* calendar day in any UTC−\n * timezone — a task due \"May 1\" then reads as April 30 for a user in the\n * Americas, classifying it as \"Overdue\" all day. Parse the date components\n * directly so the calendar-day intent of the string is preserved.\n */\nexport function startOfLocalDay(input: Date | string): Date {\n  if (typeof input === \"string\") {\n    const match = /^(\\d{4})-(\\d{2})-(\\d{2})/.exec(input);\n    if (match?.[1] && match[2] && match[3]) {\n      return new Date(Number(match[1]), Number(match[2]) - 1, Number(match[3]));\n    }\n  }\n  const d = typeof input === \"string\" ? new Date(input) : input;\n  return new Date(d.getFullYear(), d.getMonth(), d.getDate());\n}\n","\"use client\";\n\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { parseApiErrors } from \"@fluid-app/api-client-core\";\nimport { useTasksApi } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { contactsKeys } from \"@fluid-app/contacts-core/query-keys\";\nimport type { CreateTaskInput } from \"@fluid-app/contacts-core/types\";\n\nexport type { CreateTaskInput };\n\nexport function useCreateContactTask(\n  contactId: string,\n  options?: { onSuccess?: () => void },\n) {\n  const queryClient = useQueryClient();\n  const api = useTasksApi();\n\n  return useMutation({\n    mutationFn: (input: CreateTaskInput) => api.createTask(contactId, input),\n    onSuccess: () => {\n      fluidToast({ title: \"Task created\", type: \"success\" });\n      queryClient.invalidateQueries({\n        queryKey: contactsKeys.tasks(contactId),\n      });\n      options?.onSuccess?.();\n    },\n    onError: (error) => {\n      const description = parseApiErrors(error);\n      fluidToast({\n        title: \"Failed to create task\",\n        type: \"error\",\n        ...(description ? { description } : {}),\n      });\n    },\n  });\n}\n","\"use client\";\n\nimport React, { useEffect, useMemo, useRef, useState } from \"react\";\nimport { X } from \"lucide-react\";\nimport { cn } from \"@fluid-app/ui-primitives\";\nimport { useContactsTranslation } from \"@fluid-app/contacts-core/translation-api-context\";\nimport { isoDate } from \"@fluid-app/contacts-core/iso-date\";\nimport { useCreateContactTask } from \"../../hooks/contacts/use-create-contact-task\";\n\nconst QUICK_DATES = [\n  { key: \"today\", offsetDays: 0 },\n  { key: \"tomorrow\", offsetDays: 1 },\n  { key: \"next_week\", offsetDays: 7 },\n] as const;\n\nexport interface TaskComposerFormProps {\n  contactId: string;\n  /** Called after a successful create. */\n  onDone?: () => void;\n  /** When provided, an X button is rendered and Escape closes the form. */\n  onClose?: () => void;\n  /** Focus the body input on mount. Default true. */\n  autoFocus?: boolean;\n}\n\nexport function TaskComposerForm({\n  contactId,\n  onDone,\n  onClose,\n  autoFocus = true,\n}: TaskComposerFormProps): React.JSX.Element {\n  const { t } = useContactsTranslation();\n  const [body, setBody] = useState(\"\");\n  const [dueDate, setDueDate] = useState<string | null>(null);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  const createTask = useCreateContactTask(contactId, {\n    onSuccess: () => {\n      setBody(\"\");\n      setDueDate(null);\n      onDone?.();\n    },\n  });\n\n  useEffect(() => {\n    if (autoFocus) inputRef.current?.focus();\n  }, [autoFocus]);\n\n  // Compute the date strings once per mount. Re-running on every render would\n  // re-evaluate `new Date()` and could flip \"today\" if the form happens to be\n  // open across midnight — acceptable but unnecessary churn.\n  const quickDates = useMemo(\n    () =>\n      QUICK_DATES.map((q) => ({\n        key: q.key,\n        iso: isoDate(q.offsetDays),\n      })),\n    [],\n  );\n\n  const quickLabels: Record<(typeof QUICK_DATES)[number][\"key\"], string> = {\n    today: t(\"quick_today\"),\n    tomorrow: t(\"quick_tomorrow\"),\n    next_week: t(\"quick_next_week\"),\n  };\n\n  const submit = () => {\n    const trimmed = body.trim();\n    if (!trimmed || createTask.isPending) return;\n    createTask.mutate({ body: trimmed, due_at: dueDate });\n  };\n\n  const canSubmit = body.trim().length > 0 && !createTask.isPending;\n\n  return (\n    <div className=\"border-border/50 focus-within:border-foreground/30 rounded-xl border p-3 transition-colors\">\n      <div className=\"flex items-start gap-3\">\n        <div\n          className=\"border-muted-foreground/50 mt-1.5 size-5 shrink-0 rounded-full border-2\"\n          aria-hidden=\"true\"\n        />\n        <input\n          ref={inputRef}\n          value={body}\n          onChange={(e) => setBody(e.target.value)}\n          onKeyDown={(e) => {\n            if (e.key === \"Enter\" && !e.shiftKey) {\n              e.preventDefault();\n              submit();\n            } else if (e.key === \"Escape\" && onClose) {\n              e.preventDefault();\n              onClose();\n            }\n          }}\n          placeholder={t(\"task_describe_placeholder\")}\n          aria-label={t(\"task_description_aria\")}\n          className=\"placeholder:text-muted-foreground/80 text-foreground flex-1 border-0 bg-transparent text-sm font-medium outline-none\"\n        />\n        {onClose && (\n          <button\n            type=\"button\"\n            onClick={onClose}\n            aria-label={t(\"task_discard_aria\")}\n            className=\"text-muted-foreground hover:bg-muted hover:text-foreground -mt-0.5 -mr-0.5 flex size-7 shrink-0 items-center justify-center rounded-md transition-colors\"\n          >\n            <X className=\"size-4\" />\n          </button>\n        )}\n      </div>\n\n      <div className=\"mt-3 flex items-center gap-1.5 pl-8\">\n        {quickDates.map((q) => {\n          const isActive = dueDate === q.iso;\n          return (\n            <button\n              key={q.key}\n              type=\"button\"\n              onClick={() => setDueDate(isActive ? null : q.iso)}\n              aria-pressed={isActive}\n              className={cn(\n                \"shrink-0 rounded-full px-3 py-1 text-xs font-medium transition-colors\",\n                isActive\n                  ? \"bg-primary text-primary-foreground\"\n                  : \"bg-muted text-muted-foreground hover:bg-muted/70\",\n              )}\n            >\n              {quickLabels[q.key]}\n            </button>\n          );\n        })}\n        <div className=\"ml-auto\" />\n        <button\n          type=\"button\"\n          onClick={submit}\n          disabled={!canSubmit}\n          className=\"bg-primary text-primary-foreground hover:bg-primary/90 disabled:bg-muted disabled:text-muted-foreground inline-flex shrink-0 items-center gap-1.5 rounded-full px-4 py-1.5 text-xs font-semibold transition-colors disabled:cursor-not-allowed\"\n        >\n          {createTask.isPending ? t(\"adding\") : t(\"add_task\")}\n        </button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"task-composer-form-Cq3KTV0Y.mjs","names":[],"sources":["../../../platform/api-client-core/src/parse-api-errors.ts","../../../contacts/core/src/contacts-api-context.ts","../../../contacts/core/src/translation-api-context.ts","../../../contacts/core/src/parse-task-body.ts","../../../contacts/core/src/query-keys.ts","../../../contacts/core/src/hooks/use-infinite-contacts.ts","../../../contacts/core/src/iso-date.ts","../../../contacts/ui/src/portal/hooks/contacts/use-create-contact-task.ts","../../../contacts/ui/src/portal/components/tasks/task-composer-form.tsx"],"sourcesContent":["/**\n * Framework-agnostic API error parsing utilities.\n *\n * Extracts structured field-level errors from API responses and formats\n * them into human-readable messages. Works with ApiError from this package\n * as well as any error object that has `status`, `data`, and optional `message`.\n */\n\n/**\n * Converts snake_case or camelCase field names to Title Case\n */\nexport function formatFieldName(field: string): string {\n  return field\n    .replace(/_/g, \" \")\n    .replace(/([A-Z])/g, \" $1\")\n    .split(\" \")\n    .map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())\n    .join(\" \")\n    .trim();\n}\n\nexport interface ParsedFieldError {\n  field: string;\n  messages: string[];\n}\n\n/**\n * Type guard to check if an error looks like an API error\n */\nexport function isApiLikeError(\n  error: unknown,\n): error is { message: string | undefined; status: number; data: unknown } {\n  if (!error || typeof error !== \"object\") {\n    return false;\n  }\n\n  const err = error as Record<string, unknown>;\n  return (\n    typeof err.status === \"number\" &&\n    \"data\" in err &&\n    (typeof err.message === \"string\" || err.message === undefined)\n  );\n}\n\n/**\n * Extracts field-level errors from API error data\n */\nexport function extractFieldErrors(data: unknown): ParsedFieldError[] {\n  const errors: ParsedFieldError[] = [];\n\n  if (!data || typeof data !== \"object\") {\n    return errors;\n  }\n\n  const errorObj = data as Record<string, unknown>;\n\n  for (const [key, value] of Object.entries(errorObj)) {\n    if (Array.isArray(value) && value.length > 0) {\n      errors.push({\n        field: formatFieldName(key),\n        messages: value.map((item) =>\n          typeof item === \"string\" ? item : JSON.stringify(item),\n        ),\n      });\n    } else if (typeof value === \"string\" && value.length > 0) {\n      errors.push({\n        field: formatFieldName(key),\n        messages: [value],\n      });\n    } else if (value && typeof value === \"object\" && !Array.isArray(value)) {\n      const nestedErrors = extractFieldErrors(value);\n      nestedErrors.forEach((nestedError) => {\n        errors.push({\n          field: `${formatFieldName(key)} → ${nestedError.field}`,\n          messages: nestedError.messages,\n        });\n      });\n    }\n  }\n\n  return errors;\n}\n\n/**\n * Formats field errors into a readable description string\n */\nexport function formatErrorDescription(errors: ParsedFieldError[]): string {\n  if (errors.length === 0) {\n    return \"\";\n  }\n\n  if (errors.length === 1) {\n    const err = errors[0];\n    if (!err) return \"\";\n    const message = err.messages[0] || \"is invalid\";\n    return `${err.field} ${message}`;\n  }\n\n  if (errors.length <= 3) {\n    return errors\n      .map((e) => `${e.field} ${e.messages[0] || \"is invalid\"}`)\n      .join(\"\\n\");\n  }\n\n  const shown = errors\n    .slice(0, 3)\n    .map((e) => `${e.field} ${e.messages[0] || \"is invalid\"}`)\n    .join(\"\\n\");\n  const remaining = errors.length - 3;\n  return `${shown}\\n...and ${remaining} more ${remaining === 1 ? \"error\" : \"errors\"}`;\n}\n\n/**\n * Parses an error and returns a human-readable description string.\n *\n * Handles:\n * - API-like errors with structured field-level data\n * - API-like errors with a top-level message\n * - Standard Error instances\n * - Falls back to the provided fallback string\n *\n * @param error - The error to parse (ApiError, Error, or unknown)\n * @param fallback - Optional fallback description if error cannot be parsed\n * @returns A human-readable error description, or undefined if nothing could be extracted\n */\nexport function parseApiErrors(\n  error: unknown,\n  fallback?: string,\n): string | undefined {\n  if (isApiLikeError(error)) {\n    if (error.data) {\n      const fieldErrors = extractFieldErrors(error.data);\n      if (fieldErrors.length > 0) {\n        return formatErrorDescription(fieldErrors);\n      }\n    }\n\n    if (error.message) {\n      return error.message;\n    }\n  } else if (error instanceof Error) {\n    return error.message;\n  }\n\n  return fallback;\n}\n","import { createContext, useContext } from \"react\";\nimport type { ContactsApi } from \"./contacts-api\";\nimport type { NotesApi } from \"./notes-api\";\nimport type { TasksApi } from \"./tasks-api\";\nimport type { GroupsApi } from \"./groups-api\";\n\nexport interface ContactsDomainApi {\n  contacts: ContactsApi;\n  notes: NotesApi;\n  tasks: TasksApi;\n  groups?: GroupsApi;\n}\n\nconst ContactsApiContext = createContext<ContactsDomainApi | null>(null);\n\nexport const ContactsApiProvider = ContactsApiContext.Provider;\n\nexport function useContactsDomainApi(): ContactsDomainApi {\n  const api = useContext(ContactsApiContext);\n  if (!api) {\n    throw new Error(\n      \"useContactsDomainApi must be used within a ContactsApiProvider\",\n    );\n  }\n  return api;\n}\n\nexport function useContactsCrud(): ContactsApi {\n  return useContactsDomainApi().contacts;\n}\n\nexport function useNotesApi(): NotesApi {\n  return useContactsDomainApi().notes;\n}\n\nexport function useTasksApi(): TasksApi {\n  return useContactsDomainApi().tasks;\n}\n\n/** Returns GroupsApi if the provider supplies one, otherwise null. */\nexport function useGroupsApi(): GroupsApi | null {\n  return useContactsDomainApi().groups ?? null;\n}\n","import type { Provider } from \"react\";\nimport { createTranslationContext } from \"@fluid-app/i18n/translation-api-context-factory\";\nimport type { TranslationApi } from \"@fluid-app/i18n/translation-api\";\nimport type { ContactsDict } from \"./translation-dictionary\";\n\nconst { Provider: ContactsProvider, useTranslation } =\n  createTranslationContext<ContactsDict>(\"Contacts\");\n\nexport const ContactsTranslationProvider: Provider<TranslationApi<ContactsDict> | null> =\n  ContactsProvider;\nexport const useContactsTranslation = useTranslation;\n","/**\n * Tasks store both a title (first line) and an optional body separated by a\n * blank line. This is the canonical convention used by the task editor and\n * by every consumer that displays tasks (contacts UI list, portal todo\n * widget). Drift across consumers would mean some surfaces show \"Title\\n\\n\n * body details\" verbatim while others split correctly — keep the delimiter\n * convention in one place.\n */\nexport function parseTaskBody(raw: string): { title: string; body: string } {\n  const split = raw.indexOf(\"\\n\\n\");\n  if (split >= 0) {\n    return {\n      title: raw.slice(0, split),\n      body: raw.slice(split + 2),\n    };\n  }\n  return { title: raw, body: \"\" };\n}\n","export const CONTACTS_QUERY_KEYS = {\n  all: (prefix: string) => [prefix] as const,\n  list: (prefix: string) =>\n    [...CONTACTS_QUERY_KEYS.all(prefix), \"list\"] as const,\n  detail: (prefix: string, id: string) =>\n    [...CONTACTS_QUERY_KEYS.all(prefix), \"detail\", id] as const,\n} as const;\n\nexport const contactsKeys = {\n  activities: (contactId: string) =>\n    [\"portal-contacts\", \"activities\", contactId] as const,\n  tasks: (contactId: string) =>\n    [\"portal-contacts\", \"tasks\", contactId] as const,\n  notes: (contactId: string) =>\n    [\"portal-contacts\", \"notes\", contactId] as const,\n  orders: (contactId: string) => [\"rep-contacts\", \"orders\", contactId] as const,\n  subscriptionOrders: (contactId: string) =>\n    [\"rep-contacts\", \"subscription-orders\", contactId] as const,\n  groups: () => [\"portal-contacts\", \"groups\"] as const,\n} as const;\n","import { useInfiniteQuery } from \"@tanstack/react-query\";\nimport { useContactsCrud } from \"../contacts-api-context\";\nimport { CONTACTS_QUERY_KEYS } from \"../query-keys\";\n\nexport interface UseInfiniteContactsParams {\n  search_query?: string;\n  status?: string;\n  sort_by?: string;\n  sort_direction?: string;\n  per_page?: number;\n  tags?: string[];\n}\n\nexport function useInfiniteContacts(params: UseInfiniteContactsParams) {\n  const api = useContactsCrud();\n  return useInfiniteQuery({\n    queryKey: [...CONTACTS_QUERY_KEYS.list(\"contacts\"), params],\n    queryFn: ({ pageParam }) =>\n      api.listContacts({\n        ...params,\n        page: pageParam,\n      }),\n    getNextPageParam: (lastPage) => {\n      const currentPage = lastPage.meta.current_page;\n      // Contacts API is page-number based; next_cursor and total_pages\n      // are both used as \"has-next-page\" signals.\n      if (currentPage == null) return undefined;\n      if (lastPage.meta.next_cursor) return currentPage + 1;\n      if (\n        lastPage.meta.total_pages != null &&\n        currentPage < lastPage.meta.total_pages\n      ) {\n        return currentPage + 1;\n      }\n      return undefined;\n    },\n    initialPageParam: 1,\n  });\n}\n","/**\n * Format a date as YYYY-MM-DD in the renderer's local timezone, optionally\n * shifted by `offsetDays`. Use this for due-date inputs where \"today\" must\n * resolve to the user's local calendar date — never `toISOString().slice(0, 10)`,\n * which returns the UTC date and silently rolls over a day for users east/west\n * of UTC at the wrong hours.\n */\nexport function isoDate(offsetDays: number, now: Date = new Date()): string {\n  const d = new Date(now);\n  d.setDate(d.getDate() + offsetDays);\n  const yyyy = d.getFullYear();\n  const mm = String(d.getMonth() + 1).padStart(2, \"0\");\n  const dd = String(d.getDate()).padStart(2, \"0\");\n  return `${yyyy}-${mm}-${dd}`;\n}\n\n/**\n * Return a Date pinned to local midnight of the calendar day represented by\n * `input`. Use this whenever you need to compare two due dates by calendar day\n * (overdue / today / tomorrow / future).\n *\n * Why not just `new Date(input)`?  `new Date(\"YYYY-MM-DD\")` parses the string\n * as UTC midnight, which lands on the *previous* calendar day in any UTC−\n * timezone — a task due \"May 1\" then reads as April 30 for a user in the\n * Americas, classifying it as \"Overdue\" all day. Parse the date components\n * directly so the calendar-day intent of the string is preserved.\n */\nexport function startOfLocalDay(input: Date | string): Date {\n  if (typeof input === \"string\") {\n    const match = /^(\\d{4})-(\\d{2})-(\\d{2})/.exec(input);\n    if (match?.[1] && match[2] && match[3]) {\n      return new Date(Number(match[1]), Number(match[2]) - 1, Number(match[3]));\n    }\n  }\n  const d = typeof input === \"string\" ? new Date(input) : input;\n  return new Date(d.getFullYear(), d.getMonth(), d.getDate());\n}\n","\"use client\";\n\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { parseApiErrors } from \"@fluid-app/api-client-core\";\nimport { useTasksApi } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { contactsKeys } from \"@fluid-app/contacts-core/query-keys\";\nimport type { CreateTaskInput } from \"@fluid-app/contacts-core/types\";\n\nexport type { CreateTaskInput };\n\nexport function useCreateContactTask(\n  contactId: string,\n  options?: { onSuccess?: () => void },\n) {\n  const queryClient = useQueryClient();\n  const api = useTasksApi();\n\n  return useMutation({\n    mutationFn: (input: CreateTaskInput) => api.createTask(contactId, input),\n    onSuccess: () => {\n      fluidToast({ title: \"Task created\", type: \"success\" });\n      queryClient.invalidateQueries({\n        queryKey: contactsKeys.tasks(contactId),\n      });\n      options?.onSuccess?.();\n    },\n    onError: (error) => {\n      const description = parseApiErrors(error);\n      fluidToast({\n        title: \"Failed to create task\",\n        type: \"error\",\n        ...(description ? { description } : {}),\n      });\n    },\n  });\n}\n","\"use client\";\n\nimport React, { useEffect, useMemo, useRef, useState } from \"react\";\nimport { X } from \"lucide-react\";\nimport { cn } from \"@fluid-app/ui-primitives\";\nimport { useContactsTranslation } from \"@fluid-app/contacts-core/translation-api-context\";\nimport { isoDate } from \"@fluid-app/contacts-core/iso-date\";\nimport { useCreateContactTask } from \"../../hooks/contacts/use-create-contact-task\";\n\nconst QUICK_DATES = [\n  { key: \"today\", offsetDays: 0 },\n  { key: \"tomorrow\", offsetDays: 1 },\n  { key: \"next_week\", offsetDays: 7 },\n] as const;\n\nexport interface TaskComposerFormProps {\n  contactId: string;\n  /** Called after a successful create. */\n  onDone?: () => void;\n  /** When provided, an X button is rendered and Escape closes the form. */\n  onClose?: () => void;\n  /** Focus the body input on mount. Default true. */\n  autoFocus?: boolean;\n}\n\nexport function TaskComposerForm({\n  contactId,\n  onDone,\n  onClose,\n  autoFocus = true,\n}: TaskComposerFormProps): React.JSX.Element {\n  const { t } = useContactsTranslation();\n  const [body, setBody] = useState(\"\");\n  const [dueDate, setDueDate] = useState<string | null>(null);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  const createTask = useCreateContactTask(contactId, {\n    onSuccess: () => {\n      setBody(\"\");\n      setDueDate(null);\n      onDone?.();\n    },\n  });\n\n  useEffect(() => {\n    if (autoFocus) inputRef.current?.focus();\n  }, [autoFocus]);\n\n  // Compute the date strings once per mount. Re-running on every render would\n  // re-evaluate `new Date()` and could flip \"today\" if the form happens to be\n  // open across midnight — acceptable but unnecessary churn.\n  const quickDates = useMemo(\n    () =>\n      QUICK_DATES.map((q) => ({\n        key: q.key,\n        iso: isoDate(q.offsetDays),\n      })),\n    [],\n  );\n\n  const quickLabels: Record<(typeof QUICK_DATES)[number][\"key\"], string> = {\n    today: t(\"quick_today\"),\n    tomorrow: t(\"quick_tomorrow\"),\n    next_week: t(\"quick_next_week\"),\n  };\n\n  const submit = () => {\n    const trimmed = body.trim();\n    if (!trimmed || createTask.isPending) return;\n    createTask.mutate({ body: trimmed, due_at: dueDate });\n  };\n\n  const canSubmit = body.trim().length > 0 && !createTask.isPending;\n\n  return (\n    <div className=\"border-border/50 focus-within:border-foreground/30 rounded-xl border p-3 transition-colors\">\n      <div className=\"flex items-start gap-3\">\n        <div\n          className=\"border-muted-foreground/50 mt-1.5 size-5 shrink-0 rounded-full border-2\"\n          aria-hidden=\"true\"\n        />\n        <input\n          ref={inputRef}\n          value={body}\n          onChange={(e) => setBody(e.target.value)}\n          onKeyDown={(e) => {\n            if (e.key === \"Enter\" && !e.shiftKey) {\n              e.preventDefault();\n              submit();\n            } else if (e.key === \"Escape\" && onClose) {\n              e.preventDefault();\n              onClose();\n            }\n          }}\n          placeholder={t(\"task_describe_placeholder\")}\n          aria-label={t(\"task_description_aria\")}\n          className=\"placeholder:text-muted-foreground/80 text-foreground flex-1 border-0 bg-transparent text-sm font-medium outline-none\"\n        />\n        {onClose && (\n          <button\n            type=\"button\"\n            onClick={onClose}\n            aria-label={t(\"task_discard_aria\")}\n            className=\"text-muted-foreground hover:bg-muted hover:text-foreground -mt-0.5 -mr-0.5 flex size-7 shrink-0 items-center justify-center rounded-md transition-colors\"\n          >\n            <X className=\"size-4\" />\n          </button>\n        )}\n      </div>\n\n      {/* --row-indent aligns the chip row with the input text above (size-5\n          circle + gap-3 = 2rem). The mobile Add button cancels it via\n          -ml-(--row-indent) + w-[calc(100%+var(--row-indent))] so the two\n          values stay locked to a single source. */}\n      <div className=\"mt-3 flex flex-wrap items-center gap-1.5 pl-(--row-indent) [--row-indent:2rem]\">\n        {quickDates.map((q) => {\n          const isActive = dueDate === q.iso;\n          return (\n            <button\n              key={q.key}\n              type=\"button\"\n              onClick={() => setDueDate(isActive ? null : q.iso)}\n              aria-pressed={isActive}\n              className={cn(\n                \"shrink-0 rounded-full px-3 py-1 text-xs font-medium transition-colors\",\n                isActive\n                  ? \"bg-primary text-primary-foreground\"\n                  : \"bg-muted text-muted-foreground hover:bg-muted/70\",\n              )}\n            >\n              {quickLabels[q.key]}\n            </button>\n          );\n        })}\n        <button\n          type=\"button\"\n          onClick={submit}\n          disabled={!canSubmit}\n          className=\"bg-primary text-primary-foreground hover:bg-primary/90 disabled:bg-muted disabled:text-muted-foreground mt-1 -ml-(--row-indent) inline-flex h-10 w-[calc(100%+var(--row-indent))] items-center justify-center rounded-lg text-sm font-semibold transition-colors disabled:cursor-not-allowed sm:mt-0 sm:ml-auto sm:h-auto sm:w-auto sm:shrink-0 sm:gap-1.5 sm:rounded-full sm:px-4 sm:py-1.5 sm:text-xs\"\n        >\n          {createTask.isPending ? t(\"adding\") : t(\"add_task\")}\n        </button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/{task-composer-form-D9KhWUI1.cjs → task-composer-form-DvVQw5ud.cjs}

@@ -336,27 +336,23 @@ function TaskComposerForm({ contactId, onDone, onClose, autoFocus = true }) {
 				})
 			]
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "mt-3 flex items-center gap-1.5 pl-8",
-			children: [
-				quickDates.map((q) => {
-					const isActive = dueDate === q.iso;
-					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-						type: "button",
-						onClick: () => setDueDate(isActive ? null : q.iso),
-						"aria-pressed": isActive,
-						className: require_src.cn("shrink-0 rounded-full px-3 py-1 text-xs font-medium transition-colors", isActive ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:bg-muted/70"),
-						children: quickLabels[q.key]
-					}, q.key);
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "ml-auto" }),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			className: "mt-3 flex flex-wrap items-center gap-1.5 pl-(--row-indent) [--row-indent:2rem]",
+			children: [quickDates.map((q) => {
+				const isActive = dueDate === q.iso;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 					type: "button",
-					onClick: submit,
-					disabled: !canSubmit,
-					className: "bg-primary text-primary-foreground hover:bg-primary/90 disabled:bg-muted disabled:text-muted-foreground inline-flex shrink-0 items-center gap-1.5 rounded-full px-4 py-1.5 text-xs font-semibold transition-colors disabled:cursor-not-allowed",
-					children: createTask.isPending ? t("adding") : t("add_task")
-				})
-			]
+					onClick: () => setDueDate(isActive ? null : q.iso),
+					"aria-pressed": isActive,
+					className: require_src.cn("shrink-0 rounded-full px-3 py-1 text-xs font-medium transition-colors", isActive ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:bg-muted/70"),
+					children: quickLabels[q.key]
+				}, q.key);
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				onClick: submit,
+				disabled: !canSubmit,
+				className: "bg-primary text-primary-foreground hover:bg-primary/90 disabled:bg-muted disabled:text-muted-foreground mt-1 -ml-(--row-indent) inline-flex h-10 w-[calc(100%+var(--row-indent))] items-center justify-center rounded-lg text-sm font-semibold transition-colors disabled:cursor-not-allowed sm:mt-0 sm:ml-auto sm:h-auto sm:w-auto sm:shrink-0 sm:gap-1.5 sm:rounded-full sm:px-4 sm:py-1.5 sm:text-xs",
+				children: createTask.isPending ? t("adding") : t("add_task")
+			})]
 		})]
 	});
 }
@@ -446,4 +442,4 @@ Object.defineProperty(exports, "useTasksApi", {
 	}
 });
 
-//# sourceMappingURL=task-composer-form-D9KhWUI1.cjs.map
+//# sourceMappingURL=task-composer-form-DvVQw5ud.cjs.map

package/dist/{task-composer-form-D9KhWUI1.cjs.map → task-composer-form-DvVQw5ud.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"task-composer-form-D9KhWUI1.cjs","names":["createTranslationContext","X","cn"],"sources":["../../../platform/api-client-core/src/parse-api-errors.ts","../../../contacts/core/src/contacts-api-context.ts","../../../contacts/core/src/translation-api-context.ts","../../../contacts/core/src/parse-task-body.ts","../../../contacts/core/src/query-keys.ts","../../../contacts/core/src/hooks/use-infinite-contacts.ts","../../../contacts/core/src/iso-date.ts","../../../contacts/ui/src/portal/hooks/contacts/use-create-contact-task.ts","../../../contacts/ui/src/portal/components/tasks/task-composer-form.tsx"],"sourcesContent":["/**\n * Framework-agnostic API error parsing utilities.\n *\n * Extracts structured field-level errors from API responses and formats\n * them into human-readable messages. Works with ApiError from this package\n * as well as any error object that has `status`, `data`, and optional `message`.\n */\n\n/**\n * Converts snake_case or camelCase field names to Title Case\n */\nexport function formatFieldName(field: string): string {\n  return field\n    .replace(/_/g, \" \")\n    .replace(/([A-Z])/g, \" $1\")\n    .split(\" \")\n    .map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())\n    .join(\" \")\n    .trim();\n}\n\nexport interface ParsedFieldError {\n  field: string;\n  messages: string[];\n}\n\n/**\n * Type guard to check if an error looks like an API error\n */\nexport function isApiLikeError(\n  error: unknown,\n): error is { message: string | undefined; status: number; data: unknown } {\n  if (!error || typeof error !== \"object\") {\n    return false;\n  }\n\n  const err = error as Record<string, unknown>;\n  return (\n    typeof err.status === \"number\" &&\n    \"data\" in err &&\n    (typeof err.message === \"string\" || err.message === undefined)\n  );\n}\n\n/**\n * Extracts field-level errors from API error data\n */\nexport function extractFieldErrors(data: unknown): ParsedFieldError[] {\n  const errors: ParsedFieldError[] = [];\n\n  if (!data || typeof data !== \"object\") {\n    return errors;\n  }\n\n  const errorObj = data as Record<string, unknown>;\n\n  for (const [key, value] of Object.entries(errorObj)) {\n    if (Array.isArray(value) && value.length > 0) {\n      errors.push({\n        field: formatFieldName(key),\n        messages: value.map((item) =>\n          typeof item === \"string\" ? item : JSON.stringify(item),\n        ),\n      });\n    } else if (typeof value === \"string\" && value.length > 0) {\n      errors.push({\n        field: formatFieldName(key),\n        messages: [value],\n      });\n    } else if (value && typeof value === \"object\" && !Array.isArray(value)) {\n      const nestedErrors = extractFieldErrors(value);\n      nestedErrors.forEach((nestedError) => {\n        errors.push({\n          field: `${formatFieldName(key)} → ${nestedError.field}`,\n          messages: nestedError.messages,\n        });\n      });\n    }\n  }\n\n  return errors;\n}\n\n/**\n * Formats field errors into a readable description string\n */\nexport function formatErrorDescription(errors: ParsedFieldError[]): string {\n  if (errors.length === 0) {\n    return \"\";\n  }\n\n  if (errors.length === 1) {\n    const err = errors[0];\n    if (!err) return \"\";\n    const message = err.messages[0] || \"is invalid\";\n    return `${err.field} ${message}`;\n  }\n\n  if (errors.length <= 3) {\n    return errors\n      .map((e) => `${e.field} ${e.messages[0] || \"is invalid\"}`)\n      .join(\"\\n\");\n  }\n\n  const shown = errors\n    .slice(0, 3)\n    .map((e) => `${e.field} ${e.messages[0] || \"is invalid\"}`)\n    .join(\"\\n\");\n  const remaining = errors.length - 3;\n  return `${shown}\\n...and ${remaining} more ${remaining === 1 ? \"error\" : \"errors\"}`;\n}\n\n/**\n * Parses an error and returns a human-readable description string.\n *\n * Handles:\n * - API-like errors with structured field-level data\n * - API-like errors with a top-level message\n * - Standard Error instances\n * - Falls back to the provided fallback string\n *\n * @param error - The error to parse (ApiError, Error, or unknown)\n * @param fallback - Optional fallback description if error cannot be parsed\n * @returns A human-readable error description, or undefined if nothing could be extracted\n */\nexport function parseApiErrors(\n  error: unknown,\n  fallback?: string,\n): string | undefined {\n  if (isApiLikeError(error)) {\n    if (error.data) {\n      const fieldErrors = extractFieldErrors(error.data);\n      if (fieldErrors.length > 0) {\n        return formatErrorDescription(fieldErrors);\n      }\n    }\n\n    if (error.message) {\n      return error.message;\n    }\n  } else if (error instanceof Error) {\n    return error.message;\n  }\n\n  return fallback;\n}\n","import { createContext, useContext } from \"react\";\nimport type { ContactsApi } from \"./contacts-api\";\nimport type { NotesApi } from \"./notes-api\";\nimport type { TasksApi } from \"./tasks-api\";\nimport type { GroupsApi } from \"./groups-api\";\n\nexport interface ContactsDomainApi {\n  contacts: ContactsApi;\n  notes: NotesApi;\n  tasks: TasksApi;\n  groups?: GroupsApi;\n}\n\nconst ContactsApiContext = createContext<ContactsDomainApi | null>(null);\n\nexport const ContactsApiProvider = ContactsApiContext.Provider;\n\nexport function useContactsDomainApi(): ContactsDomainApi {\n  const api = useContext(ContactsApiContext);\n  if (!api) {\n    throw new Error(\n      \"useContactsDomainApi must be used within a ContactsApiProvider\",\n    );\n  }\n  return api;\n}\n\nexport function useContactsCrud(): ContactsApi {\n  return useContactsDomainApi().contacts;\n}\n\nexport function useNotesApi(): NotesApi {\n  return useContactsDomainApi().notes;\n}\n\nexport function useTasksApi(): TasksApi {\n  return useContactsDomainApi().tasks;\n}\n\n/** Returns GroupsApi if the provider supplies one, otherwise null. */\nexport function useGroupsApi(): GroupsApi | null {\n  return useContactsDomainApi().groups ?? null;\n}\n","import type { Provider } from \"react\";\nimport { createTranslationContext } from \"@fluid-app/i18n/translation-api-context-factory\";\nimport type { TranslationApi } from \"@fluid-app/i18n/translation-api\";\nimport type { ContactsDict } from \"./translation-dictionary\";\n\nconst { Provider: ContactsProvider, useTranslation } =\n  createTranslationContext<ContactsDict>(\"Contacts\");\n\nexport const ContactsTranslationProvider: Provider<TranslationApi<ContactsDict> | null> =\n  ContactsProvider;\nexport const useContactsTranslation = useTranslation;\n","/**\n * Tasks store both a title (first line) and an optional body separated by a\n * blank line. This is the canonical convention used by the task editor and\n * by every consumer that displays tasks (contacts UI list, portal todo\n * widget). Drift across consumers would mean some surfaces show \"Title\\n\\n\n * body details\" verbatim while others split correctly — keep the delimiter\n * convention in one place.\n */\nexport function parseTaskBody(raw: string): { title: string; body: string } {\n  const split = raw.indexOf(\"\\n\\n\");\n  if (split >= 0) {\n    return {\n      title: raw.slice(0, split),\n      body: raw.slice(split + 2),\n    };\n  }\n  return { title: raw, body: \"\" };\n}\n","export const CONTACTS_QUERY_KEYS = {\n  all: (prefix: string) => [prefix] as const,\n  list: (prefix: string) =>\n    [...CONTACTS_QUERY_KEYS.all(prefix), \"list\"] as const,\n  detail: (prefix: string, id: string) =>\n    [...CONTACTS_QUERY_KEYS.all(prefix), \"detail\", id] as const,\n} as const;\n\nexport const contactsKeys = {\n  activities: (contactId: string) =>\n    [\"portal-contacts\", \"activities\", contactId] as const,\n  tasks: (contactId: string) =>\n    [\"portal-contacts\", \"tasks\", contactId] as const,\n  notes: (contactId: string) =>\n    [\"portal-contacts\", \"notes\", contactId] as const,\n  orders: (contactId: string) => [\"rep-contacts\", \"orders\", contactId] as const,\n  subscriptionOrders: (contactId: string) =>\n    [\"rep-contacts\", \"subscription-orders\", contactId] as const,\n  groups: () => [\"portal-contacts\", \"groups\"] as const,\n} as const;\n","import { useInfiniteQuery } from \"@tanstack/react-query\";\nimport { useContactsCrud } from \"../contacts-api-context\";\nimport { CONTACTS_QUERY_KEYS } from \"../query-keys\";\n\nexport interface UseInfiniteContactsParams {\n  search_query?: string;\n  status?: string;\n  sort_by?: string;\n  sort_direction?: string;\n  per_page?: number;\n  tags?: string[];\n}\n\nexport function useInfiniteContacts(params: UseInfiniteContactsParams) {\n  const api = useContactsCrud();\n  return useInfiniteQuery({\n    queryKey: [...CONTACTS_QUERY_KEYS.list(\"contacts\"), params],\n    queryFn: ({ pageParam }) =>\n      api.listContacts({\n        ...params,\n        page: pageParam,\n      }),\n    getNextPageParam: (lastPage) => {\n      const currentPage = lastPage.meta.current_page;\n      // Contacts API is page-number based; next_cursor and total_pages\n      // are both used as \"has-next-page\" signals.\n      if (currentPage == null) return undefined;\n      if (lastPage.meta.next_cursor) return currentPage + 1;\n      if (\n        lastPage.meta.total_pages != null &&\n        currentPage < lastPage.meta.total_pages\n      ) {\n        return currentPage + 1;\n      }\n      return undefined;\n    },\n    initialPageParam: 1,\n  });\n}\n","/**\n * Format a date as YYYY-MM-DD in the renderer's local timezone, optionally\n * shifted by `offsetDays`. Use this for due-date inputs where \"today\" must\n * resolve to the user's local calendar date — never `toISOString().slice(0, 10)`,\n * which returns the UTC date and silently rolls over a day for users east/west\n * of UTC at the wrong hours.\n */\nexport function isoDate(offsetDays: number, now: Date = new Date()): string {\n  const d = new Date(now);\n  d.setDate(d.getDate() + offsetDays);\n  const yyyy = d.getFullYear();\n  const mm = String(d.getMonth() + 1).padStart(2, \"0\");\n  const dd = String(d.getDate()).padStart(2, \"0\");\n  return `${yyyy}-${mm}-${dd}`;\n}\n\n/**\n * Return a Date pinned to local midnight of the calendar day represented by\n * `input`. Use this whenever you need to compare two due dates by calendar day\n * (overdue / today / tomorrow / future).\n *\n * Why not just `new Date(input)`?  `new Date(\"YYYY-MM-DD\")` parses the string\n * as UTC midnight, which lands on the *previous* calendar day in any UTC−\n * timezone — a task due \"May 1\" then reads as April 30 for a user in the\n * Americas, classifying it as \"Overdue\" all day. Parse the date components\n * directly so the calendar-day intent of the string is preserved.\n */\nexport function startOfLocalDay(input: Date | string): Date {\n  if (typeof input === \"string\") {\n    const match = /^(\\d{4})-(\\d{2})-(\\d{2})/.exec(input);\n    if (match?.[1] && match[2] && match[3]) {\n      return new Date(Number(match[1]), Number(match[2]) - 1, Number(match[3]));\n    }\n  }\n  const d = typeof input === \"string\" ? new Date(input) : input;\n  return new Date(d.getFullYear(), d.getMonth(), d.getDate());\n}\n","\"use client\";\n\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { parseApiErrors } from \"@fluid-app/api-client-core\";\nimport { useTasksApi } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { contactsKeys } from \"@fluid-app/contacts-core/query-keys\";\nimport type { CreateTaskInput } from \"@fluid-app/contacts-core/types\";\n\nexport type { CreateTaskInput };\n\nexport function useCreateContactTask(\n  contactId: string,\n  options?: { onSuccess?: () => void },\n) {\n  const queryClient = useQueryClient();\n  const api = useTasksApi();\n\n  return useMutation({\n    mutationFn: (input: CreateTaskInput) => api.createTask(contactId, input),\n    onSuccess: () => {\n      fluidToast({ title: \"Task created\", type: \"success\" });\n      queryClient.invalidateQueries({\n        queryKey: contactsKeys.tasks(contactId),\n      });\n      options?.onSuccess?.();\n    },\n    onError: (error) => {\n      const description = parseApiErrors(error);\n      fluidToast({\n        title: \"Failed to create task\",\n        type: \"error\",\n        ...(description ? { description } : {}),\n      });\n    },\n  });\n}\n","\"use client\";\n\nimport React, { useEffect, useMemo, useRef, useState } from \"react\";\nimport { X } from \"lucide-react\";\nimport { cn } from \"@fluid-app/ui-primitives\";\nimport { useContactsTranslation } from \"@fluid-app/contacts-core/translation-api-context\";\nimport { isoDate } from \"@fluid-app/contacts-core/iso-date\";\nimport { useCreateContactTask } from \"../../hooks/contacts/use-create-contact-task\";\n\nconst QUICK_DATES = [\n  { key: \"today\", offsetDays: 0 },\n  { key: \"tomorrow\", offsetDays: 1 },\n  { key: \"next_week\", offsetDays: 7 },\n] as const;\n\nexport interface TaskComposerFormProps {\n  contactId: string;\n  /** Called after a successful create. */\n  onDone?: () => void;\n  /** When provided, an X button is rendered and Escape closes the form. */\n  onClose?: () => void;\n  /** Focus the body input on mount. Default true. */\n  autoFocus?: boolean;\n}\n\nexport function TaskComposerForm({\n  contactId,\n  onDone,\n  onClose,\n  autoFocus = true,\n}: TaskComposerFormProps): React.JSX.Element {\n  const { t } = useContactsTranslation();\n  const [body, setBody] = useState(\"\");\n  const [dueDate, setDueDate] = useState<string | null>(null);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  const createTask = useCreateContactTask(contactId, {\n    onSuccess: () => {\n      setBody(\"\");\n      setDueDate(null);\n      onDone?.();\n    },\n  });\n\n  useEffect(() => {\n    if (autoFocus) inputRef.current?.focus();\n  }, [autoFocus]);\n\n  // Compute the date strings once per mount. Re-running on every render would\n  // re-evaluate `new Date()` and could flip \"today\" if the form happens to be\n  // open across midnight — acceptable but unnecessary churn.\n  const quickDates = useMemo(\n    () =>\n      QUICK_DATES.map((q) => ({\n        key: q.key,\n        iso: isoDate(q.offsetDays),\n      })),\n    [],\n  );\n\n  const quickLabels: Record<(typeof QUICK_DATES)[number][\"key\"], string> = {\n    today: t(\"quick_today\"),\n    tomorrow: t(\"quick_tomorrow\"),\n    next_week: t(\"quick_next_week\"),\n  };\n\n  const submit = () => {\n    const trimmed = body.trim();\n    if (!trimmed || createTask.isPending) return;\n    createTask.mutate({ body: trimmed, due_at: dueDate });\n  };\n\n  const canSubmit = body.trim().length > 0 && !createTask.isPending;\n\n  return (\n    <div className=\"border-border/50 focus-within:border-foreground/30 rounded-xl border p-3 transition-colors\">\n      <div className=\"flex items-start gap-3\">\n        <div\n          className=\"border-muted-foreground/50 mt-1.5 size-5 shrink-0 rounded-full border-2\"\n          aria-hidden=\"true\"\n        />\n        <input\n          ref={inputRef}\n          value={body}\n          onChange={(e) => setBody(e.target.value)}\n          onKeyDown={(e) => {\n            if (e.key === \"Enter\" && !e.shiftKey) {\n              e.preventDefault();\n              submit();\n            } else if (e.key === \"Escape\" && onClose) {\n              e.preventDefault();\n              onClose();\n            }\n          }}\n          placeholder={t(\"task_describe_placeholder\")}\n          aria-label={t(\"task_description_aria\")}\n          className=\"placeholder:text-muted-foreground/80 text-foreground flex-1 border-0 bg-transparent text-sm font-medium outline-none\"\n        />\n        {onClose && (\n          <button\n            type=\"button\"\n            onClick={onClose}\n            aria-label={t(\"task_discard_aria\")}\n            className=\"text-muted-foreground hover:bg-muted hover:text-foreground -mt-0.5 -mr-0.5 flex size-7 shrink-0 items-center justify-center rounded-md transition-colors\"\n          >\n            <X className=\"size-4\" />\n          </button>\n        )}\n      </div>\n\n      <div className=\"mt-3 flex items-center gap-1.5 pl-8\">\n        {quickDates.map((q) => {\n          const isActive = dueDate === q.iso;\n          return (\n            <button\n              key={q.key}\n              type=\"button\"\n              onClick={() => setDueDate(isActive ? null : q.iso)}\n              aria-pressed={isActive}\n              className={cn(\n                \"shrink-0 rounded-full px-3 py-1 text-xs font-medium transition-colors\",\n                isActive\n                  ? \"bg-primary text-primary-foreground\"\n                  : \"bg-muted text-muted-foreground hover:bg-muted/70\",\n              )}\n            >\n              {quickLabels[q.key]}\n            </button>\n          );\n        })}\n        <div className=\"ml-auto\" />\n        <button\n          type=\"button\"\n          onClick={submit}\n          disabled={!canSubmit}\n          className=\"bg-primary text-primary-foreground hover:bg-primary/90 disabled:bg-muted disabled:text-muted-foreground inline-flex shrink-0 items-center gap-1.5 rounded-full px-4 py-1.5 text-xs font-semibold transition-colors disabled:cursor-not-allowed\"\n        >\n          {createTask.isPending ? t(\"adding\") : t(\"add_task\")}\n        </button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"task-composer-form-DvVQw5ud.cjs","names":["createTranslationContext","X","cn"],"sources":["../../../platform/api-client-core/src/parse-api-errors.ts","../../../contacts/core/src/contacts-api-context.ts","../../../contacts/core/src/translation-api-context.ts","../../../contacts/core/src/parse-task-body.ts","../../../contacts/core/src/query-keys.ts","../../../contacts/core/src/hooks/use-infinite-contacts.ts","../../../contacts/core/src/iso-date.ts","../../../contacts/ui/src/portal/hooks/contacts/use-create-contact-task.ts","../../../contacts/ui/src/portal/components/tasks/task-composer-form.tsx"],"sourcesContent":["/**\n * Framework-agnostic API error parsing utilities.\n *\n * Extracts structured field-level errors from API responses and formats\n * them into human-readable messages. Works with ApiError from this package\n * as well as any error object that has `status`, `data`, and optional `message`.\n */\n\n/**\n * Converts snake_case or camelCase field names to Title Case\n */\nexport function formatFieldName(field: string): string {\n  return field\n    .replace(/_/g, \" \")\n    .replace(/([A-Z])/g, \" $1\")\n    .split(\" \")\n    .map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())\n    .join(\" \")\n    .trim();\n}\n\nexport interface ParsedFieldError {\n  field: string;\n  messages: string[];\n}\n\n/**\n * Type guard to check if an error looks like an API error\n */\nexport function isApiLikeError(\n  error: unknown,\n): error is { message: string | undefined; status: number; data: unknown } {\n  if (!error || typeof error !== \"object\") {\n    return false;\n  }\n\n  const err = error as Record<string, unknown>;\n  return (\n    typeof err.status === \"number\" &&\n    \"data\" in err &&\n    (typeof err.message === \"string\" || err.message === undefined)\n  );\n}\n\n/**\n * Extracts field-level errors from API error data\n */\nexport function extractFieldErrors(data: unknown): ParsedFieldError[] {\n  const errors: ParsedFieldError[] = [];\n\n  if (!data || typeof data !== \"object\") {\n    return errors;\n  }\n\n  const errorObj = data as Record<string, unknown>;\n\n  for (const [key, value] of Object.entries(errorObj)) {\n    if (Array.isArray(value) && value.length > 0) {\n      errors.push({\n        field: formatFieldName(key),\n        messages: value.map((item) =>\n          typeof item === \"string\" ? item : JSON.stringify(item),\n        ),\n      });\n    } else if (typeof value === \"string\" && value.length > 0) {\n      errors.push({\n        field: formatFieldName(key),\n        messages: [value],\n      });\n    } else if (value && typeof value === \"object\" && !Array.isArray(value)) {\n      const nestedErrors = extractFieldErrors(value);\n      nestedErrors.forEach((nestedError) => {\n        errors.push({\n          field: `${formatFieldName(key)} → ${nestedError.field}`,\n          messages: nestedError.messages,\n        });\n      });\n    }\n  }\n\n  return errors;\n}\n\n/**\n * Formats field errors into a readable description string\n */\nexport function formatErrorDescription(errors: ParsedFieldError[]): string {\n  if (errors.length === 0) {\n    return \"\";\n  }\n\n  if (errors.length === 1) {\n    const err = errors[0];\n    if (!err) return \"\";\n    const message = err.messages[0] || \"is invalid\";\n    return `${err.field} ${message}`;\n  }\n\n  if (errors.length <= 3) {\n    return errors\n      .map((e) => `${e.field} ${e.messages[0] || \"is invalid\"}`)\n      .join(\"\\n\");\n  }\n\n  const shown = errors\n    .slice(0, 3)\n    .map((e) => `${e.field} ${e.messages[0] || \"is invalid\"}`)\n    .join(\"\\n\");\n  const remaining = errors.length - 3;\n  return `${shown}\\n...and ${remaining} more ${remaining === 1 ? \"error\" : \"errors\"}`;\n}\n\n/**\n * Parses an error and returns a human-readable description string.\n *\n * Handles:\n * - API-like errors with structured field-level data\n * - API-like errors with a top-level message\n * - Standard Error instances\n * - Falls back to the provided fallback string\n *\n * @param error - The error to parse (ApiError, Error, or unknown)\n * @param fallback - Optional fallback description if error cannot be parsed\n * @returns A human-readable error description, or undefined if nothing could be extracted\n */\nexport function parseApiErrors(\n  error: unknown,\n  fallback?: string,\n): string | undefined {\n  if (isApiLikeError(error)) {\n    if (error.data) {\n      const fieldErrors = extractFieldErrors(error.data);\n      if (fieldErrors.length > 0) {\n        return formatErrorDescription(fieldErrors);\n      }\n    }\n\n    if (error.message) {\n      return error.message;\n    }\n  } else if (error instanceof Error) {\n    return error.message;\n  }\n\n  return fallback;\n}\n","import { createContext, useContext } from \"react\";\nimport type { ContactsApi } from \"./contacts-api\";\nimport type { NotesApi } from \"./notes-api\";\nimport type { TasksApi } from \"./tasks-api\";\nimport type { GroupsApi } from \"./groups-api\";\n\nexport interface ContactsDomainApi {\n  contacts: ContactsApi;\n  notes: NotesApi;\n  tasks: TasksApi;\n  groups?: GroupsApi;\n}\n\nconst ContactsApiContext = createContext<ContactsDomainApi | null>(null);\n\nexport const ContactsApiProvider = ContactsApiContext.Provider;\n\nexport function useContactsDomainApi(): ContactsDomainApi {\n  const api = useContext(ContactsApiContext);\n  if (!api) {\n    throw new Error(\n      \"useContactsDomainApi must be used within a ContactsApiProvider\",\n    );\n  }\n  return api;\n}\n\nexport function useContactsCrud(): ContactsApi {\n  return useContactsDomainApi().contacts;\n}\n\nexport function useNotesApi(): NotesApi {\n  return useContactsDomainApi().notes;\n}\n\nexport function useTasksApi(): TasksApi {\n  return useContactsDomainApi().tasks;\n}\n\n/** Returns GroupsApi if the provider supplies one, otherwise null. */\nexport function useGroupsApi(): GroupsApi | null {\n  return useContactsDomainApi().groups ?? null;\n}\n","import type { Provider } from \"react\";\nimport { createTranslationContext } from \"@fluid-app/i18n/translation-api-context-factory\";\nimport type { TranslationApi } from \"@fluid-app/i18n/translation-api\";\nimport type { ContactsDict } from \"./translation-dictionary\";\n\nconst { Provider: ContactsProvider, useTranslation } =\n  createTranslationContext<ContactsDict>(\"Contacts\");\n\nexport const ContactsTranslationProvider: Provider<TranslationApi<ContactsDict> | null> =\n  ContactsProvider;\nexport const useContactsTranslation = useTranslation;\n","/**\n * Tasks store both a title (first line) and an optional body separated by a\n * blank line. This is the canonical convention used by the task editor and\n * by every consumer that displays tasks (contacts UI list, portal todo\n * widget). Drift across consumers would mean some surfaces show \"Title\\n\\n\n * body details\" verbatim while others split correctly — keep the delimiter\n * convention in one place.\n */\nexport function parseTaskBody(raw: string): { title: string; body: string } {\n  const split = raw.indexOf(\"\\n\\n\");\n  if (split >= 0) {\n    return {\n      title: raw.slice(0, split),\n      body: raw.slice(split + 2),\n    };\n  }\n  return { title: raw, body: \"\" };\n}\n","export const CONTACTS_QUERY_KEYS = {\n  all: (prefix: string) => [prefix] as const,\n  list: (prefix: string) =>\n    [...CONTACTS_QUERY_KEYS.all(prefix), \"list\"] as const,\n  detail: (prefix: string, id: string) =>\n    [...CONTACTS_QUERY_KEYS.all(prefix), \"detail\", id] as const,\n} as const;\n\nexport const contactsKeys = {\n  activities: (contactId: string) =>\n    [\"portal-contacts\", \"activities\", contactId] as const,\n  tasks: (contactId: string) =>\n    [\"portal-contacts\", \"tasks\", contactId] as const,\n  notes: (contactId: string) =>\n    [\"portal-contacts\", \"notes\", contactId] as const,\n  orders: (contactId: string) => [\"rep-contacts\", \"orders\", contactId] as const,\n  subscriptionOrders: (contactId: string) =>\n    [\"rep-contacts\", \"subscription-orders\", contactId] as const,\n  groups: () => [\"portal-contacts\", \"groups\"] as const,\n} as const;\n","import { useInfiniteQuery } from \"@tanstack/react-query\";\nimport { useContactsCrud } from \"../contacts-api-context\";\nimport { CONTACTS_QUERY_KEYS } from \"../query-keys\";\n\nexport interface UseInfiniteContactsParams {\n  search_query?: string;\n  status?: string;\n  sort_by?: string;\n  sort_direction?: string;\n  per_page?: number;\n  tags?: string[];\n}\n\nexport function useInfiniteContacts(params: UseInfiniteContactsParams) {\n  const api = useContactsCrud();\n  return useInfiniteQuery({\n    queryKey: [...CONTACTS_QUERY_KEYS.list(\"contacts\"), params],\n    queryFn: ({ pageParam }) =>\n      api.listContacts({\n        ...params,\n        page: pageParam,\n      }),\n    getNextPageParam: (lastPage) => {\n      const currentPage = lastPage.meta.current_page;\n      // Contacts API is page-number based; next_cursor and total_pages\n      // are both used as \"has-next-page\" signals.\n      if (currentPage == null) return undefined;\n      if (lastPage.meta.next_cursor) return currentPage + 1;\n      if (\n        lastPage.meta.total_pages != null &&\n        currentPage < lastPage.meta.total_pages\n      ) {\n        return currentPage + 1;\n      }\n      return undefined;\n    },\n    initialPageParam: 1,\n  });\n}\n","/**\n * Format a date as YYYY-MM-DD in the renderer's local timezone, optionally\n * shifted by `offsetDays`. Use this for due-date inputs where \"today\" must\n * resolve to the user's local calendar date — never `toISOString().slice(0, 10)`,\n * which returns the UTC date and silently rolls over a day for users east/west\n * of UTC at the wrong hours.\n */\nexport function isoDate(offsetDays: number, now: Date = new Date()): string {\n  const d = new Date(now);\n  d.setDate(d.getDate() + offsetDays);\n  const yyyy = d.getFullYear();\n  const mm = String(d.getMonth() + 1).padStart(2, \"0\");\n  const dd = String(d.getDate()).padStart(2, \"0\");\n  return `${yyyy}-${mm}-${dd}`;\n}\n\n/**\n * Return a Date pinned to local midnight of the calendar day represented by\n * `input`. Use this whenever you need to compare two due dates by calendar day\n * (overdue / today / tomorrow / future).\n *\n * Why not just `new Date(input)`?  `new Date(\"YYYY-MM-DD\")` parses the string\n * as UTC midnight, which lands on the *previous* calendar day in any UTC−\n * timezone — a task due \"May 1\" then reads as April 30 for a user in the\n * Americas, classifying it as \"Overdue\" all day. Parse the date components\n * directly so the calendar-day intent of the string is preserved.\n */\nexport function startOfLocalDay(input: Date | string): Date {\n  if (typeof input === \"string\") {\n    const match = /^(\\d{4})-(\\d{2})-(\\d{2})/.exec(input);\n    if (match?.[1] && match[2] && match[3]) {\n      return new Date(Number(match[1]), Number(match[2]) - 1, Number(match[3]));\n    }\n  }\n  const d = typeof input === \"string\" ? new Date(input) : input;\n  return new Date(d.getFullYear(), d.getMonth(), d.getDate());\n}\n","\"use client\";\n\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { parseApiErrors } from \"@fluid-app/api-client-core\";\nimport { useTasksApi } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { contactsKeys } from \"@fluid-app/contacts-core/query-keys\";\nimport type { CreateTaskInput } from \"@fluid-app/contacts-core/types\";\n\nexport type { CreateTaskInput };\n\nexport function useCreateContactTask(\n  contactId: string,\n  options?: { onSuccess?: () => void },\n) {\n  const queryClient = useQueryClient();\n  const api = useTasksApi();\n\n  return useMutation({\n    mutationFn: (input: CreateTaskInput) => api.createTask(contactId, input),\n    onSuccess: () => {\n      fluidToast({ title: \"Task created\", type: \"success\" });\n      queryClient.invalidateQueries({\n        queryKey: contactsKeys.tasks(contactId),\n      });\n      options?.onSuccess?.();\n    },\n    onError: (error) => {\n      const description = parseApiErrors(error);\n      fluidToast({\n        title: \"Failed to create task\",\n        type: \"error\",\n        ...(description ? { description } : {}),\n      });\n    },\n  });\n}\n","\"use client\";\n\nimport React, { useEffect, useMemo, useRef, useState } from \"react\";\nimport { X } from \"lucide-react\";\nimport { cn } from \"@fluid-app/ui-primitives\";\nimport { useContactsTranslation } from \"@fluid-app/contacts-core/translation-api-context\";\nimport { isoDate } from \"@fluid-app/contacts-core/iso-date\";\nimport { useCreateContactTask } from \"../../hooks/contacts/use-create-contact-task\";\n\nconst QUICK_DATES = [\n  { key: \"today\", offsetDays: 0 },\n  { key: \"tomorrow\", offsetDays: 1 },\n  { key: \"next_week\", offsetDays: 7 },\n] as const;\n\nexport interface TaskComposerFormProps {\n  contactId: string;\n  /** Called after a successful create. */\n  onDone?: () => void;\n  /** When provided, an X button is rendered and Escape closes the form. */\n  onClose?: () => void;\n  /** Focus the body input on mount. Default true. */\n  autoFocus?: boolean;\n}\n\nexport function TaskComposerForm({\n  contactId,\n  onDone,\n  onClose,\n  autoFocus = true,\n}: TaskComposerFormProps): React.JSX.Element {\n  const { t } = useContactsTranslation();\n  const [body, setBody] = useState(\"\");\n  const [dueDate, setDueDate] = useState<string | null>(null);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  const createTask = useCreateContactTask(contactId, {\n    onSuccess: () => {\n      setBody(\"\");\n      setDueDate(null);\n      onDone?.();\n    },\n  });\n\n  useEffect(() => {\n    if (autoFocus) inputRef.current?.focus();\n  }, [autoFocus]);\n\n  // Compute the date strings once per mount. Re-running on every render would\n  // re-evaluate `new Date()` and could flip \"today\" if the form happens to be\n  // open across midnight — acceptable but unnecessary churn.\n  const quickDates = useMemo(\n    () =>\n      QUICK_DATES.map((q) => ({\n        key: q.key,\n        iso: isoDate(q.offsetDays),\n      })),\n    [],\n  );\n\n  const quickLabels: Record<(typeof QUICK_DATES)[number][\"key\"], string> = {\n    today: t(\"quick_today\"),\n    tomorrow: t(\"quick_tomorrow\"),\n    next_week: t(\"quick_next_week\"),\n  };\n\n  const submit = () => {\n    const trimmed = body.trim();\n    if (!trimmed || createTask.isPending) return;\n    createTask.mutate({ body: trimmed, due_at: dueDate });\n  };\n\n  const canSubmit = body.trim().length > 0 && !createTask.isPending;\n\n  return (\n    <div className=\"border-border/50 focus-within:border-foreground/30 rounded-xl border p-3 transition-colors\">\n      <div className=\"flex items-start gap-3\">\n        <div\n          className=\"border-muted-foreground/50 mt-1.5 size-5 shrink-0 rounded-full border-2\"\n          aria-hidden=\"true\"\n        />\n        <input\n          ref={inputRef}\n          value={body}\n          onChange={(e) => setBody(e.target.value)}\n          onKeyDown={(e) => {\n            if (e.key === \"Enter\" && !e.shiftKey) {\n              e.preventDefault();\n              submit();\n            } else if (e.key === \"Escape\" && onClose) {\n              e.preventDefault();\n              onClose();\n            }\n          }}\n          placeholder={t(\"task_describe_placeholder\")}\n          aria-label={t(\"task_description_aria\")}\n          className=\"placeholder:text-muted-foreground/80 text-foreground flex-1 border-0 bg-transparent text-sm font-medium outline-none\"\n        />\n        {onClose && (\n          <button\n            type=\"button\"\n            onClick={onClose}\n            aria-label={t(\"task_discard_aria\")}\n            className=\"text-muted-foreground hover:bg-muted hover:text-foreground -mt-0.5 -mr-0.5 flex size-7 shrink-0 items-center justify-center rounded-md transition-colors\"\n          >\n            <X className=\"size-4\" />\n          </button>\n        )}\n      </div>\n\n      {/* --row-indent aligns the chip row with the input text above (size-5\n          circle + gap-3 = 2rem). The mobile Add button cancels it via\n          -ml-(--row-indent) + w-[calc(100%+var(--row-indent))] so the two\n          values stay locked to a single source. */}\n      <div className=\"mt-3 flex flex-wrap items-center gap-1.5 pl-(--row-indent) [--row-indent:2rem]\">\n        {quickDates.map((q) => {\n          const isActive = dueDate === q.iso;\n          return (\n            <button\n              key={q.key}\n              type=\"button\"\n              onClick={() => setDueDate(isActive ? null : q.iso)}\n              aria-pressed={isActive}\n              className={cn(\n                \"shrink-0 rounded-full px-3 py-1 text-xs font-medium transition-colors\",\n                isActive\n                  ? \"bg-primary text-primary-foreground\"\n                  : \"bg-muted text-muted-foreground hover:bg-muted/70\",\n              )}\n            >\n              {quickLabels[q.key]}\n            </button>\n          );\n        })}\n        <button\n          type=\"button\"\n          onClick={submit}\n          disabled={!canSubmit}\n          className=\"bg-primary text-primary-foreground hover:bg-primary/90 disabled:bg-muted disabled:text-muted-foreground mt-1 -ml-(--row-indent) inline-flex h-10 w-[calc(100%+var(--row-indent))] items-center justify-center rounded-lg text-sm font-semibold transition-colors disabled:cursor-not-allowed sm:mt-0 sm:ml-auto sm:h-auto sm:w-auto sm:shrink-0 sm:gap-1.5 sm:rounded-full sm:px-4 sm:py-1.5 sm:text-xs\"\n        >\n          {createTask.isPending ? t(\"adding\") : t(\"add_task\")}\n        </button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-app/portal-sdk",
-  "version": "0.1.336",
+  "version": "0.1.338",
   "description": "SDK for building custom Fluid portals",
   "files": [
     "dist",
@@ -72,51 +72,51 @@
     "typescript": "^5",
     "zod": "4.3.5",
     "@fluid-app/address-autocomplete": "0.1.0",
-    "@fluid-app/cart-ui": "0.1.22",
     "@fluid-app/auth": "0.1.0",
     "@fluid-app/api-client-core": "0.1.0",
-    "@fluid-app/company-switcher-ui": "0.1.0",
     "@fluid-app/company-switcher-core": "0.1.0",
+    "@fluid-app/cart-ui": "0.1.22",
+    "@fluid-app/company-switcher-ui": "0.1.0",
     "@fluid-app/contacts-ui": "0.1.0",
     "@fluid-app/contacts-core": "0.1.0",
     "@fluid-app/file-picker-api-client": "0.1.0",
     "@fluid-app/fluid-pay-core": "0.1.0",
     "@fluid-app/fluid-pay-ui": "0.1.0",
     "@fluid-app/file-picker-core": "0.1.0",
-    "@fluid-app/fluidos-api-client": "0.1.0",
     "@fluid-app/i18n": "0.1.0",
-    "@fluid-app/messaging-api-client": "0.1.0",
-    "@fluid-app/messaging-ui": "0.1.0",
+    "@fluid-app/fluidos-api-client": "0.1.0",
     "@fluid-app/messaging-core": "0.1.0",
     "@fluid-app/mysite-core": "0.1.0",
+    "@fluid-app/messaging-api-client": "0.1.0",
+    "@fluid-app/mysite-ui": "0.1.0",
     "@fluid-app/orders-ui": "0.1.0",
     "@fluid-app/orders-core": "0.1.0",
-    "@fluid-app/mysite-ui": "0.1.0",
-    "@fluid-app/portal-app-download-ui": "0.1.0",
     "@fluid-app/permissions": "0.1.0",
+    "@fluid-app/messaging-ui": "0.1.0",
+    "@fluid-app/portal-app-download-ui": "0.1.0",
     "@fluid-app/portal-core": "0.1.23",
     "@fluid-app/portal-preview": "0.1.0",
     "@fluid-app/portal-pro-upgrade-ui": "0.1.0",
     "@fluid-app/portal-react": "0.1.0",
     "@fluid-app/portal-tenant-api-client": "0.1.0",
-    "@fluid-app/portal-tenant-content-api-client": "0.1.0",
-    "@fluid-app/portal-tenant-mysite-api-client": "0.1.0",
     "@fluid-app/portal-tenant-contacts-api-client": "0.1.0",
+    "@fluid-app/portal-tenant-content-api-client": "0.1.0",
     "@fluid-app/portal-tenant-pay-api-client": "0.1.0",
-    "@fluid-app/portal-widgets": "0.1.22",
+    "@fluid-app/portal-tenant-mysite-api-client": "0.1.0",
     "@fluid-app/portal-tenant-store-api-client": "0.1.0",
+    "@fluid-app/portal-widgets": "0.1.22",
     "@fluid-app/products-api-client": "0.1.0",
-    "@fluid-app/profile-core": "0.1.0",
     "@fluid-app/products-core": "0.1.0",
-    "@fluid-app/query-persister": "0.1.0",
+    "@fluid-app/profile-core": "0.1.0",
     "@fluid-app/profile-ui": "0.1.0",
     "@fluid-app/shareables-core": "0.1.0",
-    "@fluid-app/shareables-ui": "0.1.0",
-    "@fluid-app/shop-ui": "0.1.0",
+    "@fluid-app/query-persister": "0.1.0",
     "@fluid-app/shop-core": "0.1.0",
+    "@fluid-app/shop-ui": "0.1.0",
     "@fluid-app/store-api-client": "0.1.0",
-    "@fluid-app/subscriptions-core": "0.1.0",
+    "@fluid-app/shareables-ui": "0.1.0",
     "@fluid-app/store-core": "0.1.0",
+    "@fluid-app/subscriptions-core": "0.1.0",
     "@fluid-app/subscriptions-ui": "0.1.0",
     "@fluid-app/typescript-config": "0.0.0",
     "@fluid-app/ui-primitives": "0.1.13"

package/dist/ToDoWidget-6Yj9hQQ5.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToDoWidget-6Yj9hQQ5.cjs","names":["useWidgetsApi","useWidgetPreviewContext","useDataSourceRegistryConfig","useWidgetsApi","useWidgetPreviewContext","useDataSourceRegistryConfig","useWidgetPreviewContext","useDataSourceRegistryConfig","Dialog","DialogContent","DialogHeader","DialogTitle","PortalContainerProvider","TaskComposerForm","useContactsTranslation","useInfiniteContacts","Popover","PopoverTrigger","cn","ChevronsUpDown","PopoverContent","Search","Input","Check","useWidgetPreviewContext","borderWidthClasses","borderColorClasses","ListChecks","ErrorState","Plus","parseTaskBody","getFontSizeField","getColorField","getPaddingField","getBorderRadiusField","getBorderWidthField","getBorderColorField"],"sources":["../../widgets/src/hooks/use-todos.preview.ts","../../widgets/src/hooks/use-todos.ts","../../widgets/src/hooks/use-update-todo.ts","../../widgets/src/widgets/CreateTodoDialog.tsx","../../widgets/src/widgets/ToDoWidget.tsx"],"sourcesContent":["import type { Todo } from \"@fluid-app/portal-core/widgets-api-types\";\n\nconst now = new Date();\n\nfunction daysFromNow(days: number): string {\n  const d = new Date(now);\n  d.setDate(d.getDate() + days);\n  return d.toISOString();\n}\n\nexport const PREVIEW_DATA: Todo[] = [\n  {\n    id: 1,\n    body: \"Send follow-up email to new leads\",\n    dueAt: daysFromNow(1),\n    completedAt: null,\n    createdAt: daysFromNow(-2),\n    contactId: 101,\n    contactName: \"Sarah Johnson\",\n  },\n  {\n    id: 2,\n    body: \"Prepare slides for team training\",\n    dueAt: daysFromNow(3),\n    completedAt: null,\n    createdAt: daysFromNow(-1),\n    contactId: null,\n    contactName: null,\n  },\n  {\n    id: 3,\n    body: \"Review monthly sales report\",\n    dueAt: daysFromNow(-1),\n    completedAt: null,\n    createdAt: daysFromNow(-5),\n    contactId: 102,\n    contactName: \"Mike Chen\",\n  },\n];\n","import { useQuery, type UseQueryResult } from \"@tanstack/react-query\";\nimport { useWidgetsApi } from \"@fluid-app/portal-core/widgets-api-context\";\nimport { useWidgetPreviewContext } from \"@fluid-app/portal-react/data-sources/preview-context\";\nimport { useDataSourceRegistryConfig } from \"@fluid-app/portal-react/data-sources/registry-context\";\nimport { PREVIEW_DATA } from \"./use-todos.preview\";\nimport type { Todo } from \"@fluid-app/portal-core/widgets-api-types\";\n\nexport type { Todo } from \"@fluid-app/portal-core/widgets-api-types\";\n\n/**\n * Shared cache key for the todos list. Both useTodos (read) and\n * useUpdateTodo (write) use this — drift would silently break optimistic\n * updates.\n */\nexport function todosQueryKey(args: {\n  baseUrl: string | undefined;\n  isPreview: boolean;\n}) {\n  return [\n    \"portal-widget-use\",\n    \"todos\",\n    args.isPreview ? \"preview\" : args.baseUrl,\n  ] as const;\n}\n\nexport function useTodos(): UseQueryResult<Todo[], Error> {\n  const widgetsApi = useWidgetsApi();\n  const { isPreview } = useWidgetPreviewContext();\n  const { baseUrl } = useDataSourceRegistryConfig();\n\n  return useQuery({\n    queryKey: todosQueryKey({ baseUrl, isPreview }),\n    queryFn: ({ signal }) => widgetsApi.fetchTodos(signal),\n    enabled: !isPreview,\n    ...(isPreview && { placeholderData: PREVIEW_DATA }),\n  });\n}\n","import { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { useWidgetsApi } from \"@fluid-app/portal-core/widgets-api-context\";\nimport { useWidgetPreviewContext } from \"@fluid-app/portal-react/data-sources/preview-context\";\nimport { useDataSourceRegistryConfig } from \"@fluid-app/portal-react/data-sources/registry-context\";\nimport type { Todo } from \"@fluid-app/portal-core/widgets-api-types\";\nimport { todosQueryKey } from \"./use-todos\";\n\ntype UpdateVariables = { id: number; completed: boolean };\n\nexport function useUpdateTodo() {\n  const widgetsApi = useWidgetsApi();\n  const queryClient = useQueryClient();\n  const { isPreview } = useWidgetPreviewContext();\n  const { baseUrl } = useDataSourceRegistryConfig();\n\n  const queryKey = todosQueryKey({ baseUrl, isPreview });\n\n  return useMutation({\n    mutationFn: ({ id, completed }: UpdateVariables) => {\n      // Defense in depth: ToDoWidget already disables the checkbox in\n      // preview mode, but if any other caller fires this mutation while\n      // previewing we'd PATCH demo data on the real backend. Fail closed.\n      if (isPreview) {\n        return Promise.reject(\n          new Error(\"Todo updates are disabled in preview mode\"),\n        );\n      }\n      return widgetsApi.updateTodo(id, completed);\n    },\n    onMutate: async ({ id, completed }) => {\n      await queryClient.cancelQueries({ queryKey });\n      const previous = queryClient.getQueryData<Todo[]>(queryKey);\n      queryClient.setQueryData<Todo[]>(queryKey, (current) =>\n        (current ?? []).map((todo) =>\n          todo.id === id\n            ? {\n                ...todo,\n                completedAt: completed ? new Date().toISOString() : null,\n              }\n            : todo,\n        ),\n      );\n      return { previous };\n    },\n    onSuccess: (updated, { completed }) => {\n      queryClient.setQueryData<Todo[]>(queryKey, (current) =>\n        (current ?? []).map((todo) =>\n          todo.id === updated.id ? updated : todo,\n        ),\n      );\n      // Match the documented test plan: completing toasts, un-completing\n      // is silent. The widget today only ever fires completed=true, but\n      // gating here keeps the contract honest for any future caller that\n      // toggles either direction.\n      if (completed) {\n        fluidToast({ title: \"Todo completed\", type: \"success\" });\n      }\n    },\n    onError: (_error, _variables, context) => {\n      if (context?.previous) {\n        queryClient.setQueryData(queryKey, context.previous);\n      }\n      fluidToast({ title: \"Failed to update todo\", type: \"error\" });\n    },\n    // Belt-and-suspenders refetch to reconcile any race we couldn't see\n    // (e.g., a different tab mutated the same todo). Cheap — one GET per\n    // toggle.\n    onSettled: () => {\n      queryClient.invalidateQueries({ queryKey });\n    },\n  });\n}\n","\"use client\";\n\nimport React, { useEffect, useMemo, useRef, useState } from \"react\";\nimport { Check, ChevronsUpDown, Search } from \"lucide-react\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport {\n  cn,\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  Input,\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n  PortalContainerProvider,\n} from \"@fluid-app/ui-primitives\";\nimport { useInfiniteContacts } from \"@fluid-app/contacts-core/hooks/use-infinite-contacts\";\nimport { useContactsTranslation } from \"@fluid-app/contacts-core/translation-api-context\";\nimport type { Contact } from \"@fluid-app/contacts-core/types\";\nimport { TaskComposerForm } from \"@fluid-app/contacts-ui/portal/components/tasks/task-composer-form\";\nimport { useWidgetPreviewContext } from \"@fluid-app/portal-react/data-sources/preview-context\";\nimport { useDataSourceRegistryConfig } from \"@fluid-app/portal-react/data-sources/registry-context\";\nimport { todosQueryKey } from \"../hooks/use-todos\";\n\nconst SEARCH_DEBOUNCE_MS = 200;\n\nexport interface CreateTodoDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}\n\nexport function CreateTodoDialog({\n  open,\n  onOpenChange,\n}: CreateTodoDialogProps): React.JSX.Element {\n  const queryClient = useQueryClient();\n  const { isPreview } = useWidgetPreviewContext();\n  const { baseUrl } = useDataSourceRegistryConfig();\n  const [selectedContact, setSelectedContact] = useState<Contact | null>(null);\n  // Anchor the popover's portal inside the dialog. Dialog applies\n  // pointer-events: none to the body while open, which kills clicks and\n  // scroll on a body-portaled popover in WebKit. See edit-bill-date-dialog\n  // for the canonical pattern.\n  const [popoverContainer, setPopoverContainer] =\n    useState<HTMLDivElement | null>(null);\n\n  // Reset state when the dialog closes so the next open starts fresh.\n  useEffect(() => {\n    if (!open) setSelectedContact(null);\n  }, [open]);\n\n  const handleDone = () => {\n    queryClient.invalidateQueries({\n      queryKey: todosQueryKey({ baseUrl, isPreview }),\n    });\n    onOpenChange(false);\n  };\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"sm:max-w-md\">\n        <DialogHeader>\n          <DialogTitle>Add a to-do</DialogTitle>\n        </DialogHeader>\n\n        <PortalContainerProvider container={popoverContainer}>\n          <div className=\"mt-2 flex flex-col gap-3\">\n            <ContactPicker\n              value={selectedContact}\n              onSelect={setSelectedContact}\n            />\n\n            {selectedContact && (\n              <TaskComposerForm\n                key={selectedContact.id}\n                contactId={String(selectedContact.id)}\n                onDone={handleDone}\n              />\n            )}\n          </div>\n        </PortalContainerProvider>\n        {/* Portal target for the popover. Must live INSIDE DialogContent so\n            it ends up in the dialog's body-level portal — otherwise it\n            renders inline next to the widget, and any transformed ancestor\n            (builder canvas zoom, etc.) would break `position: fixed`.\n            Intentionally NOT aria-hidden — the popover content portaled\n            into this container has its own listbox/option semantics that\n            screen readers need to reach. `pointer-events-none` keeps the\n            empty overlay from capturing clicks; the popover content sets\n            `pointer-events-auto` so it remains interactive. */}\n        <div\n          ref={setPopoverContainer}\n          className=\"pointer-events-none fixed inset-0 z-[9998]\"\n        />\n      </DialogContent>\n    </Dialog>\n  );\n}\n\ninterface ContactPickerProps {\n  value: Contact | null;\n  onSelect: (contact: Contact) => void;\n}\n\nfunction ContactPicker({\n  value,\n  onSelect,\n}: ContactPickerProps): React.JSX.Element {\n  const { t } = useContactsTranslation();\n  const [open, setOpen] = useState(false);\n  const [searchInput, setSearchInput] = useState(\"\");\n  const [debouncedSearch, setDebouncedSearch] = useState(\"\");\n  const sentinelRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handle = window.setTimeout(() => {\n      setDebouncedSearch(searchInput.trim());\n    }, SEARCH_DEBOUNCE_MS);\n    return () => window.clearTimeout(handle);\n  }, [searchInput]);\n\n  const queryParams = useMemo(\n    () => ({\n      ...(debouncedSearch ? { search_query: debouncedSearch } : {}),\n      sort_by: \"full_name\",\n      sort_direction: \"asc\",\n      per_page: 25,\n    }),\n    [debouncedSearch],\n  );\n\n  const {\n    data,\n    isLoading,\n    isError,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  } = useInfiniteContacts(queryParams);\n\n  const contacts: Contact[] = useMemo(\n    () => data?.pages.flatMap((page) => page.contacts ?? []) ?? [],\n    [data],\n  );\n\n  // Auto-load the next page when the sentinel scrolls into view, so reps\n  // with many contacts can reach all of them without typing a precise\n  // search query.\n  useEffect(() => {\n    const sentinel = sentinelRef.current;\n    if (!sentinel || !hasNextPage) return;\n\n    const observer = new IntersectionObserver((entries) => {\n      const entry = entries[0];\n      if (entry?.isIntersecting && !isFetchingNextPage) {\n        fetchNextPage();\n      }\n    });\n\n    observer.observe(sentinel);\n    return () => observer.disconnect();\n  }, [hasNextPage, isFetchingNextPage, fetchNextPage]);\n\n  return (\n    <div className=\"flex flex-col gap-1\">\n      <label className=\"text-muted-foreground text-xs font-medium\">\n        {t(\"contact_label\")}\n      </label>\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild>\n          <button\n            type=\"button\"\n            aria-haspopup=\"listbox\"\n            aria-expanded={open}\n            className=\"border-input bg-background hover:bg-muted/40 flex w-full items-center justify-between gap-2 rounded-md border px-3 py-2 text-left text-sm transition-colors\"\n          >\n            <span\n              className={cn(\n                \"truncate\",\n                !value && \"text-muted-foreground font-normal\",\n              )}\n            >\n              {value ? value.full_name : t(\"empty_select_contact\")}\n            </span>\n            <ChevronsUpDown\n              className=\"text-muted-foreground size-4 shrink-0\"\n              aria-hidden=\"true\"\n            />\n          </button>\n        </PopoverTrigger>\n        <PopoverContent\n          align=\"start\"\n          className=\"bg-popover text-popover-foreground pointer-events-auto z-[9999] w-(--radix-popover-trigger-width) overflow-hidden rounded-md border p-0 shadow-md\"\n        >\n          <div className=\"border-border flex items-center gap-2 border-b px-3 py-2\">\n            <Search\n              className=\"text-muted-foreground size-4 shrink-0\"\n              aria-hidden=\"true\"\n            />\n            <Input\n              value={searchInput}\n              onChange={(e) => setSearchInput(e.target.value)}\n              placeholder={t(\"search_placeholder\")}\n              aria-label={t(\"search_placeholder\")}\n              className=\"h-7 border-0 px-0 shadow-none focus-visible:ring-0\"\n            />\n          </div>\n          <div className=\"max-h-64 overflow-y-auto py-1\" role=\"listbox\">\n            {isLoading ? (\n              <div className=\"text-muted-foreground px-3 py-6 text-center text-xs\">\n                {t(\"loading\")}\n              </div>\n            ) : isError ? (\n              <div className=\"text-destructive px-3 py-6 text-center text-xs\">\n                {t(\"error_loading_list\")}\n              </div>\n            ) : contacts.length === 0 ? (\n              <div className=\"text-muted-foreground px-3 py-6 text-center text-xs\">\n                {debouncedSearch\n                  ? t(\"no_contacts_search\", { term: debouncedSearch })\n                  : t(\"no_contacts_yet\")}\n              </div>\n            ) : (\n              <>\n                {contacts.map((contact) => {\n                  const isSelected = value?.id === contact.id;\n                  return (\n                    <button\n                      key={contact.id}\n                      type=\"button\"\n                      role=\"option\"\n                      aria-selected={isSelected}\n                      onClick={() => {\n                        onSelect(contact);\n                        setOpen(false);\n                      }}\n                      className=\"hover:bg-muted/50 flex w-full items-center justify-between gap-2 px-3 py-1.5 text-left text-sm transition-colors\"\n                    >\n                      <span className=\"truncate\">{contact.full_name}</span>\n                      {isSelected && (\n                        <Check\n                          className=\"text-primary size-4 shrink-0\"\n                          aria-hidden=\"true\"\n                        />\n                      )}\n                    </button>\n                  );\n                })}\n                {hasNextPage && (\n                  <div ref={sentinelRef} aria-hidden=\"true\" className=\"h-4\" />\n                )}\n                {isFetchingNextPage && (\n                  <div className=\"text-muted-foreground px-3 py-2 text-center text-xs\">\n                    {t(\"loading_more\")}\n                  </div>\n                )}\n              </>\n            )}\n          </div>\n        </PopoverContent>\n      </Popover>\n    </div>\n  );\n}\n","import { useState, type ComponentProps } from \"react\";\nimport type React from \"react\";\nimport type {\n  BackgroundValue,\n  BorderRadiusOptions,\n  BorderWidthOptions,\n  ColorOptions,\n  FontSizeOptions,\n  PaddingOptions,\n} from \"@fluid-app/portal-core/types\";\nimport type { WidgetPropertySchema } from \"@fluid-app/portal-core/registries\";\nimport {\n  getBorderRadiusField,\n  getBorderWidthField,\n  getBorderColorField,\n  borderWidthClasses,\n  borderColorClasses,\n  getColorField,\n  getFontSizeField,\n  getPaddingField,\n} from \"../core/fields\";\nimport { ListChecks, Plus } from \"lucide-react\";\nimport { useWidgetPreviewContext } from \"@fluid-app/portal-react/data-sources/preview-context\";\nimport { parseTaskBody } from \"@fluid-app/contacts-core/parse-task-body\";\nimport { useTodos } from \"../hooks/use-todos\";\nimport { useUpdateTodo } from \"../hooks/use-update-todo\";\nimport { ErrorState } from \"../components/error-state\";\nimport { CreateTodoDialog } from \"./CreateTodoDialog\";\n\ntype ToDoWidgetProps = ComponentProps<\"div\"> & {\n  // Title\n  titleEnabled?: boolean;\n  titleText?: string;\n  titleFontSize?: FontSizeOptions;\n  titleColor?: ColorOptions;\n\n  // Styling\n  background?: BackgroundValue;\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n  borderWidth?: BorderWidthOptions;\n  borderColor?: ColorOptions;\n\n  // Content\n  maxItems?: number;\n};\n\nexport function ToDoWidget({\n  // Title defaults\n  titleEnabled = true,\n  titleText = \"To-Do\",\n  titleFontSize = \"lg\",\n  titleColor = \"foreground\",\n\n  // Styling defaults\n  background = {\n    type: \"solid\",\n    color: \"background\",\n  },\n  textColor = \"foreground\",\n  accentColor = \"primary\",\n  padding = 4,\n  borderRadius = \"md\",\n  borderWidth = \"none\",\n  borderColor = \"muted\",\n\n  // Content defaults\n  maxItems = 5,\n\n  className,\n  ...props\n}: ToDoWidgetProps): React.JSX.Element {\n  const backgroundColor = background.color || \"background\";\n  const backgroundImage =\n    (background.resource?.image_url || background.resource?.imageUrl) &&\n    background.type === \"image\"\n      ? `url(${background.resource.image_url || background.resource.imageUrl})`\n      : \"none\";\n  const { data: todos = [], isLoading, isError } = useTodos();\n  const updateTodo = useUpdateTodo();\n  const { isPreview } = useWidgetPreviewContext();\n  const [pendingIds, setPendingIds] = useState<Set<number>>(new Set());\n  const [isCreateDialogOpen, setIsCreateDialogOpen] = useState(false);\n\n  const toggleTodo = (id: number, completed: boolean) => {\n    if (isPreview || pendingIds.has(id)) return;\n    setPendingIds((prev) => new Set(prev).add(id));\n    updateTodo.mutate(\n      { id, completed },\n      {\n        onSettled: () =>\n          setPendingIds((prev) => {\n            const next = new Set(prev);\n            next.delete(id);\n            return next;\n          }),\n      },\n    );\n  };\n\n  const activeTodos = todos.filter((todo) => !todo.completedAt);\n  const todosToShow = activeTodos.slice(0, maxItems);\n  const remainingCount = activeTodos.length - todosToShow.length;\n  const isEmpty = activeTodos.length === 0;\n\n  // Group todos by contactId so same-named contacts stay separate.\n  const groupedTodos = todosToShow.reduce<\n    {\n      contactId: number | null;\n      contactName: string | null;\n      todos: typeof todosToShow;\n    }[]\n  >((groups, todo) => {\n    const existing = groups.find((g) => g.contactId === todo.contactId);\n    if (existing) {\n      existing.todos.push(todo);\n    } else {\n      groups.push({\n        contactId: todo.contactId,\n        contactName: todo.contactName,\n        todos: [todo],\n      });\n    }\n    return groups;\n  }, []);\n\n  return (\n    <div\n      className={`overflow-hidden rounded-${borderRadius} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"} bg-${backgroundColor} text-${textColor} p-${padding} ${className ?? \"\"}`}\n      style={{ backgroundImage }}\n      {...props}\n    >\n      {/* Header */}\n      <div className=\"mb-3 flex items-center justify-between\">\n        <div className=\"flex items-center gap-3\">\n          {titleEnabled && titleText && (\n            <h2\n              className={`text-${titleFontSize} font-header font-bold text-${titleColor}`}\n            >\n              {titleText}\n            </h2>\n          )}\n        </div>\n        <div className=\"flex items-center gap-2\">\n          {!isEmpty && !isLoading && (\n            <span className={`text-2xl font-bold text-${accentColor}`}>\n              {activeTodos.length}\n            </span>\n          )}\n          <div\n            className={`flex h-10 w-10 shrink-0 items-center justify-center`}\n          >\n            <ListChecks className={`h-5 w-5 text-${accentColor}-foreground`} />\n          </div>\n        </div>\n      </div>\n\n      {/* Loading state */}\n      {isLoading ? (\n        <div className=\"flex min-h-[120px] items-center justify-center\">\n          <div className=\"h-6 w-6 animate-spin rounded-full border-2 border-current border-t-transparent\" />\n        </div>\n      ) : isError ? (\n        /* Error state */\n        <ErrorState />\n      ) : isEmpty ? (\n        /* Empty state */\n        <div className=\"flex flex-col items-center justify-center gap-3 py-8\">\n          <p className={`text-center text-${textColor}/60`}>\n            You&apos;ve got nothing else To-Do!\n          </p>\n          {!isPreview && (\n            <button\n              type=\"button\"\n              onClick={() => setIsCreateDialogOpen(true)}\n              className={`inline-flex items-center gap-1.5 rounded-full bg-${accentColor} text-${accentColor}-foreground hover:bg-${accentColor}/90 px-4 py-1.5 text-xs font-semibold transition-colors`}\n            >\n              <Plus className=\"h-3.5 w-3.5\" aria-hidden=\"true\" />\n              Add to-do\n            </button>\n          )}\n        </div>\n      ) : (\n        /* Todo List */\n        <>\n          <div className=\"flex flex-col gap-3\">\n            {groupedTodos.map((group) => (\n              <div\n                key={group.contactId ?? \"__unassigned__\"}\n                className=\"flex flex-col\"\n              >\n                {group.contactName && (\n                  <div\n                    className={`mb-1 text-xs font-semibold tracking-wide uppercase text-${textColor}/60`}\n                  >\n                    {group.contactName}\n                  </div>\n                )}\n                {group.todos.map((todo, index) => (\n                  <div\n                    key={todo.id}\n                    className={`flex items-center gap-3 py-2 ${\n                      index !== group.todos.length - 1\n                        ? `border-b border-${textColor}/10`\n                        : \"\"\n                    }`}\n                  >\n                    <input\n                      type=\"checkbox\"\n                      className={`h-5 w-5 rounded-full border-2 border-${textColor}/30 bg-transparent not-disabled:cursor-pointer disabled:cursor-not-allowed disabled:opacity-60`}\n                      checked={!!todo.completedAt}\n                      disabled={isPreview || pendingIds.has(todo.id)}\n                      onChange={(event) =>\n                        toggleTodo(todo.id, event.target.checked)\n                      }\n                    />\n                    <span className=\"line-clamp-1 flex-1 text-sm\">\n                      {parseTaskBody(todo.body).title}\n                    </span>\n                  </div>\n                ))}\n              </div>\n            ))}\n          </div>\n\n          {/* Footer */}\n          <div className=\"mt-2 flex items-center justify-between\">\n            {remainingCount > 0 && (\n              <span className={`text-sm text-${textColor}/50 underline`}>\n                {remainingCount} more task{remainingCount > 1 ? \"s\" : \"\"}\n              </span>\n            )}\n            <div className=\"ml-auto\">\n              <button\n                type=\"button\"\n                onClick={() => setIsCreateDialogOpen(true)}\n                disabled={isPreview}\n                aria-label=\"Add to-do\"\n                className={`flex h-8 w-8 items-center justify-center rounded-full transition-colors not-disabled:cursor-pointer hover:bg-${textColor}/10 disabled:opacity-60`}\n              >\n                <Plus className={`h-5 w-5 text-${textColor}/50`} />\n              </button>\n            </div>\n          </div>\n        </>\n      )}\n\n      {!isPreview && (\n        <CreateTodoDialog\n          open={isCreateDialogOpen}\n          onOpenChange={setIsCreateDialogOpen}\n        />\n      )}\n    </div>\n  );\n}\n\nexport const toDoWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"ToDoWidget\",\n  displayName: \"To-Do Widget\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [\n    // Styling Tab - Title Group\n    {\n      key: \"titleEnabled\",\n      label: \"Widget Title\",\n      type: \"boolean\",\n      description: \"Enable the title displayed above the todo list\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Title\",\n    },\n    {\n      key: \"titleText\",\n      label: \"Title\",\n      type: \"text\",\n      description: \"Title text displayed above the todo list\",\n      defaultValue: \"To-Do\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    },\n    getFontSizeField({\n      key: \"titleFontSize\",\n      label: \"Title Font Size\",\n      description: \"Font size for the widget title\",\n      defaultValue: \"xl\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n    getColorField({\n      key: \"titleColor\",\n      label: \"Title Color\",\n      description: \"Color for the widget title\",\n      defaultValue: \"foreground\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n\n    // Styling Tab - Design Group\n    {\n      type: \"background\",\n      key: \"background\",\n      label: \"Background\",\n      description: \"Background for the widget container\",\n      defaultValue: \"background\",\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    getColorField({\n      key: \"textColor\",\n      label: \"Text Color\",\n      description: \"Default text color for todo items\",\n      defaultValue: \"foreground\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getColorField({\n      key: \"accentColor\",\n      label: \"Accent Color\",\n      description: \"Color used for count badge and icon\",\n      defaultValue: \"primary\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    {\n      key: \"separator\",\n      type: \"separator\",\n      label: \"Separator\",\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    {\n      key: \"maxItems\",\n      label: \"Max Items\",\n      type: \"number\",\n      description: \"Maximum number of todo items to display\",\n      min: 1,\n      max: 20,\n      step: 1,\n      defaultValue: 5,\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    getPaddingField({\n      key: \"padding\",\n      label: \"Padding\",\n      description: \"Padding around the widget container\",\n      defaultValue: 4,\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Border radius for the widget container\",\n      defaultValue: \"md\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderWidthField({\n      key: \"borderWidth\",\n      label: \"Border Width\",\n      description: \"Border width for the widget\",\n      defaultValue: \"none\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderColorField({\n      key: \"borderColor\",\n      label: \"Border Color\",\n      description: \"Border color for the widget\",\n      defaultValue: \"muted\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n  ],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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CL,OAAO;GACR;EACDA,mBAAAA,cAAc;GACZ,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACFA,mBAAAA,cAAc;GACZ,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF;GACE,KAAK;GACL,MAAM;GACN,OAAO;GACP,KAAK;GACL,OAAO;GACR;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,KAAK;GACL,KAAK;GACL,MAAM;GACN,cAAc;GACd,KAAK;GACL,OAAO;GACR;EACDC,mBAAAA,gBAAgB;GACd,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACFC,mBAAAA,qBAAqB;GACnB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACFC,mBAAAA,oBAAoB;GAClB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACFC,mBAAAA,oBAAoB;GAClB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACH;CACF"}

package/dist/ToDoWidget-B3sq5pIT.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToDoWidget-B3sq5pIT.mjs","names":[],"sources":["../../widgets/src/hooks/use-todos.preview.ts","../../widgets/src/hooks/use-todos.ts","../../widgets/src/hooks/use-update-todo.ts","../../widgets/src/widgets/CreateTodoDialog.tsx","../../widgets/src/widgets/ToDoWidget.tsx"],"sourcesContent":["import type { Todo } from \"@fluid-app/portal-core/widgets-api-types\";\n\nconst now = new Date();\n\nfunction daysFromNow(days: number): string {\n  const d = new Date(now);\n  d.setDate(d.getDate() + days);\n  return d.toISOString();\n}\n\nexport const PREVIEW_DATA: Todo[] = [\n  {\n    id: 1,\n    body: \"Send follow-up email to new leads\",\n    dueAt: daysFromNow(1),\n    completedAt: null,\n    createdAt: daysFromNow(-2),\n    contactId: 101,\n    contactName: \"Sarah Johnson\",\n  },\n  {\n    id: 2,\n    body: \"Prepare slides for team training\",\n    dueAt: daysFromNow(3),\n    completedAt: null,\n    createdAt: daysFromNow(-1),\n    contactId: null,\n    contactName: null,\n  },\n  {\n    id: 3,\n    body: \"Review monthly sales report\",\n    dueAt: daysFromNow(-1),\n    completedAt: null,\n    createdAt: daysFromNow(-5),\n    contactId: 102,\n    contactName: \"Mike Chen\",\n  },\n];\n","import { useQuery, type UseQueryResult } from \"@tanstack/react-query\";\nimport { useWidgetsApi } from \"@fluid-app/portal-core/widgets-api-context\";\nimport { useWidgetPreviewContext } from \"@fluid-app/portal-react/data-sources/preview-context\";\nimport { useDataSourceRegistryConfig } from \"@fluid-app/portal-react/data-sources/registry-context\";\nimport { PREVIEW_DATA } from \"./use-todos.preview\";\nimport type { Todo } from \"@fluid-app/portal-core/widgets-api-types\";\n\nexport type { Todo } from \"@fluid-app/portal-core/widgets-api-types\";\n\n/**\n * Shared cache key for the todos list. Both useTodos (read) and\n * useUpdateTodo (write) use this — drift would silently break optimistic\n * updates.\n */\nexport function todosQueryKey(args: {\n  baseUrl: string | undefined;\n  isPreview: boolean;\n}) {\n  return [\n    \"portal-widget-use\",\n    \"todos\",\n    args.isPreview ? \"preview\" : args.baseUrl,\n  ] as const;\n}\n\nexport function useTodos(): UseQueryResult<Todo[], Error> {\n  const widgetsApi = useWidgetsApi();\n  const { isPreview } = useWidgetPreviewContext();\n  const { baseUrl } = useDataSourceRegistryConfig();\n\n  return useQuery({\n    queryKey: todosQueryKey({ baseUrl, isPreview }),\n    queryFn: ({ signal }) => widgetsApi.fetchTodos(signal),\n    enabled: !isPreview,\n    ...(isPreview && { placeholderData: PREVIEW_DATA }),\n  });\n}\n","import { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { useWidgetsApi } from \"@fluid-app/portal-core/widgets-api-context\";\nimport { useWidgetPreviewContext } from \"@fluid-app/portal-react/data-sources/preview-context\";\nimport { useDataSourceRegistryConfig } from \"@fluid-app/portal-react/data-sources/registry-context\";\nimport type { Todo } from \"@fluid-app/portal-core/widgets-api-types\";\nimport { todosQueryKey } from \"./use-todos\";\n\ntype UpdateVariables = { id: number; completed: boolean };\n\nexport function useUpdateTodo() {\n  const widgetsApi = useWidgetsApi();\n  const queryClient = useQueryClient();\n  const { isPreview } = useWidgetPreviewContext();\n  const { baseUrl } = useDataSourceRegistryConfig();\n\n  const queryKey = todosQueryKey({ baseUrl, isPreview });\n\n  return useMutation({\n    mutationFn: ({ id, completed }: UpdateVariables) => {\n      // Defense in depth: ToDoWidget already disables the checkbox in\n      // preview mode, but if any other caller fires this mutation while\n      // previewing we'd PATCH demo data on the real backend. Fail closed.\n      if (isPreview) {\n        return Promise.reject(\n          new Error(\"Todo updates are disabled in preview mode\"),\n        );\n      }\n      return widgetsApi.updateTodo(id, completed);\n    },\n    onMutate: async ({ id, completed }) => {\n      await queryClient.cancelQueries({ queryKey });\n      const previous = queryClient.getQueryData<Todo[]>(queryKey);\n      queryClient.setQueryData<Todo[]>(queryKey, (current) =>\n        (current ?? []).map((todo) =>\n          todo.id === id\n            ? {\n                ...todo,\n                completedAt: completed ? new Date().toISOString() : null,\n              }\n            : todo,\n        ),\n      );\n      return { previous };\n    },\n    onSuccess: (updated, { completed }) => {\n      queryClient.setQueryData<Todo[]>(queryKey, (current) =>\n        (current ?? []).map((todo) =>\n          todo.id === updated.id ? updated : todo,\n        ),\n      );\n      // Match the documented test plan: completing toasts, un-completing\n      // is silent. The widget today only ever fires completed=true, but\n      // gating here keeps the contract honest for any future caller that\n      // toggles either direction.\n      if (completed) {\n        fluidToast({ title: \"Todo completed\", type: \"success\" });\n      }\n    },\n    onError: (_error, _variables, context) => {\n      if (context?.previous) {\n        queryClient.setQueryData(queryKey, context.previous);\n      }\n      fluidToast({ title: \"Failed to update todo\", type: \"error\" });\n    },\n    // Belt-and-suspenders refetch to reconcile any race we couldn't see\n    // (e.g., a different tab mutated the same todo). Cheap — one GET per\n    // toggle.\n    onSettled: () => {\n      queryClient.invalidateQueries({ queryKey });\n    },\n  });\n}\n","\"use client\";\n\nimport React, { useEffect, useMemo, useRef, useState } from \"react\";\nimport { Check, ChevronsUpDown, Search } from \"lucide-react\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport {\n  cn,\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  Input,\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n  PortalContainerProvider,\n} from \"@fluid-app/ui-primitives\";\nimport { useInfiniteContacts } from \"@fluid-app/contacts-core/hooks/use-infinite-contacts\";\nimport { useContactsTranslation } from \"@fluid-app/contacts-core/translation-api-context\";\nimport type { Contact } from \"@fluid-app/contacts-core/types\";\nimport { TaskComposerForm } from \"@fluid-app/contacts-ui/portal/components/tasks/task-composer-form\";\nimport { useWidgetPreviewContext } from \"@fluid-app/portal-react/data-sources/preview-context\";\nimport { useDataSourceRegistryConfig } from \"@fluid-app/portal-react/data-sources/registry-context\";\nimport { todosQueryKey } from \"../hooks/use-todos\";\n\nconst SEARCH_DEBOUNCE_MS = 200;\n\nexport interface CreateTodoDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}\n\nexport function CreateTodoDialog({\n  open,\n  onOpenChange,\n}: CreateTodoDialogProps): React.JSX.Element {\n  const queryClient = useQueryClient();\n  const { isPreview } = useWidgetPreviewContext();\n  const { baseUrl } = useDataSourceRegistryConfig();\n  const [selectedContact, setSelectedContact] = useState<Contact | null>(null);\n  // Anchor the popover's portal inside the dialog. Dialog applies\n  // pointer-events: none to the body while open, which kills clicks and\n  // scroll on a body-portaled popover in WebKit. See edit-bill-date-dialog\n  // for the canonical pattern.\n  const [popoverContainer, setPopoverContainer] =\n    useState<HTMLDivElement | null>(null);\n\n  // Reset state when the dialog closes so the next open starts fresh.\n  useEffect(() => {\n    if (!open) setSelectedContact(null);\n  }, [open]);\n\n  const handleDone = () => {\n    queryClient.invalidateQueries({\n      queryKey: todosQueryKey({ baseUrl, isPreview }),\n    });\n    onOpenChange(false);\n  };\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"sm:max-w-md\">\n        <DialogHeader>\n          <DialogTitle>Add a to-do</DialogTitle>\n        </DialogHeader>\n\n        <PortalContainerProvider container={popoverContainer}>\n          <div className=\"mt-2 flex flex-col gap-3\">\n            <ContactPicker\n              value={selectedContact}\n              onSelect={setSelectedContact}\n            />\n\n            {selectedContact && (\n              <TaskComposerForm\n                key={selectedContact.id}\n                contactId={String(selectedContact.id)}\n                onDone={handleDone}\n              />\n            )}\n          </div>\n        </PortalContainerProvider>\n        {/* Portal target for the popover. Must live INSIDE DialogContent so\n            it ends up in the dialog's body-level portal — otherwise it\n            renders inline next to the widget, and any transformed ancestor\n            (builder canvas zoom, etc.) would break `position: fixed`.\n            Intentionally NOT aria-hidden — the popover content portaled\n            into this container has its own listbox/option semantics that\n            screen readers need to reach. `pointer-events-none` keeps the\n            empty overlay from capturing clicks; the popover content sets\n            `pointer-events-auto` so it remains interactive. */}\n        <div\n          ref={setPopoverContainer}\n          className=\"pointer-events-none fixed inset-0 z-[9998]\"\n        />\n      </DialogContent>\n    </Dialog>\n  );\n}\n\ninterface ContactPickerProps {\n  value: Contact | null;\n  onSelect: (contact: Contact) => void;\n}\n\nfunction ContactPicker({\n  value,\n  onSelect,\n}: ContactPickerProps): React.JSX.Element {\n  const { t } = useContactsTranslation();\n  const [open, setOpen] = useState(false);\n  const [searchInput, setSearchInput] = useState(\"\");\n  const [debouncedSearch, setDebouncedSearch] = useState(\"\");\n  const sentinelRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handle = window.setTimeout(() => {\n      setDebouncedSearch(searchInput.trim());\n    }, SEARCH_DEBOUNCE_MS);\n    return () => window.clearTimeout(handle);\n  }, [searchInput]);\n\n  const queryParams = useMemo(\n    () => ({\n      ...(debouncedSearch ? { search_query: debouncedSearch } : {}),\n      sort_by: \"full_name\",\n      sort_direction: \"asc\",\n      per_page: 25,\n    }),\n    [debouncedSearch],\n  );\n\n  const {\n    data,\n    isLoading,\n    isError,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  } = useInfiniteContacts(queryParams);\n\n  const contacts: Contact[] = useMemo(\n    () => data?.pages.flatMap((page) => page.contacts ?? []) ?? [],\n    [data],\n  );\n\n  // Auto-load the next page when the sentinel scrolls into view, so reps\n  // with many contacts can reach all of them without typing a precise\n  // search query.\n  useEffect(() => {\n    const sentinel = sentinelRef.current;\n    if (!sentinel || !hasNextPage) return;\n\n    const observer = new IntersectionObserver((entries) => {\n      const entry = entries[0];\n      if (entry?.isIntersecting && !isFetchingNextPage) {\n        fetchNextPage();\n      }\n    });\n\n    observer.observe(sentinel);\n    return () => observer.disconnect();\n  }, [hasNextPage, isFetchingNextPage, fetchNextPage]);\n\n  return (\n    <div className=\"flex flex-col gap-1\">\n      <label className=\"text-muted-foreground text-xs font-medium\">\n        {t(\"contact_label\")}\n      </label>\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild>\n          <button\n            type=\"button\"\n            aria-haspopup=\"listbox\"\n            aria-expanded={open}\n            className=\"border-input bg-background hover:bg-muted/40 flex w-full items-center justify-between gap-2 rounded-md border px-3 py-2 text-left text-sm transition-colors\"\n          >\n            <span\n              className={cn(\n                \"truncate\",\n                !value && \"text-muted-foreground font-normal\",\n              )}\n            >\n              {value ? value.full_name : t(\"empty_select_contact\")}\n            </span>\n            <ChevronsUpDown\n              className=\"text-muted-foreground size-4 shrink-0\"\n              aria-hidden=\"true\"\n            />\n          </button>\n        </PopoverTrigger>\n        <PopoverContent\n          align=\"start\"\n          className=\"bg-popover text-popover-foreground pointer-events-auto z-[9999] w-(--radix-popover-trigger-width) overflow-hidden rounded-md border p-0 shadow-md\"\n        >\n          <div className=\"border-border flex items-center gap-2 border-b px-3 py-2\">\n            <Search\n              className=\"text-muted-foreground size-4 shrink-0\"\n              aria-hidden=\"true\"\n            />\n            <Input\n              value={searchInput}\n              onChange={(e) => setSearchInput(e.target.value)}\n              placeholder={t(\"search_placeholder\")}\n              aria-label={t(\"search_placeholder\")}\n              className=\"h-7 border-0 px-0 shadow-none focus-visible:ring-0\"\n            />\n          </div>\n          <div className=\"max-h-64 overflow-y-auto py-1\" role=\"listbox\">\n            {isLoading ? (\n              <div className=\"text-muted-foreground px-3 py-6 text-center text-xs\">\n                {t(\"loading\")}\n              </div>\n            ) : isError ? (\n              <div className=\"text-destructive px-3 py-6 text-center text-xs\">\n                {t(\"error_loading_list\")}\n              </div>\n            ) : contacts.length === 0 ? (\n              <div className=\"text-muted-foreground px-3 py-6 text-center text-xs\">\n                {debouncedSearch\n                  ? t(\"no_contacts_search\", { term: debouncedSearch })\n                  : t(\"no_contacts_yet\")}\n              </div>\n            ) : (\n              <>\n                {contacts.map((contact) => {\n                  const isSelected = value?.id === contact.id;\n                  return (\n                    <button\n                      key={contact.id}\n                      type=\"button\"\n                      role=\"option\"\n                      aria-selected={isSelected}\n                      onClick={() => {\n                        onSelect(contact);\n                        setOpen(false);\n                      }}\n                      className=\"hover:bg-muted/50 flex w-full items-center justify-between gap-2 px-3 py-1.5 text-left text-sm transition-colors\"\n                    >\n                      <span className=\"truncate\">{contact.full_name}</span>\n                      {isSelected && (\n                        <Check\n                          className=\"text-primary size-4 shrink-0\"\n                          aria-hidden=\"true\"\n                        />\n                      )}\n                    </button>\n                  );\n                })}\n                {hasNextPage && (\n                  <div ref={sentinelRef} aria-hidden=\"true\" className=\"h-4\" />\n                )}\n                {isFetchingNextPage && (\n                  <div className=\"text-muted-foreground px-3 py-2 text-center text-xs\">\n                    {t(\"loading_more\")}\n                  </div>\n                )}\n              </>\n            )}\n          </div>\n        </PopoverContent>\n      </Popover>\n    </div>\n  );\n}\n","import { useState, type ComponentProps } from \"react\";\nimport type React from \"react\";\nimport type {\n  BackgroundValue,\n  BorderRadiusOptions,\n  BorderWidthOptions,\n  ColorOptions,\n  FontSizeOptions,\n  PaddingOptions,\n} from \"@fluid-app/portal-core/types\";\nimport type { WidgetPropertySchema } from \"@fluid-app/portal-core/registries\";\nimport {\n  getBorderRadiusField,\n  getBorderWidthField,\n  getBorderColorField,\n  borderWidthClasses,\n  borderColorClasses,\n  getColorField,\n  getFontSizeField,\n  getPaddingField,\n} from \"../core/fields\";\nimport { ListChecks, Plus } from \"lucide-react\";\nimport { useWidgetPreviewContext } from \"@fluid-app/portal-react/data-sources/preview-context\";\nimport { parseTaskBody } from \"@fluid-app/contacts-core/parse-task-body\";\nimport { useTodos } from \"../hooks/use-todos\";\nimport { useUpdateTodo } from \"../hooks/use-update-todo\";\nimport { ErrorState } from \"../components/error-state\";\nimport { CreateTodoDialog } from \"./CreateTodoDialog\";\n\ntype ToDoWidgetProps = ComponentProps<\"div\"> & {\n  // Title\n  titleEnabled?: boolean;\n  titleText?: string;\n  titleFontSize?: FontSizeOptions;\n  titleColor?: ColorOptions;\n\n  // Styling\n  background?: BackgroundValue;\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n  borderWidth?: BorderWidthOptions;\n  borderColor?: ColorOptions;\n\n  // Content\n  maxItems?: number;\n};\n\nexport function ToDoWidget({\n  // Title defaults\n  titleEnabled = true,\n  titleText = \"To-Do\",\n  titleFontSize = \"lg\",\n  titleColor = \"foreground\",\n\n  // Styling defaults\n  background = {\n    type: \"solid\",\n    color: \"background\",\n  },\n  textColor = \"foreground\",\n  accentColor = \"primary\",\n  padding = 4,\n  borderRadius = \"md\",\n  borderWidth = \"none\",\n  borderColor = \"muted\",\n\n  // Content defaults\n  maxItems = 5,\n\n  className,\n  ...props\n}: ToDoWidgetProps): React.JSX.Element {\n  const backgroundColor = background.color || \"background\";\n  const backgroundImage =\n    (background.resource?.image_url || background.resource?.imageUrl) &&\n    background.type === \"image\"\n      ? `url(${background.resource.image_url || background.resource.imageUrl})`\n      : \"none\";\n  const { data: todos = [], isLoading, isError } = useTodos();\n  const updateTodo = useUpdateTodo();\n  const { isPreview } = useWidgetPreviewContext();\n  const [pendingIds, setPendingIds] = useState<Set<number>>(new Set());\n  const [isCreateDialogOpen, setIsCreateDialogOpen] = useState(false);\n\n  const toggleTodo = (id: number, completed: boolean) => {\n    if (isPreview || pendingIds.has(id)) return;\n    setPendingIds((prev) => new Set(prev).add(id));\n    updateTodo.mutate(\n      { id, completed },\n      {\n        onSettled: () =>\n          setPendingIds((prev) => {\n            const next = new Set(prev);\n            next.delete(id);\n            return next;\n          }),\n      },\n    );\n  };\n\n  const activeTodos = todos.filter((todo) => !todo.completedAt);\n  const todosToShow = activeTodos.slice(0, maxItems);\n  const remainingCount = activeTodos.length - todosToShow.length;\n  const isEmpty = activeTodos.length === 0;\n\n  // Group todos by contactId so same-named contacts stay separate.\n  const groupedTodos = todosToShow.reduce<\n    {\n      contactId: number | null;\n      contactName: string | null;\n      todos: typeof todosToShow;\n    }[]\n  >((groups, todo) => {\n    const existing = groups.find((g) => g.contactId === todo.contactId);\n    if (existing) {\n      existing.todos.push(todo);\n    } else {\n      groups.push({\n        contactId: todo.contactId,\n        contactName: todo.contactName,\n        todos: [todo],\n      });\n    }\n    return groups;\n  }, []);\n\n  return (\n    <div\n      className={`overflow-hidden rounded-${borderRadius} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"} bg-${backgroundColor} text-${textColor} p-${padding} ${className ?? \"\"}`}\n      style={{ backgroundImage }}\n      {...props}\n    >\n      {/* Header */}\n      <div className=\"mb-3 flex items-center justify-between\">\n        <div className=\"flex items-center gap-3\">\n          {titleEnabled && titleText && (\n            <h2\n              className={`text-${titleFontSize} font-header font-bold text-${titleColor}`}\n            >\n              {titleText}\n            </h2>\n          )}\n        </div>\n        <div className=\"flex items-center gap-2\">\n          {!isEmpty && !isLoading && (\n            <span className={`text-2xl font-bold text-${accentColor}`}>\n              {activeTodos.length}\n            </span>\n          )}\n          <div\n            className={`flex h-10 w-10 shrink-0 items-center justify-center`}\n          >\n            <ListChecks className={`h-5 w-5 text-${accentColor}-foreground`} />\n          </div>\n        </div>\n      </div>\n\n      {/* Loading state */}\n      {isLoading ? (\n        <div className=\"flex min-h-[120px] items-center justify-center\">\n          <div className=\"h-6 w-6 animate-spin rounded-full border-2 border-current border-t-transparent\" />\n        </div>\n      ) : isError ? (\n        /* Error state */\n        <ErrorState />\n      ) : isEmpty ? (\n        /* Empty state */\n        <div className=\"flex flex-col items-center justify-center gap-3 py-8\">\n          <p className={`text-center text-${textColor}/60`}>\n            You&apos;ve got nothing else To-Do!\n          </p>\n          {!isPreview && (\n            <button\n              type=\"button\"\n              onClick={() => setIsCreateDialogOpen(true)}\n              className={`inline-flex items-center gap-1.5 rounded-full bg-${accentColor} text-${accentColor}-foreground hover:bg-${accentColor}/90 px-4 py-1.5 text-xs font-semibold transition-colors`}\n            >\n              <Plus className=\"h-3.5 w-3.5\" aria-hidden=\"true\" />\n              Add to-do\n            </button>\n          )}\n        </div>\n      ) : (\n        /* Todo List */\n        <>\n          <div className=\"flex flex-col gap-3\">\n            {groupedTodos.map((group) => (\n              <div\n                key={group.contactId ?? \"__unassigned__\"}\n                className=\"flex flex-col\"\n              >\n                {group.contactName && (\n                  <div\n                    className={`mb-1 text-xs font-semibold tracking-wide uppercase text-${textColor}/60`}\n                  >\n                    {group.contactName}\n                  </div>\n                )}\n                {group.todos.map((todo, index) => (\n                  <div\n                    key={todo.id}\n                    className={`flex items-center gap-3 py-2 ${\n                      index !== group.todos.length - 1\n                        ? `border-b border-${textColor}/10`\n                        : \"\"\n                    }`}\n                  >\n                    <input\n                      type=\"checkbox\"\n                      className={`h-5 w-5 rounded-full border-2 border-${textColor}/30 bg-transparent not-disabled:cursor-pointer disabled:cursor-not-allowed disabled:opacity-60`}\n                      checked={!!todo.completedAt}\n                      disabled={isPreview || pendingIds.has(todo.id)}\n                      onChange={(event) =>\n                        toggleTodo(todo.id, event.target.checked)\n                      }\n                    />\n                    <span className=\"line-clamp-1 flex-1 text-sm\">\n                      {parseTaskBody(todo.body).title}\n                    </span>\n                  </div>\n                ))}\n              </div>\n            ))}\n          </div>\n\n          {/* Footer */}\n          <div className=\"mt-2 flex items-center justify-between\">\n            {remainingCount > 0 && (\n              <span className={`text-sm text-${textColor}/50 underline`}>\n                {remainingCount} more task{remainingCount > 1 ? \"s\" : \"\"}\n              </span>\n            )}\n            <div className=\"ml-auto\">\n              <button\n                type=\"button\"\n                onClick={() => setIsCreateDialogOpen(true)}\n                disabled={isPreview}\n                aria-label=\"Add to-do\"\n                className={`flex h-8 w-8 items-center justify-center rounded-full transition-colors not-disabled:cursor-pointer hover:bg-${textColor}/10 disabled:opacity-60`}\n              >\n                <Plus className={`h-5 w-5 text-${textColor}/50`} />\n              </button>\n            </div>\n          </div>\n        </>\n      )}\n\n      {!isPreview && (\n        <CreateTodoDialog\n          open={isCreateDialogOpen}\n          onOpenChange={setIsCreateDialogOpen}\n        />\n      )}\n    </div>\n  );\n}\n\nexport const toDoWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"ToDoWidget\",\n  displayName: \"To-Do Widget\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [\n    // Styling Tab - Title Group\n    {\n      key: \"titleEnabled\",\n      label: \"Widget Title\",\n      type: \"boolean\",\n      description: \"Enable the title displayed above the todo list\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Title\",\n    },\n    {\n      key: \"titleText\",\n      label: \"Title\",\n      type: \"text\",\n      description: \"Title text displayed above the todo list\",\n      defaultValue: \"To-Do\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    },\n    getFontSizeField({\n      key: \"titleFontSize\",\n      label: \"Title Font Size\",\n      description: \"Font size for the widget title\",\n      defaultValue: \"xl\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n    getColorField({\n      key: \"titleColor\",\n      label: \"Title Color\",\n      description: \"Color for the widget title\",\n      defaultValue: \"foreground\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n\n    // Styling Tab - Design Group\n    {\n      type: \"background\",\n      key: \"background\",\n      label: \"Background\",\n      description: \"Background for the widget container\",\n      defaultValue: \"background\",\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    getColorField({\n      key: \"textColor\",\n      label: \"Text Color\",\n      description: \"Default text color for todo items\",\n      defaultValue: \"foreground\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getColorField({\n      key: \"accentColor\",\n      label: \"Accent Color\",\n      description: \"Color used for count badge and icon\",\n      defaultValue: \"primary\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    {\n      key: \"separator\",\n      type: \"separator\",\n      label: \"Separator\",\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    {\n      key: \"maxItems\",\n      label: \"Max Items\",\n      type: \"number\",\n      description: \"Maximum number of todo items to display\",\n      min: 1,\n      max: 20,\n      step: 1,\n      defaultValue: 5,\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    getPaddingField({\n      key: \"padding\",\n      label: \"Padding\",\n      description: \"Padding around the widget container\",\n      defaultValue: 4,\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Border radius for the widget container\",\n      defaultValue: \"md\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderWidthField({\n      key: \"borderWidth\",\n      label: \"Border Width\",\n      description: \"Border width for the widget\",\n      defaultValue: \"none\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderColorField({\n      key: \"borderColor\",\n      label: \"Border Color\",\n      description: \"Border color for the widget\",\n      defaultValue: \"muted\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n  ],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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"}