@bluemarble/bm-components 2.4.1 → 2.4.2

package/dist/index.cjs

@@ -3155,7 +3155,7 @@ var Grid_default = Grid;
 // src/components/Grid/EditableTableCell/DefaultInput.tsx
 
 
-var _moment = require('moment'); var _moment2 = _interopRequireDefault(_moment);
+var _dayjs = require('dayjs'); var _dayjs2 = _interopRequireDefault(_dayjs);
 var DefaultInput = (allProps) => {
   const {
     TextFieldProps: TextFieldProps3,
@@ -3174,9 +3174,9 @@ var DefaultInput = (allProps) => {
     if (formatInputDefautvalue) return formatInputDefautvalue(value);
     switch (type) {
       case "date":
-        return _moment2.default.call(void 0, value).format("YYYY-MM-DD");
+        return _dayjs2.default.call(void 0, value).format("YYYY-MM-DD");
       case "datetime-local":
-        return _moment2.default.call(void 0, value).format("YYYY-MM-DDTHH:mm:ss");
+        return _dayjs2.default.call(void 0, value).format("YYYY-MM-DDTHH:mm:ss");
       default:
         return String(value);
     }
@@ -3246,9 +3246,7 @@ var InputMask = (allProps) => {
     handleCancelEditing,
     setIsEditing
   } = allProps;
-  const { ref, unmaskedValue, setValue } = _reactimask.useIMask.call(void 0, 
-    mask
-  );
+  const { ref, unmaskedValue, setValue } = _reactimask.useIMask.call(void 0, mask);
   const handleSave = (event) => {
     setIsEditing(false);
     setValue(String(_optionalChain([event, 'access', _34 => _34.target, 'optionalAccess', _35 => _35.value])));
@@ -3484,8 +3482,8 @@ function FormikInputMask({
 
 
 var CustomInputLabel = _material.InputLabel;
-function Select({ withFormik = true, ...rest }) {
-  if (withFormik) return /* @__PURE__ */ React2.default.createElement(FormikSelect, { ...rest });
+function Select({ withFormik = true, helperText, ...rest }) {
+  if (withFormik) return /* @__PURE__ */ React2.default.createElement(FormikSelect, { helperText, ...rest });
   else return /* @__PURE__ */ React2.default.createElement(BaseSelect, { ...rest });
 }
 function BaseSelect({
@@ -3706,6 +3704,8 @@ function FormikAutocomplete({
 
 
 
+
+
 var Checkbox = ({
   withFormik = true,
   name,
@@ -3716,40 +3716,40 @@ var Checkbox = ({
 };
 var BaseCheckbox = ({
   label,
+  helperText,
   FormControlLabelProps: FormControlLabelProps3,
   ...props
 }) => {
-  return /* @__PURE__ */ React2.default.createElement(
+  return /* @__PURE__ */ React2.default.createElement(_material.FormControl, null, /* @__PURE__ */ React2.default.createElement(
     _material.FormControlLabel,
     {
       label,
       control: /* @__PURE__ */ React2.default.createElement(_material.Checkbox, { ...props }),
       ...FormControlLabelProps3
     }
-  );
+  ), helperText && /* @__PURE__ */ React2.default.createElement(_material.FormHelperText, null, helperText));
 };
 var FormikCheckbox = ({
   label,
   name,
+  helperText,
   FormControlLabelProps: FormControlLabelProps3,
   ...props
 }) => {
-  const [{ value, ...field }, , { setValue }] = _formik.useField.call(void 0, {
-    name
-  });
+  const [{ value, ...field }, { error }, { setValue }] = _formik.useField.call(void 0, { name });
   const onChange = (_, value2) => {
     setValue(value2);
   };
-  return /* @__PURE__ */ React2.default.createElement(
+  return /* @__PURE__ */ React2.default.createElement(_material.FormControl, { error: Boolean(error) }, /* @__PURE__ */ React2.default.createElement(
     _material.FormControlLabel,
     {
       label,
-      control: /* @__PURE__ */ React2.default.createElement(_material.Checkbox, { ...props, defaultChecked: Boolean(value) }),
+      control: /* @__PURE__ */ React2.default.createElement(_material.Checkbox, { ...props, checked: Boolean(value) }),
       ...field,
       onChange,
       ...FormControlLabelProps3
     }
-  );
+  ), (error || helperText) && /* @__PURE__ */ React2.default.createElement(_material.FormHelperText, null, _nullishCoalesce(error, () => ( helperText))));
 };
 
 // src/components/Switch/index.tsx
@@ -3759,46 +3759,48 @@ var FormikCheckbox = ({
 
 
 
+
+
 var Switch = ({ withFormik = true, name, ...props }) => {
   if (withFormik && name) return /* @__PURE__ */ React2.default.createElement(FormikSwitch, { name, ...props });
   else return /* @__PURE__ */ React2.default.createElement(BaseSwitch, { ...props });
 };
 var BaseSwitch = ({
   label,
+  helperText,
   FormControlLabelProps: FormControlLabelProps3,
   ...props
 }) => {
-  return /* @__PURE__ */ React2.default.createElement(
+  return /* @__PURE__ */ React2.default.createElement(_material.FormControl, null, /* @__PURE__ */ React2.default.createElement(
     _material.FormControlLabel,
     {
       label,
       control: /* @__PURE__ */ React2.default.createElement(_material.Switch, { ...props }),
       ...FormControlLabelProps3
     }
-  );
+  ), helperText && /* @__PURE__ */ React2.default.createElement(_material.FormHelperText, null, helperText));
 };
 var FormikSwitch = ({
   label,
   name,
+  helperText,
   FormControlLabelProps: FormControlLabelProps3,
   ...props
 }) => {
-  const [{ value, onChange: unused, ...field }, , { setValue }] = _formik.useField.call(void 0, {
-    name
-  });
+  const [{ value, onChange: unused, ...field }, { error }, { setValue }] = _formik.useField.call(void 0, { name });
   const onChange = (_, value2) => {
     setValue(value2);
   };
-  return /* @__PURE__ */ React2.default.createElement(
+  return /* @__PURE__ */ React2.default.createElement(_material.FormControl, { error: Boolean(error) }, /* @__PURE__ */ React2.default.createElement(
     _material.FormControlLabel,
     {
       label,
       onChange,
-      control: /* @__PURE__ */ React2.default.createElement(_material.Switch, { defaultChecked: value, ...props }),
+      control: /* @__PURE__ */ React2.default.createElement(_material.Switch, { checked: value, ...props }),
       ...field,
       ...FormControlLabelProps3
     }
-  );
+  ), (error || helperText) && /* @__PURE__ */ React2.default.createElement(_material.FormHelperText, null, _nullishCoalesce(error, () => ( helperText))));
 };
 
 // src/components/Radio/index.tsx
@@ -3811,6 +3813,7 @@ var FormikSwitch = ({
 
 
 
+
 var Radio = ({
   name,
   withFormik = true,
@@ -3822,6 +3825,7 @@ var Radio = ({
 var BaseRadio = ({
   label,
   options,
+  helperText,
   ...rest
 }) => {
   return /* @__PURE__ */ React2.default.createElement(_material.FormControl, null, label && /* @__PURE__ */ React2.default.createElement(_material.FormLabel, null, label), /* @__PURE__ */ React2.default.createElement(_material.RadioGroup, { ...rest }, options.map((option) => /* @__PURE__ */ React2.default.createElement(
@@ -3832,22 +3836,21 @@ var BaseRadio = ({
       label: option.label,
       control: /* @__PURE__ */ React2.default.createElement(_material.Radio, null)
     }
-  ))));
+  ))), helperText && /* @__PURE__ */ React2.default.createElement(_material.FormHelperText, null, helperText));
 };
 var FormikRadio = ({
   label,
   name,
   options,
+  helperText,
   ...rest
 }) => {
-  const onChange = (setFieldValue, value) => {
-    setFieldValue(name, value);
-  };
-  return /* @__PURE__ */ React2.default.createElement(_formik.Field, null, ({ field: { value }, form: { setFieldValue } }) => /* @__PURE__ */ React2.default.createElement(_material.FormControl, null, label && /* @__PURE__ */ React2.default.createElement(_material.FormLabel, null, label), /* @__PURE__ */ React2.default.createElement(
+  const [{ value }, meta, { setValue }] = _formik.useField.call(void 0, name);
+  return /* @__PURE__ */ React2.default.createElement(_material.FormControl, { error: Boolean(meta.error) }, label && /* @__PURE__ */ React2.default.createElement(_material.FormLabel, null, label), /* @__PURE__ */ React2.default.createElement(
     _material.RadioGroup,
     {
-      defaultValue: value,
-      onChange: (_, value2) => onChange(setFieldValue, value2),
+      value: _nullishCoalesce(value, () => ( "")),
+      onChange: (_, val) => setValue(val),
       ...rest
     },
     options.map((option) => /* @__PURE__ */ React2.default.createElement(
@@ -3859,7 +3862,7 @@ var FormikRadio = ({
         control: /* @__PURE__ */ React2.default.createElement(_material.Radio, null)
       }
     ))
-  )));
+  ), /* @__PURE__ */ React2.default.createElement(_material.FormHelperText, null, helperText || meta.error));
 };
 
 // src/components/LargeButton/index.tsx
@@ -4153,6 +4156,11 @@ function BaseGridAutoRows({
 
 
 var Modal = ({ open, onClose, BoxProps: BoxProps3, ...rest }) => {
+  if (process.env.NODE_ENV !== "production") {
+    console.warn(
+      "[Modal] is deprecated. Use `BaseDialog` instead. `Modal` will be removed in a future release."
+    );
+  }
   return /* @__PURE__ */ React2.default.createElement(_material.Modal, { open, onClose, ...rest }, /* @__PURE__ */ React2.default.createElement(
     _material.Box,
     {
@@ -4547,6 +4555,7 @@ var _ApiHelper = class _ApiHelper {
     return async (req, res) => {
       const methods = factory(req, res);
       const handler = methods[req.method];
+      if (!handler) throw new HttpError(405, "M\xE9todo inv\xE1lido");
       const methodWithMiddlewares = this.middlewares.reduce((acc, fn) => {
         return fn(acc, options);
       }, handler);
@@ -4582,191 +4591,8 @@ var _ApiHelper = class _ApiHelper {
 _ApiHelper.parserErrorWrapper = _ApiHelper.parse;
 var ApiHelper = _ApiHelper;
 
-// src/hooks/useFormHelper.ts
-
-
-// src/hooks/useAlert.ts
-
-
-// src/contexts/AlertContext.tsx
-
-
-
-// src/components/Toast/index.tsx
-
-
-
-var Toast = ({ open, onClose, severity, message }) => {
-  return /* @__PURE__ */ React2.default.createElement(React2.default.Fragment, null, /* @__PURE__ */ React2.default.createElement(
-    _material.Snackbar,
-    {
-      open,
-      autoHideDuration: 6e3,
-      onClose,
-      anchorOrigin: { vertical: "top", horizontal: "right" },
-      sx: { zIndex: 99999999 }
-    },
-    /* @__PURE__ */ React2.default.createElement(
-      _material.Alert,
-      {
-        severity,
-        elevation: 2,
-        action: /* @__PURE__ */ React2.default.createElement(
-          _material.IconButton,
-          {
-            "aria-label": "close",
-            color: "inherit",
-            size: "small",
-            onClick: onClose
-          },
-          /* @__PURE__ */ React2.default.createElement(_md.MdClose, { fontSize: "inherit" })
-        )
-      },
-      message
-    )
-  ));
-};
-
-// src/contexts/AlertContext.tsx
-var AlertContext = _react.createContext.call(void 0, {});
-var AlertProvider = ({ children }) => {
-  const [severity, setSeverity] = _react.useState.call(void 0, "info");
-  const [message, setMessage] = _react.useState.call(void 0, "");
-  const [isVisible, setIsVisible] = _react.useState.call(void 0, false);
-  const createAlert = _react.useCallback.call(void 0, 
-    (newMessage, severity2) => {
-      setMessage(newMessage);
-      setSeverity(severity2);
-      setIsVisible(true);
-    },
-    []
-  );
-  const onCloseToast = _react.useCallback.call(void 0, () => {
-    setIsVisible(false);
-  }, []);
-  return /* @__PURE__ */ React2.default.createElement(AlertContext.Provider, { value: { createAlert } }, children, /* @__PURE__ */ React2.default.createElement(
-    Toast,
-    {
-      open: isVisible,
-      onClose: onCloseToast,
-      severity,
-      message
-    }
-  ));
-};
-
-// src/hooks/useAlert.ts
-var useAlert = () => {
-  return _react.useContext.call(void 0, AlertContext);
-};
-
-// src/hooks/useLoading.ts
-
-function useLoading() {
-  const [state, setState] = _react.useState.call(void 0, []);
-  const isLoading = _react.useCallback.call(void 0, (prop) => state.includes(prop), [state]);
-  const setLoading = _react.useCallback.call(void 0, (prop, remove) => {
-    if (remove)
-      setState((prevState) => prevState.filter((state2) => state2 !== prop));
-    else setState((prevState) => [...prevState, prop]);
-  }, []);
-  return { isLoading, setLoading };
-}
-
-// src/contexts/FormHelperProvider.tsx
-
-
-var FormHelperContext = _react.createContext.call(void 0, {});
-var FormHelperProvider = ({ formatErrorMessage, api, children }) => {
-  return /* @__PURE__ */ React2.default.createElement(FormHelperContext.Provider, { value: { formatErrorMessage, api } }, children);
-};
-
-// src/hooks/useFormHelper.ts
-function useFormHelper() {
-  const alertProps = useAlert();
-  const loadingProps = useLoading();
-  const { api, formatErrorMessage } = _react.useContext.call(void 0, FormHelperContext);
-  const { createAlert } = alertProps;
-  const { setLoading } = loadingProps;
-  const sourceRef = _react.useRef.call(void 0, new AbortController());
-  const onSubmitWrapper = _react.useCallback.call(void 0, 
-    (fn, { name }) => {
-      return async (fields, methods) => {
-        const LOADING_NAME = name;
-        setLoading(LOADING_NAME);
-        try {
-          await fn(fields, methods);
-        } catch (error) {
-          errorHandler(error, methods.setErrors);
-        } finally {
-          setLoading(LOADING_NAME, true);
-        }
-      };
-    },
-    [setLoading]
-  );
-  const onRequestWrapper = _react.useCallback.call(void 0, 
-    (fn, { name }) => {
-      return async (...params) => {
-        const LOADING_NAME = name;
-        setLoading(LOADING_NAME);
-        api.interceptors.request.use(
-          (config) => {
-            if (!config.signal && sourceRef.current && config.method === "get") {
-              config.signal = sourceRef.current.signal;
-            }
-            return config;
-          },
-          (error) => {
-            return Promise.reject(error);
-          }
-        );
-        try {
-          const response = await fn(...params);
-          return response;
-        } catch (error) {
-          errorHandler(error);
-        } finally {
-          setLoading(LOADING_NAME, true);
-        }
-      };
-    },
-    [setLoading, api]
-  );
-  const errorHandler = _react.useCallback.call(void 0, 
-    (error, callback) => {
-      if (_optionalChain([error, 'optionalAccess', _87 => _87.message]) === "cancel.navigation") return;
-      if (callback) {
-        if (error.response.data.code === "invalid.body") {
-          const errors = error.response.data.details.issues;
-          const currentErrors = errors.reduce((acc, item) => {
-            acc[item.path.join(".")] = item.message;
-            return acc;
-          }, {});
-          callback(currentErrors);
-        }
-      }
-      createAlert(formatErrorMessage(error), "error");
-    },
-    [formatErrorMessage, createAlert]
-  );
-  _react.useEffect.call(void 0, () => {
-    return () => {
-      sourceRef.current.abort();
-      sourceRef.current = new AbortController();
-    };
-  }, []);
-  return {
-    ...alertProps,
-    ...loadingProps,
-    onSubmitWrapper,
-    onRequestWrapper
-  };
-}
-
 // src/helpers/authHelper.ts
 var _cookie = require('cookie'); var cookie = _interopRequireWildcard(_cookie);
-var _uuid = require('uuid');
 var _jsonwebtoken = require('jsonwebtoken'); var _jsonwebtoken2 = _interopRequireDefault(_jsonwebtoken);
 
 // packages/nookies/index.ts
@@ -4820,7 +4646,7 @@ function areCookiesEqual(a, b) {
 
 // packages/nookies/index.ts
 function parseCookies(ctx, options) {
-  if (_optionalChain([ctx, 'optionalAccess', _88 => _88.req, 'optionalAccess', _89 => _89.headers, 'optionalAccess', _90 => _90.cookie])) {
+  if (_optionalChain([ctx, 'optionalAccess', _87 => _87.req, 'optionalAccess', _88 => _88.headers, 'optionalAccess', _89 => _89.cookie])) {
     return cookie.parse(ctx.req.headers.cookie, options);
   }
   if (isBrowser()) {
@@ -4829,8 +4655,8 @@ function parseCookies(ctx, options) {
   return {};
 }
 function setCookie(ctx, name, value, options = {}) {
-  if (_optionalChain([ctx, 'optionalAccess', _91 => _91.res, 'optionalAccess', _92 => _92.getHeader]) && ctx.res.setHeader) {
-    if (_optionalChain([ctx, 'optionalAccess', _93 => _93.res, 'optionalAccess', _94 => _94.finished])) {
+  if (_optionalChain([ctx, 'optionalAccess', _90 => _90.res, 'optionalAccess', _91 => _91.getHeader]) && ctx.res.setHeader) {
+    if (_optionalChain([ctx, 'optionalAccess', _92 => _92.res, 'optionalAccess', _93 => _93.finished])) {
       console.warn(`Not setting "${name}" cookie. Response has finished.`);
       console.warn(`You should set cookie before res.send()`);
       return {};
@@ -4878,13 +4704,14 @@ var nookies = {
 };
 
 // src/helpers/authHelper.ts
+var _crypto = require('crypto');
 function decodeSessionToken({
   req,
   res,
   sessionTokenName,
   validate
 }) {
-  const token = _optionalChain([req, 'access', _95 => _95.headers, 'access', _96 => _96.authorization, 'optionalAccess', _97 => _97.split, 'call', _98 => _98(" "), 'access', _99 => _99[1]]) || req.cookies[sessionTokenName];
+  const token = _optionalChain([req, 'access', _94 => _94.headers, 'access', _95 => _95.authorization, 'optionalAccess', _96 => _96.split, 'call', _97 => _97(" "), 'access', _98 => _98[1]]) || req.cookies[sessionTokenName];
   if (!token) {
     res.status(401).json({ error: "Token inv\xE1lido", code: "token.invalid" });
     return true;
@@ -4920,7 +4747,7 @@ var AuthHelper = class {
         expiresIn: this.tokenExpTimeInSeconds || 60 * 15
         // 15 minutos
       });
-      const uniqueToken = _uuid.v4.call(void 0, );
+      const uniqueToken = _crypto.randomUUID.call(void 0, );
       await this.onCreateRefreshToken(userId, uniqueToken);
       return {
         token,
@@ -4952,7 +4779,7 @@ var AuthHelper = class {
     if (!req.url) return res.status(400).json({ error: "url not sent" });
     if (req.url.endsWith("/login")) {
       const loginResult = await this.onLogin(req.body);
-      if (loginResult.status === "sucess") {
+      if (loginResult.status === "success") {
         const { refreshToken, token } = await this.generateJwtAndRefreshToken(
           loginResult.userId,
           {}
@@ -5079,7 +4906,7 @@ var AuthHelper = class {
     const data = await response.json();
     const decodedToken = _jsonwebtoken2.default.decode(data.access_token);
     const email = decodedToken.upn;
-    const fullName = `${_optionalChain([decodedToken, 'optionalAccess', _100 => _100.given_name])} ${_optionalChain([decodedToken, 'optionalAccess', _101 => _101.family_name])}`;
+    const fullName = `${_optionalChain([decodedToken, 'optionalAccess', _99 => _99.given_name])} ${_optionalChain([decodedToken, 'optionalAccess', _100 => _100.family_name])}`;
     return { decodedToken, email, fullName };
   }
   createOauthCallbackGetServerSideProps({
@@ -5144,7 +4971,6 @@ var AuthHelper = class {
 // src/hooks/useFilter.ts
 
 
-
 // src/components/utils/getObjectValue.ts
 function getObjectValue(obj) {
   return (prop) => {
@@ -5163,7 +4989,7 @@ function useFilter(props = { defaultFilters: [] }) {
     return defaultFilters || [];
   });
   const filterBy = _react.useCallback.call(void 0, (newFilter) => {
-    const propToCompare = _optionalChain([newFilter, 'optionalAccess', _102 => _102.id]) ? "id" : "prop";
+    const propToCompare = _optionalChain([newFilter, 'optionalAccess', _101 => _101.id]) ? "id" : "prop";
     function removeRepeatedFilters(filter) {
       return filter[propToCompare] !== newFilter[propToCompare];
     }
@@ -5213,13 +5039,13 @@ function compareFilter(item, filter) {
     case "valueNotIn":
       return !itemValue.includes(filter.value);
     case "gte":
-      return isDate(itemValue) ? _moment2.default.call(void 0, String(itemValue)).isSameOrAfter(filter.value) : itemValue >= filter.value;
+      return isDate(itemValue) ? new Date(String(itemValue)) >= filter.value : itemValue >= filter.value;
     case "gt":
-      return isDate(itemValue) ? _moment2.default.call(void 0, String(itemValue)).isAfter(filter.value) : itemValue > filter.value;
+      return isDate(itemValue) ? new Date(String(itemValue)) > filter.value : itemValue > filter.value;
     case "lte":
-      return isDate(itemValue) ? _moment2.default.call(void 0, String(itemValue)).isSameOrBefore(filter.value) : itemValue <= filter.value;
+      return isDate(itemValue) ? new Date(String(itemValue)) <= filter.value : itemValue <= filter.value;
     case "lt":
-      return isDate(itemValue) ? _moment2.default.call(void 0, String(itemValue)).isBefore(filter.value) : itemValue < filter.value;
+      return isDate(itemValue) ? new Date(String(itemValue)) < filter.value : itemValue < filter.value;
   }
 }
 function createFilter(filters) {
@@ -5516,7 +5342,7 @@ function useAsyncGrid({
         const params = new URLSearchParams({
           page: String(page),
           rowsPerPage: String(rowsPerPage2),
-          searchText: _optionalChain([search2, 'optionalAccess', _103 => _103.value]) || "",
+          searchText: _optionalChain([search2, 'optionalAccess', _102 => _102.value]) || "",
           sort: sortedBy2.map(({ prop, direction }) => `${prop}:${direction}`).join(","),
           filters: filters2.map(
             (filter) => `${filter.prop}:${filter.compareType}:${filter.value}`
@@ -5618,6 +5444,188 @@ function useEvent(event, handler, passive = false) {
   });
 }
 
+// src/hooks/useLoading.ts
+
+function useLoading() {
+  const [state, setState] = _react.useState.call(void 0, []);
+  const isLoading = _react.useCallback.call(void 0, (prop) => state.includes(prop), [state]);
+  const setLoading = _react.useCallback.call(void 0, (prop, remove) => {
+    if (remove)
+      setState((prevState) => prevState.filter((state2) => state2 !== prop));
+    else setState((prevState) => [...prevState, prop]);
+  }, []);
+  return { isLoading, setLoading };
+}
+
+// src/hooks/useAlert.ts
+
+
+// src/contexts/AlertContext.tsx
+
+
+
+// src/components/Toast/index.tsx
+
+
+
+var Toast = ({ open, onClose, severity, message }) => {
+  return /* @__PURE__ */ React2.default.createElement(React2.default.Fragment, null, /* @__PURE__ */ React2.default.createElement(
+    _material.Snackbar,
+    {
+      open,
+      autoHideDuration: 6e3,
+      onClose,
+      anchorOrigin: { vertical: "top", horizontal: "right" },
+      sx: { zIndex: 99999999 }
+    },
+    /* @__PURE__ */ React2.default.createElement(
+      _material.Alert,
+      {
+        severity,
+        elevation: 2,
+        action: /* @__PURE__ */ React2.default.createElement(
+          _material.IconButton,
+          {
+            "aria-label": "close",
+            color: "inherit",
+            size: "small",
+            onClick: onClose
+          },
+          /* @__PURE__ */ React2.default.createElement(_md.MdClose, { fontSize: "inherit" })
+        )
+      },
+      message
+    )
+  ));
+};
+
+// src/contexts/AlertContext.tsx
+var AlertContext = _react.createContext.call(void 0, {});
+var AlertProvider = ({ children }) => {
+  const [severity, setSeverity] = _react.useState.call(void 0, "info");
+  const [message, setMessage] = _react.useState.call(void 0, "");
+  const [isVisible, setIsVisible] = _react.useState.call(void 0, false);
+  const createAlert = _react.useCallback.call(void 0, 
+    (newMessage, severity2) => {
+      setMessage(newMessage);
+      setSeverity(severity2);
+      setIsVisible(true);
+    },
+    []
+  );
+  const onCloseToast = _react.useCallback.call(void 0, () => {
+    setIsVisible(false);
+  }, []);
+  return /* @__PURE__ */ React2.default.createElement(AlertContext.Provider, { value: { createAlert } }, children, /* @__PURE__ */ React2.default.createElement(
+    Toast,
+    {
+      open: isVisible,
+      onClose: onCloseToast,
+      severity,
+      message
+    }
+  ));
+};
+
+// src/hooks/useAlert.ts
+var useAlert = () => {
+  return _react.useContext.call(void 0, AlertContext);
+};
+
+// src/hooks/useFormHelper.ts
+
+
+// src/contexts/FormHelperProvider.tsx
+
+
+var FormHelperContext = _react.createContext.call(void 0, {});
+var FormHelperProvider = ({ formatErrorMessage, api, children }) => {
+  return /* @__PURE__ */ React2.default.createElement(FormHelperContext.Provider, { value: { formatErrorMessage, api } }, children);
+};
+
+// src/hooks/useFormHelper.ts
+function useFormHelper() {
+  const alertProps = useAlert();
+  const loadingProps = useLoading();
+  const { api, formatErrorMessage } = _react.useContext.call(void 0, FormHelperContext);
+  const { createAlert } = alertProps;
+  const { setLoading } = loadingProps;
+  const sourceRef = _react.useRef.call(void 0, new AbortController());
+  const onSubmitWrapper = _react.useCallback.call(void 0, 
+    (fn, { name }) => {
+      return async (fields, methods) => {
+        const LOADING_NAME = name;
+        setLoading(LOADING_NAME);
+        try {
+          await fn(fields, methods);
+        } catch (error) {
+          errorHandler(error, methods.setErrors);
+        } finally {
+          setLoading(LOADING_NAME, true);
+        }
+      };
+    },
+    [setLoading]
+  );
+  const onRequestWrapper = _react.useCallback.call(void 0, 
+    (fn, { name }) => {
+      return async (...params) => {
+        const LOADING_NAME = name;
+        setLoading(LOADING_NAME);
+        api.interceptors.request.use(
+          (config) => {
+            if (!config.signal && sourceRef.current && config.method === "get") {
+              config.signal = sourceRef.current.signal;
+            }
+            return config;
+          },
+          (error) => {
+            return Promise.reject(error);
+          }
+        );
+        try {
+          const response = await fn(...params);
+          return response;
+        } catch (error) {
+          errorHandler(error);
+        } finally {
+          setLoading(LOADING_NAME, true);
+        }
+      };
+    },
+    [setLoading, api]
+  );
+  const errorHandler = _react.useCallback.call(void 0, 
+    (error, callback) => {
+      if (_optionalChain([error, 'optionalAccess', _103 => _103.message]) === "cancel.navigation") return;
+      if (callback) {
+        if (error.response.data.code === "invalid.body") {
+          const errors = error.response.data.details.issues;
+          const currentErrors = errors.reduce((acc, item) => {
+            acc[item.path.join(".")] = item.message;
+            return acc;
+          }, {});
+          callback(currentErrors);
+        }
+      }
+      createAlert(formatErrorMessage(error), "error");
+    },
+    [formatErrorMessage, createAlert]
+  );
+  _react.useEffect.call(void 0, () => {
+    return () => {
+      sourceRef.current.abort();
+      sourceRef.current = new AbortController();
+    };
+  }, []);
+  return {
+    ...alertProps,
+    ...loadingProps,
+    onSubmitWrapper,
+    onRequestWrapper
+  };
+}
+
 // src/contexts/AuthContext.tsx