@foreverrbum/ethsign/dist/components/Documents.js

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

"use strict";

function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

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

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

require("../styles/documents.scss");

var _DocumentSidebar = _interopRequireDefault(require("./Dashboard/DocumentSidebar"));

var _archive = _interopRequireDefault(require("../assets/contracts_actions/archive.svg"));

var _download = _interopRequireDefault(require("../assets/contracts_actions/download.svg"));

var _leftarrow_page = _interopRequireDefault(require("../assets/leftarrow_page.svg"));

var _rightarrow_page = _interopRequireDefault(require("../assets/rightarrow_page.svg"));

var _check = _interopRequireDefault(require("../assets/check.svg"));

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

var _Searchbox = _interopRequireDefault(require("./Dashboard/Searchbox"));

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

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

var _Alert = _interopRequireDefault(require("./Alert"));

var _DocumentRow = _interopRequireDefault(require("./Dashboard/DocumentRow"));

var _dashboard = require("../helpers/dashboard");

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

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }

function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }

function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }

function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }

function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }

function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }

function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }

function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }

function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }

var Documents = function Documents(props) {
  /*
   * Statuses:
   * -2: 'Search Results'
   * -1: 'All Status'
   *  0: 'PDF Not Uploaded'
   *  1: 'More Signers Needed'
   *  2: 'Pending Signatures'
   *  3: 'All Signed'
   *  4: 'Waiting For Others'
   */
  var ethAccount = props.ethAccount,
      contract = props.contract,
      web3 = props.web3,
      filter = props.filter,
      _handleFilter = props.handleFilter,
      status = props.status,
      handleStatus = props.handleStatus,
      data = props.data,
      dataKeys = props.dataKeys,
      dataObj = props.dataObj,
      handleDataObj = props.handleDataObj,
      dataAdded = props.dataAdded,
      handleDataAdded = props.handleDataAdded,
      handleActivePage = props.handleActivePage,
      ensEnabled = props.ensEnabled,
      handleData = props.handleData,
      name = props.name,
      handleName = props.handleName,
      error = props.error,
      search = props.search,
      handleSearch = props.handleSearch,
      searchData = props.searchData,
      handleSearchData = props.handleSearchData,
      loaded = props.loaded,
      handleLoaded = props.handleLoaded,
      reloadContractDetails = props.reloadContractDetails;

  var _useState = (0, _react.useState)(false),
      _useState2 = _slicedToArray(_useState, 2),
      showArchivePopup = _useState2[0],
      handleShowArchivePopup = _useState2[1];

  var _useState3 = (0, _react.useState)(false),
      _useState4 = _slicedToArray(_useState3, 2),
      loading = _useState4[0],
      handleLoading = _useState4[1];

  var _useState5 = (0, _react.useState)(false),
      _useState6 = _slicedToArray(_useState5, 2),
      archivedWaiting = _useState6[0],
      handleArchivedWaiting = _useState6[1];

  var _useState7 = (0, _react.useState)(false),
      _useState8 = _slicedToArray(_useState7, 2),
      displayDataEmpty = _useState8[0],
      handleDisplayDataEmpty = _useState8[1];

  var _useState9 = (0, _react.useState)(null),
      _useState10 = _slicedToArray(_useState9, 2),
      displayData = _useState10[0],
      handleDisplayData = _useState10[1];

  var _useState11 = (0, _react.useState)(0),
      _useState12 = _slicedToArray(_useState11, 2),
      displayDataSize = _useState12[0],
      handleDisplayDataSize = _useState12[1];

  var _useState13 = (0, _react.useState)(true),
      _useState14 = _slicedToArray(_useState13, 2),
      actualDate = _useState14[0],
      handleActualDate = _useState14[1];

  var _useState15 = (0, _react.useState)(false),
      _useState16 = _slicedToArray(_useState15, 2),
      mobileSidebar = _useState16[0],
      handleMobileSidebar = _useState16[1];

  var _useState17 = (0, _react.useState)(""),
      _useState18 = _slicedToArray(_useState17, 2),
      tableLabel = _useState18[0],
      handleTableLabel = _useState18[1];

  var _useState19 = (0, _react.useState)(false),
      _useState20 = _slicedToArray(_useState19, 2),
      selectAll = _useState20[0],
      handleSelectAll = _useState20[1];

  var _useState21 = (0, _react.useState)([]),
      _useState22 = _slicedToArray(_useState21, 2),
      selected = _useState22[0],
      handleSelected = _useState22[1];

  var _useState23 = (0, _react.useState)(false),
      _useState24 = _slicedToArray(_useState23, 2),
      selectedUpdated = _useState24[0],
      handleSelectedUpdated = _useState24[1]; // we will just toggle this every time we update selected


  var _useState25 = (0, _react.useState)(true),
      _useState26 = _slicedToArray(_useState25, 2),
      update = _useState26[0],
      handleUpdate = _useState26[1];

  var _useState27 = (0, _react.useState)(null),
      _useState28 = _slicedToArray(_useState27, 2),
      active = _useState28[0],
      handleActive = _useState28[1];

  var _useState29 = (0, _react.useState)(0),
      _useState30 = _slicedToArray(_useState29, 2),
      pageNumber = _useState30[0],
      handlePageNumber = _useState30[1];

  var _useState31 = (0, _react.useState)(10),
      _useState32 = _slicedToArray(_useState31, 2),
      contractsPerPage = _useState32[0],
      handleContractsPerPage = _useState32[1];

  var _useState33 = (0, _react.useState)(0),
      _useState34 = _slicedToArray(_useState33, 2),
      totalContractsInCurrentFilter = _useState34[0],
      handleTotalContractsInCurrentFilter = _useState34[1];

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

  (0, _react.useEffect)(function () {
    var isSubscribed = true;
    handleActivePage('contracts');
    return function () {
      return isSubscribed = false;
    };
  }, []);
  (0, _react.useEffect)(function () {
    handleActive(null);
    handleDisplayDataEmpty(false);
    handleDisplayData(null);
    handleDisplayDataSize(0);
    handleStatus(-1);
  }, [ethAccount, contract, filter]);
  (0, _react.useEffect)(function () {
    handlePageNumber(0);
  }, [filter]);
  (0, _react.useEffect)(function () {
    var dd;

    switch (filter) {
      case 'original':
        handleTableLabel('CREATED_BY_ME');
        dd = dataKeys === null || dataKeys === void 0 ? void 0 : dataKeys.mine;
        break;

      case 'shared':
        handleTableLabel('SHARED_WITH_ME');
        dd = dataKeys === null || dataKeys === void 0 ? void 0 : dataKeys.shared;
        break;

      case 'all':
        handleTableLabel('RECENT_FILES');
        dd = dataKeys === null || dataKeys === void 0 ? void 0 : dataKeys.all;
        break;

      case 'pending':
        handleTableLabel('ACTION_REQUIRED');
        dd = dataKeys === null || dataKeys === void 0 ? void 0 : dataKeys.pending;
        break;

      case 'voted':
        handleTableLabel('WAITING_FOR_OTHERS');
        dd = dataKeys === null || dataKeys === void 0 ? void 0 : dataKeys.voted;
        break;

      case 'consensus':
        handleTableLabel('ALL_SIGNED');
        dd = dataKeys === null || dataKeys === void 0 ? void 0 : dataKeys.consensus;
        break;

      case 'expiring':
        handleTableLabel('EXPIRING_SOON');
        dd = dataKeys === null || dataKeys === void 0 ? void 0 : dataKeys.expiring;
        break;

      case 'archived':
        handleTableLabel('ARCHIVED_CONTRACTS');
        dd = dataKeys === null || dataKeys === void 0 ? void 0 : dataKeys.archived;
        break;

      case 'search':
        handleTableLabel('SEARCH_RESULTS');
        dd = searchData;
        break;

      default:
        handleTableLabel('CREATED_BY_ME');
        dd = dataKeys === null || dataKeys === void 0 ? void 0 : dataKeys.mine;
    }

    if (!dataKeys || !dataObj) {
      return;
    } // Manage status filter


    var finalDd = [];

    if (status !== -1) {
      var _iterator = _createForOfIteratorHelper(dd),
          _step;

      try {
        for (_iterator.s(); !(_step = _iterator.n()).done;) {
          var _dataObj$docKey;

          var docKey = _step.value;

          if (status === ((_dataObj$docKey = dataObj[docKey]) === null || _dataObj$docKey === void 0 ? void 0 : _dataObj$docKey.status)) {
            finalDd.push(docKey);
          }
        }
      } catch (err) {
        _iterator.e(err);
      } finally {
        _iterator.f();
      }
    } else {
      finalDd = dd;
    }

    var pageDd = finalDd.slice(pageNumber * contractsPerPage, (pageNumber + 1) * contractsPerPage);
    handleSelectAll(false);
    handleSelected([]);
    handleDisplayData(pageDd);
    handleDisplayDataEmpty(pageDd == null || pageDd.length == 0);
    handleUpdate(!update);
    handleDisplayDataSize(_lodash.default.size(pageDd));
    handleTotalContractsInCurrentFilter(finalDd.length); // handleLoaded(true);
  }, [filter, status, name, dataKeys, dataObj, dataAdded, pageNumber, contractsPerPage]); // useEffect(() => {
  //     let isSubscribed = true;
  //     let dd;
  //     // Grab list of data in the filter
  //     switch (filter) {
  //         case 'original':
  //             handleTableLabel('CREATED_BY_ME');
  //             dd = data ? data.mine : null;
  //             break;
  //         case 'shared':
  //             handleTableLabel('SHARED_WITH_ME');
  //             dd = data ? data.shared : null;
  //             break;
  //         case 'all':
  //             handleTableLabel('RECENT_FILES');
  //             dd = data ? data.all : null;
  //             break;
  //         case 'pending':
  //             handleTableLabel('ACTION_REQUIRED');
  //             dd = data ? data.pending : null;
  //             break;
  //         case 'voted':
  //             handleTableLabel('WAITING_FOR_OTHERS');
  //             dd = data ? data.voted : null;
  //             break;
  //         case 'consensus':
  //             handleTableLabel('ALL_SIGNED');
  //             dd = data ? data.consensus : null;
  //             break;
  //         case 'expiring':
  //             handleTableLabel('EXPIRING_SOON');
  //             dd = data ? data.expiring : null;
  //             break;
  //         case 'archived':
  //             handleTableLabel('ARCHIVED_CONTRACTS');
  //             dd = data ? data.archived : null;
  //             break;
  //         case 'search':
  //             handleTableLabel('SEARCH_RESULTS');
  //             dd = searchData;
  //             break;
  //         default:
  //             handleTableLabel('CREATED_BY_ME');
  //             dd = data ? data.mine : null;
  //     }
  //     // Manage status filter
  //     let finalDd = [];
  //     if(status !== -1) {
  //         for(let doc in dd) {
  //             if(status === dd[doc].status) {
  //                 finalDd.push(dd[doc]);
  //             }
  //         }
  //     } else {
  //         finalDd = dd;
  //     }
  //     handleSelectAll(false);
  //     handleSelected([]);
  //     handleDisplayData(finalDd);
  //     handleDisplayDataEmpty(finalDd == null || finalDd.length == 0);
  //     handleUpdate(!update);
  //     handleDisplayDataSize(_.size(finalDd));
  //     // handleLoaded(true);
  //     return () => isSubscribed = false;
  // }, [filter, status, data, dataAdded]);

  (0, _react.useEffect)(function () {
    // Manage name filter
    if (!dataKeys || !dataObj) {
      return;
    }

    var finalDd = [];

    if (search.length > 0) {
      var _iterator2 = _createForOfIteratorHelper(dataKeys.mine),
          _step2;

      try {
        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
          var _doc$name;

          var docKey = _step2.value;
          var doc = dataObj[docKey];

          if (doc !== null && doc !== void 0 && (_doc$name = doc.name) !== null && _doc$name !== void 0 && _doc$name.toLowerCase().includes(search)) {
            doc.filter = formatMessage({
              id: 'CREATED_BY_ME'
            });
            finalDd.push(docKey);
          }
        }
      } catch (err) {
        _iterator2.e(err);
      } finally {
        _iterator2.f();
      }

      var _iterator3 = _createForOfIteratorHelper(dataKeys.shared),
          _step3;

      try {
        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
          var _doc$name2;

          var _docKey = _step3.value;
          var _doc = dataObj[_docKey];

          if (_doc !== null && _doc !== void 0 && (_doc$name2 = _doc.name) !== null && _doc$name2 !== void 0 && _doc$name2.toLowerCase().includes(search)) {
            _doc.filter = formatMessage({
              id: 'SHARED_WITH_ME'
            });
            finalDd.push(_docKey);
          }
        }
      } catch (err) {
        _iterator3.e(err);
      } finally {
        _iterator3.f();
      }

      var _iterator4 = _createForOfIteratorHelper(dataKeys.archived),
          _step4;

      try {
        for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
          var _doc2$name;

          var _docKey2 = _step4.value;
          var _doc2 = dataObj[_docKey2];

          if (_doc2 !== null && _doc2 !== void 0 && (_doc2$name = _doc2.name) !== null && _doc2$name !== void 0 && _doc2$name.toLowerCase().includes(search)) {
            _doc2.filter = formatMessage({
              id: 'ARCHIVED_CONTRACTS'
            });
            finalDd.push(_docKey2);
          }
        }
      } catch (err) {
        _iterator4.e(err);
      } finally {
        _iterator4.f();
      }
    } // Grab the first 5 items of the array


    handleSearchData(finalDd);
  }, [search, dataKeys, dataObj, dataAdded]);

  var triggerSearch = function triggerSearch() {
    handleSelectAll(false);
    handleSelected([]);
    handleDisplayData(searchData);
    handleDisplayDataEmpty(searchData == null || searchData.length == 0);
    handleDisplayDataSize(_lodash.default.size(searchData));
    handleLoaded(true);
  }; // This expects a boolean. True = next, false = prev


  var changePage = function changePage(page) {
    if (page == true) {
      if ((pageNumber + 1) * contractsPerPage + 1 <= totalContractsInCurrentFilter) {
        handlePageNumber(pageNumber + 1);
      }
    } else if (page == false) {
      if (pageNumber > 0) {
        handlePageNumber(pageNumber - 1);
      }
    }
  };

  var selectedHandler = function selectedHandler(id, add) {
    var arr = selected;

    if (add) {
      arr.push(id);
    } else {
      _lodash.default.pull(arr, id);
    }

    var size = _lodash.default.size(arr);

    if (size == displayDataSize) {
      handleSelectAll(true);
    } // The array is the same memory address despite changing.
    // This will not trigger an update, so use the following
    // call to update the UI accordingly.


    handleSelected(arr);
    handleSelectedUpdated(!selectedUpdated);
  };

  var getEmptyTableMessage = function getEmptyTableMessage() {
    if (error) {
      return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
        id: "ERROR_LOADING_CONTRACTS"
      });
    }

    switch (filter) {
      case 'original':
        return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
          id: "CONTRACTS_CREATED_BY_ME"
        });

      case 'shared':
        return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
          id: "CONTRACTS_SHARED_WITH_ME"
        });

      case 'all':
        return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
          id: "ALL_CONTRACTS"
        });

      case 'pending':
        return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
          id: "CONTRACTS_WAITING_FOR_ME"
        });

      case 'voted':
        return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
          id: "CONTRACTS_WAITING_FOR_OTHERS"
        });

      case 'consensus':
        return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
          id: "CONTRACTS_CONSENSUS"
        });

      case 'expiring':
        return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
          id: "CONTRACTS_EXPIRING"
        });

      case 'archived':
        return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
          id: "CONTRACTS_ARCHIVE"
        });

      case 'search':
        return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
          id: "CONTRACTS_SEARCH"
        });

      default:
        return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
          id: "NO_CONTRACTS_TO_DISPLAY"
        });
    }
  };

  var handleArchiveData = /*#__PURE__*/function () {
    var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(documentKey, idx) {
      var index, type, mine_index;
      return regeneratorRuntime.wrap(function _callee$(_context) {
        while (1) {
          switch (_context.prev = _context.next) {
            case 0:
              index = idx;
              type = 3; // type for archiving

              if (filter == "shared") {
                type = type + 1;
              } else if (filter != 'original') {
                mine_index = _lodash.default.indexOf(dataKeys.mine, documentKey);

                if (mine_index > -1) {
                  index = mine_index;
                } else {
                  index = _lodash.default.indexOf(dataKeys.shared, documentKey);
                  type = type + 1;
                }
              }

              handleActive(null);
              _context.next = 6;
              return handleData(documentKey, index, type);

            case 6:
            case "end":
              return _context.stop();
          }
        }
      }, _callee);
    }));

    return function handleArchiveData(_x, _x2) {
      return _ref.apply(this, arguments);
    };
  }();

  var handleMultiArchiveData = /*#__PURE__*/function () {
    var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(docs) {
      var tempObj, _iterator5, _step5, doc, _iterator6, _step6, _doc3;

      return regeneratorRuntime.wrap(function _callee2$(_context2) {
        while (1) {
          switch (_context2.prev = _context2.next) {
            case 0:
              // Update UI
              tempObj = dataObj;
              _iterator5 = _createForOfIteratorHelper(docs);

              try {
                for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
                  doc = _step5.value;
                  tempObj[doc.documentKey].loading = true;
                }
              } catch (err) {
                _iterator5.e(err);
              } finally {
                _iterator5.f();
              }

              handleDataObj(tempObj);
              handleDataAdded(!dataAdded);
              docs.slice().forEach(function (doc) {
                doc.index = doc.idx;

                if (filter == "shared") {
                  doc.type = doc.type + 1;
                } else if (filter != 'original') {
                  var mine_index = _lodash.default.indexOf(dataKeys.mine, doc.documentKey);

                  if (mine_index > -1) {
                    doc.index = mine_index;
                  } else {
                    doc.index = _lodash.default.indexOf(dataKeys.shared, doc.documentKey);
                    doc.type = doc.type + 1;
                  }
                }
              });
              handleActive(null); // Sort with highest doc.index first and lowest doc.index last

              docs.sort(function (a, b) {
                return a.index > b.index ? -1 : b.index > a.index ? 1 : 0;
              });
              _iterator6 = _createForOfIteratorHelper(docs);
              _context2.prev = 9;

              _iterator6.s();

            case 11:
              if ((_step6 = _iterator6.n()).done) {
                _context2.next = 17;
                break;
              }

              _doc3 = _step6.value;
              _context2.next = 15;
              return handleData(_doc3.documentKey, _doc3.index, _doc3.type);

            case 15:
              _context2.next = 11;
              break;

            case 17:
              _context2.next = 22;
              break;

            case 19:
              _context2.prev = 19;
              _context2.t0 = _context2["catch"](9);

              _iterator6.e(_context2.t0);

            case 22:
              _context2.prev = 22;

              _iterator6.f();

              return _context2.finish(22);

            case 25:
            case "end":
              return _context2.stop();
          }
        }
      }, _callee2, null, [[9, 19, 22, 25]]);
    }));

    return function handleMultiArchiveData(_x3) {
      return _ref2.apply(this, arguments);
    };
  }();

  var archiveSelectedDocuments = /*#__PURE__*/function () {
    var _ref3 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
      var docs, docKeys, _iterator7, _step7, idx, tx;

      return regeneratorRuntime.wrap(function _callee3$(_context3) {
        while (1) {
          switch (_context3.prev = _context3.next) {
            case 0:
              docs = [];
              docKeys = [];
              _iterator7 = _createForOfIteratorHelper(selected);

              try {
                for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
                  idx = _step7.value;
                  docs.push({
                    documentKey: displayData[idx],
                    idx: idx,
                    type: 3
                  });
                  docKeys.push(displayData[idx]);
                }
              } catch (err) {
                _iterator7.e(err);
              } finally {
                _iterator7.f();
              }

              handleLoading(true);
              _context3.next = 7;
              return (0, _dashboard.archiveDocuments)(web3, contract, docKeys, handleArchivedWaiting, formatMessage);

            case 7:
              tx = _context3.sent;

              if (!(tx == true)) {
                _context3.next = 16;
                break;
              }

              handleActive(null);
              handleShowArchivePopup(false);
              _context3.next = 13;
              return handleMultiArchiveData(docs);

            case 13:
              (0, _dashboard.storeNotif)('', formatMessage({
                id: docKeys.length > 1 ? 'SUCCESSFULLY_ARCHIVED_CONTRACTS' : "SUCCESSFULLY_ARCHIVED_CONTRACT"
              }), 'success'); // docs.slice().reverse().forEach(async (doc) => {
              //     handleArchiveData(doc.documentKey, doc.idx);
              // })

              handleSelected([]);
              handleSelectAll(false);

            case 16:
              handleLoading(false);
              handleArchivedWaiting(false);

            case 18:
            case "end":
              return _context3.stop();
          }
        }
      }, _callee3);
    }));

    return function archiveSelectedDocuments() {
      return _ref3.apply(this, arguments);
    };
  }();

  return /*#__PURE__*/_react.default.createElement("div", {
    className: "flex-grow flex flex-col relative text-gray-80"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "w-full flex-grow max-w-7xl mx-auto flex relative"
  }, /*#__PURE__*/_react.default.createElement(_DocumentSidebar.default, {
    filter: filter,
    handleFilter: function handleFilter(filter) {
      handleSearch("");
      handleSearchData([]);

      try {
        document.getElementById("search-contract-name").value = '';
      } catch (err) {}

      _handleFilter(filter);
    },
    mobileSidebar: mobileSidebar,
    handleMobileSidebar: handleMobileSidebar,
    handleActivePage: handleActivePage
  }), contract && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
    className: "flex-grow px-3 md:px-8 mt-4 sm:mt-12"
  }, /*#__PURE__*/_react.default.createElement(_Searchbox.default, {
    contract: contract,
    provider: web3,
    status: status,
    dataObj: dataObj,
    triggerSearch: triggerSearch,
    handleStatus: handleStatus,
    name: search,
    handleName: handleSearch,
    filter: filter,
    handleFilter: _handleFilter,
    tableLabel: tableLabel.length > 0 ? formatMessage({
      id: tableLabel
    }) : '',
    handleMobileSidebar: handleMobileSidebar,
    data: searchData,
    handleActivePage: handleActivePage,
    pageNumber: pageNumber,
    changePage: changePage,
    contractsPerPage: contractsPerPage,
    handleContractsPerPage: handleContractsPerPage,
    totalContractsInCurrentFilter: totalContractsInCurrentFilter
  }), /*#__PURE__*/_react.default.createElement("div", {
    className: "table-container w-full"
  }, /*#__PURE__*/_react.default.createElement("table", {
    className: "w-full mx-auto text-left text-15"
  }, /*#__PURE__*/_react.default.createElement("thead", {
    className: "hidden sm:table-header-group font-bold"
  }, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("th", {
    className: "select-none h-12 min-w-72 px-3 border-t border-b border-gray-25 flex"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "select-none my-auto w-5 h-5 mr-3 border border-gray-300 rounded-sm flex justify-center cursor-pointer",
    onClick: function onClick() {
      if (!selectAll) {
        var arr = _lodash.default.range(displayDataSize);

        handleSelected(arr);
      } else {
        handleSelected([]);
      }

      handleSelectAll(!selectAll);
      handleUpdate(!update);
    }
  }, selectAll && /*#__PURE__*/_react.default.createElement("img", {
    src: _check.default
  })), selected.length > 1 ? /*#__PURE__*/_react.default.createElement("div", {
    className: "select-none flex -m-px"
  }, /*#__PURE__*/_react.default.createElement("img", {
    src: _archive.default,
    className: "mx-3 my-2 cursor-pointer",
    onClick: function onClick(event) {
      event.stopPropagation();

      if (filter == 'archived') {
        return;
      }

      handleShowArchivePopup(true);
    }
  })) : /*#__PURE__*/_react.default.createElement("div", {
    className: "my-auto"
  }, formatMessage({
    id: 'CONTRACT_NAME'
  }))), !((selected === null || selected === void 0 ? void 0 : selected.length) > 1) ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("th", {
    className: "select-none h-12 min-w-48 px-3 border-t border-b border-gray-25 "
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "my-auto"
  }, formatMessage({
    id: 'STATUS'
  }))), /*#__PURE__*/_react.default.createElement("th", {
    className: "select-none h-12 min-w-32 px-3 border-t border-b border-gray-25 "
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "my-auto"
  }, formatMessage({
    id: 'ACTION'
  })))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("th", {
    className: "select-none h-12 min-w-48 px-3 border-t border-b border-gray-25"
  }), /*#__PURE__*/_react.default.createElement("th", {
    className: "select-none h-12 min-w-32 px-3 border-t border-b border-gray-25"
  })))), displayData != null && !error && /*#__PURE__*/_react.default.createElement("tbody", null, displayData.map(function (docKey, idx) {
    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_DocumentRow.default, {
      key: idx,
      idx: idx,
      active: active,
      handleActive: handleActive,
      update: update,
      doc: dataObj ? dataObj[docKey] : null,
      actualDate: actualDate,
      selectAll: selectAll,
      handleSelectAll: handleSelectAll,
      selectedHandler: selectedHandler,
      contract: contract,
      provider: web3,
      filter: filter,
      handleArchiveData: handleArchiveData,
      ethAccount: ethAccount,
      ensEnabled: ensEnabled,
      reloadContractDetails: reloadContractDetails
    }));
  })))), /*#__PURE__*/_react.default.createElement("div", {
    className: "flex justify-center"
  }), (error || filter !== 'search' && displayDataEmpty && loaded || filter === 'search' && displayDataEmpty && loaded) && /*#__PURE__*/_react.default.createElement("div", {
    className: "mt-8 flex justify-center text-15 text-center text-gray-500 select-none"
  }, getEmptyTableMessage())))), showArchivePopup && /*#__PURE__*/_react.default.createElement(_Alert.default, {
    title: formatMessage({
      id: 'ARCHIVE_CONTRACTS'
    }),
    message: formatMessage({
      id: 'ARE_YOU_WANT_TO_ARCHIVE_SELECTED_DOCS'
    }),
    closeButtonText: formatMessage({
      id: 'CANCEL'
    }),
    loading: loading,
    loadingText: archivedWaiting ? formatMessage({
      id: 'WAITING_FOR_CONFIRMATIONS_FROM_NEWWORK'
    }) : formatMessage({
      id: 'ARCHIVING_CONTRACTS'
    }),
    closeCallback: function closeCallback() {
      return handleShowArchivePopup(false);
    },
    closeOnOutsideClick: true,
    okButtonText: formatMessage({
      id: 'ARCHIVE'
    }),
    okCallback: function okCallback() {
      archiveSelectedDocuments();
    }
  }));
};

var _default = Documents;
exports.default = _default;