@m4l/components 0.0.35 → 0.0.36

package/dist/components/CompanyLogo/index.js

@@ -59,7 +59,7 @@ const CompanyLogo = (props) => {
   const width = size === "small" ? "50px" : "380px";
   const {
     host_static_assets,
-    environment
+    environment_assets
   } = useEnvironment();
   const mdUp = useResponsive("up", "md");
   if (isSkeleton) {
@@ -72,7 +72,7 @@ const CompanyLogo = (props) => {
     });
   }
   return /* @__PURE__ */ jsx(Image, {
-    src: `${host_static_assets}/${environment}/frontend/commons/assets/icons/${size === "small" ? "isotipo_m4l.svg" : "logotipo_m4l.svg"}`,
+    src: `${host_static_assets}/${environment_assets}/frontend/commons/assets/icons/${size === "small" ? "isotipo_m4l.svg" : "logotipo_m4l.svg"}`,
     effect: "opacity",
     width,
     height,

package/dist/components/DataGrid/index.js

@@ -968,7 +968,7 @@ function Filter() {
   } = useFilters();
   const {
     host_static_assets,
-    environment
+    environment_assets
   } = useEnvironment();
   const toggleIcon = () => {
     setActiveFilters(!activeFilters);
@@ -986,7 +986,7 @@ function Filter() {
     dictionaryTooltip: activeFilters ? "grid.filter_hide" : "grid.filter_show",
     onClick: toggleIcon,
     "aria-label": "filter",
-    src: `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/filter.svg`
+    src: `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/filter.svg`
   });
 }
 const WrapperColumnsConfig = styled("div")(({ theme }) => ({
@@ -1075,7 +1075,7 @@ const ColumnsConfig = forwardRef((props, ref) => {
   const divRef = useRef(null);
   const {
     host_static_assets,
-    environment
+    environment_assets
   } = useEnvironment();
   useImperativeHandle(ref, () => ({
     onClickIntro: handleIntro,
@@ -1258,40 +1258,40 @@ const ColumnsConfig = forwardRef((props, ref) => {
         onClick: handleMoveFirst,
         "aria-label": "move first place",
         disabled: rowSelectedIndex < 1,
-        src: `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/move_first_place.svg`
+        src: `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/move_first_place.svg`
       }), /* @__PURE__ */ jsx(IconButton, {
         dictionaryTooltip: "grid.settings_move_up",
         onClick: () => handleMoveUpDownd(-1),
         "aria-label": "move up place",
         disabled: rowSelectedIndex < 1,
-        src: `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/move_up_place.svg`
+        src: `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/move_up_place.svg`
       }), /* @__PURE__ */ jsx(IconButton, {
         dictionaryTooltip: "grid.settings_move_last",
         onClick: handleMoveLast,
         "aria-label": "move last place",
         disabled: !!(rowSelectedIndex === rows.length - 1 || rowSelectedIndex === -1),
-        src: `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/move_last_place.svg`
+        src: `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/move_last_place.svg`
       }), /* @__PURE__ */ jsx(IconButton, {
         dictionaryTooltip: "grid.settings_move_down",
         onClick: () => handleMoveUpDownd(1),
         "aria-label": "move down place",
         disabled: !!(rowSelectedIndex === rows.length - 1 || rowSelectedIndex === -1),
-        src: `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/move_down_place.svg`
+        src: `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/move_down_place.svg`
       }), /* @__PURE__ */ jsx(IconButton, {
         dictionaryTooltip: "grid.settings_visible_all",
         onClick: checkAll,
         "aria-label": "check visible all",
-        src: `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/check_all.svg`
+        src: `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/check_all.svg`
       }), /* @__PURE__ */ jsx(IconButton, {
         dictionaryTooltip: "grid.settings_no_visible_all",
         onClick: unCheckAll,
         "aria-label": "un check all",
-        src: `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/uncheck_all.svg`
+        src: `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/uncheck_all.svg`
       }), /* @__PURE__ */ jsx(IconButton, {
         dictionaryTooltip: "grid.settings_restore",
         onClick: restoreAll,
         "aria-label": "Restore columns",
-        src: `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/restore_columns.svg`
+        src: `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/restore_columns.svg`
       })]
     })]
   });
@@ -1319,7 +1319,7 @@ function Settings() {
   } = useModuleDictionary();
   const {
     host_static_assets,
-    environment
+    environment_assets
   } = useEnvironment();
   const ref = useRef(null);
   const onCloseSettings = useCallback(() => {
@@ -1362,7 +1362,7 @@ function Settings() {
     dictionaryTooltip: "grid.settings_tooltip",
     onClick: onClickSettings,
     "aria-label": "settings",
-    src: `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/configuration.svg`
+    src: `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/configuration.svg`
   });
 }
 const Container = styled("div")(() => ({
@@ -1429,7 +1429,7 @@ const SKTWrapperDensity = styled("div")(({ theme }) => ({
 function Density() {
   const {
     host_static_assets,
-    environment
+    environment_assets
   } = useEnvironment();
   const {
     rowHeights,
@@ -1445,31 +1445,31 @@ function Density() {
       return [];
     }
     return [{
-      urlIcon: `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/compact.svg`,
+      urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/compact.svg`,
       onClick: () => setRowHeightVariant("compact"),
       disabled: currentRowHeightVariant === "compact",
       dictionaryField: "grid.density_compact"
     }, {
-      urlIcon: `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/standard.svg`,
+      urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/standard.svg`,
       onClick: () => setRowHeightVariant("standard"),
       disabled: currentRowHeightVariant === "standard",
       dictionaryField: "grid.density_standard"
     }, {
-      urlIcon: `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/confortable.svg`,
+      urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/confortable.svg`,
       onClick: () => setRowHeightVariant("confortable"),
       disabled: currentRowHeightVariant === "confortable",
       dictionaryField: "grid.density_confortable"
     }];
-  }, [rowHeights, currentRowHeightVariant, setRowHeightVariant, host_static_assets, environment]);
+  }, [rowHeights, currentRowHeightVariant, setRowHeightVariant, host_static_assets, environment_assets]);
   const currenViewIcon = useMemo(() => {
     if (currentRowHeightVariant === "compact") {
-      return `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/compact.svg`;
+      return `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/compact.svg`;
     }
     if (currentRowHeightVariant === "standard") {
-      return `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/standard.svg`;
+      return `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/standard.svg`;
     }
-    return `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/confortable.svg`;
-  }, [currentRowHeightVariant, host_static_assets, environment]);
+    return `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/confortable.svg`;
+  }, [currentRowHeightVariant, host_static_assets, environment_assets]);
   if (menuActions.length === 0) {
     return /* @__PURE__ */ jsx(Fragment, {});
   }

package/dist/components/DynamicFilter/index.js

@@ -1,7 +1,7 @@
 import { S as ScrollBar } from "../ScrollBar/index.js";
 import { styled } from "@mui/material/styles";
 import { useRef, useState, useMemo, useCallback, useEffect, createContext, useContext } from "react";
-import { useModuleDictionary, voidFunction, useHostTools, useEnvironment, useFlagsPresent } from "@m4l/core";
+import { useModuleDictionary, useEnvironment, voidFunction, useHostTools, useFlagsPresent } from "@m4l/core";
 import * as Yup from "yup";
 import { useFormContext, useWatch } from "react-hook-form";
 import { F as FormProvider } from "../hook-form/FormProvider/index.js";
@@ -282,6 +282,11 @@ function DateTimeFilter() {
   const {
     getLabel
   } = useModuleDictionary();
+  const {
+    dfnsFormat: {
+      datetime_format
+    }
+  } = useEnvironment();
   const {
     popupData: {
       filter,
@@ -316,10 +321,10 @@ function DateTimeFilter() {
     };
     if (data.valueOperator.id === "b") {
       newFilter.operand2 = data.valueOperand2.toISOString();
-      newFilter.labelOperands = `${format(data.valueOperand1, "yyyy-MM-dd HH:mm:ss")} - ${format(data.valueOperand2, "yyyy-MM-dd HH:mm:ss")}`;
+      newFilter.labelOperands = `${format(data.valueOperand1, datetime_format)} - ${format(data.valueOperand2, datetime_format)}`;
     } else {
       newFilter.operand2 = newFilter.operand2 ? newFilter.operand2 : newFilter.operand1;
-      newFilter.labelOperands = format(data.valueOperand1, "yyyy-MM-dd HH:mm:ss");
+      newFilter.labelOperands = format(data.valueOperand1, datetime_format);
     }
     return newFilter;
   }, []);
@@ -620,12 +625,17 @@ function BaseProvider(props) {
   } = useModuleDictionary();
   const [popupValidationSchema, setInternalPopupValidationSchema] = useState(Yup.object().shape({}));
   const [fnTransformFormValuesIntoRawValues, setInternalfnTransormFormValuesIntoRawValues] = useState(() => void 0);
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
   const all_fields = useMemo(() => {
     return {
       ...ALL_FIELDS,
-      label: getLabel("filter.all_fields")
+      label: getLabel("filter.all_fields"),
+      urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/filter/assets/icons/all_fields.svg`
     };
-  }, [getLabel]);
+  }, [getLabel, host_static_assets, environment_assets]);
   const [inEdition, setInEdition] = useState(false);
   const [isDirty, setIsDirty] = useState(!automatic);
   const [isValid, setIsValid] = useState(false);
@@ -882,7 +892,7 @@ function ApplyedFilter(props) {
   } = useBase();
   const {
     host_static_assets,
-    environment
+    environment_assets
   } = useEnvironment();
   console.log("fieldName by ApplyedFilter 1", getFieldByName(fieldName));
   const field = useMemo(() => {
@@ -924,7 +934,7 @@ function ApplyedFilter(props) {
         children: labelOperands
       })]
     }), !fixed && /* @__PURE__ */ jsx(IconButton, {
-      src: `${host_static_assets}/${environment}/frontend/components/dynamic_filter/assets/icons/close.svg`,
+      src: `${host_static_assets}/${environment_assets}/frontend/components/dynamic_filter/assets/icons/close.svg`,
       onClick: onDelete
     })]
   });
@@ -971,7 +981,7 @@ const WrapperClearFilters = styled$1("div")(({
 const ClearFilters = () => {
   const {
     host_static_assets,
-    environment
+    environment_assets
   } = useEnvironment();
   const {
     clearFilters,
@@ -991,7 +1001,7 @@ const ClearFilters = () => {
   if (applyedFilters.findIndex((f) => f.fixed == false) > -1) {
     return /* @__PURE__ */ jsx(WrapperClearFilters, {
       children: /* @__PURE__ */ jsx(IconButton, {
-        src: `${host_static_assets}/${environment}/frontend/components/dynamic_filter/assets/icons/clear.svg`,
+        src: `${host_static_assets}/${environment_assets}/frontend/components/dynamic_filter/assets/icons/clear.svg`,
         onClick: clearFilters
       })
     });
@@ -1040,7 +1050,7 @@ function FilterButton() {
   } = useBase();
   const {
     host_static_assets,
-    environment
+    environment_assets
   } = useEnvironment();
   console.log("Render isDirty", isDirty, automatic);
   if (isSkeleton) {
@@ -1068,7 +1078,7 @@ function FilterButton() {
       dictionaryTooltip: "filter.filter_tooltip",
       onClick: () => fireOnChangeFilters(),
       "aria-label": "settings",
-      src: `${host_static_assets}/${environment}/frontend/components/dynamic_filter/assets/icons/${automatic ? "refresh" : "search"}.svg`
+      src: `${host_static_assets}/${environment_assets}/frontend/components/dynamic_filter/assets/icons/${automatic ? "refresh" : "search"}.svg`
     })
   });
 }

package/dist/components/Icon/index.js

@@ -34,9 +34,10 @@ function Icon(props) {
     (async function networkOperation() {
       await fetch(src).then((response) => {
         if (mounted) {
+          console.log("Icon***", response.body);
           setResource(response.url);
         }
-      }).catch((err) => {
+      }).catch((_err) => {
       });
     })();
     return function clenUp() {
@@ -50,7 +51,7 @@ function Icon(props) {
     width,
     height,
     children: resource ? /* @__PURE__ */ jsx(MaskIcon, {
-      src,
+      src: resource,
       width,
       height,
       bgColor

package/dist/components/ModalDialog/index.js

@@ -54,7 +54,7 @@ const ModalTitle = styled("div")(({ theme, variant }) => ({
 const Header = (props) => {
   const {
     host_static_assets,
-    environment
+    environment_assets
   } = useEnvironment();
   const {
     variant,
@@ -63,10 +63,10 @@ const Header = (props) => {
     withClose,
     onCloseModal
   } = props;
-  const iconSrcWarning = `${host_static_assets}/${environment}/frontend/components/dialog/assets/icons/warning.svg`;
-  const iconSrcError = `${host_static_assets}/${environment}/frontend/components/dialog/assets/icons/error.svg`;
-  const iconSrcInfo = `${host_static_assets}/${environment}/frontend/components/dialog/assets/icons/info.svg`;
-  const iconDefault = `${host_static_assets}/${environment}/frontend/components/dialog/assets/icons/icon_bar_tittle.svg`;
+  const iconSrcWarning = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/warning.svg`;
+  const iconSrcError = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/error.svg`;
+  const iconSrcInfo = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/info.svg`;
+  const iconDefault = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/icon_bar_tittle.svg`;
   return /* @__PURE__ */ jsxs(Header$1, {
     id: "Header",
     children: [/* @__PURE__ */ jsxs(IconTitleContainer, {
@@ -84,7 +84,7 @@ const Header = (props) => {
       onClick: onCloseModal,
       "aria-label": "click",
       children: /* @__PURE__ */ jsx(Icon, {
-        src: `${host_static_assets}/${environment}/frontend/components/dialog/assets/icons/close.svg`
+        src: `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/close.svg`
       })
     })]
   });

package/dist/components/NoItemSelected/index.js

@@ -50,12 +50,12 @@ const Label = styled("span")(({
 function NoItemSelected() {
   const {
     host_static_assets,
-    environment
+    environment_assets
   } = useEnvironment();
   const {
     getLabel
   } = useModuleDictionary();
-  const src = `${host_static_assets}/${environment}/frontend/components/no_item_selected/assets/icons/no_selected.svg`;
+  const src = `${host_static_assets}/${environment_assets}/frontend/components/no_item_selected/assets/icons/no_selected.svg`;
   return /* @__PURE__ */ jsxs(WrapperNoItemSelected, {
     id: "Wrapper",
     children: [/* @__PURE__ */ jsx(Image, {

package/dist/components/ObjectLogs/index.js

@@ -96,7 +96,7 @@ function DetailFormatter(props) {
   } = useModuleDictionary();
   const {
     host_static_assets,
-    environment
+    environment_assets
   } = useEnvironment();
   const onClickDetail = () => {
     openModal({
@@ -116,7 +116,7 @@ function DetailFormatter(props) {
       onClick: onClickDetail,
       "aria-label": "filter",
       children: /* @__PURE__ */ jsx(Icon, {
-        src: `${host_static_assets}/${environment}/frontend/components/object_logs/assets/icons/search.svg`
+        src: `${host_static_assets}/${environment_assets}/frontend/components/object_logs/assets/icons/search.svg`
       })
     })
   });
@@ -196,7 +196,7 @@ function ObjectLogs(props) {
     children: [/* @__PURE__ */ jsx(Actions, {
       id: "objectLogsActions",
       children: /* @__PURE__ */ jsx(DynamicFilter, {
-        withAllField: false,
+        withAllField: true,
         onChangeFilter,
         automatic: false,
         fields: [{
@@ -206,6 +206,13 @@ function ObjectLogs(props) {
           multiple: false,
           fixed: true,
           urlIcon: "https://s3.amazonaws.com/static.made4labs/environments/d1/frontend/components/icon/assets/icons/default.svg"
+        }, {
+          name: "user_logs.log_detail",
+          label: getLabel("object_logs.log_detail"),
+          type: "string",
+          multiple: false,
+          fixed: false,
+          urlIcon: "https://s3.amazonaws.com/static.made4labs/environments/d1/frontend/components/icon/assets/icons/default.svg"
         }],
         initialFilters: []
       })

package/dist/components/hook-form/RHFDateTime.js

@@ -2,6 +2,7 @@ import { useFormContext, Controller } from "react-hook-form";
 import { Skeleton, TextField } from "@mui/material";
 import { styled } from "@mui/material/styles";
 import { DateTimePicker } from "@mui/x-date-pickers";
+import { useEnvironment } from "@m4l/core";
 import { jsx } from "react/jsx-runtime";
 const SKTRHFWrapperTextField = styled("div")(({
   theme
@@ -27,6 +28,12 @@ function RHFDateTime(props) {
   const {
     control
   } = useFormContext();
+  const {
+    dfnsFormat: {
+      datetime_format,
+      datetime_mask
+    }
+  } = useEnvironment();
   if (isSkeleton) {
     return /* @__PURE__ */ jsx(SKTRHFWrapperTextField, {
       children: /* @__PURE__ */ jsx(Skeleton, {
@@ -47,8 +54,8 @@ function RHFDateTime(props) {
     }) => {
       return /* @__PURE__ */ jsx(DateTimePicker, {
         ampm: false,
-        inputFormat: "yyyy-MM-dd HH:mm:ss",
-        mask: "____-__-__ __:__:__",
+        inputFormat: datetime_format,
+        mask: datetime_mask,
         label: "",
         value: field.value,
         onChange: (value) => {

package/dist/components/hook-form/RHFUpload.js

@@ -133,7 +133,7 @@ function UploadImage({
   });
   const {
     host_static_assets,
-    environment
+    environment_assets
   } = useEnvironment();
   const {
     getLabel
@@ -183,7 +183,7 @@ function UploadImage({
             className: "ContainerUploadBody",
             children: [/* @__PURE__ */ jsx(WrapperImage, {
               children: /* @__PURE__ */ jsx(Image, {
-                src: `${host_static_assets}/${environment}/frontend/components/upload_image/assets/img/upload_image_illustration.svg`,
+                src: `${host_static_assets}/${environment_assets}/frontend/components/upload_image/assets/img/upload_image_illustration.svg`,
                 effect: "opacity",
                 width: "100%",
                 height: "auto",

package/dist/components/mui_extended/Accordion/index.js

@@ -5,7 +5,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 function Accordion(props) {
   const {
     host_static_assets,
-    environment
+    environment_assets
   } = useEnvironment();
   const {
     label,
@@ -29,7 +29,7 @@ function Accordion(props) {
       disableTouchRipple: false,
       expandIcon: /* @__PURE__ */ jsx(IconButton, {
         "aria-label": "settings",
-        src: `${host_static_assets}/${environment}/frontend/components/accordion/assets/icons/expanded.svg`
+        src: `${host_static_assets}/${environment_assets}/frontend/components/accordion/assets/icons/expanded.svg`
       }),
       ...summaryProps,
       children: isSkeleton ? /* @__PURE__ */ jsx(Skeleton, {

package/dist/components/mui_extended/MenuActions/index.js

@@ -30,7 +30,7 @@ function MenuActions(props) {
   } = props;
   const {
     host_static_assets,
-    environment
+    environment_assets
   } = useEnvironment();
   const {
     getLabel
@@ -42,8 +42,8 @@ function MenuActions(props) {
   const urlFinalIcon = useMemo(() => {
     if (urlIcon)
       return urlIcon;
-    return `${host_static_assets}/${environment}/frontend/commons/assets/icons/more_vertical.svg`;
-  }, [urlIcon, host_static_assets, environment]);
+    return `${host_static_assets}/${environment_assets}/frontend/commons/assets/icons/more_vertical.svg`;
+  }, [urlIcon, host_static_assets, environment_assets]);
   const handleClose = () => {
     setOpen(null);
   };

package/dist/components/mui_extended/Pager/index.js

@@ -24,7 +24,7 @@ function PagerActions(props) {
   } = props;
   const {
     host_static_assets,
-    environment
+    environment_assets
   } = useEnvironment();
   const handleFirstPageButtonClick = (event) => {
     onPageChange(event, 0);
@@ -45,25 +45,25 @@ function PagerActions(props) {
       onClick: handleFirstPageButtonClick,
       disabled: page === 0,
       "aria-label": "first page",
-      src: `${host_static_assets}/${environment}/frontend/components/pager/assets/icons/first.svg`
+      src: `${host_static_assets}/${environment_assets}/frontend/components/pager/assets/icons/first.svg`
     }), /* @__PURE__ */ jsx(IconButton, {
       dictionaryTooltip: "pager.previous",
       onClick: handleBackButtonClick,
       disabled: page === 0,
       "aria-label": "first page",
-      src: `${host_static_assets}/${environment}/frontend/components/pager/assets/icons/previous.svg`
+      src: `${host_static_assets}/${environment_assets}/frontend/components/pager/assets/icons/previous.svg`
     }), /* @__PURE__ */ jsx(IconButton, {
       dictionaryTooltip: "pager.next",
       onClick: handleNextButtonClick,
       disabled: page >= Math.ceil(count / rowsPerPage) - 1,
       "aria-label": "next page",
-      src: `${host_static_assets}/${environment}/frontend/components/pager/assets/icons/next.svg`
+      src: `${host_static_assets}/${environment_assets}/frontend/components/pager/assets/icons/next.svg`
     }), /* @__PURE__ */ jsx(IconButton, {
       dictionaryTooltip: "pager.last",
       onClick: handleLastPageButtonClick,
       disabled: page >= Math.ceil(count / rowsPerPage) - 1,
       "aria-label": "last page",
-      src: `${host_static_assets}/${environment}/frontend/components/pager/assets/icons/last.svg`
+      src: `${host_static_assets}/${environment_assets}/frontend/components/pager/assets/icons/last.svg`
     })]
   });
 }

package/dist/contexts/ModalContext/index.js

@@ -47,11 +47,11 @@ const ContentConfirm = (props) => {
   } = props;
   const {
     host_static_assets,
-    environment
+    environment_assets
   } = useEnvironment();
-  const illustrationWarning = `${host_static_assets}/${environment}/frontend/components/dialog/assets/icons/illustration_confirm_warning.svg`;
-  const illustrationError = `${host_static_assets}/${environment}/frontend/components/dialog/assets/icons/illustration_confirm_danger.svg`;
-  const illustrationInfo = `${host_static_assets}/${environment}/frontend/components/dialog/assets/icons/illustration_confirm_info.svg`;
+  const illustrationWarning = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/illustration_confirm_warning.svg`;
+  const illustrationError = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/illustration_confirm_danger.svg`;
+  const illustrationInfo = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/illustration_confirm_info.svg`;
   return /* @__PURE__ */ jsx(WrapperContentConfirm, {
     children: /* @__PURE__ */ jsxs(ModalContent, {
       children: [/* @__PURE__ */ jsx(IllustrationContainer, {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@m4l/components",
   "private": false,
-  "version": "0.0.35",
+  "version": "0.0.36",
   "license": "UNLICENSED",
   "scripts": {
     "dev": "vite",
@@ -14,14 +14,13 @@
     "format": "npm run prettier:fix && npm run lint:fix"
   },
   "dependencies": {
+    "@m4l/graphics": "^0.0.28",
     "react": "^17.0.0 || 18.x",
     "react-dom": "^18.0.0",
     "react-draggable": "^4.4.5"
   },
   "peerDependencies": {
     "@hookform/resolvers": "^2.9.5",
-    "@m4l/core": "^0.0.32",
-    "@m4l/graphics": "^0.0.24",
     "@mui/lab": "^5.0.0-alpha.89",
     "@mui/material": "^5.8.7",
     "@mui/x-date-pickers": "^5.0.0-beta.0",
@@ -42,8 +41,6 @@
   "devDependencies": {
     "@emotion/styled": "^11.9.3",
     "@hookform/resolvers": "^2.9.5",
-    "@m4l/core": "^0.0.32",
-    "@m4l/graphics": "^0.0.24",
     "@mui/lab": "^5.0.0-alpha.89",
     "@mui/material": "^5.8.7",
     "@mui/x-date-pickers": "^5.0.0-beta.0",