analytica-frontend-lib 1.7.20 → 1.7.21

package/dist/chunk-NP6KVOAV.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/analytica-frontend-lib/analytica-frontend-lib/dist/chunk-NP6KVOAV.js","../src/types/support.ts"],"names":["SupportStatus","SupportCategory","SupportType"],"mappings":"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","file":"/home/runner/work/analytica-frontend-lib/analytica-frontend-lib/dist/chunk-NP6KVOAV.js","sourcesContent":[null,"export enum SupportStatus {\n  ABERTO = 'aberto',\n  RESPONDIDO = 'respondido',\n  ENCERRADO = 'encerrado',\n}\n\nexport enum SupportCategory {\n  ACESSO = 'acesso',\n  TECNICO = 'tecnico',\n  OUTROS = 'outros',\n}\n\nexport type TicketStatus = SupportStatus;\nexport type ProblemType = SupportCategory | null;\nexport type TabType = 'criar-pedido' | 'historico';\n\nexport interface SupportResponse {\n  id: string;\n  receivedAt: string;\n  message: string;\n}\n\nexport interface SupportTicket {\n  id: string;\n  title: string;\n  status: TicketStatus;\n  createdAt: string;\n  category: ProblemType;\n  description?: string;\n  response?: SupportResponse;\n}\n\nexport const getStatusBadgeAction = (\n  status: SupportStatus\n): 'success' | 'error' | 'warning' | 'info' => {\n  switch (status) {\n    case SupportStatus.ABERTO:\n      return 'success';\n    case SupportStatus.RESPONDIDO:\n      return 'warning';\n    case SupportStatus.ENCERRADO:\n      return 'info';\n    default:\n      return 'info';\n  }\n};\n\nexport const getStatusText = (status: SupportStatus): string => {\n  switch (status) {\n    case SupportStatus.ABERTO:\n      return 'Aberto';\n    case SupportStatus.RESPONDIDO:\n      return 'Respondido';\n    case SupportStatus.ENCERRADO:\n      return 'Encerrado';\n    default:\n      return status;\n  }\n};\n\nexport const getCategoryText = (category: SupportCategory | null): string => {\n  if (!category) return '';\n  switch (category) {\n    case SupportCategory.ACESSO:\n      return 'Acesso';\n    case SupportCategory.TECNICO:\n      return 'Técnico';\n    case SupportCategory.OUTROS:\n      return 'Outros';\n    default:\n      return category;\n  }\n};\n\n// API Types\nexport interface CreateSupportTicketRequest {\n  subject: string;\n  description: string;\n  type: string;\n}\n\nexport interface CreateSupportTicketResponse {\n  message: string;\n  data: {\n    id: string;\n    ownerId: string;\n    type: string;\n    email: string;\n    subject: string;\n    description: string;\n    status: string;\n    createdAt: string;\n    updatedAt: string;\n  };\n}\n\nexport interface SupportTicketAPI {\n  id: string;\n  ownerId: string;\n  type: string;\n  email: string;\n  subject: string;\n  description: string;\n  status: string;\n  createdAt: string;\n  updatedAt: string;\n}\n\nexport interface SupportPagination {\n  page: number;\n  limit: number;\n  total: number;\n  totalPages: number;\n  hasNext: boolean;\n  hasPrev: boolean;\n}\n\nexport interface GetSupportTicketsResponse {\n  message: string;\n  data: {\n    support: SupportTicketAPI[];\n    pagination: SupportPagination;\n  };\n}\n\nexport interface SupportAnswerAPI {\n  id: string;\n  userId: string;\n  supportId: string;\n  answer: string;\n  read: boolean;\n  createdAt: string;\n  updatedAt: string;\n}\n\nexport interface GetSupportAnswersResponse {\n  message: string;\n  data: SupportAnswerAPI[];\n}\n\nexport interface SubmitSupportAnswerRequest {\n  userId: string;\n  supportId: string;\n  answer: string;\n}\n\nexport interface SubmitSupportAnswerResponse {\n  message: string;\n  data: SupportAnswerAPI;\n}\n\n// Mapping functions for API status to internal status\nexport const mapApiStatusToInternal = (apiStatus: string): SupportStatus => {\n  switch (apiStatus) {\n    case 'ABERTO':\n      return SupportStatus.ABERTO;\n    case 'PENDENTE':\n      return SupportStatus.RESPONDIDO;\n    case 'FECHADO':\n      return SupportStatus.ENCERRADO;\n    default:\n      return SupportStatus.ABERTO;\n  }\n};\n\nexport const mapInternalStatusToApi = (\n  internalStatus: SupportStatus\n): string => {\n  switch (internalStatus) {\n    case SupportStatus.ABERTO:\n      return 'ABERTO';\n    case SupportStatus.RESPONDIDO:\n      return 'PENDENTE';\n    case SupportStatus.ENCERRADO:\n      return 'FECHADO';\n    default:\n      return 'ABERTO';\n  }\n};\n\n// API Client interface for dependency injection\nexport interface SupportApiClient {\n  get: <T>(url: string) => Promise<{ data: T }>;\n  post: <T>(url: string, data?: unknown) => Promise<{ data: T }>;\n  patch: <T>(url: string, data?: unknown) => Promise<{ data: T }>;\n}\n\n// Feature Flag Support Types\nexport enum SupportType {\n  NATIVE = 'NATIVE',\n  ZENDESK = 'ZENDESK',\n}\n\n/**\n * Chaves do Zendesk por instituição, guardadas na `version` da flag SUPPORT.\n *\n * São três porque o Zendesk emite uma chave por canal, e web e mobile não\n * compartilham canal: `zendeskKey` é o Web Widget (UUID) e as duas\n * `zendeskChannelKey*` são o SDK mobile (blob base64, um por plataforma). Os\n * fronts web só usam a primeira; as outras existem no tipo porque a mesma\n * flag alimenta o app.\n *\n * Todas são opcionais: a flag pode estar em NATIVE, ou em ZENDESK com a chave\n * ainda não preenchida no backoffice. Sem chave o widget não carrega — não há\n * fallback para uma conta global.\n */\nexport interface SupportZendeskKeys {\n  zendeskKey?: string;\n  zendeskChannelKeyIos?: string;\n  zendeskChannelKeyAndroid?: string;\n}\n\nexport interface SupportFeatureFlags {\n  institutionId: string;\n  page: string;\n  version: {\n    supportType: SupportType;\n    /** Address of the institution FAQ, e.g. https://ajuda.escola.com.br */\n    faqUrl?: string;\n    /** \"Suporte interno ativo\" in the backoffice; absent means on */\n    enabled?: boolean;\n    /** Native chat widget switch in the backoffice; absent means on */\n    chat?: boolean;\n  } & SupportZendeskKeys;\n}\n"]}

