@foreverrbum/ethsign/dist/components/VerificationDetails.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 _reactRouterDom = require("react-router-dom");

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

var _carret_left = _interopRequireDefault(require("../assets/carret_left.svg"));

var _check_verified = _interopRequireDefault(require("../assets/check_verified.svg"));

var _pending_verified = _interopRequireDefault(require("../assets/pending_verified.svg"));

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

var _verify = require("../helpers/verify");

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

var VerificationDetails = function VerificationDetails(props) {
  var loading = props.loading,
      gqlResult = props.gqlResult,
      loadContractHistory = props.loadContractHistory,
      goBack = props.goBack;

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

  return /*#__PURE__*/_react.default.createElement("div", {
    className: "flex"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "m-auto w-full flex justify-center"
  }, /*#__PURE__*/_react.default.createElement("div", {
    onClick: function onClick(event) {
      return event.stopPropagation();
    },
    className: "w-full bg-gray-45 sm:border-t-4 border-t-8 border-orange-500 sm:rounded-none rounded-lg shadow-md sm:shadow-none"
  }, loading ? /*#__PURE__*/_react.default.createElement("div", {
    className: "flex justify-center mb-8"
  }, /*#__PURE__*/_react.default.createElement(_loader.default, null)) : /*#__PURE__*/_react.default.createElement("div", {
    className: "p-4 sm:p-6 flex flex-col justify-center w-full"
  }, /*#__PURE__*/_react.default.createElement("div", {
    onClick: function onClick() {
      return goBack();
    },
    className: "text-15 py-3 select-none cursor-pointer flex flex-row mb-2 mr-auto"
  }, /*#__PURE__*/_react.default.createElement("img", {
    src: _carret_left.default,
    className: "h-4 w-4 my-auto",
    onDragStart: function onDragStart(e) {
      return e.preventDefault();
    }
  }), /*#__PURE__*/_react.default.createElement("div", {
    className: "text-left font-semibold text-gray my-auto"
  }, formatMessage({
    id: 'BACK'
  }))), /*#__PURE__*/_react.default.createElement("div", {
    className: "flex flex-row mb-2"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "text-20 font-semibold text-gray-80 my-auto"
  }, formatMessage({
    id: 'SIGNATURE'
  })), /*#__PURE__*/_react.default.createElement("div", {
    className: "text-20 font-semibold mx-2 my-auto ".concat(gqlResult.status == 1 ? 'text-orange-500' : 'text-blue-80')
  }, (gqlResult === null || gqlResult === void 0 ? void 0 : gqlResult.status) == 1 ? formatMessage({
    id: 'VALID'
  }) : formatMessage({
    id: 'PENDING'
  })), /*#__PURE__*/_react.default.createElement("img", {
    src: (gqlResult === null || gqlResult === void 0 ? void 0 : gqlResult.status) == 1 ? _check_verified.default : _pending_verified.default,
    className: "h-8 w-8",
    onDragStart: function onDragStart(e) {
      return e.preventDefault();
    }
  })), /*#__PURE__*/_react.default.createElement("div", {
    className: "flex flex-wrap sm:flex-nowrap justify-start flex-col w-full text-gray"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "flex flex-col md:flex-row justify-start pt-6 pb-4"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "flex-shrink-0 w-full md:w-56 mb-1 md:mb-0"
  }, formatMessage({
    id: 'DOCUMENT_NAME'
  }) + ":"), /*#__PURE__*/_react.default.createElement("div", {
    className: "text-left text-gray-95 bg-gray-25 border-2 border-gray-90 px-2"
  }, gqlResult === null || gqlResult === void 0 ? void 0 : gqlResult.doc.name)), /*#__PURE__*/_react.default.createElement("div", {
    className: "flex flex-col md:flex-row justify-start pt-4 pb-4"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "flex-shrink-0 w-full md:w-56 mb-1 md:mb-0"
  }, formatMessage({
    id: 'DOCUMENT_KEY'
  }) + ":"), /*#__PURE__*/_react.default.createElement("div", {
    className: "text-left text-gray-95 bg-gray-25 border-2 border-gray-90 px-2"
  }, gqlResult === null || gqlResult === void 0 ? void 0 : gqlResult.doc.key)), /*#__PURE__*/_react.default.createElement("div", {
    className: "flex flex-col md:flex-row justify-start pt-4 pb-4"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "flex-shrink-0 w-full md:w-56 mb-1 md:mb-0"
  }, formatMessage({
    id: 'DIGITALLY_SIGNED_BY'
  }) + ":"), /*#__PURE__*/_react.default.createElement("div", {
    className: "text-left text-gray-95 bg-gray-25 border-2 border-gray-90 px-2"
  }, gqlResult === null || gqlResult === void 0 ? void 0 : gqlResult.signerDetails.address)), /*#__PURE__*/_react.default.createElement("div", {
    className: "flex flex-col md:flex-row justify-start pt-4 pb-4"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "flex-shrink-0 w-full md:w-56 mb-1 md:mb-0"
  }, formatMessage({
    id: 'SIGNATURE_APPLIED_DATE'
  }) + ":"), /*#__PURE__*/_react.default.createElement("div", {
    className: "text-left text-gray-95 bg-gray-25 border-2 border-gray-90 px-2"
  }, gqlResult !== null && gqlResult !== void 0 && gqlResult.signerDetails.timestamp ? new Date((gqlResult === null || gqlResult === void 0 ? void 0 : gqlResult.signerDetails.timestamp) * 1000).toLocaleString() : 'Pending'))), /*#__PURE__*/_react.default.createElement("div", {
    className: "mt-4 flex flex-col sm:flex-row"
  }, (gqlResult === null || gqlResult === void 0 ? void 0 : gqlResult.status) == 1 && /*#__PURE__*/_react.default.createElement("button", {
    onClick: function onClick() {
      (0, _verify.exportVerification)(gqlResult);
    },
    className: "select-none focus:outline-none w-full sm:w-auto text-white mt-2 sm:mx-0 py-2 font-semibold text-orange-500 hover:text-orange-600 rounded-sm mr-0 sm:mr-4 md:mr-8"
  }, formatMessage({
    id: 'DOWNLOAD_VALIDATION'
  })), /*#__PURE__*/_react.default.createElement("button", {
    onClick: function onClick() {
      var _gqlResult$signerDeta, _gqlResult$doc;

      return loadContractHistory(gqlResult === null || gqlResult === void 0 ? void 0 : gqlResult.networkId, gqlResult === null || gqlResult === void 0 ? void 0 : (_gqlResult$signerDeta = gqlResult.signerDetails) === null || _gqlResult$signerDeta === void 0 ? void 0 : _gqlResult$signerDeta.address, gqlResult === null || gqlResult === void 0 ? void 0 : (_gqlResult$doc = gqlResult.doc) === null || _gqlResult$doc === void 0 ? void 0 : _gqlResult$doc.key, 1);
    },
    className: "select-none focus:outline-none w-full sm:w-auto text-white mt-2 sm:mx-0 py-2 font-semibold text-orange-500 hover:text-orange-600 rounded-sm"
  }, formatMessage({
    id: 'VIEW_CONTRACT_HISTORY'
  })))))));
};

var _default = (0, _reactRouterDom.withRouter)(VerificationDetails);

exports.default = _default;