argous 1.2.191 → 1.2.193

package/dist/components/CodeReader/CodeReader.d.ts

@@ -0,0 +1,29 @@
+export namespace types {
+    namespace card {
+        export { UNIMED_CARD_ID as type };
+        export const initialValidation: string[];
+    }
+    namespace generic {
+        export { GENERIC_ID as type };
+        const initialValidation_1: string;
+        export { initialValidation_1 as initialValidation };
+    }
+}
+export default CodeReader;
+declare const UNIMED_CARD_ID: "unimed-qr-card";
+declare const GENERIC_ID: "generic";
+declare function CodeReader({ id, type, message, icon: Icon, iconSize, indicator, indicatorSize, target, camMessage, camIcon: CamIcon, flipCamButton, flipCamIcon: FlipCamIcon, onRead }: {
+    id?: string | undefined;
+    type?: string | undefined;
+    message?: string | undefined;
+    icon?: boolean | undefined;
+    iconSize?: number | undefined;
+    indicator?: boolean | undefined;
+    indicatorSize?: number | undefined;
+    target?: boolean | undefined;
+    camMessage?: string | undefined;
+    camIcon?: boolean | undefined;
+    flipCamButton?: boolean | undefined;
+    flipCamIcon?: import("react-icons/lib").IconType | undefined;
+    onRead?: ((data: any) => string) | undefined;
+}): JSX.Element;

package/dist/components/CodeReader/CodeReader.js

