@data-c/ui 0.2.81 → 0.2.84

package/dist/index.js

@@ -2350,7 +2350,7 @@ function Editable(props) {
     error
   } = props;
   const {
-    InputProps: _5,
+    InputProps: _,
     value: __,
     onKeyDown: ___,
     onChange: ____,
@@ -2453,11 +2453,11 @@ function Editable(props) {
 // src/SearchTextField/index.tsx
 
 
-var _lodash = require('lodash'); var _lodash2 = _interopRequireDefault(_lodash);
+var _debounce = require('lodash/debounce'); var _debounce2 = _interopRequireDefault(_debounce);
 
 function SearchTextField(props) {
   const { onSearch, ...rest } = props;
-  const debouncedHandleChange = _lodash2.default.debounce((query) => onSearch(query), 500);
+  const debouncedHandleChange = _debounce2.default.call(void 0, (query) => onSearch(query), 500);
   function handleChange(event) {
     const value = event.target.value;
     debouncedHandleChange(value);
@@ -2741,7 +2741,7 @@ var ValidationError = class extends Error {
       originalPath: params.path
     });
     if (typeof message === "string")
-      return message.replace(strReg, (_5, key2) => printValue(params[key2]));
+      return message.replace(strReg, (_, key2) => printValue(params[key2]));
     if (typeof message === "function")
       return message(params);
     return message;
@@ -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;
@@ -3505,7 +3508,7 @@ attempted value: ${formattedValue}
       [isIndex ? "index" : "key"]: k,
       path: isIndex || k.includes(".") ? `${parentPath || ""}[${isIndex ? k : `"${k}"`}]` : (parentPath ? `${parentPath}.` : "") + key2
     });
-    return (_5, panic, next) => this.resolve(testOptions)._validate(value, testOptions, panic, next);
+    return (_, panic, next) => this.resolve(testOptions)._validate(value, testOptions, panic, next);
   }
   validate(value, options) {
     var _options$disableStack2;
@@ -4434,7 +4437,7 @@ function sortByKeyOrder(keys) {
     return findIndex(keys, a) - findIndex(keys, b);
   };
 }
-var parseJson = (value, _5, schema6) => {
+var parseJson = (value, _, schema6) => {
   if (typeof value !== "string") {
     return value;
   }
@@ -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
     }
   );
 }
