@data-c/ui 0.2.93 → 0.2.95

package/dist/index.mjs

@@ -2637,9 +2637,9 @@ function Header(props) {
 }
 
 // src/MioAuth/components/LoginForm/index.tsx
-import { useState as useState26 } from "react";
+import { useState as useState27 } from "react";
 import {
-  useCredentials as useCredentials3,
+  useCredentials as useCredentials2,
   useValidations as useValidations5
 } from "@data-c/hooks";
 import { Alert as Alert9, Divider as Divider6, Stack as Stack47, TextField as TextField12, Typography as Typography29 } from "@mui/material";
@@ -5056,21 +5056,21 @@ create$1.prototype = TupleSchema.prototype;
 // src/AlterarSenha/index.tsx
 import InfoOutlined2 from "@mui/icons-material/InfoOutlined";
 import { Alert as Alert8, Box as Box23, Divider as Divider5, Grid as Grid2, Typography as Typography28 } from "@mui/material";
-import { useState as useState25 } from "react";
+import { useState as useState26 } from "react";
 import {
-  useCredentials as useCredentials2,
+  useCredentials,
   useForm as useForm3,
   useValidations as useValidations4
 } from "@data-c/hooks";
 import { isAxiosError as isAxiosError3 } from "axios";
-import { useEffect as useEffect19 } from "react";
+import { useEffect as useEffect20 } from "react";
 import isStrongPassword2 from "validator/lib/isStrongPassword";
 
 // src/PasswordTextField/index.tsx
 import Visibility from "@mui/icons-material/Visibility";
 import VisibilityOff from "@mui/icons-material/VisibilityOff";
 import { IconButton as IconButton14, InputAdornment as InputAdornment4 } from "@mui/material";
-import { useState as useState24 } from "react";
+import { useState as useState25 } from "react";
 
 // src/v2/Header/HeaderContent.tsx
 import { Stack as Stack9 } from "@mui/material";
