profile-pane 1.0.11 → 1.0.12

package/lib/CVCard.js

@@ -0,0 +1,58 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CVCard = void 0;
+var lit_html_1 = require("lit-html");
+var baseStyles_1 = require("./baseStyles");
+var style_map_js_1 = require("lit-html/directives/style-map.js");
+var styles = {
+    image: (0, style_map_js_1.styleMap)((0, baseStyles_1.fullWidth)()),
+    intro: (0, style_map_js_1.styleMap)(__assign(__assign({}, (0, baseStyles_1.textGray)()), (0, baseStyles_1.textCenter)())),
+    card: (0, style_map_js_1.styleMap)({}),
+    info: (0, style_map_js_1.styleMap)(__assign(__assign({}, (0, baseStyles_1.paddingSmall)()), (0, baseStyles_1.textLeft)())),
+};
+var CVCard = function (profileBasics, cvData) {
+    var rolesByType = cvData.rolesByType, skills = cvData.skills, languages = cvData.languages;
+    var nameStyle = (0, style_map_js_1.styleMap)(__assign(__assign({}, (0, baseStyles_1.heading)()), { 
+        // "text-decoration": "underline",
+        color: profileBasics.highlightColor }));
+    return (0, lit_html_1.html)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    <div style=", ">\n      <h3 style=", ">Bio</h3>\n      <div style=", ">", "</div>\n      <hr />\n      <div style=", ">", "</div>\n      <hr />\n      <div style=", ">", "</div>\n      <div style=", ">", "</div>\n      <div style=", ">", "</div>\n    </div>\n  "], ["\n    <div style=", ">\n      <h3 style=", ">Bio</h3>\n      <div style=", ">", "</div>\n      <hr />\n      <div style=", ">", "</div>\n      <hr />\n      <div style=", ">", "</div>\n      <div style=", ">", "</div>\n      <div style=", ">", "</div>\n    </div>\n  "])), styles.info, nameStyle, styles.info, renderRoles(rolesByType["CurrentRole"]), styles.info, renderRoles(rolesByType["PastRole"]), styles.info, renderRoles(rolesByType["FutureRole"]), styles.info, renderSkills(skills), styles.info, renderLanguages(languages));
+};
+exports.CVCard = CVCard;
+function renderRole(role) {
+    return role
+        ? (0, lit_html_1.html)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["<div style=\"margin-top: 0.3em; margin-bottom: 0.3em;\">\n        <b>", "</b>\n        <span>", "</span>\n        <span>", "</span>\n      </div> "], ["<div style=\"margin-top: 0.3em; margin-bottom: 0.3em;\">\n        <b>", "</b>\n        <span>", "</span>\n        <span>", "</span>\n      </div> "])), role.orgName, role.roleText, role.dates) : (0, lit_html_1.html)(templateObject_3 || (templateObject_3 = __makeTemplateObject([""], [""])));
+}
+function renderRoles(roles) {
+    return (0, lit_html_1.html)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["", "\n  ", " "], ["", "\n  ", " "])), renderRole(roles[0]), roles.length > 1 ? renderRoles(roles.slice(1)) : (0, lit_html_1.html)(templateObject_4 || (templateObject_4 = __makeTemplateObject([""], [""]))));
+}
+function renderSkill(skill) {
+    return skill
+        ? (0, lit_html_1.html)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["<div style=\"margin: 0.5em;\">\n        <p style=\"text-align: center;\">", "</p>\n      </div> "], ["<div style=\"margin: 0.5em;\">\n        <p style=\"text-align: center;\">", "</p>\n      </div> "])), skill) : (0, lit_html_1.html)(templateObject_7 || (templateObject_7 = __makeTemplateObject([""], [""])));
+}
+function renderSkills(skills) {
+    return (0, lit_html_1.html)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["", "\n  ", " "], ["", "\n  ", " "])), renderSkill(skills[0]), skills.length > 1 ? renderSkills(skills.slice(1)) : (0, lit_html_1.html)(templateObject_8 || (templateObject_8 = __makeTemplateObject([""], [""]))));
+}
+function renderLan(language) {
+    return language
+        ? (0, lit_html_1.html)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["<div style=\"margin: 0.5em;\">\n        <p style=\"text-align: center;\">", "</p>\n      </div> "], ["<div style=\"margin: 0.5em;\">\n        <p style=\"text-align: center;\">", "</p>\n      </div> "])), language) : (0, lit_html_1.html)(templateObject_11 || (templateObject_11 = __makeTemplateObject([""], [""])));
+}
+function renderLanguages(languages) {
+    return (0, lit_html_1.html)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["", "\n  ", " "], ["", "\n  ", " "])), renderLan(languages[0]), languages.length > 1 ? renderLanguages(languages.slice(1)) : (0, lit_html_1.html)(templateObject_12 || (templateObject_12 = __makeTemplateObject([""], [""]))));
+}
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;
+//# sourceMappingURL=CVCard.js.map

package/lib/CVCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CVCard.js","sourceRoot":"","sources":["../src/CVCard.ts"],"names":[],"mappings":"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"}

package/lib/CVPresenter.js

