solid-ui 2.4.14-46ae8b5d → 2.4.14-alpha

package/lib/acl/add-agent-buttons.js

@@ -1,541 +1,344 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AddAgentButtons = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _iconBase = require("../iconBase");
-
-var widgets = _interopRequireWildcard(require("../widgets"));
-
-var ns = _interopRequireWildcard(require("../ns"));
-
-var _authn = require("../authn/authn");
-
-var utils = _interopRequireWildcard(require("../utils"));
-
-var debug = _interopRequireWildcard(require("../debug"));
-
-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; }
-
 /**
  * Contains the [[AddAgentButtons]] class
  * @packageDocumentation
  */
-
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AddAgentButtons = void 0;
+var iconBase_1 = require("../iconBase");
+var widgets = __importStar(require("../widgets"));
+var ns = __importStar(require("../ns"));
+var authn_1 = require("../authn/authn");
+var utils = __importStar(require("../utils"));
+var debug = __importStar(require("../debug"));
 /**
  * Renders the Sharing pane's "+" button and the menus behind it,
  * see https://github.com/solid/userguide/blob/main/views/sharing/userguide.md#add
  */
-var AddAgentButtons = /*#__PURE__*/function () {
-  function AddAgentButtons(groupList) {
-    (0, _classCallCheck2["default"])(this, AddAgentButtons);
-    this.groupList = groupList;
-    (0, _defineProperty2["default"])(this, "rootElement", void 0);
-    (0, _defineProperty2["default"])(this, "barElement", void 0);
-    (0, _defineProperty2["default"])(this, "isExpanded", false);
-    this.rootElement = groupList.controller.dom.createElement('div');
-    this.barElement = groupList.controller.dom.createElement('div');
-  }
-
-  (0, _createClass2["default"])(AddAgentButtons, [{
-    key: "render",
-    value: function render() {
-      this.rootElement.innerHTML = '';
-      this.rootElement.appendChild(this.renderAddButton());
-      this.rootElement.appendChild(this.barElement);
-      return this.rootElement;
+var AddAgentButtons = /** @class */ (function () {
+    function AddAgentButtons(groupList) {
+        this.groupList = groupList;
+        this.isExpanded = false;
+        this.rootElement = groupList.controller.dom.createElement('div');
+        this.barElement = groupList.controller.dom.createElement('div');
     }
-  }, {
-    key: "renderAddButton",
-    value: function renderAddButton() {
-      var _this = this;
-
-      return widgets.button(this.groupList.controller.dom, "".concat(_iconBase.icons.iconBase, "noun_34653_green.svg"), 'Add ...', function () {
-        _this.toggleBar();
-
-        _this.renderBar();
-      });
-    }
-  }, {
-    key: "renderBar",
-    value: function renderBar() {
-      this.barElement.innerHTML = '';
-
-      if (!this.isExpanded) {
-        return;
-      }
-
-      this.barElement.appendChild(this.renderPersonButton());
-      this.barElement.appendChild(this.renderGroupButton());
-      this.barElement.appendChild(this.renderPublicButton());
-      this.barElement.appendChild(this.renderAuthenticatedAgentButton());
-      this.barElement.appendChild(this.renderBotButton());
-      this.barElement.appendChild(this.renderAppsButton());
-    }
-  }, {
-    key: "renderSimplifiedBar",
-    value: function renderSimplifiedBar(button) {
-      var _this2 = this;
-
-      Array.from(this.barElement.children).filter(function (element) {
-        return element !== button;
-      }).forEach(function (element) {
-        return _this2.barElement.removeChild(element);
-      });
-    }
-  }, {
-    key: "renderPersonButton",
-    value: function renderPersonButton() {
-      var _this3 = this;
-
-      return widgets.button(this.groupList.controller.dom, _iconBase.icons.iconBase + widgets.iconForClass['vcard:Individual'], 'Add Person', function (event) {
-        _this3.renderSimplifiedBar(event.target);
-
-        _this3.renderNameForm(ns.vcard('Individual'), 'person').then(function (name) {
-          return _this3.addPerson(name);
-        }).then(function () {
-          return _this3.renderCleanup();
-        })["catch"](function (error) {
-          return _this3.groupList.controller.renderStatus(error);
+    AddAgentButtons.prototype.render = function () {
+        this.rootElement.innerHTML = '';
+        this.rootElement.appendChild(this.renderAddButton());
+        this.rootElement.appendChild(this.barElement);
+        return this.rootElement;
+    };
+    AddAgentButtons.prototype.renderAddButton = function () {
+        var _this = this;
+        return widgets.button(this.groupList.controller.dom, "".concat(iconBase_1.icons.iconBase, "noun_34653_green.svg"), 'Add ...', function () {
+            _this.toggleBar();
+            _this.renderBar();
         });
-      });
-    }
-  }, {
-    key: "renderGroupButton",
-    value: function renderGroupButton() {
-      var _this4 = this;
-
-      return widgets.button(this.groupList.controller.dom, _iconBase.icons.iconBase + widgets.iconForClass['vcard:Group'], 'Add Group', function (event) {
-        _this4.renderSimplifiedBar(event.target);
-
-        _this4.renderNameForm(ns.vcard('Group'), 'group').then(function (name) {
-          return _this4.addGroup(name);
-        }).then(function () {
-          return _this4.renderCleanup();
-        })["catch"](function (error) {
-          return _this4.groupList.controller.renderStatus(error);
+    };
+    AddAgentButtons.prototype.renderBar = function () {
+        this.barElement.innerHTML = '';
+        if (!this.isExpanded) {
+            return;
+        }
+        this.barElement.appendChild(this.renderPersonButton());
+        this.barElement.appendChild(this.renderGroupButton());
+        this.barElement.appendChild(this.renderPublicButton());
+        this.barElement.appendChild(this.renderAuthenticatedAgentButton());
+        this.barElement.appendChild(this.renderBotButton());
+        this.barElement.appendChild(this.renderAppsButton());
+    };
+    AddAgentButtons.prototype.renderSimplifiedBar = function (button) {
+        var _this = this;
+        Array.from(this.barElement.children)
+            .filter(function (element) { return element !== button; })
+            .forEach(function (element) { return _this.barElement.removeChild(element); });
+    };
+    AddAgentButtons.prototype.renderPersonButton = function () {
+        var _this = this;
+        return widgets.button(this.groupList.controller.dom, iconBase_1.icons.iconBase + widgets.iconForClass['vcard:Individual'], 'Add Person', function (event) {
+            _this.renderSimplifiedBar(event.target);
+            _this.renderNameForm(ns.vcard('Individual'), 'person')
+                .then(function (name) { return _this.addPerson(name); })
+                .then(function () { return _this.renderCleanup(); })
+                .catch(function (error) { return _this.groupList.controller.renderStatus(error); });
         });
-      });
-    }
-  }, {
-    key: "renderNameForm",
-    value: function renderNameForm(type, noun) {
-      return widgets.askName(this.groupList.controller.dom, this.groupList.store, this.barElement, ns.vcard('URI'), type, noun);
-    }
-  }, {
-    key: "renderPublicButton",
-    value: function renderPublicButton() {
-      var _this5 = this;
-
-      return widgets.button(this.groupList.controller.dom, _iconBase.icons.iconBase + widgets.iconForClass['foaf:Agent'], 'Add Everyone', function () {
-        return _this5.addAgent(ns.foaf('Agent').uri).then(function () {
-          return _this5.groupList.controller.renderTemporaryStatus('Adding the general public to those who can read. Drag the globe to a different level to give them more access.');
-        }).then(function () {
-          return _this5.renderCleanup();
-        });
-      });
-    }
-  }, {
-    key: "renderAuthenticatedAgentButton",
-    value: function renderAuthenticatedAgentButton() {
-      var _this6 = this;
-
-      return widgets.button(this.groupList.controller.dom, "".concat(_iconBase.icons.iconBase, "noun_99101.svg"), 'Anyone logged In', function () {
-        return _this6.addAgent(ns.acl('AuthenticatedAgent').uri).then(function () {
-          return _this6.groupList.controller.renderTemporaryStatus('Adding anyone logged in to those who can read. Drag the ID icon to a different level to give them more access.');
-        }).then(function () {
-          return _this6.renderCleanup();
-        });
-      });
-    }
-  }, {
-    key: "renderBotButton",
-    value: function renderBotButton() {
-      var _this7 = this;
-
-      return widgets.button(this.groupList.controller.dom, _iconBase.icons.iconBase + 'noun_Robot_849764.svg', 'A Software Agent (bot)', function (event) {
-        _this7.renderSimplifiedBar(event.target);
-
-        _this7.renderNameForm(ns.schema('Application'), 'bot').then(function (name) {
-          return _this7.addBot(name);
-        }).then(function () {
-          return _this7.renderCleanup();
+    };
+    AddAgentButtons.prototype.renderGroupButton = function () {
+        var _this = this;
+        return widgets.button(this.groupList.controller.dom, iconBase_1.icons.iconBase + widgets.iconForClass['vcard:Group'], 'Add Group', function (event) {
+            _this.renderSimplifiedBar(event.target);
+            _this.renderNameForm(ns.vcard('Group'), 'group')
+                .then(function (name) { return _this.addGroup(name); })
+                .then(function () { return _this.renderCleanup(); })
+                .catch(function (error) { return _this.groupList.controller.renderStatus(error); });
         });
-      });
-    }
-  }, {
-    key: "renderAppsButton",
-    value: function renderAppsButton() {
-      var _this8 = this;
-
-      return widgets.button(this.groupList.controller.dom, "".concat(_iconBase.icons.iconBase, "noun_15177.svg"), 'A Web App (origin)', function (event) {
-        _this8.renderSimplifiedBar(event.target);
-
-        var eventContext = {
-          div: _this8.barElement,
-          dom: _this8.groupList.controller.dom
-        };
-
-        var existingApps = _this8.renderAppsTable(eventContext)["catch"](function (error) {
-          return _this8.groupList.controller.renderStatus(error);
-        });
-
-        _this8.renderAppsView();
-
-        var newApp = _this8.renderNameForm(ns.schema('WebApplication'), 'webapp domain').then(function (name) {
-          return _this8.getOriginFromName(name);
-        });
-
-        Promise.race([existingApps, newApp]).then(function (origin) {
-          if (origin) {
-            _this8.groupList.addNewURI(origin);
-          }
-        }).then(function () {
-          return _this8.renderCleanup();
-        });
-      });
-    }
-  }, {
-    key: "renderAppsView",
-    value: function renderAppsView() {
-      var _this9 = this;
-
-      var trustedApplications = this.groupList.controller.context.session.paneRegistry.byName('trustedApplications');
-
-      if (trustedApplications) {
-        var trustedApplicationsElement = trustedApplications.render(null, this.groupList.controller.context);
-        trustedApplicationsElement.classList.add(this.groupList.controller.classes.trustedAppController);
-        var cancelButton = widgets.cancelButton(this.groupList.controller.dom, function () {
-          return _this9.renderCleanup();
+    };
+    AddAgentButtons.prototype.renderNameForm = function (type, noun) {
+        return widgets.askName(this.groupList.controller.dom, this.groupList.store, this.barElement, ns.vcard('URI'), type, noun);
+    };
+    AddAgentButtons.prototype.renderPublicButton = function () {
+        var _this = this;
+        return widgets.button(this.groupList.controller.dom, iconBase_1.icons.iconBase + widgets.iconForClass['foaf:Agent'], 'Add Everyone', function () { return _this.addAgent(ns.foaf('Agent').uri)
+            .then(function () { return _this.groupList.controller.renderTemporaryStatus('Adding the general public to those who can read. Drag the globe to a different level to give them more access.'); })
+            .then(function () { return _this.renderCleanup(); }); });
+    };
+    AddAgentButtons.prototype.renderAuthenticatedAgentButton = function () {
+        var _this = this;
+        return widgets.button(this.groupList.controller.dom, "".concat(iconBase_1.icons.iconBase, "noun_99101.svg"), 'Anyone logged In', function () { return _this.addAgent(ns.acl('AuthenticatedAgent').uri)
+            .then(function () { return _this.groupList.controller.renderTemporaryStatus('Adding anyone logged in to those who can read. Drag the ID icon to a different level to give them more access.'); })
+            .then(function () { return _this.renderCleanup(); }); });
+    };
+    AddAgentButtons.prototype.renderBotButton = function () {
+        var _this = this;
+        return widgets.button(this.groupList.controller.dom, iconBase_1.icons.iconBase + 'noun_Robot_849764.svg', 'A Software Agent (bot)', function (event) {
+            _this.renderSimplifiedBar(event.target);
+            _this.renderNameForm(ns.schema('Application'), 'bot')
+                .then(function (name) { return _this.addBot(name); })
+                .then(function () { return _this.renderCleanup(); });
         });
-        cancelButton.classList.add(this.groupList.controller.classes.trustedAppCancelButton);
-        trustedApplicationsElement.insertBefore(cancelButton, trustedApplicationsElement.firstChild);
-        this.barElement.appendChild(trustedApplicationsElement);
-      }
-    }
-  }, {
-    key: "renderAppsTable",
-    value: function () {
-      var _renderAppsTable = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(eventContext) {
-        var _this10 = this;
-
-        var trustedApps, trustedOrigins;
-        return _regenerator["default"].wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _context.next = 2;
-                return (0, _authn.logInLoadProfile)(eventContext);
-
-              case 2:
-                trustedApps = this.groupList.store.each(eventContext.me, ns.acl('trustedApp')); // @@ TODO fix as
-
-                trustedOrigins = trustedApps.flatMap(function (app) {
-                  return _this10.groupList.store.each(app, ns.acl('origin'));
-                }); // @@ TODO fix as
-
-                this.barElement.appendChild(this.groupList.controller.dom.createElement('p')).textContent = "You have ".concat(trustedOrigins.length, " selected web apps.");
-                return _context.abrupt("return", new Promise(function (resolve, reject) {
-                  var appsTable = _this10.barElement.appendChild(_this10.groupList.controller.dom.createElement('table'));
-
-                  appsTable.classList.add(_this10.groupList.controller.classes.trustedAppAddApplicationsTable);
-                  trustedApps.forEach(function (app) {
-                    var origin = _this10.groupList.store.any(app, ns.acl('origin')); // @@ TODO fix as
-
-
-                    // @@ TODO fix as
-                    if (!origin) {
-                      reject(new Error("Unable to pick app: ".concat(app.value)));
-                    }
-
-                    var thingTR = widgets.personTR(_this10.groupList.controller.dom, ns.acl('origin'), origin, {});
-
-                    var innerTable = _this10.groupList.controller.dom.createElement('table');
-
-                    var innerRow = innerTable.appendChild(_this10.groupList.controller.dom.createElement('tr'));
-                    var innerLeftColumn = innerRow.appendChild(_this10.groupList.controller.dom.createElement('td'));
-                    innerLeftColumn.appendChild(thingTR);
-                    var innerMiddleColumn = innerRow.appendChild(_this10.groupList.controller.dom.createElement('td'));
-                    innerMiddleColumn.textContent = "Give access to ".concat(_this10.groupList.controller.noun, " ").concat(utils.label(_this10.groupList.controller.subject), "?");
-                    var innerRightColumn = innerRow.appendChild(_this10.groupList.controller.dom.createElement('td'));
-                    innerRightColumn.appendChild(widgets.continueButton(_this10.groupList.controller.dom, function () {
-                      return resolve(origin.value);
-                    }));
-                    appsTable.appendChild(innerTable);
-                  });
-                }));
-
-              case 6:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, this);
-      }));
-
-      function renderAppsTable(_x) {
-        return _renderAppsTable.apply(this, arguments);
-      }
-
-      return renderAppsTable;
-    }()
-  }, {
-    key: "renderCleanup",
-    value: function renderCleanup() {
-      this.renderBar();
-      this.groupList.render();
-    }
-  }, {
-    key: "addPerson",
-    value: function () {
-      var _addPerson = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(name) {
-        var domainNameRegexp;
-        return _regenerator["default"].wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                if (name) {
-                  _context2.next = 2;
-                  break;
+    };
+    AddAgentButtons.prototype.renderAppsButton = function () {
+        var _this = this;
+        return widgets.button(this.groupList.controller.dom, "".concat(iconBase_1.icons.iconBase, "noun_15177.svg"), 'A Web App (origin)', function (event) {
+            _this.renderSimplifiedBar(event.target);
+            var eventContext = {
+                div: _this.barElement,
+                dom: _this.groupList.controller.dom
+            };
+            var existingApps = _this.renderAppsTable(eventContext)
+                .catch(function (error) { return _this.groupList.controller.renderStatus(error); });
+            _this.renderAppsView();
+            var newApp = _this.renderNameForm(ns.schema('WebApplication'), 'webapp domain')
+                .then(function (name) { return _this.getOriginFromName(name); });
+            Promise.race([
+                existingApps,
+                newApp
+            ])
+                .then(function (origin) {
+                if (origin) {
+                    _this.groupList.addNewURI(origin);
                 }
-
-                return _context2.abrupt("return", this.toggleBar());
-
-              case 2:
-                // user cancelled
-                domainNameRegexp = /^https?:/i;
-
-                if (name.match(domainNameRegexp)) {
-                  _context2.next = 5;
-                  break;
-                }
-
-                return _context2.abrupt("return", Promise.reject(new Error('Not a http URI')));
-
-              case 5:
-                // @@ check it actually is a person and has an owner who agrees they own it
-                debug.log("Adding to ACL person: ".concat(name));
-                _context2.next = 8;
-                return this.groupList.addNewURI(name);
-
-              case 8:
-                this.toggleBar();
-
-              case 9:
-              case "end":
-                return _context2.stop();
-            }
-          }
-        }, _callee2, this);
-      }));
-
-      function addPerson(_x2) {
-        return _addPerson.apply(this, arguments);
-      }
-
-      return addPerson;
-    }()
-  }, {
-    key: "addGroup",
-    value: function () {
-      var _addGroup = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3(name) {
-        var domainNameRegexp;
-        return _regenerator["default"].wrap(function _callee3$(_context3) {
-          while (1) {
-            switch (_context3.prev = _context3.next) {
-              case 0:
-                if (name) {
-                  _context3.next = 2;
-                  break;
+            })
+                .then(function () { return _this.renderCleanup(); });
+        });
+    };
+    AddAgentButtons.prototype.renderAppsView = function () {
+        var _this = this;
+        var trustedApplications = this.groupList.controller.context.session.paneRegistry.byName('trustedApplications');
+        if (trustedApplications) {
+            var trustedApplicationsElement = trustedApplications.render(null, this.groupList.controller.context);
+            trustedApplicationsElement.classList.add(this.groupList.controller.classes.trustedAppController);
+            var cancelButton = widgets.cancelButton(this.groupList.controller.dom, function () { return _this.renderCleanup(); });
+            cancelButton.classList.add(this.groupList.controller.classes.trustedAppCancelButton);
+            trustedApplicationsElement.insertBefore(cancelButton, trustedApplicationsElement.firstChild);
+            this.barElement.appendChild(trustedApplicationsElement);
+        }
+    };
+    AddAgentButtons.prototype.renderAppsTable = function (eventContext) {
+        return __awaiter(this, void 0, void 0, function () {
+            var trustedApps, trustedOrigins;
+            var _this = this;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, (0, authn_1.logInLoadProfile)(eventContext)];
+                    case 1:
+                        _a.sent();
+                        trustedApps = this.groupList.store.each(eventContext.me, ns.acl('trustedApp')) // @@ TODO fix as
+                        ;
+                        trustedOrigins = trustedApps.flatMap(function (app) { return _this.groupList.store.each(app, ns.acl('origin')); }) // @@ TODO fix as
+                        ;
+                        this.barElement.appendChild(this.groupList.controller.dom.createElement('p')).textContent = "You have ".concat(trustedOrigins.length, " selected web apps.");
+                        return [2 /*return*/, new Promise(function (resolve, reject) {
+                                var appsTable = _this.barElement.appendChild(_this.groupList.controller.dom.createElement('table'));
+                                appsTable.classList.add(_this.groupList.controller.classes.trustedAppAddApplicationsTable);
+                                trustedApps.forEach(function (app) {
+                                    var origin = _this.groupList.store.any(app, ns.acl('origin')); // @@ TODO fix as
+                                    if (!origin) {
+                                        reject(new Error("Unable to pick app: ".concat(app.value)));
+                                    }
+                                    var thingTR = widgets.personTR(_this.groupList.controller.dom, ns.acl('origin'), origin, {});
+                                    var innerTable = _this.groupList.controller.dom.createElement('table');
+                                    var innerRow = innerTable.appendChild(_this.groupList.controller.dom.createElement('tr'));
+                                    var innerLeftColumn = innerRow.appendChild(_this.groupList.controller.dom.createElement('td'));
+                                    innerLeftColumn.appendChild(thingTR);
+                                    var innerMiddleColumn = innerRow.appendChild(_this.groupList.controller.dom.createElement('td'));
+                                    innerMiddleColumn.textContent = "Give access to ".concat(_this.groupList.controller.noun, " ").concat(utils.label(_this.groupList.controller.subject), "?");
+                                    var innerRightColumn = innerRow.appendChild(_this.groupList.controller.dom.createElement('td'));
+                                    innerRightColumn.appendChild(widgets.continueButton(_this.groupList.controller.dom, function () { return resolve(origin.value); }));
+                                    appsTable.appendChild(innerTable);
+                                });
+                            })];
                 }
-
-                return _context3.abrupt("return", this.toggleBar());
-
-              case 2:
-                // user cancelled
-                domainNameRegexp = /^https?:/i;
-
-                if (name.match(domainNameRegexp)) {
-                  _context3.next = 5;
-                  break;
+            });
+        });
+    };
+    AddAgentButtons.prototype.renderCleanup = function () {
+        this.renderBar();
+        this.groupList.render();
+    };
+    AddAgentButtons.prototype.addPerson = function (name) {
+        return __awaiter(this, void 0, void 0, function () {
+            var domainNameRegexp;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!name)
+                            return [2 /*return*/, this.toggleBar()]; // user cancelled
+                        domainNameRegexp = /^https?:/i;
+                        if (!name.match(domainNameRegexp)) {
+                            // @@ enforce in user input live like a form element
+                            return [2 /*return*/, Promise.reject(new Error('Not a http URI'))];
+                        }
+                        // @@ check it actually is a person and has an owner who agrees they own it
+                        debug.log("Adding to ACL person: ".concat(name));
+                        return [4 /*yield*/, this.groupList.addNewURI(name)];
+                    case 1:
+                        _a.sent();
+                        this.toggleBar();
+                        return [2 /*return*/];
                 }
-
-                return _context3.abrupt("return", Promise.reject(new Error('Not a http URI')));
-
-              case 5:
-                // @@ check it actually is a group and has an owner who agrees they own it
-                debug.log('Adding to ACL group: ' + name);
-                _context3.next = 8;
-                return this.groupList.addNewURI(name);
-
-              case 8:
-                this.toggleBar();
-
-              case 9:
-              case "end":
-                return _context3.stop();
-            }
-          }
-        }, _callee3, this);
-      }));
-
-      function addGroup(_x3) {
-        return _addGroup.apply(this, arguments);
-      }
-
-      return addGroup;
-    }()
-  }, {
-    key: "addAgent",
-    value: function () {
-      var _addAgent = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4(agentUri) {
-        return _regenerator["default"].wrap(function _callee4$(_context4) {
-          while (1) {
-            switch (_context4.prev = _context4.next) {
-              case 0:
-                _context4.next = 2;
-                return this.groupList.addNewURI(agentUri);
-
-              case 2:
-                this.toggleBar();
-
-              case 3:
-              case "end":
-                return _context4.stop();
-            }
-          }
-        }, _callee4, this);
-      }));
-
-      function addAgent(_x4) {
-        return _addAgent.apply(this, arguments);
-      }
-
-      return addAgent;
-    }()
-  }, {
-    key: "addBot",
-    value: function () {
-      var _addBot = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee5(name) {
-        var domainNameRegexp;
-        return _regenerator["default"].wrap(function _callee5$(_context5) {
-          while (1) {
-            switch (_context5.prev = _context5.next) {
-              case 0:
-                if (name) {
-                  _context5.next = 2;
-                  break;
+            });
+        });
+    };
+    AddAgentButtons.prototype.addGroup = function (name) {
+        return __awaiter(this, void 0, void 0, function () {
+            var domainNameRegexp;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!name)
+                            return [2 /*return*/, this.toggleBar()]; // user cancelled
+                        domainNameRegexp = /^https?:/i;
+                        if (!name.match(domainNameRegexp)) {
+                            // @@ enforce in user input live like a form element
+                            return [2 /*return*/, Promise.reject(new Error('Not a http URI'))];
+                        }
+                        // @@ check it actually is a group and has an owner who agrees they own it
+                        debug.log('Adding to ACL group: ' + name);
+                        return [4 /*yield*/, this.groupList.addNewURI(name)];
+                    case 1:
+                        _a.sent();
+                        this.toggleBar();
+                        return [2 /*return*/];
                 }
-
-                return _context5.abrupt("return", this.toggleBar());
-
-              case 2:
-                // user cancelled
-                domainNameRegexp = /^https?:/i;
-
-                if (name.match(domainNameRegexp)) {
-                  _context5.next = 5;
-                  break;
+            });
+        });
+    };
+    AddAgentButtons.prototype.addAgent = function (agentUri) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.groupList.addNewURI(agentUri)];
+                    case 1:
+                        _a.sent();
+                        this.toggleBar();
+                        return [2 /*return*/];
                 }
