componentes-sinco 1.0.36-rc.1 → 1.0.36-rc.3

package/dist/index.cjs

@@ -82,6 +82,7 @@ __export(index_exports, {
   ADCSincoTheme: () => ADCSincoTheme,
   AdproSincoTheme: () => AdproSincoTheme,
   Attachment: () => Attachment,
+  AttachmentMobile: () => AttachmentMobile,
   BasicMenu: () => BasicMenu,
   CALENDAR_CONSTANTS: () => CALENDAR_CONSTANTS,
   Calendar: () => Calendar,
@@ -386,14 +387,6 @@ var SCModal = ({
   const handleToggle = (0, import_react4.useCallback)(() => setModalOpen((prev) => !prev), [setModalOpen]);
   const handleClose = (0, import_react4.useCallback)(() => setModalOpen(false), [setModalOpen]);
   const Icon = (0, import_react4.useMemo)(() => getIconComponent(buttonModal == null ? void 0 : buttonModal.icon), [buttonModal == null ? void 0 : buttonModal.icon]);
-  const prevAction = (0, import_react4.useMemo)(
-    () => action != null ? action : [
-      { text: "Cancelar", fn: handleClose },
-      { text: "Consultar", fn: () => {
-      } }
-    ],
-    [action, handleClose]
-  );
   const { icon, defaultDescription } = modalStateConfig[state];
   return /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, buttonModal && /* @__PURE__ */ import_react4.default.createElement(
     import_material2.Button,
@@ -2298,6 +2291,7 @@ var DrawerActions = ({ actions, anchor }) => {
       padding: "8px 12px",
       height: "42px",
       alignItems: "center",
+      flexWrap: "nowrap",
       justifyContent: actions.length > 1 ? "space-between" : anchor !== "right" ? "flex-end" : "flex-start",
       flexDirection: anchor !== "right" ? "row-reverse" : "row"
     },
@@ -2309,7 +2303,8 @@ var DrawerActions = ({ actions, anchor }) => {
         color: "primary",
         onClick: btn.fn,
         disabled: btn.disabled || false,
-        size: "small"
+        size: "small",
+        fullWidth: anchor === "bottom" ? true : false
       },
       btn.text
     ))
@@ -2324,14 +2319,16 @@ var import_Close = __toESM(require("@mui/icons-material/Close"), 1);
 var DrawerHeader = ({
   title,
   colorTitle,
-  onClose
+  onClose,
+  anchor
 }) => {
   return /* @__PURE__ */ import_react19.default.createElement(
     import_Grid3.default,
     {
       container: true,
       sx: {
-        backgroundColor: "primary.50",
+        marginTop: anchor == "bottom" ? "16px" : "0px",
+        backgroundColor: anchor == "bottom" ? "white" : "primary.50",
         alignItems: "center",
         height: "42px",
         textAlign: "left",
@@ -2479,7 +2476,8 @@ function SCDrawer({
       {
         title,
         colorTitle,
-        onClose: handleDrawerClose
+        onClose: handleDrawerClose,
+        anchor
       }
     ), /* @__PURE__ */ import_react20.default.createElement(DrawerContent, { arrayElements }), /* @__PURE__ */ import_react20.default.createElement(DrawerActions, { actions: drawerActions, anchor }))
   ));
@@ -3291,6 +3289,8 @@ var EmptyState = ({
 var import_react33 = __toESM(require("react"), 1);
 var import_material20 = require("@mui/material");
 var import_Grid6 = __toESM(require("@mui/material/Grid"), 1);
+var import_ToggleButton = __toESM(require("@mui/material/ToggleButton"), 1);
+var import_ToggleButtonGroup = __toESM(require("@mui/material/ToggleButtonGroup"), 1);
 var import_Close2 = __toESM(require("@mui/icons-material/Close"), 1);
 var Muicon5 = __toESM(require("@mui/icons-material"), 1);
 var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, disableClose, dividers, widthContent, heightContent, background, typeView = "web", setShow, show }) => {
@@ -3367,7 +3367,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
         }
       }
     },
-    title && /* @__PURE__ */ import_react33.default.createElement(import_material20.DialogTitle, { sx: { m: 0, padding: "8px 16px 8px 16px" }, "data-testid": "dialog-icon-title" }, /* @__PURE__ */ import_react33.default.createElement(import_Grid6.default, { container: true, size: 12, sx: { justifyContent: "space-between", flexWrap: "nowrap" } }, /* @__PURE__ */ import_react33.default.createElement(import_Grid6.default, { container: true, size: 11, sx: { alignItems: "center" } }, iconTitle ? iconTitleValidation == "image" ? /* @__PURE__ */ import_react33.default.createElement(import_material20.Box, { sx: { marginRight: "16px", width: "44px", height: "44px", borderRadius: "1px" } }, /* @__PURE__ */ import_react33.default.createElement("img", { src: IconTitle, width: "44px", height: "44px" })) : /* @__PURE__ */ import_react33.default.createElement(import_material20.SvgIcon, { color: "action", fontSize: "small", component: IconTitle, sx: { marginRight: "16px" } }) : "", /* @__PURE__ */ import_react33.default.createElement(import_Grid6.default, null, /* @__PURE__ */ import_react33.default.createElement(import_material20.Typography, { color: "text.primary", variant: "h6", gutterBottom: true }, title ? title : ""), /* @__PURE__ */ import_react33.default.createElement(import_material20.Typography, { color: "text.secondary", variant: "body2", gutterBottom: true }, subtitle ? subtitle : ""))), disableClose != true ? /* @__PURE__ */ import_react33.default.createElement(import_material20.IconButton, { "data-testid": "close-dialog-button", onClick: handleClose, size: "small", color: "default", sx: { height: 22, width: 22 } }, /* @__PURE__ */ import_react33.default.createElement(import_Close2.default, { color: "action" })) : "")),
+    title && /* @__PURE__ */ import_react33.default.createElement(import_material20.DialogTitle, { sx: { m: 0, padding: "8px 16px 8px 16px" }, "data-testid": "dialog-icon-title" }, /* @__PURE__ */ import_react33.default.createElement(import_Grid6.default, { container: true, size: 12, sx: { justifyContent: "space-between", flexWrap: "nowrap" } }, /* @__PURE__ */ import_react33.default.createElement(import_Grid6.default, { container: true, size: 11, sx: { alignItems: "center" } }, iconTitle ? iconTitleValidation == "image" ? /* @__PURE__ */ import_react33.default.createElement(import_material20.Box, { sx: { marginRight: "16px", width: "44px", height: "44px", borderRadius: "1px" } }, /* @__PURE__ */ import_react33.default.createElement("img", { src: IconTitle, width: "44px", height: "44px" })) : /* @__PURE__ */ import_react33.default.createElement(import_material20.SvgIcon, { color: "action", fontSize: "small", component: IconTitle, sx: { marginRight: "16px" } }) : "", /* @__PURE__ */ import_react33.default.createElement(import_Grid6.default, { sx: { width: "98%" } }, /* @__PURE__ */ import_react33.default.createElement(import_material20.Typography, { color: "text.primary", variant: "h6", gutterBottom: true }, title ? title : ""), subtitle ? subtitle : "")), disableClose != true ? /* @__PURE__ */ import_react33.default.createElement(import_material20.IconButton, { "data-testid": "close-dialog-button", onClick: handleClose, size: "small", color: "default", sx: { height: 22, width: 22 } }, /* @__PURE__ */ import_react33.default.createElement(import_Close2.default, { color: "action" })) : "")),
     /* @__PURE__ */ import_react33.default.createElement(
       import_material20.DialogContent,
       {
@@ -3391,7 +3391,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
               case "extra-large":
                 return { xs: "84vw", md: "93vw" };
               default:
-                return { xs: "64vw", md: "56vw" };
+                return { xs: "100% !important", md: "100% !important" };
             }
           })
         }
@@ -3406,7 +3406,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
         }
       ) : content.component
     ),
