argous 1.2.246 → 1.3.2

package/dist/components/ContactValidationInput/ContactValidationInput.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -22,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -39,12 +53,12 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -65,6 +79,17 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -76,14 +101,14 @@ var __1 = require("../");
 var api_1 = require("../../api");
 var utils_1 = require("../../utils");
 var api_2 = require("../../utils/api");
-var core_1 = require("@material-ui/core");
+var material_1 = require("@mui/material");
 var react_1 = __importStar(require("react"));
 var io_1 = require("react-icons/io");
 var lia_1 = require("react-icons/lia");
 var pi_1 = require("react-icons/pi");
-var react_maskedinput_1 = __importDefault(require("react-maskedinput"));
+var react_input_mask_1 = __importDefault(require("@mona-health/react-input-mask"));
 var EMAIL_VALIDATION_REGEX = /^[\w-.]+@([\w-]+\.)+[\w-]{2,4}$/;
-var cellphoneMaskedInput = function (props) { return react_1.default.createElement(react_maskedinput_1.default, __assign({ mask: '(11) 11111-1111' }, props)); };
+var cellphoneMaskedInput = function (props) { return react_1.default.createElement(react_input_mask_1.default, __assign({ mask: '(99) 99999-9999' }, props)); };
 exports.SealIcon = pi_1.PiSealCheck;
 exports.GREEN_COLOR = '#00995D';
 var ORANGE_COLOR = '#f5781e';
