analytica-frontend-lib 1.7.20 → 1.7.21

package/dist/UnifiedDraftModelPage/index.js

@@ -140,7 +140,7 @@ require('../chunk-HPJSXD6G.js');
 require('../chunk-EMWX6IKP.js');
 require('../chunk-XQL6H446.js');
 require('../chunk-ZB6HDDE4.js');
-require('../chunk-FLGSHGJY.js');
+require('../chunk-CYSODZGX.js');
 require('../chunk-DPAHHBEV.js');
 require('../chunk-MKN3J57S.js');
 require('../chunk-DRIFBRUS.js');
@@ -149,14 +149,14 @@ require('../chunk-BIKQB5M6.js');
 require('../chunk-POT3ALY3.js');
 require('../chunk-4OVIHZ3I.js');
 require('../chunk-OMQPBLTC.js');
-require('../chunk-IMMKWOYJ.js');
+require('../chunk-WUXIPIUG.js');
 require('../chunk-2AP4SM46.js');
 require('../chunk-CE7TUITI.js');
-require('../chunk-BWTNSVJE.js');
+require('../chunk-OGD2ATAP.js');
 require('../chunk-PO32TM7L.js');
-require('../chunk-SQDLSJBL.js');
-require('../chunk-HE66Y2T3.js');
-require('../chunk-NP6KVOAV.js');
+require('../chunk-YRTIDZTN.js');
+require('../chunk-VQ7MSYIH.js');
+require('../chunk-64WFAQC6.js');
 require('../chunk-HCNV4LNJ.js');
 require('../chunk-B4EFRRXH.js');
 require('../chunk-2WX2ZBAH.js');

package/dist/UnifiedDraftModelPage/index.mjs

@@ -140,7 +140,7 @@ import "../chunk-Q3WC5SG6.mjs";
 import "../chunk-KWXOYHYK.mjs";
 import "../chunk-FZYK5HMK.mjs";
 import "../chunk-YG4IZ5Q3.mjs";
-import "../chunk-KBWT73XY.mjs";
+import "../chunk-OES54VU6.mjs";
 import "../chunk-3G5E7GEQ.mjs";
 import "../chunk-C2KAIQ4I.mjs";
 import "../chunk-TNOKCEMB.mjs";
@@ -149,14 +149,14 @@ import "../chunk-4VFPGOKK.mjs";
 import "../chunk-7ZB3YHF2.mjs";
 import "../chunk-L5SXG6T6.mjs";
 import "../chunk-KB3RDPGH.mjs";
-import "../chunk-TVWATS3U.mjs";
+import "../chunk-C4SBX6R2.mjs";
 import "../chunk-LMFEHNXE.mjs";
 import "../chunk-KJZVAKGW.mjs";
-import "../chunk-PH2DDIS4.mjs";
+import "../chunk-B4QODMQ5.mjs";
 import "../chunk-TTLPOZAV.mjs";
-import "../chunk-56PRQ24B.mjs";
-import "../chunk-DXA4VBUN.mjs";
-import "../chunk-OMBS4ACE.mjs";
+import "../chunk-7LS5UQCQ.mjs";
+import "../chunk-VKQ5AJDT.mjs";
+import "../chunk-MVT7IVMY.mjs";
 import "../chunk-LWXIPEIY.mjs";
 import "../chunk-S6C2Q522.mjs";
 import "../chunk-KMVBJFFX.mjs";

package/dist/UnifiedHistoryPage/index.js

@@ -140,7 +140,7 @@ require('../chunk-HPJSXD6G.js');
 require('../chunk-EMWX6IKP.js');
 require('../chunk-XQL6H446.js');
 require('../chunk-ZB6HDDE4.js');
-require('../chunk-FLGSHGJY.js');
+require('../chunk-CYSODZGX.js');
 require('../chunk-DPAHHBEV.js');
 require('../chunk-MKN3J57S.js');
 require('../chunk-DRIFBRUS.js');