-    dialogActions != void 0 && dialogActions != false ? Array.isArray(dialogActions) && (dialogActions == null ? void 0 : dialogActions.length) > 0 ? /* @__PURE__ */ import_react33.default.createElement(import_material20.DialogActions, { sx: { gap: 1, m: 0, padding: "12px 16px 12px 16px", justifyContent: dialogActions.length >= 3 ? "space-between" : "flex-end" } }, dialogActions.length >= 3 ? /* @__PURE__ */ import_react33.default.createElement(import_react33.default.Fragment, null, /* @__PURE__ */ import_react33.default.createElement(
+    dialogActions != void 0 && dialogActions != false ? Array.isArray(dialogActions) && (dialogActions == null ? void 0 : dialogActions.length) > 0 ? /* @__PURE__ */ import_react33.default.createElement(import_material20.DialogActions, { sx: { gap: 1, m: 0, padding: "12px 16px 12px 16px", justifyContent: dialogActions.length >= 3 ? "space-between" : "flex-end" } }, typeView !== "mobile" ? /* @__PURE__ */ import_react33.default.createElement(import_react33.default.Fragment, null, dialogActions.length >= 3 ? /* @__PURE__ */ import_react33.default.createElement(import_react33.default.Fragment, null, /* @__PURE__ */ import_react33.default.createElement(
       import_material20.Button,
       {
         variant: "text",
@@ -3445,7 +3445,10 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
         },
         boton.text
       );
-    })) : "" : ""
+    })) : /* @__PURE__ */ import_react33.default.createElement(import_material20.Box, { sx: { width: "100%", display: "flex", flexDirection: "row", justifyContent: "center" } }, /* @__PURE__ */ import_react33.default.createElement(import_ToggleButtonGroup.default, { size: "large", fullWidth: true }, dialogActions.map((boton, index) => {
+      var _a;
+      return /* @__PURE__ */ import_react33.default.createElement(import_ToggleButton.default, { fullWidth: boton.text ? true : false, size: "medium", value: "text", onClick: boton.fn }, (_a = boton.text) != null ? _a : /* @__PURE__ */ import_react33.default.createElement(import_material20.SvgIcon, { fontSize: "small", component: boton.icon }));
+    })))) : "" : ""
   )));
 };
 
@@ -3453,42 +3456,48 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
 var import_react34 = __toESM(require("react"), 1);
 var import_material21 = require("@mui/material");
 var import_Grid7 = __toESM(require("@mui/material/Grid"), 1);
+var import_Avatar = __toESM(require("@mui/material/Avatar"), 1);
 var Muicon6 = __toESM(require("@mui/icons-material"), 1);
