argous 1.2.222 → 1.2.224

package/dist/components/Document/Icons.js

@@ -0,0 +1,269 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Icons = exports.IconsComponent = void 0;
+var api_1 = require("../../api");
+var core_1 = require("@material-ui/core");
+var react_1 = __importStar(require("react"));
+var reqSvgs = require.context('./icons', true, /\.svg$/);
+var loadSvg = function (svg, path) { return __awaiter(void 0, void 0, void 0, function () {
+    var _a, _b, _c;
+    var _d;
+    return __generator(this, function (_e) {
+        switch (_e.label) {
+            case 0:
+                _d = {};
+                _a = path.replace(/.\/|.svg/g, '');
+                _c = (_b = URL).createObjectURL;
+                return [4 /*yield*/, fetch((svg === null || svg === void 0 ? void 0 : svg.default) || svg)];
+            case 1: return [4 /*yield*/, (_e.sent()).blob()];
+            case 2: return [2 /*return*/, (_d[_a] = _c.apply(_b, [_e.sent()]), _d)];
+        }
+    });
+}); };
+var iconClasses = {
+    'application/pdf': 'pdf',
+    'application/msword': 'doc',
+    'application/vnd.ms-word': 'doc',
+    'application/vnd.oasis.opendocument.text': 'doc',
+    'application/vnd.openxmlformats-officedocument.wordprocessingml': 'doc',
+    'application/vnd.ms-excel': 'xls',
+    'application/vnd.openxmlformats-officedocument.spreadsheetml': 'xls',
+    'application/vnd.oasis.opendocument.spreadsheet': 'xls',
+    'application/vnd.ms-powerpoint': 'ppt',
+    'application/vnd.openxmlformats-officedocument.presentationml': 'ppt',
+    'application/vnd.oasis.opendocument.presentation': 'ppt',
+    'text/rtf': 'rtf',
+    'text/plain': 'txt',
+    'text/html': 'html',
+    'text/css': 'css',
+    'text/csv': 'csv',
+    'application/json': 'json',
+    'image/vnd.adobe.photoshop': 'psd',
+    'image/photoshop': 'psd',
+    'image/x-photoshop': 'psd',
+    'image/psd': 'psd',
+    'application/photoshop': 'psd',
+    'application/psd': 'psd',
+    'zz-application/zz-winassoc-psd': 'psd',
+    'video/x-msvideo': 'avi',
+    'application/gzip': 'zip1',
+    'application/zip': 'zip',
+    'application/acad': 'dwg',
+    'image/vnd.dwg': 'dwg',
+    'image/x-dwg': 'dwg',
+    'application/octet-stream': 'exe',
+    'audio/flac': 'fla',
+    'image/jpeg': 'jpg',
+    'image/jpg': 'jpg',
+    'text/javascript': 'js',
+    'audio/mpeg': 'mp3',
+    'video/mpeg': 'mp4',
+    'audio/mp4': 'mp4',
+    'image/png': 'png',
+    'application/xml': 'xml',
+    'application/x-7z-compressed': 'zip1',
+    'application/x-compressed-tar': 'zip1',
+    'application/vnd.rar': 'zip1',
+    'modelo/contrato': 'mod',
+    image: 'image',
+    audio: 'audio',
+    video: 'video'
+};
+var icones;
+(function () { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, Promise.all(reqSvgs.keys()
+                    .map(function (path) { return loadSvg(reqSvgs(path), path); }))];
+            case 1: return [4 /*yield*/, (_a.sent()).reduce(function (acc, item) { return (__assign(__assign({}, acc), item)); }, {})];
+            case 2:
+                icones = _a.sent();
+                return [2 /*return*/];
+        }
+    });
+}); })();
+// eslint-disable-next-line valid-jsdoc
+/**
+ * @typedef {'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'} Extencoes
+ *
+ * @typedef {object} Tipos
+ * @property {Extencoes} type - Tipos de arquivos suportados
+ * @property {string} mimeType - MimeType do arquivo
+ * @property {string} fileName - Nome do arquivo
+ *
+ * @param {React.ImgHTMLAttributes<HTMLImageElement> & Tipos} props - props
+ * @returns {JSX.Element} retorno
+ */
+var IconsComponent = function (_a) {
+    var type = _a.type, fileName = _a.fileName, mimeType = _a.mimeType, idDocumento = _a.idDocumento, link = _a.link, props = __rest(_a, ["type", "fileName", "mimeType", "idDocumento", "link"]);
+    /** @type {[FileIcons, React.Dispatch<FileIcons>]} */
+    var _b = react_1.useState(icones), state = _b[0], setState = _b[1];
+    var _c = react_1.useState(), preview = _c[0], setPreview = _c[1];
+    var setarState = react_1.useCallback(function () {
+        if (state)
+            return;
+        if (icones)
+            setState(icones);
+        else
+            setTimeout(setarState, 200);
+    }, [state]);
+    react_1.useEffect(setarState, [setarState]);
+    var selectedImage = react_1.useMemo(function () {
+        var _a;
+        if (type)
+            return type;
+        /** @type {Extencoes} */
+        var extension = (_a = fileName === null || fileName === void 0 ? void 0 : fileName.match(/\.([^.]*)$/)) === null || _a === void 0 ? void 0 : _a.at(1);
+        if (!state)
+            return '';
+        if (Object.keys(state).includes(extension))
+            return extension;
+        for (var key in iconClasses)
+            if (Object.prototype.hasOwnProperty.call(iconClasses, key))
+                if ((mimeType === null || mimeType === void 0 ? void 0 : mimeType.search(key)) === 0)
+                    return iconClasses[key];
+        return 'file';
+    }, [type, mimeType, fileName, state]);
+    var buscaImagemPreview = react_1.useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var file, _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (!(idDocumento && (mimeType === null || mimeType === void 0 ? void 0 : mimeType.includes('image')))) return [3 /*break*/, 3];
+                    _a = api_1.getFileFromLink;
+                    return [4 /*yield*/, api_1.getLink(idDocumento)];
+                case 1: return [4 /*yield*/, _a.apply(void 0, [_b.sent()])];
+                case 2:
+                    file = _b.sent();
+                    setPreview(file);
+                    _b.label = 3;
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); }, [mimeType, idDocumento]);
+    react_1.useEffect(function () { return void (buscaImagemPreview()); }, [buscaImagemPreview]);
+    if (!state)
+        return react_1.default.createElement(core_1.CircularProgress, { disableShrink: true });
+    return react_1.default.createElement(react_1.default.Fragment, null, (preview) ? (react_1.default.createElement("img", __assign({ src: preview, alt: type }, props, { style: { position: 'absolute', left: 0, right: 0, top: 0, bottom: 0, width: '100%', height: '100%', objectFit: 'contain' } }))) : (react_1.default.createElement("img", __assign({ src: state[selectedImage], alt: type }, props))));
+};
+exports.IconsComponent = IconsComponent;
+/**
+ * @typedef {object} FileIcons - Objeto de icones
+ * @property {JSX.Element} ai -Icone de arquivos do Ilustrator
+ * @property {JSX.Element} audio -Icone genérico de Audio
+ * @property {JSX.Element} avi -Icone de videos AVI
+ * @property {JSX.Element} css -Icone de arquivos CSS
+ * @property {JSX.Element} csv -Icone de arquivos CSV
+ * @property {JSX.Element} dbf -Icone de arquivos DBF
+ * @property {JSX.Element} doc -Icone de arquivos Word
+ * @property {JSX.Element} dwg -Icone de arquivos DWG
+ * @property {JSX.Element} exe -Icone de arquivos EXE
+ * @property {JSX.Element} file -Icone de arquivos genéricos
+ * @property {JSX.Element} fla -Icone de arquivos FLA
+ * @property {JSX.Element} html -Icone de arquivos HTML
+ * @property {JSX.Element} image -Icone genérico de Imagens
+ * @property {JSX.Element} iso -Icone de imagens ISO
+ * @property {JSX.Element} jpg -Icone de imagens JPG
+ * @property {JSX.Element} js -Icone de arquivos Javascript
+ * @property {JSX.Element} json -Icone de arquivos JSON
+ * @property {JSX.Element} mod -Icone de modelos de documentos
+ * @property {JSX.Element} mp3 -Icone de músicas MP3
+ * @property {JSX.Element} mp4 -Icone de vídeos MP4
+ * @property {JSX.Element} pdf -Icone de arquivos PDP
+ * @property {JSX.Element} png -Icone de imagens PNG
+ * @property {JSX.Element} ppt -Icone de arquivos do Power Point
+ * @property {JSX.Element} psd -Icone de arquivos do Photoshop
+ * @property {JSX.Element} rtf -Icone de arquivos RTF
+ * @property {JSX.Element} search -Icone genérico de Busca
+ * @property {JSX.Element} svg -Icone de arquivos SVG
+ * @property {JSX.Element} txt -Icone de arquivos de Texto
+ * @property {JSX.Element} video -Icone genérico de Vídeo
+ * @property {JSX.Element} xls -Icone de arquivos do Excel
+ * @property {JSX.Element} xml -Icone de arquivos XML
+ * @property {JSX.Element} zip -Icone de arquivos ZIP
+ * @property {JSX.Element} zip1 -Icone genérico de arquivos comprimidos
+ */
+/** @type {FileIcons}  */
+exports.Icons = reqSvgs.keys().reduce(function (images, path) {
+    var key = path.replace(/.\/|.svg/g, '');
+    images[key] = react_1.default.createElement(exports.IconsComponent, { type: key });
+    return images;
+}, {});
+exports.default = exports.Icons;

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

