@foreverrbum/ethsign/dist/components/Sign/TitleBar.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 _logo = _interopRequireDefault(require("../../assets/logo.svg"));

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

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

var TitleBar = function TitleBar(props) {
  var _useIntl = (0, _reactIntl.useIntl)(),
      formatMessage = _useIntl.formatMessage;

  var newChanges = props.newChanges,
      bar = props.bar,
      newDocument = props.newDocument,
      doc = props.doc,
      saving = props.saving,
      fieldChanges = props.fieldChanges,
      allFieldsRequiredBeforeSave = props.allFieldsRequiredBeforeSave,
      allFieldsFilled = props.allFieldsFilled;
  return /*#__PURE__*/_react.default.createElement("nav", {
    className: "".concat(newDocument ? 'box-shadow-nav-top' : 'box-shadow-nav', " z-10 bg-gray-40")
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "max-w-7xl mx-auto px-2 sm:px-6 lg:px-8"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "relative flex items-center justify-between h-16"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "flex w-full"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "flex-1 flex items-center justify-center sm:items-stretch sm:justify-between"
  }, !newDocument && /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
    className: "mr-auto flex-shrink-0 flex items-center",
    to: "/"
  }, /*#__PURE__*/_react.default.createElement("img", {
    className: "h-12 mt-3 z-10 w-auto",
    src: _logo.default,
    alt: "Ethsign"
  }))), /*#__PURE__*/_react.default.createElement("div", {
    className: "flex flex-grow justify-center items-center text-gray-80 text-20 font-medium"
  }, doc === null || doc === void 0 ? void 0 : doc.name), /*#__PURE__*/_react.default.createElement("div", {
    className: "flex flex-1 justify-end"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "w-auto h-auto flex my-auto text-white"
  }, /*#__PURE__*/_react.default.createElement("button", {
    onClick: function onClick() {
      bar.button1Action();
    },
    className: " font-bold mr-5 w-20 py-1 bg-gray-300 hover:bg-gray-600 rounded-md"
  }, bar.button1), /*#__PURE__*/_react.default.createElement("button", {
    onClick: function onClick() {
      bar.button2Action();
    },
    className: "font-bold py-1 ".concat(!saving && (newChanges || fieldChanges) && (allFieldsRequiredBeforeSave && allFieldsFilled || !allFieldsRequiredBeforeSave) ? 'bg-orange-500 hover:bg-orange-600' : 'bg-orange-300 cursor-not-allowed', " w-20 rounded-md")
  }, bar.button2)))))));
};

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

exports.default = _default;