package/dist/chunk-OMBS4ACE.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/types/support.ts"],"sourcesContent":["export enum SupportStatus {\n  ABERTO = 'aberto',\n  RESPONDIDO = 'respondido',\n  ENCERRADO = 'encerrado',\n}\n\nexport enum SupportCategory {\n  ACESSO = 'acesso',\n  TECNICO = 'tecnico',\n  OUTROS = 'outros',\n}\n\nexport type TicketStatus = SupportStatus;\nexport type ProblemType = SupportCategory | null;\nexport type TabType = 'criar-pedido' | 'historico';\n\nexport interface SupportResponse {\n  id: string;\n  receivedAt: string;\n  message: string;\n}\n\nexport interface SupportTicket {\n  id: string;\n  title: string;\n  status: TicketStatus;\n  createdAt: string;\n  category: ProblemType;\n  description?: string;\n  response?: SupportResponse;\n}\n\nexport const getStatusBadgeAction = (\n  status: SupportStatus\n): 'success' | 'error' | 'warning' | 'info' => {\n  switch (status) {\n    case SupportStatus.ABERTO:\n      return 'success';\n    case SupportStatus.RESPONDIDO:\n      return 'warning';\n    case SupportStatus.ENCERRADO:\n      return 'info';\n    default:\n      return 'info';\n  }\n};\n\nexport const getStatusText = (status: SupportStatus): string => {\n  switch (status) {\n    case SupportStatus.ABERTO:\n      return 'Aberto';\n    case SupportStatus.RESPONDIDO:\n      return 'Respondido';\n    case SupportStatus.ENCERRADO:\n      return 'Encerrado';\n    default:\n      return status;\n  }\n};\n\nexport const getCategoryText = (category: SupportCategory | null): string => {\n  if (!category) return '';\n  switch (category) {\n    case SupportCategory.ACESSO:\n      return 'Acesso';\n    case SupportCategory.TECNICO:\n      return 'Técnico';\n    case SupportCategory.OUTROS:\n      return 'Outros';\n    default:\n      return category;\n  }\n};\n\n// API Types\nexport interface CreateSupportTicketRequest {\n  subject: string;\n  description: string;\n  type: string;\n}\n\nexport interface CreateSupportTicketResponse {\n  message: string;\n  data: {\n    id: string;\n    ownerId: string;\n    type: string;\n    email: string;\n    subject: string;\n    description: string;\n    status: string;\n    createdAt: string;\n    updatedAt: string;\n  };\n}\n\nexport interface SupportTicketAPI {\n  id: string;\n  ownerId: string;\n  type: string;\n  email: string;\n  subject: string;\n  description: string;\n  status: string;\n  createdAt: string;\n  updatedAt: string;\n}\n\nexport interface SupportPagination {\n  page: number;\n  limit: number;\n  total: number;\n  totalPages: number;\n  hasNext: boolean;\n  hasPrev: boolean;\n}\n\nexport interface GetSupportTicketsResponse {\n  message: string;\n  data: {\n    support: SupportTicketAPI[];\n    pagination: SupportPagination;\n  };\n}\n\nexport interface SupportAnswerAPI {\n  id: string;\n  userId: string;\n  supportId: string;\n  answer: string;\n  read: boolean;\n  createdAt: string;\n  updatedAt: string;\n}\n\nexport interface GetSupportAnswersResponse {\n  message: string;\n  data: SupportAnswerAPI[];\n}\n\nexport interface SubmitSupportAnswerRequest {\n  userId: string;\n  supportId: string;\n  answer: string;\n}\n\nexport interface SubmitSupportAnswerResponse {\n  message: string;\n  data: SupportAnswerAPI;\n}\n\n// Mapping functions for API status to internal status\nexport const mapApiStatusToInternal = (apiStatus: string): SupportStatus => {\n  switch (apiStatus) {\n    case 'ABERTO':\n      return SupportStatus.ABERTO;\n    case 'PENDENTE':\n      return SupportStatus.RESPONDIDO;\n    case 'FECHADO':\n      return SupportStatus.ENCERRADO;\n    default:\n      return SupportStatus.ABERTO;\n  }\n};\n\nexport const mapInternalStatusToApi = (\n  internalStatus: SupportStatus\n): string => {\n  switch (internalStatus) {\n    case SupportStatus.ABERTO:\n      return 'ABERTO';\n    case SupportStatus.RESPONDIDO:\n      return 'PENDENTE';\n    case SupportStatus.ENCERRADO:\n      return 'FECHADO';\n    default:\n      return 'ABERTO';\n  }\n};\n\n// API Client interface for dependency injection\nexport interface SupportApiClient {\n  get: <T>(url: string) => Promise<{ data: T }>;\n  post: <T>(url: string, data?: unknown) => Promise<{ data: T }>;\n  patch: <T>(url: string, data?: unknown) => Promise<{ data: T }>;\n}\n\n// Feature Flag Support Types\nexport enum SupportType {\n  NATIVE = 'NATIVE',\n  ZENDESK = 'ZENDESK',\n}\n\n/**\n * Chaves do Zendesk por instituição, guardadas na `version` da flag SUPPORT.\n *\n * São três porque o Zendesk emite uma chave por canal, e web e mobile não\n * compartilham canal: `zendeskKey` é o Web Widget (UUID) e as duas\n * `zendeskChannelKey*` são o SDK mobile (blob base64, um por plataforma). Os\n * fronts web só usam a primeira; as outras existem no tipo porque a mesma\n * flag alimenta o app.\n *\n * Todas são opcionais: a flag pode estar em NATIVE, ou em ZENDESK com a chave\n * ainda não preenchida no backoffice. Sem chave o widget não carrega — não há\n * fallback para uma conta global.\n */\nexport interface SupportZendeskKeys {\n  zendeskKey?: string;\n  zendeskChannelKeyIos?: string;\n  zendeskChannelKeyAndroid?: string;\n}\n\nexport interface SupportFeatureFlags {\n  institutionId: string;\n  page: string;\n  version: {\n    supportType: SupportType;\n    /** Address of the institution FAQ, e.g. https://ajuda.escola.com.br */\n    faqUrl?: string;\n    /** \"Suporte interno ativo\" in the backoffice; absent means on */\n    enabled?: boolean;\n    /** Native chat widget switch in the backoffice; absent means on */\n    chat?: boolean;\n  } & SupportZendeskKeys;\n}\n"],"mappings":";AAAO,IAAK,gBAAL,kBAAKA,mBAAL;AACL,EAAAA,eAAA,YAAS;AACT,EAAAA,eAAA,gBAAa;AACb,EAAAA,eAAA,eAAY;AAHF,SAAAA;AAAA,GAAA;AAML,IAAK,kBAAL,kBAAKC,qBAAL;AACL,EAAAA,iBAAA,YAAS;AACT,EAAAA,iBAAA,aAAU;AACV,EAAAA,iBAAA,YAAS;AAHC,SAAAA;AAAA,GAAA;AA0BL,IAAM,uBAAuB,CAClC,WAC6C;AAC7C,UAAQ,QAAQ;AAAA,IACd,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAEO,IAAM,gBAAgB,CAAC,WAAkC;AAC9D,UAAQ,QAAQ;AAAA,IACd,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAEO,IAAM,kBAAkB,CAAC,aAA6C;AAC3E,MAAI,CAAC,SAAU,QAAO;AACtB,UAAQ,UAAU;AAAA,IAChB,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAgFO,IAAM,yBAAyB,CAAC,cAAqC;AAC1E,UAAQ,WAAW;AAAA,IACjB,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAEO,IAAM,yBAAyB,CACpC,mBACW;AACX,UAAQ,gBAAgB;AAAA,IACtB,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAUO,IAAK,cAAL,kBAAKC,iBAAL;AACL,EAAAA,aAAA,YAAS;AACT,EAAAA,aAAA,aAAU;AAFA,SAAAA;AAAA,GAAA;","names":["SupportStatus","SupportCategory","SupportType"]}

package/dist/chunk-SQDLSJBL.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/analytica-frontend-lib/analytica-frontend-lib/dist/chunk-SQDLSJBL.js","../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"],"names":["totalPages"],"mappings":"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","file":"/home/runner/work/analytica-frontend-lib/analytica-frontend-lib/dist/chunk-SQDLSJBL.js","sourcesContent":[null,"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"]}

package/dist/chunk-TVWATS3U.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../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"],"sourcesContent":["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"],"mappings":"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","names":["useEffect","useState","useState","jsx","jsxs","useState","useId","useState","Fragment","jsx","jsxs","useState","useId","useId","jsx","jsxs","useId","jsx","jsxs","useState","useEffect"]}