profile-pane 2.0.0-newStyle-ca717ed2 → 2.0.0

package/lib/0SAVED-CVCard.d.ts

@@ -0,0 +1,5 @@
+import { TemplateResult } from 'lit-html';
+import { ProfilePresentation } from './presenter';
+import { CVPresentation } from './CVPresenter';
+export declare const CVCard: (profileBasics: ProfilePresentation, cvData: CVPresentation) => TemplateResult;
+//# sourceMappingURL=0SAVED-CVCard.d.ts.map

package/lib/0SAVED-CVCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"0SAVED-CVCard.d.ts","sourceRoot":"","sources":["../src/0SAVED-CVCard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,UAAU,CAAA;AAS/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAW9C,eAAO,MAAM,MAAM,GACjB,eAAe,mBAAmB,EAClC,QAAQ,cAAc,KACrB,cA6BF,CAAA"}

package/lib/0SAVED-CVCard.js

@@ -0,0 +1,90 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CVCard = void 0;
+var _litHtml = require("lit-html");
+var _baseStyles = require("./baseStyles");
+var _styleMap = require("lit-html/directives/style-map.js");
+const styles = {
+  image: (0, _styleMap.styleMap)((0, _baseStyles.fullWidth)()),
+  intro: (0, _styleMap.styleMap)({
+    ...(0, _baseStyles.textGray)(),
+    ...(0, _baseStyles.textCenter)()
+  }),
+  card: (0, _styleMap.styleMap)((0, _baseStyles.card)()),
+  info: (0, _styleMap.styleMap)({
+    ...(0, _baseStyles.paddingSmall)(),
+    ...(0, _baseStyles.textLeft)()
+  })
+};
+const CVCard = (profileBasics, cvData) => {
+  const {
+    rolesByType,
+    skills,
+    languages
+  } = cvData;
+  const nameStyle = (0, _styleMap.styleMap)({
+    ...(0, _baseStyles.heading)(),
+    // "text-decoration": "underline",
+    color: profileBasics.highlightColor // was "text-decoration-color"
+  });
+  if (renderRoles(rolesByType['FutureRole']) || renderRoles(rolesByType['CurrentRole']) || renderRoles(rolesByType['PastRole']) || renderSkills(skills) || renderLanguages(languages)) {
+    return (0, _litHtml.html)`
+  <div data-testid="curriculum-vitae" style="${styles.card}">
+    <div style=${styles.info}>
+      <h3 style=${nameStyle}>Bio</h3>
+      <div style=${styles.info}>${renderRoles(rolesByType['FutureRole'])}</div>
+      <hr />
+      <div style=${styles.info}>${renderRoles(rolesByType['CurrentRole'])}</div>
+      <hr />
+      <div style=${styles.info}>${renderRoles(rolesByType['PastRole'])}</div>
+      <hr />
+      <h3 style=${nameStyle}>Skills</h3>
+      <div style=${styles.info}>${renderSkills(skills)}</div>
+      <h3 style=${nameStyle}>Languages</h3>
+      <div style=${styles.info}>${renderLanguages(languages)}</div>
+    </div>
+    </div>
+  `;
+  }
+  return (0, _litHtml.html)``;
+};
+exports.CVCard = CVCard;
+function renderRole(role) {
+  return role ? (0, _litHtml.html)`<div style="margin-top: 0.3em; margin-bottom: 0.3em;">
+        <b>${role.orgName}</b>
+        <span>${strToUpperCase(role.roleText)}</span>
+        <span>${role.dates}</span>   
+      </div> ` : (0, _litHtml.html)``;
+}
+function renderRoles(roles) {
+  if (roles[0] > '') return (0, _litHtml.html)`${renderRole(roles[0])}${roles.length > 1 ? renderRoles(roles.slice(1)) : (0, _litHtml.html)``}`;
+}
+function renderSkill(skill) {
+  return skill ? (0, _litHtml.html)`<div style="margin: 0.5em;">
+        <p style="text-align: center;">${skill}</p>
+      </div> ` : (0, _litHtml.html)``;
+}
+function renderSkills(skills) {
+  if (skills[0] > '') return (0, _litHtml.html)`${renderSkill(strToUpperCase(skills[0]))} ${skills.length > 1 ? renderSkills(skills.slice(1)) : (0, _litHtml.html)``}`;
+}
+function renderLan(language) {
+  return language ? (0, _litHtml.html)`<div style="margin: 0.5em;">
+        <p style="text-align: center;">${language}</p>
+      </div> ` : (0, _litHtml.html)``;
+}
+function renderLanguages(languages) {
+  if (languages[0] > '') return (0, _litHtml.html)`${renderLan(languages[0])}${languages.length > 1 ? renderLanguages(languages.slice(1)) : (0, _litHtml.html)``}`;
+}
+function strToUpperCase(str) {
+  if (str && str[0] > '') {
+    const strCase = str.split(' ');
+    for (let i = 0; i < strCase.length; i++) {
+      strCase[i] = strCase[i].charAt(0).toUpperCase() + strCase[i].substring(1);
+    }
+    return strCase.join(' ');
+  }
+  return '';
+}

