analytica-frontend-lib 1.2.16 → 1.2.18

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

@@ -1088,6 +1088,101 @@ var CheckboxGroup = ({
   );
 };
 
+// src/components/AlertManager/useAlertForm.ts
+var import_zustand = require("zustand");
+var initialState = {
+  title: "",
+  message: "",
+  image: null,
+  date: "",
+  time: "",
+  sendToday: false,
+  sendCopyToEmail: false,
+  recipientCategories: {}
+};
+var useAlertFormStore = (0, import_zustand.create)((set) => ({
+  ...initialState,
+  // Step 1 - Mensagem
+  setTitle: (title) => set({ title }),
+  setMessage: (message) => set({ message }),
+  setImage: (image) => set({ image }),
+  // Step 2 - Destinatários (Dinâmico)
+  initializeCategory: (category) => set((state) => ({
+    recipientCategories: {
+      ...state.recipientCategories,
+      [category.key]: {
+        ...category,
+        selectedIds: category.selectedIds || [],
+        allSelected: category.allSelected || false
+      }
+    }
+  })),
+  updateCategoryItems: (key, items) => set((state) => {
+    const base = state.recipientCategories[key] ?? {
+      key,
+      label: key,
+      availableItems: [],
+      selectedIds: [],
+      allSelected: false
+    };
+    return {
+      recipientCategories: {
+        ...state.recipientCategories,
+        [key]: { ...base, availableItems: items }
+      }
+    };
+  }),
+  updateCategorySelection: (key, selectedIds, allSelected) => set((state) => {
+    const base = state.recipientCategories[key] ?? {
+      key,
+      label: key,
+      availableItems: [],
+      selectedIds: [],
+      allSelected: false
+    };
+    return {
+      recipientCategories: {
+        ...state.recipientCategories,
+        [key]: { ...base, selectedIds, allSelected }
+      }
+    };
+  }),
+  clearCategorySelection: (key) => set((state) => {
+    const base = state.recipientCategories[key] ?? {
+      key,
+      label: key,
+      availableItems: [],
+      selectedIds: [],
+      allSelected: false
+    };
+    return {
+      recipientCategories: {
+        ...state.recipientCategories,
+        [key]: { ...base, selectedIds: [], allSelected: false }
+      }
+    };
+  }),
+  // Step 3 - Data de envio
+  setDate: (date) => set({ date }),
+  setTime: (time) => set({ time }),
+  setSendToday: (sendToday) => {
+    const now = /* @__PURE__ */ new Date();
+    const year = now.getFullYear();
+    const month = String(now.getMonth() + 1).padStart(2, "0");
+    const day = String(now.getDate()).padStart(2, "0");
+    const hours = String(now.getHours()).padStart(2, "0");
+    const minutes = String(now.getMinutes()).padStart(2, "0");
+    set({
+      sendToday,
+      date: `${year}-${month}-${day}`,
+      time: `${hours}:${minutes}`
+    });
+  },
+  setSendCopyToEmail: (sendCopyToEmail) => set({ sendCopyToEmail }),
+  // Reset form
+  resetForm: () => set(initialState)
+}));
+
 // src/components/Modal/Modal.tsx
 var import_react5 = require("react");
 var import_phosphor_react4 = require("phosphor-react");
@@ -1355,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");
@@ -1693,7 +1785,7 @@ var Input_default = Input;
 // src/components/DropdownMenu/DropdownMenu.tsx
 var import_phosphor_react8 = require("phosphor-react");
 var import_react10 = require("react");
-var import_zustand2 = require("zustand");
+var import_zustand3 = require("zustand");
 
 // src/components/ThemeToggle/ThemeToggle.tsx
 var import_phosphor_react7 = require("phosphor-react");
@@ -1703,7 +1795,7 @@ var import_react9 = require("react");
 var import_react8 = require("react");
 
 // src/store/themeStore.ts
-var import_zustand = require("zustand");
+var import_zustand2 = require("zustand");
 var import_middleware = require("zustand/middleware");
 var applyThemeToDOM = (mode) => {
   const htmlElement = document.documentElement;
@@ -1737,7 +1829,7 @@ var saveOriginalTheme = () => {
     htmlElement.setAttribute("data-original-theme", currentTheme);
   }
 };