@@ -0,0 +1,8 @@
+export default ModalVisualizacaoDocumentos;
+declare function ModalVisualizacaoDocumentos({ open, proceed, tokenSistema, ...props }: {
+    [x: string]: any;
+    open: any;
+    proceed: any;
+    tokenSistema: any;
+}): React.JSX.Element;
+import React from "react";

package/dist/components/Document/ModalVisualizacaoDocumentos.js

@@ -0,0 +1,84 @@
+"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 __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 Visualizacao_1 = __importDefault(require("./Visualizacao"));
+var index_1 = require("../../utils/index");
+var core_1 = require("@material-ui/core");
+var react_1 = __importStar(require("react"));
+var md_1 = require("react-icons/md");
+var ModalVisualizacaoDocumentos = function (_a) {
+    var open = _a.open, proceed = _a.proceed, tokenSistema = _a.tokenSistema, props = __rest(_a, ["open", "proceed", "tokenSistema"]);
+    var _b = react_1.useState(props), visualizando = _b[0], setVisualizando = _b[1];
+    return (react_1.default.createElement(core_1.Dialog, { fullScreen: true, open: open, onClose: function () { return proceed(undefined); }, onKeyDown: index_1.stopPrntScr, onContextMenu: function (e) { return e.preventDefault(); } },
+        react_1.default.createElement(core_1.AppBar, { style: { position: 'relative' } },
+            react_1.default.createElement(core_1.Toolbar, null,
+                react_1.default.createElement(core_1.IconButton, { edge: 'start', color: 'inherit', onClick: function () { return proceed(undefined); } },
+                    react_1.default.createElement(md_1.MdClose, null)),
+                react_1.default.createElement(core_1.Typography, { variant: 'h6', style: { flexGrow: '1' } }, visualizando === null || visualizando === void 0 ? void 0 : visualizando.nome),
+                !(visualizando === null || visualizando === void 0 ? void 0 : visualizando.sensible) && (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(core_1.IconButton, { onClick: function (_) {
+                            var _a;
+                            if (!((_a = visualizando === null || visualizando === void 0 ? void 0 : visualizando.linkPronto) === null || _a === void 0 ? void 0 : _a.length)) {
+                                index_1.geraLog(visualizando.idDocumento, 'Impressão do documento', '3', tokenSistema);
+                            }
+                            index_1.printUrl(visualizando.URL ? visualizando.URL : visualizando.linkPronto);
+                        }, color: 'inherit', title: 'Imprimir arquivo' },
+                        react_1.default.createElement(md_1.MdPrint, null)),
+                    react_1.default.createElement(core_1.IconButton, { onClick: function () {
+                            var _a;
+                            if (!((_a = visualizando === null || visualizando === void 0 ? void 0 : visualizando.linkPronto) === null || _a === void 0 ? void 0 : _a.length)) {
+                                index_1.geraLog(visualizando.idDocumento, 'Download do documento', '3', tokenSistema);
+                                index_1.downloadFromUrl(visualizando === null || visualizando === void 0 ? void 0 : visualizando.URL, visualizando === null || visualizando === void 0 ? void 0 : visualizando.nome);
+                            }
+                            else {
+                                index_1.downloadBase64(visualizando === null || visualizando === void 0 ? void 0 : visualizando.linkPronto, visualizando === null || visualizando === void 0 ? void 0 : visualizando.nome);
+                            }
+                        }, color: 'inherit', title: 'Baixar arquivo' },
+                        react_1.default.createElement(md_1.MdFileDownload, null)))))),
+        react_1.default.createElement(core_1.Box, { display: 'flex', justifyContent: 'center', alignItems: 'center', width: '100%', height: '100%' },
+            react_1.default.createElement(Visualizacao_1.default, __assign({}, __assign(__assign({ setVisualizando: setVisualizando }, visualizando), { tokenSistema: tokenSistema, proceed: proceed }))))));
+};
+exports.default = ModalVisualizacaoDocumentos;

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

