solid-ui 2.4.15 → 2.4.16-6d61d9de

package/lib/chat/message.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _typeof = require("@babel/runtime/helpers/typeof");
 
 Object.defineProperty(exports, "__esModule", {
@@ -8,24 +10,34 @@ Object.defineProperty(exports, "__esModule", {
 exports.creatorAndDate = creatorAndDate;
 exports.creatorAndDateHorizontal = creatorAndDateHorizontal;
 exports.elementForImageURI = elementForImageURI;
-exports.renderMessage = renderMessage;
+exports.renderMessageEditor = renderMessageEditor;
+exports.renderMessageRow = renderMessageRow;
+exports.switchToEditor = switchToEditor;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _infinite = require("./infinite");
 
 var _messageTools = require("./messageTools");
 
-var _index = require("../authn/index");
+var _bookmarks = require("./bookmarks");
+
+var _chatLogic = require("./chatLogic");
+
+var debug = _interopRequireWildcard(require("../debug"));
 
 var _iconBase = require("../iconBase");
 
-var _logic = require("../logic");
+var _solidLogic = require("solid-logic");
 
-var _index2 = require("../media/index");
+var _index = require("../media/index");
 
 var ns = _interopRequireWildcard(require("../ns"));
 
 var pad = _interopRequireWildcard(require("../pad"));
 
-var rdf = _interopRequireWildcard(require("rdflib"));
-
 var style = _interopRequireWildcard(require("../style"));
 
 var utils = _interopRequireWildcard(require("../utils"));
@@ -36,31 +48,15 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-/**
- * Contains the [[renderMessage]] function,
- * along with [[elementForImageURI]],
- * [[creatorAndDate]], and [[creatorAndDateHorizontal]]
- * @packageDocumentation
- */
+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(_e) { throw _e; }, 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(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 
-/* global $rdf */
-// pull in first avoid cross-refs
-var UI = {
-  authn: _index.authn,
-  icons: _iconBase.icons,
-  ns: ns,
-  media: _index2.media,
-  pad: pad,
-  rdf: rdf,
-  store: _logic.store,
-  style: style,
-  utils: utils,
-  widgets: widgets
-};
-var dom = UI.dom || window.document; // const kb = UI.store
+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); }
 
-var messageBodyStyle = UI.style.messageBodyStyle;
-var label = UI.utils.label;
+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; }
+
+var dom = window.document;
+var messageBodyStyle = style.messageBodyStyle;
+var label = utils.label;
 /**
  * HTML component for an image
  */
@@ -73,14 +69,14 @@ function elementForImageURI(imageUri, options) {
     height = ('' + options.inlineImageHeightEms).trim();
   }
 
-  img.setAttribute('style', 'max-height: ' + height + 'em; border-radius: 1em; margin: 0.7em;'); // UI.widgets.makeDropTarget(img, handleURIsDroppedOnMugshot, droppedFileHandler)
+  img.setAttribute('style', 'max-height: ' + height + 'em; border-radius: 1em; margin: 0.7em;'); // widgets.makeDropTarget(img, handleURIsDroppedOnMugshot, droppedFileHandler)
 
   if (imageUri) img.setAttribute('src', imageUri);
   var anchor = dom.createElement('a');
   anchor.setAttribute('href', imageUri);
   anchor.setAttribute('target', 'images');
   anchor.appendChild(img);
-  UI.widgets.makeDraggable(img, $rdf.sym(imageUri));
+  widgets.makeDraggable(img, $rdf.sym(imageUri));
   return anchor;
 }
 
@@ -90,7 +86,7 @@ var anchor = function anchor(text, term) {
 
   if (term && term.uri) {
     a.setAttribute('href', term.uri);
-    a.addEventListener('click', UI.widgets.openHrefInOutlineMode, true);
+    a.addEventListener('click', widgets.openHrefInOutlineMode, true);
     a.setAttribute('style', 'color: #3B5998; text-decoration: none; '); // font-weight: bold
   }
 
@@ -99,7 +95,8 @@ var anchor = function anchor(text, term) {
 };
 
 function nick(person) {
-  var s = UI.store.any(person, UI.ns.foaf('nick'));
+  var s = _solidLogic.store.any(person, ns.foaf('nick'));
+
   if (s) return '' + s.value;
   return '' + label(person);
 }
@@ -113,7 +110,7 @@ function creatorAndDate(td1, creator, date, message) {
   var nickAnchor = td1.appendChild(anchor(nick(creator), creator));
 
   if (creator.uri) {
-    UI.store.fetcher.nowOrWhenFetched(creator.doc(), undefined, function (_ok, _body) {
+    _solidLogic.store.fetcher.nowOrWhenFetched(creator.doc(), undefined, function (_ok, _body) {
       nickAnchor.textContent = nick(creator);
     });
   }
@@ -131,7 +128,7 @@ function creatorAndDateHorizontal(td1, creator, date, message) {
   var nickAnchor = td1.appendChild(anchor(label(creator), creator));
 
   if (creator.uri) {
-    UI.store.fetcher.nowOrWhenFetched(creator.doc(), undefined, function (_ok, _body) {
+    _solidLogic.store.fetcher.nowOrWhenFetched(creator.doc(), undefined, function (_ok, _body) {
       nickAnchor.textContent = nick(creator);
     });
   }
@@ -142,65 +139,54 @@ function creatorAndDateHorizontal(td1, creator, date, message) {
   td1.appendChild(dom.createElement('br'));
 }
 /**
- * Renders a chat message inside a `messageTable`
+ * Renders a chat message, read-only mode
  */
 
 
-function renderMessage(messageTable, bindings, fresh, options, userContext) {
+function renderMessageRow(channelObject, message, fresh, options, userContext) {
   var colorizeByAuthor = options.colorizeByAuthor === '1' || options.colorizeByAuthor === true;
-  var creator = bindings['?creator'];
-  var message = bindings['?msg'];
-  var date = bindings['?date'];
-  var content = bindings['?content'];
-  var dateString = date.value;
-  var messageRow = dom.createElement('tr');
-  messageRow.AJAR_date = dateString;
-  messageRow.AJAR_subject = message;
 
-  if (options.selectedMessage && options.selectedMessage.sameTerm(message)) {
-    messageRow.style.backgroundColor = 'yellow';
-    options.selectedElement = messageRow;
-    messageTable.selectedElement = messageRow;
-  }
+  var creator = _solidLogic.store.any(message, ns.foaf('maker'));
 
-  var done = false;
+  var date = _solidLogic.store.any(message, ns.dct('created'));
 
-  for (var ele = messageTable.firstChild;; ele = ele.nextSibling) {
-    if (!ele) {
-      // empty
-      break;
-    }
+  var latestVersion = (0, _chatLogic.mostRecentVersion)(message);
 
-    var newestFirst = options.newestfirst === true;
+  var content = _solidLogic.store.any(latestVersion, ns.sioc('content'));
 
-    if (dateString > ele.AJAR_date && newestFirst || dateString < ele.AJAR_date && !newestFirst) {
-      messageTable.insertBefore(messageRow, ele);
-      done = true;
-      break;
-    }
-  }
+  var originalMessage = (0, _chatLogic.originalVersion)(message);
+  var edited = !message.sameTerm(originalMessage);
+
+  var sortDate = _solidLogic.store.the(originalMessage, ns.dct('created'), null, originalMessage.doc()); // In message
 
-  if (!done) {
-    messageTable.appendChild(messageRow);
-  }
 
+  var messageRow = dom.createElement('tr');
+  messageRow.AJAR_date = sortDate.value;
+  messageRow.AJAR_subject = message;
   var td1 = dom.createElement('td');
   messageRow.appendChild(td1);
 
-  if (options.authorAboveContent) {
+  if (!options.authorDateOnLeft) {
     var img = dom.createElement('img');
     img.setAttribute('style', 'max-height: 2.5em; max-width: 2.5em; border-radius: 0.5em; margin: auto;');
-    UI.widgets.setImage(img, creator);
+    widgets.setImage(img, creator);
     td1.appendChild(img);
   } else {
-    creatorAndDate(td1, creator, UI.widgets.shortDate(dateString), message);
+    creatorAndDate(td1, creator, widgets.shortDate(sortDate.value), message);
+  }
+
+  var bothDates = widgets.shortDate(sortDate.value);
+
+  if (edited) {
+    bothDates += ' ... ' + widgets.shortDate(date.value);
   } // Render the content ot the message itself
 
 
   var td2 = messageRow.appendChild(dom.createElement('td'));
 
-  if (options.authorAboveContent) {
-    creatorAndDateHorizontal(td2, creator, UI.widgets.shortDate(dateString), message);
+  if (!options.authorDateOnLeft) {
+    creatorAndDateHorizontal(td2, creator, bothDates, // widgets.shortDate(dateString)
+    message);
   }
 
   var text = content.value.trim();
@@ -230,7 +216,7 @@ function renderMessage(messageTable, bindings, fresh, options, userContext) {
   }
 
   if (para) {
-    var bgcolor = colorizeByAuthor ? UI.pad.lightColorHash(creator) : getBgColor(fresh);
+    var bgcolor = colorizeByAuthor ? pad.lightColorHash(creator) : getBgColor(fresh);
     para.setAttribute('style', messageBodyStyle + 'background-color: ' + bgcolor + ';');
   }
 
@@ -249,7 +235,7 @@ function renderMessage(messageTable, bindings, fresh, options, userContext) {
 
   var td3 = dom.createElement('td');
   messageRow.appendChild(td3);
-  var toolsButton = UI.widgets.button(dom, UI.icons.iconBase + 'noun_243787.svg', '...');
+  var toolsButton = widgets.button(dom, _iconBase.icons.iconBase + 'noun_243787.svg', '...');
   td3.appendChild(toolsButton);
   toolsButton.addEventListener('click', function (_event) {
     if (messageRow.toolTR) {
@@ -260,7 +246,7 @@ function renderMessage(messageTable, bindings, fresh, options, userContext) {
     }
 
     var toolsTR = dom.createElement('tr');
-    var tools = (0, _messageTools.messageToolbar)(message, messageRow, userContext);
+    var tools = (0, _messageTools.messageToolbar)(message, messageRow, userContext, channelObject);
     tools.style = 'border: 0.05em solid #888; border-radius: 0 0 0.7em 0.7em;  border-top: 0; height:3.5em; background-color: #fff;'; // @@ fix
 
     if (messageRow.nextSibling) {
@@ -279,4 +265,388 @@ function renderMessage(messageTable, bindings, fresh, options, userContext) {
   });
   return messageRow;
 }
+
+function switchToEditor(messageRow, message, channelObject, userContext) {
+  var messageTable = messageRow.parentNode;
+  var editRow = renderMessageEditor(channelObject, messageTable, userContext, channelObject.options, (0, _chatLogic.mostRecentVersion)(message));
+  messageTable.insertBefore(editRow, messageRow);
+  editRow.originalRow = messageRow;
+  messageRow.style.visibility = 'hidden'; // Hide the original message. unhide if user cancels edit
+}
+/*       Control for a new message -- or editing an old message ***************
+ *
+ */
+
+
+function renderMessageEditor(channelObject, messageTable, userContext, options, originalMessage) {
+  function revertEditing(messageEditor) {
+    messageEditor.originalRow.style.visibility = 'visible'; // restore read-only version
+
+    messageEditor.parentNode.removeChild(messageEditor);
+  }
+
+  function handleFieldInput(_x) {
+    return _handleFieldInput.apply(this, arguments);
+  }
+
+  function _handleFieldInput() {
+    _handleFieldInput = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee5(_event) {
+      return _regenerator["default"].wrap(function _callee5$(_context6) {
+        while (1) {
+          switch (_context6.prev = _context6.next) {
+            case 0:
+              _context6.next = 2;
+              return sendMessage(field.value, true);
+
+            case 2:
+            case "end":
+              return _context6.stop();
+          }
+        }
+      }, _callee5);
+    }));
+    return _handleFieldInput.apply(this, arguments);
+  }
+
+  function sendMessage(_x2, _x3) {
+    return _sendMessage.apply(this, arguments);
+  } // sendMessage
+  //    DRAG AND DROP
+
+
+  function _sendMessage() {
+    _sendMessage = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee6(text, fromMainField) {
+      var sendComplete, message, statusArea;
+      return _regenerator["default"].wrap(function _callee6$(_context7) {
+        while (1) {
+          switch (_context7.prev = _context7.next) {
+            case 0:
+              sendComplete = function _sendComplete(message, _text2) {
+                // const dateStamp = store.any(message, ns.dct('created'), null, message.doc())
+                // const content = $rdf.literal(text2)
+                (0, _infinite.insertMessageIntoTable)(channelObject, messageTable, message, false, options, userContext); // not green
+
+                if (originalMessage) {
+                  // editing another message
+                  var oldRow = messageEditor.originalRow; // oldRow.style.display = '' // restore read-only version, re-attack
+
+                  if (oldRow.parentNode) {
+                    oldRow.parentNode.removeChild(oldRow); // No longer needed old version
+                  } else {
+                    debug.warn('No parentNode on old message ' + oldRow.textContent);
+                    oldRow.style.backgroundColor = '#fee';
+                    oldRow.style.visibility = 'hidden'; // @@ FIX THIS AND REMOVE FROM DOM INSTEAD
+                  }
+
+                  messageEditor.parentNode.removeChild(messageEditor); // no longer need editor
+                } else {
+                  if (fromMainField) {
+                    field.value = ''; // clear from out for reuse
+
+                    field.setAttribute('style', messageBodyStyle);
+                    field.disabled = false;
+                    field.scrollIntoView(options.newestFirst); // allign bottom (top)
+
+                    field.focus(); // Start typing next line immediately
+
+                    field.select();
+                  }
+                } // await channelObject.div.refresh() // Add new day if nec  @@ add back
+
+              };
+
+              // const me = authn.currentUser() // Must be logged on or wuld have got login button
+              if (fromMainField) {
+                field.setAttribute('style', messageBodyStyle + 'color: #bbb;'); // pendingedit
+
+                field.disabled = true;
+              }
+
+              _context7.prev = 2;
+              _context7.next = 5;
+              return channelObject.updateMessage(text, originalMessage);
+
+            case 5:
+              message = _context7.sent;
+              _context7.next = 13;
+              break;
+
+            case 8:
+              _context7.prev = 8;
+              _context7.t0 = _context7["catch"](2);
+              statusArea = userContext.statusArea || messageEditor;
+              statusArea.appendChild(widgets.errorMessageBlock(dom, 'Error writing message: ' + _context7.t0));
+              return _context7.abrupt("return");
+
+            case 13:
+              sendComplete(message, text);
+
+            case 14:
+            case "end":
+              return _context7.stop();
+          }
+        }
+      }, _callee6, null, [[2, 8]]);
+    }));
+    return _sendMessage.apply(this, arguments);
+  }
+
+  function droppedFileHandler(files) {
+    var base = messageTable.chatDocument.dir().uri;
+    widgets.uploadFiles(_solidLogic.store.fetcher, files, base + 'Files', base + 'Pictures', /*#__PURE__*/function () {
+      var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(theFile, destURI) {
+        return _regenerator["default"].wrap(function _callee$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.next = 2;
+                return sendMessage(destURI);
+
+              case 2:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      return function (_x4, _x5) {
+        return _ref.apply(this, arguments);
+      };
+    }());
+  } // When a set of URIs are dropped on the field
+
+
+  var droppedURIHandler = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(uris) {
+      var _iterator, _step, uri;
+
+      return _regenerator["default"].wrap(function _callee2$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              _iterator = _createForOfIteratorHelper(uris);
+              _context3.prev = 1;
+
+              _iterator.s();
+
+            case 3:
+              if ((_step = _iterator.n()).done) {
+                _context3.next = 9;
+                break;
+              }
+
+              uri = _step.value;
+              _context3.next = 7;
+              return sendMessage(uri);
+
+            case 7:
+              _context3.next = 3;
+              break;
+
+            case 9:
+              _context3.next = 14;
+              break;
+
+            case 11:
+              _context3.prev = 11;
+              _context3.t0 = _context3["catch"](1);
+
+              _iterator.e(_context3.t0);
+
+            case 14:
+              _context3.prev = 14;
+
+              _iterator.f();
+
+              return _context3.finish(14);
+
+            case 17:
+            case "end":
+              return _context3.stop();
+          }
+        }
+      }, _callee2, null, [[1, 11, 14, 17]]);
+    }));
+
+    return function droppedURIHandler(_x6) {
+      return _ref2.apply(this, arguments);
+    };
+  }(); // When we are actually logged on
+
+
+  function turnOnInput() {
+    function getImageDoc() {
+      imageDoc = $rdf.sym(chatDocument.dir().uri + 'Image_' + Date.now() + '.png');
+      return imageDoc;
+    }
+
+    function tookPicture(_x7) {
+      return _tookPicture.apply(this, arguments);
+    } // Body of turnOnInput
+
+
+    function _tookPicture() {
+      _tookPicture = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4(imageDoc) {
+        return _regenerator["default"].wrap(function _callee4$(_context5) {
+          while (1) {
+            switch (_context5.prev = _context5.next) {
+              case 0:
+                if (!imageDoc) {
+                  _context5.next = 3;
+                  break;
+                }
+
+                _context5.next = 3;
+                return sendMessage(imageDoc.uri);
+
+              case 3:
+              case "end":
+                return _context5.stop();
+            }
+          }
+        }, _callee4);
+      }));
+      return _tookPicture.apply(this, arguments);
+    }
+
+    var menuButton;
+
+    if (options.menuHandler) {
+      var _menuButton = widgets.button(dom, _iconBase.icons.iconBase + 'noun_243787.svg', 'More');
+
+      _menuButton.setAttribute('style', style.buttonStyle + 'float: right;'); // menuButton.addEventListener('click', _event => sendMessage(), false) (done in turnoninput)
+
+
+      rhs.appendChild(_menuButton);
+    }
+
+    if (options.menuHandler && menuButton) {
+      var _me = _solidLogic.authn.currentUser();
+
+      var menuOptions = {
+        me: _me,
+        dom: dom,
+        div: null,
+        // @@ was: div
+        newBase: messageTable.chatDocument.dir().uri
+      };
+      menuButton.addEventListener('click', function (event) {
+        options.menuHandler(event, channelObject.chatChannel, menuOptions);
+      }, false);
+    }
+
+    var me = _solidLogic.authn.currentUser(); // If already logged on
+
+
+    creatorAndDate(lhs, me, '', null);
+    field = dom.createElement('textarea');
+    middle.innerHTML = '';
+    middle.appendChild(field);
+    field.rows = 3;
+
+    if (originalMessage) {
+      field.value = _solidLogic.store.anyValue(originalMessage, ns.sioc('content'), null, originalMessage.doc());
+    } // field.cols = 40
+
+
+    field.setAttribute('style', messageBodyStyle + 'background-color: #eef;'); // Trap the Enter BEFORE it is used ti make a newline
+
+    field.addEventListener('keydown', /*#__PURE__*/function () {
+      var _ref3 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3(e) {
+        return _regenerator["default"].wrap(function _callee3$(_context4) {
+          while (1) {
+            switch (_context4.prev = _context4.next) {
+              case 0:
+                if (!(e.code === 'Enter')) {
+                  _context4.next = 4;
+                  break;
+                }
+
+                if (!(!e.shiftKey && !options.shiftEnterSendsMessage || e.shiftKey && options.shiftEnterSendsMessage)) {
+                  _context4.next = 4;
+                  break;
+                }
+
+                _context4.next = 4;
+                return handleFieldInput(e);
+
+              case 4:
+              case "end":
+                return _context4.stop();
+            }
+          }
+        }, _callee3);
+      }));
+
+      return function (_x8) {
+        return _ref3.apply(this, arguments);
+      };
+    }(), false);
+    widgets.makeDropTarget(field, droppedURIHandler, droppedFileHandler);
+    rhs.innerHTML = '';
+    sendButton = widgets.button(dom, sendIcon, 'Send');
+    sendButton.style["float"] = 'right';
+    sendButton.addEventListener('click', function (_event) {
+      return handleFieldInput();
+    }, false);
+    rhs.appendChild(sendButton);
+
+    if (originalMessage) {
+      // Are we editing another message?
+      var cancelButton = rhs.appendChild(widgets.cancelButton(dom));
+      cancelButton.style["float"] = 'left'; // cancelButton.firstChild.style.opacity = '0.3' // moved to buttons
+
+      cancelButton.addEventListener('click', function (_event) {
+        return revertEditing(messageEditor);
+      }, false);
+      rhs.appendChild(cancelButton);
+    }
+
+    var chatDocument = channelObject.dateFolder.leafDocumentFromDate(new Date());
+    var imageDoc;
+    middle.appendChild(_index.media.cameraButton(dom, _solidLogic.store, getImageDoc, tookPicture));
+    pad.recordParticipation(channelObject.channel, channelObject.channel.doc()); // participation =
+  } // turn on inpuut
+  // Body of renderMessageEditor
+
+
+  var sortDate, sendIcon;
+
+  if (originalMessage) {
+    sortDate = _solidLogic.store.anyValue(originalMessage, ns.dct('created'), null, originalMessage.doc()); // text = store.anyValue(originalMessage, ns.sioc('content'), null, originalMessage.doc())
+
+    sendIcon = _iconBase.icons.iconBase + 'noun_1180158.svg'; // Green check
+    // cancelIcon = icons.iconBase + 'noun_1180156.svg' // Black cross
+  } else {
+    sendIcon = _iconBase.icons.iconBase + 'noun_383448.svg';
+    sortDate = '9999-01-01T00:00:00Z'; // ISO format for field sort
+    // text = ''
+  }
+
+  var messageEditor = dom.createElement('tr');
+  var lhs = dom.createElement('td');
+  var middle = dom.createElement('td');
+  var rhs = dom.createElement('td');
+  messageEditor.appendChild(lhs);
+  messageEditor.appendChild(middle);
+  messageEditor.appendChild(rhs);
+  messageEditor.AJAR_date = sortDate; // messageEditor.appendChild(dom.createElement('br'))
+
+  var field, sendButton;
+  var context = {
+    div: middle,
+    dom: dom
+  };
+
+  _solidLogic.authn.logIn(context).then(function (context) {
+    // me = context.me
+    turnOnInput();
+    Object.assign(context, userContext);
+    (0, _bookmarks.findBookmarkDocument)(context).then(function (_context) {// console.log('Bookmark file: ' + context.bookmarkDocument)
+    });
+  });
+
+  return messageEditor;
+} // renderMessageEditor
 //# sourceMappingURL=message.js.map