argous 1.2.179 → 1.2.181

package/dist/components/Programa/PageCodeEasterEgg.d.ts

@@ -0,0 +1,8 @@
+declare var _default: import("react-redux").ConnectedComponent<({ code, usuarioLogado }: {
+    code: any;
+    usuarioLogado: any;
+}) => JSX.Element, import("react-redux").Omit<{
+    code: any;
+    usuarioLogado: any;
+}, "usuarioLogado">>;
+export default _default;

package/dist/components/Programa/PageCodeEasterEgg.js

@@ -0,0 +1,78 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var core_1 = require("@material-ui/core");
+var react_1 = __importStar(require("react"));
+var react_redux_1 = require("react-redux");
+var useStyles = core_1.makeStyles(function (theme) { return ({
+    container: {
+        display: 'flex',
+        overflow: 'hidden',
+        borderRadius: 4,
+        color: theme.palette.type === 'light' ? '#fff' : '#000',
+        background: "linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(" + (theme.palette.type === 'light' ? '66,66,66' : '255,255,255') + ",1) 3%)"
+    },
+    messageDiv: {
+        padding: '.5rem 1rem'
+    },
+    gradientStripe: {
+        width: '1rem',
+        background: 'linear-gradient(180deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%)'
+    }
+}); });
+var SnackbarTransition = function (props) { return react_1.default.createElement(core_1.Slide, __assign({}, props, { direction: 'up' })); };
+var PageCodeEasterEgg = function (_a) {
+    var code = _a.code, usuarioLogado = _a.usuarioLogado;
+    var classes = useStyles();
+    var _b = react_1.useState(false), open = _b[0], setOpen = _b[1];
+    function easterEggListener(e) {
+        var teamMember = (usuarioLogado === null || usuarioLogado === void 0 ? void 0 : usuarioLogado.idFornecedorInterno) === 1; // Membro da TI
+        if (teamMember && code && !open && e.ctrlKey && e.shiftKey && e.key === 'Z')
+            setOpen(true);
+    }
+    react_1.useEffect(function () {
+        document.addEventListener('keydown', easterEggListener, false);
+        return function () { return document.removeEventListener('keydown', easterEggListener, false); };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    var handleClose = function (_) { return setOpen(false); };
+    return react_1.default.createElement(core_1.Snackbar, { open: open, onClose: handleClose, autoHideDuration: 5000, TransitionComponent: SnackbarTransition, anchorOrigin: { vertical: 'bottom', horizontal: 'left' } },
+        react_1.default.createElement("div", { className: classes.container },
+            react_1.default.createElement("div", { className: classes.gradientStripe }),
+            react_1.default.createElement("div", { className: classes.messageDiv },
+                react_1.default.createElement(core_1.Typography, { variant: 'subtitle1' }, "Hi, dev!"),
+                react_1.default.createElement(core_1.Typography, { variant: 'body1' }, "The page code is " + code + "."))));
+};
+var mapStateToProps = function (state) { return ({
+    usuarioLogado: state.argous.usuarioLogado
+}); };
+exports.default = react_redux_1.connect(mapStateToProps)(PageCodeEasterEgg);

package/dist/components/Programa/Programa.js

@@ -81,6 +81,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var BarraFerramentas_1 = __importDefault(require("./../BarraFerramentas"));
+var PageCodeEasterEgg_1 = __importDefault(require("./PageCodeEasterEgg"));
 var argous = __importStar(require("../../actions"));
 var api_1 = require("../../api");
 var core_1 = require("@material-ui/core");
@@ -160,7 +161,8 @@ function Programa(_a) {
             dsErro ? (react_1.default.createElement(core_1.Box, { textAlign: 'center' },
                 react_1.default.createElement(fa_1.FaExclamationTriangle, { style: { color: '#ED1651', width: '90px', height: '90px' } }),
                 react_1.default.createElement(core_1.Typography, { variant: 'h6' }, dsErro))) : (!pnlTitle || loading || !loaded) ? (react_1.default.createElement(core_1.Box, { position: 'relative', top: 20, left: '50%', "z-index": 20, height: 80, width: 0, marginLeft: '-20px' },
-                react_1.default.createElement(core_1.CircularProgress, { disableShrink: true }))) : children)));
+                react_1.default.createElement(core_1.CircularProgress, { disableShrink: true }))) : children),
+        react_1.default.createElement(PageCodeEasterEgg_1.default, __assign({}, { code: code }))));
 }
 var mapStateToProps = function (state) {
     return { fields: state.argous.fields, favorites: state.argous.favorites };

package/dist/utils/index.d.ts

@@ -57,5 +57,8 @@ export declare const reduxDispatch: (action: ActionType) => void;
 export declare const formataTelefone: (value: string) => string;
 export declare const useWebSocket: () => {};
 export declare const formataCpf: (value: string) => string;
+export declare const numbersOnly: (value: string, type: string) => string;
+export declare const currencyMask: (value: string | number) => string | undefined;
+export declare const toFloat: (value: string) => number | undefined;
 export declare const copyToClipboard: (text: string) => void;
 export declare const confirm: (props: BasicModalProps | string) => Promise<boolean>;

package/dist/utils/index.js

@@ -82,13 +82,14 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from) {
     return to;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.confirm = exports.copyToClipboard = exports.formataCpf = 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.confirm = exports.copyToClipboard = exports.toFloat = exports.currencyMask = exports.numbersOnly = exports.formataCpf = 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;
 var store_1 = require("./store");
 var api_1 = 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 lodash_1 = require("lodash");
 var react_1 = require("react");
 var widthToCenterVertically = function (content) {
     var B = document.body;
@@ -362,6 +363,30 @@ var useWebSocket = function () {
 exports.useWebSocket = useWebSocket;
 var formataCpf = function (value) { return value === null || value === void 0 ? void 0 : value.replace(/[^\d]/, '').replace(/^(.{3})(.{3})(.{3})(.{2})$/, '$1.$2.$3-$4'); };
 exports.formataCpf = formataCpf;
+var numbersOnly = function (value, type) { return value ? value.replace(type === 'float' ? /[^0-9/.,]/g : /[^0-9]/g, '') : ''; };
+exports.numbersOnly = numbersOnly;
+var currencyMask = function (value) {
+    if (value === 0)
+        return value.toString() + ",00";
+    if (!value)
+        return;
+    if (lodash_1.isNumber(value))
+        value = value.toFixed(2);
+    value = value.toString();
+    value = value.replace(/\D/g, '');
+    value = value.replace(/(\d)(\d{2})$/, '$1,$2');
+    value = value.replace(/(?=(\d{3})+(\D))\B/g, '.');
+    return value;
+};
+exports.currencyMask = currencyMask;
+var toFloat = function (value) {
+    if (!value)
+        return;
+    value = value.replace(/[.]/g, '');
+    value = value.replace(/[,]/g, '.');
+    return parseFloat(value);
+};
+exports.toFloat = toFloat;
 var copyToClipboard = function (text) {
     if (navigator.clipboard)
         navigator.clipboard.writeText(text);

package/lib/components/Programa/PageCodeEasterEgg.js

@@ -0,0 +1,66 @@
+import { makeStyles, Slide, Snackbar, Typography } from '@material-ui/core';
+import React, { useEffect, useState } from 'react';
+import { connect } from 'react-redux';
+
+const useStyles = makeStyles(theme => ({
+  container: {
+    display: 'flex',
+    overflow: 'hidden',
+    borderRadius: 4,
+    color: theme.palette.type === 'light' ? '#fff' : '#000',
+    background: `linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(${theme.palette.type === 'light' ? '66,66,66' : '255,255,255' },1) 3%)`
+  },
+  messageDiv: {
+    padding: '.5rem 1rem'
+  },
+  gradientStripe: {
+    width: '1rem',
+    background: 'linear-gradient(180deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%)'
+  }
+}));
+
+
+const SnackbarTransition = props => <Slide {...props} direction='up' />;
+
+const PageCodeEasterEgg = ({ code, usuarioLogado }) => {
+    
+  const classes = useStyles();
+  const [open, setOpen] = useState(false);
+    
+  function easterEggListener(e) {
+    const teamMember = usuarioLogado?.idFornecedorInterno === 1; // Membro da TI
+    if (teamMember && code && !open && e.ctrlKey && e.shiftKey && e.key === 'Z') setOpen(true);
+  }
+  
+  useEffect(() => {
+    document.addEventListener('keydown', easterEggListener, false);
+    return () => document.removeEventListener('keydown', easterEggListener, false);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  const handleClose = _ => setOpen(false);
+
+  
+  return <Snackbar 
+    open={open} 
+    onClose={handleClose}
+    autoHideDuration={5000}
+    TransitionComponent={SnackbarTransition}
+    anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }}
+  >
+    <div className={classes.container}>
+      <div className={classes.gradientStripe} />
+      <div className={classes.messageDiv}>
+        <Typography variant='subtitle1'>Hi, dev!</Typography>
+        <Typography variant='body1'>{`The page code is ${code}.`}</Typography>
+      </div>
+    </div>
+  </Snackbar>;
+};
+
+
+const mapStateToProps = (state) => ({ 
+  usuarioLogado: state.argous.usuarioLogado 
+});
+
+export default connect(mapStateToProps)(PageCodeEasterEgg);

package/lib/components/Programa/Programa.js

@@ -1,4 +1,5 @@
 import BarraFerramentas from './../BarraFerramentas';
+import PageCodeEasterEgg from './PageCodeEasterEgg';
 import * as argous from '../../actions';
 import { getProgram, toggleFavorite } from '../../api';
 import { Box, CircularProgress, Paper, Typography, useTheme } from '@material-ui/core';
@@ -126,6 +127,7 @@ function Programa({
           </Box>
         ) : children}
       </Paper>
+      <PageCodeEasterEgg {...{ code }} />
     </Box>
   );
 }

package/lib/utils/index.ts

@@ -8,6 +8,7 @@ import * as colors from '@material-ui/core/colors';
 import { ChartOptions } from 'chart.js';
 // import { BasicModal } from '../components';
 import { BasicModalProps } from 'lib/components';
+import { isNumber } from 'lodash';
 import React, { useRef, useEffect, useContext, useState } from 'react';
 
 export const widthToCenterVertically = (content:number) => {
@@ -295,6 +296,26 @@ export const useWebSocket = () => {
 
 export const formataCpf = (value: string) => value?.replace(/[^\d]/, '').replace(/^(.{3})(.{3})(.{3})(.{2})$/, '$1.$2.$3-$4');
 
+export const numbersOnly = (value: string, type: string) => value ? value.replace(type === 'float' ? /[^0-9/.,]/g : /[^0-9]/g, '') : '';
+
+export const currencyMask = (value: string | number) => {
+  if (value === 0) return `${value.toString()},00`;
+  if (!value) return;
+  if (isNumber(value)) value = value.toFixed(2);
+  value = value.toString();
+  value = value.replace(/\D/g, '');
+  value = value.replace(/(\d)(\d{2})$/, '$1,$2');
+  value = value.replace(/(?=(\d{3})+(\D))\B/g, '.');
+  return value;
+};
+
+export const toFloat = (value: string) => {
+  if (!value) return;
+  value = value.replace(/[.]/g, '');
+  value = value.replace(/[,]/g, '.');
+  return parseFloat(value);
+};
+
 export const copyToClipboard = (text: string) => {
   if (navigator.clipboard) navigator.clipboard.writeText(text);
   else {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "argous",
-  "version": "1.2.179",
+  "version": "1.2.181",
   "description": "Argous.",
   "main": "lib/index.js",
   "author": "Carlos Schneider",