@@ -0,0 +1,12 @@
+export default Visualizacao;
+declare function Visualizacao({ idDocumento, nrRevisao, setVisualizando, proceed, URL: documento, linkPronto, tokenSistema, ariaLabel }: {
+    idDocumento: any;
+    nrRevisao: any;
+    setVisualizando: any;
+    proceed: any;
+    URL: any;
+    linkPronto: any;
+    tokenSistema: any;
+    ariaLabel: any;
+}): React.JSX.Element;
+import React from "react";

package/dist/components/Document/Visualizacao.js

@@ -0,0 +1,205 @@
+"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 };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var api_1 = require("../../utils/api");
+var core_1 = require("@material-ui/core");
+var react_1 = __importStar(require("react"));
+var useStyles = core_1.makeStyles(function (theme) { return ({
+    iframe: {
+        width: '100%',
+        height: '100%',
+        border: 'none',
+        background: theme.palette.background.default,
+        '&:focus': {
+            outline: 'none'
+        },
+        '&[seamless]': {
+            display: 'block'
+        }
+    },
+    restricSize: {
+        maxWidth: '100%',
+        maxHeight: '100%'
+    }
+}); });
+var onchange = function () { return undefined; };
+var Visualizacao = function (_a) {
+    var _b;
+    var idDocumento = _a.idDocumento, nrRevisao = _a.nrRevisao, setVisualizando = _a.setVisualizando, proceed = _a.proceed, documento = _a.URL, linkPronto = _a.linkPronto, tokenSistema = _a.tokenSistema, ariaLabel = _a.ariaLabel;
+    var classes = useStyles();
+    var blockLoop = react_1.useRef(null);
+    var _c = react_1.useState({}), type = _c[0].type, setArquivo = _c[1];
+    var tagType = (_b = type === null || type === void 0 ? void 0 : type.match(/^[^/]+/)) === null || _b === void 0 ? void 0 : _b.at(0);
+    var _d = react_1.useState(linkPronto), link = _d[0], setLink = _d[1];
+    var preparaLink = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var objGetLinkDocumento, res, _a, _b, file, url_1, error_1;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    if (!linkPronto && ((!idDocumento && !documento) || (documento === blockLoop.current))) {
+                        return [2 /*return*/];
+                    }
+                    objGetLinkDocumento = { idDocumento: idDocumento, nrRevisao: nrRevisao, dsToken: tokenSistema === null || tokenSistema === void 0 ? void 0 : tokenSistema.toString() };
+                    if (!linkPronto) return [3 /*break*/, 1];
+                    _a = { link: { URL: linkPronto } };
+                    return [3 /*break*/, 5];
+                case 1:
+                    if (!documento) return [3 /*break*/, 2];
+                    _b = { link: { URL: documento } };
+                    return [3 /*break*/, 4];
+                case 2: return [4 /*yield*/, api_1.serverAction('getLinkDocumento', objGetLinkDocumento, 'CtrlDocumentos', true)];
+                case 3:
+                    _b = _c.sent();
+                    _c.label = 4;
+                case 4:
+                    _a = _b;
+                    _c.label = 5;
+                case 5:
+                    res = (_a).link;
+                    _c.label = 6;
+                case 6:
+                    _c.trys.push([6, 9, , 10]);
+                    return [4 /*yield*/, fetch(res === null || res === void 0 ? void 0 : res.URL, {
+                            method: 'post',
+                            headers: { lgTkn: tokenSistema }
+                        })];
+                case 7: return [4 /*yield*/, (_c.sent()).blob()];
+                case 8:
+                    file = _c.sent();
+                    url_1 = URL.createObjectURL(file);
+                    setVisualizando(function (v) { return (__assign(__assign({}, v), { URL: url_1 })); });
+                    blockLoop.current = url_1;
+                    setLink(url_1);
+                    setArquivo(__assign(__assign({}, res), { type: file === null || file === void 0 ? void 0 : file.type }));
+                    return [3 /*break*/, 10];
+                case 9:
+                    error_1 = _c.sent();
+                    api_1.setError('Não foi possível visualizar este documento.');
+                    return [3 /*break*/, 10];
+                case 10: return [2 /*return*/];
+            }
+        });
+    }); };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    react_1.useEffect(function () { return preparaLink(); }, []);
+    react_1.useEffect(function () {
+        onchange = function (evt) {
+            var v = 'visible', h = 'hidden', evtMap = { focus: v, focusin: v, pageshow: v, blur: h, focusout: h, pagehide: h };
+            evt = evt || window.event;
+            if (evt.type in evtMap)
+                document.body.style.opacity = evtMap[evt.type];
+            else
+                document.body.style.opacity = this[hidden] ? 0 : 1;
+        };
+        var hidden = 'hidden';
+        if (hidden in document)
+            document.addEventListener('visibilitychange', onchange);
+        else if ((hidden = 'mozHidden') in document)
+            document.addEventListener('mozvisibilitychange', onchange);
+        else if ((hidden = 'webkitHidden') in document)
+            document.addEventListener('webkitvisibilitychange', onchange);
+        else if ((hidden = 'msHidden') in document)
+            document.addEventListener('msvisibilitychange', onchange);
+        else if ('onfocusin' in document)
+            document.onfocusin = document.onfocusout = onchange;
+        else
+            window.onpageshow = window.onpagehide = window.onfocus = window.onblur = onchange;
+        if (document[hidden] !== undefined)
+            onchange({ type: document[hidden] ? 'blur' : 'focus' });
+        window.onkeydown = function (e) {
+            if (e.key === 'Escape')
+                proceed(undefined);
+            if (e.key === 'F12')
+                return false;
+            if (e.ctrlKey && e.shiftKey && e.key === 'I')
+                return false;
+            if (e.ctrlKey && e.shiftKey && e.key === 'C')
+                return false;
+            if (e.ctrlKey && e.shiftKey && e.key === 'J')
+                return false;
+            if (e.ctrlKey && e.key === 'u')
+                return false;
+        };
+        return function () {
+            window.onkeydown = undefined;
+            onchange = function () { return undefined; };
+        };
+    }, [proceed]);
+    switch (tagType) {
+        case 'audio':
+            return react_1.default.createElement("audio", { className: classes.restricSize, "aria-label": ariaLabel, src: link, controls: true, controlsList: 'nodownload' });
+        case 'image':
+            return react_1.default.createElement("img", { className: classes.restricSize, alt: ariaLabel || 'Imagem', "aria-label": ariaLabel, src: link, onClick: function (e) { return e.preventDefault(); } });
+        case 'video':
+            return react_1.default.createElement("video", { className: classes.restricSize, "aria-label": ariaLabel, controls: true, controlsList: 'nodownload', autoPlay: true, src: link });
+        default:
+            return link ? react_1.default.createElement("iframe", { className: classes.iframe, "aria-label": ariaLabel, title: 'Iframe', src: link + "#toolbar=0" }) : react_1.default.createElement(core_1.Box, { justifyContent: 'center', alignItems: 'center', display: 'flex' },
+                react_1.default.createElement(core_1.CircularProgress, { disableShrink: true }));
+    }
+};
+exports.default = Visualizacao;

