@data-c/ui 0.2.82 → 0.2.84

package/dist/index.js

@@ -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,6 +5054,7 @@ var TupleSchema = class extends Schema {
 create$1.prototype = TupleSchema.prototype;
 
 // src/AlterarSenha/index.tsx
+var _iconsmaterial = require('@mui/icons-material');
 
 
 
@@ -5073,7 +5077,7 @@ var _VisibilityOff = require('@mui/icons-material/VisibilityOff'); var _Visibili
 
 
 function PasswordTextField(props) {
-  const { name, label, value, onChange, onKeyDown } = props;
+  const { name, label, value, onChange, onKeyDown, ...rest } = props;
   const [showPassword, setShowPassword] = _react.useState.call(void 0, false);
   function handleClickShowPassword() {
     setShowPassword(!showPassword);
@@ -5087,17 +5091,20 @@ function PasswordTextField(props) {
       onChange,
       onKeyDown,
       type: showPassword ? "text" : "password",
-      InputProps: {
-        endAdornment: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.InputAdornment, { position: "end", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _material.IconButton,
-          {
-            tabIndex: -1,
-            onClick: handleClickShowPassword,
-            edge: "end",
-            children: showPassword ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _VisibilityOff2.default, {}) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Visibility2.default, {})
-          }
-        ) })
-      }
+      slotProps: {
+        input: {
+          endAdornment: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.InputAdornment, { position: "end", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _material.IconButton,
+            {
+              tabIndex: -1,
+              onClick: handleClickShowPassword,
+              edge: "end",
+              children: showPassword ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _VisibilityOff2.default, {}) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Visibility2.default, {})
+            }
+          ) })
+        }
+      },
+      ...rest
     }
   );
 }
@@ -5437,11 +5444,13 @@ function ValidatorMessage(props) {
 
 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 (_optionalChain([data, 'optionalAccess', _24 => _24.senhaNova]) === "")
+      return false;
+    return _optionalChain([data, 'optionalAccess', _25 => _25.senhaNova]) === _optionalChain([data, 'optionalAccess', _26 => _26.senhaNovaConfirmar]);
+  }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Dialog_default.Root, { open: isOpen, onClose: (_) => onClose(), maxWidth: "md", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Dialog_default.Header, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Dialog_default.Title, { children: "Alterar Senha" }),
@@ -5544,26 +5560,61 @@ function AlterarSenha(props) {
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "br", {}),
         "Cadastre uma senha segura para deixar sua conta mais protegida."
       ] }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Grid, { size: 12, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        PasswordTextField,
-        {
-          name: "senhaAtual",
-          label: "Senha Atual",
-          value: _optionalChain([data, 'optionalAccess', _24 => _24.senhaAtual]) || "",
-          onChange: handleChange,
-          ...validationProps("senhaAtual")
-        }
-      ) }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Grid, { size: 12, children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          PasswordTextField,
+          {
+            name: "senhaAtual",
+            label: "Senha Atual",
+            value: _optionalChain([data, 'optionalAccess', _27 => _27.senhaAtual]) || "",
+            onChange: handleChange,
+            ...validationProps("senhaAtual")
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          _material.Box,
+          {
+            sx: { display: "flex", alignItems: "center", gap: 0.5, mt: 0.5 },
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _iconsmaterial.InfoOutlined, { sx: { fontSize: 14, color: "text.secondary" } }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { variant: "caption", color: "text.secondary", children: "Essa \xE9 a senha que voc\xEA utiliza para acessar o sistema atualmente." })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Grid, { size: 12, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Divider, {}) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Grid, { size: 12, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         PasswordTextField,
         {
           name: "senhaNova",
           label: "Nova Senha",
-          value: _optionalChain([data, 'optionalAccess', _25 => _25.senhaNova]) || "",
+          value: _optionalChain([data, 'optionalAccess', _28 => _28.senhaNova]) || "",
           onChange: handleChange,
           ...validationProps("senhaNova")
         }
       ) }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Grid, { size: 12, children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          PasswordTextField,
+          {
+            name: "senhaNovaConfirmar",
+            label: "Confirmar Nova Senha",
+            value: _optionalChain([data, 'optionalAccess', _29 => _29.senhaNovaConfirmar]) || "",
+            onChange: handleChange,
+            ...validationProps("senhaNovaConfirmar")
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          _material.Box,
+          {
+            sx: { display: "flex", alignItems: "center", gap: 0.5, mt: 0.5 },
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _iconsmaterial.InfoOutlined, { sx: { fontSize: 14, color: "text.secondary" } }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { variant: "caption", color: "text.secondary", children: "Informe nos campos acima a nova senha que deseja utilizar." })
+            ]
+          }
+        )
+      ] }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Grid, { size: 12, children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           ValidatorMessage,
@@ -5599,6 +5650,13 @@ function AlterarSenha(props) {
             isValid: temCaracterEspecial(),
             message: "A nova senha deve ter ao menos um caracter especial"
           }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          ValidatorMessage,
+          {
+            isValid: asSenhasSaoIguais(),
+            message: "A confirma\xE7\xE3o da nova senha deve ser igual \xE0 nova senha"
+          }
         )
       ] }),
       error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Grid, { size: 12, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Alert, { severity: "error", children: error }) })