-var SCListContent = ({ options }) => {
+var SCListContent = ({ options, iconLeftType = "Icon", iconRightType = "Icon" }) => {
   const [selectedIndex, setSelectedIndex] = import_react34.default.useState("1");
   const [value, setValue] = import_react34.default.useState("1");
   options.map(function(option, index, array) {
     if (option == null ? void 0 : option.iconLeft) {
       if ((option == null ? void 0 : option.iconLeft.type) == void 0) {
-        option.iconLeft = Muicon6[option == null ? void 0 : option.iconLeft];
-      } else {
-        option;
+        const found = Muicon6[option == null ? void 0 : option.iconLeft];
+        if (found != void 0) {
+          option.iconLeft = Muicon6[option == null ? void 0 : option.iconLeft];
+        }
       }
     }
     if (option == null ? void 0 : option.iconRight) {
       if ((option == null ? void 0 : option.iconRight.type) == void 0) {
-        option.iconRight = Muicon6[option == null ? void 0 : option.iconRight];
-      } else {
-        option;
+        const found = Muicon6[option == null ? void 0 : option.iconRight];
+        if (found != void 0) {
+          option.iconRight = Muicon6[option == null ? void 0 : option.iconRight];
+        }
       }
     }
   });
-  return /* @__PURE__ */ import_react34.default.createElement(import_react34.default.Fragment, null, /* @__PURE__ */ import_react34.default.createElement(import_material21.List, { sx: { width: "100%", maxWidth: 360, bgcolor: "background.paper", padding: "0px !important" } }, options.map((option, index) => /* @__PURE__ */ import_react34.default.createElement(import_react34.default.Fragment, { key: index }, /* @__PURE__ */ import_react34.default.createElement(
-    import_material21.ListItemButton,
-    {
-      disabled: option.disable,
-      onClick: option.fn
-    },
-    option.iconLeft ? /* @__PURE__ */ import_react34.default.createElement(import_material21.ListItemIcon, { sx: { minWidth: "30px !important" } }, /* @__PURE__ */ import_react34.default.createElement(import_material21.SvgIcon, { fontSize: "small", color: option.iconLeftColor || "action", component: option.iconLeft })) : "",
-    /* @__PURE__ */ import_react34.default.createElement(
-      import_material21.ListItemText,
+  return /* @__PURE__ */ import_react34.default.createElement(import_react34.default.Fragment, null, /* @__PURE__ */ import_react34.default.createElement(import_material21.List, { sx: { width: "100%", maxWidth: 360, bgcolor: "background.paper", padding: "0px !important" } }, options.map((option, index) => {
+    var _a, _b;
+    return /* @__PURE__ */ import_react34.default.createElement(import_react34.default.Fragment, { key: index }, /* @__PURE__ */ import_react34.default.createElement(
+      import_material21.ListItemButton,
       {
-        primary: option.title,
-        secondary: /* @__PURE__ */ import_react34.default.createElement(import_Grid7.default, { gap: 0.5 }, /* @__PURE__ */ import_react34.default.createElement(import_Grid7.default, { container: true, gap: 0.5 }, option.subtitle), /* @__PURE__ */ import_react34.default.createElement(import_Grid7.default, { container: true, gap: 0.5 }, option.description))
-      }
-    ),
-    option.iconRight ? /* @__PURE__ */ import_react34.default.createElement(import_material21.ListItemIcon, { sx: { minWidth: "0px !important" } }, /* @__PURE__ */ import_react34.default.createElement(import_material21.SvgIcon, { fontSize: "small", color: option.iconRightColor || "action", component: option.iconRight })) : ""
-  ), option.divider == true ? /* @__PURE__ */ import_react34.default.createElement(import_material21.Divider, null) : ""))));
+        disabled: option.disable,
+        onClick: option.fn
+      },
+      option.iconLeft ? iconLeftType == "Icon" ? /* @__PURE__ */ import_react34.default.createElement(import_material21.ListItemIcon, { sx: { minWidth: "0px !important", marginRight: "8px" } }, /* @__PURE__ */ import_react34.default.createElement(import_material21.SvgIcon, { fontSize: "small", color: option.iconLeftColor || "action", component: option.iconLeft })) : /* @__PURE__ */ import_react34.default.createElement(import_Avatar.default, null, ((_a = option.iconLeft) == null ? void 0 : _a.type) != void 0 ? /* @__PURE__ */ import_react34.default.createElement(import_material21.SvgIcon, { fontSize: "small", color: option.iconLeftColor || "action", component: option.iconLeft }) : option.iconLeft) : "",
+      /* @__PURE__ */ import_react34.default.createElement(
+        import_material21.ListItemText,
+        {
+          primary: option.title,
+          secondary: /* @__PURE__ */ import_react34.default.createElement(import_Grid7.default, { gap: 0.5 }, /* @__PURE__ */ import_react34.default.createElement(import_Grid7.default, { container: true, gap: 0.5 }, option.subtitle), /* @__PURE__ */ import_react34.default.createElement(import_Grid7.default, { container: true, gap: 0.5 }, option.description))
+        }
+      ),
+      option.iconRight ? iconRightType == "Icon" ? /* @__PURE__ */ import_react34.default.createElement(import_material21.ListItemIcon, { sx: { minWidth: "0px !important", marginRight: "8px" } }, /* @__PURE__ */ import_react34.default.createElement(import_material21.SvgIcon, { fontSize: "small", color: option.iconRightColor || "action", component: option.iconRight })) : /* @__PURE__ */ import_react34.default.createElement(import_Avatar.default, null, ((_b = option.iconRight) == null ? void 0 : _b.type) != void 0 ? /* @__PURE__ */ import_react34.default.createElement(import_material21.SvgIcon, { fontSize: "small", color: option.iconRightColor || "action", component: option.iconRight }) : option.iconRight) : ""
+    ), option.divider == true ? /* @__PURE__ */ import_react34.default.createElement(import_material21.Divider, null) : "");
+  })));
 };
 
 // src/Components/SCMenu.tsx