package/dist/components/Document/icons/ai.svg

@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56 56">
+<g>
+	<path style="fill:#E9E9E0;" d="M36.985,0H7.963C7.155,0,6.5,0.655,6.5,1.926V55c0,0.345,0.655,1,1.463,1h40.074
+		c0.808,0,1.463-0.655,1.463-1V12.978c0-0.696-0.093-0.92-0.257-1.085L37.607,0.257C37.442,0.093,37.218,0,36.985,0z"/>
+	<path style="fill:#FFC14F;" d="M48.037,56H7.963C7.155,56,6.5,55.345,6.5,54.537V39h43v15.537C49.5,55.345,48.845,56,48.037,56z"/>
+	<g>
+		<path style="fill:#FFFFFF;" d="M20.067,53l3.527-10.063h1.627L28.722,53h-1.695l-0.725-2.092h-3.787L21.776,53H20.067z
+			 M22.897,49.801h3.008l-1.49-4.348L22.897,49.801z"/>
+		<path style="fill:#FFFFFF;" d="M32.536,53h-1.668V42.924h1.668V53z"/>
+	</g>
+	<path style="fill:#C8BDB8;" d="M37.5,11v0.461c-3.071,0.968-5.503,3.382-6.502,6.44C30.311,17.346,29.45,17,28.5,17
+		c-1.859,0-3.411,1.28-3.858,3H21.5v-2h-6v6h6v-2h2.921c-0.336,2.663-1.985,4.978-4.389,6.163C19.364,26.884,18.04,26,16.5,26
+		c-2.206,0-4,1.794-4,4s1.794,4,4,4c2.146,0,3.888-1.702,3.982-3.825c2.655-1.151,4.647-3.387,5.524-6.073
+		C26.692,24.655,27.552,25,28.5,25c1.859,0,3.411-1.28,3.858-3H35.5v2h6v-6h-6v2h-2.931c0.379-3.019,2.444-5.514,5.222-6.518
+		C38.383,14.955,39.818,16,41.5,16c2.206,0,4-1.794,4-4v-1H37.5z M19.5,22h-2v-2h2V22z M16.5,32c-1.103,0-2-0.897-2-2s0.897-2,2-2
+		s2,0.897,2,2S17.603,32,16.5,32z M37.5,20h2v2h-2V20z M28.5,23c-1.103,0-2-0.897-2-2s0.897-2,2-2s2,0.897,2,2S29.603,23,28.5,23z
+		 M41.5,14c-0.723,0-1.353-0.389-1.704-0.964C40.028,13.015,40.262,13,40.5,13h2.731C42.886,13.597,42.239,14,41.5,14z"/>
+	<polygon style="fill:#D9D7CA;" points="37.5,0.151 37.5,12 49.349,12 "/>
+</g>
+</svg>