@@ -5256,7 +5263,7 @@ function DialogRoot({
         "& .MuiBackdrop-root": {
           backgroundColor: "#6464648F"
         },
-        ..._optionalChain([rest, 'optionalAccess', _6 => _6.sx])
+        ..._optionalChain([rest, 'optionalAccess', _2 => _2.sx])
       },
       PaperProps: {
         style: {
@@ -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 {
@@ -5493,47 +5502,54 @@ function AlterarSenha(props) {
         if (onFailed)
           onFailed(error2);
         if (_axios.isAxiosError.call(void 0, error2)) {
-          setError(_optionalChain([error2, 'access', _7 => _7.response, 'optionalAccess', _8 => _8.data, 'access', _9 => _9.message]));
+          setError(_optionalChain([error2, 'access', _3 => _3.response, 'optionalAccess', _4 => _4.data, 'access', _5 => _5.message]));
           return;
         }
         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);
     });
   }
   function tem8caracteres() {
-    return _optionalChain([data, 'optionalAccess', _10 => _10.senhaNova, 'access', _11 => _11.length]) >= 8;
+    return _optionalChain([data, 'optionalAccess', _6 => _6.senhaNova, 'access', _7 => _7.length]) >= 8;
   }
   function temLetraMinuscula() {
-    if (_optionalChain([data, 'optionalAccess', _12 => _12.senhaNova])) {
-      const result = _optionalChain([data, 'optionalAccess', _13 => _13.senhaNova, 'access', _14 => _14.match, 'call', _15 => _15(/[a-z]/g)]);
+    if (_optionalChain([data, 'optionalAccess', _8 => _8.senhaNova])) {
+      const result = _optionalChain([data, 'optionalAccess', _9 => _9.senhaNova, 'access', _10 => _10.match, 'call', _11 => _11(/[a-z]/g)]);
       return Array.isArray(result) && result.length > 0;
     }
     return false;
   }
   function temLetraMaisucula() {
-    if (_optionalChain([data, 'optionalAccess', _16 => _16.senhaNova])) {
-      const result = _optionalChain([data, 'optionalAccess', _17 => _17.senhaNova, 'access', _18 => _18.match, 'call', _19 => _19(/[A-Z]/g)]);
+    if (_optionalChain([data, 'optionalAccess', _12 => _12.senhaNova])) {
+      const result = _optionalChain([data, 'optionalAccess', _13 => _13.senhaNova, 'access', _14 => _14.match, 'call', _15 => _15(/[A-Z]/g)]);
       return Array.isArray(result) && result.length > 0;
     }
     return false;
   }
   function temNumero() {
-    if (_optionalChain([data, 'optionalAccess', _20 => _20.senhaNova])) {
-      const result = _optionalChain([data, 'optionalAccess', _21 => _21.senhaNova, 'access', _22 => _22.match, 'call', _23 => _23(/\d/g)]);
+    if (_optionalChain([data, 'optionalAccess', _16 => _16.senhaNova])) {
+      const result = _optionalChain([data, 'optionalAccess', _17 => _17.senhaNova, 'access', _18 => _18.match, 'call', _19 => _19(/\d/g)]);
       return Array.isArray(result) && result.length > 0;
     }
     return false;
   }
   function temCaracterEspecial() {
-    if (_optionalChain([data, 'optionalAccess', _24 => _24.senhaNova])) {
-      const result = _optionalChain([data, 'optionalAccess', _25 => _25.senhaNova, 'access', _26 => _26.match, 'call', _27 => _27(/\W/g)]);
+    if (_optionalChain([data, 'optionalAccess', _20 => _20.senhaNova])) {
+      const result = _optionalChain([data, 'optionalAccess', _21 => _21.senhaNova, 'access', _22 => _22.match, 'call', _23 => _23(/\W/g)]);
       return Array.isArray(result) && result.length > 0;
     }
     return false;
   }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Dialog_default.Root, { open: isOpen, onClose: (_5) => onClose(), maxWidth: "md", children: [
+  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" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Dialog_default.ActionClose, { onClose })
@@ -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', _28 => _28.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', _29 => _29.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 }) })
@@ -6050,7 +6108,7 @@ function VerificationCodeInput({
       _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((_5, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  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, 
     _material.TextField,
     {
       autoFocus: i === 0,
@@ -6107,7 +6165,7 @@ function DialogVerificarOtp(props) {
       setLoading(false);
     }
   }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Dialog_default.Root, { open, onClose: (_5) => onClose(), maxWidth: "xs", children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Dialog_default.Root, { open, onClose: (_) => onClose(), maxWidth: "xs", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Dialog_default.Header, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Dialog_default.Title, { children: "Entrar com senha tempor\xE1ria" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Dialog_default.ActionClose, { onClose })
@@ -6282,7 +6340,7 @@ function OtpForm(props) {
       {
         onLoginSuccess,
         open: isOpenVerificar,
-        onClose: async (_5) => {
+        onClose: async (_) => {
           setOpenVerificar(false);
         },
         payload: {
@@ -7831,7 +7889,7 @@ function FullMenuItem({
 
 
 
-
+var _truncate = require('lodash/truncate'); var _truncate2 = _interopRequireDefault(_truncate);
 
 
 // src/Surface/index.tsx
@@ -7953,7 +8011,7 @@ function MinMenuItem(props) {
       },
       children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.ListItemIcon, { children: renderIcon(icon) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.ListItemText, { primary: _lodash2.default.truncate(label, { length: 12 }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.ListItemText, { primary: _truncate2.default.call(void 0, label, { length: 12 }) }),
         _optionalChain([opened, 'optionalAccess', _61 => _61.id]) === id && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           _material.Popper,
           {
@@ -8341,7 +8399,7 @@ function reducer(state, action) {
     case "toggleIsOpen":
       return { ...state, isOpen: !state.isOpen };
     case "deleteAppliedValue":
-      const { [action.filterName]: _5, ...rest } = state.appliedValues || {};
+      const { [action.filterName]: _, ...rest } = state.appliedValues || {};
       const { [action.filterName]: __, ...restFilterValues } = state.filterValues || {};
       if (_optionalChain([action, 'optionalAccess', _90 => _90.storagePath])) {
         const storage = JSON.parse(
@@ -8598,7 +8656,7 @@ function FilterChips({
     if (!containsInAppliedValues)
       return null;
     return _react2.default.cloneElement(child, {
-      onDelete: !child.props.disabledDelete ? (_5) => {
+      onDelete: !child.props.disabledDelete ? (_) => {
         if (deleteFilterValue)
           deleteFilterValue(child.props.name || "");
         close();
@@ -8778,7 +8836,7 @@ function FilterRoot(props) {
 
 function FilterSearchTextField(props) {
   const { onChange, ...rest } = props;
-  const debouncedHandleChange = _lodash2.default.debounce((query) => onChange(query), 500);
+  const debouncedHandleChange = _debounce2.default.call(void 0, (query) => onChange(query), 500);
   function handleChange(event) {
     const value = event.target.value;
     debouncedHandleChange(value);
@@ -9048,7 +9106,7 @@ function Table(props) {
         break;
     }
   }
-  function handleRowDoubleClick(params, _5, details) {
+  function handleRowDoubleClick(params, _, details) {
     if (onRowDoubleClick)
       onRowDoubleClick("edit", params.id);
   }
@@ -9596,7 +9654,7 @@ function Pagination(props) {
               count: pages || 0,
               showFirstButton: true,
               showLastButton: true,
-              onChange: (_5, _page) => {
+              onChange: (_, _page) => {
                 if (onChangePage)
                   onChangePage(_page);
               },
@@ -10325,14 +10383,14 @@ function Autocomplete(props) {
     }
     return endAdornment;
   }
-  const debouncedHandleSearch = _lodash2.default.debounce((query, reason) => {
+  const debouncedHandleSearch = _debounce2.default.call(void 0, (query, reason) => {
     if (reason === "selectOption")
       return;
     if (onSearchChange)
       onSearchChange(query, reason);
   }, 500);
   const handleSearch = _react.useCallback.call(void 0, 
-    (_5, v, reason) => {
+    (_, v, reason) => {
       debouncedHandleSearch(v, reason);
     },
     [debouncedHandleSearch]
@@ -10353,7 +10411,7 @@ function Autocomplete(props) {
       loading: isLoading,
       loadingText: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Loading, {}),
       value,
-      onChange: (_5, v) => handleChange(v),
+      onChange: (_, v) => handleChange(v),
       options,
       onInputChange: handleSearch,
       getOptionLabel: renderValue,
@@ -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,
@@ -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 });
 }
 
@@ -11907,7 +11970,7 @@ var AvatarUploader = ({ onSave, src }) => {
   const [zoom, setZoom] = _react.useState.call(void 0, 1);
   const [croppedAreaPixels, setCroppedAreaPixels] = _react.useState.call(void 0, null);
   const [open, setOpen] = _react.useState.call(void 0, false);
-  const onCropComplete = _react.useCallback.call(void 0, (_5, croppedAreaPixels2) => {
+  const onCropComplete = _react.useCallback.call(void 0, (_, croppedAreaPixels2) => {
     setCroppedAreaPixels(croppedAreaPixels2);
   }, []);
   const handleSave = async () => {
@@ -11988,7 +12051,7 @@ var AvatarUploader = ({ onSave, src }) => {
                 min: 1,
                 max: 3,
                 step: 0.1,
-                onChange: (_5, value) => setZoom(value)
+                onChange: (_, value) => setZoom(value)
               }
             ),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonContainer, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Button2.default, { variant: "contained", onClick: handleSave, children: "Salvar" }) })
@@ -12155,7 +12218,7 @@ function DialogVerificarWhastapp(props) {
       setLoading(false);
     }
   }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Dialog_default.Root, { open, onClose: (_5) => onClose(), maxWidth: "xs", children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Dialog_default.Root, { open, onClose: (_) => onClose(), maxWidth: "xs", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Dialog_default.Header, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Dialog_default.Title, { children: "Verifica\xE7\xE3o do seu n\xFAmero de WhatsApp" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Dialog_default.ActionClose, { onClose })
@@ -12323,7 +12386,7 @@ function LoginSeguranca(props) {
       DialogVerificarWhastapp,
       {
         open: isOpenVerificarWhastapp,
-        onClose: async (_5) => {
+        onClose: async (_) => {
           setOpenVerificarWhatsapp(false);
         },
         payload: usuario,
@@ -12353,7 +12416,7 @@ function Profile(props) {
       {
         orientation: "vertical",
         value: tabValue,
-        onChange: (_5, value) => {
+        onChange: (_, value) => {
           setTabValue(value);
         },
         sx: {