@@ -0,0 +1,104 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.presentCV = exports.datesAsText = exports.languageAsText = exports.skillAsText = exports.typesOfRole = void 0;
+var rdflib_1 = require("rdflib");
+var solid_ui_1 = require("solid-ui");
+var ORG = (0, rdflib_1.Namespace)('http://www.w3.org/ns/org#');
+exports.typesOfRole = ['PastRole', 'CurrentRole', 'FutureRole'];
+function skillAsText(store, sk) {
+    if (sk.termType === 'Literal')
+        return sk.value; // Not normal but allow this
+    var publicId = store.anyJS(sk, solid_ui_1.ns.solid('publicId'));
+    if (publicId) {
+        var name_1 = store.anyJS(publicId, solid_ui_1.ns.schema('name'));
+        if (name_1)
+            return name_1; // @@ check language and get name in diff language if necessary
+    }
+    var manual = store.anyJS(sk, solid_ui_1.ns.vcard('role'));
+    if (manual)
+        return manual;
+    return '¿¿¿ skill ???';
+}
+exports.skillAsText = skillAsText;
+function languageAsText(store, lan) {
+    if (lan.termType === 'Literal')
+        return lan.value; // Not normal but allow this
+    var publicId = store.anyJS(lan, solid_ui_1.ns.solid('publicId'));
+    if (publicId)
+        return solid_ui_1.utils.label(publicId, true); // @@ check language and get name in diff language if necessary
+    return '_';
+}
+exports.languageAsText = languageAsText;
+function datesAsText(startDate, endDate) {
+    return startDate ? '(' + startDate.value.slice(0, 4) + '-' +
+        (endDate ? endDate.value.slice(0, 4) : '') + ')'
+        : '';
+}
+exports.datesAsText = datesAsText;
+function getRolesByType(store, subject) {
+    var memberships = store.each(null, ORG('member'), subject, null);
+    var rolesByType = { PastRole: [], CurrentRole: [], FutureRole: [] };
+    for (var _i = 0, memberships_1 = memberships; _i < memberships_1.length; _i++) {
+        var membership = memberships_1[_i];
+        var orgHomePage = void 0, orgNameGiven = void 0, publicIdName = void 0, roleName = void 0, publicId 
+        // Things should have start dates but we will be very lenient in this view
+        = void 0;
+        // Things should have start dates but we will be very lenient in this view
+        var startDate = store.any(membership, solid_ui_1.ns.schema('startDate'));
+        var endDate = store.any(membership, solid_ui_1.ns.schema('endDate'));
+        var dates = datesAsText(startDate, endDate);
+        var organization = store.any(membership, ORG('organization'));
+        if (organization) {
+            orgNameGiven = store.anyJS(organization, solid_ui_1.ns.schema('name'));
+            orgHomePage = store.any(organization, solid_ui_1.ns.schema('uri'));
+            publicId = store.any(organization, solid_ui_1.ns.solid('publicId'));
+        }
+        if (publicId) {
+            publicIdName = store.anyJS(publicId, solid_ui_1.ns.schema('name'));
+        }
+        var orgName = publicIdName || orgNameGiven;
+        var escoRole = store.any(membership, ORG('role'));
+        if (escoRole) {
+            roleName = store.anyJS(escoRole, solid_ui_1.ns.schema('name'));
+        }
+        var roleText0 = store.anyJS(membership, solid_ui_1.ns.vcard('role'));
+        var roleText = (roleText0 && roleName) ? roleName + ' - ' + roleText0
+            : roleText0 || roleName;
+        var item = {
+            startDate: startDate,
+            endDate: endDate,
+            orgName: orgName,
+            roleText: roleText,
+            dates: dates,
+            orgHomePage: orgHomePage
+        };
+        for (var _a = 0, typesOfRole_1 = exports.typesOfRole; _a < typesOfRole_1.length; _a++) {
+            var t = typesOfRole_1[_a];
+            if (store.holds(membership, solid_ui_1.ns.rdf('type'), solid_ui_1.ns.solid(t))) {
+                rolesByType[t].push(item);
+            }
+        }
+    }
+    return rolesByType;
+}
+function presentCV(subject, store) {
+    var rolesByType = getRolesByType(store, subject);
+    // Most recent thing most relevant -> sort by end date
+    for (var _i = 0, typesOfRole_2 = exports.typesOfRole; _i < typesOfRole_2.length; _i++) {
+        var t = typesOfRole_2[_i];
+        rolesByType[t].sort(function (x, y) {
+            if (x.endDate && y.endDate) {
+                return x.endDate > y.endDate ? -1 : 1;
+            }
+            return x.startDate > y.startDate ? -1 : 1;
+        });
+    }
+    var skills = store.each(subject, solid_ui_1.ns.schema('skills')).map(function (sk) { return skillAsText(store, sk); });
+    var languagesInStore = store.anyJS(subject, solid_ui_1.ns.schema('knowsLanguage'));
+    var languages = [];
+    if (languagesInStore)
+        languages = languagesInStore.map(function (lan) { return languageAsText(store, lan); });
+    return { rolesByType: rolesByType, skills: skills, languages: languages };
+}
+exports.presentCV = presentCV;
+//# sourceMappingURL=CVPresenter.js.map

package/lib/CVPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CVPresenter.js","sourceRoot":"","sources":["../src/CVPresenter.ts"],"names":[],"mappings":"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"}

package/lib/ChatWithMe.js

@@ -0,0 +1,130 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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 };
+    }
+};
+var __await = (this && this.__await) || function (v) { return this instanceof __await ? (this.v = v, this) : new __await(v); }
+var __asyncGenerator = (this && this.__asyncGenerator) || function (thisArg, _arguments, generator) {
+    if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
+    var g = generator.apply(thisArg, _arguments || []), i, q = [];
+    return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
+    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
+    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
+    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
+    function fulfill(value) { resume("next", value); }
+    function reject(value) { resume("throw", value); }
+    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChatWithMe = void 0;
+var lit_html_1 = require("lit-html");
+var solid_ui_1 = require("solid-ui");
+var async_replace_js_1 = require("lit-html/directives/async-replace.js");
+var texts_1 = require("./texts");
+var ChatWithMe = function (subject, context) {
+    var logic = context.session.logic;
+    var longChatPane = context.session.paneRegistry.byName("long chat");
+    function chatContainer() {
+        return __asyncGenerator(this, arguments, function chatContainer_1() {
+            var chatContainer, exists, e_1, button;
+            var _this = this;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        chatContainer = context.dom.createElement("div");
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 5, , 6]);
+                        return [4 /*yield*/, __await(texts_1.loadingMessage)];
+                    case 2: return [4 /*yield*/, _a.sent()];
+                    case 3:
+                        _a.sent();
+                        return [4 /*yield*/, __await(logic.chat.getChat(subject, false))];
+                    case 4:
+                        (exists = _a.sent());
+                        return [3 /*break*/, 6];
+                    case 5:
+                        e_1 = _a.sent();
+                        exists = false;
+                        return [3 /*break*/, 6];
+                    case 6:
+                        if (!exists) return [3 /*break*/, 9];
+                        chatContainer.appendChild(longChatPane.render(exists, context, {}));
+                        return [4 /*yield*/, __await(chatContainer)];
+                    case 7: return [4 /*yield*/, _a.sent()];
+                    case 8:
+                        _a.sent();
+                        return [3 /*break*/, 12];
+                    case 9:
+                        button = solid_ui_1.widgets.button(context.dom, undefined, texts_1.chatWithMeButtonText, function () { return __awaiter(_this, void 0, void 0, function () {
+                            var chat, e_2;
+                            return __generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0:
+                                        _a.trys.push([0, 2, , 3]);
+                                        return [4 /*yield*/, logic.chat.getChat(subject, true)];
+                                    case 1:
+                                        chat = _a.sent();
+                                        chatContainer.innerHTML = "";
+                                        chatContainer.appendChild(longChatPane.render(chat, context, {}));
+                                        return [3 /*break*/, 3];
+                                    case 2:
+                                        e_2 = _a.sent();
+                                        chatContainer.appendChild(solid_ui_1.widgets.errorMessageBlock(context.dom, e_2.message));
+                                        return [3 /*break*/, 3];
+                                    case 3: return [2 /*return*/];
+                                }
+                            });
+                        }); }, { needsBorder: true });
+                        chatContainer.appendChild(button);
+                        return [4 /*yield*/, __await(chatContainer)];
+                    case 10: return [4 /*yield*/, _a.sent()];
+                    case 11:
+                        _a.sent();
+                        _a.label = 12;
+                    case 12: return [2 /*return*/];
+                }
+            });
+        });
+    }
+    return (0, lit_html_1.html)(templateObject_1 || (templateObject_1 = __makeTemplateObject([" ", " "], [" ", " "])), (0, async_replace_js_1.asyncReplace)(chatContainer()));
+};
+exports.ChatWithMe = ChatWithMe;
+var templateObject_1;
+//# sourceMappingURL=ChatWithMe.js.map