@@ -4203,7 +4212,7 @@ var import_dayjs6 = __toESM(require("dayjs"), 1);
 var import_localeData2 = __toESM(require("dayjs/plugin/localeData"), 1);
 import_dayjs6.default.extend(import_localeData2.default);
 var WeekView = ({
-  events = [],
+  events,
   currentDate,
   isLoading,
   onDayClick,
@@ -4212,11 +4221,7 @@ var WeekView = ({
   startHour = 0,
   endHour = 23
 }) => {
-  const normalizedEvents = events.map((e) => __spreadProps(__spreadValues({}, e), {
-    start: (0, import_dayjs6.default)(e.start),
-    end: (0, import_dayjs6.default)(e.end)
-  }));
-  const noEvents = normalizedEvents.length === 0;
+  const noEvents = events.length === 0;
   const todayString = (0, import_dayjs6.default)().format("YYYY-MM-DD");
   const startOfWeek3 = currentDate.startOf("week");
   const days = Array.from({ length: 7 }, (_, i) => startOfWeek3.add(i, "day"));
@@ -4266,74 +4271,77 @@ var WeekView = ({
       subtitle: "Selecciona un mec\xE1nico y as\xEDgnale las actividades a realizar.",
       icon: /* @__PURE__ */ import_react44.default.createElement(LogoCalendario, null)
     }
-  ) : /* @__PURE__ */ import_react44.default.createElement(import_material29.Box, { display: "flex", flex: 1 }, /* @__PURE__ */ import_react44.default.createElement(import_material29.Box, { width: 45, bgcolor: "transparent" }, hours.map((h) => /* @__PURE__ */ import_react44.default.createElement(
-    import_material29.Box,
-    {
-      key: h,
-      height: 60,
-      textAlign: "right",
-      pr: 1,
-      borderColor: "divider"
-    },
-    /* @__PURE__ */ import_react44.default.createElement(import_material29.Typography, { variant: "caption", color: "text.secondary" }, (0, import_dayjs6.default)().hour(h).format("h A"))
-  ))), days.map((day) => {
-    const dayEvents = normalizedEvents.filter(
-      (event2) => day.isBetween(event2.start.startOf("day"), event2.end.endOf("day"), null, "[]")
-    ).filter((event2) => {
-      const startsInRange = event2.start.hour() >= startHour && event2.start.hour() <= endHour;
-      const endsInRange = event2.end.hour() >= startHour && event2.end.hour() <= endHour;
-      return startsInRange || endsInRange;
-    }).sort((a, b) => a.start.valueOf() - b.start.valueOf());
-    return /* @__PURE__ */ import_react44.default.createElement(
+  ) : (
+    // Grid de horas y eventos
+    /* @__PURE__ */ import_react44.default.createElement(import_material29.Box, { display: "flex", flex: 1 }, /* @__PURE__ */ import_react44.default.createElement(import_material29.Box, { width: 45, bgcolor: "transparent" }, hours.map((h) => /* @__PURE__ */ import_react44.default.createElement(
       import_material29.Box,
       {
-        key: day.toString(),
-        flex: 1,
-        borderLeft: "1px solid",
-        borderColor: "divider",
-        position: "relative",
-        "data-testid": `week-day-column-${day.format("YYYY-MM-DD")}`,
-        onClick: () => onDayClick == null ? void 0 : onDayClick(day)
+        key: h,
+        height: 60,
+        textAlign: "right",
+        pr: 1,
+        borderColor: "divider"
       },
-      hours.map((hourIdx) => {
-        const borderType = getCellBorderType2(hourIdx, dayEvents);
-        return /* @__PURE__ */ import_react44.default.createElement(
-          import_material29.Box,
-          {
-            key: hourIdx,
-            height: 60,
-            borderTop: "1px solid",
-            borderColor: borderType === "start" || borderType === "full" || borderType === "none" ? "divider" : "transparent",
-            borderBottom: borderType === "end" || borderType === "full" ? "1px solid divider" : void 0
-          }
-        );
-      }),
-      dayEvents.map((event2) => {
-        const eventStart = day.isSame(event2.start, "day") ? event2.start : day.startOf("day").hour(startHour).minute(0);
-        const eventEnd = day.isSame(event2.end, "day") ? event2.end : day.endOf("day").hour(endHour).minute(59);
-        const startMinutes = (eventStart.hour() - startHour) * 60 + eventStart.minute();
-        const durationMinutes = eventEnd.diff(eventStart, "minute");
-        return /* @__PURE__ */ import_react44.default.createElement(
-          CalendarEventCard,
-          {
-            key: `${event2.id}-${day.toString()}`,
-            event: event2,
-            color: stateColors[event2.state],
-            onClick: () => onEventClick == null ? void 0 : onEventClick(event2, day),
-            onHover: onEventHover,
-            sx: {
-              position: "absolute",
-              top: `${startMinutes}px`,
-              left: 4,
-              right: 4,
-              cursor: "pointer",
-              height: `${durationMinutes}px`
+      /* @__PURE__ */ import_react44.default.createElement(import_material29.Typography, { variant: "caption", color: "text.secondary" }, (0, import_dayjs6.default)().hour(h).format("h A"))
+    ))), days.map((day) => {
+      const dayEvents = events.filter(
+        (event2) => day.isBetween(event2.start.startOf("day"), event2.end.endOf("day"), null, "[]")
+      ).filter((event2) => {
+        const startsInRange = event2.start.hour() >= startHour && event2.start.hour() <= endHour;
+        const endsInRange = event2.end.hour() >= startHour && event2.end.hour() <= endHour;
+        return startsInRange || endsInRange;
+      }).sort((a, b) => a.start.valueOf() - b.start.valueOf());
+      return /* @__PURE__ */ import_react44.default.createElement(
+        import_material29.Box,
+        {
+          key: day.toString(),
+          flex: 1,
+          borderLeft: "1px solid",
+          borderColor: "divider",
+          position: "relative",
+          "data-testid": `week-day-column-${day.format("YYYY-MM-DD")}`,
+          onClick: () => onDayClick == null ? void 0 : onDayClick(day)
+        },
+        hours.map((hourIdx) => {
+          const borderType = getCellBorderType2(hourIdx, dayEvents);
+          return /* @__PURE__ */ import_react44.default.createElement(
+            import_material29.Box,
+            {
+              key: hourIdx,
+              height: 60,
+              borderTop: "1px solid",
+              borderColor: borderType === "start" || borderType === "full" || borderType === "none" ? "divider" : "transparent",
+              borderBottom: borderType === "end" || borderType === "full" ? "1px solid divider" : void 0
             }
-          }
-        );
-      })
-    );
-  })));
+          );
+        }),
+        dayEvents.map((event2) => {
+          const eventStart = day.isSame(event2.start, "day") ? event2.start : day.startOf("day").hour(startHour).minute(0);
+          const eventEnd = day.isSame(event2.end, "day") ? event2.end : day.endOf("day").hour(endHour).minute(59);
+          const startMinutes = (eventStart.hour() - startHour) * 60 + eventStart.minute();
+          const durationMinutes = eventEnd.diff(eventStart, "minute");
+          return /* @__PURE__ */ import_react44.default.createElement(
+            CalendarEventCard,
+            {
+              key: `${event2.id}-${day.toString()}`,
+              event: event2,
+              color: stateColors[event2.state],
+              onClick: () => onEventClick == null ? void 0 : onEventClick(event2, day),
+              onHover: onEventHover,
+              sx: {
+                position: "absolute",
+                top: `${startMinutes}px`,
+                left: 4,
+                right: 4,
+                cursor: "pointer",
+                height: `${durationMinutes}px`
+              }
+            }
+          );
+        })
+      );
+    }))
+  ));
 };
 
 // src/Components/Calendario/Views/DayView.tsx