@@ -149,14 +149,14 @@ require('../chunk-BIKQB5M6.js');
 require('../chunk-POT3ALY3.js');
 require('../chunk-4OVIHZ3I.js');
 require('../chunk-OMQPBLTC.js');
-require('../chunk-IMMKWOYJ.js');
+require('../chunk-WUXIPIUG.js');
 require('../chunk-2AP4SM46.js');
 require('../chunk-CE7TUITI.js');
-require('../chunk-BWTNSVJE.js');
+require('../chunk-OGD2ATAP.js');
 require('../chunk-PO32TM7L.js');
-require('../chunk-SQDLSJBL.js');
-require('../chunk-HE66Y2T3.js');
-require('../chunk-NP6KVOAV.js');
+require('../chunk-YRTIDZTN.js');
+require('../chunk-VQ7MSYIH.js');
+require('../chunk-64WFAQC6.js');
 require('../chunk-HCNV4LNJ.js');
 require('../chunk-B4EFRRXH.js');
 require('../chunk-2WX2ZBAH.js');

package/dist/UnifiedHistoryPage/index.mjs

@@ -140,7 +140,7 @@ import "../chunk-Q3WC5SG6.mjs";
 import "../chunk-KWXOYHYK.mjs";
 import "../chunk-FZYK5HMK.mjs";
 import "../chunk-YG4IZ5Q3.mjs";
-import "../chunk-KBWT73XY.mjs";
+import "../chunk-OES54VU6.mjs";
 import "../chunk-3G5E7GEQ.mjs";
 import "../chunk-C2KAIQ4I.mjs";
 import "../chunk-TNOKCEMB.mjs";
@@ -149,14 +149,14 @@ import "../chunk-4VFPGOKK.mjs";
 import "../chunk-7ZB3YHF2.mjs";
 import "../chunk-L5SXG6T6.mjs";
 import "../chunk-KB3RDPGH.mjs";
-import "../chunk-TVWATS3U.mjs";
+import "../chunk-C4SBX6R2.mjs";
 import "../chunk-LMFEHNXE.mjs";
 import "../chunk-KJZVAKGW.mjs";
-import "../chunk-PH2DDIS4.mjs";
+import "../chunk-B4QODMQ5.mjs";
 import "../chunk-TTLPOZAV.mjs";
-import "../chunk-56PRQ24B.mjs";
-import "../chunk-DXA4VBUN.mjs";
-import "../chunk-OMBS4ACE.mjs";
+import "../chunk-7LS5UQCQ.mjs";
+import "../chunk-VKQ5AJDT.mjs";
+import "../chunk-MVT7IVMY.mjs";
 import "../chunk-LWXIPEIY.mjs";
 import "../chunk-S6C2Q522.mjs";
 import "../chunk-KMVBJFFX.mjs";

package/dist/{chunk-NP6KVOAV.js → chunk-64WFAQC6.js}

@@ -48,6 +48,15 @@ var getCategoryText = (category) => {
       return category;
   }
 };