-var useThemeStore = (0, import_zustand.create)()(
+var useThemeStore = (0, import_zustand2.create)()(
   (0, import_middleware.devtools)(
     (0, import_middleware.persist)(
       (set, get) => ({
@@ -1891,7 +1983,7 @@ var ThemeToggle = ({
 // src/components/DropdownMenu/DropdownMenu.tsx
 var import_jsx_runtime13 = require("react/jsx-runtime");
 function createDropdownStore() {
-  return (0, import_zustand2.create)((set) => ({
+  return (0, import_zustand3.create)((set) => ({
     open: false,
     setOpen: (open) => set({ open })
   }));
@@ -1941,7 +2033,7 @@ var DropdownMenu = ({
   const storeRef = (0, import_react10.useRef)(null);
   storeRef.current ??= createDropdownStore();
   const store = storeRef.current;
-  const { open, setOpen: storeSetOpen } = (0, import_zustand2.useStore)(store, (s) => s);
+  const { open, setOpen: storeSetOpen } = (0, import_zustand3.useStore)(store, (s) => s);
   const setOpen = (newOpen) => {
     storeSetOpen(newOpen);
   };
@@ -2007,7 +2099,7 @@ var DropdownMenuTrigger = ({
   ...props
 }) => {
   const store = useDropdownStore(externalStore);
-  const open = (0, import_zustand2.useStore)(store, (s) => s.open);
+  const open = (0, import_zustand3.useStore)(store, (s) => s.open);
   const toggleOpen = () => store.setState({ open: !open });
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "div",
@@ -2076,7 +2168,7 @@ var DropdownMenuContent = (0, import_react10.forwardRef)(
     ...props
   }, ref) => {
     const store = useDropdownStore(externalStore);
-    const open = (0, import_zustand2.useStore)(store, (s) => s.open);
+    const open = (0, import_zustand3.useStore)(store, (s) => s.open);
     const [isVisible, setIsVisible] = (0, import_react10.useState)(open);
     (0, import_react10.useEffect)(() => {
       if (open) {
@@ -2133,7 +2225,7 @@ var DropdownMenuItem = (0, import_react10.forwardRef)(
     ...props
   }, ref) => {
     const store = useDropdownStore(externalStore);
-    const setOpen = (0, import_zustand2.useStore)(store, (s) => s.setOpen);
+    const setOpen = (0, import_zustand3.useStore)(store, (s) => s.setOpen);
     const sizeClasses = ITEM_SIZE_CLASSES[size];
     const handleClick = (e) => {
       if (disabled) {
@@ -2207,7 +2299,7 @@ var DropdownMenuSeparator = (0, import_react10.forwardRef)(({ className, store:
 DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
 var ProfileMenuTrigger = (0, import_react10.forwardRef)(({ className, onClick, store: externalStore, ...props }, ref) => {
   const store = useDropdownStore(externalStore);
-  const open = (0, import_zustand2.useStore)(store, (s) => s.open);
+  const open = (0, import_zustand3.useStore)(store, (s) => s.open);
   const toggleOpen = () => store.setState({ open: !open });
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "button",
@@ -2265,7 +2357,7 @@ var ProfileToggleTheme = ({
   const internalStoreRef = (0, import_react10.useRef)(null);
   internalStoreRef.current ??= createDropdownStore();
   const store = externalStore ?? internalStoreRef.current;
-  const setOpen = (0, import_zustand2.useStore)(store, (s) => s.setOpen);
+  const setOpen = (0, import_zustand3.useStore)(store, (s) => s.setOpen);
   const handleClick = (e) => {
     e.preventDefault();
     e.stopPropagation();
@@ -2350,7 +2442,7 @@ var ProfileMenuFooter = ({
   ...props
 }) => {
   const store = useDropdownStore(externalStore);
-  const setOpen = (0, import_zustand2.useStore)(store, (s) => s.setOpen);
+  const setOpen = (0, import_zustand3.useStore)(store, (s) => s.setOpen);
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     Button_default,
     {
@@ -5172,10 +5264,10 @@ CardAccordation.displayName = "CardAccordation";
 
 // src/components/Accordation/AccordionGroup.tsx
 var import_react15 = require("react");
-var import_zustand3 = require("zustand");
+var import_zustand4 = require("zustand");
 var import_jsx_runtime23 = require("react/jsx-runtime");
 function createAccordionGroupStore(type, initialValue, collapsible) {
-  return (0, import_zustand3.create)((set, get) => ({
+  return (0, import_zustand4.create)((set, get) => ({
     type,
     value: initialValue,
     collapsible,
@@ -5321,101 +5413,6 @@ AccordionGroup.displayName = "AccordionGroup";
 // src/components/AlertManager/AlertsManager.tsx
 var import_phosphor_react13 = require("phosphor-react");
 
-// src/components/AlertManager/useAlertForm.ts
-var import_zustand4 = require("zustand");
-var initialState = {
-  title: "",
-  message: "",
-  image: null,
-  date: "",
-  time: "",
-  sendToday: false,
-  sendCopyToEmail: false,
-  recipientCategories: {}
-};
-var useAlertFormStore = (0, import_zustand4.create)((set) => ({
-  ...initialState,
-  // Step 1 - Mensagem
-  setTitle: (title) => set({ title }),
-  setMessage: (message) => set({ message }),
-  setImage: (image) => set({ image }),
-  // Step 2 - Destinatários (Dinâmico)
-  initializeCategory: (category) => set((state) => ({
-    recipientCategories: {
-      ...state.recipientCategories,
-      [category.key]: {
-        ...category,
-        selectedIds: category.selectedIds || [],
-        allSelected: category.allSelected || false
-      }
-    }
-  })),
-  updateCategoryItems: (key, items) => set((state) => {
-    const base = state.recipientCategories[key] ?? {
-      key,
-      label: key,
-      availableItems: [],
-      selectedIds: [],
-      allSelected: false
-    };
-    return {
-      recipientCategories: {
-        ...state.recipientCategories,
-        [key]: { ...base, availableItems: items }
-      }
-    };
-  }),
-  updateCategorySelection: (key, selectedIds, allSelected) => set((state) => {
-    const base = state.recipientCategories[key] ?? {
-      key,
-      label: key,
-      availableItems: [],
-      selectedIds: [],
-      allSelected: false
-    };
-    return {
-      recipientCategories: {
-        ...state.recipientCategories,
-        [key]: { ...base, selectedIds, allSelected }
-      }
-    };
-  }),
-  clearCategorySelection: (key) => set((state) => {
-    const base = state.recipientCategories[key] ?? {
-      key,
-      label: key,
-      availableItems: [],
-      selectedIds: [],
-      allSelected: false
-    };
-    return {
-      recipientCategories: {
-        ...state.recipientCategories,
-        [key]: { ...base, selectedIds: [], allSelected: false }
-      }
-    };
-  }),
-  // Step 3 - Data de envio
-  setDate: (date) => set({ date }),
-  setTime: (time) => set({ time }),
-  setSendToday: (sendToday) => {
-    const now = /* @__PURE__ */ new Date();
-    const year = now.getFullYear();
-    const month = String(now.getMonth() + 1).padStart(2, "0");
-    const day = String(now.getDate()).padStart(2, "0");
-    const hours = String(now.getHours()).padStart(2, "0");
-    const minutes = String(now.getMinutes()).padStart(2, "0");
-    set({
-      sendToday,
-      date: `${year}-${month}-${day}`,
-      time: `${hours}:${minutes}`
-    });
-  },
-  setSendCopyToEmail: (sendCopyToEmail) => set({ sendCopyToEmail }),
-  // Reset form
-  resetForm: () => set(initialState)
-}));
-
 // src/components/AlertManager/AlertSteps/MessageStep.tsx
 var import_shallow = require("zustand/react/shallow");
 var import_jsx_runtime24 = require("react/jsx-runtime");
@@ -5439,6 +5436,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 +5462,7 @@ var MessageStep = ({
     allowImageAttachment && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       ImageUpload,
       {
-        selectedFile: image,
+        selectedFile: isImageFile ? image : null,
         onFileSelect: handleFileSelect,
         onRemoveFile: handleRemoveFile
       }
@@ -5668,7 +5666,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 +5677,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 +5785,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 +5946,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 +5957,9 @@ var AlertsManager = ({
     labels,
     behavior,
     handleNext2,
-    handlePrevious
+    handlePrevious,
+    imageLink,
+    defaultImage
   ]);
   const isFirstStep = currentStep === 0;
   const isLastStep = currentStep === steps.length - 1;