package/dist/components/Document/icons/audio.svg

@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56 56">
+   <g>
+      <path style="fill:#E9E9E0;" d="M36.985,0H7.963C7.155,0,6.5,0.655,6.5,1.926V55c0,0.345,0.655,1,1.463,1h40.074   c0.808,0,1.463-0.655,1.463-1V12.978c0-0.696-0.093-0.92-0.257-1.085L37.607,0.257C37.442,0.093,37.218,0,36.985,0z" />
+      <polygon style="fill:#D9D7CA;" points="37.5,0.151 37.5,12 49.349,12  " />
+      <path style="fill:#656699;fill-opacity:1" d="M48.037,56H7.963C7.155,56,6.5,55.345,6.5,54.537V39h43v15.537C49.5,55.345,48.845,56,48.037,56z" />
+      <path style="fill:#C8BDB8;" d="M35.67,14.986c-0.567-0.796-1.3-1.543-2.308-2.351c-3.914-3.131-4.757-6.277-4.862-6.738V5   c0-0.553-0.447-1-1-1s-1,0.447-1,1v1v8.359v9.053h-3.706c-3.882,0-6.294,1.961-6.294,5.117c0,3.466,2.24,5.706,5.706,5.706   c3.471,0,6.294-2.823,6.294-6.294V16.468l0.298,0.243c0.34,0.336,0.861,0.72,1.521,1.205c2.318,1.709,6.2,4.567,5.224,7.793   C35.514,25.807,35.5,25.904,35.5,26c0,0.43,0.278,0.826,0.71,0.957C36.307,26.986,36.404,27,36.5,27c0.43,0,0.826-0.278,0.957-0.71   C39.084,20.915,37.035,16.9,35.67,14.986z M26.5,27.941c0,2.368-1.926,4.294-4.294,4.294c-2.355,0-3.706-1.351-3.706-3.706   c0-2.576,2.335-3.117,4.294-3.117H26.5V27.941z M31.505,16.308c-0.571-0.422-1.065-0.785-1.371-1.081l-1.634-1.34v-3.473   c0.827,1.174,1.987,2.483,3.612,3.783c0.858,0.688,1.472,1.308,1.929,1.95c0.716,1.003,1.431,2.339,1.788,3.978   C34.502,18.515,32.745,17.221,31.505,16.308z" />
+
+      <g>
+         <path d="m 12.540482,44.371216 -1.739258,4.716308 h 3.484863 z m -0.723633,-1.263184 h 1.453613 l 3.611816,9.477051 H 15.549271 L 14.685989,50.153931 H 10.414017 L 9.5507355,52.585083 H 8.1986847 Z" style="font-size:13px;fill:#ffffff" />
+         <path d="m 17.413724,43.108032 h 1.288574 v 5.757324 q 0,1.523438 0.552246,2.19629 0.552246,0.666503 1.790039,0.666503 1.231446,0 1.783692,-0.666503 0.552246,-0.672852 0.552246,-2.19629 v -5.757324 h 1.288574 v 5.916016 q 0,1.853515 -0.92041,2.799316 -0.914063,0.945801 -2.704102,0.945801 -1.796386,0 -2.716797,-0.945801 -0.914062,-0.945801 -0.914062,-2.799316 z" style="font-size:13px;fill:#ffffff" />
+         <path d="m 27.663431,44.161743 v 7.369629 h 1.548828 q 1.961426,0 2.869141,-0.888672 0.914062,-0.888672 0.914062,-2.805664 0,-1.904297 -0.914062,-2.786621 -0.907715,-0.888672 -2.869141,-0.888672 z m -1.282226,-1.053711 h 2.634277 q 2.754883,0 4.043457,1.148926 1.288574,1.142578 1.288574,3.580078 0,2.450195 -1.294922,3.599121 -1.294922,1.148926 -4.037109,1.148926 h -2.634277 z" style="font-size:13px;fill:#ffffff" />
+         <path d="m 35.68511,43.108032 h 1.282227 v 9.477051 H 35.68511 Z" style="font-size:13px;fill:#ffffff" />
+         <path d="m 42.665775,43.977661 q -1.396484,0 -2.221679,1.041016 -0.818848,1.041015 -0.818848,2.837402 0,1.790039 0.818848,2.831055 0.825195,1.041015 2.221679,1.041015 1.396485,0 2.208985,-1.041015 0.818847,-1.041016 0.818847,-2.831055 0,-1.796387 -0.818847,-2.837402 -0.8125,-1.041016 -2.208985,-1.041016 z m 0,-1.041015 q 1.993164,0 3.186524,1.339355 1.193359,1.333008 1.193359,3.580078 0,2.240723 -1.193359,3.580078 -1.19336,1.333008 -3.186524,1.333008 -1.999511,0 -3.199218,-1.333008 -1.19336,-1.333008 -1.19336,-3.580078 0,-2.24707 1.19336,-3.580078 1.199707,-1.339355 3.199218,-1.339355 z" style="font-size:13px;fill:#ffffff" />
+      </g>
+   </g>
+</svg>

