analytica-frontend-lib 1.7.20 → 1.7.21

package/dist/types/supportUserPanel.d.ts

@@ -106,6 +106,8 @@ export interface SupportTicketSummary {
     priority?: SupportTicketPriority | null;
     /** Shown when the card is expanded */
     channel?: SupportChannel | null;
+    /** App the ticket was opened from, already as a label (e.g. "Professor") */
+    origin?: string | null;
 }
 /** Aggregated numbers shown above the history list */
 export interface SupportHistorySummary {
@@ -129,6 +131,11 @@ export interface SupportReasonOption {
 export interface SupportTicketDetails {
     id: SupportTicketId;
     channel: SupportChannel;
+    /**
+     * App the ticket was opened from, already as a label (e.g. "Professor").
+     * Shown next to the channel ("Web · Professor").
+     */
+    origin?: string | null;
     /** ISO date */
     openedAt: string;
     /** ISO date of the first human reply; absent while waiting for a human */

package/dist/types/supportUserPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"supportUserPanel.d.ts","sourceRoot":"","sources":["../../src/types/supportUserPanel.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"supportUserPanel.d.ts","sourceRoot":"","sources":["../../src/types/supportUserPanel.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "analytica-frontend-lib",
-  "version": "1.7.20",
+  "version": "1.7.21",
   "description": "Repositório público dos componentes utilizados nas plataformas da Analytica Ensino",
   "main": "dist/index.js",
   "module": "./dist/index.mjs",

package/dist/chunk-56PRQ24B.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Support/Support.tsx","../src/components/Support/schema/index.ts","../src/components/Support/components/SidebarMenuItem.tsx","../src/components/Support/components/TicketListItem.tsx","../src/components/Support/utils/formatTicketTime.ts","../src/components/Support/components/TicketList.tsx","../src/components/Support/hooks/useInfiniteScrollSentinel.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport {\n  KeyIcon,\n  InfoIcon,\n  BugIcon,\n  CaretRightIcon,\n} from '@phosphor-icons/react';\nimport dayjs from 'dayjs';\nimport Text from '../Text/Text';\nimport SelectionButton from '../SelectionButton/SelectionButton';\nimport Input from '../Input/Input';\nimport TextArea from '../TextArea/TextArea';\nimport Button from '../Button/Button';\nimport Select, {\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '../Select/Select';\nimport Badge from '../Badge/Badge';\nimport { SkeletonText, SkeletonRounded } from '../Skeleton/Skeleton';\nimport Toast from '../Toast/Toast';\nimport Menu, { MenuContent, MenuItem } from '../Menu/Menu';\nimport { supportSchema, SupportFormData } from './schema';\nimport { TicketModal } from './components/TicketModal';\nimport {\n  SupportTicket,\n  SupportStatus,\n  SupportCategory,\n  TabType,\n  ProblemType,\n  getStatusBadgeAction,\n  getStatusText,\n  getCategoryText,\n  CreateSupportTicketRequest,\n  CreateSupportTicketResponse,\n  SupportTicketAPI,\n  GetSupportTicketsResponse,\n  mapApiStatusToInternal,\n  mapInternalStatusToApi,\n  SupportApiClient,\n} from '../../types/support';\nimport { getCategoryIcon } from './utils/supportUtils';\nimport SupportImage from '../../assets/img/suporthistory.png';\n\n// Individual ticket component to reduce nesting\nconst TicketCard = ({\n  ticket,\n  onTicketClick,\n}: {\n  ticket: SupportTicket;\n  onTicketClick: (ticket: SupportTicket) => void;\n}) => (\n  <button\n    key={ticket.id}\n    type=\"button\"\n    className=\"flex items-center justify-between p-4 bg-background rounded-xl cursor-pointer w-full text-left hover:bg-background-50 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2\"\n    onClick={() => onTicketClick(ticket)}\n  >\n    <div className=\"flex flex-col\">\n      <Text size=\"xs\" weight=\"bold\" className=\"text-text-900\">\n        {ticket.title}\n      </Text>\n    </div>\n\n    <div className=\"flex items-center gap-3\">\n      <Badge\n        variant=\"solid\"\n        className=\"flex items-center gap-1\"\n        action={getStatusBadgeAction(ticket.status)}\n      >\n        {getStatusText(ticket.status)}\n      </Badge>\n      <Badge variant=\"solid\" className=\"flex items-center gap-1\" action=\"muted\">\n        {getCategoryIcon(ticket.category, 18)}\n        {getCategoryText(ticket.category)}\n      </Badge>\n      <CaretRightIcon size={24} className=\"text-text-800\" />\n    </div>\n  </button>\n);\n\n// Ticket group component to reduce nesting\nconst TicketGroup = ({\n  date,\n  tickets,\n  onTicketClick,\n}: {\n  date: string;\n  tickets: SupportTicket[];\n  onTicketClick: (ticket: SupportTicket) => void;\n}) => (\n  <div key={date} className=\"space-y-4\">\n    <Text size=\"md\" weight=\"bold\" className=\"text-text-900\">\n      {dayjs(date).format('DD MMM YYYY')}\n    </Text>\n    <div className=\"space-y-3\">\n      {tickets.map((ticket) => (\n        <TicketCard\n          key={ticket.id}\n          ticket={ticket}\n          onTicketClick={onTicketClick}\n        />\n      ))}\n    </div>\n  </div>\n);\n\n// Empty state component\nconst EmptyState = ({ imageSrc }: { imageSrc?: string }) => (\n  <div className=\"flex flex-row justify-center items-center mt-48\">\n    {imageSrc && <img src={imageSrc} alt=\"Imagem de suporte\" />}\n    <Text size=\"3xl\" weight=\"semibold\">\n      Nenhum pedido encontrado.\n    </Text>\n  </div>\n);\n\n// Skeleton component for ticket loading\nconst TicketSkeleton = () => (\n  <div className=\"space-y-6\">\n    {[0, 1].map((groupIndex) => (\n      <div key={groupIndex} className=\"space-y-4\">\n        {/* Date skeleton */}\n        <SkeletonText width=\"150px\" height={20} />\n\n        {/* Tickets skeleton */}\n        <div className=\"space-y-3\">\n          {[0, 1].map((ticketIndex) => (\n            <SkeletonRounded\n              key={ticketIndex}\n              width=\"100%\"\n              height={72}\n              className=\"p-4\"\n            />\n          ))}\n        </div>\n      </div>\n    ))}\n  </div>\n);\n\nexport interface SupportProps {\n  /** API client instance for making requests */\n  apiClient: SupportApiClient;\n  /** Current user ID */\n  userId?: string;\n  /** Custom empty state image source (optional, uses default if not provided) */\n  emptyStateImage?: string;\n  /** Title displayed in the header */\n  title?: string;\n  /** Callback when a ticket is successfully created */\n  onTicketCreated?: () => void;\n  /** Callback when a ticket is successfully closed */\n  onTicketClosed?: () => void;\n}\n\nconst Support = ({\n  apiClient,\n  userId,\n  emptyStateImage,\n  title = 'Suporte',\n  onTicketCreated,\n  onTicketClosed,\n}: SupportProps) => {\n  const [activeTab, setActiveTab] = useState<TabType>('criar-pedido');\n  const [selectedProblem, setSelectedProblem] = useState<ProblemType>(null);\n\n  // Filtros do histórico\n  const [statusFilter, setStatusFilter] = useState<string>('todos');\n  const [categoryFilter, setCategoryFilter] = useState<string>('todos');\n\n  // Estado do modal\n  const [selectedTicket, setSelectedTicket] = useState<SupportTicket | null>(\n    null\n  );\n  const [isModalOpen, setIsModalOpen] = useState(false);\n\n  // Estados para feedback\n  const [submitError, setSubmitError] = useState<string | null>(null);\n  const [showSuccessToast, setShowSuccessToast] = useState(false);\n  const [showCloseSuccessToast, setShowCloseSuccessToast] = useState(false);\n  const [showCloseErrorToast, setShowCloseErrorToast] = useState(false);\n\n  // Estados para histórico\n  const [allTickets, setAllTickets] = useState<SupportTicketAPI[]>([]);\n  const [loadingTickets, setLoadingTickets] = useState(false);\n  const [currentPage, setCurrentPage] = useState(1);\n  const ITEMS_PER_PAGE = 10;\n\n  // Pagination handlers\n  const handlePrevPage = () => {\n    if (currentPage > 1) {\n      setCurrentPage(currentPage - 1);\n    }\n  };\n\n  const handleNextPage = () => {\n    const totalPages = Math.ceil(filteredTickets.length / ITEMS_PER_PAGE);\n    if (currentPage < totalPages) {\n      setCurrentPage(currentPage + 1);\n    }\n  };\n\n  // useEffect para buscar tickets quando mudar aba ou filtros\n  useEffect(() => {\n    if (activeTab === 'historico') {\n      fetchTickets(statusFilter);\n      setCurrentPage(1); // Reset to first page when filters change\n    }\n  }, [activeTab, statusFilter]);\n\n  // Reset page when category filter changes\n  useEffect(() => {\n    setCurrentPage(1);\n  }, [categoryFilter]);\n\n  // Funções auxiliares\n\n  // Converter dados da API para formato do componente\n  const convertApiTicketToComponent = (\n    apiTicket: SupportTicketAPI\n  ): SupportTicket => {\n    return {\n      id: apiTicket.id,\n      title: apiTicket.subject,\n      status: mapApiStatusToInternal(apiTicket.status),\n      createdAt: apiTicket.createdAt,\n      category: apiTicket.type as SupportCategory,\n      description: apiTicket.description,\n    };\n  };\n\n  // Filtrar tickets por categoria e ordenar do mais novo para o mais antigo\n  const filteredTickets = allTickets\n    .map(convertApiTicketToComponent)\n    .filter((ticket) => {\n      const categoryMatch =\n        categoryFilter === 'todos' || ticket.category === categoryFilter;\n      return categoryMatch;\n    })\n    .sort(\n      (a, b) =>\n        new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()\n    );\n\n  // Calcular paginação no frontend\n  const totalPages = Math.ceil(filteredTickets.length / ITEMS_PER_PAGE);\n  const startIndex = (currentPage - 1) * ITEMS_PER_PAGE;\n  const endIndex = startIndex + ITEMS_PER_PAGE;\n  const paginatedTickets = filteredTickets.slice(startIndex, endIndex);\n\n  const groupedTickets = paginatedTickets.reduce(\n    (groups, ticket) => {\n      const date = dayjs(ticket.createdAt).format('YYYY-MM-DD');\n      if (!groups[date]) {\n        groups[date] = [];\n      }\n      groups[date].push(ticket);\n      return groups;\n    },\n    {} as Record<string, SupportTicket[]>\n  );\n\n  // React Hook Form setup\n  const {\n    register,\n    handleSubmit,\n    setValue,\n    reset,\n    formState: { errors, isSubmitting },\n  } = useForm<SupportFormData>({\n    resolver: zodResolver(supportSchema),\n    defaultValues: {\n      problemType: undefined,\n      title: '',\n      description: '',\n    },\n  });\n\n  // Fetch tickets from API - buscar todos de uma vez com limit=100\n  const fetchTickets = async (status?: string) => {\n    setLoadingTickets(true);\n    try {\n      const params = new URLSearchParams({\n        page: '1',\n        limit: '100', // Buscar o máximo permitido pela API\n      });\n\n      if (status && status !== 'todos') {\n        // Convert internal status to API status\n        const apiStatus = mapInternalStatusToApi(status as SupportStatus);\n        params.append('status', apiStatus);\n      }\n\n      const response = await apiClient.get<GetSupportTicketsResponse>(\n        `/support?${params.toString()}`\n      );\n\n      setAllTickets(response.data.data.support);\n    } catch (error) {\n      console.error('Erro ao buscar tickets:', error);\n      setAllTickets([]);\n    } finally {\n      setLoadingTickets(false);\n    }\n  };\n\n  // Handle problem type selection\n  const handleProblemSelection = (type: ProblemType) => {\n    setSelectedProblem(type);\n    if (type) {\n      setValue('problemType', type, { shouldValidate: true });\n    }\n  };\n\n  // Handle form submission\n  const onSubmit = async (data: SupportFormData) => {\n    setSubmitError(null);\n\n    try {\n      const requestData: CreateSupportTicketRequest = {\n        subject: data.title,\n        description: data.description,\n        type: data.problemType,\n      };\n\n      await apiClient.post<CreateSupportTicketResponse>(\n        '/support',\n        requestData\n      );\n\n      // Show success toast\n      setShowSuccessToast(true);\n      setTimeout(() => setShowSuccessToast(false), 4000);\n\n      // Reset form after successful submission\n      setSelectedProblem(null);\n      reset();\n\n      // Switch to history tab and refresh tickets list\n      setActiveTab('historico');\n      fetchTickets(statusFilter);\n\n      // Call callback if provided\n      onTicketCreated?.();\n    } catch (error) {\n      console.error('Erro ao criar ticket de suporte:', error);\n      setSubmitError('Erro ao criar ticket. Tente novamente.');\n    }\n  };\n\n  // Handle ticket click\n  const handleTicketClick = (ticket: SupportTicket) => {\n    setSelectedTicket(ticket);\n    setIsModalOpen(true);\n  };\n\n  // Handle modal close\n  const handleModalClose = () => {\n    setIsModalOpen(false);\n    setSelectedTicket(null);\n  };\n\n  // Handle ticket close\n  const handleTicketClose = async (ticketId: string) => {\n    try {\n      await apiClient.patch(`/support/${ticketId}`, {\n        status: mapInternalStatusToApi(SupportStatus.ENCERRADO),\n      });\n\n      // Show success toast\n      setShowCloseSuccessToast(true);\n      setTimeout(() => setShowCloseSuccessToast(false), 4000);\n\n      // Refresh tickets list\n      if (activeTab === 'historico') {\n        fetchTickets(statusFilter);\n      }\n\n      // Call callback if provided\n      onTicketClosed?.();\n    } catch (error) {\n      console.error('Erro ao encerrar ticket:', error);\n      // Show error toast\n      setShowCloseErrorToast(true);\n      setTimeout(() => setShowCloseErrorToast(false), 4000);\n    }\n  };\n\n  const problemTypes = [\n    {\n      id: SupportCategory.TECNICO,\n      title: 'Técnico',\n      icon: <BugIcon size={24} />,\n    },\n    {\n      id: SupportCategory.ACESSO,\n      title: 'Acesso',\n      icon: <KeyIcon size={24} />,\n    },\n    {\n      id: SupportCategory.OUTROS,\n      title: 'Outros',\n      icon: <InfoIcon size={24} />,\n    },\n  ];\n\n  // Determine which image to use for empty state\n  const emptyImage = emptyStateImage || SupportImage;\n\n  return (\n    <div className=\"flex flex-col w-full h-full overflow-y-auto\">\n      <div className=\"flex flex-col w-full h-full\">\n        {/* Header */}\n        <div className=\"space-y-4\">\n          <div className=\"flex w-full mb-4 flex-row items-center justify-between not-lg:gap-4 lg:gap-6\">\n            <h1 className=\"font-bold leading-[28px] tracking-[0.2px] text-text-950 text-xl mt-4 sm:text-2xl sm:flex-1 sm:self-end sm:mt-0\">\n              {title}\n            </h1>\n            <div className=\"sm:flex-shrink-0 sm:self-end\">\n              <Menu\n                value={activeTab}\n                defaultValue=\"criar-pedido\"\n                variant=\"menu2\"\n                onValueChange={(value) => setActiveTab(value as TabType)}\n                className=\"bg-transparent shadow-none px-0\"\n              >\n                <MenuContent variant=\"menu2\">\n                  <MenuItem\n                    variant=\"menu2\"\n                    value=\"criar-pedido\"\n                    className=\"whitespace-nowrap px-17 not-sm:px-5\"\n                  >\n                    Criar Pedido\n                  </MenuItem>\n                  <MenuItem\n                    variant=\"menu2\"\n                    value=\"historico\"\n                    className=\"whitespace-nowrap px-17 not-sm:px-5\"\n                  >\n                    Histórico\n                  </MenuItem>\n                </MenuContent>\n              </Menu>\n            </div>\n          </div>\n\n          {/* Content for Criar Pedido tab */}\n          {activeTab === 'criar-pedido' && (\n            <div className=\"space-y-2\">\n              <Text as=\"h2\" size=\"md\" weight=\"bold\" className=\"text-text-900\">\n                Selecione o tipo de problema\n              </Text>\n\n              <div className=\"flex flex-col sm:flex-row gap-2 sm:gap-4\">\n                {problemTypes.map((type) => (\n                  <SelectionButton\n                    key={type.id}\n                    icon={type.icon}\n                    label={type.title}\n                    selected={selectedProblem === type.id}\n                    onClick={() => handleProblemSelection(type.id)}\n                    className=\"w-full p-4\"\n                  />\n                ))}\n              </div>\n              {errors.problemType && (\n                <Text size=\"sm\" className=\"text-red-500 mt-1\">\n                  {errors.problemType.message}\n                </Text>\n              )}\n            </div>\n          )}\n\n          {selectedProblem && activeTab === 'criar-pedido' && (\n            <form onSubmit={handleSubmit(onSubmit)} className=\"space-y-4\">\n              <div className=\"space-y-1\">\n                <Input\n                  size=\"large\"\n                  variant=\"rounded\"\n                  label=\"Título\"\n                  placeholder=\"Digite o título\"\n                  {...register('title')}\n                  errorMessage={errors.title?.message}\n                />\n              </div>\n              <div className=\"space-y-1\">\n                <TextArea\n                  size=\"large\"\n                  label=\"Descrição\"\n                  placeholder=\"Descreva o problema aqui\"\n                  {...register('description')}\n                  errorMessage={errors.description?.message}\n                />\n              </div>\n              <Button\n                size=\"large\"\n                className=\"float-end mt-10\"\n                type=\"submit\"\n                disabled={isSubmitting}\n              >\n                {isSubmitting ? 'Enviando...' : 'Enviar Pedido'}\n              </Button>\n\n              {/* Error message */}\n              {submitError && (\n                <div className=\"mt-4 p-4 bg-red-100 border border-red-400 text-red-700 rounded\">\n                  <Text size=\"sm\" className=\"text-red-700\">\n                    {submitError}\n                  </Text>\n                </div>\n              )}\n            </form>\n          )}\n\n          {/* Content for Historico tab */}\n          {activeTab === 'historico' && (\n            <div className=\"space-y-6\">\n              {/* Filtros */}\n              <div className=\"flex gap-4\">\n                <div className=\"flex flex-col flex-1/2 space-y-1\">\n                  <Select\n                    label=\"Status\"\n                    size=\"large\"\n                    value={statusFilter}\n                    onValueChange={setStatusFilter}\n                  >\n                    <SelectTrigger variant=\"rounded\" className=\"\">\n                      <SelectValue placeholder=\"Todos\" />\n                    </SelectTrigger>\n                    <SelectContent>\n                      <SelectItem value=\"todos\">Todos</SelectItem>\n                      <SelectItem value={SupportStatus.ABERTO}>\n                        Aberto\n                      </SelectItem>\n                      <SelectItem value={SupportStatus.RESPONDIDO}>\n                        Respondido\n                      </SelectItem>\n                      <SelectItem value={SupportStatus.ENCERRADO}>\n                        Encerrado\n                      </SelectItem>\n                    </SelectContent>\n                  </Select>\n                </div>\n\n                <div className=\"flex flex-col flex-1/2 space-y-1\">\n                  <Select\n                    label=\"Tipo\"\n                    size=\"large\"\n                    value={categoryFilter}\n                    onValueChange={setCategoryFilter}\n                  >\n                    <SelectTrigger variant=\"rounded\" className=\"\">\n                      <SelectValue placeholder=\"Todos\" />\n                    </SelectTrigger>\n                    <SelectContent>\n                      <SelectItem value=\"todos\">Todos</SelectItem>\n                      <SelectItem value={SupportCategory.TECNICO}>\n                        <BugIcon size={16} /> Técnico\n                      </SelectItem>\n                      <SelectItem value={SupportCategory.ACESSO}>\n                        <KeyIcon size={16} /> Acesso\n                      </SelectItem>\n                      <SelectItem value={SupportCategory.OUTROS}>\n                        <InfoIcon size={16} /> Outros\n                      </SelectItem>\n                    </SelectContent>\n                  </Select>\n                </div>\n              </div>\n\n              {/* Lista de tickets */}\n              {(() => {\n                if (loadingTickets) {\n                  return <TicketSkeleton />;\n                }\n\n                if (Object.keys(groupedTickets).length === 0) {\n                  return <EmptyState imageSrc={emptyImage} />;\n                }\n\n                return (\n                  <div className=\"space-y-6\">\n                    {Object.entries(groupedTickets)\n                      .sort(\n                        ([a], [b]) =>\n                          new Date(b).getTime() - new Date(a).getTime()\n                      )\n                      .map(([date, tickets]) => (\n                        <TicketGroup\n                          key={date}\n                          date={date}\n                          tickets={tickets}\n                          onTicketClick={handleTicketClick}\n                        />\n                      ))}\n                  </div>\n                );\n              })()}\n\n              {/* Paginação */}\n              {!loadingTickets && totalPages > 1 && (\n                <div className=\"flex justify-center items-center gap-4 mt-6\">\n                  <Button\n                    variant=\"outline\"\n                    size=\"small\"\n                    onClick={handlePrevPage}\n                    disabled={currentPage === 1}\n                  >\n                    Anterior\n                  </Button>\n                  <Text size=\"sm\" className=\"text-text-600\">\n                    Página {currentPage} de {totalPages}\n                  </Text>\n                  <Button\n                    variant=\"outline\"\n                    size=\"small\"\n                    onClick={handleNextPage}\n                    disabled={currentPage === totalPages}\n                  >\n                    Próxima\n                  </Button>\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n      </div>\n\n      {/* Modal do ticket */}\n      {selectedTicket && (\n        <TicketModal\n          ticket={selectedTicket}\n          isOpen={isModalOpen}\n          onClose={handleModalClose}\n          onTicketClose={handleTicketClose}\n          apiClient={apiClient}\n          userId={userId}\n        />\n      )}\n\n      {/* Success Toast */}\n      {showSuccessToast && (\n        <div className=\"fixed top-4 left-1/2 transform -translate-x-1/2 z-50\">\n          <Toast\n            title=\"Pedido enviado!\"\n            description=\"Agora você pode acompanhar o andamento do seu pedido.\"\n            variant=\"solid\"\n            onClose={() => setShowSuccessToast(false)}\n          />\n        </div>\n      )}\n\n      {/* Close Success Toast */}\n      {showCloseSuccessToast && (\n        <div className=\"fixed top-4 left-1/2 transform -translate-x-1/2 z-50\">\n          <Toast\n            title=\"Pedido encerrado!\"\n            description=\"\"\n            variant=\"solid\"\n            onClose={() => setShowCloseSuccessToast(false)}\n          />\n        </div>\n      )}\n\n      {/* Close Error Toast */}\n      {showCloseErrorToast && (\n        <div className=\"fixed top-4 left-1/2 transform -translate-x-1/2 z-50\">\n          <Toast\n            title=\"Erro ao encerrar pedido\"\n            description=\"Não foi possível encerrar o pedido. Tente novamente.\"\n            variant=\"solid\"\n            action=\"warning\"\n            onClose={() => setShowCloseErrorToast(false)}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default Support;\n","import { z } from 'zod';\n\n// Schema de validação para o formulário de suporte\nexport const supportSchema = z.object({\n  // Tipo de problema selecionado\n  problemType: z.enum(['tecnico', 'acesso', 'outros'], {\n    error: () =>\n      'Campo obrigatório! Por favor, preencha este campo para continuar.',\n  }),\n\n  // Título do problema\n  title: z\n    .string()\n    .min(1, 'Campo obrigatório! Por favor, preencha este campo para continuar.')\n    .min(5, 'Título deve ter pelo menos 5 caracteres')\n    .max(100, 'Título deve ter no máximo 100 caracteres')\n    .trim(),\n\n  // Descrição do problema\n  description: z\n    .string()\n    .min(1, 'Campo obrigatório! Por favor, preencha este campo para continuar.')\n    .min(10, 'Descrição deve ter pelo menos 10 caracteres')\n    .max(1000, 'Descrição deve ter no máximo 1000 caracteres')\n    .trim(),\n});\n\n// Type inferido do schema\nexport type SupportFormData = z.infer<typeof supportSchema>;\n","import { ButtonHTMLAttributes, ReactNode, forwardRef } from 'react';\nimport { cn } from '../../../utils/utils';\nimport Badge from '../../Badge/Badge';\nimport Button from '../../Button/Button';\nimport Text from '../../Text/Text';\n\n/** Nível do item na árvore do menu lateral. */\nexport type SidebarMenuItemVariant = 'main' | 'sub';\n\n/**\n * Paleta do estado ativo.\n *\n * - `theme` (padrão): segue `primary-*`, ou seja, se adapta à whitelabel /\n *   instituição — verde no analytica, azul no parana, vermelho no paraiba.\n * - `info`: segue a rampa `info-*` do tema. Atenção: nem todo tema usa azul\n *   aqui (no analytica a rampa `info` é roxa).\n * - `blue`: o azul literal do Figma do SAC, idêntico em qualquer tema. Use\n *   quando a tela precisa bater com o Figma e não com a marca do cliente.\n */\nexport type SidebarMenuItemActiveTone = 'theme' | 'info' | 'blue';\n\nconst ACTIVE_CLASSES: Record<SidebarMenuItemActiveTone, string> = {\n  theme: 'bg-primary-50 text-primary-700',\n  info: 'bg-info-background text-info-800',\n  blue: 'bg-[#EBF2FE] text-[#1A56DB]',\n};\n\n/**\n * Tonalidade da contagem do item `main`. O `sub` ignora: ali a contagem é\n * texto puro que herda a cor do item, como no Figma.\n */\nexport type SidebarMenuItemCountTone = 'warning' | 'theme' | 'muted';\n\nconst COUNT_CLASSES: Record<SidebarMenuItemCountTone, string> = {\n  warning: 'bg-warning-100 text-warning-700',\n  theme: 'bg-primary-100 text-primary-800',\n  muted: 'bg-background-muted text-background-800',\n};\n\nconst IDLE_CLASSES: Record<SidebarMenuItemVariant, string> = {\n  main: 'text-text-950 hover:bg-background-50',\n  sub: 'text-text-600 hover:bg-background-50',\n};\n\n/**\n * Peso do rótulo, no vocabulário do `Text`. Fica no rótulo e não no botão\n * porque o `Text` escreve o próprio `font-*`: um peso herdado do botão seria\n * sobrescrito pelo default (`normal`) do componente.\n */\nconst LABEL_WEIGHT: Record<SidebarMenuItemVariant, 'medium' | 'normal'> = {\n  main: 'medium',\n  sub: 'normal',\n};\n\n/** Escala do item. `md` é o tamanho do Figma. */\nexport type SidebarMenuItemSize = 'sm' | 'md';\n\n/**\n * Espaçamento, tipografia e ícone andam juntos porque o recuo do sub é\n * derivado deles: o sub precisa alinhar com o *rótulo* do main, ou seja\n * `padding` + ícone + `gap`. Separar isso em props soltas deixaria o consumidor\n * desalinhar os dois níveis sem perceber.\n *\n * - `md`: px-3 (12) + ícone 20 + gap-3 (12) = 44px = `pl-11`\n * - `sm`: px-2  (8) + ícone 16 + gap-2  (8) = 32px = `pl-8`\n *\n * O `[&>svg]:size-*` força o ícone do consumidor a caber na caixa: as props\n * `width`/`height` que o Phosphor escreve no `<svg>` são atributos de\n * apresentação, então qualquer regra CSS ganha delas. Assim um\n * `<Icon size={20} />` passado num item `sm` encolhe em vez de vazar.\n *\n * `label` é o mesmo tamanho do `item`, escrito no vocabulário do `Text`. A\n * classe continua no botão porque a contagem do `sub` é texto puro e herda dali.\n */\nconst SIZE_CLASSES: Record<\n  SidebarMenuItemSize,\n  {\n    item: string;\n    subIndent: string;\n    icon: string;\n    label: 'xs' | 'sm';\n    badge: 'small' | 'medium';\n  }\n> = {\n  sm: {\n    item: 'gap-2 px-2 py-1.5 text-xs',\n    subIndent: 'pl-8',\n    icon: 'size-4 [&>svg]:size-4',\n    label: 'xs',\n    badge: 'small',\n  },\n  md: {\n    item: 'gap-3 px-3 py-2.5 text-sm',\n    subIndent: 'pl-11',\n    icon: 'size-5 [&>svg]:size-5',\n    label: 'sm',\n    badge: 'medium',\n  },\n};\n\nexport type SidebarMenuItemProps = {\n  /** Texto do item. */\n  label: string;\n  /** Ícone à esquerda. Renderizado apenas em `variant=\"main\"`. */\n  icon?: ReactNode;\n  /** Contagem exibida à direita. `0` é exibido; omitir esconde. */\n  count?: number;\n  /** Marca o item como o destino atual da navegação. */\n  active?: boolean;\n  /** Nível do item: `main` (com ícone) ou `sub` (recuado). */\n  variant?: SidebarMenuItemVariant;\n  /** Escala do item. `md` (padrão) é o tamanho do Figma; `sm` é compacto. */\n  size?: SidebarMenuItemSize;\n  /** Paleta do estado ativo. Ignorada quando o item não está ativo. */\n  activeTone?: SidebarMenuItemActiveTone;\n  /** Tonalidade da pílula de contagem do `main`. Ignorada pelo `sub`. */\n  countTone?: SidebarMenuItemCountTone;\n  /** Classes CSS adicionais. */\n  className?: string;\n} & ButtonHTMLAttributes<HTMLButtonElement>;\n\nconst BASE_CLASSES =\n  'w-full flex items-center rounded-lg text-left cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indicator-info disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none';\n\n/**\n * Item do menu lateral do SAC.\n *\n * Combina os dois eixos do Figma (\"Componentes – Suporte\" → Menu lateral /\n * Item): tipo (`main` | `sub`) e estado (`active`). O main leva ícone e mostra\n * a contagem numa pílula laranja; o sub é recuado, sem ícone, e mostra a\n * contagem como texto que herda a cor do item.\n *\n * Renderiza o `Button` da lib na variante `raw` (`type=\"button\"`, sem estilo\n * próprio) com `onClick` — a navegação fica a cargo do consumidor, sem acoplar a\n * lib a um router.\n *\n * @example\n * ```tsx\n * <SidebarMenuItem\n *   icon={<SquaresFourIcon size={20} />}\n *   label=\"Dashboard\"\n *   count={4}\n *   active={pathname === '/dashboard'}\n *   onClick={() => navigate('/dashboard')}\n * />\n * <SidebarMenuItem label=\"Meus chamados\" variant=\"sub\" count={4} />\n * ```\n */\nexport const SidebarMenuItem = forwardRef<\n  HTMLButtonElement,\n  SidebarMenuItemProps\n>(\n  (\n    {\n      label,\n      icon,\n      count,\n      active = false,\n      variant = 'main',\n      size = 'md',\n      activeTone = 'theme',\n      countTone = 'warning',\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const scale = SIZE_CLASSES[size];\n    const stateClasses = active ? ACTIVE_CLASSES[activeTone] : undefined;\n    const showIcon = variant === 'main' && Boolean(icon);\n\n    return (\n      <Button\n        ref={ref}\n        variant=\"raw\"\n        aria-current={active ? 'page' : undefined}\n        className={cn(\n          BASE_CLASSES,\n          scale.item,\n          variant === 'sub' && scale.subIndent,\n          stateClasses ?? IDLE_CLASSES[variant],\n          className\n        )}\n        {...props}\n      >\n        {showIcon && (\n          <span\n            data-testid=\"sidebar-menu-item-icon\"\n            aria-hidden=\"true\"\n            className={cn(\n              'flex items-center justify-center shrink-0',\n              scale.icon\n            )}\n          >\n            {icon}\n          </span>\n        )}\n        <Text\n          as=\"span\"\n          size={scale.label}\n          weight={LABEL_WEIGHT[variant]}\n          color=\"text-inherit\"\n          className=\"flex-1 truncate\"\n        >\n          {label}\n        </Text>\n        {count !== undefined && (\n          <SidebarMenuItemCount\n            count={count}\n            variant={variant}\n            badgeSize={scale.badge}\n            tone={countTone}\n          />\n        )}\n      </Button>\n    );\n  }\n);\n\nSidebarMenuItem.displayName = 'SidebarMenuItem';\n\n/**\n * A contagem do main é uma pílula laranja; a do sub é texto que herda a cor do\n * item — o `Badge` entra pelo layout/espaçamento e a tonalidade vem do Figma\n * (`warning-100`/`warning-700`, mais saturada que o `warning` padrão do Badge).\n */\nconst SidebarMenuItemCount = ({\n  count,\n  variant,\n  badgeSize,\n  tone,\n}: {\n  count: number;\n  variant: SidebarMenuItemVariant;\n  badgeSize: 'small' | 'medium';\n  tone: SidebarMenuItemCountTone;\n}) => {\n  // Sem classe de tipografia: o número herda tamanho e cor do próprio item.\n  if (variant === 'sub') {\n    return (\n      <span\n        data-testid=\"sidebar-menu-item-count\"\n        className=\"shrink-0 tabular-nums\"\n      >\n        {count}\n      </span>\n    );\n  }\n\n  return (\n    <Badge\n      data-testid=\"sidebar-menu-item-count\"\n      action=\"warning\"\n      size={badgeSize}\n      className={cn(\n        'shrink-0 rounded-full font-medium tabular-nums min-w-6',\n        COUNT_CLASSES[tone]\n      )}\n    >\n      {count}\n    </Badge>\n  );\n};\n\nexport default SidebarMenuItem;\n","import { ButtonHTMLAttributes, ReactNode, forwardRef } from 'react';\nimport { cn } from '../../../utils/utils';\nimport { Avatar } from '../../Avatar/Avatar';\nimport Badge from '../../Badge/Badge';\nimport Button from '../../Button/Button';\nimport Text from '../../Text/Text';\nimport { formatTicketTime } from '../utils/formatTicketTime';\n\n/**\n * Fundo da linha. É um eixo puramente visual: a lib não amarra significado a\n * cada cor, quem consome decide o que `danger` quer dizer (SLA, prioridade,\n * ticket reaberto). O hover sobrepõe qualquer tone.\n *\n * As cores vêm dos tokens do tema (`primary-50` é o azul claro do Figma no\n * light e um azul escuro no dark), para a linha seguir o modo escuro. Só a\n * barra e o avatar ficam no azul literal do Figma. Escritas por extenso porque\n * o Tailwind varre o código-fonte e não resolve classe interpolada.\n */\nexport type TicketListItemTone = 'default' | 'info' | 'danger';\n\nconst TONE_CLASSES: Record<TicketListItemTone, string> = {\n  default: 'bg-transparent',\n  info: 'bg-primary-50',\n  danger: 'bg-error-background',\n};\n\n/** Tonalidade das badges. Mapeia para as rampas do tema, como o `Badge`. */\nexport type TicketListItemBadgeTone =\n  | 'muted'\n  | 'warning'\n  | 'info'\n  | 'success'\n  | 'error';\n\nconst BADGE_TONE_CLASSES: Record<TicketListItemBadgeTone, string> = {\n  muted: 'bg-transparent text-text-700 border border-border-300',\n  warning: 'bg-warning-100 text-warning-700',\n  info: 'bg-info text-info-800',\n  success: 'bg-success text-success-800',\n  error: 'bg-error-background text-error-700',\n};\n\nconst BADGE_CLASSES = 'shrink-0 rounded-md font-medium uppercase';\n\n/** Escala do item. `md` é o tamanho do Figma. */\nexport type TicketListItemSize = 'sm' | 'md' | 'lg';\n\n/** Tamanhos aceitos pelo `Text`, para os campos tipográficos da escala. */\ntype TicketListItemTextSize = '2xs' | 'xs' | 'sm' | 'md' | 'lg';\n\n/**\n * Espaçamento, avatar, tipografia e ícone andam juntos numa tabela só porque a\n * linha só lê bem quando escalam na mesma proporção: um avatar de 48 ao lado de\n * um nome `text-sm` desalinha a coluna de texto. Separar isso em props soltas\n * deixaria o consumidor quebrar o alinhamento sem perceber.\n *\n * `name`, `time`, `meta` e `message` são tamanhos do `Text`, não classes: quem\n * renderiza esses textos é o componente da lib, que escreve o próprio `text-*`.\n *\n * O `[&>svg]:size-*` força o ícone de canal do consumidor a caber na caixa: as\n * props `width`/`height` que o Phosphor escreve no `<svg>` são atributos de\n * apresentação, então qualquer regra CSS ganha delas.\n */\nconst SIZE_CLASSES: Record<\n  TicketListItemSize,\n  {\n    item: string;\n    rows: string;\n    avatar: number;\n    name: TicketListItemTextSize;\n    time: TicketListItemTextSize;\n    meta: TicketListItemTextSize;\n    message: TicketListItemTextSize;\n    badge: 'small' | 'medium';\n    icon: string;\n    bar: string;\n    dot: string;\n  }\n> = {\n  sm: {\n    item: 'gap-2 p-3',\n    rows: 'gap-0.5',\n    avatar: 32,\n    name: 'sm',\n    time: '2xs',\n    meta: 'xs',\n    message: 'xs',\n    badge: 'small',\n    icon: '[&>svg]:size-3.5',\n    bar: 'w-0.5',\n    dot: 'size-1.5',\n  },\n  md: {\n    item: 'gap-3 p-4',\n    rows: 'gap-1',\n    avatar: 40,\n    name: 'md',\n    time: 'xs',\n    meta: 'sm',\n    message: 'sm',\n    badge: 'small',\n    icon: '[&>svg]:size-4',\n    bar: 'w-1',\n    dot: 'size-2',\n  },\n  lg: {\n    item: 'gap-4 p-5',\n    rows: 'gap-1.5',\n    avatar: 48,\n    name: 'lg',\n    time: 'sm',\n    meta: 'md',\n    message: 'md',\n    badge: 'medium',\n    icon: '[&>svg]:size-5',\n    bar: 'w-1.5',\n    dot: 'size-2.5',\n  },\n};\n\nconst BASE_CLASSES =\n  'group relative flex w-full items-start text-left cursor-pointer transition-colors hover:bg-primary-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indicator-info disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none';\n\nexport type TicketListItemProps = {\n  /** Nome de quem abriu o ticket. */\n  name: string;\n  /** Momento da última mensagem. A lib formata o texto relativo. */\n  lastMessageAt: Date | string;\n  /** Acende o ponto azul antes do tempo e anuncia \"Não lido\". */\n  unread?: boolean;\n  /**\n   * Quantas mensagens ainda não foram lidas. Acima de zero, troca o ponto por\n   * uma pílula com o número (`99+` a partir de 100) e já marca a linha como não\n   * lida, sem precisar de `unread`.\n   */\n  unreadCount?: number;\n  /** Foto. Sem foto, o avatar mostra as iniciais de `name`. */\n  avatarSrc?: string;\n  /** Badge do perfil. Texto livre: o vocabulário do SAC ainda não está fechado. */\n  profileLabel?: string;\n  /** Tonalidade da badge de perfil. Default `muted` (contornada). */\n  profileTone?: TicketListItemBadgeTone;\n  /** Instituição de origem. */\n  organization?: string;\n  /** Prévia da última mensagem, truncada em uma linha. */\n  message?: string;\n  /** Badge do atendimento. Texto livre. */\n  attendanceLabel?: string;\n  /** Tonalidade da badge de atendimento. Default `warning`, o pêssego do Figma. */\n  attendanceTone?: TicketListItemBadgeTone;\n  /** Ícone do canal de origem. */\n  channelIcon?: ReactNode;\n  /** Código do ticket, como vier do app (ex.: `#4826`). */\n  ticketCode?: string;\n  /** Fundo da linha. */\n  tone?: TicketListItemTone;\n  /** Escala do item. `md` (padrão) é o tamanho do Figma. */\n  size?: TicketListItemSize;\n  /** Classes CSS adicionais. */\n  className?: string;\n} & ButtonHTMLAttributes<HTMLButtonElement>;\n\n/** Acima disso a pílula de não lidas mostra `99+`. */\nconst MAX_UNREAD_SHOWN = 99;\n\n/** Rótulo lido por leitor de tela na pílula de não lidas. */\nconst formatUnreadLabel = (count: number): string =>\n  count === 1 ? '1 mensagem não lida' : `${count} mensagens não lidas`;\n\n/**\n * Linha da lista de tickets do SAC.\n *\n * Reproduz o frame \"Lista de tickets – item\" do Figma (\"Componentes –\n * Suporte\"): avatar, nome, tempo da última mensagem, badge de perfil,\n * instituição, prévia da conversa, badge de atendimento, canal e código.\n *\n * Só `name` e `lastMessageAt` são obrigatórios; cada bloco desaparece quando a\n * prop não vem, então uma lista sem instituição ou sem canal continua alinhada.\n *\n * Renderiza o `Button` da lib na variante `raw` (`type=\"button\"`, sem estilo\n * próprio) com `onClick` — a navegação fica a cargo do consumidor, sem acoplar a\n * lib a um router.\n *\n * @example\n * ```tsx\n * <TicketListItem\n *   name=\"Ana Clara Mendes\"\n *   lastMessageAt={ticket.updatedAt}\n *   profileLabel=\"ESTUDANTE\"\n *   organization=\"CE Santos Dumont\"\n *   message=\"IA: Entendi. Vou transferir você para um atendente.\"\n *   attendanceLabel=\"HUMANO\"\n *   channelIcon={<DeviceMobileIcon size={16} />}\n *   ticketCode=\"#4826\"\n *   tone={ticket.id === selectedId ? 'info' : 'default'}\n *   onClick={() => select(ticket.id)}\n * />\n * ```\n */\nexport const TicketListItem = forwardRef<\n  HTMLButtonElement,\n  TicketListItemProps\n>(\n  (\n    {\n      name,\n      lastMessageAt,\n      unread = false,\n      unreadCount = 0,\n      avatarSrc,\n      profileLabel,\n      profileTone = 'muted',\n      organization,\n      message,\n      attendanceLabel,\n      attendanceTone = 'warning',\n      channelIcon,\n      ticketCode,\n      tone = 'default',\n      size = 'md',\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const scale = SIZE_CLASSES[size];\n\n    return (\n      <Button\n        ref={ref}\n        variant=\"raw\"\n        className={cn(BASE_CLASSES, scale.item, TONE_CLASSES[tone], className)}\n        {...props}\n      >\n        <span\n          data-testid=\"ticket-list-item-bar\"\n          aria-hidden=\"true\"\n          className={cn(\n            'absolute inset-y-0 left-0 bg-[#1C61B2] transition-opacity',\n            scale.bar,\n            tone === 'info'\n              ? 'opacity-100'\n              : 'opacity-0 group-hover:opacity-100'\n          )}\n        />\n\n        <Avatar\n          src={avatarSrc}\n          name={name}\n          fallback=\"initials\"\n          size={scale.avatar}\n          className=\"bg-[#1C61B2] text-white\"\n        />\n\n        <span className={cn('flex min-w-0 flex-1 flex-col', scale.rows)}>\n          <span className=\"flex items-center gap-2\">\n            <Text\n              as=\"span\"\n              size={scale.name}\n              weight=\"bold\"\n              className=\"min-w-0 flex-1 truncate\"\n            >\n              {name}\n            </Text>\n            {unreadCount > 0 && (\n              <Text\n                as=\"span\"\n                size=\"xs\"\n                weight=\"bold\"\n                color=\"text-white\"\n                data-testid=\"ticket-list-item-unread-count\"\n                aria-label={formatUnreadLabel(unreadCount)}\n                className=\"shrink-0 min-w-5 h-5 px-1.5 rounded-full bg-[#1C61B2] flex items-center justify-center\"\n              >\n                {unreadCount > MAX_UNREAD_SHOWN\n                  ? `${MAX_UNREAD_SHOWN}+`\n                  : unreadCount}\n              </Text>\n            )}\n            {unread && unreadCount <= 0 && (\n              <>\n                <span\n                  data-testid=\"ticket-list-item-unread\"\n                  aria-hidden=\"true\"\n                  className={cn(\n                    'shrink-0 rounded-full bg-[#1C61B2]',\n                    scale.dot\n                  )}\n                />\n                <span className=\"sr-only\">Não lido</span>\n              </>\n            )}\n            <Text\n              as=\"span\"\n              size={scale.time}\n              color=\"text-text-600\"\n              className=\"shrink-0\"\n            >\n              {formatTicketTime(lastMessageAt)}\n            </Text>\n          </span>\n\n          {(profileLabel || organization) && (\n            <span className=\"flex min-w-0 items-center gap-2\">\n              {profileLabel && (\n                <Badge\n                  data-testid=\"ticket-list-item-profile\"\n                  size={scale.badge}\n                  className={cn(BADGE_CLASSES, BADGE_TONE_CLASSES[profileTone])}\n                >\n                  {profileLabel}\n                </Badge>\n              )}\n              {organization && (\n                <Text\n                  as=\"span\"\n                  size={scale.meta}\n                  color=\"text-text-600\"\n                  className=\"min-w-0 truncate\"\n                >\n                  {organization}\n                </Text>\n              )}\n            </span>\n          )}\n\n          {message && (\n            <Text\n              as=\"span\"\n              size={scale.message}\n              color=\"text-text-700\"\n              className=\"truncate\"\n            >\n              {message}\n            </Text>\n          )}\n\n          {(attendanceLabel || channelIcon || ticketCode) && (\n            <span className=\"flex items-center gap-2\">\n              {attendanceLabel && (\n                <Badge\n                  data-testid=\"ticket-list-item-attendance\"\n                  size={scale.badge}\n                  className={cn(\n                    BADGE_CLASSES,\n                    BADGE_TONE_CLASSES[attendanceTone]\n                  )}\n                >\n                  {attendanceLabel}\n                </Badge>\n              )}\n              {channelIcon && (\n                <span\n                  data-testid=\"ticket-list-item-channel\"\n                  aria-hidden=\"true\"\n                  className={cn(\n                    'flex shrink-0 items-center text-text-600',\n                    scale.icon\n                  )}\n                >\n                  {channelIcon}\n                </span>\n              )}\n              {ticketCode && (\n                <Text\n                  as=\"span\"\n                  size={scale.meta}\n                  color=\"text-text-600\"\n                  className=\"shrink-0 tabular-nums\"\n                >\n                  {ticketCode}\n                </Text>\n              )}\n            </span>\n          )}\n        </span>\n      </Button>\n    );\n  }\n);\n\nTicketListItem.displayName = 'TicketListItem';\n\nexport default TicketListItem;\n","const MINUTE_MS = 60_000;\nconst HOUR_MS = 60 * MINUTE_MS;\nconst DAY_MS = 24 * HOUR_MS;\nconst WEEK_MS = 7 * DAY_MS;\n\n/**\n * Tempo decorrido desde a última mensagem, no formato curto do Figma do SAC.\n *\n * Os limiares são: menos de um minuto vira `agora`; abaixo de uma hora, minutos\n * (`6 min`); abaixo de um dia, horas (`2 h`); abaixo de uma semana, dias\n * (`3 d`); daí em diante a data curta (`12/09/2026`), porque \"há 43 d\" não\n * ajuda ninguém a localizar o atendimento.\n *\n * Recebe `now` por parâmetro para o teste fixar o relógio sem `fakeTimers`, e\n * cai no relógio real quando omitido.\n *\n * Data inválida devolve string vazia: o item prefere não mostrar nada a mostrar\n * `NaN min`.\n *\n * @example\n * ```ts\n * formatTicketTime(ticket.lastMessageAt); // \"6 min\"\n * ```\n */\nexport const formatTicketTime = (\n  value: Date | string,\n  now: Date = new Date()\n): string => {\n  const date = value instanceof Date ? value : new Date(value);\n\n  if (Number.isNaN(date.getTime())) {\n    return '';\n  }\n\n  const elapsed = now.getTime() - date.getTime();\n\n  if (elapsed < MINUTE_MS) {\n    return 'agora';\n  }\n\n  if (elapsed < HOUR_MS) {\n    return `${Math.floor(elapsed / MINUTE_MS)} min`;\n  }\n\n  if (elapsed < DAY_MS) {\n    return `${Math.floor(elapsed / HOUR_MS)} h`;\n  }\n\n  if (elapsed < WEEK_MS) {\n    return `${Math.floor(elapsed / DAY_MS)} d`;\n  }\n\n  return date.toLocaleDateString('pt-BR');\n};\n","import { ReactNode, useRef } from 'react';\nimport { cn } from '../../../utils/utils';\nimport EmptyState from '../../EmptyState/EmptyState';\nimport { Skeleton, SkeletonCircle } from '../../Skeleton/Skeleton';\nimport { useInfiniteScrollSentinel } from '../hooks/useInfiniteScrollSentinel';\nimport {\n  TicketListItem,\n  TicketListItemProps,\n  TicketListItemSize,\n} from './TicketListItem';\n\n/** Um ticket da lista: as props do item mais o `id` que identifica a seleção. */\nexport type TicketListItemData = Omit<TicketListItemProps, 'onClick'> & {\n  id: string;\n};\n\n/** Quantos skeletons o rodapé mostra enquanto a próxima página carrega. */\nconst LOADING_MORE_SKELETONS = 2;\n\nexport type TicketListProps = {\n  /** Tickets já carregados, na ordem em que devem aparecer. */\n  tickets: TicketListItemData[];\n  /** `id` do ticket aberto no painel. */\n  selectedId?: string;\n  /** Chamado com o `id` do ticket clicado. */\n  onSelect?: (id: string) => void;\n  /** Primeira carga: substitui a lista por skeletons. */\n  loading?: boolean;\n  /** Paginação em curso: skeletons no rodapé, sem esconder o que já carregou. */\n  loadingMore?: boolean;\n  /** Ainda há páginas a buscar. */\n  hasMore?: boolean;\n  /** Chamado quando a sentinela do fim da lista entra na viewport. */\n  onLoadMore?: () => void;\n  /** Quantos skeletons exibir na primeira carga. Default 5. */\n  skeletonCount?: number;\n  /** Substitui o estado vazio padrão. */\n  emptyState?: ReactNode;\n  /** Escala repassada a todos os itens. `md` (padrão) é o tamanho do Figma. */\n  size?: TicketListItemSize;\n  /** Classes CSS adicionais. */\n  className?: string;\n};\n\n/**\n * Espaçamento e avatar do esqueleto, espelhando o `SIZE_CLASSES` do item para\n * que a lista não mude de altura quando os dados chegam.\n */\nconst SKELETON_SIZE: Record<\n  TicketListItemSize,\n  { item: string; avatar: number }\n> = {\n  sm: { item: 'gap-2 p-3', avatar: 32 },\n  md: { item: 'gap-3 p-4', avatar: 40 },\n  lg: { item: 'gap-4 p-5', avatar: 48 },\n};\n\n/**\n * Esqueleto no formato da linha: círculo do avatar mais três faixas de texto.\n * Extraído do componente porque o JSX dele já decide entre três caminhos de\n * render, e aninhar o `Array.from` ali dentro vira issue de manutenibilidade.\n */\nconst TicketListSkeletons = ({\n  count,\n  size,\n}: {\n  count: number;\n  size: TicketListItemSize;\n}) => (\n  <>\n    {Array.from({ length: count }, (_, index) => (\n      <div\n        key={index}\n        data-testid=\"ticket-list-skeleton\"\n        className={cn('flex items-start', SKELETON_SIZE[size].item)}\n      >\n        <SkeletonCircle\n          width={SKELETON_SIZE[size].avatar}\n          height={SKELETON_SIZE[size].avatar}\n        />\n        <div className=\"flex flex-1 flex-col gap-2\">\n          <Skeleton width=\"60%\" />\n          <Skeleton width=\"40%\" />\n          <Skeleton width=\"80%\" />\n        </div>\n      </div>\n    ))}\n  </>\n);\n\n/**\n * Lista de tickets do SAC.\n *\n * Empilha `TicketListItem`, separa com divisores, marca o selecionado e pagina\n * por scroll infinito. A seleção é controlada: o app diz *qual* ticket está\n * aberto e a lista decide *como* isso aparece (o tone `info` do Figma),\n * sobrepondo o `tone` que o próprio ticket tenha pedido.\n *\n * O divisor vive aqui, e não no item, porque o item reaproveitado fora da lista\n * — no topo de uma conversa aberta, por exemplo — não deve carregar borda.\n *\n * @example\n * ```tsx\n * <TicketList\n *   tickets={tickets}\n *   selectedId={selectedId}\n *   onSelect={setSelectedId}\n *   loading={isLoading}\n *   loadingMore={isFetchingNextPage}\n *   hasMore={hasNextPage}\n *   onLoadMore={fetchNextPage}\n * />\n * ```\n */\nexport const TicketList = ({\n  tickets,\n  selectedId,\n  onSelect,\n  loading = false,\n  loadingMore = false,\n  hasMore = false,\n  onLoadMore,\n  skeletonCount = 5,\n  emptyState,\n  size = 'md',\n  className,\n}: TicketListProps) => {\n  const sentinelRef = useRef<HTMLDivElement>(null);\n\n  useInfiniteScrollSentinel({\n    ref: sentinelRef,\n    enabled: hasMore && !loading && !loadingMore,\n    onIntersect: onLoadMore,\n  });\n\n  if (loading) {\n    return (\n      <div className={cn('flex flex-col', className)}>\n        <TicketListSkeletons count={skeletonCount} size={size} />\n      </div>\n    );\n  }\n\n  if (tickets.length === 0) {\n    return (\n      <div className={cn('flex flex-col', className)}>\n        {emptyState ?? (\n          <EmptyState\n            size=\"compact\"\n            title=\"Nenhum ticket encontrado\"\n            description=\"Não há atendimentos para exibir no momento.\"\n          />\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div role=\"list\" className={cn('flex flex-col', className)}>\n      {tickets.map(({ id, tone, ...ticket }, index) => {\n        const selected = id === selectedId;\n\n        return (\n          <div\n            key={id}\n            role=\"listitem\"\n            className={cn(\n              index < tickets.length - 1 && 'border-b border-border-100'\n            )}\n          >\n            <TicketListItem\n              {...ticket}\n              size={size}\n              tone={selected ? 'info' : tone}\n              aria-current={selected ? 'true' : undefined}\n              onClick={() => onSelect?.(id)}\n            />\n          </div>\n        );\n      })}\n\n      {loadingMore && (\n        <TicketListSkeletons count={LOADING_MORE_SKELETONS} size={size} />\n      )}\n\n      <div ref={sentinelRef} aria-hidden=\"true\" className=\"h-px shrink-0\" />\n    </div>\n  );\n};\n\nexport default TicketList;\n","import { RefObject, useEffect, useRef } from 'react';\n\nexport type UseInfiniteScrollSentinelOptions = {\n  /** Elemento sentinela, normalmente um `<div>` de 1px após o último item. */\n  ref: RefObject<HTMLElement | null>;\n  /** Observa enquanto `true`. Desligue durante carregamento e no fim da lista. */\n  enabled?: boolean;\n  /** Chamado quando a sentinela entra na viewport. */\n  onIntersect?: () => void;\n  /** Fração visível que dispara. Default `0.1`, como no `useLessonBank`. */\n  threshold?: number;\n};\n\n/**\n * Dispara `onIntersect` quando a sentinela entra na viewport — o scroll\n * infinito, sem conhecer lista nem paginação.\n *\n * O callback é guardado numa ref de propósito. Consumidores costumam passar uma\n * arrow nova a cada render; se ela entrasse nas dependências do efeito, o\n * observer seria destruído e recriado a cada render e voltaria a disparar\n * imediatamente enquanto a sentinela estivesse visível — um laço de\n * `onLoadMore`. Assim o observer só é recriado quando o alvo, o `enabled` ou o\n * `threshold` mudam, e ainda chama sempre a versão mais recente do callback.\n *\n * @example\n * ```tsx\n * const sentinelRef = useRef<HTMLDivElement>(null);\n * useInfiniteScrollSentinel({\n *   ref: sentinelRef,\n *   enabled: hasMore && !loading,\n *   onIntersect: onLoadMore,\n * });\n * ```\n */\nexport const useInfiniteScrollSentinel = ({\n  ref,\n  enabled = true,\n  onIntersect,\n  threshold = 0.1,\n}: UseInfiniteScrollSentinelOptions): void => {\n  const callbackRef = useRef(onIntersect);\n\n  useEffect(() => {\n    callbackRef.current = onIntersect;\n  }, [onIntersect]);\n\n  const hasCallback = Boolean(onIntersect);\n\n  useEffect(() => {\n    const target = ref.current;\n\n    if (!target || !enabled || !hasCallback) {\n      return;\n    }\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        if (entries[0]?.isIntersecting) {\n          callbackRef.current?.();\n        }\n      },\n      { threshold }\n    );\n\n    observer.observe(target);\n\n    return () => observer.disconnect();\n  }, [ref, enabled, hasCallback, threshold]);\n};\n"],"mappings":"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","names":["totalPages","jsx","jsxs","forwardRef","jsx","jsxs","SIZE_CLASSES","BASE_CLASSES","forwardRef","useRef","useEffect","Fragment","jsx","jsxs","useRef"]}

package/dist/chunk-FLGSHGJY.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/analytica-frontend-lib/analytica-frontend-lib/dist/chunk-FLGSHGJY.js","../src/components/SupportChatWidget/SupportChatWidget.tsx","../src/hooks/useSupportChat.ts","../src/components/SupportChatWidget/SupportChatContactForm.tsx","../src/components/SupportChatWidget/SupportChatArticleView.tsx","../src/components/SupportChatWidget/supportChatContent.tsx","../src/components/SupportChatWidget/NativeSupportChat.tsx","../src/components/SupportChatWidget/guestSupportChatAdapter.ts","../src/components/SupportChatWidget/mockSupportChatAdapter.ts"],"names":["useState","jsxs","jsx","useCallback","useMemo"],"mappings":"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","file":"/home/runner/work/analytica-frontend-lib/analytica-frontend-lib/dist/chunk-FLGSHGJY.js","sourcesContent":[null,"import {\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type KeyboardEvent,\n} from 'react';\nimport {\n  ChatCircleDotsIcon,\n  MinusIcon,\n  PaperclipIcon,\n  PaperPlaneTiltIcon,\n  XIcon,\n} from '@phosphor-icons/react';\nimport Text from '../Text/Text';\nimport Button from '../Button/Button';\nimport { useSupportChat } from '../../hooks/useSupportChat';\nimport { SupportChatContactForm } from './SupportChatContactForm';\nimport { SupportChatArticleView } from './SupportChatArticleView';\nimport {\n  AttachmentList,\n  MessageText,\n  PendingAttachment,\n  SUPPORT_CHAT_ACCEPT,\n  pickAttachments,\n} from './supportChatContent';\nimport { SupportType } from '../../types/support';\nimport {\n  SUPPORT_CHAT_AUTHOR,\n  SUPPORT_CHAT_MAX_ATTACHMENTS,\n  type SupportChatAdapter,\n  type SupportChatFlags,\n  type SupportChatMessage,\n  type SupportChatTheme,\n  type SupportChatUser,\n} from '../../types/supportChat';\nimport { cn } from '../../utils/utils';\n\n/** Visibility of the chat window */\nexport type SupportChatWindowState = 'closed' | 'open' | 'minimized';\n\nexport interface SupportChatWidgetProps {\n  /** Data layer (createMockSupportChatAdapter for now) */\n  adapter: SupportChatAdapter;\n  /** App the widget runs in, sent with the ticket (e.g. \"login\", \"backoffice\") */\n  channel: string;\n  institutionId?: string;\n  /** Logged user; omit for visitors */\n  user?: SupportChatUser;\n  flags?: SupportChatFlags;\n  theme?: SupportChatTheme;\n  onOpen?: () => void;\n  onSend?: (message: SupportChatMessage) => void;\n  /**\n   * Called when the window is closed with X. Closing only hides it: the\n   * conversation stays connected and new replies count as unread.\n   */\n  onClose?: () => void;\n  /**\n   * Link of a FAQ article, e.g. `(id) => '/artigo/' + id`. With it, the\n   * \"Baseado na FAQ\" line under an AI answer opens the article; without it\n   * the line only names the article.\n   */\n  faqArticleUrl?: (articleId: string) => string;\n}\n\n/** Label read by screen readers on the unread badge of the launcher */\nconst formatNewMessagesLabel = (count: number): string =>\n  count === 1 ? '1 nova mensagem' : `${count} novas mensagens`;\n\n/** The requester side of the conversation (user or visitor) */\nconst isOwnMessage = (message: SupportChatMessage) =>\n  message.senderRole === SUPPORT_CHAT_AUTHOR.USER ||\n  message.senderRole === SUPPORT_CHAT_AUTHOR.GUEST;\n\nconst formatTime = (createdAt: string) =>\n  new Date(createdAt).toLocaleTimeString('pt-BR', {\n    hour: '2-digit',\n    minute: '2-digit',\n  });\n\n/** \"Baseado na FAQ: <title>\" under an AI answer, linked when possible */\nconst FaqReference = ({\n  faq,\n  faqArticleUrl,\n  onOpenArticle,\n}: {\n  faq: { id: string; title: string };\n  faqArticleUrl?: (articleId: string) => string;\n  onOpenArticle?: (article: { id: string; title: string }) => void;\n}) => {\n  const linked = !!onOpenArticle || !!faqArticleUrl;\n  const label = (\n    <Text\n      as=\"span\"\n      size=\"xs\"\n      color=\"text-primary-700\"\n      className={cn(linked && 'underline')}\n    >\n      Baseado na FAQ: {faq.title}\n    </Text>\n  );\n  let content = label;\n  if (onOpenArticle) {\n    // Opens inside the chat, like the Zendesk messenger (no new tab)\n    content = (\n      <a\n        href={faqArticleUrl?.(faq.id) ?? '#'}\n        onClick={(event) => {\n          event.preventDefault();\n          onOpenArticle(faq);\n        }}\n      >\n        {label}\n      </a>\n    );\n  } else if (faqArticleUrl) {\n    content = (\n      <a href={faqArticleUrl(faq.id)} target=\"_blank\" rel=\"noreferrer\">\n        {label}\n      </a>\n    );\n  }\n  return (\n    <div data-testid=\"support-chat-faq\" className=\"mt-1 max-w-[80%]\">\n      {content}\n    </div>\n  );\n};\n\nconst MessageBubble = ({\n  message,\n  faqArticleUrl,\n  onOpenArticle,\n}: {\n  message: SupportChatMessage;\n  faqArticleUrl?: (articleId: string) => string;\n  onOpenArticle?: (article: { id: string; title?: string }) => void;\n}) => {\n  const own = isOwnMessage(message);\n  return (\n    <div\n      className={cn(\n        'flex flex-col mb-3 transition-opacity',\n        own ? 'items-end' : 'items-start',\n        message.pending && 'opacity-60'\n      )}\n      aria-busy={message.pending || undefined}\n    >\n      {!own && (\n        <Text size=\"xs\" className=\"text-text-500 mb-1\">\n          {message.senderName}\n        </Text>\n      )}\n      <div\n        className={cn(\n          'max-w-[80%] rounded-2xl whitespace-pre-wrap break-words',\n          // Image-only messages show the image without the colored bubble\n          message.content\n            ? cn(\n                'px-4 py-2',\n                own\n                  ? 'bg-primary-500 text-white rounded-br-md'\n                  : 'bg-background-100 text-text-900 rounded-bl-md'\n              )\n            : 'text-text-900'\n        )}\n      >\n        {message.content && (\n          <MessageText\n            text={message.content}\n            onOpenArticle={\n              onOpenArticle ? (id) => onOpenArticle({ id }) : undefined\n            }\n          />\n        )}\n        {message.attachments.length > 0 && (\n          <AttachmentList items={message.attachments} />\n        )}\n      </div>\n      {message.faq && (\n        <FaqReference\n          faq={message.faq}\n          faqArticleUrl={faqArticleUrl}\n          onOpenArticle={onOpenArticle}\n        />\n      )}\n      <Text size=\"xs\" className=\"text-text-400 mt-1\">\n        {message.pending ? 'Enviando…' : formatTime(message.createdAt)}\n      </Text>\n    </div>\n  );\n};\n\n/**\n * Floating support chat (native support, the Zendesk replacement).\n * Renders nothing when disabled or when the institution uses Zendesk.\n */\nexport const SupportChatWidget = ({\n  flags,\n  ...props\n}: SupportChatWidgetProps) => {\n  const hidden =\n    flags?.enabled === false ||\n    flags?.chat === false ||\n    flags?.supportType === SupportType.ZENDESK;\n\n  if (hidden) return null;\n  return <SupportChatWidgetContent {...props} />;\n};\n\nconst SupportChatWidgetContent = ({\n  adapter,\n  channel,\n  institutionId,\n  user,\n  theme,\n  onOpen,\n  onSend,\n  onClose,\n  faqArticleUrl,\n}: Omit<SupportChatWidgetProps, 'flags'>) => {\n  const [windowState, setWindowState] =\n    useState<SupportChatWindowState>('closed');\n  const [draft, setDraft] = useState('');\n  const [files, setFiles] = useState<File[]>([]);\n  const [fileError, setFileError] = useState<string | null>(null);\n  const [unread, setUnread] = useState(0);\n  // FAQ article open inside the chat (the conversation stays as it was)\n  const [article, setArticle] = useState<{ id: string; title?: string } | null>(\n    null\n  );\n  const [expanded, setExpanded] = useState(false);\n  const listRef = useRef<HTMLDivElement>(null);\n  const fileInputRef = useRef<HTMLInputElement>(null);\n  const seenCount = useRef(0);\n\n  const { messages, sending, error, closed, send, updateContact, reset } =\n    useSupportChat({\n      adapter,\n      channel,\n      institutionId,\n      user,\n    });\n  const [savedContactRequests, setSavedContactRequests] = useState<string[]>(\n    []\n  );\n\n  // Latest AI request for name/e-mail: the form goes under it, and the\n  // composer waits until it is sent\n  const contactRequest = updateContact\n    ? [...messages].reverse().find((message) => message.contactRequest?.length)\n    : undefined;\n  const awaitingContact =\n    !!contactRequest && !savedContactRequests.includes(contactRequest.id);\n\n  const isOpen = windowState === 'open';\n\n  const canOpenArticle = !!adapter.getArticle && !!institutionId;\n  const loadArticle = useCallback(\n    (articleId: string) => {\n      if (!adapter.getArticle || !institutionId) {\n        return Promise.reject(new Error('Artigo indisponível'));\n      }\n      // Called on the adapter so a class-based adapter keeps its `this`\n      return adapter.getArticle(institutionId, articleId);\n    },\n    [adapter, institutionId]\n  );\n  const openArticle = canOpenArticle\n    ? (target: { id: string; title?: string }) => {\n        setArticle(target);\n        setExpanded(true);\n      }\n    : undefined;\n  const closeArticle = () => {\n    setArticle(null);\n    setExpanded(false);\n  };\n  const title = theme?.title ?? 'Suporte';\n  const left = theme?.position === 'bottom-left';\n  const accentStyle = theme?.primaryColor\n    ? { backgroundColor: theme.primaryColor }\n    : undefined;\n\n  // Count the support replies that arrive while the window is not visible\n  useEffect(() => {\n    const fresh = messages.slice(seenCount.current);\n    seenCount.current = messages.length;\n    if (isOpen) return;\n    const replies = fresh.filter((message) => !isOwnMessage(message)).length;\n    if (replies) setUnread((count) => count + replies);\n  }, [messages, isOpen]);\n\n  useEffect(() => {\n    if (!isOpen || article) return;\n    setUnread(0);\n    listRef.current?.scrollTo?.({ top: listRef.current.scrollHeight });\n  }, [isOpen, messages, article]);\n\n  const open = () => {\n    setWindowState('open');\n    onOpen?.();\n  };\n\n  const close = () => {\n    setWindowState('closed');\n    onClose?.();\n  };\n\n  /** Drop a finished conversation so the next message opens a new ticket */\n  const startOver = () => {\n    setDraft('');\n    setFiles([]);\n    setFileError(null);\n    setUnread(0);\n    seenCount.current = 0;\n    setSavedContactRequests([]);\n    reset();\n  };\n\n  const submit = async () => {\n    const content = draft;\n    const pending = files;\n    if (!content.trim() && pending.length === 0) return;\n    setDraft('');\n    setFiles([]);\n    setFileError(null);\n    const message = await send(content, pending);\n    if (message) {\n      onSend?.(message);\n    } else {\n      setDraft(content);\n      setFiles(pending);\n    }\n  };\n\n  const handleFiles = (event: ChangeEvent<HTMLInputElement>) => {\n    const { accepted, problem } = pickAttachments(\n      files,\n      Array.from(event.target.files ?? [])\n    );\n    setFiles(accepted);\n    setFileError(problem);\n    event.target.value = '';\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLTextAreaElement>) => {\n    if (event.key === 'Enter' && !event.shiftKey) {\n      event.preventDefault();\n      void submit();\n    }\n  };\n\n  return (\n    <div\n      className={cn(\n        'fixed bottom-4 z-50 flex flex-col gap-3',\n        left ? 'left-4 items-start' : 'right-4 items-end'\n      )}\n    >\n      {isOpen && (\n        <section\n          role=\"dialog\"\n          aria-label={title}\n          className={cn(\n            'max-w-[calc(100vw-2rem)] max-h-[calc(100vh-6rem)] flex flex-col bg-background rounded-2xl shadow-lg border border-border-100 overflow-hidden transition-[width,height]',\n            expanded ? 'w-[720px] h-[615px]' : 'w-[360px] h-[520px]'\n          )}\n        >\n          {article ? (\n            <SupportChatArticleView\n              articleId={article.id}\n              initialTitle={article.title}\n              loadArticle={loadArticle}\n              expanded={expanded}\n              onToggleExpanded={() => setExpanded((value) => !value)}\n              onBack={closeArticle}\n              externalUrl={faqArticleUrl?.(article.id)}\n              accentStyle={accentStyle}\n            />\n          ) : (\n            <>\n              <header\n                className=\"flex items-center justify-between px-4 py-3 bg-primary-500 text-white\"\n                style={accentStyle}\n              >\n                <Text size=\"md\" weight=\"semibold\" color=\"\">\n                  {title}\n                </Text>\n                <div className=\"flex items-center gap-1\">\n                  <Button\n                    variant=\"raw\"\n                    aria-label=\"Minimizar\"\n                    onClick={() => setWindowState('minimized')}\n                    className=\"p-1 rounded hover:bg-white/20\"\n                  >\n                    <MinusIcon size={18} />\n                  </Button>\n                  <Button\n                    variant=\"raw\"\n                    aria-label=\"Fechar\"\n                    onClick={close}\n                    className=\"p-1 rounded hover:bg-white/20\"\n                  >\n                    <XIcon size={18} />\n                  </Button>\n                </div>\n              </header>\n\n              <div ref={listRef} className=\"flex-1 overflow-y-auto px-4 py-3\">\n                {messages.length === 0 ? (\n                  <Text size=\"sm\" className=\"text-text-500 text-center mt-8\">\n                    Olá! Como podemos te ajudar?\n                  </Text>\n                ) : (\n                  messages.map((message) => (\n                    <div key={message.id}>\n                      <MessageBubble\n                        message={message}\n                        faqArticleUrl={faqArticleUrl}\n                        onOpenArticle={openArticle}\n                      />\n                      {updateContact &&\n                        message.id === contactRequest?.id &&\n                        message.contactRequest && (\n                          <SupportChatContactForm\n                            fields={message.contactRequest}\n                            accentColor={theme?.primaryColor}\n                            onSubmit={async (contact) => {\n                              const ok = await updateContact(contact);\n                              if (ok) {\n                                setSavedContactRequests((ids) => [\n                                  ...ids,\n                                  message.id,\n                                ]);\n                              }\n                              return ok;\n                            }}\n                          />\n                        )}\n                    </div>\n                  ))\n                )}\n              </div>\n\n              {(fileError || error) && (\n                <Text\n                  size=\"xs\"\n                  role=\"alert\"\n                  className=\"px-4 py-2 text-error-700 bg-error-50\"\n                >\n                  {fileError ?? error}\n                </Text>\n              )}\n\n              {closed ? (\n                <div className=\"flex flex-col items-center gap-2 px-4 py-3 border-t border-border-100\">\n                  <Text size=\"sm\" color=\"text-text-500\" className=\"text-center\">\n                    Este atendimento foi encerrado.\n                  </Text>\n                  <Button variant=\"link\" size=\"small\" onClick={startOver}>\n                    Iniciar nova conversa\n                  </Button>\n                </div>\n              ) : (\n                <form\n                  className=\"flex flex-col gap-2 px-3 py-3 border-t border-border-100\"\n                  onSubmit={(event) => {\n                    event.preventDefault();\n                    void submit();\n                  }}\n                >\n                  {files.length > 0 && (\n                    <div className=\"flex flex-wrap gap-2\">\n                      {files.map((file, index) => (\n                        <PendingAttachment\n                          key={`${file.name}-${index}`}\n                          file={file}\n                          onRemove={() =>\n                            setFiles((list) =>\n                              list.filter((_, i) => i !== index)\n                            )\n                          }\n                        />\n                      ))}\n                    </div>\n                  )}\n                  <div className=\"flex items-end gap-2\">\n                    <input\n                      ref={fileInputRef}\n                      type=\"file\"\n                      accept={SUPPORT_CHAT_ACCEPT}\n                      multiple\n                      hidden\n                      data-testid=\"support-chat-file-input\"\n                      onChange={handleFiles}\n                    />\n                    <Button\n                      variant=\"raw\"\n                      aria-label=\"Anexar arquivo\"\n                      disabled={\n                        sending ||\n                        awaitingContact ||\n                        files.length >= SUPPORT_CHAT_MAX_ATTACHMENTS\n                      }\n                      onClick={() => fileInputRef.current?.click()}\n                      className=\"p-2 rounded-full text-text-600 hover:bg-background-100 disabled:opacity-50\"\n                    >\n                      <PaperclipIcon size={20} />\n                    </Button>\n                    <textarea\n                      aria-label=\"Mensagem\"\n                      placeholder={\n                        awaitingContact\n                          ? 'Preencha seus dados acima'\n                          : 'Digite sua mensagem'\n                      }\n                      disabled={awaitingContact}\n                      rows={1}\n                      value={draft}\n                      onChange={(event) => setDraft(event.target.value)}\n                      onKeyDown={handleKeyDown}\n                      className=\"flex-1 resize-none rounded-xl border border-border-300 px-3 py-2 text-sm text-text-900 focus:outline-none focus:border-primary-500 max-h-28\"\n                    />\n                    <Button\n                      variant=\"raw\"\n                      type=\"submit\"\n                      aria-label=\"Enviar\"\n                      disabled={\n                        sending ||\n                        awaitingContact ||\n                        (!draft.trim() && files.length === 0)\n                      }\n                      className=\"p-2 rounded-full bg-primary-500 text-white disabled:opacity-50\"\n                      style={accentStyle}\n                    >\n                      <PaperPlaneTiltIcon size={18} />\n                    </Button>\n                  </div>\n                </form>\n              )}\n            </>\n          )}\n        </section>\n      )}\n\n      {!isOpen && (\n        <Button\n          variant=\"raw\"\n          aria-label={`Abrir ${title.toLowerCase()}`}\n          onClick={open}\n          className=\"relative w-14 h-14 rounded-full bg-primary-500 text-white shadow-lg flex items-center justify-center hover:brightness-110\"\n          style={accentStyle}\n        >\n          <ChatCircleDotsIcon size={28} />\n          {unread > 0 && (\n            <Text\n              as=\"span\"\n              size=\"xs\"\n              color=\"text-white\"\n              aria-label={formatNewMessagesLabel(unread)}\n              className=\"absolute -top-1 -right-1 min-w-5 h-5 px-1 rounded-full bg-error-500 flex items-center justify-center\"\n            >\n              {unread}\n            </Text>\n          )}\n        </Button>\n      )}\n    </div>\n  );\n};\n","import { useCallback, useEffect, useRef, useState } from 'react';\nimport {\n  SUPPORT_CHAT_AUTHOR,\n  SUPPORT_CHAT_GUEST_SENDER_ID,\n  SUPPORT_CHAT_STATUS,\n  type SupportChatAdapter,\n  type SupportChatContact,\n  type SupportChatEvent,\n  type SupportChatMessage,\n  type SupportChatTicket,\n  type SupportChatUser,\n} from '../types/supportChat';\n\nexport interface UseSupportChatConfig {\n  adapter: SupportChatAdapter;\n  channel: string;\n  institutionId?: string;\n  user?: SupportChatUser;\n}\n\nexport interface UseSupportChatReturn {\n  ticket: SupportChatTicket | null;\n  messages: SupportChatMessage[];\n  sending: boolean;\n  error: string | null;\n  /** Ticket resolved: no more messages can be sent */\n  closed: boolean;\n  /** Send a message (text and/or files); the first one opens the ticket */\n  send: (content: string, files?: File[]) => Promise<SupportChatMessage | null>;\n  /**\n   * Save the contact typed in the form shown under the AI request. Resolves\n   * false (and sets `error`) when it fails. Undefined when the adapter cannot\n   * save it.\n   */\n  updateContact?: (contact: SupportChatContact) => Promise<boolean>;\n  /** Forget the current conversation */\n  reset: () => void;\n}\n\nlet pendingSequence = 0;\n\n/**\n * Message shown right away while it is being sent (optimistic rendering).\n * Images use local object URLs, released when the real message arrives.\n */\nconst buildPendingMessage = (\n  content: string,\n  files: File[],\n  user?: SupportChatUser\n): SupportChatMessage => {\n  pendingSequence += 1;\n  return {\n    id: `pending-${pendingSequence}`,\n    senderId: SUPPORT_CHAT_GUEST_SENDER_ID,\n    senderName: user?.name || 'Você',\n    senderPhoto: null,\n    senderRole: user?.email\n      ? SUPPORT_CHAT_AUTHOR.USER\n      : SUPPORT_CHAT_AUTHOR.GUEST,\n    content,\n    messageType: 'text',\n    createdAt: new Date().toISOString(),\n    attachments: files.map((file, index) => ({\n      id: `pending-${pendingSequence}-${index}`,\n      url: URL.createObjectURL(file),\n      fileName: file.name,\n      mimeType: file.type,\n      size: file.size,\n    })),\n    pending: true,\n  };\n};\n\nconst releasePending = (message: SupportChatMessage) =>\n  message.attachments.forEach((item) => URL.revokeObjectURL(item.url));\n\nconst getErrorMessage = (error: unknown) =>\n  error instanceof Error ? error.message : 'Não foi possível enviar a mensagem';\n\n/** Add or replace a message, keeping the list ordered by arrival */\nconst upsertMessage = (\n  list: SupportChatMessage[],\n  message: SupportChatMessage\n): SupportChatMessage[] =>\n  list.some((item) => item.id === message.id)\n    ? list.map((item) => (item.id === message.id ? message : item))\n    : [...list, message];\n\n/**\n * State of a support conversation on top of a SupportChatAdapter.\n * The REST-like calls write; the subscription only applies the events,\n * so a message received both ways is stored once.\n */\nexport const useSupportChat = ({\n  adapter,\n  channel,\n  institutionId,\n  user,\n}: UseSupportChatConfig): UseSupportChatReturn => {\n  const [ticket, setTicket] = useState<SupportChatTicket | null>(null);\n  const [messages, setMessages] = useState<SupportChatMessage[]>([]);\n  const [sending, setSending] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const sendingRef = useRef(false);\n\n  const ticketId = ticket?.id;\n\n  useEffect(() => {\n    if (!ticketId) return;\n\n    const handleEvent = (event: SupportChatEvent) => {\n      switch (event.type) {\n        case 'new_message':\n          setMessages((list) => upsertMessage(list, event.payload.message));\n          break;\n        case 'message_updated':\n          setMessages((list) =>\n            list.map((item) =>\n              item.id === event.payload.messageId\n                ? { ...item, content: event.payload.content }\n                : item\n            )\n          );\n          break;\n        case 'ticket_updated': {\n          const { ticketId: id, ...rest } = event.payload;\n          setTicket((current) =>\n            current?.id === id ? { ...current, ...rest } : current\n          );\n          break;\n        }\n        case 'error':\n          setError(event.payload.message);\n          break;\n      }\n    };\n\n    return adapter.subscribe(ticketId, handleEvent);\n  }, [adapter, ticketId]);\n\n  const send = useCallback(\n    async (content: string, files: File[] = []) => {\n      const text = content.trim();\n      if ((!text && files.length === 0) || sendingRef.current) return null;\n\n      sendingRef.current = true;\n      setSending(true);\n      setError(null);\n\n      const pending = buildPendingMessage(text, files, user);\n      setMessages((list) => [...list, pending]);\n      // Swap the optimistic message for the confirmed ones\n      const confirm = (confirmed: SupportChatMessage[]) =>\n        setMessages((list) =>\n          confirmed.reduce(\n            upsertMessage,\n            list.filter((item) => item.id !== pending.id)\n          )\n        );\n\n      try {\n        if (ticketId) {\n          const message = await adapter.sendMessage(ticketId, text, files);\n          confirm([message]);\n          return message;\n        }\n\n        const started = await adapter.startConversation({\n          message: text,\n          channel,\n          institutionId,\n          requesterName: user?.name,\n          email: user?.email,\n          files,\n        });\n        setTicket(started.ticket);\n        confirm(started.messages);\n        return started.messages[started.messages.length - 1] ?? null;\n      } catch (sendError) {\n        setMessages((list) => list.filter((item) => item.id !== pending.id));\n        setError(getErrorMessage(sendError));\n        return null;\n      } finally {\n        releasePending(pending);\n        sendingRef.current = false;\n        setSending(false);\n      }\n    },\n    [adapter, channel, institutionId, ticketId, user]\n  );\n\n  const updateContact = useCallback(\n    async (contact: SupportChatContact) => {\n      if (!ticketId || !adapter.updateContact) return false;\n      setError(null);\n      try {\n        await adapter.updateContact(ticketId, contact);\n        return true;\n      } catch (contactError) {\n        setError(\n          (contactError as { response?: { status?: number } } | null)?.response\n            ?.status === 409\n            ? 'O e-mail deste atendimento já foi informado'\n            : 'Não foi possível salvar seus dados. Tente de novo.'\n        );\n        return false;\n      }\n    },\n    [adapter, ticketId]\n  );\n\n  const reset = useCallback(() => {\n    setTicket(null);\n    setMessages([]);\n    setError(null);\n  }, []);\n\n  return {\n    ticket,\n    messages,\n    sending,\n    error,\n    closed: ticket?.status === SUPPORT_CHAT_STATUS.FECHADO,\n    send,\n    updateContact: adapter.updateContact ? updateContact : undefined,\n    reset,\n  };\n};\n","import { useState, type FormEvent } from 'react';\nimport Text from '../Text/Text';\nimport Button from '../Button/Button';\nimport Input from '../Input/Input';\nimport type {\n  SupportChatContact,\n  SupportChatContactField,\n} from '../../types/supportChat';\n\nexport interface SupportChatContactFormProps {\n  /** Fields the AI asked for, in order (one step each) */\n  fields: SupportChatContactField[];\n  /** Saves the contact; resolves true when it worked */\n  onSubmit: (contact: SupportChatContact) => Promise<boolean>;\n  /** Accent color of the theme, for the button */\n  accentColor?: string;\n}\n\nconst STEPS: Record<\n  SupportChatContactField,\n  { label: string; type: string; autoComplete: string; placeholder: string }\n> = {\n  name: {\n    label: 'Seu nome',\n    type: 'text',\n    autoComplete: 'name',\n    placeholder: 'Como podemos te chamar?',\n  },\n  email: {\n    label: 'Seu e-mail',\n    type: 'email',\n    autoComplete: 'email',\n    placeholder: 'nome@exemplo.com',\n  },\n};\n\nconst EMAIL_PATTERN = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n\n/** Problem with a typed value, or null when it can be sent */\nconst validate = (\n  field: SupportChatContactField,\n  value: string\n): string | null => {\n  if (field === 'name') {\n    return value.length >= 2 ? null : 'Digite seu nome';\n  }\n  return EMAIL_PATTERN.test(value) ? null : 'Digite um e-mail válido';\n};\n\n/**\n * Step-by-step form for the contact the AI asks on the first contact (name,\n * then e-mail), shown under the AI message like the Zendesk pre-chat form.\n * The values go to the backend as fields, not as a chat message. Once sent,\n * it shows what was saved.\n */\nexport const SupportChatContactForm = ({\n  fields,\n  onSubmit,\n  accentColor,\n}: SupportChatContactFormProps) => {\n  const [step, setStep] = useState(0);\n  const [values, setValues] = useState<Record<string, string>>({});\n  const [problem, setProblem] = useState<string | null>(null);\n  const [saving, setSaving] = useState(false);\n  const [saved, setSaved] = useState(false);\n\n  const field = fields[step];\n  const config = STEPS[field];\n  const value = values[field] ?? '';\n  const isLast = step === fields.length - 1;\n\n  if (saved) {\n    return (\n      <div\n        data-testid=\"support-chat-contact-saved\"\n        className=\"mb-3 ml-1 flex max-w-[85%] flex-col gap-1 rounded-2xl border border-border-100 px-4 py-3\"\n      >\n        {fields.map((item) => (\n          <Text key={item} size=\"xs\" color=\"text-text-600\">\n            {STEPS[item].label}:{' '}\n            <Text as=\"span\" size=\"xs\" weight=\"semibold\" color=\"text-text-900\">\n              {values[item]}\n            </Text>\n          </Text>\n        ))}\n      </div>\n    );\n  }\n\n  const advance = async (event: FormEvent) => {\n    event.preventDefault();\n    const typed = field === 'email' ? value.trim().toLowerCase() : value.trim();\n    const error = validate(field, typed);\n    setProblem(error);\n    if (error) return;\n\n    const next = { ...values, [field]: typed };\n    setValues(next);\n    if (!isLast) {\n      setStep(step + 1);\n      return;\n    }\n\n    setSaving(true);\n    const ok = await onSubmit({\n      ...(next.name ? { requesterName: next.name } : {}),\n      ...(next.email ? { email: next.email } : {}),\n    });\n    setSaving(false);\n    if (ok) setSaved(true);\n  };\n\n  const inputId = `support-chat-contact-${field}`;\n\n  return (\n    <form\n      aria-label=\"Seus dados\"\n      noValidate\n      onSubmit={(event) => void advance(event)}\n      className=\"mb-3 ml-1 flex max-w-[85%] flex-col gap-3 rounded-2xl border border-border-100 px-4 py-3\"\n    >\n      <Input\n        id={inputId}\n        key={field}\n        label={config.label}\n        variant=\"rounded\"\n        size=\"small\"\n        type={config.type}\n        autoComplete={config.autoComplete}\n        placeholder={config.placeholder}\n        value={value}\n        autoFocus\n        disabled={saving}\n        errorMessage={problem ?? undefined}\n        onChange={(event) =>\n          setValues((current) => ({ ...current, [field]: event.target.value }))\n        }\n      />\n      <div className=\"flex items-center justify-between\">\n        <Text size=\"xs\" color=\"text-text-500\">\n          {fields.length > 1 ? `${step + 1} de ${fields.length}` : ''}\n        </Text>\n        <Button\n          type=\"submit\"\n          size=\"small\"\n          disabled={saving}\n          style={accentColor ? { backgroundColor: accentColor } : undefined}\n        >\n          {isLast ? 'Enviar' : 'Avançar'}\n        </Button>\n      </div>\n    </form>\n  );\n};\n","import { useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  ArrowLeftIcon,\n  ArrowSquareOutIcon,\n  ArrowsInSimpleIcon,\n  ArrowsOutSimpleIcon,\n} from '@phosphor-icons/react';\nimport Text from '../Text/Text';\nimport Button from '../Button/Button';\nimport { ArticleContent } from '../ArticleContent/ArticleContent';\nimport { embedVideoLinks } from '../../utils/videoEmbed';\nimport type { SupportChatArticle } from '../../types/supportChat';\nimport { cn } from '../../utils/utils';\n\nexport interface SupportChatArticleViewProps {\n  /** Article to show */\n  articleId: string;\n  /** Title known from the chat, shown while the article loads */\n  initialTitle?: string;\n  /** Loads the article (adapter.getArticle bound to the institution) */\n  loadArticle: (articleId: string) => Promise<SupportChatArticle>;\n  /** Whether the chat window is in the wide mode */\n  expanded: boolean;\n  onToggleExpanded: () => void;\n  /** Back to the conversation (it is kept as it was) */\n  onBack: () => void;\n  /** Page of the article in the help center, for \"Abrir em nova aba\" */\n  externalUrl?: string;\n  /** Header background (theme) */\n  accentStyle?: { backgroundColor: string };\n}\n\nconst formatUpdatedAt = (iso: string) =>\n  new Date(iso).toLocaleDateString('pt-BR', {\n    day: '2-digit',\n    month: '2-digit',\n    year: 'numeric',\n  });\n\n/**\n * FAQ article read inside the support chat, like the Zendesk messenger: the\n * conversation is replaced by the article (no new tab), with back,\n * expand/reduce and open-in-new-tab controls. The big title moves to the\n * header once it scrolls out of view. YouTube/Vimeo links of the article\n * become players.\n */\nexport const SupportChatArticleView = ({\n  articleId,\n  initialTitle,\n  loadArticle,\n  expanded,\n  onToggleExpanded,\n  onBack,\n  externalUrl,\n  accentStyle,\n}: SupportChatArticleViewProps) => {\n  const [article, setArticle] = useState<SupportChatArticle | null>(null);\n  const [failed, setFailed] = useState(false);\n  const [titleHidden, setTitleHidden] = useState(false);\n  const titleRef = useRef<HTMLHeadingElement>(null);\n\n  useEffect(() => {\n    let active = true;\n    setArticle(null);\n    setFailed(false);\n    loadArticle(articleId)\n      .then((loaded) => {\n        if (active) setArticle(loaded);\n      })\n      .catch(() => {\n        if (active) setFailed(true);\n      });\n    return () => {\n      active = false;\n    };\n  }, [articleId, loadArticle]);\n\n  // The big title leaves the screen → show it in the header\n  useEffect(() => {\n    const title = titleRef.current;\n    if (!title || typeof IntersectionObserver === 'undefined') {\n      return undefined;\n    }\n    const observer = new IntersectionObserver(([entry]) =>\n      setTitleHidden(!entry.isIntersecting)\n    );\n    observer.observe(title);\n    return () => observer.disconnect();\n  }, [article]);\n\n  const html = useMemo(\n    () => (article ? embedVideoLinks(article.body) : ''),\n    [article]\n  );\n  const title = article?.title ?? initialTitle ?? 'Artigo';\n\n  return (\n    <div\n      data-testid=\"support-chat-article\"\n      className=\"flex min-h-0 flex-1 flex-col\"\n    >\n      <header\n        className=\"flex items-center gap-1 px-2 py-2 bg-primary-500 text-white\"\n        style={accentStyle}\n      >\n        <Button\n          variant=\"raw\"\n          aria-label=\"Voltar para a janela de mensagens\"\n          onClick={onBack}\n          className=\"p-1 rounded hover:bg-white/20\"\n        >\n          <ArrowLeftIcon size={18} />\n        </Button>\n        <Text\n          as=\"span\"\n          size=\"sm\"\n          weight=\"semibold\"\n          color=\"\"\n          aria-hidden={!titleHidden || undefined}\n          className={cn(\n            'min-w-0 flex-1 truncate transition-opacity',\n            titleHidden ? 'opacity-100' : 'opacity-0'\n          )}\n        >\n          {title}\n        </Text>\n        <Button\n          variant=\"raw\"\n          aria-label={expanded ? 'Reduzir artigo' : 'Expandir artigo'}\n          onClick={onToggleExpanded}\n          className=\"p-1 rounded hover:bg-white/20\"\n        >\n          {expanded ? (\n            <ArrowsInSimpleIcon size={18} />\n          ) : (\n            <ArrowsOutSimpleIcon size={18} />\n          )}\n        </Button>\n        {externalUrl && (\n          <a\n            href={externalUrl}\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            aria-label=\"Abrir em nova aba\"\n            className=\"p-1 rounded hover:bg-white/20\"\n          >\n            <ArrowSquareOutIcon size={18} />\n          </a>\n        )}\n      </header>\n\n      <div className=\"flex-1 overflow-y-auto px-5 py-4\">\n        <Text\n          as=\"h2\"\n          ref={titleRef}\n          size=\"xl\"\n          weight=\"bold\"\n          color=\"text-text-950\"\n        >\n          {title}\n        </Text>\n        {article?.updatedAt && (\n          <Text size=\"xs\" color=\"text-text-500\" className=\"mt-1\">\n            Atualizado em {formatUpdatedAt(article.updatedAt)}\n          </Text>\n        )}\n\n        <div className=\"mt-4\">\n          {failed && (\n            <Text size=\"sm\" role=\"alert\" color=\"text-error-700\">\n              Não foi possível abrir o artigo.\n            </Text>\n          )}\n          {!failed && !article && (\n            <Text size=\"sm\" color=\"text-text-500\">\n              Carregando…\n            </Text>\n          )}\n          {article && <ArticleContent html={html} />}\n        </div>\n      </div>\n    </div>\n  );\n};\n","import { useEffect, useState, type ReactNode } from 'react';\nimport {\n  FileIcon,\n  FilePdfIcon,\n  FileVideoIcon,\n  XIcon,\n} from '@phosphor-icons/react';\nimport Text from '../Text/Text';\nimport Button from '../Button/Button';\nimport {\n  SUPPORT_CHAT_ATTACHMENT_RULES,\n  SUPPORT_CHAT_MAX_ATTACHMENTS,\n  type SupportChatAttachment,\n} from '../../types/supportChat';\n\n/** Value of the `accept` attribute of the file picker */\nexport const SUPPORT_CHAT_ACCEPT = Object.keys(\n  SUPPORT_CHAT_ATTACHMENT_RULES\n).join(',');\n\nconst isImage = (mimeType?: string) => Boolean(mimeType?.startsWith('image/'));\nconst isVideo = (mimeType?: string) => Boolean(mimeType?.startsWith('video/'));\n\nconst formatSize = (bytes: number) => `${Math.round(bytes / (1024 * 1024))} MB`;\n\n/**\n * Keep the files the backend accepts (type, size and count) and say why the\n * others were left out.\n * @param current - Files already picked\n * @param picked - Files just chosen\n * @returns The accepted files and the last problem found, if any\n */\nexport const pickAttachments = (current: File[], picked: File[]) => {\n  const accepted = [...current];\n  let problem: string | null = null;\n  for (const file of picked) {\n    const maxBytes = SUPPORT_CHAT_ATTACHMENT_RULES[file.type];\n    if (!maxBytes) {\n      problem =\n        'Envie imagens (JPG, PNG, GIF, WEBP), PDF ou vídeo (MP4, WEBM, MOV)';\n    } else if (file.size > maxBytes) {\n      problem = `${file.name} passa de ${formatSize(maxBytes)}`;\n    } else if (accepted.length >= SUPPORT_CHAT_MAX_ATTACHMENTS) {\n      problem = `Máximo de ${SUPPORT_CHAT_MAX_ATTACHMENTS} arquivos por mensagem`;\n    } else {\n      accepted.push(file);\n    }\n  }\n  return { accepted, problem };\n};\n\nconst FileTypeIcon = ({ mimeType }: { mimeType?: string }) => {\n  if (mimeType === 'application/pdf') return <FilePdfIcon size={18} />;\n  if (isVideo(mimeType)) return <FileVideoIcon size={18} />;\n  return <FileIcon size={18} />;\n};\n\n/** Files of a message: images and videos inline, other files as links */\nexport const AttachmentList = ({\n  items,\n}: {\n  items: SupportChatAttachment[];\n}) => (\n  <div className=\"flex flex-wrap gap-2 first:mt-0 mt-1\">\n    {items.map((item) => {\n      if (isImage(item.mimeType)) {\n        return (\n          <a key={item.id} href={item.url} target=\"_blank\" rel=\"noreferrer\">\n            <img\n              src={item.url}\n              alt={item.fileName}\n              className=\"max-w-[200px] max-h-[200px] rounded-lg object-cover\"\n            />\n          </a>\n        );\n      }\n      if (isVideo(item.mimeType)) {\n        return (\n          <video\n            key={item.id}\n            src={item.url}\n            controls\n            preload=\"metadata\"\n            aria-label={item.fileName}\n            className=\"max-w-[240px] max-h-[200px] rounded-lg bg-black\"\n          />\n        );\n      }\n      return (\n        <a\n          key={item.id}\n          href={item.url}\n          target=\"_blank\"\n          rel=\"noreferrer\"\n          className=\"flex items-center gap-1 underline\"\n        >\n          <FileTypeIcon mimeType={item.mimeType} />\n          <Text as=\"span\" size=\"sm\" color=\"\">\n            {item.fileName}\n          </Text>\n        </a>\n      );\n    })}\n  </div>\n);\n\n/** A file picked but not sent yet: thumbnail for images, name for the rest */\nexport const PendingAttachment = ({\n  file,\n  onRemove,\n}: {\n  file: File;\n  onRemove: () => void;\n}) => {\n  const image = isImage(file.type);\n  const [url, setUrl] = useState('');\n  useEffect(() => {\n    if (!image) return undefined;\n    const objectUrl = URL.createObjectURL(file);\n    setUrl(objectUrl);\n    return () => URL.revokeObjectURL(objectUrl);\n  }, [file, image]);\n\n  return (\n    <div className=\"relative\">\n      {image ? (\n        url && (\n          <img\n            src={url}\n            alt={file.name}\n            className=\"w-14 h-14 rounded-lg object-cover border border-border-100\"\n          />\n        )\n      ) : (\n        <div className=\"flex h-14 max-w-[160px] items-center gap-1 rounded-lg border border-border-100 px-2 text-text-700\">\n          <FileTypeIcon mimeType={file.type} />\n          <Text as=\"span\" size=\"xs\" className=\"truncate\">\n            {file.name}\n          </Text>\n        </div>\n      )}\n      <Button\n        variant=\"raw\"\n        aria-label={`Remover ${file.name}`}\n        onClick={onRemove}\n        className=\"absolute -top-1 -right-1 w-5 h-5 rounded-full bg-text-700 text-white flex items-center justify-center\"\n      >\n        <XIcon size={12} />\n      </Button>\n    </div>\n  );\n};\n\n/** http(s) addresses inside a message */\nconst URL_PATTERN = /https?:\\/\\/[^\\s<>\"]+/g;\n\n/** Punctuation that ends a sentence, not the address */\nconst TRAILING_PUNCTUATION = /[.,;:!?)\\]]+$/;\n\n/** A FAQ article page: `/artigo/<uuid>` */\nconst ARTICLE_PATH =\n  /\\/artigo\\/([0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12})/i;\n\n/**\n * Message text with its addresses as links. A link to a FAQ article opens in\n * the chat (when `onOpenArticle` is given); the others open a new tab.\n */\nexport const MessageText = ({\n  text,\n  onOpenArticle,\n}: {\n  text: string;\n  onOpenArticle?: (articleId: string) => void;\n}) => {\n  const parts: ReactNode[] = [];\n  let cursor = 0;\n  for (const match of text.matchAll(URL_PATTERN)) {\n    const raw = match[0];\n    const url = raw.replace(TRAILING_PUNCTUATION, '');\n    const start = match.index ?? 0;\n    if (start > cursor) parts.push(text.slice(cursor, start));\n\n    const articleId = onOpenArticle ? ARTICLE_PATH.exec(url)?.[1] : undefined;\n    parts.push(\n      <a\n        key={`${start}-${url}`}\n        href={url}\n        target=\"_blank\"\n        rel=\"noreferrer\"\n        className=\"underline break-all\"\n        onClick={\n          articleId\n            ? (event) => {\n                event.preventDefault();\n                onOpenArticle?.(articleId);\n              }\n            : undefined\n        }\n      >\n        {url}\n      </a>\n    );\n    cursor = start + url.length;\n  }\n  if (cursor < text.length) parts.push(text.slice(cursor));\n\n  return (\n    <Text size=\"sm\" color=\"\" className=\"whitespace-pre-wrap\">\n      {parts}\n    </Text>\n  );\n};\n","import { useMemo } from 'react';\nimport { SupportChatWidget } from './SupportChatWidget';\nimport { createGuestSupportChatAdapter } from './guestSupportChatAdapter';\nimport { useSupportFeatureFlag } from '../../hooks/useSupportFeatureFlag';\nimport { useAppStore } from '../../store/appStore';\nimport { useAuthStore } from '../../store/authStore';\nimport { SupportType, type SupportApiClient } from '../../types/support';\nimport type {\n  SupportChatHttpClient,\n  SupportChatTheme,\n} from '../../types/supportChat';\n\nexport interface NativeSupportChatProps {\n  /** Client of the backend API (the app axios instance fits as it is) */\n  apiClient: SupportApiClient & SupportChatHttpClient;\n  /** App the chat runs in, sent with the ticket (e.g. \"aluno\", \"login\") */\n  channel: string;\n  /**\n   * Extra condition of the app to show the chat, on top of the SUPPORT flag\n   * (e.g. logged in and with the support module). Default: true.\n   */\n  enabled?: boolean;\n  /**\n   * Link of a FAQ article. Default: the FAQ address of the SUPPORT flag\n   * (`<faqUrl>/artigo/<id>`).\n   */\n  faqArticleUrl?: (articleId: string) => string;\n  /** Support WebSocket; without it the chat polls the REST API */\n  wsUrl?: string;\n  theme?: SupportChatTheme;\n}\n\n/**\n * Native support chat ready to drop in an app: reads the SUPPORT feature flag\n * of the institution (from the app store), the logged user (from the auth\n * store) and talks to the support API by itself.\n *\n * Shown only when the institution uses the native support with the internal\n * support and its chat switched on in the backoffice, once the flag is read,\n * and when `enabled`. With Zendesk it renders nothing (the app loads the\n * Zendesk widget). A logged user opens the ticket with their name and e-mail;\n * a visitor gives them to the AI on the first contact.\n *\n * @example\n * <NativeSupportChat apiClient={api} channel=\"aluno\" enabled={hasSupport} />\n */\nexport const NativeSupportChat = ({\n  apiClient,\n  channel,\n  enabled = true,\n  faqArticleUrl,\n  wsUrl,\n  theme,\n}: NativeSupportChatProps) => {\n  const { institutionId } = useAppStore();\n  const userName = useAuthStore(\n    (state) => state.user?.name ?? state.sessionInfo?.userName\n  );\n  const userEmail = useAuthStore((state) => state.user?.email);\n  const flag = useSupportFeatureFlag({ apiClient });\n  const adapter = useMemo(\n    () => createGuestSupportChatAdapter({ apiClient, wsUrl }),\n    [apiClient, wsUrl]\n  );\n\n  const user =\n    userName || userEmail ? { name: userName, email: userEmail } : undefined;\n\n  return (\n    <SupportChatWidget\n      adapter={adapter}\n      channel={channel}\n      institutionId={institutionId || undefined}\n      user={user}\n      theme={theme}\n      faqArticleUrl={faqArticleUrl ?? flag.faqArticleUrl}\n      flags={{\n        enabled: enabled && !flag.loading && flag.isNative && flag.chatEnabled,\n        supportType: flag.isNative ? SupportType.NATIVE : SupportType.ZENDESK,\n      }}\n    />\n  );\n};\n","import {\n  SUPPORT_CHAT_AUTHOR,\n  SUPPORT_CHAT_GUEST_SENDER_ID,\n  SUPPORT_CHAT_STATUS,\n  type SupportChatAdapter,\n  type SupportChatAnswerApi,\n  type SupportChatArticle,\n  type SupportChatEvent,\n  type SupportChatHttpClient,\n  type SupportChatMessage,\n} from '../../types/supportChat';\n\nexport interface GuestSupportChatAdapterOptions {\n  /** Client of the backend API (e.g. the app axios instance) */\n  apiClient: SupportChatHttpClient;\n  /**\n   * Support WebSocket, including ?channel=support (e.g.\n   * wss://bff-hml-chat.analyticaensino.com.br?channel=support).\n   * Without it the adapter only polls the REST API.\n   */\n  wsUrl?: string;\n  /** Polling interval while the socket is not connected, in ms */\n  pollIntervalMs?: number;\n}\n\nconst GUEST_TOKEN_HEADER = 'x-support-guest-token';\n\nconst senderNameFor = (role: string, requesterName: string) => {\n  if (role === SUPPORT_CHAT_AUTHOR.AGENT) return 'Suporte';\n  if (role === SUPPORT_CHAT_AUTHOR.AI) return 'Assistente';\n  return requesterName;\n};\n\n/** REST answer → widget message */\nexport const fromSupportAnswer = (\n  answer: SupportChatAnswerApi,\n  requesterName: string\n): SupportChatMessage => ({\n  id: answer.id,\n  senderId:\n    answer.authorType === SUPPORT_CHAT_AUTHOR.GUEST\n      ? SUPPORT_CHAT_GUEST_SENDER_ID\n      : answer.authorType.toLowerCase(),\n  senderName: senderNameFor(answer.authorType, requesterName),\n  senderPhoto: null,\n  senderRole: answer.authorType,\n  content: answer.answer,\n  messageType: 'text',\n  createdAt: answer.createdAt,\n  attachments: answer.attachments ?? [],\n  faq:\n    answer.faqArticleId && answer.faqArticleTitle\n      ? { id: answer.faqArticleId, title: answer.faqArticleTitle }\n      : null,\n  contactRequest: answer.contactRequest ?? null,\n});\n\n/**\n * Support chat adapter for visitors (no login), on top of the support API:\n * - POST /support/external opens the ticket and returns the guest token;\n * - GET/POST /support/guest/:id/answer read and send, with the token header;\n * - the chat WebSocket (?channel=support&roomId=&token=) pushes the events,\n *   and REST polling covers the time the socket is down.\n */\nexport const createGuestSupportChatAdapter = ({\n  apiClient,\n  wsUrl,\n  pollIntervalMs = 3000,\n}: GuestSupportChatAdapterOptions): SupportChatAdapter => {\n  const sessions = new Map<string, { token: string; name: string }>();\n  /**\n   * Ticket opening text written by the adapter (an image-only start still\n   * needs a description). It is the ticket description for the agents, not\n   * something the visitor typed, so the chat does not show it.\n   */\n  const hiddenIds = new Set<string>();\n  const isVisible = (message: SupportChatMessage) => !hiddenIds.has(message.id);\n\n  const headersFor = (ticketId: string) => ({\n    [GUEST_TOKEN_HEADER]: sessions.get(ticketId)?.token ?? '',\n  });\n  const nameFor = (ticketId: string) =>\n    sessions.get(ticketId)?.name ?? 'Visitante';\n\n  const listMessages = async (ticketId: string) => {\n    const { data } = await apiClient.get<{ data: SupportChatAnswerApi[] }>(\n      `/support/guest/${ticketId}/answer`,\n      { headers: headersFor(ticketId) }\n    );\n    return data.data\n      .map((answer) => fromSupportAnswer(answer, nameFor(ticketId)))\n      .filter(isVisible);\n  };\n\n  /**\n   * Upload each file straight to the storage: ask the backend for a signed\n   * URL, then PUT the file there. Returns what the message needs.\n   */\n  const uploadFiles = (ticketId: string, files: File[]) =>\n    Promise.all(\n      files.map(async (file) => {\n        const { data } = await apiClient.post<{\n          data: { uploadUrl: string; key: string; contentType: string };\n        }>(\n          `/support/guest/${ticketId}/upload-url`,\n          { fileName: file.name, fileSize: file.size, mimeType: file.type },\n          { headers: headersFor(ticketId) }\n        );\n        const { uploadUrl, key, contentType } = data.data;\n        const response = await fetch(uploadUrl, {\n          method: 'PUT',\n          headers: { 'Content-Type': contentType },\n          body: file,\n        });\n        if (!response.ok) {\n          throw new Error(`Não foi possível enviar ${file.name}`);\n        }\n        return {\n          key,\n          fileName: file.name,\n          mimeType: contentType,\n          size: file.size,\n        };\n      })\n    );\n\n  const sendMessage = async (\n    ticketId: string,\n    content: string,\n    files: File[] = []\n  ) => {\n    const attachments = await uploadFiles(ticketId, files);\n    const { data } = await apiClient.post<{ data: SupportChatAnswerApi }>(\n      `/support/guest/${ticketId}/answer`,\n      { answer: content, attachments },\n      { headers: headersFor(ticketId) }\n    );\n    return fromSupportAnswer(data.data, nameFor(ticketId));\n  };\n\n  return {\n    async startConversation({\n      message,\n      institutionId,\n      requesterName,\n      email,\n      files = [],\n    }) {\n      // The ticket needs a description; an image-only start uses the names\n      const description = message || files.map((file) => file.name).join(', ');\n      const { data } = await apiClient.post<{\n        data: { id: string; guestToken: string };\n      }>('/support/external', {\n        description,\n        ...(institutionId ? { institutionId } : {}),\n        ...(requesterName ? { requesterName } : {}),\n        ...(email ? { email } : {}),\n      });\n      const ticketId = data.data.id;\n      sessions.set(ticketId, {\n        token: data.data.guestToken,\n        name: requesterName || 'Visitante',\n      });\n\n      // The first message is saved with the ticket; read it back for its id.\n      // /support/external takes no files, so they go as the next message.\n      let messages = await listMessages(ticketId);\n      if (!message && messages[0]) {\n        hiddenIds.add(messages[0].id);\n        messages = messages.slice(1);\n      }\n      if (files.length) messages.push(await sendMessage(ticketId, '', files));\n      return {\n        ticket: {\n          id: ticketId,\n          status: SUPPORT_CHAT_STATUS.ABERTO,\n          handlerType: null,\n          problemType: null,\n        },\n        messages,\n      };\n    },\n\n    sendMessage,\n\n    async getArticle(institutionId, articleId) {\n      const { data } = await apiClient.get<{\n        data: { article: SupportChatArticle };\n      }>(`/help-center/${institutionId}/articles/${articleId}`);\n      const { id, title, body, updatedAt } = data.data.article;\n      return { id, title, body, updatedAt: updatedAt ?? null };\n    },\n\n    async updateContact(ticketId, contact) {\n      if (!apiClient.put) {\n        throw new Error('O cliente da API não envia PUT');\n      }\n      await apiClient.put(`/support/guest/${ticketId}`, contact, {\n        headers: headersFor(ticketId),\n      });\n      const session = sessions.get(ticketId);\n      if (session && contact.requesterName) {\n        session.name = contact.requesterName;\n      }\n    },\n\n    listMessages,\n\n    subscribe(ticketId, listener) {\n      // id → what the chat shows besides the text; a message seen again with\n      // more of it (a stale WebSocket history may lack contactRequest/faq) is\n      // delivered again so the chat replaces it\n      const seen = new Map<string, string>();\n      const extrasOf = (message: SupportChatMessage) =>\n        JSON.stringify([message.contactRequest ?? null, message.faq ?? null]);\n      const NO_EXTRAS = JSON.stringify([null, null]);\n      let socket: WebSocket | null = null;\n      let pollTimer: ReturnType<typeof setInterval> | null = null;\n      let active = true;\n\n      const deliver = (message: SupportChatMessage) => {\n        if (!isVisible(message)) return;\n        const extras = extrasOf(message);\n        const previous = seen.get(message.id);\n        // Same as before, or a poorer copy: nothing new to show\n        if (previous === extras || (previous && extras === NO_EXTRAS)) return;\n        seen.set(message.id, extras);\n        listener({ type: 'new_message', payload: { message } });\n      };\n\n      const poll = async () => {\n        try {\n          (await listMessages(ticketId)).forEach(deliver);\n        } catch {\n          // Next tick tries again\n        }\n      };\n      const startPolling = () => {\n        if (pollTimer || !active) return;\n        void poll();\n        pollTimer = setInterval(poll, pollIntervalMs);\n      };\n      const stopPolling = () => {\n        if (pollTimer) clearInterval(pollTimer);\n        pollTimer = null;\n      };\n\n      const handleFrame = (raw: string) => {\n        let event: { type?: string; payload?: Record<string, unknown> };\n        try {\n          event = JSON.parse(raw);\n        } catch {\n          return;\n        }\n        const payload = event.payload ?? {};\n        if (event.type === 'history') {\n          (payload.messages as SupportChatMessage[]).forEach((message) =>\n            deliver({ ...message, attachments: message.attachments ?? [] })\n          );\n        } else if (event.type === 'new_message') {\n          const message = payload.message as SupportChatMessage;\n          deliver({ ...message, attachments: message.attachments ?? [] });\n        } else if (\n          event.type === 'message_updated' ||\n          event.type === 'ticket_updated'\n        ) {\n          listener(event as SupportChatEvent);\n        } else if (event.type === 'error') {\n          listener({\n            type: 'error',\n            payload: {\n              message: String(payload.message_text ?? payload.message ?? ''),\n            },\n          });\n        }\n      };\n\n      const token = sessions.get(ticketId)?.token;\n      if (wsUrl && token) {\n        const url = new URL(wsUrl);\n        url.searchParams.set('channel', 'support');\n        url.searchParams.set('roomId', ticketId);\n        url.searchParams.set('token', token);\n        socket = new WebSocket(url.toString());\n        socket.onopen = () => {\n          stopPolling();\n          socket?.send(JSON.stringify({ type: 'getInitialData' }));\n          // The REST API is the source of truth: a WebSocket deployed apart\n          // from it may send a history without contactRequest/faq\n          void poll();\n        };\n        socket.onmessage = (event) => handleFrame(String(event.data));\n        socket.onclose = startPolling;\n        socket.onerror = startPolling;\n      } else {\n        startPolling();\n      }\n\n      return () => {\n        active = false;\n        stopPolling();\n        if (socket) {\n          socket.onclose = null;\n          socket.close();\n        }\n      };\n    },\n  };\n};\n","import {\n  SUPPORT_CHAT_AUTHOR,\n  SUPPORT_CHAT_GUEST_SENDER_ID,\n  SUPPORT_CHAT_HANDLER,\n  SUPPORT_CHAT_STATUS,\n  type SupportChatAdapter,\n  type SupportChatEvent,\n  type SupportChatMessage,\n  type SupportChatTicket,\n} from '../../types/supportChat';\n\nexport interface MockSupportChatAdapterOptions {\n  /** Latency of every call, in ms (default 300) */\n  delayMs?: number;\n  /** Delay of the automatic agent reply, in ms (default 1500) */\n  replyDelayMs?: number;\n  /** Text of the agent reply; null disables it */\n  replyText?: string | null;\n}\n\nconst DEFAULT_REPLY =\n  'Olá! Recebemos sua mensagem e já vamos te ajudar. Este é um atendimento de demonstração.';\n\n/**\n * In-memory adapter for the support chat widget. It mirrors the backend\n * contract (statuses, authors, events) so the widget can be built and tested\n * before the real API + WebSocket adapter exists.\n */\nexport const createMockSupportChatAdapter = ({\n  delayMs = 300,\n  replyDelayMs = 1500,\n  replyText = DEFAULT_REPLY,\n}: MockSupportChatAdapterOptions = {}): SupportChatAdapter => {\n  const tickets = new Map<string, SupportChatTicket>();\n  const messages = new Map<string, SupportChatMessage[]>();\n  const requesters = new Map<string, { name: string; logged: boolean }>();\n  const listeners = new Map<string, Set<(event: SupportChatEvent) => void>>();\n  let sequence = 0;\n\n  const wait = () => new Promise((resolve) => setTimeout(resolve, delayMs));\n  const nextId = (prefix: string) => `${prefix}-${++sequence}`;\n\n  const emit = (ticketId: string, event: SupportChatEvent) => {\n    listeners.get(ticketId)?.forEach((listener) => listener(event));\n  };\n\n  const append = (ticketId: string, message: SupportChatMessage) => {\n    messages.set(ticketId, [...(messages.get(ticketId) ?? []), message]);\n  };\n\n  const toAttachments = (files: File[]) =>\n    files.map((file) => ({\n      id: nextId('file'),\n      url: URL.createObjectURL(file),\n      fileName: file.name,\n      mimeType: file.type,\n      size: file.size,\n    }));\n\n  const buildRequesterMessage = (\n    ticketId: string,\n    content: string,\n    files: File[] = []\n  ): SupportChatMessage => {\n    const requester = requesters.get(ticketId);\n    return {\n      id: nextId('msg'),\n      senderId: requester?.logged ? 'user' : SUPPORT_CHAT_GUEST_SENDER_ID,\n      senderName: requester?.name ?? 'Visitante',\n      senderPhoto: null,\n      senderRole: requester?.logged\n        ? SUPPORT_CHAT_AUTHOR.USER\n        : SUPPORT_CHAT_AUTHOR.GUEST,\n      content,\n      messageType: 'text',\n      createdAt: new Date().toISOString(),\n      attachments: toAttachments(files),\n    };\n  };\n\n  const scheduleReply = (ticketId: string) => {\n    if (replyText === null) return;\n    setTimeout(() => {\n      const ticket = tickets.get(ticketId);\n      if (!ticket) return;\n\n      const reply: SupportChatMessage = {\n        id: nextId('msg'),\n        senderId: 'agent',\n        senderName: 'Suporte',\n        senderPhoto: null,\n        senderRole: SUPPORT_CHAT_AUTHOR.AGENT,\n        content: replyText,\n        messageType: 'text',\n        createdAt: new Date().toISOString(),\n        attachments: [],\n      };\n      append(ticketId, reply);\n\n      const updated: SupportChatTicket = {\n        ...ticket,\n        status: SUPPORT_CHAT_STATUS.EM_ANDAMENTO,\n        handlerType: SUPPORT_CHAT_HANDLER.HUMANO,\n      };\n      tickets.set(ticketId, updated);\n\n      emit(ticketId, { type: 'new_message', payload: { message: reply } });\n      emit(ticketId, {\n        type: 'ticket_updated',\n        payload: {\n          ticketId,\n          status: updated.status,\n          handlerType: updated.handlerType,\n          problemType: updated.problemType,\n        },\n      });\n    }, replyDelayMs);\n  };\n\n  return {\n    async getArticle(_institutionId, articleId) {\n      await wait();\n      return {\n        id: articleId,\n        title: 'Como gerar e localizar simulados',\n        body:\n          '<p>Monte um simulado com as matérias que quiser e acompanhe o resultado. 📝</p>' +\n          '<h2>Passo a passo</h2>' +\n          '<ol><li><p>No menu, abra <strong>Simulados</strong>.</p></li>' +\n          '<li><p>Clique em <strong>Gerar simulado</strong> e escolha as áreas.</p></li>' +\n          '<li><p>Responda e veja o resultado em <strong>Histórico</strong>.</p></li></ol>' +\n          '<p><a href=\"https://www.youtube.com/watch?v=dQw4w9WgXcQ\">Assista ao vídeo do passo a passo</a></p>' +\n          '<blockquote><p>💡 Dica: refaça as questões que errou.</p></blockquote>',\n        updatedAt: '2026-10-21T12:00:00.000Z',\n      };\n    },\n\n    async startConversation({ message, requesterName, email, files }) {\n      await wait();\n      const ticket: SupportChatTicket = {\n        id: nextId('ticket'),\n        status: SUPPORT_CHAT_STATUS.ABERTO,\n        handlerType: null,\n        problemType: null,\n      };\n      tickets.set(ticket.id, ticket);\n      requesters.set(ticket.id, {\n        name: requesterName || 'Visitante',\n        logged: Boolean(email),\n      });\n\n      const first = buildRequesterMessage(ticket.id, message, files);\n      append(ticket.id, first);\n      scheduleReply(ticket.id);\n      return { ticket, messages: [first] };\n    },\n\n    async sendMessage(ticketId, content, files) {\n      await wait();\n      const ticket = tickets.get(ticketId);\n      if (!ticket) throw new Error('Atendimento não encontrado');\n      if (ticket.status === SUPPORT_CHAT_STATUS.FECHADO) {\n        throw new Error('Este atendimento já foi encerrado');\n      }\n\n      const message = buildRequesterMessage(ticketId, content, files);\n      append(ticketId, message);\n      scheduleReply(ticketId);\n      return message;\n    },\n\n    async listMessages(ticketId) {\n      await wait();\n      return [...(messages.get(ticketId) ?? [])];\n    },\n\n    subscribe(ticketId, listener) {\n      const set = listeners.get(ticketId) ?? new Set();\n      set.add(listener);\n      listeners.set(ticketId, set);\n      return () => {\n        set.delete(listener);\n      };\n    },\n  };\n};\n"]}

package/dist/chunk-IMMKWOYJ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/analytica-frontend-lib/analytica-frontend-lib/dist/chunk-IMMKWOYJ.js","../src/components/SupportUserPanel/SupportUserPanel.tsx","../src/components/SupportUserPanel/SupportProfileTab.tsx","../src/components/SupportUserPanel/SupportPanelShared.tsx","../src/components/SupportUserPanel/supportUserPanelUtils.ts","../src/components/SupportUserPanel/SupportHistoryTab.tsx","../src/components/SupportUserPanel/SupportTicketDetailsTab.tsx"],"names":["useEffect"],"mappings":"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","file":"/home/runner/work/analytica-frontend-lib/analytica-frontend-lib/dist/chunk-IMMKWOYJ.js","sourcesContent":[null,"import { useEffect, useState } from 'react';\nimport { Menu, MenuContent, MenuItem } from '../Menu/Menu';\nimport { cn } from '../../utils/utils';\nimport {\n  SUPPORT_USER_PANEL_TAB,\n  type SupportUserPanelTab,\n} from '../../types/supportUserPanel';\nimport SupportProfileTab, {\n  type SupportProfileTabProps,\n} from './SupportProfileTab';\nimport SupportHistoryTab, {\n  type SupportHistoryTabProps,\n} from './SupportHistoryTab';\nimport SupportTicketDetailsTab, {\n  type SupportTicketDetailsTabProps,\n} from './SupportTicketDetailsTab';\n\nconst TABS: { value: SupportUserPanelTab; label: string }[] = [\n  { value: SUPPORT_USER_PANEL_TAB.PROFILE, label: 'Perfil' },\n  { value: SUPPORT_USER_PANEL_TAB.HISTORY, label: 'Histórico' },\n  { value: SUPPORT_USER_PANEL_TAB.TICKET, label: 'Detalhes' },\n];\n\n/** Props for the support user panel */\nexport interface SupportUserPanelProps {\n  /** Controlled tab. Omit to let the panel keep it (default: ticket details) */\n  tab?: SupportUserPanelTab;\n  /**\n   * Notified on tab change. Keep the panel mounted (or control `tab`) while\n   * the agent moves between tickets so the chosen tab persists.\n   */\n  onTabChange?: (tab: SupportUserPanelTab) => void;\n  /** Enables Alt+1 / Alt+2 / Alt+3 to switch tabs (default: true) */\n  enableShortcuts?: boolean;\n  profile: SupportProfileTabProps;\n  history: SupportHistoryTabProps;\n  ticket: SupportTicketDetailsTabProps;\n  className?: string;\n}\n\n/**\n * Right-side panel of the agent's ticket screen (300px). Shows the contact\n * of the open conversation and the current ticket in three tabs: Perfil,\n * Histórico and Detalhes (the current ticket).\n *\n * Presentational: data comes in through props and every change goes out\n * through callbacks. Saves made from the ticket tab are optimistic, with a\n * \"Salvo\" toast, or a rollback and an error toast when the callback rejects.\n */\nexport default function SupportUserPanel({\n  tab,\n  onTabChange,\n  enableShortcuts = true,\n  profile,\n  history,\n  ticket,\n  className,\n}: Readonly<SupportUserPanelProps>) {\n  const [internalTab, setInternalTab] = useState<SupportUserPanelTab>(\n    SUPPORT_USER_PANEL_TAB.TICKET\n  );\n  const active = tab ?? internalTab;\n\n  const changeTab = (next: SupportUserPanelTab) => {\n    if (tab === undefined) setInternalTab(next);\n    onTabChange?.(next);\n  };\n\n  useEffect(() => {\n    if (!enableShortcuts) return undefined;\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (!event.altKey || event.ctrlKey || event.metaKey) return;\n      // `code` instead of `key`: on macOS Alt+1 types \"¡\", not \"1\".\n      const index = ['Digit1', 'Digit2', 'Digit3'].indexOf(event.code);\n      if (index === -1) return;\n      event.preventDefault();\n      const next = TABS[index].value;\n      if (tab === undefined) setInternalTab(next);\n      onTabChange?.(next);\n    };\n    globalThis.addEventListener('keydown', handleKeyDown);\n    return () => globalThis.removeEventListener('keydown', handleKeyDown);\n  }, [enableShortcuts, onTabChange, tab]);\n\n  return (\n    <aside\n      aria-label=\"Painel do usuário\"\n      className={cn(\n        'flex h-full w-[300px] shrink-0 flex-col border-l border-border-100 bg-background',\n        className\n      )}\n    >\n      <div className=\"shrink-0 border-b border-border-100 px-4\">\n        <Menu\n          defaultValue={SUPPORT_USER_PANEL_TAB.TICKET}\n          value={active}\n          variant=\"menu2\"\n          semantics=\"tabs\"\n          onValueChange={(value) => changeTab(value as SupportUserPanelTab)}\n          className=\"!py-0\"\n        >\n          {/* Equal widths (`w-full`) leave ~89px per tab in 300px. Each tab\n              takes the width of its label and the leftover is shared, so\n              longer labels still fit on one line. */}\n          <MenuContent\n            variant=\"menu2\"\n            className=\"!gap-1 [&>li]:!w-auto [&>li]:flex-auto [&>li]:!px-0\"\n          >\n            {TABS.map((item) => (\n              <MenuItem\n                key={item.value}\n                value={item.value}\n                variant=\"menu2\"\n                aria-controls={`support-user-panel-${item.value}`}\n                className=\"!px-0 !text-[13px] whitespace-nowrap\"\n              >\n                {item.label}\n              </MenuItem>\n            ))}\n          </MenuContent>\n        </Menu>\n      </div>\n\n      <div\n        id={`support-user-panel-${active}`}\n        role=\"tabpanel\"\n        aria-label={TABS.find((item) => item.value === active)?.label}\n        className=\"min-h-0 flex-1 overflow-y-auto p-4\"\n      >\n        {active === SUPPORT_USER_PANEL_TAB.PROFILE && (\n          <SupportProfileTab {...profile} />\n        )}\n        {active === SUPPORT_USER_PANEL_TAB.HISTORY && (\n          <SupportHistoryTab {...history} />\n        )}\n        {active === SUPPORT_USER_PANEL_TAB.TICKET && (\n          <SupportTicketDetailsTab {...ticket} />\n        )}\n      </div>\n    </aside>\n  );\n}\n","import { useId, useState } from 'react';\nimport Avatar from '../Avatar/Avatar';\nimport Button from '../Button/Button';\nimport Text from '../Text/Text';\nimport TextArea from '../TextArea/TextArea';\nimport { Skeleton, SkeletonText } from '../Skeleton/Skeleton';\nimport useToastStore from '../Toast/utils/ToastStore';\nimport { cn } from '../../utils/utils';\nimport type { SupportContact } from '../../types/supportUserPanel';\nimport { FieldLabel } from './SupportPanelShared';\nimport {\n  formatDate,\n  formatPhone,\n  formatRelativeDay,\n} from './supportUserPanelUtils';\n\n/** Props for the profile tab */\nexport interface SupportProfileTabProps {\n  contact?: SupportContact | null;\n  loading?: boolean;\n  /** Opens \"Usuários / Contatos – Detalhe do contato\" */\n  onOpenContact?: () => void;\n  /** Starts linking an unlinked contact to a platform user */\n  onLinkContact?: () => void;\n  /** Persists a note; reject to keep the text in the box */\n  onAddNote?: (text: string) => Promise<void> | void;\n}\n\nconst linkClasses =\n  'underline underline-offset-2 rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indicator-info';\n\n/** Read-only field; clicking copies the value */\nconst CopyField = ({ label, value }: { label: string; value?: string }) => {\n  const addToast = useToastStore((state) => state.addToast);\n  const labelId = useId();\n\n  const copy = async () => {\n    if (!value) return;\n    try {\n      await navigator.clipboard.writeText(value);\n      addToast({ title: 'Copiado', action: 'success', position: 'top-right' });\n    } catch {\n      addToast({\n        title: 'Não foi possível copiar',\n        action: 'warning',\n        position: 'top-right',\n      });\n    }\n  };\n\n  return (\n    <div className=\"flex flex-col gap-1.5\">\n      <FieldLabel id={labelId}>{label}</FieldLabel>\n      {value ? (\n        <Button\n          variant=\"raw\"\n          onClick={copy}\n          aria-labelledby={labelId}\n          aria-describedby={`${labelId}-value`}\n          title=\"Clique para copiar\"\n          className=\"w-full rounded-lg border border-border-300 bg-background px-3 py-2.5 text-left hover:border-border-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indicator-info\"\n        >\n          <Text\n            as=\"span\"\n            id={`${labelId}-value`}\n            size=\"sm\"\n            color=\"text-text-950\"\n            className=\"block truncate\"\n          >\n            {value}\n          </Text>\n        </Button>\n      ) : (\n        <div\n          aria-labelledby={labelId}\n          className=\"w-full rounded-lg border border-border-300 bg-background px-3 py-2.5\"\n        >\n          <Text as=\"span\" size=\"sm\" color=\"text-text-400\">\n            —\n          </Text>\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst ProfileSkeleton = () => (\n  <div\n    className=\"flex flex-col gap-4\"\n    aria-busy=\"true\"\n    aria-label=\"Carregando perfil\"\n  >\n    <div className=\"flex items-center gap-3\">\n      <Skeleton variant=\"circular\" width={44} height={44} />\n      <div className=\"flex flex-1 flex-col gap-1.5\">\n        <SkeletonText width=\"60%\" />\n        <SkeletonText width=\"80%\" />\n      </div>\n    </div>\n    <Skeleton variant=\"rounded\" height={40} />\n    <Skeleton variant=\"rounded\" height={40} />\n    <SkeletonText lines={5} spacing=\"medium\" />\n  </div>\n);\n\n/**\n * Profile tab: contact header, link badge, e-mail/phone, key/value facts\n * and the team notes about the user.\n */\nexport default function SupportProfileTab({\n  contact,\n  loading = false,\n  onOpenContact,\n  onLinkContact,\n  onAddNote,\n}: Readonly<SupportProfileTabProps>) {\n  const [note, setNote] = useState('');\n  const [savingNote, setSavingNote] = useState(false);\n  const addToast = useToastStore((state) => state.addToast);\n\n  if (loading || !contact) return <ProfileSkeleton />;\n\n  const canAddNote =\n    Boolean(onAddNote) && note.trim().length > 0 && !savingNote;\n\n  const submitNote = async () => {\n    if (!canAddNote || !onAddNote) return;\n    setSavingNote(true);\n    try {\n      await onAddNote(note.trim());\n      setNote('');\n    } catch {\n      // The text stays in the box so the agent can retry.\n      addToast({\n        title: 'Não foi possível adicionar a nota',\n        action: 'warning',\n        position: 'top-right',\n      });\n    } finally {\n      setSavingNote(false);\n    }\n  };\n\n  const facts: [string, string][] = [\n    ['Turma / cargo', contact.classOrPosition || '—'],\n    ['Instituição', contact.institution || '—'],\n    ['Primeiro contato', formatDate(contact.firstContactAt)],\n    ['Último contato', formatRelativeDay(contact.lastContactAt)],\n    ['Total de atendimentos', String(contact.ticketsCount)],\n    ['Dispositivo', contact.device || '—'],\n    ['Canal preferido', contact.preferredChannel],\n  ];\n\n  const notes = [...contact.notes].sort(\n    (a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()\n  );\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <div className=\"flex items-center gap-3\">\n        <Avatar\n          src={contact.avatarUrl}\n          name={contact.name}\n          size={44}\n          fallback=\"initials\"\n        />\n        <div className=\"flex min-w-0 flex-col\">\n          <Text\n            size=\"sm\"\n            weight=\"bold\"\n            color=\"text-text-950\"\n            className=\"truncate\"\n          >\n            {contact.name}\n          </Text>\n          <Text size=\"xs\" color=\"text-text-600\" className=\"truncate\">\n            {contact.role} · {contact.institution}\n          </Text>\n        </div>\n      </div>\n\n      {contact.linked ? (\n        <Text\n          size=\"xs\"\n          color=\"text-success-800\"\n          className=\"rounded-lg border border-success-200 bg-success-background px-3 py-2\"\n        >\n          ✓ Vinculado à plataforma\n          {onOpenContact && (\n            <>\n              {' · '}\n              <Button\n                variant=\"raw\"\n                onClick={onOpenContact}\n                className={linkClasses}\n              >\n                ver cadastro\n              </Button>\n            </>\n          )}\n        </Text>\n      ) : (\n        <Text\n          size=\"xs\"\n          color=\"text-warning-800\"\n          className=\"rounded-lg bg-warning-background px-3 py-2\"\n        >\n          Usuário não vinculado\n          {onLinkContact && (\n            <>\n              {' · '}\n              <Button\n                variant=\"raw\"\n                onClick={onLinkContact}\n                className={linkClasses}\n              >\n                vincular\n              </Button>\n            </>\n          )}\n        </Text>\n      )}\n\n      <CopyField label=\"E-mail\" value={contact.email ?? undefined} />\n      <CopyField\n        label=\"Telefone\"\n        value={contact.phone ? formatPhone(contact.phone) : undefined}\n      />\n\n      <dl className=\"flex flex-col\">\n        {facts.map(([key, value]) => (\n          <div\n            key={key}\n            className=\"flex items-baseline justify-between gap-3 border-b border-border-100 py-2 last:border-b-0\"\n          >\n            <Text as=\"dt\" size=\"xs\" color=\"text-text-600\">\n              {key}\n            </Text>\n            <Text\n              as=\"dd\"\n              size=\"xs\"\n              weight=\"medium\"\n              color=\"text-text-950\"\n              className=\"text-right\"\n            >\n              {value}\n            </Text>\n          </div>\n        ))}\n      </dl>\n\n      <hr className=\"border-border-100\" />\n\n      <div className=\"flex flex-col gap-2\">\n        <FieldLabel>Notas sobre o usuário</FieldLabel>\n        <TextArea\n          value={note}\n          onChange={(event) => setNote(event.target.value)}\n          placeholder=\"Escreva uma nota visível para a equipe\"\n          aria-label=\"Nota sobre o usuário\"\n          size=\"small\"\n          className=\"!h-16 min-h-16\"\n          disabled={!onAddNote}\n        />\n        <div className=\"flex justify-end\">\n          <Button\n            size=\"small\"\n            className=\"rounded-full\"\n            onClick={submitNote}\n            disabled={!canAddNote}\n          >\n            Adicionar nota\n          </Button>\n        </div>\n        {notes.length > 0 && (\n          <ul\n            aria-label=\"Notas sobre o usuário\"\n            className=\"flex flex-col gap-2\"\n          >\n            {notes.map((item) => (\n              <li\n                key={item.id}\n                className={cn(\n                  'flex flex-col gap-1 rounded-lg border border-warning-200 bg-exam-3 px-3 py-2'\n                )}\n              >\n                <Text\n                  size=\"xs\"\n                  color=\"text-text-950\"\n                  className=\"whitespace-pre-line\"\n                >\n                  {item.text}\n                </Text>\n                <Text size=\"2xs\" color=\"text-warning-800\">\n                  {item.author} · {formatDate(item.createdAt)}\n                </Text>\n              </li>\n            ))}\n          </ul>\n        )}\n      </div>\n    </div>\n  );\n}\n","import { useCallback, useEffect, useState, type ReactNode } from 'react';\nimport Text from '../Text/Text';\nimport useToastStore from '../Toast/utils/ToastStore';\n\n/** Grey stat tile: small muted label over a bold value */\nexport const StatTile = ({\n  label,\n  value,\n  valueSize = 'sm',\n}: {\n  label: string;\n  value: ReactNode;\n  /** `sm` (14px) on the ticket grid, `md` (16px) on the history summary */\n  valueSize?: 'sm' | 'md';\n}) => (\n  <div className=\"flex min-w-0 flex-col gap-0.5 rounded-lg bg-background-100 px-3 py-2.5\">\n    <Text size=\"xs\" color=\"text-text-600\" className=\"truncate\">\n      {label}\n    </Text>\n    <Text\n      size={valueSize}\n      weight=\"bold\"\n      color=\"text-text-950\"\n      className=\"truncate\"\n    >\n      {value}\n    </Text>\n  </div>\n);\n\n/** Section title used above fields (13px / 600) */\nexport const FieldLabel = ({\n  children,\n  id,\n}: {\n  children: ReactNode;\n  id?: string;\n}) => (\n  <Text id={id} size=\"sm\" weight=\"semibold\" color=\"text-text-950\">\n    {children}\n  </Text>\n);\n\n/**\n * Optimistic auto-save: applies the value right away, calls `save`, shows\n * \"Salvo\" on success and rolls back with an error toast on failure.\n *\n * @param value - Value coming from props (source of truth after a save)\n * @param save - Persists the new value; reject to trigger the rollback\n * @returns The value to render and the setter that saves it\n */\nexport function useOptimisticValue<T>(\n  value: T,\n  save: ((next: T) => Promise<void> | void) | undefined\n): [T, (next: T) => Promise<void>] {\n  const [current, setCurrent] = useState(value);\n  const addToast = useToastStore((state) => state.addToast);\n\n  useEffect(() => {\n    setCurrent(value);\n  }, [value]);\n\n  const update = useCallback(\n    async (next: T) => {\n      if (!save) return;\n      const previous = current;\n      setCurrent(next);\n      try {\n        await save(next);\n        addToast({ title: 'Salvo', action: 'success', position: 'top-right' });\n      } catch {\n        setCurrent(previous);\n        addToast({\n          title: 'Não foi possível salvar',\n          description: 'A alteração foi desfeita. Tente novamente.',\n          action: 'warning',\n          position: 'top-right',\n        });\n      }\n    },\n    [addToast, current, save]\n  );\n\n  return [current, update];\n}\n\n/**\n * Current time, refreshed every `intervalMs` while `active` — drives the\n * live wait/total counters of an open ticket.\n */\nexport function useNow(active: boolean, intervalMs = 30_000): Date {\n  const [now, setNow] = useState(() => new Date());\n\n  useEffect(() => {\n    if (!active) return undefined;\n    setNow(new Date());\n    const id = setInterval(() => setNow(new Date()), intervalMs);\n    return () => clearInterval(id);\n  }, [active, intervalMs]);\n\n  return now;\n}\n","import {\n  SUPPORT_HISTORY_FILTER,\n  SUPPORT_TICKET_CARD_STATUS,\n  type SupportHistoryFilter,\n  type SupportTicketSummary,\n} from '../../types/supportUserPanel';\n\nconst pad = (value: number) => String(value).padStart(2, '0');\n\nconst isSameDay = (a: Date, b: Date) =>\n  a.getFullYear() === b.getFullYear() &&\n  a.getMonth() === b.getMonth() &&\n  a.getDate() === b.getDate();\n\nconst isYesterday = (date: Date, now: Date) => {\n  const yesterday = new Date(now);\n  yesterday.setDate(now.getDate() - 1);\n  return isSameDay(date, yesterday);\n};\n\n/** `dd/mm/aaaa` */\nexport const formatDate = (iso: string): string => {\n  const date = new Date(iso);\n  return `${pad(date.getDate())}/${pad(date.getMonth() + 1)}/${date.getFullYear()}`;\n};\n\n/** `HH:MM` */\nexport const formatTime = (iso: string): string => {\n  const date = new Date(iso);\n  return `${pad(date.getHours())}:${pad(date.getMinutes())}`;\n};\n\n/** `Hoje`, `Ontem` or `dd/mm/aaaa` — used for the contact's last contact */\nexport const formatRelativeDay = (iso: string, now = new Date()): string => {\n  const date = new Date(iso);\n  if (isSameDay(date, now)) return 'Hoje';\n  if (isYesterday(date, now)) return 'Ontem';\n  return formatDate(iso);\n};\n\n/** `Hoje, HH:MM` or `dd/mm/aaaa` — history cards */\nexport const formatCardDate = (iso: string, now = new Date()): string =>\n  isSameDay(new Date(iso), now) ? `Hoje, ${formatTime(iso)}` : formatDate(iso);\n\n/** `Hoje, HH:MM` or `dd/mm, HH:MM` — \"Aberto em\" stat */\nexport const formatOpenedAt = (iso: string, now = new Date()): string => {\n  const date = new Date(iso);\n  if (isSameDay(date, now)) return `Hoje, ${formatTime(iso)}`;\n  return `${pad(date.getDate())}/${pad(date.getMonth() + 1)}, ${formatTime(iso)}`;\n};\n\n/** `HH:MM` for today, `dd/mm HH:MM` otherwise — status timeline */\nexport const formatTimelineTime = (iso: string, now = new Date()): string => {\n  const date = new Date(iso);\n  if (isSameDay(date, now)) return formatTime(iso);\n  return `${pad(date.getDate())}/${pad(date.getMonth() + 1)} ${formatTime(iso)}`;\n};\n\n/** `(DD) 9XXXX-XXXX`; values that are not a BR number are returned as given */\nexport const formatPhone = (phone: string): string => {\n  const digits = phone.replace(/\\D/g, '');\n  if (digits.length === 11) {\n    return `(${digits.slice(0, 2)}) ${digits.slice(2, 7)}-${digits.slice(7)}`;\n  }\n  if (digits.length === 10) {\n    return `(${digits.slice(0, 2)}) ${digits.slice(2, 6)}-${digits.slice(6)}`;\n  }\n  return phone;\n};\n\n/** `18 min`, `1h 05min` */\nexport const formatDuration = (minutes: number): string => {\n  const total = Math.max(0, Math.floor(minutes));\n  if (total < 60) return `${total} min`;\n  return `${Math.floor(total / 60)}h ${pad(total % 60)}min`;\n};\n\n/** Whole minutes between two ISO dates (or between a date and `now`) */\nexport const minutesBetween = (\n  fromIso: string,\n  toIso: string | null | undefined,\n  now = new Date()\n): number => {\n  const to = toIso ? new Date(toIso) : now;\n  return Math.max(\n    0,\n    Math.floor((to.getTime() - new Date(fromIso).getTime()) / 60_000)\n  );\n};\n\n/** Whether a ticket card matches the selected history filter */\nexport const matchesHistoryFilter = (\n  ticket: SupportTicketSummary,\n  filter: SupportHistoryFilter\n): boolean => {\n  const done = ticket.status === SUPPORT_TICKET_CARD_STATUS.DONE;\n  switch (filter) {\n    case SUPPORT_HISTORY_FILTER.OPEN:\n      return !done;\n    case SUPPORT_HISTORY_FILTER.DONE:\n      return done;\n    case SUPPORT_HISTORY_FILTER.AI:\n      return done && ticket.resolvedBy?.type === 'ai';\n    default:\n      return true;\n  }\n};\n","import { useId, useState } from 'react';\nimport { CaretDownIcon } from '@phosphor-icons/react/dist/csr/CaretDown';\nimport Badge from '../Badge/Badge';\nimport Button from '../Button/Button';\nimport Chips from '../Chips/Chips';\nimport Text from '../Text/Text';\nimport { Skeleton } from '../Skeleton/Skeleton';\nimport { cn } from '../../utils/utils';\nimport {\n  SUPPORT_HISTORY_FILTER,\n  SUPPORT_TICKET_CARD_STATUS,\n  SUPPORT_TICKET_PRIORITY,\n  type SupportHistoryFilter,\n  type SupportHistorySummary,\n  type SupportTicketCardStatus,\n  type SupportTicketId,\n  type SupportTicketPriority,\n  type SupportTicketSummary,\n} from '../../types/supportUserPanel';\nimport { StatTile } from './SupportPanelShared';\nimport {\n  formatCardDate,\n  formatDuration,\n  matchesHistoryFilter,\n} from './supportUserPanelUtils';\n\n/** Cards shown before \"Ver todos os atendimentos\" */\nconst INITIAL_VISIBLE = 5;\n/** Cards added by each \"Ver todos os atendimentos\" click */\nconst PAGE_SIZE = 10;\n\n/** Props for the history tab */\nexport interface SupportHistoryTabProps {\n  /** Id of the ticket open in the conversation (pinned on top, not clickable) */\n  currentTicketId: SupportTicketId;\n  /** Every ticket of the contact, including the current one */\n  tickets: SupportTicketSummary[];\n  summary: SupportHistorySummary;\n  loading?: boolean;\n  /** Whether the server has tickets beyond `tickets` */\n  hasMore?: boolean;\n  /** Asks the consumer for the next page once the loaded cards run out */\n  onLoadMore?: () => void;\n  /** Opens another ticket in the central area */\n  onOpenTicket?: (ticketId: SupportTicketId) => void;\n  /** Notified on filter change (e.g. to filter on the server) */\n  onFilterChange?: (filter: SupportHistoryFilter) => void;\n}\n\nconst FILTERS: { value: SupportHistoryFilter; label: string }[] = [\n  { value: SUPPORT_HISTORY_FILTER.ALL, label: 'Todos' },\n  { value: SUPPORT_HISTORY_FILTER.OPEN, label: 'Abertos' },\n  { value: SUPPORT_HISTORY_FILTER.DONE, label: 'Concluídos' },\n  { value: SUPPORT_HISTORY_FILTER.AI, label: 'IA' },\n];\n\n// `warning` rather than `orange` for the human statuses: the `orange-*`\n// colors are not theme tokens, so they would not follow dark mode.\nconst STATUS_BADGE: Record<\n  SupportTicketCardStatus,\n  { label: string; action: 'info' | 'warning' | 'success' }\n> = {\n  [SUPPORT_TICKET_CARD_STATUS.IN_PROGRESS]: {\n    label: 'EM ANDAMENTO',\n    action: 'info',\n  },\n  [SUPPORT_TICKET_CARD_STATUS.WAITING_HUMAN]: {\n    label: 'AGUARDANDO HUMANO',\n    action: 'warning',\n  },\n  [SUPPORT_TICKET_CARD_STATUS.HUMAN]: {\n    label: 'HUMANO',\n    action: 'warning',\n  },\n  [SUPPORT_TICKET_CARD_STATUS.DONE]: {\n    label: 'CONCLUÍDO',\n    action: 'success',\n  },\n};\n\nconst resolverLabel = (ticket: SupportTicketSummary) => {\n  if (!ticket.resolvedBy) return null;\n  return ticket.resolvedBy.type === 'ai' ? 'IA' : ticket.resolvedBy.name;\n};\n\nconst PRIORITY_LABELS: Record<SupportTicketPriority, string> = {\n  [SUPPORT_TICKET_PRIORITY.LOW]: 'Baixa',\n  [SUPPORT_TICKET_PRIORITY.NORMAL]: 'Normal',\n  [SUPPORT_TICKET_PRIORITY.HIGH]: 'Alta',\n  [SUPPORT_TICKET_PRIORITY.URGENT]: 'Urgente',\n};\n\n/**\n * Ticket of the history list. The primary info is always visible; the\n * chevron expands the secondary details (priority, channel, duration) and\n * the link that opens the ticket.\n */\nconst TicketCard = ({\n  ticket,\n  current,\n  onOpen,\n}: {\n  ticket: SupportTicketSummary;\n  current: boolean;\n  onOpen?: () => void;\n}) => {\n  const [expanded, setExpanded] = useState(false);\n  const detailsId = useId();\n  const badge = STATUS_BADGE[ticket.status];\n  const resolver = current ? 'Você' : resolverLabel(ticket);\n  const meta = [\n    formatCardDate(ticket.createdAt),\n    ticket.reason,\n    ticket.subreason,\n  ]\n    .filter(Boolean)\n    .join(' · ');\n\n  const details: [string, string][] = [];\n  if (ticket.priority) {\n    details.push(['Prioridade', PRIORITY_LABELS[ticket.priority]]);\n  }\n  if (ticket.channel) details.push(['Canal', ticket.channel]);\n  if (current) details.push(['Duração', 'Ticket atual']);\n  else if (ticket.durationMin != null) {\n    details.push(['Duração', formatDuration(ticket.durationMin)]);\n  }\n  const canOpen = !current && Boolean(onOpen);\n  const expandable = details.length > 0 || canOpen;\n\n  return (\n    <div\n      aria-current={current ? 'true' : undefined}\n      className={cn(\n        'flex w-full flex-col gap-1.5 rounded-xl border border-border-200 bg-background px-3 py-2.5 hover:border-primary-100'\n      )}\n    >\n      <div className=\"flex items-center justify-between gap-2\">\n        {/* The current ticket is marked by color only (no background). */}\n        <Text\n          size=\"xs\"\n          weight={current ? 'semibold' : undefined}\n          color={current ? 'text-primary-800' : 'text-text-600'}\n        >\n          {ticket.code ?? `#${ticket.id}`}\n        </Text>\n        <div className=\"flex shrink-0 items-center gap-1\">\n          <Badge\n            variant=\"solid\"\n            action={badge.action}\n            size=\"small\"\n            className=\"font-bold\"\n          >\n            {badge.label}\n          </Badge>\n          {expandable && (\n            <Button\n              variant=\"raw\"\n              onClick={() => setExpanded((open) => !open)}\n              aria-expanded={expanded}\n              aria-controls={detailsId}\n              aria-label={`${expanded ? 'Recolher' : 'Expandir'} ticket ${ticket.code ?? `#${ticket.id}`}`}\n              className=\"rounded-sm p-0.5 text-text-600 hover:text-text-950 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indicator-info\"\n            >\n              <CaretDownIcon\n                size={14}\n                aria-hidden=\"true\"\n                className={cn('transition-transform', expanded && 'rotate-180')}\n              />\n            </Button>\n          )}\n        </div>\n      </div>\n      <Text\n        size=\"sm\"\n        weight=\"semibold\"\n        color=\"text-text-950\"\n        className=\"line-clamp-2\"\n      >\n        {ticket.title}\n      </Text>\n      <Text size=\"xs\" color=\"text-text-600\">\n        {meta}\n      </Text>\n      {resolver && (\n        <Text size=\"xs\" color=\"text-text-600\">\n          {current ? 'Atendido por: ' : 'Resolvido por: '}\n          <Text as=\"span\" size=\"xs\" weight=\"medium\" color=\"text-text-950\">\n            {resolver}\n          </Text>\n        </Text>\n      )}\n      {expandable && expanded && (\n        <div\n          id={detailsId}\n          className=\"flex flex-col gap-1.5 border-t border-border-100 pt-2\"\n        >\n          {details.length > 0 && (\n            <dl className=\"flex flex-col gap-1\">\n              {details.map(([key, value]) => (\n                <div\n                  key={key}\n                  className=\"flex items-baseline justify-between gap-3\"\n                >\n                  <Text as=\"dt\" size=\"xs\" color=\"text-text-600\">\n                    {key}\n                  </Text>\n                  <Text as=\"dd\" size=\"xs\" weight=\"medium\" color=\"text-text-950\">\n                    {value}\n                  </Text>\n                </div>\n              ))}\n            </dl>\n          )}\n          {canOpen && (\n            <Button\n              variant=\"link\"\n              size=\"extra-small\"\n              onClick={onOpen}\n              className=\"self-start p-0! font-medium\"\n            >\n              Abrir atendimento\n            </Button>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\n/**\n * History tab: summary stats, single-choice filter and the contact's\n * tickets, current one pinned on top.\n */\nexport default function SupportHistoryTab({\n  currentTicketId,\n  tickets,\n  summary,\n  loading = false,\n  hasMore = false,\n  onLoadMore,\n  onOpenTicket,\n  onFilterChange,\n}: Readonly<SupportHistoryTabProps>) {\n  const [filter, setFilter] = useState<SupportHistoryFilter>(\n    SUPPORT_HISTORY_FILTER.ALL\n  );\n  const [visible, setVisible] = useState(INITIAL_VISIBLE);\n\n  const selectFilter = (next: SupportHistoryFilter) => {\n    setFilter(next);\n    setVisible(INITIAL_VISIBLE);\n    onFilterChange?.(next);\n  };\n\n  const current = tickets.find((ticket) => ticket.id === currentTicketId);\n  const others = tickets\n    .filter((ticket) => ticket.id !== currentTicketId)\n    .sort(\n      (a, b) =>\n        new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()\n    );\n  const ordered = [...(current ? [current] : []), ...others].filter((ticket) =>\n    matchesHistoryFilter(ticket, filter)\n  );\n  const shown = ordered.slice(0, visible);\n  const canShowMore = ordered.length > visible || hasMore;\n  const isFirstContact = !loading && tickets.length <= 1;\n\n  const showMore = () => {\n    if (ordered.length <= visible + PAGE_SIZE && hasMore) onLoadMore?.();\n    setVisible((count) => count + PAGE_SIZE);\n  };\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <div className=\"grid grid-cols-3 gap-2\">\n        <StatTile label=\"Tickets\" value={summary.total} valueSize=\"md\" />\n        <StatTile label=\"Resolvidos\" value={summary.resolved} valueSize=\"md\" />\n        <StatTile\n          label=\"Média\"\n          value={summary.avgMin == null ? '—' : formatDuration(summary.avgMin)}\n          valueSize=\"md\"\n        />\n      </div>\n\n      <div\n        role=\"radiogroup\"\n        aria-label=\"Filtrar tickets\"\n        className=\"flex flex-wrap gap-1.5\"\n      >\n        {FILTERS.map((item) => (\n          <Chips\n            key={item.value}\n            role=\"radio\"\n            aria-checked={filter === item.value}\n            selected={filter === item.value}\n            onClick={() => selectFilter(item.value)}\n            className=\"px-3 py-1 text-xs\"\n          >\n            {item.label}\n          </Chips>\n        ))}\n      </div>\n\n      {loading ? (\n        <div\n          className=\"flex flex-col gap-2\"\n          aria-busy=\"true\"\n          aria-label=\"Carregando histórico\"\n        >\n          <Skeleton variant=\"rounded\" height={96} />\n          <Skeleton variant=\"rounded\" height={96} />\n          <Skeleton variant=\"rounded\" height={96} />\n        </div>\n      ) : (\n        <>\n          {shown.length === 0 ? (\n            <Text size=\"xs\" color=\"text-text-600\" className=\"text-center\">\n              Nenhum ticket com esse filtro\n            </Text>\n          ) : (\n            <ul aria-label=\"Tickets do usuário\" className=\"flex flex-col gap-2\">\n              {shown.map((ticket) => {\n                const isCurrent = ticket.id === currentTicketId;\n                return (\n                  <li key={ticket.id}>\n                    <TicketCard\n                      ticket={ticket}\n                      current={isCurrent}\n                      onOpen={\n                        onOpenTicket ? () => onOpenTicket(ticket.id) : undefined\n                      }\n                    />\n                  </li>\n                );\n              })}\n            </ul>\n          )}\n\n          {isFirstContact && filter === SUPPORT_HISTORY_FILTER.ALL && (\n            <Text size=\"xs\" color=\"text-text-600\" className=\"text-center\">\n              Primeiro atendimento deste usuário\n            </Text>\n          )}\n\n          {canShowMore && (\n            <Button\n              variant=\"link\"\n              size=\"extra-small\"\n              onClick={showMore}\n              className=\"self-center p-0! font-medium\"\n            >\n              Ver todos os atendimentos\n            </Button>\n          )}\n        </>\n      )}\n    </div>\n  );\n}\n","import { useId } from 'react';\nimport Select, {\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '../Select/Select';\nimport Text from '../Text/Text';\nimport { Skeleton } from '../Skeleton/Skeleton';\nimport SupportTimelineItem from '../SupportTimeline/SupportTimelineItem';\nimport {\n  SUPPORT_TICKET_PRIORITY,\n  type SupportReasonOption,\n  type SupportTicketDetails,\n  type SupportTicketPriority,\n} from '../../types/supportUserPanel';\nimport {\n  FieldLabel,\n  StatTile,\n  useNow,\n  useOptimisticValue,\n} from './SupportPanelShared';\nimport {\n  formatDuration,\n  formatOpenedAt,\n  formatTimelineTime,\n  minutesBetween,\n} from './supportUserPanelUtils';\n\n/** Props for the ticket details tab */\nexport interface SupportTicketDetailsTabProps {\n  ticket?: SupportTicketDetails | null;\n  loading?: boolean;\n  /** Reason catalog (motivos / FAQ) */\n  reasonOptions: SupportReasonOption[];\n  /** Persists the reason; reject to roll back */\n  onReasonChange?: (reason: string) => Promise<void> | void;\n  /** Persists the priority; reject to roll back */\n  onPriorityChange?: (priority: SupportTicketPriority) => Promise<void> | void;\n  /**\n   * Current status of the ticket (e.g. \"EM_ANDAMENTO\"). With `statusOptions`\n   * the tab shows a Status select on top; it stays editable on a concluded\n   * ticket, so the agent can reopen it.\n   */\n  status?: string;\n  statusOptions?: SupportReasonOption[];\n  /** Persists the status; reject to roll back */\n  onStatusChange?: (status: string) => Promise<void> | void;\n  /** Who handles the ticket (e.g. \"HUMANO\"); shown with `handlerOptions` */\n  handler?: string;\n  handlerOptions?: SupportReasonOption[];\n  /** Persists who handles the ticket; reject to roll back */\n  onHandlerChange?: (handler: string) => Promise<void> | void;\n}\n\n/** Labelled select of the tab, with optimistic save and rollback */\nconst OptionSelect = ({\n  label,\n  value,\n  options,\n  onChange,\n  disabled,\n  placeholder,\n}: {\n  label: string;\n  value: string;\n  options: SupportReasonOption[];\n  onChange: (value: string) => void;\n  disabled: boolean;\n  placeholder?: string;\n}) => {\n  const labelId = useId();\n  return (\n    <div className=\"flex flex-col gap-1.5\">\n      <FieldLabel id={labelId}>{label}</FieldLabel>\n      <Select\n        value={value}\n        onValueChange={(next) => {\n          if (next !== value) onChange(next);\n        }}\n      >\n        <SelectTrigger\n          aria-labelledby={labelId}\n          disabled={disabled}\n          className=\"w-full\"\n        >\n          <SelectValue placeholder={placeholder} />\n        </SelectTrigger>\n        <SelectContent>\n          {options.map((option) => (\n            <SelectItem key={option.value} value={option.value}>\n              {option.label}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n    </div>\n  );\n};\n\nconst PRIORITIES: { value: SupportTicketPriority; label: string }[] = [\n  { value: SUPPORT_TICKET_PRIORITY.LOW, label: 'Baixa' },\n  { value: SUPPORT_TICKET_PRIORITY.NORMAL, label: 'Normal' },\n  { value: SUPPORT_TICKET_PRIORITY.HIGH, label: 'Alta' },\n  { value: SUPPORT_TICKET_PRIORITY.URGENT, label: 'Urgente' },\n];\n\nconst DetailsSkeleton = () => (\n  <div\n    className=\"flex flex-col gap-4\"\n    aria-busy=\"true\"\n    aria-label=\"Carregando ticket\"\n  >\n    <div className=\"grid grid-cols-2 gap-2\">\n      {[0, 1, 2, 3].map((key) => (\n        <Skeleton key={key} variant=\"rounded\" height={56} />\n      ))}\n    </div>\n    <Skeleton variant=\"rounded\" height={40} />\n    <Skeleton variant=\"rounded\" height={36} />\n    <Skeleton variant=\"rounded\" height={88} />\n  </div>\n);\n\n/**\n * Ticket details tab: channel/time stats, the optional status and \"Atendido\n * por\" selects, the editable reason and priority (read-only once the ticket\n * is concluded, except the status, which can reopen it), the AI summary and\n * the status timeline.\n */\nexport default function SupportTicketDetailsTab({\n  ticket,\n  loading = false,\n  reasonOptions,\n  onReasonChange,\n  onPriorityChange,\n  status,\n  statusOptions,\n  onStatusChange,\n  handler,\n  handlerOptions,\n  onHandlerChange,\n}: Readonly<SupportTicketDetailsTabProps>) {\n  const reasonLabelId = useId();\n  const priorityLabelId = useId();\n  const done = ticket?.done ?? false;\n  const now = useNow(Boolean(ticket) && !done);\n  const [reason, setReason] = useOptimisticValue(\n    ticket?.reason ?? '',\n    onReasonChange\n  );\n  const [statusValue, setStatusValue] = useOptimisticValue(\n    status ?? '',\n    onStatusChange\n  );\n  const [handlerValue, setHandlerValue] = useOptimisticValue(\n    handler ?? '',\n    onHandlerChange\n  );\n  const [priority, setPriority] = useOptimisticValue<SupportTicketPriority>(\n    ticket?.priority ?? SUPPORT_TICKET_PRIORITY.NORMAL,\n    onPriorityChange\n  );\n\n  if (loading || !ticket) return <DetailsSkeleton />;\n\n  // Wait = opening → first human reply; it keeps running while nobody has\n  // answered yet. Total = opening → conclusion (or now while open).\n  const waitEnd = ticket.firstHumanAt ?? ticket.closedAt;\n  const waitingMin = minutesBetween(ticket.openedAt, waitEnd, now);\n  const totalMin = minutesBetween(ticket.openedAt, ticket.closedAt, now);\n  const readOnly = done;\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <div className=\"grid grid-cols-2 gap-2\">\n        <StatTile label=\"Canal\" value={ticket.channel} />\n        <StatTile label=\"Aberto em\" value={formatOpenedAt(ticket.openedAt)} />\n        <StatTile label=\"Tempo de espera\" value={formatDuration(waitingMin)} />\n        <StatTile label=\"Tempo total\" value={formatDuration(totalMin)} />\n      </div>\n\n      {statusOptions && statusOptions.length > 0 && (\n        <OptionSelect\n          label=\"Status\"\n          value={statusValue}\n          options={statusOptions}\n          onChange={(value) => void setStatusValue(value)}\n          disabled={!onStatusChange}\n        />\n      )}\n\n      {handlerOptions && handlerOptions.length > 0 && (\n        <OptionSelect\n          label=\"Atendido por\"\n          value={handlerValue}\n          options={handlerOptions}\n          onChange={(value) => void setHandlerValue(value)}\n          disabled={readOnly || !onHandlerChange}\n        />\n      )}\n\n      <div className=\"flex flex-col gap-1.5\">\n        <FieldLabel id={reasonLabelId}>Motivo</FieldLabel>\n        <Select value={reason} onValueChange={setReason}>\n          <SelectTrigger\n            aria-labelledby={reasonLabelId}\n            disabled={readOnly || !onReasonChange}\n            className=\"w-full\"\n          >\n            <SelectValue placeholder=\"Não definido\" />\n          </SelectTrigger>\n          <SelectContent>\n            {reasonOptions.map((option) => (\n              <SelectItem key={option.value} value={option.value}>\n                {option.label}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n      </div>\n\n      <div className=\"flex flex-col gap-1.5\">\n        <FieldLabel id={priorityLabelId}>Prioridade</FieldLabel>\n        <Select\n          value={priority}\n          onValueChange={(value) => {\n            if (value !== priority) {\n              setPriority(value as SupportTicketPriority);\n            }\n          }}\n        >\n          <SelectTrigger\n            aria-labelledby={priorityLabelId}\n            disabled={readOnly || !onPriorityChange}\n            className=\"w-full\"\n          >\n            <SelectValue />\n          </SelectTrigger>\n          <SelectContent>\n            {PRIORITIES.map((item) => (\n              <SelectItem key={item.value} value={item.value}>\n                {item.label}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n      </div>\n\n      <section\n        aria-label=\"Resumo da IA\"\n        className=\"flex flex-col gap-1.5 rounded-xl border border-info-100 bg-info-background p-3\"\n      >\n        <Text\n          as=\"h3\"\n          size=\"xs\"\n          weight=\"bold\"\n          color=\"text-info-800\"\n          className=\"uppercase\"\n        >\n          <span aria-hidden=\"true\">✦ </span>Resumo da IA\n        </Text>\n        <Text\n          size=\"xs\"\n          color={ticket.aiSummary ? 'text-text-950' : 'text-text-600'}\n          className=\"leading-[1.45]\"\n        >\n          {ticket.aiSummary ||\n            'A IA ainda não gerou um resumo para este ticket.'}\n        </Text>\n      </section>\n\n      {ticket.timeline.length > 0 && (\n        <ol aria-label=\"Linha do tempo de status\" className=\"flex flex-col\">\n          {ticket.timeline.map((event) => (\n            <li key={`${event.status}-${event.at}`}>\n              <SupportTimelineItem\n                status={event.status}\n                time={formatTimelineTime(event.at)}\n              />\n            </li>\n          ))}\n        </ol>\n      )}\n    </div>\n  );\n}\n"]}