argous 1.2.218 → 1.2.219

package/lib/components/Zoom/Zoom.d.ts

@@ -0,0 +1,11 @@
+export interface ZoomProps {
+  /**
+   * ID
+   */
+  id: string
+}
+
+
+declare function Zoom(props: ZoomProps) : JSX.Element
+
+export default Zoom;

package/lib/components/Zoom/Zoom.js

@@ -0,0 +1,56 @@
+import clsx from 'clsx';
+import React, { useCallback, useEffect, useState } from 'react';
+import './style.css';
+
+
+const Zoom = ({ id, children }) => {
+
+  const figureId = (id) ? `${id}-zoom-figure` : 'zoom-figure';
+  const [active, setActive] = useState(false);
+
+  const copyMediaUrl = useCallback(() => {
+    const figureElement = document.getElementById(figureId);
+    const mediaElement = figureElement.children?.[0];
+    if (mediaElement) figureElement.style.backgroundImage = "url('" + mediaElement.src + "')";
+  }, [figureId]);
+  useEffect(() => setTimeout(() => copyMediaUrl(), 500), [copyMediaUrl]);
+
+  function zoom(e, activeParameter) {
+    if (active || activeParameter) {
+      let offsetX, offsetY, x, y;
+      const figureElement = document.getElementById(figureId);
+
+      if (figureElement) {
+        if (e?.nativeEvent?.offsetX) offsetX = e.nativeEvent.offsetX;
+        else offsetX = e?.touches?.[0].pageX;
+        if (e?.nativeEvent?.offsetY) offsetY = e.nativeEvent.offsetY;
+        else offsetX = e?.touches?.[0].pageX;
+
+        x = ((offsetX / figureElement.offsetWidth) * 100);
+        y = ((offsetY / figureElement.offsetHeight) * 100);
+
+        figureElement.style.backgroundPosition = `${x}% ${y}%`;
+      }
+    }
+  }
+
+  const handleActive = e => {
+    const state = !active;
+    setActive(state);
+    (state) && zoom(e, state);
+  };
+
+
+  return <figure 
+    id={figureId} 
+    onMouseMove={zoom} 
+    onTouchMove={zoom} 
+    onClick={handleActive} 
+    className={clsx('zoom-figure', { 'zoom-figure-active': active })}
+  >
+    {children}
+  </figure>;
+};
+
+
+export default Zoom;

package/lib/components/Zoom/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Zoom';
+export * from './Zoom';

package/lib/components/Zoom/index.js

@@ -0,0 +1 @@
+export { default } from './Zoom';

package/lib/components/Zoom/style.css

@@ -0,0 +1,25 @@
+figure.zoom-figure {
+    position: relative;
+    overflow: hidden;
+    cursor: zoom-in;
+    cursor: -moz-zoom-in;
+    cursor: -webkit-zoom-in;
+    background-repeat: no-repeat;
+    background-position: 50% 50%;
+
+    img {
+      transition: opacity 250ms;
+      display: block;
+      width: 100%;
+    }
+}
+
+figure.zoom-figure-active {
+    cursor: zoom-out;
+    cursor: -moz-zoom-out;
+    cursor: -webkit-zoom-out;
+
+    & img:hover {
+        opacity: 0;
+    }
+}

package/lib/components/index.d.ts

@@ -157,4 +157,13 @@ export { default as HalfGauge } from './HalfGauge';
 export * from './HalfGauge';
 
 export { default as UserCard } from './UserCard';
-export * from './UserCard';
+export * from './UserCard';
+
+export { default as TextToHtml } from './TextToHtml';
+export * from './TextToHtml';
+
+export { default as Zoom } from './Zoom';
+export * from './Zoom';
+
+export { default as Carousel } from './Carousel';
+export * from './Carousel';

package/lib/components/index.js

@@ -154,4 +154,14 @@ export * from './PercentageDisplay';
 export { default as HalfGauge } from './HalfGauge';
 export * from './HalfGauge';
 
-export { default as UserCard } from './UserCard';
+export { default as UserCard } from './UserCard';
+export * from './UserCard';
+
+export { default as TextToHtml } from './TextToHtml';
+export * from './TextToHtml';
+
+export { default as Zoom } from './Zoom';
+export * from './Zoom';
+
+export { default as Carousel } from './Carousel';
+export * from './Carousel';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "argous",
-  "version": "1.2.218",
+  "version": "1.2.219",
   "description": "Argous.",
   "main": "lib/index.js",
   "author": "Carlos Schneider",
@@ -98,6 +98,7 @@
   "dependencies": {
     "highlight.js": "^10.7.1",
     "jquery": "^3.6.0",
+    "react-colorful": "^5.6.1",
     "react-date-range": "0.9.4",
     "react-paginate": "^7.1.2",
     "react-transition-group": "^4.4.1",

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

@@ -1,29 +0,0 @@
-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

@@ -1,487 +0,0 @@
-"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

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

package/dist/components/CodeReader/index.js

@@ -1,8 +0,0 @@
-"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; } });