@@ -106,13 +131,15 @@ var initialState = {
     message: messageInitialState
 };
 var ContactValidationInput = function (_a) {
-    var id = _a.id, _b = _a.type, type = _b === void 0 ? ('cellphone' || 'email') : _b, _c = _a.textFieldProps, textFieldProps = _c === void 0 ? {} : _c, _d = _a.style, style = _d === void 0 ? {} : _d, _e = _a.className, className = _e === void 0 ? '' : _e, disabled = _a.disabled, _f = _a.cpf, cpf = _f === void 0 ? '' : _f, _g = _a.userName, userName = _g === void 0 ? '' : _g, _h = _a.value, value = _h === void 0 ? '' : _h, _j = _a.onChange, onChange = _j === void 0 ? function () { return ''; } : _j, _k = _a.getComponentData, getComponentData = _k === void 0 ? function () { return ''; } : _k;
-    var theme = core_1.useTheme();
-    var _l = react_1.useState(__assign(__assign({}, initialState), { inputValue: value })), state = _l[0], setState = _l[1];
+    var _b;
+    var id = _a.id, _c = _a.type, type = _c === void 0 ? ('cellphone' || 'email') : _c, _d = _a.textFieldProps, textFieldProps = _d === void 0 ? {} : _d, _e = _a.style, style = _e === void 0 ? {} : _e, _f = _a.className, className = _f === void 0 ? '' : _f, disabled = _a.disabled, _g = _a.cpf, cpf = _g === void 0 ? '' : _g, _h = _a.userName, userName = _h === void 0 ? '' : _h, _j = _a.value, value = _j === void 0 ? '' : _j, _k = _a.onChange, onChange = _k === void 0 ? function () { return ''; } : _k, _l = _a.getComponentData, getComponentData = _l === void 0 ? function () { return ''; } : _l;
+    var FormHelperTextProps = textFieldProps.FormHelperTextProps, InputLabelProps = textFieldProps.InputLabelProps, InputProps = textFieldProps.InputProps, inputProps = textFieldProps.inputProps, SelectProps = textFieldProps.SelectProps, _m = textFieldProps.slotProps, textFieldSlotProps = _m === void 0 ? {} : _m, resolvedTextFieldProps = __rest(textFieldProps, ["FormHelperTextProps", "InputLabelProps", "InputProps", "inputProps", "SelectProps", "slotProps"]);
+    var theme = (0, material_1.useTheme)();
+    var _o = (0, react_1.useState)(__assign(__assign({}, initialState), { inputValue: value })), state = _o[0], setState = _o[1];
     var inputValue = state.inputValue, loading = state.loading, searched = state.searched, validated = state.validated, idContato = state.idContato, cdContato = state.cdContato, code = state.code, message = state.message, validating = state.validating;
-    var createModal = utils_1.useModal().createModal;
+    var createModal = (0, utils_1.useModal)().createModal;
     var sealModal = createModal(SealModal_1.default);
-    var onChangeRef = react_1.useRef(onChange);
+    var onChangeRef = (0, react_1.useRef)(onChange);
     var logicSetState = function (_a) {
         var type = _a.type, field = _a.field, value = _a.value;
         return setState(function (states) {
@@ -122,7 +149,7 @@ var ContactValidationInput = function (_a) {
     };
     var cellphoneType = (type === 'cellphone');
     var emailType = (type === 'email');
-    var formattedInputValue = (cellphoneType) ? utils_1.numbersOnly(inputValue) : inputValue;
+    var formattedInputValue = (cellphoneType) ? (0, utils_1.numbersOnly)(inputValue) : inputValue;
     var invalidType = (!cellphoneType && !emailType);
     var disabledRule = (disabled || !cpf || !userName || invalidType || loading.input);
     var validatedRule = (searched && validated && !validating);
@@ -144,17 +171,17 @@ var ContactValidationInput = function (_a) {
     var sealButtonStyle = {
         height: '100%',
         color: exports.GREEN_COLOR,
-        border: "2px solid " + exports.GREEN_COLOR,
+        border: "2px solid ".concat(exports.GREEN_COLOR),
         borderRadius: 4,
         padding: 5,
         fontSize: 22
     };
-    var handleOnChange = react_1.useCallback(function (event) {
+    var handleOnChange = (0, react_1.useCallback)(function (event) {
         event.target.value = event.target.value.toString().toLowerCase();
         logicSetState({ type: 'inputValue', value: event.target.value });
         (typeof onChangeRef.current === 'function') && onChangeRef.current(event);
     }, []);
-    var search = react_1.useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
+    var search = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
         var parameters, fetchOptions, _a, status, cdContato, isVerificado, newInputValue_1, newEvent;
         return __generator(this, function (_b) {
             switch (_b.label) {
@@ -165,14 +192,14 @@ var ContactValidationInput = function (_a) {
                     parameters = {
                         method: 'S',
                         type: (cellphoneType) ? '1' : (emailType) ? '2' : '',
-                        cdCpf: utils_1.numbersOnly(cpf)
+                        cdCpf: (0, utils_1.numbersOnly)(cpf)
                     };
                     fetchOptions = {
                         method: 'POST',
                         body: JSON.stringify(parameters),
-                        headers: api_1.headers()
+                        headers: (0, api_1.headers)()
                     };
-                    return [4 /*yield*/, fetch(api_1.api() + "agscontactconfirmation.rslvr", fetchOptions).then(function (response) { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+                    return [4 /*yield*/, fetch("".concat((0, api_1.api)(), "agscontactconfirmation.rslvr"), fetchOptions).then(function (response) { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
                             switch (_a.label) {
                                 case 0: return [4 /*yield*/, response.json()];
                                 case 1: return [2 /*return*/, _a.sent()];
@@ -192,7 +219,7 @@ var ContactValidationInput = function (_a) {
             }
         });
     }); }, [cellphoneType, emailType, invalidType, cpf, handleOnChange]);
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         search();
     }, [search]);
     var sendValidationCode = function () { return __awaiter(void 0, void 0, void 0, function () {
@@ -207,16 +234,16 @@ var ContactValidationInput = function (_a) {
                         method: 'C',
                         type: (cellphoneType) ? '1' : (emailType) ? '2' : '',
                         tpMetodo: (emailType) ? '3' : '',
-                        cdCpf: utils_1.numbersOnly(cpf),
+                        cdCpf: (0, utils_1.numbersOnly)(cpf),
                         dsNome: userName,
                         cdContato: formattedInputValue
                     };
                     fetchOptions = {
                         method: 'POST',
                         body: JSON.stringify(parameters),
-                        headers: api_1.headers()
+                        headers: (0, api_1.headers)()
                     };
-                    return [4 /*yield*/, fetch(api_1.api() + "agscontactconfirmation.rslvr", fetchOptions).then(function (response) { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+                    return [4 /*yield*/, fetch("".concat((0, api_1.api)(), "agscontactconfirmation.rslvr"), fetchOptions).then(function (response) { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
                             switch (_a.label) {
                                 case 0: return [4 /*yield*/, response.json()];
                                 case 1: return [2 /*return*/, _a.sent()];
@@ -225,14 +252,13 @@ var ContactValidationInput = function (_a) {
                 case 1:
                     _a = _b.sent(), status = _a.status, idContato = _a.idContato, cdContato = _a.cdContato, dsErro = _a.dsErro;
                     if (status) {
-                        setState(function (states) { return (__assign(__assign({}, states), { idContato: idContato,
-                            cdContato: cdContato, validated: false, validating: true, message: {
+                        setState(function (states) { return (__assign(__assign({}, states), { idContato: idContato, cdContato: cdContato, validated: false, validating: true, message: {
                                 color: ORANGE_COLOR,
                                 text: (cellphoneType) ? 'Utilize o código recebido via sms' : (emailType) ? 'Utilize o código recebido via e-mail' : ''
                             } })); });
                     }
                     else {
-                        (dsErro) && api_2.setError(dsErro);
+                        (dsErro) && (0, api_2.setError)(dsErro);
                     }
                     logicSetState({ type: 'loading', field: 'input', value: false });
                     return [2 /*return*/];
@@ -251,16 +277,16 @@ var ContactValidationInput = function (_a) {
                         method: 'C',
                         type: '2',
                         tpMetodo: '4',
-                        cdCpf: utils_1.numbersOnly(cpf),
+                        cdCpf: (0, utils_1.numbersOnly)(cpf),
                         dsNome: userName,
                         cdContato: formattedInputValue
                     };
                     fetchOptions = {
                         method: 'POST',
                         body: JSON.stringify(parameters),
-                        headers: api_1.headers()
+                        headers: (0, api_1.headers)()
                     };
-                    return [4 /*yield*/, fetch(api_1.api() + "agscontactconfirmation.rslvr", fetchOptions).then(function (response) { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+                    return [4 /*yield*/, fetch("".concat((0, api_1.api)(), "agscontactconfirmation.rslvr"), fetchOptions).then(function (response) { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
                             switch (_a.label) {
                                 case 0: return [4 /*yield*/, response.json()];
                                 case 1: return [2 /*return*/, _a.sent()];
@@ -271,73 +297,71 @@ var ContactValidationInput = function (_a) {
                     if (status) {
                         setState(function (states) { return (__assign(__assign({}, states), { idContato: '', cdContato: cdContato, code: '', message: {
                                 color: '',
-                                text: "O link de valida\u00E7\u00E3o foi enviado para o e-mail \"" + cdContato + "\""
+                                text: "O link de valida\u00E7\u00E3o foi enviado para o e-mail \"".concat(cdContato, "\"")
                             } })); });
                     }
                     else {
-                        (dsErro) && api_2.setError(dsErro);
+                        (dsErro) && (0, api_2.setError)(dsErro);
                     }
                     logicSetState({ type: 'loading', field: 'sendValidationLink', value: false });
                     return [2 /*return*/];
             }
         });
     }); };
-    var validateCode = function (_a) {
-        var _b = _a.snChancela, snChancela = _b === void 0 ? false : _b;
-        return __awaiter(void 0, void 0, void 0, function () {
-            var parameters, fetchOptions, _c, status, isVerificado, messageText_1;
-            return __generator(this, function (_d) {
-                switch (_d.label) {
-                    case 0:
-                        if (invalidType)
-                            return [2 /*return*/];
-                        logicSetState({ type: 'loading', field: (snChancela) ? 'input' : 'validation', value: true });
-                        parameters = {
-                            method: 'V',
-                            type: (cellphoneType) ? '1' : (emailType) ? '2' : '',
-                            cdCpf: utils_1.numbersOnly(cpf),
-                            dsNome: userName,
-                            cdCode: code,
-                            cdContato: formattedInputValue,
-                            idContato: idContato,
-                            snChancela: snChancela
-                        };
-                        fetchOptions = {
-                            method: 'POST',
-                            body: JSON.stringify(parameters),
-                            headers: api_1.headers()
-                        };
-                        return [4 /*yield*/, fetch(api_1.api() + "agscontactconfirmation.rslvr", fetchOptions).then(function (response) { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
-                                switch (_a.label) {
-                                    case 0: return [4 /*yield*/, response.json()];
-                                    case 1: return [2 /*return*/, _a.sent()];
-                                }
-                            }); }); })];
-                    case 1:
-                        _c = _d.sent(), status = _c.status, isVerificado = _c.isVerificado;
-                        if (status) {
-                            messageText_1 = '';
-                            if (isVerificado) {
-                                if (cellphoneType)
-                                    messageText_1 = 'Celular validado com sucesso';
-                                else if (emailType)
-                                    messageText_1 = 'E-mail validado com sucesso';
-                                setTimeout(function () { return logicSetState({ type: 'message', value: messageInitialState }); }, 6000);
-                            }
-                            else {
-                                messageText_1 = 'Código inválido. Por favor tente novamente.';
+    var validateCode = function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) {
+        var parameters, fetchOptions, _c, status, isVerificado, messageText_1;
+        var _d = _b.snChancela, snChancela = _d === void 0 ? false : _d;
+        return __generator(this, function (_e) {
+            switch (_e.label) {
+                case 0:
+                    if (invalidType)
+                        return [2 /*return*/];
+                    logicSetState({ type: 'loading', field: (snChancela) ? 'input' : 'validation', value: true });
+                    parameters = {
+                        method: 'V',
+                        type: (cellphoneType) ? '1' : (emailType) ? '2' : '',
+                        cdCpf: (0, utils_1.numbersOnly)(cpf),
+                        dsNome: userName,
+                        cdCode: code,
+                        cdContato: formattedInputValue,
+                        idContato: idContato,
+                        snChancela: snChancela
+                    };
+                    fetchOptions = {
+                        method: 'POST',
+                        body: JSON.stringify(parameters),
+                        headers: (0, api_1.headers)()
+                    };
+                    return [4 /*yield*/, fetch("".concat((0, api_1.api)(), "agscontactconfirmation.rslvr"), fetchOptions).then(function (response) { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+                            switch (_a.label) {
+                                case 0: return [4 /*yield*/, response.json()];
+                                case 1: return [2 /*return*/, _a.sent()];
                             }
-                            setState(function (states) { return (__assign(__assign({}, states), { validated: isVerificado, validating: false, idContato: '', code: '', message: {
-                                    color: (isVerificado) ? '' : RED_COLOR,
-                                    text: messageText_1
-                                } })); });
+                        }); }); })];
+                case 1:
+                    _c = _e.sent(), status = _c.status, isVerificado = _c.isVerificado;
+                    if (status) {
+                        messageText_1 = '';
+                        if (isVerificado) {
+                            if (cellphoneType)
+                                messageText_1 = 'Celular validado com sucesso';
+                            else if (emailType)
+                                messageText_1 = 'E-mail validado com sucesso';
+                            setTimeout(function () { return logicSetState({ type: 'message', value: messageInitialState }); }, 6000);
                         }
-                        logicSetState({ type: 'loading', field: (snChancela) ? 'input' : 'validation', value: false });
-                        return [2 /*return*/];
-                }
-            });
+                        else {
+                            messageText_1 = 'Código inválido. Por favor tente novamente.';
+                        }
+                        setState(function (states) { return (__assign(__assign({}, states), { validated: isVerificado, validating: false, idContato: '', code: '', message: {
+                                color: (isVerificado) ? '' : RED_COLOR,
+                                text: messageText_1
+                            } })); });
+                    }
+                    logicSetState({ type: 'loading', field: (snChancela) ? 'input' : 'validation', value: false });
+                    return [2 /*return*/];
+            }
         });
-    };
+    }); };
     var toSeal = function () { return __awaiter(void 0, void 0, void 0, function () {
         var status;
         return __generator(this, function (_a) {
@@ -351,7 +375,7 @@ var ContactValidationInput = function (_a) {
             }
         });
     }); };
-    var checkConsistency = react_1.useCallback(function () {
+    var checkConsistency = (0, react_1.useCallback)(function () {
         if ((formattedInputValue === cdContato) && validated)
             logicSetState({ type: 'validating', value: false });
         else if (!(formattedInputValue === cdContato) && validated)
@@ -360,25 +384,29 @@ var ContactValidationInput = function (_a) {
             setState(function (states) { return (__assign(__assign({}, states), { idContato: '', validated: false, validating: false, code: '', message: messageInitialState })); });
         }
     }, [formattedInputValue, cdContato, validated, validating]);
-    react_1.useEffect(function () { return checkConsistency(); }, [formattedInputValue, checkConsistency]);
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
+        checkConsistency();
+    }, [formattedInputValue, checkConsistency]);
+    (0, react_1.useEffect)(function () {
         (typeof getComponentData === 'function') && getComponentData(state);
     }, [state, getComponentData]);
-    return react_1.default.createElement(core_1.Grid, __assign({ container: true, direction: 'column' }, { id: id, className: className }, { style: __assign(__assign({}, style), containerStyle) }),
-        react_1.default.createElement(core_1.TextField, __assign({}, textFieldProps, { disabled: disabledRule, value: inputValue, onChange: handleOnChange, InputProps: __assign(__assign({}, textFieldProps === null || textFieldProps === void 0 ? void 0 : textFieldProps.InputProps), { inputComponent: (cellphoneType) ? cellphoneMaskedInput : undefined, endAdornment: (react_1.default.createElement(core_1.InputAdornment, { position: 'end', style: endInputAdornmentStyle },
-                    (validatedRule) && react_1.default.createElement(io_1.IoMdCheckmark, { color: exports.GREEN_COLOR, size: INPUT_ADORNMENT_ICON_SIZE }),
-                    (noValidatedRule) && react_1.default.createElement(lia_1.LiaExclamationTriangleSolid, { color: ORANGE_COLOR, size: INPUT_ADORNMENT_ICON_SIZE }),
-                    (loading.input) && react_1.default.createElement(core_1.CircularProgress, { color: 'secondary', size: INPUT_ADORNMENT_ICON_SIZE }),
-                    (noValidatedRule) && (react_1.default.createElement(core_1.Button, { size: 'small', variant: 'contained', disableElevation: true, disabled: disabledRule || loading.validation || sendValidationCodeButtonDisabled, onClick: sendValidationCode }, "Validar")))) }) })),
+    return (react_1.default.createElement(material_1.Stack, { id: id, className: className, style: __assign(__assign({}, style), containerStyle) },
+        react_1.default.createElement(material_1.TextField, __assign({}, resolvedTextFieldProps, { disabled: disabledRule, value: inputValue, onChange: handleOnChange, slotProps: __assign(__assign({}, textFieldSlotProps), { formHelperText: __assign(__assign({}, FormHelperTextProps), textFieldSlotProps.formHelperText), htmlInput: __assign(__assign({}, inputProps), textFieldSlotProps.htmlInput), input: __assign(__assign(__assign({}, InputProps), textFieldSlotProps.input), { inputComponent: (cellphoneType) ? cellphoneMaskedInput : (_b = textFieldSlotProps.input) === null || _b === void 0 ? void 0 : _b.inputComponent, endAdornment: (react_1.default.createElement(material_1.InputAdornment, { position: 'end', style: endInputAdornmentStyle },
+                        (validatedRule) && react_1.default.createElement(io_1.IoMdCheckmark, { color: exports.GREEN_COLOR, size: INPUT_ADORNMENT_ICON_SIZE }),
+                        (noValidatedRule) && react_1.default.createElement(lia_1.LiaExclamationTriangleSolid, { color: ORANGE_COLOR, size: INPUT_ADORNMENT_ICON_SIZE }),
+                        (loading.input) && react_1.default.createElement(material_1.CircularProgress, { color: 'secondary', size: INPUT_ADORNMENT_ICON_SIZE }),
+                        (noValidatedRule) && (react_1.default.createElement(material_1.Button, { size: 'small', variant: 'contained', disableElevation: true, disabled: disabledRule || loading.validation || sendValidationCodeButtonDisabled, onClick: sendValidationCode }, "Validar")))) }), inputLabel: __assign(__assign({}, InputLabelProps), textFieldSlotProps.inputLabel), select: __assign(__assign({}, SelectProps), textFieldSlotProps.select) }) })),
         (message.text) && (react_1.default.createElement("div", null,
-            react_1.default.createElement(core_1.Typography, { style: messageStyle }, message.text))),
+            react_1.default.createElement(material_1.Typography, { style: messageStyle }, message.text))),
         (codeWasSent) && (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement("div", { className: 'otp-input-container' },
                 react_1.default.createElement(__1.OtpInput, { autoFocus: true, numInputs: 5, disabled: disabledRule || loading.validation, value: code, onChange: function (newCode) { return logicSetState({ type: 'code', value: newCode }); } })),
-            react_1.default.createElement(core_1.Grid, { container: true, alignItems: 'center', style: validateCodeButtonsContainerStyle },
-                react_1.default.createElement(core_1.IconButton, { title: 'Chancelar', tabIndex: '1', size: 'small', disabled: disabledRule || loading.validation || loading.sendValidationLink, onClick: toSeal, style: sealButtonStyle },
+            react_1.default.createElement(material_1.Grid, { container: true, style: validateCodeButtonsContainerStyle, sx: {
+                    alignItems: 'center'
+                } },
+                react_1.default.createElement(material_1.IconButton, { title: 'Chancelar', tabIndex: '1', size: 'small', disabled: disabledRule || loading.validation || loading.sendValidationLink, onClick: toSeal, style: sealButtonStyle },
                     react_1.default.createElement(exports.SealIcon, null)),
-                react_1.default.createElement(core_1.Button, { color: 'primary', variant: 'contained', disableElevation: true, disabled: disabledRule || loading.validation || loading.sendValidationLink || (code.length < 5), startIcon: (loading.validation) ? react_1.default.createElement(core_1.CircularProgress, { color: 'secondary', size: 20 }) : null, onClick: validateCode, style: validateCodeButtonStyle }, "Validar c\u00F3digo")),
-            (emailType) && (react_1.default.createElement(core_1.Button, { variant: 'contained', disableElevation: true, disabled: disabledRule || loading.validation || loading.sendValidationLink, startIcon: (loading.sendValidationLink) ? react_1.default.createElement(core_1.CircularProgress, { color: 'secondary', size: 20 }) : null, onClick: sendValidationLink }, "Enviar link para valida\u00E7\u00E3o no e-mail")))));
+                react_1.default.createElement(material_1.Button, { color: 'primary', variant: 'contained', disableElevation: true, disabled: disabledRule || loading.validation || loading.sendValidationLink || (code.length < 5), startIcon: (loading.validation) ? react_1.default.createElement(material_1.CircularProgress, { color: 'secondary', size: 20 }) : null, onClick: validateCode, style: validateCodeButtonStyle }, "Validar c\u00F3digo")),
+            (emailType) && (react_1.default.createElement(material_1.Button, { variant: 'contained', disableElevation: true, disabled: disabledRule || loading.validation || loading.sendValidationLink, startIcon: (loading.sendValidationLink) ? react_1.default.createElement(material_1.CircularProgress, { color: 'secondary', size: 20 }) : null, onClick: sendValidationLink }, "Enviar link para valida\u00E7\u00E3o no e-mail"))))));
 };
 exports.default = ContactValidationInput;

package/dist/components/ContactValidationInput/SealModal.d.ts

@@ -3,4 +3,4 @@ declare function SealModal({ open, proceed }: {
     open: any;
     proceed: any;
 }): React.JSX.Element;
-import React from "react";
+import React from 'react';

package/dist/components/ContactValidationInput/SealModal.js

@@ -1,21 +1,10 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var ContactValidationInput_1 = require("./ContactValidationInput");
-var core_1 = require("@material-ui/core");
+var material_1 = require("@mui/material");
 var react_1 = __importDefault(require("react"));
 var SealModal = function (_a) {
     var open = _a.open, proceed = _a.proceed;
@@ -26,15 +15,19 @@ var SealModal = function (_a) {
     var buttonsContainerStyle = { gap: 20 };
     var headerContainerStyle = { gap: 10 };
     var onClose = function () { return proceed({ status: false }); };
-    return react_1.default.createElement(core_1.Dialog, __assign({}, { open: open, onClose: onClose }),
-        react_1.default.createElement(core_1.Grid, { container: true, direction: 'column', style: containerStyle },
-            react_1.default.createElement(core_1.Grid, { container: true, alignItems: 'center', style: headerContainerStyle },
-                react_1.default.createElement(core_1.Typography, { variant: 'h6' }, "Chancela"),
+    return (react_1.default.createElement(material_1.Dialog, { open: open, onClose: onClose },
+        react_1.default.createElement(material_1.Stack, { style: containerStyle },
+            react_1.default.createElement(material_1.Grid, { container: true, style: headerContainerStyle, sx: {
+                    alignItems: 'center'
+                } },
+                react_1.default.createElement(material_1.Typography, { variant: 'h6' }, "Chancela"),
                 react_1.default.createElement(ContactValidationInput_1.SealIcon, { color: ContactValidationInput_1.GREEN_COLOR, size: 20 })),
             react_1.default.createElement("div", null,
-                react_1.default.createElement(core_1.Typography, null, "Ao confirmar voc\u00EA estar\u00E1 validando o contato com um selo especial")),
-            react_1.default.createElement(core_1.Grid, { container: true, justifyContent: 'flex-end', style: buttonsContainerStyle },
-                react_1.default.createElement(core_1.Button, { onClick: onClose }, "Voltar"),
-                react_1.default.createElement(core_1.Button, { color: 'primary', variant: 'contained', onClick: function (event) { return proceed({ status: true }); } }, "Confirmar"))));
+                react_1.default.createElement(material_1.Typography, null, "Ao confirmar voc\u00EA estar\u00E1 validando o contato com um selo especial")),
+            react_1.default.createElement(material_1.Grid, { container: true, style: buttonsContainerStyle, sx: {
+                    justifyContent: 'flex-end'
+                } },
+                react_1.default.createElement(material_1.Button, { onClick: onClose }, "Voltar"),
+                react_1.default.createElement(material_1.Button, { color: 'primary', variant: 'contained', onClick: function (event) { return proceed({ status: true }); } }, "Confirmar")))));
 };
 exports.default = SealModal;

package/dist/components/ContactValidationInput/index.d.ts

@@ -1,2 +1 @@
-export { default } from './ContactValidationInput';
-export * from './ContactValidationInput';
+export { default } from "./ContactValidationInput";

package/dist/components/Document/Icons.d.ts

@@ -38,7 +38,7 @@ export function IconsComponent({ type, fileName, mimeType, idDocumento, link, ..
 /** @type {FileIcons}  */
 export const Icons: FileIcons;
 export default Icons;
-export type Extencoes = 'ai' | 'audio' | 'avi' | 'css' | 'csv' | 'dbf' | 'doc' | 'dwg' | 'exe' | 'file' | 'fla' | 'html' | 'image' | 'iso' | 'jpg' | 'js' | 'json' | 'mod' | 'mp3' | 'mp4' | 'pdf' | 'png' | 'ppt' | 'psd' | 'rtf' | 'search' | 'svg' | 'txt' | 'video' | 'xls' | 'xml' | 'zip' | 'zip1';
+export type Extencoes = "ai" | "audio" | "avi" | "css" | "csv" | "dbf" | "doc" | "dwg" | "exe" | "file" | "fla" | "html" | "image" | "iso" | "jpg" | "js" | "json" | "mod" | "mp3" | "mp4" | "pdf" | "png" | "ppt" | "psd" | "rtf" | "search" | "svg" | "txt" | "video" | "xls" | "xml" | "zip" | "zip1";
 export type Tipos = {
     /**
      * - Tipos de arquivos suportados
@@ -190,4 +190,4 @@ export type FileIcons = {
      */
     zip1: JSX.Element;
 };
-import React from "react";
+import React from 'react';