@@ -0,0 +1,487 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.types = void 0;
+var core_1 = require("@material-ui/core");
+var clsx_1 = __importDefault(require("clsx"));
+var react_1 = __importStar(require("react"));
+var react_barcode_scanner_webcam_1 = __importDefault(require("react-barcode-scanner-webcam"));
+var io5_1 = require("react-icons/io5");
+var react_qr_reader_1 = require("react-qr-reader");
+var GENERIC_ID = 'generic';
+var UNIMED_CARD_ID = 'unimed-qr-card';
+var RESET_MS = 2000;
+var BORDER_RADIUS = '.75rem';
+var ICON_SIZE = 24;
+var SMALL_ICON_SIZE = 20;
+var TARGET_BOX_SHADOW = '0px 0px 0px 135px rgb(0 0 0 / 20%), 0px 1px 36px -12px rgb(0 0 0 / 10%), 0px 1px 48px -24px rgb(0 0 0 / 20%)';
+var BLUE_COLOR = function (theme) { return theme.palette.secondary.main; };
+var GREEN_COLOR = function (theme) { return theme.palette.primary.main; };
+var PURPLE_COLOR = '#972add';
+var useStyles = core_1.makeStyles(function (theme) {
+    var _a, _b;
+    return ({
+        container: {
+            position: 'relative'
+        },
+        camOptions: {
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            width: '100%',
+            height: 'calc(75% + 1px)',
+            marginTop: 'calc(12% + 2px)',
+            overflow: 'hidden',
+            transition: 'opacity 1s'
+        },
+        target: {
+            position: 'relative',
+            top: '50%',
+            left: '50%',
+            width: '50%',
+            height: '50%',
+            transform: 'translate(-50%, -50%)',
+            borderRadius: BORDER_RADIUS,
+            boxShadow: TARGET_BOX_SHADOW,
+            WebkitBoxShadow: TARGET_BOX_SHADOW
+        },
+        showEl: {
+            opacity: 1
+        },
+        flipCam: {
+            position: 'absolute',
+            right: 0,
+            bottom: 0,
+            '&>button': {
+                color: '#fff',
+                '&:hover': {
+                    backgroundColor: 'rgba(255, 255, 255, .08)'
+                }
+            }
+        },
+        camMessageContainer: {
+            position: 'absolute',
+            top: '-50%',
+            width: '100%',
+            height: '50%',
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            justifyContent: 'center',
+            color: '#fff'
+        },
+        camMessage: (_a = {
+                lineHeight: 1.25
+            },
+            _a[theme.breakpoints.down(500)] = {
+                fontSize: '0.8rem'
+            },
+            _a),
+        camMessageIcon: (_b = {
+                margin: '.375rem',
+                width: ICON_SIZE,
+                height: ICON_SIZE
+            },
+            _b[theme.breakpoints.down(500)] = {
+                width: SMALL_ICON_SIZE,
+                height: SMALL_ICON_SIZE
+            },
+            _b),
+        externalDeviceMessageContainer: {
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            justifyContent: 'center',
+            color: theme.palette.text.primary
+        },
+        externalDeviceMessageIconContainer: {
+            display: 'flex',
+            alignItems: 'center'
+        },
+        externalDeviceMessageIcon: {
+            margin: '.375rem'
+        },
+        externalDeviceMessage: {
+            lineHeight: 1.25
+        },
+        readIndicatorContainer: {
+            position: 'relative',
+            display: 'grid',
+            placeItems: 'center',
+            margin: function (_a) {
+                var indicatorSize = _a.indicatorSize;
+                return indicatorSize / 3.33333333333;
+            },
+            minHeight: function (_a) {
+                var indicatorSize = _a.indicatorSize;
+                return (indicatorSize / 2);
+            },
+            minWidth: function (_a) {
+                var indicatorSize = _a.indicatorSize;
+                return (indicatorSize / 2);
+            }
+        },
+        readIndicatorUpstairs: {
+            position: 'absolute',
+            display: 'grid',
+            placeItems: 'center'
+        },
+        readIndicator: {
+            position: 'relative',
+            height: function (_a) {
+                var indicatorSize = _a.indicatorSize;
+                return indicatorSize;
+            },
+            width: function (_a) {
+                var indicatorSize = _a.indicatorSize;
+                return indicatorSize;
+            },
+            display: 'inline-block',
+            border: '2px solid #0000',
+            borderRadius: '50%',
+            borderLeftColor: GREEN_COLOR(theme),
+            animation: '$rotate 1.2s linear infinite',
+            transition: 'border .4s ease-in'
+        },
+        readIndicatorReaded: {
+            animation: 'none',
+            borderColor: GREEN_COLOR(theme),
+            transition: 'border .4s ease-out'
+        },
+        '@keyframes rotate': {
+            '50%': {
+                borderLeftColor: PURPLE_COLOR
+            },
+            '75%': {
+                borderLeftColor: BLUE_COLOR(theme)
+            },
+            '100%': {
+                transform: 'rotate(360deg)'
+            }
+        },
+        checkIcon: {
+            display: 'none',
+            position: 'absolute',
+            top: '50%',
+            left: function (_a) {
+                var CHECK_ICON_WIDTH = _a.CHECK_ICON_WIDTH;
+                return "calc(50% - " + CHECK_ICON_WIDTH + "px)";
+            },
+            height: function (_a) {
+                var CHECK_ICON_HEIGHT = _a.CHECK_ICON_HEIGHT;
+                return CHECK_ICON_HEIGHT;
+            },
+            width: function (_a) {
+                var CHECK_ICON_WIDTH = _a.CHECK_ICON_WIDTH;
+                return CHECK_ICON_WIDTH;
+            },
+            borderTop: "2px solid " + GREEN_COLOR(theme),
+            borderRight: "2px solid " + GREEN_COLOR(theme),
+            transform: 'scaleX(-1) rotate(135deg)',
+            transformOrigin: 'left top',
+            animation: '$checkIcon .8s ease'
+        },
+        checkIconReaded: {
+            display: 'block'
+        },
+        '@keyframes checkIcon': {
+            '0%': {
+                height: 0,
+                width: 0,
+                opacity: 1
+            },
+            '20%': {
+                height: 0,
+                width: function (_a) {
+                    var CHECK_ICON_WIDTH = _a.CHECK_ICON_WIDTH;
+                    return CHECK_ICON_WIDTH;
+                },
+                opacity: 1
+            },
+            '40%': {
+                height: function (_a) {
+                    var CHECK_ICON_HEIGHT = _a.CHECK_ICON_HEIGHT;
+                    return CHECK_ICON_HEIGHT;
+                },
+                width: function (_a) {
+                    var CHECK_ICON_WIDTH = _a.CHECK_ICON_WIDTH;
+                    return CHECK_ICON_WIDTH;
+                },
+                opacity: 1
+            },
+            '100%': {
+                height: function (_a) {
+                    var CHECK_ICON_HEIGHT = _a.CHECK_ICON_HEIGHT;
+                    return CHECK_ICON_HEIGHT;
+                },
+                width: function (_a) {
+                    var CHECK_ICON_WIDTH = _a.CHECK_ICON_WIDTH;
+                    return CHECK_ICON_WIDTH;
+                },
+                opacity: 1
+            }
+        },
+        hiddenReader: {
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            width: '100%',
+            height: '100%',
+            zIndex: -1,
+            overflow: 'hidden'
+        }
+    });
+});
+var createObject = function (typeConfig, validation, code) {
+    var type = typeConfig.type;
+    var initialValidation = typeConfig.initialValidation;
+    var obj = {};
+    var divider = undefined;
+    var sectionLen = undefined;
+    var cutCode = function () { return code = code.substring(sectionLen + 1); };
+    var getSection = function () { return code.substring(0, sectionLen); };
+    var getSectionLen = function () { return sectionLen = code.indexOf(divider); };
+    var cutAndGetLen = function () {
+        cutCode();
+        getSectionLen();
+    };
+    if (type === UNIMED_CARD_ID) {
+        var physicalCard = (validation === initialValidation[0]);
+        var virtualCard = (validation === initialValidation[1]);
+        divider = '=';
+        sectionLen = code.indexOf(divider);
+        var dateFormat = function (string) { return string.replace(/[^0-9]/g, '/'); };
+        if (physicalCard) {
+            obj.type = 'Cartão físico';
+            obj.card = getSection();
+            cutAndGetLen();
+            obj.name = getSection();
+            cutAndGetLen();
+            obj.birthday = dateFormat(getSection());
+            cutAndGetLen();
+            obj.genre = getSection();
+            cutAndGetLen();
+            obj.cns = getSection();
+            cutAndGetLen();
+            obj.expiry = dateFormat(getSection());
+            cutAndGetLen();
+            obj.via = getSection();
+            cutAndGetLen();
+            obj.redeAtendimento = getSection();
+            cutAndGetLen();
+            obj.cdProdutoAns = getSection();
+        }
+        if (virtualCard) {
+            obj.type = 'Cartão virtual';
+            obj.card = getSection();
+            cutAndGetLen();
+            obj.name = getSection();
+            cutAndGetLen();
+            obj.birthday = dateFormat(getSection());
+            cutAndGetLen();
+            obj.genre = getSection();
+            cutAndGetLen();
+            obj.cns = getSection();
+            cutAndGetLen();
+            obj.expiry = dateFormat(getSection());
+            cutAndGetLen();
+            obj.redeAtendimento = getSection();
+            cutAndGetLen();
+            obj.cdProdutoAns = getSection();
+            cutAndGetLen();
+            cutAndGetLen();
+            obj.token = code;
+        }
+    }
+    else
+        obj.code = code;
+    return obj;
+};
+exports.types = {
+    card: {
+        type: UNIMED_CARD_ID,
+        initialValidation: ['1=01=', '2=01=']
+    },
+    generic: {
+        type: GENERIC_ID,
+        initialValidation: ''
+    }
+};
+var initialStateTypeConfig = {
+    type: '',
+    initialValidation: []
+};
+var initialState = {
+    verify: false,
+    code: ''
+};
+var CodeReader = function (_a) {
+    var _b = _a.id, id = _b === void 0 ? '' : _b, _c = _a.type, type = _c === void 0 ? GENERIC_ID : _c, _d = _a.message, message = _d === void 0 ? '' : _d, _e = _a.icon, Icon = _e === void 0 ? false : _e, _f = _a.iconSize, iconSize = _f === void 0 ? 20 : _f, _g = _a.indicator, indicator = _g === void 0 ? true : _g, _h = _a.indicatorSize, indicatorSize = _h === void 0 ? 40 : _h, _j = _a.target, target = _j === void 0 ? true : _j, _k = _a.camMessage, camMessage = _k === void 0 ? '' : _k, _l = _a.camIcon, CamIcon = _l === void 0 ? false : _l, _m = _a.flipCamButton, flipCamButton = _m === void 0 ? true : _m, _o = _a.flipCamIcon, FlipCamIcon = _o === void 0 ? io5_1.IoCameraReverseOutline : _o, _p = _a.onRead, onRead = _p === void 0 ? function (data) { return ''; } : _p;
+    var elId = (id ? id + "-" : '') + "code-reader";
+    var _q = react_1.useState('user'), facingMode = _q[0], setFacingMode = _q[1]; // user || environment
+    var _r = react_1.useState(false), hasAnyDevice = _r[0], setHasAnyDevice = _r[1];
+    var _s = react_1.useState(initialState), state = _s[0], setState = _s[1];
+    var _t = react_1.useState(initialStateTypeConfig), typeConfig = _t[0], setTypeConfig = _t[1];
+    var _u = react_1.useState(false), readed = _u[0], setReaded = _u[1];
+    var _v = react_1.useState(false), externalDeviceMessage = _v[0], setExternalDeviceMessage = _v[1];
+    var CHECK_ICON_WIDTH = (indicatorSize / 4);
+    var CHECK_ICON_HEIGHT = (CHECK_ICON_WIDTH * 2);
+    var classes = useStyles({ readed: readed, indicatorSize: indicatorSize, CHECK_ICON_WIDTH: CHECK_ICON_WIDTH, CHECK_ICON_HEIGHT: CHECK_ICON_HEIGHT });
+    var logicSetState = function (type, field, value) { return setState(function (values) {
+        var _a, _b;
+        return (__assign(__assign({}, values), (_a = {}, _a[type] = type && field ? __assign(__assign({}, values[type]), (_b = {}, _b[field] = value, _b)) : value, _a)));
+    }); };
+    var getTypeConfig = function (type) {
+        var arrTypes = Object.values(exports.types);
+        arrTypes.forEach(function (item) { return (item.type === type) && setTypeConfig(item); });
+    };
+    react_1.useEffect(function () { return getTypeConfig(type); }, [type]);
+    react_1.useEffect(function () { return readed && setTimeout(function () { return setReaded(false); }, 5000); }, [readed]);
+    var verifyCode = react_1.useCallback(function (code) {
+        var validation = '';
+        var type = typeConfig.type;
+        var initialValidation = typeConfig.initialValidation;
+        var generic = (type === GENERIC_ID);
+        var verify = function (item) {
+            if (!item || validation || (!item && validation))
+                return;
+            var len = item.length;
+            var part = code.substring(0, len);
+            if (item === part) {
+                validation = item;
+                code = code.substring(len);
+            }
+        };
+        if (!generic)
+            (initialValidation.length > 1) ? initialValidation.forEach(function (validationItem) { return verify(validationItem); }) : verify(initialValidation[0]);
+        if (generic || (validation && type)) {
+            var data = createObject(typeConfig, validation, code);
+            if (data) {
+                onRead && onRead(data);
+                setReaded(true);
+            }
+        }
+        setState(initialState);
+    }, [onRead, typeConfig]);
+    react_1.useEffect(function () { return state.verify && verifyCode(state.code); }, [state.code, state.verify, verifyCode]);
+    //_[ CAM CODE READER ]___________________________________________________________________________
+    function detectDevices() {
+        var mediaDevices = navigator.mediaDevices;
+        if (!mediaDevices || !mediaDevices.enumerateDevices)
+            return;
+        mediaDevices.enumerateDevices().then(function (devices) { return setHasAnyDevice(devices.some(function (device) { return device.kind === 'videoinput'; })); });
+    }
+    react_1.useEffect(function () {
+        detectDevices();
+        setTimeout(function () { return setExternalDeviceMessage(true); }, 50);
+        var stateInterval = setInterval(function () { return setState(__assign({}, initialState)); }, RESET_MS);
+        var devicesInterval = setInterval(function () { return detectDevices(); }, 1000);
+        return function () {
+            clearInterval(stateInterval);
+            clearInterval(devicesInterval);
+        };
+    }, []);
+    var toggleFacingMode = function (e) { return setFacingMode(function (mode) { return (mode === 'user') ? 'environment' : 'user'; }); };
+    var setCode = function (code) { return setState(function (states) { return (__assign(__assign({}, states), { verify: true, code: code })); }); };
+    var readQrCode = function (data) {
+        var code = data === null || data === void 0 ? void 0 : data.text;
+        code && setCode(code);
+    };
+    var readBarCode = function (error, result) {
+        var code = result === null || result === void 0 ? void 0 : result.text;
+        code && setCode(code);
+    };
+    //_[ USB CODE READER ]___________________________________________________________________________
+    var usbCodeReader = react_1.useCallback(function (e) {
+        if (e.key === 'Enter')
+            logicSetState('verify', '', true);
+        if (e.key !== 'Shift')
+            setState(function (values) { return (__assign(__assign({}, values), { code: values.code += e.key })); });
+    }, []);
+    react_1.useEffect(function () {
+        document.addEventListener('keydown', function (e) { return usbCodeReader(e); });
+        return function () { return document.removeEventListener('keydown', function (e) { return usbCodeReader(e); }); };
+    }, [usbCodeReader]);
+    return react_1.default.createElement("div", { id: elId + "-container", className: classes.container },
+        !hasAnyDevice && externalDeviceMessage && react_1.default.createElement(ExternalDeviceMessage, __assign({}, { elId: elId, readed: readed, message: message, Icon: Icon, iconSize: iconSize, indicator: indicator, classes: classes })),
+        hasAnyDevice &&
+            (react_1.default.createElement(react_1.Fragment, { key: elId + "-cam-fragment" },
+                react_1.default.createElement(react_qr_reader_1.QrReader, { videoId: elId + "-video", scanDelay: 300, constraints: { facingMode: facingMode }, onResult: readQrCode }),
+                react_1.default.createElement("div", { className: classes.hiddenReader },
+                    react_1.default.createElement(react_barcode_scanner_webcam_1.default, { onUpdate: readBarCode })),
+                react_1.default.createElement(CamOptions, __assign({}, { elId: elId, toggleFacingMode: toggleFacingMode, flipCamButton: flipCamButton, FlipCamIcon: FlipCamIcon, target: target, CamIcon: CamIcon, camMessage: camMessage, classes: classes })))));
+};
+exports.default = CodeReader;
+var ExternalDeviceMessage = function (_a) {
+    var elId = _a.elId, readed = _a.readed, message = _a.message, Icon = _a.Icon, iconSize = _a.iconSize, indicator = _a.indicator, classes = _a.classes;
+    return react_1.default.createElement("div", { className: classes.externalDeviceMessageContainer },
+        (!indicator && Icon) && react_1.default.createElement(Icon, { id: elId + "-icon", size: iconSize, className: classes.externalDeviceMessageIcon }),
+        message && react_1.default.createElement(core_1.Typography, { align: 'center', className: classes.externalDeviceMessage },
+            react_1.default.createElement("b", null, message)),
+        indicator &&
+            (react_1.default.createElement("div", { className: classes.readIndicatorContainer },
+                !!(!readed && Icon) && react_1.default.createElement(Icon, { id: elId + "-icon", size: iconSize }),
+                react_1.default.createElement("div", { className: classes.readIndicatorUpstairs },
+                    react_1.default.createElement(ReadIndicator, __assign({}, { readed: readed, classes: classes }))))));
+};
+var ReadIndicator = function (_a) {
+    var _b, _c;
+    var readed = _a.readed, classes = _a.classes;
+    return react_1.default.createElement("div", { className: clsx_1.default(classes.readIndicator, (_b = {}, _b[classes.readIndicatorReaded] = readed, _b)) },
+        react_1.default.createElement("div", { className: clsx_1.default(classes.checkIcon, (_c = {}, _c[classes.checkIconReaded] = readed, _c)) }));
+};
+var CamOptions = function (_a) {
+    var elId = _a.elId, toggleFacingMode = _a.toggleFacingMode, flipCamButton = _a.flipCamButton, FlipCamIcon = _a.FlipCamIcon, target = _a.target, CamIcon = _a.CamIcon, camMessage = _a.camMessage, classes = _a.classes;
+    return react_1.default.createElement("div", { className: classes.camOptions },
+        target && react_1.default.createElement(Target, __assign({ id: elId + "-target" }, { CamIcon: CamIcon, camMessage: camMessage, classes: classes })),
+        flipCamButton && react_1.default.createElement(FlipCamButton, __assign({ id: elId + "-flipcam" }, { toggleFacingMode: toggleFacingMode, FlipCamIcon: FlipCamIcon, classes: classes })));
+};
+var Target = function (_a) {
+    var id = _a.id, CamIcon = _a.CamIcon, camMessage = _a.camMessage, classes = _a.classes;
+    return react_1.default.createElement("div", __assign({}, { id: id }, { className: classes.target }),
+        react_1.default.createElement(CamMessage, __assign({ id: id + "-cam-message" }, { CamIcon: CamIcon, camMessage: camMessage, classes: classes })));
+};
+var CamMessage = function (_a) {
+    var id = _a.id, CamIcon = _a.CamIcon, camMessage = _a.camMessage, classes = _a.classes;
+    return react_1.default.createElement("div", __assign({}, { id: id }, { className: classes.camMessageContainer }),
+        CamIcon && react_1.default.createElement(CamIcon, { className: classes.camMessageIcon }),
+        react_1.default.createElement(core_1.Typography, { align: 'center', className: classes.camMessage },
+            react_1.default.createElement("b", null, camMessage)));
+};
+var FlipCamButton = function (_a) {
+    var id = _a.id, toggleFacingMode = _a.toggleFacingMode, FlipCamIcon = _a.FlipCamIcon, classes = _a.classes;
+    return react_1.default.createElement("div", __assign({}, { id: id }, { className: classes.flipCam }),
+        react_1.default.createElement(core_1.IconButton, { onClick: toggleFacingMode }, FlipCamIcon && react_1.default.createElement(FlipCamIcon, null)));
+};

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

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