-
-                return _context5.abrupt("return", Promise.reject(new Error('Not a http URI')));
-
-              case 5:
-                // @@ check it actually is a bot and has an owner who agrees they own it
-                debug.log('Adding to ACL bot: ' + name);
-                _context5.next = 8;
-                return this.groupList.addNewURI(name);
-
-              case 8:
-                this.toggleBar();
-
-              case 9:
-              case "end":
-                return _context5.stop();
-            }
-          }
-        }, _callee5, this);
-      }));
-
-      function addBot(_x5) {
-        return _addBot.apply(this, arguments);
-      }
-
-      return addBot;
-    }()
-  }, {
-    key: "getOriginFromName",
-    value: function () {
-      var _getOriginFromName = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee6(name) {
-        var domainNameRegexp, origin;
-        return _regenerator["default"].wrap(function _callee6$(_context6) {
-          while (1) {
-            switch (_context6.prev = _context6.next) {
-              case 0:
-                if (name) {
-                  _context6.next = 2;
-                  break;
+            });
+        });
+    };
+    AddAgentButtons.prototype.addBot = function (name) {
+        return __awaiter(this, void 0, void 0, function () {
+            var domainNameRegexp;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!name)
+                            return [2 /*return*/, this.toggleBar()]; // user cancelled
+                        domainNameRegexp = /^https?:/i;
+                        if (!name.match(domainNameRegexp)) {
+                            // @@ enforce in user input live like a form element
+                            return [2 /*return*/, Promise.reject(new Error('Not a http URI'))];
+                        }
+                        // @@ check it actually is a bot and has an owner who agrees they own it
+                        debug.log('Adding to ACL bot: ' + name);
+                        return [4 /*yield*/, this.groupList.addNewURI(name)];
+                    case 1:
+                        _a.sent();
+                        this.toggleBar();
+                        return [2 /*return*/];
                 }
-
-                return _context6.abrupt("return", Promise.resolve());
-
-              case 2:
-                // user cancelled
-                domainNameRegexp = /^([a-z0-9]+(-[a-z0-9]+)*\.)+[a-z]{2,}$/i; // https://www.oreilly.com/library/view/regular-expressions-cookbook/9781449327453/ch08s15.html
-
-                if (name.match(domainNameRegexp)) {
-                  _context6.next = 5;
-                  break;
+            });
+        });
+    };
+    AddAgentButtons.prototype.getOriginFromName = function (name) {
+        return __awaiter(this, void 0, void 0, function () {
+            var domainNameRegexp, origin;
+            return __generator(this, function (_a) {
+                if (!name)
+                    return [2 /*return*/, Promise.resolve()]; // user cancelled
+                domainNameRegexp = /^([a-z0-9]+(-[a-z0-9]+)*\.)+[a-z]{2,}$/i;
+                // https://www.oreilly.com/library/view/regular-expressions-cookbook/9781449327453/ch08s15.html
+                if (!name.match(domainNameRegexp)) {
+                    // @@ enforce in user input live like a form element
+                    return [2 /*return*/, Promise.reject(new Error('Not a domain name'))];
                 }
-
-                return _context6.abrupt("return", Promise.reject(new Error('Not a domain name')));
-
-              case 5:
                 origin = 'https://' + name;
                 debug.log('Adding to ACL origin: ' + origin);
                 this.toggleBar();
-                return _context6.abrupt("return", origin);
-
-              case 9:
-              case "end":
-                return _context6.stop();
-            }
-          }
-        }, _callee6, this);
-      }));
-
-      function getOriginFromName(_x6) {
-        return _getOriginFromName.apply(this, arguments);
-      }
-
-      return getOriginFromName;
-    }()
-  }, {
-    key: "toggleBar",
-    value: function toggleBar() {
-      this.isExpanded = !this.isExpanded;
-    }
-  }]);
-  return AddAgentButtons;
-}();
-
+                return [2 /*return*/, origin];
+            });
+        });
+    };
+    AddAgentButtons.prototype.toggleBar = function () {
+        this.isExpanded = !this.isExpanded;
+    };
+    return AddAgentButtons;
+}());
 exports.AddAgentButtons = AddAgentButtons;
 //# sourceMappingURL=add-agent-buttons.js.map