argous 1.2.133 → 1.2.137

package/dist/api/index.d.ts

@@ -9,6 +9,7 @@ export function logout(): Promise<any>;
 export function validaToken(): Promise<any>;
 export function getMenu(): Promise<any>;
 export function getPostsTimeline(data: any): Promise<any>;
+export function addCommentPost(data: any): Promise<any>;
 export function getPostPublicacao(data: any): Promise<any>;
 export function getProgram(data: any): Promise<any>;
 export function agGet(data: any): object;

package/dist/api/index.js

@@ -47,7 +47,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.scanDocument = exports.getLink = exports.getFileFromLink = exports.createDocument = exports.prepareFile = exports.searchUsers = exports.getFileInfo = exports.cancelFileUpload = exports.endFileUpload = exports.sendFilePart = exports.inicFileUpload = exports.enviaCompartilhamentoDePrograma = exports.removePostTimeLine = exports.publicaTimeline = exports.toggleLikePost = exports.recebeInfoEstatisticas = exports.recebeInfoLoginsAtivos = exports.recebeThreadsUsuario = exports.recebeInfoThread = exports.recebeThread = exports.readNotificacao = exports.readNotificacoes = exports.getNotificacoes = exports.callProgram = exports.toggleFavorite = exports.getFavorites = exports.method = exports.action = exports.agSet = exports.agGet = exports.getProgram = exports.getPostPublicacao = exports.getPostsTimeline = exports.getMenu = exports.validaToken = exports.logout = exports.login = exports.fetchToArgous = exports.headers = exports.api = exports.server = void 0;
+exports.scanDocument = exports.getLink = exports.getFileFromLink = exports.createDocument = exports.prepareFile = exports.searchUsers = exports.getFileInfo = exports.cancelFileUpload = exports.endFileUpload = exports.sendFilePart = exports.inicFileUpload = exports.enviaCompartilhamentoDePrograma = exports.removePostTimeLine = exports.publicaTimeline = exports.toggleLikePost = exports.recebeInfoEstatisticas = exports.recebeInfoLoginsAtivos = exports.recebeThreadsUsuario = exports.recebeInfoThread = exports.recebeThread = exports.readNotificacao = exports.readNotificacoes = exports.getNotificacoes = exports.callProgram = exports.toggleFavorite = exports.getFavorites = exports.method = exports.action = exports.agSet = exports.agGet = exports.getProgram = exports.getPostPublicacao = exports.addCommentPost = exports.getPostsTimeline = exports.getMenu = exports.validaToken = exports.logout = exports.login = exports.fetchToArgous = exports.headers = exports.api = exports.server = void 0;
 var utils_1 = require("../utils");
 var config_1 = require("../utils/config");
 var server = function () { return "://" + config_1.getConfig()[/^[a-z]+.+\.com\.br$/.test(window.location.host) ? 'ip' : 'ip'] + "/" + (config_1.getConfig().path ? config_1.getConfig().path : 'jUniIII') + "/"; };
@@ -162,6 +162,23 @@ var getPostsTimeline = function (data) { return __awaiter(void 0, void 0, void 0
     });
 }); };
 exports.getPostsTimeline = getPostsTimeline;