package/lib/CVCard.d.ts

@@ -1,3 +1,5 @@
+import { TemplateResult } from 'lit-html';
+import { ProfilePresentation } from './presenter';
 import { CVPresentation } from './CVPresenter';
-export declare const CVCard: (cvData: CVPresentation) => import("lit-html").TemplateResult<1>;
+export declare const CVCard: (profileBasics: ProfilePresentation, cvData: CVPresentation) => TemplateResult;
 //# sourceMappingURL=CVCard.d.ts.map

package/lib/CVCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CVCard.d.ts","sourceRoot":"","sources":["../src/CVCard.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAG9C,eAAO,MAAM,MAAM,GACjB,QAAQ,cAAc,yCAkEvB,CAAA"}
+{"version":3,"file":"CVCard.d.ts","sourceRoot":"","sources":["../src/CVCard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,UAAU,CAAA;AAS/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAa9C,eAAO,MAAM,MAAM,GACjB,eAAe,mBAAmB,EAClC,QAAQ,cAAc,KACrB,cAgCF,CAAA"}

package/lib/CVCard.js

@@ -1,118 +1,99 @@
-import { html } from 'lit-html';
-import * as styles from './styles/CVCard.module.css';
-export const CVCard = (cvData) => {
-    const { rolesByType, skills, languages } = cvData;
-    const futureRolesArr = rolesByType['FutureRole'] || [];
-    const currentRolesArr = rolesByType['CurrentRole'] || [];
-    const pastRolesArr = rolesByType['PastRole'] || [];
-    const skillsArr = skills || [];
-    const languagesArr = languages || [];
-    const hasFutureRole = Array.isArray(futureRolesArr) && futureRolesArr.length > 0;
-    const hasCurrentRole = Array.isArray(currentRolesArr) && currentRolesArr.length > 0;
-    const hasPastRole = Array.isArray(pastRolesArr) && pastRolesArr.length > 0;
-    const hasSkills = Array.isArray(skillsArr) && skillsArr.length > 0;
-    const hasLanguages = Array.isArray(languagesArr) && languagesArr.length > 0;
-    if (!(hasFutureRole || hasCurrentRole || hasPastRole || hasSkills || hasLanguages))
-        return html ``;
-    return html `
-    <article class="${styles.cvCard}" aria-label="Professional Experience" data-testid="curriculum-vitae">
-      ${hasFutureRole ? html `
-        <section class="${styles.cvSection}" aria-labelledby="cv-future-heading">
-          <h3 id="cv-future-heading">Future Roles</h3>
-          <ul role="list" aria-label="Upcoming professional roles">
-            ${renderRoles(futureRolesArr, true)}
-          </ul>
-        </section>
-      ` : ''}
-      
-      ${hasCurrentRole ? html `
-        <section class="${styles.cvSection}" aria-labelledby="cv-current-heading">
-          <h3 id="cv-current-heading">Current Roles</h3>
-          <ul role="list" aria-label="Current professional positions">
-            ${renderRoles(currentRolesArr, true)}
-          </ul>
-        </section>
-      ` : ''}
-      
-      ${hasPastRole ? html `
-        <section class="${styles.cvSection}" aria-labelledby="cv-past-heading">
-          <h3 id="cv-past-heading">Past Roles</h3>
-          <ul role="list" aria-label="Previous work experience">
-            ${renderRoles(pastRolesArr, true)}
-          </ul>
-        </section>
-      ` : ''}
-      
-      ${hasSkills ? html `
-        <section class="${styles.cvSection}" aria-labelledby="cv-skills-heading">
-          <h3 id="cv-skills-heading">Skills</h3>
-          <ul role="list" aria-label="Professional skills and competencies">
-            ${renderSkills(skillsArr, true)}
-          </ul>
-        </section>
-      ` : ''}
-      
-      ${hasLanguages ? html `
-        <section class="${styles.cvSection}" aria-labelledby="cv-languages-heading">
-          <h3 id="cv-languages-heading">Languages</h3>
-          <ul role="list" aria-label="Known languages">
-            ${renderLanguages(languagesArr, true)}
-          </ul>
-        </section>
-      ` : ''}
-    </article>
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CVCard = void 0;
+var _litHtml = require("lit-html");
+var _baseStyles = require("./baseStyles");
+var _styleMap = require("lit-html/directives/style-map.js");
+const styles = {
+  image: (0, _styleMap.styleMap)((0, _baseStyles.fullWidth)()),
+  intro: (0, _styleMap.styleMap)({
+    ...(0, _baseStyles.textGray)(),
+    ...(0, _baseStyles.textCenter)()
+  }),
+  card: (0, _styleMap.styleMap)((0, _baseStyles.card)()),
+  info: (0, _styleMap.styleMap)({
+    ...(0, _baseStyles.paddingSmall)(),
+    ...(0, _baseStyles.textLeft)()
+  }),
+  tools: (0, _styleMap.styleMap)({
+    ...(0, _baseStyles.paddingSmall)(),
+    ...(0, _baseStyles.textRight)()
+  })
+};
+const CVCard = (profileBasics, cvData) => {
+  const {
+    rolesByType,
+    skills,
+    languages
+  } = cvData;
+  const nameStyle = (0, _styleMap.styleMap)({
+    ...(0, _baseStyles.heading)(),
+    // "text-decoration": "underline",
+    color: profileBasics.highlightColor // was "text-decoration-color"
+  });
+  if (renderRoles(rolesByType['FutureRole']) || renderRoles(rolesByType['CurrentRole']) || renderRoles(rolesByType['PastRole']) || renderSkills(skills) || renderLanguages(languages)) {
+    return (0, _litHtml.html)`
+  <div>
+    <div data-testid="curriculum-vitae" style="${styles.card}">
+      <div style=${styles.info}>
+        <h3 style=${nameStyle}>Bio</h3>
+        <div style=${styles.info}>${renderRoles(rolesByType['FutureRole'])}</div>
+        <hr />
+        <div style=${styles.info}>${renderRoles(rolesByType['CurrentRole'])}</div>
+        <hr />
+        <div style=${styles.info}>${renderRoles(rolesByType['PastRole'])}</div>
+        <hr />
+        <h3 style=${nameStyle}>Skills</h3>
+        <div style=${styles.info}>${renderSkills(skills)}</div>
+        <h3 style=${nameStyle}>Languages</h3>
+        <div style=${styles.info}>${renderLanguages(languages)}</div>
+            
+      </div>
+      </div>
+    </div>
   `;
+  }
+  return (0, _litHtml.html)``;
 };
-function renderRole(role, asList = false) {
-    if (!role)
-        return html ``;
-    return asList
-        ? html `
-      <li class="${styles.cvRole}" role="listitem">
-        <strong class="${styles.cvOrg}" aria-label="Organization">${role.orgName}</strong>
-        <span aria-label="Role title">${strToUpperCase(role.roleText)}</span>
-        <time aria-label="Employment period">${role.dates}</time>
-      </li>`
-        : html ``;
+exports.CVCard = CVCard;
+function renderRole(role) {
+  return role ? (0, _litHtml.html)`<div style="margin-top: 0.3em; margin-bottom: 0.3em;">
+        <b>${role.orgName}</b>
+        <span>${strToUpperCase(role.roleText)}</span>
+        <span>${role.dates}</span>   
+      </div> ` : (0, _litHtml.html)``;
 }
-function renderRoles(roles, asList = false) {
-    if (!roles || !roles.length || !roles[0])
-        return html ``;
-    return html `${renderRole(roles[0], asList)}${roles.length > 1 ? renderRoles(roles.slice(1), asList) : html ``}`;
+function renderRoles(roles) {
+  if (roles[0] > '') return (0, _litHtml.html)`${renderRole(roles[0])}${roles.length > 1 ? renderRoles(roles.slice(1)) : (0, _litHtml.html)``}`;
 }
-function renderSkill(skill, asList = false) {
-    if (!skill)
-        return html ``;
-    return asList
-        ? html `<li class="${styles.cvSkill}">${strToUpperCase(skill)}</li>`
-        : html ``;
+function renderSkill(skill) {
+  return skill ? (0, _litHtml.html)`<div style="margin: 0.5em;">
+        <p style="text-align: center;">${skill}</p>
+      </div> ` : (0, _litHtml.html)``;
 }
-function renderSkills(skills, asList = false) {
-    if (!skills || !skills.length || !skills[0])
-        return html ``;
-    return html `${renderSkill(skills[0], asList)}${skills.length > 1 ? renderSkills(skills.slice(1), asList) : html ``}`;
+function renderSkills(skills) {
+  if (skills[0] > '') return (0, _litHtml.html)`${renderSkill(strToUpperCase(skills[0]))} ${skills.length > 1 ? renderSkills(skills.slice(1)) : (0, _litHtml.html)``}`;
 }
-function renderLan(language, asList = false) {
-    if (!language)
-        return html ``;
-    return asList
-        ? html `<li class="${styles.cvLanguage}">${language}</li>`
-        : html ``;
+function renderLan(language) {
+  return language ? (0, _litHtml.html)`<div style="margin: 0.5em;">
+        <p style="text-align: center;">${language}</p>
+      </div> ` : (0, _litHtml.html)``;
 }
-function renderLanguages(languages, asList = false) {
-    if (!languages || !languages.length || !languages[0])
-        return html ``;
-    return html `${renderLan(languages[0], asList)}${languages.length > 1 ? renderLanguages(languages.slice(1), asList) : html ``}`;
+function renderLanguages(languages) {
+  if (languages[0] > '') return (0, _litHtml.html)`${renderLan(languages[0])}${languages.length > 1 ? renderLanguages(languages.slice(1)) : (0, _litHtml.html)``}`;
 }
 function strToUpperCase(str) {
-    if (str && str[0] > '') {
-        const strCase = str.split(' ');
-        for (let i = 0; i < strCase.length; i++) {
-            strCase[i] = strCase[i].charAt(0).toUpperCase() +
-                strCase[i].substring(1);
-        }
-        return strCase.join(' ');
+  if (str && str[0] > '') {
+    const strCase = str.split(' ');
+    for (let i = 0; i < strCase.length; i++) {
+      strCase[i] = strCase[i].charAt(0).toUpperCase() + strCase[i].substring(1);
     }
-    return '';
+    return strCase.join(' ');
+  }
+  return '';
 }
-//# sourceMappingURL=CVCard.js.map
+
+// ends

package/lib/CVPresenter.js

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

package/lib/ChatWithMe.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatWithMe.d.ts","sourceRoot":"","sources":["../src/ChatWithMe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAQlC,eAAO,MAAM,UAAU,GACrB,SAAS,SAAS,EAClB,SAAS,kBAAkB,KAC1B,cA2FF,CAAA"}
+{"version":3,"file":"ChatWithMe.d.ts","sourceRoot":"","sources":["../src/ChatWithMe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAKlC,eAAO,MAAM,UAAU,GACrB,SAAS,SAAS,EAClB,SAAS,kBAAkB,KAC1B,cAwCF,CAAA"}

package/lib/ChatWithMe.js

@@ -1,86 +1,43 @@
-import { html } from 'lit-html';
-import { widgets, style } from 'solid-ui';
-import { authn } from 'solid-logic';
-import { asyncReplace } from 'lit-html/directives/async-replace.js';
-import { chatWithMeButtonText, logInToChatWithMeButtonText, loadingMessage } from './texts';
-import { checkIfAnyUserLoggedIn, complain } from './buttonsHelper';
-import * as localStyles from './styles/ChatWithMe.module.css';
-export const ChatWithMe = (subject, context) => {
-    const logic = context.session.logic;
-    const longChatPane = context.session.paneRegistry.byName('long chat');
-    async function* chatContainer() {
-        const chatContainer = context.dom.createElement('section');
-        chatContainer.setAttribute('class', localStyles.chatSection);
-        chatContainer.setAttribute('aria-labelledby', 'chat-section-title');
-        chatContainer.setAttribute('role', 'region');
-        chatContainer.setAttribute('data-testid', 'chat');
-        // Add hidden title for screen readers
-        const title = context.dom.createElement('h3');
-        title.id = 'chat-section-title';
-        title.className = 'sr-only';
-        title.textContent = 'Communication';
-        chatContainer.appendChild(title);
-        let exists;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatWithMe = void 0;
+var _litHtml = require("lit-html");
+var _solidUi = require("solid-ui");
+var _asyncReplace = require("lit-html/directives/async-replace.js");
+var _texts = require("./texts");
+const ChatWithMe = (subject, context) => {
+  const logic = context.session.logic;
+  const longChatPane = context.session.paneRegistry.byName('long chat');
+  async function* chatContainer() {
+    const chatContainer = context.dom.createElement('div');
+    let exists;
+    try {
+      yield _texts.loadingMessage, exists = await logic.chat.getChat(subject, false);
+    } catch (e) {
+      exists = false;
+    }
+    if (exists) {
+      chatContainer.appendChild(longChatPane.render(exists, context, {}));
+      yield chatContainer;
+    } else {
+      const button = _solidUi.widgets.button(context.dom, undefined, _texts.chatWithMeButtonText, async () => {
         try {
-            yield html `
-        <div class="${localStyles.chatLoading}" role="status" aria-live="polite">
-          ${loadingMessage.toUpperCase()}
-        </div>
-      `;
-            exists = await logic.chat.getChat(subject, false);
-        }
-        catch (e) {
-            exists = false;
-        }
-        if (exists) {
-            const chatArea = context.dom.createElement('div');
-            chatArea.setAttribute('role', 'log');
-            chatArea.setAttribute('aria-label', 'Chat conversation');
-            chatArea.appendChild(longChatPane.render(exists, context, {}));
-            chatContainer.appendChild(chatArea);
-            yield chatContainer;
-        }
-        else {
-            const me = authn.currentUser();
-            let label = checkIfAnyUserLoggedIn(me) ? chatWithMeButtonText.toUpperCase() : logInToChatWithMeButtonText.toUpperCase();
-            const button = widgets.button(context.dom, undefined, label, setButtonHandler, { needsBorder: true });
-            async function setButtonHandler(event) {
-                event.preventDefault();
-                try {
-                    const chat = await logic.chat.getChat(subject, true);
-                    chatContainer.innerHTML = '';
-                    chatContainer.appendChild(longChatPane.render(chat, context, {}));
-                }
-                catch (error) {
-                    complain(chatContainer, context, error);
-                }
-            }
-            button.refresh = refreshButton();
-            function refreshButton() {
-                const me = authn.currentUser();
-                if (checkIfAnyUserLoggedIn(me)) {
-                    button.innerHTML = chatWithMeButtonText.toUpperCase();
-                    button.className = 'button';
-                    button.setAttribute('class', style.primaryButton);
-                }
-                else {
-                    //not logged in
-                    button.innerHTML = logInToChatWithMeButtonText.toUpperCase();
-                    button.className = 'button';
-                    button.setAttribute('class', style.primaryButton);
-                }
-            }
-            button.setAttribute('type', 'button');
-            button.setAttribute('aria-describedby', 'chat-button-description');
-            const description = context.dom.createElement('span');
-            description.id = 'chat-button-description';
-            description.className = 'sr-only';
-            description.textContent = 'Start a new conversation or sign in to continue existing chat';
-            chatContainer.appendChild(button);
-            chatContainer.appendChild(description);
-            yield chatContainer;
+          const chat = await logic.chat.getChat(subject, true);
+          chatContainer.innerHTML = '';
+          chatContainer.appendChild(longChatPane.render(chat, context, {}));
+        } catch (e) {
+          chatContainer.appendChild(_solidUi.widgets.errorMessageBlock(context.dom, e.message));
         }
+      }, {
+        needsBorder: true
+      });
+      chatContainer.appendChild(button);
+      yield chatContainer;
     }
-    return html ` ${asyncReplace(chatContainer())} `;
+  }
+  return (0, _litHtml.html)` ${(0, _asyncReplace.asyncReplace)(chatContainer())} `;
 };
-//# sourceMappingURL=ChatWithMe.js.map
+exports.ChatWithMe = ChatWithMe;