@foreverrbum/ethsign/dist/components/Dashboard/Details.js

This package will allow you to electronically sign documents within your application

"use strict";

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

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

var _SignerDetail = _interopRequireDefault(require("./SignerDetail"));

var _reactIdenticons = _interopRequireDefault(require("react-identicons"));

var _reactIntl = require("react-intl");

var _lodash = _interopRequireDefault(require("lodash"));

var _signer = require("../../helpers/signer");

var _loader = _interopRequireDefault(require("../UI/loader"));

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

var Details = function Details(props) {
  var _initiator$address;

  var doc = props.doc,
      ensEnabled = props.ensEnabled,
      ethAccount = props.ethAccount,
      signers = props.signers,
      initiator = props.initiator;

  var _useIntl = (0, _reactIntl.useIntl)(),
      formatMessage = _useIntl.formatMessage;

  return /*#__PURE__*/_react.default.createElement("div", {
    className: "px-5 flex flex-col text-gray-300"
  }, initiator == null ? /*#__PURE__*/_react.default.createElement("div", {
    className: "pb-5 flex justify-center"
  }, /*#__PURE__*/_react.default.createElement(_loader.default, null)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
    className: "pb-5"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "select-none font-bold pb-1"
  }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
    id: "CREATER"
  })), /*#__PURE__*/_react.default.createElement("div", {
    className: "flex py-2"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "identicon mr-3 border border-orange-500 rounded-full my-auto h-auto"
  }, initiator.avatar ? /*#__PURE__*/_react.default.createElement("img", {
    className: "w-11 h-11 rounded-full object-cover",
    src: initiator.avatar
  }) : /*#__PURE__*/_react.default.createElement("div", {
    className: "p-2"
  }, /*#__PURE__*/_react.default.createElement(_reactIdenticons.default, {
    string: (_initiator$address = initiator.address) === null || _initiator$address === void 0 ? void 0 : _initiator$address.toLowerCase(),
    size: "25",
    palette: ['#D7EEFF', '#eef2ff', '#991A1A', '#FFDECC', '#E98234', '#D98234', '#EE9F63', '#464648']
  }))), /*#__PURE__*/_react.default.createElement("div", {
    className: "flex flex-col"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "py-1"
  }, initiator && (0, _signer.getAliasOrAddress)(ethAccount, initiator, ensEnabled, formatMessage))))), (signers === null || signers === void 0 ? void 0 : signers.length) > 0 && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
    className: "select-none font-bold pb-1"
  }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
    id: "SIGNERS"
  })), /*#__PURE__*/_react.default.createElement("div", {
    className: "flex flex-wrap "
  }, signers.map(function (signer, i) {
    return /*#__PURE__*/_react.default.createElement(_SignerDetail.default, {
      key: "signer-detail" + i,
      ethAccount: ethAccount,
      signer: signer,
      ensEnabled: ensEnabled
    });
  })))));
};

var _default = Details;
exports.default = _default;