@data-c/ui 0.2.82 → 0.2.84

package/dist/index.mjs

@@ -2572,7 +2572,7 @@ function PageTitle(props) {
 }
 
 // src/MioAuth/index.tsx
-import { Stack as Stack19, Typography as Typography15, useMediaQuery as useMediaQuery5, useTheme as useTheme8 } from "@mui/material";
+import { Stack as Stack19, Typography as Typography16, useMediaQuery as useMediaQuery5, useTheme as useTheme8 } from "@mui/material";
 
 // src/MioAuth/components/BannerSection/index.tsx
 import { Stack as Stack7, useMediaQuery as useMediaQuery2, useTheme } from "@mui/material";
@@ -2602,7 +2602,7 @@ function BannerSection(props) {
 }
 
 // src/MioAuth/components/LoginSection/index.tsx
-import { Box as Box13, Stack as Stack17, useMediaQuery as useMediaQuery3, useTheme as useTheme6 } from "@mui/material";
+import { Box as Box14, Stack as Stack17, useMediaQuery as useMediaQuery3, useTheme as useTheme6 } from "@mui/material";
 
 // src/MioAuth/components/Header/index.tsx
 import { Stack as Stack8, Typography as Typography6 } from "@mui/material";
@@ -2642,7 +2642,7 @@ import {
   useCredentials as useCredentials2,
   useValidations as useValidations2
 } from "@data-c/hooks";
-import { Alert as Alert3, Divider as Divider3, Stack as Stack14, TextField as TextField4, Typography as Typography10 } from "@mui/material";
+import { Alert as Alert3, Divider as Divider4, Stack as Stack14, TextField as TextField4, Typography as Typography11 } from "@mui/material";
 import { isAxiosError as isAxiosError2 } from "axios";
 import Mail from "@mui/icons-material/Mail";
 import WhatsApp from "@mui/icons-material/WhatsApp";
@@ -2903,6 +2903,9 @@ var prefixes = {
   context: "$",
   value: "."
 };