package/lib/ChatWithMe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatWithMe.js","sourceRoot":"","sources":["../src/ChatWithMe.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qCAAgD;AAGhD,qCAAmC;AACnC,yEAAoE;AACpE,iCAA+D;AAExD,IAAM,UAAU,GAAG,UACxB,OAAkB,EAClB,OAA2B;IAE3B,IAAM,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC;IACpC,IAAM,YAAY,GAAG,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IAEtE,SAAgB,aAAa;;;;;;;wBACrB,aAAa,GAAG,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;;;;qDAI/C,sBAAc;4BAApB,gCAAoB;;wBAApB,SAAoB;wBAAY,6BAAM,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,GAAA;;wBAAlD,CAAC,MAAM,GAAG,SAAwC,CAAC,CAAC;;;;wBAE1E,MAAM,GAAG,KAAK,CAAC;;;6BAEb,MAAM,EAAN,wBAAM;wBACR,aAAa,CAAC,WAAW,CAAC,YAAY,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC;qDAC9D,aAAa;4BAAnB,gCAAmB;;wBAAnB,SAAmB,CAAC;;;wBAEd,MAAM,GAAG,kBAAO,CAAC,MAAM,CAC3B,OAAO,CAAC,GAAG,EACX,SAAS,EACT,4BAAoB,EACpB;;;;;;wCAE4B,qBAAM,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,EAAA;;wCAAzD,IAAI,GAAc,SAAuC;wCAC/D,aAAa,CAAC,SAAS,GAAG,EAAE,CAAC;wCAC7B,aAAa,CAAC,WAAW,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC;;;;wCAElE,aAAa,CAAC,WAAW,CACvB,kBAAO,CAAC,iBAAiB,CAAC,OAAO,CAAC,GAAG,EAAE,GAAC,CAAC,OAAO,CAAC,CAClD,CAAC;;;;;6BAEL,EACD,EAAE,WAAW,EAAE,IAAI,EAAE,CACtB,CAAC;wBACF,aAAa,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;qDAC5B,aAAa;6BAAnB,gCAAmB;;wBAAnB,SAAmB,CAAC;;;;;;KAEvB;IAED,WAAO,eAAI,4EAAA,GAAI,EAA6B,GAAG,KAAhC,IAAA,+BAAY,EAAC,aAAa,EAAE,CAAC,EAAI;AAClD,CAAC,CAAC;AA3CW,QAAA,UAAU,cA2CrB"}

package/lib/FriendList.js

@@ -0,0 +1,35 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FriendList = void 0;
+var solid_ui_1 = require("solid-ui");
+var lit_html_1 = require("lit-html");
+var style_map_js_1 = require("lit-html/directives/style-map.js");
+var baseStyles_1 = require("./baseStyles");
+var styles = {
+    root: (0, style_map_js_1.styleMap)((0, baseStyles_1.padding)()),
+    heading: (0, style_map_js_1.styleMap)((0, baseStyles_1.headingLight)()),
+};
+var noFriendsFoundMessage = "You have no friends in your list yet";
+var FriendList = function (subject, context) { return (0, lit_html_1.html)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  <div style=", ">\n    <h3 style=", ">Friends</h3>\n    ", "\n  </div>\n"], ["\n  <div style=", ">\n    <h3 style=", ">Friends</h3>\n    ", "\n  </div>\n"])), styles.root, styles.heading, createList(subject, context)); };
+exports.FriendList = FriendList;
+var createList = function (subject, _a) {
+    var dom = _a.dom;
+    var target = dom.createElement("div");
+    solid_ui_1.widgets.attachmentList(dom, subject, target, {
+        doc: subject.doc(),
+        modify: false,
+        predicate: solid_ui_1.ns.foaf("knows"),
+        noun: "friend",
+    });
+    if (target.textContent === "")
+        return noFriendsInTheListMessage(dom, noFriendsFoundMessage);
+    else
+        return target;
+};
+var noFriendsInTheListMessage = function (dom, message) { return (0, lit_html_1.html)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  <div id=\"no-friends\" style=", ">", "</div>\n"], ["\n  <div id=\"no-friends\" style=", ">", "</div>\n"])), styles.root, message); };
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=FriendList.js.map

package/lib/FriendList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FriendList.js","sourceRoot":"","sources":["../src/FriendList.ts"],"names":[],"mappings":";;;;;;;AAAA,qCAAuC;AAGvC,qCAAgD;AAChD,iEAA4D;AAC5D,2CAAqD;AAErD,IAAM,MAAM,GAAG;IACb,IAAI,EAAE,IAAA,uBAAQ,EAAC,IAAA,oBAAO,GAAE,CAAC;IACzB,OAAO,EAAE,IAAA,uBAAQ,EAAC,IAAA,yBAAY,GAAE,CAAC;CAClC,CAAC;AAEF,IAAM,qBAAqB,GAAG,sCAAsC,CAAC;AAE9D,IAAM,UAAU,GAAG,UACxB,OAAkB,EAClB,OAA2B,IACR,WAAA,eAAI,iJAAA,iBACV,EAAW,mBACV,EAAc,qBACxB,EAA4B,cAEjC,KAJc,MAAM,CAAC,IAAI,EACV,MAAM,CAAC,OAAO,EACxB,UAAU,CAAC,OAAO,EAAE,OAAO,CAAC,GAHb,CAKpB,CAAC;AARW,QAAA,UAAU,cAQrB;AAEF,IAAM,UAAU,GAAG,UAAC,OAAkB,EAAE,EAA2B;QAAzB,GAAG,SAAA;IAC3C,IAAM,MAAM,GAAG,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACxC,kBAAO,CAAC,cAAc,CAAC,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE;QAC3C,GAAG,EAAE,OAAO,CAAC,GAAG,EAAE;QAClB,MAAM,EAAE,KAAK;QACb,SAAS,EAAE,aAAE,CAAC,IAAI,CAAC,OAAO,CAAC;QAC3B,IAAI,EAAE,QAAQ;KACf,CAAC,CAAC;IACH,IAAI,MAAM,CAAC,WAAW,KAAK,EAAE;QAC3B,OAAO,yBAAyB,CAAC,GAAG,EAAE,qBAAqB,CAAC,CAAC;;QAC1D,OAAO,MAAM,CAAC;AACrB,CAAC,CAAC;AAEF,IAAM,yBAAyB,GAAG,UAChC,GAAiB,EACjB,OAAe,IACI,WAAA,eAAI,wHAAA,mCACM,EAAW,GAAI,EAAO,UACpD,KAD8B,MAAM,CAAC,IAAI,EAAI,OAAO,GADhC,CAEpB,CAAC"}

package/lib/ProfileCard.js

@@ -0,0 +1,41 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProfileCard = void 0;
+var lit_html_1 = require("lit-html");
+var style_map_js_1 = require("lit-html/directives/style-map.js");
+var baseStyles_1 = require("./baseStyles");
+var styles = {
+    image: (0, style_map_js_1.styleMap)((0, baseStyles_1.fullWidth)()),
+    intro: (0, style_map_js_1.styleMap)(__assign(__assign({}, (0, baseStyles_1.textGray)()), (0, baseStyles_1.textCenter)())),
+    info: (0, style_map_js_1.styleMap)((0, baseStyles_1.padding)()),
+};
+var ProfileCard = function (_a) {
+    var name = _a.name, imageSrc = _a.imageSrc, introduction = _a.introduction, location = _a.location, pronouns = _a.pronouns, highlightColor = _a.highlightColor;
+    var nameStyle = (0, style_map_js_1.styleMap)(__assign(__assign({}, (0, baseStyles_1.heading)()), { "text-decoration": "underline", "text-decoration-color": highlightColor }));
+    return (0, lit_html_1.html)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n    <div style=", ">\n      <h3 style=", ">", "</h3>\n      <div style=", ">\n        ", " ", " ", "\n      </div>\n    </div>\n  "], ["\n    ", "\n    <div style=", ">\n      <h3 style=", ">", "</h3>\n      <div style=", ">\n        ", " ", " ", "\n      </div>\n    </div>\n  "])), Image(imageSrc, name), styles.info, nameStyle, name, styles.intro, Line(introduction), Line(location, "🌐"), Line(pronouns));
+};
+exports.ProfileCard = ProfileCard;
+var Line = function (value, prefix) {
+    if (prefix === void 0) { prefix = lit_html_1.nothing; }
+    return value ? (0, lit_html_1.html)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["<p>", " ", "</p>"], ["<p>", " ", "</p>"])), prefix, value) : lit_html_1.nothing;
+};
+var Image = function (src, alt) {
+    return src ? (0, lit_html_1.html)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["<img style=", " src=", " alt=", " />"], ["<img style=", " src=", " alt=", " />"])), styles.image, src, alt) : lit_html_1.nothing;
+};
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=ProfileCard.js.map