+var addCommentPost = function (data) { return __awaiter(void 0, void 0, void 0, function () {
+    var res;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, fetch(exports.api() + "agpostcomment.rslvr", {
+                    method: 'POST',
+                    body: JSON.stringify(data),
+                    headers: exports.headers()
+                })];
+            case 1:
+                res = _a.sent();
+                return [4 /*yield*/, res.json()];
+            case 2: return [2 /*return*/, _a.sent()];
+        }
+    });
+}); };
+exports.addCommentPost = addCommentPost;
 var getPostPublicacao = function (data) { return __awaiter(void 0, void 0, void 0, function () {
     var res;
     return __generator(this, function (_a) {

package/dist/components/AutoCompleteFavorites/AutoCompleteFavorites.d.ts

@@ -0,0 +1,20 @@
+export default AutoCompleteFavorites;
+declare function AutoCompleteFavorites({ action, busca, resposta, label, value, pgCode, favoritePage, groupName, groupHeaderColor, groupTitleColor, loadingColor, filterFunction, getOptionLabel, onChange, textFieldProps, searchParams, ...props }: {
+    [x: string]: any;
+    action: any;
+    busca: any;
+    resposta: any;
+    label: any;
+    value: any;
+    pgCode: any;
+    favoritePage: any;
+    groupName: any;
+    groupHeaderColor: any;
+    groupTitleColor: any;
+    loadingColor: any;
+    filterFunction: any;
+    getOptionLabel: any;
+    onChange?: ((e: any) => any) | undefined;
+    textFieldProps?: {} | undefined;
+    searchParams: any;
+}): JSX.Element;

package/dist/components/AutoCompleteFavorites/AutoCompleteFavorites.js

@@ -0,0 +1,331 @@
+"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 __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]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : 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 __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) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+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;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) 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]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        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 };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var api_1 = require("../../utils/api");
+var core_1 = require("@material-ui/core");
+var lab_1 = require("@material-ui/lab");
+var clsx_1 = __importDefault(require("clsx"));
+var lodash_1 = require("lodash");
+var react_1 = __importStar(require("react"));
+var useStyles = core_1.makeStyles(function (theme) { return ({
+    subHeader: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        backgroundColor: theme.palette.background.default,
+        height: 25
+    },
+    divButton: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    areaButton: {
+        padding: '0px 8px 0px 8px'
+    },
+    button: theme.palette.type === 'light' ? {
+        width: 15,
+        height: 15,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        cursor: 'pointer',
+        color: 'rgba(0, 0, 0, 0.4)',
+        '&:hover': {
+            fontWeight: 500,
+            color: '#000000',
+        }
+    } : {
+        width: 15,
+        height: 15,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        cursor: 'pointer',
+        color: 'rgba(255, 255, 255, 0.4)',
+        '&:hover': {
+            fontWeight: 500,
+            color: '#ffffff',
+        }
+    },
+    buttonActive: theme.palette.type === 'light' ? {
+        color: 'rgba(0, 0, 0, 0.8)',
+        '&:hover': {
+            fontWeight: 600,
+        }
+    } : {
+        color: 'rgba(255, 255, 255, 0.8)',
+        '&:hover': {
+            fontWeight: 600,
+        }
+    },
+    listItem: {
+        padding: 0,
+        width: '100%',
+        cursor: 'pointer',
+        '&:hover': {
+            background: theme.palette.type === 'light' ? 'rgba(0, 0, 0, 0.05)' : 'rgba(255, 255, 255, 0.08)'
+        }
+    },
+    listItemText: {
+        margin: 0,
+        width: '100%',
+        direction: 'ltr',
+        overflow: 'visible',
+        whiteSpace: 'nowrap',
+        textOverflow: 'ellipsis',
+        padding: '0px 0px 0px 6px',
+    },
+    box: {
+        padding: 0,
+        overflowX: 'hidden',
+        '&::-webkit-scrollbar': {
+            width: 5
+        },
+        '&::-webkit-scrollbar-track': {
+            background: '#0000'
+        },
+        '&::-webkit-scrollbar-thumb': {
+            background: theme.palette.type === 'light' ? 'rgba(0, 0, 0, 0.1)' : 'rgba(255, 255, 255, 0.1)'
+        }
+    }
+}); });
+var CustomTooltip = core_1.withStyles(function (theme) { return ({
+    tooltip: theme.palette.type === 'light' ? {
+        fontSize: 15,
+        fontWeight: 400,
+        color: 'rgb(255, 255, 255)',
+        backgroundColor: '#333333e3',
+    } : {
+        fontSize: 15,
+        fontWeight: 400,
+        color: 'rgb(0, 0, 0)',
+        backgroundColor: '#fbfbfbd1',
+    },
+    arrow: {
+        color: theme.palette.type === 'light' ? '#333333e3' : '#fbfbfbd1'
+    }
+}); })(core_1.Tooltip);
+var ListboxFavorites = react_1.forwardRef(function (props, ref) {
+    var classes = useStyles();
+    var children = props.children, favoritePage = props.favoritePage, dados = props.dados, setDados = props.setDados, groupHeaderColor = props.groupHeaderColor, groupTitleColor = props.groupTitleColor;
+    var pageNumber = dados.pageNumber, favoritosLength = dados.favoritosLength, direction = dados.direction, slide = dados.slide;
+    function retornaInicio() {
+        switch (pageNumber) {
+            case 1:
+                return 0;
+            case 2:
+                return 7;
+            case 3:
+                return 14;
+            default: return;
+        }
+    }
+    function retornaFim() {
+        switch (pageNumber) {
+            case 1:
+                return 7;
+            case 2:
+                return 14;
+            case 3:
+                return favoritosLength;
+            default: return;
+        }
+    }
+    function retornaArray(sectionIndex, section) {
+        if (sectionIndex === 0 && favoritePage && favoritosLength > 7)
+            return section.props.children[1].props.children.slice(retornaInicio(), retornaFim());
+        return section.props.children[1].props.children;
+    }
+    function retornaEstrutura(sectionIndex, item) {
+        if (sectionIndex === 0 && favoritePage && favoritosLength > 7) {
+            return (react_1.default.createElement(core_1.Slide, { in: slide, direction: direction },
+                react_1.default.createElement(CustomTooltip, { title: item.props.children, arrow: true, enterDelay: '1000', enterNextDelay: '1000', placement: 'top-end', TransitionComponent: core_1.Fade, TransitionProps: { timeout: { enter: 100, exit: 500 } } },
+                    react_1.default.createElement(core_1.ListItem, __assign({}, item.props, { key: item.key, className: classes.listItem }),
+                        react_1.default.createElement(core_1.ListItemText, { primary: item.props.children, className: classes.listItemText })))));
+        }
+        return (react_1.default.createElement(CustomTooltip, { title: item.props.children, arrow: true, enterDelay: '1000', enterNextDelay: '1000', placement: 'top-end', TransitionComponent: core_1.Fade, TransitionProps: { timeout: { enter: 100, exit: 500 } } },
+            react_1.default.createElement(core_1.ListItem, __assign({}, item.props, { key: item.key, className: classes.listItem }),
+                react_1.default.createElement(core_1.ListItemText, { primary: item.props.children, className: classes.listItemText }))));
+    }
+    function buttonClick(evento, value) {
+        evento.preventDefault();
+        evento.stopPropagation();
+        if (value !== pageNumber) {
+            verificaSaidaSlide(value);
+            setDados(function (v) { return (__assign(__assign({}, v), { slide: false })); });
+            setTimeout(function () {
+                setDados(function (v) { return (__assign(__assign({}, v), { pageNumber: value, direction: retornaDirection(value) })); });
+                setTimeout(function () { return setDados(function (v) { return (__assign(__assign({}, v), { slide: true })); }); }, 100);
+            }, 200);
+        }
+    }
+    function verificaSaidaSlide(value) {
+        var direction = '';
+        if ((value === 2 || value === 3) && pageNumber === 1)
+            direction = 'right';
+        else if (value === 3 && pageNumber === 2)
+            direction = 'right';
+        else if (value === 1 && pageNumber === 2)
+            direction = 'left';
+        direction && setDados(function (v) { return (__assign(__assign({}, v), { direction: direction })); });
+    }
+    function retornaDirection(value) {
+        if (value < pageNumber)
+            return 'right';
+        return 'left';
+    }
+    return children.map(function (section, sectionIndex) {
+        var _a, _b, _c;
+        return (react_1.default.createElement("ul", __assign({}, props, { className: clsx_1.default('MuiAutocomplete-listbox', classes.box) }),
+            react_1.default.createElement(core_1.ListSubheader, { className: classes.subHeader, style: { backgroundColor: groupHeaderColor === null || groupHeaderColor === void 0 ? void 0 : groupHeaderColor[sectionIndex], color: groupTitleColor === null || groupTitleColor === void 0 ? void 0 : groupTitleColor[sectionIndex] } },
+                section.props.children[0].props.children,
+                react_1.default.createElement(core_1.Fade, { in: sectionIndex === 0 && favoritePage && favoritosLength > 7 },
+                    react_1.default.createElement("div", { className: classes.divButton },
+                        react_1.default.createElement("div", { className: classes.areaButton },
+                            react_1.default.createElement("div", { onClick: function (e) { return buttonClick(e, 1); }, className: clsx_1.default((_a = {}, _a[classes.buttonActive] = pageNumber === 1, _a), classes.button) }, "1")),
+                        react_1.default.createElement("div", { className: classes.areaButton },
+                            react_1.default.createElement("div", { onClick: function (e) { return buttonClick(e, 2); }, className: clsx_1.default((_b = {}, _b[classes.buttonActive] = pageNumber === 2, _b), classes.button) }, "2")),
+                        favoritosLength > 14 &&
+                            react_1.default.createElement(react_1.default.Fragment, null,
+                                react_1.default.createElement("div", { className: classes.areaButton },
+                                    react_1.default.createElement("div", { onClick: function (e) { return buttonClick(e, 3); }, className: clsx_1.default((_c = {}, _c[classes.buttonActive] = pageNumber === 3, _c), classes.button) }, "3")))))),
+            retornaArray(sectionIndex, section).map(function (item, itemIndex) { return retornaEstrutura(sectionIndex, item); })));
+    });
+});
+var AutoCompleteFavorites = function (_a) {
+    var action = _a.action, busca = _a.busca, resposta = _a.resposta, label = _a.label, value = _a.value, pgCode = _a.pgCode, favoritePage = _a.favoritePage, groupName = _a.groupName, groupHeaderColor = _a.groupHeaderColor, groupTitleColor = _a.groupTitleColor, loadingColor = _a.loadingColor, filterFunction = _a.filterFunction, getOptionLabel = _a.getOptionLabel, _b = _a.onChange, onChange = _b === void 0 ? function (e) { return e; } : _b, _c = _a.textFieldProps, textFieldProps = _c === void 0 ? {} : _c, searchParams = _a.searchParams, props = __rest(_a, ["action", "busca", "resposta", "label", "value", "pgCode", "favoritePage", "groupName", "groupHeaderColor", "groupTitleColor", "loadingColor", "filterFunction", "getOptionLabel", "onChange", "textFieldProps", "searchParams"]);
+    var _d = react_1.useState({
+        lista: [],
+        slide: true,
+        direction: '',
+        favoritosLength: '',
+        pageNumber: favoritePage ? 1 : '',
+    }), dados = _d[0], setDados = _d[1];
+    var _e = react_1.useState(false), loading = _e[0], setLoading = _e[1];
+    var _f = react_1.useState(''), inputValue = _f[0], setInputValue = _f[1];
+    var buscar = react_1.useCallback(function (valor) { return __awaiter(void 0, void 0, void 0, function () {
+        var res;
+        var _a;
+        var _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    setLoading(true);
+                    return [4 /*yield*/, api_1.serverAction(action, __assign((_a = {}, _a[busca] = valor || inputValue, _a), searchParams), true, pgCode)];
+                case 1:
+                    res = _c.sent();
+                    if (((_b = res[resposta || 'result']) === null || _b === void 0 ? void 0 : _b.length) > 1)
+                        carimbaLista(res[resposta || 'result']);
+                    else if (res[resposta || 'result'])
+                        setDados(function (v) { return (__assign(__assign({}, v), { lista: res[resposta || 'result'] || [] })); });
+                    else
+                        api_1.setError('Erro ao tentar buscar dados.');
+                    setLoading(false);
+                    return [2 /*return*/];
+            }
+        });
+    }); }, [inputValue, searchParams]);
+    function carimbaLista(lista) {
+        var completo = [];
+        lista.map(function (arr, index) {
+            index === 0 && favoritePage && setDados(function (v) { return (__assign(__assign({}, v), { favoritosLength: arr.length })); });
+            return arr.map(function (itemArr) { return itemArr.length < 3 && itemArr.push(groupName[index]); });
+        });
+        lista.forEach(function (v) {
+            for (var _i = 0, _a = v.values(); _i < _a.length; _i++) {
+                var item = _a[_i];
+                completo.push(item);
+            }
+        });
+        setDados(function (v) { return (__assign(__assign({}, v), { lista: completo })); });
+    }
+    react_1.useEffect(function () { return buscar(); }, [inputValue, buscar]);
+    react_1.useEffect(function () { return lodash_1.isString(value) && buscar(value); }, []);
+    return (react_1.default.createElement(lab_1.Autocomplete, __assign({ autoComplete: true, autoHighlight: true, openText: 'Abrir', clearText: 'Limpar', filterSelectedOptions: true, onInputChange: function (e) { var _a; return setInputValue(((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.value) || ''); }, options: lodash_1.isObject(value) ? dados === null || dados === void 0 ? void 0 : dados.lista.filter(function (v) { return filterFunction ? filterFunction(v, value) : true || v[0] !== value[0]; }) : dados === null || dados === void 0 ? void 0 : dados.lista, getOptionLabel: getOptionLabel && (function (option) { return getOptionLabel(option, dados === null || dados === void 0 ? void 0 : dados.lista); }), getOptionSelected: function (o, v) { return o[0] === v; }, renderTags: function (value, getTagProps) {
+            return value.map(function (option, index) { return (react_1.default.createElement(core_1.Chip, __assign({ variant: 'outlined', size: 'small', label: option }, getTagProps({ index: index })))); });
+        }, renderInput: function (params) { return (react_1.default.createElement(core_1.TextField, __assign({ margin: 'dense', variant: 'outlined', label: label }, params, textFieldProps, { InputProps: __assign(__assign(__assign({}, textFieldProps.InputProps), params.InputProps), { endAdornment: (react_1.default.createElement(react_1.default.Fragment, null,
+                    params.InputProps.endAdornment,
+                    react_1.default.createElement(core_1.Fade, { in: loading },
+                        react_1.default.createElement(core_1.CircularProgress, { disableShrink: true, color: loadingColor || 'inherit', size: 20 })))) }) }))); } }, props, { value: value, onChange: onChange }, { ListboxComponent: ListboxFavorites, ListboxProps: { dados: dados, setDados: setDados, favoritePage: favoritePage, groupHeaderColor: groupHeaderColor, groupTitleColor: groupTitleColor } })));
+};
+exports.default = AutoCompleteFavorites;

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

@@ -0,0 +1 @@
+export { default } from "./AutoCompleteFavorites";

package/dist/components/AutoCompleteFavorites/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var AutoCompleteFavorites_1 = require("./AutoCompleteFavorites");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AutoCompleteFavorites_1).default; } });