package/dist/components/CodeReader/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 CodeReader_1 = require("./CodeReader");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(CodeReader_1).default; } });

package/dist/components/ConfirmModal/BasicModal.d.ts

@@ -34,5 +34,5 @@ export interface BasicModalProps {
      */
     open: boolean;
 }
-declare const BasicModal: ({ okLabel, cancelLabel, title, description, open, proceed, dialogProps, cancel }: BasicModalProps) => JSX.Element;
+declare const BasicModal: ({ okLabel, cancelLabel, title, description, open, proceed, dialogProps, cancel }: BasicModalProps) => React.JSX.Element;
 export default BasicModal;

package/dist/components/ConfirmModal/ModalProvider.d.ts

@@ -1,5 +1,5 @@
 import { ModalProviderContextProps } from '.';
 import React from 'react';
 export declare const ModalProviderContext: React.Context<ModalProviderContextProps>;
-declare const _default: import("react-redux").ConnectedComponent<({ children, argousSystem }: any) => JSX.Element, import("react-redux").Omit<any, "argousSystem" | "dispatch">>;
+declare const _default: import("react-redux").ConnectedComponent<({ children, argousSystem }: any) => React.JSX.Element, import("react-redux").Omit<any, "argousSystem" | "dispatch">>;
 export default _default;