package/lib/ProfileCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileCard.js","sourceRoot":"","sources":["../src/ProfileCard.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,qCAAyD;AACzD,iEAA4D;AAC5D,2CAMsB;AAGtB,IAAM,MAAM,GAAG;IACb,KAAK,EAAE,IAAA,uBAAQ,EAAC,IAAA,sBAAS,GAAE,CAAC;IAC5B,KAAK,EAAE,IAAA,uBAAQ,wBAAM,IAAA,qBAAQ,GAAE,GAAK,IAAA,uBAAU,GAAE,EAAG;IACnD,IAAI,EAAE,IAAA,uBAAQ,EAAC,IAAA,oBAAO,GAAE,CAAC;CAC1B,CAAC;AAEK,IAAM,WAAW,GAAG,UAAC,EAON;QANpB,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,cAAc,oBAAA;IAEd,IAAM,SAAS,GAAG,IAAA,uBAAQ,wBACrB,IAAA,oBAAO,GAAE,KACZ,iBAAiB,EAAE,WAAW,EAC9B,uBAAuB,EAAE,cAAc,IACvC,CAAC;IACH,WAAO,eAAI,oNAAA,QACP,EAAqB,mBACV,EAAW,qBACV,EAAS,GAAI,EAAI,0BAChB,EAAY,aACrB,EAAkB,GAAI,EAAoB,GAAI,EAAc,gCAGnE,KAPG,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,EACV,MAAM,CAAC,IAAI,EACV,SAAS,EAAI,IAAI,EAChB,MAAM,CAAC,KAAK,EACrB,IAAI,CAAC,YAAY,CAAC,EAAI,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,EAAI,IAAI,CAAC,QAAQ,CAAC,EAGlE;AACJ,CAAC,CAAC;AAtBW,QAAA,WAAW,eAsBtB;AAEF,IAAM,IAAI,GAAG,UAAC,KAAK,EAAE,MAAiC;IAAjC,uBAAA,EAAA,SAA0B,kBAAO;IACpD,OAAA,KAAK,CAAC,CAAC,KAAC,eAAI,sFAAA,KAAM,EAAM,GAAI,EAAK,MAAM,KAArB,MAAM,EAAI,KAAK,EAAO,CAAC,CAAC,kBAAO;AAAjD,CAAiD,CAAC;AAEpD,IAAM,KAAK,GAAG,UAAC,GAAG,EAAE,GAAG;IACrB,OAAA,GAAG,CAAC,CAAC,KAAC,eAAI,0GAAA,aAAc,EAAY,OAAQ,EAAG,OAAQ,EAAG,KAAK,KAAvC,MAAM,CAAC,KAAK,EAAQ,GAAG,EAAQ,GAAG,EAAM,CAAC,CAAC,kBAAO;AAAzE,CAAyE,CAAC"}

package/lib/ProfileView.js

@@ -0,0 +1,44 @@
+"use strict";
+/*  Profile View
+*/
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProfileView = void 0;
+var lit_html_1 = require("lit-html");
+var style_map_js_1 = require("lit-html/directives/style-map.js");
+var baseStyles_1 = require("./baseStyles");
+var ChatWithMe_1 = require("./ChatWithMe");
+var FriendList_1 = require("./FriendList");
+var presenter_1 = require("./presenter");
+var CVPresenter_1 = require("./CVPresenter"); // 20210527
+var ProfileCard_1 = require("./ProfileCard");
+var CVCard_1 = require("./CVCard");
+var QRCodeCard_1 = require("./QRCodeCard");
+var addMeToYourFriends_1 = require("./addMeToYourFriends");
+var ProfileView = function (subject, context) {
+    var profileBasics = (0, presenter_1.presentProfile)(subject, context.session.store); // rdflib rdfs type problems
+    var rolesByType = (0, CVPresenter_1.presentCV)(subject, context.session.store);
+    var styles = {
+        grid: (0, style_map_js_1.styleMap)(__assign(__assign(__assign({}, (0, baseStyles_1.responsiveGrid)()), (0, baseStyles_1.paddingSmall)()), { background: "radial-gradient(circle, ".concat(profileBasics.backgroundColor, " 80%, ").concat(profileBasics.highlightColor, " 100%)") })),
+        card: (0, style_map_js_1.styleMap)((0, baseStyles_1.card)()),
+        chat: (0, style_map_js_1.styleMap)(__assign(__assign({}, (0, baseStyles_1.card)()), (0, baseStyles_1.padding)())),
+    };
+    return (0, lit_html_1.html)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    <div style=\"", "\">\n      <div>\n        <div data-testid=\"profile-card\" style=\"", "\">\n          ", "\n          ", "\n        </div>\n      </div>\n      <div data-testid=\"friend-list\" style=\"", "\">\n        ", "\n      </div>\n      <div data-testid=\"curriculum-vitae\" style=\"", "\">\n        ", "\n      </div>\n      <div style=\"", "\">", "</div>\n      <div data-testid=\"qrcode-display\" style=\"", "\">\n        ", "\n      </div>\n\n    </div>\n  "], ["\n    <div style=\"", "\">\n      <div>\n        <div data-testid=\"profile-card\" style=\"", "\">\n          ", "\n          ", "\n        </div>\n      </div>\n      <div data-testid=\"friend-list\" style=\"", "\">\n        ", "\n      </div>\n      <div data-testid=\"curriculum-vitae\" style=\"", "\">\n        ", "\n      </div>\n      <div style=\"", "\">", "</div>\n      <div data-testid=\"qrcode-display\" style=\"", "\">\n        ", "\n      </div>\n\n    </div>\n  "])), styles.grid, styles.card, (0, ProfileCard_1.ProfileCard)(profileBasics), (0, addMeToYourFriends_1.addMeToYourFriendsDiv)(subject, context), styles.card, (0, FriendList_1.FriendList)(subject, context), styles.card, (0, CVCard_1.CVCard)(profileBasics, rolesByType), styles.chat, (0, ChatWithMe_1.ChatWithMe)(subject, context), styles.card, (0, QRCodeCard_1.QRCodeCard)(profileBasics, subject));
+};
+exports.ProfileView = ProfileView;
+var templateObject_1;
+//# sourceMappingURL=ProfileView.js.map