@@ -5647,11 +5705,11 @@ function LoginForm(props) {
       } catch (err) {
         if (_axios.isAxiosError.call(void 0, err)) {
           const axiosError = err;
-          if (_optionalChain([axiosError, 'access', _26 => _26.response, 'optionalAccess', _27 => _27.data, 'access', _28 => _28.code]) === "E_FIRST_ACCESS") {
+          if (_optionalChain([axiosError, 'access', _30 => _30.response, 'optionalAccess', _31 => _31.data, 'access', _32 => _32.code]) === "E_FIRST_ACCESS") {
             setExibirAlterarSenha(true);
             return;
           }
-          setError(_optionalChain([err, 'access', _29 => _29.response, 'optionalAccess', _30 => _30.data, 'access', _31 => _31.message]));
+          setError(_optionalChain([err, 'access', _33 => _33.response, 'optionalAccess', _34 => _34.data, 'access', _35 => _35.message]));
         }
         onLoginFailed(err);
       }
@@ -5813,7 +5871,7 @@ function EsqueciSenhaForm(props) {
         await recuperarSenha(email);
         setSucessoRecuperarSenha(true);
       } catch (error2) {
-        setError(_optionalChain([error2, 'access', _32 => _32.response, 'optionalAccess', _33 => _33.data, 'access', _34 => _34.message]));
+        setError(_optionalChain([error2, 'access', _36 => _36.response, 'optionalAccess', _37 => _37.data, 'access', _38 => _38.message]));
       } finally {
         setSubmitting(false);
       }
@@ -5905,14 +5963,14 @@ function LicencaForm(props) {
   const [empresaId, setEmpresaId] = _react.useState.call(void 0, "");
   const { selecionarLicenca, isSubmitting } = _hooks.useCredentials.call(void 0, credentialsConfig);
   _react.useEffect.call(void 0, () => {
-    if (Array.isArray(_optionalChain([loginData, 'optionalAccess', _35 => _35.empresas]))) {
-      const empresa = _optionalChain([loginData, 'optionalAccess', _36 => _36.empresas, 'access', _37 => _37[0]]);
-      setEmpresaId(_optionalChain([empresa, 'optionalAccess', _38 => _38.uuid]));
+    if (Array.isArray(_optionalChain([loginData, 'optionalAccess', _39 => _39.empresas]))) {
+      const empresa = _optionalChain([loginData, 'optionalAccess', _40 => _40.empresas, 'access', _41 => _41[0]]);
+      setEmpresaId(_optionalChain([empresa, 'optionalAccess', _42 => _42.uuid]));
     }
   }, [loginData]);
   async function handleSelecionarLicenca() {
     try {
-      const tokens = await selecionarLicenca(_optionalChain([loginData, 'optionalAccess', _39 => _39.token]), empresaId);
+      const tokens = await selecionarLicenca(_optionalChain([loginData, 'optionalAccess', _43 => _43.token]), empresaId);
       if (tokens) {
         onLoginSuccess(tokens);
       } else {
@@ -5934,7 +5992,7 @@ function LicencaForm(props) {
         onChange: (e) => {
           setEmpresaId(e.target.value);
         },
-        children: _optionalChain([loginData, 'optionalAccess', _40 => _40.empresas, 'optionalAccess', _41 => _41.map, 'call', _42 => _42((empresa) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.MenuItem, { value: empresa.uuid, children: empresa.nome }, empresa.uuid))])
+        children: _optionalChain([loginData, 'optionalAccess', _44 => _44.empresas, 'optionalAccess', _45 => _45.map, 'call', _46 => _46((empresa) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.MenuItem, { value: empresa.uuid, children: empresa.nome }, empresa.uuid))])
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -6042,12 +6100,12 @@ function VerificationCodeInput({
     const updatedValue = nextValue.join("");
     onChange(updatedValue);
     if (cleanDigit && index < length - 1) {
-      _optionalChain([inputsRef, 'access', _43 => _43.current, 'access', _44 => _44[index + 1], 'optionalAccess', _45 => _45.focus, 'call', _46 => _46()]);
+      _optionalChain([inputsRef, 'access', _47 => _47.current, 'access', _48 => _48[index + 1], 'optionalAccess', _49 => _49.focus, 'call', _50 => _50()]);
     }
   };
   const handleKeyDown = (index, event) => {
     if (event.key === "Backspace" && !value[index] && index > 0) {
-      _optionalChain([inputsRef, 'access', _47 => _47.current, 'access', _48 => _48[index - 1], 'optionalAccess', _49 => _49.focus, 'call', _50 => _50()]);
+      _optionalChain([inputsRef, 'access', _51 => _51.current, 'access', _52 => _52[index - 1], 'optionalAccess', _53 => _53.focus, 'call', _54 => _54()]);
     }
   };
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Box, { display: "flex", gap: 1, children: Array.from({ length }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -6324,10 +6382,10 @@ function LoginSection(props) {
   }, [isAuthenticated]);
   async function handleLoginSuccess(_loginData) {
     try {
-      if (Array.isArray(_optionalChain([_loginData, 'optionalAccess', _51 => _51.empresas]))) {
-        if (_optionalChain([_loginData, 'optionalAccess', _52 => _52.empresas, 'access', _53 => _53.length]) === 1) {
+      if (Array.isArray(_optionalChain([_loginData, 'optionalAccess', _55 => _55.empresas]))) {
+        if (_optionalChain([_loginData, 'optionalAccess', _56 => _56.empresas, 'access', _57 => _57.length]) === 1) {
           const tokens = await selecionarLicenca(
-            _optionalChain([_loginData, 'optionalAccess', _54 => _54.token]),
+            _optionalChain([_loginData, 'optionalAccess', _58 => _58.token]),
             _loginData.empresas[0].uuid
           );
           if (tokens) {
@@ -7893,7 +7951,7 @@ function cloneMenuItems(childrenProp, open) {
     if (!_react2.default.isValidElement(child)) {
       return child;
     }
-    const newChildren = _optionalChain([child, 'access', _55 => _55.props, 'optionalAccess', _56 => _56.children]) ? cloneMenuItems(child.props.children, open) : null;
+    const newChildren = _optionalChain([child, 'access', _59 => _59.props, 'optionalAccess', _60 => _60.children]) ? cloneMenuItems(child.props.children, open) : null;
     return _react2.default.cloneElement(child, {
       open,
       children: newChildren
@@ -7954,14 +8012,14 @@ function MinMenuItem(props) {
       children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.ListItemIcon, { children: renderIcon(icon) }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.ListItemText, { primary: _truncate2.default.call(void 0, label, { length: 12 }) }),
-        _optionalChain([opened, 'optionalAccess', _57 => _57.id]) === id && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _optionalChain([opened, 'optionalAccess', _61 => _61.id]) === id && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           _material.Popper,
           {
             sx: {
               zIndex: 999999
             },
-            anchorEl: _optionalChain([opened, 'optionalAccess', _58 => _58.element]),
-            open: Boolean(_optionalChain([opened, 'optionalAccess', _59 => _59.element])),
+            anchorEl: _optionalChain([opened, 'optionalAccess', _62 => _62.element]),
+            open: Boolean(_optionalChain([opened, 'optionalAccess', _63 => _63.element])),
             placement: "right-start",
             children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               Surface,
@@ -7986,7 +8044,7 @@ function MinMenuItem(props) {
                     transition: "transform 0.2s ease-in-out"
                   },
                   p: 1,
-                  width: (theme2) => _optionalChain([theme2, 'access', _60 => _60.mixins, 'access', _61 => _61.menu, 'optionalAccess', _62 => _62.width])
+                  width: (theme2) => _optionalChain([theme2, 'access', _64 => _64.mixins, 'access', _65 => _65.menu, 'optionalAccess', _66 => _66.width])
                   //   borderTop: (theme) => `1px solid ${theme.palette.grey[400]}`,
                   //   borderRight: (theme) => `1px solid ${theme.palette.grey[400]}`,
                   //   borderBottom: (theme) => `1px solid ${theme.palette.grey[400]}`,
@@ -8054,7 +8112,7 @@ function useMenu() {
 
 
 var openedMixin = (theme2) => ({
-  width: _optionalChain([theme2, 'optionalAccess', _63 => _63.mixins, 'optionalAccess', _64 => _64.menu, 'optionalAccess', _65 => _65.width]) || 64,
+  width: _optionalChain([theme2, 'optionalAccess', _67 => _67.mixins, 'optionalAccess', _68 => _68.menu, 'optionalAccess', _69 => _69.width]) || 64,
   background: "#FFFFFF",
   transition: theme2.transitions.create("width", {
     easing: theme2.transitions.easing.sharp,
@@ -8078,7 +8136,7 @@ var closedMixin = (theme2) => ({
 var Drawer = _styles.styled.call(void 0, _material.Drawer, {
   shouldForwardProp: (prop) => prop !== "open"
 })(({ theme: theme2, open }) => ({
-  width: _optionalChain([theme2, 'optionalAccess', _66 => _66.mixins, 'optionalAccess', _67 => _67.menu, 'optionalAccess', _68 => _68.width]) || 64,
+  width: _optionalChain([theme2, 'optionalAccess', _70 => _70.mixins, 'optionalAccess', _71 => _71.menu, 'optionalAccess', _72 => _72.width]) || 64,
   // boxShadow: '2px 3px 20px -16px rgb(32 32 36 / 30%)',
   borderRightStyle: "none",
   whiteSpace: "nowrap",
@@ -8098,12 +8156,12 @@ function cloneMenuItems2(childrenProp, pathName, open, onClickItem) {
     if (!_react2.default.isValidElement(child)) {
       return child;
     }
-    const splittedLink = _optionalChain([child, 'access', _69 => _69.props, 'access', _70 => _70.link, 'optionalAccess', _71 => _71.split, 'call', _72 => _72("/"), 'access', _73 => _73.filter, 'call', _74 => _74(Boolean)]) || [];
+    const splittedLink = _optionalChain([child, 'access', _73 => _73.props, 'access', _74 => _74.link, 'optionalAccess', _75 => _75.split, 'call', _76 => _76("/"), 'access', _77 => _77.filter, 'call', _78 => _78(Boolean)]) || [];
     const linkName = child.props.link || "";
-    const splittedPath = _optionalChain([pathName, 'optionalAccess', _75 => _75.split, 'call', _76 => _76("/"), 'access', _77 => _77.filter, 'call', _78 => _78(Boolean)]) || [];
+    const splittedPath = _optionalChain([pathName, 'optionalAccess', _79 => _79.split, 'call', _80 => _80("/"), 'access', _81 => _81.filter, 'call', _82 => _82(Boolean)]) || [];
     const slicedPathName = splittedPath.slice(0, splittedLink.length);
     const reconstructedPath = "/" + slicedPathName.join("/");
-    const newChildren = _optionalChain([child, 'access', _79 => _79.props, 'optionalAccess', _80 => _80.children]) ? cloneMenuItems2(child.props.children, pathName, open, onClickItem) : null;
+    const newChildren = _optionalChain([child, 'access', _83 => _83.props, 'optionalAccess', _84 => _84.children]) ? cloneMenuItems2(child.props.children, pathName, open, onClickItem) : null;
     return _react2.default.cloneElement(child, {
       open,
       selected: reconstructedPath === linkName,
@@ -8294,8 +8352,8 @@ function reducer(state, action) {
     case "loadFiltersFromStorage":
       return {
         ...state,
-        filterValues: _optionalChain([action, 'optionalAccess', _81 => _81.storageValues, 'optionalAccess', _82 => _82.filterValues]),
-        appliedValues: _optionalChain([action, 'optionalAccess', _83 => _83.storageValues, 'optionalAccess', _84 => _84.appliedValues])
+        filterValues: _optionalChain([action, 'optionalAccess', _85 => _85.storageValues, 'optionalAccess', _86 => _86.filterValues]),
+        appliedValues: _optionalChain([action, 'optionalAccess', _87 => _87.storageValues, 'optionalAccess', _88 => _88.appliedValues])
       };
     case "updateFilterValues":
       return { ...state, filterValues: action.filterValues };
@@ -8314,7 +8372,7 @@ function reducer(state, action) {
         const [key2] = Object.keys(filters);
         asArray = [{ [key2]: filters[key2] }];
       }
-      if (_optionalChain([action, 'optionalAccess', _85 => _85.storagePath])) {
+      if (_optionalChain([action, 'optionalAccess', _89 => _89.storagePath])) {
         localStorage.setItem(
           action.storagePath,
           JSON.stringify({
@@ -8343,7 +8401,7 @@ function reducer(state, action) {
     case "deleteAppliedValue":
       const { [action.filterName]: _, ...rest } = state.appliedValues || {};
       const { [action.filterName]: __, ...restFilterValues } = state.filterValues || {};
-      if (_optionalChain([action, 'optionalAccess', _86 => _86.storagePath])) {
+      if (_optionalChain([action, 'optionalAccess', _90 => _90.storagePath])) {
         const storage = JSON.parse(
           localStorage.getItem(action.storagePath) || "{}"
         );
@@ -8404,7 +8462,7 @@ function FilterProvider(props) {
       dispatch({
         type: "updateIsOpen",
         isOpen: true,
-        target: _optionalChain([event, 'optionalAccess', _87 => _87.target]) || void 0
+        target: _optionalChain([event, 'optionalAccess', _91 => _91.target]) || void 0
       });
     }
     function closeFilter() {
@@ -8639,7 +8697,7 @@ function FilterChips({
         },
         children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Box, { pt: 2, pl: 1, pr: 1, pb: 2, children: _react2.default.Children.map(childrenProp, (child) => {
-            if (_react2.default.isValidElement(child) && child.props.name === _optionalChain([popoverData, 'optionalAccess', _88 => _88.name])) {
+            if (_react2.default.isValidElement(child) && child.props.name === _optionalChain([popoverData, 'optionalAccess', _92 => _92.name])) {
               return child.props.children;
             }
             return null;
@@ -8656,13 +8714,13 @@ function FilterChips({
               justifyContent: "flex-end",
               spacing: 1,
               children: [
-                !_optionalChain([popoverData, 'optionalAccess', _89 => _89.disabledDelete]) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                !_optionalChain([popoverData, 'optionalAccess', _93 => _93.disabledDelete]) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   _material.Button,
                   {
                     color: "error",
                     onClick: () => {
                       if (deleteFilterValue)
-                        deleteFilterValue(_optionalChain([popoverData, 'optionalAccess', _90 => _90.name]) || "");
+                        deleteFilterValue(_optionalChain([popoverData, 'optionalAccess', _94 => _94.name]) || "");
                       close();
                     },
                     children: "Apagar"
@@ -8997,8 +9055,8 @@ function Table(props) {
           ...col,
           flex: col.flex || 1,
           minWidth: col.minWidth || 100,
-          headerClassName: _optionalChain([col, 'optionalAccess', _91 => _91.enableStickyColumns]) ? "sticky-header" : "",
-          cellClassName: _optionalChain([col, 'optionalAccess', _92 => _92.enableStickyColumns]) ? "sticky-cell" : ""
+          headerClassName: _optionalChain([col, 'optionalAccess', _95 => _95.enableStickyColumns]) ? "sticky-header" : "",
+          cellClassName: _optionalChain([col, 'optionalAccess', _96 => _96.enableStickyColumns]) ? "sticky-cell" : ""
         };
       });
     };
@@ -9038,7 +9096,7 @@ function Table(props) {
       case "ctrl+e":
         event.preventDefault();
         const handleExport = (options) => {
-          if (_optionalChain([apiRef, 'optionalAccess', _93 => _93.current])) {
+          if (_optionalChain([apiRef, 'optionalAccess', _97 => _97.current])) {
             apiRef.current.exportDataAsCsv(options);
           }
         };
@@ -9464,7 +9522,7 @@ var getFilteredRows2 = ({ apiRef }) => _xdatagrid.gridFilteredSortedRowIdsSelect
 function ExportCsvButton() {
   const { apiRef } = useTableRootContext();
   const handleExport = (options) => {
-    if (_optionalChain([apiRef, 'optionalAccess', _94 => _94.current])) {
+    if (_optionalChain([apiRef, 'optionalAccess', _98 => _98.current])) {
       apiRef.current.exportDataAsCsv(options);
     }
   };
@@ -9523,7 +9581,7 @@ function Pagination(props) {
   } = props;
   const { page, pageSize = 15, totalRecords } = pagination || {};
   const pages = _react.useMemo.call(void 0, () => {
-    if (_optionalChain([pagination, 'optionalAccess', _95 => _95.lastPage]))
+    if (_optionalChain([pagination, 'optionalAccess', _99 => _99.lastPage]))
       return pagination.lastPage;
     if ((totalRecords || 0) < pageSize)
       return 1;
@@ -9655,7 +9713,7 @@ function Root({ children, height, ...rest }) {
 function SelectionCounter(props) {
   const { countTitle, gender } = props;
   const { rowsSelectedId } = useTableRootContext();
-  const countQuantidade = _optionalChain([rowsSelectedId, 'optionalAccess', _96 => _96.ids, 'access', _97 => _97.size]) || 0;
+  const countQuantidade = _optionalChain([rowsSelectedId, 'optionalAccess', _100 => _100.ids, 'access', _101 => _101.size]) || 0;
   const flexSufixCountTitle = _react.useMemo.call(void 0, () => {
     if (!countTitle)
       return "";
@@ -9810,12 +9868,12 @@ var PopoverProvider = ({
   const open = _react.useCallback.call(void 0, (anchor) => {
     setAnchorEl(anchor);
     setIsOpen(true);
-    _optionalChain([onOpenChange, 'optionalCall', _98 => _98(true)]);
+    _optionalChain([onOpenChange, 'optionalCall', _102 => _102(true)]);
   }, []);
   const close = _react.useCallback.call(void 0, () => {
     setIsOpen(false);
     setAnchorEl(null);
-    _optionalChain([onOpenChange, 'optionalCall', _99 => _99(false)]);
+    _optionalChain([onOpenChange, 'optionalCall', _103 => _103(false)]);
   }, []);
   _react.useEffect.call(void 0, () => {
     setIsOpen(Boolean(_open));
@@ -9957,12 +10015,12 @@ function ButtonGroupRoot(props) {
   const children = _react.Children.map(childrenProp, (child, index) => {
     options.push({
       label: child.props.children,
-      value: _optionalChain([child, 'access', _100 => _100.props, 'optionalAccess', _101 => _101.value]) || index
+      value: _optionalChain([child, 'access', _104 => _104.props, 'optionalAccess', _105 => _105.value]) || index
     });
     const clonedChild = _react2.default.cloneElement(child, {
       isLoading,
       sx: { maxWidth: "300px", width: "120px" },
-      value: _optionalChain([child, 'access', _102 => _102.props, 'optionalAccess', _103 => _103.value]) || index
+      value: _optionalChain([child, 'access', _106 => _106.props, 'optionalAccess', _107 => _107.value]) || index
     });
     if (!Boolean(value) && index === 0)
       return clonedChild;
@@ -10295,7 +10353,7 @@ function Autocomplete(props) {
   function resetEndAdornment(endAdornment, isLoading2 = false, disabled2 = false) {
     if (endAdornment) {
       const children = _react2.default.Children.toArray(
-        _optionalChain([endAdornment, 'access', _104 => _104.props, 'optionalAccess', _105 => _105.children])
+        _optionalChain([endAdornment, 'access', _108 => _108.props, 'optionalAccess', _109 => _109.children])
       );
       const pos = children.length === 1 ? 0 : 1;
       children.splice(
@@ -10370,7 +10428,10 @@ function Autocomplete(props) {
               inputLabel: { shrink: true },
               input: {
                 ...params.InputProps,
-                startAdornment: _endAdornment
+                startAdornment: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+                  _endAdornment,
+                  params.InputProps.startAdornment
+                ] })
               }
             },
             ...params,
@@ -10427,7 +10488,7 @@ function createTransporterScope(id) {
           }
           const current = get().value;
           const exists = current.find(
-            (item) => _optionalChain([item, 'optionalAccess', _106 => _106.id]) === result.id
+            (item) => _optionalChain([item, 'optionalAccess', _110 => _110.id]) === result.id
           );
           const updated = exists ? current.filter((item) => item !== result) : [...current, result];
           get().triggerOnChange(updated);
@@ -10439,7 +10500,7 @@ function createTransporterScope(id) {
     onChange: void 0,
     setOnChange: (fn) => set({ onChange: fn }),
     triggerOnChange: (item) => {
-      _optionalChain([get, 'call', _107 => _107(), 'access', _108 => _108.onChange, 'optionalCall', _109 => _109(item)]);
+      _optionalChain([get, 'call', _111 => _111(), 'access', _112 => _112.onChange, 'optionalCall', _113 => _113(item)]);
     }
   }));
   transporterStores.set(id, store);
@@ -10495,13 +10556,15 @@ function TransporterContainer(props) {
 function TransporterRoot(props) {
   const { scope, onChange, value, children } = props;
   const store = createTransporterScope(scope);
-  store.getState().setValue(value);
+  _react.useEffect.call(void 0, () => {
+    store.getState().setValue(value);
+  }, [value, store]);
   _react.useEffect.call(void 0, () => {
     store.getState().setOnChange(onChange);
     return () => {
       store.getState().setOnChange(void 0);
     };
-  }, [scope, onChange]);
+  }, [scope, onChange, store]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TransporterScopeProvider, { value: scope, children });
 }
 
@@ -10549,7 +10612,7 @@ function TextField12(props) {
     {
       ...props,
       slotProps: {
-        input: { readOnly: props.readonly, ..._optionalChain([props, 'access', _110 => _110.slotProps, 'optionalAccess', _111 => _111.input]) },
+        input: { readOnly: props.readonly, ..._optionalChain([props, 'access', _114 => _114.slotProps, 'optionalAccess', _115 => _115.input]) },
         ...props.slotProps
       }
     }
@@ -10633,7 +10696,7 @@ function DocumentoTextField(props) {
       slotProps: {
         htmlInput: {
           maxLength: maxLen,
-          ..._optionalChain([slotProps, 'optionalAccess', _112 => _112.htmlInput])
+          ..._optionalChain([slotProps, 'optionalAccess', _116 => _116.htmlInput])
         },
         ...slotProps
         // Allow additional slotProps to be passed
@@ -10681,7 +10744,7 @@ function CEPTextField(props) {
       slotProps: {
         htmlInput: {
           maxLength: 9,
-          ..._optionalChain([slotProps, 'optionalAccess', _113 => _113.htmlInput])
+          ..._optionalChain([slotProps, 'optionalAccess', _117 => _117.htmlInput])
         },
         ...slotProps
         // Allow additional slotProps to be passed
@@ -10848,7 +10911,7 @@ function NotaVersaoItem(props) {
       "div",
       {
         dangerouslySetInnerHTML: {
-          __html: _optionalChain([article, 'optionalAccess', _114 => _114.body, 'optionalAccess', _115 => _115.replace, 'call', _116 => _116('width="560"', 'width="412px"'), 'access', _117 => _117.replace, 'call', _118 => _118('height="315"', 'height="240px"'), 'access', _119 => _119.replace, 'call', _120 => _120("h2", "h3")]) || ""
+          __html: _optionalChain([article, 'optionalAccess', _118 => _118.body, 'optionalAccess', _119 => _119.replace, 'call', _120 => _120('width="560"', 'width="412px"'), 'access', _121 => _121.replace, 'call', _122 => _122('height="315"', 'height="240px"'), 'access', _123 => _123.replace, 'call', _124 => _124("h2", "h3")]) || ""
         }
       }
     ) })
@@ -10965,7 +11028,7 @@ function NotaVersao(props) {
               ") est\xE1 dispon\xEDvel!"
             ] }),
             error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Alert, { severity: "error", children: "N\xE3o foi poss\xEDvel carregar o conte\xFAdo" }),
-            _optionalChain([articles, 'optionalAccess', _121 => _121.map, 'call', _122 => _122((a, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NotaVersaoItem, { isOpen: index === 0, article: a }, a.id))])
+            _optionalChain([articles, 'optionalAccess', _125 => _125.map, 'call', _126 => _126((a, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NotaVersaoItem, { isOpen: index === 0, article: a }, a.id))])
           ] })
         ]
       }
@@ -10982,8 +11045,8 @@ var _luxon = require('luxon');
 function DatePicker(props) {
   const { value, error, onChange, fromFormat, format: format2, ...rest } = props;
   function handleChange(date2) {
-    if (_optionalChain([date2, 'optionalAccess', _123 => _123.isValid])) {
-      onChange(_optionalChain([date2, 'optionalAccess', _124 => _124.toFormat, 'call', _125 => _125("yyyy-MM-dd")]));
+    if (_optionalChain([date2, 'optionalAccess', _127 => _127.isValid])) {
+      onChange(_optionalChain([date2, 'optionalAccess', _128 => _128.toFormat, 'call', _129 => _129("yyyy-MM-dd")]));
       return;
     }
     if (date2 === null) {
@@ -11231,14 +11294,14 @@ function DateRangePicker(props) {
                 value: dates.tipo,
                 onChange: (e) => {
                   const _periodo = e.target.value;
-                  definirPeriodo(_periodo, _optionalChain([dates, 'optionalAccess', _126 => _126.firstDate]) || null);
+                  definirPeriodo(_periodo, _optionalChain([dates, 'optionalAccess', _130 => _130.firstDate]) || null);
                 },
                 select: true,
                 fullWidth: true,
                 size: "small",
                 variant: "outlined",
                 InputProps: {
-                  startAdornment: _optionalChain([dates, 'optionalAccess', _127 => _127.tipo]) !== "livre" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.InputAdornment, { position: "start", children: [
+                  startAdornment: _optionalChain([dates, 'optionalAccess', _131 => _131.tipo]) !== "livre" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.InputAdornment, { position: "start", children: [
                     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.IconButton, { size: "small", onClick: handleBackToPrevious, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _xdatepickers.ArrowLeftIcon, { fontSize: "small" }) }),
                     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.IconButton, { size: "small", onClick: handleGoToNext, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _xdatepickers.ArrowRightIcon, { fontSize: "small" }) })
                   ] })
@@ -11264,7 +11327,7 @@ function DateRangePicker(props) {
                   slots: dates.tipo === "week" ? { day: Day } : void 0,
                   slotProps: dates.tipo === "week" ? {
                     day: (ownerState) => ({
-                      selectedDay: _optionalChain([dates, 'optionalAccess', _128 => _128.firstDate]) ? _luxon.DateTime.fromFormat(
+                      selectedDay: _optionalChain([dates, 'optionalAccess', _132 => _132.firstDate]) ? _luxon.DateTime.fromFormat(
                         dates.firstDate,
                         "yyyy-MM-dd"
                       ).startOf("week") : _luxon.DateTime.now(),
@@ -11279,8 +11342,8 @@ function DateRangePicker(props) {
               dates.tipo !== "day" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 DatePicker,
                 {
-                  disabled: dates.tipo !== "livre" || !Boolean(_optionalChain([dates, 'optionalAccess', _129 => _129.firstDate])),
-                  minDate: _optionalChain([dates, 'optionalAccess', _130 => _130.firstDate]) ? _luxon.DateTime.fromFormat(dates.firstDate, "yyyy-MM-dd") : void 0,
+                  disabled: dates.tipo !== "livre" || !Boolean(_optionalChain([dates, 'optionalAccess', _133 => _133.firstDate])),
+                  minDate: _optionalChain([dates, 'optionalAccess', _134 => _134.firstDate]) ? _luxon.DateTime.fromFormat(dates.firstDate, "yyyy-MM-dd") : void 0,
                   showDaysOutsideCurrentMonth: true,
                   label: "Fim",
                   onChange: handleChangeSecondDate,
@@ -11300,14 +11363,14 @@ function DateRangePicker(props) {
         value: dates.tipo,
         onChange: (e) => {
           const _periodo = e.target.value;
-          definirPeriodo(_periodo, _optionalChain([dates, 'optionalAccess', _131 => _131.firstDate]) || null);
+          definirPeriodo(_periodo, _optionalChain([dates, 'optionalAccess', _135 => _135.firstDate]) || null);
         },
         select: true,
         fullWidth: true,
         size: "small",
         variant: "outlined",
         InputProps: {
-          startAdornment: _optionalChain([dates, 'optionalAccess', _132 => _132.tipo]) !== "livre" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.InputAdornment, { position: "start", children: [
+          startAdornment: _optionalChain([dates, 'optionalAccess', _136 => _136.tipo]) !== "livre" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.InputAdornment, { position: "start", children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.IconButton, { size: "small", onClick: handleBackToPrevious, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _xdatepickers.ArrowLeftIcon, { fontSize: "small" }) }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.IconButton, { size: "small", onClick: handleGoToNext, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _xdatepickers.ArrowRightIcon, { fontSize: "small" }) })
           ] })
@@ -11333,7 +11396,7 @@ function DateRangePicker(props) {
           slots: dates.tipo === "week" ? { day: Day } : void 0,
           slotProps: dates.tipo === "week" ? {
             day: (ownerState) => ({
-              selectedDay: _optionalChain([dates, 'optionalAccess', _133 => _133.firstDate]) ? _luxon.DateTime.fromFormat(
+              selectedDay: _optionalChain([dates, 'optionalAccess', _137 => _137.firstDate]) ? _luxon.DateTime.fromFormat(
                 dates.firstDate,
                 "yyyy-MM-dd"
               ).startOf("week") : _luxon.DateTime.now(),
@@ -11348,8 +11411,8 @@ function DateRangePicker(props) {
       dates.tipo !== "day" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         DatePicker,
         {
-          disabled: dates.tipo !== "livre" || !Boolean(_optionalChain([dates, 'optionalAccess', _134 => _134.firstDate])),
-          minDate: _optionalChain([dates, 'optionalAccess', _135 => _135.firstDate]) ? _luxon.DateTime.fromFormat(dates.firstDate, "yyyy-MM-dd") : void 0,
+          disabled: dates.tipo !== "livre" || !Boolean(_optionalChain([dates, 'optionalAccess', _138 => _138.firstDate])),
+          minDate: _optionalChain([dates, 'optionalAccess', _139 => _139.firstDate]) ? _luxon.DateTime.fromFormat(dates.firstDate, "yyyy-MM-dd") : void 0,
           showDaysOutsideCurrentMonth: true,
           label: "Fim",
           onChange: (date2) => {
@@ -11582,7 +11645,7 @@ function FullMenuItem2(props) {
   if (!menuItem.visible)
     return null;
   const isExpandable = Boolean(
-    _optionalChain([menuItem, 'optionalAccess', _136 => _136.items]) && _optionalChain([menuItem, 'optionalAccess', _137 => _137.items, 'access', _138 => _138.length]) > 0
+    _optionalChain([menuItem, 'optionalAccess', _140 => _140.items]) && _optionalChain([menuItem, 'optionalAccess', _141 => _141.items, 'access', _142 => _142.length]) > 0
   );
   function toggleExpand() {
     setExpanded(!expanded);
@@ -11592,7 +11655,7 @@ function FullMenuItem2(props) {
       MenuItem_default,
       {
         onClick: () => {
-          if (_optionalChain([menuItem, 'optionalAccess', _139 => _139.link])) {
+          if (_optionalChain([menuItem, 'optionalAccess', _143 => _143.link])) {
             onMenuClick(menuItem.link);
             return;
           }
@@ -11607,14 +11670,14 @@ function FullMenuItem2(props) {
         ]
       }
     ),
-    _optionalChain([menuItem, 'optionalAccess', _140 => _140.items]) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Collapse, { in: expanded, timeout: "auto", unmountOnExit: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _optionalChain([menuItem, 'optionalAccess', _144 => _144.items]) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Collapse, { in: expanded, timeout: "auto", unmountOnExit: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       FullMenu,
       {
         activeMenu,
         sx: {
           pl: (theme2) => theme2.spacing(1.5)
         },
-        menus: _optionalChain([menuItem, 'optionalAccess', _141 => _141.items]) || [],
+        menus: _optionalChain([menuItem, 'optionalAccess', _145 => _145.items]) || [],
         onMenuClick
       }
     ) })
@@ -11662,38 +11725,38 @@ function MinMenu(props) {
       MenuItem_default,
       {
         onMouseEnter: (e) => {
-          if (!_optionalChain([menuItem, 'optionalAccess', _142 => _142.link])) {
+          if (!_optionalChain([menuItem, 'optionalAccess', _146 => _146.link])) {
             handleOpen(e, menuItem.id, menuItem.items);
           }
         },
         onMouseLeave: () => {
-          if (!_optionalChain([menuItem, 'optionalAccess', _143 => _143.link])) {
+          if (!_optionalChain([menuItem, 'optionalAccess', _147 => _147.link])) {
             handleClose();
           }
         },
         onClick: () => {
-          if (_optionalChain([menuItem, 'optionalAccess', _144 => _144.link])) {
+          if (_optionalChain([menuItem, 'optionalAccess', _148 => _148.link])) {
             onMenuClick(menuItem.link);
           }
         },
         selected: activeMenu === menuItem.link,
         children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.ListItemIcon, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Icon, { children: menuItem.icon }) }),
-          _optionalChain([opened, 'optionalAccess', _145 => _145.id]) === menuItem.id && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _optionalChain([opened, 'optionalAccess', _149 => _149.id]) === menuItem.id && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             _material.Popper,
             {
               sx: {
                 zIndex: 999999
               },
-              anchorEl: _optionalChain([opened, 'optionalAccess', _146 => _146.element]),
-              open: Boolean(_optionalChain([opened, 'optionalAccess', _147 => _147.element])),
+              anchorEl: _optionalChain([opened, 'optionalAccess', _150 => _150.element]),
+              open: Boolean(_optionalChain([opened, 'optionalAccess', _151 => _151.element])),
               placement: "right-start",
               children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 FullMenu,
                 {
                   activeMenu,
                   onMenuClick,
-                  menus: _optionalChain([menuItem, 'optionalAccess', _148 => _148.items]) || [],
+                  menus: _optionalChain([menuItem, 'optionalAccess', _152 => _152.items]) || [],
                   sx: {
                     minWidth: "240px",
                     backgroundColor: theme_default.palette.background.paper,
@@ -11810,7 +11873,7 @@ function Avatar(props) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _Avatar2.default,
     {
-      src: _optionalChain([user, 'optionalAccess', _149 => _149.avatarUrl]),
+      src: _optionalChain([user, 'optionalAccess', _153 => _153.avatarUrl]),
       sx: { width: 64, height: 64, margin: "auto", mb: 2 },
       ...props
     }
@@ -11921,7 +11984,7 @@ var AvatarUploader = ({ onSave, src }) => {
     }
   };
   const handleFileChange = (event) => {
-    const file = _optionalChain([event, 'access', _150 => _150.target, 'access', _151 => _151.files, 'optionalAccess', _152 => _152[0]]);
+    const file = _optionalChain([event, 'access', _154 => _154.target, 'access', _155 => _155.files, 'optionalAccess', _156 => _156[0]]);
     if (!file)
       return;
     const reader = new FileReader();
@@ -12050,7 +12113,7 @@ function MinhaConta(props) {
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       AvatarUploader_default,
       {
-        src: _optionalChain([data, 'optionalAccess', _153 => _153.avatarUrl]),
+        src: _optionalChain([data, 'optionalAccess', _157 => _157.avatarUrl]),
         onSave: (croppedImage) => {
           try {
             uploadAvatar(croppedImage);
@@ -12076,7 +12139,7 @@ function MinhaConta(props) {
           disabled: true,
           fullWidth: true,
           label: "E-mail",
-          value: _optionalChain([data, 'optionalAccess', _154 => _154.email]) || ""
+          value: _optionalChain([data, 'optionalAccess', _158 => _158.email]) || ""
         }
       ) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Grid, { size: { xl: 4, lg: 4, md: 4, sm: 12, xs: 12 }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -12085,7 +12148,7 @@ function MinhaConta(props) {
           name: "name",
           fullWidth: true,
           label: "Nome",
-          value: _optionalChain([data, 'optionalAccess', _155 => _155.name]) || "",
+          value: _optionalChain([data, 'optionalAccess', _159 => _159.name]) || "",
           onChange: handleChange,
           ...validationErrors("name")
         }
@@ -12096,7 +12159,7 @@ function MinhaConta(props) {
           name: "surname",
           fullWidth: true,
           label: "Sobrenome",
-          value: _optionalChain([data, 'optionalAccess', _156 => _156.surname]) || "",
+          value: _optionalChain([data, 'optionalAccess', _160 => _160.surname]) || "",
           onChange: handleChange
         }
       ) })
@@ -12179,7 +12242,7 @@ function DialogVerificarWhastapp(props) {
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Typography, { variant: "body1", sx: { fontSize: "10pt" }, children: [
             "Enviamos um c\xF3digo via WhatsApp para +55",
             " ",
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "b", { children: `(${_optionalChain([payload, 'optionalAccess', _157 => _157.whatsappNumber, 'optionalAccess', _158 => _158.slice, 'call', _159 => _159(0, 2)])}) ${_optionalChain([payload, 'optionalAccess', _160 => _160.whatsappNumber, 'optionalAccess', _161 => _161.slice, 'call', _162 => _162(2, 7)])}-${_optionalChain([payload, 'optionalAccess', _163 => _163.whatsappNumber, 'optionalAccess', _164 => _164.slice, 'call', _165 => _165(7)])}` }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "b", { children: `(${_optionalChain([payload, 'optionalAccess', _161 => _161.whatsappNumber, 'optionalAccess', _162 => _162.slice, 'call', _163 => _163(0, 2)])}) ${_optionalChain([payload, 'optionalAccess', _164 => _164.whatsappNumber, 'optionalAccess', _165 => _165.slice, 'call', _166 => _166(2, 7)])}-${_optionalChain([payload, 'optionalAccess', _167 => _167.whatsappNumber, 'optionalAccess', _168 => _168.slice, 'call', _169 => _169(7)])}` }),
             ". ",
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "br", {}),
             "Digite o c\xF3digo abaixo para confirmar que este n\xFAmero \xE9 seu."
@@ -12279,7 +12342,7 @@ function LoginSeguranca(props) {
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         WhatsAppTextField,
         {
-          disabled: Boolean(_optionalChain([data, 'optionalAccess', _166 => _166.whatsappVerifiedAt])),
+          disabled: Boolean(_optionalChain([data, 'optionalAccess', _170 => _170.whatsappVerifiedAt])),
           fullWidth: false,
           name: "whatsappNumber",
           label: "Whastapp",