componentes-sinco 1.0.36 → 1.0.38

package/dist/index.d.cts

@@ -94,7 +94,7 @@ interface DrawerProps<T> {
         fn: () => void;
         disabled?: boolean;
     }[] | boolean;
-    buttonDrawer?: {
+    buttonDrawer?: false | {
         type?: 'chip' | 'button';
         icon?: keyof typeof Muicon | any;
         text?: string;
@@ -108,6 +108,7 @@ interface DrawerProps<T> {
     open?: boolean;
     setOpen?: any;
     chipFilters?: any[];
+    heightDrawer?: number;
 }
 
 type ToastType = 'success' | 'error' | 'warning' | 'info';
@@ -134,7 +135,7 @@ declare const ToastProgress: (timeProgress: number) => {
     progressToast: number;
 };
 
-declare function SCDrawer<T>({ title, arrayElements, actions, buttonDrawer, colorTitle, anchor, width, open, setOpen, chipFilters, }: DrawerProps<T>): React__default.JSX.Element;
+declare function SCDrawer<T>({ title, arrayElements, actions, buttonDrawer, colorTitle, anchor, width, open, setOpen, chipFilters, heightDrawer, }: DrawerProps<T>): React__default.JSX.Element;
 
 interface FooterActionsProperties {
     label?: React.ReactNode;
@@ -432,12 +433,13 @@ interface Option$2 {
     title?: string;
     subtitle?: any;
     description?: any;
-    iconLeftColor?: 'inherit' | 'action' | 'disabled' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
+    iconLeftColor?: 'inherit' | 'action' | 'disabled' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' | any;
     iconLeft?: any | React__default.ReactNode | React__default.ReactElement | React__default.ElementType | null;
     iconRightColor?: 'inherit' | 'action' | 'disabled' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
     iconRight?: any | React__default.ReactNode | React__default.ReactElement | React__default.ElementType | null;
     divider?: boolean;
     disable?: boolean;
+    colorDisabled?: boolean;
     fn?: any;
 }
 interface SCListContentProps {
@@ -600,9 +602,10 @@ interface SCTimeProps {
     timeStep?: number;
     state: Dayjs | null;
     setState: (value: Dayjs | null) => void;
+    width?: string;
     error?: boolean;
 }
-declare const SCTime: ({ label, required, disabled, background, timeStep, state, setState, error }: SCTimeProps) => React__default.JSX.Element;
+declare const SCTime: ({ label, required, disabled, background, timeStep, state, setState, width, error, }: SCTimeProps) => React__default.JSX.Element;
 
 interface SCCardProps {
     title?: string;

package/dist/index.d.ts

@@ -94,7 +94,7 @@ interface DrawerProps<T> {
         fn: () => void;
         disabled?: boolean;
     }[] | boolean;
-    buttonDrawer?: {
+    buttonDrawer?: false | {
         type?: 'chip' | 'button';
         icon?: keyof typeof Muicon | any;
         text?: string;
@@ -108,6 +108,7 @@ interface DrawerProps<T> {
     open?: boolean;
     setOpen?: any;
     chipFilters?: any[];
+    heightDrawer?: number;
 }
 
 type ToastType = 'success' | 'error' | 'warning' | 'info';
@@ -134,7 +135,7 @@ declare const ToastProgress: (timeProgress: number) => {
     progressToast: number;
 };
 
-declare function SCDrawer<T>({ title, arrayElements, actions, buttonDrawer, colorTitle, anchor, width, open, setOpen, chipFilters, }: DrawerProps<T>): React__default.JSX.Element;
+declare function SCDrawer<T>({ title, arrayElements, actions, buttonDrawer, colorTitle, anchor, width, open, setOpen, chipFilters, heightDrawer, }: DrawerProps<T>): React__default.JSX.Element;
 
 interface FooterActionsProperties {
     label?: React.ReactNode;
@@ -432,12 +433,13 @@ interface Option$2 {
     title?: string;
     subtitle?: any;
     description?: any;
-    iconLeftColor?: 'inherit' | 'action' | 'disabled' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
+    iconLeftColor?: 'inherit' | 'action' | 'disabled' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' | any;
     iconLeft?: any | React__default.ReactNode | React__default.ReactElement | React__default.ElementType | null;
     iconRightColor?: 'inherit' | 'action' | 'disabled' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
     iconRight?: any | React__default.ReactNode | React__default.ReactElement | React__default.ElementType | null;
     divider?: boolean;
     disable?: boolean;
+    colorDisabled?: boolean;
     fn?: any;
 }
 interface SCListContentProps {
@@ -600,9 +602,10 @@ interface SCTimeProps {
     timeStep?: number;
     state: Dayjs | null;
     setState: (value: Dayjs | null) => void;
+    width?: string;
     error?: boolean;
 }
-declare const SCTime: ({ label, required, disabled, background, timeStep, state, setState, error }: SCTimeProps) => React__default.JSX.Element;
+declare const SCTime: ({ label, required, disabled, background, timeStep, state, setState, width, error, }: SCTimeProps) => React__default.JSX.Element;
 
 interface SCCardProps {
     title?: string;

package/dist/index.js

@@ -1662,6 +1662,10 @@ function SCSelect({
         disabled: disabled || false,
         error,
         MenuProps: {
+          sx: {
+            zIndex: 1400
+            // muy alto para que quede encima
+          },
           PaperProps: {
             sx: {
               maxHeight: "300px",
@@ -1890,6 +1894,12 @@ function SCAutocomplete({
         })
       )),
       slotProps: {
+        popper: {
+          sx: {
+            zIndex: 1400
+            // controla el contenedor flotante
+          }
+        },
         listbox: {
           component: React11.forwardRef(function ListboxComponent(props, ref) {
             return /* @__PURE__ */ React11.createElement(React11.Fragment, null, /* @__PURE__ */ React11.createElement(
@@ -2033,6 +2043,12 @@ var SCDateRange = ({
         field: MultiInputDateRangeField
       },
       slotProps: {
+        popper: {
+          sx: {
+            zIndex: 1400
+            // muy alto para que quede encima
+          }
+        },
         textField: ({ position }) => {
           const isStart = position === "start";
           return {
@@ -2207,7 +2223,7 @@ var DrawerActions = ({ actions, anchor }) => {
   return /* @__PURE__ */ React14.createElement(
     Grid4,
     {
-      sx: { borderTop: 1, borderColor: "#1018403B" },
+      sx: { borderTop: 1, borderColor: "#1018403B", zIndex: 1500 },
       container: true,
       gap: 2,
       padding: "8px 12px",
@@ -2275,9 +2291,10 @@ function SCDrawer({
   width,
   open,
   setOpen,
-  chipFilters
+  chipFilters,
+  heightDrawer = 456
 }) {
-  const drawerBleeding = 56;
+  const drawerBleeding = heightDrawer;
   const { drawerOpen, handleDrawerClose, toggleDrawer } = useDrawerState({ open, setOpen });
   const { toast, setToastWithDelay } = useToast();
   const {
@@ -2333,7 +2350,7 @@ function SCDrawer({
         onDeleteFilter: handleDeleteFilter
       }
     ),
-    /* @__PURE__ */ React16.createElement(
+    buttonDrawer && /* @__PURE__ */ React16.createElement(
       DrawerButton,
       {
         buttonDrawer,
@@ -2371,6 +2388,7 @@ function SCDrawer({
       anchor: "bottom",
       swipeAreaWidth: drawerBleeding,
       sx: {
+        zIndex: 1400,
         "& .MuiDrawer-paper": {
           width: "auto",
           height: `calc(50% - ${drawerBleeding}px)`,
@@ -3328,7 +3346,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__ */ React27.createElement(DialogActions, { sx: { gap: 1, m: 0, padding: "12px 16px 12px 16px", justifyContent: dialogActions.length >= 3 ? "space-between" : "flex-end" } }, typeView !== "mobile" ? /* @__PURE__ */ React27.createElement(React27.Fragment, null, dialogActions.length >= 3 ? /* @__PURE__ */ React27.createElement(React27.Fragment, null, /* @__PURE__ */ React27.createElement(
+    dialogActions != void 0 && dialogActions != false ? Array.isArray(dialogActions) && (dialogActions == null ? void 0 : dialogActions.length) > 0 ? /* @__PURE__ */ React27.createElement(DialogActions, { sx: { zIndex: 1200, gap: 1, m: 0, padding: "12px 16px 12px 16px", justifyContent: dialogActions.length >= 3 ? "space-between" : "flex-end" } }, typeView !== "mobile" ? /* @__PURE__ */ React27.createElement(React27.Fragment, null, dialogActions.length >= 3 ? /* @__PURE__ */ React27.createElement(React27.Fragment, null, /* @__PURE__ */ React27.createElement(
       Button11,
       {
         variant: "text",
@@ -3407,17 +3425,19 @@ var SCListContent = ({ options, iconLeftType = "Icon", iconRightType = "Icon" })
       ListItemButton,
       {
         disabled: option.disable,
-        onClick: option.fn
+        onClick: option.fn,
+        sx: { gap: 1 }
       },
-      option.iconLeft ? iconLeftType == "Icon" ? /* @__PURE__ */ React28.createElement(ListItemIcon4, { sx: { minWidth: "0px !important", marginRight: "8px" } }, /* @__PURE__ */ React28.createElement(SvgIcon6, { fontSize: "small", color: option.iconLeftColor || "action", component: option.iconLeft })) : /* @__PURE__ */ React28.createElement(Avatar, null, ((_a = option.iconLeft) == null ? void 0 : _a.type) != void 0 ? /* @__PURE__ */ React28.createElement(SvgIcon6, { fontSize: "small", color: option.iconLeftColor || "action", component: option.iconLeft }) : option.iconLeft) : "",
+      option.iconLeft ? iconLeftType == "Icon" ? /* @__PURE__ */ React28.createElement(ListItemIcon4, { sx: { minWidth: "0px !important" } }, /* @__PURE__ */ React28.createElement(SvgIcon6, { fontSize: "small", sx: { color: option.iconLeftColor || "action" }, component: option.iconLeft })) : /* @__PURE__ */ React28.createElement(Avatar, { sx: { width: 25, height: 25, fontSize: "11px", bgcolor: option.iconLeftColor ? `${option.iconLeftColor}.main` : "default" } }, ((_a = option.iconLeft) == null ? void 0 : _a.type) != void 0 ? /* @__PURE__ */ React28.createElement(SvgIcon6, { fontSize: "small", component: option.iconLeft }) : option.iconLeft) : "",
       /* @__PURE__ */ React28.createElement(
         ListItemText3,
         {
+          sx: { color: option.colorDisabled == true ? "text.disabled" : "default" },
           primary: option.title,
-          secondary: /* @__PURE__ */ React28.createElement(Grid9, { gap: 0.5 }, /* @__PURE__ */ React28.createElement(Grid9, { container: true, gap: 0.5 }, option.subtitle), /* @__PURE__ */ React28.createElement(Grid9, { container: true, gap: 0.5 }, option.description))
+          secondary: /* @__PURE__ */ React28.createElement(Grid9, { gap: 0.5 }, /* @__PURE__ */ React28.createElement(Grid9, { container: true, gap: 0.5, sx: { color: option.colorDisabled == true ? "text.disabled" : "default" } }, option.subtitle), /* @__PURE__ */ React28.createElement(Grid9, { container: true, gap: 0.5, sx: { color: option.colorDisabled == true ? "text.disabled" : "default" } }, option.description))
         }
       ),
-      option.iconRight ? iconRightType == "Icon" ? /* @__PURE__ */ React28.createElement(ListItemIcon4, { sx: { minWidth: "0px !important", marginRight: "8px" } }, /* @__PURE__ */ React28.createElement(SvgIcon6, { fontSize: "small", color: option.iconRightColor || "action", component: option.iconRight })) : /* @__PURE__ */ React28.createElement(Avatar, null, ((_b = option.iconRight) == null ? void 0 : _b.type) != void 0 ? /* @__PURE__ */ React28.createElement(SvgIcon6, { fontSize: "small", color: option.iconRightColor || "action", component: option.iconRight }) : option.iconRight) : ""
+      option.iconRight ? iconRightType == "Icon" ? /* @__PURE__ */ React28.createElement(ListItemIcon4, { sx: { minWidth: "0px !important", marginRight: "8px" } }, /* @__PURE__ */ React28.createElement(SvgIcon6, { fontSize: "small", sx: { color: option.iconRightColor || "action" }, component: option.iconRight })) : /* @__PURE__ */ React28.createElement(Avatar, { variant: "circular", sx: { width: 20, height: 20 } }, ((_b = option.iconRight) == null ? void 0 : _b.type) != void 0 ? /* @__PURE__ */ React28.createElement(SvgIcon6, { fontSize: "small", color: option.iconRightColor || "action", component: option.iconRight }) : option.iconRight) : ""
     ), option.divider == true ? /* @__PURE__ */ React28.createElement(Divider4, null) : "");
   })));
 };
@@ -4491,7 +4511,8 @@ var SCTime = ({
   timeStep = 5,
   state,
   setState,
-  error
+  width,
+  error = false
 }) => {
   LicenseInfo3.setLicenseKey(
     "77d49a57fbc5f4af35ddb05c5f1742e0Tz0xMTI3MjgsRT0xNzc4MzcxMTk5MDAwLFM9cHJvLExNPXN1YnNjcmlwdGlvbixQVj1RMy0yMDI0LEtWPTI="
@@ -4531,7 +4552,7 @@ var SCTime = ({
     setIsOpenPopover(false);
     setAnchorEl(null);
   };
-  return /* @__PURE__ */ React40.createElement(LocalizationProvider3, { dateAdapter: AdapterDayjs2 }, /* @__PURE__ */ React40.createElement(Box25, { sx: { position: "relative", width: "120px" } }, /* @__PURE__ */ React40.createElement(
+  return /* @__PURE__ */ React40.createElement(LocalizationProvider3, { dateAdapter: AdapterDayjs2 }, /* @__PURE__ */ React40.createElement(Box25, { sx: { position: "relative", width: width != null ? width : "99%" } }, /* @__PURE__ */ React40.createElement(
     TimeField,
     {
       label,
@@ -4588,6 +4609,7 @@ var SCTime = ({
       },
       marginThreshold: 0,
       disableScrollLock: true,
+      sx: { zIndex: "1400" },
       slotProps: {
         paper: {
           sx: {
@@ -4595,7 +4617,8 @@ var SCTime = ({
             borderRadius: 1,
             border: "1px solid #e0e0e0",
             maxHeight: "300px",
-            overflow: "visible"
+            overflow: "visible",
+            width: width != null ? width : "100%"
           }
         }
       }
@@ -4806,11 +4829,11 @@ var SCActivityCalendar = ({
             options: [{
               title: event2.activityDescription,
               subtitle: /* @__PURE__ */ React42.createElement(React42.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__ */ React42.createElement(React42.Fragment, null, /* @__PURE__ */ React42.createElement(Typography25, null, "Todo el dia"), /* @__PURE__ */ React42.createElement(LightModeOutlinedIcon, { fontSize: "small" })) : /* @__PURE__ */ React42.createElement(React42.Fragment, null, /* @__PURE__ */ React42.createElement(Typography25, null, new Date(event2.date.replace("00:00:00", event2.startTime)).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: true })), /* @__PURE__ */ React42.createElement(ArrowForwardIcon, { fontSize: "small" }), /* @__PURE__ */ React42.createElement(Typography25, 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",
+              iconLeftColor: event2.state === "Finalizada" ? "#C7E49D" : "action",
               iconLeft: event2.state === "Finalizada" ? "CheckCircle" : event2.state === "Aplazada" ? "EventBusyOutlined" : event2.state === "En progreso" ? "PendingOutlined" : "RadioButtonUnchecked",
               description: /* @__PURE__ */ React42.createElement(React42.Fragment, null, event2.state === "Aplazada" || event2.state === "En progreso" || event2.state === "Auto asignada" ? /* @__PURE__ */ React42.createElement(React42.Fragment, null, /* @__PURE__ */ React42.createElement(Badge2, { variant: "dot", badgeContent: "", sx: { display: "flex", alignItems: "center", "& .MuiBadge-badge": { top: "50%", transform: "translateY(-50%)" }, color: "action" } }), /* @__PURE__ */ React42.createElement(Typography25, null, event2.state == "Auto asignada" ? "Adicional" : event2.state)) : null),
               divider: eventosDelDia.length === idx + 1 ? false : true,
-              disable: event2.state === "Finalizada" || event2.state === "Aplazada" || event2.state === "En progreso" ? true : false,
+              colorDisabled: event2.state === "Finalizada" || event2.state === "Aplazada" || event2.state === "En progreso" ? true : false,
               fn: fn ? () => fn(event2) : void 0
             }]
           }
@@ -4832,7 +4855,8 @@ var SCActivityCalendar = ({
 };
 
 // src/Components/Adjuntar/mobile/AdjuntarMobile.tsx
-import React44, { useEffect as useEffect21, useRef as useRef8, useState as useState24 } from "react";
+import React44, { useEffect as useEffect21, useRef as useRef8, useState as useState24, useCallback as useCallback5 } from "react";
+import Webcam from "react-webcam";
 
 // src/Components/Adjuntar/mobile/components/button.tsx
 import React43, { useMemo as useMemo5 } from "react";
@@ -4886,6 +4910,8 @@ import { IconButton as IconButton16, Stack as Stack14, SwipeableDrawer as Swipea
 import CssBaseline from "@mui/material/CssBaseline";
 import { Box as Box28 } from "@mui/system";
 import { CloseOutlined, DeleteOutline as DeleteOutline2, FolderOpenOutlined, PhotoCameraOutlined, UploadFileOutlined as UploadFileOutlined2 } from "@mui/icons-material";
+import PhotoCameraIcon from "@mui/icons-material/PhotoCamera";
+import CancelOutlinedIcon from "@mui/icons-material/CancelOutlined";
 var AttachmentMobile = ({
   buttonAttachment,
   maxSize = 400,
@@ -4896,15 +4922,54 @@ var AttachmentMobile = ({
   onChange,
   sx
 }) => {
+  const webcamRef = useRef8(null);
+  const [abrirCamara, setAbrirCamara] = useState24(false);
+  const [capturedImage, setCapturedImage] = useState24(null);
   const [files, setFiles] = useState24([]);
   const [toast, setToast] = useState24(null);
   const [open, setOpen] = React44.useState(false);
   const toggleAttachment = (newOpen) => () => {
     setOpen(newOpen);
   };
+  const closeCam = () => {
+    setAbrirCamara(false);
+  };
+  const openCam = () => {
+    setOpen(false);
+    setAbrirCamara(true);
+  };
+  let capturedImage2 = null;
+  const capture = useCallback5((e) => {
+    if (webcamRef.current) {
+      const imageSrc = webcamRef.current.getScreenshot();
+      setCapturedImage(imageSrc);
+      capturedImage2 = imageSrc;
+      setOpen(false);
+      toggleAttachment(false);
+      setAbrirCamara(false);
+      handleUpload(e);
+    }
+  }, [webcamRef, setCapturedImage]);
   const inputRef = useRef8(null);
   const handleUpload = (event2) => {
-    const newFiles = event2.target.files;
+    var _a;
+    let newFiles = event2.target.files;
+    if (capturedImage || capturedImage2) {
+      const image = capturedImage || capturedImage2;
+      if (!image) return;
+      const arr = image.split(",");
+      const mime = ((_a = arr[0].match(/:(.*?);/)) == null ? void 0 : _a[1]) || "image/jpeg";
+      const bstr = atob(arr[1]);
+      let n = bstr.length;
+      const u8arr = new Uint8Array(n);
+      while (n--) {
+        u8arr[n] = bstr.charCodeAt(n);
+      }
+      const fechaActual = new Date(Date.now());
+      const fechaConFormato = fechaActual.getFullYear() + "" + (fechaActual.getMonth() + 1) + fechaActual.getDate();
+      const capturedFile = new File([u8arr], `photo_${fechaConFormato}.jpg`, { type: mime });
+      newFiles = [capturedFile];
+    }
     if (!newFiles) return;
     const nuevosArchivos = [];
     const archivosValidos = [];
@@ -5010,8 +5075,11 @@ var AttachmentMobile = ({
     }
   });
   const AttachtmentActions = [
-    { icon: /* @__PURE__ */ React44.createElement(FolderOpenOutlined, { type: "file", color: "primary" }), color: "primary", label: "Galer\xEDa", onClick: () => alert("diste click en Galeria") },
-    { icon: /* @__PURE__ */ React44.createElement(PhotoCameraOutlined, { type: "file", color: "success" }), color: "success", label: "C\xE1mara", onClick: () => alert("diste click en Camara") },
+    { icon: /* @__PURE__ */ React44.createElement(FolderOpenOutlined, { type: "file", color: "primary" }), color: "primary", label: "Galer\xEDa", onClick: () => {
+      var _a;
+      return (_a = inputRef.current) == null ? void 0 : _a.click();
+    } },
+    { icon: /* @__PURE__ */ React44.createElement(PhotoCameraOutlined, { type: "file", color: "success" }), color: "success", label: "C\xE1mara", onClick: () => openCam() },
     { icon: /* @__PURE__ */ React44.createElement(FolderOpenOutlined, { type: "file", color: "warning" }), color: "warning", label: "Archivos", onClick: () => {
       var _a;
       return (_a = inputRef.current) == null ? void 0 : _a.click();
@@ -5034,6 +5102,7 @@ var AttachmentMobile = ({
     {
       ModalProps: {
         sx: {
+          zIndex: 1400,
           "& .MuiPaper-root": {
             borderRadius: "16px 16px 0 0"
           }
@@ -5088,7 +5157,49 @@ var AttachmentMobile = ({
       ),
       /* @__PURE__ */ React44.createElement(Typography26, { variant: "body2", color: "text.primary" }, option.label)
     ))))
-  ), files.length > 0 && /* @__PURE__ */ React44.createElement(
+  ), abrirCamara && /* @__PURE__ */ React44.createElement(React44.Fragment, null, /* @__PURE__ */ React44.createElement(CancelOutlinedIcon, { onClick: closeCam, sx: { borderRadius: "50px", height: "35px", width: "35px", zIndex: 1700, background: "white", position: "absolute", left: `calc(100% - 50px)`, bottom: `calc(100% - 50px)` } }), /* @__PURE__ */ React44.createElement(Stack14, { className: "camras" }, /* @__PURE__ */ React44.createElement(
+    Webcam,
+    {
+      audio: false,
+      ref: webcamRef,
+      width: "100%",
+      height: "100%",
+      screenshotFormat: "image/jpeg",
+      videoConstraints: {
+        //facingMode: { exact: "environment" }
+        facingMode: "user"
+        //facingMode: "environment" // cámara trasera
+      },
+      style: {
+        position: "fixed",
+        // Fijo para cubrir toda la ventana
+        top: 0,
+        left: 0,
+        objectFit: "cover",
+        backgroundColor: "black",
+        zIndex: 1600
+        // Encima de todo
+      }
+    }
+  ), /* @__PURE__ */ React44.createElement(
+    PhotoCameraIcon,
+    {
+      onClick: capture,
+      sx: {
+        height: "45px",
+        width: "45px",
+        padding: "6px",
+        backgroundColor: "white",
+        color: "#1E62A1",
+        borderRadius: "50px",
+        zIndex: 1700,
+        position: "absolute",
+        bottom: "10px",
+        left: "50%"
+      },
+      fontSize: "medium"
+    }
+  ))), files.length > 0 && /* @__PURE__ */ React44.createElement(
     Stack14,
     {
       "data-testid": "ContenedorArchivosAdjuntos",