package/lib/ProfileView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileView.js","sourceRoot":"","sources":["../src/ProfileView.ts"],"names":[],"mappings":";AAAA;EACE;;;;;;;;;;;;;;;;;;AAEF,qCAAgD;AAChD,iEAA4D;AAG5D,2CAA2E;AAC3E,2CAA0C;AAC1C,2CAA0C;AAC1C,yCAA6C;AAC7C,6CAAyC,CAAC,WAAW;AACrD,6CAA4C;AAC5C,mCAAkC;AAClC,2CAA0C;AAC1C,2DAA6D;AAEtD,IAAM,WAAW,GAAG,UACzB,OAAkB,EAClB,OAA2B;IAE3B,IAAM,aAAa,GAAG,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,KAAkB,CAAC,CAAC,CAAC,4BAA4B;IAC/G,IAAM,WAAW,GAAG,IAAA,uBAAS,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,KAAkB,CAAC,CAAA;IAC3E,IAAM,MAAM,GAAG;QACb,IAAI,EAAE,IAAA,uBAAQ,iCACT,IAAA,2BAAc,GAAE,GAChB,IAAA,yBAAY,GAAE,KACjB,UAAU,EAAE,kCAA2B,aAAa,CAAC,eAAe,mBAAS,aAAa,CAAC,cAAc,WAAQ,IACjH;QACF,IAAI,EAAE,IAAA,uBAAQ,EAAC,IAAA,iBAAI,GAAE,CAAC;QACtB,IAAI,EAAE,IAAA,uBAAQ,wBACT,IAAA,iBAAI,GAAE,GACN,IAAA,oBAAO,GAAE,EACZ;KACH,CAAC;IAEF,WAAO,eAAI,kiBAAA,qBACK,EAAW,sEAEoB,EAAW,iBAChD,EAA0B,cAC1B,EAAuC,iFAGL,EAAW,eAC/C,EAA4B,sEAEa,EAAW,eACpD,EAAkC,qCAExB,EAAW,KAAK,EAA4B,4DACf,EAAW,eAClD,EAAkC,kCAIzC,KAnBe,MAAM,CAAC,IAAI,EAEoB,MAAM,CAAC,IAAI,EAChD,IAAA,yBAAW,EAAC,aAAa,CAAC,EAC1B,IAAA,0CAAqB,EAAC,OAAO,EAAE,OAAO,CAAC,EAGL,MAAM,CAAC,IAAI,EAC/C,IAAA,uBAAU,EAAC,OAAO,EAAE,OAAO,CAAC,EAEa,MAAM,CAAC,IAAI,EACpD,IAAA,eAAM,EAAC,aAAa,EAAE,WAAW,CAAC,EAExB,MAAM,CAAC,IAAI,EAAK,IAAA,uBAAU,EAAC,OAAO,EAAE,OAAO,CAAC,EACf,MAAM,CAAC,IAAI,EAClD,IAAA,uBAAU,EAAC,aAAa,EAAE,OAAO,CAAC,EAIxC;AACJ,CAAC,CAAC;AAxCW,QAAA,WAAW,eAwCtB"}

package/lib/QRCodeCard.js

@@ -0,0 +1,42 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QRCodeCard = void 0;
+// A card in my profile to show yu a QRCode of my webid
+//
+var lit_html_1 = require("lit-html");
+var baseStyles_1 = require("./baseStyles");
+var style_map_js_1 = require("lit-html/directives/style-map.js");
+var styles = {
+    image: (0, style_map_js_1.styleMap)((0, baseStyles_1.fullWidth)()),
+    intro: (0, style_map_js_1.styleMap)(__assign(__assign({}, (0, baseStyles_1.textGray)()), (0, baseStyles_1.textCenter)())),
+    card: (0, style_map_js_1.styleMap)({}),
+    info: (0, style_map_js_1.styleMap)(__assign(__assign({}, (0, baseStyles_1.paddingSmall)()), (0, baseStyles_1.textLeft)())),
+};
+var QRCodeCard = function (profileBasics, subject) {
+    var nameStyle = (0, style_map_js_1.styleMap)(__assign(__assign({}, (0, baseStyles_1.heading)()), { 
+        // "text-decoration": "underline",
+        color: profileBasics.highlightColor }));
+    var qrCodeCanvasStyle = 'width: 80%; margin:auto;';
+    var highlightColor = profileBasics.highlightColor || '#000000';
+    var backgroundColor = profileBasics.backgroundColor || '#ffffff';
+    // console.log(`@@ qrcodes colours highlightColor ${highlightColor}, backgroundColor ${backgroundColor}`)
+    return (0, lit_html_1.html)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    <div style=", ">\n      <h3 style=", ">", "</h3>\n      <div class=\"QRCode\" style=\"", "\" data-value=\"", "\" highlightColor=\"", "\"} backgroundColor=\"", "\"></div>\n    </div>\n  "], ["\n    <div style=", ">\n      <h3 style=", ">", "</h3>\n      <div class=\"QRCode\" style=\"", "\" data-value=\"", "\" highlightColor=\"", "\"} backgroundColor=\"", "\"></div>\n    </div>\n  "])), styles.info, nameStyle, profileBasics.name, qrCodeCanvasStyle, subject.uri, highlightColor, backgroundColor);
+};
+exports.QRCodeCard = QRCodeCard;
+var templateObject_1;
+//# sourceMappingURL=QRCodeCard.js.map

package/lib/QRCodeCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QRCodeCard.js","sourceRoot":"","sources":["../src/QRCodeCard.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,uDAAuD;AACvD,EAAE;AACF,qCAAgD;AAEhD,2CAOsB;AAEtB,iEAA4D;AAE5D,IAAM,MAAM,GAAG;IACb,KAAK,EAAE,IAAA,uBAAQ,EAAC,IAAA,sBAAS,GAAE,CAAC;IAC5B,KAAK,EAAE,IAAA,uBAAQ,wBAAM,IAAA,qBAAQ,GAAE,GAAK,IAAA,uBAAU,GAAE,EAAG;IACnD,IAAI,EAAE,IAAA,uBAAQ,EAAC,EAAE,CAAC;IAClB,IAAI,EAAE,IAAA,uBAAQ,wBAAM,IAAA,yBAAY,GAAE,GAAK,IAAA,qBAAQ,GAAE,EAAG;CACrD,CAAC;AAEK,IAAM,UAAU,GAAG,UACxB,aAAkC,EAClC,OAAkB;IAElB,IAAM,SAAS,GAAG,IAAA,uBAAQ,wBACrB,IAAA,oBAAO,GAAE;QACZ,kCAAkC;QAClC,KAAK,EAAE,aAAa,CAAC,cAAc,IACnC,CAAC;IACH,IAAM,iBAAiB,GAAG,0BAA0B,CAAA;IACpD,IAAM,cAAc,GAAG,aAAa,CAAC,cAAc,IAAI,SAAS,CAAA;IAChE,IAAM,eAAe,GAAG,aAAa,CAAC,eAAe,IAAI,SAAS,CAAA;IAClE,yGAAyG;IAEzG,WAAO,eAAI,qQAAA,mBACI,EAAW,qBACV,EAAS,GAAI,EAAkB,6CACd,EAAiB,kBAAiB,EAAW,sBAAqB,EAAc,wBAAuB,EAAe,2BAEtJ,KAJc,MAAM,CAAC,IAAI,EACV,SAAS,EAAI,aAAa,CAAC,IAAI,EACd,iBAAiB,EAAiB,OAAO,CAAC,GAAG,EAAqB,cAAc,EAAuB,eAAe,EAErJ;AACJ,CAAC,CAAC;AApBW,QAAA,UAAU,cAoBrB"}

package/lib/addMeToYourFriends.js

