analytica-frontend-lib 1.2.17 → 1.2.18

package/dist/AlertManager/index.mjs

@@ -1426,9 +1426,6 @@ var Divider = ({
 };
 var Divider_default = Divider;
 
-// src/assets/img/notification.png
-var notification_default = "../notification-TD7ZFRLL.png";
-
 // src/components/TextArea/TextArea.tsx
 import {
   forwardRef as forwardRef3,
@@ -5467,6 +5464,7 @@ var MessageStep = ({
   const handleRemoveFile = () => {
     setImage(null);
   };
+  const isImageFile = image instanceof File;
   return /* @__PURE__ */ jsxs19("section", { className: "flex flex-col gap-4", children: [
     /* @__PURE__ */ jsx24(
       Input_default,
@@ -5492,7 +5490,7 @@ var MessageStep = ({
     allowImageAttachment && /* @__PURE__ */ jsx24(
       ImageUpload,
       {
-        selectedFile: image,
+        selectedFile: isImageFile ? image : null,
         onFileSelect: handleFileSelect,
         onRemoveFile: handleRemoveFile
       }
@@ -5696,7 +5694,7 @@ var DateStep = ({
 // src/components/AlertManager/AlertSteps/PreviewStep.tsx
 import { useMemo as useMemo5, useEffect as useEffect11 } from "react";
 import { jsx as jsx27, jsxs as jsxs22 } from "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);
@@ -5707,17 +5705,21 @@ var PreviewStep = () => {
     if (image instanceof File) {
       return globalThis.window.URL.createObjectURL(image);
     }
+    if (typeof image === "string") {
+      return image;
+    }
     return void 0;
   }, [image]);
   useEffect11(() => {
     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__ */ jsx27("section", { className: "flex flex-col gap-4", children: /* @__PURE__ */ jsxs22("div", { className: "bg-background-50 px-5 py-6 flex flex-col items-center gap-4 rounded-xl", children: [
-    /* @__PURE__ */ jsx27("img", { src: imageUrl || notification_default, alt: title || "Imagem do alerta" }),
+    finalImageUrl && /* @__PURE__ */ jsx27("img", { src: finalImageUrl, alt: title || "Imagem do alerta" }),
     /* @__PURE__ */ jsxs22("div", { className: "flex flex-col items-center text-center gap-3", children: [
       /* @__PURE__ */ jsx27(Text_default, { size: "lg", weight: "semibold", children: title || "Nenhum T\xEDtulo de Alerta" }),
       /* @__PURE__ */ jsx27(Text_default, { size: "sm", weight: "normal", className: "text-text-500", children: message || "Aqui aparecer\xE1 a mensagem do alerta definido pelo usu\xE1rio" })
@@ -5811,7 +5813,9 @@ var StepWrapper = ({ children }) => /* @__PURE__ */ jsx28("div", { children });
 var AlertsManager = ({
   config,
   isOpen = false,
-  onClose
+  onClose,
+  imageLink,
+  defaultImage
 }) => {
   const [isModalOpen, setIsModalOpen] = useState13(isOpen);
   const [currentStep, setCurrentStep] = useState13(0);
@@ -5970,7 +5974,7 @@ var AlertsManager = ({
           }
         ) });
       case 3:
-        return /* @__PURE__ */ jsx28(StepWrapper, { children: /* @__PURE__ */ jsx28(PreviewStep, {}) });
+        return /* @__PURE__ */ jsx28(StepWrapper, { children: /* @__PURE__ */ jsx28(PreviewStep, { imageLink, defaultImage }) });
       default:
         return null;
     }
@@ -5981,7 +5985,9 @@ var AlertsManager = ({
     labels,
     behavior,
     handleNext2,
-    handlePrevious
+    handlePrevious,
+    imageLink,
+    defaultImage
   ]);
   const isFirstStep = currentStep === 0;
   const isLastStep = currentStep === steps.length - 1;