@@ -4848,7 +4856,7 @@ var SCActivityCalendar = ({
       sx: { fontSize: "12px !important", height: "300px !important", background: background ? background : "white", "& .MuiDayCalendar-header": { justifyContent: "space-between" }, "& .MuiDayCalendar-weekContainer": { justifyContent: "space-between" }, "& .MuiPickersCalendarHeader-root": { paddingLeft: "0px", paddingRight: "0px", color: "#10184099" }, "& .MuiPickersDay-root": { fontSize: "12px !important" }, "& .MuiDayCalendar-weekDayLabel": { fontSize: "12px !important" } },
       onChange: (newValue) => setFecha(newValue)
     }
-  ), /* @__PURE__ */ import_react50.default.createElement(import_Grid9.default, { container: true, justifyContent: "center" }, /* @__PURE__ */ import_react50.default.createElement(import_material34.IconButton, { "data-testid": "close-calendar-button", onClick: toggleCalendar(false) }, /* @__PURE__ */ import_react50.default.createElement(import_KeyboardDoubleArrowUp2.default, { color: "action" }))))), /* @__PURE__ */ import_react50.default.createElement(import_material34.Box, { sx: { width: "100%", height: openCalendar ? "calc(91% - 300px)" : "calc(91% - 100px)", background: "white", display: "flex", flexDirection: "column", overflowY: "auto", gap: "8px", scrollSnapType: "x mandatory", paddingBottom: "10px" } }, diasSemana.map((day, dayIndex) => /* @__PURE__ */ import_react50.default.createElement(
+  ), /* @__PURE__ */ import_react50.default.createElement(import_Grid9.default, { container: true, justifyContent: "center" }, /* @__PURE__ */ import_react50.default.createElement(import_material34.IconButton, { "data-testid": "close-calendar-button", onClick: toggleCalendar(false) }, /* @__PURE__ */ import_react50.default.createElement(import_KeyboardDoubleArrowUp2.default, { color: "action" }))))), /* @__PURE__ */ import_react50.default.createElement(import_material34.Box, { sx: { padding: "0px 16px", width: "100%", height: openCalendar ? "calc(91% - 300px)" : "calc(91% - 100px)", background: "white", display: "flex", flexDirection: "column", overflowY: "auto", gap: "8px", scrollSnapType: "x mandatory", paddingBottom: "10px" } }, diasSemana.map((day, dayIndex) => /* @__PURE__ */ import_react50.default.createElement(
     import_material34.Box,
     {
       key: dayIndex
@@ -4874,7 +4882,7 @@ var SCActivityCalendar = ({
           {
             key: idx,
             options: [{
-              title: event2.description,
+              title: event2.activityDescription,
               subtitle: /* @__PURE__ */ import_react50.default.createElement(import_react50.default.Fragment, null, configRangeHour && new Date(event2.date.replace("00:00:00", event2.startTime)).getHours() === new Date(event2.date.replace("00:00:00", configRangeHour.split("-")[0])).getHours() && new Date(event2.date.replace("00:00:00", event2.finalTime)).getHours() === new Date(event2.date.replace("00:00:00", configRangeHour.split("-")[1])).getHours() && new Date(event2.date.replace("00:00:00", event2.startTime)).getMinutes() === new Date(event2.date.replace("00:00:00", configRangeHour.split("-")[0])).getMinutes() && new Date(event2.date.replace("00:00:00", event2.finalTime)).getMinutes() === new Date(event2.date.replace("00:00:00", configRangeHour.split("-")[1])).getMinutes() ? /* @__PURE__ */ import_react50.default.createElement(import_react50.default.Fragment, null, /* @__PURE__ */ import_react50.default.createElement(import_material34.Typography, null, "Todo el dia"), /* @__PURE__ */ import_react50.default.createElement(import_LightModeOutlined.default, { fontSize: "small" })) : /* @__PURE__ */ import_react50.default.createElement(import_react50.default.Fragment, null, /* @__PURE__ */ import_react50.default.createElement(import_material34.Typography, null, new Date(event2.date.replace("00:00:00", event2.startTime)).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: true })), /* @__PURE__ */ import_react50.default.createElement(import_ArrowForward.default, { fontSize: "small" }), /* @__PURE__ */ import_react50.default.createElement(import_material34.Typography, null, new Date(event2.date.replace("00:00:00", event2.finalTime)).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: true })))),
               iconLeftColor: event2.state === "Finalizada" ? "success" : "action",
               iconLeft: event2.state === "Finalizada" ? "CheckCircle" : event2.state === "Aplazada" ? "EventBusyOutlined" : event2.state === "En progreso" ? "PendingOutlined" : "RadioButtonUnchecked",
@@ -4901,12 +4909,338 @@ var SCActivityCalendar = ({
   ))));
 };
 
+// src/Components/Adjuntar/mobile/AdjuntarMobile.tsx
+var import_react52 = __toESM(require("react"), 1);
+
+// src/Components/Adjuntar/mobile/components/button.tsx
+var import_react51 = __toESM(require("react"), 1);
+var import_material35 = require("@mui/material");
+
+// src/Components/Adjuntar/mobile/components/Utils.tsx
+var MuiIcons4 = __toESM(require("@mui/icons-material"), 1);
+var import_icons_material12 = require("@mui/icons-material");
+var getAttachmentIcon = (iconName) => {
+  return iconName && MuiIcons4[iconName] ? MuiIcons4[iconName] : import_icons_material12.AttachFileOutlined;
+};
+var getAttachmentColor = (state) => {
+  const colors = {
+    primary: "primary.50",
+    success: "success.50",
+    warning: "warning.50"
+  };
+  return colors[state];
+};
+
+// src/Components/Adjuntar/mobile/components/button.tsx
+var AttachmentButton = ({ buttonAttachment, open, setOpen }) => {
+  var _a, _b, _c, _d;
+  const handleToggle = () => {
+    if (setOpen) {
+      setOpen(!open);
+    }
+  };
+  const Icon = (0, import_react51.useMemo)(
+    () => getAttachmentIcon(buttonAttachment == null ? void 0 : buttonAttachment.icon),
+    [buttonAttachment == null ? void 0 : buttonAttachment.icon]
+  );
+  if (!buttonAttachment) return null;
+  return /* @__PURE__ */ import_react51.default.createElement(import_react51.default.Fragment, null, buttonAttachment && /* @__PURE__ */ import_react51.default.createElement(
+    import_material35.Button,
+    {
+      "data-testid": "test-buttonModal",
+      color: (_a = buttonAttachment == null ? void 0 : buttonAttachment.color) != null ? _a : "primary",
+      onClick: handleToggle,
+      variant: (_b = buttonAttachment == null ? void 0 : buttonAttachment.variant) != null ? _b : "text",
+      size: (_c = buttonAttachment == null ? void 0 : buttonAttachment.size) != null ? _c : "small",
+      startIcon: (buttonAttachment == null ? void 0 : buttonAttachment.iconPosition) === "left" && /* @__PURE__ */ import_react51.default.createElement(Icon, null),
+      endIcon: (buttonAttachment == null ? void 0 : buttonAttachment.iconPosition) === "right" && /* @__PURE__ */ import_react51.default.createElement(Icon, null)
+    },
+    capitalize((_d = buttonAttachment == null ? void 0 : buttonAttachment.text) != null ? _d : "Adjuntar")
+  ));
+};
+
+// src/Components/Adjuntar/mobile/AdjuntarMobile.tsx
+var import_material36 = require("@mui/material");
+var import_CssBaseline = __toESM(require("@mui/material/CssBaseline"), 1);
+var import_system = require("@mui/system");
+var import_icons_material13 = require("@mui/icons-material");
+var AttachmentMobile = ({
+  buttonAttachment,
+  maxSize = 400,
+  fileAccepted = "",
+  initialFiles,
+  deleteAction,
+  children,
+  onChange,
+  sx
+}) => {
+  const [files, setFiles] = (0, import_react52.useState)([]);
+  const [toast, setToast] = (0, import_react52.useState)(null);
+  const [open, setOpen] = import_react52.default.useState(false);
+  const toggleAttachment = (newOpen) => () => {
+    setOpen(newOpen);
+  };
+  const inputRef = (0, import_react52.useRef)(null);
+  const handleUpload = (event2) => {
+    const newFiles = event2.target.files;
+    if (!newFiles) return;
+    const nuevosArchivos = [];
+    const archivosValidos = [];
+    Array.from(newFiles).forEach((file) => {
+      const isDuplicateFile = files.some(
+        (existingFile) => existingFile.name === file.name && existingFile.size === file.size
+      );
+      const sizeMB = file.size / (1024 * 1024);
+      if (isDuplicateFile) {
+        setToast({
+          type: "error",
+          title: "Archivo duplicado",
+          listITems: [`El archivo "${file.name}" ya existe.`],
+          seeMore: true,
+          time: 5
+        });
+        return;
+      }
+      if (sizeMB > maxSize) {
+        nuevosArchivos.push({
+          name: file.name,
+          size: file.size,
+          type: file.type,
+          progress: 0,
+          uploadError: true
+        });
+        setToast({
+          type: "error",
+          title: "Carga fallida",
+          seeMore: true,
+          listITems: [`El archivo "${file.name}" supera el l\xEDmite de ${maxSize}MB.`],
+          time: 5
+        });
+        return;
+      }
+      if (fileAccepted && !file.name.match(
+        new RegExp(
+          `(${fileAccepted.replace(/\./g, "\\.").replace(/,/g, "|")})$`,
+          "i"
+        )
+      )) {
+        setToast({
+          type: "error",
+          title: "Tipo de archivo no permitido",
+          listITems: [`El archivo "${file.name}" no es un tipo permitido.`],
+          seeMore: true,
+          time: 5
+        });
+        return;
+      }
+      nuevosArchivos.push({
+        name: file.name,
+        size: file.size,
+        type: file.type,
+        progress: 0,
+        uploadError: false
+      });
+      archivosValidos.push(file);
+    });
+    if (nuevosArchivos.length > 0) {
+      setFiles((prevFiles) => {
+        const updatedFiles = [...prevFiles, ...nuevosArchivos];
+        if (archivosValidos.length > 0) {
+          onChange == null ? void 0 : onChange([
+            ...archivosValidos,
+            ...prevFiles.map((f) => new File([], f.name, { type: f.type }))
+          ]);
+        }
+        return updatedFiles;
+      });
+    }
+    setOpen(false);
+    event2.target.value = "";
+  };
+  const handleDeleteFile = (fileToRemove) => __async(null, null, function* () {
+    try {
+      if (deleteAction) {
+        yield deleteAction(fileToRemove.name);
+      }
+      const updatedFiles = files.filter(
+        (file) => !(file.name === fileToRemove.name && file.size === fileToRemove.size)
+      );
+      setFiles(updatedFiles);
+      if (onChange) {
+        const remainingValidFiles = updatedFiles.filter((f) => !f.uploadError).map((f) => new File([], f.name, { type: f.type }));
+        onChange(remainingValidFiles);
+      }
+      setToast({
+        type: "success",
+        title: "Archivo eliminado",
+        listITems: [`El archivo "${fileToRemove.name}" ha sido eliminado exitosamente.`],
+        seeMore: true,
+        time: 3
+      });
+    } catch (error) {
+      setToast({
+        type: "error",
+        title: "Error al eliminar",
+        listITems: [`No se pudo eliminar el archivo "${fileToRemove.name}".`],
+        seeMore: true,
+        time: 5
+      });
+    }
+  });
+  const AttachtmentActions = [
+    { icon: /* @__PURE__ */ import_react52.default.createElement(import_icons_material13.FolderOpenOutlined, { type: "file", color: "primary" }), color: "primary", label: "Galer\xEDa", onClick: () => alert("diste click en Galeria") },
+    { icon: /* @__PURE__ */ import_react52.default.createElement(import_icons_material13.PhotoCameraOutlined, { type: "file", color: "success" }), color: "success", label: "C\xE1mara", onClick: () => alert("diste click en Camara") },
+    { icon: /* @__PURE__ */ import_react52.default.createElement(import_icons_material13.FolderOpenOutlined, { type: "file", color: "warning" }), color: "warning", label: "Archivos", onClick: () => {
+      var _a;
+      return (_a = inputRef.current) == null ? void 0 : _a.click();
+    } }
+  ];
+  (0, import_react52.useEffect)(() => {
+    if (initialFiles && initialFiles.length > 0) {
+      setFiles(initialFiles);
+    }
+  }, []);
+  return /* @__PURE__ */ import_react52.default.createElement(import_system.Box, { display: "flex", flexDirection: "column", gap: 1 }, /* @__PURE__ */ import_react52.default.createElement(import_system.Box, { display: "flex", width: "100%", justifyContent: "space-between", alignItems: "center", sx }, children, /* @__PURE__ */ import_react52.default.createElement(
+    AttachmentButton,
+    {
+      buttonAttachment,
+      open,
+      setOpen
+    }
+  )), /* @__PURE__ */ import_react52.default.createElement(import_CssBaseline.default, null), /* @__PURE__ */ import_react52.default.createElement(
+    import_material36.SwipeableDrawer,
+    {
+      ModalProps: {
+        sx: {
+          "& .MuiPaper-root": {
+            borderRadius: "16px 16px 0 0"
+          }
+        }
+      },
+      anchor: "bottom",
+      swipeAreaWidth: 56,
+      open,
+      onClose: toggleAttachment(false),
+      onOpen: toggleAttachment(true)
+    },
+    toast && /* @__PURE__ */ import_react52.default.createElement(SCToastNotification, __spreadValues({}, toast)),
+    /* @__PURE__ */ import_react52.default.createElement(import_system.Box, { display: "flex", flexDirection: "column", alignItems: "center", p: 2, gap: 2 }, /* @__PURE__ */ import_react52.default.createElement(import_system.Box, { display: "flex", width: "100%", justifyContent: "space-between", alignItems: "center", gap: 1, p: 1 }, /* @__PURE__ */ import_react52.default.createElement(import_material36.Typography, { variant: "h6", color: "text.primary" }, "Agregar adjuntos"), /* @__PURE__ */ import_react52.default.createElement(import_material36.IconButton, { size: "medium", onClick: toggleAttachment(false) }, /* @__PURE__ */ import_react52.default.createElement(import_icons_material13.CloseOutlined, { color: "action" }))), /* @__PURE__ */ import_react52.default.createElement(
+      "input",
+      {
+        type: "file",
+        multiple: true,
+        hidden: true,
+        ref: inputRef,
+        onChange: handleUpload
+      }
+    ), /* @__PURE__ */ import_react52.default.createElement(import_system.Box, { display: "flex", justifyContent: "space-around", alignItems: "center", width: "100%", gap: 2 }, AttachtmentActions.map((option, index) => /* @__PURE__ */ import_react52.default.createElement(
+      import_system.Box,
+      {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        width: 100,
+        height: 80,
+        borderRadius: 1,
+        bgcolor: "grey.100",
+        border: "1px solid",
+        borderColor: "grey.50",
+        boxShadow: 1,
+        justifyContent: "center",
+        p: 1,
+        gap: 1,
+        onClick: option.onClick,
+        sx: {
+          cursor: "pointer"
+        }
+      },
+      /* @__PURE__ */ import_react52.default.createElement(
+        import_material36.IconButton,
+        {
+          sx: {
+            bgcolor: getAttachmentColor(option.color)
+          },
+          size: "large"
+        },
+        option.icon
+      ),
+      /* @__PURE__ */ import_react52.default.createElement(import_material36.Typography, { variant: "body2", color: "text.primary" }, option.label)
+    ))))
+  ), files.length > 0 && /* @__PURE__ */ import_react52.default.createElement(
+    import_material36.Stack,
+    {
+      "data-testid": "ContenedorArchivosAdjuntos",
+      id: "ContenedorArchivosAdjuntos",
+      width: "100%",
+      sx: __spreadValues({
+        overflowY: "auto"
+      }, files.length > 5 && {
+        maxHeight: 250
+      }),
+      spacing: 1
+    },
+    files.map((file) => /* @__PURE__ */ import_react52.default.createElement(
+      import_material36.Stack,
+      {
+        height: 46,
+        key: file.name + (file.uploadError ? "_error" : ""),
+        direction: "row",
+        alignItems: "center",
+        justifyContent: "space-between",
+        gap: 2,
+        padding: 1,
+        borderRadius: 1,
+        sx: {
+          backgroundColor: file.uploadError ? "error.50" : "transparent",
+          ":hover": {
+            backgroundColor: file.uploadError ? "error.100" : "primary.50"
+          }
+        }
+      },
+      /* @__PURE__ */ import_react52.default.createElement(import_material36.Stack, { direction: "row", alignItems: "center", gap: 1, width: "100%" }, /* @__PURE__ */ import_react52.default.createElement(
+        import_icons_material13.UploadFileOutlined,
+        {
+          color: file.uploadError ? "error" : "primary",
+          fontSize: "small"
+        }
+      ), /* @__PURE__ */ import_react52.default.createElement(import_material36.Stack, { width: "100%" }, /* @__PURE__ */ import_react52.default.createElement(
+        import_material36.Typography,
+        {
+          variant: "body2",
+          color: "text.primary",
+          whiteSpace: "nowrap",
+          overflow: "hidden",
+          textOverflow: "ellipsis",
+          maxWidth: "310px"
+        },
+        file.name
+      ), /* @__PURE__ */ import_react52.default.createElement(
+        import_material36.Typography,
+        {
+          variant: "caption",
+          color: file.uploadError ? "error" : "text.secondary"
+        },
+        file.uploadError && file.size / (1024 * 1024) > maxSize ? "Archivo super\xF3 el l\xEDmite \u2022 Carga fallida" : file.uploadError ? "Archivo duplicado o inv\xE1lido \u2022 Carga fallida" : `${(file.size / (1024 * 1024)).toFixed(2)}MB \u2022 ${file.type}`
+      ))),
+      /* @__PURE__ */ import_react52.default.createElement(import_material36.Tooltip, { title: "Eliminar" }, /* @__PURE__ */ import_react52.default.createElement(
+        import_material36.IconButton,
+        {
+          size: "small",
+          onClick: () => handleDeleteFile(file),
+          "aria-label": `Eliminar ${file.name}`
+        },
+        /* @__PURE__ */ import_react52.default.createElement(import_icons_material13.DeleteOutline, { fontSize: "small", color: "action" })
+      ))
+    ))
+  ));
+};
+
 // src/Theme/index.ts
 var import_styles3 = require("@mui/material/styles");
 
 // src/Theme/components.ts
-var import_react51 = __toESM(require("react"), 1);
-var import_icons_material12 = require("@mui/icons-material");
+var import_react53 = __toESM(require("react"), 1);
+var import_icons_material14 = require("@mui/icons-material");
 var components = {
   MuiSelect: {
     styleOverrides: {
@@ -5603,10 +5937,10 @@ var components = {
   MuiAlert: {
     defaultProps: {
       iconMapping: {
-        success: import_react51.default.createElement(import_icons_material12.CheckCircleRounded),
-        error: import_react51.default.createElement(import_icons_material12.ErrorRounded),
-        warning: import_react51.default.createElement(import_icons_material12.WarningRounded),
-        info: import_react51.default.createElement(import_icons_material12.InfoRounded)
+        success: import_react53.default.createElement(import_icons_material14.CheckCircleRounded),
+        error: import_react53.default.createElement(import_icons_material14.ErrorRounded),
+        warning: import_react53.default.createElement(import_icons_material14.WarningRounded),
+        info: import_react53.default.createElement(import_icons_material14.InfoRounded)
       }
     },
     variants: [
@@ -6444,8 +6778,8 @@ var paletteADC = __spreadValues({
 }, BasicPalette);
 
 // src/Theme/breakpoints.ts
-var import_system = require("@mui/system");
-var breakpoints = (0, import_system.createBreakpoints)({
+var import_system2 = require("@mui/system");
+var breakpoints = (0, import_system2.createBreakpoints)({
   values: {
     xs: 0,
     sm: 600,
@@ -6649,6 +6983,7 @@ var ADCSincoTheme = (0, import_styles3.createTheme)(__spreadValues({}, ADCTheme)
   ADCSincoTheme,
   AdproSincoTheme,
   Attachment,
+  AttachmentMobile,
   BasicMenu,
   CALENDAR_CONSTANTS,
   Calendar,