@@ -0,0 +1,187 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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.checkIfFriendExists = exports.checkIfAnyUserLoggedIn = exports.saveNewFriend = exports.createAddMeToYourFriendsButton = exports.addMeToYourFriendsDiv = void 0;
+var lit_html_1 = require("lit-html");
+var style_map_js_1 = require("lit-html/directives/style-map.js");
+var solid_logic_1 = require("solid-logic");
+var solid_ui_1 = require("solid-ui");
+var addMeToYourFriendsHelper_1 = require("./addMeToYourFriendsHelper");
+var baseStyles_1 = require("./baseStyles");
+var texts_1 = require("./texts");
+var buttonContainer = document.createElement("div");
+//panel local style
+var styles = {
+    button: (0, style_map_js_1.styleMap)(__assign(__assign({}, (0, baseStyles_1.textCenter)()), (0, baseStyles_1.padding)())),
+};
+var addMeToYourFriendsDiv = function (subject, context) {
+    buttonContainer = context.dom.createElement("div");
+    var button = createAddMeToYourFriendsButton(subject, context);
+    buttonContainer.appendChild(button);
+    return (0, lit_html_1.html)(templateObject_1 || (templateObject_1 = __makeTemplateObject([" <div style=\"", "\">", "</div> "], [" <div style=\"", "\">", "</div> "])), styles.button, buttonContainer);
+};
+exports.addMeToYourFriendsDiv = addMeToYourFriendsDiv;
+var createAddMeToYourFriendsButton = function (subject, context) {
+    var button = solid_ui_1.widgets.button(context.dom, undefined, texts_1.logInAddMeToYourFriendsButtonText, setButtonHandler, //sets an onclick event listener
+    {
+        needsBorder: true,
+    });
+    function setButtonHandler(event) {
+        event.preventDefault();
+        saveNewFriend(subject, context)
+            .then(function () {
+            (0, addMeToYourFriendsHelper_1.clearPreviousMessage)(buttonContainer);
+            (0, addMeToYourFriendsHelper_1.mention)(buttonContainer, texts_1.friendWasAddedSuccesMessage);
+            refreshButton();
+        })
+            .catch(function (error) {
+            (0, addMeToYourFriendsHelper_1.clearPreviousMessage)(buttonContainer);
+            //else UI.widgets.complain(buttonContainer, message); //displays an error message at the top of the window
+            (0, addMeToYourFriendsHelper_1.complain)(buttonContainer, context, error);
+        });
+    }
+    button.refresh = refreshButton();
+    function refreshButton() {
+        var me = solid_logic_1.authn.currentUser();
+        var store = context.session.store;
+        if (checkIfAnyUserLoggedIn(me)) {
+            checkIfFriendExists(store, me, subject).then(function (friendExists) {
+                if (friendExists) {
+                    //logged in and friend exists or friend was just added
+                    button.innerHTML = texts_1.friendExistsAlreadyButtonText.toUpperCase();
+                    button.setAttribute("class", "textButton-0-1-3"); //style of 'Primary' UI button with needsBorder=true
+                }
+                else {
+                    //logged in and friend does not exist yet
+                    button.innerHTML = texts_1.addMeToYourFriendsButtonText.toUpperCase();
+                    button.setAttribute("class", "textButton-0-1-2"); //style of 'Primary' UI button with needsBorder=false
+                }
+            });
+        }
+        else {
+            //not logged in
+            button.innerHTML = texts_1.logInAddMeToYourFriendsButtonText.toUpperCase();
+            button.setAttribute("class", "textButton-0-1-3"); //style of 'Primary' UI button with needsBorder=false
+        }
+    }
+    return button;
+};
+exports.createAddMeToYourFriendsButton = createAddMeToYourFriendsButton;
+function saveNewFriend(subject, context) {
+    return __awaiter(this, void 0, void 0, function () {
+        var me, store, updater, toBeInserted, error_1, errorMessage;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    me = solid_logic_1.authn.currentUser();
+                    store = context.session.store;
+                    if (!checkIfAnyUserLoggedIn(me)) return [3 /*break*/, 9];
+                    return [4 /*yield*/, checkIfFriendExists(store, me, subject)];
+                case 1:
+                    if (!!(_a.sent())) return [3 /*break*/, 7];
+                    //if friend does not exist, we add her/him
+                    return [4 /*yield*/, store.fetcher.load(me)];
+                case 2:
+                    //if friend does not exist, we add her/him
+                    _a.sent();
+                    updater = store.updater;
+                    toBeInserted = [solid_ui_1.rdf.st(me, solid_ui_1.ns.foaf("knows"), subject, me.doc())];
+                    _a.label = 3;
+                case 3:
+                    _a.trys.push([3, 5, , 6]);
+                    return [4 /*yield*/, updater.update([], toBeInserted)];
+                case 4:
+                    _a.sent();
+                    return [3 /*break*/, 6];
+                case 5:
+                    error_1 = _a.sent();
+                    errorMessage = error_1;
+                    if (errorMessage.toString().includes("Unauthenticated"))
+                        errorMessage = texts_1.userNotLoggedInErrorMessage;
+                    throw new Error(errorMessage);
+                case 6: return [3 /*break*/, 8];
+                case 7: throw new Error(texts_1.friendExistsMessage);
+                case 8: return [3 /*break*/, 10];
+                case 9: throw new Error(texts_1.userNotLoggedInErrorMessage);
+                case 10: return [2 /*return*/];
+            }
+        });
+    });
+}
+exports.saveNewFriend = saveNewFriend;
+function checkIfAnyUserLoggedIn(me) {
+    if (me)
+        return true;
+    else
+        return false;
+}
+exports.checkIfAnyUserLoggedIn = checkIfAnyUserLoggedIn;
+function checkIfFriendExists(store, me, subject) {
+    return __awaiter(this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, store.fetcher.load(me)];
+                case 1:
+                    _a.sent();
+                    if (store.whether(me, solid_ui_1.ns.foaf("knows"), subject, me.doc()) === 0)
+                        return [2 /*return*/, false];
+                    else
+                        return [2 /*return*/, true];
+                    return [2 /*return*/];
+            }
+        });
+    });
+}
+exports.checkIfFriendExists = checkIfFriendExists;
+var templateObject_1;
+//# sourceMappingURL=addMeToYourFriends.js.map

package/lib/addMeToYourFriends.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"addMeToYourFriends.js","sourceRoot":"","sources":["../src/addMeToYourFriends.ts"],"names":[],"mappings":"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"}

package/lib/addMeToYourFriendsHelper.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clearPreviousMessage = exports.mention = exports.complain = void 0;
+var solid_ui_1 = require("solid-ui");
+function complain(buttonContainer, context, error) {
+    buttonContainer.appendChild(solid_ui_1.widgets.errorMessageBlock(context.dom, error));
+}
+exports.complain = complain;
+//TODO create positive frontend message component on UI
+function mention(buttonContainer, message) {
+    var positiveFrontendMessageDiv = document.createElement("div");
+    positiveFrontendMessageDiv.setAttribute("style", "margin: 0.1em; padding: 0.5em; border: 0.05em solid gray; background-color: #efe; color:black;");
+    //positiveFrontendMessageDiv.setAttribute('style', UI.style.messageBodyStyle) -> using UI but missing green backgroung color
+    positiveFrontendMessageDiv.innerHTML = message;
+    buttonContainer.appendChild(positiveFrontendMessageDiv);
+}
+exports.mention = mention;
+function clearPreviousMessage(buttonContainer) {
+    while (buttonContainer.childNodes.length > 1) {
+        buttonContainer.removeChild(buttonContainer.lastChild);
+    }
+}
+exports.clearPreviousMessage = clearPreviousMessage;
+//# sourceMappingURL=addMeToYourFriendsHelper.js.map

