npm - analytica-frontend-lib - Versions diffs - 1.7.21 → 1.7.23 - Mend

analytica-frontend-lib 1.7.21 → 1.7.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (384) hide show

package/dist/{chunk-QWMFWYII.js → chunk-7IZNLARX.js} RENAMED Viewed

@@ -3,7 +3,7 @@
 var _chunkVRXURXVMjs = require('./chunk-VRXURXVM.js');
-var _chunk23PAYKWBjs = require('./chunk-23PAYKWB.js');
+var _chunkKM27ZDHZjs = require('./chunk-KM27ZDHZ.js');
 var _chunkANT66KVKjs = require('./chunk-ANT66KVK.js');
@@ -24,7 +24,7 @@ var ProgressModal = ({
   const resolvedAccessibleName = typeof message === "string" ? message : _nullishCoalesce(accessibleName, () => ( "Carregando"));
   const resolvedAlt = _nullishCoalesce(imageAlt, () => ( resolvedAccessibleName));
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-    _chunk23PAYKWBjs.Modal_default,
+    _chunkKM27ZDHZjs.Modal_default,
     {
       isOpen,
       onClose,
@@ -58,4 +58,4 @@ var ProgressModal_default = ProgressModal;
 exports.ProgressModal_default = ProgressModal_default;
-//# sourceMappingURL=chunk-QWMFWYII.js.map
+//# sourceMappingURL=chunk-7IZNLARX.js.map

package/dist/{chunk-QWMFWYII.js.map → chunk-7IZNLARX.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["/home/runner/work/analytica-frontend-lib/analytica-frontend-lib/dist/chunk-~~QWMFWYII~~.js","../src/components/ProgressModal/ProgressModal.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACiEa,+CAAA;AAnBb,IAAM,cAAA,EAAgB,CAAC;AAAA,EACrB,MAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA,EAAO;AACT,CAAA,EAAA,GAA0B;AACxB,EAAA,MAAM,gBAAA,EAAkB,SAAA,IAAa,KAAA,CAAA;AACrC,EAAA,MAAM,uBAAA,EACJ,OAAO,QAAA,IAAY,SAAA,EAAW,QAAA,mBAAW,cAAA,UAAkB,cAAA;AAC7D,EAAA,MAAM,YAAA,mBAAc,QAAA,UAAY,wBAAA;AAEhC,EAAA,uBACE,6BAAA;AAAA,IAAC,8BAAA;AAAA,IAAA;AAAA,MACC,MAAA;AAAA,MACA,OAAA;AAAA,MACA,KAAA,kBAAO,6BAAA,MAAC,EAAA,EAAK,SAAA,EAAU,SAAA,EAAW,QAAA,EAAA,uBAAA,CAAuB,CAAA;AAAA,MACzD,IAAA;AAAA,MAEA,QAAA,kBAAA,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,uCAAA,EACZ,QAAA,EAAA;AAAA,QAAA,MAAA,mBACC,6BAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,GAAA,EAAK,KAAA;AAAA,YACL,GAAA,EAAK,WAAA;AAAA,YACL,SAAA,EAAU;AAAA,UAAA;AAAA,QACZ,CAAA;AAAA,wBAGF,6BAAA,6BAAC,EAAA,EAAK,IAAA,EAAK,IAAA,EAAK,SAAA,EAAU,2BAAA,EACvB,QAAA,EAAA,QAAA,CACH,CAAA;AAAA,wBAEA,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAW,gBAAA,EAAkB,uBAAA,EAAyB,QAAA,EACzD,QAAA,kBAAA,6BAAA;AAAA,UAAC,oCAAA;AAAA,UAAA;AAAA,YACC,KAAA,mBAAO,QAAA,UAAY,IAAA;AAAA,YACnB,IAAA,EAAK,QAAA;AAAA,YACL,OAAA,EAAQ,MAAA;AAAA,YACR,cAAA,EAAgB,CAAC;AAAA,UAAA;AAAA,QACnB,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EACF,CAAA;AAEJ,CAAA;AAEA,IAAO,sBAAA,EAAQ,aAAA;ADhDf;AACA;AACE;AACF,sDAAC","file":"/home/runner/work/analytica-frontend-lib/analytica-frontend-lib/dist/chunk-~~QWMFWYII~~.js","sourcesContent":[null,"import { ReactNode } from 'react';\nimport Modal from '../Modal/Modal';\nimport ProgressBar from '../ProgressBar/ProgressBar';\nimport Text from '../Text/Text';\n\nexport interface ProgressModalProps {\n /** Controla se o modal está aberto /\n isOpen: boolean;\n /* Callback ao fechar /\n onClose: () => void;\n /\n Mensagem principal exibida abaixo da imagem. Também é usada como\n * accessible name do dialog (renderizada visualmente escondida no `<h2>`\n * do Modal pra leitores de tela).\n /\n message: ReactNode;\n /* URL ou import de imagem ilustrativa (opcional) /\n image?: string;\n /* Alt text da imagem — se não informado usa a `message` quando for string /\n imageAlt?: string;\n /\n Accessible name quando `message` é ReactNode. Se omitido, cai em\n * \"Carregando\". Ignorado quando `message` é string.\n /\n accessibleName?: string;\n /\n Valor 0-100. Se omitido, mostra indicador indeterminado (pulse sem %).\n * Use quando o backend não reportar progresso real.\n /\n progress?: number;\n /* Tamanho do Modal. Default: 'sm' /\n size?: 'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl';\n}\n\n/\n Modal de progresso com imagem ilustrativa + mensagem + ProgressBar.\n \n Pensado para operações assíncronas longas (upload, OCR, correção por IA, etc).\n * Quando `progress` é omitido, a barra é renderizada em modo indeterminado\n * (`animate-pulse` sem percentual visível).\n \n Layout: X no topo direito, imagem centralizada, mensagem abaixo da imagem,\n * progress bar ao final. A mensagem também é injetada como título invisível\n * (`sr-only`) no `<h2>` do Modal pra acessibilidade.\n \n @example\n * ```tsx\n * <ProgressModal\n * isOpen={isLoading}\n * onClose={() => setIsLoading(false)}\n * image={myImage}\n * message=\"Analisando sua redação...\"\n * // progress opcional — sem valor, usa indicador indeterminado\n * />\n * ```\n */\nconst ProgressModal = ({\n isOpen,\n onClose,\n message,\n image,\n imageAlt,\n accessibleName,\n progress,\n size = 'sm',\n}: ProgressModalProps) => {\n const isIndeterminate = progress === undefined;\n const resolvedAccessibleName =\n typeof message === 'string' ? message : (accessibleName ?? 'Carregando');\n const resolvedAlt = imageAlt ?? resolvedAccessibleName;\n\n return (\n <Modal\n isOpen={isOpen}\n onClose={onClose}\n title={<span className=\"sr-only\">{resolvedAccessibleName}</span>}\n size={size}\n >\n <div className=\"flex flex-col items-center gap-6 py-2\">\n {image && (\n <img\n src={image}\n alt={resolvedAlt}\n className=\"w-60 h-60 object-contain\"\n />\n )}\n\n <Text size=\"md\" className=\"text-text-950 text-center\">\n {message}\n </Text>\n\n <div className={isIndeterminate ? 'w-full animate-pulse' : 'w-full'}>\n <ProgressBar\n value={progress ?? 60}\n size=\"medium\"\n variant=\"blue\"\n showPercentage={!isIndeterminate}\n />\n </div>\n </div>\n </Modal>\n );\n};\n\nexport default ProgressModal;\n"]}
1	+ {"version":3,"sources":["/home/runner/work/analytica-frontend-lib/analytica-frontend-lib/dist/chunk-7IZNLARX.js","../src/components/ProgressModal/ProgressModal.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACiEa,+CAAA;AAnBb,IAAM,cAAA,EAAgB,CAAC;AAAA,EACrB,MAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA,EAAO;AACT,CAAA,EAAA,GAA0B;AACxB,EAAA,MAAM,gBAAA,EAAkB,SAAA,IAAa,KAAA,CAAA;AACrC,EAAA,MAAM,uBAAA,EACJ,OAAO,QAAA,IAAY,SAAA,EAAW,QAAA,mBAAW,cAAA,UAAkB,cAAA;AAC7D,EAAA,MAAM,YAAA,mBAAc,QAAA,UAAY,wBAAA;AAEhC,EAAA,uBACE,6BAAA;AAAA,IAAC,8BAAA;AAAA,IAAA;AAAA,MACC,MAAA;AAAA,MACA,OAAA;AAAA,MACA,KAAA,kBAAO,6BAAA,MAAC,EAAA,EAAK,SAAA,EAAU,SAAA,EAAW,QAAA,EAAA,uBAAA,CAAuB,CAAA;AAAA,MACzD,IAAA;AAAA,MAEA,QAAA,kBAAA,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,uCAAA,EACZ,QAAA,EAAA;AAAA,QAAA,MAAA,mBACC,6BAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,GAAA,EAAK,KAAA;AAAA,YACL,GAAA,EAAK,WAAA;AAAA,YACL,SAAA,EAAU;AAAA,UAAA;AAAA,QACZ,CAAA;AAAA,wBAGF,6BAAA,6BAAC,EAAA,EAAK,IAAA,EAAK,IAAA,EAAK,SAAA,EAAU,2BAAA,EACvB,QAAA,EAAA,QAAA,CACH,CAAA;AAAA,wBAEA,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAW,gBAAA,EAAkB,uBAAA,EAAyB,QAAA,EACzD,QAAA,kBAAA,6BAAA;AAAA,UAAC,oCAAA;AAAA,UAAA;AAAA,YACC,KAAA,mBAAO,QAAA,UAAY,IAAA;AAAA,YACnB,IAAA,EAAK,QAAA;AAAA,YACL,OAAA,EAAQ,MAAA;AAAA,YACR,cAAA,EAAgB,CAAC;AAAA,UAAA;AAAA,QACnB,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EACF,CAAA;AAEJ,CAAA;AAEA,IAAO,sBAAA,EAAQ,aAAA;ADhDf;AACA;AACE;AACF,sDAAC","file":"/home/runner/work/analytica-frontend-lib/analytica-frontend-lib/dist/chunk-7IZNLARX.js","sourcesContent":[null,"import { ReactNode } from 'react';\nimport Modal from '../Modal/Modal';\nimport ProgressBar from '../ProgressBar/ProgressBar';\nimport Text from '../Text/Text';\n\nexport interface ProgressModalProps {\n /** Controla se o modal está aberto /\n isOpen: boolean;\n /* Callback ao fechar /\n onClose: () => void;\n /\n Mensagem principal exibida abaixo da imagem. Também é usada como\n * accessible name do dialog (renderizada visualmente escondida no `<h2>`\n * do Modal pra leitores de tela).\n /\n message: ReactNode;\n /* URL ou import de imagem ilustrativa (opcional) /\n image?: string;\n /* Alt text da imagem — se não informado usa a `message` quando for string /\n imageAlt?: string;\n /\n Accessible name quando `message` é ReactNode. Se omitido, cai em\n * \"Carregando\". Ignorado quando `message` é string.\n /\n accessibleName?: string;\n /\n Valor 0-100. Se omitido, mostra indicador indeterminado (pulse sem %).\n * Use quando o backend não reportar progresso real.\n /\n progress?: number;\n /* Tamanho do Modal. Default: 'sm' /\n size?: 'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl';\n}\n\n/\n Modal de progresso com imagem ilustrativa + mensagem + ProgressBar.\n \n Pensado para operações assíncronas longas (upload, OCR, correção por IA, etc).\n * Quando `progress` é omitido, a barra é renderizada em modo indeterminado\n * (`animate-pulse` sem percentual visível).\n \n Layout: X no topo direito, imagem centralizada, mensagem abaixo da imagem,\n * progress bar ao final. A mensagem também é injetada como título invisível\n * (`sr-only`) no `<h2>` do Modal pra acessibilidade.\n \n @example\n * ```tsx\n * <ProgressModal\n * isOpen={isLoading}\n * onClose={() => setIsLoading(false)}\n * image={myImage}\n * message=\"Analisando sua redação...\"\n * // progress opcional — sem valor, usa indicador indeterminado\n * />\n * ```\n */\nconst ProgressModal = ({\n isOpen,\n onClose,\n message,\n image,\n imageAlt,\n accessibleName,\n progress,\n size = 'sm',\n}: ProgressModalProps) => {\n const isIndeterminate = progress === undefined;\n const resolvedAccessibleName =\n typeof message === 'string' ? message : (accessibleName ?? 'Carregando');\n const resolvedAlt = imageAlt ?? resolvedAccessibleName;\n\n return (\n <Modal\n isOpen={isOpen}\n onClose={onClose}\n title={<span className=\"sr-only\">{resolvedAccessibleName}</span>}\n size={size}\n >\n <div className=\"flex flex-col items-center gap-6 py-2\">\n {image && (\n <img\n src={image}\n alt={resolvedAlt}\n className=\"w-60 h-60 object-contain\"\n />\n )}\n\n <Text size=\"md\" className=\"text-text-950 text-center\">\n {message}\n </Text>\n\n <div className={isIndeterminate ? 'w-full animate-pulse' : 'w-full'}>\n <ProgressBar\n value={progress ?? 60}\n size=\"medium\"\n variant=\"blue\"\n showPercentage={!isIndeterminate}\n />\n </div>\n </div>\n </Modal>\n );\n};\n\nexport default ProgressModal;\n"]}

package/dist/{chunk-ZCBT2BUZ.js → chunk-7RFHXFFV.js} RENAMED Viewed

@@ -18,10 +18,10 @@ var _chunkJVDEOFXDjs = require('./chunk-JVDEOFXD.js');
-var _chunkRBJAO57Ajs = require('./chunk-RBJAO57A.js');
+var _chunkFAAR4XC5js = require('./chunk-FAAR4XC5.js');
-var _chunk23PAYKWBjs = require('./chunk-23PAYKWB.js');
+var _chunkKM27ZDHZjs = require('./chunk-KM27ZDHZ.js');
 var _chunkANT66KVKjs = require('./chunk-ANT66KVK.js');
@@ -98,7 +98,7 @@ var GlobalNotificationModal = ({
   onMarkAsReadById,
   emptyStateImage
 }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-  _chunk23PAYKWBjs.Modal_default,
+  _chunkKM27ZDHZjs.Modal_default,
   {
     isOpen,
     onClose,
@@ -153,25 +153,25 @@ var SingleNotificationCard = ({
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 w-full", children: [
           !isRead && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-[7px] h-[7px] bg-info-300 rounded-full flex-shrink-0" }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "font-bold text-sm leading-4 text-text-950 flex-grow", children: title }),
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRBJAO57Ajs.DropdownMenu_default, { children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkFAAR4XC5js.DropdownMenu_default, { children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-              _chunkRBJAO57Ajs.DropdownMenuTrigger,
+              _chunkFAAR4XC5js.DropdownMenuTrigger,
               {
                 className: "flex-shrink-0 inline-flex items-center justify-center font-medium bg-transparent text-text-950 cursor-pointer hover:bg-info-50 w-6 h-6 rounded-lg",
                 "aria-label": "Mais op\xE7\xF5es",
                 children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _DotsThreeVertical.DotsThreeVerticalIcon, { size: 24 })
               }
             ),
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRBJAO57Ajs.DropdownMenuContent, { align: "end", className: "min-w-[160px]", children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkFAAR4XC5js.DropdownMenuContent, { align: "end", className: "min-w-[160px]", children: [
               !isRead && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-                _chunkRBJAO57Ajs.DropdownMenuItem,
+                _chunkFAAR4XC5js.DropdownMenuItem,
                 {
                   onClick: handleMarkAsRead,
                   className: "text-text-950",
                   children: "Marcar como lida"
                 }
               ),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRBJAO57Ajs.DropdownMenuItem, { onClick: handleDelete, className: "text-error-600", children: "Deletar" })
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFAAR4XC5js.DropdownMenuItem, { onClick: handleDelete, className: "text-error-600", children: "Deletar" })
             ] })
           ] })
         ] }),
