analytica-frontend-lib 1.2.17 → 1.2.19

package/dist/AlertManager/index.d.mts

@@ -1,12 +1,16 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { A as AlertsConfig } from '../types-DMycdI4U.mjs';
+import { A as AlertsConfig } from '../types-BXzeefgf.mjs';
 import 'react';
 
 interface AlertsManagerProps {
     config: AlertsConfig;
     isOpen?: boolean;
     onClose?: () => void;
+    /** URL da imagem após upload (prioritária - será exibida primeiro) */
+    imageLink?: string | null;
+    /** Imagem padrão a ser exibida quando não há imagem selecionada (deve ser URL string - o front deve converter File para URL se necessário) */
+    defaultImage?: string | null;
 }
-declare const AlertsManager: ({ config, isOpen, onClose, }: AlertsManagerProps) => react_jsx_runtime.JSX.Element;
+declare const AlertsManager: ({ config, isOpen, onClose, imageLink, defaultImage, }: AlertsManagerProps) => react_jsx_runtime.JSX.Element;
 
 export { AlertsManager };

package/dist/AlertManager/index.d.ts

@@ -1,12 +1,16 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { A as AlertsConfig } from '../types-DMycdI4U.js';
+import { A as AlertsConfig } from '../types-BXzeefgf.js';
 import 'react';
 
 interface AlertsManagerProps {
     config: AlertsConfig;
     isOpen?: boolean;
     onClose?: () => void;
+    /** URL da imagem após upload (prioritária - será exibida primeiro) */
+    imageLink?: string | null;
+    /** Imagem padrão a ser exibida quando não há imagem selecionada (deve ser URL string - o front deve converter File para URL se necessário) */
+    defaultImage?: string | null;
 }
-declare const AlertsManager: ({ config, isOpen, onClose, }: AlertsManagerProps) => react_jsx_runtime.JSX.Element;
+declare const AlertsManager: ({ config, isOpen, onClose, imageLink, defaultImage, }: AlertsManagerProps) => react_jsx_runtime.JSX.Element;
 
 export { AlertsManager };

package/dist/AlertManager/index.js