package/lib/addMeToYourFriendsHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"addMeToYourFriendsHelper.js","sourceRoot":"","sources":["../src/addMeToYourFriendsHelper.ts"],"names":[],"mappings":";;;AACA,qCAAmC;AAEnC,SAAS,QAAQ,CACf,eAA+B,EAC/B,OAA2B,EAC3B,KAAa;IAEb,eAAe,CAAC,WAAW,CAAC,kBAAO,CAAC,iBAAiB,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;AAC7E,CAAC;AAoBQ,4BAAQ;AAlBjB,uDAAuD;AACvD,SAAS,OAAO,CAAC,eAA+B,EAAE,OAAe;IAC/D,IAAM,0BAA0B,GAAmB,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACjF,0BAA0B,CAAC,YAAY,CACrC,OAAO,EACP,gGAAgG,CACjG,CAAC;IACF,4HAA4H;IAC5H,0BAA0B,CAAC,SAAS,GAAG,OAAO,CAAC;IAC/C,eAAe,CAAC,WAAW,CAAC,0BAA0B,CAAC,CAAC;AAC1D,CAAC;AAQkB,0BAAO;AAN1B,SAAS,oBAAoB,CAAC,eAA+B;IAC3D,OAAO,eAAe,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE;QAC5C,eAAe,CAAC,WAAW,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;KACxD;AACH,CAAC;AAE2B,oDAAoB"}

package/lib/baseStyles.js

@@ -0,0 +1,89 @@
+"use strict";
+/*
+  eslint-disable @typescript-eslint/explicit-module-boundary-types
+ */
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.label = exports.headingLight = exports.heading = exports.textGray = exports.textDarkGray = exports.fontSemibold = exports.fontThin = exports.textXl = exports.textRight = exports.textLeft = exports.textCenter = exports.marginVerticalSmall = exports.paddingSmall = exports.padding = exports.fullWidth = exports.card = exports.responsiveGrid = void 0;
+var responsiveGrid = function () { return ({
+    "--auto-grid-min-size": "20rem",
+    display: "grid",
+    "grid-template-columns": "repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr))",
+    "grid-gap": "1rem",
+}); };
+exports.responsiveGrid = responsiveGrid;
+var card = function () { return ({
+    backgroundColor: "white",
+    borderRadius: "4px",
+    boxShadow: "0 1px 5px rgba(0,0,0,0.2)",
+    padding: "0",
+}); };
+exports.card = card;
+var fullWidth = function () { return ({
+    width: "100%",
+    "max-width": "100vw",
+}); };
+exports.fullWidth = fullWidth;
+var padding = function () { return ({
+    padding: "1rem",
+}); };
+exports.padding = padding;
+var paddingSmall = function () { return ({
+    padding: "0.25rem",
+}); };
+exports.paddingSmall = paddingSmall;
+var marginVerticalSmall = function () { return ({
+    marginTop: "0.25rem",
+    marginBottom: "0.25rem",
+}); };
+exports.marginVerticalSmall = marginVerticalSmall;
+var textCenter = function () { return ({
+    textAlign: "center",
+}); };
+exports.textCenter = textCenter;
+var textLeft = function () { return ({
+    textAlign: "left",
+}); };
+exports.textLeft = textLeft;
+var textRight = function () { return ({
+    textAlign: "right",
+}); };
+exports.textRight = textRight;
+var textXl = function () { return ({
+    fontSize: "1.25rem",
+    lineHeight: "1.75rem",
+}); };
+exports.textXl = textXl;
+var fontThin = function () { return ({
+    fontWeight: "100",
+}); };
+exports.fontThin = fontThin;
+var fontSemibold = function () { return ({
+    fontWeight: "600",
+}); };
+exports.fontSemibold = fontSemibold;
+var textDarkGray = function () { return ({
+    color: "rgb(55, 65, 81,)",
+}); };
+exports.textDarkGray = textDarkGray;
+var textGray = function () { return ({
+    color: "rgb(107, 114, 128)",
+}); };
+exports.textGray = textGray;
+var heading = function () { return (__assign(__assign(__assign(__assign(__assign({}, (0, exports.textCenter)()), (0, exports.textXl)()), (0, exports.fontSemibold)()), (0, exports.textDarkGray)()), { margin: "0" })); };
+exports.heading = heading;
+var headingLight = function () { return (__assign(__assign(__assign(__assign({}, (0, exports.textGray)()), (0, exports.fontThin)()), (0, exports.textXl)()), { margin: "0" })); };
+exports.headingLight = headingLight;
+var label = function () { return (__assign(__assign({}, (0, exports.textGray)()), (0, exports.fontSemibold)())); };
+exports.label = label;
+//# sourceMappingURL=baseStyles.js.map

package/lib/baseStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"baseStyles.js","sourceRoot":"","sources":["../src/baseStyles.ts"],"names":[],"mappings":"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"}

package/lib/index.js

@@ -0,0 +1,119 @@
+"use strict";
+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 });
+var lit_html_1 = require("lit-html");
+var ProfileView_1 = require("./ProfileView");
+var solid_ui_1 = require("solid-ui");
+var qrcode = require("qrcode");
+function loadExtendedProfile(store, subject) {
+    return __awaiter(this, void 0, void 0, function () {
+        var otherProfiles;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    otherProfiles = store.each(subject, solid_ui_1.ns.rdfs("seeAlso"), null, subject.doc());
+                    if (!(otherProfiles.length > 0)) return [3 /*break*/, 2];
+                    return [4 /*yield*/, store.fetcher.load(otherProfiles)];
+                case 1:
+                    _a.sent();
+                    _a.label = 2;
+                case 2: return [2 /*return*/];
+            }
+        });
+    });
+}
+var Pane = {
+    global: false,
+    icon: solid_ui_1.icons.iconBase + "noun_15059.svg",
+    name: "profile",
+    label: function (subject, context) {
+        var t = context.session.store.findTypeURIs(subject);
+        if (t[solid_ui_1.ns.vcard("Individual").uri] ||
+            t[solid_ui_1.ns.foaf("Person").uri] ||
+            t[solid_ui_1.ns.schema("Person").uri]) {
+            return "Profile";
+        }
+        return null;
+    },
+    render: function (subject, context) {
+        var target = context.dom.createElement("div");
+        var store = context.session.store;
+        loadExtendedProfile(store, subject).then(function () {
+            (0, lit_html_1.render)((0, ProfileView_1.ProfileView)(subject, context), target);
+            var QRCodeEles = Array.from(target.getElementsByClassName('QRCode')); // was context.dom
+            if (!QRCodeEles.length)
+                return console.error("QRCode Ele missing");
+            var _loop_1 = function (QRCodeElement) {
+                var value = QRCodeElement.getAttribute('data-value');
+                if (!value)
+                    return { value: console.error("QRCode data-value missing") };
+                var highlightColor = QRCodeElement.getAttribute('highlightColor') || '#000000';
+                var backgroundColor = QRCodeElement.getAttribute('backgroundColor') || '#ffffff';
+                // zconsole.log(`@@ qrcodes2 colours highlightColor ${highlightColor}, backgroundColor ${backgroundColor}`)
+                var options = {
+                    type: 'svg',
+                    color: {
+                        dark: highlightColor,
+                        light: backgroundColor
+                    }
+                };
+                qrcode.toString(value, options, function (error, svg) {
+                    if (error) {
+                        console.error('QRcode error!', error);
+                    }
+                    else {
+                        console.log('QRcode success.', svg);
+                        QRCodeElement.innerHTML = svg;
+                        QRCodeElement.style.width = "80%";
+                        QRCodeElement.style.height = "80%";
+                        QRCodeElement.style.margin = "10%";
+                    }
+                });
+            };
+            for (var _i = 0, _a = QRCodeEles; _i < _a.length; _i++) {
+                var QRCodeElement = _a[_i];
+                var state_1 = _loop_1(QRCodeElement);
+                if (typeof state_1 === "object")
+                    return state_1.value;
+            }
+        });
+        return target;
+    },
+};
+exports.default = Pane;
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/lib/integration-tests/setup.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.context = exports.doc = exports.subject = void 0;
+var rdflib_1 = require("rdflib");
+var solid_logic_1 = require("solid-logic");
+exports.subject = (0, rdflib_1.sym)("https://janedoe.example/profile/card#me");
+exports.doc = exports.subject.doc();
+exports.context = {
+    dom: document,
+    getOutliner: function () { return null; },
+    session: {
+        paneRegistry: {
+            byName: function (name) {
+                return {
+                    render: function () {
+                        return document.createElement('div')
+                            .appendChild(document.createTextNode("mock ".concat(name, " pane")));
+                    }
+                };
+            }
+        },
+        store: solid_logic_1.store,
+        logic: {},
+    },
+};
+//# sourceMappingURL=setup.js.map