package/dist/components/Document/icons/avi.svg

@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56 56">
+<g>
+	<path style="fill:#E9E9E0;" d="M36.985,0H7.963C7.155,0,6.5,0.655,6.5,1.926V55c0,0.345,0.655,1,1.463,1h40.074
+		c0.808,0,1.463-0.655,1.463-1V12.978c0-0.696-0.093-0.92-0.257-1.085L37.607,0.257C37.442,0.093,37.218,0,36.985,0z"/>
+	<polygon style="fill:#D9D7CA;" points="37.5,0.151 37.5,12 49.349,12 	"/>
+	<path style="fill:#D75E72;" d="M48.037,56H7.963C7.155,56,6.5,55.345,6.5,54.537V39h43v15.537C49.5,55.345,48.845,56,48.037,56z"/>
+	<g>
+		<path style="fill:#FFFFFF;" d="M16.361,53l3.527-10.063h1.627L25.016,53H23.32l-0.725-2.092h-3.787L18.07,53H16.361z
+			 M19.191,49.801h3.008l-1.49-4.348L19.191,49.801z"/>
+		<path style="fill:#FFFFFF;" d="M29.828,53.055l-3.131-10.131h1.873l2.338,8.695l2.475-8.695h1.859l-3.281,10.131H29.828z"/>
+		<path style="fill:#FFFFFF;" d="M38.988,53H37.32V42.924h1.668V53z"/>
+	</g>
+	<polygon style="fill:#C8BDB8;" points="23.5,28 23.5,20.954 23.5,14 34.5,21 	"/>
+</g>
+</svg>