+var SUPPORT_TICKET_ORIGIN = {
+  LOGIN: "login",
+  STUDENT: "aluno",
+  TEACHER: "professor",
+  MANAGER: "gestor",
+  FAQ: "faq",
+  APP: "app"
+};
+var isSupportTicketOrigin = (value) => Object.values(SUPPORT_TICKET_ORIGIN).includes(value);
 var mapApiStatusToInternal = (apiStatus) => {
   switch (apiStatus) {
     case "ABERTO":
@@ -87,5 +96,7 @@ var SupportType = /* @__PURE__ */ ((SupportType2) => {
 
 
 
-exports.SupportStatus = SupportStatus; exports.SupportCategory = SupportCategory; exports.getStatusBadgeAction = getStatusBadgeAction; exports.getStatusText = getStatusText; exports.getCategoryText = getCategoryText; exports.mapApiStatusToInternal = mapApiStatusToInternal; exports.mapInternalStatusToApi = mapInternalStatusToApi; exports.SupportType = SupportType;
-//# sourceMappingURL=chunk-NP6KVOAV.js.map
+
+
+exports.SupportStatus = SupportStatus; exports.SupportCategory = SupportCategory; exports.getStatusBadgeAction = getStatusBadgeAction; exports.getStatusText = getStatusText; exports.getCategoryText = getCategoryText; exports.SUPPORT_TICKET_ORIGIN = SUPPORT_TICKET_ORIGIN; exports.isSupportTicketOrigin = isSupportTicketOrigin; exports.mapApiStatusToInternal = mapApiStatusToInternal; exports.mapInternalStatusToApi = mapInternalStatusToApi; exports.SupportType = SupportType;
+//# sourceMappingURL=chunk-64WFAQC6.js.map

package/dist/chunk-64WFAQC6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/analytica-frontend-lib/analytica-frontend-lib/dist/chunk-64WFAQC6.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-64WFAQC6.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\n/**\n * App a ticket is opened from, saved on the ticket (`origin`). Same values the\n * apps pass as the support chat `channel`.\n */\nexport const SUPPORT_TICKET_ORIGIN = {\n  LOGIN: 'login',\n  STUDENT: 'aluno',\n  TEACHER: 'professor',\n  MANAGER: 'gestor',\n  FAQ: 'faq',\n  APP: 'app',\n} as const;\n\nexport type SupportTicketOrigin =\n  (typeof SUPPORT_TICKET_ORIGIN)[keyof typeof SUPPORT_TICKET_ORIGIN];\n\n/**\n * Whether a value is a ticket origin the API accepts.\n * @param value - e.g. the support chat `channel`\n */\nexport const isSupportTicketOrigin = (\n  value: unknown\n): value is SupportTicketOrigin =>\n  Object.values(SUPPORT_TICKET_ORIGIN).includes(value as SupportTicketOrigin);\n\nexport interface CreateSupportTicketRequest {\n  subject: string;\n  description: string;\n  type: string;\n  /** App the ticket is opened from */\n  origin?: SupportTicketOrigin;\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-56PRQ24B.mjs → chunk-7LS5UQCQ.mjs}

@@ -1,14 +1,14 @@
 import {
   TicketModal,
   getCategoryIcon
-} from "./chunk-DXA4VBUN.mjs";
+} from "./chunk-VKQ5AJDT.mjs";
 import {
   getCategoryText,
   getStatusBadgeAction,
   getStatusText,
   mapApiStatusToInternal,
   mapInternalStatusToApi
-} from "./chunk-OMBS4ACE.mjs";
+} from "./chunk-MVT7IVMY.mjs";
 import {
   Toast_default
 } from "./chunk-YGF3KVWG.mjs";
@@ -156,7 +156,8 @@ var Support = ({
   emptyStateImage,
   title = "Suporte",
   onTicketCreated,
-  onTicketClosed
+  onTicketClosed,
+  origin
 }) => {
   const [activeTab, setActiveTab] = useState("criar-pedido");
   const [selectedProblem, setSelectedProblem] = useState(null);
@@ -274,7 +275,8 @@ var Support = ({
       const requestData = {
         subject: data.title,
         description: data.description,
-        type: data.problemType
+        type: data.problemType,
+        ...origin ? { origin } : {}
       };
       await apiClient.post(
         "/support",
@@ -1098,4 +1100,4 @@ export {
   useInfiniteScrollSentinel,
   TicketList
 };
-//# sourceMappingURL=chunk-56PRQ24B.mjs.map
+//# sourceMappingURL=chunk-7LS5UQCQ.mjs.map

package/dist/chunk-7LS5UQCQ.mjs.map

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

package/dist/{chunk-PH2DDIS4.mjs → chunk-B4QODMQ5.mjs}

@@ -36,4 +36,4 @@ export {
   SUPPORT_TICKET_CARD_STATUS,
   SUPPORT_HISTORY_FILTER
 };
-//# sourceMappingURL=chunk-PH2DDIS4.mjs.map
+//# sourceMappingURL=chunk-B4QODMQ5.mjs.map

package/dist/{chunk-PH2DDIS4.mjs.map → chunk-B4QODMQ5.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/types/supportUserPanel.ts"],"sourcesContent":["import type { SupportTimelineStatus } from './supportTimeline';\n\n/**\n * Support (SAC) user panel types — right-side panel of the agent's ticket\n * screen, with the contact profile, their ticket history and the current\n * ticket details.\n */\n\n/** Tabs of the user panel */\nexport const SUPPORT_USER_PANEL_TAB = {\n  PROFILE: 'profile',\n  HISTORY: 'history',\n  TICKET: 'ticket',\n} as const;\n\nexport type SupportUserPanelTab =\n  (typeof SUPPORT_USER_PANEL_TAB)[keyof typeof SUPPORT_USER_PANEL_TAB];\n\n/** Channel a contact reached support through */\nexport const SUPPORT_CHANNEL = {\n  APP: 'App',\n  WEB: 'Web',\n  WHATSAPP: 'WhatsApp',\n  EMAIL: 'E-mail',\n} as const;\n\nexport type SupportChannel =\n  (typeof SUPPORT_CHANNEL)[keyof typeof SUPPORT_CHANNEL];\n\n/** Ticket priority */\nexport const SUPPORT_TICKET_PRIORITY = {\n  LOW: 'low',\n  NORMAL: 'normal',\n  HIGH: 'high',\n  URGENT: 'urgent',\n} as const;\n\nexport type SupportTicketPriority =\n  (typeof SUPPORT_TICKET_PRIORITY)[keyof typeof SUPPORT_TICKET_PRIORITY];\n\n/** Status shown on a ticket card of the history tab */\nexport const SUPPORT_TICKET_CARD_STATUS = {\n  IN_PROGRESS: 'IN_PROGRESS',\n  WAITING_HUMAN: 'WAITING_HUMAN',\n  HUMAN: 'HUMAN',\n  DONE: 'DONE',\n} as const;\n\nexport type SupportTicketCardStatus =\n  (typeof SUPPORT_TICKET_CARD_STATUS)[keyof typeof SUPPORT_TICKET_CARD_STATUS];\n\n/** Filters of the history tab (single selection) */\nexport const SUPPORT_HISTORY_FILTER = {\n  ALL: 'all',\n  OPEN: 'open',\n  DONE: 'done',\n  AI: 'ai',\n} as const;\n\nexport type SupportHistoryFilter =\n  (typeof SUPPORT_HISTORY_FILTER)[keyof typeof SUPPORT_HISTORY_FILTER];\n\n/** Note left by an agent on a contact, visible to the whole team */\nexport interface SupportContactNote {\n  id: string;\n  text: string;\n  author: string;\n  /** ISO date */\n  createdAt: string;\n}\n\n/** Contact (the user who opened the ticket) */\nexport interface SupportContact {\n  id: string;\n  name: string;\n  avatarUrl?: string | null;\n  /** e.g. \"Estudante\" */\n  role: string;\n  /** e.g. \"Rede Aprender Mais\" */\n  institution: string;\n  /** Whether the contact is linked to a platform user */\n  linked: boolean;\n  email?: string | null;\n  /** Digits only or already formatted; rendered as `(DD) 9XXXX-XXXX` */\n  phone?: string | null;\n  /** e.g. \"3º ano B — Ensino Médio\" */\n  classOrPosition?: string | null;\n  /** ISO date */\n  firstContactAt: string;\n  /** ISO date */\n  lastContactAt: string;\n  ticketsCount: number;\n  /** e.g. \"Android 14 · Moto G54\" */\n  device?: string | null;\n  preferredChannel: SupportChannel;\n  notes: SupportContactNote[];\n}\n\n/** Who resolved a ticket */\nexport type SupportTicketResolver =\n  | { type: 'ai' }\n  | { type: 'agent'; name: string };\n\n/**\n * Id of a support ticket: a number (e.g. 4821) or a UUID. When it is not\n * meant for display, give the ticket a `code`.\n */\nexport type SupportTicketId = number | string;\n\n/** Ticket card of the history tab */\nexport interface SupportTicketSummary {\n  id: SupportTicketId;\n  /** Shown on the card; defaults to `#{id}` (e.g. \"#3F4A5B\" for a UUID) */\n  code?: string;\n  title: string;\n  reason?: string | null;\n  subreason?: string | null;\n  status: SupportTicketCardStatus;\n  /** ISO date */\n  createdAt: string;\n  resolvedBy?: SupportTicketResolver;\n  durationMin?: number | null;\n  /** Shown when the card is expanded */\n  priority?: SupportTicketPriority | null;\n  /** Shown when the card is expanded */\n  channel?: SupportChannel | null;\n}\n\n/** Aggregated numbers shown above the history list */\nexport interface SupportHistorySummary {\n  total: number;\n  resolved: number;\n  /** Average resolution time in minutes; null when nothing was resolved */\n  avgMin: number | null;\n}\n\n/** Status change event of the current ticket */\nexport interface SupportTicketTimelineEvent {\n  status: SupportTimelineStatus;\n  /** ISO date */\n  at: string;\n}\n\n/** Option of the reason select */\nexport interface SupportReasonOption {\n  value: string;\n  label: string;\n}\n\n/** Current ticket details */\nexport interface SupportTicketDetails {\n  id: SupportTicketId;\n  channel: SupportChannel;\n  /** ISO date */\n  openedAt: string;\n  /** ISO date of the first human reply; absent while waiting for a human */\n  firstHumanAt?: string | null;\n  /** ISO date the ticket was concluded; absent while it is open */\n  closedAt?: string | null;\n  /** Whether the ticket is concluded (fields become read-only, counters stop) */\n  done: boolean;\n  /** Value of the selected reason, from `reasonOptions` */\n  reason?: string | null;\n  priority: SupportTicketPriority;\n  aiSummary?: string | null;\n  timeline: SupportTicketTimelineEvent[];\n}\n"],"mappings":";AASO,IAAM,yBAAyB;AAAA,EACpC,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV;AAMO,IAAM,kBAAkB;AAAA,EAC7B,KAAK;AAAA,EACL,KAAK;AAAA,EACL,UAAU;AAAA,EACV,OAAO;AACT;AAMO,IAAM,0BAA0B;AAAA,EACrC,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,QAAQ;AACV;AAMO,IAAM,6BAA6B;AAAA,EACxC,aAAa;AAAA,EACb,eAAe;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACR;AAMO,IAAM,yBAAyB;AAAA,EACpC,KAAK;AAAA,EACL,MAAM;AAAA,EACN,MAAM;AAAA,EACN,IAAI;AACN;","names":[]}
+{"version":3,"sources":["../src/types/supportUserPanel.ts"],"sourcesContent":["import type { SupportTimelineStatus } from './supportTimeline';\n\n/**\n * Support (SAC) user panel types — right-side panel of the agent's ticket\n * screen, with the contact profile, their ticket history and the current\n * ticket details.\n */\n\n/** Tabs of the user panel */\nexport const SUPPORT_USER_PANEL_TAB = {\n  PROFILE: 'profile',\n  HISTORY: 'history',\n  TICKET: 'ticket',\n} as const;\n\nexport type SupportUserPanelTab =\n  (typeof SUPPORT_USER_PANEL_TAB)[keyof typeof SUPPORT_USER_PANEL_TAB];\n\n/** Channel a contact reached support through */\nexport const SUPPORT_CHANNEL = {\n  APP: 'App',\n  WEB: 'Web',\n  WHATSAPP: 'WhatsApp',\n  EMAIL: 'E-mail',\n} as const;\n\nexport type SupportChannel =\n  (typeof SUPPORT_CHANNEL)[keyof typeof SUPPORT_CHANNEL];\n\n/** Ticket priority */\nexport const SUPPORT_TICKET_PRIORITY = {\n  LOW: 'low',\n  NORMAL: 'normal',\n  HIGH: 'high',\n  URGENT: 'urgent',\n} as const;\n\nexport type SupportTicketPriority =\n  (typeof SUPPORT_TICKET_PRIORITY)[keyof typeof SUPPORT_TICKET_PRIORITY];\n\n/** Status shown on a ticket card of the history tab */\nexport const SUPPORT_TICKET_CARD_STATUS = {\n  IN_PROGRESS: 'IN_PROGRESS',\n  WAITING_HUMAN: 'WAITING_HUMAN',\n  HUMAN: 'HUMAN',\n  DONE: 'DONE',\n} as const;\n\nexport type SupportTicketCardStatus =\n  (typeof SUPPORT_TICKET_CARD_STATUS)[keyof typeof SUPPORT_TICKET_CARD_STATUS];\n\n/** Filters of the history tab (single selection) */\nexport const SUPPORT_HISTORY_FILTER = {\n  ALL: 'all',\n  OPEN: 'open',\n  DONE: 'done',\n  AI: 'ai',\n} as const;\n\nexport type SupportHistoryFilter =\n  (typeof SUPPORT_HISTORY_FILTER)[keyof typeof SUPPORT_HISTORY_FILTER];\n\n/** Note left by an agent on a contact, visible to the whole team */\nexport interface SupportContactNote {\n  id: string;\n  text: string;\n  author: string;\n  /** ISO date */\n  createdAt: string;\n}\n\n/** Contact (the user who opened the ticket) */\nexport interface SupportContact {\n  id: string;\n  name: string;\n  avatarUrl?: string | null;\n  /** e.g. \"Estudante\" */\n  role: string;\n  /** e.g. \"Rede Aprender Mais\" */\n  institution: string;\n  /** Whether the contact is linked to a platform user */\n  linked: boolean;\n  email?: string | null;\n  /** Digits only or already formatted; rendered as `(DD) 9XXXX-XXXX` */\n  phone?: string | null;\n  /** e.g. \"3º ano B — Ensino Médio\" */\n  classOrPosition?: string | null;\n  /** ISO date */\n  firstContactAt: string;\n  /** ISO date */\n  lastContactAt: string;\n  ticketsCount: number;\n  /** e.g. \"Android 14 · Moto G54\" */\n  device?: string | null;\n  preferredChannel: SupportChannel;\n  notes: SupportContactNote[];\n}\n\n/** Who resolved a ticket */\nexport type SupportTicketResolver =\n  | { type: 'ai' }\n  | { type: 'agent'; name: string };\n\n/**\n * Id of a support ticket: a number (e.g. 4821) or a UUID. When it is not\n * meant for display, give the ticket a `code`.\n */\nexport type SupportTicketId = number | string;\n\n/** Ticket card of the history tab */\nexport interface SupportTicketSummary {\n  id: SupportTicketId;\n  /** Shown on the card; defaults to `#{id}` (e.g. \"#3F4A5B\" for a UUID) */\n  code?: string;\n  title: string;\n  reason?: string | null;\n  subreason?: string | null;\n  status: SupportTicketCardStatus;\n  /** ISO date */\n  createdAt: string;\n  resolvedBy?: SupportTicketResolver;\n  durationMin?: number | null;\n  /** Shown when the card is expanded */\n  priority?: SupportTicketPriority | null;\n  /** Shown when the card is expanded */\n  channel?: SupportChannel | null;\n  /** App the ticket was opened from, already as a label (e.g. \"Professor\") */\n  origin?: string | null;\n}\n\n/** Aggregated numbers shown above the history list */\nexport interface SupportHistorySummary {\n  total: number;\n  resolved: number;\n  /** Average resolution time in minutes; null when nothing was resolved */\n  avgMin: number | null;\n}\n\n/** Status change event of the current ticket */\nexport interface SupportTicketTimelineEvent {\n  status: SupportTimelineStatus;\n  /** ISO date */\n  at: string;\n}\n\n/** Option of the reason select */\nexport interface SupportReasonOption {\n  value: string;\n  label: string;\n}\n\n/** Current ticket details */\nexport interface SupportTicketDetails {\n  id: SupportTicketId;\n  channel: SupportChannel;\n  /**\n   * App the ticket was opened from, already as a label (e.g. \"Professor\").\n   * Shown next to the channel (\"Web · Professor\").\n   */\n  origin?: string | null;\n  /** ISO date */\n  openedAt: string;\n  /** ISO date of the first human reply; absent while waiting for a human */\n  firstHumanAt?: string | null;\n  /** ISO date the ticket was concluded; absent while it is open */\n  closedAt?: string | null;\n  /** Whether the ticket is concluded (fields become read-only, counters stop) */\n  done: boolean;\n  /** Value of the selected reason, from `reasonOptions` */\n  reason?: string | null;\n  priority: SupportTicketPriority;\n  aiSummary?: string | null;\n  timeline: SupportTicketTimelineEvent[];\n}\n"],"mappings":";AASO,IAAM,yBAAyB;AAAA,EACpC,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV;AAMO,IAAM,kBAAkB;AAAA,EAC7B,KAAK;AAAA,EACL,KAAK;AAAA,EACL,UAAU;AAAA,EACV,OAAO;AACT;AAMO,IAAM,0BAA0B;AAAA,EACrC,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,QAAQ;AACV;AAMO,IAAM,6BAA6B;AAAA,EACxC,aAAa;AAAA,EACb,eAAe;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACR;AAMO,IAAM,yBAAyB;AAAA,EACpC,KAAK;AAAA,EACL,MAAM;AAAA,EACN,MAAM;AAAA,EACN,IAAI;AACN;","names":[]}

package/dist/{chunk-TVWATS3U.mjs → chunk-C4SBX6R2.mjs}

@@ -6,7 +6,7 @@ import {
   SUPPORT_TICKET_CARD_STATUS,
   SUPPORT_TICKET_PRIORITY,
   SUPPORT_USER_PANEL_TAB
-} from "./chunk-PH2DDIS4.mjs";
+} from "./chunk-B4QODMQ5.mjs";
 import {
   ToastStore_default
 } from "./chunk-OAP6DJKU.mjs";
@@ -520,7 +520,8 @@ var TicketCard = ({
   if (ticket.priority) {
     details.push(["Prioridade", PRIORITY_LABELS[ticket.priority]]);
   }
-  if (ticket.channel) details.push(["Canal", ticket.channel]);
+  const channel = [ticket.channel, ticket.origin].filter(Boolean).join(" \xB7 ");
+  if (channel) details.push(["Canal", channel]);
   if (current) details.push(["Dura\xE7\xE3o", "Ticket atual"]);
   else if (ticket.durationMin != null) {
     details.push(["Dura\xE7\xE3o", formatDuration(ticket.durationMin)]);
@@ -828,7 +829,13 @@ function SupportTicketDetailsTab({
   const readOnly = done;
   return /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-4", children: [
     /* @__PURE__ */ jsxs4("div", { className: "grid grid-cols-2 gap-2", children: [
-      /* @__PURE__ */ jsx4(StatTile, { label: "Canal", value: ticket.channel }),
+      /* @__PURE__ */ jsx4(
+        StatTile,
+        {
+          label: "Canal",
+          value: ticket.origin ? `${ticket.channel} \xB7 ${ticket.origin}` : ticket.channel
+        }
+      ),
       /* @__PURE__ */ jsx4(StatTile, { label: "Aberto em", value: formatOpenedAt(ticket.openedAt) }),
       /* @__PURE__ */ jsx4(StatTile, { label: "Tempo de espera", value: formatDuration(waitingMin) }),
       /* @__PURE__ */ jsx4(StatTile, { label: "Tempo total", value: formatDuration(totalMin) })
@@ -1034,4 +1041,4 @@ function SupportUserPanel({
 export {
   SupportUserPanel
 };
-//# sourceMappingURL=chunk-TVWATS3U.mjs.map
+//# sourceMappingURL=chunk-C4SBX6R2.mjs.map