web-sdk-im/dist/components/ScanQRCode.js

React js components

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _styles = require("@material-ui/core/styles");

var _core = require("@material-ui/core");

var _ScanQRCodeHead = _interopRequireDefault(require("./ScanQRCodeHead"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var useStyles = (0, _styles.makeStyles)(function (theme) {
  return {
    root: {
      width: '100%',
      //maxWidth: 360,
      backgroundColor: theme.palette.background.paper
    },
    fullscreen: {
      marginLeft: '84px'
    },
    nested: {
      paddingLeft: theme.spacing(4)
    },
    title: {
      // margin: theme.spacing(4, 0, 2),
      padding: '0.5rem 1rem',
      backgroundColor: 'rgba(0, 0, 0, .04)',
      color: 'rgba(0, 0, 0, 0.38)'
    },
    header: {
      boxShadow: '0 1px 2px 0 rgba(0, 0, 0, .10)',
      backgroundColor: '#ffffff'
    },
    pageWrapper: {
      background: '#f5f5f5'
    },
    gap: {
      padding: '0.5rem 1rem'
    },
    linkColor: {
      color: '#33C176',
      fontSize: '0.75rem'
    },
    linkSize: {
      fontSize: '0.75rem'
    },
    checkboxWrap: {
      minWidth: '0'
    },
    checkboxColor: {
      color: '#33C176 !important',
      borderRadius: '50% !important'
    },
    btnStyle: {
      background: '#33C176',
      textTransform: 'capitalize'
    },
    listBtnStyle: {
      textTransform: 'capitalize',
      color: '#33C176',
      border: '1px solid #33C176',
      fontSize: '0.75rem'
    },
    textBtnWrap: {
      display: 'flex',
      justifyContent: 'space-between',
      alignItems: 'center',
      padding: '0.5rem 1rem'
    }
  };
});
var useMessageSearchStyles = (0, _styles.makeStyles)(function () {
  return {
    root: {
      backgroundColor: 'rgba(0, 0, 0, .04)',
      borderRadius: 40,
      width: '100%'
    },
    input: {
      boxSizing: 'border-box',
      minHeight: 36
    },
    icon: {
      color: 'rgb(0, 153, 255)',
      width: 35,
      height: 35
    }
  };
});

var ScanQRCode = function ScanQRCode() {
  var styles = useStyles();
  var messageStyle = useMessageSearchStyles();
  return /*#__PURE__*/_react["default"].createElement(_core.Box, {
    component: "div",
    className: styles.pageWrapper
  }, /*#__PURE__*/_react["default"].createElement(_core.Box, {
    component: "div"
  }, /*#__PURE__*/_react["default"].createElement(_core.Toolbar, {
    disableGutters: true,
    style: {
      minHeight: "0"
    }
  }, /*#__PURE__*/_react["default"].createElement(_ScanQRCodeHead["default"], null))), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_core.Grid, {
    container: true,
    direction: "row"
  }, /*#__PURE__*/_react["default"].createElement(_core.Grid, {
    item: true,
    lg: 4,
    md: 6,
    xs: 12
  }, /*#__PURE__*/_react["default"].createElement(_core.Box, {
    component: "div",
    display: "flex",
    alignItems: "center",
    justifyContent: "center",
    style: {
      height: "calc(100vh - 100px)",
      width: "100vw"
    }
  }, /*#__PURE__*/_react["default"].createElement(_core.Typography, {
    variant: "caption",
    align: "center"
  }, "No Result..")))));
};

var _default = ScanQRCode;
exports["default"] = _default;