package/lib/integration-tests/setup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup.js","sourceRoot":"","sources":["../../src/integration-tests/setup.ts"],"names":[],"mappings":";;;AACA,iCAA6B;AAC7B,2CAAgD;AAEnC,QAAA,OAAO,GAAG,IAAA,YAAG,EAAC,yCAAyC,CAAC,CAAC;AACzD,QAAA,GAAG,GAAG,eAAO,CAAC,GAAG,EAAE,CAAC;AAEpB,QAAA,OAAO,GAAG;IACnB,GAAG,EAAE,QAAQ;IACb,WAAW,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI;IACvB,OAAO,EAAE;QACL,YAAY,EAAE;YACV,MAAM,EAAE,UAAC,IAAY;gBACjB,OAAO;oBACH,MAAM,EAAE;wBACJ,OAAO,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;6BAC/B,WAAW,CACR,QAAQ,CAAC,cAAc,CAAC,eAAQ,IAAI,UAAO,CAAC,CAC/C,CAAC;oBACV,CAAC;iBACJ,CAAA;YACL,CAAC;SACY;QACjB,KAAK,qBAAA;QACL,KAAK,EAAE,EAAgB;KAC1B;CAC6B,CAAC"}

package/lib/presenter.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.presentProfile = exports.pronounsAsText = void 0;
+var solid_ui_1 = require("solid-ui");
+var solid_logic_1 = require("solid-logic");
+var validate_color_1 = require("validate-color");
+function pronounsAsText(subject) {
+    var pronouns = solid_logic_1.store.anyJS(subject, solid_ui_1.ns.solid('preferredSubjectPronoun')) || '';
+    if (pronouns) {
+        var them = solid_logic_1.store.anyJS(subject, solid_ui_1.ns.solid('preferredObjectPronoun'));
+        if (them) {
+            pronouns += '/' + them;
+            var their = solid_logic_1.store.anyJS(subject, solid_ui_1.ns.solid('preferredRelativePronoun'));
+            if (their) {
+                pronouns += '/' + their;
+            }
+        }
+        pronouns = ' (' + pronouns + ') ';
+    }
+    return pronouns || '';
+}
+exports.pronounsAsText = pronounsAsText;
+var presentProfile = function (subject, store) {
+    var name = solid_ui_1.utils.label(subject);
+    var imageSrc = solid_ui_1.widgets.findImage(subject);
+    var role = store.anyValue(subject, solid_ui_1.ns.vcard("role"));
+    var orgName = store.anyValue(subject, solid_ui_1.ns.vcard("organization-name")); // @@ Search whole store
+    var address = store.any(subject, solid_ui_1.ns.vcard("hasAddress"));
+    var countryName = address != null
+        ? store.anyValue(address, solid_ui_1.ns.vcard("country-name"))
+        : null;
+    var locality = address != null
+        ? store.anyValue(address, solid_ui_1.ns.vcard("locality"))
+        : null;
+    var _a = getColors(subject, store), backgroundColor = _a.backgroundColor, highlightColor = _a.highlightColor;
+    var pronouns = pronounsAsText(subject);
+    return {
+        name: name,
+        imageSrc: imageSrc,
+        introduction: formatIntroduction(role, orgName),
+        location: formatLocation(countryName, locality),
+        backgroundColor: backgroundColor,
+        pronouns: pronouns,
+        highlightColor: highlightColor,
+    };
+};
+exports.presentProfile = presentProfile;
+function formatLocation(countryName, locality) {
+    return countryName && locality
+        ? "".concat(locality, ", ").concat(countryName)
+        : countryName || locality || null;
+}
+function formatIntroduction(role, orgName) {
+    return role && orgName ? "".concat(role, " at ").concat(orgName) : orgName || role || null;
+}
+function getColors(subject, store) {
+    var backgroundColor = store.anyValue(subject, solid_ui_1.ns.solid("profileBackgroundColor"), null, subject.doc());
+    var highlightColor = store.anyValue(subject, solid_ui_1.ns.solid("profileHighlightColor"), null, subject.doc());
+    return {
+        backgroundColor: validColorOrDefault(backgroundColor, "#eee"),
+        highlightColor: validColorOrDefault(highlightColor, "#090"),
+    };
+}
+function validColorOrDefault(color, fallback) {
+    return color && (0, validate_color_1.validateHTMLColorHex)(color) ? color : fallback;
+}
+//# sourceMappingURL=presenter.js.map

package/lib/presenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presenter.js","sourceRoot":"","sources":["../src/presenter.ts"],"names":[],"mappings":"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"}

package/lib/texts.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.chatWithMeButtonText = exports.friendExistsAlreadyButtonText = exports.logInAddMeToYourFriendsButtonText = exports.addMeToYourFriendsButtonText = exports.loadingMessage = exports.friendExistsMessage = exports.friendWasAddedSuccesMessage = exports.internalErrorMessage = exports.userNotLoggedInErrorMessage = void 0;
+//ERRORS & SUCCESS
+//Same 'not logged in' error message like on 'Chat with me' button
+exports.userNotLoggedInErrorMessage = "Current user not found! Not logged in?";
+exports.internalErrorMessage = "An internal error occured!";
+exports.friendWasAddedSuccesMessage = "Friend was added!";
+//OTHER
+exports.friendExistsMessage = "Friend already exists";
+exports.loadingMessage = "Loading...";
+//BUTTONS
+exports.addMeToYourFriendsButtonText = "Add me to your friend list";
+exports.logInAddMeToYourFriendsButtonText = "Login to add me to your friend list";
+exports.friendExistsAlreadyButtonText = "Already part of friend list";
+exports.chatWithMeButtonText = "Chat with me";
+//# sourceMappingURL=texts.js.map

package/lib/texts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"texts.js","sourceRoot":"","sources":["../src/texts.ts"],"names":[],"mappings":";;;AAAA,kBAAkB;AAClB,kEAAkE;AACrD,QAAA,2BAA2B,GAAG,wCAAwC,CAAC;AACvE,QAAA,oBAAoB,GAAG,4BAA4B,CAAC;AACpD,QAAA,2BAA2B,GAAG,mBAAmB,CAAC;AAE/D,OAAO;AACM,QAAA,mBAAmB,GAAG,uBAAuB,CAAC;AAC9C,QAAA,cAAc,GAAG,YAAY,CAAC;AAE3C,SAAS;AACI,QAAA,4BAA4B,GAAG,4BAA4B,CAAC;AAC5D,QAAA,iCAAiC,GAAG,qCAAqC,CAAC;AAC1E,QAAA,6BAA6B,GAAG,6BAA6B,CAAC;AAC9D,QAAA,oBAAoB,GAAG,cAAc,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "profile-pane",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "description": "A SolidOS compatible pane to display a personal profile page",
   "repository": {
     "type": "git",