argous 1.2.247 → 1.3.2

package/dist/utils/api.js

@@ -9,8 +9,8 @@ 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.");
@@ -35,16 +35,35 @@ 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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getUrlParameters = exports.sendNotification = exports.setWarning = exports.setInfo = exports.setSuccess = exports.setError = exports.setAlert = exports.serverAction = exports.enableDebugger = exports.setServerValue = exports.getServerValue = void 0;
+exports.getUrlParameters = exports.serverAction = exports.enableDebugger = exports.setServerValue = exports.getServerValue = void 0;
+exports.setAlert = setAlert;
+exports.setError = setError;
+exports.setSuccess = setSuccess;
+exports.setInfo = setInfo;
+exports.setWarning = setWarning;
+exports.sendNotification = sendNotification;
 var config_1 = require("./config");
 var store_1 = require("./store");
 var api_1 = require("../api");
 var fieldsRedux_1 = require("../fieldsRedux");
-var getCurrentProgram = function (n) {
-    if (n === void 0) { n = 0; }
-    return __awaiter(void 0, void 0, void 0, function () {
+var getCurrentProgram = function () {
+    var args_1 = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        args_1[_i] = arguments[_i];
+    }
+    return __awaiter(void 0, __spreadArray([], args_1, true), void 0, function (n) {
         var state, currentProgram;
+        if (n === void 0) { n = 0; }
         return __generator(this, function (_a) {
             state = (0, store_1.getStore)().getState();
             currentProgram = state.argous.currentProgram;
@@ -127,10 +146,14 @@ var enableDebugger = function () {
     debuging = true;
 };
 exports.enableDebugger = enableDebugger;
-var serverAction = function (metodo, dados, pgCode, tratarErro, token) {
-    if (dados === void 0) { dados = {}; }
-    return __awaiter(void 0, void 0, void 0, function () {
+var serverAction = function (metodo_1) {
+    var args_1 = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        args_1[_i - 1] = arguments[_i];
+    }
+    return __awaiter(void 0, __spreadArray([metodo_1], args_1, true), void 0, function (metodo, dados, pgCode, tratarErro, token) {
         var code, tErro, currentProgram, _a, data, res;
+        if (dados === void 0) { dados = {}; }
         return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
@@ -187,42 +210,36 @@ function setAlert(mensagem, type, title, time) {
         (0, fieldsRedux_1.setAnotherProgramField)('systemTopAlert', { mensagem: mensagem, type: type, title: title, time: time }, 'argousSystem');
     }, 0);
 }
-exports.setAlert = setAlert;
 function setError(mensagem, title) {
     if (title === void 0) { title = 'Erro'; }
     setTimeout(function () {
         (0, fieldsRedux_1.setAnotherProgramField)('systemTopAlert', { mensagem: mensagem, type: 'error', title: title }, 'argousSystem');
     }, 0);
 }
-exports.setError = setError;
 function setSuccess(mensagem, title, time) {
     if (time === void 0) { time = 5000; }
     setTimeout(function () {
         (0, fieldsRedux_1.setAnotherProgramField)('systemTopAlert', { mensagem: mensagem, type: 'success', title: title, time: time }, 'argousSystem');
     }, 0);
 }
-exports.setSuccess = setSuccess;
 function setInfo(mensagem, title, time) {
     if (time === void 0) { time = 5000; }
     setTimeout(function () {
         (0, fieldsRedux_1.setAnotherProgramField)('systemTopAlert', { mensagem: mensagem, type: 'info', title: title, time: time }, 'argousSystem');
     }, 0);
 }
-exports.setInfo = setInfo;
 function setWarning(mensagem, title, time) {
     if (time === void 0) { time = 5000; }
     setTimeout(function () {
         (0, fieldsRedux_1.setAnotherProgramField)('systemTopAlert', { mensagem: mensagem, type: 'warning', title: title, time: time }, 'argousSystem');
     }, 0);
 }
-exports.setWarning = setWarning;
 function sendNotification(_a) {
     var id = _a.id, mensagem = _a.mensagem, title = _a.title, type = _a.type, link = _a.link, dsLabel = _a.dsLabel;
     setTimeout(function () {
         (0, fieldsRedux_1.setAnotherProgramField)('systemTopAlert', { type: 'notification', id: id, mensagem: mensagem, title: title, link: link, dsLabel: dsLabel, icon: type }, 'argousSystem');
     }, 0);
 }
-exports.sendNotification = sendNotification;
 var getUrlVars = function () {
     var vars = {};
     window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function (_, key, value) {

package/dist/utils/config.js

@@ -1,13 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getConfig = exports.setConfig = void 0;
+exports.setConfig = setConfig;
+exports.getConfig = getConfig;
 var config;
 function setConfig(providedConfig, callback) {
     config = providedConfig;
     callback && callback();
 }
-exports.setConfig = setConfig;
 function getConfig() {
     return config;
 }
-exports.getConfig = getConfig;

package/dist/utils/index.d.ts

@@ -1,6 +1,6 @@
+import { BasicModalProps } from '../components';
 import { ActionType, ArgousType } from '../types';
 import { ChartOptions } from 'chart.js';
-import { BasicModalProps } from 'lib/components';
 import React from 'react';
 export declare const widthToCenterVertically: (content: number) => number;
 export declare const getCookie: (cName: string) => string;
@@ -21,7 +21,7 @@ export declare const printPdf: (URL?: string) => Promise<void>;
 export declare const getRandomColor: () => string;
 export declare const getInitials: (nome?: string) => string;
 export declare const getNumeroFromInitials: (initials: string, length: number) => number;
-export declare const usePrevious: (value: any) => undefined;
+export declare const usePrevious: (value: any) => any;
 /**
  * Igual o useEffect, mas não ativa quando o componente monta
  *
@@ -51,7 +51,7 @@ export declare const randomColor: () => string;
  * @returns {ChartOptions} - retorno com tema ajustado
  */
 export declare const useGraph: ({ title, legend: { labels, ...legend }, plugins: { datalabels, ...plugins }, scales: { yAxes: [{ ticks: yticks, gridLines: ygridLines, ...yAxes }, ...y], xAxes: [{ ticks: xticks, gridLines: xgridLines, ...xAxes }, ...x], ...scales }, ...props }?: ChartOptions) => ChartOptions;
-export declare const useModal: () => import("lib/components").ModalProviderContextProps;
+export declare const useModal: () => import("../components").ModalProviderContextProps;
 export declare const useStore: () => ArgousType;
 export declare const reduxDispatch: (action: ActionType) => void;
 export declare const formataTelefone: (value: string) => string;

package/dist/utils/index.js

@@ -26,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) {
@@ -43,8 +53,8 @@ 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.");
@@ -93,14 +103,21 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.numbersLettersOnly = exports.lettersOnly = exports.numbersOnly = exports.stopPrntScr = exports.printUrl = exports.geraLog = exports.printScreen = exports.allCharactersSame = exports.dataUrlToBlob = exports.bytesTranslator = exports.storageMeasures = exports.confirm = exports.copyToClipboard = exports.toFloat = exports.currencyMask = exports.useWebSocket = exports.formataTelefone = exports.reduxDispatch = exports.useStore = exports.useModal = exports.useGraph = exports.randomColor = exports.humanFileSize = exports.sanitizaHTML = exports.formataDinheiro = exports.useUpdateEffect = exports.usePrevious = exports.getNumeroFromInitials = exports.getInitials = exports.getRandomColor = exports.printPdf = exports.downloadFromUrl = exports.downloadBase64 = exports.formataNome = exports.addExtraZero = exports.getCookie = exports.widthToCenterVertically = void 0;
+exports.numbersLettersOnly = exports.lettersOnly = exports.numbersOnly = exports.printUrl = exports.geraLog = exports.printScreen = exports.bytesTranslator = exports.storageMeasures = exports.confirm = exports.copyToClipboard = exports.toFloat = exports.currencyMask = exports.useWebSocket = exports.formataTelefone = exports.reduxDispatch = exports.useStore = exports.useModal = exports.useGraph = exports.randomColor = exports.humanFileSize = exports.sanitizaHTML = exports.usePrevious = exports.getNumeroFromInitials = exports.getInitials = exports.getRandomColor = exports.printPdf = exports.formataNome = exports.addExtraZero = exports.getCookie = exports.widthToCenterVertically = void 0;
+exports.downloadBase64 = downloadBase64;
+exports.downloadFromUrl = downloadFromUrl;
+exports.useUpdateEffect = useUpdateEffect;
+exports.formataDinheiro = formataDinheiro;
+exports.dataUrlToBlob = dataUrlToBlob;
+exports.allCharactersSame = allCharactersSame;
+exports.stopPrntScr = stopPrntScr;
 var api_1 = require("./api");
 var store_1 = require("./store");
 var api_2 = require("../api");
 var ModalProvider_1 = require("../components/ConfirmModal/ModalProvider");
 var fieldsRedux_1 = require("../fieldsRedux");
-var core_1 = require("@material-ui/core");
-var colors = __importStar(require("@material-ui/core/colors"));
+var material_1 = require("@mui/material");
+var colors = __importStar(require("@mui/material/colors"));
 var dom_to_image_1 = __importDefault(require("dom-to-image"));
 var lodash_1 = require("lodash");
 var moment_1 = __importDefault(require("moment"));
@@ -127,7 +144,7 @@ var getCookie = function (cName) {
     return '';
 };
 exports.getCookie = getCookie;
-var addExtraZero = function (vl) { return (vl < 10) ? "0".concat(typeof vl === 'string' ? parseInt(vl) : vl) : vl; };
+var addExtraZero = function (vl) { return (Number(vl) < 10) ? "0".concat(typeof vl === 'string' ? parseInt(vl) : vl) : vl; };
 exports.addExtraZero = addExtraZero;
 var formataNome = function (value) {
     if (value) {
@@ -148,7 +165,6 @@ function downloadBase64(base64, fileName, fileExtension) {
     element.click();
     document.body.removeChild(element);
 }
-exports.downloadBase64 = downloadBase64;
 /**
  * Função faz o download de qualquer url
  *
@@ -180,11 +196,14 @@ function downloadFromUrl(url, fileName, fileExtension) {
         });
     });
 }
-exports.downloadFromUrl = downloadFromUrl;
-var printPdf = function (URL) {
-    if (URL === void 0) { URL = ''; }
-    return __awaiter(void 0, void 0, void 0, function () {
+var printPdf = function () {
+    var args_1 = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        args_1[_i] = arguments[_i];
+    }
+    return __awaiter(void 0, __spreadArray([], args_1, true), void 0, function (URL) {
         var url, iframe;
+        if (URL === void 0) { URL = ''; }
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0: return [4 /*yield*/, (0, api_2.getFileFromLink)({ URL: URL })];
@@ -244,7 +263,7 @@ exports.getInitials = getInitials;
 var getNumeroFromInitials = function (initials, length) { return Math.ceil(new RNG((initials.charCodeAt(0) + initials.charCodeAt(1) - 130) * length / 5).nextFloat() * 10) - 1; };
 exports.getNumeroFromInitials = getNumeroFromInitials;
 var usePrevious = function (value) {
-    var ref = (0, react_1.useRef)();
+    var ref = (0, react_1.useRef)(undefined);
     (0, react_1.useEffect)(function () {
         ref.current = value;
     });
@@ -266,15 +285,15 @@ function useUpdateEffect(effect, dependencies) {
             isInitialMount.current = false;
         else
             effect();
+        // This compatibility hook deliberately forwards the caller's dependency list.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, dependencies);
 }
-exports.useUpdateEffect = useUpdateEffect;
 function formataDinheiro(n) {
     if (n >= 0)
         return new Intl.NumberFormat('pt-BR', { minimumFractionDigits: 2 }).format(n);
     return "(".concat(new Intl.NumberFormat('pt-BR', { minimumFractionDigits: 2 }).format(Math.abs(n)), ")");
 }
-exports.formataDinheiro = formataDinheiro;
 var sanitizaHTML = function (html) {
     if (html === void 0) { html = ''; }
     return (html === null || html === void 0 ? void 0 : html.replace(/(<script>)|(<\/script>)|(\bon[^ ]*=('|"))/gi, '')) || '';
@@ -323,7 +342,7 @@ exports.randomColor = randomColor;
 var useGraph = function (_a) {
     if (_a === void 0) { _a = {}; }
     var title = _a.title, _b = _a.legend, _c = _b === void 0 ? {} : _b, labels = _c.labels, legend = __rest(_c, ["labels"]), _d = _a.plugins, _e = _d === void 0 ? {} : _d, datalabels = _e.datalabels, plugins = __rest(_e, ["datalabels"]), _f = _a.scales, _g = _f === void 0 ? {} : _f, _h = _g.yAxes, _j = _h === void 0 ? [] : _h, _k = _j, _l = _k[0], y = _k.slice(1), _m = _l === void 0 ? {} : _l, _o = _m.ticks, yticks = _o === void 0 ? {} : _o, _p = _m.gridLines, ygridLines = _p === void 0 ? {} : _p, yAxes = __rest(_m, ["ticks", "gridLines"]), _q = _g.xAxes, _r = _q === void 0 ? [] : _q, _s = _r, _t = _s[0], x = _s.slice(1), _u = _t === void 0 ? {} : _t, _v = _u.ticks, xticks = _v === void 0 ? {} : _v, _w = _u.gridLines, xgridLines = _w === void 0 ? {} : _w, xAxes = __rest(_u, ["ticks", "gridLines"]), scales = __rest(_g, ["yAxes", "xAxes"]), props = __rest(_a, ["title", "legend", "plugins", "scales"]);
-    var theme = (0, core_1.useTheme)();
+    var theme = (0, material_1.useTheme)();
     return __assign({ title: __assign({ fontColor: theme.palette.text.primary, fontSize: theme.typography.fontSize }, title), legend: __assign({ position: 'bottom', labels: __assign({ fontColor: theme.palette.text.primary }, labels) }, legend), plugins: __assign({ datalabels: __assign({ align: 'end', anchor: 'end', color: theme.palette.text.secondary, textShadowColor: theme.palette.background.default, textShadowBlur: 3 }, datalabels) }, plugins), scales: __assign({ yAxes: __spreadArray([__assign({ ticks: __assign({ fontColor: theme.palette.text.secondary }, yticks), gridLines: __assign({ color: theme.palette.divider, zeroLineColor: theme.palette.divider }, ygridLines) }, yAxes)], y, true), xAxes: __spreadArray([__assign({ ticks: __assign({ fontColor: theme.palette.text.secondary }, xticks), gridLines: __assign({ color: theme.palette.divider, zeroLineColor: theme.palette.divider }, xgridLines) }, xAxes)], x, true) }, scales) }, props);
 };
 exports.useGraph = useGraph;
@@ -439,7 +458,6 @@ function dataUrlToBlob(dataUrl) {
     var blob = new Blob([arrayBuffer], { type: mimeString });
     return blob;
 }
-exports.dataUrlToBlob = dataUrlToBlob;
 function allCharactersSame(s) {
     var n = s.length;
     for (var i = 1; i < n; i++)
@@ -447,37 +465,34 @@ function allCharactersSame(s) {
             return false;
     return true;
 }
-exports.allCharactersSame = allCharactersSame;
-var printScreen = function (_a) {
-    var event = _a.event, _b = _a.id, id = _b === void 0 ? 'root' : _b, _c = _a.download, download = _c === void 0 ? false : _c;
-    return __awaiter(void 0, void 0, void 0, function () {
-        var status, file, linkElement, element, dataUrl, blob;
-        return __generator(this, function (_d) {
-            switch (_d.label) {
-                case 0:
-                    status = false;
-                    element = document.getElementById(id);
-                    if (!element) return [3 /*break*/, 2];
-                    return [4 /*yield*/, dom_to_image_1.default.toPng(element)];
-                case 1:
-                    dataUrl = _d.sent();
-                    if (dataUrl) {
-                        linkElement = document.createElement('a');
-                        linkElement.download = "print_screen_".concat((0, moment_1.default)(new Date()).format('DD-MM-YYYY_HH:mm:ss'), ".png");
-                        linkElement.href = dataUrl;
-                        blob = dataUrlToBlob(dataUrl);
-                        if (blob)
-                            file = new File([blob], linkElement.download, { type: blob.type });
-                    }
-                    _d.label = 2;
-                case 2:
-                    (linkElement && file) && (status = true);
-                    (linkElement && download) && linkElement.click();
-                    return [2 /*return*/, { event: event, status: status, file: file, element: element, link: linkElement }];
-            }
-        });
+var printScreen = function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) {
+    var status, file, linkElement, element, dataUrl, blob;
+    var event = _b.event, _c = _b.id, id = _c === void 0 ? 'root' : _c, _d = _b.download, download = _d === void 0 ? false : _d;
+    return __generator(this, function (_e) {
+        switch (_e.label) {
+            case 0:
+                status = false;
+                element = document.getElementById(id);
+                if (!element) return [3 /*break*/, 2];
+                return [4 /*yield*/, dom_to_image_1.default.toPng(element)];
+            case 1:
+                dataUrl = _e.sent();
+                if (dataUrl) {
+                    linkElement = document.createElement('a');
+                    linkElement.download = "print_screen_".concat((0, moment_1.default)(new Date()).format('DD-MM-YYYY_HH:mm:ss'), ".png");
+                    linkElement.href = dataUrl;
+                    blob = dataUrlToBlob(dataUrl);
+                    if (blob)
+                        file = new File([blob], linkElement.download, { type: blob.type });
+                }
+                _e.label = 2;
+            case 2:
+                (linkElement && file) && (status = true);
+                (linkElement && download) && linkElement.click();
+                return [2 /*return*/, { event: event, status: status, file: file, element: element, link: linkElement }];
+        }
     });
-};
+}); };
 exports.printScreen = printScreen;
 var geraLog = function (idDocumento, descricao, tpAcao, tokenSistema) { return __awaiter(void 0, void 0, void 0, function () {
     var _a, _b, _c, _d;
@@ -541,7 +556,6 @@ function stopPrntScr(e) {
     inpFld.remove();
     return false;
 }
-exports.stopPrntScr = stopPrntScr;
 var numbersOnly = function (value, type) { return value ? value.replace(type === 'float' ? /[^0-9/.,]/g : /[^0-9]/g, '') : ''; };
 exports.numbersOnly = numbersOnly;
 var lettersOnly = function (valor) { return valor ? valor.replace(/\W/g, '') : ''; };

package/dist/utils/store.js

@@ -1,12 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getStore = exports.setStore = void 0;
+exports.setStore = setStore;
+exports.getStore = getStore;
 var store;
 function setStore(providedStore) {
     store = providedStore;
 }
-exports.setStore = setStore;
 function getStore() {
     return store;
 }
-exports.getStore = getStore;

package/lib/api/WebSocket.js

@@ -1,4 +1,4 @@
-import { connectArgousWS, getArgousWS, enviaMensagem, disconnect } from './ws';
+import { connectArgousWS, enviaMensagem, disconnect } from './ws';
 import * as argous from '../actions';
 import { getField, getCurrentProgram } from '../fieldsRedux';
 import { sendNotification } from '../utils/api';
@@ -9,11 +9,7 @@ import { connect } from 'react-redux';
 class WebSocketComponent extends Component {
 
   componentDidMount() {
-    window.addEventListener('focus', () => {
-      if (this.props.usuarioLogado.nome) {
-        this.connect();
-      }
-    });
+    window.addEventListener('focus', this.handleFocus);
   }
 
   componentDidUpdate(previousProps, previousState) {
@@ -27,17 +23,20 @@ class WebSocketComponent extends Component {
   }
 
   componentWillUnmount() {
+    window.removeEventListener('focus', this.handleFocus);
     disconnect();
   }
 
-  connect = () => {
-    connectArgousWS();
+  handleFocus = () => {
+    if (this.props.usuarioLogado.nome) {
+      this.connect();
+    }
+  }
 
-    const argousWS = getArgousWS();
+  connect = () => {
+    const argousWS = connectArgousWS();
 
-    argousWS.onopen = (event) => {
-      enviaMensagem({ trn: 1 });
-    };
+    enviaMensagem({ trn: 1 });
 
     argousWS.onmessage = (event) => {
       const res = JSON.parse(event.data);

package/lib/api/index.js

@@ -9,10 +9,10 @@ export const headers = (token) => ({ lgTkn: (token) ? token : getCookie('lt') })
 
 /**
  * @deprecated
- * 
- * @param {string} request - Metodo chamado 
+ *
+ * @param {string} request - Metodo chamado
  * @param {*} data - Dados Enviados
- * 
+ *
  * @returns {*} retorno
  */
 export const fetchToArgous = async (request, data) => {
@@ -103,10 +103,10 @@ export const getProgram = async (data) => {
 
 /**
  * @deprecated
- * 
+ *
  * @param {*} data - Dados
- * 
- * @returns {object} retorno 
+ *
+ * @returns {object} retorno
  */
 export const agGet = async (data) => {
   const res = await fetch(`${api()}agget.rslvr`, {
@@ -119,10 +119,10 @@ export const agGet = async (data) => {
 
 /**
  * @deprecated
- * 
+ *
  * @param {*} data - Dados
- * 
- * @returns {object} retorno 
+ *
+ * @returns {object} retorno
  */
 export const agSet = async (data) => {
   const res = await fetch(`${api()}agset.rslvr`, {
@@ -144,10 +144,10 @@ export const action = async (data, token) => {
 
 /**
  * @deprecated
- * 
+ *
  * @param {*} data - Dados
- * 
- * @returns {object} retorno 
+ *
+ * @returns {object} retorno
  */
 export const method = async (data) => {
   const res = await fetch(`${api()}agmethod.rslvr`, {
@@ -317,7 +317,7 @@ export const sendFilePart = async (data) => { // Envia um pedaco do do arquivo,
   return await res.json();
 };
 
-export const endFileUpload = async (data) => { //Finaliza o processo de envio de arquivo 
+export const endFileUpload = async (data) => { //Finaliza o processo de envio de arquivo
   const res = await fetch(`${api()}setEndFileUpload.filepart`, {
     method: 'POST',
     body: JSON.stringify(data),
@@ -372,7 +372,7 @@ export const prepareFile = async (file) => {
     headers: headers(),
     body: formData
   });
-  return { ...await res.json(), 
+  return { ...(await res.json()),
     lastModified: file.lastModified,
     lastModifiedDate: file.lastModifiedDate,
     name: file.name,

package/lib/api/ws.js

@@ -4,9 +4,38 @@ import { getConfig } from '../utils/config';
 const api = () => `${getConfig().ssl ? 'wss' : 'ws'}${ server() }ws`;
 
 let argousWS = null;
+let filaMensagens = [];
+
+const WS_CONNECTING = 0;
+const WS_OPEN = 1;
+const WS_CLOSING = 2;
+const WS_CLOSED = 3;
+
+const isSocketActive = (ws) => ws && [WS_CONNECTING, WS_OPEN].includes(ws.readyState);
+const isSocketOpen = (ws) => ws && ws.readyState === WS_OPEN;
+
+const flushMensagens = () => {
+  if (!isSocketOpen(argousWS) || !filaMensagens.length) {
+    return;
+  }
+
+  const mensagens = [...filaMensagens];
+  filaMensagens = [];
+
+  mensagens.forEach((mensagem) => {
+    argousWS.send(mensagem);
+  });
+};
 
 export const connectArgousWS = (data) => {
+  if (isSocketActive(argousWS)) {
+    return argousWS;
+  }
+
   argousWS = new WebSocket(api());
+  argousWS.addEventListener('open', flushMensagens);
+
+  return argousWS;
 };
 
 export const getArgousWS = (data) => {
@@ -14,14 +43,29 @@ export const getArgousWS = (data) => {
 };
 
 export const disconnect = () => {
-  if (argousWS)
+  filaMensagens = [];
+
+  if (argousWS && ![WS_CLOSING, WS_CLOSED].includes(argousWS.readyState)) {
     argousWS.close();
+  }
+
+  argousWS = null;
 };
 
 export const enviaMensagem = (data) => {
-  const argousWS = getArgousWS();
-  argousWS.send(JSON.stringify({
+  const mensagem = JSON.stringify({
     ...headers(),
     ...data
-  }));
+  });
+
+  if (!isSocketActive(argousWS)) {
+    connectArgousWS();
+  }
+
+  if (isSocketOpen(argousWS)) {
+    argousWS.send(mensagem);
+    return;
+  }
+
+  filaMensagens.push(mensagem);
 };

package/lib/components/ArgousAvatar/ArgousAvatar.d.ts

@@ -1,4 +1,4 @@
-import { AvatarProps } from '@material-ui/core';
+import { AvatarProps } from '@mui/material';
 
 export interface ArgousAvatarTypeMap extends AvatarProps{
   /**