+function create$9(key2, options) {
+  return new Reference(key2, options);
+}
 var Reference = class {
   constructor(key2, options = {}) {
     this.key = void 0;
@@ -5051,7 +5054,8 @@ var TupleSchema = class extends Schema {
 create$1.prototype = TupleSchema.prototype;
 
 // src/AlterarSenha/index.tsx
-import { Alert as Alert2, Grid } from "@mui/material";
+import { InfoOutlined } from "@mui/icons-material";
+import { Alert as Alert2, Box as Box10, Divider as Divider3, Grid, Typography as Typography10 } from "@mui/material";
 import { useState as useState4 } from "react";
 import {
   useCredentials,
@@ -5073,7 +5077,7 @@ import {
 import { useState as useState3 } from "react";
 import { jsx as jsx17 } from "react/jsx-runtime";
 function PasswordTextField(props) {
-  const { name, label, value, onChange, onKeyDown } = props;
+  const { name, label, value, onChange, onKeyDown, ...rest } = props;
   const [showPassword, setShowPassword] = useState3(false);
   function handleClickShowPassword() {
     setShowPassword(!showPassword);
@@ -5087,17 +5091,20 @@ function PasswordTextField(props) {
       onChange,
       onKeyDown,
       type: showPassword ? "text" : "password",
-      InputProps: {
-        endAdornment: /* @__PURE__ */ jsx17(InputAdornment3, { position: "end", children: /* @__PURE__ */ jsx17(
-          IconButton6,
-          {
-            tabIndex: -1,
-            onClick: handleClickShowPassword,
-            edge: "end",
-            children: showPassword ? /* @__PURE__ */ jsx17(VisibilityOff, {}) : /* @__PURE__ */ jsx17(Visibility, {})
-          }
-        ) })
-      }
+      slotProps: {
+        input: {
+          endAdornment: /* @__PURE__ */ jsx17(InputAdornment3, { position: "end", children: /* @__PURE__ */ jsx17(
+            IconButton6,
+            {
+              tabIndex: -1,
+              onClick: handleClickShowPassword,
+              edge: "end",
+              children: showPassword ? /* @__PURE__ */ jsx17(VisibilityOff, {}) : /* @__PURE__ */ jsx17(Visibility, {})
+            }
+          ) })
+        }
+      },
+      ...rest
     }
   );
 }
@@ -5437,11 +5444,13 @@ function ValidatorMessage(props) {
 import { jsx as jsx32, jsxs as jsxs14 } from "react/jsx-runtime";
 var defaultData = {
   senhaAtual: "",
-  senhaNova: ""
+  senhaNova: "",
+  senhaNovaConfirmar: ""
 };
 var schema = create$3().shape({
   senhaAtual: create$6().required("Informe a Senha Atual."),
-  senhaNova: create$6().required("Informe a Nova Senha.")
+  senhaNova: create$6().required("Informe a Nova Senha."),
+  senhaNovaConfirmar: create$6().required("Informe a Nova Senha.").oneOf([create$9("senhaNova")], "As senhas devem ser iguais.")
 });
 function AlterarSenha(props) {
   const {
@@ -5499,6 +5508,8 @@ function AlterarSenha(props) {
         setError("Ocorreu um erro ao tentar alterar a senha");
       }
     }).catch((error2) => {
+      console.log("Erros por campo:", error2.inner);
+      console.log("Primeiro erro:", error2.errors);
       setValidationErrors(error2);
     });
   }
@@ -5533,6 +5544,11 @@ function AlterarSenha(props) {
     }
     return false;
   }
+  function asSenhasSaoIguais() {
+    if (data?.senhaNova === "")
+      return false;
+    return data?.senhaNova === data?.senhaNovaConfirmar;
+  }
   return /* @__PURE__ */ jsxs14(Dialog_default.Root, { open: isOpen, onClose: (_) => onClose(), maxWidth: "md", children: [
     /* @__PURE__ */ jsxs14(Dialog_default.Header, { children: [
       /* @__PURE__ */ jsx32(Dialog_default.Title, { children: "Alterar Senha" }),
@@ -5544,16 +5560,29 @@ function AlterarSenha(props) {
         /* @__PURE__ */ jsx32("br", {}),
         "Cadastre uma senha segura para deixar sua conta mais protegida."
       ] }) }),
-      /* @__PURE__ */ jsx32(Grid, { size: 12, children: /* @__PURE__ */ jsx32(
-        PasswordTextField,
-        {
-          name: "senhaAtual",
-          label: "Senha Atual",
-          value: data?.senhaAtual || "",
-          onChange: handleChange,
-          ...validationProps("senhaAtual")
-        }
-      ) }),
+      /* @__PURE__ */ jsxs14(Grid, { size: 12, children: [
+        /* @__PURE__ */ jsx32(
+          PasswordTextField,
+          {
+            name: "senhaAtual",
+            label: "Senha Atual",
+            value: data?.senhaAtual || "",
+            onChange: handleChange,
+            ...validationProps("senhaAtual")
+          }
+        ),
+        /* @__PURE__ */ jsxs14(
+          Box10,
+          {
+            sx: { display: "flex", alignItems: "center", gap: 0.5, mt: 0.5 },
+            children: [
+              /* @__PURE__ */ jsx32(InfoOutlined, { sx: { fontSize: 14, color: "text.secondary" } }),
+              /* @__PURE__ */ jsx32(Typography10, { variant: "caption", color: "text.secondary", children: "Essa \xE9 a senha que voc\xEA utiliza para acessar o sistema atualmente." })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx32(Grid, { size: 12, children: /* @__PURE__ */ jsx32(Divider3, {}) }),
       /* @__PURE__ */ jsx32(Grid, { size: 12, children: /* @__PURE__ */ jsx32(
         PasswordTextField,
         {
@@ -5564,6 +5593,28 @@ function AlterarSenha(props) {
           ...validationProps("senhaNova")
         }
       ) }),
+      /* @__PURE__ */ jsxs14(Grid, { size: 12, children: [
+        /* @__PURE__ */ jsx32(
+          PasswordTextField,
+          {
+            name: "senhaNovaConfirmar",
+            label: "Confirmar Nova Senha",
+            value: data?.senhaNovaConfirmar || "",
+            onChange: handleChange,
+            ...validationProps("senhaNovaConfirmar")
+          }
+        ),
+        /* @__PURE__ */ jsxs14(
+          Box10,
+          {
+            sx: { display: "flex", alignItems: "center", gap: 0.5, mt: 0.5 },
+            children: [
+              /* @__PURE__ */ jsx32(InfoOutlined, { sx: { fontSize: 14, color: "text.secondary" } }),
+              /* @__PURE__ */ jsx32(Typography10, { variant: "caption", color: "text.secondary", children: "Informe nos campos acima a nova senha que deseja utilizar." })
+            ]
+          }
+        )
+      ] }),
       /* @__PURE__ */ jsxs14(Grid, { size: 12, children: [
         /* @__PURE__ */ jsx32(
           ValidatorMessage,
@@ -5599,6 +5650,13 @@ function AlterarSenha(props) {
             isValid: temCaracterEspecial(),
             message: "A nova senha deve ter ao menos um caracter especial"
           }
+        ),
+        /* @__PURE__ */ jsx32(
+          ValidatorMessage,
+          {
+            isValid: asSenhasSaoIguais(),
+            message: "A confirma\xE7\xE3o da nova senha deve ser igual \xE0 nova senha"
+          }
         )
       ] }),
       error && /* @__PURE__ */ jsx32(Grid, { size: 12, children: /* @__PURE__ */ jsx32(Alert2, { severity: "error", children: error }) })
@@ -5746,9 +5804,9 @@ function LoginForm(props) {
         mt: 2,
         mb: 2,
         children: [
-          /* @__PURE__ */ jsx33(Divider3, { sx: { flexGrow: 1, mr: 1 } }),
-          /* @__PURE__ */ jsx33(Typography10, { children: "Ou fa\xE7a login com" }),
-          /* @__PURE__ */ jsx33(Divider3, { sx: { flexGrow: 1, ml: 1 } })
+          /* @__PURE__ */ jsx33(Divider4, { sx: { flexGrow: 1, mr: 1 } }),
+          /* @__PURE__ */ jsx33(Typography11, { children: "Ou fa\xE7a login com" }),
+          /* @__PURE__ */ jsx33(Divider4, { sx: { flexGrow: 1, ml: 1 } })
         ]
       }
     ),
@@ -5791,7 +5849,7 @@ function LoginForm(props) {
 
 // src/MioAuth/components/EsqueciSenhaForm/index.tsx
 import { useState as useState6 } from "react";
-import { Alert as Alert4, Box as Box10, TextField as TextField5 } from "@mui/material";
+import { Alert as Alert4, Box as Box11, TextField as TextField5 } from "@mui/material";
 import { useCredentials as useCredentials3, useValidations as useValidations3 } from "@data-c/hooks";
 import { jsx as jsx34, jsxs as jsxs16 } from "react/jsx-runtime";
 var schema3 = create$3().shape({
@@ -5821,7 +5879,7 @@ function EsqueciSenhaForm(props) {
       setValidationErrors(error2);
     });
   }
-  return /* @__PURE__ */ jsxs16(Box10, { component: "form", children: [
+  return /* @__PURE__ */ jsxs16(Box11, { component: "form", children: [
     /* @__PURE__ */ jsx34(
       TextField5,
       {
@@ -5897,7 +5955,7 @@ function EsqueciSenhaForm(props) {
 
 // src/MioAuth/components/LicencaForm/index.tsx
 import { useEffect as useEffect5, useState as useState7 } from "react";
-import { Box as Box11, MenuItem, TextField as TextField6 } from "@mui/material";
+import { Box as Box12, MenuItem, TextField as TextField6 } from "@mui/material";
 import { useCredentials as useCredentials4 } from "@data-c/hooks";
 import { jsx as jsx35, jsxs as jsxs17 } from "react/jsx-runtime";
 function LicencaForm(props) {
@@ -5922,7 +5980,7 @@ function LicencaForm(props) {
       onLoginFailed(err);
     }
   }
-  return /* @__PURE__ */ jsxs17(Box11, { component: "form", sx: { minWidth: "290px" }, children: [
+  return /* @__PURE__ */ jsxs17(Box12, { component: "form", sx: { minWidth: "290px" }, children: [
     /* @__PURE__ */ jsx35(
       TextField6,
       {
@@ -5963,7 +6021,7 @@ import {
   useForm as useForm2
 } from "@data-c/hooks";
 import HelpOutline from "@mui/icons-material/HelpOutline";
-import { Alert as Alert6, IconButton as IconButton8, Stack as Stack16, TextField as TextField9, Typography as Typography12 } from "@mui/material";
+import { Alert as Alert6, IconButton as IconButton8, Stack as Stack16, TextField as TextField9, Typography as Typography13 } from "@mui/material";
 import { useState as useState10 } from "react";
 
 // src/WhastappTextField/index.tsx
@@ -6021,12 +6079,12 @@ function WhatsAppTextField(props) {
 import {
   useCredentials as useCredentials5
 } from "@data-c/hooks";
-import { Alert as Alert5, Stack as Stack15, Typography as Typography11 } from "@mui/material";
+import { Alert as Alert5, Stack as Stack15, Typography as Typography12 } from "@mui/material";
 import { useEffect as useEffect6, useState as useState9 } from "react";
 
 // src/VerificationCodeInput/index.tsx
 import { useRef as useRef2 } from "react";
-import { Box as Box12, TextField as TextField8 } from "@mui/material";
+import { Box as Box13, TextField as TextField8 } from "@mui/material";
 import { jsx as jsx37 } from "react/jsx-runtime";
 function VerificationCodeInput({
   length = 6,
@@ -6050,7 +6108,7 @@ function VerificationCodeInput({
       inputsRef.current[index - 1]?.focus();
     }
   };
-  return /* @__PURE__ */ jsx37(Box12, { display: "flex", gap: 1, children: Array.from({ length }).map((_, i) => /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx37(Box13, { display: "flex", gap: 1, children: Array.from({ length }).map((_, i) => /* @__PURE__ */ jsx37(
     TextField8,
     {
       autoFocus: i === 0,
@@ -6121,14 +6179,14 @@ function DialogVerificarOtp(props) {
         alignItems: "center",
         children: [
           /* @__PURE__ */ jsx38(
-            Typography11,
+            Typography12,
             {
               variant: "subtitle1",
               sx: { fontWeight: "bolder", fontSize: "11pt" },
               children: "\u{1F510} Digite a senha tempor\xE1ria para acessar sua conta"
             }
           ),
-          /* @__PURE__ */ jsxs18(Typography11, { variant: "body1", sx: { fontSize: "10pt" }, children: [
+          /* @__PURE__ */ jsxs18(Typography12, { variant: "body1", sx: { fontSize: "10pt" }, children: [
             "Enviamos uma senha tempor\xE1ria para ",
             /* @__PURE__ */ jsx38("b", { children: payload.target }),
             ". ",
@@ -6200,7 +6258,7 @@ function OtpForm(props) {
   };
   return /* @__PURE__ */ jsxs19(Fragment4, { children: [
     /* @__PURE__ */ jsx39("form", { onSubmit: handleSubmit, children: /* @__PURE__ */ jsxs19(Stack16, { spacing: 2, children: [
-      /* @__PURE__ */ jsx39(Typography12, { variant: "subtitle2", children: tipo === "otp-email" ? " Informe seu e-mail para receber um c\xF3digo de acesso" : "Informe seu n\xFAmero de WhatsApp para receber um c\xF3digo de acesso" }),
+      /* @__PURE__ */ jsx39(Typography13, { variant: "subtitle2", children: tipo === "otp-email" ? " Informe seu e-mail para receber um c\xF3digo de acesso" : "Informe seu n\xFAmero de WhatsApp para receber um c\xF3digo de acesso" }),
       tipo === "otp-email" && /* @__PURE__ */ jsx39(
         TextField9,
         {
@@ -6356,7 +6414,7 @@ function LoginSection(props) {
   const pageLabel = pageLabelMap[view];
   return /* @__PURE__ */ jsxs20(Stack17, { children: [
     /* @__PURE__ */ jsx40(Header, { label: appName, subTitle: pageLabel }),
-    /* @__PURE__ */ jsxs20(Box13, { sx: { marginTop: 2 }, children: [
+    /* @__PURE__ */ jsxs20(Box14, { sx: { marginTop: 2 }, children: [
       view === "login" && /* @__PURE__ */ jsx40(
         LoginForm,
         {
@@ -6406,7 +6464,7 @@ function LoginSection(props) {
 
 // src/MioAuth/components/DefaultBanner/index.tsx
 import ArrowRight from "@mui/icons-material/ArrowRight";
-import { Link, Stack as Stack18, Typography as Typography14, useMediaQuery as useMediaQuery4, useTheme as useTheme7 } from "@mui/material";
+import { Link, Stack as Stack18, Typography as Typography15, useMediaQuery as useMediaQuery4, useTheme as useTheme7 } from "@mui/material";
 import { jsx as jsx41, jsxs as jsxs21 } from "react/jsx-runtime";
 function DefaultBanner() {
   const theme2 = useTheme7();
@@ -6428,7 +6486,7 @@ function DefaultBanner() {
       },
       children: /* @__PURE__ */ jsxs21(Stack18, { padding: "2rem", children: [
         /* @__PURE__ */ jsx41(
-          Typography14,
+          Typography15,
           {
             component: "h1",
             fontSize: "3.5rem",
@@ -6441,7 +6499,7 @@ function DefaultBanner() {
           }
         ),
         /* @__PURE__ */ jsx41(
-          Typography14,
+          Typography15,
           {
             component: "h2",
             color: "white",
@@ -6454,7 +6512,7 @@ function DefaultBanner() {
           }
         ),
         /* @__PURE__ */ jsx41(
-          Typography14,
+          Typography15,
           {
             component: "span",
             fontSize: "1.25rem",
@@ -6532,7 +6590,7 @@ function LoginContainer({ children }) {
             }
           ),
           /* @__PURE__ */ jsx42(
-            Typography15,
+            Typography16,
             {
               variant: "body1",
               component: "span",
@@ -6557,7 +6615,7 @@ function MioAuth(props) {
 // src/AlterarLicenca/index.tsx
 import { formatDocumento as formatDocumento2, normalizeText } from "@data-c/hooks";
 import ArrowDropDown from "@mui/icons-material/ArrowDropDown";
-import { Button as Button12, Stack as Stack44, Typography as Typography26 } from "@mui/material";
+import { Button as Button12, Stack as Stack44, Typography as Typography27 } from "@mui/material";
 import { useState as useState25 } from "react";
 
 // src/v2/Header/HeaderContent.tsx
@@ -8165,7 +8223,7 @@ var Menu_default = Menu;
 import {
   Button as Button4,
   Breadcrumbs as MuiBreadcrumbs,
-  Typography as Typography16
+  Typography as Typography17
 } from "@mui/material";
 import { jsx as jsx94 } from "react/jsx-runtime";
 function Breadcrumbs(props) {
@@ -8182,7 +8240,7 @@ function Breadcrumbs(props) {
         const currentPage = links.length === 1 || links.length === i + 1;
         if (currentPage) {
           return /* @__PURE__ */ jsx94(
-            Typography16,
+            Typography17,
             {
               sx: { fontSize: "10pt", fontWeight: "bolder" },
               variant: "subtitle1",
@@ -8536,12 +8594,12 @@ function FilterAdvancedContainer(props) {
 }
 
 // src/v2/Filter/FilterAdvancedContent.tsx
-import { Box as Box14 } from "@mui/material";
+import { Box as Box15 } from "@mui/material";
 import { jsx as jsx100 } from "react/jsx-runtime";
 function FilterAdvancedActionsContent({
   children
 }) {
-  return /* @__PURE__ */ jsx100(Box14, { mt: 1, ml: 1, mr: 1, mb: 2, children });
+  return /* @__PURE__ */ jsx100(Box15, { mt: 1, ml: 1, mr: 1, mb: 2, children });
 }
 
 // src/v2/Filter/FilterApplyButton.tsx
@@ -8575,7 +8633,7 @@ function FiltrerChip(props) {
 
 // src/v2/Filter/FilterChips.tsx
 import { usePopover } from "@data-c/hooks";
-import { Box as Box15, Button as Button6, Popover as Popover2, Stack as Stack25 } from "@mui/material";
+import { Box as Box16, Button as Button6, Popover as Popover2, Stack as Stack25 } from "@mui/material";
 import React9 from "react";
 import { jsx as jsx103, jsxs as jsxs62 } from "react/jsx-runtime";
 function FilterChips({
@@ -8638,7 +8696,7 @@ function FilterChips({
           horizontal: "right"
         },
         children: [
-          /* @__PURE__ */ jsx103(Box15, { pt: 2, pl: 1, pr: 1, pb: 2, children: React9.Children.map(childrenProp, (child) => {
+          /* @__PURE__ */ jsx103(Box16, { pt: 2, pl: 1, pr: 1, pb: 2, children: React9.Children.map(childrenProp, (child) => {
             if (React9.isValidElement(child) && child.props.name === popoverData?.name) {
               return child.props.children;
             }
@@ -8753,12 +8811,12 @@ function ResetButton() {
 }
 
 // src/v2/Filter/FilterRoot.tsx
-import { Box as Box16 } from "@mui/material";
+import { Box as Box17 } from "@mui/material";
 import { jsx as jsx106 } from "react/jsx-runtime";
 function FilterRoot(props) {
   const { children } = props;
   return /* @__PURE__ */ jsx106(
-    Box16,
+    Box17,
     {
       sx: {
         border: (theme2) => `1px solid ${theme2.palette.border}`,
@@ -8817,7 +8875,7 @@ import {
 import { ptBR } from "@mui/x-data-grid/locales";
 
 // src/v2/DataTable/DataTableEmptyData.tsx
-import { Stack as Stack27, Typography as Typography17 } from "@mui/material";
+import { Stack as Stack27, Typography as Typography18 } from "@mui/material";
 import { jsx as jsx108, jsxs as jsxs64 } from "react/jsx-runtime";
 function DataTableEmptyData() {
   return /* @__PURE__ */ jsxs64(
@@ -8853,8 +8911,8 @@ function DataTableEmptyData() {
           }
         ),
         /* @__PURE__ */ jsxs64(Stack27, { spacing: 1, textAlign: "center", children: [
-          /* @__PURE__ */ jsx108(Typography17, { variant: "h4", component: "h2", fontWeight: "600", children: "Nenhum registro encontrado" }),
-          /* @__PURE__ */ jsx108(Typography17, { variant: "body2", whiteSpace: "normal", children: "Tente outra pesquisa ou adicione um novo registro." })
+          /* @__PURE__ */ jsx108(Typography18, { variant: "h4", component: "h2", fontWeight: "600", children: "Nenhum registro encontrado" }),
+          /* @__PURE__ */ jsx108(Typography18, { variant: "body2", whiteSpace: "normal", children: "Tente outra pesquisa ou adicione um novo registro." })
         ] })
       ]
     }
@@ -8862,7 +8920,7 @@ function DataTableEmptyData() {
 }
 
 // src/v2/DataTable/DataTableError.tsx
-import { Stack as Stack28, Typography as Typography18 } from "@mui/material";
+import { Stack as Stack28, Typography as Typography19 } from "@mui/material";
 import { jsx as jsx109, jsxs as jsxs65 } from "react/jsx-runtime";
 function DataTableError({
   errorMessage
@@ -8900,8 +8958,8 @@ function DataTableError({
           }
         ),
         /* @__PURE__ */ jsxs65(Stack28, { gap: 1, textAlign: "center", children: [
-          /* @__PURE__ */ jsx109(Typography18, { variant: "h4", component: "h2", fontWeight: "600", children: "Ops! Algo deu errado" }),
-          /* @__PURE__ */ jsx109(Typography18, { variant: "body2", children: errorMessage })
+          /* @__PURE__ */ jsx109(Typography19, { variant: "h4", component: "h2", fontWeight: "600", children: "Ops! Algo deu errado" }),
+          /* @__PURE__ */ jsx109(Typography19, { variant: "body2", children: errorMessage })
         ] })
       ]
     }
@@ -9260,7 +9318,7 @@ import {
   CircularProgress as CircularProgress3,
   IconButton as IconButton11,
   Tooltip as Tooltip2,
-  Box as Box17
+  Box as Box18
 } from "@mui/material";
 import { Fragment as Fragment6, jsx as jsx117, jsxs as jsxs67 } from "react/jsx-runtime";
 function DataTableButton(props) {
@@ -9312,7 +9370,7 @@ function DataTableButton(props) {
       },
       ...rest,
       children: /* @__PURE__ */ jsxs67(
-        Box17,
+        Box18,
         {
           component: "span",
           sx: {
@@ -9508,7 +9566,7 @@ import {
   Pagination as MuiPagination,
   MenuItem as MenuItem3,
   Stack as Stack32,
-  Typography as Typography19
+  Typography as Typography20
 } from "@mui/material";
 import {
   pluralizar
@@ -9560,7 +9618,7 @@ function Pagination(props) {
       marginLeft: "auto",
       children: [
         /* @__PURE__ */ jsx126(
-          Typography19,
+          Typography20,
           {
             variant: "body2",
             fontSize: "13px",
@@ -9649,7 +9707,7 @@ function Root({ children, height, ...rest }) {
 }
 
 // src/v2/DataTable/DataTableSelectionCounter.tsx
-import { Stack as Stack34, Typography as Typography20 } from "@mui/material";
+import { Stack as Stack34, Typography as Typography21 } from "@mui/material";
 import { useMemo as useMemo6 } from "react";
 import { jsx as jsx128, jsxs as jsxs69 } from "react/jsx-runtime";
 function SelectionCounter(props) {
@@ -9665,7 +9723,7 @@ function SelectionCounter(props) {
     return countQuantidade === 1 ? `${countTitle} ${selecionadoText}` : countQuantidade && countQuantidade > 1 ? `${countTitle.split(" ").map((item) => `${item}s`).join("  ")} ${selecionadosText}` : `${nenhumText} ${countTitle} ${selecionadoText}`;
   }, [countQuantidade]);
   return /* @__PURE__ */ jsx128(Stack34, { children: /* @__PURE__ */ jsxs69(
-    Typography20,
+    Typography21,
     {
       variant: "body2",
       fontSize: "13px",
@@ -9681,7 +9739,7 @@ function SelectionCounter(props) {
 }
 
 // src/v2/DataTable/DataTableTitle.tsx
-import { Typography as Typography21, useTheme as useTheme10 } from "@mui/material";
+import { Typography as Typography22, useTheme as useTheme10 } from "@mui/material";
 import { jsx as jsx129 } from "react/jsx-runtime";
 function Title3({
   children,
@@ -9690,7 +9748,7 @@ function Title3({
 }) {
   const theme2 = useTheme10();
   return /* @__PURE__ */ jsx129(
-    Typography21,
+    Typography22,
     {
       variant: "h6",
       whiteSpace: "nowrap",
@@ -10029,12 +10087,12 @@ var Button11 = {
 var ButtonGroup_default = Button11;
 
 // src/v2/Card/CardRoot.tsx
-import { Box as Box18 } from "@mui/material";
+import { Box as Box19 } from "@mui/material";
 import { jsx as jsx141 } from "react/jsx-runtime";
 function CardRoot(props) {
   const { children, sx, ...rest } = props;
   return /* @__PURE__ */ jsx141(
-    Box18,
+    Box19,
     {
       sx: {
         position: "relative",
@@ -10054,14 +10112,14 @@ function CardRoot(props) {
 }
 
 // src/v2/Card/CardHeader.tsx
-import { Box as Box19, Stack as Stack38 } from "@mui/material";
+import { Box as Box20, Stack as Stack38 } from "@mui/material";
 import React11 from "react";
 import { jsx as jsx142 } from "react/jsx-runtime";
 function CardHeader(props) {
   const { children } = props;
   const clonedChildren = React11.Children.toArray(children).map((child) => {
     return React11.isValidElement(child) && /* @__PURE__ */ jsx142(
-      Box19,
+      Box20,
       {
         sx: {
           // backgroundColor: (theme) => theme.palette.background.default,
@@ -10091,11 +10149,11 @@ function CardHeader(props) {
 }
 
 // src/v2/Card/CardTitle.tsx
-import { Typography as Typography22 } from "@mui/material";
+import { Typography as Typography23 } from "@mui/material";
 import { jsx as jsx143 } from "react/jsx-runtime";
 function CardTitle(props) {
   const { title } = props;
-  return /* @__PURE__ */ jsx143(Typography22, { component: "h6", variant: "h6", children: title });
+  return /* @__PURE__ */ jsx143(Typography23, { component: "h6", variant: "h6", children: title });
 }
 
 // src/v2/Card/CardContent.tsx
@@ -10139,7 +10197,7 @@ var LucideIcon = ({
 var LucidIcon_default = LucideIcon;
 
 // src/v2/Title.tsx
-import { Typography as Typography23, useTheme as useTheme11 } from "@mui/material";
+import { Typography as Typography24, useTheme as useTheme11 } from "@mui/material";
 import { jsx as jsx146 } from "react/jsx-runtime";
 function variantStyles(theme2, v) {
   switch (v) {
@@ -10173,7 +10231,7 @@ function Title4({
 }) {
   const theme2 = useTheme11();
   return /* @__PURE__ */ jsx146(
-    Typography23,
+    Typography24,
     {
       sx: {
         ...variantStyles(theme2, variant),
@@ -10186,11 +10244,11 @@ function Title4({
 }
 
 // src/v2/Page/PageContent.tsx
-import { Box as Box20 } from "@mui/material";
+import { Box as Box21 } from "@mui/material";
 import { jsx as jsx147 } from "react/jsx-runtime";
 function PageContent(props) {
   return /* @__PURE__ */ jsx147(
-    Box20,
+    Box21,
     {
       mt: 2,
       sx: {
@@ -10248,11 +10306,11 @@ import {
   Autocomplete as MuiAutocomplete,
   Stack as Stack41,
   TextField as TextField11,
-  Typography as Typography24
+  Typography as Typography25
 } from "@mui/material";
 import debounce3 from "lodash/debounce";
 import React12, { useCallback as useCallback3 } from "react";
-import { jsx as jsx151, jsxs as jsxs71 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx151, jsxs as jsxs71 } from "react/jsx-runtime";
 function Loading() {
   return /* @__PURE__ */ jsxs71(
     Stack41,
@@ -10263,7 +10321,7 @@ function Loading() {
       alignItems: "center",
       children: [
         /* @__PURE__ */ jsx151(CircularProgress4, { size: 16 }),
-        /* @__PURE__ */ jsx151(Typography24, { variant: "body1", children: "Carregando..." })
+        /* @__PURE__ */ jsx151(Typography25, { variant: "body1", children: "Carregando..." })
       ]
     }
   );
@@ -10370,7 +10428,10 @@ function Autocomplete(props) {
               inputLabel: { shrink: true },
               input: {
                 ...params.InputProps,
-                startAdornment: _endAdornment
+                startAdornment: /* @__PURE__ */ jsxs71(Fragment8, { children: [
+                  _endAdornment,
+                  params.InputProps.startAdornment
+                ] })
               }
             },
             ...params,
@@ -10495,13 +10556,15 @@ import { jsx as jsx153 } from "react/jsx-runtime";
 function TransporterRoot(props) {
   const { scope, onChange, value, children } = props;
   const store = createTransporterScope(scope);
-  store.getState().setValue(value);
+  useEffect16(() => {
+    store.getState().setValue(value);
+  }, [value, store]);
   useEffect16(() => {
     store.getState().setOnChange(onChange);
     return () => {
       store.getState().setOnChange(void 0);
     };
-  }, [scope, onChange]);
+  }, [scope, onChange, store]);
   return /* @__PURE__ */ jsx153(TransporterScopeProvider, { value: scope, children });
 }
 
@@ -10822,13 +10885,13 @@ import axios from "axios";
 import { useEffect as useEffect17, useState as useState23 } from "react";
 
 // src/v2/NotaVersao/NotaVersaoItem.tsx
-import { Collapse as Collapse2, Stack as Stack42, Typography as Typography25 } from "@mui/material";
+import { Collapse as Collapse2, Stack as Stack42, Typography as Typography26 } from "@mui/material";
 import { useState as useState22 } from "react";
-import { Fragment as Fragment8, jsx as jsx159, jsxs as jsxs73 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx159, jsxs as jsxs73 } from "react/jsx-runtime";
 function NotaVersaoItem(props) {
   const { article, isOpen: _isOpen } = props;
   const [isOpen, setOpen] = useState22(Boolean(_isOpen));
-  return /* @__PURE__ */ jsxs73(Fragment8, { children: [
+  return /* @__PURE__ */ jsxs73(Fragment9, { children: [
     /* @__PURE__ */ jsx159(
       Stack42,
       {
@@ -10841,7 +10904,7 @@ function NotaVersaoItem(props) {
             cursor: "pointer"
           }
         },
-        children: /* @__PURE__ */ jsx159(Typography25, { variant: "subtitle1", children: article.title })
+        children: /* @__PURE__ */ jsx159(Typography26, { variant: "subtitle1", children: article.title })
       }
     ),
     /* @__PURE__ */ jsx159(Collapse2, { in: isOpen, sx: { pl: 1, pr: 1 }, children: /* @__PURE__ */ jsx159(
@@ -10856,7 +10919,7 @@ function NotaVersaoItem(props) {
 }
 
 // src/v2/NotaVersao/index.tsx
-import { Fragment as Fragment9, jsx as jsx160, jsxs as jsxs74 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx160, jsxs as jsxs74 } from "react/jsx-runtime";
 function NotaVersao(props) {
   const {
     sectionId,
@@ -10923,7 +10986,7 @@ function NotaVersao(props) {
       loadSection();
     }
   }, [sectionId, isOpen]);
-  return /* @__PURE__ */ jsxs74(Fragment9, { children: [
+  return /* @__PURE__ */ jsxs74(Fragment10, { children: [
     /* @__PURE__ */ jsx160(
       Button_default,
       {
@@ -11451,8 +11514,8 @@ function AlterarLicenca(props) {
   const [query, setQuery] = useState25("");
   if (licencas.length === 0)
     return /* @__PURE__ */ jsxs76(Stack44, { overflow: "hidden", children: [
-      /* @__PURE__ */ jsx165(Typography26, { overflow: "hidden", textOverflow: "ellipsis", variant: "body1", children: licencaSelecionada.nome }),
-      /* @__PURE__ */ jsx165(Typography26, { overflow: "hidden", textOverflow: "ellipsis", variant: "body2", children: formatDocumento2(licencaSelecionada.documento) })
+      /* @__PURE__ */ jsx165(Typography27, { overflow: "hidden", textOverflow: "ellipsis", variant: "body1", children: licencaSelecionada.nome }),
+      /* @__PURE__ */ jsx165(Typography27, { overflow: "hidden", textOverflow: "ellipsis", variant: "body2", children: formatDocumento2(licencaSelecionada.documento) })
     ] });
   function handleSearch(val) {
     setQuery(val);
@@ -11505,8 +11568,8 @@ function AlterarLicenca(props) {
                     selected: licencaSelecionada.uuid === e.uuid,
                     onClick: () => onAlterarLicenca(e),
                     children: /* @__PURE__ */ jsxs76(Stack44, { children: [
-                      /* @__PURE__ */ jsx165(Typography26, { variant: "body1", textOverflow: "ellipsis", children: e.nome }),
-                      /* @__PURE__ */ jsx165(Typography26, { variant: "body2", textOverflow: "ellipsis", children: formatDocumento2(e.documento) })
+                      /* @__PURE__ */ jsx165(Typography27, { variant: "body1", textOverflow: "ellipsis", children: e.nome }),
+                      /* @__PURE__ */ jsx165(Typography27, { variant: "body2", textOverflow: "ellipsis", children: formatDocumento2(e.documento) })
                     ] })
                   }
                 ) }, e.uuid);
@@ -11530,7 +11593,7 @@ import { List as List5 } from "@mui/material";
 import { useState as useState26 } from "react";
 import ExpandLess from "@mui/icons-material/ExpandLess";
 import ExpandMore from "@mui/icons-material/ExpandMore";
-import { Box as Box21, Collapse as Collapse3, Icon as Icon4, ListItemText as ListItemText3 } from "@mui/material";
+import { Box as Box22, Collapse as Collapse3, Icon as Icon4, ListItemText as ListItemText3 } from "@mui/material";
 
 // src/DrawerMenu/components/MenuItem/index.tsx
 import { MenuItem as MuiMenuItem } from "@mui/material";
@@ -11587,7 +11650,7 @@ function FullMenuItem2(props) {
   function toggleExpand() {
     setExpanded(!expanded);
   }
-  return /* @__PURE__ */ jsxs77(Box21, { children: [
+  return /* @__PURE__ */ jsxs77(Box22, { children: [
     /* @__PURE__ */ jsxs77(
       MenuItem_default,
       {
@@ -11784,11 +11847,11 @@ function DrawerMenu(props) {
 }
 
 // src/Content/index.tsx
-import { Box as Box22 } from "@mui/material";
+import { Box as Box23 } from "@mui/material";
 import { jsx as jsx171 } from "react/jsx-runtime";
 function Content2(props) {
   return /* @__PURE__ */ jsx171(
-    Box22,
+    Box23,
     {
       m: 2,
       sx: {
@@ -11822,14 +11885,14 @@ import { Stack as Stack49, Tab, Tabs } from "@mui/material";
 import { useState as useState32 } from "react";
 
 // src/Profile/TabPanel.tsx
-import { Box as Box23 } from "@mui/material";
+import { Box as Box24 } from "@mui/material";
 import { jsx as jsx173 } from "react/jsx-runtime";
 function TabPanel(props) {
   const { children, value, index, ...others } = props;
   if (value !== index)
     return null;
   return /* @__PURE__ */ jsx173(
-    Box23,
+    Box24,
     {
       role: "tabpanel",
       hidden: value !== index,
@@ -11853,11 +11916,11 @@ import {
 } from "@data-c/hooks";
 import {
   Alert as Alert8,
-  Divider as Divider4,
+  Divider as Divider5,
   Grid as Grid2,
   Stack as Stack46,
   TextField as TextField13,
-  Typography as Typography27
+  Typography as Typography28
 } from "@mui/material";
 import { useEffect as useEffect19, useState as useState29 } from "react";
 
@@ -12046,7 +12109,7 @@ function MinhaConta(props) {
     });
   }
   return /* @__PURE__ */ jsxs81(Stack46, { spacing: 2, children: [
-    /* @__PURE__ */ jsx175(Typography27, { variant: "h6", children: "Avatar" }),
+    /* @__PURE__ */ jsx175(Typography28, { variant: "h6", children: "Avatar" }),
     /* @__PURE__ */ jsx175(
       AvatarUploader_default,
       {
@@ -12067,8 +12130,8 @@ function MinhaConta(props) {
         }
       }
     ),
-    /* @__PURE__ */ jsx175(Divider4, {}),
-    /* @__PURE__ */ jsx175(Typography27, { variant: "h6", children: "Informa\xE7\xF5es da Conta" }),
+    /* @__PURE__ */ jsx175(Divider5, {}),
+    /* @__PURE__ */ jsx175(Typography28, { variant: "h6", children: "Informa\xE7\xF5es da Conta" }),
     /* @__PURE__ */ jsxs81(Grid2, { container: true, spacing: 1.5, children: [
       /* @__PURE__ */ jsx175(Grid2, { size: { xl: 4, lg: 4, md: 4, sm: 12, xs: 12 }, children: /* @__PURE__ */ jsx175(
         TextField13,
@@ -12121,14 +12184,14 @@ import {
   useForm as useForm4
 } from "@data-c/hooks";
 import Verified from "@mui/icons-material/Verified";
-import { Alert as Alert10, Divider as Divider5, Stack as Stack48, Typography as Typography29 } from "@mui/material";
+import { Alert as Alert10, Divider as Divider6, Stack as Stack48, Typography as Typography30 } from "@mui/material";
 import { useEffect as useEffect21, useState as useState31 } from "react";
 
 // src/Profile/DialogVerificarWhastapp.tsx
 import {
   useCredentials as useCredentials9
 } from "@data-c/hooks";
-import { Alert as Alert9, Stack as Stack47, Typography as Typography28 } from "@mui/material";
+import { Alert as Alert9, Stack as Stack47, Typography as Typography29 } from "@mui/material";
 import { useEffect as useEffect20, useState as useState30 } from "react";
 import { jsx as jsx176, jsxs as jsxs82 } from "react/jsx-runtime";
 function DialogVerificarWhastapp(props) {
@@ -12169,14 +12232,14 @@ function DialogVerificarWhastapp(props) {
         alignItems: "center",
         children: [
           /* @__PURE__ */ jsx176(
-            Typography28,
+            Typography29,
             {
               variant: "subtitle1",
               sx: { fontWeight: "bolder", fontSize: "11pt" },
               children: "\u{1F510} Verifique seu n\xFAmero"
             }
           ),
-          /* @__PURE__ */ jsxs82(Typography28, { variant: "body1", sx: { fontSize: "10pt" }, children: [
+          /* @__PURE__ */ jsxs82(Typography29, { variant: "body1", sx: { fontSize: "10pt" }, children: [
             "Enviamos um c\xF3digo via WhatsApp para +55",
             " ",
             /* @__PURE__ */ jsx176("b", { children: `(${payload?.whatsappNumber?.slice(0, 2)}) ${payload?.whatsappNumber?.slice(2, 7)}-${payload?.whatsappNumber?.slice(7)}` }),
@@ -12252,7 +12315,7 @@ function LoginSeguranca(props) {
     }
   }
   return /* @__PURE__ */ jsxs83(Stack48, { spacing: 2, children: [
-    /* @__PURE__ */ jsx177(Typography29, { variant: "h6", children: "Senha" }),
+    /* @__PURE__ */ jsx177(Typography30, { variant: "h6", children: "Senha" }),
     /* @__PURE__ */ jsx177(
       Button_default,
       {
@@ -12273,8 +12336,8 @@ function LoginSeguranca(props) {
         credentialsConfig
       }
     ),
-    /* @__PURE__ */ jsx177(Divider5, {}),
-    /* @__PURE__ */ jsx177(Typography29, { variant: "h6", children: "Login com Whastapp" }),
+    /* @__PURE__ */ jsx177(Divider6, {}),
+    /* @__PURE__ */ jsx177(Typography30, { variant: "h6", children: "Login com Whastapp" }),
     /* @__PURE__ */ jsxs83(Stack48, { direction: "row", spacing: 2, children: [
       /* @__PURE__ */ jsx177(
         WhatsAppTextField,
@@ -12298,7 +12361,7 @@ function LoginSeguranca(props) {
           alignItems: "center",
           children: [
             /* @__PURE__ */ jsx177(Verified, { color: "success" }),
-            /* @__PURE__ */ jsx177(Typography29, { variant: "body2", children: "N\xFAmero Verificado" })
+            /* @__PURE__ */ jsx177(Typography30, { variant: "body2", children: "N\xFAmero Verificado" })
           ]
         }
       ),
@@ -12339,7 +12402,7 @@ function LoginSeguranca(props) {
 
 // src/Profile/index.tsx
 import { useUserContext as useUserContext2 } from "@data-c/providers";
-import { Fragment as Fragment10, jsx as jsx178, jsxs as jsxs84 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx178, jsxs as jsxs84 } from "react/jsx-runtime";
 function Profile(props) {
   const [tabValue, setTabValue] = useState32(0);
   const {
@@ -12347,7 +12410,7 @@ function Profile(props) {
     setUser: setUsuarioLogado,
     credentialsConfig
   } = useUserContext2();
-  return /* @__PURE__ */ jsx178(Fragment10, { children: /* @__PURE__ */ jsxs84(Stack49, { spacing: 2, direction: "row", children: [
+  return /* @__PURE__ */ jsx178(Fragment11, { children: /* @__PURE__ */ jsxs84(Stack49, { spacing: 2, direction: "row", children: [
     /* @__PURE__ */ jsx178(Stack49, { sx: { width: "200px" }, children: /* @__PURE__ */ jsxs84(
       Tabs,
       {