@@ -386,7 +386,7 @@ var NotificationCenter = ({
         }
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-        _chunk23PAYKWBjs.Modal_default,
+        _chunkKM27ZDHZjs.Modal_default,
         {
           isOpen: isModalOpen,
           onClose: () => setIsModalOpen(false),
@@ -449,11 +449,11 @@ var NotificationCenter = ({
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
-      _chunkRBJAO57Ajs.DropdownMenu_default,
+      _chunkFAAR4XC5js.DropdownMenu_default,
       {
         ...typeof isActive === "boolean" ? { open: isActive, onOpenChange: handleOpenChange } : { onOpenChange: handleOpenChange },
         children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRBJAO57Ajs.DropdownMenuTrigger, { className: "text-primary cursor-pointer", asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFAAR4XC5js.DropdownMenuTrigger, { className: "text-primary cursor-pointer", asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
             _chunkCAQ2Q3ONjs.IconButton_default,
             {
               active: isActive,
@@ -471,7 +471,7 @@ var NotificationCenter = ({
             }
           ) }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-            _chunkRBJAO57Ajs.DropdownMenuContent,
+            _chunkFAAR4XC5js.DropdownMenuContent,
             {
               className: "min-w-[320px] max-w-[400px] max-h-[500px] overflow-hidden",
               side: "bottom",
@@ -651,4 +651,4 @@ var NotificationCard_default = NotificationCard;
 exports.LegacyNotificationCard = LegacyNotificationCard; exports.NotificationCard_default = NotificationCard_default;
-//# sourceMappingURL=chunk-ZCBT2BUZ.js.map
+//# sourceMappingURL=chunk-7RFHXFFV.js.map

package/dist/{chunk-ZCBT2BUZ.js.map → chunk-7RFHXFFV.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["/home/runner/work/analytica-frontend-lib/analytica-frontend-lib/dist/chunk-ZCBT2BUZ.js","../src/components/NotificationCard/NotificationCard.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/analytica-frontend-lib/analytica-frontend-lib/dist/chunk-ZCBT2BUZ.js","sourcesContent":[null,"import { DotsThreeVerticalIcon } from '@phosphor-icons/react/dist/csr/DotsThreeVertical';\nimport { BellIcon } from '@phosphor-icons/react/dist/csr/Bell';\nimport { MouseEvent, ReactNode, useState, useEffect } from 'react';\nimport { cn } from '../../utils/utils';\nimport DropdownMenu, {\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuTrigger,\n} from '../DropdownMenu/DropdownMenu';\nimport { SkeletonCard } from '../Skeleton/Skeleton';\nimport IconButton from '../IconButton/IconButton';\nimport Modal from '../Modal/Modal';\nimport Text from '../Text/Text';\nimport Badge from '../Badge/Badge';\nimport { useMobile } from '../../hooks/useMobile';\nimport type {\n Notification,\n NotificationGroup,\n NotificationEntityType,\n NotificationEntityStatus,\n} from '../../types/notifications';\nimport { formatTimeAgo } from '../../store/notificationStore';\nimport mockContentImage from '../../assets/img/mock-content.png';\n\n/*\n Default interval (in ms) to auto-refresh the notification center while it is\n * open, so newly received notifications appear without reopening it.\n /\nconst DEFAULT_REFRESH_INTERVAL_MS = 3000;\n\n/\n Nome acessível do sino.\n \n O botão era só um ícone com um `sr-only` dentro, e esse texto só existia\n * quando havia não lidas: sem notificação nenhuma o botão ficava sem nome, e o\n * leitor de tela anunciava apenas \"botão\". A contagem entra no próprio rótulo\n * para que o estado seja dito junto com o nome, em vez de depender de um texto\n * que aparece e some.\n /\nconst getNotificationsLabel = (unreadCount: number) => {\n if (unreadCount <= 0) {\n return 'Notificações, sem notificações';\n }\n\n const plural = unreadCount === 1 ? 'notificação' : 'notificações';\n return `Notificações, ${unreadCount} ${plural}`;\n};\n\n// Extended notification item for component usage with time string\nexport interface NotificationItem extends Omit<Notification, 'createdAt'> {\n time: string;\n createdAt: string \| Date;\n}\n\n// Base props shared across all modes\ninterface BaseNotificationProps {\n /\n Additional CSS classes\n /\n className?: string;\n /\n Empty state image path\n /\n emptyStateImage?: string;\n /\n Empty state title\n /\n emptyStateTitle?: string;\n /\n Empty state description\n /\n emptyStateDescription?: string;\n}\n\n// Single notification card mode\ninterface SingleNotificationCardMode extends BaseNotificationProps {\n /\n Component mode - single card\n /\n mode: 'single';\n /\n The notification title\n /\n title: string;\n /\n The notification message content\n /\n message: string;\n /\n Time displayed (e.g., \"Há 3h\", \"12 Fev\")\n /\n time: string;\n /\n Whether the notification has been read\n /\n isRead: boolean;\n /\n Callback when user marks notification as read\n /\n onMarkAsRead: () => void;\n /\n Callback when user deletes notification\n /\n onDelete: () => void;\n /\n Optional callback for navigation action\n /\n onNavigate?: () => void;\n /\n Label for the action button (only shown if onNavigate is provided)\n /\n actionLabel?: string;\n}\n\n// List mode\ninterface NotificationListMode extends BaseNotificationProps {\n /\n Component mode - list\n /\n mode: 'list';\n /\n Array of notifications for list mode\n /\n notifications?: NotificationItem[];\n /\n Array of grouped notifications\n /\n groupedNotifications?: NotificationGroup[];\n /\n Loading state for list mode\n /\n loading?: boolean;\n /\n Error state for list mode\n /\n error?: string \| null;\n /\n Callback for retry when error occurs\n /\n onRetry?: () => void;\n /\n Callback when user marks a notification as read in list mode\n /\n onMarkAsReadById?: (id: string) => void;\n /\n Callback when user deletes a notification in list mode\n /\n onDeleteById?: (id: string) => void;\n /\n Callback when user navigates from a notification in list mode\n /\n onNavigateById?: (\n entityType?: NotificationEntityType,\n entityId?: string,\n entityStatus?: NotificationEntityStatus \| null,\n questionId?: string \| null\n ) => void;\n /\n Callback when user clicks on a global notification\n /\n onGlobalNotificationClick?: (notification: Notification) => void;\n /\n Function to get action label for a notification\n /\n getActionLabel?: (entityType?: NotificationEntityType) => string \| undefined;\n /\n Custom empty state component\n /\n renderEmpty?: () => ReactNode;\n}\n\n// NotificationCenter mode\ninterface NotificationCenterMode extends BaseNotificationProps {\n /\n Component mode - center\n /\n mode: 'center';\n /\n Array of grouped notifications\n /\n groupedNotifications?: NotificationGroup[];\n /\n Loading state for center mode\n /\n loading?: boolean;\n /\n Error state for center mode\n /\n error?: string \| null;\n /\n Callback for retry when error occurs\n /\n onRetry?: () => void;\n /\n Whether center mode is currently active (controls dropdown/modal visibility)\n /\n isActive?: boolean;\n /\n Callback when center mode is toggled\n /\n onToggleActive?: () => void;\n /\n Number of unread notifications for badge display\n /\n unreadCount?: number;\n /\n Callback when all notifications should be marked as read\n /\n onMarkAllAsRead?: () => void;\n /\n Callback to fetch notifications (called when center opens)\n /\n onFetchNotifications?: () => void;\n /\n Callback when user marks a notification as read in center mode\n /\n onMarkAsReadById?: (id: string) => void;\n /\n Callback when user deletes a notification in center mode\n /\n onDeleteById?: (id: string) => void;\n /\n Callback when user navigates from a notification in center mode\n /\n onNavigateById?: (\n entityType?: NotificationEntityType,\n entityId?: string,\n entityStatus?: NotificationEntityStatus \| null,\n questionId?: string \| null\n ) => void;\n /\n Function to get action label for a notification\n /\n getActionLabel?: (entityType?: NotificationEntityType) => string \| undefined;\n /\n Callback when dropdown open state changes (for synchronization with parent)\n /\n onOpenChange?: (open: boolean) => void;\n /\n Interval (in ms) to auto-refresh the list while the center is open, so newly\n * received notifications appear without reopening it. Defaults to 3000 (3s).\n * Set to 0 to disable polling.\n /\n refreshIntervalMs?: number;\n}\n\n// Union type for all modes\nexport type NotificationCardProps =\n \| SingleNotificationCardMode\n \| NotificationListMode\n \| NotificationCenterMode;\n\n// Legacy interface for backward compatibility\nexport interface LegacyNotificationCardProps extends BaseNotificationProps {\n // Single notification mode props\n title?: string;\n message?: string;\n time?: string;\n isRead?: boolean;\n onMarkAsRead?: () => void;\n onDelete?: () => void;\n onNavigate?: () => void;\n actionLabel?: string;\n\n // List mode props\n notifications?: NotificationItem[];\n groupedNotifications?: NotificationGroup[];\n loading?: boolean;\n error?: string \| null;\n onRetry?: () => void;\n onMarkAsReadById?: (id: string) => void;\n onDeleteById?: (id: string) => void;\n onNavigateById?: (\n entityType?: NotificationEntityType,\n entityId?: string,\n entityStatus?: NotificationEntityStatus \| null,\n questionId?: string \| null\n ) => void;\n onGlobalNotificationClick?: (notification: Notification) => void;\n getActionLabel?: (entityType?: NotificationEntityType) => string \| undefined;\n renderEmpty?: () => ReactNode;\n\n // NotificationCenter mode props\n variant?: 'card' \| 'center';\n isActive?: boolean;\n onToggleActive?: () => void;\n unreadCount?: number;\n onMarkAllAsRead?: () => void;\n onFetchNotifications?: () => void;\n onOpenChange?: (open: boolean) => void;\n}\n\n/\n Empty state component for notifications\n /\nconst NotificationEmpty = ({\n emptyStateImage,\n emptyStateTitle = 'Nenhuma notificação no momento',\n emptyStateDescription = 'Você está em dia com todas as novidades. Volte depois para conferir atualizações!',\n}: {\n emptyStateImage?: string;\n emptyStateTitle?: string;\n emptyStateDescription?: string;\n}) => {\n return (\n <div className=\"flex flex-col items-center justify-center gap-4 p-6 w-full\">\n {/ Notification Icon /}\n {emptyStateImage && (\n <div className=\"w-20 h-20 flex items-center justify-center\">\n <img\n src={emptyStateImage}\n alt=\"Sem notificações\"\n width={82}\n height={82}\n className=\"object-contain\"\n />\n </div>\n )}\n\n {/ Title /}\n <h3 className=\"text-xl font-semibold text-text-950 text-center leading-[23px]\">\n {emptyStateTitle}\n </h3>\n\n {/ Description /}\n <p className=\"text-sm font-normal text-text-400 text-center max-w-[316px] leading-[21px]\">\n {emptyStateDescription}\n </p>\n </div>\n );\n};\n\n/\n Notification header component\n /\nconst NotificationHeader = ({\n unreadCount,\n variant = 'modal',\n}: {\n unreadCount: number;\n variant?: 'modal' \| 'dropdown';\n}) => {\n return (\n <div className=\"flex items-center justify-between gap-2\">\n {variant === 'modal' ? (\n <Text size=\"sm\" weight=\"bold\" className=\"text-text-950\">\n Notificações\n </Text>\n ) : (\n <h3 className=\"text-sm font-semibold text-text-950\">Notificações</h3>\n )}\n {unreadCount > 0 && (\n <Badge\n variant=\"solid\"\n action=\"info\"\n size=\"small\"\n iconLeft={<BellIcon size={12} aria-hidden=\"true\" focusable=\"false\" />}\n className=\"border-0\"\n >\n {unreadCount === 1 ? '1 não lida' : `${unreadCount} não lidas`}\n </Badge>\n )}\n </div>\n );\n};\n\n/\n Marks a notification as read, if it is not already.\n \n Opening a notification is what \"viewed\" means to the sender, so every entry\n * point funnels through here: the card body and its \"Ver mais\" button, and the\n * action button inside the notification modal — in list mode and in the\n * notification center, mobile and desktop alike.\n \n Without this, the only path that ever reached `PATCH /notifications/:id` was\n * the \"Marcar como lida\" item in the kebab menu, so a student could read every\n * notice and still show up as \"Pendente\" on the teacher's screen.\n \n Lives at module level because the center renders its own modals rather than\n * delegating to `NotificationList`, and three copies of this guard is exactly\n * the kind of duplication that drifts apart.\n /\nconst markNotificationAsRead = (\n notification: Notification \| null \| undefined,\n onMarkAsReadById?: (id: string) => void\n) => {\n if (notification && !notification.isRead) {\n onMarkAsReadById?.(notification.id);\n }\n};\n\n/\n Modal that shows the full content of a notice (a notification with no entity\n * behind it).\n \n Rendered in three places — list mode, and the center's mobile and desktop\n * branches — which used to carry three near-identical copies of the same twenty\n * lines of `<Modal>` wiring. Keeping them apart meant every change to the notice\n * modal had to be made three times, and Sonar counted the block as duplicated.\n \n Closing is the caller's business (each owns its own state), so `onClose` stays\n * a prop; everything else is derived from the notification itself.\n /\nconst GlobalNotificationModal = ({\n notification,\n isOpen,\n onClose,\n onMarkAsReadById,\n emptyStateImage,\n}: {\n notification: Notification \| null;\n isOpen: boolean;\n onClose: () => void;\n onMarkAsReadById?: (id: string) => void;\n emptyStateImage?: string;\n}) => (\n <Modal\n isOpen={isOpen}\n onClose={onClose}\n title={notification?.title \|\| ''}\n variant=\"activity\"\n description={notification?.message \|\| ''}\n image={notification?.linkImg \|\| emptyStateImage \|\| mockContentImage}\n actionLink={notification?.actionLink \|\| undefined}\n actionLabel=\"Ver mais\"\n onActionClick={() => markNotificationAsRead(notification, onMarkAsReadById)}\n size=\"lg\"\n />\n);\n\n/\n Single notification card component\n /\nconst SingleNotificationCard = ({\n title,\n message,\n time,\n isRead,\n onMarkAsRead,\n onDelete,\n onNavigate,\n actionLabel,\n className,\n}: {\n title: string;\n message: string;\n time: string;\n isRead: boolean;\n onMarkAsRead: () => void;\n onDelete: () => void;\n onNavigate?: () => void;\n actionLabel?: string;\n className?: string;\n}) => {\n const handleMarkAsRead = (e: MouseEvent) => {\n e.preventDefault();\n e.stopPropagation();\n if (!isRead) {\n onMarkAsRead();\n }\n };\n\n const handleDelete = (e: MouseEvent) => {\n e.preventDefault();\n e.stopPropagation();\n onDelete();\n };\n\n const handleNavigate = (e: MouseEvent) => {\n e.stopPropagation();\n if (onNavigate) {\n onNavigate();\n }\n };\n\n return (\n <div\n className={cn(\n 'flex flex-col justify-center items-start p-4 gap-2 w-full bg-background border-b border-border-200',\n 'last:border-b-0',\n className\n )}\n >\n {/ Header with unread indicator and actions menu /}\n <div className=\"flex items-center gap-2 w-full\">\n {/ Unread indicator /}\n {!isRead && (\n <div className=\"w-[7px] h-[7px] bg-info-300 rounded-full flex-shrink-0\" />\n )}\n\n {/ Title /}\n <h3 className=\"font-bold text-sm leading-4 text-text-950 flex-grow\">\n {title}\n </h3>\n\n {/ Actions dropdown /}\n <DropdownMenu>\n <DropdownMenuTrigger\n className=\"flex-shrink-0 inline-flex items-center justify-center font-medium bg-transparent text-text-950 cursor-pointer hover:bg-info-50 w-6 h-6 rounded-lg\"\n aria-label=\"Mais opções\"\n >\n <DotsThreeVerticalIcon size={24} />\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"end\" className=\"min-w-[160px]\">\n {!isRead && (\n <DropdownMenuItem\n onClick={handleMarkAsRead}\n className=\"text-text-950\"\n >\n Marcar como lida\n </DropdownMenuItem>\n )}\n <DropdownMenuItem onClick={handleDelete} className=\"text-error-600\">\n Deletar\n </DropdownMenuItem>\n </DropdownMenuContent>\n </DropdownMenu>\n </div>\n\n {/ Message /}\n <p className=\"text-sm leading-[21px] text-text-800 w-full\">{message}</p>\n\n {/ Time and action button /}\n <div className=\"flex items-center justify-between w-full\">\n <span className=\"text-sm font-medium text-text-400\">{time}</span>\n\n {onNavigate && actionLabel && (\n <button\n type=\"button\"\n onClick={handleNavigate}\n className=\"text-sm font-medium text-info-600 hover:text-info-700 cursor-pointer\"\n >\n {actionLabel}\n </button>\n )}\n </div>\n </div>\n );\n};\n\n/\n Notification list component for displaying grouped notifications\n /\nconst NotificationList = ({\n groupedNotifications = [],\n loading = false,\n error = null,\n onRetry,\n onMarkAsReadById,\n onDeleteById,\n onNavigateById,\n onGlobalNotificationClick,\n getActionLabel,\n renderEmpty,\n className,\n emptyStateImage,\n}: {\n groupedNotifications?: NotificationGroup[];\n loading?: boolean;\n error?: string \| null;\n onRetry?: () => void;\n onMarkAsReadById?: (id: string) => void;\n onDeleteById?: (id: string) => void;\n onNavigateById?: (\n entityType?: NotificationEntityType,\n entityId?: string,\n entityStatus?: NotificationEntityStatus \| null,\n questionId?: string \| null\n ) => void;\n onGlobalNotificationClick?: (notification: Notification) => void;\n getActionLabel?: (entityType?: NotificationEntityType) => string \| undefined;\n renderEmpty?: () => ReactNode;\n className?: string;\n emptyStateImage?: string;\n}) => {\n // State for global notification modal when onGlobalNotificationClick is not provided\n const [globalNotificationModal, setGlobalNotificationModal] = useState<{\n isOpen: boolean;\n notification: Notification \| null;\n }>({ isOpen: false, notification: null });\n\n // Default handler for global notifications when onGlobalNotificationClick is not provided\n const handleGlobalNotificationClick = (notification: Notification) => {\n if (onGlobalNotificationClick) {\n onGlobalNotificationClick(notification);\n } else {\n // Open modal as fallback\n setGlobalNotificationModal({\n isOpen: true,\n notification,\n });\n }\n };\n\n const markAsReadThen = (\n notification: Notification,\n open: (notification: Notification) => void\n ) => {\n markNotificationAsRead(notification, onMarkAsReadById);\n open(notification);\n };\n // Error state\n if (error) {\n return (\n <div className=\"flex flex-col items-center gap-4 p-6 w-full\">\n <p className=\"text-sm text-error-600\">{error}</p>\n {onRetry && (\n <button\n type=\"button\"\n onClick={onRetry}\n className=\"text-sm text-info-600 hover:text-info-700\"\n >\n Tentar novamente\n </button>\n )}\n </div>\n );\n }\n\n // Loading state — only show the skeleton on the initial load (empty list).\n // Background refreshes (e.g. while the center polls) keep the list visible.\n if (loading && groupedNotifications.length === 0) {\n return (\n <div className=\"flex flex-col gap-0 w-full\">\n {['skeleton-first', 'skeleton-second', 'skeleton-third'].map(\n (skeletonId) => (\n <SkeletonCard\n key={skeletonId}\n className=\"p-4 border-b border-border-200\"\n />\n )\n )}\n </div>\n );\n }\n\n // Empty state\n if (!groupedNotifications \|\| groupedNotifications.length === 0) {\n return renderEmpty ? (\n <div className=\"w-full\">{renderEmpty()}</div>\n ) : (\n <NotificationEmpty />\n );\n }\n\n return (\n <div className={cn('flex flex-col gap-0 w-full', className)}>\n {groupedNotifications.map((group, idx) => (\n <div key={`${group.label}-${idx}`} className=\"flex flex-col\">\n {/ Group header /}\n <div className=\"flex items-end px-4 py-6 pb-4\">\n <h4 className=\"text-lg font-bold text-text-500 flex-grow\">\n {group.label}\n </h4>\n </div>\n\n {/ Notifications in group /}\n {group.notifications.map((notification) => {\n // Check if this is a global notification\n const isGlobalNotification =\n !notification.entityType &&\n !notification.entityId &&\n !notification.activity &&\n !notification.recommendedClass;\n\n // Determine navigation handler\n let navigationHandler: (() => void) \| undefined;\n if (isGlobalNotification) {\n navigationHandler = () =>\n markAsReadThen(notification, handleGlobalNotificationClick);\n } else if (\n notification.entityType &&\n notification.entityId &&\n onNavigateById\n ) {\n navigationHandler = () =>\n markAsReadThen(notification, (opened) =>\n onNavigateById(\n opened.entityType ?? undefined,\n opened.entityId ?? undefined,\n opened.entityStatus,\n opened.questionId\n )\n );\n }\n\n // Determine action label\n let actionLabel: string \| undefined;\n if (isGlobalNotification) {\n // For global notifications, call getActionLabel without parameters or with null\n actionLabel = getActionLabel?.(undefined);\n } else {\n // For entity-specific notifications, pass the entityType\n actionLabel = getActionLabel?.(\n notification.entityType ?? undefined\n );\n }\n\n return (\n <SingleNotificationCard\n key={notification.id}\n title={notification.title}\n message={notification.message}\n time={\n (notification as Partial<NotificationItem>).time ??\n formatTimeAgo(new Date(notification.createdAt))\n }\n isRead={notification.isRead}\n onMarkAsRead={() => onMarkAsReadById?.(notification.id)}\n onDelete={() => onDeleteById?.(notification.id)}\n onNavigate={navigationHandler}\n actionLabel={actionLabel}\n />\n );\n })}\n </div>\n ))}\n\n {/ Global notification modal for list mode /}\n <GlobalNotificationModal\n notification={globalNotificationModal.notification}\n isOpen={globalNotificationModal.isOpen}\n onClose={() =>\n setGlobalNotificationModal({ isOpen: false, notification: null })\n }\n onMarkAsReadById={onMarkAsReadById}\n emptyStateImage={emptyStateImage}\n />\n </div>\n );\n};\n\n// Internal props type for NotificationCenter (without mode)\ntype NotificationCenterProps = Omit<NotificationCenterMode, 'mode'>;\n\n/\n NotificationCenter component for modal/dropdown mode\n /\nconst NotificationCenter = ({\n isActive,\n onToggleActive,\n unreadCount = 0,\n groupedNotifications = [],\n loading = false,\n error = null,\n onRetry,\n onMarkAsReadById,\n onDeleteById,\n onNavigateById,\n getActionLabel,\n onFetchNotifications,\n onMarkAllAsRead,\n onOpenChange,\n emptyStateImage,\n emptyStateTitle,\n emptyStateDescription,\n className,\n refreshIntervalMs = DEFAULT_REFRESH_INTERVAL_MS,\n}: NotificationCenterProps) => {\n const { isMobile } = useMobile();\n const [isModalOpen, setIsModalOpen] = useState(false);\n const [globalNotificationModal, setGlobalNotificationModal] = useState<{\n isOpen: boolean;\n notification: Notification \| null;\n }>({ isOpen: false, notification: null });\n\n // Handle mobile click\n const handleMobileClick = () => {\n setIsModalOpen(true);\n onFetchNotifications?.();\n };\n\n // Handle desktop click\n const handleDesktopClick = () => {\n onToggleActive?.();\n };\n\n // Handle dropdown open change\n const handleOpenChange = (open: boolean) => {\n const controlledByParent =\n typeof isActive === 'boolean' && typeof onToggleActive === 'function';\n\n // Always notify parent if they want the signal.\n onOpenChange?.(open);\n\n // If parent controls via toggle only (no onOpenChange), keep them in sync on close.\n if (controlledByParent && !onOpenChange && !open && isActive) {\n onToggleActive?.();\n }\n };\n\n // Fetch notifications when dropdown opens\n useEffect(() => {\n if (isActive) {\n onFetchNotifications?.();\n }\n }, [isActive, onFetchNotifications]);\n\n // While the center is open, poll periodically so newly received notifications\n // appear without the user having to reopen it. The list is not replaced by a\n // skeleton on these background refreshes (see NotificationList loading gate).\n const isCenterOpen = isMobile ? isModalOpen : Boolean(isActive);\n useEffect(() => {\n if (!isCenterOpen \|\| !onFetchNotifications \|\| refreshIntervalMs <= 0) {\n return;\n }\n const intervalId = setInterval(() => {\n onFetchNotifications();\n }, refreshIntervalMs);\n return () => clearInterval(intervalId);\n }, [isCenterOpen, onFetchNotifications, refreshIntervalMs]);\n\n const renderEmptyState = () => (\n <NotificationEmpty\n emptyStateImage={emptyStateImage}\n emptyStateTitle={emptyStateTitle}\n emptyStateDescription={emptyStateDescription}\n />\n );\n\n if (isMobile) {\n return (\n <>\n <IconButton\n active={isModalOpen}\n onClick={handleMobileClick}\n aria-label={getNotificationsLabel(unreadCount)}\n // No mobile o sino abre um Modal, não um DropdownMenu, então não há\n // trigger para injetar o estado: ele é declarado aqui.\n aria-expanded={isModalOpen}\n icon={\n <Badge\n variant=\"notification\"\n notificationActive={unreadCount > 0}\n className=\"p-0\"\n />\n }\n className={className}\n />\n <Modal\n isOpen={isModalOpen}\n onClose={() => setIsModalOpen(false)}\n title=\"Notificações\"\n size=\"md\"\n hideCloseButton={false}\n closeOnEscape={true}\n >\n <div className=\"flex flex-col h-full max-h-[80vh]\">\n <div className=\"px-0 pb-3 border-b border-border-200\">\n <NotificationHeader unreadCount={unreadCount} variant=\"modal\" />\n {unreadCount > 0 && onMarkAllAsRead && (\n <button\n type=\"button\"\n onClick={onMarkAllAsRead}\n className=\"text-sm font-medium text-info-600 hover:text-info-700 cursor-pointer mt-2\"\n >\n Marcar todas como lidas\n </button>\n )}\n </div>\n <div className=\"flex-1 overflow-y-auto\">\n <NotificationList\n groupedNotifications={groupedNotifications}\n loading={loading}\n error={error}\n onRetry={onRetry}\n onMarkAsReadById={onMarkAsReadById}\n onDeleteById={onDeleteById}\n // Variadic on purpose: written out by hand, this forwarding\n // silently dropped `entityStatus` — and would drop the next\n // argument too.\n onNavigateById={(...args) => {\n setIsModalOpen(false);\n onNavigateById?.(...args);\n }}\n onGlobalNotificationClick={(notification) => {\n setIsModalOpen(false);\n setGlobalNotificationModal({\n isOpen: true,\n notification,\n });\n }}\n getActionLabel={getActionLabel}\n renderEmpty={renderEmptyState}\n emptyStateImage={emptyStateImage}\n />\n </div>\n </div>\n </Modal>\n {/ Global Notification Modal (mobile) /}\n <GlobalNotificationModal\n notification={globalNotificationModal.notification}\n isOpen={globalNotificationModal.isOpen}\n onClose={() =>\n setGlobalNotificationModal({ isOpen: false, notification: null })\n }\n onMarkAsReadById={onMarkAsReadById}\n emptyStateImage={emptyStateImage}\n />\n </>\n );\n }\n\n return (\n <>\n <DropdownMenu\n {...(typeof isActive === 'boolean'\n ? { open: isActive, onOpenChange: handleOpenChange }\n : { onOpenChange: handleOpenChange })}\n >\n <DropdownMenuTrigger className=\"text-primary cursor-pointer\" asChild>\n <IconButton\n active={isActive}\n onClick={handleDesktopClick}\n aria-label={getNotificationsLabel(unreadCount)}\n icon={\n <Badge\n variant=\"notification\"\n notificationActive={unreadCount > 0}\n className={cn('p-0', isActive && 'text-primary-950!')}\n />\n }\n className={className}\n />\n </DropdownMenuTrigger>\n <DropdownMenuContent\n className=\"min-w-[320px] max-w-[400px] max-h-[500px] overflow-hidden\"\n side=\"bottom\"\n align=\"end\"\n >\n <div className=\"flex flex-col\">\n <div className=\"px-4 py-3 border-b border-border-200\">\n <NotificationHeader\n unreadCount={unreadCount}\n variant=\"dropdown\"\n />\n {unreadCount > 0 && onMarkAllAsRead && (\n <button\n type=\"button\"\n onClick={onMarkAllAsRead}\n className=\"text-sm font-medium text-info-600 hover:text-info-700 cursor-pointer mt-2\"\n >\n Marcar todas como lidas\n </button>\n )}\n </div>\n <div className=\"max-h-[350px] overflow-y-auto\">\n <NotificationList\n groupedNotifications={groupedNotifications}\n loading={loading}\n error={error}\n onRetry={onRetry}\n onMarkAsReadById={onMarkAsReadById}\n onDeleteById={onDeleteById}\n onNavigateById={onNavigateById}\n onGlobalNotificationClick={(notification) => {\n setGlobalNotificationModal({\n isOpen: true,\n notification,\n });\n }}\n getActionLabel={getActionLabel}\n renderEmpty={renderEmptyState}\n emptyStateImage={emptyStateImage}\n />\n </div>\n </div>\n </DropdownMenuContent>\n </DropdownMenu>\n\n {/ Global Notification Modal /}\n <GlobalNotificationModal\n notification={globalNotificationModal.notification}\n isOpen={globalNotificationModal.isOpen}\n onClose={() =>\n setGlobalNotificationModal({ isOpen: false, notification: null })\n }\n onMarkAsReadById={onMarkAsReadById}\n emptyStateImage={emptyStateImage}\n />\n </>\n );\n};\n\n/\n NotificationCard component - can display single notification, list of notifications, or center mode\n \n @param props - The notification card properties\n * @returns JSX element representing the notification card, list, or center\n /\nconst NotificationCard = (props: NotificationCardProps) => {\n // Use mode discriminator to determine which component to render\n switch (props.mode) {\n case 'single':\n return (\n <SingleNotificationCard\n title={props.title}\n message={props.message}\n time={props.time}\n isRead={props.isRead}\n onMarkAsRead={props.onMarkAsRead}\n onDelete={props.onDelete}\n onNavigate={props.onNavigate}\n actionLabel={props.actionLabel}\n className={props.className}\n />\n );\n\n case 'list':\n return (\n <NotificationList\n groupedNotifications={\n props.groupedNotifications ??\n (props.notifications\n ? [\n {\n label: 'Notificações',\n notifications: props.notifications as Notification[],\n },\n ]\n : [])\n }\n loading={props.loading}\n error={props.error}\n onRetry={props.onRetry}\n onMarkAsReadById={props.onMarkAsReadById}\n onDeleteById={props.onDeleteById}\n onNavigateById={props.onNavigateById}\n onGlobalNotificationClick={props.onGlobalNotificationClick}\n getActionLabel={props.getActionLabel}\n renderEmpty={props.renderEmpty}\n className={props.className}\n emptyStateImage={props.emptyStateImage}\n />\n );\n\n case 'center':\n return <NotificationCenter {...props} />;\n\n default:\n // This should never happen with proper typing, but provides a fallback\n return (\n <div className=\"flex flex-col items-center gap-4 p-6 w-full\">\n <p className=\"text-sm text-text-600\">\n Modo de notificação não reconhecido\n </p>\n </div>\n );\n }\n};\n\n/\n Legacy NotificationCard component for backward compatibility\n * Automatically detects mode based on provided props\n */\nexport const LegacyNotificationCard = (props: LegacyNotificationCardProps) => {\n // If variant is center, render NotificationCenter\n if (props.variant === 'center') {\n const centerProps: NotificationCenterMode = {\n mode: 'center',\n ...props,\n };\n return <NotificationCenter {...centerProps} />;\n }\n\n // If we have list-related props, render list mode\n if (\n props.groupedNotifications !== undefined \|\|\n props.notifications !== undefined \|\|\n props.loading \|\|\n props.error\n ) {\n return (\n <NotificationList\n groupedNotifications={\n props.groupedNotifications ??\n (props.notifications\n ? [\n {\n label: 'Notificações',\n notifications: props.notifications as Notification[],\n },\n ]\n : [])\n }\n loading={props.loading}\n error={props.error}\n onRetry={props.onRetry}\n onMarkAsReadById={props.onMarkAsReadById}\n onDeleteById={props.onDeleteById}\n onNavigateById={props.onNavigateById}\n onGlobalNotificationClick={props.onGlobalNotificationClick}\n getActionLabel={props.getActionLabel}\n renderEmpty={props.renderEmpty}\n className={props.className}\n emptyStateImage={props.emptyStateImage}\n />\n );\n }\n\n // If we have single notification props, render single card mode\n if (\n props.title !== undefined &&\n props.message !== undefined &&\n props.time !== undefined &&\n props.isRead !== undefined &&\n props.onMarkAsRead &&\n props.onDelete\n ) {\n const singleProps: SingleNotificationCardMode = {\n mode: 'single',\n title: props.title,\n message: props.message,\n time: props.time,\n isRead: props.isRead,\n onMarkAsRead: props.onMarkAsRead,\n onDelete: props.onDelete,\n onNavigate: props.onNavigate,\n actionLabel: props.actionLabel,\n className: props.className,\n emptyStateImage: props.emptyStateImage,\n emptyStateTitle: props.emptyStateTitle,\n emptyStateDescription: props.emptyStateDescription,\n };\n return (\n <SingleNotificationCard\n title={singleProps.title}\n message={singleProps.message}\n time={singleProps.time}\n isRead={singleProps.isRead}\n onMarkAsRead={singleProps.onMarkAsRead}\n onDelete={singleProps.onDelete}\n onNavigate={singleProps.onNavigate}\n actionLabel={singleProps.actionLabel}\n className={singleProps.className}\n />\n );\n }\n\n // Default empty state if no valid props provided\n return (\n <div className=\"flex flex-col items-center gap-4 p-6 w-full\">\n <p className=\"text-sm text-text-600\">Nenhuma notificação configurada</p>\n </div>\n );\n};\n\nexport default NotificationCard;\nexport type { NotificationGroup };\n"]}
1	+ {"version":3,"sources":["/home/runner/work/analytica-frontend-lib/analytica-frontend-lib/dist/chunk-7RFHXFFV.js","../src/components/NotificationCard/NotificationCard.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/analytica-frontend-lib/analytica-frontend-lib/dist/chunk-7RFHXFFV.js","sourcesContent":[null,"import { DotsThreeVerticalIcon } from '@phosphor-icons/react/dist/csr/DotsThreeVertical';\nimport { BellIcon } from '@phosphor-icons/react/dist/csr/Bell';\nimport { MouseEvent, ReactNode, useState, useEffect } from 'react';\nimport { cn } from '../../utils/utils';\nimport DropdownMenu, {\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuTrigger,\n} from '../DropdownMenu/DropdownMenu';\nimport { SkeletonCard } from '../Skeleton/Skeleton';\nimport IconButton from '../IconButton/IconButton';\nimport Modal from '../Modal/Modal';\nimport Text from '../Text/Text';\nimport Badge from '../Badge/Badge';\nimport { useMobile } from '../../hooks/useMobile';\nimport type {\n Notification,\n NotificationGroup,\n NotificationEntityType,\n NotificationEntityStatus,\n} from '../../types/notifications';\nimport { formatTimeAgo } from '../../store/notificationStore';\nimport mockContentImage from '../../assets/img/mock-content.png';\n\n/*\n Default interval (in ms) to auto-refresh the notification center while it is\n * open, so newly received notifications appear without reopening it.\n /\nconst DEFAULT_REFRESH_INTERVAL_MS = 3000;\n\n/\n Nome acessível do sino.\n \n O botão era só um ícone com um `sr-only` dentro, e esse texto só existia\n * quando havia não lidas: sem notificação nenhuma o botão ficava sem nome, e o\n * leitor de tela anunciava apenas \"botão\". A contagem entra no próprio rótulo\n * para que o estado seja dito junto com o nome, em vez de depender de um texto\n * que aparece e some.\n /\nconst getNotificationsLabel = (unreadCount: number) => {\n if (unreadCount <= 0) {\n return 'Notificações, sem notificações';\n }\n\n const plural = unreadCount === 1 ? 'notificação' : 'notificações';\n return `Notificações, ${unreadCount} ${plural}`;\n};\n\n// Extended notification item for component usage with time string\nexport interface NotificationItem extends Omit<Notification, 'createdAt'> {\n time: string;\n createdAt: string \| Date;\n}\n\n// Base props shared across all modes\ninterface BaseNotificationProps {\n /\n Additional CSS classes\n /\n className?: string;\n /\n Empty state image path\n /\n emptyStateImage?: string;\n /\n Empty state title\n /\n emptyStateTitle?: string;\n /\n Empty state description\n /\n emptyStateDescription?: string;\n}\n\n// Single notification card mode\ninterface SingleNotificationCardMode extends BaseNotificationProps {\n /\n Component mode - single card\n /\n mode: 'single';\n /\n The notification title\n /\n title: string;\n /\n The notification message content\n /\n message: string;\n /\n Time displayed (e.g., \"Há 3h\", \"12 Fev\")\n /\n time: string;\n /\n Whether the notification has been read\n /\n isRead: boolean;\n /\n Callback when user marks notification as read\n /\n onMarkAsRead: () => void;\n /\n Callback when user deletes notification\n /\n onDelete: () => void;\n /\n Optional callback for navigation action\n /\n onNavigate?: () => void;\n /\n Label for the action button (only shown if onNavigate is provided)\n /\n actionLabel?: string;\n}\n\n// List mode\ninterface NotificationListMode extends BaseNotificationProps {\n /\n Component mode - list\n /\n mode: 'list';\n /\n Array of notifications for list mode\n /\n notifications?: NotificationItem[];\n /\n Array of grouped notifications\n /\n groupedNotifications?: NotificationGroup[];\n /\n Loading state for list mode\n /\n loading?: boolean;\n /\n Error state for list mode\n /\n error?: string \| null;\n /\n Callback for retry when error occurs\n /\n onRetry?: () => void;\n /\n Callback when user marks a notification as read in list mode\n /\n onMarkAsReadById?: (id: string) => void;\n /\n Callback when user deletes a notification in list mode\n /\n onDeleteById?: (id: string) => void;\n /\n Callback when user navigates from a notification in list mode\n /\n onNavigateById?: (\n entityType?: NotificationEntityType,\n entityId?: string,\n entityStatus?: NotificationEntityStatus \| null,\n questionId?: string \| null\n ) => void;\n /\n Callback when user clicks on a global notification\n /\n onGlobalNotificationClick?: (notification: Notification) => void;\n /\n Function to get action label for a notification\n /\n getActionLabel?: (entityType?: NotificationEntityType) => string \| undefined;\n /\n Custom empty state component\n /\n renderEmpty?: () => ReactNode;\n}\n\n// NotificationCenter mode\ninterface NotificationCenterMode extends BaseNotificationProps {\n /\n Component mode - center\n /\n mode: 'center';\n /\n Array of grouped notifications\n /\n groupedNotifications?: NotificationGroup[];\n /\n Loading state for center mode\n /\n loading?: boolean;\n /\n Error state for center mode\n /\n error?: string \| null;\n /\n Callback for retry when error occurs\n /\n onRetry?: () => void;\n /\n Whether center mode is currently active (controls dropdown/modal visibility)\n /\n isActive?: boolean;\n /\n Callback when center mode is toggled\n /\n onToggleActive?: () => void;\n /\n Number of unread notifications for badge display\n /\n unreadCount?: number;\n /\n Callback when all notifications should be marked as read\n /\n onMarkAllAsRead?: () => void;\n /\n Callback to fetch notifications (called when center opens)\n /\n onFetchNotifications?: () => void;\n /\n Callback when user marks a notification as read in center mode\n /\n onMarkAsReadById?: (id: string) => void;\n /\n Callback when user deletes a notification in center mode\n /\n onDeleteById?: (id: string) => void;\n /\n Callback when user navigates from a notification in center mode\n /\n onNavigateById?: (\n entityType?: NotificationEntityType,\n entityId?: string,\n entityStatus?: NotificationEntityStatus \| null,\n questionId?: string \| null\n ) => void;\n /\n Function to get action label for a notification\n /\n getActionLabel?: (entityType?: NotificationEntityType) => string \| undefined;\n /\n Callback when dropdown open state changes (for synchronization with parent)\n /\n onOpenChange?: (open: boolean) => void;\n /\n Interval (in ms) to auto-refresh the list while the center is open, so newly\n * received notifications appear without reopening it. Defaults to 3000 (3s).\n * Set to 0 to disable polling.\n /\n refreshIntervalMs?: number;\n}\n\n// Union type for all modes\nexport type NotificationCardProps =\n \| SingleNotificationCardMode\n \| NotificationListMode\n \| NotificationCenterMode;\n\n// Legacy interface for backward compatibility\nexport interface LegacyNotificationCardProps extends BaseNotificationProps {\n // Single notification mode props\n title?: string;\n message?: string;\n time?: string;\n isRead?: boolean;\n onMarkAsRead?: () => void;\n onDelete?: () => void;\n onNavigate?: () => void;\n actionLabel?: string;\n\n // List mode props\n notifications?: NotificationItem[];\n groupedNotifications?: NotificationGroup[];\n loading?: boolean;\n error?: string \| null;\n onRetry?: () => void;\n onMarkAsReadById?: (id: string) => void;\n onDeleteById?: (id: string) => void;\n onNavigateById?: (\n entityType?: NotificationEntityType,\n entityId?: string,\n entityStatus?: NotificationEntityStatus \| null,\n questionId?: string \| null\n ) => void;\n onGlobalNotificationClick?: (notification: Notification) => void;\n getActionLabel?: (entityType?: NotificationEntityType) => string \| undefined;\n renderEmpty?: () => ReactNode;\n\n // NotificationCenter mode props\n variant?: 'card' \| 'center';\n isActive?: boolean;\n onToggleActive?: () => void;\n unreadCount?: number;\n onMarkAllAsRead?: () => void;\n onFetchNotifications?: () => void;\n onOpenChange?: (open: boolean) => void;\n}\n\n/\n Empty state component for notifications\n /\nconst NotificationEmpty = ({\n emptyStateImage,\n emptyStateTitle = 'Nenhuma notificação no momento',\n emptyStateDescription = 'Você está em dia com todas as novidades. Volte depois para conferir atualizações!',\n}: {\n emptyStateImage?: string;\n emptyStateTitle?: string;\n emptyStateDescription?: string;\n}) => {\n return (\n <div className=\"flex flex-col items-center justify-center gap-4 p-6 w-full\">\n {/ Notification Icon /}\n {emptyStateImage && (\n <div className=\"w-20 h-20 flex items-center justify-center\">\n <img\n src={emptyStateImage}\n alt=\"Sem notificações\"\n width={82}\n height={82}\n className=\"object-contain\"\n />\n </div>\n )}\n\n {/ Title /}\n <h3 className=\"text-xl font-semibold text-text-950 text-center leading-[23px]\">\n {emptyStateTitle}\n </h3>\n\n {/ Description /}\n <p className=\"text-sm font-normal text-text-400 text-center max-w-[316px] leading-[21px]\">\n {emptyStateDescription}\n </p>\n </div>\n );\n};\n\n/\n Notification header component\n /\nconst NotificationHeader = ({\n unreadCount,\n variant = 'modal',\n}: {\n unreadCount: number;\n variant?: 'modal' \| 'dropdown';\n}) => {\n return (\n <div className=\"flex items-center justify-between gap-2\">\n {variant === 'modal' ? (\n <Text size=\"sm\" weight=\"bold\" className=\"text-text-950\">\n Notificações\n </Text>\n ) : (\n <h3 className=\"text-sm font-semibold text-text-950\">Notificações</h3>\n )}\n {unreadCount > 0 && (\n <Badge\n variant=\"solid\"\n action=\"info\"\n size=\"small\"\n iconLeft={<BellIcon size={12} aria-hidden=\"true\" focusable=\"false\" />}\n className=\"border-0\"\n >\n {unreadCount === 1 ? '1 não lida' : `${unreadCount} não lidas`}\n </Badge>\n )}\n </div>\n );\n};\n\n/\n Marks a notification as read, if it is not already.\n \n Opening a notification is what \"viewed\" means to the sender, so every entry\n * point funnels through here: the card body and its \"Ver mais\" button, and the\n * action button inside the notification modal — in list mode and in the\n * notification center, mobile and desktop alike.\n \n Without this, the only path that ever reached `PATCH /notifications/:id` was\n * the \"Marcar como lida\" item in the kebab menu, so a student could read every\n * notice and still show up as \"Pendente\" on the teacher's screen.\n \n Lives at module level because the center renders its own modals rather than\n * delegating to `NotificationList`, and three copies of this guard is exactly\n * the kind of duplication that drifts apart.\n /\nconst markNotificationAsRead = (\n notification: Notification \| null \| undefined,\n onMarkAsReadById?: (id: string) => void\n) => {\n if (notification && !notification.isRead) {\n onMarkAsReadById?.(notification.id);\n }\n};\n\n/\n Modal that shows the full content of a notice (a notification with no entity\n * behind it).\n \n Rendered in three places — list mode, and the center's mobile and desktop\n * branches — which used to carry three near-identical copies of the same twenty\n * lines of `<Modal>` wiring. Keeping them apart meant every change to the notice\n * modal had to be made three times, and Sonar counted the block as duplicated.\n \n Closing is the caller's business (each owns its own state), so `onClose` stays\n * a prop; everything else is derived from the notification itself.\n /\nconst GlobalNotificationModal = ({\n notification,\n isOpen,\n onClose,\n onMarkAsReadById,\n emptyStateImage,\n}: {\n notification: Notification \| null;\n isOpen: boolean;\n onClose: () => void;\n onMarkAsReadById?: (id: string) => void;\n emptyStateImage?: string;\n}) => (\n <Modal\n isOpen={isOpen}\n onClose={onClose}\n title={notification?.title \|\| ''}\n variant=\"activity\"\n description={notification?.message \|\| ''}\n image={notification?.linkImg \|\| emptyStateImage \|\| mockContentImage}\n actionLink={notification?.actionLink \|\| undefined}\n actionLabel=\"Ver mais\"\n onActionClick={() => markNotificationAsRead(notification, onMarkAsReadById)}\n size=\"lg\"\n />\n);\n\n/\n Single notification card component\n /\nconst SingleNotificationCard = ({\n title,\n message,\n time,\n isRead,\n onMarkAsRead,\n onDelete,\n onNavigate,\n actionLabel,\n className,\n}: {\n title: string;\n message: string;\n time: string;\n isRead: boolean;\n onMarkAsRead: () => void;\n onDelete: () => void;\n onNavigate?: () => void;\n actionLabel?: string;\n className?: string;\n}) => {\n const handleMarkAsRead = (e: MouseEvent) => {\n e.preventDefault();\n e.stopPropagation();\n if (!isRead) {\n onMarkAsRead();\n }\n };\n\n const handleDelete = (e: MouseEvent) => {\n e.preventDefault();\n e.stopPropagation();\n onDelete();\n };\n\n const handleNavigate = (e: MouseEvent) => {\n e.stopPropagation();\n if (onNavigate) {\n onNavigate();\n }\n };\n\n return (\n <div\n className={cn(\n 'flex flex-col justify-center items-start p-4 gap-2 w-full bg-background border-b border-border-200',\n 'last:border-b-0',\n className\n )}\n >\n {/ Header with unread indicator and actions menu /}\n <div className=\"flex items-center gap-2 w-full\">\n {/ Unread indicator /}\n {!isRead && (\n <div className=\"w-[7px] h-[7px] bg-info-300 rounded-full flex-shrink-0\" />\n )}\n\n {/ Title /}\n <h3 className=\"font-bold text-sm leading-4 text-text-950 flex-grow\">\n {title}\n </h3>\n\n {/ Actions dropdown /}\n <DropdownMenu>\n <DropdownMenuTrigger\n className=\"flex-shrink-0 inline-flex items-center justify-center font-medium bg-transparent text-text-950 cursor-pointer hover:bg-info-50 w-6 h-6 rounded-lg\"\n aria-label=\"Mais opções\"\n >\n <DotsThreeVerticalIcon size={24} />\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"end\" className=\"min-w-[160px]\">\n {!isRead && (\n <DropdownMenuItem\n onClick={handleMarkAsRead}\n className=\"text-text-950\"\n >\n Marcar como lida\n </DropdownMenuItem>\n )}\n <DropdownMenuItem onClick={handleDelete} className=\"text-error-600\">\n Deletar\n </DropdownMenuItem>\n </DropdownMenuContent>\n </DropdownMenu>\n </div>\n\n {/ Message /}\n <p className=\"text-sm leading-[21px] text-text-800 w-full\">{message}</p>\n\n {/ Time and action button /}\n <div className=\"flex items-center justify-between w-full\">\n <span className=\"text-sm font-medium text-text-400\">{time}</span>\n\n {onNavigate && actionLabel && (\n <button\n type=\"button\"\n onClick={handleNavigate}\n className=\"text-sm font-medium text-info-600 hover:text-info-700 cursor-pointer\"\n >\n {actionLabel}\n </button>\n )}\n </div>\n </div>\n );\n};\n\n/\n Notification list component for displaying grouped notifications\n /\nconst NotificationList = ({\n groupedNotifications = [],\n loading = false,\n error = null,\n onRetry,\n onMarkAsReadById,\n onDeleteById,\n onNavigateById,\n onGlobalNotificationClick,\n getActionLabel,\n renderEmpty,\n className,\n emptyStateImage,\n}: {\n groupedNotifications?: NotificationGroup[];\n loading?: boolean;\n error?: string \| null;\n onRetry?: () => void;\n onMarkAsReadById?: (id: string) => void;\n onDeleteById?: (id: string) => void;\n onNavigateById?: (\n entityType?: NotificationEntityType,\n entityId?: string,\n entityStatus?: NotificationEntityStatus \| null,\n questionId?: string \| null\n ) => void;\n onGlobalNotificationClick?: (notification: Notification) => void;\n getActionLabel?: (entityType?: NotificationEntityType) => string \| undefined;\n renderEmpty?: () => ReactNode;\n className?: string;\n emptyStateImage?: string;\n}) => {\n // State for global notification modal when onGlobalNotificationClick is not provided\n const [globalNotificationModal, setGlobalNotificationModal] = useState<{\n isOpen: boolean;\n notification: Notification \| null;\n }>({ isOpen: false, notification: null });\n\n // Default handler for global notifications when onGlobalNotificationClick is not provided\n const handleGlobalNotificationClick = (notification: Notification) => {\n if (onGlobalNotificationClick) {\n onGlobalNotificationClick(notification);\n } else {\n // Open modal as fallback\n setGlobalNotificationModal({\n isOpen: true,\n notification,\n });\n }\n };\n\n const markAsReadThen = (\n notification: Notification,\n open: (notification: Notification) => void\n ) => {\n markNotificationAsRead(notification, onMarkAsReadById);\n open(notification);\n };\n // Error state\n if (error) {\n return (\n <div className=\"flex flex-col items-center gap-4 p-6 w-full\">\n <p className=\"text-sm text-error-600\">{error}</p>\n {onRetry && (\n <button\n type=\"button\"\n onClick={onRetry}\n className=\"text-sm text-info-600 hover:text-info-700\"\n >\n Tentar novamente\n </button>\n )}\n </div>\n );\n }\n\n // Loading state — only show the skeleton on the initial load (empty list).\n // Background refreshes (e.g. while the center polls) keep the list visible.\n if (loading && groupedNotifications.length === 0) {\n return (\n <div className=\"flex flex-col gap-0 w-full\">\n {['skeleton-first', 'skeleton-second', 'skeleton-third'].map(\n (skeletonId) => (\n <SkeletonCard\n key={skeletonId}\n className=\"p-4 border-b border-border-200\"\n />\n )\n )}\n </div>\n );\n }\n\n // Empty state\n if (!groupedNotifications \|\| groupedNotifications.length === 0) {\n return renderEmpty ? (\n <div className=\"w-full\">{renderEmpty()}</div>\n ) : (\n <NotificationEmpty />\n );\n }\n\n return (\n <div className={cn('flex flex-col gap-0 w-full', className)}>\n {groupedNotifications.map((group, idx) => (\n <div key={`${group.label}-${idx}`} className=\"flex flex-col\">\n {/ Group header /}\n <div className=\"flex items-end px-4 py-6 pb-4\">\n <h4 className=\"text-lg font-bold text-text-500 flex-grow\">\n {group.label}\n </h4>\n </div>\n\n {/ Notifications in group /}\n {group.notifications.map((notification) => {\n // Check if this is a global notification\n const isGlobalNotification =\n !notification.entityType &&\n !notification.entityId &&\n !notification.activity &&\n !notification.recommendedClass;\n\n // Determine navigation handler\n let navigationHandler: (() => void) \| undefined;\n if (isGlobalNotification) {\n navigationHandler = () =>\n markAsReadThen(notification, handleGlobalNotificationClick);\n } else if (\n notification.entityType &&\n notification.entityId &&\n onNavigateById\n ) {\n navigationHandler = () =>\n markAsReadThen(notification, (opened) =>\n onNavigateById(\n opened.entityType ?? undefined,\n opened.entityId ?? undefined,\n opened.entityStatus,\n opened.questionId\n )\n );\n }\n\n // Determine action label\n let actionLabel: string \| undefined;\n if (isGlobalNotification) {\n // For global notifications, call getActionLabel without parameters or with null\n actionLabel = getActionLabel?.(undefined);\n } else {\n // For entity-specific notifications, pass the entityType\n actionLabel = getActionLabel?.(\n notification.entityType ?? undefined\n );\n }\n\n return (\n <SingleNotificationCard\n key={notification.id}\n title={notification.title}\n message={notification.message}\n time={\n (notification as Partial<NotificationItem>).time ??\n formatTimeAgo(new Date(notification.createdAt))\n }\n isRead={notification.isRead}\n onMarkAsRead={() => onMarkAsReadById?.(notification.id)}\n onDelete={() => onDeleteById?.(notification.id)}\n onNavigate={navigationHandler}\n actionLabel={actionLabel}\n />\n );\n })}\n </div>\n ))}\n\n {/ Global notification modal for list mode /}\n <GlobalNotificationModal\n notification={globalNotificationModal.notification}\n isOpen={globalNotificationModal.isOpen}\n onClose={() =>\n setGlobalNotificationModal({ isOpen: false, notification: null })\n }\n onMarkAsReadById={onMarkAsReadById}\n emptyStateImage={emptyStateImage}\n />\n </div>\n );\n};\n\n// Internal props type for NotificationCenter (without mode)\ntype NotificationCenterProps = Omit<NotificationCenterMode, 'mode'>;\n\n/\n NotificationCenter component for modal/dropdown mode\n /\nconst NotificationCenter = ({\n isActive,\n onToggleActive,\n unreadCount = 0,\n groupedNotifications = [],\n loading = false,\n error = null,\n onRetry,\n onMarkAsReadById,\n onDeleteById,\n onNavigateById,\n getActionLabel,\n onFetchNotifications,\n onMarkAllAsRead,\n onOpenChange,\n emptyStateImage,\n emptyStateTitle,\n emptyStateDescription,\n className,\n refreshIntervalMs = DEFAULT_REFRESH_INTERVAL_MS,\n}: NotificationCenterProps) => {\n const { isMobile } = useMobile();\n const [isModalOpen, setIsModalOpen] = useState(false);\n const [globalNotificationModal, setGlobalNotificationModal] = useState<{\n isOpen: boolean;\n notification: Notification \| null;\n }>({ isOpen: false, notification: null });\n\n // Handle mobile click\n const handleMobileClick = () => {\n setIsModalOpen(true);\n onFetchNotifications?.();\n };\n\n // Handle desktop click\n const handleDesktopClick = () => {\n onToggleActive?.();\n };\n\n // Handle dropdown open change\n const handleOpenChange = (open: boolean) => {\n const controlledByParent =\n typeof isActive === 'boolean' && typeof onToggleActive === 'function';\n\n // Always notify parent if they want the signal.\n onOpenChange?.(open);\n\n // If parent controls via toggle only (no onOpenChange), keep them in sync on close.\n if (controlledByParent && !onOpenChange && !open && isActive) {\n onToggleActive?.();\n }\n };\n\n // Fetch notifications when dropdown opens\n useEffect(() => {\n if (isActive) {\n onFetchNotifications?.();\n }\n }, [isActive, onFetchNotifications]);\n\n // While the center is open, poll periodically so newly received notifications\n // appear without the user having to reopen it. The list is not replaced by a\n // skeleton on these background refreshes (see NotificationList loading gate).\n const isCenterOpen = isMobile ? isModalOpen : Boolean(isActive);\n useEffect(() => {\n if (!isCenterOpen \|\| !onFetchNotifications \|\| refreshIntervalMs <= 0) {\n return;\n }\n const intervalId = setInterval(() => {\n onFetchNotifications();\n }, refreshIntervalMs);\n return () => clearInterval(intervalId);\n }, [isCenterOpen, onFetchNotifications, refreshIntervalMs]);\n\n const renderEmptyState = () => (\n <NotificationEmpty\n emptyStateImage={emptyStateImage}\n emptyStateTitle={emptyStateTitle}\n emptyStateDescription={emptyStateDescription}\n />\n );\n\n if (isMobile) {\n return (\n <>\n <IconButton\n active={isModalOpen}\n onClick={handleMobileClick}\n aria-label={getNotificationsLabel(unreadCount)}\n // No mobile o sino abre um Modal, não um DropdownMenu, então não há\n // trigger para injetar o estado: ele é declarado aqui.\n aria-expanded={isModalOpen}\n icon={\n <Badge\n variant=\"notification\"\n notificationActive={unreadCount > 0}\n className=\"p-0\"\n />\n }\n className={className}\n />\n <Modal\n isOpen={isModalOpen}\n onClose={() => setIsModalOpen(false)}\n title=\"Notificações\"\n size=\"md\"\n hideCloseButton={false}\n closeOnEscape={true}\n >\n <div className=\"flex flex-col h-full max-h-[80vh]\">\n <div className=\"px-0 pb-3 border-b border-border-200\">\n <NotificationHeader unreadCount={unreadCount} variant=\"modal\" />\n {unreadCount > 0 && onMarkAllAsRead && (\n <button\n type=\"button\"\n onClick={onMarkAllAsRead}\n className=\"text-sm font-medium text-info-600 hover:text-info-700 cursor-pointer mt-2\"\n >\n Marcar todas como lidas\n </button>\n )}\n </div>\n <div className=\"flex-1 overflow-y-auto\">\n <NotificationList\n groupedNotifications={groupedNotifications}\n loading={loading}\n error={error}\n onRetry={onRetry}\n onMarkAsReadById={onMarkAsReadById}\n onDeleteById={onDeleteById}\n // Variadic on purpose: written out by hand, this forwarding\n // silently dropped `entityStatus` — and would drop the next\n // argument too.\n onNavigateById={(...args) => {\n setIsModalOpen(false);\n onNavigateById?.(...args);\n }}\n onGlobalNotificationClick={(notification) => {\n setIsModalOpen(false);\n setGlobalNotificationModal({\n isOpen: true,\n notification,\n });\n }}\n getActionLabel={getActionLabel}\n renderEmpty={renderEmptyState}\n emptyStateImage={emptyStateImage}\n />\n </div>\n </div>\n </Modal>\n {/ Global Notification Modal (mobile) /}\n <GlobalNotificationModal\n notification={globalNotificationModal.notification}\n isOpen={globalNotificationModal.isOpen}\n onClose={() =>\n setGlobalNotificationModal({ isOpen: false, notification: null })\n }\n onMarkAsReadById={onMarkAsReadById}\n emptyStateImage={emptyStateImage}\n />\n </>\n );\n }\n\n return (\n <>\n <DropdownMenu\n {...(typeof isActive === 'boolean'\n ? { open: isActive, onOpenChange: handleOpenChange }\n : { onOpenChange: handleOpenChange })}\n >\n <DropdownMenuTrigger className=\"text-primary cursor-pointer\" asChild>\n <IconButton\n active={isActive}\n onClick={handleDesktopClick}\n aria-label={getNotificationsLabel(unreadCount)}\n icon={\n <Badge\n variant=\"notification\"\n notificationActive={unreadCount > 0}\n className={cn('p-0', isActive && 'text-primary-950!')}\n />\n }\n className={className}\n />\n </DropdownMenuTrigger>\n <DropdownMenuContent\n className=\"min-w-[320px] max-w-[400px] max-h-[500px] overflow-hidden\"\n side=\"bottom\"\n align=\"end\"\n >\n <div className=\"flex flex-col\">\n <div className=\"px-4 py-3 border-b border-border-200\">\n <NotificationHeader\n unreadCount={unreadCount}\n variant=\"dropdown\"\n />\n {unreadCount > 0 && onMarkAllAsRead && (\n <button\n type=\"button\"\n onClick={onMarkAllAsRead}\n className=\"text-sm font-medium text-info-600 hover:text-info-700 cursor-pointer mt-2\"\n >\n Marcar todas como lidas\n </button>\n )}\n </div>\n <div className=\"max-h-[350px] overflow-y-auto\">\n <NotificationList\n groupedNotifications={groupedNotifications}\n loading={loading}\n error={error}\n onRetry={onRetry}\n onMarkAsReadById={onMarkAsReadById}\n onDeleteById={onDeleteById}\n onNavigateById={onNavigateById}\n onGlobalNotificationClick={(notification) => {\n setGlobalNotificationModal({\n isOpen: true,\n notification,\n });\n }}\n getActionLabel={getActionLabel}\n renderEmpty={renderEmptyState}\n emptyStateImage={emptyStateImage}\n />\n </div>\n </div>\n </DropdownMenuContent>\n </DropdownMenu>\n\n {/ Global Notification Modal /}\n <GlobalNotificationModal\n notification={globalNotificationModal.notification}\n isOpen={globalNotificationModal.isOpen}\n onClose={() =>\n setGlobalNotificationModal({ isOpen: false, notification: null })\n }\n onMarkAsReadById={onMarkAsReadById}\n emptyStateImage={emptyStateImage}\n />\n </>\n );\n};\n\n/\n NotificationCard component - can display single notification, list of notifications, or center mode\n \n @param props - The notification card properties\n * @returns JSX element representing the notification card, list, or center\n /\nconst NotificationCard = (props: NotificationCardProps) => {\n // Use mode discriminator to determine which component to render\n switch (props.mode) {\n case 'single':\n return (\n <SingleNotificationCard\n title={props.title}\n message={props.message}\n time={props.time}\n isRead={props.isRead}\n onMarkAsRead={props.onMarkAsRead}\n onDelete={props.onDelete}\n onNavigate={props.onNavigate}\n actionLabel={props.actionLabel}\n className={props.className}\n />\n );\n\n case 'list':\n return (\n <NotificationList\n groupedNotifications={\n props.groupedNotifications ??\n (props.notifications\n ? [\n {\n label: 'Notificações',\n notifications: props.notifications as Notification[],\n },\n ]\n : [])\n }\n loading={props.loading}\n error={props.error}\n onRetry={props.onRetry}\n onMarkAsReadById={props.onMarkAsReadById}\n onDeleteById={props.onDeleteById}\n onNavigateById={props.onNavigateById}\n onGlobalNotificationClick={props.onGlobalNotificationClick}\n getActionLabel={props.getActionLabel}\n renderEmpty={props.renderEmpty}\n className={props.className}\n emptyStateImage={props.emptyStateImage}\n />\n );\n\n case 'center':\n return <NotificationCenter {...props} />;\n\n default:\n // This should never happen with proper typing, but provides a fallback\n return (\n <div className=\"flex flex-col items-center gap-4 p-6 w-full\">\n <p className=\"text-sm text-text-600\">\n Modo de notificação não reconhecido\n </p>\n </div>\n );\n }\n};\n\n/\n Legacy NotificationCard component for backward compatibility\n * Automatically detects mode based on provided props\n */\nexport const LegacyNotificationCard = (props: LegacyNotificationCardProps) => {\n // If variant is center, render NotificationCenter\n if (props.variant === 'center') {\n const centerProps: NotificationCenterMode = {\n mode: 'center',\n ...props,\n };\n return <NotificationCenter {...centerProps} />;\n }\n\n // If we have list-related props, render list mode\n if (\n props.groupedNotifications !== undefined \|\|\n props.notifications !== undefined \|\|\n props.loading \|\|\n props.error\n ) {\n return (\n <NotificationList\n groupedNotifications={\n props.groupedNotifications ??\n (props.notifications\n ? [\n {\n label: 'Notificações',\n notifications: props.notifications as Notification[],\n },\n ]\n : [])\n }\n loading={props.loading}\n error={props.error}\n onRetry={props.onRetry}\n onMarkAsReadById={props.onMarkAsReadById}\n onDeleteById={props.onDeleteById}\n onNavigateById={props.onNavigateById}\n onGlobalNotificationClick={props.onGlobalNotificationClick}\n getActionLabel={props.getActionLabel}\n renderEmpty={props.renderEmpty}\n className={props.className}\n emptyStateImage={props.emptyStateImage}\n />\n );\n }\n\n // If we have single notification props, render single card mode\n if (\n props.title !== undefined &&\n props.message !== undefined &&\n props.time !== undefined &&\n props.isRead !== undefined &&\n props.onMarkAsRead &&\n props.onDelete\n ) {\n const singleProps: SingleNotificationCardMode = {\n mode: 'single',\n title: props.title,\n message: props.message,\n time: props.time,\n isRead: props.isRead,\n onMarkAsRead: props.onMarkAsRead,\n onDelete: props.onDelete,\n onNavigate: props.onNavigate,\n actionLabel: props.actionLabel,\n className: props.className,\n emptyStateImage: props.emptyStateImage,\n emptyStateTitle: props.emptyStateTitle,\n emptyStateDescription: props.emptyStateDescription,\n };\n return (\n <SingleNotificationCard\n title={singleProps.title}\n message={singleProps.message}\n time={singleProps.time}\n isRead={singleProps.isRead}\n onMarkAsRead={singleProps.onMarkAsRead}\n onDelete={singleProps.onDelete}\n onNavigate={singleProps.onNavigate}\n actionLabel={singleProps.actionLabel}\n className={singleProps.className}\n />\n );\n }\n\n // Default empty state if no valid props provided\n return (\n <div className=\"flex flex-col items-center gap-4 p-6 w-full\">\n <p className=\"text-sm text-text-600\">Nenhuma notificação configurada</p>\n </div>\n );\n};\n\nexport default NotificationCard;\nexport type { NotificationGroup };\n"]}

package/dist/{chunk-EMWX6IKP.js → chunk-7VJP5D26.js} RENAMED Viewed

@@ -4,7 +4,7 @@ var _chunkXQL6H446js = require('./chunk-XQL6H446.js');
-var _chunkPOT3ALY3js = require('./chunk-POT3ALY3.js');
+var _chunk5DINXU6Wjs = require('./chunk-5DINXU6W.js');
 var _chunkXN2HPVVHjs = require('./chunk-XN2HPVVH.js');
@@ -48,11 +48,11 @@ var Sparkle_default = Sparkle;
 // src/components/SupportChat/SupportChatMessage.tsx
 var BUBBLE_CLASSES = {
-  [_chunkPOT3ALY3js.SUPPORT_CHAT_MESSAGE_TYPE.USER]: "bg-background-100",
-  [_chunkPOT3ALY3js.SUPPORT_CHAT_MESSAGE_TYPE.GUEST]: "bg-background-100",
-  [_chunkPOT3ALY3js.SUPPORT_CHAT_MESSAGE_TYPE.AI]: "bg-primary-50/60 border border-primary-100",
-  [_chunkPOT3ALY3js.SUPPORT_CHAT_MESSAGE_TYPE.AGENT]: "bg-primary-950",
-  [_chunkPOT3ALY3js.SUPPORT_CHAT_MESSAGE_TYPE.INTERNAL_NOTE]: "bg-exam-3 border border-warning-200"
+  [_chunk5DINXU6Wjs.SUPPORT_CHAT_MESSAGE_TYPE.USER]: "bg-background-100",
+  [_chunk5DINXU6Wjs.SUPPORT_CHAT_MESSAGE_TYPE.GUEST]: "bg-background-100",
+  [_chunk5DINXU6Wjs.SUPPORT_CHAT_MESSAGE_TYPE.AI]: "bg-primary-50/60 border border-primary-100",
+  [_chunk5DINXU6Wjs.SUPPORT_CHAT_MESSAGE_TYPE.AGENT]: "bg-primary-950",
+  [_chunk5DINXU6Wjs.SUPPORT_CHAT_MESSAGE_TYPE.INTERNAL_NOTE]: "bg-exam-3 border border-warning-200"
 };
 function AiAvatar() {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
@@ -136,16 +136,16 @@ function SupportChatMessage({
   author,
   faq,
   attachments,
-  status = _chunkPOT3ALY3js.SUPPORT_CHAT_SEND_STATUS.SENT,
+  status = _chunk5DINXU6Wjs.SUPPORT_CHAT_SEND_STATUS.SENT,
   onRetry,
   className
 }) {
-  const isAi = type === _chunkPOT3ALY3js.SUPPORT_CHAT_MESSAGE_TYPE.AI;
-  const isAgent = type === _chunkPOT3ALY3js.SUPPORT_CHAT_MESSAGE_TYPE.AGENT;
-  const isNote = type === _chunkPOT3ALY3js.SUPPORT_CHAT_MESSAGE_TYPE.INTERNAL_NOTE;
+  const isAi = type === _chunk5DINXU6Wjs.SUPPORT_CHAT_MESSAGE_TYPE.AI;
+  const isAgent = type === _chunk5DINXU6Wjs.SUPPORT_CHAT_MESSAGE_TYPE.AGENT;
+  const isNote = type === _chunk5DINXU6Wjs.SUPPORT_CHAT_MESSAGE_TYPE.INTERNAL_NOTE;
   const isRight = isAgent || isNote;
-  const isSending = status === _chunkPOT3ALY3js.SUPPORT_CHAT_SEND_STATUS.SENDING;
-  const isFailed = status === _chunkPOT3ALY3js.SUPPORT_CHAT_SEND_STATUS.FAILED;
+  const isSending = status === _chunk5DINXU6Wjs.SUPPORT_CHAT_SEND_STATUS.SENDING;
+  const isFailed = status === _chunk5DINXU6Wjs.SUPPORT_CHAT_SEND_STATUS.FAILED;
   const avatar = isAi ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AiAvatar, {}) : author && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InitialsAvatar, { author });
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
     "div",
@@ -270,4 +270,4 @@ function SupportChatMessage({
 exports.SupportChatMessage = SupportChatMessage;
-//# sourceMappingURL=chunk-EMWX6IKP.js.map
+//# sourceMappingURL=chunk-7VJP5D26.js.map

package/dist/{chunk-EMWX6IKP.js.map → chunk-7VJP5D26.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["/home/runner/work/analytica-frontend-lib/analytica-frontend-lib/dist/chunk-EMWX6IKP.js","../src/components/SupportChat/SupportChatMessage.tsx","../src/assets/icons/Sparkle.tsx"],"names":["jsx"],"mappings":"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","file":"/home/runner/work/analytica-frontend-lib/analytica-frontend-lib/dist/chunk-EMWX6IKP.js","sourcesContent":[null,"import { FileIcon } from '@phosphor-icons/react/dist/csr/File';\nimport { WarningCircleIcon } from '@phosphor-icons/react/dist/csr/WarningCircle';\nimport Text from '../Text/Text';\nimport Button from '../Button/Button';\nimport Sparkle from '../../assets/icons/Sparkle';\nimport { cn } from '../../utils/utils';\nimport { getInitials } from '../../utils/getInitials';\nimport {\n SUPPORT_CHAT_MESSAGE_TYPE,\n SUPPORT_CHAT_SEND_STATUS,\n type SupportChatAttachment,\n type SupportChatAuthor,\n type SupportChatFaqReference,\n type SupportChatMessageType,\n type SupportChatSendStatus,\n} from '../../types/supportChat';\n\n/*\n Props for a support (SAC) chat message\n /\nexport interface SupportChatMessageProps {\n /* Who authored the message (user, AI assistant, agent or internal note) /\n type: SupportChatMessageType;\n /* Message body; line breaks are preserved /\n text: string;\n /* Already formatted time, e.g. \"13:52\" /\n time: string;\n /* Author shown in the avatar (and as the name for agents/notes) /\n author?: SupportChatAuthor;\n /* FAQ the AI answer was based on (AI messages only) /\n faq?: SupportChatFaqReference;\n /* Files attached to the message /\n attachments?: SupportChatAttachment[];\n /* Delivery status; defaults to SENT /\n status?: SupportChatSendStatus;\n /* Called when the user clicks \"Tentar novamente\" on a failed message /\n onRetry?: () => void;\n /* Extra classes for the root element /\n className?: string;\n}\n\n/* Bubble classes for each message type /\nconst BUBBLE_CLASSES: Record<SupportChatMessageType, string> = {\n [SUPPORT_CHAT_MESSAGE_TYPE.USER]: 'bg-background-100',\n [SUPPORT_CHAT_MESSAGE_TYPE.GUEST]: 'bg-background-100',\n [SUPPORT_CHAT_MESSAGE_TYPE.AI]: 'bg-primary-50/60 border border-primary-100',\n [SUPPORT_CHAT_MESSAGE_TYPE.AGENT]: 'bg-primary-950',\n [SUPPORT_CHAT_MESSAGE_TYPE.INTERNAL_NOTE]:\n 'bg-exam-3 border border-warning-200',\n};\n\n/\n Avatar for the virtual assistant (sparkle icon)\n /\nfunction AiAvatar() {\n return (\n <div\n role=\"img\"\n aria-label=\"Assistente virtual\"\n className=\"flex size-6 shrink-0 items-center justify-center rounded-full border border-primary-100 bg-primary-50 text-primary-800\"\n >\n <Sparkle\n width={12}\n height={12}\n aria-hidden=\"true\"\n data-testid=\"support-chat-ai-sparkle\"\n />\n </div>\n );\n}\n\n/\n Avatar with the author's initials\n /\nfunction InitialsAvatar({ author }: Readonly<{ author: SupportChatAuthor }>) {\n return (\n <div\n role=\"img\"\n aria-label={author.name}\n className={cn(\n 'flex size-6 shrink-0 items-center justify-center rounded-full bg-primary-800',\n author.avatarClassName\n )}\n >\n <Text size=\"2xs\" weight=\"bold\" color=\"text-white\" aria-hidden=\"true\">\n {author.initials ?? getInitials(author.name)}\n </Text>\n </div>\n );\n}\n\n/\n Single attachment: image thumbnail or generic file icon, plus the file name\n /\nfunction AttachmentItem({\n attachment,\n isDark,\n}: Readonly<{ attachment: SupportChatAttachment; isDark: boolean }>) {\n const isImage = attachment.mimeType?.startsWith('image/') ?? false;\n return (\n <a\n href={attachment.url}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"flex max-w-full items-center gap-2\"\n >\n {isImage ? (\n <img\n src={attachment.url}\n alt={attachment.fileName}\n className=\"size-16 shrink-0 rounded-lg object-cover\"\n />\n ) : (\n <FileIcon\n size={20}\n aria-hidden=\"true\"\n className={cn('shrink-0', isDark ? 'text-white' : 'text-text-700')}\n />\n )}\n <Text\n as=\"span\"\n size=\"xs\"\n color={isDark ? 'text-white' : 'text-text-700'}\n className=\"truncate underline\"\n >\n {attachment.fileName}\n </Text>\n </a>\n );\n}\n\n/\n Support (SAC) chat message bubble.\n \n - USER: light gray bubble on the left with an initials avatar\n * - AI: light blue bubble on the left labeled \"ASSISTENTE VIRTUAL\", with an optional FAQ reference\n * - AGENT: dark blue bubble on the right with the agent name and avatar\n * - INTERNAL_NOTE: yellow bubble on the right, visible only in the backoffice\n /\nexport default function SupportChatMessage({\n type,\n text,\n time,\n author,\n faq,\n attachments,\n status = SUPPORT_CHAT_SEND_STATUS.SENT,\n onRetry,\n className,\n}: Readonly<SupportChatMessageProps>) {\n const isAi = type === SUPPORT_CHAT_MESSAGE_TYPE.AI;\n const isAgent = type === SUPPORT_CHAT_MESSAGE_TYPE.AGENT;\n const isNote = type === SUPPORT_CHAT_MESSAGE_TYPE.INTERNAL_NOTE;\n const isRight = isAgent \|\| isNote;\n const isSending = status === SUPPORT_CHAT_SEND_STATUS.SENDING;\n const isFailed = status === SUPPORT_CHAT_SEND_STATUS.FAILED;\n\n const avatar = isAi ? (\n <AiAvatar />\n ) : (\n author && <InitialsAvatar author={author} />\n );\n\n return (\n <div\n className={cn(\n 'flex w-full items-end gap-2',\n isRight ? 'justify-end' : 'justify-start',\n className\n )}\n >\n {!isRight && avatar}\n\n <div\n className={cn(\n 'flex min-w-0 max-w-[85%] flex-col gap-1 sm:max-w-[498px]',\n isRight ? 'items-end' : 'items-start'\n )}\n >\n <div\n data-testid=\"support-chat-message-bubble\"\n className={cn(\n 'flex max-w-full flex-col gap-1.5 rounded-xl px-3.5 py-2.5',\n BUBBLE_CLASSES[type],\n isSending && 'opacity-60'\n )}\n >\n {isAi && (\n <Text\n size=\"2xs\"\n weight=\"bold\"\n color=\"text-primary-800\"\n className=\"uppercase tracking-wider\"\n >\n Assistente virtual\n </Text>\n )}\n\n {isNote && (\n <Text\n size=\"2xs\"\n weight=\"bold\"\n color=\"text-warning-700\"\n className=\"uppercase tracking-wider\"\n >\n {author ? `Nota interna · ${author.name}` : 'Nota interna'}\n </Text>\n )}\n\n {isAgent && author && (\n <Text size=\"2xs\" weight=\"bold\" color=\"text-primary-100\">\n {author.name}\n </Text>\n )}\n\n <Text\n size=\"sm\"\n color={isAgent ? 'text-white' : 'text-text-950'}\n className=\"whitespace-pre-wrap break-words\"\n >\n {text}\n </Text>\n\n {Array.isArray(attachments) && attachments.length > 0 && (\n <div className=\"flex flex-col gap-2\">\n {attachments.map((attachment) => (\n <AttachmentItem\n key={attachment.id}\n attachment={attachment}\n isDark={isAgent}\n />\n ))}\n </div>\n )}\n\n {isAi && faq && (\n <div className=\"self-stretch border-t border-primary-100 pt-1.5\">\n {faq.onClick ? (\n <Button\n variant=\"link\"\n size=\"extra-small\"\n onClick={faq.onClick}\n className=\"p-0 text-left font-normal text-primary-800\"\n >\n Baseado na FAQ: {faq.title}\n </Button>\n ) : (\n <Text size=\"xs\" color=\"text-primary-800\">\n Baseado na FAQ: {faq.title}\n </Text>\n )}\n </div>\n )}\n </div>\n\n <div className=\"flex items-center gap-2\">\n {isFailed && (\n <>\n <WarningCircleIcon\n size={14}\n aria-hidden=\"true\"\n className=\"text-error-600\"\n />\n <Text as=\"span\" size=\"2xs\" color=\"text-error-600\">\n Falha no envio\n </Text>\n {onRetry && (\n <Button\n variant=\"link\"\n action=\"negative\"\n size=\"extra-small\"\n onClick={onRetry}\n className=\"p-0\"\n >\n Tentar novamente\n </Button>\n )}\n </>\n )}\n {isSending && (\n <Text as=\"span\" size=\"2xs\" color=\"text-text-400\">\n Enviando…\n </Text>\n )}\n <Text as=\"span\" size=\"2xs\" color=\"text-text-400\">\n {time}\n </Text>\n </div>\n </div>\n\n {isRight && avatar}\n </div>\n );\n}\n","import { SVGProps } from 'react';\n\n/\n Outlined four-point sparkle icon (Figma \"icon/sparkle\").\n * 24x24 grid, 2px stroke; color follows `currentColor`.\n */\nconst Sparkle = (props: SVGProps<SVGSVGElement>) => {\n return (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path\n d=\"M12 3C12.6 7.4 15.6 10.1 20 10.75C15.6 11.4 12.6 14.1 12 18.5C11.4 14.1 8.4 11.4 4 10.75C8.4 10.1 11.4 7.4 12 3Z\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinejoin=\"round\"\n />\n </svg>\n );\n};\n\nexport default Sparkle;\n"]}
1	+ {"version":3,"sources":["/home/runner/work/analytica-frontend-lib/analytica-frontend-lib/dist/chunk-7VJP5D26.js","../src/components/SupportChat/SupportChatMessage.tsx","../src/assets/icons/Sparkle.tsx"],"names":["jsx"],"mappings":"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","file":"/home/runner/work/analytica-frontend-lib/analytica-frontend-lib/dist/chunk-7VJP5D26.js","sourcesContent":[null,"import { FileIcon } from '@phosphor-icons/react/dist/csr/File';\nimport { WarningCircleIcon } from '@phosphor-icons/react/dist/csr/WarningCircle';\nimport Text from '../Text/Text';\nimport Button from '../Button/Button';\nimport Sparkle from '../../assets/icons/Sparkle';\nimport { cn } from '../../utils/utils';\nimport { getInitials } from '../../utils/getInitials';\nimport {\n SUPPORT_CHAT_MESSAGE_TYPE,\n SUPPORT_CHAT_SEND_STATUS,\n type SupportChatAttachment,\n type SupportChatAuthor,\n type SupportChatFaqReference,\n type SupportChatMessageType,\n type SupportChatSendStatus,\n} from '../../types/supportChat';\n\n/*\n Props for a support (SAC) chat message\n /\nexport interface SupportChatMessageProps {\n /* Who authored the message (user, AI assistant, agent or internal note) /\n type: SupportChatMessageType;\n /* Message body; line breaks are preserved /\n text: string;\n /* Already formatted time, e.g. \"13:52\" /\n time: string;\n /* Author shown in the avatar (and as the name for agents/notes) /\n author?: SupportChatAuthor;\n /* FAQ the AI answer was based on (AI messages only) /\n faq?: SupportChatFaqReference;\n /* Files attached to the message /\n attachments?: SupportChatAttachment[];\n /* Delivery status; defaults to SENT /\n status?: SupportChatSendStatus;\n /* Called when the user clicks \"Tentar novamente\" on a failed message /\n onRetry?: () => void;\n /* Extra classes for the root element /\n className?: string;\n}\n\n/* Bubble classes for each message type /\nconst BUBBLE_CLASSES: Record<SupportChatMessageType, string> = {\n [SUPPORT_CHAT_MESSAGE_TYPE.USER]: 'bg-background-100',\n [SUPPORT_CHAT_MESSAGE_TYPE.GUEST]: 'bg-background-100',\n [SUPPORT_CHAT_MESSAGE_TYPE.AI]: 'bg-primary-50/60 border border-primary-100',\n [SUPPORT_CHAT_MESSAGE_TYPE.AGENT]: 'bg-primary-950',\n [SUPPORT_CHAT_MESSAGE_TYPE.INTERNAL_NOTE]:\n 'bg-exam-3 border border-warning-200',\n};\n\n/\n Avatar for the virtual assistant (sparkle icon)\n /\nfunction AiAvatar() {\n return (\n <div\n role=\"img\"\n aria-label=\"Assistente virtual\"\n className=\"flex size-6 shrink-0 items-center justify-center rounded-full border border-primary-100 bg-primary-50 text-primary-800\"\n >\n <Sparkle\n width={12}\n height={12}\n aria-hidden=\"true\"\n data-testid=\"support-chat-ai-sparkle\"\n />\n </div>\n );\n}\n\n/\n Avatar with the author's initials\n /\nfunction InitialsAvatar({ author }: Readonly<{ author: SupportChatAuthor }>) {\n return (\n <div\n role=\"img\"\n aria-label={author.name}\n className={cn(\n 'flex size-6 shrink-0 items-center justify-center rounded-full bg-primary-800',\n author.avatarClassName\n )}\n >\n <Text size=\"2xs\" weight=\"bold\" color=\"text-white\" aria-hidden=\"true\">\n {author.initials ?? getInitials(author.name)}\n </Text>\n </div>\n );\n}\n\n/\n Single attachment: image thumbnail or generic file icon, plus the file name\n /\nfunction AttachmentItem({\n attachment,\n isDark,\n}: Readonly<{ attachment: SupportChatAttachment; isDark: boolean }>) {\n const isImage = attachment.mimeType?.startsWith('image/') ?? false;\n return (\n <a\n href={attachment.url}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"flex max-w-full items-center gap-2\"\n >\n {isImage ? (\n <img\n src={attachment.url}\n alt={attachment.fileName}\n className=\"size-16 shrink-0 rounded-lg object-cover\"\n />\n ) : (\n <FileIcon\n size={20}\n aria-hidden=\"true\"\n className={cn('shrink-0', isDark ? 'text-white' : 'text-text-700')}\n />\n )}\n <Text\n as=\"span\"\n size=\"xs\"\n color={isDark ? 'text-white' : 'text-text-700'}\n className=\"truncate underline\"\n >\n {attachment.fileName}\n </Text>\n </a>\n );\n}\n\n/\n Support (SAC) chat message bubble.\n \n - USER: light gray bubble on the left with an initials avatar\n * - AI: light blue bubble on the left labeled \"ASSISTENTE VIRTUAL\", with an optional FAQ reference\n * - AGENT: dark blue bubble on the right with the agent name and avatar\n * - INTERNAL_NOTE: yellow bubble on the right, visible only in the backoffice\n /\nexport default function SupportChatMessage({\n type,\n text,\n time,\n author,\n faq,\n attachments,\n status = SUPPORT_CHAT_SEND_STATUS.SENT,\n onRetry,\n className,\n}: Readonly<SupportChatMessageProps>) {\n const isAi = type === SUPPORT_CHAT_MESSAGE_TYPE.AI;\n const isAgent = type === SUPPORT_CHAT_MESSAGE_TYPE.AGENT;\n const isNote = type === SUPPORT_CHAT_MESSAGE_TYPE.INTERNAL_NOTE;\n const isRight = isAgent \|\| isNote;\n const isSending = status === SUPPORT_CHAT_SEND_STATUS.SENDING;\n const isFailed = status === SUPPORT_CHAT_SEND_STATUS.FAILED;\n\n const avatar = isAi ? (\n <AiAvatar />\n ) : (\n author && <InitialsAvatar author={author} />\n );\n\n return (\n <div\n className={cn(\n 'flex w-full items-end gap-2',\n isRight ? 'justify-end' : 'justify-start',\n className\n )}\n >\n {!isRight && avatar}\n\n <div\n className={cn(\n 'flex min-w-0 max-w-[85%] flex-col gap-1 sm:max-w-[498px]',\n isRight ? 'items-end' : 'items-start'\n )}\n >\n <div\n data-testid=\"support-chat-message-bubble\"\n className={cn(\n 'flex max-w-full flex-col gap-1.5 rounded-xl px-3.5 py-2.5',\n BUBBLE_CLASSES[type],\n isSending && 'opacity-60'\n )}\n >\n {isAi && (\n <Text\n size=\"2xs\"\n weight=\"bold\"\n color=\"text-primary-800\"\n className=\"uppercase tracking-wider\"\n >\n Assistente virtual\n </Text>\n )}\n\n {isNote && (\n <Text\n size=\"2xs\"\n weight=\"bold\"\n color=\"text-warning-700\"\n className=\"uppercase tracking-wider\"\n >\n {author ? `Nota interna · ${author.name}` : 'Nota interna'}\n </Text>\n )}\n\n {isAgent && author && (\n <Text size=\"2xs\" weight=\"bold\" color=\"text-primary-100\">\n {author.name}\n </Text>\n )}\n\n <Text\n size=\"sm\"\n color={isAgent ? 'text-white' : 'text-text-950'}\n className=\"whitespace-pre-wrap break-words\"\n >\n {text}\n </Text>\n\n {Array.isArray(attachments) && attachments.length > 0 && (\n <div className=\"flex flex-col gap-2\">\n {attachments.map((attachment) => (\n <AttachmentItem\n key={attachment.id}\n attachment={attachment}\n isDark={isAgent}\n />\n ))}\n </div>\n )}\n\n {isAi && faq && (\n <div className=\"self-stretch border-t border-primary-100 pt-1.5\">\n {faq.onClick ? (\n <Button\n variant=\"link\"\n size=\"extra-small\"\n onClick={faq.onClick}\n className=\"p-0 text-left font-normal text-primary-800\"\n >\n Baseado na FAQ: {faq.title}\n </Button>\n ) : (\n <Text size=\"xs\" color=\"text-primary-800\">\n Baseado na FAQ: {faq.title}\n </Text>\n )}\n </div>\n )}\n </div>\n\n <div className=\"flex items-center gap-2\">\n {isFailed && (\n <>\n <WarningCircleIcon\n size={14}\n aria-hidden=\"true\"\n className=\"text-error-600\"\n />\n <Text as=\"span\" size=\"2xs\" color=\"text-error-600\">\n Falha no envio\n </Text>\n {onRetry && (\n <Button\n variant=\"link\"\n action=\"negative\"\n size=\"extra-small\"\n onClick={onRetry}\n className=\"p-0\"\n >\n Tentar novamente\n </Button>\n )}\n </>\n )}\n {isSending && (\n <Text as=\"span\" size=\"2xs\" color=\"text-text-400\">\n Enviando…\n </Text>\n )}\n <Text as=\"span\" size=\"2xs\" color=\"text-text-400\">\n {time}\n </Text>\n </div>\n </div>\n\n {isRight && avatar}\n </div>\n );\n}\n","import { SVGProps } from 'react';\n\n/\n Outlined four-point sparkle icon (Figma \"icon/sparkle\").\n * 24x24 grid, 2px stroke; color follows `currentColor`.\n */\nconst Sparkle = (props: SVGProps<SVGSVGElement>) => {\n return (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path\n d=\"M12 3C12.6 7.4 15.6 10.1 20 10.75C15.6 11.4 12.6 14.1 12 18.5C11.4 14.1 8.4 11.4 4 10.75C8.4 10.1 11.4 7.4 12 3Z\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinejoin=\"round\"\n />\n </svg>\n );\n};\n\nexport default Sparkle;\n"]}

package/dist/{chunk-HCQJR5CE.mjs → chunk-7ZWEBNFB.mjs} RENAMED Viewed

@@ -6,7 +6,7 @@ import {
 } from "./chunk-4V2UAEJP.mjs";
 import {
   Modal_default
-} from "./chunk-XZUMD3CB.mjs";
+} from "./chunk-LODDYDTP.mjs";
 import {
   readingFluencyBird_default
 } from "./chunk-MEUREWL3.mjs";
@@ -949,4 +949,4 @@ export {
   ProfileMenuReadingFluencyFooter,
   DropdownMenu_default
 };
-//# sourceMappingURL=chunk-HCQJR5CE.mjs.map
+//# sourceMappingURL=chunk-7ZWEBNFB.mjs.map

package/dist/{chunk-3RHNJUXU.mjs → chunk-ACSEJOW6.mjs} RENAMED Viewed

@@ -16,7 +16,7 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger,
   DropdownMenu_default
-} from "./chunk-HCQJR5CE.mjs";
+} from "./chunk-7ZWEBNFB.mjs";
 import {
   Text_default
 } from "./chunk-IMCIR6TJ.mjs";
@@ -188,4 +188,4 @@ function SupportConversationHeader({
 export {
   SupportConversationHeader
 };
-//# sourceMappingURL=chunk-3RHNJUXU.mjs.map
+//# sourceMappingURL=chunk-ACSEJOW6.mjs.map

package/dist/{chunk-WQZHUW7C.mjs → chunk-ANFHLSDB.mjs} RENAMED Viewed

@@ -18,10 +18,10 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger,
   DropdownMenu_default
-} from "./chunk-HCQJR5CE.mjs";
+} from "./chunk-7ZWEBNFB.mjs";
 import {
   Modal_default
-} from "./chunk-XZUMD3CB.mjs";
+} from "./chunk-LODDYDTP.mjs";
 import {
   Text_default
 } from "./chunk-IMCIR6TJ.mjs";
@@ -651,4 +651,4 @@ export {
   LegacyNotificationCard,
   NotificationCard_default
 };
-//# sourceMappingURL=chunk-WQZHUW7C.mjs.map
+//# sourceMappingURL=chunk-ANFHLSDB.mjs.map

package/dist/{chunk-H6NQOLQY.mjs → chunk-ANFLWCVD.mjs} RENAMED Viewed

@@ -17,7 +17,7 @@ import {
 } from "./chunk-N26PFH64.mjs";
 import {
   Modal_default
-} from "./chunk-XZUMD3CB.mjs";
+} from "./chunk-LODDYDTP.mjs";
 import {
   Text_default
 } from "./chunk-IMCIR6TJ.mjs";
@@ -267,4 +267,4 @@ export {
   PerformanceReportModal,
   PerformanceReportModal_default
 };
-//# sourceMappingURL=chunk-H6NQOLQY.mjs.map
+//# sourceMappingURL=chunk-ANFLWCVD.mjs.map

package/dist/{chunk-BKBDQXZX.js → chunk-AOYPUZRO.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
-var _chunk23PAYKWBjs = require('./chunk-23PAYKWB.js');
+var _chunkKM27ZDHZjs = require('./chunk-KM27ZDHZ.js');
 var _chunkTN3AYOMVjs = require('./chunk-TN3AYOMV.js');
@@ -147,7 +147,7 @@ var Whiteboard = ({
           image.id
         )) }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-          _chunk23PAYKWBjs.Modal_default,
+          _chunkKM27ZDHZjs.Modal_default,
           {
             isOpen: previewImage !== null,
             onClose: () => setPreviewImageId(null),
@@ -172,4 +172,4 @@ var Whiteboard_default = Whiteboard;
 exports.Whiteboard_default = Whiteboard_default;
-//# sourceMappingURL=chunk-BKBDQXZX.js.map
+//# sourceMappingURL=chunk-AOYPUZRO.js.map