@@ -10417,13 +10417,73 @@ function DefaultBanner() {
 import { Box as Box21, Stack as Stack45, useMediaQuery as useMediaQuery6, useTheme as useTheme11 } from "@mui/material";
 
 // src/v2/Auth/components/EsqueciSenhaForm/index.tsx
-import { useState as useState16 } from "react";
+import { useState as useState17 } from "react";
 import { Alert as Alert3, Box as Box16, TextField as TextField6 } from "@mui/material";
 import { useValidations } from "@data-c/hooks";
 
+// ../../node_modules/jwt-decode/build/esm/index.js
+var InvalidTokenError = class extends Error {
+};
+InvalidTokenError.prototype.name = "InvalidTokenError";
+function b64DecodeUnicode(str) {
+  return decodeURIComponent(atob(str).replace(/(.)/g, (m, p) => {
+    let code = p.charCodeAt(0).toString(16).toUpperCase();
+    if (code.length < 2) {
+      code = "0" + code;
+    }
+    return "%" + code;
+  }));
+}
+function base64UrlDecode(str) {
+  let output = str.replace(/-/g, "+").replace(/_/g, "/");
+  switch (output.length % 4) {
+    case 0:
+      break;
+    case 2:
+      output += "==";
+      break;
+    case 3:
+      output += "=";
+      break;
+    default:
+      throw new Error("base64 string is not of the correct length");
+  }
+  try {
+    return b64DecodeUnicode(output);
+  } catch (err) {
+    return atob(output);
+  }
+}
+function jwtDecode(token, options) {
+  if (typeof token !== "string") {
+    throw new InvalidTokenError("Invalid token specified: must be a string");
+  }
+  options || (options = {});
+  const pos = options.header === true ? 0 : 1;
+  const part = token.split(".")[pos];
+  if (typeof part !== "string") {
+    throw new InvalidTokenError(`Invalid token specified: missing part #${pos + 1}`);
+  }
+  let decoded;
+  try {
+    decoded = base64UrlDecode(part);
+  } catch (e) {
+    throw new InvalidTokenError(`Invalid token specified: invalid base64 for part #${pos + 1} (${e.message})`);
+  }
+  try {
+    return JSON.parse(decoded);
+  } catch (e) {
+    throw new InvalidTokenError(`Invalid token specified: invalid json for part #${pos + 1} (${e.message})`);
+  }
+}
+
 // src/v2/Auth/context/CredentialsContext.tsx
-import { useCredentials } from "@data-c/hooks";
-import { createContext as createContext5, useContext as useContext6 } from "react";
+import {
+  createContext as createContext5,
+  useContext as useContext6,
+  useEffect as useEffect15,
+  useState as useState16
+} from "react";
 import { jsx as jsx154 } from "react/jsx-runtime";
 var CredentialsContext = createContext5(
   void 0
@@ -10432,11 +10492,308 @@ function CredentialsProvider({
   children,
   credentialsConfig
 }) {
-  const credentials = useCredentials(credentialsConfig);
+  const TOKEN_KEY = credentialsConfig.tokenKey;
+  const REFRESH_TOKEN_KEY = credentialsConfig.refreshTokenKey;
+  const axios2 = credentialsConfig.axios;
+  const [isSubmitting, setSubmitting] = useState16(false);
+  const [token, setTokenState] = useState16(
+    () => localStorage.getItem(TOKEN_KEY)
+  );
+  const [refreshToken, setRefreshTokenState] = useState16(
+    () => localStorage.getItem(REFRESH_TOKEN_KEY)
+  );
+  const [userLogged, setUserLogged] = useState16(
+    () => {
+      const currentToken = localStorage.getItem(TOKEN_KEY);
+      if (!currentToken)
+        return null;
+      try {
+        const { data } = jwtDecode(
+          currentToken
+        );
+        return data;
+      } catch {
+        return null;
+      }
+    }
+  );
+  const [isAuthenticated, setIsAuthenticated] = useState16(() => {
+    const currentToken = localStorage.getItem(TOKEN_KEY);
+    if (!currentToken)
+      return false;
+    try {
+      const { exp } = jwtDecode(currentToken);
+      const expDate = new Date(exp * 1e3).getTime();
+      const nowDate = (/* @__PURE__ */ new Date()).getTime();
+      return nowDate < expDate;
+    } catch {
+      return false;
+    }
+  });
+  function decodeTokenFromValue(tokenValue) {
+    if (!tokenValue)
+      return null;
+    try {
+      const { data } = jwtDecode(tokenValue);
+      return data;
+    } catch {
+      return null;
+    }
+  }
+  function isTokenValid(tokenValue) {
+    if (!tokenValue)
+      return false;
+    try {
+      const { exp } = jwtDecode(tokenValue);
+      const expDate = new Date(exp * 1e3).getTime();
+      const nowDate = (/* @__PURE__ */ new Date()).getTime();
+      return nowDate < expDate;
+    } catch {
+      return false;
+    }
+  }
+  function syncAuthState(nextToken, nextRefreshToken) {
+    setTokenState(nextToken);
+    setRefreshTokenState(nextRefreshToken);
+    setUserLogged(decodeTokenFromValue(nextToken));
+    setIsAuthenticated(isTokenValid(nextToken));
+  }
+  useEffect15(() => {
+    const onStorage = (event) => {
+      if (event.key !== TOKEN_KEY && event.key !== REFRESH_TOKEN_KEY) {
+        return;
+      }
+      const nextToken = localStorage.getItem(TOKEN_KEY);
+      const nextRefreshToken = localStorage.getItem(REFRESH_TOKEN_KEY);
+      syncAuthState(nextToken, nextRefreshToken);
+    };
+    window.addEventListener("storage", onStorage);
+    return () => window.removeEventListener("storage", onStorage);
+  }, [TOKEN_KEY, REFRESH_TOKEN_KEY]);
+  function setToken(token2, refreshToken2) {
+    localStorage.setItem(TOKEN_KEY, token2);
+    if (refreshToken2) {
+      localStorage.setItem(REFRESH_TOKEN_KEY, refreshToken2);
+    } else {
+      localStorage.removeItem(REFRESH_TOKEN_KEY);
+    }
+    syncAuthState(token2, refreshToken2 || null);
+  }
+  function logout() {
+    localStorage.removeItem(TOKEN_KEY);
+    localStorage.removeItem(REFRESH_TOKEN_KEY);
+    syncAuthState(null, null);
+  }
+  function getToken() {
+    return token;
+  }
+  function getRefreshToken() {
+    return refreshToken;
+  }
+  function formatAndSetToken(_token, email, senha) {
+    const toReturn = _token;
+    if (toReturn) {
+      const token3 = _token.token;
+      const { data: decodedToken } = jwtDecode(token3);
+      const permissoes = decodedToken.permissoes;
+      const permissao = permissoes[credentialsConfig.applicationsId];
+      const uuid = decodedToken.uuid;
+      const name = decodedToken.name;
+      toReturn.email = email;
+      toReturn.password = senha;
+      toReturn.userId = uuid;
+      toReturn.userName = name;
+      toReturn.empresas = permissao?.empresas || null;
+    }
+    const { token: token2, refreshToken: refreshToken2 } = _token;
+    setToken(token2, refreshToken2);
+    return toReturn;
+  }
+  async function login(email, password) {
+    setSubmitting(true);
+    try {
+      const response = await axios2.post(
+        "sessions",
+        {
+          email,
+          password
+        },
+        {
+          headers: {
+            "DC-SISTEMA": credentialsConfig.applicationsIds
+          }
+        }
+      );
+      return formatAndSetToken(response.data, email, password);
+    } catch (err) {
+      throw err;
+    } finally {
+      setSubmitting(false);
+    }
+  }
+  async function alterarSenha(senhaAtual, senhaNova, email) {
+    const headers = {};
+    const token2 = getToken();
+    if (!email && token2) {
+      headers.Authorization = `Bearer ${token2}`;
+    }
+    setSubmitting(true);
+    try {
+      const response = await axios2.put(
+        "passwords/change",
+        {
+          old: senhaAtual,
+          new: senhaNova,
+          email
+        },
+        {
+          headers
+        }
+      );
+      return response?.data;
+    } catch (err) {
+      throw err;
+    } finally {
+      setSubmitting(false);
+    }
+  }
+  async function selecionarLicenca(loginToken, empresaId) {
+    if (!loginToken) {
+      throw new Error("As informa\xE7\xF5es de login foram perdidas");
+    }
+    setSubmitting(true);
+    try {
+      const response = await axios2.post(
+        "selecionar-empresa",
+        {
+          permissao: credentialsConfig.applicationsId,
+          empresaUuid: empresaId
+        },
+        {
+          headers: {
+            Authorization: `Bearer ${loginToken}`
+          }
+        }
+      );
+      if (!response) {
+        throw new Error("Ocorreu um erro ao tentar selecionar a licen\xE7a");
+      }
+      const { token: token2, refreshToken: refreshToken2 } = response.data;
+      setToken(token2, refreshToken2);
+      return response.data;
+    } catch (err) {
+      throw err;
+    } finally {
+      setSubmitting(false);
+    }
+  }
+  async function recuperarSenha(email) {
+    const response = await axios2.put("/passwords/recover", { email });
+    return response;
+  }
+  async function refreshAccessToken() {
+    const token2 = getToken();
+    const refreshToken2 = getRefreshToken();
+    const response = await axios2.post("refresh-token", {
+      token: token2,
+      refreshToken: refreshToken2
+    });
+    setToken(response.data.token, response.data.refreshToken);
+    return response.data.token;
+  }
+  async function obterUsuarioLogado() {
+    const response = await axios2.get("/api/usuario");
+    return response.data;
+  }
+  function base64ToBlob(base64) {
+    const [prefix2, data] = base64.split(",");
+    const mime = prefix2.match(/:(.*?);/)?.[1] || "image/jpeg";
+    const binary = atob(data);
+    const array2 = new Uint8Array(binary.length);
+    for (let i = 0; i < binary.length; i++) {
+      array2[i] = binary.charCodeAt(i);
+    }
+    return new Blob([array2], { type: mime });
+  }
+  async function uploadAvatar(base64Image) {
+    try {
+      const blob = base64ToBlob(base64Image);
+      const file = new File([blob], "avatar.jpg", { type: blob.type });
+      const formData = new FormData();
+      formData.append("avatar", file);
+      const response = await axios2.post(
+        "/api/usuario/avatar",
+        formData,
+        {
+          headers: {
+            "Content-Type": "multipart/form-data"
+          }
+        }
+      );
+      return response.data;
+    } catch (error) {
+      throw error;
+    }
+  }
+  async function atualizarUsuario(data) {
+    const response = await axios2.put("/api/usuario", data);
+    return response.data;
+  }
+  async function gerarWhatsappVerificationCode() {
+    const response = await axios2.post(
+      "/api/usuario/gerar-codigo-validacao-whatsapp"
+    );
+    return response.data;
+  }
+  async function gerarOtpVerificationCode(data) {
+    const response = await axios2.post("/otp/generate", data);
+    return response.data;
+  }
+  async function validarOtpVerificationCode(data) {
+    const response = await axios2.post("/otp/verify", data, {
+      headers: {
+        "DC-SISTEMA": credentialsConfig.applicationsIds
+      }
+    });
+    return formatAndSetToken(response.data, data.target);
+  }
+  async function validarCodigoWhatsapp(codigoVerificacao) {
+    const response = await axios2.post(
+      "/api/usuario/validar-codigo-whatsapp",
+      {
+        codigoVerificacao
+      },
+      {
+        headers: {
+          "DC-SISTEMA": credentialsConfig.applicationsIds
+        }
+      }
+    );
+    return response.data;
+  }
   return /* @__PURE__ */ jsx154(
     CredentialsContext.Provider,
     {
-      value: credentials,
+      value: {
+        login,
+        logout,
+        isSubmitting,
+        token,
+        refreshToken,
+        userLogged,
+        isAuthenticated,
+        selecionarLicenca,
+        alterarSenha,
+        recuperarSenha,
+        refreshAccessToken,
+        obterUsuarioLogado,
+        uploadAvatar,
+        atualizarUsuario,
+        gerarWhatsappVerificationCode,
+        validarCodigoWhatsapp,
+        gerarOtpVerificationCode,
+        validarOtpVerificationCode
+      },
       children
     }
   );
@@ -10458,10 +10815,10 @@ var schema = create$3().shape({
 });
 function EsqueciSenhaForm(props) {
   const { onLoginClick } = props;
-  const [email, setEmail] = useState16("");
-  const [isSubmitting, setSubmitting] = useState16(false);
-  const [sucessoRecuperarSenha, setSucessoRecuperarSenha] = useState16(false);
-  const [error, setError] = useState16(null);
+  const [email, setEmail] = useState17("");
+  const [isSubmitting, setSubmitting] = useState17(false);
+  const [sucessoRecuperarSenha, setSucessoRecuperarSenha] = useState17(false);
+  const [error, setError] = useState17(null);
   const { recuperarSenha } = useCredentialsContext();
   const { validationProps, setValidationErrors } = useValidations();
   async function handleRecuperarSenha() {
@@ -10588,13 +10945,13 @@ function Header3(props) {
 
 // src/v2/Auth/components/LicencaForm/index.tsx
 import { Box as Box17, MenuItem as MenuItem6, TextField as TextField7 } from "@mui/material";
-import { useEffect as useEffect15, useState as useState17 } from "react";
+import { useEffect as useEffect16, useState as useState18 } from "react";
 import { jsx as jsx157, jsxs as jsxs70 } from "react/jsx-runtime";
 function LicencaForm(props) {
   const { loginData, onLoginFailed, onLoginSuccess } = props;
-  const [empresaId, setEmpresaId] = useState17("");
+  const [empresaId, setEmpresaId] = useState18("");
   const { selecionarLicenca, isSubmitting } = useCredentialsContext();
-  useEffect15(() => {
+  useEffect16(() => {
     if (Array.isArray(loginData?.empresas)) {
       const empresa = loginData?.empresas[0];
       setEmpresaId(empresa?.uuid);
@@ -10642,7 +10999,7 @@ function LicencaForm(props) {
 }
 
 // src/v2/Auth/components/LoginForm/index.tsx
-import { useState as useState19 } from "react";
+import { useState as useState20 } from "react";
 import { useValidations as useValidations3 } from "@data-c/hooks";
 import { Alert as Alert5, Divider as Divider4, Stack as Stack42, TextField as TextField8, Typography as Typography23 } from "@mui/material";
 import { isAxiosError as isAxiosError2 } from "axios";
@@ -10652,10 +11009,10 @@ import WhatsApp from "@mui/icons-material/WhatsApp";
 // src/v2/Auth/components/AlterarSenhaV2/index.tsx
 import InfoOutlined from "@mui/icons-material/InfoOutlined";
 import { Alert as Alert4, Box as Box19, Divider as Divider3, Grid, Typography as Typography22 } from "@mui/material";
-import { useState as useState18 } from "react";
+import { useState as useState19 } from "react";
 import { useForm, useValidations as useValidations2 } from "@data-c/hooks";
 import { isAxiosError } from "axios";
-import { useEffect as useEffect16 } from "react";
+import { useEffect as useEffect17 } from "react";
 import isStrongPassword from "validator/lib/isStrongPassword";
 
 // src/v2/Auth/components/AlterarSenhaV2/components/ValidatorMessage/index.tsx
@@ -10724,14 +11081,14 @@ function AlterarSenhaV2(props) {
   const { alterarSenha, isSubmitting } = useCredentialsContext();
   const { setValidationErrors, validationProps } = useValidations2();
   const { data, handleChange, setData, changeValue } = useForm(defaultData);
-  const [ehSegura, setEhSegura] = useState18(false);
-  const [error, setError] = useState18(null);
-  useEffect16(() => {
+  const [ehSegura, setEhSegura] = useState19(false);
+  const [error, setError] = useState19(null);
+  useEffect17(() => {
     if (senhaAtual) {
       changeValue("senhaAtual", senhaAtual);
     }
   }, [senhaAtual]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (data.senhaNova) {
       setEhSegura(
         isStrongPassword(data.senhaNova, {
@@ -10942,12 +11299,12 @@ var schema3 = create$3().shape({
 });
 function LoginForm(props) {
   const { onLoginSuccess, onLoginFailed, onOptionsClick } = props;
-  const [email, setEmail] = useState19("");
-  const [password, setPassword] = useState19("");
-  const [isLoading, setLoading] = useState19(false);
-  const [exibirAlterarSenha, setExibirAlterarSenha] = useState19(false);
-  const [sucessoAlterarSenha, setSucessoAlterarSenha] = useState19(false);
-  const [error, setError] = useState19(null);
+  const [email, setEmail] = useState20("");
+  const [password, setPassword] = useState20("");
+  const [isLoading, setLoading] = useState20(false);
+  const [exibirAlterarSenha, setExibirAlterarSenha] = useState20(false);
+  const [sucessoAlterarSenha, setSucessoAlterarSenha] = useState20(false);
+  const [error, setError] = useState20(null);
   const { login } = useCredentialsContext();
   const { validationProps, setValidationErrors } = useValidations3();
   async function handleLogin() {
@@ -11103,16 +11460,16 @@ function LoginForm(props) {
 }
 
 // src/v2/Auth/components/LoginSection/index.tsx
-import { useEffect as useEffect18, useState as useState23 } from "react";
+import { useEffect as useEffect19, useState as useState24 } from "react";
 
 // src/v2/Auth/components/OtpForm/index.tsx
 import { useForm as useForm2 } from "@data-c/hooks";
 import HelpOutline from "@mui/icons-material/HelpOutline";
 import { Alert as Alert7, IconButton as IconButton13, Stack as Stack44, TextField as TextField11, Typography as Typography25 } from "@mui/material";
-import { useState as useState22 } from "react";
+import { useState as useState23 } from "react";
 
 // src/WhastappTextField/index.tsx
-import { useState as useState20, useMemo as useMemo10 } from "react";
+import { useState as useState21, useMemo as useMemo10 } from "react";
 import TextField9 from "@mui/material/TextField";
 import { jsx as jsx161 } from "react/jsx-runtime";
 var formatPhone = (value) => {
@@ -11130,7 +11487,7 @@ var formatPhone = (value) => {
 };
 function WhatsAppTextField(props) {
   const { value: propValue, onChange: propOnChange, ...rest } = props;
-  const [internalValue, setInternalValue] = useState20("");
+  const [internalValue, setInternalValue] = useState21("");
   const isControlled = propValue !== void 0;
   const displayedValue = useMemo10(() => {
     return isControlled ? formatPhone(propValue || "") : internalValue;
@@ -11164,7 +11521,7 @@ function WhatsAppTextField(props) {
 
 // src/v2/Auth/components/OtpForm/DialogVerificarOtp.tsx
 import { Alert as Alert6, Stack as Stack43, Typography as Typography24 } from "@mui/material";
-import { useEffect as useEffect17, useState as useState21 } from "react";
+import { useEffect as useEffect18, useState as useState22 } from "react";
 
 // src/VerificationCodeInput/index.tsx
 import { useRef as useRef5 } from "react";
@@ -11220,11 +11577,11 @@ function VerificationCodeInput({
 import { jsx as jsx163, jsxs as jsxs74 } from "react/jsx-runtime";
 function DialogVerificarOtp(props) {
   const { open, onClose, payload, onLoginSuccess } = props;
-  const [code, setCode] = useState21("");
-  const [error, setError] = useState21(false);
-  const [isLoading, setLoading] = useState21(false);
+  const [code, setCode] = useState22("");
+  const [error, setError] = useState22(false);
+  const [isLoading, setLoading] = useState22(false);
   const { validarOtpVerificationCode } = useCredentialsContext();
-  useEffect17(() => {
+  useEffect18(() => {
     if (error) {
       setTimeout(() => {
         setError(false);
@@ -11314,11 +11671,11 @@ var contatoSchema = create$3().shape({
 });
 function OtpForm(props) {
   const { tipo, onLoginSuccess, onLoginClick } = props;
-  const [isLoading, setLoading] = useState22(false);
-  const [error, setError] = useState22(false);
+  const [isLoading, setLoading] = useState23(false);
+  const [error, setError] = useState23(false);
   const { gerarOtpVerificationCode } = useCredentialsContext();
   const { handleChange, changeValue, data, validate, validationErrors } = useForm2({ contato: "" }, contatoSchema);
-  const [isOpenVerificar, setOpenVerificar] = useState22(false);
+  const [isOpenVerificar, setOpenVerificar] = useState23(false);
   const handleSubmit = async (e) => {
     e.preventDefault();
     validate(
@@ -11447,12 +11804,12 @@ var pageLabelMap = {
 };
 function LoginSection(props) {
   const { onLoginSuccess, onLoginFailed, onAlreadyLogged, appName } = props;
-  const [loginData, setLoginData] = useState23();
+  const [loginData, setLoginData] = useState24();
   const { selecionarLicenca, isAuthenticated } = useCredentialsContext();
-  const [view, setView] = useState23("login");
+  const [view, setView] = useState24("login");
   const theme2 = useTheme11();
   const fullScreen = useMediaQuery6(theme2.breakpoints.up("md"));
-  useEffect18(() => {
+  useEffect19(() => {
     if (isAuthenticated && onAlreadyLogged) {
       onAlreadyLogged();
     }
@@ -11581,7 +11938,7 @@ function Auth(props) {
 import { jsx as jsx167 } from "react/jsx-runtime";
 function PasswordTextField(props) {
   const { name, label, value, onChange, onKeyDown, ...rest } = props;
-  const [showPassword, setShowPassword] = useState24(false);
+  const [showPassword, setShowPassword] = useState25(false);
   function handleClickShowPassword() {
     setShowPassword(!showPassword);
   }
@@ -11676,17 +12033,17 @@ function AlterarSenha(props) {
     senhaAtual,
     email
   } = props;
-  const { alterarSenha, isSubmitting } = useCredentials2(credentialsConfig);
+  const { alterarSenha, isSubmitting } = useCredentials(credentialsConfig);
   const { setValidationErrors, validationProps } = useValidations4();
   const { data, handleChange, setData, changeValue } = useForm3(defaultData2);
-  const [ehSegura, setEhSegura] = useState25(false);
-  const [error, setError] = useState25(null);
-  useEffect19(() => {
+  const [ehSegura, setEhSegura] = useState26(false);
+  const [error, setError] = useState26(null);
+  useEffect20(() => {
     if (senhaAtual) {
       changeValue("senhaAtual", senhaAtual);
     }
   }, [senhaAtual]);
-  useEffect19(() => {
+  useEffect20(() => {
     if (data.senhaNova) {
       setEhSegura(
         isStrongPassword2(data.senhaNova, {
@@ -11897,13 +12254,13 @@ var schema5 = create$3().shape({
 });
 function LoginForm2(props) {
   const { onLoginSuccess, onLoginFailed, onOptionsClick, credentialsConfig } = props;
-  const [email, setEmail] = useState26("");
-  const [password, setPassword] = useState26("");
-  const [isLoading, setLoading] = useState26(false);
-  const [exibirAlterarSenha, setExibirAlterarSenha] = useState26(false);
-  const [sucessoAlterarSenha, setSucessoAlterarSenha] = useState26(false);
-  const [error, setError] = useState26(null);
-  const { login } = useCredentials3(credentialsConfig);
+  const [email, setEmail] = useState27("");
+  const [password, setPassword] = useState27("");
+  const [isLoading, setLoading] = useState27(false);
+  const [exibirAlterarSenha, setExibirAlterarSenha] = useState27(false);
+  const [sucessoAlterarSenha, setSucessoAlterarSenha] = useState27(false);
+  const [error, setError] = useState27(null);
+  const { login } = useCredentials2(credentialsConfig);
   const { validationProps, setValidationErrors } = useValidations5();
   async function handleLogin() {
     setValidationErrors(null);
@@ -12059,20 +12416,20 @@ function LoginForm2(props) {
 }
 
 // src/MioAuth/components/EsqueciSenhaForm/index.tsx
-import { useState as useState27 } from "react";
+import { useState as useState28 } from "react";
 import { Alert as Alert10, Box as Box24, TextField as TextField13 } from "@mui/material";
-import { useCredentials as useCredentials4, useValidations as useValidations6 } from "@data-c/hooks";
+import { useCredentials as useCredentials3, useValidations as useValidations6 } from "@data-c/hooks";
 import { jsx as jsx171, jsxs as jsxs81 } from "react/jsx-runtime";
 var schema6 = create$3().shape({
   email: create$6().required("Informe o e-mail")
 });
 function EsqueciSenhaForm2(props) {
   const { onLoginClick, credentialsConfig } = props;
-  const [email, setEmail] = useState27("");
-  const [isSubmitting, setSubmitting] = useState27(false);
-  const [sucessoRecuperarSenha, setSucessoRecuperarSenha] = useState27(false);
-  const [error, setError] = useState27(null);
-  const { recuperarSenha } = useCredentials4(credentialsConfig);
+  const [email, setEmail] = useState28("");
+  const [isSubmitting, setSubmitting] = useState28(false);
+  const [sucessoRecuperarSenha, setSucessoRecuperarSenha] = useState28(false);
+  const [error, setError] = useState28(null);
+  const { recuperarSenha } = useCredentials3(credentialsConfig);
   const { validationProps, setValidationErrors } = useValidations6();
   async function handleRecuperarSenha() {
     setValidationErrors(null);
@@ -12165,15 +12522,15 @@ function EsqueciSenhaForm2(props) {
 }
 
 // src/MioAuth/components/LicencaForm/index.tsx
-import { useEffect as useEffect20, useState as useState28 } from "react";
+import { useEffect as useEffect21, useState as useState29 } from "react";
 import { Box as Box25, MenuItem as MenuItem7, TextField as TextField14 } from "@mui/material";
-import { useCredentials as useCredentials5 } from "@data-c/hooks";
+import { useCredentials as useCredentials4 } from "@data-c/hooks";
 import { jsx as jsx172, jsxs as jsxs82 } from "react/jsx-runtime";
 function LicencaForm2(props) {
   const { loginData, credentialsConfig, onLoginFailed, onLoginSuccess } = props;
-  const [empresaId, setEmpresaId] = useState28("");
-  const { selecionarLicenca, isSubmitting } = useCredentials5(credentialsConfig);
-  useEffect20(() => {
+  const [empresaId, setEmpresaId] = useState29("");
+  const { selecionarLicenca, isSubmitting } = useCredentials4(credentialsConfig);
+  useEffect21(() => {
     if (Array.isArray(loginData?.empresas)) {
       const empresa = loginData?.empresas[0];
       setEmpresaId(empresa?.uuid);
@@ -12221,34 +12578,34 @@ function LicencaForm2(props) {
 }
 
 // src/MioAuth/components/LoginSection/index.tsx
-import { useEffect as useEffect22, useState as useState31 } from "react";
+import { useEffect as useEffect23, useState as useState32 } from "react";
 import {
-  useCredentials as useCredentials8
+  useCredentials as useCredentials7
 } from "@data-c/hooks";
 
 // src/MioAuth/components/OtpForm/index.tsx
 import {
-  useCredentials as useCredentials7,
+  useCredentials as useCredentials6,
   useForm as useForm4
 } from "@data-c/hooks";
 import HelpOutline2 from "@mui/icons-material/HelpOutline";
 import { Alert as Alert12, IconButton as IconButton15, Stack as Stack49, TextField as TextField15, Typography as Typography31 } from "@mui/material";
-import { useState as useState30 } from "react";
+import { useState as useState31 } from "react";
 
 // src/MioAuth/components/OtpForm/DialogVerificarOtp.tsx
 import {
-  useCredentials as useCredentials6
+  useCredentials as useCredentials5
 } from "@data-c/hooks";
 import { Alert as Alert11, Stack as Stack48, Typography as Typography30 } from "@mui/material";
-import { useEffect as useEffect21, useState as useState29 } from "react";
+import { useEffect as useEffect22, useState as useState30 } from "react";
 import { jsx as jsx173, jsxs as jsxs83 } from "react/jsx-runtime";
 function DialogVerificarOtp2(props) {
   const { open, onClose, payload, onLoginSuccess, credentialsConfig } = props;
-  const [code, setCode] = useState29("");
-  const [error, setError] = useState29(false);
-  const [isLoading, setLoading] = useState29(false);
-  const { validarOtpVerificationCode } = useCredentials6(credentialsConfig);
-  useEffect21(() => {
+  const [code, setCode] = useState30("");
+  const [error, setError] = useState30(false);
+  const [isLoading, setLoading] = useState30(false);
+  const { validarOtpVerificationCode } = useCredentials5(credentialsConfig);
+  useEffect22(() => {
     if (error) {
       setTimeout(() => {
         setError(false);
@@ -12338,11 +12695,11 @@ var contatoSchema2 = create$3().shape({
 });
 function OtpForm2(props) {
   const { tipo, credentialsConfig, onLoginSuccess, onLoginClick } = props;
-  const [isLoading, setLoading] = useState30(false);
-  const [error, setError] = useState30(false);
-  const { gerarOtpVerificationCode } = useCredentials7(credentialsConfig);
+  const [isLoading, setLoading] = useState31(false);
+  const [error, setError] = useState31(false);
+  const { gerarOtpVerificationCode } = useCredentials6(credentialsConfig);
   const { handleChange, changeValue, data, validate, validationErrors } = useForm4({ contato: "" }, contatoSchema2);
-  const [isOpenVerificar, setOpenVerificar] = useState30(false);
+  const [isOpenVerificar, setOpenVerificar] = useState31(false);
   const handleSubmit = async (e) => {
     e.preventDefault();
     validate(
@@ -12478,12 +12835,12 @@ function LoginSection2(props) {
     onAlreadyLogged,
     appName
   } = props;
-  const [loginData, setLoginData] = useState31();
-  const { selecionarLicenca, isAuthenticated } = useCredentials8(credentialsConfig);
-  const [view, setView] = useState31("login");
+  const [loginData, setLoginData] = useState32();
+  const { selecionarLicenca, isAuthenticated } = useCredentials7(credentialsConfig);
+  const [view, setView] = useState32("login");
   const theme2 = useTheme14();
   const fullScreen = useMediaQuery8(theme2.breakpoints.up("md"));
-  useEffect22(() => {
+  useEffect23(() => {
     if (isAuthenticated && onAlreadyLogged) {
       onAlreadyLogged();
     }
@@ -12724,11 +13081,11 @@ function MioAuth(props) {
 import { formatDocumento as formatDocumento2, normalizeText } from "@data-c/hooks";
 import ArrowDropDown from "@mui/icons-material/ArrowDropDown";
 import { Button as Button12, Stack as Stack53, Typography as Typography35 } from "@mui/material";
-import { useState as useState32 } from "react";
+import { useState as useState33 } from "react";
 import { jsx as jsx178, jsxs as jsxs88 } from "react/jsx-runtime";
 function AlterarLicenca(props) {
   const { licencas, licencaSelecionada, onAlterarLicenca } = props;
-  const [query, setQuery] = useState32("");
+  const [query, setQuery] = useState33("");
   if (licencas.length === 0)
     return /* @__PURE__ */ jsxs88(Stack53, { overflow: "hidden", children: [
       /* @__PURE__ */ jsx178(Typography35, { overflow: "hidden", textOverflow: "ellipsis", variant: "body1", children: licencaSelecionada.nome }),
@@ -12807,7 +13164,7 @@ import { styled as styled9 } from "@mui/material/styles";
 import { List as List5 } from "@mui/material";
 
 // src/DrawerMenu/components/FullMenu/components/FullMenuItem/index.tsx
-import { useState as useState33 } from "react";
+import { useState as useState34 } from "react";
 import ExpandLess from "@mui/icons-material/ExpandLess";
 import ExpandMore from "@mui/icons-material/ExpandMore";
 import { Box as Box27, Collapse as Collapse3, Icon as Icon4, ListItemText as ListItemText3 } from "@mui/material";
@@ -12858,7 +13215,7 @@ var MenuItem_default = MenuItem8;
 import { jsx as jsx180, jsxs as jsxs89 } from "react/jsx-runtime";
 function FullMenuItem2(props) {
   const { menuItem, activeMenu, onMenuClick } = props;
-  const [expanded, setExpanded] = useState33(false);
+  const [expanded, setExpanded] = useState34(false);
   if (!menuItem.visible)
     return null;
   const isExpandable = Boolean(
@@ -12919,12 +13276,12 @@ function FullMenu(props) {
 }
 
 // src/DrawerMenu/components/MinMenu/index.tsx
-import { useState as useState34 } from "react";
+import { useState as useState35 } from "react";
 import { List as List6, Icon as Icon5, ListItemIcon as ListItemIcon3, Popper as Popper3 } from "@mui/material";
 import { jsx as jsx182, jsxs as jsxs90 } from "react/jsx-runtime";
 function MinMenu(props) {
   const { menus, activeMenu, onMenuClick } = props;
-  const [opened, setOpened] = useState34(null);
+  const [opened, setOpened] = useState35(null);
   const handleOpen = (event, id, items) => {
     setOpened({
       element: event.currentTarget,
@@ -13099,7 +13456,7 @@ function Avatar(props) {
 
 // src/Profile/index.tsx
 import { Stack as Stack58, Tab, Tabs } from "@mui/material";
-import { useState as useState39 } from "react";
+import { useState as useState40 } from "react";
 
 // src/Profile/TabPanel.tsx
 import { Box as Box29 } from "@mui/material";
@@ -13128,7 +13485,7 @@ function TabPanel(props) {
 
 // src/Profile/MinhaConta.tsx
 import {
-  useCredentials as useCredentials9,
+  useCredentials as useCredentials8,
   useForm as useForm5
 } from "@data-c/hooks";
 import {
@@ -13139,10 +13496,10 @@ import {
   TextField as TextField16,
   Typography as Typography36
 } from "@mui/material";
-import { useEffect as useEffect23, useState as useState36 } from "react";
+import { useEffect as useEffect24, useState as useState37 } from "react";
 
 // src/Profile/AvatarUploader.tsx
-import { useState as useState35, useCallback as useCallback5 } from "react";
+import { useState as useState36, useCallback as useCallback5 } from "react";
 import Cropper from "react-easy-crop";
 import Slider from "@mui/material/Slider";
 import Button13 from "@mui/material/Button";
@@ -13181,12 +13538,12 @@ function getCroppedImg(imageSrc, crop) {
 import { Stack as Stack54 } from "@mui/material";
 import { jsx as jsx187, jsxs as jsxs92 } from "react/jsx-runtime";
 var AvatarUploader = ({ onSave, src }) => {
-  const [image, setImage] = useState35(null);
-  const [croppedImage, setCroppedImage] = useState35(null);
-  const [crop, setCrop] = useState35({ x: 0, y: 0 });
-  const [zoom, setZoom] = useState35(1);
-  const [croppedAreaPixels, setCroppedAreaPixels] = useState35(null);
-  const [open, setOpen] = useState35(false);
+  const [image, setImage] = useState36(null);
+  const [croppedImage, setCroppedImage] = useState36(null);
+  const [crop, setCrop] = useState36({ x: 0, y: 0 });
+  const [zoom, setZoom] = useState36(1);
+  const [croppedAreaPixels, setCroppedAreaPixels] = useState36(null);
+  const [open, setOpen] = useState36(false);
   const onCropComplete = useCallback5((_, croppedAreaPixels2) => {
     setCroppedAreaPixels(croppedAreaPixels2);
   }, []);
@@ -13291,21 +13648,21 @@ function MinhaConta(props) {
     usuario,
     schema7
   );
-  const [error, setErro] = useState36(false);
-  const [isAlterando, setAlterando] = useState36(false);
-  const [isAlteradoComSucesso, setAlteradoComSucesso] = useState36(false);
-  const { uploadAvatar, atualizarUsuario } = useCredentials9(credentialsConfig);
-  useEffect23(() => {
+  const [error, setErro] = useState37(false);
+  const [isAlterando, setAlterando] = useState37(false);
+  const [isAlteradoComSucesso, setAlteradoComSucesso] = useState37(false);
+  const { uploadAvatar, atualizarUsuario } = useCredentials8(credentialsConfig);
+  useEffect24(() => {
     setData(usuario);
   }, [usuario]);
-  useEffect23(() => {
+  useEffect24(() => {
     if (isAlteradoComSucesso) {
       setTimeout(() => {
         setAlteradoComSucesso(false);
       }, 3e3);
     }
   }, [isAlteradoComSucesso]);
-  useEffect23(() => {
+  useEffect24(() => {
     if (error) {
       setTimeout(() => {
         setErro(false);
@@ -13397,27 +13754,27 @@ function MinhaConta(props) {
 
 // src/Profile/LoginSeguranca.tsx
 import {
-  useCredentials as useCredentials11,
+  useCredentials as useCredentials10,
   useForm as useForm6
 } from "@data-c/hooks";
 import Verified from "@mui/icons-material/Verified";
 import { Alert as Alert15, Divider as Divider8, Stack as Stack57, Typography as Typography38 } from "@mui/material";
-import { useEffect as useEffect25, useState as useState38 } from "react";
+import { useEffect as useEffect26, useState as useState39 } from "react";
 
 // src/Profile/DialogVerificarWhastapp.tsx
 import {
-  useCredentials as useCredentials10
+  useCredentials as useCredentials9
 } from "@data-c/hooks";
 import { Alert as Alert14, Stack as Stack56, Typography as Typography37 } from "@mui/material";
-import { useEffect as useEffect24, useState as useState37 } from "react";
+import { useEffect as useEffect25, useState as useState38 } from "react";
 import { jsx as jsx189, jsxs as jsxs94 } from "react/jsx-runtime";
 function DialogVerificarWhastapp(props) {
   const { open, onClose, payload, onCodigoVerificado, credentialsConfig } = props;
-  const [code, setCode] = useState37("");
-  const [error, setError] = useState37(false);
-  const [isLoading, setLoading] = useState37(false);
-  const { validarCodigoWhatsapp } = useCredentials10(credentialsConfig);
-  useEffect24(() => {
+  const [code, setCode] = useState38("");
+  const [error, setError] = useState38(false);
+  const [isLoading, setLoading] = useState38(false);
+  const { validarCodigoWhatsapp } = useCredentials9(credentialsConfig);
+  useEffect25(() => {
     if (error) {
       setTimeout(() => {
         setError(false);
@@ -13499,13 +13856,13 @@ var schema8 = create$3().shape({
 });
 function LoginSeguranca(props) {
   const { usuario, credentialsConfig, onWhastappSaved } = props;
-  const [isOpenAlterarSenha, setOpenAlterarSenha] = useState38(false);
-  const [isAlterando, setAlterando] = useState38(false);
+  const [isOpenAlterarSenha, setOpenAlterarSenha] = useState39(false);
+  const [isAlterando, setAlterando] = useState39(false);
   const { data, setData, changeValue, validate, validationErrors } = useForm6(usuario);
-  const [isGerandoNumero, setGerandoNumero] = useState38(false);
-  const [isOpenVerificarWhastapp, setOpenVerificarWhatsapp] = useState38(false);
-  const { atualizarUsuario, gerarWhatsappVerificationCode } = useCredentials11(credentialsConfig);
-  useEffect25(() => {
+  const [isGerandoNumero, setGerandoNumero] = useState39(false);
+  const [isOpenVerificarWhastapp, setOpenVerificarWhatsapp] = useState39(false);
+  const { atualizarUsuario, gerarWhatsappVerificationCode } = useCredentials10(credentialsConfig);
+  useEffect26(() => {
     setData(usuario);
   }, [usuario]);
   function handleSalvarWhastapp() {
@@ -13621,7 +13978,7 @@ function LoginSeguranca(props) {
 import { useUserContext as useUserContext2 } from "@data-c/providers";
 import { Fragment as Fragment12, jsx as jsx191, jsxs as jsxs96 } from "react/jsx-runtime";
 function Profile(props) {
-  const [tabValue, setTabValue] = useState39(0);
+  const [tabValue, setTabValue] = useState40(0);
   const {
     user: usuarioLogado,
     setUser: setUsuarioLogado,