package/dist/components/Compartilhar/Compartilhar.js

@@ -190,7 +190,7 @@ var Compartilhar = react_1.forwardRef(function (props, ref) {
         });
     }
     return (react_1.default.createElement(core_1.Grid, { innerRef: ref, className: classes.fundoCompartilhar, component: core_1.Paper, elevation: 2, onClick: function (e) { return e.stopPropagation(); } },
-        react_1.default.createElement(core_1.Grid, { container: true, spacing: 2, style: { position: 'relative', padding: '6px 12px', display: 'flex' }, justify: 'center' },
+        react_1.default.createElement(core_1.Grid, { container: true, spacing: 2, style: { position: 'relative', padding: '6px 12px', display: 'flex' }, justifyContent: 'center' },
             react_1.default.createElement(core_1.Typography, { component: 'h3', style: { fontSize: '24px', textAlign: 'center', marginTop: '0px' } }, "Compartilhar"),
             react_1.default.createElement(core_1.Grid, { item: true, xs: 12, className: 'row' },
                 react_1.default.createElement(core_1.TextField, { label: 'Link', value: link, readOnly: true, id: 'link', fullWidth: true, variant: 'outlined', margin: 'dense', InputProps: {

package/lib/actions/index.ts

@@ -0,0 +1,57 @@
+import { UsuarioLogado } from '../types';
+
+export const setUsuarioLogado = (usuarioLogado: UsuarioLogado) => {
+  return { type: 'setUsuarioLogado', usuarioLogado };
+};
+
+export const setLoading = (loading: boolean) => {
+  return { type: 'setLoading', loading };
+};
+
+export const setProcesso = (processo: any) => {
+  return { type: 'setProcesso', processo };
+};
+
+export const setInitialPage = (initialPage: string) => {
+  return { type: 'setInitialPage', initialPage };
+};
+
+export const setCurrentProgram = (currentProgram: string) => {
+  return { type: 'setCurrentProgram', currentProgram };
+};
+
+export const setCurrentField = (program: string, field: string, value: any) => {
+  return { type: 'setCurrentField', program, field, value };
+};
+
+export const clearAllFields = () => {
+  return { type: 'clearAllFields' };
+};
+
+export const setFields = (fields: any) => {
+  return { type: 'setFields', fields };
+};
+
+export const setFavorites = (favorites: any[]) => {
+  return { type: 'setFavorites', favorites };
+};
+
+export const setBlockUser = (block: boolean) => {
+  return { type: 'setBlockUser', block };
+};
+
+export const setNotificacao = (notificacao: any) => {
+  return { type: 'setNotificacao', notificacao };
+};
+
+export const setSidebar = (sidebar: boolean) => {
+  return { type: 'setSidebar', sidebar };
+};
+
+export const setMensagensNaoLidas = (mensagensNaoLidas: number) => {
+  return { type: 'setMensagensNaoLidas', mensagensNaoLidas };
+};
+
+export const setVldPsw = (vldPsw: boolean) => {
+  return { type: 'vldPsw', vldPsw };
+};

package/lib/api/WebSocket.js

@@ -0,0 +1,148 @@
+import { connectArgousWS, getArgousWS, enviaMensagem, disconnect } from './ws';
+import * as argous from '../actions';
+import { getField, getCurrentProgram } from '../fieldsRedux';
+import { sendNotification } from '../utils/api';
+import PropTypes from 'prop-types';
+import { Component } from 'react';
+import { connect } from 'react-redux';
+
+class WebSocketComponent extends Component {
+
+  componentDidMount() {
+    window.addEventListener('focus', () => {
+      if (this.props.usuarioLogado.nome) {
+        this.connect();
+      }
+    });
+  }
+
+  componentDidUpdate(previousProps, previousState) {
+    if (!previousProps.usuarioLogado.nome && this.props.usuarioLogado.nome) {
+      this.connect();
+    }
+
+    if (previousProps.usuarioLogado.nome && !this.props.usuarioLogado.nome) {
+      disconnect();
+    }
+  }
+
+  componentWillUnmount() {
+    disconnect();
+  }
+
+  connect = () => {
+    connectArgousWS();
+
+    const argousWS = getArgousWS();
+
+    argousWS.onopen = (event) => {
+      enviaMensagem({ trn: 1 });
+    };
+
+    argousWS.onmessage = (event) => {
+      const res = JSON.parse(event.data);
+      this.resolveTrn(res);
+    };
+  }
+
+  resolveTrn = (res) => {
+
+    switch (res.trn) {
+      case 3:
+        this.resolveProcesso(res);
+        break;
+      case 4:
+        this.resolveNotificacao(res);
+        break;
+      case 5:
+        this.resolveMessage(res);
+        break;
+      default:
+    }
+  }
+
+  resolveProcesso = (res) => {
+    const { setProcesso, processos } = this.props;
+    let novoProcesso = true;
+
+    let pAux = processos.map(i => {
+      if (i.id === res.id) {
+        novoProcesso = false;
+        return res;
+      } 
+      return i;
+      
+    });
+
+    const pLength = pAux.length;
+
+    if (novoProcesso && pLength !== 0) {
+      pAux = pAux.concat(res);
+    }
+
+    setProcesso(pLength === 0
+      ? [res]
+      : pAux);
+  }
+
+  resolveNotificacao = (res) => {
+    try {
+      const item = JSON.parse(res.notificacao[4]);
+      if (item.link)
+        sendNotification({ id: res.notificacao[0], mensagem: item.mensagem, title: res.notificacao[3], icon: res.notificacao[1], link: item.link, dsLabel: item.dsLabel });
+      else throw new Error();
+    } catch (error) {
+      sendNotification(res.notificacao[4], res.notificacao[3], res.notificacao[1]);
+    } finally {
+      const { setNotificacao } = this.props;
+      setNotificacao(res.notificacao);
+    }
+  }
+
+  resolveMessage = (res) => {
+    const currentProgram = getCurrentProgram();
+
+    if (res.pgCode === 'ChatContext') {
+      this.resolveChat(res);
+      return;
+    }
+
+    if (currentProgram && res.pgCode === currentProgram) {
+      const onMessage = getField('WSHandler').onMessage;
+      onMessage && onMessage(res);
+    } else {
+      const onMessage = getField('WSHandler', 'onMessage', res.pgCode);
+      onMessage && onMessage(res);
+    }
+  }
+
+  resolveChat = (res) => {
+    const onMessage = getField('WSHandler', 'onMessage', 'argousSystem');
+    onMessage && onMessage(res);
+  }
+
+  render() {
+    return null;
+  }
+}
+
+WebSocketComponent.propTypes = {
+  usuarioLogado: PropTypes.object.isRequired,
+  setProcesso: PropTypes.func.isRequired,
+  processos: PropTypes.array
+};
+
+const mapStateToProps = (state) => {
+  return { usuarioLogado: state.argous.usuarioLogado, processos: state.argous.processos };
+};
+
+const mapDispatchToProps = (dispatch) => {
+  return {
+    setNotificacao: (data) => dispatch(argous.setNotificacao(data)),
+    setProcesso: (data) => dispatch(argous.setProcesso(data))
+  };
+};
+
+const WebSocket = connect(mapStateToProps, mapDispatchToProps)(WebSocketComponent);
+
+export default WebSocket;