package/dist/components/ConfirmModal/WrapperModal.d.ts

@@ -14,5 +14,5 @@ export interface WrapperModalProps {
      */
     open: boolean;
 }
-declare const WrapperModal: (Component: (props: any) => JSX.Element) => ({ proceed, open, title, cancelLabel, okLabel, dialogProps, ...props }: WrapperModalProps) => JSX.Element;
+declare const WrapperModal: (Component: (props: any) => JSX.Element) => ({ proceed, open, title, cancelLabel, okLabel, dialogProps, ...props }: WrapperModalProps) => React.JSX.Element;
 export default WrapperModal;

package/dist/components/Editor/components/Editor.d.ts

@@ -52,7 +52,7 @@ export declare class Editor extends React.Component<IAllProps> {
     componentDidUpdate(prevProps: Partial<IAllProps>): void;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     private renderInline;
     private renderIframe;
     private getScriptSrc;

package/dist/components/OtpInput/OtpInput.d.ts

@@ -14,5 +14,5 @@ export interface SingleProps extends Partial<Omit<Props, 'onChange'>> {
     index: number;
     onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
 }
-declare const OtpInput: ({ numInputs, onChange, value, onConfirm, ...props }: Props) => JSX.Element;
+declare const OtpInput: ({ numInputs, onChange, value, onConfirm, ...props }: Props) => React.JSX.Element;
 export default OtpInput;

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

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

package/dist/types.d.ts

@@ -151,6 +151,7 @@ interface setAddProgramWidget {
 interface setVldPsw {
   type: 'setVldPsw',
   vldPsw: boolean 
-} 
+}
+
 
 export type ActionType = setUsuarioLogado|setLoading|setProcesso|setInitialPage|setCurrentProgram|setCurrentField|clearAllFields|setFields|setFavorites|setBlockUser|setNotificacao|setSidebar|setMensagensNaoLidas|setVldPsw|setRightSidebar|setAddProgramWidget

package/lib/types.d.ts

@@ -151,6 +151,7 @@ interface setAddProgramWidget {
 interface setVldPsw {
   type: 'setVldPsw',
   vldPsw: boolean 
-} 
+}
+
 
 export type ActionType = setUsuarioLogado|setLoading|setProcesso|setInitialPage|setCurrentProgram|setCurrentField|clearAllFields|setFields|setFavorites|setBlockUser|setNotificacao|setSidebar|setMensagensNaoLidas|setVldPsw|setRightSidebar|setAddProgramWidget

package/package.json

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