@@ -1450,9 +1450,6 @@ var Divider = ({
 };
 var Divider_default = Divider;
 
-// src/assets/img/notification.png
-var notification_default = "../notification-TD7ZFRLL.png";
-
 // src/components/TextArea/TextArea.tsx
 var import_react6 = require("react");
 var import_phosphor_react5 = require("phosphor-react");
@@ -2330,10 +2327,13 @@ var ProfileMenuHeader = (0, import_react10.forwardRef)(({ className, name, email
     {
       ref,
       "data-component": "ProfileMenuHeader",
-      className: cn("flex flex-row gap-4 items-center", className),
+      className: cn(
+        "flex flex-row gap-4 items-center min-w-[280px]",
+        className
+      ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center overflow-hidden", children: photoUrl ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center overflow-hidden flex-shrink-0", children: photoUrl ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           "img",
           {
             src: photoUrl,
@@ -2341,15 +2341,56 @@ var ProfileMenuHeader = (0, import_react10.forwardRef)(({ className, name, email
             className: "w-full h-full object-cover"
           }
         ) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_phosphor_react8.User, { size: 34, className: "text-primary-800" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex flex-col ", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Text_default, { size: "xl", weight: "bold", color: "text-text-950", children: name }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Text_default, { size: "md", color: "text-text-600", children: email })
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex flex-col min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            Text_default,
+            {
+              size: "xl",
+              weight: "bold",
+              color: "text-text-950",
+              className: "truncate",
+              children: name
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Text_default, { size: "md", color: "text-text-600", className: "truncate", children: email })
         ] })
       ]
     }
   );
 });
 ProfileMenuHeader.displayName = "ProfileMenuHeader";
+var ProfileMenuInfo = (0, import_react10.forwardRef)(
+  ({
+    className,
+    schoolName,
+    classYearName,
+    schoolYearName,
+    store: _store,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+      "div",
+      {
+        ref,
+        "data-component": "ProfileMenuInfo",
+        className: cn("flex flex-row gap-4 items-center", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "w-16 h-16" }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex flex-col ", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Text_default, { size: "md", color: "text-text-600", children: schoolName }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "flex flex-row items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Text_default, { size: "md", color: "text-text-600", children: classYearName }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "text-text-600 text-xs align-middle", children: "\u25CF" }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Text_default, { size: "md", color: "text-text-600", children: schoolYearName })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+ProfileMenuInfo.displayName = "ProfileMenuInfo";
 var ProfileToggleTheme = ({
   store: externalStore,
   ...props
@@ -5439,6 +5480,7 @@ var MessageStep = ({
   const handleRemoveFile = () => {
     setImage(null);
   };
+  const isImageFile = image instanceof File;
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("section", { className: "flex flex-col gap-4", children: [
     /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       Input_default,
@@ -5464,7 +5506,7 @@ var MessageStep = ({
     allowImageAttachment && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       ImageUpload,
       {
-        selectedFile: image,
+        selectedFile: isImageFile ? image : null,
         onFileSelect: handleFileSelect,
         onRemoveFile: handleRemoveFile
       }
@@ -5668,7 +5710,7 @@ var DateStep = ({
 // src/components/AlertManager/AlertSteps/PreviewStep.tsx
 var import_react18 = require("react");
 var import_jsx_runtime27 = require("react/jsx-runtime");
-var PreviewStep = () => {
+var PreviewStep = ({ imageLink, defaultImage }) => {
   const title = useAlertFormStore((state) => state.title);
   const message = useAlertFormStore((state) => state.message);
   const image = useAlertFormStore((state) => state.image);
@@ -5679,17 +5721,21 @@ var PreviewStep = () => {
     if (image instanceof File) {
       return globalThis.window.URL.createObjectURL(image);
     }
+    if (typeof image === "string") {
+      return image;
+    }
     return void 0;
   }, [image]);
   (0, import_react18.useEffect)(() => {
     return () => {
-      if (imageUrl && globalThis.window !== void 0) {
+      if (globalThis.window !== void 0 && imageUrl && image instanceof File) {
         URL.revokeObjectURL(imageUrl);
       }
     };
-  }, [imageUrl]);
+  }, [imageUrl, image]);
+  const finalImageUrl = imageLink || imageUrl || defaultImage || void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("section", { className: "flex flex-col gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "bg-background-50 px-5 py-6 flex flex-col items-center gap-4 rounded-xl", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("img", { src: imageUrl || notification_default, alt: title || "Imagem do alerta" }),
+    finalImageUrl && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("img", { src: finalImageUrl, alt: title || "Imagem do alerta" }),
     /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-col items-center text-center gap-3", children: [
       /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text_default, { size: "lg", weight: "semibold", children: title || "Nenhum T\xEDtulo de Alerta" }),
       /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text_default, { size: "sm", weight: "normal", className: "text-text-500", children: message || "Aqui aparecer\xE1 a mensagem do alerta definido pelo usu\xE1rio" })
@@ -5783,7 +5829,9 @@ var StepWrapper = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx
 var AlertsManager = ({
   config,
   isOpen = false,
-  onClose
+  onClose,
+  imageLink,
+  defaultImage
 }) => {
   const [isModalOpen, setIsModalOpen] = (0, import_react19.useState)(isOpen);
   const [currentStep, setCurrentStep] = (0, import_react19.useState)(0);
@@ -5942,7 +5990,7 @@ var AlertsManager = ({
           }
         ) });
       case 3:
-        return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(StepWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(PreviewStep, {}) });
+        return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(StepWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(PreviewStep, { imageLink, defaultImage }) });
       default:
         return null;
     }
@@ -5953,7 +6001,9 @@ var AlertsManager = ({
     labels,
     behavior,
     handleNext2,
-    handlePrevious
+    handlePrevious,
+    imageLink,
+    defaultImage
   ]);
   const isFirstStep = currentStep === 0;
   const isLastStep = currentStep === steps.length - 1;